@alfalab/core-components 26.12.0 → 27.0.0-beta.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 (726) hide show
  1. package/amount/component.js +6 -15
  2. package/amount/cssm/component.js +5 -14
  3. package/amount/cssm/index.module.css +2 -14
  4. package/amount/cssm/pure/component.d.ts +0 -2
  5. package/amount/cssm/pure/component.js +0 -2
  6. package/amount/cssm/types/amount-props.d.ts +0 -8
  7. package/amount/esm/component.js +6 -15
  8. package/amount/esm/index.css +3 -15
  9. package/amount/esm/pure/component.d.ts +0 -2
  10. package/amount/esm/pure/component.js +0 -2
  11. package/amount/esm/pure/index.css +1 -1
  12. package/amount/esm/types/amount-props.d.ts +0 -8
  13. package/amount/index.css +3 -15
  14. package/amount/modern/component.js +4 -12
  15. package/amount/modern/index.css +3 -15
  16. package/amount/modern/pure/component.d.ts +0 -2
  17. package/amount/modern/pure/component.js +0 -2
  18. package/amount/modern/pure/index.css +1 -1
  19. package/amount/modern/types/amount-props.d.ts +0 -8
  20. package/amount/pure/component.d.ts +0 -2
  21. package/amount/pure/component.js +0 -2
  22. package/amount/pure/index.css +1 -1
  23. package/amount/types/amount-props.d.ts +0 -8
  24. package/bank-card/cssm/index.module.css +165 -68
  25. package/bank-card/esm/index.css +165 -68
  26. package/bank-card/index.css +165 -68
  27. package/bank-card/modern/index.css +165 -68
  28. package/bottom-sheet/{component-ac179f0f.d.ts → component-cb2f5174.d.ts} +0 -0
  29. package/bottom-sheet/{component-ac179f0f.js → component-cb2f5174.js} +1 -1
  30. package/bottom-sheet/component.js +2 -2
  31. package/bottom-sheet/components/backer/Component.js +1 -1
  32. package/bottom-sheet/components/closer/Component.js +1 -1
  33. package/bottom-sheet/components/header/Component.js +2 -2
  34. package/bottom-sheet/components/swipeable-backdrop/Component.js +1 -1
  35. package/bottom-sheet/cssm/index.module.css +2 -2
  36. package/bottom-sheet/esm/{component-4876d7a4.d.ts → component-2929b201.d.ts} +0 -0
  37. package/bottom-sheet/esm/{component-4876d7a4.js → component-2929b201.js} +1 -1
  38. package/bottom-sheet/esm/component.js +2 -2
  39. package/bottom-sheet/esm/components/backer/Component.js +1 -1
  40. package/bottom-sheet/esm/components/closer/Component.js +1 -1
  41. package/bottom-sheet/esm/components/header/Component.js +2 -2
  42. package/bottom-sheet/esm/components/swipeable-backdrop/Component.js +1 -1
  43. package/bottom-sheet/esm/index.css +2 -2
  44. package/bottom-sheet/esm/index.d.ts +1 -1
  45. package/bottom-sheet/esm/index.js +2 -2
  46. package/bottom-sheet/esm/{tslib.es6-97fcee33.d.ts → tslib.es6-58b5de0a.d.ts} +0 -0
  47. package/bottom-sheet/esm/{tslib.es6-97fcee33.js → tslib.es6-58b5de0a.js} +0 -0
  48. package/bottom-sheet/index.css +2 -2
  49. package/bottom-sheet/index.d.ts +1 -1
  50. package/bottom-sheet/index.js +2 -2
  51. package/bottom-sheet/modern/{component-cb0940a7.d.ts → component-bbe76b59.d.ts} +0 -0
  52. package/bottom-sheet/modern/{component-cb0940a7.js → component-bbe76b59.js} +0 -0
  53. package/bottom-sheet/modern/component.js +1 -1
  54. package/bottom-sheet/modern/components/header/Component.js +1 -1
  55. package/bottom-sheet/modern/index.css +2 -2
  56. package/bottom-sheet/modern/index.d.ts +1 -1
  57. package/bottom-sheet/modern/index.js +1 -1
  58. package/bottom-sheet/{tslib.es6-6270a94a.d.ts → tslib.es6-78658827.d.ts} +0 -0
  59. package/bottom-sheet/{tslib.es6-6270a94a.js → tslib.es6-78658827.js} +0 -0
  60. package/button/cssm/default.module.css +30 -26
  61. package/button/cssm/inverted.module.css +45 -29
  62. package/button/default.css +30 -26
  63. package/button/esm/default.css +30 -26
  64. package/button/esm/inverted.css +45 -29
  65. package/button/inverted.css +45 -29
  66. package/button/modern/default.css +30 -26
  67. package/button/modern/inverted.css +45 -29
  68. package/calendar/Component.js +1 -1
  69. package/calendar/components/days-table/Component.js +1 -1
  70. package/calendar/components/days-table/index.css +2 -2
  71. package/calendar/components/days-table/index.js +1 -1
  72. package/calendar/components/month-year-header/Component.js +1 -1
  73. package/calendar/components/month-year-header/index.js +1 -1
  74. package/calendar/components/months-table/Component.js +1 -1
  75. package/calendar/components/months-table/index.js +1 -1
  76. package/calendar/components/select-button/Component.js +1 -1
  77. package/calendar/components/select-button/index.js +1 -1
  78. package/calendar/components/years-table/Component.js +1 -1
  79. package/calendar/components/years-table/index.js +1 -1
  80. package/calendar/cssm/components/days-table/index.module.css +2 -2
  81. package/calendar/cssm/components/select-button/Component.d.ts +1 -1
  82. package/calendar/esm/Component.js +1 -1
  83. package/calendar/esm/components/days-table/Component.js +1 -1
  84. package/calendar/esm/components/days-table/index.css +2 -2
  85. package/calendar/esm/components/days-table/index.js +1 -1
  86. package/calendar/esm/components/month-year-header/Component.js +1 -1
  87. package/calendar/esm/components/month-year-header/index.js +1 -1
  88. package/calendar/esm/components/months-table/Component.js +1 -1
  89. package/calendar/esm/components/months-table/index.js +1 -1
  90. package/calendar/esm/components/select-button/Component.d.ts +1 -1
  91. package/calendar/esm/components/select-button/Component.js +1 -1
  92. package/calendar/esm/components/select-button/index.js +1 -1
  93. package/calendar/esm/components/years-table/Component.js +1 -1
  94. package/calendar/esm/components/years-table/index.js +1 -1
  95. package/calendar/esm/index.js +1 -1
  96. package/calendar/esm/{tslib.es6-dcaa720f.d.ts → tslib.es6-cc88169d.d.ts} +0 -0
  97. package/calendar/esm/{tslib.es6-dcaa720f.js → tslib.es6-cc88169d.js} +0 -0
  98. package/calendar/index.js +1 -1
  99. package/calendar/modern/components/days-table/index.css +2 -2
  100. package/calendar/{tslib.es6-143012f2.d.ts → tslib.es6-9016aae0.d.ts} +0 -0
  101. package/calendar/{tslib.es6-143012f2.js → tslib.es6-9016aae0.js} +0 -0
  102. package/calendar-range/Component.js +1 -1
  103. package/calendar-range/esm/Component.js +1 -1
  104. package/calendar-range/esm/index.js +1 -1
  105. package/calendar-range/esm/{index.module-e24e5cda.d.ts → index.module-180edf9f.d.ts} +0 -0
  106. package/calendar-range/esm/{index.module-e24e5cda.js → index.module-180edf9f.js} +0 -0
  107. package/calendar-range/esm/views/popover.js +1 -1
  108. package/calendar-range/esm/views/static.js +1 -1
  109. package/calendar-range/index.js +1 -1
  110. package/calendar-range/{index.module-f524d00d.d.ts → index.module-56ec1ab3.d.ts} +0 -0
  111. package/calendar-range/{index.module-f524d00d.js → index.module-56ec1ab3.js} +0 -0
  112. package/calendar-range/modern/Component.js +1 -1
  113. package/calendar-range/modern/index.js +1 -1
  114. package/calendar-range/modern/{index.module-e9ae4588.js → index.module-db728217.js} +0 -0
  115. package/calendar-range/modern/views/popover.js +1 -1
  116. package/calendar-range/modern/views/static.js +1 -1
  117. package/calendar-range/views/popover.js +1 -1
  118. package/calendar-range/views/static.js +1 -1
  119. package/chart/Component.js +1 -1
  120. package/chart/esm/Component.js +1 -1
  121. package/chart/esm/hooks/useSettings/index.js +1 -1
  122. package/chart/esm/hooks/useSettings/utils/setDatas.js +1 -1
  123. package/chart/esm/hooks/useSettings/utils/setGradientCharts.js +1 -1
  124. package/chart/esm/index.js +1 -1
  125. package/chart/esm/{tslib.es6-ecd58c05.d.ts → tslib.es6-91da9559.d.ts} +0 -0
  126. package/chart/esm/{tslib.es6-ecd58c05.js → tslib.es6-91da9559.js} +0 -0
  127. package/chart/hooks/useSettings/index.js +1 -1
  128. package/chart/hooks/useSettings/utils/setDatas.d.ts +2 -1
  129. package/chart/hooks/useSettings/utils/setDatas.js +1 -1
  130. package/chart/hooks/useSettings/utils/setGradientCharts.js +1 -1
  131. package/chart/index.js +1 -1
  132. package/chart/modern/hooks/useSettings/utils/setDatas.d.ts +2 -1
  133. package/chart/{tslib.es6-30c58b24.d.ts → tslib.es6-ff6bc76d.d.ts} +0 -0
  134. package/chart/{tslib.es6-30c58b24.js → tslib.es6-ff6bc76d.js} +0 -0
  135. package/checkbox/cssm/index.module.css +6 -6
  136. package/checkbox/esm/index.css +6 -6
  137. package/checkbox/index.css +6 -6
  138. package/checkbox/modern/index.css +6 -6
  139. package/confirmation/component.js +1 -1
  140. package/confirmation/components/index.js +1 -1
  141. package/confirmation/components/screens/index.js +1 -1
  142. package/confirmation/components/screens/initial/component.js +1 -1
  143. package/confirmation/components/screens/initial/countdown-section.js +1 -1
  144. package/confirmation/components/screens/initial/index.js +1 -1
  145. package/confirmation/{countdown-section-aeaa4fb5.d.ts → countdown-section-f9e59127.d.ts} +0 -0
  146. package/confirmation/{countdown-section-aeaa4fb5.js → countdown-section-f9e59127.js} +0 -0
  147. package/confirmation/esm/component.js +1 -1
  148. package/confirmation/esm/components/index.js +1 -1
  149. package/confirmation/esm/components/screens/index.js +1 -1
  150. package/confirmation/esm/components/screens/initial/component.js +1 -1
  151. package/confirmation/esm/components/screens/initial/countdown-section.js +1 -1
  152. package/confirmation/esm/components/screens/initial/index.js +1 -1
  153. package/confirmation/esm/{countdown-section-fc478e90.d.ts → countdown-section-0252e8b9.d.ts} +0 -0
  154. package/confirmation/esm/{countdown-section-fc478e90.js → countdown-section-0252e8b9.js} +0 -0
  155. package/confirmation/esm/index.js +1 -1
  156. package/confirmation/index.js +1 -1
  157. package/confirmation/modern/component.js +1 -1
  158. package/confirmation/modern/components/index.js +1 -1
  159. package/confirmation/modern/components/screens/index.js +1 -1
  160. package/confirmation/modern/components/screens/initial/component.js +1 -1
  161. package/confirmation/modern/components/screens/initial/countdown-section.js +1 -1
  162. package/confirmation/modern/components/screens/initial/index.js +1 -1
  163. package/confirmation/modern/{countdown-section-63b2a9a6.d.ts → countdown-section-7f6bab79.d.ts} +0 -0
  164. package/confirmation/modern/{countdown-section-63b2a9a6.js → countdown-section-7f6bab79.js} +0 -0
  165. package/confirmation/modern/index.js +1 -1
  166. package/date-input/cssm/Component.d.ts +1 -1
  167. package/dropzone/cssm/index.module.css +2 -2
  168. package/dropzone/esm/index.css +2 -2
  169. package/dropzone/index.css +2 -2
  170. package/dropzone/modern/index.css +2 -2
  171. package/form-control/cssm/default.module.css +3 -3
  172. package/form-control/default.css +3 -3
  173. package/form-control/esm/default.css +3 -3
  174. package/form-control/modern/default.css +3 -3
  175. package/gallery/Component.js +2 -2
  176. package/gallery/components/header/Component.js +1 -1
  177. package/gallery/components/header/buttons.js +1 -1
  178. package/gallery/components/header/index.js +1 -1
  179. package/gallery/components/image-viewer/component.js +2 -2
  180. package/gallery/components/image-viewer/index.js +2 -2
  181. package/gallery/components/image-viewer/slide.js +1 -1
  182. package/gallery/components/index.js +2 -2
  183. package/gallery/esm/Component.js +2 -2
  184. package/gallery/esm/components/header/Component.js +1 -1
  185. package/gallery/esm/components/header/buttons.js +1 -1
  186. package/gallery/esm/components/header/index.js +1 -1
  187. package/gallery/esm/components/image-viewer/component.js +2 -2
  188. package/gallery/esm/components/image-viewer/index.js +2 -2
  189. package/gallery/esm/components/image-viewer/slide.js +1 -1
  190. package/gallery/esm/components/index.js +2 -2
  191. package/gallery/esm/index.js +2 -2
  192. package/gallery/esm/{slide-7fb5d007.d.ts → slide-71941cc8.d.ts} +0 -0
  193. package/gallery/esm/{slide-7fb5d007.js → slide-71941cc8.js} +0 -0
  194. package/gallery/esm/{tslib.es6-6d3e6f47.d.ts → tslib.es6-875422e0.d.ts} +0 -0
  195. package/gallery/esm/{tslib.es6-6d3e6f47.js → tslib.es6-875422e0.js} +0 -0
  196. package/gallery/index.js +2 -2
  197. package/gallery/modern/Component.js +1 -1
  198. package/gallery/modern/components/image-viewer/component.js +1 -1
  199. package/gallery/modern/components/image-viewer/index.js +1 -1
  200. package/gallery/modern/components/image-viewer/slide.js +1 -1
  201. package/gallery/modern/components/index.js +1 -1
  202. package/gallery/modern/index.js +1 -1
  203. package/gallery/modern/{slide-a3275080.d.ts → slide-1df71b26.d.ts} +0 -0
  204. package/gallery/modern/{slide-a3275080.js → slide-1df71b26.js} +0 -0
  205. package/gallery/{slide-e3b1256b.d.ts → slide-378f8a6a.d.ts} +0 -0
  206. package/gallery/{slide-e3b1256b.js → slide-378f8a6a.js} +0 -0
  207. package/gallery/{tslib.es6-2a2f3603.d.ts → tslib.es6-682e8e27.d.ts} +0 -0
  208. package/gallery/{tslib.es6-2a2f3603.js → tslib.es6-682e8e27.js} +0 -0
  209. package/grid/Component.js +1 -1
  210. package/grid/col/Component.js +1 -1
  211. package/grid/col/index.js +1 -1
  212. package/grid/esm/Component.js +1 -1
  213. package/grid/esm/col/Component.js +1 -1
  214. package/grid/esm/col/index.js +1 -1
  215. package/grid/esm/{gutters.module-4c13feb8.d.ts → gutters.module-e926dd15.d.ts} +0 -0
  216. package/grid/esm/{gutters.module-4c13feb8.js → gutters.module-e926dd15.js} +0 -0
  217. package/grid/esm/index.js +1 -1
  218. package/grid/esm/row/Component.js +1 -1
  219. package/grid/esm/row/index.js +1 -1
  220. package/grid/{gutters.module-9717f2e9.d.ts → gutters.module-527484e4.d.ts} +0 -0
  221. package/grid/{gutters.module-9717f2e9.js → gutters.module-527484e4.js} +0 -0
  222. package/grid/index.js +1 -1
  223. package/grid/modern/Component.js +1 -1
  224. package/grid/modern/col/Component.js +1 -1
  225. package/grid/modern/col/index.js +1 -1
  226. package/grid/modern/{gutters.module-32bff58c.js → gutters.module-546d9e29.js} +0 -0
  227. package/grid/modern/index.js +1 -1
  228. package/grid/modern/row/Component.js +1 -1
  229. package/grid/modern/row/index.js +1 -1
  230. package/grid/row/Component.js +1 -1
  231. package/grid/row/index.js +1 -1
  232. package/icon-button/Component.d.ts +2 -2
  233. package/icon-button/Component.js +3 -3
  234. package/icon-button/cssm/Component.d.ts +2 -2
  235. package/icon-button/cssm/Component.js +1 -1
  236. package/icon-button/cssm/default.module.css +36 -7
  237. package/icon-button/cssm/inverted.module.css +44 -10
  238. package/icon-button/default.css +36 -7
  239. package/icon-button/esm/Component.d.ts +2 -2
  240. package/icon-button/esm/Component.js +3 -3
  241. package/icon-button/esm/default.css +36 -7
  242. package/icon-button/esm/inverted.css +44 -10
  243. package/icon-button/inverted.css +44 -10
  244. package/icon-button/modern/Component.d.ts +2 -2
  245. package/icon-button/modern/Component.js +3 -3
  246. package/icon-button/modern/default.css +36 -7
  247. package/icon-button/modern/inverted.css +44 -10
  248. package/icon-view/circle.js +1 -1
  249. package/icon-view/components/circle/component.js +1 -1
  250. package/icon-view/components/circle/index.js +1 -1
  251. package/icon-view/components/index.js +1 -1
  252. package/icon-view/components/super-ellipse/component.js +1 -1
  253. package/icon-view/components/super-ellipse/index.js +1 -1
  254. package/icon-view/esm/circle.js +1 -1
  255. package/icon-view/esm/components/circle/component.js +1 -1
  256. package/icon-view/esm/components/circle/index.js +1 -1
  257. package/icon-view/esm/components/index.js +1 -1
  258. package/icon-view/esm/components/super-ellipse/component.js +1 -1
  259. package/icon-view/esm/components/super-ellipse/index.js +1 -1
  260. package/icon-view/esm/super-ellipse.js +1 -1
  261. package/icon-view/esm/{tslib.es6-62ec6b5d.d.ts → tslib.es6-5a02ea80.d.ts} +0 -0
  262. package/icon-view/esm/{tslib.es6-62ec6b5d.js → tslib.es6-5a02ea80.js} +0 -0
  263. package/icon-view/super-ellipse.js +1 -1
  264. package/icon-view/{tslib.es6-713fbafd.d.ts → tslib.es6-ef431aff.d.ts} +0 -0
  265. package/icon-view/{tslib.es6-713fbafd.js → tslib.es6-ef431aff.js} +0 -0
  266. package/intl-phone-input/{component-6aa7c1d6.d.ts → component-b32c87f0.d.ts} +0 -0
  267. package/intl-phone-input/{component-6aa7c1d6.js → component-b32c87f0.js} +0 -0
  268. package/intl-phone-input/component.js +2 -2
  269. package/intl-phone-input/components/index.js +1 -1
  270. package/intl-phone-input/components/select/component.js +1 -1
  271. package/intl-phone-input/components/select/index.js +1 -1
  272. package/intl-phone-input/components/select-field/component.js +1 -1
  273. package/intl-phone-input/components/select-field/index.d.ts +1 -1
  274. package/intl-phone-input/components/select-field/index.js +1 -1
  275. package/intl-phone-input/esm/{component-c6c7a649.d.ts → component-e8e7f02a.d.ts} +0 -0
  276. package/intl-phone-input/esm/{component-c6c7a649.js → component-e8e7f02a.js} +0 -0
  277. package/intl-phone-input/esm/component.js +2 -2
  278. package/intl-phone-input/esm/components/index.js +1 -1
  279. package/intl-phone-input/esm/components/select/component.js +1 -1
  280. package/intl-phone-input/esm/components/select/index.js +1 -1
  281. package/intl-phone-input/esm/components/select-field/component.js +1 -1
  282. package/intl-phone-input/esm/components/select-field/index.d.ts +1 -1
  283. package/intl-phone-input/esm/components/select-field/index.js +1 -1
  284. package/intl-phone-input/esm/index.js +1 -1
  285. package/intl-phone-input/esm/{libphonenumber-js.min-71baaecc.d.ts → libphonenumber-js.min-79cae751.d.ts} +0 -0
  286. package/intl-phone-input/esm/{libphonenumber-js.min-71baaecc.js → libphonenumber-js.min-79cae751.js} +0 -0
  287. package/intl-phone-input/index.js +1 -1
  288. package/intl-phone-input/{libphonenumber-js.min-c39889b0.d.ts → libphonenumber-js.min-9745165b.d.ts} +0 -0
  289. package/intl-phone-input/{libphonenumber-js.min-c39889b0.js → libphonenumber-js.min-9745165b.js} +0 -0
  290. package/intl-phone-input/modern/component.js +1 -1
  291. package/intl-phone-input/modern/{libphonenumber-js.min-71baaecc.d.ts → libphonenumber-js.min-79cae751.d.ts} +0 -0
  292. package/intl-phone-input/modern/{libphonenumber-js.min-71baaecc.js → libphonenumber-js.min-79cae751.js} +0 -0
  293. package/modal/Component.desktop.js +2 -2
  294. package/modal/Component.mobile.js +2 -2
  295. package/modal/Component.responsive.js +2 -2
  296. package/modal/components/closer/Component.js +1 -1
  297. package/modal/components/content/Component.desktop.js +1 -1
  298. package/modal/components/content/Component.mobile.js +1 -1
  299. package/modal/components/footer/Component.desktop.js +1 -1
  300. package/modal/components/footer/Component.mobile.js +1 -1
  301. package/modal/components/header/Component.desktop.js +1 -1
  302. package/modal/components/header/Component.mobile.js +1 -1
  303. package/modal/desktop.js +2 -2
  304. package/modal/esm/Component.desktop.js +2 -2
  305. package/modal/esm/Component.mobile.js +2 -2
  306. package/modal/esm/Component.responsive.js +2 -2
  307. package/modal/esm/components/closer/Component.js +1 -1
  308. package/modal/esm/components/content/Component.desktop.js +1 -1
  309. package/modal/esm/components/content/Component.mobile.js +1 -1
  310. package/modal/esm/components/footer/Component.desktop.js +1 -1
  311. package/modal/esm/components/footer/Component.mobile.js +1 -1
  312. package/modal/esm/components/header/Component.desktop.js +1 -1
  313. package/modal/esm/components/header/Component.mobile.js +1 -1
  314. package/modal/esm/desktop.js +2 -2
  315. package/modal/esm/index.js +2 -2
  316. package/modal/esm/mobile.js +2 -2
  317. package/modal/esm/responsive.js +2 -2
  318. package/modal/esm/{transitions.module-045f0acc.js → transitions.module-68527aae.js} +0 -0
  319. package/modal/esm/{tslib.es6-926adafc.d.ts → tslib.es6-3852fc63.d.ts} +0 -0
  320. package/modal/esm/{tslib.es6-926adafc.js → tslib.es6-3852fc63.js} +0 -0
  321. package/modal/index.js +2 -2
  322. package/modal/mobile.js +2 -2
  323. package/modal/modern/Component.desktop.js +1 -1
  324. package/modal/modern/Component.mobile.js +1 -1
  325. package/modal/modern/Component.responsive.d.ts +1 -1
  326. package/modal/modern/Component.responsive.js +1 -1
  327. package/modal/modern/desktop.js +1 -1
  328. package/modal/modern/index.js +1 -1
  329. package/modal/modern/mobile.js +1 -1
  330. package/modal/modern/responsive.js +1 -1
  331. package/modal/modern/{transitions.module-045f0acc.js → transitions.module-68527aae.js} +0 -0
  332. package/modal/responsive.js +2 -2
  333. package/modal/{transitions.module-78f5235e.js → transitions.module-6ad80b82.js} +0 -0
  334. package/modal/{tslib.es6-33906f7c.d.ts → tslib.es6-b75c94d3.d.ts} +0 -0
  335. package/modal/{tslib.es6-33906f7c.js → tslib.es6-b75c94d3.js} +0 -0
  336. package/package.json +1 -1
  337. package/pagination/components/tag/index.css +2 -2
  338. package/pagination/cssm/components/tag/index.module.css +2 -2
  339. package/pagination/esm/components/tag/index.css +2 -2
  340. package/pagination/modern/components/tag/index.css +2 -2
  341. package/phone-input/esm/utils/index.js +7 -5
  342. package/phone-input/utils/index.js +5 -7
  343. package/picker-button/Component.js +1 -1
  344. package/picker-button/esm/Component.js +1 -1
  345. package/picker-button/esm/field/Component.js +1 -1
  346. package/picker-button/esm/field/index.js +1 -1
  347. package/picker-button/esm/index.js +1 -1
  348. package/picker-button/esm/option/Component.js +1 -1
  349. package/picker-button/esm/option/index.js +1 -1
  350. package/picker-button/esm/{tslib.es6-fe077bfd.d.ts → tslib.es6-88641d51.d.ts} +0 -0
  351. package/picker-button/esm/{tslib.es6-fe077bfd.js → tslib.es6-88641d51.js} +0 -0
  352. package/picker-button/field/Component.js +1 -1
  353. package/picker-button/field/index.js +1 -1
  354. package/picker-button/index.js +1 -1
  355. package/picker-button/option/Component.js +1 -1
  356. package/picker-button/option/index.js +1 -1
  357. package/picker-button/{tslib.es6-c60862eb.d.ts → tslib.es6-057c91a6.d.ts} +0 -0
  358. package/picker-button/{tslib.es6-c60862eb.js → tslib.es6-057c91a6.js} +0 -0
  359. package/radio/cssm/index.module.css +9 -9
  360. package/radio/esm/index.css +9 -9
  361. package/radio/index.css +9 -9
  362. package/radio/modern/index.css +9 -9
  363. package/select/{Component-59ee901e.d.ts → Component-25f36dc0.d.ts} +0 -0
  364. package/select/{Component-59ee901e.js → Component-25f36dc0.js} +1 -1
  365. package/select/{Component-cbbcfb97.d.ts → Component-da55892c.d.ts} +0 -0
  366. package/select/{Component-cbbcfb97.js → Component-da55892c.js} +3 -3
  367. package/select/Component.js +2 -2
  368. package/select/components/base-select/Component.js +2 -2
  369. package/select/components/base-select/index.d.ts +1 -1
  370. package/select/components/base-select/index.js +2 -2
  371. package/select/components/field/Component.js +1 -1
  372. package/select/components/field/index.js +1 -1
  373. package/select/components/index.js +4 -4
  374. package/select/components/native-select/Component.js +1 -1
  375. package/select/components/native-select/index.js +1 -1
  376. package/select/components/option/Component.js +1 -1
  377. package/select/components/option/index.js +1 -1
  378. package/select/components/options-list/Component.js +1 -1
  379. package/select/components/options-list/index.js +1 -1
  380. package/select/components/select-mobile/Component.js +4 -4
  381. package/select/components/select-mobile/index.d.ts +1 -1
  382. package/select/components/select-mobile/index.js +4 -4
  383. package/select/components/select-mobile/options-list/Component.js +1 -1
  384. package/select/components/select-mobile/options-list/index.js +1 -1
  385. package/select/components/virtual-options-list/Component.js +1 -1
  386. package/select/components/virtual-options-list/index.js +1 -1
  387. package/select/esm/{Component-67ca3113.d.ts → Component-2ae8e5a1.d.ts} +0 -0
  388. package/select/esm/{Component-67ca3113.js → Component-2ae8e5a1.js} +2 -2
  389. package/select/esm/{Component-10659b80.d.ts → Component-a591cb6f.d.ts} +0 -0
  390. package/select/esm/{Component-10659b80.js → Component-a591cb6f.js} +9 -9
  391. package/select/esm/Component.js +8 -8
  392. package/select/esm/components/base-select/Component.js +3 -3
  393. package/select/esm/components/base-select/index.d.ts +1 -1
  394. package/select/esm/components/base-select/index.js +3 -3
  395. package/select/esm/components/field/Component.js +2 -2
  396. package/select/esm/components/field/index.js +2 -2
  397. package/select/esm/components/index.js +10 -10
  398. package/select/esm/components/native-select/Component.js +1 -1
  399. package/select/esm/components/native-select/index.js +1 -1
  400. package/select/esm/components/option/Component.js +1 -1
  401. package/select/esm/components/option/index.js +1 -1
  402. package/select/esm/components/options-list/Component.js +1 -1
  403. package/select/esm/components/options-list/index.js +1 -1
  404. package/select/esm/components/select-mobile/Component.js +10 -10
  405. package/select/esm/components/select-mobile/index.d.ts +1 -1
  406. package/select/esm/components/select-mobile/index.js +10 -10
  407. package/select/esm/components/select-mobile/options-list/Component.js +1 -1
  408. package/select/esm/components/select-mobile/options-list/index.js +1 -1
  409. package/select/esm/components/virtual-options-list/Component.js +1 -1
  410. package/select/esm/components/virtual-options-list/index.js +1 -1
  411. package/select/esm/index.js +10 -10
  412. package/select/esm/{intersection-observer-c97fa82b.d.ts → intersection-observer-38d83a42.d.ts} +0 -0
  413. package/select/esm/{intersection-observer-c97fa82b.js → intersection-observer-38d83a42.js} +0 -0
  414. package/select/esm/presets/index.js +10 -10
  415. package/select/esm/presets/useLazyLoading/hook.js +2 -2
  416. package/select/esm/presets/useSelectWithApply/hook.js +10 -10
  417. package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +10 -10
  418. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  419. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +10 -10
  420. package/select/esm/presets/useSelectWithLoading/hook.js +1 -1
  421. package/select/esm/{tslib.es6-dfe5e05c.d.ts → tslib.es6-d934a155.d.ts} +0 -0
  422. package/select/esm/{tslib.es6-dfe5e05c.js → tslib.es6-d934a155.js} +0 -0
  423. package/select/index.js +4 -4
  424. package/select/{intersection-observer-91bd8519.d.ts → intersection-observer-e16c7d61.d.ts} +0 -0
  425. package/select/{intersection-observer-91bd8519.js → intersection-observer-e16c7d61.js} +0 -0
  426. package/select/modern/{Component-8aa58d39.d.ts → Component-41045f11.d.ts} +0 -0
  427. package/select/modern/{Component-8aa58d39.js → Component-41045f11.js} +1 -1
  428. package/select/modern/{Component-251596cb.d.ts → Component-80e0d0f3.d.ts} +0 -0
  429. package/select/modern/{Component-251596cb.js → Component-80e0d0f3.js} +8 -8
  430. package/select/modern/Component.js +7 -7
  431. package/select/modern/components/base-select/Component.js +2 -2
  432. package/select/modern/components/base-select/index.d.ts +1 -1
  433. package/select/modern/components/base-select/index.js +2 -2
  434. package/select/modern/components/field/Component.js +1 -1
  435. package/select/modern/components/field/index.js +1 -1
  436. package/select/modern/components/index.js +9 -9
  437. package/select/modern/components/select-mobile/Component.js +9 -9
  438. package/select/modern/components/select-mobile/index.d.ts +1 -1
  439. package/select/modern/components/select-mobile/index.js +9 -9
  440. package/select/modern/index.js +9 -9
  441. package/select/modern/{intersection-observer-c97fa82b.d.ts → intersection-observer-38d83a42.d.ts} +0 -0
  442. package/select/modern/{intersection-observer-c97fa82b.js → intersection-observer-38d83a42.js} +0 -0
  443. package/select/modern/presets/index.js +9 -9
  444. package/select/modern/presets/useLazyLoading/hook.js +1 -1
  445. package/select/modern/presets/useSelectWithApply/hook.js +9 -9
  446. package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +9 -9
  447. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  448. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +9 -9
  449. package/select/presets/index.js +4 -4
  450. package/select/presets/useLazyLoading/hook.js +2 -2
  451. package/select/presets/useSelectWithApply/hook.js +4 -4
  452. package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +4 -4
  453. package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  454. package/select/presets/useSelectWithApply/options-list-with-apply/index.js +4 -4
  455. package/select/presets/useSelectWithLoading/hook.js +1 -1
  456. package/select/{tslib.es6-df76916a.d.ts → tslib.es6-2dc46ea8.d.ts} +0 -0
  457. package/select/{tslib.es6-df76916a.js → tslib.es6-2dc46ea8.js} +0 -0
  458. package/select-with-tags/component.js +1 -1
  459. package/select-with-tags/components/index.js +1 -1
  460. package/select-with-tags/components/tag/component.js +1 -1
  461. package/select-with-tags/components/tag/index.js +1 -1
  462. package/select-with-tags/components/tag-list/component.js +1 -1
  463. package/select-with-tags/components/tag-list/index.js +1 -1
  464. package/select-with-tags/esm/component.js +1 -1
  465. package/select-with-tags/esm/components/index.js +1 -1
  466. package/select-with-tags/esm/components/tag/component.js +1 -1
  467. package/select-with-tags/esm/components/tag/index.js +1 -1
  468. package/select-with-tags/esm/components/tag-list/component.js +1 -1
  469. package/select-with-tags/esm/components/tag-list/index.js +1 -1
  470. package/select-with-tags/esm/index.js +1 -1
  471. package/select-with-tags/esm/{tslib.es6-341f67df.d.ts → tslib.es6-cb3df343.d.ts} +0 -0
  472. package/select-with-tags/esm/{tslib.es6-341f67df.js → tslib.es6-cb3df343.js} +0 -0
  473. package/select-with-tags/esm/utils/index.js +1 -1
  474. package/select-with-tags/esm/utils/match.js +1 -1
  475. package/select-with-tags/index.js +1 -1
  476. package/select-with-tags/{tslib.es6-7b812af1.d.ts → tslib.es6-dd85aeee.d.ts} +0 -0
  477. package/select-with-tags/{tslib.es6-7b812af1.js → tslib.es6-dd85aeee.js} +0 -0
  478. package/select-with-tags/utils/index.js +1 -1
  479. package/select-with-tags/utils/match.js +1 -1
  480. package/space/Component.js +1 -1
  481. package/space/{Item-bdd7ff58.d.ts → Item-b1811bd4.d.ts} +0 -0
  482. package/space/{Item-bdd7ff58.js → Item-b1811bd4.js} +0 -0
  483. package/space/Item.js +1 -1
  484. package/space/esm/Component.js +1 -1
  485. package/space/esm/{Item-78c94425.d.ts → Item-dfbfa290.d.ts} +0 -0
  486. package/space/esm/{Item-78c94425.js → Item-dfbfa290.js} +0 -0
  487. package/space/esm/Item.js +1 -1
  488. package/space/esm/index.js +1 -1
  489. package/space/index.js +1 -1
  490. package/switch/cssm/index.module.css +5 -5
  491. package/switch/esm/index.css +5 -5
  492. package/switch/index.css +5 -5
  493. package/switch/modern/index.css +5 -5
  494. package/table/component.js +1 -1
  495. package/table/components/index.js +1 -1
  496. package/table/components/pagination/Component.js +1 -1
  497. package/table/components/pagination/index.js +1 -1
  498. package/table/components/pagination/select-field/index.js +1 -1
  499. package/table/components/table/Component.js +1 -1
  500. package/table/components/table/index.js +1 -1
  501. package/table/components/table/utils.js +1 -1
  502. package/table/components/tbody/Component.js +1 -1
  503. package/table/components/tbody/index.js +1 -1
  504. package/table/components/tcell/Component.js +1 -1
  505. package/table/components/tcell/index.js +1 -1
  506. package/table/components/texpandable-row/Component.js +1 -1
  507. package/table/components/texpandable-row/index.js +1 -1
  508. package/table/components/thead/Component.js +1 -1
  509. package/table/components/thead/index.css +2 -2
  510. package/table/components/thead/index.js +1 -1
  511. package/table/components/thead-cell/Component.js +1 -1
  512. package/table/components/thead-cell/index.js +1 -1
  513. package/table/components/trow/Component.js +1 -1
  514. package/table/components/trow/index.js +1 -1
  515. package/table/components/tsortable-head-cell/Component.js +1 -1
  516. package/table/components/tsortable-head-cell/index.js +1 -1
  517. package/table/components/tsortable-head-cell/sort-icon-asc.js +1 -1
  518. package/table/components/tsortable-head-cell/sort-icon-desc.js +1 -1
  519. package/table/components/tsortable-head-cell/sort-icon-unset.js +1 -1
  520. package/table/cssm/components/thead/index.module.css +2 -2
  521. package/table/esm/component.js +1 -1
  522. package/table/esm/components/index.js +1 -1
  523. package/table/esm/components/pagination/Component.js +1 -1
  524. package/table/esm/components/pagination/index.js +1 -1
  525. package/table/esm/components/pagination/select-field/index.js +1 -1
  526. package/table/esm/components/table/Component.js +1 -1
  527. package/table/esm/components/table/index.js +1 -1
  528. package/table/esm/components/table/utils.js +1 -1
  529. package/table/esm/components/tbody/Component.js +1 -1
  530. package/table/esm/components/tbody/index.js +1 -1
  531. package/table/esm/components/tcell/Component.js +1 -1
  532. package/table/esm/components/tcell/index.js +1 -1
  533. package/table/esm/components/texpandable-row/Component.js +1 -1
  534. package/table/esm/components/texpandable-row/index.js +1 -1
  535. package/table/esm/components/thead/Component.js +1 -1
  536. package/table/esm/components/thead/index.css +2 -2
  537. package/table/esm/components/thead/index.js +1 -1
  538. package/table/esm/components/thead-cell/Component.js +1 -1
  539. package/table/esm/components/thead-cell/index.js +1 -1
  540. package/table/esm/components/trow/Component.js +1 -1
  541. package/table/esm/components/trow/index.js +1 -1
  542. package/table/esm/components/tsortable-head-cell/Component.js +1 -1
  543. package/table/esm/components/tsortable-head-cell/index.js +1 -1
  544. package/table/esm/components/tsortable-head-cell/sort-icon-asc.js +1 -1
  545. package/table/esm/components/tsortable-head-cell/sort-icon-desc.js +1 -1
  546. package/table/esm/components/tsortable-head-cell/sort-icon-unset.js +1 -1
  547. package/table/esm/index.js +1 -1
  548. package/table/esm/{tslib.es6-adc3606f.d.ts → tslib.es6-ed06fa90.d.ts} +0 -0
  549. package/table/esm/{tslib.es6-adc3606f.js → tslib.es6-ed06fa90.js} +0 -0
  550. package/table/index.js +1 -1
  551. package/table/modern/components/thead/index.css +2 -2
  552. package/table/{tslib.es6-b12352ea.d.ts → tslib.es6-4c011f96.d.ts} +0 -0
  553. package/table/{tslib.es6-b12352ea.js → tslib.es6-4c011f96.js} +0 -0
  554. package/tabs/components/primary-tablist/Component.desktop.js +2 -2
  555. package/tabs/components/primary-tablist/Component.js +1 -1
  556. package/tabs/components/primary-tablist/Component.mobile.js +2 -2
  557. package/tabs/components/primary-tablist/Component.responsive.js +2 -2
  558. package/tabs/components/primary-tablist/index.css +1 -1
  559. package/tabs/components/primary-tablist/mobile.css +166 -69
  560. package/tabs/components/scrollable-container/index.css +1 -1
  561. package/tabs/components/secondary-tablist/Component.desktop.js +2 -2
  562. package/tabs/components/secondary-tablist/Component.js +1 -1
  563. package/tabs/components/secondary-tablist/Component.mobile.js +2 -2
  564. package/tabs/components/secondary-tablist/Component.responsive.js +2 -2
  565. package/tabs/components/secondary-tablist/index.css +1 -1
  566. package/tabs/components/secondary-tablist/mobile.css +166 -69
  567. package/tabs/components/tab/index.css +1 -1
  568. package/tabs/components/tabs/Component.desktop.js +3 -3
  569. package/tabs/components/tabs/Component.mobile.js +3 -3
  570. package/tabs/components/tabs/Component.responsive.js +3 -3
  571. package/tabs/desktop.js +3 -3
  572. package/tabs/esm/components/primary-tablist/Component.desktop.js +2 -2
  573. package/tabs/esm/components/primary-tablist/Component.js +1 -1
  574. package/tabs/esm/components/primary-tablist/Component.mobile.js +2 -2
  575. package/tabs/esm/components/primary-tablist/Component.responsive.js +2 -2
  576. package/tabs/esm/components/primary-tablist/index.css +1 -1
  577. package/tabs/esm/components/primary-tablist/mobile.css +166 -69
  578. package/tabs/esm/components/scrollable-container/index.css +1 -1
  579. package/tabs/esm/components/secondary-tablist/Component.desktop.js +2 -2
  580. package/tabs/esm/components/secondary-tablist/Component.js +1 -1
  581. package/tabs/esm/components/secondary-tablist/Component.mobile.js +2 -2
  582. package/tabs/esm/components/secondary-tablist/Component.responsive.js +2 -2
  583. package/tabs/esm/components/secondary-tablist/index.css +1 -1
  584. package/tabs/esm/components/secondary-tablist/mobile.css +166 -69
  585. package/tabs/esm/components/tab/index.css +1 -1
  586. package/tabs/esm/components/tabs/Component.desktop.js +3 -3
  587. package/tabs/esm/components/tabs/Component.mobile.js +3 -3
  588. package/tabs/esm/components/tabs/Component.responsive.js +3 -3
  589. package/tabs/esm/desktop.js +3 -3
  590. package/tabs/esm/index.js +3 -3
  591. package/tabs/esm/{index.module-4f872dce.js → index.module-6044d167.js} +0 -0
  592. package/tabs/esm/{index.module-cb2d5475.js → index.module-d99125d1.js} +0 -0
  593. package/tabs/esm/mobile.js +3 -3
  594. package/tabs/esm/responsive.js +3 -3
  595. package/tabs/esm/{tslib.es6-99e48a82.d.ts → tslib.es6-d6de3657.d.ts} +0 -0
  596. package/tabs/esm/{tslib.es6-99e48a82.js → tslib.es6-d6de3657.js} +0 -0
  597. package/tabs/index.js +3 -3
  598. package/tabs/{index.module-676d379f.js → index.module-56e38fc6.js} +0 -0
  599. package/tabs/{index.module-46c31e55.js → index.module-752bf0c5.js} +0 -0
  600. package/tabs/mobile.js +3 -3
  601. package/tabs/modern/components/primary-tablist/Component.desktop.js +1 -1
  602. package/tabs/modern/components/primary-tablist/Component.mobile.js +1 -1
  603. package/tabs/modern/components/primary-tablist/Component.responsive.js +1 -1
  604. package/tabs/modern/components/primary-tablist/index.css +1 -1
  605. package/tabs/modern/components/primary-tablist/mobile.css +166 -69
  606. package/tabs/modern/components/scrollable-container/index.css +1 -1
  607. package/tabs/modern/components/secondary-tablist/Component.desktop.js +1 -1
  608. package/tabs/modern/components/secondary-tablist/Component.mobile.js +1 -1
  609. package/tabs/modern/components/secondary-tablist/Component.responsive.js +1 -1
  610. package/tabs/modern/components/secondary-tablist/index.css +1 -1
  611. package/tabs/modern/components/secondary-tablist/mobile.css +166 -69
  612. package/tabs/modern/components/tab/index.css +1 -1
  613. package/tabs/modern/components/tabs/Component.desktop.js +2 -2
  614. package/tabs/modern/components/tabs/Component.mobile.js +2 -2
  615. package/tabs/modern/components/tabs/Component.responsive.js +2 -2
  616. package/tabs/modern/desktop.js +2 -2
  617. package/tabs/modern/index.js +2 -2
  618. package/tabs/modern/{index.module-4f872dce.js → index.module-6044d167.js} +0 -0
  619. package/tabs/modern/{index.module-cb2d5475.js → index.module-d99125d1.js} +0 -0
  620. package/tabs/modern/mobile.js +2 -2
  621. package/tabs/modern/responsive.js +2 -2
  622. package/tabs/responsive.js +3 -3
  623. package/tabs/{tslib.es6-28db86de.d.ts → tslib.es6-47ab097a.d.ts} +0 -0
  624. package/tabs/{tslib.es6-28db86de.js → tslib.es6-47ab097a.js} +0 -0
  625. package/tag/cssm/inverted.module.css +0 -1
  626. package/tag/esm/inverted.css +0 -1
  627. package/tag/inverted.css +0 -1
  628. package/tag/modern/inverted.css +0 -1
  629. package/themes/button/click.css +12 -10
  630. package/themes/button/corp.css +27 -21
  631. package/themes/button/intranet.css +11 -9
  632. package/themes/button/mobile.css +11 -9
  633. package/themes/button/site.css +3 -0
  634. package/themes/click.css +211 -88
  635. package/themes/compiled/mobile-dark-bluetint.css +220 -193
  636. package/themes/corp.css +197 -90
  637. package/themes/dark.css +110 -24
  638. package/themes/icon-button/click.css +24 -0
  639. package/themes/intranet.css +182 -57
  640. package/themes/link/click.css +8 -8
  641. package/themes/mixins/button/click.css +12 -10
  642. package/themes/mixins/button/corp.css +27 -21
  643. package/themes/mixins/button/intranet.css +11 -9
  644. package/themes/mixins/button/mobile.css +11 -9
  645. package/themes/mixins/button/site.css +3 -0
  646. package/themes/mixins/click.css +2 -0
  647. package/themes/mixins/dark.css +110 -24
  648. package/themes/mixins/icon-button/click.css +24 -0
  649. package/themes/mixins/link/click.css +8 -8
  650. package/themes/mixins/skeleton/click.css +1 -1
  651. package/themes/mixins/slider/click.css +2 -2
  652. package/themes/mixins/slider/intranet.css +2 -2
  653. package/themes/mixins/slider/mobile.css +2 -2
  654. package/themes/mixins/tabs/corp.css +1 -1
  655. package/themes/mixins/tabs/site.css +1 -1
  656. package/themes/mobile.css +182 -57
  657. package/themes/site.css +172 -69
  658. package/themes/skeleton/click.css +1 -1
  659. package/themes/slider/click.css +2 -2
  660. package/themes/slider/intranet.css +2 -2
  661. package/themes/slider/mobile.css +2 -2
  662. package/themes/tabs/corp.css +1 -1
  663. package/themes/tabs/site.css +1 -1
  664. package/toast-plate/cssm/index.module.css +165 -68
  665. package/toast-plate/esm/index.css +165 -68
  666. package/toast-plate/index.css +165 -68
  667. package/toast-plate/modern/index.css +165 -68
  668. package/tooltip/{Component-afaf8c3c.d.ts → Component-a23d8071.d.ts} +0 -0
  669. package/tooltip/{Component-afaf8c3c.js → Component-a23d8071.js} +0 -0
  670. package/tooltip/Component.js +1 -1
  671. package/tooltip/component.responsive.js +1 -1
  672. package/tooltip/esm/{Component-651cb90c.d.ts → Component-69264c9e.d.ts} +0 -0
  673. package/tooltip/esm/{Component-651cb90c.js → Component-69264c9e.js} +0 -0
  674. package/tooltip/esm/Component.js +1 -1
  675. package/tooltip/esm/component.responsive.js +1 -1
  676. package/tooltip/esm/index.d.ts +1 -1
  677. package/tooltip/esm/index.js +1 -1
  678. package/tooltip/esm/responsive.js +1 -1
  679. package/tooltip/index.d.ts +1 -1
  680. package/tooltip/index.js +1 -1
  681. package/tooltip/responsive.js +1 -1
  682. package/typography/{colors.module-173b4448.d.ts → colors.module-2043bf7a.d.ts} +0 -0
  683. package/typography/{colors.module-173b4448.js → colors.module-2043bf7a.js} +0 -0
  684. package/typography/{common.module-e4c75f4c.js → common.module-05e92f66.js} +0 -0
  685. package/typography/component.js +2 -2
  686. package/typography/esm/{colors.module-5b3adeb6.d.ts → colors.module-4559178f.d.ts} +0 -0
  687. package/typography/esm/{colors.module-5b3adeb6.js → colors.module-4559178f.js} +0 -0
  688. package/typography/esm/{common.module-483d5e47.js → common.module-1fbc639a.js} +0 -0
  689. package/typography/esm/component.js +2 -2
  690. package/typography/esm/index.js +2 -2
  691. package/typography/esm/text/component.js +1 -1
  692. package/typography/esm/text/index.js +1 -1
  693. package/typography/esm/title/component.js +1 -1
  694. package/typography/esm/title/index.js +2 -2
  695. package/typography/esm/title-mobile/component.js +2 -2
  696. package/typography/esm/title-mobile/index.js +2 -2
  697. package/typography/esm/title-responsive/component.js +2 -2
  698. package/typography/esm/title-responsive/index.js +2 -2
  699. package/typography/index.js +2 -2
  700. package/typography/modern/{colors.module-feaa4986.js → colors.module-0859bdd1.js} +0 -0
  701. package/typography/modern/{common.module-483d5e47.js → common.module-1fbc639a.js} +0 -0
  702. package/typography/modern/component.js +2 -2
  703. package/typography/modern/index.js +2 -2
  704. package/typography/modern/text/component.js +1 -1
  705. package/typography/modern/text/index.js +1 -1
  706. package/typography/modern/title/component.js +1 -1
  707. package/typography/modern/title/index.js +2 -2
  708. package/typography/modern/title-mobile/component.js +2 -2
  709. package/typography/modern/title-mobile/index.js +2 -2
  710. package/typography/modern/title-responsive/component.js +2 -2
  711. package/typography/modern/title-responsive/index.js +2 -2
  712. package/typography/text/component.js +1 -1
  713. package/typography/text/index.js +1 -1
  714. package/typography/title/component.js +1 -1
  715. package/typography/title/index.js +2 -2
  716. package/typography/title-mobile/component.js +2 -2
  717. package/typography/title-mobile/index.js +2 -2
  718. package/typography/title-responsive/component.js +2 -2
  719. package/typography/title-responsive/index.js +2 -2
  720. package/vars/colors-bluetint.css +165 -46
  721. package/vars/colors-indigo.css +165 -68
  722. package/vars/colors-x5.css +4 -0
  723. package/vars/cssm/colors-bluetint.css +165 -46
  724. package/vars/cssm/colors-indigo.css +165 -68
  725. package/vars/cssm/colors-x5.css +4 -0
  726. package/vars/cssm/index.css +165 -68
