@cube-dev/ui-kit 0.0.0-canary-5971971 → 0.0.0-canary-7480fe6

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 (437) hide show
  1. package/cjs/_internal/hooks/index.js +22 -0
  2. package/cjs/_internal/hooks/use-deprecation-warning.js +43 -0
  3. package/cjs/_internal/index.js +22 -0
  4. package/cjs/components/Base.js +3 -3
  5. package/cjs/components/Block.js +8 -10
  6. package/cjs/components/GlobalStyles.js +1 -1
  7. package/cjs/components/GridProvider.js +1 -1
  8. package/cjs/components/HiddenInput.js +1 -1
  9. package/cjs/components/OpenTrasition.js +1 -1
  10. package/cjs/components/Root.js +1 -1
  11. package/cjs/components/actions/Action.js +3 -3
  12. package/cjs/components/actions/Button/Button.js +3 -3
  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 +1 -1
  16. package/cjs/components/actions/index.js +1 -1
  17. package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
  18. package/cjs/components/{organisms → content}/Alert/Alert.js +12 -14
  19. package/cjs/components/content/Alert/index.js +22 -0
  20. package/cjs/components/content/Alert/types.js +11 -0
  21. package/cjs/components/content/Alert/use-alert.js +34 -0
  22. package/cjs/components/content/Avatar/Avatar.js +1 -1
  23. package/cjs/components/content/Badge/Badge.js +5 -5
  24. package/cjs/components/content/Card/Card.js +1 -1
  25. package/cjs/components/content/Content.js +8 -5
  26. package/cjs/components/{organisms → content}/CopySnippet/CopySnippet.js +7 -7
  27. package/cjs/components/content/CopySnippet/index.js +22 -0
  28. package/cjs/components/content/Divider.js +1 -1
  29. package/cjs/components/content/Footer.js +7 -5
  30. package/cjs/components/content/Header.js +6 -5
  31. package/cjs/components/content/Paragraph.js +1 -1
  32. package/cjs/components/content/Placeholder/Placeholder.js +1 -1
  33. package/cjs/components/content/PrismCode/PrismCode.js +6 -6
  34. package/cjs/components/content/Result/Result.js +6 -6
  35. package/cjs/components/content/Skeleton/Skeleton.js +1 -1
  36. package/cjs/components/content/Tag/Tag.js +23 -28
  37. package/cjs/components/content/Text.js +31 -30
  38. package/cjs/components/content/Title.js +30 -26
  39. package/cjs/components/forms/Checkbox/Checkbox.js +1 -1
  40. package/cjs/components/forms/Checkbox/CheckboxGroup.js +1 -1
  41. package/cjs/components/forms/Checkbox/context.js +1 -1
  42. package/cjs/components/forms/FieldWrapper.js +10 -6
  43. package/cjs/components/forms/FileInput/FileInput.js +1 -1
  44. package/cjs/components/forms/Form/Field.js +1 -1
  45. package/cjs/components/forms/Form/Form.js +1 -1
  46. package/cjs/components/forms/Form/index.js +1 -1
  47. package/cjs/components/forms/Form/useForm.js +1 -1
  48. package/cjs/components/forms/Form/validation.js +1 -1
  49. package/cjs/components/forms/Label.js +10 -12
  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 +1 -1
  54. package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
  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 +1 -1
  58. package/cjs/components/forms/TextArea/TextArea.js +1 -1
  59. package/cjs/components/forms/TextInput/TextInput.js +1 -1
  60. package/cjs/components/forms/TextInput/TextInputBase.js +1 -1
  61. package/cjs/components/forms/index.js +1 -1
  62. package/cjs/components/layout/Flex.js +1 -1
  63. package/cjs/components/layout/Flow.js +1 -1
  64. package/cjs/components/layout/Grid.js +1 -1
  65. package/cjs/components/layout/Prefix.js +1 -1
  66. package/cjs/components/layout/Space.js +1 -1
  67. package/cjs/components/layout/Suffix.js +1 -1
  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 +9 -16
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  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 +1 -1
  90. package/cjs/components/overlays/Modal/Tray.js +1 -1
  91. package/cjs/components/overlays/Modal/Underlay.js +1 -1
  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 +1 -1
  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 +1 -1
  100. package/cjs/components/pickers/Menu/Menu.js +1 -1
  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 +1 -1
  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/components/types.js +1 -1
  120. package/cjs/data/themes.js +1 -1
  121. package/cjs/index.js +6 -13
  122. package/cjs/provider.js +1 -1
  123. package/cjs/providers/BreakpointsProvider.js +1 -1
  124. package/cjs/providers/StylesProvider.js +1 -1
  125. package/cjs/services/notification.js +1 -1
  126. package/cjs/shared/form.js +1 -1
  127. package/cjs/shared/index.js +1 -1
  128. package/cjs/stories/FormFieldArgs.js +1 -1
  129. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  130. package/cjs/stories/components/DialogFormApp.js +1 -1
  131. package/cjs/stories/components/StyledButton.js +4 -4
  132. package/cjs/stories/lists/baseProps.js +1 -1
  133. package/cjs/{tasty → styled}/index.js +1 -4
  134. package/cjs/{tasty → styled}/styled.js +5 -4
  135. package/cjs/styles/align.js +1 -1
  136. package/cjs/styles/border.js +1 -1
  137. package/cjs/styles/boxShadow.combinator.js +1 -1
  138. package/cjs/styles/color.js +1 -1
  139. package/cjs/styles/createStyle.js +1 -1
  140. package/cjs/styles/dimension.js +1 -1
  141. package/cjs/styles/display.js +1 -1
  142. package/cjs/styles/fill.js +1 -1
  143. package/cjs/styles/flow.js +1 -1
  144. package/cjs/styles/font.js +1 -1
  145. package/cjs/styles/fontStyle.js +1 -1
  146. package/cjs/styles/gap.js +1 -1
  147. package/cjs/styles/groupRadius.js +1 -1
  148. package/cjs/styles/height.js +1 -1
  149. package/cjs/styles/index.js +1 -1
  150. package/cjs/styles/justify.js +1 -1
  151. package/cjs/styles/list.js +1 -1
  152. package/cjs/styles/margin.js +1 -1
  153. package/cjs/styles/marginBlock.js +1 -1
  154. package/cjs/styles/marginInline.js +1 -1
  155. package/cjs/styles/outline.js +1 -1
  156. package/cjs/styles/padding.js +1 -1
  157. package/cjs/styles/paddingBlock.js +1 -1
  158. package/cjs/styles/paddingInline.js +1 -1
  159. package/cjs/styles/predefined.js +1 -1
  160. package/cjs/styles/preset.js +1 -1
  161. package/cjs/styles/radius.js +1 -1
  162. package/cjs/styles/reset.js +1 -1
  163. package/cjs/styles/shadow.js +1 -1
  164. package/cjs/styles/styledScrollbar.js +1 -1
  165. package/cjs/styles/transition.js +1 -1
  166. package/cjs/styles/types.js +1 -1
  167. package/cjs/styles/width.js +1 -1
  168. package/cjs/test/index.js +1 -1
  169. package/cjs/test/setup.js +1 -1
  170. package/cjs/test/utils/index.js +1 -1
  171. package/cjs/test/utils/wait.js +1 -1
  172. package/cjs/tokens.js +1 -6
  173. package/cjs/utils/ResizeSensor.js +1 -1
  174. package/cjs/utils/colors.js +1 -1
  175. package/cjs/utils/dotize.js +1 -1
  176. package/cjs/utils/escape-string.js +1 -1
  177. package/cjs/utils/filterBaseProps.js +10 -10
  178. package/cjs/utils/index.js +1 -1
  179. package/cjs/utils/interactions.js +1 -1
  180. package/cjs/utils/mergeStyles.js +1 -1
  181. package/cjs/utils/modules.js +1 -1
  182. package/cjs/utils/promise.js +1 -1
  183. package/cjs/utils/react/Slots.js +1 -1
  184. package/cjs/utils/react/chain.js +1 -1
  185. package/cjs/utils/react/index.js +1 -1
  186. package/cjs/utils/react/isTextOnly.js +1 -1
  187. package/cjs/utils/react/mapProps.js +1 -1
  188. package/cjs/utils/react/mergeProps.js +1 -1
  189. package/cjs/utils/react/modAttrs.js +1 -1
  190. package/cjs/utils/react/nullableValue.js +1 -1
  191. package/cjs/utils/react/useCombinedRefs.js +1 -1
  192. package/cjs/utils/react/useId.js +1 -1
  193. package/cjs/utils/react/useLayoutEffect.js +1 -1
  194. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  195. package/cjs/utils/renderStyles.js +4 -6
  196. package/cjs/utils/responsive.js +1 -1
  197. package/cjs/utils/string.js +1 -1
  198. package/cjs/utils/styles.js +1 -1
  199. package/cjs/utils/transitions.js +1 -1
  200. package/cjs/utils/tree.js +1 -1
  201. package/cjs/utils/warnings.js +1 -1
  202. package/es/_internal/hooks/index.js +10 -0
  203. package/es/_internal/hooks/use-deprecation-warning.js +20 -0
  204. package/es/_internal/index.js +10 -0
  205. package/es/components/Base.js +3 -3
  206. package/es/components/Block.js +7 -9
  207. package/es/components/GlobalStyles.js +1 -1
  208. package/es/components/GridProvider.js +1 -1
  209. package/es/components/HiddenInput.js +1 -1
  210. package/es/components/OpenTrasition.js +1 -1
  211. package/es/components/Root.js +1 -1
  212. package/es/components/actions/Action.js +3 -3
  213. package/es/components/actions/Button/Button.js +3 -3
  214. package/es/components/actions/Button/Submit.js +1 -1
  215. package/es/components/actions/Button/index.js +1 -1
  216. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  217. package/es/components/actions/index.js +1 -1
  218. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  219. package/es/components/{organisms → content}/Alert/Alert.js +12 -14
  220. package/es/components/content/Alert/index.js +10 -0
  221. package/es/components/content/Alert/types.js +10 -0
  222. package/es/components/content/Alert/use-alert.js +30 -0
  223. package/es/components/content/Avatar/Avatar.js +1 -1
  224. package/es/components/content/Badge/Badge.js +5 -5
  225. package/es/components/content/Card/Card.js +1 -1
  226. package/es/components/content/Content.js +8 -5
  227. package/es/components/{organisms → content}/CopySnippet/CopySnippet.js +6 -6
  228. package/es/components/content/CopySnippet/index.js +10 -0
  229. package/es/components/content/Divider.js +1 -1
  230. package/es/components/content/Footer.js +7 -5
  231. package/es/components/content/Header.js +6 -5
  232. package/es/components/content/Paragraph.js +1 -1
  233. package/es/components/content/Placeholder/Placeholder.js +1 -1
  234. package/es/components/content/PrismCode/PrismCode.js +6 -6
  235. package/es/components/content/Result/Result.js +6 -6
  236. package/es/components/content/Skeleton/Skeleton.js +1 -1
  237. package/es/components/content/Tag/Tag.js +23 -28
  238. package/es/components/content/Text.js +31 -30
  239. package/es/components/content/Title.js +30 -26
  240. package/es/components/forms/Checkbox/Checkbox.js +1 -1
  241. package/es/components/forms/Checkbox/CheckboxGroup.js +1 -1
  242. package/es/components/forms/Checkbox/context.js +1 -1
  243. package/es/components/forms/FieldWrapper.js +10 -6
  244. package/es/components/forms/FileInput/FileInput.js +1 -1
  245. package/es/components/forms/Form/Field.js +1 -1
  246. package/es/components/forms/Form/Form.js +1 -1
  247. package/es/components/forms/Form/index.js +1 -1
  248. package/es/components/forms/Form/useForm.js +1 -1
  249. package/es/components/forms/Form/validation.js +1 -1
  250. package/es/components/forms/Label.js +10 -12
  251. package/es/components/forms/NumberInput/NumberInput.js +3 -3
  252. package/es/components/forms/NumberInput/StepButton.js +1 -1
  253. package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
  254. package/es/components/forms/RadioGroup/Radio.js +1 -1
  255. package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
  256. package/es/components/forms/RadioGroup/context.js +1 -1
  257. package/es/components/forms/SearchInput/SearchInput.js +1 -1
  258. package/es/components/forms/Switch/Switch.js +1 -1
  259. package/es/components/forms/TextArea/TextArea.js +1 -1
  260. package/es/components/forms/TextInput/TextInput.js +1 -1
  261. package/es/components/forms/TextInput/TextInputBase.js +1 -1
  262. package/es/components/forms/index.js +1 -1
  263. package/es/components/layout/Flex.js +1 -1
  264. package/es/components/layout/Flow.js +1 -1
  265. package/es/components/layout/Grid.js +1 -1
  266. package/es/components/layout/Prefix.js +1 -1
  267. package/es/components/layout/Space.js +1 -1
  268. package/es/components/layout/Suffix.js +1 -1
  269. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  270. package/es/components/navigation/Link/Link.js +1 -1
  271. package/es/components/organisms/FileTabs/FileTabs.js +9 -16
  272. package/es/components/organisms/Modal/Modal.js +1 -1
  273. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  274. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  275. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  276. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  277. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  278. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  279. package/es/components/overlays/AlertDialog/index.js +1 -1
  280. package/es/components/overlays/AlertDialog/types.js +1 -1
  281. package/es/components/overlays/Dialog/Dialog.js +1 -1
  282. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  283. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  284. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  285. package/es/components/overlays/Dialog/context.js +1 -1
  286. package/es/components/overlays/Dialog/index.js +1 -1
  287. package/es/components/overlays/Modal/Modal.js +1 -1
  288. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  289. package/es/components/overlays/Modal/Overlay.js +1 -1
  290. package/es/components/overlays/Modal/Popover.js +1 -1
  291. package/es/components/overlays/Modal/Tray.js +1 -1
  292. package/es/components/overlays/Modal/Underlay.js +1 -1
  293. package/es/components/overlays/Modal/index.js +1 -1
  294. package/es/components/overlays/Notification/Notification.js +1 -1
  295. package/es/components/overlays/OverlayWrapper.js +1 -1
  296. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  297. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  298. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  299. package/es/components/overlays/Tooltip/context.js +1 -1
  300. package/es/components/pickers/ComboBox/ComboBox.js +1 -1
  301. package/es/components/pickers/Menu/Menu.js +1 -1
  302. package/es/components/pickers/Menu/MenuButton.js +1 -1
  303. package/es/components/pickers/Menu/MenuItem.js +1 -1
  304. package/es/components/pickers/Menu/MenuSection.js +1 -1
  305. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  306. package/es/components/pickers/Menu/context.js +1 -1
  307. package/es/components/pickers/Menu/styled.js +15 -15
  308. package/es/components/pickers/Select/Select.js +1 -1
  309. package/es/components/portal/Portal.js +1 -1
  310. package/es/components/portal/PortalProvider.js +1 -1
  311. package/es/components/portal/index.js +1 -1
  312. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  313. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  314. package/es/components/portal/storybook/templates/basic.js +1 -1
  315. package/es/components/portal/storybook/templates/index.js +1 -1
  316. package/es/components/portal/types.js +1 -1
  317. package/es/components/portal/usePortal.js +1 -1
  318. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  319. package/es/components/status/Spin/Spin.js +1 -1
  320. package/es/components/types.js +1 -1
  321. package/es/data/themes.js +1 -1
  322. package/es/index.js +5 -7
  323. package/es/provider.js +1 -1
  324. package/es/providers/BreakpointsProvider.js +1 -1
  325. package/es/providers/StylesProvider.js +1 -1
  326. package/es/services/notification.js +1 -1
  327. package/es/shared/form.js +1 -1
  328. package/es/shared/index.js +1 -1
  329. package/es/stories/FormFieldArgs.js +1 -1
  330. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  331. package/es/stories/components/DialogFormApp.js +1 -1
  332. package/es/stories/components/StyledButton.js +4 -4
  333. package/es/stories/lists/baseProps.js +1 -1
  334. package/es/{tasty → styled}/index.js +1 -2
  335. package/es/{tasty → styled}/styled.js +4 -4
  336. package/es/styles/align.js +1 -1
  337. package/es/styles/border.js +1 -1
  338. package/es/styles/boxShadow.combinator.js +1 -1
  339. package/es/styles/color.js +1 -1
  340. package/es/styles/createStyle.js +1 -1
  341. package/es/styles/dimension.js +1 -1
  342. package/es/styles/display.js +1 -1
  343. package/es/styles/fill.js +1 -1
  344. package/es/styles/flow.js +1 -1
  345. package/es/styles/font.js +1 -1
  346. package/es/styles/fontStyle.js +1 -1
  347. package/es/styles/gap.js +1 -1
  348. package/es/styles/groupRadius.js +1 -1
  349. package/es/styles/height.js +1 -1
  350. package/es/styles/index.js +1 -1
  351. package/es/styles/justify.js +1 -1
  352. package/es/styles/list.js +1 -1
  353. package/es/styles/margin.js +1 -1
  354. package/es/styles/marginBlock.js +1 -1
  355. package/es/styles/marginInline.js +1 -1
  356. package/es/styles/outline.js +1 -1
  357. package/es/styles/padding.js +1 -1
  358. package/es/styles/paddingBlock.js +1 -1
  359. package/es/styles/paddingInline.js +1 -1
  360. package/es/styles/predefined.js +1 -1
  361. package/es/styles/preset.js +1 -1
  362. package/es/styles/radius.js +1 -1
  363. package/es/styles/reset.js +1 -1
  364. package/es/styles/shadow.js +1 -1
  365. package/es/styles/styledScrollbar.js +1 -1
  366. package/es/styles/transition.js +1 -1
  367. package/es/styles/types.js +1 -1
  368. package/es/styles/width.js +1 -1
  369. package/es/test/index.js +1 -1
  370. package/es/test/setup.js +1 -1
  371. package/es/test/utils/index.js +1 -1
  372. package/es/test/utils/wait.js +1 -1
  373. package/es/tokens.js +1 -6
  374. package/es/utils/ResizeSensor.js +1 -1
  375. package/es/utils/colors.js +1 -1
  376. package/es/utils/dotize.js +1 -1
  377. package/es/utils/escape-string.js +1 -1
  378. package/es/utils/filterBaseProps.js +10 -10
  379. package/es/utils/index.js +1 -1
  380. package/es/utils/interactions.js +1 -1
  381. package/es/utils/mergeStyles.js +1 -1
  382. package/es/utils/modules.js +1 -1
  383. package/es/utils/promise.js +1 -1
  384. package/es/utils/react/Slots.js +1 -1
  385. package/es/utils/react/chain.js +1 -1
  386. package/es/utils/react/index.js +1 -1
  387. package/es/utils/react/isTextOnly.js +1 -1
  388. package/es/utils/react/mapProps.js +1 -1
  389. package/es/utils/react/mergeProps.js +1 -1
  390. package/es/utils/react/modAttrs.js +1 -1
  391. package/es/utils/react/nullableValue.js +1 -1
  392. package/es/utils/react/useCombinedRefs.js +1 -1
  393. package/es/utils/react/useId.js +1 -1
  394. package/es/utils/react/useLayoutEffect.js +1 -1
  395. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  396. package/es/utils/renderStyles.js +4 -6
  397. package/es/utils/responsive.js +1 -1
  398. package/es/utils/string.js +1 -1
  399. package/es/utils/styles.js +1 -1
  400. package/es/utils/transitions.js +1 -1
  401. package/es/utils/tree.js +1 -1
  402. package/es/utils/warnings.js +1 -1
  403. package/package.json +1 -1
  404. package/types/_internal/hooks/index.d.ts +1 -0
  405. package/types/_internal/hooks/use-deprecation-warning.d.ts +2 -0
  406. package/types/_internal/index.d.ts +1 -0
  407. package/types/components/Base.d.ts +1 -1
  408. package/types/components/Block.d.ts +3 -0
  409. package/types/components/content/Alert/Alert.d.ts +3 -0
  410. package/types/components/content/Alert/index.d.ts +2 -0
  411. package/types/components/content/Alert/types.d.ts +17 -0
  412. package/types/components/content/Alert/use-alert.d.ts +6 -0
  413. package/types/components/{organisms → content}/CopySnippet/CopySnippet.d.ts +1 -1
  414. package/types/components/content/CopySnippet/index.d.ts +1 -0
  415. package/types/components/organisms/FileTabs/FileTabs.d.ts +3 -0
  416. package/types/components/pickers/Menu/styled.d.ts +12 -10
  417. package/types/components/types.d.ts +16 -3
  418. package/types/index.d.ts +4 -11
  419. package/types/stories/components/StyledButton.d.ts +14 -13
  420. package/types/styled/index.d.ts +1 -0
  421. package/types/{tasty → styled}/styled.d.ts +3 -24
  422. package/types/styles/types.d.ts +1 -1
  423. package/types/tokens.d.ts +0 -4
  424. package/cjs/components/organisms/DirectoryTree/DirectoryTree.js +0 -166
  425. package/cjs/components/organisms/SearchResults/SearchResults.js +0 -108
  426. package/cjs/components/organisms/TopBar/TopBar.js +0 -33
  427. package/cjs/tasty/tasty.js +0 -108
  428. package/es/components/organisms/DirectoryTree/DirectoryTree.js +0 -162
  429. package/es/components/organisms/SearchResults/SearchResults.js +0 -104
  430. package/es/components/organisms/TopBar/TopBar.js +0 -29
  431. package/es/tasty/tasty.js +0 -86
  432. package/types/components/organisms/Alert/Alert.d.ts +0 -8
  433. package/types/components/organisms/DirectoryTree/DirectoryTree.d.ts +0 -44
  434. package/types/components/organisms/SearchResults/SearchResults.d.ts +0 -31
  435. package/types/components/organisms/TopBar/TopBar.d.ts +0 -6
  436. package/types/tasty/index.d.ts +0 -3
  437. package/types/tasty/tasty.d.ts +0 -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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -10,15 +10,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.Header = void 0;
