@salutejs-ds/sdds_sbcom 0.1.12 → 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/components/Button/Button.config.d.ts +3 -3
  2. package/components/Button/Button.config.js +7 -7
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1nf8fsa.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +3 -3
  7. package/components/Checkbox/Checkbox.config.d.ts +2 -2
  8. package/components/Checkbox/Checkbox.config.js +5 -5
  9. package/components/Checkbox/Checkbox.config.js.map +1 -1
  10. package/components/Checkbox/Checkbox.config_1pgnntn.css +6 -0
  11. package/components/Checkbox/Checkbox.css +6 -6
  12. package/components/Checkbox/Checkbox.d.ts +2 -2
  13. package/components/Counter/Counter.config.d.ts +4 -4
  14. package/components/Counter/Counter.config.js +9 -9
  15. package/components/Counter/Counter.config.js.map +1 -1
  16. package/{es/components/Counter/Counter.config_yoygvx.css → components/Counter/Counter.config_ebr9b5.css} +8 -8
  17. package/components/Counter/Counter.css +10 -10
  18. package/components/Counter/Counter.d.ts +4 -4
  19. package/components/IconButton/IconButton.config.d.ts +2 -2
  20. package/components/IconButton/IconButton.config.js +5 -5
  21. package/components/IconButton/IconButton.config.js.map +1 -1
  22. package/components/IconButton/IconButton.config_145mdq5.css +9 -0
  23. package/components/IconButton/IconButton.css +8 -8
  24. package/components/IconButton/IconButton.d.ts +2 -2
  25. package/components/Link/Link.config.d.ts +3 -3
  26. package/components/Link/Link.config.js +7 -7
  27. package/components/Link/Link.config.js.map +1 -1
  28. package/components/Link/Link.config_1y1mon9.css +8 -0
  29. package/components/Link/Link.css +8 -8
  30. package/components/Link/Link.d.ts +3 -3
  31. package/components/Radiobox/Radiobox.config.d.ts +1 -1
  32. package/components/Radiobox/Radiobox.config.js +3 -3
  33. package/components/Radiobox/Radiobox.config.js.map +1 -1
  34. package/components/Radiobox/Radiobox.config_jinig9.css +6 -0
  35. package/components/Radiobox/Radiobox.css +6 -6
  36. package/components/Radiobox/Radiobox.d.ts +1 -1
  37. package/css/sdds_sbcom.module.css +205 -181
  38. package/css/sdds_sbcom__dark.css +115 -103
  39. package/css/sdds_sbcom__light.css +116 -104
  40. package/es/components/Button/Button.config.js +7 -7
  41. package/es/components/Button/Button.config.js.map +1 -1
  42. package/es/components/Button/Button.config_1nf8fsa.css +10 -0
  43. package/es/components/Button/Button.css +9 -9
  44. package/es/components/Checkbox/Checkbox.config.js +5 -5
  45. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  46. package/es/components/Checkbox/Checkbox.config_1pgnntn.css +6 -0
  47. package/es/components/Checkbox/Checkbox.css +6 -6
  48. package/es/components/Counter/Counter.config.js +9 -9
  49. package/es/components/Counter/Counter.config.js.map +1 -1
  50. package/{components/Counter/Counter.config_yoygvx.css → es/components/Counter/Counter.config_ebr9b5.css} +8 -8
  51. package/es/components/Counter/Counter.css +10 -10
  52. package/es/components/IconButton/IconButton.config.js +5 -5
  53. package/es/components/IconButton/IconButton.config.js.map +1 -1
  54. package/es/components/IconButton/IconButton.config_145mdq5.css +9 -0
  55. package/es/components/IconButton/IconButton.css +8 -8
  56. package/es/components/Link/Link.config.js +7 -7
  57. package/es/components/Link/Link.config.js.map +1 -1
  58. package/es/components/Link/Link.config_1y1mon9.css +8 -0
  59. package/es/components/Link/Link.css +8 -8
  60. package/es/components/Radiobox/Radiobox.config.js +3 -3
  61. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  62. package/es/components/Radiobox/Radiobox.config_jinig9.css +6 -0
  63. package/es/components/Radiobox/Radiobox.css +6 -6
  64. package/es/index.css +55 -55
  65. package/es/index.js +1 -1
  66. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  67. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  68. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  69. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  70. package/es/theme/tokens/index.js +415 -379
  71. package/es/theme/tokens/index.js.map +1 -1
  72. package/index.css +55 -55
  73. package/index.js +12 -0
  74. package/index.js.map +1 -1
  75. package/package.json +1 -1
  76. package/styled-components/cjs/Button/Button.config.js +9 -9
  77. package/styled-components/cjs/Checkbox/Checkbox.config.js +6 -6
  78. package/styled-components/cjs/Counter/Counter.config.js +8 -8
  79. package/styled-components/cjs/IconButton/IconButton.config.js +6 -6
  80. package/styled-components/cjs/Link/Link.config.js +6 -6
  81. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  82. package/styled-components/es/Button/Button.config.js +9 -9
  83. package/styled-components/es/Checkbox/Checkbox.config.js +6 -6
  84. package/styled-components/es/Counter/Counter.config.js +8 -8
  85. package/styled-components/es/IconButton/IconButton.config.js +6 -6
  86. package/styled-components/es/Link/Link.config.js +6 -6
  87. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  88. package/theme/themes/sdds_sbcom__dark.js +1 -1
  89. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  90. package/theme/themes/sdds_sbcom__light.js +1 -1
  91. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  92. package/theme/tokens/index.d.ts +347 -323
  93. package/theme/tokens/index.js +426 -378
  94. package/theme/tokens/index.js.map +1 -1
  95. package/components/Button/Button.config_b4txnl.css +0 -10
  96. package/components/Checkbox/Checkbox.config_j2f4po.css +0 -6
  97. package/components/IconButton/IconButton.config_1q8h816.css +0 -9
  98. package/components/Link/Link.config_e4pw7e.css +0 -8
  99. package/components/Radiobox/Radiobox.config_10j4d0h.css +0 -6
  100. package/es/components/Button/Button.config_b4txnl.css +0 -10
  101. package/es/components/Checkbox/Checkbox.config_j2f4po.css +0 -6
  102. package/es/components/IconButton/IconButton.config_1q8h816.css +0 -9
  103. package/es/components/Link/Link.config_e4pw7e.css +0 -8
  104. package/es/components/Radiobox/Radiobox.config_10j4d0h.css +0 -6
@@ -1,185 +1,146 @@
1
1
  // Generated by robots, do not change this manually!
2
2
 
3
- /** null */
4
- var onDarkPersonasGreenTextAccent = 'var(--on-dark-personas-green-text-accent, #6CD5BB)';
5
-
6
- /** null */
7
- var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #0BA88866)';
8
-
9
- /** null */
3
+ /** Primary Hover On Light */
10
4
  var onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #ADA39FFF)';
11
5
 
12
- /** null */
6
+ /** Default Active Inverse */
13
7
  var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
14
8
 
15
- /** null */
9
+ /** Sea Blue Text Accent Active Inverse */
16
10
  var inversePersonasSeaBlueTextAccentActive = 'var(--inverse-personas-sea-blue-text-accent-active, #4BB4B4FF)';
17
11
 
18
- /** null */
12
+ /** Violet Text Accent Active Inverse */
19
13
  var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-accent-active, #81288FFF)';
20
14
 
21
- /** null */
22
- var onDarkSurfaceTransparentNaviActive = 'var(--on-dark-surface-transparent-navi-active, #2424248A)';
23
-
24
- /** null */
15
+ /** Default Hover On Light */
25
16
  var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
26
17
 
27
- /** null */
18
+ /** Primary Active Inverse */
28
19
  var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
29
20
 
30
- /** null */
21
+ /** Default Active On Dark */
31
22
  var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
32
23
 
33
- /** null */
24
+ /** Default Hover On Dark */
34
25
  var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
35
26
 
36
- /** null */
27
+ /** Green Text Accent Hover Default */
37
28
  var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
38
29
 
39
- /** null */
30
+ /** Sea Blue Text Accent Hover Default */
40
31
  var personasSeaBlueTextAccentHover = 'var(--personas-sea-blue-text-accent-hover, #00C5CCFF)';
41
32
 
42
- /** null */
33
+ /** Accent Secondary Hover Inverse */
43
34
  var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #50C3A8FF)';
44
35
 
45
- /** null */
36
+ /** Accent Secondary Active On Light */
46
37
  var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-secondary-active, #3CAF94FF)';
47
38
 
48
- /** null */
39
+ /** Transparent Navi Active Default */
49
40
  var surfaceTransparentNaviActive = 'var(--surface-transparent-navi-active, #2424248A)';
50
41
 
51
- /** null */
42
+ /** Transparent Accent Minor Active On Light */
52
43
  var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #0BA88852)';
53
44
 
