@equinor/amplify-component-lib 8.1.0 → 8.2.0

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

@@ -1,19 +1,19 @@
-import{Button as e,Menu as r,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:e})=>e?`box-shadow: inset 0 -2px 0 0 ${d[e]}`:`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:e})=>e?`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:e})=>e&&"margin-top: 1rem;"};
+  ${({$shouldShowTopMargin:r})=>r&&"margin-top: 1rem;"};
 
   > label {
     left: 0;
@@ -28,7 +28,7 @@ import{Button as e,Menu as r,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 e,Menu as r,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 e,Menu as r,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 e,Menu as r,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 e,Menu as r,Typography as t}from"@equinor/eds-core-react";expor
       }
     }
   }
-`,b=s(e)`
+`,d=n(r)`
   position: absolute;
   top: 50%;
   transform: translate(0, -50%);
@@ -97,54 +97,59 @@ import{Button as e,Menu as r,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:e,$lightBackground:r})=>e?l.interactive.primary__hover_alt.rgba:r?l.ui.background__light.rgba:l.ui.background__default.rgba} !important;
-`,_=s(r.Item)`
+`,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:e})=>e&&"margin-left: 36px"};
+  ${({$paddedLeft:r})=>r&&"margin-left: 36px"};
   padding-left: 10px;
 
   &:focus {
     outline: none;
   }
 
+  &:focus-visible {
+    background: ${a.interactive.primary__hover_alt.rgba};
+  }
+
   /* Hide any background change on hover since we set focus on hover now */
   &:hover {
+    background: ${a.interactive.primary__hover_alt.rgba};
     background: transparent;
   }
 
   &:focus-visible {
-    background: ${l.interactive.primary__hover_alt.rgba};
+    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%);
-`,f=s(m)`
-  color: ${l.text.static_icons__default.rgba};
-`,x=s(t)`
-  margin-left: ${c.comfortable.medium};
-`,v=s(r)`
+`,_=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(e)`
+  padding: 0 ${o.small};
+`,x=n(r)`
   width: 36px;
   height: 36px;
-`;export{b as ClearButton,g as Container,h as MenuItemSpacer,$ as MenuItemWrapper,x as NoItemsFoundText,m as PlaceholderText,p as Section,w as SmallButton,u as StyledChip,v as StyledMenu,_ as StyledMenuItem,d as VARIANT_COLORS,f 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/SelectionControls/SelectionControls.styles.js

@@ -1,7 +1,7 @@
-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{spacings as e}from"../../atoms/style/spacings.js";import i,{css as r}from"styled-components";const{colors:s,shape:n}=t,o=i.span`
+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: ${n.button.borderRadius};
+    border-radius: ${o.button.borderRadius};
     transition: background ${a.transitionMS};
   }
 
@@ -63,4 +63,4 @@ import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
           }
         }
       `}}
-`;export{o as Wrapper};
+`;export{n as Wrapper};

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/organisms/ErrorPage/Description.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import{Typography as t}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"./illustrations/GlitchAnimation.js";import"./illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"react-router-dom";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";const r=o((({text:o="Try again later or use our feedback form if the problem persists."},r)=>e("div",{ref:r,children:e(t,{variant:"h4","data-testid":"description",children:o})})));r.displayName="ErrorPage.Description";export{r as Description};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import{Typography as t}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../atoms/style/colors.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"./illustrations/GlitchAnimation.js";import"./illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"react-router-dom";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";const r=o((({text:o="Try again later or use our feedback form if the problem persists."},r)=>e("div",{ref:r,children:e(t,{variant:"h4","data-testid":"description",children:o})})));r.displayName="ErrorPage.Description";export{r as Description};

package/dist/organisms/ErrorPage/Details.js

