@equinor/eds-core-react 0.25.0 → 0.27.0

package/dist/esm/node_modules/.pnpm/ramda@0.28.0/node_modules/ramda/es/mergeWithKey.js

@@ -27,22 +27,20 @@ import _has from './internal/_has.js';
  * @symb R.mergeWithKey(f, { x: 1, y: 2 }, { y: 5, z: 3 }) = { x: 1, y: f('y', 2, 5), z: 3 }
  */
 
-var mergeWithKey = /*#__PURE__*/_curry3(function mergeWithKey(fn, l, r) {
+var mergeWithKey = /*#__PURE__*/
+_curry3(function mergeWithKey(fn, l, r) {
   var result = {};
   var k;
-
   for (k in l) {
     if (_has(k, l)) {
       result[k] = _has(k, r) ? fn(k, l[k], r[k]) : l[k];
     }
   }
-
   for (k in r) {
     if (_has(k, r) && !_has(k, result)) {
       result[k] = r[k];
     }
   }
-
   return result;
 });
 

package/dist/types/components/Select/index.d.ts

@@ -1,3 +1 @@
 export * from './NativeSelect';
-export * from './SingleSelect';
-export * from './MultiSelect';

package/dist/types/components/SideBar/SideBar.context.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export declare type State = {
+    isOpen: boolean;
+    onToggle: (state: boolean) => void;
+};
+declare type UseSidebarProps<T> = T & {
+    setIsOpen: (open: boolean) => void;
+    setOnToggle: (onToggle: (state: boolean) => void) => void;
+};
+declare type ProviderProps = {
+    children: ReactNode;
+};
+export declare const SideBarProvider: ({ children }: ProviderProps) => JSX.Element;
+export declare const useSideBar: () => UseSidebarProps<State>;
+export {};

package/dist/types/components/SideBar/SideBar.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export declare const SideBar: import("react").ForwardRefExoticComponent<{
+    open?: boolean;
+    onToggle?: (state: boolean) => void;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/SideBar/SideBar.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentToken } from '@equinor/eds-tokens';
+export declare const sidebar: ComponentToken;

package/dist/types/components/SideBar/SideBarButton/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ButtonProps } from '../../Button';
+import { IconData } from '@equinor/eds-icons';
+export declare type SideBarButtonProps = {
+    label: string;
+    icon: IconData;
+} & Omit<ButtonProps, 'href' | 'type' | 'fullWidth' | 'variant'>;
+export declare const SideBarButton: import("react").ForwardRefExoticComponent<{
+    label: string;
+    icon: IconData;
+} & Omit<ButtonProps, "type" | "href" | "variant" | "fullWidth"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/SideBar/SideBarContent.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+declare type SideBarContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const SideBarContent: import("react").ForwardRefExoticComponent<SideBarContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/SideBar/SideBarFooter.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+declare type SideBarFooterProps = HTMLAttributes<HTMLDivElement>;
+export declare const SideBarFooter: import("react").ForwardRefExoticComponent<SideBarFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/SideBar/SideBarToggle.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+declare type SideBarToggleProps = HTMLAttributes<HTMLDivElement>;
+export declare const SideBarToggle: import("react").ForwardRefExoticComponent<SideBarToggleProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/SideBar/SidebarLink/index.d.ts

@@ -0,0 +1,18 @@
+import { AnchorHTMLAttributes, ElementType } from 'react';
+import { OverridableComponent } from '@equinor/eds-utils';
+import { IconData } from '@equinor/eds-icons';
+declare type OverridableSubComponent = OverridableComponent<SidebarLinkProps, HTMLAnchorElement> & {
+    displayName?: string;
+};
+export declare type SidebarLinkProps = {
+    /** Icon*/
+    icon: IconData;
+    /** Label text */
+    label: string;
+    /** Active/current url */
+    active?: boolean;
+    onClick?: () => void;
+    as?: ElementType;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const SidebarLink: OverridableSubComponent;
+export {};

package/dist/types/components/SideBar/index.d.ts

@@ -0,0 +1,17 @@
+import { SideBar as BaseSideBar } from './SideBar';
+import { useSideBar } from './SideBar.context';
+import { SidebarLink, SidebarLinkProps } from './SidebarLink';
+import { SideBarContent } from './SideBarContent';
+import { SideBarFooter } from './SideBarFooter';
+import { SideBarToggle } from './SideBarToggle';
+import { SideBarButton } from './SideBarButton';
+declare type SidebarType = typeof BaseSideBar & {
+    Link: typeof SidebarLink;
+    Content: typeof SideBarContent;
+    Footer: typeof SideBarFooter;
+    Toggle: typeof SideBarToggle;
+    Button: typeof SideBarButton;
+};
+declare const SideBar: SidebarType;
+export { SideBar, useSideBar };
+export type { SidebarType, SidebarLinkProps };

package/dist/types/index.d.ts

@@ -35,3 +35,4 @@ export * from './components/EdsProvider';
 export * from './components/Paper';
 export * from './components/Autocomplete';
 export * from './components/InputWrapper';
+export * from './components/SideBar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"
@@ -79,11 +79,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.19.0",
-    "@equinor/eds-icons": "0.15.0",
+    "@equinor/eds-icons": "0.16.0",
     "@equinor/eds-tokens": "0.9.0",
-    "@equinor/eds-utils": "0.6.0",
+    "@equinor/eds-utils": "0.7.0",
     "@floating-ui/react-dom-interactions": "^0.10.1",
-    "downshift": "^6.1.12"
+    "downshift": "^7.0.1"
   },
   "engines": {
     "pnpm": ">=4",

package/dist/esm/components/Select/MultiSelect/MultiSelect.js

@@ -1,226 +0,0 @@
-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 { useMultipleSelection, useCombobox } from 'downshift';
-import { Icon } from '../../Icon/index.js';
-import { CheckboxInput } from '../../Checkbox/Input.js';
-import { close, arrow_drop_up, arrow_drop_down } from '@equinor/eds-icons';
-import styled, { ThemeProvider } from 'styled-components';
-import { multiSelect } from '../Select.tokens.js';
-import { StyledListItem, Container, StyledInputWrapper, PaddedInput, StyledButton, StyledList } from '../commonStyles.js';
-import { spacingsTemplate, useToken } from '@equinor/eds-utils';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useEds } from '../../EdsProvider/eds.context.js';
-import { Label } from '../../Label/Label.js';
-
-var _excluded = ["items", "initialSelectedItems", "label", "meta", "className", "disabled", "readOnly", "selectedOptions", "handleSelectedItemsChange"];
-var PaddedStyledListItem = styled(StyledListItem).withConfig({
-  displayName: "MultiSelect__PaddedStyledListItem",
-  componentId: "sc-69ntfg-0"
-})(["display:flex;align-items:center;", ""], function (_ref) {
-  var theme = _ref.theme;
-  return spacingsTemplate(theme.spacings);
-});
-
-/** @deprecated Use `<Autocomplete multiple />` instead. */
-var MultiSelect = /*#__PURE__*/forwardRef(function MultiSelect(_ref2, ref) {
-  var _ref2$items = _ref2.items,
-      items = _ref2$items === void 0 ? [] : _ref2$items,
-      _ref2$initialSelected = _ref2.initialSelectedItems,
-      initialSelectedItems = _ref2$initialSelected === void 0 ? [] : _ref2$initialSelected,
-      label = _ref2.label,
-      meta = _ref2.meta,
-      className = _ref2.className,
-      _ref2$disabled = _ref2.disabled,
-      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-      _ref2$readOnly = _ref2.readOnly,
-      readOnly = _ref2$readOnly === void 0 ? false : _ref2$readOnly,
-      selectedOptions = _ref2.selectedOptions,
-      handleSelectedItemsChange = _ref2.handleSelectedItemsChange,
-      other = _objectWithoutProperties(_ref2, _excluded);
-
-  var isControlled = selectedOptions ? true : false;
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputValue = _useState2[0],
-      setInputValue = _useState2[1];
-
-  var _useEds = useEds(),
-      density = _useEds.density;
-
-  var token = useToken({
-    density: density
-  }, multiSelect);
-  var multipleSelectionProps = {
-    initialSelectedItems: initialSelectedItems,
-    onSelectedItemsChange: function onSelectedItemsChange(changes) {
-      if (handleSelectedItemsChange) {
-        handleSelectedItemsChange(changes);
-      }
-    }
-  };
-
-  if (isControlled) {
-    multipleSelectionProps = _objectSpread(_objectSpread({}, multipleSelectionProps), {}, {
-      selectedItems: selectedOptions
-    });
-  }
-
-  var _useMultipleSelection = useMultipleSelection(multipleSelectionProps),
-      getDropdownProps = _useMultipleSelection.getDropdownProps,
-      addSelectedItem = _useMultipleSelection.addSelectedItem,
-      removeSelectedItem = _useMultipleSelection.removeSelectedItem,
-      selectedItems = _useMultipleSelection.selectedItems,
-      reset = _useMultipleSelection.reset;
-
-  var getFilteredItems = function getFilteredItems(items) {
-    return items.filter(function (item) {
-      return item.toLowerCase().includes(inputValue.toLowerCase());
-    });
-  };
-
-  var _useCombobox = useCombobox({
-    inputValue: inputValue,
-    selectedItem: null,
-    items: getFilteredItems(items),
-    stateReducer: function stateReducer(state, actionAndChanges) {
-      var changes = actionAndChanges.changes,
-          type = actionAndChanges.type;
-
-      switch (type) {
-        case useCombobox.stateChangeTypes.InputKeyDownEnter:
-        case useCombobox.stateChangeTypes.ItemClick:
-          return _objectSpread(_objectSpread({}, changes), {}, {
-            isOpen: true,
-            // keep menu open after selection.
-            highlightedIndex: state.highlightedIndex,
-            inputValue: '' // don't add the item string as input value at selection. */
-
-          });
-
-        case useCombobox.stateChangeTypes.InputBlur:
-          return _objectSpread(_objectSpread({}, changes), {}, {
-            inputValue: '' // don't add the item string as input value at selection.
-
-          });
-
-        default:
-          return changes;
-      }
-    },
-    onStateChange: function onStateChange(_ref3) {
-      var inputValue = _ref3.inputValue,
-          type = _ref3.type,
-          selectedItem = _ref3.selectedItem;
-
-      switch (type) {
-        case useCombobox.stateChangeTypes.InputChange:
-          setInputValue(inputValue);
-          break;
-
-        case useCombobox.stateChangeTypes.InputKeyDownEnter:
-        case useCombobox.stateChangeTypes.ItemClick:
-        case useCombobox.stateChangeTypes.InputBlur:
-          setInputValue('');
-
-          if (selectedItem) {
-            selectedItems.includes(selectedItem) ? removeSelectedItem(selectedItem) : addSelectedItem(selectedItem);
-          }
-
-          break;
-      }
-    }
-  }),
-      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;
-
-  var placeholderText = items.length > 0 ? "".concat(selectedItems.length, "/").concat(items.length, " selected") : '';
-
-  var openSelect = function openSelect() {
-    if (!isOpen && !(disabled || readOnly)) {
-      openMenu();
-    }
-  };
-
-  var handleClear = function handleClear() {
-    reset();
-    setInputValue('');
-  };
-
-  return /*#__PURE__*/jsx(ThemeProvider, {
-    theme: token,
-    children: /*#__PURE__*/jsxs(Container, {
-      className: className,
-      ref: ref,
-      children: [/*#__PURE__*/jsx(Label, _objectSpread(_objectSpread({}, getLabelProps()), {}, {
-        label: label,
-        meta: meta,
-        disabled: disabled
-      })), /*#__PURE__*/jsxs(StyledInputWrapper, _objectSpread(_objectSpread({}, getComboboxProps()), {}, {
-        children: [/*#__PURE__*/jsx(PaddedInput, _objectSpread(_objectSpread({}, getInputProps( // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        getDropdownProps({
-          preventKeyAction: isOpen,
-          disabled: disabled
-        }))), {}, {
-          placeholder: placeholderText,
-          readOnly: readOnly,
-          onFocus: openSelect
-        }, other)), Boolean(selectedItems.length || inputValue) && /*#__PURE__*/jsx(StyledButton, {
-          variant: "ghost_icon",
-          disabled: disabled || readOnly,
-          "aria-label": 'clear options',
-          title: "clear",
-          onClick: handleClear,
-          style: {
-            right: 32
-          },
-          children: /*#__PURE__*/jsx(Icon, {
-            data: close,
-            size: 16
-          })
-        }), /*#__PURE__*/jsx(StyledButton, _objectSpread(_objectSpread({
-          variant: "ghost_icon"
-        }, getToggleButtonProps({
-          disabled: disabled || readOnly
-        })), {}, {
-          "aria-label": 'toggle options',
-          title: "open",
-          children: /*#__PURE__*/jsx(Icon, {
-            data: isOpen ? arrow_drop_up : arrow_drop_down
-          })
-        }))]
-      })), /*#__PURE__*/jsx(StyledList, _objectSpread(_objectSpread({}, getMenuProps()), {}, {
-        children: isOpen && getFilteredItems(items).map(function (item, index) {
-          return /*#__PURE__*/jsxs(PaddedStyledListItem, _objectSpread(_objectSpread({
-            highlighted: highlightedIndex === index ? 'true' : 'false'
-          }, getItemProps({
-            item: item,
-            index: index,
-            disabled: disabled
-          })), {}, {
-            children: [/*#__PURE__*/jsx(CheckboxInput, {
-              checked: selectedItems.includes(item),
-              value: item,
-              onChange: function onChange() {
-                return null;
-              }
-            }), /*#__PURE__*/jsx("span", {
-              children: item
-            })]
-          }), "".concat(item));
-        })
-      }))]
-    })
-  });
-});
-
-export { MultiSelect };

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

