@equinor/amplify-component-lib 12.0.6 → 13.0.0

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

@@ -1,4 +1,4 @@
-import * as react20 from "react";
+import * as react16 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: react20.ForwardRefExoticComponent<{
+declare const OptionalTooltip: react16.ForwardRefExoticComponent<{
   textTransform?: string;
 } & {
   placement?: _floating_ui_utils0.Placement;
-  title?: react20.ReactNode;
+  title?: react16.ReactNode;
   children: React.ReactElement & React.RefAttributes<HTMLElement>;
   enterDelay?: number;
   portalContainer?: HTMLElement;
-} & Omit<react20.HTMLAttributes<HTMLDivElement>, "title"> & react20.RefAttributes<HTMLDivElement>>;
+} & Omit<react16.HTMLAttributes<HTMLDivElement>, "title"> & react16.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { OptionalTooltip, OptionalTooltipProps };

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

@@ -1,4 +1,4 @@
-import * as react18 from "react";
+import * as react22 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: react18.ForwardRefExoticComponent<ProfileAvatarProps & react18.RefAttributes<HTMLDivElement>>;
+declare const ProfileAvatar: react22.ForwardRefExoticComponent<ProfileAvatarProps & react22.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ProfileAvatar, ProfileAvatarProps };

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/Search/Search.d.ts

@@ -1,10 +1,10 @@
-import * as react53 from "react";
+import * as react49 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: react53.ForwardRefExoticComponent<SearchProps$1 & react53.RefAttributes<HTMLInputElement>>;
+declare const Search$1: react49.ForwardRefExoticComponent<SearchProps$1 & react49.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_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 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_runtime1.JSX.Element;
+declare function ComboBox<T extends SelectOptionRequired>(props: ComboBoxProps<T>): react_jsx_runtime2.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_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime2.JSX.Element;
+declare function PersistentComboBox<T extends SelectOptionRequired>(props: PersistentComboBoxProps<T>): react_jsx_runtime3.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/SingleSelect/SingleSelect.d.ts

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from "../Select.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime3.JSX.Element;
+declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { SingleSelect, SingleSelectProps };

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

@@ -1,4 +1,4 @@
-import * as react153 from "react";
+import * as react155 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: react153.ForwardRefExoticComponent<CheckboxProps$1 & react153.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react155.ForwardRefExoticComponent<CheckboxProps$1 & react155.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 react155 from "react";
+import * as react157 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: react155.ForwardRefExoticComponent<RadioProps$1 & react155.RefAttributes<HTMLInputElement>>;
+declare const Radio$1: react157.ForwardRefExoticComponent<RadioProps$1 & react157.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Radio$1 as Radio, RadioProps$1 as RadioProps };

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

@@ -1,4 +1,4 @@
-import * as react49 from "react";
+import * as react51 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";
@@ -8,6 +8,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types4.IStyledComponentBase<"web", styled_components8.FastOmit<styled_components8.FastOmit<react49.DetailedHTMLProps<react49.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components8.FastOmit<react49.DetailedHTMLProps<react49.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
+declare const SkeletonBase: styled_components_dist_types4.IStyledComponentBase<"web", styled_components8.FastOmit<styled_components8.FastOmit<react51.DetailedHTMLProps<react51.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components8.FastOmit<react51.DetailedHTMLProps<react51.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/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};