@@ -1,23 +1,23 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i,useState as r}from"react";import{Typography as o,Button as a,Icon as n}from"@equinor/eds-core-react";import{chevron_up as s,chevron_down as d}from"@equinor/eds-icons";import{tokens as l}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as c}from"../../atoms/style/spacings.js";import p from"styled-components";const{colors:m}=l,g=p.div`
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i,useState as r}from"react";import{Typography as o,Button as a,Icon as s}from"@equinor/eds-core-react";import{chevron_up as n,chevron_down as d}from"@equinor/eds-icons";import{tokens as l}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:p}=l,g=m.div`
   display: flex;
   flex-direction: column;
   width: 400px;
   > div:first-child {
-    border-bottom: ${t=>!t.open&&`1px solid ${m.ui.background__medium.rgba}`};
+    border-bottom: ${t=>!t.open&&`1px solid ${p.ui.background__medium.rgba}`};
     > p {
-      color: ${t=>t.open?m.interactive.primary__resting.rgba:m.text.static_icons__default.rgba};
+      color: ${t=>t.open?p.interactive.primary__resting.rgba:p.text.static_icons__default.rgba};
     }
     > button > span > svg {
-      fill: ${t=>t.open?m.interactive.primary__resting.rgba:m.text.static_icons__default.rgba};
+      fill: ${t=>t.open?p.interactive.primary__resting.rgba:p.text.static_icons__default.rgba};
     }
   }
   > p {
     padding: 0 ${c.large};
     text-align: justify;
   }
-`,f=p.div`
+`,f=m.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-left: ${c.medium};
-`,u=i((({text:i},l)=>{const[c,p]=r(!1);return t(g,{ref:l,open:c,children:[t(f,{children:[e(o,{children:"More details"}),e(a,{variant:"ghost_icon",onClick:()=>p(!c),"data-testid":"show-details",children:e(n,{data:c?s:d})})]}),c&&e(o,{group:"paragraph",variant:"body_long","data-testid":"details-text",children:i})]})}));u.displayName="ErrorPage.Details";export{u as Details};
+`,u=i((({text:i},l)=>{const[c,m]=r(!1);return t(g,{ref:l,open:c,children:[t(f,{children:[e(o,{children:"More details"}),e(a,{variant:"ghost_icon",onClick:()=>m(!c),"data-testid":"show-details",children:e(s,{data:c?n:d})})]}),c&&e(o,{group:"paragraph",variant:"body_long","data-testid":"details-text",children:i})]})}));u.displayName="ErrorPage.Details";export{u as Details};

package/dist/organisms/ErrorPage/ErrorPage.js

@@ -1,4 +1,4 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{GlitchAnimation as r}from"./illustrations/GlitchAnimation.js";import{spacings as o}from"../../atoms/style/spacings.js";import m from"styled-components";const n=m.div`
+import{jsxs as t,jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{GlitchAnimation as e}from"./illustrations/GlitchAnimation.js";import"../../atoms/style/colors.js";import{spacings as o}from"../../atoms/style/spacings.js";import m from"styled-components";const s=m.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -11,4 +11,4 @@ import{jsxs as i,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"re
     white-space: pre-line;
   }
   width: 500px;
-`,a=e((({children:e,illustration:o=t(r,{})},m)=>i(n,{ref:m,children:[o,e]})));a.displayName="ErrorPage";export{a as ErrorPage};
+`,l=r((({children:r,illustration:o=i(e,{})},m)=>t(s,{ref:m,children:[o,r]})));l.displayName="ErrorPage";export{l as ErrorPage};

package/dist/organisms/ErrorPage/MissingAccesses.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Typography as t,Button as i,Icon as s}from"@equinor/eds-core-react";import{external_link as a}from"@equinor/eds-icons";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import c from"styled-components";import{spacings as l}from"../../atoms/style/spacings.js";const{colors:d}=n,p=c.div`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Typography as r,Button as s,Icon as i}from"@equinor/eds-core-react";import{external_link as a}from"@equinor/eds-icons";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import c from"styled-components";import"../../atoms/style/colors.js";import{spacings as l}from"../../atoms/style/spacings.js";const{colors:d}=n,m=c.div`
   display: flex;
   flex-direction: column;
   gap: ${l.small};
@@ -8,4 +8,4 @@ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"re
     align-items: center;
     gap: ${l.medium};
   }
