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

package/dist/molecules/SelectionControls/Switch/Switch.d.ts

@@ -1,10 +1,10 @@
-import * as react93 from "react";
+import * as react95 from "react";
 import { SwitchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Switch/Switch.d.ts
 interface SwitchProps$1 extends SwitchProps {
   outlined?: boolean;
 }
-declare const Switch$1: react93.ForwardRefExoticComponent<SwitchProps$1 & react93.RefAttributes<HTMLInputElement>>;
+declare const Switch$1: react95.ForwardRefExoticComponent<SwitchProps$1 & react95.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };

package/dist/molecules/SelectionControls/Switch/Switch.js

@@ -1 +1 @@
-import{Wrapper as e}from"../SelectionControls.styles.js";import{forwardRef as t}from"react";import{Switch as n}from"@equinor/eds-core-react";import{jsx as r}from"react/jsx-runtime";const i=t((t,i)=>{let{outlined:a,...o}=t;return r(e,{$outlined:a||!1,className:`switch`,children:r(n,{ref:i,...o})})});i.displayName=`Switch`;export{i as Switch};
+import{Wrapper as e}from"../SelectionControls.styles.js";import{forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{Switch as r}from"@equinor/eds-core-react";const i=t((t,i)=>{let{outlined:a,...o}=t;return n(e,{$outlined:a||!1,className:`switch`,children:n(r,{ref:i,...o})})});i.displayName=`Switch`;export{i as Switch};

package/dist/molecules/SingleFilterMenu/SingleFilterMenu.js

@@ -1,20 +1,20 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../atoms/style/spacings.js";import n,{useState as r}from"react";import{Button as i,Chip as a,Icon as o,Menu as s,Typography as c}from"@equinor/eds-core-react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{filter_list as f}from"@equinor/eds-icons";const{colors:p}=e,m=l.div`
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t,{useState as n}from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{filter_list as a}from"@equinor/eds-icons";import o from"styled-components";import{Button as s,Chip as c,Icon as l,Menu as u,Typography as d}from"@equinor/eds-core-react";import{spacings as f}from"src/atoms/style";const{colors:p}=e,m=o.div`
   margin-left: auto;
   display: flex;
   align-items: center;
   gap: 25px;
-`,h=l(a)`
+`,h=o(c)`
   background: ${e=>e.$backgroundColor};
-`,g=l(i)`
+`,g=o(s)`
   justify-self: flex-end;
-`,_=l(s)`
+`,_=o(u)`
   overflow-y: auto;
-`,v=l.div`
-  padding: ${t.medium};
-  padding-left: ${t.large};
-`,y=l(s.Item)`
+`,v=o.div`
+  padding: ${f.medium};
+  padding-left: ${f.large};
+`,y=o(u.Item)`
   &:focus {
     outline: none;
     background: ${p.ui.background__light.rgba};
   }
-`,b=({onChange:e,customIcon:t,menuTitle:n,data:i,showChip:a=!1,chipColor:s=p.ui.background__default.rgba})=>{let[l,b]=r(!1),[x,S]=r(null),[C,w]=r(),T=e=>{let t=e.target;S(t),b(!l)},E=()=>b(!1),D=t=>{b(!1),C===t?(w(void 0),e(void 0)):(w(t),e(t))},O=()=>{E(),e(void 0),w(void 0)};return d(m,{children:[a&&C&&u(h,{"data-testid":`chip`,onDelete:O,variant:`default`,$backgroundColor:s,children:C}),u(g,{"data-testid":`menuButton`,variant:`ghost_icon`,onClick:e=>T(e),children:u(o,{data:t??f})}),d(_,{open:l,anchorEl:x,onClose:E,placement:`bottom-end`,"data-testid":`menuContainer`,children:[u(v,{children:u(c,{group:`navigation`,variant:`label`,children:n})}),i.map((e,t)=>u(y,{onClick:()=>D(e),disabled:C===e&&a,active:C===e&&!a,children:u(c,{group:`navigation`,variant:`menu_title`,as:`span`,children:e})},e+t))]})]})};b.displayName=`SingleFilterMenu`;export{b as SingleFilterMenu};
+`,b=({onChange:e,customIcon:t,menuTitle:o,data:s,showChip:c=!1,chipColor:u=p.ui.background__default.rgba})=>{let[f,b]=n(!1),[x,S]=n(null),[C,w]=n(),T=e=>{let t=e.target;S(t),b(!f)},E=()=>b(!1),D=t=>{b(!1),C===t?(w(void 0),e(void 0)):(w(t),e(t))},O=()=>{E(),e(void 0),w(void 0)};return i(m,{children:[c&&C&&r(h,{"data-testid":`chip`,onDelete:O,variant:`default`,$backgroundColor:u,children:C}),r(g,{"data-testid":`menuButton`,variant:`ghost_icon`,onClick:e=>T(e),children:r(l,{data:t??a})}),i(_,{open:f,anchorEl:x,onClose:E,placement:`bottom-end`,"data-testid":`menuContainer`,children:[r(v,{children:r(d,{group:`navigation`,variant:`label`,children:o})}),s.map((e,t)=>r(y,{onClick:()=>D(e),disabled:C===e&&c,active:C===e&&!c,children:r(d,{group:`navigation`,variant:`menu_title`,as:`span`,children:e})},e+t))]})]})};b.displayName=`SingleFilterMenu`;export{b as SingleFilterMenu};

package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts

@@ -1,4 +1,4 @@
-import * as react40 from "react";
+import * as react38 from "react";
 import * as styled_components_dist_types6 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
 
@@ -7,6 +7,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react40.DetailedHTMLProps<react40.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
+declare const SkeletonBase: styled_components_dist_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react38.DetailedHTMLProps<react38.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.js

@@ -1,18 +1,18 @@
-import{COLORS as e}from"../Skeleton.styles.js";import t,{css as n,keyframes as r}from"styled-components";const i=r`
+import e,{css as t,keyframes as n}from"styled-components";import{COLORS as r}from"src/molecules/Skeleton/Skeleton.styles";const i=n`
   to {
     transform: translateX(100%);
   }
-`,a=t.div`
-  background: ${e.START};
+`,a=e.div`
+  background: ${r.START};
   overflow: hidden;
   position: relative;
   z-index: 2;
   &:after {
     background: linear-gradient(
       90deg,
-      ${e.START} 0%,
-      ${e.END} 50%,
-      ${e.START} 100%
+      ${r.START} 0%,
+      ${r.END} 50%,
+      ${r.START} 100%
     );
     animation: ${i} 1.5s infinite;
     content: '';
@@ -23,7 +23,7 @@ import{COLORS as e}from"../Skeleton.styles.js";import t,{css as n,keyframes as r
     top: 0;
     transform: translateX(-100%);
     z-index: 1;
-    ${e=>e.$offset&&n`
+    ${e=>e.$offset&&t`
         animation-delay: ${e.$offset}ms;
       `};
   }

package/dist/molecules/Skeleton/SkeletonGradient/SkeletonGradient.js

@@ -1 +1 @@
-import{COLORS as e}from"../Skeleton.styles.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({duration:r=`1.5s`})=>n(`linearGradient`,{id:`skeleton-gradient`,x1:`0%`,x2:`100%`,gradientTransform:`translate(-0.1)`,children:[t(`stop`,{stopColor:e.START,offset:`0%`}),t(`stop`,{stopColor:e.END,offset:`50%`}),t(`stop`,{stopColor:e.START,offset:`100%`}),t(`animateTransform`,{attributeName:`gradientTransform`,type:`translate`,begin:`0s`,dur:r,repeatCount:`indefinite`,values:`-1; 1; 1`})]});export{r as SkeletonGradient};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as n}from"src/molecules/Skeleton/Skeleton.styles";const r=({duration:r=`1.5s`})=>t(`linearGradient`,{id:`skeleton-gradient`,x1:`0%`,x2:`100%`,gradientTransform:`translate(-0.1)`,children:[e(`stop`,{stopColor:n.START,offset:`0%`}),e(`stop`,{stopColor:n.END,offset:`50%`}),e(`stop`,{stopColor:n.START,offset:`100%`}),e(`animateTransform`,{attributeName:`gradientTransform`,type:`translate`,begin:`0s`,dur:r,repeatCount:`indefinite`,values:`-1; 1; 1`})]});export{r as SkeletonGradient};

package/dist/molecules/Stepper/Step/Step.js

@@ -1,15 +1,15 @@
-import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useStepper as n}from"../../../providers/StepperProvider.js";import{StepIcon as r}from"./StepIcon.js";import{useMemo 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.div`
+import{useMemo as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useStepper as r}from"src/providers/StepperProvider";import i,{css as a}from"styled-components";import{Typography as o}from"@equinor/eds-core-react";import{colors as s,spacings as c}from"src/atoms/style";import{StepIcon as l}from"src/molecules/Stepper/Step/StepIcon";const u=i.div`
   display: flex;
-  gap: ${t.small};
+  gap: ${c.small};
   align-items: center;
   white-space: nowrap;
-  ${({$disabled:e,$clickable:t})=>e?s`
+  ${({$disabled:e,$clickable:t})=>e?a`
           &:hover {
             cursor: not-allowed;
           }
-        `:t&&s`
+        `:t&&a`
           &:hover {
             cursor: pointer;
           }
         `}
-`,d=({index:t,onlyShowCurrentStepLabel:o=!1,children:s})=>{let{currentStep:d,setCurrentStep:f,isStepAtIndexDisabled:p}=n(),m=p(t),h=i(()=>t<d?`body_short`:`body_short_bold`,[d,t]),g=i(()=>t>d||m?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba,[d,t,m]),_=()=>{t<d&&!m&&f(t)};return l(u,{"data-testid":`step`,$clickable:t<d,onClick:_,$disabled:m,"aria-disabled":m,role:`button`,children:[c(r,{index:t,disabled:m}),(!o||d===t)&&c(a,{variant:h,color:g,children:s})]})};export{d as default};
+`,d=({index:i,onlyShowCurrentStepLabel:a=!1,children:c})=>{let{currentStep:d,setCurrentStep:f,isStepAtIndexDisabled:p}=r(),m=p(i),h=e(()=>i<d?`body_short`:`body_short_bold`,[d,i]),g=e(()=>i>d||m?s.interactive.disabled__text.rgba:s.text.static_icons__default.rgba,[d,i,m]),_=()=>{i<d&&!m&&f(i)};return n(u,{"data-testid":`step`,$clickable:i<d,onClick:_,$disabled:m,"aria-disabled":m,role:`button`,children:[t(l,{index:i,disabled:m}),(!a||d===i)&&t(o,{variant:h,color:g,children:c})]})};export{d as Step};

package/dist/molecules/Stepper/StepLine.js

@@ -1,7 +1,7 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useMemo as t}from"react";import n from"styled-components";import{jsx as r}from"react/jsx-runtime";const{colors:i}=e,a=n.hr`
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useMemo as t}from"react";import{jsx as n}from"react/jsx-runtime";import r from"styled-components";const{colors:i}=e,a=r.hr`
   height: 1px;
   width: 100%;
   background: ${e=>e.$background};
   border: none;
   margin: 0;
-`,o=({done:e})=>{let n=t(()=>e?i.interactive.primary__resting.rgba:i.interactive.disabled__text.rgba,[e]);return r(a,{$background:n})};export{o as StepLine};
+`,o=({done:e})=>{let r=t(()=>e?i.interactive.primary__resting.rgba:i.interactive.disabled__text.rgba,[e]);return n(a,{$background:r})};export{o as StepLine};

package/dist/molecules/Stepper/Stepper.js

@@ -1,14 +1,14 @@
-import{spacings as e}from"../../atoms/style/spacings.js";import{useStepper as t}from"../../providers/StepperProvider.js";import n from"./Step/Step.js";import{StepLine as r}from"./StepLine.js";import{SubTitle as i}from"./SubTitle/SubTitle.js";import{useMemo as a}from"react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
+import{Step as e}from"./Step/Step.js";import{StepLine as t}from"./StepLine.js";import{useMemo as n}from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useStepper as a}from"src/providers/StepperProvider";import o from"styled-components";import{spacings as s}from"src/atoms/style";import{SubTitle as c}from"src/molecules/Stepper/SubTitle/SubTitle";const l=o.div`
   display: flex;
   flex-direction: column;
-  gap: ${e.xx_large};
+  gap: ${s.xx_large};
 `,u=o.div`
   display: grid;
   grid-template-columns:
     repeat(${({$stepAmount:e})=>e-1}, auto 1fr)
     auto;
-  grid-gap: ${e.small};
+  grid-gap: ${s.small};
   align-items: center;
   width: 100%;
   ${({$maxWidth:e})=>e&&`max-width: ${e}`}
-`,d=({onlyShowCurrentStepLabel:e=!1,maxWidth:o})=>{let{steps:d,currentStep:f}=t(),p=a(()=>{let t=[];return d.forEach((i,a)=>{t.push(s(n,{index:a,onlyShowCurrentStepLabel:e,children:i.label},`step-${a}`)),a!==d.length-1&&t.push(s(r,{done:f>a},`step-line-${a}`))}),t},[f,e,d]);return c(l,{children:[s(u,{$stepAmount:d.length,$maxWidth:o,"data-testid":`stepper-container`,children:p}),s(i,{})]})};export{d as Stepper};
+`,d=({onlyShowCurrentStepLabel:o=!1,maxWidth:s})=>{let{steps:d,currentStep:f}=a(),p=n(()=>{let n=[];return d.forEach((i,a)=>{n.push(r(e,{index:a,onlyShowCurrentStepLabel:o,children:i.label},`step-${a}`)),a!==d.length-1&&n.push(r(t,{done:f>a},`step-line-${a}`))}),n},[f,o,d]);return i(l,{children:[r(u,{$stepAmount:d.length,$maxWidth:s,"data-testid":`stepper-container`,children:p}),r(c,{})]})};export{d as Stepper};

package/dist/molecules/Tabs/Tab.js

@@ -1 +1 @@
-import{ActiveLine as e,Button as t,Count as n,Line as r}from"./Tab.styles.js";import{Icon as i,Typography as a}from"@equinor/eds-core-react";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";function l({value:l,label:u,selectedIndex:d,index:f,onChange:p,onHover:m,centered:h,animated:g,disabled:_,leadingIcon:v,count:y}){let b=()=>{p(l)},x=()=>{m&&m(l)};return c(t,{role:`tab`,"aria-selected":d===f,onClick:b,onMouseEnter:x,$centered:h,disabled:_,children:[v?s(i,{data:v,size:24}):null,s(a,{as:`label`,variant:`menu_tabs`,group:`navigation`,children:u}),y===void 0?null:s(n,{className:`count`,children:s(a,{as:`span`,variant:`breadcrumb`,group:`navigation`,children:y})}),g?c(o,{children:[s(r,{className:`static-line`}),s(e,{animate:{left:`${(d-f)*100}%`}})]}):s(r,{className:`static-line`,$active:d===f})]})}export{l as Tab};
+import{ActiveLine as e,Button as t,Count as n,Line as r}from"./Tab.styles.js";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{Icon as s,Typography as c}from"@equinor/eds-core-react";function l({value:l,label:u,selectedIndex:d,index:f,onChange:p,onHover:m,centered:h,animated:g,disabled:_,leadingIcon:v,count:y}){let b=()=>{p(l)},x=()=>{m&&m(l)};return o(t,{role:`tab`,"aria-selected":d===f,onClick:b,onMouseEnter:x,$centered:h,disabled:_,children:[v?a(s,{data:v,size:24}):null,a(c,{as:`label`,variant:`menu_tabs`,group:`navigation`,children:u}),y===void 0?null:a(n,{className:`count`,children:a(c,{as:`span`,variant:`breadcrumb`,group:`navigation`,children:y})}),g?o(i,{children:[a(r,{className:`static-line`}),a(e,{animate:{left:`${(d-f)*100}%`}})]}):a(r,{className:`static-line`,$active:d===f})]})}export{l as Tab};

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

@@ -1,10 +1,10 @@
-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 e from"styled-components";import{colors as t,shape as n,spacings as r}from"src/atoms/style";import{motion as i}from"framer-motion";const a=e.button`
   position: relative;
-  padding: ${t.medium};
+  padding: ${r.medium};
   display: flex;
   align-items: center;
   justify-content: ${({$centered:e})=>e?`center`:`flex-start`};
-  gap: ${t.small};
+  gap: ${r.small};
   width: auto;
   flex-grow: 1;
   height: 48px;
@@ -12,7 +12,7 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   cursor: pointer;
 
   > svg {
-    fill: ${e.text.static_icons__tertiary.rgba};
+    fill: ${t.text.static_icons__tertiary.rgba};
   }
 
   > label {
@@ -20,33 +20,33 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
     pointer-events: none;
     display: block;
     height: 16px;
-    color: ${e.text.static_icons__tertiary.rgba};
+    color: ${t.text.static_icons__tertiary.rgba};
   }
 
   &[aria-selected='true'] {
     > svg {
-      fill: ${e.interactive.primary__resting.rgba};
+      fill: ${t.interactive.primary__resting.rgba};
     }
 
     > label {
-      color: ${e.interactive.primary__resting.rgba};
+      color: ${t.interactive.primary__resting.rgba};
     }
   }
 
   &:hover:not(:disabled) {
-    background: ${e.interactive.primary__hover_alt.rgba};
+    background: ${t.interactive.primary__hover_alt.rgba};
 
     &[aria-selected='true'] {
       > svg {
-        fill: ${e.interactive.primary__hover.rgba};
+        fill: ${t.interactive.primary__hover.rgba};
       }
 
       > label {
-        color: ${e.interactive.primary__hover.rgba};
+        color: ${t.interactive.primary__hover.rgba};
       }
 
       > span:not(.count):last-child {
-        background: ${e.interactive.primary__hover.rgba};
+        background: ${t.interactive.primary__hover.rgba};
       }
     }
   }
@@ -55,36 +55,36 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
     cursor: not-allowed;
 
     > svg {
-      fill: ${e.interactive.disabled__fill.rgba};
+      fill: ${t.interactive.disabled__fill.rgba};
     }
 
     > label {
-      color: ${e.interactive.disabled__text.rgba};
+      color: ${t.interactive.disabled__text.rgba};
     }
 
     > span.static-line {
-      background: ${e.ui.background__medium.rgba};
+      background: ${t.ui.background__medium.rgba};
     }
   }
-`,o=r.span`
+`,o=e.span`
   position: absolute;
   height: 2px;
   width: 100%;
   bottom: 0;
   left: 0;
-  background: ${({$active:t})=>t?e.interactive.primary__resting.rgba:e.ui.background__heavy.rgba};
-`,s=r(i.span)`
+  background: ${({$active:e})=>e?t.interactive.primary__resting.rgba:t.ui.background__heavy.rgba};
+`,s=e(i.span)`
   position: absolute;
   height: 2px;
   width: 100%;
   bottom: 0;
-  background: ${e.interactive.primary__resting.rgba};
-`,c=r.span`
+  background: ${t.interactive.primary__resting.rgba};
+`,c=e.span`
   display: flex;
-  padding: ${t.x_small} ${t.small};
-  background: ${e.interactive.primary__resting.rgba};
+  padding: ${r.x_small} ${r.small};
+  background: ${t.interactive.primary__resting.rgba};
   border-radius: ${n.rounded.borderRadius};
   > span {
-    color: ${e.text.static_icons__primary_white.rgba};
+    color: ${t.text.static_icons__primary_white.rgba};
   }
 `;export{s as ActiveLine,a as Button,c as Count,o as Line};

package/dist/molecules/Tabs/Tabs.js

@@ -1,7 +1,7 @@
-import{spacings as e}from"../../atoms/style/spacings.js";import{Tab as t}from"./Tab.js";import{useEffect as n,useRef as r,useState as i}from"react";import{Button as a,Icon as o}from"@equinor/eds-core-react";import s from"styled-components";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{chevron_left as d,chevron_right as f}from"@equinor/eds-icons";const p=s.div`
+import{Tab as e}from"./Tab.js";import{useEffect as t,useRef as n,useState as r}from"react";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{chevron_left as s,chevron_right as c}from"@equinor/eds-icons";import l from"styled-components";import{Button as u,Icon as d}from"@equinor/eds-core-react";import{spacings as f}from"src/atoms/style";const p=l.div`
   display: flex;
   align-items: center;
-  gap: ${e.small};
+  gap: ${f.small};
   > button {
     flex-shrink: 0;
 
@@ -9,10 +9,10 @@ import{spacings as e}from"../../atoms/style/spacings.js";import{Tab as t}from"./
       order: 2;
     }
   }
-`,m=s.div`
+`,m=l.div`
   display: flex;
   width: 100%;
   align-items: center;
   overflow: hidden;
   order: 1;
-`;function h({options:e,selected:s,centered:h=!0,animated:g=!0,scrollable:_=!0,amountPerScrollPage:v,onChange:y,onHover:b,ref:x,...S}){let C=r(null),[w,T]=i(!1),[E,D]=i(0),[O,k]=i(!0),[A,j]=i(!0);if(v!==void 0&&v<=0)throw Error(`[ACL - Tabs]: Amount per scroll page must be greater than 0`);if(v!==void 0&&!_)throw Error(`[ACL - Tabs]: amountPerScrollPage was set but scrollable is false!`);let M=e.findIndex(e=>e.value===s);n(()=>{if(!_||!C.current){w&&T(!1);return}let e=new ResizeObserver(([e])=>{let t=e.target;D(Math.round(e.borderBoxSize[0].inlineSize)),T(t.scrollWidth>t.clientWidth),t.scrollTo(0,0)});return e.observe(C.current,{box:`border-box`}),k(!0),j(!1),()=>{e.disconnect()}},[_,w]);let N=e=>()=>{if(!C.current||!E)return;let t=C.current.scrollLeft;e===`left`?(t-=E,t=Math.max(0,t)):(t+=E,t=Math.min(t,C.current.scrollWidth)),C.current.scrollTo({top:0,left:t,behavior:`smooth`}),k(t<=0),j(t+E>=C.current.scrollWidth)};return u(p,{...S,ref:x,children:[l(m,{ref:C,style:v&&w?{display:`grid`,gridTemplateColumns:`repeat(${e.length}, ${E/v}px)`}:void 0,children:e.map((e,n)=>l(t,{selectedIndex:M,index:n,onChange:y,onHover:b,centered:h,animated:g,...e},e.label))}),w?u(c,{children:[l(a,{"aria-label":`Scroll tabs left`,variant:`ghost_icon`,disabled:O,onClick:N(`left`),children:l(o,{data:d})}),l(a,{"aria-label":`Scroll tabs right`,variant:`ghost_icon`,disabled:A,onClick:N(`right`),children:l(o,{data:f})})]}):null]})}export{h as Tabs};
+`;function h({options:l,selected:f,centered:h=!0,animated:g=!0,scrollable:_=!0,amountPerScrollPage:v,onChange:y,onHover:b,ref:x,...S}){let C=n(null),[w,T]=r(!1),[E,D]=r(0),[O,k]=r(!0),[A,j]=r(!0);if(v!==void 0&&v<=0)throw Error(`[ACL - Tabs]: Amount per scroll page must be greater than 0`);if(v!==void 0&&!_)throw Error(`[ACL - Tabs]: amountPerScrollPage was set but scrollable is false!`);let M=l.findIndex(e=>e.value===f);t(()=>{if(!_||!C.current){w&&T(!1);return}let e=new ResizeObserver(([e])=>{let t=e.target;D(Math.round(e.borderBoxSize[0].inlineSize)),T(t.scrollWidth>t.clientWidth),t.scrollTo(0,0)});return e.observe(C.current,{box:`border-box`}),k(!0),j(!1),()=>{e.disconnect()}},[_,w]);let N=e=>()=>{if(!C.current||!E)return;let t=C.current.scrollLeft;e===`left`?(t-=E,t=Math.max(0,t)):(t+=E,t=Math.min(t,C.current.scrollWidth)),C.current.scrollTo({top:0,left:t,behavior:`smooth`}),k(t<=0),j(t+E>=C.current.scrollWidth)};return o(p,{...S,ref:x,children:[a(m,{ref:C,style:v&&w?{display:`grid`,gridTemplateColumns:`repeat(${l.length}, ${E/v}px)`}:void 0,children:l.map((t,n)=>a(e,{selectedIndex:M,index:n,onChange:y,onHover:b,centered:h,animated:g,...t},t.label))}),w?o(i,{children:[a(u,{"aria-label":`Scroll tabs left`,variant:`ghost_icon`,disabled:O,onClick:N(`left`),children:a(d,{data:s})}),a(u,{"aria-label":`Scroll tabs right`,variant:`ghost_icon`,disabled:A,onClick:N(`right`),children:a(d,{data:c})})]}):null]})}export{h as Tabs};

package/dist/molecules/Tabs/Tabs.types.d.ts

@@ -19,4 +19,4 @@ interface Tabs<T> {
   animated?: boolean;
 }
 //#endregion
-export { Tabs };
+export { Tab, Tabs };

package/dist/molecules/index.d.ts

@@ -16,6 +16,8 @@ import { FileProgressProps } from "./FileProgress/FileProgress.types.js";
 import { FileProgress, FileProgressPropsExtension } from "./FileProgress/FileProgress.js";
 import { FileUploadArea, FileUploadAreaProps } from "./FileUploadArea/FileUploadArea.js";
 import { FullPageSpinner, FullPageSpinnerProps } from "./FullPageSpinner/FullPageSpinner.js";
+import { IconCellColors, IconCellStates, IconCellVariants } from "./IconCell/IconCell.types.js";
+import { IconCell, IconCellProps } from "./IconCell/IconCell.js";
 import { InfoElement, InfoElementProps } from "./InfoElement/InfoElement.js";
 import { OptionalTooltip, OptionalTooltipProps } from "./OptionalTooltip/OptionalTooltip.js";
 import { ProfileAvatar, ProfileAvatarProps } from "./ProfileAvatar/ProfileAvatar.js";
@@ -23,12 +25,10 @@ import { RichTextDisplay, RichTextDisplayProps } from "./RichTextDisplay/RichTex
 import { AmplifyBar, EditorMenu, EditorText } from "./RichTextEditor/MenuBar/MenuBar.js";
 import { RichTextEditor, RichTextEditorProps } from "./RichTextEditor/RichTextEditor.js";
 import { RichText } from "./RichTextEditor/index.js";
+import { Tab } from "./Tabs/Tabs.types.js";
 import { Tabs, TabsProps } from "./Tabs/Tabs.js";
 import { TableMenuBar, TextTable } from "./RichTextEditor/MenuBar/Table/TableBar.js";
 import { Search as Search$1 } from "./Search/Search.js";
-import { SieveFilterGroup } from "./Sieve/Filter.js";
-import { FilterValues, SieveOption, SieveProps, SieveValue } from "./Sieve/Sieve.types.js";
-import { Sieve } from "./Sieve/Sieve.js";
 import { SingleFilterMenu, SingleFilterMenuProps } from "./SingleFilterMenu/SingleFilterMenu.js";
 import { SkeletonBase, SkeletonBaseProps, skeletonBaseloading } from "./Skeleton/SkeletonBase/SkeletonBase.js";
 import { SkeletonGradient, SkeletonGradientProps } from "./Skeleton/SkeletonGradient/SkeletonGradient.js";
@@ -44,5 +44,5 @@ import { Checkbox as Checkbox$1, CheckboxProps as CheckboxProps$1 } from "./Sele
 import { Radio as Radio$1, RadioProps as RadioProps$1 } from "./SelectionControls/Radio/Radio.js";
 import { Switch as Switch$1, SwitchProps as SwitchProps$1 } from "./SelectionControls/Switch/Switch.js";
 import { Waves } from "./Waves/Waves.js";
-import { Accordion, AccordionHeaderActionsProps, AccordionHeaderProps, AccordionHeaderTitleProps, AccordionItemProps, AccordionPanelProps, AccordionProps, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, CircularProgress as CircularProgress$1, CircularProgressProps, Dialog as EDSDialog, DialogProps as EDSDialogProps, Divider as Divider$1, DividerProps, DotProgress as DotProgress$1, DotProgressProps, Icon as Icon$1, IconProps, LinearProgress as LinearProgress$1, LinearProgressProps, Menu as Menu$1, MenuProps, SearchProps as SearchProps$1, TextField as TextField$1, TextFieldProps, Typography as Typography$1, TypographyProps } from "@equinor/eds-core-react";
-export { Accordion, type AccordionHeaderActionsProps, type AccordionHeaderProps, type AccordionHeaderTitleProps, type AccordionItemProps, type AccordionPanelProps, type AccordionProps, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, CircularProgress$1 as CircularProgress, type CircularProgressProps, Divider$1 as Divider, type DividerProps, DotProgress$1 as DotProgress, type DotProgressProps, EDSDialog, type EDSDialogProps, Icon$1 as Icon, type IconProps, LinearProgress$1 as LinearProgress, type LinearProgressProps, Menu$1 as Menu, type MenuProps, type SearchProps$1 as SearchProps, TextField$1 as TextField, type TextFieldProps, Typography$1 as Typography, type TypographyProps };
+import { Accordion, AccordionHeaderActionsProps, AccordionHeaderProps, AccordionHeaderTitleProps, AccordionItemProps, AccordionPanelProps, AccordionProps, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, CircularProgress as CircularProgress$1, CircularProgressProps, Dialog as EDSDialog, DialogProps as EDSDialogProps, Divider as Divider$1, DividerProps, DotProgress as DotProgress$1, DotProgressProps, Icon as Icon$1, IconProps, LinearProgress as LinearProgress$1, LinearProgressProps, Menu as Menu$1, MenuProps, SearchProps as SearchProps$1, TextField, TextFieldProps, Typography as Typography$1, TypographyProps } from "@equinor/eds-core-react";
+export { Accordion, type AccordionHeaderActionsProps, type AccordionHeaderProps, type AccordionHeaderTitleProps, type AccordionItemProps, type AccordionPanelProps, type AccordionProps, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, CircularProgress$1 as CircularProgress, type CircularProgressProps, Divider$1 as Divider, type DividerProps, DotProgress$1 as DotProgress, type DotProgressProps, EDSDialog, type EDSDialogProps, Icon$1 as Icon, type IconProps, LinearProgress$1 as LinearProgress, type LinearProgressProps, Menu$1 as Menu, type MenuProps, type SearchProps$1 as SearchProps, TextField, type TextFieldProps, Typography$1 as Typography, type TypographyProps };

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

package/dist/organisms/DataGrid/DataGrid.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import n from"styled-components";import{jsx as r}from"react/jsx-runtime";import{EdsDataGrid as i}from"@equinor/eds-data-grid-react";const a=n.div`
+import{jsx as e}from"react/jsx-runtime";import t from"styled-components";import{colors as n,spacings as r}from"src/atoms/style";import{EdsDataGrid as i}from"@equinor/eds-data-grid-react";const a=t.div`
   table,
   thead,
   th {
@@ -12,24 +12,24 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
     border: none;
   }
   th {
-    color: ${e.text.static_icons__default.rgba};
+    color: ${n.text.static_icons__default.rgba};
     > div {
       justify-content: space-between;
       > svg {
         height: 18px;
         width: 18px;
-        fill: ${e.interactive.primary__resting.rgba};
+        fill: ${n.interactive.primary__resting.rgba};
       }
     }
   }
   th,
   td {
-    padding: ${t.medium_small} ${t.small};
+    padding: ${r.medium_small} ${r.small};
   }
   tr:hover,
   th:hover,
   th:has(svg) {
-    background: ${e.interactive.primary__hover_alt.rgba};
+    background: ${n.interactive.primary__hover_alt.rgba};
   }
   ${({$enableSorting:e})=>!e&&`
     cursor: default;
@@ -38,4 +38,4 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
       cursor: default;
     }
     `}
-`,o=e=>r(a,{$enableSorting:e.enableSorting??!1,"data-testid":`table-wrapper`,children:r(i,{...e})});export{o as DataGrid};
+`,o=t=>e(a,{$enableSorting:t.enableSorting??!1,"data-testid":`table-wrapper`,children:e(i,{...t})});export{o as DataGrid};

package/dist/organisms/Faq/Faq.js

@@ -1 +1 @@
-import{Status as e}from"../Status/index.js";import{useSearchParameter as t}from"../../atoms/hooks/useSearchParameter.js";import{useFaqsInApplication as n}from"../../atoms/hooks/useFaqsInApplication.js";import{Container as r}from"./Faq.styles.js";import{Header as i}from"./Header.js";import{Category as a}from"./Category/Category.js";import{CategorySkeleton as o}from"./CategorySkeleton.js";import{useMemo 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}=n(),[m]=t({key:`category`}),h=s(()=>{if(!f)return;if(!m)return f;let e=f.find(e=>e.id==Number(m));return[e]},[f,m]);return d(r,{children:[u(c,{variant:`h1`,bold:!0,children:`FAQ`}),u(i,{}),h&&h.length>0?h.map(e=>u(a,{...e},e.id)):p?d(l,{children:[u(o,{}),u(o,{}),u(o,{})]}):u(e,{center:!1,children:u(e.Title,{title:`No FAQs available yet`})})]})};export{f as Faq};
+import{Container as e}from"./Faq.styles.js";import{Header as t}from"./Header.js";import{useMemo as n,useState as r}from"react";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{Typography as s}from"@equinor/eds-core-react";import{Status as c}from"src/organisms/Status";import{useFaqsInApplication as l}from"src/atoms/hooks/useFaqsInApplication";import{Category as u}from"src/organisms/Faq/Category/Category";import{CategorySkeleton as d}from"src/organisms/Faq/CategorySkeleton";const f=()=>{let{data:f,isLoading:p}=l(),[m,h]=r(void 0),g=n(()=>{if(!f)return;if(!m)return f;let e=f.find(e=>e.id==Number(m));return[e]},[f,m]);return o(e,{children:[a(s,{variant:`h1`,bold:!0,children:`FAQ`}),a(t,{selectedTab:m,setSelectedTab:h}),g&&g.length>0?g.map(e=>a(u,{...e,selectedTab:m},e.id)):p?o(i,{children:[a(d,{}),a(d,{}),a(d,{})]}):a(c,{center:!1,children:a(c.Title,{title:`No FAQs available yet`})})]})};export{f as Faq};

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

@@ -1,8 +1,8 @@
-import{spacings as e}from"../../atoms/style/spacings.js";import t from"styled-components";const n=t.div`
+import e from"styled-components";import{spacings as t}from"src/atoms/style";const n=e.div`
   display: flex;
   flex-direction: column;
-  gap: ${e.x_large};
-  margin: ${e.large} 0;
+  gap: ${t.x_large};
+  margin: ${t.large} 0;
   height: fit-content;
   width: 100%;
 `;export{n as Container};

