@equinor/amplify-component-lib 13.2.7 → 14.0.0

package/dist/molecules/Tooltip/Tooltip.styles.js

@@ -0,0 +1,91 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{elevation as n,shape as r,typography as i}from"../../atoms/style/index.js";import{typographyTemplate as a}from"../../node_modules/@equinor/eds-utils/dist/esm/utils/templates/index.js";import o,{css as s}from"styled-components";const c=o.span`
+  anchor-name: ${e=>e.$anchor};
+  display: inline-block;
+`,l=o.div`
+  position-anchor: ${e=>e.$anchor};
+
+  /* UA popover reset */
+  position: fixed;
+  margin: 0;
+  inset: auto;
+  border: none;
+  overflow: visible;
+
+  /* custom popover styles */
+  //has to be set before color to not override the color tokens
+  ${a(i.ui.tooltip)}
+
+  min-width: 56px;
+  max-width: 280px;
+  background-color: ${e.text.static_icons__default.rgba};
+  box-shadow: ${n.raised};
+  border-radius: ${r.corners.borderRadius};
+  color: ${e.text.static_icons__primary_white.rgba};
+  padding: ${t.small};
+  text-align: center;
+
+  &::before {
+    content: '';
+    position: absolute;
+    z-index: -1;
+    background: inherit;
+    margin: inherit;
+    ${({$arrow:e})=>{switch(e.placement){case`top`:return s`
+            inset: 0 0 -${`4px`} 0;
+          `;case`bottom`:return s`
+            inset: -${`4px`} 0 0 0;
+          `;case`left`:return s`
+            inset: 0 -${`4px`} 0 0;
+          `;case`right`:return s`
+            inset: 0 0 0 -${`4px`};
+          `}}}
+
+    ${({$arrow:{offset:e}})=>{let t=e.x?`${e.x}px`:`50%`,n=e.y?`${e.y}px`:`50%`;return s`
+        clip-path: polygon(
+          /* top */ 
+          calc(${t} - ${`4px`}) ${`4px`},
+          ${t} 0,
+          ${t} 0,
+          calc(${t} + ${`4px`}) ${`4px`},
+          /* right */ 
+          calc(100% - ${`4px`})
+          calc(${n} - ${`4px`}),
+          100% ${n},
+          100% ${n},
+          calc(100% - ${`4px`}) calc(${n} + ${`4px`}),
+          /* bottom */ 
+          calc(${t} + ${`4px`})
+          calc(100% - ${`4px`}),
+          ${t} 100%,
+          ${t} 100%,
+          calc(${t} - ${`4px`}) calc(100% - ${`4px`}),
+          /* left */ 
+          ${`4px`} calc(${n} + ${`4px`}),
+          0 ${n},
+          0 ${n},
+          ${`4px`} calc(${n} - ${`4px`})
+        );
+      `}};
+  }
+
+  ${e=>{switch(e.$placement){case`top`:return s`
+          position-area: top;
+          bottom: ${`5px`};
+          position-try-fallbacks: flip-block;
+        `;case`bottom`:return s`
+          position-area: bottom;
+          top: ${`5px`};
+          position-try-fallbacks: flip-block;
+        `;case`left`:return s`
+          position-area: left;
+          right: ${`5px`};
+          position-try-fallbacks: flip-inline;
+        `;case`right`:return s`
+          position-area: right;
+          left: ${`5px`};
+          position-try-fallbacks: flip-inline;
+        `}}})
+`,u=o.span`
+  display: inline-block;
+  text-align: left;
+`;export{u as LeftAlignedText,l as TooltipWrapper,c as Wrapper};

package/dist/molecules/Tooltip/utils.js

@@ -0,0 +1 @@
+const e=(e,t)=>e.bottom<=t.top?`top`:e.top>=t.bottom?`bottom`:e.right<=t.left?`left`:`right`;function t(e,t){typeof e==`function`?e(t):e&&(e.current=t)}export{t as assignRef,e as getResolvedPlacement};

package/dist/molecules/index.d.ts

