@equinor/eds-core-react 0.25.0 → 0.27.0

package/dist/esm/components/Autocomplete/Autocomplete.js

@@ -2,7 +2,7 @@ import _typeof from '@babel/runtime/helpers/typeof';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import { forwardRef, useRef, useState, useEffect, useMemo, useCallback, useLayoutEffect } from 'react';
+import { forwardRef, useRef, useState, useEffect, useMemo, useCallback } from 'react';
 import { useMultipleSelection, useCombobox } from 'downshift';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { Button } from '../Button/index.js';
@@ -37,14 +37,12 @@ var StyledButton = styled(Button).withConfig({
   var button = _ref2.theme.entities.button;
   return css(["height:", ";width:", ";"], button.height, button.height);
 });
-
 var findIndex = function findIndex(_ref3) {
   var calc = _ref3.calc,
-      index = _ref3.index,
-      optionDisabled = _ref3.optionDisabled,
-      availableItems = _ref3.availableItems;
+    index = _ref3.index,
+    optionDisabled = _ref3.optionDisabled,
+    availableItems = _ref3.availableItems;
   var nextItem = availableItems[index];
-
   if (optionDisabled(nextItem)) {
     var nextIndex = calc(index);
     return findIndex({
@@ -54,14 +52,12 @@ var findIndex = function findIndex(_ref3) {
       optionDisabled: optionDisabled
     });
   }
-
   return index;
 };
-
 var findNextIndex = function findNextIndex(_ref4) {
   var index = _ref4.index,
-      optionDisabled = _ref4.optionDisabled,
-      availableItems = _ref4.availableItems;
+    optionDisabled = _ref4.optionDisabled,
+    availableItems = _ref4.availableItems;
   var options = {
     index: index,
     optionDisabled: optionDisabled,
@@ -71,21 +67,18 @@ var findNextIndex = function findNextIndex(_ref4) {
     }
   };
   var nextIndex = findIndex(options);
-
   if (nextIndex > availableItems.length - 1) {
     // jump to start of list
     return findIndex(_objectSpread(_objectSpread({}, options), {}, {
       index: 0
     }));
   }
-
   return nextIndex;
 };
-
 var findPrevIndex = function findPrevIndex(_ref5) {
   var index = _ref5.index,
-      optionDisabled = _ref5.optionDisabled,
-      availableItems = _ref5.availableItems;
+    optionDisabled = _ref5.optionDisabled,
+    availableItems = _ref5.availableItems;
   var options = {
     index: index,
     optionDisabled: optionDisabled,
@@ -95,70 +88,61 @@ var findPrevIndex = function findPrevIndex(_ref5) {
     }
   };
   var prevIndex = findIndex(options);
-
   if (prevIndex < 0) {
     // jump to end of list
     return findIndex(_objectSpread(_objectSpread({}, options), {}, {
       index: availableItems.length - 1
     }));
   }
-
   return prevIndex;
 };
-
 function AutocompleteInner(props, ref) {
   var _props$options = props.options,
-      options = _props$options === void 0 ? [] : _props$options,
-      label = props.label,
-      meta = props.meta,
-      className = props.className,
-      style = props.style,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$readOnly = props.readOnly,
-      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
-      _props$hideClearButto = props.hideClearButton,
-      hideClearButton = _props$hideClearButto === void 0 ? false : _props$hideClearButto,
-      onOptionsChange = props.onOptionsChange,
-      selectedOptions = props.selectedOptions,
-      multiple = props.multiple,
-      _props$initialSelecte = props.initialSelectedOptions,
-      initialSelectedOptions = _props$initialSelecte === void 0 ? [] : _props$initialSelecte,
-      disablePortal = props.disablePortal,
-      _props$optionDisabled = props.optionDisabled,
-      optionDisabled = _props$optionDisabled === void 0 ? function () {
-    return false;
-  } : _props$optionDisabled,
-      optionsFilter = props.optionsFilter,
-      autoWidth = props.autoWidth,
-      placeholder = props.placeholder,
-      optionLabel = props.optionLabel,
-      _props$clearSearchOnC = props.clearSearchOnChange,
-      clearSearchOnChange = _props$clearSearchOnC === void 0 ? true : _props$clearSearchOnC,
-      other = _objectWithoutProperties(props, _excluded);
-
+    options = _props$options === void 0 ? [] : _props$options,
+    label = props.label,
+    meta = props.meta,
+    className = props.className,
+    style = props.style,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    _props$hideClearButto = props.hideClearButton,
+    hideClearButton = _props$hideClearButto === void 0 ? false : _props$hideClearButto,
+    onOptionsChange = props.onOptionsChange,
+    selectedOptions = props.selectedOptions,
+    multiple = props.multiple,
+    _props$initialSelecte = props.initialSelectedOptions,
+    initialSelectedOptions = _props$initialSelecte === void 0 ? [] : _props$initialSelecte,
+    disablePortal = props.disablePortal,
+    _props$optionDisabled = props.optionDisabled,
+    optionDisabled = _props$optionDisabled === void 0 ? function () {
+      return false;
+    } : _props$optionDisabled,
+    optionsFilter = props.optionsFilter,
+    autoWidth = props.autoWidth,
+    placeholder = props.placeholder,
+    optionLabel = props.optionLabel,
+    _props$clearSearchOnC = props.clearSearchOnChange,
+    clearSearchOnChange = _props$clearSearchOnC === void 0 ? true : _props$clearSearchOnC,
+    other = _objectWithoutProperties(props, _excluded);
   var anchorRef = useRef(null);
   var isControlled = Boolean(selectedOptions);
-
   var _useState = useState(options),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputOptions = _useState2[0],
-      setInputOptions = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    inputOptions = _useState2[0],
+    setInputOptions = _useState2[1];
   var _useState3 = useState(inputOptions),
-      _useState4 = _slicedToArray(_useState3, 2),
-      availableItems = _useState4[0],
-      setAvailableItems = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    availableItems = _useState4[0],
+    setAvailableItems = _useState4[1];
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      typedInputValue = _useState6[0],
-      setTypedInputValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    typedInputValue = _useState6[0],
+    setTypedInputValue = _useState6[1];
   useEffect(function () {
     var availableHash = JSON.stringify(inputOptions);
     var optionsHash = JSON.stringify(options);
-
     if (availableHash !== optionsHash) {
       setInputOptions(options);
     }
@@ -169,10 +153,8 @@ function AutocompleteInner(props, ref) {
   var disabledItems = useMemo(function () {
     return options.filter(optionDisabled);
   }, [options, optionDisabled]);
-
   var _useEds = useEds(),
-      density = _useEds.density;
-
+    density = _useEds.density;
   var token = useToken({
     density: density
   }, multiple ? multiSelect : selectTokens);
@@ -180,7 +162,6 @@ function AutocompleteInner(props, ref) {
   var multipleSelectionProps = {
     initialSelectedItems: multiple ? initialSelectedOptions : initialSelectedOptions[0] ? [initialSelectedOptions[0]] : []
   };
-
   if (multiple) {
     multipleSelectionProps = _objectSpread(_objectSpread({}, multipleSelectionProps), {}, {
       onSelectedItemsChange: function onSelectedItemsChange(changes) {
@@ -192,27 +173,23 @@ function AutocompleteInner(props, ref) {
         }
       }
     });
-
     if (isControlled) {
       multipleSelectionProps = _objectSpread(_objectSpread({}, multipleSelectionProps), {}, {
         selectedItems: selectedOptions
       });
     }
   }
-
   var _useMultipleSelection = useMultipleSelection(multipleSelectionProps),
-      getDropdownProps = _useMultipleSelection.getDropdownProps,
-      addSelectedItem = _useMultipleSelection.addSelectedItem,
-      removeSelectedItem = _useMultipleSelection.removeSelectedItem,
-      selectedItems = _useMultipleSelection.selectedItems,
-      resetSelection = _useMultipleSelection.reset,
-      setSelectedItems = _useMultipleSelection.setSelectedItems;
-
+    getDropdownProps = _useMultipleSelection.getDropdownProps,
+    addSelectedItem = _useMultipleSelection.addSelectedItem,
+    removeSelectedItem = _useMultipleSelection.removeSelectedItem,
+    selectedItems = _useMultipleSelection.selectedItems,
+    resetSelection = _useMultipleSelection.reset,
+    setSelectedItems = _useMultipleSelection.setSelectedItems;
   var getLabel = useCallback(function (item) {
     if (!item) {
       return '';
     }
-
     if (_typeof(item) === 'object') {
       if (optionLabel) {
         return optionLabel(item);
@@ -220,11 +197,9 @@ function AutocompleteInner(props, ref) {
         throw new Error('Missing label. When using objects for options make sure to define the `optionLabel` property');
       }
     }
-
     if (typeof item === 'string') {
       return item;
     }
-
     try {
       return item === null || item === void 0 ? void 0 : item.toString();
     } catch (error) {
@@ -241,25 +216,21 @@ function AutocompleteInner(props, ref) {
         if (optionsFilter) {
           return optionsFilter(item, inputValue);
         }
-
         return getLabel(item).toLowerCase().includes(inputValue.toLowerCase());
       }));
     },
     onIsOpenChange: function onIsOpenChange(_ref7) {
       var selectedItem = _ref7.selectedItem;
-
       if (!multiple && selectedItem !== null) {
         setAvailableItems(options);
       }
     },
     onStateChange: function onStateChange(_ref8) {
       var type = _ref8.type,
-          selectedItem = _ref8.selectedItem;
-
+        selectedItem = _ref8.selectedItem;
       switch (type) {
         case useCombobox.stateChangeTypes.InputChange:
           break;
-
         case useCombobox.stateChangeTypes.InputKeyDownEnter:
         case useCombobox.stateChangeTypes.ItemClick:
         case useCombobox.stateChangeTypes.InputBlur:
@@ -270,14 +241,12 @@ function AutocompleteInner(props, ref) {
               setSelectedItems([selectedItem]);
             }
           }
-
           break;
       }
     },
     stateReducer: function stateReducer(_, actionAndChanges) {
       var changes = actionAndChanges.changes,
-          type = actionAndChanges.type;
-
+        type = actionAndChanges.type;
       switch (type) {
         case useCombobox.stateChangeTypes.InputKeyDownArrowDown:
         case useCombobox.stateChangeTypes.InputKeyDownHome:
@@ -288,7 +257,6 @@ function AutocompleteInner(props, ref) {
               optionDisabled: optionDisabled
             })
           });
-
         case useCombobox.stateChangeTypes.InputKeyDownArrowUp:
         case useCombobox.stateChangeTypes.InputKeyDownEnd:
           return _objectSpread(_objectSpread({}, changes), {}, {
@@ -298,13 +266,11 @@ function AutocompleteInner(props, ref) {
               optionDisabled: optionDisabled
             })
           });
-
         default:
           return changes;
       }
     }
   };
-
   if (!multiple) {
     comboBoxProps = _objectSpread(_objectSpread({}, comboBoxProps), {}, {
       onSelectedItemChange: function onSelectedItemChange(changes) {
@@ -316,22 +282,19 @@ function AutocompleteInner(props, ref) {
         }
       }
     });
-
     if (isControlled) {
       comboBoxProps = _objectSpread(_objectSpread({}, comboBoxProps), {}, {
         selectedItem: selectedOptions[0] || null
       });
     }
   }
-
   if (multiple) {
     placeholderText = typeof placeholderText !== 'undefined' ? placeholderText : "".concat(selectedItems.length, "/").concat(options.length - disabledItems.length, " selected");
     comboBoxProps = _objectSpread(_objectSpread({}, comboBoxProps), {}, {
       selectedItem: null,
       stateReducer: function stateReducer(state, actionAndChanges) {
         var changes = actionAndChanges.changes,
-            type = actionAndChanges.type;
-
+          type = actionAndChanges.type;
         switch (type) {
           case useCombobox.stateChangeTypes.InputKeyDownArrowDown:
           case useCombobox.stateChangeTypes.InputKeyDownHome:
@@ -342,7 +305,6 @@ function AutocompleteInner(props, ref) {
                 optionDisabled: optionDisabled
               })
             });
-
           case useCombobox.stateChangeTypes.InputKeyDownArrowUp:
           case useCombobox.stateChangeTypes.InputKeyDownEnd:
             return _objectSpread(_objectSpread({}, changes), {}, {
@@ -352,7 +314,6 @@ function AutocompleteInner(props, ref) {
                 optionDisabled: optionDisabled
               })
             });
-
           case useCombobox.stateChangeTypes.InputKeyDownEnter:
           case useCombobox.stateChangeTypes.ItemClick:
             return _objectSpread(_objectSpread({}, changes), {}, {
@@ -361,99 +322,86 @@ function AutocompleteInner(props, ref) {
               highlightedIndex: state.highlightedIndex,
               inputValue: !clearSearchOnChange ? typedInputValue : ''
             });
-
           case useCombobox.stateChangeTypes.InputBlur:
             setTypedInputValue('');
             return _objectSpread(_objectSpread({}, changes), {}, {
               inputValue: ''
             });
-
           case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:
             return _objectSpread(_objectSpread({}, changes), {}, {
               inputValue: !clearSearchOnChange ? typedInputValue : changes.inputValue
             });
-
           default:
             return changes;
         }
       }
     });
   }
