@equinor/amplify-component-lib 8.0.2 → 8.2.0

package/dist/molecules/Select/GroupedSelectMenu.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{Menu as i}from"@equinor/eds-core-react";import{NoItemsFoundText as m}from"./Select.styles.js";import{getCumulativeArrayFromNumberedArray as l}from"./Select.utils.js";import{SelectMenuItem as n}from"./SelectMenuItem.js";const r=r=>{const{onItemSelect:o,onItemKeyDown:s,itemRefs:c,groups:a,search:f}=r,u=t((()=>{if(""===f)return a;const e=new RegExp(f,"i");return a.map((t=>({title:t.title,items:t.items.filter((t=>t.label.match(e)))}))).filter((e=>e.items.length>0))}),[a,f]),p=t((()=>{const e=u.map((e=>e.items.length));return l(e)}),[u]);return 0===u.length?e(m,{children:"No items found"}):"values"in r?u.map(((t,m)=>e(i.Section,{index:m,title:t.title,children:t.items.map(((i,l)=>e(n,{index:l+p[m],childOffset:0,item:i,multiselect:!0,itemRefs:c,onItemKeyDown:s,onItemSelect:o,values:r.values},`${t.title}-${m}-item-${i.value}`)))},`${t.title}-${m}`))):u.map(((t,m)=>e(i.Section,{index:m,title:t.title,children:t.items.map(((i,l)=>e(n,{index:l+p[m],childOffset:0,item:i,itemRefs:c,onItemKeyDown:s,onItemSelect:o},`${t.title}-${m}-item-${i.value}`)))},`${t.title}-${m}`)))};export{r as GroupedSelectMenu};
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{Menu as i}from"@equinor/eds-core-react";import{NoItemsFoundText as m}from"./Select.styles.js";import{getCumulativeArrayFromNumberedArray as n}from"./Select.utils.js";import{SelectMenuItem as o}from"./SelectMenuItem.js";const l=l=>{const{onItemSelect:r,onItemKeyDown:s,itemRefs:c,groups:u,search:a,onMouseEnterItem:f}=l,p=t((()=>{if(""===a)return u;const e=new RegExp(a,"i");return u.map((t=>({title:t.title,items:t.items.filter((t=>t.label.match(e)))}))).filter((e=>e.items.length>0))}),[u,a]),d=t((()=>{const e=p.map((e=>e.items.length));return n(e)}),[p]);return 0===p.length?e(m,{children:"No items found"}):"values"in l?p.map(((t,m)=>e(i.Section,{index:m,title:t.title,children:t.items.map(((i,n)=>e(o,{index:n+d[m],childOffset:0,item:i,multiselect:!0,itemRefs:c,onItemKeyDown:s,onItemSelect:r,onMouseEnterItem:f,values:l.values},`${t.title}-${m}-item-${i.value}`)))},`${t.title}-${m}`))):p.map(((t,m)=>e(i.Section,{index:m,title:t.title,children:t.items.map(((i,n)=>e(o,{index:n+d[m],childOffset:0,item:i,itemRefs:c,onItemKeyDown:s,onItemSelect:r,onMouseEnterItem:f},`${t.title}-${m}-item-${i.value}`)))},`${t.title}-${m}`)))};export{l as GroupedSelectMenu};

