@equinor/eds-core-react 2.3.1 → 2.3.3

package/dist/esm/components/Tooltip/Tooltip.mjs

@@ -0,0 +1,152 @@
+import { forwardRef, useRef, useState, useMemo, useEffect, cloneElement } from 'react';
+import { createPortal } from 'react-dom';
+import styled from 'styled-components';
+import { mergeRefs, typographyTemplate, spacingsTemplate, bordersTemplate } from '@equinor/eds-utils';
+import { tooltip } from './Tooltip.tokens.mjs';
+import { useFloating, autoUpdate, offset, flip, shift, arrow, useInteractions, useHover, useFocus, useRole, useDismiss } from '@floating-ui/react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useEds } from '../EdsProvider/eds.context.mjs';
+
+const StyledTooltip = styled('div').withConfig({
+  shouldForwardProp: () => true //workaround to avoid warning until popover gets added to react types
+}).withConfig({
+  displayName: "Tooltip__StyledTooltip",
+  componentId: "sc-m2im2p-0"
+})(["inset:unset;border:0;overflow:visible;", " ", " ", " background:", ";white-space:nowrap;&::before{content:'; Has tooltip: ';clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;}&::backdrop{background-color:transparent;}"], typographyTemplate(tooltip.typography), spacingsTemplate(tooltip.spacings), bordersTemplate(tooltip.border), tooltip.background);
+const ArrowWrapper = styled.div.withConfig({
+  displayName: "Tooltip__ArrowWrapper",
+  componentId: "sc-m2im2p-1"
+})(["position:absolute;width:", ";height:", ";z-index:-1;"], tooltip.entities.arrow.width, tooltip.entities.arrow.height);
+const TooltipArrow = styled.svg.withConfig({
+  displayName: "Tooltip__TooltipArrow",
+  componentId: "sc-m2im2p-2"
+})(["width:", ";height:", ";position:absolute;fill:", ";"], tooltip.entities.arrow.width, tooltip.entities.arrow.height, tooltip.background);
+const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
+  title,
+  placement = 'bottom',
+  children,
+  style,
+  enterDelay = 100,
+  disabled = false,
+  portalContainer,
+  ...rest
+}, ref) {
+  const arrowRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const {
+    rootElement
+  } = useEds();
+  const shouldOpen = Boolean(title) && typeof document !== 'undefined';
+  const {
+    x,
+    y,
+    refs,
+    strategy,
+    context,
+    middlewareData: {
+      arrow: {
+        x: arrowX,
+        y: arrowY
+      } = {}
+    },
+    placement: finalPlacement,
+    elements
+  } = useFloating({
+    placement,
+    open,
+    onOpenChange: setOpen,
+    middleware: [offset(14), flip(), shift({
+      padding: 8
+    }), arrow({
+      element: arrowRef
+    })],
+    whileElementsMounted: autoUpdate
+  });
+  const mergedAnchorRef = useMemo(() => mergeRefs(refs.setReference), [refs.setReference]);
+  const tooltipRef = useMemo(() => mergeRefs(refs.setFloating, ref), [refs.setFloating, ref]);
+  const {
+    getReferenceProps,
+    getFloatingProps
+  } = useInteractions([useHover(context, {
+    delay: {
+      open: enterDelay
+    }
+  }), useFocus(context), useRole(context, {
+    role: 'tooltip'
+  }), useDismiss(context)]);
+  useEffect(() => {
+    const staticSide = {
+      top: 'bottom',
+      right: 'left',
+      bottom: 'top',
+      left: 'right'
+    }[finalPlacement.split('-')[0]];
+    let arrowTransform = 'none';
+    switch (staticSide) {
+      case 'right':
+        arrowTransform = 'rotateY(180deg)';
+        break;
+      case 'left':
+        arrowTransform = 'none';
+        break;
+      case 'top':
+        arrowTransform = 'rotate(90deg)';
+        break;
+      case 'bottom':
+        arrowTransform = 'rotate(-90deg)';
+        break;
+    }
+    if (arrowRef.current) {
+      Object.assign(arrowRef.current.style, {
+        left: arrowX != null ? `${arrowX}px` : '',
+        top: arrowY != null ? `${arrowY}px` : '',
+        right: '',
+        bottom: '',
+        [staticSide]: '-6px',
+        transform: arrowTransform
+      });
+    }
+  });
+  const updatedChildren = /*#__PURE__*/cloneElement(children,
+  // eslint-disable-line @typescript-eslint/no-explicit-any
+  {
+    ...getReferenceProps(children.props),
+    ref: mergeRefs(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
+    children.props.ref, mergedAnchorRef)
+  });
+  useEffect(() => {
+    if (!elements.floating) return;
+    if (elements.floating.isConnected && shouldOpen && open) {
+      elements.floating.showPopover();
+    }
+  }, [open, shouldOpen, elements.floating]);
+  const TooltipEl = /*#__PURE__*/jsxs(StyledTooltip, {
+    popover: "manual",
+    ...rest,
+    ...getFloatingProps({
+      ref: tooltipRef,
+      className: `eds-tooltip ${rest.className ?? ''}`,
+      style: {
+        ...style,
+        position: strategy,
+        top: y || 0,
+        left: x || 0
+      }
+    }),
+    children: [title, /*#__PURE__*/jsx(ArrowWrapper, {
+      ref: arrowRef,
+      children: /*#__PURE__*/jsx(TooltipArrow, {
+        className: "arrowSvg",
+        children: /*#__PURE__*/jsx("path", {
+          d: "M0.504838 4.86885C-0.168399 4.48524 -0.168399 3.51476 0.504838 3.13115L6 8.59227e-08L6 8L0.504838 4.86885Z"
+        })
+      })
+    })]
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [updatedChildren, shouldOpen && open && !disabled && /*#__PURE__*/createPortal(TooltipEl, portalContainer ?? rootElement ?? document.body)]
+  });
+});
+
+export { Tooltip };

