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

package/dist/molecules/FileUploadArea/UploadIllustration.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";const n=()=>t(`svg`,{"data-testid":`upload-illustration`,width:`73`,height:`72`,viewBox:`0 0 73 72`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[e(`path`,{d:`M10.5269 25.5806C10.5269 24.4761 11.4223 23.5806 12.5269 23.5806H57.7912C58.8958 23.5806 59.7912 24.4761 59.7912 25.5806V60.1295C59.7912 61.234 58.8958 62.1295 57.7912 62.1295H12.5269C11.4223 62.1295 10.5269 61.234 10.5269 60.1295V25.5806Z`,fill:`#C9E0E2`}),e(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M57.7912 25.5806H12.5269L12.5269 60.1295H57.7912L57.7912 25.5806ZM12.5269 23.5806C11.4223 23.5806 10.5269 24.4761 10.5269 25.5806V60.1295C10.5269 61.234 11.4223 62.1295 12.5269 62.1295H57.7912C58.8958 62.1295 59.7912 61.234 59.7912 60.1295V25.5806C59.7912 24.4761 58.8958 23.5806 57.7912 23.5806H12.5269Z`,fill:`#007079`}),e(`path`,{d:`M61.8817 63.5719L66.7565 33.1905C66.9516 31.9751 66.0128 30.8737 64.7818 30.8737H43.0756C42.6971 30.8737 42.3263 30.9811 42.0064 31.1834L31.4559 37.8569C31.136 38.0593 30.7653 38.1667 30.3867 38.1667H7.75437C6.52339 38.1667 5.5846 39.2681 5.77963 40.4835L9.48431 63.5719C9.63993 64.5418 10.4768 65.2551 11.4591 65.2551H59.9069C60.8892 65.2551 61.726 64.5418 61.8817 63.5719Z`,fill:`white`}),e(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M43.0758 31.8737C42.8865 31.8737 42.7012 31.9274 42.5412 32.0285L42.0109 31.1901L42.5412 32.0285L31.9907 38.7021C31.5108 39.0056 30.9547 39.1667 30.387 39.1667H7.7546C7.13911 39.1667 6.66972 39.7174 6.76723 40.3251L10.4719 63.4135C10.5497 63.8984 10.9682 64.2551 11.4593 64.2551H59.9071C60.3983 64.2551 60.8167 63.8984 60.8945 63.4135L65.7694 33.0321C65.8669 32.4244 65.3975 31.8737 64.782 31.8737H43.0758ZM41.4721 30.3383C41.9519 30.0348 42.508 29.8737 43.0758 29.8737H64.782C66.6285 29.8737 68.0367 31.5258 67.7442 33.3489L62.8693 63.7303C62.6358 65.1851 61.3805 66.2551 59.9071 66.2551H11.4593C9.9859 66.2551 8.7306 65.1851 8.49717 63.7303L4.79249 40.642C4.49995 38.8188 5.90813 37.1667 7.7546 37.1667H30.387C30.5762 37.1667 30.7616 37.113 30.9215 37.0118L41.4721 30.3383Z`,fill:`#007079`}),e(`path`,{d:`M31.5987 48.072C31.5987 49.5367 30.7009 50.724 29.5933 50.724C28.4858 50.724 27.5879 49.5367 27.5879 48.072C27.5879 46.6073 28.4858 45.42 29.5933 45.42C30.7009 45.42 31.5987 46.6073 31.5987 48.072Z`,fill:`#007079`}),e(`path`,{d:`M42.4933 48.072C42.4933 49.5367 41.5954 50.724 40.4879 50.724C39.3803 50.724 38.4824 49.5367 38.4824 48.072C38.4824 46.6073 39.3803 45.42 40.4879 45.42C41.5954 45.42 42.4933 46.6073 42.4933 48.072Z`,fill:`#007079`}),e(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M29.0414 53.8623C29.4765 53.5221 30.1049 53.5991 30.4451 54.0342C31.1297 54.9099 32.4297 55.9577 34.0448 56.2581C35.5886 56.5452 37.5937 56.1826 39.8467 53.9411C40.2383 53.5516 40.8714 53.5533 41.2609 53.9448C41.6505 54.3363 41.6488 54.9695 41.2573 55.359C38.6077 57.9949 35.9599 58.6485 33.6791 58.2243C31.4698 57.8134 29.7737 56.4225 28.8695 55.266C28.5293 54.8309 28.6063 54.2024 29.0414 53.8623Z`,fill:`#007079`}),e(`path`,{d:`M37.4846 20.618L47.8301 2.79122L56.0429 7.50852L58.2518 15.7099L50.9237 28.3372L37.4846 20.618Z`,fill:`white`}),e(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M49.1637 2.13819L57.0901 6.69096L59.6027 16.0198L52.7382 27.8482C52.109 28.9325 50.7024 29.3074 49.6126 28.6814L37.7131 21.8466C36.6232 21.2206 36.2562 19.8269 36.8854 18.7427L46.048 2.9771C46.6772 1.89282 48.0738 1.51219 49.1637 2.13819ZM48.0197 4.1096L38.867 19.8809L50.7566 26.71L57.049 15.8673L52.0951 13.0218L54.9552 8.09327L48.0197 4.1096Z`,fill:`#007079`}),e(`path`,{d:`M19.3516 31.8552L22.7911 16.7257L29.7613 18.294L33.1937 23.7048L30.7573 34.4215L19.3516 31.8552Z`,fill:`white`}),e(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M23.6041 15.9592L30.3312 17.4728L34.2354 23.6274L31.9532 33.6661C31.744 34.5863 30.8161 35.169 29.8911 34.9608L19.7921 32.6885C18.8671 32.4804 18.2899 31.5591 18.4991 30.6388L21.5504 17.2558C21.7596 16.3355 22.6792 15.751 23.6041 15.9592ZM23.2238 17.6323L20.1808 31.0173L30.2714 33.2877L32.3635 24.0856L28.159 23.1395L29.11 18.9567L23.2238 17.6323Z`,fill:`#007079`}),e(`path`,{d:`M68.0528 61.742C68.0528 66.855 63.8864 71 58.7468 71C53.6073 71 49.4409 66.855 49.4409 61.742C49.4409 56.6289 53.6073 52.4839 58.7468 52.4839C63.8864 52.4839 68.0528 56.6289 68.0528 61.742Z`,fill:`white`}),e(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M58.7468 69.5C63.0652 69.5 66.5528 66.0193 66.5528 61.742C66.5528 57.4646 63.0652 53.9839 58.7468 53.9839C54.4284 53.9839 50.9409 57.4646 50.9409 61.742C50.9409 66.0193 54.4284 69.5 58.7468 69.5ZM58.7468 71C63.8864 71 68.0528 66.855 68.0528 61.742C68.0528 56.6289 63.8864 52.4839 58.7468 52.4839C53.6073 52.4839 49.4409 56.6289 49.4409 61.742C49.4409 66.855 53.6073 71 58.7468 71Z`,fill:`#007079`}),e(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M60.3359 64V61.2903H62.1516L58.974 58.129L55.7964 61.2903H57.6122V64H60.3359ZM58.974 59.4071L59.9591 60.3871H59.428V63.0968H58.5201V60.3871H57.989L58.974 59.4071ZM62.1516 65.8064V64.9032H55.7964V65.8064H62.1516Z`,fill:`#007079`})]});export{n as UploadIllustration};

package/dist/molecules/FullPageSpinner/FullPageSpinner.js

