@cube-dev/ui-kit 0.0.0-canary-5a0e8ed → 0.0.0-canary-89a0ed8

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 (516) hide show
  1. package/cjs/_internal/hooks/index.js +4 -1
  2. package/cjs/_internal/hooks/use-chained-callback.js +23 -0
  3. package/cjs/_internal/hooks/use-deprecation-warning.js +1 -1
  4. package/cjs/_internal/hooks/use-event.js +26 -0
  5. package/cjs/_internal/hooks/use-sync-ref.js +21 -0
  6. package/cjs/_internal/index.js +1 -1
  7. package/cjs/components/Base.js +1 -1
  8. package/cjs/components/Block.js +1 -1
  9. package/cjs/components/GlobalStyles.js +1 -1
  10. package/cjs/components/GridProvider.js +1 -1
  11. package/cjs/components/HiddenInput.js +1 -1
  12. package/cjs/components/OpenTrasition.js +1 -1
  13. package/cjs/components/Root.js +3 -2
  14. package/cjs/components/actions/Action.js +1 -1
  15. package/cjs/components/actions/Button/Button.js +1 -1
  16. package/cjs/components/actions/Button/Submit.js +1 -1
  17. package/cjs/components/actions/Button/index.js +1 -1
  18. package/cjs/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  19. package/cjs/components/actions/index.js +1 -1
  20. package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
  21. package/cjs/components/content/Alert/Alert.js +1 -1
  22. package/cjs/components/content/Alert/index.js +1 -1
  23. package/cjs/components/content/Alert/types.js +1 -1
  24. package/cjs/components/content/Alert/use-alert.js +1 -1
  25. package/cjs/components/content/Avatar/Avatar.js +1 -1
  26. package/cjs/components/content/Badge/Badge.js +1 -1
  27. package/cjs/components/content/Card/Card.js +1 -1
  28. package/cjs/components/content/Content.js +1 -1
  29. package/cjs/components/content/CopySnippet/CopySnippet.js +1 -1
  30. package/cjs/components/content/CopySnippet/index.js +1 -1
  31. package/cjs/components/content/Divider.js +1 -1
  32. package/cjs/components/content/Footer.js +1 -1
  33. package/cjs/components/content/Header.js +1 -1
  34. package/cjs/components/content/Paragraph.js +1 -1
  35. package/cjs/components/content/Placeholder/Placeholder.js +1 -1
  36. package/cjs/components/content/PrismCode/PrismCode.js +1 -1
  37. package/cjs/components/content/Result/Result.js +1 -1
  38. package/cjs/components/content/Skeleton/Skeleton.js +1 -1
  39. package/cjs/components/content/Tag/Tag.js +1 -1
  40. package/cjs/components/content/Text.js +1 -1
  41. package/cjs/components/content/Title.js +1 -1
  42. package/cjs/components/forms/Checkbox/Checkbox.js +1 -1
  43. package/cjs/components/forms/Checkbox/CheckboxGroup.js +1 -1
  44. package/cjs/components/forms/Checkbox/context.js +1 -1
  45. package/cjs/components/forms/FieldWrapper.js +1 -1
  46. package/cjs/components/forms/FileInput/FileInput.js +1 -1
  47. package/cjs/components/forms/Form/Field.js +1 -1
  48. package/cjs/components/forms/Form/Form.js +1 -1
  49. package/cjs/components/forms/Form/index.js +1 -1
  50. package/cjs/components/forms/Form/useForm.js +1 -1
  51. package/cjs/components/forms/Form/validation.js +1 -1
  52. package/cjs/components/forms/Input/Input.js +1 -1
  53. package/cjs/components/forms/Input/index.js +1 -1
  54. package/cjs/components/forms/Label.js +1 -1
  55. package/cjs/components/forms/NumberInput/NumberInput.js +1 -1
  56. package/cjs/components/forms/NumberInput/StepButton.js +1 -1
  57. package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
  58. package/cjs/components/forms/RadioGroup/Radio.js +1 -1
  59. package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
  60. package/cjs/components/forms/RadioGroup/context.js +1 -1
  61. package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
  62. package/cjs/components/forms/Switch/Switch.js +1 -1
  63. package/cjs/components/forms/TextArea/TextArea.js +1 -1
  64. package/cjs/components/forms/TextInput/TextInput.js +1 -1
  65. package/cjs/components/forms/TextInput/TextInputBase.js +1 -1
  66. package/cjs/components/forms/index.js +1 -1
  67. package/cjs/components/layout/Flex.js +1 -1
  68. package/cjs/components/layout/Flow.js +1 -1
  69. package/cjs/components/layout/Grid.js +1 -1
  70. package/cjs/components/layout/Prefix.js +1 -1
  71. package/cjs/components/layout/Space.js +1 -1
  72. package/cjs/components/layout/Suffix.js +1 -1
  73. package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  74. package/cjs/components/navigation/Link/Link.js +1 -1
  75. package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
  76. package/cjs/components/organisms/Modal/Modal.js +1 -1
  77. package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
  78. package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
  79. package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
  80. package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
  81. package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  82. package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  83. package/cjs/components/overlays/AlertDialog/index.js +1 -1
  84. package/cjs/components/overlays/AlertDialog/types.js +1 -1
  85. package/cjs/components/overlays/Dialog/Dialog.js +1 -1
  86. package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
  87. package/cjs/components/overlays/Dialog/DialogForm.js +1 -1
  88. package/cjs/components/overlays/Dialog/DialogTrigger.js +1 -1
  89. package/cjs/components/overlays/Dialog/context.js +1 -1
  90. package/cjs/components/overlays/Dialog/index.js +1 -1
  91. package/cjs/components/overlays/Modal/Modal.js +1 -1
  92. package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
  93. package/cjs/components/overlays/Modal/Overlay.js +1 -1
  94. package/cjs/components/overlays/Modal/Popover.js +1 -1
  95. package/cjs/components/overlays/Modal/Tray.js +1 -1
  96. package/cjs/components/overlays/Modal/Underlay.js +1 -1
  97. package/cjs/components/overlays/Modal/index.js +1 -1
  98. package/cjs/components/overlays/NewNotifications/Bar/Bar.js +44 -0
  99. package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +25 -0
  100. package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +61 -0
  101. package/cjs/components/overlays/NewNotifications/Bar/index.js +22 -0
  102. package/cjs/components/overlays/NewNotifications/Notification/Notification.js +72 -0
  103. package/cjs/components/overlays/NewNotifications/Notification/NotificationAction.js +23 -0
  104. package/cjs/components/overlays/NewNotifications/Notification/NotificationCloseButton.js +41 -0
  105. package/cjs/components/overlays/NewNotifications/Notification/NotificationDescription.js +21 -0
  106. package/cjs/components/overlays/NewNotifications/Notification/NotificationFooter.js +25 -0
  107. package/cjs/components/overlays/NewNotifications/Notification/NotificationHeader.js +21 -0
  108. package/cjs/components/overlays/NewNotifications/Notification/NotificationIcon.js +57 -0
  109. package/cjs/components/overlays/NewNotifications/Notification/index.js +23 -0
  110. package/cjs/components/overlays/NewNotifications/Notification/types.js +11 -0
  111. package/cjs/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.js +34 -0
  112. package/cjs/components/overlays/NewNotifications/NotificationsDialog/index.js +22 -0
  113. package/cjs/components/overlays/NewNotifications/NotificationsList.js +47 -0
  114. package/cjs/components/overlays/NewNotifications/NotificationsProvider.js +72 -0
  115. package/cjs/components/overlays/NewNotifications/index.js +28 -0
  116. package/cjs/components/overlays/NewNotifications/timer.js +45 -0
  117. package/cjs/components/overlays/NewNotifications/types.js +11 -0
  118. package/cjs/components/overlays/Notification/Notification.js +1 -1
  119. package/cjs/components/overlays/OverlayWrapper.js +1 -1
  120. package/cjs/components/overlays/Tooltip/Tooltip.js +1 -1
  121. package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
  122. package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  123. package/cjs/components/overlays/Tooltip/context.js +1 -1
  124. package/cjs/components/pickers/ComboBox/ComboBox.js +1 -1
  125. package/cjs/components/pickers/Menu/Menu.js +1 -1
  126. package/cjs/components/pickers/Menu/MenuButton.js +1 -1
  127. package/cjs/components/pickers/Menu/MenuItem.js +1 -1
  128. package/cjs/components/pickers/Menu/MenuSection.js +1 -1
  129. package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
  130. package/cjs/components/pickers/Menu/context.js +1 -1
  131. package/cjs/components/pickers/Menu/styled.js +1 -1
  132. package/cjs/components/pickers/Select/Select.js +1 -1
  133. package/cjs/components/portal/Portal.js +1 -1
  134. package/cjs/components/portal/PortalProvider.js +1 -1
  135. package/cjs/components/portal/index.js +1 -1
  136. package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
  137. package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
  138. package/cjs/components/portal/storybook/templates/basic.js +1 -1
  139. package/cjs/components/portal/storybook/templates/index.js +1 -1
  140. package/cjs/components/portal/types.js +1 -1
  141. package/cjs/components/portal/usePortal.js +1 -1
  142. package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  143. package/cjs/components/status/LoadingAnimation/index.js +1 -1
  144. package/cjs/components/status/Spin/Cube.js +1 -1
  145. package/cjs/components/status/Spin/InternalSpinner.js +1 -1
  146. package/cjs/components/status/Spin/Spin.js +1 -1
  147. package/cjs/components/status/Spin/SpinsContainer.js +1 -1
  148. package/cjs/components/status/Spin/index.js +1 -1
  149. package/cjs/components/status/Spin/types.js +1 -1
  150. package/cjs/components/status/index.js +1 -1
  151. package/cjs/data/themes.js +1 -1
  152. package/cjs/icons/Attention.js +17 -0
  153. package/cjs/icons/Cross.js +17 -0
  154. package/cjs/icons/Danger.js +17 -0
  155. package/cjs/icons/Success.js +17 -0
  156. package/cjs/icons/index.js +25 -0
  157. package/cjs/index.js +1 -1
  158. package/cjs/provider.js +1 -1
  159. package/cjs/providers/StyleProvider.js +1 -1
  160. package/cjs/services/notification.js +1 -1
  161. package/cjs/shared/form.js +1 -1
  162. package/cjs/shared/index.js +1 -1
  163. package/cjs/stories/FormFieldArgs.js +1 -1
  164. package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
  165. package/cjs/stories/components/DialogFormApp.js +1 -1
  166. package/cjs/stories/components/StyledButton.js +1 -1
  167. package/cjs/stories/lists/baseProps.js +1 -1
  168. package/cjs/styled/index.js +1 -1
  169. package/cjs/styled/styled.js +1 -1
  170. package/cjs/tasty/index.js +1 -1
  171. package/cjs/tasty/providers/BreakpointsProvider.js +1 -1
  172. package/cjs/tasty/styles/align.js +1 -1
  173. package/cjs/tasty/styles/border.js +1 -1
  174. package/cjs/tasty/styles/boxShadow.combinator.js +1 -1
  175. package/cjs/tasty/styles/color.js +1 -1
  176. package/cjs/tasty/styles/createStyle.js +1 -1
  177. package/cjs/tasty/styles/dimension.js +1 -1
  178. package/cjs/tasty/styles/display.js +1 -1
  179. package/cjs/tasty/styles/fill.js +1 -1
  180. package/cjs/tasty/styles/flow.js +1 -1
  181. package/cjs/tasty/styles/font.js +1 -1
  182. package/cjs/tasty/styles/fontStyle.js +1 -1
  183. package/cjs/tasty/styles/gap.js +1 -1
  184. package/cjs/tasty/styles/groupRadius.js +1 -1
  185. package/cjs/tasty/styles/height.js +1 -1
  186. package/cjs/tasty/styles/index.js +1 -1
  187. package/cjs/tasty/styles/justify.js +1 -1
  188. package/cjs/tasty/styles/list.js +1 -1
  189. package/cjs/tasty/styles/margin.js +1 -1
  190. package/cjs/tasty/styles/marginBlock.js +1 -1
  191. package/cjs/tasty/styles/marginInline.js +1 -1
  192. package/cjs/tasty/styles/outline.js +1 -1
  193. package/cjs/tasty/styles/padding.js +1 -1
  194. package/cjs/tasty/styles/paddingBlock.js +1 -1
  195. package/cjs/tasty/styles/paddingInline.js +1 -1
  196. package/cjs/tasty/styles/predefined.js +1 -1
  197. package/cjs/tasty/styles/preset.js +1 -1
  198. package/cjs/tasty/styles/radius.js +1 -1
  199. package/cjs/tasty/styles/reset.js +1 -1
  200. package/cjs/tasty/styles/shadow.js +1 -1
  201. package/cjs/tasty/styles/styledScrollbar.js +1 -1
  202. package/cjs/tasty/styles/transition.js +1 -1
  203. package/cjs/tasty/styles/types.js +1 -1
  204. package/cjs/tasty/styles/width.js +1 -1
  205. package/cjs/tasty/tasty.js +1 -1
  206. package/cjs/tasty/types.js +1 -1
  207. package/cjs/tasty/utils/colors.js +1 -1
  208. package/cjs/tasty/utils/dotize.js +1 -1
  209. package/cjs/tasty/utils/filterBaseProps.js +1 -1
  210. package/cjs/tasty/utils/index.js +1 -1
  211. package/cjs/tasty/utils/mergeStyles.js +1 -1
  212. package/cjs/tasty/utils/modAttrs.js +1 -1
  213. package/cjs/tasty/utils/renderStyles.js +1 -1
  214. package/cjs/tasty/utils/responsive.js +1 -1
  215. package/cjs/tasty/utils/string.js +1 -1
  216. package/cjs/tasty/utils/styles.js +1 -1
  217. package/cjs/tasty/utils/warnings.js +1 -1
  218. package/cjs/test/index.js +1 -1
  219. package/cjs/test/render.js +1 -1
  220. package/cjs/test/setup.js +1 -1
  221. package/cjs/test/utils/index.js +1 -1
  222. package/cjs/test/utils/wait.js +1 -1
  223. package/cjs/tokens.js +2 -2
  224. package/cjs/type-checks.js +1 -1
  225. package/cjs/utils/ResizeSensor.js +1 -1
  226. package/cjs/utils/modules.js +1 -1
  227. package/cjs/utils/promise.js +1 -1
  228. package/cjs/utils/react/Slots.js +1 -1
  229. package/cjs/utils/react/chain.js +1 -1
  230. package/cjs/utils/react/index.js +1 -1
  231. package/cjs/utils/react/interactions.js +1 -1
  232. package/cjs/utils/react/isTextOnly.js +1 -1
  233. package/cjs/utils/react/mapProps.js +1 -1
  234. package/cjs/utils/react/mergeProps.js +1 -1
  235. package/cjs/utils/react/nullableValue.js +1 -1
  236. package/cjs/utils/react/useCombinedRefs.js +1 -1
  237. package/cjs/utils/react/useId.js +1 -1
  238. package/cjs/utils/react/useLayoutEffect.js +1 -1
  239. package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
  240. package/cjs/utils/transitions.js +1 -1
  241. package/cjs/utils/tree.js +1 -1
  242. package/cjs/utils/warnings.js +1 -1
  243. package/es/_internal/hooks/index.js +4 -1
  244. package/es/_internal/hooks/use-chained-callback.js +19 -0
  245. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  246. package/es/_internal/hooks/use-event.js +22 -0
  247. package/es/_internal/hooks/use-sync-ref.js +17 -0
  248. package/es/_internal/index.js +1 -1
  249. package/es/components/Base.js +1 -1
  250. package/es/components/Block.js +1 -1
  251. package/es/components/GlobalStyles.js +1 -1
  252. package/es/components/GridProvider.js +1 -1
  253. package/es/components/HiddenInput.js +1 -1
  254. package/es/components/OpenTrasition.js +1 -1
  255. package/es/components/Root.js +3 -2
  256. package/es/components/actions/Action.js +1 -1
  257. package/es/components/actions/Button/Button.js +1 -1
  258. package/es/components/actions/Button/Submit.js +1 -1
  259. package/es/components/actions/Button/index.js +1 -1
  260. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  261. package/es/components/actions/index.js +1 -1
  262. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  263. package/es/components/content/Alert/Alert.js +1 -1
  264. package/es/components/content/Alert/index.js +1 -1
  265. package/es/components/content/Alert/types.js +1 -1
  266. package/es/components/content/Alert/use-alert.js +1 -1
  267. package/es/components/content/Avatar/Avatar.js +1 -1
  268. package/es/components/content/Badge/Badge.js +1 -1
  269. package/es/components/content/Card/Card.js +1 -1
  270. package/es/components/content/Content.js +1 -1
  271. package/es/components/content/CopySnippet/CopySnippet.js +1 -1
  272. package/es/components/content/CopySnippet/index.js +1 -1
  273. package/es/components/content/Divider.js +1 -1
  274. package/es/components/content/Footer.js +1 -1
  275. package/es/components/content/Header.js +1 -1
  276. package/es/components/content/Paragraph.js +1 -1
  277. package/es/components/content/Placeholder/Placeholder.js +1 -1
  278. package/es/components/content/PrismCode/PrismCode.js +1 -1
  279. package/es/components/content/Result/Result.js +1 -1
  280. package/es/components/content/Skeleton/Skeleton.js +1 -1
  281. package/es/components/content/Tag/Tag.js +1 -1
  282. package/es/components/content/Text.js +1 -1
  283. package/es/components/content/Title.js +1 -1
  284. package/es/components/forms/Checkbox/Checkbox.js +1 -1
  285. package/es/components/forms/Checkbox/CheckboxGroup.js +1 -1
  286. package/es/components/forms/Checkbox/context.js +1 -1
  287. package/es/components/forms/FieldWrapper.js +1 -1
  288. package/es/components/forms/FileInput/FileInput.js +1 -1
  289. package/es/components/forms/Form/Field.js +1 -1
  290. package/es/components/forms/Form/Form.js +1 -1
  291. package/es/components/forms/Form/index.js +1 -1
  292. package/es/components/forms/Form/useForm.js +1 -1
  293. package/es/components/forms/Form/validation.js +1 -1
  294. package/es/components/forms/Input/Input.js +1 -1
  295. package/es/components/forms/Input/index.js +1 -1
  296. package/es/components/forms/Label.js +1 -1
  297. package/es/components/forms/NumberInput/NumberInput.js +1 -1
  298. package/es/components/forms/NumberInput/StepButton.js +1 -1
  299. package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
  300. package/es/components/forms/RadioGroup/Radio.js +1 -1
  301. package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
  302. package/es/components/forms/RadioGroup/context.js +1 -1
  303. package/es/components/forms/SearchInput/SearchInput.js +1 -1
  304. package/es/components/forms/Switch/Switch.js +1 -1
  305. package/es/components/forms/TextArea/TextArea.js +1 -1
  306. package/es/components/forms/TextInput/TextInput.js +1 -1
  307. package/es/components/forms/TextInput/TextInputBase.js +1 -1
  308. package/es/components/forms/index.js +1 -1
  309. package/es/components/layout/Flex.js +1 -1
  310. package/es/components/layout/Flow.js +1 -1
  311. package/es/components/layout/Grid.js +1 -1
  312. package/es/components/layout/Prefix.js +1 -1
  313. package/es/components/layout/Space.js +1 -1
  314. package/es/components/layout/Suffix.js +1 -1
  315. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  316. package/es/components/navigation/Link/Link.js +1 -1
  317. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  318. package/es/components/organisms/Modal/Modal.js +1 -1
  319. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  320. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  321. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  322. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  323. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  324. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  325. package/es/components/overlays/AlertDialog/index.js +1 -1
  326. package/es/components/overlays/AlertDialog/types.js +1 -1
  327. package/es/components/overlays/Dialog/Dialog.js +1 -1
  328. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  329. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  330. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  331. package/es/components/overlays/Dialog/context.js +1 -1
  332. package/es/components/overlays/Dialog/index.js +1 -1
  333. package/es/components/overlays/Modal/Modal.js +1 -1
  334. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  335. package/es/components/overlays/Modal/Overlay.js +1 -1
  336. package/es/components/overlays/Modal/Popover.js +1 -1
  337. package/es/components/overlays/Modal/Tray.js +1 -1
  338. package/es/components/overlays/Modal/Underlay.js +1 -1
  339. package/es/components/overlays/Modal/index.js +1 -1
  340. package/es/components/overlays/NewNotifications/Bar/Bar.js +40 -0
  341. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +22 -0
  342. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +54 -0
  343. package/es/components/overlays/NewNotifications/Bar/index.js +10 -0
  344. package/es/components/overlays/NewNotifications/Notification/Notification.js +69 -0
  345. package/es/components/overlays/NewNotifications/Notification/NotificationAction.js +19 -0
  346. package/es/components/overlays/NewNotifications/Notification/NotificationCloseButton.js +38 -0
  347. package/es/components/overlays/NewNotifications/Notification/NotificationDescription.js +18 -0
  348. package/es/components/overlays/NewNotifications/Notification/NotificationFooter.js +21 -0
  349. package/es/components/overlays/NewNotifications/Notification/NotificationHeader.js +18 -0
  350. package/es/components/overlays/NewNotifications/Notification/NotificationIcon.js +54 -0
  351. package/es/components/overlays/NewNotifications/Notification/index.js +11 -0
  352. package/es/components/overlays/NewNotifications/Notification/types.js +10 -0
  353. package/es/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.js +29 -0
  354. package/es/components/overlays/NewNotifications/NotificationsDialog/index.js +10 -0
  355. package/es/components/overlays/NewNotifications/NotificationsList.js +43 -0
  356. package/es/components/overlays/NewNotifications/NotificationsProvider.js +64 -0
  357. package/es/components/overlays/NewNotifications/index.js +12 -0
  358. package/es/components/overlays/NewNotifications/timer.js +41 -0
  359. package/es/components/overlays/NewNotifications/types.js +10 -0
  360. package/es/components/overlays/Notification/Notification.js +1 -1
  361. package/es/components/overlays/OverlayWrapper.js +1 -1
  362. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  363. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  364. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  365. package/es/components/overlays/Tooltip/context.js +1 -1
  366. package/es/components/pickers/ComboBox/ComboBox.js +1 -1
  367. package/es/components/pickers/Menu/Menu.js +1 -1
  368. package/es/components/pickers/Menu/MenuButton.js +1 -1
  369. package/es/components/pickers/Menu/MenuItem.js +1 -1
  370. package/es/components/pickers/Menu/MenuSection.js +1 -1
  371. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  372. package/es/components/pickers/Menu/context.js +1 -1
  373. package/es/components/pickers/Menu/styled.js +1 -1
  374. package/es/components/pickers/Select/Select.js +1 -1
  375. package/es/components/portal/Portal.js +1 -1
  376. package/es/components/portal/PortalProvider.js +1 -1
  377. package/es/components/portal/index.js +1 -1
  378. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  379. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  380. package/es/components/portal/storybook/templates/basic.js +1 -1
  381. package/es/components/portal/storybook/templates/index.js +1 -1
  382. package/es/components/portal/types.js +1 -1
  383. package/es/components/portal/usePortal.js +1 -1
  384. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  385. package/es/components/status/LoadingAnimation/index.js +1 -1
  386. package/es/components/status/Spin/Cube.js +1 -1
  387. package/es/components/status/Spin/InternalSpinner.js +1 -1
  388. package/es/components/status/Spin/Spin.js +1 -1
  389. package/es/components/status/Spin/SpinsContainer.js +1 -1
  390. package/es/components/status/Spin/index.js +1 -1
  391. package/es/components/status/Spin/types.js +1 -1
  392. package/es/components/status/index.js +1 -1
  393. package/es/data/themes.js +1 -1
  394. package/es/icons/Attention.js +13 -0
  395. package/es/icons/Cross.js +13 -0
  396. package/es/icons/Danger.js +13 -0
  397. package/es/icons/Success.js +13 -0
  398. package/es/icons/index.js +13 -0
  399. package/es/index.js +1 -1
  400. package/es/provider.js +1 -1
  401. package/es/providers/StyleProvider.js +1 -1
  402. package/es/services/notification.js +1 -1
  403. package/es/shared/form.js +1 -1
  404. package/es/shared/index.js +1 -1
  405. package/es/stories/FormFieldArgs.js +1 -1
  406. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  407. package/es/stories/components/DialogFormApp.js +1 -1
  408. package/es/stories/components/StyledButton.js +1 -1
  409. package/es/stories/lists/baseProps.js +1 -1
  410. package/es/styled/index.js +1 -1
  411. package/es/styled/styled.js +1 -1
  412. package/es/tasty/index.js +1 -1
  413. package/es/tasty/providers/BreakpointsProvider.js +1 -1
  414. package/es/tasty/styles/align.js +1 -1
  415. package/es/tasty/styles/border.js +1 -1
  416. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  417. package/es/tasty/styles/color.js +1 -1
  418. package/es/tasty/styles/createStyle.js +1 -1
  419. package/es/tasty/styles/dimension.js +1 -1
  420. package/es/tasty/styles/display.js +1 -1
  421. package/es/tasty/styles/fill.js +1 -1
  422. package/es/tasty/styles/flow.js +1 -1
  423. package/es/tasty/styles/font.js +1 -1
  424. package/es/tasty/styles/fontStyle.js +1 -1
  425. package/es/tasty/styles/gap.js +1 -1
  426. package/es/tasty/styles/groupRadius.js +1 -1
  427. package/es/tasty/styles/height.js +1 -1
  428. package/es/tasty/styles/index.js +1 -1
  429. package/es/tasty/styles/justify.js +1 -1
  430. package/es/tasty/styles/list.js +1 -1
  431. package/es/tasty/styles/margin.js +1 -1
  432. package/es/tasty/styles/marginBlock.js +1 -1
  433. package/es/tasty/styles/marginInline.js +1 -1
  434. package/es/tasty/styles/outline.js +1 -1
  435. package/es/tasty/styles/padding.js +1 -1
  436. package/es/tasty/styles/paddingBlock.js +1 -1
  437. package/es/tasty/styles/paddingInline.js +1 -1
  438. package/es/tasty/styles/predefined.js +1 -1
  439. package/es/tasty/styles/preset.js +1 -1
  440. package/es/tasty/styles/radius.js +1 -1
  441. package/es/tasty/styles/reset.js +1 -1
  442. package/es/tasty/styles/shadow.js +1 -1
  443. package/es/tasty/styles/styledScrollbar.js +1 -1
  444. package/es/tasty/styles/transition.js +1 -1
  445. package/es/tasty/styles/types.js +1 -1
  446. package/es/tasty/styles/width.js +1 -1
  447. package/es/tasty/tasty.js +1 -1
  448. package/es/tasty/types.js +1 -1
  449. package/es/tasty/utils/colors.js +1 -1
  450. package/es/tasty/utils/dotize.js +1 -1
  451. package/es/tasty/utils/filterBaseProps.js +1 -1
  452. package/es/tasty/utils/index.js +1 -1
  453. package/es/tasty/utils/mergeStyles.js +1 -1
  454. package/es/tasty/utils/modAttrs.js +1 -1
  455. package/es/tasty/utils/renderStyles.js +1 -1
  456. package/es/tasty/utils/responsive.js +1 -1
  457. package/es/tasty/utils/string.js +1 -1
  458. package/es/tasty/utils/styles.js +1 -1
  459. package/es/tasty/utils/warnings.js +1 -1
  460. package/es/test/index.js +1 -1
  461. package/es/test/render.js +1 -1
  462. package/es/test/setup.js +1 -1
  463. package/es/test/utils/index.js +1 -1
  464. package/es/test/utils/wait.js +1 -1
  465. package/es/tokens.js +2 -2
  466. package/es/type-checks.js +1 -1
  467. package/es/utils/ResizeSensor.js +1 -1
  468. package/es/utils/modules.js +1 -1
  469. package/es/utils/promise.js +1 -1
  470. package/es/utils/react/Slots.js +1 -1
  471. package/es/utils/react/chain.js +1 -1
  472. package/es/utils/react/index.js +1 -1
  473. package/es/utils/react/interactions.js +1 -1
  474. package/es/utils/react/isTextOnly.js +1 -1
  475. package/es/utils/react/mapProps.js +1 -1
  476. package/es/utils/react/mergeProps.js +1 -1
  477. package/es/utils/react/nullableValue.js +1 -1
  478. package/es/utils/react/useCombinedRefs.js +1 -1
  479. package/es/utils/react/useId.js +1 -1
  480. package/es/utils/react/useLayoutEffect.js +1 -1
  481. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  482. package/es/utils/transitions.js +1 -1
  483. package/es/utils/tree.js +1 -1
  484. package/es/utils/warnings.js +1 -1
  485. package/package.json +3 -3
  486. package/types/_internal/hooks/index.d.ts +3 -0
  487. package/types/_internal/hooks/use-chained-callback.d.ts +1 -0
  488. package/types/_internal/hooks/use-event.d.ts +7 -0
  489. package/types/_internal/hooks/use-sync-ref.d.ts +2 -0
  490. package/types/components/actions/Button/Button.d.ts +1 -1
  491. package/types/components/overlays/NewNotifications/Bar/Bar.d.ts +7 -0
  492. package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts +8 -0
  493. package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts +4 -0
  494. package/types/components/overlays/NewNotifications/Bar/index.d.ts +1 -0
  495. package/types/components/overlays/NewNotifications/Notification/Notification.d.ts +3 -0
  496. package/types/components/overlays/NewNotifications/Notification/NotificationAction.d.ts +6 -0
  497. package/types/components/overlays/NewNotifications/Notification/NotificationCloseButton.d.ts +7 -0
  498. package/types/components/overlays/NewNotifications/Notification/NotificationDescription.d.ts +7 -0
  499. package/types/components/overlays/NewNotifications/Notification/NotificationFooter.d.ts +7 -0
  500. package/types/components/overlays/NewNotifications/Notification/NotificationHeader.d.ts +7 -0
  501. package/types/components/overlays/NewNotifications/Notification/NotificationIcon.d.ts +3 -0
  502. package/types/components/overlays/NewNotifications/Notification/index.d.ts +2 -0
  503. package/types/components/overlays/NewNotifications/Notification/types.d.ts +10 -0
  504. package/types/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.d.ts +4 -0
  505. package/types/components/overlays/NewNotifications/NotificationsDialog/index.d.ts +1 -0
  506. package/types/components/overlays/NewNotifications/NotificationsList.d.ts +10 -0
  507. package/types/components/overlays/NewNotifications/NotificationsProvider.d.ts +14 -0
  508. package/types/components/overlays/NewNotifications/index.d.ts +5 -0
  509. package/types/components/overlays/NewNotifications/timer.d.ts +12 -0
  510. package/types/components/overlays/NewNotifications/types.d.ts +47 -0
  511. package/types/icons/Attention.d.ts +2 -0
  512. package/types/icons/Cross.d.ts +2 -0
  513. package/types/icons/Danger.d.ts +2 -0
  514. package/types/icons/Success.d.ts +2 -0
  515. package/types/icons/index.d.ts +4 -0
  516. package/types/stories/components/StyledButton.d.ts +1 -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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
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-5a0e8ed
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -0,0 +1,40 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { TransitionGroup } from 'react-transition-group';
10
+ import { Portal } from '../../../portal';
11
+ import { tasty } from '../../../../tasty';
12
+ import { TransitionComponent } from './TransitionComponent';
13
+ import { FloatingNotification } from './FloatingNotification';
14
+ const NotificationsList = tasty({
15
+ styles: {
16
+ boxSizing: 'border-box',
17
+ position: 'fixed',
18
+ bottom: 'env(safe-area-inset-bottom, 0)',
19
+ right: 'env(safe-area-inset-right, 0)',
20
+ display: 'flex',
21
+ flexDirection: 'column-reverse',
22
+ width: 'auto 100% 45x',
23
+ height: '100vh max',
24
+ padding: '2x',
25
+ gap: '1x',
26
+ zIndex: '100',
27
+ overflow: 'hidden',
28
+ isolation: 'isolate',
29
+ pointerEvents: 'none',
30
+ '@supports (-webkit-touch-callout: none)': {
31
+ height: '-webkit-fill-available max',
32
+ },
33
+ },
34
+ });
35
+ export function NotificationsBar(props) {
36
+ const { toasts, onRemoveToast } = props;
37
+ return (_jsx(Portal, { children: _jsx(NotificationsList, { "data-qa": "notifications-bar", role: "region", "aria-live": "polite", children: _jsx(TransitionGroup, { component: null, enter: true, exit: true, children: [...toasts.entries()].reverse().map(([id, notificationProps]) => (_jsx(TransitionComponent, { children: _jsx(FloatingNotification, { id: id, notificationProps: notificationProps, onRemoveToast: onRemoveToast }, void 0) }, id))) }, void 0) }, void 0) }, void 0));
38
+ }
39
+
40
+
@@ -0,0 +1,22 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { memo } from 'react';
10
+ import { tasty } from '../../../../tasty';
11
+ import { useChainedCallback } from '../../../../_internal';
12
+ import { Notification } from '../Notification';
13
+ const NotificationContainer = tasty({
14
+ styles: { boxShadow: '0 0.5x 2x #shadow', pointerEvents: 'auto' },
15
+ });
16
+ export const FloatingNotification = memo(function FloatingNotification(props) {
17
+ const { notificationProps, id, onRemoveToast } = props;
18
+ const chainedOnClose = useChainedCallback(notificationProps.onClose, () => onRemoveToast(id));
19
+ return (_jsx(NotificationContainer, { "data-qa": "floating-notification", children: _jsx(Notification, { ...notificationProps, duration: null, onClose: chainedOnClose, attributes: { role: 'status', 'aria-atomic': 'true' } }, void 0) }, void 0));
20
+ });
21
+
22
+
@@ -0,0 +1,54 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { useCallback, useRef } from 'react';
10
+ import { CSSTransition } from 'react-transition-group';
11
+ import styled from 'styled-components';
12
+ const CSS_TRANSITION_CLASS_NAME = 'cube-notifications-css-transition';
13
+ const TRANSITION_TIMEOUT = 250;
14
+ const Transition = styled.div `
15
+ transition-property: height, opacity, margin-top, margin-bottom;
16
+ transition-duration: ${TRANSITION_TIMEOUT}ms;
17
+ transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
18
+
19
+ &.${CSS_TRANSITION_CLASS_NAME} {
20
+ &-enter {
21
+ height: 0;
22
+ opacity: 0;
23
+ will-change: height, opacity;
24
+ }
25
+ &-enter-active {
26
+ height: var(--__notification-size__);
27
+ opacity: 1;
28
+ will-change: height, opacity;
29
+ }
30
+ &-exit {
31
+ height: var(--__notification-size__);
32
+ opacity: 1;
33
+ will-change: height, opacity, margin-top;
34
+ }
35
+ &-exit-active {
36
+ margin-top: -8px;
37
+ height: 0;
38
+ opacity: 0;
39
+ will-change: height, opacity;
40
+ }
41
+ }
42
+ `;
43
+ export function TransitionComponent(props) {
44
+ const { children, ...transitionProps } = props;
45
+ const notificationRef = useRef(null);
46
+ const calculateNotificationSize = useCallback(() => {
47
+ if (notificationRef.current) {
48
+ notificationRef.current.style.setProperty('--__notification-size__', `${notificationRef.current.scrollHeight}px`);
49
+ }
50
+ }, []);
51
+ return (_jsx(CSSTransition, { unmountOnExit: true, mountOnEnter: true, timeout: TRANSITION_TIMEOUT, classNames: CSS_TRANSITION_CLASS_NAME, onEnter: calculateNotificationSize, onExit: calculateNotificationSize, ...transitionProps, children: _jsx(Transition, { ref: notificationRef, children: children }, void 0) }, void 0));
52
+ }
53
+
54
+
@@ -0,0 +1,10 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ export * from './Bar';
9
+
10
+
@@ -0,0 +1,69 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ import { forwardRef, useMemo } from 'react';
10
+ import { useHover } from '@react-aria/interactions';
11
+ import { useFocusRing } from '@react-aria/focus';
12
+ import { mergeProps, useId } from '@react-aria/utils';
13
+ import { tasty } from '../../../../tasty';
14
+ import { useEvent } from '../../../../_internal';
15
+ import { Timer } from '../timer';
16
+ import { NotificationIcon } from './NotificationIcon';
17
+ import { NotificationHeader } from './NotificationHeader';
18
+ import { NotificationDescription } from './NotificationDescription';
19
+ import { NotificationFooter } from './NotificationFooter';
20
+ import { NotificationCloseButton } from './NotificationCloseButton';
21
+ const NotificationContainer = tasty({
22
+ styles: {
23
+ position: 'relative',
24
+ display: 'grid',
25
+ width: 'auto',
26
+ padding: '1.5x 1x 1.5x 1.5x',
27
+ gridAreas: `
28
+ "icon . header"
29
+ "icon . description"
30
+ "icon . footer"
31
+ `,
32
+ gridColumns: 'min-content 1x minmax(0, auto)',
33
+ fill: '#white',
34
+ boxShadow: {
35
+ '': '0 0 0 2bw #purple-04.0 inset',
36
+ focused: '0 0 0 2bw #purple-04 inset',
37
+ },
38
+ },
39
+ });
40
+ export const Notification = forwardRef(function Notification(props, ref) {
41
+ const { onClose, type = 'attention', actions, header, icon, isClosable = true, description, duration = 5000, id, attributes = {}, } = props;
42
+ const labelID = useId();
43
+ const descriptionID = useId();
44
+ const onCloseEvent = useEvent(() => {
45
+ if (isClosable) {
46
+ onClose === null || onClose === void 0 ? void 0 : onClose();
47
+ }
48
+ });
49
+ const onKeyDown = useEvent((event) => {
50
+ const closeKeys = ['Delete', 'Backspace', 'Escape'];
51
+ if (closeKeys.includes(event.key)) {
52
+ onCloseEvent();
53
+ }
54
+ });
55
+ const timer = useMemo(() => {
56
+ if (duration === null) {
57
+ return null;
58
+ }
59
+ return new Timer(onCloseEvent, duration);
60
+ }, []);
61
+ const { hoverProps, isHovered } = useHover({
62
+ onHoverStart: timer === null || timer === void 0 ? void 0 : timer.reset,
63
+ onHoverEnd: timer === null || timer === void 0 ? void 0 : timer.resume,
64
+ });
65
+ const { isFocusVisible, focusProps } = useFocusRing({ within: true });
66
+ return (_jsxs(NotificationContainer, { ...mergeProps(attributes, hoverProps, focusProps, { onKeyDown }), ref: ref, "data-id": id, "data-qa": "notification", "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible }, children: [_jsx(NotificationIcon, { icon: icon, type: type }, void 0), header && _jsx(NotificationHeader, { header: header, id: labelID }, void 0), description && (_jsx(NotificationDescription, { description: description, id: descriptionID }, void 0)), actions && _jsx(NotificationFooter, { actions: actions }, void 0), isClosable && (_jsx(NotificationCloseButton, { onPress: onCloseEvent, isHovered: isHovered, isFocused: isFocusVisible }, void 0))] }, void 0));
67
+ });
68
+
69
+
@@ -0,0 +1,19 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { tasty } from '../../../../tasty';
10
+ import { Button } from '../../../actions';
11
+ const Action = tasty(Button, {
12
+ color: { '': '#purple-text', primary: '#purple-text', secondary: '#dark-03' },
13
+ });
14
+ export function NotificationAction(props) {
15
+ const { children, type = 'primary', ...buttonProps } = props;
16
+ return (_jsx(Action, { ...buttonProps, type: "link", size: "small", mods: { primary: type === 'primary', secondary: type === 'secondary' }, children: children }, void 0));
17
+ }
18
+
19
+
@@ -0,0 +1,38 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { memo } from 'react';
10
+ import { Button } from '../../../actions';
11
+ import { tasty } from '../../../../tasty';
12
+ import { Cross } from '../../../../icons';
13
+ const CloseButton = tasty(Button, {
14
+ styles: {
15
+ position: 'absolute',
16
+ right: 0,
17
+ top: 0,
18
+ display: 'flex',
19
+ placeItems: 'center',
20
+ padding: '0.75x',
21
+ width: '3.5x',
22
+ height: '3.5x',
23
+ fill: '#white',
24
+ shadow: '0 0.5x 2x #shadow',
25
+ color: { '': '#dark-02', hovered: '#dark-03', pressed: '#dark-02' },
26
+ borderRadius: '50%',
27
+ visibility: { '': 'hidden', show: 'visible' },
28
+ opacity: { '': '0', show: '1' },
29
+ transform: 'translate(50%, -50%)',
30
+ transition: 'opacity, visibility 0.2s ease-in-out',
31
+ },
32
+ });
33
+ export const NotificationCloseButton = memo(function NotificationCloseButton(props) {
34
+ const { onPress, isHovered, isFocused } = props;
35
+ return (_jsx(CloseButton, { type: "neutral", mods: { show: isHovered || isFocused }, onPress: onPress, icon: _jsx(Cross, {}, void 0), label: "Close the notification" }, void 0));
36
+ });
37
+
38
+
@@ -0,0 +1,18 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { memo } from 'react';
10
+ import { tasty } from '../../../../tasty';
11
+ import { Paragraph } from '../../../content/Paragraph';
12
+ const Description = tasty(Paragraph, { gridArea: 'description' });
13
+ export const NotificationDescription = memo(function NotificationDescription(props) {
14
+ const { description, ...descriptionProps } = props;
15
+ return _jsx(Description, { ...descriptionProps, children: description }, void 0);
16
+ });
17
+
18
+
@@ -0,0 +1,21 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { tasty } from '../../../../tasty';
10
+ import { ButtonGroup } from '../../../actions';
11
+ const FooterArea = tasty(ButtonGroup, {
12
+ gridArea: 'footer',
13
+ gap: '2x',
14
+ styles: { '&:not(:empty)': { margin: '1x top' } },
15
+ });
16
+ export function NotificationFooter(props) {
17
+ const { actions } = props;
18
+ return _jsx(FooterArea, { children: actions }, void 0);
19
+ }
20
+
21
+
@@ -0,0 +1,18 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ import { memo } from 'react';
10
+ import { Title } from '../../../content/Title';
11
+ import { tasty } from '../../../../tasty';
12
+ const Header = tasty(Title, { gridArea: 'header', margin: '0.25x 0 0.5x' });
13
+ export const NotificationHeader = memo(function NotificationHeader(props) {
14
+ const { header, ...headerProps } = props;
15
+ return (_jsx(Header, { as: "div", preset: "h6", ...headerProps, children: header }, void 0));
16
+ });
17
+
18
+
@@ -0,0 +1,54 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
9
+ import { memo } from 'react';
10
+ import { tasty } from '../../../../tasty';
11
+ import { Danger, Success, Attention } from '../../../../icons';
12
+ const IconContainer = tasty({
13
+ styles: {
14
+ boxSizing: 'border-box',
15
+ display: 'flex',
16
+ gridArea: 'icon',
17
+ fill: {
18
+ '': '#note-bg',
19
+ attention: '#note-bg',
20
+ success: '#success-bg',
21
+ danger: '#danger-bg',
22
+ },
23
+ color: {
24
+ '': '#note-text',
25
+ attention: '#note-text',
26
+ success: '#success-text',
27
+ danger: '#danger-text',
28
+ },
29
+ borderRadius: '0.5x',
30
+ width: '3x',
31
+ height: '3x',
32
+ padding: '0.5x',
33
+ alignItems: 'center',
34
+ justifyContent: 'center',
35
+ },
36
+ });
37
+ export const NotificationIcon = memo(function NotificationIcon(props) {
38
+ const { icon, type } = props;
39
+ if (icon) {
40
+ return _jsx(_Fragment, { children: icon }, void 0);
41
+ }
42
+ return (_jsx(IconContainer, { mods: {
43
+ attention: type === 'attention',
44
+ success: type === 'success',
45
+ danger: type === 'danger',
46
+ }, children: iconsByType[type] }, void 0));
47
+ });
48
+ const iconsByType = {
49
+ attention: _jsx(Attention, {}, void 0),
50
+ success: _jsx(Success, {}, void 0),
51
+ danger: _jsx(Danger, {}, void 0),
52
+ };
53
+
54
+
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ export * from './Notification';
9
+ export * from './NotificationAction';
10
+
11
+
@@ -0,0 +1,10 @@
1
+ /**
2
+ * @license MIT
3
+ * author: Cube Dev Team
4
+ * @cube-dev/ui-kit v0.0.0-canary-89a0ed8
5
+ * Released under the MIT license.
6
+ */
7
+
8
+ export {};
9
+
10
+