package/bottom-sheet/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /* hash: kajex */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
- --color-light-graphic-neutral: #dbdee1;
4
+ --color-light-graphic-quaternary: #dbdee1;
5
5
  --color-light-text-primary: #0b1f35;
6
6
  }
7
7
  :root {
@@ -59,7 +59,7 @@
59
59
  height: 4px;
60
60
  border-radius: 20px;
61
61
  transform: translateX(-50%);
62
- background-color: var(--color-light-graphic-neutral);
62
+ background-color: var(--color-light-graphic-quaternary);
63
63
  z-index: 1000;
64
64
  }
65
65
  .bottom-sheet__content_1e9az {
package/bottom-sheet/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./component-ac179f0f";
1
+ export * from "./component-cb2f5174";
package/bottom-sheet/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  Object.defineProperty(exports, '__esModule', { value: true });
2
2
 
3
- require('./tslib.es6-6270a94a.js');
3
+ require('./tslib.es6-78658827.js');
4
4
  require('react');
5
5
  require('classnames');
6
6
  require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
12
12
  require('./components/closer/Component.js');
13
13
  require('@alfalab/icons-glyph/ArrowBackMIcon');
14
14
  require('./components/backer/Component.js');
15
- var components_header_Component = require('./component-ac179f0f.js');
15
+ var components_header_Component = require('./component-cb2f5174.js');
16
16
  require('./components/footer/Component.js');
17
17
  require('../backdrop');
18
18
  require('./components/swipeable-backdrop/Component.js');
package/bottom-sheet/modern/component.js CHANGED
@@ -12,4 +12,4 @@ import './components/backer/Component.js';
12
12
  import './components/footer/Component.js';
13
13
  import '../../backdrop/modern';
14
14
  import './components/swipeable-backdrop/Component.js';
15
- export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-cb0940a7.js';
15
+ export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-bbe76b59.js';
package/bottom-sheet/modern/components/header/Component.js CHANGED
@@ -12,4 +12,4 @@ import '../backer/Component.js';
12
12
  import '../footer/Component.js';
13
13
  import '../../../../backdrop/modern';
14
14
  import '../swipeable-backdrop/Component.js';
15
- export { a as Header } from '../../component-cb0940a7.js';
15
+ export { a as Header } from '../../component-bbe76b59.js';
package/bottom-sheet/modern/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /* hash: kajex */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
- --color-light-graphic-neutral: #dbdee1;
4
+ --color-light-graphic-quaternary: #dbdee1;
5
5
  --color-light-text-primary: #0b1f35;
6
6
  }
