@cube-dev/ui-kit 0.0.0-canary-70220b3 → 0.0.0-canary-4e595be

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 (524) hide show
  1. package/cjs/_internal/hooks/index.js +1 -1
  2. package/cjs/_internal/hooks/use-deprecation-warning.js +1 -1
  3. package/cjs/_internal/index.js +1 -1
  4. package/cjs/components/Base.js +8 -11
  5. package/cjs/components/Block.js +10 -11
  6. package/cjs/components/GlobalStyles.js +1 -1
  7. package/cjs/components/GridProvider.js +6 -6
  8. package/cjs/components/HiddenInput.js +1 -1
  9. package/cjs/components/OpenTrasition.js +1 -1
  10. package/cjs/components/Root.js +5 -7
  11. package/cjs/components/actions/Action.js +7 -9
  12. package/cjs/components/actions/Button/Button.js +5 -5
  13. package/cjs/components/actions/Button/Submit.js +1 -1
  14. package/cjs/components/actions/Button/index.js +1 -1
  15. package/cjs/components/actions/ButtonGroup/ButtonGroup.js +3 -3
  16. package/cjs/components/actions/index.js +1 -1
  17. package/cjs/components/content/ActiveZone/ActiveZone.js +6 -8
  18. package/cjs/components/content/Alert/Alert.js +1 -1
  19. package/cjs/components/content/Alert/index.js +1 -1
  20. package/cjs/components/content/Alert/types.js +1 -1
  21. package/cjs/components/content/Alert/use-alert.js +5 -7
  22. package/cjs/components/content/Avatar/Avatar.js +4 -6
  23. package/cjs/components/content/Badge/Badge.js +7 -10
  24. package/cjs/components/content/Card/Card.js +4 -6
  25. package/cjs/components/content/Content.js +8 -14
  26. package/cjs/components/content/CopySnippet/CopySnippet.js +5 -6
  27. package/cjs/components/content/CopySnippet/index.js +1 -1
  28. package/cjs/components/content/Divider.js +5 -7
  29. package/cjs/components/content/Footer.js +8 -13
  30. package/cjs/components/content/Header.js +8 -12
  31. package/cjs/components/content/Paragraph.js +4 -5
  32. package/cjs/components/content/Placeholder/Placeholder.js +4 -6
  33. package/cjs/components/content/PrismCode/PrismCode.js +7 -8
  34. package/cjs/components/content/Result/Result.js +8 -11
  35. package/cjs/components/content/Skeleton/Skeleton.js +7 -7
  36. package/cjs/components/content/Tag/Tag.js +29 -27
  37. package/cjs/components/content/Text.js +32 -36
  38. package/cjs/components/content/Title.js +29 -36
  39. package/cjs/components/forms/Checkbox/Checkbox.js +10 -13
  40. package/cjs/components/forms/Checkbox/CheckboxGroup.js +7 -9
  41. package/cjs/components/forms/Checkbox/context.js +1 -1
  42. package/cjs/components/forms/FieldWrapper.js +6 -10
  43. package/cjs/components/forms/FileInput/FileInput.js +4 -6
  44. package/cjs/components/forms/Form/Field.js +1 -1
  45. package/cjs/components/forms/Form/Form.js +6 -8
  46. package/cjs/components/forms/Form/index.js +1 -1
  47. package/cjs/components/forms/Form/useForm.js +3 -3
  48. package/cjs/components/forms/Form/validation.js +1 -1
  49. package/cjs/components/forms/Label.js +13 -15
  50. package/cjs/components/forms/NumberInput/NumberInput.js +3 -3
  51. package/cjs/components/forms/NumberInput/StepButton.js +1 -1
  52. package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
  53. package/cjs/components/forms/RadioGroup/Radio.js +9 -12
  54. package/cjs/components/forms/RadioGroup/RadioGroup.js +7 -9
  55. package/cjs/components/forms/RadioGroup/context.js +1 -1
  56. package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
  57. package/cjs/components/forms/Switch/Switch.js +11 -14
  58. package/cjs/components/forms/TextArea/TextArea.js +5 -5
  59. package/cjs/components/forms/TextInput/TextInput.js +1 -1
  60. package/cjs/components/forms/TextInput/TextInputBase.js +8 -10
  61. package/cjs/components/forms/index.js +1 -1
  62. package/cjs/components/layout/Flex.js +4 -6
  63. package/cjs/components/layout/Flow.js +5 -7
  64. package/cjs/components/layout/Grid.js +4 -6
  65. package/cjs/components/layout/Prefix.js +5 -7
  66. package/cjs/components/layout/Space.js +4 -6
  67. package/cjs/components/layout/Suffix.js +5 -7
  68. package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  69. package/cjs/components/navigation/Link/Link.js +1 -1
  70. package/cjs/components/organisms/FileTabs/FileTabs.js +16 -9
  71. package/cjs/components/organisms/Modal/Modal.js +1 -1
  72. package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
  73. package/cjs/components/other/Base64Upload/Base64Upload.js +4 -6
  74. package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
  75. package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
  76. package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  77. package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  78. package/cjs/components/overlays/AlertDialog/index.js +1 -1
  79. package/cjs/components/overlays/AlertDialog/types.js +1 -1
  80. package/cjs/components/overlays/Dialog/Dialog.js +5 -7
  81. package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
  82. package/cjs/components/overlays/Dialog/DialogForm.js +1 -1
  83. package/cjs/components/overlays/Dialog/DialogTrigger.js +8 -8
  84. package/cjs/components/overlays/Dialog/context.js +1 -1
  85. package/cjs/components/overlays/Dialog/index.js +1 -1
  86. package/cjs/components/overlays/Modal/Modal.js +3 -3
  87. package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
  88. package/cjs/components/overlays/Modal/Overlay.js +1 -1
  89. package/cjs/components/overlays/Modal/Popover.js +3 -3
  90. package/cjs/components/overlays/Modal/Tray.js +3 -3
  91. package/cjs/components/overlays/Modal/Underlay.js +3 -3
  92. package/cjs/components/overlays/Modal/index.js +1 -1
  93. package/cjs/components/overlays/Notification/Notification.js +1 -1
  94. package/cjs/components/overlays/OverlayWrapper.js +1 -1
  95. package/cjs/components/overlays/Tooltip/Tooltip.js +5 -7
  96. package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
  97. package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  98. package/cjs/components/overlays/Tooltip/context.js +1 -1
  99. package/cjs/components/pickers/ComboBox/ComboBox.js +8 -10
  100. package/cjs/components/pickers/Menu/Menu.js +4 -6
  101. package/cjs/components/pickers/Menu/MenuButton.js +1 -1
  102. package/cjs/components/pickers/Menu/MenuItem.js +1 -1
  103. package/cjs/components/pickers/Menu/MenuSection.js +1 -1
  104. package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
  105. package/cjs/components/pickers/Menu/context.js +1 -1
  106. package/cjs/components/pickers/Menu/styled.js +15 -15
  107. package/cjs/components/pickers/Select/Select.js +13 -16
  108. package/cjs/components/portal/Portal.js +1 -1
  109. package/cjs/components/portal/PortalProvider.js +1 -1
  110. package/cjs/components/portal/index.js +1 -1
  111. package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
  112. package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
  113. package/cjs/components/portal/storybook/templates/basic.js +1 -1
  114. package/cjs/components/portal/storybook/templates/index.js +1 -1
  115. package/cjs/components/portal/types.js +1 -1
  116. package/cjs/components/portal/usePortal.js +1 -1
  117. package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  118. package/cjs/components/status/Spin/Spin.js +1 -1
  119. package/cjs/data/themes.js +1 -1
  120. package/cjs/index.js +7 -8
  121. package/cjs/provider.js +4 -5
  122. package/cjs/services/notification.js +1 -1
  123. package/cjs/shared/form.js +1 -1
  124. package/cjs/shared/index.js +1 -1
  125. package/cjs/stories/FormFieldArgs.js +1 -1
  126. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  127. package/cjs/stories/components/DialogFormApp.js +1 -1
  128. package/cjs/stories/components/StyledButton.js +4 -4
  129. package/cjs/stories/lists/baseProps.js +12 -12
  130. package/cjs/styled/index.js +1 -1
  131. package/cjs/styled/styled.js +19 -25
  132. package/cjs/tasty/index.js +37 -0
  133. package/cjs/{providers → tasty/providers}/BreakpointsProvider.js +1 -1
  134. package/cjs/{providers → tasty/providers}/StylesProvider.js +1 -1
  135. package/cjs/{styles → tasty/styles}/align.js +1 -1
  136. package/cjs/{styles → tasty/styles}/border.js +1 -1
  137. package/cjs/{styles → tasty/styles}/boxShadow.combinator.js +1 -1
  138. package/cjs/{styles → tasty/styles}/color.js +1 -1
  139. package/cjs/{styles → tasty/styles}/createStyle.js +1 -1
  140. package/cjs/{styles → tasty/styles}/dimension.js +1 -1
  141. package/cjs/{styles → tasty/styles}/display.js +1 -1
  142. package/cjs/{styles → tasty/styles}/fill.js +1 -1
  143. package/cjs/{styles → tasty/styles}/flow.js +1 -1
  144. package/cjs/{styles → tasty/styles}/font.js +1 -1
  145. package/cjs/{styles → tasty/styles}/fontStyle.js +1 -1
  146. package/cjs/{styles → tasty/styles}/gap.js +1 -1
  147. package/cjs/{styles → tasty/styles}/groupRadius.js +1 -1
  148. package/cjs/{styles → tasty/styles}/height.js +1 -1
  149. package/cjs/{styles → tasty/styles}/index.js +1 -1
  150. package/cjs/{styles → tasty/styles}/justify.js +1 -1
  151. package/cjs/{styles → tasty/styles}/list.js +1 -1
  152. package/cjs/{styles → tasty/styles}/margin.js +4 -4
  153. package/cjs/{styles → tasty/styles}/marginBlock.js +1 -1
  154. package/cjs/{styles → tasty/styles}/marginInline.js +1 -1
  155. package/cjs/{styles → tasty/styles}/outline.js +1 -1
  156. package/cjs/{styles → tasty/styles}/padding.js +6 -6
  157. package/cjs/{styles → tasty/styles}/paddingBlock.js +1 -1
  158. package/cjs/{styles → tasty/styles}/paddingInline.js +1 -1
  159. package/cjs/{styles → tasty/styles}/predefined.js +1 -1
  160. package/cjs/{styles → tasty/styles}/preset.js +1 -1
  161. package/cjs/{styles → tasty/styles}/radius.js +1 -1
  162. package/cjs/{styles → tasty/styles}/reset.js +1 -1
  163. package/cjs/{styles → tasty/styles}/shadow.js +1 -1
  164. package/cjs/{styles → tasty/styles}/styledScrollbar.js +1 -1
  165. package/cjs/{styles → tasty/styles}/transition.js +1 -1
  166. package/cjs/{components → tasty/styles}/types.js +1 -1
  167. package/cjs/{styles → tasty/styles}/width.js +1 -1
  168. package/cjs/tasty/tasty.js +108 -0
  169. package/cjs/{styles → tasty}/types.js +1 -1
  170. package/cjs/{utils → tasty/utils}/colors.js +1 -1
  171. package/cjs/{utils → tasty/utils}/dotize.js +1 -1
  172. package/cjs/{utils → tasty/utils}/filterBaseProps.js +1 -1
  173. package/cjs/{utils → tasty/utils}/index.js +1 -1
  174. package/cjs/{utils → tasty/utils}/mergeStyles.js +1 -1
  175. package/cjs/{utils/react → tasty/utils}/modAttrs.js +1 -1
  176. package/cjs/{utils → tasty/utils}/renderStyles.js +6 -4
  177. package/cjs/{utils → tasty/utils}/responsive.js +1 -1
  178. package/cjs/{utils → tasty/utils}/string.js +1 -1
  179. package/cjs/{utils → tasty/utils}/styles.js +1 -1
  180. package/cjs/tasty/utils/warnings.js +37 -0
  181. package/cjs/test/index.js +1 -1
  182. package/cjs/test/setup.js +1 -1
  183. package/cjs/test/utils/index.js +1 -1
  184. package/cjs/test/utils/wait.js +1 -1
  185. package/cjs/tokens.js +6 -1
  186. package/cjs/utils/ResizeSensor.js +1 -1
  187. package/cjs/utils/modules.js +1 -1
  188. package/cjs/utils/promise.js +1 -1
  189. package/cjs/utils/react/Slots.js +2 -2
  190. package/cjs/utils/react/chain.js +1 -1
  191. package/cjs/utils/react/index.js +3 -3
  192. package/cjs/utils/{interactions.js → react/interactions.js} +1 -1
  193. package/cjs/utils/react/isTextOnly.js +1 -1
  194. package/cjs/utils/react/mapProps.js +1 -1
  195. package/cjs/utils/react/mergeProps.js +15 -15
  196. package/cjs/utils/react/nullableValue.js +1 -1
  197. package/cjs/utils/react/useCombinedRefs.js +1 -1
  198. package/cjs/utils/react/useId.js +1 -1
  199. package/cjs/utils/react/useLayoutEffect.js +1 -1
  200. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  201. package/cjs/utils/transitions.js +1 -1
  202. package/cjs/utils/tree.js +1 -1
  203. package/cjs/utils/warnings.js +1 -1
  204. package/es/_internal/hooks/index.js +1 -1
  205. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  206. package/es/_internal/index.js +1 -1
  207. package/es/components/Base.js +4 -7
  208. package/es/components/Block.js +9 -10
  209. package/es/components/GlobalStyles.js +1 -1
  210. package/es/components/GridProvider.js +5 -5
  211. package/es/components/HiddenInput.js +1 -1
  212. package/es/components/OpenTrasition.js +1 -1
  213. package/es/components/Root.js +2 -4
  214. package/es/components/actions/Action.js +6 -8
  215. package/es/components/actions/Button/Button.js +4 -4
  216. package/es/components/actions/Button/Submit.js +1 -1
  217. package/es/components/actions/Button/index.js +1 -1
  218. package/es/components/actions/ButtonGroup/ButtonGroup.js +2 -2
  219. package/es/components/actions/index.js +1 -1
  220. package/es/components/content/ActiveZone/ActiveZone.js +3 -5
  221. package/es/components/content/Alert/Alert.js +1 -1
  222. package/es/components/content/Alert/index.js +1 -1
  223. package/es/components/content/Alert/types.js +1 -1
  224. package/es/components/content/Alert/use-alert.js +2 -4
  225. package/es/components/content/Avatar/Avatar.js +2 -4
  226. package/es/components/content/Badge/Badge.js +5 -8
  227. package/es/components/content/Card/Card.js +2 -4
  228. package/es/components/content/Content.js +5 -11
  229. package/es/components/content/CopySnippet/CopySnippet.js +5 -6
  230. package/es/components/content/CopySnippet/index.js +1 -1
  231. package/es/components/content/Divider.js +2 -4
  232. package/es/components/content/Footer.js +5 -10
  233. package/es/components/content/Header.js +5 -9
  234. package/es/components/content/Paragraph.js +2 -3
  235. package/es/components/content/Placeholder/Placeholder.js +2 -4
  236. package/es/components/content/PrismCode/PrismCode.js +6 -7
  237. package/es/components/content/Result/Result.js +6 -9
  238. package/es/components/content/Skeleton/Skeleton.js +7 -7
  239. package/es/components/content/Tag/Tag.js +28 -26
  240. package/es/components/content/Text.js +30 -34
  241. package/es/components/content/Title.js +26 -33
  242. package/es/components/forms/Checkbox/Checkbox.js +3 -6
  243. package/es/components/forms/Checkbox/CheckboxGroup.js +2 -4
  244. package/es/components/forms/Checkbox/context.js +1 -1
  245. package/es/components/forms/FieldWrapper.js +6 -10
  246. package/es/components/forms/FileInput/FileInput.js +2 -4
  247. package/es/components/forms/Form/Field.js +1 -1
  248. package/es/components/forms/Form/Form.js +5 -7
  249. package/es/components/forms/Form/index.js +1 -1
  250. package/es/components/forms/Form/useForm.js +2 -2
  251. package/es/components/forms/Form/validation.js +1 -1
  252. package/es/components/forms/Label.js +12 -14
  253. package/es/components/forms/NumberInput/NumberInput.js +3 -3
  254. package/es/components/forms/NumberInput/StepButton.js +1 -1
  255. package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
  256. package/es/components/forms/RadioGroup/Radio.js +3 -6
  257. package/es/components/forms/RadioGroup/RadioGroup.js +2 -4
  258. package/es/components/forms/RadioGroup/context.js +1 -1
  259. package/es/components/forms/SearchInput/SearchInput.js +1 -1
  260. package/es/components/forms/Switch/Switch.js +3 -6
  261. package/es/components/forms/TextArea/TextArea.js +5 -5
  262. package/es/components/forms/TextInput/TextInput.js +1 -1
  263. package/es/components/forms/TextInput/TextInputBase.js +4 -6
  264. package/es/components/forms/index.js +1 -1
  265. package/es/components/layout/Flex.js +2 -4
  266. package/es/components/layout/Flow.js +2 -4
  267. package/es/components/layout/Grid.js +2 -4
  268. package/es/components/layout/Prefix.js +2 -4
  269. package/es/components/layout/Space.js +2 -4
  270. package/es/components/layout/Suffix.js +2 -4
  271. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  272. package/es/components/navigation/Link/Link.js +1 -1
  273. package/es/components/organisms/FileTabs/FileTabs.js +16 -9
  274. package/es/components/organisms/Modal/Modal.js +1 -1
  275. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  276. package/es/components/other/Base64Upload/Base64Upload.js +2 -4
  277. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  278. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  279. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  280. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  281. package/es/components/overlays/AlertDialog/index.js +1 -1
  282. package/es/components/overlays/AlertDialog/types.js +1 -1
  283. package/es/components/overlays/Dialog/Dialog.js +2 -4
  284. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  285. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  286. package/es/components/overlays/Dialog/DialogTrigger.js +8 -8
  287. package/es/components/overlays/Dialog/context.js +1 -1
  288. package/es/components/overlays/Dialog/index.js +1 -1
  289. package/es/components/overlays/Modal/Modal.js +2 -2
  290. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  291. package/es/components/overlays/Modal/Overlay.js +1 -1
  292. package/es/components/overlays/Modal/Popover.js +2 -2
  293. package/es/components/overlays/Modal/Tray.js +2 -2
  294. package/es/components/overlays/Modal/Underlay.js +2 -2
  295. package/es/components/overlays/Modal/index.js +1 -1
  296. package/es/components/overlays/Notification/Notification.js +1 -1
  297. package/es/components/overlays/OverlayWrapper.js +1 -1
  298. package/es/components/overlays/Tooltip/Tooltip.js +2 -4
  299. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  300. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  301. package/es/components/overlays/Tooltip/context.js +1 -1
  302. package/es/components/pickers/ComboBox/ComboBox.js +3 -5
  303. package/es/components/pickers/Menu/Menu.js +2 -4
  304. package/es/components/pickers/Menu/MenuButton.js +1 -1
  305. package/es/components/pickers/Menu/MenuItem.js +1 -1
  306. package/es/components/pickers/Menu/MenuSection.js +1 -1
  307. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  308. package/es/components/pickers/Menu/context.js +1 -1
  309. package/es/components/pickers/Menu/styled.js +15 -15
  310. package/es/components/pickers/Select/Select.js +4 -7
  311. package/es/components/portal/Portal.js +1 -1
  312. package/es/components/portal/PortalProvider.js +1 -1
  313. package/es/components/portal/index.js +1 -1
  314. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  315. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  316. package/es/components/portal/storybook/templates/basic.js +1 -1
  317. package/es/components/portal/storybook/templates/index.js +1 -1
  318. package/es/components/portal/types.js +1 -1
  319. package/es/components/portal/usePortal.js +1 -1
  320. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  321. package/es/components/status/Spin/Spin.js +1 -1
  322. package/es/data/themes.js +1 -1
  323. package/es/index.js +5 -6
  324. package/es/provider.js +2 -3
  325. package/es/services/notification.js +1 -1
  326. package/es/shared/form.js +1 -1
  327. package/es/shared/index.js +1 -1
  328. package/es/stories/FormFieldArgs.js +1 -1
  329. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  330. package/es/stories/components/DialogFormApp.js +1 -1
  331. package/es/stories/components/StyledButton.js +4 -4
  332. package/es/stories/lists/baseProps.js +2 -2
  333. package/es/styled/index.js +1 -1
  334. package/es/styled/styled.js +7 -12
  335. package/es/tasty/index.js +23 -0
  336. package/es/{providers → tasty/providers}/BreakpointsProvider.js +1 -1
  337. package/es/{providers → tasty/providers}/StylesProvider.js +1 -1
  338. package/es/{styles → tasty/styles}/align.js +1 -1
  339. package/es/{styles → tasty/styles}/border.js +1 -1
  340. package/es/{styles → tasty/styles}/boxShadow.combinator.js +1 -1
  341. package/es/{styles → tasty/styles}/color.js +1 -1
  342. package/es/{styles → tasty/styles}/createStyle.js +1 -1
  343. package/es/{styles → tasty/styles}/dimension.js +1 -1
  344. package/es/{styles → tasty/styles}/display.js +1 -1
  345. package/es/{styles → tasty/styles}/fill.js +1 -1
  346. package/es/{styles → tasty/styles}/flow.js +1 -1
  347. package/es/{styles → tasty/styles}/font.js +1 -1
  348. package/es/{styles → tasty/styles}/fontStyle.js +1 -1
  349. package/es/{styles → tasty/styles}/gap.js +1 -1
  350. package/es/{styles → tasty/styles}/groupRadius.js +1 -1
  351. package/es/{styles → tasty/styles}/height.js +1 -1
  352. package/es/{styles → tasty/styles}/index.js +1 -1
  353. package/es/{styles → tasty/styles}/justify.js +1 -1
  354. package/es/{styles → tasty/styles}/list.js +1 -1
  355. package/es/{styles → tasty/styles}/margin.js +4 -4
  356. package/es/{styles → tasty/styles}/marginBlock.js +1 -1
  357. package/es/{styles → tasty/styles}/marginInline.js +1 -1
  358. package/es/{styles → tasty/styles}/outline.js +1 -1
  359. package/es/{styles → tasty/styles}/padding.js +6 -6
  360. package/es/{styles → tasty/styles}/paddingBlock.js +1 -1
  361. package/es/{styles → tasty/styles}/paddingInline.js +1 -1
  362. package/es/{styles → tasty/styles}/predefined.js +1 -1
  363. package/es/{styles → tasty/styles}/preset.js +1 -1
  364. package/es/{styles → tasty/styles}/radius.js +1 -1
  365. package/es/{styles → tasty/styles}/reset.js +1 -1
  366. package/es/{styles → tasty/styles}/shadow.js +1 -1
  367. package/es/{styles → tasty/styles}/styledScrollbar.js +1 -1
  368. package/es/{styles → tasty/styles}/transition.js +1 -1
  369. package/es/{components → tasty/styles}/types.js +1 -1
  370. package/es/{styles → tasty/styles}/width.js +1 -1
  371. package/es/tasty/tasty.js +86 -0
  372. package/es/{styles → tasty}/types.js +1 -1
  373. package/es/{utils → tasty/utils}/colors.js +1 -1
  374. package/es/{utils → tasty/utils}/dotize.js +1 -1
  375. package/es/{utils → tasty/utils}/filterBaseProps.js +1 -1
  376. package/es/{utils → tasty/utils}/index.js +1 -1
  377. package/es/{utils → tasty/utils}/mergeStyles.js +1 -1
  378. package/es/{utils/react → tasty/utils}/modAttrs.js +1 -1
  379. package/es/{utils → tasty/utils}/renderStyles.js +6 -4
  380. package/es/{utils → tasty/utils}/responsive.js +1 -1
  381. package/es/{utils → tasty/utils}/string.js +1 -1
  382. package/es/{utils → tasty/utils}/styles.js +1 -1
  383. package/es/tasty/utils/warnings.js +32 -0
  384. package/es/test/index.js +1 -1
  385. package/es/test/setup.js +1 -1
  386. package/es/test/utils/index.js +1 -1
  387. package/es/test/utils/wait.js +1 -1
  388. package/es/tokens.js +6 -1
  389. package/es/utils/ResizeSensor.js +1 -1
  390. package/es/utils/modules.js +1 -1
  391. package/es/utils/promise.js +1 -1
  392. package/es/utils/react/Slots.js +2 -2
  393. package/es/utils/react/chain.js +1 -1
  394. package/es/utils/react/index.js +2 -2
  395. package/es/utils/{interactions.js → react/interactions.js} +1 -1
  396. package/es/utils/react/isTextOnly.js +1 -1
  397. package/es/utils/react/mapProps.js +1 -1
  398. package/es/utils/react/mergeProps.js +15 -15
  399. package/es/utils/react/nullableValue.js +1 -1
  400. package/es/utils/react/useCombinedRefs.js +1 -1
  401. package/es/utils/react/useId.js +1 -1
  402. package/es/utils/react/useLayoutEffect.js +1 -1
  403. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  404. package/es/utils/transitions.js +1 -1
  405. package/es/utils/tree.js +1 -1
  406. package/es/utils/warnings.js +1 -1
  407. package/package.json +1 -1
  408. package/types/components/Base.d.ts +2 -2
  409. package/types/components/Block.d.ts +1 -4
  410. package/types/components/GridProvider.d.ts +1 -1
  411. package/types/components/Root.d.ts +1 -1
  412. package/types/components/actions/Action.d.ts +1 -1
  413. package/types/components/content/ActiveZone/ActiveZone.d.ts +1 -1
  414. package/types/components/content/Alert/types.d.ts +1 -1
  415. package/types/components/content/Alert/use-alert.d.ts +2 -2
  416. package/types/components/content/Avatar/Avatar.d.ts +1 -2
  417. package/types/components/content/Badge/Badge.d.ts +1 -1
  418. package/types/components/content/Card/Card.d.ts +1 -1
  419. package/types/components/content/Content.d.ts +1 -1
  420. package/types/components/content/CopySnippet/CopySnippet.d.ts +1 -1
  421. package/types/components/content/Divider.d.ts +1 -1
  422. package/types/components/content/Footer.d.ts +1 -1
  423. package/types/components/content/Header.d.ts +1 -1
  424. package/types/components/content/Paragraph.d.ts +1 -1
  425. package/types/components/content/Placeholder/Placeholder.d.ts +1 -2
  426. package/types/components/content/PrismCode/PrismCode.d.ts +1 -2
  427. package/types/components/content/Result/Result.d.ts +1 -1
  428. package/types/components/content/Skeleton/Skeleton.d.ts +1 -1
  429. package/types/components/content/Tag/Tag.d.ts +1 -1
  430. package/types/components/content/Text.d.ts +1 -2
  431. package/types/components/content/Title.d.ts +1 -1
  432. package/types/components/forms/Checkbox/Checkbox.d.ts +1 -1
  433. package/types/components/forms/Checkbox/CheckboxGroup.d.ts +1 -1
  434. package/types/components/forms/FieldWrapper.d.ts +1 -1
  435. package/types/components/forms/FileInput/FileInput.d.ts +1 -2
  436. package/types/components/forms/Form/Form.d.ts +2 -3
  437. package/types/components/forms/Label.d.ts +1 -2
  438. package/types/components/forms/RadioGroup/Radio.d.ts +1 -2
  439. package/types/components/forms/RadioGroup/RadioGroup.d.ts +1 -2
  440. package/types/components/forms/Switch/Switch.d.ts +1 -2
  441. package/types/components/forms/TextInput/TextInputBase.d.ts +1 -2
  442. package/types/components/layout/Flex.d.ts +1 -1
  443. package/types/components/layout/Flow.d.ts +1 -1
  444. package/types/components/layout/Grid.d.ts +1 -1
  445. package/types/components/layout/Prefix.d.ts +1 -1
  446. package/types/components/layout/Space.d.ts +1 -1
  447. package/types/components/layout/Suffix.d.ts +1 -1
  448. package/types/components/navigation/LegacyTabs/LegacyTabs.d.ts +1 -1
  449. package/types/components/organisms/FileTabs/FileTabs.d.ts +1 -1
  450. package/types/components/other/Base64Upload/Base64Upload.d.ts +1 -1
  451. package/types/components/overlays/AlertDialog/types.d.ts +1 -1
  452. package/types/components/overlays/Dialog/Dialog.d.ts +1 -1
  453. package/types/components/overlays/Dialog/DialogTrigger.d.ts +1 -1
  454. package/types/components/overlays/Modal/Modal.d.ts +1 -2
  455. package/types/components/overlays/Modal/Popover.d.ts +1 -1
  456. package/types/components/overlays/Modal/Tray.d.ts +1 -2
  457. package/types/components/overlays/Tooltip/Tooltip.d.ts +1 -2
  458. package/types/components/overlays/Tooltip/TooltipProvider.d.ts +1 -1
  459. package/types/components/overlays/Tooltip/context.d.ts +1 -1
  460. package/types/components/pickers/Menu/Menu.d.ts +2 -3
  461. package/types/components/pickers/Menu/styled.d.ts +130 -132
  462. package/types/components/pickers/Select/Select.d.ts +1 -2
  463. package/types/index.d.ts +5 -6
  464. package/types/provider.d.ts +1 -2
  465. package/types/shared/form.d.ts +1 -2
  466. package/types/stories/components/StyledButton.d.ts +90 -91
  467. package/types/styled/styled.d.ts +24 -5
  468. package/types/tasty/index.d.ts +17 -0
  469. package/types/{providers → tasty/providers}/BreakpointsProvider.d.ts +0 -0
  470. package/types/{providers → tasty/providers}/StylesProvider.d.ts +0 -0
  471. package/types/{styles → tasty/styles}/align.d.ts +0 -0
  472. package/types/{styles → tasty/styles}/border.d.ts +0 -0
  473. package/types/{styles → tasty/styles}/boxShadow.combinator.d.ts +0 -0
  474. package/types/{styles → tasty/styles}/color.d.ts +0 -0
  475. package/types/{styles → tasty/styles}/createStyle.d.ts +0 -0
  476. package/types/{styles → tasty/styles}/dimension.d.ts +0 -0
  477. package/types/{styles → tasty/styles}/display.d.ts +0 -0
  478. package/types/{styles → tasty/styles}/fill.d.ts +0 -0
  479. package/types/{styles → tasty/styles}/flow.d.ts +0 -0
  480. package/types/{styles → tasty/styles}/font.d.ts +0 -0
  481. package/types/{styles → tasty/styles}/fontStyle.d.ts +0 -0
  482. package/types/{styles → tasty/styles}/gap.d.ts +0 -0
  483. package/types/{styles → tasty/styles}/groupRadius.d.ts +0 -0
  484. package/types/{styles → tasty/styles}/height.d.ts +0 -0
  485. package/types/{styles → tasty/styles}/index.d.ts +1 -1
  486. package/types/{styles → tasty/styles}/justify.d.ts +0 -0
  487. package/types/{styles → tasty/styles}/list.d.ts +0 -0
  488. package/types/{styles → tasty/styles}/margin.d.ts +0 -0
  489. package/types/{styles → tasty/styles}/marginBlock.d.ts +0 -0
  490. package/types/{styles → tasty/styles}/marginInline.d.ts +0 -0
  491. package/types/{styles → tasty/styles}/outline.d.ts +0 -0
  492. package/types/{styles → tasty/styles}/padding.d.ts +0 -0
  493. package/types/{styles → tasty/styles}/paddingBlock.d.ts +0 -0
  494. package/types/{styles → tasty/styles}/paddingInline.d.ts +0 -0
  495. package/types/{styles → tasty/styles}/predefined.d.ts +0 -0
  496. package/types/{styles → tasty/styles}/preset.d.ts +1 -1
  497. package/types/{styles → tasty/styles}/radius.d.ts +0 -0
  498. package/types/{styles → tasty/styles}/reset.d.ts +0 -0
  499. package/types/{styles → tasty/styles}/shadow.d.ts +0 -0
  500. package/types/{styles → tasty/styles}/styledScrollbar.d.ts +0 -0
  501. package/types/{styles → tasty/styles}/transition.d.ts +0 -0
  502. package/types/{styles → tasty/styles}/types.d.ts +0 -0
  503. package/types/{styles → tasty/styles}/width.d.ts +0 -0
  504. package/types/tasty/tasty.d.ts +31 -0
  505. package/types/{components → tasty}/types.d.ts +3 -16
  506. package/types/{utils → tasty/utils}/colors.d.ts +0 -0
  507. package/types/{utils → tasty/utils}/dotize.d.ts +0 -0
  508. package/types/{utils → tasty/utils}/filterBaseProps.d.ts +0 -0
  509. package/types/{utils → tasty/utils}/index.d.ts +0 -0
  510. package/types/{utils → tasty/utils}/mergeStyles.d.ts +0 -0
  511. package/types/{utils/react → tasty/utils}/modAttrs.d.ts +0 -0
  512. package/types/{utils → tasty/utils}/renderStyles.d.ts +0 -0
  513. package/types/{utils → tasty/utils}/responsive.d.ts +0 -0
  514. package/types/{utils → tasty/utils}/string.d.ts +0 -0
  515. package/types/{utils → tasty/utils}/styles.d.ts +0 -0
  516. package/types/tasty/utils/warnings.d.ts +7 -0
  517. package/types/tokens.d.ts +4 -0
  518. package/types/utils/react/index.d.ts +1 -1
  519. package/types/utils/{interactions.d.ts → react/interactions.d.ts} +0 -0
  520. package/types/utils/react/mergeProps.d.ts +1 -1
  521. package/types/utils/react/nullableValue.d.ts +1 -1
  522. package/cjs/utils/escape-string.js +0 -21
  523. package/es/utils/escape-string.js +0 -18
  524. 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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -16,12 +16,10 @@ const Form_1 = require("../Form/Form");
