@equinor/amplify-component-lib 12.0.7 → 13.1.0

package/dist/molecules/Dialog/Dialog.d.ts

@@ -1,6 +1,7 @@
-import * as react21 from "react";
+import { ButtonColors, ButtonVariants } from "../Button/types.js";
+import * as react12 from "react";
 import { ReactNode } from "react";
-import { ButtonProps, DialogProps } from "@equinor/eds-core-react";
+import { DialogProps } from "@equinor/eds-core-react";
 import { IconData } from "@equinor/eds-icons";
 
 //#region src/molecules/Dialog/Dialog.d.ts
@@ -17,8 +18,8 @@ interface DialogAction {
   position?: 'left' | 'center' | 'right';
   onClick: () => void;
   text: string;
-  variant?: ButtonProps['variant'];
-  color?: ButtonProps['color'];
+  variant?: ButtonVariants;
+  color?: ButtonColors;
   icon?: IconData;
   disabled?: boolean | string;
   isLoading?: boolean;
@@ -51,6 +52,6 @@ interface DialogProps$1 extends Omit<DialogProps, 'title'> {
  * @param additionalInfo - Defaults to empty, and won't show the additional info button
  * Also inherits props from EDS dialog
  */
-declare const Dialog$1: react21.ForwardRefExoticComponent<DialogProps$1 & react21.RefAttributes<HTMLDivElement>>;
+declare const Dialog$1: react12.ForwardRefExoticComponent<DialogProps$1 & react12.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Dialog$1 as Dialog, DialogAction, DialogProps$1 as DialogProps };

package/dist/molecules/Dialog/Dialog.js

@@ -1 +1 @@
-import{AdditionalInfoBanner as e,DialogActions as t,DialogContent as n,DialogElement as r,DialogTitle as i,InfoIconWrapper as a}from"./Dialog.styles.js";import{DialogAction as o}from"./DialogAction.js";import{forwardRef as s,useState as c}from"react";import{Button as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{close as m,info_circle as h}from"@equinor/eds-icons";const g=s(({title:s,children:g,width:_,actions:v,withContentPadding:y,withBorders:b=!1,contentMaxHeight:x=`60vh`,hideClose:S,additionalInfo:C,...w},T)=>{let{horizontal:E=!0,vertical:D=!0}=y??{},[O,k]=c(!1),A=v?.filter(e=>e.position===`left`),j=v?.filter(e=>e.position===`center`),M=v?.filter(e=>e.position===void 0||e.position===`right`),N=typeof s==`string`?f(d,{variant:`h6`,children:s}):s,P=typeof g==`string`?f(d,{variant:`body_long`,children:g}):g;return p(r,{...w,ref:T,style:{width:_?typeof _==`string`?_:`${_}px`:void 0,...w.style},children:[p(i,{$withBorders:b,style:{width:_?`${_}px`:void 0},children:[f(`section`,{children:N}),p(`div`,{children:[C&&f(l,{variant:`ghost_icon`,onClick:()=>k(e=>!e),"data-testid":`dialog-info-button`,children:f(u,{data:h})}),!S&&f(l,{variant:`ghost_icon`,onClick:w.onClose,"data-testid":`dialog-close-button`,children:f(u,{data:m,"data-testid":`dialog-close-icon`,size:24})})]})]}),p(n,{$withContentPaddingX:E,$withContentPaddingY:D,style:{width:_?`${_}px`:void 0,maxHeight:x},children:[O&&C&&p(e,{children:[f(a,{children:f(u,{data:h,size:24})}),C]}),P]}),v&&v.length>0&&p(t,{$withBorders:b,style:{width:_?`${_}px`:void 0},children:[A&&A.length>0&&f(`section`,{id:`dialog-actions-left`,children:A.map(e=>f(o,{...e},e.text))}),j&&j.length>0&&f(`section`,{id:`dialog-actions-center`,children:j.map(e=>f(o,{...e},e.text))}),M&&M.length>0&&f(`section`,{id:`dialog-actions-right`,children:M.map(e=>f(o,{...e},e.text))})]})]})});g.displayName=`Dialog`;export{g as Dialog};
+import{AdditionalInfoBanner as e,DialogActions as t,DialogContent as n,DialogElement as r,DialogTitle as i,InfoIconWrapper as a}from"./Dialog.styles.js";import{DialogAction as o}from"./DialogAction.js";import{forwardRef as s,useState as c}from"react";import{Button as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{close as m,info_circle as h}from"@equinor/eds-icons";const g=s(({title:s,children:g,width:_,actions:v,withContentPadding:y,withBorders:b=!1,contentMaxHeight:x=`60vh`,hideClose:S,additionalInfo:C,...w},T)=>{let{horizontal:E=!0,vertical:D=!0}=y??{},[O,k]=c(!1),A=v?.filter(e=>e.position===`left`),j=v?.filter(e=>e.position===`center`),M=v?.filter(e=>e.position===void 0||e.position===`right`),N=typeof s==`string`?f(d,{variant:`h6`,children:s}):s,P=typeof g==`string`?f(d,{variant:`body_long`,children:g}):g;return p(r,{...w,ref:T,style:{width:_?typeof _==`string`?_:`${_}px`:void 0,...w.style},children:[p(i,{$withBorders:b,style:{width:_?`${_}px`:void 0},children:[f(`section`,{children:N}),p(`div`,{children:[C&&f(l,{variant:`ghost_icon`,onClick:()=>k(e=>!e),"data-testid":`dialog-info-button`,children:f(u,{data:h})}),!S&&f(l,{variant:`ghost_icon`,onClick:w.onClose,"data-testid":`dialog-close-button`,children:f(u,{data:m,"data-testid":`dialog-close-icon`,size:24})})]})]}),p(n,{$withContentPaddingX:E,$withContentPaddingY:D,style:{width:_?`${_}px`:void 0,maxHeight:x},children:[O&&C&&p(e,{children:[f(a,{children:f(u,{data:h,size:24})}),C]}),P]}),v&&v.length>0&&p(t,{"data-testid":`dialog-actions`,$withBorders:b,style:{width:_?`${_}px`:void 0},children:[A&&A.length>0&&f(`section`,{id:`dialog-actions-left`,children:A.map(e=>f(o,{...e},e.text))}),j&&j.length>0&&f(`section`,{id:`dialog-actions-center`,children:j.map(e=>f(o,{...e},e.text))}),M&&M.length>0&&f(`section`,{id:`dialog-actions-right`,children:M.map(e=>f(o,{...e},e.text))})]})]})});g.displayName=`Dialog`;export{g as Dialog};

package/dist/molecules/Dialog/DialogAction.js

@@ -1 +1 @@
-import{Button as e}from"../Button/Button.js";import{OptionalTooltip as t}from"../OptionalTooltip/OptionalTooltip.js";import{Icon as n}from"@equinor/eds-core-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({text:a,variant:o,color:s,onClick:c,icon:l,disabled:u,isLoading:d=!1})=>r(t,{title:typeof u==`string`?u:``,children:i(e,{variant:o,color:s,onClick:c,disabled:u!==void 0&&!!u,loading:d,children:[l&&r(n,{data:l}),a]})});export{a as DialogAction};
+import{Button as e}from"../Button/Button.js";import{OptionalTooltip as t}from"../OptionalTooltip/OptionalTooltip.js";import{Icon as n}from"@equinor/eds-core-react";import{jsx as r}from"react/jsx-runtime";const i=({text:i,variant:a,color:o,onClick:s,icon:c,disabled:l,isLoading:u=!1})=>r(t,{title:typeof l==`string`?l:``,children:r(e,{variant:a,color:o,onClick:s,disabled:l!==void 0&&!!l,loading:u,leadingContent:c&&r(n,{data:c}),children:i})});export{i as DialogAction};

package/dist/molecules/EquinorLogo/EquinorLogo.d.ts

@@ -1,11 +1,11 @@
 import { SizeIconProps } from "../../atoms/types/Icon.js";
-import * as react15 from "react";
+import * as react14 from "react";
 
 //#region src/molecules/EquinorLogo/EquinorLogo.d.ts
 interface EquinorLogoProps extends Partial<SizeIconProps> {
   large?: boolean;
   color?: 'red' | 'white' | 'black';
 }
-declare const EquinorLogo: react15.ForwardRefExoticComponent<EquinorLogoProps & react15.RefAttributes<SVGSVGElement>>;
+declare const EquinorLogo: react14.ForwardRefExoticComponent<EquinorLogoProps & react14.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { EquinorLogo, EquinorLogoProps };

package/dist/molecules/FileUploadArea/FileUploadArea.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{Button as t}from"../Button/Button.js";import{OptionalTooltip as n}from"../OptionalTooltip/OptionalTooltip.js";import{DividerRow as r,MediumUploadWrapper as i,SmallUploadWrapper as a,UploadWrapper as o}from"./FileUploadArea.styles.js";import{FILE_UPLOAD_SCRIM_ID as s}from"./FileUploadArea.constants.js";import{UploadIllustration as c}from"./UploadIllustration.js";import{useEffect as l,useMemo as u,useState as d}from"react";import{Icon as f,Typography as p}from"@equinor/eds-core-react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{folder as g}from"@equinor/eds-icons";import{useDropzone as _}from"react-dropzone";const v=({size:v=`large`,...y})=>{let{getRootProps:b,getInputProps:x,isDragActive:S}=_({...y}),[C,w]=d(!1);l(()=>{let e=e=>{e.preventDefault(),C||w(!0)},t=e=>{(e.clientX===0||e.clientY===0||e.clientX===window.innerWidth||e.clientY===window.innerHeight)&&w(!1)},n=()=>{w(!1)},r=()=>{w(!1)};return window.addEventListener(`dragover`,e),window.addEventListener(`dragleave`,t),window.addEventListener(`drop`,n),window.addEventListener(`dragend`,r),()=>{window.removeEventListener(`dragover`,e),window.removeEventListener(`dragleave`,t),window.removeEventListener(`drop`,n),window.removeEventListener(`dragend`,r)}},[C]),l(()=>{if(C){if(!document.getElementById(`file-upload-scrim`)){let t=document.createElement(`div`);t.id=s,t.style.position=`fixed`,t.style.top=`0`,t.style.left=`0`,t.style.width=`100%`,t.style.height=`100%`,t.style.backgroundColor=e.ui.background__scrim.rgba,t.style.zIndex=`9999`,t.style.pointerEvents=`none`,window.document.body.appendChild(t)}}else{let e=document.getElementById(s);e!==null&&e.remove()}},[C]);let T=u(()=>{if(y.accept)return Object.values(y.accept).join(`, `)},[y.accept]);return v==`small`?h(a,{...b(),style:{background:S?e.interactive.primary__hover_alt.rgba:void 0},children:[m(`input`,{"data-testid":`file-upload-area-input`,...x()}),m(c,{}),m(p,{variant:`meta`,children:`Upload file`}),y.accept&&m(n,{title:`Supported filetypes: ${T}`,children:h(p,{variant:`meta`,children:[`(`,T,`)`]})})]}):v==`medium`?h(i,{...b(),style:{background:S?e.interactive.primary__hover_alt.rgba:void 0},children:[m(`input`,{"data-testid":`file-upload-area-input`,...x()}),m(c,{}),h(`section`,{children:[m(p,{variant:`button`,group:`navigation`,children:`Drag files here`}),y.accept&&m(n,{title:`Supported filetypes: ${T}`,children:m(p,{group:`paragraph`,variant:`meta`,color:e.text.static_icons__tertiary.rgba,children:T})})]}),h(r,{children:[m(`hr`,{}),m(p,{variant:`meta`,children:`OR`}),m(`hr`,{})]}),h(t,{variant:`ghost`,onClick:b().onClick,children:[m(f,{data:g}),`Browse files`]})]}):h(o,{...b(),onClick:void 0,style:{background:S?e.interactive.primary__hover_alt.rgba:void 0},children:[m(`input`,{"data-testid":`file-upload-area-input`,...x()}),m(c,{}),h(`section`,{children:[m(p,{variant:`button`,group:`navigation`,children:`Drag files here to upload.`}),y.accept&&h(p,{group:`paragraph`,variant:`meta`,color:e.text.static_icons__tertiary.rgba,children:[`Supported filetypes: `,T]})]}),h(r,{children:[m(`hr`,{}),m(p,{variant:`button`,group:`navigation`,children:`OR`}),m(`hr`,{})]}),h(t,{variant:`ghost`,onClick:b().onClick,children:[m(f,{data:g}),`Browse files`]})]})};export{v as FileUploadArea};
+import{colors as e}from"../../atoms/style/colors.js";import{Button as t}from"../Button/Button.js";import{OptionalTooltip as n}from"../OptionalTooltip/OptionalTooltip.js";import{DividerRow as r,MediumUploadWrapper as i,SmallUploadWrapper as a,UploadWrapper as o}from"./FileUploadArea.styles.js";import{FILE_UPLOAD_SCRIM_ID as s}from"./FileUploadArea.constants.js";import{UploadIllustration as c}from"./UploadIllustration.js";import{useEffect as l,useMemo as u,useState as d}from"react";import{Icon as f,Typography as p}from"@equinor/eds-core-react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{folder as g}from"@equinor/eds-icons";import{useDropzone as _}from"react-dropzone";const v=({size:v=`large`,...y})=>{let{getRootProps:b,getInputProps:x,isDragActive:S}=_({...y}),[C,w]=d(!1);l(()=>{let e=e=>{e.preventDefault(),C||w(!0)},t=e=>{(e.clientX===0||e.clientY===0||e.clientX===window.innerWidth||e.clientY===window.innerHeight)&&w(!1)},n=()=>{w(!1)},r=()=>{w(!1)};return window.addEventListener(`dragover`,e),window.addEventListener(`dragleave`,t),window.addEventListener(`drop`,n),window.addEventListener(`dragend`,r),()=>{window.removeEventListener(`dragover`,e),window.removeEventListener(`dragleave`,t),window.removeEventListener(`drop`,n),window.removeEventListener(`dragend`,r)}},[C]),l(()=>{if(C){if(!document.getElementById(`file-upload-scrim`)){let t=document.createElement(`div`);t.id=s,t.style.position=`fixed`,t.style.top=`0`,t.style.left=`0`,t.style.width=`100%`,t.style.height=`100%`,t.style.backgroundColor=e.ui.background__scrim.rgba,t.style.zIndex=`9999`,t.style.pointerEvents=`none`,window.document.body.appendChild(t)}}else{let e=document.getElementById(s);e!==null&&e.remove()}},[C]);let T=u(()=>{if(y.accept)return Object.values(y.accept).join(`, `)},[y.accept]);return v==`small`?h(a,{...b(),style:{background:S?e.interactive.primary__hover_alt.rgba:void 0},children:[m(`input`,{"data-testid":`file-upload-area-input`,...x()}),m(c,{}),m(p,{variant:`meta`,children:`Upload file`}),y.accept&&m(n,{title:`Supported filetypes: ${T}`,children:h(p,{variant:`meta`,children:[`(`,T,`)`]})})]}):v==`medium`?h(i,{...b(),style:{background:S?e.interactive.primary__hover_alt.rgba:void 0},children:[m(`input`,{"data-testid":`file-upload-area-input`,...x()}),m(c,{}),h(`section`,{children:[m(p,{variant:`button`,group:`navigation`,children:`Drag files here`}),y.accept&&m(n,{title:`Supported filetypes: ${T}`,children:m(p,{group:`paragraph`,variant:`meta`,color:e.text.static_icons__tertiary.rgba,children:T})})]}),h(r,{children:[m(`hr`,{}),m(p,{variant:`meta`,children:`OR`}),m(`hr`,{})]}),m(t,{variant:`ghost`,onClick:b().onClick,leadingContent:m(f,{data:g}),children:`Browse files`})]}):h(o,{...b(),onClick:void 0,style:{background:S?e.interactive.primary__hover_alt.rgba:void 0},children:[m(`input`,{"data-testid":`file-upload-area-input`,...x()}),m(c,{}),h(`section`,{children:[m(p,{variant:`button`,group:`navigation`,children:`Drag files here to upload.`}),y.accept&&h(p,{group:`paragraph`,variant:`meta`,color:e.text.static_icons__tertiary.rgba,children:[`Supported filetypes: `,T]})]}),h(r,{children:[m(`hr`,{}),m(p,{variant:`button`,group:`navigation`,children:`OR`}),m(`hr`,{})]}),m(t,{variant:`ghost`,onClick:b().onClick,leadingContent:m(f,{data:g}),children:`Browse files`})]})};export{v as FileUploadArea};

package/dist/molecules/IconCell/IconCell.d.ts

@@ -1,5 +1,5 @@
 import { IconCellColor, IconCellState, IconCellVariant, IconCellVariants } from "./IconCell.types.js";
-import * as react23 from "react";
+import * as react6 from "react";
 import { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -49,6 +49,6 @@ type IconCellProps = ScribbledOutProps | RegularIconCellProps;
  * @param {React.Ref<HTMLButtonElement>} ref - Ref forwarded to the inner button element.
  * @returns {JSX.Element} The rendered IconCell.
  */
-declare const IconCell: react23.ForwardRefExoticComponent<IconCellProps & react23.RefAttributes<HTMLButtonElement>>;
+declare const IconCell: react6.ForwardRefExoticComponent<IconCellProps & react6.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconCell, IconCellProps };

package/dist/molecules/ListItem/ListItem.d.ts

@@ -1,4 +1,4 @@
-import * as react160 from "react";
+import * as react57 from "react";
 import { FocusEventHandler, HTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -15,6 +15,6 @@ interface ListItemProps extends HTMLAttributes<HTMLButtonElement> {
   isChild?: boolean;
   borderBottom?: boolean;
 }
-declare const ListItem: react160.ForwardRefExoticComponent<ListItemProps & react160.RefAttributes<HTMLButtonElement>>;
+declare const ListItem: react57.ForwardRefExoticComponent<ListItemProps & react57.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ListItem, ListItemProps };

package/dist/molecules/OptionDrawer/OptionDrawer.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, MouseEvent } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/molecules/OptionDrawer/OptionDrawer.d.ts
 interface ToggleEventProps<T> {
@@ -43,7 +43,7 @@ declare const OptionDrawer: {
     openAll,
     showIntermediateParent,
     parentHasNestedItems
-  }: OptionDrawerProps<T>): react_jsx_runtime1.JSX.Element;
+  }: OptionDrawerProps<T>): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts

