@kvdbil/components 14.3.3 → 14.3.4

package/esm/components/Breadcrumbs/BreadcrumbsItem.js

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

package/esm/components/Breadcrumbs/index.js

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

package/esm/components/Button/index.js

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

package/esm/components/Button/styles.js

@@ -1,4 +1,4 @@
-import{ButtonSmallTextStyle as i,ButtonRegularTextStyle as e,ButtonLargeTextStyle as a}from"../../typography/ButtonText/index.js";import"react";import"styled-components";const n={smaller:i,small:e,regular:e,large:a},d=()=>`
+import{ButtonSmallTextStyle as c,ButtonRegularTextStyle as e,ButtonLargeTextStyle as a}from"../../typography/ButtonText/index.js";import"react/jsx-runtime";import"styled-components";const n={smaller:c,small:e,regular:e,large:a},d=()=>`
   padding: 0.25rem 0.75rem;
   min-height: 2.5rem;
 `,g=()=>`
@@ -7,9 +7,9 @@ import{ButtonSmallTextStyle as i,ButtonRegularTextStyle as e,ButtonLargeTextStyl
 `,m=()=>`
   padding: 0.25rem 1.5rem;
   min-height: 3.75rem;
-`,h=(o,r,c)=>`
+`,h=(o,r,i)=>`
   color: ${o.colors.text.light};
-  background-color: ${o.colors[r][c]};
+  background-color: ${o.colors[r][i]};
 
   :hover {
     border-color: ${o.colors[r].dark};
@@ -49,4 +49,4 @@ import{ButtonSmallTextStyle as i,ButtonRegularTextStyle as e,ButtonLargeTextStyl
     ${l(o)};
     background-color: ${o.colors.gray.light4};`:r==="outline"?`
     ${l(o)};
-    border: 2px solid ${o.colors.gray.light1};`:l(o),p={solid:h,outline:t,flat:s};export{p as colorStyles,$ as disabledColorStyles,s as flatColorStyles,n as fontSizes,m as largeSizeStyles,t as outlineColorStyles,g as regularSizeStyles,d as smallerAndSmallSizeStyles};
+    border: 2px solid ${o.colors.gray.light1};`:l(o),S={solid:h,outline:t,flat:s};export{S as colorStyles,$ as disabledColorStyles,s as flatColorStyles,n as fontSizes,m as largeSizeStyles,t as outlineColorStyles,g as regularSizeStyles,d as smallerAndSmallSizeStyles};

package/esm/components/Card/index.js

@@ -1,14 +1,14 @@
-import d from"react";import l from"styled-components";import n from"../../theme.js";const m=l.div``,s=l.div`
+import{jsxs as n,jsx as t}from"react/jsx-runtime";import i from"styled-components";import s from"../../theme.js";const m=i.div``,p=i.div`
   background: ${({topBorder:r})=>r};
   height: 0.25rem;
-`,c=l.div`
-  background: ${n.colors.background.light};
+`,g=i.div`
+  background: ${s.colors.background.light};
 
-  ${({noFrame:r,topBorder:o,lineBorder:e,theme:t})=>!o&&(!r||e)&&`border-top: 1px solid ${t.colors.gray.light5};`}
+  ${({noFrame:r,topBorder:o,lineBorder:e,theme:d})=>!o&&(!r||e)&&`border-top: 1px solid ${d.colors.gray.light5};`}
 
   ${({noFrame:r,lineBorder:o,theme:e})=>(!r||o)&&`border-bottom: 1px solid ${e.colors.gray.light5};
   `}
 
   ${({noFrame:r,lineBorder:o,theme:e})=>!r&&!o&&`border-right: 1px solid ${e.colors.gray.light5};
      border-left: 1px solid ${e.colors.gray.light5};`}
-`,i=({children:r,topBorder:o,noFrame:e=!1,lineBorder:t=!1,as:a="div"})=>d.createElement(m,{as:a},o&&d.createElement(s,{topBorder:o}),d.createElement(c,{topBorder:o,noFrame:e,lineBorder:t},r));export{i as Card,i as default};
+`,l=({children:r,topBorder:o,noFrame:e=!1,lineBorder:d=!1,as:a="div"})=>n(m,{as:a,children:[o&&t(p,{topBorder:o}),t(g,{topBorder:o,noFrame:e,lineBorder:d,children:r})]});export{l as Card,l as default};

package/esm/components/CheckBox/index.js

@@ -1,4 +1,4 @@
-import s from"react";import t,{css as r}from"styled-components";import x from"../../icons/components/CheckmarkIcon.js";import{generateNameHash as b}from"../../shared/helpers.js";import i from"../../theme.js";import{BodyText as g}from"../../typography/BodyText/index.js";import{BackgroundStyles as u}from"../IconButton.js";import"../../shared/media-queries.js";const f=r`
+import{jsxs as b,jsx as s}from"react/jsx-runtime";import t,{css as r}from"styled-components";import m from"../../icons/components/CheckmarkIcon.js";import{generateNameHash as g}from"../../shared/helpers.js";import i from"../../theme.js";import{BodyText as u}from"../../typography/BodyText/index.js";import{BackgroundStyles as f}from"../IconButton.js";import"../../shared/media-queries.js";const k=r`
   width: 24px;
   height: 24px;
 
@@ -6,7 +6,7 @@ import s from"react";import t,{css as r}from"styled-components";import x from"..
     width: 15px;
     height: 15px;
   }
-`,k=r`
+`,$=r`
   width: 32px;
   height: 32px;
 
@@ -14,10 +14,10 @@ import s from"react";import t,{css as r}from"styled-components";import x from"..
     width: 22px;
     height: 22px;
   }
-`,n={regular:f,large:k},y=r`
+`,n={regular:k,large:$},y=r`
   cursor: default;
   border: 2px solid ${i.colors.gray.light2};
-`,$=e=>r`
+`,v=e=>r`
   svg {
     opacity: 1;
   }
@@ -27,17 +27,17 @@ import s from"react";import t,{css as r}from"styled-components";import x from"..
 
   background: ${i.colors[e].main};
   border: 2px solid ${i.colors[e].main};
-`,v=r`
+`,z=r`
   background: ${i.colors.gray.light2};
   z-index: 1;
-`,z=r`
+`,D=r`
   border: 2px solid ${i.colors.error.dark};
-`,D=t.div`
+`,w=t.div`
   display: flex;
   align-items: flex-start;
   box-sizing: border-box;
   position: relative;
-`,E=t.input.attrs({type:"checkbox"})`
+`,C=t.input.attrs({type:"checkbox"})`
   position: absolute;
   appearance: none;
   width: 100%;
@@ -51,9 +51,9 @@ import s from"react";import t,{css as r}from"styled-components";import x from"..
 
   :focus-visible {
     transition: background-color 400ms;
-    ${u}
+    ${f}
   }
-`,j=t.span`
+`,S=t.span`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -71,14 +71,14 @@ import s from"react";import t,{css as r}from"styled-components";import x from"..
     color: ${({theme:e})=>e.colors.common.white};
   }
 
