@redsift/design-system 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.6
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/_internal/Alert.d2.ts +54 -0
- package/_internal/Alert2.js +197 -0
- package/_internal/Alert2.js.map +1 -0
- package/_internal/AppBar.d.ts +37 -0
- package/_internal/AppBar.js +248 -0
- package/_internal/AppBar.js.map +1 -0
- package/_internal/AppContainer.d.ts +96 -0
- package/_internal/AppContainer.js +142 -0
- package/_internal/AppContainer.js.map +1 -0
- package/_internal/AppContent.d.ts +25 -0
- package/_internal/AppContent.js +92 -0
- package/_internal/AppContent.js.map +1 -0
- package/_internal/Badge.d2.ts +9 -0
- package/_internal/Badge2.js +142 -0
- package/_internal/Badge2.js.map +1 -0
- package/_internal/BreadcrumbItem.d.ts +9 -0
- package/_internal/BreadcrumbItem.js +91 -0
- package/_internal/BreadcrumbItem.js.map +1 -0
- package/_internal/Breadcrumbs.d2.ts +29 -0
- package/_internal/Breadcrumbs2.js +94 -0
- package/_internal/Breadcrumbs2.js.map +1 -0
- package/_internal/Button.d2.ts +30 -0
- package/_internal/Button2.js +91 -0
- package/_internal/Button2.js.map +1 -0
- package/_internal/ButtonGroup.d.ts +41 -0
- package/_internal/ButtonGroup.js +181 -0
- package/_internal/ButtonGroup.js.map +1 -0
- package/_internal/ButtonLink.d.ts +28 -0
- package/_internal/ButtonLink.js +84 -0
- package/_internal/ButtonLink.js.map +1 -0
- package/_internal/Card.d2.ts +35 -0
- package/_internal/Card2.js +157 -0
- package/_internal/Card2.js.map +1 -0
- package/_internal/CardActions.d.ts +9 -0
- package/_internal/CardActions.js +44 -0
- package/_internal/CardActions.js.map +1 -0
- package/_internal/CardBody.d.ts +9 -0
- package/_internal/CardBody.js +42 -0
- package/_internal/CardBody.js.map +1 -0
- package/_internal/CardHeader.d.ts +9 -0
- package/_internal/CardHeader.js +83 -0
- package/_internal/CardHeader.js.map +1 -0
- package/_internal/Checkbox.d2.ts +68 -0
- package/_internal/Checkbox2.js +244 -0
- package/_internal/Checkbox2.js.map +1 -0
- package/_internal/CheckboxGroup.d.ts +10 -0
- package/_internal/CheckboxGroup.js +188 -0
- package/_internal/CheckboxGroup.js.map +1 -0
- package/_internal/ConditionalWrapper.d.ts +14 -0
- package/_internal/ConditionalWrapper.js +13 -0
- package/_internal/ConditionalWrapper.js.map +1 -0
- package/_internal/DetailedCard.d.ts +52 -0
- package/_internal/DetailedCard.js +6916 -0
- package/_internal/DetailedCard.js.map +1 -0
- package/_internal/DetailedCardCollapsibleSectionItems.d.ts +9 -0
- package/_internal/DetailedCardCollapsibleSectionItems.js +64 -0
- package/_internal/DetailedCardCollapsibleSectionItems.js.map +1 -0
- package/_internal/DetailedCardHeader.d.ts +9 -0
- package/_internal/DetailedCardHeader.js +67 -0
- package/_internal/DetailedCardHeader.js.map +1 -0
- package/_internal/DetailedCardSection.d.ts +9 -0
- package/_internal/DetailedCardSection.js +172 -0
- package/_internal/DetailedCardSection.js.map +1 -0
- package/_internal/DetailedCardSectionItem.d.ts +9 -0
- package/_internal/DetailedCardSectionItem.js +94 -0
- package/_internal/DetailedCardSectionItem.js.map +1 -0
- package/_internal/Flexbox.d2.ts +30 -0
- package/_internal/Flexbox2.js +93 -0
- package/_internal/Flexbox2.js.map +1 -0
- package/_internal/Grid.d2.ts +32 -0
- package/_internal/Grid2.js +95 -0
- package/_internal/Grid2.js.map +1 -0
- package/_internal/GridItem.d.ts +9 -0
- package/_internal/GridItem.js +40 -0
- package/_internal/GridItem.js.map +1 -0
- package/_internal/Heading.d2.ts +9 -0
- package/_internal/Heading2.js +113 -0
- package/_internal/Heading2.js.map +1 -0
- package/_internal/Icon.d2.ts +10 -0
- package/_internal/Icon2.js +211 -0
- package/_internal/Icon2.js.map +1 -0
- package/_internal/IconButton.d.ts +12 -0
- package/_internal/IconButton.js +80 -0
- package/_internal/IconButton.js.map +1 -0
- package/_internal/IconButtonLink.d.ts +28 -0
- package/_internal/IconButtonLink.js +75 -0
- package/_internal/IconButtonLink.js.map +1 -0
- package/_internal/Item.d2.ts +82 -0
- package/_internal/Item2.js +399 -0
- package/_internal/Item2.js.map +1 -0
- package/_internal/Link.d2.ts +26 -0
- package/_internal/Link2.js +67 -0
- package/_internal/Link2.js.map +1 -0
- package/_internal/LinkButton.d.ts +23 -0
- package/_internal/LinkButton.js +66 -0
- package/_internal/LinkButton.js.map +1 -0
- package/_internal/Listbox2.js +274 -0
- package/_internal/Listbox2.js.map +1 -0
- package/_internal/Number.d2.ts +69 -0
- package/_internal/Number2.js +111 -0
- package/_internal/Number2.js.map +1 -0
- package/_internal/NumberField.d.ts +80 -0
- package/_internal/NumberField.js +3974 -0
- package/_internal/NumberField.js.map +1 -0
- package/_internal/Pill.d2.ts +9 -0
- package/_internal/Pill2.js +405 -0
- package/_internal/Pill2.js.map +1 -0
- package/_internal/ProgressBar.d.ts +26 -0
- package/_internal/ProgressBar.js +69 -0
- package/_internal/ProgressBar.js.map +1 -0
- package/_internal/Radio.d2.ts +66 -0
- package/_internal/Radio2.js +237 -0
- package/_internal/Radio2.js.map +1 -0
- package/_internal/RadioGroup.d.ts +10 -0
- package/_internal/RadioGroup.js +176 -0
- package/_internal/RadioGroup.js.map +1 -0
- package/_internal/Shield.d2.ts +9 -0
- package/_internal/Shield2.js +225 -0
- package/_internal/Shield2.js.map +1 -0
- package/_internal/SideNavigationMenu.d.ts +9 -0
- package/_internal/SideNavigationMenu.js +591 -0
- package/_internal/SideNavigationMenu.js.map +1 -0
- package/_internal/SideNavigationMenuBar.d.ts +9 -0
- package/_internal/SideNavigationMenuItem.d.ts +9 -0
- package/_internal/SideNavigationMenuItem.js +304 -0
- package/_internal/SideNavigationMenuItem.js.map +1 -0
- package/_internal/Skeleton.d2.ts +15 -0
- package/_internal/Skeleton2.js +42 -0
- package/_internal/Skeleton2.js.map +1 -0
- package/_internal/SkeletonCircle.d.ts +9 -0
- package/_internal/SkeletonCircle.js +58 -0
- package/_internal/SkeletonCircle.js.map +1 -0
- package/_internal/SkeletonText.d.ts +9 -0
- package/_internal/SkeletonText.js +77 -0
- package/_internal/SkeletonText.js.map +1 -0
- package/_internal/Spinner.d2.ts +43 -0
- package/_internal/Spinner2.js +333 -0
- package/_internal/Spinner2.js.map +1 -0
- package/_internal/Switch.d2.ts +66 -0
- package/_internal/Switch2.js +320 -0
- package/_internal/Switch2.js.map +1 -0
- package/_internal/SwitchGroup.d.ts +10 -0
- package/_internal/SwitchGroup.js +188 -0
- package/_internal/SwitchGroup.js.map +1 -0
- package/_internal/Text.d2.ts +9 -0
- package/_internal/Text2.js +51 -0
- package/_internal/Text2.js.map +1 -0
- package/_internal/TextArea.d.ts +34 -0
- package/_internal/TextArea.js +444 -0
- package/_internal/TextArea.js.map +1 -0
- package/_internal/TextField.d.ts +29 -0
- package/_internal/TextField.js +473 -0
- package/_internal/TextField.js.map +1 -0
- package/_internal/_rollupPluginBabelHelpers.js +133 -0
- package/_internal/alert.d.ts +5 -0
- package/_internal/alert.js +2 -0
- package/_internal/alert.js.map +1 -0
- package/_internal/app-bar.d.ts +8 -0
- package/_internal/app-bar.js +2 -0
- package/_internal/app-bar.js.map +1 -0
- package/_internal/app-container.d.ts +9 -0
- package/_internal/app-container.js +3 -0
- package/_internal/app-container.js.map +1 -0
- package/_internal/app-content.d.ts +5 -0
- package/_internal/app-content.js +2 -0
- package/_internal/app-content.js.map +1 -0
- package/_internal/app-side-panel.d.ts +11 -0
- package/_internal/app-side-panel.js +3 -0
- package/_internal/app-side-panel.js.map +1 -0
- package/_internal/badge.d.ts +6 -0
- package/_internal/badge.js +2 -0
- package/_internal/badge.js.map +1 -0
- package/_internal/breadcrumb-item.d.ts +5 -0
- package/_internal/breadcrumb-item.js +2 -0
- package/_internal/breadcrumb-item.js.map +1 -0
- package/_internal/breadcrumbs.d.ts +6 -0
- package/_internal/breadcrumbs.js +2 -0
- package/_internal/breadcrumbs.js.map +1 -0
- package/_internal/button-group.d.ts +5 -0
- package/_internal/button-group.js +2 -0
- package/_internal/button-group.js.map +1 -0
- package/_internal/button-link.d.ts +8 -0
- package/_internal/button-link.js +2 -0
- package/_internal/button-link.js.map +1 -0
- package/_internal/button.d.ts +8 -0
- package/_internal/button.js +3 -0
- package/_internal/button.js.map +1 -0
- package/_internal/card-actions.d.ts +5 -0
- package/_internal/card-actions.js +2 -0
- package/_internal/card-actions.js.map +1 -0
- package/_internal/card-body.d.ts +5 -0
- package/_internal/card-body.js +2 -0
- package/_internal/card-body.js.map +1 -0
- package/_internal/card-header.d.ts +9 -0
- package/_internal/card-header.js +2 -0
- package/_internal/card-header.js.map +1 -0
- package/_internal/card.d.ts +11 -0
- package/_internal/card.js +2 -0
- package/_internal/card.js.map +1 -0
- package/_internal/checkbox-group.d.ts +6 -0
- package/_internal/checkbox-group.js +2 -0
- package/_internal/checkbox-group.js.map +1 -0
- package/_internal/checkbox.d.ts +6 -0
- package/_internal/checkbox.js +2 -0
- package/_internal/checkbox.js.map +1 -0
- package/_internal/colors.d.ts +102 -0
- package/_internal/colors.js +98 -0
- package/_internal/colors.js.map +1 -0
- package/_internal/conditional-wrapper.d.ts +2 -0
- package/_internal/conditional-wrapper.js +2 -0
- package/_internal/conditional-wrapper.js.map +1 -0
- package/_internal/context.js +6 -0
- package/_internal/context.js.map +1 -0
- package/_internal/context2.js +300 -0
- package/_internal/context2.js.map +1 -0
- package/_internal/context3.js +6 -0
- package/_internal/context3.js.map +1 -0
- package/_internal/context4.js +6 -0
- package/_internal/context4.js.map +1 -0
- package/_internal/context5.js +6 -0
- package/_internal/context5.js.map +1 -0
- package/_internal/detailed-card-collapsible-section-items.d.ts +4 -0
- package/_internal/detailed-card-collapsible-section-items.js +2 -0
- package/_internal/detailed-card-collapsible-section-items.js.map +1 -0
- package/_internal/detailed-card-header.d.ts +8 -0
- package/_internal/detailed-card-header.js +2 -0
- package/_internal/detailed-card-header.js.map +1 -0
- package/_internal/detailed-card-section-item.d.ts +11 -0
- package/_internal/detailed-card-section-item.js +2 -0
- package/_internal/detailed-card-section-item.js.map +1 -0
- package/_internal/detailed-card-section.d.ts +7 -0
- package/_internal/detailed-card-section.js +2 -0
- package/_internal/detailed-card-section.js.map +1 -0
- package/_internal/detailed-card.d.ts +16 -0
- package/_internal/detailed-card.js +2 -0
- package/_internal/detailed-card.js.map +1 -0
- package/_internal/filterComponents.js +24 -0
- package/_internal/filterComponents.js.map +1 -0
- package/_internal/flexbox.d.ts +5 -0
- package/_internal/flexbox.js +2 -0
- package/_internal/flexbox.js.map +1 -0
- package/_internal/focus-within-group.d.ts +3 -0
- package/_internal/focus-within-group.js +3 -0
- package/_internal/focus-within-group.js.map +1 -0
- package/_internal/fonts.d.ts +12 -0
- package/_internal/fonts.js +10 -0
- package/_internal/gradient-border.d.ts +19 -0
- package/_internal/gradient-border.js +38 -0
- package/_internal/gradient-border.js.map +1 -0
- package/_internal/grid-item.d.ts +5 -0
- package/_internal/grid-item.js +2 -0
- package/_internal/grid-item.js.map +1 -0
- package/_internal/grid.d.ts +6 -0
- package/_internal/grid.js +2 -0
- package/_internal/grid.js.map +1 -0
- package/_internal/heading.d.ts +7 -0
- package/_internal/heading.js +3 -0
- package/_internal/heading.js.map +1 -0
- package/_internal/helpers.d.ts +23 -0
- package/_internal/icon-button-link.d.ts +8 -0
- package/_internal/icon-button-link.js +2 -0
- package/_internal/icon-button-link.js.map +1 -0
- package/_internal/icon-button.d.ts +7 -0
- package/_internal/icon-button.js +3 -0
- package/_internal/icon-button.js.map +1 -0
- package/_internal/icon.d.ts +6 -0
- package/_internal/icon.js +2 -0
- package/_internal/icon.js.map +1 -0
- package/_internal/isComponent.js +15 -0
- package/_internal/isComponent.js.map +1 -0
- package/_internal/item.d.ts +8 -0
- package/_internal/item.js +2 -0
- package/_internal/item.js.map +1 -0
- package/_internal/link-button.d.ts +8 -0
- package/_internal/link-button.js +2 -0
- package/_internal/link-button.js.map +1 -0
- package/_internal/link.d.ts +8 -0
- package/_internal/link.js +3 -0
- package/_internal/link.js.map +1 -0
- package/_internal/listbox.d.ts +6 -0
- package/_internal/listbox.js +3 -0
- package/_internal/listbox.js.map +1 -0
- package/_internal/number-field.d.ts +9 -0
- package/_internal/number-field.js +2 -0
- package/_internal/number-field.js.map +1 -0
- package/_internal/number.d.ts +7 -0
- package/_internal/number.js +2 -0
- package/_internal/number.js.map +1 -0
- package/_internal/partitionComponents.js +26 -0
- package/_internal/pill.d.ts +6 -0
- package/_internal/pill.js +2 -0
- package/_internal/pill.js.map +1 -0
- package/_internal/progress-bar.d.ts +5 -0
- package/_internal/progress-bar.js +2 -0
- package/_internal/progress-bar.js.map +1 -0
- package/_internal/radio-group.d.ts +6 -0
- package/_internal/radio-group.js +2 -0
- package/_internal/radio-group.js.map +1 -0
- package/_internal/radio.d.ts +6 -0
- package/_internal/radio.js +2 -0
- package/_internal/radio.js.map +1 -0
- package/_internal/redsift-design-tokens.js +1391 -0
- package/_internal/shared.d.ts +5 -0
- package/_internal/shared.js +2 -0
- package/_internal/shared.js.map +1 -0
- package/_internal/shield.d.ts +6 -0
- package/_internal/shield.js +2 -0
- package/_internal/shield.js.map +1 -0
- package/_internal/side-navigation-menu-bar.d.ts +9 -0
- package/_internal/side-navigation-menu-bar.js +3 -0
- package/_internal/side-navigation-menu-bar.js.map +1 -0
- package/_internal/side-navigation-menu-item.d.ts +8 -0
- package/_internal/side-navigation-menu-item.js +2 -0
- package/_internal/side-navigation-menu-item.js.map +1 -0
- package/_internal/side-navigation-menu.d.ts +8 -0
- package/_internal/side-navigation-menu.js +2 -0
- package/_internal/side-navigation-menu.js.map +1 -0
- package/_internal/skeleton-circle.d.ts +7 -0
- package/_internal/skeleton-circle.js +2 -0
- package/_internal/skeleton-circle.js.map +1 -0
- package/_internal/skeleton-text.d.ts +7 -0
- package/_internal/skeleton-text.js +3 -0
- package/_internal/skeleton-text.js.map +1 -0
- package/_internal/skeleton.d.ts +8 -0
- package/_internal/skeleton.js +2 -0
- package/_internal/skeleton.js.map +1 -0
- package/_internal/spinner.d.ts +5 -0
- package/_internal/spinner.js +2 -0
- package/_internal/spinner.js.map +1 -0
- package/_internal/styles.d.ts +17 -0
- package/_internal/styles.d2.ts +283 -0
- package/_internal/styles.js +235 -0
- package/_internal/styles.js.map +1 -0
- package/_internal/styles2.js +47 -0
- package/_internal/styles2.js.map +1 -0
- package/_internal/styles3.js +145 -0
- package/_internal/styles3.js.map +1 -0
- package/_internal/styles4.js +250 -0
- package/_internal/styles4.js.map +1 -0
- package/_internal/styles5.js +143 -0
- package/_internal/styles5.js.map +1 -0
- package/_internal/styles6.js +84 -0
- package/_internal/styles6.js.map +1 -0
- package/_internal/switch-group.d.ts +6 -0
- package/_internal/switch-group.js +2 -0
- package/_internal/switch-group.js.map +1 -0
- package/_internal/switch.d.ts +6 -0
- package/_internal/switch.js +2 -0
- package/_internal/switch.js.map +1 -0
- package/_internal/text-area.d.ts +9 -0
- package/_internal/text-area.js +2 -0
- package/_internal/text-area.js.map +1 -0
- package/_internal/text-field.d.ts +10 -0
- package/_internal/text-field.js +2 -0
- package/_internal/text-field.js.map +1 -0
- package/_internal/text.d.ts +7 -0
- package/_internal/text.js +3 -0
- package/_internal/text.js.map +1 -0
- package/_internal/theme.d.ts +4 -0
- package/_internal/theme.js +2 -0
- package/_internal/theme.js.map +1 -0
- package/_internal/types.d.ts +39 -0
- package/_internal/types.d10.ts +20 -0
- package/_internal/types.d11.ts +27 -0
- package/_internal/types.d12.ts +35 -0
- package/_internal/types.d13.ts +143 -0
- package/_internal/types.d14.ts +11 -0
- package/_internal/types.d15.ts +62 -0
- package/_internal/types.d16.ts +56 -0
- package/_internal/types.d17.ts +57 -0
- package/_internal/types.d18.ts +40 -0
- package/_internal/types.d19.ts +101 -0
- package/_internal/types.d2.ts +37 -0
- package/_internal/types.d20.ts +47 -0
- package/_internal/types.d21.ts +68 -0
- package/_internal/types.d22.ts +52 -0
- package/_internal/types.d23.ts +174 -0
- package/_internal/types.d24.ts +18 -0
- package/_internal/types.d25.ts +12 -0
- package/_internal/types.d26.ts +36 -0
- package/_internal/types.d27.ts +72 -0
- package/_internal/types.d28.ts +73 -0
- package/_internal/types.d29.ts +99 -0
- package/_internal/types.d3.ts +23 -0
- package/_internal/types.d4.ts +67 -0
- package/_internal/types.d5.ts +11 -0
- package/_internal/types.d6.ts +11 -0
- package/_internal/types.d7.ts +28 -0
- package/_internal/types.d8.ts +72 -0
- package/_internal/types.d9.ts +16 -0
- package/_internal/types.js +15 -0
- package/_internal/types.js.map +1 -0
- package/_internal/types2.js +26 -0
- package/_internal/types2.js.map +1 -0
- package/_internal/types3.js +20 -0
- package/_internal/types3.js.map +1 -0
- package/_internal/useAppSidePanel.d.ts +12 -0
- package/_internal/useAppSidePanel.js +337 -0
- package/_internal/useAppSidePanel.js.map +1 -0
- package/_internal/useFocusOnList.d.ts +83 -0
- package/_internal/useFocusOnList.js +541 -0
- package/_internal/useFocusOnList.js.map +1 -0
- package/_internal/useFocusOnListItem.js +203 -0
- package/_internal/useFocusOnListItem.js.map +1 -0
- package/_internal/useFocusRing.js +669 -0
- package/_internal/useFocusRing.js.map +1 -0
- package/_internal/useId.js +42 -0
- package/_internal/useId.js.map +1 -0
- package/_internal/useIsLoaded.js +14 -0
- package/_internal/useListboxItem.d.ts +32 -0
- package/_internal/useListboxItem.js +129 -0
- package/_internal/useListboxItem.js.map +1 -0
- package/_internal/useMessageFormatter.js +143 -0
- package/_internal/useMessageFormatter.js.map +1 -0
- package/_internal/useNumberFormatter.js +239 -0
- package/_internal/useNumberFormatter.js.map +1 -0
- package/_internal/useSideNavigationMenuBar.d.ts +9 -0
- package/_internal/useSideNavigationMenuBar.js +373 -0
- package/_internal/useSideNavigationMenuBar.js.map +1 -0
- package/_internal/useTheme.d.ts +13 -0
- package/_internal/useTheme.js +15 -0
- package/_internal/useTheme.js.map +1 -0
- package/_internal/warnIfNoAccessibleLabelFound.js +20 -0
- package/index.d.ts +1738 -157
- package/index.js +586 -121
- package/index.js.map +1 -1
- package/package.json +2 -7
- package/_virtual/_rollupPluginBabelHelpers.js +0 -133
- package/components/alert/Alert.d.ts +0 -9
- package/components/alert/Alert.js +0 -117
- package/components/alert/Alert.js.map +0 -1
- package/components/alert/intl/en-US.json.js +0 -7
- package/components/alert/intl/en-US.json.js.map +0 -1
- package/components/alert/intl/fr-FR.json.js +0 -7
- package/components/alert/intl/fr-FR.json.js.map +0 -1
- package/components/alert/intl/index.js +0 -10
- package/components/alert/intl/index.js.map +0 -1
- package/components/alert/styles.js +0 -54
- package/components/alert/styles.js.map +0 -1
- package/components/alert/types.d.ts +0 -49
- package/components/alert/types.js +0 -20
- package/components/alert/types.js.map +0 -1
- package/components/app-bar/AppBar.d.ts +0 -9
- package/components/app-bar/AppBar.js +0 -95
- package/components/app-bar/AppBar.js.map +0 -1
- package/components/app-bar/intl/en-US.json.js +0 -9
- package/components/app-bar/intl/en-US.json.js.map +0 -1
- package/components/app-bar/intl/fr-FR.json.js +0 -9
- package/components/app-bar/intl/fr-FR.json.js.map +0 -1
- package/components/app-bar/intl/index.js +0 -10
- package/components/app-bar/intl/index.js.map +0 -1
- package/components/app-bar/styles.js +0 -139
- package/components/app-bar/styles.js.map +0 -1
- package/components/app-bar/types.d.ts +0 -31
- package/components/app-container/AppContainer.d.ts +0 -11
- package/components/app-container/AppContainer.js +0 -117
- package/components/app-container/AppContainer.js.map +0 -1
- package/components/app-container/context.d.ts +0 -6
- package/components/app-container/context.js +0 -6
- package/components/app-container/context.js.map +0 -1
- package/components/app-container/styles.js +0 -30
- package/components/app-container/styles.js.map +0 -1
- package/components/app-container/types.d.ts +0 -51
- package/components/app-content/AppContent.d.ts +0 -9
- package/components/app-content/AppContent.js +0 -42
- package/components/app-content/AppContent.js.map +0 -1
- package/components/app-content/styles.js +0 -54
- package/components/app-content/styles.js.map +0 -1
- package/components/app-content/types.d.ts +0 -19
- package/components/app-side-panel/AppSidePanel.d.ts +0 -9
- package/components/app-side-panel/AppSidePanel.js +0 -86
- package/components/app-side-panel/AppSidePanel.js.map +0 -1
- package/components/app-side-panel/intl/en-US.json.js +0 -9
- package/components/app-side-panel/intl/en-US.json.js.map +0 -1
- package/components/app-side-panel/intl/fr-FR.json.js +0 -9
- package/components/app-side-panel/intl/fr-FR.json.js.map +0 -1
- package/components/app-side-panel/intl/index.js +0 -10
- package/components/app-side-panel/intl/index.js.map +0 -1
- package/components/app-side-panel/styles.js +0 -183
- package/components/app-side-panel/styles.js.map +0 -1
- package/components/app-side-panel/types.d.ts +0 -39
- package/components/app-side-panel/types.js +0 -15
- package/components/app-side-panel/types.js.map +0 -1
- package/components/app-side-panel/useAppSidePanel.d.ts +0 -6
- package/components/app-side-panel/useAppSidePanel.js +0 -23
- package/components/app-side-panel/useAppSidePanel.js.map +0 -1
- package/components/badge/Badge.d.ts +0 -9
- package/components/badge/Badge.js +0 -44
- package/components/badge/Badge.js.map +0 -1
- package/components/badge/styles.js +0 -93
- package/components/badge/styles.js.map +0 -1
- package/components/badge/types.d.ts +0 -37
- package/components/badge/types.js +0 -14
- package/components/badge/types.js.map +0 -1
- package/components/breadcrumb-item/BreadcrumbItem.d.ts +0 -9
- package/components/breadcrumb-item/BreadcrumbItem.js +0 -47
- package/components/breadcrumb-item/BreadcrumbItem.js.map +0 -1
- package/components/breadcrumb-item/styles.js +0 -48
- package/components/breadcrumb-item/styles.js.map +0 -1
- package/components/breadcrumb-item/types.d.ts +0 -23
- package/components/breadcrumbs/Breadcrumbs.d.ts +0 -13
- package/components/breadcrumbs/Breadcrumbs.js +0 -61
- package/components/breadcrumbs/Breadcrumbs.js.map +0 -1
- package/components/breadcrumbs/styles.js +0 -38
- package/components/breadcrumbs/styles.js.map +0 -1
- package/components/breadcrumbs/types.d.ts +0 -19
- package/components/button/Button.d.ts +0 -13
- package/components/button/Button.js +0 -92
- package/components/button/Button.js.map +0 -1
- package/components/button/styles.d.ts +0 -20
- package/components/button/styles.js +0 -219
- package/components/button/styles.js.map +0 -1
- package/components/button/types.d.ts +0 -67
- package/components/button/types.js +0 -19
- package/components/button/types.js.map +0 -1
- package/components/button-group/ButtonGroup.d.ts +0 -9
- package/components/button-group/ButtonGroup.js +0 -67
- package/components/button-group/ButtonGroup.js.map +0 -1
- package/components/button-group/styles.js +0 -103
- package/components/button-group/styles.js.map +0 -1
- package/components/button-group/types.d.ts +0 -36
- package/components/button-group/types.js +0 -19
- package/components/button-group/types.js.map +0 -1
- package/components/button-link/ButtonLink.d.ts +0 -13
- package/components/button-link/ButtonLink.js +0 -85
- package/components/button-link/ButtonLink.js.map +0 -1
- package/components/button-link/types.d.ts +0 -18
- package/components/card/Card.d.ts +0 -13
- package/components/card/Card.js +0 -81
- package/components/card/Card.js.map +0 -1
- package/components/card/intl/en-US.json.js +0 -9
- package/components/card/intl/en-US.json.js.map +0 -1
- package/components/card/intl/fr-FR.json.js +0 -9
- package/components/card/intl/fr-FR.json.js.map +0 -1
- package/components/card/intl/index.js +0 -10
- package/components/card/intl/index.js.map +0 -1
- package/components/card/styles.js +0 -63
- package/components/card/styles.js.map +0 -1
- package/components/card/types.d.ts +0 -25
- package/components/card-actions/CardActions.d.ts +0 -9
- package/components/card-actions/CardActions.js +0 -33
- package/components/card-actions/CardActions.js.map +0 -1
- package/components/card-actions/styles.js +0 -15
- package/components/card-actions/styles.js.map +0 -1
- package/components/card-actions/types.d.ts +0 -11
- package/components/card-body/CardBody.d.ts +0 -9
- package/components/card-body/CardBody.js +0 -28
- package/components/card-body/CardBody.js.map +0 -1
- package/components/card-body/styles.js +0 -18
- package/components/card-body/styles.js.map +0 -1
- package/components/card-body/types.d.ts +0 -11
- package/components/card-header/CardHeader.d.ts +0 -9
- package/components/card-header/CardHeader.js +0 -56
- package/components/card-header/CardHeader.js.map +0 -1
- package/components/card-header/styles.js +0 -31
- package/components/card-header/styles.js.map +0 -1
- package/components/card-header/types.d.ts +0 -28
- package/components/checkbox/Checkbox.d.ts +0 -11
- package/components/checkbox/Checkbox.js +0 -135
- package/components/checkbox/Checkbox.js.map +0 -1
- package/components/checkbox/styles.js +0 -113
- package/components/checkbox/styles.js.map +0 -1
- package/components/checkbox/types.d.ts +0 -60
- package/components/checkbox-group/CheckboxGroup.d.ts +0 -10
- package/components/checkbox-group/CheckboxGroup.js +0 -101
- package/components/checkbox-group/CheckboxGroup.js.map +0 -1
- package/components/checkbox-group/context.js +0 -6
- package/components/checkbox-group/context.js.map +0 -1
- package/components/checkbox-group/styles.js +0 -78
- package/components/checkbox-group/styles.js.map +0 -1
- package/components/checkbox-group/types.d.ts +0 -72
- package/components/checkbox-group/types.js +0 -18
- package/components/checkbox-group/types.js.map +0 -1
- package/components/conditional-wrapper/ConditionalWrapper.d.ts +0 -6
- package/components/conditional-wrapper/ConditionalWrapper.js +0 -13
- package/components/conditional-wrapper/ConditionalWrapper.js.map +0 -1
- package/components/conditional-wrapper/types.d.ts +0 -10
- package/components/detailed-card/DetailedCard.d.ts +0 -15
- package/components/detailed-card/DetailedCard.js +0 -170
- package/components/detailed-card/DetailedCard.js.map +0 -1
- package/components/detailed-card/intl/en-US.json.js +0 -7
- package/components/detailed-card/intl/en-US.json.js.map +0 -1
- package/components/detailed-card/intl/fr-FR.json.js +0 -7
- package/components/detailed-card/intl/fr-FR.json.js.map +0 -1
- package/components/detailed-card/intl/index.js +0 -10
- package/components/detailed-card/intl/index.js.map +0 -1
- package/components/detailed-card/styles.js +0 -49
- package/components/detailed-card/styles.js.map +0 -1
- package/components/detailed-card/types.d.ts +0 -49
- package/components/detailed-card-collapsible-section-items/DetailedCardCollapsibleSectionItems.d.ts +0 -9
- package/components/detailed-card-collapsible-section-items/DetailedCardCollapsibleSectionItems.js +0 -33
- package/components/detailed-card-collapsible-section-items/DetailedCardCollapsibleSectionItems.js.map +0 -1
- package/components/detailed-card-collapsible-section-items/styles.js +0 -35
- package/components/detailed-card-collapsible-section-items/styles.js.map +0 -1
- package/components/detailed-card-collapsible-section-items/types.d.ts +0 -16
- package/components/detailed-card-header/DetailedCardHeader.d.ts +0 -9
- package/components/detailed-card-header/DetailedCardHeader.js +0 -45
- package/components/detailed-card-header/DetailedCardHeader.js.map +0 -1
- package/components/detailed-card-header/styles.js +0 -26
- package/components/detailed-card-header/styles.js.map +0 -1
- package/components/detailed-card-header/types.d.ts +0 -20
- package/components/detailed-card-section/DetailedCardSection.d.ts +0 -9
- package/components/detailed-card-section/DetailedCardSection.js +0 -90
- package/components/detailed-card-section/DetailedCardSection.js.map +0 -1
- package/components/detailed-card-section/intl/en-US.json.js +0 -9
- package/components/detailed-card-section/intl/en-US.json.js.map +0 -1
- package/components/detailed-card-section/intl/fr-FR.json.js +0 -9
- package/components/detailed-card-section/intl/fr-FR.json.js.map +0 -1
- package/components/detailed-card-section/intl/index.js +0 -10
- package/components/detailed-card-section/intl/index.js.map +0 -1
- package/components/detailed-card-section/styles.js +0 -69
- package/components/detailed-card-section/styles.js.map +0 -1
- package/components/detailed-card-section/types.d.ts +0 -27
- package/components/detailed-card-section-item/DetailedCardSectionItem.d.ts +0 -9
- package/components/detailed-card-section-item/DetailedCardSectionItem.js +0 -64
- package/components/detailed-card-section-item/DetailedCardSectionItem.js.map +0 -1
- package/components/detailed-card-section-item/styles.js +0 -34
- package/components/detailed-card-section-item/styles.js.map +0 -1
- package/components/detailed-card-section-item/types.d.ts +0 -35
- package/components/flexbox/Flexbox.d.ts +0 -9
- package/components/flexbox/Flexbox.js +0 -44
- package/components/flexbox/Flexbox.js.map +0 -1
- package/components/flexbox/styles.js +0 -54
- package/components/flexbox/styles.js.map +0 -1
- package/components/flexbox/types.d.ts +0 -24
- package/components/focus-within-group/FocusWithinGroup.d.ts +0 -41
- package/components/focus-within-group/FocusWithinGroup.js +0 -91
- package/components/focus-within-group/FocusWithinGroup.js.map +0 -1
- package/components/focus-within-group/context.d.ts +0 -7
- package/components/focus-within-group/context.js +0 -21
- package/components/focus-within-group/context.js.map +0 -1
- package/components/focus-within-group/reducer.d.ts +0 -5
- package/components/focus-within-group/reducer.js +0 -419
- package/components/focus-within-group/reducer.js.map +0 -1
- package/components/focus-within-group/types.d.ts +0 -143
- package/components/focus-within-group/types.js +0 -42
- package/components/focus-within-group/types.js.map +0 -1
- package/components/focus-within-group/useFocusOnList.d.ts +0 -5
- package/components/focus-within-group/useFocusOnList.js +0 -44
- package/components/focus-within-group/useFocusOnList.js.map +0 -1
- package/components/focus-within-group/useFocusOnListItem.d.ts +0 -39
- package/components/focus-within-group/useFocusOnListItem.js +0 -148
- package/components/focus-within-group/useFocusOnListItem.js.map +0 -1
- package/components/gradient-border/index.d.ts +0 -14
- package/components/gradient-border/index.js +0 -38
- package/components/gradient-border/index.js.map +0 -1
- package/components/grid/Grid.d.ts +0 -13
- package/components/grid/Grid.js +0 -45
- package/components/grid/Grid.js.map +0 -1
- package/components/grid/styles.js +0 -55
- package/components/grid/styles.js.map +0 -1
- package/components/grid/types.d.ts +0 -22
- package/components/grid-item/GridItem.d.ts +0 -9
- package/components/grid-item/GridItem.js +0 -28
- package/components/grid-item/GridItem.js.map +0 -1
- package/components/grid-item/styles.js +0 -16
- package/components/grid-item/styles.js.map +0 -1
- package/components/grid-item/types.d.ts +0 -11
- package/components/heading/Heading.d.ts +0 -9
- package/components/heading/Heading.js +0 -50
- package/components/heading/Heading.js.map +0 -1
- package/components/heading/styles.js +0 -67
- package/components/heading/styles.js.map +0 -1
- package/components/heading/types.d.ts +0 -62
- package/components/heading/types.js +0 -26
- package/components/heading/types.js.map +0 -1
- package/components/icon/Icon.d.ts +0 -10
- package/components/icon/Icon.js +0 -116
- package/components/icon/Icon.js.map +0 -1
- package/components/icon/styles.js +0 -84
- package/components/icon/styles.js.map +0 -1
- package/components/icon/types.d.ts +0 -57
- package/components/icon/types.js +0 -18
- package/components/icon/types.js.map +0 -1
- package/components/icon-button/IconButton.d.ts +0 -12
- package/components/icon-button/IconButton.js +0 -81
- package/components/icon-button/IconButton.js.map +0 -1
- package/components/icon-button/styles.js +0 -31
- package/components/icon-button/styles.js.map +0 -1
- package/components/icon-button/types.d.ts +0 -56
- package/components/icon-button/types.js +0 -19
- package/components/icon-button/types.js.map +0 -1
- package/components/icon-button-link/IconButtonLink.d.ts +0 -13
- package/components/icon-button-link/IconButtonLink.js +0 -76
- package/components/icon-button-link/IconButtonLink.js.map +0 -1
- package/components/icon-button-link/types.d.ts +0 -18
- package/components/item/Item.d.ts +0 -10
- package/components/item/Item.js +0 -225
- package/components/item/Item.js.map +0 -1
- package/components/item/styles.d.ts +0 -20
- package/components/item/styles.js +0 -129
- package/components/item/styles.js.map +0 -1
- package/components/item/types.d.ts +0 -59
- package/components/item/useMenuItem.js +0 -55
- package/components/item/useMenuItem.js.map +0 -1
- package/components/link/Link.d.ts +0 -14
- package/components/link/Link.js +0 -67
- package/components/link/Link.js.map +0 -1
- package/components/link/styles.d.ts +0 -15
- package/components/link/styles.js +0 -145
- package/components/link/styles.js.map +0 -1
- package/components/link/types.d.ts +0 -40
- package/components/link-button/LinkButton.d.ts +0 -13
- package/components/link-button/LinkButton.js +0 -66
- package/components/link-button/LinkButton.js.map +0 -1
- package/components/link-button/types.d.ts +0 -13
- package/components/listbox/ActiveDescendantListbox.d.ts +0 -8
- package/components/listbox/ActiveDescendantListbox.js +0 -74
- package/components/listbox/ActiveDescendantListbox.js.map +0 -1
- package/components/listbox/Listbox.d.ts +0 -10
- package/components/listbox/Listbox.js +0 -110
- package/components/listbox/Listbox.js.map +0 -1
- package/components/listbox/RovingTabindexListbox.d.ts +0 -8
- package/components/listbox/RovingTabindexListbox.js +0 -30
- package/components/listbox/RovingTabindexListbox.js.map +0 -1
- package/components/listbox/context.d.ts +0 -7
- package/components/listbox/context.js +0 -15
- package/components/listbox/context.js.map +0 -1
- package/components/listbox/reducer.d.ts +0 -5
- package/components/listbox/reducer.js +0 -45
- package/components/listbox/reducer.js.map +0 -1
- package/components/listbox/styles.js +0 -44
- package/components/listbox/styles.js.map +0 -1
- package/components/listbox/types.d.ts +0 -101
- package/components/listbox/types.js +0 -32
- package/components/listbox/types.js.map +0 -1
- package/components/listbox/useListboxItem.d.ts +0 -12
- package/components/listbox/useListboxItem.js +0 -90
- package/components/listbox/useListboxItem.js.map +0 -1
- package/components/number/Number.d.ts +0 -9
- package/components/number/Number.js +0 -105
- package/components/number/Number.js.map +0 -1
- package/components/number/styles.js +0 -10
- package/components/number/styles.js.map +0 -1
- package/components/number/types.d.ts +0 -63
- package/components/number-field/NumberField.d.ts +0 -10
- package/components/number-field/NumberField.js +0 -216
- package/components/number-field/NumberField.js.map +0 -1
- package/components/number-field/styles.js +0 -240
- package/components/number-field/styles.js.map +0 -1
- package/components/number-field/types.d.ts +0 -74
- package/components/number-field/types.js +0 -14
- package/components/number-field/types.js.map +0 -1
- package/components/pill/Pill.d.ts +0 -9
- package/components/pill/Pill.js +0 -93
- package/components/pill/Pill.js.map +0 -1
- package/components/pill/styles.js +0 -305
- package/components/pill/styles.js.map +0 -1
- package/components/pill/types.d.ts +0 -47
- package/components/pill/types.js +0 -15
- package/components/pill/types.js.map +0 -1
- package/components/progress-bar/ProgressBar.d.ts +0 -9
- package/components/progress-bar/ProgressBar.js +0 -35
- package/components/progress-bar/ProgressBar.js.map +0 -1
- package/components/progress-bar/styles.js +0 -38
- package/components/progress-bar/styles.js.map +0 -1
- package/components/progress-bar/types.d.ts +0 -20
- package/components/radio/Radio.d.ts +0 -11
- package/components/radio/Radio.js +0 -128
- package/components/radio/Radio.js.map +0 -1
- package/components/radio/styles.js +0 -113
- package/components/radio/styles.js.map +0 -1
- package/components/radio/types.d.ts +0 -58
- package/components/radio-group/RadioGroup.d.ts +0 -10
- package/components/radio-group/RadioGroup.js +0 -89
- package/components/radio-group/RadioGroup.js.map +0 -1
- package/components/radio-group/context.js +0 -6
- package/components/radio-group/context.js.map +0 -1
- package/components/radio-group/styles.js +0 -78
- package/components/radio-group/styles.js.map +0 -1
- package/components/radio-group/types.d.ts +0 -68
- package/components/radio-group/types.js +0 -18
- package/components/radio-group/types.js.map +0 -1
- package/components/shared/styles.d.ts +0 -17
- package/components/shared/styles.js +0 -250
- package/components/shared/styles.js.map +0 -1
- package/components/shield/Shield.d.ts +0 -9
- package/components/shield/Shield.js +0 -136
- package/components/shield/Shield.js.map +0 -1
- package/components/shield/styles.js +0 -71
- package/components/shield/styles.js.map +0 -1
- package/components/shield/types.d.ts +0 -52
- package/components/shield/types.js +0 -25
- package/components/shield/types.js.map +0 -1
- package/components/side-navigation-menu/SideNavigationMenu.d.ts +0 -9
- package/components/side-navigation-menu/SideNavigationMenu.js +0 -367
- package/components/side-navigation-menu/SideNavigationMenu.js.map +0 -1
- package/components/side-navigation-menu/context.js +0 -6
- package/components/side-navigation-menu/context.js.map +0 -1
- package/components/side-navigation-menu/reducer.js +0 -26
- package/components/side-navigation-menu/reducer.js.map +0 -1
- package/components/side-navigation-menu/styles.js +0 -196
- package/components/side-navigation-menu/styles.js.map +0 -1
- package/components/side-navigation-menu/types.d.ts +0 -72
- package/components/side-navigation-menu/types.js +0 -21
- package/components/side-navigation-menu/types.js.map +0 -1
- package/components/side-navigation-menu-bar/SideNavigationMenuBar.d.ts +0 -9
- package/components/side-navigation-menu-bar/SideNavigationMenuBar.js +0 -217
- package/components/side-navigation-menu-bar/SideNavigationMenuBar.js.map +0 -1
- package/components/side-navigation-menu-bar/context.js +0 -6
- package/components/side-navigation-menu-bar/context.js.map +0 -1
- package/components/side-navigation-menu-bar/styles.js +0 -89
- package/components/side-navigation-menu-bar/styles.js.map +0 -1
- package/components/side-navigation-menu-bar/types.d.ts +0 -65
- package/components/side-navigation-menu-bar/types.js +0 -22
- package/components/side-navigation-menu-bar/types.js.map +0 -1
- package/components/side-navigation-menu-bar/useSideNavigationMenuBar.d.ts +0 -9
- package/components/side-navigation-menu-bar/useSideNavigationMenuBar.js +0 -70
- package/components/side-navigation-menu-bar/useSideNavigationMenuBar.js.map +0 -1
- package/components/side-navigation-menu-item/SideNavigationMenuItem.d.ts +0 -9
- package/components/side-navigation-menu-item/SideNavigationMenuItem.js +0 -115
- package/components/side-navigation-menu-item/SideNavigationMenuItem.js.map +0 -1
- package/components/side-navigation-menu-item/styles.js +0 -174
- package/components/side-navigation-menu-item/styles.js.map +0 -1
- package/components/side-navigation-menu-item/types.d.ts +0 -51
- package/components/skeleton/Skeleton.d.ts +0 -15
- package/components/skeleton/Skeleton.js +0 -42
- package/components/skeleton/Skeleton.js.map +0 -1
- package/components/skeleton/styles.js +0 -84
- package/components/skeleton/styles.js.map +0 -1
- package/components/skeleton/types.d.ts +0 -18
- package/components/skeleton-circle/SkeletonCircle.d.ts +0 -9
- package/components/skeleton-circle/SkeletonCircle.js +0 -36
- package/components/skeleton-circle/SkeletonCircle.js.map +0 -1
- package/components/skeleton-circle/styles.js +0 -26
- package/components/skeleton-circle/styles.js.map +0 -1
- package/components/skeleton-circle/types.d.ts +0 -12
- package/components/skeleton-text/SkeletonText.d.ts +0 -9
- package/components/skeleton-text/SkeletonText.js +0 -42
- package/components/skeleton-text/SkeletonText.js.map +0 -1
- package/components/skeleton-text/styles.js +0 -39
- package/components/skeleton-text/styles.js.map +0 -1
- package/components/skeleton-text/types.d.ts +0 -36
- package/components/skeleton-text/types.js +0 -20
- package/components/skeleton-text/types.js.map +0 -1
- package/components/spinner/Spinner.d.ts +0 -9
- package/components/spinner/Spinner.js +0 -82
- package/components/spinner/Spinner.js.map +0 -1
- package/components/spinner/images/spinner-grey-l1.svg.js +0 -4
- package/components/spinner/images/spinner-grey-l1.svg.js.map +0 -1
- package/components/spinner/images/spinner-grey-l2.svg.js +0 -4
- package/components/spinner/images/spinner-grey-l2.svg.js.map +0 -1
- package/components/spinner/images/spinner-grey-l3.svg.js +0 -4
- package/components/spinner/images/spinner-grey-l3.svg.js.map +0 -1
- package/components/spinner/images/spinner-primary-n.svg.js +0 -4
- package/components/spinner/images/spinner-primary-n.svg.js.map +0 -1
- package/components/spinner/intl/en-US.json.js +0 -7
- package/components/spinner/intl/en-US.json.js.map +0 -1
- package/components/spinner/intl/fr-FR.json.js +0 -7
- package/components/spinner/intl/fr-FR.json.js.map +0 -1
- package/components/spinner/intl/index.js +0 -10
- package/components/spinner/intl/index.js.map +0 -1
- package/components/spinner/styles.js +0 -13
- package/components/spinner/styles.js.map +0 -1
- package/components/spinner/types.d.ts +0 -38
- package/components/spinner/types.js +0 -16
- package/components/spinner/types.js.map +0 -1
- package/components/switch/Switch.d.ts +0 -11
- package/components/switch/Switch.js +0 -137
- package/components/switch/Switch.js.map +0 -1
- package/components/switch/styles.js +0 -187
- package/components/switch/styles.js.map +0 -1
- package/components/switch/types.d.ts +0 -58
- package/components/switch-group/SwitchGroup.d.ts +0 -10
- package/components/switch-group/SwitchGroup.js +0 -101
- package/components/switch-group/SwitchGroup.js.map +0 -1
- package/components/switch-group/context.js +0 -6
- package/components/switch-group/context.js.map +0 -1
- package/components/switch-group/styles.js +0 -78
- package/components/switch-group/styles.js.map +0 -1
- package/components/switch-group/types.d.ts +0 -72
- package/components/switch-group/types.js +0 -18
- package/components/switch-group/types.js.map +0 -1
- package/components/text/Text.d.ts +0 -9
- package/components/text/Text.js +0 -51
- package/components/text/Text.js.map +0 -1
- package/components/text/styles.js +0 -112
- package/components/text/styles.js.map +0 -1
- package/components/text/types.d.ts +0 -73
- package/components/text/types.js +0 -34
- package/components/text/types.js.map +0 -1
- package/components/text-area/TextArea.d.ts +0 -10
- package/components/text-area/TextArea.js +0 -165
- package/components/text-area/TextArea.js.map +0 -1
- package/components/text-area/styles.js +0 -240
- package/components/text-area/styles.js.map +0 -1
- package/components/text-area/types.d.ts +0 -28
- package/components/text-area/types.js +0 -14
- package/components/text-area/types.js.map +0 -1
- package/components/text-field/TextField.d.ts +0 -10
- package/components/text-field/TextField.js +0 -197
- package/components/text-field/TextField.js.map +0 -1
- package/components/text-field/intl/en-US.json.js +0 -8
- package/components/text-field/intl/en-US.json.js.map +0 -1
- package/components/text-field/intl/fr-FR.json.js +0 -8
- package/components/text-field/intl/fr-FR.json.js.map +0 -1
- package/components/text-field/intl/index.js +0 -10
- package/components/text-field/intl/index.js.map +0 -1
- package/components/text-field/styles.d.ts +0 -22
- package/components/text-field/styles.js +0 -252
- package/components/text-field/styles.js.map +0 -1
- package/components/text-field/types.d.ts +0 -99
- package/components/text-field/types.js +0 -18
- package/components/text-field/types.js.map +0 -1
- package/components/theme/context.d.ts +0 -11
- package/components/theme/context.js +0 -7
- package/components/theme/context.js.map +0 -1
- package/components/theme/useTheme.d.ts +0 -5
- package/components/theme/useTheme.js +0 -13
- package/components/theme/useTheme.js.map +0 -1
- package/hooks/useBoundingRect.d.ts +0 -8
- package/hooks/useBoundingRect.js +0 -17
- package/hooks/useBoundingRect.js.map +0 -1
- package/hooks/useComputeNumberOfRows.d.ts +0 -15
- package/hooks/useComputeNumberOfRows.js +0 -40
- package/hooks/useComputeNumberOfRows.js.map +0 -1
- package/hooks/useIsLoaded.d.ts +0 -5
- package/hooks/useIsLoaded.js +0 -14
- package/hooks/useWindowSize.d.ts +0 -8
- package/hooks/useWindowSize.js +0 -42
- package/hooks/useWindowSize.js.map +0 -1
- package/react-aria/internationalized/date/DateFormatter.d.ts +0 -25
- package/react-aria/internationalized/date/DateFormatter.js +0 -187
- package/react-aria/internationalized/date/DateFormatter.js.map +0 -1
- package/react-aria/internationalized/message/MessageDictionary.d.ts +0 -7
- package/react-aria/internationalized/message/MessageDictionary.js +0 -82
- package/react-aria/internationalized/message/MessageDictionary.js.map +0 -1
- package/react-aria/internationalized/message/MessageFormatter.js +0 -38
- package/react-aria/internationalized/message/MessageFormatter.js.map +0 -1
- package/react-aria/internationalized/number/NumberFormatter.d.ts +0 -6
- package/react-aria/internationalized/number/NumberFormatter.js +0 -222
- package/react-aria/internationalized/number/NumberFormatter.js.map +0 -1
- package/react-aria/internationalized/number/NumberParser.js +0 -288
- package/react-aria/internationalized/number/NumberParser.js.map +0 -1
- package/react-aria/internationalized/string/LocalizedStringDictionary.d.ts +0 -21
- package/react-aria/internationalized/string/LocalizedStringDictionary.js +0 -118
- package/react-aria/internationalized/string/LocalizedStringDictionary.js.map +0 -1
- package/react-aria/internationalized/string/LocalizedStringFormatter.d.ts +0 -21
- package/react-aria/internationalized/string/LocalizedStringFormatter.js +0 -70
- package/react-aria/internationalized/string/LocalizedStringFormatter.js.map +0 -1
- package/react-aria/react-aria/button/useButton.js +0 -95
- package/react-aria/react-aria/button/useButton.js.map +0 -1
- package/react-aria/react-aria/focus/focusSafely.js +0 -33
- package/react-aria/react-aria/focus/focusSafely.js.map +0 -1
- package/react-aria/react-aria/focus/useFocusRing.js +0 -57
- package/react-aria/react-aria/focus/useFocusRing.js.map +0 -1
- package/react-aria/react-aria/focus/useFocusable.js +0 -47
- package/react-aria/react-aria/focus/useFocusable.js.map +0 -1
- package/react-aria/react-aria/form/useFormValidation.js +0 -112
- package/react-aria/react-aria/form/useFormValidation.js.map +0 -1
- package/react-aria/react-aria/i18n/context.d.ts +0 -19
- package/react-aria/react-aria/i18n/context.js +0 -41
- package/react-aria/react-aria/i18n/context.js.map +0 -1
- package/react-aria/react-aria/i18n/useCollator.d.ts +0 -8
- package/react-aria/react-aria/i18n/useCollator.js +0 -25
- package/react-aria/react-aria/i18n/useCollator.js.map +0 -1
- package/react-aria/react-aria/i18n/useDateFormatter.d.ts +0 -13
- package/react-aria/react-aria/i18n/useDateFormatter.js +0 -39
- package/react-aria/react-aria/i18n/useDateFormatter.js.map +0 -1
- package/react-aria/react-aria/i18n/useDefaultLocale.d.ts +0 -10
- package/react-aria/react-aria/i18n/useDefaultLocale.js +0 -67
- package/react-aria/react-aria/i18n/useDefaultLocale.js.map +0 -1
- package/react-aria/react-aria/i18n/useFilter.d.ts +0 -15
- package/react-aria/react-aria/i18n/useFilter.js +0 -58
- package/react-aria/react-aria/i18n/useFilter.js.map +0 -1
- package/react-aria/react-aria/i18n/useListFormatter.d.ts +0 -8
- package/react-aria/react-aria/i18n/useListFormatter.js +0 -20
- package/react-aria/react-aria/i18n/useListFormatter.js.map +0 -1
- package/react-aria/react-aria/i18n/useLocalizedStringFormatter.d.ts +0 -15
- package/react-aria/react-aria/i18n/useLocalizedStringFormatter.js +0 -38
- package/react-aria/react-aria/i18n/useLocalizedStringFormatter.js.map +0 -1
- package/react-aria/react-aria/i18n/useMessageFormatter.d.ts +0 -13
- package/react-aria/react-aria/i18n/useMessageFormatter.js +0 -32
- package/react-aria/react-aria/i18n/useMessageFormatter.js.map +0 -1
- package/react-aria/react-aria/i18n/useNumberFormatter.d.ts +0 -10
- package/react-aria/react-aria/i18n/useNumberFormatter.js +0 -21
- package/react-aria/react-aria/i18n/useNumberFormatter.js.map +0 -1
- package/react-aria/react-aria/i18n/utils.js +0 -49
- package/react-aria/react-aria/i18n/utils.js.map +0 -1
- package/react-aria/react-aria/interactions/context.js +0 -20
- package/react-aria/react-aria/interactions/context.js.map +0 -1
- package/react-aria/react-aria/interactions/createEventHandler.js +0 -48
- package/react-aria/react-aria/interactions/createEventHandler.js.map +0 -1
- package/react-aria/react-aria/interactions/textSelection.js +0 -85
- package/react-aria/react-aria/interactions/textSelection.js.map +0 -1
- package/react-aria/react-aria/interactions/useFocus.js +0 -53
- package/react-aria/react-aria/interactions/useFocus.js.map +0 -1
- package/react-aria/react-aria/interactions/useFocusVisible.js +0 -236
- package/react-aria/react-aria/interactions/useFocusVisible.js.map +0 -1
- package/react-aria/react-aria/interactions/useFocusWithin.js +0 -65
- package/react-aria/react-aria/interactions/useFocusWithin.js.map +0 -1
- package/react-aria/react-aria/interactions/useKeyboard.js +0 -27
- package/react-aria/react-aria/interactions/useKeyboard.js.map +0 -1
- package/react-aria/react-aria/interactions/usePress.js +0 -769
- package/react-aria/react-aria/interactions/usePress.js.map +0 -1
- package/react-aria/react-aria/interactions/useScrollWheel.js +0 -31
- package/react-aria/react-aria/interactions/useScrollWheel.js.map +0 -1
- package/react-aria/react-aria/interactions/utils.js +0 -116
- package/react-aria/react-aria/interactions/utils.js.map +0 -1
- package/react-aria/react-aria/label/useField.js +0 -42
- package/react-aria/react-aria/label/useField.js.map +0 -1
- package/react-aria/react-aria/label/useLabel.js +0 -42
- package/react-aria/react-aria/label/useLabel.js.map +0 -1
- package/react-aria/react-aria/live-announcer/LiveAnnouncer.js +0 -121
- package/react-aria/react-aria/live-announcer/LiveAnnouncer.js.map +0 -1
- package/react-aria/react-aria/numberfield/intl/en-US.json.js +0 -11
- package/react-aria/react-aria/numberfield/intl/en-US.json.js.map +0 -1
- package/react-aria/react-aria/numberfield/intl/fr-FR.json.js +0 -11
- package/react-aria/react-aria/numberfield/intl/fr-FR.json.js.map +0 -1
- package/react-aria/react-aria/numberfield/intl/index.js +0 -10
- package/react-aria/react-aria/numberfield/intl/index.js.map +0 -1
- package/react-aria/react-aria/numberfield/useNumberField.js +0 -294
- package/react-aria/react-aria/numberfield/useNumberField.js.map +0 -1
- package/react-aria/react-aria/spinbutton/intl/en-US.json.js +0 -7
- package/react-aria/react-aria/spinbutton/intl/en-US.json.js.map +0 -1
- package/react-aria/react-aria/spinbutton/intl/fr-FR.json.js +0 -7
- package/react-aria/react-aria/spinbutton/intl/fr-FR.json.js.map +0 -1
- package/react-aria/react-aria/spinbutton/intl/index.js +0 -10
- package/react-aria/react-aria/spinbutton/intl/index.js.map +0 -1
- package/react-aria/react-aria/spinbutton/useSpinButton.js +0 -168
- package/react-aria/react-aria/spinbutton/useSpinButton.js.map +0 -1
- package/react-aria/react-aria/ssr/SSRProvider.d.ts +0 -22
- package/react-aria/react-aria/ssr/SSRProvider.js +0 -157
- package/react-aria/react-aria/ssr/SSRProvider.js.map +0 -1
- package/react-aria/react-aria/textfield/useFormattedTextField.js +0 -142
- package/react-aria/react-aria/textfield/useFormattedTextField.js.map +0 -1
- package/react-aria/react-aria/textfield/useTextField.js +0 -156
- package/react-aria/react-aria/textfield/useTextField.js.map +0 -1
- package/react-aria/react-aria/utils/chain.js +0 -33
- package/react-aria/react-aria/utils/chain.js.map +0 -1
- package/react-aria/react-aria/utils/domHelpers.js +0 -14
- package/react-aria/react-aria/utils/domHelpers.js.map +0 -1
- package/react-aria/react-aria/utils/filterDOMProps.js +0 -45
- package/react-aria/react-aria/utils/filterDOMProps.js.map +0 -1
- package/react-aria/react-aria/utils/focusWithoutScrolling.js +0 -88
- package/react-aria/react-aria/utils/focusWithoutScrolling.js.map +0 -1
- package/react-aria/react-aria/utils/isVirtualEvent.js +0 -51
- package/react-aria/react-aria/utils/isVirtualEvent.js.map +0 -1
- package/react-aria/react-aria/utils/mergeProps.js +0 -48
- package/react-aria/react-aria/utils/mergeProps.js.map +0 -1
- package/react-aria/react-aria/utils/openLink.js +0 -55
- package/react-aria/react-aria/utils/openLink.js.map +0 -1
- package/react-aria/react-aria/utils/platform.js +0 -69
- package/react-aria/react-aria/utils/platform.js.map +0 -1
- package/react-aria/react-aria/utils/runAfterTransition.js +0 -100
- package/react-aria/react-aria/utils/runAfterTransition.js.map +0 -1
- package/react-aria/react-aria/utils/useDeepMemo.js +0 -16
- package/react-aria/react-aria/utils/useDeepMemo.js.map +0 -1
- package/react-aria/react-aria/utils/useEffectEvent.js +0 -31
- package/react-aria/react-aria/utils/useEffectEvent.js.map +0 -1
- package/react-aria/react-aria/utils/useEvent.js +0 -21
- package/react-aria/react-aria/utils/useEvent.js.map +0 -1
- package/react-aria/react-aria/utils/useFormReset.js +0 -23
- package/react-aria/react-aria/utils/useFormReset.js.map +0 -1
- package/react-aria/react-aria/utils/useGlobalListeners.js +0 -44
- package/react-aria/react-aria/utils/useGlobalListeners.js.map +0 -1
- package/react-aria/react-aria/utils/useId.js +0 -86
- package/react-aria/react-aria/utils/useId.js.map +0 -1
- package/react-aria/react-aria/utils/useLabels.js +0 -39
- package/react-aria/react-aria/utils/useLabels.js.map +0 -1
- package/react-aria/react-aria/utils/useLayoutEffect.js +0 -21
- package/react-aria/react-aria/utils/useLayoutEffect.js.map +0 -1
- package/react-aria/react-aria/utils/useSyncRef.js +0 -29
- package/react-aria/react-aria/utils/useSyncRef.js.map +0 -1
- package/react-aria/react-aria/utils/useValueEffect.js +0 -52
- package/react-aria/react-aria/utils/useValueEffect.js.map +0 -1
- package/react-aria/react-stately/form/useFormValidationState.js +0 -191
- package/react-aria/react-stately/form/useFormValidationState.js.map +0 -1
- package/react-aria/react-stately/numberfield/useNumberFieldState.js +0 -196
- package/react-aria/react-stately/numberfield/useNumberFieldState.js.map +0 -1
- package/react-aria/react-stately/utils/number.js +0 -56
- package/react-aria/react-stately/utils/number.js.map +0 -1
- package/react-aria/react-stately/utils/useControlledState.js +0 -68
- package/react-aria/react-stately/utils/useControlledState.js.map +0 -1
- package/react-aria/react-types/shared/locale.d.ts +0 -3
- package/types/colors.d.ts +0 -102
- package/types/colors.js +0 -64
- package/types/colors.js.map +0 -1
- package/types/fonts.d.ts +0 -12
- package/types/fonts.js +0 -10
- package/types/helpers.d.ts +0 -23
- package/types/products.d.ts +0 -40
- package/types/products.js +0 -38
- package/types/products.js.map +0 -1
- package/types/styles.d.ts +0 -283
- package/types/styles.js +0 -161
- package/types/styles.js.map +0 -1
- package/utils/filterComponents.d.ts +0 -12
- package/utils/filterComponents.js +0 -24
- package/utils/filterComponents.js.map +0 -1
- package/utils/getTextWidth.d.ts +0 -6
- package/utils/getTextWidth.js +0 -32
- package/utils/getTextWidth.js.map +0 -1
- package/utils/isComponent.d.ts +0 -12
- package/utils/isComponent.js +0 -15
- package/utils/isComponent.js.map +0 -1
- package/utils/partitionComponents.d.ts +0 -10
- package/utils/partitionComponents.js +0 -26
- package/utils/redsift-design-tokens.d.ts +0 -1389
- package/utils/redsift-design-tokens.js +0 -1391
- package/utils/useId.d.ts +0 -6
- package/utils/useId.js +0 -42
- package/utils/useId.js.map +0 -1
- package/utils/warnIfNoAccessibleLabelFound.d.ts +0 -11
- package/utils/warnIfNoAccessibleLabelFound.js +0 -20
- /package/{_virtual → _internal}/_rollupPluginBabelHelpers.js.map +0 -0
- /package/{types → _internal}/fonts.js.map +0 -0
- /package/{utils → _internal}/partitionComponents.js.map +0 -0
- /package/{utils → _internal}/redsift-design-tokens.js.map +0 -0
- /package/{hooks → _internal}/useIsLoaded.js.map +0 -0
- /package/{utils → _internal}/warnIfNoAccessibleLabelFound.js.map +0 -0
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as styled_components from 'styled-components';
|
|
2
|
-
import { LayoutProps, SpacingProps, InternalSpacingProps, SizingProps, PositioningProps, BorderProps, FlexLayoutProps, GridLayoutProps, StylingProps, ContainerProps } from '../../types/styles.js';
|
|
3
|
-
|
|
4
|
-
declare const baseLayout: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<LayoutProps, any>>;
|
|
5
|
-
declare const baseSpacing: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<SpacingProps, any>>;
|
|
6
|
-
declare const baseInternalSpacing: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<InternalSpacingProps, any>>;
|
|
7
|
-
declare const baseSizing: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<SizingProps, any>>;
|
|
8
|
-
declare const basePositioning: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<PositioningProps, any>>;
|
|
9
|
-
declare const baseBorder: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<BorderProps, any>>;
|
|
10
|
-
declare const baseFlexbox: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<FlexLayoutProps, any>>;
|
|
11
|
-
declare const baseGrid: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<GridLayoutProps, any>>;
|
|
12
|
-
declare const baseStyling: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<StylingProps, any>>;
|
|
13
|
-
declare const baseContainer: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<ContainerProps, any>>;
|
|
14
|
-
declare const focusRing: styled_components.FlattenSimpleInterpolation;
|
|
15
|
-
declare const srOnly: styled_components.FlattenSimpleInterpolation;
|
|
16
|
-
|
|
17
|
-
export { baseBorder, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, focusRing, srOnly };
|
|
@@ -1,250 +0,0 @@
|
|
|
1
|
-
import { css } from 'styled-components';
|
|
2
|
-
|
|
3
|
-
const baseLayout = css`
|
|
4
|
-
${_ref => {
|
|
5
|
-
let {
|
|
6
|
-
flex,
|
|
7
|
-
flexGrow,
|
|
8
|
-
flexShrink,
|
|
9
|
-
flexBasis,
|
|
10
|
-
alignSelf,
|
|
11
|
-
justifySelf,
|
|
12
|
-
order,
|
|
13
|
-
gridArea,
|
|
14
|
-
gridColumn,
|
|
15
|
-
gridRow,
|
|
16
|
-
gridColumnStart,
|
|
17
|
-
gridColumnEnd,
|
|
18
|
-
gridRowStart,
|
|
19
|
-
gridRowEnd
|
|
20
|
-
} = _ref;
|
|
21
|
-
return css`
|
|
22
|
-
${flex ? `flex: ${flex};` : ''}
|
|
23
|
-
${flexGrow !== undefined ? `flex-grow: ${flexGrow};` : ''}
|
|
24
|
-
${flexShrink !== undefined ? `flex-shrink: ${flexShrink};` : ''}
|
|
25
|
-
${flexBasis ? `flex-basis: ${flexBasis};` : ''}
|
|
26
|
-
${alignSelf ? `align-self: ${alignSelf};` : ''}
|
|
27
|
-
${justifySelf ? `justify-self: ${justifySelf};` : ''}
|
|
28
|
-
${order !== undefined ? `order: ${order};` : ''}
|
|
29
|
-
${gridArea ? `grid-area: ${gridArea};` : ''}
|
|
30
|
-
${gridColumn ? `grid-column: ${gridColumn};` : ''}
|
|
31
|
-
${gridRow ? `grid-row: ${gridRow};` : ''}
|
|
32
|
-
${gridColumnStart ? `grid-column-start: ${gridColumnStart};` : ''}
|
|
33
|
-
${gridColumnEnd ? `grid-column-end: ${gridColumnEnd};` : ''}
|
|
34
|
-
${gridRowStart ? `grid-row-start: ${gridRowStart};` : ''}
|
|
35
|
-
${gridRowEnd ? `grid-row-end: ${gridRowEnd};` : ''}
|
|
36
|
-
`;
|
|
37
|
-
}}
|
|
38
|
-
`;
|
|
39
|
-
const baseSpacing = css`
|
|
40
|
-
${_ref2 => {
|
|
41
|
-
let {
|
|
42
|
-
margin,
|
|
43
|
-
marginBottom,
|
|
44
|
-
marginLeft,
|
|
45
|
-
marginRight,
|
|
46
|
-
marginTop
|
|
47
|
-
} = _ref2;
|
|
48
|
-
return css`
|
|
49
|
-
${margin ? `margin: ${margin};` : ''}
|
|
50
|
-
${marginBottom ? `margin-bottom: ${marginBottom};` : ''}
|
|
51
|
-
${marginLeft ? `margin-left: ${marginLeft};` : ''}
|
|
52
|
-
${marginRight ? `margin-right: ${marginRight};` : ''}
|
|
53
|
-
${marginTop ? `margin-top: ${marginTop};` : ''}
|
|
54
|
-
`;
|
|
55
|
-
}}
|
|
56
|
-
`;
|
|
57
|
-
const baseInternalSpacing = css`
|
|
58
|
-
${_ref3 => {
|
|
59
|
-
let {
|
|
60
|
-
padding,
|
|
61
|
-
paddingBottom,
|
|
62
|
-
paddingLeft,
|
|
63
|
-
paddingRight,
|
|
64
|
-
paddingTop
|
|
65
|
-
} = _ref3;
|
|
66
|
-
return css`
|
|
67
|
-
${padding ? `padding: ${padding};` : ''}
|
|
68
|
-
${paddingBottom ? `padding-bottom: ${paddingBottom};` : ''}
|
|
69
|
-
${paddingLeft ? `padding-left: ${paddingLeft};` : ''}
|
|
70
|
-
${paddingRight ? `padding-right: ${paddingRight};` : ''}
|
|
71
|
-
${paddingTop ? `padding-top: ${paddingTop};` : ''}
|
|
72
|
-
`;
|
|
73
|
-
}}
|
|
74
|
-
`;
|
|
75
|
-
const baseSizing = css`
|
|
76
|
-
${_ref4 => {
|
|
77
|
-
let {
|
|
78
|
-
height,
|
|
79
|
-
maxHeight,
|
|
80
|
-
maxWidth,
|
|
81
|
-
minHeight,
|
|
82
|
-
minWidth,
|
|
83
|
-
width
|
|
84
|
-
} = _ref4;
|
|
85
|
-
return css`
|
|
86
|
-
${height !== undefined ? `height: ${typeof height === 'number' ? `${height}px` : height};` : ''}
|
|
87
|
-
${maxHeight ? `max-height: ${maxHeight};` : ''}
|
|
88
|
-
${maxWidth ? `max-width: ${maxWidth};` : ''}
|
|
89
|
-
${minHeight ? `min-height: ${minHeight};` : ''}
|
|
90
|
-
${minWidth ? `min-width: ${minWidth};` : ''}
|
|
91
|
-
${width !== undefined ? `width: ${typeof width === 'number' ? `${width}px` : width};` : ''}
|
|
92
|
-
`;
|
|
93
|
-
}}
|
|
94
|
-
`;
|
|
95
|
-
const basePositioning = css`
|
|
96
|
-
${_ref5 => {
|
|
97
|
-
let {
|
|
98
|
-
position,
|
|
99
|
-
top,
|
|
100
|
-
bottom,
|
|
101
|
-
left,
|
|
102
|
-
right,
|
|
103
|
-
zIndex
|
|
104
|
-
} = _ref5;
|
|
105
|
-
return css`
|
|
106
|
-
${position ? `position: ${position};` : ''}
|
|
107
|
-
${top ? `top: ${top};` : ''}
|
|
108
|
-
${bottom ? `bottom: ${bottom};` : ''}
|
|
109
|
-
${left ? `left: ${left};` : ''}
|
|
110
|
-
${right ? `right: ${right};` : ''}
|
|
111
|
-
${zIndex ? `z-index: ${zIndex};` : ''}
|
|
112
|
-
`;
|
|
113
|
-
}}
|
|
114
|
-
`;
|
|
115
|
-
const baseBorder = css`
|
|
116
|
-
${_ref6 => {
|
|
117
|
-
let {
|
|
118
|
-
background,
|
|
119
|
-
backgroundColor,
|
|
120
|
-
border,
|
|
121
|
-
borderTop,
|
|
122
|
-
borderBottom,
|
|
123
|
-
borderLeft,
|
|
124
|
-
borderRight,
|
|
125
|
-
borderRadius,
|
|
126
|
-
boxShadow
|
|
127
|
-
} = _ref6;
|
|
128
|
-
return css`
|
|
129
|
-
${background ? `background: ${background};` : ''}
|
|
130
|
-
${backgroundColor ? `background-color: ${backgroundColor};` : ''}
|
|
131
|
-
${border ? `border: ${border};` : ''}
|
|
132
|
-
${borderTop ? `border-top: ${borderTop};` : ''}
|
|
133
|
-
${borderBottom ? `border-bottom: ${borderBottom};` : ''}
|
|
134
|
-
${borderLeft ? `border-left: ${borderLeft};` : ''}
|
|
135
|
-
${borderRight ? `border-right: ${borderRight};` : ''}
|
|
136
|
-
${borderRadius ? `border-radius: ${borderRadius};` : ''}
|
|
137
|
-
${boxShadow ? `box-shadow: ${boxShadow};` : ''}
|
|
138
|
-
`;
|
|
139
|
-
}}
|
|
140
|
-
`;
|
|
141
|
-
const baseFlexbox = css`
|
|
142
|
-
${_ref7 => {
|
|
143
|
-
let {
|
|
144
|
-
alignContent,
|
|
145
|
-
alignItems,
|
|
146
|
-
flexDirection,
|
|
147
|
-
flexWrap,
|
|
148
|
-
gap,
|
|
149
|
-
justifyContent
|
|
150
|
-
} = _ref7;
|
|
151
|
-
return css`
|
|
152
|
-
${alignContent ? `align-content: ${alignContent};` : ''}
|
|
153
|
-
${alignItems ? `align-items: ${alignItems};` : ''}
|
|
154
|
-
${flexDirection ? `flex-direction: ${flexDirection};` : ''}
|
|
155
|
-
${flexWrap ? `flex-wrap: ${flexWrap};` : ''}
|
|
156
|
-
gap: ${gap};
|
|
157
|
-
${justifyContent ? `justify-content: ${justifyContent};` : ''}
|
|
158
|
-
`;
|
|
159
|
-
}}
|
|
160
|
-
`;
|
|
161
|
-
const baseGrid = css`
|
|
162
|
-
${_ref8 => {
|
|
163
|
-
let {
|
|
164
|
-
alignContent,
|
|
165
|
-
alignItems,
|
|
166
|
-
gap,
|
|
167
|
-
gridAutoColumns,
|
|
168
|
-
gridAutoRows,
|
|
169
|
-
gridTemplateAreas,
|
|
170
|
-
gridTemplateColumns,
|
|
171
|
-
gridTemplateRows,
|
|
172
|
-
justifyContent,
|
|
173
|
-
justifyItems
|
|
174
|
-
} = _ref8;
|
|
175
|
-
return css`
|
|
176
|
-
${alignContent ? `align-content: ${alignContent};` : ''}
|
|
177
|
-
${alignItems ? `align-items: ${alignItems};` : ''}
|
|
178
|
-
${gap ? `gap: ${gap};` : ''}
|
|
179
|
-
${gridAutoColumns ? `grid-auto-columns: ${gridAutoColumns};` : ''}
|
|
180
|
-
${gridAutoRows ? `grid-auto-rows: ${gridAutoRows};` : ''}
|
|
181
|
-
${gridTemplateAreas ? `grid-template-areas: ${gridTemplateAreas};` : ''}
|
|
182
|
-
${gridTemplateColumns ? `grid-template-columns: ${gridTemplateColumns};` : ''}
|
|
183
|
-
${gridTemplateRows ? `grid-template-rows: ${gridTemplateRows};` : ''}
|
|
184
|
-
${justifyContent ? `justify-content: ${justifyContent};` : ''}
|
|
185
|
-
${justifyItems ? `justify-items: ${justifyItems};` : ''}
|
|
186
|
-
`;
|
|
187
|
-
}}
|
|
188
|
-
`;
|
|
189
|
-
const baseStyling = css`
|
|
190
|
-
font-family: var(--redsift-typography-body-font-family);
|
|
191
|
-
font-size: var(--redsift-typography-body-font-size);
|
|
192
|
-
font-weight: var(--redsift-typography-body-font-weight);
|
|
193
|
-
line-height: var(--redsift-typography-body-line-height);
|
|
194
|
-
|
|
195
|
-
${baseLayout}
|
|
196
|
-
${baseSpacing}
|
|
197
|
-
${baseSizing}
|
|
198
|
-
${basePositioning}
|
|
199
|
-
`;
|
|
200
|
-
const baseContainer = css`
|
|
201
|
-
${_ref9 => {
|
|
202
|
-
let {
|
|
203
|
-
display
|
|
204
|
-
} = _ref9;
|
|
205
|
-
return display ? `display: ${display};` : '';
|
|
206
|
-
}}
|
|
207
|
-
font-family: var(--redsift-typography-body-font-family);
|
|
208
|
-
font-size: var(--redsift-typography-body-font-size);
|
|
209
|
-
font-weight: var(--redsift-typography-body-font-weight);
|
|
210
|
-
line-height: 20px;
|
|
211
|
-
|
|
212
|
-
${baseInternalSpacing}
|
|
213
|
-
${baseSpacing}
|
|
214
|
-
${baseSizing}
|
|
215
|
-
${basePositioning}
|
|
216
|
-
${baseGrid}
|
|
217
|
-
${baseFlexbox}
|
|
218
|
-
`;
|
|
219
|
-
const focusRing = css`
|
|
220
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
221
|
-
:focus-visible {
|
|
222
|
-
outline: 2px solid var(--redsift-color-primary-n);
|
|
223
|
-
transition: outline-offset 75ms ease-out;
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
:not(:active):focus-visible {
|
|
227
|
-
transition-duration: 0.25s;
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
:not(:active):focus-visible {
|
|
232
|
-
outline-offset: 0.2rem;
|
|
233
|
-
}
|
|
234
|
-
`;
|
|
235
|
-
const srOnly = css`
|
|
236
|
-
border: 0 !important;
|
|
237
|
-
clip: rect(1px, 1px, 1px, 1px) !important;
|
|
238
|
-
-webkit-clip-path: inset(50%) !important;
|
|
239
|
-
clip-path: inset(50%) !important;
|
|
240
|
-
height: 1px !important;
|
|
241
|
-
overflow: hidden !important;
|
|
242
|
-
margin: -1px !important;
|
|
243
|
-
padding: 0 !important;
|
|
244
|
-
position: absolute !important;
|
|
245
|
-
width: 1px !important;
|
|
246
|
-
white-space: nowrap !important;
|
|
247
|
-
`;
|
|
248
|
-
|
|
249
|
-
export { baseBorder, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, focusRing, srOnly };
|
|
250
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../src/components/shared/styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport {\n LayoutProps,\n SpacingProps,\n SizingProps,\n PositioningProps,\n FlexLayoutProps,\n GridLayoutProps,\n StylingProps,\n ContainerProps,\n InternalSpacingProps,\n BorderProps,\n} from '../../types';\n\nexport const baseLayout = css<LayoutProps>`\n ${({\n flex,\n flexGrow,\n flexShrink,\n flexBasis,\n alignSelf,\n justifySelf,\n order,\n gridArea,\n gridColumn,\n gridRow,\n gridColumnStart,\n gridColumnEnd,\n gridRowStart,\n gridRowEnd,\n }) =>\n css`\n ${flex ? `flex: ${flex};` : ''}\n ${flexGrow !== undefined ? `flex-grow: ${flexGrow};` : ''}\n ${flexShrink !== undefined ? `flex-shrink: ${flexShrink};` : ''}\n ${flexBasis ? `flex-basis: ${flexBasis};` : ''}\n ${alignSelf ? `align-self: ${alignSelf};` : ''}\n ${justifySelf ? `justify-self: ${justifySelf};` : ''}\n ${order !== undefined ? `order: ${order};` : ''}\n ${gridArea ? `grid-area: ${gridArea};` : ''}\n ${gridColumn ? `grid-column: ${gridColumn};` : ''}\n ${gridRow ? `grid-row: ${gridRow};` : ''}\n ${gridColumnStart ? `grid-column-start: ${gridColumnStart};` : ''}\n ${gridColumnEnd ? `grid-column-end: ${gridColumnEnd};` : ''}\n ${gridRowStart ? `grid-row-start: ${gridRowStart};` : ''}\n ${gridRowEnd ? `grid-row-end: ${gridRowEnd};` : ''}\n `}\n`;\n\nexport const baseSpacing = css<SpacingProps>`\n ${({ margin, marginBottom, marginLeft, marginRight, marginTop }) =>\n css`\n ${margin ? `margin: ${margin};` : ''}\n ${marginBottom ? `margin-bottom: ${marginBottom};` : ''}\n ${marginLeft ? `margin-left: ${marginLeft};` : ''}\n ${marginRight ? `margin-right: ${marginRight};` : ''}\n ${marginTop ? `margin-top: ${marginTop};` : ''}\n `}\n`;\n\nexport const baseInternalSpacing = css<InternalSpacingProps>`\n ${({ padding, paddingBottom, paddingLeft, paddingRight, paddingTop }) =>\n css`\n ${padding ? `padding: ${padding};` : ''}\n ${paddingBottom ? `padding-bottom: ${paddingBottom};` : ''}\n ${paddingLeft ? `padding-left: ${paddingLeft};` : ''}\n ${paddingRight ? `padding-right: ${paddingRight};` : ''}\n ${paddingTop ? `padding-top: ${paddingTop};` : ''}\n `}\n`;\n\nexport const baseSizing = css<SizingProps>`\n ${({ height, maxHeight, maxWidth, minHeight, minWidth, width }) =>\n css`\n ${height !== undefined ? `height: ${typeof height === 'number' ? `${height}px` : height};` : ''}\n ${maxHeight ? `max-height: ${maxHeight};` : ''}\n ${maxWidth ? `max-width: ${maxWidth};` : ''}\n ${minHeight ? `min-height: ${minHeight};` : ''}\n ${minWidth ? `min-width: ${minWidth};` : ''}\n ${width !== undefined ? `width: ${typeof width === 'number' ? `${width}px` : width};` : ''}\n `}\n`;\n\nexport const basePositioning = css<PositioningProps>`\n ${({ position, top, bottom, left, right, zIndex }) =>\n css`\n ${position ? `position: ${position};` : ''}\n ${top ? `top: ${top};` : ''}\n ${bottom ? `bottom: ${bottom};` : ''}\n ${left ? `left: ${left};` : ''}\n ${right ? `right: ${right};` : ''}\n ${zIndex ? `z-index: ${zIndex};` : ''}\n `}\n`;\n\nexport const baseBorder = css<BorderProps>`\n ${({\n background,\n backgroundColor,\n border,\n borderTop,\n borderBottom,\n borderLeft,\n borderRight,\n borderRadius,\n boxShadow,\n }) =>\n css`\n ${background ? `background: ${background};` : ''}\n ${backgroundColor ? `background-color: ${backgroundColor};` : ''}\n ${border ? `border: ${border};` : ''}\n ${borderTop ? `border-top: ${borderTop};` : ''}\n ${borderBottom ? `border-bottom: ${borderBottom};` : ''}\n ${borderLeft ? `border-left: ${borderLeft};` : ''}\n ${borderRight ? `border-right: ${borderRight};` : ''}\n ${borderRadius ? `border-radius: ${borderRadius};` : ''}\n ${boxShadow ? `box-shadow: ${boxShadow};` : ''}\n `}\n`;\n\nexport const baseFlexbox = css<FlexLayoutProps>`\n ${({ alignContent, alignItems, flexDirection, flexWrap, gap, justifyContent }) =>\n css`\n ${alignContent ? `align-content: ${alignContent};` : ''}\n ${alignItems ? `align-items: ${alignItems};` : ''}\n ${flexDirection ? `flex-direction: ${flexDirection};` : ''}\n ${flexWrap ? `flex-wrap: ${flexWrap};` : ''}\n gap: ${gap};\n ${justifyContent ? `justify-content: ${justifyContent};` : ''}\n `}\n`;\n\nexport const baseGrid = css<GridLayoutProps>`\n ${({\n alignContent,\n alignItems,\n gap,\n gridAutoColumns,\n gridAutoRows,\n gridTemplateAreas,\n gridTemplateColumns,\n gridTemplateRows,\n justifyContent,\n justifyItems,\n }) =>\n css`\n ${alignContent ? `align-content: ${alignContent};` : ''}\n ${alignItems ? `align-items: ${alignItems};` : ''}\n ${gap ? `gap: ${gap};` : ''}\n ${gridAutoColumns ? `grid-auto-columns: ${gridAutoColumns};` : ''}\n ${gridAutoRows ? `grid-auto-rows: ${gridAutoRows};` : ''}\n ${gridTemplateAreas ? `grid-template-areas: ${gridTemplateAreas};` : ''}\n ${gridTemplateColumns ? `grid-template-columns: ${gridTemplateColumns};` : ''}\n ${gridTemplateRows ? `grid-template-rows: ${gridTemplateRows};` : ''}\n ${justifyContent ? `justify-content: ${justifyContent};` : ''}\n ${justifyItems ? `justify-items: ${justifyItems};` : ''}\n `}\n`;\n\nexport const baseStyling = css<StylingProps>`\n font-family: var(--redsift-typography-body-font-family);\n font-size: var(--redsift-typography-body-font-size);\n font-weight: var(--redsift-typography-body-font-weight);\n line-height: var(--redsift-typography-body-line-height);\n\n ${baseLayout}\n ${baseSpacing}\n ${baseSizing}\n ${basePositioning}\n`;\n\nexport const baseContainer = css<ContainerProps>`\n ${({ display }) => (display ? `display: ${display};` : '')}\n font-family: var(--redsift-typography-body-font-family);\n font-size: var(--redsift-typography-body-font-size);\n font-weight: var(--redsift-typography-body-font-weight);\n line-height: 20px;\n\n ${baseInternalSpacing}\n ${baseSpacing}\n ${baseSizing}\n ${basePositioning}\n ${baseGrid}\n ${baseFlexbox}\n`;\n\nexport const focusRing = css`\n @media (prefers-reduced-motion: no-preference) {\n :focus-visible {\n outline: 2px solid var(--redsift-color-primary-n);\n transition: outline-offset 75ms ease-out;\n }\n\n :not(:active):focus-visible {\n transition-duration: 0.25s;\n }\n }\n\n :not(:active):focus-visible {\n outline-offset: 0.2rem;\n }\n`;\n\nexport const srOnly = css`\n border: 0 !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n height: 1px !important;\n overflow: hidden !important;\n margin: -1px !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n white-space: nowrap !important;\n`;\n"],"names":["baseLayout","css","_ref","flex","flexGrow","flexShrink","flexBasis","alignSelf","justifySelf","order","gridArea","gridColumn","gridRow","gridColumnStart","gridColumnEnd","gridRowStart","gridRowEnd","undefined","baseSpacing","_ref2","margin","marginBottom","marginLeft","marginRight","marginTop","baseInternalSpacing","_ref3","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","baseSizing","_ref4","height","maxHeight","maxWidth","minHeight","minWidth","width","basePositioning","_ref5","position","top","bottom","left","right","zIndex","baseBorder","_ref6","background","backgroundColor","border","borderTop","borderBottom","borderLeft","borderRight","borderRadius","boxShadow","baseFlexbox","_ref7","alignContent","alignItems","flexDirection","flexWrap","gap","justifyContent","baseGrid","_ref8","gridAutoColumns","gridAutoRows","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","justifyItems","baseStyling","baseContainer","_ref9","display","focusRing","srOnly"],"mappings":"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"}
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React, { forwardRef } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { ShieldVariant } from './types.js';
|
|
5
|
-
import { StyledShield } from './styles.js';
|
|
6
|
-
import { useTheme } from '../theme/useTheme.js';
|
|
7
|
-
import { NotificationsColorPalette } from '../../types/colors.js';
|
|
8
|
-
|
|
9
|
-
const _excluded = ["aria-hidden", "aria-label", "className", "svgProps", "isOutlined", "isReversed", "theme", "variant"];
|
|
10
|
-
const COMPONENT_NAME = 'Shield';
|
|
11
|
-
const CLASSNAME = 'redsift-shield';
|
|
12
|
-
const getVariant = variant => {
|
|
13
|
-
switch (variant) {
|
|
14
|
-
case ShieldVariant.email:
|
|
15
|
-
return {
|
|
16
|
-
color: NotificationsColorPalette.info,
|
|
17
|
-
icon: 'M14.7,6.3H5.3c-0.6,0-1.2,0.5-1.2,1.2l0,7c0,0.6,0.5,1.2,1.2,1.2h9.3c0.6,0,1.2-0.5,1.2-1.2v-7 C15.8,6.9,15.3,6.3,14.7,6.3z M14.7,14.5H5.3V8.7l4.7,2.9l4.7-2.9V14.5z M10,10.4L5.3,7.5h9.3L10,10.4z'
|
|
18
|
-
};
|
|
19
|
-
case ShieldVariant.fail:
|
|
20
|
-
return {
|
|
21
|
-
color: NotificationsColorPalette.error,
|
|
22
|
-
icon: 'M9,15V5h2v10H9z M9,19v-2h2v2H9z'
|
|
23
|
-
};
|
|
24
|
-
case ShieldVariant.failLocked:
|
|
25
|
-
return {
|
|
26
|
-
color: NotificationsColorPalette.error,
|
|
27
|
-
icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z'
|
|
28
|
-
};
|
|
29
|
-
case ShieldVariant.failUnlocked:
|
|
30
|
-
return {
|
|
31
|
-
color: NotificationsColorPalette.error,
|
|
32
|
-
icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z'
|
|
33
|
-
};
|
|
34
|
-
case ShieldVariant.ignored:
|
|
35
|
-
return {
|
|
36
|
-
color: NotificationsColorPalette['no-data'],
|
|
37
|
-
icon: 'M10,6.2c-3.2,0-5.8,2.6-5.8,5.8c0,3.2,2.6,5.8,5.8,5.8s5.8-2.6,5.8-5.8C15.8,8.8,13.2,6.2,10,6.2z M5.3,12 c0-2.6,2.1-4.7,4.7-4.7c1.1,0,2.1,0.4,2.9,1l-6.5,6.5C5.7,14.1,5.3,13.1,5.3,12z M10,16.7c-1.1,0-2.1-0.4-2.9-1l6.5-6.5 c0.6,0.8,1,1.8,1,2.9C14.7,14.6,12.6,16.7,10,16.7z'
|
|
38
|
-
};
|
|
39
|
-
case ShieldVariant.noData:
|
|
40
|
-
return {
|
|
41
|
-
color: NotificationsColorPalette['no-data'],
|
|
42
|
-
icon: 'M16,13H4v-2h12V13z'
|
|
43
|
-
};
|
|
44
|
-
case ShieldVariant.question:
|
|
45
|
-
return {
|
|
46
|
-
color: NotificationsColorPalette.question,
|
|
47
|
-
icon: 'M9,17h2v-2H9V17z M10,5C7.8,5,6,6.8,6,9h2c0-1.1,0.9-2,2-2s2,0.9,2,2c0,2-3,1.8-3,5h2c0-2.2,3-2.5,3-5 C14,6.8,12.2,5,10,5z'
|
|
48
|
-
};
|
|
49
|
-
case ShieldVariant.success:
|
|
50
|
-
return {
|
|
51
|
-
color: NotificationsColorPalette.success,
|
|
52
|
-
icon: 'M8,16.6l8.5-8.5l-1.4-1.4L8,13.7l-2.8-2.8l-1.4,1.4L8,16.6z'
|
|
53
|
-
};
|
|
54
|
-
case ShieldVariant.successLocked:
|
|
55
|
-
return {
|
|
56
|
-
color: NotificationsColorPalette.success,
|
|
57
|
-
icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z'
|
|
58
|
-
};
|
|
59
|
-
case ShieldVariant.successUnlocked:
|
|
60
|
-
return {
|
|
61
|
-
color: NotificationsColorPalette.success,
|
|
62
|
-
icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z'
|
|
63
|
-
};
|
|
64
|
-
case ShieldVariant.warning:
|
|
65
|
-
return {
|
|
66
|
-
color: NotificationsColorPalette.warning,
|
|
67
|
-
icon: 'M10,5c0.7,0,1.4,0.4,1.7,1l4,7c0.4,0.6,0.4,1.4,0,2c-0.4,0.6-1,1-1.7,1H6c-0.7,0-1.4-0.4-1.7-1 c-0.4-0.6-0.4-1.4,0-2l4-7C8.6,5.4,9.3,5,10,5z M10,7l-4,7h8L10,7z'
|
|
68
|
-
};
|
|
69
|
-
case ShieldVariant.warningLocked:
|
|
70
|
-
return {
|
|
71
|
-
color: NotificationsColorPalette.warning,
|
|
72
|
-
icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z'
|
|
73
|
-
};
|
|
74
|
-
case ShieldVariant.warningUnlocked:
|
|
75
|
-
return {
|
|
76
|
-
color: NotificationsColorPalette.warning,
|
|
77
|
-
icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z'
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
/**
|
|
83
|
-
* The Shield component.
|
|
84
|
-
*/
|
|
85
|
-
const Shield = /*#__PURE__*/forwardRef((props, ref) => {
|
|
86
|
-
const {
|
|
87
|
-
'aria-hidden': ariaHidden,
|
|
88
|
-
'aria-label': ariaLabel,
|
|
89
|
-
className,
|
|
90
|
-
svgProps,
|
|
91
|
-
isOutlined,
|
|
92
|
-
isReversed,
|
|
93
|
-
theme: propsTheme,
|
|
94
|
-
variant = ShieldVariant.success
|
|
95
|
-
} = props,
|
|
96
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
97
|
-
const theme = useTheme(propsTheme);
|
|
98
|
-
const {
|
|
99
|
-
color,
|
|
100
|
-
icon
|
|
101
|
-
} = getVariant(variant);
|
|
102
|
-
return /*#__PURE__*/React.createElement(StyledShield, _extends({}, forwardedProps, {
|
|
103
|
-
"aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
|
|
104
|
-
"aria-label": ariaLabel,
|
|
105
|
-
className: classNames(Shield.className, className),
|
|
106
|
-
ref: ref,
|
|
107
|
-
$color: color,
|
|
108
|
-
$isOutlined: isOutlined,
|
|
109
|
-
$isReversed: isReversed,
|
|
110
|
-
$theme: theme,
|
|
111
|
-
$variant: variant
|
|
112
|
-
}), /*#__PURE__*/React.createElement("svg", _extends({
|
|
113
|
-
"aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
|
|
114
|
-
"aria-label": ariaLabel,
|
|
115
|
-
focusable: "false",
|
|
116
|
-
preserveAspectRatio: "xMidYMid meet",
|
|
117
|
-
role: "img",
|
|
118
|
-
style: {
|
|
119
|
-
verticalAlign: '-0.125em'
|
|
120
|
-
},
|
|
121
|
-
viewBox: "0 0 20 24",
|
|
122
|
-
width: "20",
|
|
123
|
-
height: "24"
|
|
124
|
-
}, svgProps), /*#__PURE__*/React.createElement("path", {
|
|
125
|
-
d: isOutlined ? 'M1,10.9V5l9-3.9L19,5v5.9c0,5.5-3.9,10.7-9,12.1C4.9,21.6,1,16.4,1,10.9z' : 'M10,0L0,4.4v6.5C0,17,4.3,22.6,10,24c5.7-1.4,10-7,10-13.1V4.4L10,0z',
|
|
126
|
-
className: "shield"
|
|
127
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
128
|
-
d: icon,
|
|
129
|
-
className: "icon"
|
|
130
|
-
})));
|
|
131
|
-
});
|
|
132
|
-
Shield.className = CLASSNAME;
|
|
133
|
-
Shield.displayName = COMPONENT_NAME;
|
|
134
|
-
|
|
135
|
-
export { Shield };
|
|
136
|
-
//# sourceMappingURL=Shield.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Shield.js","sources":["../../../src/components/shield/Shield.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { NotificationsColorPalette, Comp } from '../../types';\n\nimport { ShieldProps, ShieldVariant } from './types';\nimport { StyledShield } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Shield';\nconst CLASSNAME = 'redsift-shield';\n\nconst getVariant = (variant: ShieldVariant) => {\n switch (variant) {\n case ShieldVariant.email:\n return {\n color: NotificationsColorPalette.info,\n icon: 'M14.7,6.3H5.3c-0.6,0-1.2,0.5-1.2,1.2l0,7c0,0.6,0.5,1.2,1.2,1.2h9.3c0.6,0,1.2-0.5,1.2-1.2v-7 C15.8,6.9,15.3,6.3,14.7,6.3z M14.7,14.5H5.3V8.7l4.7,2.9l4.7-2.9V14.5z M10,10.4L5.3,7.5h9.3L10,10.4z',\n };\n case ShieldVariant.fail:\n return {\n color: NotificationsColorPalette.error,\n icon: 'M9,15V5h2v10H9z M9,19v-2h2v2H9z',\n };\n case ShieldVariant.failLocked:\n return {\n color: NotificationsColorPalette.error,\n icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z',\n };\n case ShieldVariant.failUnlocked:\n return {\n color: NotificationsColorPalette.error,\n icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z',\n };\n case ShieldVariant.ignored:\n return {\n color: NotificationsColorPalette['no-data'],\n icon: 'M10,6.2c-3.2,0-5.8,2.6-5.8,5.8c0,3.2,2.6,5.8,5.8,5.8s5.8-2.6,5.8-5.8C15.8,8.8,13.2,6.2,10,6.2z M5.3,12 c0-2.6,2.1-4.7,4.7-4.7c1.1,0,2.1,0.4,2.9,1l-6.5,6.5C5.7,14.1,5.3,13.1,5.3,12z M10,16.7c-1.1,0-2.1-0.4-2.9-1l6.5-6.5 c0.6,0.8,1,1.8,1,2.9C14.7,14.6,12.6,16.7,10,16.7z',\n };\n case ShieldVariant.noData:\n return {\n color: NotificationsColorPalette['no-data'],\n icon: 'M16,13H4v-2h12V13z',\n };\n case ShieldVariant.question:\n return {\n color: NotificationsColorPalette.question,\n icon: 'M9,17h2v-2H9V17z M10,5C7.8,5,6,6.8,6,9h2c0-1.1,0.9-2,2-2s2,0.9,2,2c0,2-3,1.8-3,5h2c0-2.2,3-2.5,3-5 C14,6.8,12.2,5,10,5z',\n };\n case ShieldVariant.success:\n return {\n color: NotificationsColorPalette.success,\n icon: 'M8,16.6l8.5-8.5l-1.4-1.4L8,13.7l-2.8-2.8l-1.4,1.4L8,16.6z',\n };\n case ShieldVariant.successLocked:\n return {\n color: NotificationsColorPalette.success,\n icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z',\n };\n case ShieldVariant.successUnlocked:\n return {\n color: NotificationsColorPalette.success,\n icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z',\n };\n case ShieldVariant.warning:\n return {\n color: NotificationsColorPalette.warning,\n icon: 'M10,5c0.7,0,1.4,0.4,1.7,1l4,7c0.4,0.6,0.4,1.4,0,2c-0.4,0.6-1,1-1.7,1H6c-0.7,0-1.4-0.4-1.7-1 c-0.4-0.6-0.4-1.4,0-2l4-7C8.6,5.4,9.3,5,10,5z M10,7l-4,7h8L10,7z',\n };\n case ShieldVariant.warningLocked:\n return {\n color: NotificationsColorPalette.warning,\n icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z',\n };\n case ShieldVariant.warningUnlocked:\n return {\n color: NotificationsColorPalette.warning,\n icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z',\n };\n }\n};\n\n/**\n * The Shield component.\n */\nexport const Shield: Comp<ShieldProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n 'aria-hidden': ariaHidden,\n 'aria-label': ariaLabel,\n className,\n svgProps,\n isOutlined,\n isReversed,\n theme: propsTheme,\n variant = ShieldVariant.success,\n ...forwardedProps\n } = props;\n\n const theme = useTheme(propsTheme);\n\n const { color, icon } = getVariant(variant!);\n\n return (\n <StyledShield\n {...forwardedProps}\n aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n aria-label={ariaLabel}\n className={classNames(Shield.className, className)}\n ref={ref as RefObject<HTMLDivElement>}\n $color={color}\n $isOutlined={isOutlined}\n $isReversed={isReversed}\n $theme={theme}\n $variant={variant}\n >\n <svg\n aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n aria-label={ariaLabel}\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n role=\"img\"\n style={{ verticalAlign: '-0.125em' }}\n viewBox=\"0 0 20 24\"\n width=\"20\"\n height=\"24\"\n {...svgProps}\n >\n <path\n d={\n isOutlined\n ? 'M1,10.9V5l9-3.9L19,5v5.9c0,5.5-3.9,10.7-9,12.1C4.9,21.6,1,16.4,1,10.9z'\n : 'M10,0L0,4.4v6.5C0,17,4.3,22.6,10,24c5.7-1.4,10-7,10-13.1V4.4L10,0z'\n }\n className=\"shield\"\n />\n <path d={icon} className=\"icon\" />\n </svg>\n </StyledShield>\n );\n});\nShield.className = CLASSNAME;\nShield.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getVariant","variant","ShieldVariant","email","color","NotificationsColorPalette","info","icon","fail","error","failLocked","failUnlocked","ignored","noData","question","success","successLocked","successUnlocked","warning","warningLocked","warningUnlocked","Shield","forwardRef","props","ref","ariaHidden","ariaLabel","className","svgProps","isOutlined","isReversed","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledShield","_extends","undefined","classNames","$color","$isOutlined","$isReversed","$theme","$variant","focusable","preserveAspectRatio","role","style","verticalAlign","viewBox","width","height","d","displayName"],"mappings":"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"}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import styled, { css } from 'styled-components';
|
|
2
|
-
import { baseStyling } from '../shared/styles.js';
|
|
3
|
-
|
|
4
|
-
const StyledShield = styled.div`
|
|
5
|
-
height: 24px;
|
|
6
|
-
width: 20px;
|
|
7
|
-
${baseStyling}
|
|
8
|
-
|
|
9
|
-
box-sizing: content-box;
|
|
10
|
-
|
|
11
|
-
${_ref => {
|
|
12
|
-
let {
|
|
13
|
-
$color,
|
|
14
|
-
$isOutlined,
|
|
15
|
-
$isReversed,
|
|
16
|
-
$theme
|
|
17
|
-
} = _ref;
|
|
18
|
-
if ($isReversed && $isOutlined) {
|
|
19
|
-
return css`
|
|
20
|
-
& .shield {
|
|
21
|
-
fill: var(--redsift-color-notifications-${$color}-primary);
|
|
22
|
-
stroke: var(--redsift-color-${$theme}-components-page-background);
|
|
23
|
-
stroke-width: 2;
|
|
24
|
-
}
|
|
25
|
-
& .icon {
|
|
26
|
-
fill-rule: evenodd;
|
|
27
|
-
clip-rule: evenodd;
|
|
28
|
-
fill: var(--redsift-color-${$theme}-components-page-background);
|
|
29
|
-
}
|
|
30
|
-
`;
|
|
31
|
-
} else if ($isOutlined) {
|
|
32
|
-
return css`
|
|
33
|
-
& .shield {
|
|
34
|
-
fill: var(--redsift-color-${$theme}-components-page-background);
|
|
35
|
-
stroke: var(--redsift-color-notifications-${$color}-primary);
|
|
36
|
-
stroke-width: 2;
|
|
37
|
-
}
|
|
38
|
-
& .icon {
|
|
39
|
-
fill-rule: evenodd;
|
|
40
|
-
clip-rule: evenodd;
|
|
41
|
-
fill: var(--redsift-color-notifications-${$color}-primary);
|
|
42
|
-
}
|
|
43
|
-
`;
|
|
44
|
-
} else if ($isReversed) {
|
|
45
|
-
return css`
|
|
46
|
-
& .shield {
|
|
47
|
-
fill: var(--redsift-color-${$theme}-components-page-background);
|
|
48
|
-
}
|
|
49
|
-
& .icon {
|
|
50
|
-
fill-rule: evenodd;
|
|
51
|
-
clip-rule: evenodd;
|
|
52
|
-
fill: var(--redsift-color-notifications-${$color}-primary);
|
|
53
|
-
}
|
|
54
|
-
`;
|
|
55
|
-
} else {
|
|
56
|
-
return css`
|
|
57
|
-
& .shield {
|
|
58
|
-
fill: var(--redsift-color-notifications-${$color}-primary);
|
|
59
|
-
}
|
|
60
|
-
& .icon {
|
|
61
|
-
fill-rule: evenodd;
|
|
62
|
-
clip-rule: evenodd;
|
|
63
|
-
fill: var(--redsift-color-${$theme}-components-page-background);
|
|
64
|
-
}
|
|
65
|
-
`;
|
|
66
|
-
}
|
|
67
|
-
}}
|
|
68
|
-
`;
|
|
69
|
-
|
|
70
|
-
export { StyledShield };
|
|
71
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../src/components/shield/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledShieldProps } from './types';\n\nexport const StyledShield = styled.div<StyledShieldProps>`\n height: 24px;\n width: 20px;\n ${baseStyling}\n\n box-sizing: content-box;\n\n ${({ $color, $isOutlined, $isReversed, $theme }) => {\n if ($isReversed && $isOutlined) {\n return css`\n & .shield {\n fill: var(--redsift-color-notifications-${$color}-primary);\n stroke: var(--redsift-color-${$theme}-components-page-background);\n stroke-width: 2;\n }\n & .icon {\n fill-rule: evenodd;\n clip-rule: evenodd;\n fill: var(--redsift-color-${$theme}-components-page-background);\n }\n `;\n } else if ($isOutlined) {\n return css`\n & .shield {\n fill: var(--redsift-color-${$theme}-components-page-background);\n stroke: var(--redsift-color-notifications-${$color}-primary);\n stroke-width: 2;\n }\n & .icon {\n fill-rule: evenodd;\n clip-rule: evenodd;\n fill: var(--redsift-color-notifications-${$color}-primary);\n }\n `;\n } else if ($isReversed) {\n return css`\n & .shield {\n fill: var(--redsift-color-${$theme}-components-page-background);\n }\n & .icon {\n fill-rule: evenodd;\n clip-rule: evenodd;\n fill: var(--redsift-color-notifications-${$color}-primary);\n }\n `;\n } else {\n return css`\n & .shield {\n fill: var(--redsift-color-notifications-${$color}-primary);\n }\n & .icon {\n fill-rule: evenodd;\n clip-rule: evenodd;\n fill: var(--redsift-color-${$theme}-components-page-background);\n }\n `;\n }\n }}\n`;\n"],"names":["StyledShield","styled","div","baseStyling","_ref","$color","$isOutlined","$isReversed","$theme","css"],"mappings":";;;AAIaA,MAAAA,YAAY,GAAGC,MAAM,CAACC,GAAuB,CAAA;AAC1D;AACA;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAkD;EAAA,IAAjD;IAAEC,MAAM;IAAEC,WAAW;IAAEC,WAAW;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAJ,IAAA,CAAA;EAC7C,IAAIG,WAAW,IAAID,WAAW,EAAE;AAC9B,IAAA,OAAOG,GAAI,CAAA;AACjB;AACA,kDAAA,EAAoDJ,MAAO,CAAA;AAC3D,sCAAA,EAAwCG,MAAO,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA,oCAAA,EAAsCA,MAAO,CAAA;AAC7C;AACA,MAAO,CAAA,CAAA;GACF,MAAM,IAAIF,WAAW,EAAE;AACtB,IAAA,OAAOG,GAAI,CAAA;AACjB;AACA,oCAAA,EAAsCD,MAAO,CAAA;AAC7C,oDAAA,EAAsDH,MAAO,CAAA;AAC7D;AACA;AACA;AACA;AACA;AACA,kDAAA,EAAoDA,MAAO,CAAA;AAC3D;AACA,MAAO,CAAA,CAAA;GACF,MAAM,IAAIE,WAAW,EAAE;AACtB,IAAA,OAAOE,GAAI,CAAA;AACjB;AACA,oCAAA,EAAsCD,MAAO,CAAA;AAC7C;AACA;AACA;AACA;AACA,kDAAA,EAAoDH,MAAO,CAAA;AAC3D;AACA,MAAO,CAAA,CAAA;AACH,GAAC,MAAM;AACL,IAAA,OAAOI,GAAI,CAAA;AACjB;AACA,kDAAA,EAAoDJ,MAAO,CAAA;AAC3D;AACA;AACA;AACA;AACA,oCAAA,EAAsCG,MAAO,CAAA;AAC7C;AACA,MAAO,CAAA,CAAA;AACH,GAAA;AACF,CAAE,CAAA;AACJ;;;;"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
import { ValueOf } from '../../types/helpers.js';
|
|
3
|
-
import { StylingProps } from '../../types/styles.js';
|
|
4
|
-
import { Theme, NotificationsColorPalette, ProductColorPalette } from '../../types/colors.js';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Component variant.
|
|
8
|
-
*/
|
|
9
|
-
declare const ShieldVariant: {
|
|
10
|
-
readonly success: "success";
|
|
11
|
-
readonly successLocked: "successLocked";
|
|
12
|
-
readonly successUnlocked: "successUnlocked";
|
|
13
|
-
readonly fail: "fail";
|
|
14
|
-
readonly failLocked: "failLocked";
|
|
15
|
-
readonly failUnlocked: "failUnlocked";
|
|
16
|
-
readonly warning: "warning";
|
|
17
|
-
readonly warningLocked: "warningLocked";
|
|
18
|
-
readonly warningUnlocked: "warningUnlocked";
|
|
19
|
-
readonly ignored: "ignored";
|
|
20
|
-
readonly noData: "noData";
|
|
21
|
-
readonly question: "question";
|
|
22
|
-
readonly email: "email";
|
|
23
|
-
};
|
|
24
|
-
type ShieldVariant = ValueOf<typeof ShieldVariant>;
|
|
25
|
-
/**
|
|
26
|
-
* Component props.
|
|
27
|
-
*/
|
|
28
|
-
interface ShieldProps extends ComponentProps<'div'>, StylingProps {
|
|
29
|
-
/** Indicates whether the element is exposed to an accessibility API. */
|
|
30
|
-
'aria-hidden'?: boolean | 'false' | 'true';
|
|
31
|
-
/** A screen reader only label for the Icon. */
|
|
32
|
-
'aria-label'?: string;
|
|
33
|
-
/** Additional properties to forward to the SVG tag. */
|
|
34
|
-
svgProps?: ComponentProps<'svg'>;
|
|
35
|
-
/** Whether the shield has an outline or not. */
|
|
36
|
-
isOutlined?: boolean;
|
|
37
|
-
/** Whether the shield has its colors reversed or not. */
|
|
38
|
-
isReversed?: boolean;
|
|
39
|
-
/** Theme. */
|
|
40
|
-
theme?: Theme;
|
|
41
|
-
/** Shield variant. */
|
|
42
|
-
variant?: ShieldVariant;
|
|
43
|
-
}
|
|
44
|
-
type StyledShieldProps = Omit<ShieldProps, 'color'> & {
|
|
45
|
-
$color?: NotificationsColorPalette | ProductColorPalette | (string & {});
|
|
46
|
-
$isOutlined: ShieldProps['isOutlined'];
|
|
47
|
-
$isReversed: ShieldProps['isReversed'];
|
|
48
|
-
$theme: ShieldProps['theme'];
|
|
49
|
-
$variant: ShieldProps['variant'];
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
export { ShieldProps, ShieldVariant, StyledShieldProps };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Component variant.
|
|
3
|
-
*/
|
|
4
|
-
const ShieldVariant = {
|
|
5
|
-
success: 'success',
|
|
6
|
-
successLocked: 'successLocked',
|
|
7
|
-
successUnlocked: 'successUnlocked',
|
|
8
|
-
fail: 'fail',
|
|
9
|
-
failLocked: 'failLocked',
|
|
10
|
-
failUnlocked: 'failUnlocked',
|
|
11
|
-
warning: 'warning',
|
|
12
|
-
warningLocked: 'warningLocked',
|
|
13
|
-
warningUnlocked: 'warningUnlocked',
|
|
14
|
-
ignored: 'ignored',
|
|
15
|
-
noData: 'noData',
|
|
16
|
-
question: 'question',
|
|
17
|
-
email: 'email'
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Component props.
|
|
22
|
-
*/
|
|
23
|
-
|
|
24
|
-
export { ShieldVariant };
|
|
25
|
-
//# sourceMappingURL=types.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../src/components/shield/types.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { NotificationsColorPalette, ProductColorPalette, StylingProps, Theme, ValueOf } from '../../types';\n\n/**\n * Component variant.\n */\nexport const ShieldVariant = {\n success: 'success',\n successLocked: 'successLocked',\n successUnlocked: 'successUnlocked',\n fail: 'fail',\n failLocked: 'failLocked',\n failUnlocked: 'failUnlocked',\n warning: 'warning',\n warningLocked: 'warningLocked',\n warningUnlocked: 'warningUnlocked',\n ignored: 'ignored',\n noData: 'noData',\n question: 'question',\n email: 'email',\n} as const;\nexport type ShieldVariant = ValueOf<typeof ShieldVariant>;\n\n/**\n * Component props.\n */\nexport interface ShieldProps extends ComponentProps<'div'>, StylingProps {\n /** Indicates whether the element is exposed to an accessibility API. */\n 'aria-hidden'?: boolean | 'false' | 'true';\n /** A screen reader only label for the Icon. */\n 'aria-label'?: string;\n /** Additional properties to forward to the SVG tag. */\n svgProps?: ComponentProps<'svg'>;\n /** Whether the shield has an outline or not. */\n isOutlined?: boolean;\n /** Whether the shield has its colors reversed or not. */\n isReversed?: boolean;\n /** Theme. */\n theme?: Theme;\n /** Shield variant. */\n variant?: ShieldVariant;\n}\n\nexport type StyledShieldProps = Omit<ShieldProps, 'color'> & {\n $color?: NotificationsColorPalette | ProductColorPalette | (string & {});\n $isOutlined: ShieldProps['isOutlined'];\n $isReversed: ShieldProps['isReversed'];\n $theme: ShieldProps['theme'];\n $variant: ShieldProps['variant'];\n};\n"],"names":["ShieldVariant","success","successLocked","successUnlocked","fail","failLocked","failUnlocked","warning","warningLocked","warningUnlocked","ignored","noData","question","email"],"mappings":"AAGA;AACA;AACA;AACO,MAAMA,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAU;;AAGV;AACA;AACA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { SideNavigationMenuProps } from './types.js';
|
|
2
|
-
import { Comp } from '../../types/helpers.js';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* The SideNavigationMenu component.
|
|
6
|
-
*/
|
|
7
|
-
declare const SideNavigationMenu: Comp<SideNavigationMenuProps, HTMLDivElement>;
|
|
8
|
-
|
|
9
|
-
export { SideNavigationMenu };
|