@aurodesignsystem/design-tokens 8.20.0 → 8.21.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Semantic Release Automated Changelog
 
+# [8.21.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v8.20.0...v8.21.0) (2026-06-03)
+
+
+### Features
+
+* update tokens from figma [#453](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/453) ([10897f9](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/10897f9b65421d317090b912c6a674a0c2fc05dc))
+
 # [8.20.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v8.19.0...v8.20.0) (2026-06-03)
 
 

package/dist/web/JSONVariablesNested--alaska.json

@@ -196,15 +196,15 @@
         "thumb-disabled": "#00000033",
         "thumb-inverse-disabled": "#ffffff99",
         "thumb-inverse-off": "#ffffff",
-        "thumb-inverse-on": "#000000cc",
+        "thumb-inverse-on": "#00274a",
         "thumb-off": "#ffffff",
         "thumb-on": "#ffffff",
         "track-disabled": "#00000026",
         "track-inverse-disabled": "#ffffff26",
-        "track-inverse-off": "#ffffff59",
-        "track-inverse-off-hover": "#ffffff66",
-        "track-inverse-on": "#e2e8ee",
-        "track-inverse-on-hover": "#c7d6e5",
+        "track-inverse-off": "#ffffff73",
+        "track-inverse-off-hover": "#ffffff80",
+        "track-inverse-on": "#ffffff",
+        "track-inverse-on-hover": "#ffffffe5",
         "track-off": "#00000073",
         "track-off-hover": "#00000080",
         "track-on": "#01426a",

package/dist/web/JSONVariablesNested--atmos.json

@@ -196,15 +196,15 @@
         "thumb-disabled": "#00000033",
         "thumb-inverse-disabled": "#ffffff99",
         "thumb-inverse-off": "#ffffff",
-        "thumb-inverse-on": "#000000cc",
+        "thumb-inverse-on": "#101d2c",
         "thumb-off": "#ffffff",
         "thumb-on": "#ffffff",
         "track-disabled": "#00000026",
         "track-inverse-disabled": "#ffffff26",
-        "track-inverse-off": "#ffffff59",
-        "track-inverse-off-hover": "#ffffff66",
-        "track-inverse-on": "#aedeff",
-        "track-inverse-on-hover": "#63beff",
+        "track-inverse-off": "#ffffff73",
+        "track-inverse-off-hover": "#ffffff80",
+        "track-inverse-on": "#ffffff",
+        "track-inverse-on-hover": "#ffffffe5",
         "track-off": "#00000073",
         "track-off-hover": "#00000080",
         "track-on": "#101d2c",

package/dist/web/JSONVariablesNested--hawaiian.json

@@ -196,15 +196,15 @@
         "thumb-disabled": "#00000033",
         "thumb-inverse-disabled": "#ffffff99",
         "thumb-inverse-off": "#ffffff",
-        "thumb-inverse-on": "#000000cc",
+        "thumb-inverse-on": "#463c8f",
         "thumb-off": "#ffffff",
         "thumb-on": "#ffffff",
         "track-disabled": "#00000026",
         "track-inverse-disabled": "#ffffff26",
-        "track-inverse-off": "#ffffff73",
-        "track-inverse-off-hover": "#ffffff80",
-        "track-inverse-on": "#ccc5e0",
-        "track-inverse-on-hover": "#aca1cc",
+        "track-inverse-off": "#ffffff80",
+        "track-inverse-off-hover": "#ffffff8c",
+        "track-inverse-on": "#ffffff",
+        "track-inverse-on-hover": "#ffffffe5",
         "track-off": "#00000073",
         "track-off-hover": "#00000080",
         "track-on": "#463c8f",

package/dist/web/JSONVariablesNested--test.json

@@ -196,15 +196,15 @@
         "thumb-disabled": "#00000033",
         "thumb-inverse-disabled": "#ffffff99",
         "thumb-inverse-off": "#ffffff",
-        "thumb-inverse-on": "#000000cc",
+        "thumb-inverse-on": "#7e7e7e",
         "thumb-off": "#ffffff",
         "thumb-on": "#ffffff",
         "track-disabled": "#00000026",
         "track-inverse-disabled": "#ffffff26",
-        "track-inverse-off": "#ffffff59",
-        "track-inverse-off-hover": "#ffffff66",
-        "track-inverse-on": "#dddddd",
-        "track-inverse-on-hover": "#d0d0d0",
+        "track-inverse-off": "#ffffff73",
+        "track-inverse-off-hover": "#ffffff80",
+        "track-inverse-on": "#ffffff",
+        "track-inverse-on-hover": "#ffffffe5",
         "track-off": "#00000073",
         "track-off-hover": "#00000080",
         "track-on": "#7e7e7e",

package/dist/web/JSObject--allTokens--alaska.js

@@ -3349,11 +3349,11 @@ module.exports = {
           ]
         },
         "thumb-inverse-on": {
-          "value": "#000000cc",
+          "value": "#00274a",
           "filePath": "processed/web/Alaska_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#000000cc"
+            "value": "#00274a"
           },
           "name": "ds-advanced-color-switch-thumb-inverse-on",
           "attributes": {
@@ -3454,11 +3454,11 @@ module.exports = {
           ]
         },
         "track-inverse-off": {
-          "value": "#ffffff59",
+          "value": "#ffffff73",
           "filePath": "processed/web/Alaska_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#ffffff59"
+            "value": "#ffffff73"
           },
           "name": "ds-advanced-color-switch-track-inverse-off",
           "attributes": {
@@ -3475,11 +3475,11 @@ module.exports = {
           ]
         },
         "track-inverse-off-hover": {
-          "value": "#ffffff66",
+          "value": "#ffffff80",
           "filePath": "processed/web/Alaska_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#ffffff66"
+            "value": "#ffffff80"
           },
           "name": "ds-advanced-color-switch-track-inverse-off-hover",
           "attributes": {
@@ -3496,11 +3496,11 @@ module.exports = {
           ]
         },
         "track-inverse-on": {
-          "value": "#e2e8ee",
+          "value": "#ffffff",
           "filePath": "processed/web/Alaska_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#e2e8ee"
+            "value": "#ffffff"
           },
           "name": "ds-advanced-color-switch-track-inverse-on",
           "attributes": {
@@ -3517,11 +3517,11 @@ module.exports = {
           ]
         },
         "track-inverse-on-hover": {
-          "value": "#c7d6e5",
+          "value": "#ffffffe5",
           "filePath": "processed/web/Alaska_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#c7d6e5"
+            "value": "#ffffffe5"
           },
           "name": "ds-advanced-color-switch-track-inverse-on-hover",
           "attributes": {

package/dist/web/JSObject--allTokens--atmos.js

@@ -3349,11 +3349,11 @@ module.exports = {
           ]
         },
         "thumb-inverse-on": {
-          "value": "#000000cc",
+          "value": "#101d2c",
           "filePath": "processed/web/Atmos_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#000000cc"
+            "value": "#101d2c"
           },
           "name": "ds-advanced-color-switch-thumb-inverse-on",
           "attributes": {
@@ -3454,11 +3454,11 @@ module.exports = {
           ]
         },
         "track-inverse-off": {
-          "value": "#ffffff59",
+          "value": "#ffffff73",
           "filePath": "processed/web/Atmos_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#ffffff59"
+            "value": "#ffffff73"
           },
           "name": "ds-advanced-color-switch-track-inverse-off",
           "attributes": {
@@ -3475,11 +3475,11 @@ module.exports = {
           ]
         },
         "track-inverse-off-hover": {
-          "value": "#ffffff66",
+          "value": "#ffffff80",
           "filePath": "processed/web/Atmos_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#ffffff66"
+            "value": "#ffffff80"
           },
           "name": "ds-advanced-color-switch-track-inverse-off-hover",
           "attributes": {
@@ -3496,11 +3496,11 @@ module.exports = {
           ]
         },
         "track-inverse-on": {
-          "value": "#aedeff",
+          "value": "#ffffff",
           "filePath": "processed/web/Atmos_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#aedeff"
+            "value": "#ffffff"
           },
           "name": "ds-advanced-color-switch-track-inverse-on",
           "attributes": {
@@ -3517,11 +3517,11 @@ module.exports = {
           ]
         },
         "track-inverse-on-hover": {
-          "value": "#63beff",
+          "value": "#ffffffe5",
           "filePath": "processed/web/Atmos_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#63beff"
+            "value": "#ffffffe5"
           },
           "name": "ds-advanced-color-switch-track-inverse-on-hover",
           "attributes": {

package/dist/web/JSObject--allTokens--hawaiian.js

@@ -3349,11 +3349,11 @@ module.exports = {
           ]
         },
         "thumb-inverse-on": {
-          "value": "#000000cc",
+          "value": "#463c8f",
           "filePath": "processed/web/Hawaiian_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#000000cc"
+            "value": "#463c8f"
           },
           "name": "ds-advanced-color-switch-thumb-inverse-on",
           "attributes": {
@@ -3454,11 +3454,11 @@ module.exports = {
           ]
         },
         "track-inverse-off": {
-          "value": "#ffffff73",
+          "value": "#ffffff80",
           "filePath": "processed/web/Hawaiian_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#ffffff73"
+            "value": "#ffffff80"
           },
           "name": "ds-advanced-color-switch-track-inverse-off",
           "attributes": {
@@ -3475,11 +3475,11 @@ module.exports = {
           ]
         },
         "track-inverse-off-hover": {
-          "value": "#ffffff80",
+          "value": "#ffffff8c",
           "filePath": "processed/web/Hawaiian_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#ffffff80"
+            "value": "#ffffff8c"
           },
           "name": "ds-advanced-color-switch-track-inverse-off-hover",
           "attributes": {
@@ -3496,11 +3496,11 @@ module.exports = {
           ]
         },
         "track-inverse-on": {
-          "value": "#ccc5e0",
+          "value": "#ffffff",
           "filePath": "processed/web/Hawaiian_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#ccc5e0"
+            "value": "#ffffff"
           },
           "name": "ds-advanced-color-switch-track-inverse-on",
           "attributes": {
@@ -3517,11 +3517,11 @@ module.exports = {
           ]
         },
         "track-inverse-on-hover": {
-          "value": "#aca1cc",
+          "value": "#ffffffe5",
           "filePath": "processed/web/Hawaiian_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#aca1cc"
+            "value": "#ffffffe5"
           },
           "name": "ds-advanced-color-switch-track-inverse-on-hover",
           "attributes": {

package/dist/web/JSObject--allTokens--test.js

@@ -3349,11 +3349,11 @@ module.exports = {
           ]
         },
         "thumb-inverse-on": {
-          "value": "#000000cc",
+          "value": "#7e7e7e",
           "filePath": "processed/web/Blueprint_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#000000cc"
+            "value": "#7e7e7e"
           },
           "name": "ds-advanced-color-switch-thumb-inverse-on",
           "attributes": {
@@ -3454,11 +3454,11 @@ module.exports = {
           ]
         },
         "track-inverse-off": {
-          "value": "#ffffff59",
+          "value": "#ffffff73",
           "filePath": "processed/web/Blueprint_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#ffffff59"
+            "value": "#ffffff73"
           },
           "name": "ds-advanced-color-switch-track-inverse-off",
           "attributes": {
@@ -3475,11 +3475,11 @@ module.exports = {
           ]
         },
         "track-inverse-off-hover": {
-          "value": "#ffffff66",
+          "value": "#ffffff80",
           "filePath": "processed/web/Blueprint_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#ffffff66"
+            "value": "#ffffff80"
           },
           "name": "ds-advanced-color-switch-track-inverse-off-hover",
           "attributes": {
@@ -3496,11 +3496,11 @@ module.exports = {
           ]
         },
         "track-inverse-on": {
-          "value": "#dddddd",
+          "value": "#ffffff",
           "filePath": "processed/web/Blueprint_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#dddddd"
+            "value": "#ffffff"
           },
           "name": "ds-advanced-color-switch-track-inverse-on",
           "attributes": {
@@ -3517,11 +3517,11 @@ module.exports = {
           ]
         },
         "track-inverse-on-hover": {
-          "value": "#d0d0d0",
+          "value": "#ffffffe5",
           "filePath": "processed/web/Blueprint_theme.Light.json",
           "isSource": true,
           "original": {
-            "value": "#d0d0d0"
+            "value": "#ffffffe5"
           },
           "name": "ds-advanced-color-switch-track-inverse-on-hover",
           "attributes": {

package/dist/web/alaska.css

@@ -152,15 +152,15 @@
   --ds-advanced-color-switch-thumb-disabled: #00000033;
   --ds-advanced-color-switch-thumb-inverse-disabled: #ffffff99;
   --ds-advanced-color-switch-thumb-inverse-off: #ffffff;
-  --ds-advanced-color-switch-thumb-inverse-on: #000000cc;
+  --ds-advanced-color-switch-thumb-inverse-on: #00274a;
   --ds-advanced-color-switch-thumb-off: #ffffff;
   --ds-advanced-color-switch-thumb-on: #ffffff;
   --ds-advanced-color-switch-track-disabled: #00000026;
   --ds-advanced-color-switch-track-inverse-disabled: #ffffff26;
-  --ds-advanced-color-switch-track-inverse-off: #ffffff59;
-  --ds-advanced-color-switch-track-inverse-off-hover: #ffffff66;
-  --ds-advanced-color-switch-track-inverse-on: #e2e8ee;
-  --ds-advanced-color-switch-track-inverse-on-hover: #c7d6e5;
+  --ds-advanced-color-switch-track-inverse-off: #ffffff73;
+  --ds-advanced-color-switch-track-inverse-off-hover: #ffffff80;
+  --ds-advanced-color-switch-track-inverse-on: #ffffff;
+  --ds-advanced-color-switch-track-inverse-on-hover: #ffffffe5;
   --ds-advanced-color-switch-track-off: #00000073;
   --ds-advanced-color-switch-track-off-hover: #00000080;
   --ds-advanced-color-switch-track-on: #01426a;
@@ -428,15 +428,15 @@
   --ds-advanced-color-switch-thumb-disabled: #00000033;
   --ds-advanced-color-switch-thumb-inverse-disabled: #ffffff99;
   --ds-advanced-color-switch-thumb-inverse-off: #ffffff;
-  --ds-advanced-color-switch-thumb-inverse-on: #000000cc;
+  --ds-advanced-color-switch-thumb-inverse-on: #101d2c;
   --ds-advanced-color-switch-thumb-off: #ffffff;
   --ds-advanced-color-switch-thumb-on: #ffffff;
   --ds-advanced-color-switch-track-disabled: #00000026;
   --ds-advanced-color-switch-track-inverse-disabled: #ffffff26;
-  --ds-advanced-color-switch-track-inverse-off: #ffffff59;
-  --ds-advanced-color-switch-track-inverse-off-hover: #ffffff66;
-  --ds-advanced-color-switch-track-inverse-on: #aedeff;
-  --ds-advanced-color-switch-track-inverse-on-hover: #63beff;
+  --ds-advanced-color-switch-track-inverse-off: #ffffff73;
+  --ds-advanced-color-switch-track-inverse-off-hover: #ffffff80;
+  --ds-advanced-color-switch-track-inverse-on: #ffffff;
+  --ds-advanced-color-switch-track-inverse-on-hover: #ffffffe5;
   --ds-advanced-color-switch-track-off: #00000073;
   --ds-advanced-color-switch-track-off-hover: #00000080;
   --ds-advanced-color-switch-track-on: #101d2c;
@@ -704,15 +704,15 @@
   --ds-advanced-color-switch-thumb-disabled: #00000033;
   --ds-advanced-color-switch-thumb-inverse-disabled: #ffffff99;
   --ds-advanced-color-switch-thumb-inverse-off: #ffffff;
-  --ds-advanced-color-switch-thumb-inverse-on: #000000cc;
+  --ds-advanced-color-switch-thumb-inverse-on: #463c8f;
   --ds-advanced-color-switch-thumb-off: #ffffff;
   --ds-advanced-color-switch-thumb-on: #ffffff;
   --ds-advanced-color-switch-track-disabled: #00000026;
   --ds-advanced-color-switch-track-inverse-disabled: #ffffff26;
-  --ds-advanced-color-switch-track-inverse-off: #ffffff73;
-  --ds-advanced-color-switch-track-inverse-off-hover: #ffffff80;
-  --ds-advanced-color-switch-track-inverse-on: #ccc5e0;
-  --ds-advanced-color-switch-track-inverse-on-hover: #aca1cc;
+  --ds-advanced-color-switch-track-inverse-off: #ffffff80;
+  --ds-advanced-color-switch-track-inverse-off-hover: #ffffff8c;
+  --ds-advanced-color-switch-track-inverse-on: #ffffff;
+  --ds-advanced-color-switch-track-inverse-on-hover: #ffffffe5;
   --ds-advanced-color-switch-track-off: #00000073;
   --ds-advanced-color-switch-track-off-hover: #00000080;
   --ds-advanced-color-switch-track-on: #463c8f;