@equinor/amplify-component-lib 11.0.0 → 11.0.2

package/dist/atoms/hooks/useLocalStorage.d.ts

@@ -1,6 +1,6 @@
-import * as react149 from "react";
+import * as react139 from "react";
 
 //#region src/atoms/hooks/useLocalStorage.d.ts
-declare const useLocalStorage: <T>(key: string, defaultState: T, keepAliveMs?: number) => readonly [T, react149.Dispatch<react149.SetStateAction<T>>, () => void];
+declare const useLocalStorage: <T>(key: string, defaultState: T, keepAliveMs?: number) => readonly [T, react139.Dispatch<react139.SetStateAction<T>>, () => void];
 //#endregion
 export { useLocalStorage };

package/dist/atoms/hooks/useSelect.d.ts

@@ -1,6 +1,6 @@
 import { SelectOption, SelectOptionRequired } from "../../molecules/Select/Select.types.js";
 import { SelectComponentProps } from "../../molecules/Select/Select.js";
-import * as react147 from "react";
+import * as react141 from "react";
 import { ChangeEvent, KeyboardEvent } from "react";
 
 //#region src/atoms/hooks/useSelect.d.ts
@@ -16,8 +16,8 @@ declare const useSelect: <T extends SelectOptionRequired>(props: SelectComponent
   handleOnOpen: () => void;
   handleOnRemoveItem: (item: SelectOption<T>) => void;
   search: string;
-  searchRef: react147.RefObject<HTMLInputElement | null>;
-  itemRefs: react147.RefObject<(HTMLButtonElement | null)[]>;
+  searchRef: react141.RefObject<HTMLInputElement | null>;
+  itemRefs: react141.RefObject<(HTMLButtonElement | null)[]>;
   selectedValues: T[];
   open: boolean;
   tryingToRemoveItem: T | undefined;

package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts

@@ -1,4 +1,4 @@
-import * as react3 from "react";
+import * as react0 from "react";
 import { IconData } from "@equinor/eds-icons";
 
 //#region src/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts
@@ -12,6 +12,6 @@ interface ExpandingIconButtonProps {
 /**
  * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
  */
-declare const ExpandingIconButton: react3.ForwardRefExoticComponent<ExpandingIconButtonProps & react3.RefAttributes<HTMLDivElement>>;
+declare const ExpandingIconButton: react0.ForwardRefExoticComponent<ExpandingIconButtonProps & react0.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ExpandingIconButton };

package/dist/molecules/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
-import * as react9 from "react";
+import * as react7 from "react";
 import { HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -25,6 +25,6 @@ type DeletableChipProps = BaseChipProps & InteractiveChipBase & {
   onDelete: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
 };
 type ChipProps = Omit<HTMLAttributes<HTMLDivElement | HTMLButtonElement>, 'onClick'> & (ReadOnlyChipProps | ClickableChipProps | DeletableChipProps);
-declare const Chip: react9.ForwardRefExoticComponent<ChipProps & react9.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
+declare const Chip: react7.ForwardRefExoticComponent<ChipProps & react7.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
 //#endregion
 export { BaseChipProps, Chip, ClickableChipProps, DeletableChipProps };

package/dist/molecules/DatePicker/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import { Variants } from "../../atoms/types/variants.js";
-import * as react13 from "react";
+import * as react9 from "react";
 import { DatePickerProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/DatePicker/DatePicker.d.ts
@@ -9,11 +9,11 @@ type DatePickerProps$1 = Omit<DatePickerProps, 'variant' | 'defaultValue'> & {
   meta?: string;
   loading?: boolean;
 };
-declare const DatePicker$1: react13.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
+declare const DatePicker$1: react9.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
   variant?: Variants;
   defaultValue?: Date | undefined;
   meta?: string;
   loading?: boolean;
-} & react13.RefAttributes<HTMLDivElement>>;
+} & react9.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DatePicker$1 as DatePicker, DatePickerProps$1 as DatePickerProps };

package/dist/molecules/DateRangePicker/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import { Variants } from "../../atoms/types/variants.js";
-import * as react5 from "react";
+import * as react11 from "react";
 import { DateRangePickerProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/DateRangePicker/DateRangePicker.d.ts
@@ -8,10 +8,10 @@ type DateRangePickerProps$1 = Omit<DateRangePickerProps, 'variant'> & {
   meta?: string;
   loading?: boolean;
 };
-declare const DateRangePicker$1: react5.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
+declare const DateRangePicker$1: react11.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
   variant?: Variants;
   meta?: string;
   loading?: boolean;
-} & react5.RefAttributes<HTMLDivElement>>;
+} & react11.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DateRangePicker$1 as DateRangePicker, DateRangePickerProps$1 as DateRangePickerProps };

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

@@ -1,4 +1,4 @@
-import * as react7 from "react";
+import * as react13 from "react";
 import { ReactNode } from "react";
 import { ButtonProps, DialogProps } from "@equinor/eds-core-react";
 import { IconData } from "@equinor/eds-icons";
