@skbkontur/colors 2.0.0-alpha.3 → 2.0.0-alpha.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 (128) hide show
  1. package/README.md +3 -3
  2. package/colors.less +319 -0
  3. package/colors.scss +319 -0
  4. package/lib/consts/default-swatch.d.ts +108 -0
  5. package/lib/consts/default-swatch.js +108 -0
  6. package/{dist/esm/consts/default-swatch.js → lib/consts/default-swatch.ts} +11 -7
  7. package/lib/consts/params/abney-correction.js +1102 -0
  8. package/{dist/esm/consts/params/abney-correction.js → lib/consts/params/abney-correction.ts} +3 -1
  9. package/lib/consts/params/chroma-params.js +102 -0
  10. package/{dist/esm/consts/params/chroma-params.js → lib/consts/params/chroma-params.ts} +3 -1
  11. package/lib/consts/params/interactions.ts +9 -0
  12. package/lib/consts/params/logo-lightness.ts +1 -0
  13. package/{dist/esm → lib}/consts/params/promo-hue-shift.d.ts +1 -1
  14. package/lib/consts/params/promo-hue-shift.js +11 -0
  15. package/{dist/esm/consts/params/promo-hue-shift.js → lib/consts/params/promo-hue-shift.ts} +1 -1
  16. package/{dist/esm → lib}/consts/params/warning-hue-patch.d.ts +1 -1
  17. package/lib/consts/params/warning-hue-patch.js +22 -0
  18. package/{dist/esm/consts/params/warning-hue-patch.js → lib/consts/params/warning-hue-patch.ts} +1 -1
  19. package/lib/get-colors-base.d.ts +11 -0
  20. package/lib/get-colors-base.js +78 -0
  21. package/{dist/esm/get-colors-base.js → lib/get-colors-base.ts} +44 -26
  22. package/lib/get-colors-default-tokens.d.ts +645 -0
  23. package/lib/get-colors-default-tokens.js +647 -0
  24. package/lib/get-colors-default-tokens.ts +646 -0
  25. package/lib/get-colors.d.ts +40 -0
  26. package/lib/get-colors.js +28 -0
  27. package/lib/get-colors.ts +65 -0
  28. package/{dist/esm → lib}/helpers/get-interactions.d.ts +2 -2
  29. package/lib/helpers/get-interactions.js +35 -0
  30. package/lib/helpers/get-interactions.ts +64 -0
  31. package/{dist/esm → lib}/helpers/get-logo.d.ts +2 -2
  32. package/lib/helpers/get-logo.js +25 -0
  33. package/lib/helpers/get-logo.ts +40 -0
  34. package/lib/helpers/get-palette.d.ts +51 -0
  35. package/lib/helpers/get-palette.js +204 -0
  36. package/lib/helpers/get-palette.ts +261 -0
  37. package/lib/helpers/get-promo.d.ts +6 -0
  38. package/lib/helpers/get-promo.js +47 -0
  39. package/lib/helpers/get-promo.ts +55 -0
  40. package/lib/types/tokens-base-generator.d.ts +43 -0
  41. package/{dist/esm/types/tokens-base-generator.d.ts → lib/types/tokens-base-generator.ts} +10 -15
  42. package/lib/types/tokens-base.d.ts +55 -0
  43. package/{dist/esm/types/tokens-base.d.ts → lib/types/tokens-base.ts} +7 -2
  44. package/lib/types/tokens.d.ts +12 -0
  45. package/{dist/esm/types/tokens.d.ts → lib/types/tokens.ts} +7 -1
  46. package/lib/utils/convert-color.js +144 -0
  47. package/lib/utils/convert-color.ts +163 -0
  48. package/lib/utils/format-variable.js +6 -0
  49. package/lib/utils/format-variable.ts +7 -0
  50. package/package.json +41 -7
  51. package/{dist/tokens-mobile → tokens-mobile}/brand-blue-deep_accent-brand.json +117 -117
  52. package/{dist/tokens-mobile → tokens-mobile}/brand-blue-deep_accent-gray.json +135 -135
  53. package/{dist/tokens-mobile → tokens-mobile}/brand-blue_accent-brand.json +117 -117
  54. package/{dist/tokens-mobile → tokens-mobile}/brand-blue_accent-gray.json +135 -135
  55. package/{dist/tokens-mobile → tokens-mobile}/brand-green_accent-brand.json +117 -117
  56. package/{dist/tokens-mobile → tokens-mobile}/brand-green_accent-gray.json +135 -135
  57. package/{dist/tokens-mobile → tokens-mobile}/brand-mint_accent-brand.json +117 -117
  58. package/{dist/tokens-mobile → tokens-mobile}/brand-mint_accent-gray.json +135 -135
  59. package/{dist/tokens-mobile → tokens-mobile}/brand-orange_accent-gray.json +135 -135
  60. package/{dist/tokens-mobile → tokens-mobile}/brand-purple_accent-brand.json +117 -117
  61. package/{dist/tokens-mobile → tokens-mobile}/brand-purple_accent-gray.json +135 -135
  62. package/{dist/tokens-mobile → tokens-mobile}/brand-red_accent-gray.json +135 -135
  63. package/{dist/tokens-mobile → tokens-mobile}/brand-violet_accent-brand.json +117 -117
  64. package/{dist/tokens-mobile → tokens-mobile}/brand-violet_accent-gray.json +135 -135
  65. package/CHANGELOG.md +0 -84
  66. package/dist/colors.default-dark.js +0 -332
  67. package/dist/colors.default-light.js +0 -336
  68. package/dist/colors.less +0 -319
  69. package/dist/colors.scss +0 -319
  70. package/dist/esm/consts/default-swatch.d.ts +0 -109
  71. package/dist/esm/get-colors-base.d.ts +0 -12
  72. package/dist/esm/get-colors-default-tokens.d.ts +0 -645
  73. package/dist/esm/get-colors-default-tokens.js +0 -992
  74. package/dist/esm/get-colors.d.ts +0 -13
  75. package/dist/esm/get-colors.js +0 -14
  76. package/dist/esm/get-default-tokens.d.ts +0 -645
  77. package/dist/esm/get-default-tokens.js +0 -992
  78. package/dist/esm/helpers/get-interactions.js +0 -49
  79. package/dist/esm/helpers/get-logo.js +0 -28
  80. package/dist/esm/helpers/get-palette.d.ts +0 -76
  81. package/dist/esm/helpers/get-palette.js +0 -232
  82. package/dist/esm/helpers/get-promo.d.ts +0 -12
  83. package/dist/esm/helpers/get-promo.js +0 -51
  84. package/dist/esm/utils/convert-color.js +0 -133
  85. package/dist/esm/utils/format-variable.js +0 -10
  86. package/dist/tokens-js/brand-blue-deep_accent-brand.js +0 -644
  87. package/dist/tokens-js/brand-blue-deep_accent-gray.js +0 -644
  88. package/dist/tokens-js/brand-blue_accent-brand.js +0 -644
  89. package/dist/tokens-js/brand-blue_accent-gray.js +0 -644
  90. package/dist/tokens-js/brand-green_accent-brand.js +0 -644
  91. package/dist/tokens-js/brand-green_accent-gray.js +0 -644
  92. package/dist/tokens-js/brand-mint_accent-brand.js +0 -644
  93. package/dist/tokens-js/brand-mint_accent-gray.js +0 -644
  94. package/dist/tokens-js/brand-orange_accent-gray.js +0 -644
  95. package/dist/tokens-js/brand-purple_accent-brand.js +0 -644
  96. package/dist/tokens-js/brand-purple_accent-gray.js +0 -644
  97. package/dist/tokens-js/brand-red_accent-gray.js +0 -644
  98. package/dist/tokens-js/brand-violet_accent-brand.js +0 -644
  99. package/dist/tokens-js/brand-violet_accent-gray.js +0 -644
  100. package/scripts/babel-register.js +0 -4
  101. package/scripts/tokens-base.json +0 -3499
  102. package/scripts/tokens.json +0 -710
  103. /package/{dist/colors.js → colors.js} +0 -0
  104. /package/{dist/esm → lib}/consts/params/abney-correction.d.ts +0 -0
  105. /package/{dist/esm → lib}/consts/params/chroma-params.d.ts +0 -0
  106. /package/{dist/esm → lib}/consts/params/interactions.d.ts +0 -0
  107. /package/{dist/esm → lib}/consts/params/interactions.js +0 -0
  108. /package/{dist/esm → lib}/consts/params/logo-lightness.d.ts +0 -0
  109. /package/{dist/esm → lib}/consts/params/logo-lightness.js +0 -0
  110. /package/{dist/esm → lib}/types/tokens-base-generator.js +0 -0
  111. /package/{dist/esm → lib}/types/tokens-base.js +0 -0
  112. /package/{dist/esm → lib}/types/tokens.js +0 -0
  113. /package/{dist/esm → lib}/utils/convert-color.d.ts +0 -0
  114. /package/{dist/esm → lib}/utils/format-variable.d.ts +0 -0
  115. /package/{dist/tokens → tokens}/brand-blue-deep_accent-brand.css +0 -0
  116. /package/{dist/tokens → tokens}/brand-blue-deep_accent-gray.css +0 -0
  117. /package/{dist/tokens → tokens}/brand-blue_accent-brand.css +0 -0
  118. /package/{dist/tokens → tokens}/brand-blue_accent-gray.css +0 -0
  119. /package/{dist/tokens → tokens}/brand-green_accent-brand.css +0 -0
  120. /package/{dist/tokens → tokens}/brand-green_accent-gray.css +0 -0
  121. /package/{dist/tokens → tokens}/brand-mint_accent-brand.css +0 -0
  122. /package/{dist/tokens → tokens}/brand-mint_accent-gray.css +0 -0
  123. /package/{dist/tokens → tokens}/brand-orange_accent-gray.css +0 -0
  124. /package/{dist/tokens → tokens}/brand-purple_accent-brand.css +0 -0
  125. /package/{dist/tokens → tokens}/brand-purple_accent-gray.css +0 -0
  126. /package/{dist/tokens → tokens}/brand-red_accent-gray.css +0 -0
  127. /package/{dist/tokens → tokens}/brand-violet_accent-brand.css +0 -0
  128. /package/{dist/tokens → tokens}/brand-violet_accent-gray.css +0 -0