-  ${e=>e.isChecked&&$(e.color)};
+  ${e=>e.isChecked&&v(e.color)};
   ${e=>e.isDisabled&&y};
-  ${e=>e.hasError&&z};
-  ${e=>e.isChecked&&e.isDisabled&&v};
-`,w=t(g)`
+  ${e=>e.hasError&&D};
+  ${e=>e.isChecked&&e.isDisabled&&z};
+`,j=t(u)`
   flex: 1;
   cursor: ${({isDisabled:e})=>e?"default":"pointer"};
   user-select: none;
   color: ${({theme:e,isDisabled:o})=>o?e.colors.text.disabled:e.colors.text.dark};
   margin-left: 0.5rem;
-`,p=({name:e=b("check-box"),isDisabled:o=!1,size:a="regular",checked:l=!1,color:c="secondary",hasError:h=!1,label:d,...m})=>s.createElement(D,null,s.createElement(E,{...m,type:"checkbox",checked:l,"data-validate":"checked",name:e,id:e,color:c,disabled:o,isDisabled:o,boxSize:a}),s.createElement(j,{size:a,color:c,isChecked:l,isDisabled:o,hasError:h},s.createElement(x,null)),d&&s.createElement(w,{as:"label",htmlFor:e,isDisabled:o},d));export{p as CheckBox,p as default};
+`,h=({name:e=g("check-box"),isDisabled:o=!1,size:a="regular",checked:l=!1,color:d="secondary",hasError:p=!1,label:c,...x})=>b(w,{children:[s(C,{...x,type:"checkbox",checked:l,"data-validate":"checked",name:e,id:e,color:d,disabled:o,isDisabled:o,boxSize:a}),s(S,{size:a,color:d,isChecked:l,isDisabled:o,hasError:p,children:s(m,{})}),c&&s(j,{as:"label",htmlFor:e,isDisabled:o,children:c})]});export{h as CheckBox,h as default};

