@equinor/amplify-component-lib 10.10.0 → 11.0.0

package/dist/molecules/Select/Select.js

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

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

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

package/dist/molecules/Select/Select.styles.js

@@ -6,6 +6,10 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
       background-color: ${r.ui.background__default.rgba};
     `}
 `,p=u.span`
+  display: flex;
+  gap: ${i.x_small};
+  width: 100%;
+`,m=u.span`
   display: flex;
   gap: ${i.small};
   align-items: center;
@@ -27,7 +31,7 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
       border-bottom: 1px solid ${r.ui.background__heavy.rgba};
       padding-bottom: ${i.small};
     `}
-`,m=u.div`
+`,h=u.div`
   position: relative;
   display: grid;
   grid-template-columns: 1fr auto;
@@ -97,7 +101,7 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
       width: calc(100% - 24px);
     }
   }
-`,h=u.section`
+`,g=u.section`
   position: relative;
   display: flex;
   flex-wrap: wrap;
@@ -139,7 +143,7 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
       }
     }
   }
-`,g=u(s)`
+`,_=u(s)`
   position: absolute;
   top: 50%;
   transform: translate(0, -50%);
@@ -159,13 +163,13 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
       fill: ${r.interactive.disabled__text.rgba};
     }
   }
-`,_=u(o)`
+`,v=u(o)`
   background: ${({$tryingToRemove:e,$lightBackground:t})=>e?r.interactive.primary__hover_alt.rgba:t?r.ui.background__light.rgba:r.ui.background__default.rgba} !important;
-`,v=u.div`
+`,y=u.div`
   padding: ${i.small} 0;
-`,y=u(l)`
+`,b=u(l)`
   padding: ${i.small} 0 ${i.small} ${i.medium};
-`,b=u(c.Item)`
+`,x=u(c.Item)`
   flex-grow: 1;
   padding-left: 10px;
   
