From a2a93678c1375e371442b610064a96b6d65c9fcc Mon Sep 17 00:00:00 2001 From: taysea Date: Mon, 30 Sep 2024 11:07:18 -0700 Subject: [PATCH] Update tokens from Figma --- .../tokens/component/component.default.json | 42 +-- design-tokens/tokens/semantic/color.dark.json | 350 ++++++++++++------ .../tokens/semantic/color.light.json | 350 ++++++++++++------ 3 files changed, 487 insertions(+), 255 deletions(-) diff --git a/design-tokens/tokens/component/component.default.json b/design-tokens/tokens/component/component.default.json index 1c3ebc26a..d1229ffa0 100644 --- a/design-tokens/tokens/component/component.default.json +++ b/design-tokens/tokens/component/component.default.json @@ -65,7 +65,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -139,7 +139,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -201,7 +201,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -264,7 +264,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -329,7 +329,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -391,7 +391,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -453,7 +453,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -516,7 +516,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -705,7 +705,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -768,7 +768,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -833,7 +833,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -895,7 +895,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -957,7 +957,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -1020,7 +1020,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } @@ -1752,7 +1752,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": 0, + "$value": 5, "$description": "", "$extensions": { "com.figma": { @@ -1764,7 +1764,7 @@ }, "paddingY": { "$type": "number", - "$value": 0, + "$value": 5, "$description": "", "$extensions": { "com.figma": { @@ -2061,7 +2061,7 @@ }, "paddingY": { "$type": "number", - "$value": 6, + "$value": "{button.medium.default.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3442,7 +3442,7 @@ }, "paddingX": { "$type": "number", - "$value": "{button.large.default.iconOnly.paddingX}", + "$value": 14, "$description": "", "$extensions": { "com.figma": { @@ -7289,7 +7289,7 @@ "critical": { "background": { "$type": "color", - "$value": "{color.background.status.critical}", + "$value": "{color.background.critical}", "$description": "", "$extensions": { "com.figma": { @@ -7528,7 +7528,7 @@ "critical": { "background": { "$type": "color", - "$value": "{color.background.status.critical}", + "$value": "{color.background.critical}", "$description": "", "$extensions": { "com.figma": { @@ -10564,7 +10564,7 @@ "paddingX": { "narrow": { "$type": "number", - "$value": "{base.static.spacing.xxsmall}", + "$value": 5, "$description": "", "$extensions": { "com.figma": { diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index 051e75019..9b29637f5 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -109,68 +109,6 @@ } } }, - "status": { - "warning": { - "$type": "color", - "$value": "{base.color.yellow.400-Opacity12}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "unknown": { - "$type": "color", - "$value": "{base.color.grey.1200}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "ok": { - "$type": "color", - "$value": "{base.color.green.500-Opacity30}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "critical": { - "$type": "color", - "$value": "{base.color.red.800-Opacity30}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "info": { - "$type": "color", - "$value": "{base.color.blue.400-Opacity12}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - } - }, "selected": { "strong": { "enabled": { @@ -213,6 +151,18 @@ } } }, + "ok": { + "$type": "color", + "$value": "{base.color.green.500-Opacity30}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, "primary": { "default": { "$type": "color", @@ -238,6 +188,54 @@ } } } + }, + "info": { + "$type": "color", + "$value": "{base.color.blue.400-Opacity12}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{base.color.yellow.400-Opacity12}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{base.color.red.800-Opacity30}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "unknown": { + "$type": "color", + "$value": "{base.color.grey.1200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } } }, "border": { @@ -300,6 +298,66 @@ "codeSyntax": {} } } + }, + "critical": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, + "info": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "ok": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "unknown": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } } }, "text": { @@ -427,6 +485,66 @@ } } }, + "critical": { + "$type": "color", + "$value": "{color.text.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "info": { + "$type": "color", + "$value": "{color.text.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "ok": { + "$type": "color", + "$value": "{color.text.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{color.text.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "unknown": { + "$type": "color", + "$value": "{color.text.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, "onSelectedStrong": { "$type": "color", "$value": "{base.color.white.100}", @@ -525,65 +643,63 @@ } } }, - "status": { - "critical": { - "$type": "color", - "$value": "{base.color.red.750}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } + "critical": { + "$type": "color", + "$value": "{base.color.red.750}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "info": { - "$type": "color", - "$value": "{base.color.blue.700}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } + } + }, + "info": { + "$type": "color", + "$value": "{base.color.blue.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "ok": { - "$type": "color", - "$value": "{base.color.green.700}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } + } + }, + "ok": { + "$type": "color", + "$value": "{base.color.green.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "warning": { - "$type": "color", - "$value": "{base.color.orange.700}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } + } + }, + "warning": { + "$type": "color", + "$value": "{base.color.orange.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "unknown": { - "$type": "color", - "$value": "{base.color.grey.700}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } + } + }, + "unknown": { + "$type": "color", + "$value": "{base.color.grey.700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } } }, diff --git a/design-tokens/tokens/semantic/color.light.json b/design-tokens/tokens/semantic/color.light.json index 860596dc0..270a5085c 100644 --- a/design-tokens/tokens/semantic/color.light.json +++ b/design-tokens/tokens/semantic/color.light.json @@ -109,68 +109,6 @@ } } }, - "status": { - "warning": { - "$type": "color", - "$value": "{base.color.orange.400-Opacity24}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "unknown": { - "$type": "color", - "$value": "{base.color.grey.50}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "ok": { - "$type": "color", - "$value": "{base.color.green.400-Opacity24}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "critical": { - "$type": "color", - "$value": "{base.color.red.500-Opacity24}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "info": { - "$type": "color", - "$value": "{base.color.blue.400-Opacity24}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - } - }, "selected": { "strong": { "enabled": { @@ -213,6 +151,18 @@ } } }, + "ok": { + "$type": "color", + "$value": "{base.color.green.400-Opacity24}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, "primary": { "default": { "$type": "color", @@ -238,6 +188,54 @@ } } } + }, + "info": { + "$type": "color", + "$value": "{base.color.blue.400-Opacity24}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{base.color.orange.400-Opacity24}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "critical": { + "$type": "color", + "$value": "{base.color.red.500-Opacity24}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "unknown": { + "$type": "color", + "$value": "{base.color.grey.50}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } } }, "border": { @@ -300,6 +298,66 @@ "codeSyntax": {} } } + }, + "critical": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, + "info": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "ok": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "unknown": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } } }, "text": { @@ -427,6 +485,66 @@ } } }, + "critical": { + "$type": "color", + "$value": "{color.text.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "info": { + "$type": "color", + "$value": "{color.text.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "ok": { + "$type": "color", + "$value": "{color.text.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "warning": { + "$type": "color", + "$value": "{color.text.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "unknown": { + "$type": "color", + "$value": "{color.text.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, "onSelectedStrong": { "$type": "color", "$value": "{base.color.white.100}", @@ -525,65 +643,63 @@ } } }, - "status": { - "critical": { - "$type": "color", - "$value": "{base.color.red.550}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } + "critical": { + "$type": "color", + "$value": "{base.color.red.550}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "info": { - "$type": "color", - "$value": "{base.color.blue.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } + } + }, + "info": { + "$type": "color", + "$value": "{base.color.blue.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "ok": { - "$type": "color", - "$value": "{base.color.green.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } + } + }, + "ok": { + "$type": "color", + "$value": "{base.color.green.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "warning": { - "$type": "color", - "$value": "{base.color.orange.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } + } + }, + "warning": { + "$type": "color", + "$value": "{base.color.orange.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "unknown": { - "$type": "color", - "$value": "{base.color.grey.400}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } + } + }, + "unknown": { + "$type": "color", + "$value": "{base.color.grey.400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } } },