@cube-dev/ui-kit 0.0.0-canary-bb9a13f → 0.0.0-canary-7d798b3

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 (407) hide show
  1. package/cjs/components/Base.js +3 -3
  2. package/cjs/components/Block.js +1 -1
  3. package/cjs/components/GlobalStyles.js +1 -1
  4. package/cjs/components/GridProvider.js +1 -1
  5. package/cjs/components/HiddenInput.js +1 -1
  6. package/cjs/components/OpenTrasition.js +1 -1
  7. package/cjs/components/Root.js +1 -1
  8. package/cjs/components/actions/Action.js +1 -1
  9. package/cjs/components/actions/Button/Button.js +1 -1
  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 +1 -1
  13. package/cjs/components/actions/index.js +1 -1
  14. package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
  15. package/cjs/components/content/Avatar/Avatar.js +1 -1
  16. package/cjs/components/content/Badge/Badge.js +5 -5
  17. package/cjs/components/content/Card/Card.js +1 -1
  18. package/cjs/components/content/Content.js +5 -8
  19. package/cjs/components/content/Divider.js +1 -1
  20. package/cjs/components/content/Footer.js +5 -7
  21. package/cjs/components/content/Header.js +5 -6
  22. package/cjs/components/content/Paragraph.js +1 -1
  23. package/cjs/components/content/Placeholder/Placeholder.js +1 -1
  24. package/cjs/components/content/PrismCode/PrismCode.js +6 -6
  25. package/cjs/components/content/Result/Result.js +6 -6
  26. package/cjs/components/content/Skeleton/Skeleton.js +1 -1
  27. package/cjs/components/content/Tag/Tag.js +28 -23
  28. package/cjs/components/content/Text.js +28 -29
  29. package/cjs/components/content/Title.js +5 -8
  30. package/cjs/components/forms/Checkbox/Checkbox.js +1 -1
  31. package/cjs/components/forms/Checkbox/CheckboxGroup.js +1 -1
  32. package/cjs/components/forms/Checkbox/context.js +1 -1
  33. package/cjs/components/forms/FieldWrapper.js +6 -10
  34. package/cjs/components/forms/FileInput/FileInput.js +1 -1
  35. package/cjs/components/forms/Form/Field.js +1 -1
  36. package/cjs/components/forms/Form/Form.js +1 -1
  37. package/cjs/components/forms/Form/index.js +1 -1
  38. package/cjs/components/forms/Form/useForm.js +1 -1
  39. package/cjs/components/forms/Form/validation.js +1 -1
  40. package/cjs/components/forms/Label.js +1 -1
  41. package/cjs/components/forms/NumberInput/NumberInput.js +3 -3
  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 +1 -1
  45. package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
  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 +1 -1
  49. package/cjs/components/forms/TextArea/TextArea.js +1 -1
  50. package/cjs/components/forms/TextInput/TextInput.js +1 -1
  51. package/cjs/components/forms/TextInput/TextInputBase.js +1 -1
  52. package/cjs/components/forms/index.js +1 -1
  53. package/cjs/components/layout/Flex.js +1 -1
  54. package/cjs/components/layout/Flow.js +1 -1
  55. package/cjs/components/layout/Grid.js +1 -1
  56. package/cjs/components/layout/Prefix.js +1 -1
  57. package/cjs/components/layout/Space.js +1 -1
  58. package/cjs/components/layout/Suffix.js +1 -1
  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 +5 -8
  62. package/cjs/components/organisms/CopySnippet/CopySnippet.js +4 -4
  63. package/cjs/components/organisms/DirectoryTree/DirectoryTree.js +1 -1
  64. package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
  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 +1 -1
  69. package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  86. package/cjs/components/overlays/Modal/Tray.js +1 -1
  87. package/cjs/components/overlays/Modal/Underlay.js +1 -1
  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 +1 -1
  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 +1 -1
  96. package/cjs/components/pickers/Menu/Menu.js +18 -16
  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 +2 -3
  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 +34 -15
  103. package/cjs/components/pickers/Select/Select.js +1 -1
  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/components/types.js +1 -1
  116. package/cjs/data/themes.js +1 -1
  117. package/cjs/index.js +2 -2
  118. package/cjs/provider.js +1 -1
  119. package/cjs/providers/BreakpointsProvider.js +1 -1
  120. package/cjs/providers/StylesProvider.js +1 -1
  121. package/cjs/services/notification.js +1 -1
  122. package/cjs/shared/form.js +1 -1
  123. package/cjs/shared/index.js +1 -1
  124. package/cjs/stories/FormFieldArgs.js +1 -1
  125. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  126. package/cjs/stories/components/DialogFormApp.js +1 -1
  127. package/cjs/stories/components/StyledButton.js +4 -4
  128. package/cjs/stories/lists/baseProps.js +1 -1
  129. package/cjs/styles/align.js +1 -1
  130. package/cjs/styles/border.js +1 -1
  131. package/cjs/styles/boxShadow.combinator.js +1 -1
  132. package/cjs/styles/color.js +1 -1
  133. package/cjs/styles/createStyle.js +1 -1
  134. package/cjs/styles/dimension.js +1 -1
  135. package/cjs/styles/display.js +1 -1
  136. package/cjs/styles/fill.js +1 -1
  137. package/cjs/styles/flow.js +1 -1
  138. package/cjs/styles/font.js +1 -1
  139. package/cjs/styles/fontStyle.js +1 -1
  140. package/cjs/styles/gap.js +1 -1
  141. package/cjs/styles/groupRadius.js +1 -1
  142. package/cjs/styles/height.js +1 -1
  143. package/cjs/styles/index.js +1 -1
  144. package/cjs/styles/justify.js +1 -1
  145. package/cjs/styles/list.js +1 -1
  146. package/cjs/styles/margin.js +1 -1
  147. package/cjs/styles/marginBlock.js +1 -1
  148. package/cjs/styles/marginInline.js +1 -1
  149. package/cjs/styles/outline.js +1 -1
  150. package/cjs/styles/padding.js +1 -1
  151. package/cjs/styles/paddingBlock.js +1 -1
  152. package/cjs/styles/paddingInline.js +1 -1
  153. package/cjs/styles/predefined.js +1 -1
  154. package/cjs/styles/preset.js +1 -1
  155. package/cjs/styles/radius.js +1 -1
  156. package/cjs/styles/reset.js +1 -1
  157. package/cjs/styles/shadow.js +1 -1
  158. package/cjs/styles/styledScrollbar.js +1 -1
  159. package/cjs/styles/transition.js +1 -1
  160. package/cjs/styles/types.js +1 -1
  161. package/cjs/styles/width.js +1 -1
  162. package/cjs/{styled → tasty}/index.js +4 -1
  163. package/cjs/{styled → tasty}/styled.js +5 -6
  164. package/cjs/tasty/tasty.js +102 -0
  165. package/cjs/test/index.js +1 -1
  166. package/cjs/test/setup.js +1 -1
  167. package/cjs/test/utils/index.js +1 -1
  168. package/cjs/test/utils/wait.js +1 -1
  169. package/cjs/tokens.js +6 -1
  170. package/cjs/utils/ResizeSensor.js +1 -1
  171. package/cjs/utils/colors.js +1 -1
  172. package/cjs/utils/dotize.js +1 -1
  173. package/cjs/utils/escape-string.js +1 -1
  174. package/cjs/utils/filterBaseProps.js +1 -1
  175. package/cjs/utils/index.js +1 -1
  176. package/cjs/utils/interactions.js +1 -1
  177. package/cjs/utils/mergeStyles.js +1 -1
  178. package/cjs/utils/modules.js +1 -1
  179. package/cjs/utils/promise.js +1 -1
  180. package/cjs/utils/react/Slots.js +1 -1
  181. package/cjs/utils/react/chain.js +1 -1
  182. package/cjs/utils/react/index.js +1 -1
  183. package/cjs/utils/react/isTextOnly.js +1 -1
  184. package/cjs/utils/react/mapProps.js +1 -1
  185. package/cjs/utils/react/mergeProps.js +1 -1
  186. package/cjs/utils/react/modAttrs.js +1 -1
  187. package/cjs/utils/react/nullableValue.js +1 -1
  188. package/cjs/utils/react/useCombinedRefs.js +1 -1
  189. package/cjs/utils/react/useId.js +1 -1
  190. package/cjs/utils/react/useLayoutEffect.js +1 -1
  191. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  192. package/cjs/utils/renderStyles.js +1 -1
  193. package/cjs/utils/responsive.js +1 -1
  194. package/cjs/utils/string.js +1 -1
  195. package/cjs/utils/styles.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 +1 -1
  199. package/es/components/Base.js +3 -3
  200. package/es/components/Block.js +1 -1
  201. package/es/components/GlobalStyles.js +1 -1
  202. package/es/components/GridProvider.js +1 -1
  203. package/es/components/HiddenInput.js +1 -1
  204. package/es/components/OpenTrasition.js +1 -1
  205. package/es/components/Root.js +1 -1
  206. package/es/components/actions/Action.js +1 -1
  207. package/es/components/actions/Button/Button.js +1 -1
  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 +1 -1
  211. package/es/components/actions/index.js +1 -1
  212. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  213. package/es/components/content/Avatar/Avatar.js +1 -1
  214. package/es/components/content/Badge/Badge.js +5 -5
  215. package/es/components/content/Card/Card.js +1 -1
  216. package/es/components/content/Content.js +5 -8
  217. package/es/components/content/Divider.js +1 -1
  218. package/es/components/content/Footer.js +5 -7
  219. package/es/components/content/Header.js +5 -6
  220. package/es/components/content/Paragraph.js +1 -1
  221. package/es/components/content/Placeholder/Placeholder.js +1 -1
  222. package/es/components/content/PrismCode/PrismCode.js +6 -6
  223. package/es/components/content/Result/Result.js +6 -6
  224. package/es/components/content/Skeleton/Skeleton.js +1 -1
  225. package/es/components/content/Tag/Tag.js +28 -23
  226. package/es/components/content/Text.js +28 -29
  227. package/es/components/content/Title.js +5 -8
  228. package/es/components/forms/Checkbox/Checkbox.js +1 -1
  229. package/es/components/forms/Checkbox/CheckboxGroup.js +1 -1
  230. package/es/components/forms/Checkbox/context.js +1 -1
  231. package/es/components/forms/FieldWrapper.js +6 -10
  232. package/es/components/forms/FileInput/FileInput.js +1 -1
  233. package/es/components/forms/Form/Field.js +1 -1
  234. package/es/components/forms/Form/Form.js +1 -1
  235. package/es/components/forms/Form/index.js +1 -1
  236. package/es/components/forms/Form/useForm.js +1 -1
  237. package/es/components/forms/Form/validation.js +1 -1
  238. package/es/components/forms/Label.js +1 -1
  239. package/es/components/forms/NumberInput/NumberInput.js +3 -3
  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 +1 -1
  243. package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
  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 +1 -1
  247. package/es/components/forms/TextArea/TextArea.js +1 -1
  248. package/es/components/forms/TextInput/TextInput.js +1 -1
  249. package/es/components/forms/TextInput/TextInputBase.js +1 -1
  250. package/es/components/forms/index.js +1 -1
  251. package/es/components/layout/Flex.js +1 -1
  252. package/es/components/layout/Flow.js +1 -1
  253. package/es/components/layout/Grid.js +1 -1
  254. package/es/components/layout/Prefix.js +1 -1
  255. package/es/components/layout/Space.js +1 -1
  256. package/es/components/layout/Suffix.js +1 -1
  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 +5 -8
  260. package/es/components/organisms/CopySnippet/CopySnippet.js +4 -4
  261. package/es/components/organisms/DirectoryTree/DirectoryTree.js +1 -1
  262. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  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 +1 -1
  267. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  284. package/es/components/overlays/Modal/Tray.js +1 -1
  285. package/es/components/overlays/Modal/Underlay.js +1 -1
  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 +1 -1
  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 +1 -1
  294. package/es/components/pickers/Menu/Menu.js +18 -16
  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 +3 -4
  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 +33 -14
  301. package/es/components/pickers/Select/Select.js +1 -1
  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/components/types.js +1 -1
  314. package/es/data/themes.js +1 -1
  315. package/es/index.js +2 -2
  316. package/es/provider.js +1 -1
  317. package/es/providers/BreakpointsProvider.js +1 -1
  318. package/es/providers/StylesProvider.js +1 -1
  319. package/es/services/notification.js +1 -1
  320. package/es/shared/form.js +1 -1
  321. package/es/shared/index.js +1 -1
  322. package/es/stories/FormFieldArgs.js +1 -1
  323. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  324. package/es/stories/components/DialogFormApp.js +1 -1
  325. package/es/stories/components/StyledButton.js +4 -4
  326. package/es/stories/lists/baseProps.js +1 -1
  327. package/es/styles/align.js +1 -1
  328. package/es/styles/border.js +1 -1
  329. package/es/styles/boxShadow.combinator.js +1 -1
  330. package/es/styles/color.js +1 -1
  331. package/es/styles/createStyle.js +1 -1
  332. package/es/styles/dimension.js +1 -1
  333. package/es/styles/display.js +1 -1
  334. package/es/styles/fill.js +1 -1
  335. package/es/styles/flow.js +1 -1
  336. package/es/styles/font.js +1 -1
  337. package/es/styles/fontStyle.js +1 -1
  338. package/es/styles/gap.js +1 -1
  339. package/es/styles/groupRadius.js +1 -1
  340. package/es/styles/height.js +1 -1
  341. package/es/styles/index.js +1 -1
  342. package/es/styles/justify.js +1 -1
  343. package/es/styles/list.js +1 -1
  344. package/es/styles/margin.js +1 -1
  345. package/es/styles/marginBlock.js +1 -1
  346. package/es/styles/marginInline.js +1 -1
  347. package/es/styles/outline.js +1 -1
  348. package/es/styles/padding.js +1 -1
  349. package/es/styles/paddingBlock.js +1 -1
  350. package/es/styles/paddingInline.js +1 -1
  351. package/es/styles/predefined.js +1 -1
  352. package/es/styles/preset.js +1 -1
  353. package/es/styles/radius.js +1 -1
  354. package/es/styles/reset.js +1 -1
  355. package/es/styles/shadow.js +1 -1
  356. package/es/styles/styledScrollbar.js +1 -1
  357. package/es/styles/transition.js +1 -1
  358. package/es/styles/types.js +1 -1
  359. package/es/styles/width.js +1 -1
  360. package/es/{styled → tasty}/index.js +2 -1
  361. package/es/{styled → tasty}/styled.js +5 -5
  362. package/es/tasty/tasty.js +80 -0
  363. package/es/test/index.js +1 -1
  364. package/es/test/setup.js +1 -1
  365. package/es/test/utils/index.js +1 -1
  366. package/es/test/utils/wait.js +1 -1
  367. package/es/tokens.js +6 -1
  368. package/es/utils/ResizeSensor.js +1 -1
  369. package/es/utils/colors.js +1 -1
  370. package/es/utils/dotize.js +1 -1
  371. package/es/utils/escape-string.js +1 -1
  372. package/es/utils/filterBaseProps.js +1 -1
  373. package/es/utils/index.js +1 -1
  374. package/es/utils/interactions.js +1 -1
  375. package/es/utils/mergeStyles.js +1 -1
  376. package/es/utils/modules.js +1 -1
  377. package/es/utils/promise.js +1 -1
  378. package/es/utils/react/Slots.js +1 -1
  379. package/es/utils/react/chain.js +1 -1
  380. package/es/utils/react/index.js +1 -1
  381. package/es/utils/react/isTextOnly.js +1 -1
  382. package/es/utils/react/mapProps.js +1 -1
  383. package/es/utils/react/mergeProps.js +1 -1
  384. package/es/utils/react/modAttrs.js +1 -1
  385. package/es/utils/react/nullableValue.js +1 -1
  386. package/es/utils/react/useCombinedRefs.js +1 -1
  387. package/es/utils/react/useId.js +1 -1
  388. package/es/utils/react/useLayoutEffect.js +1 -1
  389. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  390. package/es/utils/renderStyles.js +1 -1
  391. package/es/utils/responsive.js +1 -1
  392. package/es/utils/string.js +1 -1
  393. package/es/utils/styles.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 -1
  397. package/package.json +1 -1
  398. package/types/components/Base.d.ts +1 -1
  399. package/types/components/pickers/Menu/styled.d.ts +5 -6
  400. package/types/components/types.d.ts +1 -14
  401. package/types/index.d.ts +1 -1
  402. package/types/stories/components/StyledButton.d.ts +10 -11
  403. package/types/tasty/index.d.ts +3 -0
  404. package/types/{styled → tasty}/styled.d.ts +15 -3
  405. package/types/tasty/tasty.d.ts +33 -0
  406. package/types/tokens.d.ts +4 -0
  407. package/types/styled/index.d.ts +0 -1
