@kvdbil/components 14.3.4 → 14.3.6

package/cjs/ColorCard.js

@@ -1,25 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),s=require("styled-components"),n=require("./utils/utils.js"),d=require("./theme.js");function u(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var i=u(s);const c=i.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;
-`,f=i.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;
-`,t=i.default.span`
+`,o=s.default.span`
   text-transform: capitalize;
   padding: 0.5em;
   display: block;
-  border-bottom: 1px solid ${d.default.colors.gray.light2};
-`,p=i.default.li`
+  border-bottom: 1px solid ${t.default.colors.gray.light2};
+`,n=s.default.li`
   display: block;
   background: ${({hex:e})=>e};
-  color: ${({hex:e})=>n.getLuminosity(e)<40?"#fff":"#000"};
+  color: ${({hex:e})=>l.getLuminosity(e)<40?"#fff":"#000"};
   padding: 1em;
-`,x=i.default.ul`
+`,u=s.default.ul`
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
-`,o=e=>Object.entries(e).map(([a,l])=>typeof l=="string"?r.jsxs(p,{hex:l,children:[a," (",l,")"]},l):r.jsxs(r.Fragment,{children:[r.jsx(t,{children:a}),r.jsx(c,{children:o(l)})]}));exports.default=({colorName:e,variants:a})=>r.jsxs(f,{children:[r.jsx(t,{children:e}),r.jsx(x,{children:o(a)})]});
+`,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,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime");function a(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}const n=a(require("styled-components")).default.div`
+"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;
@@ -10,4 +10,4 @@
   display: flex;
   align-items: center;
   justify-content: center;
-`;exports.ElevationCard=({children:e,value:t,as:r="div"})=>i.jsx(n,{as:r,elevation:t,children: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/jsx-runtime"),u=require("react"),f=require("styled-components"),h=require("react-collapse"),g=require("../../shared/media-queries.js"),y=require("../../icons/components/ArrowDownIcon.js");function x(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var a=x(f);const $=a.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;
   }
-`,j=a.default.ul`
+`,d=s.default.ul`
   margin: 0;
   padding: 0;
   list-style: none;
-`,b=a.default.div`
+`,c=s.default.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   cursor: pointer;
   margin: 0.5rem 0;
-`,q=a.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"})`};
-`,v=a.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}`};
   }
