@kvdbil/components 6.1.3 → 6.3.2

package/cjs/components/Button/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../theme.js"),l=require("../Spinner/index.js"),i=require("../../typography/ButtonText/index.js"),a=require("./styles.js");function s(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}var o=s(e),n=s(t);const u=n.default.button`
-  ${i.BasicButtonTextStyle}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../theme.js"),l=require("../Spinner/index.js"),s=require("../../typography/ButtonText/index.js"),i=require("./styles.js");function a(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var o=a(e),n=a(r);const u=n.default.button`
+  ${s.BasicButtonTextStyle}
   box-sizing: border-box;
   outline: none;
   cursor: pointer;
@@ -7,29 +7,29 @@
   position: relative;
   white-space: nowrap;
   border: none;
-  width: ${({fullWidth:y})=>y&&"100%"};
+  width: ${({fullWidth:x})=>x&&"100%"};
   display: flex;
   align-items: center;
-  justify-content: ${({isLoading:y,fullWidth:x,minWidth:h})=>y||x||h?"center":"space-between"};
+  justify-content: ${({sufixIcon:x,prefixIcon:y})=>x||y?"space-between":"center"};
 
-  ${({size:y})=>a.fontSizes[y]||i.ButtonRegularTextStyle}
-  ${({size:y,isLoading:x,minWidth:h})=>t.css`
-    ${y==="smaller"&&a.smallerSizeStyles(x,h)}
-    ${y==="small"&&a.smallSizeStyles(x,h)}
-    ${y==="regular"&&a.regularSizeStyles(x,h)}
-    ${y==="large"&&a.largeSizeStyles(x,h)}
+  ${({size:x="small"})=>i.fontSizes[x]||s.ButtonRegularTextStyle}
+  ${({size:x,isLoading:y,minWidth:b})=>r.css`
+    ${x==="smaller"&&i.smallerSizeStyles(y,b)}
+    ${x==="small"&&i.smallSizeStyles(y,b)}
+    ${x==="regular"&&i.regularSizeStyles(y,b)}
+    ${x==="large"&&i.largeSizeStyles(y,b)}
   `}
   background-color: transparent;
   transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
-  ${({variant:y,color:x,disabled:h,theme:b})=>t.css`
-    ${h?a.disabledColorStyles(b,y):a.colorStyles[y](b,x)}
+  ${({variant:x="solid",color:y="primary",disabled:b,theme:h})=>r.css`
+    ${b?i.disabledColorStyles(h,x):i.colorStyles[x](h,y)}
   `}
   &:focus-visible {
-    box-shadow: 0px 0px 0px 1px ${({theme:y})=>y.colors.gray.light5};
+    box-shadow: 0px 0px 0px 1px ${({theme:x})=>x.colors.gray.light5};
   }
-`,d={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},m={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},c=n.default.span`
+`,d={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},c={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},f=n.default.span`
   display: flex;
-  margin-right: ${({type:y,size:x})=>y==="prefix"?m[x]:0};
-  margin-left: ${({type:y,size:x})=>y==="sufix"?m[x]:0};
-  font-size: ${({size:y})=>d[y]};
-`,f=n.default(l.default)``,p={smaller:1,small:1,regular:1.5,large:1.75},g=e.forwardRef(({size:y="small",color:x="primary",variant:h="solid",fullWidth:b=!1,isDisabled:v=!1,isLoading:z=!1,children:W,sufixIcon:$,prefixIcon:S,minWidth:j,as:q="button",...w},B)=>o.default.createElement(u,{...w,as:q,minWidth:j,color:x,disabled:v||z,fullWidth:b,theme:r.default,variant:h,size:y,isLoading:z,ref:B},z?o.default.createElement(f,{color:r.default.colors.gray.light1,size:p[y]}):o.default.createElement(o.default.Fragment,null,S&&o.default.createElement(c,{size:y,type:"prefix"},S),W,$&&o.default.createElement(c,{size:y,type:"sufix"},$))));g.displayName="Button",exports.Button=g,exports.default=g;
+  margin-right: ${({type:x,size:y})=>x==="prefix"?c[y]:0};
+  margin-left: ${({type:x,size:y})=>x==="sufix"?c[y]:0};
+  font-size: ${({size:x})=>d[x]};
+`,m=n.default(l.default)``,p={smaller:1,small:1,regular:1.5,large:1.75},g=e.forwardRef(({size:x="small",color:y="primary",variant:b="solid",fullWidth:h=!1,isDisabled:v=!1,isLoading:z=!1,children:j,sufixIcon:$,prefixIcon:S,minWidth:q,as:w="button",...B},I)=>o.default.createElement(u,{...B,as:w,minWidth:q,color:y,disabled:v||z,fullWidth:h,theme:t.default,variant:b,size:x,isLoading:z,ref:I,prefixIcon:S,sufixIcon:$},z?o.default.createElement(m,{color:t.default.colors.gray.light1,size:p[x]}):o.default.createElement(o.default.Fragment,null,S&&o.default.createElement(f,{size:x,type:"prefix"},S),j,$&&o.default.createElement(f,{size:x,type:"sufix"},$))));g.displayName="Button",exports.Button=g,exports.default=g;

package/cjs/components/CheckBox/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/helpers.js"),s=require("../../theme.js"),i=require("../IconButton.js"),l=require("../Icons/CheckIcon.js");function a(g){return g&&typeof g=="object"&&"default"in g?g:{default:g}}var o=a(e),c=a(r);const d={regular:r.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../shared/helpers.js"),i=require("../../theme.js"),o=require("../../typography/BodyText/index.js"),a=require("../IconButton.js"),s=require("../../icons/components/CheckIcon.js");function l(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var c=l(e),d=l(t);const n={regular:t.css`
   width: 24px;
   height: 24px;
 
@@ -6,7 +6,7 @@
     width: 15px;
     height: 15px;
   }
-`,large:r.css`
+`,large:t.css`
   width: 32px;
   height: 32px;
 
@@ -14,14 +14,34 @@
     width: 20px;
     height: 20px;
   }
-`},u=r.css`
+`},u=t.css`
   cursor: default;
-  border: 2px solid ${s.default.colors.gray.light1};
-`,n=r.css`
-  background: ${s.default.colors.gray.light1};
-`,h=c.default.input.attrs({type:"checkbox"})`
-  display: none;
-`,p=c.default.label`
+  border: 2px solid ${i.default.colors.gray.light2};
+`,h=t.css`
+  background: ${i.default.colors.gray.light2};
+`,p=d.default.label`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+`,f=d.default.input.attrs({type:"checkbox"})`
+  position: absolute;
+  appearance: none;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+
+  :focus-visible {
+    outline: none;
+    height: calc(100% + 1rem);
+    width: calc(100% + 1rem);
+    top: -0.5rem;
+    left: -0.5rem;
+    appearance: initial;
+    border-radius: 10rem;
+    transition: background-color 400ms;
+    ${a.BackgroundStyles}
+`,b=d.default.span`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -29,16 +49,16 @@
   align-items: center;
   justify-content: center;
 
-  border: 2px solid ${s.default.colors.gray.light1};
-  border-radius: 3px;
+  border: 2px solid ${i.default.colors.gray.dark5};
 
-  ${g=>d[g.size]};
+  ${x=>n[x.size]};
 
   svg {
     opacity: 0;
+    color: ${({theme:x})=>x.colors.common.white};
   }
 
-  ${g=>{return g.isChecked&&(x=g.color,r.css`
+  ${x=>{return x.isChecked&&(y=x.color,t.css`
   svg {
     fill: #fefefe;
     opacity: 1;
@@ -47,10 +67,15 @@
   :hover {
   }
 
-  background: ${s.default.colors[x].main};
-  border: 2px solid ${s.default.colors[x].main};
-`);var x}};
-  ${g=>g.isDisabled&&u};
+  background: ${i.default.colors[y].main};
+  border: 2px solid ${i.default.colors[y].main};
+`);var y}};
+  ${x=>x.isDisabled&&u};
 
-  ${g=>g.isChecked&&g.isDisabled&&n};
-`,f=({name:g=t.generateNameHash("check-box"),isDisabled:x=!1,size:m="regular",checked:b,color:k="secondary",onClick:y,...v})=>o.default.createElement(i.default,{onClick:y,isActive:b,isDisabled:x,color:k},o.default.createElement(h,{...v,"data-validate":"checked",name:g,id:g,disabled:x}),o.default.createElement(p,{htmlFor:g,size:m,color:k,isChecked:b,isDisabled:x},o.default.createElement(l.default,null)));exports.CheckBox=f,exports.default=f;
+  ${x=>x.isChecked&&x.isDisabled&&h};
+`,g=d.default(o.BodyText)`
+  cursor: ${({isDisabled:x})=>x?"default":"pointer"};
+  user-select: none;
+  color: ${({theme:x,isDisabled:y})=>y?x.colors.text.disabled:x.colors.text.dark};
+  margin-left: 0.5rem;
+`,m=({name:x=r.generateNameHash("check-box"),isDisabled:y=!1,size:D="regular",checked:v,color:k="secondary",onClick:j,label:$,...q})=>c.default.createElement(p,{htmlFor:x},c.default.createElement(a.default,{onClick:j,isActive:v,isDisabled:y,color:k},c.default.createElement(f,{...q,"data-validate":"checked",name:x,id:x,color:k,disabled:y,isDisabled:y}),c.default.createElement(b,{size:D,color:k,isChecked:v,isDisabled:y},c.default.createElement(s.default,null))),$&&c.default.createElement(g,{as:"span",isDisabled:y},$));exports.CheckBox=m,exports.default=m;

package/cjs/components/Chip/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("styled-components"),require("../Accordion/index.js"),require("../Button/index.js"),require("../IconButton.js"),require("../Textfield/index.js"),require("../TextArea/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../ErrorMessage/index.js"),require("../Spinner/index.js"),require("../Modal/index.js"),require("../Dialog/index.js"),require("../OffCanvas/index.js"),require("../CheckBox/index.js"),require("../Snackbar/index.js"),require("../Select/index.js"),require("../ListItem/index.js");var e=require("../../index-0dad029d.js");require("../Hero/index.js"),require("../DayPicker/index.js"),require("../Logo/index.js"),require("../Badge/index.js"),require("../Toggle/index.js"),require("../Stepper/index.js"),require("../InlineStepper/Step.js"),require("../InlineStepper/index.js"),require("../StepperAccordion/index.js"),require("../Card/index.js"),require("../NotificationButton/index.js"),require("../Range/index.js"),require("../Header/index.js"),require("../MenuItem/index.js"),require("../../icons/components/CloseIcon.js"),require("../../typography/Heading/index.js"),require("../../typography/BodyText/index.js"),require("../../typography/ButtonText/index.js"),require("../RadioButton/index.js"),require("../../utils/utils.js"),require("./styles.js"),require("react-collapse"),require("../../shared/media-queries.js"),require("../../icons/components/ArrowDownIcon.js"),require("../../theme.js"),require("../Button/styles.js"),require("../FieldLabel.js"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../OffCanvas/Overlay.js"),require("../OffCanvas/useClickOutside.js"),require("../../shared/helpers.js"),require("../Icons/CheckIcon.js"),require("../Icons/CheckCircle.js"),require("../Icons/ErrorCircle.js"),require("../Icons/InfoCircle.js"),require("react-select"),require("../../shared/constants.js"),require("react-day-picker"),require("../DayPicker/DayPickerNavBar.js"),require("../Icons/Arrow.js"),require("../DayPicker/localeUtils.js"),require("../DayPicker/style.js"),require("../Logo/LogoSv.js"),require("../Logo/LogoEn.js"),require("../InlineStepper/StepCircle.js"),require("../Header/Hamburger.js"),require("../Header/Link.js"),exports.Chip=e.Chip,exports.default=e.Chip;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("styled-components"),require("../Accordion/index.js"),require("../Button/index.js"),require("../IconButton.js"),require("../Textfield/index.js"),require("../TextArea/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../ErrorMessage/index.js"),require("../Spinner/index.js"),require("../Modal/index.js"),require("../Dialog/index.js"),require("../OffCanvas/index.js"),require("../CheckBox/index.js"),require("../Snackbar/index.js"),require("../Select/index.js"),require("../ListItem/index.js");var e=require("../../index-3ce38349.js");require("../Hero/index.js"),require("../DayPicker/index.js"),require("../Logo/index.js"),require("../Badge/index.js"),require("../Toggle/index.js"),require("../Stepper/index.js"),require("../InlineStepper/Step.js"),require("../InlineStepper/index.js"),require("../StepperAccordion/index.js"),require("../Card/index.js"),require("../NotificationButton/index.js"),require("../Range/index.js"),require("../Header/index.js"),require("../MenuItem/index.js"),require("../../icons/components/CloseIcon.js"),require("../../typography/Heading/index.js"),require("../../typography/BodyText/index.js"),require("../../typography/ButtonText/index.js"),require("../RadioButton/index.js"),require("../../utils/utils.js"),require("./styles.js"),require("react-collapse"),require("../../shared/media-queries.js"),require("../../icons/components/ArrowDownIcon.js"),require("../../theme.js"),require("../Button/styles.js"),require("../FieldLabel.js"),require("../../shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../OffCanvas/Overlay.js"),require("../OffCanvas/useClickOutside.js"),require("../../icons/components/CheckIcon.js"),require("../Icons/CheckCircle.js"),require("../Icons/ErrorCircle.js"),require("../Icons/InfoCircle.js"),require("react-select"),require("../../shared/constants.js"),require("react-day-picker"),require("../DayPicker/DayPickerNavBar.js"),require("../Icons/Arrow.js"),require("../DayPicker/localeUtils.js"),require("../DayPicker/style.js"),require("../Logo/LogoSv.js"),require("../Logo/LogoEn.js"),require("../InlineStepper/StepCircle.js"),require("../Icons/CheckIcon.js"),require("../Header/Hamburger.js"),require("../Header/Link.js"),exports.Chip=e.Chip,exports.default=e.Chip;

package/cjs/components/FieldLabel.js

@@ -1,34 +1,34 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(c){return c&&typeof c=="object"&&"default"in c?c:{default:c}}var o=t(e);const r=e.css`
-  color: ${c=>c.theme.colors.text.dark};
-`,s=e.css`
-  color: ${c=>c.theme.colors.gray.light1};
-  background-color: ${c=>c.theme.colors.background.light};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../typography/BodyText/index.js");function o(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}require("react");var t=o(e);const s=e.css`
+  color: ${({theme:i,hasError:d})=>d?i.colors.error.dark:i.colors.text.dark};
 `,l=e.css`