@@ -23,7 +23,7 @@ import { IconCellColor, IconCellColorObject, IconCellColors, IconCellState, Icon
 import { IconCell, IconCellProps } from "./IconCell/IconCell.js";
 import { InfoElement, InfoElementProps } from "./InfoElement/InfoElement.js";
 import { InformationalNotice, InformationalNoticeProps } from "./InformationalNotice/InformationalNotice.js";
-import { OptionalTooltip, OptionalTooltipProps } from "./OptionalTooltip/OptionalTooltip.js";
+import { Tooltip as Tooltip$1, TooltipProps as TooltipProps$1 } from "./Tooltip/Tooltip.js";
 import { ProfileAvatar, ProfileAvatarProps } from "./ProfileAvatar/ProfileAvatar.js";
 import { RichTextDisplay, RichTextDisplayProps } from "./RichTextDisplay/RichTextDisplay.js";
 import { AmplifyBar, EditorMenu, EditorText } from "./RichTextEditor/MenuBar/MenuBar.js";

package/dist/molecules/index.js

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

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

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

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

@@ -1,5 +1,5 @@
 import { FilterProps } from "./Filter.types.js";
-import * as react210 from "react";
+import * as react214 from "react";
 
 //#region src/organisms/Filter/Filter.d.ts
 
@@ -32,6 +32,6 @@ declare function Filter<T extends string>({
   id,
   openOnFocus,
   ...rest
-}: FilterProps<T>): react210.JSX.Element;
+}: FilterProps<T>): react214.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 react211 from "react";
+import * as react215 from "react";
 
 //#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>): react211.JSX.Element;
+}: QuickFilterProps<T>): react215.JSX.Element;
 //#endregion
 export { QuickFilter };

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

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

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

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

package/dist/organisms/SideBar/CreateItem.js

@@ -1 +1 @@
-import{useSideBar as e}from"../../providers/SideBarProvider.js";import{OptionalTooltip as t}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{CreateButton as n,MenuItemContainer as r}from"./CreateItem.styles.js";import{Icon as i}from"@equinor/eds-core-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{add as s}from"@equinor/eds-icons";const c=({createLabel:c,onCreate:l,disabled:u=!1,active:d=!1})=>{let{isOpen:f}=e(),p=u?void 0:l;return f?a(r,{$active:d,onClick:p,"data-testid":`create-item-container`,children:o(n,{$open:!0,variant:`contained`,disabled:u,children:[a(i,{data:s}),c]})}):a(t,{title:c,placement:`right`,children:a(r,{$active:d,onClick:p,"data-testid":`create-item-container`,children:a(n,{variant:`contained`,disabled:u,children:a(i,{data:s})})})})};export{c as CreateItem};
+import{useSideBar as e}from"../../providers/SideBarProvider.js";import{CreateButton as t,MenuItemContainer as n}from"./CreateItem.styles.js";import{Icon as r,Tooltip as i}from"@equinor/eds-core-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{add as s}from"@equinor/eds-icons";const c=({createLabel:c,onCreate:l,disabled:u=!1,active:d=!1})=>{let{isOpen:f}=e(),p=u?void 0:l;return f?a(n,{$active:d,onClick:p,"data-testid":`create-item-container`,children:o(t,{$open:!0,variant:`contained`,disabled:u,children:[a(r,{data:s}),c]})}):a(i,{title:c,placement:`right`,children:a(n,{$active:d,onClick:p,"data-testid":`create-item-container`,children:a(t,{variant:`contained`,disabled:u,children:a(r,{data:s})})})})};export{c as CreateItem};

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

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

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

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

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

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

package/dist/organisms/SideBar/ToggleOpen.js