11
11
  const jsx_runtime_1 = require("react/jsx-runtime");
12
12
  const react_1 = require("react");
13
- const tasty_1 = require("../../tasty");
13
+ const styled_1 = require("../../styled");
14
14
  const list_1 = require("../../styles/list");
15
15
  const styles_1 = require("../../utils/styles");
16
16
  const filterBaseProps_1 = require("../../utils/filterBaseProps");
17
17
  const react_2 = require("../../utils/react");
18
18
  const STYLE_LIST = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
19
- const RawHeader = (0, tasty_1.tasty)({
20
- qa: 'Header',
21
- as: 'header',
19
+ const RawHeader = (0, styled_1.styled)({
20
+ name: 'Header',
21
+ tag: 'header',
22
+ props: { 'data-id': 'Header' },
22
23
  styles: {
23
24
  display: 'block',
24
25
  gridArea: 'header',
@@ -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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -14,13 +14,13 @@ exports.PrismCode = void 0;
14
14
  const jsx_runtime_1 = require("react/jsx-runtime");
15
15
  const react_1 = require("react");
16
16
  const prismjs_1 = __importDefault(require("prismjs"));
17
- const tasty_1 = require("../../../tasty");
17
+ const styled_1 = require("../../../styled");
18
18
  const list_1 = require("../../../styles/list");
19
- const RawPre = (0, tasty_1.tasty)({
20
- as: 'pre',
21
- qa: 'CodeBlock',
19
+ const RawPre = (0, styled_1.styled)({
20
+ name: 'CodeBlock',
21
+ tag: 'pre',
22
22
  styleProps: list_1.CONTAINER_STYLES.concat([]),
23
- className: 'cube-prism-code',
23
+ props: { className: 'cube-prism-code' },
24
24
  styles: {
25
25
  margin: 0,
26
26
  Code: {
@@ -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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -12,14 +12,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
12
12
  const react_1 = require("react");
13
13
  const icons_1 = require("@ant-design/icons");
14
14
  const Title_1 = require("../Title");
15
- const tasty_1 = require("../../../tasty");
15
+ const styled_1 = require("../../../styled");
16
16
  const list_1 = require("../../../styles/list");
17
17
  const filterBaseProps_1 = require("../../../utils/filterBaseProps");
18
18
  const styles_1 = require("../../../utils/styles");
19
19
  const react_2 = require("../../../utils/react");
20
- const Container = (0, tasty_1.tasty)({
21
- qa: 'Result_Container',
22
- as: 'section',
20
+ const Container = (0, styled_1.styled)({
21
+ name: 'ResultContainer',
22
+ tag: 'section',
23
23
  styles: {
24
24
  display: 'flex',
25
25
  flow: 'column',
@@ -38,7 +38,7 @@ const Container = (0, tasty_1.tasty)({
38
38
  },
39
39
  },
40
40
  });
41
- const IconWrapper = (0, tasty_1.tasty)({
41
+ const IconWrapper = (0, styled_1.styled)({
42
42
  styles: {
43
43
  fontSize: '10x',
44
44
  },
@@ -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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -21,10 +21,9 @@ const Action_1 = require("../../actions/Action");
21
21
  const Suffix_1 = require("../../layout/Suffix");
22
22
  const Block_1 = require("../../Block");
23
23
  const icons_1 = require("@ant-design/icons");
24
- const tasty_1 = require("../../../tasty");
25
- const RawTag = (0, tasty_1.tasty)({
26
- qa: 'Tag',
27
- role: 'status',
24
+ const styled_1 = require("../../../styled");
25
+ const RawTag = (0, styled_1.styled)({
26
+ name: 'Tag',
28
27
  styles: {
29
28
  position: 'relative',
30
29
  display: 'inline-flex',
@@ -62,34 +61,30 @@ const RawTag = (0, tasty_1.tasty)({
62
61
  }, {}),
63
62
  },
64
63
  },
64
+ props: { role: 'status' },
65
65
  });
66
- const RawContent = (0, tasty_1.tasty)(Block_1.Block, {
67
- styles: {
68
- width: 'max 100%',
69
- textOverflow: 'ellipsis',
70
- overflow: 'hidden',
71
- pointerEvents: 'none',
72
- },
73
- });
74
- const CloseAction = (0, tasty_1.tasty)(Action_1.Action, {
75
- label: 'Close',
76
- styles: {
77
- display: 'grid',
78
- placeItems: 'center',
79
- color: true,
80
- placeSelf: 'center',
81
- opacity: {
82
- '': 0.85,
83
- 'pressed | hovered': 1,
84
- },
85
- transition: 'opacity',
86
- padding: '0 .5x',
66
+ const DEFAULT_CONTENT_STYLES = {
67
+ width: 'max 100%',
68
+ textOverflow: 'ellipsis',
69
+ overflow: 'hidden',
70
+ pointerEvents: 'none',
71
+ };
72
+ const DEFAULT_CLOSE_STYLES = {
73
+ display: 'grid',
74
+ placeItems: 'center',
75
+ color: true,
76
+ placeSelf: 'center',
77
+ opacity: {
78
+ '': 0.85,
79
+ 'pressed | hovered': 1,
87
80
  },
88
- });
81
+ transition: 'opacity',
82
+ padding: '0 .5x',
83
+ };
89
84
  const Tag = (allProps, ref) => {
90
85
  let { type, isClosable, onClose, children, ...props } = allProps;
91
86
  const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES);
92
- return ((0, jsx_runtime_1.jsxs)(RawTag, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, "data-type": type, mods: { closable: isClosable }, ref: ref, children: [(0, jsx_runtime_1.jsx)(RawContent, { mods: { closable: isClosable }, children: children }, void 0), isClosable ? ((0, jsx_runtime_1.jsx)(Suffix_1.Suffix, { outerGap: "0", children: (0, jsx_runtime_1.jsx)(CloseAction, { onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, { style: {
87
+ return ((0, jsx_runtime_1.jsxs)(RawTag, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, "data-type": type, mods: { closable: isClosable }, ref: ref, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { mods: { closable: isClosable }, styles: DEFAULT_CONTENT_STYLES, children: children }, void 0), isClosable ? ((0, jsx_runtime_1.jsx)(Suffix_1.Suffix, { outerGap: "0", children: (0, jsx_runtime_1.jsx)(Action_1.Action, { onPress: onClose, styles: DEFAULT_CLOSE_STYLES, label: "Close", children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, { style: {
93
88
  fontSize: 'calc(var(--font-size) - (var(--border-width) * 2))',
94
89
  } }, void 0) }, void 0) }, void 0)) : undefined] }, void 0));
95
90
  };
@@ -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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -13,49 +13,50 @@ const react_1 = require("react");
13
13
  const list_1 = require("../../styles/list");
14
14
  const styles_1 = require("../../utils/styles");
15
15
  const filterBaseProps_1 = require("../../utils/filterBaseProps");
16
- const tasty_1 = require("../../tasty");
16
+ const styled_1 = require("../../styled");
17
17
  const react_2 = require("../../utils/react");
18
18
  const STYLE_LIST = [...list_1.BASE_STYLES, ...list_1.TEXT_STYLES, ...list_1.COLOR_STYLES];
19
+ const DEFAULT_STYLES = {
20
+ display: {
21
+ '': 'inline',
22
+ ellipsis: 'block',
23
+ },
24
+ margin: '0',
25
+ whiteSpace: {
26
+ '': 'inherit',
27
+ 'nowrap | ellipsis': 'nowrap',
28
+ },
29
+ textOverflow: {
30
+ '': false,
31
+ ellipsis: 'ellipsis',
32
+ },
33
+ overflow: {
34
+ '': false,
35
+ ellipsis: 'hidden',
36
+ },
37
+ width: {
38
+ '': false,
39
+ ellipsis: 'max 100%',
40
+ },
41
+ };
19
42
  exports.TEXT_PROP_MAP = {
20
43
  transform: 'textTransform',
21
44
  weight: 'fontWeight',
22
45
  italic: 'fontStyle',
23
46
  };
24
- const RawText = (0, tasty_1.tasty)({
25
- qa: 'Text',
26
- as: 'span',
27
- styles: {
28
- display: {
29
- '': 'inline',
30
- ellipsis: 'block',
31
- },
32
- margin: '0',
33
- whiteSpace: {
34
- '': 'inherit',
35
- 'nowrap | ellipsis': 'nowrap',
36
- },
37
- textOverflow: {
38
- '': false,
39
- ellipsis: 'ellipsis',
40
- },
41
- overflow: {
42
- '': false,
43
- ellipsis: 'hidden',
44
- },
45
- width: {
46
- '': false,
47
- ellipsis: 'max 100%',
48
- },
49
- },
47
+ const RawText = (0, styled_1.styled)({
48
+ name: 'Text',
49
+ tag: 'span',
50
+ styles: DEFAULT_STYLES,
50
51
  });
51
52
  const _Text = (0, react_1.forwardRef)((allProps, ref) => {
52
53
  allProps = (0, react_2.useSlotProps)(allProps, 'text');
53
- const { as, qa, block, styleName, ellipsis, nowrap, ...props } = allProps;
54
+ const { as, qa, block, styleName, ellipsis, css, nowrap, ...props } = allProps;
54
55
  const styles = (0, styles_1.extractStyles)(props, STYLE_LIST, {}, exports.TEXT_PROP_MAP);
55
56
  return ((0, jsx_runtime_1.jsx)(RawText, { as: as || 'span', qa: qa || 'Text', styleName: styleName, mods: {
56
57
  nowrap,
57
58
  ellipsis,
58
- }, block: !!(block || ellipsis), ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
59
+ }, block: !!(block || ellipsis), css: css, ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
59
60
  });
60
61
  const Text = Object.assign(_Text, {
61
62
  Minor: (0, react_1.forwardRef)(function MinorText(props, ref) {
@@ -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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -15,32 +15,36 @@ const list_1 = require("../../styles/list");
15
15
  const styles_1 = require("../../utils/styles");
16
16
  const filterBaseProps_1 = require("../../utils/filterBaseProps");
17
17
  const react_2 = require("../../utils/react");
18
- const tasty_1 = require("../../tasty");
18
+ const styled_1 = require("../../styled");
19
+ const DEFAULT_STYLES = {
20
+ gridArea: 'heading',
21
+ display: 'block',
22
+ color: '#dark',
23
+ preset: {
24
+ '': 'h6m',
25
+ '[data-level="1"]': 'h1',
26
+ '[data-level="2"]': 'h2',
27
+ '[data-level="3"]': 'h3',
28
+ '[data-level="4"]': 'h4',
29
+ '[data-level="5"]': 'h5',
30
+ '[data-level="6"]': 'h6',
31
+ },
32
+ margin: '0',
33
+ whiteSpace: {
34
+ '': 'initial',
35
+ 'nowrap | ellipsis': 'nowrap',
36
+ },
37
+ textOverflow: 'ellipsis',
38
+ overflow: 'hidden',
39
+ width: 'max 100%',
40
+ };
19
41
  const STYLE_LIST = [...list_1.TEXT_STYLES, ...list_1.CONTAINER_STYLES];
20
- const RawTitle = (0, tasty_1.tasty)({
21
- qa: 'Title',
22
- as: 'h1',
23
- styles: {
24
- gridArea: 'heading',
25
- display: 'block',
26
- color: '#dark',
27
- preset: {
28
- '': 'h6m',
29
- '[data-level="1"]': 'h1',
30
- '[data-level="2"]': 'h2',
31
- '[data-level="3"]': 'h3',
32
- '[data-level="4"]': 'h4',
33
- '[data-level="5"]': 'h5',
34
- '[data-level="6"]': 'h6',
35
- },
36
- margin: '0',
37
- whiteSpace: {
38
- '': 'initial',
39
- 'nowrap | ellipsis': 'nowrap',
40
- },
41
- textOverflow: 'ellipsis',
42
- overflow: 'hidden',
43
- width: 'max 100%',
42
+ const RawTitle = (0, styled_1.styled)({
43
+ name: 'Title',
44
+ tag: 'h1',
45
+ styles: DEFAULT_STYLES,
46
+ props: {
47
+ 'data-qa': 'Title',
44
48
  },
45
49
  });
46
50
  const _Title = (0, react_1.forwardRef)(({ qa, as, styleName, inline, nowrap, ellipsis, level, ...props }, ref) => {
@@ -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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -17,9 +17,11 @@ const Paragraph_1 = require("../content/Paragraph");
17
17
  const TooltipProvider_1 = require("../overlays/Tooltip/TooltipProvider");
18
18
  const icons_1 = require("@ant-design/icons");
19
19
  const react_2 = require("../../utils/react");
20
- const tasty_1 = require("../../tasty");
21
- const RawField = (0, tasty_1.tasty)({
22
- qa: 'Field',
20
+ const styled_1 = require("../../styled");
21
+ const RawField = (0, styled_1.styled)({
22
+ props: {
23
+ qa: 'Field',
24
+ },
23
25
  styles: {
24
26
  display: 'grid',
25
27
  gridColumns: {
@@ -48,8 +50,10 @@ const RawField = (0, tasty_1.tasty)({
48
50
  },
49
51
  },
50
52
  });
51
- const RawMessage = (0, tasty_1.tasty)({
52
- qa: 'Field_Message',
53
+ const RawMessage = (0, styled_1.styled)({
54
+ props: {
55
+ qa: 'Field_Message',
56
+ },
53
57
  styles: {
54
58
  preset: 'default',
55
59
  color: {
@@ -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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -14,9 +14,9 @@ const react_1 = require("react");
14
14
  const provider_1 = require("../../provider");
15
15
  const styles_1 = require("../../utils/styles");
16
16
  const list_1 = require("../../styles/list");
17
+ const Base_1 = require("../Base");
17
18
  const StylesProvider_1 = require("../../providers/StylesProvider");
18
19
  const filterBaseProps_1 = require("../../utils/filterBaseProps");
19
- const tasty_1 = require("../../tasty");
20
20
  const REQUIRED_ICON = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", style: {
21
21
  // @ts-ignore
22
22
  enableBackground: 'new 0 0 100 100',
@@ -57,17 +57,15 @@ exports.LABEL_STYLES = {
57
57
  side: '@(label-width, initial)',
58
58
  },
59
59
  };
60
- const RawLabel = (0, tasty_1.tasty)({
61
- as: 'label',
62
- qa: 'Label',
63
- styles: exports.LABEL_STYLES,
64
- });
65
60
  function Label(props, ref) {
66
61
  props = (0, provider_1.useProviderProps)(props);
67
62
  let { as, qa, children, labelPosition = 'top', isRequired, necessityIndicator = isRequired != null ? 'icon' : null, includeNecessityIndicatorInAccessibilityName = false, htmlFor, isDisabled, validationState, for: labelFor, onClick, ...otherProps } = props;
68
63
  let domRef = (0, utils_1.useDOMRef)(ref);
69
64
  const contextStyles = (0, StylesProvider_1.useContextStyles)('Label', otherProps);
70
- const styles = (0, styles_1.extractStyles)(otherProps, list_1.CONTAINER_STYLES, contextStyles || {});
65
+ const styles = (0, styles_1.extractStyles)(otherProps, list_1.CONTAINER_STYLES, {
66
+ ...exports.LABEL_STYLES,
67
+ ...contextStyles,
68
+ });
71
69
  let formatMessage = (message) => INTL_MESSAGES[message];
72
70
  let necessityLabel = isRequired
73
71
  ? formatMessage('(required)')
@@ -75,14 +73,14 @@ function Label(props, ref) {
75
73
  let icon = ((0, jsx_runtime_1.jsx)("span", { "aria-label": includeNecessityIndicatorInAccessibilityName
76
74
  ? formatMessage('(required)')
77
75
  : undefined, children: REQUIRED_ICON }, void 0));
78
- return ((0, jsx_runtime_1.jsx)(RawLabel, { ...(0, filterBaseProps_1.filterBaseProps)(otherProps), onClick: onClick, ref: domRef, styles: styles, htmlFor: labelFor || htmlFor, mods: {
76
+ return ((0, jsx_runtime_1.jsx)(Base_1.Base, { as: as || 'label', qa: qa || 'Label', ...(0, filterBaseProps_1.filterBaseProps)(otherProps), onClick: onClick, ref: domRef, styles: styles, htmlFor: labelFor || htmlFor, mods: {
79
77
  side: labelPosition === 'side',
80
78
  disabled: isDisabled,
81
79
  invalid: validationState === 'invalid',
82
80
  valid: validationState === 'valid',
83
- }, children: typeof children !== 'string' ? (children) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (necessityIndicator === 'label' ||
84
- (necessityIndicator === 'icon' && isRequired)) &&
85
- ' \u200b', necessityIndicator === 'label' && ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": !includeNecessityIndicatorInAccessibilityName
81
+ }, children: typeof children !== 'string' ? (children) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (necessityIndicator === 'label'
82
+ || (necessityIndicator === 'icon' && isRequired))
83
+ && ' \u200b', necessityIndicator === 'label' && ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": !includeNecessityIndicatorInAccessibilityName
86
84
  ? isRequired
87
85
  : undefined, children: necessityLabel }, void 0)), necessityIndicator === 'icon' && isRequired && icon] }, void 0)) }, void 0));
88
86
  }
@@ -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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -17,9 +17,9 @@ const TextInputBase_1 = require("../TextInput/TextInputBase");
17
17
  const numberfield_1 = require("@react-stately/numberfield");
18
18
  const numberfield_2 = require("@react-aria/numberfield");
19
19
  const StepButton_1 = require("./StepButton");
20
- const tasty_1 = require("../../../tasty");
20
+ const styled_1 = require("../../../styled");
21
21
  const nullableValue_1 = require("../../../utils/react/nullableValue");
22
- const StepperContainer = (0, tasty_1.tasty)({
22
+ const StepperContainer = (0, styled_1.styled)({
23
23
  styles: {
24
24
  display: 'grid',
25
25
  gridColumns: '1fr',
@@ -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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
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-5971971
4
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
5
5
  * Released under the MIT license.
6
6
  */
7
7