@okta/odyssey-react-mui 1.52.0 → 1.52.1

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 (20) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/FullScreenOverlay.cjs +3 -1
  3. package/dist/cjs/FullScreenOverlay.cjs.map +1 -1
  4. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs +1 -1
  5. package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map +1 -1
  6. package/dist/esm/FullScreenOverlay.js +4 -2
  7. package/dist/esm/FullScreenOverlay.js.map +1 -1
  8. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js +1 -1
  9. package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map +1 -1
  10. package/dist/index.cjs +231 -0
  11. package/dist/index.d.ts +232 -21
  12. package/dist/index.mjs +229 -0
  13. package/dist/index.scss +549 -0
  14. package/dist/tsconfig.production.tsbuildinfo +1 -1
  15. package/dist/types/FullScreenOverlay.d.ts.map +1 -1
  16. package/dist/types/web-component/odysseyWebComponentVersion.generated.d.ts +1 -1
  17. package/package.json +7 -7
  18. package/dist/index.d.ts.map +0 -1
  19. package/dist/index.js +0 -25
  20. package/dist/tsconfig.tsbuildinfo +0 -1
package/dist/index.scss ADDED
@@ -0,0 +1,549 @@
1
+
2
+ /**
3
+ * Do not edit directly
4
+ * Generated on Thu, 29 Jan 2026 14:37:21 GMT
5
+ */
6
+
7
+ $border-color-control: #8d8d8d !default;
8
+ $border-color-display: #e1e1e1 !default;
9
+ $border-color-disabled: #e1e1e1 !default;
10
+ $border-color-danger-light: #fe8f7a !default;
11
+ $border-color-danger-control: #e72500 !default;
12
+ $border-color-danger-dark: #951800 !default;
13
+ $border-color-primary-control: #546be7 !default;
14
+ $border-color-primary-dark: #2e40a5 !default;
15
+ $border-radius-tight: 4px !default;
16
+ $border-radius-main: 6px !default;
17
+ $border-radius-outer: 12px !default;
18
+ $border-radius-round: 1.5em !default;
19
+ $border-style-main: solid !default;
20
+ $border-width-main: 1px !default;
21
+ $border-width-heavy: 1.5px !default;
22
+ $depth-low: 0px 1px 2px 0px rgba(39, 39, 39, 0.07) !default;
23
+ $depth-medium: 0px 1px 4px 0px rgba(39, 39, 39, 0.08), 0px 4px 6px 0px rgba(39, 39, 39, 0.01), 0px 5px 15px 0px rgba(39, 39, 39, 0.05) !default;
24
+ $depth-high: 0px 1px 4px 0px rgba(39, 39, 39, 0.08), 0px 4px 10px 0px rgba(39, 39, 39, 0.08), 0px 8px 30px 0px rgba(39, 39, 39, 0.10) !default;
25
+ $focus-outline-color-primary: #546be7 !default;
26
+ $focus-outline-color-danger: #e72500 !default;
27
+ $focus-outline-offset-main: 2px !default;
28
+ $focus-outline-offset-tight: 0 !default;
29
+ $focus-outline-style: solid !default;
30
+ $focus-outline-width-main: 2px !default;
31
+ $focus-outline-width-tight: 1px !default;
32
+ $hue-neutral-50: #f4f4f4 !default;
33
+ $hue-neutral-100: #ededed !default;
34
+ $hue-neutral-200: #e1e1e1 !default;
35
+ $hue-neutral-300: #cbcbcb !default;
36
+ $hue-neutral-400: #aeaeae !default;
37
+ $hue-neutral-500: #8d8d8d !default;
38
+ $hue-neutral-600: #6e6e6e !default;
39
+ $hue-neutral-700: #4b4b4b !default;
40
+ $hue-neutral-800: #383838 !default;
41
+ $hue-neutral-900: #272727 !default;
42
+ $hue-neutral-white: #ffffff !default;
43
+ $hue-blue-50: #f2f3fd !default;
44
+ $hue-blue-100: #dbe0fa !default;
45
+ $hue-blue-200: #c1c9f6 !default;
46
+ $hue-blue-300: #9daaf1 !default;
47
+ $hue-blue-400: #7286eb !default;
48
+ $hue-blue-500: #546be7 !default;
49
+ $hue-blue-600: #4C64E1 !default;
50
+ $hue-blue-700: #2e40a5 !default;
51
+ $hue-blue-800: #22307c !default;
52
+ $hue-blue-900: #182257 !default;
53
+ $hue-green-50: #defae7 !default;
54
+ $hue-green-100: #94f5b3 !default;
55
+ $hue-green-200: #7be09e !default;
56
+ $hue-green-300: #59c282 !default;
57
+ $hue-green-400: #31a061 !default;
58
+ $hue-green-500: #16884a !default;
59
+ $hue-green-600: #197f48 !default;
60
+ $hue-green-700: #0e562f !default;
61
+ $hue-green-800: #0a4023 !default;
62
+ $hue-green-900: #072e19 !default;
63
+ $hue-red-50: #fff0ee !default;
64
+ $hue-red-100: #ffd8d1 !default;
65
+ $hue-red-200: #febbae !default;
66
+ $hue-red-300: #fe8f7a !default;
67
+ $hue-red-400: #fd4e2d !default;
68
+ $hue-red-500: #e72500 !default;
69
+ $hue-red-600: #d92300 !default;
70
+ $hue-red-700: #951800 !default;
71
+ $hue-red-800: #711200 !default;
72
+ $hue-red-900: #500d00 !default;
73
+ $hue-yellow-50: #fdfad9 !default;
74
+ $hue-yellow-100: #ffe01a !default;
75
+ $hue-yellow-200: #f9c503 !default;
76
+ $hue-yellow-300: #eb9e05 !default;
77
+ $hue-yellow-400: #bf8004 !default;
78
+ $hue-yellow-500: #a16c03 !default;
79
+ $hue-yellow-600: #966603 !default;
80
+ $hue-yellow-700: #664402 !default;
81
+ $hue-yellow-800: #4c3302 !default;
82
+ $hue-yellow-900: #352401 !default;
83
+ $hue-accent-one-50: #F5F2FD !default;
84
+ $hue-accent-one-100: #E4DFF1 !default;
85
+ $hue-accent-one-200: #D2C2FF !default;
86
+ $hue-accent-one-300: #B89FFE !default;
87
+ $hue-accent-one-400: #9777F9 !default;
88
+ $hue-accent-one-500: #8951FB !default;
89
+ $hue-accent-one-600: #6E47C9 !default;
90
+ $hue-accent-one-700: #5227BE !default;
91
+ $hue-accent-one-800: #401895 !default;
92
+ $hue-accent-one-900: #2B0679 !default;
93
+ $hue-accent-two-50: #FCF2E8 !default;
94
+ $hue-accent-two-100: #F7DCD6 !default;
95
+ $hue-accent-two-200: #F2C299 !default;
96
+ $hue-accent-two-300: #ED9B58 !default;
97
+ $hue-accent-two-400: #E06C07 !default;
98
+ $hue-accent-two-500: #C25608 !default;
99
+ $hue-accent-two-600: #964E1E !default;
100
+ $hue-accent-two-700: #964E1E !default;
101
+ $hue-accent-two-800: #50301B !default;
102
+ $hue-accent-two-900: #3E1F09 !default;
103
+ $hue-accent-three-50: #E1F7F7 !default;
104
+ $hue-accent-three-100: #BCEBEA !default;
105
+ $hue-accent-three-200: #89D9D9 !default;
106
+ $hue-accent-three-300: #5CBDBD !default;
107
+ $hue-accent-three-400: #269C9C !default;
108
+ $hue-accent-three-500: #008585 !default;
109
+ $hue-accent-three-600: #1B6C6C !default;
110
+ $hue-accent-three-700: #255157 !default;
111
+ $hue-accent-three-800: #1C3D3D !default;
112
+ $hue-accent-three-900: #12282B !default;
113
+ $hue-accent-four-50: #FFF2E6 !default;
114
+ $hue-accent-four-100: #EBDFCA !default;
115
+ $hue-accent-four-200: #D6C9AD !default;
116
+ $hue-accent-four-300: #C2AB84 !default;
117
+ $hue-accent-four-400: #A18A60 !default;
118
+ $hue-accent-four-500: #87744D !default;
119
+ $hue-accent-four-600: #696803 !default;
120
+ $hue-accent-four-700: #574931 !default;
121
+ $hue-accent-four-800: #403727 !default;
122
+ $hue-accent-four-900: #2E2618 !default;
123
+ $palette-primary-lighter: #f2f3fd !default;
124
+ $palette-primary-light: #9daaf1 !default;
125
+ $palette-primary-main: #546be7 !default;
126
+ $palette-primary-dark: #2e40a5 !default;
127
+ $palette-primary-darker: #22307c !default;
128
+ $palette-primary-text: #4C64E1 !default;
129
+ $palette-primary-heading: #182257 !default;
130
+ $palette-primary-highlight: #dbe0fa !default;
131
+ $palette-danger-lighter: #fff0ee !default;
132
+ $palette-danger-light: #fe8f7a !default;
133
+ $palette-danger-main: #e72500 !default;
134
+ $palette-danger-dark: #951800 !default;
135
+ $palette-danger-darker: #711200 !default;
136
+ $palette-danger-text: #d92300 !default;
137
+ $palette-danger-heading: #500d00 !default;
138
+ $palette-danger-highlight: #ffd8d1 !default;
139
+ $palette-warning-lighter: #fdfad9 !default;
140
+ $palette-warning-light: #eb9e05 !default;
141
+ $palette-warning-main: #a16c03 !default;
142
+ $palette-warning-dark: #664402 !default;
143
+ $palette-warning-darker: #4c3302 !default;
144
+ $palette-warning-text: #966603 !default;
145
+ $palette-warning-heading: #352401 !default;
146
+ $palette-warning-highlight: #ffe01a !default;
147
+ $palette-success-lighter: #defae7 !default;
148
+ $palette-success-light: #59c282 !default;
149
+ $palette-success-main: #16884a !default;
150
+ $palette-success-dark: #0e562f !default;
151
+ $palette-success-darker: #0a4023 !default;
152
+ $palette-success-text: #197f48 !default;
153
+ $palette-success-heading: #072e19 !default;
154
+ $palette-success-highlight: #94f5b3 !default;
155
+ $palette-neutral-main: #6e6e6e !default;
156
+ $palette-neutral-dark: #272727 !default;
157
+ $palette-alpha-opaque: FF !default;
158
+ $palette-alpha-semi: BF !default;
159
+ $shadow-scale-0: 0px 1px 4px rgba(29, 29, 33, 0.08), 0px 4px 6px rgba(29, 29, 33, 0.01), 0px 5px 15px rgba(29, 29, 33, 0.05) !default;
160
+ $shadow-scale-1: 0px 1px 4px rgba(29, 29, 33, 0.08), 0px 4px 10px rgba(29, 29, 33, 0.08), 0px 8px 30px rgba(29, 29, 33, 0.1) !default;
161
+ $spacing-0: 0 !default;
162
+ $spacing-1: 0.28571429rem !default;
163
+ $spacing-2: 0.57142857rem !default;
164
+ $spacing-3: 0.85714286rem !default;
165
+ $spacing-4: 1.14285714rem !default;
166
+ $spacing-5: 1.71428571rem !default;
167
+ $spacing-6: 2.28571429rem !default;
168
+ $spacing-7: 2.85714286rem !default;
169
+ $spacing-8: 3.42857143rem !default;
170
+ $spacing-9: 4rem !default;
171
+ $transition-duration-main: 100ms !default;
172
+ $transition-duration-main-as-number: 100 !default;
173
+ $transition-timing-main: linear !default;
174
+ $typography-color-body: #272727 !default; // Base text color used for most typography
175
+ $typography-color-heading: #272727 !default; // Base text color used for headings
176
+ $typography-color-inverse: #ffffff !default; // Inverse text color typically used on a colorful background
177
+ $typography-color-support: #4b4b4b !default;
178
+ $typography-color-subordinate: #6e6e6e !default; // Text color for subordinate text like captions
179
+ $typography-color-disabled: #aeaeae !default;
180
+ $typography-color-action: #4C64E1 !default;
181
+ $typography-color-danger: #d92300 !default;
182
+ $typography-color-success: #197f48 !default;
183
+ $typography-color-warning: #966603 !default;
184
+ $typography-family-system: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell' !default;
185
+ $typography-family-fallback: 'Helvetica Neue', sans-serif !default;
186
+ $typography-family-aeonik: 'Aeonik' !default;
187
+ $typography-family-inter: 'Inter' !default;
188
+ $typography-family-body: 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif !default;
189
+ $typography-family-heading: 'Aeonik', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif !default;
190
+ $typography-family-button: 'Aeonik', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif !default;
191
+ $typography-family-mono: 'Roboto Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace !default;
192
+ $typography-scale-0: 0.857rem !default;
193
+ $typography-scale-1: 1rem !default;
194
+ $typography-scale-2: 1.143rem !default;
195
+ $typography-scale-3: 1.286rem !default;
196
+ $typography-scale-4: 1.429rem !default;
197
+ $typography-scale-5: 1.571rem !default;
198
+ $typography-scale-6: 1.786rem !default;
199
+ $typography-scale-7: 2rem !default;
200
+ $typography-scale-8: 2.286rem !default;
201
+ $typography-scale-9: 2.571rem !default;
202
+ $typography-scale-10: 2.857rem !default;
203
+ $typography-scale-11: 3.214rem !default;
204
+ $typography-scale-12: 3.643rem !default;
205
+ $typography-size-base: 87.5% !default;
206
+ $typography-size-overline: 0.7142857143rem !default;
207
+ $typography-size-subordinate: 0.857rem !default;
208
+ $typography-size-body: 1rem !default;
209
+ $typography-size-heading6: 1.143rem !default;
210
+ $typography-size-heading5: 1.286rem !default;
211
+ $typography-size-heading4: 1.571rem !default;
212
+ $typography-size-heading3: 2rem !default;
213
+ $typography-size-heading2: 2.286rem !default;
214
+ $typography-size-heading1: 2.571rem !default;
215
+ $typography-style-normal: normal !default;
216
+ $typography-weight-body: 400 !default;
217
+ $typography-weight-body-bold: 600 !default;
218
+ $typography-weight-heading: 500 !default;
219
+ $typography-weight-heading-bold: 700 !default;
220
+ $typography-line-height-body: 1.5 !default;
221
+ $typography-line-height-ui: 1.2 !default;
222
+ $typography-line-height-overline: 1.3 !default;
223
+ $typography-line-height-heading6: 1.3 !default;
224
+ $typography-line-height-heading5: 1.3 !default;
225
+ $typography-line-height-heading4: 1.25 !default;
226
+ $typography-line-height-heading3: 1.25 !default;
227
+ $typography-line-height-heading2: 1.2 !default;
228
+ $typography-line-height-heading1: 1.2 !default;
229
+ $typography-line-length-max: 55ch !default;
230
+ $typography-letter-spacing-overline: .05em !default;
231
+
232
+ $ods-tokens: (
233
+ 'border': (
234
+ 'color': (
235
+ 'control': $border-color-control,
236
+ 'display': $border-color-display,
237
+ 'disabled': $border-color-disabled,
238
+ 'danger': (
239
+ 'light': $border-color-danger-light,
240
+ 'control': $border-color-danger-control,
241
+ 'dark': $border-color-danger-dark
242
+ ),
243
+ 'primary': (
244
+ 'control': $border-color-primary-control,
245
+ 'dark': $border-color-primary-dark
246
+ )
247
+ ),
248
+ 'radius': (
249
+ 'tight': $border-radius-tight,
250
+ 'main': $border-radius-main,
251
+ 'outer': $border-radius-outer,
252
+ 'round': $border-radius-round
253
+ ),
254
+ 'style': (
255
+ 'main': $border-style-main
256
+ ),
257
+ 'width': (
258
+ 'main': $border-width-main,
259
+ 'heavy': $border-width-heavy
260
+ )
261
+ ),
262
+ 'depth': (
263
+ 'low': $depth-low,
264
+ 'medium': $depth-medium,
265
+ 'high': $depth-high
266
+ ),
267
+ 'focus': (
268
+ 'outline': (
269
+ 'color': (
270
+ 'primary': $focus-outline-color-primary,
271
+ 'danger': $focus-outline-color-danger
272
+ ),
273
+ 'offset': (
274
+ 'main': $focus-outline-offset-main,
275
+ 'tight': $focus-outline-offset-tight
276
+ ),
277
+ 'style': $focus-outline-style,
278
+ 'width': (
279
+ 'main': $focus-outline-width-main,
280
+ 'tight': $focus-outline-width-tight
281
+ )
282
+ )
283
+ ),
284
+ 'hue': (
285
+ 'neutral': (
286
+ '50': $hue-neutral-50,
287
+ '100': $hue-neutral-100,
288
+ '200': $hue-neutral-200,
289
+ '300': $hue-neutral-300,
290
+ '400': $hue-neutral-400,
291
+ '500': $hue-neutral-500,
292
+ '600': $hue-neutral-600,
293
+ '700': $hue-neutral-700,
294
+ '800': $hue-neutral-800,
295
+ '900': $hue-neutral-900,
296
+ 'white': $hue-neutral-white
297
+ ),
298
+ 'blue': (
299
+ '50': $hue-blue-50,
300
+ '100': $hue-blue-100,
301
+ '200': $hue-blue-200,
302
+ '300': $hue-blue-300,
303
+ '400': $hue-blue-400,
304
+ '500': $hue-blue-500,
305
+ '600': $hue-blue-600,
306
+ '700': $hue-blue-700,
307
+ '800': $hue-blue-800,
308
+ '900': $hue-blue-900
309
+ ),
310
+ 'green': (
311
+ '50': $hue-green-50,
312
+ '100': $hue-green-100,
313
+ '200': $hue-green-200,
314
+ '300': $hue-green-300,
315
+ '400': $hue-green-400,
316
+ '500': $hue-green-500,
317
+ '600': $hue-green-600,
318
+ '700': $hue-green-700,
319
+ '800': $hue-green-800,
320
+ '900': $hue-green-900
321
+ ),
322
+ 'red': (
323
+ '50': $hue-red-50,
324
+ '100': $hue-red-100,
325
+ '200': $hue-red-200,
326
+ '300': $hue-red-300,
327
+ '400': $hue-red-400,
328
+ '500': $hue-red-500,
329
+ '600': $hue-red-600,
330
+ '700': $hue-red-700,
331
+ '800': $hue-red-800,
332
+ '900': $hue-red-900
333
+ ),
334
+ 'yellow': (
335
+ '50': $hue-yellow-50,
336
+ '100': $hue-yellow-100,
337
+ '200': $hue-yellow-200,
338
+ '300': $hue-yellow-300,
339
+ '400': $hue-yellow-400,
340
+ '500': $hue-yellow-500,
341
+ '600': $hue-yellow-600,
342
+ '700': $hue-yellow-700,
343
+ '800': $hue-yellow-800,
344
+ '900': $hue-yellow-900
345
+ ),
346
+ 'accentOne': (
347
+ '50': $hue-accent-one-50,
348
+ '100': $hue-accent-one-100,
349
+ '200': $hue-accent-one-200,
350
+ '300': $hue-accent-one-300,
351
+ '400': $hue-accent-one-400,
352
+ '500': $hue-accent-one-500,
353
+ '600': $hue-accent-one-600,
354
+ '700': $hue-accent-one-700,
355
+ '800': $hue-accent-one-800,
356
+ '900': $hue-accent-one-900
357
+ ),
358
+ 'accentTwo': (
359
+ '50': $hue-accent-two-50,
360
+ '100': $hue-accent-two-100,
361
+ '200': $hue-accent-two-200,
362
+ '300': $hue-accent-two-300,
363
+ '400': $hue-accent-two-400,
364
+ '500': $hue-accent-two-500,
365
+ '600': $hue-accent-two-600,
366
+ '700': $hue-accent-two-700,
367
+ '800': $hue-accent-two-800,
368
+ '900': $hue-accent-two-900
369
+ ),
370
+ 'accentThree': (
371
+ '50': $hue-accent-three-50,
372
+ '100': $hue-accent-three-100,
373
+ '200': $hue-accent-three-200,
374
+ '300': $hue-accent-three-300,
375
+ '400': $hue-accent-three-400,
376
+ '500': $hue-accent-three-500,
377
+ '600': $hue-accent-three-600,
378
+ '700': $hue-accent-three-700,
379
+ '800': $hue-accent-three-800,
380
+ '900': $hue-accent-three-900
381
+ ),
382
+ 'accentFour': (
383
+ '50': $hue-accent-four-50,
384
+ '100': $hue-accent-four-100,
385
+ '200': $hue-accent-four-200,
386
+ '300': $hue-accent-four-300,
387
+ '400': $hue-accent-four-400,
388
+ '500': $hue-accent-four-500,
389
+ '600': $hue-accent-four-600,
390
+ '700': $hue-accent-four-700,
391
+ '800': $hue-accent-four-800,
392
+ '900': $hue-accent-four-900
393
+ )
394
+ ),
395
+ 'palette': (
396
+ 'primary': (
397
+ 'lighter': $palette-primary-lighter,
398
+ 'light': $palette-primary-light,
399
+ 'main': $palette-primary-main,
400
+ 'dark': $palette-primary-dark,
401
+ 'darker': $palette-primary-darker,
402
+ 'text': $palette-primary-text,
403
+ 'heading': $palette-primary-heading,
404
+ 'highlight': $palette-primary-highlight
405
+ ),
406
+ 'danger': (
407
+ 'lighter': $palette-danger-lighter,
408
+ 'light': $palette-danger-light,
409
+ 'main': $palette-danger-main,
410
+ 'dark': $palette-danger-dark,
411
+ 'darker': $palette-danger-darker,
412
+ 'text': $palette-danger-text,
413
+ 'heading': $palette-danger-heading,
414
+ 'highlight': $palette-danger-highlight
415
+ ),
416
+ 'warning': (
417
+ 'lighter': $palette-warning-lighter,
418
+ 'light': $palette-warning-light,
419
+ 'main': $palette-warning-main,
420
+ 'dark': $palette-warning-dark,
421
+ 'darker': $palette-warning-darker,
422
+ 'text': $palette-warning-text,
423
+ 'heading': $palette-warning-heading,
424
+ 'highlight': $palette-warning-highlight
425
+ ),
426
+ 'success': (
427
+ 'lighter': $palette-success-lighter,
428
+ 'light': $palette-success-light,
429
+ 'main': $palette-success-main,
430
+ 'dark': $palette-success-dark,
431
+ 'darker': $palette-success-darker,
432
+ 'text': $palette-success-text,
433
+ 'heading': $palette-success-heading,
434
+ 'highlight': $palette-success-highlight
435
+ ),
436
+ 'neutral': (
437
+ 'main': $palette-neutral-main,
438
+ 'dark': $palette-neutral-dark
439
+ ),
440
+ 'alpha': (
441
+ 'opaque': $palette-alpha-opaque,
442
+ 'semi': $palette-alpha-semi
443
+ )
444
+ ),
445
+ 'shadow': (
446
+ 'scale': (
447
+ '0': $shadow-scale-0,
448
+ '1': $shadow-scale-1
449
+ )
450
+ ),
451
+ 'spacing': (
452
+ '0': $spacing-0,
453
+ '1': $spacing-1,
454
+ '2': $spacing-2,
455
+ '3': $spacing-3,
456
+ '4': $spacing-4,
457
+ '5': $spacing-5,
458
+ '6': $spacing-6,
459
+ '7': $spacing-7,
460
+ '8': $spacing-8,
461
+ '9': $spacing-9
462
+ ),
463
+ 'transition': (
464
+ 'duration': (
465
+ 'main': $transition-duration-main,
466
+ 'mainAsNumber': $transition-duration-main-as-number
467
+ ),
468
+ 'timing': (
469
+ 'main': $transition-timing-main
470
+ )
471
+ ),
472
+ 'typography': (
473
+ 'color': (
474
+ 'body': $typography-color-body,
475
+ 'heading': $typography-color-heading,
476
+ 'inverse': $typography-color-inverse,
477
+ 'support': $typography-color-support,
478
+ 'subordinate': $typography-color-subordinate,
479
+ 'disabled': $typography-color-disabled,
480
+ 'action': $typography-color-action,
481
+ 'danger': $typography-color-danger,
482
+ 'success': $typography-color-success,
483
+ 'warning': $typography-color-warning
484
+ ),
485
+ 'family': (
486
+ 'system': $typography-family-system,
487
+ 'fallback': $typography-family-fallback,
488
+ 'aeonik': $typography-family-aeonik,
489
+ 'inter': $typography-family-inter,
490
+ 'body': $typography-family-body,
491
+ 'heading': $typography-family-heading,
492
+ 'button': $typography-family-button,
493
+ 'mono': $typography-family-mono
494
+ ),
495
+ 'scale': (
496
+ '0': $typography-scale-0,
497
+ '1': $typography-scale-1,
498
+ '2': $typography-scale-2,
499
+ '3': $typography-scale-3,
500
+ '4': $typography-scale-4,
501
+ '5': $typography-scale-5,
502
+ '6': $typography-scale-6,
503
+ '7': $typography-scale-7,
504
+ '8': $typography-scale-8,
505
+ '9': $typography-scale-9,
506
+ '10': $typography-scale-10,
507
+ '11': $typography-scale-11,
508
+ '12': $typography-scale-12
509
+ ),
510
+ 'size': (
511
+ 'base': $typography-size-base,
512
+ 'overline': $typography-size-overline,
513
+ 'subordinate': $typography-size-subordinate,
514
+ 'body': $typography-size-body,
515
+ 'heading6': $typography-size-heading6,
516
+ 'heading5': $typography-size-heading5,
517
+ 'heading4': $typography-size-heading4,
518
+ 'heading3': $typography-size-heading3,
519
+ 'heading2': $typography-size-heading2,
520
+ 'heading1': $typography-size-heading1
521
+ ),
522
+ 'style': (
523
+ 'normal': $typography-style-normal
524
+ ),
525
+ 'weight': (
526
+ 'body': $typography-weight-body,
527
+ 'bodyBold': $typography-weight-body-bold,
528
+ 'heading': $typography-weight-heading,
529
+ 'headingBold': $typography-weight-heading-bold
530
+ ),
531
+ 'lineHeight': (
532
+ 'body': $typography-line-height-body,
533
+ 'ui': $typography-line-height-ui,
534
+ 'overline': $typography-line-height-overline,
535
+ 'heading6': $typography-line-height-heading6,
536
+ 'heading5': $typography-line-height-heading5,
537
+ 'heading4': $typography-line-height-heading4,
538
+ 'heading3': $typography-line-height-heading3,
539
+ 'heading2': $typography-line-height-heading2,
540
+ 'heading1': $typography-line-height-heading1
541
+ ),
542
+ 'lineLength': (
543
+ 'max': $typography-line-length-max
544
+ ),
545
+ 'letterSpacing': (
546
+ 'overline': $typography-letter-spacing-overline
547
+ )
548
+ )
549
+ );