@equinor/eds-core-react 2.3.2 → 2.3.3

package/dist/esm/components/Datepicker/{DateRangePicker.js → DateRangePicker.mjs}

@@ -1,18 +1,18 @@
 import { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
-import { RangeCalendar } from './calendars/RangeCalendar.js';
+import { RangeCalendar } from './calendars/RangeCalendar.mjs';
 import { calendar_date_range, warning_outlined } from '@equinor/eds-icons';
-import { useConvertedValidationFunctions } from './utils/useConvertedValidationFunctions.js';
-import { FieldWrapper } from './fields/FieldWrapper.js';
-import { Toggle } from './fields/Toggle.js';
+import { useConvertedValidationFunctions } from './utils/useConvertedValidationFunctions.mjs';
+import { FieldWrapper } from './fields/FieldWrapper.mjs';
+import { Toggle } from './fields/Toggle.mjs';
 import { useDateRangePicker, I18nProvider } from 'react-aria';
 import { useDateRangePickerState } from '@react-stately/datepicker';
-import { DateRangeField } from './fields/DateRangeField.js';
+import { DateRangeField } from './fields/DateRangeField.mjs';
 import { toCalendarDate, fromDate } from '@internationalized/date';
-import { DatePickerProvider, defaultTimezone } from './utils/context.js';
+import { DatePickerProvider, defaultTimezone } from './utils/context.mjs';
 import { tokens } from '@equinor/eds-tokens';
-import { Icon } from '../Icon/index.js';
-import { getCalendarDate } from './utils/get-calendar-date.js';
-import { useGetLocale } from './utils/useGetLocale.js';
+import { Icon } from '../Icon/index.mjs';
+import { getCalendarDate } from './utils/get-calendar-date.mjs';
+import { useGetLocale } from './utils/useGetLocale.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 const DateRangePicker = /*#__PURE__*/forwardRef(({

package/dist/esm/components/Datepicker/calendars/{Calendar.js → Calendar.mjs}

@@ -1,11 +1,11 @@
 import { useLocale, useCalendar } from 'react-aria';
 import { forwardRef, useState } from 'react';
 import { useCalendarState } from '@react-stately/calendar';
-import { CalendarGrid } from './CalendarGrid.js';
-import { CalendarHeader } from './CalendarHeader.js';
+import { CalendarGrid } from './CalendarGrid.mjs';
+import { CalendarHeader } from './CalendarHeader.mjs';
 import { createCalendar } from '@internationalized/date';
-import { Popover } from '../../Popover/index.js';
-import { CalendarWrapper } from './CalendarWrapper.js';
+import { Popover } from '../../Popover/index.mjs';
+import { CalendarWrapper } from './CalendarWrapper.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Calendar = /*#__PURE__*/forwardRef(({

package/dist/esm/components/Datepicker/calendars/{CalendarCell.js → CalendarCell.mjs}

@@ -3,8 +3,8 @@ import { tokens } from '@equinor/eds-tokens';
 import { useRef, useMemo } from 'react';
 import { useCalendarCell } from 'react-aria';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../../EdsProvider/eds.context.js';
-import { Typography } from '../../Typography/Typography.js';
+import { useEds } from '../../EdsProvider/eds.context.mjs';
+import { Typography } from '../../Typography/Typography.mjs';
 
 const StyledCell = styled(Typography).withConfig({
   displayName: "CalendarCell__StyledCell",

package/dist/esm/components/Datepicker/calendars/{CalendarGrid.js → CalendarGrid.mjs}

@@ -1,7 +1,7 @@
 import { useLocale, useCalendarGrid } from 'react-aria';
 import { getWeeksInMonth } from '@internationalized/date';
-import { CalendarCell } from './CalendarCell.js';
-import { YearGrid } from './YearGrid.js';
+import { CalendarCell } from './CalendarCell.mjs';
+import { YearGrid } from './YearGrid.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 /* eslint-disable react/no-array-index-key */

package/dist/esm/components/Datepicker/calendars/{CalendarHeader.js → CalendarHeader.mjs}

@@ -1,10 +1,10 @@
 import styled from 'styled-components';
-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 { chevron_left, chevron_up, chevron_down, chevron_right } from '@equinor/eds-icons';
 import { CalendarDate } from '@internationalized/date';
 import { tokens } from '@equinor/eds-tokens';
-import { getPageYears } from '../utils/getPageYears.js';
+import { getPageYears } from '../utils/getPageYears.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const HeaderWrapper = styled.div.withConfig({

package/dist/esm/components/Datepicker/calendars/{RangeCalendar.js → RangeCalendar.mjs}

@@ -1,11 +1,11 @@
 import { useLocale, useRangeCalendar } from 'react-aria';
 import { useRangeCalendarState } from '@react-stately/calendar';
 import { createCalendar } from '@internationalized/date';
-import { CalendarGrid } from './CalendarGrid.js';
+import { CalendarGrid } from './CalendarGrid.mjs';
 import { forwardRef, useState } from 'react';
-import { CalendarHeader } from './CalendarHeader.js';
-import { Popover } from '../../Popover/index.js';
-import { CalendarWrapper } from './CalendarWrapper.js';
+import { CalendarHeader } from './CalendarHeader.mjs';
+import { Popover } from '../../Popover/index.mjs';
+import { CalendarWrapper } from './CalendarWrapper.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const RangeCalendar = /*#__PURE__*/forwardRef(({

package/dist/esm/components/Datepicker/calendars/{YearGrid.js → YearGrid.mjs}

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { tokens } from '@equinor/eds-tokens';
 import { FocusScope, useFocusManager } from 'react-aria';
 import { useRef, useEffect } from 'react';
-import { getPageYears } from '../utils/getPageYears.js';
+import { getPageYears } from '../utils/getPageYears.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 // Disable no-autofocus - it's not the native autofocus attribute, but react-aria's autoFocus prop

package/dist/esm/components/Datepicker/fields/{DateField.js → DateField.mjs}

@@ -1,7 +1,7 @@
 import { useDateFieldState } from '@react-stately/datepicker';
 import { forwardRef, useRef } from 'react';
-import { InputFieldWrapper } from './FieldWrapper.js';
-import { DateFieldSegments } from './DateFieldSegments.js';
+import { InputFieldWrapper } from './FieldWrapper.mjs';
+import { DateFieldSegments } from './DateFieldSegments.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 /**

package/dist/esm/components/Datepicker/fields/{DateFieldSegments.js → DateFieldSegments.mjs}

@@ -1,7 +1,7 @@
 import { useDateFieldState } from '@react-stately/datepicker';
 import { useDateField } from 'react-aria';
 import { createCalendar } from '@internationalized/date';
-import { DateSegment } from './DateSegment.js';
+import { DateSegment } from './DateSegment.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/esm/components/Datepicker/fields/{DateRangeField.js → DateRangeField.mjs}

@@ -1,8 +1,8 @@
 import { forwardRef, useRef } from 'react';
-import { InputFieldWrapper } from './FieldWrapper.js';
-import { DateFieldSegments } from './DateFieldSegments.js';
+import { InputFieldWrapper } from './FieldWrapper.mjs';
+import { DateFieldSegments } from './DateFieldSegments.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Typography } from '../../Typography/Typography.js';
+import { Typography } from '../../Typography/Typography.mjs';
 
 /**
  * DateRangeField is the input field used in {@link DateRangePicker} to type in a date range.

package/dist/esm/components/Datepicker/fields/{DateSegment.js → DateSegment.mjs}

@@ -2,7 +2,7 @@ import { useState, useRef } from 'react';
 import { useDateFormatter, useDateSegment } from 'react-aria';
 import styled, { css } from 'styled-components';
 import { tokens } from '@equinor/eds-tokens';
-import { useDatePickerContext } from '../utils/context.js';
+import { useDatePickerContext } from '../utils/context.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 const Segment = styled.div.withConfig({

package/dist/esm/components/Datepicker/fields/{FieldWrapper.js → FieldWrapper.mjs}

@@ -1,11 +1,11 @@
 import styled from 'styled-components';
 import { tokens } from '@equinor/eds-tokens';
 import { forwardRef, useState, useEffect } from 'react';
-import { Popover } from '../../Popover/index.js';
+import { Popover } from '../../Popover/index.mjs';
 import { filterDOMProps } from '@react-aria/utils';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { InputWrapper } from '../../InputWrapper/InputWrapper.js';
-import { useEds } from '../../EdsProvider/eds.context.js';
+import { InputWrapper } from '../../InputWrapper/InputWrapper.mjs';
+import { useEds } from '../../EdsProvider/eds.context.mjs';
 
 const getVariant = variant => {
   if (variant === 'error') {

package/dist/esm/components/Datepicker/fields/{Toggle.js → Toggle.mjs}

@@ -1,6 +1,6 @@
-import { Icon } from '../../Icon/index.js';
+import { Icon } from '../../Icon/index.mjs';
 import { close } from '@equinor/eds-icons';
-import { Button } from '../../Button/Button.js';
+import { Button } from '../../Button/Button.mjs';
 import styled from 'styled-components';
 import { filterDOMProps } from '@react-aria/utils';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/esm/components/Datepicker/utils/{useConvertedValidationFunctions.js → useConvertedValidationFunctions.mjs}

@@ -1,5 +1,5 @@
 import { toCalendarDate, fromDate } from '@internationalized/date';
-import { defaultTimezone } from './context.js';
+import { defaultTimezone } from './context.mjs';
 
 const useConvertedValidationFunctions = (minValue, maxValue, isDateUnavailable, timezone) => {
   const tz = timezone ?? defaultTimezone;

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

@@ -1,10 +1,10 @@
 import { forwardRef, useRef, useMemo, useEffect } from 'react';
 import styled, { ThemeProvider, css } from 'styled-components';
 import { useToken, mergeRefs, useHideBodyScroll, bordersTemplate, typographyTemplate } from '@equinor/eds-utils';
-import { dialog } from './Dialog.tokens.js';
+import { dialog } from './Dialog.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.js';
-import { Paper } from '../Paper/Paper.js';
+import { useEds } from '../EdsProvider/eds.context.mjs';
+import { Paper } from '../Paper/Paper.mjs';
 
 const StyledDialog = styled(Paper).attrs({
   'aria-labelledby': 'eds-dialog-title',

package/dist/esm/components/Dialog/{DialogContent.js → DialogContent.mjs}

@@ -2,7 +2,7 @@ import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { typographyTemplate } from '@equinor/eds-utils';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Divider } from '../Divider/Divider.js';
+import { Divider } from '../Divider/Divider.mjs';
 
 const StyledDialogContent = styled.div.withConfig({
   displayName: "DialogContent__StyledDialogContent",

package/dist/esm/components/Dialog/{DialogHeader.js → DialogHeader.mjs}

@@ -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.js';
+import { Divider } from '../Divider/Divider.mjs';
 
 const StyledDialogHeader = styled.div.withConfig({
   displayName: "DialogHeader__StyledDialogHeader",

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

@@ -1,8 +1,8 @@
-import { Dialog as Dialog$1 } from './Dialog.js';
-import { DialogActions } from './DialogActions.js';
-import { DialogTitle } from './DialogTitle.js';
-import { DialogContent } from './DialogContent.js';
-import { DialogHeader } from './DialogHeader.js';
+import { Dialog as Dialog$1 } from './Dialog.mjs';
+import { DialogActions } from './DialogActions.mjs';
+import { DialogTitle } from './DialogTitle.mjs';
+import { DialogContent } from './DialogContent.mjs';
+import { DialogHeader } from './DialogHeader.mjs';
 
 const Dialog = Dialog$1;
 Dialog.Actions = DialogActions;

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import * as Divider_tokens from './Divider.tokens.js';
+import * as Divider_tokens from './Divider.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 const {

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

@@ -1,6 +1,6 @@
 import { forwardRef, useId } from 'react';
 import styled from 'styled-components';
-import { get } from './library.js';
+import { get } from './library.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const StyledSvg = styled.svg.attrs(({

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

@@ -0,0 +1,7 @@
+import { Icon as Icon$1 } from './Icon.mjs';
+import { add } from './library.mjs';
+
+const Icon = Icon$1;
+Icon.add = add;
+
+export { Icon };

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

@@ -1,9 +1,9 @@
 import { forwardRef, useState, useCallback } from 'react';
 import styled, { css } from 'styled-components';
 import { useToken, outlineTemplate, spacingsTemplate, typographyMixin } from '@equinor/eds-utils';
-import { inputToken } from './Input.tokens.js';
+import { inputToken } from './Input.tokens.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { useEds } from '../EdsProvider/eds.context.mjs';
 
 const Container = styled.div.withConfig({
   displayName: "Input__Container",

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

@@ -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.js';
+import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.32.0/node_modules/ramda/es/mergeDeepRight.mjs';
 
 const {
   colors: {

package/dist/esm/components/InputWrapper/HelperText/{HelperText.js → HelperText.mjs}

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { typographyMixin } from '@equinor/eds-utils';
-import { helperText } from './HelperText.token.js';
+import { helperText } from './HelperText.token.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Container = styled.div.withConfig({

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

@@ -1,11 +1,11 @@
 import { forwardRef, useCallback } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
 import { useToken } from '@equinor/eds-utils';
-import { inputToken } from './InputWrapper.tokens.js';
+import { inputToken } from './InputWrapper.tokens.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Label as Label$1 } from '../Label/Label.js';
-import { HelperText as TextfieldHelperText } from './HelperText/HelperText.js';
-import { useEds } from '../EdsProvider/eds.context.js';
+import { Label as Label$1 } from '../Label/Label.mjs';
+import { HelperText as TextfieldHelperText } from './HelperText/HelperText.mjs';
+import { useEds } from '../EdsProvider/eds.context.mjs';
 
 const Container = styled.div.withConfig({
   displayName: "InputWrapper__Container",

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

@@ -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.js';
+import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.32.0/node_modules/ramda/es/mergeDeepRight.mjs';
 
 const {
   colors: {

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

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { typographyTemplate } from '@equinor/eds-utils';
-import { label } from './Label.tokens.js';
+import { label } from './Label.tokens.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const LabelBase = styled.label.withConfig({

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { list } from './List.tokens.js';
+import { list } from './List.tokens.mjs';
 import { typographyTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
 

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

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

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

@@ -1,13 +1,13 @@
 import { forwardRef, useMemo, useEffect } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
-import { MenuProvider, useMenu } from './Menu.context.js';
-import { MenuList } from './MenuList.js';
+import { MenuProvider, useMenu } from './Menu.context.mjs';
+import { MenuList } from './MenuList.mjs';
 import { useToken, mergeRefs, useIsomorphicLayoutEffect, bordersTemplate, useGlobalKeyPress } from '@equinor/eds-utils';
-import { menu } from './Menu.tokens.js';
+import { menu } from './Menu.tokens.mjs';
 import { offset, flip, shift, size, useFloating, autoUpdate, useInteractions, useDismiss } from '@floating-ui/react';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.js';
-import { Paper } from '../Paper/Paper.js';
+import { useEds } from '../EdsProvider/eds.context.mjs';
+import { Paper } from '../Paper/Paper.mjs';
 
 const {
   border

package/dist/esm/components/Menu/{MenuItem.js → MenuItem.mjs}

@@ -1,8 +1,8 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { menu } from './Menu.tokens.js';
+import { menu } from './Menu.tokens.mjs';
 import { mergeRefs, typographyTemplate, spacingsTemplate, outlineTemplate } from '@equinor/eds-utils';
-import { useMenu } from './Menu.context.js';
+import { useMenu } from './Menu.context.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 const {

package/dist/esm/components/Menu/{MenuList.js → MenuList.mjs}

@@ -1,9 +1,9 @@
 import { forwardRef, useMemo, Children, cloneElement, useEffect, isValidElement } from 'react';
 import styled from 'styled-components';
-import { useMenu } from './Menu.context.js';
-import { MenuItem } from './MenuItem.js';
-import { MenuSection } from './MenuSection.js';
-import { menu } from './Menu.tokens.js';
+import { useMenu } from './Menu.context.mjs';
+import { MenuItem } from './MenuItem.mjs';
+import { MenuSection } from './MenuSection.mjs';
+import { menu } from './Menu.tokens.mjs';
 import { spacingsTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/esm/components/Menu/{MenuSection.js → MenuSection.mjs}

@@ -1,10 +1,10 @@
 import { memo } from 'react';
 import styled from 'styled-components';
-import { menu } from './Menu.tokens.js';
+import { menu } from './Menu.tokens.mjs';
 import { spacingsTemplate } from '@equinor/eds-utils';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Divider } from '../Divider/Divider.js';
-import { Typography } from '../Typography/Typography.js';
+import { Divider } from '../Divider/Divider.mjs';
+import { Typography } from '../Typography/Typography.mjs';
 
 const Header = styled.div.attrs(() => ({
   tabIndex: 0

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

@@ -1,6 +1,6 @@
-import { Menu as Menu$1 } from './Menu.js';
-import { MenuItem } from './MenuItem.js';
-import { MenuSection } from './MenuSection.js';
+import { Menu as Menu$1 } from './Menu.mjs';
+import { MenuItem } from './MenuItem.mjs';
+import { MenuSection } from './MenuSection.mjs';
 
 const Menu = Menu$1;
 Menu.Item = MenuItem;

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

@@ -1,14 +1,14 @@
 import { forwardRef, useState } from 'react';
 import styled from 'styled-components';
 import { useIsMounted, useIsomorphicLayoutEffect } from '@equinor/eds-utils';
-import { Button } from '../Button/index.js';
-import { Icon } from '../Icon/index.js';
-import { PaginationItem } from './PaginationItem.js';
-import { pagination } from './Pagination.tokens.js';
+import { Button } from '../Button/index.mjs';
+import { Icon } from '../Icon/index.mjs';
+import { PaginationItem } from './PaginationItem.mjs';
+import { pagination } from './Pagination.tokens.mjs';
 import { more_horizontal, chevron_right, chevron_left } from '@equinor/eds-icons';
-import { PaginationControl } from './paginationControl.js';
+import { PaginationControl } from './paginationControl.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.js';
+import { Typography } from '../Typography/Typography.mjs';
 
 const icons = {
   chevron_left,

package/dist/esm/components/Pagination/{PaginationItem.js → PaginationItem.mjs}

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
-import { Button } from '../Button/index.js';
-import { pagination } from './Pagination.tokens.js';
+import { Button } from '../Button/index.mjs';
+import { pagination } from './Pagination.tokens.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 const PaginationItem = /*#__PURE__*/forwardRef(function PaginationItem({

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

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

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

@@ -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.js';
+import { popover } from './Popover.tokens.mjs';
 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.js';
-import { Paper } from '../Paper/Paper.js';
+import { useEds } from '../EdsProvider/eds.context.mjs';
+import { Paper } from '../Paper/Paper.mjs';
 
 const PopoverPaper = styled(Paper).withConfig({
   displayName: "Popover__PopoverPaper",

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

@@ -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.js';
+import { Divider } from '../Divider/Divider.mjs';
 
 const StyledPopoverHeader = styled.div.withConfig({
   displayName: "PopoverHeader__StyledPopoverHeader",

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

@@ -1,8 +1,8 @@
-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';
+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';
 
 const Popover = Popover$1;
 Popover.Title = PopoverTitle;

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

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

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

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

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

@@ -1,6 +1,6 @@
 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';
 
 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.js → StarProgress.mjs}

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import styled, { css, keyframes } from 'styled-components';
-import { token } from './StarProgress.tokens.js';
+import { token } from './StarProgress.tokens.mjs';
 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.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';
+
+const Progress = {
+  Linear: LinearProgress,
+  Circular: CircularProgress,
+  Star: StarProgress,
+  Dots: DotProgress
+};
+
+export { CircularProgress, DotProgress, LinearProgress, Progress, StarProgress };

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

@@ -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.js';
+import { comfortable } from './Radio.tokens.mjs';
 import { useToken, spacingsTemplate, outlineTemplate, typographyTemplate } 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';
 
 /* eslint camelcase: "off" */
 const Input = styled.input.attrs(({

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

@@ -1,6 +1,6 @@
 import { forwardRef, useRef, useMemo } from 'react';
 import styled from 'styled-components';
-import { scrim } from './Scrim.tokens.js';
+import { scrim } from './Scrim.tokens.mjs';
 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.js → Search.mjs}

@@ -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.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';
 
 const SearchInput = styled(Input).withConfig({
   displayName: "Search__SearchInput",