From 9a1521b68472c6ce664e555fb12c8d39565cc2c6 Mon Sep 17 00:00:00 2001 From: Dale Sande Date: Wed, 13 Sep 2023 13:10:06 -0700 Subject: [PATCH] feat: edit tokens for better control of output This commit addresses a few concerns with the last release 1. Removes tokens that do not have true darkmode values 2. Tags tokens with `darkmode` flag for accurate filtering Tokens should not be duplicated within the darkmode scope in order to maintain alias relationships. This can be addressed using the include property of the config file. In order to filter out all tokens that are not intended to be processed, using the `darkmode` flag on tokens that have been updated with a darkmode value will allow the config to filter out non-darkmode tokens in the build process. Changes to be committed: deleted: src/color-darkmode/alert.json deleted: src/color-darkmode/background.json deleted: src/color-darkmode/brand.json deleted: src/color-darkmode/ui.json modified: src/color-darkmode/base.json modified: src/color-darkmode/border.json modified: src/color-darkmode/icon.json modified: src/color-darkmode/text.json modified: src/color-darkmode/tier.json Modified this config file to address typo: modified: scripts/config-darkmode.json --- scripts/config-darkmode.json | 2 +- src/color-darkmode/alert.json | 56 --- src/color-darkmode/background.json | 38 --- src/color-darkmode/base.json | 132 +------ src/color-darkmode/border.json | 42 +-- src/color-darkmode/brand.json | 530 ----------------------------- src/color-darkmode/icon.json | 22 +- src/color-darkmode/text.json | 15 +- src/color-darkmode/tier.json | 28 +- src/color-darkmode/ui.json | 57 ---- 10 files changed, 18 insertions(+), 904 deletions(-) delete mode 100644 src/color-darkmode/alert.json delete mode 100644 src/color-darkmode/background.json delete mode 100644 src/color-darkmode/brand.json delete mode 100644 src/color-darkmode/ui.json diff --git a/scripts/config-darkmode.json b/scripts/config-darkmode.json index 4388e0f..b736fb1 100644 --- a/scripts/config-darkmode.json +++ b/scripts/config-darkmode.json @@ -59,7 +59,7 @@ } ] }, - "JSmoduledarkC-color": { + "JSmodule--color": { "prefix": "ds", "transformGroup": "js", "comment": "File type: JS; data type: JS; filter: colors || public, theme: dark mode", diff --git a/src/color-darkmode/alert.json b/src/color-darkmode/alert.json deleted file mode 100644 index c74c877..0000000 --- a/src/color-darkmode/alert.json +++ /dev/null @@ -1,56 +0,0 @@ -{ - "color": { - "alert": { - "notification": { - "default": { - "value": "{color.brand.breeze.300.value}", - "public": true, - "default": true, - "usage": "Notification color on dark backgrounds", - "wcag": "AAA", - "deprecated": false - } - }, - "warning": { - "default": { - "value": "{color.state.warning.500.value}", - "public": true, - "default": true, - "usage": "Warning color on dark backgrounds", - "wcag": "AAA", - "deprecated": false - } - }, - "error": { - "default": { - "value": "{color.state.error.100.value}", - "public": true, - "default": true, - "usage": "Error color on dark backgrounds", - "wcag": "AAA", - "deprecated": false - } - }, - "success": { - "default": { - "value": "{color.state.success.100.value}", - "public": true, - "default": true, - "usage": "Success color on dark backgrounds", - "wcag": "AAA", - "deprecated": false - } - }, - "advisory": { - "default": { - "value": "{color.brand.goldcoast.100.value}", - "public": true, - "default": true, - "usage": "Travel advisory or system maintenance color on dark backgrounds", - "wcag": "AAA", - "deprecated": false - } - } - } - } -} diff --git a/src/color-darkmode/background.json b/src/color-darkmode/background.json deleted file mode 100644 index 234a1a2..0000000 --- a/src/color-darkmode/background.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - "color": { - "background": { - "lightest": { - "value": "{color.base.white.value}", - "public": true, - "neutral": true, - "usage": "Used for creating light backgrounds", - "wcag": "n/a", - "deprecated": false - }, - "lighter": { - "value": "{color.base.gray.100.value}", - "public": true, - "neutral": true, - "usage": "Used for creating light backgrounds @ 90% white", - "wcag": "n/a", - "deprecated": false - }, - "darker": { - "value": "{color.brand.midnight.400.value}", - "public": true, - "neutral": true, - "usage": "Used for creating dark backgrounds", - "wcag": "n/a", - "deprecated": false - }, - "darkest": { - "value": "{color.brand.midnight.500.value}", - "public": true, - "neutral": true, - "usage": "Used for creating dark backgrounds @ 20% darker", - "wcag": "n/a", - "deprecated": false - } - } - } -} diff --git a/src/color-darkmode/base.json b/src/color-darkmode/base.json index 8844346..7add1a3 100644 --- a/src/color-darkmode/base.json +++ b/src/color-darkmode/base.json @@ -2,138 +2,18 @@ "color": { "base": { "white": { - "value": "ffffff", + "value": "000000", "comment": "{comments.color.base.value.comment}", "public": true, - "deprecated": false - }, - "white-opacity-40": { - "value": "ffffff66", - "comment": "white @ 40%", - "public": true, - "opacity": true, - "deprecated": false + "deprecated": false, + "darkmode": true }, "black": { - "value": "000000", + "value": "ffffff", "comment": "{comments.color.base.value.comment}", "public": true, - "deprecated": false - }, - "black-opacity-15": { - "value": "00000026", - "comment": "black @ 15%", - "public": true, - "opacity": true, - "deprecated": false - }, - "gray": { - "100": { - "value": "f8f8f8", - "version": "3.1.0", - "public": false, - "neutral": true, - "usage": "Neutral accent", - "wcag": "n/a", - "deprecated": true, - "reference": "color-brand-gray-100", - "comment": "{comments.reference.comment} color-brand-gray-100" - }, - "200": { - "value": "dbdbdb", - "public": false, - "neutral": true, - "usage": "Neutral accent", - "wcag": "n/a", - "deprecated": true, - "version": "3.1.0", - "reference": "color-brand-gray-200", - "comment": "{comments.reference.comment} color-brand-gray-200" - }, - "300": { - "value": "b2b2b2", - "public": false, - "neutral": true, - "usage": "Neutral accent", - "wcag": "n/a", - "deprecated": true, - "version": "3.1.0", - "reference": "color-brand-gray-300", - "comment": "{comments.reference.comment} color-brand-gray-300" - }, - "400": { - "value": "767676", - "public": false, - "neutral": true, - "usage": "Neutral accent", - "wcag": "n/a", - "deprecated": true, - "version": "3.1.0", - "reference": "color-brand-gray-400", - "comment": "{comments.reference.comment} color-brand-gray-400" - }, - "500": { - "value": "222222", - "public": false, - "neutral": true, - "usage": "Neutral accent", - "wcag": "n/a", - "deprecated": true, - "version": "3.1.0", - "reference": "color-brand-gray-500", - "comment": "{comments.reference.comment} color-brand-gray-500" - } - }, - "neutral": { - "400": { - "value": "9fabbb", - "public": false, - "deprecated": true, - "version": "3.1.0", - "reference": "color-brand-neutral-400", - "comment": "{comments.reference.comment} color-brand-neutral-400" - }, - "500": { - "value": "626b79", - "public": false, - "deprecated": true, - "version": "3.1.0", - "reference": "color-brand-neutral-500", - "comment": "{comments.reference.comment} color-brand-neutral-500" - } - } - }, - "state": { - "error": { - "100": { - "value": "ff999b", - "public": true, - "deprecated": false - }, - "500": { - "value": "df0b37", - "public": true, - "deprecated": false - } - }, - "success": { - "100": { - "value": "69cf96", - "public": true, - "deprecated": false - }, - "500": { - "value": "00805d", - "public": true, - "deprecated": false - } - }, - "warning": { - "500": { - "value": "de750c", - "public": true, - "deprecated": false - } + "deprecated": false, + "darkmode": true } } } diff --git a/src/color-darkmode/border.json b/src/color-darkmode/border.json index 7ce8aed..f4c6a5b 100644 --- a/src/color-darkmode/border.json +++ b/src/color-darkmode/border.json @@ -5,56 +5,18 @@ "default": { "value": "{color.brand.neutral.400.value}", "public": true, + "darkmode": true, "default": true, "usage": "Primary border color on dark background", "wcag": "n/a", "deprecated": false } }, - "active": { - "default": { - "value": "{color.brand.breeze.300.value}", - "public": true, - "default": true, - "usage": "Active border color on dark backgrounds", - "wcag": "n/a", - "deprecated": false - } - }, - "error": { - "default": { - "value": "{color.state.error.100.value}", - "public": true, - "default": true, - "usage": "Error states border color on dark background", - "wcag": "n/a", - "deprecated": false - } - }, - "disabled": { - "default": { - "value": "{color.base.gray.200.value}", - "public": true, - "default": true, - "usage": "Disabled border color on dark background", - "wcag": "n/a", - "deprecated": false - } - }, - "Focus": { - "default": { - "value": "{color.base.white.value}", - "public": true, - "default": true, - "usage": "Focus border color for dark backgrounds", - "wcag": "n/a", - "deprecated": false - } - }, "divider": { "default": { "value": "{color.base.white.value}", "public": true, + "darkmode": true, "default": true, "usage": "Strict use as divider between elements on dark backgrounds", "wcag": "n/a", diff --git a/src/color-darkmode/brand.json b/src/color-darkmode/brand.json deleted file mode 100644 index 4b4174d..0000000 --- a/src/color-darkmode/brand.json +++ /dev/null @@ -1,530 +0,0 @@ -{ - "color": { - "brand": { - "midnight": { - "100": { - "value": "c1daf0", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "200": { - "value": "569ed7", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "300": { - "value": "156fad", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "400": { - "value": "01426a", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "500": { - "value": "00274a", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - } - }, - "atlas": { - "100": { - "value": "cde6ff", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "200": { - "value": "6bb7fb", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "300": { - "value": "2492eb", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "400": { - "value": "0074c8", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "400-opacity-20": { - "value": "0074c833", - "comment": "color brand atlas 400 @ 20%", - "opacity": true - }, - "500": { - "value": "054687", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - } - }, - "breeze": { - "100": { - "value": "c0f7ff", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "200": { - "value": "5de3f7", - "comment": "{comments.color.brand.value.comment}", - "public": true, - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "300": { - "value": "00cff0", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "300-opacity-30": { - "value": "00cff04d", - "comment": "breeze 300 @ 30%", - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "400": { - "value": "099dc5", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "500": { - "value": "0b5575", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - } - }, - "tropical": { - "100": { - "value": "e2ffcd", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "200": { - "value": "d0fba6", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "300": { - "value": "c0e585", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "400": { - "value": "91be62", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - }, - "500": { - "value": "5e8741", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a", - "deprecated": false - } - }, - "alpine": { - "100": { - "value": "bcaae6", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "200": { - "value": "9e73ea", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "300": { - "value": "8439ef", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "400": { - "value": "631db8", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "500": { - "value": "39115c", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - } - }, - "flamingo": { - "100": { - "value": "ffebee", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "200": { - "value": "ffc0ca", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "300": { - "value": "ff94a7", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "400": { - "value": "F65b7b", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "500": { - "value": "b82b47", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - } - }, - "canyon": { - "100": { - "value": "ffcab6", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "200": { - "value": "f99574", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "300": { - "value": "f26135", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "400": { - "value": "de3e09", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "500": { - "value": "b83302", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - } - }, - "goldcoast": { - "100": { - "value": "fff0cd", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "200": { - "value": "ffdb67", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "300": { - "value": "ffd200", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "400": { - "value": "e5ad07", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - }, - "500": { - "value": "b88624", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a", - "deprecated": false - } - }, - "neutral": { - "100": { - "value": "f9fbfc", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "TBD...", - "wcag": "n/a", - "deprecated": false - }, - "200": { - "value": "e2eaef", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "TBD...", - "wcag": "n/a", - "deprecated": false - }, - "300": { - "value": "cbd8e2", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "TBD...", - "wcag": "n/a", - "deprecated": false - }, - "400": { - "value": "9fabbb", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "TBD...", - "wcag": "n/a", - "deprecated": false - }, - "500": { - "value": "626b79", - "public": true, - "comment": "{comments.color.brand.value.comment}", - "neutral": true, - "usage": "TBD...", - "wcag": "n/a", - "deprecated": false - } - }, - "gray": { - "100": { - "value": "f8f8f8", - "public": true, - "neutral": true, - "usage": "Neutral accent", - "wcag": "n/a", - "deprecated": false - }, - "200": { - "value": "dbdbdb", - "public": true, - "neutral": true, - "usage": "Neutral accent", - "wcag": "n/a", - "deprecated": false - }, - "300": { - "value": "b2b2b2", - "public": true, - "neutral": true, - "usage": "Neutral accent", - "wcag": "n/a", - "deprecated": false - }, - "400": { - "value": "767676", - "public": true, - "neutral": true, - "usage": "Neutral accent", - "wcag": "n/a", - "deprecated": false - }, - "500": { - "value": "222222", - "public": true, - "neutral": true, - "usage": "Neutral accent", - "wcag": "n/a", - "deprecated": false - } - }, - "goldgray": { - "100": { - "value": "C5C1BF", - "public": true, - "usage": "Tier branding color", - "deprecated": false - }, - "200": { - "value": "726E6C", - "public": true, - "usage": "Tier branding color", - "deprecated": false - } - }, - "gold": { - "100": { - "value": "CCBC94", - "public": true, - "usage": "Tier branding color", - "deprecated": false - }, - "200": { - "value": "7F682E", - "public": true, - "usage": "Tier branding color", - "deprecated": false - } - }, - "emerald": { - "value": "139142", - "public": true, - "usage": "Tier branding color", - "deprecated": false - }, - "sapphire": { - "value": "015DAA", - "public": true, - "usage": "Tier branding color", - "deprecated": false - }, - "ruby": { - "value": "A41D4A", - "public": true, - "usage": "Tier branding color", - "deprecated": false - } - } - } -} diff --git a/src/color-darkmode/icon.json b/src/color-darkmode/icon.json index 2a75f7a..6620c53 100644 --- a/src/color-darkmode/icon.json +++ b/src/color-darkmode/icon.json @@ -5,6 +5,7 @@ "default": { "value": "{color.base.neutral.400.value}", "public": true, + "darkmode": true, "default": true, "usage": "Primary color for icons on dark backgrounds", "wcag": "AAA", @@ -15,31 +16,12 @@ "default": { "value": "{color.base.white.value}", "public": true, + "darkmode": true, "default": true, "usage": "Emphasis or lightest icon color on dark backgrounds", "wcag": "AAA", "deprecated": false } - }, - "accent": { - "default": { - "value": "{color.brand.breeze.300.value}", - "public": true, - "default": true, - "usage": "Accent color for icon color on dark backgrounds", - "wcag": "AA", - "deprecated": false - } - }, - "disabled": { - "default": { - "value": "{color.base.white-opacity-40.value}", - "public": true, - "default": true, - "usage": "Disabled icon color on dark backgrounds", - "wcag": "n/a", - "deprecated": false - } } } } diff --git a/src/color-darkmode/text.json b/src/color-darkmode/text.json index 89116c0..2d6e52b 100644 --- a/src/color-darkmode/text.json +++ b/src/color-darkmode/text.json @@ -5,6 +5,7 @@ "default": { "value": "{color.base.white.value}", "public": true, + "darkmode": true, "default": true, "usage": "Primary color for body and header text on dark backgrounds", "wcag": "AAA", @@ -15,6 +16,7 @@ "default": { "value": "{color.base.neutral.400.value}", "public": true, + "darkmode": true, "default": true, "usage": "Secondary color for body text on dark backgrounds", "wcag": "AAA", @@ -25,6 +27,7 @@ "default": { "value": "{color.brand.breeze.300.value}", "public": true, + "darkmode": true, "default": true, "usage": "Link text color on light backgrounds", "wcag": "AA", @@ -35,26 +38,18 @@ "default": { "value": "{color.state.error.100.value}", "public": true, + "darkmode": true, "default": true, "usage": "Error text color on dark backgrounds", "wcag": "AA", "deprecated": false } }, - "disabled": { - "default": { - "value": "{color.base.gray.200.value}", - "public": true, - "default": true, - "usage": "Disabled text color on dark backgrounds", - "wcag": "n/a", - "deprecated": false - } - }, "emphasis": { "default": { "value": "{color.brand.midnight.100.value}", "public": true, + "darkmode": true, "default": true, "usage": "Emphasized text color on dark backgrounds", "wcag": "n/a", diff --git a/src/color-darkmode/tier.json b/src/color-darkmode/tier.json index a66d921..1605ba5 100644 --- a/src/color-darkmode/tier.json +++ b/src/color-darkmode/tier.json @@ -6,6 +6,7 @@ "default": { "value": "{color.brand.goldgray.100.value}", "public": true, + "darkmode": true, "default": true, "usage": "MVP tier color for Alaska Airlines", "wcag": "n/a", @@ -16,38 +17,13 @@ "default": { "value": "{color.brand.gold.100.value}", "public": true, + "darkmode": true, "default": true, "usage": "MVP Gold tier color for Alaska Airlines", "wcag": "n/a", "deprecated": false } } - }, - "oneworld": { - "emerald": { - "value": "{color.brand.emerald.value}", - "public": true, - "onLight": true, - "usage": "Emerald tier color for Oneworld", - "wcag": "n/a", - "deprecated": false - }, - "sapphire": { - "value": "{color.brand.sapphire.value}", - "public": true, - "default": true, - "usage": "Sapphire tier color for Oneworld", - "wcag": "n/a", - "deprecated": false - }, - "ruby": { - "value": "{color.brand.ruby.value}", - "public": true, - "default": true, - "usage": "Ruby tier color for Oneworld", - "wcag": "n/a", - "deprecated": false - } } } } diff --git a/src/color-darkmode/ui.json b/src/color-darkmode/ui.json deleted file mode 100644 index 7317e8b..0000000 --- a/src/color-darkmode/ui.json +++ /dev/null @@ -1,57 +0,0 @@ -{ - "color": { - "ui": { - "default": { - "default": { - "value": "{color.brand.breeze.300.value}", - "public": true, - "default": true, - "usage": "default interaction color affordance", - "wcag": "AAA", - "deprecated": false - } - }, - "hover": { - "default": { - "value": "{color.brand.breeze.200.value}", - "public": true, - "default": true, - "usage": "Hover interaction color on dark backgrounds", - "wcag": "AAA", - "deprecated": false - } - }, - "active": { - "default": { - "value": "{color.brand.breeze.200.value}", - "public": true, - "default": true, - "usage": "default active state color affordance", - "wcag": "AAA", - "deprecated": false - } - }, - "disabled": { - "default": { - "value": "{color.brand.breeze.300-opacity-30.value}", - "public": true, - "default": true, - "usage": "default disabled state color affordance", - "wcag": "n/a", - "deprecated": false - } - }, - "bkg": { - "hover": { - "default": { - "value": "5de3f71a", - "public": true, - "default": true, - "usage": "Default hover affordance for background colors default", - "deprecated": false - } - } - } - } - } -}