@aurodesignsystem/design-tokens 5.3.1 → 5.5.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 (87) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/CSSCustomProperties--bundled.css +255 -341
  3. package/dist/alaska/CSSCustomProperties--alaska.css +127 -113
  4. package/dist/alaska/JSONVariablesNested--alaska.json +195 -143
  5. package/dist/alaska/JSObject--allTokens.js +3442 -3039
  6. package/dist/alaska/SCSSVariables--alaska.scss +127 -113
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +127 -113
  8. package/dist/alaska/primitives--alaska.scss +105 -75
  9. package/dist/auro-classic/CSSCustomProperties.css +162 -162
  10. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  11. package/dist/auro-classic/JSData--color.js +1 -1
  12. package/dist/auro-classic/JSONVariablesFlat.json +162 -162
  13. package/dist/auro-classic/JSONVariablesNested.json +452 -452
  14. package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
  15. package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
  16. package/dist/auro-classic/JSVariables--color.js +1 -1
  17. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  18. package/dist/auro-classic/SCSSVariables.scss +162 -162
  19. package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
  20. package/dist/auro-classic/SassCustomProperties.scss +162 -162
  21. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  22. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
  23. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +177 -143
  24. package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
  25. package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
  26. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
  27. package/dist/hawaiian/primitives--hawaiian.scss +202 -172
  28. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  29. package/package.json +1 -1
  30. package/src/primitives/alaska/{typography.json → font.json} +4 -11
  31. package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
  32. package/src/primitives/base/{typography.json → font.json} +102 -48
  33. package/src/primitives/base/transparency.json +7 -0
  34. package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
  35. package/src/themes/alaska/advanced/boolean.json +138 -0
  36. package/src/themes/alaska/advanced/button.json +262 -0
  37. package/src/themes/alaska/advanced/hyperlink.json +64 -0
  38. package/src/themes/alaska/advanced/shared.json +48 -0
  39. package/src/themes/alaska/advanced/state.json +72 -0
  40. package/src/themes/alaska/basic/color/border.json +66 -0
  41. package/src/themes/alaska/basic/color/brand.json +104 -0
  42. package/src/themes/alaska/basic/color/fare-brand.json +74 -0
  43. package/src/themes/alaska/basic/color/page-background.json +24 -0
  44. package/src/themes/alaska/basic/color/status.json +81 -0
  45. package/src/themes/alaska/basic/color/surface.json +96 -0
  46. package/src/themes/alaska/basic/color/text-icon.json +96 -0
  47. package/src/themes/alaska/basic/corner-radius.json +30 -0
  48. package/src/themes/alaska/basic/font/accent.json +288 -0
  49. package/src/themes/alaska/basic/font/body.json +63 -0
  50. package/src/themes/alaska/basic/font/display.json +248 -0
  51. package/src/themes/alaska/basic/font/heading.json +245 -0
  52. package/src/themes/alaska-classic/color.json +2 -2
  53. package/src/themes/alaska-classic/component/boolean.json +70 -0
  54. package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
  55. package/src/themes/alaska-classic/component/hyperlink.json +62 -0
  56. package/src/themes/alaska-classic/component/shared.json +46 -0
  57. package/src/themes/alaska-classic/component/state.json +70 -0
  58. package/src/themes/alaska-classic/typography.json +799 -107
  59. package/src/themes/hawaiian/advanced/boolean.json +138 -0
  60. package/src/themes/hawaiian/advanced/button.json +334 -0
  61. package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
  62. package/src/themes/hawaiian/advanced/shared.json +48 -0
  63. package/src/themes/hawaiian/advanced/state.json +72 -0
  64. package/src/themes/hawaiian/basic/color/border.json +65 -0
  65. package/src/themes/hawaiian/basic/color/brand.json +105 -0
  66. package/src/themes/hawaiian/basic/color/color.json +57 -0
  67. package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
  68. package/src/themes/hawaiian/basic/color/page-background.json +25 -0
  69. package/src/themes/hawaiian/basic/color/status.json +81 -0
  70. package/src/themes/hawaiian/basic/color/surface.json +89 -0
  71. package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
  72. package/src/themes/hawaiian/basic/font/accent.json +288 -0
  73. package/src/themes/hawaiian/basic/font/body.json +63 -0
  74. package/src/themes/hawaiian/basic/font/heading.json +248 -0
  75. package/src/themes/hawaiian/basic/font/typography.json +248 -0
  76. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
  77. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +0 -154
  78. package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
  79. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
  80. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
  81. package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
  82. package/src/themes/alaska/color.json +0 -444
  83. package/src/themes/alaska/component.json +0 -392
  84. package/src/themes/alaska/typography.json +0 -132
  85. package/src/themes/hawaiian/color.json +0 -444
  86. package/src/themes/hawaiian/component.json +0 -392
  87. package/src/themes/hawaiian/typography.json +0 -132
