@kvdbil/components 8.4.1 → 8.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/cjs/components/CheckBox/index.js +12 -11
  2. package/cjs/components/Hero/index.js +15 -9
  3. package/cjs/components/Stamp/index.js +1 -0
  4. package/cjs/components/TextArea/index.js +21 -22
  5. package/cjs/index.js +1 -1
  6. package/esm/components/CheckBox/index.js +5 -4
  7. package/esm/components/Hero/index.js +15 -9
  8. package/esm/components/Stamp/index.js +1 -0
  9. package/esm/components/TextArea/index.js +21 -22
  10. package/esm/index.js +1 -1
  11. package/package.json +1 -1
  12. package/types/Types.d.ts +1 -0
  13. package/types/components/Hero/index.d.ts +22 -2
  14. package/types/components/Stamp/index.d.ts +10 -0
  15. package/types/components/TextArea/index.d.ts +7 -3
  16. package/types/index.d.ts +1 -0
package/cjs/components/CheckBox/index.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/helpers.js"),o=require("../../theme.js"),s=require("../../typography/BodyText/index.js"),i=require("../../icons/components/CheckmarkIcon.js"),a=require("../IconButton.js");function l(m){return m&&typeof m=="object"&&"default"in m?m:{default:m}}require("../../shared/media-queries.js");var d=l(e),c=l(r);const n={regular:r.css`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../icons/components/CheckmarkIcon.js"),o=require("../../shared/helpers.js"),s=require("../../theme.js"),i=require("../../typography/BodyText/index.js"),a=require("../IconButton.js");function l(m){return m&&typeof m=="object"&&"default"in m?m:{default:m}}require("../../shared/media-queries.js");var d=l(e),c=l(r);const n={regular:r.css`
2
2
  width: 24px;
3
3
  height: 24px;
4
4
 
@@ -16,14 +16,14 @@
16
16
  }
17
17
  `},u=r.css`
18
18
  cursor: default;
19
- border: 2px solid ${o.default.colors.gray.light2};
19
+ border: 2px solid ${s.default.colors.gray.light2};
20
20
  `,h=r.css`
21
- background: ${o.default.colors.gray.light2};
21
+ background: ${s.default.colors.gray.light2};
22
22
  `,p=c.default.div`
23
23
  display: flex;
24
- align-items: center;
24
+ align-items: flex-start;
25
25
  box-sizing: border-box;
26
- `,b=c.default.input.attrs({type:"checkbox"})`
26
+ `,x=c.default.input.attrs({type:"checkbox"})`
27
27
  position: absolute;
28
28
  appearance: none;
29
29
  width: 100%;
@@ -39,7 +39,7 @@
39
39
  transition: background-color 400ms;
40
40
  ${a.BackgroundStyles}
41
41
  }
42
- `,x=c.default.span`
42
+ `,b=c.default.span`
43
43
  box-sizing: border-box;
44
44
  cursor: pointer;
45
45
  display: flex;
@@ -48,7 +48,7 @@
48
48
  justify-content: center;
49
49
  z-index: 0;
50
50
 
51
- border: 2px solid ${o.default.colors.gray.dark5};
51
+ border: 2px solid ${s.default.colors.gray.dark5};
52
52
 
53
53
  ${m=>n[m.size]};
54
54
 
@@ -65,15 +65,16 @@
65
65
  :hover {
66
66
  }
67
67
 
68
- background: ${o.default.colors[y].main};
69
- border: 2px solid ${o.default.colors[y].main};
68
+ background: ${s.default.colors[y].main};
69
+ border: 2px solid ${s.default.colors[y].main};
70
70
  `);var y}};
71
71
  ${m=>m.isDisabled&&u};
72
72
 
73
73
  ${m=>m.isChecked&&m.isDisabled&&h};
74
- `,g=c.default(s.BodyText)`
74
+ `,f=c.default(i.BodyText)`
75
+ flex: 1;
75
76
  cursor: ${({isDisabled:m})=>m?"default":"pointer"};
76
77
  user-select: none;
77
78
  color: ${({theme:m,isDisabled:y})=>y?m.colors.text.disabled:m.colors.text.dark};
78
79
  margin-left: 0.5rem;
79
- `,f=({name:m=t.generateNameHash("check-box"),isDisabled:y=!1,size:k="regular",checked:$=!1,color:v="secondary",label:j,...q})=>d.default.createElement(p,null,d.default.createElement(b,{...q,type:"checkbox",checked:$,"data-validate":"checked",name:m,id:m,color:v,disabled:y,isDisabled:y,boxSize:k}),d.default.createElement(x,{size:k,color:v,isChecked:$,isDisabled:y},d.default.createElement(i.default,null)),j&&d.default.createElement(g,{as:"label",htmlFor:m,isDisabled:y},j));exports.CheckBox=f,exports.default=f;
80
+ `,g=({name:m=o.generateNameHash("check-box"),isDisabled:y=!1,size:k="regular",checked:$=!1,color:v="secondary",label:j,...q})=>d.default.createElement(p,null,d.default.createElement(x,{...q,type:"checkbox",checked:$,"data-validate":"checked",name:m,id:m,color:v,disabled:y,isDisabled:y,boxSize:k}),d.default.createElement(b,{size:k,color:v,isChecked:$,isDisabled:y},d.default.createElement(t.default,null)),j&&d.default.createElement(f,{as:"label",htmlFor:m,isDisabled:y},j));exports.CheckBox=g,exports.default=g;
package/cjs/components/Hero/index.js CHANGED
@@ -1,26 +1,32 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../theme.js");function o(f){return f&&typeof f=="object"&&"default"in f?f:{default:f}}var l=o(e),i=o(t);const a=i.default.div`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),o=require("../../theme.js");function i(p){return p&&typeof p=="object"&&"default"in p?p:{default:p}}var r=i(e),n=i(t);const l=n.default.div`
2
2
  position: relative;
3
- height: 60vh;
4
- max-height: 600px;
5
- background-color: ${r.default.colors.primary.main};
3
+ min-height: 500px;
4
+ background-color: ${o.default.colors.primary.main};
6
5
  background-size: cover;
7
- `,d=i.default.div`
6
+ display: flex;
7
+ `,a=n.default.div`
8
+ pointer-events: ${({$pointerEvents:p})=>p};
8
9
  position: relative;
9
10
  display: flex;
11
+ flex-direction: ${({$direction:p})=>p};
12
+ align-items: ${({$align:p})=>p};
13
+ justify-content: ${({$justify:p})=>p};
10
14
  padding: 50px;
11
15
  z-index: 1;
12
- `,n=i.default.iframe`
16
+ flex: 1;
17
+ `,d=n.default.iframe`
13
18
  position: absolute;
14
19
  width: 100%;
15
20
  height: 100%;
16
21
  top: 0;
17
22
  left: 0;
18
- `,c=i.default.img`
23
+ `,s=p=>typeof p=="number",u=p=>typeof p=="string",c=n.default.img`
19
24
  position: absolute;
20
25
  top: 0;
21
26
  left: 0;
22
27
  height: 100%;
23
28
  width: 100%;
24
29
  object-fit: cover;
