@aurodesignsystem/design-tokens 5.8.3 → 5.10.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Semantic Release Automated Changelog
 
+# [5.10.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.9.0...v5.10.0) (2025-04-23)
+
+
+### Features
+
+* add new loungetier tokens [#292](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/292) ([efab599](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/efab5994eefb9a9dc0db2278240499cb458dac06))
+
+
+### Performance Improvements
+
+* swap shared background inverse values ([e1e4100](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/e1e41005450d62fd754ea68792e21b8bdf87e0a2))
+
+# [5.9.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.8.3...v5.9.0) (2025-04-22)
+
+
+### Features
+
+* add new skeleton and avatar tokens [#290](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/290) ([3e3a3e6](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/3e3a3e608325f18c300df1309970787d7d3b4fbd))
+
 ## [5.8.3](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.8.2...v5.8.3) (2025-04-21)
 
 

package/README.md

@@ -59,8 +59,7 @@ Auro Design Tokens support multiple themes:
 
 ### Alaska Air Group Exclusive
 
-> [!IMPORTANT]  
-> The following link is only intended for Alaska Air Group employees and is protected by SSO.
+> ⚠️ The following link is only intended for Alaska Air Group employees and is protected by SSO.
 
 - [Prepare your pages for multi-brand theming](https://wiki.devtools.teamaag.com/guides/multibrand)
 

package/dist/CSSCustomProperties--bundled.css

@@ -1,6 +1,6 @@
 /**
   Do not edit directly
-  Generated on Mon, 21 Apr 2025 18:34:01 GMT
+  Generated on Wed, 23 Apr 2025 19:58:24 GMT
  */
 
 /* Properties from CSSCustomProperties--alaska.css */
@@ -58,6 +58,8 @@
   --ds-advanced-color-accents-accent4: #feb17a;
   --ds-advanced-color-accents-accent4-bold: #fb7f24;
   --ds-advanced-color-accents-accent4-muted: #ffe2cf;
+  --ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
+  --ds-advanced-color-avatar-gradient-top: #6899c6;
   --ds-advanced-color-boolean-disabled-inverse: #7e8894;
   --ds-advanced-color-boolean-error: #e31f26;
   --ds-advanced-color-boolean-error-hover: #b1161c;
@@ -69,8 +71,8 @@
   --ds-advanced-color-boolean-isfalse-border: #585e67;
   --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
   --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
-  --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
-  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.2);
   --ds-advanced-color-boolean-istrue: #01426a;
   --ds-advanced-color-boolean-istrue-hover: #00274a;
   --ds-advanced-color-boolean-istrue-inverse: #ffffff;
@@ -80,13 +82,15 @@
   --ds-advanced-color-hyperlink-text-inverse: #ffffff;
   --ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;
   --ds-advanced-color-shared-background: #ffffff;
-  --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
+  --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.15);
   --ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
-  --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.2);
   --ds-advanced-color-shared-background-muted: #f7f7f7;
   --ds-advanced-color-shared-background-strong: #7e7e7e;
   --ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
   --ds-advanced-color-shared-text-accent: #2875b5;
+  --ds-advanced-color-skeleton-background: #f7f8fa;
+  --ds-advanced-color-skeleton-wave: #e4e8ec;
   --ds-advanced-color-state-background-disabled: #dddddd;
   --ds-advanced-color-state-background-hover: #f2f2f2;
   --ds-advanced-color-state-background-inverse-disabled: #7e8894;
@@ -118,6 +122,8 @@
   --ds-basic-color-fare-business: #01426a;
   --ds-basic-color-fare-economy: #0074ca;
   --ds-basic-color-fare-first: #00274a;
+  --ds-basic-color-fare-loungetier-lounge: #01426a;
+  --ds-basic-color-fare-loungetier-loungeplus: #53b390;
   --ds-basic-color-fare-oneworld-emerald: #139142;
   --ds-basic-color-fare-oneworld-ruby: #a41d4a;
   --ds-basic-color-fare-oneworld-sapphire: #015daa;
