@kvdbil/components 14.3.3 → 14.3.4

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 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`
   padding-left: 2rem;
-`,m=a.default.li`
+`,f=i.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-radius: 4px;
   font-family: 'Ralway', sans-serif;
   margin-top: 0.75rem;
-`,u=a.default.span`
+`,t=i.default.span`
   text-transform: capitalize;
   padding: 0.5em;
   display: block;
   border-bottom: 1px solid ${d.default.colors.gray.light2};
-`,p=a.default.li`
+`,p=i.default.li`
   display: block;
   background: ${({hex:e})=>e};
-  color: ${({hex:e})=>s.getLuminosity(e)<40?"#fff":"#000"};
+  color: ${({hex:e})=>n.getLuminosity(e)<40?"#fff":"#000"};
   padding: 1em;
-`,g=a.default.ul`
+`,x=i.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)));
+`,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)})]});

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";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`
+  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:t,as:r="div"})=>i.jsx(n,{as:r,elevation:t,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 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`
   display: flex;
   flex-direction: column;
   .ReactCollapse--collapse {
     transition: height 300ms;
   }
-`,b=o.default.ul`
+`,j=a.default.ul`
   margin: 0;
   padding: 0;
   list-style: none;
-`,E=o.default.div`
+`,b=a.default.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   cursor: pointer;
   margin: 0.5rem 0;
-`,w=o.default.div`
+`,q=a.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`
+`,v=a.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`
+`,w=a.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`
+`,O=a.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")} {
+  ${g.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;
+`,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;

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 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`
   border-radius: 0.75rem;
-  background: ${o.default.colors.secondary.main};
+  background: ${d.default.colors.secondary.main};
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -9,7 +9,7 @@
   height: 1.5rem;
   box-sizing: border-box;
   cursor: default;
-`,c=r.default(d)`
+`,c=r.default(a)`
   width: 1rem;
   height: 1rem;
   border-radius: 50%;
@@ -22,14 +22,14 @@
   border-radius: 50%;
   opacity: 0.1;
   transform: scale(0.5);
-  background: ${o.default.colors.text.dark};
+  background: ${d.default.colors.text.dark};
   position: absolute;
   top: 0;
   left: 0;
-`,p=r.default.span`
+`,m=r.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;
+`,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;

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 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`
   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)`
+`,a=i.default(r.BodyText)`
   color: ${({theme:e})=>e.colors.text.dark};
   overflow: hidden;
   text-overflow: ellipsis;
-`,u=l.default.span`
+`,h=i.default.span`
   display: inline-flex;
   padding-right: 0.5rem;
   svg {
     width: 1rem;
     height: 1rem;
   }
-`,c=l.default.span`
+`,c=i.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: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})]})]})});

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 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`
   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: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))});

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 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}
   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:i,isLoading:a})=>a||!e&&!i?"center":"space-between"};
 
-  ${({size:e="small"})=>a.fontSizes[e]||x.ButtonRegularTextStyle}
+  ${({size:e="small"})=>t.fontSizes[e]||y.ButtonRegularTextStyle}
   ${({size:e})=>m.css`
