@kvdbil/components 14.3.3 → 14.3.5

package/cjs/ColorCard.js

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

package/cjs/ElevationCard.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react"),n=require("styled-components");function r(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var l=r(i);const o=r(n).default.div`
-  font-family: ${({theme:e})=>{var t;return(t=e.typography)==null?void 0:t.fontAlternativeFamily}};
+"use strict";var e,t=require("react/jsx-runtime"),r=require("styled-components");const i=((e=r)&&e.__esModule?e:{default:e}).default.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 @@
   display: flex;
   align-items: center;
   justify-content: center;
-`;exports.ElevationCard=({children:e,value:t,as:a="div"})=>l.default.createElement(o,{as:a,elevation:t},e);
+`;exports.ElevationCard=({children:e,value:r,as:a="div"})=>t.jsx(i,{as:a,elevation:r,children:e});

package/cjs/components/Accordion/index.js

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

package/cjs/components/Badge/index.js

@@ -1,6 +1,6 @@
-"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`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../theme.js");var i,o=(i=t)&&i.__esModule?i:{default:i};const d=o.default.div`
   border-radius: 0.75rem;
-  background: ${o.default.colors.secondary.main};
+  background: ${r.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;
-`,c=r.default(d)`
+`,n=o.default(d)`
   width: 1rem;
   height: 1rem;
   border-radius: 50%;
   min-width: 1rem;
   position: relative;
-`,h=r.default.div`
+`,a=o.default.div`
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   opacity: 0.1;
   transform: scale(0.5);
-  background: ${o.default.colors.text.dark};
+  background: ${r.default.colors.text.dark};
   position: absolute;
   top: 0;
   left: 0;
-`,p=r.default.span`
+`,l=o.default.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};
-`,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;
+`,s=({notificationAmount:t=0,withNumber:r=!0,...i})=>{if((t<=0||!t)&&r)return null;if(!r)return e.jsx(n,{...i,children:e.jsx(a,{"data-test":"middle-dot"})});const o=(e=>e>=100?"99+":`${e}`)(t);return e.jsx(d,{...i,children:e.jsx(l,{children:o})})};exports.Badge=s,exports.default=s;

package/cjs/components/Breadcrumbs/BreadcrumbsItem.js

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

package/cjs/components/Breadcrumbs/index.js

@@ -1,7 +1,7 @@
-"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`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react/jsx-runtime"),s=require("styled-components"),t=require("./BreadcrumbsItem.js"),a=require("../../icons/components/NextIcon.js");require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");const i=((e=s)&&e.__esModule?e:{default:e}).default.ul`
   display: flex;
   align-items: center;
   padding: 0;
   white-space: nowrap;
   overflow: hidden;
-`;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})));
+`;exports.default=({links:e,separator:s=r.jsx(a.default,{})})=>r.jsx(i,{children:e.map(((a,i)=>r.jsx(t.default,{link:a,separator:s,isLast:i===e.length-1},i)))});

package/cjs/components/Button/index.js

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

package/cjs/components/Button/styles.js

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

package/cjs/components/Card/index.js

@@ -1,14 +1,12 @@
-"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`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),o=require("../../theme.js");var d,t=(d=r)&&d.__esModule?d:{default:d};const l=t.default.div``,i=t.default.div`
   background: ${({topBorder:e})=>e};
   height: 0.25rem;
-`,g=l.default.div`
-  background: ${s.default.colors.background.light};
+`,s=t.default.div`
+  background: ${o.default.colors.background.light};
 
-  ${({noFrame:e,topBorder:r,lineBorder:o,theme:t})=>!r&&(!e||o)&&`border-top: 1px solid ${t.colors.gray.light5};`}
+  ${({noFrame:e,topBorder:r,lineBorder:o,theme:d})=>!r&&(!e||o)&&`border-top: 1px solid ${d.colors.gray.light5};`}
 
-  ${({noFrame:e,lineBorder:r,theme:o})=>(!e||r)&&`border-bottom: 1px solid ${o.colors.gray.light5};
-  `}
+  ${({noFrame:e,lineBorder:r,theme:o})=>(!e||r)&&`border-bottom: 1px solid ${o.colors.gray.light5};\n  `}
 
