@kvdbil/components 16.0.1 → 16.0.3

package/esm/components/FieldLabel.js

@@ -1,51 +1,51 @@
-import a,{css as t}from"styled-components";import{BodyTextStyle as i}from"../typography/BodyText/index.js";import"react/jsx-runtime";import"../shared/media-queries.js";const l=(e,o)=>t`
-  transform: translateY(${e});
+import s,{css as t}from"styled-components";import{BodyTextStyle as i}from"../typography/BodyText/index.js";import"react/jsx-runtime";import"../shared/media-queries.js";const l=(o,e)=>t`
+  transform: translateY(${o});
   line-height: 0.875rem;
   font-size: 0.75rem;
   transform-origin: 0 0;
   padding: 0 5px;
   left: 0.5rem;
-  color: ${({theme:r})=>o?r.colors.error.dark:r.colors.text.dark};
-`,n=t`
-  color: ${({theme:e,hasError:o})=>o?e.colors.error.dark:e.colors.text.dark};
+  color: ${({theme:r})=>e?r.colors.error.dark:r.colors.text.dark};
 `,c=t`
-  color: ${({theme:e})=>e.colors.text.disabled};
+  color: ${({theme:o,hasError:e})=>e?o.colors.error.dark:o.colors.text.dark};
+`,n=t`
+  color: ${({theme:o})=>o.colors.text.disabled};
 `,d=t`
   width: max-content;
   left: 0;
   right: 0;
   margin-right: auto;
   margin-left: auto;
-`,h=a.label`
+`,h=s.label`
   ${i}
   pointer-events: none;
   position: absolute;
   max-width: calc(100% - 2rem);
   z-index: 1;
-  top: ${({height:e})=>e?`${e}rem`:"0.75rem"};
+  top: ${({height:o})=>o?`calc(${o}rem - 5px)`:"12px"};
   left: calc(0.75rem + 2px);
   transition: 150ms;
-  color: ${({theme:e})=>e.colors.text.dark};
+  color: ${({theme:o})=>o.colors.text.dark};
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   background: transparent;
 