7
7
  :root {
@@ -59,7 +59,7 @@
59
59
  height: 4px;
60
60
  border-radius: 20px;
61
61
  transform: translateX(-50%);
62
- background-color: var(--color-light-graphic-neutral);
62
+ background-color: var(--color-light-graphic-quaternary);
63
63
  z-index: 1000;
64
64
  }
65
65
  .bottom-sheet__content_1e9az {
package/bottom-sheet/modern/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./component-cb0940a7";
1
+ export * from "./component-bbe76b59";
package/bottom-sheet/modern/index.js CHANGED
@@ -12,4 +12,4 @@ import './components/backer/Component.js';
12
12
  import './components/footer/Component.js';
13
13
  import '../../backdrop/modern';
14
14
  import './components/swipeable-backdrop/Component.js';
15
- export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-cb0940a7.js';
15
+ export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-bbe76b59.js';
package/button/cssm/default.module.css CHANGED
@@ -1,22 +1,26 @@
1
1
  :root {
2
2
  --color-light-bg-accent: #ef3124;
3
- --color-light-bg-neutral: #dbdee1;
4
- --color-light-border-tertiary-inverted: #6d7986;
3
+ --color-light-bg-quaternary: #dbdee1;
4
+ --color-light-border-underline-inverted: #6d7986;
5
5
  --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
6
6
  --color-light-text-primary: #0b1f35;
7
- --color-light-text-primary-inverted: #fff;
7
+ --color-static-text-primary-light: #fff;
8
8
  --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
9
9
  --color-light-bg-accent-shade-7: rgb(222, 46, 33);
10
10
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
11
- --color-light-bg-neutral-alpha-30: rgba(219, 222, 225, 0.3);
12
- --color-light-bg-neutral-shade-7: rgb(204, 206, 209);
13
- --color-light-bg-neutral-shade-15: rgb(186, 189, 191);
14
11
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
12
+ --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
13
+ --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
15
14
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
15
+ --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
16
16
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
17
17
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
18
- --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
18
+ --color-light-bg-quaternary-alpha-30: rgba(219, 222, 225, 0.3);
19
+ --color-light-bg-quaternary-shade-7: rgb(204, 206, 209);
20
+ --color-light-bg-quaternary-shade-15: rgb(186, 189, 191);
21
+ --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
19
22
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
23
+ --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
20
24
  --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
21
25
  --color-light-text-primary-tint-30: rgb(84, 98, 114);
22
26
  --color-light-text-primary-tint-50: rgb(133, 143, 154);
@@ -35,14 +39,14 @@
35
39
  --button-primary-hover-bg-color: var(--color-light-bg-accent-shade-7);
36
40
  --button-primary-active-bg-color: var(--color-light-bg-accent-shade-15);
37
41
  --button-primary-disabled-bg-color: var(--color-light-bg-accent-alpha-30);
38
- --button-primary-color: var(--color-light-text-primary-inverted);
39
- --button-primary-disabled-color: var(--color-light-text-primary-inverted);
42
+ --button-primary-color: var(--color-static-text-primary-light);
43
+ --button-primary-disabled-color: var(--color-static-text-primary-light);
40
44
 
41
45
  /* secondary */
42
- --button-secondary-base-bg-color: var(--color-light-bg-neutral);
43
- --button-secondary-hover-bg-color: var(--color-light-bg-neutral-shade-7);
44
- --button-secondary-active-bg-color: var(--color-light-bg-neutral-shade-15);
45
- --button-secondary-disabled-bg-color: var(--color-light-bg-neutral-alpha-30);
46
+ --button-secondary-base-bg-color: var(--color-light-specialbg-component);
47
+ --button-secondary-hover-bg-color: var(--color-light-specialbg-component-shade-7);
48
+ --button-secondary-active-bg-color: var(--color-light-specialbg-component-shade-15);
49
+ --button-secondary-disabled-bg-color: var(--color-light-bg-primary-inverted-alpha-5);
46
50
  --button-secondary-base-border-color: transparent;
47
51
  --button-secondary-disabled-border-color: transparent;
48
52
  --button-secondary-color: var(--color-light-text-primary);
@@ -50,11 +54,11 @@
50
54
 
51
55
  /* tertiary */
52
56
  --button-tertiary-base-bg-color: transparent;
53
- --button-tertiary-hover-bg-color: rgba(0, 0, 0, 0.07);
54
- --button-tertiary-active-bg-color: rgba(0, 0, 0, 0.15);
57
+ --button-tertiary-hover-bg-color: var(--color-light-bg-primary-inverted-alpha-7);
58
+ --button-tertiary-active-bg-color: var(--color-light-bg-primary-inverted-alpha-15);
55
59
  --button-tertiary-disabled-bg-color: transparent;
56
- --button-tertiary-base-border-color: var(--color-light-border-tertiary-inverted);
57
- --button-tertiary-disabled-border-color: var(--color-light-border-tertiary-inverted-alpha-30);
60
+ --button-tertiary-base-border-color: var(--color-light-border-underline-inverted);
61
+ --button-tertiary-disabled-border-color: var(--color-light-border-underline-inverted-alpha-30);
58
62
  --button-tertiary-color: var(--color-light-text-primary);
59
63
  --button-tertiary-disabled-color: var(--color-light-text-primary-alpha-30);
60
64
 
@@ -63,8 +67,8 @@
63
67
  --button-outlined-hover-bg-color: rgba(0, 0, 0, 0.07);
64
68
  --button-outlined-active-bg-color: rgba(0, 0, 0, 0.15);
65
69
  --button-outlined-disabled-bg-color: transparent;
66
- --button-outlined-base-border-color: var(--color-light-border-tertiary-inverted);
67
- --button-outlined-disabled-border-color: var(--color-light-border-tertiary-inverted-alpha-30);
70
+ --button-outlined-base-border-color: var(--color-light-border-underline-inverted);
71
+ --button-outlined-disabled-border-color: var(--color-light-border-underline-inverted-alpha-30);
68
72
  --button-outlined-color: var(--color-light-text-primary);
69
73
  --button-outlined-disabled-color: var(--color-light-text-primary-alpha-30);
70
74
 
@@ -119,13 +123,13 @@
119
123
  }
120
124
  .filled {
121
125
  color: var(--color-light-text-primary);
122
- background-color: var(--color-light-bg-neutral)
126
+ background-color: var(--color-light-bg-quaternary)
123
127
  }
124
128
  .filled:hover {
125
- background-color: var(--color-light-bg-neutral-shade-7);
129
+ background-color: var(--color-light-bg-quaternary-shade-7);
126
130
  }
127
131
  .filled:active {
128
- background-color: var(--color-light-bg-neutral-shade-15);
132
+ background-color: var(--color-light-bg-quaternary-shade-15);
129
133
  }
130
134
  .transparent {
131
135
  color: var(--color-light-text-primary);
@@ -142,10 +146,10 @@
142
146
  background-color: transparent
143
147
  }
144
148
  .link:hover {
145
- background-color: var(--color-light-specialbg-component);
149
+ background-color: var(--color-light-specialbg-component-shade-7);
146
150
  }
147
151
  .link:active {
148
- background-color: var(--color-light-specialbg-component-shade-7);
152
+ background-color: var(--color-light-specialbg-component-shade-15);
149
153
  }
150
154
  .ghost {
151
155
  color: var(--button-ghost-base-color)
@@ -194,11 +198,11 @@
194
198
  }
195
199
  .component:disabled.filled {
196
200
  color: var(--color-light-text-primary-alpha-30);
197
- background-color: var(--color-light-bg-neutral-alpha-30)
201
+ background-color: var(--color-light-bg-quaternary-alpha-30)
198
202
  }
199
203
  .component:disabled.filled.loading {
200
204
  color: var(--color-light-text-primary);
201
- background-color: var(--color-light-bg-neutral);
205
+ background-color: var(--color-light-bg-quaternary);
202
206
  }
203
207
  .component:disabled.transparent {
204
208
  color: var(--color-light-text-primary-alpha-30);
package/button/cssm/inverted.module.css CHANGED
@@ -1,10 +1,22 @@
1
1
  :root {
2
- --color-dark-bg-accent: #ef3124;
3
- --color-dark-bg-neutral: #485767;
2
+ --color-dark-bg-quaternary: #485767;
4
3
  --color-dark-text-primary: #fff;
5
- --color-light-border-tertiary-inverted: #6d7986;
4
+ --color-light-bg-accent: #ef3124;
5
+ --color-light-border-underline: #b6bcc3;
6
+ --color-light-border-underline-inverted: #6d7986;
6
7
  --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.15);
7
8
  --color-light-text-primary-inverted: #fff;
9
+ --color-static-text-primary-light: #fff;
10
+ --color-light-bg-accent-tint-15: rgb(241, 80, 69);
11
+ --color-light-bg-accent-tint-20: rgb(242, 90, 80);
12
+ --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
13
+ --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
14
+ --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
15
+ --color-light-border-underline-alpha-30: rgba(182, 188, 195, 0.3);
16
+ --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
17
+ --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
18
+ --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
19
+ --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
8
20
  }
9
21
  :root {
10
22
 
@@ -16,48 +28,52 @@
16
28
  }
17
29
  :root {
18
30
  /* primary */
19
- --button-inverted-primary-base-bg-color: var(--color-dark-bg-accent);
20
- --button-inverted-primary-hover-bg-color: rgb(241, 80, 69);
21
- --button-inverted-primary-active-bg-color: rgb(203, 42, 31);
31
+ --button-inverted-primary-base-bg-color: var(--color-light-bg-accent);
32
+ --button-inverted-primary-hover-bg-color: var(--color-light-bg-accent-tint-15);
33
+ --button-inverted-primary-active-bg-color: var(--color-light-bg-accent-tint-20);
22
34
  --button-inverted-primary-disabled-bg-color: rgba(239, 49, 36, 0.3);
23
- --button-inverted-primary-color: var(--color-light-text-primary-inverted);
24
- --button-inverted-primary-disabled-color: var(--color-light-text-primary-inverted);
35
+ --button-inverted-primary-disabled-color: var(--color-static-text-primary-light-alpha-30);
36
+ --button-inverted-primary-color: var(--color-static-text-primary-light);
25
37
 
26
38
  /* secondary */
27
- --button-inverted-secondary-base-bg-color: var(--color-dark-bg-neutral);
28
- --button-inverted-secondary-hover-bg-color: rgb(99, 112, 126);
29
- --button-inverted-secondary-active-bg-color: rgb(61, 74, 88);
30
- --button-inverted-secondary-disabled-bg-color: rgba(72, 87, 103, 0.3);
39
+ --button-inverted-secondary-base-bg-color: var(--color-light-specialbg-component-inverted);
40
+ --button-inverted-secondary-hover-bg-color: var(
41
+ --color-light-specialbg-component-inverted-tint-15
42
+ );
43
+ --button-inverted-secondary-active-bg-color: var(
44
+ --color-light-specialbg-component-inverted-tint-20
45
+ );
46
+ --button-inverted-secondary-disabled-bg-color: var(--color-light-bg-primary-alpha-8);
31
47
  --button-inverted-secondary-base-border-color: transparent;
32
48
  --button-inverted-secondary-disabled-border-color: transparent;
33
- --button-inverted-secondary-color: var(--color-dark-text-primary);
34
- --button-inverted-secondary-disabled-color: rgba(255, 255, 255, 0.3);
49
+ --button-inverted-secondary-color: var(--color-light-text-primary-inverted);
50
+ --button-inverted-secondary-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
35
51
 
36
52
  /* tertiary */
37
53
  --button-inverted-tertiary-base-bg-color: transparent;
38
- --button-inverted-tertiary-hover-bg-color: rgba(255, 255, 255, 0.15);
39
- --button-inverted-tertiary-active-bg-color: rgba(0, 0, 0, 0.15);
54
+ --button-inverted-tertiary-hover-bg-color: var(--color-light-bg-primary-alpha-15);
55
+ --button-inverted-tertiary-active-bg-color: var(--color-light-bg-primary-alpha-20);
40
56
  --button-inverted-tertiary-disabled-bg-color: transparent;
41
- --button-inverted-tertiary-base-border-color: var(--color-light-border-tertiary-inverted);
42
- --button-inverted-tertiary-disabled-border-color: rgba(35, 53, 73, 0.3);
43
- --button-inverted-tertiary-color: var(--color-dark-text-primary);
44
- --button-inverted-tertiary-disabled-color: rgba(255, 255, 255, 0.3);
57
+ --button-inverted-tertiary-base-border-color: var(--color-light-border-underline);
58
+ --button-inverted-tertiary-disabled-border-color: var(--color-light-border-underline-alpha-30);
59
+ --button-inverted-tertiary-color: var(--color-light-text-primary-inverted);
60
+ --button-inverted-tertiary-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
45
61
 
46
62
  /* outlined */
47
63
  --button-inverted-outlined-base-bg-color: transparent;
48
64
  --button-inverted-outlined-hover-bg-color: rgba(255, 255, 255, 0.15);
49
65
  --button-inverted-outlined-active-bg-color: rgba(0, 0, 0, 0.15);
50
66
  --button-inverted-outlined-disabled-bg-color: transparent;
51
- --button-inverted-outlined-base-border-color: var(--color-light-border-tertiary-inverted);
67
+ --button-inverted-outlined-base-border-color: var(--color-light-border-underline-inverted);
52
68
  --button-inverted-outlined-disabled-border-color: rgba(35, 53, 73, 0.3);
53
69
  --button-inverted-outlined-color: var(--color-dark-text-primary);
54
70
  --button-inverted-outlined-disabled-color: rgba(255, 255, 255, 0.3);
55
71
 
56
72
  /* ghost */
57
73
  --button-inverted-ghost-base-color: var(--color-light-text-primary-inverted);
58
- --button-inverted-ghost-hover-color: rgb(179, 179, 179);
59
- --button-inverted-ghost-active-color: rgb(128, 128, 128);
60
- --button-inverted-ghost-disabled-color: rgba(255, 255, 255, 0.3);
74
+ --button-inverted-ghost-hover-color: var(--color-light-text-primary-inverted-shade-30);
75
+ --button-inverted-ghost-active-color: var(--color-light-text-primary-inverted-shade-50);
76
+ --button-inverted-ghost-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
61
77
  }
62
78
  .primary {
63
79
  color: var(--button-inverted-primary-color);
@@ -104,7 +120,7 @@
104
120
  }
105
121
  .filled {
106
122
  color: var(--color-dark-text-primary);
107
- background-color: var(--color-dark-bg-neutral)
123
+ background-color: var(--color-dark-bg-quaternary)
108
124
  }
109
125
  .filled:hover {
110
126
  background-color: rgb(99, 112, 126);
@@ -128,11 +144,11 @@
128
144
  background-color: transparent
129
145
  }
130
146
  .link:hover {
131
- background-color: var(--color-light-specialbg-component-inverted);
147
+ background-color: var(--color-light-bg-primary-alpha-15);
132
148
  }
133
149
  .link:active {
134
150
  /* TODO: какой цвет? */
135
- background-color: rgba(179, 179, 179, 0.15);
151
+ background-color: var(--color-light-bg-primary-alpha-20);
136
152
  }
137
153
  .ghost {
138
154
  color: var(--button-inverted-ghost-base-color)
@@ -185,7 +201,7 @@
185
201
  }
186
202
  .component:disabled.filled.loading {
187
203
  color: var(--color-dark-text-primary);
188
- background-color: var(--color-dark-bg-neutral);
204
+ background-color: var(--color-dark-bg-quaternary);
189
205
  border-color: transparent;
190
206
  }
191
207
  .component:disabled.transparent {
@@ -197,7 +213,7 @@
197
213
  background-color: rgba(255, 255, 255, 0.1);
198
214
  }
199
215
  .component:disabled.link {
200
- color: rgba(255, 255, 255, 0.3);
216
+ color: var(--color-light-text-primary-inverted-alpha-30);
201
217
  background-color: transparent
202
218
  }
203
219
  .component:disabled.link.loading {
package/button/default.css CHANGED
@@ -1,23 +1,27 @@
1
1
  /* hash: 14jtk */
2
2
  :root {
3
3
  --color-light-bg-accent: #ef3124;
4
- --color-light-bg-neutral: #dbdee1;
5
- --color-light-border-tertiary-inverted: #6d7986;
4
+ --color-light-bg-quaternary: #dbdee1;
5
+ --color-light-border-underline-inverted: #6d7986;
6
6
  --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
7
7
  --color-light-text-primary: #0b1f35;
8
- --color-light-text-primary-inverted: #fff;
8
+ --color-static-text-primary-light: #fff;
9
9
  --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
10
10
  --color-light-bg-accent-shade-7: rgb(222, 46, 33);
11
11
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
12
- --color-light-bg-neutral-alpha-30: rgba(219, 222, 225, 0.3);
13
- --color-light-bg-neutral-shade-7: rgb(204, 206, 209);
14
- --color-light-bg-neutral-shade-15: rgb(186, 189, 191);
15
12
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
13
+ --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
14
+ --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
16
15
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
16
+ --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
17
17
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
18
18
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
19
- --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
19
+ --color-light-bg-quaternary-alpha-30: rgba(219, 222, 225, 0.3);
20
+ --color-light-bg-quaternary-shade-7: rgb(204, 206, 209);
21
+ --color-light-bg-quaternary-shade-15: rgb(186, 189, 191);
22
+ --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
20
23
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
24
+ --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
21
25
  --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
22
26
  --color-light-text-primary-tint-30: rgb(84, 98, 114);
23
27
  --color-light-text-primary-tint-50: rgb(133, 143, 154);
@@ -36,14 +40,14 @@
36
40
  --button-primary-hover-bg-color: var(--color-light-bg-accent-shade-7);
37
41
  --button-primary-active-bg-color: var(--color-light-bg-accent-shade-15);
38
42
  --button-primary-disabled-bg-color: var(--color-light-bg-accent-alpha-30);
39
- --button-primary-color: var(--color-light-text-primary-inverted);
40
- --button-primary-disabled-color: var(--color-light-text-primary-inverted);
43
+ --button-primary-color: var(--color-static-text-primary-light);
44
+ --button-primary-disabled-color: var(--color-static-text-primary-light);
41
45
 
42
46
  /* secondary */
43
- --button-secondary-base-bg-color: var(--color-light-bg-neutral);
44
- --button-secondary-hover-bg-color: var(--color-light-bg-neutral-shade-7);
45
- --button-secondary-active-bg-color: var(--color-light-bg-neutral-shade-15);
46
- --button-secondary-disabled-bg-color: var(--color-light-bg-neutral-alpha-30);
47
+ --button-secondary-base-bg-color: var(--color-light-specialbg-component);
48
+ --button-secondary-hover-bg-color: var(--color-light-specialbg-component-shade-7);
49
+ --button-secondary-active-bg-color: var(--color-light-specialbg-component-shade-15);
50
+ --button-secondary-disabled-bg-color: var(--color-light-bg-primary-inverted-alpha-5);
47
51
  --button-secondary-base-border-color: transparent;
48
52
  --button-secondary-disabled-border-color: transparent;
49
53
  --button-secondary-color: var(--color-light-text-primary);
@@ -51,11 +55,11 @@
51
55
 
52
56
  /* tertiary */
53
57
  --button-tertiary-base-bg-color: transparent;
54
- --button-tertiary-hover-bg-color: rgba(0, 0, 0, 0.07);
55
- --button-tertiary-active-bg-color: rgba(0, 0, 0, 0.15);
58
+ --button-tertiary-hover-bg-color: var(--color-light-bg-primary-inverted-alpha-7);
59
+ --button-tertiary-active-bg-color: var(--color-light-bg-primary-inverted-alpha-15);
56
60
  --button-tertiary-disabled-bg-color: transparent;
57
- --button-tertiary-base-border-color: var(--color-light-border-tertiary-inverted);
58
- --button-tertiary-disabled-border-color: var(--color-light-border-tertiary-inverted-alpha-30);
61
+ --button-tertiary-base-border-color: var(--color-light-border-underline-inverted);
62
+ --button-tertiary-disabled-border-color: var(--color-light-border-underline-inverted-alpha-30);
59
63
  --button-tertiary-color: var(--color-light-text-primary);
60
64
  --button-tertiary-disabled-color: var(--color-light-text-primary-alpha-30);
61
65
 
@@ -64,8 +68,8 @@
64
68
  --button-outlined-hover-bg-color: rgba(0, 0, 0, 0.07);
65
69
  --button-outlined-active-bg-color: rgba(0, 0, 0, 0.15);
66
70
  --button-outlined-disabled-bg-color: transparent;
67
- --button-outlined-base-border-color: var(--color-light-border-tertiary-inverted);
68
- --button-outlined-disabled-border-color: var(--color-light-border-tertiary-inverted-alpha-30);
71
+ --button-outlined-base-border-color: var(--color-light-border-underline-inverted);
72
+ --button-outlined-disabled-border-color: var(--color-light-border-underline-inverted-alpha-30);
69
73
  --button-outlined-color: var(--color-light-text-primary);
70
74
  --button-outlined-disabled-color: var(--color-light-text-primary-alpha-30);
71
75
 
@@ -120,13 +124,13 @@
120
124
  }
121
125
  .button__filled_154v8 {
122
126
  color: var(--color-light-text-primary);
123
- background-color: var(--color-light-bg-neutral)
127
+ background-color: var(--color-light-bg-quaternary)
124
128
  }
125
129
  .button__filled_154v8:hover {
126
- background-color: var(--color-light-bg-neutral-shade-7);
130
+ background-color: var(--color-light-bg-quaternary-shade-7);
127
131
  }
128
132
  .button__filled_154v8:active {
129
- background-color: var(--color-light-bg-neutral-shade-15);
133
+ background-color: var(--color-light-bg-quaternary-shade-15);
130
134
  }
131
135
  .button__transparent_154v8 {
132
136
  color: var(--color-light-text-primary);
@@ -143,10 +147,10 @@
143
147
  background-color: transparent
144
148
  }
145
149
  .button__link_154v8:hover {
146
- background-color: var(--color-light-specialbg-component);
150
+ background-color: var(--color-light-specialbg-component-shade-7);
147
151
  }
148
152
  .button__link_154v8:active {
149
- background-color: var(--color-light-specialbg-component-shade-7);
153
+ background-color: var(--color-light-specialbg-component-shade-15);
150
154
  }
151
155
  .button__ghost_154v8 {
152
156
  color: var(--button-ghost-base-color)
@@ -195,11 +199,11 @@
195
199
  }
196
200
  .button__component_154v8:disabled.button__filled_154v8 {
197
201
  color: var(--color-light-text-primary-alpha-30);
198
- background-color: var(--color-light-bg-neutral-alpha-30)
202
+ background-color: var(--color-light-bg-quaternary-alpha-30)
199
203
  }
200
204
  .button__component_154v8:disabled.button__filled_154v8.button__loading_154v8 {
201
205
  color: var(--color-light-text-primary);
202
- background-color: var(--color-light-bg-neutral);
206
+ background-color: var(--color-light-bg-quaternary);
203
207
  }
204
208
  .button__component_154v8:disabled.button__transparent_154v8 {
205
209
  color: var(--color-light-text-primary-alpha-30);
package/button/esm/default.css CHANGED
@@ -1,23 +1,27 @@
1
1
  /* hash: 14jtk */
2
2
  :root {
3
3
  --color-light-bg-accent: #ef3124;
4
- --color-light-bg-neutral: #dbdee1;
5
- --color-light-border-tertiary-inverted: #6d7986;
4
+ --color-light-bg-quaternary: #dbdee1;
5
+ --color-light-border-underline-inverted: #6d7986;
6
6
  --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
7
7
  --color-light-text-primary: #0b1f35;
8
- --color-light-text-primary-inverted: #fff;
8
+ --color-static-text-primary-light: #fff;
9
9
  --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
10
10
  --color-light-bg-accent-shade-7: rgb(222, 46, 33);
11
11
  --color-light-bg-accent-shade-15: rgb(203, 42, 31);
12
- --color-light-bg-neutral-alpha-30: rgba(219, 222, 225, 0.3);
13
- --color-light-bg-neutral-shade-7: rgb(204, 206, 209);
14
- --color-light-bg-neutral-shade-15: rgb(186, 189, 191);
15
12
  --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
13
+ --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05);
14
+ --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
16
15
  --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1);
16
+ --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15);
17
17
  --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2);
