@equinor/amplify-component-lib 13.0.0 → 13.1.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-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 react155 from "react";
+import * as styled_components43 from "styled-components";
+import * as styled_components_dist_types37 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
 
 //#region src/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts
@@ -8,6 +8,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_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;
+declare const SkeletonBase: styled_components_dist_types37.IStyledComponentBase<"web", styled_components43.FastOmit<styled_components43.FastOmit<react155.DetailedHTMLProps<react155.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components43.FastOmit<react155.DetailedHTMLProps<react155.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

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

@@ -1,6 +1,6 @@
 import { Tabs as Tabs$1 } from "./Tabs.types.js";
 import { HTMLAttributes, Ref } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/molecules/Tabs/Tabs.d.ts
 type TabsProps<T> = Tabs$1<T> & {
@@ -27,6 +27,6 @@ declare function Tabs<T>({
   onHover,
   ref,
   ...rest
-}: TabsProps<T>): react_jsx_runtime0.JSX.Element;
+}: TabsProps<T>): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Tabs, TabsProps };

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

@@ -5,21 +5,23 @@ import { IconData } from "@equinor/eds-icons";
 interface Tab<T> {
   value: T;
   label: string;
-  count?: number;
+  count?: number | string;
   leadingIcon?: IconData;
   trailingIcon?: IconData;
   variant?: Extract<Variants, 'warning' | 'error'>;
   disabled?: boolean;
 }
-interface Tabs<T> {
+interface TabsScrollProps {
+  scrollable?: boolean;
+  amountPerScrollPage?: number;
+}
+interface Tabs<T> extends TabsScrollProps {
   selected: T;
   onChange: (value: T) => void;
   onHover?: (hoveredTabValue: T) => void;
   options: Tab<T>[];
-  scrollable?: boolean;
-  amountPerScrollPage?: number;
   centered?: boolean;
   animated?: boolean;
 }
 //#endregion
-export { Tab, Tabs };
+export { Tab, Tabs, TabsScrollProps };

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

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

package/dist/molecules/Tag/Tag.js

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

package/dist/molecules/Toast/Toast.js

@@ -1 +1 @@
-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};
+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,{variant:`outlined`,onClick:x,children:v.text}),y&&u(a,{role:`progressbar`,$variant:g,$duration:y})]})};export{p as Toast};

package/dist/organisms/DataGrid/DataGrid.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime2 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_runtime4.JSX.Element;
+declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime2.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_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 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_runtime6.JSX.Element;
+}: FilterProps<T>): react_jsx_runtime5.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_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 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_runtime7.JSX.Element;
+}: QuickFilterProps<T>): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { QuickFilter };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/SortMenu.d.ts
 interface SortMenuProps<S> {
@@ -13,6 +13,6 @@ declare function SortMenu<S>({
   value,
   onChange,
   items
-}: SortMenuProps<S>): react_jsx_runtime5.JSX.Element;
+}: SortMenuProps<S>): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { SortMenu };

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 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`
+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`
   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%;
-`,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};
+`,u=({expanded:e,onToggleExpanded:t})=>a(l,{children:o(n,{variant:`ghost`,onClick:t,trailingContent:a(r,{data:e?c:s}),children:[`Show `,e?`less`:`more`]})});export{u as ToggleExpanded};

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/organisms/TableOfContents/TableOfContents.d.ts

@@ -1,11 +1,18 @@
-import { TableOfContentsMode } from "./TableOfContents.types.js";
+import { TabsScrollProps } from "../../molecules/Tabs/Tabs.types.js";
 import { FC } from "react";
 
 //#region src/organisms/TableOfContents/TableOfContents.d.ts
