From a48ca560c796cf0dbea312bf58efe5d31717dd46 Mon Sep 17 00:00:00 2001 From: Jaalah Ramos Date: Thu, 28 Dec 2023 22:30:46 -0500 Subject: [PATCH] Update metadata and themes --- tokens/$metadata.json | 9 +- tokens/$themes.json | 8 +- tokens/alias/dark.json | 198 ----------------------- tokens/alias/densedDark.json | 292 +--------------------------------- tokens/alias/densedLight.json | 292 +--------------------------------- 5 files changed, 14 insertions(+), 785 deletions(-) diff --git a/tokens/$metadata.json b/tokens/$metadata.json index 7963e75..a1364b2 100644 --- a/tokens/$metadata.json +++ b/tokens/$metadata.json @@ -1,10 +1,13 @@ { "tokenSetOrder": [ "global/global", - "global/highContrast", "alias/light", + "alias/densedLight", "alias/dark", - "alias/highContrast", - "components/button/button" + "alias/densedDark", + "components/appBar/appBar", + "components/button/button", + "components/container/container", + "components/table/table" ] } \ No newline at end of file diff --git a/tokens/$themes.json b/tokens/$themes.json index e282a57..9e71e38 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -320,6 +320,7 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "global/global": "enabled", + "alias/light": "enabled", "alias/dark": "enabled", "components/button/button": "enabled", "components/appbar/appbar": "enabled", @@ -635,9 +636,10 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "global/global": "enabled", - "components/button/button": "enabled", + "alias/light": "enabled", "alias/densedLight": "enabled", "components/appbar/appbar": "enabled", + "components/button/button": "enabled", "components/container/container": "enabled", "components/table/table": "enabled" }, @@ -950,9 +952,11 @@ "$figmaStyleReferences": {}, "selectedTokenSets": { "global/global": "enabled", + "alias/light": "enabled", + "alias/dark": "enabled", "alias/densedDark": "enabled", - "components/button/button": "enabled", "components/appbar/appbar": "enabled", + "components/button/button": "enabled", "components/container/container": "enabled", "components/table/table": "enabled" }, diff --git a/tokens/alias/dark.json b/tokens/alias/dark.json index a6ee892..ca3991a 100644 --- a/tokens/alias/dark.json +++ b/tokens/alias/dark.json @@ -6,39 +6,11 @@ "value": "{global.color.neutrals.100}", "type": "color" }, - "negative": { - "value": "{global.color.red.90}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - }, - "inverted50": { - "value": "rgba(255,255,255,0.5)", - "type": "color" - }, - "white": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, "primary": { "default": { "value": "{global.color.neutrals.white}", "type": "color", "description": "Primary text color" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" } }, "secondary": { @@ -46,10 +18,6 @@ "value": "{global.color.neutrals.50}", "type": "color", "description": "Placeholder text" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" } }, "link": { @@ -60,10 +28,6 @@ "hover": { "value": "{global.color.brand.50}", "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" } } }, @@ -72,26 +36,6 @@ "value": "{global.color.neutrals.100}", "type": "color" }, - "negative": { - "value": "{global.color.red.90}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - }, - "white": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, "primary": { "default": { "value": "{global.color.neutrals.white}", @@ -105,10 +49,6 @@ "active": { "value": "{global.color.brand.60}", "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" } } } @@ -118,26 +58,6 @@ "value": "{global.color.neutrals.80}", "type": "color", "description": "Static component border" - }, - "neutral": { - "value": "{global.color.neutrals.100}", - "type": "color" - }, - "negative": { - "value": "{global.color.red.70}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" } }, "background": { @@ -150,107 +70,9 @@ "value": "{global.color.neutrals.100}", "type": "color", "description": "Default page background" - }, - "base": { - "value": "{global.color.neutrals.100}", - "type": "color", - "description": "Dark bg for table headers, tooltip" - }, - "negative": { - "value": "{global.color.red.70}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - }, - "black": { - "value": "{global.color.neutrals.black}", - "type": "color", - "description": "Global header and footer background" - }, - "negativesubtle": { - "value": "{global.color.red.10}", - "type": "color" - }, - "warningsubtle": { - "value": "{global.color.amber.10}", - "type": "color" - }, - "positivesubtle": { - "value": "{global.color.green.10}", - "type": "color" - }, - "informativesubtle": { - "value": "{global.color.ultramarine.10}", - "type": "color" - }, - "neutralsubtle": { - "value": "{global.color.neutrals.20}", - "type": "color" - } - }, - "interaction": { - "border": { - "default": { - "value": "{global.color.neutrals.60}", - "type": "color", - "description": "Default inputs border" - }, - "hover": { - "value": "{global.color.neutrals.90}", - "type": "color" - }, - "focus": { - "value": "{global.color.brand.90}", - "type": "color" - }, - "error": { - "value": "{global.color.red.70}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.40}", - "type": "color" - } - }, - "background": { - "primary": { - "value": "{global.color.neutrals.white}", - "type": "color", - "description": "Default component background color" - }, - "secondary": { - "value": "{global.color.neutrals.5}", - "type": "color" - }, - "tertiary": { - "value": "{global.color.brand.10}", - "type": "color" - }, - "accent": { - "value": "{global.color.brand.30}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.10}", - "type": "color" - } } }, "action": { - "base": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, "primary": { "default": { "value": "{global.color.brand.60}", @@ -264,26 +86,6 @@ "active": { "value": "{global.color.brand.60}", "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.20}", - "type": "color" - } - }, - "secondary": { - "hover": { - "value": "{global.color.brand.10}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.40}", - "type": "color" - } - }, - "tertiary": { - "disabled": { - "value": "{global.color.brand.40}", - "type": "color" } } } diff --git a/tokens/alias/densedDark.json b/tokens/alias/densedDark.json index b478eb6..9e26dfe 100644 --- a/tokens/alias/densedDark.json +++ b/tokens/alias/densedDark.json @@ -1,291 +1 @@ -{ - "alias": { - "content": { - "text": { - "base": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, - "negative": { - "value": "{global.color.red.90}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - }, - "inverted50": { - "value": "rgba(255,255,255,0.5)", - "type": "color" - }, - "white": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, - "primary": { - "default": { - "value": "{global.color.neutrals.100}", - "type": "color", - "description": "Primary text color" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" - } - }, - "secondary": { - "default": { - "value": "{global.color.neutrals.70}", - "type": "color", - "description": "Placeholder text" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" - } - }, - "link": { - "default": { - "value": "{global.color.brand.90}", - "type": "color" - }, - "hover": { - "value": "{global.color.brand.70}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" - } - } - }, - "icon": { - "base": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, - "negative": { - "value": "{global.color.red.90}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - }, - "white": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, - "primary": { - "default": { - "value": "{global.color.neutrals.90}", - "type": "color", - "description": "Default icon color" - }, - "hover": { - "value": "{global.color.brand.70}", - "type": "color" - }, - "active": { - "value": "{global.color.brand.90}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" - } - } - } - }, - "border": { - "normal": { - "value": "{global.color.neutrals.30}", - "type": "color", - "description": "Static component border" - }, - "neutral": { - "value": "{global.color.neutrals.100}", - "type": "color" - }, - "negative": { - "value": "{global.color.red.70}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - } - }, - "background": { - "normal": { - "value": "{global.color.neutrals.white}", - "type": "color", - "description": "Default component background" - }, - "neutral": { - "value": "{global.color.neutrals.5}", - "type": "color", - "description": "Default page background" - }, - "base": { - "value": "{global.color.neutrals.100}", - "type": "color", - "description": "Dark bg for table headers, tooltip" - }, - "negative": { - "value": "{global.color.red.70}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - }, - "black": { - "value": "{global.color.neutrals.black}", - "type": "color", - "description": "Global header and footer background" - }, - "negativesubtle": { - "value": "{global.color.red.10}", - "type": "color" - }, - "warningsubtle": { - "value": "{global.color.amber.10}", - "type": "color" - }, - "positivesubtle": { - "value": "{global.color.green.10}", - "type": "color" - }, - "informativesubtle": { - "value": "{global.color.ultramarine.10}", - "type": "color" - }, - "neutralsubtle": { - "value": "{global.color.neutrals.20}", - "type": "color" - } - }, - "interaction": { - "border": { - "default": { - "value": "{global.color.neutrals.60}", - "type": "color", - "description": "Default inputs border" - }, - "hover": { - "value": "{global.color.neutrals.90}", - "type": "color" - }, - "focus": { - "value": "{global.color.brand.90}", - "type": "color" - }, - "error": { - "value": "{global.color.red.70}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.40}", - "type": "color" - } - }, - "background": { - "primary": { - "value": "{global.color.neutrals.white}", - "type": "color", - "description": "Default component background color" - }, - "secondary": { - "value": "{global.color.neutrals.5}", - "type": "color" - }, - "tertiary": { - "value": "{global.color.brand.10}", - "type": "color" - }, - "accent": { - "value": "{global.color.brand.30}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.10}", - "type": "color" - } - } - }, - "action": { - "base": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, - "primary": { - "default": { - "value": "{global.color.brand.90}", - "type": "color", - "description": "Brand action color" - }, - "hover": { - "value": "{global.color.brand.70}", - "type": "color" - }, - "active": { - "value": "{global.color.brand.90}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.20}", - "type": "color" - } - }, - "secondary": { - "hover": { - "value": "{global.color.brand.10}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.40}", - "type": "color" - } - }, - "tertiary": { - "disabled": { - "value": "{global.color.brand.40}", - "type": "color" - } - } - } - } -} \ No newline at end of file +{} \ No newline at end of file diff --git a/tokens/alias/densedLight.json b/tokens/alias/densedLight.json index b478eb6..9e26dfe 100644 --- a/tokens/alias/densedLight.json +++ b/tokens/alias/densedLight.json @@ -1,291 +1 @@ -{ - "alias": { - "content": { - "text": { - "base": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, - "negative": { - "value": "{global.color.red.90}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - }, - "inverted50": { - "value": "rgba(255,255,255,0.5)", - "type": "color" - }, - "white": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, - "primary": { - "default": { - "value": "{global.color.neutrals.100}", - "type": "color", - "description": "Primary text color" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" - } - }, - "secondary": { - "default": { - "value": "{global.color.neutrals.70}", - "type": "color", - "description": "Placeholder text" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" - } - }, - "link": { - "default": { - "value": "{global.color.brand.90}", - "type": "color" - }, - "hover": { - "value": "{global.color.brand.70}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" - } - } - }, - "icon": { - "base": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, - "negative": { - "value": "{global.color.red.90}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - }, - "white": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, - "primary": { - "default": { - "value": "{global.color.neutrals.90}", - "type": "color", - "description": "Default icon color" - }, - "hover": { - "value": "{global.color.brand.70}", - "type": "color" - }, - "active": { - "value": "{global.color.brand.90}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.50}", - "type": "color" - } - } - } - }, - "border": { - "normal": { - "value": "{global.color.neutrals.30}", - "type": "color", - "description": "Static component border" - }, - "neutral": { - "value": "{global.color.neutrals.100}", - "type": "color" - }, - "negative": { - "value": "{global.color.red.70}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - } - }, - "background": { - "normal": { - "value": "{global.color.neutrals.white}", - "type": "color", - "description": "Default component background" - }, - "neutral": { - "value": "{global.color.neutrals.5}", - "type": "color", - "description": "Default page background" - }, - "base": { - "value": "{global.color.neutrals.100}", - "type": "color", - "description": "Dark bg for table headers, tooltip" - }, - "negative": { - "value": "{global.color.red.70}", - "type": "color" - }, - "warning": { - "value": "{global.color.amber.70}", - "type": "color" - }, - "positive": { - "value": "{global.color.green.70}", - "type": "color" - }, - "informative": { - "value": "{global.color.ultramarine.70}", - "type": "color" - }, - "black": { - "value": "{global.color.neutrals.black}", - "type": "color", - "description": "Global header and footer background" - }, - "negativesubtle": { - "value": "{global.color.red.10}", - "type": "color" - }, - "warningsubtle": { - "value": "{global.color.amber.10}", - "type": "color" - }, - "positivesubtle": { - "value": "{global.color.green.10}", - "type": "color" - }, - "informativesubtle": { - "value": "{global.color.ultramarine.10}", - "type": "color" - }, - "neutralsubtle": { - "value": "{global.color.neutrals.20}", - "type": "color" - } - }, - "interaction": { - "border": { - "default": { - "value": "{global.color.neutrals.60}", - "type": "color", - "description": "Default inputs border" - }, - "hover": { - "value": "{global.color.neutrals.90}", - "type": "color" - }, - "focus": { - "value": "{global.color.brand.90}", - "type": "color" - }, - "error": { - "value": "{global.color.red.70}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.40}", - "type": "color" - } - }, - "background": { - "primary": { - "value": "{global.color.neutrals.white}", - "type": "color", - "description": "Default component background color" - }, - "secondary": { - "value": "{global.color.neutrals.5}", - "type": "color" - }, - "tertiary": { - "value": "{global.color.brand.10}", - "type": "color" - }, - "accent": { - "value": "{global.color.brand.30}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.10}", - "type": "color" - } - } - }, - "action": { - "base": { - "value": "{global.color.neutrals.white}", - "type": "color" - }, - "primary": { - "default": { - "value": "{global.color.brand.90}", - "type": "color", - "description": "Brand action color" - }, - "hover": { - "value": "{global.color.brand.70}", - "type": "color" - }, - "active": { - "value": "{global.color.brand.90}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.20}", - "type": "color" - } - }, - "secondary": { - "hover": { - "value": "{global.color.brand.10}", - "type": "color" - }, - "disabled": { - "value": "{global.color.neutrals.40}", - "type": "color" - } - }, - "tertiary": { - "disabled": { - "value": "{global.color.brand.40}", - "type": "color" - } - } - } - } -} \ No newline at end of file +{} \ No newline at end of file