package/dist/molecules/Toast/Toast.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{Button as t}from"../Button/Button.js";import{getHeaderIcon as n}from"./Toast.utils.js";import{Container as r,DurationBar as i,Header as a}from"./Toast.styles.js";import{useEffect as o}from"react";import{Icon as s,Typography as c}from"@equinor/eds-core-react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{close as d}from"@equinor/eds-icons";const f=({title:f,icon:p,onClose:m,variant:h,description:g,action:_,duration:v,ref:y})=>{if(v!==void 0&&v<=0)throw Error(`Duration must be a positive number`);o(()=>{if(!v)return;let e=setTimeout(()=>{m()},v*1e3);return()=>clearTimeout(e)},[v,m]);let b=()=>{_?.onClick(),m()},x=n({icon:p,variant:h});return u(r,{ref:y,$variant:h,children:[u(a,{children:[x&&l(s,{data:x}),l(c,{variant:`h6`,color:e.text.static_icons__default.rgba,children:f}),l(t,{variant:`ghost_icon`,onClick:m,children:l(s,{data:d})})]}),g&&l(c,{variant:`body_long`,color:e.text.static_icons__secondary.rgba,children:g}),_&&l(t,{variant:`outlined`,onClick:b,children:_.text}),v&&l(i,{role:`progressbar`,$variant:h,$duration:v})]})};export{f as Toast};
+import{colors as e}from"../../atoms/style/colors.js";import{Button as t}from"../Button/Button.js";import{IconButton as n}from"../Button/IconButton/IconButton.js";import{getHeaderIcon as r}from"./Toast.utils.js";import{Container as i,DurationBar as a,Header as o}from"./Toast.styles.js";import{useEffect as s}from"react";import{Icon as c,Typography as l}from"@equinor/eds-core-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{close as f}from"@equinor/eds-icons";const p=({title:p,icon:m,onClose:h,variant:g,description:_,action:v,duration:y,ref:b})=>{if(y!==void 0&&y<=0)throw Error(`Duration must be a positive number`);s(()=>{if(!y)return;let e=setTimeout(()=>{h()},y*1e3);return()=>clearTimeout(e)},[y,h]);let x=()=>{v?.onClick(),h()},S=r({icon:m,variant:g});return d(i,{ref:b,$variant:g,children:[d(o,{children:[S&&u(c,{data:S}),u(l,{variant:`h6`,color:e.text.static_icons__default.rgba,children:p}),u(n,{icon:f,variant:`ghost`,onClick:h})]}),_&&u(l,{variant:`body_long`,color:e.text.static_icons__secondary.rgba,children:_}),v&&u(t,{label:v.text,variant:`outlined`,onClick:x}),y&&u(a,{role:`progressbar`,$variant:g,$duration:y})]})};export{p as Toast};

package/dist/molecules/index.d.ts

@@ -7,7 +7,8 @@ import { AnimatedCheckmark } from "./AnimatedCheckmark/AnimatedCheckmark.js";
 import { ApplicationIcon, ApplicationIconProps } from "./ApplicationIcon/ApplicationIcon.js";
 import { Badge, BadgeProps } from "./Badge/Badge.js";
 import { Banner, BannerProps } from "./Banner/Banner.js";
-import { Button as Button$1, ButtonProps as ButtonProps$1 } from "./Button/Button.js";
+import { Button as Button$1, ButtonProps } from "./Button/Button.js";
+import { IconButton, IconButtonProps } from "./Button/IconButton/IconButton.js";
 import { BaseChipProps, Chip as Chip$1 } from "./Chip/Chip.js";
 import { Confetti } from "./Confetti/Confetti.js";
 import { DatePicker as DatePicker$1, DatePickerProps as DatePickerProps$1 } from "./DatePicker/DatePicker.js";

package/dist/molecules/index.js