-interface TableOfContentsProps {
-  mode?: TableOfContentsMode;
+interface TableOfContentsBaseProps {
   onlyShowSelectedChildren?: boolean;
 }
+interface TableOfContentsVerticalProps extends TableOfContentsBaseProps {
+  mode?: 'vertical';
+}
+interface TableOfContentsHorizontalProps extends TableOfContentsBaseProps {
+  mode: 'horizontal';
+  tabsProps?: TabsScrollProps;
+}
+type TableOfContentsProps = TableOfContentsVerticalProps | TableOfContentsHorizontalProps;
 declare const TableOfContents: FC<TableOfContentsProps>;
 //#endregion
 export { TableOfContents, TableOfContentsProps };

package/dist/organisms/TableOfContents/TableOfContents.js

@@ -1 +1 @@
-import{getValues as e}from"../../providers/TableOfContentsProvider.utils.js";import{useTableOfContents as t}from"../../providers/TableOfContentsProvider.js";import{Tabs as n}from"../../molecules/Tabs/Tabs.js";import{HorizontalItemsContainer as r,TableOfContentsContainer as i,VerticalItemsContainer as a}from"./TableOfContents.styles.js";import{TableOfContentsItem as o}from"./TableOfContentsItem.js";import{useMemo as s}from"react";import{jsx as c}from"react/jsx-runtime";const l=({mode:l=`vertical`,onlyShowSelectedChildren:u=!0})=>{let{items:d,selected:f,setSelected:p}=t(),m=s(()=>{for(let[t,n]of d.entries()){let r=e([],n);if(n.value===f||f&&r.includes(f))return t}return-1},[d,f]);return l===`horizontal`?c(r,{children:c(n,{selected:f,onChange:e=>{e&&p(e)},options:d})}):c(i,{className:`page-menu`,layoutRoot:!0,"data-testid":`table-of-contents-container`,children:d.map((e,t)=>c(a,{"data-testid":`border-items-container-${e.value}`,$index:t,$activeIndex:m,"aria-selected":m===t,children:c(o,{onlyShowSelectedChildren:u,...e})},e.value))})};export{l as TableOfContents};
+import{getValues as e}from"../../providers/TableOfContentsProvider.utils.js";import{useTableOfContents as t}from"../../providers/TableOfContentsProvider.js";import{Tabs as n}from"../../molecules/Tabs/Tabs.js";import{HorizontalItemsContainer as r,TableOfContentsContainer as i,VerticalItemsContainer as a}from"./TableOfContents.styles.js";import{TableOfContentsItem as o}from"./TableOfContentsItem.js";import{useMemo as s}from"react";import{jsx as c}from"react/jsx-runtime";const l=({onlyShowSelectedChildren:l=!0,...u})=>{let{items:d,selected:f,setSelected:p}=t(),m=s(()=>{for(let[t,n]of d.entries()){let r=e([],n);if(n.value===f||f&&r.includes(f))return t}return-1},[d,f]);return u.mode===`horizontal`?c(r,{children:c(n,{selected:f,onChange:e=>{e&&p(e)},options:d,...u.tabsProps})}):c(i,{className:`page-menu`,layoutRoot:!0,"data-testid":`table-of-contents-container`,children:d.map((e,t)=>c(a,{"data-testid":`border-items-container-${e.value}`,$index:t,$activeIndex:m,"aria-selected":m===t,children:c(o,{onlyShowSelectedChildren:l,...e})},e.value))})};export{l as TableOfContents};

package/dist/organisms/TableOfContents/TableOfContents.styles.js

@@ -46,6 +46,7 @@ import{animation as e}from"../../atoms/style/animation.js";import{colors as t}fr
       }
     `}
 `,c=i.div`
+  overflow: hidden;
   button[role='tab'] {
     .count {
       background: ${t.ui.background__light_medium.rgba};

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

@@ -1,7 +1,7 @@
 import { ToggleGroup as ToggleGroup$1 } from "./ToggleGroup.types.js";
-import * as react212 from "react";
+import * as react205 from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup: react212.ForwardRefExoticComponent<ToggleGroup$1 & react212.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroup: react205.ForwardRefExoticComponent<ToggleGroup$1 & react205.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 react210 from "react";
+import * as react207 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: react210.ForwardRefExoticComponent<ToggleGroupOptionProps & react210.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroupOption: react207.ForwardRefExoticComponent<ToggleGroupOptionProps & react207.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ToggleGroupOption };

package/dist/organisms/TopBar/Account/Account.js

@@ -1 +1 @@
-import"../../../atoms/enums/Environment.js";import{environment as e}from"../../../atoms/utils/auth_environment.js";import{useAuth as t}from"../../../providers/AuthProvider/AuthProvider.js";import{useLocalStorage as n}from"../../../atoms/hooks/useLocalStorage.js";import{Button as r}from"../../../molecules/Button/Button.js";import{TopBarMenu as i}from"../TopBarMenu.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useCanImpersonate as o}from"./ImpersonateMenu/hooks/useCanImpersonate.js";import{useMappedRoles as ee}from"./ImpersonateMenu/hooks/useMappedRoles.js";import{useStopImpersonation as s}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{ButtonWrapper as c,Container as l,EnvironmentToggleWrapper as u,TextContent as d}from"./Account.styles.js";import{impersonateUserDtoToFullName as te}from"./ImpersonateMenu/Impersonate.utils.js";import{ImpersonateMenu as f}from"./ImpersonateMenu/ImpersonateMenu.js";import{AccountAvatar as p}from"./AccountAvatar.js";import{AccountButton as m}from"./AccountButton.js";import{ActiveUserImpersonationButton as h}from"./ActiveUserImpersonationButton.js";import{ImpersonateButton as g}from"./ImpersonateButton.js";import{RoleList as _}from"./RoleList.js";import{EnvironmentToggle as ne}from"./EnvironmentToggle.js";import{StatusChips as v}from"./StatusChips.js";import{useCallback as re,useEffect as ie,useMemo as y,useRef as b,useState as x}from"react";import{Typography as S}from"@equinor/eds-core-react";import{Fragment as C,jsx as w,jsxs as T}from"react/jsx-runtime";import{log_out as E}from"@equinor/eds-icons";import{ENVIRONMENT_TOGGLE_KEY as D}from"@equinor/subsurface-app-management";const O=({renderCustomButton:O,hideRoles:k=!1,useDisplayNameForRole:A=!1,children:j,enableEnvironmentToggle:M=!1,onImpersonateChange:N})=>{let P=e.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME),F=e.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),I=e.getAppName(import.meta.env.VITE_NAME),{account:L,roles:R,logout:z}=t(),[B,V]=x(!1),[H,U]=x(!1),[W,G]=n(D,[]),K=b(null),{data:q=!0}=o(),{data:J}=a(),{mutate:Y}=s(),X=ee(J?J.roles:R??[],A),ae=J?te(J):L?.name,oe=J?J.uniqueName:L?.username,Z=()=>V(!1),Q=re(()=>{V(e=>!e),U(!1)},[]),$=()=>{U(!0),V(!1)};return ie(()=>{J&&J.appName!=null&&J.appName.toUpperCase()!=I.toUpperCase()&&Y()},[J,I,Y]),T(C,{children:[y(()=>O?O(K,Q):null,[O,Q])||w(m,{ref:K,onClick:Q,environmentToggle:W}),T(i,{open:B,title:`Account`,onClose:Z,anchorEl:K.current,children:[T(l,{children:[J&&w(h,{onClick:$}),w(p,{environmentToggle:W}),T(d,{children:[w(S,{variant:`h6`,children:ae}),w(S,{children:oe})]}),W.length>0&&w(v,{statuses:W}),X&&!k&&w(C,{children:X.length<=3?w(v,{statuses:X}):w(_,{roles:X})}),j,q&&P!==`production`&&F&&w(g,{onOpenImpersonateMenu:$,onClose:Z,onImpersonateChange:N})]}),M&&P!==`production`&&w(u,{children:w(ne,{setEnvironmentToggle:G,environmentToggle:W})}),w(c,{children:w(r,{label:`Log out`,leadingIcon:E,variant:`ghost`,onClick:z})})]}),w(f,{open:H,onClose:()=>U(!1),anchorEl:K.current,onImpersonateChange:N})]})};O.displayName=`TopBar.Account`;export{O as Account};
+import"../../../atoms/enums/Environment.js";import{environment as e}from"../../../atoms/utils/auth_environment.js";import{useAuth as t}from"../../../providers/AuthProvider/AuthProvider.js";import{useLocalStorage as n}from"../../../atoms/hooks/useLocalStorage.js";import{Button as r}from"../../../molecules/Button/Button.js";import{TopBarMenu as i}from"../TopBarMenu.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useCanImpersonate as o}from"./ImpersonateMenu/hooks/useCanImpersonate.js";import{useMappedRoles as s}from"./ImpersonateMenu/hooks/useMappedRoles.js";import{useStopImpersonation as c}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{ButtonWrapper as ee,Container as l,EnvironmentToggleWrapper as te,TextContent as u}from"./Account.styles.js";import{impersonateUserDtoToFullName as d}from"./ImpersonateMenu/Impersonate.utils.js";import{ImpersonateMenu as f}from"./ImpersonateMenu/ImpersonateMenu.js";import{AccountAvatar as ne}from"./AccountAvatar.js";import{AccountButton as p}from"./AccountButton.js";import{ActiveUserImpersonationButton as m}from"./ActiveUserImpersonationButton.js";import{ImpersonateButton as h}from"./ImpersonateButton.js";import{RoleList as g}from"./RoleList.js";import{EnvironmentToggle as re}from"./EnvironmentToggle.js";import{StatusChips as _}from"./StatusChips.js";import{useCallback as ie,useEffect as ae,useMemo as v,useRef as y,useState as b}from"react";import{Icon as x,Typography as S}from"@equinor/eds-core-react";import{Fragment as C,jsx as w,jsxs as T}from"react/jsx-runtime";import{log_out as E}from"@equinor/eds-icons";import{ENVIRONMENT_TOGGLE_KEY as D}from"@equinor/subsurface-app-management";const O=({renderCustomButton:O,hideRoles:k=!1,useDisplayNameForRole:A=!1,children:j,enableEnvironmentToggle:M=!1,onImpersonateChange:N})=>{let P=e.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME),F=e.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),I=e.getAppName(import.meta.env.VITE_NAME),{account:L,roles:R,logout:z}=t(),[B,V]=b(!1),[H,U]=b(!1),[W,G]=n(D,[]),K=y(null),{data:q=!0}=o(),{data:J}=a(),{mutate:Y}=c(),X=s(J?J.roles:R??[],A),oe=J?d(J):L?.name,se=J?J.uniqueName:L?.username,Z=()=>V(!1),Q=ie(()=>{V(e=>!e),U(!1)},[]),$=()=>{U(!0),V(!1)};return ae(()=>{J&&J.appName!=null&&J.appName.toUpperCase()!=I.toUpperCase()&&Y()},[J,I,Y]),T(C,{children:[v(()=>O?O(K,Q):null,[O,Q])||w(p,{ref:K,onClick:Q,environmentToggle:W}),T(i,{open:B,title:`Account`,onClose:Z,anchorEl:K.current,children:[T(l,{children:[J&&w(m,{onClick:$}),w(ne,{environmentToggle:W}),T(u,{children:[w(S,{variant:`h6`,children:oe}),w(S,{children:se})]}),W.length>0&&w(_,{statuses:W}),X&&!k&&w(C,{children:X.length<=3?w(_,{statuses:X}):w(g,{roles:X})}),j,q&&P!==`production`&&F&&w(h,{onOpenImpersonateMenu:$,onClose:Z,onImpersonateChange:N})]}),M&&P!==`production`&&w(te,{children:w(re,{setEnvironmentToggle:G,environmentToggle:W})}),w(ee,{children:w(r,{variant:`ghost`,onClick:z,leadingContent:w(x,{data:E}),children:`Log out`})})]}),w(f,{open:H,onClose:()=>U(!1),anchorEl:K.current,onImpersonateChange:N})]})};O.displayName=`TopBar.Account`;export{O as Account};

package/dist/organisms/TopBar/Account/ImpersonateMenu/DeleteUser/DeleteUser.js

@@ -1 +1 @@
-import{colors as e}from"../../../../../atoms/style/colors.js";import{useSnackbar as t}from"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import{Button as n}from"../../../../../molecules/Button/Button.js";import{IconButton as r}from"../../../../../molecules/Button/IconButton/IconButton.js";import{Header as i}from"../Impersonate.styles.js";import{useDeleteImpersonation as a}from"../hooks/useDeleteImpersonation.js";import{Container as o}from"./DeleteUser.styles.js";import{RoleChip as s,RolesContainer as c,TextContent as l}from"../../Account.styles.js";import{StatusAvatar as u}from"../../StatusAvatar.js";import{Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{arrow_back as m,delete_to_trash as h}from"@equinor/eds-icons";const g=({user:g,onBack:_})=>{let{mutateAsync:v,isPending:y}=a(),{showSnackbar:b}=t(),x=`${g.firstName} ${g.lastName}`;return p(o,{children:[p(i,{children:[f(r,{icon:m,variant:`ghost`,onClick:_}),f(d,{variant:`h6`,children:`Delete user`})]}),p(`section`,{children:[f(d,{variant:`h4`,children:`You are deleting a user`}),p(d,{variant:`caption`,color:e.text.static_icons__tertiary.rgba,children:[`Are you sure you want to delete user "`,x,`"?`]})]}),f(u,{size:64,name:x,variant:`impersonate`}),p(l,{children:[f(d,{variant:`h6`,children:x}),f(d,{children:g.uniqueName})]}),f(c,{children:g.roles.map(e=>f(s,{children:e},e))}),p(`div`,{children:[f(n,{loading:y,leadingIcon:h,variant:`outlined`,color:`danger`,label:`Delete user`,onClick:async()=>{await v(g),b(`Deleted user "${x}" successfully`),_()}}),f(n,{label:`Cancel`,variant:`ghost`,onClick:_})]})]})};export{g as DeleteUser};
+import{colors as e}from"../../../../../atoms/style/colors.js";import{useSnackbar as t}from"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import{Button as n}from"../../../../../molecules/Button/Button.js";import{IconButton as r}from"../../../../../molecules/Button/IconButton/IconButton.js";import{Header as i}from"../Impersonate.styles.js";import{useDeleteImpersonation as a}from"../hooks/useDeleteImpersonation.js";import{Container as o}from"./DeleteUser.styles.js";import{RoleChip as s,RolesContainer as c,TextContent as l}from"../../Account.styles.js";import{StatusAvatar as u}from"../../StatusAvatar.js";import{Icon as d,Typography as f}from"@equinor/eds-core-react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{arrow_back as h,delete_to_trash as g}from"@equinor/eds-icons";const _=({user:_,onBack:v})=>{let{mutateAsync:y,isPending:b}=a(),{showSnackbar:x}=t(),S=`${_.firstName} ${_.lastName}`;return m(o,{children:[m(i,{children:[p(r,{icon:h,variant:`ghost`,onClick:v}),p(f,{variant:`h6`,children:`Delete user`})]}),m(`section`,{children:[p(f,{variant:`h4`,children:`You are deleting a user`}),m(f,{variant:`caption`,color:e.text.static_icons__tertiary.rgba,children:[`Are you sure you want to delete user "`,S,`"?`]})]}),p(u,{size:64,name:S,variant:`impersonate`}),m(l,{children:[p(f,{variant:`h6`,children:S}),p(f,{children:_.uniqueName})]}),p(c,{children:_.roles.map(e=>p(s,{children:e},e))}),m(`div`,{children:[p(n,{loading:b,variant:`outlined`,color:`danger`,onClick:async()=>{await y(_),x(`Deleted user "${S}" successfully`),v()},leadingContent:p(d,{data:g}),children:`Delete user`}),p(n,{variant:`ghost`,onClick:v,children:`Cancel`})]})]})};export{_ as DeleteUser};