feat(naming): update to new naming convention #98

This commit will deprecate legacy named tokens, e.g. onLight and onDark and replace them with the new naming convention of default and inverse. This naming is designed to move away from onDark and not confuse this with dark mode color support. Changes to be committed: modified: src/color/alert.json modified: src/color/border.json modified: src/color/icon.json modified: src/color/text.json modified: src/color/tier.json modified: src/color/ui.json
AlaskaAirlines · Aug 1, 2023 · ec4e43e · ec4e43e
1 parent 07eca70
commit ec4e43e
Show file tree

Hide file tree

Showing 6 changed files with 499 additions and 67 deletions.
diff --git a/src/color/alert.json b/src/color/alert.json
@@ -8,6 +8,17 @@
           "onLight": true,
           "usage": "Notification color on light backgrounds",
           "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-alert-notification-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.brand.atlas.400.value}",
+          "public": true,
+          "default": true,
+          "usage": "Notification color on light backgrounds",
+          "wcag": "AAA",
           "deprecated": false
         },
         "onDark": {
@@ -17,15 +28,16 @@
           "usage": "Notification color on dark backgrounds",
           "wcag": "AAA",
           "deprecated": true,
+          "comment": "Deprecated token",
           "reference": "n/a",
           "version": "3.12.0"
         }
       },
       "warning": {
-        "onLight": {
+        "default": {
           "value": "{color.state.warning.500.value}",
           "public": true,
-          "onLight": true,
+          "default": true,
           "usage": "Warning color on light backgrounds",
           "wcag": "AAA",
           "deprecated": false
@@ -38,6 +50,17 @@
           "onLight": true,
           "usage": "Error color on light backgrounds",
           "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-alert-error-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.state.error.500.value}",
+          "public": true,
+          "default": true,
+          "usage": "Error color on light backgrounds",
+          "wcag": "AAA",
           "deprecated": false
         },
         "onDark": {
@@ -48,6 +71,7 @@
           "wcag": "AAA",
           "deprecated": true,
           "reference": "n/a",
+          "comment": "Deprecated token",
           "version": "3.12.0"
         }
       },
@@ -58,6 +82,17 @@
           "onLight": true,
           "usage": "Success color on light backgrounds",
           "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-alert-success-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.state.success.500.value}",
+          "public": true,
+          "default": true,
+          "usage": "Success color on light backgrounds",
+          "wcag": "AAA",
           "deprecated": false
         },
         "onDark": {
@@ -67,6 +102,7 @@
           "usage": "Success color on dark backgrounds",
           "wcag": "AAA",
           "deprecated": true,
+          "comment": "Deprecated token",
           "reference": "n/a",
           "version": "3.12.0"
         }
@@ -78,6 +114,17 @@
           "onLight": true,
           "usage": "Travel advisory or system maintenance color on light backgrounds",
           "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-alert-advisory-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.brand.goldcoast.100.value}",
+          "public": true,
+          "default": true,
+          "usage": "Travel advisory or system maintenance color on light backgrounds",
+          "wcag": "AAA",
           "deprecated": false
         },
         "onDark": {
@@ -87,6 +134,7 @@
           "usage": "Travel advisory or system maintenance color on dark backgrounds",
           "wcag": "AAA",
           "deprecated": true,
+          "comment": "Deprecated token",
           "reference": "n/a",
           "version": "3.12.0"
         }
@@ -105,7 +153,7 @@
         "default": {
           "value": "FFEDF1",
           "public": true,
-          "onLight": true,
+          "default": true,
           "usage": "Background error color on light backgrounds",
           "wcag": "AAA",
           "deprecated": false

diff --git a/src/color/border.json b/src/color/border.json
@@ -8,6 +8,17 @@
           "onLight": true,
           "usage": "Primary border color on light backgrounds",
           "wcag": "n/a",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-border-primary-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.brand.neutral.500.value}",
