@ultraviolet/ui 1.51.0 → 1.51.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/dist/components/ActionBar/index.d.ts +20 -0
- package/dist/components/ActionBar/index.js +40 -0
- package/dist/components/Alert/index.d.ts +27 -0
- package/dist/components/Alert/index.js +126 -0
- package/dist/components/Avatar/index.d.ts +43 -0
- package/dist/components/Avatar/index.js +54 -0
- package/dist/components/Badge/index.d.ts +31 -0
- package/dist/components/Badge/index.js +115 -0
- package/dist/components/Banner/assets/default-image-small.svg.js +4 -0
- package/dist/components/Banner/assets/default-image.svg.js +4 -0
- package/dist/components/Banner/index.d.ts +24 -0
- package/dist/components/Banner/index.js +191 -0
- package/dist/components/BarChart/Tooltip.d.ts +9 -0
- package/dist/components/BarChart/Tooltip.js +36 -0
- package/dist/components/BarChart/index.d.ts +27 -0
- package/dist/components/BarChart/index.js +82 -0
- package/dist/components/BarStack/index.d.ts +36 -0
- package/dist/components/BarStack/index.js +188 -0
- package/dist/components/Breadcrumbs/index.d.ts +30 -0
- package/dist/components/Breadcrumbs/index.js +76 -0
- package/dist/components/Bullet/index.d.ts +39 -0
- package/dist/components/Bullet/index.js +88 -0
- package/dist/components/Button/index.d.ts +120 -0
- package/dist/components/Button/index.js +291 -0
- package/dist/components/Card/index.d.ts +20 -0
- package/dist/components/Card/index.js +59 -0
- package/dist/components/Carousel/index.d.ts +19 -0
- package/dist/components/Carousel/index.js +147 -0
- package/dist/components/Checkbox/index.d.ts +36 -0
- package/dist/components/Checkbox/index.js +359 -0
- package/dist/components/CheckboxGroup/index.d.ts +24 -0
- package/dist/components/CheckboxGroup/index.js +112 -0
- package/dist/components/CopyButton/index.d.ts +19 -0
- package/dist/components/CopyButton/index.js +37 -0
- package/dist/components/DateInput/datepicker.css.js +4 -0
- package/dist/components/DateInput/index.d.ts +38 -0
- package/dist/components/DateInput/index.js +301 -0
- package/dist/components/Dialog/Context.d.ts +7 -0
- package/dist/components/Dialog/Context.js +15 -0
- package/dist/components/Dialog/constants.d.ts +2 -0
- package/dist/components/Dialog/index.d.ts +87 -0
- package/dist/components/Dialog/index.js +87 -0
- package/dist/components/Dialog/subComponents/Button.d.ts +7 -0
- package/dist/components/Dialog/subComponents/Button.js +24 -0
- package/dist/components/Dialog/subComponents/Buttons.d.ts +7 -0
- package/dist/components/Dialog/subComponents/Buttons.js +12 -0
- package/dist/components/Dialog/subComponents/CancelButton.d.ts +8 -0
- package/dist/components/Dialog/subComponents/CancelButton.js +9 -0
- package/dist/components/Dialog/subComponents/Stack.d.ts +6 -0
- package/dist/components/Dialog/subComponents/Stack.js +6 -0
- package/dist/components/Dialog/subComponents/Text.d.ts +6 -0
- package/dist/components/Dialog/subComponents/Text.js +6 -0
- package/dist/components/EmptyState/index.d.ts +38 -0
- package/dist/components/EmptyState/index.js +82 -0
- package/dist/components/Expandable/index.d.ts +33 -0
- package/dist/components/Expandable/index.js +79 -0
- package/dist/components/GlobalAlert/GlobalAlertLink.d.ts +3 -0
- package/dist/components/GlobalAlert/GlobalAlertLink.js +39 -0
- package/dist/components/GlobalAlert/index.d.ts +40 -0
- package/dist/components/GlobalAlert/index.js +112 -0
- package/dist/components/LineChart/CustomLegend.d.ts +13 -0
- package/dist/components/LineChart/CustomLegend.js +109 -0
- package/dist/components/LineChart/Tooltip.d.ts +6 -0
- package/dist/components/LineChart/Tooltip.js +46 -0
- package/dist/components/LineChart/helpers.d.ts +8 -0
- package/dist/components/LineChart/helpers.js +50 -0
- package/dist/components/LineChart/index.d.ts +25 -0
- package/dist/components/LineChart/index.js +118 -0
- package/dist/components/Link/index.d.ts +33 -0
- package/dist/components/Link/index.js +167 -0
- package/dist/components/List/Body.d.ts +6 -0
- package/dist/components/List/Body.js +11 -0
- package/dist/components/List/Cell.d.ts +12 -0
- package/dist/components/List/Cell.js +38 -0
- package/dist/components/List/HeaderCell.d.ts +11 -0
- package/dist/components/List/HeaderCell.js +96 -0
- package/dist/components/List/HeaderRow.d.ts +7 -0
- package/dist/components/List/HeaderRow.js +38 -0
- package/dist/components/List/ListContext.d.ts +34 -0
- package/dist/components/List/ListContext.js +155 -0
- package/dist/components/List/Row.d.ts +23 -0
- package/dist/components/List/Row.js +194 -0
- package/dist/components/List/SelectBar.d.ts +15 -0
- package/dist/components/List/SelectBar.js +35 -0
- package/dist/components/List/SkeletonRows.d.ts +7 -0
- package/dist/components/List/SkeletonRows.js +36 -0
- package/dist/components/List/constants.d.ts +2 -0
- package/dist/{src/components → components}/List/constants.js +4 -2
- package/dist/components/List/index.d.ts +68 -0
- package/dist/components/List/index.js +80 -0
- package/dist/components/Loader/index.d.ts +22 -0
- package/dist/components/Loader/index.js +98 -0
- package/dist/components/Menu/Item.d.ts +15 -0
- package/dist/components/Menu/Item.js +101 -0
- package/dist/components/Menu/index.d.ts +49 -0
- package/dist/components/Menu/index.js +182 -0
- package/dist/components/MenuV2/Group.d.ts +7 -0
- package/dist/components/MenuV2/Group.js +23 -0
- package/dist/components/MenuV2/Item.d.ts +16 -0
- package/dist/components/MenuV2/Item.js +120 -0
- package/dist/components/MenuV2/index.d.ts +90 -0
- package/dist/components/MenuV2/index.js +124 -0
- package/dist/components/Meter/index.d.ts +26 -0
- package/dist/components/Meter/index.js +76 -0
- package/dist/components/Modal/Dialog.d.ts +3 -0
- package/dist/components/Modal/Dialog.js +197 -0
- package/dist/components/Modal/Disclosure.d.ts +3 -0
- package/dist/{src/components → components}/Modal/Disclosure.js +12 -12
- package/dist/components/Modal/constants.d.ts +3 -0
- package/dist/{src/components → components}/Modal/constants.js +8 -6
- package/dist/components/Modal/index.d.ts +42 -0
- package/dist/components/Modal/index.js +114 -0
- package/dist/components/Modal/types.d.ts +48 -0
- package/dist/components/Notice/index.d.ts +11 -0
- package/dist/components/Notice/index.js +39 -0
- package/dist/components/Notification/index.d.ts +36 -0
- package/dist/components/Notification/index.js +88 -0
- package/dist/components/Notification/react-toastify.css.js +4 -0
- package/dist/components/NumberInput/helpers.d.ts +4 -0
- package/dist/{src/components → components}/NumberInput/helpers.js +6 -2
- package/dist/components/NumberInput/index.d.ts +41 -0
- package/dist/components/NumberInput/index.js +349 -0
- package/dist/components/NumberInputV2/index.d.ts +27 -0
- package/dist/components/NumberInputV2/index.js +370 -0
- package/dist/components/Pagination/getPageNumbers.d.ts +8 -0
- package/dist/{src/components → components}/Pagination/getPageNumbers.js +4 -12
- package/dist/components/Pagination/index.d.ts +30 -0
- package/dist/components/Pagination/index.js +124 -0
- package/dist/components/PasswordCheck/index.d.ts +20 -0
- package/dist/components/PasswordCheck/index.js +29 -0
- package/dist/components/PasswordStrengthMeter/index.d.ts +39 -0
- package/dist/components/PasswordStrengthMeter/index.js +98 -0
- package/dist/components/PieChart/Legends.d.ts +9 -0
- package/dist/components/PieChart/Legends.js +120 -0
- package/dist/components/PieChart/Tooltip.d.ts +12 -0
- package/dist/components/PieChart/Tooltip.js +29 -0
- package/dist/components/PieChart/index.d.ts +20 -0
- package/dist/components/PieChart/index.js +120 -0
- package/dist/components/PieChart/types.d.ts +7 -0
- package/dist/components/Popover/index.d.ts +55 -0
- package/dist/components/Popover/index.js +149 -0
- package/dist/components/Popup/animations.d.ts +11 -0
- package/dist/{src/components → components}/Popup/animations.js +7 -6
- package/dist/components/Popup/helpers.d.ts +31 -0
- package/dist/components/Popup/helpers.js +204 -0
- package/dist/components/Popup/index.d.ts +72 -0
- package/dist/components/Popup/index.js +385 -0
- package/dist/components/ProgressBar/index.d.ts +14 -0
- package/dist/components/ProgressBar/index.js +71 -0
- package/dist/components/Radio/index.d.ts +21 -0
- package/dist/components/Radio/index.js +202 -0
- package/dist/components/RadioGroup/index.d.ts +25 -0
- package/dist/components/RadioGroup/index.js +104 -0
- package/dist/components/Row/index.d.ts +22 -0
- package/dist/components/Row/index.js +43 -0
- package/dist/components/SelectInput/index.d.ts +75 -0
- package/dist/components/SelectInput/index.js +563 -0
- package/dist/components/SelectInputV2/Dropdown.d.ts +23 -0
- package/dist/components/SelectInputV2/Dropdown.js +669 -0
- package/dist/components/SelectInputV2/DropdownOption.d.ts +8 -0
- package/dist/components/SelectInputV2/DropdownOption.js +133 -0
- package/dist/components/SelectInputV2/SearchBarDropdown.d.ts +9 -0
- package/dist/components/SelectInputV2/SearchBarDropdown.js +123 -0
- package/dist/components/SelectInputV2/SelectBar.d.ts +14 -0
- package/dist/components/SelectInputV2/SelectBar.js +327 -0
- package/dist/components/SelectInputV2/SelectInputProvider.d.ts +41 -0
- package/dist/components/SelectInputV2/SelectInputProvider.js +203 -0
- package/dist/components/SelectInputV2/findOptionInOptions.d.ts +2 -0
- package/dist/components/SelectInputV2/findOptionInOptions.js +12 -0
- package/dist/components/SelectInputV2/index.d.ts +115 -0
- package/dist/components/SelectInputV2/index.js +146 -0
- package/dist/components/SelectInputV2/types.d.ts +38 -0
- package/dist/{src/components → components}/SelectInputV2/types.js +4 -2
- package/dist/components/SelectableCard/index.d.ts +25 -0
- package/dist/components/SelectableCard/index.js +193 -0
- package/dist/components/SelectableCardGroup/index.d.ts +23 -0
- package/dist/components/SelectableCardGroup/index.js +112 -0
- package/dist/components/Separator/index.d.ts +17 -0
- package/dist/components/Separator/index.js +76 -0
- package/dist/components/Skeleton/Block.d.ts +3 -0
- package/dist/components/Skeleton/Block.js +30 -0
- package/dist/components/Skeleton/Blocks.d.ts +4 -0
- package/dist/components/Skeleton/Blocks.js +28 -0
- package/dist/components/Skeleton/BoxWithIcon.d.ts +4 -0
- package/dist/components/Skeleton/BoxWithIcon.js +29 -0
- package/dist/components/Skeleton/Donut.d.ts +1 -0
- package/dist/components/Skeleton/Donut.js +36 -0
- package/dist/components/Skeleton/IconSkeleton.d.ts +5 -0
- package/dist/components/Skeleton/IconSkeleton.js +12 -0
- package/dist/components/Skeleton/Line.d.ts +5 -0
- package/dist/components/Skeleton/Line.js +13 -0
- package/dist/components/Skeleton/List.d.ts +4 -0
- package/dist/components/Skeleton/List.js +29 -0
- package/dist/components/Skeleton/Slider.d.ts +3 -0
- package/dist/components/Skeleton/Slider.js +26 -0
- package/dist/components/Skeleton/Square.d.ts +5 -0
- package/dist/components/Skeleton/Square.js +10 -0
- package/dist/components/Skeleton/index.d.ts +47 -0
- package/dist/components/Skeleton/index.js +86 -0
- package/dist/components/Snippet/index.d.ts +23 -0
- package/dist/components/Snippet/index.js +171 -0
- package/dist/components/Stack/index.d.ts +23 -0
- package/dist/components/Stack/index.js +36 -0
- package/dist/components/Status/index.d.ts +32 -0
- package/dist/components/Status/index.js +57 -0
- package/dist/components/StepList/index.d.ts +33 -0
- package/dist/components/StepList/index.js +69 -0
- package/dist/components/Stepper/index.d.ts +15 -0
- package/dist/components/Stepper/index.js +153 -0
- package/dist/components/SwitchButton/FocusOverlay.d.ts +8 -0
- package/dist/components/SwitchButton/FocusOverlay.js +47 -0
- package/dist/components/SwitchButton/index.d.ts +26 -0
- package/dist/components/SwitchButton/index.js +140 -0
- package/dist/components/Table/Body.d.ts +6 -0
- package/dist/components/Table/Body.js +5 -0
- package/dist/components/Table/Cell.d.ts +9 -0
- package/dist/components/Table/Cell.js +10 -0
- package/dist/components/Table/Header.d.ts +6 -0
- package/dist/components/Table/Header.js +9 -0
- package/dist/components/Table/HeaderCell.d.ts +14 -0
- package/dist/components/Table/HeaderCell.js +123 -0
- package/dist/components/Table/HeaderRow.d.ts +7 -0
- package/dist/components/Table/HeaderRow.js +25 -0
- package/dist/components/Table/Row.d.ts +14 -0
- package/dist/components/Table/Row.js +85 -0
- package/dist/components/Table/SelectBar.d.ts +15 -0
- package/dist/components/Table/SelectBar.js +35 -0
- package/dist/components/Table/SkeletonRows.d.ts +7 -0
- package/dist/components/Table/SkeletonRows.js +22 -0
- package/dist/components/Table/TableContext.d.ts +27 -0
- package/dist/components/Table/TableContext.js +103 -0
- package/dist/components/Table/index.d.ts +60 -0
- package/dist/components/Table/index.js +81 -0
- package/dist/components/Tabs/Tab.d.ts +20 -0
- package/dist/components/Tabs/Tab.js +170 -0
- package/dist/components/Tabs/TabMenu.d.ts +8 -0
- package/dist/components/Tabs/TabMenu.js +63 -0
- package/dist/components/Tabs/TabMenuItem.d.ts +20 -0
- package/dist/components/Tabs/TabMenuItem.js +39 -0
- package/dist/components/Tabs/TabsContext.d.ts +8 -0
- package/dist/components/Tabs/TabsContext.js +9 -0
- package/dist/components/Tabs/index.d.ts +50 -0
- package/dist/components/Tabs/index.js +137 -0
- package/dist/components/Tag/index.d.ts +26 -0
- package/dist/components/Tag/index.js +153 -0
- package/dist/components/TagInput/index.d.ts +55 -0
- package/dist/components/TagInput/index.js +316 -0
- package/dist/components/TagList/index.d.ts +37 -0
- package/dist/components/TagList/index.js +103 -0
- package/dist/components/Text/index.d.ts +40 -0
- package/dist/components/Text/index.js +107 -0
- package/dist/components/TextArea/index.d.ts +50 -0
- package/dist/components/TextArea/index.js +226 -0
- package/dist/components/TextInput/index.d.ts +75 -0
- package/dist/components/TextInput/index.js +472 -0
- package/dist/components/TextInputV2/index.d.ts +30 -0
- package/dist/components/TextInputV2/index.js +314 -0
- package/dist/components/TimeInput/index.d.ts +25 -0
- package/dist/components/TimeInput/index.js +199 -0
- package/dist/components/Toaster/index.d.ts +46 -0
- package/dist/components/Toaster/index.js +131 -0
- package/dist/components/Toaster/react-toastify.css.js +4 -0
- package/dist/components/Toggle/index.d.ts +34 -0
- package/dist/components/Toggle/index.js +196 -0
- package/dist/components/ToggleGroup/index.d.ts +24 -0
- package/dist/components/ToggleGroup/index.js +87 -0
- package/dist/components/Tooltip/index.d.ts +9 -0
- package/dist/components/Tooltip/index.js +47 -0
- package/dist/components/VerificationCode/index.d.ts +36 -0
- package/dist/components/VerificationCode/index.js +222 -0
- package/dist/components/index.d.ts +75 -0
- package/dist/helpers/isJSON.d.ts +2 -0
- package/dist/{src/helpers → helpers}/isJSON.js +4 -3
- package/dist/helpers/jestMockMatchMedia.d.ts +6 -0
- package/dist/helpers/keycode.d.ts +3 -0
- package/dist/helpers/legend.d.ts +2 -0
- package/dist/helpers/legend.js +14 -0
- package/dist/helpers/numbers.d.ts +2 -0
- package/dist/helpers/recursivelyGetChildrenString.d.ts +3 -0
- package/dist/helpers/recursivelyGetChildrenString.js +15 -0
- package/dist/hooks/useIsOverflowing.d.ts +5 -0
- package/dist/hooks/useIsOverflowing.js +23 -0
- package/dist/index.d.ts +4 -3693
- package/dist/index.js +187 -0
- package/dist/mocks/list.d.ts +12 -0
- package/dist/theme/index.d.ts +1573 -0
- package/dist/theme/index.js +30 -0
- package/dist/types.d.ts +6 -0
- package/dist/utils/animations.d.ts +27 -0
- package/dist/{src/utils → utils}/animations.js +30 -4
- package/dist/utils/capitalize.d.ts +2 -0
- package/dist/utils/capitalize.js +4 -0
- package/dist/utils/ids.d.ts +1 -0
- package/dist/utils/ids.js +6 -0
- package/dist/utils/index.d.ts +6 -0
- package/dist/utils/normalize.d.ts +2 -0
- package/dist/{src/utils → utils}/normalize.js +4 -3
- package/dist/utils/orderBy.d.ts +2 -0
- package/dist/utils/responsive/Breakpoint.d.ts +9 -0
- package/dist/utils/responsive/Breakpoint.js +13 -0
- package/dist/utils/responsive/index.d.ts +2 -0
- package/dist/utils/responsive/utilities.d.ts +3 -0
- package/dist/{src/utils → utils}/responsive/utilities.js +9 -6
- package/package.json +23 -13
- package/dist/react-datepicker/dist/react-datepicker.min.css.js +0 -3
- package/dist/react-toastify/dist/ReactToastify.min.css.js +0 -3
- package/dist/src/components/ActionBar/index.js +0 -40
- package/dist/src/components/Alert/index.js +0 -133
- package/dist/src/components/Avatar/index.js +0 -74
- package/dist/src/components/Badge/index.js +0 -116
- package/dist/src/components/Banner/assets/default-image-small.svg.js +0 -5
- package/dist/src/components/Banner/assets/default-image.svg.js +0 -5
- package/dist/src/components/Banner/index.js +0 -159
- package/dist/src/components/BarChart/Tooltip.js +0 -48
- package/dist/src/components/BarChart/index.js +0 -95
- package/dist/src/components/BarStack/index.js +0 -136
- package/dist/src/components/Breadcrumbs/index.js +0 -82
- package/dist/src/components/Bullet/index.js +0 -98
- package/dist/src/components/Button/index.js +0 -311
- package/dist/src/components/Card/index.js +0 -67
- package/dist/src/components/Carousel/index.js +0 -128
- package/dist/src/components/Checkbox/index.js +0 -316
- package/dist/src/components/CheckboxGroup/index.js +0 -143
- package/dist/src/components/CopyButton/index.js +0 -37
- package/dist/src/components/DateInput/index.js +0 -242
- package/dist/src/components/Dialog/Context.js +0 -12
- package/dist/src/components/Dialog/index.js +0 -88
- package/dist/src/components/Dialog/subComponents/Button.js +0 -21
- package/dist/src/components/Dialog/subComponents/Buttons.js +0 -14
- package/dist/src/components/Dialog/subComponents/CancelButton.js +0 -14
- package/dist/src/components/Dialog/subComponents/Stack.js +0 -11
- package/dist/src/components/Dialog/subComponents/Text.js +0 -12
- package/dist/src/components/EmptyState/index.js +0 -112
- package/dist/src/components/Expandable/index.js +0 -96
- package/dist/src/components/GlobalAlert/GlobalAlertLink.js +0 -38
- package/dist/src/components/GlobalAlert/index.js +0 -82
- package/dist/src/components/LineChart/CustomLegend.js +0 -138
- package/dist/src/components/LineChart/Tooltip.js +0 -43
- package/dist/src/components/LineChart/helpers.js +0 -40
- package/dist/src/components/LineChart/index.js +0 -131
- package/dist/src/components/Link/index.js +0 -147
- package/dist/src/components/List/Body.js +0 -16
- package/dist/src/components/List/Cell.js +0 -43
- package/dist/src/components/List/HeaderCell.js +0 -90
- package/dist/src/components/List/HeaderRow.js +0 -43
- package/dist/src/components/List/ListContext.js +0 -138
- package/dist/src/components/List/Row.js +0 -185
- package/dist/src/components/List/SelectBar.js +0 -48
- package/dist/src/components/List/SkeletonRows.js +0 -53
- package/dist/src/components/List/index.js +0 -75
- package/dist/src/components/Loader/index.js +0 -100
- package/dist/src/components/Menu/Item.js +0 -112
- package/dist/src/components/Menu/index.js +0 -129
- package/dist/src/components/MenuV2/Group.js +0 -25
- package/dist/src/components/MenuV2/Item.js +0 -139
- package/dist/src/components/MenuV2/index.js +0 -116
- package/dist/src/components/Meter/index.js +0 -76
- package/dist/src/components/Modal/Dialog.js +0 -182
- package/dist/src/components/Modal/index.js +0 -113
- package/dist/src/components/Notice/index.js +0 -34
- package/dist/src/components/Notification/index.js +0 -77
- package/dist/src/components/NumberInput/index.js +0 -299
- package/dist/src/components/NumberInputV2/index.js +0 -284
- package/dist/src/components/Pagination/index.js +0 -117
- package/dist/src/components/PasswordCheck/index.js +0 -41
- package/dist/src/components/PasswordStrengthMeter/index.js +0 -102
- package/dist/src/components/PieChart/Legends.js +0 -138
- package/dist/src/components/PieChart/Tooltip.js +0 -61
- package/dist/src/components/PieChart/index.js +0 -125
- package/dist/src/components/Popover/index.js +0 -144
- package/dist/src/components/Popup/helpers.js +0 -252
- package/dist/src/components/Popup/index.js +0 -363
- package/dist/src/components/ProgressBar/index.js +0 -57
- package/dist/src/components/Radio/index.js +0 -157
- package/dist/src/components/RadioGroup/index.js +0 -131
- package/dist/src/components/Row/index.js +0 -41
- package/dist/src/components/SelectInput/index.js +0 -610
- package/dist/src/components/SelectInputV2/Dropdown.js +0 -594
- package/dist/src/components/SelectInputV2/DropdownOption.js +0 -130
- package/dist/src/components/SelectInputV2/SearchBarDropdown.js +0 -128
- package/dist/src/components/SelectInputV2/SelectBar.js +0 -282
- package/dist/src/components/SelectInputV2/SelectInputProvider.js +0 -169
- package/dist/src/components/SelectInputV2/findOptionInOptions.js +0 -11
- package/dist/src/components/SelectInputV2/index.js +0 -137
- package/dist/src/components/SelectableCard/index.js +0 -175
- package/dist/src/components/SelectableCardGroup/index.js +0 -141
- package/dist/src/components/Separator/index.js +0 -73
- package/dist/src/components/Skeleton/Block.js +0 -35
- package/dist/src/components/Skeleton/Blocks.js +0 -34
- package/dist/src/components/Skeleton/BoxWithIcon.js +0 -32
- package/dist/src/components/Skeleton/Donut.js +0 -55
- package/dist/src/components/Skeleton/IconSkeleton.js +0 -19
- package/dist/src/components/Skeleton/Line.js +0 -13
- package/dist/src/components/Skeleton/List.js +0 -51
- package/dist/src/components/Skeleton/Slider.js +0 -36
- package/dist/src/components/Skeleton/Square.js +0 -9
- package/dist/src/components/Skeleton/index.js +0 -82
- package/dist/src/components/Snippet/index.js +0 -200
- package/dist/src/components/Stack/index.js +0 -29
- package/dist/src/components/Status/index.js +0 -74
- package/dist/src/components/StepList/index.js +0 -69
- package/dist/src/components/Stepper/index.js +0 -150
- package/dist/src/components/SwitchButton/FocusOverlay.js +0 -37
- package/dist/src/components/SwitchButton/index.js +0 -108
- package/dist/src/components/Table/Body.js +0 -9
- package/dist/src/components/Table/Cell.js +0 -21
- package/dist/src/components/Table/Header.js +0 -15
- package/dist/src/components/Table/HeaderCell.js +0 -103
- package/dist/src/components/Table/HeaderRow.js +0 -32
- package/dist/src/components/Table/Row.js +0 -89
- package/dist/src/components/Table/SelectBar.js +0 -48
- package/dist/src/components/Table/SkeletonRows.js +0 -51
- package/dist/src/components/Table/TableContext.js +0 -90
- package/dist/src/components/Table/index.js +0 -82
- package/dist/src/components/Tabs/Tab.js +0 -138
- package/dist/src/components/Tabs/TabMenu.js +0 -59
- package/dist/src/components/Tabs/TabMenuItem.js +0 -36
- package/dist/src/components/Tabs/TabsContext.js +0 -6
- package/dist/src/components/Tabs/index.js +0 -117
- package/dist/src/components/Tag/index.js +0 -169
- package/dist/src/components/TagInput/index.js +0 -309
- package/dist/src/components/TagList/index.js +0 -106
- package/dist/src/components/Text/index.js +0 -107
- package/dist/src/components/TextArea/index.js +0 -210
- package/dist/src/components/TextInput/index.js +0 -451
- package/dist/src/components/TextInputV2/index.js +0 -289
- package/dist/src/components/TimeInput/index.js +0 -37
- package/dist/src/components/Toaster/index.js +0 -131
- package/dist/src/components/Toggle/index.js +0 -160
- package/dist/src/components/ToggleGroup/index.js +0 -122
- package/dist/src/components/Tooltip/index.js +0 -55
- package/dist/src/components/VerificationCode/index.js +0 -222
- package/dist/src/helpers/legend.js +0 -13
- package/dist/src/helpers/recursivelyGetChildrenString.js +0 -11
- package/dist/src/hooks/useIsOverflowing.js +0 -34
- package/dist/src/index.js +0 -77
- package/dist/src/theme/index.js +0 -29
- package/dist/src/utils/capitalize.js +0 -3
- package/dist/src/utils/ids.js +0 -7
- package/dist/src/utils/responsive/Breakpoint.js +0 -12
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import { useTheme } from '@emotion/react';
|
|
3
|
-
import { Icon } from '@ultraviolet/icons';
|
|
4
|
-
import { useMemo } from 'react';
|
|
5
|
-
import { SENTIMENTS_WITHOUT_NEUTRAL } from '../../theme/index.js';
|
|
6
|
-
import capitalize from '../../utils/capitalize.js';
|
|
7
|
-
import { Text } from '../Text/index.js';
|
|
8
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
// TODO: remove when typography has been created
|
|
11
|
-
const TEXT_SIZES = {
|
|
12
|
-
large: 14,
|
|
13
|
-
medium: 12,
|
|
14
|
-
small: 10
|
|
15
|
-
};
|
|
16
|
-
const SIZES = {
|
|
17
|
-
large: 32,
|
|
18
|
-
medium: 24,
|
|
19
|
-
small: 16
|
|
20
|
-
};
|
|
21
|
-
const PROMINENCES = {
|
|
22
|
-
default: 'default',
|
|
23
|
-
strong: 'strong'
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* Generate all styles available for badge based on prominence and sentiments
|
|
28
|
-
*/
|
|
29
|
-
const generateStyles = ({
|
|
30
|
-
prominence,
|
|
31
|
-
theme
|
|
32
|
-
}) => {
|
|
33
|
-
const definedProminence = prominence === PROMINENCES.strong ? capitalize(PROMINENCES.strong) : '';
|
|
34
|
-
const text = `text${definedProminence}`;
|
|
35
|
-
const background = `background${definedProminence}`;
|
|
36
|
-
return {
|
|
37
|
-
...SENTIMENTS_WITHOUT_NEUTRAL.reduce((reducer, sentiment) => ({
|
|
38
|
-
...reducer,
|
|
39
|
-
[sentiment]: `
|
|
40
|
-
color: ${theme.colors[sentiment][text]};
|
|
41
|
-
background: ${theme.colors[sentiment][background]};
|
|
42
|
-
border: 1px solid ${theme.colors[sentiment][background]};
|
|
43
|
-
`
|
|
44
|
-
}), {}),
|
|
45
|
-
disabled: `
|
|
46
|
-
color: ${theme.colors.neutral.textWeak};
|
|
47
|
-
background: ${theme.colors.neutral.backgroundStrong};
|
|
48
|
-
border: none;
|
|
49
|
-
`,
|
|
50
|
-
neutral: `
|
|
51
|
-
color: ${prominence === PROMINENCES.strong ? theme.colors.neutral.textStronger : theme.colors.neutral.text};
|
|
52
|
-
background: ${prominence === PROMINENCES.strong ? theme.colors.neutral.backgroundStronger : theme.colors.neutral.backgroundWeak};
|
|
53
|
-
border: 1px solid ${prominence === PROMINENCES.strong ? theme.colors.neutral.borderStronger : theme.colors.neutral.border};
|
|
54
|
-
`
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
const StyledSpan = /*#__PURE__*/_styled(Text, {
|
|
58
|
-
shouldForwardProp: prop => !['sentimentStyles', 'size', 'fontSize'].includes(prop),
|
|
59
|
-
target: "ej33bna0"
|
|
60
|
-
})("display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:", ({
|
|
61
|
-
theme
|
|
62
|
-
}) => theme.radii.xlarge, ";padding:0 ", ({
|
|
63
|
-
theme,
|
|
64
|
-
size
|
|
65
|
-
}) => size === SIZES.small ? theme.space['1'] : theme.space['2'], ";gap:", ({
|
|
66
|
-
theme,
|
|
67
|
-
size
|
|
68
|
-
}) => size === SIZES.small ? theme.space['0.5'] : theme.space['1'], ";width:fit-content;height:", ({
|
|
69
|
-
size
|
|
70
|
-
}) => size, "px;text-transform:uppercase;font-size:", ({
|
|
71
|
-
fontSize
|
|
72
|
-
}) => fontSize, "px;color:inherit;", ({
|
|
73
|
-
sentimentStyles
|
|
74
|
-
}) => sentimentStyles, ";");
|
|
75
|
-
/**
|
|
76
|
-
* Badge component is used to display a status or a label in a small container.
|
|
77
|
-
*/
|
|
78
|
-
const Badge = ({
|
|
79
|
-
sentiment = 'neutral',
|
|
80
|
-
size = 'medium',
|
|
81
|
-
prominence = 'default',
|
|
82
|
-
icon,
|
|
83
|
-
disabled = false,
|
|
84
|
-
className,
|
|
85
|
-
children,
|
|
86
|
-
'data-testid': dataTestId
|
|
87
|
-
}) => {
|
|
88
|
-
const theme = useTheme();
|
|
89
|
-
|
|
90
|
-
/**
|
|
91
|
-
* Badge should display an aria-label if the status is not neutral or primary
|
|
92
|
-
*/
|
|
93
|
-
const ariaLabel = useMemo(() => ['neutral', 'primary'].some(baseSentiment => baseSentiment === sentiment) ? undefined : sentiment, [sentiment]);
|
|
94
|
-
const generatedStyles = useMemo(() => generateStyles({
|
|
95
|
-
prominence,
|
|
96
|
-
theme
|
|
97
|
-
}), [prominence, theme]);
|
|
98
|
-
const sizeValue = SIZES[size];
|
|
99
|
-
return jsxs(StyledSpan, {
|
|
100
|
-
"aria-label": ariaLabel,
|
|
101
|
-
sentimentStyles: disabled ? generatedStyles['disabled'] : generatedStyles[sentiment],
|
|
102
|
-
size: sizeValue,
|
|
103
|
-
variant: "bodyStrong",
|
|
104
|
-
as: "span",
|
|
105
|
-
fontSize: TEXT_SIZES[size],
|
|
106
|
-
prominence: disabled ? 'weak' : 'default',
|
|
107
|
-
className: className,
|
|
108
|
-
"data-testid": dataTestId,
|
|
109
|
-
children: [icon && sizeValue !== SIZES.small ? jsx(Icon, {
|
|
110
|
-
name: icon,
|
|
111
|
-
size: 16
|
|
112
|
-
}) : null, children]
|
|
113
|
-
});
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
export { Badge, PROMINENCES, SIZES };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import 'react';
|
|
2
|
-
|
|
3
|
-
var defaultIllustrationSmall = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2274%22%20height%3D%2274%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M48.673%2030.122c-5.451-8.997-13.4-14.099-17.876-11.548l1.136%201.914c3.954-2.253%2010.982%202.266%2015.805%2010.217%204.89%208.047%205.664%2016.568%201.736%2019.024-.026.014-.066.028-.093.055l1.149%201.913s.067-.04.107-.054c4.435-2.782%203.567-12.416-1.964-21.521%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23c%29%22%20d%3D%22M27.385%2063.597s.094-2.076.12-2.74c.027-.665.094-1.167-.801-2.497-.895-1.33-2.231-3.379-2.231-3.379l-3.848%201.913-1.43.706s1.55%201.737%201.63%202.971c.08%201.235-.267%201.9.695%203.094s7.388%208.02%207.388%208.02l4.008-2.022-5.53-6.066Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23d%29%22%20d%3D%22m28.593%2062.62-1.202.978%205.53%206.065%201.203-.977z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23e%29%22%20d%3D%22M28.724%2059.879c.027-.665.094-1.167-.802-2.497-.895-1.33-2.23-3.379-2.23-3.379l-5.278%202.62s.094.094.227.27l3.848-1.913s1.336%202.05%202.231%203.38c.895%201.329.842%201.831.802%202.496-.027.665-.12%202.74-.12%202.74l1.215-.976s.094-2.076.12-2.741z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23f%29%22%20d%3D%22M28.66%2024.477s-5.397%2013.868-12.732%2018.617l-3.648%202.361c-1.696%201.1-3.353%205.374-.975%209.54%202.392%204.192%207.228%204.939%209.526%203.73a94.519%2094.519%200%200%201%202.94-1.546c1.736-.882%2013.293-7.83%2021.255-6.188%207.95%201.642-16.34-26.5-16.34-26.5z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23g%29%22%20d%3D%22M11.29%2054.98c-2.378-4.165-.721-8.44.976-9.539-3.06%201.981-3.234%202.076-3.942%202.51-.935.57-3.527%204.533-1.536%208.577%201.99%204.043%206.346%206.377%2010.501%204.097%201.63-.895%202.712-1.479%203.527-1.926-2.284%201.22-7.12.474-9.526-3.732z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23h%29%22%20d%3D%22M49.47%2049.727c3.927-2.457%203.15-10.976-1.735-19.028-4.885-8.052-12.028-12.587-15.954-10.13-3.926%202.457-3.15%2010.976%201.736%2019.028%204.884%208.051%2012.027%2012.587%2015.953%2010.13%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23i%29%22%20d%3D%22m40.352%2030.964-8.778%204.885a35.83%2035.83%200%200%200%201.95%203.745c1.123%201.845%202.352%203.5%203.648%204.925l7.562-6.336-4.382-7.233z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23j%29%22%20d%3D%22M44.744%2038.195c.974-.61.781-2.722-.43-4.72-1.212-1.996-2.983-3.121-3.957-2.512-.974.61-.781%202.722.43%204.72%201.212%201.996%202.983%203.121%203.957%202.512%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23k%29%22%20d%3D%22M66.207%205.277a1.84%201.84%200%200%200-1.83%201.859c0%20.38.12.732.307%201.03l-18.397%2014.63V17.53c0-1.507.401-2.266%201.897-3.528%201.377-1.167%206.306-4.994%207.375-5.821.294.217.668.339%201.056.339a1.84%201.84%200%200%200%201.83-1.86%201.839%201.839%200%200%200-1.83-1.858%201.84%201.84%200%200%200-1.83%201.859c0%20.38.106.732.307%201.017-1.203.937-5.972%204.641-7.322%205.795-1.643%201.397-2.137%202.333-2.137%204.043v5.794L30.549%2035.306l.414.529L65.165%208.642c.294.217.655.34%201.056.34a1.84%201.84%200%200%200%201.83-1.86%201.84%201.84%200%200%200-1.83-1.859zm-9.592.203c.641%200%201.162.53%201.162%201.18%200%20.652-.521%201.181-1.162%201.181a1.172%201.172%200%200%201-1.163-1.18c0-.652.521-1.18%201.163-1.18Zm9.592%202.823c-.641%200-1.162-.53-1.162-1.18%200-.652.521-1.181%201.162-1.181.642%200%201.163.529%201.163%201.18%200%20.651-.521%201.18-1.163%201.18Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23l%29%22%20d%3D%22M61.756%2027.802a1.783%201.783%200%200%200-1.39.176%201.772%201.772%200%200%200-.854%201.126%201.915%201.915%200%200%200%20.214%201.466l-21.31%2016.215.4.543%205.706-4.342c.52.15%204.181%201.153%205.584%201.56.495.136.949.217%201.363.217.962%200%201.83-.38%203.046-1.234%201.31-.923%202.886-2.144%203.514-2.62a1.79%201.79%200%200%200%201.082.367%201.84%201.84%200%200%200%201.764-1.37%201.862%201.862%200%200%200-.174-1.412%201.787%201.787%200%200%200-1.109-.868c-.975-.271-1.977.312-2.245%201.303a1.868%201.868%200%200%200%20.228%201.492c-.655.502-2.165%201.656-3.434%202.551-1.59%201.127-2.418%201.33-3.848.923a992.04%20992.04%200%200%201-5.09-1.425L60.18%2031.072c.174.136.387.244.614.312.16.04.321.068.481.068.802%200%201.537-.543%201.764-1.37a1.862%201.862%200%200%200-.174-1.412%201.752%201.752%200%200%200-1.109-.868M57.99%2039.105a1.17%201.17%200%200%201%201.43-.828c.293.082.547.285.707.557.16.271.188.597.107.895-.173.624-.815%201.004-1.43.828a1.19%201.19%200%200%201-.814-1.452m4.409-9.2c-.174.624-.815%201.004-1.43.828a1.19%201.19%200%200%201-.815-1.452%201.17%201.17%200%200%201%201.43-.828c.294.082.547.285.708.556.147.272.187.598.107.896%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23m%29%22%20d%3D%22M36.666%2025.305a1.84%201.84%200%200%200%201.83-1.86%201.84%201.84%200%200%200-1.83-1.858%201.84%201.84%200%200%200-1.83%201.859c0%20.38.12.733.307%201.031l-6.44%205.116.414.529%206.493-5.17c.294.217.655.34%201.056.34zm0-3.04c.641%200%201.162.53%201.162%201.18%200%20.652-.52%201.181-1.162%201.181a1.172%201.172%200%200%201-1.162-1.18c0-.651.52-1.18%201.162-1.18Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23n%29%22%20d%3D%22M37.165%2044.532a34.545%2034.545%200%200%201-3.647-4.925%2033.464%2033.464%200%200%201-1.95-3.745c-3.047-6.799-3.1-13.203.226-15.28.054-.027.107-.054.147-.08l-1.135-1.914s-.107.054-.16.095c-4.436%202.782-3.568%2012.416%201.963%2021.52%205.478%209.038%2013.467%2014.153%2017.93%2011.521l-1.15-1.913c-3.032%201.79-7.909-.462-12.21-5.252z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23o%29%22%20d%3D%22m24.488%2041.86.842-.503s1.55%203.257%203.794%205.835l-.775.502-3.607-1.737-.254-4.111z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23p%29%22%20d%3D%22M15.111%2049.146s7.562-5.116%209.38-7.287c0%200%201.308%203.216%203.874%205.835%200%200-6.908%203.31-10.702%205.645%200%200-2.325-1.656-2.538-4.193z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.536%22%20d%3D%22M56.622%2056.253c6.25-3.911%205.017-17.468-2.756-30.28-7.772-12.811-19.14-20.026-25.39-16.114-6.25%203.911-5.017%2017.468%202.755%2030.28%207.773%2012.81%2019.14%2020.026%2025.391%2016.114Z%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.268%22%20d%3D%22M64.34%2056.088c7.136-4.466%205.723-19.95-3.156-34.587C52.304%206.865%2039.32-1.379%2032.185%203.086c-7.136%204.466-5.723%2019.951%203.156%2034.587%208.88%2014.637%2021.863%2022.881%2029%2018.415Z%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22b%22%20x1%3D%2291.092%22%20x2%3D%2234.151%22%20y1%3D%2228.683%22%20y2%3D%2235.54%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22c%22%20x1%3D%2228.922%22%20x2%3D%2217.156%22%20y1%3D%2260.192%22%20y2%3D%2273.838%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22d%22%20x1%3D%2225.066%22%20x2%3D%2232.466%22%20y1%3D%2260.07%22%20y2%3D%2267.716%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22e%22%20x1%3D%2220.107%22%20x2%3D%2228.737%22%20y1%3D%2251.615%22%20y2%3D%2262.177%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22f%22%20x1%3D%2237.959%22%20x2%3D%2218.966%22%20y1%3D%2262.485%22%20y2%3D%2239.039%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%2223.568%22%20x2%3D%228.639%22%20y1%3D%2268.591%22%20y2%3D%2250.649%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22h%22%20x1%3D%2229.284%22%20x2%3D%2251.97%22%20y1%3D%2235.15%22%20y2%3D%2235.15%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22i%22%20x1%3D%2240.085%22%20x2%3D%2235.136%22%20y1%3D%2240.544%22%20y2%3D%2232.279%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22j%22%20x1%3D%2249.398%22%20x2%3D%2241.427%22%20y1%3D%2231.141%22%20y2%3D%2235.019%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22k%22%20x1%3D%2219.326%22%20x2%3D%2239.313%22%20y1%3D%2239.702%22%20y2%3D%2224.601%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22l%22%20x1%3D%2231.99%22%20x2%3D%2251.976%22%20y1%3D%2256.474%22%20y2%3D%2241.386%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22m%22%20x1%3D%2218.015%22%20x2%3D%2238.001%22%20y1%3D%2237.979%22%20y2%3D%2222.877%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22n%22%20x1%3D%2291.141%22%20x2%3D%2234.187%22%20y1%3D%2229.063%22%20y2%3D%2235.92%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22o%22%20x1%3D%2224.168%22%20x2%3D%2227.201%22%20y1%3D%2251.548%22%20y2%3D%2243.723%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2224.049%22%20x2%3D%2218.766%22%20y1%3D%2253.271%22%20y2%3D%2243.433%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h74v74H0z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
|
|
4
|
-
|
|
5
|
-
export { defaultIllustrationSmall as default };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import 'react';
|
|
2
|
-
|
|
3
|
-
var defaultIllustration = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22140%22%20height%3D%22140%22%20fill%3D%22none%22%3E%20%20%20%20%3Cg%20%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.607%2019.498c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173M8.748%2055.052c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173m18.244%2023.126c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173M16.04%20119.409c-.738%200-.738%201.172%200%201.172.74%200%20.74-1.172%200-1.172m24.913%200c-.74%200-.74%201.172%200%201.172.739%200%20.739-1.172%200-1.172m29.215-15.925c-.74%200-.74%201.173%200%201.173.738%200%20.738-1.173%200-1.173m.441%2018.315c-.739%200-.739%201.172%200%201.172s.739-1.172%200-1.172M107.765%2043.7c-.739%200-.739%201.173%200%201.173s.739-1.172%200-1.172Zm-7.941%2012.431c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173M85.853%207.044c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173M79.41%2018.396c-.74%200-.74%201.173%200%201.173.739%200%20.739-1.173%200-1.173M56.642%208.568c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173m66.809%2087.058c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173m-17.389-3.706c-.739%200-.739%201.173%200%201.173s.739-1.172%200-1.172ZM16.04%2030.614c-.738%200-.738%201.173%200%201.173.74%200%20.74-1.173%200-1.173m111.282%2087.058c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173M65.23%20138.828c-.739%200-.739%201.173%200%201.173s.739-1.173%200-1.173%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M57.958%2088.708c16.834%200%2030.481-13.86%2030.481-30.958S74.792%2026.79%2057.958%2026.79c-16.834%200-30.481%2013.86-30.481%2030.959%200%2017.097%2013.646%2030.958%2030.48%2030.958Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23c%29%22%20d%3D%22M88.438%20138.123c7.92%200%2014.34-6.52%2014.34-14.564s-6.42-14.564-14.34-14.564-14.34%206.52-14.34%2014.564%206.42%2014.564%2014.34%2014.564%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23d%29%22%20d%3D%22m14.867%2046.54%206.835-14.565%2015.518-1.689-6.835%2014.564z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23e%29%22%20d%3D%22M39.743%2056.39%2030.39%2044.85l6.835-14.564%209.444%2011.797-6.927%2014.306Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23f%29%22%20d%3D%22M24.196%2058.077%2014.867%2046.54l15.518-1.69%209.352%2011.54-15.54%201.688Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23g%29%22%20d%3D%22m101.027%20100.293%2017.873%205.324%204.827%2017.941-17.873-5.324z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23h%29%22%20d%3D%22m94.473%20131.392%2011.384-13.157%2017.873%205.324-11.638%2013.274-17.62-5.441Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23i%29%22%20d%3D%22m89.644%20113.451%2011.385-13.157%204.826%2017.941-11.384%2013.158z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23j%29%22%20d%3D%22M45.17%2016.776c2.13%200%203.857-1.753%203.857-3.916%200-2.164-1.726-3.917-3.856-3.917s-3.856%201.753-3.856%203.917c0%202.163%201.726%203.916%203.856%203.916Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23k%29%22%20d%3D%22M8.105%2089.223c4.477%200%208.105-3.686%208.105-8.232%200-4.547-3.628-8.233-8.105-8.233C3.63%2072.758%200%2076.445%200%2080.992c0%204.546%203.629%208.232%208.105%208.232Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23l%29%22%20d%3D%22M36.715%20134.676c2.525%200%204.572-2.079%204.572-4.644s-2.047-4.644-4.572-4.644-4.572%202.079-4.572%204.644%202.047%204.644%204.572%204.644%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23m%29%22%20d%3D%22M94.032%2060.705C84.61%2045.155%2070.87%2036.338%2063.135%2040.747l1.963%203.307c6.835-3.894%2018.981%203.916%2027.317%2017.66%208.452%2013.907%209.791%2028.636%203.002%2032.881-.046.023-.115.047-.162.094l1.986%203.307s.116-.07.185-.094c7.667-4.808%206.166-21.46-3.394-37.197%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23n%29%22%20d%3D%22M57.235%20118.564s.162-3.588.208-4.737c.046-1.15.162-2.017-1.385-4.316-1.547-2.298-3.857-5.84-3.857-5.84l-6.65%203.307-2.47%201.22s2.678%203.002%202.816%205.136c.139%202.134-.462%203.284%201.201%205.347%201.663%202.064%2012.77%2013.861%2012.77%2013.861l6.927-3.494z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23o%29%22%20d%3D%22m59.32%20116.875-2.078%201.689%209.56%2010.484%202.078-1.689z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23p%29%22%20d%3D%22M59.549%20112.137c.046-1.15.161-2.017-1.386-4.316-1.547-2.298-3.856-5.84-3.856-5.84l-9.122%204.527s.162.164.393.469l6.65-3.307s2.31%203.541%203.857%205.84c1.547%202.298%201.455%203.166%201.385%204.315-.046%201.149-.207%204.738-.207%204.738l2.1-1.689s.163-3.588.209-4.737z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23q%29%22%20d%3D%22M59.437%2050.948s-9.33%2023.97-22.007%2032.178c-2.678%201.735-4.71%203.049-6.304%204.08-2.932%201.9-5.796%209.288-1.685%2016.488%204.133%207.247%2012.492%208.537%2016.464%206.45%202.17-1.173%203.256-1.759%205.08-2.674%203.002-1.524%2022.977-13.532%2036.74-10.695%2013.739%202.838-28.242-45.804-28.242-45.804z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23r%29%22%20d%3D%22M29.416%20103.671c-4.11-7.2-1.246-14.588%201.686-16.488-5.288%203.424-5.588%203.588-6.812%204.339-1.616.985-6.096%207.833-2.655%2014.822%203.44%206.989%2010.968%2011.023%2018.15%207.083%202.817-1.548%204.687-2.556%206.096-3.33-3.949%202.111-12.308.821-16.465-6.45z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23s%29%22%20d%3D%22M95.405%2094.59c6.786-4.246%205.443-18.97-3-32.888-8.443-13.916-20.789-21.755-27.575-17.509-6.786%204.247-5.443%2018.971%203%2032.888%208.443%2013.917%2020.789%2021.756%2027.575%2017.51Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23t%29%22%20d%3D%22m79.648%2062.16-15.171%208.443a61.943%2061.943%200%200%200%203.371%206.473c1.94%203.19%204.064%206.051%206.304%208.514l13.07-10.953-7.574-12.5z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23u%29%22%20d%3D%22M87.236%2074.658c1.683-1.053%201.35-4.705-.745-8.157-2.094-3.451-5.155-5.396-6.838-4.342-1.683%201.053-1.35%204.705.744%208.156%202.094%203.452%205.156%205.396%206.839%204.343%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23v%29%22%20d%3D%22M124.329%2017.762c-1.755%200-3.163%201.43-3.163%203.213%200%20.657.208%201.267.531%201.783L89.9%2048.04v-9.1c0-2.603.692-3.916%203.278-6.097%202.379-2.017%2010.9-8.631%2012.747-10.062a3.085%203.085%200%200%200%201.824.587c1.755%200%203.164-1.431%203.164-3.213%200-1.783-1.409-3.214-3.164-3.214-1.754%200-3.163%201.431-3.163%203.213%200%20.657.185%201.267.531%201.76-2.078%201.618-10.322%208.02-12.654%2010.014-2.84%202.416-3.695%204.034-3.695%206.989v10.014l-26.07%2020.733.715.915%2059.115-47a3.035%203.035%200%200%200%201.825.586c1.755%200%203.163-1.43%203.163-3.213%200-1.783-1.408-3.213-3.163-3.213zm-16.58.352c1.109%200%202.009.915%202.009%202.04%200%201.126-.9%202.04-2.009%202.04-1.108%200-2.009-.914-2.009-2.04%200-1.125.901-2.04%202.009-2.04m16.58%204.878c-1.108%200-2.009-.914-2.009-2.04s.901-2.04%202.009-2.04c1.109%200%202.009.914%202.009%202.04s-.9%202.04-2.009%202.04%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23w%29%22%20d%3D%22M116.642%2056.695a3.081%203.081%200%200%200-2.401.305%203.063%203.063%200%200%200-1.478%201.947%203.312%203.312%200%200%200%20.369%202.532L76.301%2089.506l.692.938%209.86-7.505c.901.258%207.229%201.994%209.653%202.697.855.235%201.64.375%202.356.375%201.662%200%203.163-.656%205.264-2.134%202.263-1.595%204.988-3.705%206.074-4.526.3.234.646.398%201.039.516a3.4%203.4%200%200%200%20.831.117c1.386%200%202.656-.938%203.048-2.369a3.215%203.215%200%200%200-.3-2.439%203.087%203.087%200%200%200-1.917-1.5c-1.685-.47-3.417.538-3.879%202.25-.254.915-.069%201.83.393%202.58-1.132.868-3.741%202.862-5.935%204.41-2.748%201.946-4.18%202.298-6.65%201.594a1696.11%201696.11%200%200%201-8.799-2.462l25.886-19.7c.301.234.67.421%201.063.539a3.4%203.4%200%200%200%20.831.117c1.385%200%202.656-.938%203.048-2.369a3.215%203.215%200%200%200-.3-2.439c-.416-.75-1.085-1.29-1.917-1.501m-6.512%2019.536a2.022%202.022%200%200%201%201.94-1.5c.185%200%20.346.023.531.07.508.14.947.492%201.224.961.277.47.323%201.032.185%201.548-.3%201.08-1.409%201.736-2.471%201.43a2.056%202.056%200%200%201-1.409-2.508Zm7.621-15.9c-.301%201.078-1.409%201.735-2.471%201.43a2.056%202.056%200%200%201-1.409-2.51%202.021%202.021%200%200%201%201.94-1.5c.185%200%20.346.023.531.07.508.14.947.492%201.224.961.254.47.323%201.032.185%201.548Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23x%29%22%20d%3D%22M73.272%2052.38c1.755%200%203.164-1.431%203.164-3.214%200-1.782-1.409-3.213-3.164-3.213-1.755%200-3.163%201.43-3.163%203.213%200%20.657.208%201.267.531%201.783L59.51%2059.79l.716.914%2011.222-8.935a3.033%203.033%200%200%200%201.825.586v.023Zm0-5.254c1.109%200%202.01.915%202.01%202.04%200%201.126-.901%202.04-2.01%202.04-1.108%200-2.009-.914-2.009-2.04%200-1.125.901-2.04%202.01-2.04Z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23y%29%22%20d%3D%22M74.134%2085.612A59.697%2059.697%200%200%201%2067.83%2077.1a57.851%2057.851%200%200%201-3.371-6.473c-5.265-11.75-5.358-22.82.392-26.408a2.41%202.41%200%200%200%20.254-.141l-1.963-3.307s-.184.094-.277.164C55.2%2045.742%2056.7%2062.394%2066.26%2078.131c9.468%2015.62%2023.276%2024.461%2030.99%2019.912l-1.987-3.307c-5.242%203.096-13.67-.798-21.106-9.077z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23z%29%22%20d%3D%22m52.227%2080.991%201.454-.867s2.679%205.628%206.558%2010.084l-1.339.868-6.235-3.002-.438-7.106z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23A%29%22%20d%3D%22M36.022%2093.585s13.07-8.841%2016.21-12.594c0%200%202.263%205.558%206.697%2010.085%200%200-11.939%205.722-18.497%209.756%200%200-4.018-2.861-4.387-7.247z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.173%22%20d%3D%22M107.764%20105.87c10.803-6.761%208.671-30.192-4.763-52.336-13.434-22.143-33.082-34.613-43.885-27.852-10.803%206.76-8.671%2030.192%204.763%2052.335%2013.433%2022.144%2033.081%2034.614%2043.885%2027.853Z%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%22.586%22%20d%3D%22M121.105%20105.585c12.335-7.718%209.892-34.483-5.455-59.78-15.347-25.297-37.787-39.548-50.122-31.829-12.334%207.72-9.891%2034.484%205.456%2059.781%2015.347%2025.297%2037.787%2039.547%2050.121%2031.828Z%22%20style%3D%22mix-blend-mode%3Aoverlay%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22d%22%20x1%3D%2214.867%22%20x2%3D%2237.22%22%20y1%3D%2238.424%22%20y2%3D%2238.424%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22e%22%20x1%3D%2230.391%22%20x2%3D%2246.67%22%20y1%3D%2243.349%22%20y2%3D%2243.349%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22f%22%20x1%3D%22-16.076%22%20x2%3D%2239.737%22%20y1%3D%2251.464%22%20y2%3D%2251.464%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%22101.027%22%20x2%3D%22123.727%22%20y1%3D%22111.925%22%20y2%3D%22111.925%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22h%22%20x1%3D%2294.473%22%20x2%3D%22-13.759%22%20y1%3D%22127.546%22%20y2%3D%22127.546%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22i%22%20x1%3D%2289.644%22%20x2%3D%22105.855%22%20y1%3D%22115.843%22%20y2%3D%22115.843%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22m%22%20x1%3D%22167.348%22%20x2%3D%2268.933%22%20y1%3D%2258.219%22%20y2%3D%2270.07%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22n%22%20x1%3D%2259.891%22%20x2%3D%2239.555%22%20y1%3D%22112.677%22%20y2%3D%22136.265%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22o%22%20x1%3D%2253.224%22%20x2%3D%2266.014%22%20y1%3D%22112.466%22%20y2%3D%22125.683%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22p%22%20x1%3D%2244.654%22%20x2%3D%2259.572%22%20y1%3D%2297.854%22%20y2%3D%22116.109%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22q%22%20x1%3D%2275.509%22%20x2%3D%2242.682%22%20y1%3D%22116.64%22%20y2%3D%2276.118%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22r%22%20x1%3D%2250.638%22%20x2%3D%2224.834%22%20y1%3D%22127.194%22%20y2%3D%2296.183%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22s%22%20x1%3D%2260.514%22%20x2%3D%2299.725%22%20y1%3D%2269.395%22%20y2%3D%2269.395%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22t%22%20x1%3D%2279.186%22%20x2%3D%2270.633%22%20y1%3D%2278.718%22%20y2%3D%2264.434%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22u%22%20x1%3D%2295.279%22%20x2%3D%2281.503%22%20y1%3D%2262.466%22%20y2%3D%2269.168%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22v%22%20x1%3D%2243.3%22%20x2%3D%2277.844%22%20y1%3D%2277.263%22%20y2%3D%2251.162%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22w%22%20x1%3D%2265.194%22%20x2%3D%2299.737%22%20y1%3D%22106.251%22%20y2%3D%2280.174%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22x%22%20x1%3D%2241.036%22%20x2%3D%2275.581%22%20y1%3D%2274.284%22%20y2%3D%2248.183%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303D3DE%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22y%22%20x1%3D%22167.425%22%20x2%3D%2268.987%22%20y1%3D%2258.876%22%20y2%3D%2270.727%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22z%22%20x1%3D%2251.672%22%20x2%3D%2256.916%22%20y1%3D%2297.737%22%20y2%3D%2284.212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22A%22%20x1%3D%2251.47%22%20x2%3D%2242.338%22%20y1%3D%22100.715%22%20y2%3D%2283.711%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22b%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2884.2622%200%200%2085.5805%2038.376%2035.563%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22c%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2839.6256%200%200%2040.2456%2079.224%20113.122%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%238230D7%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0597%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22j%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2823.877%200%200%2024.2505%2050.644%2016.589%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22k%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2819.6512%200%200%2019.9586%2011.87%2075.409%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FFC700%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22l%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix%2814.5941%200%200%2014.8224%2038.1%20127.429%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23FF0CD0%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%234F0599%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311053A%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h140v140H0z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%20%20%20%20%3C%2Fdefs%3E%3C%2Fsvg%3E";
|
|
4
|
-
|
|
5
|
-
export { defaultIllustration as default };
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import { useTheme, css } from '@emotion/react';
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
import { Button } from '../Button/index.js';
|
|
5
|
-
import { Link } from '../Link/index.js';
|
|
6
|
-
import { Stack } from '../Stack/index.js';
|
|
7
|
-
import { Text } from '../Text/index.js';
|
|
8
|
-
import defaultIllustrationSmall from './assets/default-image-small.svg.js';
|
|
9
|
-
import defaultIllustration from './assets/default-image.svg.js';
|
|
10
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
11
|
-
|
|
12
|
-
const styles = ({
|
|
13
|
-
theme,
|
|
14
|
-
variant,
|
|
15
|
-
size
|
|
16
|
-
}) => {
|
|
17
|
-
if (size === 'small') {
|
|
18
|
-
if (variant === 'intro') {
|
|
19
|
-
return /*#__PURE__*/css("background:", theme.colors.primary.background, ";background-position:left,right;background-repeat:no-repeat,no-repeat;background-size:contain,contain;");
|
|
20
|
-
}
|
|
21
|
-
if (variant === 'promotional') {
|
|
22
|
-
return /*#__PURE__*/css("background-position:left,right;background-image:", theme.colors.other.gradients.background.linear.aqua, ";background-repeat:no-repeat,no-repeat;background-size:contain,contain;");
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
if (size === 'medium') {
|
|
26
|
-
if (variant === 'intro') {
|
|
27
|
-
return /*#__PURE__*/css("background:", theme.colors.primary.background, ";background-position:right;background-repeat:no-repeat;background-size:contain;");
|
|
28
|
-
}
|
|
29
|
-
if (variant === 'promotional') {
|
|
30
|
-
return /*#__PURE__*/css("background-image:", theme.colors.other.gradients.background.linear.aqua, ";background-position:right;background-repeat:no-repeat;background-size:contain;");
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
return null;
|
|
34
|
-
};
|
|
35
|
-
const Container = /*#__PURE__*/_styled('div', {
|
|
36
|
-
shouldForwardProp: prop => !['variant', 'size', 'padding'].includes(prop),
|
|
37
|
-
target: "e1kdwp5x1"
|
|
38
|
-
})("padding:", ({
|
|
39
|
-
theme,
|
|
40
|
-
size
|
|
41
|
-
}) => theme.space[size === 'small' ? '2' : '3'], ";border-radius:", ({
|
|
42
|
-
theme
|
|
43
|
-
}) => theme.radii.large, ";display:flex;flex-direction:row;justify-content:space-between;gap:", ({
|
|
44
|
-
theme
|
|
45
|
-
}) => theme.space['2'], ";", ({
|
|
46
|
-
theme,
|
|
47
|
-
variant,
|
|
48
|
-
size
|
|
49
|
-
}) => styles({
|
|
50
|
-
theme,
|
|
51
|
-
variant,
|
|
52
|
-
size
|
|
53
|
-
}), ";>svg:first-child,>img{height:", ({
|
|
54
|
-
size
|
|
55
|
-
}) => size === 'medium' ? '140px' : '100px', ";align-self:center;}button[name='close']{background:none;&:hover{background:none;}}");
|
|
56
|
-
const ImageStack = /*#__PURE__*/_styled(Stack, {
|
|
57
|
-
shouldForwardProp: prop => !['size'].includes(prop),
|
|
58
|
-
target: "e1kdwp5x0"
|
|
59
|
-
})("width:", ({
|
|
60
|
-
size
|
|
61
|
-
}) => size === 'medium' ? '140px' : '74px', ";");
|
|
62
|
-
/**
|
|
63
|
-
* Banner component is used to display an informative message to the user with style.
|
|
64
|
-
*/
|
|
65
|
-
const Banner = ({
|
|
66
|
-
variant = 'intro',
|
|
67
|
-
size = 'medium',
|
|
68
|
-
title,
|
|
69
|
-
children,
|
|
70
|
-
direction = 'column',
|
|
71
|
-
onClose,
|
|
72
|
-
buttonText,
|
|
73
|
-
onClickButton,
|
|
74
|
-
linkText,
|
|
75
|
-
linkHref,
|
|
76
|
-
image,
|
|
77
|
-
className,
|
|
78
|
-
closable = true,
|
|
79
|
-
'data-testid': dataTestId
|
|
80
|
-
}) => {
|
|
81
|
-
const {
|
|
82
|
-
theme
|
|
83
|
-
} = useTheme();
|
|
84
|
-
const defaultImage = size === 'small' ? defaultIllustrationSmall : defaultIllustration;
|
|
85
|
-
const [opened, setOpened] = useState(true);
|
|
86
|
-
if (!opened) return null;
|
|
87
|
-
return jsxs(Container, {
|
|
88
|
-
variant: variant,
|
|
89
|
-
size: size,
|
|
90
|
-
className: className,
|
|
91
|
-
"data-testid": dataTestId,
|
|
92
|
-
children: [jsx(ImageStack, {
|
|
93
|
-
size: size,
|
|
94
|
-
justifyContent: "center",
|
|
95
|
-
children: image ?? jsx("img", {
|
|
96
|
-
src: defaultImage,
|
|
97
|
-
alt: ""
|
|
98
|
-
})
|
|
99
|
-
}), jsxs(Stack, {
|
|
100
|
-
direction: direction,
|
|
101
|
-
gap: 2,
|
|
102
|
-
justifyContent: "space-between",
|
|
103
|
-
alignItems: direction === 'column' ? 'start' : 'center',
|
|
104
|
-
style: {
|
|
105
|
-
flex: 1
|
|
106
|
-
},
|
|
107
|
-
children: [jsxs(Stack, {
|
|
108
|
-
gap: 0.5,
|
|
109
|
-
style: {
|
|
110
|
-
flex: 1
|
|
111
|
-
},
|
|
112
|
-
justifyContent: "center",
|
|
113
|
-
children: [jsx(Text, {
|
|
114
|
-
as: "p",
|
|
115
|
-
variant: size === 'medium' ? 'headingSmall' : 'bodyStronger',
|
|
116
|
-
sentiment: variant === 'promotional' && theme !== 'light' ? 'neutral' : 'primary',
|
|
117
|
-
prominence: variant === 'intro' ? 'default' : 'strong',
|
|
118
|
-
children: title
|
|
119
|
-
}), jsx(Text, {
|
|
120
|
-
as: "p",
|
|
121
|
-
variant: "body",
|
|
122
|
-
sentiment: "neutral",
|
|
123
|
-
prominence: variant === 'intro' || variant === 'promotional' && theme !== 'light' ? 'default' : 'stronger',
|
|
124
|
-
children: children
|
|
125
|
-
})]
|
|
126
|
-
}), buttonText || linkText ? jsxs(Stack, {
|
|
127
|
-
direction: "row",
|
|
128
|
-
gap: 2,
|
|
129
|
-
alignItems: "center",
|
|
130
|
-
children: [buttonText ? jsx(Button, {
|
|
131
|
-
size: "medium",
|
|
132
|
-
sentiment: variant === 'intro' ? 'primary' : 'neutral',
|
|
133
|
-
variant: "filled",
|
|
134
|
-
onClick: onClickButton,
|
|
135
|
-
children: buttonText
|
|
136
|
-
}) : null, linkText ? jsx(Link, {
|
|
137
|
-
sentiment: theme !== 'light' ? 'neutral' : 'primary',
|
|
138
|
-
size: "small",
|
|
139
|
-
target: "_blank",
|
|
140
|
-
href: linkHref ?? '',
|
|
141
|
-
prominence: variant === 'intro' || theme !== 'light' ? 'default' : 'strong',
|
|
142
|
-
children: linkText
|
|
143
|
-
}) : null]
|
|
144
|
-
}) : null]
|
|
145
|
-
}), closable ? jsx(Button, {
|
|
146
|
-
icon: "close",
|
|
147
|
-
size: "small",
|
|
148
|
-
name: "close",
|
|
149
|
-
variant: variant === 'intro' ? 'ghost' : 'filled',
|
|
150
|
-
sentiment: variant === 'intro' || variant === 'promotional' && theme !== 'light' ? 'neutral' : 'primary',
|
|
151
|
-
onClick: () => {
|
|
152
|
-
setOpened(false);
|
|
153
|
-
onClose?.();
|
|
154
|
-
}
|
|
155
|
-
}) : null]
|
|
156
|
-
});
|
|
157
|
-
};
|
|
158
|
-
|
|
159
|
-
export { Banner };
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import { Text } from '../Text/index.js';
|
|
3
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
const BarToolTipContainer = /*#__PURE__*/_styled("div", {
|
|
6
|
-
target: "e1ilr3nn1"
|
|
7
|
-
})("display:flex;background:", ({
|
|
8
|
-
theme
|
|
9
|
-
}) => theme.colors.neutral.backgroundWeakElevated, ";border-radius:", ({
|
|
10
|
-
theme
|
|
11
|
-
}) => theme.radii.small, ";box-shadow:", ({
|
|
12
|
-
theme
|
|
13
|
-
}) => theme.shadows.tooltip, ";padding:5px 9px;align-items:center;");
|
|
14
|
-
const BarColorSquare = /*#__PURE__*/_styled('span', {
|
|
15
|
-
shouldForwardProp: prop => !['color'].includes(prop),
|
|
16
|
-
target: "e1ilr3nn0"
|
|
17
|
-
})("display:block;width:12px;height:12px;background:", ({
|
|
18
|
-
color
|
|
19
|
-
}) => color, ";margin-right:12px;");
|
|
20
|
-
const BarChartToolTip = ({
|
|
21
|
-
formattedValue,
|
|
22
|
-
indexValue,
|
|
23
|
-
color,
|
|
24
|
-
className,
|
|
25
|
-
'data-testid': dataTestId
|
|
26
|
-
}) => jsxs(BarToolTipContainer, {
|
|
27
|
-
className: className,
|
|
28
|
-
"data-testid": dataTestId,
|
|
29
|
-
children: [jsx("div", {
|
|
30
|
-
children: jsx(BarColorSquare, {
|
|
31
|
-
color: color
|
|
32
|
-
})
|
|
33
|
-
}), jsxs("div", {
|
|
34
|
-
children: [jsx(Text, {
|
|
35
|
-
variant: "bodyStronger",
|
|
36
|
-
as: "p",
|
|
37
|
-
sentiment: "primary",
|
|
38
|
-
children: formattedValue
|
|
39
|
-
}), jsx(Text, {
|
|
40
|
-
variant: "bodySmall",
|
|
41
|
-
as: "p",
|
|
42
|
-
children: indexValue
|
|
43
|
-
})]
|
|
44
|
-
})]
|
|
45
|
-
});
|
|
46
|
-
var BarChartTooltip = BarChartToolTip;
|
|
47
|
-
|
|
48
|
-
export { BarChartTooltip as default };
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { useTheme } from '@emotion/react';
|
|
2
|
-
import { ResponsiveBar } from '@nivo/bar';
|
|
3
|
-
import { useCallback } from 'react';
|
|
4
|
-
import { getLegendColor } from '../../helpers/legend.js';
|
|
5
|
-
import BarChartTooltip from './Tooltip.js';
|
|
6
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
const DEFAULT_MARGIN = {
|
|
9
|
-
bottom: 50,
|
|
10
|
-
left: 60,
|
|
11
|
-
right: 25,
|
|
12
|
-
top: 50
|
|
13
|
-
};
|
|
14
|
-
const DEFAULT_DATA = [];
|
|
15
|
-
const DEFAULT_AXISFORMATTER = {};
|
|
16
|
-
const DEFAULT_KEYS = ['value'];
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* BarChart component is used to display data in a bar chart format. It uses the Nivo library under the hood.
|
|
20
|
-
* See https://nivo.rocks/bar/ for more information.
|
|
21
|
-
* @experimental This component is experimental and may be subject to breaking changes in the future.
|
|
22
|
-
*/
|
|
23
|
-
const BarChart = ({
|
|
24
|
-
height = '537px',
|
|
25
|
-
// to maintain aspect ratio based on our standard 1074px width,
|
|
26
|
-
margin = DEFAULT_MARGIN,
|
|
27
|
-
data = DEFAULT_DATA,
|
|
28
|
-
axisFormatters = DEFAULT_AXISFORMATTER,
|
|
29
|
-
tickValues,
|
|
30
|
-
keys = DEFAULT_KEYS,
|
|
31
|
-
tooltipFunction,
|
|
32
|
-
chartProps,
|
|
33
|
-
className,
|
|
34
|
-
'data-testid': dataTestId
|
|
35
|
-
}) => {
|
|
36
|
-
const theme = useTheme();
|
|
37
|
-
const chartTheme = {
|
|
38
|
-
axis: {
|
|
39
|
-
ticks: {
|
|
40
|
-
line: {
|
|
41
|
-
stroke: theme.colors.neutral.backgroundStrong,
|
|
42
|
-
strokeWidth: 1
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
fontFamily: theme.typography.body.fontFamily,
|
|
47
|
-
fontSize: 12,
|
|
48
|
-
textColor: theme.colors.neutral.textWeak
|
|
49
|
-
};
|
|
50
|
-
const tooltip = useCallback(props => {
|
|
51
|
-
const {
|
|
52
|
-
indexValue,
|
|
53
|
-
formattedValue,
|
|
54
|
-
color
|
|
55
|
-
} = tooltipFunction ? tooltipFunction(props) : props;
|
|
56
|
-
return jsx(BarChartTooltip, {
|
|
57
|
-
formattedValue: formattedValue,
|
|
58
|
-
indexValue: indexValue.toString(),
|
|
59
|
-
color: color
|
|
60
|
-
});
|
|
61
|
-
}, [tooltipFunction]);
|
|
62
|
-
return jsx("div", {
|
|
63
|
-
style: {
|
|
64
|
-
height
|
|
65
|
-
},
|
|
66
|
-
className: className,
|
|
67
|
-
"data-testid": dataTestId,
|
|
68
|
-
children: jsx(ResponsiveBar, {
|
|
69
|
-
colors: getLegendColor(theme),
|
|
70
|
-
data: data,
|
|
71
|
-
margin: margin,
|
|
72
|
-
axisBottom: {
|
|
73
|
-
format: axisFormatters?.bottom,
|
|
74
|
-
tickPadding: 5,
|
|
75
|
-
tickRotation: 0,
|
|
76
|
-
tickSize: 5,
|
|
77
|
-
tickValues: tickValues?.bottom
|
|
78
|
-
},
|
|
79
|
-
axisLeft: {
|
|
80
|
-
format: axisFormatters?.left,
|
|
81
|
-
tickPadding: 5,
|
|
82
|
-
tickRotation: 0,
|
|
83
|
-
tickSize: 5,
|
|
84
|
-
tickValues: tickValues?.left
|
|
85
|
-
},
|
|
86
|
-
theme: chartTheme,
|
|
87
|
-
tooltip: tooltip,
|
|
88
|
-
keys: keys,
|
|
89
|
-
enableLabel: false,
|
|
90
|
-
...chartProps
|
|
91
|
-
})
|
|
92
|
-
});
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
export { BarChart };
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import { useMemo } from 'react';
|
|
3
|
-
import { Tooltip } from '../Tooltip/index.js';
|
|
4
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
const StyledBarWrapper = /*#__PURE__*/_styled("div", {
|
|
7
|
-
target: "ezikjce2"
|
|
8
|
-
})("width:0px;transition:width 500ms;background-color:", ({
|
|
9
|
-
theme
|
|
10
|
-
}) => theme.colors.neutral.backgroundWeak, ";");
|
|
11
|
-
const StyledBar = /*#__PURE__*/_styled("div", {
|
|
12
|
-
target: "ezikjce1"
|
|
13
|
-
})("height:50px;font-weight:600;color:", ({
|
|
14
|
-
theme
|
|
15
|
-
}) => theme.colors.neutral.backgroundWeak, ";font-size:14px;display:flex;align-items:center;padding:", ({
|
|
16
|
-
theme
|
|
17
|
-
}) => theme.space[1], ";width:100%;white-space:nowrap;overflow:hidden;text-shadow:-1px 0 ", ({
|
|
18
|
-
theme
|
|
19
|
-
}) => theme.colors.neutral.backgroundStronger, "B3,0 1px ", ({
|
|
20
|
-
theme
|
|
21
|
-
}) => theme.colors.neutral.backgroundStronger, "B3,1px 0 ", ({
|
|
22
|
-
theme
|
|
23
|
-
}) => theme.colors.neutral.backgroundStronger, "B3,0 -1px ", ({
|
|
24
|
-
theme
|
|
25
|
-
}) => theme.colors.neutral.backgroundStronger, "B3;");
|
|
26
|
-
const StyledContainer = /*#__PURE__*/_styled("div", {
|
|
27
|
-
target: "ezikjce0"
|
|
28
|
-
})("width:100%;display:flex;background-color:", ({
|
|
29
|
-
theme
|
|
30
|
-
}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
|
|
31
|
-
theme
|
|
32
|
-
}) => theme.radii.default, ";box-shadow:", ({
|
|
33
|
-
theme
|
|
34
|
-
}) => theme.shadows.defaultShadow, ";overflow:hidden;", StyledBarWrapper, ":nth-child(5n+1){", ({
|
|
35
|
-
theme
|
|
36
|
-
}) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}1A 25%,
|
|
37
|
-
${theme.colors.primary.backgroundStrong} 25%, ${theme.colors.primary.backgroundStrong} 50%,
|
|
38
|
-
${theme.colors.neutral.backgroundWeak}1A 50%, ${theme.colors.neutral.backgroundWeak}1A 75%, ${theme.colors.primary.backgroundStrong}
|
|
39
|
-
75%);`, " background-size:30px 30px;background-color:", ({
|
|
40
|
-
theme
|
|
41
|
-
}) => theme.colors.primary.backgroundStrong, ";}", StyledBarWrapper, ":nth-child(5n+2){background-color:", ({
|
|
42
|
-
theme
|
|
43
|
-
}) => theme.colors.primary.backgroundStrong, "D9;background-image:linear-gradient(\n 135deg,\n ", ({
|
|
44
|
-
theme
|
|
45
|
-
}) => theme.colors.neutral.backgroundStrong, "33 25%,\n transparent 25%\n ),linear-gradient(\n 225deg,\n ", ({
|
|
46
|
-
theme
|
|
47
|
-
}) => theme.colors.neutral.backgroundStrong, "33 25%,\n transparent 25%\n ),linear-gradient(\n 45deg,\n ", ({
|
|
48
|
-
theme
|
|
49
|
-
}) => theme.colors.neutral.backgroundStrong, "33 25%,\n transparent 25%\n ),linear-gradient(\n 315deg,\n ", ({
|
|
50
|
-
theme
|
|
51
|
-
}) => theme.colors.neutral.backgroundStrong, "33 25%,\n ", ({
|
|
52
|
-
theme
|
|
53
|
-
}) => theme.colors.primary.backgroundStrong, "12 25%\n );background-position:10px 0,10px 0,0 0,0 0;background-size:10px 10px;background-repeat:repeat;}", StyledBarWrapper, ":nth-child(5n+3){", ({
|
|
54
|
-
theme
|
|
55
|
-
}) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}1A 25%,
|
|
56
|
-
${theme.colors.primary.backgroundStrong}4D 25%, ${theme.colors.primary.backgroundStrong}4D 50%,
|
|
57
|
-
${theme.colors.neutral.backgroundWeak}1A 50%, ${theme.colors.neutral.backgroundWeak}1A 75%, ${theme.colors.primary.backgroundStrong}4D
|
|
58
|
-
75%);`, " background-size:30px 30px;background-color:", ({
|
|
59
|
-
theme
|
|
60
|
-
}) => theme.colors.secondary.backgroundStrong, ";}", StyledBarWrapper, ":nth-child(5n+4){background-color:", ({
|
|
61
|
-
theme
|
|
62
|
-
}) => theme.colors.secondary.backgroundStrong, ";background-image:linear-gradient(\n 135deg,\n ", ({
|
|
63
|
-
theme
|
|
64
|
-
}) => theme.colors.neutral.backgroundWeak, "33 25%,\n transparent 25%\n ),linear-gradient(\n 225deg,\n ", ({
|
|
65
|
-
theme
|
|
66
|
-
}) => theme.colors.neutral.backgroundWeak, "33 25%,\n transparent 25%\n ),linear-gradient(\n 45deg,\n ", ({
|
|
67
|
-
theme
|
|
68
|
-
}) => theme.colors.neutral.backgroundWeak, "33 25%,\n transparent 25%\n ),linear-gradient(\n 315deg,\n ", ({
|
|
69
|
-
theme
|
|
70
|
-
}) => theme.colors.neutral.backgroundWeak, "33 25%,\n ", ({
|
|
71
|
-
theme
|
|
72
|
-
}) => theme.colors.secondary.backgroundStrong, " 25%\n );background-position:10px 0,10px 0,0 0,0 0;background-size:10px 10px;background-repeat:repeat;}", StyledBarWrapper, ":nth-child(5n+5){", ({
|
|
73
|
-
theme
|
|
74
|
-
}) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}40 25%,
|
|
75
|
-
${theme.colors.secondary.backgroundStrong}40 25%, ${theme.colors.secondary.backgroundStrong}40 50%,
|
|
76
|
-
${theme.colors.neutral.backgroundWeak}40 50%, ${theme.colors.neutral.backgroundWeak}40 75%, ${theme.colors.secondary.backgroundStrong}40
|
|
77
|
-
75%);`, " background-size:30px 30px;background-color:", ({
|
|
78
|
-
theme
|
|
79
|
-
}) => theme.colors.secondary.backgroundStrong, "BF;}");
|
|
80
|
-
|
|
81
|
-
/**
|
|
82
|
-
* BarStack is a graphic component that is used to show data in one dimension.
|
|
83
|
-
*/
|
|
84
|
-
const BarStack = ({
|
|
85
|
-
data,
|
|
86
|
-
total,
|
|
87
|
-
className,
|
|
88
|
-
'data-testid': dataTestId
|
|
89
|
-
}) => {
|
|
90
|
-
const computedTotal = useMemo(() => total ?? data.reduce((acc, {
|
|
91
|
-
value
|
|
92
|
-
}) => acc + value, 0), [total, data]);
|
|
93
|
-
return jsx(StyledContainer, {
|
|
94
|
-
"data-testid": dataTestId,
|
|
95
|
-
className: className,
|
|
96
|
-
children: data.map(({
|
|
97
|
-
id,
|
|
98
|
-
value,
|
|
99
|
-
text,
|
|
100
|
-
onClick,
|
|
101
|
-
onDoubleClick,
|
|
102
|
-
onMouseEnter,
|
|
103
|
-
onMouseLeave,
|
|
104
|
-
onMouseDown,
|
|
105
|
-
onMouseUp,
|
|
106
|
-
tooltip
|
|
107
|
-
}) => jsx(StyledBarWrapper, {
|
|
108
|
-
style: {
|
|
109
|
-
width: `${value / computedTotal * 100}%`
|
|
110
|
-
},
|
|
111
|
-
children: tooltip ? jsx(Tooltip, {
|
|
112
|
-
id: `tooltip-${id}`,
|
|
113
|
-
text: tooltip,
|
|
114
|
-
children: jsx(StyledBar, {
|
|
115
|
-
onMouseDown: onMouseDown,
|
|
116
|
-
onMouseUp: onMouseUp,
|
|
117
|
-
onClick: onClick,
|
|
118
|
-
onDoubleClick: onDoubleClick,
|
|
119
|
-
onMouseEnter: onMouseEnter,
|
|
120
|
-
onMouseLeave: onMouseLeave,
|
|
121
|
-
children: text
|
|
122
|
-
})
|
|
123
|
-
}) : jsx(StyledBar, {
|
|
124
|
-
onMouseDown: onMouseDown,
|
|
125
|
-
onMouseUp: onMouseUp,
|
|
126
|
-
onClick: onClick,
|
|
127
|
-
onDoubleClick: onDoubleClick,
|
|
128
|
-
onMouseEnter: onMouseEnter,
|
|
129
|
-
onMouseLeave: onMouseLeave,
|
|
130
|
-
children: text
|
|
131
|
-
})
|
|
132
|
-
}, id))
|
|
133
|
-
});
|
|
134
|
-
};
|
|
135
|
-
|
|
136
|
-
export { BarStack };
|