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

package/dist/molecules/ApplicationIcon/Icons/InPress.js

@@ -1 +1 @@
-import e from"../ApplicationIconBase.js";import{inPress as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-31,left:-17,rotation:343},{top:42,left:32,rotation:182}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`InPress`;export{a as InPress};
+import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"src/molecules/ApplicationIcon/ApplicationIconBase";import{inPress as r}from"src/molecules/ApplicationIcon/ApplicationIconCollection";const i=[{top:-31,left:-17,rotation:343},{top:42,left:32,rotation:182}],a=e((e,a)=>t(n,{ref:a,iconData:r,shapes:i,...e}));a.displayName=`InPress`;export{a as InPress};

package/dist/molecules/ApplicationIcon/Icons/JsEmbark.js

@@ -1 +1 @@
-import e from"../ApplicationIconBase.js";import{jsembark as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-16,left:-31,rotation:339},{top:52,left:-5,rotation:220}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`JsEmbark`;export{a as JsEmbark};
+import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"src/molecules/ApplicationIcon/ApplicationIconBase";import{jsembark as r}from"src/molecules/ApplicationIcon/ApplicationIconCollection";const i=[{top:-16,left:-31,rotation:339},{top:52,left:-5,rotation:220}],a=e((e,a)=>t(n,{ref:a,iconData:r,shapes:i,...e}));a.displayName=`JsEmbark`;export{a as JsEmbark};

package/dist/molecules/ApplicationIcon/Icons/LoggingQualification.js

@@ -1 +1 @@
-import e from"../ApplicationIconBase.js";import{loggingQualification as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-16,left:-17,rotation:343},{top:26,left:11,rotation:193}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`LoggingQualification`;export{a as LoggingQualification};
+import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"src/molecules/ApplicationIcon/ApplicationIconBase";import{loggingQualification as r}from"src/molecules/ApplicationIcon/ApplicationIconCollection";const i=[{top:-16,left:-17,rotation:343},{top:26,left:11,rotation:193}],a=e((e,a)=>t(n,{ref:a,iconData:r,shapes:i,...e}));a.displayName=`LoggingQualification`;export{a as LoggingQualification};

package/dist/molecules/ApplicationIcon/Icons/Orca.js

@@ -1 +1 @@
-import e from"../ApplicationIconBase.js";import{orca as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-16,left:-17,rotation:328},{top:26,left:11,rotation:193}],a=n((n,a)=>r(e,{iconData:t,shapes:i,ref:a,...n}));a.displayName=`Orca`;export{a as Orca};
+import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"src/molecules/ApplicationIcon/ApplicationIconBase";import{orca as r}from"src/molecules/ApplicationIcon/ApplicationIconCollection";const i=[{top:-16,left:-17,rotation:328},{top:26,left:11,rotation:193}],a=e((e,a)=>t(n,{iconData:r,shapes:i,ref:a,...e}));a.displayName=`Orca`;export{a as Orca};

package/dist/molecules/ApplicationIcon/Icons/Premo.js

@@ -1 +1 @@
-import e from"../ApplicationIconBase.js";import{premo as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-25,left:-5,rotation:25},{top:45,left:-11,rotation:15}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`Premo`;export{a as Premo};
+import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"src/molecules/ApplicationIcon/ApplicationIconBase";import{premo as r}from"src/molecules/ApplicationIcon/ApplicationIconCollection";const i=[{top:-25,left:-5,rotation:25},{top:45,left:-11,rotation:15}],a=e((e,a)=>t(n,{ref:a,iconData:r,shapes:i,...e}));a.displayName=`Premo`;export{a as Premo};

package/dist/molecules/ApplicationIcon/Icons/Pwex.js

@@ -1 +1 @@
-import e from"../ApplicationIconBase.js";import{pwex as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-18,left:-17,rotation:343},{top:26,left:11,rotation:193}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`Pwex`;export{a as Pwex};
+import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"src/molecules/ApplicationIcon/ApplicationIconBase";import{pwex as r}from"src/molecules/ApplicationIcon/ApplicationIconCollection";const i=[{top:-18,left:-17,rotation:343},{top:26,left:11,rotation:193}],a=e((e,a)=>t(n,{ref:a,iconData:r,shapes:i,...e}));a.displayName=`Pwex`;export{a as Pwex};

package/dist/molecules/ApplicationIcon/Icons/Recap.js

@@ -1 +1 @@
-import e from"../ApplicationIconBase.js";import{recap as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-16,left:-31,rotation:339},{top:52,left:-5,rotation:220}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`Recap`;export{a as Recap};
+import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"src/molecules/ApplicationIcon/ApplicationIconBase";import{recap as r}from"src/molecules/ApplicationIcon/ApplicationIconCollection";const i=[{top:-16,left:-31,rotation:339},{top:52,left:-5,rotation:220}],a=e((e,a)=>t(n,{ref:a,iconData:r,shapes:i,...e}));a.displayName=`Recap`;export{a as Recap};

package/dist/molecules/ApplicationIcon/Icons/SubsurfacePortal.js

@@ -1 +1 @@
-import e from"../ApplicationIconBase.js";import{subsurfacePortal as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-45,left:-5,rotation:25},{top:64,left:-5,rotation:5}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`Acquire`;export{a as SubsurfacePortal};
+import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"src/molecules/ApplicationIcon/ApplicationIconBase";import{subsurfacePortal as r}from"src/molecules/ApplicationIcon/ApplicationIconCollection";const i=[{top:-45,left:-5,rotation:25},{top:64,left:-5,rotation:5}],a=e((e,a)=>t(n,{ref:a,iconData:r,shapes:i,...e}));a.displayName=`Acquire`;export{a as SubsurfacePortal};

package/dist/molecules/Badge/Badge.js

@@ -1 +1 @@
-import{Container as e}from"./Badge.styles.js";import{Typography as t}from"@equinor/eds-core-react";import{jsx as n}from"react/jsx-runtime";const r=({value:r,variant:i=`default`})=>n(e,{"data-testid":`badge-container`,$variant:i,children:n(t,{as:`span`,variant:`label`,group:`navigation`,children:r})});export{r as Badge};
+import{jsx as e}from"react/jsx-runtime";import{Typography as t}from"@equinor/eds-core-react";import{Container as n}from"src/molecules/Badge/Badge.styles";const r=({value:r,variant:i=`default`})=>e(n,{"data-testid":`badge-container`,$variant:i,children:e(t,{as:`span`,variant:`label`,group:`navigation`,children:r})});export{r as Badge};

package/dist/molecules/Banner/Banner.js

@@ -1 +1 @@
-import{Container as e}from"./Banner.styles.js";import{getVariantIcon as t}from"./Banner.utils.js";import{Icon as n,Typography as r}from"@equinor/eds-core-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({variant:o,children:s})=>a(e,{$variant:o,children:[i(n,{data:t(o)}),typeof s==`string`?i(r,{variant:`body_long`,children:s}):s]});export{o as Banner};
+import{Container as e}from"./Banner.styles.js";import{getVariantIcon as t}from"./Banner.utils.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Icon as i,Typography as a}from"@equinor/eds-core-react";const o=({variant:o,children:s})=>r(e,{$variant:o,children:[n(i,{data:t(o)}),typeof s==`string`?n(a,{variant:`body_long`,children:s}):s]});export{o as Banner};

package/dist/molecules/Banner/Banner.styles.js

@@ -1,9 +1,9 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import n from"styled-components";const r={info:{background:e.interactive.secondary__highlight.rgba,fill:e.interactive.secondary__resting.rgba},warning:{background:e.interactive.warning__highlight.rgba,fill:e.interactive.warning__resting.rgba},danger:{background:e.interactive.danger__highlight.rgba,fill:e.interactive.danger__text.rgba}},i=n.div`
+import e from"styled-components";import{colors as t,spacings as n}from"src/atoms/style";const r={info:{background:t.interactive.secondary__highlight.rgba,fill:t.interactive.secondary__resting.rgba},warning:{background:t.interactive.warning__highlight.rgba,fill:t.interactive.warning__resting.rgba},danger:{background:t.interactive.danger__highlight.rgba,fill:t.interactive.danger__text.rgba}},i=e.div`
   display: grid;
   grid-template-columns: auto 1fr;
   background: ${({$variant:e})=>r[e].background};