package/dist/molecules/Select/Select.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as l,useMemo as n}from"react";import{Label as a,CircularProgress as t,Icon as r}from"@equinor/eds-core-react";import{arrow_drop_up as i,arrow_drop_down as c,clear as d}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useSelect as m}from"../../atoms/hooks/useSelect.js";import{GroupedSelectMenu as h}from"./GroupedSelectMenu.js";import{ValueText as u,StyledChip as p,Container as g,Section as b,PlaceholderText as f,ClearButton as v,StyledMenu as y}from"./Select.styles.js";import{SelectMenu as S}from"./SelectMenu.js";const{colors:x}=s,C=s=>{const{clearable:C=!0,loading:O=!1,disabled:k=!1,lightBackground:I=!1,underlineHighlight:R=!1,sortValues:j=!0,placeholder:w="Select...",label:D,meta:$,id:B=`amplify-combobox-${D}`,variant:K}=s,{handleOnClear:T,handleOnItemKeyDown:_,handleOnItemSelect:q,handleOnSearchChange:M,handleOnSearchKeyDown:V,handleToggleOpen:z,itemRefs:H,search:P,selectedValues:A,handleOnClose:E,handleOnOpen:F,handleOnRemoveItem:G,open:N,searchRef:W,tryingToRemoveItem:J}=m({...s,clearable:C,loading:O,disabled:k,lightBackground:I,underlineHighlight:R,sortValues:j,placeholder:w}),L=l(null),Q=n((()=>!!D||!!$),[D,$]),U=n((()=>"value"in s&&s.value?e(u,{children:s.value.label}):A.map((o=>e(p,{"data-testid":"amplify-combobox-chip",className:"amplify-combo-box-chip",onDelete:()=>G(o),$tryingToRemove:J?.value===o.value,$lightBackground:I,children:o.label},o.value)))),[A,J,I,s,G]);return o("div",{children:[o(g,{"data-testid":"combobox-container",ref:L,onClick:F,"aria-expanded":N,$variant:K,$lightBackground:I,$shouldShowTopMargin:Q,children:[Q&&e(a,{label:D,meta:$,htmlFor:B}),o(b,{children:[""===P&&0===A.length&&e(f,{children:w}),(""===P||"values"in s&&A.length>0)&&U,e("input",{id:B,disabled:k||O,ref:W,type:"search",role:"combobox",value:P,autoComplete:"off",onChange:M,onKeyDownCapture:V})]}),O?e(t,{size:16}):e(r,{onClick:z,data:N?i:c,color:x.interactive.primary__resting.rgba}),C&&A.length>0&&!O&&e(v,{variant:"ghost_icon",onClick:T,"data-testid":"clearBtn",children:e(r,{data:d,size:18})})]}),N&&e(y,{open:!0,id:"combobox-menu",anchorEl:L.current,onClose:E,placement:"bottom",matchAnchorWidth:!0,children:s.groups?e(h,{...s,search:P,itemRefs:H,onItemSelect:q,onItemKeyDown:_}):e(S,{...s,search:P,itemRefs:H,onItemSelect:q,onItemKeyDown:_,selectableParent:"values"in s&&s.selectableParent})})]})};export{C as Select};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as n,useMemo as t}from"react";import{Label as l,CircularProgress as r,Icon as a}from"@equinor/eds-core-react";import{arrow_drop_up as i,arrow_drop_down as c,clear as s}from"@equinor/eds-icons";import{tokens as d}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useSelect as m}from"../../atoms/hooks/useSelect.js";import{GroupedSelectMenu as h}from"./GroupedSelectMenu.js";import{ValueText as u,StyledChip as p,Container as g,Section as b,PlaceholderText as f,ClearButton as v,StyledMenu as y}from"./Select.styles.js";import{SelectMenu as O}from"./SelectMenu.js";import{useOutsideClick as k}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";const{colors:C}=d,I=d=>{const{clearable:I=!0,loading:S=!1,disabled:x=!1,lightBackground:j=!1,underlineHighlight:D=!1,sortValues:R=!0,placeholder:w="Select...",label:M,meta:$,id:B=`amplify-combobox-${M}`,variant:K,inDialog:_=!1}=d,{handleOnClear:q,handleOnItemKeyDown:E,handleOnItemSelect:T,handleOnSearchChange:V,handleOnSearchKeyDown:z,handleToggleOpen:H,itemRefs:P,search:A,selectedValues:F,handleOnClose:G,handleOnOpen:N,handleOnRemoveItem:W,handleOnMouseEnterItem:J,open:L,searchRef:Q,tryingToRemoveItem:U}=m({...d,clearable:I,loading:S,disabled:x,lightBackground:j,underlineHighlight:D,sortValues:R,placeholder:w}),X=n(null),Y=n(null),Z=t((()=>!!M||!!$),[M,$]);k(Y.current,(e=>{_&&L&&e.target&&X.current&&Y.current&&!X.current.contains(e.target)&&!Y.current?.contains(e.target)&&G()}));const ee=t((()=>"value"in d&&d.value?e(u,{children:d.value.label}):F.map((o=>e(p,{"data-testid":"amplify-combobox-chip",className:"amplify-combo-box-chip",onDelete:()=>W(o),$tryingToRemove:U?.value===o.value,$lightBackground:j,children:o.label},o.value)))),[F,U,j,d,W]);return o("div",{children:[o(g,{"data-testid":"combobox-container",ref:X,onClick:N,"aria-expanded":L,$variant:K,$lightBackground:j,$shouldShowTopMargin:Z,children:[Z&&e(l,{label:M,meta:$,htmlFor:B}),o(b,{children:[""===A&&0===F.length&&e(f,{children:w}),(""===A||"values"in d&&F.length>0)&&ee,e("input",{id:B,disabled:x||S,ref:Q,type:"search",role:"combobox",value:A,autoComplete:"off",onChange:V,onKeyDownCapture:z})]}),S?e(r,{size:16}):e(a,{onClick:H,data:L?i:c,color:C.interactive.primary__resting.rgba}),I&&F.length>0&&!S&&e(v,{variant:"ghost_icon",onClick:q,"data-testid":"clearBtn",children:e(a,{data:s,size:18})})]}),L&&e(y,{ref:Y,open:!0,id:"combobox-menu",anchorEl:X.current,onClose:G,placement:"bottom",matchAnchorWidth:!0,children:d.groups?e(h,{...d,search:A,itemRefs:P,onItemSelect:T,onItemKeyDown:E,onMouseEnterItem:J}):e(O,{...d,search:A,itemRefs:P,onItemSelect:T,onItemKeyDown:E,onMouseEnterItem:J,selectableParent:"values"in d&&d.selectableParent})})]})};export{I as Select};

package/dist/molecules/Select/Select.styles.d.ts

@@ -26,10 +26,9 @@ interface StyledChipProps {
     $lightBackground?: boolean;
     className: string;
 }
-declare const StyledChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Chip/Chip").BaseChipProps, StyledChipProps>> & string & Omit<{
-    ({ children, variant, disabled, onClick, onDelete, ...otherProps }: import("../Chip/Chip").BaseChipProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}, keyof import("react").Component<any, {}, any>>;
+declare const StyledChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../Chip/Chip").BaseChipProps & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement | HTMLButtonElement> | null | undefined;
+}, StyledChipProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Chip/Chip").BaseChipProps & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 interface CustomMenuItemProps {
     $paddedLeft?: boolean;
 }

package/dist/molecules/Select/Select.styles.js

@@ -1,16 +1,16 @@
-import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{tokens as a}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as o}from"../../atoms/style/colors.js";import{spacings as i}from"../../atoms/style/spacings.js";import{Chip as n}from"../Chip/Chip.js";import s from"styled-components";const{colors:l,spacings:c}=a,d={warning:l.interactive.warning__resting.rgba,error:l.interactive.danger__resting.rgba,success:l.interactive.success__resting.rgba,dirty:o.dark_blue.rgba},g=s.div`
+import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{colors as a}from"../../atoms/style/colors.js";import{spacings as o}from"../../atoms/style/spacings.js";import{Chip as i}from"../Chip/Chip.js";import n from"styled-components";const s={warning:a.interactive.warning__resting.rgba,error:a.interactive.danger__resting.rgba,success:a.interactive.success__resting.rgba,dirty:a.dataviz.darkblue.darker},l=n.div`
   position: relative;
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
   padding: 6px 8px;
 
-  ${({$variant:r})=>r?`box-shadow: inset 0 -2px 0 0 ${d[r]}`:`box-shadow: inset 0 -1px 0 0 ${l.text.static_icons__tertiary.rgba}`};
+  ${({$variant:r})=>r?`box-shadow: inset 0 -2px 0 0 ${s[r]}`:`box-shadow: inset 0 -1px 0 0 ${a.text.static_icons__tertiary.rgba}`};
 