@@ -520,6 +526,8 @@
   --ds-advanced-color-accents-accent4: #feb17a;
   --ds-advanced-color-accents-accent4-bold: #fb7f24;
   --ds-advanced-color-accents-accent4-muted: #ffe2cf;
+  --ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
+  --ds-advanced-color-avatar-gradient-top: #6899c6;
   --ds-advanced-color-boolean-disabled-inverse: #7e8894;
   --ds-advanced-color-boolean-error: #e31f26;
   --ds-advanced-color-boolean-error-hover: #b1161c;
@@ -531,8 +539,8 @@
   --ds-advanced-color-boolean-isfalse-border: #585e67;
   --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
   --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
-  --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
-  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.2);
   --ds-advanced-color-boolean-istrue: #0074ca;
   --ds-advanced-color-boolean-istrue-hover: #003761;
   --ds-advanced-color-boolean-istrue-inverse: #ffffff;
@@ -542,13 +550,15 @@
   --ds-advanced-color-hyperlink-text-inverse: #97eaf8;
   --ds-advanced-color-hyperlink-text-inverse-hover: #b4eff9;
   --ds-advanced-color-shared-background: #ffffff;
-  --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
+  --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.15);
   --ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
-  --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.2);
   --ds-advanced-color-shared-background-muted: #f7f7f7;
   --ds-advanced-color-shared-background-strong: #7e7e7e;
   --ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
   --ds-advanced-color-shared-text-accent: #0074ca;
+  --ds-advanced-color-skeleton-background: #f7f8fa;
+  --ds-advanced-color-skeleton-wave: #e4e8ec;
   --ds-advanced-color-state-background-disabled: #dddddd;
   --ds-advanced-color-state-background-hover: #f2f2f2;
   --ds-advanced-color-state-background-inverse-disabled: #7e8894;
@@ -580,6 +590,8 @@
   --ds-basic-color-fare-business: #01426a;
   --ds-basic-color-fare-economy: #0074ca;
   --ds-basic-color-fare-first: #00274a;
+  --ds-basic-color-fare-loungetier-lounge: #01426a;
+  --ds-basic-color-fare-loungetier-loungeplus: #53b390;
   --ds-basic-color-fare-oneworld-emerald: #139142;
   --ds-basic-color-fare-oneworld-ruby: #a41d4a;
   --ds-basic-color-fare-oneworld-sapphire: #015daa;
@@ -982,6 +994,8 @@
   --ds-advanced-color-accents-accent4: #a8d6df;
   --ds-advanced-color-accents-accent4-bold: #00a5ba;
   --ds-advanced-color-accents-accent4-muted: #cbe6ec;
+  --ds-advanced-color-avatar-gradient-bottom: #c0ccf1;
+  --ds-advanced-color-avatar-gradient-top: #8298e3;
   --ds-advanced-color-boolean-disabled-inverse: #aca1cc;
   --ds-advanced-color-boolean-error: #e53339;
   --ds-advanced-color-boolean-error-hover: #b1161c;
@@ -993,8 +1007,8 @@
   --ds-advanced-color-boolean-isfalse-border: #adadad;
   --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
   --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
-  --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
-  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.2);
   --ds-advanced-color-boolean-istrue: #463c8f;
   --ds-advanced-color-boolean-istrue-hover: #31295c;
   --ds-advanced-color-boolean-istrue-inverse: #ffffff;
@@ -1004,13 +1018,15 @@
   --ds-advanced-color-hyperlink-text-inverse: #ffffff;
   --ds-advanced-color-hyperlink-text-inverse-hover: #ffffff;
   --ds-advanced-color-shared-background: #ffffff;
-  --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
+  --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.15);
   --ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
-  --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.2);
   --ds-advanced-color-shared-background-muted: #f7f7f7;
   --ds-advanced-color-shared-background-strong: #7e7e7e;
   --ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
   --ds-advanced-color-shared-text-accent: #463c8f;
