@equinor/amplify-component-lib 9.15.2 → 9.15.3

package/dist/organisms/ReleaseNote/MetaTags.js

@@ -0,0 +1,10 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Chip as n}from"../../molecules/Chip/Chip.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{comment_notes as s}from"@equinor/eds-icons";import{ReleaseNoteType as c}from"@equinor/subsurface-app-management";const l={[c.FEATURE]:e.dataviz.lightblue.darker,[c.IMPROVEMENT]:e.interactive.warning__resting.rgba,[c.BUG_FIX]:e.interactive.danger__resting.rgba},u=i.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.small};
+  margin-bottom: 1px; // Make room for the outline on the chips
+`,d=i.span`
+  width: 10px !important;
+  height: 10px !important;
+  border-radius: 50%;
+`,f=({children:e,tags:t})=>o(u,{children:[o(n,{children:[a(r,{data:s}),`Release Note`]}),t?.map(e=>o(n,{children:[a(d,{style:{background:l[e]}}),e]},e)),e]});export{f as MetaTags};

package/dist/organisms/ReleaseNote/ReleaseNote.constants.js

@@ -0,0 +1 @@
+const e=85;export{e as RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT};

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

@@ -0,0 +1,15 @@
+import * as react100 from "react";
+import { ReactNode } from "react";
+import { ReleaseNote } from "@equinor/subsurface-app-management";
+
+//#region src/organisms/ReleaseNote/ReleaseNote.d.ts
+type ReleaseNoteProps = {
+  actionMenu?: ReactNode;
+  expanded?: boolean;
+} & ReleaseNote;
+declare const ReleaseNote$1: react100.ForwardRefExoticComponent<{
+  actionMenu?: ReactNode;
+  expanded?: boolean;
+} & ReleaseNote & react100.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };

package/dist/organisms/ReleaseNote/ReleaseNote.js

@@ -0,0 +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`
+  display: flex;
+  flex-direction: column;
+  padding: ${t.medium};
+  position: relative;
+  background: ${e.ui.background__default.rgba};
+  border: 1px solid ${e.ui.background__heavy.rgba};
+  border-radius: ${n.corners.borderRadius};
+  min-width: 800px;
+  width: 100%;
+  overflow: hidden;
+  > h4 {
+    margin-top: ${t.large};
+    margin-bottom: ${t.medium};
+  }
+  padding-bottom: calc(
+    68px + ${t.medium}
+  ); // Space for the expand button
+`,x=h.header`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,S=h.section`
+  display: flex;
+  gap: ${t.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};

package/dist/organisms/ReleaseNote/ReleaseNote.utils.js

@@ -0,0 +1 @@
+function e(e){let t=e.split(/\s/g).length,n=Math.ceil(t/238);return`${n} min read`}function t(e){return e.releaseDate??e.createdDate}export{e as timeToRead,t as usingReleaseNoteDate};

package/dist/organisms/ReleaseNote/ToggleExpanded.js

@@ -0,0 +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`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  gap: ${t.medium};
+  padding: ${t.medium};
+  background: linear-gradient(
+    color-mix(in srgb, ${e.ui.background__default.rgba} 10%, transparent)
+      0%,
+    ${e.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};

package/dist/organisms/SideBar/CreateItem.js

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

package/dist/organisms/SideBar/CreateItem.styles.js

@@ -0,0 +1,33 @@
+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{Button as r}from"@equinor/eds-core-react";import i from"styled-components";const a=i.div`
+  display: flex;
+  align-self: stretch;
+  box-sizing: border-box;
+  padding: ${t.medium_small} 0 ${t.medium_small} 14px;
+  background: ${({$active:t})=>t?e.interactive.primary__selected_highlight.rgba:`transparent`};
+  cursor: pointer;
+  &:has(button:disabled) {
+    cursor: not-allowed;
+  }
+  &:hover:not(:has(button:disabled)) {
+    background: ${({$active:t})=>t?e.interactive.primary__selected_hover.rgba:e.interactive.primary__hover_alt.rgba};
+
+    > button {
+      border-color: ${e.interactive.primary__hover.rgba};
+      background: ${e.interactive.primary__hover.rgba};
+    }
+  }
+`,o=i(r)`
+  width: ${e=>e.$open?`fit-content`:`36px`};
+  height: 36px;
+  border-radius: ${n.icon_button.borderRadius};
+  transition: 0.1s ease-out;
+  &:hover {
+    border-radius: ${n.icon_button.borderRadius};
+  }
+  &:disabled {
+    border: 0 solid transparent;
+  }
+  > span {
+    ${e=>e.$open&&`margin-left: -11px`};
+  }
+`;export{o as CreateButton,a as MenuItemContainer};

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

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

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

@@ -0,0 +1,48 @@
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useSideBar as n}from"../../../providers/SideBarProvider.js";import{usePrevious as r}from"../../../atoms/hooks/usePrevious.js";import{OptionalTooltip as i}from"../../../molecules/OptionalTooltip/OptionalTooltip.js";import{IconContainer as a,ItemText as o,Link as s,MenuItemWrapper as c}from"./MenuItem.styles.js";import{isCurrentUrl as l}from"./MenuItem.utils.js";import{useEffect as u,useMemo as d,useRef as f,useState as p}from"react";import{Icon as m,Menu as h}from"@equinor/eds-core-react";import g,{css as _}from"styled-components";import{Fragment as v,jsx as y,jsxs as b}from"react/jsx-runtime";import{chevron_down as x,chevron_up as S}from"@equinor/eds-icons";import{Link as C,useLocation as w}from"react-router-dom";const T=g.button`
+  position: relative;
+  width: 100%;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-self: stretch;
+  align-items: center;
+  height: 64px;
+  min-width: 64px;
+  padding: ${t.medium};
+  gap: ${t.medium};
+  box-sizing: border-box;
+  border-bottom: 1px solid ${e.ui.background__medium.rgba};
+  background: ${({$active:t,$expanded:n})=>t?e.interactive.primary__selected_highlight.rgba:n?e.interactive.table__header__fill_resting.rgba:`transparent`};
+  text-decoration: none;
+  transition: background 0.1s ease-out;
+
+  &:hover {
+    text-decoration: none;
+    background: ${({$active:t,$expanded:n})=>t?e.interactive.primary__selected_hover.rgba:n?e.ui.background__medium.rgba:e.interactive.primary__hover_alt.rgba};
+    svg {
+      fill: ${e.interactive.primary__hover.rgba};
+    }
+  }
+
+  ${({$open:t})=>!t&&_`
+      &:after {
+        position: absolute;
+        right: -7px; // 1px border offset from 8px width
+        bottom: 0;
+        height: 0;
+        width: 0;
+        border-color: transparent;
+        border-bottom-color: ${e.interactive.primary__resting.rgba};
+        border-style: solid;
+        border-width: 8px;
+        content: '';
+        z-index: 500;
+      }
+    `}
+`,E=g(s)`
+  display: grid;
+  grid-template-columns: 32px 1fr;
+  height: unset;
+  > p:first-child {
+    grid-column: 2;
+  }
+`,D=({icon:t,name:s,items:g,..._})=>{let{pathname:D}=w(),O=r(D),{isOpen:k}=n(),A=r(k),j=g.some(e=>l({currentUrl:D,link:e.link})),M=f(null),[N,P]=p(!1),F=()=>P(e=>!e);u(()=>{(A&&!k&&N||O!==D&&N&&!k)&&P(!1)},[N,k,D,A,O]);let I=d(()=>y(i,{title:s,placement:`right`,children:y(c,{children:b(T,{ref:M,$open:k,$active:j,$expanded:N,onClick:F,..._,children:[y(a,{"data-testid":`icon-container`,children:y(m,{data:t,size:24,color:e.interactive.primary__resting.rgba})}),k&&b(v,{children:[y(o,{$active:!1,$disabled:!1,variant:`button`,group:`navigation`,children:s}),y(m,{data:N?S:x,size:24,color:e.interactive.primary__resting.rgba})]})]})})}),[N,t,j,k,s,_]);return N&&k?b(v,{children:[I,g.map((e,t)=>y(E,{to:e.link,$active:l({currentUrl:D,link:e.link}),$disabled:e.disabled||!1,children:y(o,{$active:j,$disabled:e.disabled||!1,variant:`button`,group:`navigation`,children:e.name})},t))]}):N?b(v,{children:[I,y(h,{open:!0,anchorEl:M.current,placement:`right-start`,onClose:F,children:g.map(e=>y(h.Item,{as:C,active:l({currentUrl:D,link:e.link}),style:{width:`256px`},to:e.link,children:e.name},e.link))})]}):I};export{D as CollapsableMenuItem};

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