package/esm/components/Chip/index.js

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

package/esm/components/DayPicker/DayPickerNavBar.js

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

package/esm/components/DayPicker/index.js

@@ -1,5 +1,5 @@
-import o from"react";import i from"react-day-picker";import s from"styled-components";import t from"../../theme.js";import c from"./DayPickerNavBar.js";import{MONTHS as n,WEEKDAYS_LONG as p,WEEKDAYS_SHORT as y,FIRST_DAY_OF_THE_WEEK as d}from"./localeUtils.js";import f from"./style.js";import"../Icons/Arrow.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const E=s.div`
-  ${f}
+import{jsx as t}from"react/jsx-runtime";import a from"react-day-picker";import c from"styled-components";import r from"../../theme.js";import n from"./DayPickerNavBar.js";import{MONTHS as p,WEEKDAYS_LONG as s,WEEKDAYS_SHORT as f,FIRST_DAY_OF_THE_WEEK as y}from"./localeUtils.js";import d from"./style.js";import"../Icons/Arrow.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const E=c.div`
+  ${d}
 
-  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
-`,h=e=>({selected:{color:t.colors.text.light,background:t.colors[e].main},today:{color:t.colors[e].main}}),a=({locale:e="sv",color:r="primary",...m})=>o.createElement(E,{color:r},o.createElement(i,{...m,locale:e,months:n[e],weekdaysLong:p[e],weekdaysShort:y[e],firstDayOfWeek:d[e],navbarElement:l=>o.createElement(c,{...l,locale:e}),captionElement:o.createElement("div",null),modifiersStyles:h(r)}));export{a as DayPicker,a as default};
+  font-family: ${({theme:o})=>o.typography.fontAlternativeFamily};
+`,S=o=>({selected:{color:r.colors.text.light,background:r.colors[o].main},today:{color:r.colors[o].main}}),e=({locale:o="sv",color:m="primary",...i})=>t(E,{color:m,children:t(a,{...i,locale:o,months:p[o],weekdaysLong:s[o],weekdaysShort:f[o],firstDayOfWeek:y[o],navbarElement:l=>t(n,{...l,locale:o}),captionElement:t("div",{}),modifiersStyles:S(m)})});export{e as DayPicker,e as default};

package/esm/components/Dialog/index.js

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

package/esm/components/EditRow/index.js

@@ -1,34 +1,34 @@
-import t,{useState as p,useEffect as I}from"react";import l from"styled-components";import E from"../../theme.js";import{BodyLink as J,BodyText as K}from"../../typography/BodyText/index.js";import{Button as u}from"../Button/index.js";import{Chip as N}from"../Chip/index.js";import{TextField as O}from"../Textfield/index.js";import"../../shared/media-queries.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../../icons/components/CloseIcon.js";import"../Chip/styles.js";import"../FieldLabel.js";import"../../shared/helpers.js";const Q=l.div`
+import{jsxs as m,Fragment as P,jsx as o}from"react/jsx-runtime";import{useState as s,useEffect as Q}from"react";import i from"styled-components";import y from"../../theme.js";import{BodyLink as R,BodyText as U}from"../../typography/BodyText/index.js";import{Button as f}from"../Button/index.js";import{Chip as V}from"../Chip/index.js";import{TextField as W}from"../Textfield/index.js";import"../../shared/media-queries.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../../icons/components/CloseIcon.js";import"../Chip/styles.js";import"../FieldLabel.js";import"../../shared/helpers.js";const X=i.div`
   display: flex;