@@ -1,5 +1,5 @@
-import{useMemo as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r,{css as i}from"styled-components";import{Progress as a,Scrim as o,StarProgress as s}from"@equinor/eds-core-react";import{colors as c}from"src/atoms/style";const l=r.div`
-  ${({$fixedPosition:e})=>e?i`
+import{colors as e}from"../../atoms/style/colors.js";import{useMemo as t}from"react";import{Progress as n,Scrim as r,StarProgress as i}from"@equinor/eds-core-react";import a,{css as o}from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=a.div`
+  ${({$fixedPosition:e})=>e?o`
         position: fixed;
         z-index: 500;
         top: 0;
@@ -9,21 +9,21 @@ import{useMemo as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime
         display: flex;
         align-items: center;
         justify-content: center;
-      `:i`
+      `:o`
       position: absolute;
       z-index: 500;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
     `}
-`,u=r.div`
+`,u=a.div`
   display: none;
   visibility: hidden;
-`,d=r(a.Circular)`
+`,d=a(n.Circular)`
   circle {
-    stroke: ${c.interactive.primary__resting.rgba};
+    stroke: ${e.interactive.primary__resting.rgba};
   }
   circle:first-child {
-    stroke: ${c.interactive.primary__hover_alt.rgba};
+    stroke: ${e.interactive.primary__hover_alt.rgba};
   }
-`,f=({variant:r=`application`,withScrim:i=!1,fixedPosition:c=!1,children:f})=>{let p=e(()=>{switch(r){case`dots`:return t(a.Dots,{color:`primary`,"data-testid":`full-page-spinner-${r}`,size:48});case`circle`:return t(d,{"data-testid":`full-page-spinner-${r}`,size:48});case`equinor`:return t(s,{"data-testid":`full-page-spinner-${r}`,size:48});case`application`:return t(d,{"data-testid":`app-icon-svg`,size:48})}},[r]);return i?n(o,{open:!0,children:[p,f&&t(u,{children:f})]}):n(l,{$fixedPosition:c,children:[p,f&&t(u,{children:f})]})};export{f as FullPageSpinner};
+`,f=({variant:e=`application`,withScrim:a=!1,fixedPosition:o=!1,children:f})=>{let p=t(()=>{switch(e){case`dots`:return s(n.Dots,{color:`primary`,"data-testid":`full-page-spinner-${e}`,size:48});case`circle`:return s(d,{"data-testid":`full-page-spinner-${e}`,size:48});case`equinor`:return s(i,{"data-testid":`full-page-spinner-${e}`,size:48});case`application`:return s(d,{"data-testid":`app-icon-svg`,size:48})}},[e]);return a?c(r,{open:!0,children:[p,f&&s(u,{children:f})]}):c(l,{$fixedPosition:o,children:[p,f&&s(u,{children:f})]})};export{f as FullPageSpinner};

package/dist/molecules/IconCell/IconCell.d.ts

@@ -1,5 +1,5 @@
 import { IconCellColor, IconCellState, IconCellVariant, IconCellVariants } from "./IconCell.types.js";
-import * as react13 from "react";
+import * as react15 from "react";
 import { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -49,6 +49,6 @@ type IconCellProps = ScribbledOutProps | RegularIconCellProps;
  * @param {React.Ref<HTMLButtonElement>} ref - Ref forwarded to the inner button element.
  * @returns {JSX.Element} The rendered IconCell.
  */
-declare const IconCell: react13.ForwardRefExoticComponent<IconCellProps & react13.RefAttributes<HTMLButtonElement>>;
+declare const IconCell: react15.ForwardRefExoticComponent<IconCellProps & react15.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconCell, IconCellProps };

package/dist/molecules/IconCell/IconCell.js

@@ -1 +1 @@
-import{IconCellColors as e,IconCellStates as t,IconCellVariants as n}from"./IconCell.types.js";import{getIconCellColor as r,renderContent as i}from"./IconCell.utils.js";import{Button as a,Container as o,HelperIconContainer as s,IconContainer as c,Label as l}from"./IconCell.styles.js";import{forwardRef as u,useContext as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{ThemeProviderContext as m}from"src/providers/ThemeProvider/ThemeProvider";import{Theme as h}from"src/atoms";const g=u(function(u,g){let _=d(m);if(u.variant===n.SCRIBBLED_OUT){let{className:e,as:t=`td`,noBottomBorder:r=!1}=u;return f(o,{className:e,as:t,children:f(a,{ref:g,$variant:n.SCRIBBLED_OUT,$noBottomBorder:r,$clickable:!1})})}let{icon:v,onClick:y,className:b,disabled:x=!1,selected:S=!1,color:C=e.DEFAULT,state:w=t.DEFAULT,label:T,variant:E=n.DEFAULT,helperIcon:D,noBottomBorder:O=!1,as:k=`td`,...A}=u,{backgroundColor:j,iconColor:M}=r(C,_?.theme??h.LIGHT);return f(o,{className:b,as:k,children:p(a,{ref:g,...A,$selected:S,disabled:x,onClick:y,$backgroundColor:j,$state:w,$variant:E,$noBottomBorder:O,$clickable:!!y&&!x,children:[f(c,{children:i(v,M)}),f(l,{children:f(`span`,{children:T})}),f(s,{children:D&&i(D,M)})]})})});g.displayName=`IconCell`;export{g as IconCell};
+import{Theme as e}from"../../atoms/enums/Theme.js";import{ThemeProviderContext as t}from"../../providers/ThemeProvider/ThemeProvider.js";import{IconCellColors as n,IconCellStates as r,IconCellVariants as i}from"./IconCell.types.js";import{getIconCellColor as a,renderContent as o}from"./IconCell.utils.js";import{Button as s,Container as c,HelperIconContainer as l,IconContainer as u,Label as d}from"./IconCell.styles.js";import{forwardRef as f,useContext as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=f(function(f,g){let _=p(t);if(f.variant===i.SCRIBBLED_OUT){let{className:e,as:t=`td`,noBottomBorder:n=!1}=f;return m(c,{className:e,as:t,children:m(s,{ref:g,$variant:i.SCRIBBLED_OUT,$noBottomBorder:n,$clickable:!1})})}let{icon:v,onClick:y,className:b,disabled:x=!1,selected:S=!1,color:C=n.DEFAULT,state:w=r.DEFAULT,label:T,variant:E=i.DEFAULT,helperIcon:D,noBottomBorder:O=!1,as:k=`td`,...A}=f,{backgroundColor:j,iconColor:M}=a(C,_?.theme??e.LIGHT);return m(c,{className:b,as:k,children:h(s,{ref:g,...A,$selected:S,disabled:x,onClick:y,$backgroundColor:j,$state:w,$variant:E,$noBottomBorder:O,$clickable:!!y&&!x,children:[m(u,{children:o(v,M)}),m(d,{children:m(`span`,{children:T})}),m(l,{children:D&&o(D,M)})]})})});g.displayName=`IconCell`;export{g as IconCell};

package/dist/molecules/IconCell/IconCell.styles.js

@@ -1,41 +1,41 @@
-import{IconCellStates as e,IconCellVariants as t}from"./IconCell.types.js";import{getBackground as n,getBorderBottom as r,getSelectedBorder as i,stateBGColor as a}from"./IconCell.utils.js";import o from"styled-components";import{animation as s,colors as c,spacings as l}from"src/atoms/style";const u=(e=`rgba(0, 0, 0, 0.1)`)=>`
+import{animation as e}from"../../atoms/style/animation.js";import{colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{IconCellStates as r,IconCellVariants as i}from"./IconCell.types.js";import{getBackground as a,getBorderBottom as o,getSelectedBorder as s,stateBGColor as c}from"./IconCell.utils.js";import l from"styled-components";const u=(e=`rgba(0, 0, 0, 0.1)`)=>`
   content: '';
   position: absolute;
   inset: 0;
   background-color: ${e};
   opacity: 0.7;
   pointer-events: none;
-`,d=o.div`
+`,d=l.div`
   min-width: 48px;
   padding: 0;
-`,f=o.div`
+`,f=l.div`
   display: flex;
   position: absolute;
-  bottom: ${l.small};
-  left: ${l.small};
-  padding-right: ${l.xx_small};
+  bottom: ${n.small};
+  left: ${n.small};
+  padding-right: ${n.xx_small};
 
   span {
     font-size: 10px;
     font-weight: 500;
     position: relative;
-    color: ${c.text.static_icons__default.rgba};
+    color: ${t.text.static_icons__default.rgba};
   }
-`,p=o.div`
+`,p=l.div`
   display: flex;
   align-items: center;
-`,m=o.div`
+`,m=l.div`
   display: flex;
   position: absolute;
-  top: ${l.small};
-  right: ${l.small};
+  top: ${n.small};
+  right: ${n.small};
 
   svg {
     width: 16px;
     height: 16px;
     position: relative;
   }
-`,h=o.button`
+`,h=l.button`
   display: flex;
   width: 100%;
   height: 100%;
@@ -43,15 +43,15 @@ import{IconCellStates as e,IconCellVariants as t}from"./IconCell.types.js";impor
   position: relative;
   justify-content: center;
   overflow: hidden;
-  padding: ${l.small};
-  background: ${n};
-  transition: background ${s.transitionMS};
+  padding: ${n.small};
+  background: ${a};
+  transition: background ${e.transitionMS};
   border: none;
-  border-bottom: ${r};
+  border-bottom: ${o};
   cursor: ${({$clickable:e})=>e?`pinter`:`default`};
 
   // Scribbled-out hides content
-  ${({$variant:e})=>e===t.SCRIBBLED_OUT&&`
+  ${({$variant:e})=>e===i.SCRIBBLED_OUT&&`
       ${f}, ${m}, ${p} {
         display: none;
       }
@@ -59,11 +59,11 @@ import{IconCellStates as e,IconCellVariants as t}from"./IconCell.types.js";impor
 
   // Selected state
   ${({$selected:e,$state:t})=>e&&`
-      border: 1px solid ${i(t)};
+      border: 1px solid ${s(t)};
     `}
 
   // Overlay for Label & HelperIconContainer
-  ${({$backgroundColor:n,$variant:r,$state:i})=>{let o=r===t.COLOURED?i===e.DANGER?a[e.DANGER]:i===e.WARNING?a[e.WARNING]:n:c.ui.background__default.rgba;return`
+  ${({$backgroundColor:e,$variant:n,$state:a})=>{let o=n===i.COLOURED?a===r.DANGER?c[r.DANGER]:a===r.WARNING?c[r.WARNING]:e:t.ui.background__default.rgba;return`
       ${f}::before,
       ${m}::before {
         ${u(o)}
@@ -73,10 +73,10 @@ import{IconCellStates as e,IconCellVariants as t}from"./IconCell.types.js";impor
   // Disabled state
   &:disabled {
     cursor: not-allowed;
-    background: ${({$variant:e})=>e===t.COLOURED?c.ui.background__light.rgba:`transparent`};
+    background: ${({$variant:e})=>e===i.COLOURED?t.ui.background__light.rgba:`transparent`};
 
     ${f} span {
-      color: ${c.interactive.disabled__text.rgba};
+      color: ${t.interactive.disabled__text.rgba};
     }
 
     ${p},${m} {
@@ -85,24 +85,24 @@ import{IconCellStates as e,IconCellVariants as t}from"./IconCell.types.js";impor
     }
 
     ${({$selected:e})=>e&&`
-        border: 1px solid ${c.ui.background__light.rgba};
+        border: 1px solid ${t.ui.background__light.rgba};
       `}
 
-    border-bottom: 1px solid ${c.ui.background__medium.rgba};
+    border-bottom: 1px solid ${t.ui.background__medium.rgba};
 
     ${({$variant:e})=>`
       ${f}::before,
       ${m}::before {
-        background-color: ${e===t.COLOURED?c.ui.background__light.rgba:c.ui.background__default.rgba};
+        background-color: ${e===i.COLOURED?t.ui.background__light.rgba:t.ui.background__default.rgba};
       }
     `}
   }
 
   // Hover effect (only if clickable)
-  ${({$clickable:e})=>e&&`
+  ${({$clickable:t})=>t&&`
       &:hover:not(:disabled)::after {
         ${u()}
-        animation: ${s.transitionMS} ease-in-out;
+        animation: ${e.transitionMS} ease-in-out;
       }
     `}
 `;export{h as Button,d as Container,m as HelperIconContainer,p as IconContainer,f as Label};

package/dist/molecules/IconCell/IconCell.utils.js

@@ -1,8 +1,8 @@
-import{IconCellColors as e,IconCellStates as t,IconCellVariants as n}from"./IconCell.types.js";import{jsx as r}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{Theme as a,colors as o}from"src/atoms";const s=(e,t)=>e&&typeof e==`object`&&`prefix`in e?r(i,{data:e,color:t}):e,c=(t,n)=>{switch(t){case e.GREEN:case e.SUCCESS:return n===a.LIGHT?{backgroundColor:o.interactive.success__highlight.rgba,iconColor:o.dataviz.darkgreen.default}:{backgroundColor:o.dataviz.darkgreen.default,iconColor:o.dataviz.lightgreen.lighter};case e.RED:case e.ERROR:case e.DANGER:return n===a.LIGHT?{backgroundColor:o.interactive.danger__highlight.rgba,iconColor:o.interactive.danger__text.rgba}:{backgroundColor:o.ui.background__danger.rgba,iconColor:o.text.static_icons__default.rgba};case e.ORANGE:case e.WARNING:return n===a.LIGHT?{backgroundColor:o.interactive.warning__highlight.rgba,iconColor:o.dataviz.darkyellow.darker}:{backgroundColor:o.ui.background__warning.rgba,iconColor:o.text.static_icons__default.rgba};case e.BLUE:case e.INFO:return n===a.LIGHT?{backgroundColor:o.dataviz.lightblue.lighter,iconColor:o.dataviz.primary.darker}:{backgroundColor:o.dataviz.darkblue.default,iconColor:o.dataviz.lightblue.lighter};case e.LIGHTGREY:return n===a.LIGHT?{backgroundColor:o.ui.background__light.rgba,iconColor:o.dataviz.lightgray.darker}:{backgroundColor:o.ui.background__heavy.rgba,iconColor:o.text.static_icons__secondary.rgba};case e.PINK:return n===a.LIGHT?{backgroundColor:o.dataviz.darkpink.lighter,iconColor:o.dataviz.darkpink.darker}:{backgroundColor:o.dataviz.darkpink.darker,iconColor:o.dataviz.darkpink.lighter};case e.YELLOW:return n===a.LIGHT?{backgroundColor:o.dataviz.lightyellow.lighter,iconColor:o.dataviz.darkyellow.darker}:{backgroundColor:o.dataviz.darkyellow.darker,iconColor:o.dataviz.lightyellow.lighter};case e.PURPLE:return n===a.LIGHT?{backgroundColor:o.dataviz.lightpurple.lighter,iconColor:o.dataviz.darkpurple.darker}:{backgroundColor:o.dataviz.darkpurple.darker,iconColor:o.dataviz.lightpurple.lighter};case e.GREY:default:return n===a.LIGHT?{backgroundColor:o.ui.background__medium.rgba,iconColor:o.text.static_icons__default.rgba}:{backgroundColor:o.ui.background__light.rgba,iconColor:o.text.static_icons__default.rgba}}},l={[t.DANGER]:o.interactive.danger__resting.rgba,[t.WARNING]:o.interactive.warning__resting.rgba},u={[t.DANGER]:o.ui.background__danger.rgba,[t.WARNING]:o.ui.background__warning.rgba},d=(e,t)=>{let n=t?l[t]:void 0;return n??e},f=({$noBottomBorder:e,$state:t,$backgroundColor:n})=>{let r=e?n:d(o.ui.background__medium.rgba,t);return`1px solid ${r}`},p=e=>d(o.text.static_icons__default.rgba,e),m=({$variant:e,$state:r,$backgroundColor:i=o.ui.background__default.rgba})=>e===n.SCRIBBLED_OUT?`repeating-linear-gradient(
+import{colors as e}from"../../atoms/style/colors.js";import{Theme as t}from"../../atoms/enums/Theme.js";import{IconCellColors as n,IconCellStates as r,IconCellVariants as i}from"./IconCell.types.js";import{Icon as a}from"@equinor/eds-core-react";import{jsx as o}from"react/jsx-runtime";const s=(e,t)=>e&&typeof e==`object`&&`prefix`in e?o(a,{data:e,color:t}):e,c=(r,i)=>{switch(r){case n.GREEN:case n.SUCCESS:return i===t.LIGHT?{backgroundColor:e.interactive.success__highlight.rgba,iconColor:e.dataviz.darkgreen.default}:{backgroundColor:e.dataviz.darkgreen.default,iconColor:e.dataviz.lightgreen.lighter};case n.RED:case n.ERROR:case n.DANGER:return i===t.LIGHT?{backgroundColor:e.interactive.danger__highlight.rgba,iconColor:e.interactive.danger__text.rgba}:{backgroundColor:e.ui.background__danger.rgba,iconColor:e.text.static_icons__default.rgba};case n.ORANGE:case n.WARNING:return i===t.LIGHT?{backgroundColor:e.interactive.warning__highlight.rgba,iconColor:e.dataviz.darkyellow.darker}:{backgroundColor:e.ui.background__warning.rgba,iconColor:e.text.static_icons__default.rgba};case n.BLUE:case n.INFO:return i===t.LIGHT?{backgroundColor:e.dataviz.lightblue.lighter,iconColor:e.dataviz.primary.darker}:{backgroundColor:e.dataviz.darkblue.default,iconColor:e.dataviz.lightblue.lighter};case n.LIGHTGREY:return i===t.LIGHT?{backgroundColor:e.ui.background__light.rgba,iconColor:e.dataviz.lightgray.darker}:{backgroundColor:e.ui.background__heavy.rgba,iconColor:e.text.static_icons__secondary.rgba};case n.PINK:return i===t.LIGHT?{backgroundColor:e.dataviz.darkpink.lighter,iconColor:e.dataviz.darkpink.darker}:{backgroundColor:e.dataviz.darkpink.darker,iconColor:e.dataviz.darkpink.lighter};case n.YELLOW:return i===t.LIGHT?{backgroundColor:e.dataviz.lightyellow.lighter,iconColor:e.dataviz.darkyellow.darker}:{backgroundColor:e.dataviz.darkyellow.darker,iconColor:e.dataviz.lightyellow.lighter};case n.PURPLE:return i===t.LIGHT?{backgroundColor:e.dataviz.lightpurple.lighter,iconColor:e.dataviz.darkpurple.darker}:{backgroundColor:e.dataviz.darkpurple.darker,iconColor:e.dataviz.lightpurple.lighter};case n.GREY:default:return i===t.LIGHT?{backgroundColor:e.ui.background__medium.rgba,iconColor:e.text.static_icons__default.rgba}:{backgroundColor:e.ui.background__light.rgba,iconColor:e.text.static_icons__default.rgba}}},l={[r.DANGER]:e.interactive.danger__resting.rgba,[r.WARNING]:e.interactive.warning__resting.rgba},u={[r.DANGER]:e.ui.background__danger.rgba,[r.WARNING]:e.ui.background__warning.rgba},d=(e,t)=>(t?l[t]:void 0)??e,f=({$noBottomBorder:t,$state:n,$backgroundColor:r})=>`1px solid ${t?r:d(e.ui.background__medium.rgba,n)}`,p=t=>d(e.text.static_icons__default.rgba,t),m=({$variant:t,$state:n,$backgroundColor:a=e.ui.background__default.rgba})=>t===i.SCRIBBLED_OUT?`repeating-linear-gradient(
       20deg,
-      ${o.ui.background__light_medium.rgba} 0px,
-      ${o.ui.background__default.rgba} 1px,
-      ${o.ui.background__default.rgba} 10px,
-      ${o.ui.background__light_medium.rgba} 11px,
-      ${o.ui.background__light_medium.rgba} 12px
-    )`:e===n.COLOURED?r===t.DANGER?u[t.DANGER]:r===t.WARNING?u[t.WARNING]:i:`transparent`;export{m as getBackground,f as getBorderBottom,c as getIconCellColor,p as getSelectedBorder,s as renderContent,u as stateBGColor};
+      ${e.ui.background__light_medium.rgba} 0px,
+      ${e.ui.background__default.rgba} 1px,
+      ${e.ui.background__default.rgba} 10px,
+      ${e.ui.background__light_medium.rgba} 11px,
+      ${e.ui.background__light_medium.rgba} 12px
+    )`:t===i.COLOURED?n===r.DANGER?u[r.DANGER]:n===r.WARNING?u[r.WARNING]:a:`transparent`;export{m as getBackground,f as getBorderBottom,c as getIconCellColor,p as getSelectedBorder,s as renderContent,u as stateBGColor};

package/dist/molecules/InfoElement/CopyText.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,{useEffect as r,useRef as i,useState as a}from"react";import{Icon as o,Typography as s}from"@equinor/eds-core-react";import c,{keyframes as l}from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{copy as f}from"@equinor/eds-icons";const p=c.div`
+  position: relative;
+  pointer-events: auto;
+  width: fit-content;
+  &:hover {
+    cursor: pointer;
+  }
+`,m=l`
+  from {
+    opacity: 0;
+    background: none;
+  }
+
+  to {
+    opacity: 1;
+    background: ${e.ui.background__light.rgba};
+  }
+`,h=c.div`
+  position: absolute;
+  padding: ${t.xx_small};
+  z-index: 1000;
+  top: 50%;
+  right: calc(${t.x_small} * -1);
+  transform: translate(100%, -50%);
+  animation: ${m} 0.25s;
+  background: ${e.ui.background__light.rgba};
+  border: 1px solid ${e.ui.background__medium.rgba};
+  border-radius: 2px;
+  p,
+  svg {
+    color: ${e.interactive.primary__resting.rgba};
+  }
+  p {
+    font-weight: 700;
+    margin-top: 2px;
+  }
+  display: grid;
+  grid-template-columns: auto 2.75rem;
+  grid-gap: ${t.xx_small};
+  align-items: center;
+`;var g=({children:e,textToCopy:t})=>{let n=i(!1),[c,l]=a(!1),[m,g]=a(`Copy`);return r(()=>(n.current=!0,()=>{n.current=!1}),[]),d(p,{onClick:()=>{navigator.clipboard.writeText(t),g(`Copied!`),setTimeout(()=>{n.current&&g(`Copy`)},3e3)},onMouseOver:()=>l(!0),onMouseOut:()=>l(!1),children:[e,c&&d(h,{children:[u(o,{data:f,size:16}),u(s,{variant:`overline`,children:m})]})]})};export{g as default};

package/dist/molecules/InfoElement/InfoElement.js

@@ -1 +1 @@
-import e,{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Typography as i}from"@equinor/eds-core-react";import a from"src/molecules/InfoElement/CopyText";const o=t(({title:e,content:t,copyableContent:o,capitalizeContent:s},c)=>{if(typeof t!=`string`&&(o||s))throw Error(`copyableContent and capitalizeContent only works when content is string`);let l=typeof t==`string`?n(i,{variant:`h6`,children:s?t.toUpperCase():t}):t;return r(`div`,{ref:c,children:[n(i,{group:`paragraph`,variant:`overline`,children:e?.toUpperCase()}),o&&typeof t==`string`?n(a,{textToCopy:t,children:l}):l]})});o.displayName=`InfoElement`;export{o as InfoElement};
+import e from"./CopyText.js";import t,{forwardRef as n}from"react";import{Typography as r}from"@equinor/eds-core-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=n(({title:t,content:n,copyableContent:o,capitalizeContent:s},c)=>{if(typeof n!=`string`&&(o||s))throw Error(`copyableContent and capitalizeContent only works when content is string`);let l=typeof n==`string`?i(r,{variant:`h6`,children:s?n.toUpperCase():n}):n;return a(`div`,{ref:c,children:[i(r,{group:`paragraph`,variant:`overline`,children:t?.toUpperCase()}),o&&typeof n==`string`?i(e,{textToCopy:n,children:l}):l]})});o.displayName=`InfoElement`;export{o as InfoElement};

package/dist/molecules/ListItem/ListItem.d.ts

@@ -1,4 +1,4 @@
-import * as react91 from "react";
+import * as react90 from "react";
 import { FocusEventHandler, HTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -15,6 +15,6 @@ interface ListItemProps extends HTMLAttributes<HTMLButtonElement> {
   isChild?: boolean;
   borderBottom?: boolean;
 }
-declare const ListItem: react91.ForwardRefExoticComponent<ListItemProps & react91.RefAttributes<HTMLButtonElement>>;
+declare const ListItem: react90.ForwardRefExoticComponent<ListItemProps & react90.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ListItem, ListItemProps };

package/dist/molecules/ListItem/ListItem.js

@@ -1,32 +1,32 @@
-import{forwardRef as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r,{css as i}from"styled-components";import{Typography as a}from"@equinor/eds-core-react";import{animation as o,colors as s,spacings as c}from"src/atoms/style";import{renderContent as l}from"src/molecules/ListItem/ListItem.utils";const u=r.button`
+import{animation as e}from"../../atoms/style/animation.js";import{colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{renderContent as r}from"./ListItem.utils.js";import{forwardRef as i}from"react";import{Typography as a}from"@equinor/eds-core-react";import o,{css as s}from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=o.button`
   display: flex;
-  gap: ${c.small};
+  gap: ${n.small};
   align-items: center;
   min-width: 210px;
-  padding: ${({$isChild:e,$borderBottom:t})=>{let n=`${c.small} ${c.large} ${c.small}`;return t&&(n=`${c.small} ${c.large} calc(${c.small} - 1px)`),e?`${n} ${c.xx_large}`:`${n} ${c.medium}`}};
-  background: ${({$selected:e})=>e?s.interactive.primary__selected_highlight.rgba:`transparent`};
-  transition: background ${o.transitionMS};
-  ${({$borderBottom:e})=>e?i`
-        border-bottom: 1px solid ${s.ui.background__medium.rgba};
+  padding: ${({$isChild:e,$borderBottom:t})=>{let r=`${n.small} ${n.large} ${n.small}`;return t&&(r=`${n.small} ${n.large} calc(${n.small} - 1px)`),e?`${r} ${n.xx_large}`:`${r} ${n.medium}`}};
+  background: ${({$selected:e})=>e?t.interactive.primary__selected_highlight.rgba:`transparent`};
+  transition: background ${e.transitionMS};
+  ${({$borderBottom:e})=>e?s`
+        border-bottom: 1px solid ${t.ui.background__medium.rgba};
       `:``}
   &:disabled {
       cursor: not-allowed;
       background: transparent;
       > section > p {
-        color: ${s.interactive.disabled__text.rgba};
+        color: ${t.interactive.disabled__text.rgba};
       }
   }
   &:focus:not(:disabled) {
-      outline: 1px dashed ${s.interactive.primary__resting.rgba};
+      outline: 1px dashed ${t.interactive.primary__resting.rgba};
   }
   &:hover:not(:disabled) {
-    background: ${({$selected:e})=>e?s.interactive.primary__selected_hover.rgba:s.interactive.primary__hover_alt.rgba};
+    background: ${({$selected:e})=>e?t.interactive.primary__selected_hover.rgba:t.interactive.primary__hover_alt.rgba};
   }
   > section {
-      padding: ${c.small} 0};
+      padding: ${n.small} 0};
   }
-`,d=r.span`
+`,d=o.span`
   margin-left: auto;
   display: flex;
   align-items: center;
-`,f=e(({label:e,onClick:r,onFocus:i,onBlur:o,className:s,disabled:c=!1,leadingContent:f,trailingContent:p,isChild:m=!1,selected:h=!1,borderBottom:g=!1},_)=>n(u,{ref:_,className:s,$isChild:m,$selected:h,$borderBottom:g,disabled:c,onClick:r,onFocus:i,onBlur:o,children:[f&&l(f),t(`section`,{children:t(a,{variant:`button`,group:`navigation`,children:e})}),p&&t(d,{children:l(p)})]}));f.displayName=`ListItem`;export{f as ListItem};
+`,f=i(({label:e,onClick:t,onFocus:n,onBlur:i,className:o,disabled:s=!1,leadingContent:f,trailingContent:p,isChild:m=!1,selected:h=!1,borderBottom:g=!1},_)=>l(u,{ref:_,className:o,$isChild:m,$selected:h,$borderBottom:g,disabled:s,onClick:t,onFocus:n,onBlur:i,children:[f&&r(f),c(`section`,{children:c(a,{variant:`button`,group:`navigation`,children:e})}),p&&c(d,{children:r(p)})]}));f.displayName=`ListItem`;export{f as ListItem};

package/dist/molecules/ListItem/ListItem.utils.js

@@ -0,0 +1 @@
+import{colors as e}from"../../atoms/style/colors.js";import{Icon as t}from"@equinor/eds-core-react";import{jsx as n}from"react/jsx-runtime";const r=r=>r&&typeof r==`object`&&`prefix`in r?n(t,{data:r,color:e.interactive.primary__resting.rgba}):r;export{r as renderContent};

package/dist/molecules/OptionDrawer/OptionDrawer.js

@@ -1 +1 @@
-import{useEffect as e,useState as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{chevron_down as i,chevron_right as a}from"@equinor/eds-icons";import{Button as o,Checkbox as s,Icon as c}from"@equinor/eds-core-react";import{StyledOption as l,StyledOptionItem as u,StyledOptionWrapper as d}from"src/molecules/OptionDrawer/OptionDrawer.styles";import{getStatus as f}from"src/molecules/OptionDrawer/OptionDrawer.utils";const p=({item:m,onToggle:h,section:g=0,selectedItems:_=[],singleSelect:v=!1,openAll:y,showIntermediateParent:b=!1,parentHasNestedItems:x=!1})=>{let[S,C]=t(!1),[w,T]=t(f(m,_,v,b));e(()=>{T(f(m,_,v,b))},[m,_,v,b]),e(()=>{C(!!y)},[y]);let E=e=>{m.children&&m.children.length!==0&&C(e=>!e);let t=m.children?.length!==0&&!v&&m.children!==void 0?[...m.children]:[m];w===`CHECKED`?(h({items:t,toggle:!1,event:e}),C(!1)):(w===`NONE`||w===`INTERMEDIATE`)&&(h({items:t,toggle:!0,event:e}),C(!0))},D=()=>{C(e=>!e)},O=m.children&&m.children.length!==0;return r(d,{$section:g,"data-testid":m.id,children:[r(u,{$paddedLeft:x&&!O,children:[O&&n(o,{variant:`ghost_icon`,onClick:D,"data-testid":`chevron-toggler-option-drawer`,children:n(c,{data:S?i:a})}),r(l,{$section:g,onClick:E,disabled:!!m.disabled,children:[n(s,{indeterminate:w===`INTERMEDIATE`,checked:w===`CHECKED`,color:`secondary`,disabled:!!m.disabled,onChange:()=>null}),m.label]})]}),S&&m.children?.map(e=>n(p,{section:g+1,onToggle:h,selectedItems:_,item:e,singleSelect:v,openAll:y,showIntermediateParent:b,parentHasNestedItems:!0},`OptionDrawer-${e.id}`))]},`StyledOptionWrapper-${m.id}`)};p.displayName=`OptionDrawer`;export{p as OptionDrawer};
+import{StyledOption as e,StyledOptionItem as t,StyledOptionWrapper as n}from"./OptionDrawer.styles.js";import{getStatus as r}from"./OptionDrawer.utils.js";import{useEffect as i,useState as a}from"react";import{Button as o,Checkbox as s,Icon as c}from"@equinor/eds-core-react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{chevron_down as d,chevron_right as f}from"@equinor/eds-icons";const p=({item:m,onToggle:h,section:g=0,selectedItems:_=[],singleSelect:v=!1,openAll:y,showIntermediateParent:b=!1,parentHasNestedItems:x=!1})=>{let[S,C]=a(!1),[w,T]=a(r(m,_,v,b));i(()=>{T(r(m,_,v,b))},[m,_,v,b]),i(()=>{C(!!y)},[y]);let E=e=>{m.children&&m.children.length!==0&&C(e=>!e);let t=m.children?.length!==0&&!v&&m.children!==void 0?[...m.children]:[m];w===`CHECKED`?(h({items:t,toggle:!1,event:e}),C(!1)):(w===`NONE`||w===`INTERMEDIATE`)&&(h({items:t,toggle:!0,event:e}),C(!0))},D=()=>{C(e=>!e)},O=m.children&&m.children.length!==0;return u(n,{$section:g,"data-testid":m.id,children:[u(t,{$paddedLeft:x&&!O,children:[O&&l(o,{variant:`ghost_icon`,onClick:D,"data-testid":`chevron-toggler-option-drawer`,children:l(c,{data:S?d:f})}),u(e,{$section:g,onClick:E,disabled:!!m.disabled,children:[l(s,{indeterminate:w===`INTERMEDIATE`,checked:w===`CHECKED`,color:`secondary`,disabled:!!m.disabled,onChange:()=>null}),m.label]})]}),S&&m.children?.map(e=>l(p,{section:g+1,onToggle:h,selectedItems:_,item:e,singleSelect:v,openAll:y,showIntermediateParent:b,parentHasNestedItems:!0},`OptionDrawer-${e.id}`))]},`StyledOptionWrapper-${m.id}`)};p.displayName=`OptionDrawer`;export{p as OptionDrawer};

package/dist/molecules/OptionDrawer/OptionDrawer.styles.js

@@ -0,0 +1,36 @@
+import{colors as e}from"../../atoms/style/colors.js";import t from"styled-components";const n=t.div`
+  margin-left: ${({$section:e})=>e>0?`22px`:``};
+  opacity: 1;
+  color: ${e.text.static_icons__default.rgba};
+`,r=t.button`
+  position: relative;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  cursor: pointer;
+  transition: background-color 0.1s ease-in;
+  font-family: 'Equinor', sans-serif;
+  font-size: 1rem;
+  color: ${e.text.static_icons__default.rgba};
+  &:hover:not(:disabled) {
+    background-color: ${e.interactive.primary__hover_alt.rgba};
+  }
+  &:disabled {
+    cursor: not-allowed;
+    color: ${e.interactive.disabled__text.rgba};
+    > button {
+      cursor: not-allowed;
+    }
+  }
+  > span::before {
+    display: none;
+  }
+
+  svg {
+    fill: ${e.interactive.primary__resting.rgba};
+  }
+`,i=t.div`
+  display: flex;
+  align-items: center;
+  ${({$paddedLeft:e})=>e&&`margin-left: 40px`};
+`;export{r as StyledOption,i as StyledOptionItem,n as StyledOptionWrapper};

package/dist/molecules/OptionDrawer/OptionDrawer.utils.js

@@ -0,0 +1 @@
+const e=t=>{if(t.length===0)return[];let n=[];return t.forEach(t=>{let r=e(t?.children??[]);n=[t,...n,...r]}),n},t=(t,n,r,i)=>{if(n.find(e=>e.id===t.id)!==void 0)return`CHECKED`;if(t.children===void 0||t.children.length===0||r&&!i)return`NONE`;let a=e(t?.children).map(e=>n.find(t=>t.id===e.id)!==void 0);return!r&&a.every(Boolean)?`CHECKED`:a.every(e=>!e)?`NONE`:`INTERMEDIATE`};export{t as getStatus};

package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts

@@ -1,4 +1,4 @@
-import * as react15 from "react";
+import * as react17 from "react";
 import { TooltipProps } from "@equinor/eds-core-react";
 import * as _floating_ui_utils0 from "@floating-ui/utils";
 
@@ -6,14 +6,14 @@ import * as _floating_ui_utils0 from "@floating-ui/utils";
 type OptionalTooltipProps = {
   textTransform?: string;
 } & TooltipProps;
-declare const OptionalTooltip: react15.ForwardRefExoticComponent<{
+declare const OptionalTooltip: react17.ForwardRefExoticComponent<{
   textTransform?: string;
 } & {
   placement?: _floating_ui_utils0.Placement;
-  title?: react15.ReactNode;
+  title?: react17.ReactNode;
   children: React.ReactElement & React.RefAttributes<HTMLElement>;
   enterDelay?: number;
   portalContainer?: HTMLElement;
-} & Omit<react15.HTMLAttributes<HTMLDivElement>, "title"> & react15.RefAttributes<HTMLDivElement>>;
+} & Omit<react17.HTMLAttributes<HTMLDivElement>, "title"> & react17.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { OptionalTooltip, OptionalTooltipProps };

package/dist/molecules/OptionalTooltip/OptionalTooltip.js

@@ -1,4 +1,4 @@
-import{forwardRef as e}from"react";import{Fragment as t,jsx as n}from"react/jsx-runtime";import r from"styled-components";import{Tooltip as i}from"@equinor/eds-core-react";const a=r(i)`
+import{forwardRef as e}from"react";import{Tooltip as t}from"@equinor/eds-core-react";import n from"styled-components";import{Fragment as r,jsx as i}from"react/jsx-runtime";const a=n(t)`
   color: white;
   text-transform: ${e=>e.textTransform};
-`,o=e(({title:e,children:r,...i},o)=>e===void 0?n(t,{children:r}):n(a,{ref:o,title:e,...i,children:r}));o.displayName=`OptionalTooltip`;export{o as OptionalTooltip};
+`,o=e(({title:e,children:t,...n},o)=>e===void 0?i(r,{children:t}):i(a,{ref:o,title:e,...n,children:t}));o.displayName=`OptionalTooltip`;export{o as OptionalTooltip};

package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react21 from "react";
 
 //#region src/molecules/ProfileAvatar/ProfileAvatar.d.ts
 interface ProfileAvatarProps {
@@ -7,6 +7,6 @@ interface ProfileAvatarProps {
   size?: 'small' | 'small-medium' | 'medium' | 'large' | 'x-large' | number;
   disabled?: boolean;
 }
-declare const ProfileAvatar: react19.ForwardRefExoticComponent<ProfileAvatarProps & react19.RefAttributes<HTMLDivElement>>;
+declare const ProfileAvatar: react21.ForwardRefExoticComponent<ProfileAvatarProps & react21.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ProfileAvatar, ProfileAvatarProps };

package/dist/molecules/ProfileAvatar/ProfileAvatar.js

@@ -1,12 +1,12 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{forwardRef as t,useMemo as n}from"react";import{jsx as r}from"react/jsx-runtime";import{person as i}from"@equinor/eds-icons";import a from"styled-components";import{Avatar as o,Icon as s}from"@equinor/eds-core-react";import{colors as c}from"src/atoms/style";const{shape:l,typography:u}=e,d=[c.infographic.primary__energy_red_55.rgba,c.infographic.primary__moss_green_55.rgba,c.infographic.substitute__green_mint.rgba,c.infographic.substitute__blue_overcast.rgba];function f(e){let t=e.replace(/ *\([^)]*\) */g,``).toUpperCase(),n=t.split(` `),r=t.includes(`,`),i=e=>{let t=e.split(`,`);return t[1].trim().charAt(0)};if(n.length===1&&n[0]!==``)return n[0].charAt(0);if(r)return i(t)+n[0].charAt(0);if(n.length>=2)return n[0].charAt(0)+n[n.length-1].charAt(0)}function p(e){let t=0;if(e)for(let n=0;n<e.length;n++)t+=e.charCodeAt(n);return d[t%d.length]}const m=a.div`
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as t}from"../../atoms/style/colors.js";import{forwardRef as n,useMemo as r}from"react";import{Avatar as i,Icon as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s}from"react/jsx-runtime";import{person as c}from"@equinor/eds-icons";const{shape:l,typography:u}=e,d=[t.infographic.primary__energy_red_55.rgba,t.infographic.primary__moss_green_55.rgba,t.infographic.substitute__green_mint.rgba,t.infographic.substitute__blue_overcast.rgba];function f(e){let t=e.replace(/ *\([^)]*\) */g,``).toUpperCase(),n=t.split(` `),r=t.includes(`,`),i=e=>e.split(`,`)[1].trim().charAt(0);if(n.length===1&&n[0]!==``)return n[0].charAt(0);if(r)return i(t)+n[0].charAt(0);if(n.length>=2)return n[0].charAt(0)+n[n.length-1].charAt(0)}function p(e){let t=0;if(e)for(let n=0;n<e.length;n++)t+=e.charCodeAt(n);return d[t%d.length]}const m=o.div`
   width: ${e=>e.$size}px;
   height: ${e=>e.$size}px;
   position: relative;
   font-size: ${e=>e.$fontSize}px;
   font-family: ${u.heading.h6.fontFamily};
   border-radius: ${l.circle.borderRadius};
-  background: ${e=>e.disabled?c.interactive.disabled__border.rgba:e.$background};
-  color: ${e=>e.disabled?c.text.static_icons__default.rgba:c.text.static_icons__primary_white.rgba};
+  background: ${e=>e.disabled?t.interactive.disabled__border.rgba:e.$background};
+  color: ${e=>e.disabled?t.text.static_icons__default.rgba:t.text.static_icons__primary_white.rgba};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -14,13 +14,13 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
     line-height: ${e=>e.$fontSize-4}px;
     height: ${e=>e.$fontSize-4}px;
   }
-`,h=a(s)`
+`,h=o(a)`
   width: 70%;
-`,g=a.div`
+`,g=o.div`
   width: ${({$size:e})=>e}px;
   height: ${({$size:e})=>e}px;
   > div {
     width: inherit;
     height: inherit;
   }
-`,_=t(({url:e,name:t,size:a=`medium`,disabled:s=!1},c)=>{let l=n(()=>!t||t.trim().length===0?r(h,{data:i}):f(t),[t]),u=n(()=>{switch(a){case`small`:return 16;case`small-medium`:return 24;case`medium`:case void 0:return 32;case`large`:return 40;case`x-large`:return 48;default:return a}},[a]),d=n(()=>{switch(a){case`small`:return 6;case`small-medium`:return 10;case`medium`:case void 0:return 14;case`large`:return 16;case`x-large`:return 18;default:return a/2}},[a]),_=n(()=>{if(e)try{if(btoa(atob(e))===e)return`data:image/png;base64, ${e}`}catch{return e}return``},[e]);return _===``?r(m,{$background:p(t),$size:u,$fontSize:d,disabled:s,ref:c,children:r(`span`,{children:l})}):r(g,{$size:u,"data-testid":`avatar-wrapper`,children:r(o,{alt:`user-avatar-${t}`,src:_,disabled:s,ref:c})})});_.displayName=`ProfileAvatar`;export{_ as ProfileAvatar};
+`,_=n(({url:e,name:t,size:n=`medium`,disabled:a=!1},o)=>{let l=r(()=>!t||t.trim().length===0?s(h,{data:c}):f(t),[t]),u=r(()=>{switch(n){case`small`:return 16;case`small-medium`:return 24;case`medium`:case void 0:return 32;case`large`:return 40;case`x-large`:return 48;default:return n}},[n]),d=r(()=>{switch(n){case`small`:return 6;case`small-medium`:return 10;case`medium`:case void 0:return 14;case`large`:return 16;case`x-large`:return 18;default:return n/2}},[n]),_=r(()=>{if(e)try{if(btoa(atob(e))===e)return`data:image/png;base64, ${e}`}catch{return e}return``},[e]);return _===``?s(m,{$background:p(t),$size:u,$fontSize:d,disabled:a,ref:o,children:s(`span`,{children:l})}):s(g,{$size:u,"data-testid":`avatar-wrapper`,children:s(i,{alt:`user-avatar-${t}`,src:_,disabled:a,ref:o})})});_.displayName=`ProfileAvatar`;export{_ as ProfileAvatar};

package/dist/molecules/RichTextDisplay/RichTextDisplay.js

@@ -1 +1 @@
-import{useEffect as e,useRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{DEFAULT_FEATURES as r}from"src/molecules/RichTextEditor/RichTextEditor.types";import{useEditor as i}from"@tiptap/react";import{useAmplifyKit as a}from"src/atoms/hooks/useAmplifyKit";import{EditorContent as o,EditorStyling as s}from"src/molecules/RichTextEditor/RichTextEditor.styles";const c=({value:c,imgReadToken:l,onImageRead:u,lightBackground:d=!0,padding:f=`md`,extensions:p,children:m,...h})=>{let g=a({features:r,onImageRead:u}),_=i({shouldRerenderOnTransaction:!0,extensions:p||[g],content:l?c?.replaceAll(/(<img src=")(.+)("\/>)/g,`$1$2?${l}$3`):c,editable:!1}),v=t(c);return e(()=>{_&&c&&c!==v.current&&(_.commands.setContent(c),v.current=c)},[_,c]),_?m?m(_):n(s,{$lightBackground:d,$padding:f,...h,children:n(o,{editor:_,readOnly:!0})}):null};export{c as RichTextDisplay};
+import{DEFAULT_FEATURES as e}from"../RichTextEditor/RichTextEditor.types.js";import{useAmplifyKit as t}from"../../atoms/hooks/useAmplifyKit.js";import{EditorContent as n,EditorStyling as r}from"../RichTextEditor/RichTextEditor.styles.js";import{useEffect as i,useRef as a}from"react";import{jsx as o}from"react/jsx-runtime";import{useEditor as s}from"@tiptap/react";const c=({value:c,imgReadToken:l,onImageRead:u,lightBackground:d=!0,padding:f=`md`,extensions:p,children:m,...h})=>{let g=t({features:e,onImageRead:u}),_=s({shouldRerenderOnTransaction:!0,extensions:p||[g],content:l?c?.replaceAll(/(<img src=")(.+)("\/>)/g,`$1$2?${l}$3`):c,editable:!1}),v=a(c);return i(()=>{_&&c&&c!==v.current&&(_.commands.setContent(c),v.current=c)},[_,c]),_?m?m(_):o(r,{$lightBackground:d,$padding:f,...h,children:o(n,{editor:_,readOnly:!0})}):null};export{c as RichTextDisplay};

package/dist/molecules/RichTextEditor/EditorProvider.js

@@ -1 +1 @@
-import{useEffect as e,useRef as t}from"react";import{useQueryClient as n}from"@tanstack/react-query";import{useEditor as r}from"@tiptap/react";import{useAmplifyKit as i}from"src/atoms/hooks/useAmplifyKit";const a=({children:a,content:o,features:s,placeholder:c,onUpdate:l,onImageUpload:u,onImageRead:d,onImageRemove:f,onRemovedImagesChange:p,extensions:m=[]})=>{let h=i({features:s,placeholder:c,onImageUpload:u,onImageRead:d}),g=n(),_=t([]),v=t([]),y=t([]),b=e=>{let t=[];e.getJSON().content?.forEach(e=>{e.type===`image`&&e.attrs?.src&&t.push(e.attrs.src)});for(let e of t)if(!_.current.includes(e))_.current.push(e);else if(_.current.includes(e)&&f){let t=g.getQueryData([e]);if(t){let n=t.split(`,`),r=n[0].match(/:(.*?);/)[1],i=atob(n[n.length-1]),a=i.length,o=new Uint8Array(a);for(;a--;)o[a]=i.charCodeAt(a);let s=new File([o],e,{type:r});u?.(s)}}let n=_.current.filter(e=>!t.includes(e)&&!v.current.includes(e));if(f)for(let e of n)f?.(e),v.current.push(e);p&&y.current.length!==n.length&&(p(v.current),y.current=n)},x=r({content:o,shouldRerenderOnTransaction:!0,extensions:[h,...m],onCreate:({editor:e})=>{b(e)},onUpdate:({editor:e})=>{b(e),l?.(e.getHTML())}});return e(()=>{x&&o!==x.getHTML()&&x.commands.setContent(o||``)},[o]),x?a(x):null};export{a as EditorProvider};
+import{useAmplifyKit as e}from"../../atoms/hooks/useAmplifyKit.js";import{useEffect as t,useRef as n}from"react";import{useEditor as r}from"@tiptap/react";import{useQueryClient as i}from"@tanstack/react-query";const a=({children:a,content:o,features:s,placeholder:c,onUpdate:l,onImageUpload:u,onImageRead:d,onImageRemove:f,onRemovedImagesChange:p,extensions:m=[]})=>{let h=e({features:s,placeholder:c,onImageUpload:u,onImageRead:d}),g=i(),_=n([]),v=n([]),y=n([]),b=e=>{let t=[];e.getJSON().content?.forEach(e=>{e.type===`image`&&e.attrs?.src&&t.push(e.attrs.src)});for(let e of t)if(!_.current.includes(e))_.current.push(e);else if(_.current.includes(e)&&f){let t=g.getQueryData([e]);if(t){let n=t.split(`,`),r=n[0].match(/:(.*?);/)[1],i=atob(n[n.length-1]),a=i.length,o=new Uint8Array(a);for(;a--;)o[a]=i.charCodeAt(a);let s=new File([o],e,{type:r});u?.(s)}}let n=_.current.filter(e=>!t.includes(e)&&!v.current.includes(e));if(f)for(let e of n)f?.(e),v.current.push(e);p&&y.current.length!==n.length&&(p(v.current),y.current=n)},x=r({content:o,shouldRerenderOnTransaction:!0,extensions:[h,...m],onCreate:({editor:e})=>{b(e)},onUpdate:({editor:e})=>{b(e),l?.(e.getHTML())}});return t(()=>{x&&o!==x.getHTML()&&x.commands.setContent(o||``)},[o]),x?a(x):null};export{a as EditorProvider};

package/dist/molecules/RichTextEditor/MenuBar/AddImageButton.js

@@ -1 +1 @@
-import{EditorMenu as e}from"./MenuBar.js";import{useRef as t}from"react";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";import{RichTextEditorFeatures as a}from"src/molecules/RichTextEditor/RichTextEditor.types";import{camera_add_photo as o}from"@equinor/eds-icons";const s=({onImageUpload:s,editor:c,features:l})=>{let u=t(null);if(l&&!l.includes(a.IMAGES))return null;let d=()=>{u.current&&u.current.click()},f=async e=>{let t=e.target.files;if(!t?.[0]){console.error(`Files undefined`);return}let n=await s?.(t[0]);n&&c?.chain().focus().setImage({src:n.src,alt:n.alt}).run()};return i(n,{children:[r(`input`,{ref:u,type:`file`,id:`img-input`,multiple:!1,onChange:f,style:{display:`none`},accept:`image/*, video/*`}),r(e.Button,{"data-testid":`add-image-button`,icon:o,onClick:d,tooltip:`Add Image`})]})};export{s as AddImageButton};
+import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{useRef as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{camera_add_photo as o}from"@equinor/eds-icons";const s=({onImageUpload:s,editor:c,features:l})=>{let u=n(null);if(l&&!l.includes(e.IMAGES))return null;let d=()=>{u.current&&u.current.click()};return a(r,{children:[i(`input`,{ref:u,type:`file`,id:`img-input`,multiple:!1,onChange:async e=>{let t=e.target.files;if(!t?.[0]){console.error(`Files undefined`);return}let n=await s?.(t[0]);n&&c?.chain().focus().setImage({src:n.src,alt:n.alt}).run()},style:{display:`none`},accept:`image/*, video/*`}),i(t.Button,{"data-testid":`add-image-button`,icon:o,onClick:d,tooltip:`Add Image`})]})};export{s as AddImageButton};

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.d.ts

@@ -1,7 +1,7 @@
 import { EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures } from "../RichTextEditor.types.js";
 import { MenuButtonProps } from "./MenuButton.js";
 import { AddImageProps } from "./AddImageButton.js";
-import * as react30 from "react";
+import * as react31 from "react";
 import { FC } from "react";
 import * as styled_components0 from "styled-components";
 import { Editor } from "@tiptap/react";
@@ -14,10 +14,10 @@ interface MenuBarProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
 }
 declare const AmplifyBar: FC<MenuBarProps>;
 declare const EditorMenu: {
-  Bar: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react30.DetailedHTMLProps<react30.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-  Bars: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react30.DetailedHTMLProps<react30.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-  Button: react30.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react30.RefAttributes<HTMLButtonElement>>;
-  Section: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react30.DetailedHTMLProps<react30.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+  Bar: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+  Bars: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+  Button: react31.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react31.RefAttributes<HTMLButtonElement>>;
+  Section: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
   AddImageButton: FC<AddImageProps>;
 };
 declare const EditorText: {

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.js

@@ -1,10 +1,10 @@
-import{MenuSection as e}from"./MenuBar.styles.js";import{MenuButton as t}from"./MenuButton.js";import{TextTable as n}from"./Table/Table.js";import{TableMenuBar as r}from"./Table/TableBar.js";import{AddImageButton as i}from"./AddImageButton.js";import{TextAlignment as a}from"./TextAlignment.js";import{TextClearFormatting as o}from"./TextClearFormatting.js";import{TextCode as s}from"./TextCode.js";import{TextColor as c}from"./TextColor.js";import{TextFormatting as l}from"./TextFormatting.js";import{TextHeaders as u}from"./TextHeaders.js";import{TextHighlight as d}from"./TextHighlight.js";import{TextHistory as f}from"./TextHistory.js";import{TextLinks as p}from"./TextLinks.js";import{TextLists as m}from"./TextLists.js";import{jsx as h,jsxs as g}from"react/jsx-runtime";import _ from"styled-components";import{colors as v,spacings as y}from"src/atoms/style";const b=_.div`
+import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{MenuSection as n}from"./MenuBar.styles.js";import{MenuButton as r}from"./MenuButton.js";import{TextTable as i}from"./Table/Table.js";import{TableMenuBar as a}from"./Table/TableBar.js";import{AddImageButton as o}from"./AddImageButton.js";import{TextAlignment as s}from"./TextAlignment.js";import{TextClearFormatting as c}from"./TextClearFormatting.js";import{TextCode as l}from"./TextCode.js";import{TextColor as u}from"./TextColor.js";import{TextFormatting as d}from"./TextFormatting.js";import{TextHeaders as f}from"./TextHeaders.js";import{TextHighlight as p}from"./TextHighlight.js";import{TextHistory as m}from"./TextHistory.js";import{TextLinks as h}from"./TextLinks.js";import{TextLists as g}from"./TextLists.js";import _ from"styled-components";import{jsx as v,jsxs as y}from"react/jsx-runtime";const b=_.div`
   display: flex;
   flex-direction: column;
 `,x=_.div`
   display: flex;
   flex-wrap: wrap;
-  gap: ${y.small};
-  padding: ${y.small};
-  border-bottom: 1px solid ${v.ui.background__medium.rgba};
-`,S=({editor:e,features:t,onImageUpload:_})=>t.length===0?null:g(b,{children:[g(x,{children:[h(f,{editor:e,features:t}),h(l,{editor:e,features:t}),h(u,{editor:e,features:t}),h(m,{editor:e,features:t}),h(c,{editor:e,features:t}),h(d,{editor:e,features:t}),h(s,{editor:e,features:t}),h(a,{editor:e,features:t}),h(p,{editor:e,features:t}),h(i,{editor:e,features:t,onImageUpload:_}),h(n,{editor:e,features:t}),h(o,{editor:e,features:t})]}),h(r,{editor:e})]}),C={Bar:x,Bars:b,Button:t,Section:e,AddImageButton:i},w={History:f,Formatting:l,Headers:u,Lists:m,Color:c,Code:s,Links:p,Table:n,TableBar:r,Alignment:a,ClearFormatting:o};export{S as AmplifyBar,C as EditorMenu,w as EditorText};
+  gap: ${t.small};
+  padding: ${t.small};
+  border-bottom: 1px solid ${e.ui.background__medium.rgba};
+`,S=({editor:e,features:t,onImageUpload:n})=>t.length===0?null:y(b,{children:[y(x,{children:[v(m,{editor:e,features:t}),v(d,{editor:e,features:t}),v(f,{editor:e,features:t}),v(g,{editor:e,features:t}),v(u,{editor:e,features:t}),v(p,{editor:e,features:t}),v(l,{editor:e,features:t}),v(s,{editor:e,features:t}),v(h,{editor:e,features:t}),v(o,{editor:e,features:t,onImageUpload:n}),v(i,{editor:e,features:t}),v(c,{editor:e,features:t})]}),v(a,{editor:e})]}),C={Bar:x,Bars:b,Button:r,Section:n,AddImageButton:o},w={History:m,Formatting:d,Headers:f,Lists:g,Color:u,Code:l,Links:h,Table:i,TableBar:a,Alignment:s,ClearFormatting:c};export{S as AmplifyBar,C as EditorMenu,w as EditorText};

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.styles.js

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t from"styled-components";import{colors as n}from"src/atoms/style";const{spacings:r,shape:i}=e,a=t.section`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as t}from"../../../atoms/style/colors.js";import n from"styled-components";const{spacings:r,shape:i}=e,a=n.section`
   display: flex;
   > div:not(:first-child):not(:last-child) {
     > button {
@@ -17,7 +17,7 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
       border-top-left-radius: 0;
     }
   }
-`,o=t.button`
+`,o=n.button`
   display: flex;
   align-items: center;
   border-radius: ${i.button.borderRadius};
@@ -43,6 +43,6 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
   }
 
   &:disabled > svg {
-    fill: ${n.interactive.disabled__text.rgba};
+    fill: ${t.interactive.disabled__text.rgba};
   }
-`,s=e=>e.$active?n.ui.background__light.rgba:n.interactive.primary__resting.rgba,c=e=>e.$active?n.text.static_icons__primary_white.rgba:n.interactive.primary__hover.rgba,l=e=>e.$active?n.interactive.primary__resting.rgba:n.ui.background__light.rgba,u=e=>e.$active?n.interactive.primary__hover.rgba:n.interactive.primary__hover_alt.rgba;export{o as MenuButtonStyle,a as MenuSection};
+`,s=e=>e.$active?t.ui.background__light.rgba:t.interactive.primary__resting.rgba,c=e=>e.$active?t.text.static_icons__primary_white.rgba:t.interactive.primary__hover.rgba,l=e=>e.$active?t.interactive.primary__resting.rgba:t.ui.background__light.rgba,u=e=>e.$active?t.interactive.primary__hover.rgba:t.interactive.primary__hover_alt.rgba;export{o as MenuButtonStyle,a as MenuSection};