@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
@@ -1,53 +1,59 @@
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: #585e67;
6
- $ds-color-border-brand: #265688;
6
+ $ds-color-border-brand: #01426a;
7
7
  $ds-color-border-default: #959595;
8
8
  $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: #778f53;
13
- $ds-color-brand-primary: #005fa7;
14
- $ds-color-brand-primary-bold: #003761;
15
- $ds-color-brand-primary-subtle: #289bee;
16
- $ds-color-brand-secondary: #265688;
17
- $ds-color-brand-secondary-bold: #00274a;
18
- $ds-color-brand-secondary-subtle: #2875b5;
19
- $ds-color-brand-tertiary: #5de3f7;
20
- $ds-color-brand-tertiary-bold: #18c3dd;
21
- $ds-color-brand-tertiary-subtle: #b4eff9;
22
- $ds-color-fare-brand-basic: #5de3f7;
23
- $ds-color-fare-brand-first: #00274a;
24
- $ds-color-fare-brand-economy: #005fa7;
25
- $ds-color-fare-brand-premium: #005154;
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: #f7f8fa;
12
+ $ds-color-brand-primary: #01426a;
13
+ $ds-color-brand-primary-bold: #00274a;
14
+ $ds-color-brand-primary-muted: #ebf3f9;
15
+ $ds-color-brand-primary-subtle: #2875b5;
16
+ $ds-color-brand-secondary: #5de3f7;
17
+ $ds-color-brand-secondary-bold: #18c3dd;
18
+ $ds-color-brand-secondary-muted: #ebfafd;
19
+ $ds-color-brand-secondary-subtle: #b4eff9;
20
+ $ds-color-brand-tertiary: #a3cd6a;
21
+ $ds-color-brand-tertiary-bold: #7daf3b;
22
+ $ds-color-brand-tertiary-muted: #eaf3dd;
23
+ $ds-color-brand-tertiary-subtle: #c9e1a7;
24
+ $ds-color-farebrand-basiceconomy: #97eaf8;
25
+ $ds-color-farebrand-business-first: #00274a;
26
+ $ds-color-farebrand-economy: #0074ca;
27
+ $ds-color-farebrand-premiumeconomy: #005154;
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: #ebfafd;
32
+ $ds-color-pagebackground-utility: #ffffff;
31
33
  $ds-color-status-default: #afb9c6;
32
- $ds-color-status-error: #f15f65;
34
+ $ds-color-status-error: #e53339;
33
35
  $ds-color-status-error-subtle: #fddede;
34
- $ds-color-status-info: #005fa7;
35
- $ds-color-status-info-subtle: #aedeff;
36
- $ds-color-status-success: #7ac248;
36
+ $ds-color-status-info: #01426a;
37
+ $ds-color-status-info-subtle: #e8f2f8;
38
+ $ds-color-status-success: #529325;
37
39
  $ds-color-status-success-subtle: #e4f1da;
38
40
  $ds-color-status-warning: #fac200;
39
41
  $ds-color-status-warning-subtle: #fff6d1;
40
- $ds-color-surface-accent1: #265688;
41
- $ds-color-surface-accent1-muted: #ebf7ff;
42
+ $ds-color-surface-accent1: #5de3f7;
43
+ $ds-color-surface-accent1-muted: #ebfafd;
44
+ $ds-color-surface-accent1-subtle: #b4eff9;
45
+ $ds-color-surface-accent2: #a3cd6a;
46
+ $ds-color-surface-accent2-muted: #eaf3dd;
42
47
  $ds-color-surface-default: #ffffff;
43
- $ds-color-surface-inverse: #01426a;
44
- $ds-color-surface-inverse-subtle: #265688;
48
+ $ds-color-surface-inverse: #00274a;
49
+ $ds-color-surface-inverse-subtle: #2875b5;
45
50
  $ds-color-surface-neutral-medium: #c5c5c5;
46
- $ds-color-surface-neutral-subtle: #f7f7f7;
47
- $ds-color-texticon-accent1: #265688;
51
+ $ds-color-surface-neutral-subtle: #f2f2f2;
52
+ $ds-color-texticon-accent1: #00274a;
48
53
  $ds-color-texticon-default: #2a2a2a;
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: #676767;
52
58
  $ds-font-weight-body-default: Book;
53
59
  $ds-font-weight-body-large: Book;
