@salutejs-ds/sdds_sbcom 0.1.4 → 0.1.5
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.d.ts +4 -4
- package/components/Button/Button.config.js +7 -7
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_1ccu9cu.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +4 -4
- package/components/Checkbox/Checkbox.config.d.ts +1 -1
- package/components/Checkbox/Checkbox.config.js +4 -4
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_1rh5bl.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Checkbox/Checkbox.d.ts +1 -1
- package/components/IconButton/IconButton.config.d.ts +2 -2
- package/components/IconButton/IconButton.config.js +5 -5
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_cfiy79.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/IconButton/IconButton.d.ts +2 -2
- package/components/Link/Link.config.d.ts +4 -4
- package/components/Link/Link.config.js +5 -5
- package/components/Link/Link.config.js.map +1 -1
- package/{es/components/Link/Link.config_1fm95cc.css → components/Link/Link.config_xhilcr.css} +6 -6
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +4 -4
- package/components/Radiobox/Radiobox.config.js +1 -1
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_hk6a3j.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/css/sdds_sbcom.module.css +291 -151
- package/css/sdds_sbcom__dark.css +150 -81
- package/css/sdds_sbcom__light.css +153 -82
- package/es/components/Button/Button.config.js +7 -7
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_1ccu9cu.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +4 -4
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_1rh5bl.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/IconButton/IconButton.config.js +5 -5
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_cfiy79.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +5 -5
- package/es/components/Link/Link.config.js.map +1 -1
- package/{components/Link/Link.config_1fm95cc.css → es/components/Link/Link.config_xhilcr.css} +6 -6
- 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_hk6a3j.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +37 -37
- 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 +367 -160
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +37 -37
- package/index.js +69 -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/IconButton/IconButton.config.js +6 -6
- package/styled-components/cjs/Link/Link.config.js +6 -6
- 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/IconButton/IconButton.config.js +6 -6
- package/styled-components/es/Link/Link.config.js +6 -6
- 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 +255 -117
- package/theme/tokens/index.js +435 -159
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_1ufeha7.css +0 -10
- package/components/Checkbox/Checkbox.config_1637oeq.css +0 -6
- package/components/IconButton/IconButton.config_4rapku.css +0 -9
- package/components/Radiobox/Radiobox.config_wxwhpp.css +0 -6
- package/es/components/Button/Button.config_1ufeha7.css +0 -10
- package/es/components/Checkbox/Checkbox.config_1637oeq.css +0 -6
- package/es/components/IconButton/IconButton.config_4rapku.css +0 -9
- package/es/components/Radiobox/Radiobox.config_wxwhpp.css +0 -6
package/es/theme/tokens/index.js
CHANGED
|
@@ -3,6 +3,282 @@
|
|
|
3
3
|
/** Третичный цвет текста */
|
|
4
4
|
var textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)';
|
|
5
5
|
|
|
6
|
+
/** Инвертированный cплошной наборный текст */
|
|
7
|
+
var inverseTextParagraph = 'var(--inverse-text-paragraph, #15110F66)';
|
|
8
|
+
|
|
9
|
+
/** Инвертированный минорный акцентный цвет */
|
|
10
|
+
var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #52804A66)';
|
|
11
|
+
|
|
12
|
+
/** Основной непрозрачный фон поверхности/контрола */
|
|
13
|
+
var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)';
|
|
14
|
+
|
|
15
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
16
|
+
var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
|
|
17
|
+
|
|
18
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
19
|
+
var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #2A390EFF)';
|
|
20
|
+
|
|
21
|
+
/** Основной прозрачный фон поверхности/контрола */
|
|
22
|
+
var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
|
|
23
|
+
|
|
24
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
25
|
+
var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #252525FF)';
|
|
26
|
+
|
|
27
|
+
/** Прозрачный фон для карточек на темном фоне */
|
|
28
|
+
var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #23232399)';
|
|
29
|
+
|
|
30
|
+
/** Третичный непрозрачный фон поверхности на светлом фоне */
|
|
31
|
+
var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #D9D9D9FF)';
|
|
32
|
+
|
|
33
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
34
|
+
var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)';
|
|
35
|
+
|
|
36
|
+
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
37
|
+
var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)';
|
|
38
|
+
|
|
39
|
+
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
40
|
+
var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)';
|
|
41
|
+
|
|
42
|
+
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
43
|
+
var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #08080833)';
|
|
44
|
+
|
|
45
|
+
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
46
|
+
var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #6FA706FF)';
|
|
47
|
+
|
|
48
|
+
/** Цвет обводки успех */
|
|
49
|
+
var outlinePositiveHover = 'var(--outline-positive-hover, #96E208FF)';
|
|
50
|
+
|
|
51
|
+
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
52
|
+
var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #D7FD91FF)';
|
|
53
|
+
|
|
54
|
+
/** Цвет обводки успех на светлом фоне */
|
|
55
|
+
var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #79B706FF)';
|
|
56
|
+
|
|
57
|
+
/** Основной прозрачный цвет обводки на темном фоне */
|
|
58
|
+
var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
|
|
59
|
+
|
|
60
|
+
/** Цвет обводки предупреждение на светлом фоне */
|
|
61
|
+
var onLightOutlineWarning = 'var(--on-light-outline-warning, #BE4E0CFF)';
|
|
62
|
+
|
|
63
|
+
/** Вторичный цвет текста */
|
|
64
|
+
var textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)';
|
|
65
|
+
|
|
66
|
+
/** */
|
|
67
|
+
var onDarkOutlineMinorBrightness = 'var(--on-dark-outline-minor-brightness, #383838FF)';
|
|
68
|
+
|
|
69
|
+
/** */
|
|
70
|
+
var backgroundSecondaryBrightness = 'var(--background-secondary-brightness, #000000FF)';
|
|
71
|
+
|
|
72
|
+
/** */
|
|
73
|
+
var personaBlueTextAccentBrightness = 'var(--persona-blue-text-accent-brightness, #15110FFF)';
|
|
74
|
+
|
|
75
|
+
/** */
|
|
76
|
+
var personaGreenTextAccentBrightness = 'var(--persona-green-text-accent-brightness, #15110FFF)';
|
|
77
|
+
|
|
78
|
+
/** */
|
|
79
|
+
var personaIndigoTextAccentBrightness = 'var(--persona-indigo-text-accent-brightness, #15110FFF)';
|
|
80
|
+
|
|
81
|
+
/** */
|
|
82
|
+
var personaOchreTextAccentBrightness = 'var(--persona-ochre-text-accent-brightness, #15110FFF)';
|
|
83
|
+
|
|
84
|
+
/** */
|
|
85
|
+
var personaOliveTextAccentBrightness = 'var(--persona-olive-text-accent-brightness, #15110FFF)';
|
|
86
|
+
|
|
87
|
+
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
88
|
+
var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
|
|
89
|
+
|
|
90
|
+
/** */
|
|
91
|
+
var onDarkBackgroundSecondaryHover = 'var(--on-dark-background-secondary-hover, #CCCCCCFF)';
|
|
92
|
+
|
|
93
|
+
/** */
|
|
94
|
+
var personaIndigoTextAccent = 'var(--persona-indigo-text-accent, #9291E5)';
|
|
95
|
+
|
|
96
|
+
/** */
|
|
97
|
+
var onDarkPersonaPinkTextAccentBrightness = 'var(--on-dark-persona-pink-text-accent-brightness, #15110FFF)';
|
|
98
|
+
|
|
99
|
+
/** */
|
|
100
|
+
var onDarkPersonaSeaBlueTextAccentBrightness = 'var(--on-dark-persona-sea-blue-text-accent-brightness, #15110FFF)';
|
|
101
|
+
|
|
102
|
+
/** */
|
|
103
|
+
var onLightPersonaIndigoTextAccentHover = 'var(--on-light-persona-indigo-text-accent-hover, #CCCCCCFF)';
|
|
104
|
+
|
|
105
|
+
/** */
|
|
106
|
+
var onLightPersonaOchreTextAccentHover = 'var(--on-light-persona-ochre-text-accent-hover, #CCCCCCFF)';
|
|
107
|
+
|
|
108
|
+
/** */
|
|
109
|
+
var onLightPersonaOliveTextAccentActive = 'var(--on-light-persona-olive-text-accent-active, #E6E6E6FF)';
|
|
110
|
+
|
|
111
|
+
/** */
|
|
112
|
+
var onDarkPersonaVioletTextAccentBrightness = 'var(--on-dark-persona-violet-text-accent-brightness, #15110FFF)';
|
|
113
|
+
|
|
114
|
+
/** Акцентный минорный цвет на темном фоне */
|
|
115
|
+
var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #2F4408FF)';
|
|
116
|
+
|
|
117
|
+
/** */
|
|
118
|
+
var onLightSurfaceAccentSecondaryBrightness = 'var(--on-light-surface-accent-secondary-brightness, #688F61FF)';
|
|
119
|
+
|
|
120
|
+
/** */
|
|
121
|
+
var surfaceTransparentAccentMinorBrightness = 'var(--surface-transparent-accent-minor-brightness, #B4AE7B47)';
|
|
122
|
+
|
|
123
|
+
/** */
|
|
124
|
+
var onDarkSurfaceAccentSecondaryBrightness = 'var(--on-dark-surface-accent-secondary-brightness, #B4AE7BFF)';
|
|
125
|
+
|
|
126
|
+
/** */
|
|
127
|
+
var inversePersonaOchreTextAccentBrightness = 'var(--inverse-persona-ochre-text-accent-brightness, #EBE7E5FF)';
|
|
128
|
+
|
|
129
|
+
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
130
|
+
var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
|
|
131
|
+
|
|
132
|
+
/** */
|
|
133
|
+
var outlineTransparentClear = 'var(--outline-transparent-clear, #00000000)';
|
|
134
|
+
|
|
135
|
+
/** */
|
|
136
|
+
var inverseBackgroundSecondaryBrightness = 'var(--inverse-background-secondary-brightness, #FFFFFFFF)';
|
|
137
|
+
|
|
138
|
+
/** */
|
|
139
|
+
var personaSeaBlueTextAccentActive = 'var(--persona-sea-blue-text-accent-active, #E6E6E6FF)';
|
|
140
|
+
|
|
141
|
+
/** */
|
|
142
|
+
var inversePersonaIndigoTextAccentActive = 'var(--inverse-persona-indigo-text-accent-active, #E6E6E6FF)';
|
|
143
|
+
|
|
144
|
+
/** */
|
|
145
|
+
var onDarkPersonaOchreTextAccent = 'var(--on-dark-persona-ochre-text-accent, #E0AB69)';
|
|
146
|
+
|
|
147
|
+
/** */
|
|
148
|
+
var onLightPersonaBlueTextAccentBrightness = 'var(--on-light-persona-blue-text-accent-brightness, #EBE7E5FF)';
|
|
149
|
+
|
|
150
|
+
/** */
|
|
151
|
+
var onLightPersonaGreenTextAccentBrightness = 'var(--on-light-persona-green-text-accent-brightness, #EBE7E5FF)';
|
|
152
|
+
|
|
153
|
+
/** */
|
|
154
|
+
var onLightPersonaIndigoTextAccentBrightness = 'var(--on-light-persona-indigo-text-accent-brightness, #EBE7E5FF)';
|
|
155
|
+
|
|
156
|
+
/** */
|
|
157
|
+
var onLightPersonaOchreTextAccentBrightness = 'var(--on-light-persona-ochre-text-accent-brightness, #EBE7E5FF)';
|
|
158
|
+
|
|
159
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
160
|
+
var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #3E4C2FFF)';
|
|
161
|
+
|
|
162
|
+
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
163
|
+
var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #527E4B1F)';
|
|
164
|
+
|
|
165
|
+
/** */
|
|
166
|
+
var onDarkOutlineDefaultBrightness = 'var(--on-dark-outline-default-brightness, #3B3735FF)';
|
|
167
|
+
|
|
168
|
+
/** Цвет обводки предупреждение на светлом фоне */
|
|
169
|
+
var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD9253FF)';
|
|
170
|
+
|
|
171
|
+
/** */
|
|
172
|
+
var inverseSurfaceTransparentAccentMinorBrightness = 'var(--inverse-surface-transparent-accent-minor-brightness, #527E4B3D)';
|
|
173
|
+
|
|
174
|
+
/** */
|
|
175
|
+
var onLightSurfaceAccentPrimaryBrightness = 'var(--on-light-surface-accent-primary-brightness, #527E4BFF)';
|
|
176
|
+
|
|
177
|
+
/** */
|
|
178
|
+
var surfaceAccentSecondaryBrightness = 'var(--surface-accent-secondary-brightness, #B4AE7BFF)';
|
|
179
|
+
|
|
180
|
+
/** */
|
|
181
|
+
var onDarkBackgroundSecondaryBrightness = 'var(--on-dark-background-secondary-brightness, #0F0F0FFF)';
|
|
182
|
+
|
|
183
|
+
/** */
|
|
184
|
+
var onLightBackgroundSecondaryBrightness = 'var(--on-light-background-secondary-brightness, #F6F2F0FF)';
|
|
185
|
+
|
|
186
|
+
/** */
|
|
187
|
+
var outlineDefaultBrightness = 'var(--outline-default-brightness, #3B3735FF)';
|
|
188
|
+
|
|
189
|
+
/** */
|
|
190
|
+
var outlineMinorBrightness = 'var(--outline-minor-brightness, #383838FF)';
|
|
191
|
+
|
|
192
|
+
/** */
|
|
193
|
+
var outlineTransparentClearBrightness = 'var(--outline-transparent-clear-brightness, #00000000)';
|
|
194
|
+
|
|
195
|
+
/** */
|
|
196
|
+
var inverseOutlineDefaultBrightness = 'var(--inverse-outline-default-brightness, #DDD9D7FF)';
|
|
197
|
+
|
|
198
|
+
/** */
|
|
199
|
+
var inverseOutlineOutlineMinorBrightness = 'var(--inverse-outline-outline-minor-brightness, #FFFFFFFF)';
|
|
200
|
+
|
|
201
|
+
/** */
|
|
202
|
+
var inversePersonaOliveTextAccentBrightness = 'var(--inverse-persona-olive-text-accent-brightness, #EBE7E5FF)';
|
|
203
|
+
|
|
204
|
+
/** */
|
|
205
|
+
var inversePersonaPinkTextAccentBrightness = 'var(--inverse-persona-pink-text-accent-brightness, #EBE7E5FF)';
|
|
206
|
+
|
|
207
|
+
/** */
|
|
208
|
+
var inversePersonaSeaBlueTextAccentBrightness = 'var(--inverse-persona-sea-blue-text-accent-brightness, #EBE7E5FF)';
|
|
209
|
+
|
|
210
|
+
/** */
|
|
211
|
+
var inversePersonaVioletTextAccentBrightness = 'var(--inverse-persona-violet-text-accent-brightness, #EBE7E5FF)';
|
|
212
|
+
|
|
213
|
+
/** */
|
|
214
|
+
var onDarkPersonaBlueTextAccentBrightness = 'var(--on-dark-persona-blue-text-accent-brightness, #15110FFF)';
|
|
215
|
+
|
|
216
|
+
/** */
|
|
217
|
+
var onDarkPersonaIndigoTextAccentBrightness = 'var(--on-dark-persona-indigo-text-accent-brightness, #15110FFF)';
|
|
218
|
+
|
|
219
|
+
/** */
|
|
220
|
+
var onDarkPersonaOchreTextAccentBrightness = 'var(--on-dark-persona-ochre-text-accent-brightness, #15110FFF)';
|
|
221
|
+
|
|
222
|
+
/** */
|
|
223
|
+
var onDarkPersonaOliveTextAccentBrightness = 'var(--on-dark-persona-olive-text-accent-brightness, #15110FFF)';
|
|
224
|
+
|
|
225
|
+
/** */
|
|
226
|
+
var onLightPersonaOliveTextAccentBrightness = 'var(--on-light-persona-olive-text-accent-brightness, #EBE7E5FF)';
|
|
227
|
+
|
|
228
|
+
/** */
|
|
229
|
+
var onLightPersonaVioletTextAccentBrightness = 'var(--on-light-persona-violet-text-accent-brightness, #EBE7E5FF)';
|
|
230
|
+
|
|
231
|
+
/** */
|
|
232
|
+
var inverseSurfaceAccentSecondaryBrightness = 'var(--inverse-surface-accent-secondary-brightness, #688F61FF)';
|
|
233
|
+
|
|
234
|
+
/** */
|
|
235
|
+
var onDarkSurfaceTransparentAccentMinorBrightness = 'var(--on-dark-surface-transparent-accent-minor-brightness, #B4AE7B47)';
|
|
236
|
+
|
|
237
|
+
/** */
|
|
238
|
+
var surfaceAccentPrimaryBrightness = 'var(--surface-accent-primary-brightness, #B4AE7BFF)';
|
|
239
|
+
|
|
240
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
241
|
+
var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
|
|
242
|
+
|
|
243
|
+
/** */
|
|
244
|
+
var onDarkPersonaGreenTextAccentBrightness = 'var(--on-dark-persona-green-text-accent-brightness, #15110FFF)';
|
|
245
|
+
|
|
246
|
+
/** */
|
|
247
|
+
var onLightPersonaSeaBlueTextAccentBrightness = 'var(--on-light-persona-sea-blue-text-accent-brightness, #EBE7E5FF)';
|
|
248
|
+
|
|
249
|
+
/** */
|
|
250
|
+
var onLightOutlineMinorBrightness = 'var(--on-light-outline-minor-brightness, #FFFFFFFF)';
|
|
251
|
+
|
|
252
|
+
/** */
|
|
253
|
+
var personaSeaBlueTextAccentBrightness = 'var(--persona-sea-blue-text-accent-brightness, #15110FFF)';
|
|
254
|
+
|
|
255
|
+
/** */
|
|
256
|
+
var personaVioletTextAccentBrightness = 'var(--persona-violet-text-accent-brightness, #15110FFF)';
|
|
257
|
+
|
|
258
|
+
/** */
|
|
259
|
+
var inversePersonaBlueTextAccentBrightness = 'var(--inverse-persona-blue-text-accent-brightness, #EBE7E5FF)';
|
|
260
|
+
|
|
261
|
+
/** */
|
|
262
|
+
var inversePersonaGreenTextAccentBrightness = 'var(--inverse-persona-green-text-accent-brightness, #EBE7E5FF)';
|
|
263
|
+
|
|
264
|
+
/** */
|
|
265
|
+
var inversePersonaIndigoTextAccentBrightness = 'var(--inverse-persona-indigo-text-accent-brightness, #EBE7E5FF)';
|
|
266
|
+
|
|
267
|
+
/** */
|
|
268
|
+
var onLightPersonaPinkTextAccentBrightness = 'var(--on-light-persona-pink-text-accent-brightness, #EBE7E5FF)';
|
|
269
|
+
|
|
270
|
+
/** */
|
|
271
|
+
var onDarkSurfaceAccentPrimaryBrightness = 'var(--on-dark-surface-accent-primary-brightness, #B4AE7BFF)';
|
|
272
|
+
|
|
273
|
+
/** */
|
|
274
|
+
var onLightSurfaceTransparentAccentMinorBrightness = 'var(--on-light-surface-transparent-accent-minor-brightness, #527E4B3D)';
|
|
275
|
+
|
|
276
|
+
/** */
|
|
277
|
+
var onLightOutlineDefaultBrightness = 'var(--on-light-outline-default-brightness, #DDD9D7FF)';
|
|
278
|
+
|
|
279
|
+
/** */
|
|
280
|
+
var personaPinkTextAccentBrightness = 'var(--persona-pink-text-accent-brightness, #15110FFF)';
|
|
281
|
+
|
|
6
282
|
/** Третичный цвет текста */
|
|
7
283
|
var textTertiaryActive = 'var(--text-tertiary-active, #F5F5F556)';
|
|
8
284
|
|
|
@@ -279,9 +555,6 @@ var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #1717177A)'
|
|
|
279
555
|
/** Инвертированный cплошной наборный текст */
|
|
280
556
|
var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #171717A3)';
|
|
281
557
|
|
|
282
|
-
/** Инвертированный cплошной наборный текст */
|
|
283
|
-
var inverseTextParagraph = 'var(--inverse-text-paragraph, #15110F66)';
|
|
284
|
-
|
|
285
558
|
/** Инвертированный акцентный цвет */
|
|
286
559
|
var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #79B706FF)';
|
|
287
560
|
|
|
@@ -330,12 +603,6 @@ var inverseTextAccent = 'var(--inverse-text-accent, #52804AFF)';
|
|
|
330
603
|
/** Инвертированный цвет успеха */
|
|
331
604
|
var inverseTextPositive = 'var(--inverse-text-positive, #207F1FFF)';
|
|
332
605
|
|
|
333
|
-
/** Инвертированный минорный акцентный цвет */
|
|
334
|
-
var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #52804A66)';
|
|
335
|
-
|
|
336
|
-
/** Основной непрозрачный фон поверхности/контрола */
|
|
337
|
-
var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)';
|
|
338
|
-
|
|
339
606
|
/** Основной непрозрачный фон поверхности/контрола */
|
|
340
607
|
var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #121212FF)';
|
|
341
608
|
|
|
@@ -375,9 +642,6 @@ var surfaceSolidCard = 'var(--surface-solid-card, #232323FF)';
|
|
|
375
642
|
/** Основной фон для карточек */
|
|
376
643
|
var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #252525FF)';
|
|
377
644
|
|
|
378
|
-
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
379
|
-
var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
|
|
380
|
-
|
|
381
645
|
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
382
646
|
var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)';
|
|
383
647
|
|
|
@@ -426,9 +690,6 @@ var surfaceClearActive = 'var(--surface-clear-active, #00000000)';
|
|
|
426
690
|
/** Фон поверхности/контрола без заливки */
|
|
427
691
|
var surfaceClear = 'var(--surface-clear, #00000000)';
|
|
428
692
|
|
|
429
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
430
|
-
var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #2A390EFF)';
|
|
431
|
-
|
|
432
693
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
433
694
|
var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #182108FF)';
|
|
434
695
|
|
|
@@ -453,9 +714,6 @@ var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #
|
|
|
453
714
|
/** Основной прозрачный фон поверхности/контрола */
|
|
454
715
|
var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)';
|
|
455
716
|
|
|
456
|
-
/** Основной прозрачный фон поверхности/контрола */
|
|
457
|
-
var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
|
|
458
|
-
|
|
459
717
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
460
718
|
var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)';
|
|
461
719
|
|
|
@@ -477,9 +735,6 @@ var surfaceAccentMinor = 'var(--surface-accent-minor, #3E4C2FFF)';
|
|
|
477
735
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
478
736
|
var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #232323FF)';
|
|
479
737
|
|
|
480
|
-
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
481
|
-
var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #252525FF)';
|
|
482
|
-
|
|
483
738
|
/** Вторичный непрозрачный фон поверхности на темном фоне */
|
|
484
739
|
var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #303030FF)';
|
|
485
740
|
|
|
@@ -552,9 +807,6 @@ var surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)';
|
|
|
552
807
|
/** Прозрачный фон для карточек на темном фоне */
|
|
553
808
|
var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0A)';
|
|
554
809
|
|
|
555
|
-
/** Прозрачный фон для карточек на темном фоне */
|
|
556
|
-
var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #23232399)';
|
|
557
|
-
|
|
558
810
|
/** Прозрачный фон для карточек на темном фоне */
|
|
559
811
|
var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFF1DFF)';
|
|
560
812
|
|
|
@@ -621,9 +873,6 @@ var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary
|
|
|
621
873
|
/** Вторичный непрозрачный фон поверхности на светлом фоне */
|
|
622
874
|
var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #FFFFFFFF)';
|
|
623
875
|
|
|
624
|
-
/** Третичный непрозрачный фон поверхности на светлом фоне */
|
|
625
|
-
var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #D9D9D9FF)';
|
|
626
|
-
|
|
627
876
|
/** Третичный непрозрачный фон поверхности на светлом фоне */
|
|
628
877
|
var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D4D4D4FF)';
|
|
629
878
|
|
|
@@ -642,9 +891,6 @@ var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFFFF)';
|
|
|
642
891
|
/** Основной фон для карточек на светлом фоне */
|
|
643
892
|
var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
|
|
644
893
|
|
|
645
|
-
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
646
|
-
var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)';
|
|
647
|
-
|
|
648
894
|
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
649
895
|
var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)';
|
|
650
896
|
|
|
@@ -720,9 +966,6 @@ var onLightSurfaceWarning = 'var(--on-light-surface-warning, #BE4E0CFF)';
|
|
|
720
966
|
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
721
967
|
var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF5263FF)';
|
|
722
968
|
|
|
723
|
-
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
724
|
-
var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)';
|
|
725
|
-
|
|
726
969
|
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
727
970
|
var onLightSurfaceNegative = 'var(--on-light-surface-negative, #E83439FF)';
|
|
728
971
|
|
|
@@ -783,9 +1026,6 @@ var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-bright
|
|
|
783
1026
|
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
784
1027
|
var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #262626FF)';
|
|
785
1028
|
|
|
786
|
-
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
787
|
-
var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)';
|
|
788
|
-
|
|
789
1029
|
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
790
1030
|
var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110FFF)';
|
|
791
1031
|
|
|
@@ -807,9 +1047,6 @@ var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-seco
|
|
|
807
1047
|
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
808
1048
|
var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808082E)';
|
|
809
1049
|
|
|
810
|
-
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
811
|
-
var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #08080833)';
|
|
812
|
-
|
|
813
1050
|
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
814
1051
|
var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #15110F1F)';
|
|
815
1052
|
|
|
@@ -846,9 +1083,6 @@ var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-ac
|
|
|
846
1083
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
847
1084
|
var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1A9E3233)';
|
|
848
1085
|
|
|
849
|
-
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
850
|
-
var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #6FA706FF)';
|
|
851
|
-
|
|
852
1086
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
853
1087
|
var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #558005FF)';
|
|
854
1088
|
|
|
@@ -939,9 +1173,6 @@ var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active,
|
|
|
939
1173
|
/** Цвет обводки успех на светлом фоне */
|
|
940
1174
|
var onLightOutlinePositive = 'var(--on-light-outline-positive, #239322FF)';
|
|
941
1175
|
|
|
942
|
-
/** Цвет обводки успех */
|
|
943
|
-
var outlinePositiveHover = 'var(--outline-positive-hover, #96E208FF)';
|
|
944
|
-
|
|
945
1176
|
/** Цвет обводки успех */
|
|
946
1177
|
var outlinePositiveActive = 'var(--outline-positive-active, #629405FF)';
|
|
947
1178
|
|
|
@@ -972,9 +1203,6 @@ var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primar
|
|
|
972
1203
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
973
1204
|
var inverseSurfaceAccent = 'var(--inverse-surface-accent, #527E4BFF)';
|
|
974
1205
|
|
|
975
|
-
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
976
|
-
var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #D7FD91FF)';
|
|
977
|
-
|
|
978
1206
|
/** Основной фон */
|
|
979
1207
|
var backgroundPrimary = 'var(--background-primary, #15110FFF)';
|
|
980
1208
|
|
|
@@ -1026,9 +1254,6 @@ var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-
|
|
|
1026
1254
|
/** Основной прозрачный цвет обводки на светлом фоне */
|
|
1027
1255
|
var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08080838)';
|
|
1028
1256
|
|
|
1029
|
-
/** Цвет обводки успех на светлом фоне */
|
|
1030
|
-
var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #79B706FF)';
|
|
1031
|
-
|
|
1032
1257
|
/** Цвет обводки успех на светлом фоне */
|
|
1033
1258
|
var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #3E5E03FF)';
|
|
1034
1259
|
|
|
@@ -1038,9 +1263,6 @@ var outlineTextInfo = 'var(--outline-text-info, #9BCAF8FF)';
|
|
|
1038
1263
|
/** Основной прозрачный цвет обводки */
|
|
1039
1264
|
var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
|
|
1040
1265
|
|
|
1041
|
-
/** Основной прозрачный цвет обводки на темном фоне */
|
|
1042
|
-
var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
|
|
1043
|
-
|
|
1044
1266
|
/** Цвет обводки информация на светлом фоне */
|
|
1045
1267
|
var onLightOutlineTextInfo = 'var(--on-light-outline-text-info, #3776BCFF)';
|
|
1046
1268
|
|
|
@@ -1113,15 +1335,9 @@ var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #CA4B0
|
|
|
1113
1335
|
/** Цвет обводки информация на светлом фоне */
|
|
1114
1336
|
var onLightOutlineTextInfoHover = 'var(--on-light-outline-text-info-hover, #47B0F5FF)';
|
|
1115
1337
|
|
|
1116
|
-
/** Цвет обводки предупреждение на светлом фоне */
|
|
1117
|
-
var onLightOutlineWarning = 'var(--on-light-outline-warning, #BE4E0CFF)';
|
|
1118
|
-
|
|
1119
1338
|
/** Цвет обводки ошибка на светлом фоне */
|
|
1120
1339
|
var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439FF)';
|
|
1121
1340
|
|
|
1122
|
-
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
1123
|
-
var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
|
|
1124
|
-
|
|
1125
1341
|
/** Желтый цвет для данных на светлом фоне */
|
|
1126
1342
|
var onLightDataYellow = 'var(--on-light-data-yellow, #F3A912)';
|
|
1127
1343
|
|
|
@@ -1203,15 +1419,6 @@ var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #9966
|
|
|
1203
1419
|
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
1204
1420
|
var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F3A812AD)';
|
|
1205
1421
|
|
|
1206
|
-
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1207
|
-
var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
|
|
1208
|
-
|
|
1209
|
-
/** Вторичный цвет текста */
|
|
1210
|
-
var textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)';
|
|
1211
|
-
|
|
1212
|
-
/** */
|
|
1213
|
-
var onDarkBackgroundSecondaryHover = 'var(--on-dark-background-secondary-hover, #CCCCCCFF)';
|
|
1214
|
-
|
|
1215
1422
|
/** */
|
|
1216
1423
|
var onDarkBackgroundPrimary = 'var(--on-dark-background-primary, #15110FFF)';
|
|
1217
1424
|
|
|
@@ -1263,9 +1470,6 @@ var outlineMinorHover = 'var(--outline-minor-hover, #CCCCCCFF)';
|
|
|
1263
1470
|
/** */
|
|
1264
1471
|
var outlineMinorActive = 'var(--outline-minor-active, #E6E6E6FF)';
|
|
1265
1472
|
|
|
1266
|
-
/** */
|
|
1267
|
-
var outlineTransparentClear = 'var(--outline-transparent-clear, #00000000)';
|
|
1268
|
-
|
|
1269
1473
|
/** */
|
|
1270
1474
|
var outlineTransparentClearHover = 'var(--outline-transparent-clear-hover, #CCCCCCFF)';
|
|
1271
1475
|
|
|
@@ -1324,7 +1528,7 @@ var inverseBackgroundSecondaryHover = 'var(--inverse-background-secondary-hover,
|
|
|
1324
1528
|
var onDarkBackgroundSecondary = 'var(--on-dark-background-secondary, #000000FF)';
|
|
1325
1529
|
|
|
1326
1530
|
/** */
|
|
1327
|
-
var personaBlueTextAccent = 'var(--persona-blue-text-accent, #
|
|
1531
|
+
var personaBlueTextAccent = 'var(--persona-blue-text-accent, #87BEE5)';
|
|
1328
1532
|
|
|
1329
1533
|
/** */
|
|
1330
1534
|
var personaBlueTextAccentHover = 'var(--persona-blue-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1333,7 +1537,7 @@ var personaBlueTextAccentHover = 'var(--persona-blue-text-accent-hover, #CCCCCCF
|
|
|
1333
1537
|
var personaBlueTextAccentActive = 'var(--persona-blue-text-accent-active, #E6E6E6FF)';
|
|
1334
1538
|
|
|
1335
1539
|
/** */
|
|
1336
|
-
var personaGreenTextAccent = 'var(--persona-green-text-accent, #
|
|
1540
|
+
var personaGreenTextAccent = 'var(--persona-green-text-accent, #8BCB94)';
|
|
1337
1541
|
|
|
1338
1542
|
/** */
|
|
1339
1543
|
var personaGreenTextAccentHover = 'var(--persona-green-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1341,9 +1545,6 @@ var personaGreenTextAccentHover = 'var(--persona-green-text-accent-hover, #CCCCC
|
|
|
1341
1545
|
/** */
|
|
1342
1546
|
var personaGreenTextAccentActive = 'var(--persona-green-text-accent-active, #E6E6E6FF)';
|
|
1343
1547
|
|
|
1344
|
-
/** */
|
|
1345
|
-
var personaIndigoTextAccent = 'var(--persona-indigo-text-accent, #15110FFF)';
|
|
1346
|
-
|
|
1347
1548
|
/** */
|
|
1348
1549
|
var personaIndigoTextAccentHover = 'var(--persona-indigo-text-accent-hover, #CCCCCCFF)';
|
|
1349
1550
|
|
|
@@ -1351,7 +1552,7 @@ var personaIndigoTextAccentHover = 'var(--persona-indigo-text-accent-hover, #CCC
|
|
|
1351
1552
|
var personaIndigoTextAccentActive = 'var(--persona-indigo-text-accent-active, #E6E6E6FF)';
|
|
1352
1553
|
|
|
1353
1554
|
/** */
|
|
1354
|
-
var personaOchreTextAccent = 'var(--persona-ochre-text-accent, #
|
|
1555
|
+
var personaOchreTextAccent = 'var(--persona-ochre-text-accent, #935B18)';
|
|
1355
1556
|
|
|
1356
1557
|
/** */
|
|
1357
1558
|
var personaOchreTextAccentHover = 'var(--persona-ochre-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1360,7 +1561,7 @@ var personaOchreTextAccentHover = 'var(--persona-ochre-text-accent-hover, #CCCCC
|
|
|
1360
1561
|
var personaOchreTextAccentActive = 'var(--persona-ochre-text-accent-active, #E6E6E6FF)';
|
|
1361
1562
|
|
|
1362
1563
|
/** */
|
|
1363
|
-
var personaOliveTextAccent = 'var(--persona-olive-text-accent, #
|
|
1564
|
+
var personaOliveTextAccent = 'var(--persona-olive-text-accent, #B3BA8D)';
|
|
1364
1565
|
|
|
1365
1566
|
/** */
|
|
1366
1567
|
var personaOliveTextAccentHover = 'var(--persona-olive-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1378,16 +1579,13 @@ var onLightOutlineMinor = 'var(--on-light-outline-minor, #FFFFFFFF)';
|
|
|
1378
1579
|
var onLightOutlineMinorHover = 'var(--on-light-outline-minor-hover, #CCCCCCFF)';
|
|
1379
1580
|
|
|
1380
1581
|
/** */
|
|
1381
|
-
var personaSeaBlueTextAccent = 'var(--persona-sea-blue-text-accent, #
|
|
1582
|
+
var personaSeaBlueTextAccent = 'var(--persona-sea-blue-text-accent, #7BC8C8)';
|
|
1382
1583
|
|
|
1383
1584
|
/** */
|
|
1384
1585
|
var personaSeaBlueTextAccentHover = 'var(--persona-sea-blue-text-accent-hover, #CCCCCCFF)';
|
|
1385
1586
|
|
|
1386
1587
|
/** */
|
|
1387
|
-
var
|
|
1388
|
-
|
|
1389
|
-
/** */
|
|
1390
|
-
var personaVioletTextAccent = 'var(--persona-violet-text-accent, #15110FFF)';
|
|
1588
|
+
var personaVioletTextAccent = 'var(--persona-violet-text-accent, #C6A0DC)';
|
|
1391
1589
|
|
|
1392
1590
|
/** */
|
|
1393
1591
|
var personaVioletTextAccentHover = 'var(--persona-violet-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1396,7 +1594,7 @@ var personaVioletTextAccentHover = 'var(--persona-violet-text-accent-hover, #CCC
|
|
|
1396
1594
|
var personaVioletTextAccentActive = 'var(--persona-violet-text-accent-active, #E6E6E6FF)';
|
|
1397
1595
|
|
|
1398
1596
|
/** */
|
|
1399
|
-
var inversePersonaBlueTextAccent = 'var(--inverse-persona-blue-text-accent, #
|
|
1597
|
+
var inversePersonaBlueTextAccent = 'var(--inverse-persona-blue-text-accent, #3A6D96)';
|
|
1400
1598
|
|
|
1401
1599
|
/** */
|
|
1402
1600
|
var inversePersonaBlueTextAccentHover = 'var(--inverse-persona-blue-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1405,7 +1603,7 @@ var inversePersonaBlueTextAccentHover = 'var(--inverse-persona-blue-text-accent-
|
|
|
1405
1603
|
var inversePersonaBlueTextAccentActive = 'var(--inverse-persona-blue-text-accent-active, #E6E6E6FF)';
|
|
1406
1604
|
|
|
1407
1605
|
/** */
|
|
1408
|
-
var inversePersonaGreenTextAccent = 'var(--inverse-persona-green-text-accent, #
|
|
1606
|
+
var inversePersonaGreenTextAccent = 'var(--inverse-persona-green-text-accent, #3D7B45)';
|
|
1409
1607
|
|
|
1410
1608
|
/** */
|
|
1411
1609
|
var inversePersonaGreenTextAccentHover = 'var(--inverse-persona-green-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1414,16 +1612,13 @@ var inversePersonaGreenTextAccentHover = 'var(--inverse-persona-green-text-accen
|
|
|
1414
1612
|
var inversePersonaGreenTextAccentActive = 'var(--inverse-persona-green-text-accent-active, #E6E6E6FF)';
|
|
1415
1613
|
|
|
1416
1614
|
/** */
|
|
1417
|
-
var inversePersonaIndigoTextAccent = 'var(--inverse-persona-indigo-text-accent, #
|
|
1615
|
+
var inversePersonaIndigoTextAccent = 'var(--inverse-persona-indigo-text-accent, #3B3AAE)';
|
|
1418
1616
|
|
|
1419
1617
|
/** */
|
|
1420
1618
|
var inversePersonaIndigoTextAccentHover = 'var(--inverse-persona-indigo-text-accent-hover, #CCCCCCFF)';
|
|
1421
1619
|
|
|
1422
1620
|
/** */
|
|
1423
|
-
var
|
|
1424
|
-
|
|
1425
|
-
/** */
|
|
1426
|
-
var personaPinkTextAccent = 'var(--persona-pink-text-accent, #15110FFF)';
|
|
1621
|
+
var personaPinkTextAccent = 'var(--persona-pink-text-accent, #DE9EA5)';
|
|
1427
1622
|
|
|
1428
1623
|
/** */
|
|
1429
1624
|
var personaPinkTextAccentHover = 'var(--persona-pink-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1432,13 +1627,13 @@ var personaPinkTextAccentHover = 'var(--persona-pink-text-accent-hover, #CCCCCCF
|
|
|
1432
1627
|
var personaPinkTextAccentActive = 'var(--persona-pink-text-accent-active, #E6E6E6FF)';
|
|
1433
1628
|
|
|
1434
1629
|
/** */
|
|
1435
|
-
var inversePersonaOliveTextAccent = 'var(--inverse-persona-olive-text-accent, #
|
|
1630
|
+
var inversePersonaOliveTextAccent = 'var(--inverse-persona-olive-text-accent, #636A40)';
|
|
1436
1631
|
|
|
1437
1632
|
/** */
|
|
1438
1633
|
var inversePersonaOliveTextAccentActive = 'var(--inverse-persona-olive-text-accent-active, #E6E6E6FF)';
|
|
1439
1634
|
|
|
1440
1635
|
/** */
|
|
1441
|
-
var inversePersonaPinkTextAccent = 'var(--inverse-persona-pink-text-accent, #
|
|
1636
|
+
var inversePersonaPinkTextAccent = 'var(--inverse-persona-pink-text-accent, #904D55)';
|
|
1442
1637
|
|
|
1443
1638
|
/** */
|
|
1444
1639
|
var inversePersonaPinkTextAccentHover = 'var(--inverse-persona-pink-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1447,7 +1642,7 @@ var inversePersonaPinkTextAccentHover = 'var(--inverse-persona-pink-text-accent-
|
|
|
1447
1642
|
var inversePersonaPinkTextAccentActive = 'var(--inverse-persona-pink-text-accent-active, #E6E6E6FF)';
|
|
1448
1643
|
|
|
1449
1644
|
/** */
|
|
1450
|
-
var inversePersonaSeaBlueTextAccent = 'var(--inverse-persona-sea-blue-text-accent, #
|
|
1645
|
+
var inversePersonaSeaBlueTextAccent = 'var(--inverse-persona-sea-blue-text-accent, #348282)';
|
|
1451
1646
|
|
|
1452
1647
|
/** */
|
|
1453
1648
|
var inversePersonaSeaBlueTextAccentHover = 'var(--inverse-persona-sea-blue-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1456,7 +1651,7 @@ var inversePersonaSeaBlueTextAccentHover = 'var(--inverse-persona-sea-blue-text-
|
|
|
1456
1651
|
var inversePersonaSeaBlueTextAccentActive = 'var(--inverse-persona-sea-blue-text-accent-active, #E6E6E6FF)';
|
|
1457
1652
|
|
|
1458
1653
|
/** */
|
|
1459
|
-
var inversePersonaVioletTextAccent = 'var(--inverse-persona-violet-text-accent, #
|
|
1654
|
+
var inversePersonaVioletTextAccent = 'var(--inverse-persona-violet-text-accent, #75508C)';
|
|
1460
1655
|
|
|
1461
1656
|
/** */
|
|
1462
1657
|
var inversePersonaVioletTextAccentHover = 'var(--inverse-persona-violet-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1465,7 +1660,7 @@ var inversePersonaVioletTextAccentHover = 'var(--inverse-persona-violet-text-acc
|
|
|
1465
1660
|
var inversePersonaVioletTextAccentActive = 'var(--inverse-persona-violet-text-accent-active, #E6E6E6FF)';
|
|
1466
1661
|
|
|
1467
1662
|
/** */
|
|
1468
|
-
var onDarkPersonaBlueTextAccent = 'var(--on-dark-persona-blue-text-accent, #
|
|
1663
|
+
var onDarkPersonaBlueTextAccent = 'var(--on-dark-persona-blue-text-accent, #87BEE5)';
|
|
1469
1664
|
|
|
1470
1665
|
/** */
|
|
1471
1666
|
var onDarkPersonaBlueTextAccentHover = 'var(--on-dark-persona-blue-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1474,7 +1669,7 @@ var onDarkPersonaBlueTextAccentHover = 'var(--on-dark-persona-blue-text-accent-h
|
|
|
1474
1669
|
var onDarkPersonaBlueTextAccentActive = 'var(--on-dark-persona-blue-text-accent-active, #E6E6E6FF)';
|
|
1475
1670
|
|
|
1476
1671
|
/** */
|
|
1477
|
-
var inversePersonaOchreTextAccent = 'var(--inverse-persona-ochre-text-accent, #
|
|
1672
|
+
var inversePersonaOchreTextAccent = 'var(--inverse-persona-ochre-text-accent, #935B18)';
|
|
1478
1673
|
|
|
1479
1674
|
/** */
|
|
1480
1675
|
var inversePersonaOchreTextAccentHover = 'var(--inverse-persona-ochre-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1486,7 +1681,7 @@ var inversePersonaOliveTextAccentHover = 'var(--inverse-persona-olive-text-accen
|
|
|
1486
1681
|
var inversePersonaOchreTextAccentActive = 'var(--inverse-persona-ochre-text-accent-active, #E6E6E6FF)';
|
|
1487
1682
|
|
|
1488
1683
|
/** */
|
|
1489
|
-
var onDarkPersonaIndigoTextAccent = 'var(--on-dark-persona-indigo-text-accent, #
|
|
1684
|
+
var onDarkPersonaIndigoTextAccent = 'var(--on-dark-persona-indigo-text-accent, #9291E5)';
|
|
1490
1685
|
|
|
1491
1686
|
/** */
|
|
1492
1687
|
var onDarkPersonaIndigoTextAccentHover = 'var(--on-dark-persona-indigo-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1494,9 +1689,6 @@ var onDarkPersonaIndigoTextAccentHover = 'var(--on-dark-persona-indigo-text-acce
|
|
|
1494
1689
|
/** */
|
|
1495
1690
|
var onDarkPersonaIndigoTextAccentActive = 'var(--on-dark-persona-indigo-text-accent-active, #E6E6E6FF)';
|
|
1496
1691
|
|
|
1497
|
-
/** */
|
|
1498
|
-
var onDarkPersonaOchreTextAccent = 'var(--on-dark-persona-ochre-text-accent, #15110FFF)';
|
|
1499
|
-
|
|
1500
1692
|
/** */
|
|
1501
1693
|
var onDarkPersonaOchreTextAccentHover = 'var(--on-dark-persona-ochre-text-accent-hover, #CCCCCCFF)';
|
|
1502
1694
|
|
|
@@ -1504,7 +1696,7 @@ var onDarkPersonaOchreTextAccentHover = 'var(--on-dark-persona-ochre-text-accent
|
|
|
1504
1696
|
var onDarkPersonaOchreTextAccentActive = 'var(--on-dark-persona-ochre-text-accent-active, #E6E6E6FF)';
|
|
1505
1697
|
|
|
1506
1698
|
/** */
|
|
1507
|
-
var onDarkPersonaOliveTextAccent = 'var(--on-dark-persona-olive-text-accent, #
|
|
1699
|
+
var onDarkPersonaOliveTextAccent = 'var(--on-dark-persona-olive-text-accent, #B3BA8D)';
|
|
1508
1700
|
|
|
1509
1701
|
/** */
|
|
1510
1702
|
var onDarkPersonaOliveTextAccentHover = 'var(--on-dark-persona-olive-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1513,13 +1705,13 @@ var onDarkPersonaOliveTextAccentHover = 'var(--on-dark-persona-olive-text-accent
|
|
|
1513
1705
|
var onDarkPersonaOliveTextAccentActive = 'var(--on-dark-persona-olive-text-accent-active, #E6E6E6FF)';
|
|
1514
1706
|
|
|
1515
1707
|
/** */
|
|
1516
|
-
var onDarkPersonaPinkTextAccent = 'var(--on-dark-persona-pink-text-accent, #
|
|
1708
|
+
var onDarkPersonaPinkTextAccent = 'var(--on-dark-persona-pink-text-accent, #DE9EA5)';
|
|
1517
1709
|
|
|
1518
1710
|
/** */
|
|
1519
1711
|
var onDarkPersonaPinkTextAccentActive = 'var(--on-dark-persona-pink-text-accent-active, #E6E6E6FF)';
|
|
1520
1712
|
|
|
1521
1713
|
/** */
|
|
1522
|
-
var onDarkPersonaSeaBlueTextAccent = 'var(--on-dark-persona-sea-blue-text-accent, #
|
|
1714
|
+
var onDarkPersonaSeaBlueTextAccent = 'var(--on-dark-persona-sea-blue-text-accent, #7BC8C8)';
|
|
1523
1715
|
|
|
1524
1716
|
/** */
|
|
1525
1717
|
var onDarkPersonaSeaBlueTextAccentHover = 'var(--on-dark-persona-sea-blue-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1528,7 +1720,7 @@ var onDarkPersonaSeaBlueTextAccentHover = 'var(--on-dark-persona-sea-blue-text-a
|
|
|
1528
1720
|
var onDarkPersonaSeaBlueTextAccentActive = 'var(--on-dark-persona-sea-blue-text-accent-active, #E6E6E6FF)';
|
|
1529
1721
|
|
|
1530
1722
|
/** */
|
|
1531
|
-
var onDarkPersonaGreenTextAccent = 'var(--on-dark-persona-green-text-accent, #
|
|
1723
|
+
var onDarkPersonaGreenTextAccent = 'var(--on-dark-persona-green-text-accent, #8BCB94)';
|
|
1532
1724
|
|
|
1533
1725
|
/** */
|
|
1534
1726
|
var onDarkPersonaGreenTextAccentHover = 'var(--on-dark-persona-green-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1543,7 +1735,7 @@ var onLightPersonaBlueTextAccentHover = 'var(--on-light-persona-blue-text-accent
|
|
|
1543
1735
|
var onLightPersonaBlueTextAccentActive = 'var(--on-light-persona-blue-text-accent-active, #E6E6E6FF)';
|
|
1544
1736
|
|
|
1545
1737
|
/** */
|
|
1546
|
-
var onLightPersonaGreenTextAccent = 'var(--on-light-persona-green-text-accent, #
|
|
1738
|
+
var onLightPersonaGreenTextAccent = 'var(--on-light-persona-green-text-accent, #3D7B45)';
|
|
1547
1739
|
|
|
1548
1740
|
/** */
|
|
1549
1741
|
var onLightPersonaGreenTextAccentHover = 'var(--on-light-persona-green-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1552,19 +1744,13 @@ var onLightPersonaGreenTextAccentHover = 'var(--on-light-persona-green-text-acce
|
|
|
1552
1744
|
var onLightPersonaGreenTextAccentActive = 'var(--on-light-persona-green-text-accent-active, #E6E6E6FF)';
|
|
1553
1745
|
|
|
1554
1746
|
/** */
|
|
1555
|
-
var onLightPersonaIndigoTextAccent = 'var(--on-light-persona-indigo-text-accent, #
|
|
1556
|
-
|
|
1557
|
-
/** */
|
|
1558
|
-
var onLightPersonaIndigoTextAccentHover = 'var(--on-light-persona-indigo-text-accent-hover, #CCCCCCFF)';
|
|
1747
|
+
var onLightPersonaIndigoTextAccent = 'var(--on-light-persona-indigo-text-accent, #3B3AAE)';
|
|
1559
1748
|
|
|
1560
1749
|
/** */
|
|
1561
1750
|
var onLightPersonaIndigoTextAccentActive = 'var(--on-light-persona-indigo-text-accent-active, #E6E6E6FF)';
|
|
1562
1751
|
|
|
1563
1752
|
/** */
|
|
1564
|
-
var onLightPersonaOchreTextAccent = 'var(--on-light-persona-ochre-text-accent, #
|
|
1565
|
-
|
|
1566
|
-
/** */
|
|
1567
|
-
var onLightPersonaOchreTextAccentHover = 'var(--on-light-persona-ochre-text-accent-hover, #CCCCCCFF)';
|
|
1753
|
+
var onLightPersonaOchreTextAccent = 'var(--on-light-persona-ochre-text-accent, #935B18)';
|
|
1568
1754
|
|
|
1569
1755
|
/** */
|
|
1570
1756
|
var onLightPersonaOchreTextAccentActive = 'var(--on-light-persona-ochre-text-accent-active, #E6E6E6FF)';
|
|
@@ -1573,19 +1759,16 @@ var onLightPersonaOchreTextAccentActive = 'var(--on-light-persona-ochre-text-acc
|
|
|
1573
1759
|
var onLightPersonaOliveTextAccentHover = 'var(--on-light-persona-olive-text-accent-hover, #CCCCCCFF)';
|
|
1574
1760
|
|
|
1575
1761
|
/** */
|
|
1576
|
-
var
|
|
1577
|
-
|
|
1578
|
-
/** */
|
|
1579
|
-
var onDarkPersonaVioletTextAccent = 'var(--on-dark-persona-violet-text-accent, #15110FFF)';
|
|
1762
|
+
var onDarkPersonaVioletTextAccent = 'var(--on-dark-persona-violet-text-accent, #C6A0DC)';
|
|
1580
1763
|
|
|
1581
1764
|
/** */
|
|
1582
1765
|
var onDarkPersonaVioletTextAccentHover = 'var(--on-dark-persona-violet-text-accent-hover, #CCCCCCFF)';
|
|
1583
1766
|
|
|
1584
1767
|
/** */
|
|
1585
|
-
var onLightPersonaBlueTextAccent = 'var(--on-light-persona-blue-text-accent, #
|
|
1768
|
+
var onLightPersonaBlueTextAccent = 'var(--on-light-persona-blue-text-accent, #3A6D96)';
|
|
1586
1769
|
|
|
1587
1770
|
/** */
|
|
1588
|
-
var onLightPersonaVioletTextAccent = 'var(--on-light-persona-violet-text-accent, #
|
|
1771
|
+
var onLightPersonaVioletTextAccent = 'var(--on-light-persona-violet-text-accent, #75508C)';
|
|
1589
1772
|
|
|
1590
1773
|
/** */
|
|
1591
1774
|
var onLightPersonaVioletTextAccentHover = 'var(--on-light-persona-violet-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1605,9 +1788,6 @@ var surfaceAccentPrimaryActive = 'var(--surface-accent-primary-active, #E6E6E6FF
|
|
|
1605
1788
|
/** */
|
|
1606
1789
|
var onLightSurfaceAccentPrimary = 'var(--on-light-surface-accent-primary, #527E4BFF)';
|
|
1607
1790
|
|
|
1608
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
1609
|
-
var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #3E4C2FFF)';
|
|
1610
|
-
|
|
1611
1791
|
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1612
1792
|
var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #08080833)';
|
|
1613
1793
|
|
|
@@ -1623,9 +1803,6 @@ var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-dee
|
|
|
1623
1803
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
1624
1804
|
var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D2ECBAFF)';
|
|
1625
1805
|
|
|
1626
|
-
/** Акцентный минорный цвет на темном фоне */
|
|
1627
|
-
var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #2F4408FF)';
|
|
1628
|
-
|
|
1629
1806
|
/** */
|
|
1630
1807
|
var onDarkBackgroundSecondaryActive = 'var(--on-dark-background-secondary-active, #E6E6E6FF)';
|
|
1631
1808
|
|
|
@@ -1680,9 +1857,6 @@ var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-seconda
|
|
|
1680
1857
|
/** */
|
|
1681
1858
|
var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #E6E6E6FF)';
|
|
1682
1859
|
|
|
1683
|
-
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
1684
|
-
var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #527E4B1F)';
|
|
1685
|
-
|
|
1686
1860
|
/** */
|
|
1687
1861
|
var backgroundSecondaryHover = 'var(--background-secondary-hover, #CCCCCCFF)';
|
|
1688
1862
|
|
|
@@ -1699,13 +1873,13 @@ var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79B706FF)';
|
|
|
1699
1873
|
var textAccentMinorHover = 'var(--text-accent-minor-hover, #6EA013FF)';
|
|
1700
1874
|
|
|
1701
1875
|
/** */
|
|
1702
|
-
var onLightPersonaOliveTextAccent = 'var(--on-light-persona-olive-text-accent, #
|
|
1876
|
+
var onLightPersonaOliveTextAccent = 'var(--on-light-persona-olive-text-accent, #636A40)';
|
|
1703
1877
|
|
|
1704
1878
|
/** */
|
|
1705
1879
|
var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #527E4B3D)';
|
|
1706
1880
|
|
|
1707
1881
|
/** */
|
|
1708
|
-
var onLightPersonaSeaBlueTextAccent = 'var(--on-light-persona-sea-blue-text-accent, #
|
|
1882
|
+
var onLightPersonaSeaBlueTextAccent = 'var(--on-light-persona-sea-blue-text-accent, #348282)';
|
|
1709
1883
|
|
|
1710
1884
|
/** */
|
|
1711
1885
|
var surfaceAccentSecondary = 'var(--surface-accent-secondary, #B4AE7BFF)';
|
|
@@ -1743,9 +1917,6 @@ var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #F8A6A9FF)';
|
|
|
1743
1917
|
/** Инвертированный цвет фона поверхности/контрола информация */
|
|
1744
1918
|
var inverseSurfaceInfo = 'var(--inverse-surface-info, #3776BCFF)';
|
|
1745
1919
|
|
|
1746
|
-
/** Цвет обводки предупреждение на светлом фоне */
|
|
1747
|
-
var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD9253FF)';
|
|
1748
|
-
|
|
1749
1920
|
/** */
|
|
1750
1921
|
var onDarkPersonaPinkTextAccentHover = 'var(--on-dark-persona-pink-text-accent-hover, #CCCCCCFF)';
|
|
1751
1922
|
|
|
@@ -1779,14 +1950,11 @@ var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor
|
|
|
1779
1950
|
/** */
|
|
1780
1951
|
var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #CCCCCCFF)';
|
|
1781
1952
|
|
|
1782
|
-
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
1783
|
-
var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
|
|
1784
|
-
|
|
1785
1953
|
/** */
|
|
1786
1954
|
var inverseBackgroundSecondaryActive = 'var(--inverse-background-secondary-active, #E6E6E6FF)';
|
|
1787
1955
|
|
|
1788
1956
|
/** */
|
|
1789
|
-
var onLightPersonaPinkTextAccent = 'var(--on-light-persona-pink-text-accent, #
|
|
1957
|
+
var onLightPersonaPinkTextAccent = 'var(--on-light-persona-pink-text-accent, #904D55)';
|
|
1790
1958
|
|
|
1791
1959
|
/** */
|
|
1792
1960
|
var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #E6E6E6FF)';
|
|
@@ -1848,6 +2016,54 @@ var onLightOutlineMinorActive = 'var(--on-light-outline-minor-active, #E6E6E6FF)
|
|
|
1848
2016
|
/** Основной прозрачный цвет обводки на темном фоне */
|
|
1849
2017
|
var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #FFFFFF1F)';
|
|
1850
2018
|
|
|
2019
|
+
/** */
|
|
2020
|
+
var onDarkSurfaceAccentGradientBrightness = 'var(--on-dark-surface-accent-gradient-brightness, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
|
|
2021
|
+
|
|
2022
|
+
/** */
|
|
2023
|
+
var onDarkOutlineTransparentSurfaceBrightness = 'var(--on-dark-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2024
|
+
|
|
2025
|
+
/** */
|
|
2026
|
+
var surfaceAccentGradientBrightness = 'var(--surface-accent-gradient-brightness, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
|
|
2027
|
+
|
|
2028
|
+
/** */
|
|
2029
|
+
var inversePersonaPinkSurfaceAccentGradientActive = 'var(--inverse-persona-pink-surface-accent-gradient-active, #FFFFFFFF)';
|
|
2030
|
+
|
|
2031
|
+
/** */
|
|
2032
|
+
var textAccentGradientAiBrightness = 'var(--text-accent-gradient-ai-brightness, linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%))';
|
|
2033
|
+
|
|
2034
|
+
/** */
|
|
2035
|
+
var onLightSurfaceAccentGradientBrightness = 'var(--on-light-surface-accent-gradient-brightness, linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%))';
|
|
2036
|
+
|
|
2037
|
+
/** */
|
|
2038
|
+
var inverseOutlineTransparentSurfaceBrightness = 'var(--inverse-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2039
|
+
|
|
2040
|
+
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2041
|
+
var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
2042
|
+
|
|
2043
|
+
/** */
|
|
2044
|
+
var personaGreenSurfaceAccentGradientHover = 'var(--persona-green-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
2045
|
+
|
|
2046
|
+
/** */
|
|
2047
|
+
var onDarkTextAccentGradientAiBrightness = 'var(--on-dark-text-accent-gradient-ai-brightness, linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%))';
|
|
2048
|
+
|
|
2049
|
+
/** */
|
|
2050
|
+
var onLightTextAccentGradientAiBrightness = 'var(--on-light-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
|
|
2051
|
+
|
|
2052
|
+
/** */
|
|
2053
|
+
var inverseSurfaceAccentGradientBrightness = 'var(--inverse-surface-accent-gradient-brightness, linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%))';
|
|
2054
|
+
|
|
2055
|
+
/** */
|
|
2056
|
+
var inverseTextAccentGradientAiBrightness = 'var(--inverse-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
|
|
2057
|
+
|
|
2058
|
+
/** */
|
|
2059
|
+
var onLightOverlayGradientBrightness = 'var(--on-light-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
|
|
2060
|
+
|
|
2061
|
+
/** */
|
|
2062
|
+
var inverseOverlayGradientBrightness = 'var(--inverse-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
|
|
2063
|
+
|
|
2064
|
+
/** */
|
|
2065
|
+
var onLightOutlineTransparentSurfaceBrightness = 'var(--on-light-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2066
|
+
|
|
1851
2067
|
/** */
|
|
1852
2068
|
var onLightPersonaBlueSurfaceAccentGradient = 'var(--on-light-persona-blue-surface-accent-gradient, linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%))';
|
|
1853
2069
|
|
|
@@ -1896,9 +2112,6 @@ var onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-dee
|
|
|
1896
2112
|
/** Яркий фон для скелетона */
|
|
1897
2113
|
var onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
|
|
1898
2114
|
|
|
1899
|
-
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
1900
|
-
var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
1901
|
-
|
|
1902
2115
|
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
1903
2116
|
var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #E6E6E6FF)';
|
|
1904
2117
|
|
|
@@ -1980,9 +2193,6 @@ var personaBlueSurfaceAccentGradientActive = 'var(--persona-blue-surface-accent-
|
|
|
1980
2193
|
/** */
|
|
1981
2194
|
var personaGreenSurfaceAccentGradient = 'var(--persona-green-surface-accent-gradient, linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%))';
|
|
1982
2195
|
|
|
1983
|
-
/** */
|
|
1984
|
-
var personaGreenSurfaceAccentGradientHover = 'var(--persona-green-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
1985
|
-
|
|
1986
2196
|
/** */
|
|
1987
2197
|
var personaGreenSurfaceAccentGradientActive = 'var(--persona-green-surface-accent-gradient-active, #FFFFFFFF)';
|
|
1988
2198
|
|
|
@@ -2082,9 +2292,6 @@ var inversePersonaPinkSurfaceAccentGradient = 'var(--inverse-persona-pink-surfac
|
|
|
2082
2292
|
/** */
|
|
2083
2293
|
var inversePersonaPinkSurfaceAccentGradientHover = 'var(--inverse-persona-pink-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
2084
2294
|
|
|
2085
|
-
/** */
|
|
2086
|
-
var inversePersonaPinkSurfaceAccentGradientActive = 'var(--inverse-persona-pink-surface-accent-gradient-active, #FFFFFFFF)';
|
|
2087
|
-
|
|
2088
2295
|
/** */
|
|
2089
2296
|
var inversePersonaSeaBlueSurfaceAccentGradient = 'var(--inverse-persona-sea-blue-surface-accent-gradient, linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%))';
|
|
2090
2297
|
|
|
@@ -2475,6 +2682,16 @@ var spacing10x = 'var(--spacing-10x, 1.25rem)';
|
|
|
2475
2682
|
/** spacing 12x */
|
|
2476
2683
|
var spacing12x = 'var(--spacing-12x, 1.5rem)';
|
|
2477
2684
|
|
|
2685
|
+
/** typography s body-xs-medium */
|
|
2686
|
+
var bodyXSMedium = {
|
|
2687
|
+
fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)',
|
|
2688
|
+
fontSize: 'var(--plasma-typo-body-xs-medium-font-size)',
|
|
2689
|
+
fontStyle: 'var(--plasma-typo-body-xs-medium-font-style)',
|
|
2690
|
+
fontWeight: 'var(--plasma-typo-body-xs-medium-font-weight)',
|
|
2691
|
+
letterSpacing: 'var(--plasma-typo-body-xs-medium-letter-spacing)',
|
|
2692
|
+
lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)'
|
|
2693
|
+
};
|
|
2694
|
+
|
|
2478
2695
|
/** typography s body-xxs-medium */
|
|
2479
2696
|
var bodyXXSMedium = {
|
|
2480
2697
|
fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
|
|
@@ -2595,16 +2812,6 @@ var bodyXSBold = {
|
|
|
2595
2812
|
lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)'
|
|
2596
2813
|
};
|
|
2597
2814
|
|
|
2598
|
-
/** typography s body-xs-medium */
|
|
2599
|
-
var bodyXSMedium = {
|
|
2600
|
-
fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)',
|
|
2601
|
-
fontSize: 'var(--plasma-typo-body-xs-medium-font-size)',
|
|
2602
|
-
fontStyle: 'var(--plasma-typo-body-xs-medium-font-style)',
|
|
2603
|
-
fontWeight: 'var(--plasma-typo-body-xs-medium-font-weight)',
|
|
2604
|
-
letterSpacing: 'var(--plasma-typo-body-xs-medium-letter-spacing)',
|
|
2605
|
-
lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)'
|
|
2606
|
-
};
|
|
2607
|
-
|
|
2608
2815
|
/** typography s body-xs */
|
|
2609
2816
|
var bodyXS = {
|
|
2610
2817
|
fontFamily: 'var(--plasma-typo-body-xs-font-family)',
|
|
@@ -2655,9 +2862,9 @@ var dsplSMedium = {
|
|
|
2655
2862
|
lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)'
|
|
2656
2863
|
};
|
|
2657
2864
|
var viewContainer = {
|
|
2658
|
-
dark: "\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-warning: var(--on-dark-text-warning);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-negative: var(--on-dark-text-negative);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-info: var(--on-dark-text-info);\n --text-accent: var(--on-dark-text-accent);\n --text-positive: var(--on-dark-text-positive);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-secondary: var(--on-dark-text-secondary);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\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-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n --outline-text-info-active: var(--on-dark-outline-text-info-active);\n --outline-warning: var(--on-dark-outline-warning);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --background-primary: var(--dark-background-primary);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --outline-text-info: var(--on-dark-outline-text-info);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-text-info-hover: var(--on-light-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-light-outline-text-info-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-text-info: var(--on-light-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --outline-positive: var(--on-dark-outline-positive);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --outline-default: var(--on-dark-outline-default);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-minor: var(--on-dark-outline-minor);\n --outline-minor-hover: var(--on-dark-outline-minor-hover);\n --outline-minor-active: var(--on-dark-outline-minor-active);\n --outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n --outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n --inverse-outline-default: var(--on-light-outline-default);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-outline-outline-minor: var(--on-light-outline-outline-minor);\n --inverse-outline-outline-minor-hover: var(--on-light-outline-outline-minor-hover);\n --inverse-outline-outline-minor-active: var(--on-light-outline-outline-minor-active);\n --background-secondary-active: var(--dark-background-secondary-active);\n --inverse-background-secondary-hover: var(--light-background-secondary-hover);\n --persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --inverse-persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --inverse-persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --inverse-persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --inverse-persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --inverse-persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --inverse-persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --inverse-persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --inverse-persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --inverse-persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --surface-accent-primary: var(--on-dark-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-dark-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-dark-surface-accent-primary-active);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --background-secondary-hover: var(--dark-background-secondary-hover);\n --outline-negative: var(--on-dark-outline-negative);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --inverse-background-secondary-active: var(--light-background-secondary-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --inverse-outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --inverse-outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --inverse-outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --inverse-overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n ",
|
|
2659
|
-
light: "\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-warning: var(--on-light-text-warning);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-negative: var(--on-light-text-negative);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-info: var(--on-light-text-info);\n --text-accent: var(--on-light-text-accent);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-secondary: var(--on-light-text-secondary);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-clear: var(--on-light-surface-clear);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-info: var(--on-light-surface-info);\n --surface-positive: var(--on-light-surface-positive);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\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-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-text-info-hover: var(--on-light-outline-text-info-hover);\n --outline-text-info-active: var(--on-light-outline-text-info-active);\n --outline-warning: var(--on-light-outline-warning);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --background-primary: var(--light-background-primary);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-text-info: var(--on-light-outline-text-info);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-dark-outline-text-info-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-text-info: var(--on-dark-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --outline-positive: var(--on-light-outline-positive);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --outline-default: var(--on-light-outline-default);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-minor: var(--on-light-outline-minor);\n --outline-minor-hover: var(--on-light-outline-minor-hover);\n --outline-minor-active: var(--on-light-outline-minor-active);\n --outline-transparent-clear: var(--on-light-outline-transparent-clear);\n --outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n --inverse-outline-default: var(--on-dark-outline-default);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --background-secondary-active: var(--light-background-secondary-active);\n --inverse-background-secondary-hover: var(--dark-background-secondary-hover);\n --persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --inverse-persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --inverse-persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --inverse-persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --inverse-persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --inverse-persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --inverse-persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --inverse-persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --inverse-persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --inverse-persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --surface-accent-primary: var(--on-light-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-light-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-light-surface-accent-primary-active);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-minor-active: var(--on-dark-outline-minor-active);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --background-secondary-hover: var(--light-background-secondary-hover);\n --outline-negative: var(--on-light-outline-negative);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-minor: var(--on-dark-outline-minor);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-outline-minor-hover: var(--on-dark-outline-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --inverse-background-secondary-active: var(--dark-background-secondary-active);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-negative: var(--on-light-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --inverse-overlay-gradient-active: var(--on-dark-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-dark-overlay-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n "
|
|
2865
|
+
dark: "\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --background-secondary-brightness: var(--dark-background-secondary-brightness);\n --persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n --persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n --persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n --persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n --persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n --persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n --inverse-persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n --outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n --inverse-background-secondary-brightness: var(--light-background-secondary-brightness);\n --persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --inverse-persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n --surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n --outline-default-brightness: var(--on-dark-outline-default-brightness);\n --outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n --outline-transparent-clear-brightness: var(--on-dark-outline-transparent-clear-brightness);\n --inverse-outline-default-brightness: var(--on-light-outline-default-brightness);\n --inverse-outline-outline-minor-brightness: var(--on-light-outline-outline-minor-brightness);\n --inverse-persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n --inverse-persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n --inverse-persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n --inverse-persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n --inverse-surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n --surface-accent-primary-brightness: var(--on-dark-surface-accent-primary-brightness);\n --persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n --persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n --inverse-persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n --inverse-persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n --inverse-persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n --persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-warning: var(--on-dark-text-warning);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-negative: var(--on-dark-text-negative);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-info: var(--on-dark-text-info);\n --text-accent: var(--on-dark-text-accent);\n --text-positive: var(--on-dark-text-positive);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-secondary: var(--on-dark-text-secondary);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-positive: var(--on-light-text-positive);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\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-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n --outline-text-info-active: var(--on-dark-outline-text-info-active);\n --outline-warning: var(--on-dark-outline-warning);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --background-primary: var(--dark-background-primary);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --outline-text-info: var(--on-dark-outline-text-info);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-text-info-hover: var(--on-light-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-light-outline-text-info-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-text-info: var(--on-light-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-default: var(--on-dark-outline-default);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-minor: var(--on-dark-outline-minor);\n --outline-minor-hover: var(--on-dark-outline-minor-hover);\n --outline-minor-active: var(--on-dark-outline-minor-active);\n --outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n --inverse-outline-default: var(--on-light-outline-default);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-outline-outline-minor: var(--on-light-outline-outline-minor);\n --inverse-outline-outline-minor-hover: var(--on-light-outline-outline-minor-hover);\n --inverse-outline-outline-minor-active: var(--on-light-outline-outline-minor-active);\n --background-secondary-active: var(--dark-background-secondary-active);\n --inverse-background-secondary-hover: var(--light-background-secondary-hover);\n --persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --inverse-persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --inverse-persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --inverse-persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --inverse-persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --inverse-persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --inverse-persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --inverse-persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --inverse-persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --surface-accent-primary: var(--on-dark-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-dark-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-dark-surface-accent-primary-active);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --background-secondary-hover: var(--dark-background-secondary-hover);\n --outline-negative: var(--on-dark-outline-negative);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --inverse-background-secondary-active: var(--light-background-secondary-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n --inverse-outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n --persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n --inverse-text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n --inverse-overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --inverse-outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --inverse-outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --inverse-outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --inverse-overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n ",
|
|
2866
|
+
light: "\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --background-secondary-brightness: var(--light-background-secondary-brightness);\n --persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n --persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n --persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n --persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n --persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n --persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n --inverse-outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n --inverse-persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n --outline-transparent-clear: var(--on-light-outline-transparent-clear);\n --inverse-background-secondary-brightness: var(--dark-background-secondary-brightness);\n --persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --inverse-persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n --surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n --outline-default-brightness: var(--on-light-outline-default-brightness);\n --outline-minor-brightness: var(--on-light-outline-minor-brightness);\n --outline-transparent-clear-brightness: var(--on-light-outline-transparent-clear-brightness);\n --inverse-outline-default-brightness: var(--on-dark-outline-default-brightness);\n --inverse-persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n --inverse-persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n --inverse-persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n --inverse-persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n --inverse-outline-minor-active: var(--on-dark-outline-minor-active);\n --inverse-surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n --surface-accent-primary-brightness: var(--on-light-surface-accent-primary-brightness);\n --persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n --persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n --inverse-persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n --inverse-persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n --inverse-persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n --persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-warning: var(--on-light-text-warning);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-negative: var(--on-light-text-negative);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-info: var(--on-light-text-info);\n --text-accent: var(--on-light-text-accent);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-secondary: var(--on-light-text-secondary);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-clear: var(--on-light-surface-clear);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-info: var(--on-light-surface-info);\n --surface-positive: var(--on-light-surface-positive);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\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-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-text-info-hover: var(--on-light-outline-text-info-hover);\n --outline-text-info-active: var(--on-light-outline-text-info-active);\n --outline-warning: var(--on-light-outline-warning);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --background-primary: var(--light-background-primary);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-text-info: var(--on-light-outline-text-info);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-dark-outline-text-info-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-text-info: var(--on-dark-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --outline-positive: var(--on-light-outline-positive);\n --outline-default: var(--on-light-outline-default);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-minor: var(--on-light-outline-minor);\n --outline-minor-hover: var(--on-light-outline-minor-hover);\n --outline-minor-active: var(--on-light-outline-minor-active);\n --outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n --inverse-outline-default: var(--on-dark-outline-default);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --background-secondary-active: var(--light-background-secondary-active);\n --inverse-background-secondary-hover: var(--dark-background-secondary-hover);\n --persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --inverse-persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --inverse-persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --inverse-persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --inverse-persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --inverse-persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --inverse-persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --inverse-persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --inverse-persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --surface-accent-primary: var(--on-light-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-light-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-light-surface-accent-primary-active);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --background-secondary-hover: var(--light-background-secondary-hover);\n --outline-negative: var(--on-light-outline-negative);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-minor: var(--on-dark-outline-minor);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-outline-minor-hover: var(--on-dark-outline-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --inverse-background-secondary-active: var(--dark-background-secondary-active);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-negative: var(--on-light-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n --persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n --inverse-text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n --outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n --overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n --inverse-overlay-gradient-brightness: var(--on-dark-overlay-gradient-brightness);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --inverse-overlay-gradient-active: var(--on-dark-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-dark-overlay-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n "
|
|
2660
2867
|
};
|
|
2661
2868
|
|
|
2662
|
-
export { backgroundPrimary, backgroundPrimaryBrightness, backgroundSecondaryActive, backgroundSecondaryHover, bodyL, bodyLBold, bodyLMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundPrimary, dataYellow, dataYellowActive, dataYellowHover, dataYellowMinor, dataYellowMinorActive, dataYellowMinorHover, dataYellowTransparent, dataYellowTransparentActive, dataYellowTransparentHover, dsplS, dsplSBold, dsplSMedium, h3, h3Bold, h3Medium, inverseBackgroundPrimary, inverseBackgroundPrimaryBrightness, inverseBackgroundSecondaryActive, inverseBackgroundSecondaryHover, inverseDataYellow, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowMinor, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparent, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccentGradient, inverseOutlineAccentGradientActive, inverseOutlineAccentGradientHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlineOutlineMinor, inverseOutlineOutlineMinorActive, inverseOutlineOutlineMinorHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlineTextInfo, inverseOutlineTextInfoActive, inverseOutlineTextInfoHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentSurface, inverseOutlineTransparentSurfaceActive, inverseOutlineTransparentSurfaceHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOverlayGradient, inverseOverlayGradientActive, inverseOverlayGradientHover, inverseOverlayHard, inverseOverlaySoft, inversePersonaBlueSurfaceAccentGradient, inversePersonaBlueSurfaceAccentGradientActive, inversePersonaBlueSurfaceAccentGradientHover, inversePersonaBlueTextAccent, inversePersonaBlueTextAccentActive, inversePersonaBlueTextAccentHover, inversePersonaGreenSurfaceAccentGradient, inversePersonaGreenSurfaceAccentGradientActive, inversePersonaGreenSurfaceAccentGradientHover, inversePersonaGreenTextAccent, inversePersonaGreenTextAccentActive, inversePersonaGreenTextAccentHover, inversePersonaIndigoSurfaceAccentGradient, inversePersonaIndigoSurfaceAccentGradientActive, inversePersonaIndigoSurfaceAccentGradientHover, inversePersonaIndigoTextAccent, inversePersonaIndigoTextAccentActive, inversePersonaIndigoTextAccentHover, inversePersonaOchreSurfaceAccentGradient, inversePersonaOchreSurfaceAccentGradientActive, inversePersonaOchreSurfaceAccentGradientHover, inversePersonaOchreTextAccent, inversePersonaOchreTextAccentActive, inversePersonaOchreTextAccentHover, inversePersonaOliveSurfaceAccentGradient, inversePersonaOliveSurfaceAccentGradientActive, inversePersonaOliveSurfaceAccentGradientHover, inversePersonaOliveTextAccent, inversePersonaOliveTextAccentActive, inversePersonaOliveTextAccentHover, inversePersonaPinkSurfaceAccentGradient, inversePersonaPinkSurfaceAccentGradientActive, inversePersonaPinkSurfaceAccentGradientHover, inversePersonaPinkTextAccent, inversePersonaPinkTextAccentActive, inversePersonaPinkTextAccentHover, inversePersonaSeaBlueSurfaceAccentGradient, inversePersonaSeaBlueSurfaceAccentGradientActive, inversePersonaSeaBlueSurfaceAccentGradientHover, inversePersonaSeaBlueTextAccent, inversePersonaSeaBlueTextAccentActive, inversePersonaSeaBlueTextAccentHover, inversePersonaVioletSurfaceAccentGradient, inversePersonaVioletSurfaceAccentGradientActive, inversePersonaVioletSurfaceAccentGradientHover, inversePersonaVioletTextAccent, inversePersonaVioletTextAccentActive, inversePersonaVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientActive, inverseSurfaceAccentGradientHover, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceSkeletonDeepGradient, inverseSurfaceSkeletonDeepGradientActive, inverseSurfaceSkeletonDeepGradientHover, inverseSurfaceSkeletonGradient, inverseSurfaceSkeletonGradientActive, inverseSurfaceSkeletonGradientHover, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAi, inverseTextAccentGradientAiActive, inverseTextAccentGradientAiHover, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundPrimary, onDarkBackgroundPrimary, onDarkBackgroundPrimaryActive, onDarkBackgroundPrimaryBrightness, onDarkBackgroundPrimaryHover, onDarkBackgroundSecondary, onDarkBackgroundSecondaryActive, onDarkBackgroundSecondaryHover, onDarkDataYellow, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowMinor, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparent, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccentGradient, onDarkOutlineAccentGradientActive, onDarkOutlineAccentGradientHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineMinor, onDarkOutlineMinorActive, onDarkOutlineMinorHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlineTextInfo, onDarkOutlineTextInfoActive, onDarkOutlineTextInfoHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentSurface, onDarkOutlineTransparentSurfaceActive, onDarkOutlineTransparentSurfaceHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonaBlueSurfaceAccentGradient, onDarkPersonaBlueSurfaceAccentGradientActive, onDarkPersonaBlueSurfaceAccentGradientHover, onDarkPersonaBlueTextAccent, onDarkPersonaBlueTextAccentActive, onDarkPersonaBlueTextAccentHover, onDarkPersonaGreenSurfaceAccentGradient, onDarkPersonaGreenSurfaceAccentGradientActive, onDarkPersonaGreenSurfaceAccentGradientHover, onDarkPersonaGreenTextAccent, onDarkPersonaGreenTextAccentActive, onDarkPersonaGreenTextAccentHover, onDarkPersonaIndigoSurfaceAccentGradient, onDarkPersonaIndigoSurfaceAccentGradientActive, onDarkPersonaIndigoSurfaceAccentGradientHover, onDarkPersonaIndigoTextAccent, onDarkPersonaIndigoTextAccentActive, onDarkPersonaIndigoTextAccentHover, onDarkPersonaOchreSurfaceAccentGradient, onDarkPersonaOchreSurfaceAccentGradientActive, onDarkPersonaOchreSurfaceAccentGradientHover, onDarkPersonaOchreTextAccent, onDarkPersonaOchreTextAccentActive, onDarkPersonaOchreTextAccentHover, onDarkPersonaOliveSurfaceAccentGradient, onDarkPersonaOliveSurfaceAccentGradientActive, onDarkPersonaOliveSurfaceAccentGradientHover, onDarkPersonaOliveTextAccent, onDarkPersonaOliveTextAccentActive, onDarkPersonaOliveTextAccentHover, onDarkPersonaPinkSurfaceAccentGradient, onDarkPersonaPinkSurfaceAccentGradientActive, onDarkPersonaPinkSurfaceAccentGradientHover, onDarkPersonaPinkTextAccent, onDarkPersonaPinkTextAccentActive, onDarkPersonaPinkTextAccentHover, onDarkPersonaSeaBlueSurfaceAccentGradient, onDarkPersonaSeaBlueSurfaceAccentGradientActive, onDarkPersonaSeaBlueSurfaceAccentGradientHover, onDarkPersonaSeaBlueTextAccent, onDarkPersonaSeaBlueTextAccentActive, onDarkPersonaSeaBlueTextAccentHover, onDarkPersonaVioletSurfaceAccentGradient, onDarkPersonaVioletSurfaceAccentGradientActive, onDarkPersonaVioletSurfaceAccentGradientHover, onDarkPersonaVioletTextAccent, onDarkPersonaVioletTextAccentActive, onDarkPersonaVioletTextAccentHover, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientActive, onDarkSurfaceAccentGradientHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentPrimary, onDarkSurfaceAccentPrimaryActive, onDarkSurfaceAccentPrimaryHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceSkeletonDeepGradient, onDarkSurfaceSkeletonDeepGradientActive, onDarkSurfaceSkeletonDeepGradientHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSkeletonGradientActive, onDarkSurfaceSkeletonGradientHover, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAi, onDarkTextAccentGradientAiActive, onDarkTextAccentGradientAiHover, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightBackgroundPrimary, onLightBackgroundPrimaryActive, onLightBackgroundPrimaryBrightness, onLightBackgroundPrimaryHover, onLightBackgroundSecondary, onLightBackgroundSecondaryActive, onLightBackgroundSecondaryHover, onLightDataYellow, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowMinor, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparent, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccentGradient, onLightOutlineAccentGradientActive, onLightOutlineAccentGradientHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineMinor, onLightOutlineMinorActive, onLightOutlineMinorHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlineTextInfo, onLightOutlineTextInfoActive, onLightOutlineTextInfoHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentSurface, onLightOutlineTransparentSurfaceActive, onLightOutlineTransparentSurfaceHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOverlayGradient, onLightOverlayGradientActive, onLightOverlayGradientHover, onLightOverlayHard, onLightOverlaySoft, onLightPersonaBlueSurfaceAccentGradient, onLightPersonaBlueSurfaceAccentGradientActive, onLightPersonaBlueSurfaceAccentGradientHover, onLightPersonaBlueTextAccent, onLightPersonaBlueTextAccentActive, onLightPersonaBlueTextAccentHover, onLightPersonaGreenSurfaceAccentGradient, onLightPersonaGreenSurfaceAccentGradientActive, onLightPersonaGreenSurfaceAccentGradientHover, onLightPersonaGreenTextAccent, onLightPersonaGreenTextAccentActive, onLightPersonaGreenTextAccentHover, onLightPersonaIndigoSurfaceAccentGradient, onLightPersonaIndigoSurfaceAccentGradientActive, onLightPersonaIndigoSurfaceAccentGradientHover, onLightPersonaIndigoTextAccent, onLightPersonaIndigoTextAccentActive, onLightPersonaIndigoTextAccentHover, onLightPersonaOchreSurfaceAccentGradient, onLightPersonaOchreSurfaceAccentGradientActive, onLightPersonaOchreSurfaceAccentGradientHover, onLightPersonaOchreTextAccent, onLightPersonaOchreTextAccentActive, onLightPersonaOchreTextAccentHover, onLightPersonaOliveSurfaceAccentGradient, onLightPersonaOliveSurfaceAccentGradientActive, onLightPersonaOliveSurfaceAccentGradientHover, onLightPersonaOliveTextAccent, onLightPersonaOliveTextAccentActive, onLightPersonaOliveTextAccentHover, onLightPersonaPinkSurfaceAccentGradient, onLightPersonaPinkSurfaceAccentGradientActive, onLightPersonaPinkSurfaceAccentGradientHover, onLightPersonaPinkTextAccent, onLightPersonaPinkTextAccentActive, onLightPersonaPinkTextAccentHover, onLightPersonaSeaBlueSurfaceAccentGradient, onLightPersonaSeaBlueSurfaceAccentGradientActive, onLightPersonaSeaBlueSurfaceAccentGradientHover, onLightPersonaSeaBlueTextAccent, onLightPersonaSeaBlueTextAccentActive, onLightPersonaSeaBlueTextAccentHover, onLightPersonaVioletSurfaceAccentGradient, onLightPersonaVioletSurfaceAccentGradientActive, onLightPersonaVioletSurfaceAccentGradientHover, onLightPersonaVioletTextAccent, onLightPersonaVioletTextAccentActive, onLightPersonaVioletTextAccentHover, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientActive, onLightSurfaceAccentGradientHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorHover, onLightSurfaceAccentPrimary, onLightSurfaceAccentPrimaryActive, onLightSurfaceAccentPrimaryHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceSkeletonDeepGradient, onLightSurfaceSkeletonDeepGradientActive, onLightSurfaceSkeletonDeepGradientHover, onLightSurfaceSkeletonGradient, onLightSurfaceSkeletonGradientActive, onLightSurfaceSkeletonGradientHover, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAi, onLightTextAccentGradientAiActive, onLightTextAccentGradientAiHover, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccentGradient, outlineAccentGradientActive, outlineAccentGradientHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineMinor, outlineMinorActive, outlineMinorHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlineTextInfo, outlineTextInfoActive, outlineTextInfoHover, outlineTransparentClear, outlineTransparentClearActive, outlineTransparentClearHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, overlayHard, overlaySoft, personaBlueSurfaceAccentGradient, personaBlueSurfaceAccentGradientActive, personaBlueSurfaceAccentGradientHover, personaBlueTextAccent, personaBlueTextAccentActive, personaBlueTextAccentHover, personaGreenSurfaceAccentGradient, personaGreenSurfaceAccentGradientActive, personaGreenSurfaceAccentGradientHover, personaGreenTextAccent, personaGreenTextAccentActive, personaGreenTextAccentHover, personaIndigoSurfaceAccentGradient, personaIndigoSurfaceAccentGradientActive, personaIndigoSurfaceAccentGradientHover, personaIndigoTextAccent, personaIndigoTextAccentActive, personaIndigoTextAccentHover, personaOchreSurfaceAccentGradient, personaOchreSurfaceAccentGradientActive, personaOchreSurfaceAccentGradientHover, personaOchreTextAccent, personaOchreTextAccentActive, personaOchreTextAccentHover, personaOliveSurfaceAccentGradient, personaOliveSurfaceAccentGradientActive, personaOliveSurfaceAccentGradientHover, personaOliveTextAccent, personaOliveTextAccentActive, personaOliveTextAccentHover, personaPinkSurfaceAccentGradient, personaPinkSurfaceAccentGradientActive, personaPinkSurfaceAccentGradientHover, personaPinkTextAccent, personaPinkTextAccentActive, personaPinkTextAccentHover, personaSeaBlueSurfaceAccentGradient, personaSeaBlueSurfaceAccentGradientActive, personaSeaBlueSurfaceAccentGradientHover, personaSeaBlueTextAccent, personaSeaBlueTextAccentActive, personaSeaBlueTextAccentHover, personaVioletSurfaceAccentGradient, personaVioletSurfaceAccentGradientActive, personaVioletSurfaceAccentGradientHover, personaVioletTextAccent, personaVioletTextAccentActive, personaVioletTextAccentHover, 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, surfaceAccentGradient, surfaceAccentGradientActive, surfaceAccentGradientHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorHover, surfaceAccentPrimary, surfaceAccentPrimaryActive, surfaceAccentPrimaryHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSkeletonDeepGradient, surfaceSkeletonDeepGradientActive, surfaceSkeletonDeepGradientHover, surfaceSkeletonGradient, surfaceSkeletonGradientActive, surfaceSkeletonGradientHover, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAi, textAccentGradientAiActive, textAccentGradientAiHover, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer };
|
|
2869
|
+
export { backgroundPrimary, backgroundPrimaryBrightness, backgroundSecondaryActive, backgroundSecondaryBrightness, backgroundSecondaryHover, bodyL, bodyLBold, bodyLMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundPrimary, dataYellow, dataYellowActive, dataYellowHover, dataYellowMinor, dataYellowMinorActive, dataYellowMinorHover, dataYellowTransparent, dataYellowTransparentActive, dataYellowTransparentHover, dsplS, dsplSBold, dsplSMedium, h3, h3Bold, h3Medium, inverseBackgroundPrimary, inverseBackgroundPrimaryBrightness, inverseBackgroundSecondaryActive, inverseBackgroundSecondaryBrightness, inverseBackgroundSecondaryHover, inverseDataYellow, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowMinor, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparent, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccentGradient, inverseOutlineAccentGradientActive, inverseOutlineAccentGradientHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultBrightness, inverseOutlineDefaultHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlineOutlineMinor, inverseOutlineOutlineMinorActive, inverseOutlineOutlineMinorBrightness, inverseOutlineOutlineMinorHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlineTextInfo, inverseOutlineTextInfoActive, inverseOutlineTextInfoHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentSurface, inverseOutlineTransparentSurfaceActive, inverseOutlineTransparentSurfaceBrightness, inverseOutlineTransparentSurfaceHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOverlayGradient, inverseOverlayGradientActive, inverseOverlayGradientBrightness, inverseOverlayGradientHover, inverseOverlayHard, inverseOverlaySoft, inversePersonaBlueSurfaceAccentGradient, inversePersonaBlueSurfaceAccentGradientActive, inversePersonaBlueSurfaceAccentGradientHover, inversePersonaBlueTextAccent, inversePersonaBlueTextAccentActive, inversePersonaBlueTextAccentBrightness, inversePersonaBlueTextAccentHover, inversePersonaGreenSurfaceAccentGradient, inversePersonaGreenSurfaceAccentGradientActive, inversePersonaGreenSurfaceAccentGradientHover, inversePersonaGreenTextAccent, inversePersonaGreenTextAccentActive, inversePersonaGreenTextAccentBrightness, inversePersonaGreenTextAccentHover, inversePersonaIndigoSurfaceAccentGradient, inversePersonaIndigoSurfaceAccentGradientActive, inversePersonaIndigoSurfaceAccentGradientHover, inversePersonaIndigoTextAccent, inversePersonaIndigoTextAccentActive, inversePersonaIndigoTextAccentBrightness, inversePersonaIndigoTextAccentHover, inversePersonaOchreSurfaceAccentGradient, inversePersonaOchreSurfaceAccentGradientActive, inversePersonaOchreSurfaceAccentGradientHover, inversePersonaOchreTextAccent, inversePersonaOchreTextAccentActive, inversePersonaOchreTextAccentBrightness, inversePersonaOchreTextAccentHover, inversePersonaOliveSurfaceAccentGradient, inversePersonaOliveSurfaceAccentGradientActive, inversePersonaOliveSurfaceAccentGradientHover, inversePersonaOliveTextAccent, inversePersonaOliveTextAccentActive, inversePersonaOliveTextAccentBrightness, inversePersonaOliveTextAccentHover, inversePersonaPinkSurfaceAccentGradient, inversePersonaPinkSurfaceAccentGradientActive, inversePersonaPinkSurfaceAccentGradientHover, inversePersonaPinkTextAccent, inversePersonaPinkTextAccentActive, inversePersonaPinkTextAccentBrightness, inversePersonaPinkTextAccentHover, inversePersonaSeaBlueSurfaceAccentGradient, inversePersonaSeaBlueSurfaceAccentGradientActive, inversePersonaSeaBlueSurfaceAccentGradientHover, inversePersonaSeaBlueTextAccent, inversePersonaSeaBlueTextAccentActive, inversePersonaSeaBlueTextAccentBrightness, inversePersonaSeaBlueTextAccentHover, inversePersonaVioletSurfaceAccentGradient, inversePersonaVioletSurfaceAccentGradientActive, inversePersonaVioletSurfaceAccentGradientHover, inversePersonaVioletTextAccent, inversePersonaVioletTextAccentActive, inversePersonaVioletTextAccentBrightness, inversePersonaVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientActive, inverseSurfaceAccentGradientBrightness, inverseSurfaceAccentGradientHover, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryBrightness, inverseSurfaceAccentSecondaryHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceSkeletonDeepGradient, inverseSurfaceSkeletonDeepGradientActive, inverseSurfaceSkeletonDeepGradientHover, inverseSurfaceSkeletonGradient, inverseSurfaceSkeletonGradientActive, inverseSurfaceSkeletonGradientHover, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorBrightness, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAi, inverseTextAccentGradientAiActive, inverseTextAccentGradientAiBrightness, inverseTextAccentGradientAiHover, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundPrimary, onDarkBackgroundPrimary, onDarkBackgroundPrimaryActive, onDarkBackgroundPrimaryBrightness, onDarkBackgroundPrimaryHover, onDarkBackgroundSecondary, onDarkBackgroundSecondaryActive, onDarkBackgroundSecondaryBrightness, onDarkBackgroundSecondaryHover, onDarkDataYellow, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowMinor, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparent, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccentGradient, onDarkOutlineAccentGradientActive, onDarkOutlineAccentGradientHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultBrightness, onDarkOutlineDefaultHover, onDarkOutlineMinor, onDarkOutlineMinorActive, onDarkOutlineMinorBrightness, onDarkOutlineMinorHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlineTextInfo, onDarkOutlineTextInfoActive, onDarkOutlineTextInfoHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentSurface, onDarkOutlineTransparentSurfaceActive, onDarkOutlineTransparentSurfaceBrightness, onDarkOutlineTransparentSurfaceHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonaBlueSurfaceAccentGradient, onDarkPersonaBlueSurfaceAccentGradientActive, onDarkPersonaBlueSurfaceAccentGradientHover, onDarkPersonaBlueTextAccent, onDarkPersonaBlueTextAccentActive, onDarkPersonaBlueTextAccentBrightness, onDarkPersonaBlueTextAccentHover, onDarkPersonaGreenSurfaceAccentGradient, onDarkPersonaGreenSurfaceAccentGradientActive, onDarkPersonaGreenSurfaceAccentGradientHover, onDarkPersonaGreenTextAccent, onDarkPersonaGreenTextAccentActive, onDarkPersonaGreenTextAccentBrightness, onDarkPersonaGreenTextAccentHover, onDarkPersonaIndigoSurfaceAccentGradient, onDarkPersonaIndigoSurfaceAccentGradientActive, onDarkPersonaIndigoSurfaceAccentGradientHover, onDarkPersonaIndigoTextAccent, onDarkPersonaIndigoTextAccentActive, onDarkPersonaIndigoTextAccentBrightness, onDarkPersonaIndigoTextAccentHover, onDarkPersonaOchreSurfaceAccentGradient, onDarkPersonaOchreSurfaceAccentGradientActive, onDarkPersonaOchreSurfaceAccentGradientHover, onDarkPersonaOchreTextAccent, onDarkPersonaOchreTextAccentActive, onDarkPersonaOchreTextAccentBrightness, onDarkPersonaOchreTextAccentHover, onDarkPersonaOliveSurfaceAccentGradient, onDarkPersonaOliveSurfaceAccentGradientActive, onDarkPersonaOliveSurfaceAccentGradientHover, onDarkPersonaOliveTextAccent, onDarkPersonaOliveTextAccentActive, onDarkPersonaOliveTextAccentBrightness, onDarkPersonaOliveTextAccentHover, onDarkPersonaPinkSurfaceAccentGradient, onDarkPersonaPinkSurfaceAccentGradientActive, onDarkPersonaPinkSurfaceAccentGradientHover, onDarkPersonaPinkTextAccent, onDarkPersonaPinkTextAccentActive, onDarkPersonaPinkTextAccentBrightness, onDarkPersonaPinkTextAccentHover, onDarkPersonaSeaBlueSurfaceAccentGradient, onDarkPersonaSeaBlueSurfaceAccentGradientActive, onDarkPersonaSeaBlueSurfaceAccentGradientHover, onDarkPersonaSeaBlueTextAccent, onDarkPersonaSeaBlueTextAccentActive, onDarkPersonaSeaBlueTextAccentBrightness, onDarkPersonaSeaBlueTextAccentHover, onDarkPersonaVioletSurfaceAccentGradient, onDarkPersonaVioletSurfaceAccentGradientActive, onDarkPersonaVioletSurfaceAccentGradientHover, onDarkPersonaVioletTextAccent, onDarkPersonaVioletTextAccentActive, onDarkPersonaVioletTextAccentBrightness, onDarkPersonaVioletTextAccentHover, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientActive, onDarkSurfaceAccentGradientBrightness, onDarkSurfaceAccentGradientHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentPrimary, onDarkSurfaceAccentPrimaryActive, onDarkSurfaceAccentPrimaryBrightness, onDarkSurfaceAccentPrimaryHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryBrightness, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceSkeletonDeepGradient, onDarkSurfaceSkeletonDeepGradientActive, onDarkSurfaceSkeletonDeepGradientHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSkeletonGradientActive, onDarkSurfaceSkeletonGradientHover, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorBrightness, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAi, onDarkTextAccentGradientAiActive, onDarkTextAccentGradientAiBrightness, onDarkTextAccentGradientAiHover, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightBackgroundPrimary, onLightBackgroundPrimaryActive, onLightBackgroundPrimaryBrightness, onLightBackgroundPrimaryHover, onLightBackgroundSecondary, onLightBackgroundSecondaryActive, onLightBackgroundSecondaryBrightness, onLightBackgroundSecondaryHover, onLightDataYellow, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowMinor, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparent, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccentGradient, onLightOutlineAccentGradientActive, onLightOutlineAccentGradientHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultBrightness, onLightOutlineDefaultHover, onLightOutlineMinor, onLightOutlineMinorActive, onLightOutlineMinorBrightness, onLightOutlineMinorHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlineTextInfo, onLightOutlineTextInfoActive, onLightOutlineTextInfoHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentSurface, onLightOutlineTransparentSurfaceActive, onLightOutlineTransparentSurfaceBrightness, onLightOutlineTransparentSurfaceHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOverlayGradient, onLightOverlayGradientActive, onLightOverlayGradientBrightness, onLightOverlayGradientHover, onLightOverlayHard, onLightOverlaySoft, onLightPersonaBlueSurfaceAccentGradient, onLightPersonaBlueSurfaceAccentGradientActive, onLightPersonaBlueSurfaceAccentGradientHover, onLightPersonaBlueTextAccent, onLightPersonaBlueTextAccentActive, onLightPersonaBlueTextAccentBrightness, onLightPersonaBlueTextAccentHover, onLightPersonaGreenSurfaceAccentGradient, onLightPersonaGreenSurfaceAccentGradientActive, onLightPersonaGreenSurfaceAccentGradientHover, onLightPersonaGreenTextAccent, onLightPersonaGreenTextAccentActive, onLightPersonaGreenTextAccentBrightness, onLightPersonaGreenTextAccentHover, onLightPersonaIndigoSurfaceAccentGradient, onLightPersonaIndigoSurfaceAccentGradientActive, onLightPersonaIndigoSurfaceAccentGradientHover, onLightPersonaIndigoTextAccent, onLightPersonaIndigoTextAccentActive, onLightPersonaIndigoTextAccentBrightness, onLightPersonaIndigoTextAccentHover, onLightPersonaOchreSurfaceAccentGradient, onLightPersonaOchreSurfaceAccentGradientActive, onLightPersonaOchreSurfaceAccentGradientHover, onLightPersonaOchreTextAccent, onLightPersonaOchreTextAccentActive, onLightPersonaOchreTextAccentBrightness, onLightPersonaOchreTextAccentHover, onLightPersonaOliveSurfaceAccentGradient, onLightPersonaOliveSurfaceAccentGradientActive, onLightPersonaOliveSurfaceAccentGradientHover, onLightPersonaOliveTextAccent, onLightPersonaOliveTextAccentActive, onLightPersonaOliveTextAccentBrightness, onLightPersonaOliveTextAccentHover, onLightPersonaPinkSurfaceAccentGradient, onLightPersonaPinkSurfaceAccentGradientActive, onLightPersonaPinkSurfaceAccentGradientHover, onLightPersonaPinkTextAccent, onLightPersonaPinkTextAccentActive, onLightPersonaPinkTextAccentBrightness, onLightPersonaPinkTextAccentHover, onLightPersonaSeaBlueSurfaceAccentGradient, onLightPersonaSeaBlueSurfaceAccentGradientActive, onLightPersonaSeaBlueSurfaceAccentGradientHover, onLightPersonaSeaBlueTextAccent, onLightPersonaSeaBlueTextAccentActive, onLightPersonaSeaBlueTextAccentBrightness, onLightPersonaSeaBlueTextAccentHover, onLightPersonaVioletSurfaceAccentGradient, onLightPersonaVioletSurfaceAccentGradientActive, onLightPersonaVioletSurfaceAccentGradientHover, onLightPersonaVioletTextAccent, onLightPersonaVioletTextAccentActive, onLightPersonaVioletTextAccentBrightness, onLightPersonaVioletTextAccentHover, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientActive, onLightSurfaceAccentGradientBrightness, onLightSurfaceAccentGradientHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorHover, onLightSurfaceAccentPrimary, onLightSurfaceAccentPrimaryActive, onLightSurfaceAccentPrimaryBrightness, onLightSurfaceAccentPrimaryHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryBrightness, onLightSurfaceAccentSecondaryHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceSkeletonDeepGradient, onLightSurfaceSkeletonDeepGradientActive, onLightSurfaceSkeletonDeepGradientHover, onLightSurfaceSkeletonGradient, onLightSurfaceSkeletonGradientActive, onLightSurfaceSkeletonGradientHover, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorBrightness, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAi, onLightTextAccentGradientAiActive, onLightTextAccentGradientAiBrightness, onLightTextAccentGradientAiHover, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccentGradient, outlineAccentGradientActive, outlineAccentGradientHover, outlineDefault, outlineDefaultActive, outlineDefaultBrightness, outlineDefaultHover, outlineMinor, outlineMinorActive, outlineMinorBrightness, outlineMinorHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlineTextInfo, outlineTextInfoActive, outlineTextInfoHover, outlineTransparentClear, outlineTransparentClearActive, outlineTransparentClearBrightness, outlineTransparentClearHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, overlayHard, overlaySoft, personaBlueSurfaceAccentGradient, personaBlueSurfaceAccentGradientActive, personaBlueSurfaceAccentGradientHover, personaBlueTextAccent, personaBlueTextAccentActive, personaBlueTextAccentBrightness, personaBlueTextAccentHover, personaGreenSurfaceAccentGradient, personaGreenSurfaceAccentGradientActive, personaGreenSurfaceAccentGradientHover, personaGreenTextAccent, personaGreenTextAccentActive, personaGreenTextAccentBrightness, personaGreenTextAccentHover, personaIndigoSurfaceAccentGradient, personaIndigoSurfaceAccentGradientActive, personaIndigoSurfaceAccentGradientHover, personaIndigoTextAccent, personaIndigoTextAccentActive, personaIndigoTextAccentBrightness, personaIndigoTextAccentHover, personaOchreSurfaceAccentGradient, personaOchreSurfaceAccentGradientActive, personaOchreSurfaceAccentGradientHover, personaOchreTextAccent, personaOchreTextAccentActive, personaOchreTextAccentBrightness, personaOchreTextAccentHover, personaOliveSurfaceAccentGradient, personaOliveSurfaceAccentGradientActive, personaOliveSurfaceAccentGradientHover, personaOliveTextAccent, personaOliveTextAccentActive, personaOliveTextAccentBrightness, personaOliveTextAccentHover, personaPinkSurfaceAccentGradient, personaPinkSurfaceAccentGradientActive, personaPinkSurfaceAccentGradientHover, personaPinkTextAccent, personaPinkTextAccentActive, personaPinkTextAccentBrightness, personaPinkTextAccentHover, personaSeaBlueSurfaceAccentGradient, personaSeaBlueSurfaceAccentGradientActive, personaSeaBlueSurfaceAccentGradientHover, personaSeaBlueTextAccent, personaSeaBlueTextAccentActive, personaSeaBlueTextAccentBrightness, personaSeaBlueTextAccentHover, personaVioletSurfaceAccentGradient, personaVioletSurfaceAccentGradientActive, personaVioletSurfaceAccentGradientHover, personaVioletTextAccent, personaVioletTextAccentActive, personaVioletTextAccentBrightness, personaVioletTextAccentHover, 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, surfaceAccentGradient, surfaceAccentGradientActive, surfaceAccentGradientBrightness, surfaceAccentGradientHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorHover, surfaceAccentPrimary, surfaceAccentPrimaryActive, surfaceAccentPrimaryBrightness, surfaceAccentPrimaryHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryBrightness, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSkeletonDeepGradient, surfaceSkeletonDeepGradientActive, surfaceSkeletonDeepGradientHover, surfaceSkeletonGradient, surfaceSkeletonGradientActive, surfaceSkeletonGradientHover, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorBrightness, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAi, textAccentGradientAiActive, textAccentGradientAiBrightness, textAccentGradientAiHover, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer };
|
|
2663
2870
|
//# sourceMappingURL=index.js.map
|