+  --ds-advanced-color-skeleton-background: #f7f8fa;
+  --ds-advanced-color-skeleton-wave: #e4e8ec;
   --ds-advanced-color-state-background-disabled: #dddddd;
   --ds-advanced-color-state-background-hover: #f2f2f2;
   --ds-advanced-color-state-background-inverse-disabled: #7e8894;
@@ -1042,6 +1058,8 @@
   --ds-basic-color-fare-business: #463c8f;
   --ds-basic-color-fare-economy: #ce0c88;
   --ds-basic-color-fare-first: #463c8f;
+  --ds-basic-color-fare-loungetier-lounge: #01426a;
+  --ds-basic-color-fare-loungetier-loungeplus: #53b390;
   --ds-basic-color-fare-oneworld-emerald: #139142;
   --ds-basic-color-fare-oneworld-ruby: #a41d4a;
   --ds-basic-color-fare-oneworld-sapphire: #015daa;

package/dist/alaska/CSSCustomProperties--alaska.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 21 Apr 2025 18:34:12 GMT
+ * Generated on Wed, 23 Apr 2025 19:58:34 GMT
  */
 
 :root {
@@ -57,6 +57,8 @@
   --ds-advanced-color-accents-accent4: #feb17a;
   --ds-advanced-color-accents-accent4-bold: #fb7f24;
   --ds-advanced-color-accents-accent4-muted: #ffe2cf;
+  --ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
+  --ds-advanced-color-avatar-gradient-top: #6899c6;
   --ds-advanced-color-boolean-disabled-inverse: #7e8894;
   --ds-advanced-color-boolean-error: #e31f26;
   --ds-advanced-color-boolean-error-hover: #b1161c;
@@ -68,8 +70,8 @@
   --ds-advanced-color-boolean-isfalse-border: #585e67;
   --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
   --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
-  --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
-  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.2);
   --ds-advanced-color-boolean-istrue: #01426a;
   --ds-advanced-color-boolean-istrue-hover: #00274a;
   --ds-advanced-color-boolean-istrue-inverse: #ffffff;
@@ -79,13 +81,15 @@
   --ds-advanced-color-hyperlink-text-inverse: #ffffff;
   --ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;
   --ds-advanced-color-shared-background: #ffffff;
-  --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
+  --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.15);
   --ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
-  --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
+  --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.2);
   --ds-advanced-color-shared-background-muted: #f7f7f7;
   --ds-advanced-color-shared-background-strong: #7e7e7e;
   --ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
   --ds-advanced-color-shared-text-accent: #2875b5;
+  --ds-advanced-color-skeleton-background: #f7f8fa;
+  --ds-advanced-color-skeleton-wave: #e4e8ec;
   --ds-advanced-color-state-background-disabled: #dddddd;
   --ds-advanced-color-state-background-hover: #f2f2f2;
   --ds-advanced-color-state-background-inverse-disabled: #7e8894;
@@ -117,6 +121,8 @@
   --ds-basic-color-fare-business: #01426a;
   --ds-basic-color-fare-economy: #0074ca;
   --ds-basic-color-fare-first: #00274a;
+  --ds-basic-color-fare-loungetier-lounge: #01426a;
+  --ds-basic-color-fare-loungetier-loungeplus: #53b390;
   --ds-basic-color-fare-oneworld-emerald: #139142;
   --ds-basic-color-fare-oneworld-ruby: #a41d4a;
   --ds-basic-color-fare-oneworld-sapphire: #015daa;

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

@@ -66,6 +66,10 @@
         "accent4Bold": "#fb7f24",
         "accent4Muted": "#ffe2cf"
       },
