@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

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 (1197) hide show
  1. package/accordion/cssm/Component.js +40 -32
  2. package/accordion/cssm/components/default-control-icon/Component.js +21 -9
  3. package/accordion/cssm/components/default-control-icon/index.js +7 -5
  4. package/accordion/cssm/components/index.js +7 -5
  5. package/accordion/cssm/hooks/index.js +7 -3
  6. package/accordion/cssm/hooks/useRecalculateContentHeight.js +16 -14
  7. package/accordion/cssm/index.js +7 -10
  8. package/action-button/cssm/Component.js +50 -35
  9. package/action-button/cssm/hooks.js +12 -10
  10. package/action-button/cssm/index.js +7 -12
  11. package/action-button/cssm/shared/index.js +7 -2
  12. package/action-button/cssm/utils.js +5 -3
  13. package/alert/cssm/Component.js +18 -6
  14. package/alert/cssm/index.js +7 -5
  15. package/amount/cssm/component.js +35 -25
  16. package/amount/cssm/index.js +7 -10
  17. package/amount/cssm/pure/component.js +24 -15
  18. package/amount/cssm/pure/index.js +7 -5
  19. package/amount-input/cssm/Component.js +82 -69
  20. package/amount-input/cssm/index.js +7 -10
  21. package/amount-input/cssm/utils/index.js +13 -9
  22. package/attach/cssm/Component.js +60 -45
  23. package/attach/cssm/index.js +7 -12
  24. package/attach/cssm/utils/index.js +5 -3
  25. package/backdrop/cssm/Component.js +20 -10
  26. package/backdrop/cssm/index.js +7 -5
  27. package/badge/cssm/Component.js +32 -23
  28. package/badge/cssm/index.js +7 -4
  29. package/bank-card/cssm/Component.js +48 -38
  30. package/bank-card/cssm/enums.js +4 -4
  31. package/bank-card/cssm/helpers/getDefaultInputLabel.js +8 -6
  32. package/bank-card/cssm/index.js +7 -13
  33. package/bank-card/cssm/utils.js +7 -5
  34. package/base-modal/Component.js +2 -1
  35. package/base-modal/cssm/Component.js +119 -103
  36. package/base-modal/cssm/index.js +14 -15
  37. package/base-modal/cssm/matches-polyfill.js +2 -2
  38. package/base-modal/cssm/utils.js +28 -19
  39. package/base-modal/esm/Component.js +2 -1
  40. package/base-modal/esm/index.js +1 -0
  41. package/base-modal/modern/Component.js +2 -1
  42. package/base-modal/modern/index.js +1 -0
  43. package/bottom-sheet/cssm/component.js +178 -203
  44. package/bottom-sheet/cssm/components/footer/Component.js +22 -12
  45. package/bottom-sheet/cssm/components/header/Component.js +27 -16
  46. package/bottom-sheet/cssm/components/swipeable-backdrop/Component.js +17 -12
  47. package/bottom-sheet/cssm/consts/swipeConsts.js +5 -3
  48. package/bottom-sheet/cssm/enums/swipeEnums.js +4 -4
  49. package/bottom-sheet/cssm/index.js +10 -19
  50. package/bottom-sheet/cssm/shared/index.js +7 -2
  51. package/bottom-sheet/cssm/utils.js +27 -17
  52. package/button/cssm/Component.responsive.js +18 -25
  53. package/button/cssm/components/base-button/Component.js +75 -61
  54. package/button/cssm/components/base-button/index.js +8 -10
  55. package/button/cssm/desktop/Component.desktop.js +20 -18
  56. package/button/cssm/desktop/index.js +7 -14
  57. package/button/cssm/index.js +7 -20
  58. package/button/cssm/mobile/Component.mobile.js +20 -18
  59. package/button/cssm/mobile/index.js +7 -14
  60. package/button/cssm/shared/index.js +7 -2
  61. package/button/cssm/utils.js +5 -3
  62. package/calendar/cssm/Component.responsive.js +16 -84
  63. package/calendar/cssm/components/calendar-mobile/Component.js +132 -172
  64. package/calendar/cssm/components/calendar-mobile/index.js +9 -79
  65. package/calendar/cssm/components/days-table/Component.js +102 -104
  66. package/calendar/cssm/components/days-table/index.js +7 -35
  67. package/calendar/cssm/components/header/Component.js +20 -8
  68. package/calendar/cssm/components/header/index.js +7 -4
  69. package/calendar/cssm/components/month-year-header/Component.js +26 -42
  70. package/calendar/cssm/components/month-year-header/index.js +7 -32
  71. package/calendar/cssm/components/months-table/Component.js +26 -38
  72. package/calendar/cssm/components/months-table/index.js +7 -33
  73. package/calendar/cssm/components/period-slider/Component.js +51 -71
  74. package/calendar/cssm/components/period-slider/index.js +9 -43
  75. package/calendar/cssm/components/period-slider/utils.js +75 -66
  76. package/calendar/cssm/components/select-button/Component.js +18 -6
  77. package/calendar/cssm/components/select-button/index.js +7 -5
  78. package/calendar/cssm/components/years-table/Component.js +26 -15
  79. package/calendar/cssm/components/years-table/index.js +7 -9
  80. package/calendar/cssm/desktop/Component.desktop.js +105 -124
  81. package/calendar/cssm/desktop/index.js +7 -71
  82. package/calendar/cssm/index.js +7 -81
  83. package/calendar/cssm/mobile/index.js +9 -79
  84. package/calendar/cssm/shared/index.js +26 -51
  85. package/calendar/cssm/useCalendar.js +157 -155
  86. package/calendar/cssm/usePeriod.js +43 -34
  87. package/calendar/cssm/utils.js +143 -84
  88. package/calendar-input/cssm/Component.responsive.js +19 -25
  89. package/calendar-input/cssm/components/calendar-input/Component.js +77 -62
  90. package/calendar-input/cssm/components/calendar-input/index.js +7 -13
  91. package/calendar-input/cssm/desktop/Component.desktop.js +12 -16
  92. package/calendar-input/cssm/desktop/index.js +7 -15
  93. package/calendar-input/cssm/index.js +7 -19
  94. package/calendar-input/cssm/mobile/Component.mobile.js +12 -16
  95. package/calendar-input/cssm/mobile/index.js +7 -15
  96. package/calendar-input/cssm/shared/index.js +15 -6
  97. package/calendar-input/cssm/utils.js +43 -20
  98. package/calendar-range/cssm/Component.js +15 -27
  99. package/calendar-range/cssm/components/divider/Component.js +22 -12
  100. package/calendar-range/cssm/components/divider/index.js +7 -4
  101. package/calendar-range/cssm/hooks.js +77 -60
  102. package/calendar-range/cssm/index.js +7 -24
  103. package/calendar-range/cssm/utils.js +6 -2
  104. package/calendar-range/cssm/views/popover.js +73 -76
  105. package/calendar-range/cssm/views/static.js +105 -93
  106. package/calendar-with-skeleton/cssm/Component.js +33 -22
  107. package/calendar-with-skeleton/cssm/index.js +7 -7
  108. package/card-image/cssm/Component.js +37 -24
  109. package/card-image/cssm/index.js +10 -4
  110. package/cdn-icon/cssm/Component.js +29 -18
  111. package/cdn-icon/cssm/index.js +7 -4
  112. package/chart/cssm/Component.js +125 -128
  113. package/chart/cssm/components/CustomizedLabel.js +14 -8
  114. package/chart/cssm/components/Dot/index.js +29 -20
  115. package/chart/cssm/components/Legends/index.js +36 -26
  116. package/chart/cssm/components/LinearGradient.js +12 -3
  117. package/chart/cssm/components/RectBar.js +21 -23
  118. package/chart/cssm/components/Tick/index.js +19 -10
  119. package/chart/cssm/components/TooltipContent/index.js +27 -18
  120. package/chart/cssm/hooks/usePathBar/index.js +18 -16
  121. package/chart/cssm/hooks/usePathBar/utils/getRadius.js +5 -3
  122. package/chart/cssm/hooks/useSettings/index.js +33 -29
  123. package/chart/cssm/hooks/useSettings/utils/setComposedChartsMargin.js +16 -11
  124. package/chart/cssm/hooks/useSettings/utils/setDatas.js +24 -17
  125. package/chart/cssm/hooks/useSettings/utils/setGradientCharts.js +14 -22
  126. package/chart/cssm/hooks/useSettings/utils/setLegendMargin.js +7 -5
  127. package/chart/cssm/hooks/useSettings/utils/sortByIndex.js +11 -7
  128. package/chart/cssm/icons/Circle.js +13 -4
  129. package/chart/cssm/icons/CircleLine.js +14 -5
  130. package/chart/cssm/icons/FilledCircle.js +17 -8
  131. package/chart/cssm/icons/Point.js +14 -5
  132. package/chart/cssm/icons/StrokeCircle.js +13 -4
  133. package/chart/cssm/index.js +7 -30
  134. package/checkbox/cssm/Component.js +43 -31
  135. package/checkbox/cssm/index.js +7 -8
  136. package/checkbox-group/cssm/Component.responsive.js +18 -15
  137. package/checkbox-group/cssm/components/base-checkbox-group/Component.js +37 -31
  138. package/checkbox-group/cssm/components/base-checkbox-group/index.js +7 -4
  139. package/checkbox-group/cssm/desktop/Component.desktop.js +13 -7
  140. package/checkbox-group/cssm/desktop/index.js +7 -6
  141. package/checkbox-group/cssm/index.js +7 -10
  142. package/checkbox-group/cssm/mobile/Component.mobile.js +13 -7
  143. package/checkbox-group/cssm/mobile/index.js +7 -6
  144. package/circular-progress-bar/cssm/Component.js +72 -65
  145. package/circular-progress-bar/cssm/consts.js +14 -7
  146. package/circular-progress-bar/cssm/index.js +7 -6
  147. package/code-input/cssm/Component.responsive.js +18 -17
  148. package/code-input/cssm/components/base-code-input/component.js +79 -63
  149. package/code-input/cssm/components/base-code-input/index.js +7 -6
  150. package/code-input/cssm/components/index.js +7 -4
  151. package/code-input/cssm/components/input/component.js +29 -19
  152. package/code-input/cssm/components/input/index.js +7 -4
  153. package/code-input/cssm/desktop/Component.desktop.js +13 -9
  154. package/code-input/cssm/desktop/index.js +7 -8
  155. package/code-input/cssm/index.js +7 -12
  156. package/code-input/cssm/mobile/Component.mobile.js +13 -9
  157. package/code-input/cssm/mobile/index.js +7 -8
  158. package/collapse/cssm/Component.js +46 -35
  159. package/collapse/cssm/index.js +7 -9
  160. package/comment/cssm/Component.js +19 -10
  161. package/comment/cssm/index.js +7 -5
  162. package/confirmation/cssm/component.responsive.js +16 -36
  163. package/confirmation/cssm/components/base-confirmation/component.js +60 -66
  164. package/confirmation/cssm/components/base-confirmation/index.js +7 -28
  165. package/confirmation/cssm/components/countdown-loader/component.js +22 -14
  166. package/confirmation/cssm/components/countdown-loader/index.js +7 -3
  167. package/confirmation/cssm/components/header/component.js +18 -6
  168. package/confirmation/cssm/components/header/index.js +7 -5
  169. package/confirmation/cssm/components/index.js +15 -25
  170. package/confirmation/cssm/components/screens/fatal-error/component.js +24 -16
  171. package/confirmation/cssm/components/screens/fatal-error/index.js +7 -10
  172. package/confirmation/cssm/components/screens/hint/component.js +34 -26
  173. package/confirmation/cssm/components/screens/hint/index.js +7 -11
  174. package/confirmation/cssm/components/screens/index.js +13 -25
  175. package/confirmation/cssm/components/screens/initial/component.js +54 -48
  176. package/confirmation/cssm/components/screens/initial/countdown-section.js +36 -23
  177. package/confirmation/cssm/components/screens/initial/index.js +7 -17
  178. package/confirmation/cssm/components/screens/temp-block/component.js +30 -22
  179. package/confirmation/cssm/components/screens/temp-block/index.js +7 -11
  180. package/confirmation/cssm/context.js +10 -8
  181. package/confirmation/cssm/desktop/component.desktop.js +11 -30
  182. package/confirmation/cssm/desktop/index.js +10 -29
  183. package/confirmation/cssm/index.js +10 -33
  184. package/confirmation/cssm/mobile/component.mobile.js +18 -31
  185. package/confirmation/cssm/mobile/index.js +10 -30
  186. package/confirmation/cssm/shared/index.js +23 -26
  187. package/confirmation/cssm/types.js +4 -2
  188. package/confirmation/cssm/utils.js +44 -36
  189. package/confirmation-v1/cssm/component.js +55 -55
  190. package/confirmation-v1/cssm/components/code-input/component.js +54 -40
  191. package/confirmation-v1/cssm/components/code-input/index.js +7 -6
  192. package/confirmation-v1/cssm/components/code-input/utils.js +8 -5
  193. package/confirmation-v1/cssm/components/countdown/component.js +63 -50
  194. package/confirmation-v1/cssm/components/countdown/index.js +8 -9
  195. package/confirmation-v1/cssm/components/countdown-loader/component.js +22 -14
  196. package/confirmation-v1/cssm/components/countdown-loader/index.js +7 -3
  197. package/confirmation-v1/cssm/components/index.js +14 -19
  198. package/confirmation-v1/cssm/components/overlimit/component.js +37 -34
  199. package/confirmation-v1/cssm/components/overlimit/index.js +7 -12
  200. package/confirmation-v1/cssm/components/sign-confirmation/component.js +39 -37
  201. package/confirmation-v1/cssm/components/sign-confirmation/index.js +7 -16
  202. package/confirmation-v1/cssm/index.js +17 -21
  203. package/custom-button/cssm/Component.js +24 -16
  204. package/custom-button/cssm/index.js +7 -5
  205. package/custom-picker-button/cssm/Component.responsive.js +17 -16
  206. package/custom-picker-button/cssm/desktop/Component.desktop.js +22 -16
  207. package/custom-picker-button/cssm/desktop/index.js +7 -8
  208. package/custom-picker-button/cssm/field/Component.js +27 -19
  209. package/custom-picker-button/cssm/field/index.js +7 -6
  210. package/custom-picker-button/cssm/index.js +7 -12
  211. package/custom-picker-button/cssm/mobile/Component.mobile.js +21 -15
  212. package/custom-picker-button/cssm/mobile/index.js +7 -8
  213. package/date-input/cssm/Component.js +43 -35
  214. package/date-input/cssm/index.js +18 -10
  215. package/date-input/cssm/utils/format.js +53 -28
  216. package/date-input/cssm/utils/index.js +16 -5
  217. package/date-input/cssm/utils/native-supports.js +5 -3
  218. package/date-range-input/cssm/Component.responsive.js +19 -27
  219. package/date-range-input/cssm/components/date-range-input/Component.js +113 -97
  220. package/date-range-input/cssm/components/date-range-input/index.js +7 -14
  221. package/date-range-input/cssm/desktop/Component.desktop.js +13 -18
  222. package/date-range-input/cssm/desktop/index.js +7 -17
  223. package/date-range-input/cssm/index.js +7 -21
  224. package/date-range-input/cssm/mobile/Component.mobile.js +13 -18
  225. package/date-range-input/cssm/mobile/index.js +7 -17
  226. package/date-range-input/cssm/utils/format.js +69 -49
  227. package/date-range-input/cssm/utils/index.js +13 -3
  228. package/date-time-input/cssm/Component.responsive.js +19 -26
  229. package/date-time-input/cssm/components/date-time-input/Component.js +81 -68
  230. package/date-time-input/cssm/components/date-time-input/index.js +7 -13
  231. package/date-time-input/cssm/desktop/Component.desktop.js +13 -17
  232. package/date-time-input/cssm/desktop/index.js +7 -16
  233. package/date-time-input/cssm/index.js +7 -20
  234. package/date-time-input/cssm/mobile/Component.mobile.js +13 -17
  235. package/date-time-input/cssm/mobile/index.js +7 -16
  236. package/date-time-input/cssm/utils/format.js +97 -74
  237. package/date-time-input/cssm/utils/index.js +18 -3
  238. package/divider/cssm/Component.js +16 -5
  239. package/divider/cssm/index.js +7 -4
  240. package/drawer/cssm/Component.js +63 -53
  241. package/drawer/cssm/index.js +9 -6
  242. package/dropzone/cssm/Component.js +36 -28
  243. package/dropzone/cssm/components/index.js +7 -5
  244. package/dropzone/cssm/components/overlay/Component.js +24 -12
  245. package/dropzone/cssm/components/overlay/index.js +7 -5
  246. package/dropzone/cssm/index.js +7 -8
  247. package/dropzone/cssm/utils.js +4 -2
  248. package/file-upload-item/cssm/Component.js +51 -46
  249. package/file-upload-item/cssm/index.js +7 -18
  250. package/file-upload-item/cssm/utils.js +21 -17
  251. package/filter-tag/cssm/Component.responsive.js +18 -20
  252. package/filter-tag/cssm/components/base-filter-tag/Component.js +50 -38
  253. package/filter-tag/cssm/components/base-filter-tag/index.js +7 -9
  254. package/filter-tag/cssm/desktop/Component.desktop.js +15 -14
  255. package/filter-tag/cssm/desktop/index.js +7 -11
  256. package/filter-tag/cssm/index.js +7 -15
  257. package/filter-tag/cssm/mobile/Component.mobile.js +15 -14
  258. package/filter-tag/cssm/mobile/index.js +7 -11
  259. package/form-control/cssm/Component.responsive.js +18 -22
  260. package/form-control/cssm/components/base-form-control/Component.js +54 -41
  261. package/form-control/cssm/components/base-form-control/index.js +7 -7
  262. package/form-control/cssm/desktop/Component.desktop.js +20 -15
  263. package/form-control/cssm/desktop/index.js +7 -11
  264. package/form-control/cssm/index.js +7 -17
  265. package/form-control/cssm/mobile/Component.mobile.js +20 -15
  266. package/form-control/cssm/mobile/index.js +7 -11
  267. package/form-control/cssm/shared/index.js +7 -2
  268. package/form-control/cssm/utils.js +9 -7
  269. package/gallery/components/header/Component.js +1 -1
  270. package/gallery/components/header/buttons.js +1 -1
  271. package/gallery/components/image-viewer/component.js +1 -1
  272. package/gallery/components/image-viewer/slide.js +1 -1
  273. package/gallery/cssm/Component.js +70 -88
  274. package/gallery/cssm/components/header/Component.js +38 -37
  275. package/gallery/cssm/components/header/buttons.js +33 -16
  276. package/gallery/cssm/components/header/index.js +7 -17
  277. package/gallery/cssm/components/header-info-block/Component.js +21 -13
  278. package/gallery/cssm/components/header-info-block/index.js +7 -5
  279. package/gallery/cssm/components/image-preview/Component.js +49 -48
  280. package/gallery/cssm/components/image-preview/index.js +7 -31
  281. package/gallery/cssm/components/image-preview/paths.js +4 -2
  282. package/gallery/cssm/components/image-viewer/component.js +100 -82
  283. package/gallery/cssm/components/image-viewer/index.js +7 -17
  284. package/gallery/cssm/components/image-viewer/paths.js +4 -2
  285. package/gallery/cssm/components/image-viewer/slide.js +43 -31
  286. package/gallery/cssm/components/index.js +13 -36
  287. package/gallery/cssm/components/navigation-bar/Component.js +33 -51
  288. package/gallery/cssm/components/navigation-bar/index.js +7 -32
  289. package/gallery/cssm/context.js +6 -4
  290. package/gallery/cssm/index.js +17 -37
  291. package/gallery/cssm/utils/constants.js +4 -2
  292. package/gallery/cssm/utils/index.js +15 -3
  293. package/gallery/cssm/utils/split-filename.js +8 -6
  294. package/gallery/cssm/utils/utils.js +18 -6
  295. package/gallery/esm/Component.js +2 -2
  296. package/gallery/esm/components/header/Component.js +1 -1
  297. package/gallery/esm/components/header/buttons.js +1 -1
  298. package/gallery/esm/components/header/index.js +1 -1
  299. package/gallery/esm/components/image-preview/Component.js +1 -1
  300. package/gallery/esm/components/image-preview/index.js +1 -1
  301. package/gallery/esm/components/image-viewer/component.js +1 -1
  302. package/gallery/esm/components/image-viewer/index.js +1 -1
  303. package/gallery/esm/components/image-viewer/slide.js +1 -1
  304. package/gallery/esm/components/index.js +2 -2
  305. package/gallery/esm/components/navigation-bar/Component.js +1 -1
  306. package/gallery/esm/components/navigation-bar/index.js +1 -1
  307. package/gallery/esm/index.js +2 -2
  308. package/gallery/modern/Component.js +2 -2
  309. package/gallery/modern/components/header/Component.js +1 -1
  310. package/gallery/modern/components/header/buttons.js +1 -1
  311. package/gallery/modern/components/header/index.js +1 -1
  312. package/gallery/modern/components/image-preview/Component.js +1 -1
  313. package/gallery/modern/components/image-preview/index.js +1 -1
  314. package/gallery/modern/components/image-viewer/component.js +1 -1
  315. package/gallery/modern/components/image-viewer/index.js +1 -1
  316. package/gallery/modern/components/image-viewer/slide.js +1 -1
  317. package/gallery/modern/components/index.js +2 -2
  318. package/gallery/modern/components/navigation-bar/Component.js +1 -1
  319. package/gallery/modern/components/navigation-bar/index.js +1 -1
  320. package/gallery/modern/index.js +2 -2
  321. package/gap/cssm/Component.js +17 -6
  322. package/gap/cssm/index.js +7 -4
  323. package/generic-wrapper/cssm/Component.js +26 -16
  324. package/generic-wrapper/cssm/index.js +7 -4
  325. package/global-store/cssm/GlobalStore.js +11 -7
  326. package/global-store/cssm/ModalStore.js +9 -5
  327. package/global-store/cssm/index.js +7 -6
  328. package/grid/cssm/Component.js +8 -12
  329. package/grid/cssm/col/Component.js +23 -10
  330. package/grid/cssm/col/index.js +7 -6
  331. package/grid/cssm/index.js +7 -9
  332. package/grid/cssm/row/Component.js +30 -16
  333. package/grid/cssm/row/index.js +7 -6
  334. package/grid/cssm/utils/index.js +14 -12
  335. package/hatching-progress-bar/cssm/Component.js +18 -7
  336. package/hatching-progress-bar/cssm/index.js +7 -4
  337. package/icon-button/cssm/Component.js +30 -15
  338. package/icon-button/cssm/index.js +7 -7
  339. package/icon-view/cssm/circle/index.js +7 -8
  340. package/icon-view/cssm/components/base-shape/component.js +62 -53
  341. package/icon-view/cssm/components/base-shape/index.js +7 -6
  342. package/icon-view/cssm/components/base-shape/utils.js +5 -2
  343. package/icon-view/cssm/components/circle/component.js +12 -9
  344. package/icon-view/cssm/components/circle/index.js +7 -8
  345. package/icon-view/cssm/components/circle/paths.js +7 -4
  346. package/icon-view/cssm/components/index.js +15 -14
  347. package/icon-view/cssm/components/no-shape/component.js +12 -9
  348. package/icon-view/cssm/components/no-shape/index.js +7 -8
  349. package/icon-view/cssm/components/no-shape/paths.js +6 -3
  350. package/icon-view/cssm/components/rectangle/component.js +16 -10
  351. package/icon-view/cssm/components/rectangle/index.js +7 -8
  352. package/icon-view/cssm/components/rectangle/paths.js +8 -4
  353. package/icon-view/cssm/components/super-ellipse/component.js +12 -9
  354. package/icon-view/cssm/components/super-ellipse/index.js +7 -8
  355. package/icon-view/cssm/components/super-ellipse/paths.js +8 -4
  356. package/icon-view/cssm/no-shape/index.js +7 -8
  357. package/icon-view/cssm/rectangle/index.js +7 -8
  358. package/icon-view/cssm/super-ellipse/index.js +7 -8
  359. package/indicator/cssm/Component.js +64 -17
  360. package/indicator/cssm/index.js +8 -4
  361. package/input/cssm/Component.responsive.js +18 -29
  362. package/input/cssm/components/base-input/Component.js +65 -56
  363. package/input/cssm/components/base-input/index.js +7 -18
  364. package/input/cssm/components/clear-button/Component.js +27 -14
  365. package/input/cssm/components/clear-button/index.js +7 -8
  366. package/input/cssm/desktop/Component.desktop.js +12 -21
  367. package/input/cssm/desktop/index.js +7 -20
  368. package/input/cssm/index.js +7 -24
  369. package/input/cssm/mobile/Component.mobile.js +12 -21
  370. package/input/cssm/mobile/index.js +7 -20
  371. package/input/cssm/shared/index.js +9 -10
  372. package/input/cssm/utils.js +10 -8
  373. package/input-autocomplete/cssm/Component.responsive.js +17 -27
  374. package/input-autocomplete/cssm/autocomplete-field/Component.js +32 -18
  375. package/input-autocomplete/cssm/autocomplete-field/index.js +7 -7
  376. package/input-autocomplete/cssm/autocomplete-mobile-field/Component.js +38 -27
  377. package/input-autocomplete/cssm/autocomplete-mobile-field/index.js +7 -8
  378. package/input-autocomplete/cssm/desktop/Component.desktop.js +16 -19
  379. package/input-autocomplete/cssm/desktop/index.js +7 -10
  380. package/input-autocomplete/cssm/enums.js +4 -4
  381. package/input-autocomplete/cssm/index.js +7 -24
  382. package/input-autocomplete/cssm/mobile/Component.mobile.js +69 -75
  383. package/input-autocomplete/cssm/mobile/Component.modal.mobile.js +11 -18
  384. package/input-autocomplete/cssm/mobile/index.js +9 -17
  385. package/input-autocomplete/cssm/shared/index.js +8 -2
  386. package/input-autocomplete/cssm/utils.js +38 -34
  387. package/international-phone-input/Component.responsive.d.ts +4 -4
  388. package/international-phone-input/components/base-international-phone-input/Component.d.ts +2 -2
  389. package/international-phone-input/cssm/Component.responsive.js +16 -34
  390. package/international-phone-input/cssm/components/base-international-phone-input/Component.js +73 -82
  391. package/international-phone-input/cssm/components/base-international-phone-input/index.js +7 -21
  392. package/international-phone-input/cssm/components/country-select/Component.js +46 -40
  393. package/international-phone-input/cssm/components/country-select/index.js +7 -14
  394. package/international-phone-input/cssm/components/flag-icon/component.js +19 -8
  395. package/international-phone-input/cssm/components/flag-icon/flagSprite.js +4 -2
  396. package/international-phone-input/cssm/components/flag-icon/index.js +7 -5
  397. package/international-phone-input/cssm/components/select-field/component.js +33 -22
  398. package/international-phone-input/cssm/components/select-field/index.js +8 -10
  399. package/international-phone-input/cssm/consts.js +4 -2
  400. package/international-phone-input/cssm/data/country-data.js +4 -2
  401. package/international-phone-input/cssm/desktop/Component.desktop.js +17 -26
  402. package/international-phone-input/cssm/desktop/index.js +7 -25
  403. package/international-phone-input/cssm/index-7ca84eff.d.ts +15 -0
  404. package/international-phone-input/cssm/index.js +7 -31
  405. package/international-phone-input/cssm/mobile/Component.mobile.js +17 -26
  406. package/international-phone-input/cssm/mobile/index.js +7 -25
  407. package/international-phone-input/cssm/shared/index.js +8 -5
  408. package/international-phone-input/cssm/utils/index.js +143 -125
  409. package/international-phone-input/data/country-data.d.ts +9 -1
  410. package/international-phone-input/data/country-data.js +0 -19
  411. package/international-phone-input/esm/index-7ca84eff.d.ts +15 -0
  412. package/international-phone-input/index-7ca84eff.d.ts +15 -0
  413. package/international-phone-input/modern/index-7ca84eff.d.ts +15 -0
  414. package/international-phone-input/typings-57569e57.d.ts +2 -2
  415. package/intl-phone-input/cssm/component.js +148 -134
  416. package/intl-phone-input/cssm/components/flag-icon/component.js +19 -8
  417. package/intl-phone-input/cssm/components/flag-icon/flagSprite.js +4 -2
  418. package/intl-phone-input/cssm/components/flag-icon/index.js +7 -5
  419. package/intl-phone-input/cssm/components/index.js +12 -14
  420. package/intl-phone-input/cssm/components/select/component.js +37 -31
  421. package/intl-phone-input/cssm/components/select/index.js +7 -14
  422. package/intl-phone-input/cssm/components/select-field/component.js +33 -21
  423. package/intl-phone-input/cssm/components/select-field/index.js +8 -10
  424. package/intl-phone-input/cssm/index.js +7 -22
  425. package/intl-phone-input/cssm/useCaretAvoidCountryCode.js +15 -12
  426. package/intl-phone-input/cssm/utils/calculateCaretPos.js +6 -4
  427. package/intl-phone-input/cssm/utils/format-phone-with-unclearable-country-code.js +8 -6
  428. package/intl-phone-input/cssm/utils/preparePasteData.js +21 -19
  429. package/keyboard-focusable/cssm/Component.js +9 -6
  430. package/keyboard-focusable/cssm/index.js +7 -3
  431. package/link/cssm/Component.js +40 -33
  432. package/link/cssm/index.js +7 -8
  433. package/list/cssm/Component-7cc47e0b.js +62 -0
  434. package/list/cssm/Component.js +13 -7
  435. package/list/cssm/components/item/Component.js +11 -7
  436. package/list/cssm/components/item/index.d.ts +1 -1
  437. package/list/cssm/components/item/index.js +7 -7
  438. package/list/cssm/index.js +10 -8
  439. package/list/cssm/presets.js +4 -2
  440. package/list/cssm/utils.js +11 -4
  441. package/list-header/cssm/Component.js +20 -8
  442. package/list-header/cssm/index.js +7 -5
  443. package/loader/cssm/Component.js +19 -8
  444. package/loader/cssm/index.js +7 -4
  445. package/markdown/cssm/Component.desktop.js +14 -14
  446. package/markdown/cssm/Component.js +21 -15
  447. package/markdown/cssm/Component.mobile.js +14 -14
  448. package/markdown/cssm/Component.responsive.js +18 -20
  449. package/markdown/cssm/desktop/index.js +7 -13
  450. package/markdown/cssm/hooks/use-overrides.js +35 -25
  451. package/markdown/cssm/index.js +7 -15
  452. package/markdown/cssm/mobile/index.js +7 -13
  453. package/markdown/cssm/remark-plugins/index.js +7 -3
  454. package/markdown/cssm/remark-plugins/strikethrough.js +16 -10
  455. package/masked-input/cssm/Component.js +37 -23
  456. package/masked-input/cssm/index.js +8 -7
  457. package/modal/cssm/Component.js +45 -41
  458. package/modal/cssm/Component.responsive.js +24 -38
  459. package/modal/cssm/Context.js +5 -3
  460. package/modal/cssm/ResponsiveContext.js +9 -3
  461. package/modal/cssm/components/content/Component.js +31 -20
  462. package/modal/cssm/components/controls/Component.js +23 -13
  463. package/modal/cssm/components/controls/index.js +7 -7
  464. package/modal/cssm/components/footer/Component.js +37 -25
  465. package/modal/cssm/components/header/Component.js +49 -33
  466. package/modal/cssm/consts.js +4 -2
  467. package/modal/cssm/desktop/Component.desktop.js +20 -35
  468. package/modal/cssm/desktop/index.js +7 -29
  469. package/modal/cssm/index.js +7 -30
  470. package/modal/cssm/mobile/Component.mobile.js +20 -35
  471. package/modal/cssm/mobile/index.js +7 -29
  472. package/modal/cssm/shared/index.js +9 -4
  473. package/modal/cssm/utils.js +11 -9
  474. package/mq/cssm/Component.js +19 -13
  475. package/mq/cssm/index.js +9 -5
  476. package/mq/cssm/useMatchMedia.js +14 -11
  477. package/mq/cssm/utils.js +11 -6
  478. package/navigation-bar/cssm/Component.js +113 -118
  479. package/navigation-bar/cssm/components/back-arrow-addon/Component.js +29 -18
  480. package/navigation-bar/cssm/components/back-arrow-addon/index.js +7 -8
  481. package/navigation-bar/cssm/components/closer/Component.js +25 -14
  482. package/navigation-bar/cssm/components/closer/index.js +7 -7
  483. package/navigation-bar/cssm/index.js +7 -18
  484. package/navigation-bar/cssm/shared/index.js +9 -13
  485. package/notification/Component.js +2 -1
  486. package/notification/cssm/Component.js +58 -45
  487. package/notification/cssm/index.js +7 -11
  488. package/notification/cssm/utils/index.js +11 -5
  489. package/notification/esm/Component.js +2 -1
  490. package/notification/esm/index.js +1 -0
  491. package/notification/modern/Component.js +2 -1
  492. package/notification/modern/index.js +1 -0
  493. package/notification-manager/component.js +2 -1
  494. package/notification-manager/cssm/component.js +34 -22
  495. package/notification-manager/cssm/components/index.js +7 -3
  496. package/notification-manager/cssm/components/notification/component.js +17 -17
  497. package/notification-manager/cssm/components/notification/index.js +7 -3
  498. package/notification-manager/cssm/index.js +7 -8
  499. package/notification-manager/esm/component.js +2 -1
  500. package/notification-manager/esm/index.js +1 -0
  501. package/notification-manager/modern/component.js +2 -1
  502. package/notification-manager/modern/index.js +1 -0
  503. package/number-input/cssm/Component.responsive.js +16 -24
  504. package/number-input/cssm/components/number-input/Component.js +85 -74
  505. package/number-input/cssm/components/number-input/index.js +7 -18
  506. package/number-input/cssm/components/steppers/Component.js +31 -20
  507. package/number-input/cssm/components/steppers/index.js +7 -10
  508. package/number-input/cssm/desktop/Component.desktop.js +12 -21
  509. package/number-input/cssm/desktop/index.js +7 -20
  510. package/number-input/cssm/index.js +7 -21
  511. package/number-input/cssm/mobile/Component.mobile.js +12 -21
  512. package/number-input/cssm/mobile/index.js +7 -20
  513. package/number-input/cssm/shared/index.js +7 -3
  514. package/number-input/cssm/utils.js +121 -96
  515. package/package.json +2 -1
  516. package/pagination/cssm/Component.js +30 -25
  517. package/pagination/cssm/components/default-view/index.js +30 -25
  518. package/pagination/cssm/components/per-page-view/index.js +18 -8
  519. package/pagination/cssm/components/tag/index.js +19 -6
  520. package/pagination/cssm/index.js +7 -13
  521. package/pass-code/cssm/Component.js +31 -30
  522. package/pass-code/cssm/components/InputProgress/Component.js +35 -18
  523. package/pass-code/cssm/components/InputProgress/index.js +7 -7
  524. package/pass-code/cssm/components/KeyPad/Component.js +34 -27
  525. package/pass-code/cssm/components/KeyPad/index.js +7 -9
  526. package/pass-code/cssm/components/KeyPadButton/Component.js +18 -9
  527. package/pass-code/cssm/components/KeyPadButton/index.js +7 -5
  528. package/pass-code/cssm/index.js +9 -16
  529. package/pass-code/cssm/shared/index.js +7 -2
  530. package/pass-code/cssm/utils.js +11 -9
  531. package/password-input/cssm/component.js +27 -17
  532. package/password-input/cssm/index.js +7 -8
  533. package/pattern-lock/cssm/Component.responsive.js +18 -20
  534. package/pattern-lock/cssm/components/base-pattern-lock/Component.js +53 -40
  535. package/pattern-lock/cssm/components/base-pattern-lock/index.js +7 -9
  536. package/pattern-lock/cssm/consts.js +10 -5
  537. package/pattern-lock/cssm/desktop/Component.desktop.js +15 -14
  538. package/pattern-lock/cssm/desktop/index.js +7 -11
  539. package/pattern-lock/cssm/hooks/use-pattern-lock-cleanup.js +7 -5
  540. package/pattern-lock/cssm/index.js +9 -15
  541. package/pattern-lock/cssm/mobile/Component.mobile.js +15 -14
  542. package/pattern-lock/cssm/mobile/index.js +7 -11
  543. package/pattern-lock/cssm/shared/index.js +9 -5
  544. package/pattern-lock/cssm/utils.js +39 -43
  545. package/phone-input/cssm/Component.js +38 -30
  546. package/phone-input/cssm/index.js +7 -6
  547. package/phone-input/cssm/utils/index.js +19 -10
  548. package/picker-button/cssm/Component.responsive.js +19 -26
  549. package/picker-button/cssm/desktop/Component.desktop.js +31 -31
  550. package/picker-button/cssm/desktop/index.js +7 -16
  551. package/picker-button/cssm/field/Component.js +31 -27
  552. package/picker-button/cssm/field/index.js +7 -10
  553. package/picker-button/cssm/index-bdb4c6b9.d.ts +1 -13
  554. package/picker-button/cssm/index.js +7 -20
  555. package/picker-button/cssm/mobile/Component.mobile.js +23 -31
  556. package/picker-button/cssm/mobile/index.js +7 -15
  557. package/picker-button/cssm/option/Component.js +21 -12
  558. package/picker-button/cssm/option/index.js +7 -4
  559. package/picker-button/cssm/shared/index.js +7 -5
  560. package/picker-button/cssm/utils/index.js +10 -8
  561. package/picker-button/esm/index-bdb4c6b9.d.ts +1 -13
  562. package/picker-button/index-bdb4c6b9.d.ts +1 -13
  563. package/picker-button/modern/index-bdb4c6b9.d.ts +1 -13
  564. package/plate/cssm/Component.responsive.js +18 -21
  565. package/plate/cssm/components/base-plate/Component.js +78 -67
  566. package/plate/cssm/components/base-plate/index.js +7 -10
  567. package/plate/cssm/components/button-list/component.js +25 -15
  568. package/plate/cssm/desktop/Component.desktop.js +15 -15
  569. package/plate/cssm/desktop/index.js +7 -12
  570. package/plate/cssm/index.js +7 -16
  571. package/plate/cssm/mobile/Component.mobile.js +15 -15
  572. package/plate/cssm/mobile/index.js +7 -12
  573. package/popover/Component.js +2 -1
  574. package/popover/cssm/Component.js +79 -64
  575. package/popover/cssm/index.js +7 -12
  576. package/popover/esm/Component.js +2 -1
  577. package/popover/esm/index.js +1 -0
  578. package/popover/modern/Component.js +2 -1
  579. package/popover/modern/index.js +1 -0
  580. package/popup-sheet/cssm/Component.js +74 -74
  581. package/popup-sheet/cssm/components/backdrop/Component.js +19 -13
  582. package/popup-sheet/cssm/components/backdrop/index.js +7 -4
  583. package/popup-sheet/cssm/index.js +7 -11
  584. package/popup-sheet/cssm/shared/index.js +7 -2
  585. package/popup-sheet/cssm/utils.js +5 -3
  586. package/portal/cssm/Component.js +18 -13
  587. package/portal/cssm/index.js +7 -4
  588. package/portal/cssm/utils.js +10 -4
  589. package/progress-bar/cssm/Component.js +19 -9
  590. package/progress-bar/cssm/index.js +8 -4
  591. package/pure-cell/component.js +1 -1
  592. package/pure-cell/components/addon/component.js +1 -1
  593. package/pure-cell/components/addon/index.d.ts +1 -1
  594. package/pure-cell/components/addon/index.js +1 -1
  595. package/pure-cell/components/amount/component.js +1 -1
  596. package/pure-cell/components/amount/index.d.ts +1 -1
  597. package/pure-cell/components/amount/index.js +1 -1
  598. package/pure-cell/components/amount-title/component.js +1 -1
  599. package/pure-cell/components/amount-title/index.d.ts +1 -1
  600. package/pure-cell/components/amount-title/index.js +1 -1
  601. package/pure-cell/components/category/component.js +1 -1
  602. package/pure-cell/components/category/index.d.ts +1 -1
  603. package/pure-cell/components/category/index.js +1 -1
  604. package/pure-cell/components/content/component.js +1 -1
  605. package/pure-cell/components/content/index.d.ts +1 -1
  606. package/pure-cell/components/content/index.js +1 -1
  607. package/pure-cell/components/footer/component.js +1 -1
  608. package/pure-cell/components/footer/index.d.ts +1 -1
  609. package/pure-cell/components/footer/index.js +1 -1
  610. package/pure-cell/components/footer-button/component.js +1 -1
  611. package/pure-cell/components/footer-button/index.d.ts +1 -1
  612. package/pure-cell/components/footer-button/index.js +1 -1
  613. package/pure-cell/components/footer-text/component.js +1 -1
  614. package/pure-cell/components/footer-text/index.d.ts +1 -1
  615. package/pure-cell/components/footer-text/index.js +1 -1
  616. package/pure-cell/components/graphics/component.js +1 -1
  617. package/pure-cell/components/graphics/index.d.ts +1 -1
  618. package/pure-cell/components/graphics/index.js +1 -1
  619. package/pure-cell/components/main/component.js +1 -1
  620. package/pure-cell/components/main/index.d.ts +1 -1
  621. package/pure-cell/components/main/index.js +1 -1
  622. package/pure-cell/components/text/component.js +1 -1
  623. package/pure-cell/components/text/index.d.ts +1 -1
  624. package/pure-cell/components/text/index.js +1 -1
  625. package/pure-cell/cssm/component-e3105fca.js +299 -0
  626. package/pure-cell/cssm/component.js +15 -21
  627. package/pure-cell/cssm/components/addon/component.js +12 -21
  628. package/pure-cell/cssm/components/addon/index.d.ts +1 -1
  629. package/pure-cell/cssm/components/addon/index.js +7 -21
  630. package/pure-cell/cssm/components/amount/component.js +14 -21
  631. package/pure-cell/cssm/components/amount/index.d.ts +1 -1
  632. package/pure-cell/cssm/components/amount/index.js +7 -21
  633. package/pure-cell/cssm/components/amount-title/component.js +14 -21
  634. package/pure-cell/cssm/components/amount-title/index.d.ts +1 -1
  635. package/pure-cell/cssm/components/amount-title/index.js +7 -21
  636. package/pure-cell/cssm/components/category/component.js +11 -21
  637. package/pure-cell/cssm/components/category/index.d.ts +1 -1
  638. package/pure-cell/cssm/components/category/index.js +7 -21
  639. package/pure-cell/cssm/components/content/component.js +11 -21
  640. package/pure-cell/cssm/components/content/index.d.ts +1 -1
  641. package/pure-cell/cssm/components/content/index.js +7 -21
  642. package/pure-cell/cssm/components/footer/component.js +11 -21
  643. package/pure-cell/cssm/components/footer/index.d.ts +1 -1
  644. package/pure-cell/cssm/components/footer/index.js +7 -21
  645. package/pure-cell/cssm/components/footer-button/component.js +12 -21
  646. package/pure-cell/cssm/components/footer-button/index.d.ts +1 -1
  647. package/pure-cell/cssm/components/footer-button/index.js +7 -21
  648. package/pure-cell/cssm/components/footer-text/component.js +10 -21
  649. package/pure-cell/cssm/components/footer-text/index.d.ts +1 -1
  650. package/pure-cell/cssm/components/footer-text/index.js +7 -21
  651. package/pure-cell/cssm/components/graphics/component.js +12 -21
  652. package/pure-cell/cssm/components/graphics/index.d.ts +1 -1
  653. package/pure-cell/cssm/components/graphics/index.js +7 -21
  654. package/pure-cell/cssm/components/main/component.js +12 -21
  655. package/pure-cell/cssm/components/main/index.d.ts +1 -1
  656. package/pure-cell/cssm/components/main/index.js +7 -21
  657. package/pure-cell/cssm/components/text/component.js +12 -21
  658. package/pure-cell/cssm/components/text/index.d.ts +1 -1
  659. package/pure-cell/cssm/components/text/index.js +7 -21
  660. package/pure-cell/cssm/index.js +7 -21
  661. package/pure-cell/cssm/shared/index.js +7 -2
  662. package/pure-cell/cssm/utils.js +20 -18
  663. package/pure-cell/esm/component.js +1 -1
  664. package/pure-cell/esm/components/addon/component.js +1 -1
  665. package/pure-cell/esm/components/addon/index.d.ts +1 -1
  666. package/pure-cell/esm/components/addon/index.js +1 -1
  667. package/pure-cell/esm/components/amount/component.js +1 -1
  668. package/pure-cell/esm/components/amount/index.d.ts +1 -1
  669. package/pure-cell/esm/components/amount/index.js +1 -1
  670. package/pure-cell/esm/components/amount-title/component.js +1 -1
  671. package/pure-cell/esm/components/amount-title/index.d.ts +1 -1
  672. package/pure-cell/esm/components/amount-title/index.js +1 -1
  673. package/pure-cell/esm/components/category/component.js +1 -1
  674. package/pure-cell/esm/components/category/index.d.ts +1 -1
  675. package/pure-cell/esm/components/category/index.js +1 -1
  676. package/pure-cell/esm/components/content/component.js +1 -1
  677. package/pure-cell/esm/components/content/index.d.ts +1 -1
  678. package/pure-cell/esm/components/content/index.js +1 -1
  679. package/pure-cell/esm/components/footer/component.js +1 -1
  680. package/pure-cell/esm/components/footer/index.d.ts +1 -1
  681. package/pure-cell/esm/components/footer/index.js +1 -1
  682. package/pure-cell/esm/components/footer-button/component.js +1 -1
  683. package/pure-cell/esm/components/footer-button/index.d.ts +1 -1
  684. package/pure-cell/esm/components/footer-button/index.js +1 -1
  685. package/pure-cell/esm/components/footer-text/component.js +1 -1
  686. package/pure-cell/esm/components/footer-text/index.d.ts +1 -1
  687. package/pure-cell/esm/components/footer-text/index.js +1 -1
  688. package/pure-cell/esm/components/graphics/component.js +1 -1
  689. package/pure-cell/esm/components/graphics/index.d.ts +1 -1
  690. package/pure-cell/esm/components/graphics/index.js +1 -1
  691. package/pure-cell/esm/components/main/component.js +1 -1
  692. package/pure-cell/esm/components/main/index.d.ts +1 -1
  693. package/pure-cell/esm/components/main/index.js +1 -1
  694. package/pure-cell/esm/components/text/component.js +1 -1
  695. package/pure-cell/esm/components/text/index.d.ts +1 -1
  696. package/pure-cell/esm/components/text/index.js +1 -1
  697. package/pure-cell/esm/index.js +1 -1
  698. package/pure-cell/index.js +1 -1
  699. package/pure-cell/modern/component.js +1 -1
  700. package/pure-cell/modern/components/addon/component.js +1 -1
  701. package/pure-cell/modern/components/addon/index.d.ts +1 -1
  702. package/pure-cell/modern/components/addon/index.js +1 -1
  703. package/pure-cell/modern/components/amount/component.js +1 -1
  704. package/pure-cell/modern/components/amount/index.d.ts +1 -1
  705. package/pure-cell/modern/components/amount/index.js +1 -1
  706. package/pure-cell/modern/components/amount-title/component.js +1 -1
  707. package/pure-cell/modern/components/amount-title/index.d.ts +1 -1
  708. package/pure-cell/modern/components/amount-title/index.js +1 -1
  709. package/pure-cell/modern/components/category/component.js +1 -1
  710. package/pure-cell/modern/components/category/index.d.ts +1 -1
  711. package/pure-cell/modern/components/category/index.js +1 -1
  712. package/pure-cell/modern/components/content/component.js +1 -1
  713. package/pure-cell/modern/components/content/index.d.ts +1 -1
  714. package/pure-cell/modern/components/content/index.js +1 -1
  715. package/pure-cell/modern/components/footer/component.js +1 -1
  716. package/pure-cell/modern/components/footer/index.d.ts +1 -1
  717. package/pure-cell/modern/components/footer/index.js +1 -1
  718. package/pure-cell/modern/components/footer-button/component.js +1 -1
  719. package/pure-cell/modern/components/footer-button/index.d.ts +1 -1
  720. package/pure-cell/modern/components/footer-button/index.js +1 -1
  721. package/pure-cell/modern/components/footer-text/component.js +1 -1
  722. package/pure-cell/modern/components/footer-text/index.d.ts +1 -1
  723. package/pure-cell/modern/components/footer-text/index.js +1 -1
  724. package/pure-cell/modern/components/graphics/component.js +1 -1
  725. package/pure-cell/modern/components/graphics/index.d.ts +1 -1
  726. package/pure-cell/modern/components/graphics/index.js +1 -1
  727. package/pure-cell/modern/components/main/component.js +1 -1
  728. package/pure-cell/modern/components/main/index.d.ts +1 -1
  729. package/pure-cell/modern/components/main/index.js +1 -1
  730. package/pure-cell/modern/components/text/component.js +1 -1
  731. package/pure-cell/modern/components/text/index.d.ts +1 -1
  732. package/pure-cell/modern/components/text/index.js +1 -1
  733. package/pure-cell/modern/index.js +1 -1
  734. package/radio/cssm/Component.js +37 -25
  735. package/radio/cssm/index.js +7 -7
  736. package/radio-group/cssm/Component.responsive.js +18 -16
  737. package/radio-group/cssm/components/base-radio-group/Component.js +40 -41
  738. package/radio-group/cssm/components/base-radio-group/index.js +7 -5
  739. package/radio-group/cssm/desktop/Component.desktop.js +13 -8
  740. package/radio-group/cssm/desktop/index.js +7 -7
  741. package/radio-group/cssm/index.js +7 -11
  742. package/radio-group/cssm/mobile/Component.mobile.js +13 -8
  743. package/radio-group/cssm/mobile/index.js +7 -7
  744. package/scrollbar/cssm/Component.js +389 -358
  745. package/scrollbar/cssm/index.js +7 -12
  746. package/segmented-control/cssm/Component.js +62 -47
  747. package/segmented-control/cssm/components/index.js +7 -9
  748. package/segmented-control/cssm/components/segment/Component.js +30 -18
  749. package/segmented-control/cssm/components/segment/index.js +7 -9
  750. package/segmented-control/cssm/context.js +6 -4
  751. package/segmented-control/cssm/index.js +10 -14
  752. package/select/cssm/Component.responsive.js +19 -70
  753. package/select/cssm/components/arrow/Component.js +18 -6
  754. package/select/cssm/components/arrow/index.js +7 -5
  755. package/select/cssm/components/base-checkmark/Component.js +23 -13
  756. package/select/cssm/components/base-checkmark/index.js +7 -6
  757. package/select/cssm/components/base-option/Component.js +36 -27
  758. package/select/cssm/components/base-option/index.js +7 -8
  759. package/select/cssm/components/base-select/Component.js +202 -193
  760. package/select/cssm/components/base-select/index.js +7 -13
  761. package/select/cssm/components/checkmark/Component.js +28 -17
  762. package/select/cssm/components/checkmark/index.js +7 -8
  763. package/select/cssm/components/checkmark-mobile/Component.js +21 -9
  764. package/select/cssm/components/checkmark-mobile/index.js +7 -5
  765. package/select/cssm/components/field/Component.js +39 -28
  766. package/select/cssm/components/field/index.js +7 -7
  767. package/select/cssm/components/footer/Component.js +26 -16
  768. package/select/cssm/components/footer/index.js +7 -7
  769. package/select/cssm/components/index.js +23 -46
  770. package/select/cssm/components/native-select/Component.js +25 -10
  771. package/select/cssm/components/native-select/index.js +7 -4
  772. package/select/cssm/components/optgroup/Component.js +20 -9
  773. package/select/cssm/components/optgroup/index.js +7 -5
  774. package/select/cssm/components/option/Component.js +31 -26
  775. package/select/cssm/components/option/index.js +7 -13
  776. package/select/cssm/components/options-list/Component.js +61 -52
  777. package/select/cssm/components/options-list/index.js +7 -12
  778. package/select/cssm/components/search/Component.js +19 -7
  779. package/select/cssm/components/search/index.js +7 -6
  780. package/select/cssm/components/virtual-options-list/Component.js +82 -66
  781. package/select/cssm/components/virtual-options-list/index.js +7 -13
  782. package/select/cssm/consts.js +6 -3
  783. package/select/cssm/desktop/Component.desktop.js +22 -46
  784. package/select/cssm/desktop/index.js +7 -42
  785. package/select/cssm/hook-aae7b381.js +142 -0
  786. package/select/cssm/index.js +7 -61
  787. package/select/cssm/mobile/Component.mobile.js +48 -92
  788. package/select/cssm/mobile/Component.modal.mobile.js +11 -58
  789. package/select/cssm/mobile/index.js +9 -57
  790. package/select/cssm/presets/index.js +12 -33
  791. package/select/cssm/presets/useLazyLoading/hook.js +80 -98
  792. package/select/cssm/presets/useSelectWithApply/hook.js +11 -19
  793. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +13 -19
  794. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +22 -12
  795. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +19 -7
  796. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  797. package/select/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +7 -19
  798. package/select/cssm/presets/useSelectWithLoading/hook.js +22 -24
  799. package/select/cssm/shared/index.js +43 -61
  800. package/select/cssm/utils.js +84 -67
  801. package/select-with-tags/cssm/Component.responsive.js +19 -23
  802. package/select-with-tags/cssm/components/base-select-with-tags/Component.js +79 -106
  803. package/select-with-tags/cssm/components/base-select-with-tags/index.js +7 -14
  804. package/select-with-tags/cssm/components/tag/component.js +23 -12
  805. package/select-with-tags/cssm/components/tag/index.js +7 -6
  806. package/select-with-tags/cssm/components/tag-list/component.js +73 -65
  807. package/select-with-tags/cssm/components/tag-list/index.js +7 -11
  808. package/select-with-tags/cssm/desktop/Component.desktop.js +13 -18
  809. package/select-with-tags/cssm/desktop/index.js +7 -17
  810. package/select-with-tags/cssm/index.js +7 -20
  811. package/select-with-tags/cssm/mobile/Component.mobile.js +13 -18
  812. package/select-with-tags/cssm/mobile/index.js +7 -17
  813. package/select-with-tags/cssm/utils/calculate-collapse-size.js +22 -20
  814. package/select-with-tags/cssm/utils/index.js +7 -2
  815. package/select-with-tags/cssm/utils/match.js +17 -11
  816. package/shared/cssm/browser.js +14 -12
  817. package/shared/cssm/createPaddingStyle.js +4 -2
  818. package/shared/cssm/dom.js +5 -3
  819. package/shared/cssm/easingFns.js +6 -4
  820. package/shared/cssm/fnUtils.js +8 -6
  821. package/shared/cssm/getDataTestId.js +5 -3
  822. package/shared/cssm/hooks/index.js +6 -8
  823. package/shared/cssm/hooks/useCustomWebkitScrollbar.js +9 -8
  824. package/shared/cssm/index.js +25 -13
  825. package/shared/cssm/isClient.js +4 -2
  826. package/shared/cssm/maskUtils.js +39 -34
  827. package/shared/cssm/os.js +9 -7
  828. package/side-panel/components/controls/Component.js +1 -1
  829. package/side-panel/components/footer/Component.js +1 -1
  830. package/side-panel/cssm/Component.responsive.js +34 -54
  831. package/side-panel/cssm/Context.js +5 -3
  832. package/side-panel/cssm/ResponsiveContext.js +9 -3
  833. package/side-panel/cssm/components/content/Component.desktop.js +21 -14
  834. package/side-panel/cssm/components/content/Component.js +23 -14
  835. package/side-panel/cssm/components/content/Component.mobile.js +20 -13
  836. package/side-panel/cssm/components/controls/Component.js +24 -14
  837. package/side-panel/cssm/components/controls/index.js +7 -7
  838. package/side-panel/cssm/components/footer/Component.desktop.js +22 -15
  839. package/side-panel/cssm/components/footer/Component.js +27 -17
  840. package/side-panel/cssm/components/footer/Component.mobile.js +21 -14
  841. package/side-panel/cssm/components/header/Component.js +41 -29
  842. package/side-panel/cssm/consts.js +4 -2
  843. package/side-panel/cssm/desktop/Component.desktop.js +51 -54
  844. package/side-panel/cssm/desktop/index.js +7 -28
  845. package/side-panel/cssm/index.js +7 -37
  846. package/side-panel/cssm/mobile/Component.mobile.js +33 -40
  847. package/side-panel/cssm/mobile/index.js +7 -26
  848. package/side-panel/cssm/shared/index.js +9 -4
  849. package/side-panel/cssm/utils.js +11 -9
  850. package/side-panel/esm/Component.responsive.js +1 -1
  851. package/side-panel/esm/components/controls/Component.js +1 -1
  852. package/side-panel/esm/components/controls/index.js +1 -1
  853. package/side-panel/esm/components/footer/Component.desktop.js +1 -1
  854. package/side-panel/esm/components/footer/Component.js +1 -1
  855. package/side-panel/esm/components/footer/Component.mobile.js +1 -1
  856. package/side-panel/esm/desktop/Component.desktop.js +1 -1
  857. package/side-panel/esm/desktop/index.js +1 -1
  858. package/side-panel/esm/index.js +1 -1
  859. package/side-panel/esm/mobile/Component.mobile.js +1 -1
  860. package/side-panel/esm/mobile/index.js +1 -1
  861. package/side-panel/modern/Component.responsive.js +1 -1
  862. package/side-panel/modern/components/controls/Component.js +1 -1
  863. package/side-panel/modern/components/controls/index.js +1 -1
  864. package/side-panel/modern/components/footer/Component.desktop.js +1 -1
  865. package/side-panel/modern/components/footer/Component.js +1 -1
  866. package/side-panel/modern/components/footer/Component.mobile.js +1 -1
  867. package/side-panel/modern/desktop/Component.desktop.js +1 -1
  868. package/side-panel/modern/desktop/index.js +1 -1
  869. package/side-panel/modern/index.js +1 -1
  870. package/side-panel/modern/mobile/Component.mobile.js +1 -1
  871. package/side-panel/modern/mobile/index.js +1 -1
  872. package/skeleton/cssm/Component.js +17 -7
  873. package/skeleton/cssm/index.js +7 -4
  874. package/slider/cssm/Component.js +49 -37
  875. package/slider/cssm/index.js +8 -5
  876. package/slider-input/cssm/Component.js +35 -22
  877. package/slider-input/cssm/index.js +7 -6
  878. package/sortable-list/cssm/Component.js +73 -58
  879. package/sortable-list/cssm/components/item/Components.js +44 -32
  880. package/sortable-list/cssm/index.js +7 -13
  881. package/sortable-list/cssm/shared/index.js +7 -2
  882. package/sortable-list/cssm/utils.js +17 -12
  883. package/space/cssm/Component.js +43 -32
  884. package/space/cssm/Item.js +30 -12
  885. package/space/cssm/index.js +7 -5
  886. package/space/cssm/utils.js +9 -3
  887. package/spinner/cssm/Component.js +48 -35
  888. package/spinner/cssm/index.js +8 -7
  889. package/stack/component.js +4 -4
  890. package/stack/cssm/component.js +16 -9
  891. package/stack/cssm/index.d.ts +0 -1
  892. package/stack/cssm/index.js +7 -3
  893. package/stack/esm/component.js +1 -1
  894. package/stack/esm/index.d.ts +0 -1
  895. package/stack/esm/index.js +1 -1
  896. package/stack/index.d.ts +0 -1
  897. package/stack/index.js +0 -3
  898. package/stack/modern/component.js +1 -1
  899. package/stack/modern/index.d.ts +0 -1
  900. package/stack/modern/index.js +1 -1
  901. package/status/cssm/Component.js +18 -6
  902. package/status/cssm/index.js +8 -4
  903. package/status-badge/cssm/Component.js +78 -67
  904. package/status-badge/cssm/index.js +7 -19
  905. package/stepped-progress-bar/cssm/Component.js +28 -18
  906. package/stepped-progress-bar/cssm/components/step-bar/Component.js +16 -5
  907. package/stepped-progress-bar/cssm/components/step-bar/index.js +7 -4
  908. package/stepped-progress-bar/cssm/index.js +7 -9
  909. package/steps/cssm/Component.js +35 -33
  910. package/steps/cssm/components/step/Component.js +66 -54
  911. package/steps/cssm/components/step/index.js +7 -11
  912. package/steps/cssm/components/step-indicator/Component.js +17 -6
  913. package/steps/cssm/components/step-indicator/index.js +7 -5
  914. package/steps/cssm/index.js +7 -13
  915. package/switch/cssm/Component.js +39 -27
  916. package/switch/cssm/index.js +7 -7
  917. package/system-message/cssm/Component.js +43 -31
  918. package/system-message/cssm/Components.responsive.js +20 -27
  919. package/system-message/cssm/Context.js +9 -3
  920. package/system-message/cssm/components/caption/Component.js +20 -11
  921. package/system-message/cssm/components/caption/index.js +7 -6
  922. package/system-message/cssm/components/controls/Component.js +30 -20
  923. package/system-message/cssm/components/controls/index.js +7 -6
  924. package/system-message/cssm/components/graphic/Component.js +20 -11
  925. package/system-message/cssm/components/graphic/index.js +7 -6
  926. package/system-message/cssm/components/subtitle/Component.js +20 -11
  927. package/system-message/cssm/components/subtitle/index.js +7 -6
  928. package/system-message/cssm/components/title/Component.js +30 -18
  929. package/system-message/cssm/components/title/index.js +7 -8
  930. package/system-message/cssm/desktop/Component.desktop.js +16 -22
  931. package/system-message/cssm/desktop/index.js +7 -20
  932. package/system-message/cssm/index.js +7 -21
  933. package/system-message/cssm/mobile/Component.mobile.js +16 -22
  934. package/system-message/cssm/mobile/index.js +7 -20
  935. package/system-message/cssm/shared/index.js +7 -17
  936. package/system-message/cssm/utils.js +20 -27
  937. package/tab-bar/cssm/Component.js +28 -18
  938. package/tab-bar/cssm/components/tab/Component.js +32 -21
  939. package/tab-bar/cssm/components/tab/index.js +7 -6
  940. package/tab-bar/cssm/index.js +7 -9
  941. package/tab-bar/cssm/shared/index.js +7 -2
  942. package/tab-bar/cssm/utils.js +5 -3
  943. package/table/cssm/component.js +21 -41
  944. package/table/cssm/components/index.js +23 -31
  945. package/table/cssm/components/pagination/Component.js +36 -25
  946. package/table/cssm/components/pagination/index.js +7 -10
  947. package/table/cssm/components/pagination/select-field/index.js +21 -10
  948. package/table/cssm/components/table/Component.js +39 -29
  949. package/table/cssm/components/table/index.js +7 -9
  950. package/table/cssm/components/table/utils.js +14 -10
  951. package/table/cssm/components/table-context/index.js +11 -4
  952. package/table/cssm/components/tbody/Component.js +17 -5
  953. package/table/cssm/components/tbody/index.js +7 -4
  954. package/table/cssm/components/tcell/Component.js +22 -12
  955. package/table/cssm/components/tcell/index.js +7 -5
  956. package/table/cssm/components/texpandable-row/Component.js +27 -17
  957. package/table/cssm/components/texpandable-row/index.js +7 -6
  958. package/table/cssm/components/thead/Component.js +18 -6
  959. package/table/cssm/components/thead/index.js +7 -4
  960. package/table/cssm/components/thead-cell/Component.js +21 -10
  961. package/table/cssm/components/thead-cell/index.js +7 -5
  962. package/table/cssm/components/trow/Component.js +22 -9
  963. package/table/cssm/components/trow/index.js +7 -4
  964. package/table/cssm/components/tsortable-head-cell/Component.js +29 -20
  965. package/table/cssm/components/tsortable-head-cell/index.js +7 -10
  966. package/table/cssm/components/tsortable-head-cell/sort-icon-asc.js +11 -4
  967. package/table/cssm/components/tsortable-head-cell/sort-icon-desc.js +11 -4
  968. package/table/cssm/components/tsortable-head-cell/sort-icon-unset.js +11 -4
  969. package/table/cssm/index.js +7 -32
  970. package/table/cssm/utils.js +9 -3
  971. package/tabs/components/primary-tablist/Component.collapsible.js +1 -1
  972. package/tabs/components/primary-tablist/Component.desktop.js +1 -1
  973. package/tabs/components/primary-tablist/Component.mobile.js +1 -1
  974. package/tabs/components/secondary-tablist/Component.desktop.js +1 -1
  975. package/tabs/components/secondary-tablist/Component.mobile.js +1 -1
  976. package/tabs/cssm/collapsible/index.js +9 -21
  977. package/tabs/cssm/components/primary-tablist/Component.collapsible.js +66 -53
  978. package/tabs/cssm/components/primary-tablist/Component.desktop.js +16 -22
  979. package/tabs/cssm/components/primary-tablist/Component.js +47 -42
  980. package/tabs/cssm/components/primary-tablist/Component.mobile.js +16 -27
  981. package/tabs/cssm/components/primary-tablist/Component.responsive.js +16 -28
  982. package/tabs/cssm/components/scroll-controls/Component.js +38 -26
  983. package/tabs/cssm/components/scroll-controls/index.js +7 -9
  984. package/tabs/cssm/components/scroll-controls/utils.js +14 -10
  985. package/tabs/cssm/components/scrollable-container/Component.js +43 -37
  986. package/tabs/cssm/components/scrollable-container/index.js +7 -12
  987. package/tabs/cssm/components/secondary-tablist/Component.desktop.js +17 -20
  988. package/tabs/cssm/components/secondary-tablist/Component.js +27 -28
  989. package/tabs/cssm/components/secondary-tablist/Component.mobile.js +21 -24
  990. package/tabs/cssm/components/secondary-tablist/Component.responsive.js +16 -27
  991. package/tabs/cssm/components/tab/Component.js +19 -7
  992. package/tabs/cssm/components/tab/index.js +7 -4
  993. package/tabs/cssm/components/tabs/Component.collapsible.js +15 -20
  994. package/tabs/cssm/components/tabs/Component.desktop.js +19 -31
  995. package/tabs/cssm/components/tabs/Component.js +28 -18
  996. package/tabs/cssm/components/tabs/Component.mobile.js +19 -33
  997. package/tabs/cssm/components/tabs/Component.responsive.js +19 -39
  998. package/tabs/cssm/components/title/Component.js +27 -15
  999. package/tabs/cssm/components/title/index.js +7 -3
  1000. package/tabs/cssm/desktop/index.js +13 -29
  1001. package/tabs/cssm/hooks/use-collapsible-elements.js +32 -28
  1002. package/tabs/cssm/hooks/use-tablist-titles.js +39 -40
  1003. package/tabs/cssm/hooks/use-tabs.js +37 -30
  1004. package/tabs/cssm/index.js +13 -37
  1005. package/tabs/cssm/mobile/index.js +13 -31
  1006. package/tabs/cssm/shared/index.js +11 -18
  1007. package/tabs/cssm/synthetic-events.js +22 -38
  1008. package/tabs/esm/collapsible/index.js +1 -1
  1009. package/tabs/esm/components/primary-tablist/Component.collapsible.js +1 -1
  1010. package/tabs/esm/components/primary-tablist/Component.desktop.js +1 -1
  1011. package/tabs/esm/components/primary-tablist/Component.mobile.js +1 -1
  1012. package/tabs/esm/components/primary-tablist/Component.responsive.js +1 -1
  1013. package/tabs/esm/components/secondary-tablist/Component.desktop.js +1 -1
  1014. package/tabs/esm/components/secondary-tablist/Component.mobile.js +1 -1
  1015. package/tabs/esm/components/secondary-tablist/Component.responsive.js +1 -1
  1016. package/tabs/esm/components/tabs/Component.collapsible.js +1 -1
  1017. package/tabs/esm/components/tabs/Component.desktop.js +2 -2
  1018. package/tabs/esm/components/tabs/Component.mobile.js +2 -2
  1019. package/tabs/esm/components/tabs/Component.responsive.js +2 -2
  1020. package/tabs/esm/desktop/index.js +2 -2
  1021. package/tabs/esm/index.js +2 -2
  1022. package/tabs/esm/mobile/index.js +2 -2
  1023. package/tabs/modern/collapsible/index.js +1 -1
  1024. package/tabs/modern/components/primary-tablist/Component.collapsible.js +1 -1
  1025. package/tabs/modern/components/primary-tablist/Component.desktop.js +1 -1
  1026. package/tabs/modern/components/primary-tablist/Component.mobile.js +1 -1
  1027. package/tabs/modern/components/primary-tablist/Component.responsive.js +1 -1
  1028. package/tabs/modern/components/secondary-tablist/Component.desktop.js +1 -1
  1029. package/tabs/modern/components/secondary-tablist/Component.mobile.js +1 -1
  1030. package/tabs/modern/components/secondary-tablist/Component.responsive.js +1 -1
  1031. package/tabs/modern/components/tabs/Component.collapsible.js +1 -1
  1032. package/tabs/modern/components/tabs/Component.desktop.js +2 -2
  1033. package/tabs/modern/components/tabs/Component.mobile.js +2 -2
  1034. package/tabs/modern/components/tabs/Component.responsive.js +2 -2
  1035. package/tabs/modern/desktop/index.js +2 -2
  1036. package/tabs/modern/index.js +2 -2
  1037. package/tabs/modern/mobile/index.js +2 -2
  1038. package/tag/cssm/Component.responsive.js +18 -23
  1039. package/tag/cssm/components/base-tag/Component.js +50 -36
  1040. package/tag/cssm/components/base-tag/index.js +7 -8
  1041. package/tag/cssm/desktop/Component.desktop.js +20 -16
  1042. package/tag/cssm/desktop/index.js +7 -12
  1043. package/tag/cssm/index.js +7 -18
  1044. package/tag/cssm/mobile/Component.mobile.js +20 -16
  1045. package/tag/cssm/mobile/index.js +7 -12
  1046. package/text/cssm/Component.js +24 -13
  1047. package/text/cssm/index.js +7 -5
  1048. package/textarea/cssm/Component.js +86 -80
  1049. package/textarea/cssm/components/PseudoTextArea.js +20 -9
  1050. package/textarea/cssm/components/index.js +7 -5
  1051. package/textarea/cssm/consts.js +4 -2
  1052. package/textarea/cssm/index.js +8 -13
  1053. package/textarea/cssm/shared/index.js +7 -2
  1054. package/textarea/cssm/utils.js +10 -8
  1055. package/themes/compiled/mobile-dark-bluetint.css +21 -160
  1056. package/time-input/cssm/Component.js +27 -19
  1057. package/time-input/cssm/index.js +9 -4
  1058. package/time-input/cssm/utils/format.js +23 -13
  1059. package/time-input/cssm/utils/index.js +11 -1
  1060. package/toast/components/base-toast/component.js +2 -1
  1061. package/toast/cssm/Component.responsive.js +18 -21
  1062. package/toast/cssm/components/base-toast/component.js +50 -41
  1063. package/toast/cssm/components/base-toast/index.js +7 -10
  1064. package/toast/cssm/desktop/Component.desktop.js +16 -14
  1065. package/toast/cssm/desktop/index.js +7 -12
  1066. package/toast/cssm/index.js +7 -16
  1067. package/toast/cssm/mobile/Component.mobile.js +16 -14
  1068. package/toast/cssm/mobile/index.js +7 -12
  1069. package/toast/esm/Component.responsive.js +1 -0
  1070. package/toast/esm/components/base-toast/component.js +2 -1
  1071. package/toast/esm/components/base-toast/index.js +1 -0
  1072. package/toast/esm/desktop/Component.desktop.js +1 -0
  1073. package/toast/esm/desktop/index.js +1 -0
  1074. package/toast/esm/index.js +1 -0
  1075. package/toast/esm/mobile/Component.mobile.js +1 -0
  1076. package/toast/esm/mobile/index.js +1 -0
  1077. package/toast/modern/Component.responsive.js +1 -0
  1078. package/toast/modern/components/base-toast/component.js +2 -1
  1079. package/toast/modern/components/base-toast/index.js +1 -0
  1080. package/toast/modern/desktop/Component.desktop.js +1 -0
  1081. package/toast/modern/desktop/index.js +1 -0
  1082. package/toast/modern/index.js +1 -0
  1083. package/toast/modern/mobile/Component.mobile.js +1 -0
  1084. package/toast/modern/mobile/index.js +1 -0
  1085. package/toast-plate/cssm/Component.responsive.js +18 -23
  1086. package/toast-plate/cssm/components/base-toast-plate/component.js +54 -41
  1087. package/toast-plate/cssm/components/base-toast-plate/index.js +7 -12
  1088. package/toast-plate/cssm/desktop/Component.desktop.js +13 -15
  1089. package/toast-plate/cssm/desktop/index.js +7 -14
  1090. package/toast-plate/cssm/index.js +7 -18
  1091. package/toast-plate/cssm/mobile/Component.mobile.js +13 -15
  1092. package/toast-plate/cssm/mobile/index.js +7 -14
  1093. package/tooltip/cssm/Component.responsive.js +16 -17
  1094. package/tooltip/cssm/desktop/Component.desktop.js +66 -61
  1095. package/tooltip/cssm/desktop/index.js +7 -8
  1096. package/tooltip/cssm/index.js +7 -14
  1097. package/tooltip/cssm/mobile/Component.mobile.js +30 -19
  1098. package/tooltip/cssm/mobile/index.js +7 -6
  1099. package/typography/cssm/colors.js +4 -2
  1100. package/typography/cssm/component.js +12 -26
  1101. package/typography/cssm/hooks/index.js +7 -6
  1102. package/typography/cssm/hooks/use-skeleton.js +37 -28
  1103. package/typography/cssm/index.js +9 -22
  1104. package/typography/cssm/presets.js +4 -2
  1105. package/typography/cssm/text/component.js +37 -27
  1106. package/typography/cssm/text/index.js +7 -10
  1107. package/typography/cssm/title/component.js +25 -16
  1108. package/typography/cssm/title/index.js +15 -14
  1109. package/typography/cssm/title/utils.js +3 -1
  1110. package/typography/cssm/title-mobile/component.js +15 -14
  1111. package/typography/cssm/title-mobile/index.js +7 -13
  1112. package/typography/cssm/title-responsive/component.js +18 -17
  1113. package/typography/cssm/title-responsive/index.js +7 -14
  1114. package/underlay/cssm/Component.js +79 -33
  1115. package/underlay/cssm/constants.js +8 -4
  1116. package/underlay/cssm/index.js +7 -7
  1117. package/underlay/cssm/utils/getBorderCorners.js +17 -10
  1118. package/underlay/cssm/utils/getClasses.js +22 -12
  1119. package/universal-date-input/cssm/Component.responsive.js +15 -36
  1120. package/universal-date-input/cssm/components/base-universal-date-input/Component.js +77 -76
  1121. package/universal-date-input/cssm/components/base-universal-date-input/index.js +7 -31
  1122. package/universal-date-input/cssm/components/date-input/Component.js +75 -66
  1123. package/universal-date-input/cssm/components/date-input/index.js +7 -17
  1124. package/universal-date-input/cssm/components/date-range-input/Component.js +91 -79
  1125. package/universal-date-input/cssm/components/date-range-input/index.js +7 -19
  1126. package/universal-date-input/cssm/components/time-input/Component.js +31 -29
  1127. package/universal-date-input/cssm/components/time-input/index.js +7 -11
  1128. package/universal-date-input/cssm/consts.js +20 -10
  1129. package/universal-date-input/cssm/desktop/Component.desktop.js +11 -33
  1130. package/universal-date-input/cssm/desktop/index.js +7 -32
  1131. package/universal-date-input/cssm/index-5712fce2.d.ts +1 -13
  1132. package/universal-date-input/cssm/index.js +7 -33
  1133. package/universal-date-input/cssm/mask/index.js +25 -31
  1134. package/universal-date-input/cssm/mask/plugins.js +18 -18
  1135. package/universal-date-input/cssm/mask/postprocessors.js +15 -18
  1136. package/universal-date-input/cssm/mask/preprocessors.js +82 -79
  1137. package/universal-date-input/cssm/mask/utils.js +116 -86
  1138. package/universal-date-input/cssm/mobile/Component.mobile.js +11 -33
  1139. package/universal-date-input/cssm/mobile/index.js +7 -32
  1140. package/universal-date-input/cssm/shared/index.js +15 -8
  1141. package/universal-date-input/cssm/utils/index.js +72 -41
  1142. package/universal-date-input/esm/index-5712fce2.d.ts +1 -13
  1143. package/universal-date-input/index-5712fce2.d.ts +1 -13
  1144. package/universal-date-input/modern/index-5712fce2.d.ts +1 -13
  1145. package/vars/cssm/colors-bluetint.js +7 -3
  1146. package/vars/cssm/colors-decorative.js +7 -3
  1147. package/vars/cssm/colors-indigo.js +7 -3
  1148. package/vars/cssm/colors-pfm.js +7 -3
  1149. package/vars/cssm/colors-qualitative.js +7 -3
  1150. package/vars/cssm/colors-sequential.js +7 -3
  1151. package/with-suffix/cssm/Component.js +57 -43
  1152. package/with-suffix/cssm/index.js +7 -6
  1153. package/international-phone-input/cssm/index-136acbb1.d.ts +0 -28
  1154. package/international-phone-input/esm/index-136acbb1.d.ts +0 -28
  1155. package/international-phone-input/index-136acbb1.d.ts +0 -28
  1156. package/international-phone-input/modern/index-136acbb1.d.ts +0 -28
  1157. package/list/cssm/Component-8a80b477.js +0 -48
  1158. package/pure-cell/cssm/component-a4272f62.js +0 -251
  1159. package/select/cssm/hook-489e60aa.js +0 -160
  1160. package/stack/context.d.ts +0 -29
  1161. package/stack/context.js +0 -34
  1162. package/stack/cssm/context.d.ts +0 -29
  1163. package/stack/cssm/context.js +0 -31
  1164. package/stack/esm/context.d.ts +0 -29
  1165. package/stack/esm/context.js +0 -31
  1166. package/stack/modern/context.d.ts +0 -29
  1167. package/stack/modern/context.js +0 -31
  1168. /package/gallery/{buttons-68cc8e2c.d.ts → buttons-86aa9ca3.d.ts} +0 -0
  1169. /package/gallery/{buttons-68cc8e2c.js → buttons-86aa9ca3.js} +0 -0
  1170. /package/gallery/esm/{buttons-cec1b7a3.d.ts → buttons-044f4137.d.ts} +0 -0
  1171. /package/gallery/esm/{buttons-cec1b7a3.js → buttons-044f4137.js} +0 -0
  1172. /package/gallery/esm/{slide-a146fb9e.d.ts → slide-1c391682.d.ts} +0 -0
  1173. /package/gallery/esm/{slide-a146fb9e.js → slide-1c391682.js} +0 -0
  1174. /package/gallery/modern/{buttons-a6aa58c3.d.ts → buttons-ddcab41a.d.ts} +0 -0
  1175. /package/gallery/modern/{buttons-a6aa58c3.js → buttons-ddcab41a.js} +0 -0
  1176. /package/gallery/modern/{slide-61067daa.d.ts → slide-704f878b.d.ts} +0 -0
  1177. /package/gallery/modern/{slide-61067daa.js → slide-704f878b.js} +0 -0
  1178. /package/gallery/{slide-4a5002c6.d.ts → slide-aa977082.d.ts} +0 -0
  1179. /package/gallery/{slide-4a5002c6.js → slide-aa977082.js} +0 -0
  1180. /package/list/cssm/{Component-8a80b477.d.ts → Component-7cc47e0b.d.ts} +0 -0
  1181. /package/pure-cell/{component-930ee86d.d.ts → component-d96a6334.d.ts} +0 -0
  1182. /package/pure-cell/{component-930ee86d.js → component-d96a6334.js} +0 -0
  1183. /package/pure-cell/cssm/{component-a4272f62.d.ts → component-e3105fca.d.ts} +0 -0
  1184. /package/pure-cell/esm/{component-b60d2959.d.ts → component-5e5c0f7d.d.ts} +0 -0
  1185. /package/pure-cell/esm/{component-b60d2959.js → component-5e5c0f7d.js} +0 -0
  1186. /package/pure-cell/modern/{component-a5029590.d.ts → component-291832fd.d.ts} +0 -0
  1187. /package/pure-cell/modern/{component-a5029590.js → component-291832fd.js} +0 -0
  1188. /package/select/cssm/{hook-489e60aa.d.ts → hook-aae7b381.d.ts} +0 -0
  1189. /package/side-panel/esm/{layout.module-07fad522.js → layout.module-278dcd0c.js} +0 -0
  1190. /package/side-panel/{layout.module-f14de816.js → layout.module-98726143.js} +0 -0
  1191. /package/side-panel/modern/{layout.module-7200d95f.js → layout.module-9d97095e.js} +0 -0
  1192. /package/tabs/esm/{index.module-05b6e85e.js → index.module-9817743e.js} +0 -0
  1193. /package/tabs/esm/{index.module-23153d19.js → index.module-9dc5e1af.js} +0 -0
  1194. /package/tabs/{index.module-650d4e89.js → index.module-4265e676.js} +0 -0
  1195. /package/tabs/{index.module-d7b09ff8.js → index.module-543239dc.js} +0 -0
  1196. /package/tabs/modern/{index.module-0664378b.js → index.module-17dbd674.js} +0 -0
  1197. /package/tabs/modern/{index.module-b1568e05.js → index.module-3bc1e97c.js} +0 -0