16
16
  const interactions_1 = require("@react-aria/interactions");
17
17
  const provider_1 = require("../../../provider");
18
18
  const Base_1 = require("../../Base");
19
- const styles_1 = require("../../../utils/styles");
20
- const list_1 = require("../../../styles/list");
21
- const interactions_2 = require("../../../utils/interactions");
19
+ const tasty_1 = require("../../../tasty");
20
+ const interactions_2 = require("../../../utils/react/interactions");
22
21
  const Prefix_1 = require("../../layout/Prefix");
23
22
  const Suffix_1 = require("../../layout/Suffix");
24
- const StylesProvider_1 = require("../../../providers/StylesProvider");
25
23
  const FieldWrapper_1 = require("../FieldWrapper");
26
24
  const Space_1 = require("../../layout/Space");
27
25
  const Block_1 = require("../../Block");
@@ -30,8 +28,8 @@ const WRAPPER_STYLES = {
30
28
  display: 'grid',
31
29
  position: 'relative',
32
30
  };
33
- const STYLE_LIST = [...list_1.POSITION_STYLES, ...list_1.DIMENSION_STYLES];
34
- const INPUT_STYLE_PROPS_LIST = [...list_1.BLOCK_STYLES, 'resize'];
31
+ const STYLE_LIST = [...tasty_1.POSITION_STYLES, ...tasty_1.DIMENSION_STYLES];
32
+ const INPUT_STYLE_PROPS_LIST = [...tasty_1.BLOCK_STYLES, 'resize'];
35
33
  exports.DEFAULT_INPUT_STYLES = {
36
34
  display: 'block',
37
35
  width: 'initial 100% initial',
@@ -79,10 +77,10 @@ function TextInputBase(props, ref) {
79
77
  let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, ...otherProps } = props;
80
78
  let [suffixWidth, setSuffixWidth] = (0, react_1.useState)(0);
81
79
  let [prefixWidth, setPrefixWidth] = (0, react_1.useState)(0);
82
- let styles = (0, styles_1.extractStyles)(otherProps, STYLE_LIST);
80
+ let styles = (0, tasty_1.extractStyles)(otherProps, STYLE_LIST);
83
81
  let type = otherProps.type;
84
- let contextStyles = (0, StylesProvider_1.useContextStyles)('Input', otherProps);
85
- inputStyles = (0, styles_1.extractStyles)(otherProps, INPUT_STYLE_PROPS_LIST, {
82
+ let contextStyles = (0, tasty_1.useContextStyles)('Input', otherProps);
83
+ inputStyles = (0, tasty_1.extractStyles)(otherProps, INPUT_STYLE_PROPS_LIST, {
86
84
  ...exports.DEFAULT_INPUT_STYLES,
87
85
  ...contextStyles,
88
86
  ...inputStyles,
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -11,16 +11,14 @@ exports.Flex = void 0;
11
11
  const jsx_runtime_1 = require("react/jsx-runtime");
12
12
  const react_1 = require("react");
13
13
  const Base_1 = require("../Base");
14
- const list_1 = require("../../styles/list");
15
- const styles_1 = require("../../utils/styles");
16
- const filterBaseProps_1 = require("../../utils/filterBaseProps");
14
+ const tasty_1 = require("../../tasty");
17
15
  const DEFAULT_STYLES = {
18
16
  display: 'flex',
19
17
  flow: 'row',
20
18
  };
21
19
  exports.Flex = (0, react_1.forwardRef)((props, ref) => {
22
- const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES);
23
- return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
20
+ const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
21
+ return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
24
22
  });
25
23
 
26
24
 
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -11,17 +11,15 @@ exports.Flow = void 0;
11
11
  const jsx_runtime_1 = require("react/jsx-runtime");
12
12
  const react_1 = require("react");
13
13
  const Base_1 = require("../Base");
14
- const list_1 = require("../../styles/list");
15
- const styles_1 = require("../../utils/styles");
16
- const filterBaseProps_1 = require("../../utils/filterBaseProps");
14
+ const tasty_1 = require("../../tasty");
17
15
  const DEFAULT_STYLES = {
18
16
  display: 'block',
19
17
  flow: 'column',
20
18
  };
21
- const STYLE_PROPS = list_1.CONTAINER_STYLES;
19
+ const STYLE_PROPS = tasty_1.CONTAINER_STYLES;
22
20
  exports.Flow = (0, react_1.forwardRef)((props, ref) => {
23
- const styles = (0, styles_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
24
- return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
21
+ const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
22
+ return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
25
23
  });
26
24
 
27
25
 
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -11,9 +11,7 @@ exports.Grid = void 0;
11
11
  const jsx_runtime_1 = require("react/jsx-runtime");
12
12
  const react_1 = require("react");
13
13
  const Base_1 = require("../Base");
14
- const list_1 = require("../../styles/list");
15
- const styles_1 = require("../../utils/styles");
16
- const filterBaseProps_1 = require("../../utils/filterBaseProps");
14
+ const tasty_1 = require("../../tasty");
17
15
  const DEFAULT_STYLES = {
18
16
  display: 'grid',
19
17
  flow: 'row',
@@ -26,8 +24,8 @@ const PROP_MAP = {
26
24
  areas: 'gridAreas',
27
25
  };
28
26
  exports.Grid = (0, react_1.forwardRef)((props, ref) => {
29
- const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES, PROP_MAP);
30
- return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
27
+ const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES, PROP_MAP);
28
+ return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
31
29
  });
32
30
 
33
31
 
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -11,9 +11,7 @@ exports.Prefix = void 0;
11
11
  const jsx_runtime_1 = require("react/jsx-runtime");
12
12
  const react_1 = require("react");
13
13
  const Base_1 = require("../Base");
14
- const list_1 = require("../../styles/list");
15
- const styles_1 = require("../../utils/styles");
16
- const filterBaseProps_1 = require("../../utils/filterBaseProps");
14
+ const tasty_1 = require("../../tasty");
17
15
  const react_2 = require("../../utils/react");
18
16
  const DEFAULT_STYLES = {
19
17
  position: 'absolute',
@@ -30,16 +28,16 @@ const DEFAULT_STYLES = {
30
28
  };
31
29
  exports.Prefix = (0, react_1.forwardRef)((allProps, outerRef) => {
32
30
  let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;
33
- const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES);
31
+ const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
34
32
  const ref = (0, react_2.useCombinedRefs)(outerRef);
35
33
  (0, react_1.useEffect)(() => {
36
34
  if ((ref === null || ref === void 0 ? void 0 : ref.current) && onWidthChange) {
37
35
  onWidthChange(ref.current.offsetWidth);
38
36
  }
39
37
  }, [children, ref, onWidthChange]);
40
- return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
38
+ return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
41
39
  // @ts-ignore
42
- '--prefix-gap': (0, styles_1.parseStyle)(outerGap).value,
40
+ '--prefix-gap': (0, tasty_1.parseStyle)(outerGap).value,
43
41
  }, children: children }, void 0));
44
42
  });
