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