@dfds-ui/react-components 1.1.14-alpha.5342eb14 → 1.1.14-alpha.5d09d611
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 +26 -34
- package/accordion/AccordionContent.js +3 -8
- package/accordion/AccordionSmall.js +14 -22
- package/app-bar/AppBar.js +40 -73
- package/app-bar/AppBarContext.js +6 -17
- package/app-bar/AppBarDrawer.js +3 -12
- package/app-bar/AppBarIconButton.js +4 -12
- package/app-bar/AppBarItem.d.ts +1 -1
- package/app-bar/AppBarItem.js +17 -43
- package/app-bar/AppBarListItem.js +0 -2
- package/assertions/banner/Banner.js +47 -86
- package/assertions/banner/BannerAction.js +3 -13
- package/assertions/banner/BannerTypography.js +0 -6
- package/assertions/toast/Toast.js +6 -22
- package/assertions/toast/Toaster.d.ts +1 -1
- package/assertions/toast/Toaster.js +15 -49
- package/badge/Badge.js +9 -17
- package/button/BadgeIcon.js +1 -1
- package/button/BaseButton.d.ts +1 -1
- package/button/BaseButton.js +0 -2
- package/button/Button.js +14 -38
- package/button/IconButton.d.ts +1 -1
- package/button/IconButton.js +23 -49
- package/button/LinkButton.js +0 -1
- package/button/button-style.d.ts +7 -7
- package/button/button-style.js +0 -1
- package/button/index.js +2 -1
- package/button-stack/ButtonStack.js +9 -21
- package/card/Card.js +32 -85
- package/card/CardActions.js +1 -9
- package/card/CardContent.js +2 -10
- package/card/CardMedia.js +4 -14
- package/card/CardPriceTag.js +4 -17
- package/card/CardTitle.js +5 -15
- package/chip/Chip.js +16 -40
- package/cjs/accordion/Accordion.js +20 -42
- package/cjs/accordion/AccordionContent.js +3 -15
- package/cjs/accordion/AccordionSmall.js +10 -31
- package/cjs/accordion/index.js +0 -6
- package/cjs/app-bar/AppBar.js +40 -82
- package/cjs/app-bar/AppBarContext.js +6 -25
- package/cjs/app-bar/AppBarDrawer.js +3 -21
- package/cjs/app-bar/AppBarIconButton.js +4 -17
- package/cjs/app-bar/AppBarItem.d.ts +1 -1
- package/cjs/app-bar/AppBarItem.js +17 -57
- package/cjs/app-bar/AppBarListItem.js +0 -6
- package/cjs/app-bar/index.js +16 -23
- package/cjs/assertions/banner/Banner.js +39 -92
- package/cjs/assertions/banner/BannerAction.js +3 -21
- package/cjs/assertions/banner/BannerTypography.js +0 -12
- package/cjs/assertions/banner/index.js +0 -6
- package/cjs/assertions/index.js +0 -4
- package/cjs/assertions/toast/Toast.js +6 -28
- package/cjs/assertions/toast/Toaster.d.ts +1 -1
- package/cjs/assertions/toast/Toaster.js +11 -52
- package/cjs/assertions/toast/index.js +0 -5
- package/cjs/badge/Badge.js +9 -24
- package/cjs/badge/index.js +0 -4
- package/cjs/button/BadgeIcon.js +0 -6
- package/cjs/button/BaseButton.d.ts +1 -1
- package/cjs/button/BaseButton.js +2 -9
- package/cjs/button/Button.js +14 -39
- package/cjs/button/IconButton.d.ts +1 -1
- package/cjs/button/IconButton.js +24 -58
- package/cjs/button/LinkButton.js +0 -10
- package/cjs/button/button-style.d.ts +7 -7
- package/cjs/button/button-style.js +1 -5
- package/cjs/button/index.js +4 -14
- package/cjs/button-stack/ButtonStack.js +7 -23
- package/cjs/button-stack/index.js +0 -2
- package/cjs/card/Card.js +34 -91
- package/cjs/card/CardActions.js +1 -15
- package/cjs/card/CardContent.js +2 -15
- package/cjs/card/CardMedia.js +4 -17
- package/cjs/card/CardPriceTag.js +4 -16
- package/cjs/card/CardTitle.js +5 -21
- package/cjs/card/index.js +10 -17
- package/cjs/chip/Chip.js +15 -47
- package/cjs/chip/index.js +0 -4
- package/cjs/common/LockBodyScroll.js +3 -21
- package/cjs/common/arrow.d.ts +1 -1
- package/cjs/common/arrow.js +2 -8
- package/cjs/common/emotionCloneElement.js +0 -6
- package/cjs/common/intent.js +0 -8
- package/cjs/common/miniMoize.js +0 -7
- package/cjs/common/polymorphic.js +2 -8
- package/cjs/common/use-media.js +16 -23
- package/cjs/common/useOnClickOutside.js +1 -10
- package/cjs/common/utils.d.ts +3 -3
- package/cjs/common/utils.js +1 -6
- package/cjs/counter/Counter.js +3 -26
- package/cjs/counter/PluralCounter.js +8 -35
- package/cjs/counter/index.js +0 -3
- package/cjs/data-table/DataTable.js +15 -42
- package/cjs/data-table/index.js +0 -2
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +1 -1
- package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -3
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +1 -1
- package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -3
- package/cjs/date-range-picker/DateRangePicker.js +34 -88
- package/cjs/date-range-picker/index.js +0 -2
- package/cjs/divider/Divider.d.ts +1 -1
- package/cjs/divider/Divider.js +6 -19
- package/cjs/divider/index.js +0 -2
- package/cjs/drawer/Drawer.js +10 -24
- package/cjs/drawer/index.js +0 -2
- package/cjs/dropdown-menu/Dropdown.js +17 -58
- package/cjs/dropdown-menu/DropdownContext.js +0 -11
- package/cjs/dropdown-menu/MenuCheckbox.js +1 -15
- package/cjs/dropdown-menu/MenuItem.d.ts +2 -2
- package/cjs/dropdown-menu/MenuItem.js +33 -67
- package/cjs/dropdown-menu/MenuTitle.js +1 -14
- package/cjs/dropdown-menu/index.js +6 -14
- package/cjs/elevation/index.d.ts +1 -1
- package/cjs/elevation/index.js +0 -10
- package/cjs/flexbox/FlexBox.d.ts +1 -1
- package/cjs/flexbox/FlexBox.js +7 -24
- package/cjs/flexbox/index.js +0 -2
- package/cjs/footer/Footer.js +0 -8
- package/cjs/footer/index.js +0 -2
- package/cjs/forms/assistive-text/AssistiveText.js +0 -5
- package/cjs/forms/asterisk/Asterisk.js +0 -8
- package/cjs/forms/checkbox/Checkbox.d.ts +1 -1
- package/cjs/forms/checkbox/Checkbox.js +14 -34
- package/cjs/forms/checkbox/ExampleControlComponent.js +5 -23
- package/cjs/forms/checkbox/index.js +0 -2
- package/cjs/forms/email-field/EmailField.d.ts +1 -1
- package/cjs/forms/email-field/EmailField.js +0 -9
- package/cjs/forms/error-text/ErrorText.js +0 -8
- package/cjs/forms/field/Field.js +0 -9
- package/cjs/forms/index.js +32 -51
- package/cjs/forms/input/Input.d.ts +1 -1
- package/cjs/forms/input/Input.js +13 -35
- package/cjs/forms/input/InputComposition.d.ts +1 -1
- package/cjs/forms/input/InputComposition.js +23 -48
- package/cjs/forms/label/Label.js +3 -17
- package/cjs/forms/number-field/NumberField.d.ts +1 -1
- package/cjs/forms/number-field/NumberField.js +2 -11
- package/cjs/forms/password-field/PasswordField.d.ts +1 -1
- package/cjs/forms/password-field/PasswordField.js +3 -25
- package/cjs/forms/radio/Radio.d.ts +1 -1
- package/cjs/forms/radio/Radio.js +10 -27
- package/cjs/forms/reactselect/ReactSelect.d.ts +1 -1
- package/cjs/forms/reactselect/ReactSelect.js +34 -65
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +27 -45
- package/cjs/forms/select/Select.d.ts +1 -1
- package/cjs/forms/select/Select.js +10 -30
- package/cjs/forms/select-field/SelectField.d.ts +1 -1
- package/cjs/forms/select-field/SelectField.js +12 -32
- package/cjs/forms/switch/Switch.js +15 -33
- package/cjs/forms/tel-field/TelField.d.ts +1 -1
- package/cjs/forms/tel-field/TelField.js +1 -9
- package/cjs/forms/text-field/TextField.d.ts +1 -1
- package/cjs/forms/text-field/TextField.js +15 -36
- package/cjs/global-styles/GlobalStyles.js +2 -13
- package/cjs/global-styles/ResetStyles.js +0 -7
- package/cjs/global-styles/sanitize.d.ts +1 -1
- package/cjs/global-styles/sanitize.js +0 -3
- package/cjs/grid/Column.js +5 -16
- package/cjs/grid/Container.js +3 -23
- package/cjs/grid/index.js +4 -7
- package/cjs/hero/Hero.js +0 -12
- package/cjs/hero/index.js +0 -2
- package/cjs/hero/stripes.js +0 -6
- package/cjs/ie-banner/IEBanner.js +9 -27
- package/cjs/ie-banner/index.js +0 -2
- package/cjs/index.js +8 -93
- package/cjs/layout/LayoutLegacy.js +0 -7
- package/cjs/lists/FeatureList.js +5 -18
- package/cjs/lists/ListAddon.js +4 -16
- package/cjs/lists/ListDivider.js +4 -16
- package/cjs/lists/ListIcon.js +9 -23
- package/cjs/lists/ListItem.d.ts +1 -1
- package/cjs/lists/ListItem.js +20 -36
- package/cjs/lists/ListText.js +8 -25
- package/cjs/lists/ListTextGroup.js +8 -20
- package/cjs/lists/ListTitle.js +2 -15
- package/cjs/lists/index.js +16 -25
- package/cjs/loader/DfdsLoader.js +0 -13
- package/cjs/loader/Loader.js +0 -10
- package/cjs/loader/index.js +4 -7
- package/cjs/localization/LocaleFlag.js +3 -18
- package/cjs/localization/index.js +0 -4
- package/cjs/localization/locales.js +2 -6
- package/cjs/logo/Logo.js +1 -17
- package/cjs/logo/index.js +0 -2
- package/cjs/media/index.js +0 -2
- package/cjs/menu/Menu.js +13 -34
- package/cjs/menu/index.js +0 -4
- package/cjs/mobile-stepper/MobileStepper.js +7 -23
- package/cjs/mobile-stepper/index.js +0 -2
- package/cjs/nav-bar/NavBar.js +24 -57
- package/cjs/nav-bar/index.js +0 -4
- package/cjs/nav-menu/NavMenuItem.js +0 -10
- package/cjs/nav-menu/index.js +0 -2
- package/cjs/pagination/Pagination.js +3 -22
- package/cjs/pagination/Pagination.styles.d.ts +6 -6
- package/cjs/pagination/Pagination.styles.js +1 -5
- package/cjs/pagination/index.js +0 -2
- package/cjs/popper/Popper.js +17 -35
- package/cjs/popper/index.js +0 -2
- package/cjs/progress-bar/ProgressBar.js +0 -11
- package/cjs/progress-bar/index.js +0 -4
- package/cjs/schedule/ScheduleItem.js +0 -8
- package/cjs/schedule/ScheduleList.js +1 -13
- package/cjs/schedule/index.js +0 -3
- package/cjs/side-sheet/SideSheet.js +32 -66
- package/cjs/side-sheet/SideSheetCloseButton.js +8 -21
- package/cjs/side-sheet/SideSheetContent.js +2 -14
- package/cjs/side-sheet/SideSheetFooter.js +2 -14
- package/cjs/side-sheet/SideSheetHeader.js +5 -19
- package/cjs/side-sheet/SideSheetHeadline.js +0 -7
- package/cjs/side-sheet/index.js +4 -11
- package/cjs/site-layout/SiteLayout.js +17 -40
- package/cjs/site-layout/index.js +0 -4
- package/cjs/skeleton/Skeleton.js +1 -15
- package/cjs/skeleton/index.js +0 -2
- package/cjs/social-media-link-list/SocialMediaLinkList.js +10 -24
- package/cjs/social-media-link-list/index.js +0 -2
- package/cjs/spinner/Spinner.js +11 -26
- package/cjs/spinner/index.js +0 -2
- package/cjs/step/Step.js +21 -44
- package/cjs/step/Step.styles.d.ts +4 -4
- package/cjs/step/Step.styles.js +1 -5
- package/cjs/step/StepButton.js +9 -27
- package/cjs/step/StepContent.js +1 -12
- package/cjs/step/StepContext.js +0 -4
- package/cjs/step/StepLabel.js +2 -12
- package/cjs/step/index.js +0 -2
- package/cjs/stepper/Stepper.js +8 -31
- package/cjs/stepper/StepperContext.js +0 -4
- package/cjs/stepper/index.js +0 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +0 -8
- package/cjs/stepper-feedback-message/index.js +0 -2
- package/cjs/styles/index.js +4 -10
- package/cjs/styles/media.js +3 -8
- package/cjs/styles/rem.js +0 -2
- package/cjs/styles/style-helpers.d.ts +1 -1
- package/cjs/styles/style-helpers.js +0 -5
- package/cjs/styles/theme.js +1 -4
- package/cjs/surface/Surface.d.ts +1 -1
- package/cjs/surface/Surface.js +10 -39
- package/cjs/surface/index.js +0 -2
- package/cjs/tab/Tab.js +7 -25
- package/cjs/tab/TabPanel.js +1 -10
- package/cjs/tab/Tabs.js +22 -60
- package/cjs/tab/TabsContext.js +1 -12
- package/cjs/tab/index.js +6 -12
- package/cjs/table/Table.js +6 -21
- package/cjs/table/TableBody.js +1 -11
- package/cjs/table/TableDataCell.js +3 -17
- package/cjs/table/TableHead.d.ts +1 -1
- package/cjs/table/TableHead.js +4 -18
- package/cjs/table/TableHeaderCell.d.ts +1 -1
- package/cjs/table/TableHeaderCell.js +4 -19
- package/cjs/table/TableRow.js +5 -19
- package/cjs/table/index.js +0 -12
- package/cjs/test/Test.js +0 -5
- package/cjs/tooltip/Tooltip.js +12 -33
- package/cjs/tooltip/index.js +0 -3
- package/cjs/typography/Headlines.d.ts +4 -4
- package/cjs/typography/Headlines.js +9 -23
- package/cjs/typography/Text.js +0 -4
- package/cjs/typography/index.js +0 -4
- package/common/LockBodyScroll.js +9 -19
- package/common/arrow.d.ts +1 -1
- package/common/arrow.js +2 -8
- package/common/emotionCloneElement.js +2 -6
- package/common/intent.js +0 -6
- package/common/miniMoize.js +0 -6
- package/common/polymorphic.js +5 -6
- package/common/use-media.js +17 -22
- package/common/useOnClickOutside.js +0 -7
- package/common/utils.d.ts +3 -3
- package/common/utils.js +0 -5
- package/counter/Counter.js +3 -24
- package/counter/PluralCounter.js +8 -27
- package/data-table/DataTable.js +15 -37
- package/date-range-picker/DatePickerDefaultStyles.d.ts +1 -1
- package/date-range-picker/DatePickerDefaultStyles.js +2 -3
- package/date-range-picker/DatePickerDfdsStyles.d.ts +1 -1
- package/date-range-picker/DateRangePicker.js +37 -78
- package/divider/Divider.d.ts +1 -1
- package/divider/Divider.js +5 -11
- package/drawer/Drawer.js +13 -21
- package/dropdown-menu/Dropdown.js +17 -46
- package/dropdown-menu/DropdownContext.js +1 -5
- package/dropdown-menu/MenuCheckbox.js +10 -16
- package/dropdown-menu/MenuItem.d.ts +2 -2
- package/dropdown-menu/MenuItem.js +32 -56
- package/dropdown-menu/MenuTitle.js +4 -11
- package/elevation/index.d.ts +1 -1
- package/elevation/index.js +2 -9
- package/flexbox/FlexBox.d.ts +1 -1
- package/flexbox/FlexBox.js +6 -18
- package/footer/Footer.js +2 -7
- package/forms/assistive-text/AssistiveText.js +0 -2
- package/forms/asterisk/Asterisk.js +0 -3
- package/forms/checkbox/Checkbox.d.ts +1 -1
- package/forms/checkbox/Checkbox.js +14 -27
- package/forms/checkbox/ExampleControlComponent.js +5 -19
- package/forms/email-field/EmailField.d.ts +1 -1
- package/forms/email-field/EmailField.js +2 -5
- package/forms/error-text/ErrorText.js +0 -6
- package/forms/field/Field.js +3 -10
- package/forms/input/Input.d.ts +1 -1
- package/forms/input/Input.js +13 -31
- package/forms/input/InputComposition.d.ts +1 -1
- package/forms/input/InputComposition.js +24 -43
- package/forms/label/Label.js +3 -11
- package/forms/number-field/NumberField.d.ts +1 -1
- package/forms/number-field/NumberField.js +2 -5
- package/forms/password-field/PasswordField.d.ts +1 -1
- package/forms/password-field/PasswordField.js +3 -17
- package/forms/radio/Radio.d.ts +1 -1
- package/forms/radio/Radio.js +9 -19
- package/forms/reactselect/ReactSelect.d.ts +1 -1
- package/forms/reactselect/ReactSelect.js +33 -51
- package/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
- package/forms/searchable-select/AsyncSearchableSelect.js +27 -36
- package/forms/select/Select.d.ts +1 -1
- package/forms/select/Select.js +10 -24
- package/forms/select-field/SelectField.d.ts +1 -1
- package/forms/select-field/SelectField.js +12 -21
- package/forms/switch/Switch.js +15 -30
- package/forms/tel-field/TelField.d.ts +1 -1
- package/forms/tel-field/TelField.js +2 -5
- package/forms/text-field/TextField.d.ts +1 -1
- package/forms/text-field/TextField.js +15 -23
- package/global-styles/GlobalStyles.js +11 -12
- package/global-styles/ResetStyles.js +1 -4
- package/global-styles/sanitize.d.ts +1 -1
- package/global-styles/sanitize.js +0 -1
- package/grid/Column.js +5 -12
- package/grid/Container.js +5 -16
- package/hero/Hero.js +0 -16
- package/hero/stripes.js +0 -2
- package/ie-banner/IEBanner.js +12 -26
- package/layout/LayoutLegacy.js +8 -10
- package/lists/FeatureList.js +5 -12
- package/lists/ListAddon.js +4 -11
- package/lists/ListDivider.js +4 -11
- package/lists/ListIcon.js +10 -19
- package/lists/ListItem.d.ts +1 -1
- package/lists/ListItem.js +24 -31
- package/lists/ListText.js +10 -23
- package/lists/ListTextGroup.js +8 -15
- package/lists/ListTitle.js +2 -11
- package/loader/DfdsLoader.js +3 -9
- package/loader/Loader.js +0 -10
- package/localization/LocaleFlag.js +3 -8
- package/localization/locales.js +1 -4
- package/logo/Logo.js +1 -9
- package/menu/Menu.js +13 -26
- package/mobile-stepper/MobileStepper.js +7 -24
- package/nav-bar/NavBar.js +23 -46
- package/nav-menu/NavMenuItem.js +6 -12
- package/package.json +17 -17
- package/pagination/Pagination.js +14 -26
- package/pagination/Pagination.styles.d.ts +6 -6
- package/pagination/Pagination.styles.js +0 -3
- package/popper/Popper.js +17 -28
- package/progress-bar/ProgressBar.js +6 -13
- package/schedule/ScheduleItem.js +2 -4
- package/schedule/ScheduleList.js +1 -8
- package/side-sheet/SideSheet.js +38 -62
- package/side-sheet/SideSheetCloseButton.js +8 -13
- package/side-sheet/SideSheetContent.js +2 -7
- package/side-sheet/SideSheetFooter.js +2 -7
- package/side-sheet/SideSheetHeader.js +5 -10
- package/side-sheet/SideSheetHeadline.js +1 -1
- package/site-layout/SiteLayout.js +16 -31
- package/skeleton/Skeleton.js +1 -12
- package/social-media-link-list/SocialMediaLinkList.js +10 -15
- package/spinner/Spinner.js +9 -22
- package/step/Step.js +21 -29
- package/step/Step.styles.d.ts +4 -4
- package/step/Step.styles.js +2 -2
- package/step/StepButton.js +11 -22
- package/step/StepContent.js +1 -8
- package/step/StepLabel.js +3 -9
- package/stepper/Stepper.js +8 -19
- package/stepper-feedback-message/StepperFeedbackMessage.js +0 -4
- package/styles/media.js +1 -5
- package/styles/style-helpers.d.ts +1 -1
- package/styles/style-helpers.js +2 -3
- package/surface/Surface.d.ts +1 -1
- package/surface/Surface.js +7 -21
- package/tab/Tab.js +7 -18
- package/tab/TabPanel.js +2 -7
- package/tab/Tabs.js +24 -52
- package/tab/TabsContext.js +1 -3
- package/table/Table.js +5 -12
- package/table/TableBody.js +1 -6
- package/table/TableDataCell.js +3 -10
- package/table/TableHead.d.ts +1 -1
- package/table/TableHead.js +3 -10
- package/table/TableHeaderCell.d.ts +1 -1
- package/table/TableHeaderCell.js +3 -10
- package/table/TableRow.js +5 -13
- package/tooltip/Tooltip.js +23 -33
- package/typography/Headlines.d.ts +4 -4
- package/typography/Headlines.js +8 -13
- package/typography/Text.js +0 -2
package/cjs/tooltip/index.js
CHANGED
|
@@ -15,9 +15,6 @@ Object.defineProperty(exports, "UnstableWithTooltip", {
|
|
|
15
15
|
return _Tooltip.UnstableWithTooltip;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
|
|
19
18
|
var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
|
|
20
|
-
|
|
21
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
22
|
-
|
|
23
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
declare const headlineStyles: {
|
|
3
|
-
h1: import("@emotion/
|
|
4
|
-
h2: import("@emotion/
|
|
5
|
-
h3: import("@emotion/
|
|
6
|
-
h4: import("@emotion/
|
|
3
|
+
h1: import("@emotion/utils").SerializedStyles;
|
|
4
|
+
h2: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
h3: import("@emotion/utils").SerializedStyles;
|
|
6
|
+
h4: import("@emotion/utils").SerializedStyles;
|
|
7
7
|
};
|
|
8
8
|
export declare const H1: import("@emotion/styled").StyledComponent<{
|
|
9
9
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -3,30 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
|
|
6
|
+
exports.SubHeadline = exports.SmallHeadline = exports.SectionHeadline = exports.HeroHeadline = exports.Headline = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
|
|
8
7
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _react2 = require("@emotion/react");
|
|
13
|
-
|
|
14
10
|
var _styles = require("./../styles");
|
|
15
|
-
|
|
16
11
|
var _theme = require("@dfds-ui/theme");
|
|
17
|
-
|
|
18
12
|
const _excluded = ["as", "styledAs", "className", "noMargin", "children"];
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
-
|
|
24
15
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
25
|
-
|
|
26
16
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
27
|
-
|
|
28
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)."; }
|
|
29
|
-
|
|
30
18
|
const marginStyles = process.env.NODE_ENV === "production" ? {
|
|
31
19
|
name: "1woa6zv",
|
|
32
20
|
styles: "margin:0 0 16px 0"
|
|
@@ -87,25 +75,23 @@ const H4 = /*#__PURE__*/(0, _base.default)("h4", process.env.NODE_ENV === "produ
|
|
|
87
75
|
noMargin
|
|
88
76
|
}) => noMargin && noMarginStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUUwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdHlwb2dyYXBoeS9IZWFkbGluZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGxlZ2FjeU1lZGlhIGFzIG1lZGlhIH0gZnJvbSAnLi8uLi9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEhlYWRsaW5lUHJvcHMgPSBSZWFjdC5Qcm9wc1dpdGhvdXRSZWY8SlNYLkludHJpbnNpY0VsZW1lbnRzWydoMSddPiAmIHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBub01hcmdpbj86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDAgMCAxNnB4IDA7XG5gXG5cbmNvbnN0IG5vTWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IGhlYWRsaW5lU3R5bGVzID0ge1xuICBoMTogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICBmb250LXNpemU6IDUwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICAgICR7bWVkaWEubHQoJ3NtJyl9IHtcbiAgICAgIGZvbnQtc2l6ZTogMzBweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjhweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICBgLFxuICBoMzogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDI2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4xNTtcbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oMX1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgyfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDN9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oNH1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEhlYWRsaW5lOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7XG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgc3R5bGVkQXM/OiBrZXlvZiB0eXBlb2YgaGVhZGxpbmVTdHlsZXNcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufT4gPSAoeyBhcyA9ICdoMScsIHN0eWxlZEFzLCBjbGFzc05hbWUsIG5vTWFyZ2luLCBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IEggPSBhc1xuICBjb25zdCBzdHlsZSA9IHN0eWxlZEFzXG4gICAgPyBzdHlsZWRBc1xuICAgIDogdHlwZW9mIGFzID09PSAnc3RyaW5nJyAmJiBhcyBpbiBoZWFkbGluZVN0eWxlc1xuICAgID8gKGFzIGFzIGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlcylcbiAgICA6ICdoMSdcblxuICByZXR1cm4gKFxuICAgIDxIIGNzcz17W2hlYWRsaW5lU3R5bGVzW3N0eWxlXSwgbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXNdfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSD5cbiAgKVxufVxuXG4vLyBBbGlhc2VzXG5leHBvcnQgY29uc3QgSGVyb0hlYWRsaW5lID0gSDFcbmV4cG9ydCBjb25zdCBTZWN0aW9uSGVhZGxpbmUgPSBIMlxuZXhwb3J0IGNvbnN0IFN1YkhlYWRsaW5lID0gSDNcbmV4cG9ydCBjb25zdCBTbWFsbEhlYWRsaW5lID0gSDRcbiJdfQ== */"));
|
|
89
77
|
exports.H4 = H4;
|
|
90
|
-
|
|
91
78
|
const Headline = _ref => {
|
|
92
79
|
let _ref$as = _ref.as,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
80
|
+
as = _ref$as === void 0 ? 'h1' : _ref$as,
|
|
81
|
+
styledAs = _ref.styledAs,
|
|
82
|
+
className = _ref.className,
|
|
83
|
+
noMargin = _ref.noMargin,
|
|
84
|
+
children = _ref.children,
|
|
85
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
100
86
|
const H = as;
|
|
101
87
|
const style = styledAs ? styledAs : typeof as === 'string' && as in headlineStyles ? as : 'h1';
|
|
102
88
|
return (0, _react2.jsx)(H, _extends({
|
|
103
89
|
css: [headlineStyles[style], noMargin && noMarginStyles, process.env.NODE_ENV === "production" ? "" : ";label:Headline;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0ZPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLy4uL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2gxJ10+ICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbmBcblxuY29uc3Qgbm9NYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgaGVhZGxpbmVTdHlsZXMgPSB7XG4gIGgxOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gICAgJHttZWRpYS5sdCgnc20nKX0ge1xuICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjZweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICBgLFxuICBoNDogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgxfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDJ9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oM31cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmg0fVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzdHlsZWRBcz86IGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlc1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbm9NYXJnaW4/OiBib29sZWFuXG59PiA9ICh7IGFzID0gJ2gxJywgc3R5bGVkQXMsIGNsYXNzTmFtZSwgbm9NYXJnaW4sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgSCA9IGFzXG4gIGNvbnN0IHN0eWxlID0gc3R5bGVkQXNcbiAgICA/IHN0eWxlZEFzXG4gICAgOiB0eXBlb2YgYXMgPT09ICdzdHJpbmcnICYmIGFzIGluIGhlYWRsaW5lU3R5bGVzXG4gICAgPyAoYXMgYXMga2V5b2YgdHlwZW9mIGhlYWRsaW5lU3R5bGVzKVxuICAgIDogJ2gxJ1xuXG4gIHJldHVybiAoXG4gICAgPEggY3NzPXtbaGVhZGxpbmVTdHlsZXNbc3R5bGVdLCBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc119IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IPlxuICApXG59XG5cbi8vIEFsaWFzZXNcbmV4cG9ydCBjb25zdCBIZXJvSGVhZGxpbmUgPSBIMVxuZXhwb3J0IGNvbnN0IFNlY3Rpb25IZWFkbGluZSA9IEgyXG5leHBvcnQgY29uc3QgU3ViSGVhZGxpbmUgPSBIM1xuZXhwb3J0IGNvbnN0IFNtYWxsSGVhZGxpbmUgPSBINFxuIl19 */"],
|
|
104
90
|
className: className
|
|
105
91
|
}, rest), children);
|
|
106
|
-
};
|
|
107
|
-
|
|
92
|
+
};
|
|
108
93
|
|
|
94
|
+
// Aliases
|
|
109
95
|
exports.Headline = Headline;
|
|
110
96
|
const HeroHeadline = H1;
|
|
111
97
|
exports.HeroHeadline = HeroHeadline;
|
package/cjs/typography/Text.js
CHANGED
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Text = void 0;
|
|
7
|
-
|
|
8
7
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
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
|
-
|
|
14
10
|
// TODO: Refine and align with specs
|
|
15
11
|
const Text = /*#__PURE__*/(0, _base.default)("p", process.env.NODE_ENV === "production" ? {
|
|
16
12
|
target: "e1gks3kq0"
|
package/cjs/typography/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _Headlines = require("./Headlines");
|
|
8
|
-
|
|
9
7
|
Object.keys(_Headlines).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _Headlines[key]) return;
|
|
@@ -16,9 +14,7 @@ Object.keys(_Headlines).forEach(function (key) {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
});
|
|
19
|
-
|
|
20
17
|
var _Text = require("./Text");
|
|
21
|
-
|
|
22
18
|
Object.keys(_Text).forEach(function (key) {
|
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
|
24
20
|
if (key in exports && exports[key] === _Text[key]) return;
|
package/common/LockBodyScroll.js
CHANGED
|
@@ -1,22 +1,18 @@
|
|
|
1
1
|
var _excluded = ["enabled", "children"];
|
|
2
|
-
|
|
3
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
|
|
5
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
6
|
-
|
|
7
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
|
-
|
|
9
5
|
import React from 'react';
|
|
10
6
|
import { Global, css } from '@emotion/react';
|
|
11
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
12
8
|
var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
13
9
|
var _ref$bodyClassNameApp = _ref.bodyClassNameApplied,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
bodyClassNameApplied = _ref$bodyClassNameApp === void 0 ? 'body-scroll-locked' : _ref$bodyClassNameApp,
|
|
11
|
+
_ref$htmlClassNameApp = _ref.htmlClassNameApplied,
|
|
12
|
+
htmlClassNameApplied = _ref$htmlClassNameApp === void 0 ? 'html-scroll-locked' : _ref$htmlClassNameApp,
|
|
13
|
+
_ref$preserveScrollPo = _ref.preserveScrollPosition,
|
|
14
|
+
preserveScrollPosition = _ref$preserveScrollPo === void 0 ? true : _ref$preserveScrollPo,
|
|
15
|
+
children = _ref.children;
|
|
20
16
|
React.useImperativeHandle(ref, function () {
|
|
21
17
|
return {
|
|
22
18
|
getGap: function getGap() {
|
|
@@ -27,13 +23,10 @@ var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
27
23
|
React.useLayoutEffect(function () {
|
|
28
24
|
if (typeof document === 'undefined') return;
|
|
29
25
|
var originalTop = window.getComputedStyle(document.body).top; //is this really needed ?
|
|
30
|
-
|
|
31
26
|
var scrollY = window.scrollY || window.pageYOffset;
|
|
32
|
-
|
|
33
27
|
if (preserveScrollPosition) {
|
|
34
28
|
document.body.style.top = "".concat(-scrollY, "px");
|
|
35
29
|
}
|
|
36
|
-
|
|
37
30
|
var bodyWidthBefore = window.getComputedStyle(document.body).width;
|
|
38
31
|
document.documentElement.classList.add(htmlClassNameApplied);
|
|
39
32
|
document.body.classList.add(bodyClassNameApplied);
|
|
@@ -47,11 +40,9 @@ var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
47
40
|
document.body.classList.remove(bodyClassNameApplied);
|
|
48
41
|
document.body.style.paddingRight = '';
|
|
49
42
|
document.body.style.top = originalTop;
|
|
50
|
-
|
|
51
43
|
if (preserveScrollPosition) {
|
|
52
44
|
window.scrollTo(0, parseInt(scrollY || '0') * -1);
|
|
53
45
|
}
|
|
54
|
-
|
|
55
46
|
delete document.body.dataset.lockBodyScrollGap;
|
|
56
47
|
};
|
|
57
48
|
}, [bodyClassNameApplied, htmlClassNameApplied, preserveScrollPosition]);
|
|
@@ -61,10 +52,9 @@ var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
|
61
52
|
});
|
|
62
53
|
export var LockBodyScroll = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
63
54
|
var _ref2$enabled = _ref2.enabled,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
55
|
+
enabled = _ref2$enabled === void 0 ? true : _ref2$enabled,
|
|
56
|
+
children = _ref2.children,
|
|
57
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
68
58
|
return enabled ? ___EmotionJSX(LockBodyScrollComponent, _extends({}, rest, {
|
|
69
59
|
ref: ref
|
|
70
60
|
}), children) : ___EmotionJSX(React.Fragment, null, children);
|
package/common/arrow.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ export declare type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | '
|
|
|
3
3
|
* Create css for an arrow
|
|
4
4
|
* A <div> tag must surround {children} to work
|
|
5
5
|
*/
|
|
6
|
-
export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/
|
|
6
|
+
export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/utils").SerializedStyles;
|
package/common/arrow.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
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)."; }
|
|
2
|
-
|
|
3
2
|
import { css } from '@emotion/react';
|
|
4
|
-
|
|
5
3
|
function px(size) {
|
|
6
4
|
return "".concat(size, "px");
|
|
7
|
-
}
|
|
8
|
-
|
|
5
|
+
}
|
|
9
6
|
|
|
7
|
+
// currently limited positions
|
|
10
8
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
11
9
|
name: "abcix4",
|
|
12
10
|
styles: "top:0"
|
|
@@ -16,7 +14,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
16
14
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURXIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZnVuY3Rpb24gcHgoc2l6ZTogbnVtYmVyKSB7XG4gIHJldHVybiBgJHtzaXplfXB4YFxufVxuXG4vLyBjdXJyZW50bHkgbGltaXRlZCBwb3NpdGlvbnNcbmV4cG9ydCB0eXBlIEFycm93UG9zaXRpb24gPSAndG9wLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAnYm90dG9tLWxlZnQnIHwgJ2JvdHRvbS1yaWdodCdcblxuLyoqXG4gKiBDcmVhdGUgY3NzIGZvciBhbiBhcnJvd1xuICogQSA8ZGl2PiB0YWcgbXVzdCBzdXJyb3VuZCB7Y2hpbGRyZW59IHRvIHdvcmtcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gYXJyb3coXG4gIHNpemU6IG51bWJlcixcbiAgY29sb3I6IHN0cmluZyxcblxuICBvZmZzZXQgPSAyMCxcbiAgcG9zaXRpb246IEFycm93UG9zaXRpb24gPSAndG9wLXJpZ2h0J1xuKSB7XG4gIGNvbnN0IGRlZ1RvUmFkID0gKHg6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiAoeCAvIDE4MCkgKiBNYXRoLlBJXG4gIH1cbiAgY29uc3QgY2FsY3VsYXRlZFNpemUgPSBNYXRoLnNpbihkZWdUb1JhZCg0NSkpICogc2l6ZVxuXG4gIGNvbnN0IHNoYWRvdyA9IDhcblxuICBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuICBgXG5cbiAgcmV0dXJuIGNzc2BcbiAgICA6OmJlZm9yZSB7XG4gICAgICAke2Jhc2V9XG4gICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICBib3JkZXI6ICR7cHgoY2FsY3VsYXRlZFNpemUpfSBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgYm94LXNoYWRvdzogMCAwICR7cHgoc2hhZG93KX0gMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuXG4gICAgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgcGFkZGluZzogNXB4IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgJHtiYXNlfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdib3R0b20nKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICBgfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdsZWZ0JykgPyAnbGVmdCcgOiAncmlnaHQnfTogJHtweChvZmZzZXQpfTtcbiAgICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuIl19 */",
|
|
17
15
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
18
16
|
};
|
|
19
|
-
|
|
20
17
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
21
18
|
name: "f16dz6",
|
|
22
19
|
styles: "position:absolute;display:inline-block;content:'';width:0;height:0"
|
|
@@ -26,7 +23,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
26
23
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJrQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tbW9uL2Fycm93LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmZ1bmN0aW9uIHB4KHNpemU6IG51bWJlcikge1xuICByZXR1cm4gYCR7c2l6ZX1weGBcbn1cblxuLy8gY3VycmVudGx5IGxpbWl0ZWQgcG9zaXRpb25zXG5leHBvcnQgdHlwZSBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1sZWZ0JyB8ICd0b3AtcmlnaHQnIHwgJ2JvdHRvbS1sZWZ0JyB8ICdib3R0b20tcmlnaHQnXG5cbi8qKlxuICogQ3JlYXRlIGNzcyBmb3IgYW4gYXJyb3dcbiAqIEEgPGRpdj4gdGFnIG11c3Qgc3Vycm91bmQge2NoaWxkcmVufSB0byB3b3JrXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGFycm93KFxuICBzaXplOiBudW1iZXIsXG4gIGNvbG9yOiBzdHJpbmcsXG5cbiAgb2Zmc2V0ID0gMjAsXG4gIHBvc2l0aW9uOiBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1yaWdodCdcbikge1xuICBjb25zdCBkZWdUb1JhZCA9ICh4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gKHggLyAxODApICogTWF0aC5QSVxuICB9XG4gIGNvbnN0IGNhbGN1bGF0ZWRTaXplID0gTWF0aC5zaW4oZGVnVG9SYWQoNDUpKSAqIHNpemVcblxuICBjb25zdCBzaGFkb3cgPSA4XG5cbiAgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgYFxuXG4gIHJldHVybiBjc3NgXG4gICAgOjpiZWZvcmUge1xuICAgICAgJHtiYXNlfVxuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICR7cG9zaXRpb24uaW5jbHVkZXMoJ2xlZnQnKSA/ICdsZWZ0JyA6ICdyaWdodCd9OiAke3B4KG9mZnNldCl9O1xuICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAke3B4KHNoYWRvdyl9IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cblxuICAgID4gZGl2IHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgICR7YmFzZX1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnYm90dG9tJykgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgYH1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICAgIGJvcmRlcjogJHtweChjYWxjdWxhdGVkU2l6ZSl9IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiJdfQ== */",
|
|
27
24
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
28
25
|
};
|
|
29
|
-
|
|
30
26
|
/**
|
|
31
27
|
* Create css for an arrow
|
|
32
28
|
* A <div> tag must surround {children} to work
|
|
@@ -34,11 +30,9 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
34
30
|
export default function arrow(size, color) {
|
|
35
31
|
var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 20;
|
|
36
32
|
var position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'top-right';
|
|
37
|
-
|
|
38
33
|
var degToRad = function degToRad(x) {
|
|
39
34
|
return x / 180 * Math.PI;
|
|
40
35
|
};
|
|
41
|
-
|
|
42
36
|
var calculatedSize = Math.sin(degToRad(45)) * size;
|
|
43
37
|
var shadow = 8;
|
|
44
38
|
var base = _ref2;
|
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
2
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
3
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
|
+
import { jsx } from '@emotion/react';
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
// https://github.com/emotion-js/emotion/issues/1404
|
|
9
7
|
var emotionCloneElement = function emotionCloneElement(element, config) {
|
|
10
8
|
for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
11
9
|
children[_key - 2] = arguments[_key];
|
|
12
10
|
}
|
|
13
|
-
|
|
14
11
|
return jsx.apply(void 0, [element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] ? element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] : element.type, _objectSpread(_objectSpread({
|
|
15
12
|
key: element.key !== null ? element.key : undefined,
|
|
16
13
|
ref: element.ref
|
|
17
14
|
}, element.props), config)].concat(children));
|
|
18
15
|
};
|
|
19
|
-
|
|
20
16
|
export default emotionCloneElement;
|
package/common/intent.js
CHANGED
|
@@ -2,20 +2,15 @@ import { theme } from '@dfds-ui/theme';
|
|
|
2
2
|
export function getIntentColor() {
|
|
3
3
|
var intent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'info';
|
|
4
4
|
var muted = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
5
|
-
|
|
6
5
|
switch (intent) {
|
|
7
6
|
case 'none':
|
|
8
7
|
return theme.colors.surface.secondary;
|
|
9
|
-
|
|
10
8
|
case 'info':
|
|
11
9
|
return muted ? theme.colors.status.infomuted : theme.colors.status.info;
|
|
12
|
-
|
|
13
10
|
case 'critical':
|
|
14
11
|
return muted ? theme.colors.status.alertmuted : theme.colors.status.alert;
|
|
15
|
-
|
|
16
12
|
case 'success':
|
|
17
13
|
return muted ? theme.colors.status.successmuted : theme.colors.status.success;
|
|
18
|
-
|
|
19
14
|
case 'warning':
|
|
20
15
|
return muted ? theme.colors.status.warningmuted : theme.colors.status.warning;
|
|
21
16
|
}
|
|
@@ -24,7 +19,6 @@ export function getIntentTextColor(intent) {
|
|
|
24
19
|
switch (intent) {
|
|
25
20
|
case 'none':
|
|
26
21
|
return theme.colors.text.dark.primary;
|
|
27
|
-
|
|
28
22
|
case 'info':
|
|
29
23
|
case 'critical':
|
|
30
24
|
case 'success':
|
package/common/miniMoize.js
CHANGED
|
@@ -2,30 +2,24 @@
|
|
|
2
2
|
export function miniMoize(fn) {
|
|
3
3
|
var cache = null;
|
|
4
4
|
var cacheArgs = null;
|
|
5
|
-
|
|
6
5
|
function wrapper() {
|
|
7
6
|
if (cacheArgs && eq(arguments)) {
|
|
8
7
|
return cache;
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
cache = fn.apply(void 0, arguments);
|
|
12
10
|
cacheArgs = arguments;
|
|
13
11
|
return cache;
|
|
14
12
|
}
|
|
15
|
-
|
|
16
13
|
function eq(arg) {
|
|
17
14
|
if (arg.length !== cacheArgs.length) {
|
|
18
15
|
return false;
|
|
19
16
|
}
|
|
20
|
-
|
|
21
17
|
for (var i = 0; i < arg.length; i++) {
|
|
22
18
|
if (arg[i] !== cacheArgs[i]) {
|
|
23
19
|
return false;
|
|
24
20
|
}
|
|
25
21
|
}
|
|
26
|
-
|
|
27
22
|
return true;
|
|
28
23
|
}
|
|
29
|
-
|
|
30
24
|
return wrapper;
|
|
31
25
|
}
|
package/common/polymorphic.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
|
|
1
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
+
import React from 'react';
|
|
4
|
+
|
|
5
|
+
// TODO: Move this to future core package
|
|
2
6
|
|
|
3
|
-
import React from 'react'; // TODO: Move this to future core package
|
|
4
7
|
// TODO: Consider changing to this pattern:
|
|
5
8
|
// https://blog.andrewbran.ch/polymorphic-react-components/
|
|
6
|
-
|
|
7
9
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
8
|
-
|
|
9
10
|
/**
|
|
10
11
|
* Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
|
|
11
12
|
* polymorphic prop will point to the provided `RenderComponent`.
|
|
@@ -22,12 +23,10 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
|
22
23
|
*/
|
|
23
24
|
export function withRenderAs(PolymorphicComponent, RenderComponent) {
|
|
24
25
|
var Component = function Component(_ref) {
|
|
25
|
-
var props = _extends({}, _ref);
|
|
26
|
-
|
|
26
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
27
27
|
return ___EmotionJSX(PolymorphicComponent, _extends({
|
|
28
28
|
as: RenderComponent
|
|
29
29
|
}, props));
|
|
30
30
|
};
|
|
31
|
-
|
|
32
31
|
return Component;
|
|
33
32
|
}
|
package/common/use-media.js
CHANGED
|
@@ -1,56 +1,51 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
-
|
|
5
3
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
-
|
|
7
4
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
8
|
-
|
|
9
5
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
-
|
|
11
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
import { useEffect, useState } from 'react';
|
|
8
|
+
// from https://github.com/gragland/usehooks
|
|
14
9
|
|
|
15
10
|
export default function useMedia(queries, values, defaultValue) {
|
|
16
11
|
// Array containing a media query list for each query
|
|
17
12
|
var mediaQueryLists = typeof window !== 'undefined' ? queries.map(function (q) {
|
|
18
13
|
return window.matchMedia(q);
|
|
19
|
-
}) : [];
|
|
14
|
+
}) : [];
|
|
20
15
|
|
|
16
|
+
// Function that gets value based on matching media query
|
|
21
17
|
var getValue = function getValue() {
|
|
22
18
|
// Get index of first media query that matches
|
|
23
19
|
var index = mediaQueryLists.findIndex(function (mql) {
|
|
24
20
|
return mql.matches;
|
|
25
|
-
});
|
|
26
|
-
|
|
21
|
+
});
|
|
22
|
+
// Return related value or defaultValue if none
|
|
27
23
|
return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
|
|
28
|
-
};
|
|
29
|
-
|
|
24
|
+
};
|
|
30
25
|
|
|
26
|
+
// State and setter for matched value
|
|
31
27
|
var _useState = useState(getValue),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
value = _useState2[0],
|
|
30
|
+
setValue = _useState2[1];
|
|
36
31
|
useEffect(function () {
|
|
37
32
|
// Event listener callback
|
|
38
33
|
// Note: By defining getValue outside of useEffect we ensure that it has ...
|
|
39
34
|
// ... current values of hook args (as this hook only runs on mount/dismount).
|
|
40
35
|
var handler = function handler() {
|
|
41
36
|
return setValue(getValue);
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
|
|
37
|
+
};
|
|
38
|
+
// Set a listener for each media query with above handler as callback.
|
|
45
39
|
mediaQueryLists.forEach(function (mql) {
|
|
46
40
|
return mql.addListener(handler);
|
|
47
|
-
});
|
|
48
|
-
|
|
41
|
+
});
|
|
42
|
+
// Remove listeners on cleanup
|
|
49
43
|
return function () {
|
|
50
44
|
return mediaQueryLists.forEach(function (mql) {
|
|
51
45
|
return mql.removeListener(handler);
|
|
52
46
|
});
|
|
53
|
-
};
|
|
47
|
+
};
|
|
48
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
54
49
|
}, []); // Empty array ensures effect is only run on mount and unmount
|
|
55
50
|
|
|
56
51
|
return value;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/* eslint-disable react-hooks/exhaustive-deps */
|
|
2
|
-
|
|
3
2
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
4
3
|
import { useEffect, useRef } from 'react';
|
|
5
4
|
var MOUSEDOWN = 'mousedown';
|
|
@@ -7,25 +6,20 @@ var TOUCHSTART = 'touchstart';
|
|
|
7
6
|
var events = [MOUSEDOWN, TOUCHSTART];
|
|
8
7
|
export default function useOnClickOutside(ref, handler) {
|
|
9
8
|
var isBrowser = typeof document !== 'undefined';
|
|
10
|
-
|
|
11
9
|
if (!isBrowser) {
|
|
12
10
|
return;
|
|
13
11
|
}
|
|
14
|
-
|
|
15
12
|
var handlerRef = useLatest(handler);
|
|
16
13
|
useEffect(function () {
|
|
17
14
|
if (!handler) {
|
|
18
15
|
return;
|
|
19
16
|
}
|
|
20
|
-
|
|
21
17
|
var listener = function listener(event) {
|
|
22
18
|
if (!ref.current || !handlerRef.current || ref.current.contains(event.target)) {
|
|
23
19
|
return;
|
|
24
20
|
}
|
|
25
|
-
|
|
26
21
|
handlerRef.current(event);
|
|
27
22
|
};
|
|
28
|
-
|
|
29
23
|
events.forEach(function (event) {
|
|
30
24
|
document.addEventListener(event, listener);
|
|
31
25
|
});
|
|
@@ -36,7 +30,6 @@ export default function useOnClickOutside(ref, handler) {
|
|
|
36
30
|
};
|
|
37
31
|
}, [!handler]);
|
|
38
32
|
}
|
|
39
|
-
|
|
40
33
|
function useLatest(value) {
|
|
41
34
|
var ref = useRef(value);
|
|
42
35
|
useEffect(function () {
|
package/common/utils.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/
|
|
2
|
-
export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/
|
|
3
|
-
export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/
|
|
1
|
+
export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/utils").SerializedStyles | undefined;
|
|
2
|
+
export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
|
|
3
|
+
export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
|
package/common/utils.js
CHANGED
|
@@ -1,26 +1,21 @@
|
|
|
1
1
|
var _templateObject;
|
|
2
|
-
|
|
3
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
4
|
-
|
|
5
3
|
import { css } from '@emotion/react';
|
|
6
4
|
export function ie11MinHeightFix(minHeight) {
|
|
7
5
|
if (typeof minHeight === 'undefined') {
|
|
8
6
|
return undefined;
|
|
9
7
|
}
|
|
10
|
-
|
|
11
8
|
return /*#__PURE__*/css(onlyIE(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &:before {\n content: '';\n height: ", ";\n }"])), minHeight), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ie11MinHeightFix;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbW1vbi91dGlscy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgZnVuY3Rpb24gaWUxMU1pbkhlaWdodEZpeChtaW5IZWlnaHQ/OiBzdHJpbmcpIHtcbiAgaWYgKHR5cGVvZiBtaW5IZWlnaHQgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgLyogRml4IElFMTEgbWluLWhlaWdodCBhbGlnbi1pdGVtcyBmbGV4Ym94IGJ1ZyAqL1xuICAgICR7b25seUlFYFxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAke21pbkhlaWdodH07XG4gICAgICB9YH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUlFKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgYWxsIGFuZCAoLW1zLWhpZ2gtY29udHJhc3Q6IG5vbmUpLCAoLW1zLWhpZ2gtY29udHJhc3Q6IGFjdGl2ZSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBvbmx5Q2hyb21lKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAc3VwcG9ydHMgKC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZSkgYW5kIChub3QgKG92ZXJmbG93OiAtd2Via2l0LW1hcnF1ZWUpKSBhbmQgKG5vdCAoLW1zLWltZS1hbGlnbjogYXV0bykpIGFuZFxuICAgICAgKG5vdCAoLW1vei1hcHBlYXJhbmNlOiBub25lKSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG4iXX0= */");
|
|
12
9
|
}
|
|
13
10
|
export function onlyIE(strings) {
|
|
14
11
|
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
15
12
|
args[_key - 1] = arguments[_key];
|
|
16
13
|
}
|
|
17
|
-
|
|
18
14
|
return /*#__PURE__*/css("@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){", /*#__PURE__*/css.apply(void 0, [strings].concat(args)), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyIE;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
|
|
19
15
|
}
|
|
20
16
|
export function onlyChrome(strings) {
|
|
21
17
|
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
22
18
|
args[_key2 - 1] = arguments[_key2];
|
|
23
19
|
}
|
|
24
|
-
|
|
25
20
|
return /*#__PURE__*/css("@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)){", /*#__PURE__*/css.apply(void 0, [strings].concat(args)), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyChrome;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
|
|
26
21
|
}
|