@equinor/eds-core-react 2.3.3 → 2.3.4-beta.0

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { elevation, paper } from './Paper.tokens.mjs';
+import { elevation, paper } from './Paper.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 const StyledPaper = styled.div.withConfig({

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

@@ -1,11 +1,11 @@
 import { forwardRef, useRef, useMemo, useEffect } from 'react';
 import styled, { ThemeProvider, css } from 'styled-components';
 import { mergeRefs, useToken, typographyTemplate, bordersTemplate, outlineTemplate } from '@equinor/eds-utils';
-import { popover } from './Popover.tokens.mjs';
+import { popover } from './Popover.tokens.js';
 import { useFloating, autoUpdate, offset, flip, shift, arrow, useInteractions, useDismiss, FloatingFocusManager } from '@floating-ui/react';
 import { jsx, jsxs, Fragment } 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 PopoverPaper = styled(Paper).withConfig({
   displayName: "Popover__PopoverPaper",

package/dist/esm/components/Popover/{PopoverHeader.mjs → PopoverHeader.js}

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Divider } from '../Divider/Divider.mjs';
+import { Divider } from '../Divider/Divider.js';
 
 const StyledPopoverHeader = styled.div.withConfig({
   displayName: "PopoverHeader__StyledPopoverHeader",

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

@@ -1,8 +1,8 @@
-import { Popover as Popover$1 } from './Popover.mjs';
-import { PopoverTitle } from './PopoverTitle.mjs';
-import { PopoverContent } from './PopoverContent.mjs';
-import { PopoverHeader } from './PopoverHeader.mjs';
-import { PopoverActions } from './PopoverActions.mjs';
+import { Popover as Popover$1 } from './Popover.js';
+import { PopoverTitle } from './PopoverTitle.js';
+import { PopoverContent } from './PopoverContent.js';
+import { PopoverHeader } from './PopoverHeader.js';
+import { PopoverActions } from './PopoverActions.js';
 
 const Popover = Popover$1;
 Popover.Title = PopoverTitle;

package/dist/esm/components/Progress/Circular/{CircularProgress.mjs → CircularProgress.js}

@@ -1,6 +1,6 @@
 import { forwardRef, useState, useEffect } from 'react';
 import styled, { css, keyframes } from 'styled-components';
-import * as CircularProgress_tokens from './CircularProgress.tokens.mjs';
+import * as CircularProgress_tokens from './CircularProgress.tokens.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 const indeterminate = keyframes(["100%{transform:rotate(360deg);}"]);

package/dist/esm/components/Progress/Dots/{DotProgress.mjs → DotProgress.js}

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled, { keyframes } from 'styled-components';
-import * as DotProgress_tokens from './DotProgress.tokens.mjs';
+import * as DotProgress_tokens from './DotProgress.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const opacity = keyframes(["0%{opacity:1;}100%{opacity:0.5;}"]);

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

@@ -1,6 +1,6 @@
 import { forwardRef, useState, useEffect } from 'react';
 import styled, { keyframes } from 'styled-components';
-import { primary } from './LinearProgress.tokens.mjs';
+import { primary } from './LinearProgress.tokens.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 const indeterminate = keyframes(["0%{left:-200%;right:100%;}60%{left:107%;right:-8%;}100%{left:107%;right:-8%;}"]);

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled, { css, keyframes } from 'styled-components';
-import { token } from './StarProgress.tokens.mjs';
+import { token } from './StarProgress.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const indeterminate = keyframes(["0%{opacity:1;}20%{opacity:0.8;}40%{opacity:0.6;}60%{opacity:0.4;}80%{opacity:0.2;}100%{opacity:0.05;}"]);

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

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

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

@@ -1,10 +1,10 @@
 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.mjs';
+import { comfortable } from './Radio.tokens.js';
 import { useToken, spacingsTemplate, outlineTemplate, typographyTemplate } from '@equinor/eds-utils';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 /* eslint camelcase: "off" */
 const Input = styled.input.attrs(({

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

@@ -1,6 +1,6 @@
 import { forwardRef, useRef, useMemo } from 'react';
 import styled from 'styled-components';
-import { scrim } from './Scrim.tokens.mjs';
+import { scrim } from './Scrim.tokens.js';
 import { useHideBodyScroll, mergeRefs, useGlobalKeyPress } from '@equinor/eds-utils';
 import { FloatingOverlay } from '@floating-ui/react';
 import { jsx } from 'react/jsx-runtime';

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

@@ -1,12 +1,12 @@
 import { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
 import styled from 'styled-components';
 import { close, search } from '@equinor/eds-icons';
-import { Button } from '../Button/index.mjs';
-import { Icon } from '../Icon/index.mjs';
+import { Button } from '../Button/index.js';
+import { Icon } from '../Icon/index.js';
 import { mergeRefs, setReactInputValue } from '@equinor/eds-utils';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { InputWrapper } from '../InputWrapper/InputWrapper.mjs';
-import { Input } from '../Input/Input.mjs';
+import { InputWrapper } from '../InputWrapper/InputWrapper.js';
+import { Input } from '../Input/Input.js';
 
 const SearchInput = styled(Input).withConfig({
   displayName: "Search__SearchInput",

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.context.mjs → SideBar.context.js}

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

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",
@@ -20,7 +20,7 @@ const StyledTableCell = styled.td.withConfig({
     align
   } = theme;
   const backgroundColor = color === 'error' ? theme.validation.error?.background : '';
-  const base = css(["min-height:", ";height:", ";background:", ";vertical-align:", ";box-sizing:border-box;", " ", " ", ""], height, height, backgroundColor, align.vertical, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(border));
+  const base = css(["min-height:", ";height:", ";background:", ";vertical-align:", ";box-sizing:border-box;", " ", " ", " a{font-size:inherit;font-weight:inherit;}"], height, height, backgroundColor, align.vertical, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(border));
   return base;
 });
 const TableDataCell = /*#__PURE__*/forwardRef(function TableDataCell({

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",
@@ -19,7 +19,7 @@ const StyledTableCell = styled.th.withConfig({
     typography,
     spacings
   } = theme;
-  return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), $sticky ? css(["position:sticky;bottom:0;z-index:2;"]) : '');
+  return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " a{font-size:inherit;font-weight:inherit;}", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), $sticky ? css(["position:sticky;bottom:0;z-index:2;"]) : '');
 });
 const CellInner = styled.div.withConfig({
   displayName: "FooterCell__CellInner",

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",
@@ -34,7 +34,7 @@ const StyledTableCell = styled.th.withConfig({
   // Firefox specific workaround (bug in v142.0) - see issue #3910
   // Hardcoded padding values compensate for Firefox's incorrect table cell height calculation
   const firefoxFix = isFirefox() ? css(["vertical-align:top;height:auto;min-height:", ";> div{padding:", " 0;}"], height, $density === 'compact' ? '7px' : '13px') : css([""]);
-  return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", " ", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), sortStylingHover, sortStylingActive, firefoxFix, $sticky ? css(["position:sticky;top:0;z-index:1;"]) : '');
+  return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", " a{font-size:inherit;font-weight:inherit;}", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), sortStylingHover, sortStylingActive, firefoxFix, $sticky ? css(["position:sticky;top:0;z-index:1;"]) : '');
 });
 const CellInner = styled.div.withConfig({
   displayName: "HeaderCell__CellInner",

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;