@equinor/eds-core-react 0.26.0 → 0.28.0-dev12052022

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

@@ -11,16 +11,13 @@ var initalState = {
 var MenuContext = /*#__PURE__*/createContext(initalState);
 var MenuProvider = function MenuProvider(_ref) {
   var children = _ref.children;
-
   var _useState = useState(initalState),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var focusedIndex = state.focusedIndex,
-      initialFocus = state.initialFocus,
-      onClose = state.onClose;
-
+    initialFocus = state.initialFocus,
+    onClose = state.onClose;
   var setFocusedIndex = function setFocusedIndex(i) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -28,7 +25,6 @@ var MenuProvider = function MenuProvider(_ref) {
       });
     });
   };
-
   var setInitialFocus = function setInitialFocus(initialFocus) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -36,21 +32,18 @@ var MenuProvider = function MenuProvider(_ref) {
       });
     });
   };
-
   var setOnClose = function setOnClose(onClose) {
     var onCloseHelper = function onCloseHelper() {
       setFocusedIndex(-1);
       setInitialFocus(null);
       onClose();
     };
-
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
         onClose: onCloseHelper
       });
     });
   };
-
   var value = {
     setFocusedIndex: setFocusedIndex,
     focusedIndex: focusedIndex,

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

@@ -12,7 +12,7 @@ import { Paper } from '../Paper/Paper.js';
 import { useEds } from '../EdsProvider/eds.context.js';
 
 var _excluded = ["children", "anchorEl", "onClose", "open"],
-    _excluded2 = ["anchorEl", "open", "placement", "onClose", "style", "className"];
+  _excluded2 = ["anchorEl", "open", "placement", "onClose", "style", "className"];
 var border = menu.border;
 var MenuPaper = styled(Paper).withConfig({
   displayName: "Menu__MenuPaper",
@@ -25,16 +25,14 @@ var MenuPaper = styled(Paper).withConfig({
 });
 var MenuContainer = /*#__PURE__*/forwardRef(function MenuContainer(_ref2, ref) {
   var children = _ref2.children,
-      anchorEl = _ref2.anchorEl,
-      onCloseCallback = _ref2.onClose,
-      open = _ref2.open,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    anchorEl = _ref2.anchorEl,
+    onCloseCallback = _ref2.onClose,
+    open = _ref2.open,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useMenu = useMenu(),
-      setOnClose = _useMenu.setOnClose,
-      onClose = _useMenu.onClose,
-      setInitialFocus = _useMenu.setInitialFocus;
-
+    setOnClose = _useMenu.setOnClose,
+    onClose = _useMenu.onClose,
+    setInitialFocus = _useMenu.setInitialFocus;
   useEffect(function () {
     if (onClose === null && onCloseCallback) {
       setOnClose(onCloseCallback);
@@ -42,8 +40,8 @@ var MenuContainer = /*#__PURE__*/forwardRef(function MenuContainer(_ref2, ref) {
   }, [onClose, onCloseCallback, setOnClose]);
   useEffect(function () {
     var openWithKey = function openWithKey(e) {
-      var key = e.key; //activate menu with arrows according to wai-aria best practices
-
+      var key = e.key;
+      //activate menu with arrows according to wai-aria best practices
       if (key === 'ArrowDown' || key === 'ArrowUp') {
         e.preventDefault();
         e.stopPropagation();
@@ -51,23 +49,21 @@ var MenuContainer = /*#__PURE__*/forwardRef(function MenuContainer(_ref2, ref) {
           bubbles: true
         }));
       }
-
       switch (key) {
         case 'Enter':
         case 'ArrowDown':
           setInitialFocus('first');
           break;
-
         case 'ArrowUp':
           setInitialFocus('last');
           break;
       }
     };
-
     if (anchorEl) anchorEl.addEventListener('keydown', openWithKey);
     return function () {
       if (anchorEl) anchorEl.removeEventListener('keydown', openWithKey);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [anchorEl]);
   useGlobalKeyPress('Escape', function () {
     if (open && onClose !== null) {
@@ -91,38 +87,34 @@ var MenuContainer = /*#__PURE__*/forwardRef(function MenuContainer(_ref2, ref) {
 });
 var Menu = /*#__PURE__*/forwardRef(function Menu(_ref3, ref) {
   var anchorEl = _ref3.anchorEl,
-      open = _ref3.open,
-      _ref3$placement = _ref3.placement,
-      placement = _ref3$placement === void 0 ? 'bottom' : _ref3$placement,
-      onClose = _ref3.onClose,
-      style = _ref3.style,
-      className = _ref3.className,
-      rest = _objectWithoutProperties(_ref3, _excluded2);
-
+    open = _ref3.open,
+    _ref3$placement = _ref3.placement,
+    placement = _ref3$placement === void 0 ? 'bottom' : _ref3$placement,
+    onClose = _ref3.onClose,
+    style = _ref3.style,
+    className = _ref3.className,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
   var _useEds = useEds(),
-      density = _useEds.density;
-
+    density = _useEds.density;
   var token = useToken({
     density: density
   }, menu);
-
   var _useFloating = useFloating({
-    placement: placement,
-    open: open,
-    onOpenChange: onClose,
-    middleware: [offset(4), flip(), shift({
-      padding: 8
-    })]
-  }),
-      x = _useFloating.x,
-      y = _useFloating.y,
-      reference = _useFloating.reference,
-      floating = _useFloating.floating,
-      refs = _useFloating.refs,
-      update = _useFloating.update,
-      strategy = _useFloating.strategy,
-      context = _useFloating.context;
-
+      placement: placement,
+      open: open,
+      onOpenChange: onClose,
+      middleware: [offset(4), flip(), shift({
+        padding: 8
+      })]
+    }),
+    x = _useFloating.x,
+    y = _useFloating.y,
+    reference = _useFloating.reference,
+    floating = _useFloating.floating,
+    refs = _useFloating.refs,
+    update = _useFloating.update,
+    strategy = _useFloating.strategy,
+    context = _useFloating.context;
   useEffect(function () {
     reference(anchorEl);
   }, [anchorEl, reference]);
@@ -134,23 +126,19 @@ var Menu = /*#__PURE__*/forwardRef(function Menu(_ref3, ref) {
       return autoUpdate(refs.reference.current, refs.floating.current, update);
     }
   }, [refs.reference, refs.floating, update, open]);
-
   var _useInteractions = useInteractions([useDismiss(context, {
-    escapeKey: false
-  })]),
-      getFloatingProps = _useInteractions.getFloatingProps;
-
+      escapeKey: false
+    })]),
+    getFloatingProps = _useInteractions.getFloatingProps;
   var props = {
     open: open,
     className: className
   };
-
   var menuProps = _objectSpread(_objectSpread({}, rest), {}, {
     onClose: onClose,
     anchorEl: anchorEl,
     open: open
   });
-
   return /*#__PURE__*/jsx(Fragment, {
     children: /*#__PURE__*/jsx(FloatingPortal, {
       id: "eds-menu-container",

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

@@ -2,20 +2,20 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { tokens } from '@equinor/eds-tokens';
 
 var _tokens$colors = tokens.colors,
-    background = _tokens$colors.ui.background__default.rgba,
-    _tokens$colors$intera = _tokens$colors.interactive,
-    activeBackground = _tokens$colors$intera.primary__selected_highlight.rgba,
-    activeTextColor = _tokens$colors$intera.primary__resting.rgba,
-    focusColor = _tokens$colors$intera.focus.rgba,
-    disabledIconColor = _tokens$colors$intera.disabled__fill.rgba,
-    disabledTextColor = _tokens$colors$intera.disabled__text.rgba,
-    hoverBackground = _tokens$colors$intera.table__header__fill_hover.rgba,
-    textColor = _tokens$colors.text.static_icons__default.rgba,
-    _tokens$spacings$comf = tokens.spacings.comfortable,
-    medium = _tokens$spacings$comf.medium,
-    large = _tokens$spacings$comf.large,
-    small = _tokens$spacings$comf.small,
-    typography = tokens.typography.navigation.menu_title;
+  background = _tokens$colors.ui.background__default.rgba,
+  _tokens$colors$intera = _tokens$colors.interactive,
+  activeBackground = _tokens$colors$intera.primary__selected_highlight.rgba,
+  activeTextColor = _tokens$colors$intera.primary__resting.rgba,
+  focusColor = _tokens$colors$intera.focus.rgba,
+  disabledIconColor = _tokens$colors$intera.disabled__fill.rgba,
+  disabledTextColor = _tokens$colors$intera.disabled__text.rgba,
+  hoverBackground = _tokens$colors$intera.table__header__fill_hover.rgba,
+  textColor = _tokens$colors.text.static_icons__default.rgba,
+  _tokens$spacings$comf = tokens.spacings.comfortable,
+  medium = _tokens$spacings$comf.medium,
+  large = _tokens$spacings$comf.large,
+  small = _tokens$spacings$comf.small,
+  typography = tokens.typography.navigation.menu_title;
 var menu = {
   background: background,
   spacings: {

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

@@ -9,13 +9,13 @@ import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["children", "disabled", "index", "onClick"];
 var typography = menu.typography,
-    _tokens$entities = menu.entities,
-    _tokens$entities$item = _tokens$entities.item.states,
-    activeToken = _tokens$entities$item.active,
-    focus = _tokens$entities$item.focus,
-    hover = _tokens$entities$item.hover,
-    disabledToken = _tokens$entities$item.disabled,
-    icon = _tokens$entities.icon;
+  _tokens$entities = menu.entities,
+  _tokens$entities$item = _tokens$entities.item.states,
+  activeToken = _tokens$entities$item.active,
+  focus = _tokens$entities$item.focus,
+  hover = _tokens$entities$item.hover,
+  disabledToken = _tokens$entities$item.disabled,
+  icon = _tokens$entities.icon;
 var Item = styled.button.attrs(function (_ref) {
   var isFocused = _ref.isFocused;
   return {
@@ -41,30 +41,25 @@ var Content = styled.div.withConfig({
 })(["width:auto;display:grid;grid-gap:16px;grid-auto-flow:column;grid-auto-columns:max-content auto max-content;align-items:center;"]);
 var MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref5, ref) {
   var children = _ref5.children,
-      disabled = _ref5.disabled,
-      _ref5$index = _ref5.index,
-      index = _ref5$index === void 0 ? 0 : _ref5$index,
-      _onClick = _ref5.onClick,
-      rest = _objectWithoutProperties(_ref5, _excluded);
-
+    disabled = _ref5.disabled,
+    _ref5$index = _ref5.index,
+    index = _ref5$index === void 0 ? 0 : _ref5$index,
+    _onClick = _ref5.onClick,
+    rest = _objectWithoutProperties(_ref5, _excluded);
   var _useMenu = useMenu(),
-      focusedIndex = _useMenu.focusedIndex,
-      setFocusedIndex = _useMenu.setFocusedIndex,
-      onClose = _useMenu.onClose;
-
+    focusedIndex = _useMenu.focusedIndex,
+    setFocusedIndex = _useMenu.setFocusedIndex,
+    onClose = _useMenu.onClose;
   var toggleFocus = function toggleFocus(index_) {
     if (focusedIndex !== index_) {
       setFocusedIndex(index_);
     }
   };
-
   var isFocused = index === focusedIndex;
-
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     disabled: disabled,
     isFocused: isFocused
   });
-
   return /*#__PURE__*/jsx(Item, _objectSpread(_objectSpread({}, props), {}, {
     ref: mergeRefs(ref, function (el) {
       if (isFocused) {
@@ -79,7 +74,6 @@ var MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref5, ref) {
     onClick: function onClick(e) {
       if (_onClick) {
         _onClick(e);
-
         if (onClose !== null) {
           onClose(e);
         }

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

@@ -14,21 +14,17 @@ var 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));
-
 function isIndexable(item) {
   if ( /*#__PURE__*/isValidElement(item) && !item.props.disabled && item.type === MenuItem) return true;
   return false;
 }
-
 var MenuList = /*#__PURE__*/forwardRef(function MenuList(_ref, ref) {
   var children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useMenu = useMenu(),
-      focusedIndex = _useMenu.focusedIndex,
-      setFocusedIndex = _useMenu.setFocusedIndex,
-      initialFocus = _useMenu.initialFocus;
-
+    focusedIndex = _useMenu.focusedIndex,
+    setFocusedIndex = _useMenu.setFocusedIndex,
+    initialFocus = _useMenu.initialFocus;
   var index = -1;
   var focusableIndexs = useMemo(function () {
     return [];
@@ -36,7 +32,6 @@ var MenuList = /*#__PURE__*/forwardRef(function MenuList(_ref, ref) {
   var updatedChildren = useMemo(function () {
     return Children.map(children, function (child) {
       if (!child) return child;
-
       if (child.type === MenuSection) {
         index++;
         var menuSectionIndex = index;
@@ -65,13 +60,11 @@ var MenuList = /*#__PURE__*/forwardRef(function MenuList(_ref, ref) {
     if (initialFocus === 'first') {
       setFocusedIndex(firstFocusIndex);
     }
-
     if (initialFocus === 'last') {
       setFocusedIndex(lastFocusIndex);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // 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);
@@ -79,22 +72,18 @@ var MenuList = /*#__PURE__*/forwardRef(function MenuList(_ref, ref) {
     var nextFocusedIndex = typeof nextMenuItem === 'undefined' ? fallbackIndex : nextMenuItem;
     setFocusedIndex(nextFocusedIndex);
   };
-
   var handleKeyPress = function handleKeyPress(event) {
     var key = event.key;
     event.stopPropagation();
-
     if (key === 'ArrowDown') {
       event.preventDefault();
       handleMenuItemChange('down', firstFocusIndex);
     }
-
     if (key === 'ArrowUp') {
       event.preventDefault();
       handleMenuItemChange('up', lastFocusIndex);
     }
   };
-
   return /*#__PURE__*/jsx(List, _objectSpread(_objectSpread({
     onKeyDown: handleKeyPress,
     role: "menu"
@@ -102,6 +91,8 @@ var MenuList = /*#__PURE__*/forwardRef(function MenuList(_ref, ref) {
     ref: ref,
     children: updatedChildren
   }));
-}); // MenuList.displayName = 'EdsMenuList'
+});
+
+// MenuList.displayName = 'EdsMenuList'
 
 export { MenuList };

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

@@ -16,8 +16,8 @@ var Header = styled.div.attrs(function () {
 })(["", " &: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;
+    title = props.title,
+    index = props.index;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [index !== 0 && /*#__PURE__*/jsx("div", {
       children: /*#__PURE__*/jsx(Divider, {
@@ -31,6 +31,8 @@ var MenuSection = /*#__PURE__*/memo(function MenuSection(props) {
       })
     }), children]
   });
-}); // MenuSection.displayName = 'EdsMenuSection'
+});
+
+// MenuSection.displayName = 'EdsMenuSection'
 
 export { MenuSection };

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

@@ -47,37 +47,30 @@ var 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);
 }
-
 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);
-
+    _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 >
 
   var _useState = useState(defaultPage),
-      _useState2 = _slicedToArray(_useState, 2),
-      activePage = _useState2[0],
-      setActivePage = _useState2[1];
-
+    _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
 
   var onPageChange = function onPageChange(event, page) {
     page && setActivePage(page);
-
     if (event && onChange) {
       // Callback for provided onChange func
       onChange(event, page);
@@ -85,22 +78,19 @@ var Pagination = /*#__PURE__*/forwardRef(function Pagination(_ref2, ref) {
       return undefined;
     }
   };
-
   var isMounted = useIsMounted();
   var items = PaginationControl(pages, activePage);
   useIsomorphicLayoutEffect(function () {
     if (isMounted) {
       setActivePage(1);
       onChange === null || onChange === void 0 ? void 0 : onChange(null, 1);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // 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), {}, {
@@ -134,7 +124,8 @@ var Pagination = /*#__PURE__*/forwardRef(function Pagination(_ref2, ref) {
               onPageChange(event, page);
             }
           })
-        }, "list-item ".concat(index)) : /*#__PURE__*/jsx(ListItem // eslint-disable-next-line react/no-array-index-key
+        }, "list-item ".concat(index)) : /*#__PURE__*/jsx(ListItem
+        // eslint-disable-next-line react/no-array-index-key
         , {
           children: /*#__PURE__*/jsx(StyledIcon, {
             name: "more_horizontal",
@@ -156,7 +147,6 @@ 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')

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

@@ -1,9 +1,9 @@
 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;
+  selectedColor = _tokens$colors$intera.primary__selected_highlight.rgba,
+  disabledColor = _tokens$colors$intera.disabled__text.rgba,
+  spacingSmall = tokens.spacings.comfortable.small;
 var pagination = {
   entities: {
     item: {

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

@@ -8,16 +8,14 @@ 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);
-
+    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({
     style: {

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

@@ -2,13 +2,11 @@ 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';
 
-  var ELLIPSIS = 'ELLIPSIS'; // Range function from https://dev.to/namirsab/comment/2050
-
+  // Range function from https://dev.to/namirsab/comment/2050
   var range = function range(start, end) {
     var length = end - start + 1;
     return Array.from({
@@ -17,20 +15,16 @@ function PaginationControl(pages, activePage) {
       return start + i;
     });
   };
-
   var 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 /
     : 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
-
     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
 
     if (hiddenLeft && !hiddenRight) {
@@ -40,10 +34,8 @@ function PaginationControl(pages, activePage) {
     } else if (hiddenLeft && hiddenRight) {
       pageRange = [1, ELLIPSIS].concat(_toConsumableArray(pageRange), [ELLIPSIS, pages]);
     }
-
     return _toConsumableArray(pageRange);
   }
-
   return range(1, pages);
 }
 

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

@@ -15,12 +15,10 @@ var StyledPaper = styled.div.withConfig({
 });
 var Paper = /*#__PURE__*/forwardRef(function Paper(_ref2, ref) {
   var elevation$1 = _ref2.elevation,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     elevation: elevation[elevation$1] || 'none'
   });
-
   return /*#__PURE__*/jsx(StyledPaper, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref
   }));

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

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