@skbkontur/colors 1.1.2-799ba.0 → 1.1.2-97dd9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/dist/cjs/get-base-tokens.js +2 -0
  2. package/dist/cjs/get-default-tokens.d.ts +40 -22
  3. package/dist/cjs/get-default-tokens.js +163 -145
  4. package/dist/cjs/helpers/get-palette.js +1 -1
  5. package/dist/cjs/tokens/base/js/brand-blue-deep_accent-brand.d.ts +26 -0
  6. package/dist/cjs/tokens/base/js/brand-blue-deep_accent-brand.js +52 -26
  7. package/dist/cjs/tokens/base/js/brand-blue-deep_accent-gray.js +26 -26
  8. package/dist/cjs/tokens/base/js/brand-blue_accent-brand.d.ts +26 -0
  9. package/dist/cjs/tokens/base/js/brand-blue_accent-brand.js +52 -26
  10. package/dist/cjs/tokens/base/js/brand-blue_accent-gray.js +26 -26
  11. package/dist/cjs/tokens/base/js/brand-green_accent-brand.d.ts +26 -0
  12. package/dist/cjs/tokens/base/js/brand-green_accent-brand.js +52 -26
  13. package/dist/cjs/tokens/base/js/brand-green_accent-gray.js +26 -26
  14. package/dist/cjs/tokens/base/js/brand-mint_accent-brand.d.ts +26 -0
  15. package/dist/cjs/tokens/base/js/brand-mint_accent-brand.js +52 -26
  16. package/dist/cjs/tokens/base/js/brand-mint_accent-gray.js +26 -26
  17. package/dist/cjs/tokens/base/js/brand-orange_accent-brand.d.ts +26 -0
  18. package/dist/cjs/tokens/base/js/brand-orange_accent-brand.js +52 -26
  19. package/dist/cjs/tokens/base/js/brand-orange_accent-gray.js +26 -26
  20. package/dist/cjs/tokens/base/js/brand-purple_accent-brand.d.ts +26 -0
  21. package/dist/cjs/tokens/base/js/brand-purple_accent-brand.js +52 -26
  22. package/dist/cjs/tokens/base/js/brand-purple_accent-gray.js +26 -26
  23. package/dist/cjs/tokens/base/js/brand-red_accent-brand.d.ts +26 -0
  24. package/dist/cjs/tokens/base/js/brand-red_accent-brand.js +52 -26
  25. package/dist/cjs/tokens/base/js/brand-red_accent-gray.js +26 -26
  26. package/dist/cjs/tokens/base/js/brand-violet_accent-brand.d.ts +26 -0
  27. package/dist/cjs/tokens/base/js/brand-violet_accent-brand.js +52 -26
  28. package/dist/cjs/tokens/base/js/brand-violet_accent-gray.js +26 -26
  29. package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.d.ts +28 -0
  30. package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.js +54 -26
  31. package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +26 -26
  32. package/dist/cjs/tokens/base/js-tree/brand-blue_accent-brand.tree.d.ts +28 -0
  33. package/dist/cjs/tokens/base/js-tree/brand-blue_accent-brand.tree.js +54 -26
  34. package/dist/cjs/tokens/base/js-tree/brand-blue_accent-gray.tree.js +26 -26
  35. package/dist/cjs/tokens/base/js-tree/brand-green_accent-brand.tree.d.ts +28 -0
  36. package/dist/cjs/tokens/base/js-tree/brand-green_accent-brand.tree.js +54 -26
  37. package/dist/cjs/tokens/base/js-tree/brand-green_accent-gray.tree.js +26 -26
  38. package/dist/cjs/tokens/base/js-tree/brand-mint_accent-brand.tree.d.ts +28 -0
  39. package/dist/cjs/tokens/base/js-tree/brand-mint_accent-brand.tree.js +54 -26
  40. package/dist/cjs/tokens/base/js-tree/brand-mint_accent-gray.tree.js +26 -26
  41. package/dist/cjs/tokens/base/js-tree/brand-orange_accent-brand.tree.d.ts +28 -0
  42. package/dist/cjs/tokens/base/js-tree/brand-orange_accent-brand.tree.js +54 -26
  43. package/dist/cjs/tokens/base/js-tree/brand-orange_accent-gray.tree.js +26 -26
  44. package/dist/cjs/tokens/base/js-tree/brand-purple_accent-brand.tree.d.ts +28 -0
  45. package/dist/cjs/tokens/base/js-tree/brand-purple_accent-brand.tree.js +54 -26
  46. package/dist/cjs/tokens/base/js-tree/brand-purple_accent-gray.tree.js +26 -26
  47. package/dist/cjs/tokens/base/js-tree/brand-red_accent-brand.tree.d.ts +28 -0
  48. package/dist/cjs/tokens/base/js-tree/brand-red_accent-brand.tree.js +54 -26
  49. package/dist/cjs/tokens/base/js-tree/brand-red_accent-gray.tree.js +26 -26
  50. package/dist/cjs/tokens/base/js-tree/brand-violet_accent-brand.tree.d.ts +28 -0
  51. package/dist/cjs/tokens/base/js-tree/brand-violet_accent-brand.tree.js +54 -26
  52. package/dist/cjs/tokens/base/js-tree/brand-violet_accent-gray.tree.js +26 -26
  53. package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-brand.d.ts +60 -33
  54. package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-brand.js +78 -60
  55. package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-gray.d.ts +60 -33
  56. package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-gray.js +78 -60
  57. package/dist/cjs/tokens/semantic/js/brand-blue_accent-brand.d.ts +60 -33
  58. package/dist/cjs/tokens/semantic/js/brand-blue_accent-brand.js +78 -60
  59. package/dist/cjs/tokens/semantic/js/brand-blue_accent-gray.d.ts +60 -33
  60. package/dist/cjs/tokens/semantic/js/brand-blue_accent-gray.js +78 -60
  61. package/dist/cjs/tokens/semantic/js/brand-green_accent-brand.d.ts +60 -33
  62. package/dist/cjs/tokens/semantic/js/brand-green_accent-brand.js +78 -60
  63. package/dist/cjs/tokens/semantic/js/brand-green_accent-gray.d.ts +60 -33
  64. package/dist/cjs/tokens/semantic/js/brand-green_accent-gray.js +78 -60
  65. package/dist/cjs/tokens/semantic/js/brand-mint_accent-brand.d.ts +60 -33
  66. package/dist/cjs/tokens/semantic/js/brand-mint_accent-brand.js +78 -60
  67. package/dist/cjs/tokens/semantic/js/brand-mint_accent-gray.d.ts +60 -33
  68. package/dist/cjs/tokens/semantic/js/brand-mint_accent-gray.js +78 -60
  69. package/dist/cjs/tokens/semantic/js/brand-orange_accent-brand.d.ts +60 -33
  70. package/dist/cjs/tokens/semantic/js/brand-orange_accent-brand.js +78 -60
  71. package/dist/cjs/tokens/semantic/js/brand-orange_accent-gray.d.ts +60 -33
  72. package/dist/cjs/tokens/semantic/js/brand-orange_accent-gray.js +78 -60
  73. package/dist/cjs/tokens/semantic/js/brand-purple_accent-brand.d.ts +60 -33
  74. package/dist/cjs/tokens/semantic/js/brand-purple_accent-brand.js +78 -60
  75. package/dist/cjs/tokens/semantic/js/brand-purple_accent-gray.d.ts +60 -33
  76. package/dist/cjs/tokens/semantic/js/brand-purple_accent-gray.js +78 -60
  77. package/dist/cjs/tokens/semantic/js/brand-red_accent-brand.d.ts +60 -33
  78. package/dist/cjs/tokens/semantic/js/brand-red_accent-brand.js +78 -60
  79. package/dist/cjs/tokens/semantic/js/brand-red_accent-gray.d.ts +60 -33
  80. package/dist/cjs/tokens/semantic/js/brand-red_accent-gray.js +78 -60
  81. package/dist/cjs/tokens/semantic/js/brand-violet_accent-brand.d.ts +60 -33
  82. package/dist/cjs/tokens/semantic/js/brand-violet_accent-brand.js +78 -60
  83. package/dist/cjs/tokens/semantic/js/brand-violet_accent-gray.d.ts +60 -33
  84. package/dist/cjs/tokens/semantic/js/brand-violet_accent-gray.js +78 -60
  85. package/dist/cjs/types/base-tokens.d.ts +1 -0
  86. package/dist/esm/get-base-tokens.js +2 -0
  87. package/dist/esm/get-default-tokens.d.ts +40 -22
  88. package/dist/esm/get-default-tokens.js +163 -145
  89. package/dist/esm/helpers/get-palette.js +1 -1
  90. package/dist/esm/tokens/base/js/brand-blue-deep_accent-brand.d.ts +26 -0
  91. package/dist/esm/tokens/base/js/brand-blue-deep_accent-brand.js +52 -26
  92. package/dist/esm/tokens/base/js/brand-blue-deep_accent-gray.js +26 -26
  93. package/dist/esm/tokens/base/js/brand-blue_accent-brand.d.ts +26 -0
  94. package/dist/esm/tokens/base/js/brand-blue_accent-brand.js +52 -26
  95. package/dist/esm/tokens/base/js/brand-blue_accent-gray.js +26 -26
  96. package/dist/esm/tokens/base/js/brand-green_accent-brand.d.ts +26 -0
  97. package/dist/esm/tokens/base/js/brand-green_accent-brand.js +52 -26
  98. package/dist/esm/tokens/base/js/brand-green_accent-gray.js +26 -26
  99. package/dist/esm/tokens/base/js/brand-mint_accent-brand.d.ts +26 -0
  100. package/dist/esm/tokens/base/js/brand-mint_accent-brand.js +52 -26
  101. package/dist/esm/tokens/base/js/brand-mint_accent-gray.js +26 -26
  102. package/dist/esm/tokens/base/js/brand-orange_accent-brand.d.ts +26 -0
  103. package/dist/esm/tokens/base/js/brand-orange_accent-brand.js +52 -26
  104. package/dist/esm/tokens/base/js/brand-orange_accent-gray.js +26 -26
  105. package/dist/esm/tokens/base/js/brand-purple_accent-brand.d.ts +26 -0
  106. package/dist/esm/tokens/base/js/brand-purple_accent-brand.js +52 -26
  107. package/dist/esm/tokens/base/js/brand-purple_accent-gray.js +26 -26
  108. package/dist/esm/tokens/base/js/brand-red_accent-brand.d.ts +26 -0
  109. package/dist/esm/tokens/base/js/brand-red_accent-brand.js +52 -26
  110. package/dist/esm/tokens/base/js/brand-red_accent-gray.js +26 -26
  111. package/dist/esm/tokens/base/js/brand-violet_accent-brand.d.ts +26 -0
  112. package/dist/esm/tokens/base/js/brand-violet_accent-brand.js +52 -26
  113. package/dist/esm/tokens/base/js/brand-violet_accent-gray.js +26 -26
  114. package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.d.ts +28 -0
  115. package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.js +54 -26
  116. package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +26 -26
  117. package/dist/esm/tokens/base/js-tree/brand-blue_accent-brand.tree.d.ts +28 -0
  118. package/dist/esm/tokens/base/js-tree/brand-blue_accent-brand.tree.js +54 -26
  119. package/dist/esm/tokens/base/js-tree/brand-blue_accent-gray.tree.js +26 -26
  120. package/dist/esm/tokens/base/js-tree/brand-green_accent-brand.tree.d.ts +28 -0
  121. package/dist/esm/tokens/base/js-tree/brand-green_accent-brand.tree.js +54 -26
  122. package/dist/esm/tokens/base/js-tree/brand-green_accent-gray.tree.js +26 -26
  123. package/dist/esm/tokens/base/js-tree/brand-mint_accent-brand.tree.d.ts +28 -0
  124. package/dist/esm/tokens/base/js-tree/brand-mint_accent-brand.tree.js +54 -26
  125. package/dist/esm/tokens/base/js-tree/brand-mint_accent-gray.tree.js +26 -26
  126. package/dist/esm/tokens/base/js-tree/brand-orange_accent-brand.tree.d.ts +28 -0
  127. package/dist/esm/tokens/base/js-tree/brand-orange_accent-brand.tree.js +54 -26
  128. package/dist/esm/tokens/base/js-tree/brand-orange_accent-gray.tree.js +26 -26
  129. package/dist/esm/tokens/base/js-tree/brand-purple_accent-brand.tree.d.ts +28 -0
  130. package/dist/esm/tokens/base/js-tree/brand-purple_accent-brand.tree.js +54 -26
  131. package/dist/esm/tokens/base/js-tree/brand-purple_accent-gray.tree.js +26 -26
  132. package/dist/esm/tokens/base/js-tree/brand-red_accent-brand.tree.d.ts +28 -0
  133. package/dist/esm/tokens/base/js-tree/brand-red_accent-brand.tree.js +54 -26
  134. package/dist/esm/tokens/base/js-tree/brand-red_accent-gray.tree.js +26 -26
  135. package/dist/esm/tokens/base/js-tree/brand-violet_accent-brand.tree.d.ts +28 -0
  136. package/dist/esm/tokens/base/js-tree/brand-violet_accent-brand.tree.js +54 -26
  137. package/dist/esm/tokens/base/js-tree/brand-violet_accent-gray.tree.js +26 -26
  138. package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-brand.d.ts +60 -33
  139. package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-brand.js +78 -60
  140. package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-gray.d.ts +60 -33
  141. package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-gray.js +78 -60
  142. package/dist/esm/tokens/semantic/js/brand-blue_accent-brand.d.ts +60 -33
  143. package/dist/esm/tokens/semantic/js/brand-blue_accent-brand.js +78 -60
  144. package/dist/esm/tokens/semantic/js/brand-blue_accent-gray.d.ts +60 -33
  145. package/dist/esm/tokens/semantic/js/brand-blue_accent-gray.js +78 -60
  146. package/dist/esm/tokens/semantic/js/brand-green_accent-brand.d.ts +60 -33
  147. package/dist/esm/tokens/semantic/js/brand-green_accent-brand.js +78 -60
  148. package/dist/esm/tokens/semantic/js/brand-green_accent-gray.d.ts +60 -33
  149. package/dist/esm/tokens/semantic/js/brand-green_accent-gray.js +78 -60
  150. package/dist/esm/tokens/semantic/js/brand-mint_accent-brand.d.ts +60 -33
  151. package/dist/esm/tokens/semantic/js/brand-mint_accent-brand.js +78 -60
  152. package/dist/esm/tokens/semantic/js/brand-mint_accent-gray.d.ts +60 -33
  153. package/dist/esm/tokens/semantic/js/brand-mint_accent-gray.js +78 -60
  154. package/dist/esm/tokens/semantic/js/brand-orange_accent-brand.d.ts +60 -33
  155. package/dist/esm/tokens/semantic/js/brand-orange_accent-brand.js +78 -60
  156. package/dist/esm/tokens/semantic/js/brand-orange_accent-gray.d.ts +60 -33
  157. package/dist/esm/tokens/semantic/js/brand-orange_accent-gray.js +78 -60
  158. package/dist/esm/tokens/semantic/js/brand-purple_accent-brand.d.ts +60 -33
  159. package/dist/esm/tokens/semantic/js/brand-purple_accent-brand.js +78 -60
  160. package/dist/esm/tokens/semantic/js/brand-purple_accent-gray.d.ts +60 -33
  161. package/dist/esm/tokens/semantic/js/brand-purple_accent-gray.js +78 -60
  162. package/dist/esm/tokens/semantic/js/brand-red_accent-brand.d.ts +60 -33
  163. package/dist/esm/tokens/semantic/js/brand-red_accent-brand.js +78 -60
  164. package/dist/esm/tokens/semantic/js/brand-red_accent-gray.d.ts +60 -33
  165. package/dist/esm/tokens/semantic/js/brand-red_accent-gray.js +78 -60
  166. package/dist/esm/tokens/semantic/js/brand-violet_accent-brand.d.ts +60 -33
  167. package/dist/esm/tokens/semantic/js/brand-violet_accent-brand.js +78 -60
  168. package/dist/esm/tokens/semantic/js/brand-violet_accent-gray.d.ts +60 -33
  169. package/dist/esm/tokens/semantic/js/brand-violet_accent-gray.js +78 -60
  170. package/dist/esm/types/base-tokens.d.ts +1 -0
  171. package/package.json +3 -3