45
43
 
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -11,9 +11,7 @@ exports.Space = void 0;
11
11
  const jsx_runtime_1 = require("react/jsx-runtime");
12
12
  const react_1 = require("react");
13
13
  const Base_1 = require("../Base");
14
- const list_1 = require("../../styles/list");
15
- const styles_1 = require("../../utils/styles");
16
- const filterBaseProps_1 = require("../../utils/filterBaseProps");
14
+ const tasty_1 = require("../../tasty");
17
15
  const DEFAULT_STYLES = {
18
16
  display: 'flex',
19
17
  gap: true,
@@ -24,12 +22,12 @@ exports.Space = (0, react_1.forwardRef)(function Space(props, ref) {
24
22
  ? 'column'
25
23
  : 'row'
26
24
  : props.flow || 'row';
27
- const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, {
25
+ const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, {
28
26
  ...DEFAULT_STYLES,
29
27
  flow,
30
28
  alignItems: flow === 'row' ? 'center' : 'stretch',
31
29
  });
32
- return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
30
+ return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
33
31
  });
34
32
 
35
33
 
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -11,9 +11,7 @@ exports.Suffix = void 0;
11
11
  const jsx_runtime_1 = require("react/jsx-runtime");
12
12
  const react_1 = require("react");
13
13
  const Base_1 = require("../Base");
14
- const list_1 = require("../../styles/list");
15
- const styles_1 = require("../../utils/styles");
16
- const filterBaseProps_1 = require("../../utils/filterBaseProps");
14
+ const tasty_1 = require("../../tasty");
17
15
  const react_2 = require("../../utils/react");
18
16
  const DEFAULT_STYLES = {
19
17
  position: 'absolute',
@@ -30,15 +28,15 @@ const DEFAULT_STYLES = {
30
28
  };
31
29
  exports.Suffix = (0, react_1.forwardRef)((allProps, outerRef) => {
32
30
  let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;
33
- const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES);
31
+ const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
34
32
  const ref = (0, react_2.useCombinedRefs)(outerRef);
35
33
  (0, react_1.useEffect)(() => {
36
34
  if (ref && ref.current && onWidthChange) {
37
35
  onWidthChange(ref.current.offsetWidth);
38
36
  }
39
37
  }, [children, ref, onWidthChange]);
40
- return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
41
- '--suffix-gap': (0, styles_1.parseStyle)(outerGap).value,
38
+ return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
39
+ '--suffix-gap': (0, tasty_1.parseStyle)(outerGap).value,
42
40
  }, children: children }, void 0));
