@equinor/amplify-component-lib 10.2.0 → 10.4.0

package/dist/molecules/TableHeader/TableHeader.styles.js

@@ -0,0 +1,48 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{getButtonHoverColor as t,getHoverColor as n}from"./TableHeader.utils.js";import r,{css as i}from"styled-components";const a=r.th``,o=r.span`
+  display: flex;
+  gap: ${e.small};
+  margin-left: auto;
+`,s=r.span`
+  display: flex;
+  gap: ${e.small};
+  padding: ${e.small};
+  align-items: center;
+  > ${o} > button {
+    margin-left: auto;
+  }
+  > ${o} > button:hover {
+    background: none;
+    &:before {
+      content: '';
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      left: 0;
+      opacity: 0.15;
+      border-radius: 50%;
+      background: ${({$variant:e})=>t({variant:e})};
+    }
+  }
+  ${({$hasOnClick:e,$hasOnSort:r,$variant:a})=>!e&&!r?``:e?i`
+        cursor: pointer;
+        &:hover {
+          background: ${n({variant:a})};
+        }
+      `:i`
+      cursor: pointer;
+      &:hover:not(:has(> ${o} > button:hover)) {
+        > ${o} > button.sort-button {
+          &:before {
+            content: '';
+            width: 100%;
+            height: 100%;
+            position: absolute;
+            left: 0;
+            opacity: 0.15;
+            border-radius: 50%;
+            background: ${t({variant:a})};
+          }
+        }
+      }
+    `}
+`;export{o as ActionsWrapper,s as Container,a as Wrapper};

package/dist/molecules/TableHeader/TableHeader.utils.js

@@ -0,0 +1 @@
+import{colors as e}from"../../atoms/style/colors.js";import{arrow_down as t,arrow_up as n,error_outlined as r,warning_outlined as i}from"@equinor/eds-icons";function a(e){if(e.leadingIcon)return e.leadingIcon;switch(e.variant){case`warning`:return i;case`error`:return r}}function o(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba}return t.onClick?e.interactive.primary__resting.rgba:e.text.static_icons__tertiary.rgba}function s(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba}return e.interactive.primary__resting.rgba}function c(e){switch(e){case`asc`:return n;case`desc`:return t}}function l(t){if(t.onClick)switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba;default:return e.interactive.primary__resting.rgba}return e.text.static_icons__default.rgba}function u(t){switch(t.variant){case`warning`:return e.interactive.warning__highlight.rgba;case`error`:return e.interactive.danger__highlight.rgba;default:return e.interactive.primary__hover_alt.rgba}}function d(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba;default:return e.interactive.primary__hover.rgba}}export{s as getActionIconColor,d as getButtonHoverColor,u as getHoverColor,a as getLeadingIcon,o as getLeadingIconColor,c as getSortingIcon,l as getTextColor};

package/dist/molecules/Tabs/Tab.styles.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import r from"styled-components";import{motion as i}from"framer-motion";const a=r.button`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import r from"styled-components";import{motion as i}from"motion/react";const a=r.button`
   position: relative;
   padding: ${t.medium};
   display: flex;

package/dist/molecules/Toast/Toast.d.ts

@@ -0,0 +1,30 @@
+import { FC, RefObject } from "react";
+import { IconData } from "@equinor/eds-icons";
+
+//#region src/molecules/Toast/Toast.d.ts
+interface ToastProps {
+  title: string;
+  onClose: () => void;
+  icon?: IconData;
+  variant?: 'neutral' | 'info' | 'warning' | 'error' | 'success';
+  description?: string;
+  action?: {
+    onClick: () => void;
+    text: string;
+  };
+  duration?: number;
+  ref?: RefObject<HTMLDivElement>;
+}
+/**
+ * @param title - Title of the Toast
+ * @param onClose - Called when the Toast is closed either by the duration or by the close button
+ * @param icon - Icon in header, has defaults when using variants
+ * @param variant - Neutral/Info/Warning/Error/Success
+ * @param description - Description text
+ * @param action - Action button
+ * @param duration - Duration in seconds, if no duration is set it is persistent
+ * @param ref - Ref to the Toast container
+ */
+declare const Toast: FC<ToastProps>;
+//#endregion
+export { Toast, ToastProps };

package/dist/molecules/Toast/Toast.js

