@aurodesignsystem/design-tokens 5.8.2 → 5.9.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Semantic Release Automated Changelog
 
+# [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)
+
+
+### Performance Improvements
+
+* add 'scrim' design token to themes ([34a81a1](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/34a81a114fea44aedc0f5282baf23d533ba9b7ee))
+
 ## [5.8.2](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.8.1...v5.8.2) (2025-04-14)
 
 

package/README.md

@@ -57,19 +57,11 @@ Auro Design Tokens support multiple themes:
 
 ## Theme Scoping
 
-Apply different themes using the `data-aag-theme` attribute:
+### Alaska Air Group Exclusive
 
-```html
-<!-- Alaska-themed -->
-<div data-aag-theme="aag-theme-as">
-  <h1>Alaska Airlines Content</h1>
-</div>
-
-<!-- Hawaiian-themed -->
-<div data-aag-theme="aag-theme-ha">
-  <h1>Hawaiian Airlines Content</h1>
-</div>
-```
+> ⚠️ 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)
 
 ## Documentation
 

package/dist/CSSCustomProperties--bundled.css

@@ -1,6 +1,6 @@
 /**
   Do not edit directly
-  Generated on Mon, 14 Apr 2025 18:42:49 GMT
+  Generated on Tue, 22 Apr 2025 19:28:12 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;
@@ -85,7 +87,10 @@
   --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
   --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;
@@ -519,6 +524,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;
@@ -546,7 +553,10 @@
   --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
   --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;
@@ -980,6 +990,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;
@@ -1007,7 +1019,10 @@
   --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
   --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;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Apr 2025 18:42:59 GMT
+ * Generated on Tue, 22 Apr 2025 19:28:24 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;
@@ -84,7 +86,10 @@
   --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
   --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;

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

@@ -66,6 +66,10 @@
         "accent4Bold": "#fb7f24",
         "accent4Muted": "#ffe2cf"
       },
+      "avatar": {
+        "gradientBottom": "#cfe0ef",
+        "gradientTop": "#6899c6"
+      },
       "boolean": {
         "disabledInverse": "#7e8894",
         "error": "#e31f26",
@@ -98,8 +102,13 @@
         "backgroundInverseHover": "rgba(255, 255, 255, 0.15)",
         "backgroundMuted": "#f7f7f7",
         "backgroundStrong": "#7e7e7e",
+        "scrim": "rgba(0, 0, 0, 0.5)",
         "textAccent": "#2875b5"
       },
+      "skeleton": {
+        "background": "#f7f8fa",
+        "wave": "#e4e8ec"
+      },
       "state": {
         "backgroundDisabled": "#dddddd",
         "backgroundHover": "#f2f2f2",