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

package/dist/organisms/FieldSelector/FieldSelector.js

@@ -1,9 +1,9 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Waves as t}from"../../molecules/Waves/Waves.js";import{Template as n}from"../Template/Template.js";import{SelectorCard as r}from"./SelectorCard/SelectorCard.js";import{SelectorSkeleton as i}from"./SelectorCard/Skeleton.js";import{ChangingField as a}from"./ChangingField.js";import{useRef as o,useState as s}from"react";import c from"styled-components";import{jsx as l,jsxs as u}from"react/jsx-runtime";const{colors:d}=e,f=c.div`
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Template as t}from"../Template/Template.js";import{SelectorCard as n}from"./SelectorCard/SelectorCard.js";import{SelectorSkeleton as r}from"./SelectorCard/Skeleton.js";import{ChangingField as i}from"./ChangingField.js";import{useRef as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import l from"styled-components";import{Waves as u}from"src/molecules/Waves/Waves";const{colors:d}=e,f=l.div`
   > svg {
     margin-bottom: -10px;
     background-color: ${d.ui.background__light.rgba};
   }
-`,p=c.div`
+`,p=l.div`
   background-color: ${d.ui.background__light.rgba};
   overflow: hidden;
   display: flex;
@@ -11,4 +11,4 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
   height: calc(100vh - 64px);
   max-height: calc(100vh - 64px);
   width: 100vw;
-`,m=({setField:e,fields:c,isLoading:d,onChangedField:m,finishedText:h,showAccessITLink:g=!0,itemNameSingular:_=`field`})=>{let[v,y]=s(!1),b=o(``),x=t=>{t.name&&t.uuid&&(e({uuid:t.uuid,name:t.name,country:t.country??``}),b.current=t.name,y(!0))};return v?l(a,{fieldName:b.current,onChangedField:m,finishedText:h}):u(p,{className:`${n.FullWidth} ${n.WithoutScrollGutter}`,children:[l(f,{children:l(t,{})}),d?l(i,{}):l(r,{itemNameSingular:_,availableFields:c,onSelect:x,showAccessITLink:g})]})};export{m as FieldSelector};
+`,m=({setField:e,fields:l,isLoading:d,onChangedField:m,finishedText:h,showAccessITLink:g=!0,itemNameSingular:_=`field`})=>{let[v,y]=o(!1),b=a(``),x=t=>{t.name&&t.uuid&&(e({uuid:t.uuid,name:t.name,country:t.country??``}),b.current=t.name,y(!0))};return v?s(i,{fieldName:b.current,onChangedField:m,finishedText:h}):c(p,{className:`${t.FullWidth} ${t.WithoutScrollGutter}`,children:[s(f,{children:s(u,{})}),d?s(r,{}):s(n,{itemNameSingular:_,availableFields:l,onSelect:x,showAccessITLink:g})]})};export{m as FieldSelector};

package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.js

