@kvdbil/components 14.2.4 → 14.2.6

package/cjs/ColorCard.js

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

package/cjs/ElevationCard.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components");function r(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var a=r(e);const i=r(t).default.div`
-  font-family: ${({theme:n})=>n.typography.fontAlternativeFamily};
-  font-weight: ${({theme:n})=>n.typography.fontAlternativeRegularWeight};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react"),n=require("styled-components");function t(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var o=t(i);const l=t(n).default.div`
+  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
+  font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
   font-size: 1.25rem;
-  box-shadow: ${({elevation:n})=>n};
+  box-shadow: ${({elevation:e})=>e};
   width: 14rem;
   height: 10rem;
   margin: 1rem;
@@ -10,4 +10,4 @@
   display: flex;
   align-items: center;
   justify-content: center;
-`;exports.ElevationCard=({children:n,value:o,as:l="div"})=>a.default.createElement(i,{as:l,elevation:o},n);
+`;exports.ElevationCard=({children:e,value:r,as:a="div"})=>o.default.createElement(l,{as:a,elevation:r},e);

package/cjs/components/Accordion/index.js

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

package/cjs/components/Badge/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../theme.js");function i(f){return f&&typeof f=="object"&&"default"in f?f:{default:f}}var a=i(e),o=i(t);const n=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react"),m=require("styled-components"),o=require("../../theme.js");function l(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var t=l(s),r=l(m);const d=r.default.div`
   border-radius: 0.75rem;
-  background: ${r.default.colors.secondary.main};
+  background: ${o.default.colors.secondary.main};
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -9,27 +9,27 @@
   height: 1.5rem;
   box-sizing: border-box;
   cursor: default;
-`,l=o.default(n)`
+`,c=r.default(d)`
   width: 1rem;
   height: 1rem;
   border-radius: 50%;
   min-width: 1rem;
   position: relative;
-`,d=o.default.div`
+`,h=r.default.div`
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   opacity: 0.1;
   transform: scale(0.5);
-  background: ${r.default.colors.text.dark};
+  background: ${o.default.colors.text.dark};
   position: absolute;
   top: 0;
   left: 0;
-`,u=o.default.span`
+`,p=r.default.span`
   font-size: 0.75rem;
   line-height: 0.75rem;
   color: white;
-  font-weight: ${({theme:f})=>f.typography.fontAlternativeBoldWeight};
-  font-family: ${({theme:f})=>f.typography.fontAlternativeFamily};
-`,s=({notificationAmount:f=0,withNumber:m=!0,...c})=>{if((f<=0||!f)&&m)return null;if(!m)return a.default.createElement(l,{...c},a.default.createElement(d,{"data-test":"middle-dot"}));const p=(h=>h>=100?"99+":`${h}`)(f);return a.default.createElement(n,{...c},a.default.createElement(u,null,p))};exports.Badge=s,exports.default=s;
+  font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
+  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
+`,u=({notificationAmount:e=0,withNumber:i=!0,...a})=>{if((e<=0||!e)&&i)return null;if(!i)return t.default.createElement(c,{...a},t.default.createElement(h,{"data-test":"middle-dot"}));const f=(n=>n>=100?"99+":`${n}`)(e);return t.default.createElement(d,{...a},t.default.createElement(p,null,f))};exports.Badge=u,exports.default=u;

package/cjs/components/Breadcrumbs/BreadcrumbsItem.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../typography/BodyText/index.js");function r(f){return f&&typeof f=="object"&&"default"in f?f:{default:f}}require("../../shared/media-queries.js");var n=r(e),o=r(t);const a=o.default.li`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react"),d=require("styled-components"),n=require("../../typography/BodyText/index.js");function r(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../shared/media-queries.js");var t=r(i),l=r(d);const s=l.default.li`
   display: flex;
   align-items: center;
   margin: 0;
@@ -7,30 +7,30 @@
   overflow: hidden;
 
   a {
-    ${l.BodyTextStyle}
-    font-weight: ${({theme:f})=>f.typography.fontBaseBoldWeight};
-    color: ${({theme:f})=>f.colors.info.main};
+    ${n.BodyTextStyle}
+    font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
+    color: ${({theme:e})=>e.colors.info.main};
     text-decoration: none;
     overflow: hidden;
     text-overflow: ellipsis;
   }
-`,i=o.default(l.BodyText)`
-  color: ${({theme:f})=>f.colors.text.dark};
+`,f=l.default(n.BodyText)`
+  color: ${({theme:e})=>e.colors.text.dark};
   overflow: hidden;
   text-overflow: ellipsis;
-`,d=o.default.span`
+`,u=l.default.span`
   display: inline-flex;
   padding-right: 0.5rem;
   svg {
     width: 1rem;
     height: 1rem;
   }
-`,s=o.default.span`
+`,c=l.default.span`
   display: inline-flex;
   padding: 0 0.5rem;
-  color: ${({theme:f})=>f.colors.gray.light1};
+  color: ${({theme:e})=>e.colors.gray.light1};
   svg {
     width: 1rem;
     height: 1rem;
   }
-`;exports.default=({link:f,separator:u,isLast:c})=>n.default.createElement(n.default.Fragment,null,n.default.createElement(a,null,f.prefixIcon&&n.default.createElement(d,null,f.prefixIcon),c?n.default.createElement(i,{as:"span"},f.component):n.default.createElement(n.default.Fragment,null,f.component,n.default.createElement(s,null,u))));
+`;exports.default=({link:e,separator:a,isLast:o})=>t.default.createElement(t.default.Fragment,null,t.default.createElement(s,null,e.prefixIcon&&t.default.createElement(u,null,e.prefixIcon),o?t.default.createElement(f,{as:"span"},e.component):t.default.createElement(t.default.Fragment,null,e.component,t.default.createElement(c,null,a))));

package/cjs/components/Breadcrumbs/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("./BreadcrumbsItem.js"),a=require("../../icons/components/NextIcon.js");function l(u){return u&&typeof u=="object"&&"default"in u?u:{default:u}}require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var n=l(e);const s=l(t).default.ul`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var u=require("react"),s=require("styled-components"),i=require("./BreadcrumbsItem.js"),d=require("../../icons/components/NextIcon.js");function a(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var t=a(u);const o=a(s).default.ul`
   display: flex;
   align-items: center;
   padding: 0;
   white-space: nowrap;
   overflow: hidden;
-`;exports.default=({links:u,separator:d=n.default.createElement(a.default,null)})=>n.default.createElement(s,null,u.map((o,i)=>n.default.createElement(r.default,{key:i,link:o,separator:d,isLast:i===u.length-1})));
+`;exports.default=({links:e,separator:l=t.default.createElement(d.default,null)})=>t.default.createElement(o,null,e.map((n,r)=>t.default.createElement(i.default,{key:r,link:n,separator:l,isLast:r===e.length-1})));

package/cjs/components/Button/index.js

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

package/cjs/components/Button/styles.js

@@ -1,49 +1,49 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../typography/ButtonText/index.js");require("react"),require("styled-components");const r={smaller:o.ButtonSmallTextStyle,small:o.ButtonRegularTextStyle,regular:o.ButtonRegularTextStyle,large:o.ButtonLargeTextStyle},e=(s,a)=>`
-  color: ${s.colors[a].main};
-  border: 2px solid ${s.colors[a].main};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("../../typography/ButtonText/index.js");require("react"),require("styled-components");const a={smaller:l.ButtonSmallTextStyle,small:l.ButtonRegularTextStyle,regular:l.ButtonRegularTextStyle,large:l.ButtonLargeTextStyle},e=(r,o)=>`
+  color: ${r.colors[o].main};
+  border: 2px solid ${r.colors[o].main};
   background-color: transparent;
 
   :hover {
-      border: 2px solid ${s.colors[a].dark};
-      color: ${s.colors[a].dark};
+      border: 2px solid ${r.colors[o].dark};
+      color: ${r.colors[o].dark};
   }
 
   :active {
-    border: 2px solid ${s.colors[a].light};
-    color: ${s.colors[a].light};
+    border: 2px solid ${r.colors[o].light};
+    color: ${r.colors[o].light};
   }
-`,l=(s,a)=>`
-  color: ${a!=="neutral"?s.colors[a].main:s.colors.neutral.light};
+`,t=(r,o)=>`
+  color: ${o!=="neutral"?r.colors[o].main:r.colors.neutral.light};
   background-color: transparent;
 
   :hover {
-    color: ${s.colors[a].dark};
+    color: ${r.colors[o].dark};
   }
 
   :active {
-    color: ${s.colors[a].dark};
+    color: ${r.colors[o].dark};
   }
-`,n=s=>`
-  color: ${s.colors.gray.light1};
+`,n=r=>`
+  color: ${r.colors.gray.light1};
   cursor: not-allowed;
-`,t={solid:(s,a,i)=>`
-  color: ${s.colors.text.light};
-  background-color: ${s.colors[a][i]};
+`,i={solid:(r,o,s)=>`
+  color: ${r.colors.text.light};
+  background-color: ${r.colors[o][s]};
 
   :hover {
-    border-color: ${s.colors[a].dark};
+    border-color: ${r.colors[o].dark};
     filter: brightness(0.9)
   }
 
   :active {
-    border-color: ${s.colors[a].light};
+    border-color: ${r.colors[o].light};
     filter: brightness(1.1)
   }
-`,outline:e,flat:l};exports.colorStyles=t,exports.disabledColorStyles=(s,a)=>a==="solid"?`
-    ${n(s)};
-    background-color: ${s.colors.gray.light4};`:a==="outline"?`
-    ${n(s)};
-    border: 2px solid ${s.colors.gray.light1};`:n(s),exports.flatColorStyles=l,exports.fontSizes=r,exports.largeSizeStyles=()=>`
+`,outline:e,flat:t};exports.colorStyles=i,exports.disabledColorStyles=(r,o)=>o==="solid"?`
+    ${n(r)};
+    background-color: ${r.colors.gray.light4};`:o==="outline"?`
+    ${n(r)};
+    border: 2px solid ${r.colors.gray.light1};`:n(r),exports.flatColorStyles=t,exports.fontSizes=a,exports.largeSizeStyles=()=>`
   padding: 0.25rem 1.5rem;
   min-height: 3.75rem;
 `,exports.outlineColorStyles=e,exports.regularSizeStyles=()=>`

package/cjs/components/Card/index.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),o=require("../../theme.js");function t(u){return u&&typeof u=="object"&&"default"in u?u:{default:u}}var d=t(e),l=t(r);const a=l.default.div``,i=l.default.div`
-  background: ${({topBorder:u})=>u};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var u=require("react"),c=require("styled-components"),s=require("../../theme.js");function a(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var d=a(u),l=a(c);const m=l.default.div``,f=l.default.div`
+  background: ${({topBorder:e})=>e};
   height: 0.25rem;
-`,n=l.default.div`
-  background: ${o.default.colors.background.light};
+`,g=l.default.div`
+  background: ${s.default.colors.background.light};
 
-  ${({noFrame:u,topBorder:c,lineBorder:p,theme:m})=>!c&&(!u||p)&&`border-top: 1px solid ${m.colors.gray.light5};`}
+  ${({noFrame:e,topBorder:r,lineBorder:o,theme:t})=>!r&&(!e||o)&&`border-top: 1px solid ${t.colors.gray.light5};`}
 
-  ${({noFrame:u,lineBorder:c,theme:p})=>(!u||c)&&`border-bottom: 1px solid ${p.colors.gray.light5};
+  ${({noFrame:e,lineBorder:r,theme:o})=>(!e||r)&&`border-bottom: 1px solid ${o.colors.gray.light5};
   `}
 
-  ${({noFrame:u,lineBorder:c,theme:p})=>!u&&!c&&`border-right: 1px solid ${p.colors.gray.light5};
-     border-left: 1px solid ${p.colors.gray.light5};`}
-`,s=({children:u,topBorder:c,noFrame:p=!1,lineBorder:m=!1,as:f="div"})=>d.default.createElement(a,{as:f},c&&d.default.createElement(i,{topBorder:c}),d.default.createElement(n,{topBorder:c,noFrame:p,lineBorder:m},u));exports.Card=s,exports.default=s;
+  ${({noFrame:e,lineBorder:r,theme:o})=>!e&&!r&&`border-right: 1px solid ${o.colors.gray.light5};
+     border-left: 1px solid ${o.colors.gray.light5};`}
+`,i=({children:e,topBorder:r,noFrame:o=!1,lineBorder:t=!1,as:n="div"})=>d.default.createElement(m,{as:n},r&&d.default.createElement(f,{topBorder:r}),d.default.createElement(g,{topBorder:r,noFrame:o,lineBorder:t},e));exports.Card=i,exports.default=i;

package/cjs/components/CheckBox/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../icons/components/CheckmarkIcon.js"),o=require("../../shared/helpers.js"),s=require("../../theme.js"),i=require("../../typography/BodyText/index.js"),a=require("../IconButton.js");function l(m){return m&&typeof m=="object"&&"default"in m?m:{default:m}}require("../../shared/media-queries.js");var d=l(e),c=l(r);const n={regular:r.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var b=require("react"),t=require("styled-components"),x=require("../../icons/components/CheckmarkIcon.js"),f=require("../../shared/helpers.js"),i=require("../../theme.js"),g=require("../../typography/BodyText/index.js"),m=require("../IconButton.js");function n(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../shared/media-queries.js");var o=n(b),s=n(t);const u={regular:t.css`
   width: 24px;
   height: 24px;
 
@@ -6,7 +6,7 @@
     width: 15px;
     height: 15px;
   }
-`,large:r.css`
+`,large:t.css`
   width: 32px;
   height: 32px;
 
@@ -14,17 +14,17 @@
     width: 22px;
     height: 22px;
   }
-`},u=r.css`
+`},y=t.css`
   cursor: default;
-  border: 2px solid ${s.default.colors.gray.light2};
-`,h=r.css`
-  background: ${s.default.colors.gray.light2};
+  border: 2px solid ${i.default.colors.gray.light2};
+`,k=t.css`
+  background: ${i.default.colors.gray.light2};
   z-index: 1;
-`,p=c.default.div`
+`,$=s.default.div`
   display: flex;
   align-items: flex-start;
   box-sizing: border-box;
-`,x=c.default.input.attrs({type:"checkbox"})`
+`,v=s.default.input.attrs({type:"checkbox"})`
   position: absolute;
   appearance: none;
   width: 100%;
@@ -34,13 +34,13 @@
   outline: none;
   cursor: pointer;
   z-index: 1;
-  ${m=>n[m.boxSize]};
+  ${e=>u[e.boxSize]};
 
   :focus-visible {
     transition: background-color 400ms;
-    ${a.BackgroundStyles}
+    ${m.BackgroundStyles}
   }
-`,b=c.default.span`
+`,z=s.default.span`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -49,16 +49,16 @@
   justify-content: center;
   z-index: 0;
 
-  border: 2px solid ${s.default.colors.gray.dark5};
+  border: 2px solid ${i.default.colors.gray.dark5};
 
-  ${m=>n[m.size]};
+  ${e=>u[e.size]};
 
   svg {
     opacity: 0;
-    color: ${({theme:m})=>m.colors.common.white};
+    color: ${({theme:e})=>e.colors.common.white};
   }
 
-  ${m=>{return m.isChecked&&(y=m.color,r.css`
+  ${e=>e.isChecked&&(r=>t.css`
   svg {
     opacity: 1;
   }
@@ -66,16 +66,16 @@
   :hover {
   }
 
-  background: ${s.default.colors[y].main};
-  border: 2px solid ${s.default.colors[y].main};
-`);var y}};
-  ${m=>m.isDisabled&&u};
+  background: ${i.default.colors[r].main};
+  border: 2px solid ${i.default.colors[r].main};
+`)(e.color)};
+  ${e=>e.isDisabled&&y};
 
-  ${m=>m.isChecked&&m.isDisabled&&h};
-`,f=c.default(i.BodyText)`
+  ${e=>e.isChecked&&e.isDisabled&&k};
+`,j=s.default(g.BodyText)`
   flex: 1;
-  cursor: ${({isDisabled:m})=>m?"default":"pointer"};
+  cursor: ${({isDisabled:e})=>e?"default":"pointer"};
   user-select: none;
-  color: ${({theme:m,isDisabled:y})=>y?m.colors.text.disabled:m.colors.text.dark};
+  color: ${({theme:e,isDisabled:r})=>r?e.colors.text.disabled:e.colors.text.dark};
   margin-left: 0.5rem;
-`,g=({name:m=o.generateNameHash("check-box"),isDisabled:y=!1,size:k="regular",checked:$=!1,color:v="secondary",label:z,...j})=>d.default.createElement(p,null,d.default.createElement(x,{...j,type:"checkbox",checked:$,"data-validate":"checked",name:m,id:m,color:v,disabled:y,isDisabled:y,boxSize:k}),d.default.createElement(b,{size:k,color:v,isChecked:$,isDisabled:y},d.default.createElement(t.default,null)),z&&d.default.createElement(f,{as:"label",htmlFor:m,isDisabled:y},z));exports.CheckBox=g,exports.default=g;
+`,h=({name:e=f.generateNameHash("check-box"),isDisabled:r=!1,size:a="regular",checked:l=!1,color:d="secondary",label:c,...p})=>o.default.createElement($,null,o.default.createElement(v,{...p,type:"checkbox",checked:l,"data-validate":"checked",name:e,id:e,color:d,disabled:r,isDisabled:r,boxSize:a}),o.default.createElement(z,{size:a,color:d,isChecked:l,isDisabled:r},o.default.createElement(x.default,null)),c&&o.default.createElement(j,{as:"label",htmlFor:e,isDisabled:r},c));exports.CheckBox=h,exports.default=h;

package/cjs/components/Chip/index.js

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