package/dist/alaska/primitives--alaska.scss CHANGED
@@ -1,54 +1,7 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 14 Mar 2025 18:27:56 GMT
3
+ // Generated on Thu, 03 Apr 2025 22:28:55 GMT
4
4
 
5
- $as-color-status-help-100: #e8f2f8;
6
- $as-color-status-help-200: #dbe6f0;
7
- $as-color-status-help-300: #abc7de;
8
- $as-color-status-help-400: #7eabcd;
9
- $as-color-status-help-500: #5494c0;
10
- $as-color-status-help-600: #007db1;
11
- $as-color-status-help-700: #136791;
12
- $as-color-status-help-800: #195170;
13
- $as-color-status-help-900: #193b51;
14
- $as-color-status-help-1000: #152734;
15
- $as-color-status-warn-100: #fff6d1;
16
- $as-color-status-warn-200: #ffe382;
17
- $as-color-status-warn-300: #fac200;
18
- $as-color-status-warn-400: #e0ae00;
19
- $as-color-status-warn-500: #bd9200;
20
- $as-color-status-warn-600: #9e7b00;
21
- $as-color-status-warn-700: #856700;
22
- $as-color-status-warn-800: #6b5300;
23
- $as-color-status-warn-900: #523f00;
24
- $as-color-status-warn-1000: #382b00;
25
- $as-color-black: #000000;
26
- $as-color-white: #ffffff;
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
- $as-color-gray-200: #dddddd;
33
- $as-color-gray-250: #d0d0d0;
34
- $as-color-gray-300: #c5c5c5;
35
- $as-color-gray-400: #adadad;
36
- $as-color-gray-500: #959595;
37
- $as-color-gray-600: #7e7e7e;
38
- $as-color-gray-700: #676767;
39
- $as-color-gray-800: #525252;
40
- $as-color-gray-900: #3d3d3d;
41
- $as-color-gray-1000: #2a2a2a;
42
- $as-color-neutral-100: #f7f8fa;
43
- $as-color-neutral-200: #e4e8ec;
44
- $as-color-neutral-300: #ccd2db;
45
- $as-color-neutral-400: #afb9c6;
46
- $as-color-neutral-500: #939fad;
47
- $as-color-neutral-600: #7e8894;
48
- $as-color-neutral-700: #6a717c;
49
- $as-color-neutral-800: #585e67;
50
- $as-color-neutral-900: #484d55;
51
- $as-color-neutral-1000: #393d43;
52
5
  $as-color-atlas-100: #ebf7ff;
53
6
  $as-color-atlas-200: #aedeff;
54
7
  $as-color-atlas-300: #63beff;
@@ -159,35 +112,111 @@ $as-color-tropical-700: #7daf3b;
159
112
  $as-color-tropical-800: #5f852d;
160
113
  $as-color-tropical-900: #476322;
161
114
  $as-color-tropical-1000: #212e0f;
