@amboss/design-system 1.21.3 → 1.23.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -18
- package/build/{esm/src → cjs}/components/Badge/Badge.d.ts +1 -1
- package/build/cjs/components/Badge/Badge.js +1 -0
- package/build/{esm/src → cjs}/components/Box/Box.d.ts +3 -2
- package/build/cjs/components/Box/Box.js +1 -0
- package/build/{esm/src → cjs}/components/Button/Button.d.ts +4 -3
- package/build/cjs/components/Button/Button.js +1 -0
- package/build/{esm/src → cjs}/components/Callout/Callout.d.ts +4 -3
- package/build/cjs/components/Callout/Callout.js +1 -0
- package/build/{esm/src → cjs}/components/Card/Card.d.ts +2 -4
- package/build/cjs/components/Card/Card.js +1 -0
- package/build/cjs/components/Card/CardBox.js +1 -0
- package/build/cjs/components/Card/CardHeader/CardHeader.d.ts +10 -0
- package/build/cjs/components/Card/CardHeader/CardHeader.js +1 -0
- package/build/cjs/components/Collapsible/Collapsible.js +1 -0
- package/build/{esm/src → cjs}/components/Column/Columns.d.ts +2 -2
- package/build/cjs/components/Column/Columns.js +1 -0
- package/build/{esm/src → cjs}/components/Container/Container.d.ts +1 -1
- package/build/cjs/components/Container/Container.js +1 -0
- package/build/{esm/src → cjs}/components/DataTable/DataTable.d.ts +1 -1
- package/build/cjs/components/DataTable/DataTable.js +1 -0
- package/build/cjs/components/DataTable/TableBody.js +1 -0
- package/build/cjs/components/DataTable/TableCell.js +1 -0
- package/build/cjs/components/DataTable/TableHeader.js +1 -0
- package/build/cjs/components/DataTable/index.js +1 -0
- package/build/{esm/src → cjs}/components/DataTable/types.d.ts +1 -1
- package/build/cjs/components/DataTable/types.js +1 -0
- package/build/{esm/src → cjs}/components/DataTable/useDataTableSort.d.ts +1 -1
- package/build/cjs/components/DataTable/useDataTableSort.js +1 -0
- package/build/cjs/components/Divider/Divider.js +1 -0
- package/build/{esm/src → cjs}/components/DropdownMenu/DropdownMenu.d.ts +4 -4
- package/build/cjs/components/DropdownMenu/DropdownMenu.js +1 -0
- package/build/{esm/src → cjs}/components/DropdownMenu/MenuItem.d.ts +2 -3
- package/build/cjs/components/DropdownMenu/MenuItem.js +1 -0
- package/build/{esm/src → cjs}/components/Form/Checkbox/Checkbox.d.ts +1 -1
- package/build/cjs/components/Form/Checkbox/Checkbox.js +1 -0
- package/build/cjs/components/Form/FormErrorMessages/FormErrorMessages.js +1 -0
- package/build/cjs/components/Form/FormField/FormField.js +3 -0
- package/build/cjs/components/Form/FormFieldGroup/FormFieldGroup.js +1 -0
- package/build/cjs/components/Form/FormLabelText/FormLabelText.js +1 -0
- package/build/{esm/src → cjs}/components/Form/Input/Input.d.ts +2 -2
- package/build/cjs/components/Form/Input/Input.js +1 -0
- package/build/cjs/components/Form/Input/index.js +1 -0
- package/build/{esm/src → cjs}/components/Form/PasswordInput/PasswordInput.d.ts +1 -4
- package/build/cjs/components/Form/PasswordInput/PasswordInput.js +1 -0
- package/build/cjs/components/Form/PasswordInput/index.js +1 -0
- package/build/{esm/src → cjs}/components/Form/Radio/Radio.d.ts +1 -1
- package/build/cjs/components/Form/Radio/Radio.js +1 -0
- package/build/{esm/src → cjs}/components/Form/RadioButton/RadioButton.d.ts +2 -2
- package/build/cjs/components/Form/RadioButton/RadioButton.js +1 -0
- package/build/{esm/src/components/Form/SegmentedControl/SegmentedControl.d.ts → cjs/components/Form/SegmentedControl/-types.d.ts} +11 -7
- package/build/cjs/components/Form/SegmentedControl/-types.js +1 -0
- package/build/cjs/components/Form/SegmentedControl/SegmentedControl.d.ts +3 -0
- package/build/cjs/components/Form/SegmentedControl/SegmentedControl.js +1 -0
- package/build/cjs/components/Form/SegmentedControl/SegmentedControlOption.d.ts +3 -0
- package/build/cjs/components/Form/SegmentedControl/SegmentedControlOption.js +1 -0
- package/build/{esm/src → cjs}/components/Form/Select/Select.d.ts +1 -1
- package/build/cjs/components/Form/Select/Select.js +1 -0
- package/build/{esm/src → cjs}/components/Form/Textarea/Textarea.d.ts +1 -1
- package/build/cjs/components/Form/Textarea/Textarea.js +1 -0
- package/build/{esm/src → cjs}/components/Form/Toggle/Toggle.d.ts +3 -3
- package/build/cjs/components/Form/Toggle/Toggle.js +1 -0
- package/build/{esm/src → cjs}/components/Form/ToggleButton/ToggleButton.d.ts +1 -1
- package/build/cjs/components/Form/ToggleButton/ToggleButton.js +1 -0
- package/build/{esm/src → cjs}/components/Icon/Icon.d.ts +3 -3
- package/build/cjs/components/Icon/Icon.js +1 -0
- package/build/cjs/components/Image/Image.d.ts +36 -0
- package/build/cjs/components/Image/Image.js +1 -0
- package/build/{esm/src → cjs}/components/Inline/Inline.d.ts +1 -1
- package/build/cjs/components/Inline/Inline.js +1 -0
- package/build/{esm/src → cjs}/components/Link/Link.d.ts +1 -1
- package/build/cjs/components/Link/Link.js +1 -0
- package/build/cjs/components/LoadingSpinner/LoadingSpinner.js +1 -0
- package/build/cjs/components/Logo/Logo.js +1 -0
- package/build/cjs/components/MediaItem/MediaItem.js +1 -0
- package/build/{esm/src → cjs}/components/MediaViewerBar/MediaViewerBar.d.ts +1 -1
- package/build/cjs/components/MediaViewerBar/MediaViewerBar.js +1 -0
- package/build/cjs/components/Notification/ExpandedContent.js +1 -0
- package/build/{esm/src → cjs}/components/Notification/Notification.d.ts +1 -1
- package/build/cjs/components/Notification/Notification.js +1 -0
- package/build/cjs/components/Pagination/Pagination.js +1 -0
- package/build/{esm/src → cjs}/components/Patterns/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/build/cjs/components/Patterns/ButtonGroup/ButtonGroup.js +1 -0
- package/build/{esm/src → cjs}/components/Patterns/Modal/Modal.d.ts +3 -3
- package/build/cjs/components/Patterns/Modal/Modal.js +1 -0
- package/build/{esm/src → cjs}/components/PictogramButton/PictogramButton.d.ts +3 -3
- package/build/cjs/components/PictogramButton/PictogramButton.js +1 -0
- package/build/{esm/src → cjs}/components/Popover/Popover.d.ts +2 -2
- package/build/cjs/components/Popover/Popover.js +1 -0
- package/build/{esm/src → cjs}/components/Portal/Portal.d.ts +1 -1
- package/build/cjs/components/Portal/Portal.js +1 -0
- package/build/{esm/src → cjs}/components/ProgressBar/ProgressBar.d.ts +1 -1
- package/build/cjs/components/ProgressBar/ProgressBar.js +1 -0
- package/build/{esm/src → cjs}/components/RoundButton/RoundButton.d.ts +4 -7
- package/build/cjs/components/RoundButton/RoundButton.js +1 -0
- package/build/{esm/src → cjs}/components/SearchResult/SearchResult.d.ts +1 -1
- package/build/cjs/components/SearchResult/SearchResult.js +1 -0
- package/build/cjs/components/SegmentedProgressBar/SegmentedProgressBar.js +1 -0
- package/build/{esm/src → cjs}/components/SegmentedProgressBar/SegmentedProgressBarUtil.d.ts +1 -1
- package/build/cjs/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +1 -0
- package/build/cjs/components/ShadowWebComponent/ShadowWebComponent.js +1 -0
- package/build/{esm/src → cjs}/components/Sheet/Sheet.d.ts +2 -1
- package/build/cjs/components/Sheet/Sheet.js +1 -0
- package/build/{esm/src → cjs}/components/Stack/Stack.d.ts +1 -1
- package/build/cjs/components/Stack/Stack.js +1 -0
- package/build/{esm/src → cjs}/components/SubThemeProvider/SubThemeProvider.d.ts +1 -1
- package/build/cjs/components/SubThemeProvider/SubThemeProvider.js +1 -0
- package/build/{esm/src → cjs}/components/Tabs/Tabs.d.ts +2 -2
- package/build/cjs/components/Tabs/Tabs.js +1 -0
- package/build/cjs/components/Tag/Tag.js +1 -0
- package/build/{esm/src → cjs}/components/TagGroup/TagGroup.d.ts +1 -1
- package/build/cjs/components/TagGroup/TagGroup.js +1 -0
- package/build/{esm/src → cjs}/components/Toggletip/BasePopover.d.ts +3 -2
- package/build/cjs/components/Toggletip/BasePopover.js +1 -0
- package/build/{esm/src → cjs}/components/Toggletip/Toggletip.d.ts +2 -2
- package/build/cjs/components/Toggletip/Toggletip.js +1 -0
- package/build/{esm/src → cjs}/components/Tooltip/BaseTooltip.d.ts +1 -1
- package/build/cjs/components/Tooltip/BaseTooltip.js +1 -0
- package/build/{esm/src → cjs}/components/Tooltip/Tooltip.d.ts +1 -1
- package/build/cjs/components/Tooltip/Tooltip.js +1 -0
- package/build/{esm/src → cjs}/components/Tooltip/TooltipContent.d.ts +2 -1
- package/build/cjs/components/Tooltip/TooltipContent.js +1 -0
- package/build/{esm/src → cjs}/components/Tooltip/types.d.ts +1 -1
- package/build/cjs/components/Tooltip/types.js +1 -0
- package/build/{esm/src → cjs}/components/Tooltip/utils.d.ts +1 -1
- package/build/cjs/components/Tooltip/utils.js +1 -0
- package/build/{esm/src → cjs}/components/Typography/Header/Header.d.ts +3 -3
- package/build/cjs/components/Typography/Header/Header.js +1 -0
- package/build/cjs/components/Typography/StyledText/StyledText.js +1 -0
- package/build/{esm/src → cjs}/components/Typography/Text/Text.d.ts +1 -1
- package/build/cjs/components/Typography/Text/Text.js +1 -0
- package/build/{esm/src → cjs}/components/Typography/TextClamped/TextClamped.d.ts +1 -1
- package/build/cjs/components/Typography/TextClamped/TextClamped.js +1 -0
- package/build/cjs/components/UserHighlightTooltip/UserHighlightTooltip.js +1 -0
- package/build/cjs/components/VirtualScrollList/VirtualScrollList.js +1 -0
- package/build/cjs/components/VirtualScrollList/VirtualScrollListReducer.js +1 -0
- package/build/{esm/src → cjs}/index.d.ts +2 -1
- package/build/cjs/index.js +1 -0
- package/build/cjs/shared/FocusTrapWrapper.js +1 -0
- package/build/cjs/shared/ScreenReaderText.js +1 -0
- package/build/{esm/src → cjs}/shared/flattenChildren.d.ts +1 -1
- package/build/cjs/shared/flattenChildren.js +1 -0
- package/build/cjs/shared/informDeprecation.js +2 -0
- package/build/{esm/src → cjs}/shared/mediaQueries.d.ts +1 -1
- package/build/cjs/shared/mediaQueries.js +1 -0
- package/build/cjs/shared/replaceDeprecated.js +2 -0
- package/build/{esm/src → cjs}/shared/useAutoPosition.d.ts +1 -1
- package/build/cjs/shared/useAutoPosition.js +1 -0
- package/build/cjs/shared/useDocument.js +1 -0
- package/build/{esm/src → cjs}/shared/useDragDown.d.ts +1 -1
- package/build/cjs/shared/useDragDown.js +1 -0
- package/build/{esm/src → cjs}/shared/useHover.d.ts +1 -1
- package/build/cjs/shared/useHover.js +1 -0
- package/build/{esm/src → cjs}/shared/useKeyboard.d.ts +1 -1
- package/build/cjs/shared/useKeyboard.js +1 -0
- package/build/cjs/shared/useOnEscapePress.js +1 -0
- package/build/{esm/src → cjs}/shared/useOutsideClick.d.ts +1 -1
- package/build/cjs/shared/useOutsideClick.js +1 -0
- package/build/cjs/shared/useWindow.js +1 -0
- package/build/{esm/src → cjs}/types/index.d.ts +2 -1
- package/build/cjs/types/index.js +1 -0
- package/build/{esm/build-tokens → cjs/web-tokens}/_colors.json +16 -8
- package/build/{esm/build-tokens → cjs/web-tokens}/_sizes.json +236 -496
- package/build/cjs/web-tokens/_subThemeType.js +1 -0
- package/build/{esm/build-tokens → cjs/web-tokens}/visualConfig.d.ts +45 -109
- package/build/cjs/web-tokens/visualConfig.js +1 -0
- package/build/esm/components/Badge/Badge.d.ts +11 -0
- package/build/esm/components/Badge/Badge.js +1 -0
- package/build/esm/components/Box/Box.d.ts +36 -0
- package/build/esm/components/Box/Box.js +1 -0
- package/build/esm/components/Button/Button.d.ts +34 -0
- package/build/esm/components/Button/Button.js +1 -0
- package/build/esm/components/Callout/Callout.d.ts +15 -0
- package/build/esm/components/Callout/Callout.js +1 -0
- package/build/esm/components/Card/Card.d.ts +14 -0
- package/build/esm/components/Card/Card.js +1 -0
- package/build/esm/components/Card/CardBox.d.ts +6 -0
- package/build/esm/components/Card/CardBox.js +1 -0
- package/build/esm/components/Card/CardHeader/CardHeader.d.ts +10 -0
- package/build/esm/components/Card/CardHeader/CardHeader.js +1 -0
- package/build/esm/components/Collapsible/Collapsible.d.ts +15 -0
- package/build/esm/components/Collapsible/Collapsible.js +1 -0
- package/build/esm/components/Column/Columns.d.ts +45 -0
- package/build/esm/components/Column/Columns.js +1 -0
- package/build/esm/components/Container/Container.d.ts +14 -0
- package/build/esm/components/Container/Container.js +1 -0
- package/build/esm/components/DataTable/DataTable.d.ts +58 -0
- package/build/esm/components/DataTable/DataTable.js +1 -0
- package/build/esm/components/DataTable/TableBody.d.ts +9 -0
- package/build/esm/components/DataTable/TableBody.js +1 -0
- package/build/esm/components/DataTable/TableCell.d.ts +15 -0
- package/build/esm/components/DataTable/TableCell.js +1 -0
- package/build/esm/components/DataTable/TableHeader.d.ts +9 -0
- package/build/esm/components/DataTable/TableHeader.js +1 -0
- package/build/esm/components/DataTable/index.d.ts +4 -0
- package/build/esm/components/DataTable/index.js +1 -0
- package/build/esm/components/DataTable/types.d.ts +15 -0
- package/build/esm/components/DataTable/types.js +1 -0
- package/build/esm/components/DataTable/useDataTableSort.d.ts +14 -0
- package/build/esm/components/DataTable/useDataTableSort.js +1 -0
- package/build/esm/components/Divider/Divider.d.ts +6 -0
- package/build/esm/components/Divider/Divider.js +1 -0
- package/build/esm/components/DropdownMenu/DropdownMenu.d.ts +35 -0
- package/build/esm/components/DropdownMenu/DropdownMenu.js +1 -0
- package/build/esm/components/DropdownMenu/MenuItem.d.ts +18 -0
- package/build/esm/components/DropdownMenu/MenuItem.js +1 -0
- package/build/esm/components/Form/Checkbox/Checkbox.d.ts +26 -0
- package/build/esm/components/Form/Checkbox/Checkbox.js +1 -0
- package/build/esm/components/Form/FormErrorMessages/FormErrorMessages.d.ts +6 -0
- package/build/esm/components/Form/FormErrorMessages/FormErrorMessages.js +1 -0
- package/build/esm/components/Form/FormField/FormField.d.ts +15 -0
- package/build/esm/components/Form/FormField/FormField.js +3 -0
- package/build/esm/components/Form/FormFieldGroup/FormFieldGroup.d.ts +11 -0
- package/build/esm/components/Form/FormFieldGroup/FormFieldGroup.js +1 -0
- package/build/esm/components/Form/FormLabelText/FormLabelText.d.ts +7 -0
- package/build/esm/components/Form/FormLabelText/FormLabelText.js +1 -0
- package/build/esm/components/Form/Input/Input.d.ts +78 -0
- package/build/esm/components/Form/Input/Input.js +1 -0
- package/build/esm/components/Form/Input/index.d.ts +2 -0
- package/build/esm/components/Form/Input/index.js +1 -0
- package/build/esm/components/Form/PasswordInput/PasswordInput.d.ts +73 -0
- package/build/esm/components/Form/PasswordInput/PasswordInput.js +1 -0
- package/build/esm/components/Form/PasswordInput/index.d.ts +2 -0
- package/build/esm/components/Form/PasswordInput/index.js +1 -0
- package/build/esm/components/Form/Radio/Radio.d.ts +24 -0
- package/build/esm/components/Form/Radio/Radio.js +1 -0
- package/build/esm/components/Form/RadioButton/RadioButton.d.ts +17 -0
- package/build/esm/components/Form/RadioButton/RadioButton.js +1 -0
- package/build/esm/components/Form/SegmentedControl/-types.d.ts +48 -0
- package/build/esm/components/Form/SegmentedControl/-types.js +1 -0
- package/build/esm/components/Form/SegmentedControl/SegmentedControl.d.ts +3 -0
- package/build/esm/components/Form/SegmentedControl/SegmentedControl.js +1 -0
- package/build/esm/components/Form/SegmentedControl/SegmentedControlOption.d.ts +3 -0
- package/build/esm/components/Form/SegmentedControl/SegmentedControlOption.js +1 -0
- package/build/esm/components/Form/Select/Select.d.ts +23 -0
- package/build/esm/components/Form/Select/Select.js +1 -0
- package/build/esm/components/Form/Textarea/Textarea.d.ts +48 -0
- package/build/esm/components/Form/Textarea/Textarea.js +1 -0
- package/build/esm/components/Form/Toggle/Toggle.d.ts +32 -0
- package/build/esm/components/Form/Toggle/Toggle.js +1 -0
- package/build/esm/components/Form/ToggleButton/ToggleButton.d.ts +26 -0
- package/build/esm/components/Form/ToggleButton/ToggleButton.js +1 -0
- package/build/esm/components/Icon/Icon.d.ts +22 -0
- package/build/esm/components/Icon/Icon.js +1 -0
- package/build/esm/components/Image/Image.d.ts +36 -0
- package/build/esm/components/Image/Image.js +1 -0
- package/build/esm/components/Inline/Inline.d.ts +30 -0
- package/build/esm/components/Inline/Inline.js +1 -0
- package/build/esm/components/Link/Link.d.ts +24 -0
- package/build/esm/components/Link/Link.js +1 -0
- package/build/esm/components/LoadingSpinner/LoadingSpinner.d.ts +11 -0
- package/build/esm/components/LoadingSpinner/LoadingSpinner.js +1 -0
- package/build/esm/components/Logo/Logo.d.ts +8 -0
- package/build/esm/components/Logo/Logo.js +1 -0
- package/build/esm/components/MediaItem/MediaItem.d.ts +14 -0
- package/build/esm/components/MediaItem/MediaItem.js +1 -0
- package/build/esm/components/MediaViewerBar/MediaViewerBar.d.ts +7 -0
- package/build/esm/components/MediaViewerBar/MediaViewerBar.js +1 -0
- package/build/esm/components/Notification/ExpandedContent.d.ts +2 -0
- package/build/esm/components/Notification/ExpandedContent.js +1 -0
- package/build/esm/components/Notification/Notification.d.ts +16 -0
- package/build/esm/components/Notification/Notification.js +1 -0
- package/build/esm/components/Pagination/Pagination.d.ts +17 -0
- package/build/esm/components/Pagination/Pagination.js +1 -0
- package/build/esm/components/Patterns/ButtonGroup/ButtonGroup.d.ts +14 -0
- package/build/esm/components/Patterns/ButtonGroup/ButtonGroup.js +1 -0
- package/build/esm/components/Patterns/Modal/Modal.d.ts +37 -0
- package/build/esm/components/Patterns/Modal/Modal.js +1 -0
- package/build/esm/components/PictogramButton/PictogramButton.d.ts +15 -0
- package/build/esm/components/PictogramButton/PictogramButton.js +1 -0
- package/build/esm/components/Popover/Popover.d.ts +5 -0
- package/build/esm/components/Popover/Popover.js +1 -0
- package/build/esm/components/Portal/Portal.d.ts +7 -0
- package/build/esm/components/Portal/Portal.js +1 -0
- package/build/esm/components/ProgressBar/ProgressBar.d.ts +15 -0
- package/build/esm/components/ProgressBar/ProgressBar.js +1 -0
- package/build/esm/components/RoundButton/RoundButton.d.ts +9 -0
- package/build/esm/components/RoundButton/RoundButton.js +1 -0
- package/build/esm/components/SearchResult/SearchResult.d.ts +39 -0
- package/build/esm/components/SearchResult/SearchResult.js +1 -0
- package/build/esm/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +28 -0
- package/build/esm/components/SegmentedProgressBar/SegmentedProgressBar.js +1 -0
- package/build/esm/components/SegmentedProgressBar/SegmentedProgressBarUtil.d.ts +10 -0
- package/build/esm/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +1 -0
- package/build/esm/components/ShadowWebComponent/ShadowWebComponent.d.ts +13 -0
- package/build/esm/components/ShadowWebComponent/ShadowWebComponent.js +1 -0
- package/build/esm/components/Sheet/Sheet.d.ts +16 -0
- package/build/esm/components/Sheet/Sheet.js +1 -0
- package/build/esm/components/Stack/Stack.d.ts +20 -0
- package/build/esm/components/Stack/Stack.js +1 -0
- package/build/esm/components/SubThemeProvider/SubThemeProvider.d.ts +8 -0
- package/build/esm/components/SubThemeProvider/SubThemeProvider.js +1 -0
- package/build/esm/components/Tabs/Tabs.d.ts +30 -0
- package/build/esm/components/Tabs/Tabs.js +1 -0
- package/build/esm/components/Tag/Tag.d.ts +19 -0
- package/build/esm/components/Tag/Tag.js +1 -0
- package/build/esm/components/TagGroup/TagGroup.d.ts +17 -0
- package/build/esm/components/TagGroup/TagGroup.js +1 -0
- package/build/esm/components/Toggletip/BasePopover.d.ts +18 -0
- package/build/esm/components/Toggletip/BasePopover.js +1 -0
- package/build/esm/components/Toggletip/Toggletip.d.ts +5 -0
- package/build/esm/components/Toggletip/Toggletip.js +1 -0
- package/build/esm/components/Tooltip/BaseTooltip.d.ts +11 -0
- package/build/esm/components/Tooltip/BaseTooltip.js +1 -0
- package/build/esm/components/Tooltip/Tooltip.d.ts +7 -0
- package/build/esm/components/Tooltip/Tooltip.js +1 -0
- package/build/esm/components/Tooltip/TooltipContent.d.ts +30 -0
- package/build/esm/components/Tooltip/TooltipContent.js +1 -0
- package/build/esm/components/Tooltip/types.d.ts +8 -0
- package/build/esm/components/Tooltip/types.js +1 -0
- package/build/esm/components/Tooltip/utils.d.ts +12 -0
- package/build/esm/components/Tooltip/utils.js +1 -0
- package/build/esm/components/Typography/Header/Header.d.ts +36 -0
- package/build/esm/components/Typography/Header/Header.js +1 -0
- package/build/esm/components/Typography/StyledText/StyledText.d.ts +11 -0
- package/build/esm/components/Typography/StyledText/StyledText.js +1 -0
- package/build/esm/components/Typography/Text/Text.d.ts +19 -0
- package/build/esm/components/Typography/Text/Text.js +1 -0
- package/build/esm/components/Typography/TextClamped/TextClamped.d.ts +10 -0
- package/build/esm/components/Typography/TextClamped/TextClamped.js +1 -0
- package/build/esm/components/UserHighlightTooltip/UserHighlightTooltip.d.ts +9 -0
- package/build/esm/components/UserHighlightTooltip/UserHighlightTooltip.js +1 -0
- package/build/esm/components/VirtualScrollList/VirtualScrollList.d.ts +11 -0
- package/build/esm/components/VirtualScrollList/VirtualScrollList.js +1 -0
- package/build/esm/components/VirtualScrollList/VirtualScrollListReducer.d.ts +36 -0
- package/build/esm/components/VirtualScrollList/VirtualScrollListReducer.js +1 -0
- package/build/esm/index.d.ts +59 -0
- package/build/esm/index.js +1 -0
- package/build/esm/shared/FocusTrapWrapper.d.ts +10 -0
- package/build/esm/shared/FocusTrapWrapper.js +1 -0
- package/build/esm/shared/ScreenReaderText.d.ts +5 -0
- package/build/esm/shared/ScreenReaderText.js +1 -0
- package/build/esm/shared/flattenChildren.d.ts +11 -0
- package/build/esm/shared/flattenChildren.js +1 -0
- package/build/esm/shared/informDeprecation.d.ts +1 -0
- package/build/esm/shared/informDeprecation.js +2 -0
- package/build/esm/shared/mediaQueries.d.ts +14 -0
- package/build/esm/shared/mediaQueries.js +1 -0
- package/build/esm/shared/replaceDeprecated.d.ts +1 -0
- package/build/esm/shared/replaceDeprecated.js +2 -0
- package/build/esm/shared/useAutoPosition.d.ts +5 -0
- package/build/esm/shared/useAutoPosition.js +1 -0
- package/build/esm/shared/useDocument.d.ts +1 -0
- package/build/esm/shared/useDocument.js +1 -0
- package/build/esm/shared/useDragDown.d.ts +13 -0
- package/build/esm/shared/useDragDown.js +1 -0
- package/build/esm/shared/useHover.d.ts +2 -0
- package/build/esm/shared/useHover.js +1 -0
- package/build/esm/shared/useKeyboard.d.ts +17 -0
- package/build/esm/shared/useKeyboard.js +1 -0
- package/build/esm/shared/useOnEscapePress.d.ts +2 -0
- package/build/esm/shared/useOnEscapePress.js +1 -0
- package/build/esm/shared/useOutsideClick.d.ts +11 -0
- package/build/esm/shared/useOutsideClick.js +1 -0
- package/build/esm/shared/useWindow.d.ts +1 -0
- package/build/esm/shared/useWindow.js +1 -0
- package/build/esm/types/index.d.ts +60 -0
- package/build/esm/types/index.js +1 -0
- package/build/esm/web-tokens/_breakpoints.json +17 -0
- package/build/esm/web-tokens/_colors.json +1073 -0
- package/build/esm/web-tokens/_icon_sizes_map.json +7 -0
- package/build/esm/web-tokens/_sizes.json +472 -0
- package/build/esm/web-tokens/_subThemeType.d.ts +1 -0
- package/build/esm/web-tokens/_subThemeType.js +1 -0
- package/build/esm/web-tokens/_zindex.json +17 -0
- package/build/esm/web-tokens/assets/icons.json +144 -0
- package/build/esm/web-tokens/assets/icons16.json +155 -0
- package/build/esm/web-tokens/assets/logo.json +3 -0
- package/build/esm/web-tokens/visualConfig.d.ts +751 -0
- package/build/esm/web-tokens/visualConfig.js +1 -0
- package/build/scss/_theming.scss +4 -2
- package/build/scss/_variables.scss +2 -1
- package/package.json +53 -32
- package/build/cjs/build-tokens/_breakpoints.json.js +0 -10
- package/build/cjs/build-tokens/_icon_sizes_map.json.js +0 -5
- package/build/cjs/build-tokens/_zindex.json.js +0 -10
- package/build/cjs/build-tokens/assets/icons.json.js +0 -83
- package/build/cjs/build-tokens/assets/icons16.json.js +0 -88
- package/build/cjs/build-tokens/assets/logo.json.js +0 -7
- package/build/cjs/build-tokens/visualConfig.js +0 -1443
- package/build/cjs/src/components/Badge/Badge.js +0 -63
- package/build/cjs/src/components/Box/Box.js +0 -89
- package/build/cjs/src/components/Button/Button.js +0 -290
- package/build/cjs/src/components/Callout/Callout.js +0 -86
- package/build/cjs/src/components/Card/Card.js +0 -39
- package/build/cjs/src/components/Card/CardBox.js +0 -23
- package/build/cjs/src/components/Card/CardHeader/CardHeader.js +0 -59
- package/build/cjs/src/components/Collapsible/Collapsible.js +0 -117
- package/build/cjs/src/components/Column/Columns.js +0 -147
- package/build/cjs/src/components/Container/Container.js +0 -79
- package/build/cjs/src/components/DataTable/DataTable.js +0 -187
- package/build/cjs/src/components/DataTable/TableBody.js +0 -161
- package/build/cjs/src/components/DataTable/TableCell.js +0 -45
- package/build/cjs/src/components/DataTable/TableHeader.js +0 -194
- package/build/cjs/src/components/DataTable/useDataTableSort.js +0 -42
- package/build/cjs/src/components/Divider/Divider.js +0 -68
- package/build/cjs/src/components/DropdownMenu/DropdownMenu.js +0 -227
- package/build/cjs/src/components/DropdownMenu/MenuItem.js +0 -103
- package/build/cjs/src/components/Form/Checkbox/Checkbox.js +0 -148
- package/build/cjs/src/components/Form/FormErrorMessages/FormErrorMessages.js +0 -27
- package/build/cjs/src/components/Form/FormField/FormField.js +0 -58
- package/build/cjs/src/components/Form/FormFieldGroup/FormFieldGroup.js +0 -55
- package/build/cjs/src/components/Form/FormLabelText/FormLabelText.js +0 -42
- package/build/cjs/src/components/Form/Input/Input.js +0 -187
- package/build/cjs/src/components/Form/PasswordInput/PasswordInput.js +0 -227
- package/build/cjs/src/components/Form/Radio/Radio.js +0 -139
- package/build/cjs/src/components/Form/RadioButton/RadioButton.js +0 -124
- package/build/cjs/src/components/Form/SegmentedControl/SegmentedControl.js +0 -131
- package/build/cjs/src/components/Form/SegmentedControl/SegmentedControlOption.js +0 -259
- package/build/cjs/src/components/Form/Select/Select.js +0 -291
- package/build/cjs/src/components/Form/Textarea/Textarea.js +0 -94
- package/build/cjs/src/components/Form/Toggle/Toggle.js +0 -180
- package/build/cjs/src/components/Form/ToggleButton/ToggleButton.js +0 -144
- package/build/cjs/src/components/Icon/Icon.js +0 -110
- package/build/cjs/src/components/Inline/Inline.js +0 -113
- package/build/cjs/src/components/Link/Link.js +0 -86
- package/build/cjs/src/components/LoadingSpinner/LoadingSpinner.js +0 -84
- package/build/cjs/src/components/Logo/Logo.js +0 -44
- package/build/cjs/src/components/MediaItem/MediaItem.js +0 -122
- package/build/cjs/src/components/MediaViewerBar/MediaViewerBar.js +0 -73
- package/build/cjs/src/components/Notification/Notification.js +0 -108
- package/build/cjs/src/components/Pagination/Pagination.js +0 -91
- package/build/cjs/src/components/Patterns/ButtonGroup/ButtonGroup.js +0 -52
- package/build/cjs/src/components/Patterns/Modal/Modal.js +0 -223
- package/build/cjs/src/components/PictogramButton/PictogramButton.js +0 -151
- package/build/cjs/src/components/Popover/Popover.js +0 -26
- package/build/cjs/src/components/Portal/Portal.js +0 -22
- package/build/cjs/src/components/ProgressBar/ProgressBar.js +0 -38
- package/build/cjs/src/components/RoundButton/RoundButton.js +0 -141
- package/build/cjs/src/components/SearchResult/SearchResult.js +0 -233
- package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBar.js +0 -110
- package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +0 -42
- package/build/cjs/src/components/Sheet/Sheet.js +0 -315
- package/build/cjs/src/components/Stack/Stack.js +0 -80
- package/build/cjs/src/components/SubThemeProvider/SubThemeProvider.js +0 -55
- package/build/cjs/src/components/Tabs/Tabs.js +0 -147
- package/build/cjs/src/components/Tag/Tag.js +0 -92
- package/build/cjs/src/components/TagGroup/TagGroup.js +0 -118
- package/build/cjs/src/components/Toggletip/BasePopover.js +0 -183
- package/build/cjs/src/components/Toggletip/Toggletip.js +0 -18
- package/build/cjs/src/components/Tooltip/BaseTooltip.js +0 -163
- package/build/cjs/src/components/Tooltip/Tooltip.js +0 -27
- package/build/cjs/src/components/Tooltip/TooltipContent.js +0 -255
- package/build/cjs/src/components/Tooltip/utils.js +0 -99
- package/build/cjs/src/components/Typography/Header/Header.js +0 -140
- package/build/cjs/src/components/Typography/StyledText/StyledText.js +0 -168
- package/build/cjs/src/components/Typography/Text/Text.js +0 -111
- package/build/cjs/src/components/Typography/TextClamped/TextClamped.js +0 -54
- package/build/cjs/src/components/UserHighlightTooltip/UserHighlightTooltip.js +0 -132
- package/build/cjs/src/components/VirtualScrollList/VirtualScrollList.js +0 -116
- package/build/cjs/src/components/VirtualScrollList/VirtualScrollListReducer.js +0 -131
- package/build/cjs/src/index.js +0 -148
- package/build/cjs/src/shared/FocusTrapWrapper.js +0 -41
- package/build/cjs/src/shared/ScreenReaderText.js +0 -26
- package/build/cjs/src/shared/flattenChildren.js +0 -33
- package/build/cjs/src/shared/informDeprecation.js +0 -12
- package/build/cjs/src/shared/mediaQueries.js +0 -70
- package/build/cjs/src/shared/useAutoPosition.js +0 -42
- package/build/cjs/src/shared/useDocument.js +0 -7
- package/build/cjs/src/shared/useDragDown.js +0 -84
- package/build/cjs/src/shared/useHover.js +0 -26
- package/build/cjs/src/shared/useKeyboard.js +0 -43
- package/build/cjs/src/shared/useOnEscapePress.js +0 -52
- package/build/cjs/src/shared/useOutsideClick.js +0 -33
- package/build/cjs/src/shared/useWindow.js +0 -7
- package/build/esm/build-tokens/_breakpoints.json.js +0 -4
- package/build/esm/build-tokens/_breakpoints.json.js.map +0 -1
- package/build/esm/build-tokens/_icon_sizes_map.json.js +0 -4
- package/build/esm/build-tokens/_icon_sizes_map.json.js.map +0 -1
- package/build/esm/build-tokens/_zindex.json.js +0 -4
- package/build/esm/build-tokens/_zindex.json.js.map +0 -1
- package/build/esm/build-tokens/assets/icons.json.js +0 -4
- package/build/esm/build-tokens/assets/icons.json.js.map +0 -1
- package/build/esm/build-tokens/assets/icons16.json.js +0 -4
- package/build/esm/build-tokens/assets/icons16.json.js.map +0 -1
- package/build/esm/build-tokens/assets/logo.json.js +0 -4
- package/build/esm/build-tokens/assets/logo.json.js.map +0 -1
- package/build/esm/build-tokens/visualConfig.js +0 -1442
- package/build/esm/build-tokens/visualConfig.js.map +0 -1
- package/build/esm/src/components/Badge/Badge.js +0 -57
- package/build/esm/src/components/Badge/Badge.js.map +0 -1
- package/build/esm/src/components/Box/Box.js +0 -82
- package/build/esm/src/components/Box/Box.js.map +0 -1
- package/build/esm/src/components/Button/Button.js +0 -282
- package/build/esm/src/components/Button/Button.js.map +0 -1
- package/build/esm/src/components/Callout/Callout.js +0 -80
- package/build/esm/src/components/Callout/Callout.js.map +0 -1
- package/build/esm/src/components/Card/Card.js +0 -34
- package/build/esm/src/components/Card/Card.js.map +0 -1
- package/build/esm/src/components/Card/CardBox.js +0 -18
- package/build/esm/src/components/Card/CardBox.js.map +0 -1
- package/build/esm/src/components/Card/CardHeader/CardHeader.d.ts +0 -12
- package/build/esm/src/components/Card/CardHeader/CardHeader.js +0 -52
- package/build/esm/src/components/Card/CardHeader/CardHeader.js.map +0 -1
- package/build/esm/src/components/Collapsible/Collapsible.js +0 -110
- package/build/esm/src/components/Collapsible/Collapsible.js.map +0 -1
- package/build/esm/src/components/Column/Columns.js +0 -141
- package/build/esm/src/components/Column/Columns.js.map +0 -1
- package/build/esm/src/components/Container/Container.js +0 -73
- package/build/esm/src/components/Container/Container.js.map +0 -1
- package/build/esm/src/components/DataTable/DataTable.js +0 -180
- package/build/esm/src/components/DataTable/DataTable.js.map +0 -1
- package/build/esm/src/components/DataTable/TableBody.js +0 -153
- package/build/esm/src/components/DataTable/TableBody.js.map +0 -1
- package/build/esm/src/components/DataTable/TableCell.js +0 -38
- package/build/esm/src/components/DataTable/TableCell.js.map +0 -1
- package/build/esm/src/components/DataTable/TableHeader.js +0 -185
- package/build/esm/src/components/DataTable/TableHeader.js.map +0 -1
- package/build/esm/src/components/DataTable/useDataTableSort.js +0 -41
- package/build/esm/src/components/DataTable/useDataTableSort.js.map +0 -1
- package/build/esm/src/components/Divider/Divider.js +0 -62
- package/build/esm/src/components/Divider/Divider.js.map +0 -1
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js +0 -221
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map +0 -1
- package/build/esm/src/components/DropdownMenu/MenuItem.js +0 -97
- package/build/esm/src/components/DropdownMenu/MenuItem.js.map +0 -1
- package/build/esm/src/components/Form/Checkbox/Checkbox.js +0 -141
- package/build/esm/src/components/Form/Checkbox/Checkbox.js.map +0 -1
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js +0 -22
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js.map +0 -1
- package/build/esm/src/components/Form/FormField/FormField.js +0 -52
- package/build/esm/src/components/Form/FormField/FormField.js.map +0 -1
- package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js +0 -49
- package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js.map +0 -1
- package/build/esm/src/components/Form/FormLabelText/FormLabelText.js +0 -36
- package/build/esm/src/components/Form/FormLabelText/FormLabelText.js.map +0 -1
- package/build/esm/src/components/Form/Input/Input.js +0 -179
- package/build/esm/src/components/Form/Input/Input.js.map +0 -1
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js +0 -219
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js.map +0 -1
- package/build/esm/src/components/Form/Radio/Radio.js +0 -132
- package/build/esm/src/components/Form/Radio/Radio.js.map +0 -1
- package/build/esm/src/components/Form/RadioButton/RadioButton.js +0 -117
- package/build/esm/src/components/Form/RadioButton/RadioButton.js.map +0 -1
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js +0 -124
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js.map +0 -1
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.d.ts +0 -8
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js +0 -253
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js.map +0 -1
- package/build/esm/src/components/Form/Select/Select.js +0 -284
- package/build/esm/src/components/Form/Select/Select.js.map +0 -1
- package/build/esm/src/components/Form/Textarea/Textarea.js +0 -87
- package/build/esm/src/components/Form/Textarea/Textarea.js.map +0 -1
- package/build/esm/src/components/Form/Toggle/Toggle.js +0 -173
- package/build/esm/src/components/Form/Toggle/Toggle.js.map +0 -1
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js +0 -137
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map +0 -1
- package/build/esm/src/components/Icon/Icon.js +0 -104
- package/build/esm/src/components/Icon/Icon.js.map +0 -1
- package/build/esm/src/components/Inline/Inline.js +0 -107
- package/build/esm/src/components/Inline/Inline.js.map +0 -1
- package/build/esm/src/components/Link/Link.js +0 -79
- package/build/esm/src/components/Link/Link.js.map +0 -1
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js +0 -78
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js.map +0 -1
- package/build/esm/src/components/Logo/Logo.js +0 -38
- package/build/esm/src/components/Logo/Logo.js.map +0 -1
- package/build/esm/src/components/MediaItem/MediaItem.js +0 -116
- package/build/esm/src/components/MediaItem/MediaItem.js.map +0 -1
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js +0 -67
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js.map +0 -1
- package/build/esm/src/components/Notification/Notification.js +0 -102
- package/build/esm/src/components/Notification/Notification.js.map +0 -1
- package/build/esm/src/components/Pagination/Pagination.js +0 -86
- package/build/esm/src/components/Pagination/Pagination.js.map +0 -1
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js +0 -46
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js.map +0 -1
- package/build/esm/src/components/Patterns/Modal/Modal.js +0 -216
- package/build/esm/src/components/Patterns/Modal/Modal.js.map +0 -1
- package/build/esm/src/components/PictogramButton/PictogramButton.js +0 -144
- package/build/esm/src/components/PictogramButton/PictogramButton.js.map +0 -1
- package/build/esm/src/components/Popover/Popover.js +0 -20
- package/build/esm/src/components/Popover/Popover.js.map +0 -1
- package/build/esm/src/components/Portal/Portal.js +0 -16
- package/build/esm/src/components/Portal/Portal.js.map +0 -1
- package/build/esm/src/components/ProgressBar/ProgressBar.js +0 -33
- package/build/esm/src/components/ProgressBar/ProgressBar.js.map +0 -1
- package/build/esm/src/components/RoundButton/RoundButton.js +0 -134
- package/build/esm/src/components/RoundButton/RoundButton.js.map +0 -1
- package/build/esm/src/components/SearchResult/SearchResult.js +0 -227
- package/build/esm/src/components/SearchResult/SearchResult.js.map +0 -1
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js +0 -104
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js.map +0 -1
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +0 -40
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js.map +0 -1
- package/build/esm/src/components/Sheet/Sheet.js +0 -308
- package/build/esm/src/components/Sheet/Sheet.js.map +0 -1
- package/build/esm/src/components/Stack/Stack.js +0 -74
- package/build/esm/src/components/Stack/Stack.js.map +0 -1
- package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js +0 -50
- package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js.map +0 -1
- package/build/esm/src/components/Tabs/Tabs.js +0 -140
- package/build/esm/src/components/Tabs/Tabs.js.map +0 -1
- package/build/esm/src/components/Tag/Tag.js +0 -85
- package/build/esm/src/components/Tag/Tag.js.map +0 -1
- package/build/esm/src/components/TagGroup/TagGroup.js +0 -112
- package/build/esm/src/components/TagGroup/TagGroup.js.map +0 -1
- package/build/esm/src/components/Toggletip/BasePopover.js +0 -177
- package/build/esm/src/components/Toggletip/BasePopover.js.map +0 -1
- package/build/esm/src/components/Toggletip/Toggletip.js +0 -12
- package/build/esm/src/components/Toggletip/Toggletip.js.map +0 -1
- package/build/esm/src/components/Tooltip/BaseTooltip.js +0 -158
- package/build/esm/src/components/Tooltip/BaseTooltip.js.map +0 -1
- package/build/esm/src/components/Tooltip/Tooltip.js +0 -21
- package/build/esm/src/components/Tooltip/Tooltip.js.map +0 -1
- package/build/esm/src/components/Tooltip/TooltipContent.js +0 -249
- package/build/esm/src/components/Tooltip/TooltipContent.js.map +0 -1
- package/build/esm/src/components/Tooltip/utils.js +0 -93
- package/build/esm/src/components/Tooltip/utils.js.map +0 -1
- package/build/esm/src/components/Typography/Header/Header.js +0 -130
- package/build/esm/src/components/Typography/Header/Header.js.map +0 -1
- package/build/esm/src/components/Typography/StyledText/StyledText.js +0 -161
- package/build/esm/src/components/Typography/StyledText/StyledText.js.map +0 -1
- package/build/esm/src/components/Typography/Text/Text.js +0 -102
- package/build/esm/src/components/Typography/Text/Text.js.map +0 -1
- package/build/esm/src/components/Typography/TextClamped/TextClamped.js +0 -47
- package/build/esm/src/components/Typography/TextClamped/TextClamped.js.map +0 -1
- package/build/esm/src/components/UserHighlightTooltip/UserHighlightTooltip.js +0 -127
- package/build/esm/src/components/UserHighlightTooltip/UserHighlightTooltip.js.map +0 -1
- package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js +0 -110
- package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js.map +0 -1
- package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.js +0 -130
- package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.js.map +0 -1
- package/build/esm/src/index.js +0 -65
- package/build/esm/src/index.js.map +0 -1
- package/build/esm/src/shared/FocusTrapWrapper.js +0 -35
- package/build/esm/src/shared/FocusTrapWrapper.js.map +0 -1
- package/build/esm/src/shared/ScreenReaderText.js +0 -21
- package/build/esm/src/shared/ScreenReaderText.js.map +0 -1
- package/build/esm/src/shared/flattenChildren.js +0 -32
- package/build/esm/src/shared/flattenChildren.js.map +0 -1
- package/build/esm/src/shared/informDeprecation.js +0 -11
- package/build/esm/src/shared/informDeprecation.js.map +0 -1
- package/build/esm/src/shared/mediaQueries.js +0 -68
- package/build/esm/src/shared/mediaQueries.js.map +0 -1
- package/build/esm/src/shared/useAutoPosition.js +0 -41
- package/build/esm/src/shared/useAutoPosition.js.map +0 -1
- package/build/esm/src/shared/useDocument.js +0 -6
- package/build/esm/src/shared/useDocument.js.map +0 -1
- package/build/esm/src/shared/useDragDown.js +0 -83
- package/build/esm/src/shared/useDragDown.js.map +0 -1
- package/build/esm/src/shared/useHover.js +0 -25
- package/build/esm/src/shared/useHover.js.map +0 -1
- package/build/esm/src/shared/useKeyboard.js +0 -42
- package/build/esm/src/shared/useKeyboard.js.map +0 -1
- package/build/esm/src/shared/useOnEscapePress.js +0 -51
- package/build/esm/src/shared/useOnEscapePress.js.map +0 -1
- package/build/esm/src/shared/useOutsideClick.js +0 -32
- package/build/esm/src/shared/useOutsideClick.js.map +0 -1
- package/build/esm/src/shared/useWindow.js +0 -6
- package/build/esm/src/shared/useWindow.js.map +0 -1
- /package/build/{esm/src → cjs}/components/Card/CardBox.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Collapsible/Collapsible.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/DataTable/TableBody.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/DataTable/TableCell.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/DataTable/TableHeader.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/DataTable/index.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Divider/Divider.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Form/FormErrorMessages/FormErrorMessages.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Form/FormField/FormField.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Form/FormFieldGroup/FormFieldGroup.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Form/FormLabelText/FormLabelText.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Form/Input/index.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Form/PasswordInput/index.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/LoadingSpinner/LoadingSpinner.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Logo/Logo.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/MediaItem/MediaItem.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Notification/ExpandedContent.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Pagination/Pagination.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/ShadowWebComponent/ShadowWebComponent.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Tag/Tag.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/Typography/StyledText/StyledText.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/UserHighlightTooltip/UserHighlightTooltip.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/VirtualScrollList/VirtualScrollList.d.ts +0 -0
- /package/build/{esm/src → cjs}/components/VirtualScrollList/VirtualScrollListReducer.d.ts +0 -0
- /package/build/{esm/src → cjs}/shared/FocusTrapWrapper.d.ts +0 -0
- /package/build/{esm/src → cjs}/shared/ScreenReaderText.d.ts +0 -0
- /package/build/{esm/src → cjs}/shared/informDeprecation.d.ts +0 -0
- /package/build/{esm/src → cjs}/shared/replaceDeprecated.d.ts +0 -0
- /package/build/{esm/src → cjs}/shared/useDocument.d.ts +0 -0
- /package/build/{esm/src → cjs}/shared/useOnEscapePress.d.ts +0 -0
- /package/build/{esm/src → cjs}/shared/useWindow.d.ts +0 -0
- /package/build/{esm/build-tokens → cjs/web-tokens}/_breakpoints.json +0 -0
- /package/build/{esm/build-tokens → cjs/web-tokens}/_icon_sizes_map.json +0 -0
- /package/build/{esm/build-tokens → cjs/web-tokens}/_subThemeType.d.ts +0 -0
- /package/build/{esm/build-tokens → cjs/web-tokens}/_zindex.json +0 -0
- /package/build/{esm/build-tokens → cjs/web-tokens}/assets/icons.json +0 -0
- /package/build/{esm/build-tokens → cjs/web-tokens}/assets/icons16.json +0 -0
- /package/build/{esm/build-tokens → cjs/web-tokens}/assets/logo.json +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.js","sources":["../../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, {\n useRef,\n useLayoutEffect,\n useState,\n useEffect,\n useCallback,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport { createPortal } from \"react-dom\";\nimport { keyframes, Global } from \"@emotion/react\";\nimport { FocusTrapWrapper } from \"../../shared/FocusTrapWrapper\";\nimport { Container } from \"../Container/Container\";\nimport { useDragDown } from \"../../shared/useDragDown\";\n\nexport type SheetProps = {\n /* Id to associate with a trigger */\n id?: string;\n /** contents */\n children: React.ReactNode;\n /* Custom portal container to render sheet into */\n portalContainer?: HTMLElement;\n /* used to show / hide sheet */\n isVisible: boolean;\n \"data-e2e-test-id\"?: string;\n /* Called when sheet needs to close, on escape, outside click, swipe down, etc. */\n onClose: () => void;\n /* Called when sheet is removed from DOM after exit animation. */\n onUnmount?: () => void;\n /* Controls whether Sheet closes on outside click */\n dismissOnOutsideClick?: boolean;\n /* Option for focus-trap, controls whether the first focuable item recieves focus */\n disableInitialFocus?: boolean;\n /* Option for focus-trap, controls whether the trigger should receive back the focus on popover close */\n disableReturnFocusToTrigger?: boolean;\n};\n\n// Duration of slidein animation of sheet container\nconst ANIMATION_DURATION_ENTRY = 300;\n// Duration of slideout animation of sheet container\nconst ANIMATION_DURATION_EXIT = 200; // duration\n// Duration of fade in/out animation of content container\nconst ANIMATION_DURATION_CONTENT = 50;\n// Max height of sheet content relative to viewport height\nconst MAX_HEIGHT_PERCENT = 80;\n// Min drag distance to close sheet\nconst MIN_DRAG_DISTANCE = 150;\n\nconst fadeOut = keyframes({\n from: {\n opacity: 1,\n },\n to: {\n opacity: 0,\n },\n});\nconst fadeIn = keyframes({\n from: {\n opacity: 0,\n },\n to: {\n opacity: 1,\n },\n});\n\ntype StyledContainerProps = Partial<Pick<SheetProps, \"isVisible\">> & {\n containerHeight?: number;\n isClosing?: boolean;\n dragOffset?: number;\n prevContainerHeight?: number;\n};\n\nconst StyledContainer = styled.div<StyledContainerProps>(\n ({\n theme,\n containerHeight,\n isClosing,\n dragOffset = 0,\n prevContainerHeight,\n }) => {\n let animation;\n if (containerHeight) {\n const slideOut = keyframes({\n from: {\n transform: `translateY(${dragOffset}px)`,\n },\n to: {\n transform: `translateY(${containerHeight}px)`,\n },\n });\n const slideIn = keyframes({\n from: {\n transform: `translateY(${containerHeight - prevContainerHeight}px)`,\n },\n to: {\n transform: `translateY(0px)`,\n },\n });\n\n if (isClosing) {\n animation = `${ANIMATION_DURATION_EXIT}ms ease-out forwards ${slideOut}`;\n } else {\n // set entry animation only for the first time after sheet is visible\n animation = `${ANIMATION_DURATION_ENTRY}ms ease-out forwards ${slideIn}`;\n }\n }\n\n return {\n position: \"fixed\",\n left: 0,\n bottom: 0,\n width: \"100vw\",\n transformOrigin: \"bottom\",\n animation,\n boxSizing: \"border-box\",\n zIndex: theme.variables.zIndex.modal,\n\n // Remove bottom border radius of DS Container\n \"> div\": {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n },\n };\n }\n);\n\ntype StyledContentContainerProps = {\n isClosing?: boolean;\n};\n\nconst StyledContentContainer = styled.div<StyledContentContainerProps>(\n ({ theme, isClosing }) => {\n const animation = isClosing\n ? `${ANIMATION_DURATION_CONTENT}ms ease-out forwards ${fadeOut}`\n : `${ANIMATION_DURATION_CONTENT}ms ease-out ${\n ANIMATION_DURATION_ENTRY - ANIMATION_DURATION_CONTENT\n }ms forwards ${fadeIn}`;\n\n return {\n overflow: \"auto\",\n maxHeight: `${MAX_HEIGHT_PERCENT}vh`,\n boxSizing: \"border-box\",\n overscrollBehavior: \"none\",\n backgroundColor: theme.values.color.background.elevated.default,\n opacity: 0,\n animation,\n };\n }\n);\n\ntype StyledHandleContainerProps = {\n isContentContainerScrolled?: boolean;\n};\nconst StyledHandleContainer = styled.div<StyledHandleContainerProps>(\n ({ theme, isContentContainerScrolled }) => ({\n padding: `${theme.variables.size.spacing.xs} 0`,\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: theme.values.color.background.elevated.default,\n\n ...(isContentContainerScrolled && {\n boxShadow: theme.values.elevation.a,\n }),\n })\n);\n\nconst StyledHandle = styled.div(({ theme }) => ({\n width: \"80px\",\n height: \"4px\",\n borderRadius: theme.variables.size.borderRadius.xs,\n backgroundColor: theme.values.color.divider.secondary,\n}));\n\nexport function Sheet({\n id,\n children,\n isVisible,\n onClose,\n onUnmount,\n portalContainer,\n dismissOnOutsideClick = true,\n disableInitialFocus,\n disableReturnFocusToTrigger,\n \"data-e2e-test-id\": dataE2eTestId,\n}: SheetProps): React.ReactElement {\n const [isClosing, setClosing] = useState(false);\n const [containerHeight, setContainerHeight] = useState(0);\n const [isContentContainerScrolled, setContentContainerScrolled] =\n useState(false);\n const containerRef = useRef(null);\n const contentContainerRef = useRef(null);\n const prevVisibleState = useRef(false);\n const prevContainerHeight = useRef(0);\n const dragOffset = useRef(0);\n const isDragStarted = useRef(false);\n\n useLayoutEffect(() => {\n if (isVisible && containerRef.current) {\n const containerRect = containerRef.current.getBoundingClientRect();\n\n setContainerHeight(containerRect.height);\n }\n }, [isVisible, children]);\n\n useEffect(() => {\n // Start closing sheet if previously opened\n if (!isVisible && prevVisibleState.current) {\n setClosing(true);\n }\n prevVisibleState.current = isVisible;\n }, [isVisible]);\n\n useEffect(() => {\n if (isVisible && isClosing) {\n // Sometimes, parent component can re-open sheet while it is still closing. To prevent this, we call onClose again\n onClose();\n }\n }, [isVisible, isClosing, onClose]);\n\n useEffect(() => {\n prevContainerHeight.current = containerHeight;\n }, [containerHeight]);\n\n const handleDragStart = useCallback(() => {\n requestAnimationFrame(() => {\n if (contentContainerRef.current.scrollTop === 0) {\n // Remove existing animation, otherwise transform doesn't work\n containerRef.current.style.animation = \"none\";\n containerRef.current.style.transition = \"transform 0.1s ease\";\n containerRef.current.style.transform = \"translateY(0px)\";\n dragOffset.current = 0;\n isDragStarted.current = true;\n }\n });\n }, [containerRef, contentContainerRef]);\n\n const handleDrag = useCallback(\n (_, offsetFromStart) => {\n const containerCurrentHeight =\n containerRef.current.getBoundingClientRect().height;\n\n requestAnimationFrame(() => {\n if (\n isDragStarted.current &&\n contentContainerRef.current.scrollTop === 0 &&\n offsetFromStart < containerCurrentHeight\n ) {\n containerRef.current.style.transform = `translateY(${offsetFromStart}px)`;\n dragOffset.current = offsetFromStart;\n }\n });\n },\n [containerRef, contentContainerRef]\n );\n\n const handleDragEnd = useCallback(\n (_, offsetFromStart) => {\n const containerCurrentHeight =\n containerRef.current.getBoundingClientRect().height;\n // Close sheet only when drag distance is a quarter of container height\n const minDragDistance =\n containerCurrentHeight < MIN_DRAG_DISTANCE * 2\n ? containerCurrentHeight / 4\n : MIN_DRAG_DISTANCE;\n\n requestAnimationFrame(() => {\n if (isDragStarted.current) {\n if (\n offsetFromStart >= minDragDistance &&\n contentContainerRef.current.scrollTop === 0\n ) {\n onClose();\n } else {\n containerRef.current.style.transform = \"translateY(0px)\";\n dragOffset.current = 0;\n }\n }\n isDragStarted.current = false;\n });\n },\n [containerRef, onClose]\n );\n\n const handleDragCancel = useCallback(() => {\n requestAnimationFrame(() => {\n if (isDragStarted.current) {\n containerRef.current.style.transform = \"translateY(0px)\";\n dragOffset.current = 0;\n }\n isDragStarted.current = false;\n });\n }, [containerRef]);\n\n useDragDown({\n ref: containerRef,\n isVisible: isVisible && !isContentContainerScrolled,\n onDragStart: handleDragStart,\n onDrag: handleDrag,\n onDragEnd: handleDragEnd,\n onDragCancel: handleDragCancel,\n });\n\n const handleExitAnimationEnd = () => {\n if (isClosing) {\n setClosing(false);\n setContainerHeight(0);\n dragOffset.current = 0;\n\n if (onUnmount) {\n onUnmount();\n }\n }\n };\n\n const handleContentContainerScroll = () => {\n setContentContainerScrolled(\n contentContainerRef.current && contentContainerRef.current.scrollTop !== 0\n );\n };\n\n const showSheet = (isVisible || isClosing) && !(isVisible && isClosing);\n\n if (!showSheet) return null;\n\n const globalStyles = {\n html: {\n overflow: \"hidden\",\n overscrollBehavior: \"none\",\n },\n };\n\n const idProp = id\n ? {\n id,\n }\n : {};\n\n const sheetElm = (\n <>\n <Global styles={globalStyles} />\n <FocusTrapWrapper\n focusTrapOptions={{\n clickOutsideDeactivates: dismissOnOutsideClick,\n escapeDeactivates: true,\n preventScroll: true,\n initialFocus: () => !disableInitialFocus,\n returnFocusOnDeactivate: !disableReturnFocusToTrigger,\n fallbackFocus: `[data-ds-id=\"Sheet\"]`,\n onPostDeactivate: () => {\n onClose();\n },\n }}\n >\n <StyledContainer\n {...idProp} // eslint-disable-line react/jsx-props-no-spreading\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Sheet\"\n isVisible={isVisible}\n containerHeight={containerHeight}\n isClosing={isClosing}\n ref={containerRef}\n dragOffset={dragOffset.current}\n prevContainerHeight={prevContainerHeight.current}\n onAnimationEnd={handleExitAnimationEnd}\n >\n <Container elevation={4}>\n <StyledHandleContainer\n isContentContainerScrolled={isContentContainerScrolled}\n >\n <StyledHandle />\n </StyledHandleContainer>\n <StyledContentContainer\n isClosing={isClosing}\n ref={contentContainerRef}\n onScroll={handleContentContainerScroll}\n onAnimationEnd={(evt) => evt.stopPropagation()}\n >\n {children}\n </StyledContentContainer>\n </Container>\n </StyledContainer>\n </FocusTrapWrapper>\n </>\n );\n\n return createPortal(sheetElm, portalContainer || document.body);\n}\n"],"names":["ANIMATION_DURATION_ENTRY","ANIMATION_DURATION_EXIT","ANIMATION_DURATION_CONTENT","MAX_HEIGHT_PERCENT","MIN_DRAG_DISTANCE","fadeOut","keyframes","from","opacity","to","fadeIn","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","containerHeight","isClosing","dragOffset","prevContainerHeight","animation","slideOut","transform","slideIn","position","left","bottom","width","transformOrigin","boxSizing","zIndex","variables","modal","borderBottomLeftRadius","borderBottomRightRadius","StyledContentContainer","_ref2","overflow","maxHeight","overscrollBehavior","backgroundColor","values","color","background","elevated","default","StyledHandleContainer","_ref3","isContentContainerScrolled","padding","size","spacing","xs","display","justifyContent","boxShadow","elevation","a","StyledHandle","_ref4","height","borderRadius","divider","secondary","Sheet","_ref5","id","children","isVisible","onClose","onUnmount","portalContainer","dismissOnOutsideClick","disableInitialFocus","disableReturnFocusToTrigger","dataE2eTestId","setClosing","useState","setContainerHeight","setContentContainerScrolled","containerRef","useRef","contentContainerRef","prevVisibleState","isDragStarted","useLayoutEffect","current","containerRect","getBoundingClientRect","useEffect","handleDragStart","useCallback","requestAnimationFrame","scrollTop","style","transition","handleDrag","_","offsetFromStart","containerCurrentHeight","handleDragEnd","minDragDistance","handleDragCancel","useDragDown","ref","onDragStart","onDrag","onDragEnd","onDragCancel","handleExitAnimationEnd","handleContentContainerScroll","showSheet","globalStyles","html","idProp","sheetElm","React","createElement","Fragment","Global","styles","FocusTrapWrapper","focusTrapOptions","clickOutsideDeactivates","escapeDeactivates","preventScroll","initialFocus","returnFocusOnDeactivate","fallbackFocus","onPostDeactivate","_extends","onAnimationEnd","Container","onScroll","evt","stopPropagation","createPortal","document","body"],"mappings":"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"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { flattenChildren } from '../../shared/flattenChildren.js';
|
|
4
|
-
import { mq } from '../../shared/mediaQueries.js';
|
|
5
|
-
|
|
6
|
-
const defaultProps = {
|
|
7
|
-
space: "xs",
|
|
8
|
-
"data-e2e-test-id": undefined,
|
|
9
|
-
"data-ds-id": "Stack"
|
|
10
|
-
};
|
|
11
|
-
const StackContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
12
|
-
target: "earxui51"
|
|
13
|
-
} : {
|
|
14
|
-
target: "earxui51",
|
|
15
|
-
label: "StackContainer"
|
|
16
|
-
})(_ref => {
|
|
17
|
-
let {
|
|
18
|
-
alignItems
|
|
19
|
-
} = _ref;
|
|
20
|
-
return {
|
|
21
|
-
...mq({
|
|
22
|
-
alignItems: [alignItems, {
|
|
23
|
-
left: "flex-start",
|
|
24
|
-
right: "flex-end",
|
|
25
|
-
center: "center",
|
|
26
|
-
spaceBetween: "space-between"
|
|
27
|
-
}]
|
|
28
|
-
}),
|
|
29
|
-
display: "flex",
|
|
30
|
-
flexDirection: "column"
|
|
31
|
-
};
|
|
32
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3VCIiwiZmlsZSI6IlN0YWNrLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuaW1wb3J0IHsgSG9yaXpvbnRhbEFsaWdubWVudCwgTVEsIFNwYWNlU2l6ZXMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgU3RhY2tQcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIGJldHdlZW4gdGhlIFN0YWNrJ3MgY2hpbGRyZW5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG4gIC8qKiBSZXByZXNlbnRzIGVsZW1lbnRzJyBob3Jpem9udGFsIGFsaWdubWVudFxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gYWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiBhbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gYWxpZ25JdGVtc10gb3Igb25lIGFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxudHlwZSBTdGFja0l0ZW1Qcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIGJldHdlZW4gdGhlIFN0YWNrJ3MgY2hpbGRyZW5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8U3RhY2tQcm9wcz4gPSB7XG4gIHNwYWNlOiBcInhzXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIlN0YWNrXCIsXG59O1xuXG5jb25zdCBTdGFja0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3RhY2tQcm9wcz4oKHsgYWxpZ25JdGVtcyB9KSA9PiAoe1xuICAuLi5tcSh7XG4gICAgYWxpZ25JdGVtczogW1xuICAgICAgYWxpZ25JdGVtcyxcbiAgICAgIHtcbiAgICAgICAgbGVmdDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgIHJpZ2h0OiBcImZsZXgtZW5kXCIsXG4gICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgIH0sXG4gICAgXSxcbiAgfSksXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxufSkpO1xuXG5jb25zdCBTdGFja0l0ZW0gPSBzdHlsZWQuZGl2PFN0YWNrSXRlbVByb3BzPigoeyB0aGVtZSwgc3BhY2UgfSkgPT4gKHtcbiAgLi4ubXEoe1xuICAgIG1hcmdpblRvcDogW3NwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG4gIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gIH0sXG4gIFwiJjplbXB0eVwiOiB7XG4gICAgbWFyZ2luVG9wOiAwLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gU3RhY2soe1xuICBjaGlsZHJlbixcbiAgc3BhY2UsXG4gIGFsaWduSXRlbXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImRhdGEtZHMtaWRcIjogZGF0YURzSWQsXG59OiBTdGFja1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2tDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKSxcbiAgICAgICAgKGNoaWxkKSA9PiBjaGlsZCAmJiA8U3RhY2tJdGVtIHNwYWNlPXtzcGFjZX0+e2NoaWxkfTwvU3RhY2tJdGVtPlxuICAgICAgKX1cbiAgICA8L1N0YWNrQ29udGFpbmVyPlxuICApO1xufVxuXG5TdGFjay5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
|
|
33
|
-
const StackItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
34
|
-
target: "earxui50"
|
|
35
|
-
} : {
|
|
36
|
-
target: "earxui50",
|
|
37
|
-
label: "StackItem"
|
|
38
|
-
})(_ref2 => {
|
|
39
|
-
let {
|
|
40
|
-
theme,
|
|
41
|
-
space
|
|
42
|
-
} = _ref2;
|
|
43
|
-
return {
|
|
44
|
-
...mq({
|
|
45
|
-
marginTop: [space, theme.variables.size.spacing]
|
|
46
|
-
}),
|
|
47
|
-
"&:first-of-type": {
|
|
48
|
-
marginTop: 0
|
|
49
|
-
},
|
|
50
|
-
"&:empty": {
|
|
51
|
-
marginTop: 0
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRGtCIiwiZmlsZSI6IlN0YWNrLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuaW1wb3J0IHsgSG9yaXpvbnRhbEFsaWdubWVudCwgTVEsIFNwYWNlU2l6ZXMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgU3RhY2tQcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIGJldHdlZW4gdGhlIFN0YWNrJ3MgY2hpbGRyZW5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG4gIC8qKiBSZXByZXNlbnRzIGVsZW1lbnRzJyBob3Jpem9udGFsIGFsaWdubWVudFxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gYWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiBhbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gYWxpZ25JdGVtc10gb3Igb25lIGFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxudHlwZSBTdGFja0l0ZW1Qcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIGJldHdlZW4gdGhlIFN0YWNrJ3MgY2hpbGRyZW5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBhcnRpYWw8U3RhY2tQcm9wcz4gPSB7XG4gIHNwYWNlOiBcInhzXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIlN0YWNrXCIsXG59O1xuXG5jb25zdCBTdGFja0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3RhY2tQcm9wcz4oKHsgYWxpZ25JdGVtcyB9KSA9PiAoe1xuICAuLi5tcSh7XG4gICAgYWxpZ25JdGVtczogW1xuICAgICAgYWxpZ25JdGVtcyxcbiAgICAgIHtcbiAgICAgICAgbGVmdDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgIHJpZ2h0OiBcImZsZXgtZW5kXCIsXG4gICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgIH0sXG4gICAgXSxcbiAgfSksXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxufSkpO1xuXG5jb25zdCBTdGFja0l0ZW0gPSBzdHlsZWQuZGl2PFN0YWNrSXRlbVByb3BzPigoeyB0aGVtZSwgc3BhY2UgfSkgPT4gKHtcbiAgLi4ubXEoe1xuICAgIG1hcmdpblRvcDogW3NwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG4gIFwiJjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gIH0sXG4gIFwiJjplbXB0eVwiOiB7XG4gICAgbWFyZ2luVG9wOiAwLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gU3RhY2soe1xuICBjaGlsZHJlbixcbiAgc3BhY2UsXG4gIGFsaWduSXRlbXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImRhdGEtZHMtaWRcIjogZGF0YURzSWQsXG59OiBTdGFja1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2tDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKSxcbiAgICAgICAgKGNoaWxkKSA9PiBjaGlsZCAmJiA8U3RhY2tJdGVtIHNwYWNlPXtzcGFjZX0+e2NoaWxkfTwvU3RhY2tJdGVtPlxuICAgICAgKX1cbiAgICA8L1N0YWNrQ29udGFpbmVyPlxuICApO1xufVxuXG5TdGFjay5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
|
|
55
|
-
function Stack(_ref3) {
|
|
56
|
-
let {
|
|
57
|
-
children,
|
|
58
|
-
space,
|
|
59
|
-
alignItems,
|
|
60
|
-
"data-e2e-test-id": dataE2eTestId,
|
|
61
|
-
"data-ds-id": dataDsId
|
|
62
|
-
} = _ref3;
|
|
63
|
-
return /*#__PURE__*/React.createElement(StackContainer, {
|
|
64
|
-
"data-e2e-test-id": dataE2eTestId,
|
|
65
|
-
"data-ds-id": dataDsId,
|
|
66
|
-
alignItems: alignItems
|
|
67
|
-
}, React.Children.map(flattenChildren(children), child => child && /*#__PURE__*/React.createElement(StackItem, {
|
|
68
|
-
space: space
|
|
69
|
-
}, child)));
|
|
70
|
-
}
|
|
71
|
-
Stack.defaultProps = defaultProps;
|
|
72
|
-
|
|
73
|
-
export { Stack };
|
|
74
|
-
//# sourceMappingURL=Stack.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sources":["../../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { mq } from \"../../shared/mediaQueries\";\n\nimport { HorizontalAlignment, MQ, SpaceSizes } from \"../../types\";\n\nexport type StackProps = {\n /** Represents the vertical between the Stack's children\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n space?: MQ<SpaceSizes> | SpaceSizes;\n /** Represents elements' horizontal alignment\n * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes\n */\n alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;\n children: React.ReactNode[] | React.ReactElement;\n \"data-e2e-test-id\"?: string;\n /** @ignore */\n \"data-ds-id\"?: string;\n};\n\ntype StackItemProps = {\n /** Represents the vertical between the Stack's children\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n space?: MQ<SpaceSizes> | SpaceSizes;\n};\n\nconst defaultProps: Partial<StackProps> = {\n space: \"xs\",\n \"data-e2e-test-id\": undefined,\n \"data-ds-id\": \"Stack\",\n};\n\nconst StackContainer = styled.div<StackProps>(({ alignItems }) => ({\n ...mq({\n alignItems: [\n alignItems,\n {\n left: \"flex-start\",\n right: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n }),\n display: \"flex\",\n flexDirection: \"column\",\n}));\n\nconst StackItem = styled.div<StackItemProps>(({ theme, space }) => ({\n ...mq({\n marginTop: [space, theme.variables.size.spacing],\n }),\n \"&:first-of-type\": {\n marginTop: 0,\n },\n \"&:empty\": {\n marginTop: 0,\n },\n}));\n\nexport function Stack({\n children,\n space,\n alignItems,\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-ds-id\": dataDsId,\n}: StackProps): React.ReactElement {\n return (\n <StackContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id={dataDsId}\n alignItems={alignItems}\n >\n {React.Children.map(\n flattenChildren(children),\n (child) => child && <StackItem space={space}>{child}</StackItem>\n )}\n </StackContainer>\n );\n}\n\nStack.defaultProps = defaultProps;\n"],"names":["defaultProps","space","undefined","StackContainer","_styled","process","env","NODE_ENV","target","label","_ref","alignItems","mq","left","right","center","spaceBetween","display","flexDirection","StackItem","_ref2","theme","marginTop","variables","size","spacing","Stack","_ref3","children","dataE2eTestId","dataDsId","React","createElement","Children","map","flattenChildren","child"],"mappings":";;;;;AA6BA,MAAMA,YAAiC,GAAG;AACxCC,EAAAA,KAAK,EAAE,IAAI;AACX,EAAA,kBAAkB,EAAEC,SAAS;AAC7B,EAAA,YAAY,EAAE,OAAA;AAChB,CAAC,CAAA;AAED,MAAMC,cAAc,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAuBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACjE,IAAA,GAAGE,EAAE,CAAC;MACJD,UAAU,EAAE,CACVA,UAAU,EACV;AACEE,QAAAA,IAAI,EAAE,YAAY;AAClBC,QAAAA,KAAK,EAAE,UAAU;AACjBC,QAAAA,MAAM,EAAE,QAAQ;AAChBC,QAAAA,YAAY,EAAE,eAAA;OACf,CAAA;AAEL,KAAC,CAAC;AACFC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,QAAA;GAChB,CAAA;AAAA,CAAC,EAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q1GAAA,CAAA,CAAA;AAEH,MAAMY,SAAS,gBAAGf,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAA2BW,KAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEpB,IAAAA,KAAAA;AAAM,GAAC,GAAAmB,KAAA,CAAA;EAAA,OAAM;AAClE,IAAA,GAAGR,EAAE,CAAC;MACJU,SAAS,EAAE,CAACrB,KAAK,EAAEoB,KAAK,CAACE,SAAS,CAACC,IAAI,CAACC,OAAO,CAAA;AACjD,KAAC,CAAC;AACF,IAAA,iBAAiB,EAAE;AACjBH,MAAAA,SAAS,EAAE,CAAA;KACZ;AACD,IAAA,SAAS,EAAE;AACTA,MAAAA,SAAS,EAAE,CAAA;AACb,KAAA;GACD,CAAA;AAAA,CAAC,EAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q1GAAA,CAAA,CAAA;AAEI,SAASmB,KAAKA,CAAAC,KAAA,EAMc;EAAA,IANb;IACpBC,QAAQ;IACR3B,KAAK;IACLU,UAAU;AACV,IAAA,kBAAkB,EAAEkB,aAAa;AACjC,IAAA,YAAY,EAAEC,QAAAA;AACJ,GAAC,GAAAH,KAAA,CAAA;AACX,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAC7B,cAAc,EAAA;AACb,IAAA,kBAAA,EAAkB0B,aAAc;AAChC,IAAA,YAAA,EAAYC,QAAS;AACrBnB,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,EAEtBoB,KAAK,CAACE,QAAQ,CAACC,GAAG,CACjBC,eAAe,CAACP,QAAQ,CAAC,EACxBQ,KAAK,IAAKA,KAAK,iBAAIL,KAAA,CAAAC,aAAA,CAACb,SAAS,EAAA;AAAClB,IAAAA,KAAK,EAAEA,KAAAA;GAAQmC,EAAAA,KAAiB,CACjE,CACc,CAAC,CAAA;AAErB,CAAA;AAEAV,KAAK,CAAC1B,YAAY,GAAGA,YAAY;;;;"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ThemeProvider } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
/* eslint-disable no-restricted-syntax */
|
|
5
|
-
function isObject(item) {
|
|
6
|
-
return item && typeof item === "object" && !Array.isArray(item);
|
|
7
|
-
}
|
|
8
|
-
function mergeDeep(target) {
|
|
9
|
-
for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
10
|
-
sources[_key - 1] = arguments[_key];
|
|
11
|
-
}
|
|
12
|
-
if (!sources.length) return target;
|
|
13
|
-
const source = sources.shift();
|
|
14
|
-
if (isObject(target) && isObject(source)) {
|
|
15
|
-
for (const key in source) {
|
|
16
|
-
if (isObject(source[key])) {
|
|
17
|
-
if (!target[key]) Object.assign(target, {
|
|
18
|
-
[key]: {}
|
|
19
|
-
});
|
|
20
|
-
mergeDeep(target[key], source[key]);
|
|
21
|
-
} else {
|
|
22
|
-
Object.assign(target, {
|
|
23
|
-
[key]: source[key]
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
return mergeDeep(target, ...sources);
|
|
29
|
-
}
|
|
30
|
-
const subThemeCreator = (parentTheme, name) => mergeDeep({}, parentTheme, {
|
|
31
|
-
values: {
|
|
32
|
-
...parentTheme.values.subThemes[name]
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
function SubThemeProvider(_ref) {
|
|
36
|
-
let {
|
|
37
|
-
name,
|
|
38
|
-
children,
|
|
39
|
-
"data-e2e-test-id": dataE2eTestId
|
|
40
|
-
} = _ref;
|
|
41
|
-
return /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
42
|
-
theme: parentTheme => subThemeCreator(parentTheme, name)
|
|
43
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
44
|
-
"data-e2e-test-id": dataE2eTestId,
|
|
45
|
-
"data-ds-id": "SubThemeProvider"
|
|
46
|
-
}, children));
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
export { SubThemeProvider };
|
|
50
|
-
//# sourceMappingURL=SubThemeProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubThemeProvider.js","sources":["../../../../../src/components/SubThemeProvider/SubThemeProvider.tsx"],"sourcesContent":["/* eslint-disable no-restricted-syntax */\nimport React from \"react\";\nimport { ThemeProvider, Theme } from \"@emotion/react\";\nimport { SubThemeTypes } from \"../../../build-tokens/_subThemeType\";\n\nexport type SubThemeProviderProps = {\n \"data-e2e-test-id\"?: string;\n children: React.ReactNode[] | React.ReactNode;\n name: \"unset\" | SubThemeTypes;\n};\n\ntype DeepPartial<T> = {\n [P in keyof T]?: DeepPartial<T[P]>;\n};\n\nfunction isObject(item: unknown) {\n return item && typeof item === \"object\" && !Array.isArray(item);\n}\n\nfunction mergeDeep<T>(\n target: DeepPartial<T>,\n ...sources: DeepPartial<T>[]\n): DeepPartial<T> {\n if (!sources.length) return target;\n const source = sources.shift();\n\n if (isObject(target) && isObject(source)) {\n for (const key in source) {\n if (isObject(source[key])) {\n if (!target[key]) Object.assign(target, { [key]: {} });\n mergeDeep(target[key], source[key]);\n } else {\n Object.assign(target, { [key]: source[key] });\n }\n }\n }\n\n return mergeDeep(target, ...sources);\n}\n\nconst subThemeCreator = (parentTheme: Theme, name: SubThemeTypes): Theme =>\n mergeDeep({}, parentTheme, {\n values: {\n ...parentTheme.values.subThemes[name],\n },\n }) as Theme;\n\nexport function SubThemeProvider({\n name,\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: SubThemeProviderProps): React.ReactElement {\n return (\n <ThemeProvider\n theme={(parentTheme: Theme) =>\n subThemeCreator(parentTheme, name as SubThemeTypes)\n }\n >\n <div data-e2e-test-id={dataE2eTestId} data-ds-id=\"SubThemeProvider\">\n {children}\n </div>\n </ThemeProvider>\n );\n}\n"],"names":["isObject","item","Array","isArray","mergeDeep","target","_len","arguments","length","sources","_key","source","shift","key","Object","assign","subThemeCreator","parentTheme","name","values","subThemes","SubThemeProvider","_ref","children","dataE2eTestId","React","createElement","ThemeProvider","theme"],"mappings":";;;AAAA;AAeA,SAASA,QAAQA,CAACC,IAAa,EAAE;AAC/B,EAAA,OAAOA,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,CAAA;AACjE,CAAA;AAEA,SAASG,SAASA,CAChBC,MAAsB,EAEN;EAAA,KAAAC,IAAAA,IAAA,GAAAC,SAAA,CAAAC,MAAA,EADbC,OAAO,OAAAP,KAAA,CAAAI,IAAA,GAAAA,CAAAA,GAAAA,IAAA,WAAAI,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA,EAAA,EAAA;AAAPD,IAAAA,OAAO,CAAAC,IAAA,GAAAH,CAAAA,CAAAA,GAAAA,SAAA,CAAAG,IAAA,CAAA,CAAA;AAAA,GAAA;AAEV,EAAA,IAAI,CAACD,OAAO,CAACD,MAAM,EAAE,OAAOH,MAAM,CAAA;AAClC,EAAA,MAAMM,MAAM,GAAGF,OAAO,CAACG,KAAK,EAAE,CAAA;EAE9B,IAAIZ,QAAQ,CAACK,MAAM,CAAC,IAAIL,QAAQ,CAACW,MAAM,CAAC,EAAE;AACxC,IAAA,KAAK,MAAME,GAAG,IAAIF,MAAM,EAAE;AACxB,MAAA,IAAIX,QAAQ,CAACW,MAAM,CAACE,GAAG,CAAC,CAAC,EAAE;QACzB,IAAI,CAACR,MAAM,CAACQ,GAAG,CAAC,EAAEC,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;UAAE,CAACQ,GAAG,GAAG,EAAC;AAAE,SAAC,CAAC,CAAA;QACtDT,SAAS,CAACC,MAAM,CAACQ,GAAG,CAAC,EAAEF,MAAM,CAACE,GAAG,CAAC,CAAC,CAAA;AACrC,OAAC,MAAM;AACLC,QAAAA,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;AAAE,UAAA,CAACQ,GAAG,GAAGF,MAAM,CAACE,GAAG,CAAA;AAAE,SAAC,CAAC,CAAA;AAC/C,OAAA;AACF,KAAA;AACF,GAAA;AAEA,EAAA,OAAOT,SAAS,CAACC,MAAM,EAAE,GAAGI,OAAO,CAAC,CAAA;AACtC,CAAA;AAEA,MAAMO,eAAe,GAAGA,CAACC,WAAkB,EAAEC,IAAmB,KAC9Dd,SAAS,CAAC,EAAE,EAAEa,WAAW,EAAE;AACzBE,EAAAA,MAAM,EAAE;AACN,IAAA,GAAGF,WAAW,CAACE,MAAM,CAACC,SAAS,CAACF,IAAI,CAAA;AACtC,GAAA;AACF,CAAC,CAAU,CAAA;AAEN,SAASG,gBAAgBA,CAAAC,IAAA,EAIc;EAAA,IAJb;IAC/BJ,IAAI;IACJK,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACC,GAAC,GAAAF,IAAA,CAAA;AACtB,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AACZC,IAAAA,KAAK,EAAGX,WAAkB,IACxBD,eAAe,CAACC,WAAW,EAAEC,IAAqB,CAAA;GAGpDO,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,kBAAA,EAAkBF,aAAc;IAAC,YAAW,EAAA,kBAAA;GAC9CD,EAAAA,QACE,CACQ,CAAC,CAAA;AAEpB;;;;"}
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
-
import _styled from '@emotion/styled/base';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { mq } from '../../shared/mediaQueries.js';
|
|
5
|
-
import { Icon } from '../Icon/Icon.js';
|
|
6
|
-
import { Stack } from '../Stack/Stack.js';
|
|
7
|
-
|
|
8
|
-
const BORDER_BOTTOM_WIDTH = 4;
|
|
9
|
-
const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
10
|
-
target: "epth01"
|
|
11
|
-
} : {
|
|
12
|
-
target: "epth01",
|
|
13
|
-
label: "StyledContainer"
|
|
14
|
-
})(_ref => {
|
|
15
|
-
let {
|
|
16
|
-
theme,
|
|
17
|
-
horizontalPadding
|
|
18
|
-
} = _ref;
|
|
19
|
-
return {
|
|
20
|
-
display: "flex",
|
|
21
|
-
flexDirection: "row",
|
|
22
|
-
...mq({
|
|
23
|
-
gap: [["m", "l", "l"], theme.variables.size.spacing],
|
|
24
|
-
paddingInline: [horizontalPadding, theme.variables.size.spacing]
|
|
25
|
-
}),
|
|
26
|
-
paddingTop: theme.variables.size.spacing.m,
|
|
27
|
-
borderBottom: `1px solid ${theme.values.color.border.secondary.default}`,
|
|
28
|
-
whiteSpace: "nowrap",
|
|
29
|
-
// Scrollbar
|
|
30
|
-
overflow: "auto",
|
|
31
|
-
scrollbarWidth: "none",
|
|
32
|
-
// Firefox
|
|
33
|
-
msOverflowStyle: "none",
|
|
34
|
-
// IE 10+
|
|
35
|
-
"::-webkit-scrollbar": {
|
|
36
|
-
display: "none" // Chrome
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl3QiIsImZpbGUiOiJUYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RLCBTcGFjZVNpemVzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBJY29uLCBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5cbmNvbnN0IEJPUkRFUl9CT1RUT01fV0lEVEggPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaG9yaXpvbnRhbFBhZGRpbmc6IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcbn0+KCh7IHRoZW1lLCBob3Jpem9udGFsUGFkZGluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgLi4ubXEoe1xuICAgIGdhcDogW1tcIm1cIiwgXCJsXCIsIFwibFwiXSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgcGFkZGluZ0lubGluZTogW2hvcml6b250YWxQYWRkaW5nLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG5cbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG5cbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcblxuICAvLyBTY3JvbGxiYXJcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJub25lXCIsIC8vIEZpcmVmb3hcbiAgbXNPdmVyZmxvd1N0eWxlOiBcIm5vbmVcIiwgLy8gSUUgMTArXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsIC8vIENocm9tZVxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUYWIgPSBzdHlsZWQuYnV0dG9uPHsgYWN0aXZlOiBib29sZWFuIH0+KCh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgYmFja2dyb3VuZDogMCxcbiAgYm9yZGVyOiAwLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIHBhZGRpbmc6IDAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnMsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjE1c1wiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgLy8gUmVxdWlyZWQgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBoZWlnaHQgZm9yIHRoZSBzZWxlY3RlZCB0YWJcbiAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgcGFkZGluZ0JvdHRvbTogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4KWAsXG5cbiAgLi4uKGFjdGl2ZSAmJiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0fWAsXG4gIH0pLFxuICAuLi4oIWFjdGl2ZSAmJiB7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyfWAsXG4gICAgfSxcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggIHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuc2VsZWN0ZWR9YCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuY29uc3QgYWRkU3VidGl0bGUgPSAodGV4dDogc3RyaW5nKSA9PiAodGV4dCA/IGAoJHt0ZXh0fSlgIDogYGApO1xuXG4vKipcbiAqIEBwYXJhbSBsYWJlbCAtIFRoZSB0ZXh0IHRvIGRpc3BsYXkgaW4gdGhlIHRhYlxuICogQHBhcmFtIHN1YmxhYmVsIC0gQSBzdWJ0ZXh0LCBlbmNhc2VkIGluIHBhcmVudGhlc2VzXG4gKiBAcGFyYW0gaWNvbiAtIEFuIGljb24gdG8gZGlzcGxheSB0byB0aGUgbGVmdCBvZiB0aGUgbGFiZWxcbiAqIEBwYXJhbSBhcyAtIFRoZSBlbGVtZW50IHRvIHJlbmRlciB0aGUgdGFiIGFzLCBkZWZhdWx0cyB0byBgYnV0dG9uYFxuICovXG50eXBlIFRhYiA9IHtcbiAgaWQ/OiBzdHJpbmc7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YmxhYmVsPzogc3RyaW5nO1xuICBpY29uPzogSWNvbk5hbWU7XG4gIGFzPzogXCJhXCIgfCBcImJ1dHRvblwiIHwgUmVhY3QuRWxlbWVudFR5cGU7XG59ICYgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImJ1dHRvblwiPj4gJlxuICBQYXJ0aWFsPFJlYWN0LkNvbXBvbmVudFByb3BzPFwiYVwiPj47XG5cbmV4cG9ydCB0eXBlIFRhYnNQcm9wcyA9IHtcbiAgLyoqIEFuIGFycmF5IG9mIHRhYnMsIGNvbnRhaW5zIGBoZWFkZXJgLCBgc3VidGl0bGVgLCBgaWNvbkxlZnRgLCBgYXNgIChkZWZpbmluZyB0aGUgdGFiIGFzIGEgYnV0dG9uIG9yIGEgbGluaykgKi9cbiAgdGFiczogVGFiW107XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogVGhlIGluZGV4IG9mIHRoZSBhY3RpdmUgdGFiICovXG4gIGFjdGl2ZVRhYj86IG51bWJlcjtcbiAgb25UYWJTZWxlY3Q/OiAoc2VsZWN0ZWRUYWI6IG51bWJlcikgPT4gdm9pZDtcbiAgdGFiUGFuZWxJZD86IHN0cmluZztcbiAgLyoqIEhvcml6b250YWwgcGFkZGluZyBzcGFjZSBmb3IgdGhlIHRhYiBjb250YWluZXIsIHN1aXRlZCBmb3IgdGFicyB3aXRoaW4gYSBDYXJkIGVsZW1lbnQgKi9cbiAgaG9yaXpvbnRhbFBhZGRpbmc/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47IC8vICdtJyB8IFsnbScsICdsJywgJ2wnXVxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzKHtcbiAgdGFicyxcbiAgaG9yaXpvbnRhbFBhZGRpbmcsXG4gIGFjdGl2ZVRhYiA9IDAsXG4gIGNoaWxkcmVuLFxuICBvblRhYlNlbGVjdCxcbiAgdGFiUGFuZWxJZCA9IFwidGFiUGFuZWxcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdGFjayBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSBkYXRhLWRzLWlkPVwiVGFic1wiPlxuICAgICAgPFN0eWxlZENvbnRhaW5lciBob3Jpem9udGFsUGFkZGluZz17aG9yaXpvbnRhbFBhZGRpbmd9IHJvbGU9XCJ0YWJsaXN0XCI+XG4gICAgICAgIHt0YWJzLm1hcChcbiAgICAgICAgICAoeyBpZDogdGFiSWQsIGxhYmVsLCBzdWJsYWJlbCwgaWNvbiwgYXMgPSBcImJ1dHRvblwiLCAuLi5yZXN0IH0sIGkpID0+IChcbiAgICAgICAgICAgIDxTdHlsZWRUYWJcbiAgICAgICAgICAgICAgaWQ9e3RhYklkIHx8IGB0YWItJHtpfWB9XG4gICAgICAgICAgICAgIHR5cGU9e2FzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogXCJidXR0b25cIn1cbiAgICAgICAgICAgICAgcm9sZT1cInRhYlwiXG4gICAgICAgICAgICAgIGFzPXthc31cbiAgICAgICAgICAgICAga2V5PXtsYWJlbH1cbiAgICAgICAgICAgICAgYWN0aXZlPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz17dGFiUGFuZWxJZH1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25UYWJTZWxlY3QgJiYgb25UYWJTZWxlY3QoaSl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb259IC8+fVxuICAgICAgICAgICAgICB7bGFiZWx9IHthZGRTdWJ0aXRsZShzdWJsYWJlbCl9XG4gICAgICAgICAgICA8L1N0eWxlZFRhYj5cbiAgICAgICAgICApXG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxkaXYgcm9sZT1cInRhYnBhbmVsXCIgaWQ9e3RhYlBhbmVsSWR9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl19 */");
|
|
40
|
-
const StyledTab = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
41
|
-
target: "epth00"
|
|
42
|
-
} : {
|
|
43
|
-
target: "epth00",
|
|
44
|
-
label: "StyledTab"
|
|
45
|
-
})(_ref2 => {
|
|
46
|
-
let {
|
|
47
|
-
theme,
|
|
48
|
-
active
|
|
49
|
-
} = _ref2;
|
|
50
|
-
return {
|
|
51
|
-
display: "flex",
|
|
52
|
-
gap: theme.variables.size.spacing.xxs,
|
|
53
|
-
alignItems: "center",
|
|
54
|
-
background: 0,
|
|
55
|
-
border: 0,
|
|
56
|
-
boxSizing: "border-box",
|
|
57
|
-
color: theme.values.color.text.secondary.default,
|
|
58
|
-
padding: 0,
|
|
59
|
-
fontFamily: theme.variables.fontFamily.lato,
|
|
60
|
-
fontWeight: theme.variables.weight.bold,
|
|
61
|
-
fontSize: theme.variables.size.font.s,
|
|
62
|
-
lineHeight: theme.variables.size.lineHeight.text.s,
|
|
63
|
-
transition: "background-color 0.15s",
|
|
64
|
-
textDecoration: "none",
|
|
65
|
-
// Required to maintain consistent height for the selected tab
|
|
66
|
-
borderBottom: `${BORDER_BOTTOM_WIDTH}px solid transparent`,
|
|
67
|
-
paddingBottom: `calc(${theme.variables.size.spacing.m} - ${BORDER_BOTTOM_WIDTH}px)`,
|
|
68
|
-
...(active && {
|
|
69
|
-
color: theme.values.color.text.accent.default,
|
|
70
|
-
borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.accent.default}`
|
|
71
|
-
}),
|
|
72
|
-
...(!active && {
|
|
73
|
-
cursor: "pointer",
|
|
74
|
-
"&:hover": {
|
|
75
|
-
color: theme.values.color.text.primary.default,
|
|
76
|
-
borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.hover}`
|
|
77
|
-
},
|
|
78
|
-
"&:active": {
|
|
79
|
-
color: theme.values.color.text.primary.default,
|
|
80
|
-
borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.selected}`
|
|
81
|
-
}
|
|
82
|
-
})
|
|
83
|
-
};
|
|
84
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Da0IiLCJmaWxlIjoiVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBNUSwgU3BhY2VTaXplcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuXG5jb25zdCBCT1JERVJfQk9UVE9NX1dJRFRIID0gNDtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGhvcml6b250YWxQYWRkaW5nOiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG59PigoeyB0aGVtZSwgaG9yaXpvbnRhbFBhZGRpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIC4uLm1xKHtcbiAgICBnYXA6IFtbXCJtXCIsIFwibFwiLCBcImxcIl0sIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIHBhZGRpbmdJbmxpbmU6IFtob3Jpem9udGFsUGFkZGluZywgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gIH0pLFxuXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgLy8gU2Nyb2xsYmFyXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwibm9uZVwiLCAvLyBGaXJlZm94XG4gIG1zT3ZlcmZsb3dTdHlsZTogXCJub25lXCIsIC8vIElFIDEwK1xuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXJcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLCAvLyBDaHJvbWVcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IGFjdGl2ZTogYm9vbGVhbiB9PigoeyB0aGVtZSwgYWN0aXZlIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IDAsXG4gIGJvcmRlcjogMCxcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBwYWRkaW5nOiAwLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC5zLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMC4xNXNcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIC8vIFJlcXVpcmVkIHRvIG1haW50YWluIGNvbnNpc3RlbnQgaGVpZ2h0IGZvciB0aGUgc2VsZWN0ZWQgdGFiXG4gIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCB0cmFuc3BhcmVudGAsXG4gIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAtICR7Qk9SREVSX0JPVFRPTV9XSURUSH1weClgLFxuXG4gIC4uLihhY3RpdmUgJiYge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdH1gLFxuICB9KSxcbiAgLi4uKCFhY3RpdmUgJiYge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3Zlcn1gLFxuICAgIH0sXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4ICBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LnNlbGVjdGVkfWAsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IGFkZFN1YnRpdGxlID0gKHRleHQ6IHN0cmluZykgPT4gKHRleHQgPyBgKCR7dGV4dH0pYCA6IGBgKTtcblxuLyoqXG4gKiBAcGFyYW0gbGFiZWwgLSBUaGUgdGV4dCB0byBkaXNwbGF5IGluIHRoZSB0YWJcbiAqIEBwYXJhbSBzdWJsYWJlbCAtIEEgc3VidGV4dCwgZW5jYXNlZCBpbiBwYXJlbnRoZXNlc1xuICogQHBhcmFtIGljb24gLSBBbiBpY29uIHRvIGRpc3BsYXkgdG8gdGhlIGxlZnQgb2YgdGhlIGxhYmVsXG4gKiBAcGFyYW0gYXMgLSBUaGUgZWxlbWVudCB0byByZW5kZXIgdGhlIHRhYiBhcywgZGVmYXVsdHMgdG8gYGJ1dHRvbmBcbiAqL1xudHlwZSBUYWIgPSB7XG4gIGlkPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJsYWJlbD86IHN0cmluZztcbiAgaWNvbj86IEljb25OYW1lO1xuICBhcz86IFwiYVwiIHwgXCJidXR0b25cIiB8IFJlYWN0LkVsZW1lbnRUeXBlO1xufSAmIFBhcnRpYWw8UmVhY3QuQ29tcG9uZW50UHJvcHM8XCJidXR0b25cIj4+ICZcbiAgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImFcIj4+O1xuXG5leHBvcnQgdHlwZSBUYWJzUHJvcHMgPSB7XG4gIC8qKiBBbiBhcnJheSBvZiB0YWJzLCBjb250YWlucyBgaGVhZGVyYCwgYHN1YnRpdGxlYCwgYGljb25MZWZ0YCwgYGFzYCAoZGVmaW5pbmcgdGhlIHRhYiBhcyBhIGJ1dHRvbiBvciBhIGxpbmspICovXG4gIHRhYnM6IFRhYltdO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgLyoqIFRoZSBpbmRleCBvZiB0aGUgYWN0aXZlIHRhYiAqL1xuICBhY3RpdmVUYWI/OiBudW1iZXI7XG4gIG9uVGFiU2VsZWN0PzogKHNlbGVjdGVkVGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIHRhYlBhbmVsSWQ/OiBzdHJpbmc7XG4gIC8qKiBIb3Jpem9udGFsIHBhZGRpbmcgc3BhY2UgZm9yIHRoZSB0YWIgY29udGFpbmVyLCBzdWl0ZWQgZm9yIHRhYnMgd2l0aGluIGEgQ2FyZCBlbGVtZW50ICovXG4gIGhvcml6b250YWxQYWRkaW5nPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+OyAvLyAnbScgfCBbJ20nLCAnbCcsICdsJ11cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGhvcml6b250YWxQYWRkaW5nLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIHRhYlBhbmVsSWQgPSBcInRhYlBhbmVsXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFic1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIlRhYnNcIj5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgaG9yaXpvbnRhbFBhZGRpbmc9e2hvcml6b250YWxQYWRkaW5nfSByb2xlPVwidGFibGlzdFwiPlxuICAgICAgICB7dGFicy5tYXAoXG4gICAgICAgICAgKHsgaWQ6IHRhYklkLCBsYWJlbCwgc3VibGFiZWwsIGljb24sIGFzID0gXCJidXR0b25cIiwgLi4ucmVzdCB9LCBpKSA9PiAoXG4gICAgICAgICAgICA8U3R5bGVkVGFiXG4gICAgICAgICAgICAgIGlkPXt0YWJJZCB8fCBgdGFiLSR7aX1gfVxuICAgICAgICAgICAgICB0eXBlPXthcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IFwiYnV0dG9uXCJ9XG4gICAgICAgICAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlVGFiID09PSBpfVxuICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3RhYlBhbmVsSWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uVGFiU2VsZWN0ICYmIG9uVGFiU2VsZWN0KGkpfVxuICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2ljb24gJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29ufSAvPn1cbiAgICAgICAgICAgICAge2xhYmVsfSB7YWRkU3VidGl0bGUoc3VibGFiZWwpfVxuICAgICAgICAgICAgPC9TdHlsZWRUYWI+XG4gICAgICAgICAgKVxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICA8ZGl2IHJvbGU9XCJ0YWJwYW5lbFwiIGlkPXt0YWJQYW5lbElkfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdfQ== */");
|
|
85
|
-
const addSubtitle = text => text ? `(${text})` : ``;
|
|
86
|
-
|
|
87
|
-
/**
|
|
88
|
-
* @param label - The text to display in the tab
|
|
89
|
-
* @param sublabel - A subtext, encased in parentheses
|
|
90
|
-
* @param icon - An icon to display to the left of the label
|
|
91
|
-
* @param as - The element to render the tab as, defaults to `button`
|
|
92
|
-
*/
|
|
93
|
-
|
|
94
|
-
function Tabs(_ref3) {
|
|
95
|
-
let {
|
|
96
|
-
tabs,
|
|
97
|
-
horizontalPadding,
|
|
98
|
-
activeTab = 0,
|
|
99
|
-
children,
|
|
100
|
-
onTabSelect,
|
|
101
|
-
tabPanelId = "tabPanel",
|
|
102
|
-
"data-e2e-test-id": dataE2eTestId
|
|
103
|
-
} = _ref3;
|
|
104
|
-
return /*#__PURE__*/React.createElement(Stack, {
|
|
105
|
-
"data-e2e-test-id": dataE2eTestId,
|
|
106
|
-
"data-ds-id": "Tabs"
|
|
107
|
-
}, /*#__PURE__*/React.createElement(StyledContainer, {
|
|
108
|
-
horizontalPadding: horizontalPadding,
|
|
109
|
-
role: "tablist"
|
|
110
|
-
}, tabs.map((_ref4, i) => {
|
|
111
|
-
let {
|
|
112
|
-
id: tabId,
|
|
113
|
-
label,
|
|
114
|
-
sublabel,
|
|
115
|
-
icon,
|
|
116
|
-
as = "button",
|
|
117
|
-
...rest
|
|
118
|
-
} = _ref4;
|
|
119
|
-
return /*#__PURE__*/React.createElement(StyledTab, _extends({
|
|
120
|
-
id: tabId || `tab-${i}`,
|
|
121
|
-
type: as !== "button" ? undefined : "button",
|
|
122
|
-
role: "tab",
|
|
123
|
-
as: as,
|
|
124
|
-
key: label,
|
|
125
|
-
active: activeTab === i,
|
|
126
|
-
"aria-selected": activeTab === i,
|
|
127
|
-
"aria-controls": tabPanelId,
|
|
128
|
-
onClick: () => onTabSelect && onTabSelect(i)
|
|
129
|
-
}, rest), icon && /*#__PURE__*/React.createElement(Icon, {
|
|
130
|
-
size: "s",
|
|
131
|
-
name: icon
|
|
132
|
-
}), label, " ", addSubtitle(sublabel));
|
|
133
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
134
|
-
role: "tabpanel",
|
|
135
|
-
id: tabPanelId
|
|
136
|
-
}, children));
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
export { Tabs };
|
|
140
|
-
//# sourceMappingURL=Tabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport styled from \"@emotion/styled\";\nimport React from \"react\";\n\nimport { mq } from \"../../shared/mediaQueries\";\nimport { MQ, SpaceSizes } from \"../../types\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Stack } from \"../Stack/Stack\";\n\nconst BORDER_BOTTOM_WIDTH = 4;\n\nconst StyledContainer = styled.div<{\n horizontalPadding: SpaceSizes | MQ<SpaceSizes>;\n}>(({ theme, horizontalPadding }) => ({\n display: \"flex\",\n flexDirection: \"row\",\n ...mq({\n gap: [[\"m\", \"l\", \"l\"], theme.variables.size.spacing],\n paddingInline: [horizontalPadding, theme.variables.size.spacing],\n }),\n\n paddingTop: theme.variables.size.spacing.m,\n borderBottom: `1px solid ${theme.values.color.border.secondary.default}`,\n\n whiteSpace: \"nowrap\",\n\n // Scrollbar\n overflow: \"auto\",\n scrollbarWidth: \"none\", // Firefox\n msOverflowStyle: \"none\", // IE 10+\n \"::-webkit-scrollbar\": {\n display: \"none\", // Chrome\n },\n}));\n\nconst StyledTab = styled.button<{ active: boolean }>(({ theme, active }) => ({\n display: \"flex\",\n gap: theme.variables.size.spacing.xxs,\n alignItems: \"center\",\n\n background: 0,\n border: 0,\n boxSizing: \"border-box\",\n color: theme.values.color.text.secondary.default,\n padding: 0,\n fontFamily: theme.variables.fontFamily.lato,\n fontWeight: theme.variables.weight.bold,\n fontSize: theme.variables.size.font.s,\n lineHeight: theme.variables.size.lineHeight.text.s,\n transition: \"background-color 0.15s\",\n textDecoration: \"none\",\n\n // Required to maintain consistent height for the selected tab\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid transparent`,\n paddingBottom: `calc(${theme.variables.size.spacing.m} - ${BORDER_BOTTOM_WIDTH}px)`,\n\n ...(active && {\n color: theme.values.color.text.accent.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.accent.default}`,\n }),\n ...(!active && {\n cursor: \"pointer\",\n \"&:hover\": {\n color: theme.values.color.text.primary.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.hover}`,\n },\n \"&:active\": {\n color: theme.values.color.text.primary.default,\n borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.selected}`,\n },\n }),\n}));\n\nconst addSubtitle = (text: string) => (text ? `(${text})` : ``);\n\n/**\n * @param label - The text to display in the tab\n * @param sublabel - A subtext, encased in parentheses\n * @param icon - An icon to display to the left of the label\n * @param as - The element to render the tab as, defaults to `button`\n */\ntype Tab = {\n id?: string;\n label: string;\n sublabel?: string;\n icon?: IconName;\n as?: \"a\" | \"button\" | React.ElementType;\n} & Partial<React.ComponentProps<\"button\">> &\n Partial<React.ComponentProps<\"a\">>;\n\nexport type TabsProps = {\n /** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */\n tabs: Tab[];\n children?: React.ReactElement;\n /** The index of the active tab */\n activeTab?: number;\n onTabSelect?: (selectedTab: number) => void;\n tabPanelId?: string;\n /** Horizontal padding space for the tab container, suited for tabs within a Card element */\n horizontalPadding?: SpaceSizes | MQ<SpaceSizes>; // 'm' | ['m', 'l', 'l']\n \"data-e2e-test-id\"?: string;\n};\n\nexport function Tabs({\n tabs,\n horizontalPadding,\n activeTab = 0,\n children,\n onTabSelect,\n tabPanelId = \"tabPanel\",\n \"data-e2e-test-id\": dataE2eTestId,\n}: TabsProps): React.ReactElement {\n return (\n <Stack data-e2e-test-id={dataE2eTestId} data-ds-id=\"Tabs\">\n <StyledContainer horizontalPadding={horizontalPadding} role=\"tablist\">\n {tabs.map(\n ({ id: tabId, label, sublabel, icon, as = \"button\", ...rest }, i) => (\n <StyledTab\n id={tabId || `tab-${i}`}\n type={as !== \"button\" ? undefined : \"button\"}\n role=\"tab\"\n as={as}\n key={label}\n active={activeTab === i}\n aria-selected={activeTab === i}\n aria-controls={tabPanelId}\n onClick={() => onTabSelect && onTabSelect(i)}\n {...rest}\n >\n {icon && <Icon size=\"s\" name={icon} />}\n {label} {addSubtitle(sublabel)}\n </StyledTab>\n )\n )}\n </StyledContainer>\n <div role=\"tabpanel\" id={tabPanelId}>\n {children}\n </div>\n </Stack>\n );\n}\n"],"names":["BORDER_BOTTOM_WIDTH","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","horizontalPadding","display","flexDirection","mq","gap","variables","size","spacing","paddingInline","paddingTop","m","borderBottom","values","color","border","secondary","default","whiteSpace","overflow","scrollbarWidth","msOverflowStyle","StyledTab","_ref2","active","xxs","alignItems","background","boxSizing","text","padding","fontFamily","lato","fontWeight","weight","bold","fontSize","font","s","lineHeight","transition","textDecoration","paddingBottom","accent","cursor","primary","transparent","hover","selected","addSubtitle","Tabs","_ref3","tabs","activeTab","children","onTabSelect","tabPanelId","dataE2eTestId","React","createElement","Stack","role","map","_ref4","i","id","tabId","sublabel","icon","as","rest","_extends","type","undefined","key","onClick","Icon","name"],"mappings":"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"}
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { PictogramButton } from '../PictogramButton/PictogramButton.js';
|
|
4
|
-
|
|
5
|
-
const MAX_TAG_WIDTH = 200;
|
|
6
|
-
const TagContainer = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
|
|
7
|
-
target: "e1i6narj2"
|
|
8
|
-
} : {
|
|
9
|
-
target: "e1i6narj2",
|
|
10
|
-
label: "TagContainer"
|
|
11
|
-
})(_ref => {
|
|
12
|
-
let {
|
|
13
|
-
theme,
|
|
14
|
-
colorVariant,
|
|
15
|
-
isRemovable
|
|
16
|
-
} = _ref;
|
|
17
|
-
return {
|
|
18
|
-
display: "inline-flex",
|
|
19
|
-
alignItems: "center",
|
|
20
|
-
maxWidth: `${MAX_TAG_WIDTH}px`,
|
|
21
|
-
paddingLeft: theme.variables.size.spacing.xs,
|
|
22
|
-
paddingRight: isRemovable ? theme.variables.size.spacing.zero : theme.variables.size.spacing.xs,
|
|
23
|
-
paddingTop: isRemovable ? theme.variables.size.spacing.zero : theme.variables.size.spacing.xxs,
|
|
24
|
-
paddingBottom: isRemovable ? theme.variables.size.spacing.zero : theme.variables.size.spacing.xxs,
|
|
25
|
-
borderRadius: theme.variables.size.borderRadius.xs,
|
|
26
|
-
backgroundColor: theme.values.color.tag.background[colorVariant],
|
|
27
|
-
color: theme.values.color.tag.text[colorVariant],
|
|
28
|
-
fontFamily: theme.variables.fontFamily.lato,
|
|
29
|
-
fontSize: theme.variables.size.font.s,
|
|
30
|
-
lineHeight: theme.variables.size.lineHeight.text.xs
|
|
31
|
-
};
|
|
32
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJxQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC54cyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
|
|
33
|
-
const TagLabel = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
|
|
34
|
-
target: "e1i6narj1"
|
|
35
|
-
} : {
|
|
36
|
-
target: "e1i6narj1",
|
|
37
|
-
label: "TagLabel"
|
|
38
|
-
})(() => ({
|
|
39
|
-
overflow: "hidden",
|
|
40
|
-
textOverflow: "ellipsis",
|
|
41
|
-
whiteSpace: "nowrap"
|
|
42
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURpQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC54cyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
|
|
43
|
-
const ClearButton = /*#__PURE__*/_styled(PictogramButton, process.env.NODE_ENV === "production" ? {
|
|
44
|
-
target: "e1i6narj0"
|
|
45
|
-
} : {
|
|
46
|
-
target: "e1i6narj0",
|
|
47
|
-
label: "ClearButton"
|
|
48
|
-
})(_ref2 => {
|
|
49
|
-
let {
|
|
50
|
-
theme,
|
|
51
|
-
colorVariant
|
|
52
|
-
} = _ref2;
|
|
53
|
-
return {
|
|
54
|
-
backgroundColor: "transparent",
|
|
55
|
-
color: theme.values.color.tag.text[colorVariant],
|
|
56
|
-
"&:hover": {
|
|
57
|
-
color: theme.values.color.tag.text[colorVariant]
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC54cyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
|
|
61
|
-
function Tag(_ref3) {
|
|
62
|
-
let {
|
|
63
|
-
label,
|
|
64
|
-
colorVariant = "gray",
|
|
65
|
-
isRemovable = false,
|
|
66
|
-
onClear,
|
|
67
|
-
clearBtnAriaLabel,
|
|
68
|
-
"data-e2e-test-id": dataE2eTestId
|
|
69
|
-
} = _ref3;
|
|
70
|
-
return /*#__PURE__*/React.createElement(TagContainer, {
|
|
71
|
-
"data-e2e-test-id": dataE2eTestId,
|
|
72
|
-
"data-ds-id": "Tag",
|
|
73
|
-
colorVariant: colorVariant,
|
|
74
|
-
isRemovable: isRemovable
|
|
75
|
-
}, /*#__PURE__*/React.createElement(TagLabel, null, label), isRemovable && /*#__PURE__*/React.createElement(ClearButton, {
|
|
76
|
-
icon: "x",
|
|
77
|
-
size: "xs",
|
|
78
|
-
"aria-label": clearBtnAriaLabel,
|
|
79
|
-
onClick: onClear,
|
|
80
|
-
colorVariant: colorVariant
|
|
81
|
-
}));
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
export { MAX_TAG_WIDTH, Tag };
|
|
85
|
-
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { PictogramButton } from \"../PictogramButton/PictogramButton\";\n\nexport const MAX_TAG_WIDTH = 200;\n\ntype BaseTagProps = {\n label: string;\n colorVariant?: \"gray\" | \"blue\";\n \"data-e2e-test-id\"?: string;\n};\ntype ConditionalTagProps =\n | {\n isRemovable?: false;\n onClear?: never;\n clearBtnAriaLabel?: never;\n }\n | {\n isRemovable: true;\n onClear: () => void;\n clearBtnAriaLabel?: string;\n };\n\nexport type TagProps = BaseTagProps & ConditionalTagProps;\n\nconst TagContainer = styled.span<Partial<TagProps>>(\n ({ theme, colorVariant, isRemovable }) => ({\n display: \"inline-flex\",\n alignItems: \"center\",\n maxWidth: `${MAX_TAG_WIDTH}px`,\n paddingLeft: theme.variables.size.spacing.xs,\n paddingRight: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xs,\n paddingTop: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xxs,\n paddingBottom: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xxs,\n borderRadius: theme.variables.size.borderRadius.xs,\n backgroundColor: theme.values.color.tag.background[colorVariant],\n color: theme.values.color.tag.text[colorVariant],\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.s,\n lineHeight: theme.variables.size.lineHeight.text.xs,\n })\n);\n\nconst TagLabel = styled.span(() => ({\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n}));\n\nconst ClearButton = styled(PictogramButton)<Partial<TagProps>>(\n ({ theme, colorVariant }) => ({\n backgroundColor: \"transparent\",\n color: theme.values.color.tag.text[colorVariant],\n \"&:hover\": {\n color: theme.values.color.tag.text[colorVariant],\n },\n })\n);\n\nexport function Tag({\n label,\n colorVariant = \"gray\",\n isRemovable = false,\n onClear,\n clearBtnAriaLabel,\n \"data-e2e-test-id\": dataE2eTestId,\n}: TagProps): React.ReactElement {\n return (\n <TagContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Tag\"\n colorVariant={colorVariant}\n isRemovable={isRemovable}\n >\n <TagLabel>{label}</TagLabel>\n\n {isRemovable && (\n <ClearButton\n icon=\"x\"\n size=\"xs\"\n aria-label={clearBtnAriaLabel}\n onClick={onClear}\n colorVariant={colorVariant}\n />\n )}\n </TagContainer>\n );\n}\n"],"names":["MAX_TAG_WIDTH","TagContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","colorVariant","isRemovable","display","alignItems","maxWidth","paddingLeft","variables","size","spacing","xs","paddingRight","zero","paddingTop","xxs","paddingBottom","borderRadius","backgroundColor","values","color","tag","background","text","fontFamily","lato","fontSize","font","s","lineHeight","TagLabel","overflow","textOverflow","whiteSpace","ClearButton","PictogramButton","_ref2","Tag","_ref3","onClear","clearBtnAriaLabel","dataE2eTestId","React","createElement","icon","onClick"],"mappings":"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"}
|