@equinor/amplify-component-lib 9.15.3-beta.1 → 9.16.0-beta.0

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

@@ -1,2 +1,2 @@
-import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useRouter as r}from"@tanstack/react-router";const i=()=>{let{history:i}=r(),a=()=>{i.go(-1)};return n(e,{center:!1,children:[t(e.Title,{title:`Page not found`}),t(e.Description,{text:`It looks like the page you're looking for has gone missing.
-        Please check the URL and try again.`}),t(e.Action,{onClick:a})]})};export{i as PageNotFound};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRouter as n}from"@tanstack/react-router";import{Status as r}from"src/organisms/Status";const i=()=>{let{history:i}=n(),a=()=>{i.go(-1)};return t(r,{center:!1,children:[e(r.Title,{title:`Page not found`}),e(r.Description,{text:`It looks like the page you're looking for has gone missing.
+        Please check the URL and try again.`}),e(r.Action,{onClick:a})]})};export{i as PageNotFound};

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

@@ -1,3 +1,3 @@
-import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useRouter as r}from"@tanstack/react-router";const i=()=>{let{history:i}=r(),a=()=>{i.go(-1)};return n(e,{color:`#C47E84`,children:[t(e.Title,{title:`Something is wrong on our servers`}),t(e.Description,{text:`Our server encountered an unexpected issue. Please try
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRouter as n}from"@tanstack/react-router";import{Status as r}from"src/organisms/Status";const i=()=>{let{history:i}=n(),a=()=>{i.go(-1)};return t(r,{color:`#C47E84`,children:[e(r.Title,{title:`Something is wrong on our servers`}),e(r.Description,{text:`Our server encountered an unexpected issue. Please try
         again shortly, or reach out via the feedback form if the problem
-        continues.`}),t(e.Action,{onClick:a})]})};export{i as ServerError};
+        continues.`}),e(r.Action,{onClick:a})]})};export{i as ServerError};

package/dist/organisms/TableOfContents/TableOfContents.constants.js

@@ -1 +1 @@
-import{spacings as e}from"../../atoms/style/spacings.js";const t={buttons:`39px`,border:`34px`,borderHorizontal:`34px`},n={buttons:e.x_small,border:`0`,borderHorizontal:`0`};export{n as GAP,t as HEIGHT};
+import{spacings as e}from"src/atoms/style";const t={buttons:`39px`,border:`34px`,borderHorizontal:`34px`},n={buttons:e.x_small,border:`0`,borderHorizontal:`0`};export{n as GAP,t as HEIGHT};

package/dist/organisms/TableOfContents/TableOfContents.js

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

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

@@ -1,8 +1,8 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{animation as t}from"../../atoms/style/animation.js";import{spacings as n}from"../../atoms/style/spacings.js";import{HEIGHT as r}from"./TableOfContents.constants.js";import i,{css as a}from"styled-components";import{motion as o}from"framer-motion";import{Link as s}from"@tanstack/react-router";const{colors:c,shape:l}=e,u=i.button`
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Link as t}from"@tanstack/react-router";import n,{css as r}from"styled-components";import{animation as i,spacings as a}from"src/atoms/style";import{motion as o}from"framer-motion";import{HEIGHT as s}from"src/organisms/TableOfContents/TableOfContents.constants";const{colors:c,shape:l}=e,u=n.button`
   &:hover {
     background: ${c.interactive.primary__hover_alt.rgba};
   }
