From 9eed86e80c4235a35e515e83dd4a17fb2c2d7a2c Mon Sep 17 00:00:00 2001 From: Jason Baker Date: Thu, 14 Nov 2024 19:06:24 -0800 Subject: [PATCH] feat: add transparent theme for testing #191 --- scripts/config-transparent.json | 21 + scripts/config.json | 1 - scripts/styleDictionary.js | 4 + src/themes/transparent/color/alert.json | 90 + src/themes/transparent/color/background.json | 263 +++ src/themes/transparent/color/base.json | 1303 +++++++++++++++ src/themes/transparent/color/border.json | 341 ++++ src/themes/transparent/color/brand.json | 1561 ++++++++++++++++++ src/themes/transparent/color/container.json | 464 ++++++ src/themes/transparent/color/icon.json | 602 +++++++ src/themes/transparent/color/text.json | 282 ++++ src/themes/transparent/color/tier.json | 194 +++ src/themes/transparent/color/ui.json | 125 ++ src/themes/transparent/color/utility.json | 276 ++++ src/themes/transparent/elevation.json | 22 + 15 files changed, 5548 insertions(+), 1 deletion(-) create mode 100644 scripts/config-transparent.json create mode 100644 src/themes/transparent/color/alert.json create mode 100644 src/themes/transparent/color/background.json create mode 100644 src/themes/transparent/color/base.json create mode 100644 src/themes/transparent/color/border.json create mode 100644 src/themes/transparent/color/brand.json create mode 100644 src/themes/transparent/color/container.json create mode 100644 src/themes/transparent/color/icon.json create mode 100644 src/themes/transparent/color/text.json create mode 100644 src/themes/transparent/color/tier.json create mode 100644 src/themes/transparent/color/ui.json create mode 100644 src/themes/transparent/color/utility.json create mode 100644 src/themes/transparent/elevation.json diff --git a/scripts/config-transparent.json b/scripts/config-transparent.json new file mode 100644 index 0000000..c4c75bf --- /dev/null +++ b/scripts/config-transparent.json @@ -0,0 +1,21 @@ +{ + "source": ["./src/themes/transparent/color/*.json"], + "include": ["./src/themes/transparent/*.json"], + "platforms": { + "CSSCustomProperties": { + "transformGroup": "css", + "prefix": "ds", + "comment": "File type: CSS; variable type: CSS; filter: public", + "buildPath": "./dist/tokens/transparent/", + "files": [ + { + "destination": "CSSCustomProperties.css", + "format": "css/variables", + "filter": { + "public": true + } + } + ] + } + } +} diff --git a/scripts/config.json b/scripts/config.json index d1d5e54..f049f67 100644 --- a/scripts/config.json +++ b/scripts/config.json @@ -66,7 +66,6 @@ } ] }, - "CSSCustomProperties": { "transformGroup": "css", "prefix": "ds", diff --git a/scripts/styleDictionary.js b/scripts/styleDictionary.js index 2e3cfd1..57f717c 100644 --- a/scripts/styleDictionary.js +++ b/scripts/styleDictionary.js @@ -39,3 +39,7 @@ darkTokensConfig.buildAllPlatforms(); const excursionConfig = StyleDictionary.extend('./scripts/config-excursion.json'); excursionConfig.buildAllPlatforms(); + +const transparentConfig = StyleDictionary.extend('./scripts/config-transparent.json'); + +transparentConfig.buildAllPlatforms(); diff --git a/src/themes/transparent/color/alert.json b/src/themes/transparent/color/alert.json new file mode 100644 index 0000000..72b68ae --- /dev/null +++ b/src/themes/transparent/color/alert.json @@ -0,0 +1,90 @@ +{ + "color": { + "alert": { + "notification": { + "default": { + "value": "{color.brand.atlas.400.value}", + "public": true, + "default": true, + "usage": "Notification color on light backgrounds", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "warning": { + "default": { + "value": "{color.state.warning.500.value}", + "public": true, + "default": true, + "usage": "Warning color on light backgrounds", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "error": { + "default": { + "value": "{color.state.error.500.value}", + "public": true, + "default": true, + "usage": "Error color on light backgrounds", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "success": { + "default": { + "value": "{color.state.success.500.value}", + "public": true, + "default": true, + "usage": "Success color on light backgrounds", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "advisory": { + "default": { + "value": "{color.brand.goldcoast.100.value}", + "public": true, + "default": true, + "usage": "Travel advisory or system maintenance color on light backgrounds", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "bkgSuccess": { + "default": { + "value": "DDF6E8", + "public": true, + "default": true, + "usage": "Background success color on light backgrounds", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "bkgError": { + "default": { + "value": "FFEDF1", + "public": true, + "default": true, + "usage": "Background error color on light backgrounds", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + } + } + } +} diff --git a/src/themes/transparent/color/background.json b/src/themes/transparent/color/background.json new file mode 100644 index 0000000..ff9fb8f --- /dev/null +++ b/src/themes/transparent/color/background.json @@ -0,0 +1,263 @@ +{ + "color": { + "background": { + "primary": { + "100": { + "default": { + "value": "{color.base.white.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.1000.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "200": { + "default": { + "value": "{color.brand.gray.100.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.900.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "300": { + "default": { + "value": "{color.brand.neutral.200.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.800.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "400": { + "default": { + "value": "{color.brand.gray.200.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.700.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + }, + "success": { + "default": { + "value": "{color.base.success.100.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.success.500.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "error": { + "default": { + "value": "{color.base.error.100.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.error.500.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "warning": { + "default": { + "value": "{color.base.warning.100.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.warning.500.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "info": { + "default": { + "value": "{color.brand.blue.100.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.blue.900.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "subtle": { + "default": { + "value": "{color.brand.neutral.100.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.1000.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "accent": { + "default": { + "value": "{color.brand.cyan.100.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.cyan.800.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "emphasis": { + "default": { + "value": "{color.brand.blue.200.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.blue.800.value}", + "public": true, + "inverse": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "scrimmed": { + "default": { + "value": "{color.base.black-500.value}", + "public": true, + "default": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "lightest": { + "value": "{color.base.white.value}", + "public": true, + "usage": "Used for creating light backgrounds", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "lighter": { + "value": "{color.base.gray.100.value}", + "public": true, + "usage": "Used for creating light backgrounds @ 90% white", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "darker": { + "value": "{color.brand.midnight.400.value}", + "public": true, + "usage": "Used for creating dark backgrounds", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "darkest": { + "value": "{color.brand.midnight.500.value}", + "public": true, + "usage": "Used for creating dark backgrounds @ 20% darker", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "gradient": { + "default": { + "value": "linear-gradient(180deg, {color.base.white-opacity-0}, {color.base.white-opacity-50})", + "public": true, + "usage": "Used for creating a gradient against all backgrounds", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + } + } + } +} diff --git a/src/themes/transparent/color/base.json b/src/themes/transparent/color/base.json new file mode 100644 index 0000000..d36656a --- /dev/null +++ b/src/themes/transparent/color/base.json @@ -0,0 +1,1303 @@ +{ + "color": { + "base": { + "white": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "white-100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "white-200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "white-300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "white-400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "white-500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "white-opacity-50": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "deprecated": true, + "version": "4.5.0", + "reference": "color-base-white-500" + }, + "white-opacity-40": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "white-opacity-0": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "black": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "black-100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "black-200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "black-300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "black-400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "black-500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "black-opacity-15": { + "value": "transparent", + "comment": "transparent", + "public": true, + "opacity": true, + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "blue": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "cyan": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "error": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "gray": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "green": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "lime": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "navy": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "neutral": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "pink": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "purple": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "red": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "success": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "turquoise": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "yellow": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "warning": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + } + }, + "state": { + "error": { + "100": { + "value": "transparent", + "public": true, + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "500": { + "value": "transparent", + "public": true, + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "success": { + "100": { + "value": "transparent", + "public": true, + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "500": { + "value": "transparent", + "public": true, + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "warning": { + "500": { + "value": "transparent", + "public": true, + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + } + } + } +} diff --git a/src/themes/transparent/color/border.json b/src/themes/transparent/color/border.json new file mode 100644 index 0000000..789e4e0 --- /dev/null +++ b/src/themes/transparent/color/border.json @@ -0,0 +1,341 @@ +{ + "color": { + "border": { + "primary": { + "default": { + "value": "{color.brand.neutral.800.value}", + "public": true, + "default": true, + "usage": "Primary border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.neutral.400.value}", + "public": true, + "inverse": true, + "usage": "Primary border color on dark background", + "wcag": "n/a", + "deprecated": false + } + }, + "secondary": { + "default": { + "value": "{color.brand.neutral.500.value}", + "public": true, + "default": true, + "usage": "Secondary border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.neutral.600.value}", + "public": true, + "inverse": true, + "usage": "Secondary border color on dark background", + "wcag": "n/a", + "deprecated": false + } + }, + "tertiary": { + "default": { + "value": "{color.brand.gray.200.value}", + "public": true, + "default": true, + "usage": "Tertiary border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.700.value}", + "public": true, + "inverse": true, + "usage": "Tertiary border color on dark background", + "wcag": "n/a", + "deprecated": false + } + }, + "error": { + "default": { + "value": "{color.base.error.400.value}", + "public": true, + "default": true, + "usage": "Error border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.error.200.value}", + "public": true, + "inverse": true, + "usage": "Error border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "divider": { + "default": { + "value": "{color.base.black-300.value}", + "public": true, + "default": true, + "usage": "Strict use as divider between elements on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-400.value}", + "public": true, + "inverse": true, + "usage": "Strict use as divider between elements on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "subtle": { + "default": { + "value": "{color.brand.blue.100.value}", + "public": true, + "default": true, + "usage": "Subtle border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.navy.700.value}", + "public": true, + "inverse": true, + "usage": "Subtle border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "emphasis": { + "default": { + "value": "{color.brand.navy.900.value}", + "public": true, + "default": true, + "usage": "Emphasis border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.100.value}", + "public": true, + "inverse": true, + "usage": "Emphasis border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "accent": { + "default": { + "value": "{color.brand.lime.300.value}", + "public": true, + "default": true, + "usage": "Accent border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.lime.400.value}", + "public": true, + "inverse": true, + "usage": "Accent border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "success": { + "default": { + "value": "{color.base.success.400.value}", + "public": true, + "default": true, + "usage": "Success border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.success.200.value}", + "public": true, + "inverse": true, + "usage": "Success border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "warning": { + "default": { + "value": "{color.base.warning.300.value}", + "public": true, + "default": true, + "usage": "Warning border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.warning.200.value}", + "public": true, + "inverse": true, + "usage": "Warning border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "info": { + "default": { + "value": "{color.brand.navy.700.value}", + "public": true, + "default": true, + "usage": "Info border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.400.value}", + "public": true, + "inverse": true, + "usage": "Info border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "ui": { + "default": { + "default": { + "value": "{color.brand.blue.700.value}", + "public": true, + "default": true, + "usage": "Default UI border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.400.value}", + "public": true, + "inverse": true, + "usage": "Default UI border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "hover": { + "default": { + "value": "{color.brand.blue.900.value}", + "public": true, + "default": true, + "usage": "Hover UI border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.200.value}", + "public": true, + "inverse": true, + "usage": "Hover UI border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "active": { + "default": { + "value": "{color.brand.blue.800.value}", + "public": true, + "default": true, + "usage": "Active UI border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.300.value}", + "public": true, + "inverse": true, + "usage": "Active UI border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "focus": { + "default": { + "value": "{color.brand.blue.700.value}", + "public": true, + "default": true, + "usage": "Focus UI border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.400.value}", + "public": true, + "inverse": true, + "usage": "Focus UI border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "disabled": { + "default": { + "value": "{color.brand.gray.400.value}", + "public": true, + "default": true, + "usage": "Disabled UI border color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.600.value}", + "public": true, + "inverse": true, + "usage": "Disabled UI border color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + }, + "active": { + "default": { + "value": "{color.brand.atlas.400.value}", + "public": true, + "default": true, + "usage": "Active border color on light backgrounds", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "inverse": { + "value": "{color.brand.breeze.300.value}", + "public": true, + "inverse": true, + "usage": "Active border color on dark backgrounds", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "disabled": { + "default": { + "value": "{color.base.gray.200.value}", + "public": true, + "default": true, + "usage": "Disabled border color on light backgrounds", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "focus": { + "default": { + "value": "{color.base.gray.500.value}", + "public": true, + "default": true, + "usage": "Focus border color for light backgrounds", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + } + } + } +} diff --git a/src/themes/transparent/color/brand.json b/src/themes/transparent/color/brand.json new file mode 100644 index 0000000..45f6ba2 --- /dev/null +++ b/src/themes/transparent/color/brand.json @@ -0,0 +1,1561 @@ +{ + "color": { + "brand": { + "neutral": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "TBD...", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "TBD...", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "TBD...", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "TBD...", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "TBD...", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "TBD...", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "TBD...", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "TBD...", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "TBD...", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "TBD...", + "wcag": "n/a", + "deprecated": false + } + }, + "gray": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "red": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "yellow": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "lime": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "green": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "turquoise": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "cyan": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "blue": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "navy": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "purple": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "pink": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "transparent", + "comment": "transparent", + "public": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + } + }, + "midnight": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "atlas": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "400-opacity-20": { + "value": "transparent", + "comment": "transparent", + "opacity": true, + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "breeze": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "300-opacity-30": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "tropical": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "alpine": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "flamingo": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "canyon": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "goldcoast": { + "100": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "200": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "300": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "400": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "500": { + "value": "transparent", + "comment": "transparent", + "public": true, + "neutral": true, + "usage": "Transactional colors to move guests through task-based interactions.", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "goldgray": { + "100": { + "value": "transparent", + "public": true, + "usage": "Tier branding color", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "200": { + "value": "transparent", + "public": true, + "usage": "Tier branding color", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "gold": { + "100": { + "value": "transparent", + "public": true, + "usage": "Tier branding color", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "200": { + "value": "transparent", + "public": true, + "usage": "Tier branding color", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "emerald": { + "value": "transparent", + "public": true, + "usage": "Tier branding color", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "sapphire": { + "value": "transparent", + "public": true, + "usage": "Tier branding color", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "ruby": { + "value": "transparent", + "public": true, + "usage": "Tier branding color", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "lounge": { + "value": "transparent", + "public": true, + "usage": "Tier branding color", + "deprecated": false + }, + "loungeplus": { + "value": "transparent", + "public": true, + "usage": "Tier branding color", + "deprecated": false + } + } + } +} diff --git a/src/themes/transparent/color/container.json b/src/themes/transparent/color/container.json new file mode 100644 index 0000000..48b1b1b --- /dev/null +++ b/src/themes/transparent/color/container.json @@ -0,0 +1,464 @@ +{ + "color": { + "container": { + "accent": { + "default": { + "value": "{color.brand.lime.100.value}", + "public": true, + "default": true, + "usage": "Accent color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.lime.300.value}", + "public": true, + "inverse": true, + "usage": "Accent color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "emphasis": { + "default": { + "value": "{color.brand.cyan.100.value}", + "public": true, + "default": true, + "usage": "Emphasis color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.300.value}", + "public": true, + "inverse": true, + "usage": "Emphasis color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "error": { + "default": { + "value": "{color.base.error.100.value}", + "public": true, + "default": true, + "usage": "Error color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.error.500.value}", + "public": true, + "inverse": true, + "usage": "Error color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "info": { + "default": { + "value": "{color.brand.blue.100.value}", + "public": true, + "default": true, + "usage": "Info color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.blue.900.value}", + "public": true, + "inverse": true, + "usage": "Info color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "primary": { + "default": { + "value": "{color.base.white.value}", + "public": true, + "default": true, + "usage": "Primary color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.1000.value}", + "public": true, + "inverse": true, + "usage": "Primary color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "secondary": { + "default": { + "value": "{color.brand.gray.100.value}", + "public": true, + "default": true, + "usage": "Secondary color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.900.value}", + "public": true, + "inverse": true, + "usage": "Secondary color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "subtle": { + "default": { + "value": "{color.brand.neutral.100.value}", + "public": true, + "default": true, + "usage": "Subtle color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.neutral.1000.value}", + "public": true, + "inverse": true, + "usage": "Subtle color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "success": { + "default": { + "value": "{color.base.success.100.value}", + "public": true, + "default": true, + "usage": "Success color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.success.500.value}", + "public": true, + "inverse": true, + "usage": "Success color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "tertiary": { + "default": { + "value": "{color.base.black-100.value}", + "public": true, + "default": true, + "usage": "Tertiary color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-200.value}", + "public": true, + "inverse": true, + "usage": "Tertiary color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "warning": { + "default": { + "value": "{color.base.warning.100.value}", + "public": true, + "default": true, + "usage": "Warning color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.warning.500.value}", + "public": true, + "inverse": true, + "usage": "Warning color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "ui": { + "primary": { + "active": { + "default": { + "value": "{color.brand.blue.800.value}", + "public": true, + "default": true, + "usage": "Primary active color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.300.value}", + "public": true, + "inverse": true, + "usage": "Primary active color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "default": { + "default": { + "value": "{color.brand.blue.700.value}", + "public": true, + "default": true, + "usage": "Primary default color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.400.value}", + "public": true, + "inverse": true, + "usage": "Primary default color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "disabled": { + "default": { + "value": "{color.brand.blue.300.value}", + "public": true, + "default": true, + "usage": "Primary disabled color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.800.value}", + "public": true, + "inverse": true, + "usage": "Primary disabled color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "focus": { + "default": { + "value": "{color.brand.blue.700.value}", + "public": true, + "default": true, + "usage": "Primary focus color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.400.value}", + "public": true, + "inverse": true, + "usage": "Primary focus color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "hover": { + "default": { + "value": "{color.brand.blue.900.value}", + "public": true, + "default": true, + "usage": "Primary hover color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.200.value}", + "public": true, + "inverse": true, + "usage": "Primary hover color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + }, + "secondary": { + "active": { + "default": { + "value": "{color.brand.blue.100.value}", + "public": true, + "default": true, + "usage": "Secondary active color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-200.value}", + "public": true, + "inverse": true, + "usage": "Secondary active color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "default": { + "default": { + "value": "{color.base.white.value}", + "public": true, + "default": true, + "usage": "Secondary default color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-100.value}", + "public": true, + "inverse": true, + "usage": "Secondary default color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "disabled": { + "default": { + "value": "{color.brand.gray.100.value}", + "public": true, + "default": true, + "usage": "Secondary disabled color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-300.value}", + "public": true, + "inverse": true, + "usage": "Secondary disabled color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "focus": { + "default": { + "value": "{color.base.white.value}", + "public": true, + "default": true, + "usage": "Secondary focus color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-100.value}", + "public": true, + "inverse": true, + "usage": "Secondary focus color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "hover": { + "default": { + "value": "{color.base.black-100.value}", + "public": true, + "default": true, + "usage": "Secondary hover color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-300.value}", + "public": true, + "inverse": true, + "usage": "Secondary hover color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + }, + "tertiary": { + "active": { + "default": { + "value": "{color.base.black-200.value}", + "public": true, + "default": true, + "usage": "Tertiary active color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-200.value}", + "public": true, + "inverse": true, + "usage": "Tertiary active color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "default": { + "default": { + "value": "{color.base.black-100.value}", + "public": true, + "default": true, + "usage": "Tertiary default color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-300.value}", + "public": true, + "inverse": true, + "usage": "Tertiary default color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "disabled": { + "default": { + "value": "{color.base.black-100.value}", + "public": true, + "default": true, + "usage": "Tertiary disabled color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-400.value}", + "public": true, + "inverse": true, + "usage": "Tertiary disabled color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "focus": { + "default": { + "value": "{color.base.black-100.value}", + "public": true, + "default": true, + "usage": "Tertiary focus color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-300.value}", + "public": true, + "inverse": true, + "usage": "Tertiary focus color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "hover": { + "default": { + "value": "{color.base.black-300.value}", + "public": true, + "default": true, + "usage": "Tertiary hover color for containers on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-400.value}", + "public": true, + "inverse": true, + "usage": "Tertiary hover color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + } + } + } + } +} diff --git a/src/themes/transparent/color/icon.json b/src/themes/transparent/color/icon.json new file mode 100644 index 0000000..1b7dd95 --- /dev/null +++ b/src/themes/transparent/color/icon.json @@ -0,0 +1,602 @@ +{ + "color": { + "icon": { + "primary": { + "default": { + "value": "{color.base.gray.700.value}", + "public": true, + "default": true, + "usage": "Primary color for icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.100.value}", + "public": true, + "inverse": true, + "usage": "Primary color for icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "secondary": { + "default": { + "value": "{color.brand.neutral.600.value}", + "public": true, + "default": true, + "usage": "Secondary color for icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.neutral.300.value}", + "public": true, + "inverse": true, + "usage": "Secondary color for icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "tertiary": { + "default": { + "value": "{color.brand.neutral.400.value}", + "public": true, + "default": true, + "usage": "Tertiary color for icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.neutral.500.value}", + "public": true, + "inverse": true, + "usage": "Tertiary color for icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "emphasis": { + "default": { + "value": "{color.base.gray.1000.value}", + "public": true, + "default": true, + "usage": "Emphasis or darkest icon color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white.value}", + "public": true, + "inverse": true, + "usage": "Emphasis or lightest icon color on dark backgrounds", + "wcag": "AAA", + "deprecated": false + } + }, + "accent": { + "default": { + "value": "{color.brand.lime.400.value}", + "public": true, + "default": true, + "usage": "Accent color for icon color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.lime.300.value}", + "public": true, + "inverse": true, + "usage": "Accent color for icon color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "info": { + "default": { + "value": "{color.brand.navy.700.value}", + "public": true, + "default": true, + "usage": "Info icon color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.400.value}", + "public": true, + "inverse": true, + "usage": "Info icon color on dark backgrounds", + "wcag": "AAA", + "deprecated": false + } + }, + "error": { + "default": { + "value": "{color.base.error.400.value}", + "public": true, + "default": true, + "usage": "Error icon color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.error.200.value}", + "public": true, + "inverse": true, + "usage": "Error icon color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "warning": { + "default": { + "value": "{color.base.warning.300.value}", + "public": true, + "default": true, + "usage": "Warning icon color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.warning.200.value}", + "public": true, + "inverse": true, + "usage": "Warning icon color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "success": { + "default": { + "value": "{color.base.success.300.value}", + "public": true, + "default": true, + "usage": "Success icon color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.success.200.value}", + "public": true, + "inverse": true, + "usage": "Success icon color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "subtle": { + "default": { + "value": "{color.brand.blue.300.value}", + "public": true, + "default": true, + "usage": "Subtle icon color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.700.value}", + "public": true, + "inverse": true, + "usage": "Subtle icon color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "ui": { + "primary": { + "default": { + "default": { + "value": "{color.brand.blue.700.value}", + "public": true, + "default": true, + "usage": "Default color for UI icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.400.value}", + "public": true, + "inverse": true, + "usage": "Default color for UI icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "hover": { + "default": { + "value": "{color.brand.blue.900.value}", + "public": true, + "default": true, + "usage": "Hover color for UI icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.200.value}", + "public": true, + "inverse": true, + "usage": "Hover color for UI icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "active": { + "default": { + "value": "{color.brand.blue.800.value}", + "public": true, + "default": true, + "usage": "Active color for UI icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.300.value}", + "public": true, + "inverse": true, + "usage": "Active color for UI icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "disabled": { + "default": { + "value": "{color.brand.gray.400.value}", + "public": true, + "default": true, + "usage": "Disabled color for UI icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.600.value}", + "public": true, + "inverse": true, + "usage": "Disabled color for UI icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "focus": { + "default": { + "value": "{color.brand.blue.700.value}", + "public": true, + "default": true, + "usage": "Focus color for UI icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.400.value}", + "public": true, + "inverse": true, + "usage": "Focus color for UI icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + }, + "secondary": { + "active": { + "default": { + "value": "{color.brand.gray.700.value}", + "public": true, + "default": true, + "usage": "Focus color for UI icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.300.value}", + "public": true, + "inverse": true, + "usage": "Focus color for UI icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "default": { + "default": { + "value": "{color.brand.gray.600.value}", + "public": true, + "default": true, + "usage": "Focus color for UI icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.400.value}", + "public": true, + "inverse": true, + "usage": "Focus color for UI icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "disabled": { + "default": { + "value": "{color.brand.gray.400.value}", + "public": true, + "default": true, + "usage": "Focus color for UI icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.600.value}", + "public": true, + "inverse": true, + "usage": "Focus color for UI icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "focus": { + "default": { + "value": "{color.brand.gray.600.value}", + "public": true, + "default": true, + "usage": "Focus color for UI icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.400.value}", + "public": true, + "inverse": true, + "usage": "Focus color for UI icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "hover": { + "default": { + "value": "{color.brand.gray.800.value}", + "public": true, + "default": true, + "usage": "Focus color for UI icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.200.value}", + "public": true, + "inverse": true, + "usage": "Focus color for UI icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + } + }, + "brand": { + "red": { + "default": { + "value": "{color.brand.red.700.value}", + "public": true, + "default": true, + "usage": "Brand color for red icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.red.500.value}", + "public": true, + "inverse": true, + "usage": "Brand color for red icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "yellow": { + "default": { + "value": "{color.brand.yellow.700.value}", + "public": true, + "default": true, + "usage": "Brand color for yellow icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.yellow.300.value}", + "public": true, + "inverse": true, + "usage": "Brand color for yellow icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "pink": { + "default": { + "value": "{color.brand.pink.700.value}", + "public": true, + "default": true, + "usage": "Brand color for pink icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.pink.500.value}", + "public": true, + "inverse": true, + "usage": "Brand color for pink icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "purple": { + "default": { + "value": "{color.brand.purple.700.value}", + "public": true, + "default": true, + "usage": "Brand color for purple icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.purple.500.value}", + "public": true, + "inverse": true, + "usage": "Brand color for purple icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "lime": { + "default": { + "value": "{color.brand.lime.700.value}", + "public": true, + "default": true, + "usage": "Brand color for lime icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.lime.300.value}", + "public": true, + "inverse": true, + "usage": "Brand color for lime icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "green": { + "default": { + "value": "{color.brand.green.700.value}", + "public": true, + "default": true, + "usage": "Brand color for green icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.green.500.value}", + "public": true, + "inverse": true, + "usage": "Brand color for green icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "turquoise": { + "default": { + "value": "{color.brand.turquoise.700.value}", + "public": true, + "default": true, + "usage": "Brand color for turquoise icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.turquoise.500.value}", + "public": true, + "inverse": true, + "usage": "Brand color for turquoise icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "navy": { + "default": { + "value": "{color.brand.navy.800.value}", + "public": true, + "default": true, + "usage": "Brand color for navy icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.500.value}", + "public": true, + "inverse": true, + "usage": "Brand color for navy icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "blue": { + "default": { + "value": "{color.brand.blue.700.value}", + "public": true, + "default": true, + "usage": "Brand color for blue icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.blue.500.value}", + "public": true, + "inverse": true, + "usage": "Brand color for blue icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "cyan": { + "default": { + "value": "{color.brand.cyan.700.value}", + "public": true, + "default": true, + "usage": "Brand color for cyan icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.300.value}", + "public": true, + "inverse": true, + "usage": "Brand color for cyan icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "gray": { + "default": { + "value": "{color.brand.gray.700.value}", + "public": true, + "default": true, + "usage": "Brand color for gray icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.300.value}", + "public": true, + "inverse": true, + "usage": "Brand color for gray icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "neutral": { + "default": { + "value": "{color.brand.neutral.700.value}", + "public": true, + "default": true, + "usage": "Brand color for neutral icons on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.neutral.400.value}", + "public": true, + "inverse": true, + "usage": "Brand color for neutral icons on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + }, + "disabled": { + "default": { + "value": "{color.base.black-opacity-15.value}", + "public": true, + "default": true, + "usage": "Disabled icon color on light backgrounds", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + } + } + } +} diff --git a/src/themes/transparent/color/text.json b/src/themes/transparent/color/text.json new file mode 100644 index 0000000..1ec8730 --- /dev/null +++ b/src/themes/transparent/color/text.json @@ -0,0 +1,282 @@ +{ + "color": { + "text": { + "primary": { + "default": { + "value": "{color.brand.gray.1000.value}", + "public": true, + "default": true, + "usage": "Primary color for body and header text light mode and light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white.value}", + "public": true, + "inverse": true, + "usage": "Primary color for body and header text for dark mode and dark backgrounds", + "wcag": "AAA", + "deprecated": false + } + }, + "secondary": { + "default": { + "value": "{color.brand.gray.800.value}", + "public": true, + "default": true, + "usage": "Secondary color for body text on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.200.value}", + "public": true, + "inverse": true, + "usage": "Secondary color for body text on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "tertiary": { + "default": { + "value": "{color.brand.neutral.700.value}", + "public": true, + "default": true, + "usage": "Tertiary color for body text on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.400.value}", + "public": true, + "inverse": true, + "usage": "Tertiary color for body text on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "error": { + "default": { + "value": "{color.base.error.400.value}", + "public": true, + "default": true, + "usage": "Error text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.error.200.value}", + "public": true, + "inverse": true, + "usage": "Error text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "emphasis": { + "default": { + "value": "{color.brand.navy.800.value}", + "public": true, + "default": true, + "usage": "Emphasized text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.200.value}", + "public": true, + "inverse": true, + "usage": "Emphasized text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "accent": { + "default": { + "value": "{color.brand.lime.700.value}", + "public": true, + "default": true, + "usage": "Accent text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.lime.300.value}", + "public": true, + "inverse": true, + "usage": "Accent text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "info": { + "default": { + "value": "{color.brand.navy.700.value}", + "public": true, + "default": true, + "usage": "Info text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.300.value}", + "public": true, + "inverse": true, + "usage": "Info text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "subtle": { + "default": { + "value": "{color.brand.cyan.700.value}", + "public": true, + "default": true, + "usage": "Subtle text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.400.value}", + "public": true, + "inverse": true, + "usage": "Subtle text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "success": { + "default": { + "value": "{color.base.success.400.value}", + "public": true, + "default": true, + "usage": "Success text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.success.200.value}", + "public": true, + "inverse": true, + "usage": "Success text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "ui": { + "active": { + "default": { + "value": "{color.brand.blue.800.value}", + "public": true, + "default": true, + "usage": "Active UI text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.300.value}", + "public": true, + "inverse": true, + "usage": "Active UI text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "default": { + "default": { + "value": "{color.brand.blue.700.value}", + "public": true, + "default": true, + "usage": "Default UI text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.400.value}", + "public": true, + "inverse": true, + "usage": "Default UI text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "disabled": { + "default": { + "value": "{color.base.gray.400.value}", + "public": true, + "default": true, + "usage": "Disabled UI text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.gray.600.value}", + "public": true, + "inverse": true, + "usage": "Disabled UI text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "focus": { + "default": { + "value": "{color.brand.blue.700.value}", + "public": true, + "default": true, + "usage": "Focus UI text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.400.value}", + "public": true, + "inverse": true, + "usage": "Focus UI text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "hover": { + "default": { + "value": "{color.brand.blue.900.value}", + "public": true, + "default": true, + "usage": "Hover UI text color on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.200.value}", + "public": true, + "inverse": true, + "usage": "Hover UI text color on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + }, + "link": { + "default": { + "value": "{color.brand.atlas.400.value}", + "public": true, + "default": true, + "usage": "Link text color on light backgrounds", + "wcag": "AA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "inverse": { + "value": "{color.brand.breeze.300.value}", + "public": true, + "inverse": true, + "usage": "Link text color on light backgrounds", + "wcag": "AA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + } + } + } +} diff --git a/src/themes/transparent/color/tier.json b/src/themes/transparent/color/tier.json new file mode 100644 index 0000000..3131f68 --- /dev/null +++ b/src/themes/transparent/color/tier.json @@ -0,0 +1,194 @@ +{ + "color": { + "tier": { + "alaska": { + "mvp": { + "default": { + "value": "#726e6c", + "public": true, + "default": true, + "usage": "MVP tier color for Alaska Airlines on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "#c5c1bf", + "public": true, + "inverse": true, + "usage": "MVP tier color for Alaska Airlines on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "mvpgold": { + "default": { + "value": "#7f682e", + "public": true, + "default": true, + "usage": "MVP Gold tier color for Alaska Airlines on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "#c5c1bf", + "public": true, + "inverse": true, + "usage": "MVP Gold tier color for Alaska Airlines on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "mvpgold75k" :{ + "default": { + "value": "#7f682e", + "public": true, + "default": true, + "usage": "MVP Gold 75k tier color for Alaska Airlines on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "#c5c1bf", + "public": true, + "inverse": true, + "usage": "MVP Gold 75k tier color for Alaska Airlines on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "mvpgold100k": { + "default": { + "value": "#7f682e", + "public": true, + "default": true, + "usage": "MVP Gold 100k tier color for Alaska Airlines on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "#c5c1bf", + "public": true, + "inverse": true, + "usage": "MVP Gold 100k tier color for Alaska Airlines on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "lounge": { + "value": "{color.brand.lounge.value}", + "public": true, + "usage": "lounge tier color for Alaska Airlines", + "wcag": "n/a", + "deprecated": false + }, + "loungeplus": { + "value": "{color.brand.loungeplus.value}", + "public": true, + "usage": "loungeplus tier color for Alaska Airlines", + "wcag": "n/a", + "deprecated": false + } + }, + "fare": { + "business": { + "default": { + "value": "#005154", + "public": true, + "default": true, + "usage": "Business class tier color for fares on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.turquoise.400.value}", + "public": true, + "inverse": true, + "usage": "Business class tier color for fares on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "economy": { + "default": { + "value": "{color.brand.blue.700.value}", + "public": true, + "default": true, + "usage": "Economy class tier color for fares on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.blue.300.value}", + "public": true, + "inverse": true, + "usage": "Economy class tier color for fares on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "first-class": { + "default": { + "value": "#002c4e", + "public": true, + "default": true, + "usage": "First class tier color for fares on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.400.value}", + "public": true, + "inverse": true, + "usage": "First class tier color for fares on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + }, + "saver": { + "default": { + "value": "{color.brand.cyan.500.value}", + "public": true, + "default": true, + "usage": "Saver class tier color for fares on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.200.value}", + "public": true, + "inverse": true, + "usage": "Saver class tier color for fares on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + }, + "oneworld": { + "emerald": { + "value": "#139142", + "public": true, + "onLight": true, + "usage": "Emerald tier color for Oneworld", + "wcag": "n/a", + "deprecated": false + }, + "sapphire": { + "value": "#015daa", + "public": true, + "onDark": true, + "usage": "Sapphire tier color for Oneworld", + "wcag": "n/a", + "deprecated": false + }, + "ruby": { + "value": "#a41d4a", + "public": true, + "onDark": true, + "usage": "Ruby tier color for Oneworld", + "wcag": "n/a", + "deprecated": false + } + } + } + } +} diff --git a/src/themes/transparent/color/ui.json b/src/themes/transparent/color/ui.json new file mode 100644 index 0000000..8286ed9 --- /dev/null +++ b/src/themes/transparent/color/ui.json @@ -0,0 +1,125 @@ +{ + "color": { + "ui": { + "default": { + "default": { + "value": "{color.brand.atlas.400.value}", + "public": true, + "default": true, + "usage": "Default interaction color affordance", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "inverse": { + "value": "{color.brand.breeze.300.value}", + "public": true, + "inverse": true, + "usage": "OnDark interaction color affordance", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "hover": { + "default": { + "value": "{color.brand.atlas.500.value}", + "public": true, + "default": true, + "usage": "Default hover color affordance", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "inverse": { + "value": "{color.brand.breeze.200.value}", + "public": true, + "inverse": true, + "usage": "Hover interaction color on dark backgrounds", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "active": { + "default": { + "value": "{color.brand.atlas.500.value}", + "public": true, + "default": true, + "usage": "Active state color affordance", + "wcag": "AAA", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "inverse": { + "value": "{color.brand.breeze.200.value}", + "public": true, + "inverse": true, + "usage": "Active state color affordance on dark backgrounds", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "disabled": { + "default": { + "value": "{color.brand.atlas.400-opacity-20.value}", + "public": true, + "default": true, + "usage": "Disabled state color affordance", + "wcag": "n/a", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "bkg": { + "default": { + "default": { + "value": "transparent", + "public": true, + "default": true, + "usage": "Default affordance for background colors", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "inverse": { + "value": "transparent", + "public": true, + "inverse": true, + "usage": "Default affordance for dark background colors", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + }, + "hover": { + "default": { + "value": "transparent", + "public": true, + "default": true, + "usage": "Default hover affordance for background colors", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + }, + "inverse": { + "value": "transparent", + "public": true, + "inverse": true, + "usage": "Default hover affordance for dark background colors", + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" + } + } + } + } + } +} diff --git a/src/themes/transparent/color/utility.json b/src/themes/transparent/color/utility.json new file mode 100644 index 0000000..646fde8 --- /dev/null +++ b/src/themes/transparent/color/utility.json @@ -0,0 +1,276 @@ +{ + "color": { + "utility": { + "blue": { + "default": { + "value": "{color.brand.blue.400.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.blue.200.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "cyan": { + "default": { + "value": "{color.brand.cyan.300.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.cyan.200.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "green": { + "default": { + "value": "{color.brand.green.400.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.green.300.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "gray": { + "default": { + "value": "{color.brand.gray.400.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.gray.200.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "lime": { + "default": { + "value": "{color.brand.lime.300.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.lime.200.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "navy": { + "default": { + "value": "{color.brand.navy.800.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.navy.300.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "neutral": { + "default": { + "value": "{color.brand.neutral.600.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.neutral.300.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "pink": { + "default": { + "value": "{color.brand.pink.500.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.pink.300.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "purple": { + "default": { + "value": "{color.brand.purple.700.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.purple.300.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "red": { + "default": { + "value": "{color.brand.red.600.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.red.400.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "turquoise": { + "default": { + "value": "{color.brand.turquoise.600.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.turquoise.400.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "yellow": { + "default": { + "value": "{color.brand.yellow.300.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.brand.yellow.200.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "error": { + "default": { + "value": "{color.base.error.400.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.error.200.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "warning": { + "default": { + "value": "{color.base.warning.200.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.warning.200.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "success": { + "default": { + "value": "{color.base.success.400.value}", + "public": true, + "default": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.success.200.value}", + "public": true, + "inverse": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + } + } + } +} diff --git a/src/themes/transparent/elevation.json b/src/themes/transparent/elevation.json new file mode 100644 index 0000000..825d2f2 --- /dev/null +++ b/src/themes/transparent/elevation.json @@ -0,0 +1,22 @@ +{ + "elevation": { + "100": { + "value": "0px 0px 5px rgba(0, 0, 0, 0)", + "public": true, + "comment": "for the least amount of emphasis", + "deprecated": false + }, + "200": { + "value": "0px 0px 10px rgba(0, 0, 0, 0)", + "public": true, + "comment": "for more emphasis than low elevation", + "deprecated": false + }, + "300": { + "value": "0px 0px 15px rgba(0, 0, 0, 0)", + "public": true, + "comment": "for maximum emphasis or differentiation", + "deprecated": false + } + } +}