@aurodesignsystem/design-tokens 5.6.1 → 5.8.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 (73) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/CSSCustomProperties--bundled.css +507 -41
  3. package/dist/alaska/CSSCustomProperties--alaska.css +25 -22
  4. package/dist/alaska/JSONVariablesNested--alaska.json +26 -21
  5. package/dist/alaska/JSObject--allTokens.js +277 -180
  6. package/dist/alaska/SCSSVariables--alaska.scss +25 -22
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +25 -22
  8. package/dist/alaska/primitives--alaska.scss +27 -27
  9. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +463 -0
  10. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +714 -0
  11. package/dist/alaska-classic/JSObject--allTokens.js +15671 -0
  12. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +460 -0
  13. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +464 -0
  14. package/dist/alaska-classic/primitives--alaskaClassic.scss +246 -0
  15. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  16. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  17. package/dist/auro-classic/JSData--color.js +1 -1
  18. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  19. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  20. package/dist/auro-classic/JSVariables--color.js +1 -1
  21. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  22. package/dist/auro-classic/SCSSVariables.scss +1 -1
  23. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  24. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  25. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  26. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +23 -20
  27. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +24 -19
  28. package/dist/hawaiian/JSObject--allTokens.js +273 -176
  29. package/dist/hawaiian/SCSSVariables--hawaiian.scss +23 -20
  30. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +23 -20
  31. package/dist/hawaiian/primitives--hawaiian.scss +27 -27
  32. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  33. package/package.json +1 -1
  34. package/src/primitives/base/transparency.json +38 -38
  35. package/src/themes/alaska/advanced/boolean.json +2 -2
  36. package/src/themes/alaska/advanced/button/flat.json +58 -0
  37. package/src/themes/alaska/advanced/button/primary.json +0 -8
  38. package/src/themes/alaska/advanced/button/secondary.json +4 -4
  39. package/src/themes/alaska/advanced/button/tertiary.json +0 -32
  40. package/src/themes/alaska/basic/color/text-icon.json +16 -0
  41. package/src/themes/alaska-classic/advanced/accents.json +104 -0
  42. package/src/themes/alaska-classic/advanced/boolean.json +144 -0
  43. package/src/themes/alaska-classic/advanced/button/flat.json +58 -0
  44. package/src/themes/alaska-classic/advanced/button/primary.json +138 -0
  45. package/src/themes/alaska-classic/advanced/button/secondary.json +106 -0
  46. package/src/themes/alaska-classic/advanced/button/tertiary.json +66 -0
  47. package/src/themes/alaska-classic/advanced/hyperlink.json +40 -0
  48. package/src/themes/alaska-classic/advanced/shared.json +48 -0
  49. package/src/themes/alaska-classic/advanced/state.json +72 -0
  50. package/src/themes/alaska-classic/basic/color/border.json +64 -0
  51. package/src/themes/alaska-classic/basic/color/brand.json +104 -0
  52. package/src/themes/alaska-classic/basic/color/fare-brand.json +74 -0
  53. package/src/themes/alaska-classic/basic/color/page-background.json +24 -0
  54. package/src/themes/alaska-classic/basic/color/status.json +80 -0
  55. package/src/themes/alaska-classic/basic/color/surface.json +88 -0
  56. package/src/themes/alaska-classic/basic/color/text-icon.json +72 -0
  57. package/src/themes/alaska-classic/basic/corner-radius.json +30 -0
  58. package/src/themes/alaska-classic/basic/font/accent.json +918 -0
  59. package/src/themes/alaska-classic/basic/font/body.json +218 -0
  60. package/src/themes/alaska-classic/basic/font/display.json +788 -0
  61. package/src/themes/alaska-classic/basic/font/heading.json +788 -0
  62. package/src/themes/hawaiian/advanced/button/flat.json +58 -0
  63. package/src/themes/hawaiian/advanced/button/primary.json +0 -8
  64. package/src/themes/hawaiian/advanced/button/secondary.json +4 -4
  65. package/src/themes/hawaiian/advanced/button/tertiary.json +0 -32
  66. package/src/themes/hawaiian/basic/color/text-icon.json +16 -0
  67. package/src/themes/alaska-classic/color.json +0 -444
  68. package/src/themes/alaska-classic/component/boolean.json +0 -70
  69. package/src/themes/alaska-classic/component/button.json +0 -260
  70. package/src/themes/alaska-classic/component/hyperlink.json +0 -62
  71. package/src/themes/alaska-classic/component/shared.json +0 -46
  72. package/src/themes/alaska-classic/component/state.json +0 -70
  73. package/src/themes/alaska-classic/typography.json +0 -824