-`,m=r((({accesses:r=[],text:n},c)=>e(p,{ref:c,children:[o(t,{group:"paragraph",variant:"body_long_bold",children:n??"You can apply for access to the app in AccessIT:"}),r?.map(((r,n)=>e("div",{children:[o(t,{group:"paragraph",variant:"body_short",children:r.title}),r.url&&o(i,{"data-testid":`missing-access-button-${r.title}`,variant:"ghost_icon",onClick:()=>window.open(r.url,"_blank"),children:o(s,{data:a,color:d.text.static_icons__default.rgba})})]},n)))]})));m.displayName="ErrorPage.MissingAccesses";export{m as MissingAccesses};
+`,p=t((({accesses:t=[],text:n},c)=>e(m,{ref:c,children:[o(r,{group:"paragraph",variant:"body_long_bold",children:n??"You can apply for access to the app in AccessIT:"}),t?.map(((t,n)=>e("div",{children:[o(r,{group:"paragraph",variant:"body_short",children:t.title}),t.url&&o(s,{"data-testid":`missing-access-button-${t.title}`,variant:"ghost_icon",onClick:()=>window.open(t.url,"_blank"),children:o(i,{data:a,color:d.text.static_icons__default.rgba})})]},n)))]})));p.displayName="ErrorPage.MissingAccesses";export{p as MissingAccesses};

package/dist/organisms/ErrorPage/Title.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import{Typography as t}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"./illustrations/GlitchAnimation.js";import"./illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"react-router-dom";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";const i=o((({title:o="Oops! Something went wrong."},i)=>e("div",{ref:i,children:e(t,{variant:"h3","data-testid":"title",children:o})})));i.displayName="ErrorPage.Title";export{i as Title};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import{Typography as t}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../atoms/style/colors.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"./illustrations/GlitchAnimation.js";import"./illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"react-router-dom";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";const r=o((({title:o="Oops! Something went wrong."},r)=>e("div",{ref:r,children:e(t,{variant:"h3","data-testid":"title",children:o})})));r.displayName="ErrorPage.Title";export{r as Title};

package/dist/organisms/FieldSelector/ChangingField.js