-  ${({$lightBackground:r})=>r?`background-color: ${l.ui.background__default.rgba}`:`background-color: ${l.ui.background__light.rgba}`};
+  ${({$lightBackground:r})=>r?`background-color: ${a.ui.background__default.rgba}`:`background-color: ${a.ui.background__light.rgba}`};
 
   &[aria-expanded='true'] {
-    box-shadow: inset 0 -2px 0 0 ${l.interactive.primary__resting.rgba};
+    box-shadow: inset 0 -2px 0 0 ${a.interactive.primary__resting.rgba};
   }
 
   ${({$shouldShowTopMargin:r})=>r&&"margin-top: 1rem;"};
@@ -28,7 +28,7 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
   > svg:not([role='progressbar']) {
     cursor: pointer;
     &:hover {
-      background: ${l.interactive.primary__hover_alt.rgba};
+      background: ${a.interactive.primary__hover_alt.rgba};
       border-radius: 50%;
     }
   }
@@ -38,20 +38,20 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
     box-shadow: none;
     > svg:not([role='progressbar']) {
       cursor: not-allowed;
-      fill: ${l.interactive.disabled__text.rgba};
+      fill: ${a.interactive.disabled__text.rgba};
       &:hover {
         background: transparent;
       }
     }
     > label {
-      color: ${l.interactive.disabled__text.rgba};
+      color: ${a.interactive.disabled__text.rgba};
     }
   }
-`,p=s.section`
+`,c=n.section`
   position: relative;
   display: flex;
   flex-wrap: wrap;
-  gap: ${i.x_small};
+  gap: ${o.x_small};
   min-height: 24px;
   input[type='search'] {
     background: transparent;
@@ -59,7 +59,7 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
     flex-grow: 1;
     padding: 0;
     font-family: 'Equinor', sans-serif;
-    color: ${l.text.static_icons__default.rgba};
+    color: ${a.text.static_icons__default.rgba};
     outline: none;
     border: none;
   }
@@ -74,14 +74,14 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
   }
   &:has(input:disabled) {
     > p {
-      color: ${l.interactive.disabled__text.rgba};
+      color: ${a.interactive.disabled__text.rgba};
     }
     > .amplify-combo-box-chip {
       cursor: not-allowed;
-      background: ${l.interactive.disabled__fill.rgba};
-      color: ${l.interactive.disabled__text.rgba};
+      background: ${a.interactive.disabled__fill.rgba};
+      color: ${a.interactive.disabled__text.rgba};
       > svg {
-        fill: ${l.interactive.disabled__text.rgba};
+        fill: ${a.interactive.disabled__text.rgba};
         &:hover {
           cursor: not-allowed;
           background: none;
@@ -89,7 +89,7 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
       }
     }
   }
-`,b=s(r)`
+`,d=n(r)`
   position: absolute;
   top: 50%;
   transform: translate(0, -50%);
@@ -97,17 +97,17 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
   width: 24px;
   height: 24px;
   svg {
-    fill: ${l.text.static_icons__secondary.rgba};
+    fill: ${a.text.static_icons__secondary.rgba};
   }
   &:after {
     width: 24px;
     height: 24px;
     left: 0;
   }
-`,u=s(n)`
-  background: ${({$tryingToRemove:r,$lightBackground:e})=>r?l.interactive.primary__hover_alt.rgba:e?l.ui.background__light.rgba:l.ui.background__default.rgba} !important;
-`,_=s(e.Item)`
-  flex: 1;
+`,g=n(i)`
+  background: ${({$tryingToRemove:r,$lightBackground:e})=>r?a.interactive.primary__hover_alt.rgba:e?a.ui.background__light.rgba:a.ui.background__default.rgba} !important;
+`,p=n(e.Item)`
+  flex-grow: 1;
   border-radius: 2px;
   ${({$paddedLeft:r})=>r&&"margin-left: 36px"};
   padding-left: 10px;
@@ -117,33 +117,39 @@ import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";expor
   }
 
   &:focus-visible {
-    background: ${l.interactive.primary__hover_alt.rgba};
+    background: ${a.interactive.primary__hover_alt.rgba};
   }
 
+  /* Hide any background change on hover since we set focus on hover now */
   &:hover {
-    background: ${l.interactive.primary__hover_alt.rgba};
+    background: ${a.interactive.primary__hover_alt.rgba};
+    background: transparent;
+  }
+
+  &:focus-visible {
+    background: ${a.interactive.primary__hover_alt.rgba};
   }
-`,h=s.hr`
-  height: calc(100% + ${c.comfortable.medium} * 2);
+`,b=n.hr`
+  height: calc(100% + ${o.medium} * 2);
   justify-self: center;
-  width: ${i.x_large};
-`,m=s(t)`
+  width: ${o.x_large};
+`,u=n(t)`
   position: absolute;
-  color: ${l.text.static_icons__tertiary.rgba};
+  color: ${a.text.static_icons__tertiary.rgba};
   top: calc(50%);
   transform: translate(0, -50%);
-`,x=s(m)`
-  color: ${l.text.static_icons__default.rgba};
-`,f=s(t)`
-  margin-left: ${c.comfortable.medium};
-`,v=s(e)`
+`,_=n(u)`
+  color: ${a.text.static_icons__default.rgba};
+`,h=n(t)`
+  margin-left: ${o.medium};
+`,m=n(e)`
   max-height: 20rem;
   overflow: auto;
-`,$=s.div`
+`,v=n.div`
   display: flex;
   align-items: center;
-  padding: 0 ${i.small};
-`,w=s(r)`
+  padding: 0 ${o.small};
+`,x=n(r)`
   width: 36px;
   height: 36px;
