@cube-dev/ui-kit 0.0.0-canary-7d798b3 → 0.0.0-canary-5971971
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/components/Base.js +1 -1
- package/cjs/components/Block.js +10 -8
- 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 +1 -1
- package/cjs/components/actions/Action.js +3 -3
- package/cjs/components/actions/Button/Button.js +3 -3
- 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/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/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 +3 -3
- package/cjs/components/content/Title.js +23 -24
- 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/Label.js +12 -10
- 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/Alert/Alert.js +1 -1
- package/cjs/components/organisms/CopySnippet/CopySnippet.js +1 -1
- package/cjs/components/organisms/DirectoryTree/DirectoryTree.js +1 -1
- package/cjs/components/organisms/FileTabs/FileTabs.js +18 -11
- package/cjs/components/organisms/Modal/Modal.js +1 -1
- package/cjs/components/organisms/SearchResults/SearchResults.js +1 -1
- package/cjs/components/organisms/StatsCard/StatsCard.js +1 -1
- package/cjs/components/organisms/TopBar/TopBar.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/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/Spin/Spin.js +1 -1
- package/cjs/components/types.js +1 -1
- package/cjs/data/themes.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/provider.js +1 -1
- package/cjs/providers/BreakpointsProvider.js +1 -1
- package/cjs/providers/StylesProvider.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/styles/align.js +1 -1
- package/cjs/styles/border.js +1 -1
- package/cjs/styles/boxShadow.combinator.js +1 -1
- package/cjs/styles/color.js +1 -1
- package/cjs/styles/createStyle.js +1 -1
- package/cjs/styles/dimension.js +1 -1
- package/cjs/styles/display.js +1 -1
- package/cjs/styles/fill.js +1 -1
- package/cjs/styles/flow.js +1 -1
- package/cjs/styles/font.js +1 -1
- package/cjs/styles/fontStyle.js +1 -1
- package/cjs/styles/gap.js +1 -1
- package/cjs/styles/groupRadius.js +1 -1
- package/cjs/styles/height.js +1 -1
- package/cjs/styles/index.js +1 -1
- package/cjs/styles/justify.js +1 -1
- package/cjs/styles/list.js +1 -1
- package/cjs/styles/margin.js +1 -1
- package/cjs/styles/marginBlock.js +1 -1
- package/cjs/styles/marginInline.js +1 -1
- package/cjs/styles/outline.js +1 -1
- package/cjs/styles/padding.js +1 -1
- package/cjs/styles/paddingBlock.js +1 -1
- package/cjs/styles/paddingInline.js +1 -1
- package/cjs/styles/predefined.js +1 -1
- package/cjs/styles/preset.js +1 -1
- package/cjs/styles/radius.js +1 -1
- package/cjs/styles/reset.js +1 -1
- package/cjs/styles/shadow.js +1 -1
- package/cjs/styles/styledScrollbar.js +1 -1
- package/cjs/styles/transition.js +1 -1
- package/cjs/styles/types.js +1 -1
- package/cjs/styles/width.js +1 -1
- package/cjs/tasty/index.js +1 -1
- package/cjs/tasty/styled.js +3 -3
- package/cjs/tasty/tasty.js +28 -22
- package/cjs/test/index.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 +1 -1
- package/cjs/utils/ResizeSensor.js +1 -1
- package/cjs/utils/colors.js +1 -1
- package/cjs/utils/dotize.js +1 -1
- package/cjs/utils/escape-string.js +1 -1
- package/cjs/utils/filterBaseProps.js +1 -1
- package/cjs/utils/index.js +1 -1
- package/cjs/utils/interactions.js +1 -1
- package/cjs/utils/mergeStyles.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/isTextOnly.js +1 -1
- package/cjs/utils/react/mapProps.js +1 -1
- package/cjs/utils/react/mergeProps.js +1 -1
- package/cjs/utils/react/modAttrs.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/renderStyles.js +6 -4
- package/cjs/utils/responsive.js +1 -1
- package/cjs/utils/string.js +1 -1
- package/cjs/utils/styles.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/components/Base.js +1 -1
- package/es/components/Block.js +9 -7
- 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 +1 -1
- package/es/components/actions/Action.js +3 -3
- package/es/components/actions/Button/Button.js +3 -3
- 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/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/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 +3 -3
- package/es/components/content/Title.js +23 -24
- 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/Label.js +12 -10
- 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/Alert/Alert.js +1 -1
- package/es/components/organisms/CopySnippet/CopySnippet.js +1 -1
- package/es/components/organisms/DirectoryTree/DirectoryTree.js +1 -1
- package/es/components/organisms/FileTabs/FileTabs.js +18 -11
- package/es/components/organisms/Modal/Modal.js +1 -1
- package/es/components/organisms/SearchResults/SearchResults.js +1 -1
- package/es/components/organisms/StatsCard/StatsCard.js +1 -1
- package/es/components/organisms/TopBar/TopBar.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/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/Spin/Spin.js +1 -1
- package/es/components/types.js +1 -1
- package/es/data/themes.js +1 -1
- package/es/index.js +1 -1
- package/es/provider.js +1 -1
- package/es/providers/BreakpointsProvider.js +1 -1
- package/es/providers/StylesProvider.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/styles/align.js +1 -1
- package/es/styles/border.js +1 -1
- package/es/styles/boxShadow.combinator.js +1 -1
- package/es/styles/color.js +1 -1
- package/es/styles/createStyle.js +1 -1
- package/es/styles/dimension.js +1 -1
- package/es/styles/display.js +1 -1
- package/es/styles/fill.js +1 -1
- package/es/styles/flow.js +1 -1
- package/es/styles/font.js +1 -1
- package/es/styles/fontStyle.js +1 -1
- package/es/styles/gap.js +1 -1
- package/es/styles/groupRadius.js +1 -1
- package/es/styles/height.js +1 -1
- package/es/styles/index.js +1 -1
- package/es/styles/justify.js +1 -1
- package/es/styles/list.js +1 -1
- package/es/styles/margin.js +1 -1
- package/es/styles/marginBlock.js +1 -1
- package/es/styles/marginInline.js +1 -1
- package/es/styles/outline.js +1 -1
- package/es/styles/padding.js +1 -1
- package/es/styles/paddingBlock.js +1 -1
- package/es/styles/paddingInline.js +1 -1
- package/es/styles/predefined.js +1 -1
- package/es/styles/preset.js +1 -1
- package/es/styles/radius.js +1 -1
- package/es/styles/reset.js +1 -1
- package/es/styles/shadow.js +1 -1
- package/es/styles/styledScrollbar.js +1 -1
- package/es/styles/transition.js +1 -1
- package/es/styles/types.js +1 -1
- package/es/styles/width.js +1 -1
- package/es/tasty/index.js +1 -1
- package/es/tasty/styled.js +3 -3
- package/es/tasty/tasty.js +28 -22
- package/es/test/index.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 +1 -1
- package/es/utils/ResizeSensor.js +1 -1
- package/es/utils/colors.js +1 -1
- package/es/utils/dotize.js +1 -1
- package/es/utils/escape-string.js +1 -1
- package/es/utils/filterBaseProps.js +1 -1
- package/es/utils/index.js +1 -1
- package/es/utils/interactions.js +1 -1
- package/es/utils/mergeStyles.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/isTextOnly.js +1 -1
- package/es/utils/react/mapProps.js +1 -1
- package/es/utils/react/mergeProps.js +1 -1
- package/es/utils/react/modAttrs.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/renderStyles.js +6 -4
- package/es/utils/responsive.js +1 -1
- package/es/utils/string.js +1 -1
- package/es/utils/styles.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 +1 -1
- package/types/components/Block.d.ts +0 -3
- package/types/components/pickers/Menu/styled.d.ts +2 -2
- package/types/components/types.d.ts +1 -1
- package/types/stories/components/StyledButton.d.ts +1 -1
- package/types/tasty/styled.d.ts +11 -2
- package/types/tasty/tasty.d.ts +3 -5
package/cjs/tasty/tasty.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5971971
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -46,35 +46,41 @@ function tasty(Component, options) {
|
|
|
46
46
|
let Element = (0, styled_components_1.createGlobalStyle) `${(css) => css}`;
|
|
47
47
|
const _StyleDeclarationComponent = ({ breakpoints, }) => {
|
|
48
48
|
let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
|
|
49
|
-
|
|
50
|
-
let css = (0, react_1.useMemo)(() =>
|
|
49
|
+
breakpoints = breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints;
|
|
50
|
+
let css = (0, react_1.useMemo)(() => styles
|
|
51
|
+
? `\n{}${selector}{${(0, renderStyles_1.renderStyles)(styles, (0, responsive_1.pointsToZones)(breakpoints || contextBreakpoints))}}`
|
|
52
|
+
: '', [breakpoints.join(',')]);
|
|
51
53
|
return (0, jsx_runtime_1.jsx)(Element, { css: css }, void 0);
|
|
52
54
|
};
|
|
53
55
|
_StyleDeclarationComponent.displayName = `TastyStyleDeclaration(${Component})`;
|
|
54
56
|
return _StyleDeclarationComponent;
|
|
55
57
|
}
|
|
56
58
|
if ((0, react_is_1.isValidElementType)(Component)) {
|
|
57
|
-
let {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
const
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
59
|
+
let { as: extendTag, ...defaultProps } = options !== null && options !== void 0 ? options : {};
|
|
60
|
+
let propsWithStyles = ['styles'].concat(Object.keys(defaultProps).filter((prop) => prop.endsWith('Styles')));
|
|
61
|
+
let _WrappedComponent = (0, react_1.forwardRef)((props, ref) => {
|
|
62
|
+
const { as, ...restProps } = props;
|
|
63
|
+
const propsWithStylesValues = propsWithStyles.map((prop) => props[prop]);
|
|
64
|
+
const mergedStylesMap = (0, react_1.useMemo)(() => {
|
|
65
|
+
return propsWithStylesValues.reduce((map, prop) => {
|
|
66
|
+
if (restProps[prop] != null && defaultProps[prop] != null) {
|
|
67
|
+
map[prop] = (0, mergeStyles_1.mergeStyles)(restProps[prop], defaultProps[prop]);
|
|
68
|
+
}
|
|
69
|
+
return map;
|
|
70
|
+
}, {});
|
|
71
|
+
}, propsWithStylesValues);
|
|
72
|
+
return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, ...defaultProps, ...restProps, ...mergedStylesMap, as: as !== null && as !== void 0 ? as : extendTag }, void 0));
|
|
67
73
|
});
|
|
68
74
|
_WrappedComponent.displayName = `TastyWrappedComponent(${(_d = (_c = (_b = (_a = Component.displayName) !== null && _a !== void 0 ? _a : Component.name) !== null && _b !== void 0 ? _b : defaultProps.qa) !== null && _c !== void 0 ? _c : extendTag) !== null && _d !== void 0 ? _d : 'Anonymous'})`;
|
|
69
75
|
return _WrappedComponent;
|
|
70
76
|
}
|
|
71
77
|
options = Component;
|
|
72
|
-
let { as: originalAs = 'div',
|
|
78
|
+
let { as: originalAs = 'div', styles: defaultStyles, styleProps, ...defaultProps } = options;
|
|
73
79
|
let Element = styled_components_1.default[originalAs](({ css }) => css);
|
|
74
80
|
let _TastyComponent = (0, react_1.forwardRef)((allProps, ref) => {
|
|
75
|
-
let { as, styles, breakpoints, mods, element, qa, qaVal,
|
|
81
|
+
let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
|
|
76
82
|
let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps !== null && defaultProps !== void 0 ? defaultProps : {};
|
|
77
|
-
let propStyles = (
|
|
83
|
+
let propStyles = (styleProps
|
|
78
84
|
? styleProps.concat(list_1.BASE_STYLES)
|
|
79
85
|
: list_1.BASE_STYLES).reduce((map, prop) => {
|
|
80
86
|
if (prop in otherProps) {
|
|
@@ -82,17 +88,17 @@ function tasty(Component, options) {
|
|
|
82
88
|
delete otherProps[prop];
|
|
83
89
|
}
|
|
84
90
|
return map;
|
|
85
|
-
}, {})
|
|
91
|
+
}, {});
|
|
86
92
|
let allStyles = (0, react_1.useMemo)(() => (0, mergeStyles_1.mergeStyles)(defaultStyles, styles, propStyles), [styles, propStyles]);
|
|
87
93
|
let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
?
|
|
91
|
-
:
|
|
94
|
+
breakpoints = breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints;
|
|
95
|
+
let renderedStyles = (0, react_1.useMemo)(() => allStyles
|
|
96
|
+
? (0, renderStyles_1.renderStyles)(allStyles, (0, responsive_1.pointsToZones)(breakpoints))
|
|
97
|
+
: '', [allStyles, breakpoints]);
|
|
92
98
|
if (mods) {
|
|
93
99
|
Object.assign(otherProps, (0, react_2.modAttrs)(mods));
|
|
94
100
|
}
|
|
95
|
-
return ((0, jsx_runtime_1.jsx)(Element, { as: as !== null && as !== void 0 ? as : originalAs, "data-element": element, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css:
|
|
101
|
+
return ((0, jsx_runtime_1.jsx)(Element, { as: as !== null && as !== void 0 ? as : originalAs, "data-element": element, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }, void 0));
|
|
96
102
|
});
|
|
97
103
|
_TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
|
|
98
104
|
return _TastyComponent;
|
package/cjs/test/index.js
CHANGED
package/cjs/test/setup.js
CHANGED
package/cjs/test/utils/index.js
CHANGED
package/cjs/test/utils/wait.js
CHANGED
package/cjs/tokens.js
CHANGED
package/cjs/utils/colors.js
CHANGED
package/cjs/utils/dotize.js
CHANGED
package/cjs/utils/index.js
CHANGED
package/cjs/utils/mergeStyles.js
CHANGED
package/cjs/utils/modules.js
CHANGED
package/cjs/utils/promise.js
CHANGED
package/cjs/utils/react/Slots.js
CHANGED
package/cjs/utils/react/chain.js
CHANGED
package/cjs/utils/react/index.js
CHANGED
package/cjs/utils/react/useId.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5971971
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -117,11 +117,13 @@ function renderStyles(styles, responsive, suffix) {
|
|
|
117
117
|
});
|
|
118
118
|
}
|
|
119
119
|
else {
|
|
120
|
-
rawStyles
|
|
121
|
-
|
|
120
|
+
rawStyles +=
|
|
121
|
+
handler(styleMap, suffix) || '';
|
|
122
122
|
}
|
|
123
123
|
});
|
|
124
|
-
STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive &&
|
|
124
|
+
STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive &&
|
|
125
|
+
responsive.length &&
|
|
126
|
+
responsiveStyles.filter((s) => s).length
|
|
125
127
|
? (0, responsive_1.mediaWrapper)(responsiveStyles, zones)
|
|
126
128
|
: ''}${innerStyles}`;
|
|
127
129
|
}
|
package/cjs/utils/responsive.js
CHANGED
package/cjs/utils/string.js
CHANGED
package/cjs/utils/styles.js
CHANGED
package/cjs/utils/transitions.js
CHANGED
package/cjs/utils/tree.js
CHANGED
package/cjs/utils/warnings.js
CHANGED
package/es/components/Base.js
CHANGED
package/es/components/Block.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5971971
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -10,13 +10,15 @@ import { forwardRef } from 'react';
|
|
|
10
10
|
import { CONTAINER_STYLES } from '../styles/list';
|
|
11
11
|
import { extractStyles } from '../utils/styles';
|
|
12
12
|
import { filterBaseProps } from '../utils/filterBaseProps';
|
|
13
|
-
import {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
import { tasty } from '../tasty';
|
|
14
|
+
const RawBlock = tasty({
|
|
15
|
+
styled: {
|
|
16
|
+
display: 'block',
|
|
17
|
+
},
|
|
18
|
+
});
|
|
17
19
|
export const Block = forwardRef((props, ref) => {
|
|
18
|
-
const styles = extractStyles(props, CONTAINER_STYLES
|
|
19
|
-
return (_jsx(
|
|
20
|
+
const styles = extractStyles(props, CONTAINER_STYLES);
|
|
21
|
+
return (_jsx(RawBlock, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
|
|
20
22
|
});
|
|
21
23
|
|
|
22
24
|
|
package/es/components/Root.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license MIT
|
|
3
3
|
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-
|
|
4
|
+
* @cube-dev/ui-kit v0.0.0-canary-5971971
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -94,7 +94,7 @@ const DEFAULT_STYLES = {
|
|
|
94
94
|
cursor: 'pointer',
|
|
95
95
|
};
|
|
96
96
|
const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
|
|
97
|
-
export const Action = forwardRef(({ to, as, htmlType, label, theme,
|
|
97
|
+
export const Action = forwardRef(({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) => {
|
|
98
98
|
as = to ? 'a' : as || 'button';
|
|
99
99
|
const router = useContext(UIKitContext).router;
|
|
100
100
|
const isDisabled = props.isDisabled;
|
|
@@ -124,7 +124,7 @@ export const Action = forwardRef(({ to, as, htmlType, label, theme, css, mods, o
|
|
|
124
124
|
focused: isFocused && !isDisabled,
|
|
125
125
|
disabled: isDisabled,
|
|
126
126
|
...mods,
|
|
127
|
-
}, "aria-label": label, "data-theme": theme, ...mergeProps(buttonProps, hoverProps, focusProps, customProps, filterBaseProps(props, FILTER_OPTIONS)), type: htmlType || 'button', rel: as === 'a' && newTab ? 'rel="noopener noreferrer"' : undefined, ref: domRef, as: as, isDisabled: isDisabled, styles: styles, target: target, href: href
|
|
127
|
+
}, "aria-label": label, "data-theme": theme, ...mergeProps(buttonProps, hoverProps, focusProps, customProps, filterBaseProps(props, FILTER_OPTIONS)), type: htmlType || 'button', rel: as === 'a' && newTab ? 'rel="noopener noreferrer"' : undefined, ref: domRef, as: as, isDisabled: isDisabled, styles: styles, target: target, href: href }, void 0));
|
|
128
128
|
});
|
|
129
129
|
|
|
130
130
|
|
|
@@ -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-5971971
|
|
5
5
|
* Released under the MIT license.
|
|
6
6
|
*/
|
|
7
7
|
|
|
@@ -249,7 +249,7 @@ const DEFAULT_STYLES = {
|
|
|
249
249
|
},
|
|
250
250
|
};
|
|
251
251
|
export const Button = forwardRef((allProps, ref) => {
|
|
252
|
-
let { type, size, label, styles, children, theme,
|
|
252
|
+
let { type, size, label, styles, children, theme, icon, mods, ...props } = allProps;
|
|
253
253
|
const isDisabled = props.isDisabled;
|
|
254
254
|
const isLoading = props.isLoading;
|
|
255
255
|
const isSelected = props.isSelected;
|
|
@@ -287,7 +287,7 @@ export const Button = forwardRef((allProps, ref) => {
|
|
|
287
287
|
styles.fontSize = '1em';
|
|
288
288
|
styles.lineHeight = '1em';
|
|
289
289
|
}
|
|
290
|
-
return (_jsxs(Action, { as: props.to ? 'a' : undefined,
|
|
290
|
+
return (_jsxs(Action, { as: props.to ? 'a' : undefined, ...props, ref: ref, isDisabled: isLoading || isDisabled, theme: theme, "data-type": type, "data-is-loading": isLoading ? '' : undefined, "data-is-selected": isSelected ? '' : undefined, "data-size": size, mods: mods, styles: styles, label: label, children: [icon || isLoading ? !isLoading ? icon : _jsx(LoadingOutlined, {}, void 0) : null, children] }, void 0));
|
|
291
291
|
});
|
|
292
292
|
|
|
293
293
|
|