-  border-bottom: 1px solid ${E.colors.gray.light5};
-`,U=l.form`
+  border-bottom: 1px solid ${y.colors.gray.light5};
+`,Y=i.form`
   flex: 1;
   flex-direction: column;
   margin-bottom: 1rem;
-`,V=l(O)`
+`,Z=i(W)`
   max-width: 20rem;
-`,W=l.div`
+`,_=i.div`
   flex: 1;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   margin-top: 1rem;
-`,X=l(u)`
+`,q=i(f)`
   min-width: 5rem;
-`,Y=l(u)`
+`,z=i(f)`
   min-width: 5rem;
   margin-right: 1rem;
-`,j=l(J)`
+`,v=i(R)`
   flex: 1;
   margin-right: 1rem;
-`,b=l(K)`
+`,C=i(U)`
   flex: 1rem;
   flex: 4;
-`,Z=l(b)`
-  color: ${E.colors.text.disabled};
-`,z=l.div`
+`,A=i(C)`
+  color: ${y.colors.text.disabled};
+`,I=i.div`
   display: flex;
   flex-wrap: wrap;
-`,A=l(N)`
+`,M=i(V)`
   margin: 0.5rem;
-`,M=({value:f,label:m,onChange:x,onEdit:s,options:v=[],inputProps:C={},isClearable:T=!1,isEditionDisabled:w=!1,editText:B,saveText:k,cancelText:D,noValueText:F,formatterFunc:c,isSingleSelect:S,color:d="secondary"})=>{const[r,n]=p(f),[_,L]=p(f),[o,h]=p(!1),a=typeof r=="string",P=c&&a?c==null?void 0:c(r):r,$=a?P:r.join(", "),y=r.length>0;I(()=>s==null?void 0:s(o),[s,o]);const g=()=>{o?n(_):L(r),h(e=>!e)},q=e=>{e.preventDefault(),x==null||x(r),h(!1)},G=e=>{if(typeof r!="object")throw new Error("Cannot toggle chip on other than array");if(S){if(r.includes(e)&&T){n([]);return}n([e]);return}if(r.includes(e)){const i=r.filter(H=>H!==e);n(i);return}n(i=>[...i,e])};return t.createElement(Q,null,!o&&t.createElement(t.Fragment,null,t.createElement(j,null,m),y&&t.createElement(b,null,$),!y&&t.createElement(Z,null,F),t.createElement(u,{variant:"flat",color:d,onClick:g,isDisabled:w},B)),o&&t.createElement(U,{onSubmit:q},t.createElement(j,null,m),a&&t.createElement(V,{...C,autoFocus:!0,value:r,label:m,onChange:e=>n(e.target.value)}),!a&&t.createElement(z,null,v.map(e=>t.createElement(A,{color:d,onClick:i=>{i.preventDefault(),G(e)},key:e,variant:r.includes(e)?"solid":"outline"},e))),t.createElement(W,null,t.createElement(Y,{type:"button",variant:"flat",color:"neutral",onClick:g},D),t.createElement(X,{type:"submit",color:d},k))))};export{M as default};
+`,ee=({value:p,label:c,onChange:w,onEdit:h,options:j=[],inputProps:T={},isClearable:D=!1,isEditionDisabled:k=!1,editText:E,saveText:F,cancelText:S,noValueText:B,formatterFunc:u,isSingleSelect:$,color:d="secondary"})=>{const[r,t]=s(p),[G,H]=s(p),[l,x]=s(!1),a=typeof r=="string",J=u&&a?u?.(r):r,K=a?J:r.join(", "),g=r.length>0;Q(()=>h?.(l),[h,l]);const b=()=>{l?t(G):H(r),x(e=>!e)},L=e=>{e.preventDefault(),w?.(r),x(!1)},N=e=>{if(typeof r!="object")throw new Error("Cannot toggle chip on other than array");if($){if(r.includes(e)&&D){t([]);return}t([e]);return}if(r.includes(e)){const n=r.filter(O=>O!==e);t(n);return}t(n=>[...n,e])};return m(X,{children:[!l&&m(P,{children:[o(v,{children:c}),g&&o(C,{children:K}),!g&&o(A,{children:B}),o(f,{variant:"flat",color:d,onClick:b,isDisabled:k,children:E})]}),l&&m(Y,{onSubmit:L,children:[o(v,{children:c}),a&&o(Z,{...T,autoFocus:!0,value:r,label:c,onChange:e=>t(e.target.value)}),!a&&o(I,{children:j.map(e=>o(M,{color:d,onClick:n=>{n.preventDefault(),N(e)},variant:r.includes(e)?"solid":"outline",children:e},e))}),m(_,{children:[o(z,{type:"button",variant:"flat",color:"neutral",onClick:b,children:S}),o(q,{type:"submit",color:d,children:F})]})]})]})};export{ee as default};