+  color: ${({theme:i})=>i.colors.gray.light1};
+  background-color: ${({theme:i})=>i.colors.background.light};
+`,a=e.css`
   text-align: center;
   width: 100%;
   left: 0;
-`,a=o.default.label`
-  font-family: ${({theme:c})=>c.typography.fontBaseFamily};
+`,c=t.default.label`
+  ${r.CaptionStyle}
   pointer-events: none;
   position: absolute;
   z-index: 1;
-  top: ${c=>c.height?`${c.height}rem`:"0.9rem"};
+  top: ${({height:i})=>i?`${i}rem`:"1rem"};
   left: calc(0.75rem + 2px);
   transition: 150ms;
   height: 16px;
   line-height: 16px;
   font-size: 16px;
-  color: ${c=>c.theme.colors.gray.dark5};
+  color: ${({theme:i})=>i.colors.gray.dark5};
 
-  ${c=>c.centered&&l}
-  ${c=>{return(c.hasValue||c.isFocused)&&(i=c.height?`-${1.35*(c.height+.25)}rem`:"-1.75rem",e.css`
-  background-color: ${n=>n.theme.colors.background.light};
-  transform: scale(0.75) translateY(${i});
+  ${({centered:i})=>i&&a}
+  ${({hasValue:i,isFocused:d,height:h,hasError:u})=>(i||d)&&((g,m)=>e.css`
+  background-color: ${({theme:n})=>n.colors.background.light};
+  transform: scale(0.75) translateY(${g});
   transform-origin: 0 0;
   padding: 0 ${"0.5rem"};
   left: ${"0.5rem"};
-  color: ${({theme:n})=>n.colors.text.dark};
-`);var i}}
-  ${c=>c.isFocused&&r}
-  ${c=>c.disabled&&s}
-`;exports.Label=a;
+  color: ${({theme:n})=>m?n.colors.error.dark:n.colors.text.dark};
+`)(h?`-${1.35*(h+.25)}rem`:"-1.8rem",u)}
+  ${({isFocused:i})=>i&&s}
+  ${({disabled:i})=>i&&l}
+`;exports.Label=c;

package/cjs/components/IconButton.js

@@ -1,6 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("styled-components"),t=require("../theme.js");function i(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var r=i(e),c=i(o);const a=o.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components");function o(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var i=o(e),r=o(t);const c=t.css`
   background-color: transparent;
-`,n=c.default.div`
+`,n=t.css`
+  background-color: ${({theme:s,color:b})=>s.colors[b].main};
+  opacity: 0.1;
+  ${s=>s.isDisabled&&c};
+`,a=r.default.div`
   cursor: ${s=>s.isDisabled?"default":"pointer"};
   outline: none;
 
@@ -16,10 +20,7 @@
   :hover {
     .button-background {
       transition: background-color ${"400ms"};
-      background-color: ${s=>s.isActive?t.default.colors[s.color].main:"rgb(136, 136, 136)"};
-
-      opacity: 0.06;
-      ${s=>s.isDisabled&&a};
+      ${n}
     }
   }
 
@@ -27,20 +28,14 @@
     .button-background {
       transition: background-color ${"400ms"};
       animation: FocusRipple ${"1500ms"} 0ms infinite alternate-reverse;
-      background-color: ${s=>s.isActive?t.default.colors[s.color].main:"rgba(136, 136, 136)"};
-
-      opacity: 0.12;
-      ${s=>s.isDisabled&&a};
+      ${n}
     }
   }
 
   :active {
     .button-background {
       animation: ActiveRipple ${"750ms"};
-      background-color: ${s=>s.isActive?t.default.colors[s.color].main:"rgb(136, 136, 136)"};
-
-      opacity: 0.24;
-      ${s=>s.isDisabled&&a};
+      ${n}
     }
   }
 
@@ -67,14 +62,14 @@
       clip-path: circle(50%);
     }
   }
-`,l=c.default.div`
+`,l=r.default.div`
   top: 0;
   left: 0;
 
-  height: calc(100% + 2rem);
-  width: calc(100% + 2rem);
-  transform: translate(-1rem, -1rem);
+  height: calc(100% + 1rem);
+  width: calc(100% + 1rem);
+  transform: translate(-0.5rem, -0.5rem);
 
   position: absolute;
   border-radius: 10rem;
-`;exports.default=({children:s,isActive:b,isDisabled:d,onClick:p,color:f})=>r.default.createElement(n,{color:f,isActive:b,isDisabled:d,onClick:u=>{u.stopPropagation(),u.preventDefault(),u.persist(),d||typeof p!="function"||p(u)},onKeyDown:u=>{u.key!=="Enter"||d||typeof p!="function"||(u.persist(),p(u))},tabIndex:d?void 0:1},r.default.createElement(l,{className:"button-background"}),s);
+`;exports.BackgroundStyles=n,exports.default=({children:s,isActive:b,isDisabled:p,onClick:d,color:f})=>i.default.createElement(a,{color:f,isActive:b,isDisabled:p,onClick:u=>{u.stopPropagation(),u.preventDefault(),u.persist(),p||typeof d!="function"||d(u)},onKeyDown:u=>{u.key!=="Enter"||p||typeof d!="function"||(u.persist(),d(u))},tabIndex:p?void 0:1},i.default.createElement(l,{className:"button-background"}),s);

package/cjs/components/Logo/LogoEn.js

@@ -1 +1 @@
-"use strict";function e(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}Object.defineProperty(exports,"__esModule",{value:!0});var C=e(require("react"));exports.default=()=>C.default.createElement("svg",{viewBox:"0 0 622 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-en"},C.default.createElement("title",{id:"kvdlogo-en"},"kvdcars.com"),C.default.createElement("path",{d:"M563.63 130.23C561.82 127.17 559.53 124.57 556.81 122.52C554.18 120.54 551.29 118.87 548.23 117.57C545.36 116.35 542.64 115.15 540.14 113.99C537.8 112.9 535.83 111.71 534.29 110.44C533.08 109.44 532.52 108.24 532.52 106.67C532.52 105.1 533 103.96 534.02 103.11C535.07 102.24 536.56 101.77 538.46 101.73L561.94 109.52V87.83L560.57 87.35C556.81 86.02 553.15 84.93 549.69 84.12C546.16 83.29 542.26 82.86 538.12 82.86C533.98 82.86 530.19 83.43 526.85 84.55C523.47 85.69 520.55 87.34 518.16 89.44C515.76 91.56 513.88 94.13 512.56 97.09C511.24 100.04 510.58 103.34 510.58 106.9C510.58 111.77 511.52 115.84 513.38 118.99C515.2 122.07 517.48 124.61 520.18 126.56C522.79 128.44 525.66 130 528.73 131.18C531.61 132.3 534.3 133.42 536.71 134.52C539.01 135.57 540.96 136.75 542.49 138.01C543.7 139.01 544.26 140.31 544.26 142.11C544.26 144.1 543.67 145.47 542.4 146.43C541.05 147.45 539.09 147.99 536.59 148.04L511.34 139.22V161.63L512.59 162.16C515.97 163.59 519.84 164.8 524.09 165.77C528.38 166.75 532.95 167.24 537.67 167.24C541.8 167.24 545.64 166.67 549.08 165.55C552.56 164.42 555.62 162.77 558.18 160.64C560.78 158.48 562.82 155.81 564.26 152.7C565.69 149.6 566.42 146.03 566.42 142.1C566.44 137.37 565.49 133.38 563.63 130.23Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M124.01 84.33H99.02L77.58 114.92V56.04H55.16V166.56H77.58V132.24L101.06 166.56H127.94L96.57 123.5L124.01 84.33Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M235.3 144.12C224.78 144.12 216.25 135.59 216.25 125.07C216.25 114.55 224.78 106.02 235.3 106.02C245.83 106.02 254.35 114.55 254.35 125.07C254.35 135.59 245.82 144.12 235.3 144.12ZM255.53 88.9C249.48 85.46 242.49 83.5 235.04 83.5C212.11 83.5 193.52 102.09 193.52 125.02C193.52 147.95 212.11 166.54 235.04 166.54C242.49 166.54 249.49 164.58 255.53 161.14V166.56H277.95V56.04H255.53V88.9Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M175.62 84.33L161.08 131.23L146.54 84.33H124.32L149.81 166.56H150.13H172.04H172.35L197.84 84.33H175.62Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M411.58 144.12C401.06 144.12 392.53 135.59 392.53 125.07C392.53 114.55 401.06 106.02 411.58 106.02C422.1 106.02 430.63 114.55 430.63 125.07C430.63 135.59 422.11 144.12 411.58 144.12ZM411.31 83.5C388.38 83.5 369.79 102.08 369.79 125.01C369.79 147.94 388.38 166.53 411.31 166.53C418.86 166.53 425.94 164.52 432.04 161V166.55H454.46V84.33H432.04V89.03C425.94 85.52 418.86 83.5 411.31 83.5Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M342.97 130.89C340.51 138.56 333.32 144.12 324.83 144.12C314.3 144.12 305.78 135.59 305.78 125.07C305.78 114.55 314.31 106.02 324.83 106.02C333.59 106.02 340.95 111.94 343.18 120H366.04C363.56 99.44 346.06 83.5 324.84 83.5C301.91 83.5 283.33 102.09 283.33 125.01C283.33 147.94 301.9 166.52 324.84 166.52C345.77 166.52 363.08 151.02 365.93 130.88H342.97V130.89Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M505.29 83.5C498.52 83.5 492.15 85.14 486.5 88.01V84.33H464.08V166.55H486.5V161.92V125.07H486.51C486.51 114.55 495.04 106.02 505.56 106.02C505.95 106.02 506.34 106.06 506.72 106.08V83.55C506.25 83.53 505.77 83.5 505.29 83.5Z",fill:"#1A2030"}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),C=require("../../theme.js");function t(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}var l=t(e);exports.default=({color:a=C.default.colors.neutral.main})=>l.default.createElement("svg",{viewBox:"0 0 622 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-en"},l.default.createElement("title",{id:"kvdlogo-en"},"kvdcars.com"),l.default.createElement("path",{d:"M563.63 130.23C561.82 127.17 559.53 124.57 556.81 122.52C554.18 120.54 551.29 118.87 548.23 117.57C545.36 116.35 542.64 115.15 540.14 113.99C537.8 112.9 535.83 111.71 534.29 110.44C533.08 109.44 532.52 108.24 532.52 106.67C532.52 105.1 533 103.96 534.02 103.11C535.07 102.24 536.56 101.77 538.46 101.73L561.94 109.52V87.83L560.57 87.35C556.81 86.02 553.15 84.93 549.69 84.12C546.16 83.29 542.26 82.86 538.12 82.86C533.98 82.86 530.19 83.43 526.85 84.55C523.47 85.69 520.55 87.34 518.16 89.44C515.76 91.56 513.88 94.13 512.56 97.09C511.24 100.04 510.58 103.34 510.58 106.9C510.58 111.77 511.52 115.84 513.38 118.99C515.2 122.07 517.48 124.61 520.18 126.56C522.79 128.44 525.66 130 528.73 131.18C531.61 132.3 534.3 133.42 536.71 134.52C539.01 135.57 540.96 136.75 542.49 138.01C543.7 139.01 544.26 140.31 544.26 142.11C544.26 144.1 543.67 145.47 542.4 146.43C541.05 147.45 539.09 147.99 536.59 148.04L511.34 139.22V161.63L512.59 162.16C515.97 163.59 519.84 164.8 524.09 165.77C528.38 166.75 532.95 167.24 537.67 167.24C541.8 167.24 545.64 166.67 549.08 165.55C552.56 164.42 555.62 162.77 558.18 160.64C560.78 158.48 562.82 155.81 564.26 152.7C565.69 149.6 566.42 146.03 566.42 142.1C566.44 137.37 565.49 133.38 563.63 130.23Z",fill:a}),l.default.createElement("path",{d:"M124.01 84.33H99.02L77.58 114.92V56.04H55.16V166.56H77.58V132.24L101.06 166.56H127.94L96.57 123.5L124.01 84.33Z",fill:a}),l.default.createElement("path",{d:"M235.3 144.12C224.78 144.12 216.25 135.59 216.25 125.07C216.25 114.55 224.78 106.02 235.3 106.02C245.83 106.02 254.35 114.55 254.35 125.07C254.35 135.59 245.82 144.12 235.3 144.12ZM255.53 88.9C249.48 85.46 242.49 83.5 235.04 83.5C212.11 83.5 193.52 102.09 193.52 125.02C193.52 147.95 212.11 166.54 235.04 166.54C242.49 166.54 249.49 164.58 255.53 161.14V166.56H277.95V56.04H255.53V88.9Z",fill:a}),l.default.createElement("path",{d:"M175.62 84.33L161.08 131.23L146.54 84.33H124.32L149.81 166.56H150.13H172.04H172.35L197.84 84.33H175.62Z",fill:a}),l.default.createElement("path",{d:"M411.58 144.12C401.06 144.12 392.53 135.59 392.53 125.07C392.53 114.55 401.06 106.02 411.58 106.02C422.1 106.02 430.63 114.55 430.63 125.07C430.63 135.59 422.11 144.12 411.58 144.12ZM411.31 83.5C388.38 83.5 369.79 102.08 369.79 125.01C369.79 147.94 388.38 166.53 411.31 166.53C418.86 166.53 425.94 164.52 432.04 161V166.55H454.46V84.33H432.04V89.03C425.94 85.52 418.86 83.5 411.31 83.5Z",fill:a}),l.default.createElement("path",{d:"M342.97 130.89C340.51 138.56 333.32 144.12 324.83 144.12C314.3 144.12 305.78 135.59 305.78 125.07C305.78 114.55 314.31 106.02 324.83 106.02C333.59 106.02 340.95 111.94 343.18 120H366.04C363.56 99.44 346.06 83.5 324.84 83.5C301.91 83.5 283.33 102.09 283.33 125.01C283.33 147.94 301.9 166.52 324.84 166.52C345.77 166.52 363.08 151.02 365.93 130.88H342.97V130.89Z",fill:a}),l.default.createElement("path",{d:"M505.29 83.5C498.52 83.5 492.15 85.14 486.5 88.01V84.33H464.08V166.55H486.5V161.92V125.07H486.51C486.51 114.55 495.04 106.02 505.56 106.02C505.95 106.02 506.34 106.06 506.72 106.08V83.55C506.25 83.53 505.77 83.5 505.29 83.5Z",fill:a}));

package/cjs/components/Logo/LogoSv.js

@@ -1 +1 @@
-"use strict";function e(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=()=>t.default.createElement("svg",{viewBox:"0 0 492 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-sv"},t.default.createElement("title",{id:"kvdlogo-sv"},"kvd.se"),t.default.createElement("path",{d:"M124.94 84.11H99.78L78.2 114.91V55.63H55.63V166.89H78.2V132.34L101.83 166.89H128.89L97.32 123.54L124.94 84.11Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M393.79 87.26C389.7 87.26 385.88 86.1 382.64 84.1H382.51V166.88H405.08V84.1H404.95C401.69 86.1 397.87 87.26 393.79 87.26Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M436.21 55.59H413.64V166.89H436.21V55.59Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M393.79 49.9C384.96 49.9 377.77 57.09 377.77 65.92C377.77 74.75 384.95 81.94 393.79 81.94C402.63 81.94 409.81 74.76 409.81 65.92C409.8 57.09 402.62 49.9 393.79 49.9ZM393.79 72.85C389.97 72.85 386.86 69.74 386.86 65.92C386.86 62.1 389.97 58.99 393.79 58.99C397.61 58.99 400.72 62.1 400.72 65.92C400.72 69.74 397.61 72.85 393.79 72.85Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M336.08 83.27C328.48 83.27 321.36 85.3 315.22 88.84V55.63H292.65V166.89H315.22V161.3C321.36 164.84 328.49 166.87 336.08 166.87C359.16 166.87 377.88 148.16 377.88 125.07C377.87 101.98 359.16 83.27 336.08 83.27ZM335.81 144.3C325.22 144.3 316.63 135.71 316.63 125.12C316.63 114.53 325.22 105.94 335.81 105.94C346.4 105.94 354.99 114.53 354.99 125.12C354.99 135.71 346.4 144.3 335.81 144.3Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M257.34 88.71C251.25 85.25 244.21 83.27 236.71 83.27C213.62 83.27 194.91 101.98 194.91 125.07C194.91 148.15 213.62 166.87 236.71 166.87C244.21 166.87 251.25 164.89 257.34 161.43V166.89H279.91V55.63H257.34V88.71ZM236.98 144.3C226.39 144.3 217.8 135.71 217.8 125.12C217.8 114.53 226.39 105.94 236.98 105.94C247.57 105.94 256.16 114.53 256.16 125.12C256.16 135.71 247.57 144.3 236.98 144.3Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M176.9 84.11L162.26 131.32L147.62 84.11H125.25L150.92 166.89H151.23H173.29H173.6L199.27 84.11H176.9Z",fill:"#1A2030"}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../theme.js");function l(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var a=l(e);exports.default=({color:r=t.default.colors.neutral.main})=>a.default.createElement("svg",{viewBox:"0 0 492 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-sv"},a.default.createElement("title",{id:"kvdlogo-sv"},"kvd.se"),a.default.createElement("path",{d:"M124.94 84.11H99.78L78.2 114.91V55.63H55.63V166.89H78.2V132.34L101.83 166.89H128.89L97.32 123.54L124.94 84.11Z",fill:r}),a.default.createElement("path",{d:"M393.79 87.26C389.7 87.26 385.88 86.1 382.64 84.1H382.51V166.88H405.08V84.1H404.95C401.69 86.1 397.87 87.26 393.79 87.26Z",fill:r}),a.default.createElement("path",{d:"M436.21 55.59H413.64V166.89H436.21V55.59Z",fill:r}),a.default.createElement("path",{d:"M393.79 49.9C384.96 49.9 377.77 57.09 377.77 65.92C377.77 74.75 384.95 81.94 393.79 81.94C402.63 81.94 409.81 74.76 409.81 65.92C409.8 57.09 402.62 49.9 393.79 49.9ZM393.79 72.85C389.97 72.85 386.86 69.74 386.86 65.92C386.86 62.1 389.97 58.99 393.79 58.99C397.61 58.99 400.72 62.1 400.72 65.92C400.72 69.74 397.61 72.85 393.79 72.85Z",fill:r}),a.default.createElement("path",{d:"M336.08 83.27C328.48 83.27 321.36 85.3 315.22 88.84V55.63H292.65V166.89H315.22V161.3C321.36 164.84 328.49 166.87 336.08 166.87C359.16 166.87 377.88 148.16 377.88 125.07C377.87 101.98 359.16 83.27 336.08 83.27ZM335.81 144.3C325.22 144.3 316.63 135.71 316.63 125.12C316.63 114.53 325.22 105.94 335.81 105.94C346.4 105.94 354.99 114.53 354.99 125.12C354.99 135.71 346.4 144.3 335.81 144.3Z",fill:r}),a.default.createElement("path",{d:"M257.34 88.71C251.25 85.25 244.21 83.27 236.71 83.27C213.62 83.27 194.91 101.98 194.91 125.07C194.91 148.15 213.62 166.87 236.71 166.87C244.21 166.87 251.25 164.89 257.34 161.43V166.89H279.91V55.63H257.34V88.71ZM236.98 144.3C226.39 144.3 217.8 135.71 217.8 125.12C217.8 114.53 226.39 105.94 236.98 105.94C247.57 105.94 256.16 114.53 256.16 125.12C256.16 135.71 247.57 144.3 236.98 144.3Z",fill:r}),a.default.createElement("path",{d:"M176.9 84.11L162.26 131.32L147.62 84.11H125.25L150.92 166.89H151.23H173.29H173.6L199.27 84.11H176.9Z",fill:r}));

package/cjs/components/Logo/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("./LogoSv.js"),o=require("./LogoEn.js");function u(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var d=u(e);const l=u(t).default.div`
-  width: ${({width:n})=>n}px;
-`,a=({locale:n,width:i})=>{const s=n==="en"?o.default:r.default,c=((f,p)=>p||(f==="en"?175:132))(n,i);return d.default.createElement(l,{width:c,"data-testid":`logo-${n}`},d.default.createElement(s,null))};exports.Logo=a,exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("./LogoSv.js"),o=require("./LogoEn.js");function u(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}require("../../theme.js");var d=u(e);const l=u(t).default.div`
+  width: ${({width:i})=>i}px;
+`,a=({locale:i,width:n,color:s})=>{const c=i==="en"?o.default:r.default,f=((p,h)=>h||(p==="en"?175:132))(i,n);return d.default.createElement(l,{width:f,"data-testid":`logo-${i}`},d.default.createElement(c,{color:s}))};exports.Logo=a,exports.default=a;

package/cjs/components/Select/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-select"),o=require("styled-components"),t=require("../../shared/constants.js"),a=require("../../theme.js"),l=require("../FieldLabel.js");function i(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}var s=i(e),d=i(r),n=i(o);const u=n.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-select"),o=require("styled-components"),t=require("../../shared/constants.js"),a=require("../../theme.js"),l=require("../FieldLabel.js");function i(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}require("../../typography/BodyText/index.js");var s=i(e),d=i(r),n=i(o);const u=n.default.div`
   font-family: ${({theme:y})=>y.typography.fontBaseFamily};
   position: relative;
 `,c=y=>y&&{paddingLeft:"2.5rem"},f=y=>y&&{border:`1px solid ${a.default.colors.gray.light1}`,color:a.default.colors.gray.dark1,fill:a.default.colors.gray.light1},m=n.default.div`
@@ -41,4 +41,4 @@
 
   transform: ${y=>y.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
   transform-origin: 50% 60%;
-`,g=({selectProps:{menuIsOpen:y=!1},isFocused:D=!1,isDisabled:L})=>s.default.createElement(h,{$isDisabled:L,$isFocused:D,$isMenuOpen:y,$theme:a.default}),b=({className:y,color:D="primary",forwardRef:L,hasError:I=!1,height:v,helperText:B,isDisabled:S=!1,onBlur:N=()=>null,onFocus:O=()=>null,onInputChange:_=()=>null,placeholder:j="",name:w,...x})=>{var E;const[k,T]=e.useState(!1),[R,z]=e.useState(""),q=({isSelected:$,isFocused:F,isDisabled:C})=>$?a.default.colors[D].main:C?a.default.colors.background.light:F?a.default.colors.background.gray:a.default.colors.background.light,A=(($,F)=>F?a.default.colors.error.main:$?a.default.colors.text.dark:a.default.colors.gray.light1)(k,I);return s.default.createElement(u,{className:y},x.label&&s.default.createElement(l.Label,{htmlFor:w,height:v,isFocused:k,hasValue:Boolean(x.value||R),disabled:S,theme:a.default,hasError:I},x.label),x.prefix&&s.default.createElement(m,{isDisabled:S,isFocused:k},x.prefix),s.default.createElement(d.default,{...x,inputId:w,name:w,ref:L,isDisabled:S,onInputChange:($,F)=>{_($,F),z($)},placeholder:j,onFocus:$=>{T(!0),O($)},onBlur:$=>{T(!1),N($)},styles:{control:$=>({...$,borderRadius:0,color:a.default.colors.text.dark,fontFamily:a.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:a.default.colors.background.light,borderColor:A,boxShadow:"none","&:hover":{borderColor:"none"},...f(S),...c(Boolean(x.prefix))}),placeholder:$=>({...$,display:k?"static":"none"}),singleValue:$=>({...$,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:$=>({...$,padding:"8px 0"}),menu:$=>({...$,borderRadius:0,boxShadow:a.default.elevations.elevation2,zIndex:2,padding:"0"}),option:($,{isSelected:F,isFocused:C,isDisabled:M})=>({...$,padding:"1rem",cursor:M?"not-allowed":"pointer","&:hover":{background:q({isSelected:F,isFocused:!0,isDisabled:M})},background:q({isSelected:F,isFocused:C}),...c(Boolean(x.prefix))}),valueContainer:$=>({...$,position:"static",padding:v?v-1+"rem 0 ":0,height:v?"auto":"21px"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:g,...(E=x.components)!=null?E:{}}}),B&&s.default.createElement(p,{hasError:I},B))};exports.Select=b,exports.default=b;
+`,g=({selectProps:{menuIsOpen:y=!1},isFocused:D=!1,isDisabled:L})=>s.default.createElement(h,{$isDisabled:L,$isFocused:D,$isMenuOpen:y,$theme:a.default}),b=({className:y,color:D="primary",forwardRef:L,hasError:I=!1,height:v,helperText:C,isDisabled:S=!1,onBlur:M=()=>null,onFocus:N=()=>null,onInputChange:O=()=>null,placeholder:_="",name:w,...$})=>{var E;const[k,T]=e.useState(!1),[R,z]=e.useState(""),q=({isSelected:x,isFocused:F,isDisabled:B})=>x?a.default.colors[D].main:B?a.default.colors.background.light:F?a.default.colors.background.gray:a.default.colors.background.light,A=((x,F)=>F?a.default.colors.error.main:x?a.default.colors.text.dark:a.default.colors.gray.light1)(k,I);return s.default.createElement(u,{className:y},$.label&&s.default.createElement(l.Label,{htmlFor:w,height:v,isFocused:k,hasValue:Boolean($.value||R),disabled:S,theme:a.default,hasError:I},$.label),$.prefix&&s.default.createElement(m,{isDisabled:S,isFocused:k},$.prefix),s.default.createElement(d.default,{...$,inputId:w,name:w,ref:L,isDisabled:S,onInputChange:(x,F)=>{O(x,F),z(x)},placeholder:_,onFocus:x=>{T(!0),N(x)},onBlur:x=>{T(!1),M(x)},styles:{control:x=>({...x,borderRadius:0,color:a.default.colors.text.dark,fontFamily:a.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:a.default.colors.background.light,borderColor:A,boxShadow:"none","&:hover":{borderColor:"none"},...f(S),...c(Boolean($.prefix))}),placeholder:x=>({...x,display:k?"static":"none"}),singleValue:x=>({...x,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:x=>({...x,padding:"8px 0"}),menu:x=>({...x,borderRadius:0,boxShadow:a.default.elevations.elevation2,zIndex:2,padding:"0"}),option:(x,{isSelected:F,isFocused:B,isDisabled:j})=>({...x,padding:"1rem",cursor:j?"not-allowed":"pointer","&:hover":{background:q({isSelected:F,isFocused:!0,isDisabled:j})},background:q({isSelected:F,isFocused:B}),...c(Boolean($.prefix))}),valueContainer:x=>({...x,position:"static",padding:v?v-1+"rem 0 ":0,height:v?"auto":"21px"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:g,...(E=$.components)!=null?E:{}}}),C&&s.default.createElement(p,{hasError:I},C))};exports.Select=b,exports.default=b;

package/cjs/components/Textfield/index.js

@@ -1,55 +1,64 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),l=require("../../theme.js"),t=require("../FieldLabel.js"),a=require("../../typography/BodyText/index.js");function o(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var d=o(e),s=o(r);const i=r.css`
-  border: 1px solid ${l.default.colors.gray.light1};
-  color: ${l.default.colors.gray.dark1};
-  fill: ${l.default.colors.gray.light1};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../FieldLabel.js"),l=require("../../typography/BodyText/index.js"),o=require("../../shared/helpers.js");function a(g){return g&&typeof g=="object"&&"default"in g?g:{default:g}}var d=a(e),s=a(r);const i=r.css`
+  border: 1px solid ${({theme:g})=>g.colors.gray.light2}};
+  color: ${({theme:g})=>g.colors.text.disabled};
+  fill: ${({theme:g})=>g.colors.text.disabled};
 `,n=r.css`
-  border: 1px solid ${l.default.colors.error.main};
+  border: 2px solid ${({theme:g})=>g.colors.error.dark};
 `,c=r.css`
-  color: ${l.default.colors.text.dark};
-  border: 1px solid ${l.default.colors.text.dark};
-  fill: ${l.default.colors.text.dark};
+  border: 2px solid ${({theme:g})=>g.colors.gray.dark5}};
+  color: ${({theme:g})=>g.colors.text.dark};
+  fill: ${({theme:g})=>g.colors.text.dark};
 `,u=s.default.div`
   position: relative;
   padding: 0;
   display: block;
-`,f=s.default.div`
+`,h=s.default.div`
   display: flex;
   text-align: center;
   align-items: center;
+  box-sizing: border-box;
+  height: 3rem;
 
-  color: ${l.default.colors.gray.light1};
-  fill: ${l.default.colors.gray.light1};
-  background-color: ${l.default.colors.background.light};
+  background-color: ${({theme:g})=>g.colors.background.light};
 
-  border: 1px solid ${l.default.colors.gray.light1};
-  border-radius: 0.25em;
+  border: 1px solid ${({theme:g})=>g.colors.gray.dark5};
   transition: all 150ms;
 
   padding: 0.7rem 0.75rem 0.6rem;
 
-  ${({hasError:x,isFocused:y})=>!x&&y&&c}
-  ${({disabled:x})=>x&&i}
-  ${({hasError:x})=>x&&n}
-  ${({centered:x})=>x&&"text-align: center;"}
-`,p=s.default.input`
-  ${a.BodyTextStyle}
+  ${({hasError:g,isFocused:y})=>!g&&y&&c}
+  ${({disabled:g})=>g&&i}
+  ${({hasError:g})=>g&&n}
+  ${({centered:g})=>g&&"text-align: center;"}
+`,m=s.default.input`
+  ${l.BodyTextStyle}
   width: 100%;
   cursor: text;
   outline: none;
   border: none;
   background-color: transparent;
-`,h=s.default.div`
-  font-family: ${({theme:x})=>x.typography.fontBaseFamily};
-  line-height: 0px;
-  margin-top: 2px;
-`,m=s.default.span`
-  ${a.CaptionStyle}
-  line-height: normal;
-  display: block;
+
+  :disabled {
+    color: ${({theme:g})=>g.colors.text.disabled};
+    fill: ${({theme:g})=>g.colors.text.disabled};
+  }
+`,f=s.default.span`
+  display: flex;
+  font-family: ${({theme:g})=>g.typography.fontBaseFamily};
+  font-size: 1.25rem;
+  line-height: 1.5rem;
+
+  svg {
+    width: 1.375rem;
+    height: 1.375rem;
+  }
+`,p=s.default.div`
+  ${l.CaptionStyle}
   margin-top: 0.25rem;
-  margin-left: 0.85rem;
 
-  color: ${({hasError:x})=>x?l.default.colors.error.main:l.default.colors.text.dark};
+  color: ${({hasError:g,theme:y})=>g?y.colors.error.dark:y.colors.text.disabled};
 
-  ${({centered:x})=>x&&"width: 100%; text-align: center; display: block;"}
-`,g=({placeholder:x="",isDisabled:y=!1,centered:b=!1,hasError:E=!1,className:q,helperText:B,label:k="",onBlur:T=()=>null,onFocus:w=()=>null,forwardRef:S,...$})=>{const[v,j]=e.useState(!1),L=Boolean($.value);return d.default.createElement(u,{className:q},d.default.createElement(f,{isFocused:v,disabled:y,centered:b,hasError:E,hasPlaceholder:!!x},d.default.createElement(p,{...$,ref:S,onFocus:F=>{j(!0),w(F)},onBlur:F=>{j(!1),T(F)},disabled:y,theme:l.default,placeholder:k&&!v?"":x}),$.suffix&&d.default.createElement(h,null,$.suffix)),k&&d.default.createElement(t.Label,{isFocused:v,centered:b,hasError:E,hasValue:L,disabled:y,theme:l.default},k),B&&d.default.createElement(m,{centered:b,hasError:E},B))};exports.TextField=g,exports.default=g;
+  ${({centered:g})=>g&&"width: 100%; text-align: center;"}
+`,b=s.default.span`
+  display: block;
+`,x=({placeholder:g="",isDisabled:y=!1,centered:E=!1,hasError:k=!1,className:S,helperText:F,label:v="",onBlur:z=()=>null,onFocus:L=()=>null,forwardRef:P,suffix:w,name:B=o.generateNameHash("text-input"),errors:j,...T})=>{const[q,N]=e.useState(!1),_=Boolean(T.value);return d.default.createElement(u,{className:S},d.default.createElement(h,{isFocused:q,disabled:y,centered:E,hasError:k,hasPlaceholder:!!g},d.default.createElement(m,{...T,id:B,name:B,ref:P,onFocus:$=>{N(!0),L($)},onBlur:$=>{N(!1),z($)},disabled:y,placeholder:v&&!q?"":g}),w&&d.default.createElement(f,null,w)),v&&d.default.createElement(t.Label,{htmlFor:B,isFocused:q,centered:E,hasError:k,hasValue:_,disabled:y},v),(F||j)&&d.default.createElement(p,{centered:E,hasError:k},F&&d.default.createElement(b,null,F),j&&j.map($=>d.default.createElement(b,{key:$},$))))};exports.TextField=x,exports.default=x;

package/cjs/components/TimePicker/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("styled-components");var e=require("../../index-0dad029d.js");require("../Accordion/index.js"),require("react-collapse"),require("../../shared/media-queries.js"),require("../../icons/components/ArrowDownIcon.js"),require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../IconButton.js"),require("../Textfield/index.js"),require("../FieldLabel.js"),require("../../typography/BodyText/index.js"),require("../TextArea/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../../utils/utils.js"),require("../ErrorMessage/index.js"),require("../Modal/index.js"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../Dialog/index.js"),require("../../typography/Heading/index.js"),require("../OffCanvas/index.js"),require("../OffCanvas/Overlay.js"),require("../OffCanvas/useClickOutside.js"),require("../CheckBox/index.js"),require("../../shared/helpers.js"),require("../Icons/CheckIcon.js"),require("../Snackbar/index.js"),require("../Icons/CheckCircle.js"),require("../Icons/ErrorCircle.js"),require("../Icons/InfoCircle.js"),require("../Select/index.js"),require("react-select"),require("../../shared/constants.js"),require("../ListItem/index.js"),require("../Hero/index.js"),require("../DayPicker/index.js"),require("react-day-picker"),require("../DayPicker/DayPickerNavBar.js"),require("../Icons/Arrow.js"),require("../DayPicker/localeUtils.js"),require("../DayPicker/style.js"),require("../Logo/index.js"),require("../Logo/LogoSv.js"),require("../Logo/LogoEn.js"),require("../Badge/index.js"),require("../Toggle/index.js"),require("../Stepper/index.js"),require("../InlineStepper/Step.js"),require("../InlineStepper/StepCircle.js"),require("../InlineStepper/index.js"),require("../StepperAccordion/index.js"),require("../Card/index.js"),require("../NotificationButton/index.js"),require("../Range/index.js"),require("../Header/index.js"),require("../Header/Hamburger.js"),require("../Header/Link.js"),require("../MenuItem/index.js"),require("../../icons/components/CloseIcon.js"),require("../RadioButton/index.js"),require("../Chip/styles.js"),exports.TimePicker=e.TimePicker,exports.default=e.TimePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("styled-components");var e=require("../../index-3ce38349.js");require("../Accordion/index.js"),require("react-collapse"),require("../../shared/media-queries.js"),require("../../icons/components/ArrowDownIcon.js"),require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../IconButton.js"),require("../Textfield/index.js"),require("../FieldLabel.js"),require("../../typography/BodyText/index.js"),require("../../shared/helpers.js"),require("../TextArea/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../../utils/utils.js"),require("../ErrorMessage/index.js"),require("../Modal/index.js"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../Dialog/index.js"),require("../../typography/Heading/index.js"),require("../OffCanvas/index.js"),require("../OffCanvas/Overlay.js"),require("../OffCanvas/useClickOutside.js"),require("../CheckBox/index.js"),require("../../icons/components/CheckIcon.js"),require("../Snackbar/index.js"),require("../Icons/CheckCircle.js"),require("../Icons/ErrorCircle.js"),require("../Icons/InfoCircle.js"),require("../Select/index.js"),require("react-select"),require("../../shared/constants.js"),require("../ListItem/index.js"),require("../Hero/index.js"),require("../DayPicker/index.js"),require("react-day-picker"),require("../DayPicker/DayPickerNavBar.js"),require("../Icons/Arrow.js"),require("../DayPicker/localeUtils.js"),require("../DayPicker/style.js"),require("../Logo/index.js"),require("../Logo/LogoSv.js"),require("../Logo/LogoEn.js"),require("../Badge/index.js"),require("../Toggle/index.js"),require("../Stepper/index.js"),require("../InlineStepper/Step.js"),require("../InlineStepper/StepCircle.js"),require("../Icons/CheckIcon.js"),require("../InlineStepper/index.js"),require("../StepperAccordion/index.js"),require("../Card/index.js"),require("../NotificationButton/index.js"),require("../Range/index.js"),require("../Header/index.js"),require("../Header/Hamburger.js"),require("../Header/Link.js"),require("../MenuItem/index.js"),require("../../icons/components/CloseIcon.js"),require("../RadioButton/index.js"),require("../Chip/styles.js"),exports.TimePicker=e.TimePicker,exports.default=e.TimePicker;

package/cjs/icons/components/PricetagFilledKronaIcon.js

@@ -1 +1 @@
-"use strict";function e(r){if(r&&r.__esModule)return r;var a=Object.create(null);return r&&Object.keys(r).forEach(function(l){if(l!=="default"){var n=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(a,l,n.get?n:{enumerable:!0,get:function(){return r[l]}})}}),a.default=r,Object.freeze(a)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M.36 11.81a.932.932 0 01-.272-.65L0 1.84A.932.932 0 01.941.9l9.319.088c.244.002.477.1.65.273l10.18 10.18a.933.933 0 010 1.318l-9.231 9.23a.933.933 0 01-1.319 0L.36 11.81zm4.906-5.644a1.865 1.865 0 10-2.638-2.638 1.865 1.865 0 002.638 2.638zm4.837 9.522l4.098.556 1.568-1.569-4.803-.57-.54-4.623-1.509 1.508.556 4.068-2.312-2.312-1.283 1.284 5.268 5.268 1.284-1.283-2.327-2.327zm3.515-6.922a2.343 2.343 0 00-.023 1.103l-.697-.698-1.284 1.284 4.188 4.188 1.283-1.284-1.944-1.944c-.345-.345-.505-.665-.48-.96.02-.3.19-.61.51-.93l.353-.354-1.358-1.358a2.023 2.023 0 00-.548.953z"}),t.createElement("path",{d:"M12.848 22.32a.466.466 0 10.66.659l10.219-10.22a.933.933 0 000-1.319L13.507 1.22a.466.466 0 10-.659.66l9.89 9.89a.466.466 0 010 .66l-9.89 9.89z",fill:"#1a2030"}))};
+"use strict";function e(r){if(r&&r.__esModule)return r;var a=Object.create(null);return r&&Object.keys(r).forEach(function(l){if(l!=="default"){var n=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(a,l,n.get?n:{enumerable:!0,get:function(){return r[l]}})}}),a.default=r,Object.freeze(a)}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=function(r){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...r},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M.36 11.81a.932.932 0 01-.272-.65L0 1.84A.932.932 0 01.941.9l9.319.088c.244.002.477.1.65.273l10.18 10.18a.933.933 0 010 1.318l-9.231 9.23a.933.933 0 01-1.319 0L.36 11.81zm4.906-5.644a1.865 1.865 0 10-2.638-2.638 1.865 1.865 0 002.638 2.638zm4.837 9.522l4.098.556 1.568-1.569-4.803-.57-.54-4.623-1.509 1.508.556 4.068-2.312-2.312-1.283 1.284 5.268 5.268 1.284-1.283-2.327-2.327zm3.515-6.922a2.343 2.343 0 00-.023 1.103l-.697-.698-1.284 1.284 4.188 4.188 1.283-1.284-1.944-1.944c-.345-.345-.505-.665-.48-.96.02-.3.19-.61.51-.93l.353-.354-1.358-1.358a2.023 2.023 0 00-.548.953z"}),t.createElement("path",{d:"M12.848 22.32a.466.466 0 10.66.659l10.219-10.22a.933.933 0 000-1.319L13.507 1.22a.466.466 0 10-.659.66l9.89 9.89a.466.466 0 010 .66l-9.89 9.89z"}))};