@@ -1 +1 @@
-import"./FullPageSpinner/FullPageSpinner.js";import"./RichTextEditor/RichTextEditor.types.js";import"./RichTextEditor/custom-extensions/AmplifyKit.js";import"./Button/Button.js";import"./Toast/Toast.js";import"./Confetti/Confetti.js";import"./Skeleton/SkeletonBase/SkeletonBase.js";import"./TextField/TextField.js";import"./SelectionControls/Checkbox/Checkbox.js";import"./SelectionControls/Radio/Radio.js";import"./AnimatedCheckmark/AnimatedCheckmark.js";import"./ApplicationIcon/ApplicationIcon.js";import"./Badge/Badge.js";import"./Banner/Banner.js";import"./Chip/Chip.js";import"./DatePicker/DatePicker.js";import"./DateRangePicker/DateRangePicker.js";import"./OptionalTooltip/OptionalTooltip.js";import"./Dialog/Dialog.js";import"./EquinorLogo/EquinorLogo.js";import"./FileProgress/FileProgress.js";import"./FileUploadArea/FileUploadArea.js";import"./IconCell/IconCell.types.js";import"./IconCell/IconCell.js";import"./InfoElement/InfoElement.js";import"./InformationalNotice/InformationalNotice.js";import"./ProfileAvatar/ProfileAvatar.js";import"./RichTextDisplay/RichTextDisplay.js";import"./RichTextEditor/MenuBar/Table/TableBar.js";import"./RichTextEditor/MenuBar/MenuBar.js";import"./RichTextEditor/RichTextEditor.js";import"./RichTextEditor/index.js";import"./Tabs/Tabs.js";import"./Search/Search.js";import"./Skeleton/SkeletonGradient/SkeletonGradient.js";import"./Stepper/Stepper.js";import"./OptionDrawer/OptionDrawer.js";import"./Select/Select.styles.js";import"./Select/ComboBox/ComboBox.js";import"./Select/PersistentComboBox/PersistentComboBox.js";import"./Select/SingleSelect/SingleSelect.js";import"./Tag/Tag.js";import"./TableHeader/TableHeader.js";import"./FeedBackIcon/FeedBackIcon.js";import"./ListItem/ListItem.js";import"./SelectionControls/Switch/Switch.js";import"./Waves/Waves.js";import{Accordion as e,Breadcrumbs as t,CircularProgress as n,Dialog as r,Divider as i,DotProgress as a,Icon as o,LinearProgress as s,Menu as c,Typography as l}from"@equinor/eds-core-react";export{e as Accordion,t as Breadcrumbs,n as CircularProgress,i as Divider,a as DotProgress,r as EDSDialog,o as Icon,s as LinearProgress,c as Menu,l as Typography};
+import"./FullPageSpinner/FullPageSpinner.js";import"./RichTextEditor/RichTextEditor.types.js";import"./RichTextEditor/custom-extensions/AmplifyKit.js";import"./AnimatedCheckmark/AnimatedCheckmark.js";import"./ApplicationIcon/ApplicationIcon.js";import"./Badge/Badge.js";import"./Banner/Banner.js";import"./Button/Button.js";import"./Button/IconButton/IconButton.js";import"./Chip/Chip.js";import"./Confetti/Confetti.js";import"./Skeleton/SkeletonBase/SkeletonBase.js";import"./DatePicker/DatePicker.js";import"./DateRangePicker/DateRangePicker.js";import"./OptionalTooltip/OptionalTooltip.js";import"./Dialog/Dialog.js";import"./EquinorLogo/EquinorLogo.js";import"./FileProgress/FileProgress.js";import"./FileUploadArea/FileUploadArea.js";import"./IconCell/IconCell.types.js";import"./IconCell/IconCell.js";import"./InfoElement/InfoElement.js";import"./InformationalNotice/InformationalNotice.js";import"./ProfileAvatar/ProfileAvatar.js";import"./RichTextDisplay/RichTextDisplay.js";import"./RichTextEditor/MenuBar/Table/TableBar.js";import"./TextField/TextField.js";import"./RichTextEditor/MenuBar/MenuBar.js";import"./RichTextEditor/RichTextEditor.js";import"./RichTextEditor/index.js";import"./Tabs/Tabs.js";import"./Search/Search.js";import"./Skeleton/SkeletonGradient/SkeletonGradient.js";import"./Stepper/Stepper.js";import"./OptionDrawer/OptionDrawer.js";import"./Select/Select.styles.js";import"./Select/ComboBox/ComboBox.js";import"./Select/PersistentComboBox/PersistentComboBox.js";import"./Select/SingleSelect/SingleSelect.js";import"./Tag/Tag.js";import"./TableHeader/TableHeader.js";import"./FeedBackIcon/FeedBackIcon.js";import"./ListItem/ListItem.js";import"./SelectionControls/Checkbox/Checkbox.js";import"./SelectionControls/Radio/Radio.js";import"./SelectionControls/Switch/Switch.js";import"./Waves/Waves.js";import"./Toast/Toast.js";import{Accordion as e,Breadcrumbs as t,CircularProgress as n,Dialog as r,Divider as i,DotProgress as a,Icon as o,LinearProgress as s,Menu as c,Typography as l}from"@equinor/eds-core-react";export{e as Accordion,t as Breadcrumbs,n as CircularProgress,i as Divider,a as DotProgress,r as EDSDialog,o as Icon,s as LinearProgress,c as Menu,l as Typography};

package/dist/node_modules/@equinor/eds-utils/dist/esm/utils/templates/index.js

@@ -0,0 +1,9 @@
+import"styled-components";const e=(e,t)=>{if(!e)return``;let n=`
+  margin: 0;
+  color: ${e.color};
+  font-family: ${e.fontFamily};
+  font-size: ${e.fontSize};
+  font-weight: ${e.fontWeight};
+  line-height: ${e.lineHeight};
+  `;return e.fontStyle&&(n+=`\nfont-style: ${e.fontStyle};`),e.letterSpacing&&(n+=`\nletter-spacing: ${e.letterSpacing};`),e.textTransform&&(n+=`\ntext-transform: ${e.textTransform};`),e.textDecoration&&(n+=`\ntext-decoration: ${e.textDecoration};`),e.textAlign&&(n+=`\ntext-align: ${e.textAlign};`),e.fontFeature&&(n+=`\nfont-feature-settings: ${e.fontFeature};`),t&&(n+=`
+cursor: pointer;`),n};export{e as typographyTemplate};