43
41
  });
44
42
 
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -15,6 +15,7 @@ const Block_1 = require("../../Block");
15
15
  const Action_1 = require("../../actions/Action");
16
16
  const Space_1 = require("../../layout/Space");
17
17
  const Flex_1 = require("../../layout/Flex");
18
+ const tasty_1 = require("../../../tasty");
18
19
  const FileTabsContext = (0, react_1.createContext)({
19
20
  addTab() { },
20
21
  removeTab() { },
@@ -91,13 +92,19 @@ const TABS_CONTAINER_CSS = `
91
92
  opacity: 1;
92
93
  }
93
94
  `;
94
- const DIRTY_BADGE_CSS = `
95
- position: absolute;
96
- top: 50%;
97
- left: 50%;
98
- transform: translate(-50%, -50%);
99
- transition: all .2s linear;
100
- `;
95
+ const DirtyBadge = (0, tasty_1.tasty)({
96
+ styles: {
97
+ position: 'absolute',
98
+ top: '50%',
99
+ left: '50%',
100
+ transform: 'translate(-50%, -50%)',
101
+ transition: 'all .2s linear',
102
+ width: '1x',
103
+ height: '1x',
104
+ fill: '#dark.30',
105
+ radius: 'round',
106
+ },
107
+ });
101
108
  const TAB_STYLES = {
102
109
  radius: '1r 1r 0 0',
103
110
  padding: '1x 1.5x',
@@ -171,7 +178,7 @@ const TAB_CSS = `
171
178
  }
172
179
  `;
173
180
  const Tab = ({ isDirty, isDisabled, children, isClosable, onClose, ...props }) => {
174
- return ((0, jsx_runtime_1.jsx)(Action_1.Action, { className: isDirty ? 'file-tab--dirty' : '', css: TAB_CSS, styles: TAB_STYLES, isDisabled: isDisabled, ...props, children: (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".75x", children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }, void 0), (isClosable || isDirty) && ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? ((0, jsx_runtime_1.jsx)(Action_1.Action, { onPress: onClose, className: "file-tab-close", styles: CLOSE_STYLES, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0) }, void 0)) : ((0, jsx_runtime_1.jsx)("div", {}, void 0)), isDirty ? ((0, jsx_runtime_1.jsx)(Block_1.Block, { className: "file-tab-dirty-badge", css: DIRTY_BADGE_CSS, width: "1x", height: "1x", fill: "#dark.30", radius: "round" }, void 0)) : null] }, void 0))] }, void 0) }, void 0));
181
+ return ((0, jsx_runtime_1.jsx)(Action_1.Action, { className: isDirty ? 'file-tab--dirty' : '', css: TAB_CSS, styles: TAB_STYLES, isDisabled: isDisabled, ...props, children: (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".75x", children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }, void 0), (isClosable || isDirty) && ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? ((0, jsx_runtime_1.jsx)(Action_1.Action, { onPress: onClose, className: "file-tab-close", styles: CLOSE_STYLES, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0) }, void 0)) : ((0, jsx_runtime_1.jsx)("div", {}, void 0)), isDirty ? (0, jsx_runtime_1.jsx)(DirtyBadge, { className: "file-tab-dirty-badge" }, void 0) : null] }, void 0))] }, void 0) }, void 0));
175
182
  };