162
- $as-font-family-body: AS Circular;
163
- $as-font-family-display: AS Circular;
164
- $as-font-family-heading: AS Circular;
165
- $as-font-weight-bold: Bold;
166
- $as-font-weight-book: Book;
115
+ $as-color-black: #000000;
116
+ $as-color-white: #ffffff;
117
+ $as-color-oneworld-emerald: #139142;
118
+ $as-color-oneworld-ruby: #a41d4a;
119
+ $as-color-oneworld-sapphire: #015daa;
120
+ $as-color-gray-50: #f7f7f7;
121
+ $as-color-gray-100: #f2f2f2;
122
+ $as-color-gray-200: #dddddd;
123
+ $as-color-gray-250: #d0d0d0;
124
+ $as-color-gray-300: #c5c5c5;
125
+ $as-color-gray-400: #adadad;
126
+ $as-color-gray-500: #959595;
127
+ $as-color-gray-600: #7e7e7e;
128
+ $as-color-gray-700: #676767;
129
+ $as-color-gray-800: #525252;
130
+ $as-color-gray-900: #3d3d3d;
131
+ $as-color-gray-1000: #2a2a2a;
132
+ $as-color-neutral-100: #f7f8fa;
133
+ $as-color-neutral-200: #e4e8ec;
134
+ $as-color-neutral-300: #ccd2db;
135
+ $as-color-neutral-400: #afb9c6;
136
+ $as-color-neutral-500: #939fad;
137
+ $as-color-neutral-600: #7e8894;
138
+ $as-color-neutral-700: #6a717c;
139
+ $as-color-neutral-800: #585e67;
140
+ $as-color-neutral-900: #484d55;
141
+ $as-color-neutral-1000: #393d43;
142
+ $as-color-status-error-100: #fddede;
143
+ $as-color-status-error-200: #f9a4a8;
144
+ $as-color-status-error-300: #f0898d;
145
+ $as-color-status-error-400: #f15f65;
146
+ $as-color-status-error-500: #e8454b;
147
+ $as-color-status-error-600: #e53339;
148
+ $as-color-status-error-700: #e31f26;
149
+ $as-color-status-error-800: #b1161c;
150
+ $as-color-status-error-900: #7a0f13;
151
+ $as-color-status-error-1000: #44090b;
152
+ $as-color-status-help-100: #e8f2f8;
153
+ $as-color-status-help-200: #dbe6f0;
154
+ $as-color-status-help-300: #abc7de;
155
+ $as-color-status-help-400: #7eabcd;
156
+ $as-color-status-help-500: #5494c0;
157
+ $as-color-status-help-600: #007db1;
158
+ $as-color-status-help-700: #136791;
159
+ $as-color-status-help-800: #195170;
160
+ $as-color-status-help-900: #193b51;
161
+ $as-color-status-help-1000: #152734;
162
+ $as-color-status-success-100: #e4f1da;
163
+ $as-color-status-success-200: #b6de9b;
164
+ $as-color-status-success-300: #96cf6e;
165
+ $as-color-status-success-400: #7ac248;
166
+ $as-color-status-success-500: #5da72a;
167
+ $as-color-status-success-600: #529325;
168
+ $as-color-status-success-700: #447a1f;
169
+ $as-color-status-success-800: #325a16;
170
+ $as-color-status-success-900: #294912;
171
+ $as-color-status-success-1000: #17290a;
172
+ $as-color-status-warn-100: #fff6d1;
173
+ $as-color-status-warn-200: #ffe382;
174
+ $as-color-status-warn-300: #fac200;
175
+ $as-color-status-warn-400: #e0ae00;
176
+ $as-color-status-warn-500: #bd9200;
177
+ $as-color-status-warn-600: #9e7b00;
178
+ $as-color-status-warn-700: #856700;
179
+ $as-color-status-warn-800: #6b5300;
180
+ $as-color-status-warn-900: #523f00;
181
+ $as-color-status-warn-1000: #382b00;
182
+ $as-font-family-as-circular: AS Circular;
183
+ $as-font-family-good-ot: Good OT;
184
+ $as-font-size-10: 10px;
185
+ $as-font-size-12: 12px;
186
+ $as-font-size-14: 14px;
187
+ $as-font-size-16: 16px;
188
+ $as-font-size-18: 18px;
189
+ $as-font-size-20: 20px;
190
+ $as-font-size-22: 22px;
191
+ $as-font-size-24: 24px;
192
+ $as-font-size-26: 26px;
193
+ $as-font-size-28: 28px;
194
+ $as-font-size-32: 32px;
195
+ $as-font-size-36: 36px;
196
+ $as-font-size-38: 38px;
197
+ $as-font-size-40: 40px;
198
+ $as-font-size-44: 44px;
199
+ $as-font-size-48: 48px;
200
+ $as-font-size-56: 56px;
201
+ $as-font-size-64: 64px;
202
+ $as-font-size-72: 72px;
203
+ $as-font-size-86: 86px;
204
+ $as-font-line-height-14: 14px;
205
+ $as-font-line-height-16: 16px;
206
+ $as-font-line-height-20: 20px;
207
+ $as-font-line-height-24: 24px;
208
+ $as-font-line-height-26: 26px;
209
+ $as-font-line-height-100: 100%;
210
+ $as-font-line-height-130: 130%;
211
+ $as-font-letter-spacing-xs: -.02px;
212
+ $as-font-letter-spacing-sm: .05em;
213
+ $as-font-letter-spacing-md: .10em;
167
214
  $as-font-weight-light: Light;
168
- $as-font-weight-medium: Medium;
215
+ $as-font-weight-book: Book;
169
216
  $as-font-weight-regular: Regular;
217
+ $as-font-weight-cond-news: Cond News;
218
+ $as-font-weight-cond-medium: Cond Medium;
170
219
  $as-font-weight-semibold: Semibold;
171
- $as-font-size-10: 0.625rem; // 10px
172
- $as-font-size-12: 0.75rem; // 12px
173
- $as-font-size-14: 0.875rem; // 14px
174
- $as-font-size-16: 1rem; // 16px
175
- $as-font-size-18: 1.125rem; // 18px
176
- $as-font-size-20: 1.25rem; // 20px
177
- $as-font-size-22: 1.375rem; // 22px
178
- $as-font-size-24: 1.5rem; // 24px
179
- $as-font-size-26: 1.625rem; // 26px
180
- $as-font-size-28: 1.75rem; // 28px
181
- $as-font-size-32: 2rem; // 32px
182
- $as-font-size-36: 2.25rem; // 36px
183
- $as-font-size-38: 2.375rem; // 38px
184
- $as-font-size-40: 2.5rem; // 40px
185
- $as-font-size-44: 2.75rem; // 44px
186
- $as-font-size-48: 3rem; // 48px
187
- $as-font-size-56: 3.5rem; // 56px
188
- $as-font-size-64: 4rem; // 64px
189
- $as-font-size-72: 4.5rem; // 72px
190
- $as-font-size-86: 5.375rem; // 86px
191
220
  $as-transparency-black-5: #0000000d;