54
- /** null */
45
+ /** Green Text Accent Active On Light */
55
46
  var onLightPersonasGreenTextAccentActive = 'var(--on-light-personas-green-text-accent-active, #04AF87FF)';
56
47
 
57
- /** null */
48
+ /** Default Active Default */
58
49
  var outlineDefaultActive = 'var(--outline-default-active, #666666FF)';
59
50
 
60
- /** null */
51
+ /** Primary Active On Dark */
61
52
  var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
62
53
 
63
- /** null */
54
+ /** Olive Text Accent Active Default */
64
55
  var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
65
56
 
66
- /** null */
57
+ /** Olive Text Accent Hover On Dark */
67
58
  var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
68
59
 
69
- /** null */
70
- var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
71
-
72
- /** null */
73
- var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
74
-
75
- /** null */
76
- var onLightPersonasOliveTextAccentActive = 'var(--on-light-personas-olive-text-accent-active, #179315FF)';
77
-
78
- /** null */
60
+ /** Violet Text Accent Active On Light */
79
61
  var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text-accent-active, #81288FFF)';
80
62
 
81
- /** null */
63
+ /** Ochre Text Accent Active On Light */
82
64
  var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
83
65
 
84
- /** null */
66
+ /** Accent Secondary Hover On Dark */
85
67
  var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
86
68
 
87
- /** null */
69
+ /** Green Text Accent Hover Inverse */
88
70
  var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-accent-hover, #8CDECAFF)';
89
71
 
90
- /** null */
72
+ /** Pink Text Accent Hover On Light */
91
73
  var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
92
74
 
93
- /** null */
75
+ /** Accent Secondary Hover Default */
94
76
  var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #70CDB7FF)';
95
77
 
96
- /** null */
97
- var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
98
-
99
- /** null */
78
+ /** Indigo Text Accent Hover Default */
100
79
  var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
101
80
 
102
- /** null */
103
- var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
104
-
105
- /** null */
81
+ /** Violet Text Accent Hover On Dark */
106
82
  var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
107
83
 
108
- /** null */
84
+ /** On Light Outline Primary */
109
85
  var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
110
86
 
111
- /** null */
87
+ /** Inverse Outline Default */
112
88
  var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
113
89
 
114
- /** null */
90
+ /** Blue Text Accent Hover On Dark */
115
91
  var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
116
92
 
117
- /** null */
118
- var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
119
-
120
- /** null */
93
+ /** Indigo Text Accent Hover On Light */
121
94
  var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
122
95
 
123
- /** null */
96
+ /** Indigo Text Accent Active On Light */
124
97
  var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
125
98
 
126
- /** null */
99
+ /** Sea Blue Text Accent Hover On Light */
127
100
  var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
128
101
 
129
- /** null */
130
- var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
131
-
132
- /** null */
133
- var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
134
-
135
- /** null */
102
+ /** Ochre Text Accent Active Default */
136
103
  var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
137
104
 
138
- /** null */
105
+ /** Inverse Background Hardline */
139
106
  var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
140
107
 
141
- /** null */
142
- var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
143
-
144
- /** null */
108
+ /** Transparent Accent Minor Active On Dark */
145
109
  var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
146
110
 
147
- /** null */
111
+ /** Sea Blue Text Accent Hover On Dark */
148
112
  var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
149
113
 
150
- /** null */
151
- var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
152
-
153
- /** null */
114
+ /** Surface Transparent Navi */
154
115
  var surfaceTransparentNavi = 'var(--surface-transparent-navi, #23232399)';
155
116
 
156
- /** null */
117
+ /** Violet Text Accent Active Default */
157
118
  var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
158
119
 
159
- /** null */
120
+ /** Blue Text Accent Hover Default */
160
121
  var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
161
122
 
162
- /** null */
123
+ /** Outline Default */
163
124
  var outlineDefault = 'var(--outline-default, #FFFFFF)';
164
125
 
165
126
  /** Основной цвет текста */
166
127
  var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
167
128
 
168
- /** Прозрачный фон для карточек */
169
- var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
170
-
171
- /** Прозрачный фон для карточек */
172
- var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
173
-
174
129
  /** Основной фон для карточек */
175
130
  var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
176
131
 
132
+ /** Прозрачный фон для карточек */
133
+ var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
134
+
177
135
  /** Основной фон для карточек */
178
136
  var surfaceSolidCardBrightnessActive = 'var(--surface-solid-card-brightness-active, #212121FF)';
179
137
 
180
138
  /** Основной непрозрачный фон поверхности/контрола */
181
139
  var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
182
140
 
141
+ /** Прозрачный фон для карточек */
142
+ var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
143
+
183
144
  /** Основной непрозрачный фон поверхности/контрола на темном фоне */
184
145
  var onDarkSurfaceSolidPrimaryBrightnessActive = 'var(--on-dark-surface-solid-primary-brightness-active, #212121FF)';
185
146
 
@@ -201,32 +162,32 @@ var onLightSurfaceSolidPrimaryBrightnessHover = 'var(--on-light-surface-solid-pr
201
162
  /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
202
163
  var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
203
164
 
204
- /** null */
205
- var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
206
-
207
- /** null */
165
+ /** Inverse Personas Indigo Text Accent */
208
166
  var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
209
167
 
210
- /** null */
168
+ /** Inverse Personas Pink Text Accent */
211
169
  var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
212
170
 
171
+ /** Personas Olive Text Accent */
172
+ var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
173
+
213
174
  /** Цвет обводки успех на светлом фоне */
214
175
  var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
215
176
 
216
- /** null */
217
- var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
218
-
219
- /** null */
177
+ /** Inverse Personas Ochre Text Accent */
220
178
  var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
221
179
 
180
+ /** On Dark Personas Olive Text Accent */
181
+ var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
182
+
222
183
  /** Третичный непрозрачный фон поверхности/контрола */
223
184
  var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF)';
224
185
 
225
186
  /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
226
187
  var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)';
227
188
 
228
- /** null */
229
- var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
189
+ /** Inverse Surface Transparent Navi */
190
+ var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
230
191
 
231
192
  /** Прозрачный фон для карточек на светлом фоне */
232
193
  var onLightSurfaceTransparentCardBrightnessHover = 'var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)';
@@ -237,10 +198,7 @@ var textPrimary = 'var(--text-primary, #FFFFFFFC)';
237
198
  /** Акцентный минорный цвет на темном фоне */
238
199
  var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #60C7AFFF)';
239
200
 
240
- /** null */
241
- var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
242
-
243
- /** null */
201
+ /** On Light Personas Olive Text Accent */
244
202
  var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
245
203
 
246
204
  /** Прозрачный фон для карточек на светлом фоне */
@@ -264,25 +222,22 @@ var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-pr
264
222
  /** Инвертированный прозрачный фон для карточек */
265
223
  var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
266
224
 
267
- /** null */
268
- var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
225
+ /** Outline Primary */
226
+ var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
269
227
 
270
- /** null */
228
+ /** On Light Personas Ochre Text Accent */
271
229
  var onLightPersonasOchreTextAccent = 'var(--on-light-personas-ochre-text-accent, #D15A11)';
272
230
 
273
- /** null */
231
+ /** On Dark Personas Indigo Text Accent */
274
232
  var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
275
233
 
276
- /** null */
234
+ /** On Dark Surface Accent Secondary */
277
235
  var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C8B0)';
278
236
 
279
- /** null */
237
+ /** Inverse Personas Green Text Accent */
280
238
  var inversePersonasGreenTextAccent = 'var(--inverse-personas-green-text-accent, #6CD5BB)';
281
239
 
282
- /** null */
283
- var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
284
-
285
- /** null */
240
+ /** Surface Accent Secondary */
286
241
  var surfaceAccentSecondary = 'var(--surface-accent-secondary, #61C8B0)';
287
242
 
288
243
  /** Акцентный минорный непрозрачный фон поверхности/контрола */
@@ -306,8 +261,8 @@ var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-trans
306
261
  /** Цвет обводки предупреждение на светлом фоне */
307
262
  var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
308
263
 
309
- /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
310
- var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
264
+ /** On Light Personas Violet Text Accent */
265
+ var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
311
266
 
312
267
  /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
313
268
  var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
@@ -318,272 +273,227 @@ var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-
318
273
  /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
319
274
  var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #055C4CFF)';
320
275
 
321
- /** null */
322
- var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
276
+ /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
277
+ var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
323
278
 
324
- /** null */
279
+ /** On Dark Personas Blue Text Accent */
325
280
  var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
326
281
 
327
- /** null */
282
+ /** On Light Personas Indigo Text Accent */
328
283
  var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
329
284
 
330
- /** null */
285
+ /** On Light Personas Sea Blue Text Accent */
331
286
  var onLightPersonasSeaBlueTextAccent = 'var(--on-light-personas-sea-blue-text-accent, #00898D)';
332
287
 
