@kvdbil/components 8.4.0 → 8.4.4

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 (19) hide show
  1. package/cjs/components/CheckBox/index.js +12 -11
  2. package/cjs/components/FieldLabel.js +27 -22
  3. package/cjs/components/Hero/index.js +15 -9
  4. package/cjs/components/Select/index.js +1 -1
  5. package/cjs/components/Stamp/index.js +1 -0
  6. package/cjs/components/TextArea/index.js +21 -22
  7. package/cjs/components/Textfield/index.js +26 -24
  8. package/esm/components/CheckBox/index.js +5 -4
  9. package/esm/components/FieldLabel.js +21 -16
  10. package/esm/components/Hero/index.js +15 -9
  11. package/esm/components/Select/index.js +2 -2
  12. package/esm/components/Stamp/index.js +1 -0
  13. package/esm/components/TextArea/index.js +21 -22
  14. package/esm/components/Textfield/index.js +19 -17
  15. package/package.json +1 -1
  16. package/types/Types.d.ts +1 -0
  17. package/types/components/Hero/index.d.ts +22 -2
  18. package/types/components/Stamp/index.d.ts +10 -0
  19. package/types/components/TextArea/index.d.ts +7 -3
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/FieldLabel.js CHANGED
@@ -1,34 +1,39 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../typography/BodyText/index.js");function o(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}require("react"),require("../shared/media-queries.js");var t=o(e);const s=e.css`
2
- color: ${({theme:i,hasError:d})=>d?i.colors.error.dark:i.colors.text.dark};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../typography/BodyText/index.js");function o(c){return c&&typeof c=="object"&&"default"in c?c:{default:c}}require("react"),require("../shared/media-queries.js");var t=o(e);const s=e.css`
2
+ color: ${({theme:c,hasError:n})=>n?c.colors.error.dark:c.colors.text.dark};
3
3
  `,a=e.css`
4
- color: ${({theme:i})=>i.colors.gray.light1};
5
- background-color: ${({theme:i})=>i.colors.background.light};
4
+ color: ${({theme:c})=>c.colors.gray.light1};
5
+ background-color: ${({theme:c})=>c.colors.background.light};
6
6
  `,l=e.css`
7
- text-align: center;
8
- width: 100%;
7
+ width: max-content;
9
8
  left: 0;
10
- `,c=t.default.label`
11
- ${r.CaptionStyle}
9
+ right: 0;
10
+ margin-right: auto;
11
+ margin-left: auto;
12
+ `,i=t.default.label`
13
+ ${r.BodyTextStyle}
12
14
  pointer-events: none;
13
15
  position: absolute;
16
+ max-width: calc(100% - 2rem);
14
17
  z-index: 1;
15
- top: ${({height:i})=>i?`${i}rem`:"1rem"};
18
+ top: ${({height:c})=>c?`${c}rem`:"0.75rem"};
16
19
  left: calc(0.75rem + 2px);
17
20
  transition: 150ms;
18
- height: 16px;
19
- line-height: 16px;
20
- font-size: 16px;
21
- color: ${({theme:i})=>i.colors.gray.dark5};
21
+ color: ${({theme:c})=>c.colors.gray.dark5};
22
+ overflow: hidden;
23
+ white-space: nowrap;
24
+ text-overflow: ellipsis;
22
25
 
