@kvdbil/components 14.3.3 → 14.3.5

package/cjs/typography/Heading/index.js

@@ -1,86 +1,86 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var u=require("react"),t=require("styled-components"),l=require("../../shared/media-queries.js");function a(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var d=a(u),i=a(t);const n=t.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../shared/media-queries.js");var l,r=(l=t)&&l.__esModule?l:{default:l};const s=t.css`
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
   font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
 `,o=t.css`
-  ${n}
+  ${s}
   font-size: 2.5rem;
   line-height: 3rem;
 
-  ${l.mq("laptop")} {
+  ${i.mq("laptop")} {
     font-size: 4rem;
     line-height: 4.5rem;
   }
-`,c=i.default.p`
+`,p=r.default.p`
   ${o}
-`,s=t.css`
-  ${n}
+`,n=t.css`
+  ${s}
   font-size: 2rem;
   line-height: 2.5rem;
 
-  ${l.mq("laptop")} {
+  ${i.mq("laptop")} {
     font-size: 3rem;
     line-height: 4rem;
   }
-`,z=i.default.p`
-  ${s}
-`,h=t.css`
+`,a=r.default.p`
   ${n}
+`,h=t.css`
+  ${s}
   font-size: 1.75rem;
   line-height: 2.5rem;
 
-  ${l.mq("laptop")} {
+  ${i.mq("laptop")} {
     font-size: 2.5rem;
     line-height: 3.5rem;
   }
-`,v=i.default.p`
+`,m=r.default.p`
   ${h}
-`,r=t.css`
+`,f=t.css`
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
   font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
-`,m=t.css`
-  ${r}
+`,y=t.css`
+  ${f}
   font-size: 1.75rem;
   line-height: 2rem;
 
-  ${l.mq("laptop")} {
+  ${i.mq("laptop")} {
     font-size: 2rem;
     line-height: 3rem;
   }
-`,q=i.default.p`
-  ${m}
-`,f=t.css`
-  ${r}
+`,g=r.default.p`
+  ${y}
+`,$=t.css`
+  ${f}
   font-size: 1.5rem;
   line-height: 2rem;
 
-  ${l.mq("laptop")} {
+  ${i.mq("laptop")} {
     font-size: 1.75rem;
     line-height: 2.5rem;
   }
-`,S=i.default.p`
+`,u=r.default.p`
+  ${$}
+`,d=t.css`
   ${f}
-`,p=t.css`
-  ${r}
   font-size: 1.125rem;
   line-height: 2rem;
 
-  ${l.mq("laptop")} {
+  ${i.mq("laptop")} {
     font-size: 1.25rem;
   }
-`,T=i.default.p`
-  ${p}
-`,y=t.css`
+`,x=r.default.p`
+  ${d}
+`,c=t.css`
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
   font-size: 1rem;
   line-height: 1.5rem;
-`,g=t.css`
-  ${y}
+`,z=t.css`
+  ${c}
   font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
-`,A=i.default.p`
-  ${g}
-`,$=t.css`
-  ${y}
+`,v=r.default.p`
+  ${z}
+`,q=t.css`
+  ${c}
   font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
-`,D=i.default.p`
-  ${$}
-`;exports.Display1=v,exports.Display1Style=h,exports.Display2=z,exports.Display2Style=s,exports.Display3=c,exports.Display3Style=o,exports.Headline=q,exports.HeadlineStyle=m,exports.Subtitle=T,exports.SubtitleStyle=p,exports.TinyTitleBold=D,exports.TinyTitleBoldStyle=$,exports.TinyTitleRegular=A,exports.TinyTitleRegularStyle=g,exports.Title=S,exports.TitleStyle=f,exports.default=()=>d.default.createElement("div",null);
+`,S=r.default.p`
+  ${q}
+`;exports.Display1=m,exports.Display1Style=h,exports.Display2=a,exports.Display2Style=n,exports.Display3=p,exports.Display3Style=o,exports.Headline=g,exports.HeadlineStyle=y,exports.Subtitle=x,exports.SubtitleStyle=d,exports.TinyTitleBold=S,exports.TinyTitleBoldStyle=q,exports.TinyTitleRegular=v,exports.TinyTitleRegularStyle=z,exports.Title=u,exports.TitleStyle=$,exports.default=()=>e.jsx("div",{});

package/cjs/utils/utils.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const s=require("styled-components").css`
+"use strict";const e=require("styled-components").css`
   appearance: none;
   background-color: transparent;
   border: 0;
@@ -6,4 +6,4 @@
   font-family: inherit;
   outline: none;
   padding: 0;
-`;exports.getLuminosity=r=>{let t=0,e=0,n=0;return r.length===4?(t=parseInt("0x"+r[1]+r[1]),e=parseInt("0x"+r[2]+r[2]),n=parseInt("0x"+r[3]+r[3])):r.length===7&&(t=parseInt("0x"+r[1]+r[2]),e=parseInt("0x"+r[3]+r[4]),n=parseInt("0x"+r[5]+r[6])),(Math.max(Number(t/255),Number(e/255),Number(n/255))+Math.min(Number(t/255),Number(e/255),Number(n/255)))/2*100},exports.hexToRGB=(r,t=1)=>`rgba(${parseInt(r.slice(1,3),16)}, ${parseInt(r.slice(3,5),16)}, ${parseInt(r.slice(5,7),16)}, ${t})`,exports.resetButtonStyle=s;
+`;exports.getLuminosity=e=>{let r=0,t=0,n=0;return 4===e.length?(r=parseInt("0x"+e[1]+e[1]),t=parseInt("0x"+e[2]+e[2]),n=parseInt("0x"+e[3]+e[3])):7===e.length&&(r=parseInt("0x"+e[1]+e[2]),t=parseInt("0x"+e[3]+e[4]),n=parseInt("0x"+e[5]+e[6])),(Math.max(Number(r/255),Number(t/255),Number(n/255))+Math.min(Number(r/255),Number(t/255),Number(n/255)))/2*100},exports.hexToRGB=(e,r=1)=>`rgba(${parseInt(e.slice(1,3),16)}, ${parseInt(e.slice(3,5),16)}, ${parseInt(e.slice(5,7),16)}, ${r})`,exports.resetButtonStyle=e;

package/esm/ColorCard.js

@@ -1,25 +1,25 @@
-import e from"react";import r from"styled-components";import{getLuminosity as m}from"./utils/utils.js";import o from"./theme.js";const s=r.ul`
+import{jsxs as a,jsx as e,Fragment as s}from"react/jsx-runtime";import r from"styled-components";import{getLuminosity as m}from"./utils/utils.js";import n from"./theme.js";const p=r.ul`
   padding-left: 2rem;
-`,d=r.li`
+`,c=r.li`
   list-style: none;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
-  border: 1px solid ${o.colors.gray.light2};
+  border: 1px solid ${n.colors.gray.light2};
   border-radius: 4px;
   font-family: 'Ralway', sans-serif;
   margin-top: 0.75rem;
-`,n=r.span`
+`,t=r.span`
   text-transform: capitalize;
   padding: 0.5em;
   display: block;
-  border-bottom: 1px solid ${o.colors.gray.light2};
-`,p=r.li`
+  border-bottom: 1px solid ${n.colors.gray.light2};
+`,f=r.li`
   display: block;
-  background: ${({hex:l})=>l};
-  color: ${({hex:l})=>m(l)<40?"#fff":"#000"};
+  background: ${({hex:i})=>i};
+  color: ${({hex:i})=>m(i)<40?"#fff":"#000"};
   padding: 1em;
-`,c=r.ul`
+`,g=r.ul`
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
-`,i=l=>Object.entries(l).map(([a,t])=>typeof t=="string"?e.createElement(p,{hex:t,key:t},a," (",t,")"):e.createElement(e.Fragment,null,e.createElement(n,null,a),e.createElement(s,null,i(t)))),f=({colorName:l,variants:a})=>e.createElement(d,null,e.createElement(n,null,l),e.createElement(c,null,i(a)));export{f as default};
+`,d=i=>Object.entries(i).map(([l,o])=>typeof o=="string"?a(f,{hex:o,children:[l," (",o,")"]},o):a(s,{children:[e(t,{children:l}),e(p,{children:d(o)})]})),x=({colorName:i,variants:l})=>a(c,{children:[e(t,{children:i}),e(g,{children:d(l)})]});export{x as default};

package/esm/ElevationCard.js

@@ -1,5 +1,5 @@
-import i from"react";import n from"styled-components";const o=n.div`
-  font-family: ${({theme:e})=>{var t;return(t=e.typography)==null?void 0:t.fontAlternativeFamily}};
+import{jsx as r}from"react/jsx-runtime";import o from"styled-components";const n=o.div`
+  font-family: ${({theme:e})=>e.typography?.fontAlternativeFamily};
   font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
   font-size: 1.25rem;
   box-shadow: ${({elevation:e})=>e};
@@ -10,4 +10,4 @@ import i from"react";import n from"styled-components";const o=n.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`,a=({children:e,value:t,as:r="div"})=>i.createElement(o,{as:r,elevation:t},e);export{a as ElevationCard};
+`,a=({children:e,value:t,as:i="div"})=>r(n,{as:i,elevation:t,children:e});export{a as ElevationCard};

package/esm/components/Accordion/index.js

@@ -1,20 +1,20 @@
-import o,{useState as h}from"react";import r from"styled-components";import{UnmountClosed as y}from"react-collapse";import{mq as f}from"../../shared/media-queries.js";import g from"../../icons/components/ArrowDownIcon.js";const $=r.div`
+import{jsx as i,jsxs as s}from"react/jsx-runtime";import{useState as f}from"react";import n from"styled-components";import{UnmountClosed as g}from"react-collapse";import{mq as y}from"../../shared/media-queries.js";import $ from"../../icons/components/ArrowDownIcon.js";const x=n.div`
   display: flex;
   flex-direction: column;
   .ReactCollapse--collapse {
     transition: height 300ms;
   }
-`,u=r.ul`
+`,u=n.ul`
   margin: 0;
   padding: 0;
   list-style: none;
-`,x=r.div`
+`,b=n.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   cursor: pointer;
   margin: 0.5rem 0;
-`,b=r.div`
+`,w=n.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -22,30 +22,30 @@ import o,{useState as h}from"react";import r from"styled-components";import{Unmo
   color: ${({theme:e})=>e.colors.text.dark};
   transition: 200ms ease-in-out;
   transform: ${({isOpen:e})=>`rotate(${e?"180deg":"0deg"})`};
-`,E=r.li`
+`,O=n.li`
   border-top: ${({theme:e})=>`1px solid ${e.colors.gray.light2}`};
   padding: ${({isOpen:e})=>e?"0.5rem 0 1rem 0":"0.5rem 0"};
 
   &:last-child {
     border-bottom: ${({theme:e})=>`1px solid ${e.colors.gray.light2}`};
   }
-`,w=r.span`
+`,k=n.span`
   color: ${({theme:e})=>e.colors.text.dark};
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: 0.9375rem;
   font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
-`,k=r.div`
+`,B=n.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   color: ${({theme:e})=>e.colors.text.dark};
   font-size: 0.9375rem;
   font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
   line-height: 1.3;
   transition: 200ms ease-in-out;
-  ${f("tablet")} {
+  ${y("tablet")} {
     padding: 0;
   }
   & > * {
     margin-top: 0;
     margin-bottom: 0;
   }
-`,l=({items:e,...s})=>{const[m,c]=h({}),i=n=>{c(t=>({...t,[n]:!t[n]}))},d=n=>()=>{i(n)},p=n=>t=>{t.key==="Enter"&&i(n)};return o.createElement($,{...s},o.createElement(u,{className:"accordionList"},e.map((n,t)=>{const a=Boolean(m[t]);return o.createElement(E,{key:n.title,isOpen:a,className:"accordionItem"},o.createElement(x,{onClick:d(t),onKeyPress:p(t),className:"accordionItemTitle",role:"button",tabIndex:0,"aria-expanded":a,id:`panel${t}-header`,"aria-controls":`panel${t}-content`},o.createElement(w,{as:"span"},n.title),o.createElement(b,{isOpen:a},o.createElement(g,null))),o.createElement(y,{isOpened:a,key:t},o.createElement(k,{"aria-labelledby":`panel${t}-header`,id:`panel${t}-content`,role:"region",className:"wysiwyg",dangerouslySetInnerHTML:{__html:n.text}})))})))};export{l as Accordion,l as default};
+`,l=({items:e,...m})=>{const[d,c]=f({}),a=o=>{c(t=>({...t,[o]:!t[o]}))},p=o=>()=>{a(o)},h=o=>t=>{t.key==="Enter"&&a(o)};return i(x,{...m,children:i(u,{className:"accordionList",children:e.map((o,t)=>{const r=!!d[t];return s(O,{isOpen:r,className:"accordionItem",children:[s(b,{onClick:p(t),onKeyPress:h(t),className:"accordionItemTitle",role:"button",tabIndex:0,"aria-expanded":r,id:`panel${t}-header`,"aria-controls":`panel${t}-content`,children:[i(k,{as:"span",children:o.title}),i(w,{isOpen:r,children:i($,{})})]}),i(g,{isOpened:r,children:i(B,{"aria-labelledby":`panel${t}-header`,id:`panel${t}-content`,role:"region",className:"wysiwyg",dangerouslySetInnerHTML:{__html:o.text}})},t)]},o.title)})})})};export{l as Accordion,l as default};

package/esm/components/Badge/index.js

@@ -1,4 +1,4 @@
-import t from"react";import r from"styled-components";import n from"../../theme.js";const a=r.div`
+import{jsx as e}from"react/jsx-runtime";import r from"styled-components";import n from"../../theme.js";const a=r.div`
   border-radius: 0.75rem;
   background: ${n.colors.secondary.main};
   display: inline-flex;
@@ -9,7 +9,7 @@ import t from"react";import r from"styled-components";import n from"../../theme.
   height: 1.5rem;
   box-sizing: border-box;
   cursor: default;
-`,d=r(a)`
+`,m=r(a)`
   width: 1rem;
   height: 1rem;
   border-radius: 50%;
@@ -26,10 +26,10 @@ import t from"react";import r from"styled-components";import n from"../../theme.
   position: absolute;
   top: 0;
   left: 0;
-`,c=r.span`
+`,h=r.span`
   font-size: 0.75rem;
   line-height: 0.75rem;
   color: white;
-  font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
-  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
-`,h=e=>e>=100?"99+":`${e}`,m=({notificationAmount:e=0,withNumber:i=!0,...o})=>{if((e<=0||!e)&&i)return null;if(!i)return t.createElement(d,{...o},t.createElement(s,{"data-test":"middle-dot"}));const l=h(e);return t.createElement(a,{...o},t.createElement(c,null,l))};export{m as Badge,m as default};
+  font-weight: ${({theme:t})=>t.typography.fontAlternativeBoldWeight};
+  font-family: ${({theme:t})=>t.typography.fontAlternativeFamily};
+`,c=t=>t>=100?"99+":`${t}`,d=({notificationAmount:t=0,withNumber:i=!0,...o})=>{if((t<=0||!t)&&i)return null;if(!i)return e(m,{...o,children:e(s,{"data-test":"middle-dot"})});const l=c(t);return e(a,{...o,children:e(h,{children:l})})};export{d as Badge,d as default};

package/esm/components/Breadcrumbs/BreadcrumbsItem.js

@@ -1,4 +1,4 @@
-import t from"react";import o from"styled-components";import{BodyTextStyle as r,BodyText as i}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const a=o.li`
+import{jsx as o,Fragment as t,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{BodyTextStyle as d,BodyText as s}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const a=i.li`
   display: flex;
   align-items: center;
   margin: 0;
@@ -7,25 +7,25 @@ import t from"react";import o from"styled-components";import{BodyTextStyle as r,
   overflow: hidden;
 
   a {
-    ${r}
+    ${d}
     font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
     color: ${({theme:e})=>e.colors.info.main};
     text-decoration: none;
     overflow: hidden;
     text-overflow: ellipsis;
   }
-`,m=o(i)`
+`,h=i(s)`
   color: ${({theme:e})=>e.colors.text.dark};
   overflow: hidden;
   text-overflow: ellipsis;
-`,s=o.span`
+`,m=i.span`
   display: inline-flex;
   padding-right: 0.5rem;
   svg {
     width: 1rem;
     height: 1rem;
   }
-`,d=o.span`
+`,p=i.span`
   display: inline-flex;
   padding: 0 0.5rem;
   color: ${({theme:e})=>e.colors.gray.light1};
@@ -33,4 +33,4 @@ import t from"react";import o from"styled-components";import{BodyTextStyle as r,
     width: 1rem;
     height: 1rem;
   }
-`,p=({link:e,separator:l,isLast:n})=>t.createElement(t.Fragment,null,t.createElement(a,null,e.prefixIcon&&t.createElement(s,null,e.prefixIcon),n?t.createElement(m,{as:"span"},e.component):t.createElement(t.Fragment,null,e.component,t.createElement(d,null,l))));export{p as default};
+`,c=({link:e,separator:n,isLast:l})=>o(t,{children:r(a,{children:[e.prefixIcon&&o(m,{children:e.prefixIcon}),l?o(h,{as:"span",children:e.component}):r(t,{children:[e.component,o(p,{children:n})]})]})});export{c as default};

package/esm/components/Breadcrumbs/index.js

@@ -1,7 +1,7 @@
-import e from"react";import a from"styled-components";import m from"./BreadcrumbsItem.js";import s from"../../icons/components/NextIcon.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const i=a.ul`
+import{jsx as r}from"react/jsx-runtime";import p from"styled-components";import a from"./BreadcrumbsItem.js";import m from"../../icons/components/NextIcon.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const n=p.ul`
   display: flex;
   align-items: center;
   padding: 0;
   white-space: nowrap;
   overflow: hidden;
-`,p=({links:t,separator:o=e.createElement(s,null)})=>e.createElement(i,null,t.map((n,r)=>e.createElement(m,{key:r,link:n,separator:o,isLast:r===t.length-1})));export{p as default};
+`,s=({links:o,separator:t=r(m,{})})=>r(n,{children:o.map((e,i)=>r(a,{link:e,separator:t,isLast:i===o.length-1},i))});export{s as default};

package/esm/components/Button/index.js

@@ -1,5 +1,5 @@
-import i,{forwardRef as v}from"react";import a,{css as g}from"styled-components";import f from"../../theme.js";import B from"../Spinner/index.js";import{BasicButtonFontStyle as I,ButtonRegularTextStyle as W}from"../../typography/ButtonText/index.js";import{fontSizes as j,smallerAndSmallSizeStyles as w,regularSizeStyles as k,largeSizeStyles as A,disabledColorStyles as D,colorStyles as F}from"./styles.js";const d=0,R=a.button`
-  ${I}
+import{jsx as s,jsxs as I,Fragment as W}from"react/jsx-runtime";import g,{forwardRef as w}from"react";import t,{css as u}from"styled-components";import y from"../../theme.js";import B from"../Spinner/index.js";import{BasicButtonFontStyle as j,ButtonRegularTextStyle as k}from"../../typography/ButtonText/index.js";import{fontSizes as A,smallerAndSmallSizeStyles as D,regularSizeStyles as E,largeSizeStyles as F,disabledColorStyles as R,colorStyles as V}from"./styles.js";const c=0,C=t.button`
+  ${j}
   box-sizing: border-box;
   outline: none;
   cursor: pointer;
@@ -10,31 +10,31 @@ import i,{forwardRef as v}from"react";import a,{css as g}from"styled-components"
   width: ${({fullWidth:e})=>e&&"100%"};
   display: flex;
   align-items: center;
-  justify-content: ${({sufixIcon:e,prefixIcon:r,isLoading:l})=>!l&&(e||r)?"space-between":"center"};
+  justify-content: ${({sufixIcon:e,prefixIcon:i,isLoading:l})=>!l&&(e||i)?"space-between":"center"};
 
-  ${({size:e="small"})=>j[e]||W}
-  ${({size:e})=>g`
-    ${(e==="smaller"||e==="small")&&w()}
-    ${e==="regular"&&k()}
-    ${e==="large"&&A()}
+  ${({size:e="small"})=>A[e]||k}
+  ${({size:e})=>u`
+    ${(e==="smaller"||e==="small")&&D()}
+    ${e==="regular"&&E()}
+    ${e==="large"&&F()}
   `}
   background-color: transparent;
   transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease,
     filter 0.3s;
-  ${({variant:e="solid",color:r="primary",colorShade:l="main",disabled:n,theme:s})=>g`
-    ${n?D(s,e):F[e](s,r,l)}
+  ${({variant:e="solid",color:i="primary",colorShade:l="main",disabled:n,theme:a})=>u`
+    ${n?R(a,e):V[e](a,i,l)}
   `}
   &:focus-visible {
     box-shadow: 0px 0px 0px 1px ${({theme:e})=>e.colors.gray.light5};
   }
-`,T={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},y={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},x=a.span`
+`,N={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},h={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},x=t.span`
   display: flex;
-  margin-right: ${({type:e,size:r})=>e==="prefix"?y[r]:0};
-  margin-left: ${({type:e,size:r})=>e==="sufix"?y[r]:0};
-  font-size: ${({size:e})=>T[e]};
-  opacity: ${({isLoading:e})=>e?d:1};
-`,V=a(B)`
+  margin-right: ${({type:e,size:i})=>e==="prefix"?h[i]:0};
+  margin-left: ${({type:e,size:i})=>e==="sufix"?h[i]:0};
+  font-size: ${({size:e})=>N[e]};
+  opacity: ${({isLoading:e})=>e?c:1};
+`,T=t(B)`
   position: absolute;
-`,_=a.span`
-  opacity: ${({isLoading:e})=>e?d:1};
-`,C={smaller:1,small:1,regular:1.5,large:1.5},p=v(({size:e="small",color:r="primary",colorShade:l="main",variant:n="solid",fullWidth:s=!1,isDisabled:h=!1,isLoading:t=!1,children:b,sufixIcon:m,prefixIcon:c,minWidth:$,as:z="button",...S},E)=>{const L=(o,u)=>typeof o=="string"||typeof o=="number"?i.createElement(_,{isLoading:u},o):i.isValidElement(o)?i.cloneElement(o,{style:{...o.props.style,opacity:u?d:1}}):o;return i.createElement(R,{...S,as:z,minWidth:$,color:r,colorShade:l,disabled:h||t,fullWidth:s,theme:f,variant:n,size:e,isLoading:t,ref:E,prefixIcon:c,sufixIcon:m},i.createElement(i.Fragment,null,c&&i.createElement(x,{size:e,type:"prefix",isLoading:t},c),L(b,t),m&&i.createElement(x,{size:e,type:"sufix",isLoading:t},m),t&&i.createElement(V,{color:f.colors.gray.light1,size:C[e]})))});p.displayName="Button";export{p as Button,p as default};
+`,q=t.span`
+  opacity: ${({isLoading:e})=>e?c:1};
+`,G={smaller:1,small:1,regular:1.5,large:1.5},p=w(({size:e="small",color:i="primary",colorShade:l="main",variant:n="solid",fullWidth:a=!1,isDisabled:b=!1,isLoading:r=!1,children:$,sufixIcon:m,prefixIcon:d,minWidth:z,as:S="button",...L},v)=>s(C,{...L,as:S,minWidth:z,color:i,colorShade:l,disabled:b||r,fullWidth:a,theme:y,variant:n,size:e,isLoading:r,ref:v,prefixIcon:d,sufixIcon:m,children:I(W,{children:[d&&s(x,{size:e,type:"prefix",isLoading:r,children:d}),((o,f)=>typeof o=="string"||typeof o=="number"?s(q,{isLoading:f,children:o}):g.isValidElement(o)?g.cloneElement(o,{style:{...o.props.style,opacity:f?c:1}}):o)($,r),m&&s(x,{size:e,type:"sufix",isLoading:r,children:m}),r&&s(T,{color:y.colors.gray.light1,size:G[e]})]})}));p.displayName="Button";export{p as Button,p as default};

package/esm/components/Button/styles.js

@@ -1,4 +1,4 @@
-import{ButtonSmallTextStyle as i,ButtonRegularTextStyle as e,ButtonLargeTextStyle as a}from"../../typography/ButtonText/index.js";import"react";import"styled-components";const n={smaller:i,small:e,regular:e,large:a},d=()=>`
+import{ButtonSmallTextStyle as c,ButtonRegularTextStyle as e,ButtonLargeTextStyle as a}from"../../typography/ButtonText/index.js";import"react/jsx-runtime";import"styled-components";const n={smaller:c,small:e,regular:e,large:a},d=()=>`
   padding: 0.25rem 0.75rem;
   min-height: 2.5rem;
 `,g=()=>`
@@ -7,9 +7,9 @@ import{ButtonSmallTextStyle as i,ButtonRegularTextStyle as e,ButtonLargeTextStyl
 `,m=()=>`
   padding: 0.25rem 1.5rem;
   min-height: 3.75rem;
-`,h=(o,r,c)=>`
+`,h=(o,r,i)=>`
   color: ${o.colors.text.light};
-  background-color: ${o.colors[r][c]};
+  background-color: ${o.colors[r][i]};
 
   :hover {
     border-color: ${o.colors[r].dark};
@@ -49,4 +49,4 @@ import{ButtonSmallTextStyle as i,ButtonRegularTextStyle as e,ButtonLargeTextStyl
     ${l(o)};
     background-color: ${o.colors.gray.light4};`:r==="outline"?`
     ${l(o)};
-    border: 2px solid ${o.colors.gray.light1};`:l(o),p={solid:h,outline:t,flat:s};export{p as colorStyles,$ as disabledColorStyles,s as flatColorStyles,n as fontSizes,m as largeSizeStyles,t as outlineColorStyles,g as regularSizeStyles,d as smallerAndSmallSizeStyles};
+    border: 2px solid ${o.colors.gray.light1};`:l(o),S={solid:h,outline:t,flat:s};export{S as colorStyles,$ as disabledColorStyles,s as flatColorStyles,n as fontSizes,m as largeSizeStyles,t as outlineColorStyles,g as regularSizeStyles,d as smallerAndSmallSizeStyles};

package/esm/components/Card/index.js

@@ -1,14 +1,14 @@
-import d from"react";import l from"styled-components";import n from"../../theme.js";const m=l.div``,s=l.div`
+import{jsxs as n,jsx as t}from"react/jsx-runtime";import i from"styled-components";import s from"../../theme.js";const m=i.div``,p=i.div`
   background: ${({topBorder:r})=>r};
   height: 0.25rem;
-`,c=l.div`
-  background: ${n.colors.background.light};
+`,g=i.div`
+  background: ${s.colors.background.light};
 
-  ${({noFrame:r,topBorder:o,lineBorder:e,theme:t})=>!o&&(!r||e)&&`border-top: 1px solid ${t.colors.gray.light5};`}
+  ${({noFrame:r,topBorder:o,lineBorder:e,theme:d})=>!o&&(!r||e)&&`border-top: 1px solid ${d.colors.gray.light5};`}
 
   ${({noFrame:r,lineBorder:o,theme:e})=>(!r||o)&&`border-bottom: 1px solid ${e.colors.gray.light5};
   `}
 
   ${({noFrame:r,lineBorder:o,theme:e})=>!r&&!o&&`border-right: 1px solid ${e.colors.gray.light5};
      border-left: 1px solid ${e.colors.gray.light5};`}
-`,i=({children:r,topBorder:o,noFrame:e=!1,lineBorder:t=!1,as:a="div"})=>d.createElement(m,{as:a},o&&d.createElement(s,{topBorder:o}),d.createElement(c,{topBorder:o,noFrame:e,lineBorder:t},r));export{i as Card,i as default};
+`,l=({children:r,topBorder:o,noFrame:e=!1,lineBorder:d=!1,as:a="div"})=>n(m,{as:a,children:[o&&t(p,{topBorder:o}),t(g,{topBorder:o,noFrame:e,lineBorder:d,children:r})]});export{l as Card,l as default};

package/esm/components/CheckBox/index.js

@@ -1,4 +1,4 @@
-import s from"react";import t,{css as r}from"styled-components";import x from"../../icons/components/CheckmarkIcon.js";import{generateNameHash as b}from"../../shared/helpers.js";import i from"../../theme.js";import{BodyText as g}from"../../typography/BodyText/index.js";import{BackgroundStyles as u}from"../IconButton.js";import"../../shared/media-queries.js";const f=r`
+import{jsxs as b,jsx as s}from"react/jsx-runtime";import t,{css as r}from"styled-components";import m from"../../icons/components/CheckmarkIcon.js";import{generateNameHash as g}from"../../shared/helpers.js";import i from"../../theme.js";import{BodyText as u}from"../../typography/BodyText/index.js";import{BackgroundStyles as f}from"../IconButton.js";import"../../shared/media-queries.js";const k=r`
   width: 24px;
   height: 24px;
 
@@ -6,7 +6,7 @@ import s from"react";import t,{css as r}from"styled-components";import x from"..
     width: 15px;
     height: 15px;
   }
-`,k=r`
+`,$=r`
   width: 32px;
   height: 32px;
 
@@ -14,10 +14,10 @@ import s from"react";import t,{css as r}from"styled-components";import x from"..
     width: 22px;
     height: 22px;
   }
-`,n={regular:f,large:k},y=r`
+`,n={regular:k,large:$},y=r`
   cursor: default;
   border: 2px solid ${i.colors.gray.light2};
-`,$=e=>r`
+`,v=e=>r`
   svg {
     opacity: 1;
   }
@@ -27,17 +27,17 @@ import s from"react";import t,{css as r}from"styled-components";import x from"..
 
   background: ${i.colors[e].main};
   border: 2px solid ${i.colors[e].main};
-`,v=r`
+`,z=r`
   background: ${i.colors.gray.light2};
   z-index: 1;
-`,z=r`
+`,D=r`
   border: 2px solid ${i.colors.error.dark};
-`,D=t.div`
+`,w=t.div`
   display: flex;
   align-items: flex-start;
   box-sizing: border-box;
   position: relative;
-`,E=t.input.attrs({type:"checkbox"})`
+`,C=t.input.attrs({type:"checkbox"})`
   position: absolute;
   appearance: none;
   width: 100%;
@@ -51,9 +51,9 @@ import s from"react";import t,{css as r}from"styled-components";import x from"..
 
   :focus-visible {
     transition: background-color 400ms;
-    ${u}
+    ${f}
   }
-`,j=t.span`
+`,S=t.span`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -71,14 +71,14 @@ import s from"react";import t,{css as r}from"styled-components";import x from"..
     color: ${({theme:e})=>e.colors.common.white};
   }
 
-  ${e=>e.isChecked&&$(e.color)};
+  ${e=>e.isChecked&&v(e.color)};
   ${e=>e.isDisabled&&y};
-  ${e=>e.hasError&&z};
-  ${e=>e.isChecked&&e.isDisabled&&v};
-`,w=t(g)`
+  ${e=>e.hasError&&D};
+  ${e=>e.isChecked&&e.isDisabled&&z};
+`,j=t(u)`
   flex: 1;
   cursor: ${({isDisabled:e})=>e?"default":"pointer"};
   user-select: none;
   color: ${({theme:e,isDisabled:o})=>o?e.colors.text.disabled:e.colors.text.dark};
   margin-left: 0.5rem;
-`,p=({name:e=b("check-box"),isDisabled:o=!1,size:a="regular",checked:l=!1,color:c="secondary",hasError:h=!1,label:d,...m})=>s.createElement(D,null,s.createElement(E,{...m,type:"checkbox",checked:l,"data-validate":"checked",name:e,id:e,color:c,disabled:o,isDisabled:o,boxSize:a}),s.createElement(j,{size:a,color:c,isChecked:l,isDisabled:o,hasError:h},s.createElement(x,null)),d&&s.createElement(w,{as:"label",htmlFor:e,isDisabled:o},d));export{p as CheckBox,p as default};
+`,h=({name:e=g("check-box"),isDisabled:o=!1,size:a="regular",checked:l=!1,color:d="secondary",hasError:p=!1,label:c,...x})=>b(w,{children:[s(C,{...x,type:"checkbox",checked:l,"data-validate":"checked",name:e,id:e,color:d,disabled:o,isDisabled:o,boxSize:a}),s(S,{size:a,color:d,isChecked:l,isDisabled:o,hasError:p,children:s(m,{})}),c&&s(j,{as:"label",htmlFor:e,isDisabled:o,children:c})]});export{h as CheckBox,h as default};

package/esm/components/Chip/index.js

@@ -1,42 +1,42 @@
-import r from"react";import l from"styled-components";import C from"../../icons/components/CloseIcon.js";import{getFontSize as $,getCursorType as m,getBackgroundColor as k,getColor as x,getBorderColor as B,getHoverBorderColor as z,getHoverBackgroundColor as D,getHoverColor as E,getActiveBackgroundColor as p,getActiveBorderColor as H,getActiveColor as j,getSufixHoverBackgroundColor as A}from"./styles.js";const w={smaller:"0.25rem 1rem",small:"0.25rem 1rem",regular:"0.25rem 1rem",large:"0.5rem 1rem"},F=l.div`
+import{jsx as i,jsxs as v}from"react/jsx-runtime";import t from"styled-components";import y from"../../icons/components/CloseIcon.js";import{getFontSize as C,getCursorType as m,getBackgroundColor as $,getColor as x,getBorderColor as k,getHoverBorderColor as B,getHoverBackgroundColor as z,getHoverColor as D,getActiveBackgroundColor as p,getActiveBorderColor as j,getActiveColor as H,getSufixHoverBackgroundColor as w}from"./styles.js";const A={smaller:"0.25rem 1rem",small:"0.25rem 1rem",regular:"0.25rem 1rem",large:"0.5rem 1rem"},S=t.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
-  font-size: ${({size:e})=>$(e)};
+  font-size: ${({size:e})=>C(e)};
   font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
   line-height: 1.25;
   letter-spacing: 0.1px;
   display: inline-flex;
   cursor: ${m};
   align-items: center;
-  background: ${k};
+  background: ${$};
   color: ${x};
   justify-content: center;
   border-width: 1px;
   border-style: solid;
-  border-color: ${B};
+  border-color: ${k};
   border-radius: 1.293rem;
-  padding: ${({size:e,isDeletable:n})=>n?"0 0.5rem 0 1rem":w[e]};
+  padding: ${({size:e,isDeletable:l})=>l?"0 0.5rem 0 1rem":A[e]};
   transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
 
   ${e=>!e.isDisabled&&e.isClickable&&` &:hover {
-    border-color: ${z(e)};
-    background-color: ${D(e)};
-    color: ${E(e)};
+    border-color: ${B(e)};
+    background-color: ${z(e)};
+    color: ${D(e)};
   } &:active {
     background-color: ${p(e)};
-    border-color: ${H(e)};
-    color: ${j(e)};
+    border-color: ${j(e)};
+    color: ${H(e)};
   }`}
-`,I=l.span`
+`,F=t.span`
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   line-height: 1.5;
-`,P=l.span`
+`,I=t.span`
   margin-right: 0.625rem;
   display: flex;
   align-items: center;
-`,S=l.span`
+`,P=t.span`
   display: flex;
   align-items: center;
   cursor: ${m};
@@ -55,7 +55,7 @@ import r from"react";import l from"styled-components";import C from"../../icons/
     width: 80%;
     border-radius: 50%;
     z-index: -1;
-    background-color: ${A};
+    background-color: ${w};
     opacity: 0;
   }
 
@@ -67,4 +67,4 @@ import r from"react";import l from"styled-components";import C from"../../icons/
   &:hover:before {
     opacity: 1;
   }
-`,b=({color:e="primary",children:n,component:u="div",isDisabled:t,onClick:s,size:f="regular",prefix:a,onDelete:i,variant:c="solid",...h})=>{const o=Boolean(s&&!t),d=Boolean(i&&!t),v=Boolean(a),y=g=>{g.stopPropagation(),i==null||i(g)};return r.createElement(F,{...h,role:o?"button":void 0,onClick:o?s:void 0,tabIndex:o?0:void 0,as:o?"button":u,color:e,isDisabled:t,size:f,isClickable:o,isDeletable:d,variant:c,hasPrefix:v},r.createElement(I,null,a&&r.createElement(P,{className:"prefix"},a),n,i&&r.createElement(S,{role:"button",onClick:d?y:void 0,color:e,variant:c,isClickable:o,isDisabled:t,isDeletable:!0,size:"regular"},r.createElement(C,null))))};export{b as Chip,b as default};
+`,b=({color:e="primary",children:l,component:h="div",isDisabled:r,onClick:s,size:u="regular",prefix:a,onDelete:n,variant:c="solid",...f})=>{const o=!!(s&&!r),d=!!(n&&!r);return i(S,{...f,role:o?"button":void 0,onClick:o?s:void 0,tabIndex:o?0:void 0,as:o?"button":h,color:e,isDisabled:r,size:u,isClickable:o,isDeletable:d,variant:c,hasPrefix:!!a,children:v(F,{children:[a&&i(I,{className:"prefix",children:a}),l,n&&i(P,{role:"button",onClick:d?g=>{g.stopPropagation(),n?.(g)}:void 0,color:e,variant:c,isClickable:o,isDisabled:r,isDeletable:!0,size:"regular",children:i(y,{})})]})})};export{b as Chip,b as default};