@equinor/eds-core-react 0.31.0 → 0.32.0-dev07072023

package/dist/esm/components/Progress/Linear/{LinearProgress.js → LinearProgress.mjs}

@@ -3,7 +3,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useState, useEffect } from 'react';
 import styled, { keyframes } from 'styled-components';
-import { primary } from './LinearProgress.tokens.js';
+import { primary } from './LinearProgress.tokens.mjs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["variant", "value"];

package/dist/esm/components/Progress/Star/{StarProgress.js → StarProgress.mjs}

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { keyframes, css } from 'styled-components';
-import { token } from './StarProgress.tokens.js';
+import { token } from './StarProgress.tokens.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["variant", "value", "size"];

package/dist/esm/components/Progress/index.mjs

@@ -0,0 +1,13 @@
+import { LinearProgress } from './Linear/LinearProgress.mjs';
+import { CircularProgress } from './Circular/CircularProgress.mjs';
+import { StarProgress } from './Star/StarProgress.mjs';
+import { DotProgress } from './Dots/DotProgress.mjs';
+
+var Progress = {
+  Linear: LinearProgress,
+  Circular: CircularProgress,
+  Star: StarProgress,
+  Dots: DotProgress
+};
+
+export { CircularProgress, DotProgress, LinearProgress, Progress, StarProgress };

package/dist/esm/components/Radio/{Radio.js → Radio.mjs}

@@ -3,10 +3,10 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef, useMemo } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
 import { radio_button_selected, radio_button_unselected } from '@equinor/eds-icons';
