@equinor/amplify-component-lib 10.7.0 → 10.8.1

package/dist/_virtual/rolldown_runtime.js

@@ -1 +1 @@
-var e=Object.defineProperty,t=t=>{let n={};for(var r in t)e(n,r,{get:t[r],enumerable:!0});return n};export{t as __export};
+var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n&&e(r,Symbol.toStringTag,{value:`Module`}),r};export{t as __export};

package/dist/atoms/utils/environmentToggle.js

@@ -0,0 +1 @@
+import{colors as e}from"../style/colors.js";function t(e){return e.charAt(0).toUpperCase()+e.slice(1).replaceAll(`-`,` `)}const n={combined:{border:e.interactive.success__resting.rgba,background:e.interactive.warning__text.rgba,chipBackground:e.interactive.warning__resting.rgba,outline:e.interactive.success__resting.rgba},environment:{border:e.interactive.success__resting.rgba,background:e.interactive.success__text.rgba,chipBackground:e.interactive.success__resting.rgba,outline:e.interactive.success__resting.rgba},impersonate:{border:e.interactive.warning__resting.rgba,background:e.interactive.warning__text.rgba,chipBackground:e.interactive.warning__resting.rgba,outline:e.interactive.warning__resting.rgba}},r={border:e.interactive.warning__resting.rgba,background:e.interactive.warning__text.rgba,chipBackground:e.interactive.warning__resting.rgba,outline:e.interactive.warning__resting.rgba};function i(e){return e?n[e]:r}export{t as formatFeatureName,i as getVariantColors};

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

@@ -1,4 +1,4 @@
-import * as react1 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: react1.ForwardRefExoticComponent<ExpandingIconButtonProps & react1.RefAttributes<HTMLDivElement>>;
+declare const ExpandingIconButton: react0.ForwardRefExoticComponent<ExpandingIconButtonProps & react0.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ExpandingIconButton };

package/dist/deprecated/IconToggleButton.d.ts

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

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

@@ -1,4 +1,4 @@
-import * as react7 from "react";
+import * as react10 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: react7.ForwardRefExoticComponent<ChipProps & react7.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
+declare const Chip: react10.ForwardRefExoticComponent<ChipProps & react10.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 react9 from "react";
+import * as react12 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: react9.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
+declare const DatePicker$1: react12.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
   variant?: Variants;
   defaultValue?: Date | undefined;
   meta?: string;
   loading?: boolean;
-} & react9.RefAttributes<HTMLDivElement>>;
+} & react12.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 react11 from "react";
+import * as react14 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: react11.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
+declare const DateRangePicker$1: react14.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
   variant?: Variants;
   meta?: string;
   loading?: boolean;
-} & react11.RefAttributes<HTMLDivElement>>;
+} & react14.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 react13 from "react";
+import * as react16 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: react13.ForwardRefExoticComponent<DialogProps$1 & react13.RefAttributes<HTMLDivElement>>;
+declare const Dialog$1: react16.ForwardRefExoticComponent<DialogProps$1 & react16.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 react5 from "react";
+import * as react18 from "react";
 
 //#region src/molecules/EquinorLogo/EquinorLogo.d.ts
 interface EquinorLogoProps extends Partial<SizeIconProps> {
   large?: boolean;
   color?: 'red' | 'white' | 'black';
 }
-declare const EquinorLogo: react5.ForwardRefExoticComponent<EquinorLogoProps & react5.RefAttributes<SVGSVGElement>>;
+declare const EquinorLogo: react18.ForwardRefExoticComponent<EquinorLogoProps & react18.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 react20 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: react20.ForwardRefExoticComponent<IconCellProps & react20.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconCell, IconCellProps };

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,11 @@
 import { EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures } from "../RichTextEditor.types.js";
 import { MenuButtonProps } from "./MenuButton.js";
 import { AddImageProps } from "./AddImageButton.js";
-import * as react31 from "react";
+import * as react36 from "react";
 import { FC } from "react";
 import * as styled_components0 from "styled-components";
 import { Editor } from "@tiptap/react";