@@ -28,12 +28,6 @@ exports.SEMANTIC_TOKENS = {
28
28
  textLogo: '#844BEC',
29
29
  textNeutralPrimary: 'rgba(0, 0, 0, 0.88)',
30
30
  textNeutralSecondary: 'rgba(0, 0, 0, 0.56)',
31
- textOnaccentboldDisabled: 'rgba(0, 0, 0, 0.4)',
32
- textOnaccentboldPrimary: 'rgba(0, 0, 0, 0.96)',
33
- textOnaccentboldSecondary: 'rgba(0, 0, 0, 0.64)',
34
- textOnbrandoriginalDisabled: 'rgba(0, 0, 0, 0.4)',
35
- textOnbrandoriginalPrimary: 'rgba(0, 0, 0, 0.96)',
36
- textOnbrandoriginalSecondary: 'rgba(0, 0, 0, 0.64)',
37
31
  textSuccessPrimary: '#007f34',
38
32
  textSuccessPrimaryHover: '#009b41',
39
33
  textSuccessPrimaryPressed: '#3a6a43',
@@ -46,6 +40,12 @@ exports.SEMANTIC_TOKENS = {
46
40
  textConstPrimaryWhite: 'rgba(255, 255, 255, 0.96)',
47
41
  textConstSecondaryBlack: 'rgba(0, 0, 0, 0.56)',
48
42
  textConstSecondaryWhite: 'rgba(255, 255, 255, 0.64)',
43
+ textOnAccentBoldDisabled: 'rgba(255, 255, 255, 0.4)',
44
+ textOnAccentBoldPrimary: 'rgba(255, 255, 255, 0.96)',
45
+ textOnAccentBoldSecondary: 'rgba(255, 255, 255, 0.64)',
46
+ textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
47
+ textOnBrandOriginalPrimary: 'rgba(255, 255, 255, 0.96)',
48
+ textOnBrandOriginalSecondary: 'rgba(255, 255, 255, 0.64)',
49
49
  shapeBoldAccent: '#3d3d3d',
50
50
  shapeBoldAccentHover: '#333333',
51
51
  shapeBoldAccentPressed: '#292929',
@@ -90,8 +90,8 @@ exports.SEMANTIC_TOKENS = {
90
90
  shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.08)',
91
91
  shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.12)',
92
92
  shapeOtherBase: '#ffffff',
93
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.8)',
94
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.48)',
93
+ shapeOtherBaseHover: 'rgba(255, 255, 255, 0.64)',
94
+ shapeOtherBasePressed: 'rgba(255, 255, 255, 0.32)',
95
95
  shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
