@skbkontur/colors 1.1.2-b2742.0 → 1.1.2-bdb5e.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.
Files changed (61) hide show
  1. package/dist/cjs/get-base-tokens.d.ts +9 -7
  2. package/dist/cjs/get-base-tokens.js +69 -101
  3. package/dist/cjs/get-default-tokens.d.ts +130 -92
  4. package/dist/cjs/get-default-tokens.js +257 -219
  5. package/dist/cjs/helpers/get-palette.js +59 -65
  6. package/dist/cjs/helpers/get-promo.js +21 -27
  7. package/dist/cjs/types/base-tokens.d.ts +5 -4
  8. package/dist/cjs/utils/format-variable.d.ts +2 -0
  9. package/dist/cjs/utils/format-variable.js +11 -0
  10. package/dist/esm/get-base-tokens.d.ts +9 -7
  11. package/dist/esm/get-base-tokens.js +67 -95
  12. package/dist/esm/get-default-tokens.d.ts +130 -92
  13. package/dist/esm/get-default-tokens.js +257 -219
  14. package/dist/esm/helpers/get-palette.js +59 -65
  15. package/dist/esm/helpers/get-promo.js +21 -27
  16. package/dist/esm/types/base-tokens.d.ts +5 -4
  17. package/dist/esm/utils/format-variable.d.ts +2 -0
  18. package/dist/esm/utils/format-variable.js +6 -0
  19. package/dist/tokens/base/css/brand-green_accent-brand.css +444 -0
  20. package/dist/tokens/base/css/brand-green_accent-gray.css +354 -0
  21. package/dist/tokens/base/css/brand-orange_accent-brand.css +444 -0
  22. package/dist/tokens/base/css/brand-orange_accent-gray.css +354 -0
  23. package/dist/tokens/base/css/brand-red_accent-brand.css +444 -0
  24. package/dist/tokens/base/css/brand-red_accent-gray.css +354 -0
  25. package/dist/tokens/base/js/brand-green_accent-brand.js +444 -0
  26. package/dist/tokens/base/js/brand-green_accent-gray.js +352 -0
  27. package/dist/tokens/base/js/brand-orange_accent-brand.js +444 -0
  28. package/dist/tokens/base/js/brand-orange_accent-gray.js +352 -0
  29. package/dist/tokens/base/js/brand-red_accent-brand.js +444 -0
  30. package/dist/tokens/base/js/brand-red_accent-gray.js +352 -0
  31. package/dist/tokens/base/js-tree/brand-green_accent-brand.tree.js +515 -0
  32. package/dist/tokens/base/js-tree/brand-green_accent-gray.tree.js +403 -0
  33. package/dist/tokens/base/js-tree/brand-orange_accent-brand.tree.js +515 -0
  34. package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js +403 -0
  35. package/dist/tokens/base/js-tree/brand-red_accent-brand.tree.js +515 -0
  36. package/dist/tokens/base/js-tree/brand-red_accent-gray.tree.js +403 -0
  37. package/dist/tokens/base/json/brand-green_accent-brand.json +444 -0
  38. package/dist/tokens/base/json/brand-green_accent-gray.json +352 -0
  39. package/dist/tokens/base/json/brand-orange_accent-brand.json +444 -0
  40. package/dist/tokens/base/json/brand-orange_accent-gray.json +352 -0
  41. package/dist/tokens/base/json/brand-red_accent-brand.json +444 -0
  42. package/dist/tokens/base/json/brand-red_accent-gray.json +352 -0
  43. package/dist/tokens/base/json-tree/brand-green_accent-brand.tree.json +515 -0
  44. package/dist/tokens/base/json-tree/brand-green_accent-gray.tree.json +403 -0
  45. package/dist/tokens/base/json-tree/brand-orange_accent-brand.tree.json +515 -0
  46. package/dist/tokens/base/json-tree/brand-orange_accent-gray.tree.json +403 -0
  47. package/dist/tokens/base/json-tree/brand-red_accent-brand.tree.json +515 -0
  48. package/dist/tokens/base/json-tree/brand-red_accent-gray.tree.json +403 -0
  49. package/dist/tokens/base/less/brand-green_accent-brand.less +442 -0
  50. package/dist/tokens/base/less/brand-green_accent-gray.less +352 -0
  51. package/dist/tokens/base/less/brand-orange_accent-brand.less +442 -0
  52. package/dist/tokens/base/less/brand-orange_accent-gray.less +352 -0
  53. package/dist/tokens/base/less/brand-red_accent-brand.less +442 -0
  54. package/dist/tokens/base/less/brand-red_accent-gray.less +352 -0
  55. package/dist/tokens/base/scss/brand-green_accent-brand.scss +442 -0
  56. package/dist/tokens/base/scss/brand-green_accent-gray.scss +352 -0
  57. package/dist/tokens/base/scss/brand-orange_accent-brand.scss +442 -0
  58. package/dist/tokens/base/scss/brand-orange_accent-gray.scss +352 -0
  59. package/dist/tokens/base/scss/brand-red_accent-brand.scss +442 -0
  60. package/dist/tokens/base/scss/brand-red_accent-gray.scss +352 -0
  61. package/package.json +4 -4