-import * as styled_components_dist_types3 from "styled-components/dist/types";
+import * as styled_components_dist_types5 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_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-  Bars: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-  Button: react31.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react31.RefAttributes<HTMLButtonElement>>;
-  Section: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+  Bar: styled_components_dist_types5.IStyledComponentBase<"web", styled_components0.FastOmit<react36.DetailedHTMLProps<react36.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+  Bars: styled_components_dist_types5.IStyledComponentBase<"web", styled_components0.FastOmit<react36.DetailedHTMLProps<react36.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+  Button: react36.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react36.RefAttributes<HTMLButtonElement>>;
+  Section: styled_components_dist_types5.IStyledComponentBase<"web", styled_components0.FastOmit<react36.DetailedHTMLProps<react36.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
   AddImageButton: FC<AddImageProps>;
 };
 declare const EditorText: {

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 react28 from "react";
 import * as _tiptap_react0 from "@tiptap/react";
-import * as styled_components_dist_types0 from "styled-components/dist/types";
+import * as styled_components_dist_types1 from "styled-components/dist/types";
 
 //#region src/molecules/RichTextEditor/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_types1.IStyledComponentBase<"web", styled_components_dist_types1.Substitute<react28.DetailedHTMLProps<react28.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditorStylingProps>> & string;
+  Provider: react28.FC<EditorProviderProps>;
+  Content: styled_components_dist_types1.IStyledComponentBase<"web", styled_components_dist_types1.Substitute<Omit<_tiptap_react0.EditorContentProps, "ref"> & react28.RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<react28.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react28.RefAttributes<HTMLDivElement>>, keyof react28.Component<any, {}, any>>;
+  Bar: react28.FC<MenuBarProps>;
 };
 //#endregion
 export { RichText };

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

@@ -1,7 +1,7 @@
-import * as react39 from "react";
+import * as react44 from "react";
 import { SearchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/Search/Search.d.ts
-declare const Search$1: react39.ForwardRefExoticComponent<SearchProps & react39.RefAttributes<HTMLInputElement>>;
+declare const Search$1: react44.ForwardRefExoticComponent<SearchProps & react44.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Search$1 as Search };

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { BaseChipProps, ClickableChipProps, DeletableChipProps } from "../Chip/Chip.js";
-import * as react43 from "react";
+import * as react48 from "react";
 import "@equinor/eds-core-react";
 import "styled-components";
-import * as styled_components_dist_types8 from "styled-components/dist/types";
+import * as styled_components_dist_types10 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_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<((Omit<react43.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
+declare const ComboBoxChip: styled_components_dist_types10.IStyledComponentBase<"web", styled_components_dist_types10.Substitute<((Omit<react48.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react43.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types8.BaseObject, ComboBoxChipProps>> & string & Omit<react43.ForwardRefExoticComponent<(Omit<react43.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
+}) | ClickableChipProps | DeletableChipProps)) & react48.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types10.BaseObject, ComboBoxChipProps>> & string & Omit<react48.ForwardRefExoticComponent<(Omit<react48.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react43.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react43.Component<any, {}, any>>;
+}) | ClickableChipProps | DeletableChipProps)) & react48.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react48.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_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/molecules/Select/SingleSelect/SingleSelect.d.ts
 type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & (ListSelectProps<T> | GroupedSelectProps<T>);
@@ -15,6 +15,6 @@ type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> &
  * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  */
-declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime3.JSX.Element;
+declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SingleSelect, SingleSelectProps };

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