@@ -1,4 +1,4 @@
-import * as react27 from "react";
+import * as react43 from "react";
 import { TooltipProps } from "@equinor/eds-core-react";
 import * as _floating_ui_utils0 from "@floating-ui/utils";
 
@@ -6,14 +6,14 @@ import * as _floating_ui_utils0 from "@floating-ui/utils";
 type OptionalTooltipProps = {
   textTransform?: string;
 } & TooltipProps;
-declare const OptionalTooltip: react27.ForwardRefExoticComponent<{
+declare const OptionalTooltip: react43.ForwardRefExoticComponent<{
   textTransform?: string;
 } & {
   placement?: _floating_ui_utils0.Placement;
-  title?: react27.ReactNode;
+  title?: react43.ReactNode;
   children: React.ReactElement & React.RefAttributes<HTMLElement>;
   enterDelay?: number;
   portalContainer?: HTMLElement;
-} & Omit<react27.HTMLAttributes<HTMLDivElement>, "title"> & react27.RefAttributes<HTMLDivElement>>;
+} & Omit<react43.HTMLAttributes<HTMLDivElement>, "title"> & react43.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { OptionalTooltip, OptionalTooltipProps };

package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts

@@ -1,4 +1,4 @@
-import * as react25 from "react";
+import * as react47 from "react";
 
 //#region src/molecules/ProfileAvatar/ProfileAvatar.d.ts
 interface ProfileAvatarProps {
@@ -7,6 +7,6 @@ interface ProfileAvatarProps {
   size?: 'small' | 'small-medium' | 'medium' | 'large' | 'x-large' | number;
   disabled?: boolean;
 }
-declare const ProfileAvatar: react25.ForwardRefExoticComponent<ProfileAvatarProps & react25.RefAttributes<HTMLDivElement>>;
+declare const ProfileAvatar: react47.ForwardRefExoticComponent<ProfileAvatarProps & react47.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ProfileAvatar, ProfileAvatarProps };

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.d.ts