@@ -1,92 +0,0 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-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;
-var select = {
-  background: colors.ui.background__default.rgba,
-  boxShadow: boxShadow,
-  minHeight: straight.minHeight,
-  spacings: {
-    top: spacingMedium,
-    right: spacingLarge,
-    bottom: spacingMedium,
-    left: spacingLarge
-  },
-  typography: _objectSpread(_objectSpread({}, typography.navigation.menu_title), {}, {
-    color: colors.text.static_icons__default.rgba
-  }),
-  border: {
-    type: 'border',
-    radius: borderRadius
-  },
-  states: {
-    hover: {
-      background: colors.ui.background__medium.rgba
-    },
-    active: {
-      background: colors.interactive.primary__selected_highlight.rgba
-    }
-  },
-  entities: {
-    button: {
-      height: '24px',
-      spacings: {
-        left: spacingSmall,
-        right: spacingSmall,
-        top: '6px'
-      },
-      typography: {
-        color: colors.text.static_icons__tertiary.rgba
-      }
-    }
-  },
-  modes: {
-    compact: {
-      spacings: {
-        left: spacingSmall,
-        right: spacingSmall,
-        top: spacingSmall,
-        bottom: spacingSmall
-      },
-      entities: {
-        button: {
-          spacings: {
-            left: spacingSmall,
-            right: spacingSmall,
-            top: '0'
-          }
-        }
-      }
-    }
-  }
-};
-var multiSelect = mergeDeepRight(select, {
-  spacings: {
-    top: '0',
-    bottom: '0',
-    left: spacingMediumSmall,
-    right: spacingLarge
-  },
-  modes: {
-    compact: {
-      spacings: {
-        top: xx_small,
-        bottom: '0'
-      }
-    }
-  }
-});
-
-export { multiSelect, select };

