@kvdbil/components 14.2.3 → 14.2.5

package/cjs/typography/BodyText/index.js

@@ -1,60 +1,60 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),o=require("../../shared/media-queries.js");function s(C){return C&&typeof C=="object"&&"default"in C?C:{default:C}}var r=s(e),i=s(t);const n=t.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var d=require("react"),t=require("styled-components"),g=require("../../shared/media-queries.js");function o(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var $=o(d),i=o(t);const a=t.css`
   font-feature-settings: 'lnum' on;
-`,a=t.css`
-  font-family: ${({theme:C})=>C.typography.fontBaseFamily};
-  ${n}
-`,l=t.css`
+`,s=t.css`
+  font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   ${a}
-  font-weight: ${({theme:C})=>C.typography.fontBaseRegularWeight};
-`,p=t.css`
-  ${a}
-  font-weight: ${({theme:C})=>C.typography.fontBaseBoldWeight};
-`,f=t.css`
-  ${l}
+`,n=t.css`
+  ${s}
+  font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
+`,r=t.css`
+  ${s}
+  font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
+`,l=t.css`
+  ${n}
   font-size: 1rem;
   line-height: 1.5rem;
-`,m=t.css`
-  ${l}
+`,f=t.css`
+  ${n}
   font-size: 0.75rem;
   line-height: 1.5rem;
-`,h=i.default.p`
-  ${l}
-`,y=t.css`
+`,c=i.default.p`
+  ${n}
+`,m=t.css`
   font-family: Georgia, Cambria, Cochin, Times, 'Times New Roman', serif;
   font-style: italic;
-  font-weight: ${({theme:C})=>C.typography.fontBaseRegularWeight};
+  font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
   font-size: 1rem;
   line-height: 1.5rem;
-  ${n}
-`,u=i.default.p`
-  ${y}
-`,d=i.default.p`
-  ${f}
-`,g=t.css`
-  ${p}
+  ${a}
+`,B=i.default.p`
+  ${m}
+`,S=i.default.p`
+  ${l}
+`,h=t.css`
+  ${r}
   font-size: 1rem;
   line-height: 1.5rem;
-`,$=i.default.p`
-  ${g}
-`,c=i.default.p`
-  ${m}
-`,x=t.css`
-  ${p}
+`,z=i.default.p`
+  ${h}
+`,v=i.default.p`
+  ${f}
+`,y=t.css`
+  ${r}
   font-size: 0.75rem;
   line-height: 1.5rem;
-`,B=i.default.p`
-  ${x}
-`,S=t.css`
-  font-family: ${({theme:C})=>C.typography.fontAlternativeFamily};
-  font-weight: ${({theme:C})=>C.typography.fontAlternativeBoldWeight};
+`,x=i.default.p`
+  ${y}
+`,u=t.css`
+  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;
 
-  ${o.mq("laptop")} {
+  ${g.mq("laptop")} {
     font-size: 0.75rem;
   }
-`,z=i.default.p`
-  ${S}
-`,v=()=>r.default.createElement("div",null);exports.BodyLink=$,exports.BodyLinkStyle=g,exports.BodyText=d,exports.BodyTextStyle=f,exports.BodyTexts=v,exports.Caption=c,exports.CaptionLink=B,exports.CaptionLinkStyle=x,exports.CaptionStyle=m,exports.Quote=u,exports.QuoteStyle=y,exports.Status=z,exports.StatusStyle=S,exports.StyledBodyText=h,exports.default=v;
+`,C=i.default.p`
+  ${u}
+`,p=()=>$.default.createElement("div",null);exports.BodyLink=z,exports.BodyLinkStyle=h,exports.BodyText=S,exports.BodyTextStyle=l,exports.BodyTexts=p,exports.Caption=v,exports.CaptionLink=x,exports.CaptionLinkStyle=y,exports.CaptionStyle=f,exports.Quote=B,exports.QuoteStyle=m,exports.Status=C,exports.StatusStyle=u,exports.StyledBodyText=c,exports.default=p;

package/cjs/typography/ButtonText/index.js

@@ -1,28 +1,28 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("styled-components");function o(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var r=o(t),n=o(e);const s=e.css`
-  font-family: ${({theme:x})=>x.typography.fontAlternativeFamily};
-  font-weight: ${({theme:x})=>x.typography.fontAlternativeBoldWeight};
-`,l=e.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("react"),e=require("styled-components");function o(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var y=o(c),l=o(e);const n=e.css`
+  font-family: ${({theme:t})=>t.typography.fontAlternativeFamily};
+  font-weight: ${({theme:t})=>t.typography.fontAlternativeBoldWeight};
+`,a=e.css`
   font-size: 1.25rem;
   line-height: 1.25rem;
-`,a=e.css`
-  ${s}
-  ${l}
-`,u=n.default.span`
+`,r=e.css`
+  ${n}
   ${a}
-`,i=e.css`
+`,m=l.default.span`
+  ${r}
+`,s=e.css`
   font-size: 1rem;
   line-height: 1rem;
-`,p=e.css`
+`,u=e.css`
+  ${n}
   ${s}
-  ${i}
-`,f=n.default.span`
-  ${p}
-`,c=e.css`
+`,d=l.default.span`
+  ${u}
+`,i=e.css`
   font-size: 0.75rem;
   line-height: 0.75rem;
-`,y=e.css`
-  ${s}
-  ${c}
-`,m=n.default.span`
-  ${y}
-`;exports.BasicButtonFontStyle=s,exports.Button=f,exports.ButtonLarge=u,exports.ButtonLargeFontStyle=l,exports.ButtonLargeTextStyle=a,exports.ButtonRegularFontStyle=i,exports.ButtonRegularTextStyle=p,exports.ButtonSmall=m,exports.ButtonSmallFontStyle=c,exports.ButtonSmallTextStyle=y,exports.default=()=>r.default.createElement("div",null);
+`,f=e.css`
+  ${n}
+  ${i}
+`,g=l.default.span`
+  ${f}
+`;exports.BasicButtonFontStyle=n,exports.Button=d,exports.ButtonLarge=m,exports.ButtonLargeFontStyle=a,exports.ButtonLargeTextStyle=r,exports.ButtonRegularFontStyle=s,exports.ButtonRegularTextStyle=u,exports.ButtonSmall=g,exports.ButtonSmallFontStyle=i,exports.ButtonSmallTextStyle=f,exports.default=()=>y.default.createElement("div",null);

package/cjs/typography/Heading/index.js

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

package/cjs/utils/utils.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("styled-components").css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const s=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,n=0,s=0;return r.length===4?(t=parseInt("0x"+r[1]+r[1]),n=parseInt("0x"+r[2]+r[2]),s=parseInt("0x"+r[3]+r[3])):r.length===7&&(t=parseInt("0x"+r[1]+r[2]),n=parseInt("0x"+r[3]+r[4]),s=parseInt("0x"+r[5]+r[6])),(Math.max(Number(t/255),Number(n/255),Number(s/255))+Math.min(Number(t/255),Number(n/255),Number(s/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=e;
+`;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;

package/esm/ColorCard.js

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

package/esm/ElevationCard.js

@@ -1,8 +1,8 @@
-import o from"react";import i from"styled-components";const n=i.div`
-  font-family: ${({theme:t})=>t.typography.fontAlternativeFamily};
-  font-weight: ${({theme:t})=>t.typography.fontAlternativeRegularWeight};
+import i from"react";import n from"styled-components";const o=n.div`
+  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
+  font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
   font-size: 1.25rem;
-  box-shadow: ${({elevation:t})=>t};
+  box-shadow: ${({elevation:e})=>e};
   width: 14rem;
   height: 10rem;
   margin: 1rem;
@@ -10,4 +10,4 @@ import o from"react";import i from"styled-components";const n=i.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`,a=({children:t,value:e,as:r="div"})=>o.createElement(n,{as:r,elevation:e},t);export{a as ElevationCard};
+`,a=({children:e,value:t,as:r="div"})=>i.createElement(o,{as:r,elevation:t},e);export{a as ElevationCard};

package/esm/components/Accordion/index.js

@@ -1,4 +1,4 @@
-import n,{useState as y}from"react";import r from"styled-components";import{UnmountClosed as g}from"react-collapse";import{mq as f}from"../../shared/media-queries.js";import h from"../../icons/components/ArrowDownIcon.js";const $=r.div`
+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`
   display: flex;
   flex-direction: column;
   .ReactCollapse--collapse {
@@ -8,7 +8,7 @@ import n,{useState as y}from"react";import r from"styled-components";import{Unmo
   margin: 0;
   padding: 0;
   list-style: none;
-`,w=r.div`
+`,x=r.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -29,7 +29,7 @@ import n,{useState as y}from"react";import r from"styled-components";import{Unmo
   &:last-child {
     border-bottom: ${({theme:e})=>`1px solid ${e.colors.gray.light2}`};
   }
-`,I=r.span`
+`,w=r.span`
   color: ${({theme:e})=>e.colors.text.dark};
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: 0.9375rem;
@@ -48,4 +48,4 @@ import n,{useState as y}from"react";import r from"styled-components";import{Unmo
     margin-top: 0;
     margin-bottom: 0;
   }
-`,l=({items:e,...i})=>{const[c,m]=y({}),s=o=>{m(t=>({...t,[o]:!t[o]}))},p=o=>()=>{s(o)},d=o=>t=>{t.key==="Enter"&&s(o)};return n.createElement($,{...i},n.createElement(u,{className:"accordionList"},e.map((o,t)=>{const a=Boolean(c[t]);return n.createElement(E,{key:o.title,isOpen:a,className:"accordionItem"},n.createElement(w,{onClick:p(t),onKeyPress:d(t),className:"accordionItemTitle",role:"button",tabIndex:0,"aria-expanded":a,id:`panel${t}-header`,"aria-controls":`panel${t}-content`},n.createElement(I,{as:"span"},o.title),n.createElement(b,{isOpen:a},n.createElement(h,null))),n.createElement(g,{isOpened:a,key:t},n.createElement(k,{"aria-labelledby":`panel${t}-header`,id:`panel${t}-content`,role:"region",className:"wysiwyg",dangerouslySetInnerHTML:{__html:o.text}})))})))};export{l as Accordion,l as default};
+`,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};

package/esm/components/Badge/index.js

@@ -1,6 +1,6 @@
-import t from"react";import r from"styled-components";import a from"../../theme.js";const i=r.div`
+import t from"react";import r from"styled-components";import n from"../../theme.js";const a=r.div`
   border-radius: 0.75rem;
-  background: ${a.colors.secondary.main};
+  background: ${n.colors.secondary.main};
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -9,20 +9,20 @@ import t from"react";import r from"styled-components";import a from"../../theme.
   height: 1.5rem;
   box-sizing: border-box;
   cursor: default;
-`,s=r(i)`
+`,d=r(a)`
   width: 1rem;
   height: 1rem;
   border-radius: 50%;
   min-width: 1rem;
   position: relative;
-`,m=r.div`
+`,s=r.div`
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   opacity: 0.1;
   transform: scale(0.5);
-  background: ${a.colors.text.dark};
+  background: ${n.colors.text.dark};
   position: absolute;
   top: 0;
   left: 0;
@@ -32,4 +32,4 @@ import t from"react";import r from"styled-components";import a from"../../theme.
   color: white;
   font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
-`,h=e=>e>=100?"99+":`${e}`,l=({notificationAmount:e=0,withNumber:o=!0,...n})=>{if((e<=0||!e)&&o)return null;if(!o)return t.createElement(s,{...n},t.createElement(m,{"data-test":"middle-dot"}));const d=h(e);return t.createElement(i,{...n},t.createElement(c,null,d))};export{l as Badge,l as default};
+`,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};

package/esm/components/Breadcrumbs/BreadcrumbsItem.js

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

package/esm/components/Breadcrumbs/index.js

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

package/esm/components/Button/index.js

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

package/esm/components/Button/styles.js

@@ -1,15 +1,15 @@
-import{ButtonSmallTextStyle as e,ButtonRegularTextStyle as t,ButtonLargeTextStyle as a}from"../../typography/ButtonText/index.js";import"react";import"styled-components";const c={smaller:e,small:t,regular:t,large:a},d=()=>`
+import{ButtonSmallTextStyle as a,ButtonRegularTextStyle as e,ButtonLargeTextStyle as i}from"../../typography/ButtonText/index.js";import"react";import"styled-components";const n={smaller:a,small:e,regular:e,large:i},d=()=>`
   padding: 0.25rem 0.75rem;
   min-height: 2.5rem;
 `,g=()=>`
   padding: 0.25rem 1.5rem;
   min-height: 3rem;
-`,u=()=>`
+`,m=()=>`
   padding: 0.25rem 1.5rem;
   min-height: 3.75rem;
-`,y=(o,r,n)=>`
+`,h=(o,r,c)=>`
   color: ${o.colors.text.light};
-  background-color: ${o.colors[r][n]};
+  background-color: ${o.colors[r][c]};
 
   :hover {
     border-color: ${o.colors[r].dark};
@@ -20,7 +20,7 @@ import{ButtonSmallTextStyle as e,ButtonRegularTextStyle as t,ButtonLargeTextStyl
     border-color: ${o.colors[r].light};
     filter: brightness(1.1)
   }
-`,s=(o,r)=>`
+`,t=(o,r)=>`
   color: ${o.colors[r].main};
   border: 2px solid ${o.colors[r].main};
   background-color: transparent;
@@ -34,7 +34,7 @@ import{ButtonSmallTextStyle as e,ButtonRegularTextStyle as t,ButtonLargeTextStyl
     border: 2px solid ${o.colors[r].light};
     color: ${o.colors[r].light};
   }
-`,i=(o,r)=>`
+`,s=(o,r)=>`
   color: ${r!=="neutral"?o.colors[r].main:o.colors.neutral.light};
   background-color: transparent;
 
@@ -48,8 +48,8 @@ import{ButtonSmallTextStyle as e,ButtonRegularTextStyle as t,ButtonLargeTextStyl
 `,l=o=>`
   color: ${o.colors.gray.light1};
   cursor: not-allowed;
-`,S=(o,r)=>r==="solid"?`
+`,$=(o,r)=>r==="solid"?`
     ${l(o)};
     background-color: ${o.colors.gray.light4};`:r==="outline"?`
     ${l(o)};
-    border: 2px solid ${o.colors.gray.light1};`:l(o),$={solid:y,outline:s,flat:i};export{$ as colorStyles,S as disabledColorStyles,i as flatColorStyles,c as fontSizes,u as largeSizeStyles,s as outlineColorStyles,g as regularSizeStyles,d as smallerAndSmallSizeStyles};
+    border: 2px solid ${o.colors.gray.light1};`:l(o),u={solid:h,outline:t,flat:s};export{u 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 l from"react";import a from"styled-components";import i from"../../theme.js";const c=a.div``,n=a.div`
-  background: ${({topBorder:e})=>e};
+import d from"react";import l from"styled-components";import n from"../../theme.js";const m=l.div``,s=l.div`
+  background: ${({topBorder:r})=>r};
   height: 0.25rem;
-`,m=a.div`
-  background: ${i.colors.background.light};
+`,c=l.div`
+  background: ${n.colors.background.light};
 
-  ${({noFrame:e,topBorder:t,lineBorder:o,theme:r})=>!t&&(!e||o)&&`border-top: 1px solid ${r.colors.gray.light5};`}
+  ${({noFrame:r,topBorder:o,lineBorder:e,theme:t})=>!o&&(!r||e)&&`border-top: 1px solid ${t.colors.gray.light5};`}
 
-  ${({noFrame:e,lineBorder:t,theme:o})=>(!e||t)&&`border-bottom: 1px solid ${o.colors.gray.light5};
+  ${({noFrame:r,lineBorder:o,theme:e})=>(!r||o)&&`border-bottom: 1px solid ${e.colors.gray.light5};
   `}
 
-  ${({noFrame:e,lineBorder:t,theme:o})=>!e&&!t&&`border-right: 1px solid ${o.colors.gray.light5};
-     border-left: 1px solid ${o.colors.gray.light5};`}
-`,s=({children:e,topBorder:t,noFrame:o=!1,lineBorder:r=!1,as:d="div"})=>l.createElement(c,{as:d},t&&l.createElement(n,{topBorder:t}),l.createElement(m,{topBorder:t,noFrame:o,lineBorder:r},e));export{s as Card,s as default};
+  ${({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};