96
96
  shapeOtherField: '#ffffff',
97
97
  shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
@@ -145,21 +145,30 @@ exports.SEMANTIC_TOKENS = {
145
145
  shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.08)',
146
146
  shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
147
147
  shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
148
+ shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
149
+ shapeInvertedNeutralFaintAlphaHover: 'rgba(255, 255, 255, 0.08)',
150
+ shapeInvertedNeutralFaintAlphaPressed: 'rgba(255, 255, 255, 0.04)',
148
151
  shapeInvertedNeutralHeavy: '#ffffff',
149
152
  shapeInvertedNeutralHeavyHover: 'rgba(255, 255, 255, 0.88)',
150
153
  shapeInvertedNeutralHeavyPressed: 'rgba(255, 255, 255, 0.72)',
151
- shapeInvertedNeutralPaleAlpha: 'rgba(255, 255, 255, 0.12)',
154
+ shapeInvertedNeutralPaleAlpha: 'rgba(255, 255, 255, 0.08)',
152
155
  shapeInvertedNeutralPaleAlphaHover: 'rgba(255, 255, 255, 0.12)',
153
156
  shapeInvertedNeutralPaleAlphaPressed: 'rgba(255, 255, 255, 0.06)',
154
- shapeInvertedNeutralSoftAlpha: 'rgba(255, 255, 255, 0.32)',
155
- shapeInvertedNeutralSoftAlphaHover: 'rgba(255, 255, 255, 0.32)',
156
- shapeInvertedNeutralSoftAlphaPressed: 'rgba(255, 255, 255, 0.16)',
157
- shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.16)',
158
- shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.08)',
159
- shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.16)',
160
- shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.08)',
157
+ shapeInvertedNeutralSoftAlpha: 'rgba(255, 255, 255, 0.16)',
158
+ shapeInvertedNeutralSoftAlphaHover: 'rgba(255, 255, 255, 0.24)',
159
+ shapeInvertedNeutralSoftAlphaPressed: 'rgba(255, 255, 255, 0.12)',
160
+ shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.12)',
161
+ shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.16)',
162
+ shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.12)',
163
+ shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.06)',
161
164
  shapeConstDisabledBlack: 'rgba(0, 0, 0, 0.06)',