@@ -1,11 +1,11 @@
 import { EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures } from "../RichTextEditor.types.js";
 import { MenuButtonProps } from "./MenuButton.js";
 import { AddImageProps } from "./AddImageButton.js";
-import * as react31 from "react";
+import * as react29 from "react";
 import { FC } from "react";
-import * as styled_components3 from "styled-components";
+import * as styled_components5 from "styled-components";
 import { Editor } from "@tiptap/react";
-import * as styled_components_dist_types0 from "styled-components/dist/types";
+import * as styled_components_dist_types1 from "styled-components/dist/types";
 
 //#region src/molecules/RichTextEditor/MenuBar/MenuBar.d.ts
 interface MenuBarProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
@@ -14,10 +14,10 @@ interface MenuBarProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
 }
 declare const AmplifyBar: FC<MenuBarProps>;
 declare const EditorMenu: {
-  Bar: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-  Bars: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-  Button: react31.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react31.RefAttributes<HTMLButtonElement>>;
-  Section: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
+  Bar: styled_components_dist_types1.IStyledComponentBase<"web", styled_components5.FastOmit<react29.DetailedHTMLProps<react29.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react29.DetailedHTMLProps<react29.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+  Bars: styled_components_dist_types1.IStyledComponentBase<"web", styled_components5.FastOmit<react29.DetailedHTMLProps<react29.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react29.DetailedHTMLProps<react29.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+  Button: react29.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react29.RefAttributes<HTMLButtonElement>>;
+  Section: styled_components_dist_types1.IStyledComponentBase<"web", styled_components5.FastOmit<react29.DetailedHTMLProps<react29.HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<react29.DetailedHTMLProps<react29.HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
   AddImageButton: FC<AddImageProps>;
 };
 declare const EditorText: {

package/dist/molecules/RichTextEditor/MenuBar/Table/TableColumn.js

@@ -1 +1 @@
-import{amplify_table_add_column_left as e,amplify_table_add_column_right as t,amplify_table_remove_column as n}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as r}from"../MenuBar.styles.js";import{MenuButton as i}from"../MenuButton.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>o(r,{children:[a(i,{tooltip:`Add column left`,icon:e,onClick:()=>s.chain().focus().addColumnBefore().run(),disabled:!s.can().addColumnBefore()}),a(i,{tooltip:`Add column right`,icon:t,onClick:()=>s.chain().focus().addColumnAfter().run(),disabled:!s.can().addColumnAfter()}),a(i,{tooltip:`Remove column`,icon:n,onClick:()=>s.chain().focus().deleteColumn().run(),disabled:!s.can().deleteColumn()})]});export{s as TableColumn};
+import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{amplify_table_add_column_left as n,amplify_table_add_column_right as r,amplify_table_remove_column as i}from"../../../../atoms/icons/wysiwyg.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>o(e,{children:[a(t,{tooltip:`Add column left`,icon:n,onClick:()=>s.chain().focus().addColumnBefore().run(),disabled:!s.can().addColumnBefore()}),a(t,{tooltip:`Add column right`,icon:r,onClick:()=>s.chain().focus().addColumnAfter().run(),disabled:!s.can().addColumnAfter()}),a(t,{tooltip:`Remove column`,icon:i,onClick:()=>s.chain().focus().deleteColumn().run(),disabled:!s.can().deleteColumn()})]});export{s as TableColumn};