package/dist/esm/components/Tooltip/Tooltip.tokens.mjs

@@ -0,0 +1,54 @@
+import { tokens } from '@equinor/eds-tokens';
+
+const {
+  colors: {
+    text: {
+      static_icons__primary_white: {
+        rgba: white
+      }
+    },
+    ui: {
+      background__overlay: {
+        rgba: background
+      }
+    }
+  },
+  typography: {
+    ui
+  },
+  spacings: {
+    comfortable: {
+      x_large: spacingXlarge,
+      small: spacingSmall
+    }
+  },
+  shape: {
+    corners: {
+      borderRadius
+    }
+  }
+} = tokens;
+const tooltip = {
+  typography: {
+    ...ui.tooltip,
+    color: white
+  },
+  background,
+  border: {
+    type: 'border',
+    radius: borderRadius
+  },
+  entities: {
+    arrow: {
+      width: '6px',
+      height: spacingSmall}
+  },
+  spacings: {
+    left: spacingSmall,
+    right: spacingSmall,
+    top: spacingSmall,
+    bottom: spacingSmall
+  }
+};
+
+export { tooltip };

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

@@ -1,10 +1,10 @@
 import { forwardRef } from 'react';
 import styled, { ThemeProvider, css } from 'styled-components';
 import { useToken, bordersTemplate, spacingsTemplate, typographyTemplate } from '@equinor/eds-utils';
-import { topbar } from './TopBar.tokens.js';
+import { topbar } from './TopBar.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 StyledTopBar = styled(Paper).withConfig({
   displayName: "TopBar__StyledTopBar",

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

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

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

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

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

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

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

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

package/dist/esm/components/Typography/Typography.new.mjs

