diff --git a/package.json b/package.json index 7a42d41..96065e3 100644 --- a/package.json +++ b/package.json @@ -88,6 +88,10 @@ { "name": "Kevin Sonnichsen", "email": "Kevin.Sonnichsen@alaskaair.com" + }, + { + "name": "Jason Baker", + "email": "jason.baker@alaskaair.com" } ] } diff --git a/scripts/config-excursion.json b/scripts/config-excursion.json new file mode 100644 index 0000000..82c976f --- /dev/null +++ b/scripts/config-excursion.json @@ -0,0 +1,28 @@ +{ + "include": ["./src/themes/excursion/color/*.json"], + "source": ["./src/themes/excursion/color/*.json"], + "platforms": { + "JSONVariables": { + "transformGroup": "css", + "prefix": "ds", + "comment": "File type: JSON; variable type: CSS; filter: public", + "buildPath": "./dist/tokens/excursion/", + "files": [ + { + "destination": "JSONVariablesFlat.json", + "format": "json/flat", + "filter": { + "public": true + } + }, + { + "destination": "JSONVariablesNested.json", + "format": "json/nested", + "filter": { + "public": true + } + } + ] + } + } +} diff --git a/scripts/styleDictionary.js b/scripts/styleDictionary.js index bc10729..2e3cfd1 100644 --- a/scripts/styleDictionary.js +++ b/scripts/styleDictionary.js @@ -33,3 +33,9 @@ tokensConfig.buildAllPlatforms(); const darkTokensConfig = StyleDictionary.extend('./scripts/config-darkmode.json'); darkTokensConfig.buildAllPlatforms(); + +// Themes + +const excursionConfig = StyleDictionary.extend('./scripts/config-excursion.json'); + +excursionConfig.buildAllPlatforms(); diff --git a/src/themes/excursion/color/background.json b/src/themes/excursion/color/background.json new file mode 100644 index 0000000..f9eb6b8 --- /dev/null +++ b/src/themes/excursion/color/background.json @@ -0,0 +1,78 @@ +{ + "background": { + "primary": { + "100": { + "default": { + "value": "{color.excursion.blue.100.value}", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.excursion.blue.700.value}", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "200": { + "default": { + "value": "{color.excursion.blue.200.value}", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.excursion.blue.800.value}", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "300": { + "default": { + "value": "{color.excursion.blue.300.value}", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.excursion.blue.900.value}", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "400": { + "default": { + "value": "{color.excursion.grey.100.value}", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.excursion.grey.100.value}", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + } + } + } +} diff --git a/src/themes/excursion/color/base.json b/src/themes/excursion/color/base.json new file mode 100644 index 0000000..2d117ad --- /dev/null +++ b/src/themes/excursion/color/base.json @@ -0,0 +1,259 @@ +{ + "color": { + "excursion": { + "white": { + "3": { + "value": "ffffff08", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "6": { + "value": "ffffff0f", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "12": { + "value": "ffffff1f", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "25": { + "value": "ffffff40", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "50": { + "value": "ffffff80", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "100": { + "value": "ffffffff", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "black": { + "3": { + "value": "00000008", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "6": { + "value": "0000000f", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "12": { + "value": "0000001f", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "25": { + "value": "00000040", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "50": { + "value": "00000080", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "100": { + "value": "000000ff", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "success": { + "100": { + "value": "eff9f3", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "7ecd9b", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "00a04a", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "006b30", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "003d1e", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "error": { + "100": { + "value": "fff4f4", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "f9aca6", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "f16359", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "cc1816", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "74110e", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "warning": { + "100": { + "value": "fef8e9", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "f2c153", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "c49432", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "8e6b22", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "5d4514", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + } + } + } +} diff --git a/src/themes/excursion/color/brand.json b/src/themes/excursion/color/brand.json new file mode 100644 index 0000000..f1b10f7 --- /dev/null +++ b/src/themes/excursion/color/brand.json @@ -0,0 +1,284 @@ +{ + "color": { + "excursion": { + "grey": { + "100": { + "value": "f2f2f2", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "d4d4d4", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "2e2e2e", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "151515", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "green": { + "100": { + "value": "fbfff6", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "f1fee5", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "defcd6", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "b4f6a3", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "68ddbe", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "00c2ab", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "008686", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "215d53", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "114741", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "00261d", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "blue": { + "100": { + "value": "f2fcfa", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "e0faf6", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "a3ecf0", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "3ee7f1", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "8ca761", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "778f53", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "700": { + "value": "005e86", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "800": { + "value": "03314f", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "900": { + "value": "011e22", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "1000": { + "value": "12303d", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + }, + "yellow": { + "100": { + "value": "fffcf8", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "ffffe2", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "fff1ce", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "ffe289", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "ffce94", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + }, + "600": { + "value": "ffb257", + "comment": "", + "public": true, + "neutral": true, + "usage": "", + "wcag": "n/a", + "deprecated": false + } + } + } + } +}