package/dist/organisms/ReleaseNote/ToggleExpanded.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Button as n}from"../../molecules/Button/Button.js";import{Icon as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{arrow_drop_down as s,arrow_drop_up as c}from"@equinor/eds-icons";const l=i.div`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Button as n}from"../../molecules/Button/Button.js";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";import{arrow_drop_down as a,arrow_drop_up as o}from"@equinor/eds-icons";const s=r.div`
   position: absolute;
   bottom: 0;
   left: 0;
@@ -10,4 +10,4 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
     ${e.ui.background__default.rgba} 15%
   );
   width: 100%;
-`,u=({expanded:e,onToggleExpanded:t})=>a(l,{children:o(n,{variant:`ghost`,onClick:t,children:[`Show `,e?`less`:`more`,a(r,{data:e?c:s})]})});export{u as ToggleExpanded};
+`,c=({expanded:e,onToggleExpanded:t})=>i(s,{children:i(n,{label:`Show ${e?`less`:`more`}`,trailingIcon:e?o:a,variant:`ghost`,onClick:t})});export{c as ToggleExpanded};

package/dist/organisms/SideBar/SideBar.d.ts

@@ -1,4 +1,4 @@
-import * as react191 from "react";
+import * as react200 from "react";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/organisms/SideBar/SideBar.d.ts
@@ -16,6 +16,6 @@ interface SideBarWithCreate extends SideBarProps {
   createDisabled?: boolean;
   createActive?: boolean;
 }
-declare const SideBar: react191.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react191.RefAttributes<HTMLDivElement>>;
+declare const SideBar: react200.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react200.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { SideBar };

package/dist/organisms/SideSheet/SideSheet.d.ts

@@ -10,6 +10,7 @@ import { FC } from "react";
  * @param title - Title to display in the header
  * @param type - How the side sheet should be position, default is standard
  * @param headerElements - Optional spot to put elements in the header, for example more action buttons
+ * @param width - Optional width override (number is treated as px)
  * @param children - Content in the side sheet
  */
 declare const SideSheet: FC<SideSheetProps>;

package/dist/organisms/SideSheet/SideSheet.js