@@ -0,0 +1 @@
+import{colors as e}from"../../atoms/style/colors.js";import{Button as t}from"../Button/Button.js";import{getHeaderIcon as n}from"./Toast.utils.js";import{Container as r,DurationBar as i,Header as a}from"./Toast.styles.js";import{useEffect as o}from"react";import{Icon as s,Typography as c}from"@equinor/eds-core-react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{close as d}from"@equinor/eds-icons";const f=({title:f,icon:p,onClose:m,variant:h,description:g,action:_,duration:v,ref:y})=>{if(v!==void 0&&v<=0)throw Error(`Duration must be a positive number`);o(()=>{if(!v)return;let e=setTimeout(()=>{m()},v*1e3);return()=>clearTimeout(e)},[v,m]);let b=()=>{_?.onClick(),m()},x=n({icon:p,variant:h});return u(r,{ref:y,$variant:h,children:[u(a,{children:[x&&l(s,{data:x}),l(c,{variant:`h6`,color:e.text.static_icons__default.rgba,children:f}),l(t,{variant:`ghost_icon`,onClick:m,children:l(s,{data:d})})]}),g&&l(c,{variant:`body_long`,color:e.text.static_icons__secondary.rgba,children:g}),_&&l(t,{variant:`outlined`,onClick:b,children:_.text}),v&&l(i,{role:`progressbar`,$variant:h,$duration:v})]})};export{f as Toast};

package/dist/molecules/Toast/Toast.styles.js