package/dist/colors.less DELETED
@@ -1,319 +0,0 @@
1
- @text-accent-heavy: var(--k-color-text-accent-heavy);
2
- @text-accent-heavy-hover: var(--k-color-text-accent-heavy-hover);
3
- @text-accent-heavy-pressed: var(--k-color-text-accent-heavy-pressed);
4
- @text-error-heavy: var(--k-color-text-error-heavy);
5
- @text-error-heavy-hover: var(--k-color-text-error-heavy-hover);
6
- @text-error-heavy-pressed: var(--k-color-text-error-heavy-pressed);
7
- @text-inverted-accent-heavy: var(--k-color-text-inverted-accent-heavy);
8
- @text-inverted-accent-heavy-hover: var(--k-color-text-inverted-accent-heavy-hover);
9
- @text-inverted-accent-heavy-pressed: var(--k-color-text-inverted-accent-heavy-pressed);
10
- @text-inverted-error-heavy: var(--k-color-text-inverted-error-heavy);
11
- @text-inverted-error-heavy-hover: var(--k-color-text-inverted-error-heavy-hover);
12
- @text-inverted-error-heavy-pressed: var(--k-color-text-inverted-error-heavy-pressed);
13
- @text-inverted-neutral-faint: var(--k-color-text-inverted-neutral-faint);
14
- @text-inverted-neutral-heavy: var(--k-color-text-inverted-neutral-heavy);
15
- @text-inverted-neutral-pale: var(--k-color-text-inverted-neutral-pale);
16
- @text-inverted-neutral-soft: var(--k-color-text-inverted-neutral-soft);
17
- @text-inverted-success-heavy: var(--k-color-text-inverted-success-heavy);
18
- @text-inverted-success-heavy-hover: var(--k-color-text-inverted-success-heavy-hover);
19
- @text-inverted-success-heavy-pressed: var(--k-color-text-inverted-success-heavy-pressed);
20
- @text-inverted-warning-heavy: var(--k-color-text-inverted-warning-heavy);
21
- @text-inverted-warning-heavy-hover: var(--k-color-text-inverted-warning-heavy-hover);
22
- @text-inverted-warning-heavy-pressed: var(--k-color-text-inverted-warning-heavy-pressed);
23
- @text-logo: var(--k-color-text-logo);
24
- @text-neutral-faint: var(--k-color-text-neutral-faint);
25
- @text-neutral-heavy: var(--k-color-text-neutral-heavy);
26
- @text-neutral-pale: var(--k-color-text-neutral-pale);
27
- @text-neutral-soft: var(--k-color-text-neutral-soft);
28
- @text-success-heavy: var(--k-color-text-success-heavy);
29
- @text-success-heavy-hover: var(--k-color-text-success-heavy-hover);
30
- @text-success-heavy-pressed: var(--k-color-text-success-heavy-pressed);
31
- @text-warning-heavy: var(--k-color-text-warning-heavy);
32
- @text-warning-heavy-hover: var(--k-color-text-warning-heavy-hover);
33
- @text-warning-heavy-pressed: var(--k-color-text-warning-heavy-pressed);
34
- @text-const-faint-black: var(--k-color-text-const-faint-black);
35
- @text-const-faint-white: var(--k-color-text-const-faint-white);
36
- @text-const-heavy-black: var(--k-color-text-const-heavy-black);
37
- @text-const-heavy-white: var(--k-color-text-const-heavy-white);
38
- @text-const-pale-black: var(--k-color-text-const-pale-black);
39
- @text-const-pale-white: var(--k-color-text-const-pale-white);
40
- @text-const-soft-black: var(--k-color-text-const-soft-black);
41
- @text-const-soft-white: var(--k-color-text-const-soft-white);
42
- @text-on-accent-bold-faint: var(--k-color-text-on-accent-bold-faint);
43
- @text-on-accent-bold-heavy: var(--k-color-text-on-accent-bold-heavy);
44
- @text-on-accent-bold-pale: var(--k-color-text-on-accent-bold-pale);
45
- @text-on-accent-bold-soft: var(--k-color-text-on-accent-bold-soft);
46
- @text-on-brand-original-faint: var(--k-color-text-on-brand-original-faint);
47
- @text-on-brand-original-heavy: var(--k-color-text-on-brand-original-heavy);
48
- @text-on-brand-original-pale: var(--k-color-text-on-brand-original-pale);
49
- @text-on-brand-original-soft: var(--k-color-text-on-brand-original-soft);
50
- @shape-bold-accent: var(--k-color-shape-bold-accent);
51
- @shape-bold-accent-hover: var(--k-color-shape-bold-accent-hover);
52
- @shape-bold-accent-pressed: var(--k-color-shape-bold-accent-pressed);
53
- @shape-bold-brand-original: var(--k-color-shape-bold-brand-original);
54
- @shape-bold-brand-original-hover: var(--k-color-shape-bold-brand-original-hover);
55
- @shape-bold-brand-original-pressed: var(--k-color-shape-bold-brand-original-pressed);
56
- @shape-bold-error: var(--k-color-shape-bold-error);
57
- @shape-bold-error-hover: var(--k-color-shape-bold-error-hover);
58
- @shape-bold-error-pressed: var(--k-color-shape-bold-error-pressed);
59
- @shape-bold-neutral: var(--k-color-shape-bold-neutral);
60
- @shape-bold-neutral-hover: var(--k-color-shape-bold-neutral-hover);
61
- @shape-bold-neutral-pressed: var(--k-color-shape-bold-neutral-pressed);
62
- @shape-bold-success: var(--k-color-shape-bold-success);
63
- @shape-bold-success-hover: var(--k-color-shape-bold-success-hover);
64
- @shape-bold-success-pressed: var(--k-color-shape-bold-success-pressed);
65
- @shape-bold-warning: var(--k-color-shape-bold-warning);
66
- @shape-bold-warning-hover: var(--k-color-shape-bold-warning-hover);
67
- @shape-bold-warning-pressed: var(--k-color-shape-bold-warning-pressed);
68
- @shape-faint-accent: var(--k-color-shape-faint-accent);
69
- @shape-faint-accent-hover: var(--k-color-shape-faint-accent-hover);
70
- @shape-faint-accent-pressed: var(--k-color-shape-faint-accent-pressed);
71
- @shape-faint-brand: var(--k-color-shape-faint-brand);
72
- @shape-faint-brand-hover: var(--k-color-shape-faint-brand-hover);
73
- @shape-faint-brand-pressed: var(--k-color-shape-faint-brand-pressed);
74
- @shape-faint-error: var(--k-color-shape-faint-error);
75
- @shape-faint-error-hover: var(--k-color-shape-faint-error-hover);
76
- @shape-faint-error-pressed: var(--k-color-shape-faint-error-pressed);
77
- @shape-faint-neutral-alpha: var(--k-color-shape-faint-neutral-alpha);
78
- @shape-faint-neutral-alpha-hover: var(--k-color-shape-faint-neutral-alpha-hover);
79
- @shape-faint-neutral-alpha-pressed: var(--k-color-shape-faint-neutral-alpha-pressed);
80
- @shape-faint-success: var(--k-color-shape-faint-success);
81
- @shape-faint-success-hover: var(--k-color-shape-faint-success-hover);
82
- @shape-faint-success-pressed: var(--k-color-shape-faint-success-pressed);
83
- @shape-faint-warning: var(--k-color-shape-faint-warning);
84
- @shape-faint-warning-hover: var(--k-color-shape-faint-warning-hover);
85
- @shape-faint-warning-pressed: var(--k-color-shape-faint-warning-pressed);
86
- @shape-heavy-error: var(--k-color-shape-heavy-error);
87
- @shape-heavy-neutral: var(--k-color-shape-heavy-neutral);
88
- @shape-heavy-success: var(--k-color-shape-heavy-success);
89
- @shape-heavy-warning: var(--k-color-shape-heavy-warning);
90
- @shape-other-accent-bold-disabled: var(--k-color-shape-other-accent-bold-disabled);
91
- @shape-other-backless-hover: var(--k-color-shape-other-backless-hover);
92
- @shape-other-backless-pressed: var(--k-color-shape-other-backless-pressed);
93
- @shape-other-base: var(--k-color-shape-other-base);
94
- @shape-other-base-hover: var(--k-color-shape-other-base-hover);
95
- @shape-other-base-pressed: var(--k-color-shape-other-base-pressed);
96
- @shape-other-disabled: var(--k-color-shape-other-disabled);
97
- @shape-other-field: var(--k-color-shape-other-field);
98
- @shape-other-field-hover: var(--k-color-shape-other-field-hover);
99
- @shape-other-field-pressed: var(--k-color-shape-other-field-pressed);
100
- @shape-other-low: var(--k-color-shape-other-low);
101
- @shape-other-low-hover: var(--k-color-shape-other-low-hover);
102
- @shape-other-low-pressed: var(--k-color-shape-other-low-pressed);
103
- @shape-other-neutral-faint-solid: var(--k-color-shape-other-neutral-faint-solid);
104
- @shape-other-neutral-faint-solid-hover: var(--k-color-shape-other-neutral-faint-solid-hover);
105
- @shape-other-neutral-faint-solid-pressed: var(--k-color-shape-other-neutral-faint-solid-pressed);
106
- @shape-other-neutral-pale-solid: var(--k-color-shape-other-neutral-pale-solid);
107
- @shape-other-neutral-pale-solid-hover: var(--k-color-shape-other-neutral-pale-solid-hover);
108
- @shape-other-neutral-pale-solid-pressed: var(--k-color-shape-other-neutral-pale-solid-pressed);
109
- @shape-other-neutral-soft-solid: var(--k-color-shape-other-neutral-soft-solid);
110
- @shape-other-neutral-soft-solid-hover: var(--k-color-shape-other-neutral-soft-solid-hover);
111
- @shape-other-neutral-soft-solid-pressed: var(--k-color-shape-other-neutral-soft-solid-pressed);
112
- @shape-pale-accent: var(--k-color-shape-pale-accent);
113
- @shape-pale-accent-hover: var(--k-color-shape-pale-accent-hover);
114
- @shape-pale-accent-pressed: var(--k-color-shape-pale-accent-pressed);
115
- @shape-pale-brand: var(--k-color-shape-pale-brand);
116
- @shape-pale-brand-hover: var(--k-color-shape-pale-brand-hover);
117
- @shape-pale-brand-pressed: var(--k-color-shape-pale-brand-pressed);
118
- @shape-pale-error: var(--k-color-shape-pale-error);
119
- @shape-pale-error-hover: var(--k-color-shape-pale-error-hover);
120
- @shape-pale-error-pressed: var(--k-color-shape-pale-error-pressed);
121
- @shape-pale-neutral-alpha: var(--k-color-shape-pale-neutral-alpha);
122
- @shape-pale-neutral-alpha-hover: var(--k-color-shape-pale-neutral-alpha-hover);
123
- @shape-pale-neutral-alpha-pressed: var(--k-color-shape-pale-neutral-alpha-pressed);
124
- @shape-pale-success: var(--k-color-shape-pale-success);
125
- @shape-pale-success-hover: var(--k-color-shape-pale-success-hover);
126
- @shape-pale-success-pressed: var(--k-color-shape-pale-success-pressed);
127
- @shape-pale-warning: var(--k-color-shape-pale-warning);
128
- @shape-pale-warning-hover: var(--k-color-shape-pale-warning-hover);
129
- @shape-pale-warning-pressed: var(--k-color-shape-pale-warning-pressed);
130
- @shape-soft-accent: var(--k-color-shape-soft-accent);
131
- @shape-soft-accent-hover: var(--k-color-shape-soft-accent-hover);
132
- @shape-soft-accent-pressed: var(--k-color-shape-soft-accent-pressed);
133
- @shape-soft-brand: var(--k-color-shape-soft-brand);
134
- @shape-soft-brand-hover: var(--k-color-shape-soft-brand-hover);
135
- @shape-soft-brand-pressed: var(--k-color-shape-soft-brand-pressed);
136
- @shape-soft-error: var(--k-color-shape-soft-error);
137
- @shape-soft-error-hover: var(--k-color-shape-soft-error-hover);
138
- @shape-soft-error-pressed: var(--k-color-shape-soft-error-pressed);
139
- @shape-soft-neutral-alpha: var(--k-color-shape-soft-neutral-alpha);
140
- @shape-soft-neutral-alpha-hover: var(--k-color-shape-soft-neutral-alpha-hover);
141
- @shape-soft-neutral-alpha-pressed: var(--k-color-shape-soft-neutral-alpha-pressed);
142
- @shape-soft-success: var(--k-color-shape-soft-success);
143
- @shape-soft-success-hover: var(--k-color-shape-soft-success-hover);
144
- @shape-soft-success-pressed: var(--k-color-shape-soft-success-pressed);
145
- @shape-soft-warning: var(--k-color-shape-soft-warning);
146
- @shape-soft-warning-hover: var(--k-color-shape-soft-warning-hover);
147
- @shape-soft-warning-pressed: var(--k-color-shape-soft-warning-pressed);
148
- @shape-inverted-backless-hover: var(--k-color-shape-inverted-backless-hover);
149
- @shape-inverted-backless-pressed: var(--k-color-shape-inverted-backless-pressed);
150
- @shape-inverted-disabled: var(--k-color-shape-inverted-disabled);
151
- @shape-inverted-neutral-faint-alpha: var(--k-color-shape-inverted-neutral-faint-alpha);
152
- @shape-inverted-neutral-faint-alpha-hover: var(--k-color-shape-inverted-neutral-faint-alpha-hover);
153
- @shape-inverted-neutral-faint-alpha-pressed: var(--k-color-shape-inverted-neutral-faint-alpha-pressed);
154
- @shape-inverted-neutral-heavy: var(--k-color-shape-inverted-neutral-heavy);
155
- @shape-inverted-neutral-heavy-hover: var(--k-color-shape-inverted-neutral-heavy-hover);
156
- @shape-inverted-neutral-heavy-pressed: var(--k-color-shape-inverted-neutral-heavy-pressed);
157
- @shape-inverted-neutral-pale-alpha: var(--k-color-shape-inverted-neutral-pale-alpha);
158
- @shape-inverted-neutral-pale-alpha-hover: var(--k-color-shape-inverted-neutral-pale-alpha-hover);
159
- @shape-inverted-neutral-pale-alpha-pressed: var(--k-color-shape-inverted-neutral-pale-alpha-pressed);
160
- @shape-inverted-neutral-soft-alpha: var(--k-color-shape-inverted-neutral-soft-alpha);
161
- @shape-inverted-neutral-soft-alpha-hover: var(--k-color-shape-inverted-neutral-soft-alpha-hover);
162
- @shape-inverted-neutral-soft-alpha-pressed: var(--k-color-shape-inverted-neutral-soft-alpha-pressed);
163
- @shape-const-backless-black-hover: var(--k-color-shape-const-backless-black-hover);
164
- @shape-const-backless-black-pressed: var(--k-color-shape-const-backless-black-pressed);
165
- @shape-const-backless-white-hover: var(--k-color-shape-const-backless-white-hover);
166
- @shape-const-backless-white-pressed: var(--k-color-shape-const-backless-white-pressed);
167
- @shape-const-disabled-black: var(--k-color-shape-const-disabled-black);
168
- @shape-const-disabled-white: var(--k-color-shape-const-disabled-white);
169
- @shape-const-faint-black: var(--k-color-shape-const-faint-black);
170
- @shape-const-faint-black-hover: var(--k-color-shape-const-faint-black-hover);
171
- @shape-const-faint-black-pressed: var(--k-color-shape-const-faint-black-pressed);
172
- @shape-const-faint-white: var(--k-color-shape-const-faint-white);
173
- @shape-const-faint-white-hover: var(--k-color-shape-const-faint-white-hover);
174
- @shape-const-faint-white-pressed: var(--k-color-shape-const-faint-white-pressed);
175
- @shape-const-heavy-black: var(--k-color-shape-const-heavy-black);
176
- @shape-const-heavy-black-hover: var(--k-color-shape-const-heavy-black-hover);
177
- @shape-const-heavy-black-pressed: var(--k-color-shape-const-heavy-black-pressed);
178
- @shape-const-heavy-white: var(--k-color-shape-const-heavy-white);
179
- @shape-const-heavy-white-hover: var(--k-color-shape-const-heavy-white-hover);
180
- @shape-const-heavy-white-pressed: var(--k-color-shape-const-heavy-white-pressed);
181
- @shape-const-pale-black: var(--k-color-shape-const-pale-black);
182
- @shape-const-pale-black-hover: var(--k-color-shape-const-pale-black-hover);
183
- @shape-const-pale-black-pressed: var(--k-color-shape-const-pale-black-pressed);
184
- @shape-const-pale-white: var(--k-color-shape-const-pale-white);
185
- @shape-const-pale-white-hover: var(--k-color-shape-const-pale-white-hover);
186
- @shape-const-pale-white-pressed: var(--k-color-shape-const-pale-white-pressed);
187
- @shape-const-promo: var(--k-color-shape-const-promo);
188
- @shape-const-soft-black: var(--k-color-shape-const-soft-black);
189
- @shape-const-soft-black-hover: var(--k-color-shape-const-soft-black-hover);
190
- @shape-const-soft-black-pressed: var(--k-color-shape-const-soft-black-pressed);
191
- @shape-const-soft-white: var(--k-color-shape-const-soft-white);
192
- @shape-const-soft-white-hover: var(--k-color-shape-const-soft-white-hover);
193
- @shape-const-soft-white-pressed: var(--k-color-shape-const-soft-white-pressed);
194
- @line-accent-bold: var(--k-color-line-accent-bold);
195
- @line-accent-bold-hover: var(--k-color-line-accent-bold-hover);
196
- @line-accent-bold-pressed: var(--k-color-line-accent-bold-pressed);
197
- @line-accent-pale: var(--k-color-line-accent-pale);
198
- @line-accent-pale-hover: var(--k-color-line-accent-pale-hover);
199
- @line-accent-pale-pressed: var(--k-color-line-accent-pale-pressed);
200
- @line-accent-soft: var(--k-color-line-accent-soft);
201
- @line-accent-soft-hover: var(--k-color-line-accent-soft-hover);
202
- @line-accent-soft-pressed: var(--k-color-line-accent-soft-pressed);
203
- @line-brand-original: var(--k-color-line-brand-original);
204
- @line-error-bold: var(--k-color-line-error-bold);
205
- @line-error-bold-hover: var(--k-color-line-error-bold-hover);
206
- @line-error-bold-pressed: var(--k-color-line-error-bold-pressed);
207
- @line-neutral-faint: var(--k-color-line-neutral-faint);
208
- @line-neutral-pale: var(--k-color-line-neutral-pale);
209
- @line-neutral-pale-hover: var(--k-color-line-neutral-pale-hover);
210
- @line-neutral-pale-pressed: var(--k-color-line-neutral-pale-pressed);
211
- @line-on-accent-bold-faint: var(--k-color-line-on-accent-bold-faint);
212
- @line-on-accent-bold-pale: var(--k-color-line-on-accent-bold-pale);
213
- @line-on-brand-original-faint: var(--k-color-line-on-brand-original-faint);
214
- @line-on-brand-original-pale: var(--k-color-line-on-brand-original-pale);
215
- @line-success-bold: var(--k-color-line-success-bold);
216
- @line-success-bold-hover: var(--k-color-line-success-bold-hover);
217
- @line-success-bold-pressed: var(--k-color-line-success-bold-pressed);
218
- @line-warning-bold: var(--k-color-line-warning-bold);
219
- @line-warning-bold-hover: var(--k-color-line-warning-bold-hover);
220
- @line-warning-bold-pressed: var(--k-color-line-warning-bold-pressed);
221
- @line-inverted-accent-bold: var(--k-color-line-inverted-accent-bold);
222
- @line-inverted-accent-bold-hover: var(--k-color-line-inverted-accent-bold-hover);
223
- @line-inverted-accent-bold-pressed: var(--k-color-line-inverted-accent-bold-pressed);
224
- @line-inverted-accent-pale: var(--k-color-line-inverted-accent-pale);
225
- @line-inverted-accent-pale-hover: var(--k-color-line-inverted-accent-pale-hover);
226
- @line-inverted-accent-pale-pressed: var(--k-color-line-inverted-accent-pale-pressed);
227
- @line-inverted-accent-soft: var(--k-color-line-inverted-accent-soft);
228
- @line-inverted-accent-soft-hover: var(--k-color-line-inverted-accent-soft-hover);
229
- @line-inverted-accent-soft-pressed: var(--k-color-line-inverted-accent-soft-pressed);
230
- @line-inverted-error-bold: var(--k-color-line-inverted-error-bold);
231
- @line-inverted-error-bold-hover: var(--k-color-line-inverted-error-bold-hover);
232
- @line-inverted-error-bold-pressed: var(--k-color-line-inverted-error-bold-pressed);
233
- @line-inverted-neutral-faint: var(--k-color-line-inverted-neutral-faint);
234
- @line-inverted-neutral-pale: var(--k-color-line-inverted-neutral-pale);
235
- @line-inverted-neutral-pale-hover: var(--k-color-line-inverted-neutral-pale-hover);
236
- @line-inverted-neutral-pale-pressed: var(--k-color-line-inverted-neutral-pale-pressed);
237
- @line-inverted-success-bold: var(--k-color-line-inverted-success-bold);
238
- @line-inverted-success-bold-hover: var(--k-color-line-inverted-success-bold-hover);
239
- @line-inverted-success-bold-pressed: var(--k-color-line-inverted-success-bold-pressed);
240
- @line-inverted-warning-bold: var(--k-color-line-inverted-warning-bold);
241
- @line-inverted-warning-bold-hover: var(--k-color-line-inverted-warning-bold-hover);
242
- @line-inverted-warning-bold-pressed: var(--k-color-line-inverted-warning-bold-pressed);
243
- @line-const-faint-black: var(--k-color-line-const-faint-black);
244
- @line-const-faint-white: var(--k-color-line-const-faint-white);
245
- @line-const-pale-black: var(--k-color-line-const-pale-black);
246
- @line-const-pale-black-hover: var(--k-color-line-const-pale-black-hover);
247
- @line-const-pale-black-pressed: var(--k-color-line-const-pale-black-pressed);
248
- @line-const-pale-white: var(--k-color-line-const-pale-white);
249
- @line-const-pale-white-hover: var(--k-color-line-const-pale-white-hover);
250
- @line-const-pale-white-pressed: var(--k-color-line-const-pale-white-pressed);
251
- @surface-base: var(--k-color-surface-base);
252
- @surface-high: var(--k-color-surface-high);
253
- @surface-low: var(--k-color-surface-low);
254
- @surface-modal-backdrop: var(--k-color-surface-modal-backdrop);
255
- @illustration-black: var(--k-color-illustration-black);
256
- @illustration-brand: var(--k-color-illustration-brand);
257
- @illustration-complement: var(--k-color-illustration-complement);
258
- @illustration-inverted-neutral: var(--k-color-illustration-inverted-neutral);
259
- @illustration-neutral: var(--k-color-illustration-neutral);
260
- @illustration-on-brand: var(--k-color-illustration-on-brand);
261
- @illustration-on-complement: var(--k-color-illustration-on-complement);
262
- @illustration-promo: var(--k-color-illustration-promo);
263
- @illustration-symbol: var(--k-color-illustration-symbol);
264
- @illustration-white: var(--k-color-illustration-white);
265
- @customizable-bold-black: var(--k-color-customizable-bold-black);
266
- @customizable-bold-blue: var(--k-color-customizable-bold-blue);
267
- @customizable-bold-blue-deep: var(--k-color-customizable-bold-blue-deep);
268
- @customizable-bold-gray: var(--k-color-customizable-bold-gray);
269
- @customizable-bold-green: var(--k-color-customizable-bold-green);
270
- @customizable-bold-mint: var(--k-color-customizable-bold-mint);
271
- @customizable-bold-orange: var(--k-color-customizable-bold-orange);
272
- @customizable-bold-purple: var(--k-color-customizable-bold-purple);
273
- @customizable-bold-red: var(--k-color-customizable-bold-red);
274
- @customizable-bold-violet: var(--k-color-customizable-bold-violet);
275
- @customizable-bold-yellow: var(--k-color-customizable-bold-yellow);
276
- @customizable-faint-black: var(--k-color-customizable-faint-black);
277
- @customizable-faint-blue: var(--k-color-customizable-faint-blue);
278
- @customizable-faint-blue-deep: var(--k-color-customizable-faint-blue-deep);
279
- @customizable-faint-gray: var(--k-color-customizable-faint-gray);
280
- @customizable-faint-green: var(--k-color-customizable-faint-green);
281
- @customizable-faint-mint: var(--k-color-customizable-faint-mint);
282
- @customizable-faint-orange: var(--k-color-customizable-faint-orange);
283
- @customizable-faint-purple: var(--k-color-customizable-faint-purple);
284
- @customizable-faint-red: var(--k-color-customizable-faint-red);
285
- @customizable-faint-violet: var(--k-color-customizable-faint-violet);
286
- @customizable-faint-yellow: var(--k-color-customizable-faint-yellow);
287
- @customizable-heavy-black: var(--k-color-customizable-heavy-black);
288
- @customizable-heavy-blue: var(--k-color-customizable-heavy-blue);
289
- @customizable-heavy-blue-deep: var(--k-color-customizable-heavy-blue-deep);
290
- @customizable-heavy-gray: var(--k-color-customizable-heavy-gray);
291
- @customizable-heavy-green: var(--k-color-customizable-heavy-green);
292
- @customizable-heavy-mint: var(--k-color-customizable-heavy-mint);
293
- @customizable-heavy-orange: var(--k-color-customizable-heavy-orange);
294
- @customizable-heavy-purple: var(--k-color-customizable-heavy-purple);
295
- @customizable-heavy-red: var(--k-color-customizable-heavy-red);
296
- @customizable-heavy-violet: var(--k-color-customizable-heavy-violet);
297
- @customizable-heavy-yellow: var(--k-color-customizable-heavy-yellow);
298
- @customizable-pale-black: var(--k-color-customizable-pale-black);
299
- @customizable-pale-blue: var(--k-color-customizable-pale-blue);
300
- @customizable-pale-blue-deep: var(--k-color-customizable-pale-blue-deep);
301
- @customizable-pale-gray: var(--k-color-customizable-pale-gray);
302
- @customizable-pale-green: var(--k-color-customizable-pale-green);
303
- @customizable-pale-mint: var(--k-color-customizable-pale-mint);
304
- @customizable-pale-orange: var(--k-color-customizable-pale-orange);
305
- @customizable-pale-purple: var(--k-color-customizable-pale-purple);
306
- @customizable-pale-red: var(--k-color-customizable-pale-red);
307
- @customizable-pale-violet: var(--k-color-customizable-pale-violet);
308
- @customizable-pale-yellow: var(--k-color-customizable-pale-yellow);
309
- @customizable-soft-black: var(--k-color-customizable-soft-black);
310
- @customizable-soft-blue: var(--k-color-customizable-soft-blue);
311
- @customizable-soft-blue-deep: var(--k-color-customizable-soft-blue-deep);
312
- @customizable-soft-gray: var(--k-color-customizable-soft-gray);
313
- @customizable-soft-green: var(--k-color-customizable-soft-green);
314
- @customizable-soft-mint: var(--k-color-customizable-soft-mint);
315
- @customizable-soft-orange: var(--k-color-customizable-soft-orange);
316
- @customizable-soft-purple: var(--k-color-customizable-soft-purple);
317
- @customizable-soft-red: var(--k-color-customizable-soft-red);
318
- @customizable-soft-violet: var(--k-color-customizable-soft-violet);
319
- @customizable-soft-yellow: var(--k-color-customizable-soft-yellow);
package/dist/colors.scss DELETED
@@ -1,319 +0,0 @@
1
- $text-accent-heavy: var(--k-color-text-accent-heavy);
2
- $text-accent-heavy-hover: var(--k-color-text-accent-heavy-hover);
3
- $text-accent-heavy-pressed: var(--k-color-text-accent-heavy-pressed);
4
- $text-error-heavy: var(--k-color-text-error-heavy);
5
- $text-error-heavy-hover: var(--k-color-text-error-heavy-hover);
6
- $text-error-heavy-pressed: var(--k-color-text-error-heavy-pressed);
7
- $text-inverted-accent-heavy: var(--k-color-text-inverted-accent-heavy);
8
- $text-inverted-accent-heavy-hover: var(--k-color-text-inverted-accent-heavy-hover);
9
- $text-inverted-accent-heavy-pressed: var(--k-color-text-inverted-accent-heavy-pressed);
10
- $text-inverted-error-heavy: var(--k-color-text-inverted-error-heavy);
11
- $text-inverted-error-heavy-hover: var(--k-color-text-inverted-error-heavy-hover);
12
- $text-inverted-error-heavy-pressed: var(--k-color-text-inverted-error-heavy-pressed);
13
- $text-inverted-neutral-faint: var(--k-color-text-inverted-neutral-faint);
14
- $text-inverted-neutral-heavy: var(--k-color-text-inverted-neutral-heavy);
15
- $text-inverted-neutral-pale: var(--k-color-text-inverted-neutral-pale);
16
- $text-inverted-neutral-soft: var(--k-color-text-inverted-neutral-soft);
17
- $text-inverted-success-heavy: var(--k-color-text-inverted-success-heavy);
18
- $text-inverted-success-heavy-hover: var(--k-color-text-inverted-success-heavy-hover);
19
- $text-inverted-success-heavy-pressed: var(--k-color-text-inverted-success-heavy-pressed);
20
- $text-inverted-warning-heavy: var(--k-color-text-inverted-warning-heavy);
21
- $text-inverted-warning-heavy-hover: var(--k-color-text-inverted-warning-heavy-hover);
22
- $text-inverted-warning-heavy-pressed: var(--k-color-text-inverted-warning-heavy-pressed);
23
- $text-logo: var(--k-color-text-logo);
24
- $text-neutral-faint: var(--k-color-text-neutral-faint);
25
- $text-neutral-heavy: var(--k-color-text-neutral-heavy);
26
- $text-neutral-pale: var(--k-color-text-neutral-pale);
27
- $text-neutral-soft: var(--k-color-text-neutral-soft);
28
- $text-success-heavy: var(--k-color-text-success-heavy);
29
- $text-success-heavy-hover: var(--k-color-text-success-heavy-hover);
30
- $text-success-heavy-pressed: var(--k-color-text-success-heavy-pressed);
31
- $text-warning-heavy: var(--k-color-text-warning-heavy);
32
- $text-warning-heavy-hover: var(--k-color-text-warning-heavy-hover);
33
- $text-warning-heavy-pressed: var(--k-color-text-warning-heavy-pressed);
34
- $text-const-faint-black: var(--k-color-text-const-faint-black);
35
- $text-const-faint-white: var(--k-color-text-const-faint-white);
36
- $text-const-heavy-black: var(--k-color-text-const-heavy-black);
37
- $text-const-heavy-white: var(--k-color-text-const-heavy-white);
38
- $text-const-pale-black: var(--k-color-text-const-pale-black);
39
- $text-const-pale-white: var(--k-color-text-const-pale-white);
40
- $text-const-soft-black: var(--k-color-text-const-soft-black);
41
- $text-const-soft-white: var(--k-color-text-const-soft-white);
42
- $text-on-accent-bold-faint: var(--k-color-text-on-accent-bold-faint);
43
- $text-on-accent-bold-heavy: var(--k-color-text-on-accent-bold-heavy);
44
- $text-on-accent-bold-pale: var(--k-color-text-on-accent-bold-pale);
45
- $text-on-accent-bold-soft: var(--k-color-text-on-accent-bold-soft);
46
- $text-on-brand-original-faint: var(--k-color-text-on-brand-original-faint);
47
- $text-on-brand-original-heavy: var(--k-color-text-on-brand-original-heavy);
48
- $text-on-brand-original-pale: var(--k-color-text-on-brand-original-pale);
49
- $text-on-brand-original-soft: var(--k-color-text-on-brand-original-soft);
50
- $shape-bold-accent: var(--k-color-shape-bold-accent);
51
- $shape-bold-accent-hover: var(--k-color-shape-bold-accent-hover);
52
- $shape-bold-accent-pressed: var(--k-color-shape-bold-accent-pressed);
53
- $shape-bold-brand-original: var(--k-color-shape-bold-brand-original);
54
- $shape-bold-brand-original-hover: var(--k-color-shape-bold-brand-original-hover);
55
- $shape-bold-brand-original-pressed: var(--k-color-shape-bold-brand-original-pressed);
56
- $shape-bold-error: var(--k-color-shape-bold-error);
57
- $shape-bold-error-hover: var(--k-color-shape-bold-error-hover);
58
- $shape-bold-error-pressed: var(--k-color-shape-bold-error-pressed);
59
- $shape-bold-neutral: var(--k-color-shape-bold-neutral);
60
- $shape-bold-neutral-hover: var(--k-color-shape-bold-neutral-hover);
61
- $shape-bold-neutral-pressed: var(--k-color-shape-bold-neutral-pressed);
62
- $shape-bold-success: var(--k-color-shape-bold-success);
63
- $shape-bold-success-hover: var(--k-color-shape-bold-success-hover);
64
- $shape-bold-success-pressed: var(--k-color-shape-bold-success-pressed);
65
- $shape-bold-warning: var(--k-color-shape-bold-warning);
66
- $shape-bold-warning-hover: var(--k-color-shape-bold-warning-hover);
67
- $shape-bold-warning-pressed: var(--k-color-shape-bold-warning-pressed);
68
- $shape-faint-accent: var(--k-color-shape-faint-accent);
69
- $shape-faint-accent-hover: var(--k-color-shape-faint-accent-hover);
70
- $shape-faint-accent-pressed: var(--k-color-shape-faint-accent-pressed);
71
- $shape-faint-brand: var(--k-color-shape-faint-brand);
72
- $shape-faint-brand-hover: var(--k-color-shape-faint-brand-hover);
73
- $shape-faint-brand-pressed: var(--k-color-shape-faint-brand-pressed);
74
- $shape-faint-error: var(--k-color-shape-faint-error);
75
- $shape-faint-error-hover: var(--k-color-shape-faint-error-hover);
76
- $shape-faint-error-pressed: var(--k-color-shape-faint-error-pressed);
77
- $shape-faint-neutral-alpha: var(--k-color-shape-faint-neutral-alpha);
78
- $shape-faint-neutral-alpha-hover: var(--k-color-shape-faint-neutral-alpha-hover);
79
- $shape-faint-neutral-alpha-pressed: var(--k-color-shape-faint-neutral-alpha-pressed);
80
- $shape-faint-success: var(--k-color-shape-faint-success);
81
- $shape-faint-success-hover: var(--k-color-shape-faint-success-hover);
82
- $shape-faint-success-pressed: var(--k-color-shape-faint-success-pressed);
83
- $shape-faint-warning: var(--k-color-shape-faint-warning);
84
- $shape-faint-warning-hover: var(--k-color-shape-faint-warning-hover);
85
- $shape-faint-warning-pressed: var(--k-color-shape-faint-warning-pressed);
86
- $shape-heavy-error: var(--k-color-shape-heavy-error);
87
- $shape-heavy-neutral: var(--k-color-shape-heavy-neutral);
88
- $shape-heavy-success: var(--k-color-shape-heavy-success);
89
- $shape-heavy-warning: var(--k-color-shape-heavy-warning);
90
- $shape-other-accent-bold-disabled: var(--k-color-shape-other-accent-bold-disabled);
91
- $shape-other-backless-hover: var(--k-color-shape-other-backless-hover);
92
- $shape-other-backless-pressed: var(--k-color-shape-other-backless-pressed);
93
- $shape-other-base: var(--k-color-shape-other-base);
94
- $shape-other-base-hover: var(--k-color-shape-other-base-hover);
95
- $shape-other-base-pressed: var(--k-color-shape-other-base-pressed);
96
- $shape-other-disabled: var(--k-color-shape-other-disabled);
97
- $shape-other-field: var(--k-color-shape-other-field);
98
- $shape-other-field-hover: var(--k-color-shape-other-field-hover);
99
- $shape-other-field-pressed: var(--k-color-shape-other-field-pressed);
100
- $shape-other-low: var(--k-color-shape-other-low);
101
- $shape-other-low-hover: var(--k-color-shape-other-low-hover);
102
- $shape-other-low-pressed: var(--k-color-shape-other-low-pressed);
103
- $shape-other-neutral-faint-solid: var(--k-color-shape-other-neutral-faint-solid);
104
- $shape-other-neutral-faint-solid-hover: var(--k-color-shape-other-neutral-faint-solid-hover);
105
- $shape-other-neutral-faint-solid-pressed: var(--k-color-shape-other-neutral-faint-solid-pressed);
106
- $shape-other-neutral-pale-solid: var(--k-color-shape-other-neutral-pale-solid);
107
- $shape-other-neutral-pale-solid-hover: var(--k-color-shape-other-neutral-pale-solid-hover);
108
- $shape-other-neutral-pale-solid-pressed: var(--k-color-shape-other-neutral-pale-solid-pressed);
109
- $shape-other-neutral-soft-solid: var(--k-color-shape-other-neutral-soft-solid);
110
- $shape-other-neutral-soft-solid-hover: var(--k-color-shape-other-neutral-soft-solid-hover);
111
- $shape-other-neutral-soft-solid-pressed: var(--k-color-shape-other-neutral-soft-solid-pressed);
112
- $shape-pale-accent: var(--k-color-shape-pale-accent);
113
- $shape-pale-accent-hover: var(--k-color-shape-pale-accent-hover);
114
- $shape-pale-accent-pressed: var(--k-color-shape-pale-accent-pressed);
115
- $shape-pale-brand: var(--k-color-shape-pale-brand);
116
- $shape-pale-brand-hover: var(--k-color-shape-pale-brand-hover);
117
- $shape-pale-brand-pressed: var(--k-color-shape-pale-brand-pressed);
118
- $shape-pale-error: var(--k-color-shape-pale-error);
119
- $shape-pale-error-hover: var(--k-color-shape-pale-error-hover);
120
- $shape-pale-error-pressed: var(--k-color-shape-pale-error-pressed);
121
- $shape-pale-neutral-alpha: var(--k-color-shape-pale-neutral-alpha);
122
- $shape-pale-neutral-alpha-hover: var(--k-color-shape-pale-neutral-alpha-hover);
123
- $shape-pale-neutral-alpha-pressed: var(--k-color-shape-pale-neutral-alpha-pressed);
124
- $shape-pale-success: var(--k-color-shape-pale-success);
125
- $shape-pale-success-hover: var(--k-color-shape-pale-success-hover);
126
- $shape-pale-success-pressed: var(--k-color-shape-pale-success-pressed);
127
- $shape-pale-warning: var(--k-color-shape-pale-warning);
128
- $shape-pale-warning-hover: var(--k-color-shape-pale-warning-hover);
129
- $shape-pale-warning-pressed: var(--k-color-shape-pale-warning-pressed);
130
- $shape-soft-accent: var(--k-color-shape-soft-accent);
131
- $shape-soft-accent-hover: var(--k-color-shape-soft-accent-hover);
132
- $shape-soft-accent-pressed: var(--k-color-shape-soft-accent-pressed);
133
- $shape-soft-brand: var(--k-color-shape-soft-brand);
134
- $shape-soft-brand-hover: var(--k-color-shape-soft-brand-hover);
135
- $shape-soft-brand-pressed: var(--k-color-shape-soft-brand-pressed);
136
- $shape-soft-error: var(--k-color-shape-soft-error);
137
- $shape-soft-error-hover: var(--k-color-shape-soft-error-hover);
138
- $shape-soft-error-pressed: var(--k-color-shape-soft-error-pressed);
139
- $shape-soft-neutral-alpha: var(--k-color-shape-soft-neutral-alpha);
140
- $shape-soft-neutral-alpha-hover: var(--k-color-shape-soft-neutral-alpha-hover);
141
- $shape-soft-neutral-alpha-pressed: var(--k-color-shape-soft-neutral-alpha-pressed);
142
- $shape-soft-success: var(--k-color-shape-soft-success);
143
- $shape-soft-success-hover: var(--k-color-shape-soft-success-hover);
144
- $shape-soft-success-pressed: var(--k-color-shape-soft-success-pressed);
145
- $shape-soft-warning: var(--k-color-shape-soft-warning);
146
- $shape-soft-warning-hover: var(--k-color-shape-soft-warning-hover);
147
- $shape-soft-warning-pressed: var(--k-color-shape-soft-warning-pressed);
148
- $shape-inverted-backless-hover: var(--k-color-shape-inverted-backless-hover);
149
- $shape-inverted-backless-pressed: var(--k-color-shape-inverted-backless-pressed);
150
- $shape-inverted-disabled: var(--k-color-shape-inverted-disabled);
151
- $shape-inverted-neutral-faint-alpha: var(--k-color-shape-inverted-neutral-faint-alpha);
152
- $shape-inverted-neutral-faint-alpha-hover: var(--k-color-shape-inverted-neutral-faint-alpha-hover);
153
- $shape-inverted-neutral-faint-alpha-pressed: var(--k-color-shape-inverted-neutral-faint-alpha-pressed);
154
- $shape-inverted-neutral-heavy: var(--k-color-shape-inverted-neutral-heavy);
155
- $shape-inverted-neutral-heavy-hover: var(--k-color-shape-inverted-neutral-heavy-hover);
156
- $shape-inverted-neutral-heavy-pressed: var(--k-color-shape-inverted-neutral-heavy-pressed);
157
- $shape-inverted-neutral-pale-alpha: var(--k-color-shape-inverted-neutral-pale-alpha);
158
- $shape-inverted-neutral-pale-alpha-hover: var(--k-color-shape-inverted-neutral-pale-alpha-hover);
159
- $shape-inverted-neutral-pale-alpha-pressed: var(--k-color-shape-inverted-neutral-pale-alpha-pressed);
160
- $shape-inverted-neutral-soft-alpha: var(--k-color-shape-inverted-neutral-soft-alpha);
161
- $shape-inverted-neutral-soft-alpha-hover: var(--k-color-shape-inverted-neutral-soft-alpha-hover);
162
- $shape-inverted-neutral-soft-alpha-pressed: var(--k-color-shape-inverted-neutral-soft-alpha-pressed);
163
- $shape-const-backless-black-hover: var(--k-color-shape-const-backless-black-hover);
164
- $shape-const-backless-black-pressed: var(--k-color-shape-const-backless-black-pressed);
165
- $shape-const-backless-white-hover: var(--k-color-shape-const-backless-white-hover);
166
- $shape-const-backless-white-pressed: var(--k-color-shape-const-backless-white-pressed);
167
- $shape-const-disabled-black: var(--k-color-shape-const-disabled-black);
168
- $shape-const-disabled-white: var(--k-color-shape-const-disabled-white);
169
- $shape-const-faint-black: var(--k-color-shape-const-faint-black);
170
- $shape-const-faint-black-hover: var(--k-color-shape-const-faint-black-hover);
171
- $shape-const-faint-black-pressed: var(--k-color-shape-const-faint-black-pressed);
172
- $shape-const-faint-white: var(--k-color-shape-const-faint-white);
173
- $shape-const-faint-white-hover: var(--k-color-shape-const-faint-white-hover);
174
- $shape-const-faint-white-pressed: var(--k-color-shape-const-faint-white-pressed);
175
- $shape-const-heavy-black: var(--k-color-shape-const-heavy-black);
176
- $shape-const-heavy-black-hover: var(--k-color-shape-const-heavy-black-hover);
177
- $shape-const-heavy-black-pressed: var(--k-color-shape-const-heavy-black-pressed);
178
- $shape-const-heavy-white: var(--k-color-shape-const-heavy-white);
179
- $shape-const-heavy-white-hover: var(--k-color-shape-const-heavy-white-hover);
180
- $shape-const-heavy-white-pressed: var(--k-color-shape-const-heavy-white-pressed);
181
- $shape-const-pale-black: var(--k-color-shape-const-pale-black);
182
- $shape-const-pale-black-hover: var(--k-color-shape-const-pale-black-hover);
183
- $shape-const-pale-black-pressed: var(--k-color-shape-const-pale-black-pressed);
184
- $shape-const-pale-white: var(--k-color-shape-const-pale-white);
185
- $shape-const-pale-white-hover: var(--k-color-shape-const-pale-white-hover);
186
- $shape-const-pale-white-pressed: var(--k-color-shape-const-pale-white-pressed);
187
- $shape-const-promo: var(--k-color-shape-const-promo);
188
- $shape-const-soft-black: var(--k-color-shape-const-soft-black);
189
- $shape-const-soft-black-hover: var(--k-color-shape-const-soft-black-hover);
190
- $shape-const-soft-black-pressed: var(--k-color-shape-const-soft-black-pressed);
191
- $shape-const-soft-white: var(--k-color-shape-const-soft-white);
192
- $shape-const-soft-white-hover: var(--k-color-shape-const-soft-white-hover);
193
- $shape-const-soft-white-pressed: var(--k-color-shape-const-soft-white-pressed);
194
- $line-accent-bold: var(--k-color-line-accent-bold);
195
- $line-accent-bold-hover: var(--k-color-line-accent-bold-hover);
196
- $line-accent-bold-pressed: var(--k-color-line-accent-bold-pressed);
197
- $line-accent-pale: var(--k-color-line-accent-pale);
198
- $line-accent-pale-hover: var(--k-color-line-accent-pale-hover);
199
- $line-accent-pale-pressed: var(--k-color-line-accent-pale-pressed);
200
- $line-accent-soft: var(--k-color-line-accent-soft);
201
- $line-accent-soft-hover: var(--k-color-line-accent-soft-hover);
202
- $line-accent-soft-pressed: var(--k-color-line-accent-soft-pressed);
203
- $line-brand-original: var(--k-color-line-brand-original);
204
- $line-error-bold: var(--k-color-line-error-bold);
205
- $line-error-bold-hover: var(--k-color-line-error-bold-hover);
206
- $line-error-bold-pressed: var(--k-color-line-error-bold-pressed);
207
- $line-neutral-faint: var(--k-color-line-neutral-faint);
208
- $line-neutral-pale: var(--k-color-line-neutral-pale);
209
- $line-neutral-pale-hover: var(--k-color-line-neutral-pale-hover);
210
- $line-neutral-pale-pressed: var(--k-color-line-neutral-pale-pressed);
211
- $line-on-accent-bold-faint: var(--k-color-line-on-accent-bold-faint);
212
- $line-on-accent-bold-pale: var(--k-color-line-on-accent-bold-pale);
213
- $line-on-brand-original-faint: var(--k-color-line-on-brand-original-faint);
214
- $line-on-brand-original-pale: var(--k-color-line-on-brand-original-pale);
215
- $line-success-bold: var(--k-color-line-success-bold);
216
- $line-success-bold-hover: var(--k-color-line-success-bold-hover);
217
- $line-success-bold-pressed: var(--k-color-line-success-bold-pressed);
218
- $line-warning-bold: var(--k-color-line-warning-bold);
219
- $line-warning-bold-hover: var(--k-color-line-warning-bold-hover);
220
- $line-warning-bold-pressed: var(--k-color-line-warning-bold-pressed);
221
- $line-inverted-accent-bold: var(--k-color-line-inverted-accent-bold);
222
- $line-inverted-accent-bold-hover: var(--k-color-line-inverted-accent-bold-hover);
223
- $line-inverted-accent-bold-pressed: var(--k-color-line-inverted-accent-bold-pressed);
224
- $line-inverted-accent-pale: var(--k-color-line-inverted-accent-pale);
225
- $line-inverted-accent-pale-hover: var(--k-color-line-inverted-accent-pale-hover);
226
- $line-inverted-accent-pale-pressed: var(--k-color-line-inverted-accent-pale-pressed);
227
- $line-inverted-accent-soft: var(--k-color-line-inverted-accent-soft);
228
- $line-inverted-accent-soft-hover: var(--k-color-line-inverted-accent-soft-hover);
229
- $line-inverted-accent-soft-pressed: var(--k-color-line-inverted-accent-soft-pressed);
230
- $line-inverted-error-bold: var(--k-color-line-inverted-error-bold);
231
- $line-inverted-error-bold-hover: var(--k-color-line-inverted-error-bold-hover);
232
- $line-inverted-error-bold-pressed: var(--k-color-line-inverted-error-bold-pressed);
233
- $line-inverted-neutral-faint: var(--k-color-line-inverted-neutral-faint);
234
- $line-inverted-neutral-pale: var(--k-color-line-inverted-neutral-pale);
235
- $line-inverted-neutral-pale-hover: var(--k-color-line-inverted-neutral-pale-hover);
236
- $line-inverted-neutral-pale-pressed: var(--k-color-line-inverted-neutral-pale-pressed);
237
- $line-inverted-success-bold: var(--k-color-line-inverted-success-bold);
238
- $line-inverted-success-bold-hover: var(--k-color-line-inverted-success-bold-hover);
239
- $line-inverted-success-bold-pressed: var(--k-color-line-inverted-success-bold-pressed);
240
- $line-inverted-warning-bold: var(--k-color-line-inverted-warning-bold);
241
- $line-inverted-warning-bold-hover: var(--k-color-line-inverted-warning-bold-hover);
242
- $line-inverted-warning-bold-pressed: var(--k-color-line-inverted-warning-bold-pressed);
243
- $line-const-faint-black: var(--k-color-line-const-faint-black);
244
- $line-const-faint-white: var(--k-color-line-const-faint-white);
245
- $line-const-pale-black: var(--k-color-line-const-pale-black);
246
- $line-const-pale-black-hover: var(--k-color-line-const-pale-black-hover);
247
- $line-const-pale-black-pressed: var(--k-color-line-const-pale-black-pressed);
248
- $line-const-pale-white: var(--k-color-line-const-pale-white);
249
- $line-const-pale-white-hover: var(--k-color-line-const-pale-white-hover);
250
- $line-const-pale-white-pressed: var(--k-color-line-const-pale-white-pressed);
251
- $surface-base: var(--k-color-surface-base);
252
- $surface-high: var(--k-color-surface-high);
253
- $surface-low: var(--k-color-surface-low);
254
- $surface-modal-backdrop: var(--k-color-surface-modal-backdrop);
255
- $illustration-black: var(--k-color-illustration-black);
256
- $illustration-brand: var(--k-color-illustration-brand);
257
- $illustration-complement: var(--k-color-illustration-complement);
258
- $illustration-inverted-neutral: var(--k-color-illustration-inverted-neutral);
259
- $illustration-neutral: var(--k-color-illustration-neutral);
260
- $illustration-on-brand: var(--k-color-illustration-on-brand);
261
- $illustration-on-complement: var(--k-color-illustration-on-complement);
262
- $illustration-promo: var(--k-color-illustration-promo);
263
- $illustration-symbol: var(--k-color-illustration-symbol);
264
- $illustration-white: var(--k-color-illustration-white);
265
- $customizable-bold-black: var(--k-color-customizable-bold-black);
266
- $customizable-bold-blue: var(--k-color-customizable-bold-blue);
267
- $customizable-bold-blue-deep: var(--k-color-customizable-bold-blue-deep);
268
- $customizable-bold-gray: var(--k-color-customizable-bold-gray);
269
- $customizable-bold-green: var(--k-color-customizable-bold-green);
270
- $customizable-bold-mint: var(--k-color-customizable-bold-mint);
271
- $customizable-bold-orange: var(--k-color-customizable-bold-orange);
272
- $customizable-bold-purple: var(--k-color-customizable-bold-purple);
273
- $customizable-bold-red: var(--k-color-customizable-bold-red);
274
- $customizable-bold-violet: var(--k-color-customizable-bold-violet);
275
- $customizable-bold-yellow: var(--k-color-customizable-bold-yellow);
276
- $customizable-faint-black: var(--k-color-customizable-faint-black);
277
- $customizable-faint-blue: var(--k-color-customizable-faint-blue);
278
- $customizable-faint-blue-deep: var(--k-color-customizable-faint-blue-deep);
279
- $customizable-faint-gray: var(--k-color-customizable-faint-gray);
280
- $customizable-faint-green: var(--k-color-customizable-faint-green);
281
- $customizable-faint-mint: var(--k-color-customizable-faint-mint);
282
- $customizable-faint-orange: var(--k-color-customizable-faint-orange);
283
- $customizable-faint-purple: var(--k-color-customizable-faint-purple);
284
- $customizable-faint-red: var(--k-color-customizable-faint-red);
285
- $customizable-faint-violet: var(--k-color-customizable-faint-violet);
286
- $customizable-faint-yellow: var(--k-color-customizable-faint-yellow);
287
- $customizable-heavy-black: var(--k-color-customizable-heavy-black);
288
- $customizable-heavy-blue: var(--k-color-customizable-heavy-blue);
289
- $customizable-heavy-blue-deep: var(--k-color-customizable-heavy-blue-deep);
290
- $customizable-heavy-gray: var(--k-color-customizable-heavy-gray);
291
- $customizable-heavy-green: var(--k-color-customizable-heavy-green);
292
- $customizable-heavy-mint: var(--k-color-customizable-heavy-mint);
293
- $customizable-heavy-orange: var(--k-color-customizable-heavy-orange);
294
- $customizable-heavy-purple: var(--k-color-customizable-heavy-purple);
295
- $customizable-heavy-red: var(--k-color-customizable-heavy-red);
296
- $customizable-heavy-violet: var(--k-color-customizable-heavy-violet);
297
- $customizable-heavy-yellow: var(--k-color-customizable-heavy-yellow);
298
- $customizable-pale-black: var(--k-color-customizable-pale-black);
299
- $customizable-pale-blue: var(--k-color-customizable-pale-blue);
300
- $customizable-pale-blue-deep: var(--k-color-customizable-pale-blue-deep);
301
- $customizable-pale-gray: var(--k-color-customizable-pale-gray);
302
- $customizable-pale-green: var(--k-color-customizable-pale-green);
303
- $customizable-pale-mint: var(--k-color-customizable-pale-mint);
304
- $customizable-pale-orange: var(--k-color-customizable-pale-orange);
305
- $customizable-pale-purple: var(--k-color-customizable-pale-purple);
306
- $customizable-pale-red: var(--k-color-customizable-pale-red);
307
- $customizable-pale-violet: var(--k-color-customizable-pale-violet);
308
- $customizable-pale-yellow: var(--k-color-customizable-pale-yellow);
309
- $customizable-soft-black: var(--k-color-customizable-soft-black);
310
- $customizable-soft-blue: var(--k-color-customizable-soft-blue);
311
- $customizable-soft-blue-deep: var(--k-color-customizable-soft-blue-deep);
312
- $customizable-soft-gray: var(--k-color-customizable-soft-gray);
313
- $customizable-soft-green: var(--k-color-customizable-soft-green);
314
- $customizable-soft-mint: var(--k-color-customizable-soft-mint);
315
- $customizable-soft-orange: var(--k-color-customizable-soft-orange);
316
- $customizable-soft-purple: var(--k-color-customizable-soft-purple);
317
- $customizable-soft-red: var(--k-color-customizable-soft-red);
318
- $customizable-soft-violet: var(--k-color-customizable-soft-violet);
319
- $customizable-soft-yellow: var(--k-color-customizable-soft-yellow);