162
165
  shapeConstDisabledWhite: 'rgba(255, 255, 255, 0.06)',
166
+ shapeConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
167
+ shapeConstFaintBlackHover: 'rgba(0, 0, 0, 0.16)',
168
+ shapeConstFaintBlackPressed: 'rgba(0, 0, 0, 0.24)',
169
+ shapeConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
170
+ shapeConstFaintWhiteHover: 'rgba(255, 255, 255, 0.16)',
171
+ shapeConstFaintWhitePressed: 'rgba(255, 255, 255, 0.08)',
163
172
  shapeConstHeavyBlack: 'rgba(0, 0, 0, 0.8)',
164
173
  shapeConstHeavyBlackHover: 'rgba(0, 0, 0, 0.88)',
165
174
  shapeConstHeavyBlackPressed: 'rgba(0, 0, 0, 0.64)',
@@ -168,17 +177,17 @@ exports.SEMANTIC_TOKENS = {
168
177
  shapeConstHeavyWhitePressed: 'rgba(255, 255, 255, 0.64)',
169
178
  shapeConstPaleBlack: 'rgba(0, 0, 0, 0.16)',
170
179
  shapeConstPaleBlackHover: 'rgba(0, 0, 0, 0.24)',
171
- shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.12)',
180
+ shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.32)',
172
181
  shapeConstPaleWhite: 'rgba(255, 255, 255, 0.16)',