@@ -0,0 +1,67 @@
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * TypographyNext component for flexible typography with baseline grid support.
+ *
+ * Provides full control over typography properties including family, size,
+ * lineHeight, baseline alignment, weight, and tracking.
+ *
+ * **Display behavior:** Elements render as `display: block` by default for
+ * text-box trimming and baseline grid alignment. Override with CSS if needed.
+ *
+ * @example
+ * ```tsx
+ * import { TypographyNext as Typography } from '@equinor/eds-core-react'
+ *
+ * <Typography
+ *   family="ui"
+ *   size="md"
+ *   lineHeight="default"
+ *   baseline="grid"
+ *   weight="normal"
+ *   tracking="normal"
+ * >
+ *   Text content (renders as block-level by default)
+ * </Typography>
+ *
+ * <Typography
+ *   as="h1"
+ *   family="header"
+ *   size="3xl"
+ *   lineHeight="squished"
+ *   baseline="grid"
+ *   weight="bolder"
+ *   tracking="tight"
+ * >
+ *   Page heading
+ * </Typography>
+ * ```
+ */
+const TypographyNext = /*#__PURE__*/forwardRef(({
+  as = 'span',
+  family,
+  size,
+  baseline,
+  lineHeight,
+  weight,
+  tracking,
+  debug,
+  ...rest
+}, ref) => {
+  const Component = as;
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    "data-font-family": family,
+    "data-font-size": size,
+    "data-baseline": baseline || undefined,
+    "data-line-height": lineHeight || undefined,
+    "data-font-weight": weight || undefined,
+    "data-tracking": tracking || undefined,
+    "data-debug": debug ? '' : undefined,
+    ...rest
+  });
+});
+TypographyNext.displayName = 'TypographyNext';
+
+export { TypographyNext };

package/dist/esm/index.mjs