@@ -51,6 +51,6 @@ interface DialogProps$1 extends Omit<DialogProps, 'title'> {
  * @param additionalInfo - Defaults to empty, and won't show the additional info button
  * Also inherits props from EDS dialog
  */
-declare const Dialog$1: react7.ForwardRefExoticComponent<DialogProps$1 & react7.RefAttributes<HTMLDivElement>>;
+declare const Dialog$1: react13.ForwardRefExoticComponent<DialogProps$1 & react13.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Dialog$1 as Dialog, DialogAction, DialogProps$1 as DialogProps };

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

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

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

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

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
-import * as react41 from "react";
+import * as react39 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: react41.ForwardRefExoticComponent<SearchProps$1 & react41.RefAttributes<HTMLInputElement>>;
+declare const Search$1: react39.ForwardRefExoticComponent<SearchProps$1 & react39.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Search$1 as Search };

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

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

package/dist/molecules/TextField/TextField.js

@@ -83,4 +83,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},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};
+`,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/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,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};
+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}from"./MenuItem.utils.js";import{useCallback as s,useMemo as c}from"react";import{Icon as l}from"@equinor/eds-core-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useMatchRoute as f}from"@tanstack/react-router";import{Feature as p}from"@equinor/subsurface-app-management";const m=({icon:m,onClick:h,replace:g=!1,name:_,disabled:v=!1,featureUuid:y,...b})=>{let{isOpen:x}=e(),S=!!f()({...b}),C=o({isActive:S,replace:g,disabled:v}),w=s(e=>{if(!C){e.preventDefault();return}h&&h()},[C,h]),T=c(()=>u(t,{title:_,placement:`right`,children:u(a,{children:d(i,{"aria-disabled":v,$disabled:v,onClick:w,tabIndex:0,"data-testid":`sidebar-menu-item`,...b,children:[u(n,{"data-testid":`icon-container`,children:u(l,{data:m,size:24})}),x&&u(r,{$active:S,$disabled:v,variant:`button`,group:`navigation`,children:_})]})})}),[v,w,m,S,x,_,b]);return y?u(p,{featureUuid:y,children:T}):T};export{m as BasicMenuItem};

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

@@ -1,4 +1,4 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useSideBar as n}from"../../../providers/SideBarProvider.js";import{usePrevious as r}from"../../../atoms/hooks/usePrevious.js";import{OptionalTooltip as i}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as a,ItemText as o,Link as s,MenuItemWrapper as c}from"./MenuItem.styles.js";import{isCurrentUrl as l}from"./MenuItem.utils.js";import{useEffect as u,useMemo as d,useRef as f,useState as p}from"react";import{Icon as m,Menu as h}from"@equinor/eds-core-react";import g,{css as _}from"styled-components";import{Fragment as v,jsx as y,jsxs as b}from"react/jsx-runtime";import{chevron_down as x,chevron_up as S}from"@equinor/eds-icons";import{Link as C,useLocation as w}from"@tanstack/react-router";const T=g.button`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useSideBar as n}from"../../../providers/SideBarProvider.js";import{usePrevious as r}from"../../../atoms/hooks/usePrevious.js";import{OptionalTooltip as i}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as a,ItemText as o,Link as s,MenuItemWrapper as c}from"./MenuItem.styles.js";import{useEffect as l,useMemo as u,useRef as d,useState as f}from"react";import{Icon as p,Menu as m}from"@equinor/eds-core-react";import h,{css as g}from"styled-components";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";import{chevron_down as b,chevron_up as x}from"@equinor/eds-icons";import{Link as S,useLocation as C,useMatchRoute as w}from"@tanstack/react-router";const T=h.button`
   position: relative;
   width: 100%;
   display: grid;
@@ -23,7 +23,7 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
     }
   }
 
