@kvdbil/components 15.1.4 → 16.0.0

package/esm/components/Table/index.js

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

package/esm/components/Tabs/Tab.js

@@ -1,6 +1,6 @@
-import{jsx as s}from"react/jsx-runtime";import n from"styled-components";import{Button as d}from"../Button/index.js";import{forwardRef as b}from"react";import{hexToRGB as f}from"../../utils/utils.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";const v=n.li`
+import{jsx as l}from"react/jsx-runtime";import n from"styled-components";import{Button as p}from"../Button/index.js";import{forwardRef as b}from"react";import{hexToRGB as f}from"../../utils/utils.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";const v=n.li`
   list-style-type: none;
-`,x=n(d)`
+`,u=n(p)`
   && {
     margin-bottom: -3px;
     padding: 0.875rem 1.375rem;
@@ -8,10 +8,11 @@ import{jsx as s}from"react/jsx-runtime";import n from"styled-components";import{
     transition:
       color 0.3s ease,
       border 0.3s ease;
+    border-radius: unset;
 
     :focus-visible {
       ${({theme:r,isActive:o,activeColor:e})=>!o&&`background-color: ${f(r.colors[e].main,.1)};
       `}
     }
   }
-`,m=b(({label:r,index:o=-1,isActive:e=!1,onClick:t,activeColor:a="secondary",isDisabled:c=!1,onKeyUp:l},p)=>s(v,{role:"presentation",children:s(x,{tabIndex:e?0:-1,isActive:e,onClick:i=>t&&t(i,o),activeColor:a,isDisabled:c,variant:"flat",color:e?a:"neutral",id:`tab-${o}`,role:"tab","aria-selected":e?"true":"false","aria-controls":`tabpanel-${o}`,onKeyUp:i=>l&&l(i,o),ref:p,children:r})}));m.displayName="Tab";export{m as default};
+`,m=b(({label:r,index:o=-1,isActive:e=!1,onClick:t,activeColor:a="secondary",isDisabled:c=!1,onKeyUp:s},d)=>l(v,{role:"presentation",children:l(u,{tabIndex:e?0:-1,isActive:e,onClick:i=>t&&t(i,o),activeColor:a,isDisabled:c,variant:"flat",color:e?a:"neutral",id:`tab-${o}`,role:"tab","aria-selected":e?"true":"false","aria-controls":`tabpanel-${o}`,onKeyUp:i=>s&&s(i,o),ref:d,children:r})}));m.displayName="Tab";export{m as default};

package/esm/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import{jsx as s,jsxs as x}from"react/jsx-runtime";import{Children as T,useState as W,useRef as B,useEffect as U}from"react";import q from"./Tab.js";import d from"styled-components";import{mq as E}from"../../shared/media-queries.js";import{UnmountClosed as K}from"react-collapse";import{Title as L}from"../../typography/Heading/index.js";import"../Button/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../../utils/utils.js";const O=d.div`
+import{jsx as s,jsxs as x}from"react/jsx-runtime";import{Children as R,useState as W,useRef as B,useEffect as U}from"react";import q from"./Tab.js";import d from"styled-components";import{mq as E}from"../../shared/media-queries.js";import{UnmountClosed as K}from"react-collapse";import{Title as L}from"../../typography/Heading/index.js";import"../Button/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../utils/utils.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";const O=d.div`
   .ReactCollapse--collapse {
     transition: height 300ms;
   }
@@ -8,16 +8,16 @@ import{jsx as s,jsxs as x}from"react/jsx-runtime";import{Children as T,useState
   margin: 0.5rem 0;
   display: flex;
   flex-direction: row;
-  justify-content: ${({justify:t})=>t};
+  justify-content: ${({justify:o})=>o};
   align-items: center;
 
-  ${({theme:t,fullWidthBorder:m,borderColor:l})=>m?`border-bottom: 3px solid ${t.colors.gray[l]};`:`& > li {
-          border-bottom: 3px solid ${t.colors.gray[l]};
+  ${({theme:o,fullWidthBorder:m,borderColor:l})=>m?`border-bottom: 3px solid ${o.colors.grayscaleToned[l]};`:`& > li {
+          border-bottom: 3px solid ${o.colors.grayscaleToned[l]};
         }`}
 
   ${E(null,"mobileL")} {
     flex-direction: column;
-    justify-content: ${({justify:t})=>t};
+    justify-content: ${({justify:o})=>o};
   }
 `,F=d(L)`
   margin: 0;
@@ -25,4 +25,4 @@ import{jsx as s,jsxs as x}from"react/jsx-runtime";import{Children as T,useState
   display: flex;
 `,N=d.div`
   padding: 0.5rem 0;
-`,z=d.div``,g=({activeColor:t="secondary",justify:m="end",activeIndex:l,initalActive:C,children:k=[],kbNavAutoOpen:u=!0,onTabClick:$,fullWidthBorder:j=!0,borderColor:A="light6",headline:h})=>{const n=T.map(k,r=>r),[p,c]=W(()=>C??n.findIndex(r=>!r.props.isDisabled)),y=B([]),D=!!n[p]?.props?.children,w=(r,e)=>{r.preventDefault(),c(e)};U(()=>{typeof l<"u"&&c(l)},[l]);const I=(r,e)=>{if(r.preventDefault(),r.key==="Enter"&&!u&&c(e),r.key==="ArrowLeft"||r.key==="ArrowRight"){const o=u?p:e,i=r.key==="ArrowRight",a=i?o+1:0,R=i?n.length:o,v=n.slice(a,R);i||v.reverse();const b=v.findIndex(f=>!f.props.isDisabled);if(b!==-1){const f=i?o+(b+1):o-(b+1);u&&c(f),y.current[f].focus()}}};return s(O,{children:x(K,{isOpened:!0,children:[x(S,{fullWidthBorder:j,justify:h?"space-between":m,role:"tablist",borderColor:A,children:[h&&s(F,{children:h}),s(H,{children:n.map((r,e)=>{if(!r)return null;const o=p===e;return s(q,{label:r.props.label,isDisabled:r.props.isDisabled,index:e,id:e,isActive:p===e,activeColor:t,onClick:(i,a)=>{!o&&!r.props.isDisabled&&(r.props.onClick?.(i,a),$?.(i,a),w(i,a))},onKeyUp:I,ref:i=>y.current[e]=i},e)})})]}),D&&s(N,{children:n.map((r,e)=>{const o=r.props.children&&p===e;return s(z,{id:`tabpanel-${e}`,role:"tabpanel","aria-labelledby":`tab-${e}`,"aria-hidden":o?"false":"true",children:o&&r.props.children},e)})})]})})};export{g as Tabs,g as default};
+`,z=d.div``,g=({activeColor:o="secondary",justify:m="end",activeIndex:l,initalActive:C,children:k=[],kbNavAutoOpen:u=!0,onTabClick:$,fullWidthBorder:j=!0,borderColor:A="light6",headline:h})=>{const n=R.map(k,r=>r),[a,c]=W(()=>C??n.findIndex(r=>!r.props.isDisabled)),y=B([]),D=!!n[a]?.props?.children,w=(r,e)=>{r.preventDefault(),c(e)};U(()=>{typeof l<"u"&&c(l)},[l]);const T=(r,e)=>{if(r.preventDefault(),r.key==="Enter"&&!u&&c(e),r.key==="ArrowLeft"||r.key==="ArrowRight"){const t=u?a:e,i=r.key==="ArrowRight",p=i?t+1:0,I=i?n.length:t,v=n.slice(p,I);i||v.reverse();const b=v.findIndex(f=>!f.props.isDisabled);if(b!==-1){const f=i?t+(b+1):t-(b+1);u&&c(f),y.current[f].focus()}}};return s(O,{children:x(K,{isOpened:!0,children:[x(S,{fullWidthBorder:j,justify:h?"space-between":m,role:"tablist",borderColor:A,children:[h&&s(F,{children:h}),s(H,{children:n.map((r,e)=>{if(!r)return null;const t=a===e;return s(q,{label:r.props.label,isDisabled:r.props.isDisabled,index:e,id:e,isActive:a===e,activeColor:o,onClick:(i,p)=>{!t&&!r.props.isDisabled&&(r.props.onClick?.(i,p),$?.(i,p),w(i,p))},onKeyUp:T,ref:i=>y.current[e]=i},e)})})]}),D&&s(N,{children:n.map((r,e)=>{const t=r.props.children&&a===e;return s(z,{id:`tabpanel-${e}`,role:"tabpanel","aria-labelledby":`tab-${e}`,"aria-hidden":t?"false":"true",children:t&&r.props.children},e)})})]})})};export{g as Tabs,g as default};

package/esm/components/Tabs/index.js

@@ -1 +1 @@
-import{Tabs as l}from"./Tabs.js";import{default as c}from"./Tab.js";import"react/jsx-runtime";import"react";import"styled-components";import"../../shared/media-queries.js";import"react-collapse";import"../../typography/Heading/index.js";import"../Button/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../../utils/utils.js";export{c as Tab,l as Tabs};
+import{Tabs as l}from"./Tabs.js";import{default as c}from"./Tab.js";import"react/jsx-runtime";import"react";import"styled-components";import"../../shared/media-queries.js";import"react-collapse";import"../../typography/Heading/index.js";import"../Button/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../utils/utils.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";export{c as Tab,l as Tabs};

package/esm/components/TextArea/index.js

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

package/esm/components/Textfield/index.js

@@ -1,18 +1,18 @@
-import{jsxs as n,jsx as l,Fragment as A}from"react/jsx-runtime";import{useState as N}from"react";import r,{css as m}from"styled-components";import{Label as T}from"../FieldLabel.js";import{BodyTextStyle as z,CaptionStyle as S}from"../../typography/BodyText/index.js";import{generateNameHash as j}from"../../shared/helpers.js";import"../../shared/media-queries.js";const C=m`
-  border: 1px solid ${({theme:e})=>e.colors.gray.light2};
+import{jsxs as i,jsx as l,Fragment as T}from"react/jsx-runtime";import{useState as w}from"react";import r,{css as m}from"styled-components";import{Label as B}from"../FieldLabel.js";import{BodyTextStyle as A,CaptionStyle as N}from"../../typography/BodyText/index.js";import{generateNameHash as S}from"../../shared/helpers.js";import"../../shared/media-queries.js";const j=m`
+  border: 1px solid ${({theme:e})=>e.colors.grayscaleToned.light2};
   color: ${({theme:e})=>e.colors.text.disabled};
   fill: ${({theme:e})=>e.colors.text.disabled};
-`,L=m`
+`,z=m`
   border: 2px solid ${({theme:e})=>e.colors.error.dark};
-`,D=m`
-  border: 2px solid ${({theme:e})=>e.colors.gray.dark5};
+`,C=m`
+  border: 2px solid ${({theme:e})=>e.colors.grayscaleToned.dark5};
   color: ${({theme:e})=>e.colors.text.dark};
   fill: ${({theme:e})=>e.colors.text.dark};
-`,H=r.div`
+`,L=r.div`
   position: relative;
   padding: 0;
   display: block;
-`,M=r.div`
+`,P=r.div`
   display: flex;
   text-align: center;
   align-items: center;
@@ -21,17 +21,17 @@ import{jsxs as n,jsx as l,Fragment as A}from"react/jsx-runtime";import{useState
 
   background-color: ${({theme:e})=>e.colors.background.light};
 
-  border: 1px solid ${({theme:e})=>e.colors.gray.dark5};
+  border: 1px solid ${({theme:e})=>e.colors.grayscaleToned.dark5};
   transition: all 150ms;
 
   padding: 0.75rem 0.6rem;
 
-  ${({hasError:e,isFocused:t})=>!e&&t&&D}
-  ${({disabled:e})=>e&&C}
-  ${({hasError:e})=>e&&L}
+  ${({hasError:e,isFocused:t})=>!e&&t&&C}
+  ${({disabled:e})=>e&&j}
+  ${({hasError:e})=>e&&z}
   ${({centered:e})=>e&&"text-align: center;"}
-`,O=r.input`
-  ${z}
+`,D=r.input`
+  ${A}
   width: 100%;
   cursor: text;
   outline: none;
@@ -42,7 +42,7 @@ import{jsxs as n,jsx as l,Fragment as A}from"react/jsx-runtime";import{useState
     color: ${({theme:e})=>e.colors.text.disabled};
     fill: ${({theme:e})=>e.colors.text.disabled};
   }
-`,P=r.span`
+`,H=r.span`
   display: flex;
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: 1.25rem;
@@ -52,15 +52,15 @@ import{jsxs as n,jsx as l,Fragment as A}from"react/jsx-runtime";import{useState
     width: 1.375rem;
     height: 1.375rem;
   }
-`,R=r.div`
-  ${S}
+`,I=r.div`
+  ${N}
   margin-top: 0.25rem;
 
   ${({centered:e})=>e&&"width: 100%; text-align: center;"}
-`,V=r.span`
+`,M=r.span`
   display: block;
   color: ${({theme:e})=>e.colors.text.disabled};
-`,W=r.span`
+`,R=r.span`
   display: block;
   color: ${({theme:e})=>e.colors.error.dark};
-`,g=({placeholder:e="",isDisabled:t=!1,centered:c=!1,hasError:p=!1,className:$,helperText:h,label:s="",onBlur:y=()=>null,onFocus:k=()=>null,forwardRef:F,suffix:u,name:a=j("text-input"),errors:d,isAutoFocused:v=!1,...b})=>{const[i,f]=N(!1),w=!!b.value,x=d&&Array.isArray(d)&&d?.length>0,B=o=>{f(!0),k(o)},E=o=>{f(!1),y(o)};return console.log("isFocused",i),n(H,{className:$,children:[n(M,{isFocused:i,disabled:t,centered:c,hasError:p,hasPlaceholder:!!e,children:[l(O,{...b,id:a,name:a,"aria-label":s||a,ref:F,onFocus:B,onBlur:E,disabled:t,placeholder:s&&!i?"":e,autoFocus:v}),u&&l(P,{children:u})]}),s&&l(T,{htmlFor:a,isFocused:i,centered:c,hasError:p,hasValue:w,disabled:t,children:n(A,{children:[s,l("span",{})]})}),(h||x)&&n(R,{centered:c,children:[h&&l(V,{children:h}),x&&d.map(o=>l(W,{children:o},o))]})]})};export{g as TextField,g as default};
+`,g=({placeholder:e="",isDisabled:t=!1,centered:n=!1,hasError:p=!1,className:$,helperText:c,label:a="",onBlur:y=()=>null,onFocus:k=()=>null,forwardRef:F,suffix:b,name:s=S("text-input"),errors:d,isAutoFocused:v=!1,...u})=>{const[h,f]=w(!1),E=!!u.value,x=d&&Array.isArray(d)&&d?.length>0;return i(L,{className:$,children:[i(P,{isFocused:h,disabled:t,centered:n,hasError:p,hasPlaceholder:!!e,children:[l(D,{...u,id:s,name:s,"aria-label":a||s,ref:F,onFocus:o=>{f(!0),k(o)},onBlur:o=>{f(!1),y(o)},disabled:t,placeholder:a&&!h?"":e,autoFocus:v}),b&&l(H,{children:b})]}),a&&l(B,{htmlFor:s,isFocused:h,centered:n,hasError:p,hasValue:E,disabled:t,children:i(T,{children:[a,l("span",{})]})}),(c||x)&&i(I,{centered:n,children:[c&&l(M,{children:c}),x&&d.map(o=>l(R,{children:o},o))]})]})};export{g as TextField,g as default};

package/esm/components/TimePicker/index.js

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

package/esm/components/Toggle/index.js

@@ -1,8 +1,8 @@
-import{jsxs as p,jsx as r}from"react/jsx-runtime";import{useState as m,useEffect as d}from"react";import l from"styled-components";import c from"../../theme.js";const h=l.div`
+import{jsxs as p,jsx as r}from"react/jsx-runtime";import{useState as d,useEffect as m}from"react";import l from"styled-components";import c from"../../theme.js";const h=l.div`
   display: flex;
   position: relative;
-  border-top: ${({theme:o})=>`1px solid ${o.colors.gray.light6}`};
-  border-bottom: ${({theme:o})=>`1px solid ${o.colors.gray.light6}`};
+  border-top: ${({theme:o})=>`1px solid ${o.colors.grayscaleToned.light6}`};
+  border-bottom: ${({theme:o})=>`1px solid ${o.colors.grayscaleToned.light6}`};
   padding: 4px;
 `,s=l.div`
   font-family: ${({theme:o})=>o.typography.fontBaseFamily};
@@ -36,4 +36,4 @@ import{jsxs as p,jsx as r}from"react/jsx-runtime";import{useState as m,useEffect
   `}
 
   ${o=>!o.active&&"display: none;"}
-`,g=({onChange:o,...e})=>{const[i,t]=m(e.active);d(()=>{t(e.active)},[e.active]);const a=()=>{t("LEFT"),o("LEFT")},n=()=>{t("RIGHT"),o("RIGHT")};return p(h,{...e,children:[r(f,{color:e.color,active:i}),r(s,{onClick:a,isActive:i==="LEFT",color:e.color,children:e.left}),r(s,{onClick:n,isActive:i==="RIGHT",color:e.color,children:e.right})]})};export{g as Toggle};
+`,g=({onChange:o,...e})=>{const[i,t]=d(e.active);m(()=>{t(e.active)},[e.active]);const a=()=>{t("LEFT"),o("LEFT")},n=()=>{t("RIGHT"),o("RIGHT")};return p(h,{...e,children:[r(f,{color:e.color,active:i}),r(s,{onClick:a,isActive:i==="LEFT",color:e.color,children:e.left}),r(s,{onClick:n,isActive:i==="RIGHT",color:e.color,children:e.right})]})};export{g as Toggle};

package/esm/index.js

@@ -1 +1 @@
-import{default as P}from"./theme.js";import{mediaQueries as R,mq as A,mqNumberSizes as M,mqSizes as E}from"./shared/media-queries.js";import{Accordion as H}from"./components/Accordion/index.js";import{Button as U}from"./components/Button/index.js";import{default as K}from"./components/IconButton.js";import{TextField as Q}from"./components/Textfield/index.js";import{TextArea as W}from"./components/TextArea/index.js";import{Tabs as Y}from"./components/Tabs/Tabs.js";import{default as J}from"./components/Tabs/Tab.js";import{ErrorMessage as Z}from"./components/ErrorMessage/index.js";import{default as $}from"./components/Spinner/index.js";import{Modal as eo}from"./components/Modal/index.js";import{Dialog as ro}from"./components/Dialog/index.js";import{OffCanvas as fo}from"./components/OffCanvas/index.js";import{CheckBox as po}from"./components/CheckBox/index.js";import{Snackbar as no}from"./components/Snackbar/index.js";import{default as xo}from"./components/Spacer/index.js";import{default as co}from"./components/Stack/index.js";import{default as io}from"./components/Flex/index.js";import{Select as yo}from"./components/Select/index.js";import{default as Co}from"./components/ToggleArrow/index.js";import{default as Bo}from"./components/ListItem/index.js";import{default as Fo}from"./components/Table/index.js";import{default as wo}from"./components/EditRow/index.js";import{RadioButton as vo}from"./components/RadioButton/index.js";import{SpinnerThin as Po}from"./components/SpinnerThin/index.js";import{default as Ro}from"./components/Stamp/index.js";import{TimePicker as Mo}from"./components/TimePicker/index.js";import{default as No}from"./components/Hero/index.js";import{DayPicker as Vo}from"./components/DayPicker/index.js";import{Logo as Go}from"./components/Logo/index.js";import{Badge as Oo}from"./components/Badge/index.js";import{Toggle as qo}from"./components/Toggle/index.js";import{Stepper as zo}from"./components/Stepper/index.js";import{StepperAccordion as jo}from"./components/StepperAccordion/index.js";import{Card as Xo}from"./components/Card/index.js";import{Switcher as _o}from"./components/Switcher/index.js";import{NotificationButton as oe}from"./components/NotificationButton/index.js";import{default as te}from"./components/ValuationRange/index.js";import{Chip as ae}from"./components/Chip/index.js";import{default as le}from"./components/Breadcrumbs/index.js";import{default as me}from"./components/Message/index.js";import{default as de}from"./components/RegistrationPlate/index.js";import{MenuItem as xe}from"./components/MenuItem/index.js";import{default as ce}from"./icons/components/AddIcon.js";import{default as ie}from"./icons/components/AlertIcon.js";import{default as ye}from"./icons/components/ArrowDownIcon.js";import{default as Ce}from"./icons/components/ArrowLeftIcon.js";import{default as Be}from"./icons/components/ArrowRightIcon.js";import{default as Fe}from"./icons/components/ArrowUpIcon.js";import{default as we}from"./icons/components/AtvIcon.js";import{default as ve}from"./icons/components/AuctionIcon.js";import{default as Pe}from"./icons/components/BackIcon.js";import{default as Re}from"./icons/components/BankidIcon.js";import{default as Me}from"./icons/components/BidIcon.js";import{default as Ne}from"./icons/components/BodyIcon.js";import{default as Ve}from"./icons/components/BreaksIcon.js";import{default as Ge}from"./icons/components/CabIcon.js";import{default as Oe}from"./icons/components/CalendarIcon.js";import{default as qe}from"./icons/components/CameraIcon.js";import{default as ze}from"./icons/components/CamperIcon.js";import{default as je}from"./icons/components/CancelCircleIcon.js";import{default as Xe}from"./icons/components/CancelIcon.js";import{default as _e}from"./icons/components/CarIcon.js";import{default as ot}from"./icons/components/CarServiceIcon.js";import{default as tt}from"./icons/components/CaravanIcon.js";import{default as at}from"./icons/components/CertifiedIcon.js";import{default as lt}from"./icons/components/ChatIcon.js";import{default as mt}from"./icons/components/CheckCircleIcon.js";import{default as dt}from"./icons/components/CheckFilledIcon.js";import{default as xt}from"./icons/components/CheckIcon.js";import{default as ct}from"./icons/components/CheckmarkIcon.js";import{default as it}from"./icons/components/ClockIcon.js";import{default as yt}from"./icons/components/CloseIcon.js";import{default as Ct}from"./icons/components/CommentFilledIcon.js";import{default as Bt}from"./icons/components/CommentIcon.js";import{default as Ft}from"./icons/components/ConditioningIcon.js";import{default as wt}from"./icons/components/ContactIcon.js";import{default as vt}from"./icons/components/ControlNumberIcon.js";import{default as Pt}from"./icons/components/CopyIcon.js";import{default as Rt}from"./icons/components/CountdownIcon.js";import{default as Mt}from"./icons/components/CoupeIcon.js";import{default as Nt}from"./icons/components/CraneIcon.js";import{default as Vt}from"./icons/components/CupIcon.js";import{default as Gt}from"./icons/components/DeleteIcon.js";import{default as Ot}from"./icons/components/DisplayIcon.js";import{default as qt}from"./icons/components/DocumentIcon.js";import{default as zt}from"./icons/components/DownloadIcon.js";import{default as jt}from"./icons/components/EcoIcon.js";import{default as Xt}from"./icons/components/EditIcon.js";import{default as _t}from"./icons/components/EngineIcon.js";import{default as or}from"./icons/components/ErrorFilledIcon.js";import{default as tr}from"./icons/components/ErrorIcon.js";import{default as ar}from"./icons/components/EstoniaFlagIcon.js";import{default as lr}from"./icons/components/ExportIcon.js";import{default as mr}from"./icons/components/FacebookIcon.js";import{default as dr}from"./icons/components/FacilityIcon.js";import{default as xr}from"./icons/components/FavouriteFilledIcon.js";import{default as cr}from"./icons/components/FavouriteIcon.js";import{default as ir}from"./icons/components/FigmaIcon.js";import{default as yr}from"./icons/components/FilterIcon.js";import{default as Cr}from"./icons/components/FinanceIcon.js";import{default as Br}from"./icons/components/FinlandFlagIcon.js";import{default as Fr}from"./icons/components/FirstIcon.js";import{default as wr}from"./icons/components/FixedPriceIcon.js";import{default as vr}from"./icons/components/FuelIcon.js";import{default as Pr}from"./icons/components/GearboxIcon.js";import{default as Rr}from"./icons/components/GetPaidIcon.js";import{default as Mr}from"./icons/components/GridViewIcon.js";import{default as Nr}from"./icons/components/HatchbackIcon.js";import{default as Vr}from"./icons/components/HelpIcon.js";import{default as Gr}from"./icons/components/HistoryIcon.js";import{default as Or}from"./icons/components/HomeDeliveryIcon.js";import{default as qr}from"./icons/components/IdIcon.js";import{default as zr}from"./icons/components/ImageIcon.js";import{default as jr}from"./icons/components/InfoIcon.js";import{default as Xr}from"./icons/components/InstagramIcon.js";import{default as _r}from"./icons/components/InsuranceIcon.js";import{default as oa}from"./icons/components/InteriorIcon.js";import{default as ta}from"./icons/components/KvdIcon.js";import{default as aa}from"./icons/components/KvdTestIcon.js";import{default as la}from"./icons/components/KvdproIcon.js";import{default as ma}from"./icons/components/LastIcon.js";import{default as da}from"./icons/components/LeaderIcon.js";import{default as xa}from"./icons/components/LinkedinIcon.js";import{default as ca}from"./icons/components/ListViewIcon.js";import{default as ia}from"./icons/components/LocationIcon.js";import{default as ya}from"./icons/components/MailIcon.js";import{default as Ca}from"./icons/components/MenuIcon.js";import{default as Ba}from"./icons/components/MileageIcon.js";import{default as Fa}from"./icons/components/MinivanIcon.js";import{default as wa}from"./icons/components/ModelYearIcon.js";import{default as va}from"./icons/components/MoreIcon.js";import{default as Pa}from"./icons/components/MotorbikeIcon.js";import{default as Ra}from"./icons/components/NavigationIcon.js";import{default as Ma}from"./icons/components/NewIcon.js";import{default as Na}from"./icons/components/NextFilledIcon.js";import{default as Va}from"./icons/components/NextIcon.js";import{default as Ga}from"./icons/components/NotificationIcon.js";import{default as Oa}from"./icons/components/OpenInNewIcon.js";import{default as qa}from"./icons/components/PayementIcon.js";import{default as za}from"./icons/components/PercentIcon.js";import{default as ja}from"./icons/components/PhoneIcon.js";import{default as Xa}from"./icons/components/PickUpIcon.js";import{default as _a}from"./icons/components/Pickup.js";import{default as of}from"./icons/components/PlayIcon.js";import{default as tf}from"./icons/components/PlugIcon.js";import{default as af}from"./icons/components/PolandFlagIcon.js";import{default as lf}from"./icons/components/PreviousFilledIcon.js";import{default as mf}from"./icons/components/PreviousIcon.js";import{default as df}from"./icons/components/PrintIcon.js";import{default as xf}from"./icons/components/QuoteIcon.js";import{default as cf}from"./icons/components/RatingIcon.js";import{default as Sf}from"./icons/components/ReleasingIcon.js";import{default as gf}from"./icons/components/ReorderIcon.js";import{default as Tf}from"./icons/components/RestartIcon.js";import{default as kf}from"./icons/components/SalesOfferIcon.js";import{default as hf}from"./icons/components/SavedSearchIcon.js";import{default as bf}from"./icons/components/ScheduleIcon.js";import{default as Lf}from"./icons/components/SearchIcon.js";import{default as Df}from"./icons/components/SedanIcon.js";import{default as Af}from"./icons/components/SellFilledIcon.js";import{default as Ef}from"./icons/components/SellIcon.js";import{default as Hf}from"./icons/components/SettingsIcon.js";import{default as Uf}from"./icons/components/ShareIcon.js";import{default as Kf}from"./icons/components/ShowLessIcon.js";import{default as Qf}from"./icons/components/ShowMoreIcon.js";import{default as Wf}from"./icons/components/SignInIcon.js";import{default as Yf}from"./icons/components/SignOutIcon.js";import{default as Jf}from"./icons/components/SlackIcon.js";import{default as Zf}from"./icons/components/SmartphoneIcon.js";import{default as $f}from"./icons/components/SmileIcon.js";import{default as el}from"./icons/components/SnowmobileIcon.js";import{default as rl}from"./icons/components/SortColumnIcon.js";import{default as fl}from"./icons/components/SortIcon.js";import{default as pl}from"./icons/components/StorageIcon.js";import{default as nl}from"./icons/components/StoreIcon.js";import{default as ul}from"./icons/components/SuvIcon.js";import{default as sl}from"./icons/components/SwedishFlagIcon.js";import{default as Il}from"./icons/components/ThreeSixtyIcon.js";import{default as Sl}from"./icons/components/TractorIcon.js";import{default as gl}from"./icons/components/TrailerIcon.js";import{default as Tl}from"./icons/components/TransportIcon.js";import{default as kl}from"./icons/components/TruckIcon.js";import{default as hl}from"./icons/components/TwitterIcon.js";import{default as bl}from"./icons/components/TyresIcon.js";import{default as Ll}from"./icons/components/UnitedKingdomFlagIcon.js";import{default as Dl}from"./icons/components/UploadIcon.js";import{default as Al}from"./icons/components/UserIcon.js";import{default as El}from"./icons/components/ValuationIcon.js";import{default as Hl}from"./icons/components/VanIcon.js";import{default as Ul}from"./icons/components/VersionIcon.js";import{default as Kl}from"./icons/components/ViewsIcon.js";import{default as Ql}from"./icons/components/WagonIcon.js";import{default as Wl}from"./icons/components/WarningIcon.js";import{default as Yl}from"./icons/components/WarrantyIcon.js";import{default as Jl}from"./icons/components/YoutubeIcon.js";import{useDynamicScript as Zl}from"./hooks/useDynamicScript.js";import{Display1 as $l,Display1Style as op,Display2 as ep,Display2Style as tp,Display3 as rp,Display3Style as ap,Headline as fp,HeadlineStyle as lp,Subtitle as pp,SubtitleStyle as mp,TinyTitleBold as np,TinyTitleBoldStyle as dp,TinyTitleRegular as up,TinyTitleRegularStyle as xp,Title as sp,TitleStyle as cp}from"./typography/Heading/index.js";import{BodyLink as ip,BodyLinkStyle as Sp,BodyText as yp,BodyTextStyle as gp,Caption as Cp,CaptionLink as Tp,CaptionLinkStyle as Bp,CaptionStyle as kp,Quote as Fp,QuoteStyle as hp,Status as wp,StatusStyle as bp}from"./typography/BodyText/index.js";import{ButtonLarge as Lp,ButtonLargeTextStyle as Pp,Button as Dp,ButtonRegularTextStyle as Rp,ButtonSmall as Ap,ButtonSmallTextStyle as Mp}from"./typography/ButtonText/index.js";import{hexToRGB as Np,resetButtonStyle as Hp}from"./utils/utils.js";import"react/jsx-runtime";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";export{H as Accordion,ce as AddIcon,ie as AlertIcon,ye as ArrowDownIcon,Ce as ArrowLeftIcon,Be as ArrowRightIcon,Fe as ArrowUpIcon,we as AtvIcon,ve as AuctionIcon,Pe as BackIcon,Oo as Badge,Re as BankidIcon,Me as BidIcon,Ne as BodyIcon,ip as BodyLink,Sp as BodyLinkStyle,yp as BodyText,gp as BodyTextStyle,le as Breadcrumbs,Ve as BreaksIcon,U as Button,Lp as ButtonLargeText,Pp as ButtonLargeTextStyle,Dp as ButtonRegularText,Rp as ButtonRegularTextStyle,Ap as ButtonSmallText,Mp as ButtonSmallTextStyle,Ge as CabIcon,Oe as CalendarIcon,qe as CameraIcon,ze as CamperIcon,je as CancelCircleIcon,Xe as CancelIcon,Cp as Caption,Tp as CaptionLink,Bp as CaptionLinkStyle,kp as CaptionStyle,_e as CarIcon,ot as CarServiceIcon,tt as CaravanIcon,Xo as Card,at as CertifiedIcon,lt as ChatIcon,po as CheckBox,mt as CheckCircleIcon,dt as CheckFilledIcon,xt as CheckIcon,ct as CheckmarkIcon,ae as Chip,it as ClockIcon,yt as CloseIcon,Ct as CommentFilledIcon,Bt as CommentIcon,Ft as ConditioningIcon,wt as ContactIcon,vt as ControlNumberIcon,Pt as CopyIcon,Rt as CountdownIcon,Mt as CoupeIcon,Nt as CraneIcon,Vt as CupIcon,Vo as DayPicker,Gt as DeleteIcon,ro as Dialog,$l as Display1,op as Display1Style,ep as Display2,tp as Display2Style,rp as Display3,ap as Display3Style,Ot as DisplayIcon,qt as DocumentIcon,zt as DownloadIcon,jt as EcoIcon,Xt as EditIcon,wo as EditRow,_t as EngineIcon,or as ErrorFilledIcon,tr as ErrorIcon,Z as ErrorMessage,ar as EstoniaFlagIcon,lr as ExportIcon,mr as FacebookIcon,dr as FacilityIcon,xr as FavouriteFilledIcon,cr as FavouriteIcon,ir as FigmaIcon,yr as FilterIcon,Cr as FinanceIcon,Br as FinlandFlagIcon,Fr as FirstIcon,wr as FixedPriceIcon,io as Flex,vr as FuelIcon,Pr as GearboxIcon,Rr as GetPaidIcon,Mr as GridViewIcon,Nr as HatchbackIcon,fp as Headline,lp as HeadlineStyle,Vr as HelpIcon,No as Hero,Gr as HistoryIcon,Or as HomeDeliveryIcon,K as IconButton,qr as IdIcon,zr as ImageIcon,jr as InfoIcon,Xr as InstagramIcon,_r as InsuranceIcon,oa as InteriorIcon,ta as KvdIcon,aa as KvdTestIcon,la as KvdproIcon,ma as LastIcon,da as LeaderIcon,xa as LinkedinIcon,Bo as ListItem,ca as ListViewIcon,ia as LocationIcon,Go as Logo,ya as MailIcon,Ca as MenuIcon,xe as MenuItem,me as Message,Ba as MileageIcon,Fa as MinivanIcon,eo as Modal,wa as ModelYearIcon,va as MoreIcon,Pa as MotorbikeIcon,Ra as NavigationIcon,Ma as NewIcon,Na as NextFilledIcon,Va as NextIcon,oe as NotificationButton,Ga as NotificationIcon,fo as OffCanvas,Oa as OpenInNewIcon,qa as PayementIcon,za as PercentIcon,ja as PhoneIcon,Xa as PickUpIcon,_a as Pickup,of as PlayIcon,tf as PlugIcon,af as PolandFlagIcon,lf as PreviousFilledIcon,mf as PreviousIcon,df as PrintIcon,Fp as Quote,xf as QuoteIcon,hp as QuoteStyle,vo as RadioButton,cf as RatingIcon,de as RegistrationPlate,Sf as ReleasingIcon,gf as ReorderIcon,Tf as RestartIcon,kf as SalesOfferIcon,hf as SavedSearchIcon,bf as ScheduleIcon,Lf as SearchIcon,Df as SedanIcon,yo as Select,Af as SellFilledIcon,Ef as SellIcon,Hf as SettingsIcon,Uf as ShareIcon,Kf as ShowLessIcon,Qf as ShowMoreIcon,Wf as SignInIcon,Yf as SignOutIcon,Jf as SlackIcon,Zf as SmartphoneIcon,$f as SmileIcon,no as Snackbar,el as SnowmobileIcon,rl as SortColumnIcon,fl as SortIcon,xo as Spacer,$ as Spinner,Po as SpinnerThin,co as Stack,Ro as Stamp,wp as Status,bp as StatusStyle,zo as Stepper,jo as StepperAccordion,pl as StorageIcon,nl as StoreIcon,pp as Subtitle,mp as SubtitleStyle,ul as SuvIcon,sl as SwedishFlagIcon,_o as Switcher,J as Tab,Fo as Table,Y as Tabs,W as TextArea,Q as TextField,Il as ThreeSixtyIcon,Mo as TimePicker,np as TinyTitleBold,dp as TinyTitleBoldStyle,up as TinyTitleRegular,xp as TinyTitleRegularStyle,sp as Title,cp as TitleStyle,qo as Toggle,Co as ToggleArrow,Sl as TractorIcon,gl as TrailerIcon,Tl as TransportIcon,kl as TruckIcon,hl as TwitterIcon,bl as TyresIcon,Ll as UnitedKingdomFlagIcon,Dl as UploadIcon,Al as UserIcon,El as ValuationIcon,te as ValuationRange,Hl as VanIcon,Ul as VersionIcon,Kl as ViewsIcon,Ql as WagonIcon,Wl as WarningIcon,Yl as WarrantyIcon,Jl as YoutubeIcon,Np as hexToRGB,R as mediaQueries,A as mq,M as mqNumberSizes,E as mqSizes,Hp as resetButtonStyle,P as theme,Zl as useDynamicScript};
+import{default as P}from"./theme.js";import{mediaQueries as R,mq as A,mqNumberSizes as M,mqSizes as N}from"./shared/media-queries.js";import{Accordion as H}from"./components/Accordion/index.js";import{Button as U}from"./components/Button/index.js";import{default as K}from"./components/IconButton.js";import{TextField as Q}from"./components/Textfield/index.js";import{TextArea as q}from"./components/TextArea/index.js";import{Tabs as Y}from"./components/Tabs/Tabs.js";import{default as J}from"./components/Tabs/Tab.js";import{ErrorMessage as Z}from"./components/ErrorMessage/index.js";import{default as $}from"./components/Spinner/index.js";import{Modal as eo}from"./components/Modal/index.js";import{Dialog as ro}from"./components/Dialog/index.js";import{OffCanvas as fo}from"./components/OffCanvas/index.js";import{CheckBox as po}from"./components/CheckBox/index.js";import{Snackbar as no}from"./components/Snackbar/index.js";import{default as so}from"./components/Spacer/index.js";import{default as co}from"./components/Stack/index.js";import{default as io}from"./components/Flex/index.js";import{Select as yo}from"./components/Select/index.js";import{default as Co}from"./components/ToggleArrow/index.js";import{default as Bo}from"./components/ListItem/index.js";import{default as Fo}from"./components/Table/index.js";import{default as wo}from"./components/EditRow/index.js";import{RadioButton as bo}from"./components/RadioButton/index.js";import{SpinnerThin as Po}from"./components/SpinnerThin/index.js";import{default as Ro}from"./components/Stamp/index.js";import{TimePicker as Mo}from"./components/TimePicker/index.js";import{default as Eo}from"./components/Hero/index.js";import{DayPicker as Vo}from"./components/DayPicker/index.js";import{Logo as Go}from"./components/Logo/index.js";import{Badge as Oo}from"./components/Badge/index.js";import{Toggle as Wo}from"./components/Toggle/index.js";import{Stepper as zo}from"./components/Stepper/index.js";import{StepperAccordion as jo}from"./components/StepperAccordion/index.js";import{Card as Xo}from"./components/Card/index.js";import{Switcher as _o}from"./components/Switcher/index.js";import{NotificationButton as oe}from"./components/NotificationButton/index.js";import{default as te}from"./components/ValuationRange/index.js";import{Chip as ae}from"./components/Chip/index.js";import{default as le}from"./components/Breadcrumbs/index.js";import{default as me}from"./components/Message/index.js";import{default as de}from"./components/RegistrationPlate/index.js";import{MenuItem as se}from"./components/MenuItem/index.js";import{default as ce}from"./icons/components/AddIcon.js";import{default as ie}from"./icons/components/AlertIcon.js";import{default as ye}from"./icons/components/ArrowDownIcon.js";import{default as Ce}from"./icons/components/ArrowLeftIcon.js";import{default as Be}from"./icons/components/ArrowRightIcon.js";import{default as Fe}from"./icons/components/ArrowUpIcon.js";import{default as we}from"./icons/components/AtvIcon.js";import{default as be}from"./icons/components/AuctionIcon.js";import{default as Pe}from"./icons/components/BackIcon.js";import{default as Re}from"./icons/components/BankidIcon.js";import{default as Me}from"./icons/components/BidIcon.js";import{default as Ee}from"./icons/components/BodyIcon.js";import{default as Ve}from"./icons/components/BreaksIcon.js";import{default as Ge}from"./icons/components/CabIcon.js";import{default as Oe}from"./icons/components/CalendarIcon.js";import{default as We}from"./icons/components/CameraIcon.js";import{default as ze}from"./icons/components/CamperIcon.js";import{default as je}from"./icons/components/CancelCircleIcon.js";import{default as Xe}from"./icons/components/CancelIcon.js";import{default as _e}from"./icons/components/CarIcon.js";import{default as ot}from"./icons/components/CarServiceIcon.js";import{default as tt}from"./icons/components/CaravanIcon.js";import{default as at}from"./icons/components/CertifiedIcon.js";import{default as lt}from"./icons/components/ChatIcon.js";import{default as mt}from"./icons/components/CheckCircleIcon.js";import{default as dt}from"./icons/components/CheckFilledIcon.js";import{default as st}from"./icons/components/CheckIcon.js";import{default as ct}from"./icons/components/CheckmarkIcon.js";import{default as it}from"./icons/components/ClockIcon.js";import{default as yt}from"./icons/components/CloseIcon.js";import{default as Ct}from"./icons/components/CommentFilledIcon.js";import{default as Bt}from"./icons/components/CommentIcon.js";import{default as Ft}from"./icons/components/ConditioningIcon.js";import{default as wt}from"./icons/components/ContactIcon.js";import{default as bt}from"./icons/components/ControlNumberIcon.js";import{default as Pt}from"./icons/components/CopyIcon.js";import{default as Rt}from"./icons/components/CountdownIcon.js";import{default as Mt}from"./icons/components/CoupeIcon.js";import{default as Et}from"./icons/components/CraneIcon.js";import{default as Vt}from"./icons/components/CupIcon.js";import{default as Gt}from"./icons/components/DeleteIcon.js";import{default as Ot}from"./icons/components/DisplayIcon.js";import{default as Wt}from"./icons/components/DocumentIcon.js";import{default as zt}from"./icons/components/DownloadIcon.js";import{default as jt}from"./icons/components/EcoIcon.js";import{default as Xt}from"./icons/components/EditIcon.js";import{default as _t}from"./icons/components/EngineIcon.js";import{default as or}from"./icons/components/ErrorFilledIcon.js";import{default as tr}from"./icons/components/ErrorIcon.js";import{default as ar}from"./icons/components/EstoniaFlagIcon.js";import{default as lr}from"./icons/components/ExportIcon.js";import{default as mr}from"./icons/components/FacebookIcon.js";import{default as dr}from"./icons/components/FacilityIcon.js";import{default as sr}from"./icons/components/FavouriteFilledIcon.js";import{default as cr}from"./icons/components/FavouriteIcon.js";import{default as ir}from"./icons/components/FigmaIcon.js";import{default as yr}from"./icons/components/FilterIcon.js";import{default as Cr}from"./icons/components/FinanceIcon.js";import{default as Br}from"./icons/components/FinlandFlagIcon.js";import{default as Fr}from"./icons/components/FirstIcon.js";import{default as wr}from"./icons/components/FixedPriceIcon.js";import{default as br}from"./icons/components/FuelIcon.js";import{default as Pr}from"./icons/components/GearboxIcon.js";import{default as Rr}from"./icons/components/GetPaidIcon.js";import{default as Mr}from"./icons/components/GridViewIcon.js";import{default as Er}from"./icons/components/HatchbackIcon.js";import{default as Vr}from"./icons/components/HelpIcon.js";import{default as Gr}from"./icons/components/HistoryIcon.js";import{default as Or}from"./icons/components/HomeDeliveryIcon.js";import{default as Wr}from"./icons/components/IdIcon.js";import{default as zr}from"./icons/components/ImageIcon.js";import{default as jr}from"./icons/components/InfoIcon.js";import{default as Xr}from"./icons/components/InstagramIcon.js";import{default as _r}from"./icons/components/InsuranceIcon.js";import{default as oa}from"./icons/components/InteriorIcon.js";import{default as ta}from"./icons/components/KvdIcon.js";import{default as aa}from"./icons/components/KvdTestIcon.js";import{default as la}from"./icons/components/KvdproIcon.js";import{default as ma}from"./icons/components/LastIcon.js";import{default as da}from"./icons/components/LeaderIcon.js";import{default as sa}from"./icons/components/LinkedinIcon.js";import{default as ca}from"./icons/components/ListViewIcon.js";import{default as ia}from"./icons/components/LocationIcon.js";import{default as ya}from"./icons/components/MailIcon.js";import{default as Ca}from"./icons/components/MenuIcon.js";import{default as Ba}from"./icons/components/MileageIcon.js";import{default as Fa}from"./icons/components/MinivanIcon.js";import{default as wa}from"./icons/components/ModelYearIcon.js";import{default as ba}from"./icons/components/MoreIcon.js";import{default as Pa}from"./icons/components/MotorbikeIcon.js";import{default as Ra}from"./icons/components/NavigationIcon.js";import{default as Ma}from"./icons/components/NewIcon.js";import{default as Ea}from"./icons/components/NextFilledIcon.js";import{default as Va}from"./icons/components/NextIcon.js";import{default as Ga}from"./icons/components/NotificationIcon.js";import{default as Oa}from"./icons/components/OpenInNewIcon.js";import{default as Wa}from"./icons/components/PayementIcon.js";import{default as za}from"./icons/components/PercentIcon.js";import{default as ja}from"./icons/components/PhoneIcon.js";import{default as Xa}from"./icons/components/PickUpIcon.js";import{default as _a}from"./icons/components/Pickup.js";import{default as of}from"./icons/components/PlayIcon.js";import{default as tf}from"./icons/components/PlugIcon.js";import{default as af}from"./icons/components/PolandFlagIcon.js";import{default as lf}from"./icons/components/PreviousFilledIcon.js";import{default as mf}from"./icons/components/PreviousIcon.js";import{default as df}from"./icons/components/PrintIcon.js";import{default as sf}from"./icons/components/QuoteIcon.js";import{default as cf}from"./icons/components/RatingIcon.js";import{default as Sf}from"./icons/components/ReleasingIcon.js";import{default as gf}from"./icons/components/ReorderIcon.js";import{default as Tf}from"./icons/components/RestartIcon.js";import{default as kf}from"./icons/components/SalesOfferIcon.js";import{default as hf}from"./icons/components/SavedSearchIcon.js";import{default as vf}from"./icons/components/ScheduleIcon.js";import{default as Lf}from"./icons/components/SearchIcon.js";import{default as Df}from"./icons/components/SedanIcon.js";import{default as Af}from"./icons/components/SellFilledIcon.js";import{default as Nf}from"./icons/components/SellIcon.js";import{default as Hf}from"./icons/components/SettingsIcon.js";import{default as Uf}from"./icons/components/ShareIcon.js";import{default as Kf}from"./icons/components/ShowLessIcon.js";import{default as Qf}from"./icons/components/ShowMoreIcon.js";import{default as qf}from"./icons/components/SignInIcon.js";import{default as Yf}from"./icons/components/SignOutIcon.js";import{default as Jf}from"./icons/components/SlackIcon.js";import{default as Zf}from"./icons/components/SmartphoneIcon.js";import{default as $f}from"./icons/components/SmileIcon.js";import{default as el}from"./icons/components/SnowmobileIcon.js";import{default as rl}from"./icons/components/SortColumnIcon.js";import{default as fl}from"./icons/components/SortIcon.js";import{default as pl}from"./icons/components/StorageIcon.js";import{default as nl}from"./icons/components/StoreIcon.js";import{default as ul}from"./icons/components/SuvIcon.js";import{default as xl}from"./icons/components/SwedishFlagIcon.js";import{default as Il}from"./icons/components/ThreeSixtyIcon.js";import{default as Sl}from"./icons/components/TractorIcon.js";import{default as gl}from"./icons/components/TrailerIcon.js";import{default as Tl}from"./icons/components/TransportIcon.js";import{default as kl}from"./icons/components/TruckIcon.js";import{default as hl}from"./icons/components/TwitterIcon.js";import{default as vl}from"./icons/components/TyresIcon.js";import{default as Ll}from"./icons/components/UnitedKingdomFlagIcon.js";import{default as Dl}from"./icons/components/UploadIcon.js";import{default as Al}from"./icons/components/UserIcon.js";import{default as Nl}from"./icons/components/ValuationIcon.js";import{default as Hl}from"./icons/components/VanIcon.js";import{default as Ul}from"./icons/components/VersionIcon.js";import{default as Kl}from"./icons/components/ViewsIcon.js";import{default as Ql}from"./icons/components/WagonIcon.js";import{default as ql}from"./icons/components/WarningIcon.js";import{default as Yl}from"./icons/components/WarrantyIcon.js";import{default as Jl}from"./icons/components/YoutubeIcon.js";import{useDynamicScript as Zl}from"./hooks/useDynamicScript.js";import{Display1 as $l,Display1Style as op,Display2 as ep,Display2Style as tp,Display3 as rp,Display3Style as ap,Headline as fp,HeadlineStyle as lp,Subtitle as pp,SubtitleStyle as mp,TinyTitleBold as np,TinyTitleBoldStyle as dp,TinyTitleRegular as up,TinyTitleRegularStyle as sp,Title as xp,TitleStyle as cp}from"./typography/Heading/index.js";import{BodyLink as ip,BodyLinkStyle as Sp,BodyText as yp,BodyTextStyle as gp,Caption as Cp,CaptionLink as Tp,CaptionLinkStyle as Bp,CaptionStyle as kp,Quote as Fp,QuoteStyle as hp,Status as wp,StatusStyle as vp}from"./typography/BodyText/index.js";import{ButtonLarge as Lp,ButtonLargeTextStyle as Pp,Button as Dp,ButtonRegularTextStyle as Rp,ButtonSmall as Ap,ButtonSmallTextStyle as Mp}from"./typography/ButtonText/index.js";import{hexToRGB as Ep,resetButtonStyle as Hp,resolveColorWithNeutral as Vp}from"./utils/utils.js";import"react/jsx-runtime";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";export{H as Accordion,ce as AddIcon,ie as AlertIcon,ye as ArrowDownIcon,Ce as ArrowLeftIcon,Be as ArrowRightIcon,Fe as ArrowUpIcon,we as AtvIcon,be as AuctionIcon,Pe as BackIcon,Oo as Badge,Re as BankidIcon,Me as BidIcon,Ee as BodyIcon,ip as BodyLink,Sp as BodyLinkStyle,yp as BodyText,gp as BodyTextStyle,le as Breadcrumbs,Ve as BreaksIcon,U as Button,Lp as ButtonLargeText,Pp as ButtonLargeTextStyle,Dp as ButtonRegularText,Rp as ButtonRegularTextStyle,Ap as ButtonSmallText,Mp as ButtonSmallTextStyle,Ge as CabIcon,Oe as CalendarIcon,We as CameraIcon,ze as CamperIcon,je as CancelCircleIcon,Xe as CancelIcon,Cp as Caption,Tp as CaptionLink,Bp as CaptionLinkStyle,kp as CaptionStyle,_e as CarIcon,ot as CarServiceIcon,tt as CaravanIcon,Xo as Card,at as CertifiedIcon,lt as ChatIcon,po as CheckBox,mt as CheckCircleIcon,dt as CheckFilledIcon,st as CheckIcon,ct as CheckmarkIcon,ae as Chip,it as ClockIcon,yt as CloseIcon,Ct as CommentFilledIcon,Bt as CommentIcon,Ft as ConditioningIcon,wt as ContactIcon,bt as ControlNumberIcon,Pt as CopyIcon,Rt as CountdownIcon,Mt as CoupeIcon,Et as CraneIcon,Vt as CupIcon,Vo as DayPicker,Gt as DeleteIcon,ro as Dialog,$l as Display1,op as Display1Style,ep as Display2,tp as Display2Style,rp as Display3,ap as Display3Style,Ot as DisplayIcon,Wt as DocumentIcon,zt as DownloadIcon,jt as EcoIcon,Xt as EditIcon,wo as EditRow,_t as EngineIcon,or as ErrorFilledIcon,tr as ErrorIcon,Z as ErrorMessage,ar as EstoniaFlagIcon,lr as ExportIcon,mr as FacebookIcon,dr as FacilityIcon,sr as FavouriteFilledIcon,cr as FavouriteIcon,ir as FigmaIcon,yr as FilterIcon,Cr as FinanceIcon,Br as FinlandFlagIcon,Fr as FirstIcon,wr as FixedPriceIcon,io as Flex,br as FuelIcon,Pr as GearboxIcon,Rr as GetPaidIcon,Mr as GridViewIcon,Er as HatchbackIcon,fp as Headline,lp as HeadlineStyle,Vr as HelpIcon,Eo as Hero,Gr as HistoryIcon,Or as HomeDeliveryIcon,K as IconButton,Wr as IdIcon,zr as ImageIcon,jr as InfoIcon,Xr as InstagramIcon,_r as InsuranceIcon,oa as InteriorIcon,ta as KvdIcon,aa as KvdTestIcon,la as KvdproIcon,ma as LastIcon,da as LeaderIcon,sa as LinkedinIcon,Bo as ListItem,ca as ListViewIcon,ia as LocationIcon,Go as Logo,ya as MailIcon,Ca as MenuIcon,se as MenuItem,me as Message,Ba as MileageIcon,Fa as MinivanIcon,eo as Modal,wa as ModelYearIcon,ba as MoreIcon,Pa as MotorbikeIcon,Ra as NavigationIcon,Ma as NewIcon,Ea as NextFilledIcon,Va as NextIcon,oe as NotificationButton,Ga as NotificationIcon,fo as OffCanvas,Oa as OpenInNewIcon,Wa as PayementIcon,za as PercentIcon,ja as PhoneIcon,Xa as PickUpIcon,_a as Pickup,of as PlayIcon,tf as PlugIcon,af as PolandFlagIcon,lf as PreviousFilledIcon,mf as PreviousIcon,df as PrintIcon,Fp as Quote,sf as QuoteIcon,hp as QuoteStyle,bo as RadioButton,cf as RatingIcon,de as RegistrationPlate,Sf as ReleasingIcon,gf as ReorderIcon,Tf as RestartIcon,kf as SalesOfferIcon,hf as SavedSearchIcon,vf as ScheduleIcon,Lf as SearchIcon,Df as SedanIcon,yo as Select,Af as SellFilledIcon,Nf as SellIcon,Hf as SettingsIcon,Uf as ShareIcon,Kf as ShowLessIcon,Qf as ShowMoreIcon,qf as SignInIcon,Yf as SignOutIcon,Jf as SlackIcon,Zf as SmartphoneIcon,$f as SmileIcon,no as Snackbar,el as SnowmobileIcon,rl as SortColumnIcon,fl as SortIcon,so as Spacer,$ as Spinner,Po as SpinnerThin,co as Stack,Ro as Stamp,wp as Status,vp as StatusStyle,zo as Stepper,jo as StepperAccordion,pl as StorageIcon,nl as StoreIcon,pp as Subtitle,mp as SubtitleStyle,ul as SuvIcon,xl as SwedishFlagIcon,_o as Switcher,J as Tab,Fo as Table,Y as Tabs,q as TextArea,Q as TextField,Il as ThreeSixtyIcon,Mo as TimePicker,np as TinyTitleBold,dp as TinyTitleBoldStyle,up as TinyTitleRegular,sp as TinyTitleRegularStyle,xp as Title,cp as TitleStyle,Wo as Toggle,Co as ToggleArrow,Sl as TractorIcon,gl as TrailerIcon,Tl as TransportIcon,kl as TruckIcon,hl as TwitterIcon,vl as TyresIcon,Ll as UnitedKingdomFlagIcon,Dl as UploadIcon,Al as UserIcon,Nl as ValuationIcon,te as ValuationRange,Hl as VanIcon,Ul as VersionIcon,Kl as ViewsIcon,Ql as WagonIcon,ql as WarningIcon,Yl as WarrantyIcon,Jl as YoutubeIcon,Ep as hexToRGB,R as mediaQueries,A as mq,M as mqNumberSizes,N as mqSizes,Hp as resetButtonStyle,Vp as resolveColorWithNeutral,P as theme,Zl as useDynamicScript};

package/esm/theme.js

@@ -1 +1 @@
-const a={typography:{fontBaseFamily:"'Open Sans', sans-serif",fontAlternativeFamily:"'Next Book', sans-serif",fontBaseRegularWeight:400,fontBaseBoldWeight:600,fontAlternativeRegularWeight:400,fontAlternativeBoldWeight:700},colors:{primary:{darker:"#d98500",dark:"#e8a100",main:"#f5b400",light:"#f7cf57",lighter:"#fce5ab",lighter2:"#fff7e5"},secondary:{darker:"#00474d",dark:"#007069",main:"#2a9d8f",light:"#6bb8a6",lighter:"#bae3cc",lighter2:"#e5f5ed"},tertiary:{darker:"#5e2636",dark:"#a63640",main:"#ef5b5b",light:"#f5968a",lighter:"#f5c7bf",lighter2:"#fcedeb"},info:{darker:"#17395d",dark:"#004773",main:"#007ab8",light:"#57c2ff",lighter:"#abe0ff",lighter2:"#e5f5ff"},success:{darker:"#175c36",dark:"#269940",main:"#59d771",light:"#91e5a1",lighter:"#c7f2cf",lighter2:"#edfaf0"},warning:{darker:"#d98500",dark:"#e8a100",main:"#f5b400",light:"#f7cf57",lighter:"#fce5ab",lighter2:"#fff7e5"},error:{darker:"#5e2636",dark:"#a63640",main:"#ef5b5b",light:"#f5968a",lighter:"#f5c7bf",lighter2:"#fcedeb"},neutral:{darker:"#1a2030",dark:"#1a2030",main:"#1a2030",light:"#474d59",lighter:"#5e6369",lighter2:"#707378"},text:{dark:"#1a2030",light:"#ffffff",disabled:"#8c8f91"},background:{dark:"#1a2030",gray:"#f2f2f2",sand:"#f2efe6",light:"#ffffff"},common:{black:"#000000",white:"#ffffff",purple:{darker:"#42214f",dark:"#732e70",main:"#a13d8f",light:"#c27db5",lighter:"#e0bfd9",lighter2:"#f5edf2"}},gray:{dark1:"#1a2030",dark2:"#303842",dark3:"#474d59",dark4:"#5e6369",dark5:"#707378",light1:"#8c8f91",light2:"#a3a6a8",light3:"#c7c7c4",light4:"#d9d9d6",light5:"#e8e8e8",light6:"#f2f2f2"}},elevations:{elevation2:"0px 1px 5px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.09), 0px 2px 4px rgba(0, 0, 0, 0.1)",elevation4:"0px 1px 10px rgba(0, 0, 0, 0.15), 0px 4px 5px rgba(0, 0, 0, 0.09), 0px 2px 4px rgba(0, 0, 0, 0.1)",elevation8:"0px 4px 5px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.09), 0px 8px 10px rgba(0, 0, 0, 0.1)",elevation16:"0px 8px 10px rgba(0, 0, 0, 0.15), 0px 6px 30px rgba(0, 0, 0, 0.09), 0px 16px 24px rgba(0, 0, 0, 0.1)",elevation24:"0px 11px 15px rgba(0, 0, 0, 0.15), 0px 9px 46px rgba(0, 0, 0, 0.09), 0px 24px 38px rgba(0, 0, 0, 0.1)"}};export{a as default};
+const a={typography:{fontBaseFamily:"'Open Sans', sans-serif",fontAlternativeFamily:"'Next Book', sans-serif",fontBaseRegularWeight:400,fontBaseBoldWeight:600,fontAlternativeRegularWeight:400,fontAlternativeBoldWeight:700},colors:{primary:{darker:"#c48900",dark:"#e8a100",mainAlt:"#e8a100",main:"#f5b400",light:"#f7cf57",lighter:"#fbe7ab",lighter2:"#fff7e5",lighter3:"#fdf9f1"},secondary:{darker:"#00474d",dark:"#1b6359",mainAlt:"#228277",main:"#299d8f",light:"#32bfaf",lighter:"#a4ddcb",lighter2:"#d6f0e8",lighter3:"#f4fbf8"},tertiary:{darker:"#5e2636",dark:"#9c333c",mainAlt:"#c94d4d",main:"#f05c5c",light:"#f59085",lighter:"#fac7c3",lighter2:"#fcedeb",lighter3:"#fbf5f4"},info:{darker:"#004773",dark:"#005e8c",mainAlt:"#007ab8",main:"#499ad4",light:"#3bb7e2",lighter:"#abe0ff",lighter2:"#e5f5ff",lighter3:"#f4f8fb"},success:{darker:"#0b4222",dark:"#006629",mainAlt:"#00aa47",main:"#3ac25e",light:"#59d771",lighter:"#c7f2cf",lighter2:"#edfaf0",lighter3:"#f4fbf7"},warning:{darker:"#c48900",dark:"#e8a100",mainAlt:"#e8a100",main:"#f5b400",light:"#f7cf57",lighter:"#fbe7ab",lighter2:"#fff7e5",lighter3:"#fdf9f1"},error:{darker:"#841c24",dark:"#aa2228",mainAlt:"#e9191d",main:"#ff5153",light:"#ff8888",lighter:"#ffc2c2",lighter2:"#ffd6d6",lighter3:"#fbf4f4"},purple:{darker:"#42214f",dark:"#8f367f",mainAlt:"#a33e90",main:"#cf59bf",light:"#e28dde",lighter:"#e0bfd9",lighter2:"#f5edf2",lighter3:"#fbf4f9"},text:{dark:"#1a2030",disabled:"#babcc2",light:"#ffffff"},background:{light:"#ffffff",lightGray:"#fafafa",gray:"#f2f2f2",sand:"#f2efe6",dark:"#1a2030"},common:{black:"#000000",white:"#ffffff"},grayscaleToned:{dark1:"#1a2030",dark2:"#313645",dark3:"#484d59",dark4:"#5f636e",dark5:"#71757f",light1:"#8d8f97",light2:"#a4a6ac",light3:"#babcc2",light4:"#d1d2d6",light5:"#e8e9ea",light6:"#f2f2f2",light7:"#fafafa"},grayscaleNeutral:{dark1:"#000000",dark2:"#191919",dark3:"#333333",dark4:"#4c4c4c",dark5:"#666666",light1:"#7f7f7f",light2:"#999999",light3:"#b2b2b2",light4:"#cccccc",light5:"#e5e5e5",light6:"#f0f0f0",light7:"#fbfbfb"}},elevations:{elevation2:"0px 1px 5px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.09), 0px 2px 4px rgba(0, 0, 0, 0.1)",elevation4:"0px 1px 10px rgba(0, 0, 0, 0.15), 0px 4px 5px rgba(0, 0, 0, 0.09), 0px 2px 4px rgba(0, 0, 0, 0.1)",elevation8:"0px 4px 5px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.09), 0px 8px 10px rgba(0, 0, 0, 0.1)",elevation16:"0px 8px 10px rgba(0, 0, 0, 0.15), 0px 6px 30px rgba(0, 0, 0, 0.09), 0px 16px 24px rgba(0, 0, 0, 0.1)",elevation24:"0px 11px 15px rgba(0, 0, 0, 0.15), 0px 9px 46px rgba(0, 0, 0, 0.09), 0px 24px 38px rgba(0, 0, 0, 0.1)"}};export{a as default};

package/esm/typography/BodyText/index.js

@@ -1,60 +1,66 @@
-import{jsx as g}from"react/jsx-runtime";import o,{css as e}from"styled-components";import{mq as $}from"../../shared/media-queries.js";const n=e`
+import{jsx as $}from"react/jsx-runtime";import o,{css as t}from"styled-components";import{mq as u}from"../../shared/media-queries.js";const n=t`
   font-feature-settings: 'lnum' on;
-`,a=e`
-  font-family: ${({theme:t})=>t.typography.fontBaseFamily};
+`,a=t`
+  font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   ${n}
-`,i=e`
+`,i=t`
   ${a}
-  font-weight: ${({theme:t})=>t.typography.fontBaseRegularWeight};
-`,r=e`
+  font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
+`,r=t`
   ${a}
-  font-weight: ${({theme:t})=>t.typography.fontBaseBoldWeight};
-`,m=e`
+  font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
+`,m=t`
   ${i}
   font-size: 1rem;
   line-height: 1.5rem;
-`,f=e`
+`,f=t`
   ${i}
   font-size: 0.75rem;
   line-height: 1.5rem;
-`,u=o.p`
+`,h=t`
   ${i}
-`,h=e`
+  font-size: 0.625rem;
+  line-height: 1rem;
+`,B=o.p`
+  ${i}
+`,p=t`
   font-family: Georgia, Cambria, Cochin, Times, 'Times New Roman', serif;
   font-style: italic;
-  font-weight: ${({theme:t})=>t.typography.fontBaseRegularWeight};
+  font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
   font-size: 1rem;
   line-height: 1.5rem;
   ${n}
-`,B=o.p`
-  ${h}
 `,d=o.p`
+  ${p}
+`,S=o.p`
   ${m}
-`,s=e`
+`,l=t`
   ${r}
   font-size: 1rem;
   line-height: 1.5rem;
-`,S=o.p`
-  ${s}
-`,x=o.p`
+`,z=o.p`
+  ${l}
+`,C=o.p`
   ${f}
-`,p=e`
+`,x=o.p`
+  ${h}
+`,s=t`
   ${r}
   font-size: 0.75rem;
   line-height: 1.5rem;
-`,z=o.p`
-  ${p}
-`,y=e`
-  font-family: ${({theme:t})=>t.typography.fontAlternativeFamily};
-  font-weight: ${({theme:t})=>t.typography.fontAlternativeBoldWeight};
+`,c=o.p`
+  ${s}
+`,y=t`
+  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
+  font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
   font-size: 1rem;
   line-height: 1.5rem;
   text-transform: uppercase;
   font-feature-settings: 'lnum' on;
 
-  ${$("laptop")} {
+  ${u("laptop")} {
     font-size: 0.75rem;
   }
-`,c=o.p`
+`,T=o.p`
   ${y}
-`,l=()=>g("div",{});export{S as BodyLink,s as BodyLinkStyle,d as BodyText,m as BodyTextStyle,l as BodyTexts,x as Caption,z as CaptionLink,p as CaptionLinkStyle,f as CaptionStyle,B as Quote,h as QuoteStyle,c as Status,y as StatusStyle,u as StyledBodyText,l as default};
+`,g=()=>$("div",{});export{z as BodyLink,l as BodyLinkStyle,S as BodyText,m as BodyTextStyle,g as BodyTexts,C as Caption,x as Caption2,h as Caption2Style,c as CaptionLink,s as CaptionLinkStyle,f as CaptionStyle,d as Quote,p as QuoteStyle,T as Status,y as StatusStyle,B as StyledBodyText,g as default};

package/esm/utils/utils.js

@@ -1,4 +1,4 @@
-import{css as o}from"styled-components";const t=e=>{let r=0,n=0,a=0;return e.length===4?(r=parseInt("0x"+e[1]+e[1]),n=parseInt("0x"+e[2]+e[2]),a=parseInt("0x"+e[3]+e[3])):e.length===7&&(r=parseInt("0x"+e[1]+e[2]),n=parseInt("0x"+e[3]+e[4]),a=parseInt("0x"+e[5]+e[6])),(Math.max(Number(r/255),Number(n/255),Number(a/255))+Math.min(Number(r/255),Number(n/255),Number(a/255)))/2*100},p=(e,r=1)=>{const n=parseInt(e.slice(1,3),16),a=parseInt(e.slice(3,5),16),s=parseInt(e.slice(5,7),16);return`rgba(${n}, ${a}, ${s}, ${r})`},i=o`
+import{css as l}from"styled-components";const s=e=>{let a=0,r=0,t=0;return e.length===4?(a=parseInt("0x"+e[1]+e[1]),r=parseInt("0x"+e[2]+e[2]),t=parseInt("0x"+e[3]+e[3])):e.length===7&&(a=parseInt("0x"+e[1]+e[2]),r=parseInt("0x"+e[3]+e[4]),t=parseInt("0x"+e[5]+e[6])),(Math.max(Number(a/255),Number(r/255),Number(t/255))+Math.min(Number(a/255),Number(r/255),Number(t/255)))/2*100},c=(e,a=1)=>{const r=parseInt(e.slice(1,3),16),t=parseInt(e.slice(3,5),16),o=parseInt(e.slice(5,7),16);return`rgba(${r}, ${t}, ${o}, ${a})`},i=l`
   appearance: none;
   background-color: transparent;
   border: 0;
@@ -6,4 +6,4 @@ import{css as o}from"styled-components";const t=e=>{let r=0,n=0,a=0;return e.len
   font-family: inherit;
   outline: none;
   padding: 0;
-`;export{t as getLuminosity,p as hexToRGB,i as resetButtonStyle};
+`,n=e=>({darker:e.colors.grayscaleNeutral.dark1,dark:e.colors.grayscaleNeutral.dark1,mainAlt:e.colors.grayscaleToned.dark1,main:e.colors.grayscaleToned.dark1,light:e.colors.grayscaleToned.light1}),u=(e,a)=>a==="neutral"?n(e):e.colors[a];export{s as getLuminosity,c as hexToRGB,n as neutralColorSwap,i as resetButtonStyle,u as resolveColorWithNeutral};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "15.1.4",
+  "version": "16.0.0",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -70,7 +70,7 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
-    "@types/node": "22.15.19",
+    "@types/node": "22.15.24",
     "@types/react": "^18.3.8",
     "@types/react-collapse": "^5.0.4",
     "@types/react-dom": "^18.3.0",

package/package.json.tmp

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "15.1.4",
+  "version": "16.0.0",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -69,7 +69,7 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
-    "@types/node": "22.15.19",
+    "@types/node": "22.15.24",
     "@types/react": "^18.3.8",
     "@types/react-collapse": "^5.0.4",
     "@types/react-dom": "^18.3.0",

package/types/Types.d.ts

@@ -1,10 +1,12 @@
 import { SCREEN_SIZE } from './shared/media-queries';
-export type Color = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'error' | 'warning' | 'neutral';
-export type ColorShade = 'main' | 'darker' | 'dark' | 'light' | 'lighter' | 'lighter2';
+export type Color = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'error' | 'warning' | 'purple';
+export type ColorShade = 'darker' | 'dark' | 'mainAlt' | 'main' | 'light' | 'lighter' | 'lighter2' | 'lighter3';
 export type TextColor = 'dark' | 'light' | 'disabled';
-export type ColorWithNone = 'none' | Color;
+export type ColorWithNeutral = Color | 'neutral';
+export type ColorWithNone = 'none' | ColorWithNeutral;
 export type Variant = 'solid' | 'outline' | 'flat';
-export type Size = 'small' | 'smaller' | 'regular' | 'large';
+export type Size = 'small' | 'regular' | 'large';
+export type SpinnerSize = Size | 'smaller';
 export type CheckboxSize = 'regular' | 'large';
 export type RadioButtonSize = 'regular' | 'large';
 export type Speed = 'slow' | 'default' | 'fast';