@@ -0,0 +1,117 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{shape as t}from"../../atoms/style/index.js";import{TOAST_COLORS as n}from"./Toast.utils.js";import r,{css as i,keyframes as a}from"styled-components";const o=r.header`
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: ${e.small};
+  padding-right: 40px;
+  > h6 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  &:has(> svg:first-child) {
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+  > button {
+    position: absolute;
+    top: ${e.x_small};
+    right: ${e.x_small};
+  }
+`,s=r.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: ${e.small};
+  border-radius: ${t.corners.borderRadius};
+  padding: ${e.medium_small} ${e.x_small} ${e.medium_small}
+    ${e.medium_small};
+  overflow: hidden;
+  min-width: 300px;
+  max-width: 420px;
+  > p,
+  > button {
+    margin: 0 ${e.small};
+  }
+  > p {
+    margin-right: ${e.medium};
+  }
+
+  ${({$variant:e})=>{let t=n[e??`neutral`];return i`
+      background: ${t.background};
+
+      > button {
+        margin-right: auto;
+        color: ${t.icon};
+        border-color: ${t.icon};
+        &:hover {
+          background: none;
+          color: ${t.actionHover};
+          border-color: ${t.actionHover};
+          &:before {
+            position: absolute;
+            left: 0;
+            content: '';
+            width: 100%;
+            height: 100%;
+            background: ${t.icon};
+            opacity: 0.15;
+            overflow: visible;
+          }
+        }
+      }
+
+      > ${o} {
+        > svg:first-child {
+          color: ${t.icon};
+        }
+        > button {
+          svg {
+            color: ${t.close};
+          }
+          &:hover {
+            background: none;
+            &:before {
+              position: absolute;
+              left: 0;
+              content: '';
+              width: 100%;
+              height: 100%;
+              background: ${t.close};
+              opacity: 0.15;
+              border-radius: 50%;
+              overflow: visible;
+            }
+          }
+        }
+      }
+    `}}
+`,c=a`
+ from {
+   width: 100%
+ }
+  to {
+    width: 0
+  }
+`,l=r.span`
+  background: white;
+  width: 100%;
+  height: 2px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  &:after {
+    content: '';
+    position: absolute;
+    width: inherit;
+    height: inherit;
+    background: ${({$variant:e})=>n[e??`neutral`].background};
+    opacity: 0.5;
+  }
+  &:before {
+    content: '';
+    position: absolute;
+    width: inherit;
+    height: inherit;
+    background: ${({$variant:e})=>n[e??`neutral`].duration};
+    animation: ${c} ${({$duration:e})=>e}s linear;
+    animation-fill-mode: forwards;
+  }
+`;export{s as Container,l as DurationBar,o as Header};

package/dist/molecules/Toast/Toast.utils.js

@@ -0,0 +1 @@
+import{colors as e}from"../../atoms/style/colors.js";import{check_circle_outlined as t,error_outlined as n,info_circle as r,warning_outlined as i}from"@equinor/eds-icons";function a({icon:e,variant:a}){if(e)return e;switch(a){case`info`:return r;case`warning`:return i;case`error`:return n;case`success`:return t;default:return}}const o={neutral:{background:e.ui.background__light.rgba,icon:e.text.static_icons__default.rgba,close:e.interactive.secondary__resting.rgba,actionHover:e.interactive.secondary__resting.rgba,duration:e.interactive.secondary__resting.rgba},info:{background:e.ui.background__info.rgba,icon:e.text.static_icons__default.rgba,close:e.interactive.secondary__resting.rgba,actionHover:e.interactive.secondary__resting.rgba,duration:e.interactive.secondary__resting.rgba},warning:{background:e.ui.background__warning.rgba,icon:e.interactive.warning__text.rgba,close:e.interactive.warning__text.rgba,actionHover:e.interactive.warning__hover.rgba,duration:e.interactive.warning__resting.rgba},error:{background:e.ui.background__danger.rgba,icon:e.interactive.danger__text.rgba,close:e.interactive.danger__text.rgba,actionHover:e.interactive.danger__hover.rgba,duration:e.interactive.danger__resting.rgba},success:{background:e.interactive.success__highlight.rgba,icon:e.interactive.success__text.rgba,close:e.interactive.success__text.rgba,actionHover:e.interactive.success__hover.rgba,duration:e.interactive.success__resting.rgba}};export{o as TOAST_COLORS,a as getHeaderIcon};

package/dist/molecules/Waves/Waves.styles.js

@@ -1,4 +1,4 @@
-import e from"styled-components";import{motion as t}from"framer-motion";const n=e(t.div)`
+import e from"styled-components";import{motion as t}from"motion/react";const n=e(t.div)`
   height: calc(100vh - 64px);
   width: 100%;
   overflow: hidden;

package/dist/molecules/index.d.ts

@@ -1,3 +1,4 @@
+import { Toast, ToastProps } from "./Toast/Toast.js";
 import { DEFAULT_FEATURES, EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures } from "./RichTextEditor/RichTextEditor.types.js";
 import { AmplifyKit } from "./RichTextEditor/custom-extensions/AmplifyKit.js";
 import { SelectOption, SelectOptionRequired } from "./Select/Select.types.js";
@@ -36,6 +37,7 @@ import { OptionDrawerSelectItem } from "./OptionDrawer/OptionDrawer.types.js";
 import { ComboBox, GroupedComboBoxProps, ListComboBoxProps } from "./Select/ComboBox/ComboBox.js";
 import { ComboBoxChip } from "./Select/Select.styles.js";
 import { GroupedSingleSelectProps, ListSingleSelectProps, SingleSelect } from "./Select/SingleSelect/SingleSelect.js";
+import { TableHeader, TableHeaderProps } from "./TableHeader/TableHeader.js";
 import { TextField as TextField$1, TextFieldProps as TextFieldProps$1 } from "./TextField/TextField.js";
 import { FeedBackIcon, FeedBackIconProps } from "./FeedBackIcon/FeedBackIcon.js";
 import { ListItem, ListItemProps } from "./ListItem/ListItem.js";

package/dist/molecules/index.js

@@ -1 +1 @@
-import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as r}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{AnimatedCheckmark as i}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as a}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as o}from"./Badge/Badge.js";import{Banner as s}from"./Banner/Banner.js";import{Button as c}from"./Button/Button.js";import{Chip as ee}from"./Chip/Chip.js";import{SkeletonBase as te,skeletonBaseloading as ne}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{DatePicker as l}from"./DatePicker/DatePicker.js";import{DateRangePicker as u}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as d}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as f}from"./Dialog/Dialog.js";import{EquinorLogo as p}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as m}from"./FileProgress/FileProgress.js";import{FileUploadArea as h}from"./FileUploadArea/FileUploadArea.js";import{IconCellColors as g,IconCellStates as _,IconCellVariants as v}from"./IconCell/IconCell.types.js";import{IconCell as y}from"./IconCell/IconCell.js";import{InfoElement as b}from"./InfoElement/InfoElement.js";import{ProfileAvatar as x}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as S}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as C,TextTable as w}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{TextField as T}from"./TextField/TextField.js";import{AmplifyBar as E,EditorMenu as D,EditorText as re}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as O}from"./RichTextEditor/RichTextEditor.js";import{RichText as k}from"./RichTextEditor/index.js";import{Tabs as A}from"./Tabs/Tabs.js";import{Search as j}from"./Search/Search.js";import{SkeletonGradient as M}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as N}from"./Stepper/Stepper.js";import{OptionDrawer as P}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as F}from"./Select/Select.styles.js";import{ComboBox as I}from"./Select/ComboBox/ComboBox.js";import{SingleSelect as L}from"./Select/SingleSelect/SingleSelect.js";import{FeedBackIcon as R}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as z}from"./ListItem/ListItem.js";import{Checkbox as B}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as V}from"./SelectionControls/Radio/Radio.js";import{Switch as H}from"./SelectionControls/Switch/Switch.js";import{Waves as U}from"./Waves/Waves.js";import{Accordion as W,Breadcrumbs as G,CircularProgress as K,Dialog as q,Divider as J,DotProgress as Y,Icon as X,LinearProgress as Z,Menu as Q,Typography as $}from"@equinor/eds-core-react";export{W as Accordion,G as Breadcrumbs,K as CircularProgress,J as Divider,Y as DotProgress,q as EDSDialog,X as Icon,Z as LinearProgress,Q as Menu,$ as Typography};
+import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as r}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{Button as i}from"./Button/Button.js";import{Toast as a}from"./Toast/Toast.js";import{AnimatedCheckmark as o}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as ee}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as te}from"./Badge/Badge.js";import{Banner as ne}from"./Banner/Banner.js";import{Chip as re}from"./Chip/Chip.js";import{SkeletonBase as ie,skeletonBaseloading as s}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{DatePicker as c}from"./DatePicker/DatePicker.js";import{DateRangePicker as l}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as u}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as d}from"./Dialog/Dialog.js";import{EquinorLogo as f}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as p}from"./FileProgress/FileProgress.js";import{FileUploadArea as m}from"./FileUploadArea/FileUploadArea.js";import{IconCellColors as h,IconCellStates as g,IconCellVariants as _}from"./IconCell/IconCell.types.js";import{IconCell as v}from"./IconCell/IconCell.js";import{InfoElement as y}from"./InfoElement/InfoElement.js";import{ProfileAvatar as b}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as x}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as S,TextTable as C}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{TextField as w}from"./TextField/TextField.js";import{AmplifyBar as T,EditorMenu as E,EditorText as D}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as O}from"./RichTextEditor/RichTextEditor.js";import{RichText as k}from"./RichTextEditor/index.js";import{Tabs as ae}from"./Tabs/Tabs.js";import{Search as A}from"./Search/Search.js";import{SkeletonGradient as j}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as M}from"./Stepper/Stepper.js";import{OptionDrawer as N}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as P}from"./Select/Select.styles.js";import{ComboBox as F}from"./Select/ComboBox/ComboBox.js";import{SingleSelect as I}from"./Select/SingleSelect/SingleSelect.js";import{TableHeader as L}from"./TableHeader/TableHeader.js";import{FeedBackIcon as R}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as z}from"./ListItem/ListItem.js";import{Checkbox as B}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as V}from"./SelectionControls/Radio/Radio.js";import{Switch as H}from"./SelectionControls/Switch/Switch.js";import{Waves as U}from"./Waves/Waves.js";import{Accordion as W,Breadcrumbs as G,CircularProgress as K,Dialog as q,Divider as J,DotProgress as Y,Icon as X,LinearProgress as Z,Menu as Q,Typography as $}from"@equinor/eds-core-react";export{W as Accordion,G as Breadcrumbs,K as CircularProgress,J as Divider,Y as DotProgress,q as EDSDialog,X as Icon,Z as LinearProgress,Q as Menu,$ as Typography};

package/dist/organisms/Faq/AppPageWrapper.js

@@ -0,0 +1,8 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{styled as t}from"styled-components";import{jsx as n}from"react/jsx-runtime";const r=t.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: fit-content;
+  margin: 0 auto ${e.large};
+  max-width: 1280px;
+`,i=({children:e,style:t})=>n(r,{style:t,children:e});export{i as AppPageWrapper};

