@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
@@ -1,5 +1,5 @@
1
1
  export var getDefaultTokens = function (base) {
2
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29;
2
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59;
3
3
  return ({
4
4
  light: {
5
5
  textAccentPrimary: ((_a = base.accent.palette) === null || _a === void 0 ? void 0 : _a.vivid[52]) || base.blackAlpha[88],
@@ -27,12 +27,6 @@ export var getDefaultTokens = function (base) {
27
27
  textLogo: base.brand.logo.light,
28
28
  textNeutralPrimary: base.blackAlpha[88],
29
29
  textNeutralSecondary: base.blackAlpha[56],
30
- textOnaccentboldDisabled: base.onBrand[40] || base.whiteAlpha[40],
31
- textOnaccentboldPrimary: base.onBrand[96] || base.whiteAlpha[96],
32
- textOnaccentboldSecondary: base.onBrand[64] || base.whiteAlpha[64],
33
- textOnbrandoriginalDisabled: base.onBrand[40],
34
- textOnbrandoriginalPrimary: base.onBrand[96],
35
- textOnbrandoriginalSecondary: base.onBrand[64],
36
30
  textSuccessPrimary: base.customizable.green.vivid[52],
37
31
  textSuccessPrimaryHover: base.customizable.green.vivid[60],
38
32
  textSuccessPrimaryPressed: base.customizable.green.dim[48],
@@ -45,9 +39,15 @@ export var getDefaultTokens = function (base) {
45
39
  textConstPrimaryWhite: base.whiteAlpha[96],
46
40
  textConstSecondaryBlack: base.blackAlpha[56],
47
41
  textConstSecondaryWhite: base.whiteAlpha[64],
48
- shapeBoldAccent: base.accent.original.light || base.accent.original.light,
49
- shapeBoldAccentHover: base.accent.interactions.hover.light || base.accent.interactions.hover.light,
50
- shapeBoldAccentPressed: base.accent.interactions.pressed.light || base.accent.interactions.pressed.light,
42
+ textOnAccentBoldDisabled: ((_g = base.onAccent) === null || _g === void 0 ? void 0 : _g[40]) || base.whiteAlpha[40],
43
+ textOnAccentBoldPrimary: ((_h = base.onAccent) === null || _h === void 0 ? void 0 : _h[96]) || base.whiteAlpha[96],
44
+ textOnAccentBoldSecondary: ((_j = base.onAccent) === null || _j === void 0 ? void 0 : _j[64]) || base.whiteAlpha[64],
45
+ textOnBrandOriginalDisabled: base.onBrand[40],
46
+ textOnBrandOriginalPrimary: base.onBrand[96],
47
+ textOnBrandOriginalSecondary: base.onBrand[64],
48
+ shapeBoldAccent: base.accent.original.light || base.gray[36],
49
+ shapeBoldAccentHover: base.accent.interactions.hover.light || base.gray[28],
50
+ shapeBoldAccentPressed: base.accent.interactions.pressed.light || base.gray[20],
51
51
  shapeBoldBrandOriginal: base.accent.original.light,
52
52
  shapeBoldBrandOriginalHover: base.accent.interactions.hover.light,
53
53
  shapeBoldBrandOriginalPressed: base.accent.interactions.pressed.light,
@@ -63,12 +63,12 @@ export var getDefaultTokens = function (base) {
63
63
  shapeBoldWarning: base.warning.vivid[84],
64
64
  shapeBoldWarningHover: base.warning.vivid[80],
65
65
  shapeBoldWarningPressed: base.warning.normal[76],
66
- shapeFaintAccent: ((_g = base.accent.palette) === null || _g === void 0 ? void 0 : _g.normal[96]) || base.blackAlpha[12],
67
- shapeFaintAccentHover: ((_h = base.accent.palette) === null || _h === void 0 ? void 0 : _h.normal[92]) || base.blackAlpha[16],
68
- shapeFaintAccentPressed: ((_j = base.accent.palette) === null || _j === void 0 ? void 0 : _j.dim[88]) || base.blackAlpha[24],
69
- shapeFaintBrand: base.brand.palette.vivid[96],
70
- shapeFaintBrandHover: base.brand.palette.normal[92],
71
- shapeFaintBrandPressed: base.brand.palette.dim[92],
66
+ shapeFaintAccent: ((_k = base.accent.palette) === null || _k === void 0 ? void 0 : _k.normal[96]) || base.blackAlpha[12],
67
+ shapeFaintAccentHover: ((_l = base.accent.palette) === null || _l === void 0 ? void 0 : _l.normal[92]) || base.blackAlpha[16],
68
+ shapeFaintAccentPressed: ((_m = base.accent.palette) === null || _m === void 0 ? void 0 : _m.dim[88]) || base.blackAlpha[24],
69
+ shapeFaintBrand: (_o = base.brand.palette) === null || _o === void 0 ? void 0 : _o.vivid[96],
70
+ shapeFaintBrandHover: (_p = base.brand.palette) === null || _p === void 0 ? void 0 : _p.normal[92],
71
+ shapeFaintBrandPressed: (_q = base.brand.palette) === null || _q === void 0 ? void 0 : _q.dim[92],
72
72
  shapeFaintError: base.customizable.red.vivid[96],
73
73
  shapeFaintErrorHover: base.customizable.red.normal[92],
74
74
  shapeFaintErrorPressed: base.customizable.red.dim[92],
@@ -89,8 +89,8 @@ export var getDefaultTokens = function (base) {
89
89
  shapeOtherBacklessHover: base.blackAlpha[8],
90
90
  shapeOtherBacklessPressed: base.blackAlpha[12],
91
91
  shapeOtherBase: base.gray[100],
92
- shapeOtherBaseHover: base.whiteAlpha[80],
93
- shapeOtherBasePressed: base.whiteAlpha[48],
92
+ shapeOtherBaseHover: base.whiteAlpha[64],
93
+ shapeOtherBasePressed: base.whiteAlpha[32],
94
94
  shapeOtherDisabled: base.blackAlpha[6],
95
95
  shapeOtherField: base.gray[100],
96
96
  shapeOtherLow: base.blackAlpha[6],
@@ -105,12 +105,12 @@ export var getDefaultTokens = function (base) {
105
105
  shapeOtherNeutralSoftSolid: base.gray[84],
106
106
  shapeOtherNeutralSoftSolidHover: base.gray[80],
107
107
  shapeOtherNeutralSoftSolidPressed: base.gray[76],
108
- shapePaleAccent: ((_k = base.accent.palette) === null || _k === void 0 ? void 0 : _k.vivid[92]) || base.blackAlpha[16],
109
- shapePaleAccentHover: ((_l = base.accent.palette) === null || _l === void 0 ? void 0 : _l.normal[88]) || base.blackAlpha[24],
110
- shapePaleAccentPressed: ((_m = base.accent.palette) === null || _m === void 0 ? void 0 : _m.dim[84]) || base.blackAlpha[32],
111
- shapePaleBrand: base.brand.palette.vivid[92],
112
- shapePaleBrandHover: base.brand.palette.normal[88],
113
- shapePaleBrandPressed: base.brand.palette.dim[88],
108
+ shapePaleAccent: ((_r = base.accent.palette) === null || _r === void 0 ? void 0 : _r.vivid[92]) || base.blackAlpha[16],
109
+ shapePaleAccentHover: ((_s = base.accent.palette) === null || _s === void 0 ? void 0 : _s.normal[88]) || base.blackAlpha[24],
110
+ shapePaleAccentPressed: ((_t = base.accent.palette) === null || _t === void 0 ? void 0 : _t.dim[84]) || base.blackAlpha[32],
111
+ shapePaleBrand: (_u = base.brand.palette) === null || _u === void 0 ? void 0 : _u.vivid[92],
112
+ shapePaleBrandHover: (_v = base.brand.palette) === null || _v === void 0 ? void 0 : _v.normal[88],
113
+ shapePaleBrandPressed: (_w = base.brand.palette) === null || _w === void 0 ? void 0 : _w.dim[88],
114
114
  shapePaleError: base.customizable.red.vivid[92],
115
115
  shapePaleErrorHover: base.customizable.red.normal[88],
116
116
  shapePaleErrorPressed: base.customizable.red.dim[88],
@@ -123,12 +123,12 @@ export var getDefaultTokens = function (base) {
123
123
  shapePaleWarning: base.warning.vivid[92],
124
124
  shapePaleWarningHover: base.warning.normal[88],
125
125
  shapePaleWarningPressed: base.warning.dim[88],
126
- shapeSoftAccent: ((_o = base.accent.palette) === null || _o === void 0 ? void 0 : _o.normal[80]) || base.blackAlpha[32],
127
- shapeSoftAccentHover: ((_p = base.accent.palette) === null || _p === void 0 ? void 0 : _p.normal[76]) || base.blackAlpha[40],
128
- shapeSoftAccentPressed: ((_q = base.accent.palette) === null || _q === void 0 ? void 0 : _q.dim[72]) || base.blackAlpha[48],
129
- shapeSoftBrand: base.brand.palette.normal[80],
130
- shapeSoftBrandHover: base.brand.palette.normal[76],
131
- shapeSoftBrandPressed: base.brand.palette.dim[72],
126
+ shapeSoftAccent: ((_x = base.accent.palette) === null || _x === void 0 ? void 0 : _x.normal[80]) || base.blackAlpha[32],
127
+ shapeSoftAccentHover: ((_y = base.accent.palette) === null || _y === void 0 ? void 0 : _y.normal[76]) || base.blackAlpha[40],
128
+ shapeSoftAccentPressed: ((_z = base.accent.palette) === null || _z === void 0 ? void 0 : _z.dim[72]) || base.blackAlpha[48],
129
+ shapeSoftBrand: (_0 = base.brand.palette) === null || _0 === void 0 ? void 0 : _0.normal[80],
130
+ shapeSoftBrandHover: (_1 = base.brand.palette) === null || _1 === void 0 ? void 0 : _1.normal[76],
131
+ shapeSoftBrandPressed: (_2 = base.brand.palette) === null || _2 === void 0 ? void 0 : _2.dim[72],
132
132
  shapeSoftError: base.customizable.red.normal[80],
133
133
  shapeSoftErrorHover: base.customizable.red.normal[76],
134
134
  shapeSoftErrorPressed: base.customizable.red.dim[72],
@@ -144,21 +144,30 @@ export var getDefaultTokens = function (base) {
144
144
  shapeInvertedBacklessHover: base.whiteAlpha[8],
145
145
  shapeInvertedBacklessPressed: base.whiteAlpha[4],
146
146
  shapeInvertedDisabled: base.whiteAlpha[6],
147
+ shapeInvertedNeutralFaintAlpha: base.whiteAlpha[6],
148
+ shapeInvertedNeutralFaintAlphaHover: base.whiteAlpha[8],
149
+ shapeInvertedNeutralFaintAlphaPressed: base.whiteAlpha[4],
147
150
  shapeInvertedNeutralHeavy: base.gray[100],
148
151
  shapeInvertedNeutralHeavyHover: base.whiteAlpha[88],
149
152
  shapeInvertedNeutralHeavyPressed: base.whiteAlpha[72],
150
- shapeInvertedNeutralPaleAlpha: base.whiteAlpha[12],
153
+ shapeInvertedNeutralPaleAlpha: base.whiteAlpha[8],
151
154
  shapeInvertedNeutralPaleAlphaHover: base.whiteAlpha[12],
152
155
  shapeInvertedNeutralPaleAlphaPressed: base.whiteAlpha[6],
153
- shapeInvertedNeutralSoftAlpha: base.whiteAlpha[32],
154
- shapeInvertedNeutralSoftAlphaHover: base.whiteAlpha[32],
155
- shapeInvertedNeutralSoftAlphaPressed: base.whiteAlpha[16],
156
- shapeConstBacklessBlackHover: base.blackAlpha[16],
157
- shapeConstBacklessBlackPressed: base.blackAlpha[8],
158
- shapeConstBacklessWhiteHover: base.whiteAlpha[16],
159
- shapeConstBacklessWhitePressed: base.whiteAlpha[8],
156
+ shapeInvertedNeutralSoftAlpha: base.whiteAlpha[16],
157
+ shapeInvertedNeutralSoftAlphaHover: base.whiteAlpha[24],
158
+ shapeInvertedNeutralSoftAlphaPressed: base.whiteAlpha[12],
159
+ shapeConstBacklessBlackHover: base.blackAlpha[12],
160
+ shapeConstBacklessBlackPressed: base.blackAlpha[16],
161
+ shapeConstBacklessWhiteHover: base.whiteAlpha[12],
162
+ shapeConstBacklessWhitePressed: base.whiteAlpha[6],
160
163
  shapeConstDisabledBlack: base.blackAlpha[6],
161
164
  shapeConstDisabledWhite: base.whiteAlpha[6],
165
+ shapeConstFaintBlack: base.blackAlpha[12],
166
+ shapeConstFaintBlackHover: base.blackAlpha[16],
167
+ shapeConstFaintBlackPressed: base.blackAlpha[24],
168
+ shapeConstFaintWhite: base.whiteAlpha[12],
169
+ shapeConstFaintWhiteHover: base.whiteAlpha[16],
170
+ shapeConstFaintWhitePressed: base.whiteAlpha[8],
162
171
  shapeConstHeavyBlack: base.blackAlpha[80],
163
172
  shapeConstHeavyBlackHover: base.blackAlpha[88],
164
173
  shapeConstHeavyBlackPressed: base.blackAlpha[64],
@@ -167,26 +176,26 @@ export var getDefaultTokens = function (base) {
167
176
  shapeConstHeavyWhitePressed: base.whiteAlpha[64],
168
177
  shapeConstPaleBlack: base.blackAlpha[16],
169
178
  shapeConstPaleBlackHover: base.blackAlpha[24],
170
- shapeConstPaleBlackPressed: base.blackAlpha[12],
179
+ shapeConstPaleBlackPressed: base.blackAlpha[32],
171
180
  shapeConstPaleWhite: base.whiteAlpha[16],
172
181
  shapeConstPaleWhiteHover: base.whiteAlpha[24],
173
182
  shapeConstPaleWhitePressed: base.whiteAlpha[12],
174
183
  shapeConstPromo: base.brand.promo,
175
- shapeConstSoftBlack: base.blackAlpha[40],
176
- shapeConstSoftBlackHover: base.blackAlpha[48],
177
- shapeConstSoftBlackPressed: base.blackAlpha[24],
178
- shapeConstSoftWhite: base.whiteAlpha[48],
179
- shapeConstSoftWhiteHover: base.whiteAlpha[56],
180
- shapeConstSoftWhitePressed: base.whiteAlpha[32],
181
- lineAccentBold: base.accent.original.light || base.accent.original.light,
182
- lineAccentBoldHover: base.accent.interactions.hover.light || base.accent.interactions.hover.light,
183
- lineAccentBoldPressed: base.accent.interactions.pressed.light || base.accent.interactions.pressed.light,
184
- lineAccentPale: ((_r = base.accent.palette) === null || _r === void 0 ? void 0 : _r.normal[88]) || base.blackAlpha[24],
185
- lineAccentPaleHover: ((_s = base.accent.palette) === null || _s === void 0 ? void 0 : _s.normal[84]) || base.blackAlpha[32],
186
- lineAccentPalePressed: ((_t = base.accent.palette) === null || _t === void 0 ? void 0 : _t.dim[80]) || base.blackAlpha[40],
187
- lineAccentSoft: ((_u = base.accent.palette) === null || _u === void 0 ? void 0 : _u.dim[76]) || base.blackAlpha[48],
188
- lineAccentSoftHover: ((_v = base.accent.palette) === null || _v === void 0 ? void 0 : _v.vivid[60]) || base.blackAlpha[96],
189
- lineAccentSoftPressed: ((_w = base.accent.palette) === null || _w === void 0 ? void 0 : _w.dim[48]) || base.blackAlpha[96],
184
+ shapeConstSoftBlack: base.blackAlpha[24],
185
+ shapeConstSoftBlackHover: base.blackAlpha[32],
186
+ shapeConstSoftBlackPressed: base.blackAlpha[40],
187
+ shapeConstSoftWhite: base.whiteAlpha[24],
188
+ shapeConstSoftWhiteHover: base.whiteAlpha[32],
189
+ shapeConstSoftWhitePressed: base.whiteAlpha[24],
190
+ lineAccentBold: base.accent.original.light || base.gray[40],
191
+ lineAccentBoldHover: base.accent.interactions.hover.light || base.gray[20],
192
+ lineAccentBoldPressed: base.accent.interactions.pressed.light || base.blackAlpha[64],
193
+ lineAccentPale: ((_3 = base.accent.palette) === null || _3 === void 0 ? void 0 : _3.normal[88]) || base.blackAlpha[24],
194
+ lineAccentPaleHover: ((_4 = base.accent.palette) === null || _4 === void 0 ? void 0 : _4.normal[84]) || base.blackAlpha[32],
195
+ lineAccentPalePressed: ((_5 = base.accent.palette) === null || _5 === void 0 ? void 0 : _5.dim[80]) || base.blackAlpha[40],
196
+ lineAccentSoft: ((_6 = base.accent.palette) === null || _6 === void 0 ? void 0 : _6.dim[76]) || base.blackAlpha[48],
197
+ lineAccentSoftHover: ((_7 = base.accent.palette) === null || _7 === void 0 ? void 0 : _7.vivid[60]) || base.blackAlpha[96],
198
+ lineAccentSoftPressed: ((_8 = base.accent.palette) === null || _8 === void 0 ? void 0 : _8.dim[48]) || base.blackAlpha[96],
190
199
  lineBrandOriginal: base.brand.original,
191
200
  lineErrorBold: base.customizable.red.vivid[56],
192
201
  lineErrorBoldHover: base.customizable.red.vivid[64],
@@ -195,25 +204,25 @@ export var getDefaultTokens = function (base) {
195
204
  lineNeutralPale: base.blackAlpha[16],
196
205
  lineNeutralPaleHover: base.blackAlpha[24],
197
206
  lineNeutralPalePressed: base.blackAlpha[40],
198
- lineOnaccentboldFaint: base.onBrand[16] || base.whiteAlpha[12],
199
- lineOnaccentboldPale: base.onBrand[24] || base.whiteAlpha[24],
200
- lineOnbrandoriginalFaint: base.onBrand[16],
201
- lineOnbrandoriginalPale: base.onBrand[24],
207
+ lineOnAccentBoldFaint: ((_9 = base.onAccent) === null || _9 === void 0 ? void 0 : _9[12]) || base.whiteAlpha[12],
208
+ lineOnAccentBoldPale: ((_10 = base.onAccent) === null || _10 === void 0 ? void 0 : _10[24]) || base.whiteAlpha[24],
209
+ lineOnBrandOriginalFaint: base.onBrand[12],
210
+ lineOnBrandOriginalPale: base.onBrand[24],
202
211
  lineSuccessBold: base.customizable.green.vivid[56],
203
212
  lineSuccessBoldHover: base.customizable.green.vivid[68],
204
213
  lineSuccessBoldPressed: base.customizable.green.dim[56],
205
214
  lineWarningBold: base.warning.vivid[80],
206
215
  lineWarningBoldHover: base.warning.vivid[72],
207
216
  lineWarningBoldPressed: base.warning.dim[68],
208
- lineInvertedAccentBold: base.accent.original.dark || base.accent.original.dark,
209
- lineInvertedAccentBoldHover: base.accent.interactions.hover.dark || base.accent.interactions.hover.dark,
210
- lineInvertedAccentBoldPressed: base.accent.interactions.pressed.dark || base.accent.interactions.pressed.dark,
211
- lineInvertedAccentPale: ((_x = base.accent.palette) === null || _x === void 0 ? void 0 : _x.dim[44]) || base.whiteAlpha[24],
212
- lineInvertedAccentPaleHover: ((_y = base.accent.palette) === null || _y === void 0 ? void 0 : _y.dim[48]) || base.whiteAlpha[32],
213
- lineInvertedAccentPalePressed: ((_z = base.accent.palette) === null || _z === void 0 ? void 0 : _z.dim[40]) || base.whiteAlpha[16],
214
- lineInvertedAccentSoft: ((_0 = base.accent.palette) === null || _0 === void 0 ? void 0 : _0.dim[48]) || base.whiteAlpha[48],
215
- lineInvertedAccentSoftHover: ((_1 = base.accent.palette) === null || _1 === void 0 ? void 0 : _1.vivid[80]) || base.gray[100],
216
- lineInvertedAccentSoftPressed: ((_2 = base.accent.palette) === null || _2 === void 0 ? void 0 : _2.normal[64]) || base.gray[100],
217
+ lineInvertedAccentBold: base.accent.original.dark || base.gray[88],
218
+ lineInvertedAccentBoldHover: base.accent.interactions.hover.dark || base.gray[100],
219
+ lineInvertedAccentBoldPressed: base.accent.interactions.pressed.dark || base.whiteAlpha[64],
220
+ lineInvertedAccentPale: ((_11 = base.accent.palette) === null || _11 === void 0 ? void 0 : _11.dim[44]) || base.whiteAlpha[24],
221
+ lineInvertedAccentPaleHover: ((_12 = base.accent.palette) === null || _12 === void 0 ? void 0 : _12.dim[48]) || base.whiteAlpha[32],
222
+ lineInvertedAccentPalePressed: ((_13 = base.accent.palette) === null || _13 === void 0 ? void 0 : _13.dim[40]) || base.whiteAlpha[16],
223
+ lineInvertedAccentSoft: ((_14 = base.accent.palette) === null || _14 === void 0 ? void 0 : _14.dim[48]) || base.whiteAlpha[48],
224
+ lineInvertedAccentSoftHover: ((_15 = base.accent.palette) === null || _15 === void 0 ? void 0 : _15.vivid[80]) || base.gray[100],
225
+ lineInvertedAccentSoftPressed: ((_16 = base.accent.palette) === null || _16 === void 0 ? void 0 : _16.normal[64]) || base.gray[100],
217
226
  lineInvertedErrorBold: base.customizable.red.vivid[60],
218
227
  lineInvertedErrorBoldHover: base.customizable.red.vivid[68],
219
228
  lineInvertedErrorBoldPressed: base.customizable.red.dim[56],
@@ -227,8 +236,8 @@ export var getDefaultTokens = function (base) {
227
236
  lineInvertedWarningBold: base.warning.vivid[80],
228
237
  lineInvertedWarningBoldHover: base.warning.vivid[84],
229
238
  lineInvertedWarningBoldPressed: base.warning.dim[72],
230
- lineConstFaintBlack: base.blackAlpha[16],
231
- lineConstFaintWhite: base.whiteAlpha[16],
239
+ lineConstFaintBlack: base.blackAlpha[12],
240
+ lineConstFaintWhite: base.whiteAlpha[12],
232
241
  lineConstPaleBlack: base.blackAlpha[24],
233
242
  lineConstPaleBlackHover: base.blackAlpha[32],
234
243
  lineConstPaleBlackPressed: base.blackAlpha[16],
@@ -243,9 +252,9 @@ export var getDefaultTokens = function (base) {
243
252
  illustrationBrand: base.brand.original,
244
253
  illustrationComplement: base.brand.promo,
245
254
  illustrationOnBrand: base.onBrand[100],
246
- illustrationOncomplement: base.gray[100],
255
+ illustrationOnComplement: base.gray[100],
247
256
  illustrationPromo: base.brand.promo,
248
- illustrationSymbol: base.brand.palette.normal[80],
257
+ illustrationSymbol: (_17 = base.brand.palette) === null || _17 === void 0 ? void 0 : _17.normal[80],
249
258
  illustrationWhite: base.gray[100],
250
259
  customizableBoldBlack: base.gray[52],
251
260
  customizableBoldBlue: base.customizable.blue.vivid[68],
@@ -304,16 +313,16 @@ export var getDefaultTokens = function (base) {
304
313
  customizableSoftYellow: base.customizable.yellow.vivid[88],
305
314
  },
306
315
  dark: {
307
- textAccentPrimary: ((_3 = base.accent.palette) === null || _3 === void 0 ? void 0 : _3.vivid[72]) || base.whiteAlpha[96],
308
- textAccentPrimaryHover: ((_4 = base.accent.palette) === null || _4 === void 0 ? void 0 : _4.vivid[80]) || base.gray[100],
309
- textAccentPrimaryPressed: ((_5 = base.accent.palette) === null || _5 === void 0 ? void 0 : _5.dim[64]) || base.gray[100],
316
+ textAccentPrimary: ((_18 = base.accent.palette) === null || _18 === void 0 ? void 0 : _18.vivid[72]) || base.whiteAlpha[96],
317
+ textAccentPrimaryHover: ((_19 = base.accent.palette) === null || _19 === void 0 ? void 0 : _19.vivid[80]) || base.gray[100],
318
+ textAccentPrimaryPressed: ((_20 = base.accent.palette) === null || _20 === void 0 ? void 0 : _20.dim[64]) || base.gray[100],
310
319
  textDisabled: base.whiteAlpha[40],
311
320
  textErrorPrimary: base.customizable.red.vivid[68],
312
321
  textErrorPrimaryHover: base.customizable.red.vivid[72],
313
322
  textErrorPrimaryPressed: base.customizable.red.dim[64],
314
- textInvertedAccentPrimary: ((_6 = base.accent.palette) === null || _6 === void 0 ? void 0 : _6.vivid[52]) || base.blackAlpha[88],
315
- textInvertedAccentPrimaryHover: ((_7 = base.accent.palette) === null || _7 === void 0 ? void 0 : _7.vivid[60]) || base.blackAlpha[96],
316
- textInvertedAccentPrimaryPressed: ((_8 = base.accent.palette) === null || _8 === void 0 ? void 0 : _8.dim[48]) || base.blackAlpha[96],
323
+ textInvertedAccentPrimary: ((_21 = base.accent.palette) === null || _21 === void 0 ? void 0 : _21.vivid[52]) || base.blackAlpha[88],
324
+ textInvertedAccentPrimaryHover: ((_22 = base.accent.palette) === null || _22 === void 0 ? void 0 : _22.vivid[60]) || base.blackAlpha[96],
325
+ textInvertedAccentPrimaryPressed: ((_23 = base.accent.palette) === null || _23 === void 0 ? void 0 : _23.dim[48]) || base.blackAlpha[96],
317
326
  textInvertedDisabled: base.blackAlpha[32],
318
327
  textInvertedErrorPrimary: base.customizable.red.vivid[52],
319
328
  textInvertedErrorPrimaryHover: base.customizable.red.vivid[60],
@@ -329,12 +338,6 @@ export var getDefaultTokens = function (base) {
329
338
  textLogo: base.brand.logo.dark,
330
339
  textNeutralPrimary: base.whiteAlpha[96],
331
340
  textNeutralSecondary: base.whiteAlpha[64],
332
- textOnaccentboldDisabled: base.onBrand[32] || base.blackAlpha[32],
333
- textOnaccentboldPrimary: base.onBrand[96] || base.blackAlpha[88],
334
- textOnaccentboldSecondary: base.onBrand[56] || base.blackAlpha[56],
335
- textOnbrandoriginalDisabled: base.onBrand[40],
336
- textOnbrandoriginalPrimary: base.onBrand[96],
337
- textOnbrandoriginalSecondary: base.onBrand[64],
338
341
  textSuccessPrimary: base.customizable.green.vivid[72],
339
342
  textSuccessPrimaryHover: base.customizable.green.vivid[80],
340
343
  textSuccessPrimaryPressed: base.customizable.green.dim[64],
@@ -347,9 +350,15 @@ export var getDefaultTokens = function (base) {
347
350
  textConstPrimaryWhite: base.whiteAlpha[96],
348
351
  textConstSecondaryBlack: base.blackAlpha[56],
349
352
  textConstSecondaryWhite: base.whiteAlpha[64],
350
- shapeBoldAccent: base.accent.original.dark || base.accent.original.dark,
351
- shapeBoldAccentHover: base.accent.interactions.hover.dark || base.accent.interactions.hover.dark,
352
- shapeBoldAccentPressed: base.accent.interactions.pressed.dark || base.accent.interactions.pressed.dark,
353
+ textOnAccentBoldDisabled: ((_24 = base.onAccent) === null || _24 === void 0 ? void 0 : _24[32]) || base.blackAlpha[32],
354
+ textOnAccentBoldPrimary: ((_25 = base.onAccent) === null || _25 === void 0 ? void 0 : _25[96]) || base.blackAlpha[88],
355
+ textOnAccentBoldSecondary: ((_26 = base.onAccent) === null || _26 === void 0 ? void 0 : _26[56]) || base.blackAlpha[56],
356
+ textOnBrandOriginalDisabled: base.onBrand[40],
357
+ textOnBrandOriginalPrimary: base.onBrand[96],
358
+ textOnBrandOriginalSecondary: base.onBrand[64],
359
+ shapeBoldAccent: base.accent.original.dark || base.gray[96],
360
+ shapeBoldAccentHover: base.accent.interactions.hover.dark || base.gray[100],
361
+ shapeBoldAccentPressed: base.accent.interactions.pressed.dark || base.gray[84],
353
362
  shapeBoldBrandOriginal: base.accent.original.dark,
354
363
  shapeBoldBrandOriginalHover: base.accent.interactions.hover.dark,
355
364
  shapeBoldBrandOriginalPressed: base.accent.interactions.pressed.light,
@@ -365,12 +374,12 @@ export var getDefaultTokens = function (base) {
365
374
  shapeBoldWarning: base.warning.normal[80],
366
375
  shapeBoldWarningHover: base.warning.normal[84],
367
376
  shapeBoldWarningPressed: base.warning.dim[72],
368
- shapeFaintAccent: ((_9 = base.accent.palette) === null || _9 === void 0 ? void 0 : _9.dim[32]) || base.whiteAlpha[12],
369
- shapeFaintAccentHover: ((_10 = base.accent.palette) === null || _10 === void 0 ? void 0 : _10.dim[36]) || base.whiteAlpha[16],
370
- shapeFaintAccentPressed: ((_11 = base.accent.palette) === null || _11 === void 0 ? void 0 : _11.dim[28]) || base.whiteAlpha[8],
371
- shapeFaintBrand: base.brand.palette.dim[32],
372
- shapeFaintBrandHover: base.brand.palette.dim[36],
373
- shapeFaintBrandPressed: base.brand.palette.dim[28],
377
+ shapeFaintAccent: ((_27 = base.accent.palette) === null || _27 === void 0 ? void 0 : _27.dim[32]) || base.whiteAlpha[12],
378
+ shapeFaintAccentHover: ((_28 = base.accent.palette) === null || _28 === void 0 ? void 0 : _28.dim[36]) || base.whiteAlpha[16],
379
+ shapeFaintAccentPressed: ((_29 = base.accent.palette) === null || _29 === void 0 ? void 0 : _29.dim[28]) || base.whiteAlpha[8],
380
+ shapeFaintBrand: (_30 = base.brand.palette) === null || _30 === void 0 ? void 0 : _30.dim[32],
381
+ shapeFaintBrandHover: (_31 = base.brand.palette) === null || _31 === void 0 ? void 0 : _31.dim[36],
382
+ shapeFaintBrandPressed: (_32 = base.brand.palette) === null || _32 === void 0 ? void 0 : _32.dim[28],
374
383
  shapeFaintError: base.customizable.red.dim[32],
375
384
  shapeFaintErrorHover: base.customizable.red.dim[36],
376
385
  shapeFaintErrorPressed: base.customizable.red.dim[28],
@@ -407,12 +416,12 @@ export var getDefaultTokens = function (base) {
407
416
  shapeOtherNeutralSoftSolid: base.gray[44],
408
417
  shapeOtherNeutralSoftSolidHover: base.gray[48],
409
418
  shapeOtherNeutralSoftSolidPressed: base.gray[40],
410
- shapePaleAccent: ((_12 = base.accent.palette) === null || _12 === void 0 ? void 0 : _12.dim[36]) || base.whiteAlpha[16],
411
- shapePaleAccentHover: ((_13 = base.accent.palette) === null || _13 === void 0 ? void 0 : _13.dim[40]) || base.whiteAlpha[24],
412
- shapePaleAccentPressed: ((_14 = base.accent.palette) === null || _14 === void 0 ? void 0 : _14.dim[32]) || base.whiteAlpha[12],
413
- shapePaleBrand: base.brand.palette.dim[36],
414
- shapePaleBrandHover: base.brand.palette.dim[40],
415
- shapePaleBrandPressed: base.brand.palette.dim[32],
419
+ shapePaleAccent: ((_33 = base.accent.palette) === null || _33 === void 0 ? void 0 : _33.dim[36]) || base.whiteAlpha[16],
420
+ shapePaleAccentHover: ((_34 = base.accent.palette) === null || _34 === void 0 ? void 0 : _34.dim[40]) || base.whiteAlpha[24],
421
+ shapePaleAccentPressed: ((_35 = base.accent.palette) === null || _35 === void 0 ? void 0 : _35.dim[32]) || base.whiteAlpha[12],
422
+ shapePaleBrand: (_36 = base.brand.palette) === null || _36 === void 0 ? void 0 : _36.dim[36],
423
+ shapePaleBrandHover: (_37 = base.brand.palette) === null || _37 === void 0 ? void 0 : _37.dim[40],
424
+ shapePaleBrandPressed: (_38 = base.brand.palette) === null || _38 === void 0 ? void 0 : _38.dim[32],
416
425
  shapePaleError: base.customizable.red.dim[36],
417
426
  shapePaleErrorHover: base.customizable.red.dim[40],
418
427
  shapePaleErrorPressed: base.customizable.red.dim[32],
@@ -425,12 +434,12 @@ export var getDefaultTokens = function (base) {
425
434
  shapePaleWarning: base.warning.dim[36],
426
435
  shapePaleWarningHover: base.warning.dim[40],
427
436
  shapePaleWarningPressed: base.warning.dim[32],
428
- shapeSoftAccent: ((_15 = base.accent.palette) === null || _15 === void 0 ? void 0 : _15.dim[48]) || base.whiteAlpha[32],
429
- shapeSoftAccentHover: ((_16 = base.accent.palette) === null || _16 === void 0 ? void 0 : _16.dim[52]) || base.whiteAlpha[40],
430
- shapeSoftAccentPressed: ((_17 = base.accent.palette) === null || _17 === void 0 ? void 0 : _17.dim[44]) || base.whiteAlpha[24],
431
- shapeSoftBrand: base.brand.palette.dim[48],
432
- shapeSoftBrandHover: base.brand.palette.dim[52],
433
- shapeSoftBrandPressed: base.brand.palette.dim[44],
437
+ shapeSoftAccent: ((_39 = base.accent.palette) === null || _39 === void 0 ? void 0 : _39.dim[48]) || base.whiteAlpha[32],
438
+ shapeSoftAccentHover: ((_40 = base.accent.palette) === null || _40 === void 0 ? void 0 : _40.dim[52]) || base.whiteAlpha[40],
439
+ shapeSoftAccentPressed: ((_41 = base.accent.palette) === null || _41 === void 0 ? void 0 : _41.dim[44]) || base.whiteAlpha[24],
440
+ shapeSoftBrand: (_42 = base.brand.palette) === null || _42 === void 0 ? void 0 : _42.dim[48],
441
+ shapeSoftBrandHover: (_43 = base.brand.palette) === null || _43 === void 0 ? void 0 : _43.dim[52],
442
+ shapeSoftBrandPressed: (_44 = base.brand.palette) === null || _44 === void 0 ? void 0 : _44.dim[44],
434
443
  shapeSoftError: base.customizable.red.dim[48],
435
444
  shapeSoftErrorHover: base.customizable.red.dim[52],
436
445
  shapeSoftErrorPressed: base.customizable.red.dim[44],
@@ -446,21 +455,30 @@ export var getDefaultTokens = function (base) {
446
455
  shapeInvertedBacklessHover: base.blackAlpha[8],
447
456
  shapeInvertedBacklessPressed: base.blackAlpha[12],
448
457
  shapeInvertedDisabled: base.blackAlpha[6],
458
+ shapeInvertedNeutralFaintAlpha: base.blackAlpha[6],
459
+ shapeInvertedNeutralFaintAlphaHover: base.blackAlpha[8],
460
+ shapeInvertedNeutralFaintAlphaPressed: base.blackAlpha[12],
449
461
  shapeInvertedNeutralHeavy: base.blackAlpha[80],
450
462
  shapeInvertedNeutralHeavyHover: base.blackAlpha[88],
451
463
  shapeInvertedNeutralHeavyPressed: base.blackAlpha[72],
452
- shapeInvertedNeutralPaleAlpha: base.blackAlpha[12],
464
+ shapeInvertedNeutralPaleAlpha: base.blackAlpha[8],
453
465
  shapeInvertedNeutralPaleAlphaHover: base.blackAlpha[12],
454
466
  shapeInvertedNeutralPaleAlphaPressed: base.blackAlpha[16],
455
- shapeInvertedNeutralSoftAlpha: base.blackAlpha[32],
456
- shapeInvertedNeutralSoftAlphaHover: base.blackAlpha[32],
457
- shapeInvertedNeutralSoftAlphaPressed: base.blackAlpha[40],
458
- shapeConstBacklessBlackHover: base.blackAlpha[16],
459
- shapeConstBacklessBlackPressed: base.blackAlpha[8],
460
- shapeConstBacklessWhiteHover: base.whiteAlpha[16],
461
- shapeConstBacklessWhitePressed: base.whiteAlpha[8],
467
+ shapeInvertedNeutralSoftAlpha: base.blackAlpha[16],
468
+ shapeInvertedNeutralSoftAlphaHover: base.blackAlpha[24],
469
+ shapeInvertedNeutralSoftAlphaPressed: base.blackAlpha[32],
470
+ shapeConstBacklessBlackHover: base.blackAlpha[12],
471
+ shapeConstBacklessBlackPressed: base.blackAlpha[16],
472
+ shapeConstBacklessWhiteHover: base.whiteAlpha[12],
473
+ shapeConstBacklessWhitePressed: base.whiteAlpha[6],
462
474
  shapeConstDisabledBlack: base.blackAlpha[6],
463
475
  shapeConstDisabledWhite: base.whiteAlpha[6],
476
+ shapeConstFaintBlack: base.blackAlpha[12],
477
+ shapeConstFaintBlackHover: base.blackAlpha[16],
478
+ shapeConstFaintBlackPressed: base.blackAlpha[24],
479
+ shapeConstFaintWhite: base.whiteAlpha[12],
480
+ shapeConstFaintWhiteHover: base.whiteAlpha[16],
481
+ shapeConstFaintWhitePressed: base.whiteAlpha[8],
464
482
  shapeConstHeavyBlack: base.blackAlpha[80],
465
483
  shapeConstHeavyBlackHover: base.blackAlpha[88],
466
484
  shapeConstHeavyBlackPressed: base.blackAlpha[64],
@@ -469,26 +487,26 @@ export var getDefaultTokens = function (base) {
469
487
  shapeConstHeavyWhitePressed: base.whiteAlpha[64],
470
488
  shapeConstPaleBlack: base.blackAlpha[16],
471
489
  shapeConstPaleBlackHover: base.blackAlpha[24],
472
- shapeConstPaleBlackPressed: base.blackAlpha[12],
490
+ shapeConstPaleBlackPressed: base.blackAlpha[32],
473
491
  shapeConstPaleWhite: base.whiteAlpha[16],
474
492
  shapeConstPaleWhiteHover: base.whiteAlpha[24],
475
493
  shapeConstPaleWhitePressed: base.whiteAlpha[12],
476
494
  shapeConstPromo: base.brand.promo,
477
- shapeConstSoftBlack: base.blackAlpha[40],
478
- shapeConstSoftBlackHover: base.blackAlpha[48],
479
- shapeConstSoftBlackPressed: base.blackAlpha[24],
480
- shapeConstSoftWhite: base.whiteAlpha[48],
481
- shapeConstSoftWhiteHover: base.whiteAlpha[56],
482
- shapeConstSoftWhitePressed: base.whiteAlpha[32],
483
- lineAccentBold: base.accent.original.dark || base.accent.original.dark,
484
- lineAccentBoldHover: base.accent.interactions.hover.dark || base.accent.interactions.hover.dark,
485
- lineAccentBoldPressed: base.accent.interactions.pressed.dark || base.accent.interactions.pressed.dark,
486
- lineAccentPale: ((_18 = base.accent.palette) === null || _18 === void 0 ? void 0 : _18.dim[40]) || base.whiteAlpha[24],
487
- lineAccentPaleHover: ((_19 = base.accent.palette) === null || _19 === void 0 ? void 0 : _19.dim[44]) || base.whiteAlpha[32],
488
- lineAccentPalePressed: ((_20 = base.accent.palette) === null || _20 === void 0 ? void 0 : _20.dim[36]) || base.whiteAlpha[16],
489
- lineAccentSoft: ((_21 = base.accent.palette) === null || _21 === void 0 ? void 0 : _21.dim[48]) || base.whiteAlpha[48],
490
- lineAccentSoftHover: ((_22 = base.accent.palette) === null || _22 === void 0 ? void 0 : _22.vivid[80]) || base.gray[100],
491
- lineAccentSoftPressed: ((_23 = base.accent.palette) === null || _23 === void 0 ? void 0 : _23.dim[64]) || base.gray[100],
495
+ shapeConstSoftBlack: base.blackAlpha[24],
496
+ shapeConstSoftBlackHover: base.blackAlpha[32],
497
+ shapeConstSoftBlackPressed: base.blackAlpha[40],
498
+ shapeConstSoftWhite: base.whiteAlpha[24],
499
+ shapeConstSoftWhiteHover: base.whiteAlpha[32],
500
+ shapeConstSoftWhitePressed: base.whiteAlpha[24],
501
+ lineAccentBold: base.accent.original.dark || base.gray[88],
502
+ lineAccentBoldHover: base.accent.interactions.hover.dark || base.gray[100],
503
+ lineAccentBoldPressed: base.accent.interactions.pressed.dark || base.whiteAlpha[64],
504
+ lineAccentPale: ((_45 = base.accent.palette) === null || _45 === void 0 ? void 0 : _45.dim[40]) || base.whiteAlpha[24],
505
+ lineAccentPaleHover: ((_46 = base.accent.palette) === null || _46 === void 0 ? void 0 : _46.dim[44]) || base.whiteAlpha[32],
506
+ lineAccentPalePressed: ((_47 = base.accent.palette) === null || _47 === void 0 ? void 0 : _47.dim[36]) || base.whiteAlpha[16],
507
+ lineAccentSoft: ((_48 = base.accent.palette) === null || _48 === void 0 ? void 0 : _48.dim[48]) || base.whiteAlpha[48],
508
+ lineAccentSoftHover: ((_49 = base.accent.palette) === null || _49 === void 0 ? void 0 : _49.vivid[80]) || base.gray[100],
509
+ lineAccentSoftPressed: ((_50 = base.accent.palette) === null || _50 === void 0 ? void 0 : _50.dim[64]) || base.gray[100],
492
510
  lineBrandOriginal: base.brand.original,
493
511
  lineErrorBold: base.customizable.red.vivid[60],
494
512
  lineErrorBoldHover: base.customizable.red.vivid[68],
@@ -497,25 +515,25 @@ export var getDefaultTokens = function (base) {
497
515
  lineNeutralPale: base.whiteAlpha[16],
498
516
  lineNeutralPaleHover: base.whiteAlpha[24],
499
517
  lineNeutralPalePressed: base.whiteAlpha[12],
500
- lineOnaccentboldFaint: base.onBrand[16] || base.blackAlpha[12],
501
- lineOnaccentboldPale: base.onBrand[24] || base.blackAlpha[24],
502
- lineOnbrandoriginalFaint: base.onBrand[16],
503
- lineOnbrandoriginalPale: base.onBrand[24],
518
+ lineOnAccentBoldFaint: ((_51 = base.onAccent) === null || _51 === void 0 ? void 0 : _51[12]) || base.blackAlpha[12],
519
+ lineOnAccentBoldPale: ((_52 = base.onAccent) === null || _52 === void 0 ? void 0 : _52[24]) || base.blackAlpha[24],
520
+ lineOnBrandOriginalFaint: base.onBrand[12],
521
+ lineOnBrandOriginalPale: base.onBrand[24],
504
522
  lineSuccessBold: base.customizable.green.vivid[60],
505
523
  lineSuccessBoldHover: base.customizable.green.vivid[68],
506
524
  lineSuccessBoldPressed: base.customizable.green.dim[56],
507
525
  lineWarningBold: base.warning.vivid[80],
508
526
  lineWarningBoldHover: base.warning.vivid[84],
509
527
  lineWarningBoldPressed: base.warning.dim[72],
510
- lineInvertedAccentBold: base.accent.original.light || base.accent.original.light,
511
- lineInvertedAccentBoldHover: base.accent.interactions.hover.light || base.accent.interactions.hover.light,
512
- lineInvertedAccentBoldPressed: base.accent.interactions.pressed.light || base.accent.interactions.pressed.light,
513
- lineInvertedAccentPale: ((_24 = base.accent.palette) === null || _24 === void 0 ? void 0 : _24.normal[84]) || base.blackAlpha[24],
514
- lineInvertedAccentPaleHover: ((_25 = base.accent.palette) === null || _25 === void 0 ? void 0 : _25.normal[80]) || base.blackAlpha[32],
515
- lineInvertedAccentPalePressed: ((_26 = base.accent.palette) === null || _26 === void 0 ? void 0 : _26.dim[76]) || base.blackAlpha[40],
516
- lineInvertedAccentSoft: ((_27 = base.accent.palette) === null || _27 === void 0 ? void 0 : _27.dim[76]) || base.blackAlpha[48],
517
- lineInvertedAccentSoftHover: ((_28 = base.accent.palette) === null || _28 === void 0 ? void 0 : _28.vivid[60]) || base.blackAlpha[96],
518
- lineInvertedAccentSoftPressed: ((_29 = base.accent.palette) === null || _29 === void 0 ? void 0 : _29.dim[48]) || base.blackAlpha[96],
528
+ lineInvertedAccentBold: base.accent.original.light || base.gray[44],
529
+ lineInvertedAccentBoldHover: base.accent.interactions.hover.light || base.gray[20],
530
+ lineInvertedAccentBoldPressed: base.accent.interactions.pressed.light || base.blackAlpha[64],
531
+ lineInvertedAccentPale: ((_53 = base.accent.palette) === null || _53 === void 0 ? void 0 : _53.normal[84]) || base.blackAlpha[24],
532
+ lineInvertedAccentPaleHover: ((_54 = base.accent.palette) === null || _54 === void 0 ? void 0 : _54.normal[80]) || base.blackAlpha[32],
533
+ lineInvertedAccentPalePressed: ((_55 = base.accent.palette) === null || _55 === void 0 ? void 0 : _55.dim[76]) || base.blackAlpha[40],
534
+ lineInvertedAccentSoft: ((_56 = base.accent.palette) === null || _56 === void 0 ? void 0 : _56.dim[76]) || base.blackAlpha[48],
535
+ lineInvertedAccentSoftHover: ((_57 = base.accent.palette) === null || _57 === void 0 ? void 0 : _57.vivid[60]) || base.blackAlpha[96],
536
+ lineInvertedAccentSoftPressed: ((_58 = base.accent.palette) === null || _58 === void 0 ? void 0 : _58.dim[48]) || base.blackAlpha[96],
519
537
  lineInvertedErrorBold: base.customizable.red.vivid[56],
520
538
  lineInvertedErrorBoldHover: base.customizable.red.vivid[64],
521
539
  lineInvertedErrorBoldPressed: base.customizable.red.dim[52],
@@ -529,8 +547,8 @@ export var getDefaultTokens = function (base) {
529
547
  lineInvertedWarningBold: base.warning.vivid[80],
530
548
  lineInvertedWarningBoldHover: base.warning.vivid[72],
531
549
  lineInvertedWarningBoldPressed: base.warning.dim[68],
532
- lineConstFaintBlack: base.blackAlpha[16],
533
- lineConstFaintWhite: base.whiteAlpha[16],
550
+ lineConstFaintBlack: base.blackAlpha[12],
551
+ lineConstFaintWhite: base.whiteAlpha[12],
534
552
  lineConstPaleBlack: base.blackAlpha[24],
535
553
  lineConstPaleBlackHover: base.blackAlpha[32],
536
554
  lineConstPaleBlackPressed: base.blackAlpha[16],
@@ -545,9 +563,9 @@ export var getDefaultTokens = function (base) {
545
563
  illustrationBrand: base.brand.original,
546
564
  illustrationComplement: base.gray[100],
547
565
  illustrationOnBrand: base.onBrand[100],
548
- illustrationOncomplement: base.brand.promo,
566
+ illustrationOnComplement: base.brand.promo,
549
567
  illustrationPromo: base.brand.promo,
550
- illustrationSymbol: base.brand.palette.normal[80],
568
+ illustrationSymbol: (_59 = base.brand.palette) === null || _59 === void 0 ? void 0 : _59.normal[80],
551
569
  illustrationWhite: base.gray[100],
552
570
  customizableBoldBlack: base.gray[76],
553
571
  customizableBoldBlue: base.customizable.blue.normal[64],
@@ -203,7 +203,7 @@ export function calculateBaseHueAndCorrectionRange(inputColorString, abneyData)
203
203
  export function calcOnBrand(hex) {
204
204
  var whiteContrast = Number(calcAPCA('#fff', hex));
205
205
  var blackContrast = Number(calcAPCA('#000', hex));
206
- if (whiteContrast - 10 > blackContrast) {
206
+ if (whiteContrast - 10 <= blackContrast) {
207
207
  return DefaultSwatch.whiteAlpha;
208
208
  }
209
209
  return DefaultSwatch.blackAlpha;
@@ -415,6 +415,32 @@ export namespace BASE_TOKENS {
415
415
  const onBrand92: string;
416
416
  const onBrand96: string;
417
417
  const onBrand100: string;
418
+ const onAccent4: string;
419
+ const onAccent6: string;
420
+ const onAccent8: string;
421
+ const onAccent12: string;
422
+ const onAccent16: string;
423
+ const onAccent20: string;
424
+ const onAccent24: string;
425
+ const onAccent28: string;
426
+ const onAccent32: string;
427
+ const onAccent36: string;
428
+ const onAccent40: string;
429
+ const onAccent44: string;
430
+ const onAccent48: string;
431
+ const onAccent52: string;
432
+ const onAccent56: string;
433
+ const onAccent60: string;
434
+ const onAccent64: string;
435
+ const onAccent68: string;
436
+ const onAccent72: string;
437
+ const onAccent76: string;
438
+ const onAccent80: string;
439
+ const onAccent84: string;
440
+ const onAccent88: string;
441
+ const onAccent92: string;
442
+ const onAccent96: string;
443
+ const onAccent100: string;
418
444
  const customizableRedVivid20: string;
419
445
  const customizableRedVivid24: string;
420
446
  const customizableRedVivid28: string;