问题标签 [style-dictionary]

我有一个使用Style Dictionary的 React 项目，它会生成一个_variables.scss我可以在项目中使用的文件。这很好用，但有没有办法以编程方式跨多个项目共享？例如，如果我在主项目中更新样式字典，其他项目如何在_variables.scss不手动复制和粘贴的情况下访问更新的内容？

最初，我只能想到一个所有项目都可以从中提取的远程 git。但是他们怎么能只提取某些文件呢？

我有以下 button.json

我能够使用亚马逊风格词典生成风格标记。我想要生成的是一个完整的 sass css 来自 json。

例如：

我目前正在决定在项目中使用哪些技术。我一直很喜欢 sass，主要原因是 css 的嵌套以及创建 dicionaty 类来保存所有设计信息的可能性，例如托盘、边距等。如下所示：

然后，在实际的 .scss 文件中，我可以导入该字典并轻松访问pallet，从而实现标准化并促进样式表的创建：

样式化的组件是一件很棒的事情，我完全同意他们网站上所说的 advatanged。但是，我不喜欢失去我在 sass 中拥有的字典功能的想法。我知道我可以将数据从 state 和 props 传递给样式化的组件，但这也意味着，在某些时候，我将不得不从某个地方传递这些 props 或 state。喜欢：

有没有一种方法可以让我使用 sass 和样式化组件来调和这个字典功能？以某种方式将 dictionary.sass 导入到我的 styledComponent.js 文件甚至 .json 文件中。一种导入不是 React 道具或状态的静态托盘、字体、边距数据的方法。

我有准系统 Flutter 2.5 项目和 Figma 设计令牌，它们是通过Figma Tokens导出的。这些设计标记如下所示：

项目\style_dictionary\properties\tokens.json

和样式字典配置看起来像这样

项目\style_dictionary\config.json

在style_dictionarystyle-dictionary build中的 CMD 中运行将生成下一个文件

项目\lib\unique_file\style_dictionary_color.dart

但是最后应该是这样的

项目\lib\unique_file\style_dictionary_color.dart

问题：如何以及在哪里可以创建样式字典转换文件以创建具有Color静态变量类型的正确 dart 文件？我无法修改导出的设计令牌。

非常简单的问题，我正在注册一个转换，而转换器需要一个项目，实际上是一个设计令牌，它位于我正在应用此转换的同一个文件中。所以我需要dictionary.properties通过它来访问来检索这个元素name，用于转换所有其他元素。

在transformer我只能访问propand options，还不够，而且我认为它也不是可用的信息this.#handler（澄清this.#handler = require('style-dictionary')）是否可以访问此信息？谢谢

问题很简单：

我有一个 javascript 文件

和一个 json 配置文件

由于我使用的是特定架构，因此我需要在所有令牌配置 json 的源前面加上一个预路径，所以目前的情况是在我的构建过程中源代码 tokens/color.json不起作用，而是我需要使用例如一些东西像这样/extra/architecture/private/tokens/color.json。但我不想直接在 json 中附加这个预路径，我希望能够通过一个配置参数通过 javascript 添加它。

目前我找不到一个好的方法，唯一的好方法是直接编辑配置 json 文件。

有更好的想法吗？

我正在使用 Amazon Style Dictionary 从 JS 定义文件中生成 SCSS 变量。给定以下输入：

我想为此生成的不是一个输出变量，而是两个（HEX 和 RGB）。是否可以编写一个自定义值转换器，为给定输入吐出多个值？还是我需要为此用例运行单独的管道？