package/dist/organisms/Faq/Category/Category.js

@@ -1,9 +1 @@
-import{spacings as e}from"../../../atoms/style/spacings.js";import{Status as t}from"../../Status/index.js";import{Question as n}from"./Question.js";import{useMemo as r}from"react";import{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{useSearch as c}from"@tanstack/react-router";const l=a.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${e.medium};
-  width: 100%;
-  &:has(> div > div > svg) {
-    transform: translateY(50%);
-  }
-`,u=({categoryName:e,faqs:a,selectedTab:u})=>{let{search:d}=c({strict:!1}),f=r(()=>a.toSorted((e,t)=>(e.orderBy??0)-(t.orderBy??0)),[a]),p=r(()=>d?f.filter(t=>t.question.toLowerCase().includes(d.toLowerCase())||t.answer.toLowerCase().includes(d.toLowerCase())||e.toLowerCase().includes(d.toLowerCase())):f,[e,d,f]);return u!==void 0&&p.length===0?o(l,{children:s(t,{center:!1,children:[o(t.Title,{title:`No Questions Found`}),o(t.Description,{text:`No questions or answers matches your search in this category`})]})}):p.length===0?null:s(l,{children:[o(i,{variant:`h4`,children:e}),p.map(e=>o(n,{...e},e.id))]})};export{u as Category};
+import{Typography as e}from"../../../molecules/index.js";import{Question as t}from"./Question/Question.js";import{Container as n,Content as r,Header as i}from"./Category.styles.js";import{Subcategory as a}from"./Subcategory.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({faqs:c,id:l,categoryName:u,subCategories:d})=>s(n,{children:[o(i,{id:`category-${l}`,children:o(e,{variant:`h4`,children:u})}),s(r,{children:[c?.map(e=>o(t,{...e},e.id)),d?.map(e=>o(a,{...e},e.id))]})]});export{c as Category};

package/dist/organisms/Faq/Category/Category.styles.js

@@ -0,0 +1,14 @@
+import{spacings as e}from"../../../atoms/style/spacings.js";import{HEADER_HEIGHT as t}from"../Faq.utils.js";import n from"styled-components";const r=n.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: ${e.large};
+  gap: ${e.medium};
+`,i=n.div`
+  display: flex;
+  flex-direction: column;
+`,a=n.div`
+  display: flex;
+  gap: ${e.small};
+  align-items: center;
+  scroll-margin-top: ${t}px;
+`;export{r as Container,i as Content,a as Header};

package/dist/organisms/Faq/Category/CategorySkeleton.js

@@ -0,0 +1,17 @@
+import{shape as e}from"../../../atoms/style/index.js";import{SkeletonBase as t}from"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import{Container as n,Header as r,TopRight as i,Wrapper as a}from"./Question/Question.styles.js";import{Container as o,Content as s}from"./Category.styles.js";import c from"styled-components";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=c(t)`
+  width: 20rem;
+  height: 1.6em;
+  border-radius: ${e.corners.borderRadius};
+`,f=c(t)`
+  width: 10rem;
+  height: 1.25rem;
+  border-radius: ${e.corners.borderRadius};
+`,p=c(t)`
+  width: 8rem;
+  height: 0.875rem;
+  border-radius: ${e.corners.borderRadius};
+`,m=c(t)`
+  width: 1.5rem;
+  height: 1.5rem;
+  border-radius: 50%;
+`,h=()=>u(o,{"aria-label":`Loading FAQ category`,children:[l(d,{}),l(s,{children:Array.from({length:4}).fill(null).map((e,t)=>l(a,{children:u(n,{children:[l(r,{children:l(f,{})}),u(i,{children:[l(p,{}),l(m,{})]})]})},`question-card-${t.toString()}`))})]});export{h as CategorySkeleton};

package/dist/organisms/Faq/Category/Question/Question.js

@@ -0,0 +1 @@
+import{formatDate as e}from"../../../../atoms/utils/date.js";import{usePrefetchRichTextImages as t}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{RichTextDisplay as n}from"../../../../molecules/RichTextDisplay/RichTextDisplay.js";import{Container as r,ExpandWrapper as i,Header as a,TopRight as o,Wrapper as s}from"./Question.styles.js";import{useState as c}from"react";import{Button as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{chevron_down as m,chevron_up as h}from"@equinor/eds-icons";import{AnimatePresence as g}from"motion/react";import{FaqService as _}from"@equinor/subsurface-app-management";const v=({id:v,question:y,createdDate:b,answer:x})=>{t({richTextValues:x?[x]:[],onImageRead:e=>_.getFaqImage(e)});let[S,C]=c(!1);return f(s,{children:p(r,{children:[f(a,{id:`faq-${v}`,children:f(d,{variant:`h4`,children:y})}),p(o,{children:[f(d,{group:`paragraph`,variant:`caption`,children:e(b)}),f(l,{variant:`ghost_icon`,onClick:()=>{C(e=>!e)},"data-testid":`toggle-open`,"aria-label":S?`Collapse answer to: ${y}`:`Expand answer to: ${y}`,children:f(u,{data:S?h:m})})]}),f(g,{children:S&&f(i,{initial:{height:0},exit:{height:0},animate:{height:`auto`},children:f(n,{value:x,onImageRead:e=>_.getFaqImage(e),padding:`none`})})})]})})};export{v as Question};

package/dist/organisms/Faq/Category/Question/Question.styles.js

@@ -0,0 +1,64 @@
+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{HEADER_HEIGHT as r}from"../../Faq.utils.js";import{styled as i}from"styled-components";import{motion as a}from"motion/react";const o=i.div`
+  flex-grow: 1;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  column-gap: ${t.medium};
+  padding: 0 ${t.medium};
+`,s=i.div`
+  position: relative;
+  display: flex;
+  background: ${e.ui.background__default.rgba};
+  border-left: 1px solid ${e.ui.background__heavy.rgba};
+  border-right: 1px solid ${e.ui.background__heavy.rgba};
+  border-bottom: 1px solid ${e.ui.background__heavy.rgba};
+  &:first-child {
+    border-top-left-radius: ${n.corners.borderRadius};
+    border-top-right-radius: ${n.corners.borderRadius};
+    border-top: 1px solid ${e.ui.background__heavy.rgba};
+  }
+  &:last-child {
+    border-bottom-left-radius: ${n.corners.borderRadius};
+    border-bottom-right-radius: ${n.corners.borderRadius};
+  }
+  &::after {
+    pointer-events: none;
+    z-index: 100;
+    content: '';
+    position: absolute;
+    left: calc(${t.small} * -1);
+    width: calc(100% + (${t.small} * 2));
+    height: 5px;
+    background-color: ${e.interactive.primary__resting.rgba};
+    border-radius: ${n.corners.borderRadius};
+    opacity: 0;
+  }
+`,c=i.header`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.x_small};
+  padding: ${t.medium} 0;
+  scroll-margin-top: ${r}px;
+  > div {
+    display: flex;
+    align-items: center;
+    gap: ${t.x_small};
+    color: ${e.text.static_icons__tertiary.rgba};
+  }
+`,l=i.section`
+  display: flex;
+  gap: ${t.medium};
+  align-items: center;
+`,u=i(a.div)`
+  grid-column: 1 / 3;
+  display: flex;
+  flex-direction: column;
+  > button {
+    margin-left: auto;
+    margin-bottom: ${t.medium};
+  }
+  overflow: hidden;
+  > div {
+    padding-bottom: ${t.medium};
+  }
+`;export{o as Container,u as ExpandWrapper,c as Header,l as TopRight,s as Wrapper};

package/dist/organisms/Faq/Category/Subcategory.js

@@ -0,0 +1,34 @@
+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{Typography as r}from"../../../molecules/index.js";import{HEADER_HEIGHT as i}from"../Faq.utils.js";import{Question as a}from"./Question/Question.js";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: ${t.medium};
+  padding: ${t.medium};
+  background: ${e.ui.background__default.rgba};
+  border-left: 1px solid ${e.ui.background__heavy.rgba};
+  border-right: 1px solid ${e.ui.background__heavy.rgba};
+  border-bottom: 1px solid ${e.ui.background__heavy.rgba};
+  &:first-child {
+    border-top-left-radius: ${n.corners.borderRadius};
+    border-top-right-radius: ${n.corners.borderRadius};
+    border-top: 1px solid ${e.ui.background__heavy.rgba};
+  }
+  &:last-child {
+    border-bottom-left-radius: ${n.corners.borderRadius};
+    border-bottom-right-radius: ${n.corners.borderRadius};
+  }
+`,u=o.div`
+  display: flex;
+  gap: ${t.small};
+  align-items: center;
+  scroll-margin-top: ${i}px;
+`,d=o.hr`
+  height: 100%;
+  width: 2px;
+`,f=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.medium};
+`,p=o.div`
+  display: flex;
+  flex-direction: column;
+`,m=({id:t,faqs:n,categoryName:i})=>c(l,{"aria-label":`Subcategory: ${i}`,children:[s(d,{}),c(f,{children:[s(u,{id:`subcategory-${t}`,children:s(r,{variant:`h5`,color:e.text.static_icons__tertiary.rgba,children:i})}),s(p,{children:n?.map(e=>s(a,{...e},e.id))})]})]});export{m as Subcategory};

package/dist/organisms/Faq/Faq.d.ts

@@ -1,6 +1,10 @@
 import { FC } from "react";
 
 //#region src/organisms/Faq/Faq.d.ts
-declare const Faq: FC;
+interface FaqProps {
+  searchPlaceholder?: string;
+  title?: string;
+}
+declare const Faq: FC<FaqProps>;
 //#endregion
 export { Faq };

package/dist/organisms/Faq/Faq.js

@@ -1 +1,20 @@
-import{Status as e}from"../Status/index.js";import{useFaqsInApplication as t}from"../../atoms/hooks/useFaqsInApplication.js";import{Container as n}from"./Faq.styles.js";import{Header as r}from"./Header.js";import{Category as i}from"./Category/Category.js";import{CategorySkeleton as a}from"./CategorySkeleton.js";import{useMemo as o,useState as s}from"react";import{Typography as c}from"@equinor/eds-core-react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=()=>{let{data:f,isLoading:p}=t(),[m,h]=s(void 0),g=o(()=>{if(f)return m?[f.find(e=>e.id==Number(m))]:f},[f,m]);return d(n,{children:[u(c,{variant:`h1`,bold:!0,children:`FAQ`}),u(r,{selectedTab:m,setSelectedTab:h}),g&&g.length>0?g.map(e=>u(i,{...e,selectedTab:m},e.id)):p?d(l,{children:[u(a,{}),u(a,{}),u(a,{})]}):u(e,{center:!1,children:u(e.Title,{title:`No FAQs available yet`})})]})};export{f as Faq};
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Status as n}from"../Status/index.js";import{TableOfContentsProvider as r}from"../../providers/TableOfContentsProvider.js";import{useFaqsInApplication as i}from"../../atoms/hooks/useFaqsInApplication.js";import{TableOfContents as a}from"../TableOfContents/TableOfContents.js";import{HEADER_HEIGHT as o,categoryHasFaqs as s,filterCategory as c,mapCategoryToSearch as l}from"./Faq.utils.js";import{Category as u}from"./Category/Category.js";import{CategorySkeleton as d}from"./Category/CategorySkeleton.js";import{AppPageWrapper as f}from"./AppPageWrapper.js";import{Search as p}from"./Search.js";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{useSearch as v}from"@tanstack/react-router";const y=h.div`
+  display: grid;
+  grid-template-columns: ${({$showToc:e})=>e?`1fr 180px`:`1fr auto`};
+  gap: ${t.large};
+`,b=h.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.large};
+`,x=h.div`
+  height: fit-content;
+  position: sticky;
+  top: ${o}px;
+  grid-row: span 2;
+`,S=h.div`
+  position: sticky;
+  top: 0;
+  padding: ${t.large} 0;
+  background: ${e.ui.background__light.rgba};
+  z-index: 100;
+`,C=({searchPlaceholder:e,title:t})=>{let{search:o}=v({strict:!1}),{data:h,isLoading:C}=i(),w=!!o,T=(h??[]).map(e=>l(e,o)).filter(c),E=T.map(e=>({label:e.categoryName??``,value:`category-${e.id}`,count:(e.faqs??[]).length+(e.subCategories?e.subCategories.reduce((e,t)=>e+(t.faqs??[]).length,0):0),children:[...(e.faqs??[]).map(e=>({label:e.question??``,value:`faq-${e.id}`})),...(e.subCategories??[]).map(e=>({label:e.categoryName??``,value:`subcategory-${e.id}`,count:(e.faqs??[]).length}))]})),D=!C&&(T.length===0||T.every(e=>!s(e))),O=C||E.length>0;return _(f,{children:[g(S,{children:g(m,{variant:`h1`,bold:!0,children:t??`FAQ`})}),g(r,{items:E,hashNavigation:!0,children:_(y,{$showToc:O,children:[g(p,{placeholder:e}),g(x,{children:g(a,{})}),g(b,{children:C?Array.from({length:2}).fill(null).map((e,t)=>g(d,{},`category-${t.toString()}`)):D?g(n,{center:!1,children:g(n.Title,{title:`No FAQs ${w?`found`:`yet`}`})}):T.map(e=>g(u,{...e},e.id))})]})})]})};export{C as Faq};