-    ${(e==="smaller"||e==="small")&&a.smallerAndSmallSizeStyles()}
-    ${e==="regular"&&a.regularSizeStyles()}
-    ${e==="large"&&a.largeSizeStyles()}
+    ${(e==="smaller"||e==="small")&&t.smallerAndSmallSizeStyles()}
+    ${e==="regular"&&t.regularSizeStyles()}
+    ${e==="large"&&t.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:i="primary",colorShade:a="main",disabled:d,theme:o})=>m.css`
+    ${d?t.disabledColorStyles(o,e):t.colorStyles[e](o,i,a)}
   `}
   &: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`
+`,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`
   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:i})=>e==="prefix"?$[i]:0};
+  margin-left: ${({type:e,size:i})=>e==="sufix"?$[i]:0};
+  font-size: ${({size:e})=>B[e]};
   opacity: ${({isLoading:e})=>e?0:1};
-`,W=n.default(q.default)`
+`,k=n.default(W.default)`
   position: absolute;
-`,w=n.default.span`
+`,E=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;
+`,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;

package/cjs/components/Button/styles.js

@@ -1,46 +1,46 @@
-"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};
+"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[o].dark};
-      color: ${r.colors[o].dark};
+      border: 2px solid ${r.colors[l].dark};
+      color: ${r.colors[l].dark};
   }
 
   :active {
-    border: 2px solid ${r.colors[o].light};
-    color: ${r.colors[o].light};
+    border: 2px solid ${r.colors[l].light};
+    color: ${r.colors[l].light};
   }
-`,t=(r,o)=>`
-  color: ${r.colors[o].main};
+`,t=(r,l)=>`
+  color: ${r.colors[l].main};
 
   background-color: transparent;
 
   :hover, :active {
-    color: ${r.colors[o].dark};
+    color: ${r.colors[l].dark};
   }
-`,l=r=>`
+`,n=r=>`
   color: ${r.colors.gray.light1};
   cursor: not-allowed;
-`,a={solid:(r,o,s)=>`
+`,a={solid:(r,l,i)=>`
   color: ${r.colors.text.light};
-  background-color: ${r.colors[o][s]};
+  background-color: ${r.colors[l][i]};
 
   :hover {
-    border-color: ${r.colors[o].dark};
+    border-color: ${r.colors[l].dark};
     filter: brightness(0.9)
   }
 
   :active {
-    border-color: ${r.colors[o].light};
+    border-color: ${r.colors[l].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=()=>`
+`,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=()=>`

package/cjs/components/Card/index.js

@@ -1,14 +1,14 @@
-"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};
+"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};
   height: 0.25rem;
-`,g=l.default.div`
+`,h=l.default.div`
   background: ${s.default.colors.background.light};
 
-  ${({noFrame:e,topBorder:r,lineBorder:o,theme:t})=>!r&&(!e||o)&&`border-top: 1px solid ${t.colors.gray.light5};`}
+  ${({noFrame:r,topBorder:e,lineBorder:o,theme:d})=>!e&&(!r||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:r,lineBorder:e,theme:o})=>(!r||e)&&`border-bottom: 1px solid ${o.colors.gray.light5};
   `}
 
-  ${({noFrame:e,lineBorder:r,theme:o})=>!e&&!r&&`border-right: 1px solid ${o.colors.gray.light5};
+  ${({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: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;
+`,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;

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 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`
   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,30 @@
     width: 22px;
     height: 22px;
   }
-`},y=o.css`
+`},m=r.css`
   cursor: default;
-  border: 2px solid ${t.default.colors.gray.light2};
-`,$=o.css`
-  background: ${t.default.colors.gray.light2};
+  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};
   z-index: 1;
-`,v=o.css`
-  border: 2px solid ${t.default.colors.error.dark};
-`,z=i.default.div`
+`,v=r.css`
+  border: 2px solid ${o.default.colors.error.dark};
+`,z=t.default.div`
   display: flex;
   align-items: flex-start;
   box-sizing: border-box;
   position: relative;
-`,j=i.default.input.attrs({type:"checkbox"})`
+`,j=t.default.input.attrs({type:"checkbox"})`
   position: absolute;
   appearance: none;
   width: 100%;
@@ -37,13 +47,13 @@
   outline: none;
   cursor: pointer;
   z-index: 1;
-  ${e=>u[e.boxSize]};
+  ${e=>n[e.boxSize]};
 
   :focus-visible {
     transition: background-color 400ms;
-    ${k.BackgroundStyles}
+    ${f.BackgroundStyles}
   }
-`,q=i.default.span`
+`,q=t.default.span`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -52,33 +62,23 @@
   justify-content: center;
   z-index: 0;
 
-  border: 2px solid ${t.default.colors.gray.dark5};
+  border: 2px solid ${o.default.colors.gray.dark5};
 
-  ${e=>u[e.size]};
+  ${e=>n[e.size]};
 
   svg {
     opacity: 0;
     color: ${({theme:e})=>e.colors.common.white};
   }
 
-  ${e=>e.isChecked&&(r=>o.css`
-  svg {
-    opacity: 1;
-  }
-
-  :hover {
-  }
-
-  background: ${t.default.colors[r].main};
-  border: 2px solid ${t.default.colors[r].main};
-`)(e.color)};
-  ${e=>e.isDisabled&&y};
+  ${e=>e.isChecked&&$(e.color)};
+  ${e=>e.isDisabled&&m};
   ${e=>e.hasError&&v};
-  ${e=>e.isChecked&&e.isDisabled&&$};
-`,D=i.default(m.BodyText)`
+  ${e=>e.isChecked&&e.isDisabled&&y};
+`,D=t.default(g.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};
+  color: ${({theme:e,isDisabled:i})=>i?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;
+`,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;

package/cjs/components/Chip/index.js

@@ -1,4 +1,4 @@
-"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 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`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: ${({size:e})=>r.getFontSize(e)};
   font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
@@ -14,7 +14,7 @@
   border-style: solid;
   border-color: ${r.getBorderColor};
   border-radius: 1.293rem;
-  padding: ${({size:e,isDeletable:n})=>n?"0 0.5rem 0 1rem":k[e]};
+  padding: ${({size:e,isDeletable:a})=>a?"0 0.5rem 0 1rem":C[e]};
   transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
 
   ${e=>!e.isDisabled&&e.isClickable&&` &:hover {
@@ -26,17 +26,17 @@
     border-color: ${r.getActiveBorderColor(e)};
     color: ${r.getActiveColor(e)};
   }`}
-`,B=a.default.span`
+`,$=l.default.span`
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   line-height: 1.5;
-`,z=a.default.span`
+`,k=l.default.span`
   margin-right: 0.625rem;
   display: flex;
   align-items: center;
-`,D=a.default.span`
+`,B=l.default.span`
   display: flex;
   align-items: center;
   cursor: ${r.getCursorType};
@@ -67,4 +67,4 @@
   &: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;
+`,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;

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 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`
   display: flex;
   justify-content: space-between;
   padding: 0 2em;
-`,y=r.default(m.BodyText)`
+`,p=r.default(s.BodyText)`
   font-size: 1.5em;
-  color: ${a.default.colors.text.dark};
-`,n=r.default.button`
+  color: ${n.default.colors.text.dark};
+`,o=r.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)`
+`,l=r.default(f.default)`
   width: 16px;
   height: 16px;
-  fill: ${a.default.colors.gray.dark3};
-`,x=r.default(o)`
+  fill: ${n.default.colors.gray.dark3};
+`,m=r.default(l)`
   transform: rotate(90deg);
-`,g=r.default(o)`
+`,j=r.default(l)`
   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: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"})})]});

package/cjs/components/DayPicker/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var d=require("react"),s=require("react-day-picker"),n=require("styled-components"),a=require("../../theme.js"),f=require("./DayPickerNavBar.js"),t=require("./localeUtils.js"),y=require("./style.js");function l(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 r=l(d),m=l(s);const E=l(n).default.div`
-  ${y.default}
+"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}
 
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
-`,q=e=>({selected:{color:a.default.colors.text.light,background:a.default.colors[e].main},today:{color:a.default.colors[e].main}}),i=({locale:e="sv",color:o="primary",...u})=>r.default.createElement(E,{color:o},r.default.createElement(m.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:c=>r.default.createElement(f.default,{...c,locale:e}),captionElement:r.default.createElement("div",null),modifiersStyles:q(o)}));exports.DayPicker=i,exports.default=i;
+`,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;

package/cjs/components/Dialog/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("react"),p=require("styled-components"),h=require("../Modal/index.js"),g=require("../../theme.js"),y=require("../../typography/Heading/index.js");function i(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../../shared/media-queries.js");var t=i(c),n=i(p);const m=n.default(y.TinyTitleBold)`
-  font-weight: ${g.default.typography.fontAlternativeRegularWeight};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),f=require("styled-components"),c=require("../Modal/index.js"),h=require("../../theme.js"),q=require("../../typography/Heading/index.js");function p(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("react"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../../shared/media-queries.js");var l=p(f);const g=l.default(q.TinyTitleBold)`
+  font-weight: ${h.default.typography.fontAlternativeRegularWeight};
   margin: 0;
-`,q=n.default.div`
+`,y=l.default.div`
   display: flex;
   justify-content: flex-end;
   gap: 1rem;
   overflow-x: hidden;
-`,a=({isOpen:e,title:r,children:o,actions:l,onClose:u,withPortal:d,withCloseIcon:s=!0,...f})=>t.default.createElement(h.Modal,{onClose:u,withPortal:d,isOpen:e,withCloseIcon:s,...f},typeof r=="string"?t.default.createElement(m,null,r):r,t.default.createElement("div",null,o),l&&t.default.createElement(q,null,l));exports.Dialog=a,exports.default=a;
+`,n=({isOpen:e,title:i,children:o,actions:t,onClose:u,withPortal:d,withCloseIcon:a=!0,...s})=>r.jsxs(c.Modal,{onClose:u,withPortal:d,isOpen:e,withCloseIcon:a,...s,children:[typeof i=="string"?r.jsx(g,{children:i}):i,r.jsx("div",{children:o}),t&&r.jsx(y,{children:t})]});exports.Dialog=n,exports.default=n;