18
18
  --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4);
19
- --color-light-border-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
19
+ --color-light-bg-quaternary-alpha-30: rgba(219, 222, 225, 0.3);
20
+ --color-light-bg-quaternary-shade-7: rgb(204, 206, 209);
21
+ --color-light-bg-quaternary-shade-15: rgb(186, 189, 191);
22
+ --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3);
20
23
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
24
+ --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
21
25
  --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
22
26
  --color-light-text-primary-tint-30: rgb(84, 98, 114);
23
27
  --color-light-text-primary-tint-50: rgb(133, 143, 154);
@@ -36,14 +40,14 @@
36
40
  --button-primary-hover-bg-color: var(--color-light-bg-accent-shade-7);
37
41
  --button-primary-active-bg-color: var(--color-light-bg-accent-shade-15);
38
42
  --button-primary-disabled-bg-color: var(--color-light-bg-accent-alpha-30);
39
- --button-primary-color: var(--color-light-text-primary-inverted);
40
- --button-primary-disabled-color: var(--color-light-text-primary-inverted);
43
+ --button-primary-color: var(--color-static-text-primary-light);
44
+ --button-primary-disabled-color: var(--color-static-text-primary-light);
41
45
 
42
46
  /* secondary */
43
- --button-secondary-base-bg-color: var(--color-light-bg-neutral);
44
- --button-secondary-hover-bg-color: var(--color-light-bg-neutral-shade-7);
45
- --button-secondary-active-bg-color: var(--color-light-bg-neutral-shade-15);
46
- --button-secondary-disabled-bg-color: var(--color-light-bg-neutral-alpha-30);
47
+ --button-secondary-base-bg-color: var(--color-light-specialbg-component);
48
+ --button-secondary-hover-bg-color: var(--color-light-specialbg-component-shade-7);
49
+ --button-secondary-active-bg-color: var(--color-light-specialbg-component-shade-15);
50
+ --button-secondary-disabled-bg-color: var(--color-light-bg-primary-inverted-alpha-5);
47
51
  --button-secondary-base-border-color: transparent;
