@kvdbil/components 14.2.4 → 14.2.6

package/esm/components/IconButton.js

@@ -1,10 +1,10 @@
-import a from"react";import i,{css as s}from"styled-components";const f=s`
+import n from"react";import a,{css as l}from"styled-components";const d=l`
   background-color: transparent;
-`,l="400ms",b="1500ms",k="750ms",c=s`
+`,s="400ms",m="1500ms",b="750ms",c=l`
   background-color: ${({theme:o,color:r})=>o.colors[r].main};
   opacity: 0.1;
-  ${o=>o.isDisabled&&f};
-`,g=i.div`
+  ${o=>o.isDisabled&&d};
+`,f=a.div`
   cursor: ${o=>o.isDisabled?"default":"pointer"};
   outline: none;
 
@@ -19,22 +19,22 @@ import a from"react";import i,{css as s}from"styled-components";const f=s`
 
   :hover {
     .button-background {
-      transition: background-color ${l};
+      transition: background-color ${s};
       ${c}
     }
   }
 
   :focus {
     .button-background {
-      transition: background-color ${l};
-      animation: FocusRipple ${b} 0ms infinite alternate-reverse;
+      transition: background-color ${s};
+      animation: FocusRipple ${m} 0ms infinite alternate-reverse;
       ${c}
     }
   }
 
   :active {
     .button-background {
-      animation: ActiveRipple ${k};
+      animation: ActiveRipple ${b};
       ${c}
     }
   }
@@ -62,7 +62,7 @@ import a from"react";import i,{css as s}from"styled-components";const f=s`
       clip-path: circle(50%);
     }
   }
-`,h=i.div`
+`,k=a.div`
   top: 0;
   left: 0;
 
