@aurodesignsystem/design-tokens 5.6.1 → 5.8.0

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

@@ -1,44 +1,45 @@
 
 // Do not edit directly
-// Generated on Mon, 07 Apr 2025 21:40:32 GMT
+// Generated on Wed, 09 Apr 2025 18:34:55 GMT
 
+$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: #ffffff;
+$ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
+$ds-advanced-color-button-flat-text-inverse-hover: #adadad;
 $ds-advanced-color-button-primary-background: #463c8f;
-$ds-advanced-color-button-primary-background-active: #31295c;
 $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: #ffffff;
-$ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
+$ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.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: #ffffff;
-$ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
+$ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);
 $ds-advanced-color-button-primary-border-inverse-hover: #edeaf4;
 $ds-advanced-color-button-primary-text: #ffffff;
 $ds-advanced-color-button-primary-text-inverse: #463c8f;
 $ds-advanced-color-button-secondary-background: #ffffff;
 $ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
 $ds-advanced-color-button-secondary-background-hover: #f2f2f2;
-$ds-advanced-color-button-secondary-background-inverse-hover: #0000000d;
+$ds-advanced-color-button-secondary-background-inverse-hover: rgba(0, 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-hover-disabled: #f7f7f7;
+$ds-advanced-color-button-secondary-border-disabled: #d0d0d0;
 $ds-advanced-color-button-secondary-border-inverse: #ffffff;
 $ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
 $ds-advanced-color-button-secondary-text: #463c8f;
 $ds-advanced-color-button-secondary-text-hover: #31295c;
 $ds-advanced-color-button-secondary-text-inverse: #ffffff;
-$ds-advanced-color-button-tertiary-background: #0000000d;
-$ds-advanced-color-button-tertiary-background-hover: #0000001a;
-$ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
-$ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
-$ds-advanced-color-button-tertiary-border: #0000000d;
-$ds-advanced-color-button-tertiary-border-hover: #0000001a;
-$ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
-$ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
+$ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);
+$ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);
+$ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);
+$ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);
 $ds-advanced-color-button-tertiary-text: #463c8f;
 $ds-advanced-color-button-tertiary-text-hover: #31295c;
 $ds-advanced-color-button-tertiary-text-inverse: #ffffff;
@@ -65,24 +66,24 @@ $ds-advanced-color-boolean-isfalse: #ffffff;
 $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: #ffffff0d;
+$ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
 $ds-advanced-color-boolean-isfalse-inverse-hover: #f2f2f2;
 $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: #ffffffb2;
+$ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
 $ds-advanced-color-hyperlink-text: #463c8f;
 $ds-advanced-color-hyperlink-text-hover: #31295c;
 $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: #ffffff0d;
+$ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
 $ds-advanced-color-shared-background-muted: #f7f7f7;
 $ds-advanced-color-shared-background-strong: #7e7e7e;
 $ds-advanced-color-shared-text-accent: #463c8f;
 $ds-advanced-color-state-background-disabled: #dddddd;
 $ds-advanced-color-state-background-hover: #f2f2f2;
-$ds-advanced-color-state-background-inverse-hover: #ffffff1a;
+$ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
 $ds-advanced-color-state-error-inverse: #f9a4a8;
 $ds-advanced-color-state-focused: #463c8f;
 $ds-advanced-color-state-focused-inverse: #ffffff;
@@ -91,8 +92,8 @@ $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: #00000026;
-$ds-basic-color-border-divider-inverse: #ffffff66;
+$ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
+$ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
 $ds-basic-color-border-inverse: #ffffff;
 $ds-basic-color-border-subtle: #dddddd;
 $ds-basic-color-brand-primary: #463c8f;
@@ -141,6 +142,8 @@ $ds-basic-color-texticon-default: #000000;
 $ds-basic-color-texticon-disabled: #d0d0d0;
 $ds-basic-color-texticon-disabled-inverse: #7e8894;
 $ds-basic-color-texticon-inverse: #ffffff;
+$ds-basic-color-texticon-inverse-disabled: #7e8894;
+$ds-basic-color-texticon-inverse-muted: #ccd2db;
 $ds-basic-color-texticon-muted: #3d3d3d;
 $ds-basic-text-accent-lg-breakpoint-lg-font-family: Slate Pro;
 $ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;

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

