@equinor/eds-core-react 0.22.0 → 0.23.0-dev.20221003

package/dist/esm/components/Progress/Circular/CircularProgress.js

@@ -62,7 +62,7 @@ const CircularProgress = /*#__PURE__*/forwardRef(function CircularProgress(_ref2
 
   if (variant === 'determinate') {
     trackStyle.stroke = circumference.toFixed(3);
-    trackStyle.strokeDashoffset = "".concat(((100 - progress) / 100 * circumference).toFixed(3), "px");
+    trackStyle.strokeDashoffset = `${((100 - progress) / 100 * circumference).toFixed(3)}px`;
     props['aria-valuenow'] = progress;
 
     if (value !== undefined) {
@@ -87,7 +87,7 @@ const CircularProgress = /*#__PURE__*/forwardRef(function CircularProgress(_ref2
   }, [progress, variant]);
 
   const getProgressFormatted = () => {
-    return "Loading ".concat(srProgress, "%");
+    return `Loading ${srProgress}%`;
   };
 
   return /*#__PURE__*/jsxs(Fragment, {

package/dist/esm/components/Progress/Linear/LinearProgress.js

@@ -38,7 +38,7 @@ const LinearProgress = /*#__PURE__*/forwardRef(function LinearProgress(_ref, ref
       props['aria-valuemin'] = 0;
       props['aria-valuemax'] = 100;
       const transform = value - 100;
-      barStyle = "translateX(".concat(transform, "%)");
+      barStyle = `translateX(${transform}%)`;
     }
   }
 
@@ -60,7 +60,7 @@ const LinearProgress = /*#__PURE__*/forwardRef(function LinearProgress(_ref, ref
   }, [value, variant]);
 
   const getProgressFormatted = () => {
-    return "Loading ".concat(srProgress, "%");
+    return `Loading ${srProgress}%`;
   };
 
   return /*#__PURE__*/jsxs(Fragment, {

package/dist/esm/components/Radio/Radio.js

@@ -3,8 +3,8 @@ import styled, { ThemeProvider } from 'styled-components';
 import { radio_button_selected, radio_button_unselected } from '@equinor/eds-icons';
 import { comfortable } from './Radio.tokens.js';
 import { outlineTemplate, typographyTemplate, spacingsTemplate, useToken } from '@equinor/eds-utils';
-import { useEds } from '../EdsProvider/eds.context.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 /* eslint camelcase: "off" */
 const Input = styled.input.attrs(_ref => {
@@ -121,7 +121,7 @@ const Radio = /*#__PURE__*/forwardRef(function Radio(_ref12, ref) {
     return /*#__PURE__*/jsxs(Svg, {
       width: iconSize,
       height: iconSize,
-      viewBox: "0 0 ".concat(iconSize, " ").concat(iconSize),
+      viewBox: `0 0 ${iconSize} ${iconSize}`,
       fill: fill,
       "aria-hidden": true,
       children: [/*#__PURE__*/jsx(StyledPath, {

package/dist/esm/components/Search/Search.js

@@ -2,12 +2,12 @@ import { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { search as search$1, close } from '@equinor/eds-icons';
 import { search } from './Search.tokens.js';
-import { useEds } from '../EdsProvider/eds.context.js';
 import { Button } from '../Button/index.js';
 import { Icon } from '../Icon/index.js';
-import { Input } from '../Input/Input.js';
 import { bordersTemplate, spacingsTemplate, typographyTemplate, useToken, mergeRefs, setReactInputValue } from '@equinor/eds-utils';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { Input } from '../Input/Input.js';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const Container = styled.span.withConfig({
   displayName: "Search__Container",

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

@@ -1,6 +1,5 @@
 import { forwardRef, useState } from 'react';
 import { useMultipleSelection, useCombobox } from 'downshift';
-import { Label } from '../../Label/Label.js';
 import { Icon } from '../../Icon/index.js';
 import { CheckboxInput } from '../../Checkbox/Input.js';
 import { close, arrow_drop_up, arrow_drop_down } from '@equinor/eds-icons';
@@ -8,8 +7,9 @@ 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 { useEds } from '../../EdsProvider/eds.context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEds } from '../../EdsProvider/eds.context.js';
+import { Label } from '../../Label/Label.js';
 
 const PaddedStyledListItem = styled(StyledListItem).withConfig({
   displayName: "MultiSelect__PaddedStyledListItem",
@@ -134,7 +134,7 @@ const MultiSelect = /*#__PURE__*/forwardRef(function MultiSelect(_ref2, ref) {
       }
     }
   });
-  const placeholderText = items.length > 0 ? "".concat(selectedItems.length, "/").concat(items.length, " selected") : '';
+  const placeholderText = items.length > 0 ? `${selectedItems.length}/${items.length} selected` : '';
 
   const openSelect = () => {
     if (!isOpen && !(disabled || readOnly)) {
@@ -207,7 +207,7 @@ const MultiSelect = /*#__PURE__*/forwardRef(function MultiSelect(_ref2, ref) {
           }), /*#__PURE__*/jsx("span", {
             children: item
           })]
-        }, "".concat(item)))
+        }, `${item}`))
       })]
     })
   });

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

@@ -1,10 +1,10 @@
 import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
-import { Label } from '../../Label/Label.js';
 import { nativeselect } from './NativeSelect.tokens.js';
 import { typographyTemplate, spacingsTemplate, outlineTemplate, useToken } from '@equinor/eds-utils';
-import { useEds } from '../../EdsProvider/eds.context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEds } from '../../EdsProvider/eds.context.js';
+import { Label } from '../../Label/Label.js';
 
 const Container = styled.div.withConfig({
   displayName: "NativeSelect__Container",

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

@@ -1,14 +1,14 @@
 import { forwardRef, useState, useEffect } from 'react';
 import { useCombobox } from 'downshift';
 import styled, { ThemeProvider } from 'styled-components';
-import { Label } from '../../Label/Label.js';
 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 { useEds } from '../../EdsProvider/eds.context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEds } from '../../EdsProvider/eds.context.js';
+import { Label } from '../../Label/Label.js';
 
 const PaddedStyledListItem = styled(StyledListItem).withConfig({
   displayName: "SingleSelect__PaddedStyledListItem",
@@ -144,7 +144,7 @@ const SingleSelect = /*#__PURE__*/forwardRef(function SingleSelect(_ref2, ref) {
             disabled: disabled
           }),
           children: item
-        }, "".concat(item)))
+        }, `${item}`))
       })]
     })
   });

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

