@equinor/eds-core-react 2.3.4 → 2.3.5

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

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

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

@@ -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.mjs';
-import { CalendarHeader } from './CalendarHeader.mjs';
+import { CalendarGrid } from './CalendarGrid.js';
+import { CalendarHeader } from './CalendarHeader.js';
 import { createCalendar } from '@internationalized/date';
-import { Popover } from '../../Popover/index.mjs';
-import { CalendarWrapper } from './CalendarWrapper.mjs';
+import { Popover } from '../../Popover/index.js';
+import { CalendarWrapper } from './CalendarWrapper.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Calendar = /*#__PURE__*/forwardRef(({

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

@@ -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.mjs';
-import { Typography } from '../../Typography/Typography.mjs';
+import { useEds } from '../../EdsProvider/eds.context.js';
+import { Typography } from '../../Typography/Typography.js';
 
 const StyledCell = styled(Typography).withConfig({
   displayName: "CalendarCell__StyledCell",

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

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

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

@@ -1,10 +1,10 @@
 import styled from 'styled-components';
-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 { 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.mjs';
+import { getPageYears } from '../utils/getPageYears.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const HeaderWrapper = styled.div.withConfig({

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

@@ -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.mjs';
+import { CalendarGrid } from './CalendarGrid.js';
 import { forwardRef, useState } from 'react';
-import { CalendarHeader } from './CalendarHeader.mjs';
-import { Popover } from '../../Popover/index.mjs';
-import { CalendarWrapper } from './CalendarWrapper.mjs';
+import { CalendarHeader } from './CalendarHeader.js';
+import { Popover } from '../../Popover/index.js';
+import { CalendarWrapper } from './CalendarWrapper.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const RangeCalendar = /*#__PURE__*/forwardRef(({

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

@@ -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.mjs';
+import { getPageYears } from '../utils/getPageYears.js';
 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.mjs → DateField.js}

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

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

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

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

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

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

@@ -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.mjs';
+import { useDatePickerContext } from '../utils/context.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Segment = styled.div.withConfig({

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

@@ -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.mjs';
+import { Popover } from '../../Popover/index.js';
 import { filterDOMProps } from '@react-aria/utils';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { InputWrapper } from '../../InputWrapper/InputWrapper.mjs';
-import { useEds } from '../../EdsProvider/eds.context.mjs';
+import { InputWrapper } from '../../InputWrapper/InputWrapper.js';
+import { useEds } from '../../EdsProvider/eds.context.js';
 
 const getVariant = variant => {
   if (variant === 'error') {

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

@@ -1,6 +1,6 @@
-import { Icon } from '../../Icon/index.mjs';
+import { Icon } from '../../Icon/index.js';
 import { close } from '@equinor/eds-icons';
-import { Button } from '../../Button/Button.mjs';
+import { Button } from '../../Button/Button.js';
 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.mjs → useConvertedValidationFunctions.js}

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

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

@@ -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.mjs';
+import { dialog } from './Dialog.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 StyledDialog = styled(Paper).attrs({
   'aria-labelledby': 'eds-dialog-title',

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

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

package/dist/esm/components/Dialog/{DialogHeader.mjs → DialogHeader.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 StyledDialogHeader = styled.div.withConfig({
   displayName: "DialogHeader__StyledDialogHeader",

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

@@ -1,8 +1,8 @@
-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';
+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';
 
 const Dialog = Dialog$1;
 Dialog.Actions = DialogActions;

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

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

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

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

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

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

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

@@ -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.mjs';
+import { inputToken } from './Input.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const Container = styled.div.withConfig({
   displayName: "Input__Container",

package/dist/esm/components/Input/{Input.tokens.mjs → Input.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 {
   colors: {

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

@@ -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.mjs';
+import { helperText } from './HelperText.token.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Container = styled.div.withConfig({

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

@@ -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.mjs';
+import { inputToken } from './InputWrapper.tokens.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Label as Label$1 } from '../Label/Label.mjs';
-import { HelperText as TextfieldHelperText } from './HelperText/HelperText.mjs';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { Label as Label$1 } from '../Label/Label.js';
+import { HelperText as TextfieldHelperText } from './HelperText/HelperText.js';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const Container = styled.div.withConfig({
   displayName: "InputWrapper__Container",

package/dist/esm/components/InputWrapper/{InputWrapper.tokens.mjs → InputWrapper.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 {
   colors: {

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

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

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

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

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

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

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

@@ -1,13 +1,13 @@
 import { forwardRef, useMemo, useEffect } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
-import { MenuProvider, useMenu } from './Menu.context.mjs';
-import { MenuList } from './MenuList.mjs';
+import { MenuProvider, useMenu } from './Menu.context.js';
+import { MenuList } from './MenuList.js';
 import { useToken, mergeRefs, useIsomorphicLayoutEffect, bordersTemplate, useGlobalKeyPress } from '@equinor/eds-utils';
-import { menu } from './Menu.tokens.mjs';
+import { menu } from './Menu.tokens.js';
 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.mjs';
-import { Paper } from '../Paper/Paper.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
+import { Paper } from '../Paper/Paper.js';
 
 const {
   border

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

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

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

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

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

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

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

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

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

@@ -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.mjs';
-import { Icon } from '../Icon/index.mjs';
-import { PaginationItem } from './PaginationItem.mjs';
-import { pagination } from './Pagination.tokens.mjs';
+import { Button } from '../Button/index.js';
+import { Icon } from '../Icon/index.js';
+import { PaginationItem } from './PaginationItem.js';
+import { pagination } from './Pagination.tokens.js';
 import { more_horizontal, chevron_right, chevron_left } from '@equinor/eds-icons';
-import { PaginationControl } from './paginationControl.mjs';
+import { PaginationControl } from './paginationControl.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.mjs';
+import { Typography } from '../Typography/Typography.js';
 
 const icons = {
   chevron_left,

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

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

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",