@@ -1 +1 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{OptionalTooltip as t}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as n}from"./MenuItem/MenuItem.styles.js";import{Container as r}from"./ToggleOpen.styles.js";import{Icon as i,Typography as a}from"@equinor/eds-core-react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{first_page as c,last_page as l}from"@equinor/eds-icons";const{colors:u}=e,d=({isOpen:e,toggle:d})=>o(t,{title:e?`Collapse`:`Expand`,placement:`right`,children:s(r,{$isOpen:e,onClick:d,children:[o(n,{children:o(i,{size:24,data:e?c:l,color:u.interactive.primary__resting.rgba})}),e&&o(a,{variant:`button`,group:`navigation`,color:u.text.static_icons__default.rgba,children:`Collapse`})]})});export{d as ToggleOpen};
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{IconContainer as t}from"./MenuItem/MenuItem.styles.js";import{Container as n}from"./ToggleOpen.styles.js";import{Icon as r,Tooltip as i,Typography as a}from"@equinor/eds-core-react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{first_page as c,last_page as l}from"@equinor/eds-icons";const{colors:u}=e,d=({isOpen:e,toggle:d})=>o(i,{title:e?`Collapse`:`Expand`,placement:`right`,children:s(n,{$isOpen:e,onClick:d,children:[o(t,{children:o(r,{size:24,data:e?c:l,color:u.interactive.primary__resting.rgba})}),e&&o(a,{variant:`button`,group:`navigation`,color:u.text.static_icons__default.rgba,children:`Collapse`})]})});export{d as ToggleOpen};

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/organisms/Status/collections/MissingAccessToApp.js

@@ -1 +1 @@
-import{environment as e}from"../../../atoms/utils/auth_environment.js";import{Status as t}from"../index.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=()=>{let i=e.getAppName(import.meta.env.VITE_NAME);return r(t,{children:[n(t.Title,{title:`You don't have access to ${i}`}),n(t.Description,{text:`You can apply for acces to the app in AccessIT`}),n(t.Action,{onClick:()=>{window.open(`https://accessit.equinor.com/Search/Search?term=${encodeURIComponent(i)}`,`_blank`)},buttonText:`Apply for access`})]})};export{i as MissingAccessToApp};
+import{environment as e}from"../../../atoms/utils/auth_environment.js";import{Status as t}from"../index.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=()=>{let i=e.getAppName(import.meta.env.VITE_NAME);return r(t,{children:[n(t.Title,{title:`You don't have access to ${i}`}),n(t.Description,{text:`You can apply for access to the app in AccessIT`}),n(t.Action,{onClick:()=>{window.open(`https://accessit.equinor.com/Search/Search?term=${encodeURIComponent(i)}`,`_blank`)},buttonText:`Apply for access`})]})};export{i as MissingAccessToApp};

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

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

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

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

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

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

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

@@ -1,14 +1,14 @@
-import * as react175 from "react";
-import * as styled_components48 from "styled-components";
+import * as react183 from "react";
+import * as styled_components63 from "styled-components";
 import { IStyledComponent } from "styled-components";
-import * as styled_components_dist_types40 from "styled-components/dist/types";
+import * as styled_components_dist_types47 from "styled-components/dist/types";
 
 //#region src/organisms/Template/Template.d.ts
 interface ContentProps {
   $open: boolean;
 }
-declare const Content: styled_components_dist_types40.IStyledComponentBase<"web", styled_components48.FastOmit<styled_components48.FastOmit<react175.DetailedHTMLProps<react175.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never> & Partial<Pick<styled_components48.FastOmit<react175.DetailedHTMLProps<react175.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never>>> & string;
-declare const GlobalStyles: react175.NamedExoticComponent<styled_components48.ExecutionProps & object>;
+declare const Content: styled_components_dist_types47.IStyledComponentBase<"web", styled_components63.FastOmit<styled_components63.FastOmit<react183.DetailedHTMLProps<react183.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never> & Partial<Pick<styled_components63.FastOmit<react183.DetailedHTMLProps<react183.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$open"> & ContentProps, never>>> & string;
+declare const GlobalStyles: react183.NamedExoticComponent<styled_components63.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 as ToggleGroup$1 } from "./ToggleGroup.types.js";
-import * as react232 from "react";
+import * as react222 from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup: react232.ForwardRefExoticComponent<ToggleGroup$1 & react232.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroup: react222.ForwardRefExoticComponent<ToggleGroup$1 & react222.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 react234 from "react";
+import * as react220 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: react234.ForwardRefExoticComponent<ToggleGroupOptionProps & react234.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroupOption: react220.ForwardRefExoticComponent<ToggleGroupOptionProps & react220.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ToggleGroupOption };

package/dist/organisms/ToggleGroup/ToggleGroupOption.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{OptionalTooltip as r}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{forwardRef as i}from"react";import{Icon as a,Typography as o}from"@equinor/eds-core-react";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.button`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{forwardRef as r}from"react";import{Icon as i,Tooltip as a,Typography as o}from"@equinor/eds-core-react";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.button`
   display: flex;
   align-items: center;
   padding: calc(${t.medium_small} / 2); // 6px in comfortable