package/esm/components/ErrorMessage/index.js

@@ -1,4 +1,4 @@
-import n from"react";import a from"styled-components";const i=a.div`
+import{jsx as n}from"react/jsx-runtime";import i from"styled-components";const a=i.div`
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
   font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
   background: ${({theme:e})=>e.colors.error.main};
@@ -7,4 +7,4 @@ import n from"react";import a from"styled-components";const i=a.div`
   font-size: 13px;
   padding: 10px;
   ${({centered:e})=>e&&"text-align: center;"}
-`,t=({children:e,centered:r,...o})=>n.createElement(i,{centered:r,...o},e);export{t as ErrorMessage,t as default};
+`,r=({children:e,centered:t,...o})=>n(a,{centered:t,...o,children:e});export{r as ErrorMessage,r as default};

package/esm/components/FieldLabel.js

@@ -1,39 +1,39 @@
-import i,{css as t}from"styled-components";import{BodyTextStyle as l}from"../typography/BodyText/index.js";import"react";import"../shared/media-queries.js";const a="0.5rem",c=(e,o)=>t`
+import i,{css as t}from"styled-components";import{BodyTextStyle as s}from"../typography/BodyText/index.js";import"react/jsx-runtime";import"../shared/media-queries.js";const l="0.5rem",c=(o,e)=>t`
   background-color: ${({theme:r})=>r.colors.background.light};
-  transform: translateY(${e});
+  transform: translateY(${o});
   line-height: 0.875rem;
   font-size: 0.75rem;
   transform-origin: 0 0;
-  padding: 0 ${a};
-  left: ${a};
-  color: ${({theme:r})=>o?r.colors.error.dark:r.colors.text.dark};
+  padding: 0 ${l};
+  left: ${l};
+  color: ${({theme:r})=>e?r.colors.error.dark:r.colors.text.dark};
 `,n=t`
-  color: ${({theme:e,hasError:o})=>o?e.colors.error.dark:e.colors.text.dark};
-`,d=t`
-  color: ${({theme:e})=>e.colors.gray.light1};
-  background-color: ${({theme:e})=>e.colors.background.light};
+  color: ${({theme:o,hasError:e})=>e?o.colors.error.dark:o.colors.text.dark};
 `,m=t`
+  color: ${({theme:o})=>o.colors.gray.light1};
+  background-color: ${({theme:o})=>o.colors.background.light};
+`,h=t`
   width: max-content;
   left: 0;
   right: 0;
   margin-right: auto;
   margin-left: auto;
-`,h=i.label`
-  ${l}
+`,d=i.label`
+  ${s}
   pointer-events: none;
   position: absolute;
   max-width: calc(100% - 2rem);
   z-index: 1;
-  top: ${({height:e})=>e?`${e}rem`:"0.75rem"};
+  top: ${({height:o})=>o?`${o}rem`:"0.75rem"};
   left: calc(0.75rem + 2px);
   transition: 150ms;
-  color: ${({theme:e})=>e.colors.gray.dark5};
+  color: ${({theme:o})=>o.colors.gray.dark5};
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 
-  ${({hasValue:e,isFocused:o,height:r=.7,hasError:s})=>(e||o)&&c(`-${r+.4}rem`,s)}
-  ${({centered:e,hasValue:o,isFocused:r})=>(o||r)&&e&&m}
-  ${({isFocused:e})=>e&&n}
-  ${({disabled:e})=>e&&d}
-`;export{h as Label};
+  ${({hasValue:o,isFocused:e,height:r=.7,hasError:a})=>(o||e)&&c(`-${r+.4}rem`,a)}
+  ${({centered:o,hasValue:e,isFocused:r})=>(e||r)&&o&&h}
+  ${({isFocused:o})=>o&&n}
+  ${({disabled:o})=>o&&m}
+`;export{d as Label};

package/esm/components/Flex/index.js

@@ -1,4 +1,4 @@
-import h from"react";import b,{css as a}from"styled-components";import{mq as x}from"../../shared/media-queries.js";const j="row",k="1rem",c="center",g=(r,e)=>(e==="gap"||e==="row-gap")&&typeof r=="number"?`${r}rem`:r,v=({$direction:r,$justify:e,$align:s,$gap:t,$rowGap:o,$wrap:l,$basis:$,$grow:p,$shrink:f})=>a`
+import{jsx as x}from"react/jsx-runtime";import b,{css as a}from"styled-components";import{mq as h}from"../../shared/media-queries.js";const j="row",k="1rem",c="center",w=(r,o)=>(o==="gap"||o==="row-gap")&&typeof r=="number"?`${r}rem`:r,v=({$direction:r,$justify:o,$align:n,$gap:t,$rowGap:s,$wrap:$,$basis:p,$grow:f,$shrink:g})=>a`
   display: flex;
 
   ${r&&["column","column-reverse"].includes(String(r))&&a`