173
182
  shapeConstPaleWhiteHover: 'rgba(255, 255, 255, 0.24)',
174
183
  shapeConstPaleWhitePressed: 'rgba(255, 255, 255, 0.12)',
175
184
  shapeConstPromo: '#32205a',
176
- shapeConstSoftBlack: 'rgba(0, 0, 0, 0.4)',
177
- shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.48)',
178
- shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.24)',
179
- shapeConstSoftWhite: 'rgba(255, 255, 255, 0.48)',
180
- shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.56)',
181
- shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.32)',
185
+ shapeConstSoftBlack: 'rgba(0, 0, 0, 0.24)',
186
+ shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.32)',
187
+ shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.4)',
188
+ shapeConstSoftWhite: 'rgba(255, 255, 255, 0.24)',
189
+ shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.32)',
190
+ shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.24)',
182
191
  lineAccentBold: '#3d3d3d',
183
192
  lineAccentBoldHover: '#333333',
184
193
  lineAccentBoldPressed: '#292929',
@@ -196,10 +205,10 @@ exports.SEMANTIC_TOKENS = {
196
205
  lineNeutralPale: 'rgba(0, 0, 0, 0.16)',
197
206
  lineNeutralPaleHover: 'rgba(0, 0, 0, 0.24)',
198
207
  lineNeutralPalePressed: 'rgba(0, 0, 0, 0.4)',
199
- lineOnaccentboldFaint: 'rgba(0, 0, 0, 0.16)',
200
- lineOnaccentboldPale: 'rgba(0, 0, 0, 0.24)',
201
- lineOnbrandoriginalFaint: 'rgba(0, 0, 0, 0.16)',
202
- lineOnbrandoriginalPale: 'rgba(0, 0, 0, 0.24)',
208
+ lineOnAccentBoldFaint: 'rgba(255, 255, 255, 0.12)',
209
+ lineOnAccentBoldPale: 'rgba(255, 255, 255, 0.24)',
210
+ lineOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.12)',
211
+ lineOnBrandOriginalPale: 'rgba(255, 255, 255, 0.24)',
203
212
  lineSuccessBold: '#008d3a',
204
213
  lineSuccessBoldHover: '#00b74e',
205
214
  lineSuccessBoldPressed: '#458552',