@@ -55,4 +55,4 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
       fill: ${e.interactive.disabled__text.rgba};
     }
   }
-`,d=i(({checked:e,onToggle:t,icon:n,disabled:i,...s},d)=>l(u,{ref:d,"aria-checked":e,onClick:()=>{t(!e)},disabled:i,...`tooltip`in s?{...s,tooltip:void 0,toolTipPlacement:void 0}:{...s},children:[n?`tooltip`in s&&s.tooltip?c(r,{title:s.tooltip,placement:s.tooltipPlacement,children:c(a,{data:n,size:24})}):c(a,{data:n,size:24}):null,`label`in s?c(o,{as:`span`,variant:`button`,group:`navigation`,children:s.label}):null]}));d.displayName=`ToggleGroupOption`;export{d as ToggleGroupOption};
+`,d=r(({checked:e,onToggle:t,icon:n,disabled:r,...s},d)=>l(u,{ref:d,"aria-checked":e,onClick:()=>{t(!e)},disabled:r,...`tooltip`in s?{...s,tooltip:void 0,toolTipPlacement:void 0}:{...s},children:[n?`tooltip`in s&&s.tooltip?c(a,{title:s.tooltip,placement:s.tooltipPlacement,children:c(i,{data:n,size:24})}):c(i,{data:n,size:24}):null,`label`in s?c(o,{as:`span`,variant:`button`,group:`navigation`,children:s.label}):null]}));d.displayName=`ToggleGroupOption`;export{d as ToggleGroupOption};

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

