From 6fb623798fcd50abff188af35b974029a994ccb1 Mon Sep 17 00:00:00 2001 From: taysea Date: Wed, 15 Jan 2025 13:11:30 -0800 Subject: [PATCH] Pull in flattened Figma names --- design-tokens/tokens/semantic/color.dark.json | 118 +++++++++--------- .../tokens/semantic/color.light.json | 118 +++++++++--------- 2 files changed, 118 insertions(+), 118 deletions(-) diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index fb1251369..8f341cfae 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -137,12 +137,12 @@ } } }, - "warning": { + "ok": { "DEFAULT": { "REST": { "$type": "color", - "$value": "{base.color.yellow.400-Opacity12}", - "$description": "Use for borders communicating warning or caution.", + "$value": "{base.color.green.500-Opacity30}", + "$description": "Use for backgrounds communicating success.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -153,12 +153,12 @@ } } }, - "info": { + "critical": { "DEFAULT": { "REST": { "$type": "color", - "$value": "{base.color.blue.400-Opacity12}", - "$description": "Use for backgrounds communicating neutral information.", + "$value": "{base.color.red.800-Opacity30}", + "$description": "Use for backgrounds communicating errors or danger.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -169,12 +169,12 @@ } } }, - "critical": { + "unknown": { "DEFAULT": { "REST": { "$type": "color", - "$value": "{base.color.red.800-Opacity30}", - "$description": "Use for backgrounds communicating errors or danger.", + "$value": "{base.color.white.opacity6}", + "$description": "Use for backgrounds communicating an unknown status.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -185,12 +185,12 @@ } } }, - "primary": { - "default": { + "info": { + "DEFAULT": { "REST": { "$type": "color", - "$value": "{base.color.green.600}", - "$description": "The strong variant of background-primary. Primary palette is derived from the brand color and used for high visual prominence.", + "$value": "{base.color.blue.400-Opacity12}", + "$description": "Use for backgrounds communicating neutral information.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -199,12 +199,14 @@ } } } - }, + } + }, + "warning": { "DEFAULT": { - "hover": { + "REST": { "$type": "color", - "$value": "{base.color.green.600}", - "$description": "Hover variant of background-primary.", + "$value": "{base.color.yellow.400-Opacity12}", + "$description": "Use for borders communicating warning or caution.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -215,12 +217,12 @@ } } }, - "unknown": { - "DEFAULT": { + "primary": { + "default": { "REST": { "$type": "color", - "$value": "{base.color.white.opacity6}", - "$description": "Use for backgrounds communicating an unknown status.", + "$value": "{base.color.green.600}", + "$description": "The strong variant of background-primary. Primary palette is derived from the brand color and used for high visual prominence.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -229,14 +231,12 @@ } } } - } - }, - "ok": { + }, "DEFAULT": { - "REST": { + "hover": { "$type": "color", - "$value": "{base.color.green.500-Opacity30}", - "$description": "Use for backgrounds communicating success.", + "$value": "{base.color.green.600}", + "$description": "Hover variant of background-primary.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -573,38 +573,6 @@ } } }, - "onStrong": { - "default": { - "REST": { - "$type": "color", - "$value": "{base.color.grey.1200}", - "$description": "Text color to be used on strong backgrounds. For example, background-neutral-xstrong.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - } - } - }, - "heading": { - "default": { - "REST": { - "$type": "color", - "$value": "{color.text.strong.REST}", - "$description": "Text color for headings.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - } - }, "primary": { "DEFAULT": { "REST": { @@ -701,6 +669,22 @@ } } }, + "heading": { + "default": { + "REST": { + "$type": "color", + "$value": "{color.text.strong.REST}", + "$description": "Text color for headings.", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + } + } + }, "onSelectedStrong": { "DEFAULT": { "REST": { @@ -733,6 +717,22 @@ } } }, + "onStrong": { + "default": { + "REST": { + "$type": "color", + "$value": "{base.color.grey.1200}", + "$description": "Text color to be used on strong backgrounds. For example, background-neutral-xstrong.", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + } + } + }, "onCritical": { "strong": { "REST": { diff --git a/design-tokens/tokens/semantic/color.light.json b/design-tokens/tokens/semantic/color.light.json index 9682d9d3d..ad16bb1d0 100644 --- a/design-tokens/tokens/semantic/color.light.json +++ b/design-tokens/tokens/semantic/color.light.json @@ -137,12 +137,12 @@ } } }, - "warning": { + "ok": { "DEFAULT": { "REST": { "$type": "color", - "$value": "{base.color.orange.400-Opacity24}", - "$description": "Use for borders communicating warning or caution.", + "$value": "{base.color.green.400-Opacity24}", + "$description": "Use for backgrounds communicating success.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -153,12 +153,12 @@ } } }, - "info": { + "critical": { "DEFAULT": { "REST": { "$type": "color", - "$value": "{base.color.blue.400-Opacity24}", - "$description": "Use for backgrounds communicating neutral information.", + "$value": "{base.color.red.500-Opacity24}", + "$description": "Use for backgrounds communicating errors or danger.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -169,12 +169,12 @@ } } }, - "critical": { + "unknown": { "DEFAULT": { "REST": { "$type": "color", - "$value": "{base.color.red.500-Opacity24}", - "$description": "Use for backgrounds communicating errors or danger.", + "$value": "{base.color.black.opacity4}", + "$description": "Use for backgrounds communicating an unknown status.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -185,12 +185,12 @@ } } }, - "primary": { - "default": { + "info": { + "DEFAULT": { "REST": { "$type": "color", - "$value": "{base.color.green.600}", - "$description": "The strong variant of background-primary. Primary palette is derived from the brand color and used for high visual prominence.", + "$value": "{base.color.blue.400-Opacity24}", + "$description": "Use for backgrounds communicating neutral information.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -199,12 +199,14 @@ } } } - }, + } + }, + "warning": { "DEFAULT": { - "hover": { + "REST": { "$type": "color", - "$value": "{base.color.green.600}", - "$description": "Hover variant of background-primary.", + "$value": "{base.color.orange.400-Opacity24}", + "$description": "Use for borders communicating warning or caution.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -215,12 +217,12 @@ } } }, - "unknown": { - "DEFAULT": { + "primary": { + "default": { "REST": { "$type": "color", - "$value": "{base.color.black.opacity4}", - "$description": "Use for backgrounds communicating an unknown status.", + "$value": "{base.color.green.600}", + "$description": "The strong variant of background-primary. Primary palette is derived from the brand color and used for high visual prominence.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -229,14 +231,12 @@ } } } - } - }, - "ok": { + }, "DEFAULT": { - "REST": { + "hover": { "$type": "color", - "$value": "{base.color.green.400-Opacity24}", - "$description": "Use for backgrounds communicating success.", + "$value": "{base.color.green.600}", + "$description": "Hover variant of background-primary.", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -573,38 +573,6 @@ } } }, - "onStrong": { - "default": { - "REST": { - "$type": "color", - "$value": "{base.color.white.100}", - "$description": "Text color to be used on strong backgrounds. For example, background-neutral-xstrong.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - } - } - }, - "heading": { - "default": { - "REST": { - "$type": "color", - "$value": "{color.text.strong.REST}", - "$description": "Text color for headings.", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } - } - }, "primary": { "DEFAULT": { "REST": { @@ -701,6 +669,22 @@ } } }, + "heading": { + "default": { + "REST": { + "$type": "color", + "$value": "{color.text.strong.REST}", + "$description": "Text color for headings.", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + } + } + }, "onSelectedStrong": { "DEFAULT": { "REST": { @@ -733,6 +717,22 @@ } } }, + "onStrong": { + "default": { + "REST": { + "$type": "color", + "$value": "{base.color.white.100}", + "$description": "Text color to be used on strong backgrounds. For example, background-neutral-xstrong.", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + } + } + }, "onCritical": { "strong": { "REST": {