@@ -72,4 +72,4 @@ import a from"react";import i,{css as s}from"styled-components";const f=s`
 
   position: absolute;
   border-radius: 10rem;
-`,y=({children:o,isActive:r,isDisabled:e,onClick:n,noTabIndex:p=!1,color:u})=>{const d=t=>{t.key==="Enter"&&!e&&typeof n=="function"&&(t.persist(),n(t))},m=t=>{t.stopPropagation(),t.preventDefault(),t.persist(),!e&&typeof n=="function"&&n(t)};return a.createElement(g,{color:u,isActive:r,isDisabled:e,onClick:m,onKeyDown:d,tabIndex:e||p?void 0:0},a.createElement(h,{className:"button-background"}),o)};export{c as BackgroundStyles,y as default};
+`,v=({children:o,isActive:r,isDisabled:t,onClick:i,noTabIndex:p=!1,color:u})=>n.createElement(f,{color:u,isActive:r,isDisabled:t,onClick:e=>{e.stopPropagation(),e.preventDefault(),e.persist(),!t&&typeof i=="function"&&i(e)},onKeyDown:e=>{e.key==="Enter"&&!t&&typeof i=="function"&&(e.persist(),i(e))},tabIndex:t||p?void 0:0},n.createElement(k,{className:"button-background"}),o);export{c as BackgroundStyles,v as default};

package/esm/components/Icons/Arrow.js

@@ -1 +1 @@
-import e from"react";const a=({title:t,...r})=>e.createElement("svg",{...r},t&&e.createElement("title",null,t),e.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 22 22"},e.createElement("path",{d:"M1.29412 9.70588L10.7843 19.1961C10.9034 19.3152 11.0966 19.3152 11.2157 19.1961L20.7059 9.70588L22 11L12.5098 20.4902C11.676 21.324 10.324 21.324 9.4902 20.4902L0 11L1.29412 9.70588Z"})),e.createElement("use",{xlinkHref:"#icon-arrow"}));export{a as default};
+import e from"react";const l=({title:t,...r})=>e.createElement("svg",{...r},t&&e.createElement("title",null,t),e.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 22 22"},e.createElement("path",{d:"M1.29412 9.70588L10.7843 19.1961C10.9034 19.3152 11.0966 19.3152 11.2157 19.1961L20.7059 9.70588L22 11L12.5098 20.4902C11.676 21.324 10.324 21.324 9.4902 20.4902L0 11L1.29412 9.70588Z"})),e.createElement("use",{xlinkHref:"#icon-arrow"}));export{l as default};

package/esm/components/Icons/CheckCircle.js

@@ -1 +1 @@
-import e from"react";const t=({title:C="CheckCircle",...c})=>e.createElement("svg",{...c},C&&e.createElement("title",null,C),e.createElement("symbol",{id:"icon-checkCircle",viewBox:"0 0 24 24"},e.createElement("path",{d:"M12.5 23.0012C6.42487 23.0012 1.5 18.0764 1.5 12.0012C1.5 5.92609 6.42487 1.00122 12.5 1.00122C18.5751 1.00122 23.5 5.92609 23.5 12.0012C23.5 18.0764 18.5751 23.0012 12.5 23.0012ZM12.5 21.1679C17.5626 21.1679 21.6667 17.0638 21.6667 12.0012C21.6667 6.93861 17.5626 2.83455 12.5 2.83455C7.43739 2.83455 3.33333 6.93861 3.33333 12.0012C3.33333 17.0638 7.43739 21.1679 12.5 21.1679ZM9.10748 13.2429C9.33504 13.5121 9.55429 13.7564 9.76125 13.9695C10.1479 14.3676 10.4817 14.6294 10.6107 14.7179C10.6392 14.7003 10.6714 14.6794 10.7067 14.6551C10.9006 14.522 11.1553 14.3144 11.4591 14.0413C12.0292 13.5287 12.7476 12.8084 13.5766 11.9265C13.7427 11.7497 13.9125 11.5673 14.0856 11.3797C14.819 10.5847 15.5796 9.73162 16.3227 8.87836C16.5829 8.5796 16.8222 8.30225 17.0352 8.0535C17.1626 7.90465 17.2527 7.79871 17.2999 7.74287L18.7001 8.92624C18.6505 8.98498 18.5579 9.09389 18.4278 9.24582C18.2116 9.49837 17.9689 9.77961 17.7052 10.0824C16.9514 10.9479 16.1796 11.8136 15.4331 12.6228C15.2562 12.8145 15.0826 13.0011 14.9124 13.1821C12.7154 15.5196 11.5309 16.5846 10.6667 16.5846C9.95327 16.5846 9.28235 16.1078 8.44613 15.2468C8.20742 15.0011 7.96047 14.7259 7.70721 14.4262C7.35453 14.0089 7.00646 13.5644 6.67696 13.1203C6.47905 12.8535 6.33026 12.6446 6.24558 12.5219L7.75443 11.4805C7.82792 11.587 7.96481 11.7792 8.14939 12.028C8.4574 12.4432 8.78234 12.8581 9.10748 13.2429Z"})),e.createElement("use",{xlinkHref:"#icon-checkCircle"}));export{t as default};
+import e from"react";const c=({title:C="CheckCircle",...t})=>e.createElement("svg",{...t},C&&e.createElement("title",null,C),e.createElement("symbol",{id:"icon-checkCircle",viewBox:"0 0 24 24"},e.createElement("path",{d:"M12.5 23.0012C6.42487 23.0012 1.5 18.0764 1.5 12.0012C1.5 5.92609 6.42487 1.00122 12.5 1.00122C18.5751 1.00122 23.5 5.92609 23.5 12.0012C23.5 18.0764 18.5751 23.0012 12.5 23.0012ZM12.5 21.1679C17.5626 21.1679 21.6667 17.0638 21.6667 12.0012C21.6667 6.93861 17.5626 2.83455 12.5 2.83455C7.43739 2.83455 3.33333 6.93861 3.33333 12.0012C3.33333 17.0638 7.43739 21.1679 12.5 21.1679ZM9.10748 13.2429C9.33504 13.5121 9.55429 13.7564 9.76125 13.9695C10.1479 14.3676 10.4817 14.6294 10.6107 14.7179C10.6392 14.7003 10.6714 14.6794 10.7067 14.6551C10.9006 14.522 11.1553 14.3144 11.4591 14.0413C12.0292 13.5287 12.7476 12.8084 13.5766 11.9265C13.7427 11.7497 13.9125 11.5673 14.0856 11.3797C14.819 10.5847 15.5796 9.73162 16.3227 8.87836C16.5829 8.5796 16.8222 8.30225 17.0352 8.0535C17.1626 7.90465 17.2527 7.79871 17.2999 7.74287L18.7001 8.92624C18.6505 8.98498 18.5579 9.09389 18.4278 9.24582C18.2116 9.49837 17.9689 9.77961 17.7052 10.0824C16.9514 10.9479 16.1796 11.8136 15.4331 12.6228C15.2562 12.8145 15.0826 13.0011 14.9124 13.1821C12.7154 15.5196 11.5309 16.5846 10.6667 16.5846C9.95327 16.5846 9.28235 16.1078 8.44613 15.2468C8.20742 15.0011 7.96047 14.7259 7.70721 14.4262C7.35453 14.0089 7.00646 13.5644 6.67696 13.1203C6.47905 12.8535 6.33026 12.6446 6.24558 12.5219L7.75443 11.4805C7.82792 11.587 7.96481 11.7792 8.14939 12.028C8.4574 12.4432 8.78234 12.8581 9.10748 13.2429Z"})),e.createElement("use",{xlinkHref:"#icon-checkCircle"}));export{c as default};

package/esm/components/Icons/Close.js

@@ -1 +1 @@
-import e from"react";const c=({title:t="Close",...l})=>e.createElement("svg",{...l},t&&e.createElement("title",null,t),e.createElement("symbol",{id:"icon-close",viewBox:"0 0 24 24"},e.createElement("path",{d:"M12.0001 10.5859L21.7629 0.823223L23.1771 2.23744L13.4144 12.0002L23.1771 21.7629L21.7629 23.1771L12.0001 13.4144L2.23744 23.1771L0.823223 21.7629L10.5859 12.0002L0.823223 2.23745L2.23744 0.823234L12.0001 10.5859Z"})),e.createElement("use",{xlinkHref:"#icon-close"}));export{c as default};
+import e from"react";const L=({title:t="Close",...l})=>e.createElement("svg",{...l},t&&e.createElement("title",null,t),e.createElement("symbol",{id:"icon-close",viewBox:"0 0 24 24"},e.createElement("path",{d:"M12.0001 10.5859L21.7629 0.823223L23.1771 2.23744L13.4144 12.0002L23.1771 21.7629L21.7629 23.1771L12.0001 13.4144L2.23744 23.1771L0.823223 21.7629L10.5859 12.0002L0.823223 2.23745L2.23744 0.823234L12.0001 10.5859Z"})),e.createElement("use",{xlinkHref:"#icon-close"}));export{L as default};

package/esm/components/Icons/ErrorCircle.js

@@ -1 +1 @@
-import e from"react";const l=({title:r,...t})=>e.createElement("svg",{...t},r&&e.createElement("title",null,r),e.createElement("symbol",{id:"icon-errorCircle",viewBox:"0 0 24 24"},e.createElement("path",{d:"M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 13.8346V6.50122H11.5833V13.8346H13.4167ZM13.4167 15.6679V17.5012H11.5833V15.6679H13.4167Z"})),e.createElement("use",{xlinkHref:"#icon-errorCircle"}));export{l as default};
+import e from"react";const l=({title:t,...r})=>e.createElement("svg",{...r},t&&e.createElement("title",null,t),e.createElement("symbol",{id:"icon-errorCircle",viewBox:"0 0 24 24"},e.createElement("path",{d:"M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 13.8346V6.50122H11.5833V13.8346H13.4167ZM13.4167 15.6679V17.5012H11.5833V15.6679H13.4167Z"})),e.createElement("use",{xlinkHref:"#icon-errorCircle"}));export{l as default};

package/esm/components/Icons/InfoCircle.js

@@ -1 +1 @@
-import e from"react";const c=({title:t,...l})=>e.createElement("svg",{...l},t&&e.createElement("title",null,t),e.createElement("symbol",{id:"icon-infoCircle",viewBox:"0 0 24 24"},e.createElement("path",{d:"M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 10.1679V17.5012H11.5833V10.1679H13.4167ZM13.4167 8.33455V6.50122H11.5833V8.33455H13.4167Z"})),e.createElement("use",{xlinkHref:"#icon-infoCircle"}));export{c as default};
+import e from"react";const r=({title:t,...l})=>e.createElement("svg",{...l},t&&e.createElement("title",null,t),e.createElement("symbol",{id:"icon-infoCircle",viewBox:"0 0 24 24"},e.createElement("path",{d:"M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 10.1679V17.5012H11.5833V10.1679H13.4167ZM13.4167 8.33455V6.50122H11.5833V8.33455H13.4167Z"})),e.createElement("use",{xlinkHref:"#icon-infoCircle"}));export{r as default};

package/esm/components/ListItem/index.js

@@ -1,15 +1,15 @@
-import e from"react";import t from"styled-components";import{BodyText as m}from"../../typography/BodyText/index.js";import{TinyTitleBold as d}from"../../typography/Heading/index.js";import"../../shared/media-queries.js";const p=t.li`
+import e from"react";import t from"styled-components";import{BodyText as d}from"../../typography/BodyText/index.js";import{TinyTitleBold as m}from"../../typography/Heading/index.js";import"../../shared/media-queries.js";const p=t.li`
   display: flex;
   flex-direction: column;
   padding-bottom: 20px;
   &:last-child {
     padding-bottom: 0;
   }
-`,s=t.div`
+`,c=t.div`
   display: flex;
   align-items: center;
   margin: 0;
-`,c=t(d)`
+`,s=t(m)`
   margin: 0;
 `,g=t.div`
   display: flex;
@@ -20,5 +20,5 @@ import e from"react";import t from"styled-components";import{BodyText as m}from"
     height: 100%;
   }
 `,x=t.div`
-  padding-left: ${({hasIcon:n})=>n?"54px":0};
-`,y=({title:n,text:l,icon:i,component:o="li",children:a,...r})=>e.createElement(p,{as:o,...r},e.createElement(s,null,i&&e.createElement(g,null,i),e.createElement(c,null,n)),e.createElement(x,{hasIcon:Boolean(i)},e.createElement(m,null,l,a)));export{y as default};
+  padding-left: ${({hasIcon:i})=>i?"54px":0};
+`,y=({title:i,text:n,icon:l,component:a="li",children:o,...r})=>e.createElement(p,{as:a,...r},e.createElement(c,null,l&&e.createElement(g,null,l),e.createElement(s,null,i)),e.createElement(x,{hasIcon:Boolean(l)},e.createElement(d,null,n,o)));export{y as default};

package/esm/components/Logo/index.js

@@ -1,3 +1,3 @@
-import e from"react";import s from"styled-components";import d from"./LogoSv.js";import a from"./LogoEn.js";import"../../theme.js";const c=(t,o)=>o||(t==="en"?175:132),g=s.div`
+import e from"react";import s from"styled-components";import c from"./LogoSv.js";import d from"./LogoEn.js";import"../../theme.js";const l=(t,o)=>o||(t==="en"?175:132),a=s.div`
   width: ${({width:t})=>t}px;
-`,r=({locale:t,width:o,color:n})=>{const i=t==="en"?a:d,m=c(t,o);return e.createElement(g,{width:m,"data-testid":`logo-${t}`},e.createElement(i,{color:n}))};export{r as Logo,r as default};
+`,r=({locale:t,width:o,color:i})=>{const m=t==="en"?d:c,n=l(t,o);return e.createElement(a,{width:n,"data-testid":`logo-${t}`},e.createElement(m,{color:i}))};export{r as Logo,r as default};

package/esm/components/MenuItem/index.js

@@ -1,4 +1,4 @@
-import o from"react";import t from"styled-components";import m from"../../theme.js";const r={1:{size:"2rem",lineHeight:"3rem",bottom:"2rem",fontFamily:m.typography.fontAlternativeFamily},2:{size:"1.5rem",lineHeight:"2.5rem",bottom:"1rem",fontFamily:m.typography.fontAlternativeFamily},3:{size:"1rem",lineHeight:"1.5rem",bottom:"1rem",fontFamily:m.typography.fontBaseFamily}},p=t.li`
+import o from"react";import t from"styled-components";import n from"../../theme.js";const r={1:{size:"2rem",lineHeight:"3rem",bottom:"2rem",fontFamily:n.typography.fontAlternativeFamily},2:{size:"1.5rem",lineHeight:"2.5rem",bottom:"1rem",fontFamily:n.typography.fontAlternativeFamily},3:{size:"1rem",lineHeight:"1.5rem",bottom:"1rem",fontFamily:n.typography.fontBaseFamily}},s=t.li`
   list-style-type: none;
   display: flex;
   flex-direction: column;
@@ -7,32 +7,32 @@ import o from"react";import t from"styled-components";import m from"../../theme.
   :hover {
     cursor: pointer;
   }
-`,a=t.span`
+`,i=t.span`
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
   font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
-`,c=t.div`
+`,g=t.div`
   display: flex;
   flex-direction: column;
   padding-bottom: ${({level:e})=>r[e].bottom};
-`,g=t(a)`
+`,c=t(i)`
   color: ${({theme:e})=>e.colors.text.dark};
   font-size: ${({level:e})=>r[e].size};
   line-height: ${({level:e})=>r[e].lineHeight};
   font-family: ${({level:e})=>r[e].fontFamily};
 
-  ${({level:e,theme:n})=>e===3&&`font-weight: ${n.typography.fontAlternativeRegularWeight}`};
-`,d=t(a)`
+  ${({level:e,theme:l})=>e===3&&`font-weight: ${l.typography.fontAlternativeRegularWeight}`};
+`,d=t(i)`
   font-size: 0.75rem;
   font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
   line-height: 1.25rem;
   color: ${({theme:e})=>e.colors.text.dark};
   text-transform: uppercase;
   margin-bottom: 1.5rem;
-`,$=t(a)`
+`,v=t(i)`
   font-size: 0.8125rem;
   font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
   line-height: 1.5rem;
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   color: ${({theme:e})=>e.colors.text.dark};
   margin-top: ${({level:e})=>e===3?"0.25rem":0};
-`,h=({preamble:e,title:n,level:i,component:s="li",children:f,...y})=>{const l=Boolean(e);return o.createElement(p,{as:s,...y,hasPreamble:l},n&&o.createElement(d,null,n),o.createElement(c,{level:i},o.createElement(g,{level:i,hasPreamble:l},f),e&&o.createElement($,{level:i},e)))};export{h as MenuItem,h as default};
+`,h=({preamble:e,title:l,level:m,component:f="li",children:y,...p})=>{const a=Boolean(e);return o.createElement(s,{as:f,...p,hasPreamble:a},l&&o.createElement(d,null,l),o.createElement(g,{level:m},o.createElement(c,{level:m,hasPreamble:a},y),e&&o.createElement(v,{level:m},e)))};export{h as MenuItem,h as default};

package/esm/components/Message/index.js

@@ -1,9 +1,9 @@
-import n,{useRef as d,useState as k}from"react";import c from"styled-components";import{TinyTitleRegular as x}from"../../typography/Heading/index.js";import y from"../../icons/components/AlertIcon.js";import I from"../../icons/components/CheckCircleIcon.js";import C from"../../icons/components/CloseIcon.js";import b from"../../icons/components/InfoIcon.js";import E from"../../icons/components/WarningIcon.js";import"../../shared/media-queries.js";const j=(e,r,o)=>{const t=o.colors.text.dark,s=o.colors.background.light;switch(e){case"info":return{text:r?o.colors.info.dark:t,background:r?s:o.colors.info.lighter};case"success":return{text:r?o.colors.success.dark:t,background:r?s:o.colors.success.lighter};case"warning":return{text:r?o.colors.warning.dark:t,background:r?s:o.colors.warning.lighter};case"error":return{text:r?o.colors.error.dark:t,background:r?s:o.colors.error.lighter};case"text":default:return{text:r?o.colors.text.light:t,background:r?o.colors.background.dark:s}}},w=e=>{switch(e){case"success":return n.createElement(I,null);case"warning":return n.createElement(E,null);case"error":return n.createElement(y,null);case"info":case"text":default:return n.createElement(b,null)}},$=c.div`
+import n,{useRef as f,useState as h}from"react";import s from"styled-components";import{TinyTitleRegular as x}from"../../typography/Heading/index.js";import k from"../../icons/components/AlertIcon.js";import y from"../../icons/components/CheckCircleIcon.js";import $ from"../../icons/components/CloseIcon.js";import b from"../../icons/components/InfoIcon.js";import E from"../../icons/components/WarningIcon.js";import"../../shared/media-queries.js";const v=(e,r,t)=>{const o=t.colors.text.dark,l=t.colors.background.light;switch(e){case"info":return{text:r?t.colors.info.dark:o,background:r?l:t.colors.info.lighter};case"success":return{text:r?t.colors.success.dark:o,background:r?l:t.colors.success.lighter};case"warning":return{text:r?t.colors.warning.dark:o,background:r?l:t.colors.warning.lighter};case"error":return{text:r?t.colors.error.dark:o,background:r?l:t.colors.error.lighter};case"text":default:return{text:r?t.colors.text.light:o,background:r?t.colors.background.dark:l}}},w=e=>{switch(e){case"success":return n.createElement(y,null);case"warning":return n.createElement(E,null);case"error":return n.createElement(k,null);case"info":case"text":default:return n.createElement(b,null)}},j=s.div`
   ${({isDeleted:e})=>e&&`
       opacity: 0;
       transition: opacity 0.3s;
     `}
-`,T=c.div`
+`,C=s.div`
   display: ${({fullWidth:e})=>e?"flex":"inline-flex"};
   ${({fullWidth:e})=>e&&"justify-content: space-between;"}
   align-items: center;
@@ -14,26 +14,26 @@ import n,{useRef as d,useState as k}from"react";import c from"styled-components"
       justify-content: center;
     `}
 
