@cube-dev/ui-kit 0.0.0-canary-1d2813f → 0.0.0-canary-cb18f36

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 (513) hide show
  1. package/cjs/components/Base.js +4 -4
  2. package/cjs/components/Block.js +13 -11
  3. package/cjs/components/GlobalStyles.js +1 -1
  4. package/cjs/components/GridProvider.js +5 -5
  5. package/cjs/components/HiddenInput.js +1 -1
  6. package/cjs/components/OpenTrasition.js +1 -1
  7. package/cjs/components/Root.js +4 -4
  8. package/cjs/components/actions/Action.js +7 -7
  9. package/cjs/components/actions/Button/Button.js +4 -4
  10. package/cjs/components/actions/Button/Submit.js +1 -1
  11. package/cjs/components/actions/Button/index.js +1 -1
  12. package/cjs/components/actions/ButtonGroup/ButtonGroup.js +2 -2
  13. package/cjs/components/actions/index.js +1 -1
  14. package/cjs/components/content/ActiveZone/ActiveZone.js +5 -5
  15. package/cjs/components/content/Avatar/Avatar.js +4 -4
  16. package/cjs/components/content/Badge/Badge.js +4 -4
  17. package/cjs/components/content/Card/Card.js +4 -4
  18. package/cjs/components/content/Content.js +4 -4
  19. package/cjs/components/content/Divider.js +4 -4
  20. package/cjs/components/content/Footer.js +4 -4
  21. package/cjs/components/content/Header.js +4 -4
  22. package/cjs/components/content/Paragraph.js +3 -3
  23. package/cjs/components/content/Placeholder/Placeholder.js +4 -4
  24. package/cjs/components/content/PrismCode/PrismCode.js +2 -2
  25. package/cjs/components/content/Result/Result.js +4 -4
  26. package/cjs/components/content/Skeleton/Skeleton.js +7 -7
  27. package/cjs/components/content/Tag/Tag.js +4 -4
  28. package/cjs/components/content/Text.js +6 -6
  29. package/cjs/components/content/Title.js +4 -4
  30. package/cjs/components/forms/Checkbox/Checkbox.js +6 -6
  31. package/cjs/components/forms/Checkbox/CheckboxGroup.js +4 -4
  32. package/cjs/components/forms/Checkbox/context.js +1 -1
  33. package/cjs/components/forms/FieldWrapper.js +1 -1
  34. package/cjs/components/forms/FileInput/FileInput.js +4 -4
  35. package/cjs/components/forms/Form/Field.js +1 -1
  36. package/cjs/components/forms/Form/Form.js +6 -6
  37. package/cjs/components/forms/Form/index.js +1 -1
  38. package/cjs/components/forms/Form/useForm.js +2 -2
  39. package/cjs/components/forms/Form/validation.js +1 -1
  40. package/cjs/components/forms/Label.js +16 -14
  41. package/cjs/components/forms/NumberInput/NumberInput.js +1 -1
  42. package/cjs/components/forms/NumberInput/StepButton.js +1 -1
  43. package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
  44. package/cjs/components/forms/RadioGroup/Radio.js +6 -6
  45. package/cjs/components/forms/RadioGroup/RadioGroup.js +4 -4
  46. package/cjs/components/forms/RadioGroup/context.js +1 -1
  47. package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
  48. package/cjs/components/forms/Switch/Switch.js +6 -6
  49. package/cjs/components/forms/TextArea/TextArea.js +5 -5
  50. package/cjs/components/forms/TextInput/TextInput.js +1 -1
  51. package/cjs/components/forms/TextInput/TextInputBase.js +5 -5
  52. package/cjs/components/forms/index.js +1 -1
  53. package/cjs/components/layout/Flex.js +4 -4
  54. package/cjs/components/layout/Flow.js +4 -4
  55. package/cjs/components/layout/Grid.js +4 -4
  56. package/cjs/components/layout/Prefix.js +4 -4
  57. package/cjs/components/layout/Space.js +4 -4
  58. package/cjs/components/layout/Suffix.js +4 -4
  59. package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  60. package/cjs/components/navigation/Link/Link.js +1 -1
  61. package/cjs/components/organisms/Alert/Alert.js +4 -4
  62. package/cjs/components/organisms/CopySnippet/CopySnippet.js +1 -1
  63. package/cjs/components/organisms/DirectoryTree/DirectoryTree.js +1 -1
  64. package/cjs/components/organisms/FileTabs/FileTabs.js +18 -11
  65. package/cjs/components/organisms/Modal/Modal.js +1 -1
  66. package/cjs/components/organisms/SearchResults/SearchResults.js +1 -1
  67. package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
  68. package/cjs/components/organisms/TopBar/TopBar.js +4 -4
  69. package/cjs/components/other/Base64Upload/Base64Upload.js +4 -4
  70. package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
  71. package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
  72. package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  73. package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  74. package/cjs/components/overlays/AlertDialog/index.js +1 -1
  75. package/cjs/components/overlays/AlertDialog/types.js +1 -1
  76. package/cjs/components/overlays/Dialog/Dialog.js +4 -4
  77. package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
  78. package/cjs/components/overlays/Dialog/DialogForm.js +1 -1
  79. package/cjs/components/overlays/Dialog/DialogTrigger.js +8 -8
  80. package/cjs/components/overlays/Dialog/context.js +1 -1
  81. package/cjs/components/overlays/Dialog/index.js +1 -1
  82. package/cjs/components/overlays/Modal/Modal.js +2 -2
  83. package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
  84. package/cjs/components/overlays/Modal/Overlay.js +1 -1
  85. package/cjs/components/overlays/Modal/Popover.js +2 -2
  86. package/cjs/components/overlays/Modal/Tray.js +2 -2
  87. package/cjs/components/overlays/Modal/Underlay.js +2 -2
  88. package/cjs/components/overlays/Modal/index.js +1 -1
  89. package/cjs/components/overlays/Notification/Notification.js +1 -1
  90. package/cjs/components/overlays/OverlayWrapper.js +1 -1
  91. package/cjs/components/overlays/Tooltip/Tooltip.js +4 -4
  92. package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
  93. package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  94. package/cjs/components/overlays/Tooltip/context.js +1 -1
  95. package/cjs/components/pickers/ComboBox/ComboBox.js +5 -5
  96. package/cjs/components/pickers/Menu/Menu.js +4 -4
  97. package/cjs/components/pickers/Menu/MenuButton.js +1 -1
  98. package/cjs/components/pickers/Menu/MenuItem.js +1 -1
  99. package/cjs/components/pickers/Menu/MenuSection.js +1 -1
  100. package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
  101. package/cjs/components/pickers/Menu/context.js +1 -1
  102. package/cjs/components/pickers/Menu/styled.js +1 -1
  103. package/cjs/components/pickers/Select/Select.js +5 -5
  104. package/cjs/components/portal/Portal.js +1 -1
  105. package/cjs/components/portal/PortalProvider.js +1 -1
  106. package/cjs/components/portal/index.js +1 -1
  107. package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
  108. package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
  109. package/cjs/components/portal/storybook/templates/basic.js +1 -1
  110. package/cjs/components/portal/storybook/templates/index.js +1 -1
  111. package/cjs/components/portal/types.js +1 -1
  112. package/cjs/components/portal/usePortal.js +1 -1
  113. package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  114. package/cjs/components/status/Spin/Spin.js +1 -1
  115. package/cjs/data/themes.js +1 -1
  116. package/cjs/index.js +6 -6
  117. package/cjs/provider.js +3 -3
  118. package/cjs/services/notification.js +1 -1
  119. package/cjs/shared/form.js +1 -1
  120. package/cjs/shared/index.js +1 -1
  121. package/cjs/stories/FormFieldArgs.js +1 -1
  122. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  123. package/cjs/stories/components/DialogFormApp.js +1 -1
  124. package/cjs/stories/components/StyledButton.js +1 -1
  125. package/cjs/stories/lists/baseProps.js +2 -2
  126. package/cjs/tasty/index.js +1 -1
  127. package/cjs/{providers → tasty/providers}/BreakpointsProvider.js +1 -1
  128. package/cjs/{providers → tasty/providers}/StylesProvider.js +1 -1
  129. package/cjs/tasty/styled.js +12 -12
  130. package/cjs/{styles → tasty/styles}/align.js +1 -1
  131. package/cjs/{styles → tasty/styles}/border.js +1 -1
  132. package/cjs/{styles → tasty/styles}/boxShadow.combinator.js +1 -1
  133. package/cjs/{styles → tasty/styles}/color.js +1 -1
  134. package/cjs/{styles → tasty/styles}/createStyle.js +1 -1
  135. package/cjs/{styles → tasty/styles}/dimension.js +1 -1
  136. package/cjs/{styles → tasty/styles}/display.js +1 -1
  137. package/cjs/{styles → tasty/styles}/fill.js +1 -1
  138. package/cjs/{styles → tasty/styles}/flow.js +1 -1
  139. package/cjs/{styles → tasty/styles}/font.js +1 -1
  140. package/cjs/{styles → tasty/styles}/fontStyle.js +1 -1
  141. package/cjs/{styles → tasty/styles}/gap.js +1 -1
  142. package/cjs/{styles → tasty/styles}/groupRadius.js +1 -1
  143. package/cjs/{styles → tasty/styles}/height.js +1 -1
  144. package/cjs/{styles → tasty/styles}/index.js +1 -1
  145. package/cjs/{styles → tasty/styles}/justify.js +1 -1
  146. package/cjs/{styles → tasty/styles}/list.js +1 -1
  147. package/cjs/{styles → tasty/styles}/margin.js +4 -4
  148. package/cjs/{styles → tasty/styles}/marginBlock.js +1 -1
  149. package/cjs/{styles → tasty/styles}/marginInline.js +1 -1
  150. package/cjs/{styles → tasty/styles}/outline.js +1 -1
  151. package/cjs/{styles → tasty/styles}/padding.js +6 -6
  152. package/cjs/{styles → tasty/styles}/paddingBlock.js +1 -1
  153. package/cjs/{styles → tasty/styles}/paddingInline.js +1 -1
  154. package/cjs/{styles → tasty/styles}/predefined.js +1 -1
  155. package/cjs/{styles → tasty/styles}/preset.js +1 -1
  156. package/cjs/{styles → tasty/styles}/radius.js +1 -1
  157. package/cjs/{styles → tasty/styles}/reset.js +1 -1
  158. package/cjs/{styles → tasty/styles}/shadow.js +1 -1
  159. package/cjs/{styles → tasty/styles}/styledScrollbar.js +1 -1
  160. package/cjs/{styles → tasty/styles}/transition.js +1 -1
  161. package/cjs/{components → tasty/styles}/types.js +1 -1
  162. package/cjs/{styles → tasty/styles}/width.js +1 -1
  163. package/cjs/tasty/tasty.js +35 -29
  164. package/cjs/{styles → tasty}/types.js +1 -1
  165. package/cjs/{utils → tasty/utils}/colors.js +1 -1
  166. package/cjs/{utils → tasty/utils}/dotize.js +1 -1
  167. package/cjs/{utils → tasty/utils}/filterBaseProps.js +10 -10
  168. package/cjs/{utils → tasty/utils}/index.js +1 -1
  169. package/cjs/{utils → tasty/utils}/mergeStyles.js +1 -1
  170. package/cjs/{utils/react → tasty/utils}/modAttrs.js +1 -1
  171. package/cjs/{utils → tasty/utils}/renderStyles.js +6 -4
  172. package/cjs/{utils → tasty/utils}/responsive.js +1 -1
  173. package/cjs/{utils → tasty/utils}/string.js +1 -1
  174. package/cjs/{utils → tasty/utils}/styles.js +1 -1
  175. package/cjs/tasty/utils/warnings.js +37 -0
  176. package/cjs/test/index.js +1 -1
  177. package/cjs/test/setup.js +1 -1
  178. package/cjs/test/utils/index.js +1 -1
  179. package/cjs/test/utils/wait.js +1 -1
  180. package/cjs/tokens.js +1 -1
  181. package/cjs/utils/ResizeSensor.js +1 -1
  182. package/cjs/utils/modules.js +1 -1
  183. package/cjs/utils/promise.js +1 -1
  184. package/cjs/utils/react/Slots.js +2 -2
  185. package/cjs/utils/react/chain.js +1 -1
  186. package/cjs/utils/react/index.js +2 -2
  187. package/cjs/utils/{interactions.js → react/interactions.js} +1 -1
  188. package/cjs/utils/react/isTextOnly.js +1 -1
  189. package/cjs/utils/react/mapProps.js +1 -1
  190. package/cjs/utils/react/mergeProps.js +15 -15
  191. package/cjs/utils/react/nullableValue.js +1 -1
  192. package/cjs/utils/react/useCombinedRefs.js +1 -1
  193. package/cjs/utils/react/useId.js +1 -1
  194. package/cjs/utils/react/useLayoutEffect.js +1 -1
  195. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  196. package/cjs/utils/transitions.js +1 -1
  197. package/cjs/utils/tree.js +1 -1
  198. package/cjs/utils/warnings.js +2 -22
  199. package/es/components/Base.js +4 -4
  200. package/es/components/Block.js +12 -10
  201. package/es/components/GlobalStyles.js +1 -1
  202. package/es/components/GridProvider.js +5 -5
  203. package/es/components/HiddenInput.js +1 -1
  204. package/es/components/OpenTrasition.js +1 -1
  205. package/es/components/Root.js +4 -4
  206. package/es/components/actions/Action.js +7 -7
  207. package/es/components/actions/Button/Button.js +4 -4
  208. package/es/components/actions/Button/Submit.js +1 -1
  209. package/es/components/actions/Button/index.js +1 -1
  210. package/es/components/actions/ButtonGroup/ButtonGroup.js +2 -2
  211. package/es/components/actions/index.js +1 -1
  212. package/es/components/content/ActiveZone/ActiveZone.js +5 -5
  213. package/es/components/content/Avatar/Avatar.js +4 -4
  214. package/es/components/content/Badge/Badge.js +4 -4
  215. package/es/components/content/Card/Card.js +4 -4
  216. package/es/components/content/Content.js +4 -4
  217. package/es/components/content/Divider.js +4 -4
  218. package/es/components/content/Footer.js +4 -4
  219. package/es/components/content/Header.js +4 -4
  220. package/es/components/content/Paragraph.js +3 -3
  221. package/es/components/content/Placeholder/Placeholder.js +4 -4
  222. package/es/components/content/PrismCode/PrismCode.js +2 -2
  223. package/es/components/content/Result/Result.js +4 -4
  224. package/es/components/content/Skeleton/Skeleton.js +7 -7
  225. package/es/components/content/Tag/Tag.js +4 -4
  226. package/es/components/content/Text.js +6 -6
  227. package/es/components/content/Title.js +4 -4
  228. package/es/components/forms/Checkbox/Checkbox.js +6 -6
  229. package/es/components/forms/Checkbox/CheckboxGroup.js +4 -4
  230. package/es/components/forms/Checkbox/context.js +1 -1
  231. package/es/components/forms/FieldWrapper.js +1 -1
  232. package/es/components/forms/FileInput/FileInput.js +4 -4
  233. package/es/components/forms/Form/Field.js +1 -1
  234. package/es/components/forms/Form/Form.js +6 -6
  235. package/es/components/forms/Form/index.js +1 -1
  236. package/es/components/forms/Form/useForm.js +2 -2
  237. package/es/components/forms/Form/validation.js +1 -1
  238. package/es/components/forms/Label.js +16 -14
  239. package/es/components/forms/NumberInput/NumberInput.js +1 -1
  240. package/es/components/forms/NumberInput/StepButton.js +1 -1
  241. package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
  242. package/es/components/forms/RadioGroup/Radio.js +6 -6
  243. package/es/components/forms/RadioGroup/RadioGroup.js +4 -4
  244. package/es/components/forms/RadioGroup/context.js +1 -1
  245. package/es/components/forms/SearchInput/SearchInput.js +1 -1
  246. package/es/components/forms/Switch/Switch.js +6 -6
  247. package/es/components/forms/TextArea/TextArea.js +5 -5
  248. package/es/components/forms/TextInput/TextInput.js +1 -1
  249. package/es/components/forms/TextInput/TextInputBase.js +5 -5
  250. package/es/components/forms/index.js +1 -1
  251. package/es/components/layout/Flex.js +4 -4
  252. package/es/components/layout/Flow.js +4 -4
  253. package/es/components/layout/Grid.js +4 -4
  254. package/es/components/layout/Prefix.js +4 -4
  255. package/es/components/layout/Space.js +4 -4
  256. package/es/components/layout/Suffix.js +4 -4
  257. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  258. package/es/components/navigation/Link/Link.js +1 -1
  259. package/es/components/organisms/Alert/Alert.js +4 -4
  260. package/es/components/organisms/CopySnippet/CopySnippet.js +1 -1
  261. package/es/components/organisms/DirectoryTree/DirectoryTree.js +1 -1
  262. package/es/components/organisms/FileTabs/FileTabs.js +18 -11
  263. package/es/components/organisms/Modal/Modal.js +1 -1
  264. package/es/components/organisms/SearchResults/SearchResults.js +1 -1
  265. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  266. package/es/components/organisms/TopBar/TopBar.js +4 -4
  267. package/es/components/other/Base64Upload/Base64Upload.js +4 -4
  268. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  269. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  270. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  271. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  272. package/es/components/overlays/AlertDialog/index.js +1 -1
  273. package/es/components/overlays/AlertDialog/types.js +1 -1
  274. package/es/components/overlays/Dialog/Dialog.js +4 -4
  275. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  276. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  277. package/es/components/overlays/Dialog/DialogTrigger.js +8 -8
  278. package/es/components/overlays/Dialog/context.js +1 -1
  279. package/es/components/overlays/Dialog/index.js +1 -1
  280. package/es/components/overlays/Modal/Modal.js +2 -2
  281. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  282. package/es/components/overlays/Modal/Overlay.js +1 -1
  283. package/es/components/overlays/Modal/Popover.js +2 -2
  284. package/es/components/overlays/Modal/Tray.js +2 -2
  285. package/es/components/overlays/Modal/Underlay.js +2 -2
  286. package/es/components/overlays/Modal/index.js +1 -1
  287. package/es/components/overlays/Notification/Notification.js +1 -1
  288. package/es/components/overlays/OverlayWrapper.js +1 -1
  289. package/es/components/overlays/Tooltip/Tooltip.js +4 -4
  290. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  291. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  292. package/es/components/overlays/Tooltip/context.js +1 -1
  293. package/es/components/pickers/ComboBox/ComboBox.js +5 -5
  294. package/es/components/pickers/Menu/Menu.js +4 -4
  295. package/es/components/pickers/Menu/MenuButton.js +1 -1
  296. package/es/components/pickers/Menu/MenuItem.js +1 -1
  297. package/es/components/pickers/Menu/MenuSection.js +1 -1
  298. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  299. package/es/components/pickers/Menu/context.js +1 -1
  300. package/es/components/pickers/Menu/styled.js +1 -1
  301. package/es/components/pickers/Select/Select.js +5 -5
  302. package/es/components/portal/Portal.js +1 -1
  303. package/es/components/portal/PortalProvider.js +1 -1
  304. package/es/components/portal/index.js +1 -1
  305. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  306. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  307. package/es/components/portal/storybook/templates/basic.js +1 -1
  308. package/es/components/portal/storybook/templates/index.js +1 -1
  309. package/es/components/portal/types.js +1 -1
  310. package/es/components/portal/usePortal.js +1 -1
  311. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  312. package/es/components/status/Spin/Spin.js +1 -1
  313. package/es/data/themes.js +1 -1
  314. package/es/index.js +6 -6
  315. package/es/provider.js +3 -3
  316. package/es/services/notification.js +1 -1
  317. package/es/shared/form.js +1 -1
  318. package/es/shared/index.js +1 -1
  319. package/es/stories/FormFieldArgs.js +1 -1
  320. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  321. package/es/stories/components/DialogFormApp.js +1 -1
  322. package/es/stories/components/StyledButton.js +1 -1
  323. package/es/stories/lists/baseProps.js +2 -2
  324. package/es/tasty/index.js +1 -1
  325. package/es/{providers → tasty/providers}/BreakpointsProvider.js +1 -1
  326. package/es/{providers → tasty/providers}/StylesProvider.js +1 -1
  327. package/es/tasty/styled.js +11 -11
  328. package/es/{styles → tasty/styles}/align.js +1 -1
  329. package/es/{styles → tasty/styles}/border.js +1 -1
  330. package/es/{styles → tasty/styles}/boxShadow.combinator.js +1 -1
  331. package/es/{styles → tasty/styles}/color.js +1 -1
  332. package/es/{styles → tasty/styles}/createStyle.js +1 -1
  333. package/es/{styles → tasty/styles}/dimension.js +1 -1
  334. package/es/{styles → tasty/styles}/display.js +1 -1
  335. package/es/{styles → tasty/styles}/fill.js +1 -1
  336. package/es/{styles → tasty/styles}/flow.js +1 -1
  337. package/es/{styles → tasty/styles}/font.js +1 -1
  338. package/es/{styles → tasty/styles}/fontStyle.js +1 -1
  339. package/es/{styles → tasty/styles}/gap.js +1 -1
  340. package/es/{styles → tasty/styles}/groupRadius.js +1 -1
  341. package/es/{styles → tasty/styles}/height.js +1 -1
  342. package/es/{styles → tasty/styles}/index.js +1 -1
  343. package/es/{styles → tasty/styles}/justify.js +1 -1
  344. package/es/{styles → tasty/styles}/list.js +1 -1
  345. package/es/{styles → tasty/styles}/margin.js +4 -4
  346. package/es/{styles → tasty/styles}/marginBlock.js +1 -1
  347. package/es/{styles → tasty/styles}/marginInline.js +1 -1
  348. package/es/{styles → tasty/styles}/outline.js +1 -1
  349. package/es/{styles → tasty/styles}/padding.js +6 -6
  350. package/es/{styles → tasty/styles}/paddingBlock.js +1 -1
  351. package/es/{styles → tasty/styles}/paddingInline.js +1 -1
  352. package/es/{styles → tasty/styles}/predefined.js +1 -1
  353. package/es/{styles → tasty/styles}/preset.js +1 -1
  354. package/es/{styles → tasty/styles}/radius.js +1 -1
  355. package/es/{styles → tasty/styles}/reset.js +1 -1
  356. package/es/{styles → tasty/styles}/shadow.js +1 -1
  357. package/es/{styles → tasty/styles}/styledScrollbar.js +1 -1
  358. package/es/{styles → tasty/styles}/transition.js +1 -1
  359. package/es/{components → tasty/styles}/types.js +1 -1
  360. package/es/{styles → tasty/styles}/width.js +1 -1
  361. package/es/tasty/tasty.js +34 -28
  362. package/es/{styles → tasty}/types.js +1 -1
  363. package/es/{utils → tasty/utils}/colors.js +1 -1
  364. package/es/{utils → tasty/utils}/dotize.js +1 -1
  365. package/es/{utils → tasty/utils}/filterBaseProps.js +10 -10
  366. package/es/{utils → tasty/utils}/index.js +1 -1
  367. package/es/{utils → tasty/utils}/mergeStyles.js +1 -1
  368. package/es/{utils/react → tasty/utils}/modAttrs.js +1 -1
  369. package/es/{utils → tasty/utils}/renderStyles.js +6 -4
  370. package/es/{utils → tasty/utils}/responsive.js +1 -1
  371. package/es/{utils → tasty/utils}/string.js +1 -1
  372. package/es/{utils → tasty/utils}/styles.js +1 -1
  373. package/es/tasty/utils/warnings.js +32 -0
  374. package/es/test/index.js +1 -1
  375. package/es/test/setup.js +1 -1
  376. package/es/test/utils/index.js +1 -1
  377. package/es/test/utils/wait.js +1 -1
  378. package/es/tokens.js +1 -1
  379. package/es/utils/ResizeSensor.js +1 -1
  380. package/es/utils/modules.js +1 -1
  381. package/es/utils/promise.js +1 -1
  382. package/es/utils/react/Slots.js +2 -2
  383. package/es/utils/react/chain.js +1 -1
  384. package/es/utils/react/index.js +2 -2
  385. package/es/utils/{interactions.js → react/interactions.js} +1 -1
  386. package/es/utils/react/isTextOnly.js +1 -1
  387. package/es/utils/react/mapProps.js +1 -1
  388. package/es/utils/react/mergeProps.js +15 -15
  389. package/es/utils/react/nullableValue.js +1 -1
  390. package/es/utils/react/useCombinedRefs.js +1 -1
  391. package/es/utils/react/useId.js +1 -1
  392. package/es/utils/react/useLayoutEffect.js +1 -1
  393. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  394. package/es/utils/transitions.js +1 -1
  395. package/es/utils/tree.js +1 -1
  396. package/es/utils/warnings.js +1 -20
  397. package/package.json +1 -1
  398. package/types/components/Base.d.ts +1 -1
  399. package/types/components/Block.d.ts +1 -4
  400. package/types/components/GridProvider.d.ts +1 -1
  401. package/types/components/Root.d.ts +1 -1
  402. package/types/components/actions/Action.d.ts +1 -1
  403. package/types/components/content/ActiveZone/ActiveZone.d.ts +1 -1
  404. package/types/components/content/Avatar/Avatar.d.ts +2 -2
  405. package/types/components/content/Badge/Badge.d.ts +1 -1
  406. package/types/components/content/Card/Card.d.ts +1 -1
  407. package/types/components/content/Content.d.ts +1 -1
  408. package/types/components/content/Divider.d.ts +1 -1
  409. package/types/components/content/Footer.d.ts +1 -1
  410. package/types/components/content/Header.d.ts +1 -1
  411. package/types/components/content/Paragraph.d.ts +1 -1
  412. package/types/components/content/Placeholder/Placeholder.d.ts +2 -2
  413. package/types/components/content/PrismCode/PrismCode.d.ts +2 -2
  414. package/types/components/content/Result/Result.d.ts +1 -1
  415. package/types/components/content/Skeleton/Skeleton.d.ts +1 -1
  416. package/types/components/content/Tag/Tag.d.ts +1 -1
  417. package/types/components/content/Text.d.ts +2 -2
  418. package/types/components/content/Title.d.ts +1 -1
  419. package/types/components/forms/Checkbox/Checkbox.d.ts +1 -1
  420. package/types/components/forms/Checkbox/CheckboxGroup.d.ts +1 -1
  421. package/types/components/forms/FieldWrapper.d.ts +1 -1
  422. package/types/components/forms/FileInput/FileInput.d.ts +2 -2
  423. package/types/components/forms/Form/Form.d.ts +2 -2
  424. package/types/components/forms/Label.d.ts +2 -2
  425. package/types/components/forms/RadioGroup/Radio.d.ts +2 -2
  426. package/types/components/forms/RadioGroup/RadioGroup.d.ts +2 -2
  427. package/types/components/forms/Switch/Switch.d.ts +2 -2
  428. package/types/components/forms/TextInput/TextInputBase.d.ts +2 -2
  429. package/types/components/layout/Flex.d.ts +1 -1
  430. package/types/components/layout/Flow.d.ts +1 -1
  431. package/types/components/layout/Grid.d.ts +1 -1
  432. package/types/components/layout/Prefix.d.ts +1 -1
  433. package/types/components/layout/Space.d.ts +1 -1
  434. package/types/components/layout/Suffix.d.ts +1 -1
  435. package/types/components/navigation/LegacyTabs/LegacyTabs.d.ts +1 -1
  436. package/types/components/organisms/Alert/Alert.d.ts +1 -1
  437. package/types/components/organisms/CopySnippet/CopySnippet.d.ts +1 -1
  438. package/types/components/organisms/FileTabs/FileTabs.d.ts +1 -1
  439. package/types/components/organisms/TopBar/TopBar.d.ts +1 -1
  440. package/types/components/other/Base64Upload/Base64Upload.d.ts +1 -1
  441. package/types/components/overlays/AlertDialog/types.d.ts +1 -1
  442. package/types/components/overlays/Dialog/Dialog.d.ts +1 -1
  443. package/types/components/overlays/Dialog/DialogTrigger.d.ts +1 -1
  444. package/types/components/overlays/Modal/Modal.d.ts +2 -2
  445. package/types/components/overlays/Modal/Popover.d.ts +1 -1
  446. package/types/components/overlays/Modal/Tray.d.ts +2 -2
  447. package/types/components/overlays/Tooltip/Tooltip.d.ts +2 -2
  448. package/types/components/overlays/Tooltip/TooltipProvider.d.ts +1 -1
  449. package/types/components/overlays/Tooltip/context.d.ts +1 -1
  450. package/types/components/pickers/Menu/Menu.d.ts +2 -2
  451. package/types/components/pickers/Menu/styled.d.ts +102 -102
  452. package/types/components/pickers/Select/Select.d.ts +2 -2
  453. package/types/index.d.ts +6 -6
  454. package/types/provider.d.ts +2 -2
  455. package/types/shared/form.d.ts +2 -2
  456. package/types/stories/components/StyledButton.d.ts +56 -56
  457. package/types/{providers → tasty/providers}/BreakpointsProvider.d.ts +0 -0
  458. package/types/{providers → tasty/providers}/StylesProvider.d.ts +0 -0
  459. package/types/tasty/styled.d.ts +4 -4
  460. package/types/{styles → tasty/styles}/align.d.ts +0 -0
  461. package/types/{styles → tasty/styles}/border.d.ts +0 -0
  462. package/types/{styles → tasty/styles}/boxShadow.combinator.d.ts +0 -0
  463. package/types/{styles → tasty/styles}/color.d.ts +0 -0
  464. package/types/{styles → tasty/styles}/createStyle.d.ts +0 -0
  465. package/types/{styles → tasty/styles}/dimension.d.ts +0 -0
  466. package/types/{styles → tasty/styles}/display.d.ts +0 -0
  467. package/types/{styles → tasty/styles}/fill.d.ts +0 -0
  468. package/types/{styles → tasty/styles}/flow.d.ts +0 -0
  469. package/types/{styles → tasty/styles}/font.d.ts +0 -0
  470. package/types/{styles → tasty/styles}/fontStyle.d.ts +0 -0
  471. package/types/{styles → tasty/styles}/gap.d.ts +0 -0
  472. package/types/{styles → tasty/styles}/groupRadius.d.ts +0 -0
  473. package/types/{styles → tasty/styles}/height.d.ts +0 -0
  474. package/types/{styles → tasty/styles}/index.d.ts +0 -0
  475. package/types/{styles → tasty/styles}/justify.d.ts +0 -0
  476. package/types/{styles → tasty/styles}/list.d.ts +0 -0
  477. package/types/{styles → tasty/styles}/margin.d.ts +0 -0
  478. package/types/{styles → tasty/styles}/marginBlock.d.ts +0 -0
  479. package/types/{styles → tasty/styles}/marginInline.d.ts +0 -0
  480. package/types/{styles → tasty/styles}/outline.d.ts +0 -0
  481. package/types/{styles → tasty/styles}/padding.d.ts +0 -0
  482. package/types/{styles → tasty/styles}/paddingBlock.d.ts +0 -0
  483. package/types/{styles → tasty/styles}/paddingInline.d.ts +0 -0
  484. package/types/{styles → tasty/styles}/predefined.d.ts +0 -0
  485. package/types/{styles → tasty/styles}/preset.d.ts +0 -0
  486. package/types/{styles → tasty/styles}/radius.d.ts +0 -0
  487. package/types/{styles → tasty/styles}/reset.d.ts +0 -0
  488. package/types/{styles → tasty/styles}/shadow.d.ts +0 -0
  489. package/types/{styles → tasty/styles}/styledScrollbar.d.ts +0 -0
  490. package/types/{styles → tasty/styles}/transition.d.ts +0 -0
  491. package/types/{styles → tasty/styles}/types.d.ts +0 -0
  492. package/types/{styles → tasty/styles}/width.d.ts +0 -0
  493. package/types/tasty/tasty.d.ts +6 -8
  494. package/types/{components → tasty}/types.d.ts +3 -3
  495. package/types/{utils → tasty/utils}/colors.d.ts +0 -0
  496. package/types/{utils → tasty/utils}/dotize.d.ts +0 -0
  497. package/types/{utils → tasty/utils}/filterBaseProps.d.ts +0 -0
  498. package/types/{utils → tasty/utils}/index.d.ts +0 -0
  499. package/types/{utils → tasty/utils}/mergeStyles.d.ts +0 -0
  500. package/types/{utils/react → tasty/utils}/modAttrs.d.ts +0 -0
  501. package/types/{utils → tasty/utils}/renderStyles.d.ts +0 -0
  502. package/types/{utils → tasty/utils}/responsive.d.ts +0 -0
  503. package/types/{utils → tasty/utils}/string.d.ts +0 -0
  504. package/types/{utils → tasty/utils}/styles.d.ts +0 -0
  505. package/types/tasty/utils/warnings.d.ts +7 -0
  506. package/types/utils/react/index.d.ts +1 -1
  507. package/types/utils/{interactions.d.ts → react/interactions.d.ts} +0 -0
  508. package/types/utils/react/mergeProps.d.ts +1 -1
  509. package/types/utils/react/nullableValue.d.ts +1 -1
  510. package/types/utils/warnings.d.ts +0 -6
  511. package/cjs/utils/escape-string.js +0 -21
  512. package/es/utils/escape-string.js +0 -18
  513. package/types/utils/escape-string.d.ts +0 -1