@@ -0,0 +1,100 @@
+'use client';
+export { Button } from './components/Button/index.mjs';
+export { Table } from './components/Table/index.mjs';
+export { Icon } from './components/Icon/index.mjs';
+export { List } from './components/List/index.mjs';
+export { Accordion } from './components/Accordion/index.mjs';
+export { Tabs } from './components/Tabs/index.mjs';
+export { Card } from './components/Card/index.mjs';
+export { TopBar } from './components/TopBar/index.mjs';
+export { Dialog } from './components/Dialog/index.mjs';
+export { TableOfContents } from './components/TableOfContents/index.mjs';
+export { Snackbar } from './components/Snackbar/index.mjs';
+export { Popover } from './components/Popover/index.mjs';
+export { Banner } from './components/Banner/index.mjs';
+export { Progress } from './components/Progress/index.mjs';
+export { Breadcrumbs } from './components/Breadcrumbs/index.mjs';
+export { Menu } from './components/Menu/index.mjs';
+export { SideBar } from './components/SideBar/index.mjs';
+export { ButtonGroup } from './components/Button/ButtonGroup/ButtonGroup.mjs';
+export { ToggleButton } from './components/Button/ToggleButton/ToggleButton.mjs';
+export { TypographyNext } from './components/Typography/Typography.new.mjs';
+export { Heading } from './components/Typography/Heading.mjs';
+export { Paragraph } from './components/Typography/Paragraph.mjs';
+export { Typography } from './components/Typography/Typography.mjs';
+export { Body as TableBody } from './components/Table/Body.mjs';
+export { Cell as TableCell } from './components/Table/Cell.mjs';
+export { Head as TableHead } from './components/Table/Head/Head.mjs';
+export { Foot as TableFoot } from './components/Table/Foot/Foot.mjs';
+export { Row as TableRow } from './components/Table/Row/Row.mjs';
+export { Caption as TableCaption } from './components/Table/Caption.mjs';
+export { Divider } from './components/Divider/Divider.mjs';
+export { TextField } from './components/TextField/TextField.mjs';
+export { Textarea } from './components/Textarea/Textarea.mjs';
+export { ListItem } from './components/List/ListItem.mjs';
+export { AccordionItem } from './components/Accordion/AccordionItem.mjs';
+export { AccordionHeader } from './components/Accordion/AccordionHeader.mjs';
+export { AccordionHeaderTitle } from './components/Accordion/AccordionHeaderTitle.mjs';
+export { AccordionHeaderActions } from './components/Accordion/AccordionHeaderActions.mjs';
+export { AccordionPanel } from './components/Accordion/AccordionPanel.mjs';
+export { Tab } from './components/Tabs/Tab.mjs';
+export { TabPanels } from './components/Tabs/TabPanels.mjs';
+export { TabPanel } from './components/Tabs/TabPanel.mjs';
+export { TabList } from './components/Tabs/TabList.mjs';
+export { CardActions } from './components/Card/CardActions.mjs';
+export { CardContent } from './components/Card/CardContent.mjs';
+export { CardHeader } from './components/Card/CardHeader.mjs';
+export { CardMedia } from './components/Card/CardMedia.mjs';
+export { CardHeaderTitle } from './components/Card/CardHeaderTitle.mjs';
+export { Actions as TopbarActions } from './components/TopBar/Actions.mjs';
+export { Header as TopbarHeader } from './components/TopBar/Header.mjs';
+export { CustomContent as TopbarCustomContent } from './components/TopBar/CustomContent.mjs';
+export { DialogActions } from './components/Dialog/DialogActions.mjs';
+export { DialogTitle } from './components/Dialog/DialogTitle.mjs';
+export { DialogContent } from './components/Dialog/DialogContent.mjs';
+export { DialogHeader } from './components/Dialog/DialogHeader.mjs';
+export { Scrim } from './components/Scrim/Scrim.mjs';
+export { LinkItem as TableOfContentsLinkItem } from './components/TableOfContents/LinkItem.mjs';
+export { SideSheet } from './components/SideSheet/SideSheet.mjs';
+export { Chip } from './components/Chip/Chip.mjs';
+export { Avatar } from './components/Avatar/Avatar.mjs';
+export { Search } from './components/Search/Search.mjs';
+export { Slider } from './components/Slider/Slider.mjs';
+export { Tooltip } from './components/Tooltip/Tooltip.mjs';
+export { SnackbarAction } from './components/Snackbar/SnackbarAction.mjs';
+export { PopoverTitle } from './components/Popover/PopoverTitle.mjs';
+export { PopoverContent } from './components/Popover/PopoverContent.mjs';
+export { PopoverHeader } from './components/Popover/PopoverHeader.mjs';
+export { PopoverActions } from './components/Popover/PopoverActions.mjs';
+export { BannerIcon } from './components/Banner/BannerIcon.mjs';
+export { BannerMessage } from './components/Banner/BannerMessage.mjs';
+export { BannerActions } from './components/Banner/BannerActions.mjs';
+export { LinearProgress } from './components/Progress/Linear/LinearProgress.mjs';
+export { CircularProgress } from './components/Progress/Circular/CircularProgress.mjs';
+export { StarProgress } from './components/Progress/Star/StarProgress.mjs';
+export { DotProgress } from './components/Progress/Dots/DotProgress.mjs';
+export { Breadcrumb } from './components/Breadcrumbs/Breadcrumb.mjs';
+export { MenuItem } from './components/Menu/MenuItem.mjs';
+export { MenuSection } from './components/Menu/MenuSection.mjs';
+export { Pagination } from './components/Pagination/Pagination.mjs';
+export { NativeSelect } from './components/Select/NativeSelect.mjs';
+export { Label } from './components/Label/Label.mjs';
+export { Input } from './components/Input/Input.mjs';
+export { Checkbox } from './components/Checkbox/Checkbox.mjs';
+export { Radio } from './components/Radio/Radio.mjs';
+export { Switch } from './components/Switch/Switch.mjs';
+export { EdsProvider, useEds } from './components/EdsProvider/eds.context.mjs';
+export { Paper } from './components/Paper/Paper.mjs';
+export { AddSymbol, AllSymbol, Autocomplete, StyledButton, defaultOptionDisabled } from './components/Autocomplete/Autocomplete.mjs';
+export { InputWrapper } from './components/InputWrapper/InputWrapper.mjs';
+export { useInputField } from './components/InputWrapper/useInputField.mjs';
+export { useSideBar } from './components/SideBar/SideBar.context.mjs';
+export { SidebarLink } from './components/SideBar/SidebarLink/index.mjs';
+export { SideBarContent } from './components/SideBar/SideBarContent.mjs';
+export { SideBarFooter } from './components/SideBar/SideBarFooter.mjs';
+export { SideBarToggle } from './components/SideBar/SideBarToggle.mjs';
+export { SideBarButton } from './components/SideBar/SideBarButton/index.mjs';
+export { SideBarAccordion } from './components/SideBar/SideBarAccordion/index.mjs';
+export { SideBarAccordionItem } from './components/SideBar/SideBarAccordionItem/index.mjs';
+export { DatePicker } from './components/Datepicker/DatePicker.mjs';
+export { DateRangePicker } from './components/Datepicker/DateRangePicker.mjs';

