From 0765370f1d7ddc624ad37e0090493bffa9670729 Mon Sep 17 00:00:00 2001 From: Davyd Melkon <131438868+davyd-akamai@users.noreply.github.com> Date: Wed, 10 Jul 2024 22:24:41 +0200 Subject: [PATCH] Data Visualisation and Accent tokens for CDS --- tokens/alias/dark.json | 141 ++++++++ tokens/alias/light.json | 749 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 890 insertions(+) diff --git a/tokens/alias/dark.json b/tokens/alias/dark.json index 8725572..d581280 100644 --- a/tokens/alias/dark.json +++ b/tokens/alias/dark.json @@ -287,6 +287,141 @@ } } }, + "accent": { + "info": { + "primary": { + "value": "{global.color.ultramarine.50}", + "type": "color" + }, + "secondary": { + "value": "{global.color.ultramarine.50}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "neutral": { + "primary": { + "value": "{global.color.neutrals.40}", + "type": "color" + }, + "secondary": { + "value": "{global.color.neutrals.40}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "warning": { + "primary": { + "value": "{global.color.orange.50}", + "type": "color" + }, + "secondary": { + "value": "{global.color.amber.50}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "negative": { + "primary": { + "value": "{global.color.red.50}", + "type": "color" + }, + "secondary": { + "value": "{global.color.red.50}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "positive": { + "primary": { + "value": "{global.color.green.50}", + "type": "color" + }, + "secondary": { + "value": "{global.color.green.50}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "important": { + "primary": { + "value": "{global.color.purple.50}", + "type": "color" + }, + "secondary": { + "value": "{global.color.purple.50}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "pink": { + "primary": { + "value": "{global.color.pink.50}", + "type": "color" + }, + "secondary": { + "value": "{global.color.pink.50}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + } + }, "elevation": { "s": { "value": { @@ -318,6 +453,12 @@ ], "type": "boxShadow" } + }, + "chart": { + "neutral": { + "value": "{global.color.neutrals.80}", + "type": "color" + } } } } \ No newline at end of file diff --git a/tokens/alias/light.json b/tokens/alias/light.json index 5b0a4f6..197768f 100644 --- a/tokens/alias/light.json +++ b/tokens/alias/light.json @@ -630,6 +630,755 @@ "type": "typography", "description": "Code samples" } + }, + "accent": { + "info": { + "primary": { + "value": "{global.color.ultramarine.90}", + "type": "color" + }, + "secondary": { + "value": "{global.color.ultramarine.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "neutral": { + "primary": { + "value": "{global.color.neutrals.80}", + "type": "color" + }, + "secondary": { + "value": "{global.color.neutrals.80}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "warning": { + "primary": { + "value": "{global.color.orange.90}", + "type": "color" + }, + "secondary": { + "value": "{global.color.amber.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "negative": { + "primary": { + "value": "{global.color.red.90}", + "type": "color" + }, + "secondary": { + "value": "{global.color.red.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "positive": { + "primary": { + "value": "{global.color.green.90}", + "type": "color" + }, + "secondary": { + "value": "{global.color.green.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "important": { + "primary": { + "value": "{global.color.purple.90}", + "type": "color" + }, + "secondary": { + "value": "{global.color.purple.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + }, + "pink": { + "primary": { + "value": "{global.color.pink.90}", + "type": "color" + }, + "secondary": { + "value": "{global.color.pink.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.12", + "space": "lch" + } + } + } + } + } + }, + "chart": { + "neutral": { + "value": "{global.color.neutrals.30}", + "type": "color" + }, + "categorical": { + "1": { + "primary": { + "value": "{global.color.ultramarine.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.ultramarine.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.ultramarine.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "2": { + "primary": { + "value": "{global.color.orange.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.orange.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.orange.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "3": { + "primary": { + "value": "{global.color.teal.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.teal.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.teal.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "4": { + "primary": { + "value": "{global.color.magenta.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.magenta.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.magenta.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "5": { + "primary": { + "value": "{global.color.red.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.red.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.red.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "6": { + "primary": { + "value": "{global.color.cyan.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.cyan.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.cyan.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "7": { + "primary": { + "value": "{global.color.pink.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.pink.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.pink.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "8": { + "primary": { + "value": "{global.color.green.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.green.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.green.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "9": { + "primary": { + "value": "{global.color.violet.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.violet.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.violet.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "10": { + "primary": { + "value": "{global.color.lime.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.lime.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.lime.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "11": { + "primary": { + "value": "{global.color.neutrals.70}", + "type": "color" + }, + "inactive": { + "value": "{global.color.neutrals.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.neutrals.70}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "12": { + "primary": { + "value": "{global.color.ultramarine.60}", + "type": "color" + }, + "inactive": { + "value": "{global.color.ultramarine.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.ultramarine.60}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "13": { + "primary": { + "value": "{global.color.orange.90}", + "type": "color" + }, + "inactive": { + "value": "{global.color.orange.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.orange.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "14": { + "primary": { + "value": "{global.color.teal.90}", + "type": "color" + }, + "inactive": { + "value": "{global.color.teal.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.teal.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "15": { + "primary": { + "value": "{global.color.magenta.60}", + "type": "color" + }, + "inactive": { + "value": "{global.color.magenta.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.magenta.60}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "16": { + "primary": { + "value": "{global.color.red.60}", + "type": "color" + }, + "inactive": { + "value": "{global.color.red.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.red.60}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "17": { + "primary": { + "value": "{global.color.cyan.90}", + "type": "color" + }, + "inactive": { + "value": "{global.color.cyan.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.cyan.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "18": { + "primary": { + "value": "{global.color.pink.60}", + "type": "color" + }, + "inactive": { + "value": "{global.color.pink.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.pink.60}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "19": { + "primary": { + "value": "{global.color.green.50}", + "type": "color" + }, + "inactive": { + "value": "{global.color.green.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.green.50}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "20": { + "primary": { + "value": "{global.color.violet.60}", + "type": "color" + }, + "inactive": { + "value": "{global.color.violet.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.violet.60}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "21": { + "primary": { + "value": "{global.color.lime.60}", + "type": "color" + }, + "inactive": { + "value": "{global.color.lime.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.lime.60}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + }, + "22": { + "primary": { + "value": "{global.color.neutrals.90}", + "type": "color" + }, + "inactive": { + "value": "{global.color.neutrals.30}", + "type": "color" + }, + "transparent": { + "value": "{global.color.neutrals.90}", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.2", + "space": "lch" + } + } + } + } + } + }, + "monochromatic": { + "default": { + "10": { + "value": "{global.color.ultramarine.10}", + "type": "color" + }, + "20": { + "value": "{global.color.ultramarine.20}", + "type": "color" + }, + "30": { + "value": "{global.color.ultramarine.30}", + "type": "color" + }, + "40": { + "value": "{global.color.ultramarine.40}", + "type": "color" + }, + "50": { + "value": "{global.color.ultramarine.50}", + "type": "color" + }, + "60": { + "value": "{global.color.ultramarine.60}", + "type": "color" + }, + "70": { + "value": "{global.color.ultramarine.70}", + "type": "color" + }, + "90": { + "value": "{global.color.ultramarine.90}", + "type": "color" + }, + "100": { + "value": "{global.color.ultramarine.100}", + "type": "color" + }, + "05": { + "value": "{global.color.ultramarine.5}", + "type": "color" + } + }, + "danger": { + "10": { + "value": "{global.color.red.10}", + "type": "color" + }, + "20": { + "value": "{global.color.red.20}", + "type": "color" + }, + "30": { + "value": "{global.color.red.30}", + "type": "color" + }, + "40": { + "value": "{global.color.red.40}", + "type": "color" + }, + "50": { + "value": "{global.color.red.50}", + "type": "color" + }, + "60": { + "value": "{global.color.red.60}", + "type": "color" + }, + "70": { + "value": "{global.color.red.70}", + "type": "color" + }, + "90": { + "value": "{global.color.red.90}", + "type": "color" + }, + "100": { + "value": "{global.color.red.100}", + "type": "color" + }, + "05": { + "value": "{global.color.red.5}", + "type": "color" + } + } + }, + "status": { + "negative": { + "value": "{global.color.red.70}", + "type": "color" + }, + "warning": { + "value": "{global.color.amber.70}", + "type": "color" + }, + "positive": { + "value": "{global.color.green.70}", + "type": "color" + } + } } } } \ No newline at end of file