diff --git a/src/color-darkmode/base.json b/src/color-darkmode/base.json index 7add1a3..7fa848c 100644 --- a/src/color-darkmode/base.json +++ b/src/color-darkmode/base.json @@ -5,14 +5,18 @@ "value": "000000", "comment": "{comments.color.base.value.comment}", "public": true, - "deprecated": false, + "deprecated": true, + "version": "4.5.0", + "reference": "n/a", "darkmode": true }, "black": { "value": "ffffff", "comment": "{comments.color.base.value.comment}", "public": true, - "deprecated": false, + "deprecated": true, + "version": "4.5.0", + "reference": "n/a", "darkmode": true } } diff --git a/src/color-darkmode/border.json b/src/color-darkmode/border.json index f4c6a5b..f7b74ce 100644 --- a/src/color-darkmode/border.json +++ b/src/color-darkmode/border.json @@ -9,7 +9,9 @@ "default": true, "usage": "Primary border color on dark background", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "divider": { @@ -20,7 +22,9 @@ "default": true, "usage": "Strict use as divider between elements on dark backgrounds", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } } } diff --git a/src/color-darkmode/icon.json b/src/color-darkmode/icon.json index 6620c53..49caf9f 100644 --- a/src/color-darkmode/icon.json +++ b/src/color-darkmode/icon.json @@ -9,7 +9,9 @@ "default": true, "usage": "Primary color for icons on dark backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "emphasis": { @@ -20,7 +22,9 @@ "default": true, "usage": "Emphasis or lightest icon color on dark backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } } } diff --git a/src/color-darkmode/text.json b/src/color-darkmode/text.json index 2d6e52b..8ac1741 100644 --- a/src/color-darkmode/text.json +++ b/src/color-darkmode/text.json @@ -9,7 +9,9 @@ "default": true, "usage": "Primary color for body and header text on dark backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "secondary": { @@ -20,7 +22,9 @@ "default": true, "usage": "Secondary color for body text on dark backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "link": { @@ -31,7 +35,9 @@ "default": true, "usage": "Link text color on light backgrounds", "wcag": "AA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "error": { @@ -42,7 +48,9 @@ "default": true, "usage": "Error text color on dark backgrounds", "wcag": "AA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "emphasis": { @@ -53,7 +61,9 @@ "default": true, "usage": "Emphasized text color on dark backgrounds", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } } } diff --git a/src/color-darkmode/tier.json b/src/color-darkmode/tier.json index 1605ba5..22573cf 100644 --- a/src/color-darkmode/tier.json +++ b/src/color-darkmode/tier.json @@ -10,7 +10,9 @@ "default": true, "usage": "MVP tier color for Alaska Airlines", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "mvpgold": { @@ -21,7 +23,9 @@ "default": true, "usage": "MVP Gold tier color for Alaska Airlines", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } } } diff --git a/src/color/alert.json b/src/color/alert.json index 2bd0272..72b68ae 100644 --- a/src/color/alert.json +++ b/src/color/alert.json @@ -8,7 +8,9 @@ "default": true, "usage": "Notification color on light backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "warning": { @@ -18,7 +20,9 @@ "default": true, "usage": "Warning color on light backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "error": { @@ -28,7 +32,9 @@ "default": true, "usage": "Error color on light backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "success": { @@ -38,7 +44,9 @@ "default": true, "usage": "Success color on light backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "advisory": { @@ -48,7 +56,9 @@ "default": true, "usage": "Travel advisory or system maintenance color on light backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "bkgSuccess": { @@ -58,7 +68,9 @@ "default": true, "usage": "Background success color on light backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "bkgError": { @@ -68,7 +80,9 @@ "default": true, "usage": "Background error color on light backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } } } diff --git a/src/color/background.json b/src/color/background.json index cf3ddeb..f102581 100644 --- a/src/color/background.json +++ b/src/color/background.json @@ -1,46 +1,249 @@ { "color": { "background": { + "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 + } + }, "lightest": { "value": "{color.base.white.value}", "public": true, - "neutral": true, "usage": "Used for creating light backgrounds", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" }, "lighter": { "value": "{color.base.gray.100.value}", "public": true, - "neutral": true, "usage": "Used for creating light backgrounds @ 90% white", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" }, "darker": { "value": "{color.brand.midnight.400.value}", "public": true, - "neutral": true, "usage": "Used for creating dark backgrounds", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" }, "darkest": { "value": "{color.brand.midnight.500.value}", "public": true, - "neutral": true, "usage": "Used for creating dark backgrounds @ 20% darker", "wcag": "n/a", - "deprecated": false + "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, - "neutral": true, "usage": "Used for creating a gradient against all backgrounds", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } } } diff --git a/src/color/border.json b/src/color/border.json index 9e79045..8659828 100644 --- a/src/color/border.json +++ b/src/color/border.json @@ -3,7 +3,7 @@ "border": { "primary": { "default": { - "value": "{color.brand.neutral.500.value}", + "value": "{color.brand.neutral.800.value}", "public": true, "default": true, "usage": "Primary border color on light backgrounds", @@ -19,70 +19,322 @@ "deprecated": false } }, - "active": { + "secondary": { "default": { - "value": "{color.brand.atlas.400.value}", + "value": "{color.brand.neutral.500.value}", "public": true, "default": true, - "usage": "Active border color on light backgrounds", + "usage": "Secondary border color on light backgrounds", "wcag": "n/a", "deprecated": false }, "inverse": { - "value": "{color.brand.breeze.300.value}", + "value": "{color.brand.neutral.600.value}", "public": true, "inverse": true, - "usage": "Active border color on dark backgrounds", + "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.state.error.500.value}", + "value": "{color.base.error.400.value}", "public": true, "default": true, - "usage": "Error states border color on light backgrounds", + "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 } }, - "disabled": { + "divider": { "default": { - "value": "{color.base.gray.200.value}", + "value": "{color.base.black-200.value}", "public": true, "default": true, - "usage": "Disabled border color on light backgrounds", + "usage": "Strict use as divider between elements on light backgrounds", + "wcag": "n/a", + "deprecated": false + }, + "inverse": { + "value": "{color.base.white-200.value}", + "public": true, + "inverse": true, + "usage": "Strict use as divider between elements on dark backgrounds", "wcag": "n/a", "deprecated": false } }, - "focus": { + "subtle": { "default": { - "value": "{color.base.gray.500.value}", + "value": "{color.brand.blue.100.value}", "public": true, "default": true, - "usage": "Focus border color for light backgrounds", + "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 } }, - "divider": { + "emphasis": { "default": { - "value": "{color.base.black-opacity-15.value}", + "value": "{color.brand.navy.900.value}", "public": true, "default": true, - "usage": "Strict use as divider between elements on light backgrounds", + "usage": "Emphasis border color on light backgrounds", "wcag": "n/a", "deprecated": false }, "inverse": { - "value": "{color.base.white.value}", + "value": "{color.brand.navy.100.value}", "public": true, "inverse": true, - "usage": "Strict use as divider between elements on dark backgrounds", + "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.100.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/color/container.json b/src/color/container.json new file mode 100644 index 0000000..03140ba --- /dev/null +++ b/src/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-100.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-100.value}", + "public": true, + "inverse": true, + "usage": "Tertiary hover color for containers on dark backgrounds", + "wcag": "n/a", + "deprecated": false + } + } + } + } + } + } +} diff --git a/src/color/icon.json b/src/color/icon.json index 75c33fb..5df4769 100644 --- a/src/color/icon.json +++ b/src/color/icon.json @@ -3,29 +3,65 @@ "icon": { "primary": { "default": { - "value": "{color.base.neutral.500.value}", + "value": "{color.base.gray.700.value}", "public": true, "default": true, "usage": "Primary color for icons on light backgrounds", - "wcag": "AAA", + "wcag": "n/a", "deprecated": false }, "inverse": { - "value": "{color.base.neutral.400.value}", + "value": "{color.brand.gray.100.value}", "public": true, "inverse": true, "usage": "Primary color for icons on dark backgrounds", - "wcag": "AAA", + "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.500.value}", + "value": "{color.base.gray.1000.value}", "public": true, "default": true, "usage": "Emphasis or darkest icon color on light backgrounds", - "wcag": "AAA", + "wcag": "n/a", "deprecated": false }, "inverse": { @@ -39,14 +75,422 @@ }, "accent": { "default": { - "value": "{color.brand.atlas.400.value}", + "value": "{color.brand.lime.400.value}", "public": true, "default": true, "usage": "Accent color for icon color on light backgrounds", - "wcag": "AA", + "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.100.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.100.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": { + "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 + } + } + }, + "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}", @@ -54,7 +498,9 @@ "default": true, "usage": "Disabled icon color on light backgrounds", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } } } diff --git a/src/color/text.json b/src/color/text.json index 6777d72..4601b17 100644 --- a/src/color/text.json +++ b/src/color/text.json @@ -3,11 +3,11 @@ "text": { "primary": { "default": { - "value": "{color.base.gray.500.value}", + "value": "{color.brand.gray.1000.value}", "public": true, "default": true, "usage": "Primary color for body and header text light mode and light backgrounds", - "wcag": "AAA", + "wcag": "n/a", "deprecated": false }, "inverse": { @@ -21,55 +21,55 @@ }, "secondary": { "default": { - "value": "{color.base.neutral.500.value}", + "value": "{color.brand.gray.800.value}", "public": true, "default": true, "usage": "Secondary color for body text on light backgrounds", - "wcag": "AAA", + "wcag": "n/a", "deprecated": false }, "inverse": { - "value": "{color.base.neutral.400.value}", + "value": "{color.brand.gray.200.value}", "public": true, "inverse": true, "usage": "Secondary color for body text on dark backgrounds", - "wcag": "AAA", + "wcag": "n/a", "deprecated": false } }, - "link": { + "tertiary": { "default": { - "value": "{color.brand.atlas.400.value}", + "value": "{color.brand.neutral.700.value}", "public": true, "default": true, - "usage": "Link text color on light backgrounds", - "wcag": "AA", + "usage": "Tertiary color for body text on light backgrounds", + "wcag": "n/a", "deprecated": false }, "inverse": { - "value": "{color.brand.breeze.300.value}", + "value": "{color.brand.gray.800.value}", "public": true, "inverse": true, - "usage": "Link text color on light backgrounds", - "wcag": "AA", + "usage": "Tertiary color for body text on dark backgrounds", + "wcag": "n/a", "deprecated": false } }, "error": { "default": { - "value": "{color.state.error.500.value}", + "value": "{color.base.error.400.value}", "public": true, "default": true, "usage": "Error text color on light backgrounds", - "wcag": "AA", + "wcag": "n/a", "deprecated": false }, "inverse": { - "value": "{color.state.error.100.value}", + "value": "{color.base.error.200.value}", "public": true, "inverse": true, "usage": "Error text color on dark backgrounds", - "wcag": "AA", + "wcag": "n/a", "deprecated": false } }, @@ -85,7 +85,7 @@ }, "emphasis": { "default": { - "value": "{color.brand.midnight.400.value}", + "value": "{color.brand.navy.800.value}", "public": true, "default": true, "usage": "Emphasized text color on light backgrounds", @@ -93,13 +93,199 @@ "deprecated": false }, "inverse": { - "value": "{color.brand.midnight.100.value}", + "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.400.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/color/tier.json b/src/color/tier.json index c4afeb8..21080cf 100644 --- a/src/color/tier.json +++ b/src/color/tier.json @@ -4,36 +4,146 @@ "alaska": { "mvp": { "default": { - "value": "{color.brand.goldgray.200.value}", + "value": "#726e6c", "public": true, "default": true, - "usage": "MVP tier color for Alaska Airlines", + "usage": "MVP tier color for Alaska Airlines on light backgrounds", "wcag": "n/a", "deprecated": false }, "inverse": { - "value": "{color.brand.goldgray.100.value}", + "value": "#c5c1bf", "public": true, "inverse": true, - "usage": "MVP tier color for Alaska Airlines", + "usage": "MVP tier color for Alaska Airlines on dark backgrounds", "wcag": "n/a", "deprecated": false } }, "mvpgold": { "default": { - "value": "{color.brand.gold.200.value}", + "value": "#7f682e", "public": true, "default": true, - "usage": "MVP Gold tier color for Alaska Airlines", + "usage": "MVP Gold tier color for Alaska Airlines on light backgrounds", "wcag": "n/a", "deprecated": false }, "inverse": { - "value": "{color.brand.gold.100.value}", + "value": "#c5c1bf", "public": true, "inverse": true, - "usage": "MVP Gold tier color for Alaska Airlines", + "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 + } + } + }, + "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": "#f7f7f7", + "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 } @@ -41,7 +151,7 @@ }, "oneworld": { "emerald": { - "value": "{color.brand.emerald.value}", + "value": "#139142", "public": true, "onLight": true, "usage": "Emerald tier color for Oneworld", @@ -49,7 +159,7 @@ "deprecated": false }, "sapphire": { - "value": "{color.brand.sapphire.value}", + "value": "#a41d4a", "public": true, "onDark": true, "usage": "Sapphire tier color for Oneworld", @@ -57,7 +167,7 @@ "deprecated": false }, "ruby": { - "value": "{color.brand.ruby.value}", + "value": "#015daa", "public": true, "onDark": true, "usage": "Ruby tier color for Oneworld", diff --git a/src/color/ui.json b/src/color/ui.json index 8cf93c8..1798637 100644 --- a/src/color/ui.json +++ b/src/color/ui.json @@ -8,7 +8,9 @@ "default": true, "usage": "Default interaction color affordance", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" }, "inverse": { "value": "{color.brand.breeze.300.value}", @@ -16,7 +18,9 @@ "inverse": true, "usage": "OnDark interaction color affordance", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "hover": { @@ -26,7 +30,9 @@ "default": true, "usage": "Default hover color affordance", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" }, "inverse": { "value": "{color.brand.breeze.200.value}", @@ -34,7 +40,9 @@ "inverse": true, "usage": "Hover interaction color on dark backgrounds", "wcag": "AAA", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "active": { @@ -44,14 +52,18 @@ "default": true, "usage": "Active state color affordance", "wcag": "AAA", - "deprecated": false + "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": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "disabled": { @@ -61,7 +73,9 @@ "default": true, "usage": "Disabled state color affordance", "wcag": "n/a", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "bkg": { @@ -71,14 +85,18 @@ "public": true, "default": true, "usage": "Default affordance for background colors", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" }, "inverse": { "value": "ffffff08", "public": true, "inverse": true, "usage": "Default affordance for dark background colors", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } }, "hover": { @@ -87,14 +105,18 @@ "public": true, "default": true, "usage": "Default hover affordance for background colors", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" }, "inverse": { "value": "ffffff0f", "public": true, "inverse": true, "usage": "Default hover affordance for dark background colors", - "deprecated": false + "deprecated": true, + "version": "4.5.0", + "reference": "n/a" } } }