@@ -1,4 +1,4 @@
-import * as react102 from "react";
+import * as react107 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: react102.ForwardRefExoticComponent<CheckboxProps$1 & react102.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react107.ForwardRefExoticComponent<CheckboxProps$1 & react107.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 react104 from "react";
+import * as react109 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: react104.ForwardRefExoticComponent<RadioProps$1 & react104.RefAttributes<HTMLInputElement>>;
+declare const Radio$1: react109.ForwardRefExoticComponent<RadioProps$1 & react109.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 react106 from "react";
+import * as react111 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: react106.ForwardRefExoticComponent<SwitchProps$1 & react106.RefAttributes<HTMLInputElement>>;
+declare const Switch$1: react111.ForwardRefExoticComponent<SwitchProps$1 & react111.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 react41 from "react";
-import * as styled_components_dist_types6 from "styled-components/dist/types";
+import * as react46 from "react";
+import * as styled_components_dist_types8 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_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react41.DetailedHTMLProps<react41.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
+declare const SkeletonBase: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<react46.DetailedHTMLProps<react46.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

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

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime0.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_runtime7 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_runtime7.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/ReleaseNote/ReleaseNote.d.ts

@@ -1,4 +1,4 @@
-import * as react111 from "react";
+import * as react8 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: react111.ForwardRefExoticComponent<{
+declare const ReleaseNote$1: react8.ForwardRefExoticComponent<{
   actionMenu?: ReactNode;
   expanded?: boolean;
-} & ReleaseNote & react111.RefAttributes<HTMLDivElement>>;
+} & ReleaseNote & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };

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

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

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

@@ -1,10 +1,10 @@
-import * as react137 from "react";
+import * as react125 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: react125.ForwardRefExoticComponent<ActionProps & react125.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Action };

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

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

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

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

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

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

package/dist/organisms/Template/Template.d.ts

@@ -1,14 +1,14 @@
-import * as react108 from "react";
-import * as styled_components12 from "styled-components";
+import * as react5 from "react";
+import * as styled_components0 from "styled-components";
 import { IStyledComponent } from "styled-components";
-import * as styled_components_dist_types50 from "styled-components/dist/types";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/organisms/Template/Template.d.ts
 interface ContentProps {
   $open: boolean;
 }