package/dist/molecules/RichTextEditor/MenuBar/Table/TableMerge.js

@@ -1 +1 @@
-import{amplify_table_merge_cells as e,amplify_table_split_cell as t}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as n}from"../MenuBar.styles.js";import{MenuButton as r}from"../MenuButton.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>a(n,{children:[i(r,{tooltip:`Merge selected cells`,icon:e,onClick:()=>o.chain().focus().mergeCells().run(),disabled:!o.can().mergeCells()}),i(r,{tooltip:`Split selected cell`,icon:t,onClick:()=>o.chain().focus().splitCell().run(),disabled:!o.can().splitCell()})]});export{o as TableMerge};
+import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{amplify_table_merge_cells as n,amplify_table_split_cell as r}from"../../../../atoms/icons/wysiwyg.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>a(e,{children:[i(t,{tooltip:`Merge selected cells`,icon:n,onClick:()=>o.chain().focus().mergeCells().run(),disabled:!o.can().mergeCells()}),i(t,{tooltip:`Split selected cell`,icon:r,onClick:()=>o.chain().focus().splitCell().run(),disabled:!o.can().splitCell()})]});export{o as TableMerge};

package/dist/molecules/RichTextEditor/MenuBar/Table/TableRow.js

@@ -1 +1 @@
-import{amplify_table_add_row_above as e,amplify_table_add_row_below as t,amplify_table_remove_row as n}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as r}from"../MenuBar.styles.js";import{MenuButton as i}from"../MenuButton.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>o(r,{children:[a(i,{tooltip:`Add row below`,icon:t,onClick:()=>s.chain().focus().addRowAfter().run(),disabled:!s.can().addRowAfter()}),a(i,{tooltip:`Add row above`,icon:e,onClick:()=>s.chain().focus().addRowBefore().run(),disabled:!s.can().addRowBefore()}),a(i,{tooltip:`Remove row`,icon:n,onClick:()=>s.chain().focus().deleteRow().run(),disabled:!s.can().deleteRow()})]});export{s as TableRow};
+import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{amplify_table_add_row_above as n,amplify_table_add_row_below as r,amplify_table_remove_row as i}from"../../../../atoms/icons/wysiwyg.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>o(e,{children:[a(t,{tooltip:`Add row below`,icon:r,onClick:()=>s.chain().focus().addRowAfter().run(),disabled:!s.can().addRowAfter()}),a(t,{tooltip:`Add row above`,icon:n,onClick:()=>s.chain().focus().addRowBefore().run(),disabled:!s.can().addRowBefore()}),a(t,{tooltip:`Remove row`,icon:i,onClick:()=>s.chain().focus().deleteRow().run(),disabled:!s.can().deleteRow()})]});export{s as TableRow};

package/dist/molecules/RichTextEditor/MenuBar/Table/ToggleTable.js

@@ -1 +1 @@
-import{amplify_table_column_heading as e,amplify_table_row_heading as t}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as n}from"../MenuBar.styles.js";import{MenuButton as r}from"../MenuButton.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>a(n,{children:[i(r,{tooltip:`Toggle header row`,icon:t,onClick:()=>o.chain().focus().toggleHeaderRow().run(),disabled:!o.can().toggleHeaderRow()}),i(r,{tooltip:`Toggle header column`,icon:e,onClick:()=>o.chain().focus().toggleHeaderColumn().run(),disabled:!o.can().toggleHeaderColumn()})]});export{o as ToggleTable};
+import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{amplify_table_column_heading as n,amplify_table_row_heading as r}from"../../../../atoms/icons/wysiwyg.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>a(e,{children:[i(t,{tooltip:`Toggle header row`,icon:r,onClick:()=>o.chain().focus().toggleHeaderRow().run(),disabled:!o.can().toggleHeaderRow()}),i(t,{tooltip:`Toggle header column`,icon:n,onClick:()=>o.chain().focus().toggleHeaderColumn().run(),disabled:!o.can().toggleHeaderColumn()})]});export{o as ToggleTable};

package/dist/molecules/RichTextEditor/index.d.ts

@@ -2,17 +2,17 @@ import { EditorStylingProps, RichTextContentProps } from "./RichTextEditor.style
 import { EditorProviderProps } from "./EditorProvider.js";
 import { MenuBarProps } from "./MenuBar/MenuBar.js";
 import { RichTextEditor } from "./RichTextEditor.js";
-import * as react45 from "react";
-import * as styled_components6 from "styled-components";
+import * as react18 from "react";
+import * as styled_components0 from "styled-components";
 import * as _tiptap_react0 from "@tiptap/react";
-import * as styled_components_dist_types3 from "styled-components/dist/types";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/molecules/RichTextEditor/index.d.ts
 declare const RichText: {
-  Styling: styled_components_dist_types3.IStyledComponentBase<"web", styled_components6.FastOmit<styled_components6.FastOmit<react45.DetailedHTMLProps<react45.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never> & Partial<Pick<styled_components6.FastOmit<react45.DetailedHTMLProps<react45.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never>>> & string;
-  Provider: react45.FC<EditorProviderProps>;
-  Content: styled_components_dist_types3.IStyledComponentBase<"web", styled_components6.FastOmit<styled_components6.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react45.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never> & Partial<Pick<styled_components6.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react45.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never>>> & string & Omit<react45.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react45.RefAttributes<HTMLDivElement>>, keyof react45.Component<any, {}, any>>;
-  Bar: react45.FC<MenuBarProps>;
+  Styling: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<react18.DetailedHTMLProps<react18.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never> & Partial<Pick<styled_components0.FastOmit<react18.DetailedHTMLProps<react18.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never>>> & string;
+  Provider: react18.FC<EditorProviderProps>;
+  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react18.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never> & Partial<Pick<styled_components0.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react18.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never>>> & string & Omit<react18.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react18.RefAttributes<HTMLDivElement>>, keyof react18.Component<any, {}, any>>;
+  Bar: react18.FC<MenuBarProps>;
 };
 //#endregion
 export { RichText };

package/dist/molecules/Search/Search.d.ts

@@ -1,10 +1,10 @@
-import * as react56 from "react";
+import * as react51 from "react";
 import { SearchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/Search/Search.d.ts
 interface SearchProps$1 extends SearchProps {
   lightBackground?: boolean;
 }
-declare const Search$1: react56.ForwardRefExoticComponent<SearchProps$1 & react56.RefAttributes<HTMLInputElement>>;
+declare const Search$1: react51.ForwardRefExoticComponent<SearchProps$1 & react51.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Search$1 as Search };

package/dist/molecules/Select/ComboBox/ComboBox.d.ts

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, MultiSelectCommon, SelectOptionRequired } from "../Select.types.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/molecules/Select/ComboBox/ComboBox.d.ts
 type ComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & MultiSelectCommon<T> & (ListSelectProps<T> | GroupedSelectProps<T>);
@@ -17,6 +17,6 @@ type ComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & Mult
  * @param showSelectedAsText - If values should be shown as "5/10 Selected", defaults to false
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  */
-declare function ComboBox<T extends SelectOptionRequired>(props: ComboBoxProps<T>): react_jsx_runtime2.JSX.Element;
+declare function ComboBox<T extends SelectOptionRequired>(props: ComboBoxProps<T>): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { ComboBox, ComboBoxProps };

