@entur/menu 4.0.4 → 4.0.7

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.7](https://bitbucket.org/enturas/design-system/compare/@entur/menu@4.0.6...@entur/menu@4.0.7) (2022-03-01)
+
+**Note:** Version bump only for package @entur/menu
+
+## [4.0.6](https://bitbucket.org/enturas/design-system/compare/@entur/menu@4.0.5...@entur/menu@4.0.6) (2022-02-09)
+
+**Note:** Version bump only for package @entur/menu
+
+## [4.0.5](https://bitbucket.org/enturas/design-system/compare/@entur/menu@4.0.4...@entur/menu@4.0.5) (2021-11-17)
+
+**Note:** Version bump only for package @entur/menu
+
 ## [4.0.4](https://bitbucket.org/enturas/design-system/compare/@entur/menu@4.0.3...@entur/menu@4.0.4) (2021-10-18)
 
 ### Bug Fixes

package/dist/BreadcrumbItem.d.ts

@@ -15,7 +15,5 @@ export declare type BreadcrumbItemOwnProps = {
 };
 export declare type BreadcrumbItemProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<BreadcrumbItemOwnProps, E>;
 declare const defaultElement = "a";
-export declare const BreadcrumbItem: <E extends React.ElementType<any> = "a">({ className, isCurrent, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "children" | "className" | "isCurrent">> & BreadcrumbItemOwnProps & {
-    as?: E | undefined;
-}) => JSX.Element;
+export declare const BreadcrumbItem: <E extends React.ElementType<any> = "a">({ className, isCurrent, as, ...rest }: BreadcrumbItemProps<E>) => JSX.Element;
 export {};

package/dist/TopNavigationItem.d.ts

@@ -17,7 +17,5 @@ export declare type TopNavigationItemOwnProps = {
 };
 export declare type TopNavigationItemProps<E extends React.ElementType = typeof defaultElement> = PolymorphicPropsWithoutRef<TopNavigationItemOwnProps, E>;
 declare const defaultElement = "a";
-export declare const TopNavigationItem: <E extends React.ElementType<any> = "a">({ active, className, as, ...rest }: Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "as" | "active" | "children" | "className">> & TopNavigationItemOwnProps & {
-    as?: E | undefined;
-}) => JSX.Element;
+export declare const TopNavigationItem: <E extends React.ElementType<any> = "a">({ active, className, as, ...rest }: TopNavigationItemProps<E>) => JSX.Element;
 export {};

package/dist/menu.cjs.development.js

@@ -2,12 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var utils = require('@entur/utils');
 var React = require('react');
-var React__default = _interopDefault(React);
-var classNames = _interopDefault(require('classnames'));
+var classNames = require('classnames');
 var icons = require('@entur/icons');
 var expand = require('@entur/expand');
 var menuButton = require('@reach/menu-button');
@@ -15,17 +12,22 @@ var typography = require('@entur/typography');
 var button = require('@entur/button');
 var layout = require('@entur/layout');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
 var BreadcrumbNavigation = function BreadcrumbNavigation(_ref) {
   var _ref$ariaLabel = _ref['aria-label'],
       ariaLabel = _ref$ariaLabel === void 0 ? 'Brødsmulesti' : _ref$ariaLabel,
       children = _ref.children;
-  return React__default.createElement("nav", {
+  return React__default["default"].createElement("nav", {
     "aria-label": ariaLabel
-  }, React__default.createElement("ol", {
+  }, React__default["default"].createElement("ol", {
     className: "eds-breadcrumbs"
-  }, React__default.Children.map(children, function (child, index) {
-    return React__default.cloneElement(child, {
-      isCurrent: index + 1 === React__default.Children.count(children)
+  }, React__default["default"].Children.map(children, function (child, index) {
+    return React__default["default"].cloneElement(child, {
+      isCurrent: index + 1 === React__default["default"].Children.count(children)
     });
   })));
 };
@@ -63,41 +65,43 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var defaultElement = 'a';
+var _excluded$8 = ["className", "isCurrent", "as"];
+var defaultElement$1 = 'a';
 var BreadcrumbItem = function BreadcrumbItem(_ref) {
   var className = _ref.className,
       isCurrent = _ref.isCurrent,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "isCurrent", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
 
-  var Element = as || defaultElement;
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("li", {
-    className: classNames('eds-breadcrumb__item', className)
-  }, React__default.createElement(Element, Object.assign({
+  var Element = as || defaultElement$1;
+  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("li", {
+    className: classNames__default["default"]('eds-breadcrumb__item', className)
+  }, React__default["default"].createElement(Element, _extends({
     "aria-current": isCurrent ? 'page' : undefined,
-    className: classNames('eds-breadcrumb__link', {
+    className: classNames__default["default"]('eds-breadcrumb__link', {
       'eds-breadcrumb__link--current': isCurrent
     })
-  }, rest))), !isCurrent && React__default.createElement(icons.RightArrowIcon, {
+  }, rest))), !isCurrent && React__default["default"].createElement(icons.RightArrowIcon, {
     className: "eds-breadcrumb__separator",
     inline: true,
     role: "presentation"
   }));
 };
 
+var _excluded$7 = ["className", "children", "size"];
 var SideNavigation = function SideNavigation(_ref) {
   var className = _ref.className,
       children = _ref.children,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'medium' : _ref$size,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "size"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
 
-  if (!children || !React__default.Children.count(children)) {
+  if (!children || !React__default["default"].Children.count(children)) {
     return null;
   }
 
-  return React__default.createElement("ul", Object.assign({
-    className: classNames('eds-side-navigation', {
+  return React__default["default"].createElement("ul", _extends({
+    className: classNames__default["default"]('eds-side-navigation', {
       'eds-side-navigation--small': size === 'small'
     }, className)
   }, rest), children);
@@ -124,6 +128,7 @@ function useControllableProp(_ref) {
   return prop === undefined ? [internalState, setInternalState] : [prop, updater];
 }
 
+var _excluded$6 = ["className", "children", "size", "collapsed", "onCollapseToggle", "collapsibleButtonPosition"];
 var CollapsibleSideNavigation = function CollapsibleSideNavigation(_ref) {
   var className = _ref.className,
       children = _ref.children,
@@ -132,7 +137,7 @@ var CollapsibleSideNavigation = function CollapsibleSideNavigation(_ref) {
       onCollapseToggle = _ref.onCollapseToggle,
       _ref$collapsibleButto = _ref.collapsibleButtonPosition,
       collapsibleButtonPosition = _ref$collapsibleButto === void 0 ? '50%' : _ref$collapsibleButto,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "size", "collapsed", "onCollapseToggle", "collapsibleButtonPosition"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
 
   var _useControllableProp = useControllableProp({
     prop: collapsible,
@@ -142,17 +147,17 @@ var CollapsibleSideNavigation = function CollapsibleSideNavigation(_ref) {
       collapsedMenu = _useControllableProp[0],
       setCollapsedMenu = _useControllableProp[1];
 
-  return React__default.createElement(SideNavigationContext.Provider, {
+  return React__default["default"].createElement(SideNavigationContext.Provider, {
     value: {
       isCollapsed: collapsedMenu
     }
-  }, React__default.createElement("ul", Object.assign({
-    className: classNames('eds-side-navigation', {
+  }, React__default["default"].createElement("ul", _extends({
+    className: classNames__default["default"]('eds-side-navigation', {
       'eds-side-navigation--small': size === 'small'
     }, {
       'eds-side-navigation--collapsed': collapsedMenu
     }, className)
-  }, rest), children, React__default.createElement("button", {
+  }, rest), children, React__default["default"].createElement("button", {
     className: "eds-side-navigation__collapse-button",
     onClick: function onClick() {
       return setCollapsedMenu(!collapsedMenu);
@@ -160,13 +165,13 @@ var CollapsibleSideNavigation = function CollapsibleSideNavigation(_ref) {
     style: {
       top: "" + collapsibleButtonPosition
     }
-  }, collapsedMenu ? React__default.createElement(icons.MenuIcon, null) : React__default.createElement(icons.LeftArrowIcon, null))));
+  }, collapsedMenu ? React__default["default"].createElement(icons.MenuIcon, null) : React__default["default"].createElement(icons.LeftArrowIcon, null))));
 };
-var SideNavigationContext = /*#__PURE__*/React__default.createContext({
+var SideNavigationContext = /*#__PURE__*/React__default["default"].createContext({
   isCollapsed: false
 });
 var useSideNavigationContext = function useSideNavigationContext() {
-  var context = React__default.useContext(SideNavigationContext);
+  var context = React__default["default"].useContext(SideNavigationContext);
 
   if (!context) {
     console.error('Error reading SideNavigationContext. Please contact maintainer of @entur/menu');
@@ -200,6 +205,10 @@ var useShowDelayedLabel = function useShowDelayedLabel(isCollapsed) {
   return [showLabel];
 };
 
+var _excluded$5 = ["className", "active", "subMenu", "icon", "children", "as"],
+    _excluded2$1 = ["children"],
+    _excluded3$1 = ["active", "disabled", "children", "forceExpandSubMenus", "as"];
+
 function isActiveRecursively(child) {
   if (!child.props) {
     return false;
@@ -213,13 +222,13 @@ function isActiveRecursively(child) {
     return false;
   }
 
-  return React__default.Children.toArray(child.props.children).some(function (child) {
+  return React__default["default"].Children.toArray(child.props.children).some(function (child) {
     return isActiveRecursively(child);
   });
 }
 
 var defaultElementBaseItem = 'a';
-var BaseSideNavigationItem = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+var BaseSideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
@@ -227,7 +236,7 @@ var BaseSideNavigationItem = /*#__PURE__*/React__default.forwardRef(function (_r
       icon = _ref.icon,
       children = _ref.children,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "active", "subMenu", "icon", "children", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   var Element = as || defaultElementBaseItem;
 
@@ -237,20 +246,20 @@ var BaseSideNavigationItem = /*#__PURE__*/React__default.forwardRef(function (_r
   var _useShowDelayedLabel = useShowDelayedLabel(isCollapsed),
       showLabel = _useShowDelayedLabel[0];
 
-  return React__default.createElement("li", {
-    className: classNames('eds-side-navigation__item', className)
-  }, React__default.createElement(Element, Object.assign({
-    className: classNames('eds-side-navigation__click-target', {
+  return React__default["default"].createElement("li", {
+    className: classNames__default["default"]('eds-side-navigation__item', className)
+  }, React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"]('eds-side-navigation__click-target', {
       'eds-side-navigation__click-target--active': active
     }),
     ref: ref
   }, rest), icon, showLabel && children), subMenu);
 });
-var DisabledSideNavigationItem = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
+var DisabledSideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["children"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
 
-  return React__default.createElement(BaseSideNavigationItem, Object.assign({
+  return React__default["default"].createElement(BaseSideNavigationItem, _extends({
     as: "button",
     disabled: true,
     "aria-disabled": true,
@@ -258,16 +267,16 @@ var DisabledSideNavigationItem = /*#__PURE__*/React__default.forwardRef(function
   }, rest), children);
 });
 var defaultElementItem = 'a';
-var SideNavigationItem = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
+var SideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref3, ref) {
   var active = _ref3.active,
       disabled = _ref3.disabled,
       children = _ref3.children,
       forceExpandSubMenus = _ref3.forceExpandSubMenus,
       as = _ref3.as,
-      rest = _objectWithoutPropertiesLoose(_ref3, ["active", "disabled", "children", "forceExpandSubMenus", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref3, _excluded3$1);
 
   var Element = as || defaultElementItem;
-  var childrenArray = React__default.Children.toArray(children);
+  var childrenArray = React__default["default"].Children.toArray(children);
   var subMenu = childrenArray.find(function (child) {
     return child && child.type && child.type.__IS_ENTUR_MENU__;
   });
@@ -276,13 +285,13 @@ var SideNavigationItem = /*#__PURE__*/React__default.forwardRef(function (_ref3,
   }) : children;
 
   if (disabled) {
-    return React__default.createElement(DisabledSideNavigationItem, Object.assign({
+    return React__default["default"].createElement(DisabledSideNavigationItem, _extends({
       ref: ref
     }, rest), label);
   }
 
   if (!subMenu) {
-    return React__default.createElement(BaseSideNavigationItem, Object.assign({
+    return React__default["default"].createElement(BaseSideNavigationItem, _extends({
       as: Element,
       active: active,
       ref: ref
@@ -295,7 +304,7 @@ var SideNavigationItem = /*#__PURE__*/React__default.forwardRef(function (_ref3,
       active: active
     }
   });
-  return React__default.createElement(BaseSideNavigationItem, Object.assign({
+  return React__default["default"].createElement(BaseSideNavigationItem, _extends({
     active: active,
     subMenu: isExpanded && subMenu,
     "aria-expanded": isExpanded,
@@ -304,6 +313,7 @@ var SideNavigationItem = /*#__PURE__*/React__default.forwardRef(function (_ref3,
   }, rest), label);
 });
 
+var _excluded$4 = ["defaultOpen", "open", "onToggle", "className", "children", "title", "icon"];
 var SideNavigationGroup = function SideNavigationGroup(_ref) {
   var _ref$defaultOpen = _ref.defaultOpen,
       defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
@@ -313,7 +323,7 @@ var SideNavigationGroup = function SideNavigationGroup(_ref) {
       children = _ref.children,
       title = _ref.title,
       icon = _ref.icon,
-      rest = _objectWithoutPropertiesLoose(_ref, ["defaultOpen", "open", "onToggle", "className", "children", "title", "icon"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
   var _useControllableProp = useControllableProp({
     prop: open,
@@ -329,35 +339,36 @@ var SideNavigationGroup = function SideNavigationGroup(_ref) {
   var _useShowDelayedLabel = useShowDelayedLabel(isCollapsed),
       showLabel = _useShowDelayedLabel[0];
 
-  return React__default.createElement("div", Object.assign({
-    className: classNames('eds-side-navigation-group', className)
-  }, rest), React__default.createElement("button", {
+  return React__default["default"].createElement("div", _extends({
+    className: classNames__default["default"]('eds-side-navigation-group', className)
+  }, rest), React__default["default"].createElement("button", {
     onClick: function onClick() {
       return setOpen(!isOpen);
     },
     type: "button",
     className: "eds-side-navigation-group__trigger"
-  }, React__default.createElement("span", null, icon && React__default.createElement("span", {
+  }, React__default["default"].createElement("span", null, icon && React__default["default"].createElement("span", {
     className: "eds-side-navigation-group__trigger-icon"
-  }, icon), showLabel && title), showLabel && React__default.createElement(expand.ExpandArrow, {
+  }, icon), showLabel && title), showLabel && React__default["default"].createElement(expand.ExpandArrow, {
     open: isOpen,
     className: "eds-side-navigation-group__expand-icon"
-  })), React__default.createElement(expand.BaseExpand, {
+  })), React__default["default"].createElement(expand.BaseExpand, {
     open: isOpen
   }, children));
 };
 
-var defaultElement$1 = 'a';
+var _excluded$3 = ["active", "className", "as"];
+var defaultElement = 'a';
 var TopNavigationItem = function TopNavigationItem(_ref) {
   var _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
       className = _ref.className,
       as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["active", "className", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  var Element = as || defaultElement$1;
-  return React__default.createElement(Element, Object.assign({
-    className: classNames(['eds-top-navigation-item', className, {
+  var Element = as || defaultElement;
+  return React__default["default"].createElement(Element, _extends({
+    className: classNames__default["default"](['eds-top-navigation-item', className, {
       'eds-top-navigation-item--active': active
     }])
   }, rest));
@@ -369,8 +380,8 @@ var PaginationPage = function PaginationPage(_ref) {
       selected = _ref.selected,
       onClick = _ref.onClick,
       ariaLabel = _ref['aria-label'];
-  return React__default.createElement("button", {
-    className: classNames('eds-pagination__page', {
+  return React__default["default"].createElement("button", {
+    className: classNames__default["default"]('eds-pagination__page', {
       'eds-pagination__page--selected': selected
     }, className),
     disabled: selected,
@@ -388,12 +399,12 @@ var PaginationInput = function PaginationInput(_ref) {
       label = _ref$label === void 0 ? 'Gå til side' : _ref$label,
       onPageChange = _ref.onPageChange;
 
-  var _React$useState = React__default.useState(String(currentPage)),
+  var _React$useState = React__default["default"].useState(String(currentPage)),
       input = _React$useState[0],
       setInput = _React$useState[1]; // If the currentPage prop changes, we want to reset the input field
 
 
-  React__default.useEffect(function () {
+  React__default["default"].useEffect(function () {
     setInput(String(currentPage));
   }, [currentPage]);
 
@@ -427,13 +438,13 @@ var PaginationInput = function PaginationInput(_ref) {
     setInput(e.target.value);
   };
 
-  return React__default.createElement("form", {
+  return React__default["default"].createElement("form", {
     onSubmit: handleSubmit,
     noValidate: true,
     "aria-label": "form"
-  }, React__default.createElement("label", null, React__default.createElement("span", {
+  }, React__default["default"].createElement("label", null, React__default["default"].createElement("span", {
     className: "eds-pagination__input-label"
-  }, label), React__default.createElement("input", {
+  }, label), React__default["default"].createElement("input", {
     type: "number",
     max: pageCount,
     className: "eds-pagination__input-field",
@@ -442,42 +453,45 @@ var PaginationInput = function PaginationInput(_ref) {
   })));
 };
 
+var _excluded$2 = ["children", "className", "button", "position"],
+    _excluded2 = ["children", "className", "onSelect", "disabled", "as"],
+    _excluded3 = ["children", "as", "className", "onSelect", "disabled"];
 var OverflowMenu = function OverflowMenu(_ref) {
   var children = _ref.children,
       className = _ref.className,
       button$1 = _ref.button,
       _ref$position = _ref.position,
       position = _ref$position === void 0 ? 'right' : _ref$position,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "button", "position"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-  return React__default.createElement("div", null, React__default.createElement(menuButton.Menu, null, !button$1 ? React__default.createElement(button.IconButton, Object.assign({
+  return React__default["default"].createElement("div", null, React__default["default"].createElement(menuButton.Menu, null, !button$1 ? React__default["default"].createElement(button.IconButton, _extends({
     as: menuButton.MenuButton,
-    className: classNames(className, 'eds-overflow-menu__menu-button')
-  }, rest), React__default.createElement(icons.VerticalDotsIcon, null)) : React.cloneElement(button$1, _extends({
+    className: classNames__default["default"](className, 'eds-overflow-menu__menu-button')
+  }, rest), React__default["default"].createElement(icons.VerticalDotsIcon, null)) : React.cloneElement(button$1, _extends({
     as: menuButton.MenuButton,
-    className: classNames(className, 'eds-overflow-menu__menu-button')
-  }, rest)), layout.useContrast() ? React__default.createElement(layout.Contrast, {
-    className: classNames('eds-overflow-menu__menu-list'),
+    className: classNames__default["default"](className, 'eds-overflow-menu__menu-button')
+  }, rest)), layout.useContrast() ? React__default["default"].createElement(layout.Contrast, {
+    className: classNames__default["default"]('eds-overflow-menu__menu-list'),
     as: menuButton.MenuList,
     portal: false
-  }, [children]) : React__default.createElement(menuButton.MenuList, {
-    className: classNames('eds-overflow-menu__menu-list', {
+  }, [children]) : React__default["default"].createElement(menuButton.MenuList, {
+    className: classNames__default["default"]('eds-overflow-menu__menu-list', {
       'eds-overflow-menu__menu-list--left': position === 'left'
     }),
     portal: false
   }, [children])));
 };
-var OverflowMenuItem = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
+var OverflowMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
       className = _ref2.className,
       onSelect = _ref2.onSelect,
       disabled = _ref2.disabled,
       _ref2$as = _ref2.as,
       as = _ref2$as === void 0 ? 'div' : _ref2$as,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["children", "className", "onSelect", "disabled", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
-  return React__default.createElement(menuButton.MenuItem, Object.assign({
-    className: classNames('eds-overflow-menu__item', {
+  return React__default["default"].createElement(menuButton.MenuItem, _extends({
+    className: classNames__default["default"]('eds-overflow-menu__item', {
       'eds-overflow-menu__item--disabled': disabled
     }, className),
     onSelect: onSelect,
@@ -486,18 +500,18 @@ var OverflowMenuItem = /*#__PURE__*/React__default.forwardRef(function (_ref2, r
     as: as
   }, rest), children);
 });
-var OverflowMenuLink = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
+var OverflowMenuLink = /*#__PURE__*/React__default["default"].forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
       _ref3$as = _ref3.as,
       as = _ref3$as === void 0 ? 'a' : _ref3$as,
       className = _ref3.className,
       onSelect = _ref3.onSelect,
       disabled = _ref3.disabled,
-      rest = _objectWithoutPropertiesLoose(_ref3, ["children", "as", "className", "onSelect", "disabled"]);
+      rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
 
-  return React__default.createElement(menuButton.MenuLink, Object.assign({
+  return React__default["default"].createElement(menuButton.MenuLink, _extends({
     as: as,
-    className: classNames('eds-overflow-menu__item', {
+    className: classNames__default["default"]('eds-overflow-menu__item', {
       'eds-overflow-menu__item--disabled': disabled
     }, className),
     onSelect: onSelect,
@@ -506,6 +520,7 @@ var OverflowMenuLink = /*#__PURE__*/React__default.forwardRef(function (_ref3, r
   }, rest), children);
 });
 
+var _excluded$1 = ["className", "currentPage", "inputLabel", "onPageChange", "pageCount", "pageLabel", "previousPageLabel", "showInput", "numberOfResults", "resultsPerPage", "resultsPerPageOptions", "onResultsPerPageChange", "showNumberOfResultsLabel", "nextPageLabel", "showingResultsLabel", "hideNextButton", "hidePrevButton"];
 var Pagination = function Pagination(_ref) {
   var className = _ref.className,
       currentPage = _ref.currentPage,
@@ -536,7 +551,7 @@ var Pagination = function Pagination(_ref) {
       hideNextButton = _ref$hideNextButton === void 0 ? false : _ref$hideNextButton,
       _ref$hidePrevButton = _ref.hidePrevButton,
       hidePrevButton = _ref$hidePrevButton === void 0 ? false : _ref$hidePrevButton,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "currentPage", "inputLabel", "onPageChange", "pageCount", "pageLabel", "previousPageLabel", "showInput", "numberOfResults", "resultsPerPage", "resultsPerPageOptions", "onResultsPerPageChange", "showNumberOfResultsLabel", "nextPageLabel", "showingResultsLabel", "hideNextButton", "hidePrevButton"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   var isContrast = layout.useContrast();
 
@@ -561,41 +576,41 @@ var Pagination = function Pagination(_ref) {
     entries = [].concat(entries.slice(0, currentPageIndex), [currentPage, currentPage + 1, currentPage + 2, '…', pageCount]);
   }
 
-  return React__default.createElement("div", Object.assign({
-    className: classNames('eds-pagination', className)
-  }, rest), resultsPerPage && numberOfResults && React__default.createElement("div", {
+  return React__default["default"].createElement("div", _extends({
+    className: classNames__default["default"]('eds-pagination', className)
+  }, rest), resultsPerPage && numberOfResults && React__default["default"].createElement("div", {
     className: "eds-pagination__results"
-  }, onResultsPerPageChange && React__default.createElement(menuButton.Menu, null, function (_ref2) {
+  }, onResultsPerPageChange && React__default["default"].createElement(menuButton.Menu, null, function (_ref2) {
     var isOpen = _ref2.isOpen;
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement(typography.Label, null, showNumberOfResultsLabel), React__default.createElement(menuButton.MenuButton, {
-      className: classNames('eds-pagination-menu__menu-button', {
+    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(typography.Label, null, showNumberOfResultsLabel), React__default["default"].createElement(menuButton.MenuButton, {
+      className: classNames__default["default"]('eds-pagination-menu__menu-button', {
         'eds-pagination-menu__menu-button--open': isOpen
       })
-    }, resultsPerPage, isOpen ? React__default.createElement(icons.UpArrowIcon, null) : React__default.createElement(icons.DownArrowIcon, null)), React__default.createElement(menuButton.MenuList, {
-      className: classNames('eds-pagination-menu__menu-list', 'eds-overflow-menu__menu-list', {
+    }, resultsPerPage, isOpen ? React__default["default"].createElement(icons.UpArrowIcon, null) : React__default["default"].createElement(icons.DownArrowIcon, null)), React__default["default"].createElement(menuButton.MenuList, {
+      className: classNames__default["default"]('eds-pagination-menu__menu-list', 'eds-overflow-menu__menu-list', {
         'eds-contrast': isContrast
       })
     }, resultsPerPageOptions.map(function (option, key) {
-      return React__default.createElement(OverflowMenuItem, {
+      return React__default["default"].createElement(OverflowMenuItem, {
         key: key,
         onSelect: function onSelect() {
           return onResultsPerPageChange(option);
         }
       }, option);
     })));
-  }), React__default.createElement(typography.Label, {
+  }), React__default["default"].createElement(typography.Label, {
     className: "eds-pagination__results-label"
-  }, showingResultsLabel((currentPage - 1) * resultsPerPage + 1, currentPage * resultsPerPage > numberOfResults ? numberOfResults : currentPage * resultsPerPage, numberOfResults))), React__default.createElement("div", {
+  }, showingResultsLabel((currentPage - 1) * resultsPerPage + 1, currentPage * resultsPerPage > numberOfResults ? numberOfResults : currentPage * resultsPerPage, numberOfResults))), React__default["default"].createElement("div", {
     className: "eds-pagination__controls"
-  }, !isFirstPostSelected && !hidePrevButton && React__default.createElement(PaginationPage, {
+  }, !isFirstPostSelected && !hidePrevButton && React__default["default"].createElement(PaginationPage, {
     onClick: function onClick() {
       return onPageChange(currentPage - 1);
     },
     "aria-label": previousPageLabel
-  }, React__default.createElement(icons.LeftArrowIcon, null)), entries.map(function (entry, index) {
-    return entry === '…' ? React__default.createElement(Ellipsis, {
+  }, React__default["default"].createElement(icons.LeftArrowIcon, null)), entries.map(function (entry, index) {
+    return entry === '…' ? React__default["default"].createElement(Ellipsis, {
       key: "ellipsis-" + index
-    }) : React__default.createElement(PaginationPage, {
+    }) : React__default["default"].createElement(PaginationPage, {
       selected: entry === currentPage,
       onClick: function onClick() {
         return onPageChange(entry);
@@ -603,12 +618,12 @@ var Pagination = function Pagination(_ref) {
       "aria-label": pageLabel(entry),
       key: entry
     }, entry);
-  }), !isLastPostSelected && !hideNextButton && React__default.createElement(PaginationPage, {
+  }), !isLastPostSelected && !hideNextButton && React__default["default"].createElement(PaginationPage, {
     onClick: function onClick() {
       return onPageChange(currentPage + 1);
     },
     "aria-label": nextPageLabel
-  }, React__default.createElement(icons.RightArrowIcon, null)), showInput && React__default.createElement(PaginationInput, {
+  }, React__default["default"].createElement(icons.RightArrowIcon, null)), showInput && React__default["default"].createElement(PaginationInput, {
     pageCount: pageCount,
     currentPage: currentPage,
     onPageChange: onPageChange,
@@ -617,12 +632,13 @@ var Pagination = function Pagination(_ref) {
 };
 
 var Ellipsis = function Ellipsis() {
-  return React__default.createElement("span", {
+  return React__default["default"].createElement("span", {
     className: "eds-pagination__ellipsis",
     "aria-hidden": "true"
   }, "\u2026");
 };
 
+var _excluded = ["className", "onStepClick", "steps", "activeIndex", "interactive", "showStepperIndex"];
 var Stepper = function Stepper(_ref) {
   var className = _ref.className,
       onStepClick = _ref.onStepClick,
@@ -632,11 +648,11 @@ var Stepper = function Stepper(_ref) {
       interactive = _ref$interactive === void 0 ? false : _ref$interactive,
       _ref$showStepperIndex = _ref.showStepperIndex,
       showStepperIndex = _ref$showStepperIndex === void 0 ? true : _ref$showStepperIndex,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "onStepClick", "steps", "activeIndex", "interactive", "showStepperIndex"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var Element = interactive ? 'button' : 'div';
-  return React__default.createElement("div", Object.assign({
-    className: classNames('eds-stepper', className)
+  return React__default["default"].createElement("div", _extends({
+    className: classNames__default["default"]('eds-stepper', className)
   }, rest), steps.map(function (step, i) {
     var isActive = i === activeIndex;
     var hasBeenActive = activeIndex > i;
@@ -645,21 +661,21 @@ var Stepper = function Stepper(_ref) {
         return onStepClick(i);
       }
     } : {};
-    return React__default.createElement(Element, Object.assign({
+    return React__default["default"].createElement(Element, _extends({
       key: step,
-      className: classNames('eds-stepper__item__container', {
+      className: classNames__default["default"]('eds-stepper__item__container', {
         'eds-stepper__item__container--non-interactive': !interactive
       })
-    }, props), React__default.createElement("div", {
-      className: classNames('eds-stepper__item__square', {
+    }, props), React__default["default"].createElement("div", {
+      className: classNames__default["default"]('eds-stepper__item__square', {
         'eds-stepper__item__square--active': isActive
       }, {
         'eds-stepper__item__square--inactive': activeIndex < i
       }, {
         'eds-stepper__item__square--has-been': hasBeenActive
       })
-    }), React__default.createElement(typography.Label, {
-      className: classNames('eds-stepper__item__label', {
+    }), React__default["default"].createElement(typography.Label, {
+      className: classNames__default["default"]('eds-stepper__item__label', {
         'eds-stepper__item__label--has-been': hasBeenActive
       }, {
         'eds-stepper__item__label--active': isActive