+          "public": true,
+          "default": true,
+          "usage": "Primary border color on light backgrounds",
+          "wcag": "n/a",
           "deprecated": false
         },
         "onDark": {
@@ -16,6 +27,17 @@
           "onDark": true,
           "usage": "Primary border color on dark background",
           "wcag": "n/a",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-border-primary-inverse",
+          "version": "3.15.0"
+        },
+        "inverse": {
+          "value": "{color.brand.neutral.400.value}",
+          "public": true,
+          "inverse": true,
+          "usage": "Primary border color on dark background",
+          "wcag": "n/a",
           "deprecated": false
         }
       },
@@ -26,6 +48,17 @@
           "onLight": true,
           "usage": "Active border color on light backgrounds",
           "wcag": "n/a",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-border-active-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.brand.atlas.400.value}",
+          "public": true,
+          "default": true,
+          "usage": "Active border color on light backgrounds",
+          "wcag": "n/a",
           "deprecated": false
         },
         "onDark": {
@@ -35,6 +68,7 @@
           "usage": "Active border color on dark backgrounds",
           "wcag": "n/a",
           "deprecated": true,
+          "comment": "Deprecated token",
           "reference": "n/a",
           "version": "3.12.0"
         }
@@ -46,6 +80,17 @@
           "onLight": true,
           "usage": "Error states border color on light backgrounds",
           "wcag": "n/a",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-border-error-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.state.error.500.value}",
+          "public": true,
+          "default": true,
+          "usage": "Error states border color on light backgrounds",
+          "wcag": "n/a",
           "deprecated": false
         },
         "onDark": {
@@ -55,6 +100,7 @@
           "usage": "Error states border color on dark background",
           "wcag": "n/a",
           "deprecated": true,
+          "comment": "Deprecated token",
           "reference": "n/a",
           "version": "3.12.0"
         }
@@ -66,6 +112,17 @@
           "onLight": true,
           "usage": "Disabled border color on light backgrounds",
           "wcag": "n/a",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-border-disabled-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.base.gray.200.value}",
+          "public": true,
+          "default": true,
+          "usage": "Disabled border color on light backgrounds",
+          "wcag": "n/a",
           "deprecated": false
         },
         "onDark": {
@@ -75,6 +132,7 @@
           "usage": "Disabled border color on dark background",
           "wcag": "n/a",
           "deprecated": true,
+          "comment": "Deprecated token",
           "reference": "n/a",
           "version": "3.12.0"
         }
@@ -86,6 +144,17 @@
           "onLight": true,
           "usage": "Focus border color for light backgrounds",
           "wcag": "n/a",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-border-focus-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.base.gray.500.value}",
+          "public": true,
+          "default": true,
+          "usage": "Focus border color for light backgrounds",
+          "wcag": "n/a",
           "deprecated": false
         },
         "onDark": {
@@ -95,6 +164,7 @@
           "usage": "Focus border color for dark backgrounds",
           "wcag": "n/a",
           "deprecated": true,
+          "comment": "Deprecated token",
           "reference": "n/a",
           "version": "3.12.0"
         }
@@ -106,6 +176,17 @@
           "onLight": true,
           "usage": "Strict use as divider between elements on light backgrounds",
           "wcag": "n/a",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-border-divider-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.base.black-opacity-15.value}",
+          "public": true,
+          "default": true,
+          "usage": "Strict use as divider between elements on light backgrounds",
+          "wcag": "n/a",
           "deprecated": false
         },
         "onDark": {
@@ -114,6 +195,17 @@
           "onDark": true,
           "usage": "Strict use as divider between elements on dark backgrounds",
           "wcag": "n/a",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-border-divider-inverse",
+          "version": "3.15.0"
+        },
+        "inverse": {
+          "value": "{color.base.white.value}",
+          "public": true,
+          "inverse": true,
+          "usage": "Strict use as divider between elements on dark backgrounds",
+          "wcag": "n/a",
           "deprecated": false
         }
       }