-
   var _useCombobox = useCombobox(comboBoxProps),
-      isOpen = _useCombobox.isOpen,
-      getToggleButtonProps = _useCombobox.getToggleButtonProps,
-      getLabelProps = _useCombobox.getLabelProps,
-      getMenuProps = _useCombobox.getMenuProps,
-      getInputProps = _useCombobox.getInputProps,
-      getComboboxProps = _useCombobox.getComboboxProps,
-      highlightedIndex = _useCombobox.highlightedIndex,
-      getItemProps = _useCombobox.getItemProps,
-      openMenu = _useCombobox.openMenu,
-      inputValue = _useCombobox.inputValue,
-      resetCombobox = _useCombobox.reset;
-
+    isOpen = _useCombobox.isOpen,
+    getToggleButtonProps = _useCombobox.getToggleButtonProps,
+    getLabelProps = _useCombobox.getLabelProps,
+    getMenuProps = _useCombobox.getMenuProps,
+    getInputProps = _useCombobox.getInputProps,
+    highlightedIndex = _useCombobox.highlightedIndex,
+    getItemProps = _useCombobox.getItemProps,
+    openMenu = _useCombobox.openMenu,
+    inputValue = _useCombobox.inputValue,
+    resetCombobox = _useCombobox.reset;
   useEffect(function () {
     if (isControlled) {
       setSelectedItems(selectedOptions);
     }
   }, [isControlled, selectedOptions, setSelectedItems]);
