@skbkontur/colors 2.0.0-alpha.0 → 2.0.0-alpha.2

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 (62) hide show
  1. package/dist/cjs/get-base-tokens.d.ts +7 -0
  2. package/dist/cjs/get-base-tokens.js +121 -1
  3. package/dist/cjs/get-colors.d.ts +2 -1
  4. package/dist/cjs/get-colors.js +6 -2
  5. package/dist/cjs/get-default-tokens.d.ts +12 -12
  6. package/dist/cjs/get-default-tokens.js +15 -16
  7. package/dist/cjs/helpers/get-palette.js +3 -3
  8. package/dist/colors.default-dark.js +326 -319
  9. package/dist/colors.default-light.js +329 -319
  10. package/dist/colors.js +319 -319
  11. package/dist/colors.less +319 -319
  12. package/dist/colors.scss +319 -319
  13. package/dist/esm/get-base-tokens.d.ts +7 -0
  14. package/dist/esm/get-base-tokens.js +110 -0
  15. package/dist/esm/get-colors.d.ts +2 -1
  16. package/dist/esm/get-colors.js +7 -3
  17. package/dist/esm/get-default-tokens.d.ts +12 -12
  18. package/dist/esm/get-default-tokens.js +15 -16
  19. package/dist/esm/helpers/get-palette.js +3 -3
  20. package/dist/tokens/brand-blue-deep_accent-brand.css +640 -640
  21. package/dist/tokens/brand-blue-deep_accent-gray.css +640 -640
  22. package/dist/tokens/brand-blue_accent-brand.css +640 -640
  23. package/dist/tokens/brand-blue_accent-gray.css +640 -640
  24. package/dist/tokens/brand-green_accent-brand.css +640 -640
  25. package/dist/tokens/brand-green_accent-gray.css +640 -640
  26. package/dist/tokens/brand-mint_accent-brand.css +640 -640
  27. package/dist/tokens/brand-mint_accent-gray.css +640 -640
  28. package/dist/tokens/brand-orange_accent-gray.css +640 -640
  29. package/dist/tokens/brand-purple_accent-brand.css +640 -640
  30. package/dist/tokens/brand-purple_accent-gray.css +640 -640
  31. package/dist/tokens/brand-red_accent-gray.css +640 -640
  32. package/dist/tokens/brand-violet_accent-brand.css +640 -640
  33. package/dist/tokens/brand-violet_accent-gray.css +640 -640
  34. package/dist/tokens-js/brand-blue-deep_accent-brand.js +15 -15
  35. package/dist/tokens-js/brand-blue-deep_accent-gray.js +15 -15
  36. package/dist/tokens-js/brand-blue_accent-brand.js +15 -15
  37. package/dist/tokens-js/brand-blue_accent-gray.js +15 -15
  38. package/dist/tokens-js/brand-green_accent-brand.js +15 -15
  39. package/dist/tokens-js/brand-green_accent-gray.js +15 -15
  40. package/dist/tokens-js/brand-mint_accent-brand.js +15 -15
  41. package/dist/tokens-js/brand-mint_accent-gray.js +15 -15
  42. package/dist/tokens-js/brand-orange_accent-gray.js +15 -15
  43. package/dist/tokens-js/brand-purple_accent-brand.js +15 -15
  44. package/dist/tokens-js/brand-purple_accent-gray.js +15 -15
  45. package/dist/tokens-js/brand-red_accent-gray.js +15 -15
  46. package/dist/tokens-js/brand-violet_accent-brand.js +15 -15
  47. package/dist/tokens-js/brand-violet_accent-gray.js +15 -15
  48. package/dist/tokens-mobile/brand-blue-deep_accent-brand.json +13 -13
  49. package/dist/tokens-mobile/brand-blue-deep_accent-gray.json +13 -13
  50. package/dist/tokens-mobile/brand-blue_accent-brand.json +13 -13
  51. package/dist/tokens-mobile/brand-blue_accent-gray.json +13 -13
  52. package/dist/tokens-mobile/brand-green_accent-brand.json +13 -13
  53. package/dist/tokens-mobile/brand-green_accent-gray.json +13 -13
  54. package/dist/tokens-mobile/brand-mint_accent-brand.json +13 -13
  55. package/dist/tokens-mobile/brand-mint_accent-gray.json +13 -13
  56. package/dist/tokens-mobile/brand-orange_accent-gray.json +13 -13
  57. package/dist/tokens-mobile/brand-purple_accent-brand.json +13 -13
  58. package/dist/tokens-mobile/brand-purple_accent-gray.json +13 -13
  59. package/dist/tokens-mobile/brand-red_accent-gray.json +13 -13
  60. package/dist/tokens-mobile/brand-violet_accent-brand.json +13 -13
  61. package/dist/tokens-mobile/brand-violet_accent-gray.json +13 -13
  62. package/package.json +2 -2