@@ -1,251 +0,0 @@
1
- import React, { forwardRef, useContext, useRef, useState } from 'react';
2
- import mergeRefs from 'react-merge-refs';
3
- import cn from 'classnames';
4
- import { Comment } from '../../comment/cssm';
5
- import { useFocus } from '@alfalab/hooks';
6
- import { getDataTestId } from '../../shared/cssm';
7
- import { Amount as Amount$1 } from '../../amount/cssm';
8
- import { Typography } from '../../typography/cssm';
9
- import styles$1 from './components/amount/index.module.css';
10
- import styles$2 from './components/amount-title/index.module.css';
11
- import styles$3 from './components/category/index.module.css';
12
- import styles$4 from './components/content/index.module.css';
13
- import styles$5 from './components/footer/index.module.css';
14
- import { Button } from '../../button/cssm';
15
- import styles$6 from './components/footer-button/index.module.css';
16
- import styles$7 from './components/graphics/index.module.css';
17
- import styles$8 from './components/main/index.module.css';
18
- import styles$9 from './components/text/index.module.css';
19
- import styles$a from './index.module.css';
20
- import styles from './components/addon/index.module.css';
21
-
22
- const ADDON_COMPONENT = {
23
- button: 'button',
24
- section: 'section',
25
- };
26
- const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', dataTestId, onClick, }) => {
27
- const pureCellContext = useContext(PureCellContext);
28
- const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;
29
- const onMouseEvents = {
30
- onClick: (e) => {
31
- e.stopPropagation();
32
- onClick?.();
33
- },
34
- onMouseEnter: () => {
35
- pureCellContext.unsetMainHover?.();
36
- },
37
- onMouseLeave: () => {
38
- pureCellContext.setMainHover?.();
39
- },
40
- onMouseDown: (e) => {
41
- e.stopPropagation();
42
- },
43
- };
44
- return (React.createElement(Component, { className: cn(styles.component, styles[addonPadding], styles[verticalAlign], {
45
- [styles.button]: onClick,
46
- }), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon'), ...(onClick && onMouseEvents) }, children));
47
- };
48
-
49
- const Amount = ({ weight = 'normal', textView = 'component', color = 'primary', minority, minorUnits = 100, dataTestId, ...restProps }) => {
50
- const pureCellContext = useContext(PureCellContext);
51
- return (React.createElement(Typography.Text, { view: textView, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn(styles$1.component), color: color },
52
- React.createElement(Amount$1, { minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount'), ...restProps })));
53
- };
54
-
55
- const AmountTitle = ({ minority, minorUnits = 100, className, color = 'primary', dataTestId, titleProps = {}, ...restProps }) => {
56
- const pureCellContext = useContext(PureCellContext);
57
- const titleDefaultProps = {
58
- tag: 'h4',
59
- view: 'small',
60
- color,
61
- ...titleProps,
62
- };
63
- return (React.createElement(Typography.TitleResponsive, { ...titleDefaultProps, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn(styles$2.component, titleProps.className) },
64
- React.createElement(Amount$1, { minority: minority || minorUnits, className: cn(styles$2.weight, className), dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title'), ...restProps, bold: 'none' })));
65
- };
66
-
67
- const Category = ({ categoryName, categoryPercent, rightAddons, dataTestId, }) => {
68
- const pureCellContext = useContext(PureCellContext);
69
- return (React.createElement("div", { className: styles$3.component, "data-test-id": 'cell-pure-category' },
70
- React.createElement(Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles$3.categoryName }, categoryName),
71
- categoryPercent !== undefined && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$3.categoryPercent, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
72
- categoryPercent,
73
- "%")),
74
- rightAddons !== undefined && (React.createElement("div", { className: styles$3.rightAddon, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
75
- };
76
-
77
- const Content = ({ children, dataTestId }) => {
78
- const { direction, dataTestId: contextDataTestId } = useContext(PureCellContext);
79
- return (React.createElement("section", { className: cn(styles$4.component, { [styles$4.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
80
- };
81
-
82
- const Footer = ({ children, footerPadding = 'default', dataTestId }) => {
83
- const pureCellContext = useContext(PureCellContext);
84
- return (React.createElement("footer", { className: cn(styles$5.component, styles$5[footerPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
85
- };
86
-
87
- const FooterButton = forwardRef(({ children, dataTestId, onClick, onMouseDown, onMouseEnter, onMouseLeave, ...props }, ref) => {
88
- const pureCellContext = useContext(PureCellContext);
89
- const handleClick = (e) => {
90
- e.stopPropagation();
91
- onClick?.(e);
92
- };
93
- const handleMouseEnter = (e) => {
94
- onMouseEnter?.(e);
95
- pureCellContext.unsetMainHover?.();
96
- };
97
- const handleMouseLeave = (e) => {
98
- onMouseLeave?.(e);
99
- pureCellContext.setMainHover?.();
100
- };
101
- const handleMouseDown = (e) => {
102
- onMouseDown?.(e);
103
- e.stopPropagation();
104
- };
105
- return (React.createElement(Button, { ...props, size: 'xxs', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles$6.component, ref: ref, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseDown: handleMouseDown }, children));
106
- });
107
-
108
- const FooterText = ({ children, color = 'secondary', dataTestId }) => {
109
- const pureCellContext = useContext(PureCellContext);
110
- return (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
111
- };
112
-
113
- const GRAPHICS_COMPONENT = {
114
- button: 'button',
115
- section: 'section',
116
- };
117
- const Graphics = ({ children, dataTestId, verticalAlign = 'top', graphicPadding, onClick, }) => {
118
- const pureCellContext = useContext(PureCellContext);
119
- const Component = onClick ? GRAPHICS_COMPONENT.button : GRAPHICS_COMPONENT.section;
120
- const defaultGraphicPadding = pureCellContext.direction === 'horizontal' ? 'airy' : 'default';
121
- const onMouseEvents = {
122
- onClick: (e) => {
123
- e.stopPropagation();
124
- onClick?.();
125
- },
126
- onMouseEnter: () => {
127
- pureCellContext.unsetMainHover?.();
128
- },
129
- onMouseLeave: () => {
130
- pureCellContext.setMainHover?.();
131
- },
132
- onMouseDown: (e) => {
133
- e.stopPropagation();
134
- },
135
- };
136
- return (React.createElement(Component, { className: cn(styles$7.component, styles$7[verticalAlign], styles$7[pureCellContext.direction || 'horizontal'], styles$7[graphicPadding || defaultGraphicPadding], { [styles$7.button]: onClick }), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics'), ...(onClick && onMouseEvents) }, children));
137
- };
138
-
139
- const MAIN_COMPONENT = {
140
- button: 'button',
141
- section: 'section',
142
- };
143
- const Main = ({ children, isReverse, className, dataTestId, onClick }) => {
144
- const { direction = 'horizontal', dataTestId: contextDataTestId, setMainHover, unsetMainHover, } = useContext(PureCellContext);
145
- const Component = onClick ? MAIN_COMPONENT.button : MAIN_COMPONENT.section;
146
- const onMouseEvents = {
147
- onClick: (e) => {
148
- e.stopPropagation();
149
- onClick?.();
150
- },
151
- onMouseEnter: () => {
152
- unsetMainHover?.();
153
- },
154
- onMouseLeave: () => {
155
- setMainHover?.();
156
- },
157
- onMouseDown: (e) => {
158
- e.stopPropagation();
159
- },
160
- };
161
- return (React.createElement(Component, { className: cn(styles$8.component, styles$8[direction], {
162
- [styles$8.reverse]: isReverse,
163
- }, { [styles$8.button]: onClick }, className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main'), ...(onClick && onMouseEvents) }, children));
164
- };
165
-
166
- const Text = ({ children, value, rowLimit, view = 'component-primary', titleWeight, titleColor, valueColor, dataTestId, }) => {
167
- const { direction = 'horizontal', dataTestId: contextDataTestId } = useContext(PureCellContext);
168
- const className = rowLimit && styles$9[`rowLimit${rowLimit}`];
169
- return (React.createElement("div", { className: cn(styles$9.component, {
170
- [styles$9.vertical]: direction !== 'horizontal',
171
- }) },
172
- React.createElement("div", { className: styles$9.title },
173
- React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
174
- value && (React.createElement("div", { className: styles$9.value },
175
- React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
176
- };
177
-
178
- /* eslint-disable react/jsx-no-constructed-context-values */
179
- // eslint-disable-next-line @typescript-eslint/no-redeclare
180
- const PureCellContext = React.createContext({});
181
- const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, tag: Component = (href && 'a') || (onClick && 'button') || 'section', children, horizontalPadding = 'none', verticalPadding = 'none', direction = 'horizontal', ...restProps }, ref) => {
182
- const cellRef = useRef(null);
183
- const [focused] = useFocus(cellRef, 'keyboard');
184
- const [hoverState, setHoverState] = useState(false);
185
- const [activeState, setActiveState] = useState(false);
186
- const setHover = () => setHoverState(true);
187
- const unsetHover = () => setHoverState(false);
188
- const setActive = () => setActiveState(true);
189
- const unsetActive = () => setActiveState(false);
190
- const mouseEvents = {
191
- onMouseEnter: setHover,
192
- onMouseLeave: unsetHover,
193
- onMouseDown: setActive,
194
- onMouseUp: unsetActive,
195
- };
196
- const addClasses = {
197
- [styles$a.component]: true,
198
- [styles$a.focused]: focused,
199
- [styles$a[direction]]: true,
200
- [styles$a[horizontalPadding]]: true,
201
- [styles$a.hover]: hoverState,
202
- [styles$a.active]: activeState,
203
- };
204
- const contextState = {
205
- direction,
206
- dataTestId,
207
- setMainHover: setHover,
208
- unsetMainHover: unsetHover,
209
- };
210
- if (typeof verticalPadding === 'string') {
211
- addClasses[styles$a[verticalPadding]] = typeof verticalPadding === 'string';
212
- }
213
- if (typeof verticalPadding === 'object') {
214
- addClasses[styles$a[`${verticalPadding.top}Top`]] = !!verticalPadding.top;
215
- addClasses[styles$a[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;
216
- }
217
- if (href) {
218
- const { target } = restProps;
219
- // Для совместимости с react-router-dom, меняем href на to
220
- const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
221
- return (React.createElement(Component, { rel: target === '_blank' ? 'noreferrer noopener' : undefined, ...restProps, ...hrefProps, ref: mergeRefs([cellRef, ref]), className: cn(styles$a.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick, ...mouseEvents },
222
- React.createElement(PureCellContext.Provider, { value: contextState }, children)));
223
- }
224
- if (onClick) {
225
- return (React.createElement(Component, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles$a.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick, ...mouseEvents },
226
- React.createElement(PureCellContext.Provider, { value: contextState }, children)));
227
- }
228
- return (React.createElement(Component, { ...restProps, ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
229
- React.createElement(PureCellContext.Provider, { value: contextState }, children)));
230
- });
231
- /**
232
- * Универсальный конструктор для сборки любой ячейки.
233
- *
234
- * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
235
- */
236
- const PureCell = Object.assign(PureCellComponent, {
237
- Main,
238
- Graphics,
239
- Content,
240
- Text,
241
- Amount,
242
- AmountTitle,
243
- Addon,
244
- Footer,
245
- ExtraSubtitle: FooterText,
246
- FooterButton,
247
- Comment,
248
- Category,
249
- });
250
-
251
- export { Addon as A, Category as C, Footer as F, Graphics as G, Main as M, PureCell as P, Text as T, Amount as a, AmountTitle as b, Content as c, FooterButton as d, FooterText as e, PureCellContext as f };
@@ -1,160 +0,0 @@
1
- import React, { forwardRef, useCallback, useEffect, useState, useMemo, useRef } from 'react';
2
- import { defaultAccessor, defaultFilterFn, processOptions } from './utils.js';
3
- import { OptionsList } from './components/options-list/Component.js';
4
- import { DEFAULT_VISIBLE_OPTIONS } from './consts.js';
5
- import { Footer } from './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
6
- import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
7
- import '../../shared/cssm';
8
- import 'react-merge-refs';
9
- import 'classnames';
10
- import '../../mq/cssm';
11
- import '../../scrollbar/cssm';
12
- import './components/optgroup/Component.js';
13
- import './components/optgroup/index.module.css';
14
- import './components/options-list/index.module.css';
15
- import '../../button/cssm/desktop';
16
- import './presets/useSelectWithApply/options-list-with-apply/footer/index.module.css';
17
- import '../../checkbox/cssm';
18
- import './presets/useSelectWithApply/options-list-with-apply/header/index.module.css';
19
-
20
- const OptionsListWithApply = forwardRef(({ toggleMenu, getOptionProps: defaultGetOptionProps, showClear = true, showHeaderWithSelectAll, selectedDraft = [], flatOptions = [], OptionsList: OptionsList$1 = OptionsList, onApply = () => null, onClear = () => null, onClose = () => null, visibleOptions = DEFAULT_VISIBLE_OPTIONS, Footer: Footer$1 = Footer, Header: Header$1 = Header, header, headerProps, ...restProps }, ref) => {
21
- const getOptionProps = useCallback((option, index) => {
22
- const optionProps = defaultGetOptionProps(option, index);
23
- const selected = option.key === SELECT_ALL_KEY
24
- ? selectedDraft.length === flatOptions.length - 1
25
- : selectedDraft.some(({ key }) => key === option.key);
26
- return {
27
- ...optionProps,
28
- selected,
29
- };
30
- }, [defaultGetOptionProps, flatOptions.length, selectedDraft]);
31
- const handleApply = useCallback(() => {
32
- onApply();
33
- toggleMenu();
34
- }, [onApply, toggleMenu]);
35
- const handleClear = useCallback(() => {
36
- onClear();
37
- toggleMenu();
38
- }, [onClear, toggleMenu]);
39
- useEffect(() => {
40
- const activeElement = document.activeElement;
41
- return () => {
42
- onClose();
43
- if (activeElement) {
44
- activeElement.focus();
45
- }
46
- };
47
- // eslint-disable-next-line react-hooks/exhaustive-deps
48
- }, []);
49
- const renderHeader = () => {
50
- if (!showHeaderWithSelectAll && !header)
51
- return undefined;
52
- return (React.createElement(React.Fragment, null,
53
- header,
54
- showHeaderWithSelectAll && React.createElement(Header$1, { ...headerProps })));
55
- };
56
- return (React.createElement(OptionsList$1, { ...restProps, ref: ref, visibleOptions: visibleOptions, toggleMenu: toggleMenu, flatOptions: flatOptions, getOptionProps: getOptionProps, onApply: handleApply, onClear: handleClear, header: renderHeader(), footer: React.createElement(Footer$1, { handleApply: handleApply, handleClear: handleClear, showClear: showClear, selectedDraft: selectedDraft, dataTestId: restProps?.dataTestId }) }));
57
- });
58
-
59
- const SELECT_ALL_KEY = 'select_all';
60
- const selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
61
- function useSelectWithApply({ options, selected, onChange = () => null, OptionsList, optionsListProps = {}, showClear = true, showSelectAll = false, showHeaderWithSelectAll = false, showSearch, searchProps = {}, }) {
62
- const [searchState, setSearchState] = useState('');
63
- const [search, setSearch] = typeof searchProps?.value === 'string'
64
- ? [searchProps.value, searchProps.onChange]
65
- : [searchState, setSearchState];
66
- const accessor = searchProps.accessor || defaultAccessor;
67
- const filterFn = searchProps.filterFn || defaultFilterFn;
68
- const { flatOptions, selectedOptions } = useMemo(() => processOptions(options, selected, showSearch ? (option) => filterFn(accessor(option), search) : undefined), [filterFn, accessor, options, search, selected, showSearch]);
69
- const [selectedDraft, setSelectedDraft] = useState(selectedOptions);
70
- const selectedOptionsRef = useRef(selectedOptions);
71
- const handleApply = () => {
72
- onChange({
73
- selected: selectedDraft[0],
74
- selectedMultiple: selectedDraft,
75
- initiator: null,
76
- });
77
- };
78
- const handleClear = () => {
79
- setSelectedDraft([]);
80
- onChange({
81
- selected: null,
82
- selectedMultiple: [],
83
- initiator: null,
84
- });
85
- };
86
- const handleToggleAll = () => {
87
- setSelectedDraft(flatOptions.length === selectedDraft.length ? [] : flatOptions);
88
- };
89
- const handleChange = ({ initiator, ...restArgs }) => {
90
- if (!initiator) {
91
- onChange({
92
- initiator: null,
93
- ...restArgs,
94
- });
95
- return;
96
- }
97
- const initiatorSelected = selectedDraft.includes(initiator) ||
98
- (initiator.key === SELECT_ALL_KEY && selectedDraft.length === flatOptions.length);
99
- if (initiator.key === SELECT_ALL_KEY) {
100
- setSelectedDraft(initiatorSelected ? [] : flatOptions);
101
- }
102
- else {
103
- setSelectedDraft(initiatorSelected
104
- ? selectedDraft.filter((o) => o !== initiator)
105
- : selectedDraft.concat(initiator));
106
- }
107
- };
108
- const handleClose = () => setSelectedDraft(selectedOptionsRef.current);
109
- useEffect(() => {
110
- setSelectedDraft(selectedOptions);
111
- selectedOptionsRef.current = selectedOptions;
112
- }, [selectedOptions]);
113
- const memoizedOptions = useMemo(() => (showSelectAll ? [selectAllOption, ...options] : options), [options, showSelectAll]);
114
- return {
115
- OptionsList: OptionsListWithApply,
116
- optionsListProps: {
117
- ...optionsListProps,
118
- OptionsList,
119
- showClear,
120
- onClear: handleClear,
121
- onApply: handleApply,
122
- onClose: handleClose,
123
- selectedDraft,
124
- showHeaderWithSelectAll,
125
- headerProps: {
126
- indeterminate: !!selectedDraft.length && selectedDraft.length < flatOptions.length,
127
- checked: selectedDraft.length === flatOptions.length,
128
- onChange: handleToggleAll,
129
- },
130
- },
131
- allowUnselect: true,
132
- multiple: true,
133
- options: memoizedOptions,
134
- onChange: handleChange,
135
- selected,
136
- showSearch,
137
- searchProps: showSearch
138
- ? {
139
- ...searchProps,
140
- value: search,
141
- onChange: setSearch,
142
- }
143
- : undefined,
144
- /* Костыль для респонсив селекта. В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */
145
- originalProps: {
146
- options,
147
- selected,
148
- onChange,
149
- OptionsList,
150
- optionsListProps,
151
- showClear,
152
- showSelectAll,
153
- showHeaderWithSelectAll,
154
- showSearch,
155
- searchProps,
156
- },
157
- };
158
- }
159
-
160
- export { OptionsListWithApply as O, SELECT_ALL_KEY as S, useSelectWithApply as u };
@@ -1,29 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Набор констант для z-index соответствующих классов компонентов.
4
- * Значения выбраны по приоритету.
5
- */
6
- declare const stackingOrder: {
7
- /**
8
- * Для компонентов с возможностью фокуса: кнопки, поля ввода
9
- */
10
- FOCUSED: number;
11
- /**
12
- * Значение по-умолчанию
13
- */
14
- DEFAULT: number;
15
- /**
16
- * Компоненты, которые управляют своей позицией, например, поповер, тултип
17
- */
18
- POPOVER: number;
19
- /**
20
- * Для модальных окон с оверлеем
21
- */
22
- MODAL: number;
23
- /**
24
- * Для тостов и нотификаций
25
- */
26
- TOAST: number;
27
- };
28
- declare const StackingContext: import("react").Context<number>;
29
- export { stackingOrder, StackingContext };
package/stack/context.js DELETED
@@ -1,34 +0,0 @@
1
- Object.defineProperty(exports, '__esModule', { value: true });
2
-
3
- var React = require('react');
4
-
5
- /**
6
- * Набор констант для z-index соответствующих классов компонентов.
7
- * Значения выбраны по приоритету.
8
- */
9
- var stackingOrder = {
10
- /**
11
- * Для компонентов с возможностью фокуса: кнопки, поля ввода
12
- */
13
- FOCUSED: 2,
14
- /**
15
- * Значение по-умолчанию
16
- */
17
- DEFAULT: 10,
18
- /**
19
- * Компоненты, которые управляют своей позицией, например, поповер, тултип
20
- */
21
- POPOVER: 50,
22
- /**
23
- * Для модальных окон с оверлеем
24
- */
25
- MODAL: 100,
26
- /**
27
- * Для тостов и нотификаций
28
- */
29
- TOAST: 1000,
30
- };
31
- var StackingContext = React.createContext(stackingOrder.DEFAULT);
32
-
33
- exports.StackingContext = StackingContext;
34
- exports.stackingOrder = stackingOrder;
@@ -1,29 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Набор констант для z-index соответствующих классов компонентов.
4
- * Значения выбраны по приоритету.
5
- */
6
- declare const stackingOrder: {
7
- /**
8
- * Для компонентов с возможностью фокуса: кнопки, поля ввода
9
- */
10
- FOCUSED: number;
11
- /**
12
- * Значение по-умолчанию
13
- */
14
- DEFAULT: number;
15
- /**
16
- * Компоненты, которые управляют своей позицией, например, поповер, тултип
17
- */
18
- POPOVER: number;
19
- /**
20
- * Для модальных окон с оверлеем
21
- */
22
- MODAL: number;
23
- /**
24
- * Для тостов и нотификаций
25
- */
26
- TOAST: number;
27
- };
28
- declare const StackingContext: import("react").Context<number>;
29
- export { stackingOrder, StackingContext };
@@ -1,31 +0,0 @@
1
- import { createContext } from 'react';
2
-
3
- /**
4
- * Набор констант для z-index соответствующих классов компонентов.
5
- * Значения выбраны по приоритету.
6
- */
7
- const stackingOrder = {
8
- /**
9
- * Для компонентов с возможностью фокуса: кнопки, поля ввода
10
- */
11
- FOCUSED: 2,
12
- /**
13
- * Значение по-умолчанию
14
- */
15
- DEFAULT: 10,
16
- /**
17
- * Компоненты, которые управляют своей позицией, например, поповер, тултип
18
- */
19
- POPOVER: 50,
20
- /**
21
- * Для модальных окон с оверлеем
22
- */
23
- MODAL: 100,
24
- /**
25
- * Для тостов и нотификаций
26
- */
27
- TOAST: 1000,
28
- };
29
- const StackingContext = createContext(stackingOrder.DEFAULT);
30
-
31
- export { StackingContext, stackingOrder };
@@ -1,29 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Набор констант для z-index соответствующих классов компонентов.
4
- * Значения выбраны по приоритету.
5
- */
6
- declare const stackingOrder: {
7
- /**
8
- * Для компонентов с возможностью фокуса: кнопки, поля ввода
9
- */
10
- FOCUSED: number;
11
- /**
12
- * Значение по-умолчанию
13
- */
14
- DEFAULT: number;
15
- /**
16
- * Компоненты, которые управляют своей позицией, например, поповер, тултип
17
- */
18
- POPOVER: number;
19
- /**
20
- * Для модальных окон с оверлеем
21
- */
22
- MODAL: number;
23
- /**
24
- * Для тостов и нотификаций
25
- */
26
- TOAST: number;
27
- };
28
- declare const StackingContext: import("react").Context<number>;
29
- export { stackingOrder, StackingContext };
@@ -1,31 +0,0 @@
1
- import { createContext } from 'react';
2
-
3
- /**
4
- * Набор констант для z-index соответствующих классов компонентов.
5
- * Значения выбраны по приоритету.
6
- */
7
- var stackingOrder = {
8
- /**
9
- * Для компонентов с возможностью фокуса: кнопки, поля ввода
10
- */
11
- FOCUSED: 2,
12
- /**
13
- * Значение по-умолчанию
14
- */
15
- DEFAULT: 10,
16
- /**
17
- * Компоненты, которые управляют своей позицией, например, поповер, тултип
18
- */
19
- POPOVER: 50,
20
- /**
21
- * Для модальных окон с оверлеем
22
- */
23
- MODAL: 100,
24
- /**
25
- * Для тостов и нотификаций
26
- */
27
- TOAST: 1000,
28
- };
29
- var StackingContext = createContext(stackingOrder.DEFAULT);
30
-
31
- export { StackingContext, stackingOrder };
@@ -1,29 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Набор констант для z-index соответствующих классов компонентов.
4
- * Значения выбраны по приоритету.
5
- */
6
- declare const stackingOrder: {
7
- /**
8
- * Для компонентов с возможностью фокуса: кнопки, поля ввода
9
- */
10
- FOCUSED: number;
11
- /**
12
- * Значение по-умолчанию
13
- */
14
- DEFAULT: number;
15
- /**
16
- * Компоненты, которые управляют своей позицией, например, поповер, тултип
17
- */
18
- POPOVER: number;
19
- /**
20
- * Для модальных окон с оверлеем
21
- */
22
- MODAL: number;
23
- /**
24
- * Для тостов и нотификаций
25
- */
26
- TOAST: number;
27
- };
28
- declare const StackingContext: import("react").Context<number>;
29
- export { stackingOrder, StackingContext };
@@ -1,31 +0,0 @@
1
- import { createContext } from 'react';
2
-
3
- /**
4
- * Набор констант для z-index соответствующих классов компонентов.
5
- * Значения выбраны по приоритету.
6
- */
7
- const stackingOrder = {
8
- /**
9
- * Для компонентов с возможностью фокуса: кнопки, поля ввода
10
- */
11
- FOCUSED: 2,
12
- /**
13
- * Значение по-умолчанию
14
- */
15
- DEFAULT: 10,
16
- /**
17
- * Компоненты, которые управляют своей позицией, например, поповер, тултип
18
- */
19
- POPOVER: 50,
20
- /**
21
- * Для модальных окон с оверлеем
22
- */
23
- MODAL: 100,
24
- /**
25
- * Для тостов и нотификаций
26
- */
27
- TOAST: 1000,
28
- };
29
- const StackingContext = createContext(stackingOrder.DEFAULT);
30
-
31
- export { StackingContext, stackingOrder };