package/dist/organisms/Faq/Faq.utils.js

@@ -0,0 +1 @@
+const e=89,t=e=>{let t=(e.faqs?.length??0)>0,n=e.subCategories?.some(e=>(e.faqs?.length??0)>0);return t||!!n};function n(e,t){let n=t.toLowerCase();return!e.answer||!e.question?!1:n===``?!0:e.answer.toLowerCase().includes(n)||e.question.toLowerCase().includes(n)}function r(e){return t(e)}function i(e,t){let r=(e.faqs??[]).filter(e=>!t||n(e,t)),i=(e.subCategories??[]).map(e=>{let r=(e.faqs??[]).filter(e=>!t||n(e,t));return r.length>0?{...e,faqs:r}:null}).filter(Boolean);return{...e,faqs:r,subCategories:i}}export{e as HEADER_HEIGHT,t as categoryHasFaqs,r as filterCategory,i as mapCategoryToSearch};

package/dist/organisms/Faq/Search.js

@@ -0,0 +1,5 @@
+import{colors as e}from"../../atoms/style/colors.js";import{Search as t}from"../../molecules/Search/Search.js";import{styled as n}from"styled-components";import{jsx as r}from"react/jsx-runtime";import{useNavigate as i,useSearch as a}from"@tanstack/react-router";const o=n(t)`
+  > div {
+    background: ${e.ui.background__default.rgba};
+  }
+`,s=({placeholder:e})=>{let t=i({from:`/faq`}),{search:n}=a({strict:!1});return r(o,{value:n??``,onChange:e=>{e.target.value?t({to:`.`,search:{search:e.target.value},replace:!0}):t({to:`.`,search:void 0,replace:!0})},placeholder:e??`Search for something...`})};export{s as Search};

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

