@equinor/eds-core-react 2.3.4 → 2.3.5

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

@@ -1,10 +1,10 @@
 import { forwardRef } from 'react';
 import styled, { ThemeProvider, css } from 'styled-components';
-import { nativeselect } from './NativeSelect.tokens.mjs';
+import { nativeselect } from './NativeSelect.tokens.js';
 import { useToken, typographyTemplate, spacingsTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
-import { Label } from '../Label/Label.mjs';
+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/SideBar/{SideBar.mjs → SideBar.js}

@@ -1,10 +1,10 @@
 import { forwardRef, useEffect } from 'react';
 import styled, { ThemeProvider, css } from 'styled-components';
-import { sidebar } from './SideBar.tokens.mjs';
+import { sidebar } from './SideBar.tokens.js';
 import { useToken, bordersTemplate } from '@equinor/eds-utils';
-import { SideBarProvider, useSideBar } from './SideBar.context.mjs';
+import { SideBarProvider, useSideBar } from './SideBar.context.js';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const SideBarContainer = /*#__PURE__*/forwardRef(function SideBarContainer({
   onToggle: onToggleCallback,

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

@@ -2,13 +2,13 @@ import { forwardRef, useId, useState, useMemo, Children } from 'react';
 import styled, { css } from 'styled-components';
 import { mergeRefs, bordersTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { chevron_up, chevron_down, arrow_drop_down } from '@equinor/eds-icons';
-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 { useSideBar } from '../SideBar.context.js';
+import { sidebar } from '../SideBar.tokens.js';
+import { Icon } from '../../Icon/index.js';
+import { Menu } from '../../Menu/index.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Typography } from '../../Typography/Typography.mjs';
-import { Tooltip as Tooltip$1 } from '../../Tooltip/Tooltip.mjs';
+import { Typography } from '../../Typography/Typography.js';
+import { Tooltip as Tooltip$1 } from '../../Tooltip/Tooltip.js';
 
 const {
   minWidth,

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

@@ -1,10 +1,10 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { outlineTemplate } from '@equinor/eds-utils';
-import { sidebar } from '../SideBar.tokens.mjs';
-import { useSideBar } from '../SideBar.context.mjs';
+import { sidebar } from '../SideBar.tokens.js';
+import { useSideBar } from '../SideBar.context.js';
 import { jsx } from 'react/jsx-runtime';
-import { Typography } from '../../Typography/Typography.mjs';
+import { Typography } from '../../Typography/Typography.js';
 
 const {
   minWidth,

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

@@ -1,11 +1,11 @@
 import { forwardRef } from 'react';
-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 { Button } from '../../Button/index.js';
+import { Icon } from '../../Icon/index.js';
+import { sidebar } from '../SideBar.tokens.js';
+import { useSideBar } from '../SideBar.context.js';
 import styled, { css } from 'styled-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Tooltip } from '../../Tooltip/Tooltip.mjs';
+import { Tooltip } from '../../Tooltip/Tooltip.js';
 
 const {
   entities: {

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

@@ -1,12 +1,12 @@
 import { forwardRef } from 'react';
-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 { Button } from '../Button/index.js';
+import { Icon } from '../Icon/index.js';
+import { useSideBar } from './SideBar.context.js';
+import { sidebar } from './SideBar.tokens.js';
 import { collapse, expand } from '@equinor/eds-icons';
 import styled, { css } from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
-import { Tooltip } from '../Tooltip/Tooltip.mjs';
+import { Tooltip } from '../Tooltip/Tooltip.js';
 
 const {
   entities: {

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

@@ -1,12 +1,12 @@
 import { forwardRef } from 'react';
-import { sidebar } from '../SideBar.tokens.mjs';
+import { sidebar } from '../SideBar.tokens.js';
 import { bordersTemplate, outlineTemplate } from '@equinor/eds-utils';
-import { Icon } from '../../Icon/index.mjs';
+import { Icon } from '../../Icon/index.js';
 import styled, { css } from 'styled-components';
-import { useSideBar } from '../SideBar.context.mjs';
+import { useSideBar } from '../SideBar.context.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Typography } from '../../Typography/Typography.mjs';
-import { Tooltip as Tooltip$1 } from '../../Tooltip/Tooltip.mjs';
+import { Typography } from '../../Typography/Typography.js';
+import { Tooltip as Tooltip$1 } from '../../Tooltip/Tooltip.js';
 
 const {
   entities: {

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

@@ -1,11 +1,11 @@
-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';
+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';
 
 const SideBar = SideBar$1;
 SideBar.Link = SidebarLink;

package/dist/esm/components/SideSheet/{SideSheet.mjs → 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 { Button } from '../Button/index.mjs';
-import { Icon } from '../Icon/index.mjs';
-import { variants, comfortable } from './SideSheet.tokens.mjs';
+import { Button } from '../Button/index.js';
+import { Icon } from '../Icon/index.js';
+import { variants, comfortable } from './SideSheet.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.mjs';
+import { Typography } from '../Typography/Typography.js';
 
 const {
   background,

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

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

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

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

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

@@ -1,9 +1,9 @@
 import { forwardRef, useState, useEffect, useRef, useId, useCallback } from 'react';
 import styled, { css } from 'styled-components';
-import { slider } from './Slider.tokens.mjs';
-import { MinMax } from './MinMax.mjs';
-import { Output } from './Output.mjs';
-import { SliderInput } from './SliderInput.mjs';
+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 { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { slider } from './Slider.tokens.mjs';
+import { slider } from './Slider.tokens.js';
 import { outlineTemplate, bordersTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
 

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

@@ -1,10 +1,10 @@
 import { forwardRef, useState, useRef, useEffect } from 'react';
 import styled, { ThemeProvider, css } from 'styled-components';
-import { snackbar } from './Snackbar.tokens.mjs';
+import { snackbar } from './Snackbar.tokens.js';
 import { useToken, spacingsTemplate, bordersTemplate, typographyTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
-import { Paper } from '../Paper/Paper.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
+import { Paper } from '../Paper/Paper.js';
 
 const PopoverDiv = styled('div').withConfig({
   shouldForwardProp: () => true //workaround to avoid warning until popover gets added to react types

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { bordersTemplate } from '@equinor/eds-utils';
-import { GridWrapper, BaseInputWrapper, BaseInput } from './Switch.styles.mjs';
+import { GridWrapper, BaseInputWrapper, BaseInput } from './Switch.styles.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Input = styled(BaseInput).withConfig({

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { GridWrapper, BaseInputWrapper, BaseInput } from './Switch.styles.mjs';
+import { GridWrapper, BaseInputWrapper, BaseInput } from './Switch.styles.js';
 import { outlineTemplate } from '@equinor/eds-utils';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { InnerContext } from './Inner.context.mjs';
+import { InnerContext } from './Inner.context.js';
 import { jsx } from 'react/jsx-runtime';
 
 const TableBase = styled.tbody.withConfig({

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

@@ -1,9 +1,9 @@
 import { forwardRef } from 'react';
-import { InnerContext } from './Inner.context.mjs';
+import { InnerContext } from './Inner.context.js';
 import { jsx } from 'react/jsx-runtime';
-import { TableDataCell } from './DataCell/DataCell.mjs';
-import { TableFooterCell } from './FooterCell/FooterCell.mjs';
-import { TableHeaderCell } from './HeaderCell/HeaderCell.mjs';
+import { TableDataCell } from './DataCell/DataCell.js';
+import { TableFooterCell } from './FooterCell/FooterCell.js';
+import { TableHeaderCell } from './HeaderCell/HeaderCell.js';
 
 const Cell = /*#__PURE__*/forwardRef(function Cell({
   ...rest

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

@@ -1,9 +1,9 @@
 import { forwardRef } from 'react';
 import styled, { ThemeProvider, css } from 'styled-components';
 import { useToken, spacingsTemplate, typographyTemplate, bordersTemplate } from '@equinor/eds-utils';
-import { applyVariant, tableCell } from './DataCell.tokens.mjs';
+import { applyVariant, tableCell } from './DataCell.tokens.js';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../../EdsProvider/eds.context.mjs';
+import { useEds } from '../../EdsProvider/eds.context.js';
 
 const StyledTableCell = styled.td.withConfig({
   displayName: "DataCell__StyledTableCell",

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

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

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

@@ -1,8 +1,8 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { token } from './Foot.tokens.mjs';
+import { token } from './Foot.tokens.js';
 import { bordersTemplate } from '@equinor/eds-utils';
-import { InnerContext } from '../Inner.context.mjs';
+import { InnerContext } from '../Inner.context.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledTableFoot = styled.tfoot.withConfig({

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

@@ -1,9 +1,9 @@
 import { forwardRef } from 'react';
 import styled, { ThemeProvider, css } from 'styled-components';
 import { useToken, spacingsTemplate, typographyTemplate, bordersTemplate } from '@equinor/eds-utils';
-import { token } from '../HeaderCell/HeaderCell.tokens.mjs';
+import { token } from '../HeaderCell/HeaderCell.tokens.js';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../../EdsProvider/eds.context.mjs';
+import { useEds } from '../../EdsProvider/eds.context.js';
 
 const StyledTableCell = styled.th.withConfig({
   displayName: "FooterCell__StyledTableCell",

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

@@ -1,8 +1,8 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { token } from './Head.tokens.mjs';
+import { token } from './Head.tokens.js';
 import { bordersTemplate } from '@equinor/eds-utils';
-import { InnerContext } from '../Inner.context.mjs';
+import { InnerContext } from '../Inner.context.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledTableHead = styled.thead.withConfig({

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

@@ -1,9 +1,9 @@
 import { forwardRef } from 'react';
 import styled, { ThemeProvider, css } from 'styled-components';
 import { useToken, isFirefox, spacingsTemplate, typographyTemplate, bordersTemplate } from '@equinor/eds-utils';
-import { token } from './HeaderCell.tokens.mjs';
+import { token } from './HeaderCell.tokens.js';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../../EdsProvider/eds.context.mjs';
+import { useEds } from '../../EdsProvider/eds.context.js';
 
 const StyledTableCell = styled.th.withConfig({
   displayName: "HeaderCell__StyledTableCell",

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { token } from './Row.tokens.mjs';
+import { token } from './Row.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledRow = styled.tr.withConfig({

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { tableCell } from './DataCell/DataCell.tokens.mjs';
+import { tableCell } from './DataCell/DataCell.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 const TableBase = styled.table.withConfig({

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

@@ -1,10 +1,10 @@
-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 { Foot } from './Foot/Foot.mjs';
-import { Row } from './Row/Row.mjs';
+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 { Foot } from './Foot/Foot.js';
+import { Row } from './Row/Row.js';
 
 const Table = Table$1;
 Table.Body = Body;

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { forwardRef, useContext, useRef, useState, useCallback, Children, isValidElement, cloneElement } from 'react';
 import styled from 'styled-components';
 import { mergeRefs } from '@equinor/eds-utils';
-import { TabsContext } from './Tabs.context.mjs';
+import { TabsContext } from './Tabs.context.js';
 import { jsx } from 'react/jsx-runtime';
 
 const variants = {

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

@@ -1,5 +1,5 @@
 import { forwardRef, useContext, Children, isValidElement, cloneElement } from 'react';
-import { TabsContext } from './Tabs.context.mjs';
+import { TabsContext } from './Tabs.context.js';
 import { jsx } from 'react/jsx-runtime';
 
 const TabPanels = /*#__PURE__*/forwardRef(function TabPanels({

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

@@ -1,10 +1,10 @@
 import { forwardRef, useId, useRef, useMemo, useState, useEffect } from 'react';
-import { TabsProvider } from './Tabs.context.mjs';
-import { token } from './Tabs.tokens.mjs';
+import { TabsProvider } from './Tabs.context.js';
+import { token } from './Tabs.tokens.js';
 import { mergeRefs, useToken } from '@equinor/eds-utils';
 import { ThemeProvider } from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const Tabs = /*#__PURE__*/forwardRef(function Tabs({
   activeTab = 0,

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

@@ -1,8 +1,8 @@
-import { Tabs as Tabs$1 } from './Tabs.mjs';
-import { TabList } from './TabList.mjs';
-import { Tab } from './Tab.mjs';
-import { TabPanels } from './TabPanels.mjs';
-import { TabPanel } from './TabPanel.mjs';
+import { Tabs as Tabs$1 } from './Tabs.js';
+import { TabList } from './TabList.js';
+import { Tab } from './Tab.js';
+import { TabPanels } from './TabPanels.js';
+import { TabPanel } from './TabPanel.js';
 
 const Tabs = Tabs$1;
 Tabs.Tab = Tab;

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

@@ -1,8 +1,8 @@
 import { forwardRef } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useInputField } from '../InputWrapper/useInputField.mjs';
-import { InputWrapper } from '../InputWrapper/InputWrapper.mjs';
-import { Input } from '../Input/Input.mjs';
+import { useInputField } from '../InputWrapper/useInputField.js';
+import { InputWrapper } from '../InputWrapper/InputWrapper.js';
+import { Input } from '../Input/Input.js';
 
 const TextField = /*#__PURE__*/forwardRef(function TextField({
   id,

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

@@ -1,12 +1,12 @@
 import { forwardRef, useMemo } from 'react';
-import * as Input_tokens from '../Input/Input.tokens.mjs';
-import { input as input$1 } from '../Input/Input.tokens.mjs';
+import * as Input_tokens from '../Input/Input.tokens.js';
+import { input as input$1 } from '../Input/Input.tokens.js';
 import { useAutoResize, mergeRefs } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
-import { useInputField } from '../InputWrapper/useInputField.mjs';
-import { InputWrapper } from '../InputWrapper/InputWrapper.mjs';
-import { useEds } from '../EdsProvider/eds.context.mjs';
-import { Input } from '../Input/Input.mjs';
+import { useInputField } from '../InputWrapper/useInputField.js';
+import { InputWrapper } from '../InputWrapper/InputWrapper.js';
+import { useEds } from '../EdsProvider/eds.context.js';
+import { Input } from '../Input/Input.js';
 
 const {
   input

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

@@ -2,10 +2,10 @@ import { forwardRef, useRef, useState, useMemo, useEffect, cloneElement } from '
 import { createPortal } from 'react-dom';
 import styled from 'styled-components';
 import { mergeRefs, typographyTemplate, spacingsTemplate, bordersTemplate } from '@equinor/eds-utils';
-import { tooltip } from './Tooltip.tokens.mjs';
+import { tooltip } from './Tooltip.tokens.js';
 import { useFloating, autoUpdate, offset, flip, shift, arrow, useInteractions, useHover, useFocus, useRole, useDismiss } from '@floating-ui/react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const StyledTooltip = styled('div').withConfig({
   shouldForwardProp: () => true //workaround to avoid warning until popover gets added to react types

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

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

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

@@ -1,7 +1,7 @@
-import { TopBar as TopBar$1 } from './TopBar.mjs';
-import { Actions } from './Actions.mjs';
-import { Header } from './Header.mjs';
-import { CustomContent } from './CustomContent.mjs';
+import { TopBar as TopBar$1 } from './TopBar.js';
+import { Actions } from './Actions.js';
+import { Header } from './Header.js';
+import { CustomContent } from './CustomContent.js';
 
 const TopBar = TopBar$1;
 TopBar.Actions = Actions;

package/dist/esm/components/Typography/{Heading.mjs → Heading.js}

@@ -1,5 +1,5 @@
 import { forwardRef } from 'react';
-import { TypographyNext } from './Typography.new.mjs';
+import { TypographyNext } from './Typography.new.js';
 import { jsx } from 'react/jsx-runtime';
 
 const getHeadingSize = as => {

package/dist/esm/components/Typography/{Paragraph.mjs → Paragraph.js}

@@ -1,5 +1,5 @@
 import { forwardRef } from 'react';
-import { TypographyNext } from './Typography.new.mjs';
+import { TypographyNext } from './Typography.new.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Paragraph = /*#__PURE__*/forwardRef(({

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

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { typographyTemplate, outlineTemplate } from '@equinor/eds-utils';
-import { quickVariants, typography, colors, link } from './Typography.tokens.mjs';
+import { quickVariants, typography, colors, link } from './Typography.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 const getElementType = (variant, link) => {