@aurodesignsystem/design-tokens 5.0.5 → 5.1.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 (39) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.md +187 -75
  3. package/dist/CSSCustomProperties--bundled.css +61 -49
  4. package/dist/alaska/CSSCustomProperties--alaska.css +38 -32
  5. package/dist/alaska/JSObject--allTokens.js +364 -182
  6. package/dist/alaska/SCSSVariables--alaska.scss +38 -32
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +38 -32
  8. package/dist/alaska/primitives--alaska.scss +37 -37
  9. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +72 -0
  10. package/dist/alaska-classic/JSObject--allTokens.js +2306 -0
  11. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +69 -0
  12. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +73 -0
  13. package/dist/alaska-classic/primitives--alaskaClassic.scss +215 -0
  14. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  15. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  16. package/dist/auro-classic/JSData--color.js +1 -1
  17. package/dist/auro-classic/JSObject--allTokens.js +25377 -0
  18. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  19. package/dist/auro-classic/JSVariables--color.js +1 -1
  20. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  21. package/dist/auro-classic/SCSSVariables.scss +1 -1
  22. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  23. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  24. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  25. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +24 -18
  26. package/dist/hawaiian/JSObject--allTokens.js +336 -154
  27. package/dist/hawaiian/SCSSVariables--hawaiian.scss +24 -18
  28. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +24 -18
  29. package/dist/hawaiian/primitives--hawaiian.scss +6 -6
  30. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  31. package/package.json +1 -1
  32. package/src/primitives/alaska/color.json +84 -84
  33. package/src/primitives/alaska-classic/color.json +796 -0
  34. package/src/primitives/alaska-classic/typography.json +27 -0
  35. package/src/primitives/base/color.json +3 -3
  36. package/src/themes/alaska/color.json +112 -62
  37. package/src/themes/alaska-classic/color.json +444 -0
  38. package/src/themes/alaska-classic/typography.json +132 -0
  39. package/src/themes/hawaiian/color.json +97 -47
package/dist/hawaiian/SCSSVariables--hawaiian.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 04 Mar 2025 18:58:10 GMT
3
+ // Generated on Thu, 06 Mar 2025 17:27:56 GMT
4
4
 
5
5
  $ds-color-border-bold: #adadad;
6
6
  $ds-color-border-brand: #d0d0d0;
@@ -9,25 +9,27 @@ $ds-color-border-divider: #00000026;
9
9
  $ds-color-border-divider-inverse: #ffffff66;
10
10
  $ds-color-border-inverse: #ffffff;
11
11
  $ds-color-border-subtle: #dddddd;
12
- $ds-color-brand-accent1: #00a5ba;
13
12
  $ds-color-brand-primary: #ce0c88;
14
13
  $ds-color-brand-primary-bold: #831a57;
14
+ $ds-color-brand-primary-muted: #fdf1f8;
15
15
  $ds-color-brand-primary-subtle: #f0a5d2;
16
16
  $ds-color-brand-secondary: #463c8f;
17
17
  $ds-color-brand-secondary-bold: #31295c;
18
- $ds-color-brand-secondary-subtle: #8c7eb8;
18
+ $ds-color-brand-secondary-muted: #edeaf4;
19
+ $ds-color-brand-secondary-subtle: #6b5da4;
19
20
  $ds-color-brand-tertiary: #ee453d;
20
21
  $ds-color-brand-tertiary-bold: #97322a;
22
+ $ds-color-brand-tertiary-muted: #ffeeea;
21
23
  $ds-color-brand-tertiary-subtle: #ff9080;