@@ -228,8 +237,8 @@ exports.SEMANTIC_TOKENS = {
228
237
  lineInvertedWarningBold: '#f8ae00',
229
238
  lineInvertedWarningBoldHover: '#ffbf0b',
230
239
  lineInvertedWarningBoldPressed: '#cc9a51',
231
- lineConstFaintBlack: 'rgba(0, 0, 0, 0.16)',
232
- lineConstFaintWhite: 'rgba(255, 255, 255, 0.16)',
240
+ lineConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
241
+ lineConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
233
242
  lineConstPaleBlack: 'rgba(0, 0, 0, 0.24)',
234
243
  lineConstPaleBlackHover: 'rgba(0, 0, 0, 0.32)',
235
244
  lineConstPaleBlackPressed: 'rgba(0, 0, 0, 0.16)',
@@ -243,8 +252,8 @@ exports.SEMANTIC_TOKENS = {
243
252
  illustrationBlack: '#0d0d0d',
244
253
  illustrationBrand: '#844BEC',
245
254
  illustrationComplement: '#32205a',
246
- illustrationOnBrand: 'rgba(0, 0, 0, 1)',
247
- illustrationOncomplement: '#ffffff',
255
+ illustrationOnBrand: 'rgba(255, 255, 255, 1)',
256
+ illustrationOnComplement: '#ffffff',
248
257
  illustrationPromo: '#32205a',
249
258
  illustrationSymbol: '#c1b0ff',
250
259
  illustrationWhite: '#ffffff',
@@ -330,12 +339,6 @@ exports.SEMANTIC_TOKENS = {
330
339
  textLogo: '#9864ff',
331
340
  textNeutralPrimary: 'rgba(255, 255, 255, 0.96)',
332
341
  textNeutralSecondary: 'rgba(255, 255, 255, 0.64)',
333
- textOnaccentboldDisabled: 'rgba(0, 0, 0, 0.32)',
334
- textOnaccentboldPrimary: 'rgba(0, 0, 0, 0.96)',
335
- textOnaccentboldSecondary: 'rgba(0, 0, 0, 0.56)',
336
- textOnbrandoriginalDisabled: 'rgba(0, 0, 0, 0.4)',
337
- textOnbrandoriginalPrimary: 'rgba(0, 0, 0, 0.96)',
338
- textOnbrandoriginalSecondary: 'rgba(0, 0, 0, 0.64)',
339
342
  textSuccessPrimary: '#00c655',
340
343
  textSuccessPrimaryHover: '#4ede76',
341
344
  textSuccessPrimaryPressed: '#4fa161',
@@ -348,6 +351,12 @@ exports.SEMANTIC_TOKENS = {
348
351
  textConstPrimaryWhite: 'rgba(255, 255, 255, 0.96)',
349
352
  textConstSecondaryBlack: 'rgba(0, 0, 0, 0.56)',
350
353
  textConstSecondaryWhite: 'rgba(255, 255, 255, 0.64)',
354
+ textOnAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
355
+ textOnAccentBoldPrimary: 'rgba(0, 0, 0, 0.88)',
356
+ textOnAccentBoldSecondary: 'rgba(0, 0, 0, 0.56)',
357
+ textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
358
+ textOnBrandOriginalPrimary: 'rgba(255, 255, 255, 0.96)',
359
+ textOnBrandOriginalSecondary: 'rgba(255, 255, 255, 0.64)',
351
360
  shapeBoldAccent: '#f2f2f2',
352
361
  shapeBoldAccentHover: '#484848',
353
362
  shapeBoldAccentPressed: '#333333',
@@ -447,21 +456,30 @@ exports.SEMANTIC_TOKENS = {
447
456
  shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.08)',
448
457
  shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.12)',
449
458
  shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
459
+ shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
460
+ shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
461
+ shapeInvertedNeutralFaintAlphaPressed: 'rgba(0, 0, 0, 0.12)',
450
462
  shapeInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.8)',
451
463
  shapeInvertedNeutralHeavyHover: 'rgba(0, 0, 0, 0.88)',
452
464
  shapeInvertedNeutralHeavyPressed: 'rgba(0, 0, 0, 0.72)',
453
- shapeInvertedNeutralPaleAlpha: 'rgba(0, 0, 0, 0.12)',
465
+ shapeInvertedNeutralPaleAlpha: 'rgba(0, 0, 0, 0.08)',
454
466
  shapeInvertedNeutralPaleAlphaHover: 'rgba(0, 0, 0, 0.12)',
455
467
  shapeInvertedNeutralPaleAlphaPressed: 'rgba(0, 0, 0, 0.16)',
456
- shapeInvertedNeutralSoftAlpha: 'rgba(0, 0, 0, 0.32)',
457
- shapeInvertedNeutralSoftAlphaHover: 'rgba(0, 0, 0, 0.32)',
458
- shapeInvertedNeutralSoftAlphaPressed: 'rgba(0, 0, 0, 0.4)',
459
- shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.16)',
460
- shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.08)',
461
- shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.16)',
462
- shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.08)',
468
+ shapeInvertedNeutralSoftAlpha: 'rgba(0, 0, 0, 0.16)',
469
+ shapeInvertedNeutralSoftAlphaHover: 'rgba(0, 0, 0, 0.24)',
470
+ shapeInvertedNeutralSoftAlphaPressed: 'rgba(0, 0, 0, 0.32)',
471
+ shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.12)',
472
+ shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.16)',
473
+ shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.12)',
474
+ shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.06)',
463
475
  shapeConstDisabledBlack: 'rgba(0, 0, 0, 0.06)',
464
476
  shapeConstDisabledWhite: 'rgba(255, 255, 255, 0.06)',
477
+ shapeConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
478
+ shapeConstFaintBlackHover: 'rgba(0, 0, 0, 0.16)',
479
+ shapeConstFaintBlackPressed: 'rgba(0, 0, 0, 0.24)',
480
+ shapeConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
481
+ shapeConstFaintWhiteHover: 'rgba(255, 255, 255, 0.16)',
482
+ shapeConstFaintWhitePressed: 'rgba(255, 255, 255, 0.08)',
465
483
  shapeConstHeavyBlack: 'rgba(0, 0, 0, 0.8)',
466
484
  shapeConstHeavyBlackHover: 'rgba(0, 0, 0, 0.88)',
467
485
  shapeConstHeavyBlackPressed: 'rgba(0, 0, 0, 0.64)',
@@ -470,17 +488,17 @@ exports.SEMANTIC_TOKENS = {
470
488
  shapeConstHeavyWhitePressed: 'rgba(255, 255, 255, 0.64)',
471
489
  shapeConstPaleBlack: 'rgba(0, 0, 0, 0.16)',
472
490
  shapeConstPaleBlackHover: 'rgba(0, 0, 0, 0.24)',
473
- shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.12)',
491
+ shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.32)',
474
492
  shapeConstPaleWhite: 'rgba(255, 255, 255, 0.16)',
475
493
  shapeConstPaleWhiteHover: 'rgba(255, 255, 255, 0.24)',
476
494
  shapeConstPaleWhitePressed: 'rgba(255, 255, 255, 0.12)',
477
495
  shapeConstPromo: '#32205a',
478
- shapeConstSoftBlack: 'rgba(0, 0, 0, 0.4)',
479
- shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.48)',
480
- shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.24)',
481
- shapeConstSoftWhite: 'rgba(255, 255, 255, 0.48)',
482
- shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.56)',
483
- shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.32)',
496
+ shapeConstSoftBlack: 'rgba(0, 0, 0, 0.24)',
497
+ shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.32)',
498
+ shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.4)',
499
+ shapeConstSoftWhite: 'rgba(255, 255, 255, 0.24)',
500
+ shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.32)',
501
+ shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.24)',
484
502
  lineAccentBold: '#f2f2f2',
485
503
  lineAccentBoldHover: '#484848',
