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

package/dist/esm/components/Tabs/{TabList.mjs → TabList.js}

@@ -1,7 +1,7 @@
 import { forwardRef, useContext, useRef, useState, useCallback, Children, isValidElement, cloneElement } from 'react';
 import styled from 'styled-components';
 import { mergeRefs } from '@equinor/eds-utils';
-import { TabsContext } from './Tabs.context.mjs';
+import { TabsContext } from './Tabs.context.js';
 import { jsx } from 'react/jsx-runtime';
 
 const variants = {

package/dist/esm/components/Tabs/{TabPanels.mjs → TabPanels.js}

@@ -1,5 +1,5 @@
 import { forwardRef, useContext, Children, isValidElement, cloneElement } from 'react';
-import { TabsContext } from './Tabs.context.mjs';
+import { TabsContext } from './Tabs.context.js';
 import { jsx } from 'react/jsx-runtime';
 
 const TabPanels = /*#__PURE__*/forwardRef(function TabPanels({

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

@@ -1,10 +1,10 @@
 import { forwardRef, useId, useRef, useMemo, useState, useEffect } from 'react';
-import { TabsProvider } from './Tabs.context.mjs';
-import { token } from './Tabs.tokens.mjs';
+import { TabsProvider } from './Tabs.context.js';
+import { token } from './Tabs.tokens.js';
 import { mergeRefs, useToken } from '@equinor/eds-utils';
 import { ThemeProvider } from 'styled-components';
 import { jsx } from 'react/jsx-runtime';
-import { useEds } from '../EdsProvider/eds.context.mjs';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const Tabs = /*#__PURE__*/forwardRef(function Tabs({
   activeTab = 0,

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

@@ -1,8 +1,8 @@
-import { Tabs as Tabs$1 } from './Tabs.mjs';
-import { TabList } from './TabList.mjs';
-import { Tab } from './Tab.mjs';
-import { TabPanels } from './TabPanels.mjs';
-import { TabPanel } from './TabPanel.mjs';
+import { Tabs as Tabs$1 } from './Tabs.js';
+import { TabList } from './TabList.js';
+import { Tab } from './Tab.js';
+import { TabPanels } from './TabPanels.js';
+import { TabPanel } from './TabPanel.js';
 
 const Tabs = Tabs$1;
 Tabs.Tab = Tab;

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

@@ -1,8 +1,8 @@
 import { forwardRef } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useInputField } from '../InputWrapper/useInputField.mjs';
-import { InputWrapper } from '../InputWrapper/InputWrapper.mjs';
-import { Input } from '../Input/Input.mjs';
+import { useInputField } from '../InputWrapper/useInputField.js';
+import { InputWrapper } from '../InputWrapper/InputWrapper.js';
+import { Input } from '../Input/Input.js';
 
 const TextField = /*#__PURE__*/forwardRef(function TextField({
   id,

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

@@ -1,12 +1,12 @@
 import { forwardRef, useMemo } from 'react';
-import * as Input_tokens from '../Input/Input.tokens.mjs';
-import { input as input$1 } from '../Input/Input.tokens.mjs';
+import * as Input_tokens from '../Input/Input.tokens.js';
+import { input as input$1 } from '../Input/Input.tokens.js';
 import { useAutoResize, mergeRefs } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
-import { useInputField } from '../InputWrapper/useInputField.mjs';
-import { InputWrapper } from '../InputWrapper/InputWrapper.mjs';
-import { useEds } from '../EdsProvider/eds.context.mjs';
-import { Input } from '../Input/Input.mjs';
+import { useInputField } from '../InputWrapper/useInputField.js';
+import { InputWrapper } from '../InputWrapper/InputWrapper.js';
+import { useEds } from '../EdsProvider/eds.context.js';
+import { Input } from '../Input/Input.js';
 
 const {
   input

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

@@ -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.mjs';
+import { tooltip } from './Tooltip.tokens.js';
 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';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const StyledTooltip = styled('div').withConfig({
   shouldForwardProp: () => true //workaround to avoid warning until popover gets added to react types

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

@@ -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.mjs';
+import { topbar } from './TopBar.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 StyledTopBar = styled(Paper).withConfig({
   displayName: "TopBar__StyledTopBar",

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

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

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

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

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

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

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

@@ -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.mjs';
+import { quickVariants, typography, link, colors } from './Typography.tokens.js';
 import { jsx } from 'react/jsx-runtime';
 
 const getElementType = (variant, link) => {

package/dist/esm/index.js

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import _curry2 from './internal/_curry2.mjs';
-import mergeDeepWithKey from './mergeDeepWithKey.mjs';
+import _curry2 from './internal/_curry2.js';
+import mergeDeepWithKey from './mergeDeepWithKey.js';
 
 /**
  * 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.mjs → mergeDeepWithKey.js}

@@ -1,6 +1,6 @@
-import _curry3 from './internal/_curry3.mjs';
-import _isObject from './internal/_isObject.mjs';
-import mergeWithKey from './mergeWithKey.mjs';
+import _curry3 from './internal/_curry3.js';
+import _isObject from './internal/_isObject.js';
+import mergeWithKey from './mergeWithKey.js';
 
 /**
  * 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.mjs → mergeWith.js}

@@ -1,5 +1,5 @@
-import _curry3 from './internal/_curry3.mjs';
-import mergeWithKey from './mergeWithKey.mjs';
+import _curry3 from './internal/_curry3.js';
+import mergeWithKey from './mergeWithKey.js';
 
 /**
  * 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.mjs → mergeWithKey.js}

@@ -1,5 +1,5 @@
-import _curry3 from './internal/_curry3.mjs';
-import _has from './internal/_has.mjs';
+import _curry3 from './internal/_curry3.js';
+import _has from './internal/_has.js';
 
 /**
  * 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.mjs → pickBy.js}

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

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

@@ -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.mjs';
+import { tooltip } from './Tooltip.tokens.js';
 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';
+import { useEds } from '../EdsProvider/eds.context.js';
 
 const StyledTooltip = styled('div').withConfig({
   shouldForwardProp: () => true //workaround to avoid warning until popover gets added to react types

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

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
-import { TypographyNext } from '../../Typography/Typography.new.mjs';
+import { TypographyNext } from '../../Typography/Typography.new.js';
 
 const SIZE_MAPPING = {
   small: 'sm',
@@ -32,18 +32,16 @@ const Button = /*#__PURE__*/forwardRef(function Button({
     "data-variant": variant,
     "data-selectable-space": selectableSpace,
     "data-space-proportions": "squished",
-    "data-font-family": "ui",
-    "data-font-size": typographySize,
-    "data-line-height": "squished",
     "data-color-appearance": disabled ? 'neutral' : tone,
     "data-icon-only": icon || undefined,
     "data-round": icon && round ? true : undefined,
     ...rest,
-    children: /*#__PURE__*/jsx(TypographyNext, {
+    children: icon ? children : /*#__PURE__*/jsx(TypographyNext, {
+      as: "span",
       family: "ui",
       size: typographySize,
-      baseline: "center",
       lineHeight: "squished",
+      baseline: "center",
       children: children
     })
   });

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

@@ -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.mjs';
-import { Field } from '../Field/Field.mjs';
+import { Icon } from '../Icon/Icon.js';
+import { Field } from '../Field/Field.js';
 
 /* eslint camelcase: "off" */
 const classNames = (...classes) => classes.filter(Boolean).join(' ');

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

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

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

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

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

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

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

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

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

@@ -1,10 +1,11 @@
 import { forwardRef } from 'react';
 import { error_filled } from '@equinor/eds-icons';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Icon } from '../Icon/Icon.mjs';
+import { Icon } from '../Icon/Icon.js';
 
 const Input = /*#__PURE__*/forwardRef(function Input({
   invalid = false,
+  hideErrorIcon = false,
   disabled,
   readOnly,
   type = 'text',
@@ -17,8 +18,8 @@ const Input = /*#__PURE__*/forwardRef(function Input({
   as: Component = 'input',
   ...inputProps
 }, ref) {
-  const tone = invalid && !disabled ? 'danger' : 'neutral';
-  const showErrorIcon = invalid && !disabled;
+  const tone = invalid && !disabled && !readOnly ? 'danger' : 'neutral';
+  const displayErrorIcon = !hideErrorIcon && invalid && !disabled && !readOnly;
   const hasStartAdornment = startText || startAdornment;
   const hasEndAdornment = endText || endAdornment;
   const containerClasses = ['eds-input-container', containerClassName].filter(Boolean).join(' ');
@@ -31,7 +32,7 @@ const Input = /*#__PURE__*/forwardRef(function Input({
     "data-disabled": disabled || undefined,
     "data-readonly": readOnly || undefined,
     "data-invalid": invalid || undefined,
-    children: [showErrorIcon && /*#__PURE__*/jsx("span", {
+    children: [displayErrorIcon && /*#__PURE__*/jsx("span", {
       className: "eds-error-icon",
       "data-font-size": "xs",
       "data-font-family": "ui",
@@ -41,10 +42,9 @@ const Input = /*#__PURE__*/forwardRef(function Input({
       })
     }), hasStartAdornment && /*#__PURE__*/jsxs("div", {
       className: "eds-adornment",
-      "data-font-size": "xs",
+      "data-color-appearance": "neutral",
       children: [startText && /*#__PURE__*/jsx("span", {
         className: "eds-adornment__text",
-        "data-color-appearance": "neutral",
         "data-font-family": "ui",
         "data-font-size": "xs",
         "data-baseline": "center",
@@ -52,8 +52,6 @@ const Input = /*#__PURE__*/forwardRef(function Input({
       }), startAdornment && /*#__PURE__*/jsx("span", {
         className: "eds-adornment__adornment",
         "data-font-size": "xs",
-        "data-font-family": "ui",
-        "data-baseline": "center",
         children: startAdornment
       })]
     }), /*#__PURE__*/jsx(Component, {
@@ -70,10 +68,9 @@ const Input = /*#__PURE__*/forwardRef(function Input({
       "aria-invalid": invalid || undefined
     }), hasEndAdornment && /*#__PURE__*/jsxs("div", {
       className: "eds-adornment",
-      "data-font-size": "xs",
+      "data-color-appearance": "neutral",
       children: [endText && /*#__PURE__*/jsx("span", {
         className: "eds-adornment__text",
-        "data-color-appearance": "neutral",
         "data-font-family": "ui",
         "data-font-size": "xs",
         "data-baseline": "center",
@@ -81,8 +78,6 @@ const Input = /*#__PURE__*/forwardRef(function Input({
       }), endAdornment && /*#__PURE__*/jsx("span", {
         className: "eds-adornment__adornment",
         "data-font-size": "xs",
-        "data-font-family": "ui",
-        "data-baseline": "center",
         children: endAdornment
       })]
     })]

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

@@ -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.mjs';
-import { Field } from '../Field/Field.mjs';
+import { Icon } from '../Icon/Icon.js';
+import { Field } from '../Field/Field.js';
 
 /* eslint camelcase: "off" */
 const classNames = (...classes) => classes.filter(Boolean).join(' ');

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

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

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

@@ -1,11 +1,12 @@
 import { forwardRef } from 'react';
 import { info_circle } from '@equinor/eds-icons';
 import { jsxs, jsx } from 'react/jsx-runtime';
-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';
+import { useFieldIds } from '../Field/useFieldIds.js';
+import { Field } from '../Field/Field.js';
+import { Tooltip } from '../../Tooltip/Tooltip.js';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+import { Input } from '../Input/Input.js';
 
 const TextField = /*#__PURE__*/forwardRef(function TextField({
   label,
@@ -35,8 +36,12 @@ const TextField = /*#__PURE__*/forwardRef(function TextField({
       }), labelInfo && /*#__PURE__*/jsx(Tooltip, {
         title: labelInfo,
         placement: "top",
-        children: /*#__PURE__*/jsx("button", {
-          type: "button",
+        children: /*#__PURE__*/jsx(Button, {
+          variant: "ghost",
+          icon: true,
+          round: true,
+          size: "small",
+          tone: "neutral",
           className: "eds-text-field__info",
           "aria-label": "More information",
           children: /*#__PURE__*/jsx(Icon, {

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

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