@@ -1,4 +1,4 @@
-import{jsx as r,jsxs as i,Fragment as t}from"react/jsx-runtime";import{LinearProgress as o,Typography as e}from"@equinor/eds-core-react";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import{useFakeProgress as a}from"../../atoms/hooks/useFakeProgress.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import n from"../../atoms/utils/string.js";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import{spacings as m}from"../../atoms/style/spacings.js";import{AnimatedCheckmark as p}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import d from"styled-components";const{colors:l}=s,c=d.div`
+import{jsx as r,jsxs as i,Fragment as t}from"react/jsx-runtime";import{LinearProgress as o,Typography as e}from"@equinor/eds-core-react";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import{useFakeProgress as a}from"../../atoms/hooks/useFakeProgress.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import n from"../../atoms/utils/string.js";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/style/colors.js";import{spacings as m}from"../../atoms/style/spacings.js";import{AnimatedCheckmark as p}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import d from"styled-components";const{colors:l}=s,c=d.div`
   gap: ${m.medium};
   position: absolute;
   top: 50%;

package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo as o}from"react";import{Card as r,Typography as n,Autocomplete as a,Button as s,Icon as d}from"@equinor/eds-core-react";import{arrow_forward as l}from"@equinor/eds-icons";import{tokens as c}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as m}from"../../../atoms/style/spacings.js";import p from"styled-components";const{elevation:h,colors:u,shape:g}=c,f=p(r)`
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo as o}from"react";import{Card as r,Typography as n,Autocomplete as a,Button as s,Icon as l}from"@equinor/eds-core-react";import{arrow_forward as d}from"@equinor/eds-icons";import{tokens as c}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as m}from"../../../atoms/style/spacings.js";import p from"styled-components";const{elevation:h,colors:u,shape:g}=c,f=p(r)`
   position: absolute;
   left: 50%;
   top: 50%;
@@ -67,4 +67,4 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo a
     background-color: ${u.interactive.primary__hover_alt.rgba};
     cursor: pointer;
   }
-`,_=({availableFields:r,onSelect:c,showAccessITLink:m=!0})=>{const[p,h]=t(),u=o((()=>{const e=[];for(const i of r)i.name?e.push(i):console.error("Field with no name found!:",i);return e}),[r]);return e(f,{children:[i(n,{variant:"h3",children:"Please select a field"}),e("div",{children:[e("section",{children:[i(b,{children:i(a,{autoWidth:!0,options:u,label:"",placeholder:"Select a field",onOptionsChange:e=>{h(e.selectedItems[0])},optionLabel:e=>e.name})}),i(s,{"data-testid":"nextButton",variant:"contained_icon",disabled:void 0===p,onClick:()=>{void 0!==p&&c(p)},children:i(d,{data:l})})]}),m&&e(x,{children:[i(n,{variant:"overline",children:"Missing a field?"}),i(v,{tabIndex:0,"data-testid":"missing-access",href:"https://accessit.equinor.com/#",target:"_blank",children:"Go to AccessIT"})]})]})]})};export{_ as SelectorCard};
+`,_=({availableFields:r,onSelect:c,showAccessITLink:m=!0})=>{const[p,h]=t(),u=o((()=>{const e=[];for(const i of r)i.name?e.push(i):console.error("Field with no name found!:",i);return e}),[r]);return e(f,{children:[i(n,{variant:"h3",children:"Please select a field"}),e("div",{children:[e("section",{children:[i(b,{children:i(a,{autoWidth:!0,options:u,label:"",placeholder:"Select a field",onOptionsChange:e=>{h(e.selectedItems[0])},optionLabel:e=>e.name})}),i(s,{"data-testid":"nextButton",variant:"contained_icon",disabled:void 0===p,onClick:()=>{void 0!==p&&c(p)},children:i(l,{data:d})})]}),m&&e(x,{children:[i(n,{variant:"overline",children:"Missing a field?"}),i(v,{tabIndex:0,"data-testid":"missing-access",href:"https://accessit.equinor.com/#",target:"_blank",children:"Go to AccessIT"})]})]})]})};export{_ as SelectorCard};

package/dist/organisms/FieldSelector/SelectorCard/Skeleton.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Card as o}from"@equinor/eds-core-react";import{tokens as i}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as r}from"../../../atoms/style/spacings.js";import{SkeletonBase as s}from"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import n from"styled-components";const{elevation:a,shape:m}=i,d=n(o)`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Card as t}from"@equinor/eds-core-react";import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as i}from"../../../atoms/style/spacings.js";import{SkeletonBase as s}from"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import n from"styled-components";const{elevation:a,shape:m}=r,d=n(t)`
   position: absolute;
   left: 50%;
   top: 50%;
@@ -7,18 +7,18 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Card as o}from"@equinor
   transform: translate(-50%, -50%);
   width: 25rem;
   align-items: center;
-  padding: ${r.large};
+  padding: ${i.large};
   box-shadow: ${a.raised};
   border-radius: ${m.corners.borderRadius};
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 `,l=n(s)`
-  width: calc((25rem - 2 * ${r.large}) * 0.8);
+  width: calc((25rem - 2 * ${i.large}) * 0.8);
   height: calc(${m.button.minHeight});
 `,c=n(s)`
   width: ${m.icon_button.minWidth};
   height: ${m.icon_button.minHeight};
 
   border-radius: ${m.icon_button.borderRadius};
-`,h=()=>e(d,{children:[t(l,{role:"busy"}),t(c,{role:"busy"})]});export{h as SelectorSkeleton};
+`,h=()=>e(d,{children:[o(l,{role:"busy"}),o(c,{role:"busy"})]});export{h as SelectorSkeleton};

package/dist/organisms/FullPageStatus/FullPageStatus.js

@@ -1,4 +1,4 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Progress as i,Icon as t,Typography as o}from"@equinor/eds-core-react";import{warning_filled as n}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import a from"styled-components";import{spacings as c}from"../../atoms/style/spacings.js";const{colors:l}=s,m=a.div`
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Progress as i,Icon as t,Typography as o}from"@equinor/eds-core-react";import{warning_filled as s}from"@equinor/eds-icons";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import a from"styled-components";import"../../atoms/style/colors.js";import{spacings as c}from"../../atoms/style/spacings.js";const{colors:l}=n,m=a.div`
   display: flex;
   width: 100%;
   justify-content: center;
@@ -15,4 +15,4 @@ import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Progress as i,Icon as t
   circle:first-child {
     stroke: ${l.interactive.primary__hover_alt.rgba};
   }