package/dist/molecules/Select/PersistentComboBox/PersistentComboBox.d.ts

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, MultiSelectCommon, PersistentSelectProps, SelectOptionRequired } from "../Select.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/molecules/Select/PersistentComboBox/PersistentComboBox.d.ts
 type PersistentComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & MultiSelectCommon<T> & PersistentSelectProps & (GroupedSelectProps<T> | ListSelectProps<T>);
@@ -18,6 +18,6 @@ type PersistentComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  * @param maxHeight - Max height of the persistent wrapper below the search field, optional
  */
-declare function PersistentComboBox<T extends SelectOptionRequired>(props: PersistentComboBoxProps<T>): react_jsx_runtime3.JSX.Element;
+declare function PersistentComboBox<T extends SelectOptionRequired>(props: PersistentComboBoxProps<T>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { PersistentComboBox, PersistentComboBoxProps };

package/dist/molecules/Select/Select.js

@@ -1 +1 @@
-import{useSelect as e}from"../../atoms/hooks/useSelect.js";import{InputExplanation as t}from"../InputExplanation/InputExplanation.js";import{useOutsideClick as n}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";import{SelectItemSkeleton as r}from"./SelectItemSkeleton.js";import{LabelWrapper as i,PersistentComboBoxWrapper as a,PersistentStickyWrapper as o,StyledMenu as s}from"./Select.styles.js";import{GroupedSelectMenu as c}from"./GroupedSelectMenu.js";import{GroupedSelectPersistent as l}from"./GroupedSelectPersistent.js";import{ListSelectMenu as u}from"./ListSelectMenu.js";import{ListSelectPersistent as d}from"./ListSelectPersistent.js";import{SearchBar as f}from"./SearchBar.js";import{useMemo as p,useRef as m}from"react";import{Label as h}from"@equinor/eds-core-react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";const y=y=>{let{clearable:ee=!0,loading:b=!1,disabled:x=!1,lightBackground:S=!1,underlineHighlight:C=!1,sortValues:w=!0,placeholder:T=`Select...`,label:E,meta:D,id:O=`amplify-combobox-${E}`,inDialog:k=!1,onSearchFilter:A,CustomMenuItemComponent:j,mode:M=`menu`,explanation:N,explanationPosition:P}=y,{handleOnAddItem:F,handleOnItemKeyDown:I,handleOnItemSelect:L,itemRefs:R,search:z,handleOnClose:B,open:V,handleOnClear:H,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleToggleOpen:G,selectedValues:K,handleOnOpen:q,handleOnRemoveItem:J,searchRef:Y,tryingToRemoveItem:X}=e({...y,clearable:ee,loading:b,disabled:x,lightBackground:S,underlineHighlight:C,sortValues:w,placeholder:T}),Z=m(null),Q=m(null),$=p(()=>!!E||!!D,[E,D]);if(n(Q.current,e=>{k&&V&&e.target&&Z.current&&Q.current&&!Z.current.contains(e.target)&&!Q.current?.contains(e.target)&&B()}),M===`persistent`&&`value`in y&&y.value)throw Error(`You cannot use SingleSelect with persistent mode`);if(M===`persistent`){let e=`groups`in y&&y.groups?_(l,{...y,search:z,itemRefs:R,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j}):_(d,{...y,search:z,itemRefs:R,onAddItem:y.onAddItem?F:void 0,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j});return v(g,{children:[$&&_(h,{label:v(i,{children:[E,N&&_(t,{position:P,children:N})]}),meta:D,htmlFor:O,disabled:x}),v(a,{$maxHeight:y.mode===`persistent`&&y.maxHeight?y.maxHeight:void 0,$shouldShowLabel:$,children:[_(o,{children:_(f,{props:y,anchorRef:Z,search:z,searchRef:Y,open:V,selectedValues:K,handleOnOpen:q,handleToggleOpen:G,handleOnRemoveItem:J,tryingToRemoveItem:X,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleOnClear:H})}),y.loading?v(g,{children:[_(r,{}),_(r,{}),_(r,{})]}):e]})]})}return v(`div`,{children:[$&&_(h,{label:v(i,{children:[E,N&&_(t,{position:P,children:N})]}),meta:D,htmlFor:O,disabled:x}),_(f,{props:y,anchorRef:Z,search:z,searchRef:Y,open:V,selectedValues:K,handleOnOpen:q,handleToggleOpen:G,handleOnRemoveItem:J,tryingToRemoveItem:X,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleOnClear:H}),V&&_(s,{ref:Q,open:!0,id:`combobox-menu`,anchorEl:Z.current,onClose:B,placement:`bottom`,style:{width:`${Z.current?.clientWidth}px`,maxWidth:`${Z.current?.clientWidth}px`},children:`groups`in y&&y.groups?_(c,{...y,search:z,itemRefs:R,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j}):_(u,{...y,search:z,itemRefs:R,onAddItem:y.onAddItem?F:void 0,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j})},`select-menu-${z}`)]})};export{y as Select};
+import{useSelect as e}from"../../atoms/hooks/useSelect.js";import{useOutsideClick as t}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";import{InputExplanation as n}from"../InputExplanation/InputExplanation.js";import{SelectItemSkeleton as r}from"./SelectItemSkeleton.js";import{LabelWrapper as i,PersistentComboBoxWrapper as a,PersistentStickyWrapper as o,StyledMenu as s}from"./Select.styles.js";import{GroupedSelectMenu as c}from"./GroupedSelectMenu.js";import{GroupedSelectPersistent as l}from"./GroupedSelectPersistent.js";import{ListSelectMenu as u}from"./ListSelectMenu.js";import{ListSelectPersistent as d}from"./ListSelectPersistent.js";import{SearchBar as f}from"./SearchBar.js";import{useMemo as p,useRef as m}from"react";import{Label as h}from"@equinor/eds-core-react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";const y=y=>{let{clearable:ee=!0,loading:b=!1,disabled:x=!1,lightBackground:S=!1,underlineHighlight:C=!1,sortValues:w=!0,placeholder:T=`Select...`,label:E,meta:D,id:O=`amplify-combobox-${E}`,inDialog:k=!1,onSearchFilter:A,CustomMenuItemComponent:j,mode:M=`menu`,explanation:N,explanationPosition:P}=y,{handleOnAddItem:F,handleOnItemKeyDown:I,handleOnItemSelect:L,itemRefs:R,search:z,handleOnClose:B,open:V,handleOnClear:H,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleToggleOpen:G,selectedValues:K,handleOnOpen:q,handleOnRemoveItem:J,searchRef:Y,tryingToRemoveItem:X}=e({...y,clearable:ee,loading:b,disabled:x,lightBackground:S,underlineHighlight:C,sortValues:w,placeholder:T}),Z=m(null),Q=m(null),$=p(()=>!!E||!!D,[E,D]);if(t(Q.current,e=>{k&&V&&e.target&&Z.current&&Q.current&&!Z.current.contains(e.target)&&!Q.current?.contains(e.target)&&B()}),M===`persistent`&&`value`in y&&y.value)throw Error(`You cannot use SingleSelect with persistent mode`);if(M===`persistent`){let e=`groups`in y&&y.groups?_(l,{...y,search:z,itemRefs:R,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j}):_(d,{...y,search:z,itemRefs:R,onAddItem:y.onAddItem?F:void 0,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j});return v(g,{children:[$&&_(h,{label:v(i,{children:[E,N&&_(n,{position:P,children:N})]}),meta:D,htmlFor:O,disabled:x}),v(a,{$maxHeight:y.mode===`persistent`&&y.maxHeight?y.maxHeight:void 0,$shouldShowLabel:$,children:[_(o,{children:_(f,{props:y,anchorRef:Z,search:z,searchRef:Y,open:V,selectedValues:K,handleOnOpen:q,handleToggleOpen:G,handleOnRemoveItem:J,tryingToRemoveItem:X,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleOnClear:H})}),y.loading?v(g,{children:[_(r,{}),_(r,{}),_(r,{})]}):e]})]})}return v(`div`,{children:[$&&_(h,{label:v(i,{children:[E,N&&_(n,{position:P,children:N})]}),meta:D,htmlFor:O,disabled:x}),_(f,{props:y,anchorRef:Z,search:z,searchRef:Y,open:V,selectedValues:K,handleOnOpen:q,handleToggleOpen:G,handleOnRemoveItem:J,tryingToRemoveItem:X,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleOnClear:H}),V&&_(s,{ref:Q,open:!0,id:`combobox-menu`,anchorEl:Z.current,onClose:B,placement:`bottom`,style:{width:`${Z.current?.clientWidth}px`,maxWidth:`${Z.current?.clientWidth}px`},children:`groups`in y&&y.groups?_(c,{...y,search:z,itemRefs:R,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j}):_(u,{...y,search:z,itemRefs:R,onAddItem:y.onAddItem?F:void 0,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j})},`select-menu-${z}`)]})};export{y as Select};

package/dist/molecules/Select/Select.styles.d.ts

@@ -1,8 +1,8 @@
 import { BaseChipProps, ClickableChipProps, DeletableChipProps } from "../Chip/Chip.js";
-import * as react62 from "react";
+import * as react61 from "react";
 import "@equinor/eds-core-react";
-import * as styled_components15 from "styled-components";
-import * as styled_components_dist_types6 from "styled-components/dist/types";
+import * as styled_components11 from "styled-components";
+import * as styled_components_dist_types5 from "styled-components/dist/types";
 
 //#region src/molecules/Select/Select.styles.d.ts
 
@@ -11,15 +11,15 @@ interface ComboBoxChipProps {
   $lightBackground?: boolean;
   className: string;
 }
-declare const ComboBoxChip: styled_components_dist_types6.IStyledComponentBase<"web", styled_components15.FastOmit<styled_components15.FastOmit<((Omit<react62.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
+declare const ComboBoxChip: styled_components_dist_types5.IStyledComponentBase<"web", styled_components11.FastOmit<styled_components11.FastOmit<((Omit<react61.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react62.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types6.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never> & Partial<Pick<styled_components15.FastOmit<((Omit<react62.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
+}) | ClickableChipProps | DeletableChipProps)) & react61.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types5.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never> & Partial<Pick<styled_components11.FastOmit<((Omit<react61.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react62.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types6.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never>>> & string & Omit<react62.ForwardRefExoticComponent<(Omit<react62.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
+}) | ClickableChipProps | DeletableChipProps)) & react61.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types5.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never>>> & string & Omit<react61.ForwardRefExoticComponent<(Omit<react61.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react62.RefAttributes<HTMLButtonElement | HTMLDivElement>>, keyof react62.Component<any, {}, any>>;
+}) | ClickableChipProps | DeletableChipProps)) & react61.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react61.Component<any, {}, any>>;
 //#endregion
 export { ComboBoxChip };