48
52
  --button-secondary-disabled-border-color: transparent;
49
53
  --button-secondary-color: var(--color-light-text-primary);
@@ -51,11 +55,11 @@
51
55
 
52
56
  /* tertiary */
53
57
  --button-tertiary-base-bg-color: transparent;
54
- --button-tertiary-hover-bg-color: rgba(0, 0, 0, 0.07);
55
- --button-tertiary-active-bg-color: rgba(0, 0, 0, 0.15);
58
+ --button-tertiary-hover-bg-color: var(--color-light-bg-primary-inverted-alpha-7);
59
+ --button-tertiary-active-bg-color: var(--color-light-bg-primary-inverted-alpha-15);
56
60
  --button-tertiary-disabled-bg-color: transparent;
57
- --button-tertiary-base-border-color: var(--color-light-border-tertiary-inverted);
58
- --button-tertiary-disabled-border-color: var(--color-light-border-tertiary-inverted-alpha-30);
61
+ --button-tertiary-base-border-color: var(--color-light-border-underline-inverted);
62
+ --button-tertiary-disabled-border-color: var(--color-light-border-underline-inverted-alpha-30);
59
63
  --button-tertiary-color: var(--color-light-text-primary);
60
64
  --button-tertiary-disabled-color: var(--color-light-text-primary-alpha-30);