-`;export{b as ClearButton,g as Container,h as MenuItemSpacer,$ as MenuItemWrapper,f as NoItemsFoundText,m as PlaceholderText,p as Section,w as SmallButton,u as StyledChip,v as StyledMenu,_ as StyledMenuItem,d as VARIANT_COLORS,x as ValueText};
+`;export{d as ClearButton,l as Container,b as MenuItemSpacer,v as MenuItemWrapper,h as NoItemsFoundText,u as PlaceholderText,c as Section,x as SmallButton,g as StyledChip,m as StyledMenu,p as StyledMenuItem,s as VARIANT_COLORS,_ as ValueText};

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

@@ -31,6 +31,7 @@ export interface SelectMenuProps<T extends SelectOptionRequired> {
     itemRefs: MutableRefObject<(HTMLButtonElement | null)[]>;
     onItemKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
     onItemSelect: (item: SelectOption<T>) => void;
+    onMouseEnterItem: (index: number) => void;
     selectableParent?: boolean;
 }
 interface SelectMenuItemProps<T extends SelectOptionRequired> {
@@ -65,5 +66,7 @@ export interface CommonSelectProps {
     clearable?: boolean;
     meta?: string;
     onSearchChange?: (inputValue: string) => void;
+    inDialog?: boolean;
+    onOpenCallback?: (value: boolean) => void;
 }
 export {};

package/dist/molecules/Select/SelectMenu.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{NoItemsFoundText as l}from"./Select.styles.js";import{flattenOptions as m,getChildOffset as n}from"./Select.utils.js";import{SelectMenuItem as s}from"./SelectMenuItem.js";const r=r=>{const{search:i,items:a,onItemSelect:o,itemRefs:c,onItemKeyDown:u,selectableParent:f}=r,p=t((()=>{if(""===i)return a;const e=new RegExp(i,"i");return m(a).map((({value:e,label:t})=>({value:e,label:t}))).filter((t=>t.label.match(e)))}),[a,i]);if(0===p.length)return e(l,{children:"No items found"});const d=p.some((e=>e.children&&e.children.length>0));return"values"in r?p.map(((t,l)=>e(s,{childOffset:n(p,l),index:l,multiselect:!0,item:t,itemRefs:c,onItemKeyDown:u,onItemSelect:o,values:r.values,selectableParent:f,parentHasNestedItems:d},`menu-item-${l}-${t.value}`))):p.map(((t,l)=>e(s,{childOffset:n(p,l),index:l,item:t,itemRefs:c,onItemKeyDown:u,onItemSelect:o,selectableParent:f,parentHasNestedItems:d},`menu-item-${l}-${t.value}`)))};export{r as SelectMenu};
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{NoItemsFoundText as n}from"./Select.styles.js";import{flattenOptions as m,getChildOffset as l}from"./Select.utils.js";import{SelectMenuItem as s}from"./SelectMenuItem.js";const r=r=>{const{search:o,items:i,onItemSelect:a,itemRefs:c,onItemKeyDown:u,onMouseEnterItem:f,selectableParent:p}=r,I=t((()=>{if(""===o)return i;const e=new RegExp(o,"i");return m(i).map((({value:e,label:t})=>({value:e,label:t}))).filter((t=>t.label.match(e)))}),[i,o]);if(0===I.length)return e(n,{children:"No items found"});const d=I.some((e=>e.children&&e.children.length>0));return"values"in r?I.map(((t,n)=>e(s,{childOffset:l(I,n),index:n,multiselect:!0,item:t,itemRefs:c,onItemKeyDown:u,onItemSelect:a,onMouseEnterItem:f,values:r.values,selectableParent:p,parentHasNestedItems:d},`menu-item-${n}-${t.value}`))):I.map(((t,n)=>e(s,{childOffset:l(I,n),index:n,item:t,itemRefs:c,onItemKeyDown:u,onItemSelect:a,onMouseEnterItem:f,selectableParent:p,parentHasNestedItems:d},`menu-item-${n}-${t.value}`)))};export{r as SelectMenu};

package/dist/molecules/Select/SelectMenuItem.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{useState as n,useRef as i,useMemo as l}from"react";import{Icon as c}from"@equinor/eds-core-react";import{checkbox_outline as o,checkbox as a,checkbox_indeterminate as u,chevron_down as s,chevron_right as d}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{MenuItemSpacer as p,MenuItemWrapper as h,SmallButton as f,StyledMenuItem as v}from"./Select.styles.js";import{flattenOptions as y,getChildOffset as g}from"./Select.utils.js";const{colors:w}=m,k=m=>{const{index:b,childOffset:_,depth:x=0,item:C,multiselect:A,itemRefs:D,onItemKeyDown:$,onItemSelect:I,selectableParent:K=!0,parentHasNestedItems:j=!1}=m,[O,S]=n(!1),q=i(-1),P=i([]),R=("values"in m?m.values.map((({value:e})=>e)):[]).includes(C.value),H=l((()=>{if(!A||!C.children||0===C.children.length)return o;if(R)return a;if([C,...C.children].some((e=>m.values.find((r=>r.value===e.value)))))return u;const e=m.values.map((({value:e})=>e)),r=y([C])?.map((({value:e})=>e));return r.some((r=>e.includes(r)))?u:o}),[C,A,m,R]),L=l((()=>new Array(x).fill(0).map(((r,t)=>e(p,{},`spacer-${r+t}`)))),[x]),M=()=>{if(I(C),!A)return void S((e=>!e));const e=!m.values.map((({value:e})=>e)).includes(C.value);S(e)},N=e=>{e.stopPropagation(),S((e=>!e))},U=e=>{"ArrowDown"===e.key?q.current+=1:"ArrowUp"===e.key&&(q.current-=1),q.current<=-1?(D.current[b]?.focus(),q.current=-1):q.current+_===P.current.length?(q.current=-1,$(e),S(!1)):q.current>=0&&q.current<P.current.length-_&&P.current[q.current+_]?.focus()},z=e=>{O||"ArrowDown"!==e.key&&"ArrowUp"!==e.key?"ArrowRight"===e.key||"ArrowLeft"===e.key?S((e=>!e)):O&&"ArrowDown"===e.key&&-1===q.current&&(q.current=0,P.current[q.current+_]?.focus()):$(e)};return C.children&&C.children.length>0&&A?r(t,{children:[r(h,{children:[L,e(f,{variant:"ghost_icon",onClick:N,"data-testid":"toggle-button",children:e(c,{color:w.interactive.primary__resting.rgba,data:O?s:d})}),r(v,{$depth:x,ref:e=>{D.current[b]=e},index:b,closeMenuOnClick:!1,onKeyDownCapture:z,onClick:M,children:[e(c,{color:K?w.interactive.primary__resting.rgba:w.interactive.disabled__fill.rgba,data:H}),C.label]})]}),O&&C.children.map(((r,t)=>e(k,{index:_+t,childOffset:_+g(C.children,t),depth:x+1,multiselect:!0,item:r,itemRefs:P,values:m.values,onItemKeyDown:U,onItemSelect:I,selectableParent:K,parentHasNestedItems:!0},`child-${t}-${r.value}-${C.value}`)))]}):A?r(h,{children:[L,r(v,{$depth:x,$paddedLeft:j,ref:e=>{D.current[b]=e},index:b,tabIndex:x,closeMenuOnClick:!1,onKeyDownCapture:$,onClick:M,children:[e(c,{color:w.interactive.primary__resting.rgba,data:R?a:o}),C.label]})]}):e(h,{children:e(v,{$depth:x,ref:e=>{D.current[b]=e},index:b,onKeyDownCapture:$,onClick:M,children:C.label})})};export{k as SelectMenuItem};
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{useState as n,useRef as o,useMemo as c}from"react";import{Icon as i}from"@equinor/eds-core-react";import{checkbox_outline as l,checkbox as u,checkbox_indeterminate as a,chevron_down as s,chevron_right as d}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{MenuItemSpacer as p,MenuItemWrapper as f,SmallButton as h,StyledMenuItem as v}from"./Select.styles.js";import{flattenOptions as y,getChildOffset as g}from"./Select.utils.js";const{colors:w}=m,k=m=>{const{index:b,childOffset:_,depth:x=0,item:C,multiselect:I,itemRefs:A,onItemKeyDown:D,onMouseEnterItem:$,onItemSelect:M,selectableParent:E=!0,parentHasNestedItems:K=!1}=m,[j,O]=n(!1),S=o(-1),q=o([]),P=("values"in m?m.values.map((({value:e})=>e)):[]).includes(C.value),R=c((()=>{if(!I||!C.children||0===C.children.length)return l;if(P)return u;if([C,...C.children].some((e=>m.values.find((r=>r.value===e.value)))))return a;const e=m.values.map((({value:e})=>e)),r=y([C])?.map((({value:e})=>e));return r.some((r=>e.includes(r)))?a:l}),[C,I,m,P]),H=c((()=>new Array(x).fill(0).map(((r,t)=>e(p,{},`spacer-${r+t}`)))),[x]),L=()=>{if(M(C),!I)return void O((e=>!e));const e=!m.values.map((({value:e})=>e)).includes(C.value);O(e)},N=()=>{$(b)},U=e=>{e.stopPropagation(),O((e=>!e))},z=e=>{"ArrowDown"===e.key?S.current+=1:"ArrowUp"===e.key&&(S.current-=1),S.current<=-1?(A.current[b]?.focus(),S.current=-1):S.current+_===q.current.length?(S.current=-1,D(e),O(!1)):S.current>=0&&S.current<q.current.length-_&&q.current[S.current+_]?.focus()},B=e=>{j||"ArrowDown"!==e.key&&"ArrowUp"!==e.key?"ArrowRight"===e.key||"ArrowLeft"===e.key?O((e=>!e)):j&&"ArrowDown"===e.key&&-1===S.current&&(S.current=0,q.current[S.current+_]?.focus()):D(e)},F=e=>{S.current=e,q.current.at(e)?.focus()};return C.children&&C.children.length>0&&I?r(t,{children:[r(f,{children:[H,e(h,{variant:"ghost_icon",onClick:U,"data-testid":"toggle-button",children:e(i,{color:w.interactive.primary__resting.rgba,data:j?s:d})}),r(v,{$depth:x,ref:e=>{A.current[b]=e},index:b,closeMenuOnClick:!1,onKeyDownCapture:B,onMouseEnter:N,onClick:L,children:[e(i,{color:E?w.interactive.primary__resting.rgba:w.interactive.disabled__fill.rgba,data:R}),C.label]})]}),j&&C.children.map(((r,t)=>e(k,{index:_+t,childOffset:_+g(C.children,t),depth:x+1,multiselect:!0,item:r,itemRefs:q,values:m.values,onItemKeyDown:z,onItemSelect:M,onMouseEnterItem:F,selectableParent:E,parentHasNestedItems:!0},`child-${t}-${r.value}-${C.value}`)))]}):I?r(f,{children:[H,r(v,{$depth:x,$paddedLeft:K,ref:e=>{A.current[b]=e},index:b,tabIndex:x,closeMenuOnClick:!1,onKeyDownCapture:D,onClick:L,onMouseEnter:N,children:[e(i,{color:w.interactive.primary__resting.rgba,data:P?u:l}),C.label]})]}):e(f,{children:e(v,{$depth:x,ref:e=>{A.current[b]=e},index:b,onKeyDownCapture:D,onClick:L,onMouseEnter:N,children:C.label})})};export{k as SelectMenuItem};

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

@@ -0,0 +1,6 @@
+import { CheckboxProps as EDSCheckboxProps } from '@equinor/eds-core-react';
+export interface CheckboxProps extends EDSCheckboxProps {
+    label: string;
+    outlined?: boolean;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/molecules/SelectionControls/Checkbox/Checkbox.js

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

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

@@ -0,0 +1,6 @@
+import { RadioProps as EDSRadioProps } from '@equinor/eds-core-react';
+export interface RadioProps extends EDSRadioProps {
+    label: string;
+    outlined?: boolean;
+}
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/molecules/SelectionControls/Radio/Radio.js

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

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

@@ -0,0 +1,5 @@
+interface WrapperProps {
+    $outlined: boolean;
+}
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, WrapperProps>> & string;
+export {};

package/dist/molecules/SelectionControls/SelectionControls.styles.js

@@ -0,0 +1,66 @@
+import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{animation as a}from"../../atoms/style/animation.js";import"../../atoms/style/colors.js";import{spacings as e}from"../../atoms/style/spacings.js";import i,{css as r}from"styled-components";const{colors:s,shape:o}=t,n=i.span`
+  > label {
+    padding: 0 ${e.large} 0 ${e.small};
+    border-radius: ${o.button.borderRadius};
+    transition: background ${a.transitionMS};
+  }
+
+  /* Radio / Checkbox hover state override */
+  > label > span:before {
+    background-color: transparent !important;
+  }
+  /* Switch hover state override */
+  > label > span > input[type='checkbox'] + span {
+    background: transparent !important;
+  }
+  svg {
+    transition: fill ${a.transitionMS};
+  }
+  input:not(:checked) {
+    ~ svg {
+      fill: ${s.text.static_icons__tertiary.rgba};
+      &:hover {
+        fill: ${s.text.static_icons__default.rgba};
+      }
+    }
+  }
+  /* Switch dot override */
+  > label:has(input:checked) > span > span > span:last-child {
+    background: ${s.interactive.primary__resting.rgba};
+  }
+  > label:has(input:not(:checked)) > span > span > span:last-child {
+    background: ${s.text.static_icons__tertiary.rgba};
+  }
+
+  > label:hover:not(:has(input:disabled)) {
+    background: ${s.interactive.primary__hover_alt.rgba};
+    svg {
+      fill: ${s.text.static_icons__default.rgba};
+    }
+  }
+
+  > label:focus:not(:hover):not(:has(input:disabled)) {
+    outline: 1px dashed ${s.interactive.primary__resting.rgba};
+    outline-offset: -1px;
+  }
+
+  &:has(input:disabled) {
+    span:last-child {
+      color: ${s.interactive.disabled__text.rgba};
+    }
+    svg {
+      fill: ${s.interactive.disabled__text.rgba};
+    }
+  }
+
+  ${({$outlined:t})=>{if(t)return r`
+        > label {
+          outline: 1px solid ${s.ui.background__medium.rgba};
+        }
+        &:has(input:disabled) {
+          svg {
+            fill: ${s.interactive.disabled__border.rgba};
+          }
+        }
+      `}}
+`;export{n as Wrapper};

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

@@ -0,0 +1,5 @@
+import { SwitchProps as EDSSwitchProps } from '@equinor/eds-core-react';
+export interface SwitchProps extends EDSSwitchProps {
+    outlined?: boolean;
+}
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;

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

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

package/dist/molecules/Sieve/Sieve.styles.js

@@ -1,39 +1,39 @@
-import{Chip as o,Search as e,Menu as i}from"@equinor/eds-core-react";import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as n}from"../../atoms/style/spacings.js";import a from"styled-components";const{colors:r}=t,s=a.div`
+import{Chip as o,Search as t,Menu as i}from"@equinor/eds-core-react";import{colors as e}from"../../atoms/style/colors.js";import{spacings as a}from"../../atoms/style/spacings.js";import r from"styled-components";const n=r.div`
   display: flex;
   flex-direction: column;
-  gap: ${n.medium};
-`,d=a.div`
+  gap: ${a.medium};
+`,s=r.div`
   display: flex;
-  gap: ${n.medium};
+  gap: ${a.medium};
   align-items: center;
-`,u=a(o)`
-  color: ${r.text.static_icons__default.rgba};
-  background: ${r.ui.background__light.rgba};
-  border: 1px solid ${r.ui.background__medium.rgba};
+`,d=r(o)`
+  color: ${e.text.static_icons__default.rgba};
+  background: ${e.ui.background__light.rgba};
+  border: 1px solid ${e.ui.background__medium.rgba};
   line-height: normal;
   transition: background 0.15s ease-in;
 
   svg {
     z-index: auto;
-    fill: ${r.text.static_icons__default.rgba};
+    fill: ${e.text.static_icons__default.rgba};
   }
-`,c=a(e)`
+`,c=r(t)`
   > div {
     box-shadow: none;
     outline: none !important;
-    background: ${r.ui.background__default.rgba};
+    background: ${e.ui.background__default.rgba};
     > input {
-      color: ${r.text.static_icons__default.rgba};
+      color: ${e.text.static_icons__default.rgba};
     }
     > input:focus {
-      box-shadow: inset 0px -2px 0px 0px ${r.interactive.primary__resting.rgba};
+      box-shadow: inset 0px -2px 0px 0px ${e.interactive.primary__resting.rgba};
     }
   }
-`,l=a(i.Item)`
+`,l=r(i.Item)`
   outline: none !important;
   > div {
     grid-template-columns: 1fr auto;
   }
-`,m=a(o)`
+`,u=r(o)`
   background: none;
-`;export{m as Chip,d as Container,u as FilterChip,l as MenuItem,c as Search,s as Wrapper};
+`;export{u as Chip,s as Container,d as FilterChip,l as MenuItem,c as Search,n as Wrapper};

package/dist/molecules/Sieve/Sort.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{useRef as t,useState as n}from"react";import{Icon as i,Menu as l}from"@equinor/eds-core-react";import{sort as s,radio_button_selected as c,radio_button_unselected as a}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Chip as d,MenuItem as p}from"./Sieve.styles.js";const{colors:u}=m,f=({options:m,selectedOption:f,setSelectedOption:h})=>{const b=t(null),[v,S]=n(!1);return 0===m.length?null:e(o,{children:[e(d,{ref:b,onClick:()=>{S(!v)},children:["Sort by ",r(i,{data:s})]}),v&&r(l,{open:!0,anchorEl:b.current,onClose:()=>{S(!1)},placement:"bottom-start",children:r(l.Section,{title:"Sort by",children:m.map((o=>e(p,{onClick:()=>(e=>{h(e)})(o),children:[o.label,r(i,{data:f?.value===o.value?c:a,color:u.interactive.primary__resting.rgba})]},`sort-item-${o.value}`)))})})]})};export{f as default};
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{useRef as o,useState as i}from"react";import{Icon as l,Menu as n}from"@equinor/eds-core-react";import{sort as c,radio_button_selected as a,radio_button_unselected as s}from"@equinor/eds-icons";import{colors as m}from"../../atoms/style/colors.js";import{Chip as p,MenuItem as d}from"./Sieve.styles.js";const u=({options:u,selectedOption:f,setSelectedOption:h})=>{const b=o(null),[v,y]=i(!1);return 0===u.length?null:e(t,{children:[e(p,{ref:b,onClick:()=>{y(!v)},children:["Sort by ",r(l,{data:c})]}),v&&r(n,{open:!0,anchorEl:b.current,onClose:()=>{y(!1)},placement:"bottom-start",children:r(n.Section,{title:"Sort by",children:u.map((t=>e(d,{onClick:()=>(e=>{h(e)})(t),children:[t.label,r(l,{data:f?.value===t.value?a:s,color:m.interactive.primary__resting.rgba})]},`sort-item-${t.value}`)))})})]})};export{u as default};