package/dist/molecules/Select/SingleSelect/SingleSelect.d.ts

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from "../Select.types.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/molecules/Select/SingleSelect/SingleSelect.d.ts
 type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & (ListSelectProps<T> | GroupedSelectProps<T>);
@@ -15,6 +15,6 @@ type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> &
  * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  */
-declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime4.JSX.Element;
+declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { SingleSelect, SingleSelectProps };

package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react162 from "react";
+import * as react59 from "react";
 import { CheckboxProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Checkbox/Checkbox.d.ts
@@ -7,6 +7,6 @@ interface CheckboxProps$1 extends CheckboxProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Checkbox$1: react162.ForwardRefExoticComponent<CheckboxProps$1 & react162.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react59.ForwardRefExoticComponent<CheckboxProps$1 & react59.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Checkbox$1 as Checkbox, CheckboxProps$1 as CheckboxProps };

package/dist/molecules/SelectionControls/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
-import * as react164 from "react";
+import * as react49 from "react";
 import { RadioProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Radio/Radio.d.ts
@@ -7,6 +7,6 @@ interface RadioProps$1 extends RadioProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Radio$1: react164.ForwardRefExoticComponent<RadioProps$1 & react164.RefAttributes<HTMLInputElement>>;
+declare const Radio$1: react49.ForwardRefExoticComponent<RadioProps$1 & react49.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Radio$1 as Radio, RadioProps$1 as RadioProps };

package/dist/molecules/SelectionControls/Switch/Switch.d.ts

@@ -1,10 +1,10 @@
-import * as react166 from "react";
+import * as react159 from "react";
 import { SwitchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Switch/Switch.d.ts
 interface SwitchProps$1 extends SwitchProps {
   outlined?: boolean;
 }
-declare const Switch$1: react166.ForwardRefExoticComponent<SwitchProps$1 & react166.RefAttributes<HTMLInputElement>>;
+declare const Switch$1: react159.ForwardRefExoticComponent<SwitchProps$1 & react159.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };

package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts

@@ -1,6 +1,6 @@
-import * as react58 from "react";
-import * as styled_components12 from "styled-components";
-import * as styled_components_dist_types5 from "styled-components/dist/types";
+import * as react53 from "react";
+import * as styled_components8 from "styled-components";
+import * as styled_components_dist_types4 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
 
 //#region src/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts
@@ -8,6 +8,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types5.IStyledComponentBase<"web", styled_components12.FastOmit<styled_components12.FastOmit<react58.DetailedHTMLProps<react58.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components12.FastOmit<react58.DetailedHTMLProps<react58.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
+declare const SkeletonBase: styled_components_dist_types4.IStyledComponentBase<"web", styled_components8.FastOmit<styled_components8.FastOmit<react53.DetailedHTMLProps<react53.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components8.FastOmit<react53.DetailedHTMLProps<react53.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

package/dist/molecules/Stepper/Step/Step.js

