@salutejs-ds/sdds_sbcom 0.1.14 → 0.1.15
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 +1 -1
- package/components/Button/Button.config.js +4 -4
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_1b1uwtc.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +1 -1
- package/components/Checkbox/Checkbox.config.js +1 -1
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_by8n89.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Counter/Counter.config.d.ts +4 -4
- package/components/Counter/Counter.config.js +9 -9
- package/components/Counter/Counter.config.js.map +1 -1
- package/components/Counter/Counter.config_1dmfqg0.css +11 -0
- package/components/Counter/Counter.css +10 -10
- package/components/Counter/Counter.d.ts +4 -4
- package/components/IconButton/IconButton.config.d.ts +3 -3
- package/components/IconButton/IconButton.config.js +9 -9
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_108pkgf.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/IconButton/IconButton.d.ts +3 -3
- package/components/Link/Link.config.d.ts +1 -1
- package/components/Link/Link.config.js +4 -4
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/{Link.config_1y1mon9.css → Link.config_8uibyj.css} +4 -4
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.js +4 -4
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_1x15h52.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/css/sdds_sbcom.module.css +144 -144
- package/css/sdds_sbcom__dark.css +89 -89
- package/css/sdds_sbcom__light.css +90 -90
- package/es/components/Button/Button.config.js +4 -4
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_1b1uwtc.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +1 -1
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_by8n89.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/es/components/Counter/Counter.config_1dmfqg0.css +11 -0
- package/es/components/Counter/Counter.css +10 -10
- package/es/components/IconButton/IconButton.config.js +9 -9
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_108pkgf.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +4 -4
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/{Link.config_1y1mon9.css → Link.config_8uibyj.css} +4 -4
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +4 -4
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_1x15h52.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +55 -55
- 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 +147 -147
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +55 -55
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +7 -7
- package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/cjs/Counter/Counter.config.js +9 -9
- package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
- package/styled-components/cjs/Link/Link.config.js +4 -4
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +7 -7
- package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/es/Counter/Counter.config.js +9 -9
- package/styled-components/es/IconButton/IconButton.config.js +8 -8
- package/styled-components/es/Link/Link.config.js +4 -4
- package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
- package/theme/themes/sdds_sbcom__dark.js +1 -1
- package/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/theme/themes/sdds_sbcom__light.js +1 -1
- package/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/theme/tokens/index.d.ts +115 -115
- package/theme/tokens/index.js +147 -147
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_1nf8fsa.css +0 -10
- package/components/Checkbox/Checkbox.config_1pgnntn.css +0 -6
- package/components/Counter/Counter.config_ebr9b5.css +0 -11
- package/components/IconButton/IconButton.config_145mdq5.css +0 -9
- package/components/Radiobox/Radiobox.config_jinig9.css +0 -6
- package/es/components/Button/Button.config_1nf8fsa.css +0 -10
- package/es/components/Checkbox/Checkbox.config_1pgnntn.css +0 -6
- package/es/components/Counter/Counter.config_ebr9b5.css +0 -11
- package/es/components/IconButton/IconButton.config_145mdq5.css +0 -9
- package/es/components/Radiobox/Radiobox.config_jinig9.css +0 -6
package/theme/tokens/index.d.ts
CHANGED
|
@@ -8,20 +8,16 @@ export declare const inversePersonasSeaBlueTextAccentActive = "var(--inverse-per
|
|
|
8
8
|
export declare const inversePersonasVioletTextAccentActive = "var(--inverse-personas-violet-text-accent-active, #81288FFF)";
|
|
9
9
|
/** Default Hover On Light */
|
|
10
10
|
export declare const onLightOutlineDefaultHover = "var(--on-light-outline-default-hover, #CCCCCCFF)";
|
|
11
|
-
/** Primary Active Inverse */
|
|
12
|
-
export declare const inverseOutlinePrimaryActive = "var(--inverse-outline-primary-active, #C4BEBAFF)";
|
|
13
|
-
/** Default Active On Dark */
|
|
14
|
-
export declare const onDarkOutlineDefaultActive = "var(--on-dark-outline-default-active, #292929FF)";
|
|
15
11
|
/** Default Hover On Dark */
|
|
16
12
|
export declare const onDarkOutlineDefaultHover = "var(--on-dark-outline-default-hover, #666666FF)";
|
|
13
|
+
/** Default Active On Dark */
|
|
14
|
+
export declare const onDarkOutlineDefaultActive = "var(--on-dark-outline-default-active, #292929FF)";
|
|
17
15
|
/** Green Text Accent Hover Default */
|
|
18
16
|
export declare const personasGreenTextAccentHover = "var(--personas-green-text-accent-hover, #04C396FF)";
|
|
19
17
|
/** Sea Blue Text Accent Hover Default */
|
|
20
18
|
export declare const personasSeaBlueTextAccentHover = "var(--personas-sea-blue-text-accent-hover, #00C5CCFF)";
|
|
21
19
|
/** Accent Secondary Hover Inverse */
|
|
22
20
|
export declare const inverseSurfaceAccentSecondaryHover = "var(--inverse-surface-accent-secondary-hover, #50C3A8FF)";
|
|
23
|
-
/** Accent Secondary Active On Light */
|
|
24
|
-
export declare const onLightSurfaceAccentSecondaryActive = "var(--on-light-surface-accent-secondary-active, #3CAF94FF)";
|
|
25
21
|
/** Transparent Navi Active Default */
|
|
26
22
|
export declare const surfaceTransparentNaviActive = "var(--surface-transparent-navi-active, #2424248A)";
|
|
27
23
|
/** Transparent Accent Minor Active On Light */
|
|
@@ -42,8 +38,6 @@ export declare const onLightPersonasVioletTextAccentActive = "var(--on-light-per
|
|
|
42
38
|
export declare const onLightPersonasOchreTextAccentActive = "var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)";
|
|
43
39
|
/** Accent Secondary Hover On Dark */
|
|
44
40
|
export declare const onDarkSurfaceAccentSecondaryHover = "var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)";
|
|
45
|
-
/** Green Text Accent Hover Inverse */
|
|
46
|
-
export declare const inversePersonasGreenTextAccentHover = "var(--inverse-personas-green-text-accent-hover, #8CDECAFF)";
|
|
47
41
|
/** Pink Text Accent Hover On Light */
|
|
48
42
|
export declare const onLightPersonasPinkTextAccentHover = "var(--on-light-personas-pink-text-accent-hover, #E47777FF)";
|
|
49
43
|
/** Accent Secondary Hover Default */
|
|
@@ -60,16 +54,12 @@ export declare const inverseOutlineDefault = "var(--inverse-outline-default, #FF
|
|
|
60
54
|
export declare const onDarkPersonasBlueTextAccentHover = "var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)";
|
|
61
55
|
/** Indigo Text Accent Hover On Light */
|
|
62
56
|
export declare const onLightPersonasIndigoTextAccentHover = "var(--on-light-personas-indigo-text-accent-hover, #000000FF)";
|
|
63
|
-
/** Indigo Text Accent Active On Light */
|
|
64
|
-
export declare const onLightPersonasIndigoTextAccentActive = "var(--on-light-personas-indigo-text-accent-active, #5B2999FF)";
|
|
65
57
|
/** Sea Blue Text Accent Hover On Light */
|
|
66
58
|
export declare const onLightPersonasSeaBlueTextAccentHover = "var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)";
|
|
67
59
|
/** Ochre Text Accent Active Default */
|
|
68
60
|
export declare const personasOchreTextAccentActive = "var(--personas-ochre-text-accent-active, #F19F7EFF)";
|
|
69
61
|
/** Inverse Background Hardline */
|
|
70
62
|
export declare const inverseBackgroundHardline = "var(--inverse-background-hardline, #000000)";
|
|
71
|
-
/** Transparent Accent Minor Active On Dark */
|
|
72
|
-
export declare const onDarkSurfaceTransparentAccentMinorActive = "var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)";
|
|
73
63
|
/** Sea Blue Text Accent Hover On Dark */
|
|
74
64
|
export declare const onDarkPersonasSeaBlueTextAccentHover = "var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)";
|
|
75
65
|
/** Surface Transparent Navi */
|
|
@@ -82,8 +72,6 @@ export declare const personasBlueTextAccentHover = "var(--personas-blue-text-acc
|
|
|
82
72
|
export declare const outlineDefault = "var(--outline-default, #FFFFFF)";
|
|
83
73
|
/** Основной цвет текста */
|
|
84
74
|
export declare const textPrimaryBrightnessActive = "var(--text-primary-brightness-active, #FAFAFAC4)";
|
|
85
|
-
/** Основной фон для карточек */
|
|
86
|
-
export declare const surfaceSolidCardBrightnessHover = "var(--surface-solid-card-brightness-hover, #303030FF)";
|
|
87
75
|
/** Прозрачный фон для карточек */
|
|
88
76
|
export declare const surfaceTransparentCardBrightnessHover = "var(--surface-transparent-card-brightness-hover, #FAFAFA1F)";
|
|
89
77
|
/** Основной фон для карточек */
|
|
@@ -92,8 +80,8 @@ export declare const surfaceSolidCardBrightnessActive = "var(--surface-solid-car
|
|
|
92
80
|
export declare const surfaceSolidPrimaryBrightnessHover = "var(--surface-solid-primary-brightness-hover, #303030FF)";
|
|
93
81
|
/** Прозрачный фон для карточек */
|
|
94
82
|
export declare const surfaceTransparentCardBrightnessActive = "var(--surface-transparent-card-brightness-active, #FAFAFA0A)";
|
|
95
|
-
/** Основной
|
|
96
|
-
export declare const
|
|
83
|
+
/** Основной фон для карточек */
|
|
84
|
+
export declare const surfaceSolidCardBrightnessHover = "var(--surface-solid-card-brightness-hover, #303030FF)";
|
|
97
85
|
/** Прозрачный фон для карточек на темном фоне */
|
|
98
86
|
export declare const onDarkSurfaceTransparentCardBrightnessHover = "var(--on-dark-surface-transparent-card-brightness-hover, #FAFAFA1F)";
|
|
99
87
|
/** Прозрачный фон для карточек на темном фоне */
|
|
@@ -174,18 +162,14 @@ export declare const inverseSurfaceTransparentCardBrightnessActive = "var(--inve
|
|
|
174
162
|
export declare const onLightOutlineWarningActive = "var(--on-light-outline-warning-active, #A3420AFF)";
|
|
175
163
|
/** On Light Personas Violet Text Accent */
|
|
176
164
|
export declare const onLightPersonasVioletTextAccent = "var(--on-light-personas-violet-text-accent, #9E32AF)";
|
|
177
|
-
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
178
|
-
export declare const inverseSurfaceAccentMinor = "var(--inverse-surface-accent-minor, #D0F2E9)";
|
|
179
165
|
/** Инвертированный основной фон для карточек */
|
|
180
166
|
export declare const inverseSurfaceSolidCardBrightnessActive = "var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)";
|
|
181
167
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
182
168
|
export declare const onDarkSurfaceAccentMinorHover = "var(--on-dark-surface-accent-minor-hover, #055C4CFF)";
|
|
183
169
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
184
170
|
export declare const onLightSurfaceAccentMinorHover = "var(--on-light-surface-accent-minor-hover, #C7F0E5FF)";
|
|
185
|
-
/**
|
|
186
|
-
export declare const
|
|
187
|
-
/** On Light Personas Indigo Text Accent */
|
|
188
|
-
export declare const onLightPersonasIndigoTextAccent = "var(--on-light-personas-indigo-text-accent, #7133BE)";
|
|
171
|
+
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
172
|
+
export declare const inverseSurfaceAccentMinor = "var(--inverse-surface-accent-minor, #D0F2E9)";
|
|
189
173
|
/** On Light Personas Sea Blue Text Accent */
|
|
190
174
|
export declare const onLightPersonasSeaBlueTextAccent = "var(--on-light-personas-sea-blue-text-accent, #00898D)";
|
|
191
175
|
/** Personas Ochre Text Accent */
|
|
@@ -196,8 +180,8 @@ export declare const onDarkSurfaceTransparentAccentMinor = "var(--on-dark-surfac
|
|
|
196
180
|
export declare const onDarkPersonasVioletTextAccent = "var(--on-dark-personas-violet-text-accent, #E19DED)";
|
|
197
181
|
/** On Light Surface Transparent Navi */
|
|
198
182
|
export declare const onLightSurfaceTransparentNavi = "var(--on-light-surface-transparent-navi, #FFFFFF99)";
|
|
199
|
-
/**
|
|
200
|
-
export declare const
|
|
183
|
+
/** On Dark Personas Blue Text Accent */
|
|
184
|
+
export declare const onDarkPersonasBlueTextAccent = "var(--on-dark-personas-blue-text-accent, #79B3F2)";
|
|
201
185
|
/** Green Text Accent Active Default */
|
|
202
186
|
export declare const personasGreenTextAccentActive = "var(--personas-green-text-accent-active, #03A57FFF)";
|
|
203
187
|
/** Sea Blue Text Accent Active Default */
|
|
@@ -250,6 +234,8 @@ export declare const inversePersonasBlueTextAccentActive = "var(--inverse-person
|
|
|
250
234
|
export declare const inverseSurfaceTransparentAccentMinorActive = "var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)";
|
|
251
235
|
/** Основной цвет текста */
|
|
252
236
|
export declare const textPrimaryBrightnessHover = "var(--text-primary-brightness-hover, #FAFAFA93)";
|
|
237
|
+
/** Green Text Accent Hover On Dark */
|
|
238
|
+
export declare const onDarkPersonasGreenTextAccentHover = "var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)";
|
|
253
239
|
/** Основной цвет текста на темном фоне */
|
|
254
240
|
export declare const onDarkTextPrimaryBrightnessHover = "var(--on-dark-text-primary-brightness-hover, #FAFAFA93)";
|
|
255
241
|
/** On Dark Personas Sea Blue Text Accent */
|
|
@@ -260,16 +246,8 @@ export declare const onLightPersonasBlueTextAccentActive = "var(--on-light-perso
|
|
|
260
246
|
export declare const onLightOutlineDefaultActive = "var(--on-light-outline-default-active, #E6E6E6FF)";
|
|
261
247
|
/** Цвет предупреждения на светлом фоне */
|
|
262
248
|
export declare const onLightTextWarningActive = "var(--on-light-text-warning-active, #6F2D06FF)";
|
|
263
|
-
/** Transparent Navi Hover Default */
|
|
264
|
-
export declare const surfaceTransparentNaviHover = "var(--surface-transparent-navi-hover, #242424B8)";
|
|
265
|
-
/** Transparent Accent Minor Hover On Light */
|
|
266
|
-
export declare const onLightSurfaceTransparentAccentMinorHover = "var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)";
|
|
267
249
|
/** Green Text Accent Hover On Light */
|
|
268
250
|
export declare const onLightPersonasGreenTextAccentHover = "var(--on-light-personas-green-text-accent-hover, #04D7A6FF)";
|
|
269
|
-
/** Default Hover Default */
|
|
270
|
-
export declare const outlineDefaultHover = "var(--outline-default-hover, #858585FF)";
|
|
271
|
-
/** Primary Hover On Dark */
|
|
272
|
-
export declare const onDarkOutlinePrimaryHover = "var(--on-dark-outline-primary-hover, #6B6461FF)";
|
|
273
251
|
/** Pink Text Accent Hover On Dark */
|
|
274
252
|
export declare const onDarkPersonasPinkTextAccentHover = "var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)";
|
|
275
253
|
/** Primary Hover Default */
|
|
@@ -320,22 +298,14 @@ export declare const onLightPersonasBlueTextAccentHover = "var(--on-light-person
|
|
|
320
298
|
export declare const onDarkSurfaceTransparentNaviHover = "var(--on-dark-surface-transparent-navi-hover, #242424B8)";
|
|
321
299
|
/** Accent Secondary Hover On Light */
|
|
322
300
|
export declare const onLightSurfaceAccentSecondaryHover = "var(--on-light-surface-accent-secondary-hover, #50C3A8FF)";
|
|
323
|
-
/**
|
|
324
|
-
export declare const
|
|
325
|
-
/**
|
|
326
|
-
export declare const
|
|
327
|
-
/**
|
|
328
|
-
export declare const
|
|
329
|
-
/**
|
|
330
|
-
export declare const
|
|
331
|
-
/** Основной цвет текста на светлом фоне */
|
|
332
|
-
export declare const onLightTextPrimaryBrightnessHover = "var(--on-light-text-primary-brightness-hover, #17171793)";
|
|
333
|
-
/** Инвертированный основной цвет текста */
|
|
334
|
-
export declare const inverseTextPrimaryBrightnessHover = "var(--inverse-text-primary-brightness-hover, #17171793)";
|
|
335
|
-
/** Основной непрозрачный фон поверхности/контрола */
|
|
336
|
-
export declare const surfaceSolidPrimaryBrightnessActive = "var(--surface-solid-primary-brightness-active, #212121FF)";
|
|
337
|
-
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
338
|
-
export declare const onDarkSurfaceSolidPrimaryBrightnessHover = "var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)";
|
|
301
|
+
/** Transparent Navi Hover Default */
|
|
302
|
+
export declare const surfaceTransparentNaviHover = "var(--surface-transparent-navi-hover, #242424B8)";
|
|
303
|
+
/** Transparent Accent Minor Hover On Light */
|
|
304
|
+
export declare const onLightSurfaceTransparentAccentMinorHover = "var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)";
|
|
305
|
+
/** Default Hover Default */
|
|
306
|
+
export declare const outlineDefaultHover = "var(--outline-default-hover, #858585FF)";
|
|
307
|
+
/** Primary Hover On Dark */
|
|
308
|
+
export declare const onDarkOutlinePrimaryHover = "var(--on-dark-outline-primary-hover, #6B6461FF)";
|
|
339
309
|
/** Инвертированный основной фон для карточек */
|
|
340
310
|
export declare const inverseSurfaceSolidCardBrightnessHover = "var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)";
|
|
341
311
|
/** Inverse Personas Blue Text Accent */
|
|
@@ -352,12 +322,6 @@ export declare const inversePersonasSeaBlueTextAccent = "var(--inverse-personas-
|
|
|
352
322
|
export declare const onDarkPersonasPinkTextAccent = "var(--on-dark-personas-pink-text-accent, #F7A4A4)";
|
|
353
323
|
/** Personas Pink Text Accent */
|
|
354
324
|
export declare const personasPinkTextAccent = "var(--personas-pink-text-accent, #DE5555)";
|
|
355
|
-
/** Inverse Personas Violet Text Accent */
|
|
356
|
-
export declare const inversePersonasVioletTextAccent = "var(--inverse-personas-violet-text-accent, #9E32AF)";
|
|
357
|
-
/** Inverse Surface Transparent Accent Minor */
|
|
358
|
-
export declare const inverseSurfaceTransparentAccentMinor = "var(--inverse-surface-transparent-accent-minor, #0BA68647)";
|
|
359
|
-
/** On Light Personas Blue Text Accent */
|
|
360
|
-
export declare const onLightPersonasBlueTextAccent = "var(--on-light-personas-blue-text-accent, #1063BA)";
|
|
361
325
|
/** On Dark Surface Transparent Navi */
|
|
362
326
|
export declare const onDarkSurfaceTransparentNavi = "var(--on-dark-surface-transparent-navi, #23232399)";
|
|
363
327
|
/** Inverse Outline Primary */
|
|
@@ -372,6 +336,28 @@ export declare const personasGreenTextAccent = "var(--personas-green-text-accent
|
|
|
372
336
|
export declare const darkBackgroundHardline = "var(--dark-background-hardline, #000000)";
|
|
373
337
|
/** On Dark Outline Primary */
|
|
374
338
|
export declare const onDarkOutlinePrimary = "var(--on-dark-outline-primary, #3B3735)";
|
|
339
|
+
/** Personas Blue Text Accent */
|
|
340
|
+
export declare const personasBlueTextAccent = "var(--personas-blue-text-accent, #79B3F2)";
|
|
341
|
+
/** Personas Sea Blue Text Accent */
|
|
342
|
+
export declare const personasSeaBlueTextAccent = "var(--personas-sea-blue-text-accent, #00898D)";
|
|
343
|
+
/** Violet Text Accent Hover Default */
|
|
344
|
+
export declare const personasVioletTextAccentHover = "var(--personas-violet-text-accent-hover, #B438C7FF)";
|
|
345
|
+
/** Background Hardline */
|
|
346
|
+
export declare const backgroundHardline = "var(--background-hardline, #000000)";
|
|
347
|
+
/** Основной цвет текста на светлом фоне */
|
|
348
|
+
export declare const onLightTextPrimaryBrightnessHover = "var(--on-light-text-primary-brightness-hover, #17171793)";
|
|
349
|
+
/** Инвертированный основной цвет текста */
|
|
350
|
+
export declare const inverseTextPrimaryBrightnessHover = "var(--inverse-text-primary-brightness-hover, #17171793)";
|
|
351
|
+
/** Основной непрозрачный фон поверхности/контрола */
|
|
352
|
+
export declare const surfaceSolidPrimaryBrightnessActive = "var(--surface-solid-primary-brightness-active, #212121FF)";
|
|
353
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
354
|
+
export declare const onDarkSurfaceSolidPrimaryBrightnessHover = "var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)";
|
|
355
|
+
/** Inverse Personas Violet Text Accent */
|
|
356
|
+
export declare const inversePersonasVioletTextAccent = "var(--inverse-personas-violet-text-accent, #9E32AF)";
|
|
357
|
+
/** Inverse Surface Transparent Accent Minor */
|
|
358
|
+
export declare const inverseSurfaceTransparentAccentMinor = "var(--inverse-surface-transparent-accent-minor, #0BA68647)";
|
|
359
|
+
/** On Light Personas Blue Text Accent */
|
|
360
|
+
export declare const onLightPersonasBlueTextAccent = "var(--on-light-personas-blue-text-accent, #1063BA)";
|
|
375
361
|
/** Основной цвет текста на темном фоне */
|
|
376
362
|
export declare const onDarkTextPrimaryBrightnessActive = "var(--on-dark-text-primary-brightness-active, #FAFAFAC4)";
|
|
377
363
|
/** Основной цвет текста на светлом фоне */
|
|
@@ -414,8 +400,20 @@ export declare const onLightSurfaceAccentSecondary = "var(--on-light-surface-acc
|
|
|
414
400
|
export declare const onLightPersonasPinkTextAccent = "var(--on-light-personas-pink-text-accent, #DE5555)";
|
|
415
401
|
/** Inverse Personas Olive Text Accent */
|
|
416
402
|
export declare const inversePersonasOliveTextAccent = "var(--inverse-personas-olive-text-accent, #127210)";
|
|
417
|
-
/**
|
|
418
|
-
export declare const
|
|
403
|
+
/** Primary Active Inverse */
|
|
404
|
+
export declare const inverseOutlinePrimaryActive = "var(--inverse-outline-primary-active, #C4BEBAFF)";
|
|
405
|
+
/** Accent Secondary Active On Light */
|
|
406
|
+
export declare const onLightSurfaceAccentSecondaryActive = "var(--on-light-surface-accent-secondary-active, #3CAF94FF)";
|
|
407
|
+
/** Transparent Accent Minor Active On Dark */
|
|
408
|
+
export declare const onDarkSurfaceTransparentAccentMinorActive = "var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)";
|
|
409
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
410
|
+
export declare const onDarkSurfaceSolidPrimaryBrightnessActive = "var(--on-dark-surface-solid-primary-brightness-active, #212121FF)";
|
|
411
|
+
/** On Light Personas Indigo Text Accent */
|
|
412
|
+
export declare const onLightPersonasIndigoTextAccent = "var(--on-light-personas-indigo-text-accent, #7133BE)";
|
|
413
|
+
/** Green Text Accent Hover Inverse */
|
|
414
|
+
export declare const inversePersonasGreenTextAccentHover = "var(--inverse-personas-green-text-accent-hover, #8CDECAFF)";
|
|
415
|
+
/** Indigo Text Accent Active On Light */
|
|
416
|
+
export declare const onLightPersonasIndigoTextAccentActive = "var(--on-light-personas-indigo-text-accent-active, #5B2999FF)";
|
|
419
417
|
/** Акцентный цвет */
|
|
420
418
|
export declare const textAccent = "var(--text-accent, #61C8B0)";
|
|
421
419
|
/** Акцентный цвет */
|
|
@@ -472,8 +470,8 @@ export declare const textPrimaryBrightness = "var(--text-primary-brightness, #FA
|
|
|
472
470
|
export declare const textParagraph = "var(--text-paragraph, #F6F2F07A)";
|
|
473
471
|
/** Сплошной наборный текст */
|
|
474
472
|
export declare const textParagraphHover = "var(--text-paragraph-hover, #F5F1EFFF)";
|
|
475
|
-
/** Сплошной наборный текст
|
|
476
|
-
export declare const
|
|
473
|
+
/** Сплошной наборный текст */
|
|
474
|
+
export declare const textParagraphActive = "var(--text-paragraph-active, #F5F1EF93)";
|
|
477
475
|
/** Акцентный цвет на темном фоне */
|
|
478
476
|
export declare const onDarkTextAccent = "var(--on-dark-text-accent, #61C8B0ED)";
|
|
479
477
|
/** Акцентный цвет на темном фоне */
|
|
@@ -532,8 +530,8 @@ export declare const onDarkTextPrimaryHover = "var(--on-dark-text-primary-hover,
|
|
|
532
530
|
export declare const onDarkTextParagraph = "var(--on-dark-text-paragraph, #F6F2F07A)";
|
|
533
531
|
/** Сплошной наборный текст на темном фоне */
|
|
534
532
|
export declare const onDarkTextParagraphHover = "var(--on-dark-text-paragraph-hover, #F5F1EFFF)";
|
|
535
|
-
/**
|
|
536
|
-
export declare const
|
|
533
|
+
/** Сплошной наборный текст на темном фоне */
|
|
534
|
+
export declare const onDarkTextParagraphActive = "var(--on-dark-text-paragraph-active, #F5F1EF93)";
|
|
537
535
|
/** Вторичный цвет текста на светлом фоне */
|
|
538
536
|
export declare const onLightTextSecondary = "var(--on-light-text-secondary, #15110FA3)";
|
|
539
537
|
/** Вторичный цвет текста на светлом фоне */
|
|
@@ -580,6 +578,8 @@ export declare const onLightTextPrimary = "var(--on-light-text-primary, #15110FF
|
|
|
580
578
|
export declare const onLightTextPrimaryHover = "var(--on-light-text-primary-hover, #15110F97)";
|
|
581
579
|
/** Основной цвет текста на светлом фоне */
|
|
582
580
|
export declare const onLightTextPrimaryActive = "var(--on-light-text-primary-active, #15110FCA)";
|
|
581
|
+
/** Основной цвет текста на светлом фоне */
|
|
582
|
+
export declare const onLightTextPrimaryBrightness = "var(--on-light-text-primary-brightness, #171717F5)";
|
|
583
583
|
/** Инвертированный основной цвет текста */
|
|
584
584
|
export declare const inverseTextPrimary = "var(--inverse-text-primary, #15110FFC)";
|
|
585
585
|
/** Инвертированный основной цвет текста */
|
|
@@ -630,8 +630,6 @@ export declare const onLightTextInfoHover = "var(--on-light-text-info-hover, #00
|
|
|
630
630
|
export declare const onLightTextInfoActive = "var(--on-light-text-info-active, #194B85FF)";
|
|
631
631
|
/** Цвет ошибки на светлом фоне */
|
|
632
632
|
export declare const onLightTextNegativeHover = "var(--on-light-text-negative-hover, #E3353BFF)";
|
|
633
|
-
/** Инвертированный цвет ошибки */
|
|
634
|
-
export declare const inverseTextNegativeActive = "var(--inverse-text-negative-active, #AF181DFF)";
|
|
635
633
|
/** Инвертированный цвет информации */
|
|
636
634
|
export declare const inverseTextInfo = "var(--inverse-text-info, #205EA5)";
|
|
637
635
|
/** Инвертированный цвет информации */
|
|
@@ -672,8 +670,8 @@ export declare const inverseTextPositiveActive = "var(--inverse-text-positive-ac
|
|
|
672
670
|
export declare const inverseTextNegative = "var(--inverse-text-negative, #D11D23)";
|
|
673
671
|
/** Инвертированный цвет ошибки */
|
|
674
672
|
export declare const inverseTextNegativeHover = "var(--inverse-text-negative-hover, #E3353BFF)";
|
|
675
|
-
/**
|
|
676
|
-
export declare const
|
|
673
|
+
/** Инвертированный цвет ошибки */
|
|
674
|
+
export declare const inverseTextNegativeActive = "var(--inverse-text-negative-active, #AF181DFF)";
|
|
677
675
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
678
676
|
export declare const surfaceTransparentTertiary = "var(--surface-transparent-tertiary, #FFFFFF3D)";
|
|
679
677
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
@@ -740,8 +738,8 @@ export declare const surfaceTransparentPrimaryActive = "var(--surface-transparen
|
|
|
740
738
|
export declare const surfaceTransparentSecondary = "var(--surface-transparent-secondary, #FFFFFF29)";
|
|
741
739
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
742
740
|
export declare const surfaceTransparentSecondaryHover = "var(--surface-transparent-secondary-hover, #FFFFFF47)";
|
|
743
|
-
/**
|
|
744
|
-
export declare const
|
|
741
|
+
/** Вторичный прозрачный фон поверхности/контрола */
|
|
742
|
+
export declare const surfaceTransparentSecondaryActive = "var(--surface-transparent-secondary-active, #FFFFFF1A)";
|
|
745
743
|
/** Цвет фона поверхности/контрола ошибка */
|
|
746
744
|
export declare const surfaceNegative = "var(--surface-negative, #F8A6A9)";
|
|
747
745
|
/** Цвет фона поверхности/контрола ошибка */
|
|
@@ -764,8 +762,8 @@ export declare const surfacePositiveHover = "var(--surface-positive-hover, #B3D9
|
|
|
764
762
|
export declare const surfaceWarning = "var(--surface-warning, #F8AD80)";
|
|
765
763
|
/** Цвет фона поверхности/контрола предупреждение */
|
|
766
764
|
export declare const surfaceWarningHover = "var(--surface-warning-hover, #F9BB94FF)";
|
|
767
|
-
/**
|
|
768
|
-
export declare const
|
|
765
|
+
/** Цвет фона поверхности/контрола предупреждение */
|
|
766
|
+
export declare const surfaceWarningActive = "var(--surface-warning-active, #F8A977FF)";
|
|
769
767
|
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
770
768
|
export declare const surfaceTransparentNegativeHover = "var(--surface-transparent-negative-hover, #F8A5A89E)";
|
|
771
769
|
/** Цвет для readOnly */
|
|
@@ -794,8 +792,8 @@ export declare const onDarkSurfaceSolidTertiary = "var(--on-dark-surface-solid-t
|
|
|
794
792
|
export declare const onDarkSurfaceSolidTertiaryHover = "var(--on-dark-surface-solid-tertiary-hover, #525252FF)";
|
|
795
793
|
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
796
794
|
export declare const surfaceTransparentNegativeActive = "var(--surface-transparent-negative-active, #F8A5A870)";
|
|
797
|
-
/**
|
|
798
|
-
export declare const
|
|
795
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
796
|
+
export declare const surfaceTransparentNegative = "var(--surface-transparent-negative, #F8A6A980)";
|
|
799
797
|
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
800
798
|
export declare const onDarkSurfaceTransparentTertiary = "var(--on-dark-surface-transparent-tertiary, #FFFFFF3D)";
|
|
801
799
|
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
@@ -852,8 +850,8 @@ export declare const onDarkSurfaceTransparentPrimaryActive = "var(--on-dark-surf
|
|
|
852
850
|
export declare const onDarkSurfaceTransparentSecondary = "var(--on-dark-surface-transparent-secondary, #FFFFFF29)";
|
|
853
851
|
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
854
852
|
export declare const onDarkSurfaceTransparentSecondaryHover = "var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)";
|
|
855
|
-
/**
|
|
856
|
-
export declare const
|
|
853
|
+
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
854
|
+
export declare const onDarkSurfaceTransparentSecondaryActive = "var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)";
|
|
857
855
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
858
856
|
export declare const onDarkSurfacePositiveHover = "var(--on-dark-surface-positive-hover, #B3D9B0FF)";
|
|
859
857
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
@@ -882,6 +880,8 @@ export declare const onDarkSurfaceTransparentAccentActive = "var(--on-dark-surfa
|
|
|
882
880
|
export declare const onDarkSurfaceTransparentAccent = "var(--on-dark-surface-transparent-accent, #0BA68633)";
|
|
883
881
|
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
884
882
|
export declare const onDarkSurfaceTransparentAccentHover = "var(--on-dark-surface-transparent-accent-hover, #0BA88852)";
|
|
883
|
+
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
884
|
+
export declare const onDarkSurfacePositive = "var(--on-dark-surface-positive, #A6D2A2)";
|
|
885
885
|
/** Цвет для readOnly */
|
|
886
886
|
export declare const onDarkSurfaceReadOnly = "var(--on-dark-surface-read-only, #F9F9F905)";
|
|
887
887
|
/** Цвет для readOnly */
|
|
@@ -912,8 +912,6 @@ export declare const onDarkSurfaceTransparentNegativeActive = "var(--on-dark-sur
|
|
|
912
912
|
export declare const onDarkSurfaceTransparentNegative = "var(--on-dark-surface-transparent-negative, #F8A6A980)";
|
|
913
913
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
914
914
|
export declare const onDarkSurfaceTransparentNegativeHover = "var(--on-dark-surface-transparent-negative-hover, #F8A5A89E)";
|
|
915
|
-
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
916
|
-
export declare const onLightSurfaceTransparentSecondaryActive = "var(--on-light-surface-transparent-secondary-active, #15110F1F)";
|
|
917
915
|
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
918
916
|
export declare const onLightSurfaceTransparentTertiary = "var(--on-light-surface-transparent-tertiary, #15110F1F)";
|
|
919
917
|
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
@@ -970,6 +968,8 @@ export declare const onLightSurfaceTransparentPrimaryActive = "var(--on-light-su
|
|
|
970
968
|
export declare const onLightSurfaceTransparentSecondary = "var(--on-light-surface-transparent-secondary, #15110F14)";
|
|
971
969
|
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
972
970
|
export declare const onLightSurfaceTransparentSecondaryHover = "var(--on-light-surface-transparent-secondary-hover, #15110F1A)";
|
|
971
|
+
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
972
|
+
export declare const onLightSurfaceTransparentSecondaryActive = "var(--on-light-surface-transparent-secondary-active, #15110F1F)";
|
|
973
973
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
974
974
|
export declare const onLightSurfacePositive = "var(--on-light-surface-positive, #239322)";
|
|
975
975
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
@@ -1001,8 +1001,6 @@ export declare const onLightSurfaceTransparentAccent = "var(--on-light-surface-t
|
|
|
1001
1001
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
1002
1002
|
export declare const onLightSurfaceTransparentAccentHover = "var(--on-light-surface-transparent-accent-hover, #0BA8882E)";
|
|
1003
1003
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1004
|
-
export declare const onLightSurfaceTransparentNegative = "var(--on-light-surface-transparent-negative, #E8343929)";
|
|
1005
|
-
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1006
1004
|
export declare const onLightSurfaceTransparentNegativeHover = "var(--on-light-surface-transparent-negative-hover, #E9353B38)";
|
|
1007
1005
|
/** Цвет для readOnly */
|
|
1008
1006
|
export declare const onLightSurfaceReadOnly = "var(--on-light-surface-read-only, #F9F9F903)";
|
|
@@ -1026,8 +1024,8 @@ export declare const inverseSurfaceSolidSecondaryHover = "var(--inverse-surface-
|
|
|
1026
1024
|
export declare const inverseSurfaceSolidSecondaryActive = "var(--inverse-surface-solid-secondary-active, #FFFFFFFF)";
|
|
1027
1025
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1028
1026
|
export declare const onLightSurfaceTransparentNegativeActive = "var(--on-light-surface-transparent-negative-active, #E9353B3D)";
|
|
1029
|
-
/**
|
|
1030
|
-
export declare const
|
|
1027
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1028
|
+
export declare const onLightSurfaceTransparentNegative = "var(--on-light-surface-transparent-negative, #E8343929)";
|
|
1031
1029
|
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1032
1030
|
export declare const inverseSurfaceTransparentSecondaryActive = "var(--inverse-surface-transparent-secondary-active, #15110F1F)";
|
|
1033
1031
|
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
@@ -1084,6 +1082,8 @@ export declare const inverseSurfaceTransparentPrimaryHover = "var(--inverse-surf
|
|
|
1084
1082
|
export declare const inverseSurfaceTransparentPrimaryActive = "var(--inverse-surface-transparent-primary-active, #15110F0F)";
|
|
1085
1083
|
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1086
1084
|
export declare const inverseSurfaceTransparentSecondary = "var(--inverse-surface-transparent-secondary, #15110F14)";
|
|
1085
|
+
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1086
|
+
export declare const inverseSurfaceTransparentSecondaryHover = "var(--inverse-surface-transparent-secondary-hover, #15110F1A)";
|
|
1087
1087
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
1088
1088
|
export declare const inverseSurfacePositive = "var(--inverse-surface-positive, #239322)";
|
|
1089
1089
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
@@ -1286,8 +1286,6 @@ export declare const inverseOutlineClear = "var(--inverse-outline-clear, #FFFFFF
|
|
|
1286
1286
|
export declare const inverseOutlineClearHover = "var(--inverse-outline-clear-hover, #FFFFFF00)";
|
|
1287
1287
|
/** Инвертированная бесцветная обводка */
|
|
1288
1288
|
export declare const inverseOutlineClearActive = "var(--inverse-outline-clear-active, #FFFFFF00)";
|
|
1289
|
-
/** Инвертированный цвет обводки предупреждение */
|
|
1290
|
-
export declare const inverseOutlineWarningActive = "var(--inverse-outline-warning-active, #A3420AFF)";
|
|
1291
1289
|
/** Инвертированный цвет обводки ошибка */
|
|
1292
1290
|
export declare const inverseOutlineNegative = "var(--inverse-outline-negative, #E83439)";
|
|
1293
1291
|
/** Инвертированный цвет обводки ошибка */
|
|
@@ -1310,6 +1308,8 @@ export declare const inverseOutlinePositiveHover = "var(--inverse-outline-positi
|
|
|
1310
1308
|
export declare const inverseOutlineWarning = "var(--inverse-outline-warning, #BE4E0C)";
|
|
1311
1309
|
/** Инвертированный цвет обводки предупреждение */
|
|
1312
1310
|
export declare const inverseOutlineWarningHover = "var(--inverse-outline-warning-hover, #F3813FFF)";
|
|
1311
|
+
/** Инвертированный цвет обводки предупреждение */
|
|
1312
|
+
export declare const inverseOutlineWarningActive = "var(--inverse-outline-warning-active, #A3420AFF)";
|
|
1313
1313
|
/** Основной цвет текста */
|
|
1314
1314
|
export declare const textPrimaryHover = "var(--text-primary-hover, #FFFFFF97)";
|
|
1315
1315
|
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
|
|
@@ -1320,18 +1320,16 @@ export declare const onLightSurfaceAccentMinorActive = "var(--on-light-surface-a
|
|
|
1320
1320
|
export declare const inverseSurfaceAccentMinorHover = "var(--inverse-surface-accent-minor-hover, #C7F0E5FF)";
|
|
1321
1321
|
/** On Dark Personas Indigo Surface Accent Gradient */
|
|
1322
1322
|
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%))";
|
|
1323
|
-
/** On Light Outline White Gradient */
|
|
1324
|
-
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%))";
|
|
1325
1323
|
/** On Dark Personas Blue Surface Accent Gradient */
|
|
1326
1324
|
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%))";
|
|
1327
1325
|
/** Inverse Personas Indigo Surface Accent Gradient */
|
|
1328
|
-
export declare const inversePersonasIndigoSurfaceAccentGradient = "var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1326
|
+
export declare const inversePersonasIndigoSurfaceAccentGradient = "var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))";
|
|
1329
1327
|
/** Outline White Gradient */
|
|
1330
|
-
export declare const outlineWhiteGradient = "var(--outline-white-gradient, linear-gradient(135.00deg,
|
|
1328
|
+
export declare const outlineWhiteGradient = "var(--outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%))";
|
|
1331
1329
|
/** Personas Green Surface Accent Gradient */
|
|
1332
1330
|
export declare const personasGreenSurfaceAccentGradient = "var(--personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))";
|
|
1333
1331
|
/** Inverse Personas Sea Blue Surface Accent Gradient */
|
|
1334
|
-
export declare const inversePersonasSeaBlueSurfaceAccentGradient = "var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1332
|
+
export declare const inversePersonasSeaBlueSurfaceAccentGradient = "var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))";
|
|
1335
1333
|
/** On Light Personas Pink Surface Accent Gradient */
|
|
1336
1334
|
export declare const 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%))";
|
|
1337
1335
|
/** Inverse Text Accent Gradient AI */
|
|
@@ -1339,9 +1337,9 @@ export declare const inverseTextAccentGradientAI = "var(--inverse-text-accent-gr
|
|
|
1339
1337
|
/** On Dark Personas Ochre Surface Accent Gradient */
|
|
1340
1338
|
export declare const 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%))";
|
|
1341
1339
|
/** Personas Sea Blue Surface Accent Gradient */
|
|
1342
|
-
export declare const personasSeaBlueSurfaceAccentGradient = "var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1340
|
+
export declare const personasSeaBlueSurfaceAccentGradient = "var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))";
|
|
1343
1341
|
/** Inverse Personas Pink Surface Accent Gradient */
|
|
1344
|
-
export declare const inversePersonasPinkSurfaceAccentGradient = "var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1342
|
+
export declare const inversePersonasPinkSurfaceAccentGradient = "var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%))";
|
|
1345
1343
|
/** On Light Surface Skeleton Gradient */
|
|
1346
1344
|
export declare const 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%))";
|
|
1347
1345
|
/** Inverse Personas Ochre Surface Accent Gradient */
|
|
@@ -1353,7 +1351,7 @@ export declare const onDarkPersonasSeaBlueSurfaceAccentGradient = "var(--on-dark
|
|
|
1353
1351
|
/** On Dark Surface Skeleton Gradient */
|
|
1354
1352
|
export declare const onDarkSurfaceSkeletonGradient = "var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))";
|
|
1355
1353
|
/** Inverse Background Gradient */
|
|
1356
|
-
export declare const inverseBackgroundGradient = "var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(
|
|
1354
|
+
export declare const inverseBackgroundGradient = "var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))";
|
|
1357
1355
|
/** Inverse Overlay Gradient */
|
|
1358
1356
|
export declare const inverseOverlayGradient = "var(--inverse-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))";
|
|
1359
1357
|
/** Personas Pink Surface Accent Gradient */
|
|
@@ -1369,31 +1367,31 @@ export declare const lightBackgroundGradient = "var(--light-background-gradient,
|
|
|
1369
1367
|
/** Surface Skeleton Gradient */
|
|
1370
1368
|
export declare const surfaceSkeletonGradient = "var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))";
|
|
1371
1369
|
/** Overlay Gradient */
|
|
1372
|
-
export declare const overlayGradient = "var(--overlay-gradient, linear-gradient(180.00deg, rgb(
|
|
1370
|
+
export declare const overlayGradient = "var(--overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))";
|
|
1373
1371
|
/** On Dark Overlay Gradient */
|
|
1374
|
-
export declare const onDarkOverlayGradient = "var(--on-dark-overlay-gradient, linear-gradient(
|
|
1372
|
+
export declare const onDarkOverlayGradient = "var(--on-dark-overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))";
|
|
1373
|
+
/** On Light Outline White Gradient */
|
|
1374
|
+
export declare const onLightOutlineWhiteGradient = "var(--on-light-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%))";
|
|
1375
1375
|
/** Background Gradient */
|
|
1376
1376
|
export declare const backgroundGradient = "var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))";
|
|
1377
1377
|
/** On Dark Personas Violet Surface Accent Gradient */
|
|
1378
1378
|
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%))";
|
|
1379
1379
|
/** Inverse Surface Skeleton Gradient */
|
|
1380
1380
|
export declare const 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%))";
|
|
1381
|
-
/** On Light Personas Ochre Surface Accent Gradient */
|
|
1382
|
-
export declare const 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%))";
|
|
1383
1381
|
/** Surface Accent Gradient Secondary */
|
|
1384
1382
|
export declare const surfaceAccentGradientSecondary = "var(--surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))";
|
|
1385
1383
|
/** Inverse Personas Green Surface Accent Gradient */
|
|
1386
|
-
export declare const inversePersonasGreenSurfaceAccentGradient = "var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1384
|
+
export declare const inversePersonasGreenSurfaceAccentGradient = "var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))";
|
|
1387
1385
|
/** Personas Ochre Surface Accent Gradient */
|
|
1388
1386
|
export declare const personasOchreSurfaceAccentGradient = "var(--personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))";
|
|
1389
1387
|
/** Inverse Outline White Gradient */
|
|
1390
|
-
export declare const inverseOutlineWhiteGradient = "var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0
|
|
1388
|
+
export declare const inverseOutlineWhiteGradient = "var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%))";
|
|
1391
1389
|
/** On Light Personas Violet Surface Accent Gradient */
|
|
1392
1390
|
export declare const 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%))";
|
|
1393
1391
|
/** Personas Violet Surface Accent Gradient */
|
|
1394
1392
|
export declare const personasVioletSurfaceAccentGradient = "var(--personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))";
|
|
1395
1393
|
/** On Dark Outline White Gradient */
|
|
1396
|
-
export declare const onDarkOutlineWhiteGradient = "var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0
|
|
1394
|
+
export declare const onDarkOutlineWhiteGradient = "var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%))";
|
|
1397
1395
|
/** Inverse Personas Blue Surface Accent Gradient */
|
|
1398
1396
|
export declare const inversePersonasBlueSurfaceAccentGradient = "var(--inverse-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))";
|
|
1399
1397
|
/** On Light Personas Sea Blue Surface Accent Gradient */
|
|
@@ -1421,13 +1419,15 @@ export declare const textAccentGradientAI = "var(--text-accent-gradient-a-i, lin
|
|
|
1421
1419
|
/** On Dark Surface Accent Gradient Secondary */
|
|
1422
1420
|
export declare const onDarkSurfaceAccentGradientSecondary = "var(--on-dark-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))";
|
|
1423
1421
|
/** Personas Blue Surface Accent Gradient */
|
|
1424
|
-
export declare const personasBlueSurfaceAccentGradient = "var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1422
|
+
export declare const personasBlueSurfaceAccentGradient = "var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))";
|
|
1425
1423
|
/** Inverse Personas Violet Surface Accent Gradient */
|
|
1426
1424
|
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%))";
|
|
1427
1425
|
/** On Light Surface Accent Gradient Secondary */
|
|
1428
1426
|
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%))";
|
|
1429
1427
|
/** On Light Personas Green Surface Accent Gradient */
|
|
1430
1428
|
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%))";
|
|
1429
|
+
/** On Light Personas Ochre Surface Accent Gradient */
|
|
1430
|
+
export declare const 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%))";
|
|
1431
1431
|
/** On Dark Personas Olive Surface Accent Gradient */
|
|
1432
1432
|
export declare const 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%))";
|
|
1433
1433
|
/** Акцентный фон поверхности/контрола с градиентом */
|
|
@@ -1448,18 +1448,16 @@ export declare const inverseSurfaceAccentGradient = "var(--inverse-surface-accen
|
|
|
1448
1448
|
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%))";
|
|
1449
1449
|
/** shadow down hard s */
|
|
1450
1450
|
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)";
|
|
1451
|
-
/** shadow down soft l */
|
|
1452
|
-
export declare const shadowDownSoftL = "var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)";
|
|
1453
1451
|
/** shadow down soft s */
|
|
1454
1452
|
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)";
|
|
1455
1453
|
/** shadow down soft m */
|
|
1456
1454
|
export declare const shadowDownSoftM = "var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)";
|
|
1455
|
+
/** shadow down soft l */
|
|
1456
|
+
export declare const shadowDownSoftL = "var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)";
|
|
1457
1457
|
/** shadow down hard m */
|
|
1458
1458
|
export declare const shadowDownHardM = "var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)";
|
|
1459
1459
|
/** shadow down hard l */
|
|
1460
1460
|
export declare const shadowDownHardL = "var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)";
|
|
1461
|
-
/** shadow up hard s */
|
|
1462
|
-
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)";
|
|
1463
1461
|
/** shadow up hard m */
|
|
1464
1462
|
export declare const shadowUpHardM = "var(--shadow-up-hard-m, 0rem -1rem 2rem -0.5rem #0000003D)";
|
|
1465
1463
|
/** shadow up hard l */
|
|
@@ -1470,14 +1468,14 @@ export declare const shadowUpSoftS = "var(--shadow-up-soft-s, 0rem -0.25rem 0.87
|
|
|
1470
1468
|
export declare const shadowUpSoftM = "var(--shadow-up-soft-m, 0rem -1.5rem 3rem -0.5rem #00000014)";
|
|
1471
1469
|
/** shadow up soft l */
|
|
1472
1470
|
export declare const shadowUpSoftL = "var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)";
|
|
1471
|
+
/** shadow up hard s */
|
|
1472
|
+
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)";
|
|
1473
1473
|
/** New description */
|
|
1474
1474
|
export declare const borderRadius4xl = "var(--border-radius-4xl, 2rem)";
|
|
1475
1475
|
/** New description */
|
|
1476
|
-
export declare const borderRadius5xl = "var(--border-radius-5xl, 2.5rem)";
|
|
1477
|
-
/** New description */
|
|
1478
1476
|
export declare const borderRadius3xl = "var(--border-radius-3xl, 1.75rem)";
|
|
1479
|
-
/**
|
|
1480
|
-
export declare const
|
|
1477
|
+
/** New description */
|
|
1478
|
+
export declare const borderRadius5xl = "var(--border-radius-5xl, 2.5rem)";
|
|
1481
1479
|
/** borderRadius xs */
|
|
1482
1480
|
export declare const borderRadiusXs = "var(--border-radius-xs, 0.375rem)";
|
|
1483
1481
|
/** borderRadius xxl */
|
|
@@ -1492,10 +1490,10 @@ export declare const borderRadiusCircle = "var(--border-radius-circle, 100rem)";
|
|
|
1492
1490
|
export declare const borderRadiusM = "var(--border-radius-m, 0.75rem)";
|
|
1493
1491
|
/** borderRadius l */
|
|
1494
1492
|
export declare const borderRadiusL = "var(--border-radius-l, 1rem)";
|
|
1493
|
+
/** borderRadius xxs */
|
|
1494
|
+
export declare const borderRadiusXxs = "var(--border-radius-xxs, 0.25rem)";
|
|
1495
1495
|
/** spacing 16x */
|
|
1496
1496
|
export declare const spacing16x = "var(--spacing-16x, 2rem)";
|
|
1497
|
-
/** spacing 10x */
|
|
1498
|
-
export declare const spacing10x = "var(--spacing-10x, 1.25rem)";
|
|
1499
1497
|
/** spacing 12x */
|
|
1500
1498
|
export declare const spacing12x = "var(--spacing-12x, 1.5rem)";
|
|
1501
1499
|
/** spacing 20x */
|
|
@@ -1522,6 +1520,8 @@ export declare const spacing3x = "var(--spacing-3x, 0.375rem)";
|
|
|
1522
1520
|
export declare const spacing6x = "var(--spacing-6x, 0.75rem)";
|
|
1523
1521
|
/** spacing 8x */
|
|
1524
1522
|
export declare const spacing8x = "var(--spacing-8x, 1rem)";
|
|
1523
|
+
/** spacing 10x */
|
|
1524
|
+
export declare const spacing10x = "var(--spacing-10x, 1.25rem)";
|
|
1525
1525
|
/** typography s body-xxs-bold */
|
|
1526
1526
|
export declare const bodyXXSBold: {
|
|
1527
1527
|
fontFamily: string;
|
|
@@ -1540,15 +1540,6 @@ export declare const h2Medium: {
|
|
|
1540
1540
|
letterSpacing: string;
|
|
1541
1541
|
lineHeight: string;
|
|
1542
1542
|
};
|
|
1543
|
-
/** typography s display-s */
|
|
1544
|
-
export declare const dsplS: {
|
|
1545
|
-
fontFamily: string;
|
|
1546
|
-
fontSize: string;
|
|
1547
|
-
fontStyle: string;
|
|
1548
|
-
fontWeight: string;
|
|
1549
|
-
letterSpacing: string;
|
|
1550
|
-
lineHeight: string;
|
|
1551
|
-
};
|
|
1552
1543
|
/** typography s display-s-bold */
|
|
1553
1544
|
export declare const dsplSBold: {
|
|
1554
1545
|
fontFamily: string;
|
|
@@ -1648,6 +1639,15 @@ export declare const h4: {
|
|
|
1648
1639
|
letterSpacing: string;
|
|
1649
1640
|
lineHeight: string;
|
|
1650
1641
|
};
|
|
1642
|
+
/** typography s display-s */
|
|
1643
|
+
export declare const dsplS: {
|
|
1644
|
+
fontFamily: string;
|
|
1645
|
+
fontSize: string;
|
|
1646
|
+
fontStyle: string;
|
|
1647
|
+
fontWeight: string;
|
|
1648
|
+
letterSpacing: string;
|
|
1649
|
+
lineHeight: string;
|
|
1650
|
+
};
|
|
1651
1651
|
/** typography s header-h4-bold */
|
|
1652
1652
|
export declare const h4Bold: {
|
|
1653
1653
|
fontFamily: string;
|