61
65
 
@@ -64,8 +68,8 @@
64
68
  --button-outlined-hover-bg-color: rgba(0, 0, 0, 0.07);
65
69
  --button-outlined-active-bg-color: rgba(0, 0, 0, 0.15);
66
70
  --button-outlined-disabled-bg-color: transparent;
67
- --button-outlined-base-border-color: var(--color-light-border-tertiary-inverted);
68
- --button-outlined-disabled-border-color: var(--color-light-border-tertiary-inverted-alpha-30);
71
+ --button-outlined-base-border-color: var(--color-light-border-underline-inverted);
72
+ --button-outlined-disabled-border-color: var(--color-light-border-underline-inverted-alpha-30);
69
73
  --button-outlined-color: var(--color-light-text-primary);
70
74
  --button-outlined-disabled-color: var(--color-light-text-primary-alpha-30);
71
75
 
@@ -120,13 +124,13 @@
120
124
  }
121
125
  .button__filled_154v8 {
122
126
  color: var(--color-light-text-primary);
123
- background-color: var(--color-light-bg-neutral)
127
+ background-color: var(--color-light-bg-quaternary)
124
128
  }
125
129
  .button__filled_154v8:hover {
126
- background-color: var(--color-light-bg-neutral-shade-7);
130
+ background-color: var(--color-light-bg-quaternary-shade-7);
127
131
  }