333
- /** null */
334
- var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
335
-
336
- /** null */
288
+ /** Personas Ochre Text Accent */
337
289
  var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
338
290
 
339
- /** null */
291
+ /** On Dark Surface Transparent Accent Minor */
340
292
  var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
341
293
 
342
- /** null */
294
+ /** On Dark Personas Violet Text Accent */
343
295
  var onDarkPersonasVioletTextAccent = 'var(--on-dark-personas-violet-text-accent, #E19DED)';
344
296
 
345
- /** Цвет предупреждения на светлом фоне */
346
- var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
347
-
348
- /** null */
349
- var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
350
-
351
- /** null */
352
- var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
353
-
354
- /** null */
355
- var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
356
-
357
- /** null */
358
- var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
297
+ /** On Light Surface Transparent Navi */
298
+ var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
359
299
 
360
- /** null */
300
+ /** Green Text Accent Hover On Dark */
361
301
  var onDarkPersonasGreenTextAccentHover = 'var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)';
362
302
 
363
- /** null */
364
- var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
365
-
366
- /** null */
367
- var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
368
-
369
- /** null */
303
+ /** Green Text Accent Active Default */
370
304
  var personasGreenTextAccentActive = 'var(--personas-green-text-accent-active, #03A57FFF)';
371
305
 
372
- /** null */
306
+ /** Sea Blue Text Accent Active Default */
373
307
  var personasSeaBlueTextAccentActive = 'var(--personas-sea-blue-text-accent-active, #00A8ADFF)';
374
308
 
375
- /** null */
309
+ /** Accent Secondary Active Inverse */
376
310
  var inverseSurfaceAccentSecondaryActive = 'var(--inverse-surface-accent-secondary-active, #3CAF94FF)';
377
311
 
378
- /** null */
312
+ /** Pink Text Accent Active On Dark */
379
313
  var onDarkPersonasPinkTextAccentActive = 'var(--on-dark-personas-pink-text-accent-active, #F58A8AFF)';
380
314
 
381
- /** null */
315
+ /** Primary Active Default */
382
316
  var outlinePrimaryActive = 'var(--outline-primary-active, #665C57FF)';
383
317
 
384
- /** null */
318
+ /** Indigo Text Accent Active Inverse */
385
319
  var inversePersonasIndigoTextAccentActive = 'var(--inverse-personas-indigo-text-accent-active, #A46AF1FF)';
386
320
 
387
- /** null */
321
+ /** Pink Text Accent Active Inverse */
388
322
  var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-accent-active, #F48080FF)';
389
323
 
390
- /** null */
324
+ /** Olive Text Accent Active On Dark */
391
325
  var onDarkPersonasOliveTextAccentActive = 'var(--on-dark-personas-olive-text-accent-active, #7DC07CFF)';
392
326
 
393
- /** null */
327
+ /** Accent Secondary Active On Dark */
394
328
  var onDarkSurfaceAccentSecondaryActive = 'var(--on-dark-surface-accent-secondary-active, #59C5ACFF)';
395
329
 
396
- /** null */
330
+ /** Green Text Accent Active Inverse */
397
331
  var inversePersonasGreenTextAccentActive = 'var(--inverse-personas-green-text-accent-active, #4CCDACFF)';
398
332
 
399
- /** null */
333
+ /** Pink Text Accent Active On Light */
400
334
  var onLightPersonasPinkTextAccentActive = 'var(--on-light-personas-pink-text-accent-active, #D73333FF)';
401
335
 
402
- /** null */
336
+ /** Indigo Text Accent Active Default */
403
337
  var personasIndigoTextAccentActive = 'var(--personas-indigo-text-accent-active, #AA73F2FF)';
404
338
 
405
- /** null */
339
+ /** Violet Text Accent Active On Dark */
406
340
  var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-accent-active, #D982E8FF)';
407
341
 
408
- /** null */
342
+ /** Transparent Navi Hover On Light */
409
343
  var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
410
344
 
411
- /** null */
345
+ /** Transparent Navi Active On Light */
412
346
  var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFAD)';
413
347
 
414
- /** null */
348
+ /** Olive Text Accent Hover Inverse */
415
349
  var inversePersonasOliveTextAccentHover = 'var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)';
416
350
 
417
- /** null */
351
+ /** Ochre Text Accent Hover Default */
418
352
  var personasOchreTextAccentHover = 'var(--personas-ochre-text-accent-hover, #F7C8B6FF)';
419
353
 
420
- /** null */
354
+ /** Inverse Surface Accent Secondary */
421
355
  var inverseSurfaceAccentSecondary = 'var(--inverse-surface-accent-secondary, #41BDA1)';
422
356
 
423
- /** null */
357
+ /** Light Background Hardline */
424
358
  var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
425
359
 
426
- /** null */
360
+ /** Sea Blue Text Accent Active On Dark */
427
361
  var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
428
362
 
429
- /** null */
363
+ /** On Light Surface Transparent Accent Minor */
430
364
  var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #0BA6863D)';
431
365
 
432
- /** null */
366
+ /** On Light Personas Green Text Accent */
433
367
  var onLightPersonasGreenTextAccent = 'var(--on-light-personas-green-text-accent, #038768)';
434
368
 
369
+ /** Primary Active On Light */
370
+ var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
371
+
372
+ /** Blue Text Accent Active Inverse */
373
+ var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
374
+
375
+ /** Transparent Accent Minor Active Inverse */
376
+ var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
377
+
435
378
  /** Основной цвет текста */
436
379
  var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
437
380
 
438
381
  /** Основной цвет текста на темном фоне */
439
382
  var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
440
383
 
441
- /** null */
442
- var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
443
-
444
- /** null */
445
- var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
446
-
447
- /** null */
448
- var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
449
-
450
- /** null */
451
- var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
452
-
453
- /** null */
454
- var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
455
-
456
- /** null */
457
- var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
458
-
459
- /** null */
460
- var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
461
-
462
- /** null */
463
- var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
464
-
465
- /** null */
466
- var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
467
-
468
- /** null */
469
- var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-accent-hover, #1477E1FF)';
384
+ /** On Dark Personas Sea Blue Text Accent */
385
+ var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
470
386
 
471
- /** null */
472
- var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
387
+ /** Blue Text Accent Active On Light */
388
+ var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
473
389
 
474
- /** null */
475
- var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
390
+ /** Default Active On Light */
391
+ var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
476
392
 
477
- /** null */
478
- var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
393
+ /** Цвет предупреждения на светлом фоне */
394
+ var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
479
395
 
480
- /** null */
396
+ /** Transparent Navi Hover Default */
481
397
  var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #242424B8)';
482
398
 
483
- /** null */
399
+ /** Transparent Accent Minor Hover On Light */
484
400
  var onLightSurfaceTransparentAccentMinorHover = 'var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)';
485
401
 
486
- /** null */
402
+ /** Green Text Accent Hover On Light */
487
403
  var onLightPersonasGreenTextAccentHover = 'var(--on-light-personas-green-text-accent-hover, #04D7A6FF)';
488
404
 
489
- /** null */
405
+ /** Default Hover Default */
490
406
  var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
491
407
 
492
- /** null */
408
+ /** Primary Hover On Dark */
493
409
  var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #6B6461FF)';
494
410
 
495
- /** null */
411
+ /** Pink Text Accent Hover On Dark */
496
412
  var onDarkPersonasPinkTextAccentHover = 'var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)';
497
413
 
498
- /** null */
414
+ /** Primary Hover Default */
499
415
  var outlinePrimaryHover = 'var(--outline-primary-hover, #91847EFF)';
500
416
 
501
- /** null */
417
+ /** Indigo Text Accent Hover Inverse */
502
418
  var inversePersonasIndigoTextAccentHover = 'var(--inverse-personas-indigo-text-accent-hover, #D2B4F8FF)';
503
419
 
504
- /** null */
420
+ /** Pink Text Accent Hover Inverse */
505
421
  var inversePersonasPinkTextAccentHover = 'var(--inverse-personas-pink-text-accent-hover, #FBCBCBFF)';
506
422
 
507
- /** null */
423
+ /** Olive Text Accent Hover Default */
508
424
  var personasOliveTextAccentHover = 'var(--personas-olive-text-accent-hover, #A6D4A5FF)';
509
425
 
510
- /** null */
426
+ /** Ochre Text Accent Hover Inverse */
511
427
  var inversePersonasOchreTextAccentHover = 'var(--inverse-personas-ochre-text-accent-hover, #ED6C1DFF)';
512
428
 
513
- /** null */
429
+ /** Transparent Navi Hover Inverse */
514
430
  var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFA8)';
515
431
 
516
- /** null */
432
+ /** Olive Text Accent Hover On Light */
517
433
  var onLightPersonasOliveTextAccentHover = 'var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)';
518
434
 