@@ -1 +1 @@
-import{Button as e}from"../../molecules/Button/Button.js";import{Header as t,ScrimWrapper as n,Sheet as r,Wrapper as i}from"./SideSheet.styles.js";import{Icon as a,Typography as o}from"@equinor/eds-core-react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{close as l}from"@equinor/eds-icons";import{AnimatePresence as u}from"motion/react";const d=({open:e,onClose:t,title:r,type:i=`standard`,headerElements:a,children:o,...c})=>`withScrim`in c&&c.withScrim?s(n,{"data-testid":`side-sheet-scrim`,onClick:e?t:void 0,initial:{display:`none`,background:`rgba(111,111,111,0)`},animate:{background:e?`rgba(111,111,111,0.35)`:`rgba(111,111,111,0)`,display:e?`block`:`none`},children:s(f,{open:e,onClose:t,title:r,type:`modal`,headerElements:a,withScrim:!0,children:o})}):s(f,{open:e,onClose:t,title:r,type:i,headerElements:a,children:o});function f({open:n,onClose:d,title:f,type:p=`standard`,headerElements:m,children:h,...g}){return s(u,{children:n&&s(i,{$type:p,$withShadow:!(`withScrim`in g&&g.withScrim),initial:{x:p===`standard`?void 0:`110%`,width:p===`standard`?0:void 0},animate:{x:p===`standard`?void 0:0,width:p===`standard`?`auto`:void 0},exit:{x:p===`standard`?void 0:`110%`,width:p===`standard`?0:void 0},transition:{bounce:.25},children:c(r,{$type:p,children:[c(t,{children:[s(o,{variant:`h2`,children:f}),m&&s(`section`,{children:m}),s(e,{"aria-label":`close side sheet`,variant:`ghost_icon`,onClick:d,style:{gridColumn:3},children:s(a,{data:l})})]}),h]})})})}export{d as SideSheet};
+import{IconButton as e}from"../../molecules/Button/IconButton/IconButton.js";import{Header as t,ScrimWrapper as n,Sheet as r,Wrapper as i}from"./SideSheet.styles.js";import{Typography as a}from"@equinor/eds-core-react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{close as c}from"@equinor/eds-icons";import{AnimatePresence as l}from"motion/react";const u=({open:e,onClose:t,title:r,type:i=`standard`,headerElements:a,width:s,children:c,...l})=>`withScrim`in l&&l.withScrim?o(n,{"data-testid":`side-sheet-scrim`,onClick:e?t:void 0,$zIndex:l.zIndex,initial:{display:`none`,background:`rgba(111,111,111,0)`},animate:{background:e?`rgba(111,111,111,0.35)`:`rgba(111,111,111,0)`,display:e?`block`:`none`},children:o(d,{open:e,onClose:t,title:r,type:`modal`,headerElements:a,width:s,zIndex:l.zIndex,withScrim:!0,children:c})}):i===`modal`||i===`floating`?o(d,{open:e,onClose:t,title:r,type:i,headerElements:a,width:s,zIndex:`zIndex`in l?l.zIndex:void 0,children:c}):o(d,{open:e,onClose:t,title:r,type:i,headerElements:a,width:s,children:c});function d({open:n,onClose:u,title:d,type:f=`standard`,headerElements:p,width:m,children:h,...g}){return o(l,{children:n&&o(i,{"data-testid":`side-sheet-wrapper`,$type:f,$withShadow:!(`withScrim`in g&&g.withScrim),$zIndex:`zIndex`in g?g.zIndex:void 0,initial:{x:f===`standard`?void 0:`110%`,width:f===`standard`?0:void 0},animate:{x:f===`standard`?void 0:0,width:f===`standard`?`auto`:void 0},exit:{x:f===`standard`?void 0:`110%`,width:f===`standard`?0:void 0},transition:{bounce:.25},children:s(r,{$type:f,$width:m,children:[s(t,{children:[o(a,{variant:`h2`,children:d}),p&&o(`section`,{children:p}),o(e,{icon:c,"aria-label":`close side sheet`,variant:`ghost`,onClick:u,style:{gridColumn:3}})]}),h]})})})}export{u as SideSheet};

package/dist/organisms/SideSheet/SideSheet.styles.js

@@ -1,21 +1,27 @@
 import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{elevation as n,shape as r}from"../../atoms/style/index.js";import{css as i,styled as a}from"styled-components";import{motion as o}from"motion/react";const s=a(o.div)`
   overflow: hidden;
-  ${({$type:e,$withShadow:a})=>e===`standard`?``:e===`floating`?i`
+  ${({$type:e,$withShadow:a,$zIndex:o})=>e===`standard`?``:e===`floating`?i`
         position: fixed;
         top: calc(64px + ${t.medium});
         right: ${t.medium};
         box-shadow: ${n.sticky};
         border-radius: ${r.corners.borderRadius};
+        ${o!==void 0&&i`
+          z-index: ${o};
+        `}
       `:i`
       position: fixed;
       top: 64px;
       right: 0;
       box-shadow: ${a?n.above_scrim:`none`};
+      ${o!==void 0&&i`
+        z-index: ${o};
+      `}
     `}
 `,c=a.div`
   display: flex;
   flex-direction: column;
