@equinor/eds-core-react 0.35.1 → 0.36.0

package/dist/esm/components/Menu/MenuList.js

@@ -1,5 +1,3 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useMemo, Children, cloneElement, useEffect, isValidElement } from 'react';
 import styled from 'styled-components';
 import { useMenu } from './Menu.context.js';
@@ -9,8 +7,7 @@ import { menu } from './Menu.tokens.js';
 import { spacingsTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["addCloseMenuOnClickIndex", "children"];
-var List = styled.div.withConfig({
+const List = styled.div.withConfig({
   displayName: "MenuList__List",
   componentId: "sc-104rzof-0"
 })(["position:relative;list-style:none;display:flex;flex-direction:column;margin:0;", " li:first-child{z-index:3;}"], spacingsTemplate(menu.spacings));
@@ -22,49 +19,47 @@ function closeMenuOnClick(item) {
   if ( /*#__PURE__*/isValidElement(item) && item.type === MenuItem && item.props.closeMenuOnClick !== false) return true;
   return false;
 }
-var MenuList = /*#__PURE__*/forwardRef(function MenuList(_ref, ref) {
-  var addCloseMenuOnClickIndex = _ref.addCloseMenuOnClickIndex,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useMenu = useMenu(),
-    focusedIndex = _useMenu.focusedIndex,
-    setFocusedIndex = _useMenu.setFocusedIndex,
-    initialFocus = _useMenu.initialFocus;
-  var index = -1;
-  var focusableIndexs = useMemo(function () {
-    return [];
-  }, []);
-  var updatedChildren = useMemo(function () {
-    return Children.map(children, function (child) {
-      if (!child) return child;
-      if (child.type === MenuSection) {
+const MenuList = /*#__PURE__*/forwardRef(function MenuList({
+  addCloseMenuOnClickIndex,
+  children,
+  ...rest
+}, ref) {
+  const {
+    focusedIndex,
+    setFocusedIndex,
+    initialFocus
+  } = useMenu();
+  let index = -1;
+  const focusableIndexs = useMemo(() => [], []);
+  const updatedChildren = useMemo(() => Children.map(children, child => {
+    if (!child) return child;
+    if (child.type === MenuSection) {
+      index++;
+      const menuSectionIndex = index;
+      const updatedGrandChildren = Children.map(child.props.children, grandChild => {
         index++;
-        var menuSectionIndex = index;
-        var updatedGrandChildren = Children.map(child.props.children, function (grandChild) {
-          index++;
-          if (isIndexable(grandChild)) focusableIndexs.push(index);
-          return /*#__PURE__*/cloneElement(grandChild, {
-            index: index
-          });
-        });
-        return /*#__PURE__*/cloneElement(child, {
-          index: menuSectionIndex
-        }, updatedGrandChildren);
-      } else {
-        index++;
-        if (isIndexable(child)) focusableIndexs.push(index);
-        if (closeMenuOnClick(child)) {
-          addCloseMenuOnClickIndex(index);
-        }
-        return /*#__PURE__*/cloneElement(child, {
-          index: index
+        if (isIndexable(grandChild)) focusableIndexs.push(index);
+        return /*#__PURE__*/cloneElement(grandChild, {
+          index
         });
+      });
+      return /*#__PURE__*/cloneElement(child, {
+        index: menuSectionIndex
+      }, updatedGrandChildren);
+    } else {
+      index++;
+      if (isIndexable(child)) focusableIndexs.push(index);
+      if (closeMenuOnClick(child)) {
+        addCloseMenuOnClickIndex(index);
       }
-    });
-  }, [children, focusableIndexs, index, addCloseMenuOnClickIndex]);
-  var firstFocusIndex = focusableIndexs[0];
-  var lastFocusIndex = focusableIndexs[focusableIndexs.length - 1];
-  useEffect(function () {
+      return /*#__PURE__*/cloneElement(child, {
+        index
+      });
+    }
+  }), [children, focusableIndexs, index, addCloseMenuOnClickIndex]);
+  const firstFocusIndex = focusableIndexs[0];
+  const lastFocusIndex = focusableIndexs[focusableIndexs.length - 1];
+  useEffect(() => {
     if (initialFocus === 'first') {
       setFocusedIndex(firstFocusIndex);
     }
@@ -73,15 +68,17 @@ var MenuList = /*#__PURE__*/forwardRef(function MenuList(_ref, ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [initialFocus, firstFocusIndex, lastFocusIndex]);
-  var handleMenuItemChange = function handleMenuItemChange(direction, fallbackIndex) {
-    var i = direction === 'down' ? 1 : -1;
-    var currentFocus = focusableIndexs.indexOf(focusedIndex);
-    var nextMenuItem = focusableIndexs[currentFocus + i];
-    var nextFocusedIndex = typeof nextMenuItem === 'undefined' ? fallbackIndex : nextMenuItem;
+  const handleMenuItemChange = (direction, fallbackIndex) => {
+    const i = direction === 'down' ? 1 : -1;
+    const currentFocus = focusableIndexs.indexOf(focusedIndex);
+    const nextMenuItem = focusableIndexs[currentFocus + i];
+    const nextFocusedIndex = typeof nextMenuItem === 'undefined' ? fallbackIndex : nextMenuItem;
     setFocusedIndex(nextFocusedIndex);
   };
-  var handleKeyPress = function handleKeyPress(event) {
-    var key = event.key;
+  const handleKeyPress = event => {
+    const {
+      key
+    } = event;
     event.stopPropagation();
     if (key === 'ArrowDown') {
       event.preventDefault();
@@ -92,13 +89,13 @@ var MenuList = /*#__PURE__*/forwardRef(function MenuList(_ref, ref) {
       handleMenuItemChange('up', lastFocusIndex);
     }
   };
-  return /*#__PURE__*/jsx(List, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(List, {
     onKeyDown: handleKeyPress,
-    role: "menu"
-  }, rest), {}, {
+    role: "menu",
+    ...rest,
     ref: ref,
     children: updatedChildren
-  }));
+  });
 });
 
 // MenuList.displayName = 'EdsMenuList'

package/dist/esm/components/Menu/MenuSection.js

@@ -6,18 +6,18 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Divider } from '../Divider/Divider.js';
 import { Typography } from '../Typography/Typography.js';
 
-var Header = styled.div.attrs(function () {
-  return {
-    tabIndex: 0
-  };
-}).withConfig({
+const Header = styled.div.attrs(() => ({
+  tabIndex: 0
+})).withConfig({
   displayName: "MenuSection__Header",
   componentId: "sc-gfcbvg-0"
 })(["", " &:focus{outline:none;}"], spacingsTemplate(menu.entities.title.spacings));
-var MenuSection = /*#__PURE__*/memo(function MenuSection(props) {
-  var children = props.children,
-    title = props.title,
-    index = props.index;
+const MenuSection = /*#__PURE__*/memo(function MenuSection(props) {
+  const {
+    children,
+    title,
+    index
+  } = props;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [index !== 0 && /*#__PURE__*/jsx("div", {
       children: /*#__PURE__*/jsx(Divider, {

package/dist/esm/components/Menu/index.js

@@ -2,7 +2,7 @@ import { Menu as Menu$1 } from './Menu.js';
 import { MenuItem } from './MenuItem.js';
 import { MenuSection } from './MenuSection.js';
 
-var Menu = Menu$1;
+const Menu = Menu$1;
 Menu.Item = MenuItem;
 Menu.Section = MenuSection;
 Menu.Item.displayName = 'Menu.Item';

package/dist/esm/components/Pagination/Pagination.js

@@ -1,6 +1,3 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useState } from 'react';
 import styled from 'styled-components';
 import { useIsMounted, useIsomorphicLayoutEffect } from '@equinor/eds-utils';
@@ -13,63 +10,57 @@ import { PaginationControl } from './paginationControl.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Typography } from '../Typography/Typography.js';
 
-var _excluded = ["totalItems", "defaultPage", "withItemIndicator", "itemsPerPage", "onChange"];
-var icons = {
-  chevron_left: chevron_left,
-  chevron_right: chevron_right,
-  more_horizontal: more_horizontal
+const icons = {
+  chevron_left,
+  chevron_right,
+  more_horizontal
 };
 Icon.add(icons);
-var Navigation = styled.nav.withConfig({
+const Navigation = styled.nav.withConfig({
   displayName: "Pagination__Navigation",
   componentId: "sc-13cpp3o-0"
-})(["display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;margin-left:", ";"], function (_ref) {
-  var $withItemIndicator = _ref.$withItemIndicator;
-  return $withItemIndicator ? pagination.spacings.left : 0;
-});
-var OrderedList = styled.ol.withConfig({
+})(["display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;margin-left:", ";"], ({
+  $withItemIndicator
+}) => $withItemIndicator ? pagination.spacings.left : 0);
+const OrderedList = styled.ol.withConfig({
   displayName: "Pagination__OrderedList",
   componentId: "sc-13cpp3o-1"
 })(["list-style:none;margin:0;padding:0;display:grid;grid-gap:", ";grid-auto-flow:column;"], pagination.spacings.left);
-var ListItem = styled.li.withConfig({
+const ListItem = styled.li.withConfig({
   displayName: "Pagination__ListItem",
   componentId: "sc-13cpp3o-2"
 })(["display:inline-grid;"]);
-var StyledIcon = styled(Icon).withConfig({
+const StyledIcon = styled(Icon).withConfig({
   displayName: "Pagination__StyledIcon",
   componentId: "sc-13cpp3o-3"
 })(["align-self:center;justify-self:center;fill:", ";"], pagination.entities.icon.typography.color);
-var FlexContainer = styled.div.withConfig({
+const FlexContainer = styled.div.withConfig({
   displayName: "Pagination__FlexContainer",
   componentId: "sc-13cpp3o-4"
 })(["display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center;"]);
-var Text = styled(Typography).withConfig({
+const Text = styled(Typography).withConfig({
   displayName: "Pagination__Text",
   componentId: "sc-13cpp3o-5"
 })(["white-space:nowrap;"]);
 function getAriaLabel(page, selected) {
-  return "".concat(selected === page ? 'Current page, ' : 'Go to ', "page ").concat(page);
+  return `${selected === page ? 'Current page, ' : 'Go to '}page ${page}`;
 }
-var Pagination = /*#__PURE__*/forwardRef(function Pagination(_ref2, ref) {
-  var totalItems = _ref2.totalItems,
-    _ref2$defaultPage = _ref2.defaultPage,
-    defaultPage = _ref2$defaultPage === void 0 ? 1 : _ref2$defaultPage,
-    withItemIndicator = _ref2.withItemIndicator,
-    _ref2$itemsPerPage = _ref2.itemsPerPage,
-    itemsPerPage = _ref2$itemsPerPage === void 0 ? 10 : _ref2$itemsPerPage,
-    onChange = _ref2.onChange,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  var pages = Math.ceil(totalItems / itemsPerPage); // Total page numbers
-  var columns = pages < 5 ? pages + 2 : 7; // Total pages to display on the control + 2:  < and >
+const Pagination = /*#__PURE__*/forwardRef(function Pagination({
+  totalItems,
+  defaultPage = 1,
+  withItemIndicator,
+  itemsPerPage = 10,
+  onChange,
+  ...rest
+}, ref) {
+  const pages = Math.ceil(totalItems / itemsPerPage); // Total page numbers
+  const columns = pages < 5 ? pages + 2 : 7; // Total pages to display on the control + 2:  < and >
 
-  var _useState = useState(defaultPage),
-    _useState2 = _slicedToArray(_useState, 2),
-    activePage = _useState2[0],
-    setActivePage = _useState2[1];
-  var currentItemFirst = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1; // First number of range of items at current page
-  var currentItemLast = activePage === pages ? totalItems : activePage * itemsPerPage; // Last number of range of items at current page
+  const [activePage, setActivePage] = useState(defaultPage);
+  const currentItemFirst = activePage === 1 ? 1 : activePage * itemsPerPage - itemsPerPage + 1; // First number of range of items at current page
+  const currentItemLast = activePage === pages ? totalItems : activePage * itemsPerPage; // Last number of range of items at current page
 
-  var onPageChange = function onPageChange(event, page) {
+  const onPageChange = (event, page) => {
     page && setActivePage(page);
     if (event && onChange) {
       // Callback for provided onChange func
@@ -78,30 +69,31 @@ var Pagination = /*#__PURE__*/forwardRef(function Pagination(_ref2, ref) {
       return undefined;
     }
   };
-  var isMounted = useIsMounted();
-  var items = PaginationControl(pages, activePage);
-  useIsomorphicLayoutEffect(function () {
+  const isMounted = useIsMounted();
+  const items = PaginationControl(pages, activePage);
+  useIsomorphicLayoutEffect(() => {
     if (isMounted) {
       setActivePage(1);
-      onChange === null || onChange === void 0 || onChange(null, 1);
+      onChange?.(null, 1);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [itemsPerPage]);
-  var props = _objectSpread({
-    ref: ref,
-    $withItemIndicator: withItemIndicator
-  }, rest);
-  var pagination = /*#__PURE__*/jsx(Navigation, _objectSpread(_objectSpread({
-    "aria-label": "pagination"
-  }, props), {}, {
+  const props = {
+    ref,
+    $withItemIndicator: withItemIndicator,
+    ...rest
+  };
+  const pagination = /*#__PURE__*/jsx(Navigation, {
+    "aria-label": "pagination",
+    ...props,
     children: /*#__PURE__*/jsxs(OrderedList, {
       style: {
-        gridTemplateColumns: "repeat(".concat(columns, ", 48px)")
+        gridTemplateColumns: `repeat(${columns}, 48px)`
       },
       children: [/*#__PURE__*/jsx(ListItem, {
         children: /*#__PURE__*/jsx(Button, {
           variant: "ghost_icon",
-          onClick: activePage > 1 ? function (event) {
+          onClick: activePage > 1 ? event => {
             onPageChange(event, activePage - 1);
           } : undefined,
           disabled: activePage === 1,
@@ -110,31 +102,29 @@ var Pagination = /*#__PURE__*/forwardRef(function Pagination(_ref2, ref) {
             name: "chevron_left"
           })
         })
-      }, "previous"), items.length > 0 ? items.map(function (page, index) {
-        return page !== 'ELLIPSIS' ? /*#__PURE__*/jsx(ListItem
-        // eslint-disable-next-line react/no-array-index-key
-        , {
-          children: /*#__PURE__*/jsx(PaginationItem, {
-            "aria-label": getAriaLabel(page, activePage),
-            "aria-current": activePage,
-            $page: page,
-            selected: page === activePage,
-            onClick: function onClick(event) {
-              onPageChange(event, page);
-            }
-          })
-        }, "list-item ".concat(index)) : /*#__PURE__*/jsx(ListItem
-        // eslint-disable-next-line react/no-array-index-key
-        , {
-          children: /*#__PURE__*/jsx(StyledIcon, {
-            name: "more_horizontal",
-            "aria-label": "Ellipsis of pages"
-          })
-        }, "ellipsis-".concat(index));
-      }) : undefined, /*#__PURE__*/jsx(ListItem, {
+      }, "previous"), items.length > 0 ? items.map((page, index) => page !== 'ELLIPSIS' ? /*#__PURE__*/jsx(ListItem
+      // eslint-disable-next-line react/no-array-index-key
+      , {
+        children: /*#__PURE__*/jsx(PaginationItem, {
+          "aria-label": getAriaLabel(page, activePage),
+          "aria-current": activePage,
+          $page: page,
+          selected: page === activePage,
+          onClick: event => {
+            onPageChange(event, page);
+          }
+        })
+      }, `list-item ${index}`) : /*#__PURE__*/jsx(ListItem
+      // eslint-disable-next-line react/no-array-index-key
+      , {
+        children: /*#__PURE__*/jsx(StyledIcon, {
+          name: "more_horizontal",
+          "aria-label": "Ellipsis of pages"
+        })
+      }, `ellipsis-${index}`)) : undefined, /*#__PURE__*/jsx(ListItem, {
         children: /*#__PURE__*/jsx(Button, {
           variant: "ghost_icon",
-          onClick: activePage < pages ? function (event) {
+          onClick: activePage < pages ? event => {
             onPageChange(event, activePage + 1);
           } : undefined,
           "aria-label": "Go to next page",
@@ -145,10 +135,15 @@ var Pagination = /*#__PURE__*/forwardRef(function Pagination(_ref2, ref) {
         })
       }, "next")]
     })
-  }));
+  });
   return withItemIndicator ? /*#__PURE__*/jsxs(FlexContainer, {
     children: [/*#__PURE__*/jsx(Text, {
-      children: currentItemFirst !== currentItemLast ? "".concat(currentItemFirst, "\n              ", ' - ', "\n              ").concat(currentItemLast, "\n              ", ' of ', "\n              ").concat(totalItems, "\n              ", ' items') : "".concat(currentItemFirst, " ", ' of ', " ").concat(totalItems, " ", ' items')
+      children: currentItemFirst !== currentItemLast ? `${currentItemFirst}
+              ${' - '}
+              ${currentItemLast}
+              ${' of '}
+              ${totalItems}
+              ${' items'}` : `${currentItemFirst} ${' of '} ${totalItems} ${' items'}`
     }), pagination]
   }) : pagination;
 });

package/dist/esm/components/Pagination/Pagination.tokens.js

@@ -1,10 +1,23 @@
 import { tokens } from '@equinor/eds-tokens';
 
-var _tokens$colors$intera = tokens.colors.interactive,
-  selectedColor = _tokens$colors$intera.primary__selected_highlight.rgba,
-  disabledColor = _tokens$colors$intera.disabled__text.rgba,
-  spacingSmall = tokens.spacings.comfortable.small;
-var pagination = {
+const {
+  colors: {
+    interactive: {
+      primary__selected_highlight: {
+        rgba: selectedColor
+      },
+      disabled__text: {
+        rgba: disabledColor
+      }
+    }
+  },
+  spacings: {
+    comfortable: {
+      small: spacingSmall
+    }
+  }
+} = tokens;
+const pagination = {
   entities: {
     item: {
       states: {

package/dist/esm/components/Pagination/PaginationItem.js

@@ -1,31 +1,30 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import { Button } from '../Button/index.js';
 import { pagination } from './Pagination.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["$page", "selected", "onClick"];
-var PaginationItem = /*#__PURE__*/forwardRef(function PaginationItem(_ref, ref) {
-  var $page = _ref.$page,
-    selected = _ref.selected,
-    onClick = _ref.onClick,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var props = _objectSpread({
-    ref: ref,
-    $page: $page,
-    selected: selected
-  }, rest);
-  var background = selected ? pagination.entities.item.states.active.background : null;
-  return /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
+const PaginationItem = /*#__PURE__*/forwardRef(function PaginationItem({
+  $page,
+  selected,
+  onClick,
+  ...rest
+}, ref) {
+  const props = {
+    ref,
+    $page,
+    selected,
+    ...rest
+  };
+  const background = selected ? pagination.entities.item.states.active.background : null;
+  return /*#__PURE__*/jsx(Button, {
     style: {
-      background: background
+      background
     },
     variant: "ghost_icon",
-    onClick: onClick ? onClick : undefined
-  }, props), {}, {
+    onClick: onClick ? onClick : undefined,
+    ...props,
     children: $page
-  }));
+  });
 });
 
 export { PaginationItem };

package/dist/esm/components/Pagination/paginationControl.js

@@ -1,40 +1,36 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-
 function PaginationControl(pages, activePage) {
-  var siblings = 1; // amount of siblings on left and right side of active page after trunking
-  var totalPagesShown = 7; // amount of total pages before we start trunking pages in ellipsis
-  var pagesBeforeEllipsis = 5; // total pages shown before ellipsis and trunking begins
-  var ELLIPSIS = 'ELLIPSIS';
+  const siblings = 1; // amount of siblings on left and right side of active page after trunking
+  const totalPagesShown = 7; // amount of total pages before we start trunking pages in ellipsis
+  const pagesBeforeEllipsis = 5; // total pages shown before ellipsis and trunking begins
+  const ELLIPSIS = 'ELLIPSIS';
 
   // Range function from https://dev.to/namirsab/comment/2050
-  var range = function range(start, end) {
-    var length = end - start + 1;
+  const range = (start, end) => {
+    const length = end - start + 1;
     return Array.from({
-      length: length
-    }, function (_, i) {
-      return start + i;
-    });
+      length
+    }, (_, i) => start + i);
   };
-  var pageRange;
+  let pageRange;
   if (pages > 4) {
-    var startPage = Math.max(1, activePage < pagesBeforeEllipsis || pages <= totalPagesShown ? 1 : activePage + siblings + 1 >= pages ? pages - 4 // - 4 to fit total columns /
+    const startPage = Math.max(1, activePage < pagesBeforeEllipsis || pages <= totalPagesShown ? 1 : activePage + siblings + 1 >= pages ? pages - 4 // - 4 to fit total columns /
     : activePage > 4 && pages > totalPagesShown ? activePage - siblings : 1); // the first page after left ellipsis
 
-    var endOffset = activePage < pagesBeforeEllipsis && pages > totalPagesShown ? pagesBeforeEllipsis : activePage < pagesBeforeEllipsis && pages <= totalPagesShown ? pages : activePage + siblings + 1 < pages - 1 ? activePage + siblings : activePage + siblings + 1 === pages - 1 ? pages : pages;
-    var endPage = Math.min(pages, endOffset); // the last page before right ellipsis
+    const endOffset = activePage < pagesBeforeEllipsis && pages > totalPagesShown ? pagesBeforeEllipsis : activePage < pagesBeforeEllipsis && pages <= totalPagesShown ? pages : activePage + siblings + 1 < pages - 1 ? activePage + siblings : activePage + siblings + 1 === pages - 1 ? pages : pages;
+    const endPage = Math.min(pages, endOffset); // the last page before right ellipsis
     pageRange = range(startPage, endPage); // range in between ellipsis(es). Ex: range(4, 6) =  1 ... ( 4 5 6 )  ... 10
 
-    var hiddenLeft = startPage > 2 && pages > totalPagesShown; // Has hidden pages on left side
-    var hiddenRight = pages - endPage > 1 && pages > totalPagesShown; // Has hidden pages on right side
+    const hiddenLeft = startPage > 2 && pages > totalPagesShown; // Has hidden pages on left side
+    const hiddenRight = pages - endPage > 1 && pages > totalPagesShown; // Has hidden pages on right side
 
     if (hiddenLeft && !hiddenRight) {
-      pageRange = [1, ELLIPSIS].concat(_toConsumableArray(pageRange));
+      pageRange = [1, ELLIPSIS, ...pageRange];
     } else if (!hiddenLeft && hiddenRight) {
-      pageRange = [].concat(_toConsumableArray(pageRange), [ELLIPSIS, pages]);
+      pageRange = [...pageRange, ELLIPSIS, pages];
     } else if (hiddenLeft && hiddenRight) {
-      pageRange = [1, ELLIPSIS].concat(_toConsumableArray(pageRange), [ELLIPSIS, pages]);
+      pageRange = [1, ELLIPSIS, ...pageRange, ELLIPSIS, pages];
     }
-    return _toConsumableArray(pageRange);
+    return [...pageRange];
   }
   return range(1, pages);
 }

package/dist/esm/components/Paper/Paper.js

@@ -1,29 +1,26 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { paper, elevation } from './Paper.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["elevation"];
-var StyledPaper = styled.div.withConfig({
+const StyledPaper = styled.div.withConfig({
   displayName: "Paper__StyledPaper",
   componentId: "sc-6ncnv9-0"
-})(["background:", ";box-shadow:", ";"], paper.background, function (_ref) {
-  var $elevation = _ref.$elevation;
-  return $elevation;
-});
-var Paper = /*#__PURE__*/forwardRef(function Paper(_ref2, ref) {
-  var _elevationToken$eleva;
-  var _ref2$elevation = _ref2.elevation,
-    elevation$1 = _ref2$elevation === void 0 ? 'none' : _ref2$elevation,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
-    $elevation: (_elevationToken$eleva = elevation[elevation$1]) !== null && _elevationToken$eleva !== void 0 ? _elevationToken$eleva : 'none'
-  });
-  return /*#__PURE__*/jsx(StyledPaper, _objectSpread(_objectSpread({}, props), {}, {
+})(["background:", ";box-shadow:", ";"], paper.background, ({
+  $elevation
+}) => $elevation);
+const Paper = /*#__PURE__*/forwardRef(function Paper({
+  elevation: elevation$1 = 'none',
+  ...rest
+}, ref) {
+  const props = {
+    ...rest,
+    $elevation: elevation[elevation$1] ?? 'none'
+  };
+  return /*#__PURE__*/jsx(StyledPaper, {
+    ...props,
     ref: ref
-  }));
+  });
 });
 
 export { Paper };

package/dist/esm/components/Paper/Paper.tokens.js

@@ -1,9 +1,17 @@
 import { tokens } from '@equinor/eds-tokens';
 
-var elevation = tokens.elevation,
-  background = tokens.colors.ui.background__default.rgba;
-var paper = {
-  background: background
+const {
+  elevation,
+  colors: {
+    ui: {
+      background__default: {
+        rgba: background
+      }
+    }
+  }
+} = tokens;
+const paper = {
+  background
 };
 
 export { elevation, paper };