package/dist/esm/components/Select/SingleSelect/SingleSelect.js

@@ -1,160 +0,0 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef, useState, useEffect } from 'react';
-import { useCombobox } from 'downshift';
-import styled, { ThemeProvider } from 'styled-components';
-import { Icon } from '../../Icon/index.js';
-import { close, arrow_drop_up, arrow_drop_down } from '@equinor/eds-icons';
-import { spacingsTemplate, useToken } from '@equinor/eds-utils';
-import { select } from '../Select.tokens.js';
-import { StyledListItem, Container, StyledInputWrapper, PaddedInput, StyledButton, StyledList } from '../commonStyles.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useEds } from '../../EdsProvider/eds.context.js';
-import { Label } from '../../Label/Label.js';
-
-var _excluded = ["items", "label", "meta", "className", "disabled", "readOnly", "initialSelectedItem", "selectedOption", "handleSelectedItemChange"];
-var PaddedStyledListItem = styled(StyledListItem).withConfig({
-  displayName: "SingleSelect__PaddedStyledListItem",
-  componentId: "sc-rh1yw2-0"
-})(["", ""], function (_ref) {
-  var theme = _ref.theme;
-  return spacingsTemplate(theme.spacings);
-});
-/** @deprecated Use `<Autocomplete />` instead */
-
-var SingleSelect = /*#__PURE__*/forwardRef(function SingleSelect(_ref2, ref) {
-  var _ref2$items = _ref2.items,
-      items = _ref2$items === void 0 ? [] : _ref2$items,
-      label = _ref2.label,
-      meta = _ref2.meta,
-      className = _ref2.className,
-      _ref2$disabled = _ref2.disabled,
-      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
-      _ref2$readOnly = _ref2.readOnly,
-      readOnly = _ref2$readOnly === void 0 ? false : _ref2$readOnly,
-      initialSelectedItem = _ref2.initialSelectedItem,
-      selectedOption = _ref2.selectedOption,
-      handleSelectedItemChange = _ref2.handleSelectedItemChange,
-      other = _objectWithoutProperties(_ref2, _excluded);
-
-  var _useState = useState(items),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputItems = _useState2[0],
-      setInputItems = _useState2[1];
-
-  var isControlled = selectedOption !== undefined ? true : false;
-
-  var _useEds = useEds(),
-      density = _useEds.density;
-
-  var token = useToken({
-    density: density
-  }, select);
-  useEffect(function () {
-    setInputItems(items);
-  }, [items]);
-  var comboboxProps = {
-    items: inputItems,
-    onSelectedItemChange: handleSelectedItemChange,
-    onInputValueChange: function onInputValueChange(_ref3) {
-      var inputValue = _ref3.inputValue;
-      setInputItems(items.filter(function (item) {
-        return item.toLowerCase().includes(inputValue.toLowerCase());
-      }));
-    },
-    onIsOpenChange: function onIsOpenChange(_ref4) {
-      var selectedItem = _ref4.selectedItem;
-
-      if (inputItems.length === 1 && selectedItem === inputItems[0]) {
-        setInputItems(items);
-      }
-    },
-    initialSelectedItem: initialSelectedItem
-  };
-
-  if (isControlled) {
-    comboboxProps = _objectSpread(_objectSpread({}, comboboxProps), {}, {
-      selectedItem: selectedOption
-    });
-  }
-
-  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,
-      selectedItem = _useCombobox.selectedItem,
-      reset = _useCombobox.reset,
-      inputValue = _useCombobox.inputValue;
-
-  var openSelect = function openSelect() {
-    if (!isOpen && !(disabled || readOnly)) {
-      openMenu();
-    }
-  };
-
-  return /*#__PURE__*/jsx(ThemeProvider, {
-    theme: token,
-    children: /*#__PURE__*/jsxs(Container, {
-      className: className,
-      ref: ref,
-      children: [/*#__PURE__*/jsx(Label, _objectSpread(_objectSpread({}, getLabelProps()), {}, {
-        label: label,
-        meta: meta,
-        disabled: disabled
-      })), /*#__PURE__*/jsxs(StyledInputWrapper, _objectSpread(_objectSpread({}, getComboboxProps()), {}, {
-        children: [/*#__PURE__*/jsx(PaddedInput, _objectSpread(_objectSpread({}, getInputProps({
-          disabled: disabled
-        })), {}, {
-          readOnly: readOnly,
-          onFocus: openSelect,
-          onClick: openSelect
-        }, other)), Boolean(inputValue) && /*#__PURE__*/jsx(StyledButton, {
-          variant: "ghost_icon",
-          disabled: disabled || readOnly,
-          "aria-label": 'clear options',
-          title: "clear",
-          onClick: reset,
-          style: {
-            right: 32
-          },
-          children: /*#__PURE__*/jsx(Icon, {
-            data: close,
-            size: 16
-          })
-        }), /*#__PURE__*/jsx(StyledButton, _objectSpread(_objectSpread({
-          variant: "ghost_icon"
-        }, getToggleButtonProps({
-          disabled: disabled || readOnly
-        })), {}, {
-          "aria-label": 'toggle options',
-          title: "open",
-          children: /*#__PURE__*/jsx(Icon, {
-            data: isOpen ? arrow_drop_up : arrow_drop_down
-          })
-        }))]
-      })), /*#__PURE__*/jsx(StyledList, _objectSpread(_objectSpread({}, getMenuProps()), {}, {
-        children: isOpen && inputItems.map(function (item, index) {
-          return /*#__PURE__*/jsx(PaddedStyledListItem, _objectSpread(_objectSpread({
-            highlighted: highlightedIndex === index ? 'true' : 'false',
-            active: selectedItem === item ? 'true' : 'false'
-          }, getItemProps({
-            item: item,
-            index: index,
-            disabled: disabled
-          })), {}, {
-            children: item
-          }), "".concat(item));
-        })
-      }))]
-    })
-  });
-});
-
-export { SingleSelect };

