@aurodesignsystem/design-tokens 4.5.0 → 4.6.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Semantic Release Automated Changelog
 
+## [4.6.1](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.6.0...v4.6.1) (2024-05-28)
+
+
+### Bug Fixes
+
+* **iconSuccess:** update icon success to use correct base color #[#162](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/162) ([f4f0d4b](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/f4f0d4bcc59305ed77ea3b33dc19dd32982f6b6e))
+
+# [4.6.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.5.0...v4.6.0) (2024-05-28)
+
+
+### Features
+
+* add all tier 2 excursion tokens [#153](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/153) ([c9957da](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/c9957da1a6b683807f19c6c618d137238db9bd90))
+* add full list of excursion tier 1 tokens [#153](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/153) ([7909ad3](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/7909ad3155a3ddfdbca9303197a75cb8662556f1))
+* **background:** add additional name convention for theme support ([49fa189](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/49fa189cbd20ec777994f9819739e9a6862a2d3e))
+
+
+### Performance Improvements
+
+* add all non color classic tokens to excursion theme ([a6ffc04](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/a6ffc0459e407500a9102a814d5b89059b1612df))
+
 # [4.5.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.4.0...v4.5.0) (2024-05-23)
 
 

package/README.md

@@ -37,11 +37,15 @@ Pre-processed resources are available in the `./dist/tokens` directory of the [n
    |  ├── SCSSVariables.scss
    |  ├── SCSSVariablesMapFlat.scss
    |  └── SassCustomProperties.scss
-   └── excursion
+   └── excursion (BETA)
       ├── JSONVariablesFlat.json
       └── JSONVariablesNested.json
 ```
 
+### BETA Excursion release
+
+Auro Design Tokens v4.5.x includes some changes to existing token values as well as the inclusion of the new Excursion theme. This new theme is to be considered a BETA release with limited use. For all primary Auro UIs, please continue to use the primary Auro design tokens. Excursion is only intended for UIs that are being custom built to support this new UI with limited release. Expect significant changes in this space WITHOUT a MAJOR release. **You have been warned**.
+
 ### Resource Descriptions
 
 | File                   | Syntax    | Type               | Status  | Filter Type / Description  |

package/dist/tokens/CSSCustomProperties.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 May 2024 18:24:57 GMT
+ * Generated on Tue, 28 May 2024 20:49:13 GMT
  */
 
 :root {
@@ -159,14 +159,14 @@
   --ds-color-alert-advisory-default: #fff0cd;
   --ds-color-alert-bkg-success-default: #ddf6e8;
   --ds-color-alert-bkg-error-default: #ffedf1;
-  --ds-color-background-100-default: #ffffff;
-  --ds-color-background-100-inverse: #0e2b4f;
-  --ds-color-background-200-default: #f7f7f7;
-  --ds-color-background-200-inverse: #194069;
-  --ds-color-background-300-default: #e4e8ec;
-  --ds-color-background-300-inverse: #265688;
-  --ds-color-background-400-default: #dddddd;
-  --ds-color-background-400-inverse: #326aa5;
+  --ds-color-background-primary-100-default: #ffffff;
+  --ds-color-background-primary-100-inverse: #0e2b4f;
+  --ds-color-background-primary-200-default: #f7f7f7;
+  --ds-color-background-primary-200-inverse: #194069;
+  --ds-color-background-primary-300-default: #e4e8ec;
+  --ds-color-background-primary-300-inverse: #265688;
+  --ds-color-background-primary-400-default: #dddddd;
+  --ds-color-background-primary-400-inverse: #326aa5;
   --ds-color-background-success-default: #eef8f5;
   --ds-color-background-success-inverse: #173c30;
   --ds-color-background-error-default: #fff4f4;
@@ -1841,7 +1841,7 @@
   --ds-color-icon-error-inverse: #f9aca6;
   --ds-color-icon-warning-default: #fef8e9;
   --ds-color-icon-warning-inverse: #f2c153;
-  --ds-color-icon-success-default: #eef8f5;
+  --ds-color-icon-success-default: #40a080;
   --ds-color-icon-success-inverse: #8eceb9;
   --ds-color-icon-subtle-default: #a0c9f1;
   --ds-color-icon-subtle-inverse: #326aa5;

package/dist/tokens/CSSSizeCustomProperties.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 May 2024 18:24:57 GMT
+ * Generated on Tue, 28 May 2024 20:49:13 GMT
  */
 
 :root {

package/dist/tokens/JSData--color.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 23 May 2024 18:24:57 GMT
+ * Generated on Tue, 28 May 2024 20:49:13 GMT
  */
 
 module.exports = {
@@ -267,260 +267,278 @@ module.exports = {
       }
     },
     "background": {
-      "100": {
-        "default": {
-          "value": "#ffffff",
-          "public": true,
-          "default": true,
-          "usage": "Used for creating light backgrounds",
-          "wcag": "n/a",
-          "deprecated": false,
-          "filePath": "src/color/background.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.base.white.value}",
+      "primary": {
+        "100": {
+          "default": {
+            "value": "#ffffff",
             "public": true,
             "default": true,
             "usage": "Used for creating light backgrounds",
             "wcag": "n/a",
-            "deprecated": false
-          },
-          "name": "ds-color-background-100-default",
-          "attributes": {
-            "category": "color",
-            "type": "background",
-            "item": "100",
-            "subitem": "default"
+            "deprecated": false,
+            "filePath": "src/color/background.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.base.white.value}",
+              "public": true,
+              "default": true,
+              "usage": "Used for creating light backgrounds",
+              "wcag": "n/a",
+              "deprecated": false
+            },
+            "name": "ds-color-background-primary-100-default",
+            "attributes": {
+              "category": "color",
+              "type": "background",
+              "item": "primary",
+              "subitem": "100",
+              "state": "default"
+            },
+            "path": [
+              "color",
+              "background",
+              "primary",
+              "100",
+              "default"
+            ]
           },
-          "path": [
-            "color",
-            "background",
-            "100",
-            "default"
-          ]
-        },
-        "inverse": {
-          "value": "#0e2b4f",
-          "public": true,
-          "inverse": true,
-          "usage": "Used for creating dark backgrounds",
-          "wcag": "n/a",
-          "deprecated": false,
-          "filePath": "src/color/background.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.brand.navy.1000.value}",
+          "inverse": {
+            "value": "#0e2b4f",
             "public": true,
             "inverse": true,
             "usage": "Used for creating dark backgrounds",
             "wcag": "n/a",
-            "deprecated": false
-          },
-          "name": "ds-color-background-100-inverse",
-          "attributes": {
-            "category": "color",
-            "type": "background",
-            "item": "100",
-            "subitem": "inverse"
-          },
-          "path": [
-            "color",
-            "background",
-            "100",
-            "inverse"
-          ]
-        }
-      },
-      "200": {
-        "default": {
-          "value": "#f7f7f7",
-          "public": true,
-          "default": true,
-          "usage": "Used for creating light backgrounds",
-          "wcag": "n/a",
-          "deprecated": false,
-          "filePath": "src/color/background.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.brand.gray.100.value}",
+            "deprecated": false,
+            "filePath": "src/color/background.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.brand.navy.1000.value}",
+              "public": true,
+              "inverse": true,
+              "usage": "Used for creating dark backgrounds",
+              "wcag": "n/a",
+              "deprecated": false
+            },
+            "name": "ds-color-background-primary-100-inverse",
+            "attributes": {
+              "category": "color",
+              "type": "background",
+              "item": "primary",
+              "subitem": "100",
+              "state": "inverse"
+            },
+            "path": [
+              "color",
+              "background",
+              "primary",
+              "100",
+              "inverse"
+            ]
+          }
+        },
+        "200": {
+          "default": {
+            "value": "#f7f7f7",
             "public": true,
             "default": true,
             "usage": "Used for creating light backgrounds",
             "wcag": "n/a",
-            "deprecated": false
-          },
-          "name": "ds-color-background-200-default",
-          "attributes": {
-            "category": "color",
-            "type": "background",
-            "item": "200",
-            "subitem": "default"
+            "deprecated": false,
+            "filePath": "src/color/background.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.brand.gray.100.value}",
+              "public": true,
+              "default": true,
+              "usage": "Used for creating light backgrounds",
+              "wcag": "n/a",
+              "deprecated": false
+            },
+            "name": "ds-color-background-primary-200-default",
+            "attributes": {
+              "category": "color",
+              "type": "background",
+              "item": "primary",
+              "subitem": "200",
+              "state": "default"
+            },
+            "path": [
+              "color",
+              "background",
+              "primary",
+              "200",
+              "default"
+            ]
           },
-          "path": [
-            "color",
-            "background",
-            "200",
-            "default"
-          ]
-        },
-        "inverse": {
-          "value": "#194069",
-          "public": true,
-          "inverse": true,
-          "usage": "Used for creating dark backgrounds",
-          "wcag": "n/a",
-          "deprecated": false,
-          "filePath": "src/color/background.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.brand.navy.900.value}",
+          "inverse": {
+            "value": "#194069",
             "public": true,
             "inverse": true,
             "usage": "Used for creating dark backgrounds",
             "wcag": "n/a",
-            "deprecated": false
-          },
-          "name": "ds-color-background-200-inverse",
-          "attributes": {
-            "category": "color",
-            "type": "background",
-            "item": "200",
-            "subitem": "inverse"
-          },
-          "path": [
-            "color",
-            "background",
-            "200",
-            "inverse"
-          ]
-        }
-      },
-      "300": {
-        "default": {
-          "value": "#e4e8ec",
-          "public": true,
-          "default": true,
-          "usage": "Used for creating light backgrounds",
-          "wcag": "n/a",
-          "deprecated": false,
-          "filePath": "src/color/background.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.brand.neutral.200.value}",
+            "deprecated": false,
+            "filePath": "src/color/background.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.brand.navy.900.value}",
+              "public": true,
+              "inverse": true,
+              "usage": "Used for creating dark backgrounds",
+              "wcag": "n/a",
+              "deprecated": false
+            },
+            "name": "ds-color-background-primary-200-inverse",
+            "attributes": {
+              "category": "color",
+              "type": "background",
+              "item": "primary",
+              "subitem": "200",
+              "state": "inverse"
+            },
+            "path": [
+              "color",
+              "background",
+              "primary",
+              "200",
+              "inverse"
+            ]
+          }
+        },
+        "300": {
+          "default": {
+            "value": "#e4e8ec",
             "public": true,
             "default": true,
             "usage": "Used for creating light backgrounds",
             "wcag": "n/a",
-            "deprecated": false
-          },
-          "name": "ds-color-background-300-default",
-          "attributes": {
-            "category": "color",
-            "type": "background",
-            "item": "300",
-            "subitem": "default"
+            "deprecated": false,
+            "filePath": "src/color/background.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.brand.neutral.200.value}",
+              "public": true,
+              "default": true,
+              "usage": "Used for creating light backgrounds",
+              "wcag": "n/a",
+              "deprecated": false
+            },
+            "name": "ds-color-background-primary-300-default",
+            "attributes": {
+              "category": "color",
+              "type": "background",
+              "item": "primary",
+              "subitem": "300",
+              "state": "default"
+            },
+            "path": [
+              "color",
+              "background",
+              "primary",
+              "300",
+              "default"
+            ]
           },
-          "path": [
-            "color",
-            "background",
-            "300",
-            "default"
-          ]
-        },
-        "inverse": {
-          "value": "#265688",
-          "public": true,
-          "inverse": true,
-          "usage": "Used for creating dark backgrounds",
-          "wcag": "n/a",
-          "deprecated": false,
-          "filePath": "src/color/background.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.brand.navy.800.value}",
+          "inverse": {
+            "value": "#265688",
             "public": true,
             "inverse": true,
             "usage": "Used for creating dark backgrounds",
             "wcag": "n/a",
-            "deprecated": false
-          },
-          "name": "ds-color-background-300-inverse",
-          "attributes": {
-            "category": "color",
-            "type": "background",
-            "item": "300",
-            "subitem": "inverse"
-          },
-          "path": [
-            "color",
-            "background",
-            "300",
-            "inverse"
-          ]
-        }
-      },
-      "400": {
-        "default": {
-          "value": "#dddddd",
-          "public": true,
-          "default": true,
-          "usage": "Used for creating light backgrounds",
-          "wcag": "n/a",
-          "deprecated": false,
-          "filePath": "src/color/background.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.brand.gray.200.value}",
+            "deprecated": false,
+            "filePath": "src/color/background.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.brand.navy.800.value}",
+              "public": true,
+              "inverse": true,
+              "usage": "Used for creating dark backgrounds",
+              "wcag": "n/a",
+              "deprecated": false
+            },
+            "name": "ds-color-background-primary-300-inverse",
+            "attributes": {
+              "category": "color",
+              "type": "background",
+              "item": "primary",
+              "subitem": "300",
+              "state": "inverse"
+            },
+            "path": [
+              "color",
+              "background",
+              "primary",
+              "300",
+              "inverse"
+            ]
+          }
+        },
+        "400": {
+          "default": {
+            "value": "#dddddd",
             "public": true,
             "default": true,
             "usage": "Used for creating light backgrounds",
             "wcag": "n/a",
-            "deprecated": false
-          },
-          "name": "ds-color-background-400-default",
-          "attributes": {
-            "category": "color",
-            "type": "background",
-            "item": "400",
-            "subitem": "default"
+            "deprecated": false,
+            "filePath": "src/color/background.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.brand.gray.200.value}",
+              "public": true,
+              "default": true,
+              "usage": "Used for creating light backgrounds",
+              "wcag": "n/a",
+              "deprecated": false
+            },
+            "name": "ds-color-background-primary-400-default",
+            "attributes": {
+              "category": "color",
+              "type": "background",
+              "item": "primary",
+              "subitem": "400",
+              "state": "default"
+            },
+            "path": [
+              "color",
+              "background",
+              "primary",
+              "400",
+              "default"
+            ]
           },
-          "path": [
-            "color",
-            "background",
-            "400",
-            "default"
-          ]
-        },
-        "inverse": {
-          "value": "#326aa5",
-          "public": true,
-          "inverse": true,
-          "usage": "Used for creating dark backgrounds",
-          "wcag": "n/a",
-          "deprecated": false,
-          "filePath": "src/color/background.json",
-          "isSource": true,
-          "original": {
-            "value": "{color.brand.navy.700.value}",
+          "inverse": {
+            "value": "#326aa5",
             "public": true,
             "inverse": true,
             "usage": "Used for creating dark backgrounds",
             "wcag": "n/a",
-            "deprecated": false
-          },
-          "name": "ds-color-background-400-inverse",
-          "attributes": {
-            "category": "color",
-            "type": "background",
-            "item": "400",
-            "subitem": "inverse"
-          },
-          "path": [
-            "color",
-            "background",
-            "400",
-            "inverse"
-          ]
+            "deprecated": false,
+            "filePath": "src/color/background.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.brand.navy.700.value}",
+              "public": true,
+              "inverse": true,
+              "usage": "Used for creating dark backgrounds",
+              "wcag": "n/a",
+              "deprecated": false
+            },
+            "name": "ds-color-background-primary-400-inverse",
+            "attributes": {
+              "category": "color",
+              "type": "background",
+              "item": "primary",
+              "subitem": "400",
+              "state": "inverse"
+            },
+            "path": [
+              "color",
+              "background",
+              "primary",
+              "400",
+              "inverse"
+            ]
+          }
         }
       },
       "success": {
@@ -14977,7 +14995,7 @@ module.exports = {
       },
       "success": {
         "default": {
-          "value": "#eef8f5",
+          "value": "#40a080",
           "public": true,
           "default": true,
           "usage": "Success icon color on light backgrounds",
@@ -14986,7 +15004,7 @@ module.exports = {
           "filePath": "src/color/icon.json",
           "isSource": true,
           "original": {
-            "value": "{color.base.success.100.value}",
+            "value": "{color.base.success.300.value}",
             "public": true,
             "default": true,
             "usage": "Success icon color on light backgrounds",

package/dist/tokens/JSONVariablesFlat.json

@@ -154,14 +154,14 @@
   "ds-color-alert-advisory-default": "#fff0cd",
   "ds-color-alert-bkg-success-default": "#ddf6e8",
   "ds-color-alert-bkg-error-default": "#ffedf1",
-  "ds-color-background-100-default": "#ffffff",
-  "ds-color-background-100-inverse": "#0e2b4f",
-  "ds-color-background-200-default": "#f7f7f7",
-  "ds-color-background-200-inverse": "#194069",
-  "ds-color-background-300-default": "#e4e8ec",
-  "ds-color-background-300-inverse": "#265688",
-  "ds-color-background-400-default": "#dddddd",
-  "ds-color-background-400-inverse": "#326aa5",
+  "ds-color-background-primary-100-default": "#ffffff",
+  "ds-color-background-primary-100-inverse": "#0e2b4f",
+  "ds-color-background-primary-200-default": "#f7f7f7",
+  "ds-color-background-primary-200-inverse": "#194069",
+  "ds-color-background-primary-300-default": "#e4e8ec",
+  "ds-color-background-primary-300-inverse": "#265688",
+  "ds-color-background-primary-400-default": "#dddddd",
+  "ds-color-background-primary-400-inverse": "#326aa5",
   "ds-color-background-success-default": "#eef8f5",
   "ds-color-background-success-inverse": "#173c30",
   "ds-color-background-error-default": "#fff4f4",
@@ -608,7 +608,7 @@
   "ds-color-icon-error-inverse": "#f9aca6",
   "ds-color-icon-warning-default": "#fef8e9",
   "ds-color-icon-warning-inverse": "#f2c153",
-  "ds-color-icon-success-default": "#eef8f5",
+  "ds-color-icon-success-default": "#40a080",
   "ds-color-icon-success-inverse": "#8eceb9",
   "ds-color-icon-subtle-default": "#a0c9f1",
   "ds-color-icon-subtle-inverse": "#326aa5",