@skbkontur/colors 2.0.1 → 2.0.3
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/colors.less +319 -319
- package/colors.scss +319 -319
- package/lib/get-colors.js +19 -1
- package/lib/get-colors.ts +9 -1
- package/package.json +2 -2
- package/tokens-mobile/brand-blue-deep_accent-brand.json +117 -117
- package/tokens-mobile/brand-blue-deep_accent-gray.json +135 -135
- package/tokens-mobile/brand-blue_accent-brand.json +117 -117
- package/tokens-mobile/brand-blue_accent-gray.json +135 -135
- package/tokens-mobile/brand-green_accent-brand.json +117 -117
- package/tokens-mobile/brand-green_accent-gray.json +135 -135
- package/tokens-mobile/brand-mint_accent-brand.json +117 -117
- package/tokens-mobile/brand-mint_accent-gray.json +135 -135
- package/tokens-mobile/brand-orange_accent-gray.json +135 -135
- package/tokens-mobile/brand-purple_accent-brand.json +117 -117
- package/tokens-mobile/brand-purple_accent-gray.json +135 -135
- package/tokens-mobile/brand-red_accent-gray.json +135 -135
- package/tokens-mobile/brand-violet_accent-brand.json +117 -117
- package/tokens-mobile/brand-violet_accent-gray.json +135 -135
- package/.gitignore +0 -10
- package/.npmignore +0 -10
- package/CHANGELOG.md +0 -117
- package/__docs__/Colors.docs.stories.tsx +0 -1578
- package/__docs__/Colors.mdx +0 -228
- package/__docs__/ColorsAPI.docs.stories.tsx +0 -954
- package/__docs__/ColorsAPI.mdx +0 -133
- package/__stories__/colors.stories.tsx +0 -452
- package/__tests__/convert-color.test.ts +0 -23
- package/__tests__/create-tokens-from-figma.test.ts +0 -162
- package/__tests__/format-variable.test.ts +0 -16
- package/__tests__/get-colors-base.test.ts +0 -55
- package/__tests__/get-colors.test.ts +0 -75
- package/__tests__/get-interactions.test.ts +0 -37
- package/__tests__/get-logo.test.ts +0 -24
- package/__tests__/get-palette.test.ts +0 -43
- package/__tests__/get-promo.test.ts +0 -32
- package/colors-default-dark.ts +0 -332
- package/colors-default-light.ts +0 -336
- package/colors.ts +0 -319
- package/scripts/create-tokens-files.ts +0 -424
- package/scripts/create-tokens-from-figma.ts +0 -376
- package/scripts/figma-tokens-base.json +0 -3499
- package/scripts/figma-tokens.json +0 -710
- package/tsconfig.json +0 -8
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
{
|
|
2
2
|
"textAccentHeavy": {
|
|
3
|
-
"light": "#
|
|
4
|
-
"dark": "#
|
|
3
|
+
"light": "#E0000000",
|
|
4
|
+
"dark": "#F5FFFFFF"
|
|
5
5
|
},
|
|
6
6
|
"textErrorHeavy": {
|
|
7
7
|
"light": "#C50220",
|
|
8
8
|
"dark": "#FF5352"
|
|
9
9
|
},
|
|
10
10
|
"textInvertedAccentHeavy": {
|
|
11
|
-
"light": "#
|
|
12
|
-
"dark": "#
|
|
11
|
+
"light": "#F5FFFFFF",
|
|
12
|
+
"dark": "#E0000000"
|
|
13
13
|
},
|
|
14
14
|
"textInvertedErrorHeavy": {
|
|
15
15
|
"light": "#FF5352",
|
|
16
16
|
"dark": "#C50220"
|
|
17
17
|
},
|
|
18
18
|
"textInvertedNeutralFaint": {
|
|
19
|
-
"light": "#
|
|
20
|
-
"dark": "#
|
|
19
|
+
"light": "#66FFFFFF",
|
|
20
|
+
"dark": "#52000000"
|
|
21
21
|
},
|
|
22
22
|
"textInvertedNeutralHeavy": {
|
|
23
|
-
"light": "#
|
|
24
|
-
"dark": "#
|
|
23
|
+
"light": "#F5FFFFFF",
|
|
24
|
+
"dark": "#E0000000"
|
|
25
25
|
},
|
|
26
26
|
"textInvertedNeutralPale": {
|
|
27
|
-
"light": "#
|
|
28
|
-
"dark": "#
|
|
27
|
+
"light": "#7AFFFFFF",
|
|
28
|
+
"dark": "#66000000"
|
|
29
29
|
},
|
|
30
30
|
"textInvertedNeutralSoft": {
|
|
31
|
-
"light": "#
|
|
32
|
-
"dark": "#
|
|
31
|
+
"light": "#A3FFFFFF",
|
|
32
|
+
"dark": "#8F000000"
|
|
33
33
|
},
|
|
34
34
|
"textInvertedSuccessHeavy": {
|
|
35
35
|
"light": "#00C655",
|
|
@@ -44,20 +44,20 @@
|
|
|
44
44
|
"dark": "#9864FF"
|
|
45
45
|
},
|
|
46
46
|
"textNeutralFaint": {
|
|
47
|
-
"light": "#
|
|
48
|
-
"dark": "#
|
|
47
|
+
"light": "#52000000",
|
|
48
|
+
"dark": "#66FFFFFF"
|
|
49
49
|
},
|
|
50
50
|
"textNeutralHeavy": {
|
|
51
|
-
"light": "#
|
|
52
|
-
"dark": "#
|
|
51
|
+
"light": "#E0000000",
|
|
52
|
+
"dark": "#F5FFFFFF"
|
|
53
53
|
},
|
|
54
54
|
"textNeutralPale": {
|
|
55
|
-
"light": "#
|
|
56
|
-
"dark": "#
|
|
55
|
+
"light": "#66000000",
|
|
56
|
+
"dark": "#7AFFFFFF"
|
|
57
57
|
},
|
|
58
58
|
"textNeutralSoft": {
|
|
59
|
-
"light": "#
|
|
60
|
-
"dark": "#
|
|
59
|
+
"light": "#8F000000",
|
|
60
|
+
"dark": "#A3FFFFFF"
|
|
61
61
|
},
|
|
62
62
|
"textSuccessHeavy": {
|
|
63
63
|
"light": "#007F34",
|
|
@@ -68,68 +68,68 @@
|
|
|
68
68
|
"dark": "#F8AE00"
|
|
69
69
|
},
|
|
70
70
|
"textConstFaintBlack": {
|
|
71
|
-
"light": "#
|
|
72
|
-
"dark": "#
|
|
71
|
+
"light": "#52000000",
|
|
72
|
+
"dark": "#52000000"
|
|
73
73
|
},
|
|
74
74
|
"textConstFaintWhite": {
|
|
75
|
-
"light": "#
|
|
76
|
-
"dark": "#
|
|
75
|
+
"light": "#66FFFFFF",
|
|
76
|
+
"dark": "#66FFFFFF"
|
|
77
77
|
},
|
|
78
78
|
"textConstHeavyBlack": {
|
|
79
|
-
"light": "#
|
|
80
|
-
"dark": "#
|
|
79
|
+
"light": "#E0000000",
|
|
80
|
+
"dark": "#E0000000"
|
|
81
81
|
},
|
|
82
82
|
"textConstHeavyWhite": {
|
|
83
|
-
"light": "#
|
|
84
|
-
"dark": "#
|
|
83
|
+
"light": "#F5FFFFFF",
|
|
84
|
+
"dark": "#F5FFFFFF"
|
|
85
85
|
},
|
|
86
86
|
"textConstPaleBlack": {
|
|
87
|
-
"light": "#
|
|
88
|
-
"dark": "#
|
|
87
|
+
"light": "#66000000",
|
|
88
|
+
"dark": "#66000000"
|
|
89
89
|
},
|
|
90
90
|
"textConstPaleWhite": {
|
|
91
|
-
"light": "#
|
|
92
|
-
"dark": "#
|
|
91
|
+
"light": "#7AFFFFFF",
|
|
92
|
+
"dark": "#7AFFFFFF"
|
|
93
93
|
},
|
|
94
94
|
"textConstSoftBlack": {
|
|
95
|
-
"light": "#
|
|
96
|
-
"dark": "#
|
|
95
|
+
"light": "#8F000000",
|
|
96
|
+
"dark": "#8F000000"
|
|
97
97
|
},
|
|
98
98
|
"textConstSoftWhite": {
|
|
99
|
-
"light": "#
|
|
100
|
-
"dark": "#
|
|
99
|
+
"light": "#A3FFFFFF",
|
|
100
|
+
"dark": "#A3FFFFFF"
|
|
101
101
|
},
|
|
102
102
|
"textOnAccentBoldFaint": {
|
|
103
|
-
"light": "#
|
|
104
|
-
"dark": "#
|
|
103
|
+
"light": "#66FFFFFF",
|
|
104
|
+
"dark": "#52000000"
|
|
105
105
|
},
|
|
106
106
|
"textOnAccentBoldHeavy": {
|
|
107
|
-
"light": "#
|
|
108
|
-
"dark": "#
|
|
107
|
+
"light": "#F5FFFFFF",
|
|
108
|
+
"dark": "#E0000000"
|
|
109
109
|
},
|
|
110
110
|
"textOnAccentBoldPale": {
|
|
111
|
-
"light": "#
|
|
112
|
-
"dark": "#
|
|
111
|
+
"light": "#7AFFFFFF",
|
|
112
|
+
"dark": "#66000000"
|
|
113
113
|
},
|
|
114
114
|
"textOnAccentBoldSoft": {
|
|
115
|
-
"light": "#
|
|
116
|
-
"dark": "#
|
|
115
|
+
"light": "#A3FFFFFF",
|
|
116
|
+
"dark": "#8F000000"
|
|
117
117
|
},
|
|
118
118
|
"textOnBrandOriginalFaint": {
|
|
119
|
-
"light": "#
|
|
120
|
-
"dark": "#
|
|
119
|
+
"light": "#66FFFFFF",
|
|
120
|
+
"dark": "#66FFFFFF"
|
|
121
121
|
},
|
|
122
122
|
"textOnBrandOriginalHeavy": {
|
|
123
|
-
"light": "#
|
|
124
|
-
"dark": "#
|
|
123
|
+
"light": "#F5FFFFFF",
|
|
124
|
+
"dark": "#F5FFFFFF"
|
|
125
125
|
},
|
|
126
126
|
"textOnBrandOriginalPale": {
|
|
127
|
-
"light": "#
|
|
128
|
-
"dark": "#
|
|
127
|
+
"light": "#7AFFFFFF",
|
|
128
|
+
"dark": "#7AFFFFFF"
|
|
129
129
|
},
|
|
130
130
|
"textOnBrandOriginalSoft": {
|
|
131
|
-
"light": "#
|
|
132
|
-
"dark": "#
|
|
131
|
+
"light": "#A3FFFFFF",
|
|
132
|
+
"dark": "#A3FFFFFF"
|
|
133
133
|
},
|
|
134
134
|
"shapeBoldAccent": {
|
|
135
135
|
"light": "#3D3D3D",
|
|
@@ -156,8 +156,8 @@
|
|
|
156
156
|
"dark": "#F1B03B"
|
|
157
157
|
},
|
|
158
158
|
"shapeFaintAccent": {
|
|
159
|
-
"light": "#
|
|
160
|
-
"dark": "#
|
|
159
|
+
"light": "#1F000000",
|
|
160
|
+
"dark": "#1FFFFFFF"
|
|
161
161
|
},
|
|
162
162
|
"shapeFaintBrand": {
|
|
163
163
|
"light": "#F1F0FF",
|
|
@@ -168,8 +168,8 @@
|
|
|
168
168
|
"dark": "#502421"
|
|
169
169
|
},
|
|
170
170
|
"shapeFaintNeutralAlpha": {
|
|
171
|
-
"light": "#
|
|
172
|
-
"dark": "#
|
|
171
|
+
"light": "#0F000000",
|
|
172
|
+
"dark": "#0FFFFFFF"
|
|
173
173
|
},
|
|
174
174
|
"shapeFaintSuccess": {
|
|
175
175
|
"light": "#DEFBE2",
|
|
@@ -196,24 +196,24 @@
|
|
|
196
196
|
"dark": "#FBE48D"
|
|
197
197
|
},
|
|
198
198
|
"shapeOtherAccentBoldDisabled": {
|
|
199
|
-
"light": "#
|
|
200
|
-
"dark": "#
|
|
199
|
+
"light": "#52000000",
|
|
200
|
+
"dark": "#52FFFFFF"
|
|
201
201
|
},
|
|
202
202
|
"shapeOtherBase": {
|
|
203
203
|
"light": "#FFFFFF",
|
|
204
|
-
"dark": "#
|
|
204
|
+
"dark": "#0FFFFFFF"
|
|
205
205
|
},
|
|
206
206
|
"shapeOtherDisabled": {
|
|
207
|
-
"light": "#
|
|
208
|
-
"dark": "#
|
|
207
|
+
"light": "#0F000000",
|
|
208
|
+
"dark": "#0FFFFFFF"
|
|
209
209
|
},
|
|
210
210
|
"shapeOtherField": {
|
|
211
211
|
"light": "#FFFFFF",
|
|
212
|
-
"dark": "#
|
|
212
|
+
"dark": "#29000000"
|
|
213
213
|
},
|
|
214
214
|
"shapeOtherLow": {
|
|
215
|
-
"light": "#
|
|
216
|
-
"dark": "#
|
|
215
|
+
"light": "#0F000000",
|
|
216
|
+
"dark": "#3D000000"
|
|
217
217
|
},
|
|
218
218
|
"shapeOtherNeutralFaintSolid": {
|
|
219
219
|
"light": "#F2F2F2",
|
|
@@ -228,8 +228,8 @@
|
|
|
228
228
|
"dark": "#484848"
|
|
229
229
|
},
|
|
230
230
|
"shapePaleAccent": {
|
|
231
|
-
"light": "#
|
|
232
|
-
"dark": "#
|
|
231
|
+
"light": "#29000000",
|
|
232
|
+
"dark": "#29FFFFFF"
|
|
233
233
|
},
|
|
234
234
|
"shapePaleBrand": {
|
|
235
235
|
"light": "#E4E0FF",
|
|
@@ -240,8 +240,8 @@
|
|
|
240
240
|
"dark": "#602A27"
|
|
241
241
|
},
|
|
242
242
|
"shapePaleNeutralAlpha": {
|
|
243
|
-
"light": "#
|
|
244
|
-
"dark": "#
|
|
243
|
+
"light": "#1F000000",
|
|
244
|
+
"dark": "#1FFFFFFF"
|
|
245
245
|
},
|
|
246
246
|
"shapePaleSuccess": {
|
|
247
247
|
"light": "#C3F3CA",
|
|
@@ -252,8 +252,8 @@
|
|
|
252
252
|
"dark": "#4D391C"
|
|
253
253
|
},
|
|
254
254
|
"shapeSoftAccent": {
|
|
255
|
-
"light": "#
|
|
256
|
-
"dark": "#
|
|
255
|
+
"light": "#52000000",
|
|
256
|
+
"dark": "#52FFFFFF"
|
|
257
257
|
},
|
|
258
258
|
"shapeSoftBrand": {
|
|
259
259
|
"light": "#C1B0FF",
|
|
@@ -264,8 +264,8 @@
|
|
|
264
264
|
"dark": "#943E3B"
|
|
265
265
|
},
|
|
266
266
|
"shapeSoftNeutralAlpha": {
|
|
267
|
-
"light": "#
|
|
268
|
-
"dark": "#
|
|
267
|
+
"light": "#29000000",
|
|
268
|
+
"dark": "#29FFFFFF"
|
|
269
269
|
},
|
|
270
270
|
"shapeSoftSuccess": {
|
|
271
271
|
"light": "#6CD984",
|
|
@@ -276,80 +276,80 @@
|
|
|
276
276
|
"dark": "#86612C"
|
|
277
277
|
},
|
|
278
278
|
"shapeInvertedDisabled": {
|
|
279
|
-
"light": "#
|
|
280
|
-
"dark": "#
|
|
279
|
+
"light": "#0FFFFFFF",
|
|
280
|
+
"dark": "#0F000000"
|
|
281
281
|
},
|
|
282
282
|
"shapeInvertedNeutralFaintAlpha": {
|
|
283
|
-
"light": "#
|
|
284
|
-
"dark": "#
|
|
283
|
+
"light": "#0FFFFFFF",
|
|
284
|
+
"dark": "#0F000000"
|
|
285
285
|
},
|
|
286
286
|
"shapeInvertedNeutralHeavy": {
|
|
287
287
|
"light": "#FFFFFF",
|
|
288
|
-
"dark": "#
|
|
288
|
+
"dark": "#CC000000"
|
|
289
289
|
},
|
|
290
290
|
"shapeInvertedNeutralPaleAlpha": {
|
|
291
|
-
"light": "#
|
|
292
|
-
"dark": "#
|
|
291
|
+
"light": "#1FFFFFFF",
|
|
292
|
+
"dark": "#1F000000"
|
|
293
293
|
},
|
|
294
294
|
"shapeInvertedNeutralSoftAlpha": {
|
|
295
|
-
"light": "#
|
|
296
|
-
"dark": "#
|
|
295
|
+
"light": "#29FFFFFF",
|
|
296
|
+
"dark": "#29000000"
|
|
297
297
|
},
|
|
298
298
|
"shapeConstDisabledBlack": {
|
|
299
|
-
"light": "#
|
|
300
|
-
"dark": "#
|
|
299
|
+
"light": "#0F000000",
|
|
300
|
+
"dark": "#0F000000"
|
|
301
301
|
},
|
|
302
302
|
"shapeConstDisabledWhite": {
|
|
303
|
-
"light": "#
|
|
304
|
-
"dark": "#
|
|
303
|
+
"light": "#0FFFFFFF",
|
|
304
|
+
"dark": "#0FFFFFFF"
|
|
305
305
|
},
|
|
306
306
|
"shapeConstFaintBlack": {
|
|
307
|
-
"light": "#
|
|
308
|
-
"dark": "#
|
|
307
|
+
"light": "#1F000000",
|
|
308
|
+
"dark": "#1F000000"
|
|
309
309
|
},
|
|
310
310
|
"shapeConstFaintWhite": {
|
|
311
|
-
"light": "#
|
|
312
|
-
"dark": "#
|
|
311
|
+
"light": "#1FFFFFFF",
|
|
312
|
+
"dark": "#1FFFFFFF"
|
|
313
313
|
},
|
|
314
314
|
"shapeConstHeavyBlack": {
|
|
315
|
-
"light": "#
|
|
316
|
-
"dark": "#
|
|
315
|
+
"light": "#CC000000",
|
|
316
|
+
"dark": "#CC000000"
|
|
317
317
|
},
|
|
318
318
|
"shapeConstHeavyWhite": {
|
|
319
|
-
"light": "#
|
|
320
|
-
"dark": "#
|
|
319
|
+
"light": "#F5FFFFFF",
|
|
320
|
+
"dark": "#F5FFFFFF"
|
|
321
321
|
},
|
|
322
322
|
"shapeConstPaleBlack": {
|
|
323
|
-
"light": "#
|
|
324
|
-
"dark": "#
|
|
323
|
+
"light": "#29000000",
|
|
324
|
+
"dark": "#29000000"
|
|
325
325
|
},
|
|
326
326
|
"shapeConstPaleWhite": {
|
|
327
|
-
"light": "#
|
|
328
|
-
"dark": "#
|
|
327
|
+
"light": "#29FFFFFF",
|
|
328
|
+
"dark": "#29FFFFFF"
|
|
329
329
|
},
|
|
330
330
|
"shapeConstPromo": {
|
|
331
331
|
"light": "#32205A",
|
|
332
332
|
"dark": "#32205A"
|
|
333
333
|
},
|
|
334
334
|
"shapeConstSoftBlack": {
|
|
335
|
-
"light": "#
|
|
336
|
-
"dark": "#
|
|
335
|
+
"light": "#3D000000",
|
|
336
|
+
"dark": "#3D000000"
|
|
337
337
|
},
|
|
338
338
|
"shapeConstSoftWhite": {
|
|
339
|
-
"light": "#
|
|
340
|
-
"dark": "#
|
|
339
|
+
"light": "#3DFFFFFF",
|
|
340
|
+
"dark": "#3DFFFFFF"
|
|
341
341
|
},
|
|
342
342
|
"lineAccentBold": {
|
|
343
343
|
"light": "#484848",
|
|
344
344
|
"dark": "#D7D7D7"
|
|
345
345
|
},
|
|
346
346
|
"lineAccentPale": {
|
|
347
|
-
"light": "#
|
|
348
|
-
"dark": "#
|
|
347
|
+
"light": "#3D000000",
|
|
348
|
+
"dark": "#3DFFFFFF"
|
|
349
349
|
},
|
|
350
350
|
"lineAccentSoft": {
|
|
351
|
-
"light": "#
|
|
352
|
-
"dark": "#
|
|
351
|
+
"light": "#7A000000",
|
|
352
|
+
"dark": "#7AFFFFFF"
|
|
353
353
|
},
|
|
354
354
|
"lineBrandOriginal": {
|
|
355
355
|
"light": "#844BEC",
|
|
@@ -360,28 +360,28 @@
|
|
|
360
360
|
"dark": "#E62B34"
|
|
361
361
|
},
|
|
362
362
|
"lineNeutralFaint": {
|
|
363
|
-
"light": "#
|
|
364
|
-
"dark": "#
|
|
363
|
+
"light": "#14000000",
|
|
364
|
+
"dark": "#14FFFFFF"
|
|
365
365
|
},
|
|
366
366
|
"lineNeutralPale": {
|
|
367
|
-
"light": "#
|
|
368
|
-
"dark": "#
|
|
367
|
+
"light": "#29000000",
|
|
368
|
+
"dark": "#29FFFFFF"
|
|
369
369
|
},
|
|
370
370
|
"lineOnAccentBoldFaint": {
|
|
371
|
-
"light": "#
|
|
372
|
-
"dark": "#
|
|
371
|
+
"light": "#1FFFFFFF",
|
|
372
|
+
"dark": "#1F000000"
|
|
373
373
|
},
|
|
374
374
|
"lineOnAccentBoldPale": {
|
|
375
|
-
"light": "#
|
|
376
|
-
"dark": "#
|
|
375
|
+
"light": "#3DFFFFFF",
|
|
376
|
+
"dark": "#3D000000"
|
|
377
377
|
},
|
|
378
378
|
"lineOnBrandOriginalFaint": {
|
|
379
|
-
"light": "#
|
|
380
|
-
"dark": "#
|
|
379
|
+
"light": "#1FFFFFFF",
|
|
380
|
+
"dark": "#1FFFFFFF"
|
|
381
381
|
},
|
|
382
382
|
"lineOnBrandOriginalPale": {
|
|
383
|
-
"light": "#
|
|
384
|
-
"dark": "#
|
|
383
|
+
"light": "#3DFFFFFF",
|
|
384
|
+
"dark": "#3DFFFFFF"
|
|
385
385
|
},
|
|
386
386
|
"lineSuccessBold": {
|
|
387
387
|
"light": "#008D3A",
|
|
@@ -396,24 +396,24 @@
|
|
|
396
396
|
"dark": "#525252"
|
|
397
397
|
},
|
|
398
398
|
"lineInvertedAccentPale": {
|
|
399
|
-
"light": "#
|
|
400
|
-
"dark": "#
|
|
399
|
+
"light": "#3DFFFFFF",
|
|
400
|
+
"dark": "#3D000000"
|
|
401
401
|
},
|
|
402
402
|
"lineInvertedAccentSoft": {
|
|
403
|
-
"light": "#
|
|
404
|
-
"dark": "#
|
|
403
|
+
"light": "#7AFFFFFF",
|
|
404
|
+
"dark": "#7A000000"
|
|
405
405
|
},
|
|
406
406
|
"lineInvertedErrorBold": {
|
|
407
407
|
"light": "#E62B34",
|
|
408
408
|
"dark": "#D6192A"
|
|
409
409
|
},
|
|
410
410
|
"lineInvertedNeutralFaint": {
|
|
411
|
-
"light": "#
|
|
412
|
-
"dark": "#
|
|
411
|
+
"light": "#14FFFFFF",
|
|
412
|
+
"dark": "#14000000"
|
|
413
413
|
},
|
|
414
414
|
"lineInvertedNeutralPale": {
|
|
415
|
-
"light": "#
|
|
416
|
-
"dark": "#
|
|
415
|
+
"light": "#29FFFFFF",
|
|
416
|
+
"dark": "#29000000"
|
|
417
417
|
},
|
|
418
418
|
"lineInvertedSuccessBold": {
|
|
419
419
|
"light": "#009B41",
|
|
@@ -424,20 +424,20 @@
|
|
|
424
424
|
"dark": "#F8AE00"
|
|
425
425
|
},
|
|
426
426
|
"lineConstFaintBlack": {
|
|
427
|
-
"light": "#
|
|
428
|
-
"dark": "#
|
|
427
|
+
"light": "#1F000000",
|
|
428
|
+
"dark": "#1F000000"
|
|
429
429
|
},
|
|
430
430
|
"lineConstFaintWhite": {
|
|
431
|
-
"light": "#
|
|
432
|
-
"dark": "#
|
|
431
|
+
"light": "#1FFFFFFF",
|
|
432
|
+
"dark": "#1FFFFFFF"
|
|
433
433
|
},
|
|
434
434
|
"lineConstPaleBlack": {
|
|
435
|
-
"light": "#
|
|
436
|
-
"dark": "#
|
|
435
|
+
"light": "#3D000000",
|
|
436
|
+
"dark": "#3D000000"
|
|
437
437
|
},
|
|
438
438
|
"lineConstPaleWhite": {
|
|
439
|
-
"light": "#
|
|
440
|
-
"dark": "#
|
|
439
|
+
"light": "#3DFFFFFF",
|
|
440
|
+
"dark": "#3DFFFFFF"
|
|
441
441
|
},
|
|
442
442
|
"surfaceBase": {
|
|
443
443
|
"light": "#FFFFFF",
|
|
@@ -452,8 +452,8 @@
|
|
|
452
452
|
"dark": "#1F1F1F"
|
|
453
453
|
},
|
|
454
454
|
"surfaceModalBackdrop": {
|
|
455
|
-
"light": "#
|
|
456
|
-
"dark": "#
|
|
455
|
+
"light": "#3D000000",
|
|
456
|
+
"dark": "#66000000"
|
|
457
457
|
},
|
|
458
458
|
"illustrationBlack": {
|
|
459
459
|
"light": "#0D0D0D",
|
package/.gitignore
DELETED
package/.npmignore
DELETED
package/CHANGELOG.md
DELETED
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
# Change Log
|
|
2
|
-
|
|
3
|
-
All notable changes to this project will be documented in this file.
|
|
4
|
-
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
|
-
|
|
6
|
-
## [2.0.1](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/colors@2.0.0...@skbkontur/colors@2.0.1) (2025-12-22)
|
|
7
|
-
|
|
8
|
-
### Bug Fixes
|
|
9
|
-
|
|
10
|
-
- **Colors:** fix package.json exports ([d209f14](https://git.skbkontur.ru/ui/ui-parking-2/commits/d209f14e927c33a832bf3c4ce38cc8ecfabe8f74))
|
|
11
|
-
|
|
12
|
-
# [2.0.0](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/colors@1.1.1...@skbkontur/colors@2.0.0) (2025-12-22)
|
|
13
|
-
|
|
14
|
-
### Features
|
|
15
|
-
|
|
16
|
-
- **Colors:** add new semantic tokens with color shemes & dark themes (v2) ([6214338](https://git.skbkontur.ru/ui/ui-parking-2/commits/62143381754449459234e0508e5fd414f9d90f07))
|
|
17
|
-
|
|
18
|
-
* Color Schemes: Includes specific palettes for every brand color.
|
|
19
|
-
* Semantic Tokens: Built using a semantic logic for easier naming and use.
|
|
20
|
-
* Dark Mode: Full support for dark themes.
|
|
21
|
-
* Accessibility: Color contrast follows APCA W3 standards.
|
|
22
|
-
* Figma Sync: Completely synchronized with Figma Variables.
|
|
23
|
-
* Framework Agnostic: Compatible with any web framework.
|
|
24
|
-
|
|
25
|
-
**API**
|
|
26
|
-
|
|
27
|
-
- CSS Variables: Powered by standard variables like `var(--k-color-token-name)`, accessible via JS/TS, SCSS/Less.
|
|
28
|
-
- Multi-Scheme Config: Configure multiple schemes simultaneously using HTML attributes: `data-k-brand`, `data-k-accent`, and `data-k-theme`.
|
|
29
|
-
- Advanced JS API `getColors`: Generate custom palettes for any shade and create your own tokens via JS.
|
|
30
|
-
|
|
31
|
-
**Core Settings**
|
|
32
|
-
|
|
33
|
-
Both Figma and the code package rely on three main settings:
|
|
34
|
-
|
|
35
|
-
- brand: primary brand color (red, orange, green, mint, blue, blueDeep, violet, purple, or any #custom-hex).
|
|
36
|
-
- accent: UI accent color (gray, brand, or #custom-hex). Default is gray.
|
|
37
|
-
- theme: mode light or dark. Default is light.
|
|
38
|
-
|
|
39
|
-
## [1.1.1](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/colors@1.1.0...@skbkontur/colors@1.1.1) (2025-05-06)
|
|
40
|
-
|
|
41
|
-
**Note:** Version bump only for package @skbkontur/colors
|
|
42
|
-
|
|
43
|
-
# [1.1.0](https://git.skbkontur.ru/ui/ui-parking-2/compare/@skbkontur/colors@1.0.0...@skbkontur/colors@1.1.0) (2025-03-17)
|
|
44
|
-
|
|
45
|
-
### Features
|
|
46
|
-
|
|
47
|
-
- add new storybook documentation ([c267b12](https://git.skbkontur.ru/ui/ui-parking-2/commits/c267b12a86e845a219b173a4e69be6a04b972df8))
|
|
48
|
-
|
|
49
|
-
# [1.0.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.5.1...@skbkontur/colors@1.0.0) (2024-08-08)
|
|
50
|
-
|
|
51
|
-
### Features
|
|
52
|
-
|
|
53
|
-
- **colors:** add scss and change naming ([ef3345f](https://git.skbkontur.ru/ui/ui-parking/commits/ef3345f5f54be830f284c9a2a53991e117b8ba0b))
|
|
54
|
-
- **colors:** add scss and change naming ([78b32b7](https://git.skbkontur.ru/ui/ui-parking/commits/78b32b7a22d260baf166195e7eb1adeea5b2c9f7))
|
|
55
|
-
|
|
56
|
-
### BREAKING CHANGES
|
|
57
|
-
|
|
58
|
-
- **colors:** change naming from camelCase to dash-case
|
|
59
|
-
- **colors:** change naming from camelCase to dash-case
|
|
60
|
-
|
|
61
|
-
## [0.5.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.5.0...@skbkontur/colors@0.5.1) (2024-08-08)
|
|
62
|
-
|
|
63
|
-
**Note:** Version bump only for package @skbkontur/colors
|
|
64
|
-
|
|
65
|
-
# [0.5.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.4.4...@skbkontur/colors@0.5.0) (2024-06-25)
|
|
66
|
-
|
|
67
|
-
### Features
|
|
68
|
-
|
|
69
|
-
- **colors:** update colors 2024 ([7020c9b](https://git.skbkontur.ru/ui/ui-parking/commits/7020c9b1311e4e37973847af70bad28cbbd2902d))
|
|
70
|
-
|
|
71
|
-
### Reverts
|
|
72
|
-
|
|
73
|
-
- remove screenshots in ie11 and obsolete packages ([57a6e89](https://git.skbkontur.ru/ui/ui-parking/commits/57a6e8962089825b6c71c1b96f4d09bc8a5a4ef7))
|
|
74
|
-
|
|
75
|
-
## [0.4.4](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.4.3...@skbkontur/colors@0.4.4) (2023-08-11)
|
|
76
|
-
|
|
77
|
-
**Note:** Version bump only for package @skbkontur/colors
|
|
78
|
-
|
|
79
|
-
## [0.4.3](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.4.2...@skbkontur/colors@0.4.3) (2023-08-11)
|
|
80
|
-
|
|
81
|
-
**Note:** Version bump only for package @skbkontur/colors
|
|
82
|
-
|
|
83
|
-
## [0.4.2](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.4.1...@skbkontur/colors@0.4.2) (2023-08-11)
|
|
84
|
-
|
|
85
|
-
**Note:** Version bump only for package @skbkontur/colors
|
|
86
|
-
|
|
87
|
-
## [0.4.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.4.0...@skbkontur/colors@0.4.1) (2023-06-29)
|
|
88
|
-
|
|
89
|
-
**Note:** Version bump only for package @skbkontur/colors
|
|
90
|
-
|
|
91
|
-
# [0.4.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.3.0...@skbkontur/colors@0.4.0) (2023-05-22)
|
|
92
|
-
|
|
93
|
-
### Features
|
|
94
|
-
|
|
95
|
-
- **colors:** обновление grayscaleSecondaryText с [#858585](https://git.skbkontur.ru/ui/ui-parking/issues/858585) на [#757575](https://git.skbkontur.ru/ui/ui-parking/issues/757575) ([8f27457](https://git.skbkontur.ru/ui/ui-parking/commits/8f27457477e25ecd52dfb7ab9b1f521145b25125))
|
|
96
|
-
|
|
97
|
-
# [0.3.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.1.1...@skbkontur/colors@0.3.0) (2023-05-12)
|
|
98
|
-
|
|
99
|
-
### Features
|
|
100
|
-
|
|
101
|
-
- **colors:** добавила новые цвета с прозрачностью ([9cd91ef](https://git.skbkontur.ru/ui/ui-parking/commits/9cd91ef608a9f619d02cfb818cf2a4dc2c410929))
|
|
102
|
-
|
|
103
|
-
# [0.2.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.1.1...@skbkontur/colors@0.2.0) (2023-05-12)
|
|
104
|
-
|
|
105
|
-
### Features
|
|
106
|
-
|
|
107
|
-
- **colors:** добавила новые цвета с прозрачностью ([9cd91ef](https://git.skbkontur.ru/ui/ui-parking/commits/9cd91ef608a9f619d02cfb818cf2a4dc2c410929))
|
|
108
|
-
|
|
109
|
-
## [0.1.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.1.0...@skbkontur/colors@0.1.1) (2023-02-06)
|
|
110
|
-
|
|
111
|
-
**Note:** Version bump only for package @skbkontur/colors
|
|
112
|
-
|
|
113
|
-
# 0.1.0 (2023-02-03)
|
|
114
|
-
|
|
115
|
-
### Features
|
|
116
|
-
|
|
117
|
-
- new package @skbkontur/colors ([e9e1a88](https://git.skbkontur.ru/ui/ui-parking/commits/e9e1a88b3f5cea124a770a9e18c5eef2524521dc))
|