@dfds-ui/react-components 2.2.0-alpha.9bb1ab0f → 2.2.0-alpha.a78c2264
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 +13 -6
- package/app-bar/AppBarIconButton.js +10 -5
- package/app-bar/AppBarItem.js +71 -56
- package/assertions/banner/Banner.js +65 -51
- 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.js +52 -56
- package/badge/Badge.js +17 -9
- package/button/BadgeIcon.js +18 -16
- package/button/Button.js +27 -19
- package/button/IconButton.js +20 -13
- package/button/LinkButton.js +8 -3
- package/button-stack/ButtonStack.js +27 -19
- 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 +7 -7
- package/cjs/app-bar/AppBarIconButton.js +6 -6
- package/cjs/app-bar/AppBarItem.js +63 -54
- package/cjs/app-bar/AppBarListItem.js +1 -2
- package/cjs/assertions/banner/Banner.js +56 -49
- 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.js +36 -28
- 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.js +15 -14
- package/cjs/button/LinkButton.js +6 -6
- package/cjs/button/button-style.js +8 -15
- package/cjs/button-stack/ButtonStack.js +19 -17
- 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.js +15 -11
- package/cjs/common/emotionCloneElement.js +1 -2
- package/cjs/common/polymorphic.js +9 -5
- package/cjs/counter/Counter.js +50 -43
- package/cjs/counter/PluralCounter.js +13 -11
- package/cjs/data-table/DataTable.js +45 -37
- package/cjs/date-range-picker/DateRangePicker.d.ts +4 -4
- package/cjs/date-range-picker/DateRangePicker.js +276 -207
- package/cjs/date-range-picker/DateRangePicker.styles.d.ts +6 -0
- package/cjs/date-range-picker/DateRangePicker.styles.js +14 -0
- package/cjs/divider/Divider.js +6 -6
- package/cjs/drawer/Drawer.js +10 -8
- package/cjs/dropdown-menu/Dropdown.js +34 -29
- 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.js +36 -31
- package/cjs/forms/checkbox/ExampleControlComponent.js +7 -7
- package/cjs/forms/email-field/EmailField.js +7 -7
- package/cjs/forms/error-text/ErrorText.js +1 -2
- package/cjs/forms/field/Field.js +10 -6
- package/cjs/forms/input/Input.js +23 -21
- package/cjs/forms/input/InputComposition.js +29 -23
- package/cjs/forms/label/Label.js +6 -3
- package/cjs/forms/number-field/NumberField.js +6 -6
- package/cjs/forms/password-field/PasswordField.js +10 -10
- package/cjs/forms/radio/Radio.js +20 -19
- package/cjs/forms/reactselect/ReactSelect.js +70 -61
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +47 -38
- package/cjs/forms/select/Select.js +25 -22
- package/cjs/forms/select-field/SelectField.js +33 -29
- package/cjs/forms/switch/Switch.js +28 -22
- package/cjs/forms/tel-field/TelField.js +7 -7
- package/cjs/forms/text-field/TextField.js +37 -34
- 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/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 +22 -15
- 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.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 +41 -33
- 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 +30 -19
- 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.js +20 -14
- package/cjs/tab/Tab.js +7 -6
- package/cjs/tab/TabPanel.js +6 -6
- package/cjs/tab/Tabs.js +29 -28
- package/cjs/tab/TabsContext.js +7 -8
- package/cjs/table/Table.js +15 -15
- package/cjs/table/TableBody.js +8 -9
- package/cjs/table/TableDataCell.js +9 -10
- package/cjs/table/TableHead.js +10 -12
- package/cjs/table/TableHeaderCell.js +9 -10
- package/cjs/table/TableRow.js +9 -10
- package/cjs/test/Test.js +5 -4
- package/cjs/tooltip/Tooltip.js +28 -22
- package/cjs/typography/Headlines.js +14 -20
- package/cjs/typography/Text.js +2 -3
- package/common/LockBodyScroll.js +20 -10
- package/common/polymorphic.js +9 -3
- package/common/use-media.js +2 -2
- package/counter/Counter.js +50 -42
- package/counter/PluralCounter.js +20 -11
- package/data-table/DataTable.js +52 -38
- package/date-range-picker/DateRangePicker.d.ts +4 -4
- package/date-range-picker/DateRangePicker.js +319 -238
- package/date-range-picker/DateRangePicker.styles.d.ts +6 -0
- package/date-range-picker/DateRangePicker.styles.js +9 -0
- package/divider/Divider.js +10 -5
- package/drawer/Drawer.js +15 -6
- package/dropdown-menu/Dropdown.js +42 -31
- 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.js +42 -32
- package/forms/checkbox/ExampleControlComponent.js +15 -8
- package/forms/email-field/EmailField.js +8 -3
- package/forms/field/Field.js +9 -4
- package/forms/input/Input.js +29 -22
- package/forms/input/InputComposition.js +29 -17
- package/forms/label/Label.js +12 -4
- package/forms/number-field/NumberField.js +8 -3
- package/forms/password-field/PasswordField.js +15 -9
- package/forms/radio/Radio.js +25 -18
- package/forms/reactselect/ReactSelect.js +65 -57
- package/forms/searchable-select/AsyncSearchableSelect.js +50 -38
- package/forms/select/Select.js +31 -23
- package/forms/select-field/SelectField.js +38 -29
- package/forms/switch/Switch.js +35 -23
- package/forms/tel-field/TelField.js +8 -3
- package/forms/text-field/TextField.js +43 -34
- 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/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 +25 -12
- package/mobile-stepper/MobileStepper.js +26 -18
- package/nav-bar/NavBar.js +41 -23
- package/nav-menu/NavMenuItem.js +12 -10
- package/package.json +14 -16
- package/pagination/Pagination.js +53 -35
- 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 +47 -34
- 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 +31 -12
- 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.js +17 -14
- package/tab/Tab.js +13 -6
- package/tab/TabPanel.js +5 -4
- package/tab/Tabs.js +42 -35
- package/tab/TabsContext.js +5 -4
- package/table/Table.js +20 -13
- package/table/TableBody.js +13 -7
- package/table/TableDataCell.js +14 -8
- package/table/TableHead.js +10 -8
- package/table/TableHeaderCell.js +14 -8
- package/table/TableRow.js +11 -10
- package/test/Test.js +4 -2
- package/tooltip/Tooltip.js +31 -21
- 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/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/app-bar/AppBarContext.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
2
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."); }
|
|
3
3
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
4
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++)
|
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0)
|
|
4
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
6
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
7
7
|
import * as React from 'react';
|
|
8
|
-
import { jsx as
|
|
8
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
9
9
|
var AppBarContext = /*#__PURE__*/React.createContext(undefined);
|
|
10
10
|
export var AppBarProvider = function AppBarProvider(_ref) {
|
|
11
11
|
var children = _ref.children;
|
|
@@ -17,14 +17,15 @@ export var AppBarProvider = function AppBarProvider(_ref) {
|
|
|
17
17
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
18
18
|
height = _React$useState4[0],
|
|
19
19
|
setHeight = _React$useState4[1];
|
|
20
|
-
return
|
|
20
|
+
return _jsx(AppBarContext.Provider, {
|
|
21
21
|
value: {
|
|
22
22
|
drawerOpen: drawerOpen,
|
|
23
23
|
setDrawerOpen: setDrawerOpen,
|
|
24
24
|
height: height,
|
|
25
25
|
setHeight: setHeight
|
|
26
|
-
}
|
|
27
|
-
|
|
26
|
+
},
|
|
27
|
+
children: children
|
|
28
|
+
});
|
|
28
29
|
};
|
|
29
30
|
export var useAppBarContext = function useAppBarContext() {
|
|
30
31
|
var context = React.useContext(AppBarContext);
|
package/app-bar/AppBarDrawer.js
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
1
2
|
import _styled from "@emotion/styled/base";
|
|
2
3
|
var _excluded = ["children"];
|
|
3
|
-
function
|
|
4
|
-
function
|
|
5
|
-
function
|
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
7
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
8
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
10
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
6
11
|
import { theme } from '@dfds-ui/theme';
|
|
7
12
|
import { Drawer } from '@mui/material';
|
|
8
13
|
import * as React from 'react';
|
|
9
14
|
import { useAppBarContext } from './';
|
|
10
|
-
import { jsx as
|
|
15
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
11
16
|
var APPBAR_HEIGHT = '3rem';
|
|
12
17
|
var StyledDrawer = /*#__PURE__*/_styled(Drawer, process.env.NODE_ENV === "production" ? {
|
|
13
18
|
target: "evgyi4x0"
|
|
@@ -21,11 +26,13 @@ var AppBarDrawer = function AppBarDrawer(_ref) {
|
|
|
21
26
|
var _useAppBarContext = useAppBarContext(),
|
|
22
27
|
drawerOpen = _useAppBarContext.drawerOpen,
|
|
23
28
|
setDrawerOpen = _useAppBarContext.setDrawerOpen;
|
|
24
|
-
return
|
|
29
|
+
return _jsx(StyledDrawer, _objectSpread(_objectSpread({
|
|
25
30
|
open: drawerOpen,
|
|
26
31
|
onClose: function onClose() {
|
|
27
32
|
return setDrawerOpen(false);
|
|
28
33
|
}
|
|
29
|
-
}, props),
|
|
34
|
+
}, props), {}, {
|
|
35
|
+
children: children
|
|
36
|
+
}));
|
|
30
37
|
};
|
|
31
38
|
export default AppBarDrawer;
|
|
@@ -1,12 +1,17 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
1
2
|
var _excluded = ["isActive", "ariaLabel", "showTooltip"];
|
|
2
|
-
function
|
|
3
|
-
function
|
|
4
|
-
function
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
9
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
10
|
import React from 'react';
|
|
6
11
|
import { IconButton } from '../button';
|
|
7
12
|
import { theme } from '@dfds-ui/theme';
|
|
8
13
|
import { css } from '@emotion/react';
|
|
9
|
-
import { jsx as
|
|
14
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
10
15
|
function iconButtonStyles(_ref) {
|
|
11
16
|
var isActive = _ref.isActive;
|
|
12
17
|
return /*#__PURE__*/css("height:100%;font-size:1.5rem;position:relative;color:", theme.colors.primary.main, ";padding:0 0.75rem;&:hover{color:", theme.colors.primary.main, ";}&:active,&:hover,&:focus{outline:none;border:none;padding:0 0.75rem;}&:active{color:", theme.colors.secondary.main, ";}", theme.states.overlay(isActive, {
|
|
@@ -19,7 +24,7 @@ var AppBarIconButton = function AppBarIconButton(_ref2) {
|
|
|
19
24
|
_ref2$showTooltip = _ref2.showTooltip,
|
|
20
25
|
showTooltip = _ref2$showTooltip === void 0 ? true : _ref2$showTooltip,
|
|
21
26
|
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
22
|
-
return
|
|
27
|
+
return _jsx(IconButton, _objectSpread({
|
|
23
28
|
css: iconButtonStyles({
|
|
24
29
|
isActive: isActive
|
|
25
30
|
}),
|