@@ -1 +1 @@
-import{Search as e}from"../../../../molecules/Search/Search.js";import{useActiveImpersonationUser as t}from"./hooks/useActiveImpersonationUser.js";import{CreateOrEditUser as n}from"./CreateOrEditUser/CreateOrEditUser.js";import{DeleteUser as r}from"./DeleteUser/DeleteUser.js";import{useGetAllImpersonationUsersForApp as i}from"./hooks/useGetAllImpersonationUsersForApp.js";import{Actions as a}from"./Actions.js";import{CreateNewUserButton as o}from"./CreateNewUserButton.js";import{Content as s,Header as c,NoUsersText as l}from"./ImpersonateMenu.styles.js";import{impersonateUserDtoToFullName as u}from"./Impersonate.utils.js";import{UserImpersonation as d}from"./UserImpersonation.js";import{useEffect as f,useState as p}from"react";import{Menu as m,Typography as h}from"@equinor/eds-core-react";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=({open:v,onClose:y,anchorEl:b,onImpersonateChange:x})=>{let[S,C]=p(!1),[w,T]=p(void 0),[E,D]=p(void 0),[O,k]=p(``),[A,j]=p(``),{data:M}=i(),{data:N}=t(),P=M?.filter(e=>u(e).toLowerCase().includes(A.toLowerCase()));f(()=>{!v&&N&&O!==N.uniqueName?k(N.uniqueName):!v&&!N&&O!==``&&k(``)},[N,v,O]);let F=()=>{y()},I=()=>C(!0),L=()=>{C(!1),w&&T(void 0)},R=()=>{C(!1),w&&T(void 0),F()},z=e=>{T(M?.find(t=>t.uniqueName===e)),C(!0)},B=e=>{D(M?.find(t=>t.uniqueName===e))};return v?S?g(m,{open:!0,anchorEl:b,onClose:R,placement:`bottom-end`,style:{width:`400px`},children:g(n,{editingUser:w,onBack:L})}):E?g(m,{open:!0,anchorEl:b,onClose:R,placement:`bottom-end`,style:{width:`400px`},children:g(r,{user:E,onBack:()=>{D(void 0)}})}):_(m,{open:!0,anchorEl:b,onClose:F,placement:`bottom-end`,style:{width:`400px`},children:[_(c,{children:[g(h,{variant:`h6`,children:`Impersonate`}),g(h,{variant:`caption`,children:`Select a user to impersonate`}),g(e,{placeholder:`Search users`,value:A,onChange:e=>{j(e.target.value)}})]}),g(s,{children:P&&P.length>0?P?.map(e=>g(d,{...e,selected:O===e.uniqueName,onClick:k,onEdit:z,onDelete:B},e.uniqueName)):g(l,{children:`No items found`})}),g(o,{onClick:I}),g(a,{selectedUniqueName:O,onCancel:y,onImpersonateChange:x})]}):null};export{v as ImpersonateMenu};
+import{Search as e}from"../../../../molecules/Search/Search.js";import{useActiveImpersonationUser as t}from"./hooks/useActiveImpersonationUser.js";import{CreateOrEditUser as n}from"./CreateOrEditUser/CreateOrEditUser.js";import{DeleteUser as r}from"./DeleteUser/DeleteUser.js";import{useGetAllImpersonationUsersForApp as i}from"./hooks/useGetAllImpersonationUsersForApp.js";import{Actions as a}from"./Actions.js";import{CreateNewUserButton as o}from"./CreateNewUserButton.js";import{Content as s,Header as c,NoUsersText as l}from"./ImpersonateMenu.styles.js";import{impersonateUserDtoToFullName as u}from"./Impersonate.utils.js";import{UserImpersonation as d}from"./UserImpersonation.js";import{useEffect as f,useRef as p,useState as m}from"react";import{Menu as h,Typography as g}from"@equinor/eds-core-react";import{jsx as _,jsxs as v}from"react/jsx-runtime";const y=({open:y,onClose:b,anchorEl:x,onImpersonateChange:S})=>{let[C,w]=m(!1),[T,E]=m(void 0),[D,O]=m(void 0),[k,A]=m(``),[j,M]=m(``),N=p(null),{data:P}=i(),{data:F}=t(),I=P?.filter(e=>u(e).toLowerCase().includes(j.toLowerCase()));f(()=>{!y&&F&&k!==F.uniqueName?A(F.uniqueName):!y&&!F&&k!==``&&A(``)},[F,y,k]),f(()=>{y&&!C&&!D&&N.current?.focus()},[y,C,D]);let L=()=>{b()},R=()=>w(!0),z=()=>{w(!1),T&&E(void 0)},B=()=>{w(!1),T&&E(void 0),L()},V=e=>{E(P?.find(t=>t.uniqueName===e)),w(!0)},H=e=>{O(P?.find(t=>t.uniqueName===e))};return y?C?_(h,{open:!0,anchorEl:x,onClose:B,placement:`bottom-end`,style:{width:`400px`},children:_(n,{editingUser:T,onBack:z})}):D?_(h,{open:!0,anchorEl:x,onClose:B,placement:`bottom-end`,style:{width:`400px`},children:_(r,{user:D,onBack:()=>{O(void 0)}})}):v(h,{open:!0,anchorEl:x,onClose:L,placement:`bottom-end`,style:{width:`400px`},children:[v(c,{children:[_(g,{variant:`h6`,children:`Impersonate`}),_(g,{variant:`caption`,children:`Select a user to impersonate`}),_(e,{ref:N,placeholder:`Search users`,value:j,onChange:e=>{M(e.target.value)}})]}),_(s,{children:I&&I.length>0?I?.map(e=>_(d,{...e,selected:k===e.uniqueName,onClick:A,onEdit:V,onDelete:H},e.uniqueName)):_(l,{children:`No items found`})}),_(o,{onClick:R}),_(a,{selectedUniqueName:k,onCancel:b,onImpersonateChange:S})]}):null};export{y as ImpersonateMenu};

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