-
   var openSelect = function openSelect() {
     if (!isOpen && !(disabled || readOnly)) {
       openMenu();
     }
   };
-
   var _useFloating = useFloating({
-    placement: 'bottom-start',
-    middleware: [offset(4), flip(), shift({
-      padding: 8
-    }), size({
-      apply: function apply(_ref9) {
-        var rects = _ref9.rects,
+      placement: 'bottom-start',
+      middleware: [offset(4), flip(), shift({
+        padding: 8
+      }), size({
+        apply: function apply(_ref9) {
+          var rects = _ref9.rects,
             availableHeight = _ref9.availableHeight,
             elements = _ref9.elements;
-        var anchorWidth = "".concat(rects.reference.width, "px");
-        Object.assign(elements.floating.style, {
-          width: "".concat(autoWidth ? anchorWidth : 'auto'),
-          maxHeight: "".concat(availableHeight, "px")
-        });
-      },
-      padding: 10
-    })]
-  }),
-      x = _useFloating.x,
-      y = _useFloating.y,
-      refs = _useFloating.refs,
-      update = _useFloating.update,
-      reference = _useFloating.reference,
-      floating = _useFloating.floating,
-      strategy = _useFloating.strategy;
-
+          var anchorWidth = "".concat(rects.reference.width, "px");
+          Object.assign(elements.floating.style, {
+            width: "".concat(autoWidth ? anchorWidth : 'auto'),
+            maxHeight: "".concat(availableHeight, "px")
+          });
+        },
+        padding: 10
+      })]
+    }),
+    x = _useFloating.x,
+    y = _useFloating.y,
+    refs = _useFloating.refs,
+    update = _useFloating.update,
+    reference = _useFloating.reference,
+    floating = _useFloating.floating,
+    strategy = _useFloating.strategy;
   var _useInteractions = useInteractions([]),