package/dist/organisms/Faq/Header.js

@@ -1,14 +1,14 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{useSearchParameter as n}from"../../atoms/hooks/useSearchParameter.js";import{useFaqsInApplication as r}from"../../atoms/hooks/useFaqsInApplication.js";import{Tabs as i}from"../../molecules/Tabs/Tabs.js";import{useMemo as a}from"react";import{Search as o}from"@equinor/eds-core-react";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.div`
+import{useMemo as e,useState as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{Search as a}from"@equinor/eds-core-react";import{colors as o,spacings as s}from"src/atoms/style";import{useFaqsInApplication as c}from"src/atoms";import{Tabs as l}from"src/molecules/Tabs/Tabs";const u=i.div`
   position: sticky;
   top: 0;
   display: flex;
   flex-direction: column;
-  gap: ${t.medium};
-  background: ${e.ui.background__light.rgba};
-  padding: ${t.x_large} 0;
-  margin: calc(${t.x_large} * -1) 0;
+  gap: ${s.medium};
+  background: ${o.ui.background__light.rgba};
+  padding: ${s.x_large} 0;
+  margin: calc(${s.x_large} * -1) 0;
   z-index: 400;
   > div[role='search'] > div {
-    background: ${e.ui.background__default.rgba};
+    background: ${o.ui.background__default.rgba};
   }