@@ -1,4 +1,4 @@
-import{colors as e}from"../../../../atoms/style/colors.js";import{OptionalTooltip as t}from"../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{ListItem as n}from"../../../../molecules/ListItem/ListItem.js";import{useMappedRoles as r}from"./hooks/useMappedRoles.js";import{Container as i,RoleChip as a,RoleChipContainer as o}from"./UserImpersonation.styles.js";import{impersonateUserDtoToFullName as s}from"./Impersonate.utils.js";import{useRef as c,useState as l}from"react";import{Button as u,Icon as d,Menu as f,Typography as p}from"@equinor/eds-core-react";import m from"styled-components";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{account_circle as v,check as y,delete_to_trash as b,edit as x,more_horizontal as S}from"@equinor/eds-icons";const C=m(n)`
+import{colors as e}from"../../../../atoms/style/colors.js";import{ListItem as t}from"../../../../molecules/ListItem/ListItem.js";import{useMappedRoles as n}from"./hooks/useMappedRoles.js";import{Container as r,RoleChip as i,RoleChipContainer as a}from"./UserImpersonation.styles.js";import{impersonateUserDtoToFullName as o}from"./Impersonate.utils.js";import{useRef as s,useState as c}from"react";import{Button as l,Icon as u,Menu as d,Tooltip as f,Typography as p}from"@equinor/eds-core-react";import m from"styled-components";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{account_circle as v,check as y,delete_to_trash as b,edit as x,more_horizontal as S}from"@equinor/eds-icons";const C=m(t)`
   svg {
     fill: ${e.interactive.danger__resting.rgba};
   }
@@ -13,4 +13,4 @@ import{colors as e}from"../../../../atoms/style/colors.js";import{OptionalToolti
   &:hover:not(:disabled) {
     background: ${e.interactive.danger__highlight.rgba};
   }
-`,w=({firstName:m,lastName:w,uniqueName:T,roles:E,activeUsers:D,selected:O,onClick:k,onEdit:A,onDelete:j})=>{let[M,N]=l(!1),P=c(null),F=s({firstName:m,lastName:w}),I=r(E),L=()=>N(e=>!e),R=()=>N(!1);return _(h,{children:[_(i,{$selected:O,onClick:e=>{e.target!==P.current&&k(T)},"data-testid":`impersonation-user`,children:[g(d,{color:e.text.static_icons__tertiary.rgba,data:v}),g(t,{title:F,placement:`top`,children:g(p,{"data-testid":`name`,children:F})}),_(o,{$selected:O,children:[g(t,{title:I.at(0)?.label,placement:`top`,children:g(a,{"data-testid":`role`,children:I[0].label})}),I.length>1&&g(t,{title:I.slice(1).map(e=>e.label).join(`, `),children:g(a,{"data-testid":`additional-roles`,children:`+${I.length-1}`})})]}),O&&g(d,{data:y,color:e.interactive.primary__resting.rgba}),g(u,{variant:`ghost_icon`,ref:P,onClick:L,children:g(d,{data:S})})]}),M&&_(f,{open:!0,anchorEl:P.current,placement:`right-start`,onClose:R,children:[g(n,{label:`Edit user`,onClick:()=>{A(T),R()},leadingContent:x}),g(t,{title:D.length>0?`Cannot delete user with active sessions`:void 0,children:g(C,{label:`Delete user`,onClick:()=>{j(T),R()},disabled:D.length>0,leadingContent:b})})]})]})};export{w as UserImpersonation};
+`,w=({firstName:m,lastName:w,uniqueName:T,roles:E,activeUsers:D,selected:O,onClick:k,onEdit:A,onDelete:j})=>{let[M,N]=c(!1),P=s(null),F=o({firstName:m,lastName:w}),I=n(E),L=()=>N(e=>!e),R=()=>N(!1);return _(h,{children:[_(r,{$selected:O,onClick:e=>{e.target!==P.current&&k(T)},"data-testid":`impersonation-user`,children:[g(u,{color:e.text.static_icons__tertiary.rgba,data:v}),g(f,{title:F,placement:`top`,children:g(p,{"data-testid":`name`,children:F})}),_(a,{$selected:O,children:[g(f,{title:I.at(0)?.label,placement:`top`,children:g(i,{"data-testid":`role`,children:I[0].label})}),I.length>1&&g(f,{title:I.slice(1).map(e=>e.label).join(`, `),children:g(i,{"data-testid":`additional-roles`,children:`+${I.length-1}`})})]}),O&&g(u,{data:y,color:e.interactive.primary__resting.rgba}),g(l,{variant:`ghost_icon`,ref:P,onClick:L,children:g(u,{data:S})})]}),M&&_(d,{open:!0,anchorEl:P.current,placement:`right-start`,onClose:R,children:[g(t,{label:`Edit user`,onClick:()=>{A(T),R()},leadingContent:x}),g(f,{title:D.length>0?`Cannot delete user with active sessions`:void 0,children:g(C,{label:`Delete user`,onClick:()=>{j(T),R()},disabled:D.length>0,leadingContent:b})})]})]})};export{w as UserImpersonation};

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

@@ -1,7 +1,7 @@
-import * as react217 from "react";
+import * as react218 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react217.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react217.RefAttributes<HTMLDivElement>>;
+declare const Actions: react218.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react218.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 react215 from "react";
+import * as react216 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: react215.ForwardRefExoticComponent<FieldMenuProps & react215.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react216.ForwardRefExoticComponent<FieldMenuProps & react216.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

package/dist/organisms/TopBar/Guidelines/Colorbox.d.ts

@@ -1,11 +1,11 @@
-import * as react237 from "react";
-import * as styled_components61 from "styled-components";
-import * as styled_components_dist_types46 from "styled-components/dist/types";
+import * as react242 from "react";
+import * as styled_components76 from "styled-components";
+import * as styled_components_dist_types53 from "styled-components/dist/types";
 
 //#region src/organisms/TopBar/Guidelines/Colorbox.d.ts
 interface ColorboxProps {
   $color: string;
 }
-declare const Colorbox: styled_components_dist_types46.IStyledComponentBase<"web", styled_components61.FastOmit<styled_components61.FastOmit<react237.DetailedHTMLProps<react237.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & ColorboxProps, never> & Partial<Pick<styled_components61.FastOmit<react237.DetailedHTMLProps<react237.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & ColorboxProps, never>>> & string;
+declare const Colorbox: styled_components_dist_types53.IStyledComponentBase<"web", styled_components76.FastOmit<styled_components76.FastOmit<react242.DetailedHTMLProps<react242.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & ColorboxProps, never> & Partial<Pick<styled_components76.FastOmit<react242.DetailedHTMLProps<react242.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color"> & ColorboxProps, never>>> & string;
 //#endregion
 export { Colorbox };

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

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

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestChangeOrca.js

@@ -1,7 +1,7 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{OptionalTooltip as t}from"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{Tooltip as n,Typography as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";const{spacings:s}=e,c=i.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Tooltip as t,Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const{spacings:o}=e,s=r.div`
   display: flex;
   flex-direction: column;
