@dfds-ui/react-components 2.2.0-alpha.9bb1ab0f → 2.2.0-alpha.a1ae8508
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/accordion/Accordion.js +70 -51
- package/accordion/AccordionContent.js +13 -6
- package/accordion/AccordionSmall.js +52 -38
- package/app-bar/AppBar.js +49 -35
- package/app-bar/AppBarContext.js +7 -6
- package/app-bar/AppBarDrawer.js +14 -7
- package/app-bar/AppBarIconButton.js +10 -5
- package/app-bar/AppBarItem.js +76 -60
- package/assertions/banner/Banner.js +71 -57
- package/assertions/banner/BannerAction.js +10 -5
- package/assertions/banner/BannerTypography.js +9 -4
- package/assertions/toast/Toast.js +28 -17
- package/assertions/toast/Toaster.d.ts +2 -2
- package/assertions/toast/Toaster.js +53 -57
- package/badge/Badge.js +17 -9
- package/button/BadgeIcon.js +18 -16
- package/button/Button.js +27 -19
- package/button/IconButton.d.ts +1 -1
- package/button/IconButton.js +46 -49
- package/button/LinkButton.js +8 -3
- package/button-stack/ButtonStack.js +30 -22
- package/card/Card.js +49 -35
- package/card/CardActions.js +13 -6
- package/card/CardContent.js +19 -9
- package/card/CardMedia.js +15 -6
- package/card/CardPriceTag.js +22 -4
- package/card/CardTitle.js +25 -15
- package/chip/Chip.js +22 -13
- package/cjs/accordion/Accordion.js +63 -50
- package/cjs/accordion/AccordionContent.js +7 -6
- package/cjs/accordion/AccordionSmall.js +45 -37
- package/cjs/app-bar/AppBar.js +45 -35
- package/cjs/app-bar/AppBarContext.js +5 -4
- package/cjs/app-bar/AppBarDrawer.js +8 -8
- package/cjs/app-bar/AppBarIconButton.js +6 -6
- package/cjs/app-bar/AppBarItem.js +69 -60
- package/cjs/app-bar/AppBarListItem.js +1 -2
- package/cjs/assertions/banner/Banner.js +62 -55
- package/cjs/assertions/banner/BannerAction.js +5 -4
- package/cjs/assertions/banner/BannerTypography.js +9 -7
- package/cjs/assertions/toast/Toast.js +22 -17
- package/cjs/assertions/toast/Toaster.d.ts +2 -2
- package/cjs/assertions/toast/Toaster.js +37 -29
- package/cjs/badge/Badge.js +11 -7
- package/cjs/button/BadgeIcon.js +19 -17
- package/cjs/button/BaseButton.js +2 -4
- package/cjs/button/Button.js +21 -19
- package/cjs/button/IconButton.d.ts +1 -1
- package/cjs/button/IconButton.js +20 -29
- package/cjs/button/LinkButton.js +6 -6
- package/cjs/button/button-style.js +8 -15
- package/cjs/button-stack/ButtonStack.js +22 -20
- package/cjs/card/Card.js +39 -29
- package/cjs/card/CardActions.js +7 -7
- package/cjs/card/CardContent.js +13 -9
- package/cjs/card/CardMedia.js +9 -6
- package/cjs/card/CardPriceTag.js +16 -4
- package/cjs/card/CardTitle.js +16 -12
- package/cjs/chip/Chip.js +18 -15
- package/cjs/common/LockBodyScroll.d.ts +2 -1
- package/cjs/common/LockBodyScroll.js +23 -16
- package/cjs/common/emotionCloneElement.js +1 -3
- package/cjs/common/polymorphic.js +9 -5
- package/cjs/common/use-media.js +1 -1
- package/cjs/common/useOnClickOutside.d.ts +1 -1
- package/cjs/common/useOnClickOutside.js +2 -2
- package/cjs/counter/Counter.d.ts +2 -1
- package/cjs/counter/Counter.js +57 -49
- package/cjs/counter/PluralCounter.d.ts +3 -2
- package/cjs/counter/PluralCounter.js +15 -14
- package/cjs/data-table/DataTable.js +47 -39
- package/cjs/divider/Divider.js +6 -6
- package/cjs/drawer/Drawer.d.ts +2 -1
- package/cjs/drawer/Drawer.js +12 -10
- package/cjs/dropdown-menu/Dropdown.d.ts +1 -1
- package/cjs/dropdown-menu/Dropdown.js +39 -35
- package/cjs/dropdown-menu/DropdownContext.js +7 -8
- package/cjs/dropdown-menu/MenuCheckbox.js +24 -23
- package/cjs/dropdown-menu/MenuItem.js +30 -28
- package/cjs/dropdown-menu/MenuTitle.js +15 -12
- package/cjs/elevation/index.js +1 -2
- package/cjs/flexbox/FlexBox.js +2 -4
- package/cjs/footer/Footer.js +10 -6
- package/cjs/forms/assistive-text/AssistiveText.js +1 -2
- package/cjs/forms/asterisk/Asterisk.js +5 -4
- package/cjs/forms/checkbox/Checkbox.d.ts +2 -2
- package/cjs/forms/checkbox/Checkbox.js +41 -37
- package/cjs/forms/checkbox/ExampleControlComponent.js +7 -7
- package/cjs/forms/email-field/EmailField.d.ts +18 -2
- package/cjs/forms/email-field/EmailField.js +12 -8
- package/cjs/forms/error-text/ErrorText.js +1 -2
- package/cjs/forms/field/Field.js +10 -6
- package/cjs/forms/input/Input.d.ts +2 -2
- package/cjs/forms/input/Input.js +34 -33
- package/cjs/forms/input/InputComposition.d.ts +1 -1
- package/cjs/forms/input/InputComposition.js +40 -35
- package/cjs/forms/label/Label.js +6 -3
- package/cjs/forms/number-field/NumberField.d.ts +18 -2
- package/cjs/forms/number-field/NumberField.js +12 -8
- package/cjs/forms/password-field/PasswordField.d.ts +2 -2
- package/cjs/forms/password-field/PasswordField.js +12 -13
- package/cjs/forms/radio/Radio.d.ts +1 -1
- package/cjs/forms/radio/Radio.js +25 -23
- package/cjs/forms/reactselect/ReactSelect.d.ts +2 -2
- package/cjs/forms/reactselect/ReactSelect.js +75 -67
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +47 -38
- package/cjs/forms/select/Select.d.ts +2 -2
- package/cjs/forms/select/Select.js +32 -30
- package/cjs/forms/select-field/SelectField.d.ts +12 -4
- package/cjs/forms/select-field/SelectField.js +37 -34
- package/cjs/forms/switch/Switch.js +28 -22
- package/cjs/forms/tel-field/TelField.d.ts +18 -2
- package/cjs/forms/tel-field/TelField.js +12 -8
- package/cjs/forms/text-field/TextField.d.ts +19 -2
- package/cjs/forms/text-field/TextField.js +41 -39
- package/cjs/global-styles/GlobalStyles.js +3 -2
- package/cjs/global-styles/ResetStyles.js +2 -1
- package/cjs/global-styles/sanitize.js +2 -3
- package/cjs/grid/Column.js +7 -7
- package/cjs/grid/Container.js +34 -29
- package/cjs/hero/Hero.js +32 -12
- package/cjs/hero/stripes.js +177 -162
- package/cjs/ie-banner/IEBanner.js +13 -8
- package/cjs/index.d.ts +0 -1
- package/cjs/index.js +0 -12
- package/cjs/layout/LayoutLegacy.js +2 -1
- package/cjs/lists/FeatureList.js +16 -13
- package/cjs/lists/ListAddon.js +10 -7
- package/cjs/lists/ListDivider.js +6 -6
- package/cjs/lists/ListIcon.js +6 -6
- package/cjs/lists/ListItem.js +7 -6
- package/cjs/lists/ListText.js +6 -6
- package/cjs/lists/ListTextGroup.js +6 -6
- package/cjs/lists/ListTitle.js +6 -6
- package/cjs/loader/DfdsLoader.js +27 -21
- package/cjs/loader/Loader.js +9 -3
- package/cjs/localization/LocaleFlag.js +5 -4
- package/cjs/localization/locales.js +3 -6
- package/cjs/logo/Logo.js +12 -9
- package/cjs/media/index.js +1 -2
- package/cjs/menu/Menu.js +29 -23
- package/cjs/mobile-stepper/MobileStepper.js +17 -15
- package/cjs/nav-bar/NavBar.js +34 -24
- package/cjs/nav-menu/NavMenuItem.js +13 -11
- package/cjs/pagination/Pagination.js +50 -38
- package/cjs/pagination/Pagination.styles.js +6 -12
- package/cjs/popper/Popper.d.ts +1 -1
- package/cjs/popper/Popper.js +21 -17
- package/cjs/progress-bar/ProgressBar.js +3 -3
- package/cjs/schedule/ScheduleItem.js +11 -8
- package/cjs/schedule/ScheduleList.js +10 -11
- package/cjs/side-sheet/SideSheet.js +48 -40
- package/cjs/side-sheet/SideSheetCloseButton.js +6 -6
- package/cjs/side-sheet/SideSheetContent.js +10 -7
- package/cjs/side-sheet/SideSheetFooter.js +10 -7
- package/cjs/side-sheet/SideSheetHeader.js +10 -7
- package/cjs/side-sheet/SideSheetHeadline.js +6 -5
- package/cjs/site-layout/SiteLayout.js +35 -24
- package/cjs/skeleton/Skeleton.js +6 -6
- package/cjs/social-media-link-list/SocialMediaLinkList.js +64 -58
- package/cjs/spinner/Spinner.js +13 -13
- package/cjs/step/Step.js +29 -20
- package/cjs/step/Step.styles.js +4 -8
- package/cjs/step/StepButton.js +26 -23
- package/cjs/step/StepContent.js +12 -10
- package/cjs/step/StepContext.js +1 -2
- package/cjs/step/StepLabel.js +9 -7
- package/cjs/stepper/Stepper.js +12 -10
- package/cjs/stepper/StepperContext.js +1 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +10 -7
- package/cjs/styles/media.js +2 -4
- package/cjs/styles/theme.js +2 -4
- package/cjs/surface/Surface.d.ts +3 -2
- package/cjs/surface/Surface.js +20 -14
- package/cjs/tab/Tab.js +7 -6
- package/cjs/tab/TabPanel.js +6 -6
- package/cjs/tab/Tabs.js +32 -31
- package/cjs/tab/TabsContext.js +7 -8
- package/cjs/table/Table.d.ts +1 -1
- package/cjs/table/Table.js +17 -17
- package/cjs/table/TableBody.d.ts +1 -1
- package/cjs/table/TableBody.js +11 -12
- package/cjs/table/TableDataCell.d.ts +1 -1
- package/cjs/table/TableDataCell.js +13 -14
- package/cjs/table/TableHead.d.ts +1 -1
- package/cjs/table/TableHead.js +12 -15
- package/cjs/table/TableHeaderCell.d.ts +1 -1
- package/cjs/table/TableHeaderCell.js +14 -15
- package/cjs/table/TableRow.d.ts +1 -1
- package/cjs/table/TableRow.js +12 -14
- package/cjs/test/Test.js +5 -4
- package/cjs/tooltip/Tooltip.d.ts +14 -8
- package/cjs/tooltip/Tooltip.js +81 -50
- package/cjs/typography/Headlines.js +14 -20
- package/cjs/typography/Text.js +2 -3
- package/common/LockBodyScroll.d.ts +2 -1
- package/common/LockBodyScroll.js +28 -16
- package/common/emotionCloneElement.js +1 -2
- package/common/polymorphic.js +9 -3
- package/common/use-media.js +3 -3
- package/common/useOnClickOutside.d.ts +1 -1
- package/common/useOnClickOutside.js +2 -2
- package/counter/Counter.d.ts +2 -1
- package/counter/Counter.js +59 -51
- package/counter/PluralCounter.d.ts +3 -2
- package/counter/PluralCounter.js +24 -17
- package/data-table/DataTable.js +54 -40
- package/divider/Divider.js +10 -5
- package/drawer/Drawer.d.ts +2 -1
- package/drawer/Drawer.js +19 -11
- package/dropdown-menu/Dropdown.d.ts +1 -1
- package/dropdown-menu/Dropdown.js +47 -38
- package/dropdown-menu/DropdownContext.js +5 -4
- package/dropdown-menu/MenuCheckbox.js +24 -17
- package/dropdown-menu/MenuItem.js +26 -18
- package/dropdown-menu/MenuTitle.js +14 -11
- package/flexbox/FlexBox.js +2 -2
- package/footer/Footer.js +9 -4
- package/forms/asterisk/Asterisk.js +4 -2
- package/forms/checkbox/Checkbox.d.ts +2 -2
- package/forms/checkbox/Checkbox.js +50 -41
- package/forms/checkbox/ExampleControlComponent.js +15 -8
- package/forms/email-field/EmailField.d.ts +18 -2
- package/forms/email-field/EmailField.js +16 -6
- package/forms/field/Field.js +9 -4
- package/forms/input/Input.d.ts +2 -2
- package/forms/input/Input.js +42 -36
- package/forms/input/InputComposition.d.ts +1 -1
- package/forms/input/InputComposition.js +41 -31
- package/forms/label/Label.js +12 -4
- package/forms/number-field/NumberField.d.ts +18 -2
- package/forms/number-field/NumberField.js +17 -7
- package/forms/password-field/PasswordField.d.ts +2 -2
- package/forms/password-field/PasswordField.js +18 -13
- package/forms/radio/Radio.d.ts +1 -1
- package/forms/radio/Radio.js +33 -25
- package/forms/reactselect/ReactSelect.d.ts +2 -2
- package/forms/reactselect/ReactSelect.js +72 -66
- package/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
- package/forms/searchable-select/AsyncSearchableSelect.js +50 -38
- package/forms/select/Select.d.ts +2 -2
- package/forms/select/Select.js +40 -33
- package/forms/select-field/SelectField.d.ts +12 -4
- package/forms/select-field/SelectField.js +44 -36
- package/forms/switch/Switch.js +35 -23
- package/forms/tel-field/TelField.d.ts +18 -2
- package/forms/tel-field/TelField.js +16 -6
- package/forms/text-field/TextField.d.ts +19 -2
- package/forms/text-field/TextField.js +49 -41
- package/global-styles/GlobalStyles.js +3 -3
- package/global-styles/ResetStyles.js +2 -2
- package/grid/Column.js +14 -7
- package/grid/Container.js +41 -35
- package/hero/Hero.js +32 -10
- package/hero/stripes.js +176 -160
- package/ie-banner/IEBanner.js +14 -8
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/layout/LayoutLegacy.js +2 -2
- package/lists/FeatureList.js +21 -11
- package/lists/ListAddon.js +13 -6
- package/lists/ListDivider.js +10 -5
- package/lists/ListIcon.js +10 -5
- package/lists/ListItem.js +13 -6
- package/lists/ListText.js +10 -5
- package/lists/ListTextGroup.js +10 -5
- package/lists/ListTitle.js +10 -5
- package/loader/DfdsLoader.js +25 -19
- package/loader/Loader.js +8 -2
- package/localization/LocaleFlag.js +10 -5
- package/logo/Logo.js +14 -7
- package/menu/Menu.js +33 -21
- package/mobile-stepper/MobileStepper.js +26 -18
- package/nav-bar/NavBar.js +41 -23
- package/nav-menu/NavMenuItem.js +12 -10
- package/package.json +16 -21
- package/pagination/Pagination.js +53 -35
- package/popper/Popper.d.ts +1 -1
- package/popper/Popper.js +27 -17
- package/progress-bar/ProgressBar.js +2 -2
- package/schedule/ScheduleItem.js +9 -4
- package/schedule/ScheduleList.js +16 -10
- package/side-sheet/SideSheet.js +54 -41
- package/side-sheet/SideSheetCloseButton.js +10 -5
- package/side-sheet/SideSheetContent.js +17 -8
- package/side-sheet/SideSheetFooter.js +17 -8
- package/side-sheet/SideSheetHeader.js +17 -8
- package/side-sheet/SideSheetHeadline.js +5 -4
- package/site-layout/SiteLayout.js +36 -17
- package/skeleton/Skeleton.js +10 -5
- package/social-media-link-list/SocialMediaLinkList.js +69 -55
- package/spinner/Spinner.js +17 -10
- package/step/Step.js +34 -20
- package/step/StepButton.js +23 -15
- package/step/StepContent.js +11 -9
- package/step/StepLabel.js +8 -6
- package/stepper/Stepper.js +13 -11
- package/stepper-feedback-message/StepperFeedbackMessage.js +9 -6
- package/surface/Surface.d.ts +3 -2
- package/surface/Surface.js +17 -14
- package/tab/Tab.js +13 -6
- package/tab/TabPanel.js +5 -4
- package/tab/Tabs.js +46 -39
- package/tab/TabsContext.js +5 -4
- package/table/Table.d.ts +1 -1
- package/table/Table.js +23 -17
- package/table/TableBody.d.ts +1 -1
- package/table/TableBody.js +15 -10
- package/table/TableDataCell.d.ts +1 -1
- package/table/TableDataCell.js +17 -12
- package/table/TableHead.d.ts +1 -1
- package/table/TableHead.js +13 -12
- package/table/TableHeaderCell.d.ts +1 -1
- package/table/TableHeaderCell.js +18 -13
- package/table/TableRow.d.ts +1 -1
- package/table/TableRow.js +14 -14
- package/test/Test.js +4 -2
- package/tooltip/Tooltip.d.ts +14 -8
- package/tooltip/Tooltip.js +93 -57
- package/typography/Headlines.js +13 -6
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -19
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -11
- package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
- package/cjs/date-range-picker/DateRangePicker.js +0 -263
- package/cjs/date-range-picker/index.d.ts +0 -1
- package/cjs/date-range-picker/index.js +0 -13
- package/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/date-range-picker/DatePickerDefaultStyles.js +0 -12
- package/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
- package/date-range-picker/DatePickerDfdsStyles.js +0 -4
- package/date-range-picker/DateRangePicker.d.ts +0 -33
- package/date-range-picker/DateRangePicker.js +0 -310
- package/date-range-picker/index.d.ts +0 -1
- package/date-range-picker/index.js +0 -1
|
@@ -10,8 +10,8 @@ var _theme = require("@dfds-ui/theme");
|
|
|
10
10
|
var _typography = require("@dfds-ui/typography");
|
|
11
11
|
var _button = require("../../button");
|
|
12
12
|
var _Banner = require("./Banner");
|
|
13
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
15
|
const getVariationStyle = bannerVariant => {
|
|
16
16
|
switch (bannerVariant) {
|
|
17
17
|
case 'lowEmphasis':
|
|
@@ -31,11 +31,12 @@ const BannerAction = ({
|
|
|
31
31
|
const {
|
|
32
32
|
variant: bannerVariant
|
|
33
33
|
} = (0, _Banner.useBannerContext)();
|
|
34
|
-
return (0,
|
|
34
|
+
return (0, _jsxRuntime.jsx)(_button.Button, {
|
|
35
35
|
variation: variation === 'primary-thick' ? 'outlined' : 'text',
|
|
36
36
|
type: "button",
|
|
37
37
|
css: /*#__PURE__*/(0, _react2.css)((variation === 'primary' || variation === 'secondary') && /*#__PURE__*/(0, _react2.css)(_typography.typography.action, ";padding:0 ", _theme.theme.spacing.xs, ";border-width:", variation === 'primary' ? '1px' : '0', ";border-style:solid;" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FVyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdwcmltYXJ5LXRoaWNrJyB8ICdzZWNvbmRhcnktdGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIFVwZGF0ZXMgY29tcG9uZW50IHdpdGggY2hpbGRyZW4gcHJvcCBhY2NvcmRpbmdseSB0byB0aGUgQHR5cGVzIHVwZGF0ZVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7IHZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgdmFyaWFudDogYmFubmVyVmFyaWFudCB9ID0gdXNlQmFubmVyQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICB2YXJpYXRpb249e3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnktdGhpY2snID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7KHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknIHx8IHZhcmlhdGlvbiA9PT0gJ3NlY29uZGFyeScpICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"), " flex:auto;flex-basis:auto;flex-grow:0;margin-left:", _theme.theme.spacing.xs, ";", getVariationStyle(bannerVariant), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFYyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdwcmltYXJ5LXRoaWNrJyB8ICdzZWNvbmRhcnktdGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIFVwZGF0ZXMgY29tcG9uZW50IHdpdGggY2hpbGRyZW4gcHJvcCBhY2NvcmRpbmdseSB0byB0aGUgQHR5cGVzIHVwZGF0ZVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7IHZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgdmFyaWFudDogYmFubmVyVmFyaWFudCB9ID0gdXNlQmFubmVyQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICB2YXJpYXRpb249e3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnktdGhpY2snID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7KHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknIHx8IHZhcmlhdGlvbiA9PT0gJ3NlY29uZGFyeScpICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"),
|
|
38
|
-
className: "BannerAction"
|
|
39
|
-
|
|
38
|
+
className: "BannerAction",
|
|
39
|
+
...rest
|
|
40
|
+
});
|
|
40
41
|
};
|
|
41
42
|
exports.BannerAction = BannerAction;
|
|
@@ -7,8 +7,8 @@ exports.BannerParagraph = exports.BannerHeadline = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _typography = require("@dfds-ui/typography");
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
10
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
12
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
13
13
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
14
14
|
name: "ti75j2",
|
|
@@ -19,11 +19,12 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
19
19
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
20
20
|
};
|
|
21
21
|
const BannerHeadline = props => {
|
|
22
|
-
return (0,
|
|
22
|
+
return (0, _jsxRuntime.jsx)(_typography.Text, {
|
|
23
23
|
as: "h2",
|
|
24
24
|
styledAs: "bodyInterfaceBold",
|
|
25
|
-
css: _ref2
|
|
26
|
-
|
|
25
|
+
css: _ref2,
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
27
28
|
};
|
|
28
29
|
exports.BannerHeadline = BannerHeadline;
|
|
29
30
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
@@ -35,10 +36,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
35
36
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
36
37
|
};
|
|
37
38
|
const BannerParagraph = props => {
|
|
38
|
-
return (0,
|
|
39
|
+
return (0, _jsxRuntime.jsx)(_typography.Text, {
|
|
39
40
|
as: "p",
|
|
40
41
|
styledAs: "bodyInterface",
|
|
41
|
-
css: _ref
|
|
42
|
-
|
|
42
|
+
css: _ref,
|
|
43
|
+
...props
|
|
44
|
+
});
|
|
43
45
|
};
|
|
44
46
|
exports.BannerParagraph = BannerParagraph;
|
|
@@ -13,8 +13,8 @@ var _intent = require("../../common/intent");
|
|
|
13
13
|
var _button = require("../../button");
|
|
14
14
|
var _system = require("@dfds-ui/icons/system");
|
|
15
15
|
var _Spinner = require("../../spinner/Spinner");
|
|
16
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
16
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
18
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
19
19
|
const ToastWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
20
20
|
target: "e145csjx4"
|
|
@@ -65,20 +65,25 @@ const Toast = ({
|
|
|
65
65
|
}) => {
|
|
66
66
|
const handleClose = () => onRequestClose && onRequestClose();
|
|
67
67
|
const handleAction = () => onRequestAction && onRequestAction();
|
|
68
|
-
return (0,
|
|
69
|
-
intent: intent
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
68
|
+
return (0, _jsxRuntime.jsxs)(ToastWrapper, {
|
|
69
|
+
intent: intent,
|
|
70
|
+
...rest,
|
|
71
|
+
children: [loading && (0, _jsxRuntime.jsx)(Spinner, {}), (0, _jsxRuntime.jsx)(ToastText, {
|
|
72
|
+
children: children
|
|
73
|
+
}), onRequestAction && (0, _jsxRuntime.jsx)(ActionButton, {
|
|
74
|
+
variation: "text",
|
|
75
|
+
onClick: handleAction,
|
|
76
|
+
children: actionLabel
|
|
77
|
+
}), onRequestClose && (0, _jsxRuntime.jsx)("span", {
|
|
78
|
+
css: _ref,
|
|
79
|
+
children: (0, _jsxRuntime.jsx)(CloseIconButton, {
|
|
80
|
+
size: "small",
|
|
81
|
+
icon: _system.Close,
|
|
82
|
+
ariaLabel: "Close",
|
|
83
|
+
onClick: handleClose,
|
|
84
|
+
"data-testid": "toast-close"
|
|
85
|
+
})
|
|
86
|
+
})]
|
|
87
|
+
});
|
|
82
88
|
};
|
|
83
|
-
var _default = Toast;
|
|
84
|
-
exports.default = _default;
|
|
89
|
+
var _default = exports.default = Toast;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
2
|
import { ToastProps } from './Toast';
|
|
3
3
|
type TimeoutType = {
|
|
4
4
|
timeout?: number;
|
|
@@ -9,7 +9,7 @@ type ToasterState = {
|
|
|
9
9
|
toastProps: ToastProps | null;
|
|
10
10
|
} & TimeoutType;
|
|
11
11
|
export declare const useToaster: () => {
|
|
12
|
-
addToast: (props:
|
|
12
|
+
addToast: (props: ToastProps & TimeoutType) => Promise<void>;
|
|
13
13
|
state: ToasterState;
|
|
14
14
|
};
|
|
15
15
|
declare const Toaster: FunctionComponent<{
|
|
@@ -8,10 +8,9 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _ = require(".");
|
|
10
10
|
var _material = require("@mui/material");
|
|
11
|
-
var
|
|
11
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
12
12
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
14
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
16
15
|
const Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
17
16
|
target: "e271rjj0"
|
|
@@ -23,7 +22,7 @@ const Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ==
|
|
|
23
22
|
styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px"
|
|
24
23
|
} : {
|
|
25
24
|
name: "vzyge",
|
|
26
|
-
styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU00QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy90b2FzdC9Ub2FzdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZHVjZXIsIHVzZUNhbGxiYWNrLCB1c2VSZWYsIHVzZUNvbnRleHQsIGNyZWF0ZUNvbnRleHQsIEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb2FzdCB9IGZyb20gJy4nXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZhZGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgVG9hc3RQcm9wcyB9IGZyb20gJy4vVG9hc3QnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBib3R0b206IDUwcHg7XG5gXG50eXBlIFRpbWVvdXRUeXBlID0geyB0aW1lb3V0PzogbnVtYmVyIH1cblxudHlwZSBUb2FzdGVyU3RhdGUgPSB7XG4gIG9wZW46IGJvb2xlYW5cbiAgaGFzQWN0aXZlOiBib29sZWFuXG4gIHRvYXN0UHJvcHM6IFRvYXN0UHJvcHMgfCBudWxsXG59ICYgVGltZW91dFR5cGVcblxuY29uc3QgVG9hc3RlckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PHtcbiAgc3RhdGU6IFRvYXN0ZXJTdGF0ZVxuICBoYW5kbGVPbk9wZW46IChwcm9wczogVG9hc3RQcm9wcyAmIFRpbWVvdXRUeXBlKSA9PiBQcm9taXNlPHZvaWQ+XG59IHwgbnVsbD4obnVsbClcblxuZXhwb3J0IGNvbnN0IHVzZVRvYXN0ZXIgPSAoKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KFRvYXN0ZXJDb250ZXh0KVxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVRvYXN0ZXIgbXVzdCBiZSB1c2VkIGluc2lkZSBvZiBUb2FzdGVyIFByb3ZpZGVyIGNvbXBvbmVudCcpXG4gIH1cbiAgcmV0dXJuIHsgYWRkVG9hc3Q6IGNvbnRleHQuaGFuZGxlT25PcGVuLCBzdGF0ZTogY29udGV4dC5zdGF0ZSB9XG59XG5cbmNvbnN0IGluaXRpYWxTdGF0ZSA9IHtcbiAgb3BlbjogZmFsc2UsXG4gIGhhc0FjdGl2ZTogZmFsc2UsXG4gIHRvYXN0UHJvcHM6IG51bGwsXG4gIHRpbWVvdXQ6IDMwMDAsXG59XG5cbmNvbnN0IHRvYXN0ZXJSZWR1Y2VyID0gKHN0YXRlOiBUb2FzdGVyU3RhdGUsIGFjdGlvbjogYW55KSA9PiB7XG4gIHN3aXRjaCAoYWN0aW9uLnR5cGUpIHtcbiAgICBjYXNlICdDTE9TRSc6XG4gICAgICByZXR1cm4gaW5pdGlhbFN0YXRlXG4gICAgY2FzZSAnT1BFTic6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBvcGVuOiB0cnVlLFxuICAgICAgICBoYXNBY3RpdmU6IHRydWUsXG4gICAgICAgIHRvYXN0UHJvcHM6IGFjdGlvbi5wYXlsb2FkLFxuICAgICAgICB0aW1lb3V0OiBhY3Rpb24ucGF5bG9hZC50aW1lb3V0IHx8IHN0YXRlLnRpbWVvdXQsXG4gICAgICB9XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBzdGF0ZVxuICB9XG59XG5cbmNvbnN0IFRvYXN0ZXI6IEZ1bmN0aW9uQ29tcG9uZW50PHsgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZSB8IFJlYWN0LlJlYWN0Tm9kZVtdOyBnbG9iYWxUaW1lb3V0PzogbnVtYmVyIH0+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGdsb2JhbFRpbWVvdXQsXG59KSA9PiB7XG4gIGNvbnN0IFt7IG9wZW4sIGhhc0FjdGl2ZSwgdG9hc3RQcm9wcywgdGltZW91dCB9LCBkaXNwYXRjaF0gPSB1c2VSZWR1Y2VyKHRvYXN0ZXJSZWR1Y2VyLCB7XG4gICAgLi4uaW5pdGlhbFN0YXRlLFxuICAgIHRpbWVvdXQ6IGdsb2JhbFRpbWVvdXQgfHwgaW5pdGlhbFN0YXRlLnRpbWVvdXQsXG4gIH0pXG4gIGNvbnN0IHRpbWVyUmVmID0gdXNlUmVmPG51bWJlciB8IG51bGw+KG51bGwpXG4gIGNvbnN0IGhhbmRsZVRpbWVvdXRDbGVhblVwID0gKCkgPT4ge1xuICAgIHRpbWVyUmVmLmN1cnJlbnQgJiYgd2luZG93LmNsZWFyVGltZW91dCh0aW1lclJlZi5jdXJyZW50KVxuICAgIHRpbWVyUmVmLmN1cnJlbnQgPSBudWxsXG4gIH1cbiAgY29uc3QgaGFuZGxlVGltZW91dCA9IHVzZUNhbGxiYWNrKFxuICAgICgpID0+ICh0aW1lclJlZi5jdXJyZW50ID0gd2luZG93LnNldFRpbWVvdXQoKCkgPT4gaGFuZGxlT25DbG9zZSgpLCB0aW1lb3V0KSksXG4gICAgW3RpbWVvdXRdXG4gIClcblxuICBmdW5jdGlvbiBzbGVlcCgpIHtcbiAgICByZXR1cm4gbmV3IFByb21pc2U8dm9pZD4oKHJlc29sdmUpID0+IHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gcmVzb2x2ZSgpLCAzMDApXG4gICAgfSlcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU9uQ2xvc2UgPSAoKSA9PiB7XG4gICAgZGlzcGF0Y2goeyB0eXBlOiAnQ0xPU0UnIH0pXG4gIH1cblxuICBjb25zdCBoYW5kbGVPbk9wZW4gPSBhc3luYyAocGF5bG9hZDogVG9hc3RQcm9wcykgPT4ge1xuICAgIGlmIChoYXNBY3RpdmUpIHtcbiAgICAgIGhhbmRsZU9uQ2xvc2UoKVxuICAgICAgYXdhaXQgc2xlZXAoKVxuICAgIH1cbiAgICBkaXNwYXRjaCh7IHR5cGU6ICdPUEVOJywgcGF5bG9hZCB9KVxuICB9XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGhhbmRsZVRpbWVvdXQoKVxuICAgIH1cbiAgICByZXR1cm4gaGFuZGxlVGltZW91dENsZWFuVXBcbiAgfSwgW2hhbmRsZVRpbWVvdXQsIG9wZW5dKVxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8VG9hc3RlckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3sgaGFuZGxlT25PcGVuLCBzdGF0ZTogeyBvcGVuLCBoYXNBY3RpdmUsIHRvYXN0UHJvcHMsIHRpbWVvdXQgfSB9fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Ub2FzdGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgIHtvcGVuICYmIChcbiAgICAgICAgPENvbnRhaW5lciBvbk1vdXNlRW50ZXI9e2hhbmRsZVRpbWVvdXRDbGVhblVwfSBvbk1vdXNlTGVhdmU9e2hhbmRsZVRpbWVvdXR9PlxuICAgICAgICAgIDxGYWRlIGluPXtvcGVufSBtb3VudE9uRW50ZXIgdW5tb3VudE9uRXhpdCBvbkV4aXRlZD17aGFuZGxlVGltZW91dENsZWFuVXB9PlxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgPFRvYXN0XG4gICAgICAgICAgICAgICAgey4uLnRvYXN0UHJvcHN9XG4gICAgICAgICAgICAgICAgey4uLih0b2FzdFByb3BzPy5vblJlcXVlc3RDbG9zZVxuICAgICAgICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgICAgICAgb25SZXF1ZXN0Q2xvc2U6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZU9uQ2xvc2UoKVxuICAgICAgICAgICAgICAgICAgICAgICAgdG9hc3RQcm9wcy5vblJlcXVlc3RDbG9zZSAmJiB0b2FzdFByb3BzLm9uUmVxdWVzdENsb3NlKClcbiAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICA6IHt9KX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvYXN0ZXJcbiJdfQ== */",
|
|
27
26
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
28
27
|
});
|
|
29
28
|
const ToasterContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
@@ -104,30 +103,39 @@ const Toaster = ({
|
|
|
104
103
|
}
|
|
105
104
|
return handleTimeoutCleanUp;
|
|
106
105
|
}, [handleTimeout, open]);
|
|
107
|
-
return (0,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
106
|
+
return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
107
|
+
children: [(0, _jsxRuntime.jsx)(ToasterContext.Provider, {
|
|
108
|
+
value: {
|
|
109
|
+
handleOnOpen,
|
|
110
|
+
state: {
|
|
111
|
+
open,
|
|
112
|
+
hasActive,
|
|
113
|
+
toastProps,
|
|
114
|
+
timeout
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
children: children
|
|
118
|
+
}), open && (0, _jsxRuntime.jsx)(Container, {
|
|
119
|
+
onMouseEnter: handleTimeoutCleanUp,
|
|
120
|
+
onMouseLeave: handleTimeout,
|
|
121
|
+
children: (0, _jsxRuntime.jsx)(_material.Fade, {
|
|
122
|
+
in: open,
|
|
123
|
+
mountOnEnter: true,
|
|
124
|
+
unmountOnExit: true,
|
|
125
|
+
onExited: handleTimeoutCleanUp,
|
|
126
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
127
|
+
children: (0, _jsxRuntime.jsx)(_.Toast, {
|
|
128
|
+
...toastProps,
|
|
129
|
+
...(toastProps?.onRequestClose ? {
|
|
130
|
+
onRequestClose: () => {
|
|
131
|
+
handleOnClose();
|
|
132
|
+
toastProps.onRequestClose && toastProps.onRequestClose();
|
|
133
|
+
}
|
|
134
|
+
} : {})
|
|
135
|
+
})
|
|
136
|
+
})
|
|
137
|
+
})
|
|
138
|
+
})]
|
|
139
|
+
});
|
|
131
140
|
};
|
|
132
|
-
var _default = Toaster;
|
|
133
|
-
exports.default = _default;
|
|
141
|
+
var _default = exports.default = Toaster;
|
package/cjs/badge/Badge.js
CHANGED
|
@@ -10,8 +10,8 @@ var _theme = require("@dfds-ui/theme");
|
|
|
10
10
|
var _typography = require("@dfds-ui/typography");
|
|
11
11
|
var _intent = require("../common/intent");
|
|
12
12
|
var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
|
|
13
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
15
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
16
16
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
17
17
|
name: "1h52dri",
|
|
@@ -30,11 +30,15 @@ function Badge({
|
|
|
30
30
|
},
|
|
31
31
|
...rest
|
|
32
32
|
}) {
|
|
33
|
-
return (0,
|
|
33
|
+
return (0, _jsxRuntime.jsx)(_FlexBox.default, {
|
|
34
34
|
as: as,
|
|
35
|
-
css: /*#__PURE__*/(0, _react2.css)("align-items:center;background-color:", (0, _intent.getIntentColor)(intent), ";border-radius:0.625rem;color:", (0, _intent.getIntentTextColor)(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && `calc(100% - ${_theme.theme.spacing.xs})`, ";padding:0 ", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Badge;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */")
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
css: /*#__PURE__*/(0, _react2.css)("align-items:center;background-color:", (0, _intent.getIntentColor)(intent), ";border-radius:0.625rem;color:", (0, _intent.getIntentTextColor)(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && `calc(100% - ${_theme.theme.spacing.xs})`, ";padding:0 ", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Badge;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */"),
|
|
36
|
+
...flexBoxProps,
|
|
37
|
+
...rest,
|
|
38
|
+
children: (0, _jsxRuntime.jsx)(_typography.Text, {
|
|
39
|
+
css: _ref,
|
|
40
|
+
styledAs: "bodyInterfaceSmall",
|
|
41
|
+
children: children
|
|
42
|
+
})
|
|
43
|
+
});
|
|
40
44
|
}
|
package/cjs/button/BadgeIcon.js
CHANGED
|
@@ -7,32 +7,34 @@ exports.default = exports.BadgeIcon = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
10
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
12
|
const BadgeIcon = ({
|
|
12
13
|
letter,
|
|
13
14
|
className
|
|
14
15
|
}) => {
|
|
15
|
-
return (0,
|
|
16
|
+
return (0, _jsxRuntime.jsxs)("svg", {
|
|
16
17
|
css: /*#__PURE__*/(0, _react2.css)("font-family:", _theme.theme.fontFamilies.display, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BadgeIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFkZ2VJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYnV0dG9uL0JhZGdlSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEJhZGdlSWNvblByb3BzID0ge1xuICBsZXR0ZXI6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEJhZGdlSWNvbiA9ICh7IGxldHRlciwgY2xhc3NOYW1lIH06IEJhZGdlSWNvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHN2Z1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgICAgIGB9XG4gICAgICB3aWR0aD1cIjFlbVwiXG4gICAgICBoZWlnaHQ9XCIxZW1cIlxuICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgPlxuICAgICAgPGNpcmNsZSBjeD1cIjUwJVwiIGN5PVwiNTAlXCIgcj1cIjUwJVwiIC8+XG4gICAgICA8dGV4dCB0ZXh0QW5jaG9yPVwibWlkZGxlXCIgeD1cIjUwJVwiIHk9XCI1MCVcIiBkeT1cIjAuMzI1ZW1cIiBmb250U2l6ZT1cIjAuODc1cmVtXCIgZm9udFdlaWdodD17MjAwfSBmaWxsPVwiI2ZmZlwiPlxuICAgICAgICB7bGV0dGVyLnRvVXBwZXJDYXNlKCl9XG4gICAgICA8L3RleHQ+XG4gICAgPC9zdmc+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQmFkZ2VJY29uXG4iXX0= */"),
|
|
17
18
|
width: "1em",
|
|
18
19
|
height: "1em",
|
|
19
20
|
viewBox: "0 0 24 24",
|
|
20
21
|
focusable: false,
|
|
21
|
-
className: className
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
22
|
+
className: className,
|
|
23
|
+
children: [(0, _jsxRuntime.jsx)("circle", {
|
|
24
|
+
cx: "50%",
|
|
25
|
+
cy: "50%",
|
|
26
|
+
r: "50%"
|
|
27
|
+
}), (0, _jsxRuntime.jsx)("text", {
|
|
28
|
+
textAnchor: "middle",
|
|
29
|
+
x: "50%",
|
|
30
|
+
y: "50%",
|
|
31
|
+
dy: "0.325em",
|
|
32
|
+
fontSize: "0.875rem",
|
|
33
|
+
fontWeight: 200,
|
|
34
|
+
fill: "#fff",
|
|
35
|
+
children: letter.toUpperCase()
|
|
36
|
+
})]
|
|
37
|
+
});
|
|
35
38
|
};
|
|
36
39
|
exports.BadgeIcon = BadgeIcon;
|
|
37
|
-
var _default = BadgeIcon;
|
|
38
|
-
exports.default = _default;
|
|
40
|
+
var _default = exports.default = BadgeIcon;
|
package/cjs/button/BaseButton.js
CHANGED
|
@@ -10,15 +10,13 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
|
10
10
|
var _buttonStyle = require("./button-style");
|
|
11
11
|
var _theme = require("@dfds-ui/theme");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
const variations = ['primary', 'secondary', 'outlined', 'text', 'danger', 'link'];
|
|
14
|
-
exports.
|
|
15
|
-
const BaseButton = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
|
|
13
|
+
const variations = exports.variations = ['primary', 'secondary', 'outlined', 'text', 'danger', 'link'];
|
|
14
|
+
const BaseButton = exports.BaseButton = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
|
|
16
15
|
target: "egdn0t20"
|
|
17
16
|
} : {
|
|
18
17
|
target: "egdn0t20",
|
|
19
18
|
label: "BaseButton"
|
|
20
19
|
})(_buttonStyle.baseButtonStyle, ";", props => _theme.theme.states.overlay(props.selected), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZSwgcHJpbWFyeUJ1dHRvblN0eWxlcywgc2Vjb25kYXJ5QnV0dG9uU3R5bGVzLCBvdXRsaW5lZEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vYnV0dG9uLXN0eWxlJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgdmFyaWF0aW9ucyA9IFsncHJpbWFyeScsICdzZWNvbmRhcnknLCAnb3V0bGluZWQnLCAndGV4dCcsICdkYW5nZXInLCAnbGluayddIGFzIGNvbnN0XG5cbmV4cG9ydCB0eXBlIEJhc2VCdXR0b25Qcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHNbJ2J1dHRvbiddPlxuXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYXRpb24gPSAodHlwZW9mIHZhcmlhdGlvbnMpW251bWJlcl1cbmV4cG9ydCB0eXBlIEJ1dHRvblZhcmlhdGlvblByb3BzID0geyB2YXJpYXRpb24/OiBCdXR0b25WYXJpYXRpb24gfVxuXG5leHBvcnQgY29uc3QgQmFzZUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gICR7YmFzZUJ1dHRvblN0eWxlfTtcbiAgJHsocHJvcHMpID0+IHRoZW1lLnN0YXRlcy5vdmVybGF5KHByb3BzLnNlbGVjdGVkKX07XG5gXG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCdXR0b25WYXJpYXRpb25TdHlsZSh2YXJpYXRpb24/OiBCdXR0b25WYXJpYXRpb24pIHtcbiAgc3dpdGNoICh2YXJpYXRpb24pIHtcbiAgICBkZWZhdWx0OlxuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIHByaW1hcnlCdXR0b25TdHlsZXNcbiAgICBjYXNlICdzZWNvbmRhcnknOlxuICAgICAgcmV0dXJuIHNlY29uZGFyeUJ1dHRvblN0eWxlc1xuICAgIGNhc2UgJ291dGxpbmVkJzpcbiAgICAgIHJldHVybiBvdXRsaW5lZEJ1dHRvblN0eWxlc1xuICB9XG59XG4iXX0= */"));
|
|
21
|
-
exports.BaseButton = BaseButton;
|
|
22
20
|
function getButtonVariationStyle(variation) {
|
|
23
21
|
switch (variation) {
|
|
24
22
|
default:
|
package/cjs/button/Button.js
CHANGED
|
@@ -12,8 +12,8 @@ var _Spinner = require("../spinner/Spinner");
|
|
|
12
12
|
var _theme = require("@dfds-ui/theme");
|
|
13
13
|
var _typography = require("@dfds-ui/typography");
|
|
14
14
|
var _react2 = require("@emotion/react");
|
|
15
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
15
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
17
17
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
18
18
|
const Base = /*#__PURE__*/(0, _base.default)(_BaseButton.BaseButton, process.env.NODE_ENV === "production" ? {
|
|
19
19
|
target: "e1obd1l88"
|
|
@@ -110,25 +110,27 @@ const Button = ({
|
|
|
110
110
|
const ButtonVariation = getButton(variation === undefined ? 'primary' : variation);
|
|
111
111
|
const displayTitle = title || typeof children === 'string' && children || '';
|
|
112
112
|
const spinnerSize = size === 'medium' ? '1.5rem' : '1.25rem';
|
|
113
|
-
return (0,
|
|
113
|
+
return (0, _jsxRuntime.jsxs)(ButtonVariation, {
|
|
114
114
|
size: size,
|
|
115
115
|
disabled: submitting || disabled,
|
|
116
|
-
iconAlign: icon && iconAlign || undefined
|
|
117
|
-
|
|
116
|
+
iconAlign: icon && iconAlign || undefined,
|
|
117
|
+
...rest,
|
|
118
118
|
"aria-busy": submitting,
|
|
119
|
-
title: displayTitle
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
119
|
+
title: displayTitle,
|
|
120
|
+
children: [(0, _jsxRuntime.jsx)(TextSpan, {
|
|
121
|
+
submitting: submitting,
|
|
122
|
+
children: children
|
|
123
|
+
}), icon && (0, _jsxRuntime.jsx)(IconSpan, {
|
|
124
|
+
submitting: submitting,
|
|
125
|
+
iconAlign: iconAlign,
|
|
126
|
+
iconColor: iconColor,
|
|
127
|
+
iconSpacing: iconSpacing,
|
|
128
|
+
children: icon
|
|
129
|
+
}), submitting ? (0, _jsxRuntime.jsx)(_Spinner.CenteredSpinner, {
|
|
130
|
+
size: spinnerSize,
|
|
131
|
+
instant: true,
|
|
132
|
+
css: _ref
|
|
133
|
+
}) : null]
|
|
134
|
+
});
|
|
132
135
|
};
|
|
133
|
-
var _default = Button;
|
|
134
|
-
exports.default = _default;
|
|
136
|
+
var _default = exports.default = Button;
|
|
@@ -71,5 +71,5 @@ export declare const getDefaultIconButtonDimensions: (size: IconButtonSize) => {
|
|
|
71
71
|
height: string;
|
|
72
72
|
width: string;
|
|
73
73
|
};
|
|
74
|
-
declare const IconButton:
|
|
74
|
+
declare const IconButton: ({ type, tooltip, title, size, icon: Icon, disableTooltip, disableOverlay, disabled, color, hoverColor, focusColor, activeColor, overlayOptions, as, ariaLabel, ...rest }: IconButtonProps) => React.JSX.Element;
|
|
75
75
|
export default IconButton;
|
package/cjs/button/IconButton.js
CHANGED
|
@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getDefaultIconButtonIconSize = exports.getDefaultIconButtonDimensions = exports.default = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
var _Tooltip = require("../tooltip/Tooltip");
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
11
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
13
|
/**
|
|
15
14
|
* Helper function returning the default icon size when rendering an IconButton in the specified size.
|
|
16
15
|
* @param size : IconButtonSize;
|
|
@@ -82,15 +81,7 @@ const getDisabledTextColor = color => {
|
|
|
82
81
|
return color;
|
|
83
82
|
}
|
|
84
83
|
};
|
|
85
|
-
|
|
86
|
-
name: "ti75j2",
|
|
87
|
-
styles: "margin:0"
|
|
88
|
-
} : {
|
|
89
|
-
name: "1rwqdrl-IconButton",
|
|
90
|
-
styles: "margin:0;label:IconButton;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vSWNvbkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa05nQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYnV0dG9uL0ljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEVsZW1lbnRUeXBlLCBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IE92ZXJsYXlPcHRpb25zIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUvc3RhdGVzJ1xuaW1wb3J0IHsgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uL2NvbW1vbi9wb2x5bW9ycGhpYydcbmltcG9ydCB7IFVuc3RhYmxlV2l0aFRvb2x0aXAgfSBmcm9tICcuLi90b29sdGlwL1Rvb2x0aXAnXG5cbmV4cG9ydCB0eXBlIEljb25CdXR0b25TaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICdzJyB8ICdtJyB8ICdsJ1xuXG5leHBvcnQgaW50ZXJmYWNlIEljb25CdXR0b25Qcm9wcyBleHRlbmRzIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMsIENvbXBvbmVudFByb3BzV2l0aFJlZjwnYnV0dG9uJz4ge1xuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWQgb24gdGhlIGJ1dHRvbi5cbiAgICovXG4gIGljb246IEVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBUZXh0IG9mIHRoZSBhcmlhLWxhYmVsIGFzIHdlbGwgYXMgdGhlIGZhbGxiYWNrIHZhbHVlIHVzZWQgZm9yIHRvb2x0aXAuXG4gICAqL1xuICBhcmlhTGFiZWw6IHN0cmluZ1xuICAvKipcbiAgICogU2l6ZSBvZiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgc2l6ZT86IEljb25CdXR0b25TaXplXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvbi5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogRGlzYWJsZSBidXR0b24uXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc2FibGUgb3ZlcmxheSBzdGF0ZXMuXG4gICAqL1xuICBkaXNhYmxlT3ZlcmxheT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc2FibGUgdG9vbHRpcC5cbiAgICovXG4gIGRpc2FibGVUb29sdGlwPzogYm9vbGVhblxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCwgaWYgbm9uZSwgYXJpYS1sYWJlbCB3aWxsIGJlIHVzZWQuXG4gICAqL1xuICB0b29sdGlwPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDb2xvciBvZiB0aGUgYnV0dG9uIGFuZCB0aGUgb3ZlcmxheSBzdGF0ZS5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBPdmVycmlkZSBjb2xvciB0byBiZSB1c2VkIGZvciB0aGUgaG92ZXIgc3RhdGUuXG4gICAqL1xuICBob3ZlckNvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBPdmVycmlkZSBjb2xvciB0byBiZSB1c2VkIGZvciB0aGUgYWN0aXZlIHN0YXRlLlxuICAgKi9cbiAgYWN0aXZlQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIGNvbG9yIHRvIGJlIHVzZWQgZm9yIHRoZSBmb2N1cyBzdGF0ZS5cbiAgICovXG4gIGZvY3VzQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBvdmVybGF5IG9wdGlvbnMgdG8gdXNlLlxuICAgKi9cbiAgb3ZlcmxheU9wdGlvbnM/OiBPdmVybGF5T3B0aW9uc1xufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiByZXR1cm5pbmcgdGhlIGRlZmF1bHQgaWNvbiBzaXplIHdoZW4gcmVuZGVyaW5nIGFuIEljb25CdXR0b24gaW4gdGhlIHNwZWNpZmllZCBzaXplLlxuICogQHBhcmFtIHNpemUgOiBJY29uQnV0dG9uU2l6ZTtcbiAqIEByZXR1cm5zIFRoZSBkZWZhdWx0IGljb24gc2l6ZVxuICovXG5leHBvcnQgY29uc3QgZ2V0RGVmYXVsdEljb25CdXR0b25JY29uU2l6ZSA9IChzaXplOiBJY29uQnV0dG9uU2l6ZSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzbWFsbCc6XG4gICAgY2FzZSAncyc6XG4gICAgICByZXR1cm4gJzEuMjVyZW0nXG4gICAgY2FzZSAnbWVkaXVtJzpcbiAgICBjYXNlICdtJzpcbiAgICAgIHJldHVybiAnMS41cmVtJ1xuICAgIGNhc2UgJ2xhcmdlJzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiAnMnJlbSdcbiAgfVxufVxuXG4vKipcbiAqIEhlbHBlciBmdW5jdGlvbiByZXR1cm5pbmcgdGhlIGRlZmF1bHQgZGltZW5zaW9ucyBvZiBhbiBJY29uQnV0dG9uIGluIHRoZSBzcGVjaWZpZWQgc2l6ZS5cbiAqIEBwYXJhbSBzaXplIDogSWNvbkJ1dHRvblNpemU7XG4gKiBAcmV0dXJucyBUaGUgZGVmYXVsdCBzaXplXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMgPSAoc2l6ZTogSWNvbkJ1dHRvblNpemUpID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ3MnOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi41cmVtJywgd2lkdGg6ICcyLjVyZW0nIH1cbiAgICBjYXNlICdtZWRpdW0nOlxuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi43NXJlbScsIHdpZHRoOiAnMi43NXJlbScgfVxuICAgIGNhc2UgJ2xhcmdlJzpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiB7IGhlaWdodDogJzIuNzVyZW0nLCB3aWR0aDogJzIuNzVyZW0nIH1cbiAgfVxufVxuXG5jb25zdCBnZXREaXNhYmxlZFRleHRDb2xvciA9IChjb2xvcjogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHRoZW1lQ29sb3JzVGV4dCA9IHRoZW1lLmNvbG9ycy50ZXh0XG5cbiAgc3dpdGNoIChjb2xvcikge1xuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmRhcmsucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQuZGFyay5kaXNhYmxlZFxuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmRhcmsuc2Vjb25kYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5kYXJrLmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQubGlnaHQucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQubGlnaHQuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5saWdodC5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LmxpZ2h0LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5wcmltYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5wcmltYXJ5LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LnByaW1hcnkuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkucHJpbWFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQuc2Vjb25kYXJ5LmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQuc2Vjb25kYXJ5LmRpc2FibGVkOlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkuZGlzYWJsZWRcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNvbG9yXG4gIH1cbn1cblxuY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEljb25CdXR0b25Qcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICB0eXBlLFxuICAgICAgdG9vbHRpcCxcbiAgICAgIHRpdGxlLFxuICAgICAgc2l6ZSA9ICdtZWRpdW0nLFxuICAgICAgaWNvbjogSWNvbixcbiAgICAgIGRpc2FibGVUb29sdGlwID0gZmFsc2UsXG4gICAgICBkaXNhYmxlT3ZlcmxheSA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIGNvbG9yLFxuICAgICAgaG92ZXJDb2xvcixcbiAgICAgIGZvY3VzQ29sb3IsXG4gICAgICBhY3RpdmVDb2xvcixcbiAgICAgIG92ZXJsYXlPcHRpb25zID0gdGhlbWUuc3RhdGVzLm92ZXJsYXlPcHRpb25zLmRlZmF1bHRPdmVybGF5T3B0aW9ucyxcbiAgICAgIGFzID0gJ2J1dHRvbicsXG4gICAgICBhcmlhTGFiZWwsXG4gICAgICAuLi5yZXN0XG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgICBjb25zdCBkZWZhdWx0RGltZW5zaW9ucyA9IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucyhzaXplKVxuXG4gICAgY29uc3QgaWNvbkJ1dHRvbiA9IChcbiAgICAgIDxDb21wb25lbnRcbiAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJvcmRlcjogMDtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgICAgICBtaW4td2lkdGg6ICR7ZGVmYXVsdERpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVmYXVsdERpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgICBmb250LXNpemU6ICR7Z2V0RGVmYXVsdEljb25CdXR0b25JY29uU2l6ZShzaXplKX07XG5cbiAgICAgICAgICBjb2xvcjogJHtjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogJHtob3ZlckNvbG9yID8gaG92ZXJDb2xvciA6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgY29sb3I6ICR7Zm9jdXNDb2xvciA/IGZvY3VzQ29sb3IgOiBjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmFjdGl2ZSxcbiAgICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICAgIGNvbG9yOiAke2FjdGl2ZUNvbG9yID8gYWN0aXZlQ29sb3IgOiBjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA/IGdldERpc2FibGVkVGV4dENvbG9yKGNvbG9yKSA6IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAkeyFkaXNhYmxlT3ZlcmxheSAmJiB0aGVtZS5zdGF0ZXMub3ZlcmxheShmYWxzZSwgb3ZlcmxheU9wdGlvbnMpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgPlxuICAgICAgICA8SWNvbiBzaXplPXtzaXplfSBmb2N1c2FibGU9e2ZhbHNlfSAvPlxuICAgICAgPC9Db21wb25lbnQ+XG4gICAgKVxuXG4gICAgaWYgKGRpc2FibGVUb29sdGlwIHx8IGRpc2FibGVkKSB7XG4gICAgICByZXR1cm4gaWNvbkJ1dHRvblxuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8VW5zdGFibGVXaXRoVG9vbHRpcFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIGB9XG4gICAgICAgIGNvbnRlbnQ9e3Rvb2x0aXAgfHwgdGl0bGUgfHwgYXJpYUxhYmVsfVxuICAgICAgICBkZWxheT17WzUwMCwgMjAwXX1cbiAgICAgID5cbiAgICAgICAge2ljb25CdXR0b259XG4gICAgICA8L1Vuc3RhYmxlV2l0aFRvb2x0aXA+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEljb25CdXR0b25cbiJdfQ== */",
|
|
91
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
92
|
-
};
|
|
93
|
-
const IconButton = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
84
|
+
const IconButton = ({
|
|
94
85
|
type,
|
|
95
86
|
tooltip,
|
|
96
87
|
title,
|
|
@@ -107,28 +98,28 @@ const IconButton = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
107
98
|
as = 'button',
|
|
108
99
|
ariaLabel,
|
|
109
100
|
...rest
|
|
110
|
-
}
|
|
101
|
+
}) => {
|
|
111
102
|
const Component = as;
|
|
112
103
|
const defaultDimensions = getDefaultIconButtonDimensions(size);
|
|
113
|
-
const iconButton = (0,
|
|
104
|
+
const iconButton = (0, _jsxRuntime.jsx)(Component, {
|
|
114
105
|
"aria-label": ariaLabel,
|
|
115
106
|
disabled: disabled,
|
|
116
107
|
type: type,
|
|
117
|
-
css: /*#__PURE__*/(0, _react2.css)("display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;position:relative;margin:0;border:0;cursor:pointer;user-select:none;outline:none;position:relative;background-color:transparent;min-width:", defaultDimensions.width, ";min-height:", defaultDimensions.height, ";font-size:", getDefaultIconButtonIconSize(size), ";color:", color ? color : _theme.theme.colors.text.primary.secondary, ";&:hover{color:", hoverColor ? hoverColor : color ? color : _theme.theme.colors.secondary.main, ";}&:focus{color:", focusColor ? focusColor : color ? color : _theme.theme.colors.secondary.main, ";}&:active,&:disabled{color:", activeColor ? activeColor : color ? color : _theme.theme.colors.secondary.main, ";}&[disabled]{color:", color ? getDisabledTextColor(color) : _theme.theme.colors.text.dark.disabled, ";cursor:not-allowed;}", !disableOverlay && _theme.theme.states.overlay(false, overlayOptions), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
})
|
|
108
|
+
css: /*#__PURE__*/(0, _react2.css)("display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;position:relative;margin:0;border:0;cursor:pointer;user-select:none;outline:none;position:relative;background-color:transparent;min-width:", defaultDimensions.width, ";min-height:", defaultDimensions.height, ";font-size:", getDefaultIconButtonIconSize(size), ";color:", color ? color : _theme.theme.colors.text.primary.secondary, ";&:hover{color:", hoverColor ? hoverColor : color ? color : _theme.theme.colors.secondary.main, ";}&:focus{color:", focusColor ? focusColor : color ? color : _theme.theme.colors.secondary.main, ";}&:active,&:disabled{color:", activeColor ? activeColor : color ? color : _theme.theme.colors.secondary.main, ";}&[disabled]{color:", color ? getDisabledTextColor(color) : _theme.theme.colors.text.dark.disabled, ";cursor:not-allowed;}", !disableOverlay && _theme.theme.states.overlay(false, overlayOptions), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vSWNvbkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUpjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vSWNvbkJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRWxlbWVudFR5cGUsIENvbXBvbmVudFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgT3ZlcmxheU9wdGlvbnMgfSBmcm9tICdAZGZkcy11aS90aGVtZS9zdGF0ZXMnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuaW1wb3J0IHsgVW5zdGFibGVXaXRoVG9vbHRpcCB9IGZyb20gJy4uL3Rvb2x0aXAvVG9vbHRpcCdcblxuZXhwb3J0IHR5cGUgSWNvbkJ1dHRvblNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3MnIHwgJ20nIHwgJ2wnXG5cbmV4cG9ydCBpbnRlcmZhY2UgSWNvbkJ1dHRvblByb3BzIGV4dGVuZHMgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wcywgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCdidXR0b24nPiB7XG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZCBvbiB0aGUgYnV0dG9uLlxuICAgKi9cbiAgaWNvbjogRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIFRleHQgb2YgdGhlIGFyaWEtbGFiZWwgYXMgd2VsbCBhcyB0aGUgZmFsbGJhY2sgdmFsdWUgdXNlZCBmb3IgdG9vbHRpcC5cbiAgICovXG4gIGFyaWFMYWJlbDogc3RyaW5nXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBzaXplPzogSWNvbkJ1dHRvblNpemVcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uLlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBEaXNhYmxlIGJ1dHRvbi5cbiAgICovXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICogRGlzYWJsZSBvdmVybGF5IHN0YXRlcy5cbiAgICovXG4gIGRpc2FibGVPdmVybGF5PzogYm9vbGVhblxuICAvKipcbiAgICogRGlzYWJsZSB0b29sdGlwLlxuICAgKi9cbiAgZGlzYWJsZVRvb2x0aXA/OiBib29sZWFuXG4gIC8qKlxuICAgKiBUZXh0IG9mIHRoZSB0b29sdGlwLCBpZiBub25lLCBhcmlhLWxhYmVsIHdpbGwgYmUgdXNlZC5cbiAgICovXG4gIHRvb2x0aXA/OiBzdHJpbmdcbiAgLyoqXG4gICAqIENvbG9yIG9mIHRoZSBidXR0b24gYW5kIHRoZSBvdmVybGF5IHN0YXRlLlxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIGNvbG9yIHRvIGJlIHVzZWQgZm9yIHRoZSBob3ZlciBzdGF0ZS5cbiAgICovXG4gIGhvdmVyQ29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIE92ZXJyaWRlIGNvbG9yIHRvIGJlIHVzZWQgZm9yIHRoZSBhY3RpdmUgc3RhdGUuXG4gICAqL1xuICBhY3RpdmVDb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogT3ZlcnJpZGUgY29sb3IgdG8gYmUgdXNlZCBmb3IgdGhlIGZvY3VzIHN0YXRlLlxuICAgKi9cbiAgZm9jdXNDb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogT3ZlcnJpZGUgdGhlIG92ZXJsYXkgb3B0aW9ucyB0byB1c2UuXG4gICAqL1xuICBvdmVybGF5T3B0aW9ucz86IE92ZXJsYXlPcHRpb25zXG59XG5cbi8qKlxuICogSGVscGVyIGZ1bmN0aW9uIHJldHVybmluZyB0aGUgZGVmYXVsdCBpY29uIHNpemUgd2hlbiByZW5kZXJpbmcgYW4gSWNvbkJ1dHRvbiBpbiB0aGUgc3BlY2lmaWVkIHNpemUuXG4gKiBAcGFyYW0gc2l6ZSA6IEljb25CdXR0b25TaXplO1xuICogQHJldHVybnMgVGhlIGRlZmF1bHQgaWNvbiBzaXplXG4gKi9cbmV4cG9ydCBjb25zdCBnZXREZWZhdWx0SWNvbkJ1dHRvbkljb25TaXplID0gKHNpemU6IEljb25CdXR0b25TaXplKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NtYWxsJzpcbiAgICBjYXNlICdzJzpcbiAgICAgIHJldHVybiAnMS4yNXJlbSdcbiAgICBjYXNlICdtZWRpdW0nOlxuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuICcxLjVyZW0nXG4gICAgY2FzZSAnbGFyZ2UnOlxuICAgIGNhc2UgJ2wnOlxuICAgICAgcmV0dXJuICcycmVtJ1xuICB9XG59XG5cbi8qKlxuICogSGVscGVyIGZ1bmN0aW9uIHJldHVybmluZyB0aGUgZGVmYXVsdCBkaW1lbnNpb25zIG9mIGFuIEljb25CdXR0b24gaW4gdGhlIHNwZWNpZmllZCBzaXplLlxuICogQHBhcmFtIHNpemUgOiBJY29uQnV0dG9uU2l6ZTtcbiAqIEByZXR1cm5zIFRoZSBkZWZhdWx0IHNpemVcbiAqL1xuZXhwb3J0IGNvbnN0IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucyA9IChzaXplOiBJY29uQnV0dG9uU2l6ZSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzbWFsbCc6XG4gICAgY2FzZSAncyc6XG4gICAgICByZXR1cm4geyBoZWlnaHQ6ICcyLjVyZW0nLCB3aWR0aDogJzIuNXJlbScgfVxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4geyBoZWlnaHQ6ICcyLjc1cmVtJywgd2lkdGg6ICcyLjc1cmVtJyB9XG4gICAgY2FzZSAnbGFyZ2UnOlxuICAgIGNhc2UgJ2wnOlxuICAgICAgcmV0dXJuIHsgaGVpZ2h0OiAnMi43NXJlbScsIHdpZHRoOiAnMi43NXJlbScgfVxuICB9XG59XG5cbmNvbnN0IGdldERpc2FibGVkVGV4dENvbG9yID0gKGNvbG9yOiBzdHJpbmcpID0+IHtcbiAgY29uc3QgdGhlbWVDb2xvcnNUZXh0ID0gdGhlbWUuY29sb3JzLnRleHRcblxuICBzd2l0Y2ggKGNvbG9yKSB7XG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQuZGFyay5wcmltYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5kYXJrLmRpc2FibGVkXG4gICAgY2FzZSB0aGVtZUNvbG9yc1RleHQuZGFyay5zZWNvbmRhcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LmRhcmsuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5saWdodC5wcmltYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5saWdodC5kaXNhYmxlZFxuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LmxpZ2h0LnNlY29uZGFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQubGlnaHQuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5wcmltYXJ5LnByaW1hcnk6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LnByaW1hcnkuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5wcmltYXJ5LnNlY29uZGFyeTpcbiAgICAgIHJldHVybiB0aGVtZUNvbG9yc1RleHQucHJpbWFyeS5kaXNhYmxlZFxuICAgIGNhc2UgdGhlbWVDb2xvcnNUZXh0LnNlY29uZGFyeS5wcmltYXJ5OlxuICAgICAgcmV0dXJuIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkuZGlzYWJsZWRcbiAgICBjYXNlIHRoZW1lQ29sb3JzVGV4dC5zZWNvbmRhcnkuZGlzYWJsZWQ6XG4gICAgICByZXR1cm4gdGhlbWVDb2xvcnNUZXh0LnNlY29uZGFyeS5kaXNhYmxlZFxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY29sb3JcbiAgfVxufVxuXG5jb25zdCBJY29uQnV0dG9uID0gKHtcbiAgdHlwZSxcbiAgdG9vbHRpcCxcbiAgdGl0bGUsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgaWNvbjogSWNvbixcbiAgZGlzYWJsZVRvb2x0aXAgPSBmYWxzZSxcbiAgZGlzYWJsZU92ZXJsYXkgPSBmYWxzZSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgY29sb3IsXG4gIGhvdmVyQ29sb3IsXG4gIGZvY3VzQ29sb3IsXG4gIGFjdGl2ZUNvbG9yLFxuICBvdmVybGF5T3B0aW9ucyA9IHRoZW1lLnN0YXRlcy5vdmVybGF5T3B0aW9ucy5kZWZhdWx0T3ZlcmxheU9wdGlvbnMsXG4gIGFzID0gJ2J1dHRvbicsXG4gIGFyaWFMYWJlbCxcbiAgLi4ucmVzdFxufTogSWNvbkJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IENvbXBvbmVudCA9IGFzXG4gIGNvbnN0IGRlZmF1bHREaW1lbnNpb25zID0gZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zKHNpemUpXG5cbiAgY29uc3QgaWNvbkJ1dHRvbiA9IChcbiAgICA8Q29tcG9uZW50XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIGJvcmRlcjogMDtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgICBtaW4td2lkdGg6ICR7ZGVmYXVsdERpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2RlZmF1bHREaW1lbnNpb25zLmhlaWdodH07XG4gICAgICAgIGZvbnQtc2l6ZTogJHtnZXREZWZhdWx0SWNvbkJ1dHRvbkljb25TaXplKHNpemUpfTtcblxuICAgICAgICBjb2xvcjogJHtjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke2hvdmVyQ29sb3IgPyBob3ZlckNvbG9yIDogY29sb3IgPyBjb2xvciA6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIH1cblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBjb2xvcjogJHtmb2N1c0NvbG9yID8gZm9jdXNDb2xvciA6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICB9XG5cbiAgICAgICAgJjphY3RpdmUsXG4gICAgICAgICY6ZGlzYWJsZWQge1xuICAgICAgICAgIGNvbG9yOiAke2FjdGl2ZUNvbG9yID8gYWN0aXZlQ29sb3IgOiBjb2xvciA/IGNvbG9yIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgfVxuXG4gICAgICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgICBjb2xvcjogJHtjb2xvciA/IGdldERpc2FibGVkVGV4dENvbG9yKGNvbG9yKSA6IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIH1cblxuICAgICAgICAkeyFkaXNhYmxlT3ZlcmxheSAmJiB0aGVtZS5zdGF0ZXMub3ZlcmxheShmYWxzZSwgb3ZlcmxheU9wdGlvbnMpfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SWNvbiBzaXplPXtzaXplfSBmb2N1c2FibGU9e2ZhbHNlfSAvPlxuICAgIDwvQ29tcG9uZW50PlxuICApXG5cbiAgaWYgKGRpc2FibGVUb29sdGlwIHx8IGRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGljb25CdXR0b25cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFVuc3RhYmxlV2l0aFRvb2x0aXAgY29udGVudD17dG9vbHRpcCB8fCB0aXRsZSB8fCBhcmlhTGFiZWx9IGVudGVyRGVsYXk9ezUwMH0gbGVhdmVEZWxheT17MjAwfT5cbiAgICAgIHtpY29uQnV0dG9ufVxuICAgIDwvVW5zdGFibGVXaXRoVG9vbHRpcD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBJY29uQnV0dG9uXG4iXX0= */"),
|
|
109
|
+
...rest,
|
|
110
|
+
children: (0, _jsxRuntime.jsx)(Icon, {
|
|
111
|
+
size: size,
|
|
112
|
+
focusable: false
|
|
113
|
+
})
|
|
114
|
+
});
|
|
124
115
|
if (disableTooltip || disabled) {
|
|
125
116
|
return iconButton;
|
|
126
117
|
}
|
|
127
|
-
return (0,
|
|
128
|
-
css: _ref,
|
|
118
|
+
return (0, _jsxRuntime.jsx)(_Tooltip.UnstableWithTooltip, {
|
|
129
119
|
content: tooltip || title || ariaLabel,
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
120
|
+
enterDelay: 500,
|
|
121
|
+
leaveDelay: 200,
|
|
122
|
+
children: iconButton
|
|
123
|
+
});
|
|
124
|
+
};
|
|
125
|
+
var _default = exports.default = IconButton;
|
package/cjs/button/LinkButton.js
CHANGED
|
@@ -8,16 +8,16 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _Button = _interopRequireDefault(require("./Button"));
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
13
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
-
|
|
14
|
-
const LinkButton = props => (0, _react2.jsx)(_Button.default, _extends({
|
|
14
|
+
const LinkButton = props => (0, _jsxRuntime.jsx)(_Button.default, {
|
|
15
15
|
as: "a",
|
|
16
16
|
variation: "link",
|
|
17
17
|
iconSpacing: _theme.theme.spacing.xxs,
|
|
18
18
|
tabIndex: props.disabled ? -1 : 0,
|
|
19
|
-
css: /*#__PURE__*/(0, _react2.css)("&:focus{color:", _theme.theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:LinkButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vTGlua0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vTGlua0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBCdXR0b24sIHsgQnV0dG9uUHJvcHMgfSBmcm9tICcuL0J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgTGlua0J1dHRvblByb3BzID0gUmVhY3QuUHJvcHNXaXRob3V0UmVmPFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snYSddPiAmXG4gIEJ1dHRvblByb3BzICYge1xuICAgIGhyZWY/OiBzdHJpbmdcbiAgICB0YXJnZXQ/OiBzdHJpbmdcbiAgfVxuXG5leHBvcnQgY29uc3QgTGlua0J1dHRvbiA9IChwcm9wczogTGlua0J1dHRvblByb3BzKSA9PiAoXG4gIDxCdXR0b25cbiAgICBhcz1cImFcIlxuICAgIHZhcmlhdGlvbj1cImxpbmtcIlxuICAgIGljb25TcGFjaW5nPXt0aGVtZS5zcGFjaW5nLnh4c31cbiAgICB0YWJJbmRleD17cHJvcHMuZGlzYWJsZWQgPyAtMSA6IDB9XG4gICAgY3NzPXtjc3NgXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbilcblxuZXhwb3J0IGRlZmF1bHQgTGlua0J1dHRvblxuIl19 */")
|
|
20
|
-
|
|
19
|
+
css: /*#__PURE__*/(0, _react2.css)("&:focus{color:", _theme.theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:LinkButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vTGlua0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vTGlua0J1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBCdXR0b24sIHsgQnV0dG9uUHJvcHMgfSBmcm9tICcuL0J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgTGlua0J1dHRvblByb3BzID0gUmVhY3QuUHJvcHNXaXRob3V0UmVmPFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snYSddPiAmXG4gIEJ1dHRvblByb3BzICYge1xuICAgIGhyZWY/OiBzdHJpbmdcbiAgICB0YXJnZXQ/OiBzdHJpbmdcbiAgfVxuXG5leHBvcnQgY29uc3QgTGlua0J1dHRvbiA9IChwcm9wczogTGlua0J1dHRvblByb3BzKSA9PiAoXG4gIDxCdXR0b25cbiAgICBhcz1cImFcIlxuICAgIHZhcmlhdGlvbj1cImxpbmtcIlxuICAgIGljb25TcGFjaW5nPXt0aGVtZS5zcGFjaW5nLnh4c31cbiAgICB0YWJJbmRleD17cHJvcHMuZGlzYWJsZWQgPyAtMSA6IDB9XG4gICAgY3NzPXtjc3NgXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgLz5cbilcblxuZXhwb3J0IGRlZmF1bHQgTGlua0J1dHRvblxuIl19 */"),
|
|
20
|
+
...props
|
|
21
|
+
});
|
|
21
22
|
exports.LinkButton = LinkButton;
|
|
22
|
-
var _default = LinkButton;
|
|
23
|
-
exports.default = _default;
|
|
23
|
+
var _default = exports.default = LinkButton;
|