package/dist/esm/node_modules/.pnpm/ramda@0.32.0/node_modules/ramda/es/internal/{_curry1.js → _curry1.mjs}

@@ -1,4 +1,4 @@
-import _isPlaceholder from './_isPlaceholder.js';
+import _isPlaceholder from './_isPlaceholder.mjs';
 
 /**
  * Optimized internal one-arity curry function.

package/dist/esm/node_modules/.pnpm/ramda@0.32.0/node_modules/ramda/es/internal/{_curry2.js → _curry2.mjs}

@@ -1,5 +1,5 @@
-import _curry1 from './_curry1.js';
-import _isPlaceholder from './_isPlaceholder.js';
+import _curry1 from './_curry1.mjs';
+import _isPlaceholder from './_isPlaceholder.mjs';
 
 /**
  * Optimized internal two-arity curry function.

package/dist/esm/node_modules/.pnpm/ramda@0.32.0/node_modules/ramda/es/internal/{_curry3.js → _curry3.mjs}

@@ -1,6 +1,6 @@
-import _curry1 from './_curry1.js';
-import _curry2 from './_curry2.js';
-import _isPlaceholder from './_isPlaceholder.js';
+import _curry1 from './_curry1.mjs';
+import _curry2 from './_curry2.mjs';
+import _isPlaceholder from './_isPlaceholder.mjs';
 
 /**
  * Optimized internal three-arity curry function.

package/dist/esm/node_modules/.pnpm/ramda@0.32.0/node_modules/ramda/es/{mergeDeepRight.js → mergeDeepRight.mjs}

@@ -1,5 +1,5 @@
-import _curry2 from './internal/_curry2.js';
-import mergeDeepWithKey from './mergeDeepWithKey.js';
+import _curry2 from './internal/_curry2.mjs';
+import mergeDeepWithKey from './mergeDeepWithKey.mjs';
 
 /**
  * Creates a new object with the own properties of the first object merged with

package/dist/esm/node_modules/.pnpm/ramda@0.32.0/node_modules/ramda/es/{mergeDeepWithKey.js → mergeDeepWithKey.mjs}

@@ -1,6 +1,6 @@
-import _curry3 from './internal/_curry3.js';
-import _isObject from './internal/_isObject.js';
-import mergeWithKey from './mergeWithKey.js';
+import _curry3 from './internal/_curry3.mjs';
+import _isObject from './internal/_isObject.mjs';
+import mergeWithKey from './mergeWithKey.mjs';
 
 /**
  * Creates a new object with the own properties of the two provided objects.

package/dist/esm/node_modules/.pnpm/ramda@0.32.0/node_modules/ramda/es/{mergeWith.js → mergeWith.mjs}

@@ -1,5 +1,5 @@
-import _curry3 from './internal/_curry3.js';
-import mergeWithKey from './mergeWithKey.js';
+import _curry3 from './internal/_curry3.mjs';
+import mergeWithKey from './mergeWithKey.mjs';
 
 /**
  * Creates a new object with the own properties of the two provided objects. If

package/dist/esm/node_modules/.pnpm/ramda@0.32.0/node_modules/ramda/es/{mergeWithKey.js → mergeWithKey.mjs}

@@ -1,5 +1,5 @@
-import _curry3 from './internal/_curry3.js';
-import _has from './internal/_has.js';
+import _curry3 from './internal/_curry3.mjs';
+import _has from './internal/_has.mjs';
 
 /**
  * Creates a new object with the own properties of the two provided objects. If

package/dist/esm/node_modules/.pnpm/ramda@0.32.0/node_modules/ramda/es/{pickBy.js → pickBy.mjs}

@@ -1,4 +1,4 @@
-import _curry2 from './internal/_curry2.js';
+import _curry2 from './internal/_curry2.mjs';
 
 /**
  * Returns a partial copy of an object containing only the keys that satisfy

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

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

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
-import { TypographyNext } from '../../Typography/Typography.new.js';
+import { TypographyNext } from '../../Typography/Typography.new.mjs';
 
 const SIZE_MAPPING = {
   small: 'sm',

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

@@ -1,8 +1,8 @@
 import { forwardRef, useRef, useId, useEffect } from 'react';
 import { checkbox, checkbox_outline, checkbox_indeterminate } from '@equinor/eds-icons';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Icon } from '../Icon/Icon.js';
-import { Field } from '../Field/Field.js';
+import { Icon } from '../Icon/Icon.mjs';
+import { Field } from '../Field/Field.mjs';
 
 /* eslint camelcase: "off" */
 const classNames = (...classes) => classes.filter(Boolean).join(' ');