@@ -1,55 +1,61 @@
1
1
  import type { BaseTokens } from './types/base-tokens';
2
2
  export declare const getDefaultTokens: (base: BaseTokens) => {
3
3
  light: {
4
- textAccentPrimary: string;
5
- textAccentPrimaryHover: string;
6
- textAccentPrimaryPressed: string;
4
+ textAccentHeavy: string;
5
+ textAccentHeavyHover: string;
6
+ textAccentHeavyPressed: string;
7
7
  textDisabled: string;
8
- textErrorPrimary: string;
9
- textErrorPrimaryHover: string;
10
- textErrorPrimaryPressed: string;
11
- textInvertedAccentPrimary: string;
12
- textInvertedAccentPrimaryHover: string;
13
- textInvertedAccentPrimaryPressed: string;
8
+ textErrorHeavy: string;
9
+ textErrorHeavyHover: string;
10
+ textErrorHeavyPressed: string;
11
+ textInvertedAccentHeavy: string;
12
+ textInvertedAccentHeavyHover: string;
13
+ textInvertedAccentHeavyPressed: string;
14
14
  textInvertedDisabled: string;
15
- textInvertedErrorPrimary: string;
16
- textInvertedErrorPrimaryHover: string;
17
- textInvertedErrorPrimaryPressed: string;
18
- textInvertedNeutralPrimary: string;
19
- textInvertedNeutralSecondary: string;
20
- textInvertedSuccessPrimary: string;
21
- textInvertedSuccessPrimaryHover: string;
22
- textInvertedSuccessPrimaryPressed: string;
23
- textInvertedWarningPrimary: string;
24
- textInvertedWarningPrimaryHover: string;
25
- textInvertedWarningPrimaryPressed: string;
15
+ textInvertedErrorHeavy: string;
16
+ textInvertedErrorHeavyHover: string;
17
+ textInvertedErrorHeavyPressed: string;
18
+ textInvertedNeutralHeavy: string;
19
+ textInvertedNeutralPale: string;
20
+ textInvertedNeutralSoft: string;
21
+ textInvertedSuccessHeavy: string;
22
+ textInvertedSuccessHeavyHover: string;
23
+ textInvertedSuccessHeavyPressed: string;
24
+ textInvertedWarningHeavy: string;
25
+ textInvertedWarningHeavyHover: string;
26
+ textInvertedWarningHeavyPressed: string;
26
27
  textLogo: string;
27
- textNeutralPrimary: string;
28
- textNeutralSecondary: string;
29
- textOnaccentboldDisabled: string;
30
- textOnaccentboldPrimary: string;
31
- textOnaccentboldSecondary: string;
32
- textOnbrandoriginalDisabled: string;
33
- textOnbrandoriginalPrimary: string;
34
- textOnbrandoriginalSecondary: string;
35
- textSuccessPrimary: string;
36
- textSuccessPrimaryHover: string;
37
- textSuccessPrimaryPressed: string;
38
- textWarningPrimary: string;
39
- textWarningPrimaryHover: string;
40
- textWarningPrimaryPressed: string;
28
+ textNeutralHeavy: string;
29
+ textNeutralPale: string;
30
+ textNeutralSoft: string;
31
+ textSuccessHeavy: string;
32
+ textSuccessHeavyHover: string;
33
+ textSuccessHeavyPressed: string;
34
+ textWarningHeavy: string;
35
+ textWarningHeavyHover: string;
36
+ textWarningHeavyPressed: string;
41
37
  textConstDisabledBlack: string;
42
38
  textConstDisabledWhite: string;
43
- textConstPrimaryBlack: string;
44
- textConstPrimaryWhite: string;
45
- textConstSecondaryBlack: string;
46
- textConstSecondaryWhite: string;
39
+ textConstHeavyBlack: string;
40
+ textConstHeavyWhite: string;
41
+ textConstPaleBlack: string;
42
+ textConstPaleWhite: string;
43
+ textConstSoftBlack: string;
44
+ textConstSoftWhite: string;
45
+ textOnAccentBoldDisabled: string;
46
+ textOnAccentBoldHeavy: string;
47
+ textOnAccentBoldPale: string;
48
+ textOnAccentBoldSoft: string;
49
+ textOnBrandOriginalDisabled: string;
50
+ textOnBrandOriginalHeavy: string;
51
+ textOnBrandOriginalPale: string;
52
+ textOnBrandOriginalSoft: string;
47
53
  shapeBoldAccent: string;
48
54
  shapeBoldAccentHover: string;
49
55
  shapeBoldAccentPressed: string;
50
- shapeBoldBrandOriginal: string;
51
- shapeBoldBrandOriginalHover: string;
52
- shapeBoldBrandOriginalPressed: string;
56
+ shapeBoldBrandOriginal: string | undefined;
57
+ shapeBoldBrandOriginalHover: string | undefined;
58
+ shapeBoldBrandOriginalPressed: string | undefined;
53
59
  shapeBoldError: string;
54
60
  shapeBoldErrorHover: string;
55
61
  shapeBoldErrorPressed: string;
@@ -92,6 +98,8 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
92
98
  shapeOtherBasePressed: string;
93
99
  shapeOtherDisabled: string;
94
100
  shapeOtherField: string;
101
+ shapeOtherFieldHover: string;
102
+ shapeOtherFieldPressed: string;
95
103
  shapeOtherLow: string;
96
104
  shapeOtherLowHover: string;
97
105
  shapeOtherLowPressed: string;
@@ -143,6 +151,9 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
143
151
  shapeInvertedBacklessHover: string;
144
152
  shapeInvertedBacklessPressed: string;
145
153
  shapeInvertedDisabled: string;
154
+ shapeInvertedNeutralFaintAlpha: string;
155
+ shapeInvertedNeutralFaintAlphaHover: string;
156
+ shapeInvertedNeutralFaintAlphaPressed: string;
146
157
  shapeInvertedNeutralHeavy: string;
147
158
  shapeInvertedNeutralHeavyHover: string;
148
159
  shapeInvertedNeutralHeavyPressed: string;
@@ -158,6 +169,12 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
158
169
  shapeConstBacklessWhitePressed: string;
159
170
  shapeConstDisabledBlack: string;
160
171
  shapeConstDisabledWhite: string;
172
+ shapeConstFaintBlack: string;
173
+ shapeConstFaintBlackHover: string;
174
+ shapeConstFaintBlackPressed: string;
175
+ shapeConstFaintWhite: string;
176
+ shapeConstFaintWhiteHover: string;
177
+ shapeConstFaintWhitePressed: string;
161
178
  shapeConstHeavyBlack: string;
162
179
  shapeConstHeavyBlackHover: string;
163
180
  shapeConstHeavyBlackPressed: string;
@@ -194,10 +211,10 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
194
211
  lineNeutralPale: string;
195
212
  lineNeutralPaleHover: string;
196
213
  lineNeutralPalePressed: string;
197
- lineOnaccentboldFaint: string;
198
- lineOnaccentboldPale: string;
199
- lineOnbrandoriginalFaint: string;
200
- lineOnbrandoriginalPale: string;
214
+ lineOnAccentBoldFaint: string;
215
+ lineOnAccentBoldPale: string;
216
+ lineOnBrandOriginalFaint: string;
217
+ lineOnBrandOriginalPale: string;
201
218
  lineSuccessBold: string;
202
219
  lineSuccessBoldHover: string;
203
220
  lineSuccessBoldPressed: string;
@@ -241,8 +258,10 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
241
258
  illustrationBlack: string;
242
259
  illustrationBrand: string;
243
260
  illustrationComplement: string;
261
+ illustrationInvertedNeutral: string;
262
+ illustrationNeutral: string;
244
263
  illustrationOnBrand: string;
245
- illustrationOncomplement: string;
264
+ illustrationOnComplement: string;
246
265
  illustrationPromo: string;
247
266
  illustrationSymbol: string;
248
267
  illustrationWhite: string;
@@ -303,55 +322,61 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
303
322
  customizableSoftYellow: string;
304
323
  };
305
324
  dark: {
306
- textAccentPrimary: string;
307
- textAccentPrimaryHover: string;
308
- textAccentPrimaryPressed: string;
325
+ textAccentHeavy: string;
326
+ textAccentHeavyHover: string;
327
+ textAccentHeavyPressed: string;
309
328
  textDisabled: string;
310
- textErrorPrimary: string;
311
- textErrorPrimaryHover: string;
312
- textErrorPrimaryPressed: string;
313
- textInvertedAccentPrimary: string;
314
- textInvertedAccentPrimaryHover: string;
315
- textInvertedAccentPrimaryPressed: string;
329
+ textErrorHeavy: string;
330
+ textErrorHeavyHover: string;
331
+ textErrorHeavyPressed: string;
332
+ textInvertedAccentHeavy: string;
333
+ textInvertedAccentHeavyHover: string;
334
+ textInvertedAccentHeavyPressed: string;
316
335
  textInvertedDisabled: string;
317
- textInvertedErrorPrimary: string;
318
- textInvertedErrorPrimaryHover: string;
319
- textInvertedErrorPrimaryPressed: string;
320
- textInvertedNeutralPrimary: string;
321
- textInvertedNeutralSecondary: string;
322
- textInvertedSuccessPrimary: string;
323
- textInvertedSuccessPrimaryHover: string;
324
- textInvertedSuccessPrimaryPressed: string;
325
- textInvertedWarningPrimary: string;
326
- textInvertedWarningPrimaryHover: string;
327
- textInvertedWarningPrimaryPressed: string;
336
+ textInvertedErrorHeavy: string;
337
+ textInvertedErrorHeavyHover: string;
338
+ textInvertedErrorHeavyPressed: string;
339
+ textInvertedNeutralHeavy: string;
340
+ textInvertedNeutralPale: string;
341
+ textInvertedNeutralSoft: string;
342
+ textInvertedSuccessHeavy: string;
343
+ textInvertedSuccessHeavyHover: string;
344
+ textInvertedSuccessHeavyPressed: string;
345
+ textInvertedWarningHeavy: string;
346
+ textInvertedWarningHeavyHover: string;
347
+ textInvertedWarningHeavyPressed: string;
328
348
  textLogo: string;
329
- textNeutralPrimary: string;
330
- textNeutralSecondary: string;
331
- textOnaccentboldDisabled: string;
332
- textOnaccentboldPrimary: string;
333
- textOnaccentboldSecondary: string;
334
- textOnbrandoriginalDisabled: string;
335
- textOnbrandoriginalPrimary: string;
336
- textOnbrandoriginalSecondary: string;
337
- textSuccessPrimary: string;
338
- textSuccessPrimaryHover: string;
339
- textSuccessPrimaryPressed: string;
340
- textWarningPrimary: string;
341
- textWarningPrimaryHover: string;
342
- textWarningPrimaryPressed: string;
349
+ textNeutralHeavy: string;
350
+ textNeutralPale: string;
351
+ textNeutralSoft: string;
352
+ textSuccessHeavy: string;
353
+ textSuccessHeavyHover: string;
354
+ textSuccessHeavyPressed: string;
355
+ textWarningHeavy: string;
356
+ textWarningHeavyHover: string;
357
+ textWarningHeavyPressed: string;
343
358
  textConstDisabledBlack: string;
344
359
  textConstDisabledWhite: string;
345
- textConstPrimaryBlack: string;
346
- textConstPrimaryWhite: string;
347
- textConstSecondaryBlack: string;
348
- textConstSecondaryWhite: string;
360
+ textConstHeavyBlack: string;
361
+ textConstHeavyWhite: string;
362
+ textConstPaleBlack: string;
363
+ textConstPaleWhite: string;
364
+ textConstSoftBlack: string;
365
+ textConstSoftWhite: string;
366
+ textOnAccentBoldDisabled: string;
367
+ textOnAccentBoldHeavy: string;
368
+ textOnAccentBoldPale: string;
369
+ textOnAccentBoldSoft: string;
370
+ textOnBrandOriginalDisabled: string;
371
+ textOnBrandOriginalHeavy: string;
372
+ textOnBrandOriginalPale: string;
373
+ textOnBrandOriginalSoft: string;
349
374
  shapeBoldAccent: string;
350
375
  shapeBoldAccentHover: string;
351
376
  shapeBoldAccentPressed: string;
352
- shapeBoldBrandOriginal: string;
353
- shapeBoldBrandOriginalHover: string;
354
- shapeBoldBrandOriginalPressed: string;
377
+ shapeBoldBrandOriginal: string | undefined;
378
+ shapeBoldBrandOriginalHover: string | undefined;
379
+ shapeBoldBrandOriginalPressed: string | undefined;
355
380
  shapeBoldError: string;
356
381
  shapeBoldErrorHover: string;
357
382
  shapeBoldErrorPressed: string;
@@ -394,6 +419,8 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
394
419
  shapeOtherBasePressed: string;
395
420
  shapeOtherDisabled: string;
396
421
  shapeOtherField: string;
422
+ shapeOtherFieldHover: string;
423
+ shapeOtherFieldPressed: string;
397
424
  shapeOtherLow: string;
398
425
  shapeOtherLowHover: string;
399
426
  shapeOtherLowPressed: string;
@@ -445,6 +472,9 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
445
472
  shapeInvertedBacklessHover: string;
446
473
  shapeInvertedBacklessPressed: string;
447
474
  shapeInvertedDisabled: string;
475
+ shapeInvertedNeutralFaintAlpha: string;
476
+ shapeInvertedNeutralFaintAlphaHover: string;
477
+ shapeInvertedNeutralFaintAlphaPressed: string;
448
478
  shapeInvertedNeutralHeavy: string;
449
479
  shapeInvertedNeutralHeavyHover: string;
450
480
  shapeInvertedNeutralHeavyPressed: string;
@@ -460,6 +490,12 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
460
490
  shapeConstBacklessWhitePressed: string;
461
491
  shapeConstDisabledBlack: string;
462
492
  shapeConstDisabledWhite: string;
493
+ shapeConstFaintBlack: string;
494
+ shapeConstFaintBlackHover: string;
495
+ shapeConstFaintBlackPressed: string;
496
+ shapeConstFaintWhite: string;
497
+ shapeConstFaintWhiteHover: string;
498
+ shapeConstFaintWhitePressed: string;
463
499
  shapeConstHeavyBlack: string;
464
500
  shapeConstHeavyBlackHover: string;
465
501
  shapeConstHeavyBlackPressed: string;
@@ -496,10 +532,10 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
496
532
  lineNeutralPale: string;
497
533
  lineNeutralPaleHover: string;
498
534
  lineNeutralPalePressed: string;
499
- lineOnaccentboldFaint: string;
500
- lineOnaccentboldPale: string;
501
- lineOnbrandoriginalFaint: string;
502
- lineOnbrandoriginalPale: string;
535
+ lineOnAccentBoldFaint: string;
536
+ lineOnAccentBoldPale: string;
537
+ lineOnBrandOriginalFaint: string;
538
+ lineOnBrandOriginalPale: string;
503
539
  lineSuccessBold: string;
504
540
  lineSuccessBoldHover: string;
505
541
  lineSuccessBoldPressed: string;
@@ -543,8 +579,10 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
543
579
  illustrationBlack: string;
544
580
  illustrationBrand: string;
545
581
  illustrationComplement: string;
582
+ illustrationInvertedNeutral: string;
583
+ illustrationNeutral: string;
546
584
  illustrationOnBrand: string;
547
- illustrationOncomplement: string;
585
+ illustrationOnComplement: string;
548
586
  illustrationPromo: string;
549
587
  illustrationSymbol: string;
550
588
  illustrationWhite: string;