@salutejs-ds/sdds_sbcom 0.1.17 → 0.1.18
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.
- package/components/Button/Button.config.js +1 -1
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_jg0a4v.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Checkbox/Checkbox.config.js +1 -1
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_1kv48tw.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Counter/Counter.config.d.ts +4 -4
- package/components/Counter/Counter.config.js +9 -9
- package/components/Counter/Counter.config.js.map +1 -1
- package/{es/components/Counter/Counter.config_50msgw.css → components/Counter/Counter.config_1d9i4bx.css} +10 -10
- package/components/Counter/Counter.css +10 -10
- package/components/Counter/Counter.d.ts +4 -4
- package/components/Link/Link.config.js +1 -1
- package/components/Link/Link.config.js.map +1 -1
- package/{es/components/Link/Link.config_4od6dh.css → components/Link/Link.config_2dv1tk.css} +4 -4
- package/components/Link/Link.css +8 -8
- package/components/Radiobox/Radiobox.config.js +1 -1
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_8lxw55.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/css/sdds_sbcom.module.css +222 -190
- package/css/sdds_sbcom__dark.css +129 -101
- package/css/sdds_sbcom__light.css +129 -101
- package/es/components/Button/Button.config.js +1 -1
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_jg0a4v.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +1 -1
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_1kv48tw.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/Counter/Counter.config.js +9 -9
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/{components/Counter/Counter.config_50msgw.css → es/components/Counter/Counter.config_1d9i4bx.css} +10 -10
- package/es/components/Counter/Counter.css +10 -10
- package/es/components/Link/Link.config.js +1 -1
- package/es/components/Link/Link.config.js.map +1 -1
- package/{components/Link/Link.config_4od6dh.css → es/components/Link/Link.config_2dv1tk.css} +4 -4
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +1 -1
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_8lxw55.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +43 -43
- package/es/index.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/es/theme/themes/sdds_sbcom__light.js +1 -1
- package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/es/theme/tokens/index.js +281 -249
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +43 -43
- package/index.js +6 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +7 -7
- package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/cjs/Counter/Counter.config.js +10 -10
- package/styled-components/cjs/Link/Link.config.js +4 -4
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +7 -7
- package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/es/Counter/Counter.config.js +10 -10
- package/styled-components/es/Link/Link.config.js +4 -4
- package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
- package/theme/themes/sdds_sbcom__dark.js +1 -1
- package/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/theme/themes/sdds_sbcom__light.js +1 -1
- package/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/theme/tokens/index.d.ts +194 -168
- package/theme/tokens/index.js +286 -248
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_reu1rb.css +0 -10
- package/components/Checkbox/Checkbox.config_1e3g1x5.css +0 -6
- package/components/Radiobox/Radiobox.config_w70m0w.css +0 -6
- package/es/components/Button/Button.config_reu1rb.css +0 -10
- package/es/components/Checkbox/Checkbox.config_1e3g1x5.css +0 -6
- package/es/components/Radiobox/Radiobox.config_w70m0w.css +0 -6
package/es/theme/tokens/index.js
CHANGED
|
@@ -1,140 +1,23 @@
|
|
|
1
1
|
// Generated by robots, do not change this manually!
|
|
2
2
|
|
|
3
|
-
/** Primary Hover On Light */
|
|
4
|
-
var onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #ADA39FFF)';
|
|
5
|
-
|
|
6
|
-
/** Default Active Inverse */
|
|
7
|
-
var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
|
|
8
|
-
|
|
9
|
-
/** Sea Blue Text Accent Active Inverse */
|
|
10
|
-
var inversePersonasSeaBlueTextAccentActive = 'var(--inverse-personas-sea-blue-text-accent-active, #4BB4B4FF)';
|
|
11
|
-
|
|
12
|
-
/** Violet Text Accent Active Inverse */
|
|
13
|
-
var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-accent-active, #81288FFF)';
|
|
14
|
-
|
|
15
|
-
/** Default Hover On Light */
|
|
16
|
-
var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
|
|
17
|
-
|
|
18
|
-
/** Default Active On Dark */
|
|
19
|
-
var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
|
|
20
|
-
|
|
21
3
|
/** Default Hover On Dark */
|
|
22
4
|
var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
|
|
23
5
|
|
|
24
|
-
/** Green Text Accent Hover Default */
|
|
25
|
-
var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
|
|
26
|
-
|
|
27
|
-
/** Sea Blue Text Accent Hover Default */
|
|
28
|
-
var personasSeaBlueTextAccentHover = 'var(--personas-sea-blue-text-accent-hover, #00C5CCFF)';
|
|
29
|
-
|
|
30
|
-
/** Accent Secondary Hover Inverse */
|
|
31
|
-
var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #50C3A8FF)';
|
|
32
|
-
|
|
33
|
-
/** Transparent Navi Active Default */
|
|
34
|
-
var surfaceTransparentNaviActive = 'var(--surface-transparent-navi-active, #2424248A)';
|
|
35
|
-
|
|
36
|
-
/** Transparent Accent Minor Active On Light */
|
|
37
|
-
var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #0BA88852)';
|
|
38
|
-
|
|
39
|
-
/** Green Text Accent Active On Light */
|
|
40
|
-
var onLightPersonasGreenTextAccentActive = 'var(--on-light-personas-green-text-accent-active, #04AF87FF)';
|
|
41
|
-
|
|
42
|
-
/** Default Active Default */
|
|
43
|
-
var outlineDefaultActive = 'var(--outline-default-active, #666666FF)';
|
|
44
|
-
|
|
45
|
-
/** Primary Active On Dark */
|
|
46
|
-
var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
|
|
47
|
-
|
|
48
|
-
/** Olive Text Accent Active Default */
|
|
49
|
-
var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
|
|
50
|
-
|
|
51
|
-
/** Olive Text Accent Hover On Dark */
|
|
52
|
-
var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
|
|
53
|
-
|
|
54
|
-
/** Violet Text Accent Active On Light */
|
|
55
|
-
var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text-accent-active, #81288FFF)';
|
|
56
|
-
|
|
57
|
-
/** Ochre Text Accent Active On Light */
|
|
58
|
-
var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
|
|
59
|
-
|
|
60
|
-
/** Accent Secondary Hover On Dark */
|
|
61
|
-
var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
|
|
62
|
-
|
|
63
|
-
/** Pink Text Accent Hover On Light */
|
|
64
|
-
var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
|
|
65
|
-
|
|
66
6
|
/** Accent Secondary Hover Default */
|
|
67
7
|
var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #70CDB7FF)';
|
|
68
8
|
|
|
69
|
-
/** Indigo Text Accent Hover Default */
|
|
70
|
-
var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
|
|
71
|
-
|
|
72
|
-
/** Violet Text Accent Hover On Dark */
|
|
73
|
-
var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
|
|
74
|
-
|
|
75
|
-
/** On Light Outline Primary */
|
|
76
|
-
var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
|
|
77
|
-
|
|
78
|
-
/** Inverse Outline Default */
|
|
79
|
-
var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
|
|
80
|
-
|
|
81
|
-
/** Blue Text Accent Hover On Dark */
|
|
82
|
-
var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
|
|
83
|
-
|
|
84
|
-
/** Indigo Text Accent Hover On Light */
|
|
85
|
-
var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
|
|
86
|
-
|
|
87
|
-
/** Sea Blue Text Accent Hover On Light */
|
|
88
|
-
var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
|
|
89
|
-
|
|
90
|
-
/** Ochre Text Accent Active Default */
|
|
91
|
-
var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
|
|
92
|
-
|
|
93
|
-
/** Inverse Background Hardline */
|
|
94
|
-
var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
|
|
95
|
-
|
|
96
|
-
/** Sea Blue Text Accent Hover On Dark */
|
|
97
|
-
var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
|
|
98
|
-
|
|
99
|
-
/** Surface Transparent Navi */
|
|
100
|
-
var surfaceTransparentNavi = 'var(--surface-transparent-navi, #23232399)';
|
|
101
|
-
|
|
102
|
-
/** Violet Text Accent Active Default */
|
|
103
|
-
var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
|
|
104
|
-
|
|
105
|
-
/** Blue Text Accent Hover Default */
|
|
106
|
-
var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
|
|
107
|
-
|
|
108
|
-
/** Outline Default */
|
|
109
|
-
var outlineDefault = 'var(--outline-default, #FFFFFF)';
|
|
110
|
-
|
|
111
|
-
/** Основной цвет текста */
|
|
112
|
-
var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
|
|
113
|
-
|
|
114
9
|
/** Прозрачный фон для карточек */
|
|
115
10
|
var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
|
|
116
11
|
|
|
117
|
-
/** Основной фон для карточек */
|
|
118
|
-
var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
|
|
119
|
-
|
|
120
12
|
/** Прозрачный фон для карточек */
|
|
121
13
|
var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
|
|
122
14
|
|
|
123
|
-
/** Основной фон для карточек */
|
|
124
|
-
var surfaceSolidCardBrightnessActive = 'var(--surface-solid-card-brightness-active, #212121FF)';
|
|
125
|
-
|
|
126
|
-
/** Основной непрозрачный фон поверхности/контрола */
|
|
127
|
-
var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
|
|
128
|
-
|
|
129
15
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
130
16
|
var onLightSurfaceSolidPrimaryBrightnessHover = 'var(--on-light-surface-solid-primary-brightness-hover, #FFFFFFFF)';
|
|
131
17
|
|
|
132
18
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
133
19
|
var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
|
|
134
20
|
|
|
135
|
-
/** Основной фон для карточек на темном фоне */
|
|
136
|
-
var onDarkSurfaceSolidCardBrightnessActive = 'var(--on-dark-surface-solid-card-brightness-active, #212121FF)';
|
|
137
|
-
|
|
138
21
|
/** Прозрачный фон для карточек на темном фоне */
|
|
139
22
|
var onDarkSurfaceTransparentCardBrightnessHover = 'var(--on-dark-surface-transparent-card-brightness-hover, #FAFAFA1F)';
|
|
140
23
|
|
|
@@ -205,7 +88,7 @@ var onLightSurfaceSolidCardBrightnessHover = 'var(--on-light-surface-solid-card-
|
|
|
205
88
|
var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
|
|
206
89
|
|
|
207
90
|
/** Outline Primary */
|
|
208
|
-
var outlinePrimary = 'var(--outline-primary, #
|
|
91
|
+
var outlinePrimary = 'var(--outline-primary, #3B3735)';
|
|
209
92
|
|
|
210
93
|
/** Инвертированный третичный непрозрачный фон поверхности/контрола */
|
|
211
94
|
var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #FFFFFF)';
|
|
@@ -225,9 +108,6 @@ var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C
|
|
|
225
108
|
/** On Dark Personas Indigo Text Accent */
|
|
226
109
|
var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
|
|
227
110
|
|
|
228
|
-
/** Вторичный фон на светлом фоне */
|
|
229
|
-
var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
|
|
230
|
-
|
|
231
111
|
/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
232
112
|
var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #424242FF)';
|
|
233
113
|
|
|
@@ -279,9 +159,6 @@ var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #F
|
|
|
279
159
|
/** Blue Text Accent Active Inverse */
|
|
280
160
|
var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
|
|
281
161
|
|
|
282
|
-
/** Light Background Hardline */
|
|
283
|
-
var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
|
|
284
|
-
|
|
285
162
|
/** Цвет предупреждения на светлом фоне */
|
|
286
163
|
var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
|
|
287
164
|
|
|
@@ -355,7 +232,7 @@ var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-acce
|
|
|
355
232
|
var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
|
|
356
233
|
|
|
357
234
|
/** Primary Active Default */
|
|
358
|
-
var outlinePrimaryActive = 'var(--outline-primary-active, #
|
|
235
|
+
var outlinePrimaryActive = 'var(--outline-primary-active, #2B2827FF)';
|
|
359
236
|
|
|
360
237
|
/** Sea Blue Text Accent Active On Dark */
|
|
361
238
|
var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
|
|
@@ -400,7 +277,7 @@ var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-acc
|
|
|
400
277
|
var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
|
|
401
278
|
|
|
402
279
|
/** Primary Hover Default */
|
|
403
|
-
var outlinePrimaryHover = 'var(--outline-primary-hover, #
|
|
280
|
+
var outlinePrimaryHover = 'var(--outline-primary-hover, #6B6461FF)';
|
|
404
281
|
|
|
405
282
|
/** Transparent Accent Minor Active Default */
|
|
406
283
|
var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
|
|
@@ -408,9 +285,6 @@ var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-mino
|
|
|
408
285
|
/** Transparent Navi Hover Default */
|
|
409
286
|
var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #242424B8)';
|
|
410
287
|
|
|
411
|
-
/** Default Hover Default */
|
|
412
|
-
var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
|
|
413
|
-
|
|
414
288
|
/** Default Hover Inverse */
|
|
415
289
|
var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
|
|
416
290
|
|
|
@@ -507,9 +381,6 @@ var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1
|
|
|
507
381
|
/** Olive Text Accent Active Inverse */
|
|
508
382
|
var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
|
|
509
383
|
|
|
510
|
-
/** Inverse Personas Sea Blue Text Accent */
|
|
511
|
-
var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
|
|
512
|
-
|
|
513
384
|
/** Инвертированный основной фон для карточек */
|
|
514
385
|
var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
|
|
515
386
|
|
|
@@ -525,9 +396,6 @@ var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #232
|
|
|
525
396
|
/** Инвертированный основной цвет текста */
|
|
526
397
|
var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
|
|
527
398
|
|
|
528
|
-
/** Dark Background Hardline */
|
|
529
|
-
var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
|
|
530
|
-
|
|
531
399
|
/** Background Hardline */
|
|
532
400
|
var backgroundHardline = 'var(--background-hardline, #000000)';
|
|
533
401
|
|
|
@@ -603,9 +471,6 @@ var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-nav
|
|
|
603
471
|
/** Transparent Accent Minor Hover On Dark */
|
|
604
472
|
var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
|
|
605
473
|
|
|
606
|
-
/** Primary Active Inverse */
|
|
607
|
-
var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
|
|
608
|
-
|
|
609
474
|
/** On Light Personas Indigo Text Accent */
|
|
610
475
|
var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
|
|
611
476
|
|
|
@@ -624,9 +489,6 @@ var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-acc
|
|
|
624
489
|
/** Indigo Text Accent Active On Light */
|
|
625
490
|
var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
|
|
626
491
|
|
|
627
|
-
/** New description */
|
|
628
|
-
var outlineTransparentWhite = 'var(--outline-transparent-white, #FFFFFF7A)';
|
|
629
|
-
|
|
630
492
|
/** New description */
|
|
631
493
|
var outlineTransparentWhiteActive = 'var(--outline-transparent-white-active, #FFFFFF49)';
|
|
632
494
|
|
|
@@ -762,12 +624,6 @@ var onLightOutlineTransparentWhiteActive = 'var(--on-light-outline-transparent-w
|
|
|
762
624
|
/** New description */
|
|
763
625
|
var onLightOutlineTransparentWhiteHover = 'var(--on-light-outline-transparent-white-hover, #FFFFFF3D)';
|
|
764
626
|
|
|
765
|
-
/** New description */
|
|
766
|
-
var outlineDeep = 'var(--outline-deep, #777675)';
|
|
767
|
-
|
|
768
|
-
/** New description */
|
|
769
|
-
var inverseOutlineTransparentWhiteActive = 'var(--inverse-outline-transparent-white-active, #FFFFFFA3)';
|
|
770
|
-
|
|
771
627
|
/** Цвет успеха */
|
|
772
628
|
var textPositiveActive = 'var(--text-positive-active, #469442FF)';
|
|
773
629
|
|
|
@@ -852,9 +708,6 @@ var textAccent = 'var(--text-accent, #61C8B0)';
|
|
|
852
708
|
/** Акцентный цвет */
|
|
853
709
|
var textAccentActive = 'var(--text-accent-active, #4ABFA4FF)';
|
|
854
710
|
|
|
855
|
-
/** Акцентный цвет */
|
|
856
|
-
var textAccentHover = 'var(--text-accent-hover, #77CFBBFF)';
|
|
857
|
-
|
|
858
711
|
/** Акцентный минорный цвет на темном фоне */
|
|
859
712
|
var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #60C7AF93)';
|
|
860
713
|
|
|
@@ -885,18 +738,9 @@ var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F5F1EFFF)';
|
|
|
885
738
|
/** Основной цвет текста на темном фоне */
|
|
886
739
|
var onDarkTextPrimary = 'var(--on-dark-text-primary, #FFFFFFFC)';
|
|
887
740
|
|
|
888
|
-
/** Акцентный цвет на темном фоне */
|
|
889
|
-
var onDarkTextAccent = 'var(--on-dark-text-accent, #61C8B0ED)';
|
|
890
|
-
|
|
891
741
|
/** Акцентный цвет на темном фоне */
|
|
892
742
|
var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #60C7AF8E)';
|
|
893
743
|
|
|
894
|
-
/** Акцентный цвет на темном фоне */
|
|
895
|
-
var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #60C7AFBE)';
|
|
896
|
-
|
|
897
|
-
/** Сплошной наборный текст на темном фоне */
|
|
898
|
-
var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
|
|
899
|
-
|
|
900
744
|
/** Цвет успеха на темном фоне */
|
|
901
745
|
var onDarkTextPositive = 'var(--on-dark-text-positive, #50A84C)';
|
|
902
746
|
|
|
@@ -1023,9 +867,6 @@ var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #AF181DFF)
|
|
|
1023
867
|
/** Цвет ошибки на светлом фоне */
|
|
1024
868
|
var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #E3353BFF)';
|
|
1025
869
|
|
|
1026
|
-
/** Инвертированный акцентный цвет */
|
|
1027
|
-
var inverseTextAccent = 'var(--inverse-text-accent, #0A8E73)';
|
|
1028
|
-
|
|
1029
870
|
/** Инвертированный вторичный цвет текста */
|
|
1030
871
|
var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #15110FFF)';
|
|
1031
872
|
|
|
@@ -1095,12 +936,6 @@ var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #0A8E7366)';
|
|
|
1095
936
|
/** Инвертированный цвет ошибки */
|
|
1096
937
|
var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
|
|
1097
938
|
|
|
1098
|
-
/** Основной непрозрачный фон поверхности/контрола */
|
|
1099
|
-
var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #262626FF)';
|
|
1100
|
-
|
|
1101
|
-
/** Основной непрозрачный фон поверхности/контрола */
|
|
1102
|
-
var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #1F1F1FFF)';
|
|
1103
|
-
|
|
1104
939
|
/** Инвертированный цвет успеха */
|
|
1105
940
|
var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)';
|
|
1106
941
|
|
|
@@ -1155,9 +990,6 @@ var inverseTextPositive = 'var(--inverse-text-positive, #207F1F)';
|
|
|
1155
990
|
/** Основной непрозрачный фон поверхности/контрола */
|
|
1156
991
|
var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #2E2E2EFF)';
|
|
1157
992
|
|
|
1158
|
-
/** Акцентный фон поверхности/контрола */
|
|
1159
|
-
var surfaceAccent = 'var(--surface-accent, #0BA686)';
|
|
1160
|
-
|
|
1161
993
|
/** Акцентный фон поверхности/контрола */
|
|
1162
994
|
var surfaceAccentHover = 'var(--surface-accent-hover, #0CBB98FF)';
|
|
1163
995
|
|
|
@@ -1194,9 +1026,6 @@ var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #2E2E2EFF)';
|
|
|
1194
1026
|
/** Основной фон для карточек */
|
|
1195
1027
|
var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #262626FF)';
|
|
1196
1028
|
|
|
1197
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
1198
|
-
var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #055C4CFF)';
|
|
1199
|
-
|
|
1200
1029
|
/** Фон поверхности/контрола без заливки */
|
|
1201
1030
|
var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
|
|
1202
1031
|
|
|
@@ -1221,9 +1050,6 @@ var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightnes
|
|
|
1221
1050
|
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
1222
1051
|
var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F2ECE9FF)';
|
|
1223
1052
|
|
|
1224
|
-
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
1225
|
-
var surfaceSolidDefault = 'var(--surface-solid-default, #F6F2F0)';
|
|
1226
|
-
|
|
1227
1053
|
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
1228
1054
|
var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #F9F7F5FF)';
|
|
1229
1055
|
|
|
@@ -1251,9 +1077,6 @@ var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hove
|
|
|
1251
1077
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
1252
1078
|
var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF2E)';
|
|
1253
1079
|
|
|
1254
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
1255
|
-
var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #043F34FF)';
|
|
1256
|
-
|
|
1257
1080
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
1258
1081
|
var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF5C)';
|
|
1259
1082
|
|
|
@@ -1290,9 +1113,6 @@ var surfaceInfoActive = 'var(--surface-info-active, #91C4F7FF)';
|
|
|
1290
1113
|
/** Цвет фона поверхности/контрола ошибка */
|
|
1291
1114
|
var surfaceNegative = 'var(--surface-negative, #F8A6A9)';
|
|
1292
1115
|
|
|
1293
|
-
/** Цвет фона поверхности/контрола информация */
|
|
1294
|
-
var surfaceInfo = 'var(--surface-info, #9BCAF8)';
|
|
1295
|
-
|
|
1296
1116
|
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
1297
1117
|
var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #F8A5A870)';
|
|
1298
1118
|
|
|
@@ -1419,9 +1239,6 @@ var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-
|
|
|
1419
1239
|
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1420
1240
|
var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF2E)';
|
|
1421
1241
|
|
|
1422
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
1423
|
-
var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #04473B)';
|
|
1424
|
-
|
|
1425
1242
|
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1426
1243
|
var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF5C)';
|
|
1427
1244
|
|
|
@@ -1542,9 +1359,6 @@ var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-prima
|
|
|
1542
1359
|
/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
|
|
1543
1360
|
var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #A2A1A0B8)';
|
|
1544
1361
|
|
|
1545
|
-
/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
|
|
1546
|
-
var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #A2A1A0B3)';
|
|
1547
|
-
|
|
1548
1362
|
/** Основной фон для карточек на светлом фоне */
|
|
1549
1363
|
var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
|
|
1550
1364
|
|
|
@@ -1590,15 +1404,9 @@ var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparen
|
|
|
1590
1404
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
1591
1405
|
var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFFB3)';
|
|
1592
1406
|
|
|
1593
|
-
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1594
|
-
var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
|
|
1595
|
-
|
|
1596
1407
|
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1597
1408
|
var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #15110F33)';
|
|
1598
1409
|
|
|
1599
|
-
/** Фон поверхности/контрола без заливки на светлом фоне */
|
|
1600
|
-
var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
|
|
1601
|
-
|
|
1602
1410
|
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1603
1411
|
var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #15110F2E)';
|
|
1604
1412
|
|
|
@@ -1662,9 +1470,6 @@ var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-nega
|
|
|
1662
1470
|
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
1663
1471
|
var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #FFFFFF)';
|
|
1664
1472
|
|
|
1665
|
-
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
1666
|
-
var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
|
|
1667
|
-
|
|
1668
1473
|
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
1669
1474
|
var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #FFFFFFFF)';
|
|
1670
1475
|
|
|
@@ -1677,9 +1482,6 @@ var onLightSurfaceReadOnly = 'var(--on-light-surface-read-only, #F9F9F903)';
|
|
|
1677
1482
|
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
1678
1483
|
var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #FFFFFFFF)';
|
|
1679
1484
|
|
|
1680
|
-
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
1681
|
-
var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFF)';
|
|
1682
|
-
|
|
1683
1485
|
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
1684
1486
|
var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #FFFFFFFF)';
|
|
1685
1487
|
|
|
@@ -1689,9 +1491,6 @@ var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover
|
|
|
1689
1491
|
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
1690
1492
|
var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #15110F2E)';
|
|
1691
1493
|
|
|
1692
|
-
/** Инвертированный акцентный фон поверхности/контрола */
|
|
1693
|
-
var inverseSurfaceAccent = 'var(--inverse-surface-accent, #0BA686)';
|
|
1694
|
-
|
|
1695
1494
|
/** Инвертированный фон поверхности/контрола без заливки */
|
|
1696
1495
|
var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFF00)';
|
|
1697
1496
|
|
|
@@ -1737,9 +1536,6 @@ var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent
|
|
|
1737
1536
|
/** Инвертированный прозрачный фон для карточек */
|
|
1738
1537
|
var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFC2)';
|
|
1739
1538
|
|
|
1740
|
-
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
1741
|
-
var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110F)';
|
|
1742
|
-
|
|
1743
1539
|
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
1744
1540
|
var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #090706FF)';
|
|
1745
1541
|
|
|
@@ -1779,12 +1575,6 @@ var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #AD460B
|
|
|
1779
1575
|
/** Инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1780
1576
|
var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #D3560DFF)';
|
|
1781
1577
|
|
|
1782
|
-
/** Инвертированный акцентный фон поверхности/контрола */
|
|
1783
|
-
var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
|
|
1784
|
-
|
|
1785
|
-
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
1786
|
-
var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #BFEDE1FF)';
|
|
1787
|
-
|
|
1788
1578
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
1789
1579
|
var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #0CBB98FF)';
|
|
1790
1580
|
|
|
@@ -1860,9 +1650,6 @@ var inverseSurfaceReadOnly = 'var(--inverse-surface-read-only, #F9F9F903)';
|
|
|
1860
1650
|
/** Третичный фон на темном фоне */
|
|
1861
1651
|
var darkBackgroundTertiary = 'var(--dark-background-tertiary, #141413)';
|
|
1862
1652
|
|
|
1863
|
-
/** Основной фон на темном фоне */
|
|
1864
|
-
var darkBackgroundPrimary = 'var(--dark-background-primary, #141413)';
|
|
1865
|
-
|
|
1866
1653
|
/** Основной фон */
|
|
1867
1654
|
var backgroundPrimary = 'var(--background-primary, #141413)';
|
|
1868
1655
|
|
|
@@ -1870,7 +1657,7 @@ var backgroundPrimary = 'var(--background-primary, #141413)';
|
|
|
1870
1657
|
var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0000001F)';
|
|
1871
1658
|
|
|
1872
1659
|
/** Цвет фона паранжи темный на темном фоне */
|
|
1873
|
-
var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #
|
|
1660
|
+
var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #00000066)';
|
|
1874
1661
|
|
|
1875
1662
|
/** Основной прозрачный цвет обводки */
|
|
1876
1663
|
var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF12)';
|
|
@@ -1882,13 +1669,13 @@ var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
|
|
|
1882
1669
|
var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFF4D)';
|
|
1883
1670
|
|
|
1884
1671
|
/** Цвет фона паранжи темный */
|
|
1885
|
-
var overlayHard = 'var(--overlay-hard, #
|
|
1672
|
+
var overlayHard = 'var(--overlay-hard, #00000066)';
|
|
1886
1673
|
|
|
1887
1674
|
/** Цвет фона паранжи светлый */
|
|
1888
1675
|
var overlaySoft = 'var(--overlay-soft, #0000001F)';
|
|
1889
1676
|
|
|
1890
1677
|
/** Цвет фона паранжи темный на светлом фоне */
|
|
1891
|
-
var onLightOverlayHard = 'var(--on-light-overlay-hard, #
|
|
1678
|
+
var onLightOverlayHard = 'var(--on-light-overlay-hard, #000000CC)';
|
|
1892
1679
|
|
|
1893
1680
|
/** Инвертированный цвет фона паранжи светлый */
|
|
1894
1681
|
var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
|
|
@@ -1897,7 +1684,7 @@ var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
|
|
|
1897
1684
|
var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000003D)';
|
|
1898
1685
|
|
|
1899
1686
|
/** Инвертированный цвет фона паранжи темный */
|
|
1900
|
-
var inverseOverlayHard = 'var(--inverse-overlay-hard, #
|
|
1687
|
+
var inverseOverlayHard = 'var(--inverse-overlay-hard, #000000CC)';
|
|
1901
1688
|
|
|
1902
1689
|
/** Бесцветная обводка */
|
|
1903
1690
|
var outlineClear = 'var(--outline-clear, #FFFFFF00)';
|
|
@@ -1911,9 +1698,6 @@ var inverseBackgroundSecondary = 'var(--inverse-background-secondary, #F6F2F0)';
|
|
|
1911
1698
|
/** Третичный фон на светлом фоне */
|
|
1912
1699
|
var lightBackgroundTertiary = 'var(--light-background-tertiary, #FFFFFF)';
|
|
1913
1700
|
|
|
1914
|
-
/** Инвертированный основной фон */
|
|
1915
|
-
var inverseBackgroundPrimary = 'var(--inverse-background-primary, #EBE7E5)';
|
|
1916
|
-
|
|
1917
1701
|
/** Цвет обводки успех */
|
|
1918
1702
|
var outlinePositive = 'var(--outline-positive, #A6D2A2)';
|
|
1919
1703
|
|
|
@@ -1923,9 +1707,6 @@ var outlineNegative = 'var(--outline-negative, #F8A6A9)';
|
|
|
1923
1707
|
/** Акцентный цвет обводки */
|
|
1924
1708
|
var outlineAccentHover = 'var(--outline-accent-hover, #0EE1B7FF)';
|
|
1925
1709
|
|
|
1926
|
-
/** Акцентный цвет обводки */
|
|
1927
|
-
var outlineAccent = 'var(--outline-accent, #0BA686)';
|
|
1928
|
-
|
|
1929
1710
|
/** Акцентный цвет обводки */
|
|
1930
1711
|
var outlineAccentActive = 'var(--outline-accent-active, #099579FF)';
|
|
1931
1712
|
|
|
@@ -1998,9 +1779,6 @@ var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #F25A5FF
|
|
|
1998
1779
|
/** Акцентный цвет обводки на темном фоне */
|
|
1999
1780
|
var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #0EE1B7FF)';
|
|
2000
1781
|
|
|
2001
|
-
/** Акцентный цвет обводки на темном фоне */
|
|
2002
|
-
var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #099579FF)';
|
|
2003
|
-
|
|
2004
1782
|
/** Бесцветная обводка на темном фоне */
|
|
2005
1783
|
var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
|
|
2006
1784
|
|
|
@@ -2052,9 +1830,6 @@ var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #0ED8AFFF)
|
|
|
2052
1830
|
/** Цвет обводки успех на светлом фоне */
|
|
2053
1831
|
var onLightOutlinePositive = 'var(--on-light-outline-positive, #239322)';
|
|
2054
1832
|
|
|
2055
|
-
/** Акцентный цвет обводки на светлом фоне */
|
|
2056
|
-
var onLightOutlineAccent = 'var(--on-light-outline-accent, #0BA686)';
|
|
2057
|
-
|
|
2058
1833
|
/** Акцентный цвет обводки на светлом фоне */
|
|
2059
1834
|
var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #088169FF)';
|
|
2060
1835
|
|
|
@@ -2088,9 +1863,6 @@ var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #3067A6FF)';
|
|
|
2088
1863
|
/** Инвертированный акцентный цвет обводки */
|
|
2089
1864
|
var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #088169FF)';
|
|
2090
1865
|
|
|
2091
|
-
/** Инвертированный акцентный цвет обводки */
|
|
2092
|
-
var inverseOutlineAccent = 'var(--inverse-outline-accent, #0BA686)';
|
|
2093
|
-
|
|
2094
1866
|
/** Инвертированная бесцветная обводка */
|
|
2095
1867
|
var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
|
|
2096
1868
|
|
|
@@ -2109,9 +1881,6 @@ var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primar
|
|
|
2109
1881
|
/** Инвертированный основной прозрачный цвет обводки */
|
|
2110
1882
|
var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #15110F62)';
|
|
2111
1883
|
|
|
2112
|
-
/** Инвертированный акцентный цвет обводки */
|
|
2113
|
-
var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #0ED8AFFF)';
|
|
2114
|
-
|
|
2115
1884
|
/** Инвертированный цвет обводки успех */
|
|
2116
1885
|
var inverseOutlinePositive = 'var(--inverse-outline-positive, #239322)';
|
|
2117
1886
|
|
|
@@ -2160,8 +1929,248 @@ var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-activ
|
|
|
2160
1929
|
/** Основной цвет текста */
|
|
2161
1930
|
var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF97)';
|
|
2162
1931
|
|
|
2163
|
-
/**
|
|
2164
|
-
var
|
|
1932
|
+
/** Основной фон на темном фоне */
|
|
1933
|
+
var darkBackgroundPrimary = 'var(--dark-background-primary, #141413)';
|
|
1934
|
+
|
|
1935
|
+
/** Inverse Background Hardline */
|
|
1936
|
+
var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
|
|
1937
|
+
|
|
1938
|
+
/** Инвертированный основной фон */
|
|
1939
|
+
var inverseBackgroundPrimary = 'var(--inverse-background-primary, #EBE7E5)';
|
|
1940
|
+
|
|
1941
|
+
/** Light Background Hardline */
|
|
1942
|
+
var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
|
|
1943
|
+
|
|
1944
|
+
/** Вторичный фон на светлом фоне */
|
|
1945
|
+
var lightBackgroundSecondary = 'var(--light-background-secondary, #F6F2F0)';
|
|
1946
|
+
|
|
1947
|
+
/** Акцентный цвет обводки */
|
|
1948
|
+
var outlineAccent = 'var(--outline-accent, #0BA686)';
|
|
1949
|
+
|
|
1950
|
+
/** New description */
|
|
1951
|
+
var outlineDeep = 'var(--outline-deep, #777675)';
|
|
1952
|
+
|
|
1953
|
+
/** Outline Default */
|
|
1954
|
+
var outlineDefault = 'var(--outline-default, #383838)';
|
|
1955
|
+
|
|
1956
|
+
/** Default Active Default */
|
|
1957
|
+
var outlineDefaultActive = 'var(--outline-default-active, #292929FF)';
|
|
1958
|
+
|
|
1959
|
+
/** Default Hover Default */
|
|
1960
|
+
var outlineDefaultHover = 'var(--outline-default-hover, #666666FF)';
|
|
1961
|
+
|
|
1962
|
+
/** New description */
|
|
1963
|
+
var outlineTransparentWhite = 'var(--outline-transparent-white, #FFFFFF7A)';
|
|
1964
|
+
|
|
1965
|
+
/** Инвертированный акцентный цвет обводки */
|
|
1966
|
+
var inverseOutlineAccent = 'var(--inverse-outline-accent, #0BA686)';
|
|
1967
|
+
|
|
1968
|
+
/** Инвертированный акцентный цвет обводки */
|
|
1969
|
+
var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #0ED8AFFF)';
|
|
1970
|
+
|
|
1971
|
+
/** Inverse Outline Default */
|
|
1972
|
+
var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
|
|
1973
|
+
|
|
1974
|
+
/** Default Active Inverse */
|
|
1975
|
+
var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
|
|
1976
|
+
|
|
1977
|
+
/** Default Hover On Light */
|
|
1978
|
+
var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
|
|
1979
|
+
|
|
1980
|
+
/** Primary Hover On Light */
|
|
1981
|
+
var onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #ADA39FFF)';
|
|
1982
|
+
|
|
1983
|
+
/** Blue Text Accent Hover Default */
|
|
1984
|
+
var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
|
|
1985
|
+
|
|
1986
|
+
/** Green Text Accent Hover Default */
|
|
1987
|
+
var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
|
|
1988
|
+
|
|
1989
|
+
/** Indigo Text Accent Hover Default */
|
|
1990
|
+
var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
|
|
1991
|
+
|
|
1992
|
+
/** Sea Blue Text Accent Hover Default */
|
|
1993
|
+
var personasSeaBlueTextAccentHover = 'var(--personas-sea-blue-text-accent-hover, #00C5CCFF)';
|
|
1994
|
+
|
|
1995
|
+
/** Blue Text Accent Hover On Dark */
|
|
1996
|
+
var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
|
|
1997
|
+
|
|
1998
|
+
/** Olive Text Accent Hover On Dark */
|
|
1999
|
+
var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
|
|
2000
|
+
|
|
2001
|
+
/** Sea Blue Text Accent Hover On Dark */
|
|
2002
|
+
var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
|
|
2003
|
+
|
|
2004
|
+
/** Violet Text Accent Hover On Dark */
|
|
2005
|
+
var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
|
|
2006
|
+
|
|
2007
|
+
/** Indigo Text Accent Hover On Light */
|
|
2008
|
+
var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
|
|
2009
|
+
|
|
2010
|
+
/** Pink Text Accent Hover On Light */
|
|
2011
|
+
var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
|
|
2012
|
+
|
|
2013
|
+
/** Sea Blue Text Accent Hover On Light */
|
|
2014
|
+
var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
|
|
2015
|
+
|
|
2016
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
2017
|
+
var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #055C4CFF)';
|
|
2018
|
+
|
|
2019
|
+
/** Accent Secondary Hover Inverse */
|
|
2020
|
+
var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #50C3A8FF)';
|
|
2021
|
+
|
|
2022
|
+
/** Accent Secondary Hover On Dark */
|
|
2023
|
+
var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
|
|
2024
|
+
|
|
2025
|
+
/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
|
|
2026
|
+
var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #A2A1A0B3)';
|
|
2027
|
+
|
|
2028
|
+
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
2029
|
+
var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
|
|
2030
|
+
|
|
2031
|
+
/** Акцентный цвет */
|
|
2032
|
+
var textAccentHover = 'var(--text-accent-hover, #77CFBBFF)';
|
|
2033
|
+
|
|
2034
|
+
/** Primary Active Inverse */
|
|
2035
|
+
var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
|
|
2036
|
+
|
|
2037
|
+
/** New description */
|
|
2038
|
+
var inverseOutlineTransparentWhiteActive = 'var(--inverse-outline-transparent-white-active, #FFFFFFA3)';
|
|
2039
|
+
|
|
2040
|
+
/** Акцентный цвет обводки на темном фоне */
|
|
2041
|
+
var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #099579FF)';
|
|
2042
|
+
|
|
2043
|
+
/** Default Active On Dark */
|
|
2044
|
+
var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
|
|
2045
|
+
|
|
2046
|
+
/** Primary Active On Dark */
|
|
2047
|
+
var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
|
|
2048
|
+
|
|
2049
|
+
/** Ochre Text Accent Active Default */
|
|
2050
|
+
var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
|
|
2051
|
+
|
|
2052
|
+
/** Olive Text Accent Active Default */
|
|
2053
|
+
var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
|
|
2054
|
+
|
|
2055
|
+
/** Violet Text Accent Active Default */
|
|
2056
|
+
var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
|
|
2057
|
+
|
|
2058
|
+
/** Sea Blue Text Accent Active Inverse */
|
|
2059
|
+
var inversePersonasSeaBlueTextAccentActive = 'var(--inverse-personas-sea-blue-text-accent-active, #4BB4B4FF)';
|
|
2060
|
+
|
|
2061
|
+
/** Violet Text Accent Active Inverse */
|
|
2062
|
+
var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-accent-active, #81288FFF)';
|
|
2063
|
+
|
|
2064
|
+
/** Green Text Accent Active On Light */
|
|
2065
|
+
var onLightPersonasGreenTextAccentActive = 'var(--on-light-personas-green-text-accent-active, #04AF87FF)';
|
|
2066
|
+
|
|
2067
|
+
/** Ochre Text Accent Active On Light */
|
|
2068
|
+
var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
|
|
2069
|
+
|
|
2070
|
+
/** Violet Text Accent Active On Light */
|
|
2071
|
+
var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text-accent-active, #81288FFF)';
|
|
2072
|
+
|
|
2073
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
2074
|
+
var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #043F34FF)';
|
|
2075
|
+
|
|
2076
|
+
/** Основной непрозрачный фон поверхности/контрола */
|
|
2077
|
+
var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #1F1F1FFF)';
|
|
2078
|
+
|
|
2079
|
+
/** Основной непрозрачный фон поверхности/контрола */
|
|
2080
|
+
var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
|
|
2081
|
+
|
|
2082
|
+
/** Transparent Navi Active Default */
|
|
2083
|
+
var surfaceTransparentNaviActive = 'var(--surface-transparent-navi-active, #2424248A)';
|
|
2084
|
+
|
|
2085
|
+
/** Инвертированный акцентный фон поверхности/контрола */
|
|
2086
|
+
var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
|
|
2087
|
+
|
|
2088
|
+
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
2089
|
+
var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #BFEDE1FF)';
|
|
2090
|
+
|
|
2091
|
+
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
2092
|
+
var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
|
|
2093
|
+
|
|
2094
|
+
/** Transparent Accent Minor Active On Light */
|
|
2095
|
+
var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #0BA88852)';
|
|
2096
|
+
|
|
2097
|
+
/** Акцентный цвет на темном фоне */
|
|
2098
|
+
var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #60C7AFBE)';
|
|
2099
|
+
|
|
2100
|
+
/** Акцентный цвет обводки на светлом фоне */
|
|
2101
|
+
var onLightOutlineAccent = 'var(--on-light-outline-accent, #0BA686)';
|
|
2102
|
+
|
|
2103
|
+
/** On Light Outline Primary */
|
|
2104
|
+
var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
|
|
2105
|
+
|
|
2106
|
+
/** Inverse Personas Sea Blue Text Accent */
|
|
2107
|
+
var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
|
|
2108
|
+
|
|
2109
|
+
/** Акцентный фон поверхности/контрола */
|
|
2110
|
+
var surfaceAccent = 'var(--surface-accent, #0BA686)';
|
|
2111
|
+
|
|
2112
|
+
/** Цвет фона поверхности/контрола информация */
|
|
2113
|
+
var surfaceInfo = 'var(--surface-info, #9BCAF8)';
|
|
2114
|
+
|
|
2115
|
+
/** Основной фон для карточек */
|
|
2116
|
+
var surfaceSolidCardBrightnessActive = 'var(--surface-solid-card-brightness-active, #212121FF)';
|
|
2117
|
+
|
|
2118
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
2119
|
+
var surfaceSolidDefault = 'var(--surface-solid-default, #F6F2F0)';
|
|
2120
|
+
|
|
2121
|
+
/** Surface Transparent Navi */
|
|
2122
|
+
var surfaceTransparentNavi = 'var(--surface-transparent-navi, #23232399)';
|
|
2123
|
+
|
|
2124
|
+
/** Инвертированный акцентный фон поверхности/контрола */
|
|
2125
|
+
var inverseSurfaceAccent = 'var(--inverse-surface-accent, #0BA686)';
|
|
2126
|
+
|
|
2127
|
+
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
2128
|
+
var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFF)';
|
|
2129
|
+
|
|
2130
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
2131
|
+
var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #04473B)';
|
|
2132
|
+
|
|
2133
|
+
/** Фон поверхности/контрола без заливки на светлом фоне */
|
|
2134
|
+
var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
|
|
2135
|
+
|
|
2136
|
+
/** Основной цвет текста */
|
|
2137
|
+
var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
|
|
2138
|
+
|
|
2139
|
+
/** Инвертированный акцентный цвет */
|
|
2140
|
+
var inverseTextAccent = 'var(--inverse-text-accent, #0A8E73)';
|
|
2141
|
+
|
|
2142
|
+
/** Акцентный цвет на темном фоне */
|
|
2143
|
+
var onDarkTextAccent = 'var(--on-dark-text-accent, #61C8B0ED)';
|
|
2144
|
+
|
|
2145
|
+
/** Dark Background Hardline */
|
|
2146
|
+
var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
|
|
2147
|
+
|
|
2148
|
+
/** Основной фон для карточек */
|
|
2149
|
+
var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
|
|
2150
|
+
|
|
2151
|
+
/** Основной непрозрачный фон поверхности/контрола */
|
|
2152
|
+
var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #262626FF)';
|
|
2153
|
+
|
|
2154
|
+
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
2155
|
+
var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110F)';
|
|
2156
|
+
|
|
2157
|
+
/** Основной фон для карточек на темном фоне */
|
|
2158
|
+
var onDarkSurfaceSolidCardBrightnessActive = 'var(--on-dark-surface-solid-card-brightness-active, #212121FF)';
|
|
2159
|
+
|
|
2160
|
+
/** Сплошной наборный текст на темном фоне */
|
|
2161
|
+
var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
|
|
2162
|
+
|
|
2163
|
+
/** New description */
|
|
2164
|
+
var overlayMedium = 'var(--overlay-medium, #00000029)';
|
|
2165
|
+
|
|
2166
|
+
/** New description */
|
|
2167
|
+
var inverseOverlayMedium = 'var(--inverse-overlay-medium, #00000052)';
|
|
2168
|
+
|
|
2169
|
+
/** New description */
|
|
2170
|
+
var onDarkOverlayMedium = 'var(--on-dark-overlay-medium, #00000029)';
|
|
2171
|
+
|
|
2172
|
+
/** New description */
|
|
2173
|
+
var onLightOverlayMedium = 'var(--on-light-overlay-medium, #00000052)';
|
|
2165
2174
|
|
|
2166
2175
|
/** On Light Personas Olive Surface Accent Gradient */
|
|
2167
2176
|
var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
|
|
@@ -2170,7 +2179,7 @@ var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-s
|
|
|
2170
2179
|
var onDarkPersonasBlueSurfaceAccentGradient = 'var(--on-dark-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))';
|
|
2171
2180
|
|
|
2172
2181
|
/** On Dark Overlay Gradient */
|
|
2173
|
-
var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(
|
|
2182
|
+
var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(270deg, #000000 0.0%, #00000000 100.0%))';
|
|
2174
2183
|
|
|
2175
2184
|
/** Inverse Personas Ochre Surface Accent Gradient */
|
|
2176
2185
|
var inversePersonasOchreSurfaceAccentGradient = 'var(--inverse-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
|
|
@@ -2230,10 +2239,10 @@ var personasPinkSurfaceAccentGradient = 'var(--personas-pink-surface-accent-grad
|
|
|
2230
2239
|
var inversePersonasIndigoSurfaceAccentGradient = 'var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))';
|
|
2231
2240
|
|
|
2232
2241
|
/** Background Gradient */
|
|
2233
|
-
var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100
|
|
2242
|
+
var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%))';
|
|
2234
2243
|
|
|
2235
2244
|
/** Inverse Background Gradient */
|
|
2236
|
-
var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0
|
|
2245
|
+
var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%))';
|
|
2237
2246
|
|
|
2238
2247
|
/** Personas Green Surface Accent Gradient */
|
|
2239
2248
|
var personasGreenSurfaceAccentGradient = 'var(--personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
|
|
@@ -2343,15 +2352,18 @@ var onDarkSurfaceAccentMinorGradient = 'var(--on-dark-surface-accent-minor-gradi
|
|
|
2343
2352
|
/** Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2344
2353
|
var onLightSurfaceAccentMinorGradient = 'var(--on-light-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))';
|
|
2345
2354
|
|
|
2346
|
-
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
2347
|
-
var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
|
|
2348
|
-
|
|
2349
2355
|
/** Инвертированный акцентный минорный фон поверхности/контрола с градиентом */
|
|
2350
2356
|
var inverseSurfaceAccentMinorGradient = 'var(--inverse-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))';
|
|
2351
2357
|
|
|
2352
2358
|
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2353
2359
|
var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
|
|
2354
2360
|
|
|
2361
|
+
/** On Dark Personas Indigo Surface Accent Gradient */
|
|
2362
|
+
var onDarkPersonasIndigoSurfaceAccentGradient = 'var(--on-dark-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
|
|
2363
|
+
|
|
2364
|
+
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
2365
|
+
var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
|
|
2366
|
+
|
|
2355
2367
|
/** shadow down hard s */
|
|
2356
2368
|
var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
|
|
2357
2369
|
|
|
@@ -2765,10 +2777,30 @@ var bodyXXSMedium = {
|
|
|
2765
2777
|
letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
|
|
2766
2778
|
lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
|
|
2767
2779
|
};
|
|
2780
|
+
|
|
2781
|
+
/** New description */
|
|
2782
|
+
var xxlMedium = {
|
|
2783
|
+
fontFamily: 'var(--plasma-typo-xxl-medium-font-family)',
|
|
2784
|
+
fontSize: 'var(--plasma-typo-xxl-medium-font-size)',
|
|
2785
|
+
fontStyle: 'var(--plasma-typo-xxl-medium-font-style)',
|
|
2786
|
+
fontWeight: 'var(--plasma-typo-xxl-medium-font-weight)',
|
|
2787
|
+
letterSpacing: 'var(--plasma-typo-xxl-medium-letter-spacing)',
|
|
2788
|
+
lineHeight: 'var(--plasma-typo-xxl-medium-line-height)'
|
|
2789
|
+
};
|
|
2790
|
+
|
|
2791
|
+
/** New description */
|
|
2792
|
+
var xlMedium = {
|
|
2793
|
+
fontFamily: 'var(--plasma-typo-xl-medium-font-family)',
|
|
2794
|
+
fontSize: 'var(--plasma-typo-xl-medium-font-size)',
|
|
2795
|
+
fontStyle: 'var(--plasma-typo-xl-medium-font-style)',
|
|
2796
|
+
fontWeight: 'var(--plasma-typo-xl-medium-font-weight)',
|
|
2797
|
+
letterSpacing: 'var(--plasma-typo-xl-medium-letter-spacing)',
|
|
2798
|
+
lineHeight: 'var(--plasma-typo-xl-medium-line-height)'
|
|
2799
|
+
};
|
|
2768
2800
|
var viewContainer = {
|
|
2769
|
-
dark: "\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --outline-default-active: var(--on-dark-outline-default-active);\n --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --inverse-outline-default: var(--on-light-outline-default);\n --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-background-hardline: var(--light-background-hardline);\n --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --outline-default: var(--on-dark-outline-default);\n --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --text-primary: var(--on-dark-text-primary);\n --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --outline-primary: var(--on-dark-outline-primary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --outline-primary-hover: var(--on-dark-outline-primary-hover);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --background-hardline: var(--dark-background-hardline);\n --inverse-outline-primary: var(--on-light-outline-primary);\n --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --outline-transparent-white: var(--on-dark-outline-transparent-white);\n --outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n --outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n --inverse-outline-deep: var(--on-light-outline-deep);\n --inverse-outline-deep-active: var(--on-light-outline-deep-active);\n --inverse-outline-deep-hover: var(--on-light-outline-deep-hover);\n --inverse-outline-transparent-white: var(--on-light-outline-transparent-white);\n --inverse-outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n --surface-solid-deep: var(--on-dark-surface-solid-deep);\n --surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n --surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n --surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n --surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n --surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n --inverse-surface-solid-deep: var(--on-light-surface-solid-deep);\n --inverse-surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n --inverse-surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n --inverse-surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n --inverse-surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n --inverse-surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n --outline-deep-active: var(--on-dark-outline-deep-active);\n --outline-deep-hover: var(--on-dark-outline-deep-hover);\n --outline-deep: var(--on-dark-outline-deep);\n --inverse-outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-negative: var(--on-dark-text-negative);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-warning: var(--on-dark-text-warning);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-positive: var(--on-dark-text-positive);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-info: var(--on-dark-text-info);\n --text-info-active: var(--on-dark-text-info-active);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-secondary: var(--on-dark-text-secondary);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-negative: var(--on-light-text-negative);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-positive: var(--on-light-text-positive);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-info: var(--on-dark-surface-info);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-read-only-active: var(--on-dark-surface-read-only-active);\n --surface-read-only: var(--on-dark-surface-read-only);\n --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --background-secondary: var(--dark-background-secondary);\n --background-tertiary: var(--dark-background-tertiary);\n --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --inverse-surface-read-only: var(--on-light-surface-read-only);\n --background-primary: var(--dark-background-primary);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-clear: var(--on-dark-outline-clear);\n --inverse-background-tertiary: var(--light-background-tertiary);\n --inverse-background-secondary: var(--light-background-secondary);\n --inverse-background-primary: var(--light-background-primary);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-clear: var(--on-light-outline-clear);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --outline-white-gradient: var(--on-dark-outline-white-gradient);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --overlay-gradient: var(--on-dark-overlay-gradient);\n --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --background-gradient: var(--dark-background-gradient);\n --inverse-background-gradient: var(--light-background-gradient);\n --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n ",
|
|
2770
|
-
light: "\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --outline-default-active: var(--on-light-outline-default-active);\n --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --inverse-outline-default: var(--on-dark-outline-default);\n --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-background-hardline: var(--dark-background-hardline);\n --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --outline-default: var(--on-light-outline-default);\n --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --text-primary: var(--on-light-text-primary);\n --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --outline-primary: var(--on-light-outline-primary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --outline-primary-hover: var(--on-light-outline-primary-hover);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --background-hardline: var(--light-background-hardline);\n --inverse-outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --outline-transparent-white: var(--on-light-outline-transparent-white);\n --outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n --outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n --inverse-outline-deep: var(--on-dark-outline-deep);\n --inverse-outline-deep-active: var(--on-dark-outline-deep-active);\n --inverse-outline-deep-hover: var(--on-dark-outline-deep-hover);\n --inverse-outline-transparent-white: var(--on-dark-outline-transparent-white);\n --inverse-outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n --surface-solid-deep: var(--on-light-surface-solid-deep);\n --surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n --surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n --surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n --surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n --surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n --inverse-surface-solid-deep: var(--on-dark-surface-solid-deep);\n --inverse-surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n --inverse-surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n --inverse-surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n --inverse-surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n --inverse-surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n --outline-deep-active: var(--on-light-outline-deep-active);\n --outline-deep-hover: var(--on-light-outline-deep-hover);\n --outline-deep: var(--on-light-outline-deep);\n --inverse-outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-negative: var(--on-light-text-negative);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-warning: var(--on-light-text-warning);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-positive: var(--on-light-text-positive);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-info: var(--on-light-text-info);\n --text-info-active: var(--on-light-text-info-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-secondary: var(--on-light-text-secondary);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-accent: var(--on-light-text-accent);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-negative: var(--on-dark-text-negative);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-positive: var(--on-dark-text-positive);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-accent: var(--on-light-surface-accent);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-clear: var(--on-light-surface-clear);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-positive: var(--on-light-surface-positive);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-negative: var(--on-light-surface-negative);\n --surface-info: var(--on-light-surface-info);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-read-only-active: var(--on-light-surface-read-only-active);\n --surface-read-only: var(--on-light-surface-read-only);\n --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --background-secondary: var(--light-background-secondary);\n --background-tertiary: var(--light-background-tertiary);\n --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --inverse-surface-read-only: var(--on-dark-surface-read-only);\n --background-primary: var(--light-background-primary);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-clear: var(--on-light-outline-clear);\n --inverse-background-tertiary: var(--dark-background-tertiary);\n --inverse-background-secondary: var(--dark-background-secondary);\n --inverse-background-primary: var(--dark-background-primary);\n --outline-positive: var(--on-light-outline-positive);\n --outline-negative: var(--on-light-outline-negative);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent: var(--on-light-outline-accent);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-warning: var(--on-light-outline-warning);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-info: var(--on-light-outline-info);\n --outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --outline-white-gradient: var(--on-light-outline-white-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --background-gradient: var(--light-background-gradient);\n --inverse-background-gradient: var(--dark-background-gradient);\n --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n "
|
|
2801
|
+
dark: "\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --text-primary: var(--on-dark-text-primary);\n --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --outline-primary: var(--on-dark-outline-primary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --outline-primary-hover: var(--on-dark-outline-primary-hover);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --background-hardline: var(--dark-background-hardline);\n --inverse-outline-primary: var(--on-light-outline-primary);\n --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n --outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n --inverse-outline-deep: var(--on-light-outline-deep);\n --inverse-outline-deep-active: var(--on-light-outline-deep-active);\n --inverse-outline-deep-hover: var(--on-light-outline-deep-hover);\n --inverse-outline-transparent-white: var(--on-light-outline-transparent-white);\n --inverse-outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n --surface-solid-deep: var(--on-dark-surface-solid-deep);\n --surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n --surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n --surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n --surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n --surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n --inverse-surface-solid-deep: var(--on-light-surface-solid-deep);\n --inverse-surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n --inverse-surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n --inverse-surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n --inverse-surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n --inverse-surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n --outline-deep-active: var(--on-dark-outline-deep-active);\n --outline-deep-hover: var(--on-dark-outline-deep-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-negative: var(--on-dark-text-negative);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-warning: var(--on-dark-text-warning);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-positive: var(--on-dark-text-positive);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-info: var(--on-dark-text-info);\n --text-info-active: var(--on-dark-text-info-active);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-secondary: var(--on-dark-text-secondary);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-positive: var(--on-light-text-positive);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-read-only-active: var(--on-dark-surface-read-only-active);\n --surface-read-only: var(--on-dark-surface-read-only);\n --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --background-secondary: var(--dark-background-secondary);\n --background-tertiary: var(--dark-background-tertiary);\n --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --inverse-surface-read-only: var(--on-light-surface-read-only);\n --background-primary: var(--dark-background-primary);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-clear: var(--on-dark-outline-clear);\n --inverse-background-tertiary: var(--light-background-tertiary);\n --inverse-background-secondary: var(--light-background-secondary);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-clear: var(--on-light-outline-clear);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-background-hardline: var(--light-background-hardline);\n --inverse-background-primary: var(--light-background-primary);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-deep: var(--on-dark-outline-deep);\n --outline-default: var(--on-dark-outline-default);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-transparent-white: var(--on-dark-outline-transparent-white);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-default: var(--on-light-outline-default);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-info: var(--on-dark-surface-info);\n --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --inverse-text-accent: var(--on-light-text-accent);\n --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --overlay-medium: var(--on-dark-overlay-medium);\n --inverse-overlay-medium: var(--on-light-overlay-medium);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --outline-white-gradient: var(--on-dark-outline-white-gradient);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --overlay-gradient: var(--on-dark-overlay-gradient);\n --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --background-gradient: var(--dark-background-gradient);\n --inverse-background-gradient: var(--light-background-gradient);\n --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n ",
|
|
2802
|
+
light: "\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --text-primary: var(--on-light-text-primary);\n --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --outline-primary: var(--on-light-outline-primary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --outline-primary-hover: var(--on-light-outline-primary-hover);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --background-hardline: var(--light-background-hardline);\n --inverse-outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n --outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n --inverse-outline-deep: var(--on-dark-outline-deep);\n --inverse-outline-deep-active: var(--on-dark-outline-deep-active);\n --inverse-outline-deep-hover: var(--on-dark-outline-deep-hover);\n --inverse-outline-transparent-white: var(--on-dark-outline-transparent-white);\n --inverse-outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n --surface-solid-deep: var(--on-light-surface-solid-deep);\n --surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n --surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n --surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n --surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n --surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n --inverse-surface-solid-deep: var(--on-dark-surface-solid-deep);\n --inverse-surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n --inverse-surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n --inverse-surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n --inverse-surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n --inverse-surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n --outline-deep-active: var(--on-light-outline-deep-active);\n --outline-deep-hover: var(--on-light-outline-deep-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-negative: var(--on-light-text-negative);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-warning: var(--on-light-text-warning);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-positive: var(--on-light-text-positive);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-info: var(--on-light-text-info);\n --text-info-active: var(--on-light-text-info-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-secondary: var(--on-light-text-secondary);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-accent: var(--on-light-text-accent);\n --text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-positive: var(--on-dark-text-positive);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-clear: var(--on-light-surface-clear);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-positive: var(--on-light-surface-positive);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-negative: var(--on-light-surface-negative);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-read-only-active: var(--on-light-surface-read-only-active);\n --surface-read-only: var(--on-light-surface-read-only);\n --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --background-secondary: var(--light-background-secondary);\n --background-tertiary: var(--light-background-tertiary);\n --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --inverse-surface-read-only: var(--on-dark-surface-read-only);\n --background-primary: var(--light-background-primary);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-clear: var(--on-light-outline-clear);\n --inverse-background-tertiary: var(--dark-background-tertiary);\n --inverse-background-secondary: var(--dark-background-secondary);\n --outline-positive: var(--on-light-outline-positive);\n --outline-negative: var(--on-light-outline-negative);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-warning: var(--on-light-outline-warning);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-info: var(--on-light-outline-info);\n --outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-background-hardline: var(--dark-background-hardline);\n --inverse-background-primary: var(--dark-background-primary);\n --outline-accent: var(--on-light-outline-accent);\n --outline-deep: var(--on-light-outline-deep);\n --outline-default: var(--on-light-outline-default);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-transparent-white: var(--on-light-outline-transparent-white);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-default: var(--on-dark-outline-default);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --surface-accent: var(--on-light-surface-accent);\n --surface-info: var(--on-light-surface-info);\n --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --inverse-text-accent: var(--on-dark-text-accent);\n --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --overlay-medium: var(--on-light-overlay-medium);\n --inverse-overlay-medium: var(--on-dark-overlay-medium);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --outline-white-gradient: var(--on-light-outline-white-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --background-gradient: var(--light-background-gradient);\n --inverse-background-gradient: var(--dark-background-gradient);\n --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n "
|
|
2771
2803
|
};
|
|
2772
2804
|
|
|
2773
|
-
export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseOutlineAccent, inverseOutlineAccentActive, inverseOutlineAccentHover, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDeep, inverseOutlineDeepActive, inverseOutlineDeepHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentWhite, inverseOutlineTransparentWhiteActive, inverseOutlineTransparentWhiteHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDeep, inverseSurfaceSolidDeepActive, inverseSurfaceSolidDeepHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentCardMinor, inverseSurfaceTransparentCardMinorActive, inverseSurfaceTransparentCardMinorHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentNegative, inverseSurfaceTransparentNegativeActive, inverseSurfaceTransparentNegativeHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkOutlineAccent, onDarkOutlineAccentActive, onDarkOutlineAccentHover, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDeep, onDarkOutlineDeepActive, onDarkOutlineDeepHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentWhite, onDarkOutlineTransparentWhiteActive, onDarkOutlineTransparentWhiteHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDeep, onDarkSurfaceSolidDeepActive, onDarkSurfaceSolidDeepHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentCardMinor, onDarkSurfaceTransparentCardMinorActive, onDarkSurfaceTransparentCardMinorHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentNegative, onDarkSurfaceTransparentNegativeActive, onDarkSurfaceTransparentNegativeHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightOutlineAccent, onLightOutlineAccentActive, onLightOutlineAccentHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDeep, onLightOutlineDeepActive, onLightOutlineDeepHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentWhite, onLightOutlineTransparentWhiteActive, onLightOutlineTransparentWhiteHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDeep, onLightSurfaceSolidDeepActive, onLightSurfaceSolidDeepHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentCardMinor, onLightSurfaceTransparentCardMinorActive, onLightSurfaceTransparentCardMinorHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentNegative, onLightSurfaceTransparentNegativeActive, onLightSurfaceTransparentNegativeHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccent, outlineAccentActive, outlineAccentHover, outlineClear, outlineClearActive, outlineClearHover, outlineDeep, outlineDeepActive, outlineDeepHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineTransparentWhite, outlineTransparentWhiteActive, outlineTransparentWhiteHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWhiteGradient, overlayGradient, overlayHard, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDeep, surfaceSolidDeepActive, surfaceSolidDeepHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentCardMinor, surfaceTransparentCardMinorActive, surfaceTransparentCardMinorHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer };
|
|
2805
|
+
export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseOutlineAccent, inverseOutlineAccentActive, inverseOutlineAccentHover, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDeep, inverseOutlineDeepActive, inverseOutlineDeepHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentWhite, inverseOutlineTransparentWhiteActive, inverseOutlineTransparentWhiteHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlayMedium, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDeep, inverseSurfaceSolidDeepActive, inverseSurfaceSolidDeepHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentCardMinor, inverseSurfaceTransparentCardMinorActive, inverseSurfaceTransparentCardMinorHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentNegative, inverseSurfaceTransparentNegativeActive, inverseSurfaceTransparentNegativeHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkOutlineAccent, onDarkOutlineAccentActive, onDarkOutlineAccentHover, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDeep, onDarkOutlineDeepActive, onDarkOutlineDeepHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentWhite, onDarkOutlineTransparentWhiteActive, onDarkOutlineTransparentWhiteHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlayMedium, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDeep, onDarkSurfaceSolidDeepActive, onDarkSurfaceSolidDeepHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentCardMinor, onDarkSurfaceTransparentCardMinorActive, onDarkSurfaceTransparentCardMinorHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentNegative, onDarkSurfaceTransparentNegativeActive, onDarkSurfaceTransparentNegativeHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightOutlineAccent, onLightOutlineAccentActive, onLightOutlineAccentHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDeep, onLightOutlineDeepActive, onLightOutlineDeepHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentWhite, onLightOutlineTransparentWhiteActive, onLightOutlineTransparentWhiteHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlayMedium, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDeep, onLightSurfaceSolidDeepActive, onLightSurfaceSolidDeepHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentCardMinor, onLightSurfaceTransparentCardMinorActive, onLightSurfaceTransparentCardMinorHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentNegative, onLightSurfaceTransparentNegativeActive, onLightSurfaceTransparentNegativeHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccent, outlineAccentActive, outlineAccentHover, outlineClear, outlineClearActive, outlineClearHover, outlineDeep, outlineDeepActive, outlineDeepHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineTransparentWhite, outlineTransparentWhiteActive, outlineTransparentWhiteHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWhiteGradient, overlayGradient, overlayHard, overlayMedium, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDeep, surfaceSolidDeepActive, surfaceSolidDeepHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentCardMinor, surfaceTransparentCardMinorActive, surfaceTransparentCardMinorHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer, xlMedium, xxlMedium };
|
|
2774
2806
|
//# sourceMappingURL=index.js.map
|