486
504
  lineAccentBoldPressed: '#333333',
@@ -498,10 +516,10 @@ exports.SEMANTIC_TOKENS = {
498
516
  lineNeutralPale: 'rgba(255, 255, 255, 0.16)',
499
517
  lineNeutralPaleHover: 'rgba(255, 255, 255, 0.24)',
500
518
  lineNeutralPalePressed: 'rgba(255, 255, 255, 0.12)',
501
- lineOnaccentboldFaint: 'rgba(0, 0, 0, 0.16)',
502
- lineOnaccentboldPale: 'rgba(0, 0, 0, 0.24)',
503
- lineOnbrandoriginalFaint: 'rgba(0, 0, 0, 0.16)',
504
- lineOnbrandoriginalPale: 'rgba(0, 0, 0, 0.24)',
519
+ lineOnAccentBoldFaint: 'rgba(0, 0, 0, 0.12)',
520
+ lineOnAccentBoldPale: 'rgba(0, 0, 0, 0.24)',
521
+ lineOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.12)',
522
+ lineOnBrandOriginalPale: 'rgba(255, 255, 255, 0.24)',
505
523
  lineSuccessBold: '#009b41',
506
524
  lineSuccessBoldHover: '#00b74e',
507
525
  lineSuccessBoldPressed: '#458552',
