@kvdbil/components 15.1.4 → 16.0.0

package/cjs/components/RadioButton/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),s=require("../../shared/helpers.js"),i=require("../../theme.js"),o=require("../../typography/BodyText/index.js"),a=require("../IconButton.js");require("../../shared/media-queries.js");var l,t=(l=r)&&l.__esModule?l:{default:l};const c={regular:r.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),s=require("../../shared/helpers.js"),i=require("../../theme.js"),o=require("../../typography/BodyText/index.js"),a=require("../IconButton.js");require("../../shared/media-queries.js"),require("../../utils/utils.js");var l,t=(l=r)&&l.__esModule?l:{default:l};const c={regular:r.css`
   .circle {
     &--outer {
       height: 24px;
@@ -29,18 +29,18 @@
 
   .circle {
     &--inner {
-      background-color: ${i.default.colors.gray.light1};
+      background-color: ${i.default.colors.grayscaleToned.light1};
     }
 
     &--outer {
-      border: 2px solid ${i.default.colors.gray.light1};
+      border: 2px solid ${i.default.colors.grayscaleToned.light1};
     }
   }
 `,n=r.css`
   .circle {
     &--inner {
       opacity: 1;
-      background-color: ${i.default.colors.gray.light1};
+      background-color: ${i.default.colors.grayscaleToned.light1};
     }
   }
 `,u=t.default.div`
@@ -90,13 +90,13 @@
   border-radius: 50%;
 
   border: 2px solid
-    ${e=>e.$hasError?i.default.colors.error.dark:i.default.colors.gray.light1};
+    ${e=>e.$hasError?i.default.colors.error.dark:i.default.colors.grayscaleToned.light1};
 `,g=t.default.span`
   box-sizing: border-box;
   opacity: 0;
   margin: auto;
   border-radius: 50%;
-  background-color: ${i.default.colors.gray.light1};
+  background-color: ${i.default.colors.grayscaleToned.light1};
 
   position: absolute;
   top: 0;

package/cjs/components/Select/index.js

@@ -1,29 +1,29 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-select"),t=require("styled-components"),a=require("../../shared/constants.js"),i=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),s=require("../FieldLabel.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../shared/media-queries.js");var n=d(o),c=d(t);const u=c.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-select"),a=require("styled-components"),t=require("../../shared/constants.js"),l=require("../../theme.js"),i=require("../../typography/BodyText/index.js"),s=require("../FieldLabel.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../shared/media-queries.js");var n=d(o),c=d(a);const u=c.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   position: relative;
-`,p=e=>e&&{paddingLeft:"2.5rem"},m=e=>e&&{border:`1px solid ${i.default.colors.gray.light1}`,color:i.default.colors.gray.dark1,fill:i.default.colors.gray.light1},f=e=>e&&{border:`2px solid ${i.default.colors.error.dark}`},g=c.default.div`
+`,p=e=>e&&{paddingLeft:"2.5rem"},m=e=>e&&{border:`1px solid ${l.default.colors.grayscaleToned.light1}`,color:l.default.colors.grayscaleToned.dark1,fill:l.default.colors.grayscaleToned.light1},f=e=>e&&{border:`2px solid ${l.default.colors.error.dark}`},g=c.default.div`
   position: absolute;
   z-index: 1;
   top: 0.5rem;
   margin: 0.35rem 0.75rem;
 
-  fill: ${i.default.colors.gray.dark5};
-  transition: ${a.DEFAULT_TRANSITION_MS};
+  fill: ${l.default.colors.grayscaleToned.dark5};
+  transition: ${t.DEFAULT_TRANSITION_MS};
 
-  ${e=>e.isDisabled&&` fill: ${i.default.colors.gray.light1}; `}
+  ${e=>e.isDisabled&&` fill: ${l.default.colors.grayscaleToned.light1}; `}
 
   ${e=>e.isFocused&&` fill: ${e.theme.colors.text.dark}; `}
 `,h=c.default.span`
-  ${l.CaptionStyle}
+  ${i.CaptionStyle}
   display: block;
   margin-top: 0.25rem;
-  color: ${({hasError:e})=>e?i.default.colors.error.dark:i.default.colors.text.disabled};
+  color: ${({hasError:e})=>e?l.default.colors.error.dark:l.default.colors.text.disabled};
 `,x=c.default((r=>e.jsxs("svg",{...r,children:[e.jsx("symbol",{id:"icon-arrow",viewBox:"0 0 19 19",children:e.jsx("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"})}),e.jsx("use",{xlinkHref:"#icon-arrow"})]})))`
   width: 0.75rem;
   height: 0.75rem;
   margin: 0;
   ${e=>e.$isFocused&&`color: ${e.$theme.colors.text.dark}`}
-  ${e=>e.$isDisabled&&`color: ${e.$theme.colors.gray.dark1}`}
+  ${e=>e.$isDisabled&&`color: ${e.$theme.colors.grayscaleToned.dark1}`}
 
 
   path {
@@ -31,9 +31,9 @@
     stroke: currentColor;
   }
 
-  transition: transform ${a.DEFAULT_TRANSITION_MS};
+  transition: transform ${t.DEFAULT_TRANSITION_MS};
 
   transform: ${e=>e.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
 
   transform-origin: 50% 60%;
-`,b=({selectProps:{menuIsOpen:r=!1},isFocused:o=!1,isDisabled:t})=>e.jsx(x,{$isDisabled:t,$isFocused:o,$isMenuOpen:r,$theme:i.default});function y({className:o,color:t="primary",forwardRef:a,hasError:l=!1,height:d,helperText:c,isDisabled:x=!1,onBlur:y=(()=>null),onFocus:$=(()=>null),onInputChange:k=(()=>null),placeholder:F="",name:j,...S}){const[v,D]=r.useState(!1),[w,L]=r.useState(""),I=({isSelected:e,isFocused:r,isDisabled:o})=>e?i.default.colors[t].main:o?i.default.colors.background.light:r?i.default.colors.background.gray:i.default.colors.background.light,T=((e,r)=>r?i.default.colors.error.main:e?i.default.colors.text.dark:i.default.colors.gray.light1)(v,l),C=!S.label;return e.jsxs(u,{className:o,children:[!C&&S.label&&e.jsx(s.Label,{htmlFor:j,height:d,isFocused:v,hasValue:!(!S.value&&!w),disabled:x,theme:i.default,hasError:l,children:e.jsxs(e.Fragment,{children:[S.label,e.jsx("span",{})]})}),S.prefix&&e.jsx(g,{isDisabled:x,isFocused:v,children:S.prefix}),e.jsx(n.default,{...S,id:"react-select",inputId:j,name:j,ref:a,isDisabled:x,onInputChange:(e,r)=>{k(e,r),L(e)},placeholder:F,onFocus:e=>{D(!0),$(e)},onBlur:e=>{D(!1),y(e)},styles:{control:e=>({...e,borderRadius:0,color:i.default.colors.text.dark,fontFamily:i.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.5rem",backgroundColor:i.default.colors.background.light,borderColor:T,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...m(x),...f(l),...p(!!S.prefix)}),input:e=>({...e,height:"auto",margin:0,padding:0}),placeholder:e=>{const r={...e,fontSize:"1rem",lineHeight:"1.5rem",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",margin:0};return C?{...r,color:i.default.colors.text.dark,fontWeight:600}:{...r,display:v?"static":"none"}},menuList:e=>({...e,padding:"0.5rem 0",paddingBottom:"5rem",marginTop:0,border:`1px solid ${T}`,borderTop:"none",display:"flex",flexDirection:"column",gap:"0.5rem"}),menu:e=>({...e,borderRadius:0,boxShadow:"none",zIndex:5,padding:"0",marginTop:"-0.1rem"}),option:(e,{isSelected:r,isFocused:o,isDisabled:t})=>({...e,padding:"0.5rem",lineHeight:"1.5rem",fontSize:"1rem",fontWeight:400,cursor:t?"not-allowed":"pointer","&:hover":{background:I({isSelected:r,isFocused:!0,isDisabled:t})},background:I({isSelected:r,isFocused:o}),...p(!!S.prefix)}),valueContainer:e=>({...e,position:"static",padding:d?d-1+"rem 0 ":0,height:d?"auto":"1.5rem"}),clearIndicator:e=>({...e,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:"0.2rem"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:b,...S.components??{}}}),c&&e.jsx(h,{hasError:l,children:c})]})}exports.Select=y,exports.default=y;
+`,b=({selectProps:{menuIsOpen:r=!1},isFocused:o=!1,isDisabled:a})=>e.jsx(x,{$isDisabled:a,$isFocused:o,$isMenuOpen:r,$theme:l.default});function y({className:o,color:a="primary",forwardRef:t,hasError:i=!1,height:d,helperText:c,isDisabled:x=!1,onBlur:y=(()=>null),onFocus:$=(()=>null),onInputChange:k=(()=>null),placeholder:F="",name:j,...S}){const[T,v]=r.useState(!1),[D,w]=r.useState(""),L=({isSelected:e,isFocused:r,isDisabled:o})=>e?l.default.colors[a].main:o?l.default.colors.background.light:r?l.default.colors.background.gray:l.default.colors.background.light,I=((e,r)=>r?l.default.colors.error.main:e?l.default.colors.text.dark:l.default.colors.grayscaleToned.light1)(T,i),C=!S.label;return e.jsxs(u,{className:o,children:[!C&&S.label&&e.jsx(s.Label,{htmlFor:j,height:d,isFocused:T,hasValue:!(!S.value&&!D),disabled:x,theme:l.default,hasError:i,children:e.jsxs(e.Fragment,{children:[S.label,e.jsx("span",{})]})}),S.prefix&&e.jsx(g,{isDisabled:x,isFocused:T,children:S.prefix}),e.jsx(n.default,{...S,id:"react-select",inputId:j,name:j,ref:t,isDisabled:x,onInputChange:(e,r)=>{k(e,r),w(e)},placeholder:F,onFocus:e=>{v(!0),$(e)},onBlur:e=>{v(!1),y(e)},styles:{control:e=>({...e,borderRadius:0,color:l.default.colors.text.dark,fontFamily:l.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.5rem",backgroundColor:l.default.colors.background.light,borderColor:I,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...m(x),...f(i),...p(!!S.prefix)}),input:e=>({...e,height:"auto",margin:0,padding:0}),placeholder:e=>{const r={...e,fontSize:"1rem",lineHeight:"1.5rem",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",margin:0};return C?{...r,color:l.default.colors.text.dark,fontWeight:600}:{...r,display:T?"static":"none"}},menuList:e=>({...e,padding:"0.5rem 0",paddingBottom:"5rem",marginTop:0,border:`1px solid ${I}`,borderTop:"none",display:"flex",flexDirection:"column",gap:"0.5rem"}),menu:e=>({...e,borderRadius:0,boxShadow:"none",zIndex:5,padding:"0",marginTop:"-0.1rem"}),option:(e,{isSelected:r,isFocused:o,isDisabled:a})=>({...e,padding:"0.5rem",lineHeight:"1.5rem",fontSize:"1rem",fontWeight:400,cursor:a?"not-allowed":"pointer","&:hover":{background:L({isSelected:r,isFocused:!0,isDisabled:a})},background:L({isSelected:r,isFocused:o}),...p(!!S.prefix)}),valueContainer:e=>({...e,position:"static",padding:d?d-1+"rem 0 ":0,height:d?"auto":"1.5rem"}),clearIndicator:e=>({...e,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:"0.2rem"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:b,...S.components??{}}}),c&&e.jsx(h,{hasError:i,children:c})]})}exports.Select=y,exports.default=y;

package/cjs/components/Snackbar/index.js

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),o=require("../../theme.js"),i=require("../Icons/CheckCircle.js"),n=require("../Icons/Close.js"),a=require("../Icons/ErrorCircle.js"),s=require("../Icons/InfoCircle.js"),l=require("react-transition-group");var c,d=(c=r)&&c.__esModule?c:{default:c};const u={top:r.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),o=require("../Icons/CheckCircle.js"),i=require("../Icons/Close.js"),n=require("../Icons/ErrorCircle.js"),s=require("../Icons/InfoCircle.js"),a=require("react-transition-group"),l=require("../../utils/utils.js");var c,m=(c=r)&&c.__esModule?c:{default:c};const d={top:r.css`
     top: 0;
   `,bottom:r.css`
     bottom: 0;
-  `},m={right:r.css`
+  `},u={right:r.css`
     right: 0;
   `,center:r.css`
     left: 50%;
     transform: translate(-50%, 0);
   `,left:r.css`
     left: 0;
-  `},f="anim",g=d.default.div`
+  `},g="anim",h=m.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   position: fixed;
   display: flex;
@@ -26,28 +26,28 @@
   font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
   font-size: 0.875rem;
 
-  box-shadow: ${o.default.elevations.elevation8};
-  background-color: ${e=>"none"!==e.color?o.default.colors[e.color].main:o.default.colors.background.light};
-  color: ${e=>"none"!==e.color?o.default.colors.text.light:o.default.colors.text.dark};
+  box-shadow: ${({theme:e})=>e.elevations.elevation8};
+  background-color: ${({theme:e,color:t})=>"none"!==t?l.resolveColorWithNeutral(e,t).main:e.colors.background.light};
+  color: ${({theme:e,color:t})=>"none"!==t?e.colors.text.light:e.colors.text.dark};
 
-  ${e=>u[e.origin.vertical||"bottom"]}
-  ${e=>m[e.origin.horizontal||"left"]}
+  ${e=>d[e.origin.vertical||"bottom"]}
+  ${e=>u[e.origin.horizontal||"left"]}
 
   transition: opacity ${200}ms ease-in;
 
-  &.${f}-enter {
+  &.${g}-enter {
     opacity: 0;
   }
-  &.${f}-enter-active {
+  &.${g}-enter-active {
     opacity: 1;
   }
-  &.${f}-exit {
+  &.${g}-exit {
     opacity: 1;
   }
-  &.${f}-exit-active {
+  &.${g}-exit-active {
     opacity: 0;
   }
-`,h=d.default.div`
+`,f=m.default.div`
   display: inline-flex;
   margin: -0.25rem 0;
   margin-right: 0.75rem;
@@ -57,9 +57,9 @@
   svg {
     width: 1.5rem;
     height: 1.5rem;
-    fill: ${e=>"none"!==e.color?o.default.colors.background.light:o.default.colors.background.dark};
+    fill: ${({theme:e,color:t})=>"none"!==t?e.colors.background.light:e.colors.background.dark};
   }
-`,p=d.default(h)`
+`,p=m.default(f)`
   cursor: pointer;
 
   /* Bigger click area */
@@ -73,6 +73,6 @@
     width: 1rem;
     height: 1rem;
   }
-`,x=d.default.span`
+`,x=m.default.span`
   flex: 1;
-`,y={error:e.jsx(a.default,{}),success:e.jsx(i.default,{}),info:e.jsx(s.default,{}),text:""},j=({message:r,color:o="none",type:i="info",action:a,isOpen:s,origin:c={},onClose:d=(()=>{}),onExited:u=(()=>{}),autoHideDuration:m=4e3,...j})=>(t.useEffect((()=>{const e=setTimeout(d,m);return()=>clearTimeout(e)}),[m,d]),e.jsx(l.CSSTransition,{in:s,timeout:200,mountOnEnter:!0,unmountOnExit:!0,onExited:u,classNames:f,children:e.jsxs(g,{...j,color:o,origin:c,children:[e.jsx(h,{color:o,type:i,children:y[i]}),e.jsx(x,{children:r}),a&&a,e.jsx(p,{color:o??"none",onClick:d,children:e.jsx(n.default,{})})]})}));exports.Snackbar=j,exports.default=j;
+`,y={error:e.jsx(n.default,{}),success:e.jsx(o.default,{}),info:e.jsx(s.default,{}),text:""},j=({message:r,color:o="none",type:n="info",action:s,isOpen:l,origin:c={},onClose:m=(()=>{}),onExited:d=(()=>{}),autoHideDuration:u=4e3,...j})=>(t.useEffect((()=>{const e=setTimeout(m,u);return()=>clearTimeout(e)}),[u,m]),e.jsx(a.CSSTransition,{in:l,timeout:200,mountOnEnter:!0,unmountOnExit:!0,onExited:d,classNames:g,children:e.jsxs(h,{...j,color:o,origin:c,children:[e.jsx(f,{color:o,type:n,children:y[n]}),e.jsx(x,{children:r}),s&&s,e.jsx(p,{color:o??"none",onClick:m,children:e.jsx(i.default,{})})]})}));exports.Snackbar=j,exports.default=j;

package/cjs/components/Spinner/index.js

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../theme.js");var s,a=(s=r)&&s.__esModule?s:{default:s};const o=e=>{const r={smaller:1,small:2,regular:3,large:4};return"number"==typeof e?e:r[e]||r.regular},i=r.keyframes`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../theme.js"),o=require("../../utils/utils.js");var s,l=(s=r)&&s.__esModule?s:{default:s};const a=e=>{const r={smaller:1,small:2,regular:3,large:4};return"number"==typeof e?e:r[e]||r.regular},i=r.keyframes`
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
-`,l=a.default.div`
+`,u=l.default.div`
   display: inline-block;
   border-radius: 50%;
-  border-top: ${({theme:e,color:r,size:t})=>`${o(t)/10}em solid ${e.colors?.[r]?.main??r}`};
-  border-bottom: ${({size:e})=>o(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
-  border-right: ${({size:e})=>o(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
-  border-left: ${({size:e})=>o(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
-  width: ${({size:e})=>o(e)}em;
-  height: ${({size:e})=>o(e)}em;
+  border-top: ${({theme:e,color:r,customColor:t,size:s})=>`${a(s)/10}em solid ${t??"neutral"===r?o.neutralColorSwap(e).main:e.colors?.[r]?.main}`};
+  border-bottom: ${({size:e})=>a(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
+  border-right: ${({size:e})=>a(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
+  border-left: ${({size:e})=>a(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
+  width: ${({size:e})=>a(e)}em;
+  height: ${({size:e})=>a(e)}em;
   animation: ${i} ${({speed:e})=>(e=>{const r={slow:"2s",default:"1s",fast:"0.5s"};return r[e]||r.default})(e)} infinite linear;
   will-change: transform;
-`;exports.default=({size:r="regular",color:s="primary",speed:a="default",...o})=>e.jsx(l,{"aria-label":"loading",role:"status","aria-live":"polite","aria-busy":"true",...o,size:r,speed:a,color:s,theme:t.default});
+`;exports.default=({size:r="regular",color:o="primary",speed:s="default",customColor:l,...a})=>e.jsx(u,{"aria-label":"loading",role:"status","aria-live":"polite","aria-busy":"true",...a,size:r,speed:s,color:o,customColor:l,theme:t.default});

package/cjs/components/SpinnerThin/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("styled-components"),n=require("../../icons/components/CheckmarkIcon.js"),s=require("../../icons/components/CloseIcon.js"),t=require("../Spinner/index.js");require("../../theme.js");var r,o=(r=i)&&r.__esModule?r:{default:r};const a=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("styled-components"),s=require("../../icons/components/CheckmarkIcon.js"),n=require("../../icons/components/CloseIcon.js"),t=require("../Spinner/index.js");require("../../theme.js"),require("../../utils/utils.js");var r,o=(r=i)&&r.__esModule?r:{default:r};const a=o.default.div`
   position: absolute;
-`,d=o.default(t.default)`
+`,l=o.default(t.default)`
   position: absolute;
 
   ${({size:e})=>e&&`\n      width: ${e}rem;\n      height: ${e}rem;\n      margin-left: -${e/2}rem;\n  `}
@@ -10,8 +10,8 @@
     all 0.02s ease-in-out !important,
     width transition 0s !important;
 
-  ${({isLoading:e,theme:i})=>!e&&`\n        animation: none;\n        border: 1px solid ${i.colors.gray.dark3};\n    `}
-`,l=o.default.div`
+  ${({isLoading:e,theme:i})=>!e&&`\n        animation: none;\n        border: 1px solid ${i.colors.grayscaleToned.dark3};\n    `}
+`,d=o.default.div`
   position: absolute;
   display: flex;
   align-items: center;
@@ -23,4 +23,4 @@
 
   transition: opacity 500ms ease-in-out;
   opacity: ${({isDone:e,isError:i})=>e||i?"1":"0"};
-`,u=({isLoading:i=!0,isDone:t=!1,isError:r=!1,size:o=3.5,...u})=>e.jsxs(a,{"data-testid":"spinner-thin","aria-label":"Loading...",children:[e.jsx(l,{size:o,isDone:t,children:e.jsx(n.default,{})}),e.jsx(l,{isClose:!0,size:o,isError:r,children:e.jsx(s.default,{})}),e.jsx(d,{size:o,speed:"fast",color:"neutral",isLoading:i,...u})]});exports.SpinnerThin=u,exports.default=u;
+`,u=({isLoading:i=!0,isDone:t=!1,isError:r=!1,size:o=3.5,...u})=>e.jsxs(a,{"data-testid":"spinner-thin","aria-label":"Loading...",children:[e.jsx(d,{size:o,isDone:t,children:e.jsx(s.default,{})}),e.jsx(d,{isClose:!0,size:o,isError:r,children:e.jsx(n.default,{})}),e.jsx(l,{size:o,speed:"fast",color:"neutral",isLoading:i,...u})]});exports.SpinnerThin=u,exports.default=u;

package/cjs/components/Switcher/index.js

@@ -1,20 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("styled-components"),r=require("../../theme.js");var d,l=(d=o)&&d.__esModule?d:{default:d};const t=l.default.button`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("styled-components"),d=require("../../theme.js");var l,r=(l=o)&&l.__esModule?l:{default:l};const t=r.default.button`
   width: 46px;
   height: 24px;
   border-radius: 12px;
   border: none;
   padding: 2px;
-  background-color: ${({selected:e,disabled:o,color:d})=>o?r.default.colors.gray.light3:e?r.default.colors[d]?.main:r.default.colors.gray.dark5};
+  background-color: ${({selected:e,disabled:o,color:l})=>o?d.default.colors.grayscaleToned.light3:e?d.default.colors[l]?.main:d.default.colors.grayscaleToned.dark5};
   display: flex;
   align-items: center;
   justify-content: ${({selected:e})=>e?"flex-end":"flex-start"};
   cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
   opacity: ${({disabled:e})=>e?.6:1};
   transition: all 0.3s ease;
-`,a=l.default.div`
+`,a=r.default.div`
   width: 20px;
   height: 20px;
   border-radius: 50%;
-  background-color: ${({disabled:e})=>e?r.default.colors.gray.light6:r.default.colors.common.white};
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.09), 0 1px 5px rgba(0, 0, 0, 0.15);
-`,s=({selected:o=!1,disabled:r=!1,onToggle:d,color:l="info",...s})=>e.jsx(t,{selected:o,disabled:r,color:l,onClick:()=>{!r&&d&&d(!o)},...s,children:e.jsx(a,{disabled:r})});exports.Switcher=s,exports.default=s;
+  background-color: ${({disabled:e})=>e?d.default.colors.grayscaleToned.light6:d.default.colors.common.white};
+  box-shadow:
+    0 2px 4px rgba(0, 0, 0, 0.1),
+    0 2px 4px rgba(0, 0, 0, 0.09),
+    0 1px 5px rgba(0, 0, 0, 0.15);
+`,s=({selected:o=!1,disabled:d=!1,onToggle:l,color:r="info",...s})=>e.jsx(t,{selected:o,disabled:d,color:r,onClick:()=>{!d&&l&&l(!o)},...s,children:e.jsx(a,{disabled:d})});exports.Switcher=s,exports.default=s;

package/cjs/components/Table/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),a=require("../../shared/media-queries.js"),l=require("../../theme.js");var d,o=(d=t)&&d.__esModule?d:{default:d};const i=o.default.div`
-  ${a.mq("mobileS","tablet")} {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("styled-components"),t=require("../../shared/media-queries.js"),l=require("../../theme.js");var d,o=(d=a)&&d.__esModule?d:{default:d};const i=o.default.div`
+  ${t.mq("mobileS","tablet")} {
     display: block;
     max-width: -moz-fit-content;
     max-width: fit-content;
@@ -9,16 +9,16 @@
   }
 `,s=o.default.table`
   border-collapse: collapse;
-  border: 1px solid ${l.default.colors.gray.light3};
+  border: 1px solid ${l.default.colors.grayscaleToned.light3};
   font-family: ${l.default.typography.fontBaseFamily};
   text-align: left;
 `,n=o.default.thead``,c=o.default.th`
-  border: 1px solid ${l.default.colors.gray.light3};
+  border: 1px solid ${l.default.colors.grayscaleToned.light3};
   padding: 0.75rem;
   vertical-align: top;
   background-color: ${l.default.colors.background.gray};
 `,u=o.default.tbody``,h=o.default.tr``,p=o.default.td`
-  border: 1px solid ${l.default.colors.gray.light3};
+  border: 1px solid ${l.default.colors.grayscaleToned.light3};
   padding: 0.5rem 0.75rem;
   vertical-align: top;
-`,f=t=>e.jsx(h,{children:r.Children.toArray(t.map(((r,t)=>e.jsx(c,{children:r},t))))},"RowHead"),m=(r,t)=>t.length?r.map((r=>t?.map((t=>e.jsx(p,{children:r[t]},t))))):r.map((r=>Object.entries(r).map((([r,t])=>e.jsx(p,{children:t},r))))),x=t=>r.Children.toArray(t.map(((t,a)=>e.jsx(h,{children:r.Children.toArray(t)},a))));exports.default=({columns:r,data:t})=>e.jsx(i,{children:e.jsxs(s,{children:[r&&e.jsx(n,{children:f(r)}),t&&e.jsx(u,{children:x(m(t,r??[]))})]})});
+`,f=a=>e.jsx(h,{children:r.Children.toArray(a.map(((r,a)=>e.jsx(c,{children:r},a))))},"RowHead"),m=(r,a)=>a.length?r.map((r=>a?.map((a=>e.jsx(p,{children:r[a]},a))))):r.map((r=>Object.entries(r).map((([r,a])=>e.jsx(p,{children:a},r))))),x=a=>r.Children.toArray(a.map(((a,t)=>e.jsx(h,{children:r.Children.toArray(a)},t))));exports.default=({columns:r,data:a})=>e.jsx(i,{children:e.jsxs(s,{children:[r&&e.jsx(n,{children:f(r)}),a&&e.jsx(u,{children:x(m(a,r??[]))})]})});

package/cjs/components/Tabs/Tab.js

@@ -8,9 +8,10 @@
     transition:
       color 0.3s ease,
       border 0.3s ease;
+    border-radius: unset;
 
     :focus-visible {
       ${({theme:e,isActive:r,activeColor:t})=>!r&&`background-color: ${o.hexToRGB(e.colors[t].main,.1)};\n      `}
     }
   }
-`,d=i.forwardRef((({label:r,index:t=-1,isActive:i=!1,onClick:o,activeColor:s="secondary",isDisabled:a=!1,onKeyUp:d},c)=>e.jsx(l,{role:"presentation",children:e.jsx(n,{tabIndex:i?0:-1,isActive:i,onClick:e=>o&&o(e,t),activeColor:s,isDisabled:a,variant:"flat",color:i?s:"neutral",id:`tab-${t}`,role:"tab","aria-selected":i?"true":"false","aria-controls":`tabpanel-${t}`,onKeyUp:e=>d&&d(e,t),ref:c,children:r})})));d.displayName="Tab",exports.default=d;
+`,d=i.forwardRef((({label:r,index:t=-1,isActive:i=!1,onClick:o,activeColor:s="secondary",isDisabled:a=!1,onKeyUp:d},u)=>e.jsx(l,{role:"presentation",children:e.jsx(n,{tabIndex:i?0:-1,isActive:i,onClick:e=>o&&o(e,t),activeColor:s,isDisabled:a,variant:"flat",color:i?s:"neutral",id:`tab-${t}`,role:"tab","aria-selected":i?"true":"false","aria-controls":`tabpanel-${t}`,onKeyUp:e=>d&&d(e,t),ref:u,children:r})})));d.displayName="Tab",exports.default=d;

package/cjs/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("./Tab.js"),t=require("styled-components"),l=require("../../shared/media-queries.js"),s=require("react-collapse"),n=require("../../typography/Heading/index.js");require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../utils/utils.js");var o,d=(o=t)&&o.__esModule?o:{default:o};const a=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("./Tab.js"),t=require("styled-components"),l=require("../../shared/media-queries.js"),s=require("react-collapse"),n=require("../../typography/Heading/index.js");require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../utils/utils.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js");var o,d=(o=t)&&o.__esModule?o:{default:o};const a=d.default.div`
   .ReactCollapse--collapse {
     transition: height 300ms;
   }
@@ -11,7 +11,7 @@
   justify-content: ${({justify:e})=>e};
   align-items: center;
 
-  ${({theme:e,fullWidthBorder:r,borderColor:i})=>r?`border-bottom: 3px solid ${e.colors.gray[i]};`:`& > li {\n          border-bottom: 3px solid ${e.colors.gray[i]};\n        }`}
+  ${({theme:e,fullWidthBorder:r,borderColor:i})=>r?`border-bottom: 3px solid ${e.colors.grayscaleToned[i]};`:`& > li {\n          border-bottom: 3px solid ${e.colors.grayscaleToned[i]};\n        }`}
 
   ${l.mq(null,"mobileL")} {
     flex-direction: column;

package/cjs/components/Tabs/index.js

@@ -1 +1 @@
-"use strict";var e=require("./Tabs.js"),r=require("./Tab.js");require("react/jsx-runtime"),require("react"),require("styled-components"),require("../../shared/media-queries.js"),require("react-collapse"),require("../../typography/Heading/index.js"),require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../utils/utils.js"),exports.Tabs=e.Tabs,exports.Tab=r.default;
+"use strict";var e=require("./Tabs.js"),r=require("./Tab.js");require("react/jsx-runtime"),require("react"),require("styled-components"),require("../../shared/media-queries.js"),require("react-collapse"),require("../../typography/Heading/index.js"),require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../utils/utils.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),exports.Tabs=e.Tabs,exports.Tab=r.default;

package/cjs/components/TextArea/index.js

@@ -1,25 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("styled-components"),a=require("../../theme.js"),s=require("../FieldLabel.js"),o=require("../../typography/BodyText/index.js");require("../../shared/media-queries.js");var t,d=(t=l)&&t.__esModule?t:{default:t};const i=l.css`
-  border: 1px solid ${a.default.colors.gray.light1};
-  color: ${a.default.colors.gray.dark1};
-  fill: ${a.default.colors.gray.light1};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("styled-components"),a=require("../../theme.js"),s=require("../FieldLabel.js"),o=require("../../typography/BodyText/index.js");require("../../shared/media-queries.js");var d,t=(d=l)&&d.__esModule?d:{default:d};const i=l.css`
+  border: 1px solid ${a.default.colors.grayscaleToned.light1};
+  color: ${a.default.colors.grayscaleToned.dark1};
+  fill: ${a.default.colors.grayscaleToned.light1};
 `,c=l.css`
   border: 1px solid ${a.default.colors.error.main};
 `,n=l.css`
   color: ${a.default.colors.text.dark};
   border: 1px solid ${a.default.colors.text.dark};
   fill: ${a.default.colors.text.dark};
-`,u=d.default.div`
+`,u=t.default.div`
   position: relative;
   padding: 0;
   display: inline-block;
-`,h=d.default.div`
+`,h=t.default.div`
   display: inline-black;
 
-  color: ${a.default.colors.gray.light1};
-  fill: ${a.default.colors.gray.light1};
+  color: ${a.default.colors.grayscaleToned.light1};
+  fill: ${a.default.colors.grayscaleToned.light1};
   background-color: ${a.default.colors.background.light};
 
-  border: 1px solid ${a.default.colors.gray.light1};
+  border: 1px solid ${a.default.colors.grayscaleToned.light1};
   transition: all 150ms;
 
   padding: 0.7rem 0.75rem;
@@ -28,7 +28,7 @@
   ${({disabled:e})=>e&&i}
   ${({hasError:e})=>e&&c}
   ${({centered:e})=>e&&"text-align: center;"}
-`,f=d.default.textarea`
+`,f=t.default.textarea`
   ${o.BodyTextStyle}
 
   width: 100%;
@@ -38,17 +38,17 @@
   background-color: transparent;
 
   ${({resize:e})=>!e&&"resize: none;"}
-`,x=d.default.div`
+`,x=t.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
-`,p=d.default.div`
+`,p=t.default.div`
   ${o.CaptionStyle}
   margin-top: 0.25rem;
 
   ${({centered:e})=>e&&"width: 100%; text-align: center;"}
-`,m=d.default.span`
+`,m=t.default.span`
   display: block;
   color: ${({theme:e})=>e.colors.text.disabled};
-`,b=d.default.span`
+`,b=t.default.span`
   display: block;
   color: ${({theme:e})=>e.colors.error.dark};
-`,g=({placeholder:l="",isDisabled:o=!1,centered:t=!1,hasError:d=!1,className:i,helperText:c,label:n="",resize:g=!0,name:y,errors:$,...j})=>{const[k,v]=r.useState(!1),q=!!j.value;return e.jsxs(u,{className:i,children:[e.jsxs(h,{isFocused:k,disabled:o,centered:t,hasError:d,hasPlaceholder:!!l,children:[e.jsx(f,{...j,name:y,"aria-label":n||y,resize:g,onFocus:()=>v(!0),onBlur:()=>v(!1),disabled:o,theme:a.default,placeholder:n&&!k?"":l}),j.suffix&&e.jsx(x,{children:j.suffix})]}),n&&e.jsx(s.Label,{htmlFor:y,isFocused:k,centered:t,hasError:d,hasValue:q,disabled:o,theme:a.default,children:e.jsxs(e.Fragment,{children:[n,e.jsx("span",{})]})}),(c||$)&&e.jsxs(p,{centered:t,children:[c&&e.jsx(m,{children:c}),$&&$.map((r=>e.jsx(b,{children:r},r)))]})]})};exports.TextArea=g,exports.default=g;
+`,g=({placeholder:l="",isDisabled:o=!1,centered:d=!1,hasError:t=!1,className:i,helperText:c,label:n="",resize:g=!0,name:y,errors:$,...j})=>{const[k,T]=r.useState(!1),v=!!j.value;return e.jsxs(u,{className:i,children:[e.jsxs(h,{isFocused:k,disabled:o,centered:d,hasError:t,hasPlaceholder:!!l,children:[e.jsx(f,{...j,name:y,"aria-label":n||y,resize:g,onFocus:()=>T(!0),onBlur:()=>T(!1),disabled:o,theme:a.default,placeholder:n&&!k?"":l}),j.suffix&&e.jsx(x,{children:j.suffix})]}),n&&e.jsx(s.Label,{htmlFor:y,isFocused:k,centered:d,hasError:t,hasValue:v,disabled:o,theme:a.default,children:e.jsxs(e.Fragment,{children:[n,e.jsx("span",{})]})}),(c||$)&&e.jsxs(p,{centered:d,children:[c&&e.jsx(m,{children:c}),$&&$.map((r=>e.jsx(b,{children:r},r)))]})]})};exports.TextArea=g,exports.default=g;

package/cjs/components/Textfield/index.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("styled-components"),l=require("../FieldLabel.js"),o=require("../../typography/BodyText/index.js"),t=require("../../shared/helpers.js");require("../../shared/media-queries.js");var a,d=(a=s)&&a.__esModule?a:{default:a};const i=s.css`
-  border: 1px solid ${({theme:e})=>e.colors.gray.light2};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("styled-components"),s=require("../FieldLabel.js"),o=require("../../typography/BodyText/index.js"),t=require("../../shared/helpers.js");require("../../shared/media-queries.js");var a,d=(a=l)&&a.__esModule?a:{default:a};const i=l.css`
+  border: 1px solid ${({theme:e})=>e.colors.grayscaleToned.light2};
   color: ${({theme:e})=>e.colors.text.disabled};
   fill: ${({theme:e})=>e.colors.text.disabled};
-`,n=s.css`
+`,n=l.css`
   border: 2px solid ${({theme:e})=>e.colors.error.dark};
-`,c=s.css`
-  border: 2px solid ${({theme:e})=>e.colors.gray.dark5};
+`,c=l.css`
+  border: 2px solid ${({theme:e})=>e.colors.grayscaleToned.dark5};
   color: ${({theme:e})=>e.colors.text.dark};
   fill: ${({theme:e})=>e.colors.text.dark};
 `,h=d.default.div`
@@ -21,7 +21,7 @@
 
   background-color: ${({theme:e})=>e.colors.background.light};
 
-  border: 1px solid ${({theme:e})=>e.colors.gray.dark5};
+  border: 1px solid ${({theme:e})=>e.colors.grayscaleToned.dark5};
   transition: all 150ms;
 
   padding: 0.75rem 0.6rem;
@@ -63,4 +63,4 @@
 `,g=d.default.span`
   display: block;
   color: ${({theme:e})=>e.colors.error.dark};
-`,f=({placeholder:s="",isDisabled:o=!1,centered:a=!1,hasError:d=!1,className:i,helperText:n,label:c="",onBlur:f=(()=>null),onFocus:y=(()=>null),forwardRef:$,suffix:j,name:F=t.generateNameHash("text-input"),errors:k,isAutoFocused:v=!1,...q})=>{const[B,E]=r.useState(!1),w=!!q.value,T=k&&Array.isArray(k)&&k?.length>0;return console.log("isFocused",B),e.jsxs(h,{className:i,children:[e.jsxs(u,{isFocused:B,disabled:o,centered:a,hasError:d,hasPlaceholder:!!s,children:[e.jsx(x,{...q,id:F,name:F,"aria-label":c||F,ref:$,onFocus:e=>{E(!0),y(e)},onBlur:e=>{E(!1),f(e)},disabled:o,placeholder:c&&!B?"":s,autoFocus:v}),j&&e.jsx(m,{children:j})]}),c&&e.jsx(l.Label,{htmlFor:F,isFocused:B,centered:a,hasError:d,hasValue:w,disabled:o,children:e.jsxs(e.Fragment,{children:[c,e.jsx("span",{})]})}),(n||T)&&e.jsxs(p,{centered:a,children:[n&&e.jsx(b,{children:n}),T&&k.map((r=>e.jsx(g,{children:r},r)))]})]})};exports.TextField=f,exports.default=f;
+`,f=({placeholder:l="",isDisabled:o=!1,centered:a=!1,hasError:d=!1,className:i,helperText:n,label:c="",onBlur:f=(()=>null),onFocus:y=(()=>null),forwardRef:$,suffix:j,name:k=t.generateNameHash("text-input"),errors:F,isAutoFocused:v=!1,...q})=>{const[T,B]=r.useState(!1),E=!!q.value,w=F&&Array.isArray(F)&&F?.length>0;return e.jsxs(h,{className:i,children:[e.jsxs(u,{isFocused:T,disabled:o,centered:a,hasError:d,hasPlaceholder:!!l,children:[e.jsx(x,{...q,id:k,name:k,"aria-label":c||k,ref:$,onFocus:e=>{B(!0),y(e)},onBlur:e=>{B(!1),f(e)},disabled:o,placeholder:c&&!T?"":l,autoFocus:v}),j&&e.jsx(m,{children:j})]}),c&&e.jsx(s.Label,{htmlFor:k,isFocused:T,centered:a,hasError:d,hasValue:E,disabled:o,children:e.jsxs(e.Fragment,{children:[c,e.jsx("span",{})]})}),(n||w)&&e.jsxs(p,{centered:a,children:[n&&e.jsx(b,{children:n}),w&&F.map((r=>e.jsx(g,{children:r},r)))]})]})};exports.TextField=f,exports.default=f;

package/cjs/components/TimePicker/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("react/jsx-runtime"),r=require("styled-components"),t=require("../Chip/index.js");require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js");const s=((e=r)&&e.__esModule?e:{default:e}).default.ul`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("react/jsx-runtime"),r=require("styled-components"),t=require("../Chip/index.js");require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js"),require("../../utils/utils.js");const s=((e=r)&&e.__esModule?e:{default:e}).default.ul`
   max-width: 20rem;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -6,4 +6,4 @@
   flex-wrap: wrap;
   margin: 0;
   padding: 0;
-`,l=(e,i)=>Array.isArray(i)?!!i.find((i=>i.getTime()===e.getTime())):i?.getTime()===e.getTime(),a=({timeSlots:e,onTimeSlotClick:r,selectedTimes:a,disabledTimes:d,...o})=>i.jsx(s,{...o,children:e.map((({text:e,date:s})=>{const n=l(s,a),m=l(s,d),c=o.color||"primary";return i.jsx(t.Chip,{component:"li","data-selected":n,"data-disabled":m,variant:n?"solid":"outline",isDisabled:m,color:n?c:"neutralLight",onClick:()=>!n&&!m&&r(s),children:e},s.getTime())}))});exports.TimePicker=a,exports.default=a;
+`,l=(e,i)=>Array.isArray(i)?!!i.find((i=>i.getTime()===e.getTime())):i?.getTime()===e.getTime(),a=({timeSlots:e,onTimeSlotClick:r,selectedTimes:a,disabledTimes:d,...o})=>i.jsx(s,{...o,children:e.map((({text:e,date:s})=>{const n=l(s,a),m=l(s,d),u=o.color||"primary";return i.jsx(t.Chip,{component:"li","data-selected":n,"data-disabled":m,variant:n?"solid":"outline",isDisabled:m,color:n?u:"neutralLight",onClick:()=>!n&&!m&&r(s),children:e},s.getTime())}))});exports.TimePicker=a,exports.default=a;

package/cjs/components/Toggle/index.js

@@ -1,8 +1,8 @@
 "use strict";var e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),i=require("../../theme.js");var r,l=(r=o)&&r.__esModule?r:{default:r};const a=l.default.div`
   display: flex;
   position: relative;
-  border-top: ${({theme:e})=>`1px solid ${e.colors.gray.light6}`};
-  border-bottom: ${({theme:e})=>`1px solid ${e.colors.gray.light6}`};
+  border-top: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light6}`};
+  border-bottom: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light6}`};
   padding: 4px;
 `,s=l.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};

package/cjs/index.js

@@ -1 +1 @@
-"use strict";var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),t=require("./components/IconButton.js"),s=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),I=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Flex/index.js"),S=require("./components/Select/index.js"),y=require("./components/ToggleArrow/index.js"),g=require("./components/ListItem/index.js"),C=require("./components/Table/index.js"),T=require("./components/EditRow/index.js"),k=require("./components/RadioButton/index.js"),B=require("./components/SpinnerThin/index.js"),h=require("./components/Stamp/index.js"),F=require("./components/TimePicker/index.js"),w=require("./components/Hero/index.js"),b=require("./components/DayPicker/index.js"),v=require("./components/Logo/index.js"),P=require("./components/Badge/index.js"),D=require("./components/Toggle/index.js"),L=require("./components/Stepper/index.js"),R=require("./components/StepperAccordion/index.js"),A=require("./components/Card/index.js"),M=require("./components/Switcher/index.js"),E=require("./components/NotificationButton/index.js"),N=require("./components/ValuationRange/index.js"),H=require("./components/Chip/index.js"),V=require("./components/Breadcrumbs/index.js"),O=require("./components/Message/index.js"),U=require("./components/RegistrationPlate/index.js"),G=require("./components/MenuItem/index.js"),K=require("./icons/components/AddIcon.js"),Q=require("./icons/components/AlertIcon.js"),W=require("./icons/components/ArrowDownIcon.js"),z=require("./icons/components/ArrowLeftIcon.js"),Y=require("./icons/components/ArrowRightIcon.js"),J=require("./icons/components/ArrowUpIcon.js"),X=require("./icons/components/AtvIcon.js"),Z=require("./icons/components/AuctionIcon.js"),$=require("./icons/components/BackIcon.js"),_=require("./icons/components/BankidIcon.js"),ee=require("./icons/components/BidIcon.js"),oe=require("./icons/components/BodyIcon.js"),ne=require("./icons/components/BreaksIcon.js"),re=require("./icons/components/CabIcon.js"),te=require("./icons/components/CalendarIcon.js"),se=require("./icons/components/CameraIcon.js"),ce=require("./icons/components/CamperIcon.js"),ie=require("./icons/components/CancelCircleIcon.js"),pe=require("./icons/components/CancelIcon.js"),ue=require("./icons/components/CarIcon.js"),ae=require("./icons/components/CarServiceIcon.js"),le=require("./icons/components/CaravanIcon.js"),de=require("./icons/components/CertifiedIcon.js"),Ie=require("./icons/components/ChatIcon.js"),xe=require("./icons/components/CheckCircleIcon.js"),me=require("./icons/components/CheckFilledIcon.js"),qe=require("./icons/components/CheckIcon.js"),je=require("./icons/components/CheckmarkIcon.js"),fe=require("./icons/components/ClockIcon.js"),Se=require("./icons/components/CloseIcon.js"),ye=require("./icons/components/CommentFilledIcon.js"),ge=require("./icons/components/CommentIcon.js"),Ce=require("./icons/components/ConditioningIcon.js"),Te=require("./icons/components/ContactIcon.js"),ke=require("./icons/components/ControlNumberIcon.js"),Be=require("./icons/components/CopyIcon.js"),he=require("./icons/components/CountdownIcon.js"),Fe=require("./icons/components/CoupeIcon.js"),we=require("./icons/components/CraneIcon.js"),be=require("./icons/components/CupIcon.js"),ve=require("./icons/components/DeleteIcon.js"),Pe=require("./icons/components/DisplayIcon.js"),De=require("./icons/components/DocumentIcon.js"),Le=require("./icons/components/DownloadIcon.js"),Re=require("./icons/components/EcoIcon.js"),Ae=require("./icons/components/EditIcon.js"),Me=require("./icons/components/EngineIcon.js"),Ee=require("./icons/components/ErrorFilledIcon.js"),Ne=require("./icons/components/ErrorIcon.js"),He=require("./icons/components/EstoniaFlagIcon.js"),Ve=require("./icons/components/ExportIcon.js"),Oe=require("./icons/components/FacebookIcon.js"),Ue=require("./icons/components/FacilityIcon.js"),Ge=require("./icons/components/FavouriteFilledIcon.js"),Ke=require("./icons/components/FavouriteIcon.js"),Qe=require("./icons/components/FigmaIcon.js"),We=require("./icons/components/FilterIcon.js"),ze=require("./icons/components/FinanceIcon.js"),Ye=require("./icons/components/FinlandFlagIcon.js"),Je=require("./icons/components/FirstIcon.js"),Xe=require("./icons/components/FixedPriceIcon.js"),Ze=require("./icons/components/FuelIcon.js"),$e=require("./icons/components/GearboxIcon.js"),_e=require("./icons/components/GetPaidIcon.js"),eo=require("./icons/components/GridViewIcon.js"),oo=require("./icons/components/HatchbackIcon.js"),no=require("./icons/components/HelpIcon.js"),ro=require("./icons/components/HistoryIcon.js"),to=require("./icons/components/HomeDeliveryIcon.js"),so=require("./icons/components/IdIcon.js"),co=require("./icons/components/ImageIcon.js"),io=require("./icons/components/InfoIcon.js"),po=require("./icons/components/InstagramIcon.js"),uo=require("./icons/components/InsuranceIcon.js"),ao=require("./icons/components/InteriorIcon.js"),lo=require("./icons/components/KvdIcon.js"),Io=require("./icons/components/KvdTestIcon.js"),xo=require("./icons/components/KvdproIcon.js"),mo=require("./icons/components/LastIcon.js"),qo=require("./icons/components/LeaderIcon.js"),jo=require("./icons/components/LinkedinIcon.js"),fo=require("./icons/components/ListViewIcon.js"),So=require("./icons/components/LocationIcon.js"),yo=require("./icons/components/MailIcon.js"),go=require("./icons/components/MenuIcon.js"),Co=require("./icons/components/MileageIcon.js"),To=require("./icons/components/MinivanIcon.js"),ko=require("./icons/components/ModelYearIcon.js"),Bo=require("./icons/components/MoreIcon.js"),ho=require("./icons/components/MotorbikeIcon.js"),Fo=require("./icons/components/NavigationIcon.js"),wo=require("./icons/components/NewIcon.js"),bo=require("./icons/components/NextFilledIcon.js"),vo=require("./icons/components/NextIcon.js"),Po=require("./icons/components/NotificationIcon.js"),Do=require("./icons/components/OpenInNewIcon.js"),Lo=require("./icons/components/PayementIcon.js"),Ro=require("./icons/components/PercentIcon.js"),Ao=require("./icons/components/PhoneIcon.js"),Mo=require("./icons/components/PickUpIcon.js"),Eo=require("./icons/components/Pickup.js"),No=require("./icons/components/PlayIcon.js"),Ho=require("./icons/components/PlugIcon.js"),Vo=require("./icons/components/PolandFlagIcon.js"),Oo=require("./icons/components/PreviousFilledIcon.js"),Uo=require("./icons/components/PreviousIcon.js"),Go=require("./icons/components/PrintIcon.js"),Ko=require("./icons/components/QuoteIcon.js"),Qo=require("./icons/components/RatingIcon.js"),Wo=require("./icons/components/ReleasingIcon.js"),zo=require("./icons/components/ReorderIcon.js"),Yo=require("./icons/components/RestartIcon.js"),Jo=require("./icons/components/SalesOfferIcon.js"),Xo=require("./icons/components/SavedSearchIcon.js"),Zo=require("./icons/components/ScheduleIcon.js"),$o=require("./icons/components/SearchIcon.js"),_o=require("./icons/components/SedanIcon.js"),en=require("./icons/components/SellFilledIcon.js"),on=require("./icons/components/SellIcon.js"),nn=require("./icons/components/SettingsIcon.js"),rn=require("./icons/components/ShareIcon.js"),tn=require("./icons/components/ShowLessIcon.js"),sn=require("./icons/components/ShowMoreIcon.js"),cn=require("./icons/components/SignInIcon.js"),pn=require("./icons/components/SignOutIcon.js"),un=require("./icons/components/SlackIcon.js"),an=require("./icons/components/SmartphoneIcon.js"),ln=require("./icons/components/SmileIcon.js"),dn=require("./icons/components/SnowmobileIcon.js"),In=require("./icons/components/SortColumnIcon.js"),xn=require("./icons/components/SortIcon.js"),mn=require("./icons/components/StorageIcon.js"),qn=require("./icons/components/StoreIcon.js"),jn=require("./icons/components/SuvIcon.js"),fn=require("./icons/components/SwedishFlagIcon.js"),Sn=require("./icons/components/ThreeSixtyIcon.js"),yn=require("./icons/components/TractorIcon.js"),gn=require("./icons/components/TrailerIcon.js"),Cn=require("./icons/components/TransportIcon.js"),Tn=require("./icons/components/TruckIcon.js"),kn=require("./icons/components/TwitterIcon.js"),Bn=require("./icons/components/TyresIcon.js"),hn=require("./icons/components/UnitedKingdomFlagIcon.js"),Fn=require("./icons/components/UploadIcon.js"),wn=require("./icons/components/UserIcon.js"),bn=require("./icons/components/ValuationIcon.js"),vn=require("./icons/components/VanIcon.js"),Pn=require("./icons/components/VersionIcon.js"),Dn=require("./icons/components/ViewsIcon.js"),Ln=require("./icons/components/WagonIcon.js"),Rn=require("./icons/components/WarningIcon.js"),An=require("./icons/components/WarrantyIcon.js"),Mn=require("./icons/components/YoutubeIcon.js"),En=require("./hooks/useDynamicScript.js"),Nn=require("./typography/Heading/index.js"),Hn=require("./typography/BodyText/index.js"),Vn=require("./typography/ButtonText/index.js"),On=require("./utils/utils.js");require("react/jsx-runtime"),require("react"),require("styled-components"),require("react-collapse"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("./shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("./components/Icons/Close.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("./components/Icons/CheckCircle.js"),require("./components/Icons/ErrorCircle.js"),require("./components/Icons/InfoCircle.js"),require("react-select"),require("./shared/constants.js"),require("react-day-picker"),require("./components/DayPicker/DayPickerNavBar.js"),require("./components/Icons/Arrow.js"),require("./components/DayPicker/localeUtils.js"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/Icons/CheckIcon.js"),require("./components/Chip/styles.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/RegistrationPlate/EuFlagIcon.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqNumberSizes=o.mqNumberSizes,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=t.default,exports.TextField=s.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=I.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Flex=f.default,exports.Select=S.Select,exports.ToggleArrow=y.default,exports.ListItem=g.default,exports.Table=C.default,exports.EditRow=T.default,exports.RadioButton=k.RadioButton,exports.SpinnerThin=B.SpinnerThin,exports.Stamp=h.default,exports.TimePicker=F.TimePicker,exports.Hero=w.default,exports.DayPicker=b.DayPicker,exports.Logo=v.Logo,exports.Badge=P.Badge,exports.Toggle=D.Toggle,exports.Stepper=L.Stepper,exports.StepperAccordion=R.StepperAccordion,exports.Card=A.Card,exports.Switcher=M.Switcher,exports.NotificationButton=E.NotificationButton,exports.ValuationRange=N.default,exports.Chip=H.Chip,exports.Breadcrumbs=V.default,exports.Message=O.default,exports.RegistrationPlate=U.default,exports.MenuItem=G.MenuItem,exports.AddIcon=K.default,exports.AlertIcon=Q.default,exports.ArrowDownIcon=W.default,exports.ArrowLeftIcon=z.default,exports.ArrowRightIcon=Y.default,exports.ArrowUpIcon=J.default,exports.AtvIcon=X.default,exports.AuctionIcon=Z.default,exports.BackIcon=$.default,exports.BankidIcon=_.default,exports.BidIcon=ee.default,exports.BodyIcon=oe.default,exports.BreaksIcon=ne.default,exports.CabIcon=re.default,exports.CalendarIcon=te.default,exports.CameraIcon=se.default,exports.CamperIcon=ce.default,exports.CancelCircleIcon=ie.default,exports.CancelIcon=pe.default,exports.CarIcon=ue.default,exports.CarServiceIcon=ae.default,exports.CaravanIcon=le.default,exports.CertifiedIcon=de.default,exports.ChatIcon=Ie.default,exports.CheckCircleIcon=xe.default,exports.CheckFilledIcon=me.default,exports.CheckIcon=qe.default,exports.CheckmarkIcon=je.default,exports.ClockIcon=fe.default,exports.CloseIcon=Se.default,exports.CommentFilledIcon=ye.default,exports.CommentIcon=ge.default,exports.ConditioningIcon=Ce.default,exports.ContactIcon=Te.default,exports.ControlNumberIcon=ke.default,exports.CopyIcon=Be.default,exports.CountdownIcon=he.default,exports.CoupeIcon=Fe.default,exports.CraneIcon=we.default,exports.CupIcon=be.default,exports.DeleteIcon=ve.default,exports.DisplayIcon=Pe.default,exports.DocumentIcon=De.default,exports.DownloadIcon=Le.default,exports.EcoIcon=Re.default,exports.EditIcon=Ae.default,exports.EngineIcon=Me.default,exports.ErrorFilledIcon=Ee.default,exports.ErrorIcon=Ne.default,exports.EstoniaFlagIcon=He.default,exports.ExportIcon=Ve.default,exports.FacebookIcon=Oe.default,exports.FacilityIcon=Ue.default,exports.FavouriteFilledIcon=Ge.default,exports.FavouriteIcon=Ke.default,exports.FigmaIcon=Qe.default,exports.FilterIcon=We.default,exports.FinanceIcon=ze.default,exports.FinlandFlagIcon=Ye.default,exports.FirstIcon=Je.default,exports.FixedPriceIcon=Xe.default,exports.FuelIcon=Ze.default,exports.GearboxIcon=$e.default,exports.GetPaidIcon=_e.default,exports.GridViewIcon=eo.default,exports.HatchbackIcon=oo.default,exports.HelpIcon=no.default,exports.HistoryIcon=ro.default,exports.HomeDeliveryIcon=to.default,exports.IdIcon=so.default,exports.ImageIcon=co.default,exports.InfoIcon=io.default,exports.InstagramIcon=po.default,exports.InsuranceIcon=uo.default,exports.InteriorIcon=ao.default,exports.KvdIcon=lo.default,exports.KvdTestIcon=Io.default,exports.KvdproIcon=xo.default,exports.LastIcon=mo.default,exports.LeaderIcon=qo.default,exports.LinkedinIcon=jo.default,exports.ListViewIcon=fo.default,exports.LocationIcon=So.default,exports.MailIcon=yo.default,exports.MenuIcon=go.default,exports.MileageIcon=Co.default,exports.MinivanIcon=To.default,exports.ModelYearIcon=ko.default,exports.MoreIcon=Bo.default,exports.MotorbikeIcon=ho.default,exports.NavigationIcon=Fo.default,exports.NewIcon=wo.default,exports.NextFilledIcon=bo.default,exports.NextIcon=vo.default,exports.NotificationIcon=Po.default,exports.OpenInNewIcon=Do.default,exports.PayementIcon=Lo.default,exports.PercentIcon=Ro.default,exports.PhoneIcon=Ao.default,exports.PickUpIcon=Mo.default,exports.Pickup=Eo.default,exports.PlayIcon=No.default,exports.PlugIcon=Ho.default,exports.PolandFlagIcon=Vo.default,exports.PreviousFilledIcon=Oo.default,exports.PreviousIcon=Uo.default,exports.PrintIcon=Go.default,exports.QuoteIcon=Ko.default,exports.RatingIcon=Qo.default,exports.ReleasingIcon=Wo.default,exports.ReorderIcon=zo.default,exports.RestartIcon=Yo.default,exports.SalesOfferIcon=Jo.default,exports.SavedSearchIcon=Xo.default,exports.ScheduleIcon=Zo.default,exports.SearchIcon=$o.default,exports.SedanIcon=_o.default,exports.SellFilledIcon=en.default,exports.SellIcon=on.default,exports.SettingsIcon=nn.default,exports.ShareIcon=rn.default,exports.ShowLessIcon=tn.default,exports.ShowMoreIcon=sn.default,exports.SignInIcon=cn.default,exports.SignOutIcon=pn.default,exports.SlackIcon=un.default,exports.SmartphoneIcon=an.default,exports.SmileIcon=ln.default,exports.SnowmobileIcon=dn.default,exports.SortColumnIcon=In.default,exports.SortIcon=xn.default,exports.StorageIcon=mn.default,exports.StoreIcon=qn.default,exports.SuvIcon=jn.default,exports.SwedishFlagIcon=fn.default,exports.ThreeSixtyIcon=Sn.default,exports.TractorIcon=yn.default,exports.TrailerIcon=gn.default,exports.TransportIcon=Cn.default,exports.TruckIcon=Tn.default,exports.TwitterIcon=kn.default,exports.TyresIcon=Bn.default,exports.UnitedKingdomFlagIcon=hn.default,exports.UploadIcon=Fn.default,exports.UserIcon=wn.default,exports.ValuationIcon=bn.default,exports.VanIcon=vn.default,exports.VersionIcon=Pn.default,exports.ViewsIcon=Dn.default,exports.WagonIcon=Ln.default,exports.WarningIcon=Rn.default,exports.WarrantyIcon=An.default,exports.YoutubeIcon=Mn.default,exports.useDynamicScript=En.useDynamicScript,exports.Display1=Nn.Display1,exports.Display1Style=Nn.Display1Style,exports.Display2=Nn.Display2,exports.Display2Style=Nn.Display2Style,exports.Display3=Nn.Display3,exports.Display3Style=Nn.Display3Style,exports.Headline=Nn.Headline,exports.HeadlineStyle=Nn.HeadlineStyle,exports.Subtitle=Nn.Subtitle,exports.SubtitleStyle=Nn.SubtitleStyle,exports.TinyTitleBold=Nn.TinyTitleBold,exports.TinyTitleBoldStyle=Nn.TinyTitleBoldStyle,exports.TinyTitleRegular=Nn.TinyTitleRegular,exports.TinyTitleRegularStyle=Nn.TinyTitleRegularStyle,exports.Title=Nn.Title,exports.TitleStyle=Nn.TitleStyle,exports.BodyLink=Hn.BodyLink,exports.BodyLinkStyle=Hn.BodyLinkStyle,exports.BodyText=Hn.BodyText,exports.BodyTextStyle=Hn.BodyTextStyle,exports.Caption=Hn.Caption,exports.CaptionLink=Hn.CaptionLink,exports.CaptionLinkStyle=Hn.CaptionLinkStyle,exports.CaptionStyle=Hn.CaptionStyle,exports.Quote=Hn.Quote,exports.QuoteStyle=Hn.QuoteStyle,exports.Status=Hn.Status,exports.StatusStyle=Hn.StatusStyle,exports.ButtonLargeText=Vn.ButtonLarge,exports.ButtonLargeTextStyle=Vn.ButtonLargeTextStyle,exports.ButtonRegularText=Vn.Button,exports.ButtonRegularTextStyle=Vn.ButtonRegularTextStyle,exports.ButtonSmallText=Vn.ButtonSmall,exports.ButtonSmallTextStyle=Vn.ButtonSmallTextStyle,exports.hexToRGB=On.hexToRGB,exports.resetButtonStyle=On.resetButtonStyle;
+"use strict";var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),t=require("./components/IconButton.js"),s=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),I=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Flex/index.js"),S=require("./components/Select/index.js"),y=require("./components/ToggleArrow/index.js"),g=require("./components/ListItem/index.js"),C=require("./components/Table/index.js"),T=require("./components/EditRow/index.js"),k=require("./components/RadioButton/index.js"),h=require("./components/SpinnerThin/index.js"),B=require("./components/Stamp/index.js"),F=require("./components/TimePicker/index.js"),w=require("./components/Hero/index.js"),v=require("./components/DayPicker/index.js"),b=require("./components/Logo/index.js"),P=require("./components/Badge/index.js"),D=require("./components/Toggle/index.js"),L=require("./components/Stepper/index.js"),R=require("./components/StepperAccordion/index.js"),A=require("./components/Card/index.js"),M=require("./components/Switcher/index.js"),E=require("./components/NotificationButton/index.js"),N=require("./components/ValuationRange/index.js"),H=require("./components/Chip/index.js"),V=require("./components/Breadcrumbs/index.js"),O=require("./components/Message/index.js"),U=require("./components/RegistrationPlate/index.js"),G=require("./components/MenuItem/index.js"),K=require("./icons/components/AddIcon.js"),Q=require("./icons/components/AlertIcon.js"),W=require("./icons/components/ArrowDownIcon.js"),z=require("./icons/components/ArrowLeftIcon.js"),Y=require("./icons/components/ArrowRightIcon.js"),J=require("./icons/components/ArrowUpIcon.js"),X=require("./icons/components/AtvIcon.js"),Z=require("./icons/components/AuctionIcon.js"),$=require("./icons/components/BackIcon.js"),_=require("./icons/components/BankidIcon.js"),ee=require("./icons/components/BidIcon.js"),oe=require("./icons/components/BodyIcon.js"),ne=require("./icons/components/BreaksIcon.js"),re=require("./icons/components/CabIcon.js"),te=require("./icons/components/CalendarIcon.js"),se=require("./icons/components/CameraIcon.js"),ce=require("./icons/components/CamperIcon.js"),ie=require("./icons/components/CancelCircleIcon.js"),pe=require("./icons/components/CancelIcon.js"),ue=require("./icons/components/CarIcon.js"),ae=require("./icons/components/CarServiceIcon.js"),le=require("./icons/components/CaravanIcon.js"),de=require("./icons/components/CertifiedIcon.js"),Ie=require("./icons/components/ChatIcon.js"),xe=require("./icons/components/CheckCircleIcon.js"),me=require("./icons/components/CheckFilledIcon.js"),qe=require("./icons/components/CheckIcon.js"),je=require("./icons/components/CheckmarkIcon.js"),fe=require("./icons/components/ClockIcon.js"),Se=require("./icons/components/CloseIcon.js"),ye=require("./icons/components/CommentFilledIcon.js"),ge=require("./icons/components/CommentIcon.js"),Ce=require("./icons/components/ConditioningIcon.js"),Te=require("./icons/components/ContactIcon.js"),ke=require("./icons/components/ControlNumberIcon.js"),he=require("./icons/components/CopyIcon.js"),Be=require("./icons/components/CountdownIcon.js"),Fe=require("./icons/components/CoupeIcon.js"),we=require("./icons/components/CraneIcon.js"),ve=require("./icons/components/CupIcon.js"),be=require("./icons/components/DeleteIcon.js"),Pe=require("./icons/components/DisplayIcon.js"),De=require("./icons/components/DocumentIcon.js"),Le=require("./icons/components/DownloadIcon.js"),Re=require("./icons/components/EcoIcon.js"),Ae=require("./icons/components/EditIcon.js"),Me=require("./icons/components/EngineIcon.js"),Ee=require("./icons/components/ErrorFilledIcon.js"),Ne=require("./icons/components/ErrorIcon.js"),He=require("./icons/components/EstoniaFlagIcon.js"),Ve=require("./icons/components/ExportIcon.js"),Oe=require("./icons/components/FacebookIcon.js"),Ue=require("./icons/components/FacilityIcon.js"),Ge=require("./icons/components/FavouriteFilledIcon.js"),Ke=require("./icons/components/FavouriteIcon.js"),Qe=require("./icons/components/FigmaIcon.js"),We=require("./icons/components/FilterIcon.js"),ze=require("./icons/components/FinanceIcon.js"),Ye=require("./icons/components/FinlandFlagIcon.js"),Je=require("./icons/components/FirstIcon.js"),Xe=require("./icons/components/FixedPriceIcon.js"),Ze=require("./icons/components/FuelIcon.js"),$e=require("./icons/components/GearboxIcon.js"),_e=require("./icons/components/GetPaidIcon.js"),eo=require("./icons/components/GridViewIcon.js"),oo=require("./icons/components/HatchbackIcon.js"),no=require("./icons/components/HelpIcon.js"),ro=require("./icons/components/HistoryIcon.js"),to=require("./icons/components/HomeDeliveryIcon.js"),so=require("./icons/components/IdIcon.js"),co=require("./icons/components/ImageIcon.js"),io=require("./icons/components/InfoIcon.js"),po=require("./icons/components/InstagramIcon.js"),uo=require("./icons/components/InsuranceIcon.js"),ao=require("./icons/components/InteriorIcon.js"),lo=require("./icons/components/KvdIcon.js"),Io=require("./icons/components/KvdTestIcon.js"),xo=require("./icons/components/KvdproIcon.js"),mo=require("./icons/components/LastIcon.js"),qo=require("./icons/components/LeaderIcon.js"),jo=require("./icons/components/LinkedinIcon.js"),fo=require("./icons/components/ListViewIcon.js"),So=require("./icons/components/LocationIcon.js"),yo=require("./icons/components/MailIcon.js"),go=require("./icons/components/MenuIcon.js"),Co=require("./icons/components/MileageIcon.js"),To=require("./icons/components/MinivanIcon.js"),ko=require("./icons/components/ModelYearIcon.js"),ho=require("./icons/components/MoreIcon.js"),Bo=require("./icons/components/MotorbikeIcon.js"),Fo=require("./icons/components/NavigationIcon.js"),wo=require("./icons/components/NewIcon.js"),vo=require("./icons/components/NextFilledIcon.js"),bo=require("./icons/components/NextIcon.js"),Po=require("./icons/components/NotificationIcon.js"),Do=require("./icons/components/OpenInNewIcon.js"),Lo=require("./icons/components/PayementIcon.js"),Ro=require("./icons/components/PercentIcon.js"),Ao=require("./icons/components/PhoneIcon.js"),Mo=require("./icons/components/PickUpIcon.js"),Eo=require("./icons/components/Pickup.js"),No=require("./icons/components/PlayIcon.js"),Ho=require("./icons/components/PlugIcon.js"),Vo=require("./icons/components/PolandFlagIcon.js"),Oo=require("./icons/components/PreviousFilledIcon.js"),Uo=require("./icons/components/PreviousIcon.js"),Go=require("./icons/components/PrintIcon.js"),Ko=require("./icons/components/QuoteIcon.js"),Qo=require("./icons/components/RatingIcon.js"),Wo=require("./icons/components/ReleasingIcon.js"),zo=require("./icons/components/ReorderIcon.js"),Yo=require("./icons/components/RestartIcon.js"),Jo=require("./icons/components/SalesOfferIcon.js"),Xo=require("./icons/components/SavedSearchIcon.js"),Zo=require("./icons/components/ScheduleIcon.js"),$o=require("./icons/components/SearchIcon.js"),_o=require("./icons/components/SedanIcon.js"),en=require("./icons/components/SellFilledIcon.js"),on=require("./icons/components/SellIcon.js"),nn=require("./icons/components/SettingsIcon.js"),rn=require("./icons/components/ShareIcon.js"),tn=require("./icons/components/ShowLessIcon.js"),sn=require("./icons/components/ShowMoreIcon.js"),cn=require("./icons/components/SignInIcon.js"),pn=require("./icons/components/SignOutIcon.js"),un=require("./icons/components/SlackIcon.js"),an=require("./icons/components/SmartphoneIcon.js"),ln=require("./icons/components/SmileIcon.js"),dn=require("./icons/components/SnowmobileIcon.js"),In=require("./icons/components/SortColumnIcon.js"),xn=require("./icons/components/SortIcon.js"),mn=require("./icons/components/StorageIcon.js"),qn=require("./icons/components/StoreIcon.js"),jn=require("./icons/components/SuvIcon.js"),fn=require("./icons/components/SwedishFlagIcon.js"),Sn=require("./icons/components/ThreeSixtyIcon.js"),yn=require("./icons/components/TractorIcon.js"),gn=require("./icons/components/TrailerIcon.js"),Cn=require("./icons/components/TransportIcon.js"),Tn=require("./icons/components/TruckIcon.js"),kn=require("./icons/components/TwitterIcon.js"),hn=require("./icons/components/TyresIcon.js"),Bn=require("./icons/components/UnitedKingdomFlagIcon.js"),Fn=require("./icons/components/UploadIcon.js"),wn=require("./icons/components/UserIcon.js"),vn=require("./icons/components/ValuationIcon.js"),bn=require("./icons/components/VanIcon.js"),Pn=require("./icons/components/VersionIcon.js"),Dn=require("./icons/components/ViewsIcon.js"),Ln=require("./icons/components/WagonIcon.js"),Rn=require("./icons/components/WarningIcon.js"),An=require("./icons/components/WarrantyIcon.js"),Mn=require("./icons/components/YoutubeIcon.js"),En=require("./hooks/useDynamicScript.js"),Nn=require("./typography/Heading/index.js"),Hn=require("./typography/BodyText/index.js"),Vn=require("./typography/ButtonText/index.js"),On=require("./utils/utils.js");require("react/jsx-runtime"),require("react"),require("styled-components"),require("react-collapse"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("./shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("./components/Icons/Close.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("./components/Icons/CheckCircle.js"),require("./components/Icons/ErrorCircle.js"),require("./components/Icons/InfoCircle.js"),require("react-select"),require("./shared/constants.js"),require("react-day-picker"),require("./components/DayPicker/DayPickerNavBar.js"),require("./components/Icons/Arrow.js"),require("./components/DayPicker/localeUtils.js"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/Icons/CheckIcon.js"),require("./components/Chip/styles.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/RegistrationPlate/EuFlagIcon.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqNumberSizes=o.mqNumberSizes,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=t.default,exports.TextField=s.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=I.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Flex=f.default,exports.Select=S.Select,exports.ToggleArrow=y.default,exports.ListItem=g.default,exports.Table=C.default,exports.EditRow=T.default,exports.RadioButton=k.RadioButton,exports.SpinnerThin=h.SpinnerThin,exports.Stamp=B.default,exports.TimePicker=F.TimePicker,exports.Hero=w.default,exports.DayPicker=v.DayPicker,exports.Logo=b.Logo,exports.Badge=P.Badge,exports.Toggle=D.Toggle,exports.Stepper=L.Stepper,exports.StepperAccordion=R.StepperAccordion,exports.Card=A.Card,exports.Switcher=M.Switcher,exports.NotificationButton=E.NotificationButton,exports.ValuationRange=N.default,exports.Chip=H.Chip,exports.Breadcrumbs=V.default,exports.Message=O.default,exports.RegistrationPlate=U.default,exports.MenuItem=G.MenuItem,exports.AddIcon=K.default,exports.AlertIcon=Q.default,exports.ArrowDownIcon=W.default,exports.ArrowLeftIcon=z.default,exports.ArrowRightIcon=Y.default,exports.ArrowUpIcon=J.default,exports.AtvIcon=X.default,exports.AuctionIcon=Z.default,exports.BackIcon=$.default,exports.BankidIcon=_.default,exports.BidIcon=ee.default,exports.BodyIcon=oe.default,exports.BreaksIcon=ne.default,exports.CabIcon=re.default,exports.CalendarIcon=te.default,exports.CameraIcon=se.default,exports.CamperIcon=ce.default,exports.CancelCircleIcon=ie.default,exports.CancelIcon=pe.default,exports.CarIcon=ue.default,exports.CarServiceIcon=ae.default,exports.CaravanIcon=le.default,exports.CertifiedIcon=de.default,exports.ChatIcon=Ie.default,exports.CheckCircleIcon=xe.default,exports.CheckFilledIcon=me.default,exports.CheckIcon=qe.default,exports.CheckmarkIcon=je.default,exports.ClockIcon=fe.default,exports.CloseIcon=Se.default,exports.CommentFilledIcon=ye.default,exports.CommentIcon=ge.default,exports.ConditioningIcon=Ce.default,exports.ContactIcon=Te.default,exports.ControlNumberIcon=ke.default,exports.CopyIcon=he.default,exports.CountdownIcon=Be.default,exports.CoupeIcon=Fe.default,exports.CraneIcon=we.default,exports.CupIcon=ve.default,exports.DeleteIcon=be.default,exports.DisplayIcon=Pe.default,exports.DocumentIcon=De.default,exports.DownloadIcon=Le.default,exports.EcoIcon=Re.default,exports.EditIcon=Ae.default,exports.EngineIcon=Me.default,exports.ErrorFilledIcon=Ee.default,exports.ErrorIcon=Ne.default,exports.EstoniaFlagIcon=He.default,exports.ExportIcon=Ve.default,exports.FacebookIcon=Oe.default,exports.FacilityIcon=Ue.default,exports.FavouriteFilledIcon=Ge.default,exports.FavouriteIcon=Ke.default,exports.FigmaIcon=Qe.default,exports.FilterIcon=We.default,exports.FinanceIcon=ze.default,exports.FinlandFlagIcon=Ye.default,exports.FirstIcon=Je.default,exports.FixedPriceIcon=Xe.default,exports.FuelIcon=Ze.default,exports.GearboxIcon=$e.default,exports.GetPaidIcon=_e.default,exports.GridViewIcon=eo.default,exports.HatchbackIcon=oo.default,exports.HelpIcon=no.default,exports.HistoryIcon=ro.default,exports.HomeDeliveryIcon=to.default,exports.IdIcon=so.default,exports.ImageIcon=co.default,exports.InfoIcon=io.default,exports.InstagramIcon=po.default,exports.InsuranceIcon=uo.default,exports.InteriorIcon=ao.default,exports.KvdIcon=lo.default,exports.KvdTestIcon=Io.default,exports.KvdproIcon=xo.default,exports.LastIcon=mo.default,exports.LeaderIcon=qo.default,exports.LinkedinIcon=jo.default,exports.ListViewIcon=fo.default,exports.LocationIcon=So.default,exports.MailIcon=yo.default,exports.MenuIcon=go.default,exports.MileageIcon=Co.default,exports.MinivanIcon=To.default,exports.ModelYearIcon=ko.default,exports.MoreIcon=ho.default,exports.MotorbikeIcon=Bo.default,exports.NavigationIcon=Fo.default,exports.NewIcon=wo.default,exports.NextFilledIcon=vo.default,exports.NextIcon=bo.default,exports.NotificationIcon=Po.default,exports.OpenInNewIcon=Do.default,exports.PayementIcon=Lo.default,exports.PercentIcon=Ro.default,exports.PhoneIcon=Ao.default,exports.PickUpIcon=Mo.default,exports.Pickup=Eo.default,exports.PlayIcon=No.default,exports.PlugIcon=Ho.default,exports.PolandFlagIcon=Vo.default,exports.PreviousFilledIcon=Oo.default,exports.PreviousIcon=Uo.default,exports.PrintIcon=Go.default,exports.QuoteIcon=Ko.default,exports.RatingIcon=Qo.default,exports.ReleasingIcon=Wo.default,exports.ReorderIcon=zo.default,exports.RestartIcon=Yo.default,exports.SalesOfferIcon=Jo.default,exports.SavedSearchIcon=Xo.default,exports.ScheduleIcon=Zo.default,exports.SearchIcon=$o.default,exports.SedanIcon=_o.default,exports.SellFilledIcon=en.default,exports.SellIcon=on.default,exports.SettingsIcon=nn.default,exports.ShareIcon=rn.default,exports.ShowLessIcon=tn.default,exports.ShowMoreIcon=sn.default,exports.SignInIcon=cn.default,exports.SignOutIcon=pn.default,exports.SlackIcon=un.default,exports.SmartphoneIcon=an.default,exports.SmileIcon=ln.default,exports.SnowmobileIcon=dn.default,exports.SortColumnIcon=In.default,exports.SortIcon=xn.default,exports.StorageIcon=mn.default,exports.StoreIcon=qn.default,exports.SuvIcon=jn.default,exports.SwedishFlagIcon=fn.default,exports.ThreeSixtyIcon=Sn.default,exports.TractorIcon=yn.default,exports.TrailerIcon=gn.default,exports.TransportIcon=Cn.default,exports.TruckIcon=Tn.default,exports.TwitterIcon=kn.default,exports.TyresIcon=hn.default,exports.UnitedKingdomFlagIcon=Bn.default,exports.UploadIcon=Fn.default,exports.UserIcon=wn.default,exports.ValuationIcon=vn.default,exports.VanIcon=bn.default,exports.VersionIcon=Pn.default,exports.ViewsIcon=Dn.default,exports.WagonIcon=Ln.default,exports.WarningIcon=Rn.default,exports.WarrantyIcon=An.default,exports.YoutubeIcon=Mn.default,exports.useDynamicScript=En.useDynamicScript,exports.Display1=Nn.Display1,exports.Display1Style=Nn.Display1Style,exports.Display2=Nn.Display2,exports.Display2Style=Nn.Display2Style,exports.Display3=Nn.Display3,exports.Display3Style=Nn.Display3Style,exports.Headline=Nn.Headline,exports.HeadlineStyle=Nn.HeadlineStyle,exports.Subtitle=Nn.Subtitle,exports.SubtitleStyle=Nn.SubtitleStyle,exports.TinyTitleBold=Nn.TinyTitleBold,exports.TinyTitleBoldStyle=Nn.TinyTitleBoldStyle,exports.TinyTitleRegular=Nn.TinyTitleRegular,exports.TinyTitleRegularStyle=Nn.TinyTitleRegularStyle,exports.Title=Nn.Title,exports.TitleStyle=Nn.TitleStyle,exports.BodyLink=Hn.BodyLink,exports.BodyLinkStyle=Hn.BodyLinkStyle,exports.BodyText=Hn.BodyText,exports.BodyTextStyle=Hn.BodyTextStyle,exports.Caption=Hn.Caption,exports.CaptionLink=Hn.CaptionLink,exports.CaptionLinkStyle=Hn.CaptionLinkStyle,exports.CaptionStyle=Hn.CaptionStyle,exports.Quote=Hn.Quote,exports.QuoteStyle=Hn.QuoteStyle,exports.Status=Hn.Status,exports.StatusStyle=Hn.StatusStyle,exports.ButtonLargeText=Vn.ButtonLarge,exports.ButtonLargeTextStyle=Vn.ButtonLargeTextStyle,exports.ButtonRegularText=Vn.Button,exports.ButtonRegularTextStyle=Vn.ButtonRegularTextStyle,exports.ButtonSmallText=Vn.ButtonSmall,exports.ButtonSmallTextStyle=Vn.ButtonSmallTextStyle,exports.hexToRGB=On.hexToRGB,exports.resetButtonStyle=On.resetButtonStyle,exports.resolveColorWithNeutral=On.resolveColorWithNeutral;