@@ -1,47 +1,48 @@
 
 /*
   Do not edit directly
-  Generated on Mon, 07 Apr 2025 21:40:32 GMT
+  Generated on Wed, 09 Apr 2025 18:34:55 GMT
 */
 
 $auroTokens: (
+  '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': (#ffffff),
+  'ds-advanced-color-button-flat-text-inverse-disabled': (#7e8894),
+  'ds-advanced-color-button-flat-text-inverse-hover': (#adadad),
   'ds-advanced-color-button-primary-background': (#463c8f),
-  'ds-advanced-color-button-primary-background-active': (#31295c),
   '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': (#ffffff),
-  'ds-advanced-color-button-primary-background-inverse-disabled': (#ffffffbf),
+  'ds-advanced-color-button-primary-background-inverse-disabled': (rgba(255, 255, 255, 0.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': (#ffffff),
-  'ds-advanced-color-button-primary-border-inverse-disabled': (#ffffffbf),
+  'ds-advanced-color-button-primary-border-inverse-disabled': (rgba(255, 255, 255, 0.75)),
   'ds-advanced-color-button-primary-border-inverse-hover': (#edeaf4),
   'ds-advanced-color-button-primary-text': (#ffffff),
   'ds-advanced-color-button-primary-text-inverse': (#463c8f),
   'ds-advanced-color-button-secondary-background': (#ffffff),
   'ds-advanced-color-button-secondary-background-disabled': (#f7f7f7),
   'ds-advanced-color-button-secondary-background-hover': (#f2f2f2),
-  'ds-advanced-color-button-secondary-background-inverse-hover': (#0000000d),
+  'ds-advanced-color-button-secondary-background-inverse-hover': (rgba(0, 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-hover-disabled': (#f7f7f7),
+  'ds-advanced-color-button-secondary-border-disabled': (#d0d0d0),
   'ds-advanced-color-button-secondary-border-inverse': (#ffffff),
   'ds-advanced-color-button-secondary-border-inverse-disabled': (#dddddd),
   'ds-advanced-color-button-secondary-text': (#463c8f),
   'ds-advanced-color-button-secondary-text-hover': (#31295c),
   'ds-advanced-color-button-secondary-text-inverse': (#ffffff),
-  'ds-advanced-color-button-tertiary-background': (#0000000d),
-  'ds-advanced-color-button-tertiary-background-hover': (#0000001a),
-  'ds-advanced-color-button-tertiary-background-inverse': (#ffffff0d),
-  'ds-advanced-color-button-tertiary-background-inverse-hover': (#ffffffe6),
-  'ds-advanced-color-button-tertiary-border': (#0000000d),
-  'ds-advanced-color-button-tertiary-border-hover': (#0000001a),
-  'ds-advanced-color-button-tertiary-border-inverse': (#ffffff0d),
-  'ds-advanced-color-button-tertiary-border-inverse-hover': (#ffffffe6),
+  'ds-advanced-color-button-tertiary-background': (rgba(0, 0, 0, 0.05)),
+  'ds-advanced-color-button-tertiary-background-hover': (rgba(0, 0, 0, 0.1)),
+  'ds-advanced-color-button-tertiary-background-inverse': (rgba(255, 255, 255, 0.05)),
+  'ds-advanced-color-button-tertiary-background-inverse-hover': (rgba(255, 255, 255, 0.1)),
   'ds-advanced-color-button-tertiary-text': (#463c8f),
   'ds-advanced-color-button-tertiary-text-hover': (#31295c),
   'ds-advanced-color-button-tertiary-text-inverse': (#ffffff),
@@ -68,24 +69,24 @@ $auroTokens: (
   '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': (#ffffff0d),
+  'ds-advanced-color-boolean-isfalse-inverse': (rgba(255, 255, 255, 0.05)),
   'ds-advanced-color-boolean-isfalse-inverse-hover': (#f2f2f2),
   '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': (#ffffffb2),
+  'ds-advanced-color-boolean-istrue-inverse-hover': (rgba(255, 255, 255, 0.7)),
   'ds-advanced-color-hyperlink-text': (#463c8f),
   'ds-advanced-color-hyperlink-text-hover': (#31295c),
   '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': (#ffffff0d),
+  'ds-advanced-color-shared-background-inverse': (rgba(255, 255, 255, 0.05)),
   'ds-advanced-color-shared-background-muted': (#f7f7f7),
   'ds-advanced-color-shared-background-strong': (#7e7e7e),
   'ds-advanced-color-shared-text-accent': (#463c8f),
   'ds-advanced-color-state-background-disabled': (#dddddd),
   'ds-advanced-color-state-background-hover': (#f2f2f2),
-  'ds-advanced-color-state-background-inverse-hover': (#ffffff1a),
+  'ds-advanced-color-state-background-inverse-hover': (rgba(255, 255, 255, 0.15)),
   'ds-advanced-color-state-error-inverse': (#f9a4a8),
   'ds-advanced-color-state-focused': (#463c8f),
   'ds-advanced-color-state-focused-inverse': (#ffffff),
@@ -94,8 +95,8 @@ $auroTokens: (
   'ds-basic-color-border-bold': (#adadad),
   'ds-basic-color-border-brand': (#463c8f),
   'ds-basic-color-border-default': (#d0d0d0),
-  'ds-basic-color-border-divider': (#00000026),
-  'ds-basic-color-border-divider-inverse': (#ffffff66),
+  'ds-basic-color-border-divider': (rgba(0, 0, 0, 0.15)),
+  'ds-basic-color-border-divider-inverse': (rgba(255, 255, 255, 0.4)),
   'ds-basic-color-border-inverse': (#ffffff),
   'ds-basic-color-border-subtle': (#dddddd),
   'ds-basic-color-brand-primary': (#463c8f),
@@ -144,6 +145,8 @@ $auroTokens: (
   'ds-basic-color-texticon-disabled': (#d0d0d0),
   'ds-basic-color-texticon-disabled-inverse': (#7e8894),
   'ds-basic-color-texticon-inverse': (#ffffff),
+  'ds-basic-color-texticon-inverse-disabled': (#7e8894),
+  'ds-basic-color-texticon-inverse-muted': (#ccd2db),
   'ds-basic-color-texticon-muted': (#3d3d3d),
   'ds-basic-text-accent-lg-breakpoint-lg-font-family': (Slate Pro),
   'ds-basic-text-accent-lg-breakpoint-lg-font-size': (28px),

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 07 Apr 2025 21:40:32 GMT
+// Generated on Wed, 09 Apr 2025 18:34:55 GMT
 
 $ha-color-alohapink-100: #fdf1f8;
 $ha-color-alohapink-200: #fad8eb;
@@ -178,29 +178,29 @@ $ha-font-weight-450: Book;
 $ha-font-weight-500: Medium;
 $ha-font-weight-525: Cond Medium;
 $ha-font-weight-600: Semibold;
-$ha-transparency-black-5: #0000000d;
-$ha-transparency-black-10: #0000001a;
-$ha-transparency-black-15: #00000026;
-$ha-transparency-black-20: #00000033;
-$ha-transparency-black-30: #0000004d;
-$ha-transparency-black-40: #00000066;
-$ha-transparency-black-50: #00000080;
-$ha-transparency-black-55: #0000008c;
-$ha-transparency-black-60: #00000099;
-$ha-transparency-black-70: #000000b2;
-$ha-transparency-black-75: #000000bf;
-$ha-transparency-black-80: #000000cc;
-$ha-transparency-black-90: #000000e5;
-$ha-transparency-white-5: #ffffff0d;
-$ha-transparency-white-10: #ffffffe6;
-$ha-transparency-white-15: #ffffff1a;
-$ha-transparency-white-20: #ffffff33;
-$ha-transparency-white-30: #ffffff4d;
-$ha-transparency-white-40: #ffffff66;
-$ha-transparency-white-50: #ffffff80;
-$ha-transparency-white-55: #ffffff8c;
-$ha-transparency-white-60: #ffffff99;
-$ha-transparency-white-70: #ffffffb2;
-$ha-transparency-white-75: #ffffffbf;
-$ha-transparency-white-80: #ffffffcc;
-$ha-transparency-white-90: #ffffffe5;
+$ha-transparency-black-5: rgba(0, 0, 0, 0.05);
+$ha-transparency-black-10: rgba(0, 0, 0, 0.1);
+$ha-transparency-black-15: rgba(0, 0, 0, 0.15);
+$ha-transparency-black-20: rgba(0, 0, 0, 0.2);
+$ha-transparency-black-30: rgba(0, 0, 0, 0.3);
+$ha-transparency-black-40: rgba(0, 0, 0, 0.4);
+$ha-transparency-black-50: rgba(0, 0, 0, 0.5);
+$ha-transparency-black-55: rgba(0, 0, 0, 0.55);
+$ha-transparency-black-60: rgba(0, 0, 0, 0.6);
+$ha-transparency-black-70: rgba(0, 0, 0, 0.7);
+$ha-transparency-black-75: rgba(0, 0, 0, 0.75);
+$ha-transparency-black-80: rgba(0, 0, 0, 0.8);
+$ha-transparency-black-90: rgba(0, 0, 0, 0.9);
+$ha-transparency-white-5: rgba(255, 255, 255, 0.05);
+$ha-transparency-white-10: rgba(255, 255, 255, 0.1);
+$ha-transparency-white-15: rgba(255, 255, 255, 0.15);
+$ha-transparency-white-20: rgba(255, 255, 255, 0.2);
+$ha-transparency-white-30: rgba(255, 255, 255, 0.3);
+$ha-transparency-white-40: rgba(255, 255, 255, 0.4);
+$ha-transparency-white-50: rgba(255, 255, 255, 0.5);
+$ha-transparency-white-55: rgba(255, 255, 255, 0.55);
+$ha-transparency-white-60: rgba(255, 255, 255, 0.6);
+$ha-transparency-white-70: rgba(255, 255, 255, 0.7);
+$ha-transparency-white-75: rgba(255, 255, 255, 0.75);
+$ha-transparency-white-80: rgba(255, 255, 255, 0.8);
+$ha-transparency-white-90: rgba(255, 255, 255, 0.9);

package/dist/transparent/CSSCustomProperties--transparent.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 07 Apr 2025 21:40:32 GMT
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
  */
 
 :root {

package/package.json

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

package/src/primitives/base/transparency.json

@@ -1,189 +1,189 @@
 {
   "transparency": {
     "black": {
-      "10": {
+      "5": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#0000001a"
+        "value": "rgba(0, 0, 0, 0.05)"
       },
-      "15": {
+      "10": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#00000026"
+        "value": "rgba(0, 0, 0, 0.1)"
       },
-      "20": {
+      "15": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#00000033"
+        "value": "rgba(0, 0, 0, 0.15)"
       },
-      "30": {
+      "20": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#0000004d"
+        "value": "rgba(0, 0, 0, 0.2)"
       },
-      "40": {
+      "30": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#00000066"
+        "value": "rgba(0, 0, 0, 0.3)"
       },
-      "5": {
+      "40": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#0000000d"
+        "value": "rgba(0, 0, 0, 0.4)"
       },
       "50": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#00000080"
+        "value": "rgba(0, 0, 0, 0.5)"
       },
       "55": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#0000008c"
+        "value": "rgba(0, 0, 0, 0.55)"
       },
       "60": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#00000099"
+        "value": "rgba(0, 0, 0, 0.6)"
       },
       "70": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#000000b2"
+        "value": "rgba(0, 0, 0, 0.7)"
       },
       "75": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#000000bf"
+        "value": "rgba(0, 0, 0, 0.75)"
       },
       "80": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#000000cc"
+        "value": "rgba(0, 0, 0, 0.8)"
       },
       "90": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#000000e5"
+        "value": "rgba(0, 0, 0, 0.9)"
       }
     },
     "white": {
-      "10": {
+      "5": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffffe6"
+        "value": "rgba(255, 255, 255, 0.05)"
       },
-      "15": {
+      "10": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffff1a"
+        "value": "rgba(255, 255, 255, 0.1)"
       },
-      "20": {
+      "15": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffff33"
+        "value": "rgba(255, 255, 255, 0.15)"
       },
-      "30": {
+      "20": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffff4d"
+        "value": "rgba(255, 255, 255, 0.2)"
       },
-      "40": {
+      "30": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffff66"
+        "value": "rgba(255, 255, 255, 0.3)"
       },
-      "5": {
+      "40": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffff0d"
+        "value": "rgba(255, 255, 255, 0.4)"
       },
       "50": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffff80"
+        "value": "rgba(255, 255, 255, 0.5)"
       },
       "55": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffff8c"
+        "value": "rgba(255, 255, 255, 0.55)"
       },
       "60": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffff99"
+        "value": "rgba(255, 255, 255, 0.6)"
       },
       "70": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffffb2"
+        "value": "rgba(255, 255, 255, 0.7)"
       },
       "75": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffffbf"
+        "value": "rgba(255, 255, 255, 0.75)"
       },
       "80": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffffcc"
+        "value": "rgba(255, 255, 255, 0.8)"
       },
       "90": {
         "default": true,
         "deprecated": false,
         "public": false,
         "type": "primitive",
-        "value": "#ffffffe5"
+        "value": "rgba(255, 255, 255, 0.9)"
       }
     }
   }

package/src/themes/alaska/advanced/boolean.json

@@ -88,7 +88,7 @@
           "public": true,
           "type": "semantic",
           "usage": "Boolean false hover state color",
-          "value": "{advanced.color.state.backgroundInverseHover.value}"
+          "value": "{advanced.color.state.backgroundHover.value}"
         },
         "isfalseInverse": {
           "default": true,
@@ -104,7 +104,7 @@
           "public": true,
           "type": "semantic",
           "usage": "Boolean false inverse hover state color",
-          "value": "{advanced.color.state.backgroundHover.value}"
+          "value": "{advanced.color.state.backgroundInverseHover.value}"
         },
         "istrue": {
           "default": true,

package/src/themes/alaska/advanced/button/flat.json

@@ -0,0 +1,58 @@
+{
+  "advanced": {
+    "color": {
+      "button": {
+        "flat": {
+          "text": {
+            "default": true,
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Flat button text color",
+            "value": "{basic.color.texticon.muted.value}"
+          },
+          "textDisabled": {
+            "default": true,
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Flat button disabled text color",
+            "value": "{basic.color.texticon.disabled.value}"
+          },
+          "textHover": {
+            "default": true,
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Flat button text hover color",
+            "value": "{color.gray.800.value}"
+          },
+          "textInverse": {
+            "default": true,
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Flat button inverse text color",
+            "value": "{basic.color.texticon.inverse.value}"
+          },
+          "textInverseDisabled": {
+            "default": true,
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Flat button inverse disabled text color",
+            "value": "{basic.color.texticon.inverseDisabled.value}"
+          },
+          "textInverseHover": {
+            "default": true,
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "Flat button inverse text hover color",
+            "value": "{color.gray.400.value}"
+          }
+        }
+      }
+    }
+  }
+}

package/src/themes/alaska/advanced/button/primary.json

@@ -11,14 +11,6 @@
             "usage": "Primary button background color",
             "value": "{basic.color.brand.primary.value}"
           },
-          "backgroundActive": {
-            "default": true,
-            "deprecated": false,
-            "public": true,
-            "type": "semantic",
-            "usage": "Primary button background active color",
-            "value": "{basic.color.brand.primaryBold.value}"
-          },
           "backgroundDisabled": {
             "default": true,
             "deprecated": false,

package/src/themes/alaska/advanced/button/secondary.json

@@ -51,13 +51,13 @@
             "usage": "Secondary button border hover color",
             "value": "{basic.color.brand.primaryBold.value}"
           },
-          "borderHoverDisabled": {
+          "borderDisabled": {
             "default": true,
             "deprecated": false,
             "public": true,
             "type": "semantic",
-            "usage": "",
-            "value": "{color.gray.50.value}"
+            "usage": "Secondary button border disabled color",
+            "value": "{color.midnight.200.value}"
           },
           "borderInverse": {
             "default": true,
@@ -72,7 +72,7 @@
             "deprecated": false,
             "public": true,
             "type": "semantic",
-            "usage": "",
+            "usage": "Secondary button border inverse disabled color",
             "value": "{basic.color.border.subtle.value}"
           },
           "text": {