128
132
  .button__filled_154v8:active {
129
- background-color: var(--color-light-bg-neutral-shade-15);
133
+ background-color: var(--color-light-bg-quaternary-shade-15);
130
134
  }
131
135
  .button__transparent_154v8 {
132
136
  color: var(--color-light-text-primary);
@@ -143,10 +147,10 @@
143
147
  background-color: transparent
144
148
  }
145
149
  .button__link_154v8:hover {
146
- background-color: var(--color-light-specialbg-component);
150
+ background-color: var(--color-light-specialbg-component-shade-7);
147
151
  }
148
152
  .button__link_154v8:active {
149
- background-color: var(--color-light-specialbg-component-shade-7);
153
+ background-color: var(--color-light-specialbg-component-shade-15);
150
154
  }
151
155
  .button__ghost_154v8 {
152
156
  color: var(--button-ghost-base-color)
@@ -195,11 +199,11 @@
195
199
  }
196
200
  .button__component_154v8:disabled.button__filled_154v8 {
197
201
  color: var(--color-light-text-primary-alpha-30);
198
- background-color: var(--color-light-bg-neutral-alpha-30)
202
+ background-color: var(--color-light-bg-quaternary-alpha-30)
199
203
  }
200
204
  .button__component_154v8:disabled.button__filled_154v8.button__loading_154v8 {
201
205
  color: var(--color-light-text-primary);
202
- background-color: var(--color-light-bg-neutral);
206
+ background-color: var(--color-light-bg-quaternary);
203
207
  }
204
208
  .button__component_154v8:disabled.button__transparent_154v8 {
205
209
  color: var(--color-light-text-primary-alpha-30);