519
- /** null */
435
+ /** Violet Text Accent Hover On Light */
520
436
  var onLightPersonasVioletTextAccentHover = 'var(--on-light-personas-violet-text-accent-hover, #B740C9FF)';
521
437
 
522
- /** null */
438
+ /** Ochre Text Accent Hover On Light */
523
439
  var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
524
440
 
525
- /** null */
441
+ /** Indigo Text Accent Hover On Dark */
526
442
  var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)';
527
443
 
528
- /** null */
444
+ /** On Dark Personas Ochre Text Accent */
529
445
  var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
530
446
 
531
- /** null */
532
- var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
533
-
534
- /** null */
535
- var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
536
-
537
- /** null */
538
- var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
447
+ /** Green Text Accent Active On Dark */
448
+ var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
539
449
 
540
- /** null */
541
- var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
450
+ /** Ochre Text Accent Active On Dark */
451
+ var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
542
452
 
543
- /** null */
544
- var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
453
+ /** Transparent Accent Minor Active Default */
454
+ var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
545
455
 
546
- /** null */
547
- var backgroundHardline = 'var(--background-hardline, #000000)';
456
+ /** Default Hover Inverse */
457
+ var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
548
458
 
549
- /** null */
550
- var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
459
+ /** Personas Violet Text Accent */
460
+ var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
551
461
 
552
- /** null */
553
- var inversePersonasVioletTextAccent = 'var(--inverse-personas-violet-text-accent, #9E32AF)';
462
+ /** Primary Hover Inverse */
463
+ var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
554
464
 
555
- /** null */
556
- var inverseSurfaceTransparentAccentMinor = 'var(--inverse-surface-transparent-accent-minor, #0BA68647)';
465
+ /** Sea Blue Text Accent Hover Inverse */
466
+ var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
557
467
 
558
- /** null */
559
- var onLightPersonasBlueTextAccent = 'var(--on-light-personas-blue-text-accent, #1063BA)';
468
+ /** Blue Text Accent Hover Inverse */
469
+ var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
560
470
 
561
- /** null */
562
- var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
471
+ /** Violet Text Accent Hover Inverse */
472
+ var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
563
473
 
564
- /** null */
565
- var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
474
+ /** Transparent Accent Minor Hover Inverse */
475
+ var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
566
476
 
567
- /** null */
568
- var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
477
+ /** Blue Text Accent Hover On Light */
478
+ var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-accent-hover, #1477E1FF)';
569
479
 
570
- /** null */
571
- var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
480
+ /** Transparent Navi Hover On Dark */
481
+ var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
572
482
 
573
- /** null */
574
- var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
483
+ /** Accent Secondary Hover On Light */
484
+ var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
575
485
 
576
- /** null */
577
- var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
486
+ /** Personas Blue Text Accent */
487
+ var personasBlueTextAccent = 'var(--personas-blue-text-accent, #79B3F2)';
578
488
 
579
- /** null */
580
- var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
489
+ /** Personas Sea Blue Text Accent */
490
+ var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
581
491
 
582
- /** null */
583
- var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
492
+ /** Violet Text Accent Hover Default */
493
+ var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
584
494
 
585
- /** null */
586
- var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
495
+ /** Background Hardline */
496
+ var backgroundHardline = 'var(--background-hardline, #000000)';
587
497
 
588
498
  /** Основной цвет текста на светлом фоне */
589
499
  var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
@@ -600,11 +510,56 @@ var onDarkSurfaceSolidPrimaryBrightnessHover = 'var(--on-dark-surface-solid-prim
600
510
  /** Инвертированный основной фон для карточек */
601
511
  var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
602
512
 
603
- /** null */
513
+ /** Inverse Personas Blue Text Accent */
514
+ var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
515
+
516
+ /** Blue Text Accent Active Default */
517
+ var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
518
+
519
+ /** Accent Secondary Active Default */
520
+ var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
521
+
522
+ /** Surface Transparent Accent Minor */
523
+ var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
524
+
525
+ /** Inverse Personas Sea Blue Text Accent */
526
+ var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
527
+
528
+ /** On Dark Personas Pink Text Accent */
529
+ var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
530
+
531
+ /** Personas Pink Text Accent */
604
532
  var personasPinkTextAccent = 'var(--personas-pink-text-accent, #DE5555)';
605
533
 
606
- /** null */
607
- var personasBlueTextAccent = 'var(--personas-blue-text-accent, #79B3F2)';
534
+ /** Inverse Personas Violet Text Accent */
535
+ var inversePersonasVioletTextAccent = 'var(--inverse-personas-violet-text-accent, #9E32AF)';
536
+
537
+ /** Inverse Surface Transparent Accent Minor */
538
+ var inverseSurfaceTransparentAccentMinor = 'var(--inverse-surface-transparent-accent-minor, #0BA68647)';
539
+
540
+ /** On Light Personas Blue Text Accent */
541
+ var onLightPersonasBlueTextAccent = 'var(--on-light-personas-blue-text-accent, #1063BA)';
542
+
543
+ /** On Dark Surface Transparent Navi */
544
+ var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
545
+
546
+ /** Inverse Outline Primary */
547
+ var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
548
+
549
+ /** Olive Text Accent Active Inverse */
550
+ var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
551
+
552
+ /** On Dark Outline Default */
553
+ var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
554
+
555
+ /** Personas Green Text Accent */
556
+ var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
557
+
558
+ /** Dark Background Hardline */
559
+ var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
560
+
561
+ /** On Dark Outline Primary */
562
+ var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
608
563
 
609
564
  /** Основной цвет текста на темном фоне */
610
565
  var onDarkTextPrimaryBrightnessActive = 'var(--on-dark-text-primary-brightness-active, #FAFAFAC4)';
@@ -615,17 +570,59 @@ var onLightTextPrimaryBrightnessActive = 'var(--on-light-text-primary-brightness
615
570
  /** Инвертированный основной цвет текста */
616
571
  var inverseTextPrimaryBrightnessActive = 'var(--inverse-text-primary-brightness-active, #171717C4)';
617
572
 
618
- /** null */
573
+ /** Personas Indigo Text Accent */
619
574
  var personasIndigoTextAccent = 'var(--personas-indigo-text-accent, #BD91F5)';
620
575
 
621
- /** null */
576
+ /** Ochre Text Accent Hover On Dark */
622
577
  var onDarkPersonasOchreTextAccentHover = 'var(--on-dark-personas-ochre-text-accent-hover, #F7C8B6FF)';
623
578
 
624
- /** null */
579
+ /** Indigo Text Accent Active On Dark */
625
580
  var onDarkPersonasIndigoTextAccentActive = 'var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)';
626
581
 
627
- /** Сплошной наборный текст */
628
- var textParagraphHover = 'var(--text-paragraph-hover, #F5F1EFFF)';
582
+ /** Pink Text Accent Hover Default */
583
+ var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
584
+
585
+ /** On Dark Personas Green Text Accent */
586
+ var onDarkPersonasGreenTextAccent = 'var(--on-dark-personas-green-text-accent, #6CD5BB)';
587
+
588
+ /** Transparent Accent Minor Hover Default */
589
+ var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #0BA88866)';
590
+
591
+ /** Transparent Navi Active On Dark */
592
+ var onDarkSurfaceTransparentNaviActive = 'var(--on-dark-surface-transparent-navi-active, #2424248A)';
593
+
594
+ /** Ochre Text Accent Active Inverse */
595
+ var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
596
+
597
+ /** Transparent Navi Active Inverse */
598
+ var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
599
+
600
+ /** Olive Text Accent Active On Light */
601
+ var onLightPersonasOliveTextAccentActive = 'var(--on-light-personas-olive-text-accent-active, #179315FF)';
602
+
603
+ /** Pink Text Accent Active Default */
604
+ var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
605
+
606
+ /** Blue Text Accent Active On Dark */
607
+ var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
608
+
609
+ /** Sea Blue Text Accent Active On Light */
610
+ var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
611
+
612
+ /** On Light Outline Default */
613
+ var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
614
+
615
+ /** Transparent Accent Minor Hover On Dark */
616
+ var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
617
+
618
+ /** On Light Surface Accent Secondary */
619
+ var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
620
+
621
+ /** On Light Personas Pink Text Accent */
622
+ var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
623
+
624
+ /** Inverse Personas Olive Text Accent */
625
+ var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
629
626
 
630
627
  /** Сплошной наборный текст */
631
628
  var textParagraphActive = 'var(--text-paragraph-active, #F5F1EF93)';
@@ -711,8 +708,8 @@ var textPrimaryBrightness = 'var(--text-primary-brightness, #FAFAFAF5)';
711
708
  /** Сплошной наборный текст */
712
709
  var textParagraph = 'var(--text-paragraph, #F6F2F07A)';
713
710
 
714
- /** Сплошной наборный текст на темном фоне */
715
- var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F1EFFF)';
711
+ /** Сплошной наборный текст */
712
+ var textParagraphHover = 'var(--text-paragraph-hover, #F5F1EFFF)';
716
713
 