-  ${({theme:e,messageType:r,inverted:o})=>{const{text:t,background:s}=j(r,o,e);return`
-      color: ${t};
-      background-color: ${s};
+  ${({theme:e,messageType:r,inverted:t})=>{const{text:o,background:l}=v(r,t,e);return`
+      color: ${o};
+      background-color: ${l};
     `}}
-`,W=c.div`
+`,I=s.div`
   display: flex;
-`,R=c.div`
+`,T=s.div`
   padding: 0.75rem 0;
-`,D=c(x)`
+`,W=s(x)`
   margin: 0;
-`,A=c.span`
+`,D=s.span`
   display: flex;
   align-items: center;
   margin-right: 1rem;
   font-size: 1.5rem;
-`,h=c.span`
+`,z=s.span`
   display: flex;
   align-items: center;
   margin-left: 1rem;
   font-size: 2.5rem;
   cursor: pointer;
   }
-`,z=({children:e,type:r,withIcon:o=!1,isDeletable:t=!1,fullWidth:s=!1,inverted:a=!1,textCenter:i=!1,...u})=>{const l=d(null),[p,g]=k(!1),f=m=>{m.stopPropagation(),g(!0),setTimeout(()=>{l.current&&l.current.remove()},300)};return n.createElement($,{isDeleted:p},n.createElement(T,{messageType:r,fullWidth:s,inverted:a,textCenter:i,role:"alert",ref:l,...u},n.createElement(W,null,o&&n.createElement(A,null,w(r)),n.createElement(R,null,typeof e=="string"&&n.createElement(D,null,e),typeof e!="string"&&e)),t&&n.createElement(h,{onClick:f,"aria-label":"Close"},n.createElement(C,null))))};export{z as default};
+`,A=({children:e,type:r,withIcon:t=!1,isDeletable:o=!1,fullWidth:l=!1,inverted:i=!1,textCenter:a=!1,...m})=>{const c=f(null),[u,d]=h(!1),g=p=>{p.stopPropagation(),d(!0),setTimeout(()=>{c.current&&c.current.remove()},300)};return n.createElement(j,{isDeleted:u},n.createElement(C,{messageType:r,fullWidth:l,inverted:i,textCenter:a,role:"alert",ref:c,...m},n.createElement(I,null,t&&n.createElement(D,null,w(r)),n.createElement(T,null,typeof e=="string"&&n.createElement(W,null,e),typeof e!="string"&&e)),o&&n.createElement(z,{onClick:g,"aria-label":"Close"},n.createElement($,null))))};export{A as default};

package/esm/components/Modal/index.js

@@ -1,4 +1,4 @@
-import t,{useEffect as h}from"react";import{createPortal as x}from"react-dom";import{CSSTransition as f}from"react-transition-group";import n,{css as b,createGlobalStyle as a}from"styled-components";import y from"../Icons/Close.js";const d=b`
+import e,{useEffect as h}from"react";import{createPortal as x}from"react-dom";import{CSSTransition as b}from"react-transition-group";import n,{css as f,createGlobalStyle as a}from"styled-components";import y from"../Icons/Close.js";const d=f`
   .backgroundTransition-enter {
     opacity: 0;
   }
@@ -16,7 +16,7 @@ import t,{useEffect as h}from"react";import{createPortal as x}from"react-dom";im
     opacity: 0;
     transition: opacity 0.25s ease-in-out;
   }
-`,k=n.div`
+`,E=n.div`
   ${d}
   position: fixed;
   width: 100%;
@@ -24,7 +24,7 @@ import t,{useEffect as h}from"react";import{createPortal as x}from"react-dom";im
   top: 0;
   left: 0;
   z-index: 200;
-`,E=n.div`
+`,k=n.div`
   z-index: -1;
   position: absolute;
   width: 100%;
@@ -74,4 +74,4 @@ import t,{useEffect as h}from"react";import{createPortal as x}from"react-dom";im
   }
 `,S=a`
   ${d}
-`,c=({children:s,isOpen:o,contentStyles:m,withPortal:l=!1,withCloseIcon:p=!0,onClose:e,...u})=>{h(()=>{const r=w=>{w.key==="Escape"&&o&&e()};return window.addEventListener("keydown",r),()=>{window.removeEventListener("keydown",r)}},[e,o]);const g=!!(typeof window!="undefined"&&window.document&&window.document.createElement),i=t.createElement(f,{in:o,mountOnEnter:!0,unmountOnExit:!0,timeout:400,classNames:"backgroundTransition"},t.createElement(t.Fragment,null,t.createElement(S,null),t.createElement(k,{...u},t.createElement(E,{"data-testid":"background",onClick:e}),t.createElement(v,{style:m},p&&t.createElement(T,{onClick:e,"data-testid":"close"},t.createElement(y,null)),s),t.createElement(C,null))));return l&&g?x(i,document.body):i};export{c as Modal,c as default};
+`,c=({children:s,isOpen:o,contentStyles:m,withPortal:l=!1,withCloseIcon:p=!0,onClose:t,...u})=>{h(()=>{const r=w=>{w.key==="Escape"&&o&&t()};return window.addEventListener("keydown",r),()=>{window.removeEventListener("keydown",r)}},[t,o]);const g=!!(typeof window!="undefined"&&window.document&&window.document.createElement),i=e.createElement(b,{in:o,mountOnEnter:!0,unmountOnExit:!0,timeout:400,classNames:"backgroundTransition"},e.createElement(e.Fragment,null,e.createElement(S,null),e.createElement(E,{...u},e.createElement(k,{"data-testid":"background",onClick:t}),e.createElement(v,{style:m},p&&e.createElement(T,{onClick:t,"data-testid":"close"},e.createElement(y,null)),s),e.createElement(C,null))));return l&&g?x(i,document.body):i};export{c as Modal,c as default};

package/esm/components/NotificationButton/index.js

@@ -1,11 +1,11 @@
-import o from"react";import e from"styled-components";import{Badge as i}from"../Badge/index.js";import{Button as r}from"../Button/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";const d=e.div`
+import o from"react";import e from"styled-components";import{Badge as i}from"../Badge/index.js";import{Button as r}from"../Button/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";const p=e.div`
   position: relative;
   display: inline-block;
-`,a=e(i)`
+`,d=e(i)`
   position: absolute;
   top: 0;
   right: 0;
   margin: -10px;
   border: 2px solid white;
   ${t=>t.noPadding&&"padding: 0;"}
-`,s=t=>{const n=(t.badgeProps.notificationAmount||0)<10;return o.createElement(d,null,o.createElement(r,{...t.buttonProps},t.children),o.createElement(a,{...t.badgeProps,noPadding:n}))};export{s as NotificationButton};
+`,s=t=>{const n=(t.badgeProps.notificationAmount||0)<10;return o.createElement(p,null,o.createElement(r,{...t.buttonProps},t.children),o.createElement(d,{...t.badgeProps,noPadding:n}))};export{s as NotificationButton};

package/esm/components/OffCanvas/Overlay.js

@@ -1,4 +1,4 @@
-import n from"react";import{CSSTransition as a}from"react-transition-group";import c from"styled-components";const s={classNames:"backgroundTransition",timeout:{enter:400,exit:400},mountOnEnter:!0,unmountOnExit:!0},u=c.div`
+import n from"react";import{CSSTransition as e}from"react-transition-group";import s from"styled-components";const c={classNames:"backgroundTransition",timeout:{enter:400,exit:400},mountOnEnter:!0,unmountOnExit:!0},u=s.div`
   position: fixed;
   z-index: 1000;
   width: 100%;
@@ -24,4 +24,4 @@ import n from"react";import{CSSTransition as a}from"react-transition-group";impo
     opacity: 0;
     transition: opacity 0.2s ease-in-out;
   }
-`,d=({className:i,isOpen:o,onClick:t,transitionProps:e=s})=>{const r=()=>{t&&t()};return n.createElement(a,{in:o,...e,className:i},n.createElement(u,{onClick:r}))};export{d as default};
+`,p=({className:i,isOpen:o,onClick:t,transitionProps:a=c})=>{const r=()=>{t&&t()};return n.createElement(e,{in:o,...a,className:i},n.createElement(u,{onClick:r}))};export{p as default};

package/esm/components/OffCanvas/index.js

@@ -1,12 +1,12 @@
-import e,{useRef as p}from"react";import{createPortal as v}from"react-dom";import d from"styled-components";import{CSSTransition as x}from"react-transition-group";import E from"./Overlay.js";import{useOutsideClick as b}from"./useClickOutside.js";const y="offCanvasAnimation",C={timeout:{enter:300,exit:300},mountOnEnter:!0,unmountOnExit:!0},O=d.div`
-  ${({animationName:t,animationDuration:s,width:r,from:n,backgroundColor:l,theme:o})=>`
+import e,{useRef as p}from"react";import{createPortal as v}from"react-dom";import d from"styled-components";import{CSSTransition as x}from"react-transition-group";import O from"./Overlay.js";import{useOutsideClick as w}from"./useClickOutside.js";const b="offCanvasAnimation",k={timeout:{enter:300,exit:300},mountOnEnter:!0,unmountOnExit:!0},C=d.div`
+  ${({animationName:t,animationDuration:o,width:r,from:n,backgroundColor:i,theme:a})=>`
     position: fixed;
     z-index: 1001;
     width: 100%;
     height: 100%;
     top: 0;
     ${n==="left"?"left: 0;":"right: 0;"}
-    background-color: ${l||o.colors.background.light};
+    background-color: ${i||a.colors.background.light};
     width: ${r};
     box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
 
@@ -44,14 +44,14 @@ import e,{useRef as p}from"react";import{createPortal as v}from"react-dom";impor
 
     &.${t}--left-exit.${t}--left-exit-active {
       transform: translate3d(-${r}, 0, 0);
-      transition: transform ${s}ms ease-in-out;
+      transition: transform ${o}ms ease-in-out;
     }
   `}
-`,w=d.div`
+`,E=d.div`
   position: relative;
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
-`,$=({animationName:t=y,animationDuration:s=300,backgroundColor:r,backgroundOverlay:n,children:l,from:o="right",isOpen:i,onClickOutside:a,width:m="375px",withPortal:g,transitionProps:h})=>{const f=p(null);b(f,()=>a==null?void 0:a()),n&&!a&&console.error("Please provide a clickOutside handler when using backgroundOverlay option in OffCanvas component");const c=`${t}--${o}`,u=e.createElement(e.Fragment,null,n&&e.createElement(E,{isOpen:i}),e.createElement(e.Fragment,null,e.createElement(x,{in:i,className:`${t} ${c}`,classNames:c,...C,...h},e.createElement(O,{ref:f,animationName:t,animationDuration:s,backgroundColor:r,from:o,width:m},e.createElement(w,{className:`${t}-content`},l)))));return g?v(u,document.body):u};export{$ as OffCanvas,$ as default};
+`,u=({animationName:t=b,animationDuration:o=300,backgroundColor:r,backgroundOverlay:n,children:i,from:a="right",isOpen:l,onClickOutside:s,width:h="375px",withPortal:$,transitionProps:g})=>{const m=p(null);w(m,()=>s==null?void 0:s()),n&&!s&&console.error("Please provide a clickOutside handler when using backgroundOverlay option in OffCanvas component");const c=`${t}--${a}`,f=e.createElement(e.Fragment,null,n&&e.createElement(O,{isOpen:l}),e.createElement(e.Fragment,null,e.createElement(x,{in:l,className:`${t} ${c}`,classNames:c,...k,...g},e.createElement(C,{ref:m,animationName:t,animationDuration:o,backgroundColor:r,from:a,width:h},e.createElement(E,{className:`${t}-content`},i)))));return $?v(f,document.body):f};export{u as OffCanvas,u as default};

package/esm/components/OffCanvas/useClickOutside.js

@@ -1 +1 @@
-import{useCallback as r,useEffect as s}from"react";const u=(e,n)=>{const t=r(o=>{e.current&&!e.current.contains(o.target)&&n()},[n,e]);s(()=>(document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}),[t])};export{u as useOutsideClick};
+import{useCallback as r,useEffect as c}from"react";const s=(e,n)=>{const t=r(o=>{e.current&&!e.current.contains(o.target)&&n()},[n,e]);c(()=>(document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}),[t])};export{s as useOutsideClick};

package/esm/components/RadioButton/index.js

@@ -1,4 +1,4 @@
-import r from"react";import o,{css as i}from"styled-components";import{generateNameHash as p}from"../../shared/helpers.js";import t from"../../theme.js";import g from"../IconButton.js";import{BodyText as h}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const b=i`
+import r from"react";import o,{css as t}from"styled-components";import{generateNameHash as b}from"../../shared/helpers.js";import i from"../../theme.js";import h from"../IconButton.js";import{BodyText as g}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const u=t`
   .circle {
     &--outer {
       height: 24px;
@@ -11,7 +11,7 @@ import r from"react";import o,{css as i}from"styled-components";import{generateN
       transform: scale(0.6);
     }
   }
-`,y=i`
+`,x=t`
   .circle {
     &--outer {
       height: 32px;
@@ -24,75 +24,75 @@ import r from"react";import o,{css as i}from"styled-components";import{generateN
       transform: scale(0.6);
     }
   }
-`,x={regular:b,large:y},f=i`
+`,y={regular:u,large:x},f=t`
   cursor: default;
 
   .circle {
     &--inner {
-      background-color: ${t.colors.gray.light1};
+      background-color: ${i.colors.gray.light1};
     }
 
     &--outer {
-      border: 2px solid ${t.colors.gray.light1};
+      border: 2px solid ${i.colors.gray.light1};
     }
   }
-`,$=i`
+`,$=t`
   .circle {
     &--inner {
       opacity: 1;
-      background-color: ${t.colors.gray.light1};
+      background-color: ${i.colors.gray.light1};
     }
   }
-`,k=e=>i`
+`,k=e=>t`
   .circle {
     &--inner {
       opacity: 1;
-      background-color: ${t.colors[e].main};
+      background-color: ${i.colors[e].main};
     }
 
     &--outer {
-      border: 2px solid ${t.colors[e].main};
+      border: 2px solid ${i.colors[e].main};
     }
   }
-`,z=o.div`
+`,D=o.div`
   display: flex;
   align-items: center;
   box-sizing: border-box;
-`,B=o.span`
+`,z=o.span`
   cursor: pointer;
   display: flex;
   position: relative;
   align-items: center;
   justify-content: center;
 
-  ${e=>x[e.size]};
+  ${e=>y[e.size]};
 
   ${e=>!e.isDisabled&&e.isChecked&&k(e.color)};
   ${e=>e.isDisabled&&f};
 
   ${e=>e.isChecked&&e.isDisabled&&$};
-`,E=o.input`
+`,C=o.input`
   position: fixed;
   opacity: 0;
-`,j=o.span`
+`,E=o.span`
   display: flex;
   box-sizing: border-box;
   border-radius: 50%;
 
-  border: 2px solid ${t.colors.gray.light1};
-`,C=o.span`
+  border: 2px solid ${i.colors.gray.light1};
+`,j=o.span`
   box-sizing: border-box;
   opacity: 0;
   margin: auto;
   border-radius: 50%;
-  background-color: ${t.colors.gray.light1};
+  background-color: ${i.colors.gray.light1};
 
   position: absolute;
   top: 0;
   left: 0;
-`,S=o(h)`
+`,v=o(g)`
   cursor: ${({isDisabled:e})=>e?"default":"pointer"};
   user-select: none;
-  color: ${({theme:e,isDisabled:l})=>l?e.colors.text.disabled:e.colors.text.dark};
+  color: ${({theme:e,isDisabled:s})=>s?e.colors.text.disabled:e.colors.text.dark};
   margin-left: 0.5rem;
-`,u=({name:e=p("radio-button"),size:l="regular",checked:a=!1,isDisabled:c=!1,color:s="secondary",onChange:n,label:d,...m})=>r.createElement(z,null,r.createElement(g,{onClick:n,isActive:a,isDisabled:c,color:s},r.createElement(E,{"data-validate":"checked",checked:a,type:"radio",name:e,id:e,onChange:n,disabled:c,"aria-label":e,...m}),r.createElement(B,{size:l,color:s,isChecked:a,isDisabled:c},r.createElement(j,{className:"circle circle--outer"},r.createElement(C,{className:"circle circle--inner"})))),d&&r.createElement(S,{as:"label",htmlFor:e,isDisabled:c},d));export{u as RadioButton,u as default};
+`,m=({name:e=b("radio-button"),size:s="regular",checked:l=!1,isDisabled:a=!1,color:c="secondary",onChange:n,label:d,...p})=>r.createElement(D,null,r.createElement(h,{onClick:n,isActive:l,isDisabled:a,color:c},r.createElement(C,{"data-validate":"checked",checked:l,type:"radio",name:e,id:e,onChange:n,disabled:a,"aria-label":e,...p}),r.createElement(z,{size:s,color:c,isChecked:l,isDisabled:a},r.createElement(E,{className:"circle circle--outer"},r.createElement(j,{className:"circle circle--inner"})))),d&&r.createElement(v,{as:"label",htmlFor:e,isDisabled:a},d));export{m as RadioButton,m as default};

package/esm/components/RegistrationPlate/index.js

@@ -1,14 +1,14 @@
-import e from"react";import o from"styled-components";import n from"./EuFlagIcon.js";const a=o.div`
+import t from"react";import o from"styled-components";import i from"./EuFlagIcon.js";const n=o.div`
   display: grid;
   grid-template: 100% / 16px auto;
   width: 124px;
   height: 32px;
-`,s=o.div`
+`,a=o.div`
   display: grid;
   grid-template: 55% 45% / 100%;
   justify-items: center;
   background-color: #0357d3;
-  border: 1.5px solid ${({theme:t})=>t.colors.text.dark};
+  border: 1.5px solid ${({theme:e})=>e.colors.text.dark};
   border-right: none;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
@@ -21,19 +21,19 @@ import e from"react";import o from"styled-components";import n from"./EuFlagIcon
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: ${({theme:t})=>t.colors.background.light};
-  color: ${({theme:t})=>t.colors.text.dark};
-  font-family: ${({theme:t})=>t.typography.fontBaseFamily};
+  background-color: ${({theme:e})=>e.colors.background.light};
+  color: ${({theme:e})=>e.colors.text.dark};
+  font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: 20px;
-  font-weight: ${({theme:t})=>t.typography.fontBaseBoldWeight};
-  border: 1.5px solid ${({theme:t})=>t.colors.text.dark};
+  font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
+  border: 1.5px solid ${({theme:e})=>e.colors.text.dark};
   border-left: none;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
-`,c=o.div`
-  color: ${({theme:t})=>t.colors.text.light};
-  font-family: ${({theme:t})=>t.typography.fontBaseFamily};
+`,s=o.div`
+  color: ${({theme:e})=>e.colors.text.light};
+  font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: 10px;
-  font-weight: ${({theme:t})=>t.typography.fontBaseBoldWeight};
+  font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
   line-height: 1;
-`,g=({regNumber:t})=>{const l=i=>{const r=i.replace(/\s+/g,"").slice(0,6);return`${r.slice(0,3)} ${r.slice(3)}`};return e.createElement(a,null,e.createElement(s,null,e.createElement(n,null),e.createElement(c,null,"S")),e.createElement(d,null,l(t)))};export{g as default};
+`,p=({regNumber:e})=>t.createElement(n,null,t.createElement(a,null,t.createElement(i,null),t.createElement(s,null,"S")),t.createElement(d,null,(l=>{const r=l.replace(/\s+/g,"").slice(0,6);return`${r.slice(0,3)} ${r.slice(3)}`})(e)));export{p as default};

package/esm/components/Select/index.js

@@ -1,7 +1,7 @@
-import n,{useState as F}from"react";import z from"react-select";import m from"styled-components";import{DEFAULT_TRANSITION_MS as S}from"../../shared/constants.js";import r from"../../theme.js";import{CaptionStyle as H}from"../../typography/BodyText/index.js";import{Label as O}from"../FieldLabel.js";import"../../shared/media-queries.js";const _=m.div`
+import i,{useState as F}from"react";import O from"react-select";import m from"styled-components";import{DEFAULT_TRANSITION_MS as S}from"../../shared/constants.js";import r from"../../theme.js";import{CaptionStyle as R}from"../../typography/BodyText/index.js";import{Label as N}from"../FieldLabel.js";import"../../shared/media-queries.js";const _=m.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   position: relative;
-`,w=e=>e&&{paddingLeft:"2.5rem"},A=e=>e&&{border:`1px solid ${r.colors.gray.light1}`,color:r.colors.gray.dark1,fill:r.colors.gray.light1},M=e=>e&&{border:`2px solid ${r.colors.error.dark}`},W=m.div`
+`,E=e=>e&&{paddingLeft:"2.5rem"},H=e=>e&&{border:`1px solid ${r.colors.gray.light1}`,color:r.colors.gray.dark1,fill:r.colors.gray.light1},M=e=>e&&{border:`2px solid ${r.colors.error.dark}`},W=m.div`
   position: absolute;
   z-index: 1;
   top: 0.5rem;
@@ -13,12 +13,12 @@ import n,{useState as F}from"react";import z from"react-select";import m from"st
   ${e=>e.isDisabled&&` fill: ${r.colors.gray.light1}; `}
 
   ${e=>e.isFocused&&` fill: ${e.theme.colors.text.dark}; `}
-`,N=m.span`
-  ${H}
+`,A=m.span`
+  ${R}
   display: block;
   margin-top: 0.25rem;
   color: ${({hasError:e})=>e?r.colors.error.dark:r.colors.text.disabled};
-`,P=e=>n.createElement("svg",{...e},n.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},n.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),n.createElement("use",{xlinkHref:"#icon-arrow"})),V=m(P)`
+`,P=e=>i.createElement("svg",{...e},i.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},i.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),i.createElement("use",{xlinkHref:"#icon-arrow"})),V=m(P)`
   width: 0.75rem;
   height: 0.75rem;
   margin: 0;
@@ -36,4 +36,4 @@ import n,{useState as F}from"react";import z from"react-select";import m from"st
   transform: ${e=>e.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
 
   transform-origin: 50% 60%;
-`,q=(e,a)=>a?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,U=({selectProps:{menuIsOpen:e=!1},isFocused:a=!1,isDisabled:u})=>n.createElement(V,{$isDisabled:u,$isFocused:a,$isMenuOpen:e,$theme:r});function C({className:e,color:a="primary",forwardRef:u,hasError:i=!1,height:s,helperText:p,isDisabled:d=!1,onBlur:B=()=>null,onFocus:L=()=>null,onInputChange:v=()=>null,placeholder:I="",name:g,...t}){var h;const[c,b]=F(!1),[E,T]=F(""),D=(o,l)=>{v(o,l),T(o)},y=({isSelected:o,isFocused:l,isDisabled:f})=>o?r.colors[a].main:f?r.colors.background.light:l?r.colors.background.gray:r.colors.background.light,R=o=>{b(!0),L(o)},j=o=>{b(!1),B(o)},$=q(c,i),x=Boolean(t.label)===!1;return n.createElement(_,{className:e},!x&&t.label&&n.createElement(O,{htmlFor:g,height:s,isFocused:c,hasValue:Boolean(t.value||E),disabled:d,theme:r,hasError:i},t.label),t.prefix&&n.createElement(W,{isDisabled:d,isFocused:c},t.prefix),n.createElement(z,{...t,inputId:g,name:g,ref:u,isDisabled:d,onInputChange:D,placeholder:I,onFocus:R,onBlur:j,styles:{control:o=>({...o,borderRadius:0,color:r.colors.text.dark,fontFamily:r.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.5rem",backgroundColor:r.colors.background.light,borderColor:$,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...A(d),...M(i),...w(Boolean(t.prefix))}),input:o=>({...o,height:"auto",margin:0,padding:0}),placeholder:o=>{const l={...o,fontSize:"1rem",lineHeight:"1.5rem",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",margin:0};return x?{...l,color:r.colors.text.dark,fontWeight:600}:{...l,display:c?"static":"none"}},menuList:o=>({...o,padding:"0.5rem 0",paddingBottom:"5rem",marginTop:0,border:`1px solid ${$}`,borderTop:"none",display:"flex",flexDirection:"column",gap:"0.5rem"}),menu:o=>({...o,borderRadius:0,boxShadow:"none",zIndex:5,padding:"0",marginTop:"-0.1rem"}),option:(o,{isSelected:l,isFocused:f,isDisabled:k})=>({...o,padding:"0.5rem",lineHeight:"1.5rem",fontSize:"1rem",fontWeight:400,cursor:k?"not-allowed":"pointer","&:hover":{background:y({isSelected:l,isFocused:!0,isDisabled:k})},background:y({isSelected:l,isFocused:f}),...w(Boolean(t.prefix))}),valueContainer:o=>({...o,position:"static",padding:s?`${s-1}rem 0 `:0,height:s?"auto":"1.5rem"}),clearIndicator:o=>({...o,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:"0.2rem"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:U,...(h=t.components)!=null?h:{}}}),p&&n.createElement(N,{hasError:i},p))}export{C as Select,C as default};
+`,q=(e,l)=>l?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,G=({selectProps:{menuIsOpen:e=!1},isFocused:l=!1,isDisabled:p})=>i.createElement(V,{$isDisabled:p,$isFocused:l,$isMenuOpen:e,$theme:r});function D({className:e,color:l="primary",forwardRef:p,hasError:n=!1,height:s,helperText:u,isDisabled:d=!1,onBlur:w=()=>null,onFocus:B=()=>null,onInputChange:L=()=>null,placeholder:v="",name:g,...t}){var f;const[c,b]=F(!1),[C,T]=F(""),I=(o,a)=>{L(o,a),T(o)},$=({isSelected:o,isFocused:a,isDisabled:h})=>o?r.colors[l].main:h?r.colors.background.light:a?r.colors.background.gray:r.colors.background.light,j=o=>{b(!0),B(o)},z=o=>{b(!1),w(o)},y=q(c,n),x=Boolean(t.label)===!1;return i.createElement(_,{className:e},!x&&t.label&&i.createElement(N,{htmlFor:g,height:s,isFocused:c,hasValue:Boolean(t.value||C),disabled:d,theme:r,hasError:n},t.label),t.prefix&&i.createElement(W,{isDisabled:d,isFocused:c},t.prefix),i.createElement(O,{...t,inputId:g,name:g,ref:p,isDisabled:d,onInputChange:I,placeholder:v,onFocus:j,onBlur:z,styles:{control:o=>({...o,borderRadius:0,color:r.colors.text.dark,fontFamily:r.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.5rem",backgroundColor:r.colors.background.light,borderColor:y,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...H(d),...M(n),...E(Boolean(t.prefix))}),input:o=>({...o,height:"auto",margin:0,padding:0}),placeholder:o=>{const a={...o,fontSize:"1rem",lineHeight:"1.5rem",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",margin:0};return x?{...a,color:r.colors.text.dark,fontWeight:600}:{...a,display:c?"static":"none"}},menuList:o=>({...o,padding:"0.5rem 0",paddingBottom:"5rem",marginTop:0,border:`1px solid ${y}`,borderTop:"none",display:"flex",flexDirection:"column",gap:"0.5rem"}),menu:o=>({...o,borderRadius:0,boxShadow:"none",zIndex:5,padding:"0",marginTop:"-0.1rem"}),option:(o,{isSelected:a,isFocused:h,isDisabled:k})=>({...o,padding:"0.5rem",lineHeight:"1.5rem",fontSize:"1rem",fontWeight:400,cursor:k?"not-allowed":"pointer","&:hover":{background:$({isSelected:a,isFocused:!0,isDisabled:k})},background:$({isSelected:a,isFocused:h}),...E(Boolean(t.prefix))}),valueContainer:o=>({...o,position:"static",padding:s?`${s-1}rem 0 `:0,height:s?"auto":"1.5rem"}),clearIndicator:o=>({...o,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:"0.2rem"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:G,...(f=t.components)!=null?f:{}}}),u&&i.createElement(A,{hasError:n},u))}export{D as Select,D as default};