-  ${({theme:e,hasValue:o,isFocused:r})=>(o||r)&&`
+  ${({theme:o,hasValue:e,isFocused:r})=>(e||r)&&`
   span {
     display: block;
     width: 100%;
     height: 8px;
     position: absolute;
-    top: 5px;
+    top: 6px;
     left: 0;
-    background-color: ${e.colors.background.light};
+    background-color: ${o.colors.background.light};
     z-index: -1;
   }
   `}
 
-  ${({hasValue:e,isFocused:o,height:r=.7,hasError:s})=>(e||o)&&l(`-${r+.4}rem`,s)}
-  ${({centered:e,hasValue:o,isFocused:r})=>(o||r)&&e&&d}
-  ${({isFocused:e})=>e&&n}
-  ${({disabled:e})=>e&&c}
+  ${({hasValue:o,isFocused:e,height:r,hasError:a})=>(o||e)&&l(`${r?`calc(-${r}rem - 2px)`:"-18px"}`,a)}
+  ${({centered:o,hasValue:e,isFocused:r})=>(e||r)&&o&&d}
+  ${({isFocused:o})=>o&&c}
+  ${({disabled:o})=>o&&n}
 `;export{h as Label};

package/esm/components/IconButton.js

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

package/esm/components/RadioButton/index.js

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

package/esm/components/Select/index.js

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

package/esm/components/Snackbar/index.js

@@ -1,15 +1,15 @@
-import{jsx as t,jsxs as y}from"react/jsx-runtime";import{useEffect as $}from"react";import n,{css as r}from"styled-components";import b from"../Icons/CheckCircle.js";import v from"../Icons/Close.js";import k from"../Icons/ErrorCircle.js";import E from"../Icons/InfoCircle.js";import{CSSTransition as w}from"react-transition-group";import{resolveColorWithNeutral as C}from"../../utils/utils.js";const B={top:r`
+import{jsx as t,jsxs as $}from"react/jsx-runtime";import{useEffect as y}from"react";import n,{css as i}from"styled-components";import v from"../Icons/CheckCircle.js";import b from"../Icons/Close.js";import k from"../Icons/ErrorCircle.js";import E from"../Icons/InfoCircle.js";import{CSSTransition as w}from"react-transition-group";import{resolveColorWithNeutral as C}from"../../utils/utils.js";const B={top:i`
     top: 0;
-  `,bottom:r`
+  `,bottom:i`
     bottom: 0;
-  `},N={right:r`
+  `},N={right:i`
     right: 0;
-  `,center:r`
+  `,center:i`
     left: 50%;
     transform: translate(-50%, 0);
-  `,left:r`
+  `,left:i`
     left: 0;
-  `},s=200,i="anim",O=n.div`
+  `},c=200,o="anim",O=n.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   position: fixed;
   display: flex;
@@ -27,24 +27,25 @@ import{jsx as t,jsxs as y}from"react/jsx-runtime";import{useEffect as $}from"rea
   font-size: 0.875rem;
 
   box-shadow: ${({theme:e})=>e.elevations.elevation8};
-  background-color: ${({theme:e,color:o})=>o!=="none"?C(e,o).main:e.colors.background.light};
-  color: ${({theme:e,color:o})=>o!=="none"?e.colors.text.light:e.colors.text.dark};
+  background-color: ${({theme:e,$color:r})=>r!=="none"?C(e,r).lighter:e.colors.background.light};
+
+  color: ${({theme:e})=>e.colors.text.dark};
 
   ${e=>B[e.origin.vertical||"bottom"]}
   ${e=>N[e.origin.horizontal||"left"]}
 
-  transition: opacity ${s}ms ease-in;
+  transition: opacity ${c}ms ease-in;
 
-  &.${i}-enter {
+  &.${o}-enter {
     opacity: 0;
   }
-  &.${i}-enter-active {
+  &.${o}-enter-active {
     opacity: 1;
   }
-  &.${i}-exit {
+  &.${o}-exit {
     opacity: 1;
   }
-  &.${i}-exit-active {
+  &.${o}-exit-active {
     opacity: 0;
   }
 `,g=n.div`
@@ -57,7 +58,7 @@ import{jsx as t,jsxs as y}from"react/jsx-runtime";import{useEffect as $}from"rea
   svg {
     width: 1.5rem;
     height: 1.5rem;
-    fill: ${({theme:e,color:o})=>o!=="none"?e.colors.background.light:e.colors.background.dark};
+    fill: ${({theme:e})=>e.colors.text.dark};
   }
 `,S=n(g)`
   cursor: pointer;
@@ -75,4 +76,4 @@ import{jsx as t,jsxs as y}from"react/jsx-runtime";import{useEffect as $}from"rea
   }
 `,T=n.span`
   flex: 1;
-`,W={error:t(k,{}),success:t(b,{}),info:t(E,{}),text:""},h=({message:e,color:o="none",type:a="info",action:l,isOpen:p,origin:d={},onClose:m=()=>{},onExited:f=()=>{},autoHideDuration:c=4e3,...u})=>($(()=>{const x=setTimeout(m,c);return()=>clearTimeout(x)},[c,m]),t(w,{in:p,timeout:s,mountOnEnter:!0,unmountOnExit:!0,onExited:f,classNames:i,children:y(O,{...u,color:o,origin:d,children:[t(g,{color:o,type:a,children:W[a]}),t(T,{children:e}),l&&l,t(S,{color:o??"none",onClick:m,children:t(v,{})})]})}));export{h as Snackbar,h as default};
+`,W={error:t(k,{}),success:t(v,{}),info:t(E,{}),text:""},p=({message:e,color:r="none",type:a="info",action:l,isOpen:h,origin:d={},onClose:m=()=>{},onExited:f=()=>{},autoHideDuration:s=4e3,...u})=>(y(()=>{const x=setTimeout(m,s);return()=>clearTimeout(x)},[s,m]),t(w,{in:h,timeout:c,mountOnEnter:!0,unmountOnExit:!0,onExited:f,classNames:o,children:$(O,{...u,$color:r,origin:d,children:[t(g,{type:a,children:W[a]}),t(T,{children:e}),l&&l,t(S,{onClick:m,children:t(b,{})})]})}));export{p as Snackbar,p as default};

package/esm/components/Spinner/index.js

@@ -1,4 +1,4 @@
-import{jsx as l}from"react/jsx-runtime";import s,{keyframes as m}from"styled-components";import d from"../../theme.js";import{neutralColorSwap as n}from"../../utils/utils.js";const u=e=>{const r={slow:"2s",default:"1s",fast:"0.5s"};return r[e]||r.default},o=e=>{const r={smaller:1,small:2,regular:3,large:4};return typeof e=="number"?e:r[e]||r.regular},f=m`
+import{jsx as i}from"react/jsx-runtime";import s,{keyframes as m}from"styled-components";import d from"../../theme.js";import{neutralColorSwap as n}from"../../utils/utils.js";const u=e=>{const r={slow:"2s",default:"1s",fast:"0.5s"};return r[e]||r.default},o=e=>{const r={smaller:1,small:2,regular:3,large:4};return typeof e=="number"?e:r[e]||r.regular},f=m`
   0% {
     transform: rotate(0deg);
   }
@@ -8,7 +8,7 @@ import{jsx as l}from"react/jsx-runtime";import s,{keyframes as m}from"styled-com
 `,p=s.div`
   display: inline-block;
   border-radius: 50%;
-  border-top: ${({theme:e,color:r,customColor:a,size:t})=>`${o(t)/10}em solid ${a??r==="neutral"?n(e).main:e.colors?.[r]?.main}`};
+  border-top: ${({theme:e,color:r,customColor:t,size:a})=>`${o(a)/10}em solid ${t??r==="neutral"?n(e).mainAlt:e.colors?.[r]?.mainAlt}`};
   border-bottom: ${({size:e})=>`${o(e)/10}em solid rgba(0, 0, 0, 0.1);`};
   border-right: ${({size:e})=>`${o(e)/10}em solid rgba(0, 0, 0, 0.1);`};
   border-left: ${({size:e})=>`${o(e)/10}em solid rgba(0, 0, 0, 0.1);`};
@@ -16,4 +16,4 @@ import{jsx as l}from"react/jsx-runtime";import s,{keyframes as m}from"styled-com
   height: ${({size:e})=>o(e)}em;
   animation: ${f} ${({speed:e})=>u(e)} infinite linear;
   will-change: transform;
-`,$=({size:e="regular",color:r="primary",speed:a="default",customColor:t,...i})=>l(p,{"aria-label":"loading",role:"status","aria-live":"polite","aria-busy":"true",...i,size:e,speed:a,color:r,customColor:t,theme:d});export{$ as default};
+`,$=({size:e="regular",color:r="primary",speed:t="default",customColor:a,...l})=>i(p,{"aria-label":"loading",role:"status","aria-live":"polite","aria-busy":"true",...l,size:e,speed:t,color:r,customColor:a,theme:d});export{$ as default};

package/esm/components/Stamp/index.js

@@ -1 +1 @@
-import{jsxs as t,jsx as l,Fragment as r}from"react/jsx-runtime";import n from"../../theme.js";const a=(o,c,e)=>({carguide:t(r,{children:[l("path",{stroke:c,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("path",{stroke:c,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("path",{fill:c,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("circle",{cx:"64",cy:"75",r:"6.667",fill:c}),l("path",{fill:c,d:e==="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:t(r,{children:[l("path",{stroke:c,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M64.84 72.56L60 109l20-12 20 12-4.84-36.48"}),l("path",{stroke:c,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("path",{stroke:c,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M106.667 27.667L80 54.36l-8-8"}),l("path",{fill:c,d:e==="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:t(r,{children:[l("path",{fill:c,d:e==="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"}),t("g",{stroke:c,strokeLinecap:"round",strokeWidth:"3",clipPath:"url(#a)",children:[l("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("path",{d:"M91.894 60.69l-47.966 47.87"})]}),l("defs",{children:l("clipPath",{id:"a",children:l("path",{fill:c,d:"M0 0h96v96H0z",transform:"matrix(-1 0 0 1 128 19)"})})})]}),releasing:t(r,{children:[" ",l("path",{fill:c,d:e==="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("path",{stroke:c,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"})]}),export:t(r,{children:[l("path",{stroke:c,strokeWidth:"8",strokeLinecap:"round",strokeLinejoin:"round",d:"M80 120C102.091 120 120 102.091 120 80C120 57.9086 102.091 40 80 40C57.9086 40 40 57.9086 40 80C40 102.091 57.9086 120 80 120Z"}),l("path",{stroke:c,strokeWidth:"8",strokeLinecap:"round",strokeLinejoin:"round",d:"M40 80H120"}),l("path",{stroke:c,strokeWidth:"8",strokeLinecap:"round",strokeLinejoin:"round",d:"M80 40C90.0051 50.9534 95.691 65.1681 96 80C95.691 94.8319 90.0051 109.047 80 120C69.9949 109.047 64.309 94.8319 64 80C64.309 65.1681 69.9949 50.9534 80 40V40Z"})]})})[o],Z=({color:o,appearance:c,locale:e,type:m,size:h=160})=>{const i=c==="outline",z=n.colors.text[i?"dark":"light"],d=i?"transparent":n.colors[o].main;return t("svg",{xmlns:"http://www.w3.org/2000/svg",width:h,height:h,fill:"none",viewBox:"0 0 160 160","aria-labelledby":m,children:[l("title",{id:m,children:`${m}-stamp`}),l("path",{fill:d,d:"M80 160c44.183 0 80-35.817 80-80S124.183 0 80 0 0 35.817 0 80s35.817 80 80 80z"}),a(m,z,e),i&&l("circle",{stroke:z,strokeWidth:"3",cx:"80",cy:"80",r:"77"})]})};export{Z as default};
+import{jsxs as t,jsx as l,Fragment as r}from"react/jsx-runtime";import n from"../../theme.js";const Z=(o,c,e)=>({carguide:t(r,{children:[l("path",{stroke:c,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("path",{stroke:c,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("path",{fill:c,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("circle",{cx:"64",cy:"75",r:"6.667",fill:c}),l("path",{fill:c,d:e==="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:t(r,{children:[l("path",{stroke:c,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M64.84 72.56L60 109l20-12 20 12-4.84-36.48"}),l("path",{stroke:c,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("path",{stroke:c,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3",d:"M106.667 27.667L80 54.36l-8-8"}),l("path",{fill:c,d:e==="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:t(r,{children:[l("path",{fill:c,d:e==="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"}),t("g",{stroke:c,strokeLinecap:"round",strokeWidth:"3",clipPath:"url(#a)",children:[l("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("path",{d:"M91.894 60.69l-47.966 47.87"})]}),l("defs",{children:l("clipPath",{id:"a",children:l("path",{fill:c,d:"M0 0h96v96H0z",transform:"matrix(-1 0 0 1 128 19)"})})})]}),releasing:t(r,{children:[" ",l("path",{fill:c,d:e==="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("path",{stroke:c,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"})]}),export:t(r,{children:[l("path",{stroke:c,strokeWidth:"8",strokeLinecap:"round",strokeLinejoin:"round",d:"M80 120C102.091 120 120 102.091 120 80C120 57.9086 102.091 40 80 40C57.9086 40 40 57.9086 40 80C40 102.091 57.9086 120 80 120Z"}),l("path",{stroke:c,strokeWidth:"8",strokeLinecap:"round",strokeLinejoin:"round",d:"M40 80H120"}),l("path",{stroke:c,strokeWidth:"8",strokeLinecap:"round",strokeLinejoin:"round",d:"M80 40C90.0051 50.9534 95.691 65.1681 96 80C95.691 94.8319 90.0051 109.047 80 120C69.9949 109.047 64.309 94.8319 64 80C64.309 65.1681 69.9949 50.9534 80 40V40Z"})]})})[o],M=({color:o,appearance:c,locale:e,type:m,size:h=160,colorShade:d="mainAlt"})=>{const i=c==="outline",z=n.colors.text[i?"dark":"light"],a=i?"transparent":n.colors[o][d];return t("svg",{xmlns:"http://www.w3.org/2000/svg",width:h,height:h,fill:"none",viewBox:"0 0 160 160","aria-labelledby":m,children:[l("title",{id:m,children:`${m}-stamp`}),l("path",{fill:a,d:"M80 160c44.183 0 80-35.817 80-80S124.183 0 80 0 0 35.817 0 80s35.817 80 80 80z"}),Z(m,z,e),i&&l("circle",{stroke:z,strokeWidth:"3",cx:"80",cy:"80",r:"77"})]})};export{M as default};

package/esm/components/Stepper/index.js

@@ -1,62 +1,63 @@
-import{jsx as r,jsxs as p}from"react/jsx-runtime";import e from"styled-components";import{TinyTitleRegular as h}from"../../typography/Heading/index.js";import x from"../../icons/components/CheckmarkIcon.js";import"../../shared/media-queries.js";const f=e.div`
+import{jsx as t,jsxs as p}from"react/jsx-runtime";import r from"styled-components";import{TinyTitleRegular as x}from"../../typography/Heading/index.js";import f from"../../icons/components/CheckmarkIcon.js";import"../../shared/media-queries.js";const g=r.div`
   display: flex;
-  flex-direction: ${({isHorizontal:i})=>i?"row":"column"};
+  flex-direction: ${({isHorizontal:o})=>o?"row":"column"};
   min-height: 4rem;
   margin: 0 auto;
-`,g=e.div`
+`,u=r.div`
   display: flex;
-  flex-direction: ${({isHorizontal:i})=>i?"column":"row"};
+  flex-direction: ${({isHorizontal:o})=>o?"column":"row"};
   column-gap: 0.75rem;
   align-items: center;
-  padding: ${({isHorizontal:i})=>i?"0 0.5rem":"0.5rem 0"};
+  padding: ${({isHorizontal:o})=>o?"0 0.5rem":"0.5rem 0"};
   position: relative;
-  width: ${({isHorizontal:i,stepsNumber:o})=>i?`calc(100% / ${o})`:"100%"};
+  width: ${({isHorizontal:o,stepsNumber:i})=>o?`calc(100% / ${i})`:"100%"};
 
   &:not(:first-child) :before {
     position: absolute;
     content: '';
-    top: ${({isHorizontal:i,size:o})=>i?`calc(${o/2}rem + 1px)`:"0"};
-    left: ${({isHorizontal:i,size:o})=>i?"0":`calc(${o/2}rem + 1px)`};
-    width: ${({isHorizontal:i,size:o})=>i?`calc(50% - ${o/2}rem)`:"2px"};
-    height: ${({isHorizontal:i,size:o})=>i?"2px":`calc(50% - ${o/2}rem)`};
-    background: ${({theme:i,color:o})=>i.colors[o].main};
+    top: ${({isHorizontal:o,$size:i})=>o?`calc(${i/2}rem + 1px)`:"0"};
+    left: ${({isHorizontal:o,$size:i})=>o?"0":`calc(${i/2}rem + 1px)`};
+    width: ${({isHorizontal:o,$size:i})=>o?`calc(50% - ${i/2}rem)`:"2px"};
+    height: ${({isHorizontal:o,$size:i})=>o?"2px":`calc(50% - ${i/2}rem)`};
+    background: ${({theme:o,$color:i,$colorShade:e})=>o.colors[i][e]};
   }
 
   &:not(:last-child) :after {
     position: absolute;
     content: '';
 
-    ${({isHorizontal:i,size:o})=>i&&`
-      top: calc(${o/2}rem + 1px);
+    ${({isHorizontal:o,$size:i})=>o&&`
+      top: calc(${i/2}rem + 1px);
     `}
-    ${({isHorizontal:i})=>!i&&`
+    ${({isHorizontal:o})=>!o&&`
       bottom: 0;
     `}
-    ${({isHorizontal:i})=>i&&`
+    ${({isHorizontal:o})=>o&&`
       right: 0;
     `}
-    ${({isHorizontal:i,size:o})=>!i&&`
-      left: calc(${o/2}rem + 1px);
+    ${({isHorizontal:o,$size:i})=>!o&&`
+      left: calc(${i/2}rem + 1px);
     `}
-    width: ${({isHorizontal:i,size:o})=>i?`calc(50% - ${o/2}rem)`:"2px"};
-    height: ${({isHorizontal:i,size:o})=>i?"2px":`calc(50% - ${o/2}rem)`};
-    background: ${({theme:i,color:o})=>i.colors[o].main};
+    width: ${({isHorizontal:o,$size:i})=>o?`calc(50% - ${i/2}rem)`:"2px"};
+    height: ${({isHorizontal:o,$size:i})=>o?"2px":`calc(50% - ${i/2}rem)`};
+    background: ${({theme:o,$color:i,$colorShade:e})=>o.colors[i][e]};
   }
-`,u=e.div``,H=e.div`
+`,H=r.div``,b=r.div`
   display: flex;
   align-items: center;
   justify-content: center;
-  width: ${({size:i})=>i}rem;
-  height: ${({size:i})=>i}rem;
+  width: ${({size:o})=>o}rem;
+  height: ${({size:o})=>o}rem;
   border-radius: 50%;
-  border: 2px solid ${({theme:i,color:o})=>i.colors[o].main};
-  color: ${({theme:i,isFilled:o})=>o?i.colors.text.light:i.colors.text.dark};
-  ${({theme:i,isFilled:o,color:l})=>o&&`
-    background-color: ${i.colors[l].main};
+  border: 2px solid
+    ${({theme:o,$color:i,$colorShade:e})=>o.colors[i][e]};
+  color: ${({theme:o,isFilled:i})=>i?o.colors.text.light:o.colors.text.dark};
+  ${({theme:o,isFilled:i,$color:e,$colorShade:l})=>i&&`
+    background-color: ${o.colors[e][l]};
   `}
-`,b=e(h)`
-  font-size: ${({size:i})=>`${i/2}rem`};
+`,S=r(x)`
+  font-size: ${({size:o})=>`${o/2}rem`};
   line-height: 1;
-`,v=e(x)`
-  font-size: ${({size:i})=>`calc(${i/2}rem + 6px)`};
-`,w=({children:i,orientation:o="vertical",variant:l="solid",color:n="primary",size:t=2,activeStep:c,...d})=>{const z=i.length,a=o==="horizontal";return r(f,{isHorizontal:a,...d,children:i.map(($,s)=>{const m=c&&s<c;return p(g,{color:n,size:t,stepsNumber:z,isHorizontal:a,children:[r(u,{children:r(H,{color:n,isFilled:m||l==="solid",size:t,children:m?r(v,{size:t}):r(b,{as:"span",size:t,children:s+1})})}),$]},s)})})};export{w as Stepper};
+`,v=r(f)`
+  font-size: ${({size:o})=>`calc(${o/2}rem + 6px)`};
+`,w=({children:o,orientation:i="vertical",variant:e="solid",color:l="primary",colorShade:n="mainAlt",size:s=2,activeStep:a,...m})=>{const h=o.length,$=i==="horizontal";return t(g,{isHorizontal:$,...m,children:o.map((z,c)=>{const d=a&&c<a;return p(u,{$color:l,$colorShade:n,$size:s,stepsNumber:h,isHorizontal:$,children:[t(H,{children:t(b,{$color:l,$colorShade:n,isFilled:d||e==="solid",size:s,children:d?t(v,{size:s}):t(S,{as:"span",size:s,children:c+1})})}),z]},c)})})};export{w as Stepper};