package/dist/esm/components/Select/commonStyles.js

@@ -1,43 +0,0 @@
-import { List } from '../List/index.js';
-import { Button } from '../Button/index.js';
-import styled, { css } from 'styled-components';
-import { select } from './Select.tokens.js';
-import { bordersTemplate, typographyTemplate } from '@equinor/eds-utils';
-import { Input } from '../Input/Input.js';
-
-var buttonToken = select.entities.button;
-var Container = styled.div.withConfig({
-  displayName: "commonStyles__Container",
-  componentId: "sc-v98ajk-0"
-})(["position:relative;"]);
-var PaddedInput = styled(Input).withConfig({
-  displayName: "commonStyles__PaddedInput",
-  componentId: "sc-v98ajk-1"
-})(["padding-right:calc( ", " + ", " + ", " + 0px );"], buttonToken.height, buttonToken.spacings.left, buttonToken.spacings.right);
-var StyledList = styled(List).withConfig({
-  displayName: "commonStyles__StyledList",
-  componentId: "sc-v98ajk-2"
-})(["background-color:", ";box-shadow:", ";overflow-y:scroll;max-height:300px;padding:0;", " margin-top:4px;position:absolute;right:0;left:0;z-index:50;"], select.background, select.boxShadow, bordersTemplate(select.border));
-var StyledListItem = styled(List.Item).withConfig({
-  displayName: "commonStyles__StyledListItem",
-  componentId: "sc-v98ajk-3"
-})(function (_ref) {
-  var theme = _ref.theme,
-      highlighted = _ref.highlighted,
-      active = _ref.active;
-  var backgroundColor = highlighted === 'true' ? theme.states.hover.background : active === 'true' ? theme.states.active.background : theme.background;
-  return css(["margin:0;list-style:none;background-color:", ";", ";cursor:", ";"], backgroundColor, typographyTemplate(theme.typography), highlighted === 'true' ? 'pointer' : 'default');
-});
-var StyledButton = styled(Button).withConfig({
-  displayName: "commonStyles__StyledButton",
-  componentId: "sc-v98ajk-4"
-})(function (_ref2) {
-  var button = _ref2.theme.entities.button;
-  return css(["position:absolute;right:", ";height:", ";width:", ";top:", ";color:", ";"], button.spacings.right, button.height, button.height, button.spacings.top, button.typography.color);
-});
-var StyledInputWrapper = styled.div.withConfig({
-  displayName: "commonStyles__StyledInputWrapper",
-  componentId: "sc-v98ajk-5"
-})(["position:relative;"]);
-
-export { Container, PaddedInput, StyledButton, StyledInputWrapper, StyledList, StyledListItem };