@@ -0,0 +1,14 @@
+import { SideBarMenuItem } from "../../../atoms/types/SideBar.js";
+import { FC } from "react";
+
+//#region src/organisms/SideBar/MenuItem/MenuItem.d.ts
+type MenuItemProps = {
+  /**
+   * @deprecated - currentUrl is not needed anymore, useLocation from react router is used internally
+   */
+  currentUrl?: string;
+  disabled?: boolean;
+} & SideBarMenuItem;
+declare const MenuItem: FC<MenuItemProps>;
+//#endregion
+export { MenuItem };

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

@@ -0,0 +1 @@
+import{BasicMenuItem as e}from"./BasicMenuItem.js";import{CollapsableMenuItem as t}from"./CollapsableMenuItem.js";import{jsx as n}from"react/jsx-runtime";const r=r=>`items`in r?n(t,{...r}):n(e,{...r});export{r as MenuItem};

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

@@ -0,0 +1,37 @@
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{Typography as n}from"@equinor/eds-core-react";import r from"styled-components";import{Link as i}from"react-router-dom";const a=r.span`
+  width: 100%;
+`,o=r(i)`
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  justify-content: ${({$open:e})=>!e&&`center`};
+  height: 64px;
+  min-width: 64px;
+  padding: ${t.medium};
+  gap: ${t.medium};
+  box-sizing: border-box;
+  border-bottom: 1px solid ${e.ui.background__medium.rgba};
+  background: ${({$active:t})=>t&&e.interactive.primary__selected_highlight.rgba};
+  text-decoration: none;
+  transition: background 0.1s ease-out;
+  > div > svg {
+    fill: ${({$disabled:t})=>t?e.interactive.disabled__text.rgba:e.interactive.primary__resting.rgba};
+  }
+  &:hover {
+    cursor: ${({$disabled:e})=>!e&&`pointer`};
+    text-decoration: none;
+    background: ${({$active:t,$disabled:n})=>!n&&(t?e.interactive.primary__selected_hover.rgba:e.interactive.primary__hover_alt.rgba)};
+    > div > svg {
+      fill: ${({$disabled:t,$active:n})=>!t&&!n&&e.interactive.primary__hover.rgba};
+    }
+  }
+`,s=r.div`
+  display: flex;
+  padding: ${t.x_small};
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+`,c=r(n)`
+  color: ${({$disabled:t})=>t?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba};
+`;export{s as IconContainer,c as ItemText,o as Link,a as MenuItemWrapper};

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