@@ -1,9 +1,9 @@
-import { Input } from '../Input/Input.js';
 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';
 
 const {
   entities: {

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, typographyTemplate } from '@equinor/eds-utils';
-import { Typography } from '../Typography/Typography.js';
 import { Button } from '../Button/index.js';
 import { Icon } from '../Icon/index.js';
 import { comfortable, variants } from './SideSheet.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Typography } from '../Typography/Typography.js';
 
 const {
   background,

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

@@ -16,7 +16,7 @@ const {
 } = slider;
 const fakeTrackBg = css(["background-image:url(\"data:image/svg+xml,<svg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'><rect x='0' y='11' fill='", "' width='100%' height='4' rx='2' /></svg>\");background-size:cover;background-repeat:no-repeat;"], track.background);
 const fakeTrackBgHover = css({
-  backgroundImage: "url(\"data:image/svg+xml,<svg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'><rect x='0' y='11' fill='".concat(track.states.hover.background, "' width='100%' height='4' rx='2' /></svg>\")")
+  backgroundImage: `url("data:image/svg+xml,<svg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'><rect x='0' y='11' fill='${track.states.hover.background}' width='100%' height='4' rx='2' /></svg>")`
 });
 const trackFill = css(["grid-column:1 / span 2;grid-row:2;height:", ";margin-bottom:", ";align-self:end;content:'';"], track.height, track.spacings.bottom);
 const wrapperGrid = css(["display:grid;grid-template-rows:max-content 24px;grid-template-columns:1fr 1fr;width:100%;position:relative;"]);
@@ -193,9 +193,9 @@ const Slider = /*#__PURE__*/forwardRef(function Slider(_ref10, ref) {
 
   if (rest['id']) {
     const overrideId = rest['id'];
-    inputIdA = "".concat(overrideId, "-thumb-a");
-    inputIdB = "".concat(overrideId, "-thumb-b");
-    inputId = "".concat(overrideId, "-thumb");
+    inputIdA = `${overrideId}-thumb-a`;
+    inputIdB = `${overrideId}-thumb-b`;
+    inputId = `${overrideId}-thumb`;
   }
 
   const getAriaLabelledby = useCallback(() => {

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 { useEds } from '../EdsProvider/eds.context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const StyledLabel = styled.label.withConfig({
   displayName: "Switch__StyledLabel",

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

@@ -72,8 +72,8 @@ const comfortable = {
     height: clickbounds.default__base,
     width: clickbounds.default__base,
     offset: {
-      top: "".concat((parseInt(clickbounds.default__base) - parseInt(circle.minHeight)) / 2, "px"),
-      left: "".concat((parseInt(clickbounds.default__base) - parseInt(circle.minWidth)) / 2, "px")
+      top: `${(parseInt(clickbounds.default__base) - parseInt(circle.minHeight)) / 2}px`,
+      left: `${(parseInt(clickbounds.default__base) - parseInt(circle.minWidth)) / 2}px`
     }
   },
   entities: {
@@ -122,8 +122,8 @@ const comfortable = {
         height: clickbounds.compact__standard,
         width: clickbounds.compact__standard,
         offset: {
-          top: "".concat((parseInt(clickbounds.compact__standard) - parseInt(compactIconButton.minHeight)) / 2, "px"),
-          left: "".concat((parseInt(clickbounds.compact__standard) - parseInt(compactIconButton.minWidth)) / 2, "px")
+          top: `${(parseInt(clickbounds.compact__standard) - parseInt(compactIconButton.minHeight)) / 2}px`,
+          left: `${(parseInt(clickbounds.compact__standard) - parseInt(compactIconButton.minWidth)) / 2}px`
         }
       },
       entities: {

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

@@ -1,8 +1,8 @@
 import { forwardRef } from 'react';
-import { TableDataCell } from './DataCell/DataCell.js';
-import { TableHeaderCell } from './HeaderCell/HeaderCell.js';
 import { InnerContext } from './Inner.context.js';
 import { jsx } from 'react/jsx-runtime';
+import { TableDataCell } from './DataCell/DataCell.js';
+import { TableHeaderCell } from './HeaderCell/HeaderCell.js';
 
 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 { useEds } from '../../EdsProvider/eds.context.js';
 import { jsx } from 'react/jsx-runtime';
+import { useEds } from '../../EdsProvider/eds.context.js';
 
 const StyledTableCell = styled.td.withConfig({
   displayName: "DataCell__StyledTableCell",

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

@@ -72,12 +72,12 @@ const tableCell = {
   spacings: {
     top: 'var(--eds_table__cell__padding_y, 0)',
     bottom: 'var(--eds_table__cell__padding_y, 0)',
-    left: "var(--eds_table__cell__padding_x, ".concat(medium, ")"),
-    right: "var(--eds_table__cell__padding_x, ".concat(medium, ")")
+    left: `var(--eds_table__cell__padding_x, ${medium})`,
+    right: `var(--eds_table__cell__padding_x, ${medium})`
   },
   typography: { ...cellTypography,
     color: typographyColor,
-    fontSize: "var(--eds_table__font_size, ".concat(cellTypography.fontSize, ")")
+    fontSize: `var(--eds_table__font_size, ${cellTypography.fontSize})`
   },
   states: {
     active: {
@@ -123,8 +123,8 @@ const tableCell = {
       spacings: {
         top: 'var(--eds_table__cell__padding_y_compact, 0)',
         bottom: 'var(--eds_table__cell__padding_y_compact, 0)',
-        left: "var(--eds_table__cell__padding_x_compact, ".concat(medium, ")"),
-        right: "var(--eds_table__cell__padding_x_compact, ".concat(medium, ")")
+        left: `var(--eds_table__cell__padding_x_compact, ${medium})`,
+        right: `var(--eds_table__cell__padding_x_compact, ${medium})`
       }
     }
   },

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 { useEds } from '../../EdsProvider/eds.context.js';
 import { jsx } from 'react/jsx-runtime';
+import { useEds } from '../../EdsProvider/eds.context.js';
 
 const StyledTableCell = styled.th.withConfig({
   displayName: "HeaderCell__StyledTableCell",

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

@@ -58,7 +58,7 @@ const token = {
   },
   typography: { ...cellTypography,
     color: typographyColor,
-    fontSize: "var(--eds_table__font_size, ".concat(cellTypography.fontSize, ")")
+    fontSize: `var(--eds_table__font_size, ${cellTypography.fontSize})`
   },
   border: {
     type: 'bordergroup',
@@ -72,8 +72,8 @@ const token = {
   spacings: {
     top: 'var(--eds_table__cell__padding_y, 0)',
     bottom: 'var(--eds_table__cell__padding_y, 0)',
-    left: "var(--eds_table__cell__padding_x, ".concat(medium, ")"),
-    right: "var(--eds_table__cell__padding_x, ".concat(medium, ")")
+    left: `var(--eds_table__cell__padding_x, ${medium})`,
+    right: `var(--eds_table__cell__padding_x, ${medium})`
   },
   states: {
     active: {
@@ -118,8 +118,8 @@ const token = {
       spacings: {
         top: 'var(--eds_table__cell__padding_y_compact, 0)',
         bottom: 'var(--eds_table__cell__padding_y_compact, 0)',
-        left: "var(--eds_table__cell__padding_x_compact, ".concat(medium, ")"),
-        right: "var(--eds_table__cell__padding_x_compact, ".concat(medium, ")")
+        left: `var(--eds_table__cell__padding_x_compact, ${medium})`,
+        right: `var(--eds_table__cell__padding_x_compact, ${medium})`
       }
     }
   }

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 { useEds } from '../EdsProvider/eds.context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { Typography } from '../Typography/Typography.js';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const StyledTableOfContents = styled.nav.withConfig({
   displayName: "TableOfContents__StyledTableOfContents",

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

@@ -51,8 +51,8 @@ const TabList = /*#__PURE__*/forwardRef(function TabsList(_ref3, ref) {
   const Tabs = Children.map(children, (child, index) => {
     const tabRef = index === activeTab ? mergeRefs(child.ref, selectedTabRef) : child.ref;
     return /*#__PURE__*/cloneElement(child, {
-      id: "".concat(tabsId, "-tab-").concat(index + 1),
-      'aria-controls': "".concat(tabsId, "-panel-").concat(index + 1),
+      id: `${tabsId}-tab-${index + 1}`,
+      'aria-controls': `${tabsId}-panel-${index + 1}`,
       active: index === activeTab,
       index,
       onClick: () => handleChange(index),

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

@@ -12,8 +12,8 @@ const TabPanels = /*#__PURE__*/forwardRef(function TabPanels(_ref, ref) {
     tabsId
   } = useContext(TabsContext);
   const Panels = Children.map(children, (child, index) => /*#__PURE__*/cloneElement(child, {
-    id: "".concat(tabsId, "-panel-").concat(index + 1),
-    'aria-labelledby': "".concat(tabsId, "-tab-").concat(index + 1),
+    id: `${tabsId}-panel-${index + 1}`,
+    'aria-labelledby': `${tabsId}-tab-${index + 1}`,
     hidden: activeTab !== index
   }));
   return /*#__PURE__*/jsx("div", {

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

@@ -3,8 +3,8 @@ import { TabsProvider } from './Tabs.context.js';
 import { token } from './Tabs.tokens.js';
 import { useId, mergeRefs, useToken } from '@equinor/eds-utils';
 import { ThemeProvider } from 'styled-components';
-import { useEds } from '../EdsProvider/eds.context.js';
 import { jsx } from 'react/jsx-runtime';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const Tabs = /*#__PURE__*/forwardRef(function Tabs(_ref, ref) {
   let {

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

@@ -109,7 +109,7 @@ const token = {
           outline: {
             type: 'outline',
             width: focusOutlineWidth,
-            offset: "-".concat(parseInt(focusOutlineWidth), "px"),
+            offset: `-${parseInt(focusOutlineWidth)}px`,
             style: 'dashed',
             color: focusOutlineColor
           }

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
@@ -23,10 +23,10 @@ const Variation = _ref => {
   } = _ref;
 
   if (!variant) {
-    return "";
+    return ``;
   }
 
-  return css(["box-shadow:", ";", ""], isFocused ? "none" : variant === 'default' ? "inset 0 -1px 0 0 ".concat(((_token$border = token.border) === null || _token$border === void 0 ? void 0 : _token$border.type) === 'border' && ((_token$border2 = token.border) === null || _token$border2 === void 0 ? void 0 : _token$border2.color)) : "0 0 0 1px ".concat(((_token$border3 = token.border) === null || _token$border3 === void 0 ? void 0 : _token$border3.type) === 'border' && ((_token$border4 = token.border) === null || _token$border4 === void 0 ? void 0 : _token$border4.color)), isFocused && outlineTemplate(token.states.focus.outline));
+  return css(["box-shadow:", ";", ""], isFocused ? `none` : variant === 'default' ? `inset 0 -1px 0 0 ${((_token$border = token.border) === null || _token$border === void 0 ? void 0 : _token$border.type) === 'border' && ((_token$border2 = token.border) === null || _token$border2 === void 0 ? void 0 : _token$border2.color)}` : `0 0 0 1px ${((_token$border3 = token.border) === null || _token$border3 === void 0 ? void 0 : _token$border3.type) === 'border' && ((_token$border4 = token.border) === null || _token$border4 === void 0 ? void 0 : _token$border4.color)}`, isFocused && outlineTemplate(token.states.focus.outline));
 };
 
 const StrippedInput = styled(Input).withConfig({

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 { Icon as InputIcon } from '../Icon/Icon.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon as InputIcon } from '../Icon/Icon.js';
 
 const Variation = _ref => {
   let {
@@ -14,7 +14,7 @@ const Variation = _ref => {
   } = _ref;
 
   if (!variant) {
-    return "";
+    return ``;
   }
 
   const {

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

@@ -1,4 +1,4 @@
-import { useState, useContext, createContext } from 'react';
+import { useState, createContext, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 const initalState = {

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 { useEds } from '../EdsProvider/eds.context.js';
 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';
 
 const Container = styled.div.withConfig({
   displayName: "TextField__Container",

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

@@ -2,9 +2,9 @@ import { forwardRef, useState, useMemo } 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, spacingsTemplate, outlineTemplate, useAutoResize, mergeRefs } from '@equinor/eds-utils';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { typographyTemplate, useAutoResize, mergeRefs, spacingsTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const {
   input
@@ -18,7 +18,7 @@ const Variation = _ref => {
   } = _ref;
 
   if (!variant) {
-    return "";
+    return ``;
   }
 
   const {

package/dist/esm/components/Tooltip/Tooltip.js

@@ -94,8 +94,8 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, ref) {
 
   if (arrowRef.current) {
     Object.assign(arrowRef.current.style, {
-      left: arrowX != null ? "".concat(arrowX, "px") : '',
-      top: arrowY != null ? "".concat(arrowY, "px") : '',
+      left: arrowX != null ? `${arrowX}px` : '',
+      top: arrowY != null ? `${arrowY}px` : '',
       right: '',
       bottom: '',
       [staticSide]: '-6px',

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

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

package/dist/esm/components/Typography/Typography.js

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { typographyTemplate, outlineTemplate } from '@equinor/eds-utils';
-import { colors, link, quickVariants, typography } from './Typography.tokens.js';
+import { link, quickVariants, typography, colors } from './Typography.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 const getElementType = (variant, link) => {
@@ -47,7 +47,7 @@ const toVariantName = function (variant) {
   let bold = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   let italic = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   let link = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  return "".concat(variant).concat(bold ? '_bold' : '').concat(italic ? '_italic' : '').concat(link ? '_link' : '');
+  return `${variant}${bold ? '_bold' : ''}${italic ? '_italic' : ''}${link ? '_link' : ''}`;
 };
 
 const StyledTypography = styled.p.withConfig({
@@ -96,7 +96,7 @@ const Typography = /*#__PURE__*/forwardRef(function Typography(_ref5, ref) {
   const typography = findTypography(variantName, group);
 
   if (typeof typography === 'undefined') {
-    throw new Error("Typography variant not found for variant \"".concat(variantName, "\" (\"").concat(variant, "\") & group \"").concat(group || '', "\""));
+    throw new Error(`Typography variant not found for variant "${variantName}" ("${variant}") & group "${group || ''}"`);
   }
 
   return /*#__PURE__*/jsx(StyledTypography, {

package/dist/esm/index.js

@@ -1,8 +1,5 @@
 export { Button } from './components/Button/index.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';
@@ -10,20 +7,27 @@ 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 { 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 { 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 { 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 { 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 { Pagination } from './components/Pagination/Pagination.js';
 export { NativeSelect } from './components/Select/NativeSelect/NativeSelect.js';
 export { SingleSelect } from './components/Select/SingleSelect/SingleSelect.js';
@@ -36,7 +40,3 @@ 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.28.0/node_modules/ramda/es/mergeDeepRight.js

@@ -29,4 +29,6 @@ var mergeDeepRight = /*#__PURE__*/_curry2(function mergeDeepRight(lObj, rObj) {
   }, lObj, rObj);
 });
 
-export { mergeDeepRight as default };
+var mergeDeepRight$1 = mergeDeepRight;
+
+export { mergeDeepRight$1 as default };