717
714
  /** Сплошной наборный текст на темном фоне */
718
715
  var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
@@ -801,8 +798,8 @@ var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF97)';
801
798
  /** Сплошной наборный текст на темном фоне */
802
799
  var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F6F2F07A)';
803
800
 
804
- /** Основной цвет текста на светлом фоне */
805
- var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #15110FCA)';
801
+ /** Сплошной наборный текст на темном фоне */
802
+ var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F1EFFF)';
806
803
 
807
804
  /** Основной цвет текста на светлом фоне */
808
805
  var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #171717F5)';
@@ -873,6 +870,9 @@ var onLightTextPrimary = 'var(--on-light-text-primary, #15110FFC)';
873
870
  /** Основной цвет текста на светлом фоне */
874
871
  var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #15110F97)';
875
872
 
873
+ /** Основной цвет текста на светлом фоне */
874
+ var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #15110FCA)';
875
+
876
876
  /** Инвертированный основной цвет текста */
877
877
  var inverseTextPrimary = 'var(--inverse-text-primary, #15110FFC)';
878
878
 
@@ -948,9 +948,6 @@ var onLightTextInfoActive = 'var(--on-light-text-info-active, #194B85FF)';
948
948
  /** Цвет ошибки на светлом фоне */
949
949
  var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #E3353BFF)';
950
950
 
951
- /** Инвертированный цвет ошибки */
952
- var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #E3353BFF)';
953
-
954
951
  /** Инвертированный цвет ошибки */
955
952
  var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #AF181DFF)';
956
953
 
@@ -1011,8 +1008,8 @@ var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)'
1011
1008
  /** Инвертированный цвет ошибки */
1012
1009
  var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
1013
1010
 
1014
- /** Вторичный прозрачный фон поверхности/контрола */
1015
- var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF47)';
1011
+ /** Инвертированный цвет ошибки */
1012
+ var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #E3353BFF)';
1016
1013
 
1017
1014
  /** Вторичный прозрачный фон поверхности/контрола */
1018
1015
  var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF1A)';
@@ -1113,8 +1110,8 @@ var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active,
1113
1110
  /** Вторичный прозрачный фон поверхности/контрола */
1114
1111
  var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
1115
1112
 
1116
- /** Цвет фона поверхности/контрола предупреждение */
1117
- var surfaceWarningHover = 'var(--surface-warning-hover, #F9BB94FF)';
1113
+ /** Вторичный прозрачный фон поверхности/контрола */
1114
+ var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF47)';
1118
1115
 
1119
1116
  /** Цвет фона поверхности/контрола предупреждение */
1120
1117
  var surfaceWarningActive = 'var(--surface-warning-active, #F8A977FF)';
@@ -1149,6 +1146,15 @@ var surfacePositiveHover = 'var(--surface-positive-hover, #B3D9B0FF)';
1149
1146
  /** Цвет фона поверхности/контрола предупреждение */
1150
1147
  var surfaceWarning = 'var(--surface-warning, #F8AD80)';
1151
1148
 
1149
+ /** Цвет фона поверхности/контрола предупреждение */
1150
+ var surfaceWarningHover = 'var(--surface-warning-hover, #F9BB94FF)';
1151
+
1152
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
1153
+ var surfaceTransparentNegative = 'var(--surface-transparent-negative, #F8A6A980)';
1154
+
1155
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
1156
+ var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #F8A5A89E)';
1157
+
1152
1158
  /** Цвет для readOnly */
1153
1159
  var surfaceReadOnly = 'var(--surface-read-only, #F9F9F905)';
1154
1160
 
@@ -1185,8 +1191,8 @@ var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #474747)
1185
1191
  /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
1186
1192
  var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #525252FF)';
1187
1193
 
1188
- /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
1189
- var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)';
1194
+ /** Прозрачный цвет фона поверхности/контрола предупреждение */
1195
+ var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #F8A5A870)';
1190
1196
 
1191
1197
  /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
1192
1198
  var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)';
@@ -1272,6 +1278,9 @@ var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-p
1272
1278
  /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
1273
1279
  var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
1274
1280
 
1281
+ /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
1282
+ var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)';
1283
+
1275
1284
  /** Цвет фона поверхности/контрола успех на темном фоне */
1276
1285
  var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #A6D2A2)';
1277
1286
 
@@ -1353,8 +1362,14 @@ var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #FFFFF
1353
1362
  /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
1354
1363
  var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)';
1355
1364
 
1356
- /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
1357
- var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
1365
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
1366
+ var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #F8A5A870)';
1367
+
1368
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
1369
+ var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #F8A6A980)';
1370
+
1371
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
1372
+ var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #F8A5A89E)';
1358
1373
 
1359
1374
  /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
1360
1375
  var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #15110F1F)';
@@ -1440,6 +1455,9 @@ var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent
1440
1455
  /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
1441
1456
  var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #15110F14)';
1442
1457
 
1458
+ /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
1459
+ var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
1460
+
1443
1461
  /** Цвет фона поверхности/контрола успех на светлом фоне */
1444
1462
  var onLightSurfacePositive = 'var(--on-light-surface-positive, #239322)';
1445
1463
 
@@ -1485,6 +1503,12 @@ var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent
1485
1503
  /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
1486
1504
  var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0BA8882E)';
1487
1505
 
1506
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
1507
+ var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #E8343929)';
1508
+
1509
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
1510
+ var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #E9353B38)';
1511
+
1488
1512
  /** Цвет для readOnly */
1489
1513
  var onLightSurfaceReadOnly = 'var(--on-light-surface-read-only, #F9F9F903)';
1490
1514
 
@@ -1515,8 +1539,8 @@ var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-h
1515
1539
  /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
1516
1540
  var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
1517
1541
 
1518
- /** Инвертированный вторичный прозрачный фон поверхности/контрола */
1519
- var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #15110F14)';
1542
+ /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
1543
+ var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #E9353B3D)';
1520
1544
 
1521
1545
  /** Инвертированный вторичный прозрачный фон поверхности/контрола */
1522
1546
  var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #15110F1A)';
@@ -1602,6 +1626,9 @@ var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-p
1602
1626
  /** Инвертированный основной прозрачный фон поверхности/контрола */
1603
1627
  var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #15110F0F)';
1604
1628
 
1629
+ /** Инвертированный вторичный прозрачный фон поверхности/контрола */
1630
+ var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #15110F14)';
1631
+
1605
1632
  /** Инвертированный цвет фона поверхности/контрола успех */
1606
1633
  var inverseSurfacePositive = 'var(--inverse-surface-positive, #239322)';
1607
1634
 
@@ -1656,6 +1683,12 @@ var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-a
1656
1683
  /** Инвертированный акцентный фон поверхности/контрола */
1657
1684
  var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
1658
1685
 
1686
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
1687
+ var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #E9353B3D)';
1688
+
1689
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
1690
+ var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #E8343929)';
1691
+
1659
1692
  /** Цвет для readOnly */
1660
1693
  var inverseSurfaceReadOnly = 'var(--inverse-surface-read-only, #F9F9F903)';
1661
1694
 
@@ -1686,8 +1719,8 @@ var darkBackgroundTertiary = 'var(--dark-background-tertiary, #141413)';
1686
1719
  /** Основной фон на светлом фоне */
1687
1720
  var lightBackgroundPrimary = 'var(--light-background-primary, #EBE7E5)';
1688
1721
 
1689
- /** Цвет фона паранжи темный на светлом фоне */
1690
- var onLightOverlayHard = 'var(--on-light-overlay-hard, #00000052)';
1722
+ /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
1723
+ var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #E9353B38)';
1691
1724
 
1692
1725
  /** Инвертированный цвет фона паранжи светлый */
1693
1726
  var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
@@ -1734,6 +1767,9 @@ var inverseBackgroundPrimary = 'var(--inverse-background-primary, #EBE7E5)';
1734
1767
  /** Цвет фона паранжи светлый на светлом фоне */
1735
1768
  var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000003D)';
1736
1769
 
1770
+ /** Цвет фона паранжи темный на светлом фоне */
1771
+ var onLightOverlayHard = 'var(--on-light-overlay-hard, #00000052)';
1772
+
1737
1773
  /** Цвет обводки успех */
1738
1774
  var outlinePositive = 'var(--outline-positive, #A6D2A2)';
1739
1775
 
@@ -1896,9 +1932,6 @@ var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
1896
1932
  /** Инвертированная бесцветная обводка */
1897
1933
  var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
1898
1934
 
1899
- /** Инвертированный цвет обводки предупреждение */
1900
- var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #F3813FFF)';
1901
-
1902
1935
  /** Инвертированный цвет обводки предупреждение */
1903
1936
  var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #A3420AFF)';
1904
1937
 