-`,w=a.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};
-`,O=a.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;
-  ${g.mq("tablet")} {
+  ${n.mq("tablet")} {
     padding: 0;
   }
   & > * {
     margin-top: 0;
     margin-bottom: 0;
   }
-`,l=({items:e,...s})=>{const[d,c]=u.useState({}),r=n=>{c(t=>({...t,[n]:!t[n]}))},m=n=>()=>{r(n)},p=n=>t=>{t.key==="Enter"&&r(n)};return i.jsx($,{...s,children:i.jsx(j,{className:"accordionList",children:e.map((n,t)=>{const o=!!d[t];return i.jsxs(v,{isOpen:o,className:"accordionItem",children:[i.jsxs(b,{onClick:m(t),onKeyPress:p(t),className:"accordionItemTitle",role:"button",tabIndex:0,"aria-expanded":o,id:`panel${t}-header`,"aria-controls":`panel${t}-content`,children:[i.jsx(w,{as:"span",children:n.title}),i.jsx(q,{isOpen:o,children:i.jsx(y.default,{})})]}),i.jsx(h.UnmountClosed,{isOpened:o,children:i.jsx(O,{"aria-labelledby":`panel${t}-header`,id:`panel${t}-content`,role:"region",className:"wysiwyg",dangerouslySetInnerHTML:{__html:n.text}})},t)]},n.title)})})})};exports.Accordion=l,exports.default=l;
+`,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 t=require("react/jsx-runtime"),s=require("styled-components"),d=require("../../theme.js");function f(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=f(s);const a=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: ${d.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(a)`
+`,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: ${d.default.colors.text.dark};
+  background: ${r.default.colors.text.dark};
   position: absolute;
   top: 0;
   left: 0;
-`,m=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};
-`,l=({notificationAmount:e=0,withNumber:i=!0,...o})=>{if((e<=0||!e)&&i)return null;if(!i)return t.jsx(c,{...o,children:t.jsx(h,{"data-test":"middle-dot"})});const u=(n=>n>=100?"99+":`${n}`)(e);return t.jsx(a,{...o,children:t.jsx(m,{children:u})})};exports.Badge=l,exports.default=l;
+`,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 t=require("react/jsx-runtime"),o=require("styled-components"),r=require("../../typography/BodyText/index.js");function d(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../shared/media-queries.js");var i=d(o);const s=i.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;
@@ -14,18 +14,18 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
-`,a=i.default(r.BodyText)`
+`,n=o.default(r.BodyText)`
   color: ${({theme:e})=>e.colors.text.dark};
   overflow: hidden;
   text-overflow: ellipsis;
-`,h=i.default.span`
+`,s=o.default.span`
   display: inline-flex;
   padding-right: 0.5rem;
   svg {
     width: 1rem;
     height: 1rem;
   }
-`,c=i.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:n,isLast:l})=>t.jsx(t.Fragment,{children:t.jsxs(s,{children:[e.prefixIcon&&t.jsx(h,{children:e.prefixIcon}),l?t.jsx(a,{as:"span",children:e.component}):t.jsxs(t.Fragment,{children:[e.component,t.jsx(c,{children:n})]})]})});
+`;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 r=require("react/jsx-runtime"),u=require("styled-components"),l=require("./BreadcrumbsItem.js"),s=require("../../icons/components/NextIcon.js");function n(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");const d=n(u).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:i=r.jsx(s.default,{})})=>r.jsx(d,{children:e.map((a,t)=>r.jsx(l.default,{link:a,separator:i,isLast:t===e.length-1},t))});
+`;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 l=require("react/jsx-runtime"),g=require("react"),m=require("styled-components"),x=require("../../theme.js"),W=require("../Spinner/index.js"),y=require("../../typography/ButtonText/index.js"),t=require("./styles.js");function h(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var b=h(g),n=h(m);const w=n.default.button`
-  ${y.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:i,isLoading:a})=>a||!e&&!i?"center":"space-between"};
+  justify-content: ${({sufixIcon:e,prefixIcon:r,isLoading:i})=>i||!e&&!r?"center":"space-between"};
 
-  ${({size:e="small"})=>t.fontSizes[e]||y.ButtonRegularTextStyle}
-  ${({size:e})=>m.css`
-    ${(e==="smaller"||e==="small")&&t.smallerAndSmallSizeStyles()}
-    ${e==="regular"&&t.regularSizeStyles()}
-    ${e==="large"&&t.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:i="primary",colorShade:a="main",disabled:d,theme:o})=>m.css`
-    ${d?t.disabledColorStyles(o,e):t.colorStyles[e](o,i,a)}
+  ${({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};
   }
-`,B={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},$={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:i})=>e==="prefix"?$[i]:0};
-  margin-left: ${({type:e,size:i})=>e==="sufix"?$[i]:0};
-  font-size: ${({size:e})=>B[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};
-`,k=n.default(W.default)`
+`,f=d.default(l.default)`
   position: absolute;
-`,E=n.default.span`
+`,g=d.default.span`
   opacity: ${({isLoading:e})=>e?0:1};
-`,F={smaller:1,small:1,regular:1.5,large:1.5},p=g.forwardRef(({size:e="small",color:i="primary",colorShade:a="main",variant:d="solid",fullWidth:o=!1,isDisabled:S=!1,isLoading:s=!1,children:j,sufixIcon:u,prefixIcon:c,minWidth:v,as:L="button",...q},I)=>{return l.jsx(w,{...q,as:L,minWidth:v,color:i,colorShade:a,disabled:S||s,fullWidth:o,theme:x.default,variant:d,size:e,isLoading:s,ref:I,prefixIcon:c,sufixIcon:u,children:l.jsxs(l.Fragment,{children:[c&&l.jsx(z,{size:e,type:"prefix",isLoading:s,children:c}),(r=j,f=s,typeof r=="string"||typeof r=="number"?l.jsx(E,{isLoading:f,children:r}):b.default.isValidElement(r)?b.default.cloneElement(r,{style:{...r.props.style,opacity:f?0:1}}):r),u&&l.jsx(z,{size:e,type:"sufix",isLoading:s,children:u}),s&&l.jsx(k,{color:x.default.colors.gray.light1,size:F[e]})]})});var r,f});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 o=require("../../typography/ButtonText/index.js");require("react/jsx-runtime"),require("styled-components");const s={smaller:o.ButtonSmallTextStyle,small:o.ButtonRegularTextStyle,regular:o.ButtonRegularTextStyle,large:o.ButtonLargeTextStyle},e=(r,l)=>`
-  color: ${r.colors[l].main};
-  border: 2px solid ${r.colors[l].main};
-  background-color: transparent;
-
-  :hover {
-      border: 2px solid ${r.colors[l].dark};
-      color: ${r.colors[l].dark};
-  }
-
-  :active {
-    border: 2px solid ${r.colors[l].light};
-    color: ${r.colors[l].light};
-  }
-`,t=(r,l)=>`
-  color: ${r.colors[l].main};
-
-  background-color: transparent;
-
-  :hover, :active {
-    color: ${r.colors[l].dark};
-  }
-`,n=r=>`
-  color: ${r.colors.gray.light1};
-  cursor: not-allowed;
-`,a={solid:(r,l,i)=>`
-  color: ${r.colors.text.light};
-  background-color: ${r.colors[l][i]};
-
-  :hover {
-    border-color: ${r.colors[l].dark};
-    filter: brightness(0.9)
-  }
-
-  :active {
-    border-color: ${r.colors[l].light};
-    filter: brightness(1.1)
-  }
-`,outline:e,flat:t};exports.colorStyles=a,exports.disabledColorStyles=(r,l)=>l==="solid"?`
-    ${n(r)};
-    background-color: ${r.colors.gray.light4};`:l==="outline"?`
-    ${n(r)};
-    border: 2px solid ${r.colors.gray.light1};`:n(r),exports.flatColorStyles=t,exports.fontSizes=s,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 t=require("react/jsx-runtime"),n=require("styled-components"),s=require("../../theme.js");function u(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var l=u(n);const c=l.default.div``,g=l.default.div`
-  background: ${({topBorder:r})=>r};
+"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;
-`,h=l.default.div`
-  background: ${s.default.colors.background.light};
+`,s=t.default.div`
+  background: ${o.default.colors.background.light};
 
-  ${({noFrame:r,topBorder:e,lineBorder:o,theme:d})=>!e&&(!r||o)&&`border-top: 1px solid ${d.colors.gray.light5};`}
+  ${({noFrame:e,topBorder:r,lineBorder:o,theme:d})=>!r&&(!e||o)&&`border-top: 1px solid ${d.colors.gray.light5};`}
 
-  ${({noFrame:r,lineBorder:e,theme:o})=>(!r||e)&&`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:r,lineBorder:e,theme:o})=>!r&&!e&&`border-right: 1px solid ${o.colors.gray.light5};
-     border-left: 1px solid ${o.colors.gray.light5};`}
-`,i=({children:r,topBorder:e,noFrame:o=!1,lineBorder:d=!1,as:a="div"})=>t.jsxs(c,{as:a,children:[e&&t.jsx(g,{topBorder:e}),t.jsx(h,{topBorder:e,noFrame:o,lineBorder:d,children:r})]});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 s=require("react/jsx-runtime"),r=require("styled-components"),b=require("../../icons/components/CheckmarkIcon.js"),p=require("../../shared/helpers.js"),o=require("../../theme.js"),g=require("../../typography/BodyText/index.js"),f=require("../IconButton.js");function k(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../shared/media-queries.js");var t=k(r);const n={regular:r.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;
 
@@ -14,30 +14,20 @@
     width: 22px;
     height: 22px;
   }
-`},m=r.css`
+`},n=r.css`
   cursor: default;
-  border: 2px solid ${o.default.colors.gray.light2};
-`,$=e=>r.css`
-  svg {
-    opacity: 1;
-  }
-
-  :hover {
-  }
-
-  background: ${o.default.colors[e].main};
-  border: 2px solid ${o.default.colors[e].main};
-`,y=r.css`
-  background: ${o.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=r.css`
-  border: 2px solid ${o.default.colors.error.dark};
-`,z=t.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=t.default.input.attrs({type:"checkbox"})`
+`,p=l.default.input.attrs({type:"checkbox"})`
   position: absolute;
   appearance: none;
   width: 100%;
@@ -47,13 +37,13 @@
   outline: none;
   cursor: pointer;
   z-index: 1;
-  ${e=>n[e.boxSize]};
+  ${e=>c[e.boxSize]};
 
   :focus-visible {
     transition: background-color 400ms;
-    ${f.BackgroundStyles}
+    ${a.BackgroundStyles}
   }
-`,q=t.default.span`
+`,b=l.default.span`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -62,23 +52,33 @@
   justify-content: center;
   z-index: 0;
 
-  border: 2px solid ${o.default.colors.gray.dark5};
+  border: 2px solid ${i.default.colors.gray.dark5};
 
-  ${e=>n[e.size]};
+  ${e=>c[e.size]};
 
   svg {
     opacity: 0;
     color: ${({theme:e})=>e.colors.common.white};
   }
 
-  ${e=>e.isChecked&&$(e.color)};
-  ${e=>e.isDisabled&&m};
-  ${e=>e.hasError&&v};
-  ${e=>e.isChecked&&e.isDisabled&&y};
-`,D=t.default(g.BodyText)`
+  ${e=>e.isChecked&&(e=>r.css`
+  svg {
+    opacity: 1;
+  }
+
+  :hover {
+  }
+
+  background: ${i.default.colors[e].main};
+  border: 2px solid ${i.default.colors[e].main};
+`)(e.color)};
+  ${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:i})=>i?e.colors.text.disabled:e.colors.text.dark};
+  color: ${({theme:e,isDisabled:r})=>r?e.colors.text.disabled:e.colors.text.dark};
   margin-left: 0.5rem;
-`,u=({name:e=p.generateNameHash("check-box"),isDisabled:i=!1,size:a="regular",checked:l=!1,color:d="secondary",hasError:h=!1,label:c,...x})=>s.jsxs(z,{children:[s.jsx(j,{...x,type:"checkbox",checked:l,"data-validate":"checked",name:e,id:e,color:d,disabled:i,isDisabled:i,boxSize:a}),s.jsx(q,{size:a,color:d,isChecked:l,isDisabled:i,hasError:h,children:s.jsx(b.default,{})}),c&&s.jsx(D,{as:"label",htmlFor:e,isDisabled:i,children:c})]});exports.CheckBox=u,exports.default=u;
+`,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 i=require("react/jsx-runtime"),h=require("styled-components"),v=require("../../icons/components/CloseIcon.js"),r=require("./styles.js");function y(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var l=y(h);const C={smaller:"0.25rem 1rem",small:"0.25rem 1rem",regular:"0.25rem 1rem",large:"0.5rem 1rem"},x=l.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:a})=>a?"0 0.5rem 0 1rem":C[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)};
-  }`}
-`,$=l.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;
-`,k=l.default.span`
+`,c=l.default.span`
   margin-right: 0.625rem;
   display: flex;
   align-items: center;
-`,B=l.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:a,component:f="div",isDisabled:t,onClick:c,size:m="regular",prefix:n,onDelete:s,variant:d="solid",...p})=>{const o=!(!c||t),g=!(!s||t);return i.jsx(x,{...p,role:o?"button":void 0,onClick:o?c:void 0,tabIndex:o?0:void 0,as:o?"button":f,color:e,isDisabled:t,size:m,isClickable:o,isDeletable:g,variant:d,hasPrefix:!!n,children:i.jsxs($,{children:[n&&i.jsx(k,{className:"prefix",children:n}),a,s&&i.jsx(B,{role:"button",onClick:g?u=>{u.stopPropagation(),s?.(u)}:void 0,color:e,variant:d,isClickable:o,isDisabled:t,isDeletable:!0,size:"regular",children:i.jsx(v.default,{})})]})})};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 t=require("react/jsx-runtime"),u=require("styled-components"),f=require("../Icons/Arrow.js"),n=require("../../theme.js"),s=require("../../typography/BodyText/index.js"),c=require("./localeUtils.js");function x(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../shared/media-queries.js");var r=x(u);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;
-`,p=r.default(s.BodyText)`
+`,d=a.default(l.BodyText)`
   font-size: 1.5em;
-  color: ${n.default.colors.text.dark};
-`,o=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;
-`,l=r.default(f.default)`
+`,c=a.default(r.default)`
   width: 16px;
   height: 16px;
-  fill: ${n.default.colors.gray.dark3};
-`,m=r.default(l)`
+  fill: ${o.default.colors.gray.dark3};
+`,f=a.default(c)`
   transform: rotate(90deg);
-`,j=r.default(l)`
+`,x=a.default(c)`
   transform: rotate(-90deg);
-`;exports.default=({month:e,onPreviousClick:i,onNextClick:a,locale:d})=>t.jsxs(h,{children:[t.jsx(o,{onClick:()=>i(),children:t.jsx(m,{title:"prev-month"})}),t.jsx(p,{as:"h3",children:c.formatMonthTitle(e,d)}),t.jsx(o,{onClick:()=>a(),children:t.jsx(j,{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"})})]});

package/cjs/components/DayPicker/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),c=require("react-day-picker"),n=require("styled-components"),l=require("../../theme.js"),s=require("./DayPickerNavBar.js"),t=require("./localeUtils.js"),f=require("./style.js");function a(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../Icons/Arrow.js"),require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var y=a(c);const m=a(n).default.div`
-  ${f.default}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-day-picker"),t=require("styled-components"),o=require("../../theme.js"),a=require("./DayPickerNavBar.js"),l=require("./localeUtils.js"),s=require("./style.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../Icons/Arrow.js"),require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var u=i(r);const d=i(t).default.div`
+  ${s.default}
 
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
-`,q=e=>({selected:{color:l.default.colors.text.light,background:l.default.colors[e].main},today:{color:l.default.colors[e].main}}),i=({locale:e="sv",color:o="primary",...u})=>r.jsx(m,{color:o,children:r.jsx(y.default,{...u,locale:e,months:t.MONTHS[e],weekdaysLong:t.WEEKDAYS_LONG[e],weekdaysShort:t.WEEKDAYS_SHORT[e],firstDayOfWeek:t.FIRST_DAY_OF_THE_WEEK[e],navbarElement:d=>r.jsx(s.default,{...d,locale:e}),captionElement:r.jsx("div",{}),modifiersStyles:q(o)})});exports.DayPicker=i,exports.default=i;
+`,c=e=>({selected:{color:o.default.colors.text.light,background:o.default.colors[e].main},today:{color:o.default.colors[e].main}}),n=({locale:r="sv",color:t="primary",...o})=>e.jsx(d,{color:t,children:e.jsx(u.default,{...o,locale:r,months:l.MONTHS[r],weekdaysLong:l.WEEKDAYS_LONG[r],weekdaysShort:l.WEEKDAYS_SHORT[r],firstDayOfWeek:l.FIRST_DAY_OF_THE_WEEK[r],navbarElement:t=>e.jsx(a.default,{...t,locale:r}),captionElement:e.jsx("div",{}),modifiersStyles:c(t)})});exports.DayPicker=n,exports.default=n;