+      "avatar": {
+        "gradientBottom": "#cfe0ef",
+        "gradientTop": "#6899c6"
+      },
       "boolean": {
         "disabledInverse": "#7e8894",
         "error": "#e31f26",
@@ -78,8 +82,8 @@
         "isfalseBorder": "#585e67",
         "isfalseBorderInverse": "#ffffff",
         "isfalseHover": "#f2f2f2",
-        "isfalseInverse": "rgba(255, 255, 255, 0.2)",
-        "isfalseInverseHover": "rgba(255, 255, 255, 0.15)",
+        "isfalseInverse": "rgba(255, 255, 255, 0.15)",
+        "isfalseInverseHover": "rgba(255, 255, 255, 0.2)",
         "istrue": "#01426a",
         "istrueHover": "#00274a",
         "istrueInverse": "#ffffff",
@@ -93,14 +97,18 @@
       },
       "shared": {
         "background": "#ffffff",
-        "backgroundInverse": "rgba(255, 255, 255, 0.2)",
+        "backgroundInverse": "rgba(255, 255, 255, 0.15)",
         "backgroundInverseDisabled": "rgba(255, 255, 255, 0.1)",
-        "backgroundInverseHover": "rgba(255, 255, 255, 0.15)",
+        "backgroundInverseHover": "rgba(255, 255, 255, 0.2)",
         "backgroundMuted": "#f7f7f7",
         "backgroundStrong": "#7e7e7e",
         "scrim": "rgba(0, 0, 0, 0.5)",
         "textAccent": "#2875b5"
       },