25
- background-color: ${r.default.colors.primary.main};
26
- `;function u(f){const{imageProps:s,containerStyle:m,videoProps:p,children:h}=f,v={objectPosition:`${(s==null?void 0:s.x)?s.x:"50%"} ${(s==null?void 0:s.y)?s.y:"50%"}`};return l.default.createElement(a,{style:m},p?l.default.createElement(n,{"data-testid":"hero-video",title:"video-frame",src:p.src,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):l.default.createElement(l.default.Fragment,null,l.default.createElement(c,{src:s==null?void 0:s.src,alt:"Hero background",style:v}),l.default.createElement(d,null,h)))}exports.Hero=u,exports.default=u;
30
+ background-color: ${o.default.colors.primary.main};
31
+ object-position: ${({$positionX:p,$positionY:$})=>s(p)&&s($)?`${p}% ${$}%`:u(p)&&u($)?`${p} ${$}`:p||$?`${(s(p)?`${p}%`:p)||"50%"} ${(s($)?`${$}%`:$)||"50%"}`:"50% 50%"};
32
+ `;function f(p){const{imageProps:$,containerStyle:g,videoProps:m,children:v,align:b,direction:h,justify:x}=p,{autoplay:j=0,controls:w=0,disablekb:k=0,end:y,loop:E=0,modestbranding:q=1,start:P=0,showInfo:z=0}=(m==null?void 0:m.ytConfig)||{};return r.default.createElement(l,{style:g},m?r.default.createElement(d,{"data-testid":"hero-video",title:"video-frame",src:`${m.src}?disabledkb=${k}&autoplay=${j}&controls=${w}&loop=${E}&modestbranding=${q}&start=${P}&showInfo=${z}${y?`&end=${y}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):r.default.createElement(c,{$positionX:$==null?void 0:$.x,$positionY:$==null?void 0:$.y,src:$==null?void 0:$.src,alt:"Hero background"}),r.default.createElement(a,{$pointerEvents:m?"none":"auto",$align:b||"flex-start",$direction:h||"column",$justify:x||"flex-start"},v))}exports.Hero=f,exports.default=f;
package/cjs/components/Stamp/index.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),l=require("../../theme.js");function t(m){return m&&typeof m=="object"&&"default"in m?m:{default:m}}var c=t(e);exports.default=({color:m,appearance:h,locale:u,type:r,size:z=160})=>{const d=h==="outline",o=l.default.colors.text[d?"dark":"light"],i=d?"transparent":l.default.colors[m].main;return c.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:z,height:z,fill:"none",viewBox:"0 0 160 160","aria-labelledby":r},c.default.createElement("title",{id:r},`${r}-stamp`),c.default.createElement("path",{fill:i,d:"M80 160c44.183 0 80-35.817 80-80S124.183 0 80 0 0 35.817 0 80s35.817 80 80 80z"}),((Z,a,n)=>({carguide:c.default.createElement(c.default.Fragment,null,c.default.createElement("path",{stroke:a,strokeWidth:"3",d:"M60 26.5h40c5.799 0 10.5 4.701 10.5 10.5v18.5h-61V37c0-5.799 4.701-10.5 10.5-10.5z"}),c.default.createElement("path",{stroke:a,strokeWidth:"3",d:"M52 54.5h56c5.799 0 10.5 4.701 10.5 10.5v30.5h-77V65c0-5.799 4.701-10.5 10.5-10.5z"}),c.default.createElement("path",{fill:a,d:"M53 99.333v-5H43v5h10zm-10 4a5 5 0 0010 0H43zm0-4v4h10v-4H43zm74 0v-5h-10v5h10zm-10 4a5 5 0 0010 0h-10zm0-4v4h10v-4h-10z"}),c.default.createElement("circle",{cx:"64",cy:"75",r:"6.667",fill:a}),c.default.createElement("path",{fill:a,d:n==="en"?"M102.694 75a6.667 6.667 0 11-13.334 0 6.667 6.667 0 0113.334 0zM112 50h-3v6h3v-6zm8 6a3 3 0 100-6v6zm-8 0h8v-6h-8v6zm-64 0h3v-6h-3v6zm-8-6a3 3 0 100 6v-6zm8 0h-8v6h8v-6zm-11.228 80.555c1.296 1.059 2.72 1.734 3.975 1.876l.814-2.589c-1.006-.078-2.025-.538-2.708-1.096-2.05-1.673-2.329-4.063-.86-5.861 1.492-1.827 3.833-2.076 5.73-.527l2.136 3.302 1.959-2.398c-.694-1.171-1.437-2.196-2.553-3.107-2.997-2.448-7.045-2.244-9.572.851-2.528 3.095-1.919 7.101 1.079 9.549zm8.413 5.41l1.741-1.573 4.097 2.11-.253 2.339 2.944 1.517 1.467-13.62-2.704-1.393-10.237 9.103 2.945 1.517zm6.864-6.487l-.6 4.388-2.624-1.352 3.224-3.036zm7.081 12.514l1.502-5.355 1.826 6.288 3.483.977-1.782-5.51-1.624-.941.017.005c2.565.719 4.468-.467 5.047-2.529.559-1.994-.46-3.962-3.025-4.681l-4.818-1.351-3.451 12.305 2.825.792zm4.313-9.446c.867.243 1.441.928 1.188 1.829-.262.936-1.109 1.222-1.975.979l-1.543-.433.788-2.808 1.542.433zm17.493 12.758c1.89-.034 3.498-.658 4.601-1.38l-.123-6.767-5.363.098.046 2.52 2.592-.047.048 2.681a6.51 6.51 0 01-1.652.228c-2.447.045-4.134-1.617-4.177-3.974-.043-2.358 1.582-4.08 4.03-4.124l4.249 1.02-.054-2.969c-1.105-.358-2.894-.74-4.442-.711-3.87.07-6.825 2.843-6.752 6.838.072 3.995 3.128 6.658 6.997 6.587zm14.504-1.935c2.48-.618 5.04-2.704 3.99-6.913l-1.78-7.143-2.848.71 1.834 7.353c.496 1.991-.552 3.068-1.844 3.391-1.276.318-2.707-.142-3.204-2.133l-1.833-7.353-2.847.71 1.781 7.144c1.05 4.209 4.289 4.848 6.751 4.234zm11.781-4.393l-5.051-11.74-2.695 1.159 5.05 11.74 2.696-1.159zm7.903-4.227c3.262-2.082 4.341-5.845 2.298-9.047-2.043-3.201-5.91-3.808-9.173-1.726l-4.112 2.624 6.875 10.773 4.112-2.624zm-5.422-8.497c1.82-1.162 4.035-.803 5.217 1.048 1.181 1.851.573 4.011-1.247 5.173l-1.639 1.046-3.97-6.222 1.639-1.045zm19.664-3.16l-1.753-1.811-3.777 3.655-1.878-1.941 3.415-3.304-1.752-1.811-3.415 3.304-1.752-1.811 3.712-3.592-1.752-1.811-5.821 5.633 8.887 9.184 5.886-5.695z":"M102.694 75a6.667 6.667 0 1 1-13.334 0 6.667 6.667 0 0 1 13.334 0ZM112 50h-3v6h3v-6Zm8 6a3 3 0 1 0 0-6v6Zm-8 0h8v-6h-8v6ZM48 56h3v-6h-3v6Zm-8-6a3 3 0 1 0 0 6v-6Zm8 0h-8v6h8v-6ZM36.747 130.344c1.98 1.645 4.125 1.344 5.46-.262.943-1.135 1.155-2.574.482-3.905.989.05 1.885-.353 2.552-1.156 1.208-1.454 1.016-3.391-.881-4.967l-3.974-3.302-8.166 9.831 4.527 3.761Zm2.936-4.464c.706.587.961 1.407.363 2.127-.587.706-1.44.606-2.146.019l-1.813-1.507 1.783-2.146 1.813 1.507Zm2.665-4.222c.623.518.857 1.251.35 1.86-.517.623-1.28.527-1.903.01l-1.315-1.093 1.553-1.869 1.315 1.092ZM44.866 135.936l6.664-10.906-2.504-1.529-6.664 10.905 2.504 1.53ZM55.723 141.222l1.033-2.318-4.85-2.162 4.172-9.355-2.68-1.194-5.205 11.672 7.53 3.357ZM64.495 143.979c1.842.421 3.554.203 4.798-.232l1.51-6.598-5.23-1.196-.561 2.457 2.526.578-.598 2.614a6.528 6.528 0 0 1-1.658-.176c-2.386-.546-3.623-2.565-3.098-4.863.526-2.299 2.518-3.579 4.904-3.033l3.879 2.013.662-2.895c-.986-.613-2.63-1.414-4.14-1.759-3.772-.863-7.309 1.116-8.2 5.011-.89 3.896 1.433 7.216 5.206 8.079ZM79.117 145.597c2.556-.006 5.54-1.417 5.53-5.755l-.017-7.362-2.933.007.017 7.578c.005 2.052-1.272 2.847-2.603 2.85-1.315.003-2.594-.786-2.599-2.838l-.017-7.578-2.934.006.016 7.362c.01 4.338 3.002 5.735 5.54 5.73ZM91.53 144.17l-2.077-12.61-2.895.476 2.076 12.611 2.895-.477ZM100.204 141.977c3.668-1.235 5.621-4.628 4.41-8.227-1.212-3.6-4.82-5.12-8.488-3.885l-4.623 1.556 4.078 12.112 4.623-1.556Zm-3.216-9.553c2.047-.69 4.11.192 4.811 2.273.7 2.082-.409 4.032-2.457 4.721l-1.842.62-2.355-6.994 1.843-.62ZM116.912 134.047l-1.267-2.178-4.543 2.643-1.358-2.334 4.107-2.39-1.267-2.178-4.107 2.39-1.268-2.179 4.466-2.597-1.267-2.179-7.002 4.073 6.427 11.047 7.079-4.118ZM122.539 129.838l-5.505-6.064 9.61 2.338 2.252-2.045-8.589-9.462-2.133 1.935 5.457 6.011-9.522-2.321-2.292 2.081 8.59 9.463 2.132-1.936Z"})),certified:c.default.createElement(c.default.Fragment,null,c.default.createElement("path",{stroke:a,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M64.84 72.56L60 109l20-12 20 12-4.84-36.48"}),c.default.createElement("path",{stroke:a,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M106.666 46.547V49a26.665 26.665 0 01-49.037 14.5 26.667 26.667 0 0133.224-38.873"}),c.default.createElement("path",{stroke:a,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M106.667 27.667L80 54.36l-8-8"}),c.default.createElement("path",{fill:a,d:n==="en"?"M40.188 133.751c1.359 1.051 2.838 1.704 4.13 1.815l.763-2.679c-1.034-.052-2.092-.495-2.808-1.049-2.148-1.66-2.5-4.104-1.043-5.989 1.48-1.914 3.874-2.234 5.862-.698l2.283 3.328 1.942-2.513c-.744-1.182-1.534-2.213-2.703-3.117-3.142-2.428-7.288-2.108-9.796 1.137-2.507 3.244-1.772 7.337 1.37 9.765zm14.044 7.742l1.155-2.313-4.825-2.409 1.237-2.479 4.363 2.178 1.155-2.314-4.363-2.178 1.155-2.313 4.743 2.368 1.155-2.314-7.436-3.712-5.858 11.733 7.52 3.753zm6.37 2.163l1.537-5.496 1.879 6.451 3.575 1-1.833-5.652-1.668-.965.018.005c2.633.736 4.585-.483 5.176-2.6.572-2.045-.474-4.064-3.107-4.8l-4.945-1.383-3.53 12.63 2.898.81zm4.418-9.696c.89.249 1.48.951 1.221 1.876-.268.96-1.137 1.254-2.026 1.006l-1.583-.443.805-2.882 1.583.443zm10.548 12.439l.934-10.467 3.293.293.232-2.594-9.585-.855-.231 2.594 3.293.294-.935 10.468 2.999.267zm9.042-.018l-.63-13.099-3.006.144.629 13.099 3.007-.144zm6.728-.84l-.975-5.267 4.65-.861-.472-2.542-4.649.861-.47-2.543 5.085-.942-.471-2.542-8.046 1.489 2.388 12.895 2.96-.548zm10.815-2.844l-4.217-12.417-2.85.969 4.217 12.417 2.85-.969zm11.061-4.915l-1.135-2.324-4.846 2.366-1.216-2.49 4.382-2.139-1.134-2.323-4.382 2.139-1.134-2.324 4.763-2.325-1.134-2.324-7.47 3.646 5.754 11.785 7.552-3.687zm7.272-5.125c3.137-2.462 3.866-6.429 1.45-9.508-2.416-3.079-6.444-3.313-9.581-.851l-3.954 3.103 8.13 10.36 3.955-3.104zm-6.413-8.171c1.751-1.374 4.058-1.228 5.455.552 1.398 1.781.991 4.057-.76 5.431l-1.576 1.237-4.695-5.983 1.576-1.237z":"M29.741 124.137c1.105 1.315 2.412 2.267 3.65 2.65l1.315-2.456c-1-.27-1.939-.928-2.521-1.621-1.747-2.078-1.573-4.541.25-6.074 1.853-1.557 4.261-1.361 5.877.562l1.525 3.737 2.432-2.044c-.476-1.313-1.03-2.489-1.98-3.62-2.556-3.04-6.675-3.606-9.814-.968-3.139 2.639-3.29 6.794-.734 9.834ZM41.812 134.682l1.604-2.017-4.207-3.344 1.717-2.161 3.804 3.023 1.603-2.017-3.803-3.023 1.603-2.017 4.135 3.287 1.603-2.017-6.483-5.153-8.13 10.228 6.554 5.211ZM47.633 138.132l2.657-5.051.48 6.702 3.286 1.729-.604-5.912-1.428-1.293.017.008c2.419 1.273 4.583.492 5.606-1.453.99-1.88.39-4.074-2.029-5.346l-4.544-2.391-6.106 11.605 2.664 1.402Zm6.356-8.552c.818.43 1.247 1.241.8 2.091-.465.882-1.376.987-2.193.557l-1.455-.765 1.394-2.648 1.454.765ZM61.622 144.042l3.153-9.984 3.14.992.782-2.474-9.142-2.887-.781 2.474 3.14.992-3.152 9.984 2.86.903ZM70.495 145.864l2.178-12.932-2.969-.5-2.178 12.932 2.97.5ZM77.25 146.478l.168-5.353 4.726.148.082-2.584-4.726-.149.081-2.584 5.169.162.081-2.585-8.178-.257-.412 13.108 3.01.094ZM88.365 146.125l-1.311-12.982-2.98.301 1.31 12.982 2.981-.301ZM100.288 143.523l-.62-2.509-5.232 1.295-.665-2.688 4.73-1.17-.62-2.508-4.73 1.17-.621-2.508 5.142-1.272-.62-2.508-8.063 1.994 3.147 12.721 8.152-2.017ZM106.528 141.019l-2.393-5.182 5.612 3.695 3.371-1.556-5.06-3.116-1.895.346.017-.008c2.482-1.146 3.178-3.339 2.257-5.334-.89-1.929-2.996-2.788-5.477-1.642l-4.662 2.152 5.496 11.907 2.734-1.262Zm-2.921-10.248c.839-.387 1.743-.235 2.146.637.418.906-.053 1.693-.891 2.08l-1.493.689-1.254-2.717 1.492-.689ZM117.539 135.028l-.68-2.31 3.773-2.85 2.051 1.275 2.711-2.049-11.943-7.413-2.49 1.882 3.867 13.514 2.711-2.049Zm-2.947-9.232 3.792 2.506-2.417 1.826-1.375-4.332ZM130.779 122.968c2.542-3.057 2.421-7.078-.58-9.572-3.001-2.494-6.976-1.878-9.517 1.179l-3.204 3.855 10.098 8.392 3.203-3.854Zm-7.964-6.619c1.419-1.707 3.698-2.049 5.433-.606 1.735 1.442 1.816 3.745.398 5.452l-1.277 1.536-5.831-4.846 1.277-1.536Z"})),ecofriendly:c.default.createElement(c.default.Fragment,null,c.default.createElement("path",{fill:a,d:n==="en"?"M25.406 118.414l2.198-1.344-2.805-4.585 2.355-1.44 2.536 4.144 2.198-1.344-2.536-4.145 2.198-1.345 2.756 4.506 2.198-1.344-4.322-7.065-11.146 6.819 4.37 7.143zm6.289 7.731c1.169 1.271 2.523 2.169 3.783 2.498l1.21-2.524c-1.015-.226-1.987-.846-2.602-1.515-1.846-2.009-1.781-4.49-.018-6.11 1.79-1.645 4.217-1.556 5.925.303l1.697 3.685 2.35-2.161c-.536-1.297-1.144-2.452-2.148-3.546-2.7-2.938-6.862-3.324-9.896-.536-3.034 2.788-3 6.967-.3 9.906zm10.666 9.055c3.266 2.203 7.388 1.615 9.684-1.788 2.296-3.403 1.298-7.445-1.968-9.649-3.265-2.203-7.387-1.615-9.683 1.788-2.296 3.403-1.298 7.446 1.967 9.649zm1.542-2.284c-1.87-1.262-2.335-3.65-.98-5.658 1.366-2.024 3.743-2.472 5.613-1.21 1.87 1.261 2.334 3.649.98 5.657-1.366 2.024-3.743 2.472-5.613 1.211zm13.559 5.245l.952-2.204-4.544-1.963-.952 2.204 4.544 1.963zm4.617 5.914l1.393-5.172 4.566 1.23.673-2.497-4.566-1.23.673-2.497 4.993 1.346.673-2.497-7.9-2.129-3.412 12.662 2.907.784zm11.311 2.147l.431-5.691 3.106 5.958 3.702.281-2.905-5.185-1.824-.619.019.001c2.725.207 4.4-1.371 4.567-3.562.16-2.118-1.261-3.893-3.987-4.099l-5.12-.388-.99 13.076 3.002.228zm2.435-10.374c.92.069 1.637.642 1.564 1.6-.075.995-.87 1.453-1.79 1.383l-1.64-.124.227-2.983 1.639.124zM86.43 146.22l-.993-13.076-3.002.227.992 13.076 3.002-.227zm12.048-2.182l-.543-2.534-5.286 1.132-.582-2.715 4.779-1.024-.543-2.534-4.779 1.024-.543-2.534 5.195-1.113-.543-2.534-8.145 1.745 2.754 12.852 8.236-1.765zm6.393-2.302l-3.474-7.652 8.654 5.3 2.842-1.291-5.421-11.94-2.691 1.222 3.444 7.584-8.574-5.255-2.892 1.313 5.421 11.94 2.691-1.221zm15.911-9.203c3.112-2.466 3.819-6.421 1.399-9.475-2.421-3.054-6.433-3.269-9.545-.802l-3.922 3.109 8.145 10.277 3.923-3.109zm-6.425-8.106c1.737-1.376 4.036-1.242 5.435.524 1.4 1.766 1.006 4.034-.731 5.411l-1.563 1.239-4.704-5.935 1.563-1.239zm19.716-5.453l-2-1.669-3.49 4.185-8.071-6.732-1.928 2.312 10.071 8.4 5.418-6.496zm3.874-6.364l-4.179-2.475-4.658-8.339-1.75 2.956 3.029 5.143-5.956-.2-1.75 2.956 9.519.056 4.211 2.493 1.534-2.59z":"m41.51 134.401 3.661-5.902-1.369 7.323 2.213 1.373 5.953-4.48-3.661 5.901 2.401 1.49 6.913-11.144-2.92-1.811-7.526 5.721 1.782-9.284-2.936-1.821-6.912 11.144 2.402 1.49ZM57.493 142.608l4.723-12.234-2.808-1.084-4.723 12.234 2.808 1.084ZM69.287 145.832l.604-2.533-5.3-1.264 2.437-10.223-2.928-.698-3.042 12.756 8.229 1.962ZM72.613 146.378c2.706.219 4.826-.796 5.08-3.925l.725-8.984-3-.243-.676 8.358c-.132 1.639-.703 2.278-2.12 2.164-.203-.017-1.254-.306-1.454-.359l-.216 2.67c.435.127.98.264 1.66.319ZM87.894 146.391c3.906-.469 6.637-3.605 6.149-7.677-.489-4.071-3.884-6.472-7.79-6.004-3.906.469-6.636 3.605-6.148 7.676.489 4.071 3.883 6.473 7.79 6.005Zm-.327-2.733c-2.238.269-4.148-1.232-4.436-3.635-.29-2.42 1.213-4.312 3.45-4.58 2.237-.269 4.148 1.232 4.436 3.634.29 2.421-1.213 4.313-3.45 4.581Zm1.385-11.867-.171-1.43-1.89.226.172 1.431 1.89-.227Zm-3.65.438-.17-1.431-1.89.227.172 1.43 1.889-.226ZM104.154 141.993c2.48-.908 3.32-2.965 2.584-4.977-.52-1.423-1.687-2.353-3.215-2.443.554-.852.659-1.854.291-2.86-.666-1.821-2.484-2.651-4.86-1.781l-4.978 1.822 4.506 12.315 5.672-2.076Zm-2.445-4.907c.885-.324 1.744-.127 2.074.775.323.885-.205 1.59-1.09 1.913l-2.272.832-.984-2.689 2.272-.831Zm-2.37-4.542c.781-.285 1.551-.115 1.83.648.286.781-.192 1.408-.973 1.694l-1.648.603-.857-2.342 1.648-.603ZM113.401 137.562l-6.309-11.496-2.639 1.449 6.309 11.496 2.639-1.449ZM123.457 130.615l-1.55-2.093-4.378 3.243-6.255-8.446-2.419 1.792 7.804 10.538 6.798-5.034Z"}),c.default.createElement("g",{stroke:a,strokeLinecap:"round",strokeWidth:"3",clipPath:"url(#a)"},c.default.createElement("path",{strokeLinejoin:"round",d:"M116 33s-10.438-.872-24.086.872c-13.648 1.743-26.276 6.905-31.54 10.42a32 32 0 1044.384 44.383c3.515-5.264 8.37-17.084 10.232-29.013C116.851 47.732 116 33 116 33z"}),c.default.createElement("path",{d:"M91.894 60.69l-47.966 47.87"})),c.default.createElement("defs",null,c.default.createElement("clipPath",{id:"a"},c.default.createElement("path",{fill:a,d:"M0 0h96v96H0z",transform:"matrix(-1 0 0 1 128 19)"})))),releasing:c.default.createElement(c.default.Fragment,null," ",c.default.createElement("path",{fill:a,d:n==="en"?"M29.322 123.01l4.28-3.824-1.904 6.484 2.487 2.784 1.51-5.782-.89-1.721.012.014c1.832 2.05 4.146 2.075 5.794.603 1.593-1.423 1.8-3.701-.031-5.751l-3.44-3.851-9.835 8.786 2.017 2.258zm8.997-5.821c.619.693.738 1.607.018 2.251-.748.668-1.643.447-2.262-.246l-1.102-1.233 2.245-2.004 1.1 1.232zm4.94 18.339l1.577-2.069-4.314-3.29 1.69-2.216 3.9 2.974 1.578-2.068-3.901-2.975 1.577-2.069 4.24 3.234 1.578-2.069-6.649-5.07-8 10.491 6.724 5.127zm10.491 5.785l1.193-2.315-4.844-2.496 4.814-9.342-2.676-1.379-6.007 11.657 7.52 3.875zm10.872 3.478l.776-2.483-5.178-1.618.832-2.659 4.68 1.462.776-2.482-4.68-1.463.775-2.482 5.089 1.59.776-2.482-7.98-2.494-3.934 12.589 8.068 2.522zm5.639 1.101l1.067-2.159 4.705.464.643 2.328 3.382.333-3.75-13.547-3.106-.306-6.323 12.554 3.382.333zm4.095-8.783l1.087 4.413-3.014-.297 1.927-4.116zm12.161 9.217c2.64-.264 4.36-1.909 4.117-4.347-.446-4.452-6.101-3.177-6.325-5.412-.073-.739.418-1.236 1.286-1.323l3.683.826-.294-2.937c-1.3-.317-2.4-.506-3.75-.371-2.64.264-4.153 1.926-3.931 4.143.458 4.58 6.041 2.959 6.283 5.378.089.887-.512 1.413-1.564 1.519l-3.996-.963.307 3.066a10.97 10.97 0 004.184.421zm9.595-1.729l.16-2.403 4.526-1.369 1.484 1.905 3.253-.984-8.641-11.086-2.988.903-1.047 14.018 3.253-.984zm.429-9.682l2.69 3.663-2.9.877.21-4.54zm16.954 2.547c2.309-1.283 2.818-3.447 1.778-5.32-.736-1.323-2.033-2.061-3.556-1.912.414-.927.362-1.934-.158-2.87-.942-1.695-2.867-2.231-5.079-1.002l-4.634 2.574 6.37 11.463 5.279-2.933zm-3.179-4.467c.824-.458 1.703-.397 2.169.443.458.823.045 1.602-.778 2.059l-2.115 1.176-1.391-2.503 2.115-1.175zm-3.048-4.117c.726-.404 1.514-.355 1.909.355.403.727.028 1.421-.698 1.825l-1.534.852-1.211-2.18 1.534-.852zm19.103-.946l-1.667-2.005-4.196 3.487-6.726-8.092-2.318 1.926 8.393 10.098 6.514-5.414zm7.393-8.661l-1.991-1.655-3.452 4.153-2.133-1.773 3.121-3.755-1.992-1.654-3.12 3.754-1.991-1.655 3.392-4.081-1.991-1.655-5.319 6.4 10.097 8.392 5.379-6.471z":"m33.929 128.024 3.848-4.214-1.23 6.605 2.742 2.504.91-5.872-1.053-1.613.013.012c2.019 1.844 4.31 1.635 5.792.012 1.433-1.569 1.408-3.842-.61-5.685l-3.793-3.463-8.842 9.684 2.223 2.03Zm8.313-6.666c.682.623.892 1.515.245 2.225-.673.736-1.58.607-2.263-.015l-1.214-1.109 2.018-2.209 1.214 1.108ZM49.006 139.095l1.345-2.197-4.584-2.805 1.44-2.355 4.145 2.536 1.345-2.198-4.145-2.536 1.345-2.198 4.505 2.757 1.345-2.198-7.065-4.322-6.819 11.146 7.143 4.37ZM60.177 143.676l.953-2.424-5.072-1.993 3.844-9.781-2.803-1.101-4.795 12.205 7.873 3.094ZM71.301 146.107l.51-2.535-5.287-1.064.547-2.716 4.78.962.51-2.535-4.78-.962.51-2.535 5.197 1.046.51-2.535-8.148-1.64-2.587 12.856 8.238 1.658ZM77.09 146.554l.838-2.258 4.728-.023.88 2.249 3.397-.016-5.124-13.089-3.122.015-4.996 13.138 3.398-.016Zm3.168-9.159 1.536 4.278-3.03.015 1.494-4.293ZM93.319 145.401c2.588-.528 4.125-2.331 3.637-4.72-.89-4.363-6.361-2.53-6.808-4.72-.148-.724.289-1.265 1.14-1.439l3.73.445-.588-2.878c-1.32-.183-2.429-.258-3.75.011-2.588.529-3.918 2.327-3.475 4.499.916 4.489 6.28 2.32 6.764 4.691.178.869-.363 1.451-1.395 1.661l-4.053-.549.613 3.005c1.179.231 2.683.301 4.185-.006ZM103.406 142.281l-4.33-12.378-2.841.994 4.33 12.379 2.841-.995ZM109.858 139.518l-4.087-7.343 9.057 4.576 2.728-1.518-6.378-11.459-2.582 1.438 4.051 7.278-8.973-4.539-2.776 1.545 6.377 11.459 2.583-1.437ZM126.117 128.454c1.416-1.319 2.215-2.894 2.561-4.199l-4.722-5.07-4.018 3.743 1.758 1.888 1.942-1.809 1.871 2.009a6.643 6.643 0 0 1-1.102 1.304c-1.834 1.708-4.255 1.596-5.9-.17-1.645-1.766-1.586-4.189.248-5.897l3.935-2.129-2.073-2.225c-1.086.483-2.71 1.416-3.869 2.496-2.899 2.701-3.254 6.834-.466 9.827 2.788 2.993 6.937 2.932 9.835.232Z"}),c.default.createElement("path",{stroke:a,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M39.917 38.817v23.75m0 0h23.75m-23.75 0l18.367-17.258a35.625 35.625 0 0157.683 10.652m3.11 50.222v-23.75m0 0h-23.75m23.75 0L100.71 99.691A35.623 35.623 0 0143.027 89.04"}))})[Z])(r,o,u),d&&c.default.createElement("circle",{stroke:o,strokeWidth:"3",cx:"80",cy:"80",r:"77"}))};
package/cjs/components/TextArea/index.js CHANGED
@@ -1,10 +1,10 @@
1
- "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(b){return b&&typeof b=="object"&&"default"in b?b:{default:b}}require("../../shared/media-queries.js");var d=o(e),s=o(r);const i=r.css`
1
+ "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}}require("../../shared/media-queries.js");var d=o(e),s=o(r);const i=r.css`
2
2
  border: 1px solid ${l.default.colors.gray.light1};
3
3
  color: ${l.default.colors.gray.dark1};
4
4
  fill: ${l.default.colors.gray.light1};
5
- `,n=r.css`
6
- border: 1px solid ${l.default.colors.error.main};
7
5
  `,c=r.css`
6
+ border: 1px solid ${l.default.colors.error.main};
7
+ `,n=r.css`
8
8
  color: ${l.default.colors.text.dark};
9
9
  border: 1px solid ${l.default.colors.text.dark};
10
10
  fill: ${l.default.colors.text.dark};
@@ -20,16 +20,15 @@
20
20
  background-color: ${l.default.colors.background.light};
21
21
 
22
22
  border: 1px solid ${l.default.colors.gray.light1};
23
- border-radius: 0.25em;
24
23
  transition: all 150ms;
25
24
 
26
25
  padding: 0.7rem 0.75rem;
27
26
 
28
- ${({hasError:b,isFocused:x})=>!b&&x&&c}
29
- ${({disabled:b})=>b&&i}
30
- ${({hasError:b})=>b&&n}
31
- ${({centered:b})=>b&&"text-align: center;"}
32
- `,h=s.default.textarea`
27
+ ${({hasError:x,isFocused:$})=>!x&&$&&n}
28
+ ${({disabled:x})=>x&&i}
29
+ ${({hasError:x})=>x&&c}
30
+ ${({centered:x})=>x&&"text-align: center;"}
31
+ `,m=s.default.textarea`
33
32
  ${a.BodyTextStyle}
34
33
 
35
34
  width: 100%;
@@ -38,18 +37,18 @@
38
37
  border: none;
39
38
  background-color: transparent;
40
39
 
41
- ${({resize:b})=>!b&&"resize: none;"}
42
- `,m=s.default.div`
43
- font-family: ${({theme:b})=>b.typography.fontBaseFamily};
44
- `,p=s.default.span`
45
- display: block;
46
- font-family: ${({theme:b})=>b.typography.fontBaseFamily};
47
- font-size: 0.81rem;
48
-
40
+ ${({resize:x})=>!x&&"resize: none;"}
41
+ `,p=s.default.div`
42
+ font-family: ${({theme:x})=>x.typography.fontBaseFamily};
43
+ `,h=s.default.div`
44
+ ${a.CaptionStyle}
49
45
  margin-top: 0.25rem;
50
- margin-left: 0.85rem;
51
-
52
- color: ${({hasError:b})=>b?l.default.colors.error.main:l.default.colors.text.dark};
53
46
 
54
- ${({centered:b})=>b&&"width: 100%; text-align: center; display: block;"}
55
- `,y=({placeholder:b="",isDisabled:x=!1,centered:g=!1,hasError:E=!1,className:j,helperText:q,label:k="",resize:B=!0,...$})=>{const[v,F]=e.useState(!1),z=Boolean($.value);return d.default.createElement(u,{className:j},d.default.createElement(f,{isFocused:v,disabled:x,centered:g,hasError:E,hasPlaceholder:!!b},d.default.createElement(h,{...$,resize:B,onFocus:()=>F(!0),onBlur:()=>F(!1),disabled:x,theme:l.default,placeholder:k&&!v?"":b}),$.suffix&&d.default.createElement(m,null,$.suffix)),k&&d.default.createElement(t.Label,{isFocused:v,centered:g,hasError:E,hasValue:z,disabled:x,theme:l.default},k),q&&d.default.createElement(p,{centered:g,hasError:E},q))};exports.TextArea=y,exports.default=y;
47
+ ${({centered:x})=>x&&"width: 100%; text-align: center;"}
48
+ `,b=s.default.span`
49
+ display: block;
50
+ color: ${({theme:x})=>x.colors.text.disabled};
51
+ `,y=s.default.span`
52
+ display: block;
53
+ color: ${({theme:x})=>x.colors.error.dark};
54
+ `,g=({placeholder:x="",isDisabled:$=!1,centered:v=!1,hasError:z=!1,className:w,helperText:q,label:E="",resize:L=!0,name:F,errors:j,...k})=>{const[B,T]=e.useState(!1),N=Boolean(k.value);return d.default.createElement(u,{className:w},d.default.createElement(f,{isFocused:B,disabled:$,centered:v,hasError:z,hasPlaceholder:!!x},d.default.createElement(m,{...k,name:F,"aria-label":E||F,resize:L,onFocus:()=>T(!0),onBlur:()=>T(!1),disabled:$,theme:l.default,placeholder:E&&!B?"":x}),k.suffix&&d.default.createElement(p,null,k.suffix)),E&&d.default.createElement(t.Label,{htmlFor:F,isFocused:B,centered:v,hasError:z,hasValue:N,disabled:$,theme:l.default},E),(q||j)&&d.default.createElement(h,{centered:v},q&&d.default.createElement(b,null,q),j&&j.map(S=>d.default.createElement(y,{key:S},S))))};exports.TextArea=g,exports.default=g;
package/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),s=require("./components/IconButton.js"),t=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"),I=require("./components/Modal/index.js"),l=require("./components/Dialog/index.js"),d=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Select/index.js"),j=require("./components/ListItem/index.js"),f=require("./components/TimePicker/index.js"),C=require("./components/Hero/index.js"),S=require("./components/DayPicker/index.js"),g=require("./components/Logo/index.js"),y=require("./components/Badge/index.js"),k=require("./components/Toggle/index.js"),h=require("./components/Stepper/index.js"),T=require("./components/StepperAccordion/index.js"),B=require("./components/Card/index.js"),v=require("./components/NotificationButton/index.js"),b=require("./components/Range/index.js"),F=require("./components/Chip/index.js"),w=require("./components/Breadcrumbs/index.js"),L=require("./components/Message/index.js"),P=require("./components/Header/index.js"),D=require("./components/MenuItem/index.js"),M=require("./icons/components/AddIcon.js"),A=require("./icons/components/AlertIcon.js"),R=require("./icons/components/ArrowDownIcon.js"),H=require("./icons/components/ArrowLeftIcon.js"),N=require("./icons/components/ArrowRightIcon.js"),E=require("./icons/components/ArrowUpIcon.js"),O=require("./icons/components/AtvIcon.js"),V=require("./icons/components/AuctionIcon.js"),U=require("./icons/components/BackIcon.js"),G=require("./icons/components/BankidIcon.js"),W=require("./icons/components/BidIcon.js"),K=require("./icons/components/BodyIcon.js"),Q=require("./icons/components/BreaksIcon.js"),Y=require("./icons/components/CabIcon.js"),z=require("./icons/components/CalendarIcon.js"),_=require("./icons/components/CameraIcon.js"),J=require("./icons/components/CancelIcon.js"),X=require("./icons/components/CarIcon.js"),Z=require("./icons/components/CarServiceIcon.js"),$=require("./icons/components/CaravanIcon.js"),ee=require("./icons/components/CertifiedIcon.js"),oe=require("./icons/components/ChatIcon.js"),ne=require("./icons/components/CheckCircleIcon.js"),re=require("./icons/components/CheckFilledIcon.js"),se=require("./icons/components/CheckIcon.js"),te=require("./icons/components/CheckmarkIcon.js"),ce=require("./icons/components/ClockIcon.js"),ie=require("./icons/components/CloseIcon.js"),pe=require("./icons/components/CommentFilledIcon.js"),ue=require("./icons/components/CommentIcon.js"),ae=require("./icons/components/ConditioningIcon.js"),Ie=require("./icons/components/ContactIcon.js"),le=require("./icons/components/ControlNumberIcon.js"),de=require("./icons/components/CopyIcon.js"),xe=require("./icons/components/CountdownIcon.js"),me=require("./icons/components/CoupeIcon.js"),qe=require("./icons/components/CraneIcon.js"),je=require("./icons/components/CupIcon.js"),fe=require("./icons/components/DeleteIcon.js"),Ce=require("./icons/components/DisplayIcon.js"),Se=require("./icons/components/DocumentIcon.js"),ge=require("./icons/components/EcoIcon.js"),ye=require("./icons/components/EditIcon.js"),ke=require("./icons/components/EngineIcon.js"),he=require("./icons/components/ErrorFilledIcon.js"),Te=require("./icons/components/ErrorIcon.js"),Be=require("./icons/components/ExportIcon.js"),ve=require("./icons/components/FacebookIcon.js"),be=require("./icons/components/FacilityIcon.js"),Fe=require("./icons/components/FavouriteFilledIcon.js"),we=require("./icons/components/FavouriteIcon.js"),Le=require("./icons/components/FigmaIcon.js"),Pe=require("./icons/components/FilterIcon.js"),De=require("./icons/components/FinanceIcon.js"),Me=require("./icons/components/FirstIcon.js"),Ae=require("./icons/components/FixedPriceIcon.js"),Re=require("./icons/components/FuelIcon.js"),He=require("./icons/components/GearboxIcon.js"),Ne=require("./icons/components/GetPaidIcon.js"),Ee=require("./icons/components/GridViewIcon.js"),Oe=require("./icons/components/HatchbackIcon.js"),Ve=require("./icons/components/HistoryIcon.js"),Ue=require("./icons/components/HomeDeliveryIcon.js"),Ge=require("./icons/components/IdIcon.js"),We=require("./icons/components/InfoIcon.js"),Ke=require("./icons/components/InstagramIcon.js"),Qe=require("./icons/components/InsuranceIcon.js"),Ye=require("./icons/components/InteriorIcon.js"),ze=require("./icons/components/KvdTestIcon.js"),_e=require("./icons/components/KvdproIcon.js"),Je=require("./icons/components/LastIcon.js"),Xe=require("./icons/components/LeaderIcon.js"),Ze=require("./icons/components/LinkedinIcon.js"),$e=require("./icons/components/ListViewIcon.js"),eo=require("./icons/components/LocationIcon.js"),oo=require("./icons/components/MailIcon.js"),no=require("./icons/components/MenuIcon.js"),ro=require("./icons/components/MileageIcon.js"),so=require("./icons/components/MinivanIcon.js"),to=require("./icons/components/ModelYearIcon.js"),co=require("./icons/components/MoreIcon.js"),io=require("./icons/components/MotorbikeIcon.js"),po=require("./icons/components/NavigationIcon.js"),uo=require("./icons/components/NewIcon.js"),ao=require("./icons/components/NextFilledIcon.js"),Io=require("./icons/components/NextIcon.js"),lo=require("./icons/components/NotificationIcon.js"),xo=require("./icons/components/OpenInNewIcon.js"),mo=require("./icons/components/PayementIcon.js"),qo=require("./icons/components/PhoneIcon.js"),jo=require("./icons/components/PickUpIcon.js"),fo=require("./icons/components/Pickup.js"),Co=require("./icons/components/PlayIcon.js"),So=require("./icons/components/PreviousFilledIcon.js"),go=require("./icons/components/PreviousIcon.js"),yo=require("./icons/components/PrintIcon.js"),ko=require("./icons/components/RatingIcon.js"),ho=require("./icons/components/ReleasingIcon.js"),To=require("./icons/components/ReorderIcon.js"),Bo=require("./icons/components/RestartIcon.js"),vo=require("./icons/components/SalesOfferIcon.js"),bo=require("./icons/components/SavedSearchIcon.js"),Fo=require("./icons/components/ScheduleIcon.js"),wo=require("./icons/components/SearchIcon.js"),Lo=require("./icons/components/SedanIcon.js"),Po=require("./icons/components/SellIcon.js"),Do=require("./icons/components/SettingsIcon.js"),Mo=require("./icons/components/ShareIcon.js"),Ao=require("./icons/components/ShowLessIcon.js"),Ro=require("./icons/components/ShowMoreIcon.js"),Ho=require("./icons/components/SignInIcon.js"),No=require("./icons/components/SignOutIcon.js"),Eo=require("./icons/components/SlackIcon.js"),Oo=require("./icons/components/SmartphoneIcon.js"),Vo=require("./icons/components/SmileIcon.js"),Uo=require("./icons/components/SnowmobileIcon.js"),Go=require("./icons/components/SortColumnIcon.js"),Wo=require("./icons/components/SortIcon.js"),Ko=require("./icons/components/StoreIcon.js"),Qo=require("./icons/components/SuvIcon.js"),Yo=require("./icons/components/ThreeSixtyIcon.js"),zo=require("./icons/components/TrailerIcon.js"),_o=require("./icons/components/TransportIcon.js"),Jo=require("./icons/components/TruckIcon.js"),Xo=require("./icons/components/TwitterIcon.js"),Zo=require("./icons/components/TyresIcon.js"),$o=require("./icons/components/UserIcon.js"),en=require("./icons/components/ValuationIcon.js"),on=require("./icons/components/VanIcon.js"),nn=require("./icons/components/ViewsIcon.js"),rn=require("./icons/components/WagonIcon.js"),sn=require("./icons/components/WarningIcon.js"),tn=require("./icons/components/WarrantyIcon.js"),cn=require("./icons/components/YoutubeIcon.js"),pn=require("./hooks/useDynamicScript.js"),un=require("./typography/Heading/index.js"),an=require("./typography/BodyText/index.js"),In=require("./typography/ButtonText/index.js"),ln=require("./components/RadioButton/index.js"),dn=require("./utils/utils.js");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/Header/Hamburger.js"),require("./components/Header/Link.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=s.default,exports.TextField=t.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=I.Modal,exports.Dialog=l.Dialog,exports.OffCanvas=d.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Select=q.Select,exports.ListItem=j.default,exports.TimePicker=f.TimePicker,exports.Hero=C.Hero,exports.DayPicker=S.DayPicker,exports.Logo=g.Logo,exports.Badge=y.Badge,exports.Toggle=k.Toggle,exports.Stepper=h.Stepper,exports.StepperAccordion=T.StepperAccordion,exports.Card=B.Card,exports.NotificationButton=v.NotificationButton,exports.Range=b.Range,exports.Chip=F.Chip,exports.Breadcrumbs=w.default,exports.Message=L.default,exports.Header=P.Header,exports.MenuItem=D.MenuItem,exports.AddIcon=M.default,exports.AlertIcon=A.default,exports.ArrowDownIcon=R.default,exports.ArrowLeftIcon=H.default,exports.ArrowRightIcon=N.default,exports.ArrowUpIcon=E.default,exports.AtvIcon=O.default,exports.AuctionIcon=V.default,exports.BackIcon=U.default,exports.BankidIcon=G.default,exports.BidIcon=W.default,exports.BodyIcon=K.default,exports.BreaksIcon=Q.default,exports.CabIcon=Y.default,exports.CalendarIcon=z.default,exports.CameraIcon=_.default,exports.CancelIcon=J.default,exports.CarIcon=X.default,exports.CarServiceIcon=Z.default,exports.CaravanIcon=$.default,exports.CertifiedIcon=ee.default,exports.ChatIcon=oe.default,exports.CheckCircleIcon=ne.default,exports.CheckFilledIcon=re.default,exports.CheckIcon=se.default,exports.CheckmarkIcon=te.default,exports.ClockIcon=ce.default,exports.CloseIcon=ie.default,exports.CommentFilledIcon=pe.default,exports.CommentIcon=ue.default,exports.ConditioningIcon=ae.default,exports.ContactIcon=Ie.default,exports.ControlNumberIcon=le.default,exports.CopyIcon=de.default,exports.CountdownIcon=xe.default,exports.CoupeIcon=me.default,exports.CraneIcon=qe.default,exports.CupIcon=je.default,exports.DeleteIcon=fe.default,exports.DisplayIcon=Ce.default,exports.DocumentIcon=Se.default,exports.EcoIcon=ge.default,exports.EditIcon=ye.default,exports.EngineIcon=ke.default,exports.ErrorFilledIcon=he.default,exports.ErrorIcon=Te.default,exports.ExportIcon=Be.default,exports.FacebookIcon=ve.default,exports.FacilityIcon=be.default,exports.FavouriteFilledIcon=Fe.default,exports.FavouriteIcon=we.default,exports.FigmaIcon=Le.default,exports.FilterIcon=Pe.default,exports.FinanceIcon=De.default,exports.FirstIcon=Me.default,exports.FixedPriceIcon=Ae.default,exports.FuelIcon=Re.default,exports.GearboxIcon=He.default,exports.GetPaidIcon=Ne.default,exports.GridViewIcon=Ee.default,exports.HatchbackIcon=Oe.default,exports.HistoryIcon=Ve.default,exports.HomeDeliveryIcon=Ue.default,exports.IdIcon=Ge.default,exports.InfoIcon=We.default,exports.InstagramIcon=Ke.default,exports.InsuranceIcon=Qe.default,exports.InteriorIcon=Ye.default,exports.KvdTestIcon=ze.default,exports.KvdproIcon=_e.default,exports.LastIcon=Je.default,exports.LeaderIcon=Xe.default,exports.LinkedinIcon=Ze.default,exports.ListViewIcon=$e.default,exports.LocationIcon=eo.default,exports.MailIcon=oo.default,exports.MenuIcon=no.default,exports.MileageIcon=ro.default,exports.MinivanIcon=so.default,exports.ModelYearIcon=to.default,exports.MoreIcon=co.default,exports.MotorbikeIcon=io.default,exports.NavigationIcon=po.default,exports.NewIcon=uo.default,exports.NextFilledIcon=ao.default,exports.NextIcon=Io.default,exports.NotificationIcon=lo.default,exports.OpenInNewIcon=xo.default,exports.PayementIcon=mo.default,exports.PhoneIcon=qo.default,exports.PickUpIcon=jo.default,exports.Pickup=fo.default,exports.PlayIcon=Co.default,exports.PreviousFilledIcon=So.default,exports.PreviousIcon=go.default,exports.PrintIcon=yo.default,exports.RatingIcon=ko.default,exports.ReleasingIcon=ho.default,exports.ReorderIcon=To.default,exports.RestartIcon=Bo.default,exports.SalesOfferIcon=vo.default,exports.SavedSearchIcon=bo.default,exports.ScheduleIcon=Fo.default,exports.SearchIcon=wo.default,exports.SedanIcon=Lo.default,exports.SellIcon=Po.default,exports.SettingsIcon=Do.default,exports.ShareIcon=Mo.default,exports.ShowLessIcon=Ao.default,exports.ShowMoreIcon=Ro.default,exports.SignInIcon=Ho.default,exports.SignOutIcon=No.default,exports.SlackIcon=Eo.default,exports.SmartphoneIcon=Oo.default,exports.SmileIcon=Vo.default,exports.SnowmobileIcon=Uo.default,exports.SortColumnIcon=Go.default,exports.SortIcon=Wo.default,exports.StoreIcon=Ko.default,exports.SuvIcon=Qo.default,exports.ThreeSixtyIcon=Yo.default,exports.TrailerIcon=zo.default,exports.TransportIcon=_o.default,exports.TruckIcon=Jo.default,exports.TwitterIcon=Xo.default,exports.TyresIcon=Zo.default,exports.UserIcon=$o.default,exports.ValuationIcon=en.default,exports.VanIcon=on.default,exports.ViewsIcon=nn.default,exports.WagonIcon=rn.default,exports.WarningIcon=sn.default,exports.WarrantyIcon=tn.default,exports.YoutubeIcon=cn.default,exports.useDynamicScript=pn.useDynamicScript,exports.Display1=un.Display1,exports.Display2=un.Display2,exports.Display3=un.Display3,exports.Headline=un.Headline,exports.Subtitle=un.Subtitle,exports.TinyTitleBold=un.TinyTitleBold,exports.TinyTitleRegular=un.TinyTitleRegular,exports.Title=un.Title,exports.BodyLink=an.BodyLink,exports.BodyText=an.BodyText,exports.Caption=an.Caption,exports.CaptionLink=an.CaptionLink,exports.Quote=an.Quote,exports.Status=an.Status,exports.ButtonLargeText=In.ButtonLarge,exports.ButtonRegularText=In.Button,exports.ButtonSmallText=In.ButtonSmall,exports.RadioButton=ln.RadioButton,exports.resetButtonStyle=dn.resetButtonStyle;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),s=require("./components/IconButton.js"),t=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"),I=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),l=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Select/index.js"),j=require("./components/ListItem/index.js"),f=require("./components/TimePicker/index.js"),C=require("./components/Hero/index.js"),S=require("./components/DayPicker/index.js"),g=require("./components/Logo/index.js"),y=require("./components/Badge/index.js"),k=require("./components/Toggle/index.js"),h=require("./components/Stepper/index.js"),T=require("./components/StepperAccordion/index.js"),B=require("./components/Card/index.js"),v=require("./components/NotificationButton/index.js"),b=require("./components/Range/index.js"),F=require("./components/Chip/index.js"),w=require("./components/Breadcrumbs/index.js"),L=require("./components/Message/index.js"),P=require("./components/Header/index.js"),D=require("./components/MenuItem/index.js"),M=require("./icons/components/AddIcon.js"),A=require("./icons/components/AlertIcon.js"),R=require("./icons/components/ArrowDownIcon.js"),H=require("./icons/components/ArrowLeftIcon.js"),N=require("./icons/components/ArrowRightIcon.js"),E=require("./icons/components/ArrowUpIcon.js"),O=require("./icons/components/AtvIcon.js"),V=require("./icons/components/AuctionIcon.js"),U=require("./icons/components/BackIcon.js"),G=require("./icons/components/BankidIcon.js"),W=require("./icons/components/BidIcon.js"),K=require("./icons/components/BodyIcon.js"),Q=require("./icons/components/BreaksIcon.js"),Y=require("./icons/components/CabIcon.js"),z=require("./icons/components/CalendarIcon.js"),_=require("./icons/components/CameraIcon.js"),J=require("./icons/components/CancelIcon.js"),X=require("./icons/components/CarIcon.js"),Z=require("./icons/components/CarServiceIcon.js"),$=require("./icons/components/CaravanIcon.js"),ee=require("./icons/components/CertifiedIcon.js"),oe=require("./icons/components/ChatIcon.js"),ne=require("./icons/components/CheckCircleIcon.js"),re=require("./icons/components/CheckFilledIcon.js"),se=require("./icons/components/CheckIcon.js"),te=require("./icons/components/CheckmarkIcon.js"),ce=require("./icons/components/ClockIcon.js"),ie=require("./icons/components/CloseIcon.js"),pe=require("./icons/components/CommentFilledIcon.js"),ue=require("./icons/components/CommentIcon.js"),ae=require("./icons/components/ConditioningIcon.js"),Ie=require("./icons/components/ContactIcon.js"),de=require("./icons/components/ControlNumberIcon.js"),le=require("./icons/components/CopyIcon.js"),xe=require("./icons/components/CountdownIcon.js"),me=require("./icons/components/CoupeIcon.js"),qe=require("./icons/components/CraneIcon.js"),je=require("./icons/components/CupIcon.js"),fe=require("./icons/components/DeleteIcon.js"),Ce=require("./icons/components/DisplayIcon.js"),Se=require("./icons/components/DocumentIcon.js"),ge=require("./icons/components/EcoIcon.js"),ye=require("./icons/components/EditIcon.js"),ke=require("./icons/components/EngineIcon.js"),he=require("./icons/components/ErrorFilledIcon.js"),Te=require("./icons/components/ErrorIcon.js"),Be=require("./icons/components/ExportIcon.js"),ve=require("./icons/components/FacebookIcon.js"),be=require("./icons/components/FacilityIcon.js"),Fe=require("./icons/components/FavouriteFilledIcon.js"),we=require("./icons/components/FavouriteIcon.js"),Le=require("./icons/components/FigmaIcon.js"),Pe=require("./icons/components/FilterIcon.js"),De=require("./icons/components/FinanceIcon.js"),Me=require("./icons/components/FirstIcon.js"),Ae=require("./icons/components/FixedPriceIcon.js"),Re=require("./icons/components/FuelIcon.js"),He=require("./icons/components/GearboxIcon.js"),Ne=require("./icons/components/GetPaidIcon.js"),Ee=require("./icons/components/GridViewIcon.js"),Oe=require("./icons/components/HatchbackIcon.js"),Ve=require("./icons/components/HistoryIcon.js"),Ue=require("./icons/components/HomeDeliveryIcon.js"),Ge=require("./icons/components/IdIcon.js"),We=require("./icons/components/InfoIcon.js"),Ke=require("./icons/components/InstagramIcon.js"),Qe=require("./icons/components/InsuranceIcon.js"),Ye=require("./icons/components/InteriorIcon.js"),ze=require("./icons/components/KvdTestIcon.js"),_e=require("./icons/components/KvdproIcon.js"),Je=require("./icons/components/LastIcon.js"),Xe=require("./icons/components/LeaderIcon.js"),Ze=require("./icons/components/LinkedinIcon.js"),$e=require("./icons/components/ListViewIcon.js"),eo=require("./icons/components/LocationIcon.js"),oo=require("./icons/components/MailIcon.js"),no=require("./icons/components/MenuIcon.js"),ro=require("./icons/components/MileageIcon.js"),so=require("./icons/components/MinivanIcon.js"),to=require("./icons/components/ModelYearIcon.js"),co=require("./icons/components/MoreIcon.js"),io=require("./icons/components/MotorbikeIcon.js"),po=require("./icons/components/NavigationIcon.js"),uo=require("./icons/components/NewIcon.js"),ao=require("./icons/components/NextFilledIcon.js"),Io=require("./icons/components/NextIcon.js"),lo=require("./icons/components/NotificationIcon.js"),xo=require("./icons/components/OpenInNewIcon.js"),mo=require("./icons/components/PayementIcon.js"),qo=require("./icons/components/PhoneIcon.js"),jo=require("./icons/components/PickUpIcon.js"),fo=require("./icons/components/Pickup.js"),Co=require("./icons/components/PlayIcon.js"),So=require("./icons/components/PreviousFilledIcon.js"),go=require("./icons/components/PreviousIcon.js"),yo=require("./icons/components/PrintIcon.js"),ko=require("./icons/components/RatingIcon.js"),ho=require("./icons/components/ReleasingIcon.js"),To=require("./icons/components/ReorderIcon.js"),Bo=require("./icons/components/RestartIcon.js"),vo=require("./icons/components/SalesOfferIcon.js"),bo=require("./icons/components/SavedSearchIcon.js"),Fo=require("./icons/components/ScheduleIcon.js"),wo=require("./icons/components/SearchIcon.js"),Lo=require("./icons/components/SedanIcon.js"),Po=require("./icons/components/SellIcon.js"),Do=require("./icons/components/SettingsIcon.js"),Mo=require("./icons/components/ShareIcon.js"),Ao=require("./icons/components/ShowLessIcon.js"),Ro=require("./icons/components/ShowMoreIcon.js"),Ho=require("./icons/components/SignInIcon.js"),No=require("./icons/components/SignOutIcon.js"),Eo=require("./icons/components/SlackIcon.js"),Oo=require("./icons/components/SmartphoneIcon.js"),Vo=require("./icons/components/SmileIcon.js"),Uo=require("./icons/components/SnowmobileIcon.js"),Go=require("./icons/components/SortColumnIcon.js"),Wo=require("./icons/components/SortIcon.js"),Ko=require("./icons/components/StoreIcon.js"),Qo=require("./icons/components/SuvIcon.js"),Yo=require("./icons/components/ThreeSixtyIcon.js"),zo=require("./icons/components/TrailerIcon.js"),_o=require("./icons/components/TransportIcon.js"),Jo=require("./icons/components/TruckIcon.js"),Xo=require("./icons/components/TwitterIcon.js"),Zo=require("./icons/components/TyresIcon.js"),$o=require("./icons/components/UserIcon.js"),en=require("./icons/components/ValuationIcon.js"),on=require("./icons/components/VanIcon.js"),nn=require("./icons/components/ViewsIcon.js"),rn=require("./icons/components/WagonIcon.js"),sn=require("./icons/components/WarningIcon.js"),tn=require("./icons/components/WarrantyIcon.js"),cn=require("./icons/components/YoutubeIcon.js"),pn=require("./hooks/useDynamicScript.js"),un=require("./typography/Heading/index.js"),an=require("./typography/BodyText/index.js"),In=require("./typography/ButtonText/index.js"),dn=require("./components/RadioButton/index.js"),ln=require("./components/Stamp/index.js"),xn=require("./utils/utils.js");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/Header/Hamburger.js"),require("./components/Header/Link.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=s.default,exports.TextField=t.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=I.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=l.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Select=q.Select,exports.ListItem=j.default,exports.TimePicker=f.TimePicker,exports.Hero=C.Hero,exports.DayPicker=S.DayPicker,exports.Logo=g.Logo,exports.Badge=y.Badge,exports.Toggle=k.Toggle,exports.Stepper=h.Stepper,exports.StepperAccordion=T.StepperAccordion,exports.Card=B.Card,exports.NotificationButton=v.NotificationButton,exports.Range=b.Range,exports.Chip=F.Chip,exports.Breadcrumbs=w.default,exports.Message=L.default,exports.Header=P.Header,exports.MenuItem=D.MenuItem,exports.AddIcon=M.default,exports.AlertIcon=A.default,exports.ArrowDownIcon=R.default,exports.ArrowLeftIcon=H.default,exports.ArrowRightIcon=N.default,exports.ArrowUpIcon=E.default,exports.AtvIcon=O.default,exports.AuctionIcon=V.default,exports.BackIcon=U.default,exports.BankidIcon=G.default,exports.BidIcon=W.default,exports.BodyIcon=K.default,exports.BreaksIcon=Q.default,exports.CabIcon=Y.default,exports.CalendarIcon=z.default,exports.CameraIcon=_.default,exports.CancelIcon=J.default,exports.CarIcon=X.default,exports.CarServiceIcon=Z.default,exports.CaravanIcon=$.default,exports.CertifiedIcon=ee.default,exports.ChatIcon=oe.default,exports.CheckCircleIcon=ne.default,exports.CheckFilledIcon=re.default,exports.CheckIcon=se.default,exports.CheckmarkIcon=te.default,exports.ClockIcon=ce.default,exports.CloseIcon=ie.default,exports.CommentFilledIcon=pe.default,exports.CommentIcon=ue.default,exports.ConditioningIcon=ae.default,exports.ContactIcon=Ie.default,exports.ControlNumberIcon=de.default,exports.CopyIcon=le.default,exports.CountdownIcon=xe.default,exports.CoupeIcon=me.default,exports.CraneIcon=qe.default,exports.CupIcon=je.default,exports.DeleteIcon=fe.default,exports.DisplayIcon=Ce.default,exports.DocumentIcon=Se.default,exports.EcoIcon=ge.default,exports.EditIcon=ye.default,exports.EngineIcon=ke.default,exports.ErrorFilledIcon=he.default,exports.ErrorIcon=Te.default,exports.ExportIcon=Be.default,exports.FacebookIcon=ve.default,exports.FacilityIcon=be.default,exports.FavouriteFilledIcon=Fe.default,exports.FavouriteIcon=we.default,exports.FigmaIcon=Le.default,exports.FilterIcon=Pe.default,exports.FinanceIcon=De.default,exports.FirstIcon=Me.default,exports.FixedPriceIcon=Ae.default,exports.FuelIcon=Re.default,exports.GearboxIcon=He.default,exports.GetPaidIcon=Ne.default,exports.GridViewIcon=Ee.default,exports.HatchbackIcon=Oe.default,exports.HistoryIcon=Ve.default,exports.HomeDeliveryIcon=Ue.default,exports.IdIcon=Ge.default,exports.InfoIcon=We.default,exports.InstagramIcon=Ke.default,exports.InsuranceIcon=Qe.default,exports.InteriorIcon=Ye.default,exports.KvdTestIcon=ze.default,exports.KvdproIcon=_e.default,exports.LastIcon=Je.default,exports.LeaderIcon=Xe.default,exports.LinkedinIcon=Ze.default,exports.ListViewIcon=$e.default,exports.LocationIcon=eo.default,exports.MailIcon=oo.default,exports.MenuIcon=no.default,exports.MileageIcon=ro.default,exports.MinivanIcon=so.default,exports.ModelYearIcon=to.default,exports.MoreIcon=co.default,exports.MotorbikeIcon=io.default,exports.NavigationIcon=po.default,exports.NewIcon=uo.default,exports.NextFilledIcon=ao.default,exports.NextIcon=Io.default,exports.NotificationIcon=lo.default,exports.OpenInNewIcon=xo.default,exports.PayementIcon=mo.default,exports.PhoneIcon=qo.default,exports.PickUpIcon=jo.default,exports.Pickup=fo.default,exports.PlayIcon=Co.default,exports.PreviousFilledIcon=So.default,exports.PreviousIcon=go.default,exports.PrintIcon=yo.default,exports.RatingIcon=ko.default,exports.ReleasingIcon=ho.default,exports.ReorderIcon=To.default,exports.RestartIcon=Bo.default,exports.SalesOfferIcon=vo.default,exports.SavedSearchIcon=bo.default,exports.ScheduleIcon=Fo.default,exports.SearchIcon=wo.default,exports.SedanIcon=Lo.default,exports.SellIcon=Po.default,exports.SettingsIcon=Do.default,exports.ShareIcon=Mo.default,exports.ShowLessIcon=Ao.default,exports.ShowMoreIcon=Ro.default,exports.SignInIcon=Ho.default,exports.SignOutIcon=No.default,exports.SlackIcon=Eo.default,exports.SmartphoneIcon=Oo.default,exports.SmileIcon=Vo.default,exports.SnowmobileIcon=Uo.default,exports.SortColumnIcon=Go.default,exports.SortIcon=Wo.default,exports.StoreIcon=Ko.default,exports.SuvIcon=Qo.default,exports.ThreeSixtyIcon=Yo.default,exports.TrailerIcon=zo.default,exports.TransportIcon=_o.default,exports.TruckIcon=Jo.default,exports.TwitterIcon=Xo.default,exports.TyresIcon=Zo.default,exports.UserIcon=$o.default,exports.ValuationIcon=en.default,exports.VanIcon=on.default,exports.ViewsIcon=nn.default,exports.WagonIcon=rn.default,exports.WarningIcon=sn.default,exports.WarrantyIcon=tn.default,exports.YoutubeIcon=cn.default,exports.useDynamicScript=pn.useDynamicScript,exports.Display1=un.Display1,exports.Display2=un.Display2,exports.Display3=un.Display3,exports.Headline=un.Headline,exports.Subtitle=un.Subtitle,exports.TinyTitleBold=un.TinyTitleBold,exports.TinyTitleRegular=un.TinyTitleRegular,exports.Title=un.Title,exports.BodyLink=an.BodyLink,exports.BodyText=an.BodyText,exports.Caption=an.Caption,exports.CaptionLink=an.CaptionLink,exports.Quote=an.Quote,exports.Status=an.Status,exports.ButtonLargeText=In.ButtonLarge,exports.ButtonRegularText=In.Button,exports.ButtonSmallText=In.ButtonSmall,exports.RadioButton=dn.RadioButton,exports.Stamp=ln.default,exports.resetButtonStyle=xn.resetButtonStyle;
package/esm/components/CheckBox/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import t from"react";import i,{css as r}from"styled-components";import{generateNameHash as m}from"../../shared/helpers.js";import s from"../../theme.js";import{BodyText as x}from"../../typography/BodyText/index.js";import g from"../../icons/components/CheckmarkIcon.js";import{BackgroundStyles as u}from"../IconButton.js";import"../../shared/media-queries.js";const b=r`
1
+ import t from"react";import i,{css as r}from"styled-components";import m from"../../icons/components/CheckmarkIcon.js";import{generateNameHash as x}from"../../shared/helpers.js";import s from"../../theme.js";import{BodyText as g}from"../../typography/BodyText/index.js";import{BackgroundStyles as u}from"../IconButton.js";import"../../shared/media-queries.js";const b=r`
2
2
  width: 24px;
3
3
  height: 24px;
4
4
 
@@ -31,7 +31,7 @@ import t from"react";import i,{css as r}from"styled-components";import{generateN
31
31
  background: ${s.colors.gray.light2};
32
32
  `,v=i.div`
33
33
  display: flex;
34
- align-items: center;
34
+ align-items: flex-start;
35
35
  box-sizing: border-box;
36
36
  `,z=i.input.attrs({type:"checkbox"})`
37
37
  position: absolute;
@@ -71,9 +71,10 @@ import t from"react";import i,{css as r}from"styled-components";import{generateN
71
71
  ${e=>e.isDisabled&&y};
72
72
 
73
73
  ${e=>e.isChecked&&e.isDisabled&&$};
74
- `,S=i(x)`
74
+ `,S=i(g)`
75
+ flex: 1;
75
76
  cursor: ${({isDisabled:e})=>e?"default":"pointer"};
76
77
  user-select: none;
77
78
  color: ${({theme:e,isDisabled:o})=>o?e.colors.text.disabled:e.colors.text.dark};
78
79
  margin-left: 0.5rem;
79
- `,h=({name:e=m("check-box"),isDisabled:o=!1,size:c="regular",checked:n=!1,color:a="secondary",label:l,...p})=>t.createElement(v,null,t.createElement(z,{...p,type:"checkbox",checked:n,"data-validate":"checked",name:e,id:e,color:a,disabled:o,isDisabled:o,boxSize:c}),t.createElement(C,{size:c,color:a,isChecked:n,isDisabled:o},t.createElement(g,null)),l&&t.createElement(S,{as:"label",htmlFor:e,isDisabled:o},l));export{h as CheckBox,h as default};
80
+ `,h=({name:e=x("check-box"),isDisabled:o=!1,size:c="regular",checked:n=!1,color:a="secondary",label:l,...p})=>t.createElement(v,null,t.createElement(z,{...p,type:"checkbox",checked:n,"data-validate":"checked",name:e,id:e,color:a,disabled:o,isDisabled:o,boxSize:c}),t.createElement(C,{size:c,color:a,isChecked:n,isDisabled:o},t.createElement(m,null)),l&&t.createElement(S,{as:"label",htmlFor:e,isDisabled:o},l));export{h as CheckBox,h as default};
package/esm/components/Hero/index.js CHANGED
@@ -1,26 +1,32 @@
1
- import t from"react";import o from"styled-components";import i from"../../theme.js";const d=o.div`
1
+ import r from"react";import n from"styled-components";import c from"../../theme.js";const w=n.div`
2
2
  position: relative;
3
- height: 60vh;
4
- max-height: 600px;
5
- background-color: ${i.colors.primary.main};
3
+ min-height: 500px;
4
+ background-color: ${c.colors.primary.main};
6
5
  background-size: cover;
7
- `,m=o.div`
6
+ display: flex;
7
+ `,j=n.div`
8
+ pointer-events: ${({$pointerEvents:e})=>e};
8
9
  position: relative;
9
10
  display: flex;
11
+ flex-direction: ${({$direction:e})=>e};
12
+ align-items: ${({$align:e})=>e};
13
+ justify-content: ${({$justify:e})=>e};
10
14
  padding: 50px;
11
15
  z-index: 1;
12
- `,p=o.iframe`
16
+ flex: 1;
17
+ `,k=n.iframe`
13
18
  position: absolute;
14
19
  width: 100%;
15
20
  height: 100%;
16
21
  top: 0;
17
22
  left: 0;
18
- `,u=o.img`
23
+ `,i=e=>typeof e=="number",s=e=>typeof e=="string",E=({$positionX:e,$positionY:t})=>{if(i(e)&&i(t))return`${e}% ${t}%`;if(s(e)&&s(t))return`${e} ${t}`;if(e||t){const l=i(e)?`${e}%`:e,o=i(t)?`${t}%`:t;return`${l||"50%"} ${o||"50%"}`}return"50% 50%"},I=n.img`
19
24
  position: absolute;
20
25
  top: 0;
21
26
  left: 0;
22
27
  height: 100%;
23
28
  width: 100%;
24
29
  object-fit: cover;
25
- background-color: ${i.colors.primary.main};
26
- `;function l(a){const{imageProps:e,containerStyle:n,videoProps:r,children:c}=a,s={objectPosition:`${(e==null?void 0:e.x)?e.x:"50%"} ${(e==null?void 0:e.y)?e.y:"50%"}`};return t.createElement(d,{style:n},r?t.createElement(p,{"data-testid":"hero-video",title:"video-frame",src:r.src,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):t.createElement(t.Fragment,null,t.createElement(u,{src:e==null?void 0:e.src,alt:"Hero background",style:s}),t.createElement(m,null,c)))}export{l as Hero,l as default};
30
+ background-color: ${c.colors.primary.main};
31
+ object-position: ${E};
32
+ `;function d(e){const{imageProps:t,containerStyle:l,videoProps:o,children:u,align:m,direction:f,justify:p}=e,{autoplay:g=0,controls:y=0,disablekb:b=0,end:a,loop:h=0,modestbranding:v=1,start:$=0,showInfo:x=0}=(o==null?void 0:o.ytConfig)||{};return r.createElement(w,{style:l},o?r.createElement(k,{"data-testid":"hero-video",title:"video-frame",src:`${o.src}?disabledkb=${b}&autoplay=${g}&controls=${y}&loop=${h}&modestbranding=${v}&start=${$}&showInfo=${x}${a?`&end=${a}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):r.createElement(I,{$positionX:t==null?void 0:t.x,$positionY:t==null?void 0:t.y,src:t==null?void 0:t.src,alt:"Hero background"}),r.createElement(j,{$pointerEvents:o?"none":"auto",$align:m||"flex-start",$direction:f||"column",$justify:p||"flex-start"},u))}export{d as Hero,d as default};
package/esm/components/Stamp/index.js ADDED
@@ -0,0 +1 @@
1
+ import l from"react";import z from"../../theme.js";const Z=(m,e,t)=>({carguide:l.createElement(l.Fragment,null,l.createElement("path",{stroke:e,strokeWidth:"3",d:"M60 26.5h40c5.799 0 10.5 4.701 10.5 10.5v18.5h-61V37c0-5.799 4.701-10.5 10.5-10.5z"}),l.createElement("path",{stroke:e,strokeWidth:"3",d:"M52 54.5h56c5.799 0 10.5 4.701 10.5 10.5v30.5h-77V65c0-5.799 4.701-10.5 10.5-10.5z"}),l.createElement("path",{fill:e,d:"M53 99.333v-5H43v5h10zm-10 4a5 5 0 0010 0H43zm0-4v4h10v-4H43zm74 0v-5h-10v5h10zm-10 4a5 5 0 0010 0h-10zm0-4v4h10v-4h-10z"}),l.createElement("circle",{cx:"64",cy:"75",r:"6.667",fill:e}),l.createElement("path",{fill:e,d:t==="en"?"M102.694 75a6.667 6.667 0 11-13.334 0 6.667 6.667 0 0113.334 0zM112 50h-3v6h3v-6zm8 6a3 3 0 100-6v6zm-8 0h8v-6h-8v6zm-64 0h3v-6h-3v6zm-8-6a3 3 0 100 6v-6zm8 0h-8v6h8v-6zm-11.228 80.555c1.296 1.059 2.72 1.734 3.975 1.876l.814-2.589c-1.006-.078-2.025-.538-2.708-1.096-2.05-1.673-2.329-4.063-.86-5.861 1.492-1.827 3.833-2.076 5.73-.527l2.136 3.302 1.959-2.398c-.694-1.171-1.437-2.196-2.553-3.107-2.997-2.448-7.045-2.244-9.572.851-2.528 3.095-1.919 7.101 1.079 9.549zm8.413 5.41l1.741-1.573 4.097 2.11-.253 2.339 2.944 1.517 1.467-13.62-2.704-1.393-10.237 9.103 2.945 1.517zm6.864-6.487l-.6 4.388-2.624-1.352 3.224-3.036zm7.081 12.514l1.502-5.355 1.826 6.288 3.483.977-1.782-5.51-1.624-.941.017.005c2.565.719 4.468-.467 5.047-2.529.559-1.994-.46-3.962-3.025-4.681l-4.818-1.351-3.451 12.305 2.825.792zm4.313-9.446c.867.243 1.441.928 1.188 1.829-.262.936-1.109 1.222-1.975.979l-1.543-.433.788-2.808 1.542.433zm17.493 12.758c1.89-.034 3.498-.658 4.601-1.38l-.123-6.767-5.363.098.046 2.52 2.592-.047.048 2.681a6.51 6.51 0 01-1.652.228c-2.447.045-4.134-1.617-4.177-3.974-.043-2.358 1.582-4.08 4.03-4.124l4.249 1.02-.054-2.969c-1.105-.358-2.894-.74-4.442-.711-3.87.07-6.825 2.843-6.752 6.838.072 3.995 3.128 6.658 6.997 6.587zm14.504-1.935c2.48-.618 5.04-2.704 3.99-6.913l-1.78-7.143-2.848.71 1.834 7.353c.496 1.991-.552 3.068-1.844 3.391-1.276.318-2.707-.142-3.204-2.133l-1.833-7.353-2.847.71 1.781 7.144c1.05 4.209 4.289 4.848 6.751 4.234zm11.781-4.393l-5.051-11.74-2.695 1.159 5.05 11.74 2.696-1.159zm7.903-4.227c3.262-2.082 4.341-5.845 2.298-9.047-2.043-3.201-5.91-3.808-9.173-1.726l-4.112 2.624 6.875 10.773 4.112-2.624zm-5.422-8.497c1.82-1.162 4.035-.803 5.217 1.048 1.181 1.851.573 4.011-1.247 5.173l-1.639 1.046-3.97-6.222 1.639-1.045zm19.664-3.16l-1.753-1.811-3.777 3.655-1.878-1.941 3.415-3.304-1.752-1.811-3.415 3.304-1.752-1.811 3.712-3.592-1.752-1.811-5.821 5.633 8.887 9.184 5.886-5.695z":"M102.694 75a6.667 6.667 0 1 1-13.334 0 6.667 6.667 0 0 1 13.334 0ZM112 50h-3v6h3v-6Zm8 6a3 3 0 1 0 0-6v6Zm-8 0h8v-6h-8v6ZM48 56h3v-6h-3v6Zm-8-6a3 3 0 1 0 0 6v-6Zm8 0h-8v6h8v-6ZM36.747 130.344c1.98 1.645 4.125 1.344 5.46-.262.943-1.135 1.155-2.574.482-3.905.989.05 1.885-.353 2.552-1.156 1.208-1.454 1.016-3.391-.881-4.967l-3.974-3.302-8.166 9.831 4.527 3.761Zm2.936-4.464c.706.587.961 1.407.363 2.127-.587.706-1.44.606-2.146.019l-1.813-1.507 1.783-2.146 1.813 1.507Zm2.665-4.222c.623.518.857 1.251.35 1.86-.517.623-1.28.527-1.903.01l-1.315-1.093 1.553-1.869 1.315 1.092ZM44.866 135.936l6.664-10.906-2.504-1.529-6.664 10.905 2.504 1.53ZM55.723 141.222l1.033-2.318-4.85-2.162 4.172-9.355-2.68-1.194-5.205 11.672 7.53 3.357ZM64.495 143.979c1.842.421 3.554.203 4.798-.232l1.51-6.598-5.23-1.196-.561 2.457 2.526.578-.598 2.614a6.528 6.528 0 0 1-1.658-.176c-2.386-.546-3.623-2.565-3.098-4.863.526-2.299 2.518-3.579 4.904-3.033l3.879 2.013.662-2.895c-.986-.613-2.63-1.414-4.14-1.759-3.772-.863-7.309 1.116-8.2 5.011-.89 3.896 1.433 7.216 5.206 8.079ZM79.117 145.597c2.556-.006 5.54-1.417 5.53-5.755l-.017-7.362-2.933.007.017 7.578c.005 2.052-1.272 2.847-2.603 2.85-1.315.003-2.594-.786-2.599-2.838l-.017-7.578-2.934.006.016 7.362c.01 4.338 3.002 5.735 5.54 5.73ZM91.53 144.17l-2.077-12.61-2.895.476 2.076 12.611 2.895-.477ZM100.204 141.977c3.668-1.235 5.621-4.628 4.41-8.227-1.212-3.6-4.82-5.12-8.488-3.885l-4.623 1.556 4.078 12.112 4.623-1.556Zm-3.216-9.553c2.047-.69 4.11.192 4.811 2.273.7 2.082-.409 4.032-2.457 4.721l-1.842.62-2.355-6.994 1.843-.62ZM116.912 134.047l-1.267-2.178-4.543 2.643-1.358-2.334 4.107-2.39-1.267-2.178-4.107 2.39-1.268-2.179 4.466-2.597-1.267-2.179-7.002 4.073 6.427 11.047 7.079-4.118ZM122.539 129.838l-5.505-6.064 9.61 2.338 2.252-2.045-8.589-9.462-2.133 1.935 5.457 6.011-9.522-2.321-2.292 2.081 8.59 9.463 2.132-1.936Z"})),certified:l.createElement(l.Fragment,null,l.createElement("path",{stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M64.84 72.56L60 109l20-12 20 12-4.84-36.48"}),l.createElement("path",{stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M106.666 46.547V49a26.665 26.665 0 01-49.037 14.5 26.667 26.667 0 0133.224-38.873"}),l.createElement("path",{stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M106.667 27.667L80 54.36l-8-8"}),l.createElement("path",{fill:e,d:t==="en"?"M40.188 133.751c1.359 1.051 2.838 1.704 4.13 1.815l.763-2.679c-1.034-.052-2.092-.495-2.808-1.049-2.148-1.66-2.5-4.104-1.043-5.989 1.48-1.914 3.874-2.234 5.862-.698l2.283 3.328 1.942-2.513c-.744-1.182-1.534-2.213-2.703-3.117-3.142-2.428-7.288-2.108-9.796 1.137-2.507 3.244-1.772 7.337 1.37 9.765zm14.044 7.742l1.155-2.313-4.825-2.409 1.237-2.479 4.363 2.178 1.155-2.314-4.363-2.178 1.155-2.313 4.743 2.368 1.155-2.314-7.436-3.712-5.858 11.733 7.52 3.753zm6.37 2.163l1.537-5.496 1.879 6.451 3.575 1-1.833-5.652-1.668-.965.018.005c2.633.736 4.585-.483 5.176-2.6.572-2.045-.474-4.064-3.107-4.8l-4.945-1.383-3.53 12.63 2.898.81zm4.418-9.696c.89.249 1.48.951 1.221 1.876-.268.96-1.137 1.254-2.026 1.006l-1.583-.443.805-2.882 1.583.443zm10.548 12.439l.934-10.467 3.293.293.232-2.594-9.585-.855-.231 2.594 3.293.294-.935 10.468 2.999.267zm9.042-.018l-.63-13.099-3.006.144.629 13.099 3.007-.144zm6.728-.84l-.975-5.267 4.65-.861-.472-2.542-4.649.861-.47-2.543 5.085-.942-.471-2.542-8.046 1.489 2.388 12.895 2.96-.548zm10.815-2.844l-4.217-12.417-2.85.969 4.217 12.417 2.85-.969zm11.061-4.915l-1.135-2.324-4.846 2.366-1.216-2.49 4.382-2.139-1.134-2.323-4.382 2.139-1.134-2.324 4.763-2.325-1.134-2.324-7.47 3.646 5.754 11.785 7.552-3.687zm7.272-5.125c3.137-2.462 3.866-6.429 1.45-9.508-2.416-3.079-6.444-3.313-9.581-.851l-3.954 3.103 8.13 10.36 3.955-3.104zm-6.413-8.171c1.751-1.374 4.058-1.228 5.455.552 1.398 1.781.991 4.057-.76 5.431l-1.576 1.237-4.695-5.983 1.576-1.237z":"M29.741 124.137c1.105 1.315 2.412 2.267 3.65 2.65l1.315-2.456c-1-.27-1.939-.928-2.521-1.621-1.747-2.078-1.573-4.541.25-6.074 1.853-1.557 4.261-1.361 5.877.562l1.525 3.737 2.432-2.044c-.476-1.313-1.03-2.489-1.98-3.62-2.556-3.04-6.675-3.606-9.814-.968-3.139 2.639-3.29 6.794-.734 9.834ZM41.812 134.682l1.604-2.017-4.207-3.344 1.717-2.161 3.804 3.023 1.603-2.017-3.803-3.023 1.603-2.017 4.135 3.287 1.603-2.017-6.483-5.153-8.13 10.228 6.554 5.211ZM47.633 138.132l2.657-5.051.48 6.702 3.286 1.729-.604-5.912-1.428-1.293.017.008c2.419 1.273 4.583.492 5.606-1.453.99-1.88.39-4.074-2.029-5.346l-4.544-2.391-6.106 11.605 2.664 1.402Zm6.356-8.552c.818.43 1.247 1.241.8 2.091-.465.882-1.376.987-2.193.557l-1.455-.765 1.394-2.648 1.454.765ZM61.622 144.042l3.153-9.984 3.14.992.782-2.474-9.142-2.887-.781 2.474 3.14.992-3.152 9.984 2.86.903ZM70.495 145.864l2.178-12.932-2.969-.5-2.178 12.932 2.97.5ZM77.25 146.478l.168-5.353 4.726.148.082-2.584-4.726-.149.081-2.584 5.169.162.081-2.585-8.178-.257-.412 13.108 3.01.094ZM88.365 146.125l-1.311-12.982-2.98.301 1.31 12.982 2.981-.301ZM100.288 143.523l-.62-2.509-5.232 1.295-.665-2.688 4.73-1.17-.62-2.508-4.73 1.17-.621-2.508 5.142-1.272-.62-2.508-8.063 1.994 3.147 12.721 8.152-2.017ZM106.528 141.019l-2.393-5.182 5.612 3.695 3.371-1.556-5.06-3.116-1.895.346.017-.008c2.482-1.146 3.178-3.339 2.257-5.334-.89-1.929-2.996-2.788-5.477-1.642l-4.662 2.152 5.496 11.907 2.734-1.262Zm-2.921-10.248c.839-.387 1.743-.235 2.146.637.418.906-.053 1.693-.891 2.08l-1.493.689-1.254-2.717 1.492-.689ZM117.539 135.028l-.68-2.31 3.773-2.85 2.051 1.275 2.711-2.049-11.943-7.413-2.49 1.882 3.867 13.514 2.711-2.049Zm-2.947-9.232 3.792 2.506-2.417 1.826-1.375-4.332ZM130.779 122.968c2.542-3.057 2.421-7.078-.58-9.572-3.001-2.494-6.976-1.878-9.517 1.179l-3.204 3.855 10.098 8.392 3.203-3.854Zm-7.964-6.619c1.419-1.707 3.698-2.049 5.433-.606 1.735 1.442 1.816 3.745.398 5.452l-1.277 1.536-5.831-4.846 1.277-1.536Z"})),ecofriendly:l.createElement(l.Fragment,null,l.createElement("path",{fill:e,d:t==="en"?"M25.406 118.414l2.198-1.344-2.805-4.585 2.355-1.44 2.536 4.144 2.198-1.344-2.536-4.145 2.198-1.345 2.756 4.506 2.198-1.344-4.322-7.065-11.146 6.819 4.37 7.143zm6.289 7.731c1.169 1.271 2.523 2.169 3.783 2.498l1.21-2.524c-1.015-.226-1.987-.846-2.602-1.515-1.846-2.009-1.781-4.49-.018-6.11 1.79-1.645 4.217-1.556 5.925.303l1.697 3.685 2.35-2.161c-.536-1.297-1.144-2.452-2.148-3.546-2.7-2.938-6.862-3.324-9.896-.536-3.034 2.788-3 6.967-.3 9.906zm10.666 9.055c3.266 2.203 7.388 1.615 9.684-1.788 2.296-3.403 1.298-7.445-1.968-9.649-3.265-2.203-7.387-1.615-9.683 1.788-2.296 3.403-1.298 7.446 1.967 9.649zm1.542-2.284c-1.87-1.262-2.335-3.65-.98-5.658 1.366-2.024 3.743-2.472 5.613-1.21 1.87 1.261 2.334 3.649.98 5.657-1.366 2.024-3.743 2.472-5.613 1.211zm13.559 5.245l.952-2.204-4.544-1.963-.952 2.204 4.544 1.963zm4.617 5.914l1.393-5.172 4.566 1.23.673-2.497-4.566-1.23.673-2.497 4.993 1.346.673-2.497-7.9-2.129-3.412 12.662 2.907.784zm11.311 2.147l.431-5.691 3.106 5.958 3.702.281-2.905-5.185-1.824-.619.019.001c2.725.207 4.4-1.371 4.567-3.562.16-2.118-1.261-3.893-3.987-4.099l-5.12-.388-.99 13.076 3.002.228zm2.435-10.374c.92.069 1.637.642 1.564 1.6-.075.995-.87 1.453-1.79 1.383l-1.64-.124.227-2.983 1.639.124zM86.43 146.22l-.993-13.076-3.002.227.992 13.076 3.002-.227zm12.048-2.182l-.543-2.534-5.286 1.132-.582-2.715 4.779-1.024-.543-2.534-4.779 1.024-.543-2.534 5.195-1.113-.543-2.534-8.145 1.745 2.754 12.852 8.236-1.765zm6.393-2.302l-3.474-7.652 8.654 5.3 2.842-1.291-5.421-11.94-2.691 1.222 3.444 7.584-8.574-5.255-2.892 1.313 5.421 11.94 2.691-1.221zm15.911-9.203c3.112-2.466 3.819-6.421 1.399-9.475-2.421-3.054-6.433-3.269-9.545-.802l-3.922 3.109 8.145 10.277 3.923-3.109zm-6.425-8.106c1.737-1.376 4.036-1.242 5.435.524 1.4 1.766 1.006 4.034-.731 5.411l-1.563 1.239-4.704-5.935 1.563-1.239zm19.716-5.453l-2-1.669-3.49 4.185-8.071-6.732-1.928 2.312 10.071 8.4 5.418-6.496zm3.874-6.364l-4.179-2.475-4.658-8.339-1.75 2.956 3.029 5.143-5.956-.2-1.75 2.956 9.519.056 4.211 2.493 1.534-2.59z":"m41.51 134.401 3.661-5.902-1.369 7.323 2.213 1.373 5.953-4.48-3.661 5.901 2.401 1.49 6.913-11.144-2.92-1.811-7.526 5.721 1.782-9.284-2.936-1.821-6.912 11.144 2.402 1.49ZM57.493 142.608l4.723-12.234-2.808-1.084-4.723 12.234 2.808 1.084ZM69.287 145.832l.604-2.533-5.3-1.264 2.437-10.223-2.928-.698-3.042 12.756 8.229 1.962ZM72.613 146.378c2.706.219 4.826-.796 5.08-3.925l.725-8.984-3-.243-.676 8.358c-.132 1.639-.703 2.278-2.12 2.164-.203-.017-1.254-.306-1.454-.359l-.216 2.67c.435.127.98.264 1.66.319ZM87.894 146.391c3.906-.469 6.637-3.605 6.149-7.677-.489-4.071-3.884-6.472-7.79-6.004-3.906.469-6.636 3.605-6.148 7.676.489 4.071 3.883 6.473 7.79 6.005Zm-.327-2.733c-2.238.269-4.148-1.232-4.436-3.635-.29-2.42 1.213-4.312 3.45-4.58 2.237-.269 4.148 1.232 4.436 3.634.29 2.421-1.213 4.313-3.45 4.581Zm1.385-11.867-.171-1.43-1.89.226.172 1.431 1.89-.227Zm-3.65.438-.17-1.431-1.89.227.172 1.43 1.889-.226ZM104.154 141.993c2.48-.908 3.32-2.965 2.584-4.977-.52-1.423-1.687-2.353-3.215-2.443.554-.852.659-1.854.291-2.86-.666-1.821-2.484-2.651-4.86-1.781l-4.978 1.822 4.506 12.315 5.672-2.076Zm-2.445-4.907c.885-.324 1.744-.127 2.074.775.323.885-.205 1.59-1.09 1.913l-2.272.832-.984-2.689 2.272-.831Zm-2.37-4.542c.781-.285 1.551-.115 1.83.648.286.781-.192 1.408-.973 1.694l-1.648.603-.857-2.342 1.648-.603ZM113.401 137.562l-6.309-11.496-2.639 1.449 6.309 11.496 2.639-1.449ZM123.457 130.615l-1.55-2.093-4.378 3.243-6.255-8.446-2.419 1.792 7.804 10.538 6.798-5.034Z"}),l.createElement("g",{stroke:e,strokeLinecap:"round",strokeWidth:"3",clipPath:"url(#a)"},l.createElement("path",{strokeLinejoin:"round",d:"M116 33s-10.438-.872-24.086.872c-13.648 1.743-26.276 6.905-31.54 10.42a32 32 0 1044.384 44.383c3.515-5.264 8.37-17.084 10.232-29.013C116.851 47.732 116 33 116 33z"}),l.createElement("path",{d:"M91.894 60.69l-47.966 47.87"})),l.createElement("defs",null,l.createElement("clipPath",{id:"a"},l.createElement("path",{fill:e,d:"M0 0h96v96H0z",transform:"matrix(-1 0 0 1 128 19)"})))),releasing:l.createElement(l.Fragment,null," ",l.createElement("path",{fill:e,d:t==="en"?"M29.322 123.01l4.28-3.824-1.904 6.484 2.487 2.784 1.51-5.782-.89-1.721.012.014c1.832 2.05 4.146 2.075 5.794.603 1.593-1.423 1.8-3.701-.031-5.751l-3.44-3.851-9.835 8.786 2.017 2.258zm8.997-5.821c.619.693.738 1.607.018 2.251-.748.668-1.643.447-2.262-.246l-1.102-1.233 2.245-2.004 1.1 1.232zm4.94 18.339l1.577-2.069-4.314-3.29 1.69-2.216 3.9 2.974 1.578-2.068-3.901-2.975 1.577-2.069 4.24 3.234 1.578-2.069-6.649-5.07-8 10.491 6.724 5.127zm10.491 5.785l1.193-2.315-4.844-2.496 4.814-9.342-2.676-1.379-6.007 11.657 7.52 3.875zm10.872 3.478l.776-2.483-5.178-1.618.832-2.659 4.68 1.462.776-2.482-4.68-1.463.775-2.482 5.089 1.59.776-2.482-7.98-2.494-3.934 12.589 8.068 2.522zm5.639 1.101l1.067-2.159 4.705.464.643 2.328 3.382.333-3.75-13.547-3.106-.306-6.323 12.554 3.382.333zm4.095-8.783l1.087 4.413-3.014-.297 1.927-4.116zm12.161 9.217c2.64-.264 4.36-1.909 4.117-4.347-.446-4.452-6.101-3.177-6.325-5.412-.073-.739.418-1.236 1.286-1.323l3.683.826-.294-2.937c-1.3-.317-2.4-.506-3.75-.371-2.64.264-4.153 1.926-3.931 4.143.458 4.58 6.041 2.959 6.283 5.378.089.887-.512 1.413-1.564 1.519l-3.996-.963.307 3.066a10.97 10.97 0 004.184.421zm9.595-1.729l.16-2.403 4.526-1.369 1.484 1.905 3.253-.984-8.641-11.086-2.988.903-1.047 14.018 3.253-.984zm.429-9.682l2.69 3.663-2.9.877.21-4.54zm16.954 2.547c2.309-1.283 2.818-3.447 1.778-5.32-.736-1.323-2.033-2.061-3.556-1.912.414-.927.362-1.934-.158-2.87-.942-1.695-2.867-2.231-5.079-1.002l-4.634 2.574 6.37 11.463 5.279-2.933zm-3.179-4.467c.824-.458 1.703-.397 2.169.443.458.823.045 1.602-.778 2.059l-2.115 1.176-1.391-2.503 2.115-1.175zm-3.048-4.117c.726-.404 1.514-.355 1.909.355.403.727.028 1.421-.698 1.825l-1.534.852-1.211-2.18 1.534-.852zm19.103-.946l-1.667-2.005-4.196 3.487-6.726-8.092-2.318 1.926 8.393 10.098 6.514-5.414zm7.393-8.661l-1.991-1.655-3.452 4.153-2.133-1.773 3.121-3.755-1.992-1.654-3.12 3.754-1.991-1.655 3.392-4.081-1.991-1.655-5.319 6.4 10.097 8.392 5.379-6.471z":"m33.929 128.024 3.848-4.214-1.23 6.605 2.742 2.504.91-5.872-1.053-1.613.013.012c2.019 1.844 4.31 1.635 5.792.012 1.433-1.569 1.408-3.842-.61-5.685l-3.793-3.463-8.842 9.684 2.223 2.03Zm8.313-6.666c.682.623.892 1.515.245 2.225-.673.736-1.58.607-2.263-.015l-1.214-1.109 2.018-2.209 1.214 1.108ZM49.006 139.095l1.345-2.197-4.584-2.805 1.44-2.355 4.145 2.536 1.345-2.198-4.145-2.536 1.345-2.198 4.505 2.757 1.345-2.198-7.065-4.322-6.819 11.146 7.143 4.37ZM60.177 143.676l.953-2.424-5.072-1.993 3.844-9.781-2.803-1.101-4.795 12.205 7.873 3.094ZM71.301 146.107l.51-2.535-5.287-1.064.547-2.716 4.78.962.51-2.535-4.78-.962.51-2.535 5.197 1.046.51-2.535-8.148-1.64-2.587 12.856 8.238 1.658ZM77.09 146.554l.838-2.258 4.728-.023.88 2.249 3.397-.016-5.124-13.089-3.122.015-4.996 13.138 3.398-.016Zm3.168-9.159 1.536 4.278-3.03.015 1.494-4.293ZM93.319 145.401c2.588-.528 4.125-2.331 3.637-4.72-.89-4.363-6.361-2.53-6.808-4.72-.148-.724.289-1.265 1.14-1.439l3.73.445-.588-2.878c-1.32-.183-2.429-.258-3.75.011-2.588.529-3.918 2.327-3.475 4.499.916 4.489 6.28 2.32 6.764 4.691.178.869-.363 1.451-1.395 1.661l-4.053-.549.613 3.005c1.179.231 2.683.301 4.185-.006ZM103.406 142.281l-4.33-12.378-2.841.994 4.33 12.379 2.841-.995ZM109.858 139.518l-4.087-7.343 9.057 4.576 2.728-1.518-6.378-11.459-2.582 1.438 4.051 7.278-8.973-4.539-2.776 1.545 6.377 11.459 2.583-1.437ZM126.117 128.454c1.416-1.319 2.215-2.894 2.561-4.199l-4.722-5.07-4.018 3.743 1.758 1.888 1.942-1.809 1.871 2.009a6.643 6.643 0 0 1-1.102 1.304c-1.834 1.708-4.255 1.596-5.9-.17-1.645-1.766-1.586-4.189.248-5.897l3.935-2.129-2.073-2.225c-1.086.483-2.71 1.416-3.869 2.496-2.899 2.701-3.254 6.834-.466 9.827 2.788 2.993 6.937 2.932 9.835.232Z"}),l.createElement("path",{stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M39.917 38.817v23.75m0 0h23.75m-23.75 0l18.367-17.258a35.625 35.625 0 0157.683 10.652m3.11 50.222v-23.75m0 0h-23.75m23.75 0L100.71 99.691A35.623 35.623 0 0143.027 89.04"}))})[m],i=({color:m,appearance:e,locale:t,type:c,size:a=160})=>{const n=e==="outline",r=z.colors.text[n?"dark":"light"],h=n?"transparent":z.colors[m].main;return l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"none",viewBox:"0 0 160 160","aria-labelledby":c},l.createElement("title",{id:c},`${c}-stamp`),l.createElement("path",{fill:h,d:"M80 160c44.183 0 80-35.817 80-80S124.183 0 80 0 0 35.817 0 80s35.817 80 80 80z"}),Z(c,r,t),n&&l.createElement("circle",{stroke:r,strokeWidth:"3",cx:"80",cy:"80",r:"77"}))};export{i as default};
package/esm/components/TextArea/index.js CHANGED
@@ -1,18 +1,18 @@
1
- import t,{useState as x}from"react";import l,{css as d}from"styled-components";import o from"../../theme.js";import{Label as $}from"../FieldLabel.js";import{BodyTextStyle as h}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const b=d`
1
+ import t,{useState as b}from"react";import r,{css as p}from"styled-components";import o from"../../theme.js";import{Label as k}from"../FieldLabel.js";import{BodyTextStyle as E,CaptionStyle as S}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const v=p`
2
2
  border: 1px solid ${o.colors.gray.light1};
3
3
  color: ${o.colors.gray.dark1};
4
4
  fill: ${o.colors.gray.light1};
5
- `,k=d`
5
+ `,F=p`
6
6
  border: 1px solid ${o.colors.error.main};
7
- `,B=d`
7
+ `,T=p`
8
8
  color: ${o.colors.text.dark};
9
9
  border: 1px solid ${o.colors.text.dark};
10
10
  fill: ${o.colors.text.dark};
11
- `,F=l.div`
11
+ `,B=r.div`
12
12
  position: relative;
13
13
  padding: 0;
14
14
  display: inline-block;
15
- `,S=l.div`
15
+ `,j=r.div`
16
16
  display: inline-black;
17
17
 
18
18
  color: ${o.colors.gray.light1};
@@ -20,17 +20,16 @@ import t,{useState as x}from"react";import l,{css as d}from"styled-components";i
20
20
  background-color: ${o.colors.background.light};
21
21
 
22
22
  border: 1px solid ${o.colors.gray.light1};
23
- border-radius: 0.25em;
24
23
  transition: all 150ms;
25
24
 
26
25
  padding: 0.7rem 0.75rem;
27
26
 
28
- ${({hasError:e,isFocused:r})=>!e&&r&&B}
29
- ${({disabled:e})=>e&&b}
30
- ${({hasError:e})=>e&&k}
27
+ ${({hasError:e,isFocused:l})=>!e&&l&&T}
28
+ ${({disabled:e})=>e&&v}
29
+ ${({hasError:e})=>e&&F}
31
30
  ${({centered:e})=>e&&"text-align: center;"}
32
- `,v=l.textarea`
33
- ${h}
31
+ `,A=r.textarea`
32
+ ${E}
34
33
 
35
34
  width: 100%;
36
35
  cursor: text;
@@ -39,17 +38,17 @@ import t,{useState as x}from"react";import l,{css as d}from"styled-components";i
39
38
  background-color: transparent;
40
39
 
41
40
  ${({resize:e})=>!e&&"resize: none;"}
42
- `,T=l.div`
41
+ `,I=r.div`
43
42
  font-family: ${({theme:e})=>e.typography.fontBaseFamily};
44
- `,j=l.span`
45
- display: block;
46
- font-family: ${({theme:e})=>e.typography.fontBaseFamily};
47
- font-size: 0.81rem;
48
-
43
+ `,w=r.div`
44
+ ${S}
49
45
  margin-top: 0.25rem;
50
- margin-left: 0.85rem;
51
46
 
52
- color: ${({hasError:e})=>e?o.colors.error.main:o.colors.text.dark};
53
-
54
- ${({centered:e})=>e&&"width: 100%; text-align: center; display: block;"}
55
- `,p=({placeholder:e="",isDisabled:r=!1,centered:s=!1,hasError:i=!1,className:y,helperText:m,label:n="",resize:u=!0,...a})=>{const[c,f]=x(!1),g=Boolean(a.value);return t.createElement(F,{className:y},t.createElement(S,{isFocused:c,disabled:r,centered:s,hasError:i,hasPlaceholder:!!e},t.createElement(v,{...a,resize:u,onFocus:()=>f(!0),onBlur:()=>f(!1),disabled:r,theme:o,placeholder:n&&!c?"":e}),a.suffix&&t.createElement(T,null,a.suffix)),n&&t.createElement($,{isFocused:c,centered:s,hasError:i,hasValue:g,disabled:r,theme:o},n),m&&t.createElement(j,{centered:s,hasError:i},m))};export{p as TextArea,p as default};
47
+ ${({centered:e})=>e&&"width: 100%; text-align: center;"}
48
+ `,C=r.span`
49
+ display: block;
50
+ color: ${({theme:e})=>e.colors.text.disabled};
51
+ `,H=r.span`
52
+ display: block;
53
+ color: ${({theme:e})=>e.colors.error.dark};
54
+ `,x=({placeholder:e="",isDisabled:l=!1,centered:n=!1,hasError:u=!1,className:g,helperText:i,label:a="",resize:$=!0,name:c,errors:d,...s})=>{const[m,y]=b(!1),h=Boolean(s.value);return t.createElement(B,{className:g},t.createElement(j,{isFocused:m,disabled:l,centered:n,hasError:u,hasPlaceholder:!!e},t.createElement(A,{...s,name:c,"aria-label":a||c,resize:$,onFocus:()=>y(!0),onBlur:()=>y(!1),disabled:l,theme:o,placeholder:a&&!m?"":e}),s.suffix&&t.createElement(I,null,s.suffix)),a&&t.createElement(k,{htmlFor:c,isFocused:m,centered:n,hasError:u,hasValue:h,disabled:l,theme:o},a),(i||d)&&t.createElement(w,{centered:n},i&&t.createElement(C,null,i),d&&d.map(f=>t.createElement(H,{key:f},f))))};export{x as TextArea,x as default};
package/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{default as theme}from"./theme.js";export{mediaQueries,mq,mqSizes}from"./shared/media-queries.js";export{Accordion}from"./components/Accordion/index.js";export{Button}from"./components/Button/index.js";export{default as IconButton}from"./components/IconButton.js";export{TextField}from"./components/Textfield/index.js";export{TextArea}from"./components/TextArea/index.js";export{Tabs}from"./components/Tabs/Tabs.js";export{default as Tab}from"./components/Tabs/Tab.js";export{ErrorMessage}from"./components/ErrorMessage/index.js";export{default as Spinner}from"./components/Spinner/index.js";export{Modal}from"./components/Modal/index.js";export{Dialog}from"./components/Dialog/index.js";export{OffCanvas}from"./components/OffCanvas/index.js";export{CheckBox}from"./components/CheckBox/index.js";export{Snackbar}from"./components/Snackbar/index.js";export{Select}from"./components/Select/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{TimePicker}from"./components/TimePicker/index.js";export{Hero}from"./components/Hero/index.js";export{DayPicker}from"./components/DayPicker/index.js";export{Logo}from"./components/Logo/index.js";export{Badge}from"./components/Badge/index.js";export{Toggle}from"./components/Toggle/index.js";export{Stepper}from"./components/Stepper/index.js";export{StepperAccordion}from"./components/StepperAccordion/index.js";export{Card}from"./components/Card/index.js";export{NotificationButton}from"./components/NotificationButton/index.js";export{Range}from"./components/Range/index.js";export{Chip}from"./components/Chip/index.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/index.js";export{default as Message}from"./components/Message/index.js";export{Header}from"./components/Header/index.js";export{MenuItem}from"./components/MenuItem/index.js";export{default as AddIcon}from"./icons/components/AddIcon.js";export{default as AlertIcon}from"./icons/components/AlertIcon.js";export{default as ArrowDownIcon}from"./icons/components/ArrowDownIcon.js";export{default as ArrowLeftIcon}from"./icons/components/ArrowLeftIcon.js";export{default as ArrowRightIcon}from"./icons/components/ArrowRightIcon.js";export{default as ArrowUpIcon}from"./icons/components/ArrowUpIcon.js";export{default as AtvIcon}from"./icons/components/AtvIcon.js";export{default as AuctionIcon}from"./icons/components/AuctionIcon.js";export{default as BackIcon}from"./icons/components/BackIcon.js";export{default as BankidIcon}from"./icons/components/BankidIcon.js";export{default as BidIcon}from"./icons/components/BidIcon.js";export{default as BodyIcon}from"./icons/components/BodyIcon.js";export{default as BreaksIcon}from"./icons/components/BreaksIcon.js";export{default as CabIcon}from"./icons/components/CabIcon.js";export{default as CalendarIcon}from"./icons/components/CalendarIcon.js";export{default as CameraIcon}from"./icons/components/CameraIcon.js";export{default as CancelIcon}from"./icons/components/CancelIcon.js";export{default as CarIcon}from"./icons/components/CarIcon.js";export{default as CarServiceIcon}from"./icons/components/CarServiceIcon.js";export{default as CaravanIcon}from"./icons/components/CaravanIcon.js";export{default as CertifiedIcon}from"./icons/components/CertifiedIcon.js";export{default as ChatIcon}from"./icons/components/ChatIcon.js";export{default as CheckCircleIcon}from"./icons/components/CheckCircleIcon.js";export{default as CheckFilledIcon}from"./icons/components/CheckFilledIcon.js";export{default as CheckIcon}from"./icons/components/CheckIcon.js";export{default as CheckmarkIcon}from"./icons/components/CheckmarkIcon.js";export{default as ClockIcon}from"./icons/components/ClockIcon.js";export{default as CloseIcon}from"./icons/components/CloseIcon.js";export{default as CommentFilledIcon}from"./icons/components/CommentFilledIcon.js";export{default as CommentIcon}from"./icons/components/CommentIcon.js";export{default as ConditioningIcon}from"./icons/components/ConditioningIcon.js";export{default as ContactIcon}from"./icons/components/ContactIcon.js";export{default as ControlNumberIcon}from"./icons/components/ControlNumberIcon.js";export{default as CopyIcon}from"./icons/components/CopyIcon.js";export{default as CountdownIcon}from"./icons/components/CountdownIcon.js";export{default as CoupeIcon}from"./icons/components/CoupeIcon.js";export{default as CraneIcon}from"./icons/components/CraneIcon.js";export{default as CupIcon}from"./icons/components/CupIcon.js";export{default as DeleteIcon}from"./icons/components/DeleteIcon.js";export{default as DisplayIcon}from"./icons/components/DisplayIcon.js";export{default as DocumentIcon}from"./icons/components/DocumentIcon.js";export{default as EcoIcon}from"./icons/components/EcoIcon.js";export{default as EditIcon}from"./icons/components/EditIcon.js";export{default as EngineIcon}from"./icons/components/EngineIcon.js";export{default as ErrorFilledIcon}from"./icons/components/ErrorFilledIcon.js";export{default as ErrorIcon}from"./icons/components/ErrorIcon.js";export{default as ExportIcon}from"./icons/components/ExportIcon.js";export{default as FacebookIcon}from"./icons/components/FacebookIcon.js";export{default as FacilityIcon}from"./icons/components/FacilityIcon.js";export{default as FavouriteFilledIcon}from"./icons/components/FavouriteFilledIcon.js";export{default as FavouriteIcon}from"./icons/components/FavouriteIcon.js";export{default as FigmaIcon}from"./icons/components/FigmaIcon.js";export{default as FilterIcon}from"./icons/components/FilterIcon.js";export{default as FinanceIcon}from"./icons/components/FinanceIcon.js";export{default as FirstIcon}from"./icons/components/FirstIcon.js";export{default as FixedPriceIcon}from"./icons/components/FixedPriceIcon.js";export{default as FuelIcon}from"./icons/components/FuelIcon.js";export{default as GearboxIcon}from"./icons/components/GearboxIcon.js";export{default as GetPaidIcon}from"./icons/components/GetPaidIcon.js";export{default as GridViewIcon}from"./icons/components/GridViewIcon.js";export{default as HatchbackIcon}from"./icons/components/HatchbackIcon.js";export{default as HistoryIcon}from"./icons/components/HistoryIcon.js";export{default as HomeDeliveryIcon}from"./icons/components/HomeDeliveryIcon.js";export{default as IdIcon}from"./icons/components/IdIcon.js";export{default as InfoIcon}from"./icons/components/InfoIcon.js";export{default as InstagramIcon}from"./icons/components/InstagramIcon.js";export{default as InsuranceIcon}from"./icons/components/InsuranceIcon.js";export{default as InteriorIcon}from"./icons/components/InteriorIcon.js";export{default as KvdTestIcon}from"./icons/components/KvdTestIcon.js";export{default as KvdproIcon}from"./icons/components/KvdproIcon.js";export{default as LastIcon}from"./icons/components/LastIcon.js";export{default as LeaderIcon}from"./icons/components/LeaderIcon.js";export{default as LinkedinIcon}from"./icons/components/LinkedinIcon.js";export{default as ListViewIcon}from"./icons/components/ListViewIcon.js";export{default as LocationIcon}from"./icons/components/LocationIcon.js";export{default as MailIcon}from"./icons/components/MailIcon.js";export{default as MenuIcon}from"./icons/components/MenuIcon.js";export{default as MileageIcon}from"./icons/components/MileageIcon.js";export{default as MinivanIcon}from"./icons/components/MinivanIcon.js";export{default as ModelYearIcon}from"./icons/components/ModelYearIcon.js";export{default as MoreIcon}from"./icons/components/MoreIcon.js";export{default as MotorbikeIcon}from"./icons/components/MotorbikeIcon.js";export{default as NavigationIcon}from"./icons/components/NavigationIcon.js";export{default as NewIcon}from"./icons/components/NewIcon.js";export{default as NextFilledIcon}from"./icons/components/NextFilledIcon.js";export{default as NextIcon}from"./icons/components/NextIcon.js";export{default as NotificationIcon}from"./icons/components/NotificationIcon.js";export{default as OpenInNewIcon}from"./icons/components/OpenInNewIcon.js";export{default as PayementIcon}from"./icons/components/PayementIcon.js";export{default as PhoneIcon}from"./icons/components/PhoneIcon.js";export{default as PickUpIcon}from"./icons/components/PickUpIcon.js";export{default as Pickup}from"./icons/components/Pickup.js";export{default as PlayIcon}from"./icons/components/PlayIcon.js";export{default as PreviousFilledIcon}from"./icons/components/PreviousFilledIcon.js";export{default as PreviousIcon}from"./icons/components/PreviousIcon.js";export{default as PrintIcon}from"./icons/components/PrintIcon.js";export{default as RatingIcon}from"./icons/components/RatingIcon.js";export{default as ReleasingIcon}from"./icons/components/ReleasingIcon.js";export{default as ReorderIcon}from"./icons/components/ReorderIcon.js";export{default as RestartIcon}from"./icons/components/RestartIcon.js";export{default as SalesOfferIcon}from"./icons/components/SalesOfferIcon.js";export{default as SavedSearchIcon}from"./icons/components/SavedSearchIcon.js";export{default as ScheduleIcon}from"./icons/components/ScheduleIcon.js";export{default as SearchIcon}from"./icons/components/SearchIcon.js";export{default as SedanIcon}from"./icons/components/SedanIcon.js";export{default as SellIcon}from"./icons/components/SellIcon.js";export{default as SettingsIcon}from"./icons/components/SettingsIcon.js";export{default as ShareIcon}from"./icons/components/ShareIcon.js";export{default as ShowLessIcon}from"./icons/components/ShowLessIcon.js";export{default as ShowMoreIcon}from"./icons/components/ShowMoreIcon.js";export{default as SignInIcon}from"./icons/components/SignInIcon.js";export{default as SignOutIcon}from"./icons/components/SignOutIcon.js";export{default as SlackIcon}from"./icons/components/SlackIcon.js";export{default as SmartphoneIcon}from"./icons/components/SmartphoneIcon.js";export{default as SmileIcon}from"./icons/components/SmileIcon.js";export{default as SnowmobileIcon}from"./icons/components/SnowmobileIcon.js";export{default as SortColumnIcon}from"./icons/components/SortColumnIcon.js";export{default as SortIcon}from"./icons/components/SortIcon.js";export{default as StoreIcon}from"./icons/components/StoreIcon.js";export{default as SuvIcon}from"./icons/components/SuvIcon.js";export{default as ThreeSixtyIcon}from"./icons/components/ThreeSixtyIcon.js";export{default as TrailerIcon}from"./icons/components/TrailerIcon.js";export{default as TransportIcon}from"./icons/components/TransportIcon.js";export{default as TruckIcon}from"./icons/components/TruckIcon.js";export{default as TwitterIcon}from"./icons/components/TwitterIcon.js";export{default as TyresIcon}from"./icons/components/TyresIcon.js";export{default as UserIcon}from"./icons/components/UserIcon.js";export{default as ValuationIcon}from"./icons/components/ValuationIcon.js";export{default as VanIcon}from"./icons/components/VanIcon.js";export{default as ViewsIcon}from"./icons/components/ViewsIcon.js";export{default as WagonIcon}from"./icons/components/WagonIcon.js";export{default as WarningIcon}from"./icons/components/WarningIcon.js";export{default as WarrantyIcon}from"./icons/components/WarrantyIcon.js";export{default as YoutubeIcon}from"./icons/components/YoutubeIcon.js";export{useDynamicScript}from"./hooks/useDynamicScript.js";export{Display1,Display2,Display3,Headline,Subtitle,TinyTitleBold,TinyTitleRegular,Title}from"./typography/Heading/index.js";export{BodyLink,BodyText,Caption,CaptionLink,Quote,Status}from"./typography/BodyText/index.js";export{ButtonLarge as ButtonLargeText,Button as ButtonRegularText,ButtonSmall as ButtonSmallText}from"./typography/ButtonText/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{resetButtonStyle}from"./utils/utils.js";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/Header/Hamburger.js";import"./components/Header/Link.js";
1
+ export{default as theme}from"./theme.js";export{mediaQueries,mq,mqSizes}from"./shared/media-queries.js";export{Accordion}from"./components/Accordion/index.js";export{Button}from"./components/Button/index.js";export{default as IconButton}from"./components/IconButton.js";export{TextField}from"./components/Textfield/index.js";export{TextArea}from"./components/TextArea/index.js";export{Tabs}from"./components/Tabs/Tabs.js";export{default as Tab}from"./components/Tabs/Tab.js";export{ErrorMessage}from"./components/ErrorMessage/index.js";export{default as Spinner}from"./components/Spinner/index.js";export{Modal}from"./components/Modal/index.js";export{Dialog}from"./components/Dialog/index.js";export{OffCanvas}from"./components/OffCanvas/index.js";export{CheckBox}from"./components/CheckBox/index.js";export{Snackbar}from"./components/Snackbar/index.js";export{Select}from"./components/Select/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{TimePicker}from"./components/TimePicker/index.js";export{Hero}from"./components/Hero/index.js";export{DayPicker}from"./components/DayPicker/index.js";export{Logo}from"./components/Logo/index.js";export{Badge}from"./components/Badge/index.js";export{Toggle}from"./components/Toggle/index.js";export{Stepper}from"./components/Stepper/index.js";export{StepperAccordion}from"./components/StepperAccordion/index.js";export{Card}from"./components/Card/index.js";export{NotificationButton}from"./components/NotificationButton/index.js";export{Range}from"./components/Range/index.js";export{Chip}from"./components/Chip/index.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/index.js";export{default as Message}from"./components/Message/index.js";export{Header}from"./components/Header/index.js";export{MenuItem}from"./components/MenuItem/index.js";export{default as AddIcon}from"./icons/components/AddIcon.js";export{default as AlertIcon}from"./icons/components/AlertIcon.js";export{default as ArrowDownIcon}from"./icons/components/ArrowDownIcon.js";export{default as ArrowLeftIcon}from"./icons/components/ArrowLeftIcon.js";export{default as ArrowRightIcon}from"./icons/components/ArrowRightIcon.js";export{default as ArrowUpIcon}from"./icons/components/ArrowUpIcon.js";export{default as AtvIcon}from"./icons/components/AtvIcon.js";export{default as AuctionIcon}from"./icons/components/AuctionIcon.js";export{default as BackIcon}from"./icons/components/BackIcon.js";export{default as BankidIcon}from"./icons/components/BankidIcon.js";export{default as BidIcon}from"./icons/components/BidIcon.js";export{default as BodyIcon}from"./icons/components/BodyIcon.js";export{default as BreaksIcon}from"./icons/components/BreaksIcon.js";export{default as CabIcon}from"./icons/components/CabIcon.js";export{default as CalendarIcon}from"./icons/components/CalendarIcon.js";export{default as CameraIcon}from"./icons/components/CameraIcon.js";export{default as CancelIcon}from"./icons/components/CancelIcon.js";export{default as CarIcon}from"./icons/components/CarIcon.js";export{default as CarServiceIcon}from"./icons/components/CarServiceIcon.js";export{default as CaravanIcon}from"./icons/components/CaravanIcon.js";export{default as CertifiedIcon}from"./icons/components/CertifiedIcon.js";export{default as ChatIcon}from"./icons/components/ChatIcon.js";export{default as CheckCircleIcon}from"./icons/components/CheckCircleIcon.js";export{default as CheckFilledIcon}from"./icons/components/CheckFilledIcon.js";export{default as CheckIcon}from"./icons/components/CheckIcon.js";export{default as CheckmarkIcon}from"./icons/components/CheckmarkIcon.js";export{default as ClockIcon}from"./icons/components/ClockIcon.js";export{default as CloseIcon}from"./icons/components/CloseIcon.js";export{default as CommentFilledIcon}from"./icons/components/CommentFilledIcon.js";export{default as CommentIcon}from"./icons/components/CommentIcon.js";export{default as ConditioningIcon}from"./icons/components/ConditioningIcon.js";export{default as ContactIcon}from"./icons/components/ContactIcon.js";export{default as ControlNumberIcon}from"./icons/components/ControlNumberIcon.js";export{default as CopyIcon}from"./icons/components/CopyIcon.js";export{default as CountdownIcon}from"./icons/components/CountdownIcon.js";export{default as CoupeIcon}from"./icons/components/CoupeIcon.js";export{default as CraneIcon}from"./icons/components/CraneIcon.js";export{default as CupIcon}from"./icons/components/CupIcon.js";export{default as DeleteIcon}from"./icons/components/DeleteIcon.js";export{default as DisplayIcon}from"./icons/components/DisplayIcon.js";export{default as DocumentIcon}from"./icons/components/DocumentIcon.js";export{default as EcoIcon}from"./icons/components/EcoIcon.js";export{default as EditIcon}from"./icons/components/EditIcon.js";export{default as EngineIcon}from"./icons/components/EngineIcon.js";export{default as ErrorFilledIcon}from"./icons/components/ErrorFilledIcon.js";export{default as ErrorIcon}from"./icons/components/ErrorIcon.js";export{default as ExportIcon}from"./icons/components/ExportIcon.js";export{default as FacebookIcon}from"./icons/components/FacebookIcon.js";export{default as FacilityIcon}from"./icons/components/FacilityIcon.js";export{default as FavouriteFilledIcon}from"./icons/components/FavouriteFilledIcon.js";export{default as FavouriteIcon}from"./icons/components/FavouriteIcon.js";export{default as FigmaIcon}from"./icons/components/FigmaIcon.js";export{default as FilterIcon}from"./icons/components/FilterIcon.js";export{default as FinanceIcon}from"./icons/components/FinanceIcon.js";export{default as FirstIcon}from"./icons/components/FirstIcon.js";export{default as FixedPriceIcon}from"./icons/components/FixedPriceIcon.js";export{default as FuelIcon}from"./icons/components/FuelIcon.js";export{default as GearboxIcon}from"./icons/components/GearboxIcon.js";export{default as GetPaidIcon}from"./icons/components/GetPaidIcon.js";export{default as GridViewIcon}from"./icons/components/GridViewIcon.js";export{default as HatchbackIcon}from"./icons/components/HatchbackIcon.js";export{default as HistoryIcon}from"./icons/components/HistoryIcon.js";export{default as HomeDeliveryIcon}from"./icons/components/HomeDeliveryIcon.js";export{default as IdIcon}from"./icons/components/IdIcon.js";export{default as InfoIcon}from"./icons/components/InfoIcon.js";export{default as InstagramIcon}from"./icons/components/InstagramIcon.js";export{default as InsuranceIcon}from"./icons/components/InsuranceIcon.js";export{default as InteriorIcon}from"./icons/components/InteriorIcon.js";export{default as KvdTestIcon}from"./icons/components/KvdTestIcon.js";export{default as KvdproIcon}from"./icons/components/KvdproIcon.js";export{default as LastIcon}from"./icons/components/LastIcon.js";export{default as LeaderIcon}from"./icons/components/LeaderIcon.js";export{default as LinkedinIcon}from"./icons/components/LinkedinIcon.js";export{default as ListViewIcon}from"./icons/components/ListViewIcon.js";export{default as LocationIcon}from"./icons/components/LocationIcon.js";export{default as MailIcon}from"./icons/components/MailIcon.js";export{default as MenuIcon}from"./icons/components/MenuIcon.js";export{default as MileageIcon}from"./icons/components/MileageIcon.js";export{default as MinivanIcon}from"./icons/components/MinivanIcon.js";export{default as ModelYearIcon}from"./icons/components/ModelYearIcon.js";export{default as MoreIcon}from"./icons/components/MoreIcon.js";export{default as MotorbikeIcon}from"./icons/components/MotorbikeIcon.js";export{default as NavigationIcon}from"./icons/components/NavigationIcon.js";export{default as NewIcon}from"./icons/components/NewIcon.js";export{default as NextFilledIcon}from"./icons/components/NextFilledIcon.js";export{default as NextIcon}from"./icons/components/NextIcon.js";export{default as NotificationIcon}from"./icons/components/NotificationIcon.js";export{default as OpenInNewIcon}from"./icons/components/OpenInNewIcon.js";export{default as PayementIcon}from"./icons/components/PayementIcon.js";export{default as PhoneIcon}from"./icons/components/PhoneIcon.js";export{default as PickUpIcon}from"./icons/components/PickUpIcon.js";export{default as Pickup}from"./icons/components/Pickup.js";export{default as PlayIcon}from"./icons/components/PlayIcon.js";export{default as PreviousFilledIcon}from"./icons/components/PreviousFilledIcon.js";export{default as PreviousIcon}from"./icons/components/PreviousIcon.js";export{default as PrintIcon}from"./icons/components/PrintIcon.js";export{default as RatingIcon}from"./icons/components/RatingIcon.js";export{default as ReleasingIcon}from"./icons/components/ReleasingIcon.js";export{default as ReorderIcon}from"./icons/components/ReorderIcon.js";export{default as RestartIcon}from"./icons/components/RestartIcon.js";export{default as SalesOfferIcon}from"./icons/components/SalesOfferIcon.js";export{default as SavedSearchIcon}from"./icons/components/SavedSearchIcon.js";export{default as ScheduleIcon}from"./icons/components/ScheduleIcon.js";export{default as SearchIcon}from"./icons/components/SearchIcon.js";export{default as SedanIcon}from"./icons/components/SedanIcon.js";export{default as SellIcon}from"./icons/components/SellIcon.js";export{default as SettingsIcon}from"./icons/components/SettingsIcon.js";export{default as ShareIcon}from"./icons/components/ShareIcon.js";export{default as ShowLessIcon}from"./icons/components/ShowLessIcon.js";export{default as ShowMoreIcon}from"./icons/components/ShowMoreIcon.js";export{default as SignInIcon}from"./icons/components/SignInIcon.js";export{default as SignOutIcon}from"./icons/components/SignOutIcon.js";export{default as SlackIcon}from"./icons/components/SlackIcon.js";export{default as SmartphoneIcon}from"./icons/components/SmartphoneIcon.js";export{default as SmileIcon}from"./icons/components/SmileIcon.js";export{default as SnowmobileIcon}from"./icons/components/SnowmobileIcon.js";export{default as SortColumnIcon}from"./icons/components/SortColumnIcon.js";export{default as SortIcon}from"./icons/components/SortIcon.js";export{default as StoreIcon}from"./icons/components/StoreIcon.js";export{default as SuvIcon}from"./icons/components/SuvIcon.js";export{default as ThreeSixtyIcon}from"./icons/components/ThreeSixtyIcon.js";export{default as TrailerIcon}from"./icons/components/TrailerIcon.js";export{default as TransportIcon}from"./icons/components/TransportIcon.js";export{default as TruckIcon}from"./icons/components/TruckIcon.js";export{default as TwitterIcon}from"./icons/components/TwitterIcon.js";export{default as TyresIcon}from"./icons/components/TyresIcon.js";export{default as UserIcon}from"./icons/components/UserIcon.js";export{default as ValuationIcon}from"./icons/components/ValuationIcon.js";export{default as VanIcon}from"./icons/components/VanIcon.js";export{default as ViewsIcon}from"./icons/components/ViewsIcon.js";export{default as WagonIcon}from"./icons/components/WagonIcon.js";export{default as WarningIcon}from"./icons/components/WarningIcon.js";export{default as WarrantyIcon}from"./icons/components/WarrantyIcon.js";export{default as YoutubeIcon}from"./icons/components/YoutubeIcon.js";export{useDynamicScript}from"./hooks/useDynamicScript.js";export{Display1,Display2,Display3,Headline,Subtitle,TinyTitleBold,TinyTitleRegular,Title}from"./typography/Heading/index.js";export{BodyLink,BodyText,Caption,CaptionLink,Quote,Status}from"./typography/BodyText/index.js";export{ButtonLarge as ButtonLargeText,Button as ButtonRegularText,ButtonSmall as ButtonSmallText}from"./typography/ButtonText/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{default as Stamp}from"./components/Stamp/index.js";export{resetButtonStyle}from"./utils/utils.js";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/Header/Hamburger.js";import"./components/Header/Link.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kvdbil/components",
3
- "version": "8.4.1",
3
+ "version": "8.4.5",
4
4
  "sideEffects": false,
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",
package/types/Types.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare type Locale = 'en' | 'sv';
9
9
  export declare type Notification = 'info' | 'error' | 'success' | 'text';
10
10
  export declare type VerticalPosition = 'top' | 'bottom';
11
11
  export declare type HorizontalPosition = 'left' | 'right' | 'center';
12
+ export declare type StampType = 'ecofriendly' | 'releasing' | 'carguide' | 'certified';
12
13
  export declare type Origin = {
13
14
  vertical: VerticalPosition;
14
15
  horizontal: HorizontalPosition;
package/types/components/Hero/index.d.ts CHANGED
@@ -1,17 +1,37 @@
1
1
  import { ReactNode } from 'react';
2
+ import { CSSProperties } from 'styled-components';
3
+ declare type Justify = Exclude<CSSProperties['justifyContent'], number>;
4
+ declare type Align = Exclude<CSSProperties['alignItems'], number>;
5
+ declare type Direction = CSSProperties['flexDirection'];
6
+ declare type ObjectPositionX = number | 'center' | 'left' | 'right';
7
+ declare type ObjectPositionY = number | 'center' | 'top' | 'bottom';
2
8
  export interface HeroBaseProps {
3
9
  children?: ReactNode;
4
10
  containerStyle?: Record<string, string>;
5
11
  videoProps?: VideoProps;
6
12
  imageProps?: ImageProps;
13
+ justify?: Justify;
14
+ align?: Align;
15
+ direction?: Direction;
7
16
  }
17
+ declare type YouTubeVideoProps = {
18
+ autoplay: 0 | 1;
19
+ controls: 0 | 1;
20
+ disablekb: 0 | 1;
21
+ end: number;
22
+ loop: 0 | 1;
23
+ modestbranding: 0 | 1;
24
+ start: number;
25
+ showInfo: 0 | 1;
26
+ };
8
27
  declare type ImageProps = {
9
28
  src: string;
10
- x?: string | number;
11
- y?: string | number;
29
+ x?: ObjectPositionX;
30
+ y?: ObjectPositionY;
12
31
  };
13
32
  declare type VideoProps = {
14
33
  src: string;
34
+ ytConfig?: Partial<YouTubeVideoProps>;
15
35
  };
16
36
  export interface ImageBannerProps extends HeroBaseProps {
17
37
  imageProps: ImageProps;
package/types/components/Stamp/index.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Color, Locale, StampType, Variant } from '../../Types';
2
+ export interface Props {
3
+ color: Color;
4
+ appearance: Exclude<Variant, 'flat'>;
5
+ locale: Locale;
6
+ type: StampType;
7
+ size?: number;
8
+ }
9
+ declare const Stamp: ({ color, appearance, locale, type, size }: Props) => JSX.Element;
10
+ export default Stamp;
package/types/components/TextArea/index.d.ts CHANGED
@@ -1,14 +1,18 @@
1
- import { ComponentProps, ReactNode, RefObject } from 'react';
2
- export interface TextAreaProps extends ComponentProps<'textarea'> {
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ import { ReactNode, RefObject } from 'react';
3
+ export interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
4
+ name?: string;
3
5
  label?: string;
4
6
  resize?: boolean;
5
7
  centered?: boolean;
6
8
  hasError?: boolean;
7
9
  helperText?: string;
8
10
  isDisabled?: boolean;
11
+ errors?: string[];
9
12
  suffix?: ReactNode;
10
13
  ref?: RefObject<HTMLTextAreaElement>;
14
+ forwardRef?: RefObject<HTMLInputElement>;
11
15
  }
12
16
  /** The main text field used */
13
- export declare const TextArea: ({ placeholder, isDisabled, centered, hasError, className, helperText, label, resize, ...props }: TextAreaProps) => JSX.Element;
17
+ export declare const TextArea: ({ placeholder, isDisabled, centered, hasError, className, helperText, label, resize, name, errors, ...props }: TextAreaProps) => JSX.Element;
14
18
  export default TextArea;
package/types/index.d.ts CHANGED
@@ -37,4 +37,5 @@ export { Title, Subtitle, Headline, Display1, Display2, Display3, TinyTitleRegul
37
37
  export { Quote, Status, BodyLink, BodyText, Caption, CaptionLink, } from './typography/BodyText';
38
38
  export { Button as ButtonRegularText, ButtonLarge as ButtonLargeText, ButtonSmall as ButtonSmallText, } from './typography/ButtonText';
39
39
  export { default as RadioButton } from './components/RadioButton';
40
+ export { default as Stamp } from './components/Stamp';
40
41
  export { resetButtonStyle } from './utils/utils';