@@ -12,4 +12,4 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
           cursor: pointer;
         }
       `:``}
-`,d=({index:t,onlyShowCurrentStepLabel:o=!1,children:s})=>{let{currentStep:d,setCurrentStep:f,isStepAtIndexDisabled:p}=n(),m=p(t),h=i(()=>t<d?`body_short`:`body_short_bold`,[d,t]),g=i(()=>t>d||m?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba,[d,t,m]);return l(u,{"data-testid":`step`,$clickable:t<d,onClick:()=>{t<d&&!m&&f(t)},$disabled:m,"aria-disabled":m,role:`button`,children:[c(r,{index:t,disabled:m}),(!o||d===t)&&c(a,{variant:h,color:g,children:s})]})};export{d as default};
+`,d=({index:t,onlyShowCurrentStepLabel:o=!1,children:s,allowJumpingAhead:d=!1})=>{let{currentStep:f,setCurrentStep:p,isStepAtIndexDisabled:m}=n(),h=m(t),g=i(()=>t<f?`body_short`:`body_short_bold`,[f,t,d]),_=i(()=>h||t>f&&!d?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba,[f,t,h,d]),v=i(()=>h?!1:!!(t<f||d&&t>f),[t,f,h,d]);return l(u,{"data-testid":`step`,$clickable:v,onClick:()=>{v&&p(t)},onKeyDown:e=>{v&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),p(t))},$disabled:h,"aria-disabled":!v,role:`button`,tabIndex:v?0:-1,children:[c(r,{index:t,disabled:h,allowJumpingAhead:d}),(!o||f===t)&&c(a,{variant:g,color:_,children:s})]})};export{d as default};

package/dist/molecules/Stepper/Step/StepIcon.js

@@ -11,9 +11,9 @@ import{colors as e}from"../../../atoms/style/colors.js";import{shape as t}from".
   > p {
     // Ensure text icons are not squished
     padding: 8px;
-    color: ${t=>t.$filled?e.text.static_icons__primary_white.rgba:e.interactive.disabled__text.rgba};
+    color: ${({$filled:t,$outlined:n})=>t?e.text.static_icons__primary_white.rgba:n?e.interactive.primary__resting.rgba:e.interactive.disabled__text.rgba};
   }
   > svg {
     transform: scale(0.9);
   }
-`,u=({index:t,disabled:a})=>{let{currentStep:u}=n();return a?o(r,{data:c,color:e.interactive.disabled__text.rgba}):t>=u?o(l,{$filled:t===u,children:o(i,{variant:`caption`,children:t+1})}):o(l,{$outlined:!0,"data-testid":`wrapper`,children:o(r,{data:s,color:e.interactive.primary__resting.rgba})})};export{u as StepIcon};
+`,u=({index:t,disabled:a,allowJumpingAhead:u})=>{let{currentStep:d}=n();return a?o(r,{data:c,color:e.interactive.disabled__text.rgba}):t>d&&u?o(l,{$outlined:!0,children:o(i,{variant:`caption`,children:t+1})}):t>=d?o(l,{$filled:t===d,children:o(i,{variant:`caption`,children:t+1})}):o(l,{$outlined:!0,"data-testid":`wrapper`,children:o(r,{data:s,color:e.interactive.primary__resting.rgba})})};export{u as StepIcon};

package/dist/molecules/Stepper/Stepper.d.ts

@@ -1,9 +1,20 @@
 import { FC } from "react";
 
 //#region src/molecules/Stepper/Stepper.d.ts
+
+/**
+ * Props for the Stepper component
+ * @interface StepperProps
+ */
 interface StepperProps {
+  /** If true, only the current step's label is displayed, hiding others */
   onlyShowCurrentStepLabel?: boolean;
+  /** Maximum width of the stepper container */
   maxWidth?: string;
+  /** If true, hides the SubTitle content section below the stepper (used when steps provide `title` or `subSteps`) */
+  hideContent?: boolean;
+  /** If true, allows users to click on steps ahead of the current step to jump forward and renders those steps as interactive */
+  allowJumpingAhead?: boolean;
 }
 declare const Stepper: FC<StepperProps>;
 //#endregion

package/dist/molecules/Stepper/Stepper.js

@@ -13,4 +13,4 @@ import{spacings as e}from"../../atoms/style/spacings.js";import{useStepper as t}
   ${({$maxWidth:e})=>e?s`
         max-width: ${e};
       `:``}
-`,f=({onlyShowCurrentStepLabel:e=!1,maxWidth:o})=>{let{steps:s,currentStep:f}=t(),p=a(()=>{let t=[];return s.forEach((i,a)=>{t.push(c(n,{index:a,onlyShowCurrentStepLabel:e,children:i.label},`step-${a}`)),a!==s.length-1&&t.push(c(r,{done:f>a},`step-line-${a}`))}),t},[f,e,s]);return l(u,{children:[c(d,{$stepAmount:s.length,$maxWidth:o,"data-testid":`stepper-container`,children:p}),c(i,{})]})};export{f as Stepper};
+`,f=({onlyShowCurrentStepLabel:e=!1,maxWidth:o,hideContent:s=!1,allowJumpingAhead:f=!1})=>{let{steps:p,currentStep:m}=t(),h=a(()=>{let t=[];return p.forEach((i,a)=>{t.push(c(n,{index:a,onlyShowCurrentStepLabel:e,allowJumpingAhead:f,children:i.label},`step-${a}`)),a!==p.length-1&&t.push(c(r,{done:m>a||f},`step-line-${a}`))}),t},[m,e,p,f]);return l(u,{children:[c(d,{$stepAmount:p.length,$maxWidth:o,"data-testid":`stepper-container`,children:h}),!s&&c(i,{})]})};export{f as Stepper};

package/dist/molecules/TableHeader/TableHeader.js

@@ -1 +1 @@
-import{Button as e}from"../Button/Button.js";import"../../atoms/enums/SpacingsMode.js";import{getActionIconColor as t,getLeadingIcon as n,getLeadingIconColor as r,getSortingIcon as i,getTextColor as a}from"./TableHeader.utils.js";import{ActionsWrapper as o,Container as s,Wrapper as c}from"./TableHeader.styles.js";import{Icon as l,Typography as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({as:p=`th`,variant:m,onClick:h,sorting:g,leadingIcon:_,trailingAction:v,children:y})=>{let b=n({variant:m,leadingIcon:_});return d(c,{as:p,children:f(s,{$hasOnClick:!!h,$hasOnSort:!!g,$variant:m,onClick:e=>{h?h(e):g?.onSortClick?.(e)},children:[b&&d(l,{data:b,color:r({variant:m,onClick:h})}),d(u,{variant:`cell_header`,group:`table`,color:a({variant:m,onClick:h}),children:y}),(!!v||!!g)&&f(o,{children:[v&&d(e,{"data-spacings-mode":`compact`,variant:`ghost_icon`,onClick:v.onClick,children:d(l,{data:v.icon,color:t({variant:m})})}),g?.isSorting&&d(e,{className:`sort-button`,onClick:h?g.onSortClick:void 0,"data-spacings-mode":`compact`,variant:`ghost_icon`,children:d(l,{data:i(g.isSorting),color:t({variant:m})})})]})]})})};export{p as TableHeader};
+import{IconButton as e}from"../Button/IconButton/IconButton.js";import"../../atoms/enums/SpacingsMode.js";import{getLeadingIcon as t,getLeadingIconColor as n,getSortingIcon as r,getTextColor as i}from"./TableHeader.utils.js";import{ActionsWrapper as a,Container as o,Wrapper as s}from"./TableHeader.styles.js";import{Icon as c,Typography as l}from"@equinor/eds-core-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=({as:f=`th`,variant:p,onClick:m,sorting:h,leadingIcon:g,trailingAction:_,children:v})=>{let y=t({variant:p,leadingIcon:g});return u(s,{as:f,children:d(o,{$hasOnClick:!!m,$hasOnSort:!!h,$variant:p,onClick:e=>{m?m(e):h?.onSortClick?.(e)},children:[y&&u(c,{data:y,color:n({variant:p,onClick:m})}),u(l,{variant:`cell_header`,group:`table`,color:i({variant:p,onClick:m}),children:v}),(!!_||!!h)&&d(a,{children:[_&&u(e,{"data-spacings-mode":`compact`,variant:`ghost`,onClick:_.onClick,icon:_.icon}),h?.isSorting&&u(e,{icon:r(h.isSorting),className:`sort-button`,onClick:m?h.onSortClick:void 0,"data-spacings-mode":`compact`,variant:`ghost`})]})]})})};export{f as TableHeader};

package/dist/molecules/TableHeader/TableHeader.utils.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{arrow_down as t,arrow_up as n,error_outlined as r,warning_outlined as i}from"@equinor/eds-icons";function a(e){if(e.leadingIcon)return e.leadingIcon;switch(e.variant){case`warning`:return i;case`error`:return r}}function o(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba}return t.onClick?e.interactive.primary__resting.rgba:e.text.static_icons__tertiary.rgba}function s(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba}return e.interactive.primary__resting.rgba}function c(e){switch(e){case`asc`:return n;case`desc`:return t}}function l(t){if(t.onClick)switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba;default:return e.interactive.primary__resting.rgba}return e.text.static_icons__default.rgba}function u(t){switch(t.variant){case`warning`:return e.interactive.warning__highlight.rgba;case`error`:return e.interactive.danger__highlight.rgba;default:return e.interactive.primary__hover_alt.rgba}}function d(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba;default:return e.interactive.primary__hover.rgba}}export{s as getActionIconColor,d as getButtonHoverColor,u as getHoverColor,a as getLeadingIcon,o as getLeadingIconColor,c as getSortingIcon,l as getTextColor};
+import{colors as e}from"../../atoms/style/colors.js";import{arrow_down as t,arrow_up as n,error_outlined as r,warning_outlined as i}from"@equinor/eds-icons";function a(e){if(e.leadingIcon)return e.leadingIcon;switch(e.variant){case`warning`:return i;case`error`:return r}}function o(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba}return t.onClick?e.interactive.primary__resting.rgba:e.text.static_icons__tertiary.rgba}function s(e){switch(e){case`asc`:return n;case`desc`:return t}}function c(t){if(t.onClick)switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba;default:return e.interactive.primary__resting.rgba}return e.text.static_icons__default.rgba}function l(t){switch(t.variant){case`warning`:return e.interactive.warning__highlight.rgba;case`error`:return e.interactive.danger__highlight.rgba;default:return e.interactive.primary__hover_alt.rgba}}function u(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba;default:return e.interactive.primary__hover.rgba}}export{u as getButtonHoverColor,l as getHoverColor,a as getLeadingIcon,o as getLeadingIconColor,s as getSortingIcon,c as getTextColor};

package/dist/molecules/Tabs/Tabs.types.d.ts

@@ -5,7 +5,7 @@ import { IconData } from "@equinor/eds-icons";
 interface Tab<T> {
   value: T;
   label: string;
-  count?: number;
+  count?: number | string;
   leadingIcon?: IconData;
   trailingIcon?: IconData;
   variant?: Extract<Variants, 'warning' | 'error'>;

package/dist/molecules/Tag/Tag.d.ts

@@ -6,6 +6,8 @@ interface TagProps {
   color?: 'blue' | 'green' | 'purple' | 'orange' | 'yellow' | 'dark pink' | 'pink' | 'grey';
   leadingIcon?: IconData;
   trailingIcon?: IconData;
+  iconColor?: string;
+  textColor?: string;
   children: string;
 }
 declare const Tag: FC<TagProps>;

package/dist/molecules/Tag/Tag.js

@@ -7,10 +7,10 @@ import{spacings as e}from"../../atoms/style/spacings.js";import{shape as t}from"
   background: ${({$color:e})=>n[e].background};
   min-height: 24px;
   > span {
-    color: ${({$color:e})=>n[e].text};
+    color: ${({$color:e,$textColor:t})=>t??n[e].text};
     line-height: normal;
   }
   > svg {
-    fill: ${({$color:e})=>n[e].text};
+    fill: ${({$color:e,$iconColor:t})=>t??n[e].text};
   }
-`,l=({children:e,color:t=`blue`,leadingIcon:n,trailingIcon:a})=>s(c,{$color:t,children:[n&&o(r,{data:n,size:16}),o(i,{variant:`cell_text`,group:`table`,as:`span`,children:e}),a&&o(r,{data:a,size:16})]});export{l as Tag};
+`,l=({children:e,color:t=`blue`,leadingIcon:n,trailingIcon:a,textColor:l,iconColor:u})=>s(c,{$color:t,$iconColor:u,$textColor:l,children:[n&&o(r,{data:n,size:16}),o(i,{variant:`cell_text`,group:`table`,as:`span`,children:e}),a&&o(r,{data:a,size:16})]});export{l as Tag};

package/dist/molecules/TextField/TextField.js

@@ -1,4 +1,4 @@
-import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{InputExplanation as s}from"../InputExplanation/InputExplanation.js";import{SkeletonBase as c}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{useEffect as l,useRef as u,useState as d}from"react";import{TextField as f,Typography as p}from"@equinor/eds-core-react";import m,{css as h}from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=m.div`
+import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{SkeletonBase as s}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{InputExplanation as c}from"../InputExplanation/InputExplanation.js";import{useEffect as l,useRef as u,useState as d}from"react";import{TextField as f,Typography as p}from"@equinor/eds-core-react";import m,{css as h}from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=m.div`
   position: relative;
   height: fit-content;
   input,
@@ -77,7 +77,7 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
         }
       }
     `}