package/dist/molecules/SingleFilterMenu/SingleFilterMenu.js

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

package/dist/molecules/Stepper/Step.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as t,useMemo as i}from"react";import{Typography as n,Icon as a}from"@equinor/eds-core-react";import{check as o}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as l}from"../../atoms/style/spacings.js";import d from"styled-components";const{colors:c,shape:p}=s,m=d.div`
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as t,useMemo as i}from"react";import{Typography as n,Icon as o}from"@equinor/eds-core-react";import{check as a}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as l}from"../../atoms/style/spacings.js";import d from"styled-components";const{colors:c,shape:p}=s,m=d.div`
   display: flex;
   gap: ${l.small};
   align-items: center;
@@ -22,4 +22,4 @@ import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as t,useMemo a
   > svg {
     transform: scale(0.9);
   }
-`,_=({currentIndex:s,setCurrentIndex:l,index:d,onlyShowCurrentStepLabel:p=!1,children:_})=>{const[b,g]=t(null),h=i((()=>e(u,d>=s?{$filled:d===s,children:e(n,{variant:"caption",children:d+1})}:{$outlined:!0,"data-testid":"wrapper",children:e(a,{data:o,color:c.interactive.primary__resting.rgba})})),[d,s]),x=i((()=>d<s?"body_short":"body_short_bold"),[s,d]),f=i((()=>d>s?c.interactive.disabled__text.rgba:c.text.static_icons__default.rgba),[s,d]);return r(m,{"data-testid":"step",ref:e=>{null===b&&null!==e&&g(e)},style:null===b||p?void 0:{width:`calc(${b.clientWidth}px)`},$clickable:d<s,onClick:()=>{d<s&&l(d)},children:[h,(!p||s===d)&&e(n,{variant:x,color:f,children:_})]})};export{_ as default};
+`,_=({currentIndex:s,setCurrentIndex:l,index:d,onlyShowCurrentStepLabel:p=!1,children:_})=>{const[b,g]=t(null),h=i((()=>e(u,d>=s?{$filled:d===s,children:e(n,{variant:"caption",children:d+1})}:{$outlined:!0,"data-testid":"wrapper",children:e(o,{data:a,color:c.interactive.primary__resting.rgba})})),[d,s]),x=i((()=>d<s?"body_short":"body_short_bold"),[s,d]),f=i((()=>d>s?c.interactive.disabled__text.rgba:c.text.static_icons__default.rgba),[s,d]);return r(m,{"data-testid":"step",ref:e=>{null===b&&null!==e&&g(e)},style:null===b||p?void 0:{width:`calc(${b.clientWidth}px)`},$clickable:d<s,onClick:()=>{d<s&&l(d)},children:[h,(!p||s===d)&&e(n,{variant:x,color:f,children:_})]})};export{_ as default};