package/dist/tokens-js/brand-purple_accent-gray.js CHANGED
@@ -3,17 +3,16 @@ export const SEMANTIC_TOKENS = {
3
3
  textAccentHeavy: 'rgba(0, 0, 0, 0.88)',
4
4
  textAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
5
5
  textAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
6
- textDisabled: 'rgba(0, 0, 0, 0.32)',
7
6
  textErrorHeavy: '#c50220',
8
7
  textErrorHeavyHover: '#e62b34',
9
8
  textErrorHeavyPressed: '#943e3b',
10
9
  textInvertedAccentHeavy: 'rgba(255, 255, 255, 0.96)',
11
10
  textInvertedAccentHeavyHover: '#ffffff',
12
11
  textInvertedAccentHeavyPressed: '#ffffff',
13
- textInvertedDisabled: 'rgba(255, 255, 255, 0.4)',
14
12
  textInvertedErrorHeavy: '#ff5352',
15
13
  textInvertedErrorHeavyHover: '#ff726b',
16
14
  textInvertedErrorHeavyPressed: '#dd5d58',
15
+ textInvertedNeutralFaint: 'rgba(255, 255, 255, 0.4)',
17
16
  textInvertedNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
18
17
  textInvertedNeutralPale: 'rgba(255, 255, 255, 0.48)',
19
18
  textInvertedNeutralSoft: 'rgba(255, 255, 255, 0.64)',
@@ -24,6 +23,7 @@ export const SEMANTIC_TOKENS = {
24
23
  textInvertedWarningHeavyHover: '#ffbf0b',
25
24
  textInvertedWarningHeavyPressed: '#cc9a51',
26
25
  textLogo: '#B750D1',
26
+ textNeutralFaint: 'rgba(0, 0, 0, 0.32)',
27
27
  textNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
28
28
  textNeutralPale: 'rgba(0, 0, 0, 0.4)',
29
29
  textNeutralSoft: 'rgba(0, 0, 0, 0.56)',
@@ -33,19 +33,19 @@ export const SEMANTIC_TOKENS = {
33
33
  textWarningHeavy: '#bc7d00',
34
34
  textWarningHeavyHover: '#db9400',
35
35
  textWarningHeavyPressed: '#a37736',
36
- textConstDisabledBlack: 'rgba(0, 0, 0, 0.32)',
37
- textConstDisabledWhite: 'rgba(255, 255, 255, 0.4)',
36
+ textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
37
+ textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
38
38
  textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
39
39
  textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
40
40
  textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
41
41
  textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
42
42
  textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
43
43
  textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
44
- textOnAccentBoldDisabled: 'rgba(255, 255, 255, 0.4)',
44
+ textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.4)',
45
45
  textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
46
46
  textOnAccentBoldPale: 'rgba(255, 255, 255, 0.48)',
47
47
  textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.64)',
48
- textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
48
+ textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
49
49
  textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
50
50
  textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
51
51
  textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
@@ -324,17 +324,16 @@ export const SEMANTIC_TOKENS = {
324
324
  textAccentHeavy: 'rgba(255, 255, 255, 0.96)',
325
325
  textAccentHeavyHover: '#ffffff',
326
326
  textAccentHeavyPressed: '#ffffff',
327
- textDisabled: 'rgba(255, 255, 255, 0.4)',
328
327
  textErrorHeavy: '#ff5352',
329
328
  textErrorHeavyHover: '#ff726b',
330
329
  textErrorHeavyPressed: '#dd5d58',
331
330
  textInvertedAccentHeavy: 'rgba(0, 0, 0, 0.88)',
332
331
  textInvertedAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
333
332
  textInvertedAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
334
- textInvertedDisabled: 'rgba(0, 0, 0, 0.32)',
335
333
  textInvertedErrorHeavy: '#c50220',
336
334
  textInvertedErrorHeavyHover: '#e62b34',
337
335
  textInvertedErrorHeavyPressed: '#943e3b',
336
+ textInvertedNeutralFaint: 'rgba(0, 0, 0, 0.32)',
338
337
  textInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
339
338
  textInvertedNeutralPale: 'rgba(0, 0, 0, 0.4)',
340
339
  textInvertedNeutralSoft: 'rgba(0, 0, 0, 0.56)',
@@ -345,6 +344,7 @@ export const SEMANTIC_TOKENS = {
345
344
  textInvertedWarningHeavyHover: '#db9400',
346
345
  textInvertedWarningHeavyPressed: '#956c30',
347
346
  textLogo: '#bf58d9',
347
+ textNeutralFaint: 'rgba(255, 255, 255, 0.4)',
348
348
  textNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
349
349
  textNeutralPale: 'rgba(255, 255, 255, 0.48)',
350
350
  textNeutralSoft: 'rgba(255, 255, 255, 0.64)',
@@ -354,19 +354,19 @@ export const SEMANTIC_TOKENS = {
354
354
  textWarningHeavy: '#f8ae00',
355
355
  textWarningHeavyHover: '#ffbf0b',
356
356
  textWarningHeavyPressed: '#cc9a51',
357
- textConstDisabledBlack: 'rgba(0, 0, 0, 0.32)',
358
- textConstDisabledWhite: 'rgba(255, 255, 255, 0.4)',
357
+ textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
358
+ textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
359
359
  textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
360
360
  textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
361
361
  textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
362
362
  textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
363
363
  textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
364
364
  textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
365
- textOnAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
365
+ textOnAccentBoldFaint: 'rgba(0, 0, 0, 0.32)',
366
366
  textOnAccentBoldHeavy: 'rgba(0, 0, 0, 0.88)',
367
367
  textOnAccentBoldPale: 'rgba(0, 0, 0, 0.4)',
368
368
  textOnAccentBoldSoft: 'rgba(0, 0, 0, 0.56)',
369
- textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
369
+ textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
370
370
  textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
371
371
  textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
372
372
  textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
@@ -413,9 +413,9 @@ export const SEMANTIC_TOKENS = {
413
413
  shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
414
414
  shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
415
415
  shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
416
- shapeOtherBase: '#333333',
417
- shapeOtherBaseHover: '#3d3d3d',
418
- shapeOtherBasePressed: '#292929',
416
+ shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
417
+ shapeOtherBaseHover: 'rgba(255, 255, 255, 0.08)',
418
+ shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
419
419
  shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
420
420
  shapeOtherField: 'rgba(0, 0, 0, 0.16)',
421
421
  shapeOtherFieldHover: 'rgba(0, 0, 0, 0.04)',
package/dist/tokens-js/brand-red_accent-gray.js CHANGED
@@ -3,17 +3,16 @@ export const SEMANTIC_TOKENS = {
3
3
  textAccentHeavy: 'rgba(0, 0, 0, 0.88)',
4
4
  textAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
5
5
  textAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
6
- textDisabled: 'rgba(0, 0, 0, 0.32)',
7
6
  textErrorHeavy: '#c50220',
8
7
  textErrorHeavyHover: '#e62b34',
9
8
  textErrorHeavyPressed: '#943e3b',
10
9
  textInvertedAccentHeavy: 'rgba(255, 255, 255, 0.96)',
11
10
  textInvertedAccentHeavyHover: '#ffffff',
12
11
  textInvertedAccentHeavyPressed: '#ffffff',
13
- textInvertedDisabled: 'rgba(255, 255, 255, 0.4)',
14
12
  textInvertedErrorHeavy: '#ff5352',
15
13
  textInvertedErrorHeavyHover: '#ff726b',
16
14
  textInvertedErrorHeavyPressed: '#dd5d58',
15
+ textInvertedNeutralFaint: 'rgba(255, 255, 255, 0.4)',
17
16
  textInvertedNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
18
17
  textInvertedNeutralPale: 'rgba(255, 255, 255, 0.48)',
19
18
  textInvertedNeutralSoft: 'rgba(255, 255, 255, 0.64)',
@@ -24,6 +23,7 @@ export const SEMANTIC_TOKENS = {
24
23
  textInvertedWarningHeavyHover: '#ffbf0b',
25
24
  textInvertedWarningHeavyPressed: '#cc9a51',
26
25
  textLogo: '#FE4C4C',
26
+ textNeutralFaint: 'rgba(0, 0, 0, 0.32)',
27
27
  textNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
28
28
  textNeutralPale: 'rgba(0, 0, 0, 0.4)',
29
29
  textNeutralSoft: 'rgba(0, 0, 0, 0.56)',
@@ -33,19 +33,19 @@ export const SEMANTIC_TOKENS = {
33
33
  textWarningHeavy: '#bc7d00',
34
34
  textWarningHeavyHover: '#db9400',
35
35
  textWarningHeavyPressed: '#a37736',
36
- textConstDisabledBlack: 'rgba(0, 0, 0, 0.32)',
37
- textConstDisabledWhite: 'rgba(255, 255, 255, 0.4)',
36
+ textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
37
+ textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
38
38
  textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
39
39
  textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
40
40
  textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
41
41
  textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
42
42
  textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
43
43
  textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
44
- textOnAccentBoldDisabled: 'rgba(255, 255, 255, 0.4)',
44
+ textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.4)',
45
45
  textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
46
46
  textOnAccentBoldPale: 'rgba(255, 255, 255, 0.48)',
47
47
  textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.64)',
48
- textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
48
+ textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
49
49
  textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
50
50
  textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
51
51
  textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
@@ -324,17 +324,16 @@ export const SEMANTIC_TOKENS = {
324
324
  textAccentHeavy: 'rgba(255, 255, 255, 0.96)',
325
325
  textAccentHeavyHover: '#ffffff',
326
326
  textAccentHeavyPressed: '#ffffff',
327
- textDisabled: 'rgba(255, 255, 255, 0.4)',
328
327
  textErrorHeavy: '#ff5352',
329
328
  textErrorHeavyHover: '#ff726b',
330
329
  textErrorHeavyPressed: '#dd5d58',
331
330
  textInvertedAccentHeavy: 'rgba(0, 0, 0, 0.88)',
332
331
  textInvertedAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
333
332
  textInvertedAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
334
- textInvertedDisabled: 'rgba(0, 0, 0, 0.32)',
335
333
  textInvertedErrorHeavy: '#c50220',
336
334
  textInvertedErrorHeavyHover: '#e62b34',
337
335
  textInvertedErrorHeavyPressed: '#943e3b',
336
+ textInvertedNeutralFaint: 'rgba(0, 0, 0, 0.32)',
338
337
  textInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
339
338
  textInvertedNeutralPale: 'rgba(0, 0, 0, 0.4)',
340
339
  textInvertedNeutralSoft: 'rgba(0, 0, 0, 0.56)',
@@ -345,6 +344,7 @@ export const SEMANTIC_TOKENS = {
345
344
  textInvertedWarningHeavyHover: '#db9400',
346
345
  textInvertedWarningHeavyPressed: '#956c30',
347
346
  textLogo: '#fe4c4c',
347
+ textNeutralFaint: 'rgba(255, 255, 255, 0.4)',
348
348
  textNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
349
349
  textNeutralPale: 'rgba(255, 255, 255, 0.48)',
350
350
  textNeutralSoft: 'rgba(255, 255, 255, 0.64)',
@@ -354,19 +354,19 @@ export const SEMANTIC_TOKENS = {
354
354
  textWarningHeavy: '#f8ae00',
355
355
  textWarningHeavyHover: '#ffbf0b',
356
356
  textWarningHeavyPressed: '#cc9a51',
357
- textConstDisabledBlack: 'rgba(0, 0, 0, 0.32)',
358
- textConstDisabledWhite: 'rgba(255, 255, 255, 0.4)',
357
+ textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
358
+ textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
359
359
  textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
360
360
  textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
361
361
  textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
362
362
  textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
363
363
  textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
364
364
  textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
365
- textOnAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
365
+ textOnAccentBoldFaint: 'rgba(0, 0, 0, 0.32)',
366
366
  textOnAccentBoldHeavy: 'rgba(0, 0, 0, 0.88)',
367
367
  textOnAccentBoldPale: 'rgba(0, 0, 0, 0.4)',
368
368
  textOnAccentBoldSoft: 'rgba(0, 0, 0, 0.56)',
369
- textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
369
+ textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
370
370
  textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
371
371
  textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
372
372
  textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
@@ -413,9 +413,9 @@ export const SEMANTIC_TOKENS = {
413
413
  shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
414
414
  shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
415
415
  shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
416
- shapeOtherBase: '#333333',
417
- shapeOtherBaseHover: '#3d3d3d',
418
- shapeOtherBasePressed: '#292929',
416
+ shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
417
+ shapeOtherBaseHover: 'rgba(255, 255, 255, 0.08)',
418
+ shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
419
419
  shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
420
420
  shapeOtherField: 'rgba(0, 0, 0, 0.16)',
421
421
  shapeOtherFieldHover: 'rgba(0, 0, 0, 0.04)',
package/dist/tokens-js/brand-violet_accent-brand.js CHANGED
@@ -3,17 +3,16 @@ export const SEMANTIC_TOKENS = {
3
3
  textAccentHeavy: '#7441d3',
4
4
  textAccentHeavyHover: '#8c59f3',
5
5
  textAccentHeavyPressed: '#634c9e',
6
- textDisabled: 'rgba(0, 0, 0, 0.32)',
7
6
  textErrorHeavy: '#c50220',
8
7
  textErrorHeavyHover: '#e62b34',
9
8
  textErrorHeavyPressed: '#943e3b',
10
9
  textInvertedAccentHeavy: '#ab8eff',
11
10
  textInvertedAccentHeavyHover: '#c1b0ff',
12
11
  textInvertedAccentHeavyPressed: '#9278dc',
13
- textInvertedDisabled: 'rgba(255, 255, 255, 0.4)',
14
12
  textInvertedErrorHeavy: '#ff5352',
15
13
  textInvertedErrorHeavyHover: '#ff726b',
16
14
  textInvertedErrorHeavyPressed: '#dd5d58',
15
+ textInvertedNeutralFaint: 'rgba(255, 255, 255, 0.4)',
17
16
  textInvertedNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
18
17
  textInvertedNeutralPale: 'rgba(255, 255, 255, 0.48)',
19
18
  textInvertedNeutralSoft: 'rgba(255, 255, 255, 0.64)',
@@ -24,6 +23,7 @@ export const SEMANTIC_TOKENS = {
24
23
  textInvertedWarningHeavyHover: '#ffbf0b',
25
24
  textInvertedWarningHeavyPressed: '#cc9a51',
26
25
  textLogo: '#844BEC',
26
+ textNeutralFaint: 'rgba(0, 0, 0, 0.32)',
27
27
  textNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
28
28
  textNeutralPale: 'rgba(0, 0, 0, 0.4)',
29
29
  textNeutralSoft: 'rgba(0, 0, 0, 0.56)',
@@ -33,19 +33,19 @@ export const SEMANTIC_TOKENS = {
33
33
  textWarningHeavy: '#bc7d00',
34
34
  textWarningHeavyHover: '#db9400',
35
35
  textWarningHeavyPressed: '#a37736',
36
- textConstDisabledBlack: 'rgba(0, 0, 0, 0.32)',
37
- textConstDisabledWhite: 'rgba(255, 255, 255, 0.4)',
36
+ textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
37
+ textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
38
38
  textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
39
39
  textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
40
40
  textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
41
41
  textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
42
42
  textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
43
43
  textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
44
- textOnAccentBoldDisabled: 'rgba(255, 255, 255, 0.4)',
44
+ textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.4)',
45
45
  textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
46
46
  textOnAccentBoldPale: 'rgba(255, 255, 255, 0.48)',
47
47
  textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.64)',
48
- textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
48
+ textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
49
49
  textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
50
50
  textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
51
51
  textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
@@ -324,17 +324,16 @@ export const SEMANTIC_TOKENS = {
324
324
  textAccentHeavy: '#ab8eff',
325
325
  textAccentHeavyHover: '#c1b0ff',
326
326
  textAccentHeavyPressed: '#9278dc',
327
- textDisabled: 'rgba(255, 255, 255, 0.4)',
328
327
  textErrorHeavy: '#ff5352',
329
328
  textErrorHeavyHover: '#ff726b',
330
329
  textErrorHeavyPressed: '#dd5d58',
331
330
  textInvertedAccentHeavy: '#7441d3',
332
331
  textInvertedAccentHeavyHover: '#8c59f3',
333
332
  textInvertedAccentHeavyPressed: '#634c9e',
334
- textInvertedDisabled: 'rgba(0, 0, 0, 0.32)',
335
333
  textInvertedErrorHeavy: '#c50220',
336
334
  textInvertedErrorHeavyHover: '#e62b34',
337
335
  textInvertedErrorHeavyPressed: '#943e3b',
336
+ textInvertedNeutralFaint: 'rgba(0, 0, 0, 0.32)',
338
337
  textInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
339
338
  textInvertedNeutralPale: 'rgba(0, 0, 0, 0.4)',
340
339
  textInvertedNeutralSoft: 'rgba(0, 0, 0, 0.56)',
@@ -345,6 +344,7 @@ export const SEMANTIC_TOKENS = {
345
344
  textInvertedWarningHeavyHover: '#db9400',
346
345
  textInvertedWarningHeavyPressed: '#956c30',
347
346
  textLogo: '#9864ff',
347
+ textNeutralFaint: 'rgba(255, 255, 255, 0.4)',
348
348
  textNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
349
349
  textNeutralPale: 'rgba(255, 255, 255, 0.48)',
350
350
  textNeutralSoft: 'rgba(255, 255, 255, 0.64)',
@@ -354,19 +354,19 @@ export const SEMANTIC_TOKENS = {
354
354
  textWarningHeavy: '#f8ae00',
355
355
  textWarningHeavyHover: '#ffbf0b',
356
356
  textWarningHeavyPressed: '#cc9a51',
357
- textConstDisabledBlack: 'rgba(0, 0, 0, 0.32)',
358
- textConstDisabledWhite: 'rgba(255, 255, 255, 0.4)',
357
+ textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
358
+ textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
359
359
  textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
360
360
  textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
361
361
  textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
362
362
  textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
363
363
  textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
364
364
  textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
365
- textOnAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
365
+ textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.32)',
366
366
  textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
367
367
  textOnAccentBoldPale: 'rgba(255, 255, 255, 0.4)',
368
368
  textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.56)',
369
- textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
369
+ textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
370
370
  textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
371
371
  textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
372
372
  textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
@@ -413,9 +413,9 @@ export const SEMANTIC_TOKENS = {
413
413
  shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
414
414
  shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
415
415
  shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
416
- shapeOtherBase: '#333333',
417
- shapeOtherBaseHover: '#3d3d3d',
418
- shapeOtherBasePressed: '#292929',
416
+ shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
417
+ shapeOtherBaseHover: 'rgba(255, 255, 255, 0.08)',
418
+ shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
419
419
  shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
420
420
  shapeOtherField: 'rgba(0, 0, 0, 0.16)',
421
421
  shapeOtherFieldHover: 'rgba(0, 0, 0, 0.04)',
package/dist/tokens-js/brand-violet_accent-gray.js CHANGED
@@ -3,17 +3,16 @@ export const SEMANTIC_TOKENS = {
3
3
  textAccentHeavy: 'rgba(0, 0, 0, 0.88)',
4
4
  textAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
5
5
  textAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
6
- textDisabled: 'rgba(0, 0, 0, 0.32)',
7
6
  textErrorHeavy: '#c50220',
8
7
  textErrorHeavyHover: '#e62b34',
9
8
  textErrorHeavyPressed: '#943e3b',
10
9
  textInvertedAccentHeavy: 'rgba(255, 255, 255, 0.96)',
11
10
  textInvertedAccentHeavyHover: '#ffffff',
12
11
  textInvertedAccentHeavyPressed: '#ffffff',
13
- textInvertedDisabled: 'rgba(255, 255, 255, 0.4)',
14
12
  textInvertedErrorHeavy: '#ff5352',
15
13
  textInvertedErrorHeavyHover: '#ff726b',
16
14
  textInvertedErrorHeavyPressed: '#dd5d58',
15
+ textInvertedNeutralFaint: 'rgba(255, 255, 255, 0.4)',
17
16
  textInvertedNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
18
17
  textInvertedNeutralPale: 'rgba(255, 255, 255, 0.48)',
19
18
  textInvertedNeutralSoft: 'rgba(255, 255, 255, 0.64)',
@@ -24,6 +23,7 @@ export const SEMANTIC_TOKENS = {
24
23
  textInvertedWarningHeavyHover: '#ffbf0b',
25
24
  textInvertedWarningHeavyPressed: '#cc9a51',
26
25
  textLogo: '#844BEC',
26
+ textNeutralFaint: 'rgba(0, 0, 0, 0.32)',
27
27
  textNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
28
28
  textNeutralPale: 'rgba(0, 0, 0, 0.4)',
29
29
  textNeutralSoft: 'rgba(0, 0, 0, 0.56)',
@@ -33,19 +33,19 @@ export const SEMANTIC_TOKENS = {
33
33
  textWarningHeavy: '#bc7d00',
34
34
  textWarningHeavyHover: '#db9400',
35
35
  textWarningHeavyPressed: '#a37736',
36
- textConstDisabledBlack: 'rgba(0, 0, 0, 0.32)',
37
- textConstDisabledWhite: 'rgba(255, 255, 255, 0.4)',
36
+ textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
37
+ textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
38
38
  textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
39
39
  textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
40
40
  textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
41
41
  textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
42
42
  textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
43
43
  textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
44
- textOnAccentBoldDisabled: 'rgba(255, 255, 255, 0.4)',
44
+ textOnAccentBoldFaint: 'rgba(255, 255, 255, 0.4)',
45
45
  textOnAccentBoldHeavy: 'rgba(255, 255, 255, 0.96)',
46
46
  textOnAccentBoldPale: 'rgba(255, 255, 255, 0.48)',
47
47
  textOnAccentBoldSoft: 'rgba(255, 255, 255, 0.64)',
48
- textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
48
+ textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
49
49
  textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
50
50
  textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
51
51
  textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
@@ -324,17 +324,16 @@ export const SEMANTIC_TOKENS = {
324
324
  textAccentHeavy: 'rgba(255, 255, 255, 0.96)',
325
325
  textAccentHeavyHover: '#ffffff',
326
326
  textAccentHeavyPressed: '#ffffff',
327
- textDisabled: 'rgba(255, 255, 255, 0.4)',
328
327
  textErrorHeavy: '#ff5352',
329
328
  textErrorHeavyHover: '#ff726b',
330
329
  textErrorHeavyPressed: '#dd5d58',
331
330
  textInvertedAccentHeavy: 'rgba(0, 0, 0, 0.88)',
332
331
  textInvertedAccentHeavyHover: 'rgba(0, 0, 0, 0.96)',
333
332
  textInvertedAccentHeavyPressed: 'rgba(0, 0, 0, 0.96)',
334
- textInvertedDisabled: 'rgba(0, 0, 0, 0.32)',
335
333
  textInvertedErrorHeavy: '#c50220',
336
334
  textInvertedErrorHeavyHover: '#e62b34',
337
335
  textInvertedErrorHeavyPressed: '#943e3b',
336
+ textInvertedNeutralFaint: 'rgba(0, 0, 0, 0.32)',
338
337
  textInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.88)',
339
338
  textInvertedNeutralPale: 'rgba(0, 0, 0, 0.4)',
340
339
  textInvertedNeutralSoft: 'rgba(0, 0, 0, 0.56)',
@@ -345,6 +344,7 @@ export const SEMANTIC_TOKENS = {
345
344
  textInvertedWarningHeavyHover: '#db9400',
346
345
  textInvertedWarningHeavyPressed: '#956c30',
347
346
  textLogo: '#9864ff',
347
+ textNeutralFaint: 'rgba(255, 255, 255, 0.4)',
348
348
  textNeutralHeavy: 'rgba(255, 255, 255, 0.96)',
349
349
  textNeutralPale: 'rgba(255, 255, 255, 0.48)',
350
350
  textNeutralSoft: 'rgba(255, 255, 255, 0.64)',
@@ -354,19 +354,19 @@ export const SEMANTIC_TOKENS = {
354
354
  textWarningHeavy: '#f8ae00',
355
355
  textWarningHeavyHover: '#ffbf0b',
356
356
  textWarningHeavyPressed: '#cc9a51',
357
- textConstDisabledBlack: 'rgba(0, 0, 0, 0.32)',
358
- textConstDisabledWhite: 'rgba(255, 255, 255, 0.4)',
357
+ textConstFaintBlack: 'rgba(0, 0, 0, 0.32)',
358
+ textConstFaintWhite: 'rgba(255, 255, 255, 0.4)',
359
359
  textConstHeavyBlack: 'rgba(0, 0, 0, 0.88)',
360
360
  textConstHeavyWhite: 'rgba(255, 255, 255, 0.96)',
361
361
  textConstPaleBlack: 'rgba(0, 0, 0, 0.4)',
362
362
  textConstPaleWhite: 'rgba(255, 255, 255, 0.48)',
363
363
  textConstSoftBlack: 'rgba(0, 0, 0, 0.56)',
364
364
  textConstSoftWhite: 'rgba(255, 255, 255, 0.64)',
365
- textOnAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
365
+ textOnAccentBoldFaint: 'rgba(0, 0, 0, 0.32)',
366
366
  textOnAccentBoldHeavy: 'rgba(0, 0, 0, 0.88)',
367
367
  textOnAccentBoldPale: 'rgba(0, 0, 0, 0.4)',
368
368
  textOnAccentBoldSoft: 'rgba(0, 0, 0, 0.56)',
369
- textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
369
+ textOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.4)',
370
370
  textOnBrandOriginalHeavy: 'rgba(255, 255, 255, 0.96)',
371
371
  textOnBrandOriginalPale: 'rgba(255, 255, 255, 0.48)',
372
372
  textOnBrandOriginalSoft: 'rgba(255, 255, 255, 0.64)',
@@ -413,9 +413,9 @@ export const SEMANTIC_TOKENS = {
413
413
  shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
414
414
  shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
415
415
  shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
416
- shapeOtherBase: '#333333',
417
- shapeOtherBaseHover: '#3d3d3d',
418
- shapeOtherBasePressed: '#292929',
416
+ shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
417
+ shapeOtherBaseHover: 'rgba(255, 255, 255, 0.08)',
418
+ shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
419
419
  shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
420
420
  shapeOtherField: 'rgba(0, 0, 0, 0.16)',
421
421
  shapeOtherFieldHover: 'rgba(0, 0, 0, 0.04)',
package/dist/tokens-mobile/brand-blue-deep_accent-brand.json CHANGED
@@ -3,10 +3,6 @@
3
3
  "light": "#2b5adf",
4
4
  "dark": "#76a2ff"
5
5
  },
6
- "textDisabled": {
7
- "light": "#52000000",
8
- "dark": "#66ffffff"
9
- },
10
6
  "textErrorHeavy": {
11
7
  "light": "#c50220",
12
8
  "dark": "#ff5352"
@@ -15,14 +11,14 @@
15
11
  "light": "#76a2ff",
16
12
  "dark": "#2b5adf"
17
13
  },
18
- "textInvertedDisabled": {
19
- "light": "#66ffffff",
20
- "dark": "#52000000"
21
- },
22
14
  "textInvertedErrorHeavy": {
23
15
  "light": "#ff5352",
24
16
  "dark": "#c50220"
25
17
  },
18
+ "textInvertedNeutralFaint": {
19
+ "light": "#66ffffff",
20
+ "dark": "#52000000"
21
+ },
26
22
  "textInvertedNeutralHeavy": {
27
23
  "light": "#f5ffffff",
28
24
  "dark": "#e0000000"
@@ -47,6 +43,10 @@
47
43
  "light": "#366AF3",
48
44
  "dark": "#4b80ff"
49
45
  },
46
+ "textNeutralFaint": {
47
+ "light": "#52000000",
48
+ "dark": "#66ffffff"
49
+ },
50
50
  "textNeutralHeavy": {
51
51
  "light": "#e0000000",
52
52
  "dark": "#f5ffffff"
@@ -67,11 +67,11 @@
67
67
  "light": "#bc7d00",
68
68
  "dark": "#f8ae00"
69
69
  },
70
- "textConstDisabledBlack": {
70
+ "textConstFaintBlack": {
71
71
  "light": "#52000000",
72
72
  "dark": "#52000000"
73
73
  },
74
- "textConstDisabledWhite": {
74
+ "textConstFaintWhite": {
75
75
  "light": "#66ffffff",
76
76
  "dark": "#66ffffff"
77
77
  },
@@ -99,7 +99,7 @@
99
99
  "light": "#a3ffffff",
100
100
  "dark": "#a3ffffff"
101
101
  },
102
- "textOnAccentBoldDisabled": {
102
+ "textOnAccentBoldFaint": {
103
103
  "light": "#66ffffff",
104
104
  "dark": "#52ffffff"
105
105
  },
@@ -115,7 +115,7 @@
115
115
  "light": "#a3ffffff",
116
116
  "dark": "#8fffffff"
117
117
  },
118
- "textOnBrandOriginalDisabled": {
118
+ "textOnBrandOriginalFaint": {
119
119
  "light": "#66ffffff",
120
120
  "dark": "#66ffffff"
121
121
  },
@@ -201,7 +201,7 @@
201
201
  },
202
202
  "shapeOtherBase": {
203
203
  "light": "#ffffff",
204
- "dark": "#333333"
204
+ "dark": "#0fffffff"
205
205
  },
206
206
  "shapeOtherDisabled": {
207
207
  "light": "#0f000000",
package/dist/tokens-mobile/brand-blue-deep_accent-gray.json CHANGED
@@ -3,10 +3,6 @@
3
3
  "light": "#e0000000",
4
4
  "dark": "#f5ffffff"
5
5
  },
6
- "textDisabled": {
7
- "light": "#52000000",
8
- "dark": "#66ffffff"
9
- },
10
6
  "textErrorHeavy": {
11
7
  "light": "#c50220",
12
8
  "dark": "#ff5352"
@@ -15,14 +11,14 @@
15
11
  "light": "#f5ffffff",
16
12
  "dark": "#e0000000"
17
13
  },
18
- "textInvertedDisabled": {
19
- "light": "#66ffffff",
20
- "dark": "#52000000"
21
- },
22
14
  "textInvertedErrorHeavy": {
23
15
  "light": "#ff5352",
24
16
  "dark": "#c50220"
25
17
  },
18
+ "textInvertedNeutralFaint": {
19
+ "light": "#66ffffff",
20
+ "dark": "#52000000"
21
+ },
26
22
  "textInvertedNeutralHeavy": {
27
23
  "light": "#f5ffffff",
28
24
  "dark": "#e0000000"
@@ -47,6 +43,10 @@
47
43
  "light": "#366AF3",
48
44
  "dark": "#4b80ff"
49
45
  },
46
+ "textNeutralFaint": {
47
+ "light": "#52000000",
48
+ "dark": "#66ffffff"
49
+ },
50
50
  "textNeutralHeavy": {
51
51
  "light": "#e0000000",
52
52
  "dark": "#f5ffffff"
@@ -67,11 +67,11 @@
67
67
  "light": "#bc7d00",
68
68
  "dark": "#f8ae00"
69
69
  },
70
- "textConstDisabledBlack": {
70
+ "textConstFaintBlack": {
71
71
  "light": "#52000000",
72
72
  "dark": "#52000000"
73
73
  },
74
- "textConstDisabledWhite": {
74
+ "textConstFaintWhite": {
75
75
  "light": "#66ffffff",
76
76
  "dark": "#66ffffff"
77
77
  },
@@ -99,7 +99,7 @@
99
99
  "light": "#a3ffffff",
100
100
  "dark": "#a3ffffff"
101
101
  },
102
- "textOnAccentBoldDisabled": {
102
+ "textOnAccentBoldFaint": {
103
103
  "light": "#66ffffff",
104
104
  "dark": "#52000000"
105
105
  },
@@ -115,7 +115,7 @@
115
115
  "light": "#a3ffffff",
116
116
  "dark": "#8f000000"
117
117
  },
118
- "textOnBrandOriginalDisabled": {
118
+ "textOnBrandOriginalFaint": {
119
119
  "light": "#66ffffff",
120
120
  "dark": "#66ffffff"
121
121
  },
@@ -201,7 +201,7 @@
201
201
  },
202
202
  "shapeOtherBase": {
203
203
  "light": "#ffffff",
204
- "dark": "#333333"
204
+ "dark": "#0fffffff"
205
205
  },
206
206
  "shapeOtherDisabled": {
207
207
  "light": "#0f000000",