@aurodesignsystem/design-tokens 4.10.1 → 4.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/tokens/CSSCustomProperties.css +3 -3
  3. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  4. package/dist/tokens/JSData--color.js +4 -4
  5. package/dist/tokens/JSONVariablesFlat.json +2 -2
  6. package/dist/tokens/JSONVariablesNested.json +2 -2
  7. package/dist/tokens/JSObject--allTokens.js +3 -3
  8. package/dist/tokens/JSObject--deprecated.js +2 -2
  9. package/dist/tokens/JSVariables--color.js +3 -3
  10. package/dist/tokens/SCSSVariableMap.scss +1 -1
  11. package/dist/tokens/SCSSVariables.scss +3 -3
  12. package/dist/tokens/SCSSVariablesMapFlat.scss +3 -3
  13. package/dist/tokens/SassCustomProperties.scss +3 -3
  14. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  15. package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
  16. package/dist/tokens/darkmode/JSDataColor.js +1 -1
  17. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +1 -1
  18. package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
  19. package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
  20. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
  21. package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
  22. package/dist/tokens/hawaiian/CSSCustomProperties.css +20 -0
  23. package/dist/tokens/transparent/CSSCustomProperties.css +615 -0
  24. package/package.json +1 -1
  25. package/src/color/base.json +1 -1
  26. package/src/themes/hawaiian/color/background.json +15 -0
  27. package/src/themes/hawaiian/color/border.json +18 -0
  28. package/src/themes/hawaiian/color/container.json +56 -0
  29. package/src/themes/hawaiian/color/icon.json +24 -0
  30. package/src/themes/hawaiian/color/text.json +44 -0
  31. package/src/themes/transparent/color/alert.json +90 -0
  32. package/src/themes/transparent/color/background.json +263 -0
  33. package/src/themes/transparent/color/base.json +1303 -0
  34. package/src/themes/transparent/color/border.json +341 -0
  35. package/src/themes/transparent/color/brand.json +1561 -0
  36. package/src/themes/transparent/color/container.json +464 -0
  37. package/src/themes/transparent/color/icon.json +602 -0
  38. package/src/themes/transparent/color/text.json +282 -0
  39. package/src/themes/transparent/color/tier.json +194 -0
  40. package/src/themes/transparent/color/ui.json +125 -0
  41. package/src/themes/transparent/color/utility.json +276 -0
  42. package/src/themes/transparent/elevation.json +22 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ # [4.11.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.10.2...v4.11.0) (2024-11-20)