+      "skeleton": {
+        "background": "#f7f8fa",
+        "wave": "#e4e8ec"
+      },
       "state": {
         "backgroundDisabled": "#dddddd",
         "backgroundHover": "#f2f2f2",
@@ -143,6 +151,10 @@
         "business": "#01426a",
         "economy": "#0074ca",
         "first": "#00274a",
+        "loungetier": {
+          "lounge": "#01426a",
+          "loungeplus": "#53b390"
+        },
         "oneworld": {
           "emerald": "#139142",
           "ruby": "#a41d4a",

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 21 Apr 2025 18:34:12 GMT
+ * Generated on Wed, 23 Apr 2025 19:58:34 GMT
  */
 
 module.exports = {
@@ -1637,6 +1637,66 @@ module.exports = {
           ]
         }
       },
+      "avatar": {
+        "gradientBottom": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Used for creating the bottom gradient of the auro-avatar",
+          "value": "#cfe0ef",
+          "filePath": "src/themes/alaska/advanced/color/avatar.json",
+          "isSource": false,
+          "original": {
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Used for creating the bottom gradient of the auro-avatar",
+            "value": "{color.midnight.200.value}"
+          },
+          "name": "ds-advanced-color-avatar-gradient-bottom",
+          "attributes": {
+            "category": "advanced",
+            "type": "color",
+            "item": "avatar",
+            "subitem": "gradientBottom"
+          },
+          "path": [
+            "advanced",
+            "color",
+            "avatar",
+            "gradientBottom"
+          ]
+        },
+        "gradientTop": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Used for creating the top gradient of the auro-avatar",
+          "value": "#6899c6",
+          "filePath": "src/themes/alaska/advanced/color/avatar.json",
+          "isSource": false,
+          "original": {
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Used for creating the top gradient of the auro-avatar",
+            "value": "{color.midnight.500.value}"
+          },
+          "name": "ds-advanced-color-avatar-gradient-top",
+          "attributes": {
+            "category": "advanced",
+            "type": "color",
+            "item": "avatar",
+            "subitem": "gradientTop"
+          },
+          "path": [
+            "advanced",
+            "color",
+            "avatar",
+            "gradientTop"
+          ]
+        }
+      },
       "boolean": {
         "disabledInverse": {
           "deprecated": false,
@@ -1962,7 +2022,7 @@ module.exports = {
           "public": true,
           "type": "semantic",
           "usage": "Boolean false inverse state color",
-          "value": "rgba(255, 255, 255, 0.2)",
+          "value": "rgba(255, 255, 255, 0.15)",
           "filePath": "src/themes/alaska/advanced/color/boolean.json",
           "isSource": false,
           "original": {
@@ -1991,7 +2051,7 @@ module.exports = {
           "public": true,
           "type": "semantic",
           "usage": "Boolean false inverse hover state color",
-          "value": "rgba(255, 255, 255, 0.15)",
+          "value": "rgba(255, 255, 255, 0.2)",
           "filePath": "src/themes/alaska/advanced/color/boolean.json",
           "isSource": false,
           "original": {
@@ -2285,7 +2345,7 @@ module.exports = {
           "public": true,
           "type": "semantic",
           "usage": "Component background inverse color",
-          "value": "rgba(255, 255, 255, 0.2)",
+          "value": "rgba(255, 255, 255, 0.15)",
           "filePath": "src/themes/alaska/advanced/color/shared.json",
           "isSource": false,
           "original": {
@@ -2293,7 +2353,7 @@ module.exports = {
             "public": true,
             "type": "semantic",
             "usage": "Component background inverse color",
-            "value": "{transparency.white.20.value}"
+            "value": "{transparency.white.15.value}"
           },
           "name": "ds-advanced-color-shared-background-inverse",
           "attributes": {
@@ -2343,7 +2403,7 @@ module.exports = {
           "public": true,
           "type": "semantic",
           "usage": "Component background inverse hover color",
-          "value": "rgba(255, 255, 255, 0.15)",
+          "value": "rgba(255, 255, 255, 0.2)",
           "filePath": "src/themes/alaska/advanced/color/shared.json",
           "isSource": false,
           "original": {
@@ -2351,7 +2411,7 @@ module.exports = {
             "public": true,
             "type": "semantic",
             "usage": "Component background inverse hover color",
-            "value": "{transparency.white.15.value}"
+            "value": "{transparency.white.20.value}"
           },
           "name": "ds-advanced-color-shared-background-inverse-hover",
           "attributes": {
@@ -2484,6 +2544,66 @@ module.exports = {
           ]
         }
       },
+      "skeleton": {
+        "background": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the auro-skeleton component",
+          "value": "#f7f8fa",
+          "filePath": "src/themes/alaska/advanced/color/skeleton.json",
+          "isSource": false,
+          "original": {
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Background color for the auro-skeleton component",
+            "value": "{color.neutral.100.value}"
+          },
+          "name": "ds-advanced-color-skeleton-background",
+          "attributes": {
+            "category": "advanced",
+            "type": "color",
+            "item": "skeleton",
+            "subitem": "background"
+          },
+          "path": [
+            "advanced",
+            "color",
+            "skeleton",
+            "background"
+          ]
+        },
+        "wave": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Gradient effect of the auro-skeleton component",
+          "value": "#e4e8ec",
+          "filePath": "src/themes/alaska/advanced/color/skeleton.json",
+          "isSource": false,
+          "original": {
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Gradient effect of the auro-skeleton component",
+            "value": "{color.neutral.200.value}"
+          },
+          "name": "ds-advanced-color-skeleton-wave",
+          "attributes": {
+            "category": "advanced",
+            "type": "color",
+            "item": "skeleton",
+            "subitem": "wave"
+          },
+          "path": [
+            "advanced",
+            "color",
+            "skeleton",
+            "wave"
+          ]
+        }
+      },
       "state": {
         "backgroundDisabled": {
           "deprecated": false,
@@ -3394,6 +3514,70 @@ module.exports = {
             "first"
           ]
         },
+        "loungetier": {
+          "lounge": {
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Lounge brand color",
+            "value": "#01426a",
+            "filePath": "src/themes/alaska/basic/color/fare-brand.json",
+            "isSource": false,
+            "original": {
+              "deprecated": false,
+              "public": true,
+              "type": "semantic",
+              "usage": "Lounge brand color",
+              "value": "{color.loungetier.lounge.value}"
+            },
+            "name": "ds-basic-color-fare-loungetier-lounge",
+            "attributes": {
+              "category": "basic",
+              "type": "color",
+              "item": "fare",
+              "subitem": "loungetier",
+              "state": "lounge"
+            },
+            "path": [
+              "basic",
+              "color",
+              "fare",
+              "loungetier",
+              "lounge"
+            ]
+          },
+          "loungeplus": {
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Lounge Plus brand color",
+            "value": "#53b390",
+            "filePath": "src/themes/alaska/basic/color/fare-brand.json",
+            "isSource": false,
+            "original": {
+              "deprecated": false,
+              "public": true,
+              "type": "semantic",
+              "usage": "Lounge Plus brand color",
+              "value": "{color.loungetier.loungeplus.value}"
+            },
+            "name": "ds-basic-color-fare-loungetier-loungeplus",
+            "attributes": {
+              "category": "basic",
+              "type": "color",
+              "item": "fare",
+              "subitem": "loungetier",
+              "state": "loungeplus"
+            },
+            "path": [
+              "basic",
+              "color",
+              "fare",
+              "loungetier",
+              "loungeplus"
+            ]
+          }
+        },
         "oneworld": {
           "emerald": {
             "deprecated": false,

package/dist/alaska/SCSSVariables--alaska.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 21 Apr 2025 18:34:12 GMT
+// Generated on Wed, 23 Apr 2025 19:58:34 GMT
 
 $ds-advanced-color-button-flat-text: #676767;
 $ds-advanced-color-button-flat-text-disabled: #d0d0d0;
@@ -55,6 +55,8 @@ $ds-advanced-color-accents-accent3-muted: #aedeff;
 $ds-advanced-color-accents-accent4: #feb17a;
 $ds-advanced-color-accents-accent4-bold: #fb7f24;
 $ds-advanced-color-accents-accent4-muted: #ffe2cf;
+$ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
+$ds-advanced-color-avatar-gradient-top: #6899c6;
 $ds-advanced-color-boolean-disabled-inverse: #7e8894;
 $ds-advanced-color-boolean-error: #e31f26;
 $ds-advanced-color-boolean-error-hover: #b1161c;
@@ -66,8 +68,8 @@ $ds-advanced-color-boolean-isfalse: #ffffff;
 $ds-advanced-color-boolean-isfalse-border: #585e67;
 $ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
 $ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
-$ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
-$ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
+$ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.15);
+$ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.2);
 $ds-advanced-color-boolean-istrue: #01426a;
 $ds-advanced-color-boolean-istrue-hover: #00274a;
 $ds-advanced-color-boolean-istrue-inverse: #ffffff;
@@ -77,13 +79,15 @@ $ds-advanced-color-hyperlink-text-hover: #01426a;
 $ds-advanced-color-hyperlink-text-inverse: #ffffff;
 $ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;
 $ds-advanced-color-shared-background: #ffffff;
-$ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
+$ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.15);
 $ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
-$ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
+$ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.2);
 $ds-advanced-color-shared-background-muted: #f7f7f7;
 $ds-advanced-color-shared-background-strong: #7e7e7e;
 $ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
 $ds-advanced-color-shared-text-accent: #2875b5;
+$ds-advanced-color-skeleton-background: #f7f8fa;
+$ds-advanced-color-skeleton-wave: #e4e8ec;
 $ds-advanced-color-state-background-disabled: #dddddd;
 $ds-advanced-color-state-background-hover: #f2f2f2;
 $ds-advanced-color-state-background-inverse-disabled: #7e8894;
@@ -115,6 +119,8 @@ $ds-basic-color-fare-basiceconomy: #97eaf8;
 $ds-basic-color-fare-business: #01426a;
 $ds-basic-color-fare-economy: #0074ca;
 $ds-basic-color-fare-first: #00274a;
+$ds-basic-color-fare-loungetier-lounge: #01426a;
+$ds-basic-color-fare-loungetier-loungeplus: #53b390;
 $ds-basic-color-fare-oneworld-emerald: #139142;
 $ds-basic-color-fare-oneworld-ruby: #a41d4a;
 $ds-basic-color-fare-oneworld-sapphire: #015daa;

package/dist/alaska/SCSSVariablesMapFlat--alaska.scss

@@ -1,7 +1,7 @@
 
 /*
   Do not edit directly
-  Generated on Mon, 21 Apr 2025 18:34:12 GMT
+  Generated on Wed, 23 Apr 2025 19:58:34 GMT
 */
 
 $auroTokens: (
@@ -58,6 +58,8 @@ $auroTokens: (
   'ds-advanced-color-accents-accent4': (#feb17a),
   'ds-advanced-color-accents-accent4-bold': (#fb7f24),
   'ds-advanced-color-accents-accent4-muted': (#ffe2cf),
+  'ds-advanced-color-avatar-gradient-bottom': (#cfe0ef),
+  'ds-advanced-color-avatar-gradient-top': (#6899c6),
   'ds-advanced-color-boolean-disabled-inverse': (#7e8894),
   'ds-advanced-color-boolean-error': (#e31f26),
   'ds-advanced-color-boolean-error-hover': (#b1161c),
@@ -69,8 +71,8 @@ $auroTokens: (
   'ds-advanced-color-boolean-isfalse-border': (#585e67),
   'ds-advanced-color-boolean-isfalse-border-inverse': (#ffffff),
   'ds-advanced-color-boolean-isfalse-hover': (#f2f2f2),
-  'ds-advanced-color-boolean-isfalse-inverse': (rgba(255, 255, 255, 0.2)),
-  'ds-advanced-color-boolean-isfalse-inverse-hover': (rgba(255, 255, 255, 0.15)),
+  'ds-advanced-color-boolean-isfalse-inverse': (rgba(255, 255, 255, 0.15)),
+  'ds-advanced-color-boolean-isfalse-inverse-hover': (rgba(255, 255, 255, 0.2)),
   'ds-advanced-color-boolean-istrue': (#01426a),
   'ds-advanced-color-boolean-istrue-hover': (#00274a),
   'ds-advanced-color-boolean-istrue-inverse': (#ffffff),
@@ -80,13 +82,15 @@ $auroTokens: (
   'ds-advanced-color-hyperlink-text-inverse': (#ffffff),
   'ds-advanced-color-hyperlink-text-inverse-hover': (#ebf3f9),
   'ds-advanced-color-shared-background': (#ffffff),
-  'ds-advanced-color-shared-background-inverse': (rgba(255, 255, 255, 0.2)),
+  'ds-advanced-color-shared-background-inverse': (rgba(255, 255, 255, 0.15)),
   'ds-advanced-color-shared-background-inverse-disabled': (rgba(255, 255, 255, 0.1)),
-  'ds-advanced-color-shared-background-inverse-hover': (rgba(255, 255, 255, 0.15)),
+  'ds-advanced-color-shared-background-inverse-hover': (rgba(255, 255, 255, 0.2)),
   'ds-advanced-color-shared-background-muted': (#f7f7f7),
   'ds-advanced-color-shared-background-strong': (#7e7e7e),
   'ds-advanced-color-shared-scrim': (rgba(0, 0, 0, 0.5)),
   'ds-advanced-color-shared-text-accent': (#2875b5),
+  'ds-advanced-color-skeleton-background': (#f7f8fa),
+  'ds-advanced-color-skeleton-wave': (#e4e8ec),
   'ds-advanced-color-state-background-disabled': (#dddddd),
   'ds-advanced-color-state-background-hover': (#f2f2f2),
   'ds-advanced-color-state-background-inverse-disabled': (#7e8894),
@@ -118,6 +122,8 @@ $auroTokens: (
   'ds-basic-color-fare-business': (#01426a),
   'ds-basic-color-fare-economy': (#0074ca),
   'ds-basic-color-fare-first': (#00274a),
+  'ds-basic-color-fare-loungetier-lounge': (#01426a),
+  'ds-basic-color-fare-loungetier-loungeplus': (#53b390),
   'ds-basic-color-fare-oneworld-emerald': (#139142),
   'ds-basic-color-fare-oneworld-ruby': (#a41d4a),
   'ds-basic-color-fare-oneworld-sapphire': (#015daa),