@equinor/eds-core-react 0.32.0 → 0.32.1-dev20230711

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

@@ -2,10 +2,10 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, Children, cloneElement } from 'react';
 import { ThemeProvider } from 'styled-components';
-import { accordion } from './Accordion.tokens.mjs';
+import { accordion } from './Accordion.tokens.js';
 import { useId, useToken } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 var _excluded = ["headerLevel", "chevronPosition", "children", "id"];
 var Accordion = /*#__PURE__*/forwardRef(function Accordion(_ref, ref) {

package/dist/esm/components/Accordion/{AccordionHeader.mjs → AccordionHeader.js}

@@ -3,10 +3,10 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import styled, { css } from 'styled-components';
 import { chevron_up, chevron_down } from '@equinor/eds-icons';
-import { Icon } from '../Icon/index.mjs';
-import { AccordionHeaderTitle } from './AccordionHeaderTitle.mjs';
-import { AccordionHeaderActions } from './AccordionHeaderActions.mjs';
-import { accordion } from './Accordion.tokens.mjs';
+import { Icon } from '../Icon/index.js';
+import { AccordionHeaderTitle } from './AccordionHeaderTitle.js';
+import { AccordionHeaderActions } from './AccordionHeaderActions.js';
+import { accordion } from './Accordion.tokens.js';
 import { bordersTemplate, typographyTemplate, spacingsTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

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

@@ -1,9 +1,9 @@
-import { Accordion as Accordion$1 } from './Accordion.mjs';
-import { AccordionItem } from './AccordionItem.mjs';
-import { AccordionHeader } from './AccordionHeader.mjs';
-import { AccordionHeaderTitle } from './AccordionHeaderTitle.mjs';
-import { AccordionHeaderActions } from './AccordionHeaderActions.mjs';
-import { AccordionPanel } from './AccordionPanel.mjs';
+import { Accordion as Accordion$1 } from './Accordion.js';
+import { AccordionItem } from './AccordionItem.js';
+import { AccordionHeader } from './AccordionHeader.js';
+import { AccordionHeaderTitle } from './AccordionHeaderTitle.js';
+import { AccordionHeaderActions } from './AccordionHeaderActions.js';
+import { AccordionPanel } from './AccordionPanel.js';
 
 var Accordion = Accordion$1;
 Accordion.Item = AccordionItem;

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

@@ -6,19 +6,19 @@ import { forwardRef, useState, useEffect, useMemo, useCallback, useRef } from 'r
 import { useMultipleSelection, useCombobox } from 'downshift';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import styled, { css, ThemeProvider } from 'styled-components';
-import { Button } from '../Button/index.mjs';
-import { List } from '../List/index.mjs';
-import { Icon } from '../Icon/index.mjs';
-import { Progress } from '../Progress/index.mjs';
+import { Button } from '../Button/index.js';
+import { List } from '../List/index.js';
+import { Icon } from '../Icon/index.js';
+import { Progress } from '../Progress/index.js';
 import { close, arrow_drop_up, arrow_drop_down } from '@equinor/eds-icons';
-import { multiSelect, selectTokens } from './Autocomplete.tokens.mjs';
+import { multiSelect, selectTokens } from './Autocomplete.tokens.js';
 import { bordersTemplate, useToken, useIsomorphicLayoutEffect } from '@equinor/eds-utils';
-import { AutocompleteOption } from './Option.mjs';
+import { AutocompleteOption } from './Option.js';
 import { useFloating, offset, flip, shift, size, useInteractions, autoUpdate, FloatingPortal } from '@floating-ui/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
-import { Label } from '../Label/Label.mjs';
-import { Input } from '../Input/Input.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
+import { Label } from '../Label/Label.js';
+import { Input } from '../Input/Input.js';
 
 var _excluded = ["options", "label", "meta", "className", "style", "disabled", "readOnly", "loading", "hideClearButton", "onOptionsChange", "onInputChange", "selectedOptions", "multiple", "initialSelectedOptions", "disablePortal", "optionDisabled", "optionsFilter", "autoWidth", "placeholder", "optionLabel", "clearSearchOnChange", "multiline", "dropdownHeight", "optionComponent"];
 var Container = styled.div.withConfig({

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

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

package/dist/esm/components/Autocomplete/{Option.mjs → Option.js}

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { typographyTemplate, spacingsTemplate } from '@equinor/eds-utils';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Checkbox } from '../Checkbox/Checkbox.mjs';
+import { Checkbox } from '../Checkbox/Checkbox.js';
 
 var _excluded = ["value", "optionComponent", "multiple", "isSelected", "isDisabled", "multiline", "onClick", "aria-selected"];
 var StyledListItem = styled.li.withConfig({

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

@@ -3,7 +3,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { bordersTemplate } from '@equinor/eds-utils';
-import { avatar } from './Avatar.tokens.mjs';
+import { avatar } from './Avatar.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["src", "alt", "size", "disabled"];

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

@@ -3,12 +3,12 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef, Children, isValidElement } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { spacingsTemplate, useToken } from '@equinor/eds-utils';
-import { enabled } from './Banner.tokens.mjs';
-import { BannerIcon } from './BannerIcon.mjs';
+import { enabled } from './Banner.tokens.js';
+import { BannerIcon } from './BannerIcon.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Divider } from '../Divider/Divider.mjs';
-import { useEds } from '../EdsProvider/eds.context.mjs';
-import { Paper } from '../Paper/Paper.mjs';
+import { Divider } from '../Divider/Divider.js';
+import { useEds } from '../EdsProvider/eds.context.js';
+import { Paper } from '../Paper/Paper.js';
 
 var _excluded = ["children", "className", "elevation"];
 var Content = styled.div.withConfig({

package/dist/esm/components/Banner/{BannerIcon.mjs → BannerIcon.js}

@@ -2,8 +2,8 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import styled, { css } from 'styled-components';
-import { info as info$1, warning as warning$1 } from './Banner.tokens.mjs';
-import { Icon } from '../Icon/index.mjs';
+import { info as info$1, warning as warning$1 } from './Banner.tokens.js';
+import { Icon } from '../Icon/index.js';
 import { bordersTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/esm/components/Banner/{BannerMessage.mjs → BannerMessage.js}

@@ -3,7 +3,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.mjs';
+import { Typography } from '../Typography/Typography.js';
 
 var _excluded = ["children"];
 var StyledBannerMessage = styled(Typography).withConfig({

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

@@ -1,7 +1,7 @@
-import { Banner as Banner$1 } from './Banner.mjs';
-import { BannerIcon } from './BannerIcon.mjs';
-import { BannerMessage } from './BannerMessage.mjs';
-import { BannerActions } from './BannerActions.mjs';
+import { Banner as Banner$1 } from './Banner.js';
+import { BannerIcon } from './BannerIcon.js';
+import { BannerMessage } from './BannerMessage.js';
+import { BannerActions } from './BannerActions.js';
 
 var Banner = Banner$1;
 Banner.Icon = BannerIcon;

package/dist/esm/components/Breadcrumbs/{Breadcrumb.mjs → Breadcrumb.js}

@@ -2,10 +2,10 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useMemo } from 'react';
 import styled, { css } from 'styled-components';
-import { breadcrumbs } from './Breadcrumbs.tokens.mjs';
+import { breadcrumbs } from './Breadcrumbs.tokens.js';
 import { jsx } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.mjs';
-import { Tooltip } from '../Tooltip/Tooltip.mjs';
+import { Typography } from '../Typography/Typography.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
 
 var _excluded = ["children", "maxWidth", "forceTooltip", "href", "as"];
 var states = breadcrumbs.states,

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

@@ -3,10 +3,10 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useState, Children, Fragment } from 'react';
 import styled from 'styled-components';
-import { breadcrumbs } from './Breadcrumbs.tokens.mjs';
+import { breadcrumbs } from './Breadcrumbs.tokens.js';
 import { spacingsTemplate } from '@equinor/eds-utils';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.mjs';
+import { Typography } from '../Typography/Typography.js';
 
 var _excluded = ["children", "collapse", "wrap"];
 var spacings = breadcrumbs.spacings,

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

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

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

@@ -2,11 +2,11 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
-import { token } from './tokens/index.mjs';
+import { token } from './tokens/index.js';
 import { spacingsTemplate, bordersTemplate, typographyTemplate, outlineTemplate, useToken } from '@equinor/eds-utils';
-import { InnerFullWidth } from './InnerFullWidth.mjs';
+import { InnerFullWidth } from './InnerFullWidth.js';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 var _excluded = ["color", "variant", "children", "disabled", "href", "tabIndex", "fullWidth"];
 var getVariant = function getVariant(tokenSet, variant) {

package/dist/esm/components/Button/ButtonGroup/{ButtonGroup.mjs → ButtonGroup.js}

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

package/dist/esm/components/Button/ToggleButton/{ToggleButton.mjs → ToggleButton.js}

@@ -3,10 +3,10 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, useState, useEffect, Children, isValidElement, cloneElement } from 'react';
-import { Button } from '../Button.mjs';
+import { Button } from '../Button.js';
 import { jsx } from 'react/jsx-runtime';
-import { Tooltip } from '../../Tooltip/Tooltip.mjs';
-import { ButtonGroup } from '../ButtonGroup/ButtonGroup.mjs';
+import { Tooltip } from '../../Tooltip/Tooltip.js';
+import { ButtonGroup } from '../ButtonGroup/ButtonGroup.js';
 
 var _excluded = ["children", "multiple", "selectedIndexes", "onChange"];
 var ToggleButton = /*#__PURE__*/forwardRef(function ToggleButton(_ref, ref) {

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

@@ -1,6 +1,6 @@
-import { Button as Button$1 } from './Button.mjs';
-import { ButtonGroup } from './ButtonGroup/ButtonGroup.mjs';
-import { ToggleButton } from './ToggleButton/ToggleButton.mjs';
+import { Button as Button$1 } from './Button.js';
+import { ButtonGroup } from './ButtonGroup/ButtonGroup.js';
+import { ToggleButton } from './ToggleButton/ToggleButton.js';
 
 var Button = Button$1;
 Button.Group = ButtonGroup;

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

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
-import { button } from './button.mjs';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.mjs';
+import { button } from './button.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.js';
 
 var _tokens$colors = tokens.colors,
   primaryWhite = _tokens$colors.text.static_icons__primary_white.rgba,

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

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
-import { primary as primary$1, secondary as secondary$1, danger as danger$1 } from './contained.mjs';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.mjs';
+import { primary as primary$1, secondary as secondary$1, danger as danger$1 } from './contained.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.js';
 
 var _tokens$clickbounds = tokens.clickbounds,
   clicboundHeight = _tokens$clickbounds.default__base,

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

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
-import { button } from './button.mjs';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.mjs';
+import { button } from './button.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.js';
 
 var _tokens$colors$intera = tokens.colors.interactive,
   primaryColor = _tokens$colors$intera.primary__resting.rgba,

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

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
-import { button } from './button.mjs';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.mjs';
+import { button } from './button.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.js';
 
 var _tokens$colors$intera = tokens.colors.interactive,
   primaryColor = _tokens$colors$intera.primary__resting.rgba,

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

@@ -1,8 +1,8 @@
-import { primary, secondary, danger } from './contained.mjs';
-import { primary as primary$1, secondary as secondary$1, danger as danger$1 } from './outlined.mjs';
-import { primary as primary$2, secondary as secondary$2, danger as danger$2 } from './ghost.mjs';
-import { primary as primary$3, secondary as secondary$3, danger as danger$3 } from './icon.mjs';
-import { primary as primary$4, secondary as secondary$4, danger as danger$4 } from './contained_icon.mjs';
+import { primary, secondary, danger } from './contained.js';
+import { primary as primary$1, secondary as secondary$1, danger as danger$1 } from './outlined.js';
+import { primary as primary$2, secondary as secondary$2, danger as danger$2 } from './ghost.js';
+import { primary as primary$3, secondary as secondary$3, danger as danger$3 } from './icon.js';
+import { primary as primary$4, secondary as secondary$4, danger as danger$4 } from './contained_icon.js';
 
 var token = {
   primary: {

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

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
-import { button } from './button.mjs';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.mjs';
+import { button } from './button.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.0/node_modules/ramda/es/mergeDeepRight.js';
 
 var _tokens$colors$intera = tokens.colors.interactive,
   primaryColor = _tokens$colors$intera.primary__resting.rgba,

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

@@ -2,11 +2,11 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import * as Card_tokens from './Card.tokens.mjs';
-import { primary as primary$1 } from './Card.tokens.mjs';
+import * as Card_tokens from './Card.tokens.js';
+import { primary as primary$1 } from './Card.tokens.js';
 import { bordersTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
-import { Paper } from '../Paper/Paper.mjs';
+import { Paper } from '../Paper/Paper.js';
 
 var _excluded = ["children", "variant", "elevation"];
 var primary = primary$1;

package/dist/esm/components/Card/{CardActions.mjs → CardActions.js}

@@ -2,9 +2,9 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { primary } from './Card.tokens.mjs';
+import { primary } from './Card.tokens.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Typography } from '../Typography/Typography.mjs';
+import { Typography } from '../Typography/Typography.js';
 
 var _excluded = ["children", "alignRight", "meta"];
 var spacings = primary.spacings;

package/dist/esm/components/Card/{CardContent.mjs → CardContent.js}

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

package/dist/esm/components/Card/{CardHeader.mjs → CardHeader.js}

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

package/dist/esm/components/Card/{CardMedia.mjs → CardMedia.js}

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

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

@@ -1,9 +1,9 @@
-import { Card as Card$1 } from './Card.mjs';
-import { CardActions } from './CardActions.mjs';
-import { CardContent } from './CardContent.mjs';
-import { CardMedia } from './CardMedia.mjs';
-import { CardHeader } from './CardHeader.mjs';
-import { CardHeaderTitle } from './CardHeaderTitle.mjs';
+import { Card as Card$1 } from './Card.js';
+import { CardActions } from './CardActions.js';
+import { CardContent } from './CardContent.js';
+import { CardMedia } from './CardMedia.js';
+import { CardHeader } from './CardHeader.js';
+import { CardHeaderTitle } from './CardHeaderTitle.js';
 
 var Card = Card$1;
 Card.Actions = CardActions;

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

@@ -2,9 +2,9 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { checkbox } from './Checkbox.tokens.mjs';
+import { checkbox } from './Checkbox.tokens.js';
 import { typographyTemplate } from '@equinor/eds-utils';
-import { CheckboxInput } from './Input.mjs';
+import { CheckboxInput } from './Input.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["label", "disabled", "indeterminate", "className", "style"];

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

@@ -4,10 +4,10 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
 import { checkbox_indeterminate, checkbox as checkbox$1, checkbox_outline } from '@equinor/eds-icons';
-import { checkbox } from './Checkbox.tokens.mjs';
+import { checkbox } from './Checkbox.tokens.js';
 import { outlineTemplate, spacingsTemplate, useToken } 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';
 
 var _excluded = ["disabled", "indeterminate", "style", "className"];
 var StyledPath = styled.path.attrs(function (_ref) {

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

@@ -2,8 +2,8 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef, Children, cloneElement } from 'react';
 import styled, { css } from 'styled-components';
-import { Icon } from './Icon.mjs';
-import { error as error$1, enabled as enabled$1 } from './Chip.tokens.mjs';
+import { Icon } from './Icon.js';
+import { error as error$1, enabled as enabled$1 } from './Chip.tokens.js';
 import { outlineTemplate, bordersTemplate, spacingsTemplate, typographyTemplate } from '@equinor/eds-utils';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

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

@@ -1,7 +1,7 @@
 import styled, { css } from 'styled-components';
 import { close } from '@equinor/eds-icons';
-import { Icon as Icon$1 } from '../Icon/index.mjs';
-import { enabled as enabled$1, error as error$1 } from './Chip.tokens.mjs';
+import { Icon as Icon$1 } from '../Icon/index.js';
+import { enabled as enabled$1, error as error$1 } from './Chip.tokens.js';
 import { bordersTemplate } from '@equinor/eds-utils';
 
 Icon$1.add({

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

@@ -3,10 +3,10 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef, useRef, useMemo, useEffect } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { typographyTemplate, bordersTemplate, useToken, mergeRefs, useHideBodyScroll, useGlobalKeyPress } from '@equinor/eds-utils';
-import { dialog } from './Dialog.tokens.mjs';
+import { dialog } from './Dialog.tokens.js';
 import { jsx } from 'react/jsx-runtime';
-import { Paper } from '../Paper/Paper.mjs';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { Paper } from '../Paper/Paper.js';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 var _excluded = ["children", "open", "onClose", "isDismissable", "dialogRef"];
 var StyledDialog = styled(Paper).attrs({

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

@@ -4,7 +4,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';
 
 var _excluded = ["children", "scrollable"];
 var StyledDialogContent = styled.div.withConfig({

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

@@ -3,7 +3,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 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';
 
 var _excluded = ["children"];
 var StyledDialogHeader = styled.div.withConfig({

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';
 
 var Dialog = Dialog$1;
 Dialog.Actions = DialogActions;

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

@@ -2,8 +2,8 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import * as Divider_tokens from './Divider.tokens.mjs';
-import { divider as divider$1 } from './Divider.tokens.mjs';
+import * as Divider_tokens from './Divider.tokens.js';
+import { divider as divider$1 } from './Divider.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["color", "variant", "size"];

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

@@ -2,7 +2,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { get } from './library.mjs';
+import { get } from './library.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["size", "color", "name", "rotation", "title", "data"];

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

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

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

@@ -4,9 +4,9 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { forwardRef, useState, useCallback } from 'react';
 import styled, { css } from 'styled-components';
 import { outlineTemplate, spacingsTemplate, typographyMixin, useToken } 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';
 
 var _excluded = ["variant", "disabled", "type", "leftAdornments", "rightAdornments", "readOnly", "className", "style", "leftAdornmentsProps", "rightAdornmentsProps", "leftAdornmentsWidth", "rightAdornmentsWidth"];
 var Container = styled.div.withConfig({

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

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

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

@@ -3,7 +3,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 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';
 
 var _excluded = ["text", "icon", "color"];

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

@@ -3,11 +3,11 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 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 { HelperText as TextfieldHelperText } from './HelperText/HelperText.mjs';
-import { Label as Label$1 } from '../Label/Label.mjs';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { HelperText as TextfieldHelperText } from './HelperText/HelperText.js';
+import { Label as Label$1 } from '../Label/Label.js';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 var _excluded = ["children", "color", "label", "labelProps", "helperProps", "helperIcon"];
 var Container = styled.div.withConfig({

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

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