176
183
  function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable = true, children, ...props }) {
177
184
  const tabsRef = (0, react_1.useRef)(null);
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -17,9 +17,7 @@ const actions_1 = require("../../actions");
17
17
  const Block_1 = require("../../Block");
18
18
  const Text_1 = require("../../content/Text");
19
19
  const styled_components_1 = __importDefault(require("styled-components"));
20
- const styles_1 = require("../../../utils/styles");
21
- const list_1 = require("../../../styles/list");
22
- const filterBaseProps_1 = require("../../../utils/filterBaseProps");
20
+ const tasty_1 = require("../../../tasty");
23
21
  const DEFAULT_STYLES = {
24
22
  display: 'inline-flex',
25
23
  padding: '.75x 1x',
@@ -32,7 +30,7 @@ const DEFAULT_STYLES = {
32
30
  };
33
31
  exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)((allProps, ref) => {
34
32
  const { onInput, ...props } = allProps;
35
- const styles = (0, styles_1.extractStyles)(props, list_1.POSITION_STYLES, DEFAULT_STYLES);
33
+ const styles = (0, tasty_1.extractStyles)(props, tasty_1.POSITION_STYLES, DEFAULT_STYLES);
36
34
  const [file, setFile] = (0, react_1.useState)();
37
35
  const [error, setError] = (0, react_1.useState)('');
38
36
  function onInputFile(e) {
@@ -76,7 +74,7 @@ exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)(
76
74
  setError('Invalid file');
77
75
  }
78
76
  }
79
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actions_1.Button, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }, void 0), (0, jsx_runtime_1.jsx)(Block_1.Block, { color: "#dark-04", children: file || 'No file selected' }, void 0), (0, jsx_runtime_1.jsx)("input", { type: "file", name: "base64", onInput: onInputFile, accept: ".json" }, void 0)] }, void 0), error && (0, jsx_runtime_1.jsx)(Text_1.Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
77
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actions_1.Button, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }, void 0), (0, jsx_runtime_1.jsx)(Block_1.Block, { color: "#dark-04", children: file || 'No file selected' }, void 0), (0, jsx_runtime_1.jsx)("input", { type: "file", name: "base64", onInput: onInputFile, accept: ".json" }, void 0)] }, void 0), error && (0, jsx_runtime_1.jsx)(Text_1.Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
80
78
  })) `
81
79
  appearance: none;
82
80
  cursor: pointer;
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -19,11 +19,9 @@ const dialog_1 = require("@react-aria/dialog");
19
19
  const i18n_1 = require("@react-aria/i18n");
20
20
  const Base_1 = require("../../Base");
21
21
  const icons_1 = require("@ant-design/icons");
22
- const styles_1 = require("../../../utils/styles");
23
- const list_1 = require("../../../styles/list");
22
+ const tasty_1 = require("../../../tasty");
24
23
  const react_2 = require("../../../utils/react");
25
- const StylesProvider_1 = require("../../../providers/StylesProvider");
26
- const STYLES_LIST = [...list_1.BASE_STYLES, ...list_1.DIMENSION_STYLES, ...list_1.BLOCK_STYLES];
24
+ const STYLES_LIST = [...tasty_1.BASE_STYLES, ...tasty_1.DIMENSION_STYLES, ...tasty_1.BLOCK_STYLES];
27
25
  const DEFAULT_STYLES = {
28
26
  pointerEvents: 'auto',
29
27
  position: 'relative',
@@ -106,8 +104,8 @@ function Dialog(props, ref) {
106
104
  size = sizeMap[size.toUpperCase()] || size;
107
105
  const styles = {
108
106
  ...DEFAULT_STYLES,
109
- ...(0, StylesProvider_1.useContextStyles)('Dialog', props),
110
- ...(0, styles_1.extractStyles)(otherProps, STYLES_LIST),
107
+ ...(0, tasty_1.useContextStyles)('Dialog', props),
108
+ ...(0, tasty_1.extractStyles)(otherProps, STYLES_LIST),
111
109
  '@dialog-size': `${sizePxMap[size] || 288}px`,
112
110
  };
113
111
  let formatMessage = (0, i18n_1.useMessageFormatter)(intlMessages);
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -41,9 +41,9 @@ function DialogTrigger(props) {
41
41
  // eslint-disable-next-line arrow-body-style
42
42
  (0, react_1.useEffect)(() => {
43
43
  return () => {
44
- if ((wasOpen.current || isExiting.current)
45
- && type !== 'popover'
46
- && type !== 'tray') {
44
+ if ((wasOpen.current || isExiting.current) &&
45
+ type !== 'popover' &&
46
+ type !== 'tray') {
47
47
  console.warn('CubeUIKit: A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.');
48
48
  }
49
49
  };
@@ -107,10 +107,10 @@ function DialogTriggerBase(props) {
107
107
  isDismissable,
108
108
  ...dialogProps,
109
109
  };
110
- return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(interactions_1.PressResponder, { ...triggerProps, onPress: state.toggle, isPressed: state.isOpen
111
- && type !== 'modal'
112
- && type !== 'fullscreen'
113
- && type !== 'fullscreenTakeover', children: trigger }, void 0), (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
110
+ return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(interactions_1.PressResponder, { ...triggerProps, onPress: state.toggle, isPressed: state.isOpen &&
111
+ type !== 'modal' &&
112
+ type !== 'fullscreen' &&
113
+ type !== 'fullscreenTakeover', children: trigger }, void 0), (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
114
114
  }
115
115
 
116
116
 
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -16,7 +16,7 @@ const react_1 = require("react");
16
16
  const Underlay_1 = require("./Underlay");
17
17
  const overlays_1 = require("@react-aria/overlays");
18
18
  const Base_1 = require("../../Base");
19
- const StylesProvider_1 = require("../../../providers/StylesProvider");
19
+ const tasty_1 = require("../../../tasty");
20
20
  const react_2 = require("../../../utils/react");
21
21
  exports.OVERLAY_WRAPPER_STYLES = {
22
22
  position: 'fixed',
@@ -69,7 +69,7 @@ let ModalWrapper = (0, react_1.forwardRef)(function ModalWrapper(props, ref) {
69
69
  let { qa, children, isOpen, type, placement, styles, overlayProps, ...otherProps } = props;
70
70
  styles = {
71
71
  ...MODAL_STYLES,
72
- ...(0, StylesProvider_1.useContextStyles)('Modal', props),
72
+ ...(0, tasty_1.useContextStyles)('Modal', props),
73
73
  ...styles,
74
74
  };
75
75
  (0, overlays_1.usePreventScroll)();
@@ -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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
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-70220b3
4
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
5
5
  * Released under the MIT license.
6
6
  */
7
7