@@ -1,5 +1,5 @@
 import { FilterProps } from "./Filter.types.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/Filter.d.ts
 
@@ -32,6 +32,6 @@ declare function Filter<T extends string>({
   id,
   openOnFocus,
   ...rest
-}: FilterProps<T>): react_jsx_runtime4.JSX.Element;
+}: FilterProps<T>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { Filter };

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,openOnFocus:L=!0,...R}){let z=d(null),B=d(null),[V,H]=f(P),[U,W]=f(void 0),G=d(P?`auto`:0),K=()=>{H(e=>!e),G.current===`auto`&&(G.current=0)},q=()=>{!V&&L&&H(!0)},J=()=>{z.current?.focus()},Y=e=>{if(!(`autoCompleteOptions`in R)){O(e);return}let t=c({searchValue:e,autoCompleteOptions:R.autoCompleteOptions});if(t.length===1){R.onAutoComplete(t[0].key,t[0]);return}O(e)},X=e=>{if(e.key===`Enter`&&E!==``)Y(E);else if(e.key===`Backspace`&&E===``){if(U===void 0){for(let e of Object.keys(T).toReversed())if(T[e].length>0){W(e);break}return}k(U,T[U].length-1),W(void 0)}},Z=Object.values(T).some(e=>e.length>0);return _(s,{id:I,children:[M,_(t,{children:[_(a,{ref:B,onClick:J,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:U===e&&r===i.length-1,children:t},`${t}-${r}-${e}`))),_(i,{children:[`autoCompleteOptions`in R&&R.autoCompleteOptions&&g(u,{search:E,autoCompleteOptions:R.autoCompleteOptions}),g(r,{ref:z,id:`filter-search-${I}`,type:`search`,autoComplete:`off`,value:E,placeholder:Z?void 0:F,onChange:D,onKeyDownCapture:X,onFocus:q})]}),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:K,"data-testid":`toggle-open-button`,children:[g(h,{variant:`button`,group:`navigation`,as:`span`,children:`Filters`}),g(m,{data:V?y:v,color:e.text.static_icons__tertiary.rgba})]})]}),g(C,{children:V&&g(w.div,{animate:{height:`auto`},initial:{height:G.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 R&&R.autoCompleteOptions&&g(l,{isFilterOpen:V,search:E,anchorElement:B.current,autoCompleteOptions:R.autoCompleteOptions,onAutoComplete:R.onAutoComplete,searchElement:z.current})]})}export{T as Filter};
+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"motion/react";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,openOnFocus:L=!0,...R}){let z=d(null),B=d(null),[V,H]=f(P),[U,W]=f(void 0),G=d(P?`auto`:0),K=()=>{H(e=>!e),G.current===`auto`&&(G.current=0)},q=()=>{!V&&L&&H(!0)},J=()=>{z.current?.focus()},Y=e=>{if(!(`autoCompleteOptions`in R)){O(e);return}let t=c({searchValue:e,autoCompleteOptions:R.autoCompleteOptions});if(t.length===1){R.onAutoComplete(t[0].key,t[0]);return}O(e)},X=e=>{if(e.key===`Enter`&&E!==``)Y(E);else if(e.key===`Backspace`&&E===``){if(U===void 0){for(let e of Object.keys(T).toReversed())if(T[e].length>0){W(e);break}return}k(U,T[U].length-1),W(void 0)}},Z=Object.values(T).some(e=>e.length>0);return _(s,{id:I,children:[M,_(t,{children:[_(a,{ref:B,onClick:J,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:U===e&&r===i.length-1,children:t},`${t}-${r}-${e}`))),_(i,{children:[`autoCompleteOptions`in R&&R.autoCompleteOptions&&g(u,{search:E,autoCompleteOptions:R.autoCompleteOptions}),g(r,{ref:z,id:`filter-search-${I}`,type:`search`,autoComplete:`off`,value:E,placeholder:Z?void 0:F,onChange:D,onKeyDownCapture:X,onFocus:q})]}),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:K,"data-testid":`toggle-open-button`,children:[g(h,{variant:`button`,group:`navigation`,as:`span`,children:`Filters`}),g(m,{data:V?y:v,color:e.text.static_icons__tertiary.rgba})]})]}),g(C,{children:V&&g(w.div,{animate:{height:`auto`},initial:{height:G.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 R&&R.autoCompleteOptions&&g(l,{isFilterOpen:V,search:E,anchorElement:B.current,autoCompleteOptions:R.autoCompleteOptions,onAutoComplete:R.onAutoComplete,searchElement:z.current})]})}export{T as Filter};

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

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n,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{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"motion/react";const c=a.div`
   width: 100%;
   border: 1px solid ${e.ui.background__heavy.rgba};
   background: ${e.ui.background__default.rgba};

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

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

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

@@ -1,4 +1,4 @@
-import * as react101 from "react";
+import * as react98 from "react";
 import { ReactNode } from "react";
 import { ReleaseNote } from "@equinor/subsurface-app-management";
 
@@ -7,9 +7,9 @@ type ReleaseNoteProps = {
   actionMenu?: ReactNode;
   expanded?: boolean;
 } & ReleaseNote;
-declare const ReleaseNote$1: react101.ForwardRefExoticComponent<{
+declare const ReleaseNote$1: react98.ForwardRefExoticComponent<{
   actionMenu?: ReactNode;
   expanded?: boolean;
-} & ReleaseNote & react101.RefAttributes<HTMLDivElement>>;
+} & ReleaseNote & react98.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };

package/dist/organisms/ReleaseNote/ReleaseNote.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{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{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"motion/react";import{ReleaseNotesService as y}from"@equinor/subsurface-app-management";const b=h.div`
   display: flex;
   flex-direction: column;
   padding: ${t.medium};

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

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

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

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

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

@@ -1,9 +1,9 @@
-import * as react130 from "react";
+import * as react123 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: react123.ForwardRefExoticComponent<DescriptionProps & react123.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { 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{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"motion/react";const c=i.div`
   width: 328px;
   height: 232px;
   overflow: hidden;

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

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