-  ${({$open:t})=>!t&&_`
+  ${({$open:t})=>!t&&g`
       &:after {
         position: absolute;
         right: -7px; // 1px border offset from 8px width
@@ -38,11 +38,11 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
         z-index: 500;
       }
     `}
-`,E=g(s)`
+`,E=h(s)`
   display: grid;
   grid-template-columns: 32px 1fr;
   height: unset;
   > 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.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};
+`,D=({icon:t,name:s,items:h,...g})=>{let{pathname:D}=C(),O=w(),k=r(D),{isOpen:A}=n(),j=r(A),M=h.some(e=>!!O({...e})),N=d(null),[P,F]=f(!1),I=()=>F(e=>!e);l(()=>{(j&&!A&&P||k!==D&&P&&!A)&&F(!1)},[P,A,D,j,k]);let L=u(()=>v(i,{title:s,placement:`right`,children:v(c,{children:y(T,{ref:N,$open:A,$active:M,$expanded:P,onClick:I,...g,children:[v(a,{"data-testid":`icon-container`,children:v(p,{data:t,size:24,color:e.interactive.primary__resting.rgba})}),A&&y(_,{children:[v(o,{$active:!1,$disabled:!1,variant:`button`,group:`navigation`,children:s}),v(p,{data:P?x:b,size:24,color:e.interactive.primary__resting.rgba})]})]})})}),[P,t,M,A,s,g]);return P&&A?y(_,{children:[L,h.map((e,t)=>v(E,{$disabled:e.disabled||!1,...e,children:v(o,{$active:M,$disabled:e.disabled||!1,variant:`button`,group:`navigation`,children:e.name})},t))]}):P?y(_,{children:[L,v(m,{open:!0,anchorEl:N.current,placement:`right-start`,onClose:I,children:h.map(e=>v(m.Item,{as:S,active:!!O({...e}),style:{width:`256px`},...e,children:e.name},`${e.to}-${e.name}`))})]}):L};export{D as CollapsableMenuItem};

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

@@ -10,7 +10,6 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   gap: ${t.medium};
   box-sizing: border-box;
   border-bottom: 1px solid ${e.ui.background__medium.rgba};
-  background: ${({$active:t})=>t&&e.interactive.primary__selected_highlight.rgba};
   text-decoration: none;
   transition: background 0.1s ease-out;
   > div > svg {
@@ -19,9 +18,15 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   &:hover {
     cursor: ${({$disabled:e})=>!e&&`pointer`};
     text-decoration: none;
-    background: ${({$active:t,$disabled:n})=>!n&&(t?e.interactive.primary__selected_hover.rgba:e.interactive.primary__hover_alt.rgba)};
+    background: ${({$disabled:t})=>!t&&e.interactive.primary__hover_alt.rgba};
     > div > svg {
-      fill: ${({$disabled:t,$active:n})=>!t&&!n&&e.interactive.primary__hover.rgba};
+      fill: ${({$disabled:t})=>t?e.interactive.disabled__text.rgba:e.interactive.primary__hover.rgba};
+    }
+  }
+  &[data-status='active'] {
+    background: ${e.interactive.primary__selected_highlight.rgba};
+    &:hover {
+      background: ${e.interactive.primary__selected_hover.rgba};
     }
   }
 `),s=r.div`

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

@@ -1 +1 @@
-const e=({currentUrl:e,link:t})=>decodeURIComponent(e).includes(t)&&t!==`/`||t===e,t=({currentUrl:e,link:t})=>e.split(`?`)[0]===t,n=({currentUrl:n,link:r,disabled:i,replace:a})=>{let o=e({currentUrl:n,link:r}),s=t({currentUrl:n,link:r});return!i&&(!o||o&&!s&&a)};export{n as canNavigate,e as isCurrentUrl};
+const e=({isActive:e,disabled:t,replace:n})=>!t&&(!e||e&&n);export{e as canNavigate};

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

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

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

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

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

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

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

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

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

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

package/dist/organisms/Status/collections/GenericError.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/GenericError.d.ts
 interface GenericErrorProps {
@@ -14,6 +14,6 @@ declare const GenericError: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: GenericErrorProps) => react_jsx_runtime9.JSX.Element;
+}: GenericErrorProps) => react_jsx_runtime11.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_runtime10 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_runtime10.JSX.Element;
 //#endregion
 export { PageNotFound };

package/dist/organisms/ToggleGroup/ToggleGroup.d.ts

@@ -1,7 +1,7 @@
 import { ToggleGroup as ToggleGroup$1 } from "./ToggleGroup.types.js";
-import * as react145 from "react";
+import * as react137 from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup: react145.ForwardRefExoticComponent<ToggleGroup$1 & react145.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroup: react137.ForwardRefExoticComponent<ToggleGroup$1 & react137.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ToggleGroup };

package/dist/organisms/ToggleGroup/ToggleGroupOption.d.ts

@@ -1,9 +1,9 @@
 import { ToggleGroupOption as ToggleGroupOption$1 } from "./ToggleGroup.types.js";
-import * as react143 from "react";
+import * as react135 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroupOption.d.ts
 type ToggleGroupOptionProps = ToggleGroupOption$1 & Omit<HTMLAttributes<HTMLButtonElement>, 'onToggle' | 'disabled'>;
-declare const ToggleGroupOption: react143.ForwardRefExoticComponent<ToggleGroupOptionProps & react143.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroupOption: react135.ForwardRefExoticComponent<ToggleGroupOptionProps & react135.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ToggleGroupOption };

package/dist/organisms/TopBar/Notifications/NotificationProvider.d.ts

@@ -1,4 +1,4 @@
-import * as react151 from "react";
+import * as react143 from "react";
 import { Dispatch, FC, ReactNode, SetStateAction } from "react";
 
 //#region src/organisms/TopBar/Notifications/NotificationProvider.d.ts
@@ -6,7 +6,7 @@ interface NotificationContext {
   setIsOpen: Dispatch<SetStateAction<boolean>>;
   isOpen: boolean;
 }
-declare const NotificationContext: react151.Context<NotificationContext | undefined>;
+declare const NotificationContext: react143.Context<NotificationContext | undefined>;
 declare const useNotification: () => NotificationContext;
 //#endregion
 export { useNotification };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "11.0.0",
+  "version": "11.0.2",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",