@equinor/eds-core-react 0.19.0 → 0.20.1

package/dist/esm/components/SideSheet/SideSheet.js

@@ -2,11 +2,11 @@ import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { clear } from '@equinor/eds-icons';
 import { bordersTemplate, spacingsTemplate } from '@equinor/eds-utils';
+import { Typography } from '../Typography/Typography.js';
+import { Button } from '../Button/Button.js';
 import { Icon } from '../Icon/index.js';
 import { comfortable, variants } from './SideSheet.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Button } from '../Button/Button.js';
-import { Typography } from '../Typography/Typography.js';
 
 const {
   background,
@@ -41,7 +41,6 @@ const SideSheet = /*#__PURE__*/forwardRef(function SideSheet(_ref2, ref) {
   }; // Controller must set open={false} when pressing the close button
 
   return open && /*#__PURE__*/jsxs(StyledSideSheet, { ...props,
-    id: "side-sheet",
     children: [/*#__PURE__*/jsxs(Header, {
       children: [/*#__PURE__*/jsx(Typography, {
         variant: "h2",

package/dist/esm/components/Slider/Slider.js

@@ -1,10 +1,10 @@
-import { forwardRef, useState, useEffect, useRef } from 'react';
+import { forwardRef, useState, useEffect, useRef, useCallback } from 'react';
 import styled, { css } from 'styled-components';
 import { slider } from './Slider.tokens.js';
 import { MinMax } from './MinMax.js';
 import { Output } from './Output.js';
 import { SliderInput } from './SliderInput.js';
-import { bordersTemplate } from '@equinor/eds-utils';
+import { bordersTemplate, useId } from '@equinor/eds-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 const {
@@ -98,6 +98,7 @@ const Slider = /*#__PURE__*/forwardRef(function Slider(_ref10, ref) {
     step = 1,
     disabled,
     ariaLabelledby,
+    'aria-labelledby': ariaLabelledbyNative,
     ...rest
   } = _ref10;
   const isRangeSlider = Array.isArray(value);
@@ -121,8 +122,7 @@ const Slider = /*#__PURE__*/forwardRef(function Slider(_ref10, ref) {
   const maxRange = useRef(null);
 
   const onValueChange = (event, valueArrIdx) => {
-    const target = event.target;
-    const changedValue = parseFloat(target.value);
+    const changedValue = parseFloat(event.target.value);
 
     if (isRangeSlider) {
       const newValue = sliderValue.slice();
@@ -187,14 +187,27 @@ const Slider = /*#__PURE__*/forwardRef(function Slider(_ref10, ref) {
     }
   };
 
-  const inputIdA = "".concat(ariaLabelledby, "-thumb-a");
-  const inputIdB = "".concat(ariaLabelledby, "-thumb-b");
-  const inputId = "".concat(ariaLabelledby, "-thumb");
+  let inputIdA = useId(null, 'inputA');
+  let inputIdB = useId(null, 'inputB');
+  let inputId = useId(null, 'thumb');
+
+  if (rest['id']) {
+    const overrideId = rest['id'];
+    inputIdA = "".concat(overrideId, "-thumb-a");
+    inputIdB = "".concat(overrideId, "-thumb-b");
+    inputId = "".concat(overrideId, "-thumb");
+  }
+
+  const getAriaLabelledby = useCallback(() => {
+    if (ariaLabelledbyNative) return ariaLabelledbyNative;
+    if (ariaLabelledby) return ariaLabelledby;
+    return null;
+  }, [ariaLabelledbyNative, ariaLabelledby]);
   return /*#__PURE__*/jsx(Fragment, {
     children: isRangeSlider ? /*#__PURE__*/jsxs(RangeWrapper, { ...rest,
       ref: ref,
       role: "group",
-      "aria-labelledby": ariaLabelledby,
+      "aria-labelledby": getAriaLabelledby(),
       valA: sliderValue[0],
       valB: sliderValue[1],
       max: max,
@@ -210,6 +223,10 @@ const Slider = /*#__PURE__*/forwardRef(function Slider(_ref10, ref) {
         value: sliderValue[0],
         max: max,
         min: min,
+        "aria-valuemax": max,
+        "aria-valuemin": min,
+        "aria-valuenow": sliderValue[0],
+        "aria-valuetext": getFormattedText(sliderValue[0]).toString(),
         id: inputIdA,
         step: step,
         onChange: event => {
@@ -232,6 +249,10 @@ const Slider = /*#__PURE__*/forwardRef(function Slider(_ref10, ref) {
         value: sliderValue[1],
         min: min,
         max: max,
+        "aria-valuemax": max,
+        "aria-valuemin": min,
+        "aria-valuenow": sliderValue[1],
+        "aria-valuetext": getFormattedText(sliderValue[1]).toString(),
         id: inputIdB,
         step: step,
         ref: maxRange,
@@ -259,13 +280,17 @@ const Slider = /*#__PURE__*/forwardRef(function Slider(_ref10, ref) {
         value: sliderValue[0],
         min: min,
         max: max,
+        "aria-valuemax": max,
+        "aria-valuemin": min,
+        "aria-valuenow": sliderValue[0],
+        "aria-valuetext": getFormattedText(sliderValue[0]).toString(),
         step: step,
         id: inputId,
         onChange: event => {
           onValueChange(event);
         },
         disabled: disabled,
-        "aria-labelledby": ariaLabelledby,
+        "aria-labelledby": getAriaLabelledby(),
         onMouseUp: event => handleCommitedValue(event),
         onKeyUp: event => handleKeyUp(event)
       }), /*#__PURE__*/jsx(Output, {

package/dist/esm/components/Snackbar/Snackbar.js

@@ -3,9 +3,9 @@ import * as ReactDom from 'react-dom';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { snackbar } from './Snackbar.tokens.js';
 import { spacingsTemplate, bordersTemplate, typographyTemplate, useToken } from '@equinor/eds-utils';
-import { jsx } from 'react/jsx-runtime';
 import { Paper } from '../Paper/Paper.js';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { jsx } from 'react/jsx-runtime';
 
 const StyledSnackbar = styled(Paper).withConfig({
   displayName: "Snackbar__StyledSnackbar",

package/dist/esm/components/Switch/Switch.js

@@ -4,8 +4,8 @@ import { SwitchSmall } from './SwitchSmall.js';
 import { SwitchDefault } from './SwitchDefault.js';
 import { comfortable } from './Switch.tokens.js';
 import { typographyTemplate, useToken } from '@equinor/eds-utils';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 const StyledLabel = styled.label.withConfig({
   displayName: "Switch__StyledLabel",

package/dist/esm/components/Table/Cell.js

@@ -1,8 +1,8 @@
 import { forwardRef } from 'react';
-import { InnerContext } from './Inner.context.js';
-import { jsx } from 'react/jsx-runtime';
 import { TableDataCell } from './DataCell/DataCell.js';
 import { TableHeaderCell } from './HeaderCell/HeaderCell.js';
+import { InnerContext } from './Inner.context.js';
+import { jsx } from 'react/jsx-runtime';
 
 const Cell = /*#__PURE__*/forwardRef(function Cell(_ref, ref) {
   let { ...rest

package/dist/esm/components/Table/DataCell/DataCell.js

@@ -2,8 +2,8 @@ import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { spacingsTemplate, typographyTemplate, bordersTemplate, useToken } from '@equinor/eds-utils';
 import { applyVariant, tableCell } from './DataCell.tokens.js';
-import { jsx } from 'react/jsx-runtime';
 import { useEds } from '../../EdsProvider/eds.context.js';
+import { jsx } from 'react/jsx-runtime';
 
 const StyledTableCell = styled.td.withConfig({
   displayName: "DataCell__StyledTableCell",
@@ -23,7 +23,7 @@ const StyledTableCell = styled.td.withConfig({
     align
   } = theme;
   const backgroundColor = color === 'error' ? (_theme$validation$err = theme.validation.error) === null || _theme$validation$err === void 0 ? void 0 : _theme$validation$err.background : '';
-  const base = css(["min-height:", ";height:", ";background:", ";vertical-align:", ";", " ", " ", ""], height, height, backgroundColor, align.vertical, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(border));
+  const base = css(["min-height:", ";height:", ";background:", ";vertical-align:", ";box-sizing:border-box;", " ", " ", ""], height, height, backgroundColor, align.vertical, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(border));
   return base;
 });
 const TableDataCell = /*#__PURE__*/forwardRef(function TableDataCell(_ref2, ref) {

package/dist/esm/components/Table/DataCell/DataCell.tokens.js

@@ -1,5 +1,5 @@
 import { tokens } from '@equinor/eds-tokens';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.27.2/node_modules/ramda/src/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.28.0/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   typography: {

package/dist/esm/components/Table/HeaderCell/HeaderCell.js

@@ -2,8 +2,8 @@ import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { spacingsTemplate, typographyTemplate, bordersTemplate, useToken } from '@equinor/eds-utils';
 import { token } from './HeaderCell.tokens.js';
-import { jsx } from 'react/jsx-runtime';
 import { useEds } from '../../EdsProvider/eds.context.js';
+import { jsx } from 'react/jsx-runtime';
 
 const StyledTableCell = styled.th.withConfig({
   displayName: "HeaderCell__StyledTableCell",
@@ -32,7 +32,7 @@ const StyledTableCell = styled.th.withConfig({
     sortStylingActive = css(["", ";background:", ";color:", ";"], activeToken.border.type === 'bordergroup' ? css(["border-color:", ";"], activeToken.border.bottom.color) : '', activeToken.background, activeToken.typography.color);
   }
 
-  return css(["min-height:", ";height:", ";background:", ";", " ", " ", " ", " ", " ", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), sortStylingHover, sortStylingActive, sticky ? css(["position:sticky;top:0;z-index:1;"]) : '');
+  return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), sortStylingHover, sortStylingActive, sticky ? css(["position:sticky;top:0;z-index:1;"]) : '');
 });
 const CellInner = styled.div.withConfig({
   displayName: "HeaderCell__CellInner",

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

@@ -1,9 +1,9 @@
 import { Table as Table$1 } from './Table.js';
 import { Body } from './Body.js';
 import { Cell } from './Cell.js';
-import { Caption } from './Caption.js';
 import { Head } from './Head/Head.js';
 import { Row } from './Row/Row.js';
+import { Caption } from './Caption.js';
 
 const Table = Table$1;
 Table.Body = Body;

package/dist/esm/components/TableOfContents/TableOfContents.js

@@ -1,11 +1,11 @@
 import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { List } from '../List/index.js';
+import { Typography } from '../Typography/Typography.js';
 import { typographyTemplate, useToken } from '@equinor/eds-utils';
 import { tableOfContents } from './TableOfContents.tokens.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.js';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 const StyledTableOfContents = styled.nav.withConfig({
   displayName: "TableOfContents__StyledTableOfContents",

package/dist/esm/components/Tabs/TabList.js

@@ -13,7 +13,7 @@ const StyledTabList = styled.div.attrs(() => ({
 })).withConfig({
   displayName: "TabList__StyledTabList",
   componentId: "sc-1g1p5i1-0"
-})(["display:grid;grid-auto-flow:column;grid-auto-columns:", ";overflow-x:", ";scroll-snap-type:x mandatory;overscroll-behavior-x:contain;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth;}@media (hover:none){overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:0;&::-webkit-scrollbar{width:0;height:0;}}"], _ref => {
+})(["display:grid;grid-auto-flow:column;grid-auto-columns:", ";overflow-x:", ";scroll-snap-type:x mandatory;overscroll-behavior-x:contain;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth;}@media (hover:none){overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:0;& ::-webkit-scrollbar{width:0;height:0;}}"], _ref => {
   let {
     variant
   } = _ref;

package/dist/esm/components/Tabs/Tabs.js

@@ -3,17 +3,17 @@ import { TabsProvider } from './Tabs.context.js';
 import { token } from './Tabs.tokens.js';
 import { useId, useCombinedRefs, useToken } from '@equinor/eds-utils';
 import { ThemeProvider } from 'styled-components';
-import { jsx } from 'react/jsx-runtime';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { jsx } from 'react/jsx-runtime';
 
 const Tabs = /*#__PURE__*/forwardRef(function Tabs(_ref, ref) {
   let {
     activeTab = 0,
-    onChange,
+    onChange = () => null,
     onBlur,
     onFocus,
     variant = 'minWidth',
-    scrollable,
+    scrollable = false,
     id,
     ...props
   } = _ref;

package/dist/esm/components/TextField/Field.js

@@ -1,13 +1,13 @@
 import { forwardRef } from 'react';
 import { useTextField } from './TextField.context.js';
+import { Input } from '../Input/Input.js';
+import { Icon as InputIcon } from './Icon/Icon.js';
 import styled, { css } from 'styled-components';
 import { typographyTemplate, outlineTemplate } from '@equinor/eds-utils';
 import * as TextField_tokens from './TextField.tokens.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Input } from '../Input/Input.js';
 import { Textarea } from '../Textarea/Textarea.js';
-import { Icon as InputIcon } from './Icon/Icon.js';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const {
   textfield

package/dist/esm/components/TextField/HelperText/HelperText.js

@@ -3,8 +3,8 @@ import styled, { css } from 'styled-components';
 import { typographyTemplate } from '@equinor/eds-utils';
 import { helperText } from './HelperText.token.js';
 import { useTextField } from '../TextField.context.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { Icon as InputIcon } from '../Icon/Icon.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Variation = _ref => {
   let {

package/dist/esm/components/TextField/TextField.js

@@ -1,13 +1,13 @@
 import { forwardRef } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
 import { Field } from './Field.js';
+import { Label } from '../Label/Label.js';
+import { HelperText as TextfieldHelperText } from './HelperText/HelperText.js';
 import { TextFieldProvider } from './TextField.context.js';
 import { textfield } from './TextField.tokens.js';
 import { useId, useToken } from '@equinor/eds-utils';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Label } from '../Label/Label.js';
-import { HelperText as TextfieldHelperText } from './HelperText/HelperText.js';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 const Container = styled.div.withConfig({
   displayName: "TextField__Container",

package/dist/esm/components/Textarea/Textarea.js

@@ -2,9 +2,9 @@ import { forwardRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import * as Input_tokens from '../Input/Input.tokens.js';
 import { input as input$1 } from '../Input/Input.tokens.js';
-import { typographyTemplate, useAutoResize, useCombinedRefs, spacingsTemplate, outlineTemplate } from '@equinor/eds-utils';
-import { jsx } from 'react/jsx-runtime';
+import { typographyTemplate, spacingsTemplate, outlineTemplate, useAutoResize, useCombinedRefs } from '@equinor/eds-utils';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { jsx } from 'react/jsx-runtime';
 
 const {
   input

package/dist/esm/components/TopBar/TopBar.js

@@ -2,8 +2,8 @@ import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { bordersTemplate, spacingsTemplate, typographyTemplate, useToken } from '@equinor/eds-utils';
 import { topbar } from './TopBar.tokens.js';
-import { jsx } from 'react/jsx-runtime';
 import { useEds } from '../EdsProvider/eds.context.js';
+import { jsx } from 'react/jsx-runtime';
 
 const StyledTopBar = styled.header.withConfig({
   displayName: "TopBar__StyledTopBar",

package/dist/esm/index.js

@@ -1,4 +1,8 @@
+export { Button } from './components/Button/Button.js';
+export { Typography } from './components/Typography/Typography.js';
 export { Table } from './components/Table/index.js';
+export { Divider } from './components/Divider/Divider.js';
+export { TextField } from './components/TextField/TextField.js';
 export { Icon } from './components/Icon/index.js';
 export { List } from './components/List/index.js';
 export { Accordion } from './components/Accordion/index.js';
@@ -6,28 +10,20 @@ export { Tabs } from './components/Tabs/index.js';
 export { Card } from './components/Card/index.js';
 export { TopBar } from './components/TopBar/index.js';
 export { Dialog } from './components/Dialog/index.js';
-export { TableOfContents } from './components/TableOfContents/index.js';
-export { Snackbar } from './components/Snackbar/index.js';
-export { Popover } from './components/Popover/index.js';
-export { Banner } from './components/Banner/index.js';
-export { Progress } from './components/Progress/index.js';
-export { Breadcrumbs } from './components/Breadcrumbs/index.js';
-export { Menu } from './components/Menu/index.js';
-export { Button } from './components/Button/Button.js';
-export { Typography } from './components/Typography/Typography.js';
-export { Divider } from './components/Divider/Divider.js';
-export { TextField } from './components/TextField/TextField.js';
 export { Scrim } from './components/Scrim/Scrim.js';
+export { TableOfContents } from './components/TableOfContents/index.js';
 export { SideSheet } from './components/SideSheet/SideSheet.js';
 export { Chip } from './components/Chip/Chip.js';
 export { Avatar } from './components/Avatar/Avatar.js';
 export { Search } from './components/Search/Search.js';
 export { Slider } from './components/Slider/Slider.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
-export { LinearProgress } from './components/Progress/Linear/LinearProgress.js';
-export { CircularProgress } from './components/Progress/Circular/CircularProgress.js';
-export { StarProgress } from './components/Progress/Star/StarProgress.js';
-export { DotProgress } from './components/Progress/Dots/DotProgress.js';
+export { Snackbar } from './components/Snackbar/index.js';
+export { Popover } from './components/Popover/index.js';
+export { Banner } from './components/Banner/index.js';
+export { Progress } from './components/Progress/index.js';
+export { Breadcrumbs } from './components/Breadcrumbs/index.js';
+export { Menu } from './components/Menu/index.js';
 export { Pagination } from './components/Pagination/Pagination.js';
 export { NativeSelect } from './components/Select/NativeSelect/NativeSelect.js';
 export { SingleSelect } from './components/Select/SingleSelect/SingleSelect.js';
@@ -39,3 +35,8 @@ export { Radio } from './components/Radio/Radio.js';
 export { Switch } from './components/Switch/Switch.js';
 export { EdsProvider, useEds } from './components/EdsProvider/eds.context.js';
 export { Paper } from './components/Paper/Paper.js';
+export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
+export { LinearProgress } from './components/Progress/Linear/LinearProgress.js';
+export { CircularProgress } from './components/Progress/Circular/CircularProgress.js';
+export { StarProgress } from './components/Progress/Star/StarProgress.js';
+export { DotProgress } from './components/Progress/Dots/DotProgress.js';

package/dist/esm/node_modules/.pnpm/{ramda@0.27.2/node_modules/ramda/src → ramda@0.28.0/node_modules/ramda/es}/internal/_curry1.js

@@ -1,6 +1,5 @@
-import _isPlaceholder_1 from './_isPlaceholder.js';
+import _isPlaceholder from './_isPlaceholder.js';
 
-var _isPlaceholder = _isPlaceholder_1;
 /**
  * Optimized internal one-arity curry function.
  *
@@ -20,6 +19,4 @@ function _curry1(fn) {
   };
 }
 
-var _curry1_1 = _curry1;
-
-export { _curry1_1 as default };
+export { _curry1 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.2/node_modules/ramda/src → ramda@0.28.0/node_modules/ramda/es}/internal/_curry2.js

@@ -1,8 +1,6 @@
-import _curry1_1 from './_curry1.js';
-import _isPlaceholder_1 from './_isPlaceholder.js';
+import _curry1 from './_curry1.js';
+import _isPlaceholder from './_isPlaceholder.js';
 
-var _curry1 = _curry1_1;
-var _isPlaceholder = _isPlaceholder_1;
 /**
  * Optimized internal two-arity curry function.
  *
@@ -33,6 +31,4 @@ function _curry2(fn) {
   };
 }
 
-var _curry2_1 = _curry2;
-
-export { _curry2_1 as default };
+export { _curry2 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.2/node_modules/ramda/src → ramda@0.28.0/node_modules/ramda/es}/internal/_curry3.js

@@ -1,10 +1,7 @@
-import _curry1_1 from './_curry1.js';
-import _curry2_1 from './_curry2.js';
-import _isPlaceholder_1 from './_isPlaceholder.js';
+import _curry1 from './_curry1.js';
+import _curry2 from './_curry2.js';
+import _isPlaceholder from './_isPlaceholder.js';
 
-var _curry1 = _curry1_1;
-var _curry2 = _curry2_1;
-var _isPlaceholder = _isPlaceholder_1;
 /**
  * Optimized internal three-arity curry function.
  *
@@ -52,6 +49,4 @@ function _curry3(fn) {
   };
 }
 
-var _curry3_1 = _curry3;
-
-export { _curry3_1 as default };
+export { _curry3 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.2/node_modules/ramda/src → ramda@0.28.0/node_modules/ramda/es}/internal/_has.js

@@ -2,6 +2,4 @@ function _has(prop, obj) {
   return Object.prototype.hasOwnProperty.call(obj, prop);
 }
 
-var _has_1 = _has;
-
-export { _has_1 as default };
+export { _has as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.2/node_modules/ramda/src → ramda@0.28.0/node_modules/ramda/es}/internal/_isObject.js

@@ -2,6 +2,4 @@ function _isObject(x) {
   return Object.prototype.toString.call(x) === '[object Object]';
 }
 
-var _isObject_1 = _isObject;
-
-export { _isObject_1 as default };
+export { _isObject as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.2/node_modules/ramda/src → ramda@0.28.0/node_modules/ramda/es}/internal/_isPlaceholder.js

@@ -2,6 +2,4 @@ function _isPlaceholder(a) {
   return a != null && typeof a === 'object' && a['@@functional/placeholder'] === true;
 }
 
-var _isPlaceholder_1 = _isPlaceholder;
-
-export { _isPlaceholder_1 as default };
+export { _isPlaceholder as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.2/node_modules/ramda/src → ramda@0.28.0/node_modules/ramda/es}/mergeDeepRight.js

@@ -1,8 +1,6 @@
-import _curry2_1 from './internal/_curry2.js';
-import mergeDeepWithKey_1 from './mergeDeepWithKey.js';
+import _curry2 from './internal/_curry2.js';
+import mergeDeepWithKey from './mergeDeepWithKey.js';
 
-var _curry2 = _curry2_1;
-var mergeDeepWithKey = mergeDeepWithKey_1;
 /**
  * Creates a new object with the own properties of the first object merged with
  * the own properties of the second object. If a key exists in both objects:
@@ -31,7 +29,4 @@ var mergeDeepRight = /*#__PURE__*/_curry2(function mergeDeepRight(lObj, rObj) {
   }, lObj, rObj);
 });
 
-var mergeDeepRight_1 = mergeDeepRight;
-var mergeDeepRight$1 = mergeDeepRight_1;
-
-export { mergeDeepRight$1 as default };
+export { mergeDeepRight as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.2/node_modules/ramda/src → ramda@0.28.0/node_modules/ramda/es}/mergeDeepWithKey.js

@@ -1,10 +1,7 @@
-import _curry3_1 from './internal/_curry3.js';
-import _isObject_1 from './internal/_isObject.js';
-import mergeWithKey_1 from './mergeWithKey.js';
+import _curry3 from './internal/_curry3.js';
+import _isObject from './internal/_isObject.js';
+import mergeWithKey from './mergeWithKey.js';
 
-var _curry3 = _curry3_1;
-var _isObject = _isObject_1;
-var mergeWithKey = mergeWithKey_1;
 /**
  * Creates a new object with the own properties of the two provided objects.
  * If a key exists in both objects:
@@ -44,6 +41,4 @@ var mergeDeepWithKey = /*#__PURE__*/_curry3(function mergeDeepWithKey(fn, lObj,
   }, lObj, rObj);
 });
 
-var mergeDeepWithKey_1 = mergeDeepWithKey;
-
-export { mergeDeepWithKey_1 as default };
+export { mergeDeepWithKey as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.2/node_modules/ramda/src → ramda@0.28.0/node_modules/ramda/es}/mergeWithKey.js

@@ -1,8 +1,6 @@
-import _curry3_1 from './internal/_curry3.js';
-import _has_1 from './internal/_has.js';
+import _curry3 from './internal/_curry3.js';
+import _has from './internal/_has.js';
 
-var _curry3 = _curry3_1;
-var _has = _has_1;
 /**
  * Creates a new object with the own properties of the two provided objects. If
  * a key exists in both objects, the provided function is applied to the key
@@ -48,6 +46,4 @@ var mergeWithKey = /*#__PURE__*/_curry3(function mergeWithKey(fn, l, r) {
   return result;
 });
 
-var mergeWithKey_1 = mergeWithKey;
-
-export { mergeWithKey_1 as default };
+export { mergeWithKey as default };

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

@@ -0,0 +1,82 @@
+import { HTMLAttributes } from 'react';
+import { UseMultipleSelectionProps } from 'downshift';
+export declare type AutocompleteChanges<T> = UseMultipleSelectionProps<T>;
+export declare type AutocompleteProps<T> = {
+    /** List of options to choose from */
+    options: T[];
+    /** Label for the select element */
+    label: string;
+    /** Array of initial selected items */
+    initialSelectedOptions?: T[];
+    /** 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?: T[];
+    /** Callback for the selected item change
+     * changes.selectedItems gives the selected items
+     */
+    onOptionsChange?: (changes: AutocompleteChanges<T>) => void;
+    /** Enable multiselect */
+    multiple?: boolean;
+    /**  Custom option label */
+    optionLabel?: (option: T) => string;
+    /** Disable use of react portal for dropdown */
+    disablePortal?: boolean;
+    /** Disable option */
+    optionDisabled?: (option: T) => boolean;
+    /** Filter function for options */
+    optionsFilter?: (option: T, inputValue: string) => boolean;
+    /** If `true` the width of the dropdown will adjust accordingly to width of the input */
+    autoWidth?: boolean;
+    /** Descriptive text for whats selected or about to be selected */
+    placeholder?: string;
+} & HTMLAttributes<HTMLDivElement>;
+declare function AutocompleteInner<T>(props: AutocompleteProps<T>, ref: React.ForwardedRef<HTMLDivElement>): JSX.Element;
+export declare const Autocomplete: <T>(props: {
+    /** List of options to choose from */
+    options: T[];
+    /** Label for the select element */
+    label: string;
+    /** Array of initial selected items */
+    initialSelectedOptions?: T[];
+    /** 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?: T[];
+    /** Callback for the selected item change
+     * changes.selectedItems gives the selected items
+     */
+    onOptionsChange?: (changes: AutocompleteChanges<T>) => void;
+    /** Enable multiselect */
+    multiple?: boolean;
+    /**  Custom option label */
+    optionLabel?: (option: T) => string;
+    /** Disable use of react portal for dropdown */
+    disablePortal?: boolean;
+    /** Disable option */
+    optionDisabled?: (option: T) => boolean;
+    /** Filter function for options */
+    optionsFilter?: (option: T, inputValue: string) => boolean;
+    /** If `true` the width of the dropdown will adjust accordingly to width of the input */
+    autoWidth?: boolean;
+    /** Descriptive text for whats selected or about to be selected */
+    placeholder?: string;
+} & HTMLAttributes<HTMLDivElement> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+    displayName?: string | undefined;
+}) => ReturnType<typeof AutocompleteInner>;
+export {};

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

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