@amboss/design-system 1.15.1 → 1.15.2
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/package.json +1 -1
- 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 -82
- package/build/cjs/build-tokens/assets/icons16.json.js +0 -87
- package/build/cjs/build-tokens/assets/logo.json.js +0 -7
- package/build/cjs/build-tokens/visualConfig.js +0 -1329
- package/build/cjs/scss/themes/dark.scss +0 -111
- package/build/cjs/scss/themes/light.scss +0 -111
- 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 -102
- package/build/cjs/src/components/Card/Card.js +0 -69
- 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 -63
- 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 -147
- 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 -186
- package/build/cjs/src/components/Form/PasswordInput/PasswordInput.js +0 -226
- package/build/cjs/src/components/Form/Radio/Radio.js +0 -138
- 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 -216
- package/build/cjs/src/components/Form/Select/Select.js +0 -291
- package/build/cjs/src/components/Form/Textarea/Textarea.js +0 -93
- package/build/cjs/src/components/Form/Toggle/Toggle.js +0 -179
- package/build/cjs/src/components/Form/ToggleButton/ToggleButton.js +0 -143
- 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 -77
- 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 -120
- 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 -221
- package/build/cjs/src/components/PictogramButton/PictogramButton.js +0 -150
- 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 -140
- package/build/cjs/src/components/SearchResult/SearchResult.js +0 -184
- 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/Stack/Stack.js +0 -80
- package/build/cjs/src/components/SubThemeProvider/SubThemeProvider.js +0 -55
- package/build/cjs/src/components/Tabs/Tabs.js +0 -137
- package/build/cjs/src/components/Tag/Tag.js +0 -90
- package/build/cjs/src/components/Tooltip/Tooltip.js +0 -275
- package/build/cjs/src/components/Tooltip/utils.js +0 -81
- package/build/cjs/src/components/Typography/Header/Header.js +0 -132
- package/build/cjs/src/components/Typography/StyledText/StyledText.js +0 -168
- package/build/cjs/src/components/Typography/Text/Text.js +0 -71
- package/build/cjs/src/components/Typography/TextClamped/TextClamped.js +0 -54
- 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 -136
- 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 -68
- package/build/cjs/src/shared/useAutoPosition.js +0 -42
- package/build/cjs/src/shared/useDocument.js +0 -7
- 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 +0 -17
- 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/_colors.json +0 -918
- package/build/esm/build-tokens/_icon_sizes_map.json +0 -7
- 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/_sizes.json +0 -782
- package/build/esm/build-tokens/_subThemeType.d.ts +0 -1
- package/build/esm/build-tokens/_zindex.json +0 -17
- 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 +0 -141
- 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 +0 -153
- 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 +0 -3
- 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.d.ts +0 -767
- package/build/esm/build-tokens/visualConfig.js +0 -1328
- package/build/esm/build-tokens/visualConfig.js.map +0 -1
- package/build/esm/scss/themes/dark.scss +0 -111
- package/build/esm/scss/themes/light.scss +0 -111
- package/build/esm/src/components/Badge/Badge.d.ts +0 -11
- 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.d.ts +0 -35
- 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.d.ts +0 -33
- 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/Button/mock.d.ts +0 -326
- package/build/esm/src/components/Callout/Callout.d.ts +0 -14
- package/build/esm/src/components/Callout/Callout.js +0 -96
- package/build/esm/src/components/Callout/Callout.js.map +0 -1
- package/build/esm/src/components/Card/Card.d.ts +0 -16
- package/build/esm/src/components/Card/Card.js +0 -63
- package/build/esm/src/components/Card/Card.js.map +0 -1
- package/build/esm/src/components/Card/CardBox.d.ts +0 -6
- 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.d.ts +0 -15
- 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.d.ts +0 -45
- 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.d.ts +0 -11
- package/build/esm/src/components/Container/Container.js +0 -57
- package/build/esm/src/components/Container/Container.js.map +0 -1
- package/build/esm/src/components/DataTable/DataTable.d.ts +0 -58
- 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.d.ts +0 -9
- 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.d.ts +0 -15
- 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.d.ts +0 -9
- 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/index.d.ts +0 -4
- package/build/esm/src/components/DataTable/types.d.ts +0 -15
- package/build/esm/src/components/DataTable/useDataTableSort.d.ts +0 -14
- 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.d.ts +0 -6
- 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.d.ts +0 -35
- 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.d.ts +0 -19
- 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.d.ts +0 -15
- package/build/esm/src/components/Form/Checkbox/Checkbox.js +0 -140
- package/build/esm/src/components/Form/Checkbox/Checkbox.js.map +0 -1
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.d.ts +0 -6
- 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.d.ts +0 -15
- 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.d.ts +0 -11
- 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.d.ts +0 -7
- 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.d.ts +0 -54
- package/build/esm/src/components/Form/Input/Input.js +0 -178
- package/build/esm/src/components/Form/Input/Input.js.map +0 -1
- package/build/esm/src/components/Form/Input/index.d.ts +0 -2
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.d.ts +0 -53
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js +0 -218
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js.map +0 -1
- package/build/esm/src/components/Form/PasswordInput/index.d.ts +0 -2
- package/build/esm/src/components/Form/Radio/Radio.d.ts +0 -14
- package/build/esm/src/components/Form/Radio/Radio.js +0 -131
- package/build/esm/src/components/Form/Radio/Radio.js.map +0 -1
- package/build/esm/src/components/Form/RadioButton/RadioButton.d.ts +0 -17
- 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.d.ts +0 -31
- 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 -210
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js.map +0 -1
- package/build/esm/src/components/Form/Select/Select.d.ts +0 -23
- 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.d.ts +0 -26
- package/build/esm/src/components/Form/Textarea/Textarea.js +0 -86
- package/build/esm/src/components/Form/Textarea/Textarea.js.map +0 -1
- package/build/esm/src/components/Form/Toggle/Toggle.d.ts +0 -18
- package/build/esm/src/components/Form/Toggle/Toggle.js +0 -172
- package/build/esm/src/components/Form/Toggle/Toggle.js.map +0 -1
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.d.ts +0 -15
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js +0 -136
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map +0 -1
- package/build/esm/src/components/Icon/Icon.d.ts +0 -22
- 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.d.ts +0 -30
- 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.d.ts +0 -14
- package/build/esm/src/components/Link/Link.js +0 -70
- package/build/esm/src/components/Link/Link.js.map +0 -1
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.d.ts +0 -11
- 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.d.ts +0 -8
- 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.d.ts +0 -14
- package/build/esm/src/components/MediaItem/MediaItem.js +0 -114
- package/build/esm/src/components/MediaItem/MediaItem.js.map +0 -1
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.d.ts +0 -7
- 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/ExpandedContent.d.ts +0 -2
- package/build/esm/src/components/Notification/Notification.d.ts +0 -16
- 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.d.ts +0 -17
- 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.d.ts +0 -14
- 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.d.ts +0 -28
- package/build/esm/src/components/Patterns/Modal/Modal.js +0 -214
- package/build/esm/src/components/Patterns/Modal/Modal.js.map +0 -1
- package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +0 -15
- package/build/esm/src/components/PictogramButton/PictogramButton.js +0 -143
- package/build/esm/src/components/PictogramButton/PictogramButton.js.map +0 -1
- package/build/esm/src/components/Portal/Portal.d.ts +0 -7
- 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.d.ts +0 -15
- 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.d.ts +0 -12
- package/build/esm/src/components/RoundButton/RoundButton.js +0 -133
- package/build/esm/src/components/RoundButton/RoundButton.js.map +0 -1
- package/build/esm/src/components/SearchResult/SearchResult.d.ts +0 -43
- package/build/esm/src/components/SearchResult/SearchResult.js +0 -178
- package/build/esm/src/components/SearchResult/SearchResult.js.map +0 -1
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +0 -28
- 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.d.ts +0 -10
- 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/ShadowWebComponent/ShadowWebComponent.d.ts +0 -13
- package/build/esm/src/components/Stack/Stack.d.ts +0 -20
- 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.d.ts +0 -8
- 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.d.ts +0 -28
- package/build/esm/src/components/Tabs/Tabs.js +0 -130
- package/build/esm/src/components/Tabs/Tabs.js.map +0 -1
- package/build/esm/src/components/Tag/Tag.d.ts +0 -18
- package/build/esm/src/components/Tag/Tag.js +0 -84
- package/build/esm/src/components/Tag/Tag.js.map +0 -1
- package/build/esm/src/components/Tooltip/BaseTooltip.d.ts +0 -22
- package/build/esm/src/components/Tooltip/Popover.d.ts +0 -7
- package/build/esm/src/components/Tooltip/Tooltip.d.ts +0 -23
- package/build/esm/src/components/Tooltip/Tooltip.js +0 -269
- package/build/esm/src/components/Tooltip/Tooltip.js.map +0 -1
- package/build/esm/src/components/Tooltip/util.d.ts +0 -12
- package/build/esm/src/components/Tooltip/utils.d.ts +0 -11
- package/build/esm/src/components/Tooltip/utils.js +0 -75
- package/build/esm/src/components/Tooltip/utils.js.map +0 -1
- package/build/esm/src/components/Typography/Header/Header.d.ts +0 -34
- package/build/esm/src/components/Typography/Header/Header.js +0 -122
- package/build/esm/src/components/Typography/Header/Header.js.map +0 -1
- package/build/esm/src/components/Typography/StyledText/StyledText.d.ts +0 -11
- 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.d.ts +0 -21
- package/build/esm/src/components/Typography/Text/Text.js +0 -65
- package/build/esm/src/components/Typography/Text/Text.js.map +0 -1
- package/build/esm/src/components/Typography/TextClamped/TextClamped.d.ts +0 -10
- 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/VirtualScrollList/VirtualScrollList.d.ts +0 -11
- 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.d.ts +0 -36
- 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.d.ts +0 -53
- package/build/esm/src/index.js +0 -60
- package/build/esm/src/index.js.map +0 -1
- package/build/esm/src/shared/ScreenReaderText.d.ts +0 -5
- 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.d.ts +0 -11
- 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.d.ts +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.d.ts +0 -14
- package/build/esm/src/shared/mediaQueries.js +0 -66
- package/build/esm/src/shared/mediaQueries.js.map +0 -1
- package/build/esm/src/shared/replaceDeprecated.d.ts +0 -1
- package/build/esm/src/shared/useAutoPosition.d.ts +0 -5
- 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.d.ts +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/useHover.d.ts +0 -2
- 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.d.ts +0 -17
- 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.d.ts +0 -2
- 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.d.ts +0 -11
- 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.d.ts +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/types/index.d.ts +0 -57
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { sanitizeInputValues, getPercentagesForVariants } from './SegmentedProgressBarUtil.js';
|
|
4
|
-
|
|
5
|
-
const defaultProps = {
|
|
6
|
-
"data-e2e-test-id": undefined,
|
|
7
|
-
weight: "fat",
|
|
8
|
-
squareCorners: false,
|
|
9
|
-
privateProps: {
|
|
10
|
-
monochrome: false
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
const getBackgroundColor = (theme, style, monochrome) => {
|
|
14
|
-
const monochromeColor = theme.values.color.segmentedProgressBar.monochrome;
|
|
15
|
-
switch (style) {
|
|
16
|
-
case "success":
|
|
17
|
-
return monochrome ? monochromeColor : theme.values.color.segmentedProgressBar.success;
|
|
18
|
-
case "warning":
|
|
19
|
-
return monochrome ? monochromeColor : theme.values.color.segmentedProgressBar.warning;
|
|
20
|
-
case "alert":
|
|
21
|
-
return monochrome ? monochromeColor : theme.values.color.segmentedProgressBar.alert;
|
|
22
|
-
case "inProgress":
|
|
23
|
-
return theme.values.color.segmentedProgressBar.inProgress;
|
|
24
|
-
default:
|
|
25
|
-
return theme.values.color.border.secondary.default;
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
const StyledSegmentedProgressBar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
29
|
-
target: "e101pf3g1"
|
|
30
|
-
} : {
|
|
31
|
-
target: "e101pf3g1",
|
|
32
|
-
label: "StyledSegmentedProgressBar"
|
|
33
|
-
})(_ref => {
|
|
34
|
-
let {
|
|
35
|
-
theme,
|
|
36
|
-
squareCorners,
|
|
37
|
-
weight
|
|
38
|
-
} = _ref;
|
|
39
|
-
return {
|
|
40
|
-
width: "100%",
|
|
41
|
-
display: "flex",
|
|
42
|
-
flexDirection: "row",
|
|
43
|
-
borderRadius: squareCorners ? 0 : theme.variables.size.borderRadius.progressBar,
|
|
44
|
-
overflow: "hidden",
|
|
45
|
-
height: weight === "thin" ? theme.variables.size.spacing.xxs : theme.variables.size.spacing.xs
|
|
46
|
-
};
|
|
47
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRW1DIiwiZmlsZSI6IlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tY3ljbGVcbmltcG9ydCB7XG4gIGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMsXG4gIHNhbml0aXplSW5wdXRWYWx1ZXMsXG59IGZyb20gXCIuL1NlZ21lbnRlZFByb2dyZXNzQmFyVXRpbFwiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZXNWYXJpYW50ID0gXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiYWxlcnRcIjtcblxuZXhwb3J0IHR5cGUgU3R5bGVWYXJpYW50ID0gVmFsdWVzVmFyaWFudCB8IFwiaW5Qcm9ncmVzc1wiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZSA9IG51bWJlcjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJXZWlnaHQgPSBcInRoaW5cIiB8IFwiZmF0XCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMgPSB7XG4gIC8qKiBUaGUgdmFsdWUgZm9yIDEwMCUgcHJvZ3Jlc3MuIENvbnN1bWVyIGRvZXMgbm90IG5lZWQgdG8gZG8gcGVyY2VudGFnZSBjYWxjdWxhdGlvbi5cbiAgICogSnVzdCBwYXNzIHRoaXMgbnVtYmVyIGFuZCBzb21lIHZhbHVlcy4gVGhlIHByb2dyZXNzIGJhciBkb2VzIGFsbCBwZXJjZW50YWcgY2FsY3VsYXRpb25zICovXG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIC8qKiBUaGUgdmFsdWVzIGFscmVhZHkgcHJvZ3Jlc3NlZC4gUG9zc2libGUgVmFsdWVzVmFyaWFudHMgYXJlIHVzZWQgdG8gZGlzcGxheSBwcm9ncmVzcyBpbiBhIGRpZmZlcmVudCBjb2xvci5cbiAgICogVmFyaWFudHMgYXJlOlxuICAgKiBzdWNjZXNzID0+IGdyZWVuO1xuICAgKiB3YXJuaW5nID0+IHllbGxvdztcbiAgICogYWxlcnQgPT4gcmVkICovXG4gIHZhbHVlczogUGFydGlhbDxSZWNvcmQ8VmFsdWVzVmFyaWFudCwgVmFsdWU+PjtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIHdlaWdodD86IFByb2dyZXNzQmFyV2VpZ2h0O1xuICBwcml2YXRlUHJvcHM/OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJpdmF0ZVByb3BzID0ge1xuICBtb25vY2hyb21lPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU2VnbWVudFByb3BzID0ge1xuICBzdHlsZVZhcmlhbnQ6IFN0eWxlVmFyaWFudDtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBtb25vY2hyb21lOiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPiA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgd2VpZ2h0OiBcImZhdFwiLFxuICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgbW9ub2Nocm9tZTogZmFsc2UsXG4gIH0sXG59O1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgc3R5bGU6IFN0eWxlVmFyaWFudCxcbiAgbW9ub2Nocm9tZTogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IG1vbm9jaHJvbWVDb2xvciA9IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5tb25vY2hyb21lO1xuICBzd2l0Y2ggKHN0eWxlKSB7XG4gICAgY2FzZSBcInN1Y2Nlc3NcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLnN1Y2Nlc3M7XG4gICAgY2FzZSBcIndhcm5pbmdcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLndhcm5pbmc7XG4gICAgY2FzZSBcImFsZXJ0XCI6XG4gICAgICByZXR1cm4gbW9ub2Nocm9tZVxuICAgICAgICA/IG1vbm9jaHJvbWVDb2xvclxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5hbGVydDtcbiAgICBjYXNlIFwiaW5Qcm9ncmVzc1wiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5pblByb2dyZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdDtcbiAgfVxufTtcblxuY29uc3QgU3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXIgPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHM+XG4+KCh7IHRoZW1lLCBzcXVhcmVDb3JuZXJzLCB3ZWlnaHQgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgYm9yZGVyUmFkaXVzOiBzcXVhcmVDb3JuZXJzXG4gICAgPyAwXG4gICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucHJvZ3Jlc3NCYXIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBoZWlnaHQ6XG4gICAgd2VpZ2h0ID09PSBcInRoaW5cIlxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZWdtZW50ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFNlZ21lbnRQcm9wcz4+KFxuICAoeyB0aGVtZSwgc3R5bGVWYXJpYW50LCBwZXJjZW50YWdlLCBtb25vY2hyb21lIH0pID0+ICh7XG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih0aGVtZSwgc3R5bGVWYXJpYW50LCBtb25vY2hyb21lKSxcbiAgICB3aWR0aDogYCR7cGVyY2VudGFnZX0lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRQcm9ncmVzc0Jhcih7XG4gIG1heFZhbHVlLFxuICB2YWx1ZXMsXG4gIHdlaWdodCxcbiAgc3F1YXJlQ29ybmVycyxcbiAgcHJpdmF0ZVByb3BzOiB7IG1vbm9jaHJvbWUgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBzYW5pdGl6ZWRNYXhWYWx1ZSwgc2FuaXRpemVkVmFsdWVzIH0gPSBzYW5pdGl6ZUlucHV0VmFsdWVzKFxuICAgIG1heFZhbHVlLFxuICAgIHZhbHVlc1xuICApO1xuXG4gIGNvbnN0IHBlcmNlbnRhZ2VzOiB7XG4gICAgcGVyY2VudGFnZTogbnVtYmVyO1xuICAgIHN0eWxlOiBTdHlsZVZhcmlhbnQ7XG4gIH1bXSA9IGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMoc2FuaXRpemVkTWF4VmFsdWUsIHNhbml0aXplZFZhbHVlcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiU2VnbWVudGVkUHJvZ3Jlc3NCYXJcIlxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgID5cbiAgICAgIHtwZXJjZW50YWdlcy5tYXAoKHsgcGVyY2VudGFnZSwgc3R5bGUgfSkgPT4gKFxuICAgICAgICA8U3R5bGVkU2VnbWVudFxuICAgICAgICAgIGtleT17c3R5bGV9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17c3R5bGUgYXMgc3RyaW5nfVxuICAgICAgICAgIHN0eWxlVmFyaWFudD17c3R5bGV9XG4gICAgICAgICAgbW9ub2Nocm9tZT17bW9ub2Nocm9tZX1cbiAgICAgICAgICBwZXJjZW50YWdlPXtwZXJjZW50YWdlfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRTZWdtZW50ZWRQcm9ncmVzc0Jhcj5cbiAgKTtcbn1cblxuU2VnbWVudGVkUHJvZ3Jlc3NCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
|
|
48
|
-
const StyledSegment = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
49
|
-
target: "e101pf3g0"
|
|
50
|
-
} : {
|
|
51
|
-
target: "e101pf3g0",
|
|
52
|
-
label: "StyledSegment"
|
|
53
|
-
})(_ref2 => {
|
|
54
|
-
let {
|
|
55
|
-
theme,
|
|
56
|
-
styleVariant,
|
|
57
|
-
percentage,
|
|
58
|
-
monochrome
|
|
59
|
-
} = _ref2;
|
|
60
|
-
return {
|
|
61
|
-
height: "100%",
|
|
62
|
-
backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),
|
|
63
|
-
width: `${percentage}%`
|
|
64
|
-
};
|
|
65
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRnNCIiwiZmlsZSI6IlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tY3ljbGVcbmltcG9ydCB7XG4gIGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMsXG4gIHNhbml0aXplSW5wdXRWYWx1ZXMsXG59IGZyb20gXCIuL1NlZ21lbnRlZFByb2dyZXNzQmFyVXRpbFwiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZXNWYXJpYW50ID0gXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiYWxlcnRcIjtcblxuZXhwb3J0IHR5cGUgU3R5bGVWYXJpYW50ID0gVmFsdWVzVmFyaWFudCB8IFwiaW5Qcm9ncmVzc1wiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZSA9IG51bWJlcjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJXZWlnaHQgPSBcInRoaW5cIiB8IFwiZmF0XCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMgPSB7XG4gIC8qKiBUaGUgdmFsdWUgZm9yIDEwMCUgcHJvZ3Jlc3MuIENvbnN1bWVyIGRvZXMgbm90IG5lZWQgdG8gZG8gcGVyY2VudGFnZSBjYWxjdWxhdGlvbi5cbiAgICogSnVzdCBwYXNzIHRoaXMgbnVtYmVyIGFuZCBzb21lIHZhbHVlcy4gVGhlIHByb2dyZXNzIGJhciBkb2VzIGFsbCBwZXJjZW50YWcgY2FsY3VsYXRpb25zICovXG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIC8qKiBUaGUgdmFsdWVzIGFscmVhZHkgcHJvZ3Jlc3NlZC4gUG9zc2libGUgVmFsdWVzVmFyaWFudHMgYXJlIHVzZWQgdG8gZGlzcGxheSBwcm9ncmVzcyBpbiBhIGRpZmZlcmVudCBjb2xvci5cbiAgICogVmFyaWFudHMgYXJlOlxuICAgKiBzdWNjZXNzID0+IGdyZWVuO1xuICAgKiB3YXJuaW5nID0+IHllbGxvdztcbiAgICogYWxlcnQgPT4gcmVkICovXG4gIHZhbHVlczogUGFydGlhbDxSZWNvcmQ8VmFsdWVzVmFyaWFudCwgVmFsdWU+PjtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIHdlaWdodD86IFByb2dyZXNzQmFyV2VpZ2h0O1xuICBwcml2YXRlUHJvcHM/OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJpdmF0ZVByb3BzID0ge1xuICBtb25vY2hyb21lPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU2VnbWVudFByb3BzID0ge1xuICBzdHlsZVZhcmlhbnQ6IFN0eWxlVmFyaWFudDtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBtb25vY2hyb21lOiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPiA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgd2VpZ2h0OiBcImZhdFwiLFxuICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgbW9ub2Nocm9tZTogZmFsc2UsXG4gIH0sXG59O1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgc3R5bGU6IFN0eWxlVmFyaWFudCxcbiAgbW9ub2Nocm9tZTogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IG1vbm9jaHJvbWVDb2xvciA9IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5tb25vY2hyb21lO1xuICBzd2l0Y2ggKHN0eWxlKSB7XG4gICAgY2FzZSBcInN1Y2Nlc3NcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLnN1Y2Nlc3M7XG4gICAgY2FzZSBcIndhcm5pbmdcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gbW9ub2Nocm9tZUNvbG9yXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ21lbnRlZFByb2dyZXNzQmFyLndhcm5pbmc7XG4gICAgY2FzZSBcImFsZXJ0XCI6XG4gICAgICByZXR1cm4gbW9ub2Nocm9tZVxuICAgICAgICA/IG1vbm9jaHJvbWVDb2xvclxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5hbGVydDtcbiAgICBjYXNlIFwiaW5Qcm9ncmVzc1wiOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci5zZWdtZW50ZWRQcm9ncmVzc0Jhci5pblByb2dyZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdDtcbiAgfVxufTtcblxuY29uc3QgU3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXIgPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHM+XG4+KCh7IHRoZW1lLCBzcXVhcmVDb3JuZXJzLCB3ZWlnaHQgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgYm9yZGVyUmFkaXVzOiBzcXVhcmVDb3JuZXJzXG4gICAgPyAwXG4gICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucHJvZ3Jlc3NCYXIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBoZWlnaHQ6XG4gICAgd2VpZ2h0ID09PSBcInRoaW5cIlxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZWdtZW50ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFNlZ21lbnRQcm9wcz4+KFxuICAoeyB0aGVtZSwgc3R5bGVWYXJpYW50LCBwZXJjZW50YWdlLCBtb25vY2hyb21lIH0pID0+ICh7XG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih0aGVtZSwgc3R5bGVWYXJpYW50LCBtb25vY2hyb21lKSxcbiAgICB3aWR0aDogYCR7cGVyY2VudGFnZX0lYCxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRQcm9ncmVzc0Jhcih7XG4gIG1heFZhbHVlLFxuICB2YWx1ZXMsXG4gIHdlaWdodCxcbiAgc3F1YXJlQ29ybmVycyxcbiAgcHJpdmF0ZVByb3BzOiB7IG1vbm9jaHJvbWUgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBzYW5pdGl6ZWRNYXhWYWx1ZSwgc2FuaXRpemVkVmFsdWVzIH0gPSBzYW5pdGl6ZUlucHV0VmFsdWVzKFxuICAgIG1heFZhbHVlLFxuICAgIHZhbHVlc1xuICApO1xuXG4gIGNvbnN0IHBlcmNlbnRhZ2VzOiB7XG4gICAgcGVyY2VudGFnZTogbnVtYmVyO1xuICAgIHN0eWxlOiBTdHlsZVZhcmlhbnQ7XG4gIH1bXSA9IGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMoc2FuaXRpemVkTWF4VmFsdWUsIHNhbml0aXplZFZhbHVlcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VnbWVudGVkUHJvZ3Jlc3NCYXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiU2VnbWVudGVkUHJvZ3Jlc3NCYXJcIlxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgID5cbiAgICAgIHtwZXJjZW50YWdlcy5tYXAoKHsgcGVyY2VudGFnZSwgc3R5bGUgfSkgPT4gKFxuICAgICAgICA8U3R5bGVkU2VnbWVudFxuICAgICAgICAgIGtleT17c3R5bGV9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17c3R5bGUgYXMgc3RyaW5nfVxuICAgICAgICAgIHN0eWxlVmFyaWFudD17c3R5bGV9XG4gICAgICAgICAgbW9ub2Nocm9tZT17bW9ub2Nocm9tZX1cbiAgICAgICAgICBwZXJjZW50YWdlPXtwZXJjZW50YWdlfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRTZWdtZW50ZWRQcm9ncmVzc0Jhcj5cbiAgKTtcbn1cblxuU2VnbWVudGVkUHJvZ3Jlc3NCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
|
|
66
|
-
function SegmentedProgressBar(_ref3) {
|
|
67
|
-
let {
|
|
68
|
-
maxValue,
|
|
69
|
-
values,
|
|
70
|
-
weight,
|
|
71
|
-
squareCorners,
|
|
72
|
-
privateProps: {
|
|
73
|
-
monochrome
|
|
74
|
-
},
|
|
75
|
-
"data-e2e-test-id": dataE2eTestId
|
|
76
|
-
} = _ref3;
|
|
77
|
-
const {
|
|
78
|
-
sanitizedMaxValue,
|
|
79
|
-
sanitizedValues
|
|
80
|
-
} = sanitizeInputValues(maxValue, values);
|
|
81
|
-
const percentages = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);
|
|
82
|
-
return /*#__PURE__*/React.createElement(StyledSegmentedProgressBar, {
|
|
83
|
-
"data-e2e-test-id": dataE2eTestId,
|
|
84
|
-
"data-ds-id": "SegmentedProgressBar",
|
|
85
|
-
squareCorners: squareCorners,
|
|
86
|
-
weight: weight
|
|
87
|
-
}, percentages.map(_ref4 => {
|
|
88
|
-
let {
|
|
89
|
-
percentage,
|
|
90
|
-
style
|
|
91
|
-
} = _ref4;
|
|
92
|
-
return /*#__PURE__*/React.createElement(StyledSegment, {
|
|
93
|
-
key: style,
|
|
94
|
-
"data-e2e-test-id": style,
|
|
95
|
-
styleVariant: style,
|
|
96
|
-
monochrome: monochrome,
|
|
97
|
-
percentage: percentage
|
|
98
|
-
});
|
|
99
|
-
}));
|
|
100
|
-
}
|
|
101
|
-
SegmentedProgressBar.defaultProps = defaultProps;
|
|
102
|
-
|
|
103
|
-
export { SegmentedProgressBar };
|
|
104
|
-
//# sourceMappingURL=SegmentedProgressBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedProgressBar.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n// eslint-disable-next-line import/no-cycle\nimport {\n getPercentagesForVariants,\n sanitizeInputValues,\n} from \"./SegmentedProgressBarUtil\";\n\nexport type ValuesVariant = \"success\" | \"warning\" | \"alert\";\n\nexport type StyleVariant = ValuesVariant | \"inProgress\";\n\nexport type Value = number;\n\nexport type ProgressBarWeight = \"thin\" | \"fat\";\n\nexport type SegmentedProgressBarProps = {\n /** The value for 100% progress. Consumer does not need to do percentage calculation.\n * Just pass this number and some values. The progress bar does all percentag calculations */\n maxValue: number;\n /** The values already progressed. Possible ValuesVariants are used to display progress in a different color.\n * Variants are:\n * success => green;\n * warning => yellow;\n * alert => red */\n values: Partial<Record<ValuesVariant, Value>>;\n squareCorners?: boolean;\n weight?: ProgressBarWeight;\n privateProps?: SegmentedProgressBarPrivateProps;\n \"data-e2e-test-id\"?: string;\n};\n\ntype SegmentedProgressBarPrivateProps = {\n monochrome?: boolean;\n};\n\ntype SegmentProps = {\n styleVariant: StyleVariant;\n percentage: number;\n monochrome: boolean;\n \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<SegmentedProgressBarProps> = {\n \"data-e2e-test-id\": undefined,\n weight: \"fat\",\n squareCorners: false,\n privateProps: {\n monochrome: false,\n },\n};\n\nconst getBackgroundColor = (\n theme: Theme,\n style: StyleVariant,\n monochrome: boolean\n) => {\n const monochromeColor = theme.values.color.segmentedProgressBar.monochrome;\n switch (style) {\n case \"success\":\n return monochrome\n ? monochromeColor\n : theme.values.color.segmentedProgressBar.success;\n case \"warning\":\n return monochrome\n ? monochromeColor\n : theme.values.color.segmentedProgressBar.warning;\n case \"alert\":\n return monochrome\n ? monochromeColor\n : theme.values.color.segmentedProgressBar.alert;\n case \"inProgress\":\n return theme.values.color.segmentedProgressBar.inProgress;\n default:\n return theme.values.color.border.secondary.default;\n }\n};\n\nconst StyledSegmentedProgressBar = styled.div<\n Partial<SegmentedProgressBarProps>\n>(({ theme, squareCorners, weight }) => ({\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n borderRadius: squareCorners\n ? 0\n : theme.variables.size.borderRadius.progressBar,\n overflow: \"hidden\",\n height:\n weight === \"thin\"\n ? theme.variables.size.spacing.xxs\n : theme.variables.size.spacing.xs,\n}));\n\nconst StyledSegment = styled.div<Partial<SegmentProps>>(\n ({ theme, styleVariant, percentage, monochrome }) => ({\n height: \"100%\",\n backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),\n width: `${percentage}%`,\n })\n);\n\nexport function SegmentedProgressBar({\n maxValue,\n values,\n weight,\n squareCorners,\n privateProps: { monochrome },\n \"data-e2e-test-id\": dataE2eTestId,\n}: SegmentedProgressBarProps): React.ReactElement {\n const { sanitizedMaxValue, sanitizedValues } = sanitizeInputValues(\n maxValue,\n values\n );\n\n const percentages: {\n percentage: number;\n style: StyleVariant;\n }[] = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);\n\n return (\n <StyledSegmentedProgressBar\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"SegmentedProgressBar\"\n squareCorners={squareCorners}\n weight={weight}\n >\n {percentages.map(({ percentage, style }) => (\n <StyledSegment\n key={style}\n data-e2e-test-id={style as string}\n styleVariant={style}\n monochrome={monochrome}\n percentage={percentage}\n />\n ))}\n </StyledSegmentedProgressBar>\n );\n}\n\nSegmentedProgressBar.defaultProps = defaultProps;\n"],"names":["defaultProps","undefined","weight","squareCorners","privateProps","monochrome","getBackgroundColor","theme","style","monochromeColor","values","color","segmentedProgressBar","success","warning","alert","inProgress","border","secondary","default","StyledSegmentedProgressBar","_styled","process","env","NODE_ENV","target","label","_ref","width","display","flexDirection","borderRadius","variables","size","progressBar","overflow","height","spacing","xxs","xs","StyledSegment","_ref2","styleVariant","percentage","backgroundColor","SegmentedProgressBar","_ref3","maxValue","dataE2eTestId","sanitizedMaxValue","sanitizedValues","sanitizeInputValues","percentages","getPercentagesForVariants","React","createElement","map","_ref4","key"],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { StyleVariant, Value, ValuesVariant } from "./SegmentedProgressBar";
|
|
2
|
-
declare const getPercentagesForVariants: (maxValue: number, values: Partial<Record<ValuesVariant, Value>>) => {
|
|
3
|
-
percentage: number;
|
|
4
|
-
style: StyleVariant;
|
|
5
|
-
}[];
|
|
6
|
-
declare const sanitizeInputValues: (maxValue: number, values: Partial<Record<ValuesVariant, Value>>) => {
|
|
7
|
-
sanitizedMaxValue: number;
|
|
8
|
-
sanitizedValues: Partial<Record<ValuesVariant, Value>>;
|
|
9
|
-
};
|
|
10
|
-
export { sanitizeInputValues, getPercentagesForVariants };
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line import/no-cycle
|
|
2
|
-
|
|
3
|
-
const variants = ["success", "warning", "alert"];
|
|
4
|
-
const getTotalFilledValue = values => variants.reduce((currentValue, variant) => values[variant] && values[variant] > 0 ? currentValue + values[variant] : currentValue, 0);
|
|
5
|
-
const getPercentagesForVariants = (maxValue, values) => {
|
|
6
|
-
const result = variants.map(variant => {
|
|
7
|
-
const percentage = 100 * values[variant] / maxValue;
|
|
8
|
-
return percentage > 0 ? {
|
|
9
|
-
percentage,
|
|
10
|
-
style: variant
|
|
11
|
-
} : null;
|
|
12
|
-
});
|
|
13
|
-
const usedPercentage = result.reduce((currentValue, item) => currentValue + (item ? item.percentage : 0), 0);
|
|
14
|
-
|
|
15
|
-
// add a last segment for the remaing percentage
|
|
16
|
-
if (usedPercentage < 100) {
|
|
17
|
-
result.push({
|
|
18
|
-
percentage: 100 - usedPercentage,
|
|
19
|
-
style: "inProgress"
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
// we need to filter out the null values.
|
|
24
|
-
return result.filter(Boolean);
|
|
25
|
-
};
|
|
26
|
-
const sanitizeInputValues = (maxValue, values) => {
|
|
27
|
-
const totalFilledValue = getTotalFilledValue(values);
|
|
28
|
-
const sanitizedMaxValue = maxValue > totalFilledValue ? maxValue : totalFilledValue;
|
|
29
|
-
const sanitizedValues = {};
|
|
30
|
-
variants.forEach(variant => {
|
|
31
|
-
sanitizedValues[variant] = values[variant] && values[variant] > 0 ? values[variant] : 0;
|
|
32
|
-
});
|
|
33
|
-
return {
|
|
34
|
-
sanitizedMaxValue,
|
|
35
|
-
sanitizedValues
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export { getPercentagesForVariants, sanitizeInputValues };
|
|
40
|
-
//# sourceMappingURL=SegmentedProgressBarUtil.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedProgressBarUtil.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBarUtil.ts"],"sourcesContent":["// eslint-disable-next-line import/no-cycle\nimport { StyleVariant, Value, ValuesVariant } from \"./SegmentedProgressBar\";\n\nconst variants: ValuesVariant[] = [\"success\", \"warning\", \"alert\"];\n\nconst getTotalFilledValue = (values: Partial<Record<ValuesVariant, Value>>) =>\n variants.reduce(\n (currentValue, variant) =>\n values[variant] && values[variant] > 0\n ? currentValue + values[variant]\n : currentValue,\n 0\n );\n\nconst getPercentagesForVariants = (\n maxValue: number,\n values: Partial<Record<ValuesVariant, Value>>\n): { percentage: number; style: StyleVariant }[] => {\n const result = variants.map((variant) => {\n const percentage: number = (100 * values[variant]) / maxValue;\n\n return percentage > 0\n ? { percentage, style: variant as StyleVariant }\n : null;\n });\n\n const usedPercentage = result.reduce(\n (currentValue, item) => currentValue + (item ? item.percentage : 0),\n 0\n );\n\n // add a last segment for the remaing percentage\n if (usedPercentage < 100) {\n result.push({\n percentage: 100 - usedPercentage,\n style: \"inProgress\" as StyleVariant,\n });\n }\n\n // we need to filter out the null values.\n return result.filter(Boolean);\n};\n\nconst sanitizeInputValues = (\n maxValue: number,\n values: Partial<Record<ValuesVariant, Value>>\n): {\n sanitizedMaxValue: number;\n sanitizedValues: Partial<Record<ValuesVariant, Value>>;\n} => {\n const totalFilledValue = getTotalFilledValue(values);\n const sanitizedMaxValue =\n maxValue > totalFilledValue ? maxValue : totalFilledValue;\n\n const sanitizedValues: Partial<Record<ValuesVariant, Value>> = {};\n variants.forEach((variant) => {\n sanitizedValues[variant] =\n values[variant] && values[variant] > 0 ? values[variant] : 0;\n });\n\n return { sanitizedMaxValue, sanitizedValues };\n};\n\nexport { sanitizeInputValues, getPercentagesForVariants };\n"],"names":["variants","getTotalFilledValue","values","reduce","currentValue","variant","getPercentagesForVariants","maxValue","result","map","percentage","style","usedPercentage","item","push","filter","Boolean","sanitizeInputValues","totalFilledValue","sanitizedMaxValue","sanitizedValues","forEach"],"mappings":"AAAA;;AAGA,MAAMA,QAAyB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;AAEjE,MAAMC,mBAAmB,GAAIC,MAA6C,IACxEF,QAAQ,CAACG,MAAM,CACb,CAACC,YAAY,EAAEC,OAAO,KACpBH,MAAM,CAACG,OAAO,CAAC,IAAIH,MAAM,CAACG,OAAO,CAAC,GAAG,CAAC,GAClCD,YAAY,GAAGF,MAAM,CAACG,OAAO,CAAC,GAC9BD,YAAY,EAClB,CACF,CAAC,CAAA;AAEH,MAAME,yBAAyB,GAAGA,CAChCC,QAAgB,EAChBL,MAA6C,KACK;AAClD,EAAA,MAAMM,MAAM,GAAGR,QAAQ,CAACS,GAAG,CAAEJ,OAAO,IAAK;IACvC,MAAMK,UAAkB,GAAI,GAAG,GAAGR,MAAM,CAACG,OAAO,CAAC,GAAIE,QAAQ,CAAA;IAE7D,OAAOG,UAAU,GAAG,CAAC,GACjB;MAAEA,UAAU;AAAEC,MAAAA,KAAK,EAAEN,OAAAA;AAAwB,KAAC,GAC9C,IAAI,CAAA;AACV,GAAC,CAAC,CAAA;EAEF,MAAMO,cAAc,GAAGJ,MAAM,CAACL,MAAM,CAClC,CAACC,YAAY,EAAES,IAAI,KAAKT,YAAY,IAAIS,IAAI,GAAGA,IAAI,CAACH,UAAU,GAAG,CAAC,CAAC,EACnE,CACF,CAAC,CAAA;;AAED;EACA,IAAIE,cAAc,GAAG,GAAG,EAAE;IACxBJ,MAAM,CAACM,IAAI,CAAC;MACVJ,UAAU,EAAE,GAAG,GAAGE,cAAc;AAChCD,MAAAA,KAAK,EAAE,YAAA;AACT,KAAC,CAAC,CAAA;AACJ,GAAA;;AAEA;AACA,EAAA,OAAOH,MAAM,CAACO,MAAM,CAACC,OAAO,CAAC,CAAA;AAC/B,EAAC;AAED,MAAMC,mBAAmB,GAAGA,CAC1BV,QAAgB,EAChBL,MAA6C,KAI1C;AACH,EAAA,MAAMgB,gBAAgB,GAAGjB,mBAAmB,CAACC,MAAM,CAAC,CAAA;EACpD,MAAMiB,iBAAiB,GACrBZ,QAAQ,GAAGW,gBAAgB,GAAGX,QAAQ,GAAGW,gBAAgB,CAAA;EAE3D,MAAME,eAAsD,GAAG,EAAE,CAAA;AACjEpB,EAAAA,QAAQ,CAACqB,OAAO,CAAEhB,OAAO,IAAK;IAC5Be,eAAe,CAACf,OAAO,CAAC,GACtBH,MAAM,CAACG,OAAO,CAAC,IAAIH,MAAM,CAACG,OAAO,CAAC,GAAG,CAAC,GAAGH,MAAM,CAACG,OAAO,CAAC,GAAG,CAAC,CAAA;AAChE,GAAC,CAAC,CAAA;EAEF,OAAO;IAAEc,iBAAiB;AAAEC,IAAAA,eAAAA;GAAiB,CAAA;AAC/C;;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare global {
|
|
3
|
-
namespace JSX {
|
|
4
|
-
interface IntrinsicElements {
|
|
5
|
-
"shadow-element": {
|
|
6
|
-
theme: "light-theme" | "dark-theme";
|
|
7
|
-
};
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
export declare function ShadowWebComponent({ theme, }: {
|
|
12
|
-
theme: "light-theme" | "dark-theme";
|
|
13
|
-
}): React.ReactElement;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { HorizontalAlignment, MQ, SpaceSizes } from "../../types";
|
|
3
|
-
export declare type StackProps = {
|
|
4
|
-
/** Represents the vertical between the Stack's children
|
|
5
|
-
* specify [small screen space, medium screen space, large screen space] or one space for all screen sizes
|
|
6
|
-
*/
|
|
7
|
-
space?: MQ<SpaceSizes> | SpaceSizes;
|
|
8
|
-
/** Represents elements' horizontal alignment
|
|
9
|
-
* specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes
|
|
10
|
-
*/
|
|
11
|
-
alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;
|
|
12
|
-
children: React.ReactNode[] | React.ReactElement;
|
|
13
|
-
"data-e2e-test-id"?: string;
|
|
14
|
-
/** @ignore */
|
|
15
|
-
"data-ds-id"?: string;
|
|
16
|
-
};
|
|
17
|
-
export declare function Stack({ children, space, alignItems, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, }: StackProps): React.ReactElement;
|
|
18
|
-
export declare namespace Stack {
|
|
19
|
-
var defaultProps: Partial<StackProps>;
|
|
20
|
-
}
|
|
@@ -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,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { SubThemeTypes } from "../../../build-tokens/_subThemeType";
|
|
3
|
-
export declare type SubThemeProviderProps = {
|
|
4
|
-
"data-e2e-test-id"?: string;
|
|
5
|
-
children: React.ReactNode[] | React.ReactNode;
|
|
6
|
-
name: "unset" | SubThemeTypes;
|
|
7
|
-
};
|
|
8
|
-
export declare function SubThemeProvider({ name, children, "data-e2e-test-id": dataE2eTestId, }: SubThemeProviderProps): React.ReactElement;
|
|
@@ -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,28 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { MQ, SpaceSizes } from "../../types";
|
|
3
|
-
import { IconName } from "../Icon/Icon";
|
|
4
|
-
/**
|
|
5
|
-
* @param label - The text to display in the tab
|
|
6
|
-
* @param sublabel - A subtext, encased in parentheses
|
|
7
|
-
* @param icon - An icon to display to the left of the label
|
|
8
|
-
* @param as - The element to render the tab as, defaults to `button`
|
|
9
|
-
*/
|
|
10
|
-
declare type Tab = {
|
|
11
|
-
label: string;
|
|
12
|
-
sublabel?: string;
|
|
13
|
-
icon?: IconName;
|
|
14
|
-
as?: "a" | "button" | React.ComponentType;
|
|
15
|
-
} & Partial<React.ComponentProps<"button">> & Partial<React.ComponentProps<"a">>;
|
|
16
|
-
export declare type TabsProps = {
|
|
17
|
-
children?: React.ReactElement;
|
|
18
|
-
/** The index of the active tab */
|
|
19
|
-
activeTab?: number;
|
|
20
|
-
onTabSelect?: (selectedTab: number) => void;
|
|
21
|
-
/** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */
|
|
22
|
-
tabs: Tab[];
|
|
23
|
-
/** Horizontal padding space for the tab container, suited for tabs within a Card element */
|
|
24
|
-
horizontalPadding?: SpaceSizes | MQ<SpaceSizes>;
|
|
25
|
-
"data-e2e-test-id"?: string;
|
|
26
|
-
};
|
|
27
|
-
export declare function Tabs({ tabs, horizontalPadding, activeTab, children, onTabSelect, "data-e2e-test-id": dataE2eTestId, }: TabsProps): React.ReactElement;
|
|
28
|
-
export {};
|
|
@@ -1,130 +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+KCh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgYmFja2dyb3VuZDogMCxcbiAgYm9yZGVyOiAwLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIHBhZGRpbmc6IDAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQucyxcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAvLyBSZXF1aXJlZCB0byBtYWludGFpbiBjb25zaXN0ZW50IGhlaWdodCBmb3IgdGhlIHNlbGVjdGVkIHRhYlxuICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBwYWRkaW5nQm90dG9tOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHgpYCxcblxuICAuLi4oYWN0aXZlICYmIHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHR9YCxcbiAgfSksXG4gIC4uLighYWN0aXZlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXJ9YCxcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCAgc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdH1gLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5jb25zdCBhZGRTdWJ0aXRsZSA9ICh0ZXh0OiBzdHJpbmcpID0+ICh0ZXh0ID8gYCgke3RleHR9KWAgOiBgYCk7XG5cbi8qKlxuICogQHBhcmFtIGxhYmVsIC0gVGhlIHRleHQgdG8gZGlzcGxheSBpbiB0aGUgdGFiXG4gKiBAcGFyYW0gc3VibGFiZWwgLSBBIHN1YnRleHQsIGVuY2FzZWQgaW4gcGFyZW50aGVzZXNcbiAqIEBwYXJhbSBpY29uIC0gQW4gaWNvbiB0byBkaXNwbGF5IHRvIHRoZSBsZWZ0IG9mIHRoZSBsYWJlbFxuICogQHBhcmFtIGFzIC0gVGhlIGVsZW1lbnQgdG8gcmVuZGVyIHRoZSB0YWIgYXMsIGRlZmF1bHRzIHRvIGBidXR0b25gXG4gKi9cbnR5cGUgVGFiID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJsYWJlbD86IHN0cmluZztcbiAgaWNvbj86IEljb25OYW1lO1xuICBhcz86IFwiYVwiIHwgXCJidXR0b25cIiB8IFJlYWN0LkNvbXBvbmVudFR5cGU7XG59ICYgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImJ1dHRvblwiPj4gJlxuICBQYXJ0aWFsPFJlYWN0LkNvbXBvbmVudFByb3BzPFwiYVwiPj47XG5cbmV4cG9ydCB0eXBlIFRhYnNQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBUaGUgaW5kZXggb2YgdGhlIGFjdGl2ZSB0YWIgKi9cbiAgYWN0aXZlVGFiPzogbnVtYmVyO1xuICBvblRhYlNlbGVjdD86IChzZWxlY3RlZFRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICAvKiogQW4gYXJyYXkgb2YgdGFicywgY29udGFpbnMgYGhlYWRlcmAsIGBzdWJ0aXRsZWAsIGBpY29uTGVmdGAsIGBhc2AgKGRlZmluaW5nIHRoZSB0YWIgYXMgYSBidXR0b24gb3IgYSBsaW5rKSAqL1xuICB0YWJzOiBUYWJbXTtcbiAgLyoqIEhvcml6b250YWwgcGFkZGluZyBzcGFjZSBmb3IgdGhlIHRhYiBjb250YWluZXIsIHN1aXRlZCBmb3IgdGFicyB3aXRoaW4gYSBDYXJkIGVsZW1lbnQgKi9cbiAgaG9yaXpvbnRhbFBhZGRpbmc/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47IC8vICdtJyB8IFsnbScsICdsJywgJ2wnXVxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzKHtcbiAgdGFicyxcbiAgaG9yaXpvbnRhbFBhZGRpbmcsXG4gIGFjdGl2ZVRhYiA9IDAsXG4gIGNoaWxkcmVuLFxuICBvblRhYlNlbGVjdCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdGFjayBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSBkYXRhLWRzLWlkPVwiVGFic1wiPlxuICAgICAgPFN0eWxlZENvbnRhaW5lciBob3Jpem9udGFsUGFkZGluZz17aG9yaXpvbnRhbFBhZGRpbmd9PlxuICAgICAgICB7dGFicy5tYXAoKHsgbGFiZWwsIHN1YmxhYmVsLCBpY29uLCBhcyA9IFwiYnV0dG9uXCIsIC4uLnJlc3QgfSwgaSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRUYWJcbiAgICAgICAgICAgIHR5cGU9e2FzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogXCJidXR0b25cIn1cbiAgICAgICAgICAgIGFzPXthc31cbiAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uVGFiU2VsZWN0ICYmIG9uVGFiU2VsZWN0KGkpfVxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb24gJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29ufSAvPn1cbiAgICAgICAgICAgIHtsYWJlbH0ge2FkZFN1YnRpdGxlKHN1YmxhYmVsKX1cbiAgICAgICAgICA8L1N0eWxlZFRhYj5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl19 */");
|
|
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.text.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.highlight.default}`
|
|
81
|
-
}
|
|
82
|
-
})
|
|
83
|
-
};
|
|
84
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Da0IiLCJmaWxlIjoiVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBNUSwgU3BhY2VTaXplcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuXG5jb25zdCBCT1JERVJfQk9UVE9NX1dJRFRIID0gNDtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGhvcml6b250YWxQYWRkaW5nOiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG59PigoeyB0aGVtZSwgaG9yaXpvbnRhbFBhZGRpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIC4uLm1xKHtcbiAgICBnYXA6IFtbXCJtXCIsIFwibFwiLCBcImxcIl0sIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIHBhZGRpbmdJbmxpbmU6IFtob3Jpem9udGFsUGFkZGluZywgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gIH0pLFxuXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgLy8gU2Nyb2xsYmFyXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwibm9uZVwiLCAvLyBGaXJlZm94XG4gIG1zT3ZlcmZsb3dTdHlsZTogXCJub25lXCIsIC8vIElFIDEwK1xuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXJcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLCAvLyBDaHJvbWVcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IGFjdGl2ZTogYm9vbGVhbiB9PigoeyB0aGVtZSwgYWN0aXZlIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IDAsXG4gIGJvcmRlcjogMCxcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBwYWRkaW5nOiAwLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHQucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnMsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjE1c1wiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgLy8gUmVxdWlyZWQgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBoZWlnaHQgZm9yIHRoZSBzZWxlY3RlZCB0YWJcbiAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgcGFkZGluZ0JvdHRvbTogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4KWAsXG5cbiAgLi4uKGFjdGl2ZSAmJiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0fWAsXG4gIH0pLFxuICAuLi4oIWFjdGl2ZSAmJiB7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyfWAsXG4gICAgfSxcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggIHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmRlZmF1bHR9YCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuY29uc3QgYWRkU3VidGl0bGUgPSAodGV4dDogc3RyaW5nKSA9PiAodGV4dCA/IGAoJHt0ZXh0fSlgIDogYGApO1xuXG4vKipcbiAqIEBwYXJhbSBsYWJlbCAtIFRoZSB0ZXh0IHRvIGRpc3BsYXkgaW4gdGhlIHRhYlxuICogQHBhcmFtIHN1YmxhYmVsIC0gQSBzdWJ0ZXh0LCBlbmNhc2VkIGluIHBhcmVudGhlc2VzXG4gKiBAcGFyYW0gaWNvbiAtIEFuIGljb24gdG8gZGlzcGxheSB0byB0aGUgbGVmdCBvZiB0aGUgbGFiZWxcbiAqIEBwYXJhbSBhcyAtIFRoZSBlbGVtZW50IHRvIHJlbmRlciB0aGUgdGFiIGFzLCBkZWZhdWx0cyB0byBgYnV0dG9uYFxuICovXG50eXBlIFRhYiA9IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgYXM/OiBcImFcIiB8IFwiYnV0dG9uXCIgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xufSAmIFBhcnRpYWw8UmVhY3QuQ29tcG9uZW50UHJvcHM8XCJidXR0b25cIj4+ICZcbiAgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImFcIj4+O1xuXG5leHBvcnQgdHlwZSBUYWJzUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogVGhlIGluZGV4IG9mIHRoZSBhY3RpdmUgdGFiICovXG4gIGFjdGl2ZVRhYj86IG51bWJlcjtcbiAgb25UYWJTZWxlY3Q/OiAoc2VsZWN0ZWRUYWI6IG51bWJlcikgPT4gdm9pZDtcbiAgLyoqIEFuIGFycmF5IG9mIHRhYnMsIGNvbnRhaW5zIGBoZWFkZXJgLCBgc3VidGl0bGVgLCBgaWNvbkxlZnRgLCBgYXNgIChkZWZpbmluZyB0aGUgdGFiIGFzIGEgYnV0dG9uIG9yIGEgbGluaykgKi9cbiAgdGFiczogVGFiW107XG4gIC8qKiBIb3Jpem9udGFsIHBhZGRpbmcgc3BhY2UgZm9yIHRoZSB0YWIgY29udGFpbmVyLCBzdWl0ZWQgZm9yIHRhYnMgd2l0aGluIGEgQ2FyZCBlbGVtZW50ICovXG4gIGhvcml6b250YWxQYWRkaW5nPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+OyAvLyAnbScgfCBbJ20nLCAnbCcsICdsJ11cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGhvcml6b250YWxQYWRkaW5nLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFic1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIlRhYnNcIj5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgaG9yaXpvbnRhbFBhZGRpbmc9e2hvcml6b250YWxQYWRkaW5nfT5cbiAgICAgICAge3RhYnMubWFwKCh7IGxhYmVsLCBzdWJsYWJlbCwgaWNvbiwgYXMgPSBcImJ1dHRvblwiLCAuLi5yZXN0IH0sIGkpID0+IChcbiAgICAgICAgICA8U3R5bGVkVGFiXG4gICAgICAgICAgICB0eXBlPXthcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IFwiYnV0dG9uXCJ9XG4gICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICBrZXk9e2xhYmVsfVxuICAgICAgICAgICAgYWN0aXZlPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRhYlNlbGVjdCAmJiBvblRhYlNlbGVjdChpKX1cbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbn0gLz59XG4gICAgICAgICAgICB7bGFiZWx9IHthZGRTdWJ0aXRsZShzdWJsYWJlbCl9XG4gICAgICAgICAgPC9TdHlsZWRUYWI+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdfQ== */");
|
|
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
|
-
"data-e2e-test-id": dataE2eTestId
|
|
102
|
-
} = _ref3;
|
|
103
|
-
return /*#__PURE__*/React.createElement(Stack, {
|
|
104
|
-
"data-e2e-test-id": dataE2eTestId,
|
|
105
|
-
"data-ds-id": "Tabs"
|
|
106
|
-
}, /*#__PURE__*/React.createElement(StyledContainer, {
|
|
107
|
-
horizontalPadding: horizontalPadding
|
|
108
|
-
}, tabs.map((_ref4, i) => {
|
|
109
|
-
let {
|
|
110
|
-
label,
|
|
111
|
-
sublabel,
|
|
112
|
-
icon,
|
|
113
|
-
as = "button",
|
|
114
|
-
...rest
|
|
115
|
-
} = _ref4;
|
|
116
|
-
return /*#__PURE__*/React.createElement(StyledTab, _extends({
|
|
117
|
-
type: as !== "button" ? undefined : "button",
|
|
118
|
-
as: as,
|
|
119
|
-
key: label,
|
|
120
|
-
active: activeTab === i,
|
|
121
|
-
onClick: () => onTabSelect && onTabSelect(i)
|
|
122
|
-
}, rest), icon && /*#__PURE__*/React.createElement(Icon, {
|
|
123
|
-
size: "s",
|
|
124
|
-
name: icon
|
|
125
|
-
}), label, " ", addSubtitle(sublabel));
|
|
126
|
-
})), children);
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
export { Tabs };
|
|
130
|
-
//# 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.text.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.highlight.default}`,\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 label: string;\n sublabel?: string;\n icon?: IconName;\n as?: \"a\" | \"button\" | React.ComponentType;\n} & Partial<React.ComponentProps<\"button\">> &\n Partial<React.ComponentProps<\"a\">>;\n\nexport type TabsProps = {\n children?: React.ReactElement;\n /** The index of the active tab */\n activeTab?: number;\n onTabSelect?: (selectedTab: number) => void;\n /** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */\n tabs: Tab[];\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 \"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}>\n {tabs.map(({ label, sublabel, icon, as = \"button\", ...rest }, i) => (\n <StyledTab\n type={as !== \"button\" ? undefined : \"button\"}\n as={as}\n key={label}\n active={activeTab === i}\n onClick={() => onTabSelect && onTabSelect(i)}\n {...rest}\n >\n {icon && <Icon size=\"s\" name={icon} />}\n {label} {addSubtitle(sublabel)}\n </StyledTab>\n ))}\n </StyledContainer>\n {children}\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","highlight","addSubtitle","Tabs","_ref3","tabs","activeTab","children","onTabSelect","dataE2eTestId","React","createElement","Stack","map","_ref4","i","sublabel","icon","as","rest","_extends","type","undefined","key","onClick","Icon","name"],"mappings":"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"}
|