package/dist/{esm/components/next/Field/Field.Description.js → esm-next/components/next/Field/Field.Description.mjs}

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

package/dist/{esm/components/next/Field/Field.HelperMessage.js → esm-next/components/next/Field/Field.HelperMessage.mjs}

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
-import { TypographyNext } from '../../Typography/Typography.new.js';
+import { TypographyNext } from '../../Typography/Typography.new.mjs';
 
 /**
  * Field.HelperMessage provides contextual help or validation feedback for form fields.

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

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

package/dist/{esm/components/next/Field/Field.js → esm-next/components/next/Field/Field.mjs}

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
-import { FieldDescription } from './Field.Description.js';
-import { HelperMessage } from './Field.HelperMessage.js';
-import { FieldLabel } from './Field.Label.js';
+import { FieldDescription } from './Field.Description.mjs';
+import { HelperMessage } from './Field.HelperMessage.mjs';
+import { FieldLabel } from './Field.Label.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 const FieldComponent = /*#__PURE__*/forwardRef(function Field({

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

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import { error_filled } from '@equinor/eds-icons';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Icon } from '../Icon/Icon.js';
+import { Icon } from '../Icon/Icon.mjs';
 
 const Input = /*#__PURE__*/forwardRef(function Input({
   invalid = false,

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

@@ -1,8 +1,8 @@
 import { forwardRef, useId } from 'react';
 import { radio_button_selected, radio_button_unselected } from '@equinor/eds-icons';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Icon } from '../Icon/Icon.js';
-import { Field } from '../Field/Field.js';
+import { Icon } from '../Icon/Icon.mjs';
+import { Field } from '../Field/Field.mjs';
 
 /* eslint camelcase: "off" */
 const classNames = (...classes) => classes.filter(Boolean).join(' ');

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

@@ -1,6 +1,6 @@
 import { forwardRef, useId, useState, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Field } from '../Field/Field.js';
+import { Field } from '../Field/Field.mjs';
 
 const Switch = /*#__PURE__*/forwardRef(function Switch({
   label,

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

@@ -1,11 +1,11 @@
 import { forwardRef } from 'react';
 import { info_circle } from '@equinor/eds-icons';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useFieldIds } from '../Field/useFieldIds.js';
-import { Field } from '../Field/Field.js';
-import { Tooltip } from '../../Tooltip/Tooltip.js';
-import { Icon } from '../Icon/Icon.js';
-import { Input } from '../Input/Input.js';
+import { useFieldIds } from '../Field/useFieldIds.mjs';
+import { Field } from '../Field/Field.mjs';
+import { Tooltip } from '../../Tooltip/Tooltip.mjs';
+import { Icon } from '../Icon/Icon.mjs';
+import { Input } from '../Input/Input.mjs';
 
 const TextField = /*#__PURE__*/forwardRef(function TextField({
   label,

package/dist/esm-next/index.next.mjs

@@ -0,0 +1,9 @@
+export { Button } from './components/next/Button/Button.mjs';
+export { Icon } from './components/next/Icon/Icon.mjs';
+export { Field } from './components/next/Field/Field.mjs';
+export { useFieldIds } from './components/next/Field/useFieldIds.mjs';
+export { Checkbox } from './components/next/Checkbox/Checkbox.mjs';
+export { Radio } from './components/next/Radio/Radio.mjs';
+export { Switch } from './components/next/Switch/Switch.mjs';
+export { Input } from './components/next/Input/Input.mjs';
+export { TextField } from './components/next/TextField/TextField.mjs';