无法使用样式字典在同一 json 文件中添加颜色

Question

我想使用 style-dictionarys npm 包（而不是 cli）从我的设计令牌生成 scss 变量。目前，我有一个令牌来保存整个设计系统，但我无法确定我是否会从设计团队那里获得单独的 json 中的所有内容 - （如果需要，我可以编写一个分割 json 的小脚本）

基本SD示例工作得很好，尽管我在相对路径等方面遇到了一些奇怪的问题，这让我很头疼。我目前面临的问题是嵌套属性无法从同一对象中访问其他值。

我将突出显示颜色添加到基本示例 json 中。 SD 可以很好地生成基色，不会引发任何错误，但“突出显示”会被忽略。

// colors.json
{
 "color": { 
    "base": { 
        "gray": { 
            "light": { "value": "#CCCCCC" }, 
            "medium": { "value": "#999999" }, 
            "dark": { "value": "#111111" } 
        }, 
        "red": { "value": "#FF0000" },
        "green": { "value": "#00FF00" }
    }, 
    "highlight": { 
        "gray": { 
            "light": "{color.base.gray.light}" 
            } 
        } 
    } 
}

在

multi-brand-exmaple - 他们没有定义任何自定义格式化程序或转换，所以我有点卡在这里。

遵循示例存储库中提供的示例。

Answer 1

我错过了在引用前面添加“value”属性。

    "highlight": { 
            "gray": { 
                "light": {"value": "{color.base.gray.light}" }
                } 
            }