package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css ADDED
@@ -0,0 +1,463 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 09 Apr 2025 18:34:55 GMT
4
+ */
5
+
6
+ :root {
7
+ --ds-advanced-color-button-flat-text: #676767;
8
+ --ds-advanced-color-button-flat-text-disabled: #d0d0d0;
9
+ --ds-advanced-color-button-flat-text-hover: #525252;
10
+ --ds-advanced-color-button-flat-text-inverse: #ffffff;
11
+ --ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;
12
+ --ds-advanced-color-button-flat-text-inverse-hover: #adadad;
13
+ --ds-advanced-color-button-primary-background: #0074ca;
14
+ --ds-advanced-color-button-primary-background-disabled: #acc9e2;
15
+ --ds-advanced-color-button-primary-background-hover: #003761;
16
+ --ds-advanced-color-button-primary-background-inactive: #aedeff;
17
+ --ds-advanced-color-button-primary-background-inactive-hover: #289bee;
18
+ --ds-advanced-color-button-primary-background-inverse: #5de3f7;
19
+ --ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);
20
+ --ds-advanced-color-button-primary-background-inverse-hover: #b4eff9;
21
+ --ds-advanced-color-button-primary-border: #0074ca;
22
+ --ds-advanced-color-button-primary-border-disabled: #acc9e2;
23
+ --ds-advanced-color-button-primary-border-hover: #003761;
24
+ --ds-advanced-color-button-primary-border-inverse: #5de3f7;
25
+ --ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);
26
+ --ds-advanced-color-button-primary-border-inverse-hover: #b4eff9;
27
+ --ds-advanced-color-button-primary-text: #ffffff;
28
+ --ds-advanced-color-button-primary-text-inverse: #2a2a2a;
29
+ --ds-advanced-color-button-secondary-background: #ffffff;
30
+ --ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
31
+ --ds-advanced-color-button-secondary-background-hover: #f2f2f2;
32
+ --ds-advanced-color-button-secondary-background-inverse-hover: #ebfafd;
33
+ --ds-advanced-color-button-secondary-border: #0074ca;
34
+ --ds-advanced-color-button-secondary-border-hover: #003761;
35
+ --ds-advanced-color-button-secondary-border-disabled: #dddddd;
36
+ --ds-advanced-color-button-secondary-border-inverse: #5de3f7;
37
+ --ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
38
+ --ds-advanced-color-button-secondary-text: #0074ca;
39
+ --ds-advanced-color-button-secondary-text-hover: #01426a;
40
+ --ds-advanced-color-button-secondary-text-inverse: #5de3f7;
41
+ --ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);
42
+ --ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);
43
+ --ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);
44
+ --ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);
45
+ --ds-advanced-color-button-tertiary-text: #0074ca;
46
+ --ds-advanced-color-button-tertiary-text-hover: #003761;
47
+ --ds-advanced-color-button-tertiary-text-inverse: #5de3f7;
48
+ --ds-advanced-color-accents-accent1: #b2d583;
49
+ --ds-advanced-color-accents-accent1-bold: #92c450;
50
+ --ds-advanced-color-accents-accent1-muted: #deedca;
51
+ --ds-advanced-color-accents-accent2: #fad362;
52
+ --ds-advanced-color-accents-accent2-bold: #f2ba14;
53
+ --ds-advanced-color-accents-accent2-muted: #fde398;
54
+ --ds-advanced-color-accents-accent3: #63beff;
55
+ --ds-advanced-color-accents-accent3-bold: #0074ca;
56
+ --ds-advanced-color-accents-accent3-muted: #aedeff;
57
+ --ds-advanced-color-accents-accent4: #feb17a;
58
+ --ds-advanced-color-accents-accent4-bold: #fb7f24;
59
+ --ds-advanced-color-accents-accent4-muted: #ffe2cf;
60
+ --ds-advanced-color-boolean-disabled-inverse: #7e8894;
61
+ --ds-advanced-color-boolean-error: #e31f26;
62
+ --ds-advanced-color-boolean-error-hover: #b1161c;
63
+ --ds-advanced-color-boolean-error-inverse: #f9a4a8;
64
+ --ds-advanced-color-boolean-error-inverse-hover: #f15f65;
65
+ --ds-advanced-color-boolean-indicator: #ffffff;
66
+ --ds-advanced-color-boolean-indicator-inverse: #0074ca;
67
+ --ds-advanced-color-boolean-isfalse: #ffffff;
68
+ --ds-advanced-color-boolean-isfalse-border: #585e67;
69
+ --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
70
+ --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
71
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
72
+ --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
73
+ --ds-advanced-color-boolean-istrue: #0074ca;
74
+ --ds-advanced-color-boolean-istrue-hover: #003761;
75
+ --ds-advanced-color-boolean-istrue-inverse: #ffffff;
76
+ --ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
77
+ --ds-advanced-color-hyperlink-text: #0074ca;
78
+ --ds-advanced-color-hyperlink-text-hover: #01426a;
79
+ --ds-advanced-color-hyperlink-text-inverse: #97eaf8;
80
+ --ds-advanced-color-hyperlink-text-inverse-hover: #b4eff9;
81
+ --ds-advanced-color-shared-background: #ffffff;
82
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
83
+ --ds-advanced-color-shared-background-muted: #f7f7f7;
84
+ --ds-advanced-color-shared-background-strong: #7e7e7e;
85
+ --ds-advanced-color-shared-text-accent: #0074ca;
86
+ --ds-advanced-color-state-background-disabled: #dddddd;
87
+ --ds-advanced-color-state-background-hover: #f2f2f2;
88
+ --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
89
+ --ds-advanced-color-state-error-inverse: #e31f26;
90
+ --ds-advanced-color-state-focused: #0074ca;
91
+ --ds-advanced-color-state-focused-inverse: #5de3f7;
92
+ --ds-advanced-color-state-selected: #0074ca;
93
+ --ds-advanced-color-state-selected-hover: #003761;
94
+ --ds-basic-color-border-bold: #585e67;
95
+ --ds-basic-color-border-brand: #01426a;
96
+ --ds-basic-color-border-default: #959595;
97
+ --ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);
98
+ --ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);
99
+ --ds-basic-color-border-inverse: #ffffff;
100
+ --ds-basic-color-border-subtle: #dddddd;
101
+ --ds-basic-color-brand-primary: #0074ca;
102
+ --ds-basic-color-brand-primary-bold: #003761;
103
+ --ds-basic-color-brand-primary-muted: #ebf7ff;
104
+ --ds-basic-color-brand-primary-subtle: #289bee;
105
+ --ds-basic-color-brand-secondary: #01426a;
106
+ --ds-basic-color-brand-secondary-bold: #00274a;
107
+ --ds-basic-color-brand-secondary-muted: #ebf3f9;
108
+ --ds-basic-color-brand-secondary-subtle: #2875b5;
109
+ --ds-basic-color-brand-tertiary: #5de3f7;
110
+ --ds-basic-color-brand-tertiary-bold: #18c3dd;
111
+ --ds-basic-color-brand-tertiary-muted: #ebfafd;
112
+ --ds-basic-color-brand-tertiary-subtle: #b4eff9;
113
+ --ds-basic-color-fare-basiceconomy: #97eaf8;
114
+ --ds-basic-color-fare-business: #01426a;
115
+ --ds-basic-color-fare-economy: #0074ca;
116
+ --ds-basic-color-fare-first: #00274a;
117
+ --ds-basic-color-fare-oneworld-emerald: #139142;
118
+ --ds-basic-color-fare-oneworld-ruby: #a41d4a;
119
+ --ds-basic-color-fare-oneworld-sapphire: #015daa;
120
+ --ds-basic-color-fare-premiumeconomy: #005154;
121
+ --ds-basic-color-page-background-default: #ffffff;
122
+ --ds-basic-color-page-background-utility: #f7f8fa;
123
+ --ds-basic-color-status-default: #afb9c6;
124
+ --ds-basic-color-status-error: #e31f26;
125
+ --ds-basic-color-status-error-subtle: #fbc6c6;
126
+ --ds-basic-color-status-info: #007db1;
127
+ --ds-basic-color-status-info-subtle: #e8f2f8;
128
+ --ds-basic-color-status-success: #447a1f;
129
+ --ds-basic-color-status-success-subtle: #d6eac7;
130
+ --ds-basic-color-status-warning: #fac200;
131
+ --ds-basic-color-status-warning-subtle: #fff0b2;
132
+ --ds-basic-color-surface-accent1: #0074ca;
133
+ --ds-basic-color-surface-accent1-muted: #ebf7ff;
134
+ --ds-basic-color-surface-accent1-subtle: #289bee;
135
+ --ds-basic-color-surface-accent2: #959595;
136
+ --ds-basic-color-surface-accent2-muted: #c5c5c5;
137
+ --ds-basic-color-surface-default: #ffffff;
138
+ --ds-basic-color-surface-inverse: #01426a;
139
+ --ds-basic-color-surface-inverse-subtle: #2875b5;
140
+ --ds-basic-color-surface-neutral-medium: #c5c5c5;
141
+ --ds-basic-color-surface-neutral-subtle: #f7f7f7;
142
+ --ds-basic-color-texticon-accent1: #01426a;
143
+ --ds-basic-color-texticon-default: #2a2a2a;
144
+ --ds-basic-color-texticon-disabled: #d0d0d0;
145
+ --ds-basic-color-texticon-disabled-inverse: #7e8894;
146
+ --ds-basic-color-texticon-inverse: #ffffff;
147
+ --ds-basic-color-texticon-inverse-disabled: #7e8894;
148
+ --ds-basic-color-texticon-inverse-muted: #ccd2db;
149
+ --ds-basic-color-texticon-muted: #676767;
150
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-family: AS Circular;
151
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-size: 38px;
152
+ --ds-basic-text-accent-xxl-breakpoint-lg-font-weight: Book;
153
+ --ds-basic-text-accent-xxl-breakpoint-lg-letter-spacing: .05em;
154
+ --ds-basic-text-accent-xxl-breakpoint-lg-line-height: 100%;
155
+ --ds-basic-text-accent-xxl-breakpoint-md-font-family: AS Circular;
156
+ --ds-basic-text-accent-xxl-breakpoint-md-font-size: 38px;
157
+ --ds-basic-text-accent-xxl-breakpoint-md-font-weight: Book;
158
+ --ds-basic-text-accent-xxl-breakpoint-md-letter-spacing: .05em;
159
+ --ds-basic-text-accent-xxl-breakpoint-md-line-height: 100%;
160
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-family: AS Circular;
161
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-size: 32px;
162
+ --ds-basic-text-accent-xxl-breakpoint-sm-font-weight: Book;
163
+ --ds-basic-text-accent-xxl-breakpoint-sm-letter-spacing: .05em;
164
+ --ds-basic-text-accent-xxl-breakpoint-sm-line-height: 100%;
165
+ --ds-basic-text-accent-xl-breakpoint-lg-font-family: AS Circular;
166
+ --ds-basic-text-accent-xl-breakpoint-lg-font-size: 32px;
167
+ --ds-basic-text-accent-xl-breakpoint-lg-font-weight: Book;
168
+ --ds-basic-text-accent-xl-breakpoint-lg-letter-spacing: .05em;
169
+ --ds-basic-text-accent-xl-breakpoint-lg-line-height: 130%;
170
+ --ds-basic-text-accent-xl-breakpoint-md-font-family: AS Circular;
171
+ --ds-basic-text-accent-xl-breakpoint-md-font-size: 28px;
172
+ --ds-basic-text-accent-xl-breakpoint-md-font-weight: Book;
173
+ --ds-basic-text-accent-xl-breakpoint-md-letter-spacing: .05em;
174
+ --ds-basic-text-accent-xl-breakpoint-md-line-height: 130%;
175
+ --ds-basic-text-accent-xl-breakpoint-sm-font-family: AS Circular;
176
+ --ds-basic-text-accent-xl-breakpoint-sm-font-size: 26px;
177
+ --ds-basic-text-accent-xl-breakpoint-sm-font-weight: Book;
178
+ --ds-basic-text-accent-xl-breakpoint-sm-letter-spacing: .05em;
179
+ --ds-basic-text-accent-xl-breakpoint-sm-line-height: 130%;
180
+ --ds-basic-text-accent-lg-breakpoint-lg-font-family: AS Circular;
181
+ --ds-basic-text-accent-lg-breakpoint-lg-font-size: 28px;
182
+ --ds-basic-text-accent-lg-breakpoint-lg-font-weight: Book;
183
+ --ds-basic-text-accent-lg-breakpoint-lg-letter-spacing: .05em;
184
+ --ds-basic-text-accent-lg-breakpoint-lg-line-height: 130%;
185
+ --ds-basic-text-accent-lg-breakpoint-md-font-family: AS Circular;
186
+ --ds-basic-text-accent-lg-breakpoint-md-font-size: 26px;
187
+ --ds-basic-text-accent-lg-breakpoint-md-font-weight: Book;
188
+ --ds-basic-text-accent-lg-breakpoint-md-letter-spacing: .05em;
189
+ --ds-basic-text-accent-lg-breakpoint-md-line-height: 130%;
190
+ --ds-basic-text-accent-lg-breakpoint-sm-font-family: AS Circular;
191
+ --ds-basic-text-accent-lg-breakpoint-sm-font-size: 24px;
192
+ --ds-basic-text-accent-lg-breakpoint-sm-font-weight: Book;
193
+ --ds-basic-text-accent-lg-breakpoint-sm-letter-spacing: .05em;
194
+ --ds-basic-text-accent-lg-breakpoint-sm-line-height: 130%;
195
+ --ds-basic-text-accent-md-breakpoint-lg-font-family: AS Circular;
196
+ --ds-basic-text-accent-md-breakpoint-lg-font-size: 24px;
197
+ --ds-basic-text-accent-md-breakpoint-lg-font-weight: Cond Medium;
198
+ --ds-basic-text-accent-md-breakpoint-lg-letter-spacing: .05em;
199
+ --ds-basic-text-accent-md-breakpoint-lg-line-height: 130%;
200
+ --ds-basic-text-accent-md-breakpoint-md-font-family: AS Circular;
201
+ --ds-basic-text-accent-md-breakpoint-md-font-size: 22px;
202
+ --ds-basic-text-accent-md-breakpoint-md-font-weight: Cond Medium;
203
+ --ds-basic-text-accent-md-breakpoint-md-letter-spacing: .05em;
204
+ --ds-basic-text-accent-md-breakpoint-md-line-height: 130%;
205
+ --ds-basic-text-accent-md-breakpoint-sm-font-family: AS Circular;
206
+ --ds-basic-text-accent-md-breakpoint-sm-font-size: 22px;
207
+ --ds-basic-text-accent-md-breakpoint-sm-font-weight: Cond Medium;
208
+ --ds-basic-text-accent-md-breakpoint-sm-letter-spacing: .05em;
209
+ --ds-basic-text-accent-md-breakpoint-sm-line-height: 130%;
210
+ --ds-basic-text-accent-sm-breakpoint-lg-font-family: AS Circular;
211
+ --ds-basic-text-accent-sm-breakpoint-lg-font-size: 20px;
212
+ --ds-basic-text-accent-sm-breakpoint-lg-font-weight: Cond Medium;
213
+ --ds-basic-text-accent-sm-breakpoint-lg-letter-spacing: .05em;
214
+ --ds-basic-text-accent-sm-breakpoint-lg-line-height: 130%;
215
+ --ds-basic-text-accent-sm-breakpoint-md-font-family: AS Circular;
216
+ --ds-basic-text-accent-sm-breakpoint-md-font-size: 18px;
217
+ --ds-basic-text-accent-sm-breakpoint-md-font-weight: Cond Medium;
218
+ --ds-basic-text-accent-sm-breakpoint-md-letter-spacing: .05em;
219
+ --ds-basic-text-accent-sm-breakpoint-md-line-height: 130%;
220
+ --ds-basic-text-accent-sm-breakpoint-sm-font-family: AS Circular;
221
+ --ds-basic-text-accent-sm-breakpoint-sm-font-size: 18px;
222
+ --ds-basic-text-accent-sm-breakpoint-sm-font-weight: Cond Medium;
223
+ --ds-basic-text-accent-sm-breakpoint-sm-letter-spacing: .05em;
224
+ --ds-basic-text-accent-sm-breakpoint-sm-line-height: 130%;
225
+ --ds-basic-text-accent-xs-breakpoint-lg-font-family: AS Circular;
226
+ --ds-basic-text-accent-xs-breakpoint-lg-font-size: 16px;
227
+ --ds-basic-text-accent-xs-breakpoint-lg-font-weight: Cond Medium;
228
+ --ds-basic-text-accent-xs-breakpoint-lg-letter-spacing: .10em;
229
+ --ds-basic-text-accent-xs-breakpoint-lg-line-height: 130%;
230
+ --ds-basic-text-accent-xs-breakpoint-md-font-family: AS Circular;
231
+ --ds-basic-text-accent-xs-breakpoint-md-font-size: 16px;
232
+ --ds-basic-text-accent-xs-breakpoint-md-font-weight: Cond Medium;
233
+ --ds-basic-text-accent-xs-breakpoint-md-letter-spacing: .10em;
234
+ --ds-basic-text-accent-xs-breakpoint-md-line-height: 130%;
235
+ --ds-basic-text-accent-xs-breakpoint-sm-font-family: AS Circular;
236
+ --ds-basic-text-accent-xs-breakpoint-sm-font-size: 16px;
237
+ --ds-basic-text-accent-xs-breakpoint-sm-font-weight: Cond Medium;
238
+ --ds-basic-text-accent-xs-breakpoint-sm-letter-spacing: .10em;
239
+ --ds-basic-text-accent-xs-breakpoint-sm-line-height: 130%;
240
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-family: AS Circular;
241
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-size: 14px;
242
+ --ds-basic-text-accent-xxs-breakpoint-lg-font-weight: Book;
243
+ --ds-basic-text-accent-xxs-breakpoint-lg-letter-spacing: .10em;
244
+ --ds-basic-text-accent-xxs-breakpoint-lg-line-height: 130%;
245
+ --ds-basic-text-accent-xxs-breakpoint-md-font-family: AS Circular;
246
+ --ds-basic-text-accent-xxs-breakpoint-md-font-size: 14px;
247
+ --ds-basic-text-accent-xxs-breakpoint-md-font-weight: Book;
248
+ --ds-basic-text-accent-xxs-breakpoint-md-letter-spacing: .10em;
249
+ --ds-basic-text-accent-xxs-breakpoint-md-line-height: 130%;
250
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-family: AS Circular;
251
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-size: 14px;
252
+ --ds-basic-text-accent-xxs-breakpoint-sm-font-weight: Book;
253
+ --ds-basic-text-accent-xxs-breakpoint-sm-letter-spacing: .10em;
254
+ --ds-basic-text-accent-xxs-breakpoint-sm-line-height: 130%;
255
+ --ds-basic-text-body-lg-font-family: AS Circular;
256
+ --ds-basic-text-body-lg-font-size: 18px;
257
+ --ds-basic-text-body-lg-font-weight: Book;
258
+ --ds-basic-text-body-lg-letter-spacing: 0;
259
+ --ds-basic-text-body-lg-line-height: 26px;
260
+ --ds-basic-text-body-default-font-family: AS Circular;
261
+ --ds-basic-text-body-default-font-size: 16px;
262
+ --ds-basic-text-body-default-font-weight: Book;
263
+ --ds-basic-text-body-default-letter-spacing: 0;
264
+ --ds-basic-text-body-default-line-height: 24px;
265
+ --ds-basic-text-body-sm-font-family: AS Circular;
266
+ --ds-basic-text-body-sm-font-size: 14px;
267
+ --ds-basic-text-body-sm-font-weight: Book;
268
+ --ds-basic-text-body-sm-letter-spacing: 0;
269
+ --ds-basic-text-body-sm-line-height: 20px;
270
+ --ds-basic-text-body-xs-font-family: AS Circular;
271
+ --ds-basic-text-body-xs-font-size: 12px;
272
+ --ds-basic-text-body-xs-font-weight: Book;
273
+ --ds-basic-text-body-xs-letter-spacing: 0;
274
+ --ds-basic-text-body-xs-line-height: 16px;
275
+ --ds-basic-text-body-xxs-font-family: AS Circular;
276
+ --ds-basic-text-body-xxs-font-size: 10px;
277
+ --ds-basic-text-body-xxs-font-weight: Book;
278
+ --ds-basic-text-body-xxs-letter-spacing: 0;
279
+ --ds-basic-text-body-xxs-line-height: 14px;
280
+ --ds-basic-text-display-xxl-breakpoint-lg-font-family: AS Circular;
281
+ --ds-basic-text-display-xxl-breakpoint-lg-font-size: 86px;
282
+ --ds-basic-text-display-xxl-breakpoint-lg-font-weight: Light;
283
+ --ds-basic-text-display-xxl-breakpoint-lg-letter-spacing: 0;
284
+ --ds-basic-text-display-xxl-breakpoint-lg-line-height: 130%;
285
+ --ds-basic-text-display-xxl-breakpoint-md-font-family: AS Circular;
286
+ --ds-basic-text-display-xxl-breakpoint-md-font-size: 72px;
287
+ --ds-basic-text-display-xxl-breakpoint-md-font-weight: Light;
288
+ --ds-basic-text-display-xxl-breakpoint-md-letter-spacing: 0;
289
+ --ds-basic-text-display-xxl-breakpoint-md-line-height: 130%;
290
+ --ds-basic-text-display-xxl-breakpoint-sm-font-family: AS Circular;
291
+ --ds-basic-text-display-xxl-breakpoint-sm-font-size: 56px;
292
+ --ds-basic-text-display-xxl-breakpoint-sm-font-weight: Light;
293
+ --ds-basic-text-display-xxl-breakpoint-sm-letter-spacing: 0;
294
+ --ds-basic-text-display-xxl-breakpoint-sm-line-height: 130%;
295
+ --ds-basic-text-display-xl-breakpoint-lg-font-family: AS Circular;
296
+ --ds-basic-text-display-xl-breakpoint-lg-font-size: 72px;
297
+ --ds-basic-text-display-xl-breakpoint-lg-font-weight: Light;
298
+ --ds-basic-text-display-xl-breakpoint-lg-letter-spacing: 0;
299
+ --ds-basic-text-display-xl-breakpoint-lg-line-height: 130%;
300
+ --ds-basic-text-display-xl-breakpoint-md-font-family: AS Circular;
301
+ --ds-basic-text-display-xl-breakpoint-md-font-size: 64px;
302
+ --ds-basic-text-display-xl-breakpoint-md-font-weight: Light;
303
+ --ds-basic-text-display-xl-breakpoint-md-letter-spacing: 0;
304
+ --ds-basic-text-display-xl-breakpoint-md-line-height: 130%;
305
+ --ds-basic-text-display-xl-breakpoint-sm-font-family: AS Circular;
306
+ --ds-basic-text-display-xl-breakpoint-sm-font-size: 48px;
307
+ --ds-basic-text-display-xl-breakpoint-sm-font-weight: Light;
308
+ --ds-basic-text-display-xl-breakpoint-sm-letter-spacing: 0;
309
+ --ds-basic-text-display-xl-breakpoint-sm-line-height: 130%;
310
+ --ds-basic-text-display-lg-breakpoint-lg-font-family: AS Circular;
311
+ --ds-basic-text-display-lg-breakpoint-lg-font-size: 64px;
312
+ --ds-basic-text-display-lg-breakpoint-lg-font-weight: Light;
313
+ --ds-basic-text-display-lg-breakpoint-lg-letter-spacing: 0;
314
+ --ds-basic-text-display-lg-breakpoint-lg-line-height: 130%;
315
+ --ds-basic-text-display-lg-breakpoint-md-font-family: AS Circular;
316
+ --ds-basic-text-display-lg-breakpoint-md-font-size: 56px;
317
+ --ds-basic-text-display-lg-breakpoint-md-font-weight: Light;
318
+ --ds-basic-text-display-lg-breakpoint-md-letter-spacing: 0;
319
+ --ds-basic-text-display-lg-breakpoint-md-line-height: 130%;
320
+ --ds-basic-text-display-lg-breakpoint-sm-font-family: AS Circular;
321
+ --ds-basic-text-display-lg-breakpoint-sm-font-size: 44px;
322
+ --ds-basic-text-display-lg-breakpoint-sm-font-weight: Light;
323
+ --ds-basic-text-display-lg-breakpoint-sm-letter-spacing: 0;
324
+ --ds-basic-text-display-lg-breakpoint-sm-line-height: 130%;
325
+ --ds-basic-text-display-md-breakpoint-lg-font-family: AS Circular;
326
+ --ds-basic-text-display-md-breakpoint-lg-font-size: 56px;
327
+ --ds-basic-text-display-md-breakpoint-lg-font-weight: Light;
328
+ --ds-basic-text-display-md-breakpoint-lg-letter-spacing: 0;
329
+ --ds-basic-text-display-md-breakpoint-lg-line-height: 130%;
330
+ --ds-basic-text-display-md-breakpoint-md-font-family: AS Circular;
331
+ --ds-basic-text-display-md-breakpoint-md-font-size: 48px;
332
+ --ds-basic-text-display-md-breakpoint-md-font-weight: Light;
333
+ --ds-basic-text-display-md-breakpoint-md-letter-spacing: 0;
334
+ --ds-basic-text-display-md-breakpoint-md-line-height: 130%;
335
+ --ds-basic-text-display-md-breakpoint-sm-font-family: AS Circular;
336
+ --ds-basic-text-display-md-breakpoint-sm-font-size: 40px;
337
+ --ds-basic-text-display-md-breakpoint-sm-font-weight: Light;
338
+ --ds-basic-text-display-md-breakpoint-sm-letter-spacing: 0;
339
+ --ds-basic-text-display-md-breakpoint-sm-line-height: 130%;
340
+ --ds-basic-text-display-sm-breakpoint-lg-font-family: AS Circular;
341
+ --ds-basic-text-display-sm-breakpoint-lg-font-size: 48px;
342
+ --ds-basic-text-display-sm-breakpoint-lg-font-weight: Light;
343
+ --ds-basic-text-display-sm-breakpoint-lg-letter-spacing: 0;
344
+ --ds-basic-text-display-sm-breakpoint-lg-line-height: 130%;
345
+ --ds-basic-text-display-sm-breakpoint-md-font-family: AS Circular;
346
+ --ds-basic-text-display-sm-breakpoint-md-font-size: 44px;
347
+ --ds-basic-text-display-sm-breakpoint-md-font-weight: Light;
348
+ --ds-basic-text-display-sm-breakpoint-md-letter-spacing: 0;
349
+ --ds-basic-text-display-sm-breakpoint-md-line-height: 130%;
350
+ --ds-basic-text-display-sm-breakpoint-sm-font-family: AS Circular;
351
+ --ds-basic-text-display-sm-breakpoint-sm-font-size: 32px;
352
+ --ds-basic-text-display-sm-breakpoint-sm-font-weight: Light;
353
+ --ds-basic-text-display-sm-breakpoint-sm-letter-spacing: 0;
354
+ --ds-basic-text-display-sm-breakpoint-sm-line-height: 130%;
355
+ --ds-basic-text-display-xs-breakpoint-lg-font-family: AS Circular;
356
+ --ds-basic-text-display-xs-breakpoint-lg-font-size: 38px;
357
+ --ds-basic-text-display-xs-breakpoint-lg-font-weight: Light;
358
+ --ds-basic-text-display-xs-breakpoint-lg-letter-spacing: 0;
359
+ --ds-basic-text-display-xs-breakpoint-lg-line-height: 130%;
360
+ --ds-basic-text-display-xs-breakpoint-md-font-family: AS Circular;
361
+ --ds-basic-text-display-xs-breakpoint-md-font-size: 36px;
362
+ --ds-basic-text-display-xs-breakpoint-md-font-weight: Light;
363
+ --ds-basic-text-display-xs-breakpoint-md-letter-spacing: 0;
364
+ --ds-basic-text-display-xs-breakpoint-md-line-height: 130%;
365
+ --ds-basic-text-display-xs-breakpoint-sm-font-family: AS Circular;
366
+ --ds-basic-text-display-xs-breakpoint-sm-font-size: 28px;
367
+ --ds-basic-text-display-xs-breakpoint-sm-font-weight: Light;
368
+ --ds-basic-text-display-xs-breakpoint-sm-letter-spacing: 0;
369
+ --ds-basic-text-display-xs-breakpoint-sm-line-height: 130%;
370
+ --ds-basic-text-heading-xl-breakpoint-lg-font-family: AS Circular;
371
+ --ds-basic-text-heading-xl-breakpoint-lg-font-size: 40px;
372
+ --ds-basic-text-heading-xl-breakpoint-lg-font-weight: Book;
373
+ --ds-basic-text-heading-xl-breakpoint-lg-letter-spacing: .05em;
374
+ --ds-basic-text-heading-xl-breakpoint-lg-line-height: 130%;
375
+ --ds-basic-text-heading-xl-breakpoint-md-font-family: AS Circular;
376
+ --ds-basic-text-heading-xl-breakpoint-md-font-size: 36px;
377
+ --ds-basic-text-heading-xl-breakpoint-md-font-weight: Book;
378
+ --ds-basic-text-heading-xl-breakpoint-md-letter-spacing: .05em;
379
+ --ds-basic-text-heading-xl-breakpoint-md-line-height: 130%;
380
+ --ds-basic-text-heading-xl-breakpoint-sm-font-family: AS Circular;
381
+ --ds-basic-text-heading-xl-breakpoint-sm-font-size: 32px;
382
+ --ds-basic-text-heading-xl-breakpoint-sm-font-weight: Book;
383
+ --ds-basic-text-heading-xl-breakpoint-sm-letter-spacing: .05em;
384
+ --ds-basic-text-heading-xl-breakpoint-sm-line-height: 130%;
385
+ --ds-basic-text-heading-lg-breakpoint-lg-font-family: AS Circular;
386
+ --ds-basic-text-heading-lg-breakpoint-lg-font-size: 36px;
387
+ --ds-basic-text-heading-lg-breakpoint-lg-font-weight: Book;
388
+ --ds-basic-text-heading-lg-breakpoint-lg-letter-spacing: .05em;
389
+ --ds-basic-text-heading-lg-breakpoint-lg-line-height: 130%;
390
+ --ds-basic-text-heading-lg-breakpoint-md-font-family: AS Circular;
391
+ --ds-basic-text-heading-lg-breakpoint-md-font-size: 32px;
392
+ --ds-basic-text-heading-lg-breakpoint-md-font-weight: Book;
393
+ --ds-basic-text-heading-lg-breakpoint-md-letter-spacing: .05em;
394
+ --ds-basic-text-heading-lg-breakpoint-md-line-height: 130%;
395
+ --ds-basic-text-heading-lg-breakpoint-sm-font-family: AS Circular;
396
+ --ds-basic-text-heading-lg-breakpoint-sm-font-size: 28px;
397
+ --ds-basic-text-heading-lg-breakpoint-sm-font-weight: Book;
398
+ --ds-basic-text-heading-lg-breakpoint-sm-letter-spacing: .05em;
399
+ --ds-basic-text-heading-lg-breakpoint-sm-line-height: 130%;
400
+ --ds-basic-text-heading-md-breakpoint-lg-font-family: AS Circular;
401
+ --ds-basic-text-heading-md-breakpoint-lg-font-size: 28px;
402
+ --ds-basic-text-heading-md-breakpoint-lg-font-weight: Medium;
403
+ --ds-basic-text-heading-md-breakpoint-lg-letter-spacing: .05em;
404
+ --ds-basic-text-heading-md-breakpoint-lg-line-height: 130%;
405
+ --ds-basic-text-heading-md-breakpoint-md-font-family: AS Circular;
406
+ --ds-basic-text-heading-md-breakpoint-md-font-size: 28px;
407
+ --ds-basic-text-heading-md-breakpoint-md-font-weight: Medium;
408
+ --ds-basic-text-heading-md-breakpoint-md-letter-spacing: .05em;
409
+ --ds-basic-text-heading-md-breakpoint-md-line-height: 130%;
410
+ --ds-basic-text-heading-md-breakpoint-sm-font-family: AS Circular;
411
+ --ds-basic-text-heading-md-breakpoint-sm-font-size: 26px;
412
+ --ds-basic-text-heading-md-breakpoint-sm-font-weight: Medium;
413
+ --ds-basic-text-heading-md-breakpoint-sm-letter-spacing: .05em;
414
+ --ds-basic-text-heading-md-breakpoint-sm-line-height: 130%;
415
+ --ds-basic-text-heading-sm-breakpoint-lg-font-family: AS Circular;
416
+ --ds-basic-text-heading-sm-breakpoint-lg-font-size: 24px;
417
+ --ds-basic-text-heading-sm-breakpoint-lg-font-weight: Medium;
418
+ --ds-basic-text-heading-sm-breakpoint-lg-letter-spacing: .05em;
419
+ --ds-basic-text-heading-sm-breakpoint-lg-line-height: 130%;
420
+ --ds-basic-text-heading-sm-breakpoint-md-font-family: AS Circular;
421
+ --ds-basic-text-heading-sm-breakpoint-md-font-size: 24px;
422
+ --ds-basic-text-heading-sm-breakpoint-md-font-weight: Medium;
423
+ --ds-basic-text-heading-sm-breakpoint-md-letter-spacing: .05em;
424
+ --ds-basic-text-heading-sm-breakpoint-md-line-height: 130%;
425
+ --ds-basic-text-heading-sm-breakpoint-sm-font-family: AS Circular;
426
+ --ds-basic-text-heading-sm-breakpoint-sm-font-size: 22px;
427
+ --ds-basic-text-heading-sm-breakpoint-sm-font-weight: Medium;
428
+ --ds-basic-text-heading-sm-breakpoint-sm-letter-spacing: .05em;
429
+ --ds-basic-text-heading-sm-breakpoint-sm-line-height: 130%;
430
+ --ds-basic-text-heading-xs-breakpoint-lg-font-family: AS Circular;
431
+ --ds-basic-text-heading-xs-breakpoint-lg-font-size: 20px;
432
+ --ds-basic-text-heading-xs-breakpoint-lg-font-weight: Medium;
433
+ --ds-basic-text-heading-xs-breakpoint-lg-letter-spacing: .05em;
434
+ --ds-basic-text-heading-xs-breakpoint-lg-line-height: 130%;
435
+ --ds-basic-text-heading-xs-breakpoint-md-font-family: AS Circular;
436
+ --ds-basic-text-heading-xs-breakpoint-md-font-size: 20px;
437
+ --ds-basic-text-heading-xs-breakpoint-md-font-weight: Medium;
438
+ --ds-basic-text-heading-xs-breakpoint-md-letter-spacing: .05em;
439
+ --ds-basic-text-heading-xs-breakpoint-md-line-height: 130%;
440
+ --ds-basic-text-heading-xs-breakpoint-sm-font-family: AS Circular;
441
+ --ds-basic-text-heading-xs-breakpoint-sm-font-size: 20px;
442
+ --ds-basic-text-heading-xs-breakpoint-sm-font-weight: Medium;
443
+ --ds-basic-text-heading-xs-breakpoint-sm-letter-spacing: .05em;
444
+ --ds-basic-text-heading-xs-breakpoint-sm-line-height: 130%;
445
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-family: AS Circular;
446
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-size: 18px;
447
+ --ds-basic-text-heading-xxs-breakpoint-lg-font-weight: Medium;
448
+ --ds-basic-text-heading-xxs-breakpoint-lg-letter-spacing: 0;
449
+ --ds-basic-text-heading-xxs-breakpoint-lg-line-height: 130%;
450
+ --ds-basic-text-heading-xxs-breakpoint-md-font-family: AS Circular;
451
+ --ds-basic-text-heading-xxs-breakpoint-md-font-size: 18px;
452
+ --ds-basic-text-heading-xxs-breakpoint-md-font-weight: Medium;
453
+ --ds-basic-text-heading-xxs-breakpoint-md-letter-spacing: 0;
454
+ --ds-basic-text-heading-xxs-breakpoint-md-line-height: 130%;
455
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-family: AS Circular;
456
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-size: 18px;
457
+ --ds-basic-text-heading-xxs-breakpoint-sm-font-weight: Medium;
458
+ --ds-basic-text-heading-xxs-breakpoint-sm-letter-spacing: 0;
459
+ --ds-basic-text-heading-xxs-breakpoint-sm-line-height: 130%;
460
+ --ds-basic-corner-radius-large: 100px;
461
+ --ds-basic-corner-radius-medium: 6px;
462
+ --ds-basic-corner-radius-small: 6px;
463
+ }