@skbkontur/colors 2.0.2 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/colors.less +319 -0
  2. package/colors.scss +319 -0
  3. package/package.json +6 -6
  4. /package/{colors-default-dark.d.ts → default-dark.d.ts} +0 -0
  5. /package/{colors-default-dark.js → default-dark.js} +0 -0
  6. /package/{colors-default-light.d.ts → default-light.d.ts} +0 -0
  7. /package/{colors-default-light.js → default-light.js} +0 -0
package/colors.less ADDED
@@ -0,0 +1,319 @@
1
+ @color-text-accent-heavy: var(--k-color-text-accent-heavy);
2
+ @color-text-accent-heavy-hover: var(--k-color-text-accent-heavy-hover);
3
+ @color-text-accent-heavy-pressed: var(--k-color-text-accent-heavy-pressed);
4
+ @color-text-error-heavy: var(--k-color-text-error-heavy);
5
+ @color-text-error-heavy-hover: var(--k-color-text-error-heavy-hover);
6
+ @color-text-error-heavy-pressed: var(--k-color-text-error-heavy-pressed);
7
+ @color-text-inverted-accent-heavy: var(--k-color-text-inverted-accent-heavy);
8
+ @color-text-inverted-accent-heavy-hover: var(--k-color-text-inverted-accent-heavy-hover);
9
+ @color-text-inverted-accent-heavy-pressed: var(--k-color-text-inverted-accent-heavy-pressed);
10
+ @color-text-inverted-error-heavy: var(--k-color-text-inverted-error-heavy);
11
+ @color-text-inverted-error-heavy-hover: var(--k-color-text-inverted-error-heavy-hover);
12
+ @color-text-inverted-error-heavy-pressed: var(--k-color-text-inverted-error-heavy-pressed);
13
+ @color-text-inverted-neutral-faint: var(--k-color-text-inverted-neutral-faint);
14
+ @color-text-inverted-neutral-heavy: var(--k-color-text-inverted-neutral-heavy);
15
+ @color-text-inverted-neutral-pale: var(--k-color-text-inverted-neutral-pale);
16
+ @color-text-inverted-neutral-soft: var(--k-color-text-inverted-neutral-soft);
17
+ @color-text-inverted-success-heavy: var(--k-color-text-inverted-success-heavy);
18
+ @color-text-inverted-success-heavy-hover: var(--k-color-text-inverted-success-heavy-hover);
19
+ @color-text-inverted-success-heavy-pressed: var(--k-color-text-inverted-success-heavy-pressed);
20
+ @color-text-inverted-warning-heavy: var(--k-color-text-inverted-warning-heavy);
21
+ @color-text-inverted-warning-heavy-hover: var(--k-color-text-inverted-warning-heavy-hover);
22
+ @color-text-inverted-warning-heavy-pressed: var(--k-color-text-inverted-warning-heavy-pressed);
23
+ @color-text-logo: var(--k-color-text-logo);
24
+ @color-text-neutral-faint: var(--k-color-text-neutral-faint);
25
+ @color-text-neutral-heavy: var(--k-color-text-neutral-heavy);
26
+ @color-text-neutral-pale: var(--k-color-text-neutral-pale);
27
+ @color-text-neutral-soft: var(--k-color-text-neutral-soft);
28
+ @color-text-success-heavy: var(--k-color-text-success-heavy);
29
+ @color-text-success-heavy-hover: var(--k-color-text-success-heavy-hover);
30
+ @color-text-success-heavy-pressed: var(--k-color-text-success-heavy-pressed);
31
+ @color-text-warning-heavy: var(--k-color-text-warning-heavy);
32
+ @color-text-warning-heavy-hover: var(--k-color-text-warning-heavy-hover);
33
+ @color-text-warning-heavy-pressed: var(--k-color-text-warning-heavy-pressed);
34
+ @color-text-const-faint-black: var(--k-color-text-const-faint-black);
35
+ @color-text-const-faint-white: var(--k-color-text-const-faint-white);
36
+ @color-text-const-heavy-black: var(--k-color-text-const-heavy-black);
37
+ @color-text-const-heavy-white: var(--k-color-text-const-heavy-white);
38
+ @color-text-const-pale-black: var(--k-color-text-const-pale-black);
39
+ @color-text-const-pale-white: var(--k-color-text-const-pale-white);
40
+ @color-text-const-soft-black: var(--k-color-text-const-soft-black);
41
+ @color-text-const-soft-white: var(--k-color-text-const-soft-white);
42
+ @color-text-on-accent-bold-faint: var(--k-color-text-on-accent-bold-faint);
43
+ @color-text-on-accent-bold-heavy: var(--k-color-text-on-accent-bold-heavy);
44
+ @color-text-on-accent-bold-pale: var(--k-color-text-on-accent-bold-pale);
45
+ @color-text-on-accent-bold-soft: var(--k-color-text-on-accent-bold-soft);
46
+ @color-text-on-brand-original-faint: var(--k-color-text-on-brand-original-faint);
47
+ @color-text-on-brand-original-heavy: var(--k-color-text-on-brand-original-heavy);
48
+ @color-text-on-brand-original-pale: var(--k-color-text-on-brand-original-pale);
49
+ @color-text-on-brand-original-soft: var(--k-color-text-on-brand-original-soft);
50
+ @color-shape-bold-accent: var(--k-color-shape-bold-accent);
51
+ @color-shape-bold-accent-hover: var(--k-color-shape-bold-accent-hover);
52
+ @color-shape-bold-accent-pressed: var(--k-color-shape-bold-accent-pressed);
53
+ @color-shape-bold-brand-original: var(--k-color-shape-bold-brand-original);
54
+ @color-shape-bold-brand-original-hover: var(--k-color-shape-bold-brand-original-hover);
55
+ @color-shape-bold-brand-original-pressed: var(--k-color-shape-bold-brand-original-pressed);
56
+ @color-shape-bold-error: var(--k-color-shape-bold-error);
57
+ @color-shape-bold-error-hover: var(--k-color-shape-bold-error-hover);
58
+ @color-shape-bold-error-pressed: var(--k-color-shape-bold-error-pressed);
59
+ @color-shape-bold-neutral: var(--k-color-shape-bold-neutral);
60
+ @color-shape-bold-neutral-hover: var(--k-color-shape-bold-neutral-hover);
61
+ @color-shape-bold-neutral-pressed: var(--k-color-shape-bold-neutral-pressed);
62
+ @color-shape-bold-success: var(--k-color-shape-bold-success);
63
+ @color-shape-bold-success-hover: var(--k-color-shape-bold-success-hover);
64
+ @color-shape-bold-success-pressed: var(--k-color-shape-bold-success-pressed);
65
+ @color-shape-bold-warning: var(--k-color-shape-bold-warning);
66
+ @color-shape-bold-warning-hover: var(--k-color-shape-bold-warning-hover);
67
+ @color-shape-bold-warning-pressed: var(--k-color-shape-bold-warning-pressed);
68
+ @color-shape-faint-accent: var(--k-color-shape-faint-accent);
69
+ @color-shape-faint-accent-hover: var(--k-color-shape-faint-accent-hover);
70
+ @color-shape-faint-accent-pressed: var(--k-color-shape-faint-accent-pressed);
71
+ @color-shape-faint-brand: var(--k-color-shape-faint-brand);
72
+ @color-shape-faint-brand-hover: var(--k-color-shape-faint-brand-hover);
73
+ @color-shape-faint-brand-pressed: var(--k-color-shape-faint-brand-pressed);
74
+ @color-shape-faint-error: var(--k-color-shape-faint-error);
75
+ @color-shape-faint-error-hover: var(--k-color-shape-faint-error-hover);
76
+ @color-shape-faint-error-pressed: var(--k-color-shape-faint-error-pressed);
77
+ @color-shape-faint-neutral-alpha: var(--k-color-shape-faint-neutral-alpha);
78
+ @color-shape-faint-neutral-alpha-hover: var(--k-color-shape-faint-neutral-alpha-hover);
79
+ @color-shape-faint-neutral-alpha-pressed: var(--k-color-shape-faint-neutral-alpha-pressed);
80
+ @color-shape-faint-success: var(--k-color-shape-faint-success);
81
+ @color-shape-faint-success-hover: var(--k-color-shape-faint-success-hover);
82
+ @color-shape-faint-success-pressed: var(--k-color-shape-faint-success-pressed);
83
+ @color-shape-faint-warning: var(--k-color-shape-faint-warning);
84
+ @color-shape-faint-warning-hover: var(--k-color-shape-faint-warning-hover);
85
+ @color-shape-faint-warning-pressed: var(--k-color-shape-faint-warning-pressed);
86
+ @color-shape-heavy-error: var(--k-color-shape-heavy-error);
87
+ @color-shape-heavy-neutral: var(--k-color-shape-heavy-neutral);
88
+ @color-shape-heavy-success: var(--k-color-shape-heavy-success);
89
+ @color-shape-heavy-warning: var(--k-color-shape-heavy-warning);
90
+ @color-shape-other-accent-bold-disabled: var(--k-color-shape-other-accent-bold-disabled);
91
+ @color-shape-other-backless-hover: var(--k-color-shape-other-backless-hover);
92
+ @color-shape-other-backless-pressed: var(--k-color-shape-other-backless-pressed);
93
+ @color-shape-other-base: var(--k-color-shape-other-base);
94
+ @color-shape-other-base-hover: var(--k-color-shape-other-base-hover);
95
+ @color-shape-other-base-pressed: var(--k-color-shape-other-base-pressed);
96
+ @color-shape-other-disabled: var(--k-color-shape-other-disabled);
97
+ @color-shape-other-field: var(--k-color-shape-other-field);
98
+ @color-shape-other-field-hover: var(--k-color-shape-other-field-hover);
99
+ @color-shape-other-field-pressed: var(--k-color-shape-other-field-pressed);
100
+ @color-shape-other-low: var(--k-color-shape-other-low);
101
+ @color-shape-other-low-hover: var(--k-color-shape-other-low-hover);
102
+ @color-shape-other-low-pressed: var(--k-color-shape-other-low-pressed);
103
+ @color-shape-other-neutral-faint-solid: var(--k-color-shape-other-neutral-faint-solid);
104
+ @color-shape-other-neutral-faint-solid-hover: var(--k-color-shape-other-neutral-faint-solid-hover);
105
+ @color-shape-other-neutral-faint-solid-pressed: var(--k-color-shape-other-neutral-faint-solid-pressed);
106
+ @color-shape-other-neutral-pale-solid: var(--k-color-shape-other-neutral-pale-solid);
107
+ @color-shape-other-neutral-pale-solid-hover: var(--k-color-shape-other-neutral-pale-solid-hover);
108
+ @color-shape-other-neutral-pale-solid-pressed: var(--k-color-shape-other-neutral-pale-solid-pressed);
109
+ @color-shape-other-neutral-soft-solid: var(--k-color-shape-other-neutral-soft-solid);
110
+ @color-shape-other-neutral-soft-solid-hover: var(--k-color-shape-other-neutral-soft-solid-hover);
111
+ @color-shape-other-neutral-soft-solid-pressed: var(--k-color-shape-other-neutral-soft-solid-pressed);
112
+ @color-shape-pale-accent: var(--k-color-shape-pale-accent);
113
+ @color-shape-pale-accent-hover: var(--k-color-shape-pale-accent-hover);
114
+ @color-shape-pale-accent-pressed: var(--k-color-shape-pale-accent-pressed);
115
+ @color-shape-pale-brand: var(--k-color-shape-pale-brand);
116
+ @color-shape-pale-brand-hover: var(--k-color-shape-pale-brand-hover);
117
+ @color-shape-pale-brand-pressed: var(--k-color-shape-pale-brand-pressed);
118
+ @color-shape-pale-error: var(--k-color-shape-pale-error);
119
+ @color-shape-pale-error-hover: var(--k-color-shape-pale-error-hover);
120
+ @color-shape-pale-error-pressed: var(--k-color-shape-pale-error-pressed);
121
+ @color-shape-pale-neutral-alpha: var(--k-color-shape-pale-neutral-alpha);
122
+ @color-shape-pale-neutral-alpha-hover: var(--k-color-shape-pale-neutral-alpha-hover);
123
+ @color-shape-pale-neutral-alpha-pressed: var(--k-color-shape-pale-neutral-alpha-pressed);
124
+ @color-shape-pale-success: var(--k-color-shape-pale-success);
125
+ @color-shape-pale-success-hover: var(--k-color-shape-pale-success-hover);
126
+ @color-shape-pale-success-pressed: var(--k-color-shape-pale-success-pressed);
127
+ @color-shape-pale-warning: var(--k-color-shape-pale-warning);
128
+ @color-shape-pale-warning-hover: var(--k-color-shape-pale-warning-hover);
129
+ @color-shape-pale-warning-pressed: var(--k-color-shape-pale-warning-pressed);
130
+ @color-shape-soft-accent: var(--k-color-shape-soft-accent);
131
+ @color-shape-soft-accent-hover: var(--k-color-shape-soft-accent-hover);
132
+ @color-shape-soft-accent-pressed: var(--k-color-shape-soft-accent-pressed);
133
+ @color-shape-soft-brand: var(--k-color-shape-soft-brand);
134
+ @color-shape-soft-brand-hover: var(--k-color-shape-soft-brand-hover);
135
+ @color-shape-soft-brand-pressed: var(--k-color-shape-soft-brand-pressed);
136
+ @color-shape-soft-error: var(--k-color-shape-soft-error);
137
+ @color-shape-soft-error-hover: var(--k-color-shape-soft-error-hover);
138
+ @color-shape-soft-error-pressed: var(--k-color-shape-soft-error-pressed);
139
+ @color-shape-soft-neutral-alpha: var(--k-color-shape-soft-neutral-alpha);
140
+ @color-shape-soft-neutral-alpha-hover: var(--k-color-shape-soft-neutral-alpha-hover);
141
+ @color-shape-soft-neutral-alpha-pressed: var(--k-color-shape-soft-neutral-alpha-pressed);
142
+ @color-shape-soft-success: var(--k-color-shape-soft-success);
143
+ @color-shape-soft-success-hover: var(--k-color-shape-soft-success-hover);
144
+ @color-shape-soft-success-pressed: var(--k-color-shape-soft-success-pressed);
145
+ @color-shape-soft-warning: var(--k-color-shape-soft-warning);
146
+ @color-shape-soft-warning-hover: var(--k-color-shape-soft-warning-hover);
147
+ @color-shape-soft-warning-pressed: var(--k-color-shape-soft-warning-pressed);
148
+ @color-shape-inverted-backless-hover: var(--k-color-shape-inverted-backless-hover);
149
+ @color-shape-inverted-backless-pressed: var(--k-color-shape-inverted-backless-pressed);
150
+ @color-shape-inverted-disabled: var(--k-color-shape-inverted-disabled);
151
+ @color-shape-inverted-neutral-faint-alpha: var(--k-color-shape-inverted-neutral-faint-alpha);
152
+ @color-shape-inverted-neutral-faint-alpha-hover: var(--k-color-shape-inverted-neutral-faint-alpha-hover);
153
+ @color-shape-inverted-neutral-faint-alpha-pressed: var(--k-color-shape-inverted-neutral-faint-alpha-pressed);
154
+ @color-shape-inverted-neutral-heavy: var(--k-color-shape-inverted-neutral-heavy);
155
+ @color-shape-inverted-neutral-heavy-hover: var(--k-color-shape-inverted-neutral-heavy-hover);
156
+ @color-shape-inverted-neutral-heavy-pressed: var(--k-color-shape-inverted-neutral-heavy-pressed);
157
+ @color-shape-inverted-neutral-pale-alpha: var(--k-color-shape-inverted-neutral-pale-alpha);
158
+ @color-shape-inverted-neutral-pale-alpha-hover: var(--k-color-shape-inverted-neutral-pale-alpha-hover);
159
+ @color-shape-inverted-neutral-pale-alpha-pressed: var(--k-color-shape-inverted-neutral-pale-alpha-pressed);
160
+ @color-shape-inverted-neutral-soft-alpha: var(--k-color-shape-inverted-neutral-soft-alpha);
161
+ @color-shape-inverted-neutral-soft-alpha-hover: var(--k-color-shape-inverted-neutral-soft-alpha-hover);
162
+ @color-shape-inverted-neutral-soft-alpha-pressed: var(--k-color-shape-inverted-neutral-soft-alpha-pressed);
163
+ @color-shape-const-backless-black-hover: var(--k-color-shape-const-backless-black-hover);
164
+ @color-shape-const-backless-black-pressed: var(--k-color-shape-const-backless-black-pressed);
165
+ @color-shape-const-backless-white-hover: var(--k-color-shape-const-backless-white-hover);
166
+ @color-shape-const-backless-white-pressed: var(--k-color-shape-const-backless-white-pressed);
167
+ @color-shape-const-disabled-black: var(--k-color-shape-const-disabled-black);
168
+ @color-shape-const-disabled-white: var(--k-color-shape-const-disabled-white);
169
+ @color-shape-const-faint-black: var(--k-color-shape-const-faint-black);
170
+ @color-shape-const-faint-black-hover: var(--k-color-shape-const-faint-black-hover);
171
+ @color-shape-const-faint-black-pressed: var(--k-color-shape-const-faint-black-pressed);
172
+ @color-shape-const-faint-white: var(--k-color-shape-const-faint-white);
173
+ @color-shape-const-faint-white-hover: var(--k-color-shape-const-faint-white-hover);
174
+ @color-shape-const-faint-white-pressed: var(--k-color-shape-const-faint-white-pressed);
175
+ @color-shape-const-heavy-black: var(--k-color-shape-const-heavy-black);
176
+ @color-shape-const-heavy-black-hover: var(--k-color-shape-const-heavy-black-hover);
177
+ @color-shape-const-heavy-black-pressed: var(--k-color-shape-const-heavy-black-pressed);
178
+ @color-shape-const-heavy-white: var(--k-color-shape-const-heavy-white);
179
+ @color-shape-const-heavy-white-hover: var(--k-color-shape-const-heavy-white-hover);
180
+ @color-shape-const-heavy-white-pressed: var(--k-color-shape-const-heavy-white-pressed);
181
+ @color-shape-const-pale-black: var(--k-color-shape-const-pale-black);
182
+ @color-shape-const-pale-black-hover: var(--k-color-shape-const-pale-black-hover);
183
+ @color-shape-const-pale-black-pressed: var(--k-color-shape-const-pale-black-pressed);
184
+ @color-shape-const-pale-white: var(--k-color-shape-const-pale-white);
185
+ @color-shape-const-pale-white-hover: var(--k-color-shape-const-pale-white-hover);
186
+ @color-shape-const-pale-white-pressed: var(--k-color-shape-const-pale-white-pressed);
187
+ @color-shape-const-promo: var(--k-color-shape-const-promo);
188
+ @color-shape-const-soft-black: var(--k-color-shape-const-soft-black);
189
+ @color-shape-const-soft-black-hover: var(--k-color-shape-const-soft-black-hover);
190
+ @color-shape-const-soft-black-pressed: var(--k-color-shape-const-soft-black-pressed);
191
+ @color-shape-const-soft-white: var(--k-color-shape-const-soft-white);
192
+ @color-shape-const-soft-white-hover: var(--k-color-shape-const-soft-white-hover);
193
+ @color-shape-const-soft-white-pressed: var(--k-color-shape-const-soft-white-pressed);
194
+ @color-line-accent-bold: var(--k-color-line-accent-bold);
195
+ @color-line-accent-bold-hover: var(--k-color-line-accent-bold-hover);
196
+ @color-line-accent-bold-pressed: var(--k-color-line-accent-bold-pressed);
197
+ @color-line-accent-pale: var(--k-color-line-accent-pale);
198
+ @color-line-accent-pale-hover: var(--k-color-line-accent-pale-hover);
199
+ @color-line-accent-pale-pressed: var(--k-color-line-accent-pale-pressed);
200
+ @color-line-accent-soft: var(--k-color-line-accent-soft);
201
+ @color-line-accent-soft-hover: var(--k-color-line-accent-soft-hover);
202
+ @color-line-accent-soft-pressed: var(--k-color-line-accent-soft-pressed);
203
+ @color-line-brand-original: var(--k-color-line-brand-original);
204
+ @color-line-error-bold: var(--k-color-line-error-bold);
205
+ @color-line-error-bold-hover: var(--k-color-line-error-bold-hover);
206
+ @color-line-error-bold-pressed: var(--k-color-line-error-bold-pressed);
207
+ @color-line-neutral-faint: var(--k-color-line-neutral-faint);
208
+ @color-line-neutral-pale: var(--k-color-line-neutral-pale);
209
+ @color-line-neutral-pale-hover: var(--k-color-line-neutral-pale-hover);
210
+ @color-line-neutral-pale-pressed: var(--k-color-line-neutral-pale-pressed);
211
+ @color-line-on-accent-bold-faint: var(--k-color-line-on-accent-bold-faint);
212
+ @color-line-on-accent-bold-pale: var(--k-color-line-on-accent-bold-pale);
213
+ @color-line-on-brand-original-faint: var(--k-color-line-on-brand-original-faint);
214
+ @color-line-on-brand-original-pale: var(--k-color-line-on-brand-original-pale);
215
+ @color-line-success-bold: var(--k-color-line-success-bold);
216
+ @color-line-success-bold-hover: var(--k-color-line-success-bold-hover);
217
+ @color-line-success-bold-pressed: var(--k-color-line-success-bold-pressed);
218
+ @color-line-warning-bold: var(--k-color-line-warning-bold);
219
+ @color-line-warning-bold-hover: var(--k-color-line-warning-bold-hover);
220
+ @color-line-warning-bold-pressed: var(--k-color-line-warning-bold-pressed);
221
+ @color-line-inverted-accent-bold: var(--k-color-line-inverted-accent-bold);
222
+ @color-line-inverted-accent-bold-hover: var(--k-color-line-inverted-accent-bold-hover);
223
+ @color-line-inverted-accent-bold-pressed: var(--k-color-line-inverted-accent-bold-pressed);
224
+ @color-line-inverted-accent-pale: var(--k-color-line-inverted-accent-pale);
225
+ @color-line-inverted-accent-pale-hover: var(--k-color-line-inverted-accent-pale-hover);
226
+ @color-line-inverted-accent-pale-pressed: var(--k-color-line-inverted-accent-pale-pressed);
227
+ @color-line-inverted-accent-soft: var(--k-color-line-inverted-accent-soft);
228
+ @color-line-inverted-accent-soft-hover: var(--k-color-line-inverted-accent-soft-hover);
229
+ @color-line-inverted-accent-soft-pressed: var(--k-color-line-inverted-accent-soft-pressed);
230
+ @color-line-inverted-error-bold: var(--k-color-line-inverted-error-bold);
231
+ @color-line-inverted-error-bold-hover: var(--k-color-line-inverted-error-bold-hover);
232
+ @color-line-inverted-error-bold-pressed: var(--k-color-line-inverted-error-bold-pressed);
233
+ @color-line-inverted-neutral-faint: var(--k-color-line-inverted-neutral-faint);
234
+ @color-line-inverted-neutral-pale: var(--k-color-line-inverted-neutral-pale);
235
+ @color-line-inverted-neutral-pale-hover: var(--k-color-line-inverted-neutral-pale-hover);
236
+ @color-line-inverted-neutral-pale-pressed: var(--k-color-line-inverted-neutral-pale-pressed);
237
+ @color-line-inverted-success-bold: var(--k-color-line-inverted-success-bold);
238
+ @color-line-inverted-success-bold-hover: var(--k-color-line-inverted-success-bold-hover);
239
+ @color-line-inverted-success-bold-pressed: var(--k-color-line-inverted-success-bold-pressed);
240
+ @color-line-inverted-warning-bold: var(--k-color-line-inverted-warning-bold);
241
+ @color-line-inverted-warning-bold-hover: var(--k-color-line-inverted-warning-bold-hover);
242
+ @color-line-inverted-warning-bold-pressed: var(--k-color-line-inverted-warning-bold-pressed);
243
+ @color-line-const-faint-black: var(--k-color-line-const-faint-black);
244
+ @color-line-const-faint-white: var(--k-color-line-const-faint-white);
245
+ @color-line-const-pale-black: var(--k-color-line-const-pale-black);
246
+ @color-line-const-pale-black-hover: var(--k-color-line-const-pale-black-hover);
247
+ @color-line-const-pale-black-pressed: var(--k-color-line-const-pale-black-pressed);
248
+ @color-line-const-pale-white: var(--k-color-line-const-pale-white);
249
+ @color-line-const-pale-white-hover: var(--k-color-line-const-pale-white-hover);
250
+ @color-line-const-pale-white-pressed: var(--k-color-line-const-pale-white-pressed);
251
+ @color-surface-base: var(--k-color-surface-base);
252
+ @color-surface-high: var(--k-color-surface-high);
253
+ @color-surface-low: var(--k-color-surface-low);
254
+ @color-surface-modal-backdrop: var(--k-color-surface-modal-backdrop);
255
+ @color-illustration-black: var(--k-color-illustration-black);
256
+ @color-illustration-brand: var(--k-color-illustration-brand);
257
+ @color-illustration-complement: var(--k-color-illustration-complement);
258
+ @color-illustration-inverted-neutral: var(--k-color-illustration-inverted-neutral);
259
+ @color-illustration-neutral: var(--k-color-illustration-neutral);
260
+ @color-illustration-on-brand: var(--k-color-illustration-on-brand);
261
+ @color-illustration-on-complement: var(--k-color-illustration-on-complement);
262
+ @color-illustration-promo: var(--k-color-illustration-promo);
263
+ @color-illustration-symbol: var(--k-color-illustration-symbol);
264
+ @color-illustration-white: var(--k-color-illustration-white);
265
+ @color-customizable-bold-black: var(--k-color-customizable-bold-black);
266
+ @color-customizable-bold-blue: var(--k-color-customizable-bold-blue);
267
+ @color-customizable-bold-blue-deep: var(--k-color-customizable-bold-blue-deep);
268
+ @color-customizable-bold-gray: var(--k-color-customizable-bold-gray);
269
+ @color-customizable-bold-green: var(--k-color-customizable-bold-green);
270
+ @color-customizable-bold-mint: var(--k-color-customizable-bold-mint);
271
+ @color-customizable-bold-orange: var(--k-color-customizable-bold-orange);
272
+ @color-customizable-bold-purple: var(--k-color-customizable-bold-purple);
273
+ @color-customizable-bold-red: var(--k-color-customizable-bold-red);
274
+ @color-customizable-bold-violet: var(--k-color-customizable-bold-violet);
275
+ @color-customizable-bold-yellow: var(--k-color-customizable-bold-yellow);
276
+ @color-customizable-faint-black: var(--k-color-customizable-faint-black);
277
+ @color-customizable-faint-blue: var(--k-color-customizable-faint-blue);
278
+ @color-customizable-faint-blue-deep: var(--k-color-customizable-faint-blue-deep);
279
+ @color-customizable-faint-gray: var(--k-color-customizable-faint-gray);
280
+ @color-customizable-faint-green: var(--k-color-customizable-faint-green);
281
+ @color-customizable-faint-mint: var(--k-color-customizable-faint-mint);
282
+ @color-customizable-faint-orange: var(--k-color-customizable-faint-orange);
283
+ @color-customizable-faint-purple: var(--k-color-customizable-faint-purple);
284
+ @color-customizable-faint-red: var(--k-color-customizable-faint-red);
285
+ @color-customizable-faint-violet: var(--k-color-customizable-faint-violet);
286
+ @color-customizable-faint-yellow: var(--k-color-customizable-faint-yellow);
287
+ @color-customizable-heavy-black: var(--k-color-customizable-heavy-black);
288
+ @color-customizable-heavy-blue: var(--k-color-customizable-heavy-blue);
289
+ @color-customizable-heavy-blue-deep: var(--k-color-customizable-heavy-blue-deep);
290
+ @color-customizable-heavy-gray: var(--k-color-customizable-heavy-gray);
291
+ @color-customizable-heavy-green: var(--k-color-customizable-heavy-green);
292
+ @color-customizable-heavy-mint: var(--k-color-customizable-heavy-mint);
293
+ @color-customizable-heavy-orange: var(--k-color-customizable-heavy-orange);
294
+ @color-customizable-heavy-purple: var(--k-color-customizable-heavy-purple);
295
+ @color-customizable-heavy-red: var(--k-color-customizable-heavy-red);
296
+ @color-customizable-heavy-violet: var(--k-color-customizable-heavy-violet);
297
+ @color-customizable-heavy-yellow: var(--k-color-customizable-heavy-yellow);
298
+ @color-customizable-pale-black: var(--k-color-customizable-pale-black);
299
+ @color-customizable-pale-blue: var(--k-color-customizable-pale-blue);
300
+ @color-customizable-pale-blue-deep: var(--k-color-customizable-pale-blue-deep);
301
+ @color-customizable-pale-gray: var(--k-color-customizable-pale-gray);
302
+ @color-customizable-pale-green: var(--k-color-customizable-pale-green);
303
+ @color-customizable-pale-mint: var(--k-color-customizable-pale-mint);
304
+ @color-customizable-pale-orange: var(--k-color-customizable-pale-orange);
305
+ @color-customizable-pale-purple: var(--k-color-customizable-pale-purple);
306
+ @color-customizable-pale-red: var(--k-color-customizable-pale-red);
307
+ @color-customizable-pale-violet: var(--k-color-customizable-pale-violet);
308
+ @color-customizable-pale-yellow: var(--k-color-customizable-pale-yellow);
309
+ @color-customizable-soft-black: var(--k-color-customizable-soft-black);
310
+ @color-customizable-soft-blue: var(--k-color-customizable-soft-blue);
311
+ @color-customizable-soft-blue-deep: var(--k-color-customizable-soft-blue-deep);
312
+ @color-customizable-soft-gray: var(--k-color-customizable-soft-gray);
313
+ @color-customizable-soft-green: var(--k-color-customizable-soft-green);
314
+ @color-customizable-soft-mint: var(--k-color-customizable-soft-mint);
315
+ @color-customizable-soft-orange: var(--k-color-customizable-soft-orange);
316
+ @color-customizable-soft-purple: var(--k-color-customizable-soft-purple);
317
+ @color-customizable-soft-red: var(--k-color-customizable-soft-red);
318
+ @color-customizable-soft-violet: var(--k-color-customizable-soft-violet);
319
+ @color-customizable-soft-yellow: var(--k-color-customizable-soft-yellow);
package/colors.scss ADDED
@@ -0,0 +1,319 @@
1
+ $color-text-accent-heavy: var(--k-color-text-accent-heavy);
2
+ $color-text-accent-heavy-hover: var(--k-color-text-accent-heavy-hover);
3
+ $color-text-accent-heavy-pressed: var(--k-color-text-accent-heavy-pressed);
4
+ $color-text-error-heavy: var(--k-color-text-error-heavy);
5
+ $color-text-error-heavy-hover: var(--k-color-text-error-heavy-hover);
6
+ $color-text-error-heavy-pressed: var(--k-color-text-error-heavy-pressed);
7
+ $color-text-inverted-accent-heavy: var(--k-color-text-inverted-accent-heavy);
8
+ $color-text-inverted-accent-heavy-hover: var(--k-color-text-inverted-accent-heavy-hover);
9
+ $color-text-inverted-accent-heavy-pressed: var(--k-color-text-inverted-accent-heavy-pressed);
10
+ $color-text-inverted-error-heavy: var(--k-color-text-inverted-error-heavy);
11
+ $color-text-inverted-error-heavy-hover: var(--k-color-text-inverted-error-heavy-hover);
12
+ $color-text-inverted-error-heavy-pressed: var(--k-color-text-inverted-error-heavy-pressed);
13
+ $color-text-inverted-neutral-faint: var(--k-color-text-inverted-neutral-faint);
14
+ $color-text-inverted-neutral-heavy: var(--k-color-text-inverted-neutral-heavy);
15
+ $color-text-inverted-neutral-pale: var(--k-color-text-inverted-neutral-pale);
16
+ $color-text-inverted-neutral-soft: var(--k-color-text-inverted-neutral-soft);
17
+ $color-text-inverted-success-heavy: var(--k-color-text-inverted-success-heavy);
18
+ $color-text-inverted-success-heavy-hover: var(--k-color-text-inverted-success-heavy-hover);
19
+ $color-text-inverted-success-heavy-pressed: var(--k-color-text-inverted-success-heavy-pressed);
20
+ $color-text-inverted-warning-heavy: var(--k-color-text-inverted-warning-heavy);
21
+ $color-text-inverted-warning-heavy-hover: var(--k-color-text-inverted-warning-heavy-hover);
22
+ $color-text-inverted-warning-heavy-pressed: var(--k-color-text-inverted-warning-heavy-pressed);
23
+ $color-text-logo: var(--k-color-text-logo);
24
+ $color-text-neutral-faint: var(--k-color-text-neutral-faint);
25
+ $color-text-neutral-heavy: var(--k-color-text-neutral-heavy);
26
+ $color-text-neutral-pale: var(--k-color-text-neutral-pale);
27
+ $color-text-neutral-soft: var(--k-color-text-neutral-soft);
28
+ $color-text-success-heavy: var(--k-color-text-success-heavy);
29
+ $color-text-success-heavy-hover: var(--k-color-text-success-heavy-hover);
30
+ $color-text-success-heavy-pressed: var(--k-color-text-success-heavy-pressed);
31
+ $color-text-warning-heavy: var(--k-color-text-warning-heavy);
32
+ $color-text-warning-heavy-hover: var(--k-color-text-warning-heavy-hover);
33
+ $color-text-warning-heavy-pressed: var(--k-color-text-warning-heavy-pressed);
34
+ $color-text-const-faint-black: var(--k-color-text-const-faint-black);
35
+ $color-text-const-faint-white: var(--k-color-text-const-faint-white);
36
+ $color-text-const-heavy-black: var(--k-color-text-const-heavy-black);
37
+ $color-text-const-heavy-white: var(--k-color-text-const-heavy-white);
38
+ $color-text-const-pale-black: var(--k-color-text-const-pale-black);
39
+ $color-text-const-pale-white: var(--k-color-text-const-pale-white);
40
+ $color-text-const-soft-black: var(--k-color-text-const-soft-black);
41
+ $color-text-const-soft-white: var(--k-color-text-const-soft-white);
42
+ $color-text-on-accent-bold-faint: var(--k-color-text-on-accent-bold-faint);
43
+ $color-text-on-accent-bold-heavy: var(--k-color-text-on-accent-bold-heavy);
44
+ $color-text-on-accent-bold-pale: var(--k-color-text-on-accent-bold-pale);
45
+ $color-text-on-accent-bold-soft: var(--k-color-text-on-accent-bold-soft);
46
+ $color-text-on-brand-original-faint: var(--k-color-text-on-brand-original-faint);
47
+ $color-text-on-brand-original-heavy: var(--k-color-text-on-brand-original-heavy);
48
+ $color-text-on-brand-original-pale: var(--k-color-text-on-brand-original-pale);
49
+ $color-text-on-brand-original-soft: var(--k-color-text-on-brand-original-soft);
50
+ $color-shape-bold-accent: var(--k-color-shape-bold-accent);
51
+ $color-shape-bold-accent-hover: var(--k-color-shape-bold-accent-hover);
52
+ $color-shape-bold-accent-pressed: var(--k-color-shape-bold-accent-pressed);
53
+ $color-shape-bold-brand-original: var(--k-color-shape-bold-brand-original);
54
+ $color-shape-bold-brand-original-hover: var(--k-color-shape-bold-brand-original-hover);
55
+ $color-shape-bold-brand-original-pressed: var(--k-color-shape-bold-brand-original-pressed);
56
+ $color-shape-bold-error: var(--k-color-shape-bold-error);
57
+ $color-shape-bold-error-hover: var(--k-color-shape-bold-error-hover);
58
+ $color-shape-bold-error-pressed: var(--k-color-shape-bold-error-pressed);
59
+ $color-shape-bold-neutral: var(--k-color-shape-bold-neutral);
60
+ $color-shape-bold-neutral-hover: var(--k-color-shape-bold-neutral-hover);
61
+ $color-shape-bold-neutral-pressed: var(--k-color-shape-bold-neutral-pressed);
62
+ $color-shape-bold-success: var(--k-color-shape-bold-success);
63
+ $color-shape-bold-success-hover: var(--k-color-shape-bold-success-hover);
64
+ $color-shape-bold-success-pressed: var(--k-color-shape-bold-success-pressed);
65
+ $color-shape-bold-warning: var(--k-color-shape-bold-warning);
66
+ $color-shape-bold-warning-hover: var(--k-color-shape-bold-warning-hover);
67
+ $color-shape-bold-warning-pressed: var(--k-color-shape-bold-warning-pressed);
68
+ $color-shape-faint-accent: var(--k-color-shape-faint-accent);
69
+ $color-shape-faint-accent-hover: var(--k-color-shape-faint-accent-hover);
70
+ $color-shape-faint-accent-pressed: var(--k-color-shape-faint-accent-pressed);
71
+ $color-shape-faint-brand: var(--k-color-shape-faint-brand);
72
+ $color-shape-faint-brand-hover: var(--k-color-shape-faint-brand-hover);
73
+ $color-shape-faint-brand-pressed: var(--k-color-shape-faint-brand-pressed);
74
+ $color-shape-faint-error: var(--k-color-shape-faint-error);
75
+ $color-shape-faint-error-hover: var(--k-color-shape-faint-error-hover);
76
+ $color-shape-faint-error-pressed: var(--k-color-shape-faint-error-pressed);
77
+ $color-shape-faint-neutral-alpha: var(--k-color-shape-faint-neutral-alpha);
78
+ $color-shape-faint-neutral-alpha-hover: var(--k-color-shape-faint-neutral-alpha-hover);
79
+ $color-shape-faint-neutral-alpha-pressed: var(--k-color-shape-faint-neutral-alpha-pressed);
80
+ $color-shape-faint-success: var(--k-color-shape-faint-success);
81
+ $color-shape-faint-success-hover: var(--k-color-shape-faint-success-hover);
82
+ $color-shape-faint-success-pressed: var(--k-color-shape-faint-success-pressed);
83
+ $color-shape-faint-warning: var(--k-color-shape-faint-warning);
84
+ $color-shape-faint-warning-hover: var(--k-color-shape-faint-warning-hover);
85
+ $color-shape-faint-warning-pressed: var(--k-color-shape-faint-warning-pressed);
86
+ $color-shape-heavy-error: var(--k-color-shape-heavy-error);
87
+ $color-shape-heavy-neutral: var(--k-color-shape-heavy-neutral);
88
+ $color-shape-heavy-success: var(--k-color-shape-heavy-success);
89
+ $color-shape-heavy-warning: var(--k-color-shape-heavy-warning);
90
+ $color-shape-other-accent-bold-disabled: var(--k-color-shape-other-accent-bold-disabled);
91
+ $color-shape-other-backless-hover: var(--k-color-shape-other-backless-hover);
92
+ $color-shape-other-backless-pressed: var(--k-color-shape-other-backless-pressed);
93
+ $color-shape-other-base: var(--k-color-shape-other-base);
94
+ $color-shape-other-base-hover: var(--k-color-shape-other-base-hover);
95
+ $color-shape-other-base-pressed: var(--k-color-shape-other-base-pressed);
96
+ $color-shape-other-disabled: var(--k-color-shape-other-disabled);
97
+ $color-shape-other-field: var(--k-color-shape-other-field);
98
+ $color-shape-other-field-hover: var(--k-color-shape-other-field-hover);
99
+ $color-shape-other-field-pressed: var(--k-color-shape-other-field-pressed);
100
+ $color-shape-other-low: var(--k-color-shape-other-low);
101
+ $color-shape-other-low-hover: var(--k-color-shape-other-low-hover);
102
+ $color-shape-other-low-pressed: var(--k-color-shape-other-low-pressed);
103
+ $color-shape-other-neutral-faint-solid: var(--k-color-shape-other-neutral-faint-solid);
104
+ $color-shape-other-neutral-faint-solid-hover: var(--k-color-shape-other-neutral-faint-solid-hover);
105
+ $color-shape-other-neutral-faint-solid-pressed: var(--k-color-shape-other-neutral-faint-solid-pressed);
106
+ $color-shape-other-neutral-pale-solid: var(--k-color-shape-other-neutral-pale-solid);
107
+ $color-shape-other-neutral-pale-solid-hover: var(--k-color-shape-other-neutral-pale-solid-hover);
108
+ $color-shape-other-neutral-pale-solid-pressed: var(--k-color-shape-other-neutral-pale-solid-pressed);
109
+ $color-shape-other-neutral-soft-solid: var(--k-color-shape-other-neutral-soft-solid);
110
+ $color-shape-other-neutral-soft-solid-hover: var(--k-color-shape-other-neutral-soft-solid-hover);
111
+ $color-shape-other-neutral-soft-solid-pressed: var(--k-color-shape-other-neutral-soft-solid-pressed);
112
+ $color-shape-pale-accent: var(--k-color-shape-pale-accent);
113
+ $color-shape-pale-accent-hover: var(--k-color-shape-pale-accent-hover);
114
+ $color-shape-pale-accent-pressed: var(--k-color-shape-pale-accent-pressed);
115
+ $color-shape-pale-brand: var(--k-color-shape-pale-brand);
116
+ $color-shape-pale-brand-hover: var(--k-color-shape-pale-brand-hover);
117
+ $color-shape-pale-brand-pressed: var(--k-color-shape-pale-brand-pressed);
118
+ $color-shape-pale-error: var(--k-color-shape-pale-error);
119
+ $color-shape-pale-error-hover: var(--k-color-shape-pale-error-hover);
120
+ $color-shape-pale-error-pressed: var(--k-color-shape-pale-error-pressed);
121
+ $color-shape-pale-neutral-alpha: var(--k-color-shape-pale-neutral-alpha);
122
+ $color-shape-pale-neutral-alpha-hover: var(--k-color-shape-pale-neutral-alpha-hover);
123
+ $color-shape-pale-neutral-alpha-pressed: var(--k-color-shape-pale-neutral-alpha-pressed);
124
+ $color-shape-pale-success: var(--k-color-shape-pale-success);
125
+ $color-shape-pale-success-hover: var(--k-color-shape-pale-success-hover);
126
+ $color-shape-pale-success-pressed: var(--k-color-shape-pale-success-pressed);
127
+ $color-shape-pale-warning: var(--k-color-shape-pale-warning);
128
+ $color-shape-pale-warning-hover: var(--k-color-shape-pale-warning-hover);
129
+ $color-shape-pale-warning-pressed: var(--k-color-shape-pale-warning-pressed);
130
+ $color-shape-soft-accent: var(--k-color-shape-soft-accent);
131
+ $color-shape-soft-accent-hover: var(--k-color-shape-soft-accent-hover);
132
+ $color-shape-soft-accent-pressed: var(--k-color-shape-soft-accent-pressed);
133
+ $color-shape-soft-brand: var(--k-color-shape-soft-brand);
134
+ $color-shape-soft-brand-hover: var(--k-color-shape-soft-brand-hover);
135
+ $color-shape-soft-brand-pressed: var(--k-color-shape-soft-brand-pressed);
136
+ $color-shape-soft-error: var(--k-color-shape-soft-error);
137
+ $color-shape-soft-error-hover: var(--k-color-shape-soft-error-hover);
138
+ $color-shape-soft-error-pressed: var(--k-color-shape-soft-error-pressed);
139
+ $color-shape-soft-neutral-alpha: var(--k-color-shape-soft-neutral-alpha);
140
+ $color-shape-soft-neutral-alpha-hover: var(--k-color-shape-soft-neutral-alpha-hover);
141
+ $color-shape-soft-neutral-alpha-pressed: var(--k-color-shape-soft-neutral-alpha-pressed);
142
+ $color-shape-soft-success: var(--k-color-shape-soft-success);
143
+ $color-shape-soft-success-hover: var(--k-color-shape-soft-success-hover);
144
+ $color-shape-soft-success-pressed: var(--k-color-shape-soft-success-pressed);
145
+ $color-shape-soft-warning: var(--k-color-shape-soft-warning);
146
+ $color-shape-soft-warning-hover: var(--k-color-shape-soft-warning-hover);
147
+ $color-shape-soft-warning-pressed: var(--k-color-shape-soft-warning-pressed);
148
+ $color-shape-inverted-backless-hover: var(--k-color-shape-inverted-backless-hover);
149
+ $color-shape-inverted-backless-pressed: var(--k-color-shape-inverted-backless-pressed);
150
+ $color-shape-inverted-disabled: var(--k-color-shape-inverted-disabled);
151
+ $color-shape-inverted-neutral-faint-alpha: var(--k-color-shape-inverted-neutral-faint-alpha);
152
+ $color-shape-inverted-neutral-faint-alpha-hover: var(--k-color-shape-inverted-neutral-faint-alpha-hover);
153
+ $color-shape-inverted-neutral-faint-alpha-pressed: var(--k-color-shape-inverted-neutral-faint-alpha-pressed);
154
+ $color-shape-inverted-neutral-heavy: var(--k-color-shape-inverted-neutral-heavy);
155
+ $color-shape-inverted-neutral-heavy-hover: var(--k-color-shape-inverted-neutral-heavy-hover);
156
+ $color-shape-inverted-neutral-heavy-pressed: var(--k-color-shape-inverted-neutral-heavy-pressed);
157
+ $color-shape-inverted-neutral-pale-alpha: var(--k-color-shape-inverted-neutral-pale-alpha);
158
+ $color-shape-inverted-neutral-pale-alpha-hover: var(--k-color-shape-inverted-neutral-pale-alpha-hover);
159
+ $color-shape-inverted-neutral-pale-alpha-pressed: var(--k-color-shape-inverted-neutral-pale-alpha-pressed);
160
+ $color-shape-inverted-neutral-soft-alpha: var(--k-color-shape-inverted-neutral-soft-alpha);
161
+ $color-shape-inverted-neutral-soft-alpha-hover: var(--k-color-shape-inverted-neutral-soft-alpha-hover);
162
+ $color-shape-inverted-neutral-soft-alpha-pressed: var(--k-color-shape-inverted-neutral-soft-alpha-pressed);
163
+ $color-shape-const-backless-black-hover: var(--k-color-shape-const-backless-black-hover);
164
+ $color-shape-const-backless-black-pressed: var(--k-color-shape-const-backless-black-pressed);
165
+ $color-shape-const-backless-white-hover: var(--k-color-shape-const-backless-white-hover);
166
+ $color-shape-const-backless-white-pressed: var(--k-color-shape-const-backless-white-pressed);
167
+ $color-shape-const-disabled-black: var(--k-color-shape-const-disabled-black);
168
+ $color-shape-const-disabled-white: var(--k-color-shape-const-disabled-white);
169
+ $color-shape-const-faint-black: var(--k-color-shape-const-faint-black);
170
+ $color-shape-const-faint-black-hover: var(--k-color-shape-const-faint-black-hover);
171
+ $color-shape-const-faint-black-pressed: var(--k-color-shape-const-faint-black-pressed);
172
+ $color-shape-const-faint-white: var(--k-color-shape-const-faint-white);
173
+ $color-shape-const-faint-white-hover: var(--k-color-shape-const-faint-white-hover);
174
+ $color-shape-const-faint-white-pressed: var(--k-color-shape-const-faint-white-pressed);
175
+ $color-shape-const-heavy-black: var(--k-color-shape-const-heavy-black);
176
+ $color-shape-const-heavy-black-hover: var(--k-color-shape-const-heavy-black-hover);
177
+ $color-shape-const-heavy-black-pressed: var(--k-color-shape-const-heavy-black-pressed);
178
+ $color-shape-const-heavy-white: var(--k-color-shape-const-heavy-white);
179
+ $color-shape-const-heavy-white-hover: var(--k-color-shape-const-heavy-white-hover);
180
+ $color-shape-const-heavy-white-pressed: var(--k-color-shape-const-heavy-white-pressed);
181
+ $color-shape-const-pale-black: var(--k-color-shape-const-pale-black);
182
+ $color-shape-const-pale-black-hover: var(--k-color-shape-const-pale-black-hover);
183
+ $color-shape-const-pale-black-pressed: var(--k-color-shape-const-pale-black-pressed);
184
+ $color-shape-const-pale-white: var(--k-color-shape-const-pale-white);
185
+ $color-shape-const-pale-white-hover: var(--k-color-shape-const-pale-white-hover);
186
+ $color-shape-const-pale-white-pressed: var(--k-color-shape-const-pale-white-pressed);
187
+ $color-shape-const-promo: var(--k-color-shape-const-promo);
188
+ $color-shape-const-soft-black: var(--k-color-shape-const-soft-black);
189
+ $color-shape-const-soft-black-hover: var(--k-color-shape-const-soft-black-hover);
190
+ $color-shape-const-soft-black-pressed: var(--k-color-shape-const-soft-black-pressed);
191
+ $color-shape-const-soft-white: var(--k-color-shape-const-soft-white);
192
+ $color-shape-const-soft-white-hover: var(--k-color-shape-const-soft-white-hover);
193
+ $color-shape-const-soft-white-pressed: var(--k-color-shape-const-soft-white-pressed);
194
+ $color-line-accent-bold: var(--k-color-line-accent-bold);
195
+ $color-line-accent-bold-hover: var(--k-color-line-accent-bold-hover);
196
+ $color-line-accent-bold-pressed: var(--k-color-line-accent-bold-pressed);
197
+ $color-line-accent-pale: var(--k-color-line-accent-pale);
198
+ $color-line-accent-pale-hover: var(--k-color-line-accent-pale-hover);
199
+ $color-line-accent-pale-pressed: var(--k-color-line-accent-pale-pressed);
200
+ $color-line-accent-soft: var(--k-color-line-accent-soft);
201
+ $color-line-accent-soft-hover: var(--k-color-line-accent-soft-hover);
202
+ $color-line-accent-soft-pressed: var(--k-color-line-accent-soft-pressed);
203
+ $color-line-brand-original: var(--k-color-line-brand-original);
204
+ $color-line-error-bold: var(--k-color-line-error-bold);
205
+ $color-line-error-bold-hover: var(--k-color-line-error-bold-hover);
206
+ $color-line-error-bold-pressed: var(--k-color-line-error-bold-pressed);
207
+ $color-line-neutral-faint: var(--k-color-line-neutral-faint);
208
+ $color-line-neutral-pale: var(--k-color-line-neutral-pale);
209
+ $color-line-neutral-pale-hover: var(--k-color-line-neutral-pale-hover);
210
+ $color-line-neutral-pale-pressed: var(--k-color-line-neutral-pale-pressed);
211
+ $color-line-on-accent-bold-faint: var(--k-color-line-on-accent-bold-faint);
212
+ $color-line-on-accent-bold-pale: var(--k-color-line-on-accent-bold-pale);
213
+ $color-line-on-brand-original-faint: var(--k-color-line-on-brand-original-faint);
214
+ $color-line-on-brand-original-pale: var(--k-color-line-on-brand-original-pale);
215
+ $color-line-success-bold: var(--k-color-line-success-bold);
216
+ $color-line-success-bold-hover: var(--k-color-line-success-bold-hover);
217
+ $color-line-success-bold-pressed: var(--k-color-line-success-bold-pressed);
218
+ $color-line-warning-bold: var(--k-color-line-warning-bold);
219
+ $color-line-warning-bold-hover: var(--k-color-line-warning-bold-hover);
220
+ $color-line-warning-bold-pressed: var(--k-color-line-warning-bold-pressed);
221
+ $color-line-inverted-accent-bold: var(--k-color-line-inverted-accent-bold);
222
+ $color-line-inverted-accent-bold-hover: var(--k-color-line-inverted-accent-bold-hover);
223
+ $color-line-inverted-accent-bold-pressed: var(--k-color-line-inverted-accent-bold-pressed);
224
+ $color-line-inverted-accent-pale: var(--k-color-line-inverted-accent-pale);
225
+ $color-line-inverted-accent-pale-hover: var(--k-color-line-inverted-accent-pale-hover);
226
+ $color-line-inverted-accent-pale-pressed: var(--k-color-line-inverted-accent-pale-pressed);
227
+ $color-line-inverted-accent-soft: var(--k-color-line-inverted-accent-soft);
228
+ $color-line-inverted-accent-soft-hover: var(--k-color-line-inverted-accent-soft-hover);
229
+ $color-line-inverted-accent-soft-pressed: var(--k-color-line-inverted-accent-soft-pressed);
230
+ $color-line-inverted-error-bold: var(--k-color-line-inverted-error-bold);
231
+ $color-line-inverted-error-bold-hover: var(--k-color-line-inverted-error-bold-hover);
232
+ $color-line-inverted-error-bold-pressed: var(--k-color-line-inverted-error-bold-pressed);
233
+ $color-line-inverted-neutral-faint: var(--k-color-line-inverted-neutral-faint);
234
+ $color-line-inverted-neutral-pale: var(--k-color-line-inverted-neutral-pale);
235
+ $color-line-inverted-neutral-pale-hover: var(--k-color-line-inverted-neutral-pale-hover);
236
+ $color-line-inverted-neutral-pale-pressed: var(--k-color-line-inverted-neutral-pale-pressed);
237
+ $color-line-inverted-success-bold: var(--k-color-line-inverted-success-bold);
238
+ $color-line-inverted-success-bold-hover: var(--k-color-line-inverted-success-bold-hover);
239
+ $color-line-inverted-success-bold-pressed: var(--k-color-line-inverted-success-bold-pressed);
240
+ $color-line-inverted-warning-bold: var(--k-color-line-inverted-warning-bold);
241
+ $color-line-inverted-warning-bold-hover: var(--k-color-line-inverted-warning-bold-hover);
242
+ $color-line-inverted-warning-bold-pressed: var(--k-color-line-inverted-warning-bold-pressed);
243
+ $color-line-const-faint-black: var(--k-color-line-const-faint-black);
244
+ $color-line-const-faint-white: var(--k-color-line-const-faint-white);
245
+ $color-line-const-pale-black: var(--k-color-line-const-pale-black);
246
+ $color-line-const-pale-black-hover: var(--k-color-line-const-pale-black-hover);
247
+ $color-line-const-pale-black-pressed: var(--k-color-line-const-pale-black-pressed);
248
+ $color-line-const-pale-white: var(--k-color-line-const-pale-white);
249
+ $color-line-const-pale-white-hover: var(--k-color-line-const-pale-white-hover);
250
+ $color-line-const-pale-white-pressed: var(--k-color-line-const-pale-white-pressed);
251
+ $color-surface-base: var(--k-color-surface-base);
252
+ $color-surface-high: var(--k-color-surface-high);
253
+ $color-surface-low: var(--k-color-surface-low);
254
+ $color-surface-modal-backdrop: var(--k-color-surface-modal-backdrop);
255
+ $color-illustration-black: var(--k-color-illustration-black);
256
+ $color-illustration-brand: var(--k-color-illustration-brand);
257
+ $color-illustration-complement: var(--k-color-illustration-complement);
258
+ $color-illustration-inverted-neutral: var(--k-color-illustration-inverted-neutral);
259
+ $color-illustration-neutral: var(--k-color-illustration-neutral);
260
+ $color-illustration-on-brand: var(--k-color-illustration-on-brand);
261
+ $color-illustration-on-complement: var(--k-color-illustration-on-complement);
262
+ $color-illustration-promo: var(--k-color-illustration-promo);
263
+ $color-illustration-symbol: var(--k-color-illustration-symbol);
264
+ $color-illustration-white: var(--k-color-illustration-white);
265
+ $color-customizable-bold-black: var(--k-color-customizable-bold-black);
266
+ $color-customizable-bold-blue: var(--k-color-customizable-bold-blue);
267
+ $color-customizable-bold-blue-deep: var(--k-color-customizable-bold-blue-deep);
268
+ $color-customizable-bold-gray: var(--k-color-customizable-bold-gray);
269
+ $color-customizable-bold-green: var(--k-color-customizable-bold-green);
270
+ $color-customizable-bold-mint: var(--k-color-customizable-bold-mint);
271
+ $color-customizable-bold-orange: var(--k-color-customizable-bold-orange);
272
+ $color-customizable-bold-purple: var(--k-color-customizable-bold-purple);
273
+ $color-customizable-bold-red: var(--k-color-customizable-bold-red);
274
+ $color-customizable-bold-violet: var(--k-color-customizable-bold-violet);
275
+ $color-customizable-bold-yellow: var(--k-color-customizable-bold-yellow);
276
+ $color-customizable-faint-black: var(--k-color-customizable-faint-black);
277
+ $color-customizable-faint-blue: var(--k-color-customizable-faint-blue);
278
+ $color-customizable-faint-blue-deep: var(--k-color-customizable-faint-blue-deep);
279
+ $color-customizable-faint-gray: var(--k-color-customizable-faint-gray);
280
+ $color-customizable-faint-green: var(--k-color-customizable-faint-green);
281
+ $color-customizable-faint-mint: var(--k-color-customizable-faint-mint);
282
+ $color-customizable-faint-orange: var(--k-color-customizable-faint-orange);
283
+ $color-customizable-faint-purple: var(--k-color-customizable-faint-purple);
284
+ $color-customizable-faint-red: var(--k-color-customizable-faint-red);
285
+ $color-customizable-faint-violet: var(--k-color-customizable-faint-violet);
286
+ $color-customizable-faint-yellow: var(--k-color-customizable-faint-yellow);
287
+ $color-customizable-heavy-black: var(--k-color-customizable-heavy-black);
288
+ $color-customizable-heavy-blue: var(--k-color-customizable-heavy-blue);
289
+ $color-customizable-heavy-blue-deep: var(--k-color-customizable-heavy-blue-deep);
290
+ $color-customizable-heavy-gray: var(--k-color-customizable-heavy-gray);
291
+ $color-customizable-heavy-green: var(--k-color-customizable-heavy-green);
292
+ $color-customizable-heavy-mint: var(--k-color-customizable-heavy-mint);
293
+ $color-customizable-heavy-orange: var(--k-color-customizable-heavy-orange);
294
+ $color-customizable-heavy-purple: var(--k-color-customizable-heavy-purple);
295
+ $color-customizable-heavy-red: var(--k-color-customizable-heavy-red);
296
+ $color-customizable-heavy-violet: var(--k-color-customizable-heavy-violet);
297
+ $color-customizable-heavy-yellow: var(--k-color-customizable-heavy-yellow);
298
+ $color-customizable-pale-black: var(--k-color-customizable-pale-black);
299
+ $color-customizable-pale-blue: var(--k-color-customizable-pale-blue);
300
+ $color-customizable-pale-blue-deep: var(--k-color-customizable-pale-blue-deep);
301
+ $color-customizable-pale-gray: var(--k-color-customizable-pale-gray);
302
+ $color-customizable-pale-green: var(--k-color-customizable-pale-green);
303
+ $color-customizable-pale-mint: var(--k-color-customizable-pale-mint);
304
+ $color-customizable-pale-orange: var(--k-color-customizable-pale-orange);
305
+ $color-customizable-pale-purple: var(--k-color-customizable-pale-purple);
306
+ $color-customizable-pale-red: var(--k-color-customizable-pale-red);
307
+ $color-customizable-pale-violet: var(--k-color-customizable-pale-violet);
308
+ $color-customizable-pale-yellow: var(--k-color-customizable-pale-yellow);
309
+ $color-customizable-soft-black: var(--k-color-customizable-soft-black);
310
+ $color-customizable-soft-blue: var(--k-color-customizable-soft-blue);
311
+ $color-customizable-soft-blue-deep: var(--k-color-customizable-soft-blue-deep);
312
+ $color-customizable-soft-gray: var(--k-color-customizable-soft-gray);
313
+ $color-customizable-soft-green: var(--k-color-customizable-soft-green);
314
+ $color-customizable-soft-mint: var(--k-color-customizable-soft-mint);
315
+ $color-customizable-soft-orange: var(--k-color-customizable-soft-orange);
316
+ $color-customizable-soft-purple: var(--k-color-customizable-soft-purple);
317
+ $color-customizable-soft-red: var(--k-color-customizable-soft-red);
318
+ $color-customizable-soft-violet: var(--k-color-customizable-soft-violet);
319
+ $color-customizable-soft-yellow: var(--k-color-customizable-soft-yellow);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skbkontur/colors",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "author": "Kontur",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -13,7 +13,7 @@
13
13
  "/lib",
14
14
  "/tokens",
15
15
  "/tokens-mobile",
16
- "/*.{js,d.ts}"
16
+ "/*.{js,d.ts,less,scss}"
17
17
  ],
18
18
  "exports": {
19
19
  "./package.json": "./package.json",
@@ -26,12 +26,12 @@
26
26
  "default": "./lib/get-colors.js"
27
27
  },
28
28
  "./default-light": {
29
- "types": "./colors-default-light.d.ts",
30
- "default": "./colors-default-light.js"
29
+ "types": "./default-light.d.ts",
30
+ "default": "./default-light.js"
31
31
  },
32
32
  "./default-dark": {
33
- "types": "./colors-default-dark.d.ts",
34
- "default": "./colors-default-dark.js"
33
+ "types": "./default-dark.d.ts",
34
+ "default": "./default-dark.js"
35
35
  },
36
36
  "./colors.scss": "./colors.scss",
37
37
  "./colors.less": "./colors.less",
/package/{colors-default-dark.d.ts → default-dark.d.ts} RENAMED
File without changes
/package/{colors-default-dark.js → default-dark.js} RENAMED
File without changes
/package/{colors-default-light.js → default-light.js} RENAMED
File without changes