@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
|
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _button = 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
|
-
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); }
|
|
13
13
|
function iconButtonStyles({
|
|
14
14
|
isActive
|
|
15
15
|
}) {
|
|
@@ -23,13 +23,13 @@ const AppBarIconButton = ({
|
|
|
23
23
|
showTooltip = true,
|
|
24
24
|
...rest
|
|
25
25
|
}) => {
|
|
26
|
-
return (0,
|
|
26
|
+
return (0, _jsxRuntime.jsx)(_button.IconButton, {
|
|
27
27
|
css: iconButtonStyles({
|
|
28
28
|
isActive: isActive
|
|
29
29
|
}),
|
|
30
30
|
ariaLabel: ariaLabel,
|
|
31
|
-
disableTooltip: !showTooltip
|
|
32
|
-
|
|
31
|
+
disableTooltip: !showTooltip,
|
|
32
|
+
...rest
|
|
33
|
+
});
|
|
33
34
|
};
|
|
34
|
-
var _default = AppBarIconButton;
|
|
35
|
-
exports.default = _default;
|
|
35
|
+
var _default = exports.default = AppBarIconButton;
|