@@ -7,13 +7,13 @@ import h from"react";import b,{css as a}from"styled-components";import{mq as x}f
     }
   `}
 
-  ${[[r,"flex-direction"],[e,"justify-content"],[s,"align-items"],[t,"gap"],[o,"row-gap"],[o,"row-gap"],[l,"flex-wrap"],[$,"flex-basis"],[p,"flex-grow"],[f,"flex-shrink"]].map(([i,n])=>{if(typeof i=="string"||typeof i=="number")return a`
-        ${n}: ${g(i,n)};
-      `;if(typeof i=="object"){const u=[],{initial:m,...w}=i;return m&&u.push(a`
-          ${n}: ${g(m,n)};
-        `),Object.entries(w).forEach(([d,y])=>{u.push(a`
-          ${x(d)} {
-            ${n}: ${g(y,n)};
+  ${[[r,"flex-direction"],[o,"justify-content"],[n,"align-items"],[t,"gap"],[s,"row-gap"],[s,"row-gap"],[$,"flex-wrap"],[p,"flex-basis"],[f,"flex-grow"],[g,"flex-shrink"]].map(([i,e])=>{if(typeof i=="string"||typeof i=="number")return a`
+        ${e}: ${w(i,e)};
+      `;if(typeof i=="object"){const l=[],{initial:u,...m}=i;return u&&l.push(a`
+          ${e}: ${w(u,e)};
+        `),Object.entries(m).forEach(([d,y])=>{l.push(a`
+          ${h(d)} {
+            ${e}: ${w(y,e)};
           }
-        `)}),u}else return""})}
-`,G=b.div(v),q=({direction:r,justify:e,align:s,gap:t,rowGap:o,wrap:l,basis:$,grow:p,shrink:f,...i})=>h.createElement(G,{$direction:r??j,$justify:e??c,$align:s??c,$gap:t??k,$rowGap:o,$wrap:l,$basis:$,$grow:p,$shrink:f,...i});export{q as default};
+        `)}),l}else return""})}
+`,G=b.div(v),q=({direction:r,justify:o,align:n,gap:t,rowGap:s,wrap:$,basis:p,grow:f,shrink:g,...i})=>x(G,{$direction:r??j,$justify:o??c,$align:n??c,$gap:t??k,$rowGap:s,$wrap:$,$basis:p,$grow:f,$shrink:g,...i});export{q as default};