@cube-dev/ui-kit 0.0.0-canary-67120ec → 0.0.0-canary-3443cc5
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 +2 -6
- package/cjs/_internal/hooks/use-deprecation-warning.js +2 -6
- package/cjs/_internal/index.js +2 -6
- package/cjs/components/Base.js +2 -2
- package/cjs/components/Block.js +2 -2
- package/cjs/components/GlobalStyles.js +1 -1
- package/cjs/components/GridProvider.js +3 -7
- package/cjs/components/HiddenInput.js +1 -1
- package/cjs/components/OpenTrasition.js +2 -2
- package/cjs/components/Root.js +2 -2
- package/cjs/components/actions/Action.js +2 -2
- package/cjs/components/actions/Button/Button.js +2 -2
- package/cjs/components/actions/Button/Submit.js +2 -2
- package/cjs/components/actions/Button/index.js +2 -6
- package/cjs/components/actions/ButtonGroup/ButtonGroup.js +2 -2
- package/cjs/components/actions/index.js +2 -6
- package/cjs/components/content/ActiveZone/ActiveZone.js +2 -2
- package/cjs/components/content/Alert/Alert.js +2 -2
- package/cjs/components/content/Alert/index.js +2 -6
- 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 +2 -2
- package/cjs/components/content/Badge/Badge.js +2 -2
- package/cjs/components/content/Card/Card.js +2 -2
- package/cjs/components/content/Content.js +2 -2
- package/cjs/components/content/CopySnippet/CopySnippet.js +5 -5
- package/cjs/components/content/CopySnippet/index.js +2 -6
- package/cjs/components/content/Divider.js +2 -2
- package/cjs/components/content/Footer.js +2 -2
- package/cjs/components/content/Header.js +2 -2
- package/cjs/components/content/Paragraph.js +2 -2
- package/cjs/components/content/Placeholder/Placeholder.js +2 -2
- package/cjs/components/content/PrismCode/PrismCode.js +2 -2
- package/cjs/components/content/Result/Result.js +3 -3
- package/cjs/components/content/Skeleton/Skeleton.js +12 -12
- package/cjs/components/content/Tag/Tag.js +3 -3
- package/cjs/components/content/Text.js +8 -8
- package/cjs/components/content/Title.js +4 -4
- package/cjs/components/forms/Checkbox/Checkbox.js +7 -7
- package/cjs/components/forms/Checkbox/CheckboxGroup.js +3 -3
- package/cjs/components/forms/Checkbox/context.js +1 -1
- package/cjs/components/forms/FieldWrapper.js +4 -4
- package/cjs/components/forms/FileInput/FileInput.js +3 -3
- package/cjs/components/forms/Form/Field.js +2 -2
- package/cjs/components/forms/Form/Form.js +2 -2
- 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 +2 -2
- package/cjs/components/forms/Input/index.js +2 -6
- package/cjs/components/forms/Label.js +4 -4
- package/cjs/components/forms/NumberInput/NumberInput.js +2 -2
- package/cjs/components/forms/NumberInput/StepButton.js +3 -3
- package/cjs/components/forms/PasswordInput/PasswordInput.js +3 -3
- package/cjs/components/forms/RadioGroup/Radio.js +6 -6
- package/cjs/components/forms/RadioGroup/RadioGroup.js +3 -3
- package/cjs/components/forms/RadioGroup/context.js +1 -1
- package/cjs/components/forms/SearchInput/SearchInput.js +3 -3
- package/cjs/components/forms/Switch/Switch.js +5 -5
- package/cjs/components/forms/TextArea/TextArea.js +2 -2
- package/cjs/components/forms/TextInput/TextInput.js +2 -2
- package/cjs/components/forms/TextInput/TextInputBase.js +5 -5
- package/cjs/components/forms/index.js +2 -6
- package/cjs/components/layout/Flex.js +2 -2
- package/cjs/components/layout/Flow.js +2 -2
- package/cjs/components/layout/Grid.js +2 -2
- package/cjs/components/layout/Prefix.js +2 -2
- package/cjs/components/layout/Space.js +2 -2
- package/cjs/components/layout/Suffix.js +2 -2
- package/cjs/components/navigation/LegacyTabs/LegacyTabs.js +4 -4
- package/cjs/components/navigation/Link/Link.js +2 -2
- package/cjs/components/organisms/FileTabs/FileTabs.js +4 -4
- package/cjs/components/organisms/Modal/Modal.js +3 -3
- package/cjs/components/organisms/StatsCard/StatsCard.js +2 -2
- package/cjs/components/other/Base64Upload/Base64Upload.js +2 -2
- package/cjs/components/other/CloudLogo/CloudLogo.js +2 -2
- package/cjs/components/overlays/AlertDialog/AlertDialog.js +8 -8
- package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js +2 -2
- package/cjs/components/overlays/AlertDialog/AlertDialogZone.js +2 -2
- package/cjs/components/overlays/AlertDialog/index.js +2 -6
- package/cjs/components/overlays/AlertDialog/types.js +1 -1
- package/cjs/components/overlays/Dialog/Dialog.js +3 -3
- package/cjs/components/overlays/Dialog/DialogContainer.js +2 -2
- package/cjs/components/overlays/Dialog/DialogForm.js +3 -3
- package/cjs/components/overlays/Dialog/DialogTrigger.js +8 -8
- package/cjs/components/overlays/Dialog/context.js +1 -1
- package/cjs/components/overlays/Dialog/index.js +2 -6
- package/cjs/components/overlays/Modal/Modal.js +3 -3
- package/cjs/components/overlays/Modal/OpenTransition.js +2 -2
- package/cjs/components/overlays/Modal/Overlay.js +2 -2
- package/cjs/components/overlays/Modal/Popover.js +3 -3
- package/cjs/components/overlays/Modal/Tray.js +3 -3
- package/cjs/components/overlays/Modal/Underlay.js +2 -2
- package/cjs/components/overlays/Modal/index.js +1 -1
- package/cjs/components/overlays/Notification/Notification.js +2 -2
- package/cjs/components/overlays/OverlayWrapper.js +3 -3
- package/cjs/components/overlays/Tooltip/Tooltip.js +2 -2
- package/cjs/components/overlays/Tooltip/TooltipProvider.js +2 -2
- package/cjs/components/overlays/Tooltip/TooltipTrigger.js +4 -4
- package/cjs/components/overlays/Tooltip/context.js +1 -1
- package/cjs/components/pickers/ComboBox/ComboBox.js +6 -6
- package/cjs/components/pickers/Menu/Menu.js +3 -3
- package/cjs/components/pickers/Menu/MenuButton.js +4 -4
- package/cjs/components/pickers/Menu/MenuItem.js +3 -3
- package/cjs/components/pickers/Menu/MenuSection.js +3 -3
- package/cjs/components/pickers/Menu/MenuTrigger.js +6 -10
- package/cjs/components/pickers/Menu/context.js +2 -6
- package/cjs/components/pickers/Menu/styled.js +1 -1
- package/cjs/components/pickers/Select/Select.js +7 -7
- package/cjs/components/portal/Portal.js +2 -2
- package/cjs/components/portal/PortalProvider.js +1 -1
- package/cjs/components/portal/index.js +2 -6
- package/cjs/components/portal/storybook/templates/CustomRoot.js +2 -2
- package/cjs/components/portal/storybook/templates/PortalOrder.js +2 -2
- package/cjs/components/portal/storybook/templates/basic.js +2 -2
- package/cjs/components/portal/storybook/templates/index.js +2 -6
- package/cjs/components/portal/types.js +1 -1
- package/cjs/components/portal/usePortal.js +1 -1
- package/cjs/components/status/LoadingAnimation/LoadingAnimation.js +3 -3
- package/cjs/components/status/Spin/Spin.js +3 -3
- package/cjs/data/themes.js +1 -1
- package/cjs/index.js +2 -6
- package/cjs/provider.js +3 -3
- package/cjs/providers/StyleProvider.js +2 -2
- package/cjs/services/notification.js +2 -2
- package/cjs/shared/form.js +1 -1
- package/cjs/shared/index.js +2 -6
- package/cjs/stories/FormFieldArgs.js +1 -1
- package/cjs/stories/components/ConfirmDeletionDialogForm.js +3 -3
- package/cjs/stories/components/DialogFormApp.js +2 -2
- package/cjs/stories/components/StyledButton.js +2 -2
- package/cjs/stories/lists/baseProps.js +1 -1
- package/cjs/styled/index.js +2 -6
- package/cjs/styled/styled.js +5 -9
- package/cjs/tasty/index.js +2 -6
- package/cjs/tasty/providers/BreakpointsProvider.js +2 -2
- 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 +2 -6
- 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 +5 -9
- 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 +2 -6
- package/cjs/test/render.js +1 -1
- package/cjs/test/setup.js +1 -2
- package/cjs/test/utils/index.js +2 -6
- package/cjs/test/utils/wait.js +1 -1
- package/cjs/tokens.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 +3 -3
- 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 +2 -6
- 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 +1 -1
- package/es/_internal/hooks/use-deprecation-warning.js +1 -1
- package/es/_internal/index.js +1 -1
- package/es/components/Base.js +2 -2
- package/es/components/Block.js +2 -2
- package/es/components/GlobalStyles.js +1 -1
- package/es/components/GridProvider.js +2 -2
- package/es/components/HiddenInput.js +1 -1
- package/es/components/OpenTrasition.js +2 -2
- package/es/components/Root.js +2 -2
- package/es/components/actions/Action.js +2 -2
- package/es/components/actions/Button/Button.js +2 -2
- package/es/components/actions/Button/Submit.js +2 -2
- package/es/components/actions/Button/index.js +1 -1
- package/es/components/actions/ButtonGroup/ButtonGroup.js +2 -2
- package/es/components/actions/index.js +1 -1
- package/es/components/content/ActiveZone/ActiveZone.js +2 -2
- package/es/components/content/Alert/Alert.js +2 -2
- 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 +2 -2
- package/es/components/content/Badge/Badge.js +2 -2
- package/es/components/content/Card/Card.js +2 -2
- package/es/components/content/Content.js +2 -2
- package/es/components/content/CopySnippet/CopySnippet.js +5 -5
- package/es/components/content/CopySnippet/index.js +1 -1
- package/es/components/content/Divider.js +2 -2
- package/es/components/content/Footer.js +2 -2
- package/es/components/content/Header.js +2 -2
- package/es/components/content/Paragraph.js +2 -2
- package/es/components/content/Placeholder/Placeholder.js +2 -2
- package/es/components/content/PrismCode/PrismCode.js +2 -2
- package/es/components/content/Result/Result.js +3 -3
- package/es/components/content/Skeleton/Skeleton.js +12 -12
- package/es/components/content/Tag/Tag.js +3 -3
- package/es/components/content/Text.js +8 -8
- package/es/components/content/Title.js +4 -4
- package/es/components/forms/Checkbox/Checkbox.js +7 -7
- package/es/components/forms/Checkbox/CheckboxGroup.js +3 -3
- package/es/components/forms/Checkbox/context.js +1 -1
- package/es/components/forms/FieldWrapper.js +4 -4
- package/es/components/forms/FileInput/FileInput.js +3 -3
- package/es/components/forms/Form/Field.js +2 -2
- package/es/components/forms/Form/Form.js +2 -2
- 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 +2 -2
- package/es/components/forms/Input/index.js +1 -1
- package/es/components/forms/Label.js +4 -4
- package/es/components/forms/NumberInput/NumberInput.js +2 -2
- package/es/components/forms/NumberInput/StepButton.js +3 -3
- package/es/components/forms/PasswordInput/PasswordInput.js +3 -3
- package/es/components/forms/RadioGroup/Radio.js +6 -6
- package/es/components/forms/RadioGroup/RadioGroup.js +3 -3
- package/es/components/forms/RadioGroup/context.js +1 -1
- package/es/components/forms/SearchInput/SearchInput.js +3 -3
- package/es/components/forms/Switch/Switch.js +5 -5
- package/es/components/forms/TextArea/TextArea.js +2 -2
- package/es/components/forms/TextInput/TextInput.js +2 -2
- package/es/components/forms/TextInput/TextInputBase.js +5 -5
- package/es/components/forms/index.js +1 -1
- package/es/components/layout/Flex.js +2 -2
- package/es/components/layout/Flow.js +2 -2
- package/es/components/layout/Grid.js +2 -2
- package/es/components/layout/Prefix.js +2 -2
- package/es/components/layout/Space.js +2 -2
- package/es/components/layout/Suffix.js +2 -2
- package/es/components/navigation/LegacyTabs/LegacyTabs.js +4 -4
- package/es/components/navigation/Link/Link.js +2 -2
- package/es/components/organisms/FileTabs/FileTabs.js +4 -4
- package/es/components/organisms/Modal/Modal.js +3 -3
- package/es/components/organisms/StatsCard/StatsCard.js +2 -2
- package/es/components/other/Base64Upload/Base64Upload.js +2 -2
- package/es/components/other/CloudLogo/CloudLogo.js +2 -2
- package/es/components/overlays/AlertDialog/AlertDialog.js +8 -8
- package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +2 -2
- package/es/components/overlays/AlertDialog/AlertDialogZone.js +2 -2
- 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 +3 -3
- package/es/components/overlays/Dialog/DialogContainer.js +2 -2
- package/es/components/overlays/Dialog/DialogForm.js +3 -3
- package/es/components/overlays/Dialog/DialogTrigger.js +8 -8
- 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 +3 -3
- package/es/components/overlays/Modal/OpenTransition.js +2 -2
- package/es/components/overlays/Modal/Overlay.js +2 -2
- package/es/components/overlays/Modal/Popover.js +3 -3
- package/es/components/overlays/Modal/Tray.js +3 -3
- package/es/components/overlays/Modal/Underlay.js +2 -2
- package/es/components/overlays/Modal/index.js +1 -1
- package/es/components/overlays/Notification/Notification.js +2 -2
- package/es/components/overlays/OverlayWrapper.js +3 -3
- package/es/components/overlays/Tooltip/Tooltip.js +2 -2
- package/es/components/overlays/Tooltip/TooltipProvider.js +2 -2
- package/es/components/overlays/Tooltip/TooltipTrigger.js +4 -4
- package/es/components/overlays/Tooltip/context.js +1 -1
- package/es/components/pickers/ComboBox/ComboBox.js +6 -6
- package/es/components/pickers/Menu/Menu.js +3 -3
- package/es/components/pickers/Menu/MenuButton.js +4 -4
- package/es/components/pickers/Menu/MenuItem.js +3 -3
- package/es/components/pickers/Menu/MenuSection.js +3 -3
- package/es/components/pickers/Menu/MenuTrigger.js +5 -5
- 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 +7 -7
- package/es/components/portal/Portal.js +2 -2
- package/es/components/portal/PortalProvider.js +1 -1
- package/es/components/portal/index.js +1 -1
- package/es/components/portal/storybook/templates/CustomRoot.js +2 -2
- package/es/components/portal/storybook/templates/PortalOrder.js +2 -2
- package/es/components/portal/storybook/templates/basic.js +2 -2
- 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 +3 -3
- package/es/components/status/Spin/Spin.js +3 -3
- package/es/data/themes.js +1 -1
- package/es/index.js +1 -1
- package/es/provider.js +3 -3
- package/es/providers/StyleProvider.js +2 -2
- package/es/services/notification.js +2 -2
- 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 +3 -3
- package/es/stories/components/DialogFormApp.js +2 -2
- package/es/stories/components/StyledButton.js +2 -2
- package/es/stories/lists/baseProps.js +1 -1
- package/es/styled/index.js +1 -1
- package/es/styled/styled.js +4 -4
- package/es/tasty/index.js +1 -1
- package/es/tasty/providers/BreakpointsProvider.js +2 -2
- 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 +4 -4
- 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 -2
- package/es/test/utils/index.js +1 -1
- package/es/test/utils/wait.js +1 -1
- package/es/tokens.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 +3 -3
- 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 +44 -44
- package/types/components/pickers/Menu/styled.d.ts +2 -2
- package/types/stories/components/StyledButton.d.ts +1 -1
- package/types/tasty/utils/styles.d.ts +2 -2
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -52,7 +52,7 @@ function RadioGroup(props, ref) {
|
|
|
52
52
|
isRequired,
|
|
53
53
|
validationState,
|
|
54
54
|
isDisabled,
|
|
55
|
-
}, children: (0, jsx_runtime_1.jsx)(context_1.RadioContext.Provider, { value: state, children: children }) }) }));
|
|
55
|
+
}, children: (0, jsx_runtime_1.jsx)(context_1.RadioContext.Provider, { value: state, children: children }, void 0) }, void 0) }, void 0));
|
|
56
56
|
return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
|
|
57
57
|
labelPosition,
|
|
58
58
|
label,
|
|
@@ -72,7 +72,7 @@ function RadioGroup(props, ref) {
|
|
|
72
72
|
isHidden,
|
|
73
73
|
Component: radioGroup,
|
|
74
74
|
ref: domRef,
|
|
75
|
-
} }));
|
|
75
|
+
} }, void 0));
|
|
76
76
|
}
|
|
77
77
|
/**
|
|
78
78
|
* Radio groups allow users to select a single option from a list of mutually exclusive options.
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -34,12 +34,12 @@ exports.SearchInput = (0, react_1.forwardRef)((props, ref) => {
|
|
|
34
34
|
}, [combinedRef, value]);
|
|
35
35
|
let state = (0, searchfield_1.useSearchFieldState)(props);
|
|
36
36
|
let { inputProps, clearButtonProps } = (0, searchfield_2.useSearchField)(props, state, inputRef);
|
|
37
|
-
return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { inputProps: inputProps, ref: ref, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: "search", prefix: (0, jsx_runtime_1.jsx)(icons_1.SearchOutlined, {}), suffixPosition: "after", suffix: isClearable &&
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { inputProps: inputProps, ref: ref, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: "search", prefix: (0, jsx_runtime_1.jsx)(icons_1.SearchOutlined, {}, void 0), suffixPosition: "after", suffix: isClearable &&
|
|
38
38
|
state.value !== '' &&
|
|
39
39
|
!props.isReadOnly && ((0, jsx_runtime_1.jsx)(actions_1.Button, { type: "clear", ...(0, mapProps_1.ariaToCubeButtonProps)(clearButtonProps), color: {
|
|
40
40
|
'': '#dark.50',
|
|
41
41
|
'hovered | pressed': '#purple-text',
|
|
42
|
-
}, radius: "right (1r - 1bw)", padding: ".5x 1x", placeSelf: "stretch", icon: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}) })), ...props }));
|
|
42
|
+
}, radius: "right (1r - 1bw)", padding: ".5x 1x", placeSelf: "stretch", icon: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0) }, void 0)), ...props }, void 0));
|
|
43
43
|
});
|
|
44
44
|
|
|
45
45
|
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -107,7 +107,7 @@ function Switch(props, ref) {
|
|
|
107
107
|
let domRef = (0, utils_1.useFocusableRef)(ref, inputRef);
|
|
108
108
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
109
109
|
let { inputProps } = (0, switch_1.useSwitch)(props, (0, toggle_1.useToggleState)(props), inputRef);
|
|
110
|
-
const switchField = ((0, jsx_runtime_1.jsxs)(BaseSwitchWrapperElement, { qa: qa || 'Switch', children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }), (0, jsx_runtime_1.jsx)(SwitchElement, { mods: {
|
|
110
|
+
const switchField = ((0, jsx_runtime_1.jsxs)(BaseSwitchWrapperElement, { qa: qa || 'Switch', children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }, void 0), (0, jsx_runtime_1.jsx)(SwitchElement, { mods: {
|
|
111
111
|
'inside-form': insideForm,
|
|
112
112
|
'side-label': labelPosition === 'side',
|
|
113
113
|
checked: inputProps.checked,
|
|
@@ -116,7 +116,7 @@ function Switch(props, ref) {
|
|
|
116
116
|
focused: isFocused,
|
|
117
117
|
}, styles: inputStyles, children: (0, jsx_runtime_1.jsx)(SwitchThumbElement, { styles: thumbStyles, mods: {
|
|
118
118
|
checked: inputProps.checked,
|
|
119
|
-
} }) })] }));
|
|
119
|
+
} }, void 0) }, void 0)] }, void 0));
|
|
120
120
|
if (insideForm) {
|
|
121
121
|
return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
|
|
122
122
|
as: 'label',
|
|
@@ -134,11 +134,11 @@ function Switch(props, ref) {
|
|
|
134
134
|
tooltip,
|
|
135
135
|
Component: switchField,
|
|
136
136
|
ref: domRef,
|
|
137
|
-
} }));
|
|
137
|
+
} }, void 0));
|
|
138
138
|
}
|
|
139
139
|
return ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { as: "label", styles: styles, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label && ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { styles: labelStyles, mods: {
|
|
140
140
|
disabled: isDisabled,
|
|
141
|
-
}, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {})] })) : null] }))] }));
|
|
141
|
+
}, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0))] }, void 0));
|
|
142
142
|
}
|
|
143
143
|
/**
|
|
144
144
|
* Switches allow users to turn an individual option on or off.
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -49,7 +49,7 @@ function TextArea(props, ref) {
|
|
|
49
49
|
onChange: (0, utils_2.chain)(onChange, setInputValue),
|
|
50
50
|
inputElementType: 'textarea',
|
|
51
51
|
}, inputRef);
|
|
52
|
-
return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...otherProps, ref: ref, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, multiLine: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }));
|
|
52
|
+
return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...otherProps, ref: ref, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, multiLine: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }, void 0));
|
|
53
53
|
}
|
|
54
54
|
/**
|
|
55
55
|
* TextInputs are text inputs that allow users to input custom text entries
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -19,7 +19,7 @@ exports.TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
|
|
|
19
19
|
props = (0, provider_1.useProviderProps)(props);
|
|
20
20
|
let inputRef = (0, react_1.useRef)(null);
|
|
21
21
|
let { labelProps, inputProps } = (0, textfield_1.useTextField)(props, inputRef);
|
|
22
|
-
return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...props, labelProps: labelProps, inputProps: inputProps, ref: ref, inputRef: inputRef }));
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...props, labelProps: labelProps, inputProps: inputProps, ref: ref, inputRef: inputRef }, void 0));
|
|
23
23
|
});
|
|
24
24
|
/**
|
|
25
25
|
* TextInputs are text inputs that allow users to input custom text entries
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -118,10 +118,10 @@ function TextInputBase(props, ref) {
|
|
|
118
118
|
},
|
|
119
119
|
}));
|
|
120
120
|
let isInvalid = validationState === 'invalid';
|
|
121
|
-
let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { style: { color: 'var(--danger-color)' } })) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { style: { color: 'var(--success-color)' } }));
|
|
121
|
+
let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
|
|
122
122
|
let validation = (0, react_1.cloneElement)(validationIcon);
|
|
123
123
|
suffix =
|
|
124
|
-
typeof suffix === 'string' ? ((0, jsx_runtime_1.jsx)(Block_1.Block, { padding: "1x right", children: suffix })) : (suffix);
|
|
124
|
+
typeof suffix === 'string' ? ((0, jsx_runtime_1.jsx)(Block_1.Block, { padding: "1x right", children: suffix }, void 0)) : (suffix);
|
|
125
125
|
// Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270
|
|
126
126
|
if (!(inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder)) {
|
|
127
127
|
if (!inputProps) {
|
|
@@ -143,7 +143,7 @@ function TextInputBase(props, ref) {
|
|
|
143
143
|
focused: isFocused,
|
|
144
144
|
}, style: {
|
|
145
145
|
WebkitTextSecurity: multiLine && type === 'password' ? 'disc' : 'initial',
|
|
146
|
-
}, autoFocus: autoFocus, "data-size": size, styles: inputStyles }), (0, jsx_runtime_1.jsx)(Prefix_1.Prefix, { onWidthChange: setPrefixWidth, opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", children: prefix }), (0, jsx_runtime_1.jsxs)(Suffix_1.Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: false, padding: `0 ${suffix ? '1x' : '1.5x'} 0 0`, children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {})] })) : null, suffixPosition === 'after' ? suffix : null] })] }));
|
|
146
|
+
}, autoFocus: autoFocus, "data-size": size, styles: inputStyles }, void 0), (0, jsx_runtime_1.jsx)(Prefix_1.Prefix, { onWidthChange: setPrefixWidth, opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", children: prefix }, void 0), (0, jsx_runtime_1.jsxs)(Suffix_1.Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: false, padding: `0 ${suffix ? '1x' : '1.5x'} 0 0`, children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)] }, void 0));
|
|
147
147
|
return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
|
|
148
148
|
labelPosition,
|
|
149
149
|
label,
|
|
@@ -163,7 +163,7 @@ function TextInputBase(props, ref) {
|
|
|
163
163
|
isHidden,
|
|
164
164
|
Component: textField,
|
|
165
165
|
ref: domRef,
|
|
166
|
-
} }));
|
|
166
|
+
} }, void 0));
|
|
167
167
|
}
|
|
168
168
|
const _TextInputBase = (0, react_1.forwardRef)(TextInputBase);
|
|
169
169
|
exports.TextInputBase = _TextInputBase;
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
"use strict";
|
|
9
9
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
10
10
|
if (k2 === undefined) k2 = k;
|
|
11
|
-
|
|
12
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
13
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
14
|
-
}
|
|
15
|
-
Object.defineProperty(o, k2, desc);
|
|
11
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
12
|
}) : (function(o, m, k, k2) {
|
|
17
13
|
if (k2 === undefined) k2 = k;
|
|
18
14
|
o[k2] = m[k];
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -19,7 +19,7 @@ const FlexElement = (0, tasty_1.tasty)({
|
|
|
19
19
|
});
|
|
20
20
|
exports.Flex = (0, react_1.forwardRef)((props, ref) => {
|
|
21
21
|
const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
|
|
22
|
-
return ((0, jsx_runtime_1.jsx)(FlexElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }));
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(FlexElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -20,7 +20,7 @@ const FlowElement = (0, tasty_1.tasty)({
|
|
|
20
20
|
const STYLE_PROPS = tasty_1.CONTAINER_STYLES;
|
|
21
21
|
exports.Flow = (0, react_1.forwardRef)((props, ref) => {
|
|
22
22
|
const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS);
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(FlowElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }));
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(FlowElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
|
|
24
24
|
});
|
|
25
25
|
|
|
26
26
|
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -25,7 +25,7 @@ const PROP_MAP = {
|
|
|
25
25
|
};
|
|
26
26
|
exports.Grid = (0, react_1.forwardRef)((props, ref) => {
|
|
27
27
|
const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, undefined, PROP_MAP);
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)(GridElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }));
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(GridElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
|
|
29
29
|
});
|
|
30
30
|
|
|
31
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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -40,7 +40,7 @@ exports.Prefix = (0, react_1.forwardRef)((allProps, outerRef) => {
|
|
|
40
40
|
return ((0, jsx_runtime_1.jsx)(PrefixElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
|
|
41
41
|
// @ts-ignore
|
|
42
42
|
'--prefix-gap': (0, tasty_1.parseStyle)(outerGap).value,
|
|
43
|
-
}, children: children }));
|
|
43
|
+
}, children: children }, void 0));
|
|
44
44
|
});
|
|
45
45
|
|
|
46
46
|
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -31,7 +31,7 @@ exports.Space = (0, react_1.forwardRef)(function Space(props, ref) {
|
|
|
31
31
|
return ((0, jsx_runtime_1.jsx)(SpaceElement, { ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), mods: {
|
|
32
32
|
vertical: direction === 'vertical',
|
|
33
33
|
...mods,
|
|
34
|
-
}, styles: styles, ref: ref }));
|
|
34
|
+
}, styles: styles, ref: ref }, void 0));
|
|
35
35
|
});
|
|
36
36
|
|
|
37
37
|
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -39,7 +39,7 @@ exports.Suffix = (0, react_1.forwardRef)((allProps, outerRef) => {
|
|
|
39
39
|
}, [children, ref, onWidthChange]);
|
|
40
40
|
return ((0, jsx_runtime_1.jsx)(SuffixElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
|
|
41
41
|
'--suffix-gap': (0, tasty_1.parseStyle)(outerGap).value,
|
|
42
|
-
}, children: children }));
|
|
42
|
+
}, children: children }, void 0));
|
|
43
43
|
});
|
|
44
44
|
|
|
45
45
|
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -148,7 +148,7 @@ const StyledTabsContainerElement = (0, styled_components_1.default)(TabsContaine
|
|
|
148
148
|
}
|
|
149
149
|
`;
|
|
150
150
|
const Tab = ({ isSelected, isHidden, onClose, ...props }) => {
|
|
151
|
-
return ((0, jsx_runtime_1.jsx)(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }));
|
|
151
|
+
return ((0, jsx_runtime_1.jsx)(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }, void 0));
|
|
152
152
|
};
|
|
153
153
|
function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }) {
|
|
154
154
|
const tabsRef = (0, react_1.useRef)(null);
|
|
@@ -244,7 +244,7 @@ function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, on
|
|
|
244
244
|
currentTab: activeKey,
|
|
245
245
|
}, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".5x", placeContent: "center space-between", children: [(0, jsx_runtime_1.jsx)(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
|
|
246
246
|
return ((0, jsx_runtime_1.jsx)(Tab, { "data-qa": tab.qa, onPress: () => onPress(tab), isSelected: tab.id === activeKey || false, isDisabled: tab.isDisabled, isHidden: tab.isHidden, children: tab.title }, tab.id));
|
|
247
|
-
}) }), extra] }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
|
|
247
|
+
}) }, void 0), extra] }, void 0), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
|
|
248
248
|
}
|
|
249
249
|
exports.LegacyTabs = LegacyTabs;
|
|
250
250
|
LegacyTabs.TabPane = function TabPane({ id, title, qa, isHidden, isDisabled, children, ...props }) {
|
|
@@ -272,7 +272,7 @@ LegacyTabs.TabPane = function TabPane({ id, title, qa, isHidden, isDisabled, chi
|
|
|
272
272
|
});
|
|
273
273
|
}, [title, isDisabled, isHidden]);
|
|
274
274
|
const isCurrent = id === currentTab;
|
|
275
|
-
return ((0, jsx_runtime_1.jsx)(Block_1.Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }));
|
|
275
|
+
return ((0, jsx_runtime_1.jsx)(Block_1.Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }, void 0));
|
|
276
276
|
};
|
|
277
277
|
|
|
278
278
|
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -12,7 +12,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
12
12
|
const react_1 = require("react");
|
|
13
13
|
const actions_1 = require("../../actions");
|
|
14
14
|
exports.Link = (0, react_1.forwardRef)((props, ref) => {
|
|
15
|
-
return (0, jsx_runtime_1.jsx)(actions_1.Button, { type: "link", ...props, ref: ref });
|
|
15
|
+
return (0, jsx_runtime_1.jsx)(actions_1.Button, { type: "link", ...props, ref: ref }, void 0);
|
|
16
16
|
});
|
|
17
17
|
|
|
18
18
|
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -201,7 +201,7 @@ const CloseButton = (0, tasty_1.tasty)({
|
|
|
201
201
|
},
|
|
202
202
|
});
|
|
203
203
|
const Tab = ({ isDirty, isDisabled, children, isClosable, onClose, ...props }) => {
|
|
204
|
-
return ((0, jsx_runtime_1.jsx)(TabElement, { className: isDirty ? 'file-tab--dirty' : '', isDisabled: isDisabled, ...props, children: (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".75x", children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }), (isClosable || isDirty) && ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? ((0, jsx_runtime_1.jsx)(CloseButton, { onPress: onClose, className: "file-tab-close", children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}) })) : ((0, jsx_runtime_1.jsx)("div", {})), isDirty ? (0, jsx_runtime_1.jsx)(DirtyBadge, { className: "file-tab-dirty-badge" }) : null] }))] }) }));
|
|
204
|
+
return ((0, jsx_runtime_1.jsx)(TabElement, { className: isDirty ? 'file-tab--dirty' : '', isDisabled: isDisabled, ...props, children: (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".75x", children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }, void 0), (isClosable || isDirty) && ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? ((0, jsx_runtime_1.jsx)(CloseButton, { onPress: onClose, className: "file-tab-close", children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0) }, void 0)) : ((0, jsx_runtime_1.jsx)("div", {}, void 0)), isDirty ? (0, jsx_runtime_1.jsx)(DirtyBadge, { className: "file-tab-dirty-badge" }, void 0) : null] }, void 0))] }, void 0) }, void 0));
|
|
205
205
|
};
|
|
206
206
|
function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable = true, children, ...props }) {
|
|
207
207
|
const tabsRef = (0, react_1.useRef)(null);
|
|
@@ -303,7 +303,7 @@ function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTa
|
|
|
303
303
|
currentTab: activeKey,
|
|
304
304
|
}, children: [(0, jsx_runtime_1.jsx)(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
|
|
305
305
|
return ((0, jsx_runtime_1.jsx)(Tab, { onPress: () => onPress(tab), onClose: () => isClosable && handleClose(tab), isClosable: isClosable, isDisabled: tab.id === activeKey || false, isDirty: tab.isDirty, children: tab.title }, tab.id));
|
|
306
|
-
}) }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
|
|
306
|
+
}) }, void 0), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
|
|
307
307
|
}
|
|
308
308
|
exports.FileTabs = FileTabs;
|
|
309
309
|
FileTabs.TabPane = function FileTabPane(allProps) {
|
|
@@ -324,7 +324,7 @@ FileTabs.TabPane = function FileTabPane(allProps) {
|
|
|
324
324
|
setDirtyTab(id, isDirty || false);
|
|
325
325
|
}, [isDirty]);
|
|
326
326
|
const isCurrent = id === currentTab;
|
|
327
|
-
return ((0, jsx_runtime_1.jsx)(Block_1.Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }));
|
|
327
|
+
return ((0, jsx_runtime_1.jsx)(Block_1.Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }, void 0));
|
|
328
328
|
};
|
|
329
329
|
|
|
330
330
|
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -164,10 +164,10 @@ function Modal(allProps) {
|
|
|
164
164
|
}
|
|
165
165
|
})();
|
|
166
166
|
}, [onOk]);
|
|
167
|
-
return ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { in: inProp, timeout: 250, classNames: "cube-modal-transition", children: (0, jsx_runtime_1.jsx)(Overlay, { className: "cube-modal-overlay", onClick: onOverlayClick, children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { "data-qa": qa || 'Modal', className: "cube-modal", display: "flex", role: "region", color: "#dark.85", padding: "0", shadow: true, border: false, radius: "1.5r", width: `288px (100% - 32px) ${typeof width === 'number' ? `${width}px` : width || '360px'}`, style: { textAlign: 'left' }, ...props, children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeContent: "space-between", padding: "2x 3x", border: "bottom", children: [typeof title === 'object' ? (title) : ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 4, flexGrow: 1, children: title })), isClosable ? ((0, jsx_runtime_1.jsx)(Action_1.Action, { qa: "ModalCloseButton", width: "3x", height: "3x", onPress: onClose || onCancel, color: { '': '#dark.75', hovered: '#purple' }, outline: {
|
|
167
|
+
return ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { in: inProp, timeout: 250, classNames: "cube-modal-transition", children: (0, jsx_runtime_1.jsx)(Overlay, { className: "cube-modal-overlay", onClick: onOverlayClick, children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { "data-qa": qa || 'Modal', className: "cube-modal", display: "flex", role: "region", color: "#dark.85", padding: "0", shadow: true, border: false, radius: "1.5r", width: `288px (100% - 32px) ${typeof width === 'number' ? `${width}px` : width || '360px'}`, style: { textAlign: 'left' }, ...props, children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeContent: "space-between", padding: "2x 3x", border: "bottom", children: [typeof title === 'object' ? (title) : ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 4, flexGrow: 1, children: title }, void 0)), isClosable ? ((0, jsx_runtime_1.jsx)(Action_1.Action, { qa: "ModalCloseButton", width: "3x", height: "3x", onPress: onClose || onCancel, color: { '': '#dark.75', hovered: '#purple' }, outline: {
|
|
168
168
|
'': '#purple-03.0',
|
|
169
169
|
'focused & focus-visible': '#purple-03',
|
|
170
|
-
}, label: "Close", children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, { style: { fontSize: 16 } }) })) : null] }), (0, jsx_runtime_1.jsxs)(Flow_1.Flow, { padding: "3x", gap: "3x", height: "max (100vh - 90px)", style: { overflow: 'auto' }, children: [typeof children === 'string' ? ((0, jsx_runtime_1.jsx)(Block_1.Block, { children: children })) : (children), type !== 'info' && (onOk || onCancel) ? ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "1.5x", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { "data-qa": 'ConfirmButton', isDisabled: isDisabled, type: "primary", theme: okType === 'danger' ? 'danger' : undefined, isLoading: isLoading || localLoading, onPress: handleOk, children: okText || 'OK' }), (0, jsx_runtime_1.jsx)(actions_1.Button, { "data-qa": 'CancelButton', onPress: cancel, isDisabled: isLoading, children: cancelText || (okText === 'Yes' ? 'No' : 'Cancel') })] })) : null, type === 'info' ? ((0, jsx_runtime_1.jsx)(Space_1.Space, { children: (0, jsx_runtime_1.jsx)(actions_1.Button, { "data-qa": 'OkButton', isDisabled: isDisabled, type: okType === 'danger' ? 'danger' : 'primary', onPress: close, children: okText || 'OK' }) })) : null] })] }) }) }));
|
|
170
|
+
}, label: "Close", children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, { style: { fontSize: 16 } }, void 0) }, void 0)) : null] }, void 0), (0, jsx_runtime_1.jsxs)(Flow_1.Flow, { padding: "3x", gap: "3x", height: "max (100vh - 90px)", style: { overflow: 'auto' }, children: [typeof children === 'string' ? ((0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }, void 0)) : (children), type !== 'info' && (onOk || onCancel) ? ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "1.5x", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { "data-qa": 'ConfirmButton', isDisabled: isDisabled, type: "primary", theme: okType === 'danger' ? 'danger' : undefined, isLoading: isLoading || localLoading, onPress: handleOk, children: okText || 'OK' }, void 0), (0, jsx_runtime_1.jsx)(actions_1.Button, { "data-qa": 'CancelButton', onPress: cancel, isDisabled: isLoading, children: cancelText || (okText === 'Yes' ? 'No' : 'Cancel') }, void 0)] }, void 0)) : null, type === 'info' ? ((0, jsx_runtime_1.jsx)(Space_1.Space, { children: (0, jsx_runtime_1.jsx)(actions_1.Button, { "data-qa": 'OkButton', isDisabled: isDisabled, type: okType === 'danger' ? 'danger' : 'primary', onPress: close, children: okText || 'OK' }, void 0) }, void 0)) : null] }, void 0)] }, void 0) }, void 0) }, void 0));
|
|
171
171
|
}
|
|
172
172
|
exports.Modal = Modal;
|
|
173
173
|
let ID = 0;
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -13,7 +13,7 @@ const Card_1 = require("../../content/Card/Card");
|
|
|
13
13
|
const Title_1 = require("../../content/Title");
|
|
14
14
|
const Text_1 = require("../../content/Text");
|
|
15
15
|
function StatsCard({ title, value, suffix, ...props }) {
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { display: "flex", placeContent: "space-between", gap: "1x", border: false, shadow: "0 2px 6px #dark.10", padding: "2.5x", ...props, children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { level: 4, color: "#minor", preset: "default", nowrap: true, children: title }), (0, jsx_runtime_1.jsxs)(Text_1.Text.Strong, { preset: "h3", children: [value, " ", suffix] })] }));
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { display: "flex", placeContent: "space-between", gap: "1x", border: false, shadow: "0 2px 6px #dark.10", padding: "2.5x", ...props, children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { level: 4, color: "#minor", preset: "default", nowrap: true, children: title }, void 0), (0, jsx_runtime_1.jsxs)(Text_1.Text.Strong, { preset: "h3", children: [value, " ", suffix] }, void 0)] }, void 0));
|
|
17
17
|
}
|
|
18
18
|
exports.StatsCard = StatsCard;
|
|
19
19
|
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -74,7 +74,7 @@ exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)(
|
|
|
74
74
|
setError('Invalid file');
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actions_1.Button, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }), (0, jsx_runtime_1.jsx)(Block_1.Block, { color: "#dark-04", children: file || 'No file selected' }), (0, jsx_runtime_1.jsx)("input", { type: "file", name: "base64", onInput: onInputFile, accept: ".json" })] }), error && (0, jsx_runtime_1.jsx)(Text_1.Text.Danger, { color: "danger", children: error })] }));
|
|
77
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actions_1.Button, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }, void 0), (0, jsx_runtime_1.jsx)(Block_1.Block, { color: "#dark-04", children: file || 'No file selected' }, void 0), (0, jsx_runtime_1.jsx)("input", { type: "file", name: "base64", onInput: onInputFile, accept: ".json" }, void 0)] }, void 0), error && (0, jsx_runtime_1.jsx)(Text_1.Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
|
|
78
78
|
})) `
|
|
79
79
|
appearance: none;
|
|
80
80
|
cursor: pointer;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -35,7 +35,7 @@ const Button = styled_components_1.default.button((props) => {
|
|
|
35
35
|
function CloudLogo(props, ref) {
|
|
36
36
|
let domRef = (0, utils_1.useFocusableRef)(ref);
|
|
37
37
|
let { buttonProps } = (0, button_1.useButton)((0, mapProps_1.cubeToAriaButtonProps)(props), domRef);
|
|
38
|
-
return ((0, jsx_runtime_1.jsx)(Button, { "data-qa": "HeaderCubeCloudLogo", ...buttonProps, isLink: !!props.onPress, ref: domRef, label: "Logo", children: (0, jsx_runtime_1.jsxs)("svg", { width: "159", height: "26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M22.533 6.535L11.27 0v4.522l11.264 6.507V6.535z", fill: "#FF6492" }), (0, jsx_runtime_1.jsx)("path", { d: "M22.533 11.029L19.154 13l-7.887-4.567-4.507 2.6-3.38-1.827 7.889-4.684 11.264 6.507z", fill: "#141446" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.76 11.033L3.38 9.206V13l3.38-1.967z", fill: "#A14474" }), (0, jsx_runtime_1.jsx)("path", { d: "M0 19.465L11.267 13l11.266 6.465L11.267 26 0 19.465z", fill: "#141446" }), (0, jsx_runtime_1.jsx)("path", { d: "M22.533 14.978L11.267 8.362V13l11.266 6.465v-4.487z", fill: "#FF6492" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.38 13V9.205l7.889-4.683V0L0 6.535v12.93L11.267 13V8.362L3.38 13z", fill: "#7A77FF" }), (0, jsx_runtime_1.jsx)("path", { d: "M36.594 21.099c2.446 0 4.36-1.21 5.503-3.067l-1.967-1.534c-.878 1.21-1.967 1.991-3.509 1.991-2.392 0-4.093-1.856-4.093-4.305 0-2.394 1.7-4.278 4.093-4.278 1.568 0 2.658.807 3.509 2.018l1.967-1.56c-1.117-1.857-3.03-3.067-5.503-3.067-3.854 0-6.91 3.013-6.91 6.887 0 3.902 3.056 6.915 6.91 6.915zM50.224 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM66.42 7.297c-1.807 0-3.376.7-4.36 1.91V.624h-2.79v20.18h2.605v-1.83c.983 1.345 2.658 2.125 4.572 2.125 3.694 0 6.38-2.96 6.38-6.888S70.14 7.297 66.42 7.297zm-.452 11.22c-1.94 0-3.934-1.292-3.934-4.306 0-2.986 1.967-4.332 3.934-4.332 2.233 0 3.987 1.75 3.987 4.305 0 2.556-1.727 4.332-3.987 4.332zM87.469 13.35c0-3.47-2.552-6.053-6.034-6.053-3.801 0-6.752 3.04-6.752 6.914 0 3.902 2.977 6.888 7.018 6.888 2.073 0 3.827-.807 5.21-2.125l-1.33-1.938c-1.09.969-2.286 1.56-3.8 1.56-2.234 0-3.882-1.29-4.254-3.47h9.729c.08-.35.213-1.05.213-1.776zm-6.14-3.659c1.78 0 3.296 1.157 3.349 3.229H77.58c.425-1.964 1.913-3.229 3.747-3.229zM101.014 21.099c2.445 0 4.359-1.21 5.502-3.067l-1.967-1.534c-.877 1.21-1.967 1.991-3.508 1.991-2.393 0-4.094-1.856-4.094-4.305 0-2.394 1.701-4.278 4.094-4.278 1.568 0 2.658.807 3.508 2.018l1.967-1.56c-1.116-1.857-3.03-3.067-5.502-3.067-3.854 0-6.911 3.013-6.911 6.887 0 3.902 3.057 6.915 6.911 6.915zM109.062 20.803h2.791V.624h-2.791v20.18zM121.417 21.099c3.881 0 6.938-3.067 6.938-6.915 0-3.847-3.057-6.887-6.938-6.887-3.854 0-6.884 3.013-6.884 6.887 0 3.848 3.03 6.915 6.884 6.915zm0-2.61c-2.312 0-4.04-1.83-4.04-4.278 0-2.475 1.728-4.332 4.067-4.332 2.286 0 4.04 1.857 4.04 4.332 0 2.422-1.754 4.278-4.067 4.278zM136.605 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM155.566.624v8.583c-.984-1.21-2.552-1.91-4.36-1.91-3.694 0-6.379 2.986-6.379 6.914 0 3.928 2.658 6.888 6.379 6.888 1.941 0 3.615-.807 4.572-2.18v1.884h2.605V.624h-2.817zm-3.881 17.892c-2.286 0-4.014-1.776-4.014-4.332s1.754-4.305 4.014-4.305c1.94 0 3.934 1.346 3.934 4.332 0 3.014-1.994 4.305-3.934 4.305z", fill: "#141446" })] }) }));
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(Button, { "data-qa": "HeaderCubeCloudLogo", ...buttonProps, isLink: !!props.onPress, ref: domRef, label: "Logo", children: (0, jsx_runtime_1.jsxs)("svg", { width: "159", height: "26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M22.533 6.535L11.27 0v4.522l11.264 6.507V6.535z", fill: "#FF6492" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M22.533 11.029L19.154 13l-7.887-4.567-4.507 2.6-3.38-1.827 7.889-4.684 11.264 6.507z", fill: "#141446" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M6.76 11.033L3.38 9.206V13l3.38-1.967z", fill: "#A14474" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M0 19.465L11.267 13l11.266 6.465L11.267 26 0 19.465z", fill: "#141446" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M22.533 14.978L11.267 8.362V13l11.266 6.465v-4.487z", fill: "#FF6492" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M3.38 13V9.205l7.889-4.683V0L0 6.535v12.93L11.267 13V8.362L3.38 13z", fill: "#7A77FF" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M36.594 21.099c2.446 0 4.36-1.21 5.503-3.067l-1.967-1.534c-.878 1.21-1.967 1.991-3.509 1.991-2.392 0-4.093-1.856-4.093-4.305 0-2.394 1.7-4.278 4.093-4.278 1.568 0 2.658.807 3.509 2.018l1.967-1.56c-1.117-1.857-3.03-3.067-5.503-3.067-3.854 0-6.91 3.013-6.91 6.887 0 3.902 3.056 6.915 6.91 6.915zM50.224 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM66.42 7.297c-1.807 0-3.376.7-4.36 1.91V.624h-2.79v20.18h2.605v-1.83c.983 1.345 2.658 2.125 4.572 2.125 3.694 0 6.38-2.96 6.38-6.888S70.14 7.297 66.42 7.297zm-.452 11.22c-1.94 0-3.934-1.292-3.934-4.306 0-2.986 1.967-4.332 3.934-4.332 2.233 0 3.987 1.75 3.987 4.305 0 2.556-1.727 4.332-3.987 4.332zM87.469 13.35c0-3.47-2.552-6.053-6.034-6.053-3.801 0-6.752 3.04-6.752 6.914 0 3.902 2.977 6.888 7.018 6.888 2.073 0 3.827-.807 5.21-2.125l-1.33-1.938c-1.09.969-2.286 1.56-3.8 1.56-2.234 0-3.882-1.29-4.254-3.47h9.729c.08-.35.213-1.05.213-1.776zm-6.14-3.659c1.78 0 3.296 1.157 3.349 3.229H77.58c.425-1.964 1.913-3.229 3.747-3.229zM101.014 21.099c2.445 0 4.359-1.21 5.502-3.067l-1.967-1.534c-.877 1.21-1.967 1.991-3.508 1.991-2.393 0-4.094-1.856-4.094-4.305 0-2.394 1.701-4.278 4.094-4.278 1.568 0 2.658.807 3.508 2.018l1.967-1.56c-1.116-1.857-3.03-3.067-5.502-3.067-3.854 0-6.911 3.013-6.911 6.887 0 3.902 3.057 6.915 6.911 6.915zM109.062 20.803h2.791V.624h-2.791v20.18zM121.417 21.099c3.881 0 6.938-3.067 6.938-6.915 0-3.847-3.057-6.887-6.938-6.887-3.854 0-6.884 3.013-6.884 6.887 0 3.848 3.03 6.915 6.884 6.915zm0-2.61c-2.312 0-4.04-1.83-4.04-4.278 0-2.475 1.728-4.332 4.067-4.332 2.286 0 4.04 1.857 4.04 4.332 0 2.422-1.754 4.278-4.067 4.278zM136.605 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM155.566.624v8.583c-.984-1.21-2.552-1.91-4.36-1.91-3.694 0-6.379 2.986-6.379 6.914 0 3.928 2.658 6.888 6.379 6.888 1.941 0 3.615-.807 4.572-2.18v1.884h2.605V.624h-2.817zm-3.881 17.892c-2.286 0-4.014-1.776-4.014-4.332s1.754-4.305 4.014-4.305c1.94 0 3.934 1.346 3.934 4.332 0 3.014-1.994 4.305-3.934 4.305z", fill: "#141446" }, void 0)] }, void 0) }, void 0));
|
|
39
39
|
}
|
|
40
40
|
const _CloudLogo = (0, react_1.forwardRef)(CloudLogo);
|
|
41
41
|
exports.CloudLogo = _CloudLogo;
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -48,13 +48,13 @@ function AlertDialog(props, ref) {
|
|
|
48
48
|
...(typeof cancelProps === 'object' ? cancelProps : null),
|
|
49
49
|
}
|
|
50
50
|
: undefined;
|
|
51
|
-
return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { role: "alertdialog", ref: ref, isDismissable: false, ...otherProps, children: [title ? ((0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }) })) : null, content ? ((0, jsx_runtime_1.jsx)(Content_1.Content, { children: typeof content === 'string' ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: content })) : (content) })) : null, !noActions ? ((0, jsx_runtime_1.jsx)(Footer_1.Footer, { children: (0, jsx_runtime_1.jsxs)(actions_1.ButtonGroup, { align: "end", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { theme: danger ? 'danger' : undefined, autoFocus: true, ...confirmProps, onPress: (e) => {
|
|
52
|
-
var _a;
|
|
53
|
-
return (0, utils_1.chain)((_a = confirmProps === null ||
|
|
54
|
-
} }), secondaryProps && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...secondaryProps, onPress: (e) => { var _a; return (0, utils_1.chain)((_a = secondaryProps === null || secondaryProps === void 0 ? void 0 : secondaryProps.onPress) === null || _a === void 0 ? void 0 : _a.call(secondaryProps, e), onClose === null || onClose === void 0 ? void 0 : onClose('secondary')); } })), cancelProps && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...cancelProps, onPress: (e) => {
|
|
55
|
-
var _a;
|
|
56
|
-
return (0, utils_1.chain)((_a = cancelProps === null ||
|
|
57
|
-
} }))] }) })) : null] }));
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { role: "alertdialog", ref: ref, isDismissable: false, ...otherProps, children: [title ? ((0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0)) : null, content ? ((0, jsx_runtime_1.jsx)(Content_1.Content, { children: typeof content === 'string' ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? ((0, jsx_runtime_1.jsx)(Footer_1.Footer, { children: (0, jsx_runtime_1.jsxs)(actions_1.ButtonGroup, { align: "end", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { theme: danger ? 'danger' : undefined, autoFocus: true, ...confirmProps, onPress: (e) => {
|
|
52
|
+
var _a, _b;
|
|
53
|
+
return (0, utils_1.chain)((_b = (_a = confirmProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose === null || onClose === void 0 ? void 0 : onClose('confirm'));
|
|
54
|
+
} }, void 0), secondaryProps && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...secondaryProps, onPress: (e) => { var _a; return (0, utils_1.chain)((_a = secondaryProps === null || secondaryProps === void 0 ? void 0 : secondaryProps.onPress) === null || _a === void 0 ? void 0 : _a.call(secondaryProps, e), onClose === null || onClose === void 0 ? void 0 : onClose('secondary')); } }, void 0)), cancelProps && ((0, jsx_runtime_1.jsx)(actions_1.Button, { ...cancelProps, onPress: (e) => {
|
|
55
|
+
var _a, _b;
|
|
56
|
+
return (0, utils_1.chain)((_b = (_a = cancelProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose === null || onClose === void 0 ? void 0 : onClose('cancel'));
|
|
57
|
+
} }, void 0))] }, void 0) }, void 0)) : null] }, void 0));
|
|
58
58
|
}
|
|
59
59
|
/**
|
|
60
60
|
* AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -68,7 +68,7 @@ function AlertDialogApiProvider(props) {
|
|
|
68
68
|
return currentDialog.meta.promise;
|
|
69
69
|
},
|
|
70
70
|
}), []);
|
|
71
|
-
return ((0, jsx_runtime_1.jsxs)(DialogApiContext.Provider, { value: api, children: [(0, jsx_runtime_1.jsx)(AlertDialogZone_1.AlertDialogZone, { openedDialog: openedDialog }), props.children] }));
|
|
71
|
+
return ((0, jsx_runtime_1.jsxs)(DialogApiContext.Provider, { value: api, children: [(0, jsx_runtime_1.jsx)(AlertDialogZone_1.AlertDialogZone, { openedDialog: openedDialog }, void 0), props.children] }, void 0));
|
|
72
72
|
}
|
|
73
73
|
exports.AlertDialogApiProvider = AlertDialogApiProvider;
|
|
74
74
|
/**
|
|
@@ -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-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -51,7 +51,7 @@ function AlertDialogZone(props) {
|
|
|
51
51
|
})();
|
|
52
52
|
return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(Dialog_1.DialogContainer, { isOpen: isVisible, isDismissable: isDismissable, type: type, onDismiss: resolve, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialog, { noActions: dialogType === 'form', actions: _actions, isHidden: !isVisible, content: typeof content === 'function'
|
|
53
53
|
? content({ resolve, reject })
|
|
54
|
-
: content, ...options }) }) }, PORTAL_KEY));
|
|
54
|
+
: content, ...options }, void 0) }, void 0) }, PORTAL_KEY));
|
|
55
55
|
}
|
|
56
56
|
exports.AlertDialogZone = AlertDialogZone;
|
|
57
57
|
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-3443cc5
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
"use strict";
|
|
9
9
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
10
10
|
if (k2 === undefined) k2 = k;
|
|
11
|
-
|
|
12
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
13
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
14
|
-
}
|
|
15
|
-
Object.defineProperty(o, k2, desc);
|
|
11
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
12
|
}) : (function(o, m, k, k2) {
|
|
17
13
|
if (k2 === undefined) k2 = k;
|
|
18
14
|
o[k2] = m[k];
|