-  gap: ${s.comfortable.medium};
-  padding-top: ${s.comfortable.medium_small};
+  gap: ${o.comfortable.medium};
+  padding-top: ${o.comfortable.medium_small};
   cursor: pointer;
-`,l=({fromUser:e,branchName:i,onClick:s})=>a(n,{title:`Go to ${i}`,children:a(c,{onClick:s,children:a(t,{title:`Go to ${i}`,children:o(r,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested changes for branch `,i]})})})});export{l as RequestChangeOrca};
+`,c=({fromUser:e,branchName:r,onClick:o})=>i(t,{title:`Go to ${r}`,children:i(s,{onClick:o,children:i(t,{title:`Go to ${r}`,children:a(n,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested changes for branch `,r]})})})});export{c as RequestChangeOrca};

package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/RequestReviewOrca.js

@@ -1,7 +1,7 @@
-import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{OptionalTooltip as t}from"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import{Tooltip as n,Typography as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";const{spacings:s}=e,c=i.div`
+import{tokens as e}from"../../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Tooltip as t,Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{jsx as i,jsxs as a}from"react/jsx-runtime";const{spacings:o}=e,s=r.div`
   display: flex;
   flex-direction: column;
-  gap: ${s.comfortable.medium};
-  padding-top: ${s.comfortable.medium_small};
+  gap: ${o.comfortable.medium};
+  padding-top: ${o.comfortable.medium_small};
   cursor: pointer;
-`,l=({fromUser:e,branchName:i,onClick:s})=>a(n,{title:`Go to ${i}`,children:a(c,{onClick:s,"data-testid":`requestReview`,children:a(t,{title:`Go to ${i}`,children:o(r,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested review for branch `,i]})})})});export{l as RequestReviewOrca};
+`,c=({fromUser:e,branchName:r,onClick:o})=>i(t,{title:`Go to ${r}`,children:i(s,{onClick:o,"data-testid":`requestReview`,children:i(t,{title:`Go to ${r}`,children:a(n,{group:`table`,variant:`cell_text`,children:[e.displayName,` has requested review for branch `,r]})})})});export{c as RequestReviewOrca};