@entur/menu 4.1.49 → 4.1.52

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-import './index.scss';
-export * from './BreadcrumbNavigation';
-export * from './BreadcrumbItem';
-export * from './SideNavigation';
-export * from './SideNavigationItem';
-export * from './SideNavigationGroup';
-export * from './TopNavigationItem';
-export * from './Pagination';
-export * from './Stepper';
-export * from './OverflowMenu';
-export * from './CollapsibleSideNavigation';
+import './index.scss';
+export * from './BreadcrumbNavigation';
+export * from './BreadcrumbItem';
+export * from './SideNavigation';
+export * from './SideNavigationItem';
+export * from './SideNavigationGroup';
+export * from './TopNavigationItem';
+export * from './Pagination';
+export * from './Stepper';
+export * from './OverflowMenu';
+export * from './CollapsibleSideNavigation';

package/dist/menu.cjs.development.js

@@ -13,22 +13,18 @@ var layout = require('@entur/layout');
 var typography = require('@entur/typography');
 var button = require('@entur/button');
 
-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["default"].createElement("nav", {
+  return React.createElement("nav", {
     "aria-label": ariaLabel
-  }, React__default["default"].createElement("ol", {
+  }, React.createElement("ol", {
     className: "eds-breadcrumbs"
-  }, React__default["default"].Children.map(children, function (child, index) {
-    return React__default["default"].cloneElement(child, {
-      isCurrent: index + 1 === React__default["default"].Children.count(children)
+  }, React.Children.map(children, function (child, index) {
+    // @ts-expect-error should check if children are correct but for now it is only mentioned in the documentation
+    return React.cloneElement(child, {
+      isCurrent: index + 1 === React.Children.count(children)
     });
   })));
 };
@@ -68,14 +64,14 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   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({
+  return React.createElement(React.Fragment, null, React.createElement("li", {
+    className: classNames('eds-breadcrumb__item', className)
+  }, React.createElement(Element, _extends({
     "aria-current": isCurrent ? 'page' : undefined,
-    className: classNames__default["default"]('eds-breadcrumb__link', {
+    className: classNames('eds-breadcrumb__link', {
       'eds-breadcrumb__link--current': isCurrent
     })
-  }, rest))), !isCurrent && React__default["default"].createElement(icons.RightArrowIcon, {
+  }, rest))), !isCurrent && React.createElement(icons.RightArrowIcon, {
     className: "eds-breadcrumb__separator",
     inline: true,
     role: "presentation"
@@ -89,11 +85,11 @@ var SideNavigation = function SideNavigation(_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-  if (!children || !React__default["default"].Children.count(children)) {
+  if (!children || !React.Children.count(children)) {
     return null;
   }
-  return React__default["default"].createElement("ul", _extends({
-    className: classNames__default["default"]('eds-side-navigation', {
+  return React.createElement("ul", _extends({
+    className: classNames('eds-side-navigation', {
       'eds-side-navigation--small': size === 'small'
     }, className)
   }, rest), children);
@@ -140,17 +136,17 @@ var CollapsibleSideNavigation = function CollapsibleSideNavigation(_ref) {
     }),
     collapsedMenu = _useControllableProp[0],
     setCollapsedMenu = _useControllableProp[1];
-  return React__default["default"].createElement(SideNavigationContext.Provider, {
+  return React.createElement(SideNavigationContext.Provider, {
     value: {
       isCollapsed: collapsedMenu
     }
-  }, React__default["default"].createElement("ul", _extends({
-    className: classNames__default["default"]('eds-side-navigation', {
+  }, React.createElement("ul", _extends({
+    className: classNames('eds-side-navigation', {
       'eds-side-navigation--small': size === 'small'
     }, {
       'eds-side-navigation--collapsed': collapsedMenu
     }, className)
-  }, rest), children, React__default["default"].createElement("button", {
+  }, rest), children, React.createElement("button", {
     className: "eds-side-navigation__collapse-button",
     onClick: function onClick() {
       return setCollapsedMenu(!collapsedMenu);
@@ -158,17 +154,17 @@ var CollapsibleSideNavigation = function CollapsibleSideNavigation(_ref) {
     style: {
       top: "" + collapsibleButtonPosition
     }
-  }, collapsedMenu ? React__default["default"].createElement(icons.MenuIcon, {
+  }, collapsedMenu ? React.createElement(icons.MenuIcon, {
     "aria-label": openSideMenuAriaLabel
-  }) : React__default["default"].createElement(icons.LeftArrowIcon, {
+  }) : React.createElement(icons.LeftArrowIcon, {
     "aria-label": closeSideMenuAriaLabel
   }))));
 };
-var SideNavigationContext = /*#__PURE__*/React__default["default"].createContext({
+var SideNavigationContext = /*#__PURE__*/React.createContext({
   isCollapsed: false
 });
 var useSideNavigationContext = function useSideNavigationContext() {
-  var context = React__default["default"].useContext(SideNavigationContext);
+  var context = React.useContext(SideNavigationContext);
   if (!context) {
     console.error('Error reading SideNavigationContext. Please contact maintainer of @entur/menu');
   }
@@ -212,12 +208,12 @@ function isActiveRecursively(child) {
   if (!child.props.children) {
     return false;
   }
-  return React__default["default"].Children.toArray(child.props.children).some(function (child) {
+  return React.Children.toArray(child.props.children).some(function (child) {
     return isActiveRecursively(child);
   });
 }
 var defaultElementBaseItem = 'a';
-var BaseSideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var BaseSideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$active = _ref.active,
     active = _ref$active === void 0 ? false : _ref$active,
@@ -231,10 +227,10 @@ var BaseSideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(f
     isCollapsed = _useSideNavigationCon.isCollapsed;
   var _useShowDelayedLabel = useShowDelayedLabel(isCollapsed),
     showLabel = _useShowDelayedLabel[0];
-  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', {
+  return React.createElement("li", {
+    className: classNames('eds-side-navigation__item', className)
+  }, React.createElement(Element, _extends({
+    className: classNames('eds-side-navigation__click-target', {
       'eds-side-navigation__click-target--active': active
     }),
     "aria-label": icon ? children : undefined,
@@ -242,10 +238,10 @@ var BaseSideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(f
     ref: ref
   }, rest), icon, showLabel && children), subMenu);
 });
-var DisabledSideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
+var DisabledSideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
-  return React__default["default"].createElement(BaseSideNavigationItem, _extends({
+  return React.createElement(BaseSideNavigationItem, _extends({
     as: "button",
     disabled: true,
     "aria-disabled": true,
@@ -253,7 +249,7 @@ var DisabledSideNavigationItem = /*#__PURE__*/React__default["default"].forwardR
   }, rest), children);
 });
 var defaultElementItem = 'a';
-var SideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref3, ref) {
+var SideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var active = _ref3.active,
     disabled = _ref3.disabled,
     children = _ref3.children,
@@ -261,7 +257,7 @@ var SideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(funct
     as = _ref3.as,
     rest = _objectWithoutPropertiesLoose(_ref3, _excluded3$1);
   var Element = as || defaultElementItem;
-  var childrenArray = React__default["default"].Children.toArray(children);
+  var childrenArray = React.Children.toArray(children);
   var subMenu = childrenArray.find(function (child) {
     return child && child.type && child.type.__IS_ENTUR_MENU__;
   });
@@ -269,12 +265,12 @@ var SideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(funct
     return child !== subMenu;
   }) : children;
   if (disabled) {
-    return React__default["default"].createElement(DisabledSideNavigationItem, _extends({
+    return React.createElement(DisabledSideNavigationItem, _extends({
       ref: ref
     }, rest), label);
   }
   if (!subMenu) {
-    return React__default["default"].createElement(BaseSideNavigationItem, _extends({
+    return React.createElement(BaseSideNavigationItem, _extends({
       as: Element,
       active: active,
       ref: ref
@@ -286,7 +282,7 @@ var SideNavigationItem = /*#__PURE__*/React__default["default"].forwardRef(funct
       active: active
     }
   });
-  return React__default["default"].createElement(BaseSideNavigationItem, _extends({
+  return React.createElement(BaseSideNavigationItem, _extends({
     active: active,
     subMenu: isExpanded && subMenu,
     "aria-expanded": isExpanded,
@@ -317,21 +313,21 @@ var SideNavigationGroup = function SideNavigationGroup(_ref) {
     isCollapsed = _useSideNavigationCon.isCollapsed;
   var _useShowDelayedLabel = useShowDelayedLabel(isCollapsed),
     showLabel = _useShowDelayedLabel[0];
-  return React__default["default"].createElement("div", _extends({
-    className: classNames__default["default"]('eds-side-navigation-group', className)
-  }, rest), React__default["default"].createElement("button", {
+  return React.createElement("div", _extends({
+    className: classNames('eds-side-navigation-group', className)
+  }, rest), React.createElement("button", {
     onClick: function onClick() {
       return setOpen(!isOpen);
     },
     type: "button",
     className: "eds-side-navigation-group__trigger",
     "aria-label": title + ", utvidbar meny, " + (isOpen ? 'åpen' : 'lukket')
-  }, React__default["default"].createElement("span", null, icon && React__default["default"].createElement("span", {
+  }, React.createElement("span", null, icon && React.createElement("span", {
     className: "eds-side-navigation-group__trigger-icon"
-  }, icon), showLabel && title), showLabel && React__default["default"].createElement(expand.ExpandArrow, {
+  }, icon), showLabel && title), showLabel && React.createElement(expand.ExpandArrow, {
     open: isOpen,
     className: "eds-side-navigation-group__expand-icon"
-  })), React__default["default"].createElement(expand.BaseExpand, {
+  })), React.createElement(expand.BaseExpand, {
     open: isOpen
   }, children));
 };
@@ -345,8 +341,8 @@ var TopNavigationItem = function TopNavigationItem(_ref) {
     as = _ref.as,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var Element = as || defaultElement;
-  return React__default["default"].createElement(Element, _extends({
-    className: classNames__default["default"](['eds-top-navigation-item', className, {
+  return React.createElement(Element, _extends({
+    className: classNames(['eds-top-navigation-item', className, {
       'eds-top-navigation-item--active': active
     }])
   }, rest));
@@ -360,8 +356,8 @@ var PaginationPage = function PaginationPage(_ref) {
     onClick = _ref.onClick,
     ariaLabel = _ref['aria-label'],
     ariaDescribedby = _ref['aria-describedby'];
-  return React__default["default"].createElement("button", {
-    className: classNames__default["default"]('eds-pagination__page', {
+  return React.createElement("button", {
+    className: classNames('eds-pagination__page', {
       'eds-pagination__page--selected': selected
     }, {
       'eds-pagination__page--disabled': disabled
@@ -381,11 +377,11 @@ var PaginationInput = function PaginationInput(_ref) {
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Gå til side' : _ref$label,
     onPageChange = _ref.onPageChange;
-  var _React$useState = React__default["default"].useState(String(currentPage)),
+  var _React$useState = React.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["default"].useEffect(function () {
+  React.useEffect(function () {
     setInput(String(currentPage));
   }, [currentPage]);
   var handleSubmit = function handleSubmit(e) {
@@ -412,15 +408,15 @@ var PaginationInput = function PaginationInput(_ref) {
   var handleChange = function handleChange(e) {
     setInput(e.target.value);
   };
-  return React__default["default"].createElement("form", {
+  return React.createElement("form", {
     onSubmit: handleSubmit,
     noValidate: true,
     "aria-label": "form"
-  }, React__default["default"].createElement("label", {
+  }, React.createElement("label", {
     className: "eds-pagination__input-wrapper"
-  }, React__default["default"].createElement("span", {
+  }, React.createElement("span", {
     className: "eds-pagination__input-label"
-  }, label), React__default["default"].createElement("input", {
+  }, label), React.createElement("input", {
     type: "number",
     max: pageCount,
     className: "eds-pagination__input-field",
@@ -439,24 +435,24 @@ var OverflowMenu = function OverflowMenu(_ref) {
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? 'right' : _ref$position,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  return React__default["default"].createElement("div", null, React__default["default"].createElement(menuButton.Menu, null, !button$1 ? React__default["default"].createElement(button.IconButton, _extends({
+  return React.createElement("div", null, React.createElement(menuButton.Menu, null, !button$1 ? React.createElement(button.IconButton, _extends({
     as: menuButton.MenuButton,
-    className: classNames__default["default"](className, 'eds-overflow-menu__menu-button')
-  }, rest), React__default["default"].createElement(icons.VerticalDotsIcon, null)) : React.cloneElement(button$1, _extends({
+    className: classNames(className, 'eds-overflow-menu__menu-button')
+  }, rest), React.createElement(icons.VerticalDotsIcon, null)) : React.cloneElement(button$1, _extends({
     as: menuButton.MenuButton,
-    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'),
+    className: classNames(className, 'eds-overflow-menu__menu-button')
+  }, rest)), layout.useContrast() ? React.createElement(layout.Contrast, {
+    className: classNames('eds-overflow-menu__menu-list'),
     as: menuButton.MenuList,
     portal: false
-  }, [children]) : React__default["default"].createElement(menuButton.MenuList, {
-    className: classNames__default["default"]('eds-overflow-menu__menu-list', {
+  }, [children]) : React.createElement(menuButton.MenuList, {
+    className: classNames('eds-overflow-menu__menu-list', {
       'eds-overflow-menu__menu-list--left': position === 'left'
     }),
     portal: false
   }, [children])));
 };
-var OverflowMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
+var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
     className = _ref2.className,
     onSelect = _ref2.onSelect,
@@ -464,8 +460,8 @@ var OverflowMenuItem = /*#__PURE__*/React__default["default"].forwardRef(functio
     _ref2$as = _ref2.as,
     as = _ref2$as === void 0 ? 'div' : _ref2$as,
     rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return React__default["default"].createElement(menuButton.MenuItem, _extends({
-    className: classNames__default["default"]('eds-overflow-menu__item', {
+  return React.createElement(menuButton.MenuItem, _extends({
+    className: classNames('eds-overflow-menu__item', {
       'eds-overflow-menu__item--disabled': disabled
     }, className),
     onSelect: onSelect,
@@ -474,7 +470,7 @@ var OverflowMenuItem = /*#__PURE__*/React__default["default"].forwardRef(functio
     as: as
   }, rest), children);
 });
-var OverflowMenuLink = /*#__PURE__*/React__default["default"].forwardRef(function (_ref3, ref) {
+var OverflowMenuLink = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
     _ref3$as = _ref3.as,
     as = _ref3$as === void 0 ? 'a' : _ref3$as,
@@ -482,9 +478,9 @@ var OverflowMenuLink = /*#__PURE__*/React__default["default"].forwardRef(functio
     onSelect = _ref3.onSelect,
     disabled = _ref3.disabled,
     rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-  return React__default["default"].createElement(menuButton.MenuLink, _extends({
+  return React.createElement(menuButton.MenuLink, _extends({
     as: as,
-    className: classNames__default["default"]('eds-overflow-menu__item', {
+    className: classNames('eds-overflow-menu__item', {
       'eds-overflow-menu__item--disabled': disabled
     }, className),
     onSelect: onSelect,
@@ -557,48 +553,48 @@ var Pagination = function Pagination(_ref) {
   if (pageCount < 1) {
     return null;
   }
-  return React__default["default"].createElement("nav", _extends({
-    className: classNames__default["default"]('eds-pagination', className),
+  return React.createElement("nav", _extends({
+    className: classNames('eds-pagination', className),
     "aria-label": "Paginering"
-  }, rest), resultsPerPage && numberOfResults && React__default["default"].createElement("div", {
+  }, rest), resultsPerPage && numberOfResults && React.createElement("div", {
     className: "eds-pagination__results"
-  }, onResultsPerPageChange && React__default["default"].createElement(menuButton.Menu, null, function (_ref2) {
+  }, onResultsPerPageChange && React.createElement(menuButton.Menu, null, function (_ref2) {
     var isOpen = _ref2.isOpen;
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(typography.Label, {
+    return React.createElement(React.Fragment, null, React.createElement(typography.Label, {
       as: "p",
       "aria-hidden": "true"
-    }, showNumberOfResultsLabel), React__default["default"].createElement(menuButton.MenuButton, {
-      className: classNames__default["default"]('eds-pagination-menu__menu-button', {
+    }, showNumberOfResultsLabel), React.createElement(menuButton.MenuButton, {
+      className: classNames('eds-pagination-menu__menu-button', {
         'eds-pagination-menu__menu-button--open': isOpen
       })
-    }, React__default["default"].createElement(a11y.VisuallyHidden, null, showNumberOfResultsLabel, " "), 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', {
+    }, React.createElement(a11y.VisuallyHidden, null, showNumberOfResultsLabel, " "), resultsPerPage, isOpen ? React.createElement(icons.UpArrowIcon, null) : React.createElement(icons.DownArrowIcon, null)), React.createElement(menuButton.MenuList, {
+      className: classNames('eds-pagination-menu__menu-list', 'eds-overflow-menu__menu-list', {
         'eds-contrast': isContrast
       })
     }, resultsPerPageOptions.map(function (option, key) {
-      return React__default["default"].createElement(OverflowMenuItem, {
+      return React.createElement(OverflowMenuItem, {
         key: key,
         onSelect: function onSelect() {
           return onResultsPerPageChange(option);
         }
       }, option);
     })));
-  }), React__default["default"].createElement(typography.Label, {
+  }), React.createElement(typography.Label, {
     as: "p",
     className: "eds-pagination__results-label"
-  }, showingResultsLabel((currentPage - 1) * resultsPerPage + 1, currentPage * resultsPerPage > numberOfResults ? numberOfResults : currentPage * resultsPerPage, numberOfResults))), React__default["default"].createElement("div", {
+  }, showingResultsLabel((currentPage - 1) * resultsPerPage + 1, currentPage * resultsPerPage > numberOfResults ? numberOfResults : currentPage * resultsPerPage, numberOfResults))), React.createElement("div", {
     className: "eds-pagination__controls"
-  }, !hidePrevButton && React__default["default"].createElement(PaginationPage, {
+  }, !hidePrevButton && React.createElement(PaginationPage, {
     onClick: function onClick() {
       return onPageChange(currentPage - 1);
     },
     "aria-label": previousPageLabel,
     "aria-describedby": paginationId,
     disabled: isFirstPostSelected
-  }, React__default["default"].createElement(icons.LeftArrowIcon, null)), listedEntries.map(function (entry, index) {
-    return entry === '…' ? React__default["default"].createElement(Ellipsis, {
+  }, React.createElement(icons.LeftArrowIcon, null)), listedEntries.map(function (entry, index) {
+    return entry === '…' ? React.createElement(Ellipsis, {
       key: "ellipsis-" + index
-    }) : React__default["default"].createElement(PaginationPage, {
+    }) : React.createElement(PaginationPage, {
       selected: entry === currentPage,
       onClick: function onClick() {
         return onPageChange(entry);
@@ -607,24 +603,24 @@ var Pagination = function Pagination(_ref) {
       "aria-describedby": entry !== currentPage ? paginationId : undefined,
       key: entry
     }, entry);
-  }), !hideNextButton && React__default["default"].createElement(PaginationPage, {
+  }), !hideNextButton && React.createElement(PaginationPage, {
     onClick: function onClick() {
       return onPageChange(currentPage + 1);
     },
     "aria-label": nextPageLabel,
     "aria-describedby": paginationId,
     disabled: isLastPostSelected
-  }, React__default["default"].createElement(icons.RightArrowIcon, null)), showInput && React__default["default"].createElement(PaginationInput, {
+  }, React.createElement(icons.RightArrowIcon, null)), showInput && React.createElement(PaginationInput, {
     pageCount: pageCount,
     currentPage: currentPage,
     onPageChange: onPageChange,
     label: inputLabel
-  })), React__default["default"].createElement(a11y.VisuallyHidden, {
+  })), React.createElement(a11y.VisuallyHidden, {
     id: paginationId
   }, currentPageLabelForScreenreader, " ", currentPage));
 };
 var Ellipsis = function Ellipsis() {
-  return React__default["default"].createElement("span", {
+  return React.createElement("span", {
     className: "eds-pagination__ellipsis",
     "aria-hidden": "true"
   }, "\u2026");
@@ -642,8 +638,8 @@ var Stepper = function Stepper(_ref) {
     showStepperIndex = _ref$showStepperIndex === void 0 ? true : _ref$showStepperIndex,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var Element = interactive ? 'button' : 'div';
-  return React__default["default"].createElement("div", _extends({
-    className: classNames__default["default"]('eds-stepper', className)
+  return React.createElement("div", _extends({
+    className: classNames('eds-stepper', className)
   }, rest), steps.map(function (step, i) {
     var isActive = i === activeIndex;
     var hasBeenActive = activeIndex > i;
@@ -652,23 +648,23 @@ var Stepper = function Stepper(_ref) {
         return onStepClick(i);
       }
     } : {};
-    return React__default["default"].createElement(Element, _extends({
+    return React.createElement(Element, _extends({
       key: step,
-      className: classNames__default["default"]('eds-stepper__item__container', {
+      className: classNames('eds-stepper__item__container', {
         'eds-stepper__item__container--non-interactive': !interactive
       }),
       "aria-current": isActive ? 'step' : undefined,
       "aria-label": "Steg " + (i + 1) + " av " + steps.length + ", " + step + " " + (hasBeenActive ? ', fullført' : '')
-    }, props), React__default["default"].createElement("div", {
-      className: classNames__default["default"]('eds-stepper__item__square', {
+    }, props), React.createElement("div", {
+      className: classNames('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["default"].createElement(typography.Label, {
-      className: classNames__default["default"]('eds-stepper__item__label', {
+    }), React.createElement(typography.Label, {
+      className: classNames('eds-stepper__item__label', {
         'eds-stepper__item__label--has-been': hasBeenActive
       }, {
         'eds-stepper__item__label--active': isActive