23
- ${({centered:i})=>i&&l}
24
- ${({hasValue:i,isFocused:d,height:h,hasError:u})=>(i||d)&&((m,g)=>e.css`
25
- background-color: ${({theme:n})=>n.colors.background.light};
26
- transform: scale(0.75) translateY(${m});
26
+ ${({hasValue:c,isFocused:n,height:h=.7,hasError:u})=>(c||n)&&((m,g)=>e.css`
27
+ background-color: ${({theme:d})=>d.colors.background.light};
28
+ transform: translateY(${m});
29
+ line-height: 0.875rem;
30
+ font-size: 0.75rem;
27
31
  transform-origin: 0 0;
28
32
  padding: 0 ${"0.5rem"};
29
33
  left: ${"0.5rem"};
30
- color: ${({theme:n})=>g?n.colors.error.dark:n.colors.text.dark};
31
- `)(h?`-${1.35*(h+.25)}rem`:"-1.8rem",u)}
32
- ${({isFocused:i})=>i&&s}
33
- ${({disabled:i})=>i&&a}
34
- `;exports.Label=c;
34
+ color: ${({theme:d})=>g?d.colors.error.dark:d.colors.text.dark};
35
+ `)(`-${h+.4}rem`,u)}
36
+ ${({centered:c,hasValue:n,isFocused:h})=>(n||h)&&c&&l}
37
+ ${({isFocused:c})=>c&&s}
38
+ ${({disabled:c})=>c&&a}
39
+ `;exports.Label=i;
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/Select/index.js CHANGED
@@ -41,4 +41,4 @@
41
41
 
42
42
  transform: ${y=>y.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
43
43
  transform-origin: 50% 60%;
44
- `,g=({selectProps:{menuIsOpen:y=!1},isFocused:D=!1,isDisabled:I})=>d.default.createElement(h,{$isDisabled:I,$isFocused:D,$isMenuOpen:y,$theme:a.default}),b=({className:y,color:D="primary",forwardRef:I,hasError:L=!1,height:v,helperText:C,isDisabled:S=!1,onBlur:M=()=>null,onFocus:N=()=>null,onInputChange:O=()=>null,placeholder:_="",name:B,...$})=>{var q;const[k,T]=e.useState(!1),[R,z]=e.useState(""),E=({isSelected:x,isFocused:F,isDisabled:w})=>x?a.default.colors[D].main:w?a.default.colors.background.light:F?a.default.colors.background.gray:a.default.colors.background.light,A=((x,F)=>F?a.default.colors.error.main:x?a.default.colors.text.dark:a.default.colors.gray.light1)(k,L);return d.default.createElement(u,{className:y},$.label&&d.default.createElement(l.Label,{htmlFor:B,height:v,isFocused:k,hasValue:Boolean($.value||R),disabled:S,theme:a.default,hasError:L},$.label),$.prefix&&d.default.createElement(m,{isDisabled:S,isFocused:k},$.prefix),d.default.createElement(s.default,{...$,inputId:B,name:B,ref:I,isDisabled:S,onInputChange:(x,F)=>{O(x,F),z(x)},placeholder:_,onFocus:x=>{T(!0),N(x)},onBlur:x=>{T(!1),M(x)},styles:{control:x=>({...x,borderRadius:0,color:a.default.colors.text.dark,fontFamily:a.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:a.default.colors.background.light,borderColor:A,boxShadow:"none","&:hover":{borderColor:"none"},...f(S),...c(Boolean($.prefix))}),placeholder:x=>({...x,display:k?"static":"none"}),singleValue:x=>({...x,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:x=>({...x,padding:"8px 0"}),menu:x=>({...x,borderRadius:0,boxShadow:a.default.elevations.elevation2,zIndex:2,padding:"0"}),option:(x,{isSelected:F,isFocused:w,isDisabled:j})=>({...x,padding:"1rem",cursor:j?"not-allowed":"pointer","&:hover":{background:E({isSelected:F,isFocused:!0,isDisabled:j})},background:E({isSelected:F,isFocused:w}),...c(Boolean($.prefix))}),valueContainer:x=>({...x,position:"static",padding:v?v-1+"rem 0 ":0,height:v?"auto":"21px"}),clearIndicator:x=>({...x,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:g,...(q=$.components)!=null?q:{}}}),C&&d.default.createElement(p,{hasError:L},C))};exports.Select=b,exports.default=b;
44
+ `,g=({selectProps:{menuIsOpen:y=!1},isFocused:D=!1,isDisabled:I})=>d.default.createElement(h,{$isDisabled:I,$isFocused:D,$isMenuOpen:y,$theme:a.default}),b=({className:y,color:D="primary",forwardRef:I,hasError:L=!1,height:v,helperText:C,isDisabled:S=!1,onBlur:M=()=>null,onFocus:N=()=>null,onInputChange:O=()=>null,placeholder:_="",name:B,...$})=>{var q;const[k,T]=e.useState(!1),[R,z]=e.useState(""),E=({isSelected:x,isFocused:F,isDisabled:w})=>x?a.default.colors[D].main:w?a.default.colors.background.light:F?a.default.colors.background.gray:a.default.colors.background.light,A=((x,F)=>F?a.default.colors.error.main:x?a.default.colors.text.dark:a.default.colors.gray.light1)(k,L);return d.default.createElement(u,{className:y},$.label&&d.default.createElement(l.Label,{htmlFor:B,height:v,isFocused:k,hasValue:Boolean($.value||R),disabled:S,theme:a.default,hasError:L},$.label),$.prefix&&d.default.createElement(m,{isDisabled:S,isFocused:k},$.prefix),d.default.createElement(s.default,{...$,inputId:B,name:B,ref:I,isDisabled:S,onInputChange:(x,F)=>{O(x,F),z(x)},placeholder:_,onFocus:x=>{T(!0),N(x)},onBlur:x=>{T(!1),M(x)},styles:{control:x=>({...x,borderRadius:0,color:a.default.colors.text.dark,fontFamily:a.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:a.default.colors.background.light,borderColor:A,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...f(S),...c(Boolean($.prefix))}),placeholder:x=>({...x,display:k?"static":"none"}),singleValue:x=>({...x,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:x=>({...x,padding:"8px 0"}),menu:x=>({...x,borderRadius:0,boxShadow:a.default.elevations.elevation2,zIndex:2,padding:"0"}),option:(x,{isSelected:F,isFocused:w,isDisabled:j})=>({...x,padding:"1rem",cursor:j?"not-allowed":"pointer","&:hover":{background:E({isSelected:F,isFocused:!0,isDisabled:j})},background:E({isSelected:F,isFocused:w}),...c(Boolean($.prefix))}),valueContainer:x=>({...x,position:"static",padding:v?v-1+"rem 0 ":0,height:v?"auto":"21px"}),clearIndicator:x=>({...x,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:g,...(q=$.components)!=null?q:{}}}),C&&d.default.createElement(p,{hasError:L},C))};exports.Select=b,exports.default=b;
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/components/Textfield/index.js CHANGED
@@ -1,36 +1,36 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../FieldLabel.js"),l=require("../../typography/BodyText/index.js"),a=require("../../shared/helpers.js");function o(g){return g&&typeof g=="object"&&"default"in g?g:{default:g}}require("../../shared/media-queries.js");var d=o(e),s=o(r);const i=r.css`
2
- border: 1px solid ${({theme:g})=>g.colors.gray.light2}};
3
- color: ${({theme:g})=>g.colors.text.disabled};
4
- fill: ${({theme:g})=>g.colors.text.disabled};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../FieldLabel.js"),l=require("../../typography/BodyText/index.js"),a=require("../../shared/helpers.js");function o(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}require("../../shared/media-queries.js");var d=o(e),s=o(r);const i=r.css`
2
+ border: 1px solid ${({theme:y})=>y.colors.gray.light2}};
3
+ color: ${({theme:y})=>y.colors.text.disabled};
4
+ fill: ${({theme:y})=>y.colors.text.disabled};
5
5
  `,n=r.css`
6
- border: 2px solid ${({theme:g})=>g.colors.error.dark};
6
+ border: 2px solid ${({theme:y})=>y.colors.error.dark};
7
7
  `,c=r.css`
8
- border: 2px solid ${({theme:g})=>g.colors.gray.dark5}};
9
- color: ${({theme:g})=>g.colors.text.dark};
10
- fill: ${({theme:g})=>g.colors.text.dark};
8
+ border: 2px solid ${({theme:y})=>y.colors.gray.dark5}};
9
+ color: ${({theme:y})=>y.colors.text.dark};
10
+ fill: ${({theme:y})=>y.colors.text.dark};
11
11
  `,u=s.default.div`
12
12
  position: relative;
13
13
  padding: 0;
14
14
  display: block;
15
- `,h=s.default.div`
15
+ `,m=s.default.div`
16
16
  display: flex;
17
17
  text-align: center;
18
18
  align-items: center;
19
19
  box-sizing: border-box;
20
20
  height: 3rem;
21
21
 
22
- background-color: ${({theme:g})=>g.colors.background.light};
22
+ background-color: ${({theme:y})=>y.colors.background.light};
23
23
 
24
- border: 1px solid ${({theme:g})=>g.colors.gray.dark5};
24
+ border: 1px solid ${({theme:y})=>y.colors.gray.dark5};
25
25
  transition: all 150ms;
26
26
 
27
- padding: 0.7rem 0.75rem 0.6rem;
27
+ padding: 0.75rem 0.6rem;
28
28
 
29
- ${({hasError:g,isFocused:y})=>!g&&y&&c}
30
- ${({disabled:g})=>g&&i}
31
- ${({hasError:g})=>g&&n}
32
- ${({centered:g})=>g&&"text-align: center;"}
33
- `,m=s.default.input`
29
+ ${({hasError:y,isFocused:k})=>!y&&k&&c}
30
+ ${({disabled:y})=>y&&i}
31
+ ${({hasError:y})=>y&&n}
32
+ ${({centered:y})=>y&&"text-align: center;"}
33
+ `,h=s.default.input`
34
34
  ${l.BodyTextStyle}
35
35
  width: 100%;
36
36
  cursor: text;
@@ -39,12 +39,12 @@
39
39
  background-color: transparent;
40
40
 
41
41
  :disabled {
42
- color: ${({theme:g})=>g.colors.text.disabled};
43
- fill: ${({theme:g})=>g.colors.text.disabled};
42
+ color: ${({theme:y})=>y.colors.text.disabled};
43
+ fill: ${({theme:y})=>y.colors.text.disabled};
44
44
  }
45
45
  `,f=s.default.span`
46
46
  display: flex;
47
- font-family: ${({theme:g})=>g.typography.fontBaseFamily};
47
+ font-family: ${({theme:y})=>y.typography.fontBaseFamily};
48
48
  font-size: 1.25rem;
49
49
  line-height: 1.5rem;
50
50
 
@@ -56,9 +56,11 @@
56
56
  ${l.CaptionStyle}
57
57
  margin-top: 0.25rem;
58
58
 
59
- color: ${({hasError:g,theme:y})=>g?y.colors.error.dark:y.colors.text.disabled};
60
-
61
- ${({centered:g})=>g&&"width: 100%; text-align: center;"}
59
+ ${({centered:y})=>y&&"width: 100%; text-align: center;"}
62
60
  `,b=s.default.span`
63
61
  display: block;
64
- `,x=({placeholder:g="",isDisabled:y=!1,centered:F=!1,hasError:q=!1,className:S,helperText:v,label:E="",onBlur:z=()=>null,onFocus:L=()=>null,forwardRef:P,suffix:w,name:k=a.generateNameHash("text-input"),errors:j,...T})=>{const[B,N]=e.useState(!1),_=Boolean(T.value);return d.default.createElement(u,{className:S},d.default.createElement(h,{isFocused:B,disabled:y,centered:F,hasError:q,hasPlaceholder:!!g},d.default.createElement(m,{...T,id:k,name:k,"aria-label":E||k,ref:P,onFocus:$=>{N(!0),L($)},onBlur:$=>{N(!1),z($)},disabled:y,placeholder:E&&!B?"":g}),w&&d.default.createElement(f,null,w)),E&&d.default.createElement(t.Label,{htmlFor:k,isFocused:B,centered:F,hasError:q,hasValue:_,disabled:y},E),(v||j)&&d.default.createElement(p,{centered:F,hasError:q},v&&d.default.createElement(b,null,v),j&&j.map($=>d.default.createElement(b,{key:$},$))))};exports.TextField=x,exports.default=x;
62
+ color: ${({theme:y})=>y.colors.text.disabled};
63
+ `,x=s.default.span`
64
+ display: block;
65
+ color: ${({theme:y})=>y.colors.error.dark};
66
+ `,g=({placeholder:y="",isDisabled:k=!1,centered:F=!1,hasError:w=!1,className:z,helperText:j,label:E="",onBlur:L=()=>null,onFocus:P=()=>null,forwardRef:_,suffix:T,name:q=a.generateNameHash("text-input"),errors:v,...N})=>{const[B,S]=e.useState(!1),C=Boolean(N.value);return d.default.createElement(u,{className:z},d.default.createElement(m,{isFocused:B,disabled:k,centered:F,hasError:w,hasPlaceholder:!!y},d.default.createElement(h,{...N,id:q,name:q,"aria-label":E||q,ref:_,onFocus:$=>{S(!0),P($)},onBlur:$=>{S(!1),L($)},disabled:k,placeholder:E&&!B?"":y}),T&&d.default.createElement(f,null,T)),E&&d.default.createElement(t.Label,{htmlFor:q,isFocused:B,centered:F,hasError:w,hasValue:C,disabled:k},E),(j||v)&&d.default.createElement(p,{centered:F},j&&d.default.createElement(b,null,j),v&&v.map($=>d.default.createElement(x,{key:$},$))))};exports.TextField=g,exports.default=g;
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/FieldLabel.js CHANGED
@@ -1,34 +1,39 @@
1
- import c,{css as e}from"styled-components";import{CaptionStyle as n}from"../typography/BodyText/index.js";import"react";import"../shared/media-queries.js";const s="0.5rem",a=(o,t)=>e`
1
+ import a,{css as e}from"styled-components";import{BodyTextStyle as c}from"../typography/BodyText/index.js";import"react";import"../shared/media-queries.js";const l="0.5rem",n=(o,t)=>e`
2
2
  background-color: ${({theme:r})=>r.colors.background.light};
3
- transform: scale(0.75) translateY(${o});
3
+ transform: translateY(${o});
4
+ line-height: 0.875rem;
5
+ font-size: 0.75rem;
4
6
  transform-origin: 0 0;
5
- padding: 0 ${s};
6
- left: ${s};
7
+ padding: 0 ${l};
8
+ left: ${l};
7
9
  color: ${({theme:r})=>t?r.colors.error.dark:r.colors.text.dark};
8
10
  `,i=e`
9
11
  color: ${({theme:o,hasError:t})=>t?o.colors.error.dark:o.colors.text.dark};
10
12
  `,d=e`
11
13
  color: ${({theme:o})=>o.colors.gray.light1};
12
14
  background-color: ${({theme:o})=>o.colors.background.light};
13
- `,p=e`
14
- text-align: center;
15
- width: 100%;
15
+ `,m=e`
16
+ width: max-content;
16
17
  left: 0;
17
- `,$=c.label`
18
- ${n}
18
+ right: 0;
19
+ margin-right: auto;
20
+ margin-left: auto;
21
+ `,g=a.label`
22
+ ${c}
19
23
  pointer-events: none;
20
24
  position: absolute;
25
+ max-width: calc(100% - 2rem);
21
26
  z-index: 1;
22
- top: ${({height:o})=>o?`${o}rem`:"1rem"};
27
+ top: ${({height:o})=>o?`${o}rem`:"0.75rem"};
23
28
  left: calc(0.75rem + 2px);
24
29
  transition: 150ms;
25
- height: 16px;
26
- line-height: 16px;
27
- font-size: 16px;
28
30
  color: ${({theme:o})=>o.colors.gray.dark5};
31
+ overflow: hidden;
32
+ white-space: nowrap;
33
+ text-overflow: ellipsis;
29
34
 
30
- ${({centered:o})=>o&&p}
31
- ${({hasValue:o,isFocused:t,height:r,hasError:l})=>(o||t)&&a(r?`-${(r+.25)*1.35}rem`:"-1.8rem",l)}
35
+ ${({hasValue:o,isFocused:t,height:r=.7,hasError:s})=>(o||t)&&n(`-${r+.4}rem`,s)}
36
+ ${({centered:o,hasValue:t,isFocused:r})=>(t||r)&&o&&m}
32
37
  ${({isFocused:o})=>o&&i}
33
38
  ${({disabled:o})=>o&&d}
34
- `;export{$ as Label};
39
+ `;export{g as Label};
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/Select/index.js CHANGED
@@ -24,7 +24,7 @@ import t,{useState as x}from"react";import T from"react-select";import d from"st
24
24
  margin-top: 0.25rem;
25
25
  margin-left: 0.85rem;
26
26
  color: ${({hasError:e})=>e?r.colors.error.main:r.colors.text.disabled};
27
- `,V=e=>t.createElement("svg",{...e},t.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},t.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),t.createElement("use",{xlinkHref:"#icon-arrow"})),H=d(V)`
27
+ `,H=e=>t.createElement("svg",{...e},t.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},t.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),t.createElement("use",{xlinkHref:"#icon-arrow"})),V=d(H)`
28
28
  width: 0.8rem;
29
29
  height: 0.8rem;
30
30
  margin: 0 0.5rem;
@@ -41,4 +41,4 @@ import t,{useState as x}from"react";import T from"react-select";import d from"st
41
41
 
42
42
  transform: ${e=>e.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
43
43
  transform-origin: 50% 60%;
44
- `,N=(e,l)=>l?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,P=({selectProps:{menuIsOpen:e=!1},isFocused:l=!1,isDisabled:m})=>t.createElement(H,{$isDisabled:m,$isFocused:l,$isMenuOpen:e,$theme:r}),C=({className:e,color:l="primary",forwardRef:m,hasError:u=!1,height:i,helperText:p,isDisabled:s=!1,onBlur:v=()=>null,onFocus:B=()=>null,onInputChange:w=()=>null,placeholder:I="",name:f,...n})=>{var h;const[c,y]=x(!1),[L,S]=x(""),E=(o,a)=>{w(o,a),S(o)},b=({isSelected:o,isFocused:a,isDisabled:g})=>o?r.colors[l].main:g?r.colors.background.light:a?r.colors.background.gray:r.colors.background.light,j=o=>{y(!0),B(o)},D=o=>{y(!1),v(o)},R=N(c,u);return t.createElement(z,{className:e},n.label&&t.createElement(_,{htmlFor:f,height:i,isFocused:c,hasValue:Boolean(n.value||L),disabled:s,theme:r,hasError:u},n.label),n.prefix&&t.createElement(M,{isDisabled:s,isFocused:c},n.prefix),t.createElement(T,{...n,inputId:f,name:f,ref:m,isDisabled:s,onInputChange:E,placeholder:I,onFocus:j,onBlur:D,styles:{control:o=>({...o,borderRadius:0,color:r.colors.text.dark,fontFamily:r.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:r.colors.background.light,borderColor:R,boxShadow:"none","&:hover":{borderColor:"none"},...A(s),...k(Boolean(n.prefix))}),placeholder:o=>({...o,display:c?"static":"none"}),singleValue:o=>({...o,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:o=>({...o,padding:"8px 0"}),menu:o=>({...o,borderRadius:0,boxShadow:r.elevations.elevation2,zIndex:2,padding:"0"}),option:(o,{isSelected:a,isFocused:g,isDisabled:$})=>({...o,padding:"1rem",cursor:$?"not-allowed":"pointer","&:hover":{background:b({isSelected:a,isFocused:!0,isDisabled:$})},background:b({isSelected:a,isFocused:g}),...k(Boolean(n.prefix))}),valueContainer:o=>({...o,position:"static",padding:i?`${i-1}rem 0 `:0,height:i?"auto":"21px"}),clearIndicator:o=>({...o,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:P,...(h=n.components)!=null?h:{}}}),p&&t.createElement(O,{hasError:u},p))};export{C as Select,C as default};
44
+ `,N=(e,l)=>l?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,P=({selectProps:{menuIsOpen:e=!1},isFocused:l=!1,isDisabled:m})=>t.createElement(V,{$isDisabled:m,$isFocused:l,$isMenuOpen:e,$theme:r}),C=({className:e,color:l="primary",forwardRef:m,hasError:u=!1,height:i,helperText:p,isDisabled:s=!1,onBlur:v=()=>null,onFocus:B=()=>null,onInputChange:w=()=>null,placeholder:I="",name:g,...n})=>{var h;const[c,y]=x(!1),[L,S]=x(""),E=(o,a)=>{w(o,a),S(o)},b=({isSelected:o,isFocused:a,isDisabled:f})=>o?r.colors[l].main:f?r.colors.background.light:a?r.colors.background.gray:r.colors.background.light,j=o=>{y(!0),B(o)},D=o=>{y(!1),v(o)},R=N(c,u);return t.createElement(z,{className:e},n.label&&t.createElement(_,{htmlFor:g,height:i,isFocused:c,hasValue:Boolean(n.value||L),disabled:s,theme:r,hasError:u},n.label),n.prefix&&t.createElement(M,{isDisabled:s,isFocused:c},n.prefix),t.createElement(T,{...n,inputId:g,name:g,ref:m,isDisabled:s,onInputChange:E,placeholder:I,onFocus:j,onBlur:D,styles:{control:o=>({...o,borderRadius:0,color:r.colors.text.dark,fontFamily:r.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:r.colors.background.light,borderColor:R,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...A(s),...k(Boolean(n.prefix))}),placeholder:o=>({...o,display:c?"static":"none"}),singleValue:o=>({...o,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:o=>({...o,padding:"8px 0"}),menu:o=>({...o,borderRadius:0,boxShadow:r.elevations.elevation2,zIndex:2,padding:"0"}),option:(o,{isSelected:a,isFocused:f,isDisabled:$})=>({...o,padding:"1rem",cursor:$?"not-allowed":"pointer","&:hover":{background:b({isSelected:a,isFocused:!0,isDisabled:$})},background:b({isSelected:a,isFocused:f}),...k(Boolean(n.prefix))}),valueContainer:o=>({...o,position:"static",padding:i?`${i-1}rem 0 `:0,height:i?"auto":"21px"}),clearIndicator:o=>({...o,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:P,...(h=n.components)!=null?h:{}}}),p&&t.createElement(O,{hasError:u},p))};export{C as Select,C 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/components/Textfield/index.js CHANGED
@@ -1,18 +1,18 @@
1
- import o,{useState as B}from"react";import r,{css as m}from"styled-components";import{Label as E}from"../FieldLabel.js";import{BodyTextStyle as j,CaptionStyle as T}from"../../typography/BodyText/index.js";import{generateNameHash as w}from"../../shared/helpers.js";import"../../shared/media-queries.js";const H=m`
1
+ import t,{useState as S}from"react";import o,{css as p}from"styled-components";import{Label as v}from"../FieldLabel.js";import{BodyTextStyle as B,CaptionStyle as T}from"../../typography/BodyText/index.js";import{generateNameHash as j}from"../../shared/helpers.js";import"../../shared/media-queries.js";const w=p`
2
2
  border: 1px solid ${({theme:e})=>e.colors.gray.light2}};
3
3
  color: ${({theme:e})=>e.colors.text.disabled};
4
4
  fill: ${({theme:e})=>e.colors.text.disabled};
5
- `,I=m`
5
+ `,H=p`
6
6
  border: 2px solid ${({theme:e})=>e.colors.error.dark};
7
- `,z=m`
7
+ `,I=p`
8
8
  border: 2px solid ${({theme:e})=>e.colors.gray.dark5}};
9
9
  color: ${({theme:e})=>e.colors.text.dark};
10
10
  fill: ${({theme:e})=>e.colors.text.dark};
11
- `,C=r.div`
11
+ `,z=o.div`
12
12
  position: relative;
13
13
  padding: 0;
14
14
  display: block;
15
- `,L=r.div`
15
+ `,C=o.div`
16
16
  display: flex;
17
17
  text-align: center;
18
18
  align-items: center;
@@ -24,14 +24,14 @@ import o,{useState as B}from"react";import r,{css as m}from"styled-components";i
24
24
  border: 1px solid ${({theme:e})=>e.colors.gray.dark5};
25
25
  transition: all 150ms;
26
26
 
27
- padding: 0.7rem 0.75rem 0.6rem;
27
+ padding: 0.75rem 0.6rem;
28
28
 
29
- ${({hasError:e,isFocused:t})=>!e&&t&&z}
30
- ${({disabled:e})=>e&&H}
31
- ${({hasError:e})=>e&&I}
29
+ ${({hasError:e,isFocused:l})=>!e&&l&&I}
30
+ ${({disabled:e})=>e&&w}
31
+ ${({hasError:e})=>e&&H}
32
32
  ${({centered:e})=>e&&"text-align: center;"}
33
- `,W=r.input`
34
- ${j}
33
+ `,L=o.input`
34
+ ${B}
35
35
  width: 100%;
36
36
  cursor: text;
37
37
  outline: none;
@@ -42,7 +42,7 @@ import o,{useState as B}from"react";import r,{css as m}from"styled-components";i
42
42
  color: ${({theme:e})=>e.colors.text.disabled};
43
43
  fill: ${({theme:e})=>e.colors.text.disabled};
44
44
  }
45
- `,_=r.span`
45
+ `,W=o.span`
46
46
  display: flex;
47
47
  font-family: ${({theme:e})=>e.typography.fontBaseFamily};
48
48
  font-size: 1.25rem;
@@ -52,13 +52,15 @@ import o,{useState as B}from"react";import r,{css as m}from"styled-components";i
52
52
  width: 1.375rem;
53
53
  height: 1.375rem;
54
54
  }
55
- `,q=r.div`
55
+ `,_=o.div`
56
56
  ${T}
57
57
  margin-top: 0.25rem;
58
58
 
59
- color: ${({hasError:e,theme:t})=>e?t.colors.error.dark:t.colors.text.disabled};
60
-
61
59
  ${({centered:e})=>e&&"width: 100%; text-align: center;"}
62
- `,g=r.span`
60
+ `,q=o.span`
61
+ display: block;
62
+ color: ${({theme:e})=>e.colors.text.disabled};
63
+ `,A=o.span`
63
64
  display: block;
64
- `,y=({placeholder:e="",isDisabled:t=!1,centered:n=!1,hasError:d=!1,className:b,helperText:i,label:s="",onBlur:$=()=>null,onFocus:h=()=>null,forwardRef:k,suffix:u,name:a=w("text-input"),errors:c,...x})=>{const[p,f]=B(!1),F=Boolean(x.value),S=l=>{f(!0),h(l)},v=l=>{f(!1),$(l)};return o.createElement(C,{className:b},o.createElement(L,{isFocused:p,disabled:t,centered:n,hasError:d,hasPlaceholder:!!e},o.createElement(W,{...x,id:a,name:a,"aria-label":s||a,ref:k,onFocus:S,onBlur:v,disabled:t,placeholder:s&&!p?"":e}),u&&o.createElement(_,null,u)),s&&o.createElement(E,{htmlFor:a,isFocused:p,centered:n,hasError:d,hasValue:F,disabled:t},s),(i||c)&&o.createElement(q,{centered:n,hasError:d},i&&o.createElement(g,null,i),c&&c.map(l=>o.createElement(g,{key:l},l))))};export{y as TextField,y as default};
65
+ color: ${({theme:e})=>e.colors.error.dark};
66
+ `,f=({placeholder:e="",isDisabled:l=!1,centered:n=!1,hasError:m=!1,className:g,helperText:d,label:s="",onBlur:b=()=>null,onFocus:$=()=>null,forwardRef:h,suffix:u,name:a=j("text-input"),errors:i,...x})=>{const[c,y]=S(!1),k=Boolean(x.value),E=r=>{y(!0),$(r)},F=r=>{y(!1),b(r)};return t.createElement(z,{className:g},t.createElement(C,{isFocused:c,disabled:l,centered:n,hasError:m,hasPlaceholder:!!e},t.createElement(L,{...x,id:a,name:a,"aria-label":s||a,ref:h,onFocus:E,onBlur:F,disabled:l,placeholder:s&&!c?"":e}),u&&t.createElement(W,null,u)),s&&t.createElement(v,{htmlFor:a,isFocused:c,centered:n,hasError:m,hasValue:k,disabled:l},s),(d||i)&&t.createElement(_,{centered:n},d&&t.createElement(q,null,d),i&&i.map(r=>t.createElement(A,{key:r},r))))};export{f as TextField,f as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kvdbil/components",
3
- "version": "8.4.0",
3
+ "version": "8.4.4",
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;