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

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 };

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

@@ -1,49 +0,0 @@
-import { SelectHTMLAttributes } from 'react';
-import { UseMultipleSelectionStateChange } from 'downshift';
-export declare type MultiSelectProps = {
-    /** List of options to choose from */
-    items: string[];
-    /** Label for the select element */
-    label: string;
-    /** Array of initial selected items */
-    initialSelectedItems?: string[];
-    /** Meta text, for instance unit */
-    meta?: string;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Read Only */
-    readOnly?: boolean;
-    /** If this prop is used, the select will become a controlled component. Use an empty
-     * array [] if there will be no initial selected items
-     * Note that this prop replaces the need for ```initialSelectedItems```
-     * The items that should be selected. */
-    selectedOptions?: string[];
-    /** Callback for the selected item change
-     * changes.selectedItem gives the selected item
-     */
-    handleSelectedItemsChange?: (changes: UseMultipleSelectionStateChange<string>) => void;
-} & SelectHTMLAttributes<HTMLSelectElement>;
-/** @deprecated Use `<Autocomplete multiple />` instead. */
-export declare const MultiSelect: import("react").ForwardRefExoticComponent<{
-    /** List of options to choose from */
-    items: string[];
-    /** Label for the select element */
-    label: string;
-    /** Array of initial selected items */
-    initialSelectedItems?: string[];
-    /** Meta text, for instance unit */
-    meta?: string;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Read Only */
-    readOnly?: boolean;
-    /** If this prop is used, the select will become a controlled component. Use an empty
-     * array [] if there will be no initial selected items
-     * Note that this prop replaces the need for ```initialSelectedItems```
-     * The items that should be selected. */
-    selectedOptions?: string[];
-    /** Callback for the selected item change
-     * changes.selectedItem gives the selected item
-     */
-    handleSelectedItemsChange?: (changes: UseMultipleSelectionStateChange<string>) => void;
-} & SelectHTMLAttributes<HTMLSelectElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +0,0 @@
-export * from './MultiSelect';

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

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

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

@@ -1,49 +0,0 @@
-import { SelectHTMLAttributes } from 'react';
-import { UseComboboxStateChange } from 'downshift';
-export declare type SingleSelectProps = {
-    /** List of options to choose from */
-    items: string[];
-    /** Label for the select element */
-    label: string;
-    /** Meta text, for instance unit */
-    meta?: string;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Read Only */
-    readOnly?: boolean;
-    /** Pass an item that should be selected when the Select is initialized. */
-    initialSelectedItem?: string;
-    /** If this prop is used, the select will become a controlled component.
-     * Note that this prop replaces the need for ```initialSelectedItem```
-     *
-     * The item that should be selected. */
-    selectedOption?: string;
-    /** Callback for the selected item change
-     * changes.selectedItem gives the selected item
-     */
-    handleSelectedItemChange?: (changes: UseComboboxStateChange<string>) => void;
-} & SelectHTMLAttributes<HTMLSelectElement>;
-/** @deprecated Use `<Autocomplete />` instead */
-export declare const SingleSelect: import("react").ForwardRefExoticComponent<{
-    /** List of options to choose from */
-    items: string[];
-    /** Label for the select element */
-    label: string;
-    /** Meta text, for instance unit */
-    meta?: string;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Read Only */
-    readOnly?: boolean;
-    /** Pass an item that should be selected when the Select is initialized. */
-    initialSelectedItem?: string;
-    /** If this prop is used, the select will become a controlled component.
-     * Note that this prop replaces the need for ```initialSelectedItem```
-     *
-     * The item that should be selected. */
-    selectedOption?: string;
-    /** Callback for the selected item change
-     * changes.selectedItem gives the selected item
-     */
-    handleSelectedItemChange?: (changes: UseComboboxStateChange<string>) => void;
-} & SelectHTMLAttributes<HTMLSelectElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +0,0 @@
-export * from './SingleSelect';

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

@@ -1,27 +0,0 @@
-import { HTMLAttributes } from 'react';
-declare type ContainerProps = HTMLAttributes<HTMLDivElement>;
-declare type StyledListItemType = {
-    highlighted: string;
-    active?: string;
-};
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
-export declare const PaddedInput: import("styled-components").StyledComponent<import("@equinor/eds-utils").OverridableComponent<import("../Input").InputProps, HTMLInputElement>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    variant?: "bullet" | "numbered";
-    start?: string;
-} & HTMLAttributes<HTMLOListElement | HTMLUListElement> & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>> & {
-    Item: import("react").ForwardRefExoticComponent<import("../List").ListItemProps & import("react").RefAttributes<HTMLLIElement>>;
-}, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledListItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").ListItemProps & import("react").RefAttributes<HTMLLIElement>>, import("styled-components").DefaultTheme, StyledListItemType, never>;
-export declare const StyledButton: import("styled-components").StyledComponent<import("@equinor/eds-utils").OverridableComponent<import("../Button").ButtonProps, HTMLButtonElement> & {
-    Group: import("react").ForwardRefExoticComponent<{
-        vertical?: boolean;
-    } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Toggle: import("react").ForwardRefExoticComponent<{
-        multiple?: boolean;
-        selectedIndexes?: number[];
-        onChange?: (indexes: number[]) => void;
-    } & Omit<HTMLAttributes<HTMLElement>, "onChange"> & Pick<import("../Button").ButtonGroupProps, "vertical"> & import("react").RefAttributes<HTMLDivElement>>;
-}, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export {};