@cube-dev/ui-kit 0.0.0-canary-c3b4e3e → 0.0.0-canary-28b0f78

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 (566) hide show
  1. package/CHANGELOG.md +10 -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 +140 -155
  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/actions/use-action.js +1 -1
  25. package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
  26. package/cjs/components/content/Alert/Alert.js +1 -1
  27. package/cjs/components/content/Alert/index.js +1 -1
  28. package/cjs/components/content/Alert/types.js +1 -1
  29. package/cjs/components/content/Alert/use-alert.js +1 -1
  30. package/cjs/components/content/Avatar/Avatar.js +1 -1
  31. package/cjs/components/content/Badge/Badge.js +1 -1
  32. package/cjs/components/content/Card/Card.js +1 -1
  33. package/cjs/components/content/Content.js +1 -1
  34. package/cjs/components/content/CopySnippet/CopySnippet.js +1 -1
  35. package/cjs/components/content/CopySnippet/index.js +1 -1
  36. package/cjs/components/content/Divider.js +1 -1
  37. package/cjs/components/content/Footer.js +1 -1
  38. package/cjs/components/content/Header.js +1 -1
  39. package/cjs/components/content/Paragraph.js +1 -1
  40. package/cjs/components/content/Placeholder/Placeholder.js +1 -1
  41. package/cjs/components/content/PrismCode/PrismCode.js +1 -1
  42. package/cjs/components/content/Result/Result.js +1 -1
  43. package/cjs/components/content/Skeleton/Skeleton.js +1 -1
  44. package/cjs/components/content/Tag/Tag.js +1 -1
  45. package/cjs/components/content/Text.js +1 -1
  46. package/cjs/components/content/Title.js +1 -1
  47. package/cjs/components/forms/Checkbox/Checkbox.js +1 -1
  48. package/cjs/components/forms/Checkbox/CheckboxGroup.js +1 -1
  49. package/cjs/components/forms/Checkbox/context.js +1 -1
  50. package/cjs/components/forms/FieldWrapper.js +1 -1
  51. package/cjs/components/forms/FileInput/FileInput.js +1 -1
  52. package/cjs/components/forms/Form/Field.js +1 -1
  53. package/cjs/components/forms/Form/Form.js +1 -1
  54. package/cjs/components/forms/Form/SubmitError.js +1 -1
  55. package/cjs/components/forms/Form/index.js +1 -1
  56. package/cjs/components/forms/Form/types.js +1 -1
  57. package/cjs/components/forms/Form/useForm.js +1 -1
  58. package/cjs/components/forms/Form/validation.js +1 -1
  59. package/cjs/components/forms/Input/Input.js +1 -1
  60. package/cjs/components/forms/Input/index.js +1 -1
  61. package/cjs/components/forms/Label.js +1 -1
  62. package/cjs/components/forms/NumberInput/NumberInput.js +1 -1
  63. package/cjs/components/forms/NumberInput/StepButton.js +1 -1
  64. package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
  65. package/cjs/components/forms/RadioGroup/Radio.js +1 -1
  66. package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
  67. package/cjs/components/forms/RadioGroup/context.js +1 -1
  68. package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
  69. package/cjs/components/forms/Slider/Gradation.js +1 -1
  70. package/cjs/components/forms/Slider/Header.js +1 -1
  71. package/cjs/components/forms/Slider/RangeSlider.js +1 -1
  72. package/cjs/components/forms/Slider/Slider.js +1 -1
  73. package/cjs/components/forms/Slider/SliderBase.js +1 -1
  74. package/cjs/components/forms/Slider/SliderInput.js +1 -1
  75. package/cjs/components/forms/Slider/SliderThumb.js +1 -1
  76. package/cjs/components/forms/Slider/SliderTrack.js +1 -1
  77. package/cjs/components/forms/Slider/elements.js +1 -1
  78. package/cjs/components/forms/Slider/index.js +1 -1
  79. package/cjs/components/forms/Slider/types.js +1 -1
  80. package/cjs/components/forms/Switch/Switch.js +1 -1
  81. package/cjs/components/forms/TextArea/TextArea.js +1 -1
  82. package/cjs/components/forms/TextInput/TextInput.js +1 -1
  83. package/cjs/components/forms/TextInput/TextInputBase.js +1 -1
  84. package/cjs/components/forms/index.js +1 -1
  85. package/cjs/components/layout/Flex.js +1 -1
  86. package/cjs/components/layout/Flow.js +1 -1
  87. package/cjs/components/layout/Grid.js +1 -1
  88. package/cjs/components/layout/Prefix.js +1 -1
  89. package/cjs/components/layout/Space.js +1 -1
  90. package/cjs/components/layout/Suffix.js +1 -1
  91. package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  92. package/cjs/components/navigation/Link/Link.js +1 -1
  93. package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
  94. package/cjs/components/organisms/Modal/Modal.js +1 -1
  95. package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
  96. package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
  97. package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
  98. package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
  99. package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  100. package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  101. package/cjs/components/overlays/AlertDialog/index.js +1 -1
  102. package/cjs/components/overlays/AlertDialog/types.js +1 -1
  103. package/cjs/components/overlays/Dialog/Dialog.js +1 -1
  104. package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
  105. package/cjs/components/overlays/Dialog/DialogForm.js +1 -1
  106. package/cjs/components/overlays/Dialog/DialogTrigger.js +1 -1
  107. package/cjs/components/overlays/Dialog/context.js +1 -1
  108. package/cjs/components/overlays/Dialog/index.js +1 -1
  109. package/cjs/components/overlays/Modal/Modal.js +1 -1
  110. package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
  111. package/cjs/components/overlays/Modal/Overlay.js +1 -1
  112. package/cjs/components/overlays/Modal/Popover.js +1 -1
  113. package/cjs/components/overlays/Modal/Tray.js +1 -1
  114. package/cjs/components/overlays/Modal/Underlay.js +1 -1
  115. package/cjs/components/overlays/Modal/index.js +1 -1
  116. package/cjs/components/overlays/Modal/types.js +1 -1
  117. package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  118. package/cjs/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
  119. package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  120. package/cjs/components/overlays/NewNotifications/Bar/index.js +1 -1
  121. package/cjs/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
  122. package/cjs/components/overlays/NewNotifications/Dialog/index.js +1 -1
  123. package/cjs/components/overlays/NewNotifications/Notification.js +1 -1
  124. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
  125. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  126. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  127. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
  128. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  129. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  130. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  131. package/cjs/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
  132. package/cjs/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  133. package/cjs/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  134. package/cjs/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  135. package/cjs/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  136. package/cjs/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
  137. package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
  138. package/cjs/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
  139. package/cjs/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  140. package/cjs/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  141. package/cjs/components/overlays/NewNotifications/hooks/index.js +1 -1
  142. package/cjs/components/overlays/NewNotifications/hooks/types.js +1 -1
  143. package/cjs/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  144. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  145. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  146. package/cjs/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  147. package/cjs/components/overlays/NewNotifications/index.js +1 -1
  148. package/cjs/components/overlays/NewNotifications/types.js +1 -1
  149. package/cjs/components/overlays/Notification/Notification.js +1 -1
  150. package/cjs/components/overlays/OverlayWrapper.js +1 -1
  151. package/cjs/components/overlays/Toasts/Toast.js +1 -1
  152. package/cjs/components/overlays/Toasts/index.js +1 -1
  153. package/cjs/components/overlays/Toasts/types.js +1 -1
  154. package/cjs/components/overlays/Toasts/use-toasts-api.js +1 -1
  155. package/cjs/components/overlays/Tooltip/Tooltip.js +1 -1
  156. package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
  157. package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  158. package/cjs/components/overlays/Tooltip/context.js +1 -1
  159. package/cjs/components/pickers/ComboBox/ComboBox.js +1 -1
  160. package/cjs/components/pickers/Menu/Menu.js +1 -1
  161. package/cjs/components/pickers/Menu/MenuButton.js +1 -1
  162. package/cjs/components/pickers/Menu/MenuItem.js +1 -1
  163. package/cjs/components/pickers/Menu/MenuSection.js +1 -1
  164. package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
  165. package/cjs/components/pickers/Menu/context.js +1 -1
  166. package/cjs/components/pickers/Menu/styled.js +1 -1
  167. package/cjs/components/pickers/Select/Select.js +2 -2
  168. package/cjs/components/portal/Portal.js +1 -1
  169. package/cjs/components/portal/PortalProvider.js +1 -1
  170. package/cjs/components/portal/index.js +1 -1
  171. package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
  172. package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
  173. package/cjs/components/portal/storybook/templates/basic.js +1 -1
  174. package/cjs/components/portal/storybook/templates/index.js +1 -1
  175. package/cjs/components/portal/types.js +1 -1
  176. package/cjs/components/portal/usePortal.js +1 -1
  177. package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  178. package/cjs/components/status/LoadingAnimation/index.js +1 -1
  179. package/cjs/components/status/Spin/Cube.js +1 -1
  180. package/cjs/components/status/Spin/InternalSpinner.js +1 -1
  181. package/cjs/components/status/Spin/Spin.js +1 -1
  182. package/cjs/components/status/Spin/SpinsContainer.js +1 -1
  183. package/cjs/components/status/Spin/index.js +1 -1
  184. package/cjs/components/status/Spin/types.js +1 -1
  185. package/cjs/components/status/index.js +1 -1
  186. package/cjs/data/themes.js +1 -1
  187. package/cjs/icons/Attention.js +1 -1
  188. package/cjs/icons/Cross.js +1 -1
  189. package/cjs/icons/Danger.js +1 -1
  190. package/cjs/icons/Success.js +1 -1
  191. package/cjs/icons/index.js +1 -1
  192. package/cjs/index.js +1 -1
  193. package/cjs/provider.js +1 -1
  194. package/cjs/providers/StyleProvider.js +1 -1
  195. package/cjs/services/notification.js +1 -1
  196. package/cjs/shared/form.js +1 -1
  197. package/cjs/shared/index.js +1 -1
  198. package/cjs/stories/FormFieldArgs.js +1 -1
  199. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  200. package/cjs/stories/components/DialogFormApp.js +1 -1
  201. package/cjs/stories/components/StyledButton.js +1 -1
  202. package/cjs/stories/lists/baseProps.js +1 -1
  203. package/cjs/styled/index.js +1 -1
  204. package/cjs/styled/styled.js +1 -1
  205. package/cjs/tasty/index.js +2 -2
  206. package/cjs/tasty/providers/BreakpointsProvider.js +1 -1
  207. package/cjs/tasty/styles/align.js +1 -1
  208. package/cjs/tasty/styles/border.js +1 -1
  209. package/cjs/tasty/styles/boxShadow.combinator.js +1 -1
  210. package/cjs/tasty/styles/color.js +1 -1
  211. package/cjs/tasty/styles/createStyle.js +1 -1
  212. package/cjs/tasty/styles/dimension.js +1 -1
  213. package/cjs/tasty/styles/display.js +1 -1
  214. package/cjs/tasty/styles/fill.js +1 -1
  215. package/cjs/tasty/styles/flow.js +1 -1
  216. package/cjs/tasty/styles/font.js +1 -1
  217. package/cjs/tasty/styles/fontStyle.js +1 -1
  218. package/cjs/tasty/styles/gap.js +1 -1
  219. package/cjs/tasty/styles/groupRadius.js +1 -1
  220. package/cjs/tasty/styles/height.js +1 -1
  221. package/cjs/tasty/styles/index.js +1 -1
  222. package/cjs/tasty/styles/justify.js +1 -1
  223. package/cjs/tasty/styles/list.js +1 -1
  224. package/cjs/tasty/styles/margin.js +1 -1
  225. package/cjs/tasty/styles/marginBlock.js +1 -1
  226. package/cjs/tasty/styles/marginInline.js +1 -1
  227. package/cjs/tasty/styles/outline.js +1 -1
  228. package/cjs/tasty/styles/padding.js +1 -1
  229. package/cjs/tasty/styles/paddingBlock.js +1 -1
  230. package/cjs/tasty/styles/paddingInline.js +1 -1
  231. package/cjs/tasty/styles/predefined.js +1 -1
  232. package/cjs/tasty/styles/preset.js +1 -1
  233. package/cjs/tasty/styles/radius.js +1 -1
  234. package/cjs/tasty/styles/reset.js +1 -1
  235. package/cjs/tasty/styles/shadow.js +1 -1
  236. package/cjs/tasty/styles/styledScrollbar.js +1 -1
  237. package/cjs/tasty/styles/transition.js +1 -1
  238. package/cjs/tasty/styles/types.js +1 -1
  239. package/cjs/tasty/styles/width.js +1 -1
  240. package/cjs/tasty/tasty.js +87 -52
  241. package/cjs/tasty/types.js +1 -1
  242. package/cjs/tasty/utils/cache-wrapper.js +35 -0
  243. package/cjs/tasty/utils/case-converter.js +16 -0
  244. package/cjs/tasty/utils/colors.js +1 -1
  245. package/cjs/tasty/utils/dotize.js +1 -1
  246. package/cjs/tasty/utils/filterBaseProps.js +1 -1
  247. package/cjs/tasty/utils/{get-display-name.js → getDisplayName.js} +1 -1
  248. package/cjs/tasty/utils/index.js +1 -1
  249. package/cjs/tasty/utils/mergeStyles.js +1 -1
  250. package/cjs/tasty/utils/modAttrs.js +6 -3
  251. package/cjs/tasty/utils/renderStyles.js +4 -4
  252. package/cjs/tasty/utils/responsive.js +1 -1
  253. package/cjs/tasty/utils/string.js +1 -1
  254. package/cjs/tasty/utils/styles.js +22 -31
  255. package/cjs/tasty/utils/warnings.js +1 -1
  256. package/cjs/tokens.js +1 -1
  257. package/cjs/type-checks.js +1 -1
  258. package/cjs/utils/ResizeSensor.js +1 -1
  259. package/cjs/utils/modules.js +1 -1
  260. package/cjs/utils/promise.js +1 -1
  261. package/cjs/utils/random.js +1 -1
  262. package/cjs/utils/range.js +1 -1
  263. package/cjs/utils/react/Slots.js +1 -1
  264. package/cjs/utils/react/chain.js +1 -1
  265. package/cjs/utils/react/index.js +1 -1
  266. package/cjs/utils/react/interactions.js +1 -1
  267. package/cjs/utils/react/isTextOnly.js +1 -1
  268. package/cjs/utils/react/mapProps.js +1 -1
  269. package/cjs/utils/react/mergeProps.js +1 -1
  270. package/cjs/utils/react/nullableValue.js +1 -1
  271. package/cjs/utils/react/useCombinedRefs.js +1 -1
  272. package/cjs/utils/react/useId.js +1 -1
  273. package/cjs/utils/react/useLayoutEffect.js +1 -1
  274. package/cjs/utils/react/useViewportSize.js +1 -1
  275. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  276. package/cjs/utils/transitions.js +1 -1
  277. package/cjs/utils/tree.js +1 -1
  278. package/cjs/utils/warnings.js +1 -1
  279. package/es/_internal/hooks/index.js +1 -1
  280. package/es/_internal/hooks/use-chained-callback.js +1 -1
  281. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  282. package/es/_internal/hooks/use-event.js +1 -1
  283. package/es/_internal/hooks/use-sync-ref.js +1 -1
  284. package/es/_internal/hooks/use-timer/index.js +1 -1
  285. package/es/_internal/hooks/use-timer/timer.js +1 -1
  286. package/es/_internal/hooks/use-timer/use-timer.js +1 -1
  287. package/es/_internal/index.js +1 -1
  288. package/es/components/Base.js +1 -1
  289. package/es/components/Block.js +1 -1
  290. package/es/components/GlobalStyles.js +1 -1
  291. package/es/components/GridProvider.js +1 -1
  292. package/es/components/HiddenInput.js +1 -1
  293. package/es/components/OpenTrasition.js +1 -1
  294. package/es/components/Root.js +1 -1
  295. package/es/components/actions/Action.js +1 -1
  296. package/es/components/actions/Button/Button.js +140 -155
  297. package/es/components/actions/Button/Submit.js +1 -1
  298. package/es/components/actions/Button/index.js +1 -1
  299. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  300. package/es/components/actions/index.js +1 -1
  301. package/es/components/actions/use-action.js +1 -1
  302. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  303. package/es/components/content/Alert/Alert.js +1 -1
  304. package/es/components/content/Alert/index.js +1 -1
  305. package/es/components/content/Alert/types.js +1 -1
  306. package/es/components/content/Alert/use-alert.js +1 -1
  307. package/es/components/content/Avatar/Avatar.js +1 -1
  308. package/es/components/content/Badge/Badge.js +1 -1
  309. package/es/components/content/Card/Card.js +1 -1
  310. package/es/components/content/Content.js +1 -1
  311. package/es/components/content/CopySnippet/CopySnippet.js +1 -1
  312. package/es/components/content/CopySnippet/index.js +1 -1
  313. package/es/components/content/Divider.js +1 -1
  314. package/es/components/content/Footer.js +1 -1
  315. package/es/components/content/Header.js +1 -1
  316. package/es/components/content/Paragraph.js +1 -1
  317. package/es/components/content/Placeholder/Placeholder.js +1 -1
  318. package/es/components/content/PrismCode/PrismCode.js +1 -1
  319. package/es/components/content/Result/Result.js +1 -1
  320. package/es/components/content/Skeleton/Skeleton.js +1 -1
  321. package/es/components/content/Tag/Tag.js +1 -1
  322. package/es/components/content/Text.js +1 -1
  323. package/es/components/content/Title.js +1 -1
  324. package/es/components/forms/Checkbox/Checkbox.js +1 -1
  325. package/es/components/forms/Checkbox/CheckboxGroup.js +1 -1
  326. package/es/components/forms/Checkbox/context.js +1 -1
  327. package/es/components/forms/FieldWrapper.js +1 -1
  328. package/es/components/forms/FileInput/FileInput.js +1 -1
  329. package/es/components/forms/Form/Field.js +1 -1
  330. package/es/components/forms/Form/Form.js +1 -1
  331. package/es/components/forms/Form/SubmitError.js +1 -1
  332. package/es/components/forms/Form/index.js +1 -1
  333. package/es/components/forms/Form/types.js +1 -1
  334. package/es/components/forms/Form/useForm.js +1 -1
  335. package/es/components/forms/Form/validation.js +1 -1
  336. package/es/components/forms/Input/Input.js +1 -1
  337. package/es/components/forms/Input/index.js +1 -1
  338. package/es/components/forms/Label.js +1 -1
  339. package/es/components/forms/NumberInput/NumberInput.js +1 -1
  340. package/es/components/forms/NumberInput/StepButton.js +1 -1
  341. package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
  342. package/es/components/forms/RadioGroup/Radio.js +1 -1
  343. package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
  344. package/es/components/forms/RadioGroup/context.js +1 -1
  345. package/es/components/forms/SearchInput/SearchInput.js +1 -1
  346. package/es/components/forms/Slider/Gradation.js +1 -1
  347. package/es/components/forms/Slider/Header.js +1 -1
  348. package/es/components/forms/Slider/RangeSlider.js +1 -1
  349. package/es/components/forms/Slider/Slider.js +1 -1
  350. package/es/components/forms/Slider/SliderBase.js +1 -1
  351. package/es/components/forms/Slider/SliderInput.js +1 -1
  352. package/es/components/forms/Slider/SliderThumb.js +1 -1
  353. package/es/components/forms/Slider/SliderTrack.js +1 -1
  354. package/es/components/forms/Slider/elements.js +1 -1
  355. package/es/components/forms/Slider/index.js +1 -1
  356. package/es/components/forms/Slider/types.js +1 -1
  357. package/es/components/forms/Switch/Switch.js +1 -1
  358. package/es/components/forms/TextArea/TextArea.js +1 -1
  359. package/es/components/forms/TextInput/TextInput.js +1 -1
  360. package/es/components/forms/TextInput/TextInputBase.js +1 -1
  361. package/es/components/forms/index.js +1 -1
  362. package/es/components/layout/Flex.js +1 -1
  363. package/es/components/layout/Flow.js +1 -1
  364. package/es/components/layout/Grid.js +1 -1
  365. package/es/components/layout/Prefix.js +1 -1
  366. package/es/components/layout/Space.js +1 -1
  367. package/es/components/layout/Suffix.js +1 -1
  368. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  369. package/es/components/navigation/Link/Link.js +1 -1
  370. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  371. package/es/components/organisms/Modal/Modal.js +1 -1
  372. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  373. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  374. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  375. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  376. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  377. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  378. package/es/components/overlays/AlertDialog/index.js +1 -1
  379. package/es/components/overlays/AlertDialog/types.js +1 -1
  380. package/es/components/overlays/Dialog/Dialog.js +1 -1
  381. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  382. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  383. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  384. package/es/components/overlays/Dialog/context.js +1 -1
  385. package/es/components/overlays/Dialog/index.js +1 -1
  386. package/es/components/overlays/Modal/Modal.js +1 -1
  387. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  388. package/es/components/overlays/Modal/Overlay.js +1 -1
  389. package/es/components/overlays/Modal/Popover.js +1 -1
  390. package/es/components/overlays/Modal/Tray.js +1 -1
  391. package/es/components/overlays/Modal/Underlay.js +1 -1
  392. package/es/components/overlays/Modal/index.js +1 -1
  393. package/es/components/overlays/Modal/types.js +1 -1
  394. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  395. package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
  396. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  397. package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
  398. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
  399. package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
  400. package/es/components/overlays/NewNotifications/Notification.js +1 -1
  401. package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
  402. package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  403. package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  404. package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
  405. package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  406. package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  407. package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  408. package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
  409. package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  410. package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  411. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  412. package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  413. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
  414. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
  415. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
  416. package/es/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  417. package/es/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  418. package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
  419. package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
  420. package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  421. package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  422. package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  423. package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  424. package/es/components/overlays/NewNotifications/index.js +1 -1
  425. package/es/components/overlays/NewNotifications/types.js +1 -1
  426. package/es/components/overlays/Notification/Notification.js +1 -1
  427. package/es/components/overlays/OverlayWrapper.js +1 -1
  428. package/es/components/overlays/Toasts/Toast.js +1 -1
  429. package/es/components/overlays/Toasts/index.js +1 -1
  430. package/es/components/overlays/Toasts/types.js +1 -1
  431. package/es/components/overlays/Toasts/use-toasts-api.js +1 -1
  432. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  433. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  434. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  435. package/es/components/overlays/Tooltip/context.js +1 -1
  436. package/es/components/pickers/ComboBox/ComboBox.js +1 -1
  437. package/es/components/pickers/Menu/Menu.js +1 -1
  438. package/es/components/pickers/Menu/MenuButton.js +1 -1
  439. package/es/components/pickers/Menu/MenuItem.js +1 -1
  440. package/es/components/pickers/Menu/MenuSection.js +1 -1
  441. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  442. package/es/components/pickers/Menu/context.js +1 -1
  443. package/es/components/pickers/Menu/styled.js +1 -1
  444. package/es/components/pickers/Select/Select.js +2 -2
  445. package/es/components/portal/Portal.js +1 -1
  446. package/es/components/portal/PortalProvider.js +1 -1
  447. package/es/components/portal/index.js +1 -1
  448. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  449. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  450. package/es/components/portal/storybook/templates/basic.js +1 -1
  451. package/es/components/portal/storybook/templates/index.js +1 -1
  452. package/es/components/portal/types.js +1 -1
  453. package/es/components/portal/usePortal.js +1 -1
  454. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  455. package/es/components/status/LoadingAnimation/index.js +1 -1
  456. package/es/components/status/Spin/Cube.js +1 -1
  457. package/es/components/status/Spin/InternalSpinner.js +1 -1
  458. package/es/components/status/Spin/Spin.js +1 -1
  459. package/es/components/status/Spin/SpinsContainer.js +1 -1
  460. package/es/components/status/Spin/index.js +1 -1
  461. package/es/components/status/Spin/types.js +1 -1
  462. package/es/components/status/index.js +1 -1
  463. package/es/data/themes.js +1 -1
  464. package/es/icons/Attention.js +1 -1
  465. package/es/icons/Cross.js +1 -1
  466. package/es/icons/Danger.js +1 -1
  467. package/es/icons/Success.js +1 -1
  468. package/es/icons/index.js +1 -1
  469. package/es/index.js +1 -1
  470. package/es/provider.js +1 -1
  471. package/es/providers/StyleProvider.js +1 -1
  472. package/es/services/notification.js +1 -1
  473. package/es/shared/form.js +1 -1
  474. package/es/shared/index.js +1 -1
  475. package/es/stories/FormFieldArgs.js +1 -1
  476. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  477. package/es/stories/components/DialogFormApp.js +1 -1
  478. package/es/stories/components/StyledButton.js +1 -1
  479. package/es/stories/lists/baseProps.js +1 -1
  480. package/es/styled/index.js +1 -1
  481. package/es/styled/styled.js +1 -1
  482. package/es/tasty/index.js +2 -2
  483. package/es/tasty/providers/BreakpointsProvider.js +1 -1
  484. package/es/tasty/styles/align.js +1 -1
  485. package/es/tasty/styles/border.js +1 -1
  486. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  487. package/es/tasty/styles/color.js +1 -1
  488. package/es/tasty/styles/createStyle.js +1 -1
  489. package/es/tasty/styles/dimension.js +1 -1
  490. package/es/tasty/styles/display.js +1 -1
  491. package/es/tasty/styles/fill.js +1 -1
  492. package/es/tasty/styles/flow.js +1 -1
  493. package/es/tasty/styles/font.js +1 -1
  494. package/es/tasty/styles/fontStyle.js +1 -1
  495. package/es/tasty/styles/gap.js +1 -1
  496. package/es/tasty/styles/groupRadius.js +1 -1
  497. package/es/tasty/styles/height.js +1 -1
  498. package/es/tasty/styles/index.js +1 -1
  499. package/es/tasty/styles/justify.js +1 -1
  500. package/es/tasty/styles/list.js +1 -1
  501. package/es/tasty/styles/margin.js +1 -1
  502. package/es/tasty/styles/marginBlock.js +1 -1
  503. package/es/tasty/styles/marginInline.js +1 -1
  504. package/es/tasty/styles/outline.js +1 -1
  505. package/es/tasty/styles/padding.js +1 -1
  506. package/es/tasty/styles/paddingBlock.js +1 -1
  507. package/es/tasty/styles/paddingInline.js +1 -1
  508. package/es/tasty/styles/predefined.js +1 -1
  509. package/es/tasty/styles/preset.js +1 -1
  510. package/es/tasty/styles/radius.js +1 -1
  511. package/es/tasty/styles/reset.js +1 -1
  512. package/es/tasty/styles/shadow.js +1 -1
  513. package/es/tasty/styles/styledScrollbar.js +1 -1
  514. package/es/tasty/styles/transition.js +1 -1
  515. package/es/tasty/styles/types.js +1 -1
  516. package/es/tasty/styles/width.js +1 -1
  517. package/es/tasty/tasty.js +86 -51
  518. package/es/tasty/types.js +1 -1
  519. package/es/tasty/utils/cache-wrapper.js +31 -0
  520. package/es/tasty/utils/case-converter.js +12 -0
  521. package/es/tasty/utils/colors.js +1 -1
  522. package/es/tasty/utils/dotize.js +1 -1
  523. package/es/tasty/utils/filterBaseProps.js +1 -1
  524. package/es/tasty/utils/{get-display-name.js → getDisplayName.js} +1 -1
  525. package/es/tasty/utils/index.js +1 -1
  526. package/es/tasty/utils/mergeStyles.js +1 -1
  527. package/es/tasty/utils/modAttrs.js +7 -3
  528. package/es/tasty/utils/renderStyles.js +4 -4
  529. package/es/tasty/utils/responsive.js +1 -1
  530. package/es/tasty/utils/string.js +1 -1
  531. package/es/tasty/utils/styles.js +18 -26
  532. package/es/tasty/utils/warnings.js +1 -1
  533. package/es/tokens.js +1 -1
  534. package/es/type-checks.js +1 -1
  535. package/es/utils/ResizeSensor.js +1 -1
  536. package/es/utils/modules.js +1 -1
  537. package/es/utils/promise.js +1 -1
  538. package/es/utils/random.js +1 -1
  539. package/es/utils/range.js +1 -1
  540. package/es/utils/react/Slots.js +1 -1
  541. package/es/utils/react/chain.js +1 -1
  542. package/es/utils/react/index.js +1 -1
  543. package/es/utils/react/interactions.js +1 -1
  544. package/es/utils/react/isTextOnly.js +1 -1
  545. package/es/utils/react/mapProps.js +1 -1
  546. package/es/utils/react/mergeProps.js +1 -1
  547. package/es/utils/react/nullableValue.js +1 -1
  548. package/es/utils/react/useCombinedRefs.js +1 -1
  549. package/es/utils/react/useId.js +1 -1
  550. package/es/utils/react/useLayoutEffect.js +1 -1
  551. package/es/utils/react/useViewportSize.js +1 -1
  552. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  553. package/es/utils/transitions.js +1 -1
  554. package/es/utils/tree.js +1 -1
  555. package/es/utils/warnings.js +1 -1
  556. package/package.json +1 -1
  557. package/types/components/forms/Slider/elements.d.ts +7 -6
  558. package/types/components/pickers/Menu/styled.d.ts +4 -4
  559. package/types/tasty/index.d.ts +1 -1
  560. package/types/tasty/tasty.d.ts +14 -10
  561. package/types/tasty/utils/cache-wrapper.d.ts +4 -0
  562. package/types/tasty/utils/case-converter.d.ts +1 -0
  563. package/types/tasty/utils/modAttrs.d.ts +3 -1
  564. package/types/tasty/utils/renderStyles.d.ts +1 -1
  565. package/types/tasty/utils/styles.d.ts +0 -4
  566. /package/types/tasty/utils/{get-display-name.d.ts → getDisplayName.d.ts} +0 -0
