@aurodesignsystem/design-tokens 8.3.1 → 8.4.0

package/dist/themes/auro-2/JSONVariablesNested--auro2.json

@@ -155,6 +155,10 @@
         "istrueInverse": "#ffffff",
         "istrueInverseHover": "rgba(255, 255, 255, 0.7)"
       },
+      "dropdownEmphasized": {
+        "background": "#e2e8ee",
+        "backgroundHover": "#c7d6e5"
+      },
       "flightline": {
         "indicator": "#faf9f5",
         "line": "#faf9f5"

package/dist/themes/auro-2/JSObject--allTokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Aug 2025 20:38:24 GMT
+ * Generated on Tue, 05 Aug 2025 23:42:01 GMT
  */
 
 module.exports = {
@@ -3474,6 +3474,66 @@ module.exports = {
           ]
         }
       },
+      "dropdownEmphasized": {
+        "background": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "#e2e8ee",
+          "filePath": "src/themes/auro-2/advanced/color/dropdown.json",
+          "isSource": false,
+          "original": {
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Background color for the dropdown component",
+            "value": "{color.maris.200.value}"
+          },
+          "name": "ds-advanced-color-dropdown-emphasized-background",
+          "attributes": {
+            "category": "advanced",
+            "type": "color",
+            "item": "dropdownEmphasized",
+            "subitem": "background"
+          },
+          "path": [
+            "advanced",
+            "color",
+            "dropdownEmphasized",
+            "background"
+          ]
+        },
+        "backgroundHover": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "#c7d6e5",
+          "filePath": "src/themes/auro-2/advanced/color/dropdown.json",
+          "isSource": false,
+          "original": {
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Background color for the dropdown component",
+            "value": "{color.maris.300.value}"
+          },
+          "name": "ds-advanced-color-dropdown-emphasized-background-hover",
+          "attributes": {
+            "category": "advanced",
+            "type": "color",
+            "item": "dropdownEmphasized",
+            "subitem": "backgroundHover"
+          },
+          "path": [
+            "advanced",
+            "color",
+            "dropdownEmphasized",
+            "backgroundHover"
+          ]
+        }
+      },
       "flightline": {
         "indicator": {
           "deprecated": false,

package/dist/themes/auro-2/SCSSVariables--auro2.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 04 Aug 2025 20:38:24 GMT
+// Generated on Tue, 05 Aug 2025 23:42:01 GMT
 
 $ds-type-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 $ds-type-family-fallback-serif: Georgia, serif;
@@ -122,6 +122,8 @@ $ds-advanced-color-boolean-istrue: #003761;
 $ds-advanced-color-boolean-istrue-hover: #faf9f5;
 $ds-advanced-color-boolean-istrue-inverse: #ffffff;
 $ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
+$ds-advanced-color-dropdown-emphasized-background: #e2e8ee;
+$ds-advanced-color-dropdown-emphasized-background-hover: #c7d6e5;
 $ds-advanced-color-flightline-indicator: #faf9f5;
 $ds-advanced-color-flightline-line: #faf9f5;
 $ds-advanced-color-hyperlink-text: #003761;

package/dist/themes/auro-2/SCSSVariablesMapFlat--auro2.scss

@@ -1,7 +1,7 @@
 
 /*
   Do not edit directly
-  Generated on Mon, 04 Aug 2025 20:38:24 GMT
+  Generated on Tue, 05 Aug 2025 23:42:01 GMT
 */
 
 $auroTokens: (
@@ -125,6 +125,8 @@ $auroTokens: (
   'ds-advanced-color-boolean-istrue-hover': (#faf9f5),
   'ds-advanced-color-boolean-istrue-inverse': (#ffffff),
   'ds-advanced-color-boolean-istrue-inverse-hover': (rgba(255, 255, 255, 0.7)),
+  'ds-advanced-color-dropdown-emphasized-background': (#e2e8ee),
+  'ds-advanced-color-dropdown-emphasized-background-hover': (#c7d6e5),
   'ds-advanced-color-flightline-indicator': (#faf9f5),
   'ds-advanced-color-flightline-line': (#faf9f5),
   'ds-advanced-color-hyperlink-text': (#003761),

package/dist/themes/auro-2/primitives--auro2.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 04 Aug 2025 20:38:24 GMT
+// Generated on Tue, 05 Aug 2025 23:42:01 GMT
 
 $a2-type-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 $a2-type-family-fallback-serif: Georgia, serif;

package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Aug 2025 20:38:24 GMT
+ * Generated on Tue, 05 Aug 2025 23:42:01 GMT
  */
 
 :root {
@@ -85,6 +85,8 @@
   --ds-advanced-color-boolean-istrue-hover: #31295c;
   --ds-advanced-color-boolean-istrue-inverse: #ffffff;
   --ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
+  --ds-advanced-color-dropdown-emphasized-background: #edeaf4;
+  --ds-advanced-color-dropdown-emphasized-background-hover: #ccc5e0;
   --ds-advanced-color-flightline-indicator: #463c8f;
   --ds-advanced-color-flightline-line: #d0d0d0;
   --ds-advanced-color-hyperlink-text: #463c8f;

package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.min.css

@@ -1 +1 @@
-:root{--ds-advanced-color-button-flat-text:#676767;--ds-advanced-color-button-flat-text-disabled:#d0d0d0;--ds-advanced-color-button-flat-text-hover:#525252;--ds-advanced-color-button-flat-text-inverse:#fff;--ds-advanced-color-button-flat-text-inverse-disabled:#7e8894;--ds-advanced-color-button-flat-text-inverse-hover:#adadad;--ds-advanced-color-button-ghost-background-hover:rgba(0,0,0,.05);--ds-advanced-color-button-ghost-background-inverse-hover:hsla(0,0%,100%,.05);--ds-advanced-color-button-ghost-text:#463c8f;--ds-advanced-color-button-ghost-text-disabled:#d0d0d0;--ds-advanced-color-button-ghost-text-inverse:#fff;--ds-advanced-color-button-ghost-text-inverse-disabled:#7e8894;--ds-advanced-color-button-primary-background:#463c8f;--ds-advanced-color-button-primary-background-disabled:#aca1cc;--ds-advanced-color-button-primary-background-hover:#31295c;--ds-advanced-color-button-primary-background-inactive:#ccc5e0;--ds-advanced-color-button-primary-background-inactive-hover:#8c7eb8;--ds-advanced-color-button-primary-background-inverse:#fff;--ds-advanced-color-button-primary-background-inverse-disabled:hsla(0,0%,100%,.75);--ds-advanced-color-button-primary-background-inverse-hover:#edeaf4;--ds-advanced-color-button-primary-border:#463c8f;--ds-advanced-color-button-primary-border-disabled:#aca1cc;--ds-advanced-color-button-primary-border-hover:#31295c;--ds-advanced-color-button-primary-border-inverse:#fff;--ds-advanced-color-button-primary-border-inverse-disabled:hsla(0,0%,100%,.75);--ds-advanced-color-button-primary-border-inverse-hover:#edeaf4;--ds-advanced-color-button-primary-text:#fff;--ds-advanced-color-button-primary-text-disabled:#fff;--ds-advanced-color-button-primary-text-inverse:#463c8f;--ds-advanced-color-button-secondary-background:#fff;--ds-advanced-color-button-secondary-background-disabled:#f7f7f7;--ds-advanced-color-button-secondary-background-hover:#f2f2f2;--ds-advanced-color-button-secondary-background-inverse-hover:rgba(0,0,0,.05);--ds-advanced-color-button-secondary-border:#d0d0d0;--ds-advanced-color-button-secondary-border-hover:#d0d0d0;--ds-advanced-color-button-secondary-border-disabled:#d0d0d0;--ds-advanced-color-button-secondary-border-inverse:#fff;--ds-advanced-color-button-secondary-border-inverse-disabled:#ddd;--ds-advanced-color-button-secondary-text:#463c8f;--ds-advanced-color-button-secondary-text-hover:#31295c;--ds-advanced-color-button-secondary-text-inverse:#fff;--ds-advanced-color-button-tertiary-background:rgba(0,0,0,.05);--ds-advanced-color-button-tertiary-background-hover:rgba(0,0,0,.1);--ds-advanced-color-button-tertiary-background-inverse:hsla(0,0%,100%,.05);--ds-advanced-color-button-tertiary-background-inverse-hover:hsla(0,0%,100%,.1);--ds-advanced-color-button-tertiary-text:#463c8f;--ds-advanced-color-button-tertiary-text-hover:#31295c;--ds-advanced-color-button-tertiary-text-inverse:#fff;--ds-advanced-color-accents-accent1:#8ec891;--ds-advanced-color-accents-accent1-bold:#5db060;--ds-advanced-color-accents-accent1-muted:#d2e9d4;--ds-advanced-color-accents-accent2:#edb97d;--ds-advanced-color-accents-accent2-bold:#e39131;--ds-advanced-color-accents-accent2-muted:#f6dbbc;--ds-advanced-color-accents-accent3:#ccc5e0;--ds-advanced-color-accents-accent3-bold:#463c8f;--ds-advanced-color-accents-accent3-muted:#ccc5e0;--ds-advanced-color-accents-accent4:#a8d6df;--ds-advanced-color-accents-accent4-bold:#00a5ba;--ds-advanced-color-accents-accent4-muted:#cbe6ec;--ds-advanced-color-accents-transparency:rgba(0,0,0,.1);--ds-advanced-color-accents-transparency-inverse:hsla(0,0%,100%,.2);--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;--ds-advanced-color-boolean-error-inverse:#f9a4a8;--ds-advanced-color-boolean-error-inverse-hover:#f15f65;--ds-advanced-color-boolean-indicator:#fff;--ds-advanced-color-boolean-indicator-inverse:#463c8f;--ds-advanced-color-boolean-isfalse:#fff;--ds-advanced-color-boolean-isfalse-border:#adadad;--ds-advanced-color-boolean-isfalse-border-inverse:#fff;--ds-advanced-color-boolean-isfalse-hover:#f2f2f2;--ds-advanced-color-boolean-isfalse-inverse:hsla(0,0%,100%,.15);--ds-advanced-color-boolean-isfalse-inverse-hover:hsla(0,0%,100%,.2);--ds-advanced-color-boolean-istrue:#463c8f;--ds-advanced-color-boolean-istrue-hover:#31295c;--ds-advanced-color-boolean-istrue-inverse:#fff;--ds-advanced-color-boolean-istrue-inverse-hover:hsla(0,0%,100%,.7);--ds-advanced-color-flightline-indicator:#463c8f;--ds-advanced-color-flightline-line:#d0d0d0;--ds-advanced-color-hyperlink-text:#463c8f;--ds-advanced-color-hyperlink-text-hover:#31295c;--ds-advanced-color-hyperlink-text-inverse:#fff;--ds-advanced-color-hyperlink-text-inverse-hover:#fff;--ds-advanced-color-shared-background:#fff;--ds-advanced-color-shared-background-inverse:hsla(0,0%,100%,.15);--ds-advanced-color-shared-background-inverse-disabled:hsla(0,0%,100%,.1);--ds-advanced-color-shared-background-inverse-hover:hsla(0,0%,100%,.2);--ds-advanced-color-shared-background-muted:#f7f7f7;--ds-advanced-color-shared-background-strong:#7e7e7e;--ds-advanced-color-shared-emphasized-background:#edeaf4;--ds-advanced-color-shared-emphasized-background-hover:#ccc5e0;--ds-advanced-color-shared-scrim:rgba(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:#ddd;--ds-advanced-color-state-background-hover:#f2f2f2;--ds-advanced-color-state-background-inverse-disabled:#7e8894;--ds-advanced-color-state-error-inverse:#f9a4a8;--ds-advanced-color-state-focused:#463c8f;--ds-advanced-color-state-focused-inverse:#fff;--ds-advanced-color-state-selected:#463c8f;--ds-advanced-color-state-selected-hover:#31295c;--ds-basic-color-border-bold:#adadad;--ds-basic-color-border-brand:#463c8f;--ds-basic-color-border-default:#d0d0d0;--ds-basic-color-border-divider:rgba(0,0,0,.15);--ds-basic-color-border-divider-inverse:hsla(0,0%,100%,.4);--ds-basic-color-border-inverse:#fff;--ds-basic-color-border-subtle:#ddd;--ds-basic-color-brand-primary:#463c8f;--ds-basic-color-brand-primary-bold:#31295c;--ds-basic-color-brand-primary-muted:#edeaf4;--ds-basic-color-brand-primary-subtle:#8c7eb8;--ds-basic-color-brand-secondary:#ce0c88;--ds-basic-color-brand-secondary-bold:#831a57;--ds-basic-color-brand-secondary-muted:#fdf1f8;--ds-basic-color-brand-secondary-subtle:#e26db8;--ds-basic-color-brand-tertiary:#ee453d;--ds-basic-color-brand-tertiary-bold:#97322a;--ds-basic-color-brand-tertiary-muted:#ffeeea;--ds-basic-color-brand-tertiary-subtle:#ff9080;--ds-basic-color-fare-basiceconomy:#d0d0d0;--ds-basic-color-fare-business:#463c8f;--ds-basic-color-fare-economy:#ce0c88;--ds-basic-color-fare-first:#463c8f;--ds-basic-color-fare-premiumeconomy:#1b6976;--ds-basic-color-page-background-default:#fff;--ds-basic-color-page-background-utility:#fff;--ds-basic-color-status-default:#afb9c6;--ds-basic-color-status-error:#e53339;--ds-basic-color-status-error-subtle:#fbc6c6;--ds-basic-color-status-info:#007db1;--ds-basic-color-status-info-subtle:#e8f2f8;--ds-basic-color-status-success:#529325;--ds-basic-color-status-success-subtle:#d6eac7;--ds-basic-color-status-warning:#fac200;--ds-basic-color-status-warning-subtle:#fff0b2;--ds-basic-color-surface-accent1:#aca1cc;--ds-basic-color-surface-accent1-muted:#edeaf4;--ds-basic-color-surface-accent1-subtle:#aca1cc;--ds-basic-color-surface-accent2:#f7f7f7;--ds-basic-color-surface-accent2-muted:#f7f7f7;--ds-basic-color-surface-default:#fff;--ds-basic-color-surface-inverse:#463c8f;--ds-basic-color-surface-inverse-subtle:#8c7eb8;--ds-basic-color-surface-neutral-medium:#ddd;--ds-basic-color-surface-neutral-subtle:#f7f7f7;--ds-basic-color-texticon-accent1:#463c8f;--ds-basic-color-texticon-default:#000;--ds-basic-color-texticon-disabled:#d0d0d0;--ds-basic-color-texticon-inverse:#fff;--ds-basic-color-texticon-inverse-disabled:#7e8894;--ds-basic-color-texticon-inverse-muted:#ccd2db;--ds-basic-color-texticon-muted:#3d3d3d;--ds-basic-color-tier-program-loungetier-lounge:#01426a;--ds-basic-color-tier-program-loungetier-loungeplus:#53b390;--ds-basic-color-tier-program-loyaltytier-bronze:#d99f6d;--ds-basic-color-tier-program-loyaltytier-bronze-muted:#eed4be;--ds-basic-color-tier-program-loyaltytier-cobalt:#030772;--ds-basic-color-tier-program-loyaltytier-cobalt-muted:#a9b6d6;--ds-basic-color-tier-program-loyaltytier-copper:#cb7457;--ds-basic-color-tier-program-loyaltytier-copper-muted:#e7bfb1;--ds-basic-color-tier-program-loyaltytier-gold:#fbdc7a;--ds-basic-color-tier-program-loyaltytier-gold-muted:#fdefc4;--ds-basic-color-tier-program-loyaltytier-nickel:#abaab1;--ds-basic-color-tier-program-loyaltytier-nickel-muted:#e5e4e7;--ds-basic-color-tier-program-loyaltytier-platinum:#bcb8a4;--ds-basic-color-tier-program-loyaltytier-platinum-muted:#dad8cd;--ds-basic-color-tier-program-loyaltytier-silver:#e4e9ec;--ds-basic-color-tier-program-loyaltytier-silver-muted:#f9fafb;--ds-basic-color-tier-program-loyaltytier-titanium:#282828;--ds-basic-color-tier-program-loyaltytier-titanium-muted:#545454;--ds-basic-color-tier-program-oneworld-emerald:#139142;--ds-basic-color-tier-program-oneworld-ruby:#a41d4a;--ds-basic-color-tier-program-oneworld-sapphire:#015daa;--ds-basic-type-brand-family-primary:"Slate Pro";--ds-basic-type-brand-family-secondary:"Chronicle Display";--ds-basic-type-brand-line-height-primary:1.3;--ds-basic-type-brand-line-height-secondary:1;--ds-basic-type-brand-letter-spacing-primary:0;--ds-basic-type-brand-letter-spacing-secondary:0.05em;--ds-basic-type-brand-letter-spacing-tertiary:0.10em;--ds-basic-type-family-accent:"Slate Pro";--ds-basic-type-family-accent-fallback:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ds-basic-type-family-body:"Slate Pro";--ds-basic-type-family-body-fallback:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ds-basic-type-family-display:"Chronicle Display";--ds-basic-type-family-display-fallback:Georgia,serif;--ds-basic-type-family-heading:"Slate Pro";--ds-basic-type-family-heading-fallback:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ds-basic-type-letter-spacing-accent:0.05em;--ds-basic-type-letter-spacing-accent2:0.10em;--ds-basic-type-letter-spacing-body:0;--ds-basic-type-letter-spacing-display:0;--ds-basic-type-letter-spacing-heading:0;--ds-basic-type-line-height-accent:1.3;--ds-basic-type-line-height-accent2:1;--ds-basic-type-line-height-body:1.625rem;--ds-basic-type-line-height-body2:1.5rem;--ds-basic-type-line-height-body3:1.25rem;--ds-basic-type-line-height-body4:1rem;--ds-basic-type-line-height-body5:0.875rem;--ds-basic-type-line-height-display:1.3;--ds-basic-type-line-height-heading:1.3;--ds-basic-type-weight-accent:400;--ds-basic-type-weight-accent2:500;--ds-basic-type-weight-body:400;--ds-basic-type-weight-display:600;--ds-basic-type-weight-heading:400;--ds-basic-type-weight-heading2:500}
+:root{--ds-advanced-color-button-flat-text:#676767;--ds-advanced-color-button-flat-text-disabled:#d0d0d0;--ds-advanced-color-button-flat-text-hover:#525252;--ds-advanced-color-button-flat-text-inverse:#fff;--ds-advanced-color-button-flat-text-inverse-disabled:#7e8894;--ds-advanced-color-button-flat-text-inverse-hover:#adadad;--ds-advanced-color-button-ghost-background-hover:rgba(0,0,0,.05);--ds-advanced-color-button-ghost-background-inverse-hover:hsla(0,0%,100%,.05);--ds-advanced-color-button-ghost-text:#463c8f;--ds-advanced-color-button-ghost-text-disabled:#d0d0d0;--ds-advanced-color-button-ghost-text-inverse:#fff;--ds-advanced-color-button-ghost-text-inverse-disabled:#7e8894;--ds-advanced-color-button-primary-background:#463c8f;--ds-advanced-color-button-primary-background-disabled:#aca1cc;--ds-advanced-color-button-primary-background-hover:#31295c;--ds-advanced-color-button-primary-background-inactive:#ccc5e0;--ds-advanced-color-button-primary-background-inactive-hover:#8c7eb8;--ds-advanced-color-button-primary-background-inverse:#fff;--ds-advanced-color-button-primary-background-inverse-disabled:hsla(0,0%,100%,.75);--ds-advanced-color-button-primary-background-inverse-hover:#edeaf4;--ds-advanced-color-button-primary-border:#463c8f;--ds-advanced-color-button-primary-border-disabled:#aca1cc;--ds-advanced-color-button-primary-border-hover:#31295c;--ds-advanced-color-button-primary-border-inverse:#fff;--ds-advanced-color-button-primary-border-inverse-disabled:hsla(0,0%,100%,.75);--ds-advanced-color-button-primary-border-inverse-hover:#edeaf4;--ds-advanced-color-button-primary-text:#fff;--ds-advanced-color-button-primary-text-disabled:#fff;--ds-advanced-color-button-primary-text-inverse:#463c8f;--ds-advanced-color-button-secondary-background:#fff;--ds-advanced-color-button-secondary-background-disabled:#f7f7f7;--ds-advanced-color-button-secondary-background-hover:#f2f2f2;--ds-advanced-color-button-secondary-background-inverse-hover:rgba(0,0,0,.05);--ds-advanced-color-button-secondary-border:#d0d0d0;--ds-advanced-color-button-secondary-border-hover:#d0d0d0;--ds-advanced-color-button-secondary-border-disabled:#d0d0d0;--ds-advanced-color-button-secondary-border-inverse:#fff;--ds-advanced-color-button-secondary-border-inverse-disabled:#ddd;--ds-advanced-color-button-secondary-text:#463c8f;--ds-advanced-color-button-secondary-text-hover:#31295c;--ds-advanced-color-button-secondary-text-inverse:#fff;--ds-advanced-color-button-tertiary-background:rgba(0,0,0,.05);--ds-advanced-color-button-tertiary-background-hover:rgba(0,0,0,.1);--ds-advanced-color-button-tertiary-background-inverse:hsla(0,0%,100%,.05);--ds-advanced-color-button-tertiary-background-inverse-hover:hsla(0,0%,100%,.1);--ds-advanced-color-button-tertiary-text:#463c8f;--ds-advanced-color-button-tertiary-text-hover:#31295c;--ds-advanced-color-button-tertiary-text-inverse:#fff;--ds-advanced-color-accents-accent1:#8ec891;--ds-advanced-color-accents-accent1-bold:#5db060;--ds-advanced-color-accents-accent1-muted:#d2e9d4;--ds-advanced-color-accents-accent2:#edb97d;--ds-advanced-color-accents-accent2-bold:#e39131;--ds-advanced-color-accents-accent2-muted:#f6dbbc;--ds-advanced-color-accents-accent3:#ccc5e0;--ds-advanced-color-accents-accent3-bold:#463c8f;--ds-advanced-color-accents-accent3-muted:#ccc5e0;--ds-advanced-color-accents-accent4:#a8d6df;--ds-advanced-color-accents-accent4-bold:#00a5ba;--ds-advanced-color-accents-accent4-muted:#cbe6ec;--ds-advanced-color-accents-transparency:rgba(0,0,0,.1);--ds-advanced-color-accents-transparency-inverse:hsla(0,0%,100%,.2);--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;--ds-advanced-color-boolean-error-inverse:#f9a4a8;--ds-advanced-color-boolean-error-inverse-hover:#f15f65;--ds-advanced-color-boolean-indicator:#fff;--ds-advanced-color-boolean-indicator-inverse:#463c8f;--ds-advanced-color-boolean-isfalse:#fff;--ds-advanced-color-boolean-isfalse-border:#adadad;--ds-advanced-color-boolean-isfalse-border-inverse:#fff;--ds-advanced-color-boolean-isfalse-hover:#f2f2f2;--ds-advanced-color-boolean-isfalse-inverse:hsla(0,0%,100%,.15);--ds-advanced-color-boolean-isfalse-inverse-hover:hsla(0,0%,100%,.2);--ds-advanced-color-boolean-istrue:#463c8f;--ds-advanced-color-boolean-istrue-hover:#31295c;--ds-advanced-color-boolean-istrue-inverse:#fff;--ds-advanced-color-boolean-istrue-inverse-hover:hsla(0,0%,100%,.7);--ds-advanced-color-dropdown-emphasized-background:#edeaf4;--ds-advanced-color-dropdown-emphasized-background-hover:#ccc5e0;--ds-advanced-color-flightline-indicator:#463c8f;--ds-advanced-color-flightline-line:#d0d0d0;--ds-advanced-color-hyperlink-text:#463c8f;--ds-advanced-color-hyperlink-text-hover:#31295c;--ds-advanced-color-hyperlink-text-inverse:#fff;--ds-advanced-color-hyperlink-text-inverse-hover:#fff;--ds-advanced-color-shared-background:#fff;--ds-advanced-color-shared-background-inverse:hsla(0,0%,100%,.15);--ds-advanced-color-shared-background-inverse-disabled:hsla(0,0%,100%,.1);--ds-advanced-color-shared-background-inverse-hover:hsla(0,0%,100%,.2);--ds-advanced-color-shared-background-muted:#f7f7f7;--ds-advanced-color-shared-background-strong:#7e7e7e;--ds-advanced-color-shared-emphasized-background:#edeaf4;--ds-advanced-color-shared-emphasized-background-hover:#ccc5e0;--ds-advanced-color-shared-scrim:rgba(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:#ddd;--ds-advanced-color-state-background-hover:#f2f2f2;--ds-advanced-color-state-background-inverse-disabled:#7e8894;--ds-advanced-color-state-error-inverse:#f9a4a8;--ds-advanced-color-state-focused:#463c8f;--ds-advanced-color-state-focused-inverse:#fff;--ds-advanced-color-state-selected:#463c8f;--ds-advanced-color-state-selected-hover:#31295c;--ds-basic-color-border-bold:#adadad;--ds-basic-color-border-brand:#463c8f;--ds-basic-color-border-default:#d0d0d0;--ds-basic-color-border-divider:rgba(0,0,0,.15);--ds-basic-color-border-divider-inverse:hsla(0,0%,100%,.4);--ds-basic-color-border-inverse:#fff;--ds-basic-color-border-subtle:#ddd;--ds-basic-color-brand-primary:#463c8f;--ds-basic-color-brand-primary-bold:#31295c;--ds-basic-color-brand-primary-muted:#edeaf4;--ds-basic-color-brand-primary-subtle:#8c7eb8;--ds-basic-color-brand-secondary:#ce0c88;--ds-basic-color-brand-secondary-bold:#831a57;--ds-basic-color-brand-secondary-muted:#fdf1f8;--ds-basic-color-brand-secondary-subtle:#e26db8;--ds-basic-color-brand-tertiary:#ee453d;--ds-basic-color-brand-tertiary-bold:#97322a;--ds-basic-color-brand-tertiary-muted:#ffeeea;--ds-basic-color-brand-tertiary-subtle:#ff9080;--ds-basic-color-fare-basiceconomy:#d0d0d0;--ds-basic-color-fare-business:#463c8f;--ds-basic-color-fare-economy:#ce0c88;--ds-basic-color-fare-first:#463c8f;--ds-basic-color-fare-premiumeconomy:#1b6976;--ds-basic-color-page-background-default:#fff;--ds-basic-color-page-background-utility:#fff;--ds-basic-color-status-default:#afb9c6;--ds-basic-color-status-error:#e53339;--ds-basic-color-status-error-subtle:#fbc6c6;--ds-basic-color-status-info:#007db1;--ds-basic-color-status-info-subtle:#e8f2f8;--ds-basic-color-status-success:#529325;--ds-basic-color-status-success-subtle:#d6eac7;--ds-basic-color-status-warning:#fac200;--ds-basic-color-status-warning-subtle:#fff0b2;--ds-basic-color-surface-accent1:#aca1cc;--ds-basic-color-surface-accent1-muted:#edeaf4;--ds-basic-color-surface-accent1-subtle:#aca1cc;--ds-basic-color-surface-accent2:#f7f7f7;--ds-basic-color-surface-accent2-muted:#f7f7f7;--ds-basic-color-surface-default:#fff;--ds-basic-color-surface-inverse:#463c8f;--ds-basic-color-surface-inverse-subtle:#8c7eb8;--ds-basic-color-surface-neutral-medium:#ddd;--ds-basic-color-surface-neutral-subtle:#f7f7f7;--ds-basic-color-texticon-accent1:#463c8f;--ds-basic-color-texticon-default:#000;--ds-basic-color-texticon-disabled:#d0d0d0;--ds-basic-color-texticon-inverse:#fff;--ds-basic-color-texticon-inverse-disabled:#7e8894;--ds-basic-color-texticon-inverse-muted:#ccd2db;--ds-basic-color-texticon-muted:#3d3d3d;--ds-basic-color-tier-program-loungetier-lounge:#01426a;--ds-basic-color-tier-program-loungetier-loungeplus:#53b390;--ds-basic-color-tier-program-loyaltytier-bronze:#d99f6d;--ds-basic-color-tier-program-loyaltytier-bronze-muted:#eed4be;--ds-basic-color-tier-program-loyaltytier-cobalt:#030772;--ds-basic-color-tier-program-loyaltytier-cobalt-muted:#a9b6d6;--ds-basic-color-tier-program-loyaltytier-copper:#cb7457;--ds-basic-color-tier-program-loyaltytier-copper-muted:#e7bfb1;--ds-basic-color-tier-program-loyaltytier-gold:#fbdc7a;--ds-basic-color-tier-program-loyaltytier-gold-muted:#fdefc4;--ds-basic-color-tier-program-loyaltytier-nickel:#abaab1;--ds-basic-color-tier-program-loyaltytier-nickel-muted:#e5e4e7;--ds-basic-color-tier-program-loyaltytier-platinum:#bcb8a4;--ds-basic-color-tier-program-loyaltytier-platinum-muted:#dad8cd;--ds-basic-color-tier-program-loyaltytier-silver:#e4e9ec;--ds-basic-color-tier-program-loyaltytier-silver-muted:#f9fafb;--ds-basic-color-tier-program-loyaltytier-titanium:#282828;--ds-basic-color-tier-program-loyaltytier-titanium-muted:#545454;--ds-basic-color-tier-program-oneworld-emerald:#139142;--ds-basic-color-tier-program-oneworld-ruby:#a41d4a;--ds-basic-color-tier-program-oneworld-sapphire:#015daa;--ds-basic-type-brand-family-primary:"Slate Pro";--ds-basic-type-brand-family-secondary:"Chronicle Display";--ds-basic-type-brand-line-height-primary:1.3;--ds-basic-type-brand-line-height-secondary:1;--ds-basic-type-brand-letter-spacing-primary:0;--ds-basic-type-brand-letter-spacing-secondary:0.05em;--ds-basic-type-brand-letter-spacing-tertiary:0.10em;--ds-basic-type-family-accent:"Slate Pro";--ds-basic-type-family-accent-fallback:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ds-basic-type-family-body:"Slate Pro";--ds-basic-type-family-body-fallback:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ds-basic-type-family-display:"Chronicle Display";--ds-basic-type-family-display-fallback:Georgia,serif;--ds-basic-type-family-heading:"Slate Pro";--ds-basic-type-family-heading-fallback:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ds-basic-type-letter-spacing-accent:0.05em;--ds-basic-type-letter-spacing-accent2:0.10em;--ds-basic-type-letter-spacing-body:0;--ds-basic-type-letter-spacing-display:0;--ds-basic-type-letter-spacing-heading:0;--ds-basic-type-line-height-accent:1.3;--ds-basic-type-line-height-accent2:1;--ds-basic-type-line-height-body:1.625rem;--ds-basic-type-line-height-body2:1.5rem;--ds-basic-type-line-height-body3:1.25rem;--ds-basic-type-line-height-body4:1rem;--ds-basic-type-line-height-body5:0.875rem;--ds-basic-type-line-height-display:1.3;--ds-basic-type-line-height-heading:1.3;--ds-basic-type-weight-accent:400;--ds-basic-type-weight-accent2:500;--ds-basic-type-weight-body:400;--ds-basic-type-weight-display:600;--ds-basic-type-weight-heading:400;--ds-basic-type-weight-heading2:500}

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

@@ -155,6 +155,10 @@
         "istrueInverse": "#ffffff",
         "istrueInverseHover": "rgba(255, 255, 255, 0.7)"
       },
+      "dropdownEmphasized": {
+        "background": "#edeaf4",
+        "backgroundHover": "#ccc5e0"
+      },
       "flightline": {
         "indicator": "#463c8f",
         "line": "#d0d0d0"

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 04 Aug 2025 20:38:24 GMT
+ * Generated on Tue, 05 Aug 2025 23:42:02 GMT
  */
 
 module.exports = {
@@ -3474,6 +3474,66 @@ module.exports = {
           ]
         }
       },
+      "dropdownEmphasized": {
+        "background": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "#edeaf4",
+          "filePath": "src/themes/hawaiian/advanced/color/dropdown.json",
+          "isSource": false,
+          "original": {
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Background color for the dropdown component",
+            "value": "{color.royalpurple.100.value}"
+          },
+          "name": "ds-advanced-color-dropdown-emphasized-background",
+          "attributes": {
+            "category": "advanced",
+            "type": "color",
+            "item": "dropdownEmphasized",
+            "subitem": "background"
+          },
+          "path": [
+            "advanced",
+            "color",
+            "dropdownEmphasized",
+            "background"
+          ]
+        },
+        "backgroundHover": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "#ccc5e0",
+          "filePath": "src/themes/hawaiian/advanced/color/dropdown.json",
+          "isSource": false,
+          "original": {
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Background color for the dropdown component",
+            "value": "{color.royalpurple.200.value}"
+          },
+          "name": "ds-advanced-color-dropdown-emphasized-background-hover",
+          "attributes": {
+            "category": "advanced",
+            "type": "color",
+            "item": "dropdownEmphasized",
+            "subitem": "backgroundHover"
+          },
+          "path": [
+            "advanced",
+            "color",
+            "dropdownEmphasized",
+            "backgroundHover"
+          ]
+        }
+      },
       "flightline": {
         "indicator": {
           "deprecated": false,

package/dist/themes/hawaiian/SCSSVariables--hawaiian.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 04 Aug 2025 20:38:24 GMT
+// Generated on Tue, 05 Aug 2025 23:42:01 GMT
 
 $ds-type-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 $ds-type-family-fallback-serif: Georgia, serif;
@@ -122,6 +122,8 @@ $ds-advanced-color-boolean-istrue: #463c8f;
 $ds-advanced-color-boolean-istrue-hover: #31295c;
 $ds-advanced-color-boolean-istrue-inverse: #ffffff;
 $ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
+$ds-advanced-color-dropdown-emphasized-background: #edeaf4;
+$ds-advanced-color-dropdown-emphasized-background-hover: #ccc5e0;
 $ds-advanced-color-flightline-indicator: #463c8f;
 $ds-advanced-color-flightline-line: #d0d0d0;
 $ds-advanced-color-hyperlink-text: #463c8f;

package/dist/themes/hawaiian/SCSSVariablesMapFlat--hawaiian.scss

@@ -1,7 +1,7 @@
 
 /*
   Do not edit directly
-  Generated on Mon, 04 Aug 2025 20:38:24 GMT
+  Generated on Tue, 05 Aug 2025 23:42:01 GMT
 */
 
 $auroTokens: (
@@ -125,6 +125,8 @@ $auroTokens: (
   'ds-advanced-color-boolean-istrue-hover': (#31295c),
   'ds-advanced-color-boolean-istrue-inverse': (#ffffff),
   'ds-advanced-color-boolean-istrue-inverse-hover': (rgba(255, 255, 255, 0.7)),
+  'ds-advanced-color-dropdown-emphasized-background': (#edeaf4),
+  'ds-advanced-color-dropdown-emphasized-background-hover': (#ccc5e0),
   'ds-advanced-color-flightline-indicator': (#463c8f),
   'ds-advanced-color-flightline-line': (#d0d0d0),
   'ds-advanced-color-hyperlink-text': (#463c8f),

package/dist/themes/hawaiian/primitives--hawaiian.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 04 Aug 2025 20:38:24 GMT
+// Generated on Tue, 05 Aug 2025 23:42:01 GMT
 
 $ha-type-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 $ha-type-family-fallback-serif: Georgia, serif;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem/design-tokens",
-  "version": "8.3.1",
+  "version": "8.4.0",
   "description": "Alaska Air Auro Design System token repository",
   "homepage": "https://github.com/AlaskaAirlines/DesignTokens",
   "author": "Alaska Airlines Product design and engineering",

package/src/themes/alaska/advanced/color/dropdown.json

@@ -0,0 +1,22 @@
+{
+  "advanced": {
+    "color": {
+      "dropdownEmphasized": {
+        "background": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "#00274A1a"
+        },
+        "backgroundHover": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "#00274A33"
+        }
+      }
+    }
+  }
+}

package/src/themes/alaska/basic/color/page-background.json

@@ -7,7 +7,7 @@
           "public": true,
           "type": "semantic",
           "usage": "Primary brand color",
-          "value": "{basic.color.brand.secondaryMuted.value}"
+          "value": "{color.white.value}"
         },
         "utility": {
           "deprecated": false,

package/src/themes/alaska-classic/advanced/color/dropdown.json

@@ -0,0 +1,22 @@
+{
+  "advanced": {
+    "color": {
+      "dropdownEmphasized": {
+        "background": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "#00274A1a"
+        },
+        "backgroundHover": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "#00274A33"
+        }
+      }
+    }
+  }
+}

package/src/themes/auro-1/advanced/color/dropdown.json

@@ -0,0 +1,22 @@
+{
+  "advanced": {
+    "color": {
+      "dropdownEmphasized": {
+        "background": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "{color.maris.200.value}"
+        },
+        "backgroundHover": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "{color.maris.300.value}"
+        }
+      }
+    }
+  }
+}

package/src/themes/auro-2/advanced/color/dropdown.json

@@ -0,0 +1,22 @@
+{
+  "advanced": {
+    "color": {
+      "dropdownEmphasized": {
+        "background": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "{color.maris.200.value}"
+        },
+        "backgroundHover": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "{color.maris.300.value}"
+        }
+      }
+    }
+  }
+}

package/src/themes/hawaiian/advanced/color/dropdown.json

@@ -0,0 +1,22 @@
+{
+  "advanced": {
+    "color": {
+      "dropdownEmphasized": {
+        "background": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "{color.royalpurple.100.value}"
+        },
+        "backgroundHover": {
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Background color for the dropdown component",
+          "value": "{color.royalpurple.200.value}"
+        }
+      }
+    }
+  }
+}