package/dist/molecules/Stepper/Stepper.js

@@ -1,4 +1,4 @@
-import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import{spacings as r}from"../../atoms/style/spacings.js";import n from"./Step.js";import o from"./StepLine.js";import s from"styled-components";const i=s.div`
+import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import o from"./Step.js";import n from"./StepLine.js";import s from"styled-components";const i=s.div`
   display: grid;
   grid-template-columns:
     repeat(${({$stepAmount:t})=>t-1}, auto 1fr)
@@ -7,4 +7,4 @@ import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import{s
   align-items: center;
   width: 100%;
   ${({$maxWidth:t})=>t&&`max-width: ${t}`}
-`,p=({current:r,setCurrent:s,steps:p,onlyShowCurrentStepLabel:m=!1,maxWidth:a})=>{const d=e((()=>{const e=[];return p.forEach(((i,a)=>{e.push(t(n,{index:a,currentIndex:r,setCurrentIndex:s,onlyShowCurrentStepLabel:m,children:i},`step-${a}`)),a!==p.length-1&&e.push(t(o,{done:r>a},`step-line-${a}`))})),e}),[r,m,s,p]);return t(i,{$stepAmount:p.length,$maxWidth:a,"data-testid":"stepper-container",children:d})};export{p as Stepper};
+`,m=({current:r,setCurrent:s,steps:m,onlyShowCurrentStepLabel:p=!1,maxWidth:a})=>{const d=e((()=>{const e=[];return m.forEach(((i,a)=>{e.push(t(o,{index:a,currentIndex:r,setCurrentIndex:s,onlyShowCurrentStepLabel:p,children:i},`step-${a}`)),a!==m.length-1&&e.push(t(n,{done:r>a},`step-line-${a}`))})),e}),[r,p,s,m]);return t(i,{$stepAmount:m.length,$maxWidth:a,"data-testid":"stepper-container",children:d})};export{m as Stepper};

package/dist/molecules/TextField/TextField.js

@@ -1,3 +1,3 @@
-import{jsx as t}from"react/jsx-runtime";import{TextField as n}from"@equinor/eds-core-react";import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o from"styled-components";const{colors:r}=e,i=o(n)`
-  ${t=>t.variant?`\n    input, textarea {\n      color: ${r.text.static_icons__default.rgba}\n      }\n    `:`\n      input, textarea {\n      color: ${r.text.static_icons__default.rgba}\n      }\n        div:focus-within {\n          outline: none !important;\n          input, textarea{\n              box-shadow: inset 0 -2px 0 0 ${r.interactive.primary__resting.rgba};\n          }\n        }\n        `}
-`,a=n=>t(i,{...n});export{a as TextField};
+import{jsx as t}from"react/jsx-runtime";import{TextField as n}from"@equinor/eds-core-react";import{colors as o}from"../../atoms/style/colors.js";import r from"styled-components";const e=r(n)`
+  ${t=>t.variant?`\n    input, textarea {\n      color: ${o.text.static_icons__default.rgba}\n      }\n    `:`\n      input, textarea {\n      color: ${o.text.static_icons__default.rgba}\n      }\n        div:focus-within {\n          outline: none !important;\n          input, textarea{\n              box-shadow: inset 0 -2px 0 0 ${o.interactive.primary__resting.rgba};\n          }\n        }\n        `}
+`,i=n=>t(e,{...n});export{i as TextField};

package/dist/molecules/Waves/NoiseSvg.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const NoiseSvg: FC;

package/dist/molecules/Waves/NoiseSvg.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";const i=()=>e("svg",{viewBox:"0 0 1500 1500",xmlns:"http://www.w3.org/2000/svg",children:[t("filter",{id:"noiseFilter",children:t("feTurbulence",{type:"fractalNoise",baseFrequency:1.5,numOctaves:3,stitchTiles:"stitch"})}),t("rect",{width:"100%",height:"100%",filter:"url(#noiseFilter)"})]});export{i as NoiseSvg};

package/dist/molecules/Waves/Waves.js

@@ -1,48 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{WaveShapeWithNoise as r}from"./WaveShapeWithNoise.js";import a,{keyframes as o}from"styled-components";const i=a.div`
-  --topGradientColor: #77d9dd;
-  --bottomGradientColor: #407577;
-
-  height: calc(100vh - 64px);
-  width: 100%;
-  overflow: hidden;
-  position: relative;
-  background: linear-gradient(
-    180deg,
-    var(--bottomGradientColor) 0%,
-    var(--topGradientColor) 100%
-  );
-  > svg {
-    position: absolute;
-    filter: grayscale(1);
-    mix-blend-mode: color-burn;
-    z-index: 0;
-  }
-`,n=a.div`
-  --heightFromBottom: ${({heightFromBottom:t})=>`${t}px`};
-  bottom: var(--heightFromBottom);
-  width: 100%;
-  --rotate3d: rotateX(330deg) rotateY(-15deg) scaleX(1.2);
-  position: absolute;
-`,l=o`
-    0% {
-      transform: var(--rotate3d) translateY(-2px) rotateX(0) scaleY(1);
-    }
-    50% {
-      transform: var(--rotate3d) translateY(5px) rotateX(60deg) scaleY(0.8);
-    }
-    100% {
-      transform: var(--rotate3d) translateY(-2px) rotateX(0) scaleY(1);
-    }
-`,s=a.div`
-  position: absolute;
-  height: 100%;
-  min-height: 1000px;
-  width: 100%;
-  top: ${({waveIntervalDist:t})=>`${t}rem`};
-  transform-origin: top;
-  transform: var(--rotate3d) translateY(-2px) scaleY(1);
-  filter: grayscale(1);
-  mix-blend-mode: overlay;
-
-  animation: ${l} 5.5s infinite ease alternate;
-`,d=()=>t("svg",{viewBox:"0 0 1500 1500",xmlns:"http://www.w3.org/2000/svg",children:[e("filter",{id:"noiseFilter",children:e("feTurbulence",{type:"fractalNoise",baseFrequency:1.5,numOctaves:3,stitchTiles:"stitch"})}),e("rect",{width:"100%",height:"100%",filter:"url(#noiseFilter)"})]}),m=({waveIntervalDist:a=3,waveDelay:o=.75,numWaves:l=10,heightFromBottom:m=600})=>{const h=Array.from({length:l},((t,e)=>({waveIntervalDist:e*a,delay:e*o,altWave:e%2==0})));return t(i,{children:[e(d,{}),e(n,{heightFromBottom:m,children:h.map(((t,a)=>e(s,{waveIntervalDist:t.waveIntervalDist,style:{animationDelay:`${t.delay}s`},children:e(r,{index:a,isAltWave:t.altWave})},a)))})]})};export{m as Waves};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{NoiseSvg as a}from"./NoiseSvg.js";import{Container as r,WaveInnerContainer as i,Wave as o}from"./Waves.styles.js";import{WaveShapeWithNoise as s}from"./WaveShapeWithNoise.js";const l=({waveIntervalDist:l=3,waveDelay:m=.75,numWaves:n=10,heightFromBottom:v=600})=>{const h=Array.from({length:n},((e,t)=>({waveIntervalDist:t*l,delay:t*m,altWave:t%2==0})));return e(r,{children:[t(a,{}),t(i,{$heightFromBottom:v,children:h.map(((e,a)=>t(o,{$waveIntervalDist:e.waveIntervalDist,style:{animationDelay:`${e.delay}s`},children:t(s,{index:a,isAltWave:e.altWave})},a)))})]})};export{l as Waves};

package/dist/molecules/Waves/Waves.styles.d.ts

@@ -0,0 +1,10 @@
+interface WaveInnerContainerProps {
+    $heightFromBottom: number;
+}
+export declare const WaveInnerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WaveInnerContainerProps>> & string;
+interface WaveProps {
+    $waveIntervalDist: number;
+}
+export declare const Wave: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WaveProps>> & string;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};