192
221
  $as-transparency-black-10: #0000001a;
193
222
  $as-transparency-black-15: #00000026;
@@ -202,7 +231,8 @@ $as-transparency-black-75: #000000bf;
202
231
  $as-transparency-black-80: #000000cc;
203
232
  $as-transparency-black-90: #000000e5;
204
233
  $as-transparency-white-5: #ffffff0d;
205
- $as-transparency-white-10: #ffffff1a;
234
+ $as-transparency-white-10: #ffffffe6;
235
+ $as-transparency-white-15: #ffffff1a;
206
236
  $as-transparency-white-20: #ffffff33;
207
237
  $as-transparency-white-30: #ffffff4d;
208
238
  $as-transparency-white-40: #ffffff66;
package/dist/auro-classic/CSSCustomProperties.css CHANGED
@@ -1,170 +1,9 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Mar 2025 18:27:56 GMT
3
+ * Generated on Thu, 03 Apr 2025 22:28:55 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --ds-asset-font-circular-family-name: "AS Circular";
8
- --ds-asset-font-circular-filename: "ASCircularWeb";
9
- --ds-asset-font-circular-weight-light: "-Light";
10
- --ds-asset-font-circular-weight-medium: "-Medium";
11
- --ds-asset-font-circular-weight-book: "-Book";
12
- --ds-border-radius: 0.375rem;
13
- --ds-size-25: 0.125rem; /* 2px */
14
- --ds-size-50: 0.25rem; /* 4px */
15
- --ds-size-75: 0.375rem; /* 6px */
16
- --ds-size-100: 0.5rem; /* 8px */
17
- --ds-size-150: 0.75rem; /* 12px */
18
- --ds-size-200: 1rem; /* 16px */
19
- --ds-size-250: 1.25rem; /* 20px */
20
- --ds-size-300: 1.5rem; /* 24px */
21
- --ds-size-400: 2rem; /* 32px */
22
- --ds-size-500: 2.5rem; /* 40px */
23
- --ds-size-600: 3rem; /* 48px */
24
- --ds-size-700: 3.5rem; /* 56px */
25
- --ds-size-800: 4rem; /* 64px */
26
- --ds-size-900: 4.5rem; /* 72px */
27
- --ds-size-1000: 5rem; /* 80px */
28
- --ds-unitless-scale-20: 0.25;
29
- --ds-unitless-scale-50: 0.5;
30
- --ds-unitless-scale-100: 1;
31
- --ds-unitless-scale-120: 1.25;
32
- --ds-unitless-scale-140: 1.4;
33
- --ds-unitless-scale-150: 1.5;
34
- --ds-unitless-scale-160: 1.625;
35
- --ds-unitless-scale-170: 1.75;
36
- --ds-unitless-scale-180: 1.875;
37
- --ds-unitless-scale-200: 2;
38
- --ds-unitless-scale-210: 2.125;
39
- --ds-unitless-scale-220: 2.25;
40
- --ds-unitless-scale-230: 2.375;
41
- --ds-unitless-scale-260: 2.625;
42
- --ds-unitless-scale-270: 2.75;
43
- --ds-unitless-scale-300: 3;
44
- --ds-unitless-scale-330: 3.375;
45
- --ds-unitless-scale-350: 3.5;
46
- --ds-unitless-scale-370: 3.75;
47
- --ds-unitless-scale-420: 4.25;
48
- --ds-animation-default-property: all;
49
- --ds-animation-default-duration: 0.3s;
50
- --ds-animation-default-timing: ease-out;
51
- --ds-depth-overlay: 200;
52
- --ds-depth-modal: 300;
53
- --ds-depth-tooltip: 400;
54
- --ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); /* for the least amount of emphasis */
55
- --ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); /* for more emphasis than low elevation */
56
- --ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); /* for maximum emphasis or differentiation */
57
- --ds-grid-breakpoint-xs: 320px;
58
- --ds-grid-breakpoint-sm: 576px;
59
- --ds-grid-breakpoint-md: 768px;
60
- --ds-grid-breakpoint-lg: 1024px;
61
- --ds-grid-breakpoint-xl: 1232px;
62
- --ds-grid-column-xs: 6;
63
- --ds-grid-column-sm: 12;
64
- --ds-grid-column-md: 12;
65
- --ds-grid-column-lg: 12;
66
- --ds-grid-column-xl: 12;
67
- --ds-grid-gutter-xs: 0.5rem;
68
- --ds-grid-gutter-sm: 1rem;
69
- --ds-grid-gutter-md: 1.5rem;
70
- --ds-grid-gutter-lg: 1.5rem;
71
- --ds-grid-gutter-xl: 2rem;
72
- --ds-grid-margin-xs: 1rem;
73
- --ds-grid-margin-sm: 1rem;
74
- --ds-grid-margin-md: 1.5rem;
75
- --ds-grid-margin-lg: 2rem;
76
- --ds-grid-margin-xl: 2rem;
77
- --ds-font-family-default: 'AS Circular', Helvetica Neue, Arial, sans-serif;
78
- --ds-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
79
- --ds-text-heading-300-weight: 300;
80
- --ds-text-heading-300-px: 18px;
81
- --ds-text-heading-300-size: 1.125rem;
82
- --ds-text-heading-300-height: 1.625rem;
83
- --ds-text-heading-300-height-px: 26px;
84
- --ds-text-heading-400-weight: 300;
85
- --ds-text-heading-400-px: 20px;
86
- --ds-text-heading-400-size: 1.25rem;
87
- --ds-text-heading-400-height: 1.625rem;
88
- --ds-text-heading-400-height-px: 26px;
89
- --ds-text-heading-500-weight: 300;
90
- --ds-text-heading-500-px-breakpoint-sm: 22px;
91
- --ds-text-heading-500-px-breakpoint-md: 24px;
92
- --ds-text-heading-500-px-breakpoint-lg: 24px;
93
- --ds-text-heading-500-size-breakpoint-sm: 1.375rem;
94
- --ds-text-heading-500-size-breakpoint-md: 1.5rem;
95
- --ds-text-heading-500-size-breakpoint-lg: 1.5rem;
96
- --ds-text-heading-500-height-breakpoint-sm: 1.625rem;
97
- --ds-text-heading-500-height-breakpoint-px-sm: 26px;
98
- --ds-text-heading-500-height-breakpoint-md: 1.875rem;
99
- --ds-text-heading-500-height-breakpoint-px-md: 30px;
100
- --ds-text-heading-500-height-breakpoint-lg: 2rem;
101
- --ds-text-heading-500-height-breakpoint-px-lg: 32px;
102
- --ds-text-heading-600-weight: 300;
103
- --ds-text-heading-600-px-breakpoint-sm: 26px;
104
- --ds-text-heading-600-px-breakpoint-md: 28px;
105
- --ds-text-heading-600-px-breakpoint-lg: 28px;
106
- --ds-text-heading-600-size-breakpoint-sm: 1.625rem;
107
- --ds-text-heading-600-size-breakpoint-md: 1.75rem;
108
- --ds-text-heading-600-size-breakpoint-lg: 1.75rem;
109
- --ds-text-heading-600-height-breakpoint-sm: 1.875rem;
110
- --ds-text-heading-600-height-breakpoint-px-sm: 30px;
111
- --ds-text-heading-600-height-breakpoint-md: 2.125rem;
112
- --ds-text-heading-600-height-breakpoint-px-md: 34px;
113
- --ds-text-heading-600-height-breakpoint-lg: 2.25rem;
114
- --ds-text-heading-600-height-breakpoint-px-lg: 36px;
115
- --ds-text-heading-700-weight: 500;
116
- --ds-text-heading-700-px-breakpoint-sm: 28px;
117
- --ds-text-heading-700-px-breakpoint-md: 32px;
118
- --ds-text-heading-700-px-breakpoint-lg: 36px;
119
- --ds-text-heading-700-size-breakpoint-sm: 1.75rem;
120
- --ds-text-heading-700-size-breakpoint-md: 2rem;
121
- --ds-text-heading-700-size-breakpoint-lg: 2.25rem;
122
- --ds-text-heading-700-height-breakpoint-sm: 2.125rem;
123
- --ds-text-heading-700-height-breakpoint-px-sm: 34px;
124
- --ds-text-heading-700-height-breakpoint-md: 2.375rem;
125
- --ds-text-heading-700-height-breakpoint-px-md: 38px;
126
- --ds-text-heading-700-height-breakpoint-lg: 2.75rem;
127
- --ds-text-heading-700-height-breakpoint-px-lg: 44px;
128
- --ds-text-heading-800-weight: 500;
129
- --ds-text-heading-800-px-breakpoint-sm: 32px;
130
- --ds-text-heading-800-px-breakpoint-md: 36px;
131
- --ds-text-heading-800-px-breakpoint-lg: 40px;
132
- --ds-text-heading-800-size-breakpoint-sm: 2rem;
133
- --ds-text-heading-800-size-breakpoint-md: 2.25rem;
134
- --ds-text-heading-800-size-breakpoint-lg: 2.5rem;
135
- --ds-text-heading-800-height-breakpoint-sm: 2.375rem;
136
- --ds-text-heading-800-height-breakpoint-px-sm: 38px;
137
- --ds-text-heading-800-height-breakpoint-md: 2.625rem;
138
- --ds-text-heading-800-height-breakpoint-px-md: 42px;
139
- --ds-text-heading-800-height-breakpoint-lg: 3rem;
140
- --ds-text-heading-800-height-breakpoint-px-lg: 48px;
141
- --ds-text-heading-default-weight: 500;
142
- --ds-text-heading-default-margin: 0;
143
- --ds-text-heading-default-spacing: -0.2px;
144
- --ds-text-heading-medium-weight: 300;
145
- --ds-text-heading-display-weight: 100;
146
- --ds-text-heading-display-px-breakpoint-sm: 44px;
147
- --ds-text-heading-display-px-breakpoint-md: 48px;
148
- --ds-text-heading-display-px-breakpoint-lg: 56px;
149
- --ds-text-heading-display-size-breakpoint-sm: 2.75rem;
150
- --ds-text-heading-display-size-breakpoint-md: 3rem;
151
- --ds-text-heading-display-size-breakpoint-lg: 3.5rem;
152
- --ds-text-heading-display-height-breakpoint-sm: 3.375rem;
153
- --ds-text-heading-display-height-breakpoint-px-sm: 54px;
154
- --ds-text-heading-display-height-breakpoint-md: 3.75rem;
155
- --ds-text-heading-display-height-breakpoint-px-md: 60px;
156
- --ds-text-heading-display-height-breakpoint-lg: 4.25rem;
157
- --ds-text-heading-display-height-breakpoint-px-lg: 68px;
158
- --ds-text-body-default-weight: 500;
159
- --ds-text-body-size-xxs: 0.625rem;
160
- --ds-text-body-size-xs: 0.75rem;
161
- --ds-text-body-size-sm: 0.875rem;
162
- --ds-text-body-size-default: 1rem;
163
- --ds-text-body-size-lg: 1.125rem;
164
- --ds-text-body-height-xs: 1rem;
165
- --ds-text-body-height-sm: 1.25rem;
166
- --ds-text-body-height-default: 1.5rem;
167
- --ds-text-body-height-lg: 1.625rem;
168
7
  --ds-color-alert-notification-default: #0074c8;