4
+
5
+
6
+ ### Features
7
+
8
+ * add temp hawaiian theme [#190](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/190) ([c9c3f58](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/c9c3f5842a1de02c7ae4a1675da66972748b1154))
9
+ * add transparent theme for testing [#191](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/191) ([9eed86e](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/9eed86e80c4235a35e515e83dd4a17fb2c2d7a2c))
10
+
11
+ ## [4.10.2](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.10.1...v4.10.2) (2024-11-18)
12
+
13
+
14
+ ### Bug Fixes
15
+
16
+ * update to correct hex value ([6e97835](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/6e978355af136d77693d7da0eb85400b2c3c0277)), closes [#D4ECE4](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/D4ECE4) [#d4d4d4](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/d4d4d4)
17
+
3
18
  ## [4.10.1](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.10.0...v4.10.1) (2024-10-24)
4
19
 
5
20
 
package/dist/tokens/CSSCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -385,7 +385,7 @@
385
385
  *
386
386
  * // Base value for token support; should not use in code!
387
387
  */
388
- --ds-color-base-gray-200: #d4ece4;
388
+ --ds-color-base-gray-200: #d4d4d4;
389
389
  /**
390
390
  *
391
391
  * // Base value for token support; should not use in code!
@@ -965,7 +965,7 @@
965
965
  --ds-color-border-ui-disabled-inverse: #7e7e7e;
966
966
  --ds-color-border-active-default: #0074c8;
967
967
  --ds-color-border-active-inverse: #00cff0;
968
- --ds-color-border-disabled-default: #d4ece4;
968
+ --ds-color-border-disabled-default: #d4d4d4;
969
969
  --ds-color-border-focus-default: #959595;
970
970
  /**
971
971
  *
package/dist/tokens/CSSSizeCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/JSData--color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -2493,7 +2493,7 @@ module.exports = {
2493
2493
  ]
2494
2494
  },
2495
2495
  "200": {
2496
- "value": "#d4ece4",
2496
+ "value": "#d4d4d4",
2497
2497
  "comment": "\n // Base value for token support; should not use in code!",
2498
2498
  "public": true,
2499
2499
  "usage": "",
@@ -2502,7 +2502,7 @@ module.exports = {
2502
2502
  "filePath": "src/color/base.json",
2503
2503
  "isSource": true,
2504
2504
  "original": {
2505
- "value": "#D4ECE4",
2505
+ "value": "#d4d4d4",
2506
2506
  "comment": "{comments.color.base.value.comment}",
2507
2507
  "public": true,
2508
2508
  "usage": "",
@@ -7167,7 +7167,7 @@ module.exports = {
7167
7167
  },
7168
7168
  "disabled": {
7169
7169
  "default": {
7170
- "value": "#d4ece4",
7170
+ "value": "#d4d4d4",
7171
7171
  "public": true,
7172
7172
  "default": true,
7173
7173
  "usage": "Disabled border color on light backgrounds",
package/dist/tokens/JSONVariablesFlat.json CHANGED
@@ -224,7 +224,7 @@
224
224
  "ds-color-base-error-400": "#cc1816",
225
225
  "ds-color-base-error-500": "#74110e",
226
226
  "ds-color-base-gray-100": "#f7f7f7",
227
- "ds-color-base-gray-200": "#d4ece4",
227
+ "ds-color-base-gray-200": "#d4d4d4",
228
228
  "ds-color-base-gray-300": "#c5c5c5",
229
229
  "ds-color-base-gray-400": "#adadad",
230
230
  "ds-color-base-gray-500": "#959595",
@@ -372,7 +372,7 @@
372
372
  "ds-color-border-ui-disabled-inverse": "#7e7e7e",
373
373
  "ds-color-border-active-default": "#0074c8",
374
374
  "ds-color-border-active-inverse": "#00cff0",
375
- "ds-color-border-disabled-default": "#d4ece4",
375
+ "ds-color-border-disabled-default": "#d4d4d4",
376
376
  "ds-color-border-focus-default": "#959595",
377
377
  "ds-color-brand-neutral-100": "#f7f8fa",
378
378
  "ds-color-brand-neutral-200": "#e4e8ec",
package/dist/tokens/JSONVariablesNested.json CHANGED
@@ -405,7 +405,7 @@
405
405
  },
406
406
  "gray": {
407
407
  "100": "#f7f7f7",
408
- "200": "#d4ece4",
408
+ "200": "#d4d4d4",
409
409
  "300": "#c5c5c5",
410
410
  "400": "#adadad",
411
411
  "500": "#959595",
@@ -623,7 +623,7 @@
623
623
  "inverse": "#00cff0"
624
624
  },
625
625
  "disabled": {
626
- "default": "#d4ece4"
626
+ "default": "#d4d4d4"
627
627
  },
628
628
  "focus": {
629
629
  "default": "#959595"
package/dist/tokens/JSObject--allTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -5805,7 +5805,7 @@ module.exports = {
5805
5805
  ]
5806
5806
  },
5807
5807
  "200": {
5808
- "value": "#d4ece4",
5808
+ "value": "#d4d4d4",
5809
5809
  "comment": "\n // Base value for token support; should not use in code!",
5810
5810
  "public": true,
5811
5811
  "usage": "",
@@ -5814,7 +5814,7 @@ module.exports = {
5814
5814
  "filePath": "src/color/base.json",
5815
5815
  "isSource": true,
5816
5816
  "original": {
5817
- "value": "#D4ECE4",
5817
+ "value": "#d4d4d4",
5818
5818
  "comment": "{comments.color.base.value.comment}",
5819
5819
  "public": true,
5820
5820
  "usage": "",
package/dist/tokens/JSObject--deprecated.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -779,7 +779,7 @@ module.exports = {
779
779
  },
780
780
  "disabled": {
781
781
  "default": {
782
- "value": "#d4ece4",
782
+ "value": "#d4d4d4",
783
783
  "public": true,
784
784
  "default": true,
785
785
  "usage": "Disabled border color on light backgrounds",
package/dist/tokens/JSVariables--color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
@@ -118,7 +118,7 @@ export const DsColorBaseError500 = "#74110e"; //
118
118
  // Base value for token support; should not use in code!
119
119
  export const DsColorBaseGray100 = "#f7f7f7"; //
120
120
  // Base value for token support; should not use in code!
121
- export const DsColorBaseGray200 = "#d4ece4"; //
121
+ export const DsColorBaseGray200 = "#d4d4d4"; //
122
122
  // Base value for token support; should not use in code!
123
123
  export const DsColorBaseGray300 = "#c5c5c5"; //
124
124
  // Base value for token support; should not use in code!
@@ -375,7 +375,7 @@ export const DsColorBorderUiDisabledDefault = "#adadad";
375
375
  export const DsColorBorderUiDisabledInverse = "#7e7e7e";
376
376
  export const DsColorBorderActiveDefault = "#0074c8";
377
377
  export const DsColorBorderActiveInverse = "#00cff0";
378
- export const DsColorBorderDisabledDefault = "#d4ece4";
378
+ export const DsColorBorderDisabledDefault = "#d4d4d4";
379
379
  export const DsColorBorderFocusDefault = "#959595";
380
380
  export const DsColorBrandNeutral100 = "#f7f8fa"; //
381
381
  // Please consider descriptive token prior to using brand token
package/dist/tokens/SCSSVariableMap.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
4
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
package/dist/tokens/SCSSVariables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ // Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
 
5
5
  $ds-asset-font-circular-family-name: "AS Circular";
6
6
  $ds-asset-font-circular-filename: "ASCircularWeb";
@@ -305,7 +305,7 @@ $ds-color-base-error-500: #74110e;
305
305
  $ds-color-base-gray-100: #f7f7f7;
306
306
  //
307
307
  // // Base value for token support; should not use in code!
308
- $ds-color-base-gray-200: #d4ece4;
308
+ $ds-color-base-gray-200: #d4d4d4;
309
309
  //
310
310
  // // Base value for token support; should not use in code!
311
311
  $ds-color-base-gray-300: #c5c5c5;
@@ -669,7 +669,7 @@ $ds-color-border-ui-disabled-default: #adadad;
669
669
  $ds-color-border-ui-disabled-inverse: #7e7e7e;
670
670
  $ds-color-border-active-default: #0074c8;
671
671
  $ds-color-border-active-inverse: #00cff0;
672
- $ds-color-border-disabled-default: #d4ece4;
672
+ $ds-color-border-disabled-default: #d4d4d4;
673
673
  $ds-color-border-focus-default: #959595;
674
674
  //
675
675
  // // Please consider descriptive token prior to using brand token
package/dist/tokens/SCSSVariablesMapFlat.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 24 Oct 2024 17:31:35 GMT
4
+ Generated on Wed, 20 Nov 2024 02:41:00 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -329,7 +329,7 @@ $auroTokens: (
329
329
  'ds-color-base-gray-100': (#f7f7f7),
330
330
  //
331
331
  // Base value for token support; should not use in code!
332
- 'ds-color-base-gray-200': (#d4ece4),
332
+ 'ds-color-base-gray-200': (#d4d4d4),
333
333
  //
334
334
  // Base value for token support; should not use in code!
335
335
  'ds-color-base-gray-300': (#c5c5c5),
@@ -693,7 +693,7 @@ $auroTokens: (
693
693
  'ds-color-border-ui-disabled-inverse': (#7e7e7e),
694
694
  'ds-color-border-active-default': (#0074c8),
695
695
  'ds-color-border-active-inverse': (#00cff0),
696
- 'ds-color-border-disabled-default': (#d4ece4),
696
+ 'ds-color-border-disabled-default': (#d4d4d4),
697
697
  'ds-color-border-focus-default': (#959595),
698
698
  //
699
699
  // Please consider descriptive token prior to using brand token
package/dist/tokens/SassCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -385,7 +385,7 @@
385
385
  *
386
386
  * // Base value for token support; should not use in code!
387
387
  */
388
- --ds-color-base-gray-200: #d4ece4;
388
+ --ds-color-base-gray-200: #d4d4d4;
389
389
  /**
390
390
  *
391
391
  * // Base value for token support; should not use in code!
@@ -965,7 +965,7 @@
965
965
  --ds-color-border-ui-disabled-inverse: #7e7e7e;
966
966
  --ds-color-border-active-default: #0074c8;
967
967
  --ds-color-border-active-inverse: #00cff0;
968
- --ds-color-border-disabled-default: #d4ece4;
968
+ --ds-color-border-disabled-default: #d4d4d4;
969
969
  --ds-color-border-focus-default: #959595;
970
970
  /**
971
971
  *
package/dist/tokens/SassSizeCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/darkmode/CSSCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/darkmode/JSDataColor.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/tokens/darkmode/JSObject--deprecatedDark.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/tokens/darkmode/JSVariablesColor.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  export const DsColorBaseWhite = "#000000"; //
package/dist/tokens/darkmode/SCSSVariables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ // Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
 
5
5
  //
6
6
  // // Base value for token support; should not use in code!
package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 24 Oct 2024 17:31:35 GMT
4
+ Generated on Wed, 20 Nov 2024 02:41:00 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
package/dist/tokens/darkmode/SassCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:31:35 GMT
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/hawaiian/CSSCustomProperties.css ADDED
@@ -0,0 +1,20 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
+ */
5
+
6
+ :root {
7
+ --ds-color-background-lightest: #f1f3f3;
8
+ --ds-color-border-ui-active-default: #ce0c88;
9
+ --ds-color-container-primary-default: #ffffff;
10
+ --ds-color-container-ui-primary-default-default: #ce0c88;
11
+ --ds-color-container-ui-primary-default-inverse: #f358b0;
12
+ --ds-color-container-ui-primary-active-default: #ce0c88;
13
+ --ds-color-container-ui-primary-active-inverse: #f358b0;
14
+ --ds-color-icon-primary-default: #463c8f;
15
+ --ds-color-icon-primary-inverse: #9b9dca;
16
+ --ds-color-text-primary-default: #000000;
17
+ --ds-color-text-primary-inverse: rgba(255, 255, 255, 0.87);
18
+ --ds-color-text-ui-default-default: #ce0c88;
19
+ --ds-color-text-ui-default-inverse: #f358b0;
20
+ }