-      getFloatingProps = _useInteractions.getFloatingProps;
-
-  useLayoutEffect(function () {
+    getFloatingProps = _useInteractions.getFloatingProps;
+  useEffect(function () {
     reference(anchorRef.current);
   }, [anchorRef, reference]);
-  useLayoutEffect(function () {
+  useEffect(function () {
     if (refs.reference.current && refs.floating.current && isOpen) {
       return autoUpdate(refs.reference.current, refs.floating.current, update);
     }
   }, [refs.reference, refs.floating, update, isOpen]);
-
   var clear = function clear() {
     resetCombobox();
     resetSelection();
     setTypedInputValue('');
   };
-
   var showClearButton = (selectedItems.length > 0 || inputValue) && !readOnly && !hideClearButton;
   var selectedItemsLabels = useMemo(function () {
     return selectedItems.map(getLabel);
   }, [selectedItems, getLabel]);
-
   var optionsList = /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, getFloatingProps({
     ref: floating,
     style: {
@@ -486,7 +434,6 @@ function AutocompleteInner(props, ref) {
       })
     }))
   }));
-
   return /*#__PURE__*/jsx(ThemeProvider, {
     theme: token,
     children: /*#__PURE__*/jsxs(Container, {
@@ -497,15 +444,15 @@ function AutocompleteInner(props, ref) {
         label: label,
         meta: meta,
         disabled: disabled
-      })), /*#__PURE__*/jsx(Container, _objectSpread(_objectSpread({}, getComboboxProps()), {}, {
-        children: /*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({}, getInputProps( // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+      })), /*#__PURE__*/jsx(Container, {
+        children: /*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({}, getInputProps(
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         getDropdownProps({
           preventKeyAction: multiple ? isOpen : undefined,
           disabled: disabled,
           ref: refs.reference,
           onChange: function onChange(e) {
             var _e$currentTarget;
-
             return setTypedInputValue(e === null || e === void 0 ? void 0 : (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : _e$currentTarget.value);
           }
         }))), {}, {
@@ -538,14 +485,13 @@ function AutocompleteInner(props, ref) {
             }))]
           })
         }, other))
-      })), disablePortal ? optionsList : /*#__PURE__*/jsx(FloatingPortal, {
+      }), disablePortal ? optionsList : /*#__PURE__*/jsx(FloatingPortal, {
         id: "eds-autocomplete-container",
         children: optionsList
       })]
     })
   });
 }
-
 var Autocomplete = /*#__PURE__*/forwardRef(AutocompleteInner);
 
 export { Autocomplete };

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

@@ -3,17 +3,17 @@ import { tokens } from '@equinor/eds-tokens';
 import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.28.0/node_modules/ramda/es/mergeDeepRight.js';
 
 var typography = tokens.typography,
-    colors = tokens.colors,
-    _tokens$shape = tokens.shape,
-    straight = _tokens$shape.straight,
-    borderRadius = _tokens$shape.corners.borderRadius,
-    _tokens$spacings$comf = tokens.spacings.comfortable,
-    spacingSmall = _tokens$spacings$comf.small,
-    spacingMediumSmall = _tokens$spacings$comf.medium_small,
-    spacingMedium = _tokens$spacings$comf.medium,
-    spacingLarge = _tokens$spacings$comf.large,
-    xx_small = _tokens$spacings$comf.xx_small,
-    boxShadow = tokens.elevation.temporary_nav;
+  colors = tokens.colors,
+  _tokens$shape = tokens.shape,
+  straight = _tokens$shape.straight,
+  borderRadius = _tokens$shape.corners.borderRadius,
+  _tokens$spacings$comf = tokens.spacings.comfortable,
+  spacingSmall = _tokens$spacings$comf.small,
+  spacingMediumSmall = _tokens$spacings$comf.medium_small,
+  spacingMedium = _tokens$spacings$comf.medium,
+  spacingLarge = _tokens$spacings$comf.large,
+  xx_small = _tokens$spacings$comf.xx_small,
+  boxShadow = tokens.elevation.temporary_nav;
 var selectTokens = {
   background: colors.ui.background__default.rgba,
   boxShadow: boxShadow,

package/dist/esm/components/Autocomplete/Option.js

@@ -13,21 +13,20 @@ var StyledListItem = styled(List.Item).withConfig({
   componentId: "sc-1ly11zu-0"
 })(function (_ref) {
   var theme = _ref.theme,
-      highlighted = _ref.highlighted,
-      active = _ref.active,
-      isdisabled = _ref.isdisabled;
+    highlighted = _ref.highlighted,
+    active = _ref.active,
+    isdisabled = _ref.isdisabled;
   var backgroundColor = highlighted === 'true' ? theme.states.hover.background : active === 'true' ? theme.states.active.background : theme.background;
   return css(["display:flex;align-items:center;margin:0;list-style:none;background-color:", ";user-select:none;cursor:", ";", " ", " ", ""], backgroundColor, highlighted === 'true' ? 'pointer' : 'default', typographyTemplate(theme.typography), spacingsTemplate(theme.spacings), isdisabled === 'true' ? css(["color:", ";"], theme.states.disabled.typography.color) : '');
 });
 var AutocompleteOption = /*#__PURE__*/forwardRef(function AutocompleteOption(_ref2, ref) {
   var value = _ref2.value,
-      multiple = _ref2.multiple,
-      isSelected = _ref2.isSelected,
-      isDisabled = _ref2.isDisabled,
-      _onClick = _ref2.onClick,
-      ariaSelected = _ref2['aria-selected'],
-      other = _objectWithoutProperties(_ref2, _excluded);
-
+    multiple = _ref2.multiple,
+    isSelected = _ref2.isSelected,
+    isDisabled = _ref2.isDisabled,
+    _onClick = _ref2.onClick,
+    ariaSelected = _ref2['aria-selected'],
+    other = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/jsxs(StyledListItem, _objectSpread(_objectSpread({
     ref: ref,
     isdisabled: isDisabled ? 'true' : 'false',

package/dist/esm/components/Avatar/Avatar.js

@@ -23,14 +23,13 @@ var StyledImage = styled.img.withConfig({
 });
 var Avatar = /*#__PURE__*/forwardRef(function Avatar(_ref3, ref) {
   var _ref3$src = _ref3.src,
-      src = _ref3$src === void 0 ? null : _ref3$src,
-      alt = _ref3.alt,
-      _ref3$size = _ref3.size,
-      size = _ref3$size === void 0 ? 24 : _ref3$size,
-      _ref3$disabled = _ref3.disabled,
-      disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
-      rest = _objectWithoutProperties(_ref3, _excluded);
-
+    src = _ref3$src === void 0 ? null : _ref3$src,
+    alt = _ref3.alt,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 24 : _ref3$size,
+    _ref3$disabled = _ref3.disabled,
+    disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
+    rest = _objectWithoutProperties(_ref3, _excluded);
   return /*#__PURE__*/jsx(StyledAvatar, _objectSpread(_objectSpread({
     size: size,
     disabled: disabled,

package/dist/esm/components/Banner/Banner.js

@@ -16,7 +16,7 @@ var Content = styled.div.withConfig({
   componentId: "sc-1ju451i-0"
 })(function (_ref) {
   var theme = _ref.theme,
-      hasIcon = _ref.hasIcon;
+    hasIcon = _ref.hasIcon;
   return css(["", " display:grid;grid-template-columns:", ";align-items:center;background-color:", ";"], spacingsTemplate(theme.spacings), hasIcon ? 'min-content 1fr auto' : '1fr auto', theme.background);
 });
 var NonMarginDivider = styled(Divider).withConfig({
@@ -25,25 +25,21 @@ var NonMarginDivider = styled(Divider).withConfig({
 })(["margin:0;height:2px;"]);
 var Banner = /*#__PURE__*/forwardRef(function Banner(_ref2, ref) {
   var children = _ref2.children,
-      className = _ref2.className,
-      _ref2$elevation = _ref2.elevation,
-      elevation = _ref2$elevation === void 0 ? 'none' : _ref2$elevation,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    className = _ref2.className,
+    _ref2$elevation = _ref2.elevation,
+    elevation = _ref2$elevation === void 0 ? 'none' : _ref2$elevation,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var childrenWhereBannerIcon = Children.map(children, function (child) {
     return /*#__PURE__*/isValidElement(child) && child.type === BannerIcon;
   });
   var hasIcon = childrenWhereBannerIcon.some(function (bool) {
     return bool;
   });
-
   var props = _objectSpread({
     ref: ref
   }, rest);
-
   var _useEds = useEds(),
-      density = _useEds.density;
-
+    density = _useEds.density;
   var token = useToken({
     density: density
   }, enabled);