@@ -1932,6 +1965,9 @@ var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #32CA2F
1932
1965
  /** Инвертированный цвет обводки предупреждение */
1933
1966
  var inverseOutlineWarning = 'var(--inverse-outline-warning, #BE4E0C)';
1934
1967
 
1968
+ /** Инвертированный цвет обводки предупреждение */
1969
+ var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #F3813FFF)';
1970
+
1935
1971
  /** Основной цвет текста */
1936
1972
  var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF97)';
1937
1973
 
@@ -1944,174 +1980,174 @@ var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-activ
1944
1980
  /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
1945
1981
  var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #C7F0E5FF)';
1946
1982
 
1947
- /** null */
1983
+ /** On Dark Personas Indigo Surface Accent Gradient */
1948
1984
  var onDarkPersonasIndigoSurfaceAccentGradient = 'var(--on-dark-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
1949
1985
 
1950
- /** null */
1951
- var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))';
1952
-
1953
- /** null */
1954
- var onDarkPersonasVioletSurfaceAccentGradient = 'var(--on-dark-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
1955
-
1956
- /** null */
1957
- var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
1958
-
1959
- /** null */
1986
+ /** On Light Outline White Gradient */
1960
1987
  var onLightOutlineWhiteGradient = 'var(--on-light-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
1961
1988
 
1962
- /** null */
1963
- var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%))';
1964
-
1965
- /** null */
1966
- var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
1967
-
1968
- /** null */
1989
+ /** On Dark Personas Blue Surface Accent Gradient */
1969
1990
  var onDarkPersonasBlueSurfaceAccentGradient = 'var(--on-dark-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))';
1970
1991
 
1971
- /** null */
1992
+ /** Inverse Personas Indigo Surface Accent Gradient */
1972
1993
  var inversePersonasIndigoSurfaceAccentGradient = 'var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
1973
1994
 
1974
- /** null */
1995
+ /** Outline White Gradient */
1975
1996
  var outlineWhiteGradient = 'var(--outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
1976
1997
 
1977
- /** null */
1998
+ /** Personas Green Surface Accent Gradient */
1978
1999
  var personasGreenSurfaceAccentGradient = 'var(--personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
1979
2000
 
1980
- /** null */
2001
+ /** Inverse Personas Sea Blue Surface Accent Gradient */
1981
2002
  var inversePersonasSeaBlueSurfaceAccentGradient = 'var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
1982
2003
 
1983
- /** null */
2004
+ /** On Light Personas Pink Surface Accent Gradient */
1984
2005
  var onLightPersonasPinkSurfaceAccentGradient = 'var(--on-light-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%))';
1985
2006
 
1986
- /** null */
2007
+ /** Inverse Text Accent Gradient AI */
1987
2008
  var inverseTextAccentGradientAI = 'var(--inverse-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%))';
1988
2009
 
1989
- /** null */
2010
+ /** On Dark Personas Ochre Surface Accent Gradient */
1990
2011
  var onDarkPersonasOchreSurfaceAccentGradient = 'var(--on-dark-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
1991
2012
 
1992
- /** null */
2013
+ /** Personas Sea Blue Surface Accent Gradient */
1993
2014
  var personasSeaBlueSurfaceAccentGradient = 'var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
1994
2015
 
1995
- /** null */
2016
+ /** Inverse Personas Pink Surface Accent Gradient */
1996
2017
  var inversePersonasPinkSurfaceAccentGradient = 'var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
1997
2018
 
1998
- /** null */
1999
- var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%))';
2019
+ /** On Light Surface Skeleton Gradient */
2020
+ var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%))';
2000
2021
 
2001
- /** null */
2022
+ /** Inverse Personas Ochre Surface Accent Gradient */
2002
2023
  var inversePersonasOchreSurfaceAccentGradient = 'var(--inverse-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
2003
2024
 
2004
- /** null */
2025
+ /** Dark Background Gradient */
2005
2026
  var darkBackgroundGradient = 'var(--dark-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
2006
2027
 
2007
- /** null */
2028
+ /** On Dark Personas Sea Blue Surface Accent Gradient */
2008
2029
  var onDarkPersonasSeaBlueSurfaceAccentGradient = 'var(--on-dark-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
2009
2030
 
2010
- /** null */
2011
- var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))';
2031
+ /** On Dark Surface Skeleton Gradient */
2032
+ var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))';
2012
2033
 
2013
- /** null */
2034
+ /** Inverse Background Gradient */
2014
2035
  var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
2015
2036
 
2016
- /** null */
2037
+ /** Inverse Overlay Gradient */
2017
2038
  var inverseOverlayGradient = 'var(--inverse-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
2018
2039
 
2019
- /** null */
2040
+ /** Personas Pink Surface Accent Gradient */
2020
2041
  var personasPinkSurfaceAccentGradient = 'var(--personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
2021
2042
 
2022
- /** null */
2043
+ /** On Light Personas Olive Surface Accent Gradient */
2023
2044
  var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
2024
2045
 
2025
- /** null */
2046
+ /** Inverse Surface Accent Gradient Secondary */
2026
2047
  var inverseSurfaceAccentGradientSecondary = 'var(--inverse-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
2027
2048
 
2028
- /** null */
2049
+ /** On Light Text Accent Gradient AI */
2029
2050
  var onLightTextAccentGradientAI = 'var(--on-light-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%))';
2030
2051
 
2031
- /** null */
2052
+ /** Light Background Gradient */
2032
2053
  var lightBackgroundGradient = 'var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
2033
2054
 
2034
- /** null */
2055
+ /** Surface Skeleton Gradient */
2056
+ var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))';
2057
+
2058
+ /** Overlay Gradient */
2059
+ var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
2060
+
2061
+ /** On Dark Overlay Gradient */
2035
2062
  var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(180deg, #000000 0.0%, #000000 100.0%))';
2036
2063
 
2037
- /** null */
2038
- var onLightPersonasGreenSurfaceAccentGradient = 'var(--on-light-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
2064
+ /** Background Gradient */
2065
+ var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
2039
2066
 
2040
- /** null */
2041
- var personasIndigoSurfaceAccentGradient = 'var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
2067
+ /** On Dark Personas Violet Surface Accent Gradient */
2068
+ var onDarkPersonasVioletSurfaceAccentGradient = 'var(--on-dark-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
2042
2069
 
2043
- /** null */
2070
+ /** Inverse Surface Skeleton Gradient */
2071
+ var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%))';
2072
+
2073
+ /** On Light Personas Ochre Surface Accent Gradient */
2044
2074
  var onLightPersonasOchreSurfaceAccentGradient = 'var(--on-light-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
2045
2075
 
2046
- /** null */
2076
+ /** Surface Accent Gradient Secondary */
2047
2077
  var surfaceAccentGradientSecondary = 'var(--surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
2048
2078
 
2049
- /** null */
2079
+ /** Inverse Personas Green Surface Accent Gradient */
2050
2080
  var inversePersonasGreenSurfaceAccentGradient = 'var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
2051
2081
 
2052
- /** null */
2082
+ /** Personas Ochre Surface Accent Gradient */
2053
2083
  var personasOchreSurfaceAccentGradient = 'var(--personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
2054
2084
 
2055
- /** null */
2085
+ /** Inverse Outline White Gradient */
2056
2086
  var inverseOutlineWhiteGradient = 'var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
2057
2087
 
2058
- /** null */
2088
+ /** On Light Personas Violet Surface Accent Gradient */
2059
2089
  var onLightPersonasVioletSurfaceAccentGradient = 'var(--on-light-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))';
2060
2090
 
2061
- /** null */
2091
+ /** Personas Violet Surface Accent Gradient */
2062
2092
  var personasVioletSurfaceAccentGradient = 'var(--personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
2063
2093
 
2064
- /** null */
2094
+ /** On Dark Outline White Gradient */
2065
2095
  var onDarkOutlineWhiteGradient = 'var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%))';
2066
2096
 
2067
- /** null */
2097
+ /** Inverse Personas Blue Surface Accent Gradient */
2068
2098
  var inversePersonasBlueSurfaceAccentGradient = 'var(--inverse-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
2069
2099
 
2070
- /** null */
2100
+ /** On Light Personas Sea Blue Surface Accent Gradient */
2071
2101
  var onLightPersonasSeaBlueSurfaceAccentGradient = 'var(--on-light-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
2072
2102
 
2073
- /** null */
2103
+ /** Inverse Personas Olive Surface Accent Gradient */
2074
2104
  var inversePersonasOliveSurfaceAccentGradient = 'var(--inverse-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
2075
2105
 
2076
- /** null */
2106
+ /** On Light Overlay Gradient */
2077
2107
  var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
2078
2108
 
2079
- /** null */
2109
+ /** On Light Personas Indigo Surface Accent Gradient */
2080
2110
  var onLightPersonasIndigoSurfaceAccentGradient = 'var(--on-light-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))';
2081
2111
 