package/es/tasty/tasty.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -14,9 +14,9 @@ import { modAttrs } from './utils/modAttrs';
14
14
  import { renderStyles } from './utils/renderStyles';
15
15
  import { pointsToZones } from './utils/responsive';
16
16
  import { BASE_STYLES } from './styles/list';
17
- import { cacheWrapper } from './utils/styles';
17
+ import { cacheWrapper } from './utils/cache-wrapper';
18
18
  import { mergeStyles } from './utils/mergeStyles';
19
- import { getDisplayName } from './utils/get-display-name';
19
+ import { getDisplayName } from './utils/getDisplayName';
20
20
  // Implementation
21
21
  function tasty(Component, options) {
22
22
  if (typeof Component === 'string') {
@@ -56,57 +56,92 @@ function tasty(Component, options) {
56
56
  _WrappedComponent.displayName = `TastyWrappedComponent(${getDisplayName(Component, defaultProps.qa ?? extendTag ?? 'Anonymous')})`;
57
57
  return _WrappedComponent;
58
58
  }
59
- options = Component;
60
- let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, ...defaultProps } = options;
61
- let Element = styledComponents[originalAs](({ css }) => css);
62
- /**
63
- * An additional optimization that allows to avoid rendering styles across various instances
64
- * of the same element if no custom styles are provided via `styles` prop or direct style props.
65
- */
66
- const renderDefaultStyles = cacheWrapper((breakpoints) => {
67
- return renderStyles(defaultStyles, pointsToZones(breakpoints));
68
- });
69
- let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
70
- let _TastyComponent = forwardRef((allProps, ref) => {
71
- let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
72
- let propStyles = (styleProps
73
- ? styleProps.concat(BASE_STYLES)
74
- : BASE_STYLES).reduce((map, prop) => {
75
- if (prop in otherProps) {
76
- map[prop] = otherProps[prop];
77
- delete otherProps[prop];
78
- }
59
+ const tastyOptions = Component;
60
+ let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, variants, ...defaultProps } = tastyOptions;
61
+ let _TastyComponent;
62
+ if (variants) {
63
+ /**
64
+ * Create a tasty component for each variant.
65
+ * Then return a component that receives a `variant` and chooses the right component.
66
+ */
67
+ const variantComponents = Object.keys(variants).reduce((map, variant) => {
68
+ const variantStyles = variants?.[variant];
69
+ map[variant] = tasty({
70
+ as: originalAs,
71
+ styles: mergeStyles(defaultStyles, variantStyles),
72
+ styleProps,
73
+ ...defaultProps,
74
+ });
79
75
  return map;
80
76
  }, {});
81
- if (Object.keys(propStyles).length === 0) {
82
- propStyles = null;
83
- }
84
- if (!styles || (styles && Object.keys(styles).length === 0)) {
85
- styles = undefined;
77
+ if (!variantComponents['default']) {
78
+ variantComponents['default'] = tasty({
79
+ as: originalAs,
80
+ styles: defaultStyles,
81
+ styleProps,
82
+ ...defaultProps,
83
+ });
86
84
  }
87
- const propStylesCacheKey = JSON.stringify(propStyles);
88
- const stylesCacheKey = useMemo(() => {
89
- return JSON.stringify(styles);
90
- }, [styles]);
91
- const useDefaultStyles = !propStyles && !styles;
92
- const styleCacheKey = useMemo(() => {
93
- return `${styles ? JSON.stringify(styles) : ''}.${propStyles ? JSON.stringify(propStyles) : ''}`;
94
- }, [propStylesCacheKey, stylesCacheKey]);
95
- let allStyles = useMemo(() => useDefaultStyles
96
- ? defaultStyles
97
- : mergeStyles(defaultStyles, styles, propStyles), [styleCacheKey]);
98
- let contextBreakpoints = useContext(BreakpointsContext);
99
- breakpoints = breakpoints ?? contextBreakpoints;
100
- let renderedStyles = useMemo(() => {
101
- return useDefaultStyles
102
- ? renderDefaultStyles(breakpoints)
103
- : renderStyles(allStyles, pointsToZones(breakpoints));
104
- }, [allStyles, breakpoints]);
105
- if (mods) {
106
- Object.assign(otherProps, modAttrs(mods));
107
- }
108
- return (_jsx(Element, { as: as ?? originalAs, "data-element": element || defaultElement, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }));
109
- });
85
+ // eslint-disable-next-line react/display-name
86
+ _TastyComponent = forwardRef((allProps, ref) => {
87
+ const { variant, ...restProps } = allProps;
88
+ const Component = (variantComponents[variant] ||
89
+ variantComponents['default']);
90
+ return _jsx(Component, { ...restProps, ref: ref });
91
+ });
92
+ }
93
+ else {
94
+ let Element = styledComponents[originalAs](({ css }) => css);
95
+ /**
96
+ * An additional optimization that allows to avoid rendering styles across various instances
97
+ * of the same element if no custom styles are provided via `styles` prop or direct style props.
98
+ */
99
+ const renderDefaultStyles = cacheWrapper((breakpoints) => {
100
+ return renderStyles(defaultStyles || {}, pointsToZones(breakpoints));
101
+ });
102
+ let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
103
+ // eslint-disable-next-line react/display-name
104
+ _TastyComponent = forwardRef((allProps, ref) => {
105
+ let { as, styles, variant, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
106
+ let propStyles = (styleProps
107
+ ? styleProps.concat(BASE_STYLES)
108
+ : BASE_STYLES).reduce((map, prop) => {
109
+ if (prop in otherProps) {
110
+ map[prop] = otherProps[prop];
111
+ delete otherProps[prop];
112
+ }
113
+ return map;
114
+ }, {});
115
+ if (Object.keys(propStyles).length === 0) {
116
+ propStyles = null;
117
+ }
118
+ if (!styles || (styles && Object.keys(styles).length === 0)) {
119
+ styles = undefined;
120
+ }
121
+ const propStylesCacheKey = JSON.stringify(propStyles);
122
+ const stylesCacheKey = useMemo(() => {
123
+ return JSON.stringify(styles);
124
+ }, [styles]);
125
+ const useDefaultStyles = !propStyles && !styles;
126
+ const styleCacheKey = useMemo(() => {
127
+ return `${styles ? JSON.stringify(styles) : ''}.${propStyles ? JSON.stringify(propStyles) : ''}`;
128
+ }, [propStylesCacheKey, stylesCacheKey]);
129
+ let allStyles = useMemo(() => useDefaultStyles
130
+ ? defaultStyles
131
+ : mergeStyles(defaultStyles, styles, propStyles), [styleCacheKey]);
132
+ let contextBreakpoints = useContext(BreakpointsContext);
133
+ breakpoints = breakpoints ?? contextBreakpoints;
134
+ let renderedStyles = useMemo(() => {
135
+ return useDefaultStyles
136
+ ? renderDefaultStyles(breakpoints)
137
+ : renderStyles(allStyles, pointsToZones(breakpoints));
138
+ }, [allStyles, breakpoints]);
139
+ if (mods) {
140
+ Object.assign(otherProps, modAttrs(mods));
141
+ }
142
+ return (_jsx(Element, { as: as ?? originalAs, "data-element": element || defaultElement, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }));
143
+ });
144
+ }
110
145
  _TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
111
146
  return _TastyComponent;
112
147
  }
package/es/tasty/types.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -0,0 +1,31 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ /**
9
+ * Create a function that caches the result up to the limit.
10
+ */
11
+ export function cacheWrapper(handler, limit = 1000) {
12
+ let cache = {};
13
+ let count = 0;
14
+ return ((firstArg, secondArg) => {
15
+ const key = typeof firstArg === 'string' && secondArg == null
16
+ ? firstArg
17
+ : JSON.stringify([firstArg, secondArg]);
18
+ if (!cache[key]) {
19
+ if (count > limit) {
20
+ cache = {};
21
+ count = 0;
22
+ }
23
+ count++;
24
+ cache[key] =
25
+ secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
26
+ }
27
+ return cache[key];
28
+ });
29
+ }
30
+
31
+
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ export function camelToKebab(str) {
9
+ return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
10
+ }
11
+
12
+
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,19 +1,23 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
8
- export function modAttrs(map) {
8
+ import { camelToKebab } from './case-converter';
9
+ import { cacheWrapper } from './cache-wrapper';
10
+ function modAttrs(map) {
9
11
  return map
10
12
  ? Object.keys(map).reduce((attrs, key) => {
11
13
  if (map[key]) {
12
- attrs[`data-is-${key}`] = '';
14
+ attrs[`data-is-${camelToKebab(key)}`] = '';
13
15
  }
14
16
  return attrs;
15
17
  }, {})
16
18
  : null;
17
19
  }
20
+ const _modAttrs = cacheWrapper(modAttrs);
21
+ export { _modAttrs as modAttrs };
18
22
 
19
23
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -35,7 +35,7 @@ const CACHE_LIMIT = 1000;
35
35
  * @param {string} [suffix]
36
36
  * @return {string}
37
37
  */
38
- export function renderStyles(styles, responsive, suffix) {
38
+ export function renderStyles(styles, responsive = [], suffix) {
39
39
  const zones = responsive;
40
40
  const responsiveStyles = Array.from(Array(zones.length)).map(() => '');
41
41
  const cacheKey = JSON.stringify({ s: styles, r: responsive, suffix });
@@ -54,7 +54,7 @@ export function renderStyles(styles, responsive, suffix) {
54
54
  if (selectorKeys.length) {
55
55
  selectorKeys.forEach((key) => {
56
56
  const addSuffix = getSelector(key);
57
- innerStyles += renderStyles(styles[key], responsive, addSuffix);
57
+ innerStyles += renderStyles(styles?.[key], responsive, addSuffix);
58
58
  });
59
59
  }
60
60
  keys.forEach((styleName) => {
@@ -70,7 +70,7 @@ export function renderStyles(styles, responsive, suffix) {
70
70
  let isResponsive = false;
71
71
  const lookupStyles = STYLE.__lookupStyles;
72
72
  const filteredStyleMap = lookupStyles.reduce((map, name) => {
73
- map[name] = styles[name];
73
+ map[name] = styles?.[name];
74
74
  if (Array.isArray(map[name])) {
75
75
  if (map[name].length === 0) {
76
76
  delete map[name];
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,10 +1,12 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
8
+ import { camelToKebab } from './case-converter';
9
+ import { cacheWrapper } from './cache-wrapper';
8
10
  import { getModCombinations } from './index';
9
11
  const devMode = process.env.NODE_ENV !== 'production';
10
12
  const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports === 'function'
@@ -59,8 +61,12 @@ export function createRule(prop, value, selector) {
59
61
  }
60
62
  return `${prop}: ${value};\n`;
61
63
  }
64
+ const MOD_NAME_CACHE = new Map();
62
65
  function getModSelector(modName) {
63
- return modName.match(/^[a-z]/) ? `[data-is-${modName}]` : modName;
66
+ if (!MOD_NAME_CACHE.has(modName)) {
67
+ MOD_NAME_CACHE.set(modName, modName.match(/^[a-z]/) ? `[data-is-${camelToKebab(modName)}]` : modName);
68
+ }
69
+ return MOD_NAME_CACHE.get(modName);
64
70
  }
65
71
  /**
66
72
  *
@@ -520,7 +526,15 @@ export function applyStates(selector, states, suffix = '') {
520
526
  if (!state.value)
521
527
  return css;
522
528
  const modifiers = `${(state.mods || []).map(getModSelector).join('')}${(state.notMods || [])
523
- .map((mod) => `:not(${getModSelector(mod)})`)
529
+ .map((mod) => {
530
+ let selector = getModSelector(mod);
531
+ if (selector.startsWith(':not(')) {
532
+ return selector.slice(5, -1);
533
+ }
534
+ else {
535
+ return `:not(${selector})`;
536
+ }
537
+ })
524
538
  .join('')}`;
525
539
  // TODO: replace `replace()` a REAL hotfix
526
540
  return `${css}${selector}${modifiers}${suffix}{\n${state.value.replace(/^&&/, '&')}}\n`;
@@ -611,7 +625,7 @@ export function styleMapToStyleMapStateList(styleMap, filterKeys) {
611
625
  });
612
626
  return styleStateList;
613
627
  }
614
- const STATES_REGEXP = /([&|!^])|([()])|([a-z0-6-]+)|(:[a-z0-6-]+)|(\.[a-z0-6-]+)|(\[[^\]]+])/gi;
628
+ const STATES_REGEXP = /([&|!^])|([()])|([a-z][a-z0-9-]+)|(:[a-z][a-z0-9-]+\([:a-z0-9-]+\)|:[a-z][a-z0-9-]+)|(\.[a-z][a-z0-9-]+)|(\[[^\]]+])/gi;
615
629
  export const STATE_OPERATORS = {
616
630
  NOT: '!',
617
631
  AND: '&',
@@ -811,27 +825,5 @@ export function computeState(computeModel, valueMap) {
811
825
  }
812
826
  return !!func(a, b);
813
827
  }
814
- /**
815
- * Create a function that caches the result up to the limit.
816
- */
817
- export function cacheWrapper(handler, limit = 1000) {
818
- let cache = {};
819
- let count = 0;
820
- return ((firstArg, secondArg) => {
821
- const key = typeof firstArg === 'string' && secondArg == null
822
- ? firstArg
823
- : JSON.stringify([firstArg, secondArg]);
824
- if (!cache[key]) {
825
- if (count > limit) {
826
- cache = {};
827
- count = 0;
828
- }
829
- count++;
830
- cache[key] =
831
- secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
832
- }
833
- return cache[key];
834
- });
835
- }
836
828
 
837
829
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/tokens.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/type-checks.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/utils/range.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
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.0.0-canary-c3b4e3e
4
+ * @cube-dev/ui-kit v0.0.0-canary-28b0f78
5
5
  * Released under the MIT license.
6
6
  */
7
7