-`,d=()=>{let{data:e}=r(),[t,s]=n({key:`category`}),[d,f]=n({key:`search`}),p=a(()=>e?[{value:`all`,label:`All categories`},...e.map(e=>({value:e.id.toString(),label:e.categoryName}))]:[{value:`all`,label:`All categories`}],[e]),m=e=>{f(e.target.value)},h=e=>{s(e===`all`?void 0:e)};return l(u,{children:[c(i,{style:{maxWidth:`100%`,width:`fit-content`},selected:t??`all`,onChange:h,options:p}),c(o,{value:d,onChange:m,placeholder:`Search for answer by keyword`})]})};export{d as Header};
+`,d=({setSelectedTab:i,selectedTab:o})=>{let{data:s}=c(),[d,f]=t(``),p=e(()=>s?[{value:`all`,label:`All categories`},...s.map(e=>({value:e.id.toString(),label:e.categoryName}))]:[{value:`all`,label:`All categories`}],[s]),m=e=>{f(e.target.value)},h=e=>{i(e===`all`?void 0:e)};return r(u,{children:[n(l,{style:{maxWidth:`100%`,width:`fit-content`},selected:o??`all`,onChange:h,options:p}),n(a,{value:d,onChange:m,placeholder:`Search for answer by keyword`})]})};export{d as Header};