-declare const Content: styled_components_dist_types50.IStyledComponentBase<"web", styled_components_dist_types50.Substitute<react108.DetailedHTMLProps<react108.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
-declare const GlobalStyles: react108.NamedExoticComponent<styled_components12.ExecutionProps & object>;
+declare const Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<react5.DetailedHTMLProps<react5.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
+declare const GlobalStyles: react5.NamedExoticComponent<styled_components0.ExecutionProps & object>;
 type TemplateType = IStyledComponent<'web', any> & {
   Container: IStyledComponent<'web', any>;
   Content: typeof Content;

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

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

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

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

package/dist/organisms/TopBar/Account/Account.d.ts

@@ -9,6 +9,7 @@ interface AccountProps {
   children?: ReactNode;
   availableFields?: Field[];
   availableWells?: string[];
+  enableEnvironmentToggle?: boolean;
 }
 declare const Account: FC<AccountProps>;
 //#endregion

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

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

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

@@ -11,14 +11,22 @@ import{animation as e}from"../../../atoms/style/animation.js";import{colors as t
   align-items: center;
   gap: ${n.small};
 `,c=a.div`
+  padding: ${n.medium} ${n.medium} 0 ${n.medium};
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: stretch;
+  gap: ${n.small};
 `,l=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,u=a.div`
   display: grid;
+  grid-auto-flow: column;
   margin-top: ${n.x_large};
   justify-content: center;
-`,u=a.button`
+  gap: ${n.small};
+`,d=a.button`
   display: grid;
   grid-template-columns: auto 1fr auto;
   align-items: center;
@@ -40,7 +48,7 @@ import{animation as e}from"../../../atoms/style/animation.js";import{colors as t
   &:hover {
     background: ${t.interactive.primary__hover_alt.rgba};
   }
-`,d=a.section`
+`,f=a.section`
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -50,8 +58,8 @@ import{animation as e}from"../../../atoms/style/animation.js";import{colors as t
   overflow-x: hidden;
   gap: ${n.small};
   margin-top: ${n.small};
-`,f=a(i)`
+`,p=a(i)`
   background: ${t.ui.background__light.rgba};
   border: 1px solid ${t.ui.background__medium.rgba};
   color: ${t.text.static_icons__default.rgba};
-`;export{l as ButtonWrapper,s as Container,u as OpenImpersonationMenuButton,o as ProfileButton,f as RoleChip,d as RolesContainer,c as TextContent};
+`;export{u as ButtonWrapper,s as Container,c as EnvironmentToggleWrapper,d as OpenImpersonationMenuButton,o as ProfileButton,p as RoleChip,f as RolesContainer,l as TextContent};

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

@@ -1,11 +1,12 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useAuth as n}from"../../../providers/AuthProvider/AuthProvider.js";import{Chip as r}from"../../../molecules/Chip/Chip.js";import{ProfileAvatar as i}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ImpersonateAvatar as o}from"./ImpersonateAvatar.js";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.div`
+import{spacings as e}from"../../../atoms/style/spacings.js";import{useAuth as t}from"../../../providers/AuthProvider/AuthProvider.js";import{Chip as n}from"../../../molecules/Chip/Chip.js";import{ProfileAvatar as r}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as i}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{getVariantColors as a}from"../../../atoms/utils/environmentToggle.js";import{StatusAvatar as o}from"./StatusAvatar.js";import{impersonateUserDtoToFullName as s}from"./ImpersonateMenu/Impersonate.utils.js";import c from"styled-components";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=c.div`
   position: relative;
-  margin-bottom: ${t.small};
-`,d=s(r)`
+  margin-bottom: ${e.small};
+`,p=c(n)`
   position: absolute;
-  bottom: calc(${t.x_small} * -1);
+  bottom: calc(${e.x_small} * -1);
   left: 50%;
   transform: translateX(-50%);
-  background: ${e.interactive.warning__resting.rgba};
-  outline-color: ${e.interactive.warning__resting.rgba};
-`,f=()=>{let{account:e,photo:t}=n(),{data:r}=a();return r?l(u,{children:[c(o,{size:64}),c(d,{children:`Impersonating`})]}):c(i,{size:64,name:e?.name,url:t})};export{f as AccountAvatar};
+  white-space: nowrap;
+  background: ${({$variant:e})=>a(e).chipBackground};
+  outline-color: ${({$variant:e})=>a(e).outline};
+`,m=({environmentToggle:e})=>{let{account:n,photo:a}=t(),{data:c}=i(),m=c?s(c):n?.name,h=e!=null&&e.length>0,g=e==null?``:e.map(e=>e.label).join(`, `);return u(f,{children:(()=>h&&c?d(l,{children:[u(o,{size:64,variant:`combined`,name:`Impersonate & Environment`}),u(p,{$variant:`combined`,children:`Impersonate & Environment`})]}):h?d(l,{children:[u(o,{size:64,variant:`environment`,name:g}),u(p,{$variant:`environment`,children:`Environment`})]}):c?d(l,{children:[u(o,{size:64,variant:`impersonate`,name:m}),u(p,{$variant:`impersonate`,children:`Impersonating`})]}):u(r,{size:64,name:n?.name,url:a}))()})};export{m as AccountAvatar};

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

@@ -1,9 +1,9 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useAuth as n}from"../../../providers/AuthProvider/AuthProvider.js";import{Chip as r}from"../../../molecules/Chip/Chip.js";import{ProfileAvatar as i}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ProfileButton as o}from"./Account.styles.js";import{ImpersonateAvatar as s}from"./ImpersonateAvatar.js";import{forwardRef as c}from"react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=l.div`
+import{spacings as e}from"../../../atoms/style/spacings.js";import{useAuth as t}from"../../../providers/AuthProvider/AuthProvider.js";import{Chip as n}from"../../../molecules/Chip/Chip.js";import{ProfileAvatar as r}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as i}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ProfileButton as a}from"./Account.styles.js";import{formatFeatureName as o,getVariantColors as s}from"../../../atoms/utils/environmentToggle.js";import{StatusAvatar as c}from"./StatusAvatar.js";import{forwardRef as l}from"react";import u from"styled-components";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=u.div`
   display: flex;
   align-items: center;
-  gap: ${t.xx_small};
-`,p=l(r)`
-  background: ${e.interactive.warning__resting.rgba};
+  gap: ${e.xx_small};
+`,m=u(n)`
+  background: ${({$variant:e})=>s(e).chipBackground};
   outline: none;
   padding: 0;
-`,m=c(({onClick:e},t)=>{let{account:r,photo:c}=n(),{data:l}=a(),m=l?.roles?.sort()??[];return d(f,{children:[m.at(0)&&u(p,{children:m[0]}),m.length>1&&u(p,{children:`+${m.length-1}`}),u(o,{ref:t,onClick:e,children:l?u(s,{size:36}):u(i,{size:36,name:r?.name,url:c})})]})});m.displayName=`AccountButton`;export{m as AccountButton};
+`,h=l(({onClick:e,environmentToggle:n},s)=>{let{account:l,photo:u}=t(),{data:h}=i(),g=n!=null&&n.length>0,_=n==null?[]:n.map(e=>o(e.value)),v=h?.roles?.sort()??[];return f(p,{children:[v.at(0)&&d(m,{$variant:`impersonate`,children:v[0]}),v.length>1&&d(m,{$variant:`impersonate`,children:`+${v.length-1}`}),g&&_.at(0)&&d(m,{$variant:`environment`,children:_[0]}),_.length>1&&d(m,{$variant:`environment`,children:`+${_.length-1}`}),d(a,{ref:s,onClick:e,children:(()=>g&&h?d(c,{size:36,variant:`combined`}):g?d(c,{size:36,name:n.map(e=>e.value).join(`, `),variant:`environment`}):h?d(c,{size:36,variant:`impersonate`}):d(r,{size:36,name:l?.name,url:u}))()})]})});h.displayName=`AccountButton`;export{h as AccountButton};

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

@@ -0,0 +1 @@
+import{ComboBox as e}from"../../../molecules/Select/ComboBox/ComboBox.js";import{formatFeatureName as t}from"../../../atoms/utils/environmentToggle.js";import{useState as n}from"react";import{jsx as r}from"react/jsx-runtime";import{EnvironmentToggleFeatures as i}from"@equinor/subsurface-app-management";import{useQueryClient as a}from"@tanstack/react-query";const o=({environmentToggle:o,setEnvironmentToggle:s})=>{let c=a(),[l,u]=n(!1);return r(e,{loading:l,items:Object.values(i).map(e=>({value:e.toString(),label:t(e)})),values:o,onSelect:e=>{s(e),u(!0),setTimeout(()=>{c.invalidateQueries(),u(!1)},2e3)},placeholder:`Set current environment for feature`,helperText:`This will use current environment for selected features.`})};export{o as EnvironmentToggle};

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{Header as r}from"../Impersonate.styles.js";import{useDeleteImpersonation as i}from"../hooks/useDeleteImpersonation.js";import{Container as a}from"./DeleteUser.styles.js";import{RoleChip as o,RolesContainer as s,TextContent as c}from"../../Account.styles.js";import{ImpersonateAvatar as l}from"../../ImpersonateAvatar.js";import{DotProgress as u,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}=i(),{showSnackbar:x}=t(),S=`${_.firstName} ${_.lastName}`;return m(a,{children:[m(r,{children:[p(n,{variant:`ghost_icon`,onClick:v,children:p(d,{data:h})}),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(l,{size:64,fullName:S}),m(c,{children:[p(f,{variant:`h6`,children:S}),p(f,{children:_.uniqueName})]}),p(s,{children:_.roles.map(e=>p(o,{children:e},e))}),m(`div`,{children:[b?p(n,{variant:`outlined`,color:`danger`,children:p(u,{color:`tertiary`})}):m(n,{variant:`outlined`,color:`danger`,onClick:async()=>{await y(_),x(`Deleted user "${S}" successfully`),v()},children:[p(d,{data:g}),` Delete user`]}),p(n,{variant:`ghost`,onClick:v,children:`Cancel`})]})]})};export{_ 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{Header as r}from"../Impersonate.styles.js";import{useDeleteImpersonation as i}from"../hooks/useDeleteImpersonation.js";import{Container as a}from"./DeleteUser.styles.js";import{RoleChip as o,RolesContainer as s,TextContent as c}from"../../Account.styles.js";import{StatusAvatar as l}from"../../StatusAvatar.js";import{DotProgress as u,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}=i(),{showSnackbar:x}=t(),S=`${_.firstName} ${_.lastName}`;return m(a,{children:[m(r,{children:[p(n,{variant:`ghost_icon`,onClick:v,children:p(d,{data:h})}),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(l,{size:64,name:S,variant:`impersonate`}),m(c,{children:[p(f,{variant:`h6`,children:S}),p(f,{children:_.uniqueName})]}),p(s,{children:_.roles.map(e=>p(o,{children:e},e))}),m(`div`,{children:[b?p(n,{variant:`outlined`,color:`danger`,children:p(u,{color:`tertiary`})}):m(n,{variant:`outlined`,color:`danger`,onClick:async()=>{await y(_),x(`Deleted user "${S}" successfully`),v()},children:[p(d,{data:g}),` Delete user`]}),p(n,{variant:`ghost`,onClick:v,children:`Cancel`})]})]})};export{_ as DeleteUser};

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

@@ -0,0 +1,7 @@
+import{ProfileAvatar as e}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{getVariantColors as t}from"../../../atoms/utils/environmentToggle.js";import n from"styled-components";import{jsx as r}from"react/jsx-runtime";const i=n.div`
+  width: fit-content;
+  border: 2px solid ${({$variant:e})=>t(e).border};
+  border-radius: 50%;
+  > div:first-child {
+    background: ${({$variant:e})=>t(e).background}
+`,a=({size:t,name:n,variant:a})=>r(i,{$variant:a,children:r(e,{size:t,name:n??`Environment`})});export{a as StatusAvatar};

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

@@ -0,0 +1 @@
+import{RoleChip as e,RolesContainer as t}from"./Account.styles.js";import{jsx as n}from"react/jsx-runtime";const r=({statuses:r})=>n(t,{children:r?.map(t=>n(e,{children:t.label},t.value))});export{r as StatusChips};

package/dist/organisms/TopBar/Actions.d.ts

@@ -1,7 +1,7 @@
-import * as react131 from "react";
+import * as react117 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react131.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react131.RefAttributes<HTMLDivElement>>;
+declare const Actions: react117.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react117.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Actions };

package/dist/organisms/TopBar/FieldMenu/FieldMenu.d.ts

@@ -1,5 +1,5 @@
 import { Field } from "../../../atoms/types/Field.js";
-import * as react129 from "react";
+import * as react115 from "react";
 
 //#region src/organisms/TopBar/FieldMenu/FieldMenu.d.ts
 interface FieldMenuProps {
@@ -8,6 +8,6 @@ interface FieldMenuProps {
   itemNameSingular?: string;
   showAccessITLink?: boolean;
 }
-declare const FieldMenu: react129.ForwardRefExoticComponent<FieldMenuProps & react129.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react115.ForwardRefExoticComponent<FieldMenuProps & react115.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

package/dist/organisms/TopBar/Resources/Feedback/Feedback.utils.js

@@ -1,4 +1,4 @@
-import{EnvironmentType as e}from"../../../../atoms/enums/Environment.js";import{environment as t}from"../../../../atoms/utils/auth_environment.js";import{formatDate as n}from"../../../../atoms/utils/date.js";import{capitalize as r}from"../../../../atoms/utils/string.js";import{Browsers as i,FeedbackType as a,UrgencyOption as o}from"./Feedback.types.js";import{ServiceNowUrgency as s}from"@equinor/subsurface-app-management";const{getAppName:c,getEnvironmentName:l}=t,u=e=>e.urgency===o.NO_IMPACT?`:large_yellow_circle:`:e.urgency===o.IMPEDES?`:large_orange_circle:`:`:red_circle:`,d=e=>{let t=new FileReader;return new Promise((n,r)=>{t.onerror=()=>{t.abort(),r(new DOMException(`Problem parsing input file.`))},t.onload=()=>{n(t.result)},t.readAsDataURL(e)})},f=e=>{switch(e){case o.UNABLE:return s.CRITICAL;case o.IMPEDES:return s.MODERATE;case o.NO_IMPACT:return s.NORMAL}},p=(e,t)=>{let n=`Url location of bug: ${e.url} \n`,i=`Severity of bug: ${e.urgency} \n`,a=`Field: ${r(t??``)} \n`,o=`Browser: ${_()} \n`;return`${e.url?n:``}
+import{EnvironmentType as e}from"../../../../atoms/enums/Environment.js";import{environment as t}from"../../../../atoms/utils/auth_environment.js";import{formatDate as n}from"../../../../atoms/utils/date.js";import{capitalize as r}from"../../../../atoms/utils/string.js";import{Browsers as i,FeedbackType as a,UrgencyOption as o}from"./Feedback.types.js";import{ServiceNowUrgency as s}from"@equinor/subsurface-app-management";const{getAppName:c,getEnvironmentName:l}=t,u=e=>e.urgency===o.NO_IMPACT?`:large_yellow_circle:`:e.urgency===o.IMPEDES?`:large_orange_circle:`:`:red_circle:`,d=e=>{let t=new FileReader;return new Promise((n,r)=>{t.onerror=()=>{t.abort(),r(new DOMException(`Problem parsing input file.`))},t.onload=()=>{n(t.result)},t.readAsDataURL(e)})},f=e=>{switch(e){case o.UNABLE:return s.NORMAL;case o.IMPEDES:return s.NORMAL;case o.NO_IMPACT:return s.NORMAL}},p=(e,t)=>{let n=`Url location of bug: ${e.url} \n`,i=`Severity of bug: ${e.urgency} \n`,a=`Field: ${r(t??``)} \n`,o=`Browser: ${_()} \n`;return`${e.url?n:``}
   ${e.urgency?i:``}
   ${t?a:``}
   ${o}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "10.7.0",
+  "version": "10.8.1",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -53,7 +53,7 @@
   },
   "devDependencies": {
     "@equinor/eds-icons": "^0.22.0",
-    "@equinor/subsurface-app-management": "5.1.0",
+    "@equinor/subsurface-app-management": "5.2.0",
     "@eslint/js": "^9.22.0",
     "@faker-js/faker": "^9.6.0",
     "@storybook/addon-coverage": "^2.0.0",
@@ -114,7 +114,7 @@
     "@equinor/eds-core-react": "0.44.0",
     "@equinor/eds-data-grid-react": "^0.7.5",
     "@equinor/eds-icons": "*",
-    "@equinor/subsurface-app-management": "^5.1.0",
+    "@equinor/subsurface-app-management": "^5.2.0",
     "@tanstack/react-query": "*",
     "@tanstack/react-router": "*",
     "@tiptap/core": "^3.1.0",

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

@@ -1,8 +0,0 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{ProfileAvatar as t}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as n}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
-  width: fit-content;
-  border: 2px solid ${e.interactive.warning__resting.rgba};
-  border-radius: 50%;
-  > div:first-child {
-    background: ${e.interactive.warning__text.rgba};
-  }
-`,o=({size:e,fullName:r})=>{let{data:o}=n();return i(a,{children:i(t,{size:e,name:r||o?.firstName})})};export{o as ImpersonateAvatar};

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

@@ -1 +0,0 @@
-import{RoleChip as e,RolesContainer as t}from"./Account.styles.js";import{jsx as n}from"react/jsx-runtime";const r=({roles:r})=>n(t,{children:r.map(t=>n(e,{children:t.label},t.value))});export{r as RoleChips};