-  gap: ${t.medium};
-  padding: ${t.medium_small};
+  gap: ${n.medium};
+  padding: ${n.medium_small};
 
   > svg {
     fill: ${({$variant:e})=>r[e].fill};

package/dist/molecules/Button/Button.js

@@ -1,7 +1,7 @@
-import{variantAndColorToProgressColor as e}from"./Button.utils.js";import{forwardRef as t}from"react";import{Button as n,CircularProgress as r,DotProgress as i}from"@equinor/eds-core-react";import a from"styled-components";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";const l=a.span`
+import{forwardRef as e}from"react";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{Button as a,CircularProgress as o,DotProgress as s}from"@equinor/eds-core-react";import{variantAndColorToProgressColor as c}from"src/molecules/Button/Button.utils";const l=i.span`
   opacity: 0;
   visibility: hidden;
-`,u=a.span`
+`,u=i.span`
   left: 0;
   position: absolute;
   width: 100%;
@@ -9,4 +9,4 @@ import{variantAndColorToProgressColor as e}from"./Button.utils.js";import{forwar
   display: flex;
   align-items: center;
   justify-content: center;
-`,d=t(({loading:t,variant:a,color:d,disabled:f=!1,onClick:p,...m},h)=>{let g=a?.includes(`icon`)?{width:`var(--eds_icon-button__size, 40px)`,height:`var(--eds_icon-button__size, 40px)`,...m.style}:m.style,_=t?!1:f;return s(n,{ref:h,variant:a,color:d,disabled:_,onClick:t?void 0:p,...m,style:g,children:t?c(o,{children:[s(l,{children:m.children}),s(u,{children:a&&a.includes(`icon`)?s(r,{size:16,color:e({variant:a,color:d})}):s(i,{color:e({variant:a,color:d})})})]}):m.children})});d.displayName=`Button`;const f=d;export{f as Button};
+`,d=e(({loading:e,variant:i,color:d,disabled:f=!1,onClick:p,...m},h)=>{let g=i?.includes(`icon`)?{width:`var(--eds_icon-button__size, 40px)`,height:`var(--eds_icon-button__size, 40px)`,...m.style}:m.style,_=e?!1:f;return n(a,{ref:h,variant:i,color:d,disabled:_,onClick:e?void 0:p,...m,style:g,children:e?r(t,{children:[n(l,{children:m.children}),n(u,{children:i&&i.includes(`icon`)?n(o,{size:16,color:c({variant:i,color:d})}):n(s,{color:c({variant:i,color:d})})})]}):m.children})});d.displayName=`Button`;const f=d;export{f as Button};

package/dist/molecules/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
-import * as react5 from "react";
+import * as react3 from "react";
 import { HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -25,6 +25,6 @@ type DeletableChipProps = BaseChipProps & InteractiveChipBase & {
   onDelete: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
 };
 type ChipProps = Omit<HTMLAttributes<HTMLDivElement | HTMLButtonElement>, 'onClick'> & (ReadOnlyChipProps | ClickableChipProps | DeletableChipProps);
-declare const Chip: react5.ForwardRefExoticComponent<ChipProps & react5.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
+declare const Chip: react3.ForwardRefExoticComponent<ChipProps & react3.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
 //#endregion
 export { BaseChipProps, Chip, ClickableChipProps, DeletableChipProps };

package/dist/molecules/Chip/Chip.js

@@ -1 +1 @@
-import{InteractiveChip as e}from"./InteractiveChip.js";import{ReadOnlyChip as t}from"./ReadOnlyChip.js";import{Children as n,Fragment as r,forwardRef as i,isValidElement as a,useMemo as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=i((i,c)=>{let{children:l}=i,u=o(()=>{let e=[];return n.map(l,(t,i)=>{if(a(t)){let o=t;o.type===r&&o.props.children?n.map(o.props.children,(t,n)=>{a(t)&&n===0?e.push(s(`div`,{className:`leading`,children:t},`${i}-${n}`)):typeof t==`string`||typeof t==`number`?e.push(s(`span`,{children:t},`${i}-${n}`)):e.push(t)}):i===0?e.push(s(`div`,{className:`leading`,children:o},i)):e.push(o)}else e.push(s(`span`,{children:t},i))}),e},[l]);return i.onClick!==void 0||i.onDelete!==void 0?s(e,{...i,ref:c,children:u}):s(t,{...i,ref:c,children:u})});c.displayName=`Chip`;export{c as Chip};
+import{Children as e,Fragment as t,forwardRef as n,isValidElement as r,useMemo as i}from"react";import{jsx as a}from"react/jsx-runtime";import{InteractiveChip as o}from"src/molecules/Chip/InteractiveChip";import{ReadOnlyChip as s}from"src/molecules/Chip/ReadOnlyChip";const c=n((n,c)=>{let{children:l}=n,u=i(()=>{let n=[];return e.map(l,(i,o)=>{if(r(i)){let s=i;s.type===t&&s.props.children?e.map(s.props.children,(e,t)=>{r(e)&&t===0?n.push(a(`div`,{className:`leading`,children:e},`${o}-${t}`)):typeof e==`string`||typeof e==`number`?n.push(a(`span`,{children:e},`${o}-${t}`)):n.push(e)}):o===0?n.push(a(`div`,{className:`leading`,children:s},o)):n.push(s)}else n.push(a(`span`,{children:i},o))}),n},[l]);return n.onClick!==void 0||n.onDelete!==void 0?a(o,{...n,ref:c,children:u}):a(s,{...n,ref:c,children:u})});c.displayName=`Chip`;export{c as Chip};

package/dist/molecules/ContentMenu/ContentMenu.js

@@ -1 +1 @@
-import{Container as e,ContentMenuChildItem as t,ContentMenuItem as n,ContentMenuItemSkeleton as r}from"./ContentMenu.styles.js";import{useCallback as i,useMemo as a,useState as o}from"react";import{Icon as s}from"@equinor/eds-core-react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{chevron_down as u,chevron_up as d}from"@equinor/eds-icons";const f=({items:f,value:p,onChange:m,isLoading:h=!1})=>{let[g,_]=o([]),v=i((e,t)=>{if(t){let t=g.findIndex(t=>t===e);_(t>=0?t=>t.filter(t=>t!==e):t=>[...t,e])}m(e)},[m,g]),y=a(()=>{let e=[];for(let r of f)if(e.push(l(n,{$active:p===r.value,onClick:()=>v(r.value,!!r.children),children:[r.children&&c(s,{data:g.includes(r.value)?d:u}),r.label]},`content-menu-item-${r.label}`)),r.children&&g.includes(r.value))for(let n of r.children)e.push(c(t,{$active:p===n.value,onClick:()=>v(n.value,!1),children:n.label},`content-menu-item-${n.label}`));return e},[v,f,g,p]);return h?c(e,{"data-testid":`content-menu-container`,children:[,,,,,].fill(0).map((e,t)=>c(r,{$offset:t*100},`content-menu-item-skeleton-${e+t}`))}):c(e,{"data-testid":`content-menu-container`,children:y})};export{f as ContentMenu};
+import{useCallback as e,useMemo as t,useState as n}from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{chevron_down as a,chevron_up as o}from"@equinor/eds-icons";import{Icon as s}from"@equinor/eds-core-react";import{Container as c,ContentMenuChildItem as l,ContentMenuItem as u,ContentMenuItemSkeleton as d}from"src/molecules/ContentMenu/ContentMenu.styles";const f=({items:f,value:p,onChange:m,isLoading:h=!1})=>{let[g,_]=n([]),v=e((e,t)=>{if(t){let t=g.findIndex(t=>t===e);_(t>=0?t=>t.filter(t=>t!==e):t=>[...t,e])}m(e)},[m,g]),y=t(()=>{let e=[];for(let t of f)if(e.push(i(u,{$active:p===t.value,onClick:()=>v(t.value,!!t.children),children:[t.children&&r(s,{data:g.includes(t.value)?o:a}),t.label]},`content-menu-item-${t.label}`)),t.children&&g.includes(t.value))for(let n of t.children)e.push(r(l,{$active:p===n.value,onClick:()=>v(n.value,!1),children:n.label},`content-menu-item-${n.label}`));return e},[v,f,g,p]);return h?r(c,{"data-testid":`content-menu-container`,children:[,,,,,].fill(0).map((e,t)=>r(d,{$offset:t*100},`content-menu-item-skeleton-${e+t}`))}):r(c,{"data-testid":`content-menu-container`,children:y})};export{f as ContentMenu};

package/dist/molecules/DatePicker/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import { Variants } from "../../atoms/types/variants.js";
-import * as react9 from "react";
+import * as react7 from "react";
 import { DatePickerProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/DatePicker/DatePicker.d.ts
@@ -8,10 +8,10 @@ type DatePickerProps$1 = Omit<DatePickerProps, 'variant'> & {
   meta?: string;
   loading?: boolean;
 };
-declare const DatePicker$1: react9.ForwardRefExoticComponent<Omit<DatePickerProps, "variant"> & {
+declare const DatePicker$1: react7.ForwardRefExoticComponent<Omit<DatePickerProps, "variant"> & {
   variant?: Variants;
   meta?: string;
   loading?: boolean;
-} & react9.RefAttributes<HTMLDivElement>>;
+} & react7.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DatePicker$1 as DatePicker, DatePickerProps$1 as DatePickerProps };

package/dist/molecules/DatePicker/DatePicker.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{getSkeletonHeight as t,getSkeletonTop as n}from"../../atoms/utils/skeleton.js";import{DatePickerWrapper as r}from"./DatePicker.styles.js";import{SkeletonField as i}from"../Skeleton/SkeletonField.js";import{forwardRef as a,useRef as o}from"react";import{DatePicker as s,Icon as c,Typography as l}from"@equinor/eds-core-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{calendar as f}from"@equinor/eds-icons";const p=a((a,p)=>{let m=a.locale??`en-GB`,h=a.formatOptions===void 0?{day:`2-digit`,month:`2-digit`,year:`numeric`}:a.formatOptions,g={...a,variant:a.variant===`dirty`?void 0:a.variant,loading:void 0},_=n(a),v=t({label:a.label,helperText:a.helperProps?.text,helperIcon:a.helperProps?.icon}),y=o(`${Math.max(40,Math.random()*80)}%`),b=a.loading||a.disabled;return d(r,{$variant:a.variant,$loading:a.loading,children:[u(s,{...g,ref:p,locale:m,formatOptions:h,disabled:b}),a.meta&&u(l,{variant:`helper`,group:`input`,children:a.meta}),a.loading&&u(i,{role:`progressbar`,style:{width:y.current,height:v,top:_}}),b&&u(c,{style:{top:_},data:f,size:24,color:e.interactive.disabled__fill.rgba})]})});p.displayName=`DatePicker`;export{p as DatePicker};
+import{forwardRef as e,useRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{calendar as i}from"@equinor/eds-icons";import{DatePicker as a,Icon as o,Typography as s}from"@equinor/eds-core-react";import{colors as c}from"src/atoms/style";import{getSkeletonHeight as l,getSkeletonTop as u}from"src/atoms/utils/skeleton";import{DatePickerWrapper as d}from"src/molecules/DatePicker/DatePicker.styles";import{SkeletonField as f}from"src/molecules/Skeleton/SkeletonField";const p=e((e,p)=>{let m=e.locale??`en-GB`,h=e.formatOptions===void 0?{day:`2-digit`,month:`2-digit`,year:`numeric`}:e.formatOptions,g={...e,variant:e.variant===`dirty`?void 0:e.variant,loading:void 0},_=u(e),v=l({label:e.label,helperText:e.helperProps?.text,helperIcon:e.helperProps?.icon}),y=t(`${Math.max(40,Math.random()*80)}%`),b=e.loading||e.disabled;return r(d,{$variant:e.variant,$loading:e.loading,children:[n(a,{...g,ref:p,locale:m,formatOptions:h,disabled:b}),e.meta&&n(s,{variant:`helper`,group:`input`,children:e.meta}),e.loading&&n(f,{role:`progressbar`,style:{width:y.current,height:v,top:_}}),b&&n(o,{style:{top:_},data:i,size:24,color:c.interactive.disabled__fill.rgba})]})});p.displayName=`DatePicker`;export{p as DatePicker};

package/dist/molecules/DateRangePicker/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import { Variants } from "../../atoms/types/variants.js";
-import * as react7 from "react";
+import * as react5 from "react";
 import { DateRangePickerProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/DateRangePicker/DateRangePicker.d.ts
@@ -8,10 +8,10 @@ type DateRangePickerProps$1 = Omit<DateRangePickerProps, 'variant'> & {
   meta?: string;
   loading?: boolean;
 };
-declare const DateRangePicker$1: react7.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
+declare const DateRangePicker$1: react5.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
   variant?: Variants;
   meta?: string;
   loading?: boolean;
-} & react7.RefAttributes<HTMLDivElement>>;
+} & react5.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DateRangePicker$1 as DateRangePicker, DateRangePickerProps$1 as DateRangePickerProps };

package/dist/molecules/DateRangePicker/DateRangePicker.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{getSkeletonHeight as t,getSkeletonTop as n}from"../../atoms/utils/skeleton.js";import{DatePickerWrapper as r}from"../DatePicker/DatePicker.styles.js";import{SkeletonField as i}from"../Skeleton/SkeletonField.js";import{forwardRef as a,useRef as o}from"react";import{DateRangePicker as s,Icon as c,Typography as l}from"@equinor/eds-core-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{calendar_date_range as f}from"@equinor/eds-icons";const p=a((a,p)=>{let m=a.locale??`en-GB`,h=a.formatOptions===void 0?{day:`2-digit`,month:`2-digit`,year:`numeric`}:a.formatOptions,g={...a,variant:a.variant===`dirty`?void 0:a.variant,loading:void 0},_=n(a),v=t({label:a.label,helperText:a.helperProps?.text,helperIcon:a.helperProps?.icon}),y=o(`${Math.max(40,Math.random()*80)}%`),b=a.disabled||a.loading;return d(r,{$variant:a.variant,$loading:a.loading,children:[u(s,{...g,ref:p,locale:m,formatOptions:h,disabled:b}),a.meta&&u(l,{variant:`helper`,group:`input`,children:a.meta}),a.loading&&u(i,{role:`progressbar`,style:{width:y.current,height:v,top:_}}),b&&u(c,{style:{top:_},data:f,size:24,color:e.interactive.disabled__fill.rgba})]})});p.displayName=`DateRangePicker`;export{p as DateRangePicker};
+import{forwardRef as e,useRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{calendar_date_range as i}from"@equinor/eds-icons";import{DateRangePicker as a,Icon as o,Typography as s}from"@equinor/eds-core-react";import{colors as c}from"src/atoms/style";import{getSkeletonHeight as l,getSkeletonTop as u}from"src/atoms/utils/skeleton";import{DatePickerWrapper as d}from"src/molecules/DatePicker/DatePicker.styles";import{SkeletonField as f}from"src/molecules/Skeleton/SkeletonField";const p=e((e,p)=>{let m=e.locale??`en-GB`,h=e.formatOptions===void 0?{day:`2-digit`,month:`2-digit`,year:`numeric`}:e.formatOptions,g={...e,variant:e.variant===`dirty`?void 0:e.variant,loading:void 0},_=u(e),v=l({label:e.label,helperText:e.helperProps?.text,helperIcon:e.helperProps?.icon}),y=t(`${Math.max(40,Math.random()*80)}%`),b=e.disabled||e.loading;return r(d,{$variant:e.variant,$loading:e.loading,children:[n(a,{...g,ref:p,locale:m,formatOptions:h,disabled:b}),e.meta&&n(s,{variant:`helper`,group:`input`,children:e.meta}),e.loading&&n(f,{role:`progressbar`,style:{width:y.current,height:v,top:_}}),b&&n(o,{style:{top:_},data:i,size:24,color:c.interactive.disabled__fill.rgba})]})});p.displayName=`DateRangePicker`;export{p as DateRangePicker};

package/dist/molecules/Dialog/Dialog.d.ts

@@ -1,7 +1,7 @@
-import * as react11 from "react";
+import * as react9 from "react";
 import { ReactNode } from "react";
-import { ButtonProps, DialogProps } from "@equinor/eds-core-react";
 import { IconData } from "@equinor/eds-icons";
+import { ButtonProps, DialogProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/Dialog/Dialog.d.ts
 
@@ -51,6 +51,6 @@ interface DialogProps$1 extends Omit<DialogProps, 'title'> {
  * @param additionalInfo - Defaults to empty, and won't show the additional info button
  * Also inherits props from EDS dialog
  */
-declare const Dialog$1: react11.ForwardRefExoticComponent<DialogProps$1 & react11.RefAttributes<HTMLDivElement>>;
+declare const Dialog$1: react9.ForwardRefExoticComponent<DialogProps$1 & react9.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Dialog$1 as Dialog, DialogAction, DialogProps$1 as DialogProps };

package/dist/molecules/Dialog/Dialog.js

@@ -1 +1 @@
-import{AdditionalInfoBanner as e,DialogActions as t,DialogContent as n,DialogElement as r,DialogTitle as i,InfoIconWrapper as a}from"./Dialog.styles.js";import{DialogAction as o}from"./DialogAction.js";import{forwardRef as s,useState as c}from"react";import{Button as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{close as m,info_circle as h}from"@equinor/eds-icons";const g=s(({title:s,children:g,width:_,actions:v,withContentPadding:y,withBorders:b=!1,contentMaxHeight:x=`60vh`,hideClose:S,additionalInfo:C,...w},T)=>{let{horizontal:E=!0,vertical:D=!0}=y??{},[O,k]=c(!1),A=v?.filter(e=>e.position===`left`),j=v?.filter(e=>e.position===`center`),M=v?.filter(e=>e.position===void 0||e.position===`right`),N=typeof s==`string`?f(d,{variant:`h6`,children:s}):s,P=typeof g==`string`?f(d,{variant:`body_long`,children:g}):g;return p(r,{...w,ref:T,style:{width:_?typeof _==`string`?_:`${_}px`:void 0,...w.style},children:[p(i,{$withBorders:b,style:{width:_?`${_}px`:void 0},children:[f(`section`,{children:N}),p(`div`,{children:[C&&f(l,{variant:`ghost_icon`,onClick:()=>k(e=>!e),"data-testid":`dialog-info-button`,children:f(u,{data:h})}),!S&&f(l,{variant:`ghost_icon`,onClick:w.onClose,"data-testid":`dialog-close-button`,children:f(u,{data:m,"data-testid":`dialog-close-icon`,size:24})})]})]}),p(n,{$withContentPaddingX:E,$withContentPaddingY:D,style:{width:_?`${_}px`:void 0,maxHeight:x},children:[O&&C&&p(e,{children:[f(a,{children:f(u,{data:h,size:24})}),C]}),P]}),v&&v.length>0&&p(t,{$withBorders:b,style:{width:_?`${_}px`:void 0},children:[A&&A.length>0&&f(`section`,{id:`dialog-actions-left`,children:A.map(e=>f(o,{...e},e.text))}),j&&j.length>0&&f(`section`,{id:`dialog-actions-center`,children:j.map(e=>f(o,{...e},e.text))}),M&&M.length>0&&f(`section`,{id:`dialog-actions-right`,children:M.map(e=>f(o,{...e},e.text))})]})]})});g.displayName=`Dialog`;export{g as Dialog};
+import{AdditionalInfoBanner as e,DialogActions as t,DialogContent as n,DialogElement as r,DialogTitle as i,InfoIconWrapper as a}from"./Dialog.styles.js";import{DialogAction as o}from"./DialogAction.js";import{forwardRef as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{close as d,info_circle as f}from"@equinor/eds-icons";import{Button as p,Icon as m,Typography as h}from"@equinor/eds-core-react";const g=s(({title:s,children:g,width:_,actions:v,withContentPadding:y,withBorders:b=!1,contentMaxHeight:x=`60vh`,hideClose:S,additionalInfo:C,...w},T)=>{let{horizontal:E=!0,vertical:D=!0}=y??{},[O,k]=c(!1),A=v?.filter(e=>e.position===`left`),j=v?.filter(e=>e.position===`center`),M=v?.filter(e=>e.position===void 0||e.position===`right`),N=typeof s==`string`?l(h,{variant:`h6`,children:s}):s,P=typeof g==`string`?l(h,{variant:`body_long`,children:g}):g;return u(r,{...w,ref:T,style:{width:_?typeof _==`string`?_:`${_}px`:void 0,...w.style},children:[u(i,{$withBorders:b,style:{width:_?`${_}px`:void 0},children:[l(`section`,{children:N}),u(`div`,{children:[C&&l(p,{variant:`ghost_icon`,onClick:()=>k(e=>!e),"data-testid":`dialog-info-button`,children:l(m,{data:f})}),!S&&l(p,{variant:`ghost_icon`,onClick:w.onClose,"data-testid":`dialog-close-button`,children:l(m,{data:d,"data-testid":`dialog-close-icon`,size:24})})]})]}),u(n,{$withContentPaddingX:E,$withContentPaddingY:D,style:{width:_?`${_}px`:void 0,maxHeight:x},children:[O&&C&&u(e,{children:[l(a,{children:l(m,{data:f,size:24})}),C]}),P]}),v&&v.length>0&&u(t,{$withBorders:b,style:{width:_?`${_}px`:void 0},children:[A&&A.length>0&&l(`section`,{id:`dialog-actions-left`,children:A.map(e=>l(o,{...e},e.text))}),j&&j.length>0&&l(`section`,{id:`dialog-actions-center`,children:j.map(e=>l(o,{...e},e.text))}),M&&M.length>0&&l(`section`,{id:`dialog-actions-right`,children:M.map(e=>l(o,{...e},e.text))})]})]})});g.displayName=`Dialog`;export{g as Dialog};

package/dist/molecules/Dialog/Dialog.styles.js

@@ -1,27 +1,27 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Dialog as n}from"@equinor/eds-core-react";import r,{css as i}from"styled-components";const a=r(n)`
+import{colors as e}from"src/atoms/style/colors";import{spacings as t}from"src/atoms/style/spacings";import n,{css as r}from"styled-components";import{Dialog as i}from"@equinor/eds-core-react";const a=n(i)`
   grid-gap: 0;
-`,o=r(n.Title)`
+`,o=n(i.Title)`
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   padding: ${t.medium};
 
-  ${({$withBorders:t})=>t?i`
+  ${({$withBorders:t})=>t?r`
         border-bottom: 1px solid ${e.ui.background__medium.rgba};
       `:``}
   > section {
     display: flex;
     flex-direction: column;
   }
-`,s=r(n.CustomContent)`
+`,s=n(i.CustomContent)`
   min-height: unset;
   overflow: auto;
-  ${({$withContentPaddingX:e,$withContentPaddingY:n})=>i`
+  ${({$withContentPaddingX:e,$withContentPaddingY:n})=>r`
       padding: ${n?t.medium:0}
         ${e?t.medium:0};
     `}
-`,c=r(n.Actions)`
+`,c=n(i.Actions)`
   border-top: 1px solid ${e.ui.background__medium.rgba};
   display: grid;
   grid-template-columns: auto auto auto;
@@ -47,18 +47,18 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
     justify-content: flex-end;
   }
 
-  ${({$withBorders:t})=>t?i`
+  ${({$withBorders:t})=>t?r`
         border-top: 1px solid ${e.ui.background__medium.rgba};
-      `:i`
+      `:r`
       border-top: none;
     `}
-`,l=r.div`
+`,l=n.div`
   display: flex;
   flex-direction: row;
   gap: ${t.medium};
   padding: ${t.medium};
   background-color: ${e.ui.background__info.rgba};
-`,u=r.div`
+`,u=n.div`
   display: flex;
   align-items: center;
 `;export{l as AdditionalInfoBanner,c as DialogActions,s as DialogContent,a as DialogElement,o as DialogTitle,u as InfoIconWrapper};

package/dist/molecules/Dialog/DialogAction.js

@@ -1 +1 @@
-import{Button as e}from"../Button/Button.js";import{OptionalTooltip as t}from"../OptionalTooltip/OptionalTooltip.js";import{Icon as n}from"@equinor/eds-core-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({text:a,variant:o,color:s,onClick:c,icon:l,disabled:u,isLoading:d=!1})=>r(t,{title:typeof u==`string`?u:``,children:i(e,{variant:o,color:s,onClick:c,disabled:u!==void 0&&!!u,loading:d,children:[l&&r(n,{data:l}),a]})});export{a as DialogAction};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Icon as n}from"@equinor/eds-core-react";import{Button as r}from"src/molecules/Button/Button";import{OptionalTooltip as i}from"src/molecules/OptionalTooltip/OptionalTooltip";const a=({text:a,variant:o,color:s,onClick:c,icon:l,disabled:u,isLoading:d=!1})=>e(i,{title:typeof u==`string`?u:``,children:t(r,{variant:o,color:s,onClick:c,disabled:u!==void 0&&!!u,loading:d,children:[l&&e(n,{data:l}),a]})});export{a as DialogAction};

package/dist/molecules/EquinorLogo/EquinorLogo.d.ts

@@ -1,11 +1,11 @@
 import { SizeIconProps } from "../../atoms/types/Icon.js";
-import * as react13 from "react";
+import * as react11 from "react";
 
 //#region src/molecules/EquinorLogo/EquinorLogo.d.ts
 interface EquinorLogoProps extends Partial<SizeIconProps> {
   large?: boolean;
   color?: 'red' | 'white' | 'black';
 }
-declare const EquinorLogo: react13.ForwardRefExoticComponent<EquinorLogoProps & react13.RefAttributes<SVGSVGElement>>;
+declare const EquinorLogo: react11.ForwardRefExoticComponent<EquinorLogoProps & react11.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { EquinorLogo, EquinorLogoProps };

package/dist/molecules/EquinorLogo/EquinorLogo.js

@@ -1 +1 @@
-import{colorSwitch as e}from"./EquinorLogo.utils.js";import{Fragment as t,forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=n(({large:n,color:i,size:a},o)=>r(t,{children:n?r(`svg`,{width:a?a*2:48,height:a?a*2:48,viewBox:`0 0 75 30`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,ref:o,"data-testid":`logo`,children:r(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M55.485 5.72054L55.4852 12.3731C55.485 12.5703 55.5839 12.7525 55.7547 12.8508L61.5192 16.1718C61.7637 16.3127 62.0756 16.1362 62.0758 15.8539V9.20147C62.076 9.00427 61.9708 8.8221 61.7999 8.72359L56.0356 5.40281C55.7909 5.26192 55.4854 5.4384 55.485 5.72054ZM73.2401 0.525845L64.9411 5.30705C64.6952 5.44867 64.5437 5.71082 64.5441 5.99462V15.5723C64.5444 15.9788 64.9933 16.2327 65.3454 16.0298L73.6446 11.2489C73.8904 11.1071 74.0326 10.845 74.0322 10.5612L74.0324 0.983548C74.032 0.577027 73.5923 0.323134 73.2401 0.525845ZM61.8556 20.8961L59.5493 22.225C59.4811 22.2644 59.4389 22.3373 59.4389 22.4162L59.4387 25.0776C59.4387 25.1908 59.5638 25.2613 59.6616 25.2049L61.9679 23.8762C62.0363 23.837 62.076 23.764 62.0758 23.6853V21.0234C62.0758 20.9106 61.9534 20.84 61.8556 20.8961ZM60.5115 18.4403L57.0576 16.4416C56.9552 16.3825 56.829 16.3825 56.7266 16.4416L53.2727 18.4403C53.1261 18.525 53.1261 18.7366 53.2727 18.8215L56.7266 20.8198C56.829 20.8792 56.9552 20.8792 57.0576 20.8198L60.5115 18.8215C60.6581 18.7366 60.6581 18.525 60.5115 18.4403ZM66.072 18.8006L67.6068 19.6885C67.6976 19.7411 67.8096 19.7411 67.9006 19.6885L69.4352 18.8006C69.5654 18.725 69.5654 18.537 69.4352 18.4616L67.9006 17.5737C67.8096 17.521 67.6976 17.521 67.6068 17.5737L66.072 18.4616C65.9418 18.537 65.9418 18.725 66.072 18.8006ZM64.8376 20.9376L66.3738 21.8225C66.4648 21.875 66.5209 21.9722 66.5209 22.0773L66.5191 23.8502C66.5189 24.0006 66.356 24.0947 66.2256 24.0197L64.6894 23.1347C64.5984 23.0823 64.5443 22.9847 64.5443 22.8799L64.5441 21.1071C64.5441 20.9568 64.7072 20.8624 64.8376 20.9376ZM49.212 19.1858C49.151 19.0332 49.0212 18.9776 48.8763 19.0638C48.7314 19.15 46.0076 20.773 46.0076 20.773V19.2774C46.0076 19.1095 45.9006 19.0484 45.7482 19.1095L44.863 19.43C44.741 19.4757 44.6952 19.5672 44.6952 19.6894V26.2647C44.6952 26.4021 44.7867 26.4935 44.9241 26.4935H45.7786C45.9158 26.4935 46.0076 26.4021 46.0076 26.2647V22.2373C46.0076 22.2373 49.2192 20.255 49.3494 20.1772C49.4795 20.0992 49.5461 20.0332 49.4867 19.8871C49.4217 19.727 49.212 19.1858 49.212 19.1858ZM1.90371 21.9614C2.19356 20.9086 3.01779 20.2676 4.17755 20.2676C5.44407 20.2676 6.11531 21.0153 6.1764 21.9614H1.90371ZM7.56528 22.3582C7.56528 20.527 6.3138 18.9857 4.22323 18.9857C2.1631 18.9857 0.454102 20.4661 0.454102 22.877C0.454102 25.0745 1.88848 26.6766 4.29954 26.6766C5.39821 26.6766 6.49707 26.2952 7.32111 25.5627C7.42788 25.4711 7.42788 25.3491 7.35157 25.2422L6.93954 24.6014C6.86323 24.4794 6.74123 24.4642 6.61924 24.5557C5.87132 25.105 5.10836 25.3796 4.29954 25.3796C2.75839 25.3796 1.91893 24.3724 1.81217 23.1059H7.33946C7.4809 23.1059 7.56528 23.0036 7.56528 22.8801V22.3582ZM12.379 25.3796C11.082 25.3796 9.9679 24.4946 9.9679 22.8159C9.9679 21.1373 11.082 20.2676 12.379 20.2676C13.737 20.2676 14.79 21.1373 14.79 22.8159C14.79 24.5099 13.737 25.3796 12.379 25.3796ZM15.0037 29.5455H15.8582C15.9955 29.5455 16.087 29.454 16.087 29.3166V19.2757C16.087 19.1079 15.9802 19.0468 15.8124 19.1079L14.9426 19.4285C14.8207 19.4742 14.7746 19.5657 14.7746 19.6879V20.0082C14.3017 19.3674 13.3707 18.9857 12.3637 18.9857C10.3645 18.9857 8.62506 20.4813 8.62506 22.8311C8.62506 24.9066 9.9679 26.6766 12.2874 26.6766C13.3402 26.6766 14.3474 26.2036 14.7746 25.6696V29.3166C14.7746 29.454 14.8663 29.5455 15.0037 29.5455ZM20.434 26.6766C21.2274 26.6766 22.0975 26.4172 22.662 25.5933V26.2647C22.662 26.4019 22.7535 26.4935 22.8909 26.4935H23.7454C23.8828 26.4935 23.9742 26.4019 23.9742 26.2647V19.2909C23.9742 19.1079 23.8674 19.0468 23.7148 19.1079L22.8298 19.4285C22.7078 19.4742 22.662 19.5657 22.662 19.6879V23.3501C22.662 24.6473 21.8227 25.3796 20.6782 25.3796C19.549 25.3796 18.7861 24.6625 18.7861 23.3501V19.2757C18.7861 19.1079 18.6791 19.0468 18.5267 19.1079L17.6417 19.4285C17.5194 19.4742 17.4735 19.5657 17.4735 19.6879V23.3958C17.4735 25.5627 18.7861 26.6766 20.434 26.6766ZM25.7595 18.3297L26.6905 18.0244C26.8429 17.9785 26.904 17.9022 26.904 17.7498V16.6359C26.904 16.4985 26.7972 16.3917 26.6294 16.4528L25.7136 16.7885C25.5764 16.8342 25.5001 16.8953 25.5001 17.0477V18.1159C25.5001 18.2838 25.5916 18.3906 25.7595 18.3297ZM25.7747 26.4935H26.6294C26.7666 26.4935 26.8583 26.4019 26.8583 26.2647V19.2757C26.8583 19.1079 26.7514 19.0468 26.5989 19.1079L25.7136 19.4285C25.5916 19.4742 25.5458 19.5657 25.5458 19.6879V26.2647C25.5458 26.4019 25.6373 26.4935 25.7747 26.4935ZM28.6585 26.4935H29.513C29.6504 26.4935 29.742 26.4019 29.742 26.2647V22.3123C29.742 21.0153 30.5814 20.2828 31.7258 20.2828C32.8549 20.2828 33.6178 21.0001 33.6178 22.3123V26.2647C33.6178 26.4019 33.7094 26.4935 33.8468 26.4935H34.7015C34.8387 26.4935 34.9304 26.4019 34.9304 26.2647V22.2666C34.9304 20.0998 33.6178 18.9857 31.9699 18.9857C31.1765 18.9857 30.3068 19.2451 29.742 20.0693V19.2757C29.742 19.1079 29.6352 19.0468 29.4826 19.1079L28.5974 19.4285C28.4754 19.4742 28.4298 19.5657 28.4298 19.6879V26.2647C28.4298 26.4019 28.5211 26.4935 28.6585 26.4935ZM39.8204 25.3948C38.3097 25.3948 37.3941 24.2657 37.3941 22.8311C37.3941 21.3967 38.3097 20.2676 39.8204 20.2676C41.3157 20.2676 42.2313 21.3967 42.2313 22.8311C42.2313 24.2657 41.3157 25.3948 39.8204 25.3948ZM39.8204 18.9857C37.6229 18.9857 36.0513 20.6185 36.0513 22.8311C36.0513 25.0439 37.6229 26.6766 39.8204 26.6766C42.0177 26.6766 43.5743 25.0439 43.5743 22.8311C43.5743 20.6185 42.0177 18.9857 39.8204 18.9857Z`,fill:e(i),"data-testid":`path`})}):r(`svg`,{width:a||24,height:a||24,viewBox:`0 0 42 48`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,ref:o,"data-testid":`logo`,children:r(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M5.33323 10.2045L5.33358 23.0959C5.33323 23.478 5.52484 23.831 5.85579 24.0216L17.0263 30.457C17.5002 30.73 18.1045 30.388 18.1049 29.8409V16.9499C18.1052 16.5677 17.9015 16.2147 17.5702 16.0238L6.40005 9.58875C5.92583 9.31573 5.33394 9.65771 5.33323 10.2045ZM39.7392 0.138079L23.6573 9.40318C23.1809 9.67762 22.8873 10.1856 22.888 10.7356V29.2953C22.8887 30.083 23.7586 30.575 24.4407 30.1819L40.5231 20.9175C40.9994 20.6427 41.2749 20.1347 41.2742 19.5847L41.2746 1.02502C41.2738 0.23726 40.4217 -0.254736 39.7392 0.138079ZM17.6783 39.6119L13.2091 42.1871C13.0768 42.2635 12.9951 42.4046 12.9951 42.5575L12.9947 47.7149C12.9947 47.9342 13.2372 48.0708 13.4266 47.9616L17.8958 45.3868C18.0284 45.3107 18.1052 45.1693 18.1049 45.0168V39.8586C18.1049 39.64 17.8678 39.5031 17.6783 39.6119ZM15.0736 34.853L8.38048 30.9799C8.18212 30.8655 7.93754 30.8655 7.73918 30.9799L1.04603 34.853C0.761999 35.0172 0.761999 35.4271 1.04603 35.5917L7.73918 39.464C7.93754 39.5792 8.18212 39.5792 8.38048 39.464L15.0736 35.5917C15.3577 35.4271 15.3577 35.0172 15.0736 34.853ZM25.8488 35.5512L28.8229 37.2717C28.9988 37.3737 29.216 37.3737 29.3923 37.2717L32.366 35.5512C32.6184 35.4047 32.6184 35.0403 32.366 34.8942L29.3923 33.1736C29.216 33.0716 28.9988 33.0716 28.8229 33.1736L25.8488 34.8942C25.5964 35.0403 25.5964 35.4047 25.8488 35.5512ZM23.4568 39.6922L26.4336 41.4071C26.6099 41.5088 26.7187 41.6972 26.7187 41.9009L26.7152 45.3363C26.7148 45.6278 26.3991 45.8102 26.1464 45.6648L23.1695 43.9499C22.9932 43.8483 22.8883 43.6591 22.8883 43.4562L22.888 40.0207C22.888 39.7296 23.204 39.5465 23.4568 39.6922Z`,fill:e(i),"data-testid":`path`})})}));i.displayName=`EquinorLogo`;export{i as EquinorLogo};
+import{Fragment as e,forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{colorSwitch as r}from"src/molecules/EquinorLogo/EquinorLogo.utils";const i=t(({large:t,color:i,size:a},o)=>n(e,{children:t?n(`svg`,{width:a?a*2:48,height:a?a*2:48,viewBox:`0 0 75 30`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,ref:o,"data-testid":`logo`,children:n(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M55.485 5.72054L55.4852 12.3731C55.485 12.5703 55.5839 12.7525 55.7547 12.8508L61.5192 16.1718C61.7637 16.3127 62.0756 16.1362 62.0758 15.8539V9.20147C62.076 9.00427 61.9708 8.8221 61.7999 8.72359L56.0356 5.40281C55.7909 5.26192 55.4854 5.4384 55.485 5.72054ZM73.2401 0.525845L64.9411 5.30705C64.6952 5.44867 64.5437 5.71082 64.5441 5.99462V15.5723C64.5444 15.9788 64.9933 16.2327 65.3454 16.0298L73.6446 11.2489C73.8904 11.1071 74.0326 10.845 74.0322 10.5612L74.0324 0.983548C74.032 0.577027 73.5923 0.323134 73.2401 0.525845ZM61.8556 20.8961L59.5493 22.225C59.4811 22.2644 59.4389 22.3373 59.4389 22.4162L59.4387 25.0776C59.4387 25.1908 59.5638 25.2613 59.6616 25.2049L61.9679 23.8762C62.0363 23.837 62.076 23.764 62.0758 23.6853V21.0234C62.0758 20.9106 61.9534 20.84 61.8556 20.8961ZM60.5115 18.4403L57.0576 16.4416C56.9552 16.3825 56.829 16.3825 56.7266 16.4416L53.2727 18.4403C53.1261 18.525 53.1261 18.7366 53.2727 18.8215L56.7266 20.8198C56.829 20.8792 56.9552 20.8792 57.0576 20.8198L60.5115 18.8215C60.6581 18.7366 60.6581 18.525 60.5115 18.4403ZM66.072 18.8006L67.6068 19.6885C67.6976 19.7411 67.8096 19.7411 67.9006 19.6885L69.4352 18.8006C69.5654 18.725 69.5654 18.537 69.4352 18.4616L67.9006 17.5737C67.8096 17.521 67.6976 17.521 67.6068 17.5737L66.072 18.4616C65.9418 18.537 65.9418 18.725 66.072 18.8006ZM64.8376 20.9376L66.3738 21.8225C66.4648 21.875 66.5209 21.9722 66.5209 22.0773L66.5191 23.8502C66.5189 24.0006 66.356 24.0947 66.2256 24.0197L64.6894 23.1347C64.5984 23.0823 64.5443 22.9847 64.5443 22.8799L64.5441 21.1071C64.5441 20.9568 64.7072 20.8624 64.8376 20.9376ZM49.212 19.1858C49.151 19.0332 49.0212 18.9776 48.8763 19.0638C48.7314 19.15 46.0076 20.773 46.0076 20.773V19.2774C46.0076 19.1095 45.9006 19.0484 45.7482 19.1095L44.863 19.43C44.741 19.4757 44.6952 19.5672 44.6952 19.6894V26.2647C44.6952 26.4021 44.7867 26.4935 44.9241 26.4935H45.7786C45.9158 26.4935 46.0076 26.4021 46.0076 26.2647V22.2373C46.0076 22.2373 49.2192 20.255 49.3494 20.1772C49.4795 20.0992 49.5461 20.0332 49.4867 19.8871C49.4217 19.727 49.212 19.1858 49.212 19.1858ZM1.90371 21.9614C2.19356 20.9086 3.01779 20.2676 4.17755 20.2676C5.44407 20.2676 6.11531 21.0153 6.1764 21.9614H1.90371ZM7.56528 22.3582C7.56528 20.527 6.3138 18.9857 4.22323 18.9857C2.1631 18.9857 0.454102 20.4661 0.454102 22.877C0.454102 25.0745 1.88848 26.6766 4.29954 26.6766C5.39821 26.6766 6.49707 26.2952 7.32111 25.5627C7.42788 25.4711 7.42788 25.3491 7.35157 25.2422L6.93954 24.6014C6.86323 24.4794 6.74123 24.4642 6.61924 24.5557C5.87132 25.105 5.10836 25.3796 4.29954 25.3796C2.75839 25.3796 1.91893 24.3724 1.81217 23.1059H7.33946C7.4809 23.1059 7.56528 23.0036 7.56528 22.8801V22.3582ZM12.379 25.3796C11.082 25.3796 9.9679 24.4946 9.9679 22.8159C9.9679 21.1373 11.082 20.2676 12.379 20.2676C13.737 20.2676 14.79 21.1373 14.79 22.8159C14.79 24.5099 13.737 25.3796 12.379 25.3796ZM15.0037 29.5455H15.8582C15.9955 29.5455 16.087 29.454 16.087 29.3166V19.2757C16.087 19.1079 15.9802 19.0468 15.8124 19.1079L14.9426 19.4285C14.8207 19.4742 14.7746 19.5657 14.7746 19.6879V20.0082C14.3017 19.3674 13.3707 18.9857 12.3637 18.9857C10.3645 18.9857 8.62506 20.4813 8.62506 22.8311C8.62506 24.9066 9.9679 26.6766 12.2874 26.6766C13.3402 26.6766 14.3474 26.2036 14.7746 25.6696V29.3166C14.7746 29.454 14.8663 29.5455 15.0037 29.5455ZM20.434 26.6766C21.2274 26.6766 22.0975 26.4172 22.662 25.5933V26.2647C22.662 26.4019 22.7535 26.4935 22.8909 26.4935H23.7454C23.8828 26.4935 23.9742 26.4019 23.9742 26.2647V19.2909C23.9742 19.1079 23.8674 19.0468 23.7148 19.1079L22.8298 19.4285C22.7078 19.4742 22.662 19.5657 22.662 19.6879V23.3501C22.662 24.6473 21.8227 25.3796 20.6782 25.3796C19.549 25.3796 18.7861 24.6625 18.7861 23.3501V19.2757C18.7861 19.1079 18.6791 19.0468 18.5267 19.1079L17.6417 19.4285C17.5194 19.4742 17.4735 19.5657 17.4735 19.6879V23.3958C17.4735 25.5627 18.7861 26.6766 20.434 26.6766ZM25.7595 18.3297L26.6905 18.0244C26.8429 17.9785 26.904 17.9022 26.904 17.7498V16.6359C26.904 16.4985 26.7972 16.3917 26.6294 16.4528L25.7136 16.7885C25.5764 16.8342 25.5001 16.8953 25.5001 17.0477V18.1159C25.5001 18.2838 25.5916 18.3906 25.7595 18.3297ZM25.7747 26.4935H26.6294C26.7666 26.4935 26.8583 26.4019 26.8583 26.2647V19.2757C26.8583 19.1079 26.7514 19.0468 26.5989 19.1079L25.7136 19.4285C25.5916 19.4742 25.5458 19.5657 25.5458 19.6879V26.2647C25.5458 26.4019 25.6373 26.4935 25.7747 26.4935ZM28.6585 26.4935H29.513C29.6504 26.4935 29.742 26.4019 29.742 26.2647V22.3123C29.742 21.0153 30.5814 20.2828 31.7258 20.2828C32.8549 20.2828 33.6178 21.0001 33.6178 22.3123V26.2647C33.6178 26.4019 33.7094 26.4935 33.8468 26.4935H34.7015C34.8387 26.4935 34.9304 26.4019 34.9304 26.2647V22.2666C34.9304 20.0998 33.6178 18.9857 31.9699 18.9857C31.1765 18.9857 30.3068 19.2451 29.742 20.0693V19.2757C29.742 19.1079 29.6352 19.0468 29.4826 19.1079L28.5974 19.4285C28.4754 19.4742 28.4298 19.5657 28.4298 19.6879V26.2647C28.4298 26.4019 28.5211 26.4935 28.6585 26.4935ZM39.8204 25.3948C38.3097 25.3948 37.3941 24.2657 37.3941 22.8311C37.3941 21.3967 38.3097 20.2676 39.8204 20.2676C41.3157 20.2676 42.2313 21.3967 42.2313 22.8311C42.2313 24.2657 41.3157 25.3948 39.8204 25.3948ZM39.8204 18.9857C37.6229 18.9857 36.0513 20.6185 36.0513 22.8311C36.0513 25.0439 37.6229 26.6766 39.8204 26.6766C42.0177 26.6766 43.5743 25.0439 43.5743 22.8311C43.5743 20.6185 42.0177 18.9857 39.8204 18.9857Z`,fill:r(i),"data-testid":`path`})}):n(`svg`,{width:a||24,height:a||24,viewBox:`0 0 42 48`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,ref:o,"data-testid":`logo`,children:n(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M5.33323 10.2045L5.33358 23.0959C5.33323 23.478 5.52484 23.831 5.85579 24.0216L17.0263 30.457C17.5002 30.73 18.1045 30.388 18.1049 29.8409V16.9499C18.1052 16.5677 17.9015 16.2147 17.5702 16.0238L6.40005 9.58875C5.92583 9.31573 5.33394 9.65771 5.33323 10.2045ZM39.7392 0.138079L23.6573 9.40318C23.1809 9.67762 22.8873 10.1856 22.888 10.7356V29.2953C22.8887 30.083 23.7586 30.575 24.4407 30.1819L40.5231 20.9175C40.9994 20.6427 41.2749 20.1347 41.2742 19.5847L41.2746 1.02502C41.2738 0.23726 40.4217 -0.254736 39.7392 0.138079ZM17.6783 39.6119L13.2091 42.1871C13.0768 42.2635 12.9951 42.4046 12.9951 42.5575L12.9947 47.7149C12.9947 47.9342 13.2372 48.0708 13.4266 47.9616L17.8958 45.3868C18.0284 45.3107 18.1052 45.1693 18.1049 45.0168V39.8586C18.1049 39.64 17.8678 39.5031 17.6783 39.6119ZM15.0736 34.853L8.38048 30.9799C8.18212 30.8655 7.93754 30.8655 7.73918 30.9799L1.04603 34.853C0.761999 35.0172 0.761999 35.4271 1.04603 35.5917L7.73918 39.464C7.93754 39.5792 8.18212 39.5792 8.38048 39.464L15.0736 35.5917C15.3577 35.4271 15.3577 35.0172 15.0736 34.853ZM25.8488 35.5512L28.8229 37.2717C28.9988 37.3737 29.216 37.3737 29.3923 37.2717L32.366 35.5512C32.6184 35.4047 32.6184 35.0403 32.366 34.8942L29.3923 33.1736C29.216 33.0716 28.9988 33.0716 28.8229 33.1736L25.8488 34.8942C25.5964 35.0403 25.5964 35.4047 25.8488 35.5512ZM23.4568 39.6922L26.4336 41.4071C26.6099 41.5088 26.7187 41.6972 26.7187 41.9009L26.7152 45.3363C26.7148 45.6278 26.3991 45.8102 26.1464 45.6648L23.1695 43.9499C22.9932 43.8483 22.8883 43.6591 22.8883 43.4562L22.888 40.0207C22.888 39.7296 23.204 39.5465 23.4568 39.6922Z`,fill:r(i),"data-testid":`path`})})}));i.displayName=`EquinorLogo`;export{i as EquinorLogo};

package/dist/molecules/FileProgress/FileProgress.js

@@ -1 +1 @@
-import e from"./CompactFileProgress.js";import t from"./RegularFileProgress.js";import{useMemo as n,useState as r}from"react";import{jsx as i}from"react/jsx-runtime";const a=a=>{let[o,s]=r(!1),c=n(()=>a.isError??a.isDone===void 0?!0:a.isDone,[a.isError,a.isDone]),l=async()=>{!c&&a.onCancel?a.onCancel():a.onDelete&&(s(!0),await a.onDelete(),s(!1))};return a.compact?i(e,{...a,isDeleting:o,showCompleteState:c,handleOnClick:l}):i(t,{...a,isDeleting:o,showCompleteState:c,handleOnClick:l})};export{a as FileProgress};
+import{useMemo as e,useState as t}from"react";import{jsx as n}from"react/jsx-runtime";import r from"src/molecules/FileProgress/CompactFileProgress";import i from"src/molecules/FileProgress/RegularFileProgress";const a=a=>{let[o,s]=t(!1),c=e(()=>a.isError??a.isDone===void 0?!0:a.isDone,[a.isError,a.isDone]),l=async()=>{!c&&a.onCancel?a.onCancel():a.onDelete&&(s(!0),await a.onDelete(),s(!1))};return a.compact?n(r,{...a,isDeleting:o,showCompleteState:c,handleOnClick:l}):n(i,{...a,isDeleting:o,showCompleteState:c,handleOnClick:l})};export{a as FileProgress};

package/dist/molecules/FileUploadArea/FileUploadArea.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{Button as t}from"../Button/Button.js";import{OptionalTooltip as n}from"../OptionalTooltip/OptionalTooltip.js";import{DividerRow as r,MediumUploadWrapper as i,SmallUploadWrapper as a,UploadWrapper as o}from"./FileUploadArea.styles.js";import{FILE_UPLOAD_SCRIM_ID as s}from"./FileUploadArea.constants.js";import{UploadIllustration as c}from"./UploadIllustration.js";import{useEffect as l,useMemo as u}from"react";import{Icon as d,Typography as f}from"@equinor/eds-core-react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{folder as h}from"@equinor/eds-icons";import{useDropzone as g}from"react-dropzone";const _=({size:_=`large`,...v})=>{let{getRootProps:y,getInputProps:b,isDragActive:x}=g({...v});l(()=>{let t=()=>{if(!window.document.getElementById(s)){let t=document.createElement(`div`);t.id=s,t.style.position=`fixed`,t.style.top=`0`,t.style.left=`0`,t.style.width=`100%`,t.style.height=`100%`,t.style.backgroundColor=e.ui.background__scrim.rgba,t.style.zIndex=`9999`,t.style.pointerEvents=`none`,window.document.body.appendChild(t)}},n=()=>{let e=window.document.getElementById(s);e!==null&&e.remove()};return window.document.addEventListener(`dragover`,t),window.document.addEventListener(`dragend`,n),window.document.addEventListener(`mouseleave`,()=>n),()=>{window.document.removeEventListener(`dragover`,t),window.document.removeEventListener(`dragend`,n),window.document.removeEventListener(`mouseleave`,n)}},[]);let S=u(()=>{if(v.accept)return Object.values(v.accept).join(`, `)},[v.accept]);return _==`small`?m(a,{...y(),style:{background:x?e.interactive.primary__hover_alt.rgba:void 0},children:[p(`input`,{"data-testid":`file-upload-area-input`,...b()}),p(c,{}),p(f,{variant:`meta`,children:`Upload file`}),v.accept&&p(n,{title:`Supported filetypes: ${S}`,children:m(f,{variant:`meta`,children:[`(`,S,`)`]})})]}):_==`medium`?m(i,{...y(),style:{background:x?e.interactive.primary__hover_alt.rgba:void 0},children:[p(`input`,{"data-testid":`file-upload-area-input`,...b()}),p(c,{}),m(`section`,{children:[p(f,{variant:`button`,group:`navigation`,children:`Drag files here`}),v.accept&&p(n,{title:`Supported filetypes: ${S}`,children:p(f,{group:`paragraph`,variant:`meta`,color:e.text.static_icons__tertiary.rgba,children:S})})]}),m(r,{children:[p(`hr`,{}),p(f,{variant:`meta`,children:`OR`}),p(`hr`,{})]}),m(t,{variant:`ghost`,onClick:y().onClick,children:[p(d,{data:h}),`Browse files`]})]}):m(o,{...y(),onClick:void 0,style:{background:x?e.interactive.primary__hover_alt.rgba:void 0},children:[p(`input`,{"data-testid":`file-upload-area-input`,...b()}),p(c,{}),m(`section`,{children:[p(f,{variant:`button`,group:`navigation`,children:`Drag files here to upload.`}),v.accept&&m(f,{group:`paragraph`,variant:`meta`,color:e.text.static_icons__tertiary.rgba,children:[`Supported filetypes: `,S]})]}),m(r,{children:[p(`hr`,{}),p(f,{variant:`button`,group:`navigation`,children:`OR`}),p(`hr`,{})]}),m(t,{variant:`ghost`,onClick:y().onClick,children:[p(d,{data:h}),`Browse files`]})]})};export{_ as FileUploadArea};
+import{DividerRow as e,MediumUploadWrapper as t,SmallUploadWrapper as n,UploadWrapper as r}from"./FileUploadArea.styles.js";import{useEffect as i,useMemo as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{folder as c}from"@equinor/eds-icons";import{Icon as l,Typography as u}from"@equinor/eds-core-react";import{colors as d}from"src/atoms/style";import{Button as f}from"src/molecules/Button/Button";import{OptionalTooltip as p}from"src/molecules/OptionalTooltip/OptionalTooltip";import{useDropzone as m}from"react-dropzone";import{FILE_UPLOAD_SCRIM_ID as h}from"src/molecules/FileUploadArea/FileUploadArea.constants";import{UploadIllustration as g}from"src/molecules/FileUploadArea/UploadIllustration";const _=({size:_=`large`,...v})=>{let{getRootProps:y,getInputProps:b,isDragActive:x}=m({...v});i(()=>{let e=()=>{if(!window.document.getElementById(h)){let e=document.createElement(`div`);e.id=h,e.style.position=`fixed`,e.style.top=`0`,e.style.left=`0`,e.style.width=`100%`,e.style.height=`100%`,e.style.backgroundColor=d.ui.background__scrim.rgba,e.style.zIndex=`9999`,e.style.pointerEvents=`none`,window.document.body.appendChild(e)}},t=()=>{let e=window.document.getElementById(h);e!==null&&e.remove()};return window.document.addEventListener(`dragover`,e),window.document.addEventListener(`dragend`,t),window.document.addEventListener(`mouseleave`,()=>t),()=>{window.document.removeEventListener(`dragover`,e),window.document.removeEventListener(`dragend`,t),window.document.removeEventListener(`mouseleave`,t)}},[]);let S=a(()=>{if(v.accept)return Object.values(v.accept).join(`, `)},[v.accept]);return _==`small`?s(n,{...y(),style:{background:x?d.interactive.primary__hover_alt.rgba:void 0},children:[o(`input`,{"data-testid":`file-upload-area-input`,...b()}),o(g,{}),o(u,{variant:`meta`,children:`Upload file`}),v.accept&&o(p,{title:`Supported filetypes: ${S}`,children:s(u,{variant:`meta`,children:[`(`,S,`)`]})})]}):_==`medium`?s(t,{...y(),style:{background:x?d.interactive.primary__hover_alt.rgba:void 0},children:[o(`input`,{"data-testid":`file-upload-area-input`,...b()}),o(g,{}),s(`section`,{children:[o(u,{variant:`button`,group:`navigation`,children:`Drag files here`}),v.accept&&o(p,{title:`Supported filetypes: ${S}`,children:o(u,{group:`paragraph`,variant:`meta`,color:d.text.static_icons__tertiary.rgba,children:S})})]}),s(e,{children:[o(`hr`,{}),o(u,{variant:`meta`,children:`OR`}),o(`hr`,{})]}),s(f,{variant:`ghost`,onClick:y().onClick,children:[o(l,{data:c}),`Browse files`]})]}):s(r,{...y(),onClick:void 0,style:{background:x?d.interactive.primary__hover_alt.rgba:void 0},children:[o(`input`,{"data-testid":`file-upload-area-input`,...b()}),o(g,{}),s(`section`,{children:[o(u,{variant:`button`,group:`navigation`,children:`Drag files here to upload.`}),v.accept&&s(u,{group:`paragraph`,variant:`meta`,color:d.text.static_icons__tertiary.rgba,children:[`Supported filetypes: `,S]})]}),s(e,{children:[o(`hr`,{}),o(u,{variant:`button`,group:`navigation`,children:`OR`}),o(`hr`,{})]}),s(f,{variant:`ghost`,onClick:y().onClick,children:[o(l,{data:c}),`Browse files`]})]})};export{_ as FileUploadArea};

package/dist/molecules/FileUploadArea/FileUploadArea.styles.js

@@ -1,16 +1,16 @@
-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 r from"styled-components";const i=r.div`
+import e from"styled-components";import{animation as t,colors as n,spacings as r}from"src/atoms/style";const i=e.div`
   position: relative;
   display: flex;
   align-items: center;
-  gap: ${n.small};
+  gap: ${r.small};
   justify-content: center;
   flex-direction: column;
-  border: 2px dashed ${t.interactive.primary__resting.rgba};
+  border: 2px dashed ${n.interactive.primary__resting.rgba};
   border-radius: 15px;
-  padding: ${n.medium_small} ${n.xx_large};
+  padding: ${r.medium_small} ${r.xx_large};
   /* v8 ignore next */
-  background: ${t.ui.background__light.rgba};
-  transition: background ${e.transitionMS};
+  background: ${n.ui.background__light.rgba};
+  transition: background ${t.transitionMS};
   z-index: 10000;
 
   > svg {
@@ -25,10 +25,10 @@ import{animation as e}from"../../atoms/style/animation.js";import{colors as t}fr
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: ${n.x_small};
-    margin: calc(${n.medium_small} / 2) 0;
+    gap: ${r.x_small};
+    margin: calc(${r.medium_small} / 2) 0;
   }
-`,a=r(i)`
+`,a=e(i)`
   width: 88px;
   height: 88px;
   margin-bottom: 1.6em;
@@ -37,23 +37,23 @@ import{animation as e}from"../../atoms/style/animation.js";import{colors as t}fr
     height: 48px;
   }
   > p {
-    color: ${t.interactive.primary__resting.rgba};
+    color: ${n.interactive.primary__resting.rgba};
   }
   > p:last-child {
-    color: ${t.text.static_icons__tertiary.rgba};
+    color: ${n.text.static_icons__tertiary.rgba};
     max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     text-wrap: nowrap;
     position: absolute;
-    bottom: calc((1.6em + ${n.small}) * -1);
+    bottom: calc((1.6em + ${r.small}) * -1);
   }
 
   &:hover {
     cursor: pointer;
-    background: ${t.interactive.primary__hover_alt.rgba};
+    background: ${n.interactive.primary__hover_alt.rgba};
   }
-`,o=r(i)`
+`,o=e(i)`
   width: 180px;
   height: 180px;
   gap: 0;
@@ -67,18 +67,18 @@ import{animation as e}from"../../atoms/style/animation.js";import{colors as t}fr
     text-overflow: ellipsis;
   }
   > button {
-    margin-top: ${n.x_small};
+    margin-top: ${r.x_small};
     text-wrap: nowrap;
   }
-`,s=r.div`
+`,s=e.div`
   display: grid;
   grid-template-columns: 1fr auto 1fr;
   width: 100%;
-  gap: ${n.x_small};
+  gap: ${r.x_small};
   align-items: center;
 
   > p {
-    color: ${t.text.static_icons__tertiary.rgba};
+    color: ${n.text.static_icons__tertiary.rgba};
   }
 
   > hr {

package/dist/molecules/FullPageSpinner/FullPageSpinner.js

@@ -1,5 +1,5 @@
-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`
+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`
         position: fixed;
         z-index: 500;
         top: 0;
@@ -9,21 +9,21 @@ import{colors as e}from"../../atoms/style/colors.js";import{useMemo as t}from"re
         display: flex;
         align-items: center;
         justify-content: center;
-      `:o`
+      `:i`
       position: absolute;
       z-index: 500;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
     `}
-`,u=a.div`
+`,u=r.div`
   display: none;
   visibility: hidden;
-`,d=a(n.Circular)`
+`,d=r(a.Circular)`
   circle {
-    stroke: ${e.interactive.primary__resting.rgba};
+    stroke: ${c.interactive.primary__resting.rgba};
   }
   circle:first-child {
-    stroke: ${e.interactive.primary__hover_alt.rgba};
+    stroke: ${c.interactive.primary__hover_alt.rgba};
   }
-`,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};
+`,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};

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

@@ -0,0 +1,54 @@
+import { IconCellColor, IconCellState, IconCellVariant, IconCellVariants } from "./IconCell.types.js";
+import * as react13 from "react";
+import { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
+import { IconData } from "@equinor/eds-icons";
+
+//#region src/molecules/IconCell/IconCell.d.ts
+type ScribbledOutType = typeof IconCellVariants.SCRIBBLED_OUT;
+type SharedProps = {
+  onClick?: MouseEventHandler<HTMLButtonElement>;
+  disabled?: boolean;
+  selected?: boolean;
+  className?: string;
+  color?: IconCellColor;
+  state?: IconCellState;
+  label?: string;
+  helperIcon?: ReactNode | IconData;
+  noBottomBorder?: boolean;
+  as?: 'td' | 'div';
+} & HTMLAttributes<HTMLButtonElement>;
+type ScribbledOutProps = {
+  variant: ScribbledOutType;
+  icon?: never;
+} & SharedProps;
+type RegularIconCellProps = {
+  variant?: Exclude<IconCellVariant, ScribbledOutType>;
+  icon: ReactNode | IconData;
+} & SharedProps;
+type IconCellProps = ScribbledOutProps | RegularIconCellProps;
+/**
+ * IconCell component renders a styled button-like cell with an icon, optional label,
+ * and optional helper icon. It supports various visual states and interaction handlers.
+ *
+ * ### Special case
+ * When `variant` is `IconCellVariants.SCRIBBLED_OUT`, this component renders a scribbled-out cell and so the icon becomes optional.
+ *
+ * @param {IconCellProps} props - Component props.
+ * @param {React.ReactNode | IconData} [props.icon] - Main icon displayed in the center of the cell.
+ * @param {MouseEventHandler<HTMLButtonElement>} [props.onClick] - Callback fired when the cell is clicked.
+ * @param {boolean} [props.disabled=false] - Whether the cell is disabled.
+ * @param {boolean} [props.selected=false] - Whether the cell is in a selected state.
+ * @param {string} [props.className] - Optional CSS class for custom styling.
+ * @param {IconCellColor} [props.color=IconCellColors.DEFAULT] - Color theme of the cell.
+ * @param {IconCellState} [props.state=IconCellStates.DEFAULT] - Visual state of the cell: default, danger, or warning.
+ * @param {string} [props.label] - Optional label text displayed inside the cell.
+ * @param {IconCellVariant} [props.variant=IconCellVariants.DEFAULT] - Variant of the cell: `transparent`, `coloured`, or the special `scribbled-out`.
+ * @param {React.ReactNode | IconData} [props.helperIcon] - Optional secondary icon displayed in the corner.
+ * @param {boolean} [props.noBottomBorder=false] - Whether to render the cell without the default bottom border.
+ * @param {'td' | 'div'} [props.as='td'] - Element type to render the outer container as.
+ * @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>>;
+//#endregion
+export { IconCell, IconCellProps };

package/dist/molecules/IconCell/IconCell.js

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