@salutejs-ds/sdds_sbcom 0.1.12 → 0.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Button/Button.config.d.ts +3 -3
- package/components/Button/Button.config.js +7 -7
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_1nf8fsa.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +3 -3
- package/components/Checkbox/Checkbox.config.d.ts +2 -2
- package/components/Checkbox/Checkbox.config.js +5 -5
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_1pgnntn.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Checkbox/Checkbox.d.ts +2 -2
- package/components/Counter/Counter.config.d.ts +4 -4
- package/components/Counter/Counter.config.js +9 -9
- package/components/Counter/Counter.config.js.map +1 -1
- package/{es/components/Counter/Counter.config_yoygvx.css → components/Counter/Counter.config_ebr9b5.css} +8 -8
- package/components/Counter/Counter.css +10 -10
- package/components/Counter/Counter.d.ts +4 -4
- package/components/IconButton/IconButton.config.d.ts +2 -2
- package/components/IconButton/IconButton.config.js +5 -5
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_145mdq5.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/IconButton/IconButton.d.ts +2 -2
- package/components/Link/Link.config.d.ts +3 -3
- package/components/Link/Link.config.js +7 -7
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.config_1y1mon9.css +8 -0
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +3 -3
- package/components/Radiobox/Radiobox.config.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.js +3 -3
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_jinig9.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/css/sdds_sbcom.module.css +126 -118
- package/css/sdds_sbcom__dark.css +76 -72
- package/css/sdds_sbcom__light.css +76 -72
- package/es/components/Button/Button.config.js +7 -7
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_1nf8fsa.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +5 -5
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_1pgnntn.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/Counter/Counter.config.js +9 -9
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/{components/Counter/Counter.config_yoygvx.css → es/components/Counter/Counter.config_ebr9b5.css} +8 -8
- package/es/components/Counter/Counter.css +10 -10
- package/es/components/IconButton/IconButton.config.js +5 -5
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_145mdq5.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +7 -7
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.config_1y1mon9.css +8 -0
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +3 -3
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_jinig9.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +55 -55
- package/es/index.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/es/theme/themes/sdds_sbcom__light.js +1 -1
- package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/es/theme/tokens/index.js +138 -126
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +55 -55
- package/index.js +4 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +9 -9
- package/styled-components/cjs/Checkbox/Checkbox.config.js +6 -6
- package/styled-components/cjs/Counter/Counter.config.js +8 -8
- package/styled-components/cjs/IconButton/IconButton.config.js +6 -6
- package/styled-components/cjs/Link/Link.config.js +6 -6
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +9 -9
- package/styled-components/es/Checkbox/Checkbox.config.js +6 -6
- package/styled-components/es/Counter/Counter.config.js +8 -8
- package/styled-components/es/IconButton/IconButton.config.js +6 -6
- package/styled-components/es/Link/Link.config.js +6 -6
- package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
- package/theme/themes/sdds_sbcom__dark.js +1 -1
- package/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/theme/themes/sdds_sbcom__light.js +1 -1
- package/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/theme/tokens/index.d.ts +101 -93
- package/theme/tokens/index.js +141 -125
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_b4txnl.css +0 -10
- package/components/Checkbox/Checkbox.config_j2f4po.css +0 -6
- package/components/IconButton/IconButton.config_1q8h816.css +0 -9
- package/components/Link/Link.config_e4pw7e.css +0 -8
- package/components/Radiobox/Radiobox.config_10j4d0h.css +0 -6
- package/es/components/Button/Button.config_b4txnl.css +0 -10
- package/es/components/Checkbox/Checkbox.config_j2f4po.css +0 -6
- package/es/components/IconButton/IconButton.config_1q8h816.css +0 -9
- package/es/components/Link/Link.config_e4pw7e.css +0 -8
- package/es/components/Radiobox/Radiobox.config_10j4d0h.css +0 -6
package/theme/tokens/index.d.ts
CHANGED
|
@@ -13,14 +13,14 @@ export declare const inversePersonasVioletTextAccentActive = "var(--inverse-pers
|
|
|
13
13
|
/** null */
|
|
14
14
|
export declare const onDarkSurfaceTransparentNaviActive = "var(--on-dark-surface-transparent-navi-active, #2424248A)";
|
|
15
15
|
/** null */
|
|
16
|
-
export declare const onLightOutlineDefaultHover = "var(--on-light-outline-default-hover, #CCCCCCFF)";
|
|
17
|
-
/** null */
|
|
18
16
|
export declare const inverseOutlinePrimaryActive = "var(--inverse-outline-primary-active, #C4BEBAFF)";
|
|
19
17
|
/** null */
|
|
20
|
-
export declare const
|
|
18
|
+
export declare const onLightOutlineDefaultHover = "var(--on-light-outline-default-hover, #CCCCCCFF)";
|
|
21
19
|
/** null */
|
|
22
20
|
export declare const onDarkOutlineDefaultHover = "var(--on-dark-outline-default-hover, #666666FF)";
|
|
23
21
|
/** null */
|
|
22
|
+
export declare const onDarkOutlineDefaultActive = "var(--on-dark-outline-default-active, #292929FF)";
|
|
23
|
+
/** null */
|
|
24
24
|
export declare const personasGreenTextAccentHover = "var(--personas-green-text-accent-hover, #04C396FF)";
|
|
25
25
|
/** null */
|
|
26
26
|
export declare const personasSeaBlueTextAccentHover = "var(--personas-sea-blue-text-accent-hover, #00C5CCFF)";
|
|
@@ -41,10 +41,10 @@ export declare const onDarkOutlinePrimaryActive = "var(--on-dark-outline-primary
|
|
|
41
41
|
/** null */
|
|
42
42
|
export declare const personasOliveTextAccentActive = "var(--personas-olive-text-accent-active, #7DC07CFF)";
|
|
43
43
|
/** null */
|
|
44
|
-
export declare const onDarkPersonasOliveTextAccentHover = "var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)";
|
|
45
|
-
/** null */
|
|
46
44
|
export declare const inversePersonasOchreTextAccentActive = "var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)";
|
|
47
45
|
/** null */
|
|
46
|
+
export declare const onDarkPersonasOliveTextAccentHover = "var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)";
|
|
47
|
+
/** null */
|
|
48
48
|
export declare const inverseSurfaceTransparentNaviActive = "var(--inverse-surface-transparent-navi-active, #FFFFFFAD)";
|
|
49
49
|
/** null */
|
|
50
50
|
export declare const onLightPersonasOliveTextAccentActive = "var(--on-light-personas-olive-text-accent-active, #179315FF)";
|
|
@@ -61,12 +61,10 @@ export declare const onLightPersonasPinkTextAccentHover = "var(--on-light-person
|
|
|
61
61
|
/** null */
|
|
62
62
|
export declare const surfaceAccentSecondaryHover = "var(--surface-accent-secondary-hover, #70CDB7FF)";
|
|
63
63
|
/** null */
|
|
64
|
-
export declare const
|
|
64
|
+
export declare const personasPinkTextAccentActive = "var(--personas-pink-text-accent-active, #D83B3BFF)";
|
|
65
65
|
/** null */
|
|
66
66
|
export declare const personasIndigoTextAccentHover = "var(--personas-indigo-text-accent-hover, #E8DAFCFF)";
|
|
67
67
|
/** null */
|
|
68
|
-
export declare const personasPinkTextAccentActive = "var(--personas-pink-text-accent-active, #D83B3BFF)";
|
|
69
|
-
/** null */
|
|
70
68
|
export declare const onDarkPersonasVioletTextAccentHover = "var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)";
|
|
71
69
|
/** null */
|
|
72
70
|
export declare const onLightOutlinePrimary = "var(--on-light-outline-primary, #DDD9D7)";
|
|
@@ -89,18 +87,18 @@ export declare const onLightOutlineDefault = "var(--on-light-outline-default, #F
|
|
|
89
87
|
/** null */
|
|
90
88
|
export declare const personasOchreTextAccentActive = "var(--personas-ochre-text-accent-active, #F19F7EFF)";
|
|
91
89
|
/** null */
|
|
92
|
-
export declare const inverseBackgroundHardline = "var(--inverse-background-hardline, #000000)";
|
|
93
|
-
/** null */
|
|
94
90
|
export declare const onDarkSurfaceTransparentAccentMinorHover = "var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)";
|
|
95
91
|
/** null */
|
|
92
|
+
export declare const inverseBackgroundHardline = "var(--inverse-background-hardline, #000000)";
|
|
93
|
+
/** null */
|
|
96
94
|
export declare const onDarkSurfaceTransparentAccentMinorActive = "var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)";
|
|
97
95
|
/** null */
|
|
98
96
|
export declare const onDarkPersonasSeaBlueTextAccentHover = "var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)";
|
|
99
97
|
/** null */
|
|
100
|
-
export declare const onLightSurfaceAccentSecondary = "var(--on-light-surface-accent-secondary, #41BDA1)";
|
|
101
|
-
/** null */
|
|
102
98
|
export declare const surfaceTransparentNavi = "var(--surface-transparent-navi, #23232399)";
|
|
103
99
|
/** null */
|
|
100
|
+
export declare const onLightSurfaceAccentSecondary = "var(--on-light-surface-accent-secondary, #41BDA1)";
|
|
101
|
+
/** null */
|
|
104
102
|
export declare const personasVioletTextAccentActive = "var(--personas-violet-text-accent-active, #892B97FF)";
|
|
105
103
|
/** null */
|
|
106
104
|
export declare const personasBlueTextAccentHover = "var(--personas-blue-text-accent-hover, #C3DDF9FF)";
|
|
@@ -108,16 +106,16 @@ export declare const personasBlueTextAccentHover = "var(--personas-blue-text-acc
|
|
|
108
106
|
export declare const outlineDefault = "var(--outline-default, #FFFFFF)";
|
|
109
107
|
/** Основной цвет текста */
|
|
110
108
|
export declare const textPrimaryBrightnessActive = "var(--text-primary-brightness-active, #FAFAFAC4)";
|
|
111
|
-
/** Прозрачный фон для карточек */
|
|
112
|
-
export declare const surfaceTransparentCardBrightnessHover = "var(--surface-transparent-card-brightness-hover, #FAFAFA1F)";
|
|
113
|
-
/** Прозрачный фон для карточек */
|
|
114
|
-
export declare const surfaceTransparentCardBrightnessActive = "var(--surface-transparent-card-brightness-active, #FAFAFA0A)";
|
|
115
109
|
/** Основной фон для карточек */
|
|
116
110
|
export declare const surfaceSolidCardBrightnessHover = "var(--surface-solid-card-brightness-hover, #303030FF)";
|
|
111
|
+
/** Прозрачный фон для карточек */
|
|
112
|
+
export declare const surfaceTransparentCardBrightnessHover = "var(--surface-transparent-card-brightness-hover, #FAFAFA1F)";
|
|
117
113
|
/** Основной фон для карточек */
|
|
118
114
|
export declare const surfaceSolidCardBrightnessActive = "var(--surface-solid-card-brightness-active, #212121FF)";
|
|
119
115
|
/** Основной непрозрачный фон поверхности/контрола */
|
|
120
116
|
export declare const surfaceSolidPrimaryBrightnessHover = "var(--surface-solid-primary-brightness-hover, #303030FF)";
|
|
117
|
+
/** Прозрачный фон для карточек */
|
|
118
|
+
export declare const surfaceTransparentCardBrightnessActive = "var(--surface-transparent-card-brightness-active, #FAFAFA0A)";
|
|
121
119
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
122
120
|
export declare const onDarkSurfaceSolidPrimaryBrightnessActive = "var(--on-dark-surface-solid-primary-brightness-active, #212121FF)";
|
|
123
121
|
/** Прозрачный фон для карточек на темном фоне */
|
|
@@ -202,16 +200,14 @@ export declare const onLightSurfaceAccentMinor = "var(--on-light-surface-accent-
|
|
|
202
200
|
export declare const inverseSurfaceTransparentCardBrightnessActive = "var(--inverse-surface-transparent-card-brightness-active, #FFFFFFFF)";
|
|
203
201
|
/** Цвет обводки предупреждение на светлом фоне */
|
|
204
202
|
export declare const onLightOutlineWarningActive = "var(--on-light-outline-warning-active, #A3420AFF)";
|
|
205
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
206
|
-
export declare const onLightSurfaceAccentMinorHover = "var(--on-light-surface-accent-minor-hover, #C7F0E5FF)";
|
|
207
203
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
208
204
|
export declare const inverseSurfaceAccentMinor = "var(--inverse-surface-accent-minor, #D0F2E9)";
|
|
209
205
|
/** Инвертированный основной фон для карточек */
|
|
210
206
|
export declare const inverseSurfaceSolidCardBrightnessActive = "var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)";
|
|
211
207
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
212
208
|
export declare const onDarkSurfaceAccentMinorHover = "var(--on-dark-surface-accent-minor-hover, #055C4CFF)";
|
|
213
|
-
/**
|
|
214
|
-
export declare const
|
|
209
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
210
|
+
export declare const onLightSurfaceAccentMinorHover = "var(--on-light-surface-accent-minor-hover, #C7F0E5FF)";
|
|
215
211
|
/** null */
|
|
216
212
|
export declare const onDarkPersonasBlueTextAccent = "var(--on-dark-personas-blue-text-accent, #79B3F2)";
|
|
217
213
|
/** null */
|
|
@@ -226,14 +222,8 @@ export declare const personasOchreTextAccent = "var(--personas-ochre-text-accent
|
|
|
226
222
|
export declare const onDarkSurfaceTransparentAccentMinor = "var(--on-dark-surface-transparent-accent-minor, #0BA68647)";
|
|
227
223
|
/** null */
|
|
228
224
|
export declare const onDarkPersonasVioletTextAccent = "var(--on-dark-personas-violet-text-accent, #E19DED)";
|
|
229
|
-
/** Цвет предупреждения на светлом фоне */
|
|
230
|
-
export declare const onLightTextWarningActive = "var(--on-light-text-warning-active, #6F2D06FF)";
|
|
231
|
-
/** null */
|
|
232
|
-
export declare const onLightOutlinePrimaryActive = "var(--on-light-outline-primary-active, #C4BEBAFF)";
|
|
233
|
-
/** null */
|
|
234
|
-
export declare const inversePersonasBlueTextAccentActive = "var(--inverse-personas-blue-text-accent-active, #0D4F96FF)";
|
|
235
225
|
/** null */
|
|
236
|
-
export declare const
|
|
226
|
+
export declare const onLightSurfaceTransparentNavi = "var(--on-light-surface-transparent-navi, #FFFFFF99)";
|
|
237
227
|
/** null */
|
|
238
228
|
export declare const onDarkPersonasSeaBlueTextAccent = "var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)";
|
|
239
229
|
/** null */
|
|
@@ -290,16 +280,14 @@ export declare const onLightPersonasGreenTextAccent = "var(--on-light-personas-g
|
|
|
290
280
|
export declare const textPrimaryBrightnessHover = "var(--text-primary-brightness-hover, #FAFAFA93)";
|
|
291
281
|
/** Основной цвет текста на темном фоне */
|
|
292
282
|
export declare const onDarkTextPrimaryBrightnessHover = "var(--on-dark-text-primary-brightness-hover, #FAFAFA93)";
|
|
283
|
+
/** Цвет предупреждения на светлом фоне */
|
|
284
|
+
export declare const onLightTextWarningActive = "var(--on-light-text-warning-active, #6F2D06FF)";
|
|
293
285
|
/** null */
|
|
294
|
-
export declare const
|
|
295
|
-
/** null */
|
|
296
|
-
export declare const onDarkPersonasOchreTextAccentActive = "var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)";
|
|
297
|
-
/** null */
|
|
298
|
-
export declare const surfaceTransparentAccentMinorActive = "var(--surface-transparent-accent-minor-active, #0BA88838)";
|
|
286
|
+
export declare const onLightOutlinePrimaryActive = "var(--on-light-outline-primary-active, #C4BEBAFF)";
|
|
299
287
|
/** null */
|
|
300
|
-
export declare const
|
|
288
|
+
export declare const inversePersonasBlueTextAccentActive = "var(--inverse-personas-blue-text-accent-active, #0D4F96FF)";
|
|
301
289
|
/** null */
|
|
302
|
-
export declare const
|
|
290
|
+
export declare const inverseSurfaceTransparentAccentMinorActive = "var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)";
|
|
303
291
|
/** null */
|
|
304
292
|
export declare const inversePersonasSeaBlueTextAccentHover = "var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)";
|
|
305
293
|
/** null */
|
|
@@ -313,8 +301,6 @@ export declare const onLightPersonasBlueTextAccentHover = "var(--on-light-person
|
|
|
313
301
|
/** null */
|
|
314
302
|
export declare const onDarkSurfaceTransparentNaviHover = "var(--on-dark-surface-transparent-navi-hover, #242424B8)";
|
|
315
303
|
/** null */
|
|
316
|
-
export declare const inverseOutlinePrimaryHover = "var(--inverse-outline-primary-hover, #ADA39FFF)";
|
|
317
|
-
/** null */
|
|
318
304
|
export declare const onLightSurfaceAccentSecondaryHover = "var(--on-light-surface-accent-secondary-hover, #50C3A8FF)";
|
|
319
305
|
/** null */
|
|
320
306
|
export declare const surfaceTransparentNaviHover = "var(--surface-transparent-navi-hover, #242424B8)";
|
|
@@ -351,9 +337,17 @@ export declare const onDarkPersonasIndigoTextAccentHover = "var(--on-dark-person
|
|
|
351
337
|
/** null */
|
|
352
338
|
export declare const onDarkPersonasOchreTextAccent = "var(--on-dark-personas-ochre-text-accent, #F4B49B)";
|
|
353
339
|
/** null */
|
|
354
|
-
export declare const
|
|
340
|
+
export declare const onDarkPersonasGreenTextAccentActive = "var(--on-dark-personas-green-text-accent-active, #54CFB0FF)";
|
|
355
341
|
/** null */
|
|
356
|
-
export declare const
|
|
342
|
+
export declare const onDarkPersonasOchreTextAccentActive = "var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)";
|
|
343
|
+
/** null */
|
|
344
|
+
export declare const surfaceTransparentAccentMinorActive = "var(--surface-transparent-accent-minor-active, #0BA88838)";
|
|
345
|
+
/** null */
|
|
346
|
+
export declare const inverseOutlineDefaultHover = "var(--inverse-outline-default-hover, #CCCCCCFF)";
|
|
347
|
+
/** null */
|
|
348
|
+
export declare const personasVioletTextAccent = "var(--personas-violet-text-accent, #9E32AF)";
|
|
349
|
+
/** null */
|
|
350
|
+
export declare const inverseOutlinePrimaryHover = "var(--inverse-outline-primary-hover, #ADA39FFF)";
|
|
357
351
|
/** null */
|
|
358
352
|
export declare const surfaceAccentSecondaryActive = "var(--surface-accent-secondary-active, #59C5ACFF)";
|
|
359
353
|
/** null */
|
|
@@ -361,6 +355,26 @@ export declare const surfaceTransparentAccentMinor = "var(--surface-transparent-
|
|
|
361
355
|
/** null */
|
|
362
356
|
export declare const inversePersonasSeaBlueTextAccent = "var(--inverse-personas-sea-blue-text-accent, #7BC8C8)";
|
|
363
357
|
/** null */
|
|
358
|
+
export declare const onDarkPersonasPinkTextAccent = "var(--on-dark-personas-pink-text-accent, #F7A4A4)";
|
|
359
|
+
/** Основной цвет текста на светлом фоне */
|
|
360
|
+
export declare const onLightTextPrimaryBrightnessHover = "var(--on-light-text-primary-brightness-hover, #17171793)";
|
|
361
|
+
/** Инвертированный основной цвет текста */
|
|
362
|
+
export declare const inverseTextPrimaryBrightnessHover = "var(--inverse-text-primary-brightness-hover, #17171793)";
|
|
363
|
+
/** Основной непрозрачный фон поверхности/контрола */
|
|
364
|
+
export declare const surfaceSolidPrimaryBrightnessActive = "var(--surface-solid-primary-brightness-active, #212121FF)";
|
|
365
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
366
|
+
export declare const onDarkSurfaceSolidPrimaryBrightnessHover = "var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)";
|
|
367
|
+
/** Инвертированный основной фон для карточек */
|
|
368
|
+
export declare const inverseSurfaceSolidCardBrightnessHover = "var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)";
|
|
369
|
+
/** null */
|
|
370
|
+
export declare const personasPinkTextAccent = "var(--personas-pink-text-accent, #DE5555)";
|
|
371
|
+
/** null */
|
|
372
|
+
export declare const personasBlueTextAccent = "var(--personas-blue-text-accent, #79B3F2)";
|
|
373
|
+
/** null */
|
|
374
|
+
export declare const personasSeaBlueTextAccent = "var(--personas-sea-blue-text-accent, #00898D)";
|
|
375
|
+
/** null */
|
|
376
|
+
export declare const personasVioletTextAccentHover = "var(--personas-violet-text-accent-hover, #B438C7FF)";
|
|
377
|
+
/** null */
|
|
364
378
|
export declare const backgroundHardline = "var(--background-hardline, #000000)";
|
|
365
379
|
/** null */
|
|
366
380
|
export declare const inversePersonasBlueTextAccent = "var(--inverse-personas-blue-text-accent, #1063BA)";
|
|
@@ -386,22 +400,6 @@ export declare const personasBlueTextAccentActive = "var(--personas-blue-text-ac
|
|
|
386
400
|
export declare const darkBackgroundHardline = "var(--dark-background-hardline, #000000)";
|
|
387
401
|
/** null */
|
|
388
402
|
export declare const onDarkOutlinePrimary = "var(--on-dark-outline-primary, #3B3735)";
|
|
389
|
-
/** null */
|
|
390
|
-
export declare const onDarkPersonasPinkTextAccent = "var(--on-dark-personas-pink-text-accent, #F7A4A4)";
|
|
391
|
-
/** Основной цвет текста на светлом фоне */
|
|
392
|
-
export declare const onLightTextPrimaryBrightnessHover = "var(--on-light-text-primary-brightness-hover, #17171793)";
|
|
393
|
-
/** Инвертированный основной цвет текста */
|
|
394
|
-
export declare const inverseTextPrimaryBrightnessHover = "var(--inverse-text-primary-brightness-hover, #17171793)";
|
|
395
|
-
/** Основной непрозрачный фон поверхности/контрола */
|
|
396
|
-
export declare const surfaceSolidPrimaryBrightnessActive = "var(--surface-solid-primary-brightness-active, #212121FF)";
|
|
397
|
-
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
398
|
-
export declare const onDarkSurfaceSolidPrimaryBrightnessHover = "var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)";
|
|
399
|
-
/** Инвертированный основной фон для карточек */
|
|
400
|
-
export declare const inverseSurfaceSolidCardBrightnessHover = "var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)";
|
|
401
|
-
/** null */
|
|
402
|
-
export declare const personasPinkTextAccent = "var(--personas-pink-text-accent, #DE5555)";
|
|
403
|
-
/** null */
|
|
404
|
-
export declare const personasBlueTextAccent = "var(--personas-blue-text-accent, #79B3F2)";
|
|
405
403
|
/** Основной цвет текста на темном фоне */
|
|
406
404
|
export declare const onDarkTextPrimaryBrightnessActive = "var(--on-dark-text-primary-brightness-active, #FAFAFAC4)";
|
|
407
405
|
/** Основной цвет текста на светлом фоне */
|
|
@@ -414,8 +412,8 @@ export declare const personasIndigoTextAccent = "var(--personas-indigo-text-acce
|
|
|
414
412
|
export declare const onDarkPersonasOchreTextAccentHover = "var(--on-dark-personas-ochre-text-accent-hover, #F7C8B6FF)";
|
|
415
413
|
/** null */
|
|
416
414
|
export declare const onDarkPersonasIndigoTextAccentActive = "var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)";
|
|
417
|
-
/**
|
|
418
|
-
export declare const
|
|
415
|
+
/** null */
|
|
416
|
+
export declare const personasPinkTextAccentHover = "var(--personas-pink-text-accent-hover, #E26E6EFF)";
|
|
419
417
|
/** Сплошной наборный текст */
|
|
420
418
|
export declare const textParagraphActive = "var(--text-paragraph-active, #F5F1EF93)";
|
|
421
419
|
/** Акцентный цвет */
|
|
@@ -472,8 +470,8 @@ export declare const textTertiaryActive = "var(--text-tertiary-active, #F5F1EF49
|
|
|
472
470
|
export declare const textPrimaryBrightness = "var(--text-primary-brightness, #FAFAFAF5)";
|
|
473
471
|
/** Сплошной наборный текст */
|
|
474
472
|
export declare const textParagraph = "var(--text-paragraph, #F6F2F07A)";
|
|
475
|
-
/** Сплошной наборный текст
|
|
476
|
-
export declare const
|
|
473
|
+
/** Сплошной наборный текст */
|
|
474
|
+
export declare const textParagraphHover = "var(--text-paragraph-hover, #F5F1EFFF)";
|
|
477
475
|
/** Сплошной наборный текст на темном фоне */
|
|
478
476
|
export declare const onDarkTextParagraphActive = "var(--on-dark-text-paragraph-active, #F5F1EF93)";
|
|
479
477
|
/** Акцентный цвет на темном фоне */
|
|
@@ -532,8 +530,8 @@ export declare const onDarkTextSecondaryActive = "var(--on-dark-text-secondary-a
|
|
|
532
530
|
export declare const onDarkTextPrimaryHover = "var(--on-dark-text-primary-hover, #FFFFFF97)";
|
|
533
531
|
/** Сплошной наборный текст на темном фоне */
|
|
534
532
|
export declare const onDarkTextParagraph = "var(--on-dark-text-paragraph, #F6F2F07A)";
|
|
535
|
-
/**
|
|
536
|
-
export declare const
|
|
533
|
+
/** Сплошной наборный текст на темном фоне */
|
|
534
|
+
export declare const onDarkTextParagraphHover = "var(--on-dark-text-paragraph-hover, #F5F1EFFF)";
|
|
537
535
|
/** Основной цвет текста на светлом фоне */
|
|
538
536
|
export declare const onLightTextPrimaryBrightness = "var(--on-light-text-primary-brightness, #171717F5)";
|
|
539
537
|
/** Вторичный цвет текста на светлом фоне */
|
|
@@ -580,6 +578,8 @@ export declare const onLightTextWarningHover = "var(--on-light-text-warning-hove
|
|
|
580
578
|
export declare const onLightTextPrimary = "var(--on-light-text-primary, #15110FFC)";
|
|
581
579
|
/** Основной цвет текста на светлом фоне */
|
|
582
580
|
export declare const onLightTextPrimaryHover = "var(--on-light-text-primary-hover, #15110F97)";
|
|
581
|
+
/** Основной цвет текста на светлом фоне */
|
|
582
|
+
export declare const onLightTextPrimaryActive = "var(--on-light-text-primary-active, #15110FCA)";
|
|
583
583
|
/** Инвертированный основной цвет текста */
|
|
584
584
|
export declare const inverseTextPrimary = "var(--inverse-text-primary, #15110FFC)";
|
|
585
585
|
/** Инвертированный основной цвет текста */
|
|
@@ -631,8 +631,6 @@ export declare const onLightTextInfoActive = "var(--on-light-text-info-active, #
|
|
|
631
631
|
/** Цвет ошибки на светлом фоне */
|
|
632
632
|
export declare const onLightTextNegativeHover = "var(--on-light-text-negative-hover, #E3353BFF)";
|
|
633
633
|
/** Инвертированный цвет ошибки */
|
|
634
|
-
export declare const inverseTextNegativeHover = "var(--inverse-text-negative-hover, #E3353BFF)";
|
|
635
|
-
/** Инвертированный цвет ошибки */
|
|
636
634
|
export declare const inverseTextNegativeActive = "var(--inverse-text-negative-active, #AF181DFF)";
|
|
637
635
|
/** Инвертированный цвет информации */
|
|
638
636
|
export declare const inverseTextInfo = "var(--inverse-text-info, #205EA5)";
|
|
@@ -672,8 +670,8 @@ export declare const inverseTextWarningHover = "var(--inverse-text-warning-hover
|
|
|
672
670
|
export declare const inverseTextPositiveActive = "var(--inverse-text-positive-active, #185E17FF)";
|
|
673
671
|
/** Инвертированный цвет ошибки */
|
|
674
672
|
export declare const inverseTextNegative = "var(--inverse-text-negative, #D11D23)";
|
|
675
|
-
/**
|
|
676
|
-
export declare const
|
|
673
|
+
/** Инвертированный цвет ошибки */
|
|
674
|
+
export declare const inverseTextNegativeHover = "var(--inverse-text-negative-hover, #E3353BFF)";
|
|
677
675
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
678
676
|
export declare const surfaceTransparentSecondaryActive = "var(--surface-transparent-secondary-active, #FFFFFF1A)";
|
|
679
677
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
@@ -740,8 +738,8 @@ export declare const surfaceSolidCardHover = "var(--surface-solid-card-hover, #2
|
|
|
740
738
|
export declare const surfaceTransparentPrimaryActive = "var(--surface-transparent-primary-active, #FFFFFF0F)";
|
|
741
739
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
742
740
|
export declare const surfaceTransparentSecondary = "var(--surface-transparent-secondary, #FFFFFF29)";
|
|
743
|
-
/**
|
|
744
|
-
export declare const
|
|
741
|
+
/** Вторичный прозрачный фон поверхности/контрола */
|
|
742
|
+
export declare const surfaceTransparentSecondaryHover = "var(--surface-transparent-secondary-hover, #FFFFFF47)";
|
|
745
743
|
/** Цвет фона поверхности/контрола предупреждение */
|
|
746
744
|
export declare const surfaceWarningActive = "var(--surface-warning-active, #F8A977FF)";
|
|
747
745
|
/** Цвет фона поверхности/контрола ошибка */
|
|
@@ -764,6 +762,10 @@ export declare const surfacePositive = "var(--surface-positive, #A6D2A2)";
|
|
|
764
762
|
export declare const surfacePositiveHover = "var(--surface-positive-hover, #B3D9B0FF)";
|
|
765
763
|
/** Цвет фона поверхности/контрола предупреждение */
|
|
766
764
|
export declare const surfaceWarning = "var(--surface-warning, #F8AD80)";
|
|
765
|
+
/** Цвет фона поверхности/контрола предупреждение */
|
|
766
|
+
export declare const surfaceWarningHover = "var(--surface-warning-hover, #F9BB94FF)";
|
|
767
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
768
|
+
export declare const surfaceTransparentNegative = "var(--surface-transparent-negative, #F8A6A980)";
|
|
767
769
|
/** Цвет для readOnly */
|
|
768
770
|
export declare const surfaceReadOnly = "var(--surface-read-only, #F9F9F905)";
|
|
769
771
|
/** Цвет для readOnly */
|
|
@@ -789,8 +791,6 @@ export declare const onDarkSurfaceSolidTertiary = "var(--on-dark-surface-solid-t
|
|
|
789
791
|
/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
790
792
|
export declare const onDarkSurfaceSolidTertiaryHover = "var(--on-dark-surface-solid-tertiary-hover, #525252FF)";
|
|
791
793
|
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
792
|
-
export declare const onDarkSurfaceTransparentSecondaryHover = "var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)";
|
|
793
|
-
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
794
794
|
export declare const onDarkSurfaceTransparentSecondaryActive = "var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)";
|
|
795
795
|
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
796
796
|
export declare const onDarkSurfaceTransparentTertiary = "var(--on-dark-surface-transparent-tertiary, #FFFFFF3D)";
|
|
@@ -846,6 +846,8 @@ export declare const onDarkSurfaceSolidCardHover = "var(--on-dark-surface-solid-
|
|
|
846
846
|
export declare const onDarkSurfaceTransparentPrimaryActive = "var(--on-dark-surface-transparent-primary-active, #FFFFFF0F)";
|
|
847
847
|
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
848
848
|
export declare const onDarkSurfaceTransparentSecondary = "var(--on-dark-surface-transparent-secondary, #FFFFFF29)";
|
|
849
|
+
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
850
|
+
export declare const onDarkSurfaceTransparentSecondaryHover = "var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)";
|
|
849
851
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
850
852
|
export declare const onDarkSurfacePositive = "var(--on-dark-surface-positive, #A6D2A2)";
|
|
851
853
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
@@ -900,8 +902,8 @@ export declare const onLightSurfaceSolidSecondaryActive = "var(--on-light-surfac
|
|
|
900
902
|
export declare const onLightSurfaceSolidTertiary = "var(--on-light-surface-solid-tertiary, #FFFFFF)";
|
|
901
903
|
/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
902
904
|
export declare const onLightSurfaceSolidTertiaryHover = "var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)";
|
|
903
|
-
/**
|
|
904
|
-
export declare const
|
|
905
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
906
|
+
export declare const onDarkSurfaceTransparentNegative = "var(--on-dark-surface-transparent-negative, #F8A6A980)";
|
|
905
907
|
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
906
908
|
export declare const onLightSurfaceTransparentSecondaryActive = "var(--on-light-surface-transparent-secondary-active, #15110F1F)";
|
|
907
909
|
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
@@ -958,6 +960,8 @@ export declare const onLightSurfaceSolidCardHover = "var(--on-light-surface-soli
|
|
|
958
960
|
export declare const onLightSurfaceTransparentPrimaryActive = "var(--on-light-surface-transparent-primary-active, #15110F0F)";
|
|
959
961
|
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
960
962
|
export declare const onLightSurfaceTransparentSecondary = "var(--on-light-surface-transparent-secondary, #15110F14)";
|
|
963
|
+
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
964
|
+
export declare const onLightSurfaceTransparentSecondaryHover = "var(--on-light-surface-transparent-secondary-hover, #15110F1A)";
|
|
961
965
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
962
966
|
export declare const onLightSurfacePositive = "var(--on-light-surface-positive, #239322)";
|
|
963
967
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
@@ -988,6 +992,8 @@ export declare const onLightSurfaceTransparentAccentActive = "var(--on-light-sur
|
|
|
988
992
|
export declare const onLightSurfaceTransparentAccent = "var(--on-light-surface-transparent-accent, #0BA6861F)";
|
|
989
993
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
990
994
|
export declare const onLightSurfaceTransparentAccentHover = "var(--on-light-surface-transparent-accent-hover, #0BA8882E)";
|
|
995
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
996
|
+
export declare const onLightSurfaceTransparentNegative = "var(--on-light-surface-transparent-negative, #E8343929)";
|
|
991
997
|
/** Цвет для readOnly */
|
|
992
998
|
export declare const onLightSurfaceReadOnly = "var(--on-light-surface-read-only, #F9F9F903)";
|
|
993
999
|
/** Цвет для readOnly */
|
|
@@ -1009,8 +1015,6 @@ export declare const inverseSurfaceSolidSecondaryHover = "var(--inverse-surface-
|
|
|
1009
1015
|
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
1010
1016
|
export declare const inverseSurfaceSolidSecondaryActive = "var(--inverse-surface-solid-secondary-active, #FFFFFFFF)";
|
|
1011
1017
|
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1012
|
-
export declare const inverseSurfaceTransparentSecondary = "var(--inverse-surface-transparent-secondary, #15110F14)";
|
|
1013
|
-
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1014
1018
|
export declare const inverseSurfaceTransparentSecondaryHover = "var(--inverse-surface-transparent-secondary-hover, #15110F1A)";
|
|
1015
1019
|
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1016
1020
|
export declare const inverseSurfaceTransparentSecondaryActive = "var(--inverse-surface-transparent-secondary-active, #15110F1F)";
|
|
@@ -1066,6 +1070,8 @@ export declare const inverseSurfaceTransparentPrimary = "var(--inverse-surface-t
|
|
|
1066
1070
|
export declare const inverseSurfaceTransparentPrimaryHover = "var(--inverse-surface-transparent-primary-hover, #15110F0D)";
|
|
1067
1071
|
/** Инвертированный основной прозрачный фон поверхности/контрола */
|
|
1068
1072
|
export declare const inverseSurfaceTransparentPrimaryActive = "var(--inverse-surface-transparent-primary-active, #15110F0F)";
|
|
1073
|
+
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1074
|
+
export declare const inverseSurfaceTransparentSecondary = "var(--inverse-surface-transparent-secondary, #15110F14)";
|
|
1069
1075
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
1070
1076
|
export declare const inverseSurfacePositive = "var(--inverse-surface-positive, #239322)";
|
|
1071
1077
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
@@ -1102,6 +1108,8 @@ export declare const inverseSurfaceTransparentAccentHover = "var(--inverse-surfa
|
|
|
1102
1108
|
export declare const inverseSurfaceTransparentAccentActive = "var(--inverse-surface-transparent-accent-active, #0BA88833)";
|
|
1103
1109
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
1104
1110
|
export declare const inverseSurfaceAccentActive = "var(--inverse-surface-accent-active, #099579FF)";
|
|
1111
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1112
|
+
export declare const inverseSurfaceTransparentNegative = "var(--inverse-surface-transparent-negative, #E8343929)";
|
|
1105
1113
|
/** Цвет для readOnly */
|
|
1106
1114
|
export declare const inverseSurfaceReadOnly = "var(--inverse-surface-read-only, #F9F9F903)";
|
|
1107
1115
|
/** Цвет для readOnly */
|
|
@@ -1122,8 +1130,6 @@ export declare const darkBackgroundSecondary = "var(--dark-background-secondary,
|
|
|
1122
1130
|
export declare const darkBackgroundTertiary = "var(--dark-background-tertiary, #141413)";
|
|
1123
1131
|
/** Основной фон на светлом фоне */
|
|
1124
1132
|
export declare const lightBackgroundPrimary = "var(--light-background-primary, #EBE7E5)";
|
|
1125
|
-
/** Цвет фона паранжи темный на светлом фоне */
|
|
1126
|
-
export declare const onLightOverlayHard = "var(--on-light-overlay-hard, #00000052)";
|
|
1127
1133
|
/** Инвертированный цвет фона паранжи светлый */
|
|
1128
1134
|
export declare const inverseOverlaySoft = "var(--inverse-overlay-soft, #0000003D)";
|
|
1129
1135
|
/** Инвертированный цвет фона паранжи темный */
|
|
@@ -1154,6 +1160,8 @@ export declare const onDarkOverlayHard = "var(--on-dark-overlay-hard, #00000029)
|
|
|
1154
1160
|
export declare const inverseBackgroundPrimary = "var(--inverse-background-primary, #EBE7E5)";
|
|
1155
1161
|
/** Цвет фона паранжи светлый на светлом фоне */
|
|
1156
1162
|
export declare const onLightOverlaySoft = "var(--on-light-overlay-soft, #0000003D)";
|
|
1163
|
+
/** Цвет фона паранжи темный на светлом фоне */
|
|
1164
|
+
export declare const onLightOverlayHard = "var(--on-light-overlay-hard, #00000052)";
|
|
1157
1165
|
/** Цвет обводки успех */
|
|
1158
1166
|
export declare const outlinePositive = "var(--outline-positive, #A6D2A2)";
|
|
1159
1167
|
/** Цвет обводки успех */
|
|
@@ -1263,8 +1271,6 @@ export declare const inverseOutlineClearHover = "var(--inverse-outline-clear-hov
|
|
|
1263
1271
|
/** Инвертированная бесцветная обводка */
|
|
1264
1272
|
export declare const inverseOutlineClearActive = "var(--inverse-outline-clear-active, #FFFFFF00)";
|
|
1265
1273
|
/** Инвертированный цвет обводки предупреждение */
|
|
1266
|
-
export declare const inverseOutlineWarningHover = "var(--inverse-outline-warning-hover, #F3813FFF)";
|
|
1267
|
-
/** Инвертированный цвет обводки предупреждение */
|
|
1268
1274
|
export declare const inverseOutlineWarningActive = "var(--inverse-outline-warning-active, #A3420AFF)";
|
|
1269
1275
|
/** Инвертированный цвет обводки ошибка */
|
|
1270
1276
|
export declare const inverseOutlineNegative = "var(--inverse-outline-negative, #E83439)";
|
|
@@ -1286,6 +1292,8 @@ export declare const inverseOutlinePositive = "var(--inverse-outline-positive, #
|
|
|
1286
1292
|
export declare const inverseOutlinePositiveHover = "var(--inverse-outline-positive-hover, #32CA2FFF)";
|
|
1287
1293
|
/** Инвертированный цвет обводки предупреждение */
|
|
1288
1294
|
export declare const inverseOutlineWarning = "var(--inverse-outline-warning, #BE4E0C)";
|
|
1295
|
+
/** Инвертированный цвет обводки предупреждение */
|
|
1296
|
+
export declare const inverseOutlineWarningHover = "var(--inverse-outline-warning-hover, #F3813FFF)";
|
|
1289
1297
|
/** Основной цвет текста */
|
|
1290
1298
|
export declare const textPrimaryHover = "var(--text-primary-hover, #FFFFFF97)";
|
|
1291
1299
|
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
|
|
@@ -1297,18 +1305,12 @@ export declare const inverseSurfaceAccentMinorHover = "var(--inverse-surface-acc
|
|
|
1297
1305
|
/** null */
|
|
1298
1306
|
export declare const 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%))";
|
|
1299
1307
|
/** null */
|
|
1300
|
-
export declare const surfaceSkeletonGradient = "var(--surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))";
|
|
1301
|
-
/** null */
|
|
1302
1308
|
export declare const 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%))";
|
|
1303
1309
|
/** null */
|
|
1304
|
-
export declare const overlayGradient = "var(--overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))";
|
|
1305
|
-
/** null */
|
|
1306
1310
|
export declare const 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%))";
|
|
1307
1311
|
/** null */
|
|
1308
1312
|
export declare const 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%))";
|
|
1309
1313
|
/** null */
|
|
1310
|
-
export declare const backgroundGradient = "var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))";
|
|
1311
|
-
/** null */
|
|
1312
1314
|
export declare const 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%))";
|
|
1313
1315
|
/** null */
|
|
1314
1316
|
export declare const inversePersonasIndigoSurfaceAccentGradient = "var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))";
|
|
@@ -1353,9 +1355,13 @@ export declare const onLightTextAccentGradientAI = "var(--on-light-text-accent-g
|
|
|
1353
1355
|
/** null */
|
|
1354
1356
|
export declare const lightBackgroundGradient = "var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))";
|
|
1355
1357
|
/** null */
|
|
1358
|
+
export declare const surfaceSkeletonGradient = "var(--surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))";
|
|
1359
|
+
/** null */
|
|
1360
|
+
export declare const overlayGradient = "var(--overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))";
|
|
1361
|
+
/** null */
|
|
1356
1362
|
export declare const onDarkOverlayGradient = "var(--on-dark-overlay-gradient, linear-gradient(180deg, #000000 0.0%, #000000 100.0%))";
|
|
1357
1363
|
/** null */
|
|
1358
|
-
export declare const
|
|
1364
|
+
export declare const backgroundGradient = "var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))";
|
|
1359
1365
|
/** null */
|
|
1360
1366
|
export declare const personasIndigoSurfaceAccentGradient = "var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))";
|
|
1361
1367
|
/** null */
|
|
@@ -1406,6 +1412,8 @@ export declare const personasBlueSurfaceAccentGradient = "var(--personas-blue-su
|
|
|
1406
1412
|
export declare const inversePersonasVioletSurfaceAccentGradient = "var(--inverse-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))";
|
|
1407
1413
|
/** null */
|
|
1408
1414
|
export declare const onLightSurfaceAccentGradientSecondary = "var(--on-light-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))";
|
|
1415
|
+
/** null */
|
|
1416
|
+
export declare const 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%))";
|
|
1409
1417
|
/** Акцентный фон поверхности/контрола с градиентом */
|
|
1410
1418
|
export declare const surfaceAccentGradient = "var(--surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))";
|
|
1411
1419
|
/** Акцентный минорный фон поверхности/контрола с градиентом */
|
|
@@ -1424,18 +1432,16 @@ export declare const inverseSurfaceAccentGradient = "var(--inverse-surface-accen
|
|
|
1424
1432
|
export declare const inverseSurfaceAccentMinorGradient = "var(--inverse-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))";
|
|
1425
1433
|
/** shadow down hard s */
|
|
1426
1434
|
export declare const shadowDownHardS = "var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)";
|
|
1427
|
-
/** shadow down soft m */
|
|
1428
|
-
export declare const shadowDownSoftM = "var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)";
|
|
1429
1435
|
/** shadow down soft l */
|
|
1430
1436
|
export declare const shadowDownSoftL = "var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)";
|
|
1431
1437
|
/** shadow down soft s */
|
|
1432
1438
|
export declare const shadowDownSoftS = "var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)";
|
|
1439
|
+
/** shadow down soft m */
|
|
1440
|
+
export declare const shadowDownSoftM = "var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)";
|
|
1433
1441
|
/** shadow down hard m */
|
|
1434
1442
|
export declare const shadowDownHardM = "var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)";
|
|
1435
1443
|
/** shadow down hard l */
|
|
1436
1444
|
export declare const shadowDownHardL = "var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)";
|
|
1437
|
-
/** shadow up soft l */
|
|
1438
|
-
export declare const shadowUpSoftL = "var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)";
|
|
1439
1445
|
/** shadow up hard s */
|
|
1440
1446
|
export declare const shadowUpHardS = "var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)";
|
|
1441
1447
|
/** shadow up hard m */
|
|
@@ -1446,14 +1452,14 @@ export declare const shadowUpHardL = "var(--shadow-up-hard-l, 0rem -3.75rem 7rem
|
|
|
1446
1452
|
export declare const shadowUpSoftS = "var(--shadow-up-soft-s, 0rem -0.25rem 0.875rem -0.25rem #08080814,0rem -0.0625rem 0.25rem -0.0625rem #00000008)";
|
|
1447
1453
|
/** shadow up soft m */
|
|
1448
1454
|
export declare const shadowUpSoftM = "var(--shadow-up-soft-m, 0rem -1.5rem 3rem -0.5rem #00000014)";
|
|
1455
|
+
/** shadow up soft l */
|
|
1456
|
+
export declare const shadowUpSoftL = "var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)";
|
|
1449
1457
|
/** New description */
|
|
1450
1458
|
export declare const borderRadius4xl = "var(--border-radius-4xl, 2rem)";
|
|
1451
1459
|
/** New description */
|
|
1452
|
-
export declare const borderRadius3xl = "var(--border-radius-3xl, 1.75rem)";
|
|
1453
|
-
/** New description */
|
|
1454
1460
|
export declare const borderRadius5xl = "var(--border-radius-5xl, 2.5rem)";
|
|
1455
|
-
/**
|
|
1456
|
-
export declare const
|
|
1461
|
+
/** New description */
|
|
1462
|
+
export declare const borderRadius3xl = "var(--border-radius-3xl, 1.75rem)";
|
|
1457
1463
|
/** borderRadius xxs */
|
|
1458
1464
|
export declare const borderRadiusXxs = "var(--border-radius-xxs, 0.25rem)";
|
|
1459
1465
|
/** borderRadius xs */
|
|
@@ -1468,10 +1474,10 @@ export declare const borderRadiusXl = "var(--border-radius-xl, 1.25rem)";
|
|
|
1468
1474
|
export declare const borderRadiusCircle = "var(--border-radius-circle, 100rem)";
|
|
1469
1475
|
/** borderRadius m */
|
|
1470
1476
|
export declare const borderRadiusM = "var(--border-radius-m, 0.75rem)";
|
|
1477
|
+
/** borderRadius l */
|
|
1478
|
+
export declare const borderRadiusL = "var(--border-radius-l, 1rem)";
|
|
1471
1479
|
/** spacing 16x */
|
|
1472
1480
|
export declare const spacing16x = "var(--spacing-16x, 2rem)";
|
|
1473
|
-
/** spacing 8x */
|
|
1474
|
-
export declare const spacing8x = "var(--spacing-8x, 1rem)";
|
|
1475
1481
|
/** spacing 10x */
|
|
1476
1482
|
export declare const spacing10x = "var(--spacing-10x, 1.25rem)";
|
|
1477
1483
|
/** spacing 12x */
|
|
@@ -1498,6 +1504,8 @@ export declare const spacing1x = "var(--spacing-1x, 0.125rem)";
|
|
|
1498
1504
|
export declare const spacing3x = "var(--spacing-3x, 0.375rem)";
|
|
1499
1505
|
/** spacing 6x */
|
|
1500
1506
|
export declare const spacing6x = "var(--spacing-6x, 0.75rem)";
|
|
1507
|
+
/** spacing 8x */
|
|
1508
|
+
export declare const spacing8x = "var(--spacing-8x, 1rem)";
|
|
1501
1509
|
/** typography s body-xxs-bold */
|
|
1502
1510
|
export declare const bodyXXSBold: {
|
|
1503
1511
|
fontFamily: string;
|