@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.
- package/cjs/_internal/hooks/index.js +4 -1
- package/cjs/_internal/hooks/use-chained-callback.js +23 -0
- package/cjs/_internal/hooks/use-deprecation-warning.js +1 -1
- package/cjs/_internal/hooks/use-event.js +26 -0
- package/cjs/_internal/hooks/use-sync-ref.js +21 -0
- package/cjs/_internal/index.js +1 -1
- package/cjs/components/Base.js +1 -1
- package/cjs/components/Block.js +1 -1
- package/cjs/components/GlobalStyles.js +1 -1
- package/cjs/components/GridProvider.js +1 -1
- package/cjs/components/HiddenInput.js +1 -1
- package/cjs/components/OpenTrasition.js +1 -1
- package/cjs/components/Root.js +3 -2
- package/cjs/components/actions/Action.js +1 -1
- package/cjs/components/actions/Button/Button.js +1 -1
- package/cjs/components/actions/Button/Submit.js +1 -1
- package/cjs/components/actions/Button/index.js +1 -1
- package/cjs/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/cjs/components/actions/index.js +1 -1
- package/cjs/components/content/ActiveZone/ActiveZone.js +1 -1
- package/cjs/components/content/Alert/Alert.js +1 -1
- package/cjs/components/content/Alert/index.js +1 -1
- package/cjs/components/content/Alert/types.js +1 -1
- package/cjs/components/content/Alert/use-alert.js +1 -1
- package/cjs/components/content/Avatar/Avatar.js +1 -1
- package/cjs/components/content/Badge/Badge.js +1 -1
- package/cjs/components/content/Card/Card.js +1 -1
- package/cjs/components/content/Content.js +1 -1
- package/cjs/components/content/CopySnippet/CopySnippet.js +1 -1
- package/cjs/components/content/CopySnippet/index.js +1 -1
- package/cjs/components/content/Divider.js +1 -1
- package/cjs/components/content/Footer.js +1 -1
- package/cjs/components/content/Header.js +1 -1
- package/cjs/components/content/Paragraph.js +1 -1
- package/cjs/components/content/Placeholder/Placeholder.js +1 -1
- package/cjs/components/content/PrismCode/PrismCode.js +1 -1
- package/cjs/components/content/Result/Result.js +1 -1
- package/cjs/components/content/Skeleton/Skeleton.js +1 -1
- package/cjs/components/content/Tag/Tag.js +1 -1
- package/cjs/components/content/Text.js +1 -1
- package/cjs/components/content/Title.js +1 -1
- package/cjs/components/forms/Checkbox/Checkbox.js +1 -1
- package/cjs/components/forms/Checkbox/CheckboxGroup.js +1 -1
- package/cjs/components/forms/Checkbox/context.js +1 -1
- package/cjs/components/forms/FieldWrapper.js +1 -1
- package/cjs/components/forms/FileInput/FileInput.js +1 -1
- package/cjs/components/forms/Form/Field.js +1 -1
- package/cjs/components/forms/Form/Form.js +1 -1
- package/cjs/components/forms/Form/index.js +1 -1
- package/cjs/components/forms/Form/useForm.js +1 -1
- package/cjs/components/forms/Form/validation.js +1 -1
- package/cjs/components/forms/Input/Input.js +1 -1
- package/cjs/components/forms/Input/index.js +1 -1
- package/cjs/components/forms/Label.js +1 -1
- package/cjs/components/forms/NumberInput/NumberInput.js +1 -1
- package/cjs/components/forms/NumberInput/StepButton.js +1 -1
- package/cjs/components/forms/PasswordInput/PasswordInput.js +1 -1
- package/cjs/components/forms/RadioGroup/Radio.js +1 -1
- package/cjs/components/forms/RadioGroup/RadioGroup.js +1 -1
- package/cjs/components/forms/RadioGroup/context.js +1 -1
- package/cjs/components/forms/SearchInput/SearchInput.js +1 -1
- package/cjs/components/forms/Switch/Switch.js +1 -1
- package/cjs/components/forms/TextArea/TextArea.js +1 -1
- package/cjs/components/forms/TextInput/TextInput.js +1 -1
- package/cjs/components/forms/TextInput/TextInputBase.js +1 -1
- package/cjs/components/forms/index.js +1 -1
- package/cjs/components/layout/Flex.js +1 -1
- package/cjs/components/layout/Flow.js +1 -1
- package/cjs/components/layout/Grid.js +1 -1
- package/cjs/components/layout/Prefix.js +1 -1
- package/cjs/components/layout/Space.js +1 -1
- package/cjs/components/layout/Suffix.js +1 -1
- package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
- package/cjs/components/navigation/Link/Link.js +1 -1
- package/cjs/components/organisms/FileTabs/FileTabs.js +1 -1
- package/cjs/components/organisms/Modal/Modal.js +1 -1
- package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
- package/cjs/components/other/Base64Upload/Base64Upload.js +1 -1
- package/cjs/components/other/CloudLogo/CloudLogo.js +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialog.js +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
- package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
- package/cjs/components/overlays/AlertDialog/index.js +1 -1
- package/cjs/components/overlays/AlertDialog/types.js +1 -1
- package/cjs/components/overlays/Dialog/Dialog.js +1 -1
- package/cjs/components/overlays/Dialog/DialogContainer.js +1 -1
- package/cjs/components/overlays/Dialog/DialogForm.js +1 -1
- package/cjs/components/overlays/Dialog/DialogTrigger.js +1 -1
- package/cjs/components/overlays/Dialog/context.js +1 -1
- package/cjs/components/overlays/Dialog/index.js +1 -1
- package/cjs/components/overlays/Modal/Modal.js +1 -1
- package/cjs/components/overlays/Modal/OpenTransition.js +1 -1
- package/cjs/components/overlays/Modal/Overlay.js +1 -1
- package/cjs/components/overlays/Modal/Popover.js +1 -1
- package/cjs/components/overlays/Modal/Tray.js +1 -1
- package/cjs/components/overlays/Modal/Underlay.js +1 -1
- package/cjs/components/overlays/Modal/index.js +1 -1
- package/cjs/components/overlays/NewNotifications/Bar/Bar.js +44 -0
- package/cjs/components/overlays/NewNotifications/Bar/FloatingNotification.js +25 -0
- package/cjs/components/overlays/NewNotifications/Bar/TransitionComponent.js +61 -0
- package/cjs/components/overlays/NewNotifications/Bar/index.js +22 -0
- package/cjs/components/overlays/NewNotifications/Notification/Notification.js +72 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationAction.js +23 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationCloseButton.js +41 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationDescription.js +21 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationFooter.js +25 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationHeader.js +21 -0
- package/cjs/components/overlays/NewNotifications/Notification/NotificationIcon.js +57 -0
- package/cjs/components/overlays/NewNotifications/Notification/index.js +23 -0
- package/cjs/components/overlays/NewNotifications/Notification/types.js +11 -0
- package/cjs/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.js +34 -0
- package/cjs/components/overlays/NewNotifications/NotificationsDialog/index.js +22 -0
- package/cjs/components/overlays/NewNotifications/NotificationsList.js +47 -0
- package/cjs/components/overlays/NewNotifications/NotificationsProvider.js +72 -0
- package/cjs/components/overlays/NewNotifications/index.js +28 -0
- package/cjs/components/overlays/NewNotifications/timer.js +45 -0
- package/cjs/components/overlays/NewNotifications/types.js +11 -0
- package/cjs/components/overlays/Notification/Notification.js +1 -1
- package/cjs/components/overlays/OverlayWrapper.js +1 -1
- package/cjs/components/overlays/Tooltip/Tooltip.js +1 -1
- package/cjs/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/cjs/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/cjs/components/overlays/Tooltip/context.js +1 -1
- package/cjs/components/pickers/ComboBox/ComboBox.js +1 -1
- package/cjs/components/pickers/Menu/Menu.js +1 -1
- package/cjs/components/pickers/Menu/MenuButton.js +1 -1
- package/cjs/components/pickers/Menu/MenuItem.js +1 -1
- package/cjs/components/pickers/Menu/MenuSection.js +1 -1
- package/cjs/components/pickers/Menu/MenuTrigger.js +1 -1
- package/cjs/components/pickers/Menu/context.js +1 -1
- package/cjs/components/pickers/Menu/styled.js +1 -1
- package/cjs/components/pickers/Select/Select.js +1 -1
- package/cjs/components/portal/Portal.js +1 -1
- package/cjs/components/portal/PortalProvider.js +1 -1
- package/cjs/components/portal/index.js +1 -1
- package/cjs/components/portal/storybook/templates/CustomRoot.js +1 -1
- package/cjs/components/portal/storybook/templates/PortalOrder.js +1 -1
- package/cjs/components/portal/storybook/templates/basic.js +1 -1
- package/cjs/components/portal/storybook/templates/index.js +1 -1
- package/cjs/components/portal/types.js +1 -1
- package/cjs/components/portal/usePortal.js +1 -1
- package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/cjs/components/status/LoadingAnimation/index.js +1 -1
- package/cjs/components/status/Spin/Cube.js +1 -1
- package/cjs/components/status/Spin/InternalSpinner.js +1 -1
- package/cjs/components/status/Spin/Spin.js +1 -1
- package/cjs/components/status/Spin/SpinsContainer.js +1 -1
- package/cjs/components/status/Spin/index.js +1 -1
- package/cjs/components/status/Spin/types.js +1 -1
- package/cjs/components/status/index.js +1 -1
- package/cjs/data/themes.js +1 -1
- package/cjs/icons/Attention.js +17 -0
- package/cjs/icons/Cross.js +17 -0
- package/cjs/icons/Danger.js +17 -0
- package/cjs/icons/Success.js +17 -0
- package/cjs/icons/index.js +25 -0
- package/cjs/index.js +1 -1
- package/cjs/provider.js +1 -1
- package/cjs/providers/StyleProvider.js +1 -1
- package/cjs/services/notification.js +1 -1
- package/cjs/shared/form.js +1 -1
- package/cjs/shared/index.js +1 -1
- package/cjs/stories/FormFieldArgs.js +1 -1
- package/cjs/stories/components/ConfirmDeletionDialogForm.js +1 -1
- package/cjs/stories/components/DialogFormApp.js +1 -1
- package/cjs/stories/components/StyledButton.js +1 -1
- package/cjs/stories/lists/baseProps.js +1 -1
- package/cjs/styled/index.js +1 -1
- package/cjs/styled/styled.js +1 -1
- package/cjs/tasty/index.js +1 -1
- package/cjs/tasty/providers/BreakpointsProvider.js +1 -1
- package/cjs/tasty/styles/align.js +1 -1
- package/cjs/tasty/styles/border.js +1 -1
- package/cjs/tasty/styles/boxShadow.combinator.js +1 -1
- package/cjs/tasty/styles/color.js +1 -1
- package/cjs/tasty/styles/createStyle.js +1 -1
- package/cjs/tasty/styles/dimension.js +1 -1
- package/cjs/tasty/styles/display.js +1 -1
- package/cjs/tasty/styles/fill.js +1 -1
- package/cjs/tasty/styles/flow.js +1 -1
- package/cjs/tasty/styles/font.js +1 -1
- package/cjs/tasty/styles/fontStyle.js +1 -1
- package/cjs/tasty/styles/gap.js +1 -1
- package/cjs/tasty/styles/groupRadius.js +1 -1
- package/cjs/tasty/styles/height.js +1 -1
- package/cjs/tasty/styles/index.js +1 -1
- package/cjs/tasty/styles/justify.js +1 -1
- package/cjs/tasty/styles/list.js +1 -1
- package/cjs/tasty/styles/margin.js +1 -1
- package/cjs/tasty/styles/marginBlock.js +1 -1
- package/cjs/tasty/styles/marginInline.js +1 -1
- package/cjs/tasty/styles/outline.js +1 -1
- package/cjs/tasty/styles/padding.js +1 -1
- package/cjs/tasty/styles/paddingBlock.js +1 -1
- package/cjs/tasty/styles/paddingInline.js +1 -1
- package/cjs/tasty/styles/predefined.js +1 -1
- package/cjs/tasty/styles/preset.js +1 -1
- package/cjs/tasty/styles/radius.js +1 -1
- package/cjs/tasty/styles/reset.js +1 -1
- package/cjs/tasty/styles/shadow.js +1 -1
- package/cjs/tasty/styles/styledScrollbar.js +1 -1
- package/cjs/tasty/styles/transition.js +1 -1
- package/cjs/tasty/styles/types.js +1 -1
- package/cjs/tasty/styles/width.js +1 -1
- package/cjs/tasty/tasty.js +1 -1
- package/cjs/tasty/types.js +1 -1
- package/cjs/tasty/utils/colors.js +1 -1
- package/cjs/tasty/utils/dotize.js +1 -1
- package/cjs/tasty/utils/filterBaseProps.js +1 -1
- package/cjs/tasty/utils/index.js +1 -1
- package/cjs/tasty/utils/mergeStyles.js +1 -1
- package/cjs/tasty/utils/modAttrs.js +1 -1
- package/cjs/tasty/utils/renderStyles.js +1 -1
- package/cjs/tasty/utils/responsive.js +1 -1
- package/cjs/tasty/utils/string.js +1 -1
- package/cjs/tasty/utils/styles.js +1 -1
- package/cjs/tasty/utils/warnings.js +1 -1
- package/cjs/test/index.js +1 -1
- package/cjs/test/render.js +1 -1
- package/cjs/test/setup.js +1 -1
- package/cjs/test/utils/index.js +1 -1
- package/cjs/test/utils/wait.js +1 -1
- package/cjs/tokens.js +2 -2
- package/cjs/type-checks.js +1 -1
- package/cjs/utils/ResizeSensor.js +1 -1
- package/cjs/utils/modules.js +1 -1
- package/cjs/utils/promise.js +1 -1
- package/cjs/utils/react/Slots.js +1 -1
- package/cjs/utils/react/chain.js +1 -1
- package/cjs/utils/react/index.js +1 -1
- package/cjs/utils/react/interactions.js +1 -1
- package/cjs/utils/react/isTextOnly.js +1 -1
- package/cjs/utils/react/mapProps.js +1 -1
- package/cjs/utils/react/mergeProps.js +1 -1
- package/cjs/utils/react/nullableValue.js +1 -1
- package/cjs/utils/react/useCombinedRefs.js +1 -1
- package/cjs/utils/react/useId.js +1 -1
- package/cjs/utils/react/useLayoutEffect.js +1 -1
- package/cjs/utils/react/wrapNodeIfPlain.js +1 -1
- package/cjs/utils/transitions.js +1 -1
- package/cjs/utils/tree.js +1 -1
- package/cjs/utils/warnings.js +1 -1
- package/es/_internal/hooks/index.js +4 -1
- package/es/_internal/hooks/use-chained-callback.js +19 -0
- package/es/_internal/hooks/use-deprecation-warning.js +1 -1
- package/es/_internal/hooks/use-event.js +22 -0
- package/es/_internal/hooks/use-sync-ref.js +17 -0
- package/es/_internal/index.js +1 -1
- package/es/components/Base.js +1 -1
- package/es/components/Block.js +1 -1
- package/es/components/GlobalStyles.js +1 -1
- package/es/components/GridProvider.js +1 -1
- package/es/components/HiddenInput.js +1 -1
- package/es/components/OpenTrasition.js +1 -1
- package/es/components/Root.js +3 -2
- package/es/components/actions/Action.js +1 -1
- package/es/components/actions/Button/Button.js +1 -1
- package/es/components/actions/Button/Submit.js +1 -1
- package/es/components/actions/Button/index.js +1 -1
- package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/es/components/actions/index.js +1 -1
- package/es/components/content/ActiveZone/ActiveZone.js +1 -1
- package/es/components/content/Alert/Alert.js +1 -1
- package/es/components/content/Alert/index.js +1 -1
- package/es/components/content/Alert/types.js +1 -1
- package/es/components/content/Alert/use-alert.js +1 -1
- package/es/components/content/Avatar/Avatar.js +1 -1
- package/es/components/content/Badge/Badge.js +1 -1
- package/es/components/content/Card/Card.js +1 -1
- package/es/components/content/Content.js +1 -1
- package/es/components/content/CopySnippet/CopySnippet.js +1 -1
- package/es/components/content/CopySnippet/index.js +1 -1
- package/es/components/content/Divider.js +1 -1
- package/es/components/content/Footer.js +1 -1
- package/es/components/content/Header.js +1 -1
- package/es/components/content/Paragraph.js +1 -1
- package/es/components/content/Placeholder/Placeholder.js +1 -1
- package/es/components/content/PrismCode/PrismCode.js +1 -1
- package/es/components/content/Result/Result.js +1 -1
- package/es/components/content/Skeleton/Skeleton.js +1 -1
- package/es/components/content/Tag/Tag.js +1 -1
- package/es/components/content/Text.js +1 -1
- package/es/components/content/Title.js +1 -1
- package/es/components/forms/Checkbox/Checkbox.js +1 -1
- package/es/components/forms/Checkbox/CheckboxGroup.js +1 -1
- package/es/components/forms/Checkbox/context.js +1 -1
- package/es/components/forms/FieldWrapper.js +1 -1
- package/es/components/forms/FileInput/FileInput.js +1 -1
- package/es/components/forms/Form/Field.js +1 -1
- package/es/components/forms/Form/Form.js +1 -1
- package/es/components/forms/Form/index.js +1 -1
- package/es/components/forms/Form/useForm.js +1 -1
- package/es/components/forms/Form/validation.js +1 -1
- package/es/components/forms/Input/Input.js +1 -1
- package/es/components/forms/Input/index.js +1 -1
- package/es/components/forms/Label.js +1 -1
- package/es/components/forms/NumberInput/NumberInput.js +1 -1
- package/es/components/forms/NumberInput/StepButton.js +1 -1
- package/es/components/forms/PasswordInput/PasswordInput.js +1 -1
- package/es/components/forms/RadioGroup/Radio.js +1 -1
- package/es/components/forms/RadioGroup/RadioGroup.js +1 -1
- package/es/components/forms/RadioGroup/context.js +1 -1
- package/es/components/forms/SearchInput/SearchInput.js +1 -1
- package/es/components/forms/Switch/Switch.js +1 -1
- package/es/components/forms/TextArea/TextArea.js +1 -1
- package/es/components/forms/TextInput/TextInput.js +1 -1
- package/es/components/forms/TextInput/TextInputBase.js +1 -1
- package/es/components/forms/index.js +1 -1
- package/es/components/layout/Flex.js +1 -1
- package/es/components/layout/Flow.js +1 -1
- package/es/components/layout/Grid.js +1 -1
- package/es/components/layout/Prefix.js +1 -1
- package/es/components/layout/Space.js +1 -1
- package/es/components/layout/Suffix.js +1 -1
- package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
- package/es/components/navigation/Link/Link.js +1 -1
- package/es/components/organisms/FileTabs/FileTabs.js +1 -1
- package/es/components/organisms/Modal/Modal.js +1 -1
- package/es/components/organisms/StatsCard/StatsCard.js +1 -1
- package/es/components/other/Base64Upload/Base64Upload.js +1 -1
- package/es/components/other/CloudLogo/CloudLogo.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
- package/es/components/overlays/AlertDialog/index.js +1 -1
- package/es/components/overlays/AlertDialog/types.js +1 -1
- package/es/components/overlays/Dialog/Dialog.js +1 -1
- package/es/components/overlays/Dialog/DialogContainer.js +1 -1
- package/es/components/overlays/Dialog/DialogForm.js +1 -1
- package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
- package/es/components/overlays/Dialog/context.js +1 -1
- package/es/components/overlays/Dialog/index.js +1 -1
- package/es/components/overlays/Modal/Modal.js +1 -1
- package/es/components/overlays/Modal/OpenTransition.js +1 -1
- package/es/components/overlays/Modal/Overlay.js +1 -1
- package/es/components/overlays/Modal/Popover.js +1 -1
- package/es/components/overlays/Modal/Tray.js +1 -1
- package/es/components/overlays/Modal/Underlay.js +1 -1
- package/es/components/overlays/Modal/index.js +1 -1
- package/es/components/overlays/NewNotifications/Bar/Bar.js +40 -0
- package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +22 -0
- package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +54 -0
- package/es/components/overlays/NewNotifications/Bar/index.js +10 -0
- package/es/components/overlays/NewNotifications/Notification/Notification.js +69 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationAction.js +19 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationCloseButton.js +38 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationDescription.js +18 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationFooter.js +21 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationHeader.js +18 -0
- package/es/components/overlays/NewNotifications/Notification/NotificationIcon.js +54 -0
- package/es/components/overlays/NewNotifications/Notification/index.js +11 -0
- package/es/components/overlays/NewNotifications/Notification/types.js +10 -0
- package/es/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.js +29 -0
- package/es/components/overlays/NewNotifications/NotificationsDialog/index.js +10 -0
- package/es/components/overlays/NewNotifications/NotificationsList.js +43 -0
- package/es/components/overlays/NewNotifications/NotificationsProvider.js +64 -0
- package/es/components/overlays/NewNotifications/index.js +12 -0
- package/es/components/overlays/NewNotifications/timer.js +41 -0
- package/es/components/overlays/NewNotifications/types.js +10 -0
- package/es/components/overlays/Notification/Notification.js +1 -1
- package/es/components/overlays/OverlayWrapper.js +1 -1
- package/es/components/overlays/Tooltip/Tooltip.js +1 -1
- package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/es/components/overlays/Tooltip/context.js +1 -1
- package/es/components/pickers/ComboBox/ComboBox.js +1 -1
- package/es/components/pickers/Menu/Menu.js +1 -1
- package/es/components/pickers/Menu/MenuButton.js +1 -1
- package/es/components/pickers/Menu/MenuItem.js +1 -1
- package/es/components/pickers/Menu/MenuSection.js +1 -1
- package/es/components/pickers/Menu/MenuTrigger.js +1 -1
- package/es/components/pickers/Menu/context.js +1 -1
- package/es/components/pickers/Menu/styled.js +1 -1
- package/es/components/pickers/Select/Select.js +1 -1
- package/es/components/portal/Portal.js +1 -1
- package/es/components/portal/PortalProvider.js +1 -1
- package/es/components/portal/index.js +1 -1
- package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
- package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
- package/es/components/portal/storybook/templates/basic.js +1 -1
- package/es/components/portal/storybook/templates/index.js +1 -1
- package/es/components/portal/types.js +1 -1
- package/es/components/portal/usePortal.js +1 -1
- package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/es/components/status/LoadingAnimation/index.js +1 -1
- package/es/components/status/Spin/Cube.js +1 -1
- package/es/components/status/Spin/InternalSpinner.js +1 -1
- package/es/components/status/Spin/Spin.js +1 -1
- package/es/components/status/Spin/SpinsContainer.js +1 -1
- package/es/components/status/Spin/index.js +1 -1
- package/es/components/status/Spin/types.js +1 -1
- package/es/components/status/index.js +1 -1
- package/es/data/themes.js +1 -1
- package/es/icons/Attention.js +13 -0
- package/es/icons/Cross.js +13 -0
- package/es/icons/Danger.js +13 -0
- package/es/icons/Success.js +13 -0
- package/es/icons/index.js +13 -0
- package/es/index.js +1 -1
- package/es/provider.js +1 -1
- package/es/providers/StyleProvider.js +1 -1
- package/es/services/notification.js +1 -1
- package/es/shared/form.js +1 -1
- package/es/shared/index.js +1 -1
- package/es/stories/FormFieldArgs.js +1 -1
- package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
- package/es/stories/components/DialogFormApp.js +1 -1
- package/es/stories/components/StyledButton.js +1 -1
- package/es/stories/lists/baseProps.js +1 -1
- package/es/styled/index.js +1 -1
- package/es/styled/styled.js +1 -1
- package/es/tasty/index.js +1 -1
- package/es/tasty/providers/BreakpointsProvider.js +1 -1
- package/es/tasty/styles/align.js +1 -1
- package/es/tasty/styles/border.js +1 -1
- package/es/tasty/styles/boxShadow.combinator.js +1 -1
- package/es/tasty/styles/color.js +1 -1
- package/es/tasty/styles/createStyle.js +1 -1
- package/es/tasty/styles/dimension.js +1 -1
- package/es/tasty/styles/display.js +1 -1
- package/es/tasty/styles/fill.js +1 -1
- package/es/tasty/styles/flow.js +1 -1
- package/es/tasty/styles/font.js +1 -1
- package/es/tasty/styles/fontStyle.js +1 -1
- package/es/tasty/styles/gap.js +1 -1
- package/es/tasty/styles/groupRadius.js +1 -1
- package/es/tasty/styles/height.js +1 -1
- package/es/tasty/styles/index.js +1 -1
- package/es/tasty/styles/justify.js +1 -1
- package/es/tasty/styles/list.js +1 -1
- package/es/tasty/styles/margin.js +1 -1
- package/es/tasty/styles/marginBlock.js +1 -1
- package/es/tasty/styles/marginInline.js +1 -1
- package/es/tasty/styles/outline.js +1 -1
- package/es/tasty/styles/padding.js +1 -1
- package/es/tasty/styles/paddingBlock.js +1 -1
- package/es/tasty/styles/paddingInline.js +1 -1
- package/es/tasty/styles/predefined.js +1 -1
- package/es/tasty/styles/preset.js +1 -1
- package/es/tasty/styles/radius.js +1 -1
- package/es/tasty/styles/reset.js +1 -1
- package/es/tasty/styles/shadow.js +1 -1
- package/es/tasty/styles/styledScrollbar.js +1 -1
- package/es/tasty/styles/transition.js +1 -1
- package/es/tasty/styles/types.js +1 -1
- package/es/tasty/styles/width.js +1 -1
- package/es/tasty/tasty.js +1 -1
- package/es/tasty/types.js +1 -1
- package/es/tasty/utils/colors.js +1 -1
- package/es/tasty/utils/dotize.js +1 -1
- package/es/tasty/utils/filterBaseProps.js +1 -1
- package/es/tasty/utils/index.js +1 -1
- package/es/tasty/utils/mergeStyles.js +1 -1
- package/es/tasty/utils/modAttrs.js +1 -1
- package/es/tasty/utils/renderStyles.js +1 -1
- package/es/tasty/utils/responsive.js +1 -1
- package/es/tasty/utils/string.js +1 -1
- package/es/tasty/utils/styles.js +1 -1
- package/es/tasty/utils/warnings.js +1 -1
- package/es/test/index.js +1 -1
- package/es/test/render.js +1 -1
- package/es/test/setup.js +1 -1
- package/es/test/utils/index.js +1 -1
- package/es/test/utils/wait.js +1 -1
- package/es/tokens.js +2 -2
- package/es/type-checks.js +1 -1
- package/es/utils/ResizeSensor.js +1 -1
- package/es/utils/modules.js +1 -1
- package/es/utils/promise.js +1 -1
- package/es/utils/react/Slots.js +1 -1
- package/es/utils/react/chain.js +1 -1
- package/es/utils/react/index.js +1 -1
- package/es/utils/react/interactions.js +1 -1
- package/es/utils/react/isTextOnly.js +1 -1
- package/es/utils/react/mapProps.js +1 -1
- package/es/utils/react/mergeProps.js +1 -1
- package/es/utils/react/nullableValue.js +1 -1
- package/es/utils/react/useCombinedRefs.js +1 -1
- package/es/utils/react/useId.js +1 -1
- package/es/utils/react/useLayoutEffect.js +1 -1
- package/es/utils/react/wrapNodeIfPlain.js +1 -1
- package/es/utils/transitions.js +1 -1
- package/es/utils/tree.js +1 -1
- package/es/utils/warnings.js +1 -1
- package/package.json +3 -3
- package/types/_internal/hooks/index.d.ts +3 -0
- package/types/_internal/hooks/use-chained-callback.d.ts +1 -0
- package/types/_internal/hooks/use-event.d.ts +7 -0
- package/types/_internal/hooks/use-sync-ref.d.ts +2 -0
- package/types/components/actions/Button/Button.d.ts +1 -1
- package/types/components/overlays/NewNotifications/Bar/Bar.d.ts +7 -0
- package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts +8 -0
- package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts +4 -0
- package/types/components/overlays/NewNotifications/Bar/index.d.ts +1 -0
- package/types/components/overlays/NewNotifications/Notification/Notification.d.ts +3 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationAction.d.ts +6 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationCloseButton.d.ts +7 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationDescription.d.ts +7 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationFooter.d.ts +7 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationHeader.d.ts +7 -0
- package/types/components/overlays/NewNotifications/Notification/NotificationIcon.d.ts +3 -0
- package/types/components/overlays/NewNotifications/Notification/index.d.ts +2 -0
- package/types/components/overlays/NewNotifications/Notification/types.d.ts +10 -0
- package/types/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.d.ts +4 -0
- package/types/components/overlays/NewNotifications/NotificationsDialog/index.d.ts +1 -0
- package/types/components/overlays/NewNotifications/NotificationsList.d.ts +10 -0
- package/types/components/overlays/NewNotifications/NotificationsProvider.d.ts +14 -0
- package/types/components/overlays/NewNotifications/index.d.ts +5 -0
- package/types/components/overlays/NewNotifications/timer.d.ts +12 -0
- package/types/components/overlays/NewNotifications/types.d.ts +47 -0
- package/types/icons/Attention.d.ts +2 -0
- package/types/icons/Cross.d.ts +2 -0
- package/types/icons/Danger.d.ts +2 -0
- package/types/icons/Success.d.ts +2 -0
- package/types/icons/index.d.ts +4 -0
- package/types/stories/components/StyledButton.d.ts +1 -1
package/es/components/overlays/NewNotifications/NotificationsDialog/NotificationsDialogTrigger.js
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
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 { Dialog, DialogTrigger } from '../../Dialog';
|
|
11
|
+
export function NotificationsDialogTrigger(props) {
|
|
12
|
+
return _jsx(DialogTrigger, { ...props, type: "popover" }, void 0);
|
|
13
|
+
}
|
|
14
|
+
const StyledDialogContent = tasty(Dialog, {
|
|
15
|
+
styledScrollbar: true,
|
|
16
|
+
height: '100%',
|
|
17
|
+
border: '1bw solid #border',
|
|
18
|
+
radius: '0.5x',
|
|
19
|
+
overflow: 'auto',
|
|
20
|
+
});
|
|
21
|
+
const StyledDialog = tasty(Dialog, {
|
|
22
|
+
height: 'auto calc(100vh - 12x)',
|
|
23
|
+
});
|
|
24
|
+
export function NotificationsDialog(props) {
|
|
25
|
+
const { children, ...dialogProps } = props;
|
|
26
|
+
return (_jsx(StyledDialog, { ...dialogProps, children: _jsx(StyledDialogContent, { children: children }, void 0) }, void 0));
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
|
|
@@ -0,0 +1,43 @@
|
|
|
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 { useRef } from 'react';
|
|
10
|
+
import { Item } from '@react-stately/collections';
|
|
11
|
+
import { useListState } from '@react-stately/list';
|
|
12
|
+
import { useSelectableItem, useSelectableList } from '@react-aria/selection';
|
|
13
|
+
import { tasty } from '../../../tasty';
|
|
14
|
+
import { Notification } from './Notification';
|
|
15
|
+
const NotificationListContainer = tasty({});
|
|
16
|
+
export function NotificationsList(props) {
|
|
17
|
+
const listRef = useRef(null);
|
|
18
|
+
const state = useListState({ selectionMode: 'none', ...props });
|
|
19
|
+
const { listProps } = useSelectableList({
|
|
20
|
+
ref: listRef,
|
|
21
|
+
allowsTabNavigation: true,
|
|
22
|
+
...props,
|
|
23
|
+
...state,
|
|
24
|
+
});
|
|
25
|
+
return (_jsx(NotificationListContainer, { ref: listRef, ...listProps, children: [...state.collection].map((item) => (_jsx(NotificationListItem, { item: item, state: state }, item.key))) }, void 0));
|
|
26
|
+
}
|
|
27
|
+
NotificationsList.Item = Item;
|
|
28
|
+
const NotificationItemContainer = tasty({
|
|
29
|
+
styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
|
|
30
|
+
});
|
|
31
|
+
function NotificationListItem(props) {
|
|
32
|
+
const { item, state } = props;
|
|
33
|
+
const { key, props: notificationProps } = item;
|
|
34
|
+
const ref = useRef(null);
|
|
35
|
+
let { itemProps } = useSelectableItem({
|
|
36
|
+
ref,
|
|
37
|
+
key,
|
|
38
|
+
selectionManager: state.selectionManager,
|
|
39
|
+
});
|
|
40
|
+
return (_jsx(NotificationItemContainer, { children: _jsx(Notification, { ref: ref, isClosable: false, attributes: itemProps, ...notificationProps }, void 0) }, void 0));
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
|
|
@@ -0,0 +1,64 @@
|
|
|
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 { createContext, useContext, useMemo, useRef, useState, } from 'react';
|
|
10
|
+
import invariant from 'tiny-invariant';
|
|
11
|
+
import { NotificationsBar } from './Bar';
|
|
12
|
+
import { useEvent } from '../../../_internal';
|
|
13
|
+
const NotificationsContext = createContext(null);
|
|
14
|
+
export function useNotifications() {
|
|
15
|
+
const context = useContext(NotificationsContext);
|
|
16
|
+
invariant(context !== null, "You can't use Notifications outside of the <Root /> component. Please, check if your component is descendant of <Root/> component");
|
|
17
|
+
return context;
|
|
18
|
+
}
|
|
19
|
+
export function NotificationsProvider(props) {
|
|
20
|
+
const { children } = props;
|
|
21
|
+
const idRef = useRef(0);
|
|
22
|
+
const [toasts, setToasts] = useState(new Map());
|
|
23
|
+
const addToast = useEvent((props) => {
|
|
24
|
+
const { id = ++idRef.current, ...rest } = props;
|
|
25
|
+
setToasts((toasts) => {
|
|
26
|
+
const newToasts = new Map(toasts);
|
|
27
|
+
newToasts.set(id, rest);
|
|
28
|
+
return newToasts;
|
|
29
|
+
});
|
|
30
|
+
return {
|
|
31
|
+
id,
|
|
32
|
+
remove: () => removeToast(id),
|
|
33
|
+
update: (props) => updateToast(id, props),
|
|
34
|
+
};
|
|
35
|
+
});
|
|
36
|
+
const updateToast = useEvent((id, props) => {
|
|
37
|
+
setToasts((toasts) => {
|
|
38
|
+
const currentToast = toasts.get(id);
|
|
39
|
+
if (currentToast) {
|
|
40
|
+
const newToasts = new Map(toasts);
|
|
41
|
+
newToasts.set(id, {
|
|
42
|
+
...currentToast,
|
|
43
|
+
...props,
|
|
44
|
+
});
|
|
45
|
+
return newToasts;
|
|
46
|
+
}
|
|
47
|
+
return toasts;
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
const removeToast = useEvent((id) => {
|
|
51
|
+
setToasts((toasts) => {
|
|
52
|
+
if (toasts.has(id)) {
|
|
53
|
+
const newToasts = new Map(toasts);
|
|
54
|
+
newToasts.delete(id);
|
|
55
|
+
return newToasts;
|
|
56
|
+
}
|
|
57
|
+
return toasts;
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
const api = useMemo(() => ({ notify: addToast, update: updateToast, remove: removeToast }), []);
|
|
61
|
+
return (_jsxs(NotificationsContext.Provider, { value: api, children: [_jsx(NotificationsBar, { toasts: toasts, onRemoveToast: removeToast }, void 0), children] }, void 0));
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
|
|
@@ -0,0 +1,12 @@
|
|
|
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 { NotificationsProvider, useNotifications, } from './NotificationsProvider';
|
|
9
|
+
export * from './NotificationsList';
|
|
10
|
+
export { NotificationAction } from './Notification';
|
|
11
|
+
|
|
12
|
+
|
|
@@ -0,0 +1,41 @@
|
|
|
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 class Timer {
|
|
9
|
+
constructor(callback, delay) {
|
|
10
|
+
this.timerId = null;
|
|
11
|
+
this.startTime = null;
|
|
12
|
+
this.reset = () => {
|
|
13
|
+
this.clear();
|
|
14
|
+
this.remaining = this.delay;
|
|
15
|
+
};
|
|
16
|
+
this.pause = () => {
|
|
17
|
+
if (this.timerId === null || this.startTime === null) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
this.clear();
|
|
21
|
+
this.remaining -= Date.now() - this.startTime;
|
|
22
|
+
};
|
|
23
|
+
this.resume = () => {
|
|
24
|
+
this.startTime = Date.now();
|
|
25
|
+
this.clear();
|
|
26
|
+
this.timerId = setTimeout(this.callback, this.remaining);
|
|
27
|
+
};
|
|
28
|
+
this.callback = callback;
|
|
29
|
+
this.delay = delay;
|
|
30
|
+
this.remaining = delay;
|
|
31
|
+
this.resume();
|
|
32
|
+
}
|
|
33
|
+
clear() {
|
|
34
|
+
if (this.timerId) {
|
|
35
|
+
clearTimeout(this.timerId);
|
|
36
|
+
this.timerId = null;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
|
package/es/data/themes.js
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
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
|
+
export function Attention() {
|
|
10
|
+
return (_jsx("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M7.94 11.04c-.82 0-1.49.67-1.49 1.49.08 1.96 2.9 1.96 2.97 0 0-.82-.67-1.49-1.48-1.49ZM9.42 2.68a1.93 1.93 0 0 0-3.39 1.58l.9 5.13c.2 1.12 1.8 1.12 2.02 0l.9-5.13c.1-.56-.06-1.14-.43-1.58Z" }, void 0) }, void 0));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
|
|
@@ -0,0 +1,13 @@
|
|
|
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
|
+
export function Cross() {
|
|
10
|
+
return (_jsx("svg", { viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m9.1 8 4.67-4.67a.78.78 0 1 0-1.1-1.1L8 6.9 3.33 2.23a.78.78 0 1 0-1.1 1.1L6.9 8l-4.67 4.67a.78.78 0 1 0 1.1 1.1L8 9.1l4.67 4.67a.78.78 0 0 0 1.1 0c.3-.3.3-.8 0-1.1L9.1 8Z" }, void 0) }, void 0));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
|
|
@@ -0,0 +1,13 @@
|
|
|
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
|
+
export function Danger() {
|
|
10
|
+
return (_jsxs("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M13.58 15.5H2.42a2.4 2.4 0 0 1-2.1-1.21 2.4 2.4 0 0 1 0-2.42l5.59-9.66A2.4 2.4 0 0 1 8 1c.87 0 1.66.45 2.1 1.2l5.57 9.67a2.4 2.4 0 0 1 0 2.42 2.4 2.4 0 0 1-2.09 1.2ZM8 2.6a.8.8 0 0 0-.7.4l-5.58 9.67a.8.8 0 0 0 0 .8c.07.12.28.4.7.4h11.16a.8.8 0 0 0 .7-.4.8.8 0 0 0 0-.8L8.7 3a.8.8 0 0 0-.7-.4Zm0 9.67a.8.8 0 1 1 0-1.62.8.8 0 1 1 0 1.62Zm0-3.23a.8.8 0 0 1-.8-.8V6.64a.8.8 0 1 1 1.6 0v1.6a.8.8 0 0 1-.8.81Z" }, void 0), _jsx("path", { d: "M7.2 6.8a.8.8 0 1 1 1.6 0v2.4a.8.8 0 0 1-1.6 0V6.8Z" }, void 0)] }, void 0));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
|
|
@@ -0,0 +1,13 @@
|
|
|
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
|
+
export function Success() {
|
|
10
|
+
return (_jsx("svg", { fill: "currentColor", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "m13.67 5.88-5.8 5.8a1.1 1.1 0 0 1-1.55 0l-3-3a1.1 1.1 0 0 1 1.56-1.55l2.21 2.21 5.03-5.02a1.1 1.1 0 0 1 1.55 1.56Z" }, void 0) }, void 0));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
|
|
@@ -0,0 +1,13 @@
|
|
|
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 './Danger';
|
|
9
|
+
export * from './Attention';
|
|
10
|
+
export * from './Success';
|
|
11
|
+
export * from './Cross';
|
|
12
|
+
|
|
13
|
+
|
package/es/index.js
CHANGED