@@ -1,4 +1,4 @@
-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}from"../../../atoms/style/index.js";import{SingleSelect as i}from"../../../molecules/Select/SingleSelect/SingleSelect.js";import a,{useMemo as o,useState as s}from"react";import{Button as c,Card as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import f from"styled-components";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{arrow_forward as h}from"@equinor/eds-icons";const g=f(l)`
+import e,{useMemo as t,useState as n}from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{arrow_forward as a}from"@equinor/eds-icons";import o from"styled-components";import{Button as s,Card as c,Icon as l,Typography as u}from"@equinor/eds-core-react";import{colors as d,elevation as f,shape as p,spacings as m}from"src/atoms/style";import{SingleSelect as h}from"src/molecules/Select/SingleSelect/SingleSelect";const g=o(c)`
   position: absolute;
   left: 50%;
   top: 50%;
@@ -7,51 +7,51 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
   transform: translate(-50%, -50%);
   width: 25rem;
   height: auto;
-  padding: ${t.large};
-  box-shadow: ${n.above_scrim};
-  border-radius: ${r.corners.borderRadius};
+  padding: ${m.large};
+  box-shadow: ${f.above_scrim};
+  border-radius: ${p.corners.borderRadius};
   display: flex;
   flex-direction: column;
-  gap: ${t.large};
+  gap: ${m.large};
   > h3 {
-    color: ${e.text.static_icons__default.rgba};
+    color: ${d.text.static_icons__default.rgba};
   }
   > div {
     display: flex;
     flex-direction: column;
-    gap: ${t.large};
+    gap: ${m.large};
     section {
       display: grid;
       grid-template-columns: 1fr auto;
       align-items: flex-end;
-      grid-gap: ${t.medium};
+      grid-gap: ${m.medium};
     }
   }
-`,_=f.div`
+`,_=o.div`
   display: flex;
   flex-direction: column;
-  gap: ${t.small};
+  gap: ${m.small};
   > h6 {
     text-transform: capitalize;
   }
-`,v=f.a`
-  padding: ${t.small} ${t.medium};
+`,v=o.a`
+  padding: ${m.small} ${m.medium};
   transition: background-color 200ms ease;
   font-size: 14px;
   line-height: 16px;
   font-weight: 500;
-  border-radius: ${r.corners.borderRadius};
+  border-radius: ${p.corners.borderRadius};
   text-decoration: none;
-  color: ${e.text.static_icons__default.rgba};
+  color: ${d.text.static_icons__default.rgba};
   &:focus-within {
-    outline: ${e.interactive.primary__resting.rgba} dashed 2px;
+    outline: ${d.interactive.primary__resting.rgba} dashed 2px;
   }
   &:active {
     outline: 0;
-    background-color: ${e.interactive.primary__selected_highlight.rgba};
+    background-color: ${d.interactive.primary__selected_highlight.rgba};
   }
   &:hover {
-    background-color: ${e.interactive.primary__hover_alt.rgba};
+    background-color: ${d.interactive.primary__hover_alt.rgba};
     cursor: pointer;
   }
-`,y=({availableFields:e,onSelect:t,itemNameSingular:n,showAccessITLink:r=!0})=>{let[a,l]=s(),f=()=>{a!==void 0&&t({name:a.name,uuid:a.uuid,country:a.country})},y=e=>{l(e)},b=o(()=>{let t=[];for(let n of e)n.name?t.push({label:n.name,value:n.name,...n}):console.error(`Field with no name found!:`,n);return t},[e]);return m(g,{children:[m(d,{variant:`h3`,children:[`Please select a `,n]}),m(`div`,{children:[m(`section`,{children:[p(i,{lightBackground:!0,value:a,items:b,placeholder:`Select a ${n}...`,onSelect:y}),p(c,{"data-testid":`nextButton`,variant:`contained_icon`,disabled:a===void 0,onClick:f,children:p(u,{data:h})})]}),r&&m(_,{children:[m(d,{variant:`overline`,children:[`Missing a `,n,`?`]}),p(v,{tabIndex:0,"data-testid":`missing-access`,href:`https://accessit.equinor.com/#`,target:`_blank`,children:`Go to AccessIT`})]})]})]})};export{y as SelectorCard};
+`,y=({availableFields:e,onSelect:o,itemNameSingular:c,showAccessITLink:d=!0})=>{let[f,p]=n(),m=()=>{f!==void 0&&o({name:f.name,uuid:f.uuid,country:f.country})},y=e=>{p(e)},b=t(()=>{let t=[];for(let n of e)n.name?t.push({label:n.name,value:n.name,...n}):console.error(`Field with no name found!:`,n);return t},[e]);return i(g,{children:[i(u,{variant:`h3`,children:[`Please select a `,c]}),i(`div`,{children:[i(`section`,{children:[r(h,{lightBackground:!0,value:f,items:b,placeholder:`Select a ${c}...`,onSelect:y}),r(s,{"data-testid":`nextButton`,variant:`contained_icon`,disabled:f===void 0,onClick:m,children:r(l,{data:a})})]}),d&&i(_,{children:[i(u,{variant:`overline`,children:[`Missing a `,c,`?`]}),r(v,{tabIndex:0,"data-testid":`missing-access`,href:`https://accessit.equinor.com/#`,target:`_blank`,children:`Go to AccessIT`})]})]})]})};export{y as SelectorCard};

package/dist/organisms/FieldSelector/SelectorCard/Skeleton.js

@@ -1,4 +1,4 @@
-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{SkeletonBase as n}from"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import r from"react";import{Card as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const{elevation:c,shape:l}=e,u=a(i)`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{Card as a}from"@equinor/eds-core-react";import{spacings as o}from"src/atoms/style";import{SkeletonBase as s}from"src/molecules/Skeleton/SkeletonBase/SkeletonBase";const{elevation:c,shape:l}=e,u=i(a)`
   position: absolute;
   left: 50%;
   top: 50%;
@@ -7,18 +7,18 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
   transform: translate(-50%, -50%);
   width: 25rem;
   align-items: center;
-  padding: ${t.large};
+  padding: ${o.large};
   box-shadow: ${c.raised};
   border-radius: ${l.corners.borderRadius};
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-`,d=a(n)`
-  width: calc((25rem - 2 * ${t.large}) * 0.8);
+`,d=i(s)`
+  width: calc((25rem - 2 * ${o.large}) * 0.8);
   height: calc(${l.button.minHeight});
-`,f=a(n)`
+`,f=i(s)`
   width: ${l.icon_button.minWidth};
   height: ${l.icon_button.minHeight};
 
   border-radius: ${l.icon_button.borderRadius};
-`,p=()=>s(u,{children:[o(d,{role:`busy`}),o(f,{role:`busy`})]});export{p as SelectorSkeleton};
+`,p=()=>r(u,{children:[n(d,{role:`busy`}),n(f,{role:`busy`})]});export{p as SelectorSkeleton};

package/dist/organisms/Filter/ButtonWithMenu.js

@@ -1 +1 @@
-import{useRef as e,useState as t}from"react";import{Menu as n}from"@equinor/eds-core-react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";const o=({onOpenChange:o,menuItems:s,children:c})=>{let[l,u]=t(!1),d=e(null),f=()=>{u(!l),o?.(!l)},p=()=>{u(!1),o?.(!1)};return a(r,{children:[i(`button`,{ref:d,onClick:f,children:c}),l&&i(n,{open:!0,anchorEl:d.current,onClose:p,children:s})]})};export{o as ButtonWithMenu};
+import{useRef as e,useState as t}from"react";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";import{Menu as a}from"@equinor/eds-core-react";const o=({onOpenChange:o,menuItems:s,children:c})=>{let[l,u]=t(!1),d=e(null),f=()=>{u(!l),o?.(!l)},p=()=>{u(!1),o?.(!1)};return i(n,{children:[r(`button`,{ref:d,onClick:f,children:c}),l&&r(a,{open:!0,anchorEl:d.current,onClose:p,children:s})]})};export{o as ButtonWithMenu};

package/dist/organisms/Filter/Filter.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{Container as t,Content as n,SearchField as r,SearchFieldWrapper as i,Section as a,StyledChip as o,Wrapper as s}from"./Filter.styles.js";import{getFilteredAutoCompleteOptions as c}from"./Filter.utils.js";import{AutoCompleteMenu as l}from"./AutoCompleteMenu.js";import{AutoCompleteText as u}from"./AutoCompleteText.js";import{useRef as d,useState as f}from"react";import{Button as p,Icon as m,Typography as h}from"@equinor/eds-core-react";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{arrow_drop_down as v,arrow_drop_up as y,clear as b,info_circle as x,search as S}from"@equinor/eds-icons";import{AnimatePresence as C,motion as w}from"framer-motion";function T({values:T,search:E,onSearchChange:D,onSearchEnter:O,onClearFilter:k,onClearAllFilters:A,children:j,topContent:M,inlineContent:N,initialOpen:P=!1,placeholder:F=`Search...`,id:I,...L}){let R=d(null),z=d(null),[B,V]=f(P),[H,U]=f(void 0),W=d(P?`auto`:0),G=()=>{V(e=>!e),W.current===`auto`&&(W.current=0)},K=()=>{B||V(!0)},q=()=>{R.current?.focus()},J=e=>{if(!(`autoCompleteOptions`in L)){O(e);return}let t=c({searchValue:e,autoCompleteOptions:L.autoCompleteOptions});if(t.length===1){L.onAutoComplete(t[0].key,t[0]);return}O(e)},Y=e=>{if(e.key===`Enter`&&E!==``)J(E);else if(e.key===`Backspace`&&E===``){if(H===void 0){for(let e of Object.keys(T).toReversed())if(T[e].length>0){U(e);break}return}k(H,T[H].length-1),U(void 0)}},X=Object.values(T).some(e=>e.length>0);return _(s,{id:I,children:[M,_(t,{children:[_(a,{ref:z,onClick:q,children:[g(m,{data:S,color:e.text.static_icons__tertiary.rgba}),Object.keys(T).flatMap(e=>T[e].map(({label:t,icon:n},r,i)=>g(o,{onDelete:()=>k(e,r),leadingIconData:n,$tryingToRemove:H===e&&r===i.length-1,children:t},`${t}-${r}-${e}`))),_(i,{children:[`autoCompleteOptions`in L&&L.autoCompleteOptions&&g(u,{search:E,autoCompleteOptions:L.autoCompleteOptions}),g(r,{ref:R,id:`filter-search-${I}`,type:`search`,autoComplete:`off`,value:E,placeholder:X?void 0:F,onChange:D,onKeyDownCapture:Y,onFocus:K})]}),Object.values(T).some(e=>e.length>0)&&g(p,{variant:`ghost_icon`,onClick:A,"data-testid":`clear-all-x`,children:g(m,{data:b,size:18,color:e.text.static_icons__tertiary.rgba})})]}),N,_(`button`,{onClick:G,"data-testid":`toggle-open-button`,children:[g(h,{variant:`button`,group:`navigation`,as:`span`,children:`Filters`}),g(m,{data:B?y:v,color:e.text.static_icons__tertiary.rgba})]})]}),g(C,{children:B&&g(w.div,{animate:{height:`auto`},initial:{height:W.current},exit:{height:0},children:_(n,{children:[_(`span`,{children:[g(m,{data:x,size:16,color:e.text.static_icons__tertiary.rgba}),g(h,{variant:`label`,group:`input`,color:e.text.static_icons__tertiary.rgba,children:`Type a keyword and press enter`})]}),j]})})}),`autoCompleteOptions`in L&&L.autoCompleteOptions&&g(l,{isFilterOpen:B,search:E,anchorElement:z.current,autoCompleteOptions:L.autoCompleteOptions,onAutoComplete:L.onAutoComplete,searchElement:R.current})]})}export{T as Filter};
+import{Container as e,Content as t,SearchField as n,SearchFieldWrapper as r,Section as i,StyledChip as a,Wrapper as o}from"./Filter.styles.js";import{useRef as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{colors as d}from"src/atoms/style/colors";import{arrow_drop_down as f,arrow_drop_up as p,clear as m,info_circle as h,search as g}from"@equinor/eds-icons";import{Button as _,Icon as v,Typography as y}from"@equinor/eds-core-react";import{AnimatePresence as b,motion as x}from"framer-motion";import{AutoCompleteMenu as S}from"src/organisms/Filter/AutoCompleteMenu";import{AutoCompleteText as C}from"src/organisms/Filter/AutoCompleteText";import{getFilteredAutoCompleteOptions as w}from"src/organisms/Filter/Filter.utils";function T({values:T,search:E,onSearchChange:D,onSearchEnter:O,onClearFilter:k,onClearAllFilters:A,children:j,topContent:M,inlineContent:N,initialOpen:P=!1,placeholder:F=`Search...`,id:I,...L}){let R=s(null),z=s(null),[B,V]=c(P),[H,U]=c(void 0),W=s(P?`auto`:0),G=()=>{V(e=>!e),W.current===`auto`&&(W.current=0)},K=()=>{B||V(!0)},q=()=>{R.current?.focus()},J=e=>{if(!(`autoCompleteOptions`in L)){O(e);return}let t=w({searchValue:e,autoCompleteOptions:L.autoCompleteOptions});if(t.length===1){L.onAutoComplete(t[0].key,t[0]);return}O(e)},Y=e=>{if(e.key===`Enter`&&E!==``)J(E);else if(e.key===`Backspace`&&E===``){if(H===void 0){for(let e of Object.keys(T).toReversed())if(T[e].length>0){U(e);break}return}k(H,T[H].length-1),U(void 0)}},X=Object.values(T).some(e=>e.length>0);return u(o,{id:I,children:[M,u(e,{children:[u(i,{ref:z,onClick:q,children:[l(v,{data:g,color:d.text.static_icons__tertiary.rgba}),Object.keys(T).flatMap(e=>T[e].map(({label:t,icon:n},r,i)=>l(a,{onDelete:()=>k(e,r),leadingIconData:n,$tryingToRemove:H===e&&r===i.length-1,children:t},`${t}-${r}-${e}`))),u(r,{children:[`autoCompleteOptions`in L&&L.autoCompleteOptions&&l(C,{search:E,autoCompleteOptions:L.autoCompleteOptions}),l(n,{ref:R,id:`filter-search-${I}`,type:`search`,autoComplete:`off`,value:E,placeholder:X?void 0:F,onChange:D,onKeyDownCapture:Y,onFocus:K})]}),Object.values(T).some(e=>e.length>0)&&l(_,{variant:`ghost_icon`,onClick:A,"data-testid":`clear-all-x`,children:l(v,{data:m,size:18,color:d.text.static_icons__tertiary.rgba})})]}),N,u(`button`,{onClick:G,"data-testid":`toggle-open-button`,children:[l(y,{variant:`button`,group:`navigation`,as:`span`,children:`Filters`}),l(v,{data:B?p:f,color:d.text.static_icons__tertiary.rgba})]})]}),l(b,{children:B&&l(x.div,{animate:{height:`auto`},initial:{height:W.current},exit:{height:0},children:u(t,{children:[u(`span`,{children:[l(v,{data:h,size:16,color:d.text.static_icons__tertiary.rgba}),l(y,{variant:`label`,group:`input`,color:d.text.static_icons__tertiary.rgba,children:`Type a keyword and press enter`})]}),j]})})}),`autoCompleteOptions`in L&&L.autoCompleteOptions&&l(S,{isFilterOpen:B,search:E,anchorElement:z.current,autoCompleteOptions:L.autoCompleteOptions,onAutoComplete:L.onAutoComplete,searchElement:R.current})]})}export{T as Filter};

package/dist/organisms/Filter/Filter.styles.js

@@ -1,109 +1,109 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n,typography as r}from"../../atoms/style/index.js";import{Chip as i}from"../../molecules/Chip/Chip.js";import a,{css as o}from"styled-components";import{motion as s}from"framer-motion";const c=a.div`
+import e,{css as t}from"styled-components";import{colors as n,shape as r,spacings as i,typography as a}from"src/atoms/style";import{motion as o}from"framer-motion";import{Chip as s}from"src/molecules/Chip/Chip";const c=e.div`
   width: 100%;
-  border: 1px solid ${e.ui.background__heavy.rgba};
-  background: ${e.ui.background__default.rgba};
-  border-radius: ${n.corners.borderRadius};
+  border: 1px solid ${n.ui.background__heavy.rgba};
+  background: ${n.ui.background__default.rgba};
+  border-radius: ${r.corners.borderRadius};
   overflow: hidden;
-`,l=a.div`
+`,l=e.div`
   display: flex;
   align-items: center;
   width: 100%;
-  outline: 1px solid ${e.ui.background__medium.rgba};
+  outline: 1px solid ${n.ui.background__medium.rgba};
   > button:not([data-testid='clear-all-x']) {
-    padding: 0 ${t.small} 0 ${t.medium_small};
+    padding: 0 ${i.small} 0 ${i.medium_small};
     display: flex;
-    gap: ${t.x_small};
+    gap: ${i.x_small};
     align-items: center;
     justify-content: center;
-    border-left: 1px solid ${e.ui.background__medium.rgba};
-    color: ${e.interactive.primary__resting.rgba};
+    border-left: 1px solid ${n.ui.background__medium.rgba};
+    color: ${n.interactive.primary__resting.rgba};
     align-self: stretch;
     span {
-      color: ${e.interactive.primary__resting.rgba};
+      color: ${n.interactive.primary__resting.rgba};
     }
 
     &:hover {
-      background: ${e.interactive.primary__hover_alt.rgba};
+      background: ${n.interactive.primary__hover_alt.rgba};
     }
   }
 
   > button:last-child {
-    border-left: 1px solid ${e.ui.background__medium.rgba};
+    border-left: 1px solid ${n.ui.background__medium.rgba};
     > span {
-      color: ${e.text.static_icons__secondary.rgba};
+      color: ${n.text.static_icons__secondary.rgba};
     }
     &:hover {
-      background: ${e.interactive.primary__hover_alt.rgba};
+      background: ${n.interactive.primary__hover_alt.rgba};
     }
   }
-`,u=a.section`
+`,u=e.section`
   > svg:first-child {
     flex-shrink: 0;
   }
-  min-height: calc(48px - (2 * ${t.medium_small}));
+  min-height: calc(48px - (2 * ${i.medium_small}));
   align-items: center;
   flex-grow: 1;
   display: flex;
   flex-wrap: wrap;
-  gap: ${t.x_small};
-  padding: ${t.medium_small} ${t.small};
+  gap: ${i.x_small};
+  padding: ${i.medium_small} ${i.small};
   cursor: text;
   &:hover {
-    background: ${e.ui.background__light_medium.rgba};
+    background: ${n.ui.background__light_medium.rgba};
   }
   &:focus-within {
-    border-bottom: 1px solid ${e.interactive.primary__resting.rgba};
-    padding-bottom: calc(${t.medium_small} - 1px);
+    border-bottom: 1px solid ${n.interactive.primary__resting.rgba};
+    padding-bottom: calc(${i.medium_small} - 1px);
   }
   > button[data-testid='clear-all-x'] {
     width: 24px;
     height: 24px;
     border-left: none;
-    margin-right: ${t.xx_small};
+    margin-right: ${i.xx_small};
     flex-shrink: 0;
     &:after {
       width: 24px;
       height: 24px;
     }
   }
-`,d=a.input`
+`,d=e.input`
   background: transparent;
   width: 0;
   flex-grow: 1;
   padding: 0;
   font-family: 'Equinor', sans-serif;
-  font-size: ${r.input.text.fontSize};
-  font-weight: ${r.input.text.fontWeight};
-  color: ${e.text.static_icons__default.rgba};
+  font-size: ${a.input.text.fontSize};
+  font-weight: ${a.input.text.fontWeight};
+  color: ${n.text.static_icons__default.rgba};
   outline: none;
   border: none;
   &::placeholder {
     opacity: 1;
-    color: ${e.text.static_icons__tertiary.rgba};
+    color: ${n.text.static_icons__tertiary.rgba};
   }
   &::-webkit-search-cancel-button,
   &::-webkit-search-results-button,
   &::-webkit-search-results-decoration {
     display: none;
   }
-`,f=a(s.div)`
-  border-bottom-left-radius: ${n.corners.borderRadius};
-  border-bottom-right-radius: ${n.corners.borderRadius};
-  background: ${e.ui.background__default.rgba};
+`,f=e(o.div)`
+  border-bottom-left-radius: ${r.corners.borderRadius};
+  border-bottom-right-radius: ${r.corners.borderRadius};
+  background: ${n.ui.background__default.rgba};
   overflow: hidden;
   display: flex;
   flex-direction: column;
-  gap: ${t.medium};
-  padding: ${t.medium};
+  gap: ${i.medium};
+  padding: ${i.medium};
   > span {
     display: flex;
-    gap: ${t.x_small};
+    gap: ${i.x_small};
   }
-`,p=a(i)`
-  ${({$tryingToRemove:t})=>{if(t)return o`
-        background: ${e.interactive.primary__hover_alt.rgba};
+`,p=e(s)`
+  ${({$tryingToRemove:e})=>{if(e)return t`
+        background: ${n.interactive.primary__hover_alt.rgba};
       `}}
-`,m=a.section`
+`,m=e.section`
   position: relative;
   flex-grow: 1;
   display: flex;

package/dist/organisms/Filter/QuickFilter.js

@@ -1 +1 @@
-import{ButtonWithMenu as e}from"./ButtonWithMenu.js";import{useState as t}from"react";import{Icon as n,Menu as r,Typography as i}from"@equinor/eds-core-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{arrow_drop_down as s,arrow_drop_up as c}from"@equinor/eds-icons";function l({values:l,items:u,onQuickFilter:d,label:f=`Quick filter`}){let[p,m]=t(!1);return o(e,{onOpenChange:m,menuItems:Object.keys(u).flatMap(e=>u[e].map(t=>a(r.Item,{active:l[e]?.some(e=>e.value===t.value),onClick:()=>d(e,t),children:t.label},t.label))),children:[a(i,{as:`span`,variant:`button`,group:`navigation`,children:f}),a(n,{data:p?c:s})]})}export{l as QuickFilter};
+import{ButtonWithMenu as e}from"./ButtonWithMenu.js";import{useState as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{arrow_drop_down as i,arrow_drop_up as a}from"@equinor/eds-icons";import{Icon as o,Menu as s,Typography as c}from"@equinor/eds-core-react";function l({values:l,items:u,onQuickFilter:d,label:f=`Quick filter`}){let[p,m]=t(!1);return r(e,{onOpenChange:m,menuItems:Object.keys(u).flatMap(e=>u[e].map(t=>n(s.Item,{active:l[e]?.some(e=>e.value===t.value),onClick:()=>d(e,t),children:t.label},t.label))),children:[n(c,{as:`span`,variant:`button`,group:`navigation`,children:f}),n(o,{data:p?a:i})]})}export{l as QuickFilter};

package/dist/organisms/Filter/SortMenu.js

@@ -1,5 +1,5 @@
-import{colors as e}from"../../atoms/style/colors.js";import{ButtonWithMenu as t}from"./ButtonWithMenu.js";import{Icon as n,Menu as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{radio_button_selected as c,radio_button_unselected as l,sort as u}from"@equinor/eds-icons";const d=a(r.Item)`
+import{ButtonWithMenu as e}from"./ButtonWithMenu.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{radio_button_selected as r,radio_button_unselected as i,sort as a}from"@equinor/eds-icons";import o from"styled-components";import{Icon as s,Menu as c,Typography as l}from"@equinor/eds-core-react";import{colors as u}from"src/atoms/style";const d=o(c.Item)`
   > div {
     grid-template-columns: 1fr auto;
   }
-`;function f({value:r,onChange:a,items:f}){let p=f.find(e=>e.value===r),m=e=>{a(e)};return s(t,{menuItems:f.map(t=>s(d,{onClick:()=>{m(t.value)},children:[t.label,o(n,{color:t.value===r?e.interactive.primary__resting.rgba:e.text.static_icons__tertiary.rgba,data:t.value===r?c:l})]},t.label)),children:[s(i,{as:`span`,variant:`button`,group:`navigation`,children:[`Sort by `,p?.label]}),o(n,{data:u})]})}export{f as SortMenu};
+`;function f({value:o,onChange:c,items:f}){let p=f.find(e=>e.value===o),m=e=>{c(e)};return n(e,{menuItems:f.map(e=>n(d,{onClick:()=>{m(e.value)},children:[e.label,t(s,{color:e.value===o?u.interactive.primary__resting.rgba:u.text.static_icons__tertiary.rgba,data:e.value===o?r:i})]},e.label)),children:[n(l,{as:`span`,variant:`button`,group:`navigation`,children:[`Sort by `,p?.label]}),t(s,{data:a})]})}export{f as SortMenu};

package/dist/organisms/PageTitle/PageTitle.js

@@ -1 +1 @@
-import{environment as e}from"../../atoms/utils/auth_environment.js";import{useEffect as t}from"react";const n=e.getAppName(import.meta.env.VITE_NAME),r=({title:e,children:r})=>(t(()=>{document.title!==e&&(document.title=`${n} - ${e}`)},[e]),r);export{r as PageTitle};
+import{useEffect as e}from"react";import{environment as t}from"src/atoms/utils";const n=t.getAppName(import.meta.env.VITE_NAME),r=({title:t,children:r})=>(e(()=>{document.title!==t&&(document.title=`${n} - ${t}`)},[t]),r);export{r as PageTitle};

package/dist/organisms/ReleaseNote/ReleaseNote.js

@@ -1,27 +1,27 @@
-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{formatDate as r}from"../../atoms/utils/date.js";import{getImagesFromRichText as i}from"../../atoms/utils/richtext.js";import{timeToRead as a,usingReleaseNoteDate as o}from"./ReleaseNote.utils.js";import{RichTextDisplay as s}from"../../molecules/RichTextDisplay/RichTextDisplay.js";import{RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT as c}from"./ReleaseNote.constants.js";import{ToggleExpanded as l}from"./ToggleExpanded.js";import{MetaTags as u}from"./MetaTags.js";import{forwardRef as d,useRef as f,useState as p}from"react";import{Typography as m}from"@equinor/eds-core-react";import h from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{motion as v}from"framer-motion";import{ReleaseNotesService as y}from"@equinor/subsurface-app-management";const b=h.div`
+import{RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT as e}from"./ReleaseNote.constants.js";import{timeToRead as t,usingReleaseNoteDate as n}from"./ReleaseNote.utils.js";import{ToggleExpanded as r}from"./ToggleExpanded.js";import{forwardRef as i,useRef as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{ReleaseNotesService as l}from"@equinor/subsurface-app-management";import{formatDate as u,getImagesFromRichText as d}from"src/atoms/utils";import f from"styled-components";import{Typography as p}from"@equinor/eds-core-react";import{colors as m,shape as h,spacings as g}from"src/atoms/style";import{motion as _}from"framer-motion";import{RichTextDisplay as v}from"src/molecules/RichTextDisplay/RichTextDisplay";import{MetaTags as y}from"src/organisms/ReleaseNote/MetaTags";const b=f.div`
   display: flex;
   flex-direction: column;
-  padding: ${t.medium};
+  padding: ${g.medium};
   position: relative;
-  background: ${e.ui.background__default.rgba};
-  border: 1px solid ${e.ui.background__heavy.rgba};
-  border-radius: ${n.corners.borderRadius};
+  background: ${m.ui.background__default.rgba};
+  border: 1px solid ${m.ui.background__heavy.rgba};
+  border-radius: ${h.corners.borderRadius};
   min-width: 800px;
   width: 100%;
   overflow: hidden;
   > h4 {
-    margin-top: ${t.large};
-    margin-bottom: ${t.medium};
+    margin-top: ${g.large};
+    margin-bottom: ${g.medium};
   }
   padding-bottom: calc(
-    68px + ${t.medium}
+    68px + ${g.medium}
   ); // Space for the expand button
-`,x=h.header`
+`,x=f.header`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,S=h.section`
+`,S=f.section`
   display: flex;
-  gap: ${t.medium};
+  gap: ${g.medium};
   align-items: center;
-`,C=d(({applicationName:n,releaseDate:d,createdDate:h,tags:C,version:w,title:T,body:E,actionMenu:D,expanded:O=!1},k)=>{let A=o({releaseDate:d,createdDate:h}),j=f(O?`auto`:c),[M,N]=p(O),[P,F]=p(i(E).length>0),I=f(new ResizeObserver(e=>{e.at(0)&&e[0].target.scrollHeight>c&&F(!0)})),L=()=>{N(e=>!e)},R=e=>{e&&I.current.observe(e)};return _(b,{ref:k,style:{paddingBottom:M?t.medium:void 0},children:[_(x,{children:[_(S,{children:[g(m,{variant:`caption`,color:e.text.static_icons__secondary.rgba,children:n}),_(m,{variant:`overline`,color:e.text.static_icons__tertiary.rgba,children:[r(A),w?` ・ ${w}`:``,` ・ `,a(E)]})]}),g(u,{tags:C,children:D})]}),g(m,{variant:`h4`,children:T}),g(v.div,{ref:R,initial:{height:j.current},animate:{height:M?`auto`:c},style:{overflow:M?`auto`:void 0},children:g(s,{value:E,onImageRead:y.getReleaseNoteImage,padding:`none`})}),P&&!O&&g(l,{expanded:M,onToggleExpanded:L})]})});C.displayName=`ReleaseNote`;export{C as ReleaseNote};
+`,C=i(({applicationName:i,releaseDate:f,createdDate:h,tags:C,version:w,title:T,body:E,actionMenu:D,expanded:O=!1},k)=>{let A=n({releaseDate:f,createdDate:h}),j=a(O?`auto`:e),[M,N]=o(O),[P,F]=o(d(E).length>0),I=a(new ResizeObserver(t=>{t.at(0)&&t[0].target.scrollHeight>e&&F(!0)})),L=()=>{N(e=>!e)},R=e=>{e&&I.current.observe(e)};return c(b,{ref:k,style:{paddingBottom:M?g.medium:void 0},children:[c(x,{children:[c(S,{children:[s(p,{variant:`caption`,color:m.text.static_icons__secondary.rgba,children:i}),c(p,{variant:`overline`,color:m.text.static_icons__tertiary.rgba,children:[u(A),w?` ・ ${w}`:``,` ・ `,t(E)]})]}),s(y,{tags:C,children:D})]}),s(p,{variant:`h4`,children:T}),s(_.div,{ref:R,initial:{height:j.current},animate:{height:M?`auto`:e},style:{overflow:M?`auto`:void 0},children:s(v,{value:E,onImageRead:l.getReleaseNoteImage,padding:`none`})}),P&&!O&&s(r,{expanded:M,onToggleExpanded:L})]})});C.displayName=`ReleaseNote`;export{C as ReleaseNote};

package/dist/organisms/ReleaseNote/ToggleExpanded.js

@@ -1,13 +1,13 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Button as n}from"../../molecules/Button/Button.js";import{Icon as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{arrow_drop_down as s,arrow_drop_up as c}from"@equinor/eds-icons";const l=i.div`
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{arrow_drop_down as n,arrow_drop_up as r}from"@equinor/eds-icons";import i from"styled-components";import{Icon as a}from"@equinor/eds-core-react";import{colors as o,spacings as s}from"src/atoms/style";import{Button as c}from"src/molecules/Button/Button";const l=i.div`
   position: absolute;
   bottom: 0;
   left: 0;
-  gap: ${t.medium};
-  padding: ${t.medium};
+  gap: ${s.medium};
+  padding: ${s.medium};
   background: linear-gradient(
-    color-mix(in srgb, ${e.ui.background__default.rgba} 10%, transparent)
+    color-mix(in srgb, ${o.ui.background__default.rgba} 10%, transparent)
       0%,
-    ${e.ui.background__default.rgba} 15%
+    ${o.ui.background__default.rgba} 15%
   );
   width: 100%;
-`,u=({expanded:e,onToggleExpanded:t})=>a(l,{children:o(n,{variant:`ghost`,onClick:t,children:[`Show `,e?`less`:`more`,a(r,{data:e?c:s})]})});export{u as ToggleExpanded};
+`,u=({expanded:i,onToggleExpanded:o})=>e(l,{children:t(c,{variant:`ghost`,onClick:o,children:[`Show `,i?`less`:`more`,e(a,{data:i?r:n})]})});export{u as ToggleExpanded};

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

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

package/dist/organisms/SideBar/index.js

@@ -1 +1 @@
-import{MenuItem as e}from"./MenuItem/MenuItem.js";import{SideBar as t}from"./SideBar.js";const n=t;n.Item=e;export{n as SideBar};
+import{MenuItem as e}from"src/organisms/SideBar/MenuItem/MenuItem";import{SideBar as t}from"src/organisms/SideBar/SideBar";const n=t;n.Item=e;export{n as SideBar};

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

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

package/dist/organisms/Status/Action.js

@@ -1 +1 @@
-import{DEFAULT_ACTION_TEXT as e}from"./Status.constants.js";import{forwardRef as t}from"react";import{Button as n}from"@equinor/eds-core-react";import{jsx as r}from"react/jsx-runtime";const i=t(({buttonText:t=e,onClick:i},a)=>r(n,{ref:a,onClick:i,children:t}));i.displayName=`Status.Action`;export{i as Action};
+import{DEFAULT_ACTION_TEXT as e}from"./Status.constants.js";import{forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{Button as r}from"@equinor/eds-core-react";const i=t(({buttonText:t=e,onClick:i},a)=>n(r,{ref:a,onClick:i,children:t}));i.displayName=`Status.Action`;export{i as Action};

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

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

package/dist/organisms/Status/Description.js

@@ -1 +1 @@
-import{DEFAULT_DESCRIPTION as e}from"./Status.constants.js";import{forwardRef as t}from"react";import{Typography as n}from"@equinor/eds-core-react";import{jsx as r}from"react/jsx-runtime";const i=t(({text:t=e},i)=>r(n,{ref:i,variant:`h4`,"data-testid":`description`,children:t}));i.displayName=`Status.Description`;export{i as Description};
+import{DEFAULT_DESCRIPTION as e}from"./Status.constants.js";import{forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{Typography as r}from"@equinor/eds-core-react";const i=t(({text:t=e},i)=>n(r,{ref:i,variant:`h4`,"data-testid":`description`,children:t}));i.displayName=`Status.Description`;export{i as Description};

package/dist/organisms/Status/Illustration.js

@@ -1,4 +1,4 @@
-import{SHAPES as e,SHAPE_ANIMATIONS as t,SHAPE_INITIALS as n,SHAPE_TRANSITIONS as r}from"./Illustration.constants.js";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{motion as s}from"framer-motion";const c=i.div`
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import n from"styled-components";import{motion as r}from"framer-motion";import{SHAPES as i,SHAPE_ANIMATIONS as a,SHAPE_INITIALS as o,SHAPE_TRANSITIONS as s}from"src/organisms/Status/Illustration.constants";const c=n.div`
   width: 328px;
   height: 232px;
   overflow: hidden;
@@ -14,4 +14,4 @@ import{SHAPES as e,SHAPE_ANIMATIONS as t,SHAPE_INITIALS as n,SHAPE_TRANSITIONS a
       filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
     }
   }
-`,l=({color:i})=>a(c,{children:o(`svg`,{width:`1015`,height:`713`,viewBox:`0 0 1015 713`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[a(`rect`,{width:`1015`,height:`713`,fill:`#333333`}),t.map((t,i)=>a(s.path,{fillRule:`evenodd`,fill:e[i].fill,initial:n[i],animate:t,transition:r[i]},i)),a(`rect`,{width:`1015`,height:`713`,fill:i,mask:`url(#color-mask)`,style:{mixBlendMode:`multiply`}}),a(`rect`,{width:`1015`,height:`713`,filter:`url(#nnnoise-filter)`,mask:`url(#noise-mask)`}),o(`defs`,{children:[o(`mask`,{id:`color-mask`,children:[a(`rect`,{width:`1015`,height:`713`,fill:`white`}),a(s.path,{fillRule:`evenodd`,clipRule:`evenodd`,initial:n.at(-2),animate:t.at(-2),transition:r.at(-2),fill:`black`}),a(s.path,{fillRule:`evenodd`,clipRule:`evenodd`,initial:n.at(-1),animate:t.at(-1),transition:r.at(-1),fill:`black`})]}),o(`mask`,{id:`noise-mask`,children:[a(`rect`,{width:`1015`,height:`713`,fill:`white`}),a(s.path,{fillRule:`evenodd`,clipRule:`evenodd`,initial:n.at(-1),animate:t.at(-1),transition:r.at(-1),fill:`black`})]}),o(`filter`,{id:`nnnoise-filter`,x:`-20%`,y:`-20%`,width:`140%`,height:`140%`,filterUnits:`objectBoundingBox`,primitiveUnits:`userSpaceOnUse`,colorInterpolationFilters:`linearRGB`,children:[a(`feTurbulence`,{type:`turbulence`,baseFrequency:`0.2`,numOctaves:`4`,seed:`15`,stitchTiles:`stitch`,x:`0%`,y:`0%`,width:`100%`,height:`100%`,result:`turbulence`}),a(s.feSpecularLighting,{surfaceScale:`60`,specularConstant:`2.3`,specularExponent:`10`,lightingColor:`#441c7b`,x:`0%`,y:`0%`,width:`100%`,height:`100%`,in:`turbulence`,result:`specularLighting`,children:a(`feDistantLight`,{azimuth:`3`,elevation:`54`})}),a(`feColorMatrix`,{type:`saturate`,values:`0`,x:`0%`,y:`0%`,width:`100%`,height:`100%`,in:`specularLighting`,result:`colormatrix`})]})]})]})});export{l as Illustration};
+`,l=({color:n})=>e(c,{children:t(`svg`,{width:`1015`,height:`713`,viewBox:`0 0 1015 713`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[e(`rect`,{width:`1015`,height:`713`,fill:`#333333`}),a.map((t,n)=>e(r.path,{fillRule:`evenodd`,fill:i[n].fill,initial:o[n],animate:t,transition:s[n]},n)),e(`rect`,{width:`1015`,height:`713`,fill:n,mask:`url(#color-mask)`,style:{mixBlendMode:`multiply`}}),e(`rect`,{width:`1015`,height:`713`,filter:`url(#nnnoise-filter)`,mask:`url(#noise-mask)`}),t(`defs`,{children:[t(`mask`,{id:`color-mask`,children:[e(`rect`,{width:`1015`,height:`713`,fill:`white`}),e(r.path,{fillRule:`evenodd`,clipRule:`evenodd`,initial:o.at(-2),animate:a.at(-2),transition:s.at(-2),fill:`black`}),e(r.path,{fillRule:`evenodd`,clipRule:`evenodd`,initial:o.at(-1),animate:a.at(-1),transition:s.at(-1),fill:`black`})]}),t(`mask`,{id:`noise-mask`,children:[e(`rect`,{width:`1015`,height:`713`,fill:`white`}),e(r.path,{fillRule:`evenodd`,clipRule:`evenodd`,initial:o.at(-1),animate:a.at(-1),transition:s.at(-1),fill:`black`})]}),t(`filter`,{id:`nnnoise-filter`,x:`-20%`,y:`-20%`,width:`140%`,height:`140%`,filterUnits:`objectBoundingBox`,primitiveUnits:`userSpaceOnUse`,colorInterpolationFilters:`linearRGB`,children:[e(`feTurbulence`,{type:`turbulence`,baseFrequency:`0.2`,numOctaves:`4`,seed:`15`,stitchTiles:`stitch`,x:`0%`,y:`0%`,width:`100%`,height:`100%`,result:`turbulence`}),e(r.feSpecularLighting,{surfaceScale:`60`,specularConstant:`2.3`,specularExponent:`10`,lightingColor:`#441c7b`,x:`0%`,y:`0%`,width:`100%`,height:`100%`,in:`turbulence`,result:`specularLighting`,children:e(`feDistantLight`,{azimuth:`3`,elevation:`54`})}),e(`feColorMatrix`,{type:`saturate`,values:`0`,x:`0%`,y:`0%`,width:`100%`,height:`100%`,in:`specularLighting`,result:`colormatrix`})]})]})]})});export{l as Illustration};

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

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

package/dist/organisms/Status/MissingAccesses.js

@@ -1,11 +1,11 @@
-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{forwardRef as n}from"react";import{Button as r,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{external_link as l}from"@equinor/eds-icons";const{colors:u}=e,d=o.div`
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{external_link as i}from"@equinor/eds-icons";import a from"styled-components";import{Button as o,Icon as s,Typography as c}from"@equinor/eds-core-react";import{spacings as l}from"src/atoms/style";const{colors:u}=e,d=a.div`
   display: flex;
   flex-direction: column;
-  gap: ${t.small};
+  gap: ${l.small};
   > div {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    gap: ${t.medium};
+    gap: ${l.medium};
   }
-`,f=n(({accesses:e=[],text:t},n)=>c(d,{ref:n,children:[s(a,{group:`paragraph`,variant:`body_long_bold`,children:t??`You can apply for access to the app in AccessIT:`}),e?.map((e,t)=>c(`div`,{children:[s(a,{group:`paragraph`,variant:`body_short`,children:e.title}),e.url&&s(r,{as:`a`,"data-testid":`missing-access-button-${e.title}`,variant:`ghost_icon`,target:`_blank`,href:e.url,children:s(i,{data:l,color:u.text.static_icons__default.rgba})})]},t))]}));f.displayName=`Status.MissingAccesses`;export{f as MissingAccesses};
+`,f=t(({accesses:e=[],text:t},a)=>r(d,{ref:a,children:[n(c,{group:`paragraph`,variant:`body_long_bold`,children:t??`You can apply for access to the app in AccessIT:`}),e?.map((e,t)=>r(`div`,{children:[n(c,{group:`paragraph`,variant:`body_short`,children:e.title}),e.url&&n(o,{as:`a`,"data-testid":`missing-access-button-${e.title}`,variant:`ghost_icon`,target:`_blank`,href:e.url,children:n(s,{data:i,color:u.text.static_icons__default.rgba})})]},t))]}));f.displayName=`Status.MissingAccesses`;export{f as MissingAccesses};

package/dist/organisms/Status/Status.js

@@ -1,7 +1,7 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Illustration as n}from"./Illustration.js";import r,{css as i}from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=r.div`
+import{Illustration as e}from"./Illustration.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r,{css as i}from"styled-components";import{colors as a,spacings as o}from"src/atoms/style";const s=r.div`
   display: flex;
   flex-direction: column;
-  gap: ${t.medium};
+  gap: ${o.medium};
   align-items: center;
   justify-items: center;
   max-width: 510px;
@@ -24,6 +24,6 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   }
   // Action
   > button {
-    margin-top: ${t.medium};
+    margin-top: ${o.medium};
   }
-`,c=({color:t=e.interactive.primary__resting.rgba,expectedBackgroundColor:r=e.ui.background__light.rgba,children:i,center:c=!0})=>o(s,{$center:c,$expectedBackgroundColor:r,"data-testid":`status-container`,children:[a(n,{color:t}),i]});export{c as Status};
+`,c=({color:r=a.interactive.primary__resting.rgba,expectedBackgroundColor:i=a.ui.background__light.rgba,children:o,center:c=!0})=>n(s,{$center:c,$expectedBackgroundColor:i,"data-testid":`status-container`,children:[t(e,{color:r}),o]});export{c as Status};

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

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

package/dist/organisms/Status/Title.js

@@ -1 +1 @@
-import{DEFAULT_TITLE as e}from"./Status.constants.js";import{forwardRef as t}from"react";import{Typography as n}from"@equinor/eds-core-react";import{jsx as r}from"react/jsx-runtime";const i=t(({title:t=e},i)=>r(n,{ref:i,variant:`h1`,bold:!0,"data-testid":`title`,children:t}));i.displayName=`Status.Title`;export{i as Title};
+import{DEFAULT_TITLE as e}from"./Status.constants.js";import{forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{Typography as r}from"@equinor/eds-core-react";const i=t(({title:t=e},i)=>n(r,{ref:i,variant:`h1`,bold:!0,"data-testid":`title`,children:t}));i.displayName=`Status.Title`;export{i as Title};

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

@@ -1 +1 @@
-import{MissingAccessToApp as e}from"./MissingAccessToApp.js";import{BadRequest as t}from"./BadRequest.js";import{GenericError as n}from"./GenericError.js";import{MissingPermissions as r}from"./MissingPermissions.js";import{PageNotFound as i}from"./PageNotFound.js";import{ServerError as a}from"./ServerError.js";import{jsx as o}from"react/jsx-runtime";const s=({statusCode:s})=>s<400?null:o(s===400?t:s===401?e:s===403?r:s===404?i:s===500?a:n,{});export{s as ApiResponseError};
+import{BadRequest as e}from"./BadRequest.js";import{GenericError as t}from"./GenericError.js";import{MissingAccessToApp as n}from"./MissingAccessToApp.js";import{MissingPermissions as r}from"./MissingPermissions.js";import{PageNotFound as i}from"./PageNotFound.js";import{ServerError as a}from"./ServerError.js";import{jsx as o}from"react/jsx-runtime";const s=({statusCode:s})=>s<400?null:o(s===400?e:s===401?n:s===403?r:s===404?i:s===500?a:t,{});export{s as ApiResponseError};

package/dist/organisms/Status/collections/BadRequest.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:`#AB9067`,children:[t(e.Title,{title:`Bad request`}),t(e.Description,{text:`We encountered some confusion regarding your request.
+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:`#AB9067`,children:[e(r.Title,{title:`Bad request`}),e(r.Description,{text:`We encountered some confusion regarding your request.
          Please try again later, or if the issue persists, kindly report
-         it using the feedback form located in the top bar.`}),t(e.Action,{onClick:a})]})};export{i as BadRequest};
+         it using the feedback form located in the top bar.`}),e(r.Action,{onClick:a})]})};export{i as BadRequest};

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

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

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

@@ -1 +1 @@
-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,{children:[t(e.Title,{title:`It looks like you don't have permission to access this page.`}),t(e.Action,{onClick:a})]})};export{i as MissingPermissions};
+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,{children:[e(r.Title,{title:`It looks like you don't have permission to access this page.`}),e(r.Action,{onClick:a})]})};export{i as MissingPermissions};