2082
- /** null */
2112
+ /** On Light Personas Blue Surface Accent Gradient */
2083
2113
  var onLightPersonasBlueSurfaceAccentGradient = 'var(--on-light-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
2084
2114
 
2085
- /** null */
2115
+ /** On Dark Personas Pink Surface Accent Gradient */
2086
2116
  var onDarkPersonasPinkSurfaceAccentGradient = 'var(--on-dark-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
2087
2117
 
2088
- /** null */
2118
+ /** On Dark Text Accent Gradient AI */
2089
2119
  var onDarkTextAccentGradientAI = 'var(--on-dark-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
2090
2120
 
2091
- /** null */
2121
+ /** On Dark Personas Green Surface Accent Gradient */
2092
2122
  var onDarkPersonasGreenSurfaceAccentGradient = 'var(--on-dark-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
2093
2123
 
2094
- /** null */
2124
+ /** Personas Olive Surface Accent Gradient */
2095
2125
  var personasOliveSurfaceAccentGradient = 'var(--personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
2096
2126
 
2097
- /** null */
2098
- var textAccentGradientAI = 'var(--text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
2127
+ /** Personas Indigo Surface Accent Gradient */
2128
+ var personasIndigoSurfaceAccentGradient = 'var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
2099
2129
 
2100
- /** null */
2101
- var onDarkPersonasOliveSurfaceAccentGradient = 'var(--on-dark-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%))';
2130
+ /** Text Accent Gradient AI */
2131
+ var textAccentGradientAI = 'var(--text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
2102
2132
 
2103
- /** null */
2133
+ /** On Dark Surface Accent Gradient Secondary */
2104
2134
  var onDarkSurfaceAccentGradientSecondary = 'var(--on-dark-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
2105
2135
 
2106
- /** null */
2136
+ /** Personas Blue Surface Accent Gradient */
2107
2137
  var personasBlueSurfaceAccentGradient = 'var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
2108
2138
 
2109
- /** null */
2139
+ /** Inverse Personas Violet Surface Accent Gradient */
2110
2140
  var inversePersonasVioletSurfaceAccentGradient = 'var(--inverse-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))';
2111
2141
 
2112
- /** null */
2142
+ /** On Light Surface Accent Gradient Secondary */
2113
2143
  var onLightSurfaceAccentGradientSecondary = 'var(--on-light-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
2114
2144
 
2145
+ /** On Light Personas Green Surface Accent Gradient */
2146
+ var onLightPersonasGreenSurfaceAccentGradient = 'var(--on-light-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
2147
+
2148
+ /** On Dark Personas Olive Surface Accent Gradient */
2149
+ var onDarkPersonasOliveSurfaceAccentGradient = 'var(--on-dark-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%))';
2150
+
2115
2151
  /** Акцентный фон поверхности/контрола с градиентом */
2116
2152
  var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
2117
2153
 
@@ -2125,7 +2161,7 @@ var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear
2125
2161
  var onDarkSurfaceAccentMinorGradient = 'var(--on-dark-surface-accent-minor-gradient, linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%))';
2126
2162
 
2127
2163
  /** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
2128
- var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
2164
+ var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
2129
2165
 
2130
2166
  /** Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне */
2131
2167
  var onLightSurfaceAccentMinorGradient = 'var(--on-light-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))';
@@ -2139,24 +2175,21 @@ var inverseSurfaceAccentMinorGradient = 'var(--inverse-surface-accent-minor-grad
2139
2175
  /** shadow down hard s */
2140
2176
  var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
2141
2177
 
2142
- /** shadow down soft m */
2143
- var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
2144
-
2145
2178
  /** shadow down soft l */
2146
2179
  var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)';
2147
2180
 
2148
2181
  /** shadow down soft s */
2149
2182
  var shadowDownSoftS = 'var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)';
2150
2183
 
2184
+ /** shadow down soft m */
2185
+ var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
2186
+
2151
2187
  /** shadow down hard m */
2152
2188
  var shadowDownHardM = 'var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)';
2153
2189
 
2154
2190
  /** shadow down hard l */
2155
2191
  var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
2156
2192
 
2157
- /** shadow up soft l */
2158
- var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)';
2159
-
2160
2193
  /** shadow up hard s */
2161
2194
  var shadowUpHardS = 'var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
2162
2195
 
@@ -2172,17 +2205,17 @@ var shadowUpSoftS = 'var(--shadow-up-soft-s, 0rem -0.25rem 0.875rem -0.25rem #08
2172
2205
  /** shadow up soft m */
2173
2206
  var shadowUpSoftM = 'var(--shadow-up-soft-m, 0rem -1.5rem 3rem -0.5rem #00000014)';
2174
2207
 
2175
- /** New description */
2176
- var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
2208
+ /** shadow up soft l */
2209
+ var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)';
2177
2210
 
2178
2211
  /** New description */
2179
- var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
2212
+ var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
2180
2213
 
2181
2214
  /** New description */
2182
2215
  var borderRadius5xl = 'var(--border-radius-5xl, 2.5rem)';
2183
2216
 
2184
- /** borderRadius l */
2185
- var borderRadiusL = 'var(--border-radius-l, 1rem)';
2217
+ /** New description */
2218
+ var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
2186
2219
 
2187
2220
  /** borderRadius xxs */
2188
2221
  var borderRadiusXxs = 'var(--border-radius-xxs, 0.25rem)';
@@ -2205,12 +2238,12 @@ var borderRadiusCircle = 'var(--border-radius-circle, 100rem)';
2205
2238
  /** borderRadius m */
2206
2239
  var borderRadiusM = 'var(--border-radius-m, 0.75rem)';
2207
2240
 
2241
+ /** borderRadius l */
2242
+ var borderRadiusL = 'var(--border-radius-l, 1rem)';
2243
+
2208
2244
  /** spacing 16x */
2209
2245
  var spacing16x = 'var(--spacing-16x, 2rem)';
2210
2246
 
2211
- /** spacing 8x */
2212
- var spacing8x = 'var(--spacing-8x, 1rem)';
2213
-
2214
2247
  /** spacing 10x */
2215
2248
  var spacing10x = 'var(--spacing-10x, 1.25rem)';
2216
2249
 
@@ -2250,6 +2283,9 @@ var spacing3x = 'var(--spacing-3x, 0.375rem)';
2250
2283
  /** spacing 6x */
2251
2284
  var spacing6x = 'var(--spacing-6x, 0.75rem)';
2252
2285
 
2286
+ /** spacing 8x */
2287
+ var spacing8x = 'var(--spacing-8x, 1rem)';
2288
+
2253
2289
  /** typography s body-xxs-bold */
2254
2290
  var bodyXXSBold = {
2255
2291
  fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
@@ -2670,9 +2706,9 @@ var textXSMedium = {
2670
2706
  lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)'
2671
2707
  };