@@ -530,8 +548,8 @@ exports.SEMANTIC_TOKENS = {
530
548
  lineInvertedWarningBold: '#f8ae00',
531
549
  lineInvertedWarningBoldHover: '#db9400',
532
550
  lineInvertedWarningBoldPressed: '#bd8f4d',
533
- lineConstFaintBlack: 'rgba(0, 0, 0, 0.16)',
534
- lineConstFaintWhite: 'rgba(255, 255, 255, 0.16)',
551
+ lineConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
552
+ lineConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
535
553
  lineConstPaleBlack: 'rgba(0, 0, 0, 0.24)',
536
554
  lineConstPaleBlackHover: 'rgba(0, 0, 0, 0.32)',
537
555
  lineConstPaleBlackPressed: 'rgba(0, 0, 0, 0.16)',
@@ -545,8 +563,8 @@ exports.SEMANTIC_TOKENS = {
545
563
  illustrationBlack: '#0d0d0d',
546
564
  illustrationBrand: '#844BEC',
547
565
  illustrationComplement: '#ffffff',
548
- illustrationOnBrand: 'rgba(0, 0, 0, 1)',
549
- illustrationOncomplement: '#32205a',
566
+ illustrationOnBrand: 'rgba(255, 255, 255, 1)',
567
+ illustrationOnComplement: '#32205a',
550
568
  illustrationPromo: '#32205a',
551
569
  illustrationSymbol: '#c1b0ff',
552
570
  illustrationWhite: '#ffffff',
@@ -24,6 +24,7 @@ export interface BaseTokens {
24
24
  whiteAlpha: ColorWithScale<AlphaScale>;
25
25
  blackAlpha: ColorWithScale<AlphaScale>;
26
26
  onBrand: ColorWithScale<AlphaScale>;
27
+ onAccent?: ColorWithScale<AlphaScale>;
27
28
  customizable: {
28
29
  red: ColorPalette;
29
30
  orange: ColorPalette;
@@ -73,6 +73,8 @@ export function getBaseTokens(_a) {
73
73
  whiteAlpha: DEFAULT_SWATCH.whiteAlpha,
74
74
  blackAlpha: DEFAULT_SWATCH.blackAlpha,
75
75
  onBrand: calcOnBrand(brandColor),
76
+ // TODO: настроить для gray
77
+ onAccent: (accent === 'brand' && calcOnBrand(brandColor)) || undefined,
76
78
  customizable: customizable,
77
79
  };
78
80
  }
@@ -26,12 +26,6 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
26
26
  textLogo: string;
27
27
  textNeutralPrimary: string;
28
28
  textNeutralSecondary: string;
29
- textOnaccentboldDisabled: string;
30
- textOnaccentboldPrimary: string;
31
- textOnaccentboldSecondary: string;
32
- textOnbrandoriginalDisabled: string;
33
- textOnbrandoriginalPrimary: string;
34
- textOnbrandoriginalSecondary: string;
35
29
  textSuccessPrimary: string;
36
30
  textSuccessPrimaryHover: string;
37
31
  textSuccessPrimaryPressed: string;
@@ -44,6 +38,12 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
44
38
  textConstPrimaryWhite: string;
45
39
  textConstSecondaryBlack: string;
46
40
  textConstSecondaryWhite: string;
41
+ textOnAccentBoldDisabled: string;
42
+ textOnAccentBoldPrimary: string;
43
+ textOnAccentBoldSecondary: string;
44
+ textOnBrandOriginalDisabled: string;
45
+ textOnBrandOriginalPrimary: string;
46
+ textOnBrandOriginalSecondary: string;
47
47
  shapeBoldAccent: string;
48
48
  shapeBoldAccentHover: string;
49
49
  shapeBoldAccentPressed: string;
@@ -143,6 +143,9 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
143
143
  shapeInvertedBacklessHover: string;
144
144
  shapeInvertedBacklessPressed: string;
145
145
  shapeInvertedDisabled: string;
146
+ shapeInvertedNeutralFaintAlpha: string;
147
+ shapeInvertedNeutralFaintAlphaHover: string;
148
+ shapeInvertedNeutralFaintAlphaPressed: string;
146
149
  shapeInvertedNeutralHeavy: string;
147
150
  shapeInvertedNeutralHeavyHover: string;
148
151
  shapeInvertedNeutralHeavyPressed: string;
@@ -158,6 +161,12 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
158
161
  shapeConstBacklessWhitePressed: string;
159
162
  shapeConstDisabledBlack: string;
160
163
  shapeConstDisabledWhite: string;
164
+ shapeConstFaintBlack: string;
165
+ shapeConstFaintBlackHover: string;
166
+ shapeConstFaintBlackPressed: string;
167
+ shapeConstFaintWhite: string;
168
+ shapeConstFaintWhiteHover: string;
169
+ shapeConstFaintWhitePressed: string;
161
170
  shapeConstHeavyBlack: string;
162
171
  shapeConstHeavyBlackHover: string;
163
172
  shapeConstHeavyBlackPressed: string;
@@ -194,10 +203,10 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
194
203
  lineNeutralPale: string;
195
204
  lineNeutralPaleHover: string;
196
205
  lineNeutralPalePressed: string;
197
- lineOnaccentboldFaint: string;
198
- lineOnaccentboldPale: string;
199
- lineOnbrandoriginalFaint: string;
200
- lineOnbrandoriginalPale: string;
206
+ lineOnAccentBoldFaint: string;
207
+ lineOnAccentBoldPale: string;
208
+ lineOnBrandOriginalFaint: string;
209
+ lineOnBrandOriginalPale: string;
201
210
  lineSuccessBold: string;
202
211
  lineSuccessBoldHover: string;
203
212
  lineSuccessBoldPressed: string;
@@ -242,7 +251,7 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
242
251
  illustrationBrand: string;
243
252
  illustrationComplement: string;
244
253
  illustrationOnBrand: string;
245
- illustrationOncomplement: string;
254
+ illustrationOnComplement: string;
246
255
  illustrationPromo: string;
247
256
  illustrationSymbol: string;
248
257
  illustrationWhite: string;
@@ -328,12 +337,6 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
328
337
  textLogo: string;
329
338
  textNeutralPrimary: string;
330
339
  textNeutralSecondary: string;
331
- textOnaccentboldDisabled: string;
332
- textOnaccentboldPrimary: string;
333
- textOnaccentboldSecondary: string;
334
- textOnbrandoriginalDisabled: string;
335
- textOnbrandoriginalPrimary: string;
336
- textOnbrandoriginalSecondary: string;
337
340
  textSuccessPrimary: string;
338
341
  textSuccessPrimaryHover: string;
339
342
  textSuccessPrimaryPressed: string;
@@ -346,6 +349,12 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
346
349
  textConstPrimaryWhite: string;
347
350
  textConstSecondaryBlack: string;
348
351
  textConstSecondaryWhite: string;
352
+ textOnAccentBoldDisabled: string;
353
+ textOnAccentBoldPrimary: string;
354
+ textOnAccentBoldSecondary: string;
355
+ textOnBrandOriginalDisabled: string;
356
+ textOnBrandOriginalPrimary: string;
357
+ textOnBrandOriginalSecondary: string;
349
358
  shapeBoldAccent: string;
350
359
  shapeBoldAccentHover: string;
351
360
  shapeBoldAccentPressed: string;
@@ -445,6 +454,9 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
445
454
  shapeInvertedBacklessHover: string;
446
455
  shapeInvertedBacklessPressed: string;
447
456
  shapeInvertedDisabled: string;
457
+ shapeInvertedNeutralFaintAlpha: string;
458
+ shapeInvertedNeutralFaintAlphaHover: string;
459
+ shapeInvertedNeutralFaintAlphaPressed: string;
448
460
  shapeInvertedNeutralHeavy: string;
449
461
  shapeInvertedNeutralHeavyHover: string;
450
462
  shapeInvertedNeutralHeavyPressed: string;
@@ -460,6 +472,12 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
460
472
  shapeConstBacklessWhitePressed: string;
461
473
  shapeConstDisabledBlack: string;
462
474
  shapeConstDisabledWhite: string;
475
+ shapeConstFaintBlack: string;
476
+ shapeConstFaintBlackHover: string;
477
+ shapeConstFaintBlackPressed: string;
478
+ shapeConstFaintWhite: string;
479
+ shapeConstFaintWhiteHover: string;
480
+ shapeConstFaintWhitePressed: string;
463
481
  shapeConstHeavyBlack: string;
464
482
  shapeConstHeavyBlackHover: string;
465
483
  shapeConstHeavyBlackPressed: string;
@@ -496,10 +514,10 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
496
514
  lineNeutralPale: string;
497
515
  lineNeutralPaleHover: string;
498
516
  lineNeutralPalePressed: string;
499
- lineOnaccentboldFaint: string;
500
- lineOnaccentboldPale: string;
501
- lineOnbrandoriginalFaint: string;
502
- lineOnbrandoriginalPale: string;
517
+ lineOnAccentBoldFaint: string;
518
+ lineOnAccentBoldPale: string;
519
+ lineOnBrandOriginalFaint: string;
520
+ lineOnBrandOriginalPale: string;
503
521
  lineSuccessBold: string;
504
522
  lineSuccessBoldHover: string;
505
523
  lineSuccessBoldPressed: string;
@@ -544,7 +562,7 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
544
562
  illustrationBrand: string;
545
563
  illustrationComplement: string;
546
564
  illustrationOnBrand: string;
547
- illustrationOncomplement: string;
565
+ illustrationOnComplement: string;
548
566
  illustrationPromo: string;
549
567
  illustrationSymbol: string;
550
568
  illustrationWhite: string;