-`,y=m(c)`
+`,y=m(s)`
   position: absolute;
   left: ${r.small};
   border-radius: ${i.corners.borderRadius};
@@ -89,4 +89,4 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
   display: flex;
   gap: ${r.x_small};
   align-items: center;
-`,S=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');if(e.explanation&&!e.label)throw Error("`explanation` prop requires a `label` to be set on the TextField.");let i={...e,variant:e.variant===`dirty`?void 0:e.variant},c=e.loading?void 0:e.variant,p=o(e),m=a(e),h=u(`${Math.max(20,Math.random()*80)}%`),[S,C]=d(typeof e.value==`string`?e.value.length:0),[w,T]=d(0),E=e=>{if(e){let t=e.getBoundingClientRect().width;T(t)}},D=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&C(t.target.value.length)};return l(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==S&&C(e.value.length)},[S,e.maxCharacters,e.value]),_(v,{ref:t=>{if(!t||!e.maxCharacters)return;let n=t.querySelector(`input, textarea`);n&&C(n.value.length)},$variant:c,$disabled:e.loading?!1:e.disabled,$helperRightWidth:w,style:{marginBottom:!e.helperText&&e.maxCharacters?`calc(${r.small} + 1rem)`:0},children:[g(f,{...i,label:i.label?_(x,{children:[i.label,e.explanation&&g(s,{position:e.explanationPosition,children:e.explanation})]}):void 0,disabled:e.loading||e.disabled,onChange:D}),e.loading&&g(y,{className:`skeleton`,role:`progressbar`,style:{top:p,height:m,width:h.current}}),e.maxCharacters&&_(b,{ref:E,variant:`helper`,group:`input`,color:i.variant?t[i.variant]:n.text.static_icons__tertiary.rgba,style:{bottom:e.helperText?`0`:`calc((${r.small} + 1rem) * -1)`},children:[S,` / `,e.maxCharacters]})]})};export{S as TextField};
+`,S=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');if(e.explanation&&!e.label)throw Error("`explanation` prop requires a `label` to be set on the TextField.");let i={...e,variant:e.variant===`dirty`?void 0:e.variant},s=e.loading?void 0:e.variant,p=o(e),m=a(e),h=u(`${Math.max(20,Math.random()*80)}%`),[S,C]=d(typeof e.value==`string`?e.value.length:0),[w,T]=d(0),E=e=>{if(e){let t=e.getBoundingClientRect().width;T(t)}},D=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&C(t.target.value.length)};return l(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==S&&C(e.value.length)},[S,e.maxCharacters,e.value]),_(v,{ref:t=>{if(!t||!e.maxCharacters)return;let n=t.querySelector(`input, textarea`);n&&C(n.value.length)},$variant:s,$disabled:e.loading?!1:e.disabled,$helperRightWidth:w,style:{marginBottom:!e.helperText&&e.maxCharacters?`calc(${r.small} + 1rem)`:0},children:[g(f,{...i,label:i.label?_(x,{children:[i.label,e.explanation&&g(c,{position:e.explanationPosition,children:e.explanation})]}):void 0,disabled:e.loading||e.disabled,onChange:D}),e.loading&&g(y,{className:`skeleton`,role:`progressbar`,style:{top:p,height:m,width:h.current}}),e.maxCharacters&&_(b,{ref:E,variant:`helper`,group:`input`,color:i.variant?t[i.variant]:n.text.static_icons__tertiary.rgba,style:{bottom:e.helperText?`0`:`calc((${r.small} + 1rem) * -1)`},children:[S,` / `,e.maxCharacters]})]})};export{S as TextField};