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