@timmbr/ui 1.4.2 → 1.6.0
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/README.md +12 -10
- package/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Accordion/Accordion.styles.d.ts.map +1 -1
- package/dist/components/Accordion/Accordion.styles.js +3 -3
- package/dist/components/Alert/Alert.js +2 -2
- package/dist/components/Alert/Alert.styles.d.ts +2 -2
- package/dist/components/Alert/Alert.styles.js +4 -4
- package/dist/components/AlertDialog/AlertDialog.d.ts +5 -3
- package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/components/AlertDialog/AlertDialog.js +21 -8
- package/dist/components/AlertDialog/AlertDialog.styles.d.ts +7 -1
- package/dist/components/AlertDialog/AlertDialog.styles.d.ts.map +1 -1
- package/dist/components/AlertDialog/AlertDialog.styles.js +29 -6
- package/dist/components/AlertDialog/AlertDialog.types.d.ts +19 -2
- package/dist/components/AlertDialog/AlertDialog.types.d.ts.map +1 -1
- package/dist/components/AuthModal/AuthModal.d.ts +4 -0
- package/dist/components/AuthModal/AuthModal.d.ts.map +1 -0
- package/dist/components/AuthModal/AuthModal.js +89 -0
- package/dist/components/AuthModal/AuthModal.labels.d.ts +6 -0
- package/dist/components/AuthModal/AuthModal.labels.d.ts.map +1 -0
- package/dist/components/AuthModal/AuthModal.labels.js +52 -0
- package/dist/components/AuthModal/AuthModal.styles.d.ts +12 -0
- package/dist/components/AuthModal/AuthModal.styles.d.ts.map +1 -0
- package/dist/components/AuthModal/AuthModal.styles.js +38 -0
- package/dist/components/AuthModal/AuthModal.types.d.ts +158 -0
- package/dist/components/AuthModal/AuthModal.types.d.ts.map +1 -0
- package/dist/components/AuthModal/index.d.ts +6 -0
- package/dist/components/AuthModal/index.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalBanner.d.ts +11 -0
- package/dist/components/AuthModal/subcomponents/AuthModalBanner.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalBanner.js +58 -0
- package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.d.ts +11 -0
- package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.js +62 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOAuth.d.ts +11 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOAuth.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOAuth.js +19 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.d.ts +10 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.js +62 -0
- package/dist/components/AuthModal/subcomponents/AuthModalParts.d.ts +44 -0
- package/dist/components/AuthModal/subcomponents/AuthModalParts.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalParts.js +134 -0
- package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.d.ts +10 -0
- package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.js +54 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.d.ts +10 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.js +79 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSuccess.d.ts +10 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSuccess.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/AuthModalSuccess.js +26 -0
- package/dist/components/AuthModal/subcomponents/OAuthButton.d.ts +12 -0
- package/dist/components/AuthModal/subcomponents/OAuthButton.d.ts.map +1 -0
- package/dist/components/AuthModal/subcomponents/OAuthButton.js +38 -0
- package/dist/components/AuthModal/subcomponents/index.d.ts +9 -0
- package/dist/components/AuthModal/subcomponents/index.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.styles.d.ts +2 -2
- package/dist/components/Avatar/Avatar.styles.js +11 -11
- package/dist/components/Badge/Badge.styles.d.ts +2 -2
- package/dist/components/Badge/Badge.styles.d.ts.map +1 -1
- package/dist/components/Badge/Badge.styles.js +10 -8
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +6 -0
- package/dist/components/Button/Button.styles.d.ts +4 -2
- package/dist/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/components/Button/Button.styles.js +29 -10
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +51 -32
- package/dist/components/Card/Card.styles.d.ts +32 -5
- package/dist/components/Card/Card.styles.d.ts.map +1 -1
- package/dist/components/Card/Card.styles.js +70 -11
- package/dist/components/Card/Card.types.d.ts +14 -3
- package/dist/components/Card/Card.types.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +4 -4
- package/dist/components/Checkbox/Checkbox.styles.d.ts +2 -2
- package/dist/components/Checkbox/Checkbox.styles.js +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Chip/Chip.styles.d.ts +1 -1
- package/dist/components/Chip/Chip.styles.js +5 -5
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +30 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.js +57 -0
- package/dist/components/ConfirmDialog/index.d.ts +2 -0
- package/dist/components/ConfirmDialog/index.d.ts.map +1 -0
- package/dist/components/Container/Container.styles.d.ts +1 -1
- package/dist/components/DataList/DataList.d.ts +3 -1
- package/dist/components/DataList/DataList.d.ts.map +1 -1
- package/dist/components/DataList/DataList.js +53 -15
- package/dist/components/DataList/DataList.styles.d.ts +17 -4
- package/dist/components/DataList/DataList.styles.d.ts.map +1 -1
- package/dist/components/DataList/DataList.styles.js +56 -13
- package/dist/components/DataList/DataList.types.d.ts +19 -2
- package/dist/components/DataList/DataList.types.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.styles.js +6 -6
- package/dist/components/Divider/Divider.js +1 -1
- package/dist/components/Drawer/Drawer.d.ts +4 -3
- package/dist/components/Drawer/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.js +33 -6
- package/dist/components/Drawer/Drawer.styles.d.ts +4 -0
- package/dist/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.styles.js +9 -6
- package/dist/components/Drawer/Drawer.types.d.ts +1 -0
- package/dist/components/Drawer/Drawer.types.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.js +25 -12
- package/dist/components/Dropdown/Dropdown.styles.d.ts +5 -1
- package/dist/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.styles.js +13 -3
- package/dist/components/Dropdown/Dropdown.types.d.ts +4 -0
- package/dist/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.js +4 -3
- package/dist/components/EmptyState/EmptyState.styles.d.ts +3 -2
- package/dist/components/EmptyState/EmptyState.styles.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.styles.js +8 -3
- package/dist/components/Fieldset/Fieldset.d.ts +14 -0
- package/dist/components/Fieldset/Fieldset.d.ts.map +1 -0
- package/dist/components/Fieldset/Fieldset.js +24 -0
- package/dist/components/Fieldset/index.d.ts +2 -0
- package/dist/components/Fieldset/index.d.ts.map +1 -0
- package/dist/components/FormActions/FormActions.d.ts +13 -0
- package/dist/components/FormActions/FormActions.d.ts.map +1 -0
- package/dist/components/FormActions/FormActions.js +24 -0
- package/dist/components/FormActions/index.d.ts +2 -0
- package/dist/components/FormActions/index.d.ts.map +1 -0
- package/dist/components/FormField/FormField.js +1 -1
- package/dist/components/Grid/Grid.d.ts +3 -1
- package/dist/components/Grid/Grid.d.ts.map +1 -1
- package/dist/components/Grid/Grid.js +31 -5
- package/dist/components/Grid/Grid.styles.d.ts +86 -0
- package/dist/components/Grid/Grid.styles.d.ts.map +1 -1
- package/dist/components/Grid/Grid.styles.js +85 -1
- package/dist/components/Grid/Grid.types.d.ts +31 -3
- package/dist/components/Grid/Grid.types.d.ts.map +1 -1
- package/dist/components/Heading/Heading.styles.d.ts +2 -2
- package/dist/components/Heading/Heading.styles.d.ts.map +1 -1
- package/dist/components/Heading/Heading.styles.js +15 -11
- package/dist/components/Heading/Heading.types.d.ts +1 -1
- package/dist/components/Heading/Heading.types.d.ts.map +1 -1
- package/dist/components/Icon/Icon.styles.d.ts +2 -2
- package/dist/components/Icon/Icon.styles.d.ts.map +1 -1
- package/dist/components/Icon/Icon.styles.js +12 -8
- package/dist/components/IconTile/IconTile.d.ts +8 -0
- package/dist/components/IconTile/IconTile.d.ts.map +1 -0
- package/dist/components/IconTile/IconTile.js +23 -0
- package/dist/components/IconTile/IconTile.styles.d.ts +7 -0
- package/dist/components/IconTile/IconTile.styles.d.ts.map +1 -0
- package/dist/components/IconTile/IconTile.styles.js +24 -0
- package/dist/components/IconTile/IconTile.types.d.ts +12 -0
- package/dist/components/IconTile/IconTile.types.d.ts.map +1 -0
- package/dist/components/IconTile/index.d.ts +4 -0
- package/dist/components/IconTile/index.d.ts.map +1 -0
- package/dist/components/ImageUpload/ImageUpload.js +6 -6
- package/dist/components/ImageUpload/subcomponents/ImageUploadDropzone.js +10 -10
- package/dist/components/ImageUpload/subcomponents/ImageUploadModal.js +8 -8
- package/dist/components/ImageUpload/subcomponents/ImageUploadSinglePreview.js +7 -7
- package/dist/components/ImageUpload/subcomponents/ImageUploadThumbnailCard.js +10 -10
- package/dist/components/Inline/Inline.d.ts.map +1 -1
- package/dist/components/Inline/Inline.js +10 -2
- package/dist/components/Inline/Inline.types.d.ts +6 -1
- package/dist/components/Inline/Inline.types.d.ts.map +1 -1
- package/dist/components/Input/Input.js +4 -4
- package/dist/components/Input/Input.styles.d.ts +1 -1
- package/dist/components/Input/Input.styles.js +6 -6
- package/dist/components/Label/Label.styles.d.ts +1 -1
- package/dist/components/Label/Label.styles.js +4 -4
- package/dist/components/LinkButton/LinkButton.d.ts.map +1 -1
- package/dist/components/LinkButton/LinkButton.js +2 -0
- package/dist/components/LinkButton/LinkButton.styles.d.ts +3 -2
- package/dist/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/dist/components/LinkButton/LinkButton.styles.js +12 -6
- package/dist/components/List/List.d.ts.map +1 -1
- package/dist/components/List/List.js +19 -6
- package/dist/components/List/List.styles.d.ts +3 -1
- package/dist/components/List/List.styles.d.ts.map +1 -1
- package/dist/components/List/List.styles.js +7 -6
- package/dist/components/List/List.types.d.ts +7 -0
- package/dist/components/List/List.types.d.ts.map +1 -1
- package/dist/components/MediaCard/MediaCard.d.ts +13 -0
- package/dist/components/MediaCard/MediaCard.d.ts.map +1 -0
- package/dist/components/MediaCard/MediaCard.js +123 -0
- package/dist/components/MediaCard/MediaCard.styles.d.ts +17 -0
- package/dist/components/MediaCard/MediaCard.styles.d.ts.map +1 -0
- package/dist/components/MediaCard/MediaCard.styles.js +57 -0
- package/dist/components/MediaCard/MediaCard.types.d.ts +73 -0
- package/dist/components/MediaCard/MediaCard.types.d.ts.map +1 -0
- package/dist/components/MediaCard/index.d.ts +4 -0
- package/dist/components/MediaCard/index.d.ts.map +1 -0
- package/dist/components/NavFooter/NavFooter.styles.d.ts +1 -1
- package/dist/components/NavFooter/NavFooter.styles.js +9 -9
- package/dist/components/NavFooter/subcomponents/FooterBrand.js +3 -3
- package/dist/components/NavFooter/subcomponents/FooterLegalBar.js +1 -1
- package/dist/components/NavFooter/subcomponents/FooterNavSection.js +4 -4
- package/dist/components/NavFooter/subcomponents/FooterNewsletter.js +7 -7
- package/dist/components/NavFooter/subcomponents/FooterOffice.js +5 -5
- package/dist/components/NavFooter/subcomponents/FooterSocial.js +3 -3
- package/dist/components/NavHeader/NavHeader.d.ts.map +1 -1
- package/dist/components/NavHeader/NavHeader.js +13 -4
- package/dist/components/NavHeader/NavHeader.styles.d.ts +1 -1
- package/dist/components/NavHeader/NavHeader.styles.js +16 -16
- package/dist/components/NavHeader/NavHeader.types.d.ts +41 -0
- package/dist/components/NavHeader/NavHeader.types.d.ts.map +1 -1
- package/dist/components/NavHeader/index.d.ts +1 -1
- package/dist/components/NavHeader/index.d.ts.map +1 -1
- package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.d.ts +4 -0
- package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.d.ts.map +1 -0
- package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.js +16 -0
- package/dist/components/NavHeader/subcomponents/NavActionOverflow.d.ts.map +1 -1
- package/dist/components/NavHeader/subcomponents/NavActionOverflow.js +6 -5
- package/dist/components/NavHeader/subcomponents/NavActions.d.ts +14 -0
- package/dist/components/NavHeader/subcomponents/NavActions.d.ts.map +1 -1
- package/dist/components/NavHeader/subcomponents/NavActions.js +82 -16
- package/dist/components/NavHeader/subcomponents/NavBrand.d.ts.map +1 -1
- package/dist/components/NavHeader/subcomponents/NavBrand.js +14 -15
- package/dist/components/NavHeader/subcomponents/NavItems.js +3 -3
- package/dist/components/NavHeader/subcomponents/NavItemsOverflow.js +7 -7
- package/dist/components/NavHeader/subcomponents/NavMobileSearchDrawer.js +5 -5
- package/dist/components/NavHeader/subcomponents/NavMobileTabSlider.js +2 -2
- package/dist/components/NavHeader/subcomponents/NavSearch.js +5 -5
- package/dist/components/NavHeader/subcomponents/OfferBanner.js +1 -1
- package/dist/components/OtpInput/OtpInput.d.ts +4 -0
- package/dist/components/OtpInput/OtpInput.d.ts.map +1 -0
- package/dist/components/OtpInput/OtpInput.js +114 -0
- package/dist/components/OtpInput/OtpInput.styles.d.ts +10 -0
- package/dist/components/OtpInput/OtpInput.styles.d.ts.map +1 -0
- package/dist/components/OtpInput/OtpInput.styles.js +49 -0
- package/dist/components/OtpInput/OtpInput.types.d.ts +40 -0
- package/dist/components/OtpInput/OtpInput.types.d.ts.map +1 -0
- package/dist/components/OtpInput/index.d.ts +4 -0
- package/dist/components/OtpInput/index.d.ts.map +1 -0
- package/dist/components/PageHeader/PageHeader.d.ts +8 -0
- package/dist/components/PageHeader/PageHeader.d.ts.map +1 -0
- package/dist/components/PageHeader/PageHeader.js +55 -0
- package/dist/components/PageHeader/PageHeader.styles.d.ts +10 -0
- package/dist/components/PageHeader/PageHeader.styles.d.ts.map +1 -0
- package/dist/components/PageHeader/PageHeader.styles.js +23 -0
- package/dist/components/PageHeader/PageHeader.types.d.ts +24 -0
- package/dist/components/PageHeader/PageHeader.types.d.ts.map +1 -0
- package/dist/components/PageHeader/index.d.ts +4 -0
- package/dist/components/PageHeader/index.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.d.ts +9 -3
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +60 -39
- package/dist/components/Pagination/Pagination.styles.d.ts +1 -1
- package/dist/components/Pagination/Pagination.styles.js +3 -3
- package/dist/components/Pagination/Pagination.types.d.ts +23 -14
- package/dist/components/Pagination/Pagination.types.d.ts.map +1 -1
- package/dist/components/Popover/Popover.styles.js +1 -1
- package/dist/components/Price/Price.d.ts +10 -0
- package/dist/components/Price/Price.d.ts.map +1 -0
- package/dist/components/Price/Price.js +49 -0
- package/dist/components/Price/Price.styles.d.ts +15 -0
- package/dist/components/Price/Price.styles.d.ts.map +1 -0
- package/dist/components/Price/Price.styles.js +44 -0
- package/dist/components/Price/Price.types.d.ts +22 -0
- package/dist/components/Price/Price.types.d.ts.map +1 -0
- package/dist/components/Price/index.d.ts +4 -0
- package/dist/components/Price/index.d.ts.map +1 -0
- package/dist/components/Progress/Progress.js +2 -2
- package/dist/components/Progress/Progress.styles.d.ts +1 -1
- package/dist/components/Radio/Radio.js +4 -4
- package/dist/components/Radio/Radio.styles.d.ts +2 -2
- package/dist/components/Radio/Radio.styles.js +1 -1
- package/dist/components/RangeSlider/RangeSlider.js +3 -3
- package/dist/components/RangeSlider/RangeSlider.styles.js +1 -1
- package/dist/components/Rating/Rating.d.ts +5 -0
- package/dist/components/Rating/Rating.d.ts.map +1 -0
- package/dist/components/Rating/Rating.js +38 -0
- package/dist/components/Rating/Rating.styles.d.ts +6 -0
- package/dist/components/Rating/Rating.styles.d.ts.map +1 -0
- package/dist/components/Rating/Rating.styles.js +13 -0
- package/dist/components/Rating/Rating.types.d.ts +18 -0
- package/dist/components/Rating/Rating.types.d.ts.map +1 -0
- package/dist/components/Rating/index.d.ts +4 -0
- package/dist/components/Rating/index.d.ts.map +1 -0
- package/dist/components/ResponsiveDialog/ResponsiveDialog.d.ts +29 -0
- package/dist/components/ResponsiveDialog/ResponsiveDialog.d.ts.map +1 -0
- package/dist/components/ResponsiveDialog/ResponsiveDialog.js +74 -0
- package/dist/components/ResponsiveDialog/ResponsiveDialog.types.d.ts +27 -0
- package/dist/components/ResponsiveDialog/ResponsiveDialog.types.d.ts.map +1 -0
- package/dist/components/ResponsiveDialog/index.d.ts +3 -0
- package/dist/components/ResponsiveDialog/index.d.ts.map +1 -0
- package/dist/components/SectionNav/SectionNav.d.ts +12 -0
- package/dist/components/SectionNav/SectionNav.d.ts.map +1 -0
- package/dist/components/SectionNav/SectionNav.js +67 -0
- package/dist/components/SectionNav/SectionNav.styles.d.ts +11 -0
- package/dist/components/SectionNav/SectionNav.styles.d.ts.map +1 -0
- package/dist/components/SectionNav/SectionNav.styles.js +28 -0
- package/dist/components/SectionNav/SectionNav.types.d.ts +37 -0
- package/dist/components/SectionNav/SectionNav.types.d.ts.map +1 -0
- package/dist/components/SectionNav/index.d.ts +4 -0
- package/dist/components/SectionNav/index.d.ts.map +1 -0
- package/dist/components/Select/Select.js +2 -2
- package/dist/components/Select/Select.styles.d.ts +1 -1
- package/dist/components/Select/Select.styles.js +8 -8
- package/dist/components/SideBarNavigation/SideBarNavigation.styles.js +8 -8
- package/dist/components/SideBarNavigation/subcomponents/SidebarBranding.js +3 -3
- package/dist/components/SideBarNavigation/subcomponents/SidebarFooter.js +1 -1
- package/dist/components/SideBarNavigation/subcomponents/SidebarPopoverMenu.js +4 -4
- package/dist/components/SideBarNavigation/subcomponents/SidebarProfile.js +9 -9
- package/dist/components/SideBarNavigation/subcomponents/SidebarSubItem.js +2 -2
- package/dist/components/Skeleton/Skeleton.styles.js +1 -1
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.js +9 -7
- package/dist/components/Spinner/Spinner.styles.d.ts +8 -2
- package/dist/components/Spinner/Spinner.styles.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.styles.js +27 -24
- package/dist/components/Spinner/Spinner.types.d.ts +9 -0
- package/dist/components/Spinner/Spinner.types.d.ts.map +1 -1
- package/dist/components/Stack/Stack.d.ts.map +1 -1
- package/dist/components/Stack/Stack.js +16 -1
- package/dist/components/Stack/Stack.types.d.ts +14 -1
- package/dist/components/Stack/Stack.types.d.ts.map +1 -1
- package/dist/components/Stat/Stat.styles.js +4 -4
- package/dist/components/Stepper/Stepper.d.ts +9 -0
- package/dist/components/Stepper/Stepper.d.ts.map +1 -0
- package/dist/components/Stepper/Stepper.js +81 -0
- package/dist/components/Stepper/Stepper.styles.d.ts +14 -0
- package/dist/components/Stepper/Stepper.styles.d.ts.map +1 -0
- package/dist/components/Stepper/Stepper.styles.js +40 -0
- package/dist/components/Stepper/Stepper.types.d.ts +17 -0
- package/dist/components/Stepper/Stepper.types.d.ts.map +1 -0
- package/dist/components/Stepper/index.d.ts +4 -0
- package/dist/components/Stepper/index.d.ts.map +1 -0
- package/dist/components/Steps/Steps.d.ts +9 -0
- package/dist/components/Steps/Steps.d.ts.map +1 -0
- package/dist/components/Steps/Steps.js +81 -0
- package/dist/components/Steps/Steps.styles.d.ts +14 -0
- package/dist/components/Steps/Steps.styles.d.ts.map +1 -0
- package/dist/components/Steps/Steps.styles.js +40 -0
- package/dist/components/Steps/Steps.types.d.ts +17 -0
- package/dist/components/Steps/Steps.types.d.ts.map +1 -0
- package/dist/components/Steps/index.d.ts +4 -0
- package/dist/components/Steps/index.d.ts.map +1 -0
- package/dist/components/SubNav/SubNav.d.ts +17 -0
- package/dist/components/SubNav/SubNav.d.ts.map +1 -0
- package/dist/components/SubNav/SubNav.js +87 -0
- package/dist/components/SubNav/SubNav.styles.d.ts +18 -0
- package/dist/components/SubNav/SubNav.styles.d.ts.map +1 -0
- package/dist/components/SubNav/SubNav.styles.js +33 -0
- package/dist/components/SubNav/SubNav.types.d.ts +45 -0
- package/dist/components/SubNav/SubNav.types.d.ts.map +1 -0
- package/dist/components/SubNav/index.d.ts +4 -0
- package/dist/components/SubNav/index.d.ts.map +1 -0
- package/dist/components/Switch/Switch.js +2 -2
- package/dist/components/Switch/Switch.styles.d.ts +2 -2
- package/dist/components/Switch/Switch.styles.js +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/Table.styles.d.ts +1 -1
- package/dist/components/Table/Table.styles.js +5 -5
- package/dist/components/Table/TablePagination.js +4 -4
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.js +75 -8
- package/dist/components/Tabs/Tabs.styles.d.ts +10 -2
- package/dist/components/Tabs/Tabs.styles.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.styles.js +25 -10
- package/dist/components/Tabs/Tabs.types.d.ts +13 -0
- package/dist/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +4 -0
- package/dist/components/Text/Text.styles.d.ts +4 -2
- package/dist/components/Text/Text.styles.d.ts.map +1 -1
- package/dist/components/Text/Text.styles.js +32 -16
- package/dist/components/Text/Text.types.d.ts +1 -1
- package/dist/components/Text/Text.types.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +4 -4
- package/dist/components/Textarea/Textarea.styles.d.ts +1 -1
- package/dist/components/Textarea/Textarea.styles.js +6 -6
- package/dist/components/Toast/Toast.js +3 -3
- package/dist/components/Toast/Toast.styles.js +5 -5
- package/dist/components/Toast/ToastContainer.js +1 -1
- package/dist/components/Tooltip/Tooltip.styles.js +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +8 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js +14 -0
- package/dist/components/VisuallyHidden/index.d.ts +2 -0
- package/dist/components/VisuallyHidden/index.d.ts.map +1 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +46 -14
- package/dist/utils/gap.d.ts +21 -1
- package/dist/utils/gap.d.ts.map +1 -1
- package/dist/utils/gap.js +306 -46
- package/package.json +7 -6
- package/dist/components/CrossZoneLink/CrossZoneLink.d.ts +0 -10
- package/dist/components/CrossZoneLink/CrossZoneLink.d.ts.map +0 -1
- package/dist/components/CrossZoneLink/CrossZoneLink.js +0 -111
- package/dist/components/CrossZoneLink/CrossZoneLink.styles.d.ts +0 -8
- package/dist/components/CrossZoneLink/CrossZoneLink.styles.d.ts.map +0 -1
- package/dist/components/CrossZoneLink/CrossZoneLink.styles.js +0 -33
- package/dist/components/CrossZoneLink/CrossZoneLink.types.d.ts +0 -31
- package/dist/components/CrossZoneLink/CrossZoneLink.types.d.ts.map +0 -1
- package/dist/components/CrossZoneLink/index.d.ts +0 -4
- package/dist/components/CrossZoneLink/index.d.ts.map +0 -1
package/dist/utils/gap.js
CHANGED
|
@@ -1,55 +1,315 @@
|
|
|
1
|
-
const
|
|
2
|
-
0: "gap-0",
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
5: "gap-5",
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
1
|
+
const GAP = {
|
|
2
|
+
"0": "gap-0",
|
|
3
|
+
"0.5": "gap-0.5",
|
|
4
|
+
"1": "gap-1",
|
|
5
|
+
"1.5": "gap-1.5",
|
|
6
|
+
"2": "gap-2",
|
|
7
|
+
"2.5": "gap-2.5",
|
|
8
|
+
"3": "gap-3",
|
|
9
|
+
"4": "gap-4",
|
|
10
|
+
"5": "gap-5",
|
|
11
|
+
"6": "gap-6",
|
|
12
|
+
"7": "gap-7",
|
|
13
|
+
"8": "gap-8",
|
|
14
|
+
"9": "gap-9",
|
|
15
|
+
"10": "gap-10",
|
|
16
|
+
"11": "gap-11",
|
|
17
|
+
"12": "gap-12",
|
|
18
|
+
"14": "gap-14",
|
|
19
|
+
"16": "gap-16",
|
|
20
|
+
"20": "gap-20",
|
|
21
|
+
"24": "gap-24",
|
|
22
|
+
"28": "gap-28",
|
|
23
|
+
"32": "gap-32",
|
|
24
|
+
"36": "gap-36",
|
|
25
|
+
"40": "gap-40",
|
|
26
|
+
"44": "gap-44",
|
|
27
|
+
"48": "gap-48",
|
|
28
|
+
"52": "gap-52",
|
|
29
|
+
"56": "gap-56",
|
|
30
|
+
"60": "gap-60",
|
|
31
|
+
"64": "gap-64",
|
|
32
|
+
"72": "gap-72",
|
|
33
|
+
"80": "gap-80",
|
|
34
|
+
"96": "gap-96"
|
|
32
35
|
};
|
|
33
|
-
|
|
36
|
+
const GAP_X = {
|
|
37
|
+
"0": "gap-x-0",
|
|
38
|
+
"0.5": "gap-x-0.5",
|
|
39
|
+
"1": "gap-x-1",
|
|
40
|
+
"1.5": "gap-x-1.5",
|
|
41
|
+
"2": "gap-x-2",
|
|
42
|
+
"2.5": "gap-x-2.5",
|
|
43
|
+
"3": "gap-x-3",
|
|
44
|
+
"4": "gap-x-4",
|
|
45
|
+
"5": "gap-x-5",
|
|
46
|
+
"6": "gap-x-6",
|
|
47
|
+
"7": "gap-x-7",
|
|
48
|
+
"8": "gap-x-8",
|
|
49
|
+
"9": "gap-x-9",
|
|
50
|
+
"10": "gap-x-10",
|
|
51
|
+
"11": "gap-x-11",
|
|
52
|
+
"12": "gap-x-12",
|
|
53
|
+
"14": "gap-x-14",
|
|
54
|
+
"16": "gap-x-16",
|
|
55
|
+
"20": "gap-x-20",
|
|
56
|
+
"24": "gap-x-24"
|
|
57
|
+
};
|
|
58
|
+
const GAP_Y = {
|
|
59
|
+
"0": "gap-y-0",
|
|
60
|
+
"0.5": "gap-y-0.5",
|
|
61
|
+
"1": "gap-y-1",
|
|
62
|
+
"1.5": "gap-y-1.5",
|
|
63
|
+
"2": "gap-y-2",
|
|
64
|
+
"2.5": "gap-y-2.5",
|
|
65
|
+
"3": "gap-y-3",
|
|
66
|
+
"4": "gap-y-4",
|
|
67
|
+
"5": "gap-y-5",
|
|
68
|
+
"6": "gap-y-6",
|
|
69
|
+
"7": "gap-y-7",
|
|
70
|
+
"8": "gap-y-8",
|
|
71
|
+
"9": "gap-y-9",
|
|
72
|
+
"10": "gap-y-10",
|
|
73
|
+
"11": "gap-y-11",
|
|
74
|
+
"12": "gap-y-12",
|
|
75
|
+
"14": "gap-y-14",
|
|
76
|
+
"16": "gap-y-16",
|
|
77
|
+
"20": "gap-y-20",
|
|
78
|
+
"24": "gap-y-24"
|
|
79
|
+
};
|
|
80
|
+
const RESPONSIVE = {
|
|
81
|
+
"gap": {
|
|
82
|
+
sm: {
|
|
83
|
+
"0": "sm:gap-0",
|
|
84
|
+
"0.5": "sm:gap-0.5",
|
|
85
|
+
"1": "sm:gap-1",
|
|
86
|
+
"1.5": "sm:gap-1.5",
|
|
87
|
+
"2": "sm:gap-2",
|
|
88
|
+
"2.5": "sm:gap-2.5",
|
|
89
|
+
"3": "sm:gap-3",
|
|
90
|
+
"4": "sm:gap-4",
|
|
91
|
+
"5": "sm:gap-5",
|
|
92
|
+
"6": "sm:gap-6",
|
|
93
|
+
"8": "sm:gap-8",
|
|
94
|
+
"10": "sm:gap-10",
|
|
95
|
+
"12": "sm:gap-12",
|
|
96
|
+
"16": "sm:gap-16"
|
|
97
|
+
},
|
|
98
|
+
md: {
|
|
99
|
+
"0": "md:gap-0",
|
|
100
|
+
"0.5": "md:gap-0.5",
|
|
101
|
+
"1": "md:gap-1",
|
|
102
|
+
"1.5": "md:gap-1.5",
|
|
103
|
+
"2": "md:gap-2",
|
|
104
|
+
"2.5": "md:gap-2.5",
|
|
105
|
+
"3": "md:gap-3",
|
|
106
|
+
"4": "md:gap-4",
|
|
107
|
+
"5": "md:gap-5",
|
|
108
|
+
"6": "md:gap-6",
|
|
109
|
+
"8": "md:gap-8",
|
|
110
|
+
"10": "md:gap-10",
|
|
111
|
+
"12": "md:gap-12",
|
|
112
|
+
"16": "md:gap-16"
|
|
113
|
+
},
|
|
114
|
+
lg: {
|
|
115
|
+
"0": "lg:gap-0",
|
|
116
|
+
"0.5": "lg:gap-0.5",
|
|
117
|
+
"1": "lg:gap-1",
|
|
118
|
+
"1.5": "lg:gap-1.5",
|
|
119
|
+
"2": "lg:gap-2",
|
|
120
|
+
"2.5": "lg:gap-2.5",
|
|
121
|
+
"3": "lg:gap-3",
|
|
122
|
+
"4": "lg:gap-4",
|
|
123
|
+
"5": "lg:gap-5",
|
|
124
|
+
"6": "lg:gap-6",
|
|
125
|
+
"8": "lg:gap-8",
|
|
126
|
+
"10": "lg:gap-10",
|
|
127
|
+
"12": "lg:gap-12",
|
|
128
|
+
"16": "lg:gap-16"
|
|
129
|
+
},
|
|
130
|
+
xl: {
|
|
131
|
+
"0": "xl:gap-0",
|
|
132
|
+
"0.5": "xl:gap-0.5",
|
|
133
|
+
"1": "xl:gap-1",
|
|
134
|
+
"1.5": "xl:gap-1.5",
|
|
135
|
+
"2": "xl:gap-2",
|
|
136
|
+
"2.5": "xl:gap-2.5",
|
|
137
|
+
"3": "xl:gap-3",
|
|
138
|
+
"4": "xl:gap-4",
|
|
139
|
+
"5": "xl:gap-5",
|
|
140
|
+
"6": "xl:gap-6",
|
|
141
|
+
"8": "xl:gap-8",
|
|
142
|
+
"10": "xl:gap-10",
|
|
143
|
+
"12": "xl:gap-12",
|
|
144
|
+
"16": "xl:gap-16"
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
"gap-x": {
|
|
148
|
+
sm: {
|
|
149
|
+
"0": "sm:gap-x-0",
|
|
150
|
+
"0.5": "sm:gap-x-0.5",
|
|
151
|
+
"1": "sm:gap-x-1",
|
|
152
|
+
"1.5": "sm:gap-x-1.5",
|
|
153
|
+
"2": "sm:gap-x-2",
|
|
154
|
+
"2.5": "sm:gap-x-2.5",
|
|
155
|
+
"3": "sm:gap-x-3",
|
|
156
|
+
"4": "sm:gap-x-4",
|
|
157
|
+
"5": "sm:gap-x-5",
|
|
158
|
+
"6": "sm:gap-x-6",
|
|
159
|
+
"8": "sm:gap-x-8",
|
|
160
|
+
"10": "sm:gap-x-10",
|
|
161
|
+
"12": "sm:gap-x-12",
|
|
162
|
+
"16": "sm:gap-x-16"
|
|
163
|
+
},
|
|
164
|
+
md: {
|
|
165
|
+
"0": "md:gap-x-0",
|
|
166
|
+
"0.5": "md:gap-x-0.5",
|
|
167
|
+
"1": "md:gap-x-1",
|
|
168
|
+
"1.5": "md:gap-x-1.5",
|
|
169
|
+
"2": "md:gap-x-2",
|
|
170
|
+
"2.5": "md:gap-x-2.5",
|
|
171
|
+
"3": "md:gap-x-3",
|
|
172
|
+
"4": "md:gap-x-4",
|
|
173
|
+
"5": "md:gap-x-5",
|
|
174
|
+
"6": "md:gap-x-6",
|
|
175
|
+
"8": "md:gap-x-8",
|
|
176
|
+
"10": "md:gap-x-10",
|
|
177
|
+
"12": "md:gap-x-12",
|
|
178
|
+
"16": "md:gap-x-16"
|
|
179
|
+
},
|
|
180
|
+
lg: {
|
|
181
|
+
"0": "lg:gap-x-0",
|
|
182
|
+
"0.5": "lg:gap-x-0.5",
|
|
183
|
+
"1": "lg:gap-x-1",
|
|
184
|
+
"1.5": "lg:gap-x-1.5",
|
|
185
|
+
"2": "lg:gap-x-2",
|
|
186
|
+
"2.5": "lg:gap-x-2.5",
|
|
187
|
+
"3": "lg:gap-x-3",
|
|
188
|
+
"4": "lg:gap-x-4",
|
|
189
|
+
"5": "lg:gap-x-5",
|
|
190
|
+
"6": "lg:gap-x-6",
|
|
191
|
+
"8": "lg:gap-x-8",
|
|
192
|
+
"10": "lg:gap-x-10",
|
|
193
|
+
"12": "lg:gap-x-12",
|
|
194
|
+
"16": "lg:gap-x-16"
|
|
195
|
+
},
|
|
196
|
+
xl: {
|
|
197
|
+
"0": "xl:gap-x-0",
|
|
198
|
+
"0.5": "xl:gap-x-0.5",
|
|
199
|
+
"1": "xl:gap-x-1",
|
|
200
|
+
"1.5": "xl:gap-x-1.5",
|
|
201
|
+
"2": "xl:gap-x-2",
|
|
202
|
+
"2.5": "xl:gap-x-2.5",
|
|
203
|
+
"3": "xl:gap-x-3",
|
|
204
|
+
"4": "xl:gap-x-4",
|
|
205
|
+
"5": "xl:gap-x-5",
|
|
206
|
+
"6": "xl:gap-x-6",
|
|
207
|
+
"8": "xl:gap-x-8",
|
|
208
|
+
"10": "xl:gap-x-10",
|
|
209
|
+
"12": "xl:gap-x-12",
|
|
210
|
+
"16": "xl:gap-x-16"
|
|
211
|
+
}
|
|
212
|
+
},
|
|
213
|
+
"gap-y": {
|
|
214
|
+
sm: {
|
|
215
|
+
"0": "sm:gap-y-0",
|
|
216
|
+
"0.5": "sm:gap-y-0.5",
|
|
217
|
+
"1": "sm:gap-y-1",
|
|
218
|
+
"1.5": "sm:gap-y-1.5",
|
|
219
|
+
"2": "sm:gap-y-2",
|
|
220
|
+
"2.5": "sm:gap-y-2.5",
|
|
221
|
+
"3": "sm:gap-y-3",
|
|
222
|
+
"4": "sm:gap-y-4",
|
|
223
|
+
"5": "sm:gap-y-5",
|
|
224
|
+
"6": "sm:gap-y-6",
|
|
225
|
+
"8": "sm:gap-y-8",
|
|
226
|
+
"10": "sm:gap-y-10",
|
|
227
|
+
"12": "sm:gap-y-12",
|
|
228
|
+
"16": "sm:gap-y-16"
|
|
229
|
+
},
|
|
230
|
+
md: {
|
|
231
|
+
"0": "md:gap-y-0",
|
|
232
|
+
"0.5": "md:gap-y-0.5",
|
|
233
|
+
"1": "md:gap-y-1",
|
|
234
|
+
"1.5": "md:gap-y-1.5",
|
|
235
|
+
"2": "md:gap-y-2",
|
|
236
|
+
"2.5": "md:gap-y-2.5",
|
|
237
|
+
"3": "md:gap-y-3",
|
|
238
|
+
"4": "md:gap-y-4",
|
|
239
|
+
"5": "md:gap-y-5",
|
|
240
|
+
"6": "md:gap-y-6",
|
|
241
|
+
"8": "md:gap-y-8",
|
|
242
|
+
"10": "md:gap-y-10",
|
|
243
|
+
"12": "md:gap-y-12",
|
|
244
|
+
"16": "md:gap-y-16"
|
|
245
|
+
},
|
|
246
|
+
lg: {
|
|
247
|
+
"0": "lg:gap-y-0",
|
|
248
|
+
"0.5": "lg:gap-y-0.5",
|
|
249
|
+
"1": "lg:gap-y-1",
|
|
250
|
+
"1.5": "lg:gap-y-1.5",
|
|
251
|
+
"2": "lg:gap-y-2",
|
|
252
|
+
"2.5": "lg:gap-y-2.5",
|
|
253
|
+
"3": "lg:gap-y-3",
|
|
254
|
+
"4": "lg:gap-y-4",
|
|
255
|
+
"5": "lg:gap-y-5",
|
|
256
|
+
"6": "lg:gap-y-6",
|
|
257
|
+
"8": "lg:gap-y-8",
|
|
258
|
+
"10": "lg:gap-y-10",
|
|
259
|
+
"12": "lg:gap-y-12",
|
|
260
|
+
"16": "lg:gap-y-16"
|
|
261
|
+
},
|
|
262
|
+
xl: {
|
|
263
|
+
"0": "xl:gap-y-0",
|
|
264
|
+
"0.5": "xl:gap-y-0.5",
|
|
265
|
+
"1": "xl:gap-y-1",
|
|
266
|
+
"1.5": "xl:gap-y-1.5",
|
|
267
|
+
"2": "xl:gap-y-2",
|
|
268
|
+
"2.5": "xl:gap-y-2.5",
|
|
269
|
+
"3": "xl:gap-y-3",
|
|
270
|
+
"4": "xl:gap-y-4",
|
|
271
|
+
"5": "xl:gap-y-5",
|
|
272
|
+
"6": "xl:gap-y-6",
|
|
273
|
+
"8": "xl:gap-y-8",
|
|
274
|
+
"10": "xl:gap-y-10",
|
|
275
|
+
"12": "xl:gap-y-12",
|
|
276
|
+
"16": "xl:gap-y-16"
|
|
277
|
+
}
|
|
278
|
+
}
|
|
279
|
+
};
|
|
280
|
+
function stepKey(value) {
|
|
281
|
+
const num = typeof value === "number" ? value : Number(value.trim());
|
|
282
|
+
return Number.isNaN(num) ? void 0 : String(num);
|
|
283
|
+
}
|
|
284
|
+
function resolve(kind, gap) {
|
|
34
285
|
if (gap === void 0 || gap === null) return void 0;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
286
|
+
const base = kind === "gap" ? GAP : kind === "gap-x" ? GAP_X : GAP_Y;
|
|
287
|
+
if (typeof gap === "object") {
|
|
288
|
+
const classes = [];
|
|
289
|
+
if (gap.base !== void 0) classes.push(base[String(gap.base)] ?? `${kind}-[${gap.base}px]`);
|
|
290
|
+
for (const bp of ["sm", "md", "lg", "xl"]) {
|
|
291
|
+
const step = gap[bp];
|
|
292
|
+
if (step !== void 0) {
|
|
293
|
+
const cls = RESPONSIVE[kind][bp][String(step)];
|
|
294
|
+
if (cls) classes.push(cls);
|
|
295
|
+
}
|
|
38
296
|
}
|
|
39
|
-
return
|
|
297
|
+
return classes.join(" ") || void 0;
|
|
40
298
|
}
|
|
299
|
+
const key = stepKey(gap);
|
|
300
|
+
if (key !== void 0 && base[key]) return base[key];
|
|
41
301
|
if (typeof gap === "string") {
|
|
42
302
|
const trimmed = gap.trim();
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
return STANDARD_GAP_MAP[num];
|
|
46
|
-
}
|
|
47
|
-
if (trimmed.startsWith("gap-")) {
|
|
48
|
-
return trimmed;
|
|
49
|
-
}
|
|
50
|
-
return `gap-[${trimmed}]`;
|
|
303
|
+
if (trimmed.startsWith("gap-")) return trimmed;
|
|
304
|
+
return `${kind}-[${trimmed}]`;
|
|
51
305
|
}
|
|
52
|
-
return
|
|
306
|
+
return `${kind}-[${gap}px]`;
|
|
307
|
+
}
|
|
308
|
+
function formatGap(gap) {
|
|
309
|
+
return resolve("gap", gap);
|
|
310
|
+
}
|
|
311
|
+
function formatAxisGap(axis, gap) {
|
|
312
|
+
return resolve(axis === "x" ? "gap-x" : "gap-y", gap);
|
|
53
313
|
}
|
|
54
314
|
|
|
55
|
-
export { formatGap };
|
|
315
|
+
export { formatAxisGap, formatGap };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@timmbr/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"description": "High-performance, Next.js App Router-compatible UI design system components for Timmbr",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -41,11 +41,12 @@
|
|
|
41
41
|
"@radix-ui/react-toast": "^1.2.23",
|
|
42
42
|
"@radix-ui/react-tooltip": "^1.2.16",
|
|
43
43
|
"class-variance-authority": "^0.7.1",
|
|
44
|
-
"
|
|
45
|
-
"@timmbr/icons": "1.
|
|
46
|
-
"@timmbr/theme": "1.
|
|
47
|
-
"@timmbr/utils": "1.
|
|
48
|
-
"@timmbr/motion": "1.2.
|
|
44
|
+
"input-otp": "^1.5.0",
|
|
45
|
+
"@timmbr/icons": "1.4.0",
|
|
46
|
+
"@timmbr/theme": "1.3.0",
|
|
47
|
+
"@timmbr/utils": "1.4.0",
|
|
48
|
+
"@timmbr/motion": "1.2.2",
|
|
49
|
+
"@timmbr/hooks": "1.0.0"
|
|
49
50
|
},
|
|
50
51
|
"peerDependencies": {
|
|
51
52
|
"next": ">=13.0.0 || >=14.0.0 || >=15.0.0 || >=16.0.0",
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { CrossZoneLinkProps } from './CrossZoneLink.types';
|
|
3
|
-
/**
|
|
4
|
-
* CrossZoneLink forces hard browser-level navigation across Next.js multi-zone / microfrontend boundaries.
|
|
5
|
-
*
|
|
6
|
-
* ARCHITECTURAL RULE:
|
|
7
|
-
* NEVER use `next/link` for navigation across zone boundaries. Always use `CrossZoneLink` from `@timmbr/ui`.
|
|
8
|
-
*/
|
|
9
|
-
export declare const CrossZoneLink: React.ForwardRefExoticComponent<CrossZoneLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
10
|
-
//# sourceMappingURL=CrossZoneLink.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CrossZoneLink.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;;;;GAKG;AACH,eAAO,MAAM,aAAa,8FA4GzB,CAAC"}
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
5
|
-
import { cn } from '@timmbr/utils';
|
|
6
|
-
import { crossZoneLinkVariants } from './CrossZoneLink.styles.js';
|
|
7
|
-
import { useTimmbrConfig, resolveZoneHref } from '../../providers/TimmbrConfigProvider.js';
|
|
8
|
-
|
|
9
|
-
const CrossZoneLink = React.forwardRef(
|
|
10
|
-
({
|
|
11
|
-
className,
|
|
12
|
-
style,
|
|
13
|
-
variant,
|
|
14
|
-
size,
|
|
15
|
-
asChild = false,
|
|
16
|
-
href,
|
|
17
|
-
zone,
|
|
18
|
-
disabled = false,
|
|
19
|
-
leftIcon,
|
|
20
|
-
rightIcon,
|
|
21
|
-
target,
|
|
22
|
-
rel,
|
|
23
|
-
onClick,
|
|
24
|
-
children,
|
|
25
|
-
...props
|
|
26
|
-
}, ref) => {
|
|
27
|
-
const config = useTimmbrConfig();
|
|
28
|
-
const resolvedHref = resolveZoneHref(href, zone, config.zones?.zones);
|
|
29
|
-
const isExternal = resolvedHref.startsWith("http://") || resolvedHref.startsWith("https://") || target === "_blank";
|
|
30
|
-
const resolvedRel = rel ?? (isExternal ? "noopener noreferrer" : void 0);
|
|
31
|
-
const handleClick = (e) => {
|
|
32
|
-
if (disabled) {
|
|
33
|
-
e.preventDefault();
|
|
34
|
-
e.stopPropagation();
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
onClick?.(e);
|
|
38
|
-
};
|
|
39
|
-
if (asChild) {
|
|
40
|
-
return /* @__PURE__ */ jsx(
|
|
41
|
-
Slot,
|
|
42
|
-
{
|
|
43
|
-
ref,
|
|
44
|
-
"data-slot": "cross-zone-link",
|
|
45
|
-
"data-cross-zone": "true",
|
|
46
|
-
"aria-disabled": disabled ? "true" : void 0,
|
|
47
|
-
tabIndex: disabled ? -1 : props.tabIndex,
|
|
48
|
-
className: cn(
|
|
49
|
-
crossZoneLinkVariants({
|
|
50
|
-
variant,
|
|
51
|
-
size,
|
|
52
|
-
disabled,
|
|
53
|
-
className
|
|
54
|
-
})
|
|
55
|
-
),
|
|
56
|
-
style,
|
|
57
|
-
onClick: handleClick,
|
|
58
|
-
...props,
|
|
59
|
-
children
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
}
|
|
63
|
-
return /* @__PURE__ */ jsxs(
|
|
64
|
-
"a",
|
|
65
|
-
{
|
|
66
|
-
ref,
|
|
67
|
-
href: disabled ? void 0 : resolvedHref,
|
|
68
|
-
target,
|
|
69
|
-
rel: resolvedRel,
|
|
70
|
-
"data-slot": "cross-zone-link",
|
|
71
|
-
"data-cross-zone": "true",
|
|
72
|
-
"data-testid": "timmbr-cross-zone-link",
|
|
73
|
-
"aria-disabled": disabled ? "true" : void 0,
|
|
74
|
-
tabIndex: disabled ? -1 : props.tabIndex,
|
|
75
|
-
style,
|
|
76
|
-
onClick: handleClick,
|
|
77
|
-
className: cn(
|
|
78
|
-
crossZoneLinkVariants({
|
|
79
|
-
variant,
|
|
80
|
-
size,
|
|
81
|
-
disabled,
|
|
82
|
-
className
|
|
83
|
-
})
|
|
84
|
-
),
|
|
85
|
-
...props,
|
|
86
|
-
children: [
|
|
87
|
-
leftIcon && /* @__PURE__ */ jsx(
|
|
88
|
-
"span",
|
|
89
|
-
{
|
|
90
|
-
className: "inline-flex shrink-0 items-center justify-center pointer-events-none",
|
|
91
|
-
"data-slot": "cross-zone-link-left-icon",
|
|
92
|
-
children: leftIcon
|
|
93
|
-
}
|
|
94
|
-
),
|
|
95
|
-
children && /* @__PURE__ */ jsx("span", { children }),
|
|
96
|
-
rightIcon && /* @__PURE__ */ jsx(
|
|
97
|
-
"span",
|
|
98
|
-
{
|
|
99
|
-
className: "inline-flex shrink-0 items-center justify-center pointer-events-none",
|
|
100
|
-
"data-slot": "cross-zone-link-right-icon",
|
|
101
|
-
children: rightIcon
|
|
102
|
-
}
|
|
103
|
-
)
|
|
104
|
-
]
|
|
105
|
-
}
|
|
106
|
-
);
|
|
107
|
-
}
|
|
108
|
-
);
|
|
109
|
-
CrossZoneLink.displayName = "CrossZoneLink";
|
|
110
|
-
|
|
111
|
-
export { CrossZoneLink };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
-
export declare const crossZoneLinkVariants: (props?: ({
|
|
3
|
-
variant?: "default" | "inline" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
|
|
4
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
5
|
-
disabled?: boolean | null | undefined;
|
|
6
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
-
export type CrossZoneLinkVariants = VariantProps<typeof crossZoneLinkVariants>;
|
|
8
|
-
//# sourceMappingURL=CrossZoneLink.styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CrossZoneLink.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,qBAAqB;;;;8EA4BjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { cva } from 'class-variance-authority';
|
|
2
|
-
|
|
3
|
-
const crossZoneLinkVariants = cva(
|
|
4
|
-
"inline-flex items-center no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded-[2px] transition-all duration-150 select-none",
|
|
5
|
-
{
|
|
6
|
-
variants: {
|
|
7
|
-
variant: {
|
|
8
|
-
default: "text-primary hover:underline underline-offset-4 font-medium",
|
|
9
|
-
primary: "text-primary font-semibold hover:brightness-110 active:brightness-95",
|
|
10
|
-
secondary: "text-secondary-foreground hover:text-foreground font-medium",
|
|
11
|
-
muted: "text-grey-600 dark:text-grey-400 hover:text-foreground font-normal",
|
|
12
|
-
subtle: "text-foreground/80 hover:text-foreground font-normal",
|
|
13
|
-
inline: "text-primary underline underline-offset-4 hover:opacity-80 inline font-medium"
|
|
14
|
-
},
|
|
15
|
-
size: {
|
|
16
|
-
sm: "text-xs gap-1",
|
|
17
|
-
default: "text-sm gap-1.5",
|
|
18
|
-
lg: "text-base gap-2"
|
|
19
|
-
},
|
|
20
|
-
disabled: {
|
|
21
|
-
true: "pointer-events-none opacity-50 cursor-not-allowed",
|
|
22
|
-
false: "cursor-pointer"
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
defaultVariants: {
|
|
26
|
-
variant: "default",
|
|
27
|
-
size: "default",
|
|
28
|
-
disabled: false
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
|
|
33
|
-
export { crossZoneLinkVariants };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import type * as React from 'react';
|
|
2
|
-
import type { VariantProps } from 'class-variance-authority';
|
|
3
|
-
import type { crossZoneLinkVariants } from './CrossZoneLink.styles';
|
|
4
|
-
export interface CrossZoneLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof crossZoneLinkVariants> {
|
|
5
|
-
/**
|
|
6
|
-
* The destination URL or relative path.
|
|
7
|
-
*/
|
|
8
|
-
href: string;
|
|
9
|
-
/**
|
|
10
|
-
* Optional zone key corresponding to configured zones in TimmbrConfigProvider.
|
|
11
|
-
* If provided and configured, resolves against the zone's base URL.
|
|
12
|
-
*/
|
|
13
|
-
zone?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Merges props onto an immediate child element using Radix UI Slot.
|
|
16
|
-
*/
|
|
17
|
-
asChild?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Leading icon element rendered before link text.
|
|
20
|
-
*/
|
|
21
|
-
leftIcon?: React.ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* Trailing icon element rendered after link text.
|
|
24
|
-
*/
|
|
25
|
-
rightIcon?: React.ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* Disables user interaction and navigation.
|
|
28
|
-
*/
|
|
29
|
-
disabled?: boolean;
|
|
30
|
-
}
|
|
31
|
-
//# sourceMappingURL=CrossZoneLink.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CrossZoneLink.types.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}
|