169
8
  --ds-color-alert-warning-default: #de750c;
170
9
  --ds-color-alert-error-default: #df0b37;
@@ -1994,4 +1833,165 @@
1994
1833
  --ds-color-utility-warning-inverse: #f2c153;
1995
1834
  --ds-color-utility-success-default: #0b6f4d;
1996
1835
  --ds-color-utility-success-inverse: #8eceb9;
1836
+ --ds-border-radius: 0.375rem;
1837
+ --ds-size-25: 0.125rem; /* 2px */
1838
+ --ds-size-50: 0.25rem; /* 4px */
1839
+ --ds-size-75: 0.375rem; /* 6px */
1840
+ --ds-size-100: 0.5rem; /* 8px */
1841
+ --ds-size-150: 0.75rem; /* 12px */
1842
+ --ds-size-200: 1rem; /* 16px */
1843
+ --ds-size-250: 1.25rem; /* 20px */
1844
+ --ds-size-300: 1.5rem; /* 24px */
1845
+ --ds-size-400: 2rem; /* 32px */
1846
+ --ds-size-500: 2.5rem; /* 40px */
1847
+ --ds-size-600: 3rem; /* 48px */
1848
+ --ds-size-700: 3.5rem; /* 56px */
1849
+ --ds-size-800: 4rem; /* 64px */
1850
+ --ds-size-900: 4.5rem; /* 72px */
1851
+ --ds-size-1000: 5rem; /* 80px */
1852
+ --ds-unitless-scale-20: 0.25;
1853
+ --ds-unitless-scale-50: 0.5;
1854
+ --ds-unitless-scale-100: 1;
1855
+ --ds-unitless-scale-120: 1.25;
1856
+ --ds-unitless-scale-140: 1.4;
1857
+ --ds-unitless-scale-150: 1.5;
1858
+ --ds-unitless-scale-160: 1.625;
1859
+ --ds-unitless-scale-170: 1.75;
1860
+ --ds-unitless-scale-180: 1.875;
1861
+ --ds-unitless-scale-200: 2;
1862
+ --ds-unitless-scale-210: 2.125;
1863
+ --ds-unitless-scale-220: 2.25;
1864
+ --ds-unitless-scale-230: 2.375;
1865
+ --ds-unitless-scale-260: 2.625;
1866
+ --ds-unitless-scale-270: 2.75;
1867
+ --ds-unitless-scale-300: 3;
1868
+ --ds-unitless-scale-330: 3.375;
1869
+ --ds-unitless-scale-350: 3.5;
1870
+ --ds-unitless-scale-370: 3.75;
1871
+ --ds-unitless-scale-420: 4.25;
1872
+ --ds-animation-default-property: all;
1873
+ --ds-animation-default-duration: 0.3s;
1874
+ --ds-animation-default-timing: ease-out;
1875
+ --ds-depth-overlay: 200;
1876
+ --ds-depth-modal: 300;
1877
+ --ds-depth-tooltip: 400;
1878
+ --ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); /* for the least amount of emphasis */
1879
+ --ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); /* for more emphasis than low elevation */
1880
+ --ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); /* for maximum emphasis or differentiation */
1881
+ --ds-asset-font-circular-family-name: "AS Circular";
1882
+ --ds-asset-font-circular-filename: "ASCircularWeb";
1883
+ --ds-asset-font-circular-weight-light: "-Light";
1884
+ --ds-asset-font-circular-weight-medium: "-Medium";
1885
+ --ds-asset-font-circular-weight-book: "-Book";
1886
+ --ds-grid-breakpoint-xs: 320px;
1887
+ --ds-grid-breakpoint-sm: 576px;
1888
+ --ds-grid-breakpoint-md: 768px;
1889
+ --ds-grid-breakpoint-lg: 1024px;
1890
+ --ds-grid-breakpoint-xl: 1232px;
1891
+ --ds-grid-column-xs: 6;
1892
+ --ds-grid-column-sm: 12;
1893
+ --ds-grid-column-md: 12;
1894
+ --ds-grid-column-lg: 12;
1895
+ --ds-grid-column-xl: 12;
1896
+ --ds-grid-gutter-xs: 0.5rem;
1897
+ --ds-grid-gutter-sm: 1rem;
1898
+ --ds-grid-gutter-md: 1.5rem;
1899
+ --ds-grid-gutter-lg: 1.5rem;
1900
+ --ds-grid-gutter-xl: 2rem;
1901
+ --ds-grid-margin-xs: 1rem;
1902
+ --ds-grid-margin-sm: 1rem;
1903
+ --ds-grid-margin-md: 1.5rem;
1904
+ --ds-grid-margin-lg: 2rem;
1905
+ --ds-grid-margin-xl: 2rem;
1906
+ --ds-font-family-default: 'AS Circular', Helvetica Neue, Arial, sans-serif;
1907
+ --ds-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
1908
+ --ds-text-heading-300-weight: 300;
1909
+ --ds-text-heading-300-px: 18px;
1910
+ --ds-text-heading-300-size: 1.125rem;
1911
+ --ds-text-heading-300-height: 1.625rem;
1912
+ --ds-text-heading-300-height-px: 26px;
1913
+ --ds-text-heading-400-weight: 300;
1914
+ --ds-text-heading-400-px: 20px;
1915
+ --ds-text-heading-400-size: 1.25rem;
1916
+ --ds-text-heading-400-height: 1.625rem;
1917
+ --ds-text-heading-400-height-px: 26px;
1918
+ --ds-text-heading-500-weight: 300;
1919
+ --ds-text-heading-500-px-breakpoint-sm: 22px;
1920
+ --ds-text-heading-500-px-breakpoint-md: 24px;
1921
+ --ds-text-heading-500-px-breakpoint-lg: 24px;
1922
+ --ds-text-heading-500-size-breakpoint-sm: 1.375rem;
1923
+ --ds-text-heading-500-size-breakpoint-md: 1.5rem;
1924
+ --ds-text-heading-500-size-breakpoint-lg: 1.5rem;
1925
+ --ds-text-heading-500-height-breakpoint-sm: 1.625rem;
1926
+ --ds-text-heading-500-height-breakpoint-px-sm: 26px;
1927
+ --ds-text-heading-500-height-breakpoint-md: 1.875rem;
1928
+ --ds-text-heading-500-height-breakpoint-px-md: 30px;
1929
+ --ds-text-heading-500-height-breakpoint-lg: 2rem;
1930
+ --ds-text-heading-500-height-breakpoint-px-lg: 32px;
1931
+ --ds-text-heading-600-weight: 300;
1932
+ --ds-text-heading-600-px-breakpoint-sm: 26px;
1933
+ --ds-text-heading-600-px-breakpoint-md: 28px;
1934
+ --ds-text-heading-600-px-breakpoint-lg: 28px;
1935
+ --ds-text-heading-600-size-breakpoint-sm: 1.625rem;
1936
+ --ds-text-heading-600-size-breakpoint-md: 1.75rem;
1937
+ --ds-text-heading-600-size-breakpoint-lg: 1.75rem;
1938
+ --ds-text-heading-600-height-breakpoint-sm: 1.875rem;
1939
+ --ds-text-heading-600-height-breakpoint-px-sm: 30px;
1940
+ --ds-text-heading-600-height-breakpoint-md: 2.125rem;
1941
+ --ds-text-heading-600-height-breakpoint-px-md: 34px;
1942
+ --ds-text-heading-600-height-breakpoint-lg: 2.25rem;
1943
+ --ds-text-heading-600-height-breakpoint-px-lg: 36px;
1944
+ --ds-text-heading-700-weight: 500;
1945
+ --ds-text-heading-700-px-breakpoint-sm: 28px;
1946
+ --ds-text-heading-700-px-breakpoint-md: 32px;
1947
+ --ds-text-heading-700-px-breakpoint-lg: 36px;
1948
+ --ds-text-heading-700-size-breakpoint-sm: 1.75rem;
1949
+ --ds-text-heading-700-size-breakpoint-md: 2rem;
1950
+ --ds-text-heading-700-size-breakpoint-lg: 2.25rem;
1951
+ --ds-text-heading-700-height-breakpoint-sm: 2.125rem;
1952
+ --ds-text-heading-700-height-breakpoint-px-sm: 34px;
1953
+ --ds-text-heading-700-height-breakpoint-md: 2.375rem;
1954
+ --ds-text-heading-700-height-breakpoint-px-md: 38px;
1955
+ --ds-text-heading-700-height-breakpoint-lg: 2.75rem;
1956
+ --ds-text-heading-700-height-breakpoint-px-lg: 44px;
1957
+ --ds-text-heading-800-weight: 500;
1958
+ --ds-text-heading-800-px-breakpoint-sm: 32px;
1959
+ --ds-text-heading-800-px-breakpoint-md: 36px;
1960
+ --ds-text-heading-800-px-breakpoint-lg: 40px;
1961
+ --ds-text-heading-800-size-breakpoint-sm: 2rem;
1962
+ --ds-text-heading-800-size-breakpoint-md: 2.25rem;
1963
+ --ds-text-heading-800-size-breakpoint-lg: 2.5rem;
1964
+ --ds-text-heading-800-height-breakpoint-sm: 2.375rem;
1965
+ --ds-text-heading-800-height-breakpoint-px-sm: 38px;
1966
+ --ds-text-heading-800-height-breakpoint-md: 2.625rem;
1967
+ --ds-text-heading-800-height-breakpoint-px-md: 42px;
1968
+ --ds-text-heading-800-height-breakpoint-lg: 3rem;
1969
+ --ds-text-heading-800-height-breakpoint-px-lg: 48px;
1970
+ --ds-text-heading-default-weight: 500;
1971
+ --ds-text-heading-default-margin: 0;
1972
+ --ds-text-heading-default-spacing: -0.2px;
1973
+ --ds-text-heading-medium-weight: 300;
1974
+ --ds-text-heading-display-weight: 100;
1975
+ --ds-text-heading-display-px-breakpoint-sm: 44px;
1976
+ --ds-text-heading-display-px-breakpoint-md: 48px;
1977
+ --ds-text-heading-display-px-breakpoint-lg: 56px;
1978
+ --ds-text-heading-display-size-breakpoint-sm: 2.75rem;
1979
+ --ds-text-heading-display-size-breakpoint-md: 3rem;
1980
+ --ds-text-heading-display-size-breakpoint-lg: 3.5rem;
1981
+ --ds-text-heading-display-height-breakpoint-sm: 3.375rem;
1982
+ --ds-text-heading-display-height-breakpoint-px-sm: 54px;
1983
+ --ds-text-heading-display-height-breakpoint-md: 3.75rem;
1984
+ --ds-text-heading-display-height-breakpoint-px-md: 60px;
1985
+ --ds-text-heading-display-height-breakpoint-lg: 4.25rem;
1986
+ --ds-text-heading-display-height-breakpoint-px-lg: 68px;
1987
+ --ds-text-body-default-weight: 500;
1988
+ --ds-text-body-size-xxs: 0.625rem;
1989
+ --ds-text-body-size-xs: 0.75rem;
1990
+ --ds-text-body-size-sm: 0.875rem;
1991
+ --ds-text-body-size-default: 1rem;
1992
+ --ds-text-body-size-lg: 1.125rem;
1993
+ --ds-text-body-height-xs: 1rem;
1994
+ --ds-text-body-height-sm: 1.25rem;
1995
+ --ds-text-body-height-default: 1.5rem;
1996
+ --ds-text-body-height-lg: 1.625rem;
1997
1997
  }
package/dist/auro-classic/CSSSizeCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Mar 2025 18:27:56 GMT
3
+ * Generated on Thu, 03 Apr 2025 22:28:55 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/auro-classic/JSData--color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Mar 2025 18:27:56 GMT
3
+ * Generated on Thu, 03 Apr 2025 22:28:55 GMT
4
4
  */
5
5
 
6
6
  module.exports = {