@@ -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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -25,9 +25,9 @@ export function marginStyle({ margin, marginBlock, marginInline, marginTop, marg
25
25
  const marginDirs = [marginTop, marginRight, marginBottom, marginLeft];
26
26
  return directions.reduce((styles, dir) => {
27
27
  const index = DIRECTIONS.indexOf(dir);
28
- if (((!!(index % 2) && marginInline == null)
29
- || (!(index % 2) && marginBlock == null))
30
- && marginDirs[index] == null) {
28
+ if (((!!(index % 2) && marginInline == null) ||
29
+ (!(index % 2) && marginBlock == null)) &&
30
+ marginDirs[index] == null) {
31
31
  styles[`margin-${dir}`] = values[index] || values[index % 2] || values[0];
32
32
  }
33
33
  return styles;
@@ -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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -25,11 +25,11 @@ export function paddingStyle({ padding, paddingBlock, paddingInline, paddingTop,
25
25
  const paddingDirs = [paddingTop, paddingRight, paddingBottom, paddingLeft];
26
26
  return directions.reduce((styles, dir) => {
27
27
  const index = DIRECTIONS.indexOf(dir);
28
- if (((!!(index % 2) && paddingInline == null)
29
- || (!(index % 2) && paddingBlock == null))
30
- && paddingDirs[index] == null) {
31
- styles[`padding-${dir}`]
32
- = values[index] || values[index % 2] || values[0];
28
+ if (((!!(index % 2) && paddingInline == null) ||
29
+ (!(index % 2) && paddingBlock == null)) &&
30
+ paddingDirs[index] == null) {
31
+ styles[`padding-${dir}`] =
32
+ values[index] || values[index % 2] || values[0];
33
33
  }
34
34
  return styles;
35
35
  }, {});
@@ -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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -9,12 +9,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
9
9
  import styledComponents, { createGlobalStyle } from 'styled-components';
10
10
  import { forwardRef, useContext, useMemo } from 'react';
11
11
  import { isValidElementType } from 'react-is';
12
- import { BreakpointsContext } from '../providers/BreakpointsProvider';
13
- import { modAttrs } from '../utils/react';
14
- import { renderStyles } from '../utils/renderStyles';
15
- import { pointsToZones } from '../utils/responsive';
16
- import { BASE_STYLES } from '../styles/list';
17
- import { mergeStyles } from '../utils/mergeStyles';
12
+ import { BreakpointsContext } from './providers/BreakpointsProvider';
13
+ import { modAttrs } from './utils/modAttrs';
14
+ import { renderStyles } from './utils/renderStyles';
15
+ import { pointsToZones } from './utils/responsive';
16
+ import { BASE_STYLES } from './styles/list';
17
+ import { mergeStyles } from './utils/mergeStyles';
18
18
  // Implementation
19
19
  function tasty(Component, options) {
20
20
  var _a, _b, _c, _d;
@@ -24,35 +24,41 @@ function tasty(Component, options) {
24
24
  let Element = createGlobalStyle `${(css) => css}`;
25
25
  const _StyleDeclarationComponent = ({ breakpoints, }) => {
26
26
  let contextBreakpoints = useContext(BreakpointsContext);
27
- let zones = pointsToZones(breakpoints || contextBreakpoints);
28
- let css = useMemo(() => (styles ? `\n{}${selector}{${renderStyles(styles, zones)}}` : ''), [zones.join(',')]);
27
+ breakpoints = breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints;
28
+ let css = useMemo(() => styles
29
+ ? `\n{}${selector}{${renderStyles(styles, pointsToZones(breakpoints || contextBreakpoints))}}`
30
+ : '', [breakpoints.join(',')]);
29
31
  return _jsx(Element, { css: css }, void 0);
30
32
  };
31
33
  _StyleDeclarationComponent.displayName = `TastyStyleDeclaration(${Component})`;
32
34
  return _StyleDeclarationComponent;
33
35
  }
34
36
  if (isValidElementType(Component)) {
35
- let { styles: extendStyles, as: extendTag, ...defaultProps } = options !== null && options !== void 0 ? options : {};
36
- const _WrappedComponent = forwardRef((props, ref) => {
37
- const { styles, as, ...restProps } = props;
38
- const mergedStyles = useMemo(() => {
39
- if (extendStyles != null && styles != null) {
40
- return mergeStyles(extendStyles, styles);
41
- }
42
- return extendStyles;
43
- }, [styles]);
44
- return (_jsx(Component, { ref: ref, ...defaultProps, ...restProps, styles: mergedStyles, as: as !== null && as !== void 0 ? as : extendTag }, void 0));
37
+ let { as: extendTag, ...defaultProps } = options !== null && options !== void 0 ? options : {};
38
+ let propsWithStyles = ['styles'].concat(Object.keys(defaultProps).filter((prop) => prop.endsWith('Styles')));
39
+ let _WrappedComponent = forwardRef((props, ref) => {
40
+ const { as, ...restProps } = props;
41
+ const propsWithStylesValues = propsWithStyles.map((prop) => props[prop]);
42
+ const mergedStylesMap = useMemo(() => {
43
+ return propsWithStylesValues.reduce((map, prop) => {
44
+ if (restProps[prop] != null && defaultProps[prop] != null) {
45
+ map[prop] = mergeStyles(restProps[prop], defaultProps[prop]);
46
+ }
47
+ return map;
48
+ }, {});
49
+ }, propsWithStylesValues);
50
+ return (_jsx(Component, { ref: ref, ...defaultProps, ...restProps, ...mergedStylesMap, as: as !== null && as !== void 0 ? as : extendTag }, void 0));
45
51
  });
46
52
  _WrappedComponent.displayName = `TastyWrappedComponent(${(_d = (_c = (_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : defaultProps.qa) !== null && _c !== void 0 ? _c : extendTag) !== null && _d !== void 0 ? _d : 'Anonymous'})`;
47
53
  return _WrappedComponent;
48
54
  }
49
55
  options = Component;
50
- let { as: originalAs = 'div', css: defaultCSS, styles: defaultStyles, styleProps, ...defaultProps } = options;
56
+ let { as: originalAs = 'div', styles: defaultStyles, styleProps, ...defaultProps } = options;
51
57
  let Element = styledComponents[originalAs](({ css }) => css);
52
58
  let _TastyComponent = forwardRef((allProps, ref) => {
53
- let { as, styles, breakpoints, mods, element, qa, qaVal, css, ...otherProps } = allProps;
59
+ let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
54
60
  let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps !== null && defaultProps !== void 0 ? defaultProps : {};
55
- let propStyles = useMemo(() => (styleProps
61
+ let propStyles = (styleProps
56
62
  ? styleProps.concat(BASE_STYLES)
57
63
  : BASE_STYLES).reduce((map, prop) => {
58
64
  if (prop in otherProps) {
@@ -60,17 +66,17 @@ function tasty(Component, options) {
60
66
  delete otherProps[prop];
61
67
  }
62
68
  return map;
63
- }, {}), [otherProps]);
69
+ }, {});
64
70
  let allStyles = useMemo(() => mergeStyles(defaultStyles, styles, propStyles), [styles, propStyles]);
65
71
  let contextBreakpoints = useContext(BreakpointsContext);
66
- let zones = pointsToZones(breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints);
67
- css = `${typeof defaultCSS === 'function'
68
- ? defaultCSS(otherProps)
69
- : defaultCSS !== null && defaultCSS !== void 0 ? defaultCSS : ''}${typeof css === 'function' ? css(otherProps) : css !== null && css !== void 0 ? css : ''}${allStyles ? renderStyles(allStyles, zones) : ''}`;
72
+ breakpoints = breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints;
73
+ let renderedStyles = useMemo(() => allStyles
74
+ ? renderStyles(allStyles, pointsToZones(breakpoints))
75
+ : '', [allStyles, breakpoints]);
70
76
  if (mods) {
71
77
  Object.assign(otherProps, modAttrs(mods));
72
78
  }
73
- return (_jsx(Element, { as: as !== null && as !== void 0 ? as : originalAs, "data-element": element, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: css }, void 0));
79
+ return (_jsx(Element, { as: as !== null && as !== void 0 ? as : originalAs, "data-element": element, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }, void 0));
74
80
  });
75
81
  _TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
76
82
  return _TastyComponent;
@@ -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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -47,15 +47,15 @@ export function filterBaseProps(props, opts = {}) {
47
47
  let { labelable, propNames, eventProps } = opts;
48
48
  let filteredProps = {};
49
49
  for (const prop in props) {
50
- if (Object.prototype.hasOwnProperty.call(props, prop)
51
- && (DOMPropNames.has(prop)
52
- || BasePropNames.has(prop)
53
- || (labelable && labelablePropNames.has(prop))
54
- || (eventProps
55
- && eventRe.test(prop)
56
- && !ignoreEventPropsNames.has(prop))
57
- || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop))
58
- || propRe.test(prop))) {
50
+ if (Object.prototype.hasOwnProperty.call(props, prop) &&
51
+ (DOMPropNames.has(prop) ||
52
+ BasePropNames.has(prop) ||
53
+ (labelable && labelablePropNames.has(prop)) ||
54
+ (eventProps &&
55
+ eventRe.test(prop) &&
56
+ !ignoreEventPropsNames.has(prop)) ||
57
+ (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) ||
58
+ propRe.test(prop))) {
59
59
  filteredProps[prop] = props[prop];
60
60
  }
61
61
  }
@@ -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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -113,11 +113,13 @@ export function renderStyles(styles, responsive, suffix) {
113
113
  });
114
114
  }
115
115
  else {
116
- rawStyles
117
- += handler(styleMap, suffix) || '';
116
+ rawStyles +=
117
+ handler(styleMap, suffix) || '';
118
118
  }
119
119
  });
120
- STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive && responsive.length
120
+ STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive &&
121
+ responsive.length &&
122
+ responsiveStyles.filter((s) => s).length
121
123
  ? mediaWrapper(responsiveStyles, zones)
122
124
  : ''}${innerStyles}`;
123
125
  }
@@ -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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -0,0 +1,32 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ const PREFIX = 'Tasty';
9
+ export function warn(...args) {
10
+ console.warn(`${PREFIX}:`, ...args);
11
+ }
12
+ export function deprecationWarning(
13
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
14
+ condition, { property, name, betterAlternative, reason, }) {
15
+ if (condition)
16
+ return;
17
+ if (process.env.NODE_ENV === 'production') {
18
+ return warn(`DEPRECATION ${name} "${property}" -> ${typeof betterAlternative === 'function'
19
+ ? betterAlternative()
20
+ : betterAlternative}`);
21
+ }
22
+ // we can make deprecations even better if we add the md syntax in the console.
23
+ // anyway, everything down below will be stripped in the production build
24
+ console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
25
+ warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === 'function'
26
+ ? betterAlternative()
27
+ : betterAlternative}`);
28
+ reason && warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
29
+ console.groupEnd();
30
+ }
31
+
32
+
package/es/test/index.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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/test/setup.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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
9
- import { mergeProps } from '../../utils/react/mergeProps';
9
+ import { mergeProps } from './mergeProps';
10
10
  import { createContext, Children, cloneElement, useContext, useMemo, } from 'react';
11
11
  let SlotContext = createContext({});
12
12
  export function useSlotProps(props, defaultSlot) {
@@ -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-1d2813f
4
+ * @cube-dev/ui-kit v0.0.0-canary-cb18f36
5
5
  * Released under the MIT license.
6
6
  */
7
7