-  ${({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;
+  ${({noFrame:e,lineBorder:r,theme:o})=>!e&&!r&&`border-right: 1px solid ${o.colors.gray.light5};\n     border-left: 1px solid ${o.colors.gray.light5};`}
+`,a=({children:r,topBorder:o,noFrame:d=!1,lineBorder:t=!1,as:a="div"})=>e.jsxs(l,{as:a,children:[o&&e.jsx(i,{topBorder:o}),e.jsx(s,{topBorder:o,noFrame:d,lineBorder:t,children:r})]});exports.Card=a,exports.default=a;

package/cjs/components/CheckBox/index.js

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

package/cjs/components/Chip/index.js

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

package/cjs/components/Chip/styles.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getActiveBackgroundColor=({color:l,variant:r,isDisabled:o,theme:t})=>o?"transparent":l==="neutralLight"?t.colors.background.light:r==="solid"?t.colors[l].light:"transparent",exports.getActiveBorderColor=({variant:l,color:r,theme:o})=>r==="neutralLight"?{solid:o.colors.background.light,flat:"transparent",outline:o.colors.background.light}[l]:{solid:o.colors[r].light,flat:"transparent",outline:o.colors[r].light}[l],exports.getActiveColor=({variant:l,color:r,theme:o})=>r==="neutralLight"?o.colors.text.dark:l==="solid"?o.colors.text.light:o.colors[r].light,exports.getBackgroundColor=({isDisabled:l,variant:r,color:o,theme:t})=>l?t.colors.gray.light5:o==="neutralLight"?{solid:t.colors.background.gray,flat:t.colors.background.light,outline:"transparent"}[r]:{solid:t.colors[o].main,flat:t.colors.background.light,outline:"transparent"}[r],exports.getBorderColor=({color:l,isDisabled:r,variant:o,theme:t})=>r?t.colors.gray.light5:l==="neutralLight"?{solid:"transparent",flat:"transparent",outline:t.colors.text.disabled}[o]:{solid:t.colors[l].main,flat:"transparent",outline:t.colors[l].main}[o],exports.getColor=({isDisabled:l,variant:r,color:o,theme:t})=>l?t.colors.text.disabled:o==="neutralLight"?r==="outline"?t.colors.text.disabled:t.colors.text.dark:{solid:t.colors.text.light,flat:t.colors[o].main,outline:t.colors[o].main}[r],exports.getCursorType=({isDisabled:l,isClickable:r,isDeletable:o})=>l?"not-allowed":r||o?"pointer":"auto",exports.getFontSize=(l="smaller")=>({smaller:"0.625rem",small:"0.75rem",regular:"1rem",large:"1rem"})[l],exports.getHoverBackgroundColor=({variant:l,color:r,theme:o})=>r==="neutralLight"?{solid:o.colors.gray.light4,flat:o.colors.background.light,outline:"transparent"}[l]:{solid:o.colors[r].dark,flat:o.colors.background.light,outline:"transparent"}[l],exports.getHoverBorderColor=({variant:l,color:r,theme:o})=>r==="neutralLight"?{solid:o.colors.gray.light4,flat:"transparent",outline:o.colors.text.dark}[l]:{solid:o.colors[r].dark,flat:"transparent",outline:o.colors[r].dark}[l],exports.getHoverColor=({variant:l,color:r,theme:o})=>r==="neutralLight"?o.colors.text.dark:{solid:o.colors.text.light,flat:o.colors[r].dark,outline:o.colors[r].dark}[l],exports.getSufixHoverBackgroundColor=({variant:l,color:r,isClickable:o,isDisabled:t,theme:a})=>t?a.colors.gray.light5:r==="neutralLight"?{solid:a.colors.gray.light2,flat:a.colors.gray.light4,outline:a.colors.gray.light4}[l]:l==="solid"?o?a.colors[r].darker:a.colors[r].dark:a.colors.background.gray;
+"use strict";exports.getActiveBackgroundColor=({color:o,variant:r,isDisabled:t,theme:l})=>t?"transparent":"neutralLight"===o?l.colors.background.light:"solid"===r?l.colors[o].light:"transparent",exports.getActiveBorderColor=({variant:o,color:r,theme:t})=>"neutralLight"===r?{solid:t.colors.background.light,flat:"transparent",outline:t.colors.background.light}[o]:{solid:t.colors[r].light,flat:"transparent",outline:t.colors[r].light}[o],exports.getActiveColor=({variant:o,color:r,theme:t})=>"neutralLight"===r?t.colors.text.dark:"solid"===o?t.colors.text.light:t.colors[r].light,exports.getBackgroundColor=({isDisabled:o,variant:r,color:t,theme:l})=>o?l.colors.gray.light5:"neutralLight"===t?{solid:l.colors.background.gray,flat:l.colors.background.light,outline:"transparent"}[r]:{solid:l.colors[t].main,flat:l.colors.background.light,outline:"transparent"}[r],exports.getBorderColor=({color:o,isDisabled:r,variant:t,theme:l})=>r?l.colors.gray.light5:"neutralLight"===o?{solid:"transparent",flat:"transparent",outline:l.colors.text.disabled}[t]:{solid:l.colors[o].main,flat:"transparent",outline:l.colors[o].main}[t],exports.getColor=({isDisabled:o,variant:r,color:t,theme:l})=>o?l.colors.text.disabled:"neutralLight"===t?"outline"===r?l.colors.text.disabled:l.colors.text.dark:{solid:l.colors.text.light,flat:l.colors[t].main,outline:l.colors[t].main}[r],exports.getCursorType=({isDisabled:o,isClickable:r,isDeletable:t})=>o?"not-allowed":r||t?"pointer":"auto",exports.getFontSize=(o="smaller")=>({smaller:"0.625rem",small:"0.75rem",regular:"1rem",large:"1rem"}[o]),exports.getHoverBackgroundColor=({variant:o,color:r,theme:t})=>"neutralLight"===r?{solid:t.colors.gray.light4,flat:t.colors.background.light,outline:"transparent"}[o]:{solid:t.colors[r].dark,flat:t.colors.background.light,outline:"transparent"}[o],exports.getHoverBorderColor=({variant:o,color:r,theme:t})=>"neutralLight"===r?{solid:t.colors.gray.light4,flat:"transparent",outline:t.colors.text.dark}[o]:{solid:t.colors[r].dark,flat:"transparent",outline:t.colors[r].dark}[o],exports.getHoverColor=({variant:o,color:r,theme:t})=>"neutralLight"===r?t.colors.text.dark:{solid:t.colors.text.light,flat:t.colors[r].dark,outline:t.colors[r].dark}[o],exports.getSufixHoverBackgroundColor=({variant:o,color:r,isClickable:t,isDisabled:l,theme:e})=>l?e.colors.gray.light5:"neutralLight"===r?{solid:e.colors.gray.light2,flat:e.colors.gray.light4,outline:e.colors.gray.light4}[o]:"solid"===o?t?e.colors[r].darker:e.colors[r].dark:e.colors.background.gray;

package/cjs/components/DayPicker/DayPickerNavBar.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var f=require("react"),c=require("styled-components"),s=require("../Icons/Arrow.js"),a=require("../../theme.js"),m=require("../../typography/BodyText/index.js"),p=require("./localeUtils.js");function l(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../shared/media-queries.js");var t=l(f),r=l(c);const h=r.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../Icons/Arrow.js"),o=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),i=require("./localeUtils.js");require("../../shared/media-queries.js");var n,a=(n=t)&&n.__esModule?n:{default:n};const s=a.default.div`
   display: flex;
   justify-content: space-between;
   padding: 0 2em;
-`,y=r.default(m.BodyText)`
+`,d=a.default(l.BodyText)`
   font-size: 1.5em;
-  color: ${a.default.colors.text.dark};
-`,n=r.default.button`
+  color: ${o.default.colors.text.dark};
+`,u=a.default.button`
   appearance: none;
   background-color: transparent;
   border: 0;
@@ -14,12 +14,12 @@
   outline: none;
   display: flex;
   align-items: center;
-`,o=r.default(s.default)`
+`,c=a.default(r.default)`
   width: 16px;
   height: 16px;
-  fill: ${a.default.colors.gray.dark3};
-`,x=r.default(o)`
+  fill: ${o.default.colors.gray.dark3};
+`,f=a.default(c)`
   transform: rotate(90deg);
-`,g=r.default(o)`
+`,x=a.default(c)`
   transform: rotate(-90deg);
-`;exports.default=({month:e,onPreviousClick:i,onNextClick:d,locale:u})=>t.default.createElement(h,null,t.default.createElement(n,{onClick:()=>i()},t.default.createElement(x,{title:"prev-month"})),t.default.createElement(y,{as:"h3"},p.formatMonthTitle(e,u)),t.default.createElement(n,{onClick:()=>d()},t.default.createElement(g,{title:"next-month"})));
+`;exports.default=({month:t,onPreviousClick:r,onNextClick:o,locale:l})=>e.jsxs(s,{children:[e.jsx(u,{onClick:()=>r(),children:e.jsx(f,{title:"prev-month"})}),e.jsx(d,{as:"h3",children:i.formatMonthTitle(t,l)}),e.jsx(u,{onClick:()=>o(),children:e.jsx(x,{title:"next-month"})})]});