22
- $ds-color-fare-brand-basic: #d0d0d0;
23
- $ds-color-fare-brand-first: #463c8f;
24
- $ds-color-fare-brand-economy: #ce0c88;
25
- $ds-color-fare-brand-premium: #00a5ba;
26
- $ds-color-fare-brand-one-world-emerald: #139142;
27
- $ds-color-fare-brand-one-world-ruby: #a41d4a;
28
- $ds-color-fare-brand-one-world-sapphire: #015daa;
29
- $ds-color-page-background-default: #ffffff;
30
- $ds-color-page-background-utility: #f7f7f7;
24
+ $ds-color-farebrand-basiceconomy: #d0d0d0;
25
+ $ds-color-farebrand-business-first: #463c8f;
26
+ $ds-color-farebrand-economy: #ce0c88;
27
+ $ds-color-farebrand-premiumeconomy: #00a5ba;
28
+ $ds-color-farebrand-oneworld-emerald: #139142;
29
+ $ds-color-farebrand-oneworld-sapphire: #015daa;
30
+ $ds-color-farebrand-oneworld-ruby: #a41d4a;
31
+ $ds-color-pagebackground-default: #ffffff;
32
+ $ds-color-pagebackground-utility: #f2f2f2;
31
33
  $ds-color-status-default: #463c8f;
32
34
  $ds-color-status-error: #e53339;
33
35
  $ds-color-status-error-subtle: #fddede;
@@ -35,19 +37,23 @@ $ds-color-status-info: #007db1;
35
37
  $ds-color-status-info-subtle: #e8f2f8;
36
38
  $ds-color-status-success: #529325;
37
39
  $ds-color-status-success-subtle: #e4f1da;
38
- $ds-color-status-warning: #9e7b00;
40
+ $ds-color-status-warning: #fac200;
39
41
  $ds-color-status-warning-subtle: #fff6d1;
40
- $ds-color-surface-accent1: #f2f2f2;
41
- $ds-color-surface-accent1-muted: #f2f2f2;
42
+ $ds-color-surface-accent1: #dddddd;
43
+ $ds-color-surface-accent1-muted: #f7f7f7;
44
+ $ds-color-surface-accent1-subtle: #f2f2f2;
45
+ $ds-color-surface-accent2: #dddddd;
46
+ $ds-color-surface-accent2-muted: #f7f7f7;
42
47
  $ds-color-surface-default: #ffffff;
43
48
  $ds-color-surface-inverse: #463c8f;
44
- $ds-color-surface-inverse-subtle: #463c8f;
49
+ $ds-color-surface-inverse-subtle: #6b5da4;
45
50
  $ds-color-surface-neutral-medium: #dddddd;
46
- $ds-color-surface-neutral-subtle: #f2f2f2;
51
+ $ds-color-surface-neutral-subtle: #f7f7f7;
47
52
  $ds-color-texticon-accent1: #000000;
48
53
  $ds-color-texticon-default: #000000;
49
- $ds-color-texticon-disabled: #adadad;
54
+ $ds-color-texticon-disabled: #d0d0d0;
50
55
  $ds-color-texticon-inverse: #ffffff;
56
+ $ds-color-texticon-inverse-disabled: #d0d0d0;
51
57
  $ds-color-texticon-muted: #3d3d3d;
52
58
  $ds-font-weight-display: Semibold;
53
59
  $ds-font-weight-body-default: Regular;