@@ -1,56 +1,62 @@
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: (
8
8
  'ds-color-border-bold': (#585e67),
9
- 'ds-color-border-brand': (#265688),
9
+ 'ds-color-border-brand': (#01426a),
10
10
  'ds-color-border-default': (#959595),
11
11
  'ds-color-border-divider': (#00000026),
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': (#778f53),
16
- 'ds-color-brand-primary': (#005fa7),
17
- 'ds-color-brand-primary-bold': (#003761),
18
- 'ds-color-brand-primary-subtle': (#289bee),
19
- 'ds-color-brand-secondary': (#265688),
20
- 'ds-color-brand-secondary-bold': (#00274a),
21
- 'ds-color-brand-secondary-subtle': (#2875b5),
22
- 'ds-color-brand-tertiary': (#5de3f7),
23
- 'ds-color-brand-tertiary-bold': (#18c3dd),
24
- 'ds-color-brand-tertiary-subtle': (#b4eff9),
25
- 'ds-color-fare-brand-basic': (#5de3f7),
26
- 'ds-color-fare-brand-first': (#00274a),
27
- 'ds-color-fare-brand-economy': (#005fa7),
28
- 'ds-color-fare-brand-premium': (#005154),
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': (#f7f8fa),
15
+ 'ds-color-brand-primary': (#01426a),
16
+ 'ds-color-brand-primary-bold': (#00274a),
17
+ 'ds-color-brand-primary-muted': (#ebf3f9),
18
+ 'ds-color-brand-primary-subtle': (#2875b5),
19
+ 'ds-color-brand-secondary': (#5de3f7),
20
+ 'ds-color-brand-secondary-bold': (#18c3dd),
21
+ 'ds-color-brand-secondary-muted': (#ebfafd),
22
+ 'ds-color-brand-secondary-subtle': (#b4eff9),
23
+ 'ds-color-brand-tertiary': (#a3cd6a),
24
+ 'ds-color-brand-tertiary-bold': (#7daf3b),
25
+ 'ds-color-brand-tertiary-muted': (#eaf3dd),
26
+ 'ds-color-brand-tertiary-subtle': (#c9e1a7),
27
+ 'ds-color-farebrand-basiceconomy': (#97eaf8),
28
+ 'ds-color-farebrand-business-first': (#00274a),
29
+ 'ds-color-farebrand-economy': (#0074ca),
30
+ 'ds-color-farebrand-premiumeconomy': (#005154),
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': (#ebfafd),
35
+ 'ds-color-pagebackground-utility': (#ffffff),
34
36
  'ds-color-status-default': (#afb9c6),
35
- 'ds-color-status-error': (#f15f65),
37
+ 'ds-color-status-error': (#e53339),
36
38
  'ds-color-status-error-subtle': (#fddede),
37
- 'ds-color-status-info': (#005fa7),
38
- 'ds-color-status-info-subtle': (#aedeff),
39
- 'ds-color-status-success': (#7ac248),
39
+ 'ds-color-status-info': (#01426a),
40
+ 'ds-color-status-info-subtle': (#e8f2f8),
41
+ 'ds-color-status-success': (#529325),
40
42
  'ds-color-status-success-subtle': (#e4f1da),
41
43
  'ds-color-status-warning': (#fac200),
42
44
  'ds-color-status-warning-subtle': (#fff6d1),
43
- 'ds-color-surface-accent1': (#265688),
44
- 'ds-color-surface-accent1-muted': (#ebf7ff),
45
+ 'ds-color-surface-accent1': (#5de3f7),
46
+ 'ds-color-surface-accent1-muted': (#ebfafd),
47
+ 'ds-color-surface-accent1-subtle': (#b4eff9),
48
+ 'ds-color-surface-accent2': (#a3cd6a),
49
+ 'ds-color-surface-accent2-muted': (#eaf3dd),
45
50
  'ds-color-surface-default': (#ffffff),
46
- 'ds-color-surface-inverse': (#01426a),
47
- 'ds-color-surface-inverse-subtle': (#265688),
51
+ 'ds-color-surface-inverse': (#00274a),
52
+ 'ds-color-surface-inverse-subtle': (#2875b5),
48
53
  'ds-color-surface-neutral-medium': (#c5c5c5),
49
- 'ds-color-surface-neutral-subtle': (#f7f7f7),
50
- 'ds-color-texticon-accent1': (#265688),
54
+ 'ds-color-surface-neutral-subtle': (#f2f2f2),
55
+ 'ds-color-texticon-accent1': (#00274a),
51
56
  'ds-color-texticon-default': (#2a2a2a),
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': (#676767),
55
61
  'ds-font-weight-body-default': (Book),
56
62
  'ds-font-weight-body-large': (Book),
@@ -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
  $as-color-status-help-100: #e8f2f8;
6
6
  $as-color-status-help-200: #dbe6f0;
@@ -24,11 +24,11 @@ $as-color-status-warn-900: #523f00;
24
24
  $as-color-status-warn-1000: #382b00;
25
25
  $as-color-black: #000000;
26
26
  $as-color-white: #ffffff;
27
- $as-color-one-world-emerald: #139142;
28
- $as-color-one-world-ruby: #a41d4a;
29
- $as-color-one-world-sapphire: #015daa;
30
- $as-color-gray-50: #f2f2f2;
31
- $as-color-gray-100: #f7f7f7;
27
+ $as-color-oneworld-emerald: #139142;
28
+ $as-color-oneworld-ruby: #a41d4a;
29
+ $as-color-oneworld-sapphire: #015daa;
30
+ $as-color-gray-50: #f7f7f7;
31
+ $as-color-gray-100: #f2f2f2;
32
32
  $as-color-gray-200: #dddddd;
33
33
  $as-color-gray-250: #d0d0d0;
34
34
  $as-color-gray-300: #c5c5c5;
@@ -62,23 +62,33 @@ $as-color-atlas-1000: #101d2c;
62
62
  $as-color-azores-100: #e4f8f4;
63
63
  $as-color-azores-200: #cff1ea;
64
64
  $as-color-azores-300: #b0ebdf;
65
- $as-color-azores-400: #a0e5d7;
65
+ $as-color-azores-400: #81d4c3;
66
66
  $as-color-azores-500: #4ca895;
67
67
  $as-color-azores-600: #009173;
68
68
  $as-color-azores-700: #006e58;
69
69
  $as-color-azores-800: #004b3c;
70
70
  $as-color-azores-900: #002820;
71
71
  $as-color-azores-1000: #000504;
72
- $as-color-breeze-100: #ebfafd;
73
- $as-color-breeze-200: #d0f4fb;
74
- $as-color-breeze-300: #b4eff9;
75
- $as-color-breeze-400: #97eaf8;
76
- $as-color-breeze-500: #5de3f7;
77
- $as-color-breeze-600: #3ed3ea;
78
- $as-color-breeze-700: #18c3dd;
79
- $as-color-breeze-800: #0e9bb4;
80
- $as-color-breeze-900: #096173;
81
- $as-color-breeze-1000: #06414d;
72
+ $as-color-bliss-100: #ebfafd;
73
+ $as-color-bliss-200: #d0f4fb;
74
+ $as-color-bliss-300: #b4eff9;
75
+ $as-color-bliss-400: #97eaf8;
76
+ $as-color-bliss-500: #5de3f7;
77
+ $as-color-bliss-600: #3ed3ea;
78
+ $as-color-bliss-700: #18c3dd;
79
+ $as-color-bliss-800: #0e9bb4;
80
+ $as-color-bliss-900: #096173;
81
+ $as-color-bliss-1000: #06414d;
82
+ $as-color-breeze-100: #e7f4f8;
83
+ $as-color-breeze-200: #d7ecf4;
84
+ $as-color-breeze-300: #badfed;
85
+ $as-color-breeze-400: #a2d4e7;
86
+ $as-color-breeze-500: #8dcae2;
87
+ $as-color-breeze-600: #6dbbd9;
88
+ $as-color-breeze-700: #48aad0;
89
+ $as-color-breeze-800: #2f91b7;
90
+ $as-color-breeze-900: #1f607a;
91
+ $as-color-breeze-1000: #0d2a35;
82
92
  $as-color-dune-100: #faf9f5;
83
93
  $as-color-dune-200: #e9e6d9;
84
94
  $as-color-dune-300: #dfd7c3;
@@ -139,26 +149,16 @@ $as-color-sol-700: #fad362;
139
149
  $as-color-sol-800: #f8cb48;
140
150
  $as-color-sol-900: #f5c22e;
141
151
  $as-color-sol-1000: #f2ba14;
142
- $as-color-tropical-100: #f5fbeb;
143
- $as-color-tropical-200: #d8efb4;
144
- $as-color-tropical-300: #b2d583;
145
- $as-color-tropical-400: #a2c270;
146
- $as-color-tropical-500: #8ca761;
147
- $as-color-tropical-600: #778f53;
148
- $as-color-tropical-700: #647845;
149
- $as-color-tropical-800: #53643a;
150
- $as-color-tropical-900: #44522f;
151
- $as-color-tropical-1000: #364126;
152
- $as-color-tundra-100: #ebfafa;
153
- $as-color-tundra-200: #d1f4f3;
154
- $as-color-tundra-300: #a5ebe8;
155
- $as-color-tundra-400: #7ae2db;
156
- $as-color-tundra-500: #4ddace;
157
- $as-color-tundra-600: #2eccbe;
158
- $as-color-tundra-700: #27a499;
159
- $as-color-tundra-800: #207d75;
160
- $as-color-tundra-900: #185852;
161
- $as-color-tundra-1000: #0f3330;
152
+ $as-color-tropical-100: #eaf3dd;
153
+ $as-color-tropical-200: #deedca;
154
+ $as-color-tropical-300: #c9e1a7;
155
+ $as-color-tropical-400: #b2d583;
156
+ $as-color-tropical-500: #a3cd6a;
157
+ $as-color-tropical-600: #92c450;
158
+ $as-color-tropical-700: #7daf3b;
159
+ $as-color-tropical-800: #5f852d;
160
+ $as-color-tropical-900: #476322;
161
+ $as-color-tropical-1000: #212e0f;
162
162
  $as-font-family-body: AS Circular;
163
163
  $as-font-family-display: AS Circular;
164
164
  $as-font-family-heading: AS Circular;
@@ -0,0 +1,72 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 06 Mar 2025 17:27:56 GMT
4
+ */
5
+
6
+ :root {
7
+ --ds-color-border-bold: #585e67;
8
+ --ds-color-border-brand: #01426a;
9
+ --ds-color-border-default: #959595;
10
+ --ds-color-border-divider: #00000026;
11
+ --ds-color-border-divider-inverse: #ffffff66;
12
+ --ds-color-border-inverse: #ffffff;
13
+ --ds-color-border-subtle: #dddddd;
14
+ --ds-color-brand-primary: #0074ca;
15
+ --ds-color-brand-primary-bold: #003761;
16
+ --ds-color-brand-primary-muted: #ebf7ff;
17
+ --ds-color-brand-primary-subtle: #289bee;
18
+ --ds-color-brand-secondary: #01426a;
19
+ --ds-color-brand-secondary-bold: #00274a;
20
+ --ds-color-brand-secondary-muted: #ebf3f9;
21
+ --ds-color-brand-secondary-subtle: #2875b5;
22
+ --ds-color-brand-tertiary: #5de3f7;
23
+ --ds-color-brand-tertiary-bold: #18c3dd;
24
+ --ds-color-brand-tertiary-muted: #ebfafd;
25
+ --ds-color-brand-tertiary-subtle: #b4eff9;
26
+ --ds-color-farebrand-basiceconomy: #97eaf8;
27
+ --ds-color-farebrand-business-first: #00274a;
28
+ --ds-color-farebrand-economy: #0074ca;
29
+ --ds-color-farebrand-premiumeconomy: #005154;
30
+ --ds-color-farebrand-oneworld-emerald: #139142;
31
+ --ds-color-farebrand-oneworld-sapphire: #015daa;
32
+ --ds-color-farebrand-oneworld-ruby: #a41d4a;
33
+ --ds-color-pagebackground-default: #ffffff;
34
+ --ds-color-pagebackground-utility: #f7f8fa;
35
+ --ds-color-status-default: #afb9c6;
36
+ --ds-color-status-error: #e53339;
37
+ --ds-color-status-error-subtle: #fddede;
38
+ --ds-color-status-info: #007db1;
39
+ --ds-color-status-info-subtle: #e8f2f8;
40
+ --ds-color-status-success: #529325;
41
+ --ds-color-status-success-subtle: #e4f1da;
42
+ --ds-color-status-warning: #fac200;
43
+ --ds-color-status-warning-subtle: #fff6d1;
44
+ --ds-color-surface-accent1: #0074ca;
45
+ --ds-color-surface-accent1-muted: #ebf7ff;
46
+ --ds-color-surface-accent1-subtle: #289bee;
47
+ --ds-color-surface-accent2: #959595;
48
+ --ds-color-surface-accent2-muted: #c5c5c5;
49
+ --ds-color-surface-default: #ffffff;
50
+ --ds-color-surface-inverse: #01426a;
51
+ --ds-color-surface-inverse-subtle: #2875b5;
52
+ --ds-color-surface-neutral-medium: #c5c5c5;
53
+ --ds-color-surface-neutral-subtle: #f2f2f2;
54
+ --ds-color-texticon-accent1: #01426a;
55
+ --ds-color-texticon-default: #2a2a2a;
56
+ --ds-color-texticon-disabled: #d0d0d0;
57
+ --ds-color-texticon-inverse: #ffffff;
58
+ --ds-color-texticon-inverse-disabled: #d0d0d0;
59
+ --ds-color-texticon-muted: #676767;
60
+ --ds-font-weight-body-default: Book;
61
+ --ds-font-weight-body-large: Book;
62
+ --ds-font-weight-body-small: Book;
63
+ --ds-font-weight-body-xsmall: Book;
64
+ --ds-font-weight-body-xxsmall: Book;
65
+ --ds-font-weight-display: Light;
66
+ --ds-font-weight-heading-heading1: Book;
67
+ --ds-font-weight-heading-heading2: Book;
68
+ --ds-font-weight-heading-heading3: Medium;
69
+ --ds-font-weight-heading-heading4: Medium;
70
+ --ds-font-weight-heading-heading5: Medium;
71
+ --ds-font-weight-heading-heading6: Medium;
72
+ }