-import { comfortable } from './Radio.tokens.js';
+import { comfortable } from './Radio.tokens.mjs';
 import { outlineTemplate, typographyTemplate, spacingsTemplate, useToken } from '@equinor/eds-utils';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { useEds } from '../EdsProvider/eds.context.mjs';
 
 var _excluded = ["label", "disabled", "className", "style"];
 var Input = styled.input.attrs(function (_ref) {

package/dist/esm/components/Scrim/{Scrim.js → Scrim.mjs}

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useRef, useMemo } from 'react';
 import styled from 'styled-components';
-import { scrim } from './Scrim.tokens.js';
+import { scrim } from './Scrim.tokens.mjs';
 import { mergeRefs, useGlobalKeyPress } from '@equinor/eds-utils';
 import { FloatingOverlay } from '@floating-ui/react';
 import { jsx } from 'react/jsx-runtime';
@@ -35,7 +35,7 @@ var Scrim = /*#__PURE__*/forwardRef(function Scrim(_ref, ref) {
   });
   var handleMouseClose = function handleMouseClose(event) {
     if (event && event.target === scrimRef.current) {
-      if (event.type === 'click' && isDismissable && open) {
+      if (event.type === 'mousedown' && isDismissable && open) {
         onClose && onClose();
       }
     }
@@ -45,7 +45,7 @@ var Scrim = /*#__PURE__*/forwardRef(function Scrim(_ref, ref) {
   }
   return /*#__PURE__*/jsx(StyledScrim, _objectSpread(_objectSpread({
     lockScroll: true,
-    onClick: handleMouseClose,
+    onMouseDown: handleMouseClose,
     ref: combinedScrimRef
   }, rest), {}, {
     children: /*#__PURE__*/jsx(ScrimContent, {

package/dist/esm/components/Search/{Search.js → Search.mjs}

@@ -4,12 +4,12 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
 import styled from 'styled-components';
 import { search, close } from '@equinor/eds-icons';
-import { Button } from '../Button/index.js';
-import { Icon } from '../Icon/index.js';
+import { Button } from '../Button/index.mjs';
+import { Icon } from '../Icon/index.mjs';
 import { mergeRefs, setReactInputValue } from '@equinor/eds-utils';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { InputWrapper } from '../InputWrapper/InputWrapper.js';
-import { Input } from '../Input/Input.js';
+import { InputWrapper } from '../InputWrapper/InputWrapper.mjs';
+import { Input } from '../Input/Input.mjs';
 
 var _excluded = ["onChange", "style", "className"];
 var SearchInput = styled(Input).withConfig({

package/dist/esm/components/Select/{NativeSelect/NativeSelect.js → NativeSelect.mjs}

@@ -2,20 +2,20 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
-import { nativeselect } from './NativeSelect.tokens.js';
+import { nativeselect } from './NativeSelect.tokens.mjs';
 import { typographyTemplate, spacingsTemplate, outlineTemplate, 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';
+import { useEds } from '../EdsProvider/eds.context.mjs';
+import { Label } from '../Label/Label.mjs';
 
 var _excluded = ["label", "children", "className", "style", "selectRef", "id", "meta", "disabled", "multiple"];
 var Container = styled.div.withConfig({
   displayName: "NativeSelect__Container",
-  componentId: "sc-1c1ogya-0"
+  componentId: "sc-82vb16-0"
 })(["min-width:100px;width:100%;"]);
 var StyledSelect = styled.select.withConfig({
   displayName: "NativeSelect__StyledSelect",
-  componentId: "sc-1c1ogya-1"
+  componentId: "sc-82vb16-1"
 })(["border:none;border-radius:0;box-shadow:", ";", " ", " padding-right:calc(", " *2 + ", ");display:block;margin:0;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236f6f6f' d='M7 9.5l5 5 5-5H7z'/%3E%3C/svg%3E\"),linear-gradient( to bottom,", " 0%,", " 100% );background-repeat:no-repeat,repeat;background-position:right ", " top 50%;width:100%;&:active,&:focus{box-shadow:none;", "}&:disabled{color:", ";background-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23bebebe' d='M7 9.5l5 5 5-5H7z'/%3E%3C/svg%3E\"),linear-gradient( to bottom,", " 0%,", " 100% );cursor:not-allowed;box-shadow:none;outline:none;.arrow-icon{fill:red;}&:focus,&:active{outline:none;}}"], nativeselect.boxShadow, typographyTemplate(nativeselect.typography), function (_ref) {
   var theme = _ref.theme;
   return css(["height:", ";", ""], theme.minHeight, spacingsTemplate(theme.entities.input.spacings));

package/dist/esm/components/SideBar/{SideBar.js → SideBar.mjs}

@@ -2,11 +2,11 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useEffect } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
-import { sidebar } from './SideBar.tokens.js';
+import { sidebar } from './SideBar.tokens.mjs';
 import { bordersTemplate, useToken } from '@equinor/eds-utils';
-import { SideBarProvider, useSideBar } from './SideBar.context.js';
+import { SideBarProvider, useSideBar } from './SideBar.context.mjs';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { useEds } from '../EdsProvider/eds.context.mjs';
 
 var _excluded = ["onToggle", "open", "children"],
   _excluded2 = ["onToggle", "open", "children"];
@@ -42,7 +42,7 @@ var GridContainer = styled.div.withConfig({
 })(function (_ref2) {
   var theme = _ref2.theme,
     open = _ref2.open;
-  return css(["box-sizing:content-box;", " display:grid;grid-template-rows:1fr auto;height:100%;grid-template-areas:'content' 'footer';background-color:", ";overflow:auto;width:", ";min-width:", ";"], bordersTemplate(theme.border), theme.background, open ? theme.maxWidth : theme.minWidth, open ? theme.maxWidth : theme.minWidth);
+  return css(["box-sizing:content-box;", " display:grid;grid-template-rows:1fr auto;height:100%;grid-template-areas:'content' 'footer';background-color:", ";overflow:auto;width:", ";min-width:", ";", ""], bordersTemplate(theme.border), theme.background, open ? theme.maxWidth : theme.minWidth, open ? theme.maxWidth : theme.minWidth, !open && css(["scrollbar-width:none;&::-webkit-scrollbar{display:none;}"]));
 });
 var SideBar = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var onToggle = _ref3.onToggle,

package/dist/esm/components/SideBar/SideBarAccordion/{index.js → index.mjs}

@@ -5,13 +5,13 @@ import { forwardRef, useState, useMemo, Children } from 'react';
 import styled, { css } from 'styled-components';
 import { bordersTemplate, outlineTemplate, useId, mergeRefs } from '@equinor/eds-utils';
 import { chevron_up, chevron_down, arrow_drop_down } from '@equinor/eds-icons';
-import { useSideBar } from '../SideBar.context.js';
-import { sidebar } from '../SideBar.tokens.js';
-import { Icon } from '../../Icon/index.js';
-import { Menu } from '../../Menu/index.js';
+import { useSideBar } from '../SideBar.context.mjs';
+import { sidebar } from '../SideBar.tokens.mjs';
+import { Icon } from '../../Icon/index.mjs';
+import { Menu } from '../../Menu/index.mjs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Typography } from '../../Typography/Typography.js';
-import { Tooltip as Tooltip$1 } from '../../Tooltip/Tooltip.js';
+import { Typography } from '../../Typography/Typography.mjs';
+import { Tooltip as Tooltip$1 } from '../../Tooltip/Tooltip.mjs';
 
 var _excluded = ["icon", "label", "isExpanded", "id", "active", "toggleExpand", "onClick", "children", "disabled"];
 var minWidth = sidebar.minWidth,
@@ -92,7 +92,7 @@ var SideBarAccordion = /*#__PURE__*/forwardRef(function SideBarAccordion(_ref5,
     _useState2 = _slicedToArray(_useState, 2),
     menuIsOpen = _useState2[0],
     setMenuIsOpen = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(isExpanded),
     _useState4 = _slicedToArray(_useState3, 2),
     accordionIsOpen = _useState4[0],
     setAccordionIsOpen = _useState4[1];

package/dist/esm/components/SideBar/SideBarAccordionItem/{index.js → index.mjs}

@@ -3,10 +3,10 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { outlineTemplate } from '@equinor/eds-utils';
-import { sidebar } from '../SideBar.tokens.js';
-import { useSideBar } from '../SideBar.context.js';
+import { sidebar } from '../SideBar.tokens.mjs';
+import { useSideBar } from '../SideBar.context.mjs';
 import { jsx } from 'react/jsx-runtime';
-import { Typography } from '../../Typography/Typography.js';
+import { Typography } from '../../Typography/Typography.mjs';
 
 var _excluded = ["label", "active", "onClick", "as"];
 var minWidth = sidebar.minWidth,

package/dist/esm/components/SideBar/SideBarButton/{index.js → index.mjs}

@@ -1,13 +1,13 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
-import { Button } from '../../Button/index.js';
-import { Icon } from '../../Icon/index.js';
-import { sidebar } from '../SideBar.tokens.js';
-import { useSideBar } from '../SideBar.context.js';
+import { Button } from '../../Button/index.mjs';
+import { Icon } from '../../Icon/index.mjs';
+import { sidebar } from '../SideBar.tokens.mjs';
+import { useSideBar } from '../SideBar.context.mjs';
 import styled, { css } from 'styled-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Tooltip } from '../../Tooltip/Tooltip.js';
+import { Tooltip } from '../../Tooltip/Tooltip.mjs';
 
 var _excluded = ["label", "icon", "style", "className"];
 var primaryWhite = sidebar.entities.actionButton.typography.color;

package/dist/esm/components/SideBar/{SideBarToggle.js → SideBarToggle.mjs}

@@ -2,14 +2,14 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
-import { Button } from '../Button/index.js';
-import { Icon } from '../Icon/index.js';
-import { useSideBar } from './SideBar.context.js';
-import { sidebar } from './SideBar.tokens.js';
+import { Button } from '../Button/index.mjs';
+import { Icon } from '../Icon/index.mjs';
+import { useSideBar } from './SideBar.context.mjs';
+import { sidebar } from './SideBar.tokens.mjs';
 import { collapse, expand } from '@equinor/eds-icons';
 import styled, { css } from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
-import { Tooltip } from '../Tooltip/Tooltip.js';
+import { Tooltip } from '../Tooltip/Tooltip.mjs';
 
 var iconColor = sidebar.entities.toggleOpen.typography.color;
 var ToggleContainer = styled.div.withConfig({

package/dist/esm/components/SideBar/SidebarLink/{index.js → index.mjs}

@@ -1,14 +1,14 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
-import { sidebar } from '../SideBar.tokens.js';
+import { sidebar } from '../SideBar.tokens.mjs';
 import { bordersTemplate, outlineTemplate } from '@equinor/eds-utils';
-import { Icon } from '../../Icon/index.js';
+import { Icon } from '../../Icon/index.mjs';
 import styled, { css } from 'styled-components';
-import { useSideBar } from '../SideBar.context.js';
+import { useSideBar } from '../SideBar.context.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Typography } from '../../Typography/Typography.js';
-import { Tooltip as Tooltip$1 } from '../../Tooltip/Tooltip.js';
+import { Typography } from '../../Typography/Typography.mjs';
+import { Tooltip as Tooltip$1 } from '../../Tooltip/Tooltip.mjs';
 
 var _excluded = ["icon", "label", "active", "onClick", "as"];
 var _tokens$entities$side = sidebar.entities.sidebarItem,

package/dist/esm/components/SideBar/{index.js → index.mjs}

@@ -1,11 +1,11 @@
-import { SideBar as SideBar$1 } from './SideBar.js';
-import { SidebarLink } from './SidebarLink/index.js';
-import { SideBarContent } from './SideBarContent.js';
-import { SideBarFooter } from './SideBarFooter.js';
-import { SideBarToggle } from './SideBarToggle.js';
-import { SideBarButton } from './SideBarButton/index.js';
-import { SideBarAccordion } from './SideBarAccordion/index.js';
-import { SideBarAccordionItem } from './SideBarAccordionItem/index.js';
+import { SideBar as SideBar$1 } from './SideBar.mjs';
+import { SidebarLink } from './SidebarLink/index.mjs';
+import { SideBarContent } from './SideBarContent.mjs';
+import { SideBarFooter } from './SideBarFooter.mjs';
+import { SideBarToggle } from './SideBarToggle.mjs';
+import { SideBarButton } from './SideBarButton/index.mjs';
+import { SideBarAccordion } from './SideBarAccordion/index.mjs';
+import { SideBarAccordionItem } from './SideBarAccordionItem/index.mjs';
 
 var SideBar = SideBar$1;
 SideBar.Link = SidebarLink;

package/dist/esm/components/SideSheet/{SideSheet.js → SideSheet.mjs}

@@ -4,11 +4,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 { Button } from '../Button/index.js';
-import { Icon } from '../Icon/index.js';
-import { comfortable, variants } from './SideSheet.tokens.js';
+import { Button } from '../Button/index.mjs';
+import { Icon } from '../Icon/index.mjs';
+import { variants, comfortable } from './SideSheet.tokens.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.js';
+import { Typography } from '../Typography/Typography.mjs';
 
 var _excluded = ["variant", "width", "title", "children", "open", "onClose"];
 var background = comfortable.background,

package/dist/esm/components/Slider/{MinMax.js → MinMax.mjs}

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { typographyTemplate } from '@equinor/eds-utils';
-import { slider } from './Slider.tokens.js';
+import { slider } from './Slider.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var _tokens$entities = slider.entities,

package/dist/esm/components/Slider/{Output.js → Output.mjs}

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { typographyTemplate } from '@equinor/eds-utils';
-import { slider } from './Slider.tokens.js';
+import { slider } from './Slider.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var _tokens$entities = slider.entities,

package/dist/esm/components/Slider/{Slider.js → Slider.mjs}

@@ -3,10 +3,10 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 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 { slider } from './Slider.tokens.mjs';
+import { MinMax } from './MinMax.mjs';
+import { Output } from './Output.mjs';
+import { SliderInput } from './SliderInput.mjs';
 import { bordersTemplate, useId } from '@equinor/eds-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 

package/dist/esm/components/Slider/{SliderInput.js → SliderInput.mjs}

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { slider } from './Slider.tokens.js';
+import { slider } from './Slider.tokens.mjs';
 import { bordersTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/esm/components/Snackbar/{Snackbar.js → Snackbar.mjs}

@@ -4,11 +4,11 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef, useState, useRef, useEffect } from 'react';
 import * as ReactDom from 'react-dom';
 import styled, { css, ThemeProvider } from 'styled-components';
-import { snackbar } from './Snackbar.tokens.js';
+import { snackbar } from './Snackbar.tokens.mjs';
 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 { Paper } from '../Paper/Paper.mjs';
+import { useEds } from '../EdsProvider/eds.context.mjs';
 
 var _excluded = ["open", "autoHideDuration", "onClose", "placement", "children"];
 var StyledSnackbar = styled(Paper).withConfig({

package/dist/esm/components/Snackbar/index.mjs

@@ -0,0 +1,7 @@
+import { SnackbarAction } from './SnackbarAction.mjs';
+import { Snackbar as Snackbar$1 } from './Snackbar.mjs';
+
+var Snackbar = Snackbar$1;
+Snackbar.Action = SnackbarAction;
+
+export { Snackbar };

package/dist/esm/components/Switch/{Switch.js → Switch.mjs}

@@ -2,12 +2,12 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
-import { SwitchSmall } from './SwitchSmall.js';
-import { SwitchDefault } from './SwitchDefault.js';
-import { comfortable } from './Switch.tokens.js';
+import { SwitchSmall } from './SwitchSmall.mjs';
+import { SwitchDefault } from './SwitchDefault.mjs';
+import { comfortable } from './Switch.tokens.mjs';
 import { typographyTemplate, useToken } from '@equinor/eds-utils';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { useEds } from '../EdsProvider/eds.context.mjs';
 
 var _excluded = ["size", "disabled", "label", "className", "style"];
 var StyledLabel = styled.label.withConfig({

package/dist/esm/components/Switch/{SwitchDefault.js → SwitchDefault.mjs}

@@ -3,7 +3,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { bordersTemplate } from '@equinor/eds-utils';
-import { BaseInput, GridWrapper, BaseInputWrapper } from './Switch.styles.js';
+import { BaseInput, GridWrapper, BaseInputWrapper } from './Switch.styles.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["disabled", "className", "style"];

package/dist/esm/components/Switch/{SwitchSmall.js → SwitchSmall.mjs}

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { BaseInput, GridWrapper, BaseInputWrapper } from './Switch.styles.js';
+import { BaseInput, GridWrapper, BaseInputWrapper } from './Switch.styles.mjs';
 import { outlineTemplate } from '@equinor/eds-utils';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/esm/components/Table/{Body.js → Body.mjs}

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { InnerContext } from './Inner.context.js';
+import { InnerContext } from './Inner.context.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["children"];

package/dist/esm/components/Table/{Cell.js → Cell.mjs}

@@ -2,10 +2,10 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
-import { InnerContext } from './Inner.context.js';
+import { InnerContext } from './Inner.context.mjs';
 import { jsx } from 'react/jsx-runtime';
-import { TableDataCell } from './DataCell/DataCell.js';
-import { TableHeaderCell } from './HeaderCell/HeaderCell.js';
+import { TableDataCell } from './DataCell/DataCell.mjs';
+import { TableHeaderCell } from './HeaderCell/HeaderCell.mjs';
 
 var Cell = /*#__PURE__*/forwardRef(function Cell(_ref, ref) {
   var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));

package/dist/esm/components/Table/DataCell/{DataCell.js → DataCell.mjs}

@@ -3,9 +3,9 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 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 { applyVariant, tableCell } from './DataCell.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../../EdsProvider/eds.context.js';
+import { useEds } from '../../EdsProvider/eds.context.mjs';
 
 var _excluded = ["children", "variant"];
 var StyledTableCell = styled.td.withConfig({

package/dist/esm/components/Table/DataCell/{DataCell.tokens.js → DataCell.tokens.mjs}

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { tokens } from '@equinor/eds-tokens';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.mjs';
 
 var _tokens$typography = tokens.typography,
   _tokens$typography$ta = _tokens$typography.table,

package/dist/esm/components/Table/Head/{Head.js → Head.mjs}

@@ -2,9 +2,9 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { token } from './Head.tokens.js';
+import { token } from './Head.tokens.mjs';
 import { bordersTemplate } from '@equinor/eds-utils';
-import { InnerContext } from '../Inner.context.js';
+import { InnerContext } from '../Inner.context.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["children", "sticky"];

package/dist/esm/components/Table/HeaderCell/{HeaderCell.js → HeaderCell.mjs}

@@ -3,9 +3,9 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 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 { token } from './HeaderCell.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../../EdsProvider/eds.context.js';
+import { useEds } from '../../EdsProvider/eds.context.mjs';
 
 var _excluded = ["children", "sort"];
 var StyledTableCell = styled.th.withConfig({

package/dist/esm/components/Table/Row/{Row.js → Row.mjs}

@@ -3,7 +3,7 @@ import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructurin
 import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { token } from './Row.tokens.js';
+import { token } from './Row.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var StyledRow = styled.tr.withConfig({

package/dist/esm/components/Table/{Table.js → Table.mjs}

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { tableCell } from './DataCell/DataCell.tokens.js';
+import { tableCell } from './DataCell/DataCell.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["children"];

package/dist/esm/components/Table/{index.js → index.mjs}

@@ -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 { Table as Table$1 } from './Table.mjs';
+import { Body } from './Body.mjs';
+import { Cell } from './Cell.mjs';
+import { Caption } from './Caption.mjs';
+import { Head } from './Head/Head.mjs';
+import { Row } from './Row/Row.mjs';
 
 var Table = Table$1;
 Table.Body = Body;

package/dist/esm/components/TableOfContents/{TableOfContents.js → TableOfContents.mjs}

@@ -2,12 +2,12 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
-import { List } from '../List/index.js';
+import { List } from '../List/index.mjs';
 import { typographyTemplate, useToken } from '@equinor/eds-utils';
-import { tableOfContents } from './TableOfContents.tokens.js';
+import { tableOfContents } from './TableOfContents.tokens.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.js';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { Typography } from '../Typography/Typography.mjs';
+import { useEds } from '../EdsProvider/eds.context.mjs';
 
 var _excluded = ["children", "sticky", "label"];
 var StyledTableOfContents = styled.nav.withConfig({

package/dist/esm/components/TableOfContents/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { TableOfContents as TableOfContents$1 } from './TableOfContents.js';
-import { LinkItem } from './LinkItem.js';
+import { TableOfContents as TableOfContents$1 } from './TableOfContents.mjs';
+import { LinkItem } from './LinkItem.mjs';
 
 var TableOfContents = TableOfContents$1;
 TableOfContents.LinkItem = LinkItem;

package/dist/esm/components/Tabs/{TabList.js → TabList.mjs}

@@ -4,7 +4,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef, useContext, useRef, useState, useCallback, useEffect, Children, cloneElement } from 'react';
 import styled from 'styled-components';
 import { mergeRefs } from '@equinor/eds-utils';
-import { TabsContext } from './Tabs.context.js';
+import { TabsContext } from './Tabs.context.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["children"];

package/dist/esm/components/Tabs/{TabPanels.js → TabPanels.mjs}

@@ -1,7 +1,7 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useContext, Children, cloneElement } from 'react';
-import { TabsContext } from './Tabs.context.js';
+import { TabsContext } from './Tabs.context.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["children"];
@@ -12,10 +12,10 @@ var TabPanels = /*#__PURE__*/forwardRef(function TabPanels(_ref, ref) {
     activeTab = _useContext.activeTab,
     tabsId = _useContext.tabsId;
   var Panels = Children.map(children, function (child, index) {
+    if (activeTab !== index) return null;
     return /*#__PURE__*/cloneElement(child, {
       id: "".concat(tabsId, "-panel-").concat(index + 1),
-      'aria-labelledby': "".concat(tabsId, "-tab-").concat(index + 1),
-      hidden: activeTab !== index
+      'aria-labelledby': "".concat(tabsId, "-tab-").concat(index + 1)
     });
   });
   return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({

package/dist/esm/components/Tabs/{Tabs.js → Tabs.mjs}

@@ -2,12 +2,12 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useRef, useMemo, useState, useEffect } from 'react';
-import { TabsProvider } from './Tabs.context.js';
-import { token } from './Tabs.tokens.js';
+import { TabsProvider } from './Tabs.context.mjs';
+import { token } from './Tabs.tokens.mjs';
 import { useId, mergeRefs, useToken } from '@equinor/eds-utils';
 import { ThemeProvider } from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { useEds } from '../EdsProvider/eds.context.mjs';
 
 var _excluded = ["activeTab", "onChange", "onBlur", "onFocus", "variant", "scrollable", "id"];
 var Tabs = /*#__PURE__*/forwardRef(function Tabs(_ref, ref) {