-  width: 500px;
+  width: ${({$width:e})=>e===void 0?`500px`:`${e}px`};
   background: ${e.ui.background__default.rgba};
   ${({$type:t})=>{if(t===`standard`)return i`
         background: none;
@@ -35,5 +41,5 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   width: 100%;
   overflow: hidden;
   height: calc(100vh - 64px);
-  z-index: 10000;
+  z-index: ${({$zIndex:e})=>e??1e4};
 `;export{l as Header,u as ScrimWrapper,c as Sheet,s as Wrapper};

package/dist/organisms/SideSheet/SideSheet.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import { CSSProperties, ReactElement } from "react";
 
 //#region src/organisms/SideSheet/SideSheet.types.d.ts
 interface BaseSideSheetProps {
@@ -6,6 +6,7 @@ interface BaseSideSheetProps {
   onClose: () => void;
   title: string;
   headerElements?: ReactElement | ReactElement[];
+  width?: number | undefined;
   children: ReactElement | ReactElement[];
 }
 interface StandardSideSheetProps extends BaseSideSheetProps {
@@ -14,9 +15,11 @@ interface StandardSideSheetProps extends BaseSideSheetProps {
 interface ModalSideSheetProps extends BaseSideSheetProps {
   type: 'modal';
   withScrim?: boolean;
+  zIndex?: CSSProperties['zIndex'];
 }
 interface FloatingSideSheetProps extends BaseSideSheetProps {
   type: 'floating';
+  zIndex?: CSSProperties['zIndex'];
 }
 type SideSheetProps = StandardSideSheetProps | ModalSideSheetProps | FloatingSideSheetProps;
 //#endregion

package/dist/organisms/Status/Action.d.ts

@@ -1,10 +1,10 @@
-import * as react199 from "react";
+import * as react204 from "react";
 
 //#region src/organisms/Status/Action.d.ts
 interface ActionProps {
   onClick: () => void;
   buttonText?: string;
 }
-declare const Action: react199.ForwardRefExoticComponent<ActionProps & react199.RefAttributes<HTMLButtonElement>>;
+declare const Action: react204.ForwardRefExoticComponent<ActionProps & react204.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Action };

package/dist/organisms/Status/Description.d.ts

@@ -1,9 +1,9 @@
-import * as react201 from "react";
+import * as react206 from "react";
 
 //#region src/organisms/Status/Description.d.ts
 interface DescriptionProps {
   text?: string;
 }
-declare const Description: react201.ForwardRefExoticComponent<DescriptionProps & react201.RefAttributes<HTMLHeadingElement>>;
+declare const Description: react206.ForwardRefExoticComponent<DescriptionProps & react206.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { Description };

package/dist/organisms/Status/MissingAccesses.d.ts

@@ -1,4 +1,4 @@
-import * as react203 from "react";
+import * as react208 from "react";
 
 //#region src/organisms/Status/MissingAccesses.d.ts
 interface AccessType {
@@ -9,6 +9,6 @@ interface MissingAccessesProps {
   accesses?: AccessType[];
   text?: string;
 }
-declare const MissingAccesses: react203.ForwardRefExoticComponent<MissingAccessesProps & react203.RefAttributes<HTMLDivElement>>;
+declare const MissingAccesses: react208.ForwardRefExoticComponent<MissingAccessesProps & react208.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MissingAccesses };

package/dist/organisms/Status/Title.d.ts

@@ -1,9 +1,9 @@
-import * as react197 from "react";
+import * as react202 from "react";
 
 //#region src/organisms/Status/Title.d.ts
 interface TitleProps {
   title?: string;
 }
-declare const Title: react197.ForwardRefExoticComponent<TitleProps & react197.RefAttributes<HTMLHeadingElement>>;
+declare const Title: react202.ForwardRefExoticComponent<TitleProps & react202.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { Title };

package/dist/organisms/Status/collections/BadRequest.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/BadRequest.d.ts
 interface BadRequestProps {
@@ -12,6 +12,6 @@ declare const BadRequest: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: BadRequestProps) => react_jsx_runtime9.JSX.Element;
+}: BadRequestProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { BadRequest };

package/dist/organisms/Status/collections/GenericError.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/GenericError.d.ts
 interface GenericErrorProps {
@@ -14,6 +14,6 @@ declare const GenericError: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: GenericErrorProps) => react_jsx_runtime8.JSX.Element;
+}: GenericErrorProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { GenericError };

package/dist/organisms/Status/collections/MissingPermissions.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/MissingPermissions.d.ts
 interface MissingPermissionsProps {
@@ -14,6 +14,6 @@ declare const MissingPermissions: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: MissingPermissionsProps) => react_jsx_runtime10.JSX.Element;
+}: MissingPermissionsProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { MissingPermissions };

package/dist/organisms/Status/collections/PageNotFound.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/PageNotFound.d.ts
 interface PageNotFoundProps {
@@ -12,6 +12,6 @@ declare const PageNotFound: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: PageNotFoundProps) => react_jsx_runtime11.JSX.Element;
+}: PageNotFoundProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { PageNotFound };

package/dist/organisms/Status/collections/ServerError.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/ServerError.d.ts
 interface ServerErrorProps {
@@ -12,6 +12,6 @@ declare const ServerError: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: ServerErrorProps) => react_jsx_runtime12.JSX.Element;
+}: ServerErrorProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { ServerError };