@@ -189,16 +193,16 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
               background: ${r.interactive.primary__selected_hover.rgba};
             }
           `:``}}
-`,x=u.div`
+`,S=u.div`
   border: 1px solid ${r.ui.background__heavy.rgba};
   border-radius: ${a.corners.borderRadius};
   overflow: auto;
   background-color: ${r.ui.background__default.rgba};
   height: ${({$shouldShowLabel:e,$maxHeight:t})=>t||(e?d`calc(100% - 16px)`:`100%`)};
-`,S=u.div`
+`,C=u.div`
   position: sticky;
   top: 0;
-`,C=u.button`
+`,w=u.button`
   width: 100%;
   display: flex;
   align-items: center;
@@ -215,29 +219,29 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
   &:focus-visible {
     outline: 2px dashed ${r.interactive.primary__resting.rgba};
   }
-`,w=u.hr`
+`,T=u.hr`
   height: calc(100% + ${i.medium} * 2);
   justify-self: center;
   width: ${i.x_large};
   min-width: ${i.x_large};
-`,T=u(l)`
+`,E=u(l)`
   user-select: none;
   pointer-events: none;
   position: absolute;
   color: ${r.text.static_icons__tertiary.rgba};
   top: calc(50%);
   transform: translate(0, -50%);
-`,E=u(T)`
+`,D=u(E)`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: ${r.text.static_icons__default.rgba};
   max-width: 100%;
-`,D=u(l)`
-  margin: ${i.medium};
 `,O=u(l)`
+  margin: ${i.medium};
+`,k=u(l)`
   margin-left: ${i.medium};
-`,k=u(c)`
+`,A=u(c)`
   max-height: 20rem;
   max-width: inherit;
   overflow-y: auto;
@@ -245,10 +249,10 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
     width: inherit;
     max-width: inherit;
   }
-`,A=u.div`
+`,j=u.div`
   display: flex;
   align-items: center;
-`,j=u(s)`
+`,M=u(s)`
   width: 36px;
   height: 36px;
-`;export{g as ClearButton,_ as ComboBoxChip,m as Container,y as GroupTitle,p as HelperWrapper,w as MenuItemSpacer,A as MenuItemWrapper,O as NoItemsFoundText,D as NoTagFoundText,x as PersistentComboBoxWrapper,v as PersistentGroupsWrapper,C as PersistentListItem,S as PersistentStickyWrapper,T as PlaceholderText,h as Section,j as SmallButton,k as StyledMenu,b as StyledMenuItem,E as ValueText,f as Wrapper};
+`;export{_ as ClearButton,v as ComboBoxChip,h as Container,b as GroupTitle,m as HelperWrapper,p as LabelWrapper,T as MenuItemSpacer,j as MenuItemWrapper,k as NoItemsFoundText,O as NoTagFoundText,S as PersistentComboBoxWrapper,y as PersistentGroupsWrapper,w as PersistentListItem,C as PersistentStickyWrapper,E as PlaceholderText,g as Section,M as SmallButton,A as StyledMenu,x as StyledMenuItem,D as ValueText,f as Wrapper};

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

@@ -1,5 +1,6 @@
 import { Variants } from "../../atoms/types/variants.js";
 import { FC, KeyboardEvent, ReactNode, RefObject } from "react";
+import { TooltipProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/Select/Select.types.d.ts
 interface SelectOptionRequired {
@@ -94,6 +95,8 @@ type CommonSelectProps<T extends SelectOptionRequired> = {
   inDialog?: boolean;
   onOpenCallback?: (value: boolean) => void;
   onSearchFilter?: (searchValue: string, item: T) => void;
+  explanation?: string;
+  explanationPosition?: TooltipProps['placement'];
   'data-testid'?: string;
 } & CustomMenuItemComponentProps<T>;
 //#endregion

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 react107 from "react";
+import * as react104 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: react107.ForwardRefExoticComponent<CheckboxProps$1 & react107.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react104.ForwardRefExoticComponent<CheckboxProps$1 & react104.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 react109 from "react";
+import * as react106 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: react109.ForwardRefExoticComponent<RadioProps$1 & react109.RefAttributes<HTMLInputElement>>;
+declare const Radio$1: react106.ForwardRefExoticComponent<RadioProps$1 & react106.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 react111 from "react";
+import * as react108 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: react111.ForwardRefExoticComponent<SwitchProps$1 & react111.RefAttributes<HTMLInputElement>>;
+declare const Switch$1: react108.ForwardRefExoticComponent<SwitchProps$1 & react108.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };

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

@@ -1,5 +1,5 @@
-import * as react46 from "react";
-import * as styled_components_dist_types8 from "styled-components/dist/types";
+import * as react39 from "react";
+import * as styled_components_dist_types6 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
@@ -7,6 +7,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<react46.DetailedHTMLProps<react46.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
+declare const SkeletonBase: styled_components_dist_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react39.DetailedHTMLProps<react39.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

package/dist/molecules/Tabs/Tab.js

@@ -1 +1 @@
-import{ActiveLine as e,Button as t,Count as n,Line as r}from"./Tab.styles.js";import{Icon as i,Typography as a}from"@equinor/eds-core-react";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";function l({value:l,label:u,selectedIndex:d,index:f,onChange:p,onHover:m,centered:h,animated:g,disabled:_,leadingIcon:v,count:y}){let b=()=>{p(l)},x=()=>{m&&m(l)};return c(t,{role:`tab`,"aria-selected":d===f,onClick:b,onMouseEnter:x,$centered:h,disabled:_,children:[v?s(i,{data:v,size:24}):null,s(a,{as:`label`,variant:`menu_tabs`,group:`navigation`,children:u}),y===void 0?null:s(n,{className:`count`,children:s(a,{as:`span`,variant:`breadcrumb`,group:`navigation`,children:y})}),g?c(o,{children:[s(r,{className:`static-line`}),s(e,{animate:{left:`${(d-f)*100}%`}})]}):s(r,{className:`static-line`,$active:d===f})]})}export{l as Tab};
+import{colors as e}from"../../atoms/style/colors.js";import{getVariantIcon as t}from"../../atoms/utils/forms.js";import{ActiveLine as n,Button as r,Count as i,Line as a}from"./Tab.styles.js";import{Icon as o,Typography as s}from"@equinor/eds-core-react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";const d={warning:e.interactive.warning__text.rgba,error:e.interactive.danger__text.rgba};function f({value:e,label:f,selectedIndex:p,index:m,onChange:h,onHover:g,centered:_,animated:v,disabled:y,leadingIcon:b,trailingIcon:x,variant:S,count:C}){let w=S?t(S):b,T=()=>{h(e)},E=()=>{g&&g(e)};return u(r,{role:`tab`,"aria-selected":p===m,onClick:T,onMouseEnter:E,$centered:_,disabled:y,children:[w?l(o,{data:w,size:24,style:S?{fill:d[S]}:void 0}):null,l(s,{as:`label`,variant:`menu_tabs`,group:`navigation`,children:f}),C===void 0?null:l(i,{className:`count`,children:l(s,{as:`span`,variant:`breadcrumb`,group:`navigation`,children:C})}),x?l(o,{data:x,size:24}):null,v?u(c,{children:[l(a,{className:`static-line`}),l(n,{animate:{left:`${(p-m)*100}%`}})]}):l(a,{className:`static-line`,$active:p===m})]})}export{f as Tab};

package/dist/molecules/Tabs/Tab.styles.js

@@ -35,6 +35,9 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
 
   &:hover:not(:disabled) {
     background: ${e.interactive.primary__hover_alt.rgba};
+    > label {
+      color: ${e.text.static_icons__secondary.rgba};
+    }
 
     &[aria-selected='true'] {
       > svg {

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

@@ -1,3 +1,4 @@
+import { Variants } from "../../atoms/types/variants.js";
 import { IconData } from "@equinor/eds-icons";
 
 //#region src/molecules/Tabs/Tabs.types.d.ts
@@ -6,6 +7,8 @@ interface Tab<T> {
   label: string;
   count?: number;
   leadingIcon?: IconData;
+  trailingIcon?: IconData;
+  variant?: Extract<Variants, 'warning' | 'error'>;
   disabled?: boolean;
 }
 interface Tabs<T> {

package/dist/molecules/TextField/TextField.d.ts

@@ -1,12 +1,14 @@
 import { Variants } from "../../atoms/types/variants.js";
 import { FC, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
-import { TextFieldProps } from "@equinor/eds-core-react";
+import { TextFieldProps, TooltipProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/TextField/TextField.d.ts
-type TextFieldProps$1 = Omit<TextFieldProps, 'variant' | 'inputRef'> & {
+type TextFieldProps$1 = Omit<TextFieldProps, 'variant'> & {
   variant?: Variants;
   loading?: boolean;
   maxCharacters?: number;
+  explanation?: string;
+  explanationPosition?: TooltipProps['placement'];
 } & (TextareaHTMLAttributes<HTMLTextAreaElement> | InputHTMLAttributes<HTMLInputElement>);
 /**
  * @param loading - Show loading skeleton on top of the text field.

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{SkeletonBase as s}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{useEffect as c,useRef as l,useState as u}from"react";import{TextField as d,Typography as f}from"@equinor/eds-core-react";import p,{css as m}from"styled-components";import{jsx as h,jsxs as g}from"react/jsx-runtime";const _=p.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,
@@ -10,7 +10,7 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
     &::placeholder {
       opacity: 1;
     }
-    &:hover {
+    &:hover:not(:disabled) {
       background: ${n.ui.background__light_medium.rgba};
     }
     &:disabled {
@@ -27,14 +27,14 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
     margin-right: ${({$helperRightWidth:e})=>e?`calc(${e}px + ${r.medium})`:0};
   }
 
-  ${({$variant:e,$disabled:r})=>r?m`
+  ${({$variant:e,$disabled:r})=>r?h`
         div {
           outline: none !important;
         }
         p {
           color: ${n.interactive.disabled__text.rgba} !important;
         }
-      `:e===void 0?m`
+      `:e===void 0?h`
         input:hover,
         textarea:hover {
           box-shadow: inset 0 -2px 0 0
@@ -48,8 +48,8 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
               ${n.interactive.primary__resting.rgba};
           }
         }
-      `:m`
-      ${e===`dirty`&&m`
+      `:h`
+      ${e===`dirty`&&h`
         input,
         textarea {
           box-shadow: inset 0 -2px 0 0 ${t[e]};
@@ -71,12 +71,16 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
         }
       }
     `}
-`,v=p(s)`
+`,y=m(s)`
   position: absolute;
   left: ${r.small};
   border-radius: ${i.corners.borderRadius};
   transform: translateY(${r.x_small});
-`,y=p(f)`
+`,b=m(p)`
   position: absolute;
   right: ${r.small};
-`,b=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');let i={...e,variant:e.variant===`dirty`?void 0:e.variant},s=e.loading?void 0:e.variant,f=o(e),p=a(e),m=l(`${Math.max(20,Math.random()*80)}%`),[b,x]=u(typeof e.value==`string`?e.value.length:0),[S,C]=u(0),w=e=>{if(e){let t=e.getBoundingClientRect().width;C(t)}},T=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&x(t.target.value.length)},E=t=>{e.maxCharacters&&t&&t.value.length!==b&&x(t.value.length)};return c(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==b&&x(e.value.length)},[b,e.maxCharacters,e.value]),g(_,{$variant:s,$disabled:e.loading?!1:e.disabled,$helperRightWidth:S,style:{marginBottom:!e.helperText&&e.maxCharacters?`calc(${r.small} + 1rem)`:0},children:[h(d,{...i,inputRef:E,disabled:e.loading||e.disabled,onChange:T}),e.loading&&h(v,{className:`skeleton`,role:`progressbar`,style:{top:f,height:p,width:m.current}}),e.maxCharacters&&g(y,{ref:w,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:[b,` / `,e.maxCharacters]})]})};export{b as TextField};
+`,x=m.div`
+  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},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,{$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/organisms/DataGrid/DataGrid.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { EdsDataGridProps } from "@equinor/eds-data-grid-react";
 
 //#region src/organisms/DataGrid/DataGrid.d.ts
-declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime0.JSX.Element;
+declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { DataGrid };

package/dist/organisms/Filter/Filter.d.ts

@@ -1,5 +1,5 @@
 import { FilterProps } from "./Filter.types.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/Filter.d.ts
 
@@ -32,6 +32,6 @@ declare function Filter<T extends string>({
   id,
   openOnFocus,
   ...rest
-}: FilterProps<T>): react_jsx_runtime7.JSX.Element;
+}: FilterProps<T>): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { Filter };

package/dist/organisms/Filter/QuickFilter.d.ts

@@ -1,6 +1,6 @@
 import { SelectOptionRequired } from "../../molecules/Select/Select.types.js";
 import { FilterProps } from "./Filter.types.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/QuickFilter.d.ts
 interface QuickFilterProps<T extends string> {
@@ -14,6 +14,6 @@ declare function QuickFilter<T extends string>({
   items,
   onQuickFilter,
   label
-}: QuickFilterProps<T>): react_jsx_runtime6.JSX.Element;
+}: QuickFilterProps<T>): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { QuickFilter };

package/dist/organisms/PageTitle/PageTitle.js

@@ -1 +1 @@
-import{environment as e}from"../../atoms/utils/auth_environment.js";import{useEffect as t}from"react";const n=e.getAppName(import.meta.env.VITE_NAME),r=({title:e,children:r})=>(t(()=>{document.title!==e&&(document.title=`${n} - ${e}`)},[e]),r);export{r as PageTitle};
+import{environment as e}from"../../atoms/utils/auth_environment.js";import{useEffect as t}from"react";const n=e.getAppName(import.meta.env.VITE_NAME),r=({title:e,children:r})=>(t(()=>{let t=`${n} - ${e}`;document.title!==t&&(document.title=t)},[e]),r);export{r as PageTitle};

package/dist/organisms/ReleaseNote/ReleaseNote.d.ts

@@ -1,4 +1,4 @@
-import * as react8 from "react";
+import * as react113 from "react";
 import { ReactNode } from "react";
 import { ReleaseNote } from "@equinor/subsurface-app-management";
 
@@ -7,9 +7,9 @@ type ReleaseNoteProps = {
   actionMenu?: ReactNode;
   expanded?: boolean;
 } & ReleaseNote;
-declare const ReleaseNote$1: react8.ForwardRefExoticComponent<{
+declare const ReleaseNote$1: react113.ForwardRefExoticComponent<{
   actionMenu?: ReactNode;
   expanded?: boolean;
-} & ReleaseNote & react8.RefAttributes<HTMLDivElement>>;
+} & ReleaseNote & react113.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };

package/dist/organisms/SideBar/MenuItem/BasicMenuItem.js

@@ -1 +1 @@
-import{useSideBar as e}from"../../../providers/SideBarProvider.js";import{OptionalTooltip as t}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as n,ItemText as r,Link as i,MenuItemWrapper as a}from"./MenuItem.styles.js";import{canNavigate as o,isCurrentUrl as s}from"./MenuItem.utils.js";import{useCallback as c,useMemo as l}from"react";import{Icon as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useLocation as p}from"@tanstack/react-router";import{Feature as m}from"@equinor/subsurface-app-management";const h=({icon:h,link:g,onClick:_,replace:v=!1,name:y,disabled:b=!1,featureUuid:x,...S})=>{let{pathname:C}=p(),w=s({currentUrl:C,link:g}),{isOpen:T}=e(),E=o({currentUrl:C,link:g,replace:v,disabled:b}),D=c(e=>{if(!E){e.preventDefault();return}_&&_()},[E,_]),O=l(()=>d(t,{title:y,placement:`right`,children:d(a,{children:f(i,{to:g,$active:w,"aria-disabled":b,$disabled:b,onClick:D,tabIndex:0,"data-testid":`sidebar-menu-item`,replace:v,...S,children:[d(n,{"data-testid":`icon-container`,children:d(u,{data:h,size:24})}),T&&d(r,{$active:w,$disabled:b,variant:`button`,group:`navigation`,children:y})]})})}),[b,D,h,w,T,g,y,S,v]);return x?d(m,{featureUuid:x,children:O}):O};export{h as BasicMenuItem};
+import{useSideBar as e}from"../../../providers/SideBarProvider.js";import{OptionalTooltip as t}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as n,ItemText as r,Link as i,MenuItemWrapper as a}from"./MenuItem.styles.js";import{canNavigate as o,isCurrentUrl as s}from"./MenuItem.utils.js";import{useCallback as c,useMemo as l}from"react";import{Icon as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useLocation as p}from"@tanstack/react-router";import{Feature as m}from"@equinor/subsurface-app-management";const h=({icon:h,onClick:g,replace:_=!1,name:v,disabled:y=!1,featureUuid:b,...x})=>{let{pathname:S}=p(),C=s({currentUrl:S,link:x.to}),{isOpen:w}=e(),T=o({currentUrl:S,link:x.to,replace:_,disabled:y}),E=c(e=>{if(!T){e.preventDefault();return}g&&g()},[T,g]),D=l(()=>d(t,{title:v,placement:`right`,children:d(a,{children:f(i,{$active:C,"aria-disabled":y,$disabled:y,onClick:E,tabIndex:0,"data-testid":`sidebar-menu-item`,...x,children:[d(n,{"data-testid":`icon-container`,children:d(u,{data:h,size:24})}),w&&d(r,{$active:C,$disabled:y,variant:`button`,group:`navigation`,children:v})]})})}),[y,E,h,C,w,v,x]);return b?d(m,{featureUuid:b,children:D}):D};export{h as BasicMenuItem};

package/dist/organisms/SideBar/MenuItem/CollapsableMenuItem.js

@@ -45,4 +45,4 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   > p:first-child {
     grid-column: 2;
   }
-`,D=({icon:t,name:s,items:g,..._})=>{let{pathname:D}=w(),O=r(D),{isOpen:k}=n(),A=r(k),j=g.some(e=>l({currentUrl:D,link:e.link})),M=f(null),[N,P]=p(!1),F=()=>P(e=>!e);u(()=>{(A&&!k&&N||O!==D&&N&&!k)&&P(!1)},[N,k,D,A,O]);let I=d(()=>y(i,{title:s,placement:`right`,children:y(c,{children:b(T,{ref:M,$open:k,$active:j,$expanded:N,onClick:F,..._,children:[y(a,{"data-testid":`icon-container`,children:y(m,{data:t,size:24,color:e.interactive.primary__resting.rgba})}),k&&b(v,{children:[y(o,{$active:!1,$disabled:!1,variant:`button`,group:`navigation`,children:s}),y(m,{data:N?S:x,size:24,color:e.interactive.primary__resting.rgba})]})]})})}),[N,t,j,k,s,_]);return N&&k?b(v,{children:[I,g.map((e,t)=>y(E,{to:e.link,$active:l({currentUrl:D,link:e.link}),$disabled:e.disabled||!1,children:y(o,{$active:j,$disabled:e.disabled||!1,variant:`button`,group:`navigation`,children:e.name})},t))]}):N?b(v,{children:[I,y(h,{open:!0,anchorEl:M.current,placement:`right-start`,onClose:F,children:g.map(e=>y(h.Item,{as:C,active:l({currentUrl:D,link:e.link}),style:{width:`256px`},to:e.link,children:e.name},e.link))})]}):I};export{D as CollapsableMenuItem};
+`,D=({icon:t,name:s,items:g,..._})=>{let{pathname:D}=w(),O=r(D),{isOpen:k}=n(),A=r(k),j=g.some(e=>l({currentUrl:D,link:e.to})),M=f(null),[N,P]=p(!1),F=()=>P(e=>!e);u(()=>{(A&&!k&&N||O!==D&&N&&!k)&&P(!1)},[N,k,D,A,O]);let I=d(()=>y(i,{title:s,placement:`right`,children:y(c,{children:b(T,{ref:M,$open:k,$active:j,$expanded:N,onClick:F,..._,children:[y(a,{"data-testid":`icon-container`,children:y(m,{data:t,size:24,color:e.interactive.primary__resting.rgba})}),k&&b(v,{children:[y(o,{$active:!1,$disabled:!1,variant:`button`,group:`navigation`,children:s}),y(m,{data:N?S:x,size:24,color:e.interactive.primary__resting.rgba})]})]})})}),[N,t,j,k,s,_]);return N&&k?b(v,{children:[I,g.map((e,t)=>y(E,{$active:l({currentUrl:D,link:e.to}),$disabled:e.disabled||!1,...e,children:y(o,{$active:j,$disabled:e.disabled||!1,variant:`button`,group:`navigation`,children:e.name})},t))]}):N?b(v,{children:[I,y(h,{open:!0,anchorEl:M.current,placement:`right-start`,onClose:F,children:g.map(e=>y(h.Item,{as:C,active:l({currentUrl:D,link:e.to}),style:{width:`256px`},...e,children:e.name},e.to))})]}):I};export{D as CollapsableMenuItem};

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

@@ -3,10 +3,6 @@ import { FC } from "react";
 
 //#region src/organisms/SideBar/MenuItem/MenuItem.d.ts
 type MenuItemProps = {
-  /**
-   * @deprecated - currentUrl is not needed anymore, useLocation from react router is used internally
-   */
-  currentUrl?: string;
   disabled?: boolean;
 } & SideBarMenuItem;
 declare const MenuItem: FC<MenuItemProps>;

package/dist/organisms/SideBar/MenuItem/MenuItem.styles.js

@@ -1,6 +1,6 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{Link as i}from"@tanstack/react-router";const a=r.span`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{createLink as i}from"@tanstack/react-router";const a=r.span`
   width: 100%;
-`,o=r(i)`
+`,o=i(r.a`
   display: flex;
   align-self: stretch;
   align-items: center;
@@ -24,7 +24,7 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
       fill: ${({$disabled:t,$active:n})=>!t&&!n&&e.interactive.primary__hover.rgba};
     }
   }
-`,s=r.div`
+`),s=r.div`
   display: flex;
   padding: ${t.x_small};
   align-items: center;

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

@@ -1,4 +1,4 @@
-import * as react113 from "react";
+import * as react129 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: react113.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react113.RefAttributes<HTMLDivElement>>;
+declare const SideBar: react129.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react129.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { SideBar };

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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_runtime12.JSX.Element;
+}: GenericErrorProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { GenericError };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime10 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_runtime9.JSX.Element;
+}: MissingPermissionsProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { MissingPermissions };