package/dist/organisms/FieldSelector/ChangingField.js

@@ -1,5 +1,5 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{capitalize as n}from"../../atoms/utils/string.js";import{useFakeProgress as r}from"../../atoms/hooks/useFakeProgress.js";import{AnimatedCheckmark as i}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import a from"react";import{LinearProgress as o,Typography as s}from"@equinor/eds-core-react";import c from"styled-components";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=c.div`
-  gap: ${t.medium};
+import e from"react";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";import{capitalize as i}from"src/atoms/utils";import a from"styled-components";import{LinearProgress as o,Typography as s}from"@equinor/eds-core-react";import{colors as c,spacings as l}from"src/atoms/style";import{useFakeProgress as u}from"src/atoms/hooks";import{AnimatedCheckmark as d}from"src/molecules/AnimatedCheckmark/AnimatedCheckmark";const f=a.div`
+  gap: ${l.medium};
   position: absolute;
   top: 50%;
   left: 50%;
@@ -8,17 +8,17 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  min-height: calc(100vh - (${t.xxx_large} * 4));
+  min-height: calc(100vh - (${l.xxx_large} * 4));
   width: 100%;
   max-width: 370px;
-`,p=c(o)`
-  background-color: ${e.interactive.primary__hover_alt.rgba};
+`,p=a(o)`
+  background-color: ${c.interactive.primary__hover_alt.rgba};
 
   div {
-    background-color: ${e.interactive.primary__resting.rgba};
+    background-color: ${c.interactive.primary__resting.rgba};
   }
-`,m=c(s)`
+`,m=a(s)`
   span {
     text-transform: capitalize;
   }
-`,h=({fieldName:e,onChangedField:t,finishedText:a})=>{let{finished:o,progress:c}=r({onDone:t});return u(f,{children:o?d(l,{children:[d(m,{variant:`h3`,children:[`Changed to `,u(`span`,{children:n(e)})]}),u(i,{}),u(s,{variant:`h6`,children:a})]}):d(l,{children:[d(s,{variant:`h3`,children:[`Changing field.`,`.`.repeat(c/35)]}),u(p,{variant:`determinate`,value:c})]})})};export{h as ChangingField};
+`,h=({fieldName:e,onChangedField:a,finishedText:o})=>{let{finished:c,progress:l}=u({onDone:a});return n(f,{children:c?r(t,{children:[r(m,{variant:`h3`,children:[`Changed to `,n(`span`,{children:i(e)})]}),n(d,{}),n(s,{variant:`h6`,children:o})]}):r(t,{children:[r(s,{variant:`h3`,children:[`Changing field.`,`.`.repeat(l/35)]}),n(p,{variant:`determinate`,value:l})]})})};export{h as ChangingField};

package/dist/organisms/FieldSelector/FieldSelector.js

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