package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Tue, 04 Mar 2025 18:58:10 GMT
4
+ Generated on Thu, 06 Mar 2025 17:27:56 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -12,25 +12,27 @@ $auroTokens: (
12
12
  'ds-color-border-divider-inverse': (#ffffff66),
13
13
  'ds-color-border-inverse': (#ffffff),
14
14
  'ds-color-border-subtle': (#dddddd),
15
- 'ds-color-brand-accent1': (#00a5ba),
16
15
  'ds-color-brand-primary': (#ce0c88),
17
16
  'ds-color-brand-primary-bold': (#831a57),
17
+ 'ds-color-brand-primary-muted': (#fdf1f8),
18
18
  'ds-color-brand-primary-subtle': (#f0a5d2),
19
19
  'ds-color-brand-secondary': (#463c8f),
20
20
  'ds-color-brand-secondary-bold': (#31295c),
21
- 'ds-color-brand-secondary-subtle': (#8c7eb8),
21
+ 'ds-color-brand-secondary-muted': (#edeaf4),
22
+ 'ds-color-brand-secondary-subtle': (#6b5da4),
22
23
  'ds-color-brand-tertiary': (#ee453d),
23
24
  'ds-color-brand-tertiary-bold': (#97322a),
25
+ 'ds-color-brand-tertiary-muted': (#ffeeea),
24
26
  'ds-color-brand-tertiary-subtle': (#ff9080),
25
- 'ds-color-fare-brand-basic': (#d0d0d0),
26
- 'ds-color-fare-brand-first': (#463c8f),
27
- 'ds-color-fare-brand-economy': (#ce0c88),
28
- 'ds-color-fare-brand-premium': (#00a5ba),
29
- 'ds-color-fare-brand-one-world-emerald': (#139142),
30
- 'ds-color-fare-brand-one-world-ruby': (#a41d4a),
31
- 'ds-color-fare-brand-one-world-sapphire': (#015daa),
32
- 'ds-color-page-background-default': (#ffffff),
33
- 'ds-color-page-background-utility': (#f7f7f7),
27
+ 'ds-color-farebrand-basiceconomy': (#d0d0d0),
28
+ 'ds-color-farebrand-business-first': (#463c8f),
29
+ 'ds-color-farebrand-economy': (#ce0c88),
30
+ 'ds-color-farebrand-premiumeconomy': (#00a5ba),
31
+ 'ds-color-farebrand-oneworld-emerald': (#139142),
32
+ 'ds-color-farebrand-oneworld-sapphire': (#015daa),
33
+ 'ds-color-farebrand-oneworld-ruby': (#a41d4a),
34
+ 'ds-color-pagebackground-default': (#ffffff),
35
+ 'ds-color-pagebackground-utility': (#f2f2f2),
34
36
  'ds-color-status-default': (#463c8f),
35
37
  'ds-color-status-error': (#e53339),
36
38
  'ds-color-status-error-subtle': (#fddede),
@@ -38,19 +40,23 @@ $auroTokens: (
38
40
  'ds-color-status-info-subtle': (#e8f2f8),
39
41
  'ds-color-status-success': (#529325),
40
42
  'ds-color-status-success-subtle': (#e4f1da),
41
- 'ds-color-status-warning': (#9e7b00),
43
+ 'ds-color-status-warning': (#fac200),
42
44
  'ds-color-status-warning-subtle': (#fff6d1),
43
- 'ds-color-surface-accent1': (#f2f2f2),
44
- 'ds-color-surface-accent1-muted': (#f2f2f2),
45
+ 'ds-color-surface-accent1': (#dddddd),
46
+ 'ds-color-surface-accent1-muted': (#f7f7f7),
47
+ 'ds-color-surface-accent1-subtle': (#f2f2f2),
48
+ 'ds-color-surface-accent2': (#dddddd),
49
+ 'ds-color-surface-accent2-muted': (#f7f7f7),
45
50
  'ds-color-surface-default': (#ffffff),
46
51
  'ds-color-surface-inverse': (#463c8f),
47
- 'ds-color-surface-inverse-subtle': (#463c8f),
52
+ 'ds-color-surface-inverse-subtle': (#6b5da4),
48
53
  'ds-color-surface-neutral-medium': (#dddddd),
49
- 'ds-color-surface-neutral-subtle': (#f2f2f2),
54
+ 'ds-color-surface-neutral-subtle': (#f7f7f7),
50
55
  'ds-color-texticon-accent1': (#000000),
51
56
  'ds-color-texticon-default': (#000000),
52
- 'ds-color-texticon-disabled': (#adadad),
57
+ 'ds-color-texticon-disabled': (#d0d0d0),
53
58
  'ds-color-texticon-inverse': (#ffffff),
59
+ 'ds-color-texticon-inverse-disabled': (#d0d0d0),
54
60
  'ds-color-texticon-muted': (#3d3d3d),
55
61
  'ds-font-weight-display': (Semibold),
56
62
  'ds-font-weight-body-default': (Regular),
package/dist/hawaiian/primitives--hawaiian.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 04 Mar 2025 18:58:10 GMT
3
+ // Generated on Thu, 06 Mar 2025 17:27:56 GMT
4
4
 
5
5
  $hi-color-status-help-100: #e8f2f8;
6
6
  $hi-color-status-help-200: #dbe6f0;
@@ -24,11 +24,11 @@ $hi-color-status-warn-900: #523f00;
24
24
  $hi-color-status-warn-1000: #382b00;
25
25
  $hi-color-black: #000000;
26
26
  $hi-color-white: #ffffff;
27
- $hi-color-one-world-emerald: #139142;
28
- $hi-color-one-world-ruby: #a41d4a;
29
- $hi-color-one-world-sapphire: #015daa;
30
- $hi-color-gray-50: #f2f2f2;
31
- $hi-color-gray-100: #f7f7f7;
27
+ $hi-color-oneworld-emerald: #139142;
28
+ $hi-color-oneworld-ruby: #a41d4a;
29
+ $hi-color-oneworld-sapphire: #015daa;
30
+ $hi-color-gray-50: #f7f7f7;
31
+ $hi-color-gray-100: #f2f2f2;
32
32
  $hi-color-gray-200: #dddddd;
33
33
  $hi-color-gray-250: #d0d0d0;
34
34
  $hi-color-gray-300: #c5c5c5;
package/dist/transparent/CSSCustomProperties--transparent.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 04 Mar 2025 18:58:10 GMT
3
+ * Generated on Thu, 06 Mar 2025 17:27:56 GMT
4
4
  */
5
5
 
6
6
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/design-tokens",
3
- "version": "5.0.5",
3
+ "version": "5.1.0",
4
4
  "description": "Alaska Air Auro Design System token repository",
5
5
  "homepage": "https://github.com/AlaskaAirlines/DesignTokens",
6
6
  "author": "Alaska Airlines Product design and engineering",
package/src/primitives/alaska/color.json CHANGED
@@ -95,7 +95,7 @@
95
95
  "deprecated": false
96
96
  },
97
97
  "400": {
98
- "value": "#A0E5D7",
98
+ "value": "#81D4C3",
99
99
  "type": "primitive",
100
100
  "public": false,
101
101
  "default": true,
@@ -144,7 +144,7 @@
144
144
  "deprecated": false
145
145
  }
146
146
  },
147
- "breeze": {
147
+ "bliss": {
148
148
  "100": {
149
149
  "value": "#EBFAFD",
150
150
  "type": "primitive",
@@ -216,6 +216,78 @@
216
216
  "deprecated": false
217
217
  }
218
218
  },
219
+ "breeze": {
220
+ "100": {
221
+ "value": "#E7F4F8",
222
+ "type": "primitive",
223
+ "public": false,
224
+ "default": true,
225
+ "deprecated": false
226
+ },
227
+ "200": {
228
+ "value": "#D7ECF4",
229
+ "type": "primitive",
230
+ "public": false,
231
+ "default": true,
232
+ "deprecated": false
233
+ },
234
+ "300": {
235
+ "value": "#BADFED",
236
+ "type": "primitive",
237
+ "public": false,
238
+ "default": true,
239
+ "deprecated": false
240
+ },
241
+ "400": {
242
+ "value": "#A2D4E7",
243
+ "type": "primitive",
244
+ "public": false,
245
+ "default": true,
246
+ "deprecated": false
247
+ },
248
+ "500": {
249
+ "value": "#8DCAE2",
250
+ "type": "primitive",
251
+ "public": false,
252
+ "default": true,
253
+ "deprecated": false
254
+ },
255
+ "600": {
256
+ "value": "#6DBBD9",
257
+ "type": "primitive",
258
+ "public": false,
259
+ "default": true,
260
+ "deprecated": false
261
+ },
262
+ "700": {
263
+ "value": "#48AAD0",
264
+ "type": "primitive",
265
+ "public": false,
266
+ "default": true,
267
+ "deprecated": false
268
+ },
269
+ "800": {
270
+ "value": "#2F91B7",
271
+ "type": "primitive",
272
+ "public": false,
273
+ "default": true,
274
+ "deprecated": false
275
+ },
276
+ "900": {
277
+ "value": "#1F607A",
278
+ "type": "primitive",
279
+ "public": false,
280
+ "default": true,
281
+ "deprecated": false
282
+ },
283
+ "1000": {
284
+ "value": "#0D2A35",
285
+ "type": "primitive",
286
+ "public": false,
287
+ "default": true,
288
+ "deprecated": false
289
+ }
290
+ },
219
291
  "dune": {
220
292
  "100": {
221
293
  "value": "#FAF9F5",
@@ -650,142 +722,70 @@
650
722
  },
651
723
  "tropical": {
652
724
  "100": {
653
- "value": "#f5fbeb",
725
+ "value": "#EAF3DD",
654
726
  "type": "primitive",
655
727
  "public": false,
656
728
  "default": true,
657
729
  "deprecated": false
658
730
  },
659
731
  "200": {
660
- "value": "#d8efb4",
732
+ "value": "#DEEDCA",
661
733
  "type": "primitive",
662
734
  "public": false,
663
735
  "default": true,
664
736
  "deprecated": false
665
737
  },
666
738
  "300": {
667
- "value": "#B2D583",
739
+ "value": "#C9E1A7",
668
740
  "type": "primitive",
669
741
  "public": false,
670
742
  "default": true,
671
743
  "deprecated": false
672
744
  },
673
745
  "400": {
674
- "value": "#a2c270",
675
- "type": "primitive",
676
- "public": false,
677
- "default": true,
678
- "deprecated": false
679
- },
680
- "500": {
681
- "value": "#8ca761",
682
- "type": "primitive",
683
- "public": false,
684
- "default": true,
685
- "deprecated": false
686
- },
687
- "600": {
688
- "value": "#778f53",
689
- "type": "primitive",
690
- "public": false,
691
- "default": true,
692
- "deprecated": false
693
- },
694
- "700": {
695
- "value": "#647845",
696
- "type": "primitive",
697
- "public": false,
698
- "default": true,
699
- "deprecated": false
700
- },
701
- "800": {
702
- "value": "#53643a",
703
- "type": "primitive",
704
- "public": false,
705
- "default": true,
706
- "deprecated": false
707
- },
708
- "900": {
709
- "value": "#44522f",
710
- "type": "primitive",
711
- "public": false,
712
- "default": true,
713
- "deprecated": false
714
- },
715
- "1000": {
716
- "value": "#364126",
717
- "type": "primitive",
718
- "public": false,
719
- "default": true,
720
- "deprecated": false
721
- }
722
- },
723
- "tundra": {
724
- "100": {
725
- "value": "#EBFAFA",
726
- "type": "primitive",
727
- "public": false,
728
- "default": true,
729
- "deprecated": false
730
- },
731
- "200": {
732
- "value": "#D1F4F3",
733
- "type": "primitive",
734
- "public": false,
735
- "default": true,
736
- "deprecated": false
737
- },
738
- "300": {
739
- "value": "#A5EBE8",
740
- "type": "primitive",
741
- "public": false,
742
- "default": true,
743
- "deprecated": false
744
- },
745
- "400": {
746
- "value": "#7AE2DB",
746
+ "value": "#B2D583",
747
747
  "type": "primitive",
748
748
  "public": false,
749
749
  "default": true,
750
750
  "deprecated": false
751
751
  },
752
752
  "500": {
753
- "value": "#4DDACE",
753
+ "value": "#A3CD6A",
754
754
  "type": "primitive",
755
755
  "public": false,
756
756
  "default": true,
757
757
  "deprecated": false
758
758
  },
759
759
  "600": {
760
- "value": "#2ECCBE",
760
+ "value": "#92C450",
761
761
  "type": "primitive",
762
762
  "public": false,
763
763
  "default": true,
764
764
  "deprecated": false
765
765
  },
766
766
  "700": {
767
- "value": "#27A499",
767
+ "value": "#7DAF3B",
768
768
  "type": "primitive",
769
769
  "public": false,
770
770
  "default": true,
771
771
  "deprecated": false
772
772
  },
773
773
  "800": {
774
- "value": "#207D75",
774
+ "value": "#5F852D",
775
775
  "type": "primitive",
776
776
  "public": false,
777
777
  "default": true,
778
778
  "deprecated": false
779
779
  },
780
780
  "900": {
781
- "value": "#185852",
781
+ "value": "#476322",
782
782
  "type": "primitive",
783
783
  "public": false,
784
784
  "default": true,
785
785
  "deprecated": false
786
786
  },
787
787
  "1000": {
788
- "value": "#0F3330",
788
+ "value": "#212E0F",
789
789
  "type": "primitive",
790
790
  "public": false,
791
791
  "default": true,