@@ -0,0 +1 @@
+const e=({currentUrl:e,link:t})=>{let n=e.includes(t);return n&&t!==`/`||t===e},t=({currentUrl:e,link:t})=>{let n=e.split(`?`)[0];return n===t},n=({currentUrl:n,link:r,disabled:i,replace:a})=>{let o=e({currentUrl:n,link:r}),s=t({currentUrl:n,link:r});return!i&&(!o||o&&!s&&a)};export{n as canNavigate,e as isCurrentUrl};

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

@@ -0,0 +1,21 @@
+import * as react124 from "react";
+import { HTMLAttributes, ReactNode } from "react";
+
+//#region src/organisms/SideBar/SideBar.d.ts
+interface SideBarProps extends HTMLAttributes<HTMLDivElement> {
+  children: ReactNode;
+  showCreate?: boolean;
+  bottomItem?: ReactNode;
+}
+interface BaseSideBar extends SideBarProps {
+  onCreate?: undefined;
+}
+interface SideBarWithCreate extends SideBarProps {
+  onCreate: () => void;
+  createLabel: string;
+  createDisabled?: boolean;
+  createActive?: boolean;
+}
+declare const SideBar: react124.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react124.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { SideBar };

package/dist/organisms/SideBar/SideBar.js

@@ -0,0 +1 @@
+import{useSideBar as e}from"../../providers/SideBarProvider.js";import{EquinorLogo as t}from"../../molecules/EquinorLogo/EquinorLogo.js";import{CreateItem as n}from"./CreateItem.js";import{BottomItemContainer as r,CenterItemContainer as i,EquinorIconContainer as a,NavigationContainer as o,TopItemContainer as s}from"./SideBar.styles.js";import{ToggleOpen as c}from"./ToggleOpen.js";import{forwardRef as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=l((l,f)=>{let{children:p,showCreate:m=!0,bottomItem:h}=l,{isOpen:g,setIsOpen:_}=e(),v=()=>{_(!g)};return d(o,{$width:g?`231px`:`64px`,ref:f,"data-testid":`sidebar`,children:[l.onCreate&&m&&u(s,{children:u(n,{createLabel:l.createLabel,onCreate:l.onCreate,disabled:l.createDisabled,active:l.createActive})}),u(i,{children:p}),d(r,{children:[h,u(c,{isOpen:g,toggle:v}),u(a,{children:u(t,{})})]})]})});f.displayName=`SideBar`;export{f as SideBar};

package/dist/organisms/SideBar/SideBar.styles.js

@@ -0,0 +1,41 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import n from"styled-components";const r=n.div`
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+  align-items: flex-start;
+  width: ${e=>e.$width};
+  min-width: ${e=>e.$width};
+  height: calc(100vh - 64px);
+  position: sticky;
+  top: 64px;
+  overflow: hidden;
+  border-right: 1px solid ${e.ui.background__medium.rgba};
+  background-color: ${e.ui.background__default.rgba};
+`,i=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  border-bottom: 1px solid ${e.ui.background__medium.rgba};
+`,a=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 1 0 0;
+  align-self: stretch;
+  overflow-y: auto;
+  overflow-x: hidden;
+`,o=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  border-top: 2px solid ${e.ui.background__medium.rgba};
+`,s=n.div`
+  display: flex;
+  padding: ${t.large} 0 ${t.large} 16px;
+  > svg {
+    width: 32px;
+    flex-shrink: 0;
+  }
+`;export{o as BottomItemContainer,a as CenterItemContainer,s as EquinorIconContainer,r as NavigationContainer,i as TopItemContainer};

package/dist/organisms/SideBar/ToggleOpen.js

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

package/dist/organisms/SideBar/ToggleOpen.styles.js

@@ -0,0 +1,16 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import n from"styled-components";const r=n.button`
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  justify-content: ${({$isOpen:e})=>e?`flex-start`:`center`};
+  height: 64px;
+  padding: ${t.medium};
+  gap: ${t.medium};
+  box-sizing: border-box;
+  border-bottom: 1px solid ${e.ui.background__medium.rgba};
+  transition: background 0.1s ease-out;
+  cursor: pointer;
+  &:hover {
+    background: ${e.interactive.primary__hover_alt.rgba};
+  }
+`;export{r as Container};

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

@@ -0,0 +1,15 @@
+import { SideBarMenuItem } from "../../atoms/types/SideBar.js";
+import { MenuItem } from "./MenuItem/MenuItem.js";
+import { SideBar } from "./SideBar.js";
+
+//#region src/organisms/SideBar/index.d.ts
+type SidebarType = typeof SideBar & {
+  Item: typeof MenuItem;
+};
+/**
+ * @deprecated Unnecessary rename of SideBarMenuItem, use SideBarMenuItem instead
+ */
+type ItemType = SideBarMenuItem;
+declare const SideBar$1: SidebarType;
+//#endregion
+export { type ItemType, SideBar$1 as SideBar };

package/dist/organisms/SideBar/index.js

@@ -0,0 +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};

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

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

package/dist/organisms/Status/Action.js

@@ -0,0 +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};

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

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

package/dist/organisms/Status/Description.js

@@ -0,0 +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};

package/dist/organisms/Status/Illustration.constants.js

@@ -0,0 +1 @@
+import{colors as e}from"../../atoms/style/colors.js";const t=[{frames:[`M1015 0H0V713H1015V0ZM511.729 307.457C521.601 300.806 549.953 306.023 549.953 336.452C549.953 343.815 543.455 349.395 536.904 355.019C532.018 359.215 527.104 363.434 524.836 368.437C522.413 373.784 523.541 379.819 524.636 385.677C525.943 392.674 527.204 399.42 522.313 404.446C506.898 420.288 481 401.5 474.819 375.64C468.639 349.781 501.857 314.108 511.729 307.457Z`,`M1015 0H0V713H1015V0ZM503.729 307.457C515 303 549.953 306.023 549.953 336.452C549.953 343.815 543.309 351.039 536.904 355.019C530.5 359 525.267 361.997 523 367C520.577 372.347 523.541 379.819 524.636 385.677C525.943 392.674 527.204 399.42 522.313 404.446C506.898 420.288 481.368 401.409 474.819 375.64C465 337 476.488 318.229 503.729 307.457Z`,`M1015 0H0V713H1015V0ZM511.729 307.457C521.601 300.806 549.953 306.023 549.953 336.452C549.953 343.815 543.455 349.395 536.904 355.019C532.018 359.215 527.104 363.434 524.836 368.437C522.413 373.784 523.541 379.819 524.636 385.677C525.943 392.674 527.204 399.42 522.313 404.446C506.898 420.288 481 401.5 474.819 375.64C468.639 349.781 501.857 314.108 511.729 307.457Z`],fill:`#626262`},{frames:[`M1015 0H0V713H1015V0ZM502.802 300.335C537.872 280.943 562.204 297.12 562.204 337.97C562.204 347.898 556.021 353.375 549.413 359.229C544.534 363.552 539.423 368.079 536.397 374.756C533.302 381.587 533.252 388.261 533.204 394.641C533.204 407 528 412.5 516 416.5C504 420.5 472.5 414.5 463.261 382.396C454.023 350.292 467.732 319.726 502.802 300.335Z`,`M1015 0H0V713H1015V0ZM500.802 296.335C540 282.5 557 297 567.204 334.97C572.917 356.229 557 350.5 545.5 355C534 359.5 531 366.5 530.5 373C530 379.5 533.252 388.261 533.204 394.641C533.204 407 529 414 517 418C505 422 472.739 414.604 463.5 382.5C454.261 350.396 451.5 313.736 500.802 296.335Z`,`M1015 0H0V713H1015V0ZM502.802 300.335C537.872 280.943 562.204 297.12 562.204 337.97C562.204 347.898 556.021 353.375 549.413 359.229C544.534 363.552 539.423 368.079 536.397 374.756C533.302 381.587 533.252 388.261 533.204 394.641C533.204 407 528 412.5 516 416.5C504 420.5 472.5 414.5 463.261 382.396C454.023 350.292 467.732 319.726 502.802 300.335Z`],fill:`#989898`},{frames:[`M1015 0H0V713H1015V0ZM506.585 427.177C471.37 435.728 445.153 377.321 451.131 336.474C457.109 295.627 510.255 283.911 543.431 284.876C576.607 285.84 577.788 321.732 576.559 337.747C575.853 346.954 568.84 353.917 561.904 360.805C556.775 365.898 551.687 370.95 549.224 376.837C547.951 379.88 547.066 384.187 546.044 389.156C542.419 406.794 537.08 419.773 506.585 427.177Z`,`M1015 0H0V713H1015V0ZM503.5 426C465.5 426 444.522 378.594 450.5 337.747C456.478 296.9 491 274 534.431 279.876C577.862 285.752 577.788 321.732 576.559 337.747C575.853 346.954 570.84 355.917 563.904 362.805C558.775 367.898 553.687 372.95 551.224 378.837C549.951 381.88 549.066 386.187 548.044 391.156C544.419 408.794 541.5 426 503.5 426Z`,`M1015 0H0V713H1015V0ZM506.585 427.177C471.37 435.728 445.153 377.321 451.131 336.474C457.109 295.627 510.255 283.911 543.431 284.876C576.607 285.84 577.788 321.732 576.559 337.747C575.853 346.954 568.84 353.917 561.904 360.805C556.775 365.898 551.687 370.95 549.224 376.837C547.951 379.88 547.066 384.187 546.044 389.156C542.419 406.794 537.08 419.773 506.585 427.177Z`],fill:`#BDBDBD`},{frames:[`M1015 0H0V713H1015V0ZM440.634 385.5C430.268 355 429.112 330.796 441.634 309.648C454.156 288.5 466.38 273.826 518.307 270.052C570.233 266.278 607.898 303.281 606.033 338.065C604.722 362.531 594.917 369.726 583.168 376.462C578.213 379.304 573.09 382.241 568.44 386.686C563.11 391.783 560.356 399.738 557.341 408.448C551.492 425.347 529.116 440 500 440C470.884 440 451 416 440.634 385.5Z`,`M1015 0H0V713H1015V0ZM447.634 386.5C433 353.5 439 299.5 455.5 287C472 274.5 492.5 269.398 518.307 271.052C544.113 272.706 607.898 303.281 606.033 338.065C604.722 362.531 593.917 368.726 582.168 375.462C577.213 378.304 572.09 381.241 567.44 385.686C562.11 390.783 559.356 398.738 556.341 407.448C550.492 424.347 544.232 433.266 515.116 433.266C486 433.266 462.268 419.5 447.634 386.5Z`,`M1015 0H0V713H1015V0ZM440.634 385.5C430.268 355 429.112 330.796 441.634 309.648C454.156 288.5 466.38 273.826 518.307 270.052C570.233 266.278 607.898 303.281 606.033 338.065C604.722 362.531 594.917 369.726 583.168 376.462C578.213 379.304 573.09 382.241 568.44 386.686C563.11 391.783 560.356 399.738 557.341 408.448C551.492 425.347 529.116 440 500 440C470.884 440 451 416 440.634 385.5Z`],fill:e.ui.background__light.rgba},{frames:[`M0.0234375 713.113L0.0240688 0.00248903L1015.03 0.00244141V713.113H0.0234375ZM579.032 354.757C598.16 354.757 613.667 339.25 613.667 320.122C613.667 300.994 598.16 285.487 579.032 285.487C559.904 285.487 544.397 300.994 544.397 320.122C544.397 339.25 559.904 354.757 579.032 354.757ZM489.261 260.291C447.313 255.93 424.193 301.451 420.362 343.451C415.265 399.342 464.624 459.537 519.45 447.54C549.769 440.906 583.849 426.641 579.83 395.866C578.233 383.643 569.67 378.317 560.518 372.624C553.413 368.204 545.952 363.564 541.12 355.304C533.131 341.65 533.195 327.646 533.255 314.127C533.315 300.819 533.373 287.98 525.747 276.404C517.179 263.396 504.754 261.901 489.261 260.291Z`,`M0.0234375 713.113L0.0240688 0.00248903L1015.03 0.00244141V713.113H0.0234375ZM587.032 357.757C606.16 357.757 621.667 342.25 621.667 323.122C621.667 303.994 606.16 288.487 587.032 288.487C567.904 288.487 552.397 303.994 552.397 323.122C552.397 342.25 567.904 357.757 587.032 357.757ZM489.261 260.291C447.087 260.291 423 285.951 427.5 347.5C432 409.049 464.624 461.537 519.45 449.54C549.769 442.906 586.849 426.641 582.83 395.866C581.233 383.643 578 378 569 371C560 364 552.397 365.5 543.12 355.304C533.843 345.109 537.195 324.646 537.255 311.127C537.315 297.819 532.5 289.5 523.747 278.404C514.101 266.174 506.5 260.291 489.261 260.291Z`,`M0.0234375 713.113L0.0240688 0.00248903L1015.03 0.00244141V713.113H0.0234375ZM587.032 349.757C606.16 349.757 621.667 334.25 621.667 315.122C621.667 295.994 606.16 280.487 587.032 280.487C567.904 280.487 552.397 295.994 552.397 315.122C552.397 334.25 567.904 349.757 587.032 349.757ZM489.261 260.291C447.087 260.291 423 285.951 427.5 347.5C432 409.049 464.624 461.537 519.45 449.54C549.769 442.906 586.849 426.641 582.83 395.866C581.233 383.643 575 377 565.518 369.624C558.913 364.486 547.952 363.564 543.12 355.304C535.131 341.65 537.195 324.646 537.255 311.127C537.315 297.819 532.5 289.5 523.747 278.404C514.101 266.174 506.5 260.291 489.261 260.291Z`],fill:e.ui.background__medium.rgba},{frames:[`M1015 0H0L0.000196621 713H1015V0ZM380.899 340.754C374.837 351.113 373.607 358.417 372.75 370.388C369.319 418.337 417.659 439.092 463.504 453.549C516.008 470.105 580.319 476.324 601.672 425.582C605.202 417.195 604.753 409.762 604.307 402.363C603.849 394.777 603.393 387.227 607.229 378.723C612.242 367.608 623.629 363.094 634.404 358.823C646.848 353.889 658.477 349.279 658.533 335.198C658.592 320.219 652.019 311.742 642.049 300.563C630.092 287.157 620.008 281.857 601.672 278.523C573.259 273.357 557.288 270.146 529.625 261.854C521.925 259.546 515.778 256.386 509.932 253.38C500.672 248.619 492.165 244.246 479.432 244.259C461.787 244.277 450.115 246.327 436.093 257.038C421.184 268.426 418.351 280.033 415.492 291.742C413.307 300.69 411.108 309.698 403.495 318.714C400.076 322.764 396.571 325.439 393.19 328.019C388.71 331.438 384.449 334.69 380.899 340.754ZM392.846 292.076C392.846 303.021 385.055 310.894 374.212 310.894C363.368 310.894 355.578 303.021 355.578 292.076C355.578 281.131 363.368 273.259 374.212 273.259C385.055 273.259 392.846 281.131 392.846 292.076Z`,`M1015 0H0L0.000196621 713H1015V0ZM380.899 340.754C374.837 351.113 373.607 358.417 372.75 370.388C369.319 418.337 417.659 439.092 463.504 453.549C516.008 470.105 580.319 476.324 601.672 425.582C605.202 417.195 604.753 409.762 604.307 402.363C603.849 394.777 603.393 387.227 607.229 378.723C612.242 367.608 623.629 363.094 634.404 358.823C646.848 353.889 658.477 349.279 658.533 335.198C658.592 320.219 652.019 311.742 642.049 300.563C630.092 287.157 620.008 281.857 601.672 278.523C573.259 273.357 557.288 270.146 529.625 261.854C521.925 259.546 515.778 256.386 509.932 253.38C500.672 248.619 492.165 244.246 479.432 244.259C461.787 244.277 450.115 246.327 436.093 257.038C421.184 268.426 418.351 280.033 415.492 291.742C413.307 300.69 411.108 309.698 403.495 318.714C400.076 322.764 396.571 325.439 393.19 328.019C388.71 331.438 384.449 334.69 380.899 340.754ZM392.846 294.076C392.846 305.021 385.055 312.894 374.212 312.894C363.368 312.894 355.578 305.021 355.578 294.076C355.578 283.131 363.368 275.259 374.212 275.259C385.055 275.259 392.846 283.131 392.846 294.076Z`,`M1015 0H0L0.000196621 713H1015V0ZM380.899 340.754C374.837 351.113 373.607 358.417 372.75 370.388C369.319 418.337 417.659 439.092 463.504 453.549C516.008 470.105 580.319 476.324 601.672 425.582C605.202 417.195 604.753 409.762 604.307 402.363C603.849 394.777 603.393 387.227 607.229 378.723C612.242 367.608 623.629 363.094 634.404 358.823C646.848 353.889 658.477 349.279 658.533 335.198C658.592 320.219 652.019 311.742 642.049 300.563C630.092 287.157 620.008 281.857 601.672 278.523C573.259 273.357 557.288 270.146 529.625 261.854C521.925 259.546 515.778 256.386 509.932 253.38C500.672 248.619 492.165 244.246 479.432 244.259C461.787 244.277 450.115 246.327 436.093 257.038C421.184 268.426 418.351 280.033 415.492 291.742C413.307 300.69 411.108 309.698 403.495 318.714C400.076 322.764 396.571 325.439 393.19 328.019C388.71 331.438 384.449 334.69 380.899 340.754ZM392.846 292.076C392.846 303.021 385.055 310.894 374.212 310.894C363.368 310.894 355.578 303.021 355.578 292.076C355.578 281.131 363.368 273.259 374.212 273.259C385.055 273.259 392.846 281.131 392.846 292.076Z`],fill:e.ui.background__light.rgba}];function n(e,t){return e<t-2}const r=t.map((e,t,r)=>({d:t===r.length-2?e.frames:[...e.frames,e.frames[0]],opacity:n(t,r.length)?[0,1]:void 0})),i=t.map((e,t,r)=>({d:e.frames[0],opacity:n(t,r.length)?0:1})),a=Array(t.length).fill(null).map((e,t,r)=>{let i={d:{repeat:1/0,delay:t*.1,repeatType:`mirror`,duration:(r.length-t+1)*2+Math.random()*2,ease:`easeInOut`}};return n(t,r.length)&&(i.opacity={duration:1,delay:(r.length-3-t)*.3,ease:`easeInOut`}),i});export{t as SHAPES,r as SHAPE_ANIMATIONS,i as SHAPE_INITIALS,a as SHAPE_TRANSITIONS};

package/dist/organisms/Status/Illustration.js

@@ -0,0 +1,17 @@
+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`
+  width: 328px;
+  height: 232px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  > svg {
+    flex-shrink: 0;
+    > path:nth-last-child(4) {
+      filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.25));
+    }
+    > path {
+      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};

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

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

package/dist/organisms/Status/MissingAccesses.js

@@ -0,0 +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`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.small};
+  > div {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: ${t.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};

package/dist/organisms/Status/Status.constants.js

@@ -0,0 +1 @@
+const e=`Something went wrong`,t=`Try again later or use our feedback form if the problems persists.`,n=`Back to previous page`;export{n as DEFAULT_ACTION_TEXT,t as DEFAULT_DESCRIPTION,e as DEFAULT_TITLE};

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

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from "react";
+
+//#region src/organisms/Status/Status.d.ts
+interface StatusProps {
+  color?: string;
+  expectedBackgroundColor?: string;
+  center?: boolean;
+  children: ReactNode | ReactNode[];
+}
+/**
+ *
+ * @param color - Sets the color that is used in the illustration, defaults to primary resting
+ * @param expectedBackgroundColor - Sets the color of the "top" svg path, defaults to background.light
+ * @param children - content "inside", typically Status.Title etc.
+ * @param center - Centers the status component (using position fixed), defaults to true
+ */
+declare const Status: FC<StatusProps>;
+//#endregion
+export { Status };

package/dist/organisms/Status/Status.js

@@ -0,0 +1,29 @@
+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`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.medium};
+  align-items: center;
+  justify-items: center;
+  max-width: 510px;
+  margin: auto;
+  ${({$center:e})=>{if(e)return i`
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+      `}}
+  ${({$expectedBackgroundColor:e})=>i`
+    path:nth-last-child(4) {
+      fill: ${e};
+    }
+  `}
+  // Title, Description
+  > h1,
+  > h4 {
+    text-align: center;
+  }
+  // Action
+  > button {
+    margin-top: ${t.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};

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

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

package/dist/organisms/Status/Title.js

@@ -0,0 +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};

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

@@ -0,0 +1,14 @@
+import { FC } from "react";
+
+//#region src/organisms/Status/collections/ApiResponseError.d.ts
+interface ServerErrorProps {
+  statusCode?: number;
+}
+/**
+ * Will determine what kind of error message to show, for non-error status code will return nothing
+ * @param statusCode - optional, will return generic error by default
+ * @returns error component corresponding to http status code
+ */
+declare const ApiResponseError: FC<ServerErrorProps>;
+//#endregion
+export { ApiResponseError };

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

@@ -0,0 +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};

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+
+//#region src/organisms/Status/collections/BadRequest.d.ts
+declare const BadRequest: FC;
+//#endregion
+export { BadRequest };

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

@@ -0,0 +1,3 @@
+import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useNavigate as r}from"react-router";const i=()=>{let i=r(),a=()=>{i(-1)};return n(e,{color:`#AB9067`,children:[t(e.Title,{title:`Bad request`}),t(e.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};

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+
+//#region src/organisms/Status/collections/GenericError.d.ts
+declare const GenericError: FC;
+//#endregion
+export { GenericError };

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

@@ -0,0 +1 @@
+import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useNavigate as r}from"react-router";const i=()=>{let i=r(),a=()=>{i(-1)};return n(e,{children:[t(e.Title,{}),t(e.Description,{}),t(e.Action,{onClick:a})]})};export{i as GenericError};

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+
+//#region src/organisms/Status/collections/MissingAccessToApp.d.ts
+declare const MissingAccessToApp: FC;
+//#endregion
+export { MissingAccessToApp };

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

@@ -0,0 +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};

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+
+//#region src/organisms/Status/collections/MissingPermissions.d.ts
+declare const MissingPermissions: FC;
+//#endregion
+export { MissingPermissions };

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

@@ -0,0 +1 @@
+import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useNavigate as r}from"react-router";const i=()=>{let i=r(),a=()=>{i(-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};

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+
+//#region src/organisms/Status/collections/PageNotFound.d.ts
+declare const PageNotFound: FC;
+//#endregion
+export { PageNotFound };

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

@@ -0,0 +1,2 @@
+import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useNavigate as r}from"react-router";const i=()=>{let i=r(),a=()=>{i(-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};

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+
+//#region src/organisms/Status/collections/ServerError.d.ts
+declare const ServerError: FC;
+//#endregion
+export { ServerError };

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

@@ -0,0 +1,3 @@
+import{Status as e}from"../index.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useNavigate as r}from"react-router";const i=()=>{let i=r(),a=()=>{i(-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
+        again shortly, or reach out via the feedback form if the problem
+        continues.`}),t(e.Action,{onClick:a})]})};export{i as ServerError};