@cube-dev/ui-kit 0.13.3 → 0.13.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (561) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/cjs/_internal/hooks/index.js +1 -1
  3. package/cjs/_internal/hooks/use-chained-callback.js +1 -1
  4. package/cjs/_internal/hooks/use-deprecation-warning.js +1 -1
  5. package/cjs/_internal/hooks/use-event.js +1 -1
  6. package/cjs/_internal/hooks/use-sync-ref.js +1 -1
  7. package/cjs/_internal/hooks/use-timer/index.js +1 -1
  8. package/cjs/_internal/hooks/use-timer/timer.js +1 -1
  9. package/cjs/_internal/hooks/use-timer/use-timer.js +1 -1
  10. package/cjs/_internal/index.js +1 -1
  11. package/cjs/components/Base.js +1 -1
  12. package/cjs/components/Block.js +1 -1
  13. package/cjs/components/GlobalStyles.js +1 -1
  14. package/cjs/components/GridProvider.js +1 -1
  15. package/cjs/components/HiddenInput.js +1 -1
  16. package/cjs/components/OpenTrasition.js +1 -1
  17. package/cjs/components/Root.js +1 -1
  18. package/cjs/components/actions/Action.js +1 -1
  19. package/cjs/components/actions/Button/Button.js +1 -1
  20. package/cjs/components/actions/Button/Submit.js +1 -1
  21. package/cjs/components/actions/Button/index.js +1 -1
  22. package/cjs/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  23. package/cjs/components/actions/index.js +1 -1
  24. package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
  25. package/cjs/components/content/Alert/Alert.js +1 -1
  26. package/cjs/components/content/Alert/index.js +1 -1
  27. package/cjs/components/content/Alert/types.js +1 -1
  28. package/cjs/components/content/Alert/use-alert.js +1 -1
  29. package/cjs/components/content/Avatar/Avatar.js +1 -1
  30. package/cjs/components/content/Badge/Badge.js +1 -1
  31. package/cjs/components/content/Card/Card.js +1 -1
  32. package/cjs/components/content/Content.js +1 -1
  33. package/cjs/components/content/CopySnippet/CopySnippet.js +1 -1
  34. package/cjs/components/content/CopySnippet/index.js +1 -1
  35. package/cjs/components/content/Divider.js +1 -1
  36. package/cjs/components/content/Footer.js +1 -1
  37. package/cjs/components/content/Header.js +1 -1
  38. package/cjs/components/content/Paragraph.js +1 -1
  39. package/cjs/components/content/Placeholder/Placeholder.js +1 -1
  40. package/cjs/components/content/PrismCode/PrismCode.js +1 -1
  41. package/cjs/components/content/Result/Result.js +1 -1
  42. package/cjs/components/content/Skeleton/Skeleton.js +1 -1
  43. package/cjs/components/content/Tag/Tag.js +1 -1
  44. package/cjs/components/content/Text.js +1 -1
  45. package/cjs/components/content/Title.js +1 -1
  46. package/cjs/components/forms/Checkbox/Checkbox.js +1 -1
  47. package/cjs/components/forms/Checkbox/CheckboxGroup.js +1 -1
  48. package/cjs/components/forms/Checkbox/context.js +1 -1
  49. package/cjs/components/forms/FieldWrapper.js +1 -1
  50. package/cjs/components/forms/FileInput/FileInput.js +1 -1
  51. package/cjs/components/forms/Form/Field.js +1 -1
  52. package/cjs/components/forms/Form/Form.js +1 -1
  53. package/cjs/components/forms/Form/index.js +1 -1
  54. package/cjs/components/forms/Form/types.js +1 -1
  55. package/cjs/components/forms/Form/useForm.js +1 -1
  56. package/cjs/components/forms/Form/validation.js +1 -1
  57. package/cjs/components/forms/Input/Input.js +1 -1
  58. package/cjs/components/forms/Input/index.js +1 -1
  59. package/cjs/components/forms/Label.js +1 -1
  60. package/cjs/components/forms/NumberInput/NumberInput.js +3 -3
  61. package/cjs/components/forms/NumberInput/StepButton.js +14 -4
  62. package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
  63. package/cjs/components/forms/RadioGroup/Radio.js +1 -1
  64. package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
  65. package/cjs/components/forms/RadioGroup/context.js +1 -1
  66. package/cjs/components/forms/RangeSlider/Gradation.js +28 -0
  67. package/cjs/components/forms/RangeSlider/Header.js +16 -0
  68. package/cjs/components/forms/RangeSlider/RangeInput.js +38 -0
  69. package/cjs/components/forms/RangeSlider/RangeSlider.js +98 -0
  70. package/cjs/components/forms/RangeSlider/Slide.js +28 -0
  71. package/cjs/components/forms/RangeSlider/Thumb.js +36 -0
  72. package/cjs/components/forms/RangeSlider/helpers.js +62 -0
  73. package/cjs/components/forms/RangeSlider/styled.js +113 -0
  74. package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
  75. package/cjs/components/forms/Switch/Switch.js +1 -1
  76. package/cjs/components/forms/TextArea/TextArea.js +1 -1
  77. package/cjs/components/forms/TextInput/TextInput.js +1 -1
  78. package/cjs/components/forms/TextInput/TextInputBase.js +3 -3
  79. package/cjs/components/forms/index.js +1 -1
  80. package/cjs/components/layout/Flex.js +1 -1
  81. package/cjs/components/layout/Flow.js +1 -1
  82. package/cjs/components/layout/Grid.js +1 -1
  83. package/cjs/components/layout/Prefix.js +1 -1
  84. package/cjs/components/layout/Space.js +1 -1
  85. package/cjs/components/layout/Suffix.js +1 -1
  86. package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  87. package/cjs/components/navigation/Link/Link.js +1 -1
  88. package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
  89. package/cjs/components/organisms/Modal/Modal.js +1 -1
  90. package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
  91. package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
  92. package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
  93. package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
  94. package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +10 -2
  95. package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +2 -2
  96. package/cjs/components/overlays/AlertDialog/index.js +1 -1
  97. package/cjs/components/overlays/AlertDialog/types.js +1 -1
  98. package/cjs/components/overlays/Dialog/Dialog.js +1 -1
  99. package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
  100. package/cjs/components/overlays/Dialog/DialogForm.js +1 -1
  101. package/cjs/components/overlays/Dialog/DialogTrigger.js +1 -1
  102. package/cjs/components/overlays/Dialog/context.js +1 -1
  103. package/cjs/components/overlays/Dialog/index.js +1 -1
  104. package/cjs/components/overlays/Modal/Modal.js +1 -1
  105. package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
  106. package/cjs/components/overlays/Modal/Overlay.js +1 -1
  107. package/cjs/components/overlays/Modal/Popover.js +1 -1
  108. package/cjs/components/overlays/Modal/Tray.js +1 -1
  109. package/cjs/components/overlays/Modal/Underlay.js +1 -1
  110. package/cjs/components/overlays/Modal/index.js +1 -1
  111. package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  112. package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
  113. package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  114. package/cjs/components/overlays/NewNotifications/Bar/index.js +1 -1
  115. package/cjs/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
  116. package/cjs/components/overlays/NewNotifications/Dialog/index.js +1 -1
  117. package/cjs/components/overlays/NewNotifications/Notification.js +3 -1
  118. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
  119. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  120. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  121. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
  122. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  123. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  124. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  125. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
  126. package/cjs/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  127. package/cjs/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  128. package/cjs/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  129. package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  130. package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +4 -1
  131. package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
  132. package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
  133. package/cjs/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  134. package/cjs/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  135. package/cjs/components/overlays/NewNotifications/hooks/index.js +1 -1
  136. package/cjs/components/overlays/NewNotifications/hooks/types.js +1 -1
  137. package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  138. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  139. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  140. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  141. package/cjs/components/overlays/NewNotifications/index.js +1 -1
  142. package/cjs/components/overlays/NewNotifications/types.js +1 -1
  143. package/cjs/components/overlays/Notification/Notification.js +1 -1
  144. package/cjs/components/overlays/OverlayWrapper.js +1 -1
  145. package/cjs/components/overlays/Toasts/Toast.js +1 -1
  146. package/cjs/components/overlays/Toasts/index.js +1 -1
  147. package/cjs/components/overlays/Toasts/types.js +1 -1
  148. package/cjs/components/overlays/Toasts/use-toasts-api.js +1 -1
  149. package/cjs/components/overlays/Tooltip/Tooltip.js +1 -1
  150. package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
  151. package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  152. package/cjs/components/overlays/Tooltip/context.js +1 -1
  153. package/cjs/components/pickers/ComboBox/ComboBox.js +1 -1
  154. package/cjs/components/pickers/Menu/Menu.js +1 -1
  155. package/cjs/components/pickers/Menu/MenuButton.js +1 -1
  156. package/cjs/components/pickers/Menu/MenuItem.js +1 -1
  157. package/cjs/components/pickers/Menu/MenuSection.js +1 -1
  158. package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
  159. package/cjs/components/pickers/Menu/context.js +1 -1
  160. package/cjs/components/pickers/Menu/styled.js +1 -1
  161. package/cjs/components/pickers/Select/Select.js +1 -1
  162. package/cjs/components/portal/Portal.js +1 -1
  163. package/cjs/components/portal/PortalProvider.js +1 -1
  164. package/cjs/components/portal/index.js +1 -1
  165. package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
  166. package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
  167. package/cjs/components/portal/storybook/templates/basic.js +1 -1
  168. package/cjs/components/portal/storybook/templates/index.js +1 -1
  169. package/cjs/components/portal/types.js +1 -1
  170. package/cjs/components/portal/usePortal.js +1 -1
  171. package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  172. package/cjs/components/status/LoadingAnimation/index.js +1 -1
  173. package/cjs/components/status/Spin/Cube.js +1 -1
  174. package/cjs/components/status/Spin/InternalSpinner.js +1 -1
  175. package/cjs/components/status/Spin/Spin.js +1 -1
  176. package/cjs/components/status/Spin/SpinsContainer.js +1 -1
  177. package/cjs/components/status/Spin/index.js +1 -1
  178. package/cjs/components/status/Spin/types.js +1 -1
  179. package/cjs/components/status/index.js +1 -1
  180. package/cjs/data/themes.js +1 -1
  181. package/cjs/icons/Attention.js +1 -1
  182. package/cjs/icons/Cross.js +1 -1
  183. package/cjs/icons/Danger.js +1 -1
  184. package/cjs/icons/Success.js +1 -1
  185. package/cjs/icons/index.js +1 -1
  186. package/cjs/index.js +5 -3
  187. package/cjs/provider.js +1 -1
  188. package/cjs/providers/StyleProvider.js +1 -1
  189. package/cjs/services/notification.js +1 -1
  190. package/cjs/shared/form.js +1 -1
  191. package/cjs/shared/index.js +1 -1
  192. package/cjs/stories/FormFieldArgs.js +20 -2
  193. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  194. package/cjs/stories/components/DialogFormApp.js +1 -1
  195. package/cjs/stories/components/StyledButton.js +1 -1
  196. package/cjs/stories/lists/baseProps.js +1 -1
  197. package/cjs/styled/index.js +1 -1
  198. package/cjs/styled/styled.js +1 -1
  199. package/cjs/tasty/index.js +1 -1
  200. package/cjs/tasty/providers/BreakpointsProvider.js +1 -1
  201. package/cjs/tasty/styles/align.js +1 -1
  202. package/cjs/tasty/styles/border.js +1 -1
  203. package/cjs/tasty/styles/boxShadow.combinator.js +1 -1
  204. package/cjs/tasty/styles/color.js +1 -1
  205. package/cjs/tasty/styles/createStyle.js +1 -1
  206. package/cjs/tasty/styles/dimension.js +1 -1
  207. package/cjs/tasty/styles/display.js +1 -1
  208. package/cjs/tasty/styles/fill.js +1 -1
  209. package/cjs/tasty/styles/flow.js +1 -1
  210. package/cjs/tasty/styles/font.js +1 -1
  211. package/cjs/tasty/styles/fontStyle.js +1 -1
  212. package/cjs/tasty/styles/gap.js +1 -1
  213. package/cjs/tasty/styles/groupRadius.js +1 -1
  214. package/cjs/tasty/styles/height.js +1 -1
  215. package/cjs/tasty/styles/index.js +1 -1
  216. package/cjs/tasty/styles/justify.js +1 -1
  217. package/cjs/tasty/styles/list.js +1 -1
  218. package/cjs/tasty/styles/margin.js +1 -1
  219. package/cjs/tasty/styles/marginBlock.js +1 -1
  220. package/cjs/tasty/styles/marginInline.js +1 -1
  221. package/cjs/tasty/styles/outline.js +1 -1
  222. package/cjs/tasty/styles/padding.js +1 -1
  223. package/cjs/tasty/styles/paddingBlock.js +1 -1
  224. package/cjs/tasty/styles/paddingInline.js +1 -1
  225. package/cjs/tasty/styles/predefined.js +1 -1
  226. package/cjs/tasty/styles/preset.js +1 -1
  227. package/cjs/tasty/styles/radius.js +1 -1
  228. package/cjs/tasty/styles/reset.js +1 -1
  229. package/cjs/tasty/styles/shadow.js +8 -5
  230. package/cjs/tasty/styles/styledScrollbar.js +1 -1
  231. package/cjs/tasty/styles/transition.js +1 -1
  232. package/cjs/tasty/styles/types.js +1 -1
  233. package/cjs/tasty/styles/width.js +1 -1
  234. package/cjs/tasty/tasty.js +1 -1
  235. package/cjs/tasty/types.js +1 -1
  236. package/cjs/tasty/utils/colors.js +1 -1
  237. package/cjs/tasty/utils/dotize.js +1 -1
  238. package/cjs/tasty/utils/filterBaseProps.js +1 -1
  239. package/cjs/tasty/utils/get-display-name.js +1 -1
  240. package/cjs/tasty/utils/index.js +1 -1
  241. package/cjs/tasty/utils/mergeStyles.js +1 -1
  242. package/cjs/tasty/utils/modAttrs.js +1 -1
  243. package/cjs/tasty/utils/renderStyles.js +1 -1
  244. package/cjs/tasty/utils/responsive.js +1 -1
  245. package/cjs/tasty/utils/string.js +1 -1
  246. package/cjs/tasty/utils/styles.js +1 -1
  247. package/cjs/tasty/utils/warnings.js +1 -1
  248. package/cjs/test/index.js +1 -1
  249. package/cjs/test/render.js +1 -1
  250. package/cjs/test/setup.js +1 -1
  251. package/cjs/test/utils/index.js +1 -1
  252. package/cjs/test/utils/wait.js +1 -1
  253. package/cjs/tokens.js +1 -1
  254. package/cjs/type-checks.js +1 -1
  255. package/cjs/utils/ResizeSensor.js +1 -1
  256. package/cjs/utils/modules.js +1 -1
  257. package/cjs/utils/promise.js +1 -1
  258. package/cjs/utils/random.js +1 -1
  259. package/cjs/utils/range.js +1 -1
  260. package/cjs/utils/react/Slots.js +1 -1
  261. package/cjs/utils/react/chain.js +1 -1
  262. package/cjs/utils/react/index.js +1 -1
  263. package/cjs/utils/react/interactions.js +1 -1
  264. package/cjs/utils/react/isTextOnly.js +1 -1
  265. package/cjs/utils/react/mapProps.js +1 -1
  266. package/cjs/utils/react/mergeProps.js +1 -1
  267. package/cjs/utils/react/nullableValue.js +1 -1
  268. package/cjs/utils/react/useCombinedRefs.js +1 -1
  269. package/cjs/utils/react/useId.js +1 -1
  270. package/cjs/utils/react/useLayoutEffect.js +1 -1
  271. package/cjs/utils/react/useViewportSize.js +1 -1
  272. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  273. package/cjs/utils/transitions.js +1 -1
  274. package/cjs/utils/tree.js +1 -1
  275. package/cjs/utils/warnings.js +1 -1
  276. package/es/_internal/hooks/index.js +1 -1
  277. package/es/_internal/hooks/use-chained-callback.js +1 -1
  278. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  279. package/es/_internal/hooks/use-event.js +1 -1
  280. package/es/_internal/hooks/use-sync-ref.js +1 -1
  281. package/es/_internal/hooks/use-timer/index.js +1 -1
  282. package/es/_internal/hooks/use-timer/timer.js +1 -1
  283. package/es/_internal/hooks/use-timer/use-timer.js +1 -1
  284. package/es/_internal/index.js +1 -1
  285. package/es/components/Base.js +1 -1
  286. package/es/components/Block.js +1 -1
  287. package/es/components/GlobalStyles.js +1 -1
  288. package/es/components/GridProvider.js +1 -1
  289. package/es/components/HiddenInput.js +1 -1
  290. package/es/components/OpenTrasition.js +1 -1
  291. package/es/components/Root.js +1 -1
  292. package/es/components/actions/Action.js +1 -1
  293. package/es/components/actions/Button/Button.js +1 -1
  294. package/es/components/actions/Button/Submit.js +1 -1
  295. package/es/components/actions/Button/index.js +1 -1
  296. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  297. package/es/components/actions/index.js +1 -1
  298. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  299. package/es/components/content/Alert/Alert.js +1 -1
  300. package/es/components/content/Alert/index.js +1 -1
  301. package/es/components/content/Alert/types.js +1 -1
  302. package/es/components/content/Alert/use-alert.js +1 -1
  303. package/es/components/content/Avatar/Avatar.js +1 -1
  304. package/es/components/content/Badge/Badge.js +1 -1
  305. package/es/components/content/Card/Card.js +1 -1
  306. package/es/components/content/Content.js +1 -1
  307. package/es/components/content/CopySnippet/CopySnippet.js +1 -1
  308. package/es/components/content/CopySnippet/index.js +1 -1
  309. package/es/components/content/Divider.js +1 -1
  310. package/es/components/content/Footer.js +1 -1
  311. package/es/components/content/Header.js +1 -1
  312. package/es/components/content/Paragraph.js +1 -1
  313. package/es/components/content/Placeholder/Placeholder.js +1 -1
  314. package/es/components/content/PrismCode/PrismCode.js +1 -1
  315. package/es/components/content/Result/Result.js +1 -1
  316. package/es/components/content/Skeleton/Skeleton.js +1 -1
  317. package/es/components/content/Tag/Tag.js +1 -1
  318. package/es/components/content/Text.js +1 -1
  319. package/es/components/content/Title.js +1 -1
  320. package/es/components/forms/Checkbox/Checkbox.js +1 -1
  321. package/es/components/forms/Checkbox/CheckboxGroup.js +1 -1
  322. package/es/components/forms/Checkbox/context.js +1 -1
  323. package/es/components/forms/FieldWrapper.js +1 -1
  324. package/es/components/forms/FileInput/FileInput.js +1 -1
  325. package/es/components/forms/Form/Field.js +1 -1
  326. package/es/components/forms/Form/Form.js +1 -1
  327. package/es/components/forms/Form/index.js +1 -1
  328. package/es/components/forms/Form/types.js +1 -1
  329. package/es/components/forms/Form/useForm.js +1 -1
  330. package/es/components/forms/Form/validation.js +1 -1
  331. package/es/components/forms/Input/Input.js +1 -1
  332. package/es/components/forms/Input/index.js +1 -1
  333. package/es/components/forms/Label.js +1 -1
  334. package/es/components/forms/NumberInput/NumberInput.js +3 -3
  335. package/es/components/forms/NumberInput/StepButton.js +14 -4
  336. package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
  337. package/es/components/forms/RadioGroup/Radio.js +1 -1
  338. package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
  339. package/es/components/forms/RadioGroup/context.js +1 -1
  340. package/es/components/forms/RangeSlider/Gradation.js +24 -0
  341. package/es/components/forms/RangeSlider/Header.js +12 -0
  342. package/es/components/forms/RangeSlider/RangeInput.js +34 -0
  343. package/es/components/forms/RangeSlider/RangeSlider.js +95 -0
  344. package/es/components/forms/RangeSlider/Slide.js +24 -0
  345. package/es/components/forms/RangeSlider/Thumb.js +32 -0
  346. package/es/components/forms/RangeSlider/helpers.js +54 -0
  347. package/es/components/forms/RangeSlider/styled.js +110 -0
  348. package/es/components/forms/SearchInput/SearchInput.js +1 -1
  349. package/es/components/forms/Switch/Switch.js +1 -1
  350. package/es/components/forms/TextArea/TextArea.js +1 -1
  351. package/es/components/forms/TextInput/TextInput.js +1 -1
  352. package/es/components/forms/TextInput/TextInputBase.js +3 -3
  353. package/es/components/forms/index.js +1 -1
  354. package/es/components/layout/Flex.js +1 -1
  355. package/es/components/layout/Flow.js +1 -1
  356. package/es/components/layout/Grid.js +1 -1
  357. package/es/components/layout/Prefix.js +1 -1
  358. package/es/components/layout/Space.js +1 -1
  359. package/es/components/layout/Suffix.js +1 -1
  360. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  361. package/es/components/navigation/Link/Link.js +1 -1
  362. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  363. package/es/components/organisms/Modal/Modal.js +1 -1
  364. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  365. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  366. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  367. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  368. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +10 -2
  369. package/es/components/overlays/AlertDialog/AlertDialogZone.js +2 -2
  370. package/es/components/overlays/AlertDialog/index.js +1 -1
  371. package/es/components/overlays/AlertDialog/types.js +1 -1
  372. package/es/components/overlays/Dialog/Dialog.js +1 -1
  373. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  374. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  375. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  376. package/es/components/overlays/Dialog/context.js +1 -1
  377. package/es/components/overlays/Dialog/index.js +1 -1
  378. package/es/components/overlays/Modal/Modal.js +1 -1
  379. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  380. package/es/components/overlays/Modal/Overlay.js +1 -1
  381. package/es/components/overlays/Modal/Popover.js +1 -1
  382. package/es/components/overlays/Modal/Tray.js +1 -1
  383. package/es/components/overlays/Modal/Underlay.js +1 -1
  384. package/es/components/overlays/Modal/index.js +1 -1
  385. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  386. package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
  387. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  388. package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
  389. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
  390. package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
  391. package/es/components/overlays/NewNotifications/Notification.js +3 -1
  392. package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
  393. package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  394. package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  395. package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
  396. package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  397. package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  398. package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  399. package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
  400. package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  401. package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  402. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  403. package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  404. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +4 -1
  405. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
  406. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
  407. package/es/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  408. package/es/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  409. package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
  410. package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
  411. package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  412. package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  413. package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  414. package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  415. package/es/components/overlays/NewNotifications/index.js +1 -1
  416. package/es/components/overlays/NewNotifications/types.js +1 -1
  417. package/es/components/overlays/Notification/Notification.js +1 -1
  418. package/es/components/overlays/OverlayWrapper.js +1 -1
  419. package/es/components/overlays/Toasts/Toast.js +1 -1
  420. package/es/components/overlays/Toasts/index.js +1 -1
  421. package/es/components/overlays/Toasts/types.js +1 -1
  422. package/es/components/overlays/Toasts/use-toasts-api.js +1 -1
  423. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  424. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  425. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  426. package/es/components/overlays/Tooltip/context.js +1 -1
  427. package/es/components/pickers/ComboBox/ComboBox.js +1 -1
  428. package/es/components/pickers/Menu/Menu.js +1 -1
  429. package/es/components/pickers/Menu/MenuButton.js +1 -1
  430. package/es/components/pickers/Menu/MenuItem.js +1 -1
  431. package/es/components/pickers/Menu/MenuSection.js +1 -1
  432. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  433. package/es/components/pickers/Menu/context.js +1 -1
  434. package/es/components/pickers/Menu/styled.js +1 -1
  435. package/es/components/pickers/Select/Select.js +1 -1
  436. package/es/components/portal/Portal.js +1 -1
  437. package/es/components/portal/PortalProvider.js +1 -1
  438. package/es/components/portal/index.js +1 -1
  439. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  440. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  441. package/es/components/portal/storybook/templates/basic.js +1 -1
  442. package/es/components/portal/storybook/templates/index.js +1 -1
  443. package/es/components/portal/types.js +1 -1
  444. package/es/components/portal/usePortal.js +1 -1
  445. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  446. package/es/components/status/LoadingAnimation/index.js +1 -1
  447. package/es/components/status/Spin/Cube.js +1 -1
  448. package/es/components/status/Spin/InternalSpinner.js +1 -1
  449. package/es/components/status/Spin/Spin.js +1 -1
  450. package/es/components/status/Spin/SpinsContainer.js +1 -1
  451. package/es/components/status/Spin/index.js +1 -1
  452. package/es/components/status/Spin/types.js +1 -1
  453. package/es/components/status/index.js +1 -1
  454. package/es/data/themes.js +1 -1
  455. package/es/icons/Attention.js +1 -1
  456. package/es/icons/Cross.js +1 -1
  457. package/es/icons/Danger.js +1 -1
  458. package/es/icons/Success.js +1 -1
  459. package/es/icons/index.js +1 -1
  460. package/es/index.js +2 -1
  461. package/es/provider.js +1 -1
  462. package/es/providers/StyleProvider.js +1 -1
  463. package/es/services/notification.js +1 -1
  464. package/es/shared/form.js +1 -1
  465. package/es/shared/index.js +1 -1
  466. package/es/stories/FormFieldArgs.js +19 -1
  467. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  468. package/es/stories/components/DialogFormApp.js +1 -1
  469. package/es/stories/components/StyledButton.js +1 -1
  470. package/es/stories/lists/baseProps.js +1 -1
  471. package/es/styled/index.js +1 -1
  472. package/es/styled/styled.js +1 -1
  473. package/es/tasty/index.js +1 -1
  474. package/es/tasty/providers/BreakpointsProvider.js +1 -1
  475. package/es/tasty/styles/align.js +1 -1
  476. package/es/tasty/styles/border.js +1 -1
  477. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  478. package/es/tasty/styles/color.js +1 -1
  479. package/es/tasty/styles/createStyle.js +1 -1
  480. package/es/tasty/styles/dimension.js +1 -1
  481. package/es/tasty/styles/display.js +1 -1
  482. package/es/tasty/styles/fill.js +1 -1
  483. package/es/tasty/styles/flow.js +1 -1
  484. package/es/tasty/styles/font.js +1 -1
  485. package/es/tasty/styles/fontStyle.js +1 -1
  486. package/es/tasty/styles/gap.js +1 -1
  487. package/es/tasty/styles/groupRadius.js +1 -1
  488. package/es/tasty/styles/height.js +1 -1
  489. package/es/tasty/styles/index.js +1 -1
  490. package/es/tasty/styles/justify.js +1 -1
  491. package/es/tasty/styles/list.js +1 -1
  492. package/es/tasty/styles/margin.js +1 -1
  493. package/es/tasty/styles/marginBlock.js +1 -1
  494. package/es/tasty/styles/marginInline.js +1 -1
  495. package/es/tasty/styles/outline.js +1 -1
  496. package/es/tasty/styles/padding.js +1 -1
  497. package/es/tasty/styles/paddingBlock.js +1 -1
  498. package/es/tasty/styles/paddingInline.js +1 -1
  499. package/es/tasty/styles/predefined.js +1 -1
  500. package/es/tasty/styles/preset.js +1 -1
  501. package/es/tasty/styles/radius.js +1 -1
  502. package/es/tasty/styles/reset.js +1 -1
  503. package/es/tasty/styles/shadow.js +8 -5
  504. package/es/tasty/styles/styledScrollbar.js +1 -1
  505. package/es/tasty/styles/transition.js +1 -1
  506. package/es/tasty/styles/types.js +1 -1
  507. package/es/tasty/styles/width.js +1 -1
  508. package/es/tasty/tasty.js +1 -1
  509. package/es/tasty/types.js +1 -1
  510. package/es/tasty/utils/colors.js +1 -1
  511. package/es/tasty/utils/dotize.js +1 -1
  512. package/es/tasty/utils/filterBaseProps.js +1 -1
  513. package/es/tasty/utils/get-display-name.js +1 -1
  514. package/es/tasty/utils/index.js +1 -1
  515. package/es/tasty/utils/mergeStyles.js +1 -1
  516. package/es/tasty/utils/modAttrs.js +1 -1
  517. package/es/tasty/utils/renderStyles.js +1 -1
  518. package/es/tasty/utils/responsive.js +1 -1
  519. package/es/tasty/utils/string.js +1 -1
  520. package/es/tasty/utils/styles.js +1 -1
  521. package/es/tasty/utils/warnings.js +1 -1
  522. package/es/test/index.js +1 -1
  523. package/es/test/render.js +1 -1
  524. package/es/test/setup.js +1 -1
  525. package/es/test/utils/index.js +1 -1
  526. package/es/test/utils/wait.js +1 -1
  527. package/es/tokens.js +1 -1
  528. package/es/type-checks.js +1 -1
  529. package/es/utils/ResizeSensor.js +1 -1
  530. package/es/utils/modules.js +1 -1
  531. package/es/utils/promise.js +1 -1
  532. package/es/utils/random.js +1 -1
  533. package/es/utils/range.js +1 -1
  534. package/es/utils/react/Slots.js +1 -1
  535. package/es/utils/react/chain.js +1 -1
  536. package/es/utils/react/index.js +1 -1
  537. package/es/utils/react/interactions.js +1 -1
  538. package/es/utils/react/isTextOnly.js +1 -1
  539. package/es/utils/react/mapProps.js +1 -1
  540. package/es/utils/react/mergeProps.js +1 -1
  541. package/es/utils/react/nullableValue.js +1 -1
  542. package/es/utils/react/useCombinedRefs.js +1 -1
  543. package/es/utils/react/useId.js +1 -1
  544. package/es/utils/react/useLayoutEffect.js +1 -1
  545. package/es/utils/react/useViewportSize.js +1 -1
  546. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  547. package/es/utils/transitions.js +1 -1
  548. package/es/utils/tree.js +1 -1
  549. package/es/utils/warnings.js +1 -1
  550. package/package.json +4 -1
  551. package/types/components/forms/RangeSlider/Gradation.d.ts +8 -0
  552. package/types/components/forms/RangeSlider/Header.d.ts +1 -0
  553. package/types/components/forms/RangeSlider/RangeInput.d.ts +10 -0
  554. package/types/components/forms/RangeSlider/RangeSlider.d.ts +17 -0
  555. package/types/components/forms/RangeSlider/Slide.d.ts +9 -0
  556. package/types/components/forms/RangeSlider/Thumb.d.ts +9 -0
  557. package/types/components/forms/RangeSlider/helpers.d.ts +6 -0
  558. package/types/components/forms/RangeSlider/styled.d.ts +8 -0
  559. package/types/index.d.ts +2 -0
  560. package/types/stories/FormFieldArgs.d.ts +22 -0
  561. package/types/tasty/styles/shadow.d.ts +1 -1
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -29,13 +29,13 @@ function NumberInput(props, ref) {
29
29
  props = castNullableNumberValue(props);
30
30
  props = useProviderProps(props);
31
31
  props = useFormProps(props);
32
- let { hideStepper, value, defaultValue, onChange, ...otherProps } = props;
32
+ let { hideStepper, suffix, value, defaultValue, onChange, ...otherProps } = props;
33
33
  let showStepper = !hideStepper;
34
34
  let { locale } = useLocale();
35
35
  let state = useNumberFieldState({ ...props, locale });
36
36
  let inputRef = useRef(null);
37
37
  let { groupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps, } = useNumberField(props, state, inputRef);
38
- return (_jsx(TextInputBase, { ...otherProps, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", suffix: showStepper ? (_jsxs(StepperContainer, { children: [_jsx(StepButton, { direction: "up", ...incrementButtonProps }, void 0), _jsx(StepButton, { direction: "down", ...decrementButtonProps }, void 0)] }, void 0)) : null }, void 0));
38
+ return (_jsx(TextInputBase, { ...otherProps, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", suffix: showStepper ? (_jsxs(StepperContainer, { children: [_jsx(StepButton, { isDisabled: props.isDisabled, direction: "up", ...incrementButtonProps, size: otherProps.size }, void 0), _jsx(StepButton, { isDisabled: props.isDisabled, direction: "down", ...decrementButtonProps, size: otherProps.size }, void 0)] }, void 0)) : (suffix) }, void 0));
39
39
  }
40
40
  /**
41
41
  * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -14,15 +14,25 @@ const STEP_BUTTON_STYLES = {
14
14
  '': '0 (1r - 1bw) 0 0',
15
15
  down: '0 0 (1r - 1bw) 0',
16
16
  },
17
- preset: 't4',
18
- lineHeight: '1em',
17
+ fontSize: '12px',
18
+ lineHeight: '12px',
19
19
  height: 'auto',
20
+ fill: {
21
+ '': '#dark.0',
22
+ hovered: '#dark.04',
23
+ pressed: '#purple.10',
24
+ '[disabled]': '#dark.0',
25
+ },
26
+ '@icon-size': {
27
+ '': '14px',
28
+ '[data-size="small"]': '13px',
29
+ },
20
30
  };
21
31
  /**
22
32
  * Buttons for NumberField.
23
33
  */
24
34
  export function StepButton(props) {
25
- return (_jsx(Button, { preventDefault: true, type: "neutral", styles: STEP_BUTTON_STYLES, icon: props.direction === 'up' ? _jsx(CaretUpOutlined, {}, void 0) : _jsx(CaretDownOutlined, {}, void 0), mods: {
35
+ return (_jsx(Button, { preventDefault: true, type: "neutral", styles: STEP_BUTTON_STYLES, icon: props.direction === 'up' ? (_jsx(CaretUpOutlined, { style: { fontSize: 'var(--icon-size)' } }, void 0)) : (_jsx(CaretDownOutlined, { style: { fontSize: 'var(--icon-size)' } }, void 0)), mods: {
26
36
  up: props.direction === 'up',
27
37
  down: props.direction === 'down',
28
38
  }, label: `Step ${props.direction}`, ...props }, void 0));
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -0,0 +1,24 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.13.5
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { StyledGradation, StyledGrade } from './styled';
10
+ export function Gradation(props) {
11
+ const { state, ranges, values = [] } = props;
12
+ if (!values.length) {
13
+ return null;
14
+ }
15
+ const getIsActive = (value, idx) => {
16
+ const [minIdx, maxIdx] = ranges.map((range) => state.getThumbValue(range));
17
+ return idx >= minIdx && idx <= maxIdx;
18
+ };
19
+ return (_jsx(StyledGradation, { children: values.map((value, idx) => (_jsx(StyledGrade, { mods: {
20
+ active: getIsActive(value, idx),
21
+ }, children: value }, value))) }, void 0));
22
+ }
23
+
24
+
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.13.5
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ export function Header() {
9
+ return null;
10
+ }
11
+
12
+
@@ -0,0 +1,34 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.13.5
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { useCallback } from 'react';
10
+ import { Flow, NumberInput } from '../../../';
11
+ function calculateWidth(max, hasSuffix) {
12
+ if (typeof max === 'undefined') {
13
+ return undefined;
14
+ }
15
+ const value = String(max).length;
16
+ // for 2 digit values 1.6 is better with suffix
17
+ const suffixWidth = value > 2 ? 1.6 : 1.75;
18
+ const charWidth = hasSuffix ? suffixWidth : 2;
19
+ return `${value * charWidth}x`;
20
+ }
21
+ export function RangeInput(props) {
22
+ const { state, index, suffix, min, max, ...otherProps } = props;
23
+ const value = state.values[index];
24
+ const width = calculateWidth(max, !!suffix);
25
+ const onChange = useCallback((value) => {
26
+ state.setThumbValue(index, value);
27
+ }, [index, state]);
28
+ const maxLength = typeof max !== 'undefined' ? String(max).length : undefined;
29
+ return (_jsx(NumberInput, { ...otherProps, hideStepper: true, size: "small", inputStyles: {
30
+ width,
31
+ }, suffix: suffix && _jsx(Flow, { padding: "1.5x right", children: suffix }, void 0), value: value, minValue: state.getThumbMinValue(index), maxValue: state.getThumbMaxValue(index), maxLength: maxLength, onChange: onChange }, void 0));
32
+ }
33
+
34
+
@@ -0,0 +1,95 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.13.5
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ import { forwardRef, useRef } from 'react';
10
+ import { useSlider } from '@react-aria/slider';
11
+ import { useSliderState } from '@react-stately/slider';
12
+ import { FieldWrapper } from '../../forms/FieldWrapper';
13
+ import { extractStyles, OUTER_STYLES, } from '../../../tasty';
14
+ import { Slide } from './Slide';
15
+ import { Gradation } from './Gradation';
16
+ import { Thumb } from './Thumb';
17
+ import { RangeInput } from './RangeInput';
18
+ import { StyledControls, StyledSlider, StyledContent } from './styled';
19
+ import { getMinMaxValue, getRanges, getValidValue, } from './helpers';
20
+ function RangeSlider(props, ref) {
21
+ let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, defaultValue, value, gradation, step = 1, isDisabled, orientation = 'horizontal', showInput, inputStyles, inputSuffix, minValue, maxValue, onChange, onChangeEnd, ...otherProps } = props;
22
+ const [min, max] = getMinMaxValue(minValue, maxValue, value || defaultValue);
23
+ const ranges = getRanges(defaultValue || value || [0, 1]);
24
+ const isSingle = ranges.length <= 1;
25
+ const trackRef = useRef(null);
26
+ const inputRef = useRef(null);
27
+ const numberFormatter = new Intl.NumberFormat();
28
+ const baseProps = {
29
+ step,
30
+ orientation,
31
+ isDisabled,
32
+ minValue: min,
33
+ maxValue: max,
34
+ value: getValidValue(value, min, max),
35
+ defaultValue: getValidValue(defaultValue, min, max),
36
+ onChange(range) {
37
+ if (onChange) {
38
+ onChange(Array.isArray(range) ? range : [range]);
39
+ }
40
+ },
41
+ onChangeEnd(range) {
42
+ if (onChangeEnd) {
43
+ onChangeEnd(Array.isArray(range) ? range : [range]);
44
+ }
45
+ },
46
+ };
47
+ const state = useSliderState({
48
+ ...props,
49
+ ...baseProps,
50
+ numberFormatter,
51
+ });
52
+ const { groupProps, trackProps, labelProps } = useSlider({
53
+ ...props,
54
+ ...baseProps,
55
+ }, state, trackRef);
56
+ const inputProps = {
57
+ step,
58
+ state,
59
+ isDisabled,
60
+ suffix: inputSuffix,
61
+ styles: inputStyles,
62
+ min: baseProps.minValue,
63
+ max: baseProps.maxValue,
64
+ };
65
+ const sliderField = (_jsxs(StyledSlider, { ...groupProps, mods: {
66
+ sideLabel: labelPosition === 'side',
67
+ inputs: showInput,
68
+ }, children: [!isSingle && showInput && _jsx(RangeInput, { index: 0, ...inputProps }, void 0), _jsx(StyledContent, { children: _jsxs(StyledControls, { ...trackProps, ref: trackRef, children: [_jsx(Slide, { state: state, ranges: ranges, isSingle: isSingle, isDisabled: isDisabled }, void 0), _jsx(Gradation, { state: state, ranges: ranges, values: gradation }, void 0), ranges.map((thumb) => (_jsx(Thumb, { index: thumb, state: state, inputRef: inputRef, trackRef: trackRef, isDisabled: isDisabled, defaultValue: baseProps.defaultValue && baseProps.defaultValue[thumb] }, thumb)))] }, void 0) }, void 0), showInput && _jsx(RangeInput, { index: 1, ...inputProps }, void 0)] }, void 0));
69
+ styles = extractStyles(otherProps, OUTER_STYLES, styles);
70
+ return (_jsx(FieldWrapper, { ...{
71
+ labelPosition,
72
+ label,
73
+ extra,
74
+ styles,
75
+ isRequired,
76
+ labelStyles,
77
+ necessityIndicator,
78
+ labelProps,
79
+ isDisabled,
80
+ validationState,
81
+ message,
82
+ description,
83
+ requiredMark,
84
+ labelSuffix,
85
+ Component: sliderField,
86
+ ref: ref,
87
+ } }, void 0));
88
+ }
89
+ const _RangeSlider = forwardRef(RangeSlider);
90
+ const __RangeSlider = Object.assign(_RangeSlider, {
91
+ cubeInputType: 'CheckboxGroup',
92
+ });
93
+ export { __RangeSlider as RangeSlider };
94
+
95
+
@@ -0,0 +1,24 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.13.5
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { useMemo } from 'react';
10
+ import { StyledSlide, StyledSlideTrack } from './styled';
11
+ export function Slide(props) {
12
+ const { ranges, state, isDisabled, isSingle } = props;
13
+ const style = {};
14
+ const mods = useMemo(() => ({
15
+ single: isSingle,
16
+ disabled: isDisabled,
17
+ }), [isDisabled, isSingle]);
18
+ ranges.forEach((rangeIndex) => {
19
+ style[`--thumb-${rangeIndex}-value`] = state.getThumbPercent(rangeIndex);
20
+ });
21
+ return (_jsx(StyledSlide, { mods: mods, children: _jsx(StyledSlideTrack, { style: style, mods: mods }, void 0) }, void 0));
22
+ }
23
+
24
+
@@ -0,0 +1,32 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.13.5
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { useRef } from 'react';
10
+ import { useSliderThumb } from '@react-aria/slider';
11
+ import { useHover } from '@react-aria/interactions';
12
+ import { VisuallyHidden } from '@react-aria/visually-hidden';
13
+ import { FocusRing } from '@react-aria/focus';
14
+ import { mergeProps } from '../../../utils/react';
15
+ import { StyledThumb } from './styled';
16
+ export function Thumb(props) {
17
+ const { state, isDisabled } = props;
18
+ const ref = useRef(null);
19
+ const { thumbProps, inputProps, isDragging, isFocused } = useSliderThumb({
20
+ ...props,
21
+ inputRef: ref,
22
+ }, state);
23
+ const { hoverProps, isHovered } = useHover({ isDisabled });
24
+ return (_jsx(FocusRing, { within: true, children: _jsx(StyledThumb, { mods: {
25
+ hovered: isHovered,
26
+ dragged: isDragging,
27
+ focused: !isDragging && isFocused,
28
+ disabled: isDisabled,
29
+ }, ...mergeProps(thumbProps, hoverProps), role: "presentation", children: _jsx(VisuallyHidden, { children: _jsx("input", { ref: ref, ...inputProps }, void 0) }, void 0) }, void 0) }, void 0));
30
+ }
31
+
32
+
@@ -0,0 +1,54 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.13.5
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ export function getRanges(value) {
9
+ if (Array.isArray(value)) {
10
+ return value.length >= 2 ? [0, 1] : [0];
11
+ }
12
+ return [0];
13
+ }
14
+ export function isNumber(val) {
15
+ return typeof val === 'number';
16
+ }
17
+ export function isValueValid(value) {
18
+ return (Array.isArray(value) &&
19
+ value.length === 2 &&
20
+ isNumber(value[0]) &&
21
+ isNumber(value[1]));
22
+ }
23
+ export function getValidValue(value, min, max) {
24
+ if (isValueValid(value)) {
25
+ // try to fix jumbled values
26
+ let minVal = Math.min(...value);
27
+ let maxVal = Math.max(...value);
28
+ // try to fix wrong min value
29
+ if (isNumber(min) && minVal < min) {
30
+ minVal = min;
31
+ }
32
+ // try to fix wrong max value
33
+ if (isNumber(max) && maxVal >= max) {
34
+ maxVal = max;
35
+ }
36
+ return [minVal, maxVal];
37
+ }
38
+ return value;
39
+ }
40
+ export function getMinMaxValue(min, max, value) {
41
+ if (isNumber(min) && isNumber(max)) {
42
+ if (isValueValid(value)) {
43
+ const minValue = Math.min(...value);
44
+ const maxValue = Math.max(...value);
45
+ // try to set min and max from value if they overflows
46
+ return [Math.min(min, max, minValue), Math.max(min, max, maxValue)];
47
+ }
48
+ // also try to fix jumbled min and max
49
+ return [Math.min(min, max), Math.max(min, max)];
50
+ }
51
+ return [min, max];
52
+ }
53
+
54
+
@@ -0,0 +1,110 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.13.5
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { tasty } from '../../../tasty';
9
+ export const StyledThumb = tasty({
10
+ styles: {
11
+ top: '2x',
12
+ width: '2x',
13
+ height: '2x',
14
+ fill: {
15
+ '': '#purple',
16
+ hovered: '#purple-text',
17
+ dragged: '#purple',
18
+ disabled: '#dark-04',
19
+ },
20
+ cursor: 'pointer',
21
+ shadow: {
22
+ '': '0px 2px 4px #dark.2',
23
+ dragged: 'inset 0 0 0 2px #purple-text, 0px 2px 4px #dark.2',
24
+ },
25
+ radius: '50%',
26
+ border: {
27
+ '': null,
28
+ focused: '3px solid #purple-04',
29
+ },
30
+ transition: 'theme',
31
+ },
32
+ });
33
+ export const StyledSlide = tasty({
34
+ styles: {
35
+ top: '1.875x',
36
+ position: 'absolute',
37
+ fill: {
38
+ '': '#dark-05',
39
+ // disabled: '#dark-04',
40
+ },
41
+ height: '2px',
42
+ width: '100%',
43
+ radius: true,
44
+ },
45
+ });
46
+ export const StyledSlideTrack = tasty({
47
+ styles: {
48
+ position: 'absolute',
49
+ '@start-range': {
50
+ '': '@thumb-0-value',
51
+ single: '0',
52
+ },
53
+ '@end-range': {
54
+ '': '(1 - @thumb-1-value)',
55
+ single: '(1 - @thumb-0-value)',
56
+ },
57
+ left: '(@start-range * 100%)',
58
+ right: '(@end-range * 100%)',
59
+ height: '2px',
60
+ fill: {
61
+ '': '#purple',
62
+ disabled: '#dark-04',
63
+ },
64
+ radius: true,
65
+ },
66
+ });
67
+ export const StyledGradation = tasty({
68
+ styles: {},
69
+ });
70
+ export const StyledGrade = tasty({
71
+ styles: {},
72
+ });
73
+ export const StyledControls = tasty({
74
+ styles: {
75
+ position: 'relative',
76
+ width: '100% - 2x',
77
+ height: '4x',
78
+ },
79
+ });
80
+ export const StyledSlider = tasty({
81
+ as: 'section',
82
+ styles: {
83
+ position: 'relative',
84
+ display: 'flex',
85
+ gap: {
86
+ '': '0',
87
+ inputs: '1x',
88
+ },
89
+ flexDirection: {
90
+ '': 'column',
91
+ inputs: 'row',
92
+ },
93
+ alignItems: 'center',
94
+ width: '100%',
95
+ padding: {
96
+ '': '0',
97
+ sideLabel: '0.75x top',
98
+ },
99
+ },
100
+ });
101
+ export const StyledContent = tasty({
102
+ styles: {
103
+ display: 'flex',
104
+ alignItems: 'center',
105
+ flexDirection: 'column',
106
+ width: '100%',
107
+ },
108
+ });
109
+
110
+
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -138,7 +138,7 @@ const InputElement = tasty({ qa: 'Input', styles: DEFAULT_INPUT_STYLES });
138
138
  function TextInputBase(props, ref) {
139
139
  props = useProviderProps(props);
140
140
  props = useFormProps(props);
141
- let { qa, label, extra, mods, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, icon, labelSuffix, ...otherProps } = props;
141
+ let { qa, label, extra, mods, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, icon, labelSuffix, maxLength, minLength, ...otherProps } = props;
142
142
  let styles = extractStyles(otherProps, STYLE_LIST);
143
143
  let type = otherProps.type;
144
144
  inputStyles = extractStyles(otherProps, INPUT_STYLE_PROPS_LIST, inputStyles);
@@ -204,7 +204,7 @@ function TextInputBase(props, ref) {
204
204
  ]);
205
205
  let textField = (_jsxs(InputWrapperElement, { ref: wrapperRef, qa: qa || 'TextInput', mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [_jsx(InputElement, { as: ElementType, ...mergeProps(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: {
206
206
  WebkitTextSecurity: multiLine && type === 'password' ? 'disc' : 'initial',
207
- }, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled }, void 0), prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }, void 0) : null, _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? (_jsxs("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, { "data-element": "InputIcon" }, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)] }, void 0));
207
+ }, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled, maxLength: maxLength, minLength: minLength }, void 0), prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }, void 0) : null, _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? (_jsxs("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, { "data-element": "InputIcon" }, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)] }, void 0));
208
208
  return (_jsx(FieldWrapper, { ...{
209
209
  labelPosition,
210
210
  label,
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.13.3
4
+ * @cube-dev/ui-kit v0.13.5
5
5
  * Released under the MIT license.
6
6
  */
7
7