@pingux/astro 2.221.6-alpha.0 → 2.234.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/AccordionGridGroup/AccordionGrid.styles.d.ts +50 -0
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.d.ts +14 -0
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +6 -56
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +2 -1
- package/lib/cjs/components/AccordionGridGroup/index.d.ts +1 -0
- package/lib/cjs/components/AccordionGridItem/AccordionGridItem.d.ts +3 -0
- package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +12 -20
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.d.ts +4 -0
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +9 -15
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.d.ts +4 -0
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +10 -23
- package/lib/cjs/components/AccordionGridItem/index.d.ts +1 -0
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +12 -1
- package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +43 -1
- package/lib/cjs/components/AccordionItem/AccordionItem.d.ts +3 -0
- package/lib/cjs/components/AccordionItem/AccordionItem.js +4 -2
- package/lib/cjs/components/ArrayField/ArrayField.js +30 -13
- package/lib/cjs/components/ArrayField/ArrayField.mdx +5 -1
- package/lib/cjs/components/ArrayField/ArrayField.stories.js +127 -90
- package/lib/cjs/components/ArrayField/ArrayField.styles.d.ts +9 -0
- package/lib/cjs/components/ArrayField/ArrayField.styles.js +41 -0
- package/lib/cjs/components/ArrayField/ArrayField.test.js +202 -30
- package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js +21 -8
- package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.styles.d.ts +5 -0
- package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.styles.js +21 -0
- package/lib/cjs/components/ArrayField/arrayFieldAttributes.d.ts +1 -99
- package/lib/cjs/components/ArrayField/arrayFieldAttributes.js +3 -2
- package/lib/cjs/components/AstroProvider/AstroProvider.d.ts +16 -0
- package/lib/cjs/components/AstroProvider/AstroProvider.js +10 -34
- package/lib/cjs/components/AstroProvider/PageWrapper.test.js +49 -4
- package/lib/cjs/components/AstroProvider/index.d.ts +2 -0
- package/lib/cjs/components/Badge/Badge.js +20 -11
- package/lib/cjs/components/Badge/Badge.mdx +6 -0
- package/lib/cjs/components/Badge/Badge.stories.js +64 -19
- package/lib/cjs/components/Badge/Badge.styles.d.ts +266 -0
- package/lib/cjs/components/Badge/Badge.styles.js +24 -4
- package/lib/cjs/components/Badge/Badge.test.js +165 -1
- package/lib/cjs/components/Badge/BadgeHelpHint.d.ts +8 -0
- package/lib/cjs/components/Badge/BadgeHelpHint.js +84 -0
- package/lib/cjs/components/Badge/Convenience/DefaultBadge.js +5 -2
- package/lib/cjs/components/Badge/Convenience/ErrorCalloutBadge.js +5 -4
- package/lib/cjs/components/Badge/Convenience/InfoCalloutBadge.js +5 -4
- package/lib/cjs/components/Badge/Convenience/SuccessCalloutBadge.js +5 -4
- package/lib/cjs/components/Badge/Convenience/WarningCalloutBadge.js +5 -4
- package/lib/cjs/components/Checkbox/Checkbox.d.ts +9 -0
- package/lib/cjs/components/Checkbox/Checkbox.styles.d.ts +15 -0
- package/lib/cjs/components/Checkbox/CheckboxBase.d.ts +4 -0
- package/lib/cjs/components/Checkbox/CheckboxBase.js +100 -49
- package/lib/cjs/components/Checkbox/CheckboxIcons.d.ts +15 -0
- package/lib/cjs/components/Checkbox/CheckboxIcons.js +122 -0
- package/lib/cjs/components/Checkbox/index.d.ts +1 -0
- package/lib/cjs/components/CheckboxField/CheckboxField.js +5 -1
- package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +1 -1
- package/lib/cjs/components/CheckboxField/CheckboxField.test.js +41 -5
- package/lib/cjs/components/CheckboxFieldGroup/CheckboxFieldGroup.d.ts +4 -0
- package/lib/cjs/components/CheckboxFieldGroup/CheckboxFieldGroup.js +89 -0
- package/lib/cjs/components/CheckboxFieldGroup/CheckboxFieldGroup.mdx +69 -0
- package/lib/cjs/components/CheckboxFieldGroup/CheckboxFieldGroup.stories.js +118 -0
- package/lib/cjs/components/CheckboxFieldGroup/CheckboxFieldGroup.styles.d.ts +8 -0
- package/lib/cjs/components/CheckboxFieldGroup/CheckboxFieldGroup.styles.js +40 -0
- package/lib/cjs/components/CheckboxFieldGroup/CheckboxFieldGroup.test.js +485 -0
- package/lib/cjs/components/CheckboxFieldGroup/CheckboxFieldGroupItem.d.ts +4 -0
- package/lib/cjs/components/CheckboxFieldGroup/CheckboxFieldGroupItem.js +112 -0
- package/lib/cjs/components/CheckboxFieldGroup/checkboxFieldGroupAttributes.d.ts +2 -0
- package/lib/cjs/components/CheckboxFieldGroup/checkboxFieldGroupAttributes.js +108 -0
- package/lib/cjs/components/CheckboxFieldGroup/index.d.ts +3 -0
- package/lib/cjs/components/CheckboxFieldGroup/index.js +27 -0
- package/lib/cjs/components/CodeView/CodeView.js +3 -2
- package/lib/cjs/components/CodeView/CodeView.stories.js +44 -1
- package/lib/cjs/components/CodeView/CodeView.test.js +84 -0
- package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +18 -1
- package/lib/cjs/components/CopyText/CopyButton.js +1 -2
- package/lib/cjs/components/DatePicker/DatePicker.test.js +1 -1
- package/lib/cjs/components/EmptyState/EmptyState.d.ts +4 -0
- package/lib/cjs/components/EmptyState/EmptyState.js +66 -0
- package/lib/cjs/components/EmptyState/EmptyState.mdx +44 -0
- package/lib/cjs/components/EmptyState/EmptyState.stories.js +88 -0
- package/lib/cjs/components/EmptyState/EmptyState.styles.d.ts +13 -0
- package/lib/cjs/components/EmptyState/EmptyState.styles.js +22 -0
- package/lib/cjs/components/EmptyState/EmptyState.test.js +223 -0
- package/lib/cjs/components/EmptyState/emptyStateAttributes.d.ts +99 -0
- package/lib/cjs/components/EmptyState/emptyStateAttributes.js +49 -0
- package/lib/cjs/components/EmptyState/index.d.ts +1 -0
- package/lib/cjs/components/EmptyState/index.js +14 -0
- package/lib/cjs/components/HelpHint/HelpHint.js +38 -83
- package/lib/cjs/components/IconBadge/IconBadge.d.ts +2 -0
- package/lib/cjs/components/IconBadge/IconBadge.js +39 -20
- package/lib/cjs/components/IconBadge/IconBadge.mdx +5 -1
- package/lib/cjs/components/IconBadge/IconBadge.stories.js +50 -7
- package/lib/cjs/components/IconBadge/IconBadge.styles.d.ts +19 -0
- package/lib/cjs/components/IconBadge/IconBadge.styles.js +27 -0
- package/lib/cjs/components/IconBadge/IconBadge.test.js +67 -14
- package/lib/cjs/components/IconButton/IconButton.styles.d.ts +3 -0
- package/lib/cjs/components/IconButton/IconButton.styles.js +4 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairs.stories.js +1 -0
- package/lib/cjs/components/LabelValuePairs/LabelValuePairs.test.js +18 -1
- package/lib/cjs/components/LabelValuePairs/LabelValuePairsLabel.js +1 -2
- package/lib/cjs/components/ListView/ListView.js +28 -4
- package/lib/cjs/components/ListView/ListView.stories.js +110 -62
- package/lib/cjs/components/ListView/ListView.test.js +80 -0
- package/lib/cjs/components/ListView/ListViewTypes.d.ts +5 -0
- package/lib/cjs/components/ListViewItem/ListViewItem.js +28 -7
- package/lib/cjs/components/ListViewItem/ListViewItem.stories.js +2 -5
- package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +7 -0
- package/lib/cjs/components/ListViewItem/ListViewItem.test.js +36 -5
- package/lib/cjs/components/ListViewItem/listViewItemAttributes.js +9 -1
- package/lib/cjs/components/MultivaluesField/DefaultMultivaluesField.js +8 -0
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +23 -1
- package/lib/cjs/components/NavBar/NavBar.styles.d.ts +11 -1
- package/lib/cjs/components/PageHeader/PageHeader.js +9 -4
- package/lib/cjs/components/PageHeader/PageHeader.mdx +3 -0
- package/lib/cjs/components/PageHeader/PageHeader.stories.js +14 -4
- package/lib/cjs/components/PageHeader/PageHeader.test.js +57 -3
- package/lib/cjs/components/PanelHeader/PanelHeader.js +36 -8
- package/lib/cjs/components/PanelHeader/PanelHeader.stories.js +2 -5
- package/lib/cjs/components/PanelHeader/PanelHeader.test.js +46 -4
- package/lib/cjs/components/RangeCalendar/RangeCalendar.js +1 -1
- package/lib/cjs/components/RangeCalendar/RangeCalendar.mdx +4 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendar.test.js +30 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendarGrid.js +1 -0
- package/lib/cjs/components/SelectField/SelectField.stories.js +14 -1
- package/lib/cjs/components/Tab/Tab.js +38 -6
- package/lib/cjs/components/Tab/getSlotText.d.ts +6 -0
- package/lib/cjs/components/Tab/getSlotText.js +21 -0
- package/lib/cjs/components/Tab/getSlotText.test.js +23 -0
- package/lib/cjs/components/TabPicker/TabPicker.js +9 -4
- package/lib/cjs/components/Tabs/Tabs.stories.js +63 -14
- package/lib/cjs/components/Tabs/Tabs.storyData.d.ts +1 -0
- package/lib/cjs/components/Tabs/Tabs.storyData.js +8 -0
- package/lib/cjs/components/Tabs/Tabs.style.d.ts +5 -0
- package/lib/cjs/components/Tabs/Tabs.style.js +7 -2
- package/lib/cjs/components/Tabs/Tabs.test.js +85 -37
- package/lib/cjs/context/CheckboxFieldGroupContext/index.d.ts +10 -0
- package/lib/cjs/context/CheckboxFieldGroupContext/index.js +17 -0
- package/lib/cjs/hooks/index.d.ts +1 -0
- package/lib/cjs/hooks/index.js +7 -0
- package/lib/cjs/hooks/useField/useField.d.ts +78 -78
- package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts +14 -0
- package/lib/cjs/hooks/useHelpHintPopover/index.d.ts +2 -0
- package/lib/cjs/hooks/useHelpHintPopover/index.js +32 -0
- package/lib/cjs/hooks/useHelpHintPopover/useHelpHintPopover.d.ts +25 -0
- package/lib/cjs/hooks/useHelpHintPopover/useHelpHintPopover.js +137 -0
- package/lib/cjs/hooks/usePagination/usePagination.d.ts +94 -94
- package/lib/cjs/index.d.ts +4 -0
- package/lib/cjs/index.js +114 -69
- package/lib/cjs/styles/forms/index.js +23 -2
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts +17 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.js +18 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/icons.d.ts +6 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts +7 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.d.ts +90 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/badges.js +76 -29
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/box.d.ts +14 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/box.js +22 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.d.ts +20 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +20 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/comboBox.d.ts +3 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/comboBox.js +4 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.d.ts +45 -8
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.js +34 -10
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/listview.d.ts +29 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/listview.js +30 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/text.d.ts +5 -2
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/text.js +5 -2
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +52 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +12 -1
- package/lib/cjs/styles/themeOverrides/onyxSideNav.d.ts +6 -0
- package/lib/cjs/styles/themes/astro/customProperties/icons.d.ts +6 -0
- package/lib/cjs/styles/themes/astro/customProperties/icons.js +3 -1
- package/lib/cjs/styles/themes/astro/customProperties/index.d.ts +7 -0
- package/lib/cjs/styles/themes/astro/customProperties/index.js +3 -0
- package/lib/cjs/styles/themes/next-gen/codeView/codeView.d.ts +9 -0
- package/lib/cjs/styles/themes/next-gen/codeView/codeView.js +5 -2
- package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts +17 -0
- package/lib/cjs/styles/themes/next-gen/colors/twoTone.d.ts +18 -0
- package/lib/cjs/styles/themes/next-gen/colors/twoTone.js +21 -1
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.d.ts +2 -0
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +5 -3
- package/lib/cjs/styles/themes/next-gen/customProperties/icons.d.ts +6 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/icons.js +5 -1
- package/lib/cjs/styles/themes/next-gen/customProperties/index.d.ts +7 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/index.js +3 -1
- package/lib/cjs/styles/themes/next-gen/forms.d.ts +83 -4
- package/lib/cjs/styles/themes/next-gen/forms.js +51 -8
- package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +472 -72
- package/lib/cjs/styles/themes/next-gen/spacing.d.ts +1 -0
- package/lib/cjs/styles/themes/next-gen/spacing.js +2 -1
- package/lib/cjs/styles/themes/next-gen/variants/arrayField.d.ts +9 -0
- package/lib/cjs/styles/themes/next-gen/variants/arrayField.js +71 -0
- package/lib/cjs/styles/themes/next-gen/variants/arrayFieldDeleteButton.d.ts +5 -0
- package/lib/cjs/styles/themes/next-gen/variants/arrayFieldDeleteButton.js +44 -0
- package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts +243 -33
- package/lib/cjs/styles/themes/next-gen/variants/badges.js +77 -28
- package/lib/cjs/styles/themes/next-gen/variants/box.d.ts +2 -0
- package/lib/cjs/styles/themes/next-gen/variants/box.js +7 -4
- package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +41 -29
- package/lib/cjs/styles/themes/next-gen/variants/button.js +25 -2
- package/lib/cjs/styles/themes/next-gen/variants/images.d.ts +6 -1
- package/lib/cjs/styles/themes/next-gen/variants/images.js +8 -1
- package/lib/cjs/styles/themes/next-gen/variants/label.js +33 -1
- package/lib/cjs/styles/themes/next-gen/variants/listview.d.ts +33 -0
- package/lib/cjs/styles/themes/next-gen/variants/listview.js +36 -1
- package/lib/cjs/styles/themes/next-gen/variants/rangeCalendar.d.ts +10 -0
- package/lib/cjs/styles/themes/next-gen/variants/rangeCalendar.js +15 -4
- package/lib/cjs/styles/themes/next-gen/variants/tabs.d.ts +9 -0
- package/lib/cjs/styles/themes/next-gen/variants/tabs.js +12 -3
- package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +5 -1
- package/lib/cjs/styles/themes/next-gen/variants/text.js +6 -2
- package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +103 -6
- package/lib/cjs/styles/themes/next-gen/variants/variants.js +30 -4
- package/lib/cjs/styles/variants/variants.js +8 -0
- package/lib/cjs/types/AccordionGridGroup.d.ts +36 -0
- package/lib/cjs/types/AccordionGridGroup.js +6 -0
- package/lib/cjs/types/AccordionGridItem.d.ts +52 -0
- package/lib/cjs/types/AccordionGridItem.js +6 -0
- package/lib/cjs/types/AstroProvider.d.ts +32 -0
- package/lib/cjs/types/AstroProvider.js +6 -0
- package/lib/cjs/types/Checkbox.d.ts +44 -0
- package/lib/cjs/types/Checkbox.js +6 -0
- package/lib/cjs/types/badge.d.ts +6 -0
- package/lib/cjs/types/checkboxFieldGroup.d.ts +48 -0
- package/lib/cjs/types/checkboxFieldGroup.js +6 -0
- package/lib/cjs/types/codeView.d.ts +3 -0
- package/lib/cjs/types/emptyState.d.ts +27 -0
- package/lib/cjs/types/emptyState.js +6 -0
- package/lib/cjs/types/iconBadge.d.ts +6 -0
- package/lib/cjs/types/index.d.ts +7 -0
- package/lib/cjs/types/index.js +147 -70
- package/lib/cjs/types/item.d.ts +5 -0
- package/lib/cjs/types/listView.d.ts +3 -0
- package/lib/cjs/types/table.d.ts +2 -0
- package/lib/cjs/utils/designUtils/figmaLinks.d.ts +3 -0
- package/lib/cjs/utils/designUtils/figmaLinks.js +4 -1
- package/lib/components/AccordionGridGroup/AccordionGridGroup.js +6 -56
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +2 -1
- package/lib/components/AccordionGridItem/AccordionGridItem.js +12 -20
- package/lib/components/AccordionGridItem/AccordionGridItemBody.js +9 -15
- package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +10 -23
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +11 -0
- package/lib/components/AccordionGroup/AccordionGroup.test.js +43 -1
- package/lib/components/AccordionItem/AccordionItem.js +5 -3
- package/lib/components/ArrayField/ArrayField.js +30 -13
- package/lib/components/ArrayField/ArrayField.mdx +5 -1
- package/lib/components/ArrayField/ArrayField.stories.js +126 -89
- package/lib/components/ArrayField/ArrayField.styles.js +34 -0
- package/lib/components/ArrayField/ArrayField.test.js +202 -30
- package/lib/components/ArrayField/ArrayFieldDeleteButton.js +21 -8
- package/lib/components/ArrayField/ArrayFieldDeleteButton.styles.js +14 -0
- package/lib/components/ArrayField/arrayFieldAttributes.js +3 -2
- package/lib/components/AstroProvider/AstroProvider.js +10 -34
- package/lib/components/AstroProvider/PageWrapper.test.js +46 -0
- package/lib/components/Badge/Badge.js +20 -11
- package/lib/components/Badge/Badge.mdx +6 -0
- package/lib/components/Badge/Badge.stories.js +64 -19
- package/lib/components/Badge/Badge.styles.js +25 -5
- package/lib/components/Badge/Badge.test.js +166 -2
- package/lib/components/Badge/BadgeHelpHint.js +74 -0
- package/lib/components/Badge/Convenience/DefaultBadge.js +5 -2
- package/lib/components/Badge/Convenience/ErrorCalloutBadge.js +5 -4
- package/lib/components/Badge/Convenience/InfoCalloutBadge.js +5 -4
- package/lib/components/Badge/Convenience/SuccessCalloutBadge.js +5 -4
- package/lib/components/Badge/Convenience/WarningCalloutBadge.js +5 -4
- package/lib/components/Checkbox/CheckboxBase.js +99 -48
- package/lib/components/Checkbox/CheckboxIcons.js +114 -0
- package/lib/components/CheckboxField/CheckboxField.js +6 -2
- package/lib/components/CheckboxField/CheckboxField.stories.js +1 -1
- package/lib/components/CheckboxField/CheckboxField.test.js +41 -5
- package/lib/components/CheckboxFieldGroup/CheckboxFieldGroup.js +79 -0
- package/lib/components/CheckboxFieldGroup/CheckboxFieldGroup.mdx +69 -0
- package/lib/components/CheckboxFieldGroup/CheckboxFieldGroup.stories.js +111 -0
- package/lib/components/CheckboxFieldGroup/CheckboxFieldGroup.styles.js +33 -0
- package/lib/components/CheckboxFieldGroup/CheckboxFieldGroup.test.js +481 -0
- package/lib/components/CheckboxFieldGroup/CheckboxFieldGroupItem.js +101 -0
- package/lib/components/CheckboxFieldGroup/checkboxFieldGroupAttributes.js +101 -0
- package/lib/components/CheckboxFieldGroup/index.js +3 -0
- package/lib/components/CodeView/CodeView.js +3 -2
- package/lib/components/CodeView/CodeView.stories.js +44 -1
- package/lib/components/CodeView/CodeView.test.js +85 -1
- package/lib/components/ComboBoxField/ComboBoxField.stories.js +18 -1
- package/lib/components/CopyText/CopyButton.js +1 -2
- package/lib/components/DatePicker/DatePicker.test.js +1 -1
- package/lib/components/EmptyState/EmptyState.js +54 -0
- package/lib/components/EmptyState/EmptyState.mdx +44 -0
- package/lib/components/EmptyState/EmptyState.stories.js +81 -0
- package/lib/components/EmptyState/EmptyState.styles.js +15 -0
- package/lib/components/EmptyState/EmptyState.test.js +220 -0
- package/lib/components/EmptyState/emptyStateAttributes.js +42 -0
- package/lib/components/EmptyState/index.js +1 -0
- package/lib/components/HelpHint/HelpHint.js +41 -86
- package/lib/components/IconBadge/IconBadge.js +43 -24
- package/lib/components/IconBadge/IconBadge.mdx +5 -1
- package/lib/components/IconBadge/IconBadge.stories.js +50 -7
- package/lib/components/IconBadge/IconBadge.styles.js +20 -0
- package/lib/components/IconBadge/IconBadge.test.js +54 -1
- package/lib/components/IconButton/IconButton.styles.js +4 -0
- package/lib/components/LabelValuePairs/LabelValuePairs.stories.js +1 -0
- package/lib/components/LabelValuePairs/LabelValuePairs.test.js +19 -2
- package/lib/components/LabelValuePairs/LabelValuePairsLabel.js +1 -2
- package/lib/components/ListView/ListView.js +28 -4
- package/lib/components/ListView/ListView.stories.js +106 -58
- package/lib/components/ListView/ListView.test.js +80 -0
- package/lib/components/ListViewItem/ListViewItem.js +28 -5
- package/lib/components/ListViewItem/ListViewItem.stories.js +3 -6
- package/lib/components/ListViewItem/ListViewItem.styles.js +7 -0
- package/lib/components/ListViewItem/ListViewItem.test.js +33 -2
- package/lib/components/ListViewItem/listViewItemAttributes.js +9 -1
- package/lib/components/MultivaluesField/DefaultMultivaluesField.js +8 -0
- package/lib/components/MultivaluesField/MultivaluesField.stories.js +23 -1
- package/lib/components/PageHeader/PageHeader.js +9 -4
- package/lib/components/PageHeader/PageHeader.mdx +3 -0
- package/lib/components/PageHeader/PageHeader.stories.js +15 -5
- package/lib/components/PageHeader/PageHeader.test.js +58 -4
- package/lib/components/PanelHeader/PanelHeader.js +37 -9
- package/lib/components/PanelHeader/PanelHeader.stories.js +3 -6
- package/lib/components/PanelHeader/PanelHeader.test.js +47 -5
- package/lib/components/RangeCalendar/RangeCalendar.js +1 -1
- package/lib/components/RangeCalendar/RangeCalendar.mdx +4 -0
- package/lib/components/RangeCalendar/RangeCalendar.test.js +30 -0
- package/lib/components/RangeCalendar/RangeCalendarGrid.js +1 -0
- package/lib/components/SelectField/SelectField.stories.js +13 -0
- package/lib/components/Tab/Tab.js +39 -3
- package/lib/components/Tab/getSlotText.js +15 -0
- package/lib/components/Tab/getSlotText.test.js +21 -0
- package/lib/components/TabPicker/TabPicker.js +10 -5
- package/lib/components/Tabs/Tabs.stories.js +62 -11
- package/lib/components/Tabs/Tabs.storyData.js +1 -0
- package/lib/components/Tabs/Tabs.style.js +6 -1
- package/lib/components/Tabs/Tabs.test.js +85 -37
- package/lib/context/CheckboxFieldGroupContext/index.js +10 -0
- package/lib/hooks/index.js +1 -0
- package/lib/hooks/useHelpHintPopover/index.js +2 -0
- package/lib/hooks/useHelpHintPopover/useHelpHintPopover.js +130 -0
- package/lib/index.js +4 -0
- package/lib/styles/forms/index.js +22 -2
- package/lib/styles/themeOverrides/nextGenDarkMode/colors.js +18 -1
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/badges.js +76 -29
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/box.js +15 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +20 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/comboBox.js +4 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/forms.js +33 -9
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/listview.js +30 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/text.js +5 -2
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +12 -1
- package/lib/styles/themes/astro/customProperties/icons.js +3 -1
- package/lib/styles/themes/astro/customProperties/index.js +3 -0
- package/lib/styles/themes/next-gen/codeView/codeView.js +5 -2
- package/lib/styles/themes/next-gen/colors/twoTone.js +19 -0
- package/lib/styles/themes/next-gen/convertedComponentList.js +5 -3
- package/lib/styles/themes/next-gen/customProperties/icons.js +5 -1
- package/lib/styles/themes/next-gen/customProperties/index.js +3 -1
- package/lib/styles/themes/next-gen/forms.js +50 -7
- package/lib/styles/themes/next-gen/spacing.js +2 -1
- package/lib/styles/themes/next-gen/variants/arrayField.js +64 -0
- package/lib/styles/themes/next-gen/variants/arrayFieldDeleteButton.js +37 -0
- package/lib/styles/themes/next-gen/variants/badges.js +77 -28
- package/lib/styles/themes/next-gen/variants/box.js +7 -4
- package/lib/styles/themes/next-gen/variants/button.js +25 -2
- package/lib/styles/themes/next-gen/variants/images.js +7 -1
- package/lib/styles/themes/next-gen/variants/label.js +33 -1
- package/lib/styles/themes/next-gen/variants/listview.js +35 -1
- package/lib/styles/themes/next-gen/variants/rangeCalendar.js +15 -4
- package/lib/styles/themes/next-gen/variants/tabs.js +11 -2
- package/lib/styles/themes/next-gen/variants/text.js +6 -2
- package/lib/styles/themes/next-gen/variants/variants.js +31 -5
- package/lib/styles/variants/variants.js +8 -0
- package/lib/types/AccordionGridGroup.js +1 -0
- package/lib/types/AccordionGridItem.js +1 -0
- package/lib/types/AstroProvider.js +1 -0
- package/lib/types/Checkbox.js +1 -0
- package/lib/types/checkboxFieldGroup.js +1 -0
- package/lib/types/emptyState.js +1 -0
- package/lib/types/index.js +7 -0
- package/lib/utils/designUtils/figmaLinks.js +4 -1
- package/package.json +2 -2
|
@@ -17,13 +17,11 @@ _Object$defineProperty(exports, "ThemeProvider", {
|
|
|
17
17
|
});
|
|
18
18
|
exports["default"] = void 0;
|
|
19
19
|
var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
|
|
20
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
21
20
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
22
21
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
23
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
24
23
|
var _react2 = require("@emotion/react");
|
|
25
24
|
var _emotionNormalize = _interopRequireDefault(require("emotion-normalize"));
|
|
26
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
25
|
var _themeUi = require("theme-ui");
|
|
28
26
|
var _fonts = require("../../fonts");
|
|
29
27
|
var _useGetTheme2 = _interopRequireDefault(require("../../hooks/useGetTheme"));
|
|
@@ -41,12 +39,9 @@ var GlobalStyles = exports.GlobalStyles = function GlobalStyles(_ref2) {
|
|
|
41
39
|
isOnyx = _useGetTheme$themeSta.isOnyx,
|
|
42
40
|
isOnyxDark = _useGetTheme$themeSta.isOnyxDark;
|
|
43
41
|
return (0, _react2.jsx)(_react2.Global, {
|
|
44
|
-
styles: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " ", _fonts.pingitoFont, " ", _fonts.openSansFont, " ", _fonts.materialSymbolsOutlinedFont, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:", isEndUserTheme && 'pingito, ', " ", isOnyx && 'Open Sans, ', " \"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:", isOnyx || isOnyxDark ? 0.65 : 0.5, ";pointer-events:none;}[data-live-announcer]{display:none;}button:focus-visible,[type=\"button\"]:focus-visible,[type=\"reset\"]:focus-visible,[type=\"submit\"]:focus-visible{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
42
|
+
styles: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " ", _fonts.pingitoFont, " ", _fonts.openSansFont, " ", _fonts.materialSymbolsOutlinedFont, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:", isEndUserTheme && 'pingito, ', " ", isOnyx && 'Open Sans, ', " \"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:", isOnyx || isOnyxDark ? 0.65 : 0.5, ";pointer-events:none;}[data-live-announcer]{display:none;}button:focus-visible,[type=\"button\"]:focus-visible,[type=\"reset\"]:focus-visible,[type=\"submit\"]:focus-visible{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXN0cm8vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlaUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hc3Ryby9zcmMvY29tcG9uZW50cy9Bc3Ryb1Byb3ZpZGVyL0FzdHJvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciwgVGhlbWVQcm92aWRlclByb3BzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IG1hdGVyaWFsU3ltYm9sc091dGxpbmVkRm9udCwgb3BlblNhbnNGb250LCBwaW5naXRvRm9udCB9IGZyb20gJy4uLy4uL2ZvbnRzJztcbmltcG9ydCB1c2VHZXRUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VHZXRUaGVtZSc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuaW1wb3J0IHsgQXN0cm9Qcm92aWRlclByb3BzLCBCb3hQcm9wcywgR2xvYmFsU3R5bGVzUHJvcHMsIFBhZ2VXcmFwcGVyUHJvcHMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCc7XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoeyBpc0VuZFVzZXJUaGVtZSA9IGZhbHNlIH06IEdsb2JhbFN0eWxlc1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVTdGF0ZTogeyBpc09ueXgsIGlzT255eERhcmsgfSB9ID0gdXNlR2V0VGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8R2xvYmFsXG4gICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAke3BpbmdpdG9Gb250fVxuICAgICAgICAke29wZW5TYW5zRm9udH1cbiAgICAgICAgJHttYXRlcmlhbFN5bWJvbHNPdXRsaW5lZEZvbnR9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogJHtpc0VuZFVzZXJUaGVtZSAmJiAncGluZ2l0bywgJ30gJHtpc09ueXggJiYgJ09wZW4gU2FucywgJ30gXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAke2lzT255eCB8fCBpc09ueXhEYXJrID8gMC42NSA6IDAuNX07XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgW2RhdGEtbGl2ZS1hbm5vdW5jZXJdIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgIGJ1dHRvbjpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cImJ1dHRvblwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInJlc2V0XCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwic3VibWl0XCJdOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgLz5cbiAgKTtcbn07XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEFzdHJvUHJvdmlkZXJQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiB7XG4gIC8vIFVzZSAucmVkdWNlKCkgdG8gaXRlcmF0aXZlbHkgbWVyZ2UgZWFjaCBvdmVycmlkZSBvYmplY3RcbiAgICByZXR1cm4gdGhlbWVPdmVycmlkZXMucmVkdWNlKChhY2N1bXVsYXRlZFRoZW1lLCBjdXJyZW50T3ZlcnJpZGUpID0+IHtcbiAgICAvLyBUaGlzIGxpbmUgcnVucyBmb3IgZXZlcnkgaXRlbSBpbiB0aGUgYXJyYXlcbiAgICAgIHJldHVybiBtZXJnZShhY2N1bXVsYXRlZFRoZW1lLCBjdXJyZW50T3ZlcnJpZGUpO1xuICAgIH0sIGRlZmF1bHRUaGVtZSk7IC8vIFRoZSBkZWZhdWx0VGhlbWUgaXMgdGhlIHN0YXJ0aW5nIHBvaW50XG4gIH0sIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG5cbiAgY29uc3QgaXNFbmRVc2VyVGhlbWUgPSB0aGVtZSAmJiB0aGVtZS5uYW1lID09PSAnRW5kIFVzZXInO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxTdHlsZXMgaXNFbmRVc2VyVGhlbWU9e2lzRW5kVXNlclRoZW1lfSAvPlxuICAgICAgPEJveCByZWY9e3JlZn0gYmc9XCJiYWNrZ3JvdW5kQmFzZVwiIGhlaWdodD1cIjEwMCVcIiB7Li4uKHByb3BzIGFzIEJveFByb3BzKX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIFBhZ2VXcmFwcGVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgZGVmYXVsdFRoZW1lID0gYXN0cm9UaGVtZSwgdGhlbWVPdmVycmlkZXMgPSBbe31dLCBjaGlsZHJlbiwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gdGhlbWVPdmVycmlkZXMucmVkdWNlKFxuICAgICAgKGFjY3VtdWxhdGVkVGhlbWUsIGN1cnJlbnRPdmVycmlkZSkgPT4gbWVyZ2UoYWNjdW11bGF0ZWRUaGVtZSwgY3VycmVudE92ZXJyaWRlKSxcbiAgICAgIGRlZmF1bHRUaGVtZSxcbiAgICApLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSxcbiAgKTtcblxuICBjb25zdCBUaGVtZVByb3ZpZGVyV2l0aFJlZiA9IFRoZW1lUHJvdmlkZXIgYXMgUmVhY3QuRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudDxcbiAgICBUaGVtZVByb3ZpZGVyUHJvcHMgJiBSZWFjdC5SZWZBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PlxuICA+O1xuXG4gIGNvbnN0IEJveFdpdGhDc3MgPSBCb3ggYXMgUmVhY3QuRWxlbWVudFR5cGU7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlcldpdGhSZWYgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgICAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICA8Qm94V2l0aENzc1xuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAgICAgICAqIHtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICB7Li4uKHByb3BzIGFzIEJveFByb3BzKX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3hXaXRoQ3NzPlxuICAgIDwvVGhlbWVQcm92aWRlcldpdGhSZWY+XG4gICk7XG59KTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9Qcm92aWRlcjtcbiJdfQ== */")
|
|
45
43
|
});
|
|
46
44
|
};
|
|
47
|
-
GlobalStyles.propTypes = {
|
|
48
|
-
isEndUserTheme: _propTypes["default"].bool
|
|
49
|
-
};
|
|
50
45
|
|
|
51
46
|
/**
|
|
52
47
|
* _Note: For UI Library and Astro CSS conflicts, we supply a theme override located at_
|
|
@@ -81,17 +76,6 @@ var AstroProvider = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
81
76
|
height: "100%"
|
|
82
77
|
}, props), children));
|
|
83
78
|
});
|
|
84
|
-
AstroProvider.propTypes = {
|
|
85
|
-
/** Array of theme objects which will be merged with the default theme.
|
|
86
|
-
* In the case of clashes, these will take priority.
|
|
87
|
-
* Useful for customizing the default variants, adding new ones,
|
|
88
|
-
* or overriding other theme values. */
|
|
89
|
-
themeOverrides: _propTypes["default"].arrayOf(_propTypes["default"].shape({})),
|
|
90
|
-
/** The default theme applied to the Astro components.
|
|
91
|
-
* Overriding this is an advanced use case so
|
|
92
|
-
* please understand potential reprecussions before editing */
|
|
93
|
-
defaultTheme: _propTypes["default"].shape({})
|
|
94
|
-
};
|
|
95
79
|
|
|
96
80
|
/**
|
|
97
81
|
* Wrapper for the Astro application w/o global styles.
|
|
@@ -102,7 +86,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
102
86
|
styles: "[data-tippy-root]{max-width:calc(100vw - 10px);}"
|
|
103
87
|
} : {
|
|
104
88
|
name: "19fs2zm-PageWrapper",
|
|
105
|
-
styles: "[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
89
|
+
styles: "[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXN0cm8vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1R21CIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXN0cm8vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIsIFRoZW1lUHJvdmlkZXJQcm9wcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuXG5pbXBvcnQgeyBtYXRlcmlhbFN5bWJvbHNPdXRsaW5lZEZvbnQsIG9wZW5TYW5zRm9udCwgcGluZ2l0b0ZvbnQgfSBmcm9tICcuLi8uLi9mb250cyc7XG5pbXBvcnQgdXNlR2V0VGhlbWUgZnJvbSAnLi4vLi4vaG9va3MvdXNlR2V0VGhlbWUnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCB7IEFzdHJvUHJvdmlkZXJQcm9wcywgQm94UHJvcHMsIEdsb2JhbFN0eWxlc1Byb3BzLCBQYWdlV3JhcHBlclByb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKHsgaXNFbmRVc2VyVGhlbWUgPSBmYWxzZSB9OiBHbG9iYWxTdHlsZXNQcm9wcykgPT4ge1xuICBjb25zdCB7IHRoZW1lU3RhdGU6IHsgaXNPbnl4LCBpc09ueXhEYXJrIH0gfSA9IHVzZUdldFRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgJHtwaW5naXRvRm9udH1cbiAgICAgICAgJHtvcGVuU2Fuc0ZvbnR9XG4gICAgICAgICR7bWF0ZXJpYWxTeW1ib2xzT3V0bGluZWRGb250fVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6ICR7aXNFbmRVc2VyVGhlbWUgJiYgJ3BpbmdpdG8sICd9ICR7aXNPbnl4ICYmICdPcGVuIFNhbnMsICd9IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogJHtpc09ueXggfHwgaXNPbnl4RGFyayA/IDAuNjUgOiAwLjV9O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIFtkYXRhLWxpdmUtYW5ub3VuY2VyXSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBidXR0b246Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJidXR0b25cIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJyZXNldFwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInN1Ym1pdFwiXTpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgIC8+XG4gICk7XG59O1xuXG4vKipcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVPdmVycmlkZXMvdWlMaWJyYXJ5T3ZlcnJpZGUuanNgXG4gKi9cbmNvbnN0IEFzdHJvUHJvdmlkZXIgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBBc3Ryb1Byb3ZpZGVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgZGVmYXVsdFRoZW1lID0gYXN0cm9UaGVtZSwgdGhlbWVPdmVycmlkZXMgPSBbe31dLCBjaGlsZHJlbiwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICAvLyBVbmZvcnR1bmF0ZWx5IGJlY2F1c2UgdGhpcyBpcyBhZGRpbmcgc3R5bGVzLCB3ZSBjYW5ub3Qgd3JpdGUgYSBwcm9wZXIgdGVzdCBmb3IgdGhpcy5cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAvLyBVc2UgLnJlZHVjZSgpIHRvIGl0ZXJhdGl2ZWx5IG1lcmdlIGVhY2ggb3ZlcnJpZGUgb2JqZWN0XG4gICAgcmV0dXJuIHRoZW1lT3ZlcnJpZGVzLnJlZHVjZSgoYWNjdW11bGF0ZWRUaGVtZSwgY3VycmVudE92ZXJyaWRlKSA9PiB7XG4gICAgLy8gVGhpcyBsaW5lIHJ1bnMgZm9yIGV2ZXJ5IGl0ZW0gaW4gdGhlIGFycmF5XG4gICAgICByZXR1cm4gbWVyZ2UoYWNjdW11bGF0ZWRUaGVtZSwgY3VycmVudE92ZXJyaWRlKTtcbiAgICB9LCBkZWZhdWx0VGhlbWUpOyAvLyBUaGUgZGVmYXVsdFRoZW1lIGlzIHRoZSBzdGFydGluZyBwb2ludFxuICB9LCBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuXG4gIGNvbnN0IGlzRW5kVXNlclRoZW1lID0gdGhlbWUgJiYgdGhlbWUubmFtZSA9PT0gJ0VuZCBVc2VyJztcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIGlzRW5kVXNlclRoZW1lPXtpc0VuZFVzZXJUaGVtZX0gLz5cbiAgICAgIDxCb3ggcmVmPXtyZWZ9IGJnPVwiYmFja2dyb3VuZEJhc2VcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLihwcm9wcyBhcyBCb3hQcm9wcyl9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBQYWdlV3JhcHBlclByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGRlZmF1bHRUaGVtZSA9IGFzdHJvVGhlbWUsIHRoZW1lT3ZlcnJpZGVzID0gW3t9XSwgY2hpbGRyZW4sIC4uLm90aGVycyB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKFxuICAgICgpID0+IHRoZW1lT3ZlcnJpZGVzLnJlZHVjZShcbiAgICAgIChhY2N1bXVsYXRlZFRoZW1lLCBjdXJyZW50T3ZlcnJpZGUpID0+IG1lcmdlKGFjY3VtdWxhdGVkVGhlbWUsIGN1cnJlbnRPdmVycmlkZSksXG4gICAgICBkZWZhdWx0VGhlbWUsXG4gICAgKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10sXG4gICk7XG5cbiAgY29uc3QgVGhlbWVQcm92aWRlcldpdGhSZWYgPSBUaGVtZVByb3ZpZGVyIGFzIFJlYWN0LkZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8XG4gICAgVGhlbWVQcm92aWRlclByb3BzICYgUmVhY3QuUmVmQXR0cmlidXRlczxIVE1MRWxlbWVudD5cbiAgPjtcblxuICBjb25zdCBCb3hXaXRoQ3NzID0gQm94IGFzIFJlYWN0LkVsZW1lbnRUeXBlO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXJXaXRoUmVmIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEJveFdpdGhDc3NcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgICAgICAgKiB7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgICAgey4uLihwcm9wcyBhcyBCb3hQcm9wcyl9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94V2l0aENzcz5cbiAgICA8L1RoZW1lUHJvdmlkZXJXaXRoUmVmPlxuICApO1xufSk7XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvUHJvdmlkZXI7XG4iXX0= */",
|
|
106
90
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
107
91
|
};
|
|
108
92
|
var PageWrapper = exports.PageWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
@@ -113,27 +97,19 @@ var PageWrapper = exports.PageWrapper = /*#__PURE__*/(0, _react.forwardRef)(func
|
|
|
113
97
|
children = props.children,
|
|
114
98
|
others = (0, _objectWithoutProperties2["default"])(props, _excluded2);
|
|
115
99
|
var theme = (0, _react.useMemo)(function () {
|
|
116
|
-
|
|
117
|
-
|
|
100
|
+
return (0, _reduce["default"])(themeOverrides).call(themeOverrides, function (accumulatedTheme, currentOverride) {
|
|
101
|
+
return (0, _themeUi.merge)(accumulatedTheme, currentOverride);
|
|
102
|
+
}, defaultTheme);
|
|
118
103
|
}, [defaultTheme, themeOverrides]);
|
|
119
|
-
|
|
104
|
+
var ThemeProviderWithRef = _react2.ThemeProvider;
|
|
105
|
+
var BoxWithCss = _Box["default"];
|
|
106
|
+
return (0, _react2.jsx)(ThemeProviderWithRef, (0, _extends2["default"])({
|
|
120
107
|
ref: ref,
|
|
121
108
|
theme: theme
|
|
122
109
|
}, others), (0, _react2.jsx)(_react2.Global, {
|
|
123
110
|
styles: _ref
|
|
124
|
-
}), (0, _react2.jsx)(
|
|
125
|
-
css: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
111
|
+
}), (0, _react2.jsx)(BoxWithCss, (0, _extends2["default"])({
|
|
112
|
+
css: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXN0cm8vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4R2dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXN0cm8vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIsIFRoZW1lUHJvdmlkZXJQcm9wcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuXG5pbXBvcnQgeyBtYXRlcmlhbFN5bWJvbHNPdXRsaW5lZEZvbnQsIG9wZW5TYW5zRm9udCwgcGluZ2l0b0ZvbnQgfSBmcm9tICcuLi8uLi9mb250cyc7XG5pbXBvcnQgdXNlR2V0VGhlbWUgZnJvbSAnLi4vLi4vaG9va3MvdXNlR2V0VGhlbWUnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCB7IEFzdHJvUHJvdmlkZXJQcm9wcywgQm94UHJvcHMsIEdsb2JhbFN0eWxlc1Byb3BzLCBQYWdlV3JhcHBlclByb3BzIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKHsgaXNFbmRVc2VyVGhlbWUgPSBmYWxzZSB9OiBHbG9iYWxTdHlsZXNQcm9wcykgPT4ge1xuICBjb25zdCB7IHRoZW1lU3RhdGU6IHsgaXNPbnl4LCBpc09ueXhEYXJrIH0gfSA9IHVzZUdldFRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgJHtwaW5naXRvRm9udH1cbiAgICAgICAgJHtvcGVuU2Fuc0ZvbnR9XG4gICAgICAgICR7bWF0ZXJpYWxTeW1ib2xzT3V0bGluZWRGb250fVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6ICR7aXNFbmRVc2VyVGhlbWUgJiYgJ3BpbmdpdG8sICd9ICR7aXNPbnl4ICYmICdPcGVuIFNhbnMsICd9IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogJHtpc09ueXggfHwgaXNPbnl4RGFyayA/IDAuNjUgOiAwLjV9O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIFtkYXRhLWxpdmUtYW5ub3VuY2VyXSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBidXR0b246Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJidXR0b25cIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJyZXNldFwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInN1Ym1pdFwiXTpmb2N1cy12aXNpYmxlIHtcbiAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgIC8+XG4gICk7XG59O1xuXG4vKipcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVPdmVycmlkZXMvdWlMaWJyYXJ5T3ZlcnJpZGUuanNgXG4gKi9cbmNvbnN0IEFzdHJvUHJvdmlkZXIgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBBc3Ryb1Byb3ZpZGVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgZGVmYXVsdFRoZW1lID0gYXN0cm9UaGVtZSwgdGhlbWVPdmVycmlkZXMgPSBbe31dLCBjaGlsZHJlbiwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICAvLyBVbmZvcnR1bmF0ZWx5IGJlY2F1c2UgdGhpcyBpcyBhZGRpbmcgc3R5bGVzLCB3ZSBjYW5ub3Qgd3JpdGUgYSBwcm9wZXIgdGVzdCBmb3IgdGhpcy5cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAvLyBVc2UgLnJlZHVjZSgpIHRvIGl0ZXJhdGl2ZWx5IG1lcmdlIGVhY2ggb3ZlcnJpZGUgb2JqZWN0XG4gICAgcmV0dXJuIHRoZW1lT3ZlcnJpZGVzLnJlZHVjZSgoYWNjdW11bGF0ZWRUaGVtZSwgY3VycmVudE92ZXJyaWRlKSA9PiB7XG4gICAgLy8gVGhpcyBsaW5lIHJ1bnMgZm9yIGV2ZXJ5IGl0ZW0gaW4gdGhlIGFycmF5XG4gICAgICByZXR1cm4gbWVyZ2UoYWNjdW11bGF0ZWRUaGVtZSwgY3VycmVudE92ZXJyaWRlKTtcbiAgICB9LCBkZWZhdWx0VGhlbWUpOyAvLyBUaGUgZGVmYXVsdFRoZW1lIGlzIHRoZSBzdGFydGluZyBwb2ludFxuICB9LCBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuXG4gIGNvbnN0IGlzRW5kVXNlclRoZW1lID0gdGhlbWUgJiYgdGhlbWUubmFtZSA9PT0gJ0VuZCBVc2VyJztcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIGlzRW5kVXNlclRoZW1lPXtpc0VuZFVzZXJUaGVtZX0gLz5cbiAgICAgIDxCb3ggcmVmPXtyZWZ9IGJnPVwiYmFja2dyb3VuZEJhc2VcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLihwcm9wcyBhcyBCb3hQcm9wcyl9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBQYWdlV3JhcHBlclByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGRlZmF1bHRUaGVtZSA9IGFzdHJvVGhlbWUsIHRoZW1lT3ZlcnJpZGVzID0gW3t9XSwgY2hpbGRyZW4sIC4uLm90aGVycyB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKFxuICAgICgpID0+IHRoZW1lT3ZlcnJpZGVzLnJlZHVjZShcbiAgICAgIChhY2N1bXVsYXRlZFRoZW1lLCBjdXJyZW50T3ZlcnJpZGUpID0+IG1lcmdlKGFjY3VtdWxhdGVkVGhlbWUsIGN1cnJlbnRPdmVycmlkZSksXG4gICAgICBkZWZhdWx0VGhlbWUsXG4gICAgKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10sXG4gICk7XG5cbiAgY29uc3QgVGhlbWVQcm92aWRlcldpdGhSZWYgPSBUaGVtZVByb3ZpZGVyIGFzIFJlYWN0LkZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8XG4gICAgVGhlbWVQcm92aWRlclByb3BzICYgUmVhY3QuUmVmQXR0cmlidXRlczxIVE1MRWxlbWVudD5cbiAgPjtcblxuICBjb25zdCBCb3hXaXRoQ3NzID0gQm94IGFzIFJlYWN0LkVsZW1lbnRUeXBlO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXJXaXRoUmVmIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEJveFdpdGhDc3NcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgICAgICAgKiB7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgICAgey4uLihwcm9wcyBhcyBCb3hQcm9wcyl9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94V2l0aENzcz5cbiAgICA8L1RoZW1lUHJvdmlkZXJXaXRoUmVmPlxuICApO1xufSk7XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvUHJvdmlkZXI7XG4iXX0= */")
|
|
126
113
|
}, props), children));
|
|
127
114
|
});
|
|
128
|
-
PageWrapper.propTypes = {
|
|
129
|
-
/** Array of theme objects which will be merged with the default theme.
|
|
130
|
-
* In the case of clashes, these will take priority.
|
|
131
|
-
* Useful for customizing the default variants, adding new ones,
|
|
132
|
-
* or overriding other theme values. */
|
|
133
|
-
themeOverrides: _propTypes["default"].arrayOf(_propTypes["default"].shape({})),
|
|
134
|
-
/** The default theme applied to the Astro components.
|
|
135
|
-
* Overriding this is an advanced use case so
|
|
136
|
-
* please understand potential reprecussions before editing */
|
|
137
|
-
defaultTheme: _propTypes["default"].shape({})
|
|
138
|
-
};
|
|
139
115
|
var _default = exports["default"] = AstroProvider;
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
+
var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
|
|
4
5
|
var _react = _interopRequireDefault(require("react"));
|
|
5
|
-
var _react2 = require("@
|
|
6
|
+
var _react2 = require("@emotion/react");
|
|
7
|
+
var _react3 = require("@testing-library/react");
|
|
6
8
|
var _index = require("../../index");
|
|
9
|
+
var _themes = require("../../utils/devUtils/constants/themes");
|
|
7
10
|
var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
|
|
8
|
-
var _react3 = require("@emotion/react");
|
|
9
11
|
var testId = 'test-box';
|
|
10
12
|
var defaultProps = {
|
|
11
13
|
bg: 'active',
|
|
12
14
|
'data-testid': testId
|
|
13
15
|
};
|
|
14
16
|
var getComponent = function getComponent() {
|
|
15
|
-
return (0,
|
|
17
|
+
return (0, _react3.render)((0, _react2.jsx)(_index.Box, defaultProps), {
|
|
16
18
|
wrapper: _index.PageWrapper
|
|
17
19
|
});
|
|
18
20
|
};
|
|
@@ -25,8 +27,51 @@ var getComponent = function getComponent() {
|
|
|
25
27
|
test('should provide theme styling through PageWrapper', function () {
|
|
26
28
|
getComponent();
|
|
27
29
|
var activeRgb = 'rgb(68, 98, 237)';
|
|
28
|
-
var box =
|
|
30
|
+
var box = _react3.screen.queryByTestId(testId);
|
|
29
31
|
expect(box).toBeInstanceOf(HTMLDivElement);
|
|
30
32
|
expect(box).toBeInTheDocument();
|
|
31
33
|
expect(box).toHaveStyle("background-color: ".concat(activeRgb));
|
|
34
|
+
});
|
|
35
|
+
var Probe = function Probe() {
|
|
36
|
+
var theme = (0, _react2.useTheme)();
|
|
37
|
+
return (0, _react2.jsx)("div", {
|
|
38
|
+
"data-testid": "probe"
|
|
39
|
+
}, (0, _stringify["default"])({
|
|
40
|
+
colors: theme === null || theme === void 0 ? void 0 : theme.colors,
|
|
41
|
+
name: theme === null || theme === void 0 ? void 0 : theme.name
|
|
42
|
+
}));
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
// Regression coverage for the multi-override merge: PageWrapper must merge
|
|
46
|
+
// every themeOverrides entry (theme-ui's 2-arg merge would silently drop the
|
|
47
|
+
// second entry), with later entries winning clashes.
|
|
48
|
+
test('should merge all themeOverrides entries, later entries winning clashes', function () {
|
|
49
|
+
(0, _react3.render)((0, _react2.jsx)(_index.PageWrapper, {
|
|
50
|
+
themeOverrides: [{
|
|
51
|
+
colors: {
|
|
52
|
+
probeOnlyFirst: 'first-value',
|
|
53
|
+
probeClash: 'first-value'
|
|
54
|
+
}
|
|
55
|
+
}, {
|
|
56
|
+
colors: {
|
|
57
|
+
probeClash: 'second-value',
|
|
58
|
+
probeOnlySecond: 'second-value'
|
|
59
|
+
}
|
|
60
|
+
}]
|
|
61
|
+
}, (0, _react2.jsx)(Probe, null)));
|
|
62
|
+
var theme = JSON.parse(_react3.screen.getByTestId('probe').textContent);
|
|
63
|
+
var colors = theme.colors;
|
|
64
|
+
expect(colors.probeOnlyFirst).toBe('first-value');
|
|
65
|
+
expect(colors.probeOnlySecond).toBe('second-value');
|
|
66
|
+
expect(colors.probeClash).toBe('second-value');
|
|
67
|
+
});
|
|
68
|
+
|
|
69
|
+
// The reduce also keeps an empty themeOverrides array safe: the reverted
|
|
70
|
+
// spread call would throw "Cannot convert undefined or null to object".
|
|
71
|
+
test('should mount with an empty themeOverrides array and keep the default theme', function () {
|
|
72
|
+
(0, _react3.render)((0, _react2.jsx)(_index.PageWrapper, {
|
|
73
|
+
themeOverrides: []
|
|
74
|
+
}, (0, _react2.jsx)(Probe, null)));
|
|
75
|
+
var theme = JSON.parse(_react3.screen.getByTestId('probe').textContent);
|
|
76
|
+
expect(theme.name).toBe(_themes.themes.ASTRO);
|
|
32
77
|
});
|
|
@@ -22,8 +22,9 @@ var _themeUi = require("theme-ui");
|
|
|
22
22
|
var _ = require("../..");
|
|
23
23
|
var _BadgeContext = require("../../context/BadgeContext");
|
|
24
24
|
var _hooks = require("../../hooks");
|
|
25
|
+
var _BadgeHelpHint = _interopRequireDefault(require("./BadgeHelpHint"));
|
|
25
26
|
var _react2 = require("@emotion/react");
|
|
26
|
-
var _excluded = ["align", "bg", "children", "isUppercase", "label", "sx", "slots", "textColor", "textProps", "variant"];
|
|
27
|
+
var _excluded = ["align", "bg", "children", "helpHint", "helpHintProps", "isUppercase", "label", "sx", "slots", "textColor", "textProps", "variant"];
|
|
27
28
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
28
29
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
29
30
|
var Badge = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
@@ -31,6 +32,8 @@ var Badge = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
|
31
32
|
_props$bg = props.bg,
|
|
32
33
|
bg = _props$bg === void 0 ? 'badge.background' : _props$bg,
|
|
33
34
|
children = props.children,
|
|
35
|
+
helpHint = props.helpHint,
|
|
36
|
+
helpHintProps = props.helpHintProps,
|
|
34
37
|
_props$isUppercase = props.isUppercase,
|
|
35
38
|
isUppercase = _props$isUppercase === void 0 ? false : _props$isUppercase,
|
|
36
39
|
label = props.label,
|
|
@@ -48,11 +51,13 @@ var Badge = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
|
48
51
|
}), align && (0, _defineProperty2["default"])({
|
|
49
52
|
position: 'absolute'
|
|
50
53
|
}, align, '15px')), sx);
|
|
51
|
-
var badgeProps = _objectSpread({
|
|
54
|
+
var badgeProps = _objectSpread(_objectSpread({
|
|
52
55
|
bg: bg,
|
|
53
56
|
isUppercase: isUppercase,
|
|
54
|
-
label: label
|
|
55
|
-
|
|
57
|
+
label: label
|
|
58
|
+
}, !helpHint && {
|
|
59
|
+
ref: ref
|
|
60
|
+
}), {}, {
|
|
56
61
|
textColor: textColor,
|
|
57
62
|
sx: badgeSx
|
|
58
63
|
}, others);
|
|
@@ -61,11 +66,7 @@ var Badge = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
|
61
66
|
// TODO : Remove in Astro V2 with theme remapping roll out.
|
|
62
67
|
var oldVariantPaths = ['boxes.countBadge', 'boxes.countNeutral', 'boxes.itemBadgeWithSlot', 'collapsiblePanel.collapsiblePanelBadge', 'boxes.environmentBadge', 'boxes.readOnlyBadge', 'boxes.selectedItemBadge'];
|
|
63
68
|
var fixedVariant = variant && (0, _includes["default"])(oldVariantPaths).call(oldVariantPaths, variant) ? "variants.".concat(variant) : variant;
|
|
64
|
-
|
|
65
|
-
value: {
|
|
66
|
-
bg: bg
|
|
67
|
-
}
|
|
68
|
-
}, (0, _react2.jsx)(_themeUi.Badge, (0, _extends2["default"])({}, badgeProps, {
|
|
69
|
+
var badge = (0, _react2.jsx)(_themeUi.Badge, (0, _extends2["default"])({}, badgeProps, {
|
|
69
70
|
variant: variant ? fixedVariant : 'baseBadge'
|
|
70
71
|
}), (slots === null || slots === void 0 ? void 0 : slots.leftIcon) && (0, _react2.jsx)(_.Box, {
|
|
71
72
|
mr: "xs"
|
|
@@ -76,8 +77,16 @@ var Badge = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
|
76
77
|
fontSize: badgeTextFontSize || ''
|
|
77
78
|
}, isUppercase ? {
|
|
78
79
|
textTransform: 'uppercase',
|
|
79
|
-
fontSize: '
|
|
80
|
+
fontSize: 'xs'
|
|
80
81
|
} : {})
|
|
81
|
-
}, textProps), label), children)
|
|
82
|
+
}, textProps), label), children);
|
|
83
|
+
return (0, _react2.jsx)(_BadgeContext.BadgeContext.Provider, {
|
|
84
|
+
value: {
|
|
85
|
+
bg: bg
|
|
86
|
+
}
|
|
87
|
+
}, helpHint ? (0, _react2.jsx)(_BadgeHelpHint["default"], (0, _extends2["default"])({
|
|
88
|
+
hint: helpHint,
|
|
89
|
+
ref: ref
|
|
90
|
+
}, helpHintProps), badge) : badge);
|
|
82
91
|
});
|
|
83
92
|
var _default = exports["default"] = Badge;
|
|
@@ -11,6 +11,12 @@ Badges are compact Box components used as filtering cues or contextual support.
|
|
|
11
11
|
|
|
12
12
|
This component uses [props from Theme-UI](https://theme-ui.com/sx-prop).
|
|
13
13
|
|
|
14
|
+
### Help Hints
|
|
15
|
+
|
|
16
|
+
Pass a `helpHint` to attach contextual help text to a badge. The badge itself becomes the tooltip
|
|
17
|
+
trigger — no separate icon or button is rendered — and the hint opens on hover or keyboard focus.
|
|
18
|
+
Use `helpHintProps` to customize the tooltip's placement and appearance.
|
|
19
|
+
|
|
14
20
|
### Required Components
|
|
15
21
|
|
|
16
22
|
This component can be used independently, and does not require additional components.
|
|
@@ -5,14 +5,18 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
|
|
|
5
5
|
_Object$defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports["default"] = exports.StatusBadgeVariants = exports.Default = exports.CountBadge = exports.BadgeWithLeftSlotAndIcon = exports.BadgeWithIcon = exports.BadgeWithCustomColors = void 0;
|
|
8
|
+
exports["default"] = exports.StatusBadgeVariants = exports.Default = exports.Customizations = exports.CountBadge = exports.BadgeWithLeftSlotAndIcon = exports.BadgeWithIcon = exports.BadgeWithCustomColors = void 0;
|
|
9
9
|
var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
11
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
12
12
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
|
+
var _AlertCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertCircleOutlineIcon"));
|
|
15
|
+
var _AlertOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertOutlineIcon"));
|
|
16
|
+
var _CheckCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckCircleOutlineIcon"));
|
|
14
17
|
var _CloseIcon = _interopRequireDefault(require("@pingux/mdi-react/CloseIcon"));
|
|
15
18
|
var _CogIcon = _interopRequireDefault(require("@pingux/mdi-react/CogIcon"));
|
|
19
|
+
var _InformationCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/InformationCircleOutlineIcon"));
|
|
16
20
|
var _PencilOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/PencilOutlineIcon"));
|
|
17
21
|
var _PlusCircleMultipleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/PlusCircleMultipleOutlineIcon"));
|
|
18
22
|
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
|
@@ -20,6 +24,7 @@ var _hooks = require("../../hooks");
|
|
|
20
24
|
var _index = require("../../index");
|
|
21
25
|
var _colors = require("../../styles/colors");
|
|
22
26
|
var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
|
|
27
|
+
var _docArgTypes = require("../../utils/docUtils/docArgTypes.js");
|
|
23
28
|
var _Badge = _interopRequireDefault(require("./Badge.mdx"));
|
|
24
29
|
var _react2 = require("@emotion/react");
|
|
25
30
|
var _default = exports["default"] = {
|
|
@@ -55,6 +60,26 @@ var _default = exports["default"] = {
|
|
|
55
60
|
control: {
|
|
56
61
|
type: 'boolean'
|
|
57
62
|
}
|
|
63
|
+
},
|
|
64
|
+
helpHint: {
|
|
65
|
+
control: {
|
|
66
|
+
type: _docArgTypes.docArgTypes.text
|
|
67
|
+
},
|
|
68
|
+
table: {
|
|
69
|
+
type: {
|
|
70
|
+
summary: _docArgTypes.docArgTypes.string
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
helpHintProps: {
|
|
75
|
+
control: {
|
|
76
|
+
type: _docArgTypes.docArgTypes.object
|
|
77
|
+
},
|
|
78
|
+
table: {
|
|
79
|
+
type: {
|
|
80
|
+
summary: 'BadgeHelpHintProps'
|
|
81
|
+
}
|
|
82
|
+
}
|
|
58
83
|
}
|
|
59
84
|
},
|
|
60
85
|
args: {
|
|
@@ -218,30 +243,50 @@ var BadgeWithLeftSlotAndIcon = exports.BadgeWithLeftSlotAndIcon = function Badge
|
|
|
218
243
|
}
|
|
219
244
|
})));
|
|
220
245
|
};
|
|
221
|
-
var StatusBadgeVariants = exports.StatusBadgeVariants = function StatusBadgeVariants(
|
|
222
|
-
var
|
|
246
|
+
var StatusBadgeVariants = exports.StatusBadgeVariants = function StatusBadgeVariants() {
|
|
247
|
+
var statusBadges = [['criticalStatusBadge', 'Critical', _AlertCircleOutlineIcon["default"]], ['warningStatusBadge', 'Warning', _AlertOutlineIcon["default"]], ['healthyStatusBadge', 'Healthy', _CheckCircleOutlineIcon["default"]], ['activeStatusBadge', 'Active', _InformationCircleOutlineIcon["default"]], ['secondaryStatusBadge', 'Secondary', _InformationCircleOutlineIcon["default"]]];
|
|
223
248
|
return (0, _react2.jsx)(_index.Box, {
|
|
224
249
|
gap: "md"
|
|
225
|
-
}, (0,
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
250
|
+
}, (0, _map["default"])(statusBadges).call(statusBadges, function (_ref6) {
|
|
251
|
+
var _ref7 = (0, _slicedToArray2["default"])(_ref6, 3),
|
|
252
|
+
variant = _ref7[0],
|
|
253
|
+
label = _ref7[1],
|
|
254
|
+
icon = _ref7[2];
|
|
255
|
+
return (0, _react2.jsx)(_index.Box, {
|
|
256
|
+
key: variant,
|
|
257
|
+
isRow: true,
|
|
258
|
+
alignItems: "center",
|
|
259
|
+
gap: "md"
|
|
260
|
+
}, (0, _react2.jsx)(_index.Badge, {
|
|
261
|
+
variant: variant,
|
|
262
|
+
label: label,
|
|
263
|
+
slots: {
|
|
264
|
+
leftIcon: (0, _react2.jsx)(_index.Icon, {
|
|
265
|
+
icon: icon,
|
|
266
|
+
size: "xs"
|
|
267
|
+
})
|
|
268
|
+
}
|
|
269
|
+
}), (0, _react2.jsx)(_index.Badge, {
|
|
270
|
+
variant: variant,
|
|
271
|
+
label: label
|
|
272
|
+
}));
|
|
273
|
+
}));
|
|
241
274
|
};
|
|
242
275
|
StatusBadgeVariants.parameters = {
|
|
243
276
|
design: {
|
|
244
277
|
type: 'figma',
|
|
245
278
|
url: _figmaLinks.FIGMA_LINKS.badge.statusVariants
|
|
246
279
|
}
|
|
280
|
+
};
|
|
281
|
+
var Customizations = exports.Customizations = function Customizations() {
|
|
282
|
+
return (0, _react2.jsx)(_index.Box, {
|
|
283
|
+
isRow: true,
|
|
284
|
+
gap: "lg"
|
|
285
|
+
}, (0, _react2.jsx)(_index.DefaultBadge, {
|
|
286
|
+
label: "Customized Hint",
|
|
287
|
+
helpHint: "This hint opens to the right of the badge, with a light background.",
|
|
288
|
+
helpHintProps: {
|
|
289
|
+
direction: 'right'
|
|
290
|
+
}
|
|
291
|
+
}));
|
|
247
292
|
};
|