2672
2708
  var viewContainer = {
2673
- dark: "\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --outline-default-active: var(--on-dark-outline-default-active);\n --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --inverse-outline-default: var(--on-light-outline-default);\n --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-background-hardline: var(--light-background-hardline);\n --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --outline-default: var(--on-dark-outline-default);\n --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --text-primary: var(--on-dark-text-primary);\n --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-primary-hover: var(--on-dark-outline-primary-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --background-hardline: var(--dark-background-hardline);\n --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-outline-primary: var(--on-light-outline-primary);\n --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive: var(--on-dark-text-positive);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning: var(--on-dark-text-warning);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative: var(--on-dark-text-negative);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info: var(--on-dark-text-info);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary: var(--on-dark-text-secondary);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-primary: var(--on-light-text-primary);\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-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary: var(--on-light-text-secondary);\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-tertiary: var(--on-light-text-tertiary);\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-paragraph: var(--on-light-text-paragraph);\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: var(--on-light-text-accent);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\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 --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\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-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\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-card: var(--on-dark-surface-transparent-card);\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-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-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: var(--on-dark-surface-transparent-accent);\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-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: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info: var(--on-dark-surface-info);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-read-only: var(--on-dark-surface-read-only);\n --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --surface-read-only-active: var(--on-dark-surface-read-only-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\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-tertiary: var(--on-light-surface-transparent-tertiary);\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-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\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-clear: var(--on-light-surface-clear);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-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-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\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-positive: var(--on-light-surface-positive);\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: var(--on-light-surface-warning);\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-negative: var(--on-light-surface-negative);\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-info: var(--on-light-surface-info);\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-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-read-only: var(--on-light-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n --background-primary: var(--dark-background-primary);\n --background-secondary: var(--dark-background-secondary);\n --background-tertiary: var(--dark-background-tertiary);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\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-clear: var(--on-dark-outline-clear);\n --inverse-background-secondary: var(--light-background-secondary);\n --inverse-background-tertiary: var(--light-background-tertiary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-background-primary: var(--light-background-primary);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-transparent-primary: var(--on-light-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-clear: var(--on-light-outline-clear);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\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-info: var(--on-light-outline-info);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --overlay-gradient: var(--on-dark-overlay-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --background-gradient: var(--dark-background-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--light-background-gradient);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n ",
2674
- light: "\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --outline-default-active: var(--on-light-outline-default-active);\n --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --inverse-outline-default: var(--on-dark-outline-default);\n --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-background-hardline: var(--dark-background-hardline);\n --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --outline-default: var(--on-light-outline-default);\n --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --outline-primary: var(--on-light-outline-primary);\n --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --text-primary: var(--on-light-text-primary);\n --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-primary-hover: var(--on-light-outline-primary-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --background-hardline: var(--light-background-hardline);\n --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent: var(--on-light-text-accent);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive: var(--on-light-text-positive);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning: var(--on-light-text-warning);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative: var(--on-light-text-negative);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info: var(--on-light-text-info);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary: var(--on-light-text-secondary);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-primary: var(--on-dark-text-primary);\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-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\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-tertiary: var(--on-dark-text-tertiary);\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-paragraph: var(--on-dark-text-paragraph);\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: var(--on-dark-text-accent);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\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 --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\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-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\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-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-negative: var(--on-dark-text-negative);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\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-card: var(--on-light-surface-transparent-card);\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-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear: var(--on-light-surface-clear);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent: var(--on-light-surface-accent);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-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: var(--on-light-surface-transparent-accent);\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-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: var(--on-light-surface-solid-default);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative: var(--on-light-surface-negative);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info: var(--on-light-surface-info);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-positive: var(--on-light-surface-positive);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-warning: var(--on-light-surface-warning);\n --surface-read-only: var(--on-light-surface-read-only);\n --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --surface-read-only-active: var(--on-light-surface-read-only-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\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-tertiary: var(--on-dark-surface-transparent-tertiary);\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-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\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-clear: var(--on-dark-surface-clear);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-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-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\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-positive: var(--on-dark-surface-positive);\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: var(--on-dark-surface-warning);\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-negative: var(--on-dark-surface-negative);\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-info: var(--on-dark-surface-info);\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-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\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-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-read-only: var(--on-dark-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n --background-primary: var(--light-background-primary);\n --background-secondary: var(--light-background-secondary);\n --background-tertiary: var(--light-background-tertiary);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\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-clear: var(--on-light-outline-clear);\n --inverse-background-secondary: var(--dark-background-secondary);\n --inverse-background-tertiary: var(--dark-background-tertiary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-background-primary: var(--dark-background-primary);\n --outline-positive: var(--on-light-outline-positive);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning: var(--on-light-outline-warning);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative: var(--on-light-outline-negative);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info: var(--on-light-outline-info);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-transparent-primary: var(--on-dark-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-clear: var(--on-dark-outline-clear);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\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-info: var(--on-dark-outline-info);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --background-gradient: var(--light-background-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--dark-background-gradient);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n "
2709
+ dark: "\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --outline-default-active: var(--on-dark-outline-default-active);\n --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --inverse-outline-default: var(--on-light-outline-default);\n --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-background-hardline: var(--light-background-hardline);\n --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --outline-default: var(--on-dark-outline-default);\n --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --text-primary: var(--on-dark-text-primary);\n --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-primary-hover: var(--on-dark-outline-primary-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --background-hardline: var(--dark-background-hardline);\n --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-outline-primary: var(--on-light-outline-primary);\n --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive: var(--on-dark-text-positive);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning: var(--on-dark-text-warning);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative: var(--on-dark-text-negative);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info: var(--on-dark-text-info);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary: var(--on-dark-text-secondary);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-primary: var(--on-light-text-primary);\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-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary: var(--on-light-text-secondary);\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-tertiary: var(--on-light-text-tertiary);\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-paragraph: var(--on-light-text-paragraph);\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: var(--on-light-text-accent);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\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 --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\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-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\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-card: var(--on-dark-surface-transparent-card);\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-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-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: var(--on-dark-surface-transparent-accent);\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-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: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info: var(--on-dark-surface-info);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-read-only: var(--on-dark-surface-read-only);\n --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --surface-read-only-active: var(--on-dark-surface-read-only-active);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-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-tertiary: var(--on-light-surface-transparent-tertiary);\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-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\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-clear: var(--on-light-surface-clear);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-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-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\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: var(--on-light-surface-transparent-secondary);\n --inverse-surface-positive: var(--on-light-surface-positive);\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: var(--on-light-surface-warning);\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-negative: var(--on-light-surface-negative);\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-info: var(--on-light-surface-info);\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-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-read-only: var(--on-light-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n --background-primary: var(--dark-background-primary);\n --background-secondary: var(--dark-background-secondary);\n --background-tertiary: var(--dark-background-tertiary);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\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-clear: var(--on-dark-outline-clear);\n --inverse-background-secondary: var(--light-background-secondary);\n --inverse-background-tertiary: var(--light-background-tertiary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-background-primary: var(--light-background-primary);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-transparent-primary: var(--on-light-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-clear: var(--on-light-outline-clear);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\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-info: var(--on-light-outline-info);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--light-background-gradient);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --overlay-gradient: var(--on-dark-overlay-gradient);\n --background-gradient: var(--dark-background-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n ",
2710
+ light: "\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --outline-default-active: var(--on-light-outline-default-active);\n --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --inverse-outline-default: var(--on-dark-outline-default);\n --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-background-hardline: var(--dark-background-hardline);\n --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --outline-default: var(--on-light-outline-default);\n --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --text-primary: var(--on-light-text-primary);\n --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --outline-primary: var(--on-light-outline-primary);\n --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-primary-hover: var(--on-light-outline-primary-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --background-hardline: var(--light-background-hardline);\n --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent: var(--on-light-text-accent);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive: var(--on-light-text-positive);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning: var(--on-light-text-warning);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative: var(--on-light-text-negative);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info: var(--on-light-text-info);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary: var(--on-light-text-secondary);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-primary: var(--on-dark-text-primary);\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-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\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-tertiary: var(--on-dark-text-tertiary);\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-paragraph: var(--on-dark-text-paragraph);\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: var(--on-dark-text-accent);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\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 --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\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-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\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-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\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-card: var(--on-light-surface-transparent-card);\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-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear: var(--on-light-surface-clear);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent: var(--on-light-surface-accent);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-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: var(--on-light-surface-transparent-accent);\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-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: var(--on-light-surface-solid-default);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative: var(--on-light-surface-negative);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info: var(--on-light-surface-info);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-positive: var(--on-light-surface-positive);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-read-only: var(--on-light-surface-read-only);\n --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --surface-read-only-active: var(--on-light-surface-read-only-active);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-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-tertiary: var(--on-dark-surface-transparent-tertiary);\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-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\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-clear: var(--on-dark-surface-clear);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-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-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\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: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-positive: var(--on-dark-surface-positive);\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: var(--on-dark-surface-warning);\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-negative: var(--on-dark-surface-negative);\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-info: var(--on-dark-surface-info);\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-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\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-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-read-only: var(--on-dark-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n --background-primary: var(--light-background-primary);\n --background-secondary: var(--light-background-secondary);\n --background-tertiary: var(--light-background-tertiary);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\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-clear: var(--on-light-outline-clear);\n --inverse-background-secondary: var(--dark-background-secondary);\n --inverse-background-tertiary: var(--dark-background-tertiary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-background-primary: var(--dark-background-primary);\n --outline-positive: var(--on-light-outline-positive);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning: var(--on-light-outline-warning);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative: var(--on-light-outline-negative);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info: var(--on-light-outline-info);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-transparent-primary: var(--on-dark-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-clear: var(--on-dark-outline-clear);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\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-info: var(--on-dark-outline-info);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--dark-background-gradient);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --background-gradient: var(--light-background-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n "
2675
2711
  };
2676
2712
 
2677
- export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineClear, outlineClearActive, outlineClearHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWhiteGradient, overlayGradient, overlayHard, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textL, textLBold, textLMedium, textM, textMBold, textMMedium, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textS, textSBold, textSMedium, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, textXS, textXSBold, textXSMedium, viewContainer };
2713
+ export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentNegative, inverseSurfaceTransparentNegativeActive, inverseSurfaceTransparentNegativeHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentNegative, onDarkSurfaceTransparentNegativeActive, onDarkSurfaceTransparentNegativeHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentNegative, onLightSurfaceTransparentNegativeActive, onLightSurfaceTransparentNegativeHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineClear, outlineClearActive, outlineClearHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWhiteGradient, overlayGradient, overlayHard, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textL, textLBold, textLMedium, textM, textMBold, textMMedium, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textS, textSBold, textSMedium, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, textXS, textXSBold, textXSMedium, viewContainer };
2678
2714
  //# sourceMappingURL=index.js.map