@salutejs/plasma-tokens 1.119.0-canary.2105.16565820803.0 → 1.119.0-canary.2106.16593597643.0
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/brands/{plasma_web_ACTUAL_TYPOGRAPHY → plasma_homeds}/index.d.ts +876 -876
- package/brands/{plasma_web_ACTUAL_TYPOGRAPHY → plasma_homeds}/index.js +894 -894
- package/brands/plasma_homeds/index.js.map +1 -0
- package/css/plasma_homeds.module.css +1753 -0
- package/css/plasma_homeds__dark.css +877 -0
- package/css/plasma_homeds__light.css +877 -0
- package/es/brands/{plasma_web_ACTUAL_TYPOGRAPHY → plasma_homeds}/index.js +876 -876
- package/es/brands/plasma_homeds/index.js.map +1 -0
- package/es/themes/index.js +2 -2
- package/es/themes/index.js.map +1 -1
- package/es/themes/{plasma_web_ACTUAL_TYPOGRAPHY__dark.js → plasma_homeds__dark.js} +552 -574
- package/es/themes/plasma_homeds__dark.js.map +1 -0
- package/es/themes/plasma_homeds__light.js +881 -0
- package/es/themes/plasma_homeds__light.js.map +1 -0
- package/package.json +2 -2
- package/themes/index.d.ts +2 -2
- package/themes/index.js +7 -7
- package/themes/index.js.map +1 -1
- package/themes/{plasma_web_ACTUAL_TYPOGRAPHY__dark.d.ts → plasma_homeds__dark.d.ts} +555 -599
- package/themes/{plasma_web_ACTUAL_TYPOGRAPHY__dark.js → plasma_homeds__dark.js} +553 -575
- package/themes/plasma_homeds__dark.js.map +1 -0
- package/themes/{plasma_web_ACTUAL_TYPOGRAPHY__light.d.ts → plasma_homeds__light.d.ts} +491 -535
- package/themes/plasma_homeds__light.js +884 -0
- package/themes/plasma_homeds__light.js.map +1 -0
- package/brands/plasma_web_ACTUAL_TYPOGRAPHY/index.js.map +0 -1
- package/css/plasma_web_ACTUAL_TYPOGRAPHY.module.css +0 -1797
- package/css/plasma_web_ACTUAL_TYPOGRAPHY__dark.css +0 -899
- package/css/plasma_web_ACTUAL_TYPOGRAPHY__light.css +0 -899
- package/es/brands/plasma_web_ACTUAL_TYPOGRAPHY/index.js.map +0 -1
- package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.js.map +0 -1
- package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js +0 -903
- package/es/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js.map +0 -1
- package/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.js.map +0 -1
- package/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js +0 -906
- package/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.js.map +0 -1
|
@@ -1,876 +1,907 @@
|
|
|
1
1
|
// Generated by robots, do not change this manually!
|
|
2
2
|
/** Основной цвет текста */
|
|
3
|
+
export var textPrimary = 'var(--text-primary, rgba(255, 255, 255, 0.96))';
|
|
4
|
+
/** Основной цвет текста */
|
|
3
5
|
export var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF93)';
|
|
4
6
|
/** Основной цвет текста */
|
|
5
7
|
export var textPrimaryActive = 'var(--text-primary-active, #FFFFFFC4)';
|
|
6
8
|
/** Основной цвет текста */
|
|
7
|
-
export var textPrimary = 'var(--text-primary, rgba(255, 255, 255, 0.96))';
|
|
8
|
-
/** Основной цвет текста */
|
|
9
9
|
export var textPrimaryBrightness = 'var(--text-primary-brightness, #FFFFFFF5)';
|
|
10
10
|
/** Вторичный цвет текста */
|
|
11
|
+
export var textSecondary = 'var(--text-secondary, rgba(255, 255, 255, 0.56))';
|
|
12
|
+
/** Вторичный цвет текста */
|
|
11
13
|
export var textSecondaryHover = 'var(--text-secondary-hover, #FFFFFFFF)';
|
|
12
14
|
/** Вторичный цвет текста */
|
|
13
15
|
export var textSecondaryActive = 'var(--text-secondary-active, #FFFFFFAB)';
|
|
14
|
-
/**
|
|
15
|
-
export var
|
|
16
|
+
/** Третичный цвет текста */
|
|
17
|
+
export var textTertiary = 'var(--text-tertiary, rgba(255, 255, 255, 0.28))';
|
|
16
18
|
/** Третичный цвет текста */
|
|
17
19
|
export var textTertiaryHover = 'var(--text-tertiary-hover, #FFFFFFFF)';
|
|
18
20
|
/** Третичный цвет текста */
|
|
19
21
|
export var textTertiaryActive = 'var(--text-tertiary-active, #FFFFFF56)';
|
|
20
|
-
/**
|
|
21
|
-
export var
|
|
22
|
+
/** Сплошной наборный текст */
|
|
23
|
+
export var textParagraph = 'var(--text-paragraph, rgba(255, 255, 255, 0.8))';
|
|
22
24
|
/** Сплошной наборный текст */
|
|
23
25
|
export var textParagraphHover = 'var(--text-paragraph-hover, #FFFFFF7A)';
|
|
24
26
|
/** Сплошной наборный текст */
|
|
25
27
|
export var textParagraphActive = 'var(--text-paragraph-active, #FFFFFFA3)';
|
|
26
|
-
/** Сплошной наборный текст */
|
|
27
|
-
export var textParagraph = 'var(--text-paragraph, rgba(255, 255, 255, 0.8))';
|
|
28
28
|
/** Акцентный цвет */
|
|
29
|
-
export var
|
|
29
|
+
export var textAccent = 'var(--text-accent, #24B23E)';
|
|
30
30
|
/** Акцентный цвет */
|
|
31
|
-
export var
|
|
31
|
+
export var textAccentHover = 'var(--text-accent-hover, #2ACB47FF)';
|
|
32
|
+
/** Акцентный цвет */
|
|
33
|
+
export var textAccentActive = 'var(--text-accent-active, #1F9835FF)';
|
|
32
34
|
/** Акцентный цвет с градиентом */
|
|
33
35
|
export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)';
|
|
34
36
|
/** Акцентный цвет с градиентом */
|
|
35
37
|
export var textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)';
|
|
36
|
-
/** Акцентный цвет с градиентом */
|
|
37
|
-
export var textAccentGradient = 'var(--text-accent-gradient, linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))';
|
|
38
38
|
/** Акцентный минорный цвет */
|
|
39
|
-
export var
|
|
39
|
+
export var textAccentMinor = 'var(--text-accent-minor, #095C18)';
|
|
40
40
|
/** Акцентный минорный цвет */
|
|
41
|
-
export var
|
|
41
|
+
export var textAccentMinorHover = 'var(--text-accent-minor-hover, #0F9527FF)';
|
|
42
|
+
/** Акцентный минорный цвет */
|
|
43
|
+
export var textAccentMinorActive = 'var(--text-accent-minor-active, #0C7920FF)';
|
|
44
|
+
/** Цвет успеха */
|
|
45
|
+
export var textPositive = 'var(--text-positive, #24B23E)';
|
|
42
46
|
/** Цвет успеха */
|
|
43
47
|
export var textPositiveHover = 'var(--text-positive-hover, #2ACB47FF)';
|
|
44
48
|
/** Цвет успеха */
|
|
45
49
|
export var textPositiveActive = 'var(--text-positive-active, #1F9835FF)';
|
|
46
50
|
/** Цвет предупреждения */
|
|
51
|
+
export var textWarning = 'var(--text-warning, #FF7024)';
|
|
52
|
+
/** Цвет предупреждения */
|
|
47
53
|
export var textWarningHover = 'var(--text-warning-hover, #FF8442FF)';
|
|
48
54
|
/** Цвет предупреждения */
|
|
49
55
|
export var textWarningActive = 'var(--text-warning-active, #FF5D05FF)';
|
|
50
56
|
/** Цвет ошибки */
|
|
57
|
+
export var textNegative = 'var(--text-negative, #FF3D51)';
|
|
58
|
+
/** Цвет ошибки */
|
|
51
59
|
export var textNegativeHover = 'var(--text-negative-hover, #FF5C6CFF)';
|
|
52
60
|
/** Цвет ошибки */
|
|
53
61
|
export var textNegativeActive = 'var(--text-negative-active, #FF1F35FF)';
|
|
54
62
|
/** Цвет информации */
|
|
55
|
-
export var
|
|
63
|
+
export var textInfo = 'var(--text-info, #199AF0)';
|
|
64
|
+
/** Цвет информации */
|
|
65
|
+
export var textInfoHover = 'var(--text-info-hover, #66BCF5FF)';
|
|
56
66
|
/** Цвет информации */
|
|
57
|
-
export var textInfoActive = 'var(--text-info-active, #
|
|
67
|
+
export var textInfoActive = 'var(--text-info-active, #0E8ADDFF)';
|
|
68
|
+
/** Минорный цвет успеха */
|
|
69
|
+
export var textPositiveMinor = 'var(--text-positive-minor, #095C18)';
|
|
58
70
|
/** Минорный цвет успеха */
|
|
59
71
|
export var textPositiveMinorHover = 'var(--text-positive-minor-hover, #0F9527FF)';
|
|
60
72
|
/** Минорный цвет успеха */
|
|
61
73
|
export var textPositiveMinorActive = 'var(--text-positive-minor-active, #0C7920FF)';
|
|
62
74
|
/** Минорный цвет предупреждения */
|
|
75
|
+
export var textWarningMinor = 'var(--text-warning-minor, #85380C)';
|
|
76
|
+
/** Минорный цвет предупреждения */
|
|
63
77
|
export var textWarningMinorHover = 'var(--text-warning-minor-hover, #BB4F11FF)';
|
|
64
78
|
/** Минорный цвет предупреждения */
|
|
65
79
|
export var textWarningMinorActive = 'var(--text-warning-minor-active, #9F440FFF)';
|
|
66
80
|
/** Минорный цвет ошибки */
|
|
81
|
+
export var textNegativeMinor = 'var(--text-negative-minor, #9C1422)';
|
|
82
|
+
/** Минорный цвет ошибки */
|
|
67
83
|
export var textNegativeMinorHover = 'var(--text-negative-minor-hover, #B91828FF)';
|
|
68
84
|
/** Минорный цвет ошибки */
|
|
69
85
|
export var textNegativeMinorActive = 'var(--text-negative-minor-active, #83111CFF)';
|
|
70
86
|
/** Минорный цвет информации */
|
|
71
|
-
export var
|
|
87
|
+
export var textInfoMinor = 'var(--text-info-minor, #0D5382)';
|
|
72
88
|
/** Минорный цвет информации */
|
|
73
|
-
export var
|
|
74
|
-
/** Акцентный цвет */
|
|
75
|
-
export var textAccent = 'var(--text-accent, #528EFF)';
|
|
76
|
-
/** Акцентный минорный цвет */
|
|
77
|
-
export var textAccentMinor = 'var(--text-accent-minor, #1549AB)';
|
|
78
|
-
/** Цвет успеха */
|
|
79
|
-
export var textPositive = 'var(--text-positive, #24B23E)';
|
|
80
|
-
/** Цвет предупреждения */
|
|
81
|
-
export var textWarning = 'var(--text-warning, #FF7024)';
|
|
82
|
-
/** Цвет ошибки */
|
|
83
|
-
export var textNegative = 'var(--text-negative, #FF3D51)';
|
|
84
|
-
/** Минорный цвет успеха */
|
|
85
|
-
export var textPositiveMinor = 'var(--text-positive-minor, #095C18)';
|
|
86
|
-
/** Минорный цвет предупреждения */
|
|
87
|
-
export var textWarningMinor = 'var(--text-warning-minor, #85380C)';
|
|
88
|
-
/** Минорный цвет ошибки */
|
|
89
|
-
export var textNegativeMinor = 'var(--text-negative-minor, #9C1422)';
|
|
90
|
-
/** Цвет информации */
|
|
91
|
-
export var textInfo = 'var(--text-info, #528EFF)';
|
|
89
|
+
export var textInfoMinorHover = 'var(--text-info-minor-hover, #1277BAFF)';
|
|
92
90
|
/** Минорный цвет информации */
|
|
93
|
-
export var
|
|
91
|
+
export var textInfoMinorActive = 'var(--text-info-minor-active, #10659EFF)';
|
|
92
|
+
/** Акцентный цвет с градиентом */
|
|
93
|
+
export var textAccentGradient = 'var(--text-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))';
|
|
94
|
+
/** Основной цвет текста на темном фоне */
|
|
95
|
+
export var onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))';
|
|
94
96
|
/** Основной цвет текста на темном фоне */
|
|
95
97
|
export var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF93)';
|
|
96
98
|
/** Основной цвет текста на темном фоне */
|
|
97
99
|
export var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFC4)';
|
|
98
100
|
/** Основной цвет текста на темном фоне */
|
|
99
|
-
export var onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))';
|
|
100
|
-
/** Основной цвет текста на темном фоне */
|
|
101
101
|
export var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #FFFFFFF5)';
|
|
102
102
|
/** Вторичный цвет текста на темном фоне */
|
|
103
|
+
export var onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(255, 255, 255, 0.56))';
|
|
104
|
+
/** Вторичный цвет текста на темном фоне */
|
|
103
105
|
export var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)';
|
|
104
106
|
/** Вторичный цвет текста на темном фоне */
|
|
105
107
|
export var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #FFFFFFAB)';
|
|
106
|
-
/**
|
|
107
|
-
export var
|
|
108
|
+
/** Третичный цвет текста на темном фоне */
|
|
109
|
+
export var onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(255, 255, 255, 0.28))';
|
|
108
110
|
/** Третичный цвет текста на темном фоне */
|
|
109
111
|
export var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFFFFFF)';
|
|
110
112
|
/** Третичный цвет текста на темном фоне */
|
|
111
113
|
export var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #FFFFFF56)';
|
|
112
|
-
/**
|
|
113
|
-
export var
|
|
114
|
+
/** Сплошной наборный текст на темном фоне */
|
|
115
|
+
export var onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(255, 255, 255, 0.8))';
|
|
114
116
|
/** Сплошной наборный текст на темном фоне */
|
|
115
117
|
export var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFFFF7A)';
|
|
116
118
|
/** Сплошной наборный текст на темном фоне */
|
|
117
119
|
export var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)';
|
|
118
|
-
/** Сплошной наборный текст на темном фоне */
|
|
119
|
-
export var onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(255, 255, 255, 0.8))';
|
|
120
120
|
/** Акцентный цвет на темном фоне */
|
|
121
|
-
export var
|
|
121
|
+
export var onDarkTextAccent = 'var(--on-dark-text-accent, #24B23E)';
|
|
122
122
|
/** Акцентный цвет на темном фоне */
|
|
123
|
-
export var
|
|
123
|
+
export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #2ACB47FF)';
|
|
124
124
|
/** Акцентный цвет на темном фоне */
|
|
125
|
-
export var
|
|
125
|
+
export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #1F9835FF)';
|
|
126
126
|
/** Акцентный цвет с градиентом на темном фоне */
|
|
127
127
|
export var onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)';
|
|
128
128
|
/** Акцентный цвет с градиентом на темном фоне */
|
|
129
129
|
export var onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)';
|
|
130
|
-
/** Акцентный цвет с градиентом на темном фоне */
|
|
131
|
-
export var onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))';
|
|
132
130
|
/** Акцентный минорный цвет на темном фоне */
|
|
133
|
-
export var
|
|
131
|
+
export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #095C18)';
|
|
132
|
+
/** Акцентный минорный цвет на темном фоне */
|
|
133
|
+
export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #0F9527FF)';
|
|
134
134
|
/** Акцентный минорный цвет на темном фоне */
|
|
135
|
-
export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #
|
|
135
|
+
export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #0C7920FF)';
|
|
136
|
+
/** Цвет успеха на темном фоне */
|
|
137
|
+
export var onDarkTextPositive = 'var(--on-dark-text-positive, #24B23E)';
|
|
136
138
|
/** Цвет успеха на темном фоне */
|
|
137
139
|
export var onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #2ACB47FF)';
|
|
138
140
|
/** Цвет успеха на темном фоне */
|
|
139
141
|
export var onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #1F9835FF)';
|
|
140
142
|
/** Цвет предупреждения на темном фоне */
|
|
143
|
+
export var onDarkTextWarning = 'var(--on-dark-text-warning, #FF7024)';
|
|
144
|
+
/** Цвет предупреждения на темном фоне */
|
|
141
145
|
export var onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FF8442FF)';
|
|
142
146
|
/** Цвет предупреждения на темном фоне */
|
|
143
147
|
export var onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #FF5D05FF)';
|
|
144
148
|
/** Цвет ошибки на темном фоне */
|
|
149
|
+
export var onDarkTextNegative = 'var(--on-dark-text-negative, #FF3D51)';
|
|
150
|
+
/** Цвет ошибки на темном фоне */
|
|
145
151
|
export var onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF5C6CFF)';
|
|
146
152
|
/** Цвет ошибки на темном фоне */
|
|
147
153
|
export var onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF1F35FF)';
|
|
148
154
|
/** Цвет информации на темном фоне */
|
|
149
|
-
export var
|
|
155
|
+
export var onDarkTextInfo = 'var(--on-dark-text-info, #199AF0)';
|
|
150
156
|
/** Цвет информации на темном фоне */
|
|
151
|
-
export var
|
|
157
|
+
export var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #66BCF5FF)';
|
|
158
|
+
/** Цвет информации на темном фоне */
|
|
159
|
+
export var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #0E8ADDFF)';
|
|
160
|
+
/** Минорный цвет успеха на темном фоне */
|
|
161
|
+
export var onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #095C18)';
|
|
152
162
|
/** Минорный цвет успеха на темном фоне */
|
|
153
163
|
export var onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #0F9527FF)';
|
|
154
164
|
/** Минорный цвет успеха на темном фоне */
|
|
155
165
|
export var onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #0C7920FF)';
|
|
156
166
|
/** Минорный цвет предупреждения на темном фоне */
|
|
167
|
+
export var onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #85380C)';
|
|
168
|
+
/** Минорный цвет предупреждения на темном фоне */
|
|
157
169
|
export var onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #BB4F11FF)';
|
|
158
170
|
/** Минорный цвет предупреждения на темном фоне */
|
|
159
171
|
export var onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #9F440FFF)';
|
|
160
172
|
/** Минорный цвет ошибки на темном фоне */
|
|
173
|
+
export var onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422)';
|
|
174
|
+
/** Минорный цвет ошибки на темном фоне */
|
|
161
175
|
export var onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #B91828FF)';
|
|
162
176
|
/** Минорный цвет ошибки на темном фоне */
|
|
163
177
|
export var onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #83111CFF)';
|
|
164
178
|
/** Минорный цвет информации на темном фоне */
|
|
165
|
-
export var
|
|
179
|
+
export var onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #0D5382)';
|
|
166
180
|
/** Минорный цвет информации на темном фоне */
|
|
167
|
-
export var
|
|
168
|
-
/** Акцентный минорный цвет на темном фоне */
|
|
169
|
-
export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #1549AB)';
|
|
170
|
-
/** Цвет успеха на темном фоне */
|
|
171
|
-
export var onDarkTextPositive = 'var(--on-dark-text-positive, #24B23E)';
|
|
172
|
-
/** Цвет предупреждения на темном фоне */
|
|
173
|
-
export var onDarkTextWarning = 'var(--on-dark-text-warning, #FF7024)';
|
|
174
|
-
/** Цвет ошибки на темном фоне */
|
|
175
|
-
export var onDarkTextNegative = 'var(--on-dark-text-negative, #FF3D51)';
|
|
176
|
-
/** Минорный цвет успеха на темном фоне */
|
|
177
|
-
export var onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #095C18)';
|
|
178
|
-
/** Минорный цвет предупреждения на темном фоне */
|
|
179
|
-
export var onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #85380C)';
|
|
180
|
-
/** Минорный цвет ошибки на темном фоне */
|
|
181
|
-
export var onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422)';
|
|
182
|
-
/** Цвет информации на темном фоне */
|
|
183
|
-
export var onDarkTextInfo = 'var(--on-dark-text-info, #528EFF)';
|
|
181
|
+
export var onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #1277BAFF)';
|
|
184
182
|
/** Минорный цвет информации на темном фоне */
|
|
185
|
-
export var
|
|
186
|
-
/**
|
|
187
|
-
export var
|
|
183
|
+
export var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #10659EFF)';
|
|
184
|
+
/** Акцентный цвет с градиентом на темном фоне */
|
|
185
|
+
export var onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))';
|
|
188
186
|
/** Основной цвет текста на светлом фоне */
|
|
189
|
-
export var
|
|
187
|
+
export var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #17171793)';
|
|
190
188
|
/** Основной цвет текста на светлом фоне */
|
|
191
|
-
export var
|
|
189
|
+
export var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #171717C4)';
|
|
192
190
|
/** Основной цвет текста на светлом фоне */
|
|
193
|
-
export var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #
|
|
191
|
+
export var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #171717F5)';
|
|
194
192
|
/** Вторичный цвет текста на светлом фоне */
|
|
195
|
-
export var
|
|
193
|
+
export var onLightTextSecondary = 'var(--on-light-text-secondary, #1717178F)';
|
|
196
194
|
/** Вторичный цвет текста на светлом фоне */
|
|
197
|
-
export var
|
|
195
|
+
export var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #171717FF)';
|
|
198
196
|
/** Вторичный цвет текста на светлом фоне */
|
|
199
|
-
export var
|
|
197
|
+
export var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #171717AB)';
|
|
200
198
|
/** Третичный цвет текста на светлом фоне */
|
|
201
|
-
export var
|
|
199
|
+
export var onLightTextTertiary = 'var(--on-light-text-tertiary, #17171747)';
|
|
202
200
|
/** Третичный цвет текста на светлом фоне */
|
|
203
|
-
export var
|
|
201
|
+
export var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #171717FF)';
|
|
204
202
|
/** Третичный цвет текста на светлом фоне */
|
|
205
|
-
export var
|
|
203
|
+
export var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #17171756)';
|
|
206
204
|
/** Сплошной наборный текст на светлом фоне */
|
|
207
|
-
export var
|
|
205
|
+
export var onLightTextParagraph = 'var(--on-light-text-paragraph, #171717CC)';
|
|
208
206
|
/** Сплошной наборный текст на светлом фоне */
|
|
209
|
-
export var
|
|
207
|
+
export var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #1717177A)';
|
|
210
208
|
/** Сплошной наборный текст на светлом фоне */
|
|
211
|
-
export var
|
|
209
|
+
export var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #171717A3)';
|
|
212
210
|
/** Акцентный цвет на светлом фоне */
|
|
213
|
-
export var
|
|
211
|
+
export var onLightTextAccent = 'var(--on-light-text-accent, #108E26)';
|
|
214
212
|
/** Акцентный цвет на светлом фоне */
|
|
215
|
-
export var
|
|
213
|
+
export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #13AA2CFF)';
|
|
216
214
|
/** Акцентный цвет на светлом фоне */
|
|
217
|
-
export var
|
|
215
|
+
export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #0D731EFF)';
|
|
218
216
|
/** Акцентный цвет с градиентом на светлом фоне */
|
|
219
217
|
export var onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)';
|
|
220
218
|
/** Акцентный цвет с градиентом на светлом фоне */
|
|
221
219
|
export var onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)';
|
|
222
|
-
/** Акцентный цвет с градиентом на светлом фоне */
|
|
223
|
-
export var onLightTextAccentGradient = 'var(--on-light-text-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))';
|
|
224
220
|
/** Акцентный минорный цвет на светлом фоне */
|
|
225
|
-
export var
|
|
221
|
+
export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #28D247)';
|
|
226
222
|
/** Акцентный минорный цвет на светлом фоне */
|
|
227
|
-
export var
|
|
223
|
+
export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #3EDA5BFF)';
|
|
224
|
+
/** Акцентный минорный цвет на светлом фоне */
|
|
225
|
+
export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #23B83EFF)';
|
|
226
|
+
/** Цвет успеха на светлом фоне */
|
|
227
|
+
export var onLightTextPositive = 'var(--on-light-text-positive, #108E26)';
|
|
228
228
|
/** Цвет успеха на светлом фоне */
|
|
229
229
|
export var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #13AA2CFF)';
|
|
230
230
|
/** Цвет успеха на светлом фоне */
|
|
231
231
|
export var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0D731EFF)';
|
|
232
232
|
/** Цвет предупреждения на светлом фоне */
|
|
233
|
+
export var onLightTextWarning = 'var(--on-light-text-warning, #E85702)';
|
|
234
|
+
/** Цвет предупреждения на светлом фоне */
|
|
233
235
|
export var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FD650DFF)';
|
|
234
236
|
/** Цвет предупреждения на светлом фоне */
|
|
235
237
|
export var onLightTextWarningActive = 'var(--on-light-text-warning-active, #CA4B02FF)';
|
|
236
238
|
/** Цвет ошибки на светлом фоне */
|
|
239
|
+
export var onLightTextNegative = 'var(--on-light-text-negative, #F31B31)';
|
|
240
|
+
/** Цвет ошибки на светлом фоне */
|
|
237
241
|
export var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F5384BFF)';
|
|
238
242
|
/** Цвет ошибки на светлом фоне */
|
|
239
243
|
export var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #E40C22FF)';
|
|
240
244
|
/** Цвет информации на светлом фоне */
|
|
241
|
-
export var
|
|
245
|
+
export var onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)';
|
|
246
|
+
/** Цвет информации на светлом фоне */
|
|
247
|
+
export var onLightTextInfoHover = 'var(--on-light-text-info-hover, #34A7F4FF)';
|
|
242
248
|
/** Цвет информации на светлом фоне */
|
|
243
|
-
export var onLightTextInfoActive = 'var(--on-light-text-info-active, #
|
|
249
|
+
export var onLightTextInfoActive = 'var(--on-light-text-info-active, #096CAEFF)';
|
|
250
|
+
/** Минорный цвет успеха на светлом фоне */
|
|
251
|
+
export var onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #28D247)';
|
|
244
252
|
/** Минорный цвет успеха на светлом фоне */
|
|
245
253
|
export var onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #3EDA5BFF)';
|
|
246
254
|
/** Минорный цвет успеха на светлом фоне */
|
|
247
255
|
export var onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #23B83EFF)';
|
|
248
256
|
/** Минорный цвет предупреждения на светлом фоне */
|
|
257
|
+
export var onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #FD9C68)';
|
|
258
|
+
/** Минорный цвет предупреждения на светлом фоне */
|
|
249
259
|
export var onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #FDB086FF)';
|
|
250
260
|
/** Минорный цвет предупреждения на светлом фоне */
|
|
251
261
|
export var onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #FC884AFF)';
|
|
252
262
|
/** Минорный цвет ошибки на светлом фоне */
|
|
263
|
+
export var onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #FF8F9A)';
|
|
264
|
+
/** Минорный цвет ошибки на светлом фоне */
|
|
253
265
|
export var onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #FFADB6FF)';
|
|
254
266
|
/** Минорный цвет ошибки на светлом фоне */
|
|
255
267
|
export var onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #FF707EFF)';
|
|
256
268
|
/** Минорный цвет информации на светлом фоне */
|
|
257
|
-
export var
|
|
269
|
+
export var onLightTextInfoMinor = 'var(--on-light-text-info-minor, #52BAFF)';
|
|
258
270
|
/** Минорный цвет информации на светлом фоне */
|
|
259
|
-
export var
|
|
260
|
-
/** Акцентный минорный цвет на светлом фоне */
|
|
261
|
-
export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #8BB2FC)';
|
|
262
|
-
/** Цвет успеха на светлом фоне */
|
|
263
|
-
export var onLightTextPositive = 'var(--on-light-text-positive, #108E26)';
|
|
264
|
-
/** Цвет предупреждения на светлом фоне */
|
|
265
|
-
export var onLightTextWarning = 'var(--on-light-text-warning, #E85702)';
|
|
266
|
-
/** Цвет ошибки на светлом фоне */
|
|
267
|
-
export var onLightTextNegative = 'var(--on-light-text-negative, #F31B31)';
|
|
268
|
-
/** Минорный цвет успеха на светлом фоне */
|
|
269
|
-
export var onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #28D247)';
|
|
270
|
-
/** Минорный цвет предупреждения на светлом фоне */
|
|
271
|
-
export var onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #FD9C68)';
|
|
272
|
-
/** Минорный цвет ошибки на светлом фоне */
|
|
273
|
-
export var onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #FF8F9A)';
|
|
274
|
-
/** Цвет информации на светлом фоне */
|
|
275
|
-
export var onLightTextInfo = 'var(--on-light-text-info, #2A72F8)';
|
|
271
|
+
export var onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #A3DAFFFF)';
|
|
276
272
|
/** Минорный цвет информации на светлом фоне */
|
|
277
|
-
export var
|
|
273
|
+
export var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #33ADFFFF)';
|
|
274
|
+
/** Основной цвет текста на светлом фоне */
|
|
275
|
+
export var onLightTextPrimary = 'var(--on-light-text-primary, #171717f5)';
|
|
276
|
+
/** Акцентный цвет с градиентом на светлом фоне */
|
|
277
|
+
export var onLightTextAccentGradient = 'var(--on-light-text-accent-gradient, linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%))';
|
|
278
278
|
/** Инвертированный основной цвет текста */
|
|
279
|
-
export var
|
|
279
|
+
export var inverseTextPrimary = 'var(--inverse-text-primary, #171717F5)';
|
|
280
280
|
/** Инвертированный основной цвет текста */
|
|
281
|
-
export var
|
|
281
|
+
export var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #17171793)';
|
|
282
282
|
/** Инвертированный основной цвет текста */
|
|
283
|
-
export var
|
|
283
|
+
export var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #171717C4)';
|
|
284
284
|
/** Инвертированный основной цвет текста */
|
|
285
|
-
export var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #
|
|
285
|
+
export var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #171717F5)';
|
|
286
286
|
/** Инвертированный вторичный цвет текста */
|
|
287
|
-
export var
|
|
287
|
+
export var inverseTextSecondary = 'var(--inverse-text-secondary, #1717178F)';
|
|
288
288
|
/** Инвертированный вторичный цвет текста */
|
|
289
|
-
export var
|
|
289
|
+
export var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #171717FF)';
|
|
290
290
|
/** Инвертированный вторичный цвет текста */
|
|
291
|
-
export var
|
|
291
|
+
export var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #171717AB)';
|
|
292
292
|
/** Инвертированный третичный цвет текста */
|
|
293
|
-
export var
|
|
293
|
+
export var inverseTextTertiary = 'var(--inverse-text-tertiary, #17171747)';
|
|
294
294
|
/** Инвертированный третичный цвет текста */
|
|
295
|
-
export var
|
|
295
|
+
export var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #171717FF)';
|
|
296
296
|
/** Инвертированный третичный цвет текста */
|
|
297
|
-
export var
|
|
298
|
-
/** Инвертированный
|
|
299
|
-
export var
|
|
300
|
-
/** Инвертированный
|
|
301
|
-
export var
|
|
302
|
-
/** Инвертированный
|
|
303
|
-
export var
|
|
297
|
+
export var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #17171756)';
|
|
298
|
+
/** Инвертированный сплошной наборный текст */
|
|
299
|
+
export var inverseTextParagraph = 'var(--inverse-text-paragraph, #171717CC)';
|
|
300
|
+
/** Инвертированный сплошной наборный текст */
|
|
301
|
+
export var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #1717177A)';
|
|
302
|
+
/** Инвертированный сплошной наборный текст */
|
|
303
|
+
export var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #171717A3)';
|
|
304
304
|
/** Инвертированный акцентный цвет */
|
|
305
|
-
export var
|
|
305
|
+
export var inverseTextAccent = 'var(--inverse-text-accent, #108E26)';
|
|
306
306
|
/** Инвертированный акцентный цвет */
|
|
307
|
-
export var
|
|
307
|
+
export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #13AA2CFF)';
|
|
308
|
+
/** Инвертированный акцентный цвет */
|
|
309
|
+
export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #0D731EFF)';
|
|
308
310
|
/** Инвертированный акцентный цвет с градиентом */
|
|
309
311
|
export var inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)';
|
|
310
312
|
/** Инвертированный акцентный цвет с градиентом */
|
|
311
313
|
export var inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)';
|
|
312
314
|
/** Инвертированный минорный акцентный цвет */
|
|
313
|
-
export var
|
|
315
|
+
export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #28D247)';
|
|
316
|
+
/** Инвертированный минорный акцентный цвет */
|
|
317
|
+
export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #3EDA5BFF)';
|
|
314
318
|
/** Инвертированный минорный акцентный цвет */
|
|
315
|
-
export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #
|
|
319
|
+
export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #23B83EFF)';
|
|
320
|
+
/** Инвертированный цвет успеха */
|
|
321
|
+
export var inverseTextPositive = 'var(--inverse-text-positive, #108E26)';
|
|
316
322
|
/** Инвертированный цвет успеха */
|
|
317
323
|
export var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #13AA2CFF)';
|
|
318
324
|
/** Инвертированный цвет успеха */
|
|
319
325
|
export var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #0D731EFF)';
|
|
320
326
|
/** Инвертированный цвет предупреждения */
|
|
327
|
+
export var inverseTextWarning = 'var(--inverse-text-warning, #E85702)';
|
|
328
|
+
/** Инвертированный цвет предупреждения */
|
|
321
329
|
export var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FD650DFF)';
|
|
322
330
|
/** Инвертированный цвет предупреждения */
|
|
323
331
|
export var inverseTextWarningActive = 'var(--inverse-text-warning-active, #CA4B02FF)';
|
|
324
332
|
/** Инвертированный цвет ошибки */
|
|
333
|
+
export var inverseTextNegative = 'var(--inverse-text-negative, #F31B31)';
|
|
334
|
+
/** Инвертированный цвет ошибки */
|
|
325
335
|
export var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #F5384BFF)';
|
|
326
336
|
/** Инвертированный цвет ошибки */
|
|
327
337
|
export var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #E40C22FF)';
|
|
328
338
|
/** Инвертированный цвет информации */
|
|
329
|
-
export var
|
|
339
|
+
export var inverseTextInfo = 'var(--inverse-text-info, #0B7ECB)';
|
|
330
340
|
/** Инвертированный цвет информации */
|
|
331
|
-
export var
|
|
341
|
+
export var inverseTextInfoHover = 'var(--inverse-text-info-hover, #34A7F4FF)';
|
|
342
|
+
/** Инвертированный цвет информации */
|
|
343
|
+
export var inverseTextInfoActive = 'var(--inverse-text-info-active, #096CAEFF)';
|
|
344
|
+
/** Инвертированный минорный цвет успеха */
|
|
345
|
+
export var inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #28D247)';
|
|
332
346
|
/** Инвертированный минорный цвет успеха */
|
|
333
347
|
export var inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #3EDA5BFF)';
|
|
334
348
|
/** Инвертированный минорный цвет успеха */
|
|
335
349
|
export var inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #23B83EFF)';
|
|
336
350
|
/** Инвертированный минорный цвет предупреждения */
|
|
351
|
+
export var inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FD9C68)';
|
|
352
|
+
/** Инвертированный минорный цвет предупреждения */
|
|
337
353
|
export var inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FDB086FF)';
|
|
338
354
|
/** Инвертированный минорный цвет предупреждения */
|
|
339
355
|
export var inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FC884AFF)';
|
|
340
356
|
/** Инвертированный минорный цвет ошибки */
|
|
357
|
+
export var inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9A)';
|
|
358
|
+
/** Инвертированный минорный цвет ошибки */
|
|
341
359
|
export var inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFADB6FF)';
|
|
342
360
|
/** Инвертированный минорный цвет ошибки */
|
|
343
361
|
export var inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FF707EFF)';
|
|
344
362
|
/** Инвертированный минорный цвет информации */
|
|
345
|
-
export var
|
|
363
|
+
export var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #52BAFF)';
|
|
346
364
|
/** Инвертированный минорный цвет информации */
|
|
347
|
-
export var
|
|
348
|
-
/** Инвертированный акцентный цвет */
|
|
349
|
-
export var inverseTextAccent = 'var(--inverse-text-accent, #2A72F8)';
|
|
350
|
-
/** Инвертированный минорный акцентный цвет */
|
|
351
|
-
export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #8BB2FC)';
|
|
352
|
-
/** Инвертированный акцентный цвет с градиентом */
|
|
353
|
-
export var inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))';
|
|
354
|
-
/** Инвертированный цвет успеха */
|
|
355
|
-
export var inverseTextPositive = 'var(--inverse-text-positive, #108E26)';
|
|
356
|
-
/** Инвертированный цвет предупреждения */
|
|
357
|
-
export var inverseTextWarning = 'var(--inverse-text-warning, #E85702)';
|
|
358
|
-
/** Инвертированный цвет ошибки */
|
|
359
|
-
export var inverseTextNegative = 'var(--inverse-text-negative, #F31B31)';
|
|
360
|
-
/** Инвертированный цвет информации */
|
|
361
|
-
export var inverseTextInfo = 'var(--inverse-text-info, #2A72F8)';
|
|
362
|
-
/** Инвертированный минорный цвет успеха */
|
|
363
|
-
export var inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #28D247)';
|
|
364
|
-
/** Инвертированный минорный цвет предупреждения */
|
|
365
|
-
export var inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FD9C68)';
|
|
366
|
-
/** Инвертированный минорный цвет ошибки */
|
|
367
|
-
export var inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9A)';
|
|
365
|
+
export var inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #A3DAFFFF)';
|
|
368
366
|
/** Инвертированный минорный цвет информации */
|
|
369
|
-
export var
|
|
367
|
+
export var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #33ADFFFF)';
|
|
368
|
+
/** Инвертированный акцентный цвет с градиентом */
|
|
369
|
+
export var inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%))';
|
|
370
|
+
/** Основной непрозрачный фон поверхности/контрола */
|
|
371
|
+
export var surfaceSolidPrimary = 'var(--surface-solid-primary, #171717)';
|
|
370
372
|
/** Основной непрозрачный фон поверхности/контрола */
|
|
371
373
|
export var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)';
|
|
372
374
|
/** Основной непрозрачный фон поверхности/контрола */
|
|
373
375
|
export var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #121212FF)';
|
|
374
376
|
/** Основной непрозрачный фон поверхности/контрола */
|
|
375
|
-
export var surfaceSolidPrimary = 'var(--surface-solid-primary, #171717)';
|
|
376
|
-
/** Основной непрозрачный фон поверхности/контрола */
|
|
377
377
|
export var surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #262626FF)';
|
|
378
378
|
/** Вторичный непрозрачный фон поверхности/контрола */
|
|
379
|
+
export var surfaceSolidSecondary = 'var(--surface-solid-secondary, #262626)';
|
|
380
|
+
/** Вторичный непрозрачный фон поверхности/контрола */
|
|
379
381
|
export var surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #303030FF)';
|
|
380
382
|
/** Вторичный непрозрачный фон поверхности/контрола */
|
|
381
383
|
export var surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #212121FF)';
|
|
382
|
-
/**
|
|
383
|
-
export var
|
|
384
|
+
/** Третичный непрозрачный фон поверхности/контрола */
|
|
385
|
+
export var surfaceSolidTertiary = 'var(--surface-solid-tertiary, #363636)';
|
|
384
386
|
/** Третичный непрозрачный фон поверхности/контрола */
|
|
385
387
|
export var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #404040FF)';
|
|
386
388
|
/** Третичный непрозрачный фон поверхности/контрола */
|
|
387
389
|
export var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #303030FF)';
|
|
388
|
-
/**
|
|
389
|
-
export var
|
|
390
|
+
/** Основной фон для карточек */
|
|
391
|
+
export var surfaceSolidCard = 'var(--surface-solid-card, #171717)';
|
|
390
392
|
/** Основной фон для карточек */
|
|
391
393
|
export var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #1C1C1CFF)';
|
|
392
394
|
/** Основной фон для карточек */
|
|
393
395
|
export var surfaceSolidCardActive = 'var(--surface-solid-card-active, #121212FF)';
|
|
394
396
|
/** Основной фон для карточек */
|
|
395
|
-
export var surfaceSolidCard = 'var(--surface-solid-card, #171717)';
|
|
396
|
-
/** Основной фон для карточек */
|
|
397
397
|
export var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #262626FF)';
|
|
398
398
|
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
399
|
-
export var
|
|
399
|
+
export var surfaceSolidDefault = 'var(--surface-solid-default, #F9F9F9)';
|
|
400
400
|
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
401
|
-
export var
|
|
401
|
+
export var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
|
|
402
402
|
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
403
|
-
export var
|
|
403
|
+
export var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)';
|
|
404
|
+
/** Основной прозрачный фон поверхности/контрола */
|
|
405
|
+
export var surfaceTransparentPrimary = 'var(--surface-transparent-primary, rgba(255, 255, 255, 0.06))';
|
|
404
406
|
/** Основной прозрачный фон поверхности/контрола */
|
|
405
407
|
export var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF1F)';
|
|
406
408
|
/** Основной прозрачный фон поверхности/контрола */
|
|
407
409
|
export var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)';
|
|
408
|
-
/**
|
|
409
|
-
export var
|
|
410
|
+
/** Вторичный прозрачный фон поверхности/контрола */
|
|
411
|
+
export var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, rgba(255, 255, 255, 0.12))';
|
|
410
412
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
411
413
|
export var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)';
|
|
412
414
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
413
415
|
export var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)';
|
|
414
|
-
/**
|
|
415
|
-
export var
|
|
416
|
+
/** Третичный прозрачный фон поверхности/контрола */
|
|
417
|
+
export var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgba(255, 255, 255, 0.2))';
|
|
416
418
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
417
419
|
export var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)';
|
|
418
420
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
419
421
|
export var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)';
|
|
420
|
-
/**
|
|
421
|
-
export var
|
|
422
|
+
/** Глубокий прозрачный фон поверхности/контрола */
|
|
423
|
+
export var surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255, 255, 255, 0.64))';
|
|
424
|
+
/** Глубокий прозрачный фон поверхности/контрола */
|
|
422
425
|
export var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)';
|
|
426
|
+
/** Глубокий прозрачный фон поверхности/контрола */
|
|
423
427
|
export var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)';
|
|
424
|
-
export var surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255, 255, 255, 0.64))';
|
|
425
428
|
/** Прозрачный фон для карточек */
|
|
426
|
-
export var
|
|
429
|
+
export var surfaceTransparentCard = 'var(--surface-transparent-card, rgba(255, 255, 255, 0.06))';
|
|
427
430
|
/** Прозрачный фон для карточек */
|
|
428
|
-
export var
|
|
431
|
+
export var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF1F)';
|
|
429
432
|
/** Прозрачный фон для карточек */
|
|
430
|
-
export var
|
|
433
|
+
export var surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0A)';
|
|
431
434
|
/** Прозрачный фон для карточек */
|
|
432
|
-
export var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #
|
|
435
|
+
export var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FFFFFF0F)';
|
|
433
436
|
/** Фон поверхности/контрола без заливки */
|
|
434
|
-
export var
|
|
437
|
+
export var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
|
|
435
438
|
/** Фон поверхности/контрола без заливки */
|
|
436
|
-
export var
|
|
439
|
+
export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
|
|
437
440
|
/** Фон поверхности/контрола без заливки */
|
|
438
|
-
export var
|
|
441
|
+
export var surfaceClearActive = 'var(--surface-clear-active, #FFFFFFFF)';
|
|
439
442
|
/** Акцентный фон поверхности/контрола */
|
|
440
|
-
export var
|
|
443
|
+
export var surfaceAccent = 'var(--surface-accent, #1A9E32)';
|
|
441
444
|
/** Акцентный фон поверхности/контрола */
|
|
442
|
-
export var
|
|
445
|
+
export var surfaceAccentHover = 'var(--surface-accent-hover, #1DAF37FF)';
|
|
443
446
|
/** Акцентный фон поверхности/контрола */
|
|
444
|
-
export var
|
|
447
|
+
export var surfaceAccentActive = 'var(--surface-accent-active, #18952FFF)';
|
|
445
448
|
/** Акцентный фон поверхности/контрола с градиентом */
|
|
446
449
|
export var surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)';
|
|
447
450
|
/** Акцентный фон поверхности/контрола с градиентом */
|
|
448
451
|
export var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)';
|
|
449
|
-
/** Акцентный фон поверхности/контрола с градиентом */
|
|
450
|
-
export var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))';
|
|
451
452
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
452
|
-
export var
|
|
453
|
+
export var surfaceAccentMinor = 'var(--surface-accent-minor, #0A2B10)';
|
|
454
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
455
|
+
export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #0E3A16FF)';
|
|
453
456
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
454
|
-
export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #
|
|
457
|
+
export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #08210CFF)';
|
|
455
458
|
/** Прозрачный акцентный фон поверхности/контрола */
|
|
456
|
-
export var
|
|
459
|
+
export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #1A9E3233)';
|
|
457
460
|
/** Прозрачный акцентный фон поверхности/контрола */
|
|
458
|
-
export var
|
|
461
|
+
export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #1A9E3252)';
|
|
462
|
+
/** Прозрачный акцентный фон поверхности/контрола */
|
|
463
|
+
export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #1A9E3224)';
|
|
464
|
+
/** Цвет фона поверхности/контрола успех */
|
|
465
|
+
export var surfacePositive = 'var(--surface-positive, #1A9E32)';
|
|
459
466
|
/** Цвет фона поверхности/контрола успех */
|
|
460
467
|
export var surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)';
|
|
461
468
|
/** Цвет фона поверхности/контрола успех */
|
|
462
469
|
export var surfacePositiveActive = 'var(--surface-positive-active, #18952FFF)';
|
|
463
|
-
/** Цвет фона поверхности/контрола
|
|
464
|
-
export var
|
|
470
|
+
/** Цвет фона поверхности/контрола предупреждение */
|
|
471
|
+
export var surfaceWarning = 'var(--surface-warning, #FA5F05)';
|
|
465
472
|
/** Цвет фона поверхности/контрола предупреждение */
|
|
466
473
|
export var surfaceWarningHover = 'var(--surface-warning-hover, #FB7223FF)';
|
|
467
474
|
/** Цвет фона поверхности/контрола предупреждение */
|
|
468
475
|
export var surfaceWarningActive = 'var(--surface-warning-active, #F05B05FF)';
|
|
469
|
-
/** Цвет фона поверхности/контрола
|
|
470
|
-
export var
|
|
476
|
+
/** Цвет фона поверхности/контрола ошибка */
|
|
477
|
+
export var surfaceNegative = 'var(--surface-negative, #FF293E)';
|
|
471
478
|
/** Цвет фона поверхности/контрола ошибка */
|
|
472
479
|
export var surfaceNegativeHover = 'var(--surface-negative-hover, #FF475AFF)';
|
|
473
480
|
/** Цвет фона поверхности/контрола ошибка */
|
|
474
481
|
export var surfaceNegativeActive = 'var(--surface-negative-active, #FF1F35FF)';
|
|
475
|
-
/** Цвет фона поверхности/контрола ошибка */
|
|
476
|
-
export var surfaceNegative = 'var(--surface-negative, #FF293E)';
|
|
477
482
|
/** Цвет фона поверхности/контрола информация */
|
|
478
|
-
export var
|
|
483
|
+
export var surfaceInfo = 'var(--surface-info, #118CDF)';
|
|
484
|
+
/** Цвет фона поверхности/контрола информация */
|
|
485
|
+
export var surfaceInfoHover = 'var(--surface-info-hover, #1798EEFF)';
|
|
479
486
|
/** Цвет фона поверхности/контрола информация */
|
|
480
|
-
export var surfaceInfoActive = 'var(--surface-info-active, #
|
|
487
|
+
export var surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)';
|
|
488
|
+
/** Минорный цвет фона поверхности/контрола успех */
|
|
489
|
+
export var surfacePositiveMinor = 'var(--surface-positive-minor, #0A2B10)';
|
|
481
490
|
/** Минорный цвет фона поверхности/контрола успех */
|
|
482
491
|
export var surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)';
|
|
483
492
|
/** Минорный цвет фона поверхности/контрола успех */
|
|
484
493
|
export var surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)';
|
|
485
494
|
/** Минорный цвет фона поверхности/контрола предупреждение */
|
|
495
|
+
export var surfaceWarningMinor = 'var(--surface-warning-minor, #3D1D0A)';
|
|
496
|
+
/** Минорный цвет фона поверхности/контрола предупреждение */
|
|
486
497
|
export var surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)';
|
|
487
498
|
/** Минорный цвет фона поверхности/контрола предупреждение */
|
|
488
499
|
export var surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)';
|
|
489
500
|
/** Минорный цвет фона поверхности/контрола ошибка */
|
|
501
|
+
export var surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)';
|
|
502
|
+
/** Минорный цвет фона поверхности/контрола ошибка */
|
|
490
503
|
export var surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)';
|
|
491
504
|
/** Минорный цвет фона поверхности/контрола ошибка */
|
|
492
505
|
export var surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)';
|
|
493
506
|
/** Минорный цвет фона поверхности/контрола информация */
|
|
494
|
-
export var
|
|
507
|
+
export var surfaceInfoMinor = 'var(--surface-info-minor, #0C283B)';
|
|
495
508
|
/** Минорный цвет фона поверхности/контрола информация */
|
|
496
|
-
export var
|
|
509
|
+
export var surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)';
|
|
510
|
+
/** Минорный цвет фона поверхности/контрола информация */
|
|
511
|
+
export var surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)';
|
|
512
|
+
/** Прозрачный цвет фона поверхности/контрола успех */
|
|
513
|
+
export var surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E3233)';
|
|
497
514
|
/** Прозрачный цвет фона поверхности/контрола успех */
|
|
498
515
|
export var surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3252)';
|
|
499
516
|
/** Прозрачный цвет фона поверхности/контрола успех */
|
|
500
517
|
export var surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3224)';
|
|
501
518
|
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
519
|
+
export var surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F0533)';
|
|
520
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
502
521
|
export var surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0552)';
|
|
503
522
|
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
504
523
|
export var surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0524)';
|
|
505
524
|
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
525
|
+
export var surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E33)';
|
|
526
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
506
527
|
export var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E52)';
|
|
507
528
|
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
508
529
|
export var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E24)';
|
|
509
530
|
/** Прозрачный цвет фона поверхности/контрола информация */
|
|
510
|
-
export var
|
|
531
|
+
export var surfaceTransparentInfo = 'var(--surface-transparent-info, #118CDF33)';
|
|
511
532
|
/** Прозрачный цвет фона поверхности/контрола информация */
|
|
512
|
-
export var
|
|
513
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
514
|
-
export var surfaceAccentMinor = 'var(--surface-accent-minor, #082254)';
|
|
515
|
-
/** Минорный цвет фона поверхности/контрола успех */
|
|
516
|
-
export var surfacePositiveMinor = 'var(--surface-positive-minor, #0A2B10)';
|
|
517
|
-
/** Минорный цвет фона поверхности/контрола предупреждение */
|
|
518
|
-
export var surfaceWarningMinor = 'var(--surface-warning-minor, #3D1D0A)';
|
|
519
|
-
/** Минорный цвет фона поверхности/контрола ошибка */
|
|
520
|
-
export var surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)';
|
|
521
|
-
/** Прозрачный цвет фона поверхности/контрола успех */
|
|
522
|
-
export var surfaceTransparentPositive = 'var(--surface-transparent-positive, rgba(26, 158, 50, 0.20))';
|
|
523
|
-
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
524
|
-
export var surfaceTransparentWarning = 'var(--surface-transparent-warning, rgba(250, 95, 5, 0.20))';
|
|
525
|
-
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
526
|
-
export var surfaceTransparentNegative = 'var(--surface-transparent-negative, rgba(255, 41, 62, 0.20))';
|
|
527
|
-
/** Цвет фона поверхности/контрола информация */
|
|
528
|
-
export var surfaceInfo = 'var(--surface-info, #3F81FD)';
|
|
529
|
-
/** Минорный цвет фона поверхности/контрола информация */
|
|
530
|
-
export var surfaceInfoMinor = 'var(--surface-info-minor, #082254)';
|
|
531
|
-
/** Прозрачный акцентный фон поверхности/контрола */
|
|
532
|
-
export var surfaceTransparentAccent = 'var(--surface-transparent-accent, rgba(63, 129, 253, 0.20))';
|
|
533
|
+
export var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF52)';
|
|
533
534
|
/** Прозрачный цвет фона поверхности/контрола информация */
|
|
534
|
-
export var
|
|
535
|
-
/**
|
|
535
|
+
export var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF24)';
|
|
536
|
+
/** Акцентный фон поверхности/контрола с градиентом */
|
|
537
|
+
export var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))';
|
|
538
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
539
|
+
export var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)';
|
|
540
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
536
541
|
export var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
|
|
537
|
-
/**
|
|
542
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
538
543
|
export var onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #121212FF)';
|
|
539
|
-
/**
|
|
540
|
-
export var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)';
|
|
541
|
-
/** Осн. непрозрачный фон поверхности/контрола на темном фоне */
|
|
544
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
542
545
|
export var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #262626FF)';
|
|
543
|
-
/** Вторичный
|
|
546
|
+
/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
547
|
+
export var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #262626)';
|
|
548
|
+
/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
544
549
|
export var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #303030FF)';
|
|
545
|
-
/** Вторичный
|
|
550
|
+
/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
546
551
|
export var onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #212121FF)';
|
|
547
|
-
/**
|
|
548
|
-
export var
|
|
549
|
-
/** Третичный
|
|
552
|
+
/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
553
|
+
export var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #363636)';
|
|
554
|
+
/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
550
555
|
export var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #404040FF)';
|
|
551
|
-
/** Третичный
|
|
556
|
+
/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
552
557
|
export var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #303030FF)';
|
|
553
|
-
/**
|
|
554
|
-
export var
|
|
558
|
+
/** Основной фон для карточек на темном фоне */
|
|
559
|
+
export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #171717)';
|
|
555
560
|
/** Основной фон для карточек на темном фоне */
|
|
556
561
|
export var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #1C1C1CFF)';
|
|
557
562
|
/** Основной фон для карточек на темном фоне */
|
|
558
563
|
export var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #121212FF)';
|
|
559
564
|
/** Основной фон для карточек на темном фоне */
|
|
560
|
-
export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #171717)';
|
|
561
|
-
/** Основной фон для карточек на темном фоне */
|
|
562
565
|
export var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #262626FF)';
|
|
563
|
-
/**
|
|
566
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
|
|
567
|
+
export var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F9F9F9)';
|
|
568
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
|
|
564
569
|
export var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)';
|
|
565
|
-
/**
|
|
566
|
-
export var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #
|
|
567
|
-
/**
|
|
568
|
-
export var
|
|
570
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
|
|
571
|
+
export var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F5F5F5FF)';
|
|
572
|
+
/** Основной прозрачный фон поверхности/контрола на темном фоне */
|
|
573
|
+
export var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255, 255, 255, 0.06))';
|
|
569
574
|
/** Основной прозрачный фон поверхности/контрола на темном фоне */
|
|
570
575
|
export var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)';
|
|
571
576
|
/** Основной прозрачный фон поверхности/контрола на темном фоне */
|
|
572
577
|
export var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)';
|
|
573
|
-
/**
|
|
574
|
-
export var
|
|
575
|
-
/** Вторичный
|
|
578
|
+
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
579
|
+
export var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, rgba(255, 255, 255, 0.12))';
|
|
580
|
+
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
576
581
|
export var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)';
|
|
577
|
-
/** Вторичный
|
|
582
|
+
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
578
583
|
export var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)';
|
|
579
|
-
/**
|
|
580
|
-
export var
|
|
581
|
-
/** Третичный
|
|
584
|
+
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
585
|
+
export var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255, 255, 255, 0.2))';
|
|
586
|
+
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
582
587
|
export var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)';
|
|
583
|
-
/** Третичный
|
|
588
|
+
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
584
589
|
export var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)';
|
|
585
|
-
/**
|
|
586
|
-
export var
|
|
590
|
+
/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
|
|
591
|
+
export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255, 255, 255, 0.64))';
|
|
592
|
+
/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
|
|
587
593
|
export var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)';
|
|
594
|
+
/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
|
|
588
595
|
export var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)';
|
|
589
|
-
export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255, 255, 255, 0.64))';
|
|
590
596
|
/** Прозрачный фон для карточек на темном фоне */
|
|
591
|
-
export var
|
|
597
|
+
export var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255, 255, 255, 0.06))';
|
|
592
598
|
/** Прозрачный фон для карточек на темном фоне */
|
|
593
|
-
export var
|
|
599
|
+
export var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)';
|
|
594
600
|
/** Прозрачный фон для карточек на темном фоне */
|
|
595
|
-
export var
|
|
601
|
+
export var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0A)';
|
|
596
602
|
/** Прозрачный фон для карточек на темном фоне */
|
|
597
|
-
export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #
|
|
603
|
+
export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFFFF0F)';
|
|
604
|
+
/** Фон поверхности/контрола без заливки на темном фоне */
|
|
605
|
+
export var onDarkSurfaceClear = 'var(--on-dark-surface-clear, #FFFFFF00)';
|
|
606
|
+
/** Фон поверхности/контрола без заливки на темном фоне */
|
|
607
|
+
export var onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFFFF)';
|
|
608
|
+
/** Фон поверхности/контрола без заливки на темном фоне */
|
|
609
|
+
export var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFFFF)';
|
|
598
610
|
/** Акцентный фон поверхности/контрола на темном фоне */
|
|
599
|
-
export var
|
|
611
|
+
export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #1A9E32)';
|
|
600
612
|
/** Акцентный фон поверхности/контрола на темном фоне */
|
|
601
|
-
export var
|
|
613
|
+
export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #1DAF37FF)';
|
|
602
614
|
/** Акцентный фон поверхности/контрола на темном фоне */
|
|
603
|
-
export var
|
|
604
|
-
/** Акцентный фон
|
|
615
|
+
export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #18952FFF)';
|
|
616
|
+
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
617
|
+
export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, #FFFFFF)';
|
|
618
|
+
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
605
619
|
export var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
606
|
-
/** Акцентный фон
|
|
620
|
+
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
607
621
|
export var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)';
|
|
608
|
-
/** Акцентный фон поверхн./контрола с градиентом на темном фоне */
|
|
609
|
-
export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))';
|
|
610
622
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
611
|
-
export var
|
|
623
|
+
export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0A2B10)';
|
|
612
624
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
613
|
-
export var
|
|
625
|
+
export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #0E3A16FF)';
|
|
626
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
627
|
+
export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #08210CFF)';
|
|
628
|
+
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
629
|
+
export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #1A9E3233)';
|
|
614
630
|
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
615
|
-
export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #
|
|
631
|
+
export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #1A9E3252)';
|
|
616
632
|
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
617
|
-
export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #
|
|
633
|
+
export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #1A9E3224)';
|
|
634
|
+
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
635
|
+
export var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)';
|
|
618
636
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
619
637
|
export var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)';
|
|
620
638
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
621
639
|
export var onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #18952FFF)';
|
|
622
|
-
/** Цвет фона поверхности/контрола
|
|
623
|
-
export var
|
|
624
|
-
/** Цвет фона
|
|
640
|
+
/** Цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
641
|
+
export var onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FA5F05)';
|
|
642
|
+
/** Цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
625
643
|
export var onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FB7223FF)';
|
|
626
|
-
/** Цвет фона
|
|
644
|
+
/** Цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
627
645
|
export var onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #F05B05FF)';
|
|
628
|
-
/** Цвет фона
|
|
629
|
-
export var
|
|
646
|
+
/** Цвет фона поверхности/контрола ошибка на темном фоне */
|
|
647
|
+
export var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)';
|
|
630
648
|
/** Цвет фона поверхности/контрола ошибка на темном фоне */
|
|
631
649
|
export var onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF475AFF)';
|
|
632
650
|
/** Цвет фона поверхности/контрола ошибка на темном фоне */
|
|
633
651
|
export var onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF1F35FF)';
|
|
634
|
-
/** Цвет фона поверхности/контрола ошибка на темном фоне */
|
|
635
|
-
export var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)';
|
|
636
652
|
/** Цвет фона поверхности/контрола информация на темном фоне */
|
|
637
|
-
export var
|
|
653
|
+
export var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #118CDF)';
|
|
654
|
+
/** Цвет фона поверхности/контрола информация на темном фоне */
|
|
655
|
+
export var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #1798EEFF)';
|
|
638
656
|
/** Цвет фона поверхности/контрола информация на темном фоне */
|
|
639
|
-
export var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #
|
|
657
|
+
export var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #1086D5FF)';
|
|
658
|
+
/** Минорный цвет фона поверхности/контрола успех на темном фоне */
|
|
659
|
+
export var onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)';
|
|
640
660
|
/** Минорный цвет фона поверхности/контрола успех на темном фоне */
|
|
641
661
|
export var onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)';
|
|
642
662
|
/** Минорный цвет фона поверхности/контрола успех на темном фоне */
|
|
643
663
|
export var onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #08210CFF)';
|
|
644
664
|
/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
665
|
+
export var onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)';
|
|
666
|
+
/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
645
667
|
export var onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)';
|
|
646
668
|
/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
647
669
|
export var onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)';
|
|
648
670
|
/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
|
|
671
|
+
export var onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)';
|
|
672
|
+
/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
|
|
649
673
|
export var onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)';
|
|
650
674
|
/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
|
|
651
675
|
export var onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)';
|
|
652
676
|
/** Минорный цвет фона поверхности/контрола информация на темном фоне */
|
|
653
|
-
export var
|
|
677
|
+
export var onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #0C283B)';
|
|
654
678
|
/** Минорный цвет фона поверхности/контрола информация на темном фоне */
|
|
655
|
-
export var
|
|
679
|
+
export var onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)';
|
|
680
|
+
/** Минорный цвет фона поверхности/контрола информация на темном фоне */
|
|
681
|
+
export var onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #0A2333FF)';
|
|
682
|
+
/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
|
|
683
|
+
export var onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, #1A9E3233)';
|
|
656
684
|
/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
|
|
657
685
|
export var onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3252)';
|
|
658
686
|
/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
|
|
659
687
|
export var onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3224)';
|
|
660
688
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
689
|
+
export var onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, #FA5F0533)';
|
|
690
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
661
691
|
export var onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0552)';
|
|
662
692
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
663
693
|
export var onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0524)';
|
|
664
694
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
695
|
+
export var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #FF293E33)';
|
|
696
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
665
697
|
export var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E52)';
|
|
666
698
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
667
699
|
export var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E24)';
|
|
668
700
|
/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
|
|
669
|
-
export var
|
|
701
|
+
export var onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, #118CDF33)';
|
|
670
702
|
/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
|
|
671
|
-
export var
|
|
672
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
673
|
-
export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #082254)';
|
|
674
|
-
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
675
|
-
export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, rgba(63, 129, 253, 0.20))';
|
|
676
|
-
/** Минорный цвет фона поверхности/контрола успех на темном фоне */
|
|
677
|
-
export var onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)';
|
|
678
|
-
/** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
679
|
-
export var onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)';
|
|
680
|
-
/** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
|
|
681
|
-
export var onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)';
|
|
682
|
-
/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
|
|
683
|
-
export var onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, rgba(26, 158, 50, 0.20))';
|
|
684
|
-
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
685
|
-
export var onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, rgba(250, 95, 5, 0.20))';
|
|
686
|
-
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
687
|
-
export var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, rgba(255, 41, 62, 0.20))';
|
|
688
|
-
/** Цвет фона поверхности/контрола информация на темном фоне */
|
|
689
|
-
export var onDarkSurfaceInfo = 'var(--on-dark-surface-info, #3F81FD)';
|
|
690
|
-
/** Минорный цвет фона поверхности/контрола информация на темном фоне */
|
|
691
|
-
export var onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #082254)';
|
|
703
|
+
export var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF52)';
|
|
692
704
|
/** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
|
|
693
|
-
export var
|
|
694
|
-
/**
|
|
705
|
+
export var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF24)';
|
|
706
|
+
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
707
|
+
export var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)';
|
|
708
|
+
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
695
709
|
export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)';
|
|
696
|
-
/**
|
|
710
|
+
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
697
711
|
export var onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)';
|
|
698
|
-
/**
|
|
699
|
-
export var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)';
|
|
700
|
-
/** Осн. непрозрачный фон поверхности/контрола на светлом фоне */
|
|
712
|
+
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
701
713
|
export var onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-primary-brightness, #FFFFFFFF)';
|
|
702
|
-
/**
|
|
714
|
+
/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
715
|
+
export var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #ECECEC)';
|
|
716
|
+
/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
703
717
|
export var onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F7F7F7FF)';
|
|
704
|
-
/**
|
|
718
|
+
/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
705
719
|
export var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E8E8E8FF)';
|
|
706
|
-
/**
|
|
707
|
-
export var
|
|
708
|
-
/** Третичный
|
|
720
|
+
/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
721
|
+
export var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #DDDDDD)';
|
|
722
|
+
/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
709
723
|
export var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #E8E8E8FF)';
|
|
710
|
-
/** Третичный
|
|
724
|
+
/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
711
725
|
export var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D9D9D9FF)';
|
|
712
|
-
/**
|
|
713
|
-
export var
|
|
726
|
+
/** Основной фон для карточек на светлом фоне */
|
|
727
|
+
export var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFF)';
|
|
714
728
|
/** Основной фон для карточек на светлом фоне */
|
|
715
729
|
export var onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)';
|
|
716
730
|
/** Основной фон для карточек на светлом фоне */
|
|
717
731
|
export var onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)';
|
|
718
732
|
/** Основной фон для карточек на светлом фоне */
|
|
719
|
-
export var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, rgba(255, 255, 255, 1))';
|
|
720
|
-
/** Основной фон для карточек на светлом фоне */
|
|
721
733
|
export var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
|
|
722
|
-
/**
|
|
734
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
735
|
+
export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)';
|
|
736
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
723
737
|
export var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0D0D0DFF)';
|
|
724
|
-
/**
|
|
738
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
725
739
|
export var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)';
|
|
726
|
-
/**
|
|
727
|
-
export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)';
|
|
728
|
-
/** Основной прозр. фон поверхности/контрола на светлом фоне */
|
|
740
|
+
/** Основной прозрачный фон поверхности/контрола на светлом фоне */
|
|
729
741
|
export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #08080812)';
|
|
730
|
-
/** Основной
|
|
742
|
+
/** Основной прозрачный фон поверхности/контрола на светлом фоне */
|
|
731
743
|
export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08080803)';
|
|
732
|
-
/**
|
|
733
|
-
export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, rgba(8, 8, 8, 0.03))';
|
|
734
|
-
/** Вторичный прозр. фон поверхности/контрола на светлом фоне */
|
|
744
|
+
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
735
745
|
export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081F)';
|
|
736
|
-
/** Вторичный
|
|
746
|
+
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
737
747
|
export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #0808080A)';
|
|
738
|
-
/**
|
|
739
|
-
export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, rgba(8, 8, 8, 0.06))';
|
|
740
|
-
/** Третичный прозр. фон поверхности/контрола на светлом фоне */
|
|
748
|
+
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
741
749
|
export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)';
|
|
742
|
-
/** Третичный
|
|
750
|
+
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
743
751
|
export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)';
|
|
744
|
-
/**
|
|
745
|
-
export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, rgba(8, 8, 8, 0.12))';
|
|
752
|
+
/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
|
|
746
753
|
export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)';
|
|
754
|
+
/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
|
|
747
755
|
export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #08080894)';
|
|
748
|
-
|
|
756
|
+
/** Прозрачный фон для карточек на светлом фоне */
|
|
757
|
+
export var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFF)';
|
|
749
758
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
750
759
|
export var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)';
|
|
751
760
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
752
761
|
export var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)';
|
|
753
762
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
754
|
-
export var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, rgba(255, 255, 255, 1))';
|
|
755
|
-
/** Прозрачный фон для карточек на светлом фоне */
|
|
756
763
|
export var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
|
|
764
|
+
/** Фон поверхности/контрола без заливки на светлом фоне */
|
|
765
|
+
export var onLightSurfaceClear = 'var(--on-light-surface-clear, #FFFFFF00)';
|
|
766
|
+
/** Фон поверхности/контрола без заливки на светлом фоне */
|
|
767
|
+
export var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFFFFFF)';
|
|
768
|
+
/** Фон поверхности/контрола без заливки на светлом фоне */
|
|
769
|
+
export var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFFFF)';
|
|
757
770
|
/** Акцентный фон поверхности/контрола на светлом фоне */
|
|
758
|
-
export var
|
|
771
|
+
export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #1A9E32)';
|
|
759
772
|
/** Акцентный фон поверхности/контрола на светлом фоне */
|
|
760
|
-
export var
|
|
773
|
+
export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #1DAF37FF)';
|
|
761
774
|
/** Акцентный фон поверхности/контрола на светлом фоне */
|
|
762
|
-
export var
|
|
763
|
-
/**
|
|
775
|
+
export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #18952FFF)';
|
|
776
|
+
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
764
777
|
export var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
765
|
-
/**
|
|
778
|
+
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
766
779
|
export var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)';
|
|
767
|
-
/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */
|
|
768
|
-
export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))';
|
|
769
780
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
770
|
-
export var
|
|
781
|
+
export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #9EFAAF)';
|
|
771
782
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
772
|
-
export var
|
|
783
|
+
export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #B1FBBFFF)';
|
|
784
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
785
|
+
export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #94F9A7FF)';
|
|
773
786
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
774
|
-
export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #
|
|
787
|
+
export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #1A9E323D)';
|
|
775
788
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
776
|
-
export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #
|
|
789
|
+
export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #1A9E320F)';
|
|
790
|
+
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
791
|
+
export var onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)';
|
|
777
792
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
778
|
-
export var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #
|
|
793
|
+
export var onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)';
|
|
779
794
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
780
|
-
export var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #
|
|
781
|
-
/** Цвет фона
|
|
782
|
-
export var
|
|
783
|
-
/** Цвет фона
|
|
784
|
-
export var
|
|
795
|
+
export var onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #18952FFF)';
|
|
796
|
+
/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
797
|
+
export var onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)';
|
|
798
|
+
/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
799
|
+
export var onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB7223FF)';
|
|
800
|
+
/** Цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
801
|
+
export var onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #F05B05FF)';
|
|
802
|
+
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
803
|
+
export var onLightSurfaceNegative = 'var(--on-light-surface-negative, #FF293E)';
|
|
785
804
|
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
786
|
-
export var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #
|
|
805
|
+
export var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF475AFF)';
|
|
787
806
|
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
788
|
-
export var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #
|
|
807
|
+
export var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF1F35FF)';
|
|
789
808
|
/** Цвет фона поверхности/контрола информация на светлом фоне */
|
|
790
|
-
export var
|
|
809
|
+
export var onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)';
|
|
791
810
|
/** Цвет фона поверхности/контрола информация на светлом фоне */
|
|
792
|
-
export var
|
|
811
|
+
export var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #1798EEFF)';
|
|
812
|
+
/** Цвет фона поверхности/контрола информация на светлом фоне */
|
|
813
|
+
export var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #1086D5FF)';
|
|
814
|
+
/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
|
|
815
|
+
export var onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #9EFAAF)';
|
|
793
816
|
/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
|
|
794
817
|
export var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #B1FBBFFF)';
|
|
795
818
|
/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
|
|
796
819
|
export var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #94F9A7FF)';
|
|
797
820
|
/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
821
|
+
export var onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FEE2D2)';
|
|
822
|
+
/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
798
823
|
export var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEE9DCFF)';
|
|
799
824
|
/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
800
825
|
export var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FEDCC8FF)';
|
|
801
826
|
/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
827
|
+
export var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FFE0E3)';
|
|
828
|
+
/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
802
829
|
export var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFEBEDFF)';
|
|
803
830
|
/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
804
831
|
export var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD6DAFF)';
|
|
805
832
|
/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
|
|
806
|
-
export var
|
|
833
|
+
export var onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #CFECFF)';
|
|
834
|
+
/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
|
|
835
|
+
export var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #DBF1FFFF)';
|
|
807
836
|
/** Минорный цвет фона поверхности/контрола информация на светлом фоне */
|
|
808
|
-
export var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #
|
|
837
|
+
export var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C7E9FFFF)';
|
|
809
838
|
/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
|
|
810
|
-
export var
|
|
839
|
+
export var onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, #1A9E321F)';
|
|
811
840
|
/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
|
|
812
|
-
export var
|
|
841
|
+
export var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E323D)';
|
|
842
|
+
/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
|
|
843
|
+
export var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E320F)';
|
|
813
844
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
814
|
-
export var
|
|
845
|
+
export var onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, #FA5F051F)';
|
|
815
846
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
816
|
-
export var
|
|
847
|
+
export var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F053D)';
|
|
817
848
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
818
|
-
export var
|
|
849
|
+
export var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F050F)';
|
|
819
850
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
820
|
-
export var
|
|
821
|
-
/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
|
|
822
|
-
export var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #2A72F83D)';
|
|
823
|
-
/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
|
|
824
|
-
export var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #2A72F80F)';
|
|
825
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
826
|
-
export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #DEE9FF)';
|
|
827
|
-
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
828
|
-
export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, rgba(42, 114, 248, 0.12))';
|
|
829
|
-
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
830
|
-
export var onLightSurfacePositive = 'var(--on-light-surface-positive, #108E26)';
|
|
831
|
-
/** Цвет фона поверхн./контрола предупреждение на светлом фоне */
|
|
832
|
-
export var onLightSurfaceWarning = 'var(--on-light-surface-warning, #E85702)';
|
|
833
|
-
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
834
|
-
export var onLightSurfaceNegative = 'var(--on-light-surface-negative, #F31B31)';
|
|
835
|
-
/** Минорный цвет фона поверхности/контрола успех на светлом фоне */
|
|
836
|
-
export var onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #9EFAAF)';
|
|
837
|
-
/** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
838
|
-
export var onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FEE2D2)';
|
|
839
|
-
/** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
840
|
-
export var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FFE0E3)';
|
|
841
|
-
/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
|
|
842
|
-
export var onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, rgba(16, 142, 38, 0.12))';
|
|
851
|
+
export var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #FF293E1F)';
|
|
843
852
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
844
|
-
export var
|
|
853
|
+
export var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #FF293E3D)';
|
|
845
854
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
846
|
-
export var
|
|
847
|
-
/**
|
|
848
|
-
export var
|
|
849
|
-
/**
|
|
850
|
-
export var
|
|
855
|
+
export var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #FF293E0F)';
|
|
856
|
+
/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
|
|
857
|
+
export var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF1F)';
|
|
858
|
+
/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
|
|
859
|
+
export var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #118CDF3D)';
|
|
851
860
|
/** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
|
|
852
|
-
export var
|
|
853
|
-
/**
|
|
861
|
+
export var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #118CDF0F)';
|
|
862
|
+
/** Основной прозрачный фон поверхности/контрола на светлом фоне */
|
|
863
|
+
export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080808)';
|
|
864
|
+
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
865
|
+
export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080f)';
|
|
866
|
+
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
867
|
+
export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081f)';
|
|
868
|
+
/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
|
|
869
|
+
export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #080808a3)';
|
|
870
|
+
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
871
|
+
export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #1a9e321f)';
|
|
872
|
+
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
873
|
+
export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))';
|
|
874
|
+
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
875
|
+
export var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F5F5F5)';
|
|
876
|
+
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
854
877
|
export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #FAFAFAFF)';
|
|
855
|
-
/** Инвертированный
|
|
878
|
+
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
856
879
|
export var inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #F0F0F0FF)';
|
|
857
|
-
/** Инвертированный
|
|
880
|
+
/** Инвертированный основной непрозрачный фон поверхности/контрола */
|
|
858
881
|
export var inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #FFFFFFFF)';
|
|
859
|
-
/** Инвертированный
|
|
882
|
+
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
883
|
+
export var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #ECECEC)';
|
|
884
|
+
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
860
885
|
export var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #F7F7F7FF)';
|
|
861
|
-
/** Инвертированный
|
|
886
|
+
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
862
887
|
export var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #E8E8E8FF)';
|
|
863
|
-
/** Инвертированный
|
|
888
|
+
/** Инвертированный третичный непрозрачный фон поверхности/контрола */
|
|
889
|
+
export var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #DDDDDD)';
|
|
890
|
+
/** Инвертированный третичный непрозрачный фон поверхности/контрола */
|
|
864
891
|
export var inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #E8E8E8FF)';
|
|
865
|
-
/** Инвертированный
|
|
892
|
+
/** Инвертированный третичный непрозрачный фон поверхности/контрола */
|
|
866
893
|
export var inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #D9D9D9FF)';
|
|
867
894
|
/** Инвертированный основной фон для карточек */
|
|
895
|
+
export var inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFF)';
|
|
896
|
+
/** Инвертированный основной фон для карточек */
|
|
868
897
|
export var inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)';
|
|
869
898
|
/** Инвертированный основной фон для карточек */
|
|
870
899
|
export var inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)';
|
|
871
900
|
/** Инвертированный основной фон для карточек */
|
|
872
901
|
export var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)';
|
|
873
902
|
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
903
|
+
export var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #080808)';
|
|
904
|
+
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
874
905
|
export var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #0D0D0DFF)';
|
|
875
906
|
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
876
907
|
export var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)';
|
|
@@ -891,565 +922,589 @@ export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transpare
|
|
|
891
922
|
/** Инвертированный глубокий прозрачный фон поверхности/контрола */
|
|
892
923
|
export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #08080894)';
|
|
893
924
|
/** Инвертированный прозрачный фон для карточек */
|
|
925
|
+
export var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF)';
|
|
926
|
+
/** Инвертированный прозрачный фон для карточек */
|
|
894
927
|
export var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)';
|
|
895
928
|
/** Инвертированный прозрачный фон для карточек */
|
|
896
929
|
export var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFFF)';
|
|
897
930
|
/** Инвертированный прозрачный фон для карточек */
|
|
898
931
|
export var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
|
|
899
932
|
/** Инвертированный фон поверхности/контрола без заливки */
|
|
933
|
+
export var inverseSurfaceClear = 'var(--inverse-surface-clear, #FFFFFF00)';
|
|
934
|
+
/** Инвертированный фон поверхности/контрола без заливки */
|
|
900
935
|
export var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFFFF)';
|
|
901
936
|
/** Инвертированный фон поверхности/контрола без заливки */
|
|
902
937
|
export var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFFFF)';
|
|
903
938
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
904
|
-
export var
|
|
939
|
+
export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #1A9E32)';
|
|
940
|
+
/** Инвертированный акцентный фон поверхности/контрола */
|
|
941
|
+
export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #1DAF37FF)';
|
|
905
942
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
906
|
-
export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #
|
|
943
|
+
export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #18952FFF)';
|
|
907
944
|
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
908
945
|
export var inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
909
946
|
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
910
947
|
export var inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)';
|
|
911
948
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
912
|
-
export var
|
|
949
|
+
export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #9EFAAF)';
|
|
950
|
+
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
951
|
+
export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #B1FBBFFF)';
|
|
913
952
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
914
|
-
export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #
|
|
953
|
+
export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #94F9A7FF)';
|
|
915
954
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
916
|
-
export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #
|
|
955
|
+
export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #1A9E323D)';
|
|
917
956
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
918
|
-
export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #
|
|
957
|
+
export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1A9E320F)';
|
|
919
958
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
920
|
-
export var
|
|
959
|
+
export var inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)';
|
|
921
960
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
922
|
-
export var
|
|
961
|
+
export var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)';
|
|
962
|
+
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
963
|
+
export var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #18952FFF)';
|
|
964
|
+
/** Инвертированный цвет фона поверхности/контрола предупреждение */
|
|
965
|
+
export var inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)';
|
|
923
966
|
/** Инвертированный цвет фона поверхности/контрола предупреждение */
|
|
924
|
-
export var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #
|
|
967
|
+
export var inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB7223FF)';
|
|
925
968
|
/** Инвертированный цвет фона поверхности/контрола предупреждение */
|
|
926
|
-
export var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #
|
|
969
|
+
export var inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #F05B05FF)';
|
|
970
|
+
/** Инвертированный цвет фона поверхности/контрола ошибка */
|
|
971
|
+
export var inverseSurfaceNegative = 'var(--inverse-surface-negative, #FF293E)';
|
|
927
972
|
/** Инвертированный цвет фона поверхности/контрола ошибка */
|
|
928
|
-
export var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #
|
|
973
|
+
export var inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #FF475AFF)';
|
|
929
974
|
/** Инвертированный цвет фона поверхности/контрола ошибка */
|
|
930
|
-
export var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #
|
|
975
|
+
export var inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #FF1F35FF)';
|
|
931
976
|
/** Инвертированный цвет фона поверхности/контрола информация */
|
|
932
|
-
export var
|
|
977
|
+
export var inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)';
|
|
933
978
|
/** Инвертированный цвет фона поверхности/контрола информация */
|
|
934
|
-
export var
|
|
979
|
+
export var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #1798EEFF)';
|
|
980
|
+
/** Инвертированный цвет фона поверхности/контрола информация */
|
|
981
|
+
export var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #1086D5FF)';
|
|
982
|
+
/** Инвертированный минорный цвет фона поверхности/контрола успех */
|
|
983
|
+
export var inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #9EFAAF)';
|
|
935
984
|
/** Инвертированный минорный цвет фона поверхности/контрола успех */
|
|
936
985
|
export var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #B1FBBFFF)';
|
|
937
986
|
/** Инвертированный минорный цвет фона поверхности/контрола успех */
|
|
938
987
|
export var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #94F9A7FF)';
|
|
939
988
|
/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
|
|
989
|
+
export var inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #FEE2D2)';
|
|
990
|
+
/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
|
|
940
991
|
export var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEE9DCFF)';
|
|
941
992
|
/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
|
|
942
993
|
export var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FEDCC8FF)';
|
|
943
994
|
/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
|
|
995
|
+
export var inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #FFE0E3)';
|
|
996
|
+
/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
|
|
944
997
|
export var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFEBEDFF)';
|
|
945
998
|
/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
|
|
946
999
|
export var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD6DAFF)';
|
|
947
1000
|
/** Инвертированный минорный цвет фона поверхности/контрола информация */
|
|
948
|
-
export var
|
|
1001
|
+
export var inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #CFECFF)';
|
|
1002
|
+
/** Инвертированный минорный цвет фона поверхности/контрола информация */
|
|
1003
|
+
export var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #DBF1FFFF)';
|
|
949
1004
|
/** Инвертированный минорный цвет фона поверхности/контрола информация */
|
|
950
|
-
export var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #
|
|
1005
|
+
export var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C7E9FFFF)';
|
|
1006
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
|
|
1007
|
+
export var inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, #1A9E321F)';
|
|
951
1008
|
/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
|
|
952
|
-
export var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #
|
|
1009
|
+
export var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E323D)';
|
|
953
1010
|
/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
|
|
954
|
-
export var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #
|
|
1011
|
+
export var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E320F)';
|
|
955
1012
|
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
956
|
-
export var
|
|
1013
|
+
export var inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, #FA5F051F)';
|
|
957
1014
|
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
958
|
-
export var
|
|
1015
|
+
export var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F053D)';
|
|
959
1016
|
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
960
|
-
export var
|
|
1017
|
+
export var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F050F)';
|
|
961
1018
|
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
962
|
-
export var
|
|
1019
|
+
export var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #FF293E1F)';
|
|
1020
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1021
|
+
export var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #FF293E3D)';
|
|
1022
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1023
|
+
export var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #FF293E0F)';
|
|
963
1024
|
/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
|
|
964
|
-
export var
|
|
1025
|
+
export var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF1F)';
|
|
965
1026
|
/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
|
|
966
|
-
export var
|
|
967
|
-
/**
|
|
968
|
-
export var
|
|
969
|
-
/** Инвертированный осн. непрозрачный фон поверхности/контрола */
|
|
970
|
-
export var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F5F5F5)';
|
|
971
|
-
/** Инвертированный втор. непрозрачный фон поверхности/контрола */
|
|
972
|
-
export var inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #ECECEC)';
|
|
973
|
-
/** Инвертированный трет.непрозрачный фон поверхности/контрола */
|
|
974
|
-
export var inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #DDDDDD)';
|
|
975
|
-
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
976
|
-
export var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #080808)';
|
|
977
|
-
/** Инвертированный прозрачный фон для карточек */
|
|
978
|
-
export var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF)';
|
|
1027
|
+
export var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #118CDF3D)';
|
|
1028
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
|
|
1029
|
+
export var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #118CDF0F)';
|
|
979
1030
|
/** Инвертированный основной прозрачный фон поверхности/контрола */
|
|
980
|
-
export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary,
|
|
1031
|
+
export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #08080808)';
|
|
981
1032
|
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
982
|
-
export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary,
|
|
1033
|
+
export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #0808080f)';
|
|
983
1034
|
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
984
|
-
export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary,
|
|
1035
|
+
export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #0808081f)';
|
|
985
1036
|
/** Инвертированный глубокий прозрачный фон поверхности/контрола */
|
|
986
|
-
export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep,
|
|
987
|
-
/** Инвертированный фон поверхности/контрола без заливки */
|
|
988
|
-
export var inverseSurfaceClear = 'var(--inverse-surface-clear, rgba(255,255,255,0.00))';
|
|
989
|
-
/** Инвертированный акцентный фон поверхности/контрола */
|
|
990
|
-
export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #2A72F8)';
|
|
991
|
-
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
992
|
-
export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #DEE9FF)';
|
|
993
|
-
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
994
|
-
export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))';
|
|
1037
|
+
export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #080808a3)';
|
|
995
1038
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
996
|
-
export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent,
|
|
997
|
-
/** Инвертированный
|
|
998
|
-
export var
|
|
999
|
-
/** Инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1000
|
-
export var inverseSurfaceWarning = 'var(--inverse-surface-warning, #E85702)';
|
|
1001
|
-
/** Инвертированный цвет фона поверхности/контрола ошибка */
|
|
1002
|
-
export var inverseSurfaceNegative = 'var(--inverse-surface-negative, #F31B31)';
|
|
1003
|
-
/** Инвертированный цвет фона поверхности/контрола информация */
|
|
1004
|
-
export var inverseSurfaceInfo = 'var(--inverse-surface-info, #2A72F8)';
|
|
1005
|
-
/** Инвертированный минорный цвет фона поверхности/контрола успех */
|
|
1006
|
-
export var inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #9EFAAF)';
|
|
1007
|
-
/** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
|
|
1008
|
-
export var inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #FEE2D2)';
|
|
1009
|
-
/** Инвертированный минорный цвет фона поверхности/контрола ошибка */
|
|
1010
|
-
export var inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #FFE0E3)';
|
|
1011
|
-
/** Инвертированный минорный цвет фона поверхности/контрола информация */
|
|
1012
|
-
export var inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #DEE9FF)';
|
|
1013
|
-
/** Прозрачный инвертированный цвет фона поверхности/контрола успех */
|
|
1014
|
-
export var inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, rgba(16,142,38,0.12))';
|
|
1015
|
-
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1016
|
-
export var inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, rgba(232,87,2,0.12))';
|
|
1017
|
-
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1018
|
-
export var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, rgba(243,27,49,0.12))';
|
|
1019
|
-
/** Прозрачный инвертированный цвет фона поверхности/контрола информация */
|
|
1020
|
-
export var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, rgba(42,114,248,0.12))';
|
|
1039
|
+
export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #1a9e321f)';
|
|
1040
|
+
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
1041
|
+
export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))';
|
|
1021
1042
|
/** Основной фон */
|
|
1022
1043
|
export var backgroundPrimary = 'var(--background-primary, #080808)';
|
|
1023
|
-
/** Основной фон */
|
|
1024
|
-
export var backgroundPrimaryBrightness = 'var(--background-primary-brightness, #171717)';
|
|
1025
1044
|
/** Основной фон на темном фоне */
|
|
1026
1045
|
export var darkBackgroundPrimary = 'var(--dark-background-primary, #080808)';
|
|
1027
1046
|
/** Основной фон на светлом фоне */
|
|
1028
1047
|
export var lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)';
|
|
1029
1048
|
/** Инвертированный основной фон */
|
|
1030
|
-
export var inverseBackgroundPrimaryBrightness = 'var(--inverse-background-primary-brightness, #FFFFFF)';
|
|
1031
|
-
/** Инвертированный основной фон */
|
|
1032
1049
|
export var inverseBackgroundPrimary = 'var(--inverse-background-primary, #F9F9F9)';
|
|
1033
1050
|
/** Цвет фона паранжи светлый */
|
|
1034
|
-
export var overlaySoft = 'var(--overlay-soft,
|
|
1051
|
+
export var overlaySoft = 'var(--overlay-soft, #0808088F)';
|
|
1035
1052
|
/** Цвет фона паранжи темный */
|
|
1036
|
-
export var overlayHard = 'var(--overlay-hard,
|
|
1037
|
-
|
|
1053
|
+
export var overlayHard = 'var(--overlay-hard, #080808F5)';
|
|
1054
|
+
/** Цвет фона паранжи размытый */
|
|
1055
|
+
export var overlayBlur = 'var(--overlay-blur, #08080847)';
|
|
1038
1056
|
/** Цвет фона паранжи светлый на темном фоне */
|
|
1039
|
-
export var onDarkOverlaySoft = 'var(--on-dark-overlay-soft,
|
|
1057
|
+
export var onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #0808088F)';
|
|
1040
1058
|
/** Цвет фона паранжи темный на темном фоне */
|
|
1041
|
-
export var onDarkOverlayHard = 'var(--on-dark-overlay-hard,
|
|
1042
|
-
|
|
1059
|
+
export var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #080808F5)';
|
|
1060
|
+
/** Цвет фона паранжи размытый на темном фоне */
|
|
1061
|
+
export var onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #08080847)';
|
|
1043
1062
|
/** Цвет фона паранжи светлый на светлом фоне */
|
|
1044
|
-
export var onLightOverlaySoft = 'var(--on-light-overlay-soft,
|
|
1063
|
+
export var onLightOverlaySoft = 'var(--on-light-overlay-soft, #F9F9F98F)';
|
|
1045
1064
|
/** Цвет фона паранжи темный на светлом фоне */
|
|
1046
|
-
export var onLightOverlayHard = 'var(--on-light-overlay-hard,
|
|
1047
|
-
|
|
1065
|
+
export var onLightOverlayHard = 'var(--on-light-overlay-hard, #F9F9F9F5)';
|
|
1066
|
+
/** Цвет фона паранжи размытый на светлом фоне */
|
|
1067
|
+
export var onLightOverlayBlur = 'var(--on-light-overlay-blur, #F9F9F947)';
|
|
1048
1068
|
/** Инвертированный цвет фона паранжи светлый */
|
|
1049
|
-
export var inverseOverlaySoft = 'var(--inverse-overlay-soft,
|
|
1069
|
+
export var inverseOverlaySoft = 'var(--inverse-overlay-soft, #F9F9F98F)';
|
|
1050
1070
|
/** Инвертированный цвет фона паранжи темный */
|
|
1051
|
-
export var inverseOverlayHard = 'var(--inverse-overlay-hard,
|
|
1071
|
+
export var inverseOverlayHard = 'var(--inverse-overlay-hard, #F9F9F9F5)';
|
|
1052
1072
|
/** Инвертированный цвет фона паранжи размытый */
|
|
1053
|
-
export var inverseOverlayBlur = 'var(--inverse-overlay-blur,
|
|
1073
|
+
export var inverseOverlayBlur = 'var(--inverse-overlay-blur, #F9F9F947)';
|
|
1074
|
+
/** Основной непрозрачный цвет обводки */
|
|
1075
|
+
export var outlineSolidPrimary = 'var(--outline-solid-primary, #262626)';
|
|
1054
1076
|
/** Основной непрозрачный цвет обводки */
|
|
1055
|
-
export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #
|
|
1077
|
+
export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)';
|
|
1056
1078
|
/** Основной непрозрачный цвет обводки */
|
|
1057
|
-
export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #
|
|
1079
|
+
export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #ADADADFF)';
|
|
1058
1080
|
/** Вторичный непрозрачный цвет обводки */
|
|
1059
|
-
export var
|
|
1081
|
+
export var outlineSolidSecondary = 'var(--outline-solid-secondary, #4E4E4E)';
|
|
1082
|
+
/** Вторичный непрозрачный цвет обводки */
|
|
1083
|
+
export var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #FFFFFFFF)';
|
|
1060
1084
|
/** Вторичный непрозрачный цвет обводки */
|
|
1061
|
-
export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #
|
|
1085
|
+
export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #8C8C8CFF)';
|
|
1086
|
+
/** Третичный непрозрачный цвет обводки */
|
|
1087
|
+
export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #858585)';
|
|
1062
1088
|
/** Третичный непрозрачный цвет обводки */
|
|
1063
|
-
export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #
|
|
1089
|
+
export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
|
|
1064
1090
|
/** Третичный непрозрачный цвет обводки */
|
|
1065
|
-
export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #
|
|
1091
|
+
export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #616161FF)';
|
|
1092
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
1093
|
+
export var outlineSolidDefault = 'var(--outline-solid-default, #F9F9F9)';
|
|
1094
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
1095
|
+
export var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #C7C7C7FF)';
|
|
1096
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
1097
|
+
export var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E0E0E0FF)';
|
|
1066
1098
|
/** Основной прозрачный цвет обводки */
|
|
1067
|
-
export var
|
|
1099
|
+
export var outlineTransparentPrimary = 'var(--outline-transparent-primary, rgba(255, 255, 255, 0.12))';
|
|
1100
|
+
/** Основной прозрачный цвет обводки */
|
|
1101
|
+
export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFFFF)';
|
|
1068
1102
|
/** Основной прозрачный цвет обводки */
|
|
1069
|
-
export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #
|
|
1103
|
+
export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF25)';
|
|
1104
|
+
/** Вторичный прозрачный цвет обводки */
|
|
1105
|
+
export var outlineTransparentSecondary = 'var(--outline-transparent-secondary, rgba(255, 255, 255, 0.28))';
|
|
1070
1106
|
/** Вторичный прозрачный цвет обводки */
|
|
1071
|
-
export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #
|
|
1107
|
+
export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #FFFFFFFF)';
|
|
1072
1108
|
/** Вторичный прозрачный цвет обводки */
|
|
1073
|
-
export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #
|
|
1109
|
+
export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #FFFFFF56)';
|
|
1074
1110
|
/** Третичный прозрачный цвет обводки */
|
|
1075
|
-
export var
|
|
1111
|
+
export var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, rgba(255, 255, 255, 0.56))';
|
|
1076
1112
|
/** Третичный прозрачный цвет обводки */
|
|
1077
|
-
export var
|
|
1113
|
+
export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #FFFFFFFF)';
|
|
1114
|
+
/** Третичный прозрачный цвет обводки */
|
|
1115
|
+
export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #FFFFFFAB)';
|
|
1116
|
+
/** Бесцветная обводка */
|
|
1117
|
+
export var outlineClear = 'var(--outline-clear, #FFFFFF00)';
|
|
1078
1118
|
/** Бесцветная обводка */
|
|
1079
|
-
export var outlineClearHover = 'var(--outline-clear-hover, #
|
|
1119
|
+
export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFFFF)';
|
|
1080
1120
|
/** Бесцветная обводка */
|
|
1081
|
-
export var outlineClearActive = 'var(--outline-clear-active, #
|
|
1121
|
+
export var outlineClearActive = 'var(--outline-clear-active, #FFFFFFFF)';
|
|
1122
|
+
/** Акцентный цвет обводки */
|
|
1123
|
+
export var outlineAccent = 'var(--outline-accent, #24B23E)';
|
|
1082
1124
|
/** Акцентный цвет обводки */
|
|
1083
|
-
export var outlineAccentHover = 'var(--outline-accent-hover, #
|
|
1125
|
+
export var outlineAccentHover = 'var(--outline-accent-hover, #2ACB47FF)';
|
|
1084
1126
|
/** Акцентный цвет обводки */
|
|
1085
|
-
export var outlineAccentActive = 'var(--outline-accent-active, #
|
|
1127
|
+
export var outlineAccentActive = 'var(--outline-accent-active, #1F9835FF)';
|
|
1128
|
+
/** Акцентный цвет обводки с градиентом */
|
|
1129
|
+
export var outlineAccentGradientHover = 'var(--outline-accent-gradient-hover, #CCCCCCFF)';
|
|
1130
|
+
/** Акцентный цвет обводки с градиентом */
|
|
1131
|
+
export var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #E6E6E6FF)';
|
|
1086
1132
|
/** Акцентный минорный непрозрачный цвет обводки */
|
|
1087
|
-
export var
|
|
1133
|
+
export var outlineAccentMinor = 'var(--outline-accent-minor, #095C18)';
|
|
1088
1134
|
/** Акцентный минорный непрозрачный цвет обводки */
|
|
1089
|
-
export var
|
|
1135
|
+
export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #0F9527FF)';
|
|
1136
|
+
/** Акцентный минорный непрозрачный цвет обводки */
|
|
1137
|
+
export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #0C7920FF)';
|
|
1138
|
+
/** Прозрачный акцентный цвет обводки */
|
|
1139
|
+
export var outlineTransparentAccent = 'var(--outline-transparent-accent, #24B23E47)';
|
|
1090
1140
|
/** Прозрачный акцентный цвет обводки */
|
|
1091
|
-
export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #
|
|
1141
|
+
export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #24B23EFF)';
|
|
1092
1142
|
/** Прозрачный акцентный цвет обводки */
|
|
1093
|
-
export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #
|
|
1143
|
+
export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #24B23E56)';
|
|
1144
|
+
/** Цвет обводки успех */
|
|
1145
|
+
export var outlinePositive = 'var(--outline-positive, #24B23E)';
|
|
1094
1146
|
/** Цвет обводки успех */
|
|
1095
|
-
export var outlinePositiveHover = 'var(--outline-positive-hover, #
|
|
1147
|
+
export var outlinePositiveHover = 'var(--outline-positive-hover, #2ACB47FF)';
|
|
1096
1148
|
/** Цвет обводки успех */
|
|
1097
|
-
export var outlinePositiveActive = 'var(--outline-positive-active, #
|
|
1149
|
+
export var outlinePositiveActive = 'var(--outline-positive-active, #1F9835FF)';
|
|
1150
|
+
/** Цвет обводки предупреждение */
|
|
1151
|
+
export var outlineWarning = 'var(--outline-warning, #FF7024)';
|
|
1098
1152
|
/** Цвет обводки предупреждение */
|
|
1099
1153
|
export var outlineWarningHover = 'var(--outline-warning-hover, #FF8442FF)';
|
|
1100
1154
|
/** Цвет обводки предупреждение */
|
|
1101
|
-
export var outlineWarningActive = 'var(--outline-warning-active, #
|
|
1155
|
+
export var outlineWarningActive = 'var(--outline-warning-active, #FF5D05FF)';
|
|
1156
|
+
/** Цвет обводки ошибка */
|
|
1157
|
+
export var outlineNegative = 'var(--outline-negative, #FF3D51)';
|
|
1102
1158
|
/** Цвет обводки ошибка */
|
|
1103
1159
|
export var outlineNegativeHover = 'var(--outline-negative-hover, #FF5C6CFF)';
|
|
1104
1160
|
/** Цвет обводки ошибка */
|
|
1105
|
-
export var outlineNegativeActive = 'var(--outline-negative-active, #
|
|
1161
|
+
export var outlineNegativeActive = 'var(--outline-negative-active, #FF1F35FF)';
|
|
1106
1162
|
/** Цвет обводки информация */
|
|
1107
|
-
export var
|
|
1163
|
+
export var outlineInfo = 'var(--outline-info, #199AF0)';
|
|
1108
1164
|
/** Цвет обводки информация */
|
|
1109
|
-
export var
|
|
1165
|
+
export var outlineInfoHover = 'var(--outline-info-hover, #66BCF5FF)';
|
|
1166
|
+
/** Цвет обводки информация */
|
|
1167
|
+
export var outlineInfoActive = 'var(--outline-info-active, #0E8ADDFF)';
|
|
1110
1168
|
/** Минорный цвет обводки успех */
|
|
1111
|
-
export var
|
|
1169
|
+
export var outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)';
|
|
1112
1170
|
/** Минорный цвет обводки успех */
|
|
1113
|
-
export var
|
|
1171
|
+
export var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
|
|
1172
|
+
/** Минорный цвет обводки успех */
|
|
1173
|
+
export var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #0C7920FF)';
|
|
1174
|
+
/** Минорный цвет обводки предупреждение */
|
|
1175
|
+
export var outlineWarningMinor = 'var(--outline-warning-minor, #85380C)';
|
|
1114
1176
|
/** Минорный цвет обводки предупреждение */
|
|
1115
|
-
export var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #
|
|
1177
|
+
export var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #BB4F11FF)';
|
|
1116
1178
|
/** Минорный цвет обводки предупреждение */
|
|
1117
|
-
export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #
|
|
1179
|
+
export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #9F440FFF)';
|
|
1118
1180
|
/** Минорный цвет обводки ошибка */
|
|
1119
|
-
export var
|
|
1181
|
+
export var outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)';
|
|
1182
|
+
/** Минорный цвет обводки ошибка */
|
|
1183
|
+
export var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B91828FF)';
|
|
1120
1184
|
/** Минорный цвет обводки ошибка */
|
|
1121
|
-
export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #
|
|
1185
|
+
export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #83111CFF)';
|
|
1186
|
+
/** Минорный цвет обводки информация */
|
|
1187
|
+
export var outlineInfoMinor = 'var(--outline-info-minor, #0D5382)';
|
|
1122
1188
|
/** Минорный цвет обводки информация */
|
|
1123
|
-
export var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #
|
|
1189
|
+
export var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
|
|
1124
1190
|
/** Минорный цвет обводки информация */
|
|
1125
|
-
export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #
|
|
1191
|
+
export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #10659EFF)';
|
|
1126
1192
|
/** Прозрачный цвет обводки успех */
|
|
1127
|
-
export var
|
|
1193
|
+
export var outlineTransparentPositive = 'var(--outline-transparent-positive, #24B23E47)';
|
|
1128
1194
|
/** Прозрачный цвет обводки успех */
|
|
1129
|
-
export var
|
|
1195
|
+
export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #24B23EFF)';
|
|
1196
|
+
/** Прозрачный цвет обводки успех */
|
|
1197
|
+
export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #24B23E56)';
|
|
1130
1198
|
/** Прозрачный цвет обводки предупреждение */
|
|
1131
|
-
export var
|
|
1199
|
+
export var outlineTransparentWarning = 'var(--outline-transparent-warning, #FF702447)';
|
|
1132
1200
|
/** Прозрачный цвет обводки предупреждение */
|
|
1133
|
-
export var
|
|
1201
|
+
export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF7024FF)';
|
|
1134
1202
|
/** Прозрачный цвет обводки предупреждение */
|
|
1135
|
-
export var
|
|
1203
|
+
export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FF702456)';
|
|
1136
1204
|
/** Прозрачный цвет обводки предупреждение */
|
|
1137
|
-
export var
|
|
1138
|
-
/** Прозрачный цвет обводки информация */
|
|
1139
|
-
export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #528EFF66)';
|
|
1140
|
-
/** Прозрачный цвет обводки информация */
|
|
1141
|
-
export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #528EFF38)';
|
|
1142
|
-
/** Основной непрозрачный цвет обводки */
|
|
1143
|
-
export var outlineSolidPrimary = 'var(--outline-solid-primary, #262626)';
|
|
1144
|
-
/** Вторичный непрозрачный цвет обводки */
|
|
1145
|
-
export var outlineSolidSecondary = 'var(--outline-solid-secondary, #4E4E4E)';
|
|
1146
|
-
/** Третичный непрозрачный цвет обводки */
|
|
1147
|
-
export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #707070)';
|
|
1148
|
-
export var outlineDefaultHover = 'var(--outline-default-hover, #FFFFFFFF)';
|
|
1149
|
-
export var outlineDefaultActive = 'var(--outline-default-active, #F5F5F5FF)';
|
|
1150
|
-
/** Основной прозрачный цвет обводки */
|
|
1151
|
-
export var outlineTransparentPrimary = 'var(--outline-transparent-primary, rgba(255, 255, 255, 0.12))';
|
|
1152
|
-
/** Вторичный прозрачный цвет обводки */
|
|
1153
|
-
export var outlineTransparentSecondary = 'var(--outline-transparent-secondary, rgba(255, 255, 255, 0.20))';
|
|
1154
|
-
/** Третичный прозрачный цвет обводки */
|
|
1155
|
-
export var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, rgba(255, 255, 255, 0.40))';
|
|
1156
|
-
/** Бесцветная обводка */
|
|
1157
|
-
export var outlineClear = 'var(--outline-clear, rgba(255, 255, 255, 0.00))';
|
|
1158
|
-
/** Акцентный цвет обводки */
|
|
1159
|
-
export var outlineAccent = 'var(--outline-accent, #3F81FD)';
|
|
1160
|
-
/** Акцентный минорный непрозрачный цвет обводки */
|
|
1161
|
-
export var outlineAccentMinor = 'var(--outline-accent-minor, #1549AB)';
|
|
1162
|
-
/** Прозрачный акцентный цвет обводки */
|
|
1163
|
-
export var outlineTransparentAccent = 'var(--outline-transparent-accent, rgba(82, 142, 255, 0.28))';
|
|
1164
|
-
/** Цвет обводки успех */
|
|
1165
|
-
export var outlinePositive = 'var(--outline-positive, #24B23E)';
|
|
1166
|
-
/** Цвет обводки предупреждение */
|
|
1167
|
-
export var outlineWarning = 'var(--outline-warning, #FF7024)';
|
|
1168
|
-
/** Цвет обводки ошибка */
|
|
1169
|
-
export var outlineNegative = 'var(--outline-negative, #FF3D51)';
|
|
1170
|
-
/** Минорный цвет обводки успех */
|
|
1171
|
-
export var outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)';
|
|
1172
|
-
/** Минорный цвет обводки предупреждение */
|
|
1173
|
-
export var outlineWarningMinor = 'var(--outline-warning-minor, #85380C)';
|
|
1174
|
-
/** Минорный цвет обводки ошибка */
|
|
1175
|
-
export var outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)';
|
|
1176
|
-
/** Прозрачный цвет обводки успех */
|
|
1177
|
-
export var outlineTransparentPositive = 'var(--outline-transparent-positive, rgba(36, 178, 62, 0.28))';
|
|
1205
|
+
export var outlineTransparentNegative = 'var(--outline-transparent-negative, #FF3D5147)';
|
|
1178
1206
|
/** Прозрачный цвет обводки предупреждение */
|
|
1179
|
-
export var
|
|
1207
|
+
export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF3D51FF)';
|
|
1180
1208
|
/** Прозрачный цвет обводки предупреждение */
|
|
1181
|
-
export var
|
|
1182
|
-
/** Цвет обводки информация */
|
|
1183
|
-
export var outlineInfo = 'var(--outline-info, #528EFF)';
|
|
1184
|
-
/** Минорный цвет обводки информация */
|
|
1185
|
-
export var outlineInfoMinor = 'var(--outline-info-minor, #1549AB)';
|
|
1209
|
+
export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF3D5156)';
|
|
1186
1210
|
/** Прозрачный цвет обводки информация */
|
|
1187
|
-
export var outlineTransparentInfo = 'var(--outline-transparent-info,
|
|
1188
|
-
|
|
1189
|
-
export var
|
|
1190
|
-
|
|
1211
|
+
export var outlineTransparentInfo = 'var(--outline-transparent-info, #199AF047)';
|
|
1212
|
+
/** Прозрачный цвет обводки информация */
|
|
1213
|
+
export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #199AF0FF)';
|
|
1214
|
+
/** Прозрачный цвет обводки информация */
|
|
1215
|
+
export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #199AF056)';
|
|
1216
|
+
/** Акцентный цвет обводки с градиентом */
|
|
1217
|
+
export var outlineAccentGradient = 'var(--outline-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))';
|
|
1218
|
+
/** Основной непрозрачный цвет обводки на темном фоне */
|
|
1219
|
+
export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
|
|
1191
1220
|
/** Основной непрозрачный цвет обводки на темном фоне */
|
|
1192
|
-
export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #
|
|
1221
|
+
export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
|
|
1193
1222
|
/** Основной непрозрачный цвет обводки на темном фоне */
|
|
1194
|
-
export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #
|
|
1223
|
+
export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #ADADADFF)';
|
|
1195
1224
|
/** Вторичный непрозрачный цвет обводки на темном фоне */
|
|
1196
|
-
export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #
|
|
1225
|
+
export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
|
|
1197
1226
|
/** Вторичный непрозрачный цвет обводки на темном фоне */
|
|
1198
|
-
export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #
|
|
1227
|
+
export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #A1A1A1FF)';
|
|
1199
1228
|
/** Третичный непрозрачный цвет обводки на темном фоне */
|
|
1200
|
-
export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #
|
|
1229
|
+
export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
|
|
1201
1230
|
/** Третичный непрозрачный цвет обводки на темном фоне */
|
|
1202
|
-
export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #
|
|
1231
|
+
export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #737373FF)';
|
|
1232
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
|
|
1233
|
+
export var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F9F9F9)';
|
|
1234
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
|
|
1235
|
+
export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #C7C7C7FF)';
|
|
1236
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
|
|
1237
|
+
export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E0E0E0FF)';
|
|
1203
1238
|
/** Основной прозрачный цвет обводки на темном фоне */
|
|
1204
|
-
export var
|
|
1239
|
+
export var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, rgba(255, 255, 255, 0.12))';
|
|
1240
|
+
/** Основной прозрачный цвет обводки на темном фоне */
|
|
1241
|
+
export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFFFF)';
|
|
1205
1242
|
/** Основной прозрачный цвет обводки на темном фоне */
|
|
1206
|
-
export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #
|
|
1243
|
+
export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF25)';
|
|
1207
1244
|
/** Вторичный прозрачный цвет обводки на темном фоне */
|
|
1208
|
-
export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #
|
|
1245
|
+
export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #FAFAFAFF)';
|
|
1209
1246
|
/** Вторичный прозрачный цвет обводки на темном фоне */
|
|
1210
|
-
export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #
|
|
1247
|
+
export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #FAFAFA56)';
|
|
1211
1248
|
/** Третичный прозрачный цвет обводки на темном фоне */
|
|
1212
|
-
export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #
|
|
1249
|
+
export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #FAFAFAFF)';
|
|
1213
1250
|
/** Третичный прозрачный цвет обводки на темном фоне */
|
|
1214
|
-
export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #
|
|
1251
|
+
export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FAFAFAAB)';
|
|
1252
|
+
/** Бесцветная обводка на темном фоне */
|
|
1253
|
+
export var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
|
|
1254
|
+
/** Бесцветная обводка на темном фоне */
|
|
1255
|
+
export var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFFFF)';
|
|
1256
|
+
/** Бесцветная обводка на темном фоне */
|
|
1257
|
+
export var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFFFF)';
|
|
1215
1258
|
/** Акцентный цвет обводки на темном фоне */
|
|
1216
|
-
export var
|
|
1259
|
+
export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #24B23E)';
|
|
1217
1260
|
/** Акцентный цвет обводки на темном фоне */
|
|
1218
|
-
export var
|
|
1261
|
+
export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #2ACB47FF)';
|
|
1262
|
+
/** Акцентный цвет обводки на темном фоне */
|
|
1263
|
+
export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #1F9835FF)';
|
|
1264
|
+
/** Акцентный цвет обводки с градиентом на темном фоне */
|
|
1265
|
+
export var onDarkOutlineAccentGradientHover = 'var(--on-dark-outline-accent-gradient-hover, #CCCCCCFF)';
|
|
1266
|
+
/** Акцентный цвет обводки с градиентом на темном фоне */
|
|
1267
|
+
export var onDarkOutlineAccentGradientActive = 'var(--on-dark-outline-accent-gradient-active, #E6E6E6FF)';
|
|
1268
|
+
/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
|
|
1269
|
+
export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #095C18)';
|
|
1219
1270
|
/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
|
|
1220
|
-
export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #
|
|
1271
|
+
export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #0F9527FF)';
|
|
1221
1272
|
/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
|
|
1222
|
-
export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #
|
|
1273
|
+
export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #0C7920FF)';
|
|
1223
1274
|
/** Прозрачный акцентный цвет обводки на темном фоне */
|
|
1224
|
-
export var
|
|
1275
|
+
export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #24B23E47)';
|
|
1225
1276
|
/** Прозрачный акцентный цвет обводки на темном фоне */
|
|
1226
|
-
export var
|
|
1277
|
+
export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #24B23EFF)';
|
|
1278
|
+
/** Прозрачный акцентный цвет обводки на темном фоне */
|
|
1279
|
+
export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #24B23E56)';
|
|
1280
|
+
/** Цвет обводки успех на темном фоне */
|
|
1281
|
+
export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
|
|
1227
1282
|
/** Цвет обводки успех на темном фоне */
|
|
1228
|
-
export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #
|
|
1283
|
+
export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #2ACB47FF)';
|
|
1229
1284
|
/** Цвет обводки успех на темном фоне */
|
|
1230
|
-
export var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #
|
|
1285
|
+
export var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #1F9835FF)';
|
|
1286
|
+
/** Цвет обводки предупреждение на темном фоне */
|
|
1287
|
+
export var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FF7024)';
|
|
1231
1288
|
/** Цвет обводки предупреждение на темном фоне */
|
|
1232
1289
|
export var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FF8442FF)';
|
|
1233
1290
|
/** Цвет обводки предупреждение на темном фоне */
|
|
1234
|
-
export var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #
|
|
1291
|
+
export var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #FF5D05FF)';
|
|
1292
|
+
/** Цвет обводки ошибка на темном фоне */
|
|
1293
|
+
export var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF3D51)';
|
|
1235
1294
|
/** Цвет обводки ошибка на темном фоне */
|
|
1236
1295
|
export var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF5C6CFF)';
|
|
1237
1296
|
/** Цвет обводки ошибка на темном фоне */
|
|
1238
|
-
export var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #
|
|
1297
|
+
export var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #FF1F35FF)';
|
|
1298
|
+
/** Цвет обводки информация на темном фоне */
|
|
1299
|
+
export var onDarkOutlineInfo = 'var(--on-dark-outline-info, #199AF0)';
|
|
1239
1300
|
/** Цвет обводки информация на темном фоне */
|
|
1240
|
-
export var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #
|
|
1301
|
+
export var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #66BCF5FF)';
|
|
1241
1302
|
/** Цвет обводки информация на темном фоне */
|
|
1242
|
-
export var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #
|
|
1303
|
+
export var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #0E8ADDFF)';
|
|
1304
|
+
/** Минорный цвет обводки успех на темном фоне */
|
|
1305
|
+
export var onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #095C18)';
|
|
1243
1306
|
/** Минорный цвет обводки успех на темном фоне */
|
|
1244
|
-
export var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #
|
|
1307
|
+
export var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
|
|
1245
1308
|
/** Минорный цвет обводки успех на темном фоне */
|
|
1246
|
-
export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #
|
|
1309
|
+
export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #0C7920FF)';
|
|
1310
|
+
/** Минорный цвет обводки предупреждение на темном фоне */
|
|
1311
|
+
export var onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)';
|
|
1247
1312
|
/** Минорный цвет обводки предупреждение на темном фоне */
|
|
1248
|
-
export var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #
|
|
1313
|
+
export var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
|
|
1249
1314
|
/** Минорный цвет обводки предупреждение на темном фоне */
|
|
1250
|
-
export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #
|
|
1315
|
+
export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #9F440FFF)';
|
|
1251
1316
|
/** Минорный цвет обводки ошибка на темном фоне */
|
|
1252
|
-
export var
|
|
1317
|
+
export var onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)';
|
|
1253
1318
|
/** Минорный цвет обводки ошибка на темном фоне */
|
|
1254
|
-
export var
|
|
1319
|
+
export var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B91828FF)';
|
|
1320
|
+
/** Минорный цвет обводки ошибка на темном фоне */
|
|
1321
|
+
export var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #83111CFF)';
|
|
1322
|
+
/** Минорный цвет обводки информация на темном фоне */
|
|
1323
|
+
export var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #0D5382)';
|
|
1255
1324
|
/** Минорный цвет обводки информация на темном фоне */
|
|
1256
|
-
export var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #
|
|
1325
|
+
export var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
|
|
1257
1326
|
/** Минорный цвет обводки информация на темном фоне */
|
|
1258
|
-
export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #
|
|
1327
|
+
export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #10659EFF)';
|
|
1328
|
+
/** Прозрачный цвет обводки успех на темном фоне */
|
|
1329
|
+
export var onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, #24B23E47)';
|
|
1259
1330
|
/** Прозрачный цвет обводки успех на темном фоне */
|
|
1260
|
-
export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #
|
|
1331
|
+
export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #24B23EFF)';
|
|
1261
1332
|
/** Прозрачный цвет обводки успех на темном фоне */
|
|
1262
|
-
export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #
|
|
1333
|
+
export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #24B23E56)';
|
|
1263
1334
|
/** Прозрачный цвет обводки предупреждение на темном фоне */
|
|
1264
|
-
export var
|
|
1335
|
+
export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, #FF702447)';
|
|
1265
1336
|
/** Прозрачный цвет обводки предупреждение на темном фоне */
|
|
1266
|
-
export var
|
|
1337
|
+
export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FF7024FF)';
|
|
1267
1338
|
/** Прозрачный цвет обводки предупреждение на темном фоне */
|
|
1268
|
-
export var
|
|
1339
|
+
export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FF702456)';
|
|
1269
1340
|
/** Прозрачный цвет обводки предупреждение на темном фоне */
|
|
1270
|
-
export var
|
|
1341
|
+
export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, #FF3D5147)';
|
|
1342
|
+
/** Прозрачный цвет обводки предупреждение на темном фоне */
|
|
1343
|
+
export var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF3D51FF)';
|
|
1344
|
+
/** Прозрачный цвет обводки предупреждение на темном фоне */
|
|
1345
|
+
export var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF3D5156)';
|
|
1271
1346
|
/** Прозрачный цвет обводки информация на темном фоне */
|
|
1272
|
-
export var
|
|
1347
|
+
export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, #199AF047)';
|
|
1273
1348
|
/** Прозрачный цвет обводки информация на темном фоне */
|
|
1274
|
-
export var
|
|
1275
|
-
|
|
1276
|
-
export var
|
|
1277
|
-
/** Основной непрозрачный цвет обводки на темном фоне */
|
|
1278
|
-
export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
|
|
1349
|
+
export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #199AF0FF)';
|
|
1350
|
+
/** Прозрачный цвет обводки информация на темном фоне */
|
|
1351
|
+
export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #199AF056)';
|
|
1279
1352
|
/** Вторичный непрозрачный цвет обводки на темном фоне */
|
|
1280
|
-
export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #
|
|
1353
|
+
export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #363636)';
|
|
1281
1354
|
/** Третичный непрозрачный цвет обводки на темном фоне */
|
|
1282
1355
|
export var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #707070)';
|
|
1283
|
-
/** Основной прозрачный цвет обводки на темном фоне */
|
|
1284
|
-
export var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, rgba(255, 255, 255, 0.12))';
|
|
1285
1356
|
/** Вторичный прозрачный цвет обводки на темном фоне */
|
|
1286
|
-
export var onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary,
|
|
1357
|
+
export var onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary, #f9f9f947)';
|
|
1287
1358
|
/** Третичный прозрачный цвет обводки на темном фоне */
|
|
1288
|
-
export var onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary,
|
|
1289
|
-
/** Акцентный цвет обводки на темном фоне */
|
|
1290
|
-
export var
|
|
1291
|
-
/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
|
|
1292
|
-
export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #1549AB)';
|
|
1293
|
-
/** Прозрачный акцентный цвет обводки на темном фоне */
|
|
1294
|
-
export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, rgba(82, 142, 255, 0.28))';
|
|
1295
|
-
/** Цвет обводки успех на темном фоне */
|
|
1296
|
-
export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
|
|
1297
|
-
/** Цвет обводки предупреждение на темном фоне */
|
|
1298
|
-
export var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FF7024)';
|
|
1299
|
-
/** Цвет обводки ошибка на темном фоне */
|
|
1300
|
-
export var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF3D51)';
|
|
1301
|
-
/** Минорный цвет обводки успех на темном фоне */
|
|
1302
|
-
export var onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #095C18)';
|
|
1303
|
-
/** Минорный цвет обводки предупреждение на темном фоне */
|
|
1304
|
-
export var onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)';
|
|
1305
|
-
/** Минорный цвет обводки ошибка на темном фоне */
|
|
1306
|
-
export var onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)';
|
|
1307
|
-
/** Прозрачный цвет обводки успех на темном фоне */
|
|
1308
|
-
export var onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, rgba(36, 178, 62, 0.28))';
|
|
1309
|
-
/** Прозрачный цвет обводки предупреждение на темном фоне */
|
|
1310
|
-
export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, rgba(255, 112, 36, 0.28))';
|
|
1311
|
-
/** Прозрачный цвет обводки предупреждение на темном фоне */
|
|
1312
|
-
export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, rgba(255, 61, 81, 0.28))';
|
|
1313
|
-
/** Цвет обводки информация на темном фоне */
|
|
1314
|
-
export var onDarkOutlineInfo = 'var(--on-dark-outline-info, #528EFF)';
|
|
1315
|
-
/** Минорный цвет обводки информация на темном фоне */
|
|
1316
|
-
export var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #1549AB)';
|
|
1317
|
-
/** Прозрачный цвет обводки информация на темном фоне */
|
|
1318
|
-
export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, rgba(82, 142, 255, 0.28))';
|
|
1319
|
-
export var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F9F9F9)';
|
|
1320
|
-
export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #C7C7C7FF)';
|
|
1321
|
-
export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E0E0E0FF)';
|
|
1359
|
+
export var onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary, #f9f9f98f)';
|
|
1360
|
+
/** Акцентный цвет обводки с градиентом на темном фоне */
|
|
1361
|
+
export var onDarkOutlineAccentGradient = 'var(--on-dark-outline-accent-gradient, linear-gradient(45deg, #1A9E32 0%, #04C6C9 100%))';
|
|
1322
1362
|
/** Основной непрозрачный цвет обводки на светлом фоне */
|
|
1323
|
-
export var
|
|
1363
|
+
export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)';
|
|
1364
|
+
/** Основной непрозрачный цвет обводки на светлом фоне */
|
|
1365
|
+
export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #ABABABFF)';
|
|
1324
1366
|
/** Основной непрозрачный цвет обводки на светлом фоне */
|
|
1325
|
-
export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #
|
|
1367
|
+
export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C4C4C4FF)';
|
|
1326
1368
|
/** Вторичный непрозрачный цвет обводки на светлом фоне */
|
|
1327
|
-
export var
|
|
1369
|
+
export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #B3B3B3)';
|
|
1328
1370
|
/** Вторичный непрозрачный цвет обводки на светлом фоне */
|
|
1329
|
-
export var
|
|
1371
|
+
export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #FFFFFFFF)';
|
|
1372
|
+
/** Вторичный непрозрачный цвет обводки на светлом фоне */
|
|
1373
|
+
export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #3D3D3DFF)';
|
|
1330
1374
|
/** Третичный непрозрачный цвет обводки на светлом фоне */
|
|
1331
|
-
export var
|
|
1375
|
+
export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #707070)';
|
|
1332
1376
|
/** Третичный непрозрачный цвет обводки на светлом фоне */
|
|
1333
|
-
export var
|
|
1377
|
+
export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
|
|
1378
|
+
/** Третичный непрозрачный цвет обводки на светлом фоне */
|
|
1379
|
+
export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #737373FF)';
|
|
1380
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
1381
|
+
export var onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #080808)';
|
|
1382
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
1383
|
+
export var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #FFFFFFFF)';
|
|
1384
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
1385
|
+
export var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #C7C7C7FF)';
|
|
1386
|
+
/** Основной прозрачный цвет обводки на светлом фоне */
|
|
1387
|
+
export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #0808081F)';
|
|
1334
1388
|
/** Основной прозрачный цвет обводки на светлом фоне */
|
|
1335
|
-
export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #
|
|
1389
|
+
export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #080808FF)';
|
|
1336
1390
|
/** Основной прозрачный цвет обводки на светлом фоне */
|
|
1337
|
-
export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #
|
|
1391
|
+
export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08080825)';
|
|
1392
|
+
/** Вторичный прозрачный цвет обводки на светлом фоне */
|
|
1393
|
+
export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, #08080847)';
|
|
1338
1394
|
/** Вторичный прозрачный цвет обводки на светлом фоне */
|
|
1339
|
-
export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #
|
|
1395
|
+
export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #080808FF)';
|
|
1340
1396
|
/** Вторичный прозрачный цвет обводки на светлом фоне */
|
|
1341
|
-
export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #
|
|
1397
|
+
export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #08080856)';
|
|
1342
1398
|
/** Третичный прозрачный цвет обводки на светлом фоне */
|
|
1343
|
-
export var
|
|
1399
|
+
export var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, #0808088F)';
|
|
1344
1400
|
/** Третичный прозрачный цвет обводки на светлом фоне */
|
|
1345
|
-
export var
|
|
1401
|
+
export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #080808FF)';
|
|
1402
|
+
/** Третичный прозрачный цвет обводки на светлом фоне */
|
|
1403
|
+
export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #080808AB)';
|
|
1404
|
+
/** Бесцветная обводка на светлом фоне */
|
|
1405
|
+
export var onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
|
|
1406
|
+
/** Бесцветная обводка на светлом фоне */
|
|
1407
|
+
export var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFFFF)';
|
|
1408
|
+
/** Бесцветная обводка на светлом фоне */
|
|
1409
|
+
export var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFFFF)';
|
|
1410
|
+
/** Акцентный цвет обводки на светлом фоне */
|
|
1411
|
+
export var onLightOutlineAccent = 'var(--on-light-outline-accent, #108E26)';
|
|
1346
1412
|
/** Акцентный цвет обводки на светлом фоне */
|
|
1347
|
-
export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #
|
|
1413
|
+
export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #13AA2CFF)';
|
|
1348
1414
|
/** Акцентный цвет обводки на светлом фоне */
|
|
1349
|
-
export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #
|
|
1415
|
+
export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #0D731EFF)';
|
|
1416
|
+
/** Акцентный цвет обводки с градиентом на светлом фоне */
|
|
1417
|
+
export var onLightOutlineAccentGradientHover = 'var(--on-light-outline-accent-gradient-hover, #CCCCCCFF)';
|
|
1418
|
+
/** Акцентный цвет обводки с градиентом на светлом фоне */
|
|
1419
|
+
export var onLightOutlineAccentGradientActive = 'var(--on-light-outline-accent-gradient-active, #E6E6E6FF)';
|
|
1420
|
+
/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
|
|
1421
|
+
export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #28D247)';
|
|
1350
1422
|
/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
|
|
1351
|
-
export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #
|
|
1423
|
+
export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #3EDA5BFF)';
|
|
1352
1424
|
/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
|
|
1353
|
-
export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #
|
|
1425
|
+
export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #23B83EFF)';
|
|
1354
1426
|
/** Прозрачный акцентный цвет обводки на светлом фоне */
|
|
1355
|
-
export var
|
|
1427
|
+
export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #108E2633)';
|
|
1356
1428
|
/** Прозрачный акцентный цвет обводки на светлом фоне */
|
|
1357
|
-
export var
|
|
1429
|
+
export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #108E25FF)';
|
|
1430
|
+
/** Прозрачный акцентный цвет обводки на светлом фоне */
|
|
1431
|
+
export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #108E253D)';
|
|
1432
|
+
/** Цвет обводки успех на светлом фоне */
|
|
1433
|
+
export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
|
|
1358
1434
|
/** Цвет обводки успех на светлом фоне */
|
|
1359
|
-
export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #
|
|
1435
|
+
export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #13AA2CFF)';
|
|
1360
1436
|
/** Цвет обводки успех на светлом фоне */
|
|
1361
|
-
export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #
|
|
1437
|
+
export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #0D731EFF)';
|
|
1362
1438
|
/** Цвет обводки предупреждение на светлом фоне */
|
|
1363
|
-
export var
|
|
1439
|
+
export var onLightOutlineWarning = 'var(--on-light-outline-warning, #E85702)';
|
|
1364
1440
|
/** Цвет обводки предупреждение на светлом фоне */
|
|
1365
|
-
export var
|
|
1441
|
+
export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD650DFF)';
|
|
1442
|
+
/** Цвет обводки предупреждение на светлом фоне */
|
|
1443
|
+
export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #CA4B02FF)';
|
|
1444
|
+
/** Цвет обводки ошибка на светлом фоне */
|
|
1445
|
+
export var onLightOutlineNegative = 'var(--on-light-outline-negative, #F31B31)';
|
|
1366
1446
|
/** Цвет обводки ошибка на светлом фоне */
|
|
1367
1447
|
export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F5384BFF)';
|
|
1368
1448
|
/** Цвет обводки ошибка на светлом фоне */
|
|
1369
|
-
export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #
|
|
1449
|
+
export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #E40C22FF)';
|
|
1370
1450
|
/** Цвет обводки информация на светлом фоне */
|
|
1371
|
-
export var
|
|
1451
|
+
export var onLightOutlineInfo = 'var(--on-light-outline-info, #0B7ECB)';
|
|
1372
1452
|
/** Цвет обводки информация на светлом фоне */
|
|
1373
|
-
export var
|
|
1453
|
+
export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #34A7F4FF)';
|
|
1454
|
+
/** Цвет обводки информация на светлом фоне */
|
|
1455
|
+
export var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #096CAEFF)';
|
|
1456
|
+
/** Минорный цвет обводки успех на светлом фоне */
|
|
1457
|
+
export var onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)';
|
|
1374
1458
|
/** Минорный цвет обводки успех на светлом фоне */
|
|
1375
|
-
export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #
|
|
1459
|
+
export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #3EDA5BFF)';
|
|
1376
1460
|
/** Минорный цвет обводки успех на светлом фоне */
|
|
1377
|
-
export var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #
|
|
1461
|
+
export var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #23B83EFF)';
|
|
1378
1462
|
/** Минорный цвет обводки предупреждение на светлом фоне */
|
|
1379
|
-
export var
|
|
1463
|
+
export var onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)';
|
|
1464
|
+
/** Минорный цвет обводки предупреждение на светлом фоне */
|
|
1465
|
+
export var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB086FF)';
|
|
1380
1466
|
/** Минорный цвет обводки предупреждение на светлом фоне */
|
|
1381
|
-
export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #
|
|
1467
|
+
export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC884AFF)';
|
|
1382
1468
|
/** Минорный цвет обводки ошибка на светлом фоне */
|
|
1383
|
-
export var
|
|
1469
|
+
export var onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)';
|
|
1384
1470
|
/** Минорный цвет обводки ошибка на светлом фоне */
|
|
1385
|
-
export var
|
|
1471
|
+
export var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFADB6FF)';
|
|
1472
|
+
/** Минорный цвет обводки ошибка на светлом фоне */
|
|
1473
|
+
export var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF707EFF)';
|
|
1474
|
+
/** Минорный цвет обводки информация на светлом фоне */
|
|
1475
|
+
export var onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #52BAFF)';
|
|
1386
1476
|
/** Минорный цвет обводки информация на светлом фоне */
|
|
1387
|
-
export var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #
|
|
1477
|
+
export var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A3DAFFFF)';
|
|
1388
1478
|
/** Минорный цвет обводки информация на светлом фоне */
|
|
1389
|
-
export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #
|
|
1479
|
+
export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #33ADFFFF)';
|
|
1390
1480
|
/** Прозрачный цвет обводки успех на светлом фоне */
|
|
1391
|
-
export var
|
|
1481
|
+
export var onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, #108E2633)';
|
|
1392
1482
|
/** Прозрачный цвет обводки успех на светлом фоне */
|
|
1393
|
-
export var
|
|
1483
|
+
export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #108E25FF)';
|
|
1484
|
+
/** Прозрачный цвет обводки успех на светлом фоне */
|
|
1485
|
+
export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #108E253D)';
|
|
1394
1486
|
/** Прозрачный цвет обводки предупреждение на светлом фоне */
|
|
1395
|
-
export var
|
|
1487
|
+
export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, #E8570233)';
|
|
1396
1488
|
/** Прозрачный цвет обводки предупреждение на светлом фоне */
|
|
1397
|
-
export var
|
|
1489
|
+
export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #E85702FF)';
|
|
1398
1490
|
/** Прозрачный цвет обводки предупреждение на светлом фоне */
|
|
1399
|
-
export var
|
|
1491
|
+
export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #E857023D)';
|
|
1400
1492
|
/** Прозрачный цвет обводки предупреждение на светлом фоне */
|
|
1401
|
-
export var
|
|
1402
|
-
/** Прозрачный цвет обводки информация на светлом фоне */
|
|
1403
|
-
export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #2A72F852)';
|
|
1404
|
-
/** Прозрачный цвет обводки информация на светлом фоне */
|
|
1405
|
-
export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #2A72F824)';
|
|
1406
|
-
export var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #0D0D0DFF)';
|
|
1407
|
-
export var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #030303FF)';
|
|
1408
|
-
/** Основной непрозрачный цвет обводки на светлом фоне */
|
|
1409
|
-
export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)';
|
|
1410
|
-
/** Вторичный непрозрачный цвет обводки на светлом фоне */
|
|
1411
|
-
export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #949494)';
|
|
1412
|
-
/** Третичный непрозрачный цвет обводки на светлом фоне */
|
|
1413
|
-
export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #707070)';
|
|
1414
|
-
/** Основной прозрачный цвет обводки на светлом фоне */
|
|
1415
|
-
export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, rgba(8, 8, 8, 0.20))';
|
|
1416
|
-
/** Вторичный прозрачный цвет обводки на светлом фоне */
|
|
1417
|
-
export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, rgba(8, 8, 8, 0.40))';
|
|
1418
|
-
/** Третичный прозрачный цвет обводки на светлом фоне */
|
|
1419
|
-
export var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, rgba(8, 8, 8, 0.56))';
|
|
1420
|
-
/** Акцентный цвет обводки на светлом фоне */
|
|
1421
|
-
export var onLightOutlineAccent = 'var(--on-light-outline-accent, #2A72F8)';
|
|
1422
|
-
/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
|
|
1423
|
-
export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #8BB2FC)';
|
|
1424
|
-
/** Прозрачный акцентный цвет обводки на светлом фоне */
|
|
1425
|
-
export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, rgba(42, 114, 248, 0.20))';
|
|
1426
|
-
/** Цвет обводки успех на светлом фоне */
|
|
1427
|
-
export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
|
|
1428
|
-
/** Цвет обводки предупреждение на светлом фоне */
|
|
1429
|
-
export var onLightOutlineWarning = 'var(--on-light-outline-warning, #E85702)';
|
|
1430
|
-
/** Цвет обводки ошибка на светлом фоне */
|
|
1431
|
-
export var onLightOutlineNegative = 'var(--on-light-outline-negative, #F31B31)';
|
|
1432
|
-
/** Минорный цвет обводки успех на светлом фоне */
|
|
1433
|
-
export var onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)';
|
|
1434
|
-
/** Минорный цвет обводки предупреждение на светлом фоне */
|
|
1435
|
-
export var onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)';
|
|
1436
|
-
/** Минорный цвет обводки ошибка на светлом фоне */
|
|
1437
|
-
export var onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)';
|
|
1438
|
-
/** Прозрачный цвет обводки успех на светлом фоне */
|
|
1439
|
-
export var onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, rgba(16, 142, 38, 0.20))';
|
|
1493
|
+
export var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, #F31B3133)';
|
|
1440
1494
|
/** Прозрачный цвет обводки предупреждение на светлом фоне */
|
|
1441
|
-
export var
|
|
1495
|
+
export var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #F31B31FF)';
|
|
1442
1496
|
/** Прозрачный цвет обводки предупреждение на светлом фоне */
|
|
1443
|
-
export var
|
|
1444
|
-
/** Цвет обводки информация на светлом фоне */
|
|
1445
|
-
export var onLightOutlineInfo = 'var(--on-light-outline-info, #2A72F8)';
|
|
1446
|
-
/** Минорный цвет обводки информация на светлом фоне */
|
|
1447
|
-
export var onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #8BB2FC)';
|
|
1497
|
+
export var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #F31B313D)';
|
|
1448
1498
|
/** Прозрачный цвет обводки информация на светлом фоне */
|
|
1449
|
-
export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info,
|
|
1450
|
-
|
|
1451
|
-
export var
|
|
1452
|
-
|
|
1499
|
+
export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, #0B7ECB33)';
|
|
1500
|
+
/** Прозрачный цвет обводки информация на светлом фоне */
|
|
1501
|
+
export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #0B7ECBFF)';
|
|
1502
|
+
/** Прозрачный цвет обводки информация на светлом фоне */
|
|
1503
|
+
export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #0B7ECB3D)';
|
|
1504
|
+
/** Акцентный цвет обводки с градиентом на светлом фоне */
|
|
1505
|
+
export var onLightOutlineAccentGradient = 'var(--on-light-outline-accent-gradient, linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%))';
|
|
1506
|
+
/** Инвертированный основной непрозрачный цвет обводки */
|
|
1507
|
+
export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #DDDDDD)';
|
|
1453
1508
|
/** Инвертированный основной непрозрачный цвет обводки */
|
|
1454
1509
|
export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)';
|
|
1455
1510
|
/** Инвертированный основной непрозрачный цвет обводки */
|
|
@@ -1459,206 +1514,163 @@ export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-seco
|
|
|
1459
1514
|
/** Инвертированный вторичный непрозрачный цвет обводки */
|
|
1460
1515
|
export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #575757FF)';
|
|
1461
1516
|
/** Инвертированный третичный непрозрачный цвет обводки */
|
|
1517
|
+
export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #707070)';
|
|
1518
|
+
/** Инвертированный третичный непрозрачный цвет обводки */
|
|
1462
1519
|
export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
|
|
1463
1520
|
/** Инвертированный третичный непрозрачный цвет обводки */
|
|
1464
1521
|
export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #737373FF)';
|
|
1522
|
+
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
1523
|
+
export var inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #080808)';
|
|
1524
|
+
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
1525
|
+
export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #FFFFFFFF)';
|
|
1526
|
+
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
1527
|
+
export var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #C7C7C7FF)';
|
|
1528
|
+
/** Инвертированный основной прозрачный цвет обводки */
|
|
1529
|
+
export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #0808081F)';
|
|
1465
1530
|
/** Инвертированный основной прозрачный цвет обводки */
|
|
1466
1531
|
export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #080808FF)';
|
|
1467
1532
|
/** Инвертированный основной прозрачный цвет обводки */
|
|
1468
|
-
export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #
|
|
1533
|
+
export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #08080825)';
|
|
1534
|
+
/** Инвертированный вторичный прозрачный цвет обводки */
|
|
1535
|
+
export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, #08080847)';
|
|
1469
1536
|
/** Инвертированный вторичный прозрачный цвет обводки */
|
|
1470
1537
|
export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #080808FF)';
|
|
1471
1538
|
/** Инвертированный вторичный прозрачный цвет обводки */
|
|
1472
|
-
export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #
|
|
1539
|
+
export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #08080856)';
|
|
1540
|
+
/** Инвертированный третичный прозрачный цвет обводки */
|
|
1541
|
+
export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, #0808088F)';
|
|
1473
1542
|
/** Инвертированный третичный прозрачный цвет обводки */
|
|
1474
1543
|
export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #080808FF)';
|
|
1475
1544
|
/** Инвертированный третичный прозрачный цвет обводки */
|
|
1476
1545
|
export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808AB)';
|
|
1477
1546
|
/** Инвертированная бесцветная обводка */
|
|
1547
|
+
export var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
|
|
1548
|
+
/** Инвертированная бесцветная обводка */
|
|
1478
1549
|
export var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFFFF)';
|
|
1479
1550
|
/** Инвертированная бесцветная обводка */
|
|
1480
1551
|
export var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFFFF)';
|
|
1481
1552
|
/** Инвертированный акцентный цвет обводки */
|
|
1482
|
-
export var
|
|
1553
|
+
export var inverseOutlineAccent = 'var(--inverse-outline-accent, #108E26)';
|
|
1554
|
+
/** Инвертированный акцентный цвет обводки */
|
|
1555
|
+
export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #13AA2CFF)';
|
|
1483
1556
|
/** Инвертированный акцентный цвет обводки */
|
|
1484
|
-
export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #
|
|
1557
|
+
export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #0D731EFF)';
|
|
1558
|
+
/** Инвертированный акцентный цвет обводки с градиентом */
|
|
1559
|
+
export var inverseOutlineAccentGradientHover = 'var(--inverse-outline-accent-gradient-hover, #CCCCCCFF)';
|
|
1560
|
+
/** Инвертированный акцентный цвет обводки с градиентом */
|
|
1561
|
+
export var inverseOutlineAccentGradientActive = 'var(--inverse-outline-accent-gradient-active, #E6E6E6FF)';
|
|
1485
1562
|
/** Инвертированный акцентный минорный непрозрачный цвет обводки */
|
|
1486
|
-
export var
|
|
1563
|
+
export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #28D247)';
|
|
1487
1564
|
/** Инвертированный акцентный минорный непрозрачный цвет обводки */
|
|
1488
|
-
export var
|
|
1565
|
+
export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #3EDA5BFF)';
|
|
1566
|
+
/** Инвертированный акцентный минорный непрозрачный цвет обводки */
|
|
1567
|
+
export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #23B83EFF)';
|
|
1568
|
+
/** Прозрачный инвертированный акцентный цвет обводки */
|
|
1569
|
+
export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #108E2633)';
|
|
1489
1570
|
/** Прозрачный инвертированный акцентный цвет обводки */
|
|
1490
|
-
export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #
|
|
1571
|
+
export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #108E25FF)';
|
|
1491
1572
|
/** Прозрачный инвертированный акцентный цвет обводки */
|
|
1492
|
-
export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #
|
|
1573
|
+
export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #108E253D)';
|
|
1574
|
+
/** Инвертированный цвет обводки успех */
|
|
1575
|
+
export var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
|
|
1493
1576
|
/** Инвертированный цвет обводки успех */
|
|
1494
1577
|
export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #13AA2CFF)';
|
|
1495
1578
|
/** Инвертированный цвет обводки успех */
|
|
1496
1579
|
export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #0D731EFF)';
|
|
1497
1580
|
/** Инвертированный цвет обводки предупреждение */
|
|
1581
|
+
export var inverseOutlineWarning = 'var(--inverse-outline-warning, #E85702)';
|
|
1582
|
+
/** Инвертированный цвет обводки предупреждение */
|
|
1498
1583
|
export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FD650DFF)';
|
|
1499
1584
|
/** Инвертированный цвет обводки предупреждение */
|
|
1500
1585
|
export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #CA4B02FF)';
|
|
1501
1586
|
/** Инвертированный цвет обводки ошибка */
|
|
1587
|
+
export var inverseOutlineNegative = 'var(--inverse-outline-negative, #F31B31)';
|
|
1588
|
+
/** Инвертированный цвет обводки ошибка */
|
|
1502
1589
|
export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F5384BFF)';
|
|
1503
1590
|
/** Инвертированный цвет обводки ошибка */
|
|
1504
1591
|
export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #E40C22FF)';
|
|
1505
1592
|
/** Инвертированный цвет обводки информация */
|
|
1506
|
-
export var
|
|
1593
|
+
export var inverseOutlineInfo = 'var(--inverse-outline-info, #0B7ECB)';
|
|
1594
|
+
/** Инвертированный цвет обводки информация */
|
|
1595
|
+
export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #34A7F4FF)';
|
|
1507
1596
|
/** Инвертированный цвет обводки информация */
|
|
1508
|
-
export var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #
|
|
1597
|
+
export var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #096CAEFF)';
|
|
1598
|
+
/** Инвертированный минорный цвет обводки успех */
|
|
1599
|
+
export var inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)';
|
|
1509
1600
|
/** Инвертированный минорный цвет обводки успех */
|
|
1510
1601
|
export var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #3EDA5BFF)';
|
|
1511
1602
|
/** Инвертированный минорный цвет обводки успех */
|
|
1512
1603
|
export var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)';
|
|
1513
1604
|
/** Инвертированный минорный цвет обводки предупреждение */
|
|
1605
|
+
export var inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)';
|
|
1606
|
+
/** Инвертированный минорный цвет обводки предупреждение */
|
|
1514
1607
|
export var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB086FF)';
|
|
1515
1608
|
/** Инвертированный минорный цвет обводки предупреждение */
|
|
1516
1609
|
export var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC884AFF)';
|
|
1517
1610
|
/** Инвертированный минорный цвет обводки ошибка */
|
|
1611
|
+
export var inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)';
|
|
1612
|
+
/** Инвертированный минорный цвет обводки ошибка */
|
|
1518
1613
|
export var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFADB6FF)';
|
|
1519
1614
|
/** Инвертированный минорный цвет обводки ошибка */
|
|
1520
1615
|
export var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF707EFF)';
|
|
1521
1616
|
/** Инвертированный минорный цвет обводки информация */
|
|
1522
|
-
export var
|
|
1617
|
+
export var inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #52BAFF)';
|
|
1618
|
+
/** Инвертированный минорный цвет обводки информация */
|
|
1619
|
+
export var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #A3DAFFFF)';
|
|
1523
1620
|
/** Инвертированный минорный цвет обводки информация */
|
|
1524
|
-
export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #
|
|
1621
|
+
export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #33ADFFFF)';
|
|
1622
|
+
/** Прозрачный инвертированный цвет обводки успех */
|
|
1623
|
+
export var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, #108E2633)';
|
|
1525
1624
|
/** Прозрачный инвертированный цвет обводки успех */
|
|
1526
1625
|
export var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #108E25FF)';
|
|
1527
1626
|
/** Прозрачный инвертированный цвет обводки успех */
|
|
1528
1627
|
export var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #108E253D)';
|
|
1529
1628
|
/** Прозрачный инвертированный цвет обводки предупреждение */
|
|
1629
|
+
export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, #E8570233)';
|
|
1630
|
+
/** Прозрачный инвертированный цвет обводки предупреждение */
|
|
1530
1631
|
export var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #E85702FF)';
|
|
1531
1632
|
/** Прозрачный инвертированный цвет обводки предупреждение */
|
|
1532
1633
|
export var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #E857023D)';
|
|
1533
1634
|
/** Прозрачный инвертированный цвет обводки предупреждение */
|
|
1635
|
+
export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, #F31B3133)';
|
|
1636
|
+
/** Прозрачный инвертированный цвет обводки предупреждение */
|
|
1534
1637
|
export var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #F31B31FF)';
|
|
1535
1638
|
/** Прозрачный инвертированный цвет обводки предупреждение */
|
|
1536
1639
|
export var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #F31B313D)';
|
|
1537
1640
|
/** Прозрачный инвертированный цвет обводки информация */
|
|
1538
|
-
export var
|
|
1641
|
+
export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, #0B7ECB33)';
|
|
1539
1642
|
/** Прозрачный инвертированный цвет обводки информация */
|
|
1540
|
-
export var
|
|
1541
|
-
/**
|
|
1542
|
-
export var
|
|
1643
|
+
export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #0B7ECBFF)';
|
|
1644
|
+
/** Прозрачный инвертированный цвет обводки информация */
|
|
1645
|
+
export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #0B7ECB3D)';
|
|
1543
1646
|
/** Инвертированный вторичный непрозрачный цвет обводки */
|
|
1544
1647
|
export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #949494)';
|
|
1545
|
-
/** Инвертированный
|
|
1546
|
-
export var
|
|
1547
|
-
/** Инвертированный основной прозрачный цвет обводки */
|
|
1548
|
-
export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, rgba(8,8,8,0.20))';
|
|
1549
|
-
/** Инвертированный вторичный прозрачный цвет обводки */
|
|
1550
|
-
export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, rgba(8,8,8,0.40))';
|
|
1551
|
-
/** Инвертированный третичный прозрачный цвет обводки */
|
|
1552
|
-
export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, rgba(8,8,8,0.56))';
|
|
1553
|
-
/** Инвертированная бесцветная обводка */
|
|
1554
|
-
export var inverseOutlineClear = 'var(--inverse-outline-clear, rgba(255,255,255,0.00))';
|
|
1555
|
-
export var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #FFFFFFFF)';
|
|
1556
|
-
export var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #C7C7C7FF)';
|
|
1557
|
-
/** Инвертированный акцентный цвет обводки */
|
|
1558
|
-
export var inverseOutlineAccent = 'var(--inverse-outline-accent, #2A72F8)';
|
|
1559
|
-
/** Инвертированный акцентный минорный непрозрачный цвет обводки */
|
|
1560
|
-
export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #8BB2FC)';
|
|
1561
|
-
/** Прозрачный инвертированный акцентный цвет обводки */
|
|
1562
|
-
export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, rgba(42,114,248,0.20))';
|
|
1563
|
-
/** Инвертированный цвет обводки успех */
|
|
1564
|
-
export var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
|
|
1565
|
-
/** Инвертированный цвет обводки предупреждение */
|
|
1566
|
-
export var inverseOutlineWarning = 'var(--inverse-outline-warning, #E85702)';
|
|
1567
|
-
/** Инвертированный цвет обводки ошибка */
|
|
1568
|
-
export var inverseOutlineNegative = 'var(--inverse-outline-negative, #F31B31)';
|
|
1569
|
-
/** Инвертированный цвет обводки информация */
|
|
1570
|
-
export var inverseOutlineInfo = 'var(--inverse-outline-info, #2A72F8)';
|
|
1571
|
-
/** Инвертированный минорный цвет обводки успех */
|
|
1572
|
-
export var inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)';
|
|
1573
|
-
/** Инвертированный минорный цвет обводки предупреждение */
|
|
1574
|
-
export var inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)';
|
|
1575
|
-
/** Инвертированный минорный цвет обводки ошибка */
|
|
1576
|
-
export var inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)';
|
|
1577
|
-
/** Инвертированный минорный цвет обводки информация */
|
|
1578
|
-
export var inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #8BB2FC)';
|
|
1579
|
-
/** Прозрачный инвертированный цвет обводки успех */
|
|
1580
|
-
export var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, rgba(16,142,38,0.20))';
|
|
1581
|
-
/** Прозрачный инвертированный цвет обводки предупреждение */
|
|
1582
|
-
export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, rgba(232,87,2,0.20))';
|
|
1583
|
-
/** Прозрачный инвертированный цвет обводки предупреждение */
|
|
1584
|
-
export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, rgba(243,27,49,0.20))';
|
|
1585
|
-
/** Прозрачный инвертированный цвет обводки информация */
|
|
1586
|
-
export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, rgba(42,114,248,0.20))';
|
|
1587
|
-
export var inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #080808)';
|
|
1588
|
-
export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #FFFFFFFF)';
|
|
1589
|
-
export var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #C7C7C7FF)';
|
|
1648
|
+
/** Инвертированный акцентный цвет обводки с градиентом */
|
|
1649
|
+
export var inverseOutlineAccentGradient = 'var(--inverse-outline-accent-gradient, linear-gradient(45deg, #0D8523 0%, #0DA8AB 100%))';
|
|
1590
1650
|
/** Желтый цвет для данных */
|
|
1591
1651
|
export var dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)';
|
|
1592
|
-
/** Желтый цвет для данных */
|
|
1593
|
-
export var dataDefaultDataYellowHover = 'var(--data-default-data-yellow-hover, #F4B22FFF)';
|
|
1594
|
-
/** Желтый цвет для данных */
|
|
1595
|
-
export var dataDefaultDataYellowActive = 'var(--data-default-data-yellow-active, #EDA20CFF)';
|
|
1596
1652
|
/** Минорный желтый цвет для данных */
|
|
1597
1653
|
export var dataDefaultDataYellowMinor = 'var(--data-default-data-yellow-minor, #A16B00)';
|
|
1598
|
-
/** Минорный желтый цвет для данных */
|
|
1599
|
-
export var dataDefaultDataYellowMinorHover = 'var(--data-default-data-yellow-minor-hover, #B87A00FF)';
|
|
1600
|
-
/** Минорный желтый цвет для данных */
|
|
1601
|
-
export var dataDefaultDataYellowMinorActive = 'var(--data-default-data-yellow-minor-active, #996600FF)';
|
|
1602
1654
|
/** Прозрачный желтый цвет для данных */
|
|
1603
1655
|
export var dataDefaultDataYellowTransparent = 'var(--data-default-data-yellow-transparent, #F3A9128F)';
|
|
1604
|
-
/** Прозрачный желтый цвет для данных */
|
|
1605
|
-
export var dataDefaultDataYellowTransparentHover = 'var(--data-default-data-yellow-transparent-hover, #F3A812AD)';
|
|
1606
|
-
/** Прозрачный желтый цвет для данных */
|
|
1607
|
-
export var dataDefaultDataYellowTransparentActive = 'var(--data-default-data-yellow-transparent-active, #F3A81280)';
|
|
1608
1656
|
/** Желтый цвет для данных на темном фоне */
|
|
1609
1657
|
export var dataOnDarkDataYellow = 'var(--data-on-dark-data-yellow, #F3A912)';
|
|
1610
|
-
/** Желтый цвет для данных на темном фоне */
|
|
1611
|
-
export var dataOnDarkDataYellowHover = 'var(--data-on-dark-data-yellow-hover, #F4B22FFF)';
|
|
1612
|
-
/** Желтый цвет для данных на темном фоне */
|
|
1613
|
-
export var dataOnDarkDataYellowActive = 'var(--data-on-dark-data-yellow-active, #EDA20CFF)';
|
|
1614
1658
|
/** Минорный желтый цвет для данных на темном фоне */
|
|
1615
1659
|
export var dataOnDarkDataYellowMinor = 'var(--data-on-dark-data-yellow-minor, #A16B00)';
|
|
1616
|
-
/** Минорный желтый цвет для данных на темном фоне */
|
|
1617
|
-
export var dataOnDarkDataYellowMinorHover = 'var(--data-on-dark-data-yellow-minor-hover, #B87A00FF)';
|
|
1618
|
-
/** Минорный желтый цвет для данных на темном фоне */
|
|
1619
|
-
export var dataOnDarkDataYellowMinorActive = 'var(--data-on-dark-data-yellow-minor-active, #996600FF)';
|
|
1620
1660
|
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
1621
1661
|
export var dataOnDarkDataYellowTransparent = 'var(--data-on-dark-data-yellow-transparent, #F3A9128F)';
|
|
1622
|
-
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
1623
|
-
export var dataOnDarkDataYellowTransparentHover = 'var(--data-on-dark-data-yellow-transparent-hover, #F3A812AD)';
|
|
1624
|
-
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
1625
|
-
export var dataOnDarkDataYellowTransparentActive = 'var(--data-on-dark-data-yellow-transparent-active, #F3A81280)';
|
|
1626
1662
|
/** Желтый цвет для данных на светлом фоне */
|
|
1627
1663
|
export var dataOnLightDataYellow = 'var(--data-on-light-data-yellow, #F3A912)';
|
|
1628
|
-
/** Желтый цвет для данных на светлом фоне */
|
|
1629
|
-
export var dataOnLightDataYellowHover = 'var(--data-on-light-data-yellow-hover, #F4B22FFF)';
|
|
1630
|
-
/** Желтый цвет для данных на светлом фоне */
|
|
1631
|
-
export var dataOnLightDataYellowActive = 'var(--data-on-light-data-yellow-active, #EDA20CFF)';
|
|
1632
1664
|
/** Минорный желтый цвет для данных на светлом фоне */
|
|
1633
1665
|
export var dataOnLightDataYellowMinor = 'var(--data-on-light-data-yellow-minor, #FFD37A)';
|
|
1634
|
-
/** Минорный желтый цвет для данных на светлом фоне */
|
|
1635
|
-
export var dataOnLightDataYellowMinorHover = 'var(--data-on-light-data-yellow-minor-hover, #FFDA8FFF)';
|
|
1636
|
-
/** Минорный желтый цвет для данных на светлом фоне */
|
|
1637
|
-
export var dataOnLightDataYellowMinorActive = 'var(--data-on-light-data-yellow-minor-active, #FFCF70FF)';
|
|
1638
1666
|
/** Прозрачный желтый цвет для данных на светлом фоне */
|
|
1639
1667
|
export var dataOnLightDataYellowTransparent = 'var(--data-on-light-data-yellow-transparent, #F3A9128F)';
|
|
1640
|
-
/** Прозрачный желтый цвет для данных на светлом фоне */
|
|
1641
|
-
export var dataOnLightDataYellowTransparentHover = 'var(--data-on-light-data-yellow-transparent-hover, #F3A812AD)';
|
|
1642
|
-
/** Прозрачный желтый цвет для данных на светлом фоне */
|
|
1643
|
-
export var dataOnLightDataYellowTransparentActive = 'var(--data-on-light-data-yellow-transparent-active, #F3A81280)';
|
|
1644
1668
|
/** Инвертированный желтый цвет для данных */
|
|
1645
1669
|
export var dataInverseDataYellow = 'var(--data-inverse-data-yellow, #F3A912)';
|
|
1646
|
-
/** Инвертированный желтый цвет для данных */
|
|
1647
|
-
export var dataInverseDataYellowHover = 'var(--data-inverse-data-yellow-hover, #F4B22FFF)';
|
|
1648
|
-
/** Инвертированный желтый цвет для данных */
|
|
1649
|
-
export var dataInverseDataYellowActive = 'var(--data-inverse-data-yellow-active, #EDA20CFF)';
|
|
1650
1670
|
/** Инвертированный минорный желтый цвет для данных */
|
|
1651
1671
|
export var dataInverseDataYellowMinor = 'var(--data-inverse-data-yellow-minor, #FFD37A)';
|
|
1652
|
-
/** Инвертированный минорный желтый цвет для данных */
|
|
1653
|
-
export var dataInverseDataYellowMinorHover = 'var(--data-inverse-data-yellow-minor-hover, #FFDA8FFF)';
|
|
1654
|
-
/** Инвертированный минорный желтый цвет для данных */
|
|
1655
|
-
export var dataInverseDataYellowMinorActive = 'var(--data-inverse-data-yellow-minor-active, #FFCF70FF)';
|
|
1656
1672
|
/** Инвертированный прозрачный желтый цвет для данных */
|
|
1657
1673
|
export var dataInverseDataYellowTransparent = 'var(--data-inverse-data-yellow-transparent, #F3A9128F)';
|
|
1658
|
-
/** Инвертированный прозрачный желтый цвет для данных */
|
|
1659
|
-
export var dataInverseDataYellowTransparentHover = 'var(--data-inverse-data-yellow-transparent-hover, #F3A812AD)';
|
|
1660
|
-
/** Инвертированный прозрачный желтый цвет для данных */
|
|
1661
|
-
export var dataInverseDataYellowTransparentActive = 'var(--data-inverse-data-yellow-transparent-active, #F3A81280)';
|
|
1662
1674
|
export var skeletonGradient = 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))';
|
|
1663
1675
|
export var skeletonGradientLighter = 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))';
|
|
1664
1676
|
/** @deprecated instead use onDarkTextPrimary */
|
|
@@ -1727,16 +1739,4 @@ export var buttonSuccess = 'var(--plasma-colors-button-success, var(--surface-po
|
|
|
1727
1739
|
export var buttonWarning = 'var(--plasma-colors-button-warning, var(--surface-warning))';
|
|
1728
1740
|
/** @deprecated instead use surfaceNegative */
|
|
1729
1741
|
export var buttonCritical = 'var(--plasma-colors-button-critical, var(--surface-negative))';
|
|
1730
|
-
export var shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-down-soft-s, 0px 1px 4px -1px rgba(0, 0, 0, 0.04))';
|
|
1731
|
-
export var shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px rgba(0, 0, 0, 0.08))';
|
|
1732
|
-
export var shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.08))';
|
|
1733
|
-
export var shadowDownHardS = 'var(--shadow-down-hard-s, 0px 4px 12px -3px rgba(8, 8, 8, 0.16)), var(--shadow-down-hard-s, 0px 1px 4px -2px rgba(0, 0, 0, 0.08))';
|
|
1734
|
-
export var shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px rgba(0, 0, 0, 0.24))';
|
|
1735
|
-
export var shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.40))';
|
|
1736
|
-
export var shadowUpSoftS = 'var(--shadow-up-soft-s, 0px -4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-up-soft-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))';
|
|
1737
|
-
export var shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px rgba(0, 0, 0, 0.08))';
|
|
1738
|
-
export var shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.08))';
|
|
1739
|
-
export var shadowUpHardS = 'var(--shadow-up-hard-s, 0px -4px 12px -3px rgba(8, 8, 8, 0.20)), var(--shadow-up-hard-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))';
|
|
1740
|
-
export var shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px rgba(0, 0, 0, 0.24))';
|
|
1741
|
-
export var shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.40))';
|
|
1742
1742
|
//# sourceMappingURL=index.js.map
|