package/cjs/utils/react/modAttrs.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/react/nullableValue.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/react/useCombinedRefs.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/react/useId.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/react/useLayoutEffect.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/react/wrapNodeIfPlain.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/renderStyles.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/responsive.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/string.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/styles.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/transitions.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/tree.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/cjs/utils/warnings.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/Base.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -24,7 +24,7 @@ const INLINE_MAP = {
24
24
  };
25
25
  const BaseElement = styled.div(({ css }) => css);
26
26
  /**
27
- * @deprecated consider using styled() instead
27
+ * @deprecated consider using tasty() instead
28
28
  */
29
29
  const Base = function Base(allProps, ref) {
30
30
  let { as, styles: originalStyles, breakpoints, block, mods, inline, isHidden, isDisabled, qa, qaVal, css, element, ...props } = allProps;
@@ -50,7 +50,7 @@ const Base = function Base(allProps, ref) {
50
50
  return (_jsx(BaseElement, { as: as, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...props, hidden: isHidden, disabled: isDisabled, ref: ref, css: css }, void 0));
51
51
  };
52
52
  /**
53
- * @deprecated consider using styled() instead
53
+ * @deprecated consider using tasty() instead
54
54
  */
55
55
  const _Base = forwardRef(Base);
56
56
  export { _Base as Base };
package/es/components/Block.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/GlobalStyles.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/GridProvider.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/HiddenInput.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/OpenTrasition.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/Root.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/actions/Action.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/actions/Button/Button.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/actions/Button/Submit.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/actions/Button/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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/actions/ButtonGroup/ButtonGroup.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/actions/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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/content/ActiveZone/ActiveZone.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/content/Avatar/Avatar.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/content/Badge/Badge.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -11,10 +11,10 @@ import THEMES from '../../../data/themes';
11
11
  import { CONTAINER_STYLES } from '../../../styles/list';
12
12
  import { extractStyles } from '../../../utils/styles';
13
13
  import { filterBaseProps } from '../../../utils/filterBaseProps';
14
- import { styled } from '../../../styled';
15
- const RawBadge = styled({
16
- name: 'Badge',
17
- props: { role: 'region' },
14
+ import { tasty } from '../../../tasty';
15
+ const RawBadge = tasty({
16
+ qa: 'Badge',
17
+ role: 'region',
18
18
  styles: {
19
19
  display: 'inline-flex',
20
20
  placeContent: 'center',
package/es/components/content/Card/Card.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/content/Content.js CHANGED
@@ -1,21 +1,21 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
9
9
  import { forwardRef } from 'react';
10
- import { styled } from '../../styled';
10
+ import { tasty } from '../../tasty';
11
11
  import { CONTAINER_STYLES, TEXT_STYLES } from '../../styles/list';
12
12
  import { extractStyles } from '../../utils/styles';
13
13
  import { filterBaseProps } from '../../utils/filterBaseProps';
14
14
  import { useSlotProps } from '../../utils/react';
15
15
  const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
16
- const RawContent = styled({
17
- name: 'Content',
18
- tag: 'section',
16
+ const RawContent = tasty({
17
+ qa: 'Content',
18
+ as: 'section',
19
19
  styles: {
20
20
  gridArea: 'content',
21
21
  preset: 'p3',
@@ -26,9 +26,6 @@ const RawContent = styled({
26
26
  overflow: 'auto',
27
27
  styledScrollbar: true,
28
28
  },
29
- props: {
30
- 'data-id': 'Content',
31
- },
32
29
  });
33
30
  export const Content = forwardRef((props, ref) => {
34
31
  props = useSlotProps(props, 'content');
package/es/components/content/Divider.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/content/Footer.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -11,18 +11,16 @@ import { CONTAINER_STYLES, TEXT_STYLES } from '../../styles/list';
11
11
  import { extractStyles } from '../../utils/styles';
12
12
  import { filterBaseProps } from '../../utils/filterBaseProps';
13
13
  import { useSlotProps } from '../../utils/react';
14
- import { styled } from '../../styled';
14
+ import { tasty } from '../../tasty';
15
15
  const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
16
- const RawFooter = styled({
17
- name: 'Footer',
16
+ const RawFooter = tasty({
17
+ qa: 'Footer',
18
+ 'data-id': 'Footer',
18
19
  styles: {
19
20
  gridArea: 'footer',
20
21
  display: 'block',
21
22
  flow: 'column',
22
23
  },
23
- props: {
24
- 'data-id': 'Footer',
25
- },
26
24
  });
27
25
  export const Footer = forwardRef((props, ref) => {
28
26
  props = useSlotProps(props, 'footer');
package/es/components/content/Header.js CHANGED
@@ -1,22 +1,21 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
9
9
  import { forwardRef } from 'react';
10
- import { styled } from '../../styled';
10
+ import { tasty } from '../../tasty';
11
11
  import { CONTAINER_STYLES, TEXT_STYLES } from '../../styles/list';
12
12
  import { extractStyles } from '../../utils/styles';
13
13
  import { filterBaseProps } from '../../utils/filterBaseProps';
14
14
  import { useSlotProps } from '../../utils/react';
15
15
  const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
16
- const RawHeader = styled({
17
- name: 'Header',
18
- tag: 'header',
19
- props: { 'data-id': 'Header' },
16
+ const RawHeader = tasty({
17
+ qa: 'Header',
18
+ as: 'header',
20
19
  styles: {
21
20
  display: 'block',
22
21
  gridArea: 'header',
package/es/components/content/Paragraph.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/content/Placeholder/Placeholder.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/content/PrismCode/PrismCode.js CHANGED
@@ -1,20 +1,20 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.0.0-canary-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
9
9
  import { forwardRef, useEffect } from 'react';
10
10
  import Prism from 'prismjs';
11
- import { styled } from '../../../styled';
11
+ import { tasty } from '../../../tasty';
12
12
  import { CONTAINER_STYLES } from '../../../styles/list';
13
- const RawPre = styled({
14
- name: 'CodeBlock',
15
- tag: 'pre',
13
+ const RawPre = tasty({
14
+ as: 'pre',
15
+ qa: 'CodeBlock',
16
16
  styleProps: CONTAINER_STYLES.concat([]),
17
- props: { className: 'cube-prism-code' },
17
+ className: 'cube-prism-code',
18
18
  styles: {
19
19
  margin: 0,
20
20
  Code: {
package/es/components/content/Result/Result.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -9,14 +9,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
9
  import { forwardRef, useMemo } from 'react';
10
10
  import { CheckCircleFilled, CloseCircleFilled, InfoCircleFilled, WarningFilled, } from '@ant-design/icons';
11
11
  import { Title } from '../Title';
12
- import { styled } from '../../../styled';
12
+ import { tasty } from '../../../tasty';
13
13
  import { CONTAINER_STYLES } from '../../../styles/list';
14
14
  import { filterBaseProps } from '../../../utils/filterBaseProps';
15
15
  import { extractStyles } from '../../../utils/styles';
16
16
  import { wrapNodeIfPlain } from '../../../utils/react';
17
- const Container = styled({
18
- name: 'ResultContainer',
19
- tag: 'section',
17
+ const Container = tasty({
18
+ qa: 'Result_Container',
19
+ as: 'section',
20
20
  styles: {
21
21
  display: 'flex',
22
22
  flow: 'column',
@@ -35,7 +35,7 @@ const Container = styled({
35
35
  },
36
36
  },
37
37
  });
38
- const IconWrapper = styled({
38
+ const IconWrapper = tasty({
39
39
  styles: {
40
40
  fontSize: '10x',
41
41
  },
package/es/components/content/Skeleton/Skeleton.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/content/Tag/Tag.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-bb9a13f
4
+ * @cube-dev/ui-kit v0.0.0-canary-7d798b3
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -15,9 +15,10 @@ import { Action } from '../../actions/Action';
15
15
  import { Suffix } from '../../layout/Suffix';
16
16
  import { Block } from '../../Block';
17
17
  import { CloseOutlined } from '@ant-design/icons';
18
- import { styled } from '../../../styled';
19
- const RawTag = styled({
20
- name: 'Tag',
18
+ import { tasty } from '../../../tasty';
19
+ const RawTag = tasty({
20
+ qa: 'Tag',
21
+ role: 'status',
21
22
  styles: {
22
23
  position: 'relative',
23
24
  display: 'inline-flex',
@@ -55,30 +56,34 @@ const RawTag = styled({
55
56
  }, {}),
56
57
  },
57
58
  },
58
- props: { role: 'status' },
59
59
  });
60
- const DEFAULT_CONTENT_STYLES = {
61
- width: 'max 100%',
62
- textOverflow: 'ellipsis',
63
- overflow: 'hidden',
64
- pointerEvents: 'none',
65
- };
66
- const DEFAULT_CLOSE_STYLES = {
67
- display: 'grid',
68
- placeItems: 'center',
69
- color: true,
70
- placeSelf: 'center',
71
- opacity: {
72
- '': 0.85,
73
- 'pressed | hovered': 1,
60
+ const RawContent = tasty(Block, {
61
+ styles: {
62
+ width: 'max 100%',
63
+ textOverflow: 'ellipsis',
64
+ overflow: 'hidden',
65
+ pointerEvents: 'none',
74
66
  },
75
- transition: 'opacity',
76
- padding: '0 .5x',
77
- };
67
+ });
68
+ const CloseAction = tasty(Action, {
69
+ label: 'Close',
70
+ styles: {
71
+ display: 'grid',
72
+ placeItems: 'center',
73
+ color: true,
74
+ placeSelf: 'center',
75
+ opacity: {
76
+ '': 0.85,
77
+ 'pressed | hovered': 1,
78
+ },
79
+ transition: 'opacity',
80
+ padding: '0 .5x',
81
+ },
82
+ });
78
83
  const Tag = (allProps, ref) => {
79
84
  let { type, isClosable, onClose, children, ...props } = allProps;
80
85
  const styles = extractStyles(props, CONTAINER_STYLES);
81
- return (_jsxs(RawTag, { ...filterBaseProps(props, { eventProps: true }), styles: styles, "data-type": type, mods: { closable: isClosable }, ref: ref, children: [_jsx(Block, { mods: { closable: isClosable }, styles: DEFAULT_CONTENT_STYLES, children: children }, void 0), isClosable ? (_jsx(Suffix, { outerGap: "0", children: _jsx(Action, { onPress: onClose, styles: DEFAULT_CLOSE_STYLES, label: "Close", children: _jsx(CloseOutlined, { style: {
86
+ return (_jsxs(RawTag, { ...filterBaseProps(props, { eventProps: true }), styles: styles, "data-type": type, mods: { closable: isClosable }, ref: ref, children: [_jsx(RawContent, { mods: { closable: isClosable }, children: children }, void 0), isClosable ? (_jsx(Suffix, { outerGap: "0", children: _jsx(CloseAction, { onPress: onClose, children: _jsx(CloseOutlined, { style: {
82
87
  fontSize: 'calc(var(--font-size) - (var(--border-width) * 2))',
83
88
  } }, void 0) }, void 0) }, void 0)) : undefined] }, void 0));
84
89
  };