-  ${({$active:e})=>e?``:a`
+  ${({$active:e})=>e?``:r`
       &:focus:not(:hover) {
         outline: 2px dashed ${c.interactive.focus.rgba};
         outline-offset: -4px;
@@ -12,11 +12,11 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
   display: grid;
   grid-template-columns: auto 1fr;
   align-items: center;
-  gap: ${n.small};
+  gap: ${a.small};
   color: ${c.text.static_icons__default.rgba};
   cursor: pointer;
-  padding: 0 ${n.medium};
-  height: ${({$variant:e})=>r[e]};
+  padding: 0 ${a.medium};
+  height: ${({$variant:e})=>s[e]};
   transition: background 200ms;
   > span {
     display: flex;
@@ -27,10 +27,10 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
     font-weight: 700;
     font-size: 14px;
   }
-  ${({$variant:e,$active:t})=>{switch(e){case`buttons`:return a`
+  ${({$variant:e,$active:t})=>{switch(e){case`buttons`:return r`
           border-radius: ${l.corners.borderRadius};
           background: ${t?c.interactive.primary__hover_alt.rgba:`none`};
-        `;case`border`:return a`
+        `;case`border`:return r`
           > span {
             font-weight: ${t?700:500};
             &:after {
@@ -44,13 +44,13 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
             }
           }
         `}}}
-  ${({$active:e})=>!e&&a`
+  ${({$active:e})=>!e&&r`
       &:disabled {
         color: ${c.interactive.disabled__text.rgba};
         cursor: not-allowed;
       }
     `}
-`,d=i(s)`
+`,d=n(t)`
   text-decoration: none;
   &:focus,
   &:hover,
@@ -67,7 +67,7 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
     outline-offset: -4px;
   }
 
-  ${({$disabled:e,$active:t})=>e&&!t&&a`
+  ${({$disabled:e,$active:t})=>e&&!t&&r`
       color: ${c.interactive.disabled__text.rgba} !important;
       &:hover {
         cursor: not-allowed;
@@ -78,11 +78,11 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
   display: grid;
   grid-template-columns: auto 1fr;
   align-items: center;
-  gap: ${n.small};
+  gap: ${a.small};
   color: ${c.text.static_icons__default.rgba};
   cursor: pointer;
-  padding: 0 ${n.medium};
-  height: ${({$variant:e})=>r[e]};
+  padding: 0 ${a.medium};
+  height: ${({$variant:e})=>s[e]};
   transition: background 200ms;
 
   > span {
@@ -94,10 +94,10 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
     font-weight: 700;
     font-size: 14px;
   }
-  ${({$variant:e,$active:t})=>{switch(e){case`buttons`:return a`
+  ${({$variant:e,$active:t})=>{switch(e){case`buttons`:return r`
           border-radius: ${l.corners.borderRadius};
           background: ${t?c.interactive.primary__hover_alt.rgba:`none`};
-        `;case`border`:return a`
+        `;case`border`:return r`
           > span {
             font-weight: ${t?700:500};
             &:after {
@@ -111,7 +111,7 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
             }
           }
         `}}}
-`,f=i.div`
+`,f=n.div`
   display: flex;
   position: relative;
   &:after {
@@ -124,7 +124,7 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
     background: ${c.interactive.primary__resting.rgba};
     z-index: 100;
   }
-`,p=i.div`
+`,p=n.div`
   display: flex;
   flex-direction: column;
   position: relative;
@@ -138,22 +138,22 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
     height: 100%;
     background: ${c.interactive.primary__resting.rgba};
     z-index: 100;
-    transition: top ${t.transitionMS};
+    transition: top ${i.transitionMS};
   }
-`,m=i(o.div)`
+`,m=n(o.div)`
   display: flex;
   flex-direction: column;
   position: relative;
-  ${({$variant:e})=>a`
-    min-height: ${r[e]};
-    ${e===`buttons`&&`gap: ${n.x_small};`}
+  ${({$variant:e})=>r`
+    min-height: ${s[e]};
+    ${e===`buttons`&&`gap: ${a.x_small};`}
   `}
-`,h=i(o.div)`
+`,h=n(o.div)`
   display: flex;
   flex-direction: ${({$variant:e})=>e===`borderHorizontal`?`row`:`column`};
   height: fit-content;
   overflow: hidden;
-  ${({$variant:e})=>{switch(e){case`buttons`:return`gap: ${n.small};`;case`border`:return a`
+  ${({$variant:e})=>{switch(e){case`buttons`:return`gap: ${a.small};`;case`border`:return r`
           &:after {
             position: absolute;
             left: 0;
@@ -162,7 +162,7 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
             height: 100%;
             background: ${c.ui.background__medium.rgba};
           }
-        `;case`borderHorizontal`:return a`
+        `;case`borderHorizontal`:return r`
           &:after {
             position: absolute;
             left: 0;
@@ -173,20 +173,20 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
             background: ${c.ui.background__medium.rgba};
           }
         `}}}
-`,g=i(o.div)`
+`,g=n(o.div)`
   display: flex;
   flex-direction: column;
-  ${({$shouldShowChildren:e})=>e?null:a`
+  ${({$shouldShowChildren:e})=>e?null:r`
           visibility: hidden;
           height: 0 !important;
         `}
   > div > button, a {
-    ${({$variant:e})=>{switch(e){case`buttons`:return a`
-            margin-left: ${n.medium};
-          `;case`border`:return a`
-            padding-left: ${n.x_large};
+    ${({$variant:e})=>{switch(e){case`buttons`:return r`
+            margin-left: ${a.medium};
+          `;case`border`:return r`
+            padding-left: ${a.x_large};
           `}}}
   }
 
-  ${({$variant:e})=>e===`buttons`&&`gap:${n.x_small};`}
+  ${({$variant:e})=>e===`buttons`&&`gap:${a.x_small};`}
 `;export{p as BorderItemsContainer,f as BorderItemsHorizontalContainer,u as Button,g as ChildContainer,d as Link,h as TableOfContentsContainer,m as TableOfContentsItemContainer};

package/dist/organisms/TableOfContents/TableOfContentsItem.js

@@ -1,5 +1,5 @@
-import{useTableOfContents as e}from"../../providers/TableOfContentsProvider.js";import{Badge as t}from"../../molecules/Badge/Badge.js";import{GAP as n,HEIGHT as r}from"./TableOfContents.constants.js";import{Button as i,ChildContainer as a,Link as o,TableOfContentsItemContainer as s}from"./TableOfContents.styles.js";import{useEffect as c,useMemo as l,useRef as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({label:m,value:h,count:g,disabled:_=!1,children:v,variant:y,onlyShowSelectedChildren:b,isLink:x=!1})=>{let{isActive:S,selected:C,setSelected:w}=e(),T=u(void 0);c(()=>{T.current===void 0&&(T.current=0)},[]);let E=l(()=>S({label:m,value:h,children:v})&&!_,[v,_,S,m,h]),D=e=>{_&&e&&e.preventDefault(),!_&&C!==h&&w(h)},O=b&&E||!b;return f(s,{$variant:y,layoutScroll:!0,layoutRoot:!0,children:[x?f(o,{$active:C===h,$variant:y,onClick:e=>D(e),to:_?``:`#${h}`,$disabled:_,tabIndex:_?-1:0,children:[d(`span`,{title:m,children:m}),g!==void 0&&d(t,{variant:g===0?`empty`:`light`,value:g})]}):f(i,{$active:C===h,$variant:y,onClick:()=>D(),disabled:_,children:[d(`span`,{title:m,children:m}),g!==void 0&&d(t,{variant:g===0?`empty`:`light`,value:g})]}),v&&d(a,{$shouldShowChildren:O,$variant:y,initial:{height:T.current},animate:{height:`
+import{Button as e,ChildContainer as t,Link as n,TableOfContentsItemContainer as r}from"./TableOfContents.styles.js";import{GAP as i,HEIGHT as a}from"./TableOfContents.constants.js";import{useEffect as o,useMemo as s,useRef as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useTableOfContents as d}from"src/providers/TableOfContentsProvider";import{Badge as f}from"src/molecules/Badge/Badge";const p=({label:m,value:h,count:g,disabled:_=!1,children:v,variant:y,onlyShowSelectedChildren:b,isLink:x=!1})=>{let{isActive:S,selected:C,setSelected:w}=d(),T=c(void 0);o(()=>{T.current===void 0&&(T.current=0)},[]);let E=s(()=>S({label:m,value:h,children:v})&&!_,[v,_,S,m,h]),D=e=>{_&&e&&e.preventDefault(),!_&&C!==h&&w(h)},O=b&&E||!b;return u(r,{$variant:y,layoutScroll:!0,layoutRoot:!0,children:[x?u(n,{$active:C===h,$variant:y,onClick:e=>D(e),to:_?``:`#${h}`,$disabled:_,tabIndex:_?-1:0,children:[l(`span`,{title:m,children:m}),g!==void 0&&l(f,{variant:g===0?`empty`:`light`,value:g})]}):u(e,{$active:C===h,$variant:y,onClick:()=>D(),disabled:_,children:[l(`span`,{title:m,children:m}),g!==void 0&&l(f,{variant:g===0?`empty`:`light`,value:g})]}),v&&l(t,{$shouldShowChildren:O,$variant:y,initial:{height:T.current},animate:{height:`
                   calc(
-                    (${O?r[y]:`0`} * ${v.length})
-                    ${y===`buttons`?`+ (${n.buttons} * ${v.length-1})`:``}
-                  )`},transition:{duration:.4},children:v.map(e=>d(p,{onlyShowSelectedChildren:b,variant:y,...e,isLink:x},e.value))})]})};export{p as TableOfContentsItem};
+                    (${O?a[y]:`0`} * ${v.length})
+                    ${y===`buttons`?`+ (${i.buttons} * ${v.length-1})`:``}
+                  )`},transition:{duration:.4},children:v.map(e=>l(p,{onlyShowSelectedChildren:b,variant:y,...e,isLink:x},e.value))})]})};export{p as TableOfContentsItem};

package/dist/organisms/Template/Template.js

@@ -1,12 +1,12 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../atoms/style/spacings.js";import{darkTokens as n}from"../../atoms/style/darkTokens.js";import{lightTokens as r}from"../../atoms/style/lightTokens.js";import{spacingTokens as i}from"../../atoms/style/spacingTokens.js";import a,{createGlobalStyle as o}from"styled-components";const{colors:s}=e,c=a.div`
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t,{createGlobalStyle as n}from"styled-components";import{spacings as r}from"src/atoms/style";import{darkTokens as i}from"src/atoms/style/darkTokens";import{lightTokens as a}from"src/atoms/style/lightTokens";import{spacingTokens as o}from"src/atoms/style/spacingTokens";const{colors:s}=e,c=t.div`
   display: flex;
   flex-direction: column;
   min-height: 100vh;
   min-width: 100vw;
   background: ${s.ui.background__light.rgba};
-`,l=a.div`
+`,l=t.div`
   display: flex;
-`,u=`fullwidth`,d=`fullwidth-without-scroll`,f=a.div`
+`,u=`fullwidth`,d=`fullwidth-without-scroll`,f=t.div`
   position: relative;
   display: flex;
   /* 64px is height of TopBar */
@@ -17,13 +17,13 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
   min-width: calc(100% - ${e=>e.$open?`231px`:`64px`});
   &:not(:has(.${u})) {
     padding: 0
-      max(${t.xxx_large}, calc(50% - ${t.xxx_large} - 1280px / 2));
+      max(${r.xxx_large}, calc(50% - ${r.xxx_large} - 1280px / 2));
     margin: 0 auto;
   }
-`,p=o`
-  ${n}
-  ${r}
+`,p=n`
   ${i}
+  ${a}
+  ${o}
   
   * {
       box-sizing: border-box;

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

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

package/dist/organisms/ToggleGroup/ToggleGroup.js

@@ -1,29 +1,29 @@
-import{colors as e}from"../../atoms/style/colors.js";import{shape as t}from"../../atoms/style/index.js";import{ToggleGroupOption as n}from"./ToggleGroupOption.js";import{Children as r,forwardRef as i}from"react";import a,{css as o}from"styled-components";import{jsx as s}from"react/jsx-runtime";const c=a.div`
+import{ToggleGroupOption as e}from"./ToggleGroupOption.js";import{Children as t,forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";import i,{css as a}from"styled-components";import{colors as o,shape as s}from"src/atoms/style";const c=i.div`
   display: flex;
-  ${({$variant:n})=>{if(n===`filled`)return o`
-        border-radius: ${t.button.borderRadius};
-        background: ${e.ui.background__default.rgba};
-      `;if(n===`outlined`)return o`
+  ${({$variant:e})=>{if(e===`filled`)return a`
+        border-radius: ${s.button.borderRadius};
+        background: ${o.ui.background__default.rgba};
+      `;if(e===`outlined`)return a`
         gap: 1px; // Space for the outline
         > button {
-          outline: 1px solid ${e.text.static_icons__tertiary.rgba};
+          outline: 1px solid ${o.text.static_icons__tertiary.rgba};
           &:hover {
-            outline-color: ${e.text.static_icons__secondary.rgba};
+            outline-color: ${o.text.static_icons__secondary.rgba};
           }
           &[aria-checked='true'] {
-            outline-color: ${e.interactive.primary__resting.rgba};
+            outline-color: ${o.interactive.primary__resting.rgba};
             &:hover {
-              outline-color: ${e.interactive.primary__hover.rgba};
+              outline-color: ${o.interactive.primary__hover.rgba};
             }
           }
           &:disabled {
             background: none;
-            outline-color: ${e.interactive.disabled__text.rgba};
+            outline-color: ${o.interactive.disabled__text.rgba};
           }
         }
       `}}
 
-  ${({$matchParentHeight:e})=>e?o`
+  ${({$matchParentHeight:e})=>e?a`
         height: 100%;
       `:``}
-`,l=i(({variant:e=`filled`,matchParentHeight:t=!1,children:i},a)=>s(c,{ref:a,$variant:e,$matchParentHeight:t,children:r.map(i,e=>{if(e.type!=n)throw`Expected child to be ToggleGroupOption!`;return e})}));l.displayName=`ToggleGroup`;export{l as ToggleGroup};
+`,l=n(({variant:n=`filled`,matchParentHeight:i=!1,children:a},o)=>r(c,{ref:o,$variant:n,$matchParentHeight:i,children:t.map(a,t=>{if(t.type!=e)throw`Expected child to be ToggleGroupOption!`;return t})}));l.displayName=`ToggleGroup`;export{l as ToggleGroup};

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

@@ -1,9 +1,9 @@
 import { ToggleGroupOption } from "./ToggleGroup.types.js";
-import * as react136 from "react";
+import * as react120 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: react136.ForwardRefExoticComponent<ToggleGroupOptionProps & react136.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroupOption$1: react120.ForwardRefExoticComponent<ToggleGroupOptionProps & react120.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ToggleGroupOption$1 as ToggleGroupOption };

package/dist/organisms/ToggleGroup/ToggleGroupOption.js

@@ -1,58 +1,58 @@
-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,Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.button`
+import{forwardRef as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"styled-components";import{Icon as i,Typography as a}from"@equinor/eds-core-react";import{colors as o,shape as s,spacings as c}from"src/atoms/style";const l=r.button`
   display: flex;
   align-items: center;
-  padding: calc(${t.medium_small} / 2); // 6px in comfortable
+  padding: calc(${c.medium_small} / 2); // 6px in comfortable
   > span {
-    color: ${e.text.static_icons__tertiary.rgba};
-    padding: ${t.x_small} calc(${t.medium_small} / 2);
+    color: ${o.text.static_icons__tertiary.rgba};
+    padding: ${c.x_small} calc(${c.medium_small} / 2);
   }
   > svg {
-    fill: ${e.text.static_icons__tertiary.rgba};
+    fill: ${o.text.static_icons__tertiary.rgba};
   }
   &:first-child {
-    border-radius: ${n.button.borderRadius} 0 0 ${n.button.borderRadius};
+    border-radius: ${s.button.borderRadius} 0 0 ${s.button.borderRadius};
   }
 
   &:last-child {
-    border-radius: 0 ${n.button.borderRadius} ${n.button.borderRadius} 0;
+    border-radius: 0 ${s.button.borderRadius} ${s.button.borderRadius} 0;
   }
   &:hover {
-    background: ${e.interactive.table__cell__fill_hover.rgba};
+    background: ${o.interactive.table__cell__fill_hover.rgba};
     > span {
-      color: ${e.text.static_icons__secondary.rgba};
+      color: ${o.text.static_icons__secondary.rgba};
     }
     > svg {
-      fill: ${e.text.static_icons__secondary.rgba};
+      fill: ${o.text.static_icons__secondary.rgba};
     }
   }
 
   &[aria-checked='true'] {
-    background: ${e.interactive.primary__selected_highlight.rgba};
+    background: ${o.interactive.primary__selected_highlight.rgba};
     > span {
-      color: ${e.interactive.primary__resting.rgba};
+      color: ${o.interactive.primary__resting.rgba};
     }
     > svg {
-      fill: ${e.interactive.primary__resting.rgba};
+      fill: ${o.interactive.primary__resting.rgba};
     }
     &:hover {
-      background: ${e.interactive.primary__selected_hover.rgba};
+      background: ${o.interactive.primary__selected_hover.rgba};
       > span {
-        color: ${e.interactive.primary__hover.rgba};
+        color: ${o.interactive.primary__hover.rgba};
       }
       > svg {
-        fill: ${e.interactive.primary__hover.rgba};
+        fill: ${o.interactive.primary__hover.rgba};
       }
     }
   }
 
   &:disabled {
     cursor: not-allowed;
-    background: ${e.interactive.disabled__fill.rgba};
+    background: ${o.interactive.disabled__fill.rgba};
     > span {
-      color: ${e.interactive.disabled__text.rgba};
+      color: ${o.interactive.disabled__text.rgba};
     }
     > svg {
-      fill: ${e.interactive.disabled__text.rgba};
+      fill: ${o.interactive.disabled__text.rgba};
     }
   }
-`,u=r(({checked:e,onToggle:t,icon:n,disabled:r,...o},u)=>{let d=()=>{t(!e)};return c(l,{ref:u,"aria-checked":e,onClick:d,disabled:r,...o,children:[n?s(i,{data:n,size:24}):null,`label`in o?s(a,{as:`span`,variant:`button`,group:`navigation`,children:o.label}):null]})});u.displayName=`ToggleGroupOption`;export{u as ToggleGroupOption};
+`,u=e(({checked:e,onToggle:r,icon:o,disabled:s,...c},u)=>{let d=()=>{r(!e)};return n(l,{ref:u,"aria-checked":e,onClick:d,disabled:s,...c,children:[o?t(i,{data:o,size:24}):null,`label`in c?t(a,{as:`span`,variant:`button`,group:`navigation`,children:c.label}):null]})});u.displayName=`ToggleGroupOption`;export{u as ToggleGroupOption};

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

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

@@ -1,46 +1,46 @@
-import{animation as e}from"../../../atoms/style/animation.js";import{colors as t}from"../../../atoms/style/colors.js";import{spacings as n}from"../../../atoms/style/spacings.js";import{shape as r}from"../../../atoms/style/index.js";import{Chip as i}from"../../../molecules/Chip/Chip.js";import a from"styled-components";const o=a.button`
+import e from"styled-components";import{animation as t,colors as n,shape as r,spacings as i}from"src/atoms/style";import{Chip as a}from"src/molecules/Chip/Chip";const o=e.button`
   border-radius: 50%;
   padding: 0;
-  outline-offset: ${n.x_small};
+  outline-offset: ${i.x_small};
   background: none;
   cursor: pointer;
-`,s=a.div`
-  padding: ${n.medium} ${n.medium} 0 ${n.medium};
+`,s=e.div`
+  padding: ${i.medium} ${i.medium} 0 ${i.medium};
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: ${n.small};
-`,c=a.div`
+  gap: ${i.small};
+`,c=e.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-`,l=a.div`
+`,l=e.div`
   display: grid;
-  margin-top: ${n.x_large};
+  margin-top: ${i.x_large};
   justify-content: center;
-`,u=a.button`
+`,u=e.button`
   display: grid;
   grid-template-columns: auto 1fr auto;
   align-items: center;
-  gap: ${n.medium_small};
+  gap: ${i.medium_small};
   width: 100%;
-  padding: ${n.small};
+  padding: ${i.small};
   border-radius: ${r.button.borderRadius};
-  background: ${t.ui.background__light.rgba};
-  transition: background ${e.transitionMS};
+  background: ${n.ui.background__light.rgba};
+  transition: background ${t.transitionMS};
 
   > span {
-    color: ${t.interactive.primary__resting.rgba};
+    color: ${n.interactive.primary__resting.rgba};
   }
 
   > svg {
-    fill: ${t.interactive.primary__resting.rgba};
+    fill: ${n.interactive.primary__resting.rgba};
   }
 
   &:hover {
-    background: ${t.interactive.primary__hover_alt.rgba};
+    background: ${n.interactive.primary__hover_alt.rgba};
   }
-`,d=a.section`
+`;e.section`
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -48,10 +48,10 @@ import{animation as e}from"../../../atoms/style/animation.js";import{colors as t
   max-height: 200px;
   overflow-y: auto;
   overflow-x: hidden;
-  gap: ${n.small};
-  margin-top: ${n.small};
-`,f=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};
+  gap: ${i.small};
+  margin-top: ${i.small};
+`,e(a)`
+  background: ${n.ui.background__light.rgba};
+  border: 1px solid ${n.ui.background__medium.rgba};
+  color: ${n.text.static_icons__default.rgba};
+`;export{l as ButtonWrapper,s as Container,u as OpenImpersonationMenuButton,o as ProfileButton,c as TextContent};

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

@@ -1,11 +1,11 @@
-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{useActiveImpersonationUser as e}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useAuth as t}from"src/providers/AuthProvider/AuthProvider";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{colors as a,spacings as o}from"src/atoms/style";import{Chip as s}from"src/molecules/Chip/Chip";import{ImpersonateAvatar as c}from"src/organisms/TopBar/Account/ImpersonateAvatar";import{ProfileAvatar as l}from"src/molecules/ProfileAvatar/ProfileAvatar";const u=i.div`
   position: relative;
-  margin-bottom: ${t.small};
-`,d=s(r)`
+  margin-bottom: ${o.small};
+`,d=i(s)`
   position: absolute;
-  bottom: calc(${t.x_small} * -1);
+  bottom: calc(${o.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};
+  background: ${a.interactive.warning__resting.rgba};
+  outline-color: ${a.interactive.warning__resting.rgba};
+`,f=()=>{let{account:i,photo:a}=t(),{data:o}=e();return o?r(u,{children:[n(c,{size:64}),n(d,{children:`Impersonating`})]}):n(l,{size:64,name:i?.name,url:a})};export{f 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{useActiveImpersonationUser as e}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ProfileButton as t}from"./Account.styles.js";import{ImpersonateAvatar as n}from"./ImpersonateAvatar.js";import{useAuth as r}from"src/providers/AuthProvider/AuthProvider";import{forwardRef as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import s from"styled-components";import{colors as c,spacings as l}from"src/atoms/style";import{Chip as u}from"src/molecules/Chip/Chip";import{ProfileAvatar as d}from"src/molecules/ProfileAvatar/ProfileAvatar";const f=s.div`
   display: flex;
   align-items: center;
-  gap: ${t.xx_small};
-`,p=l(r)`
-  background: ${e.interactive.warning__resting.rgba};
+  gap: ${l.xx_small};
+`,p=s(u)`
+  background: ${c.interactive.warning__resting.rgba};
   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};
+`,m=i(({onClick:i},s)=>{let{account:c,photo:l}=r(),{data:u}=e(),m=u?.roles?.sort()??[];return o(f,{children:[m.at(0)&&a(p,{children:m[0]}),m.length>1&&a(p,{children:`+${m.length-1}`}),a(t,{ref:s,onClick:i,children:u?a(n,{size:36}):a(d,{size:36,name:c?.name,url:l})})]})});m.displayName=`AccountButton`;export{m as AccountButton};

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

@@ -1,11 +1,11 @@
-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{OpenImpersonationMenuButton as r}from"./Account.styles.js";import{Icon as i,Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{arrow_forward as l,engineering as u}from"@equinor/eds-icons";const d=o.div`
+import{OpenImpersonationMenuButton as e}from"./Account.styles.js";import{useAuth as t}from"src/providers/AuthProvider/AuthProvider";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{arrow_forward as i,engineering as a}from"@equinor/eds-icons";import o from"styled-components";import{Icon as s,Typography as c}from"@equinor/eds-core-react";import{colors as l,spacings as u}from"src/atoms/style";const d=o.div`
   display: flex;
   align-items: center;
-  gap: ${t.x_small};
+  gap: ${u.x_small};
   > hr {
-    background: ${e.text.static_icons__tertiary.rgba};
+    background: ${l.text.static_icons__tertiary.rgba};
     width: 4px;
     height: 4px;
     border-radius: 50%;
   }
-`,f=({onClick:t})=>{let{account:o}=n();return c(r,{onClick:t,children:[s(i,{data:u}),c(d,{children:[s(a,{variant:`breadcrumb`,group:`navigation`,children:o?.name?.split(` `).at(0)}),s(`hr`,{}),s(a,{variant:`breadcrumb`,group:`navigation`,color:e.text.static_icons__tertiary.rgba,children:o?.username})]}),s(i,{data:l})]})};export{f as ActiveUserImpersonationButton};
+`,f=({onClick:o})=>{let{account:u}=t();return r(e,{onClick:o,children:[n(s,{data:a}),r(d,{children:[n(c,{variant:`breadcrumb`,group:`navigation`,children:u?.name?.split(` `).at(0)}),n(`hr`,{}),n(c,{variant:`breadcrumb`,group:`navigation`,color:l.text.static_icons__tertiary.rgba,children:u?.username})]}),n(s,{data:i})]})};export{f as ActiveUserImpersonationButton};

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

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

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

@@ -1,8 +1,8 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useActiveImpersonationUser as n}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useStopImpersonation as r}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{OpenImpersonationMenuButton as i}from"./Account.styles.js";import{Button as a,DotProgress as o,Icon as s,Typography as c}from"@equinor/eds-core-react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{arrow_forward as f,assignment_user as p,do_not_disturb as m}from"@equinor/eds-icons";const h=l(a)`
-  margin-top: ${t.large};
+import{useActiveImpersonationUser as e}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useStopImpersonation as t}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{OpenImpersonationMenuButton as n}from"./Account.styles.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{arrow_forward as a,assignment_user as o,do_not_disturb as s}from"@equinor/eds-icons";import c from"styled-components";import{Button as l,DotProgress as u,Icon as d,Typography as f}from"@equinor/eds-core-react";import{colors as p,spacings as m}from"src/atoms/style";const h=c(l)`
+  margin-top: ${m.large};
   width: 100%;
   height: 48px;
   svg {
-    fill: ${e.interactive.danger__resting.rgba};
+    fill: ${p.interactive.danger__resting.rgba};
   }
-`,g=({onOpenImpersonateMenu:e,onClose:t})=>{let{data:a}=n(),{mutateAsync:l,isPending:g}=r(),_=async()=>{await l(),t()};return a&&g?u(h,{variant:`outlined`,color:`danger`,children:u(o,{})}):a?d(h,{variant:`outlined`,color:`danger`,onClick:_,children:[u(s,{data:m}),`End impersonation`]}):d(i,{onClick:e,children:[u(s,{data:p}),u(c,{variant:`button`,group:`navigation`,as:`span`,children:`Impersonate`}),u(s,{data:f})]})};export{g as ImpersonateButton};
+`,g=({onOpenImpersonateMenu:c,onClose:l})=>{let{data:p}=e(),{mutateAsync:m,isPending:g}=t(),_=async()=>{await m(),l()};return p&&g?r(h,{variant:`outlined`,color:`danger`,children:r(u,{})}):p?i(h,{variant:`outlined`,color:`danger`,onClick:_,children:[r(d,{data:s}),`End impersonation`]}):i(n,{onClick:c,children:[r(d,{data:o}),r(f,{variant:`button`,group:`navigation`,as:`span`,children:`Impersonate`}),r(d,{data:a})]})};export{g as ImpersonateButton};