-`,g=({loading:i,error:s,errorMessage:a})=>r(m,{children:[i&&e(p,{}),s&&!i&&r(d,{children:[e(t,{data:n,size:48,color:l.interactive.warning__resting.rgba}),e(o,{variant:"h5",children:a})]})]});export{g as FullPageStatus};
+`,g=({loading:i,error:n,errorMessage:a})=>r(m,{children:[i&&e(p,{}),n&&!i&&r(d,{children:[e(t,{data:s,size:48,color:l.interactive.warning__resting.rgba}),e(o,{variant:"h5",children:a})]})]});export{g as FullPageStatus};

package/dist/organisms/SideBar/MenuItem.styles.js

@@ -1,4 +1,4 @@
-import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as o}from"../../atoms/style/spacings.js";import"react/jsx-runtime";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"react";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import r from"styled-components";const{colors:s}=t,l=r(e)`
+import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as o}from"../../atoms/style/spacings.js";import"react/jsx-runtime";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"react";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import r from"styled-components";const{colors:s}=t,l=r(e)`
   display: flex;
   align-self: stretch;
   align-items: center;
@@ -33,6 +33,6 @@ import{Link as e}from"react-router-dom";import{tokens as t}from"../../node_modul
   justify-content: center;
   width: 32px;
   height: 32px;
-`,n=r(i)`
+`,a=r(i)`
   color: ${({$disabled:e})=>e?s.interactive.disabled__text.rgba:s.text.static_icons__default.rgba};
-`;export{m as IconContainer,n as ItemText,l as Link};
+`;export{m as IconContainer,a as ItemText,l as Link};

package/dist/organisms/SideBar/SideBar.styles.js

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as i}from"../../atoms/style/spacings.js";import t from"styled-components";const{colors:o}=e,s=t.div`
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as i}from"../../atoms/style/spacings.js";import t from"styled-components";const{colors:o}=e,s=t.div`
   display: flex;
   flex-direction: column;
   align-self: stretch;
@@ -24,9 +24,9 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
   align-items: flex-start;
   align-self: stretch;
   border-top: 1px solid ${o.ui.background__medium.rgba};
-`,n=t.div`
+`,r=t.div`
   display: flex;
   align-self: stretch;
   justify-content: center;
   padding: 20px ${i.medium};
-`;export{d as BottomItemContainer,n as EquinorIconContainer,s as NavigationContainer,l as TopItemContainer};
+`;export{d as BottomItemContainer,r as EquinorIconContainer,s as NavigationContainer,l as TopItemContainer};

package/dist/organisms/SideBar/ToggleOpen.styles.js

@@ -1,11 +1,11 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as o}from"../../atoms/style/spacings.js";import t from"styled-components";const{colors:r}=e,i=t.button`
+import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as e}from"../../atoms/style/spacings.js";import t from"styled-components";const{colors:r}=o,s=t.button`
   display: flex;
   align-self: stretch;
   align-items: center;
-  justify-content: ${({$open:e})=>!e&&"center"};
+  justify-content: ${({$open:o})=>!o&&"center"};
   height: 64px;
-  padding: ${o.medium};
-  gap: ${o.medium};
+  padding: ${e.medium};
+  gap: ${e.medium};
   box-sizing: border-box;
   border-bottom: 1px solid ${r.ui.background__medium.rgba};
   transition: background 0.1s ease-out;
@@ -18,4 +18,4 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
     outline: 1px dashed ${r.interactive.primary__resting.rgba};
     outline-offset: -1px;
   }
-`;export{i as Container};
+`;export{s as Container};

package/dist/organisms/TableOfContents/TableOfContents.constants.js

@@ -1 +1 @@
-import{spacings as o}from"../../atoms/style/spacings.js";const s={buttons:"39px",border:"34px"},t={buttons:o.x_small,border:"0"};export{t as GAP,s as HEIGHT};
+import"../../atoms/style/colors.js";import{spacings as o}from"../../atoms/style/spacings.js";const s={buttons:"39px",border:"34px"},t={buttons:o.x_small,border:"0"};export{t as GAP,s as HEIGHT};