@kvdbil/components 15.1.5 → 16.0.1

package/cjs/ColorCard.js

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

package/cjs/components/Accordion/index.js

@@ -1,20 +1,20 @@
-"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`
+"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 s,i=(s=r)&&s.__esModule?s:{default:s};const l=i.default.div`
   display: flex;
   flex-direction: column;
   .ReactCollapse--collapse {
     transition: height 300ms;
   }
-`,d=s.default.ul`
+`,d=i.default.ul`
   margin: 0;
   padding: 0;
   list-style: none;
-`,c=s.default.div`
+`,c=i.default.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   cursor: pointer;
   margin: 0.5rem 0;
-`,m=s.default.div`
+`,m=i.default.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -22,19 +22,19 @@
   color: ${({theme:e})=>e.colors.text.dark};
   transition: 200ms ease-in-out;
   transform: ${({isOpen:e})=>`rotate(${e?"180deg":"0deg"})`};
-`,p=s.default.li`
-  border-top: ${({theme:e})=>`1px solid ${e.colors.gray.light2}`};
+`,p=i.default.li`
+  border-top: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.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}`};
+    border-bottom: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light2}`};
   }
-`,u=s.default.span`
+`,u=i.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};
-`,h=s.default.div`
+`,h=i.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   color: ${({theme:e})=>e.colors.text.dark};
   font-size: 0.9375rem;
@@ -48,4 +48,4 @@
     margin-top: 0;
     margin-bottom: 0;
   }
-`,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;
+`,f=({items:r,...n})=>{const[s,i]=t.useState({}),f=e=>{i((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=!!s[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/Breadcrumbs/BreadcrumbsItem.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),n=require("../../typography/BodyText/index.js");require("../../shared/media-queries.js");var r,o=(r=t)&&r.__esModule?r:{default:r};const i=o.default.li`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),n=require("../../typography/BodyText/index.js");require("../../shared/media-queries.js");var r,o=(r=t)&&r.__esModule?r:{default:r};const l=o.default.li`
   display: flex;
   align-items: center;
   margin: 0;
@@ -15,7 +15,7 @@
   }
 
   ${({$onlyLastTruncated:e})=>e&&"\n    &:last-child {\n      overflow: hidden;\n    }\n  "}
-`,l=o.default(n.BodyText)`
+`,i=o.default(n.BodyText)`
   color: ${({theme:e})=>e.colors.text.dark};
   overflow: hidden;
   text-overflow: ellipsis;
@@ -29,9 +29,9 @@
 `,d=o.default.span`
   display: inline-flex;
   padding: 0 0.5rem;
-  color: ${({theme:e})=>e.colors.gray.light1};
+  color: ${({theme:e})=>e.colors.grayscaleToned.light1};
   svg {
     width: 1rem;
     height: 1rem;
   }
-`;exports.default=({link:t,separator:n,isLast:r,onlyLastTruncated:o})=>e.jsx(e.Fragment,{children:e.jsxs(i,{$onlyLastTruncated:o,children:[t.prefixIcon&&e.jsx(s,{children:t.prefixIcon}),r?e.jsx(l,{as:"span",children:t.component}):e.jsxs(e.Fragment,{children:[t.component,e.jsx(d,{children:n})]})]})});
+`;exports.default=({link:t,separator:n,isLast:r,onlyLastTruncated:o})=>e.jsx(e.Fragment,{children:e.jsxs(l,{$onlyLastTruncated:o,children:[t.prefixIcon&&e.jsx(s,{children:t.prefixIcon}),r?e.jsx(i,{as:"span",children:t.component}):e.jsxs(e.Fragment,{children:[t.component,e.jsx(d,{children:n})]})]})});

package/cjs/components/Button/index.js

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

package/cjs/components/Button/styles.js

@@ -1 +1 @@
-"use strict";var r=require("../../typography/ButtonText/index.js");require("react/jsx-runtime"),require("styled-components");const o={smaller:r.ButtonSmallTextStyle,small:r.ButtonRegularTextStyle,regular:r.ButtonRegularTextStyle,large:r.ButtonLargeTextStyle},n=r=>`\n  color: ${r.colors.gray.light1};\n  cursor: not-allowed;\n`,e={solid:(r,o,n)=>`\n  color: ${r.colors.text.light};\n  background-color: ${r.colors[o][n]};\n\n  :hover {\n    border-color: ${r.colors[o].dark};\n    filter: brightness(0.9)\n  }\n\n  :active {\n    border-color: ${r.colors[o].light};\n    filter: brightness(1.1)\n  }\n`,outline:(r,o)=>`\n  color: ${r.colors[o].main};\n  border: 2px solid ${r.colors[o].main};\n  background-color: transparent;\n\n  :hover {\n      border: 2px solid ${r.colors[o].dark};\n      color: ${r.colors[o].dark};\n  }\n\n  :active {\n    border: 2px solid ${r.colors[o].light};\n    color: ${r.colors[o].light};\n  }\n`,flat:(r,o)=>`\n  color: ${r.colors[o].main};\n\n  background-color: transparent;\n\n  :hover, :active {\n    color: ${r.colors[o].dark};\n  }\n`};exports.colorStyles=e,exports.disabledColorStyles=(r,o)=>"solid"===o?`\n    ${n(r)};\n    background-color: ${r.colors.gray.light4};`:"outline"===o?`\n    ${n(r)};\n    border: 2px solid ${r.colors.gray.light1};`:n(r),exports.fontSizes=o,exports.largeSizeStyles=()=>"\n  padding: 0.25rem 1.5rem;\n  min-height: 3.75rem;\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";
+"use strict";var r=require("../../typography/ButtonText/index.js"),e=require("../../utils/utils.js");require("react/jsx-runtime"),require("styled-components");const o={small:r.ButtonSmallTextStyle,regular:r.ButtonRegularTextStyle,large:r.ButtonLargeTextStyle},n=r=>`\n  color: ${r.colors.grayscaleToned.light1};\n  cursor: not-allowed;\n`,l={solid:({theme:r,$color:o,$colorShade:n})=>{const l=e.resolveColorWithNeutral(r,o),t="neutral"===o?l.mainAlt:r.colors[o][n];return`\n  color: ${r.colors.text.light};\n  background-color: ${t};\n\n  &:hover {\n    border-color: ${l.dark};\n    filter: brightness(0.9)\n  }\n\n  &:active {\n    border-color: ${l.light};\n    filter: brightness(1.1)\n  }\n`},outline:({theme:r,$color:o})=>{const n=e.resolveColorWithNeutral(r,o);return`\n  color: ${n.mainAlt};\n  border: 2px solid ${n.mainAlt};\n  background-color: transparent;\n\n  &:hover {\n      border: 2px solid ${n.dark};\n      color: ${n.dark};\n  }\n\n  &:active {\n    border: 2px solid ${n.light};\n    color: ${n.light};\n  }\n`},flat:({theme:r,$color:o})=>{const n=e.resolveColorWithNeutral(r,o);return`\n  color: ${n.mainAlt};\n\n  background-color: transparent;\n\n  &:hover, &:active {\n    color: ${n.dark};\n  }\n`}};exports.colorStyles=l,exports.disabledColorStyles=(r,e)=>"solid"===e?`\n    ${n(r)};\n    background-color: ${r.colors.grayscaleToned.light4};`:"outline"===e?`\n    ${n(r)};\n    border: 2px solid ${r.colors.grayscaleToned.light1};`:n(r),exports.fontSizes=o,exports.largeSizeStyles=()=>"\n  padding: 0.25rem 1.5rem;\n  min-height: 3.75rem;\n",exports.regularSizeStyles=()=>"\n  padding: 0.25rem 1.5rem;\n  min-height: 3rem;\n",exports.smallSizeStyles=()=>"\n  padding: 0.25rem 0.75rem;\n  min-height: 2.5rem;\n";

package/cjs/components/Card/index.js

@@ -1,12 +1,12 @@
-"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`
+"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``,s=t.default.div`
   background: ${({topBorder:e})=>e};
   height: 0.25rem;
-`,s=t.default.div`
+`,a=t.default.div`
   background: ${o.default.colors.background.light};
 
-  ${({noFrame:e,topBorder:r,lineBorder:o,theme:d})=>!r&&(!e||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.grayscaleToned.light5};`}
 
-  ${({noFrame:e,lineBorder:r,theme:o})=>(!e||r)&&`border-bottom: 1px solid ${o.colors.gray.light5};\n  `}
+  ${({noFrame:e,lineBorder:r,theme:o})=>(!e||r)&&`border-bottom: 1px solid ${o.colors.grayscaleToned.light5};\n  `}
 
-  ${({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;
+  ${({noFrame:e,lineBorder:r,theme:o})=>!e&&!r&&`border-right: 1px solid ${o.colors.grayscaleToned.light5};\n     border-left: 1px solid ${o.colors.grayscaleToned.light5};`}
+`,i=({children:r,topBorder:o,noFrame:d=!1,lineBorder:t=!1,as:i="div"})=>e.jsxs(l,{as:i,children:[o&&e.jsx(s,{topBorder:o}),e.jsx(a,{topBorder:o,noFrame:d,lineBorder:t,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 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`
+"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"),require("../../utils/utils.js");var l,d=(l=r)&&l.__esModule?l:{default:l};const c={regular:r.css`
   width: 24px;
   height: 24px;
 
@@ -16,18 +16,18 @@
   }
 `},n=r.css`
   cursor: default;
-  border: 2px solid ${i.default.colors.gray.light2};
+  border: 2px solid ${i.default.colors.grayscaleToned.light2};
 `,u=r.css`
-  background: ${i.default.colors.gray.light2};
+  background: ${i.default.colors.grayscaleToned.light2};
   z-index: 1;
 `,h=r.css`
   border: 2px solid ${i.default.colors.error.dark};
-`,x=l.default.div`
+`,x=d.default.div`
   display: flex;
   align-items: flex-start;
   box-sizing: border-box;
   position: relative;
-`,p=l.default.input.attrs({type:"checkbox"})`
+`,p=d.default.input.attrs({type:"checkbox"})`
   position: absolute;
   appearance: none;
   width: 100%;
@@ -43,7 +43,7 @@
     transition: background-color 400ms;
     ${a.BackgroundStyles}
   }
-`,b=l.default.span`
+`,b=d.default.span`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -52,7 +52,7 @@
   justify-content: center;
   z-index: 0;
 
-  border: 2px solid ${i.default.colors.gray.dark5};
+  border: 2px solid ${i.default.colors.grayscaleToned.dark5};
 
   ${e=>c[e.size]};
 
@@ -75,10 +75,10 @@
   ${e=>e.isDisabled&&n};
   ${e=>e.hasError&&h};
   ${e=>e.isChecked&&e.isDisabled&&u};
-`,g=l.default(t.BodyText)`
+`,g=d.default(t.BodyText)`
   flex: 1;
   cursor: ${({isDisabled:e})=>e?"default":"pointer"};
   user-select: none;
   color: ${({theme:e,isDisabled:r})=>r?e.colors.text.disabled:e.colors.text.dark};
   margin-left: 0.5rem;
-`,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;
+`,f=({name:r=o.generateNameHash("check-box"),isDisabled:i=!1,size:t="regular",checked:a=!1,color:l="secondary",hasError:d=!1,label:c,...n})=>e.jsxs(x,{children:[e.jsx(p,{...n,type:"checkbox",checked:a,"data-validate":"checked",name:r,id:r,color:l,disabled:i,isDisabled:i,boxSize:t}),e.jsx(b,{size:t,color:l,isChecked:a,isDisabled:i,hasError:d,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,4 +1,4 @@
-"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`
+"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");require("../../utils/utils.js");var t,l=(t=r)&&t.__esModule?t:{default:t};const n={small:"2px 16px",regular:"3px 16px",large:"7px 16px"},s=l.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: ${({size:e})=>i.getFontSize(e)};
   font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
@@ -19,9 +19,10 @@
     color 0.3s ease,
     background-color 0.3s ease,
     border 0.3s ease;
+  box-sizing: border-box;
 
   ${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`
+`,a=l.default.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -62,4 +63,4 @@
   &:hover:before {
     opacity: 1;
   }
-`,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;
+`,g=({color:r="primary",children:i,component:t="div",isDisabled:l,onClick:n,size:g="regular",prefix:u,onDelete:p,variant:b="solid",...x})=>{const f=!(!n||l),h=!(!p||l);return e.jsx(s,{...x,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:b,hasPrefix:!!u,children:e.jsxs(a,{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:b,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";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;
+"use strict";var r=require("../../utils/utils.js");require("styled-components");exports.getActiveBackgroundColor=({color:t,variant:o,isDisabled:e,theme:l})=>e?"transparent":"neutralLight"===t?l.colors.background.light:"solid"===o?r.resolveColorWithNeutral(l,t).light:"transparent",exports.getActiveBorderColor=({variant:t,color:o,theme:e})=>{if("neutralLight"===o)return{solid:e.colors.background.light,flat:"transparent",outline:e.colors.background.light}[t];const l=r.resolveColorWithNeutral(e,o).light;return{solid:l,flat:"transparent",outline:l}[t]},exports.getActiveColor=({variant:t,color:o,theme:e})=>"neutralLight"===o?e.colors.text.dark:"solid"===t?e.colors.text.light:r.resolveColorWithNeutral(e,o).light,exports.getBackgroundColor=({isDisabled:t,variant:o,color:e,theme:l})=>t?l.colors.grayscaleToned.light5:"neutralLight"===e?{solid:l.colors.background.gray,flat:l.colors.background.light,outline:"transparent"}[o]:{solid:r.resolveColorWithNeutral(l,e).main,flat:l.colors.background.light,outline:"transparent"}[o],exports.getBorderColor=({color:t,isDisabled:o,variant:e,theme:l})=>{if(o)return l.colors.grayscaleToned.light5;if("neutralLight"===t)return{solid:"transparent",flat:"transparent",outline:l.colors.text.disabled}[e];const a=r.resolveColorWithNeutral(l,t).main;return{solid:a,flat:"transparent",outline:a}[e]},exports.getColor=({isDisabled:t,variant:o,color:e,theme:l})=>{if(t)return l.colors.text.disabled;if("neutralLight"===e)return"outline"===o?l.colors.text.disabled:l.colors.text.dark;const a=r.resolveColorWithNeutral(l,e).main;return{solid:l.colors.text.light,flat:a,outline:a}[o]},exports.getCursorType=({isDisabled:r,isClickable:t,isDeletable:o})=>r?"not-allowed":t||o?"pointer":"auto",exports.getFontSize=(r="small")=>({small:"0.75rem",regular:"1rem",large:"1rem"}[r]),exports.getHoverBackgroundColor=({variant:t,color:o,theme:e})=>"neutralLight"===o?{solid:e.colors.grayscaleToned.light4,flat:e.colors.background.light,outline:"transparent"}[t]:{solid:r.resolveColorWithNeutral(e,o).dark,flat:e.colors.background.light,outline:"transparent"}[t],exports.getHoverBorderColor=({variant:t,color:o,theme:e})=>{if("neutralLight"===o)return{solid:e.colors.grayscaleToned.light4,flat:"transparent",outline:e.colors.text.dark}[t];const l=r.resolveColorWithNeutral(e,o).dark;return{solid:l,flat:"transparent",outline:l}[t]},exports.getHoverColor=({variant:t,color:o,theme:e})=>{if("neutralLight"===o)return e.colors.text.dark;const l=r.resolveColorWithNeutral(e,o).dark;return{solid:e.colors.text.light,flat:l,outline:l}[t]},exports.getSufixHoverBackgroundColor=({variant:t,color:o,isClickable:e,isDisabled:l,theme:a})=>{if(l)return a.colors.grayscaleToned.light5;if("neutralLight"===o)return{solid:a.colors.grayscaleToned.light2,flat:a.colors.grayscaleToned.light4,outline:a.colors.grayscaleToned.light4}[t];const i=r.resolveColorWithNeutral(a,o);return"solid"===t?e?i.darker:i.dark:a.colors.background.gray};

package/cjs/components/DayPicker/DayPickerNavBar.js

@@ -1,11 +1,11 @@
-"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`
+"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"),n=require("./localeUtils.js");require("../../shared/media-queries.js");var a,i=(a=t)&&a.__esModule?a:{default:a};const s=i.default.div`
   display: flex;
   justify-content: space-between;
   padding: 0 2em;
-`,d=a.default(l.BodyText)`
+`,d=i.default(l.BodyText)`
   font-size: 1.5em;
   color: ${o.default.colors.text.dark};
-`,u=a.default.button`
+`,u=i.default.button`
   appearance: none;
   background-color: transparent;
   border: 0;
@@ -14,12 +14,12 @@
   outline: none;
   display: flex;
   align-items: center;
-`,c=a.default(r.default)`
+`,c=i.default(r.default)`
   width: 16px;
   height: 16px;
-  fill: ${o.default.colors.gray.dark3};
-`,f=a.default(c)`
+  fill: ${o.default.colors.grayscaleToned.dark3};
+`,f=i.default(c)`
   transform: rotate(90deg);
-`,x=a.default(c)`
+`,x=i.default(c)`
   transform: rotate(-90deg);
-`;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"})})]});
+`;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:n.formatMonthTitle(t,l)}),e.jsx(u,{onClick:()=>o(),children:e.jsx(x,{title:"next-month"})})]});

package/cjs/components/DayPicker/style.js

@@ -55,7 +55,7 @@
     background-position: center;
     background-size: 50%;
     background-repeat: no-repeat;
-    color: ${({theme:e})=>e.colors.gray.light1};
+    color: ${({theme:e})=>e.colors.grayscaleToned.light1};
     cursor: pointer;
   }
 
@@ -100,11 +100,11 @@
   }
 
   .DayPicker-Weekday {
-    color: ${({theme:e})=>e.colors.gray.light1};
+    color: ${({theme:e})=>e.colors.grayscaleToned.light1};
     width: 35px;
     display: table-cell;
     padding: 0.5em;
-    color: ${({theme:e})=>e.colors.gray.light1};
+    color: ${({theme:e})=>e.colors.grayscaleToned.light1};
     text-align: center;
     font-size: 0.875em;
   }
@@ -150,8 +150,8 @@
     display: table-cell;
     padding: 0.5em;
     min-width: 1em;
-    border-right: 1px solid ${({theme:e})=>e.colors.gray.light5};
-    color: ${({theme:e})=>e.colors.gray.light5};
+    border-right: 1px solid ${({theme:e})=>e.colors.grayscaleToned.light5};
+    color: ${({theme:e})=>e.colors.grayscaleToned.light5};
     vertical-align: middle;
     text-align: right;
     font-size: 0.75em;
@@ -179,7 +179,7 @@
   /* Default modifiers */
 
   .DayPicker-Day--outside {
-    color: ${({theme:e})=>e.colors.gray.light2} !important;
+    color: ${({theme:e})=>e.colors.grayscaleToned.light2} !important;
     cursor: default;
   }
 
@@ -199,7 +199,7 @@
   /* Example modifiers */
 
   .DayPicker-Day--sunday {
-    background-color: ${({theme:e})=>e.colors.gray.light6};
+    background-color: ${({theme:e})=>e.colors.grayscaleToned.light6};
   }
 
   .DayPicker-Day--selected.DayPicker-Day--today {
@@ -207,7 +207,7 @@
   }
 
   .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
-    color: ${({theme:e})=>e.colors.gray.light5};
+    color: ${({theme:e})=>e.colors.grayscaleToned.light5};
   }
 
   .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
@@ -216,7 +216,7 @@
     position: relative;
 
     background-color: ${({theme:e})=>e.colors.info.main};
-    color: ${({theme:e})=>e.colors.gray.light6};
+    color: ${({theme:e})=>e.colors.grayscaleToned.light6};
   }
 
   .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(

package/cjs/components/EditRow/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),n=require("../Button/index.js"),s=require("../Chip/index.js"),o=require("../Textfield/index.js");require("../../shared/media-queries.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js"),require("../FieldLabel.js"),require("../../shared/helpers.js");var a,d=(a=r)&&a.__esModule?a:{default:a};const u=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),n=require("../Button/index.js"),s=require("../Chip/index.js"),o=require("../Textfield/index.js");require("../../shared/media-queries.js"),require("../Spinner/index.js"),require("../../utils/utils.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js"),require("../FieldLabel.js"),require("../../shared/helpers.js");var a,d=(a=r)&&a.__esModule?a:{default:a};const u=d.default.div`
   display: flex;
-  border-bottom: 1px solid ${i.default.colors.gray.light5};
+  border-bottom: 1px solid ${i.default.colors.grayscaleToned.light5};
 `,c=d.default.form`
   flex: 1;
   flex-direction: column;
@@ -31,4 +31,4 @@
   flex-wrap: wrap;
 `,q=d.default(s.Chip)`
   margin: 0.5rem;
-`;exports.default=({value:r,label:i,onChange:l,onEdit:s,options:o=[],inputProps:a={},isClearable:d=!1,isEditionDisabled:v=!1,editText:b,saveText:C,cancelText:B,noValueText:T,formatterFunc:w,isSingleSelect:S,color:E="secondary",isInitialEditing:F})=>{const[k,D]=t.useState(r),[_,I]=t.useState(r),[L,M]=t.useState(!!F),P="string"==typeof k,$=w&&P?w?.(k):k,O=P?$:k.join(", "),V=k.length>0;t.useEffect((()=>s?.(L)),[s,L]);const z=()=>{L?D(_):I(k),M((e=>!e))};return e.jsxs(u,{children:[!L&&e.jsxs(e.Fragment,{children:[e.jsx(m,{children:i}),V&&e.jsx(p,{children:O}),!V&&e.jsx(g,{children:T}),e.jsx(n.Button,{variant:"flat",color:E,onClick:z,isDisabled:v,children:b})]}),L&&e.jsxs(c,{onSubmit:e=>{e.preventDefault(),l?.(k),M(!1)},children:[e.jsx(m,{children:i}),P&&e.jsx(x,{...a,autoFocus:!0,value:k,label:i,onChange:e=>D(e.target.value)}),!P&&e.jsx(y,{children:o.map((t=>e.jsx(q,{color:E,onClick:e=>{e.preventDefault(),(e=>{if("object"!=typeof k)throw new Error("Cannot toggle chip on other than array");if(S)return k.includes(e)&&d?void D([]):void D([e]);if(k.includes(e)){const t=k.filter((t=>t!==e));D(t)}else D((t=>[...t,e]))})(t)},variant:k.includes(t)?"solid":"outline",children:t},t)))}),e.jsxs(f,{children:[e.jsx(j,{type:"button",variant:"flat",color:"neutral",onClick:z,children:B}),e.jsx(h,{type:"submit",color:E,children:C})]})]})]})};
+`;exports.default=({value:r,label:i,onChange:l,onEdit:s,options:o=[],inputProps:a={},isClearable:d=!1,isEditionDisabled:v=!1,editText:b,saveText:C,cancelText:T,noValueText:B,formatterFunc:w,isSingleSelect:S,color:E="secondary",isInitialEditing:F})=>{const[k,D]=t.useState(r),[_,I]=t.useState(r),[L,M]=t.useState(!!F),P="string"==typeof k,$=w&&P?w?.(k):k,O=P?$:k.join(", "),V=k.length>0;t.useEffect((()=>s?.(L)),[s,L]);const z=()=>{L?D(_):I(k),M((e=>!e))};return e.jsxs(u,{children:[!L&&e.jsxs(e.Fragment,{children:[e.jsx(m,{children:i}),V&&e.jsx(p,{children:O}),!V&&e.jsx(g,{children:B}),e.jsx(n.Button,{variant:"flat",color:E,onClick:z,isDisabled:v,children:b})]}),L&&e.jsxs(c,{onSubmit:e=>{e.preventDefault(),l?.(k),M(!1)},children:[e.jsx(m,{children:i}),P&&e.jsx(x,{...a,autoFocus:!0,value:k,label:i,onChange:e=>D(e.target.value)}),!P&&e.jsx(y,{children:o.map((t=>e.jsx(q,{color:E,onClick:e=>{e.preventDefault(),(e=>{if("object"!=typeof k)throw new Error("Cannot toggle chip on other than array");if(S)return k.includes(e)&&d?void D([]):void D([e]);if(k.includes(e)){const t=k.filter((t=>t!==e));D(t)}else D((t=>[...t,e]))})(t)},variant:k.includes(t)?"solid":"outline",children:t},t)))}),e.jsxs(f,{children:[e.jsx(j,{type:"button",variant:"flat",color:"neutral",onClick:z,children:T}),e.jsx(h,{type:"submit",color:E,children:C})]})]})]})};

package/cjs/components/FieldLabel.js

@@ -1,7 +1,7 @@
 "use strict";var e=require("styled-components"),r=require("../typography/BodyText/index.js");require("react/jsx-runtime"),require("../shared/media-queries.js");var o,t=(o=e)&&o.__esModule?o:{default:o};const s=e.css`
   color: ${({theme:e,hasError:r})=>r?e.colors.error.dark:e.colors.text.dark};
 `,a=e.css`
-  color: ${({theme:e})=>e.colors.gray.light1};
+  color: ${({theme:e})=>e.colors.text.disabled};
 `,i=e.css`
   width: max-content;
   left: 0;
@@ -17,7 +17,7 @@
   top: ${({height:e})=>e?`${e}rem`:"0.75rem"};
   left: calc(0.75rem + 2px);
   transition: 150ms;
-  color: ${({theme:e})=>e.colors.gray.dark5};
+  color: ${({theme:e})=>e.colors.text.dark};
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;

package/cjs/components/Icon/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),s=require("../../typography/BodyText/index.js"),i=require("../../typography/Heading/index.js"),a=require("../../theme.js"),t=require("../Snackbar/index.js");require("../../shared/media-queries.js"),require("../Icons/CheckCircle.js"),require("../Icons/Close.js"),require("../Icons/ErrorCircle.js"),require("../Icons/InfoCircle.js"),require("react-transition-group");var n,c=(n=o)&&n.__esModule?n:{default:n};const l=c.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),s=require("../../typography/BodyText/index.js"),i=require("../../typography/Heading/index.js"),t=require("../../theme.js"),a=require("../Snackbar/index.js");require("../../shared/media-queries.js"),require("../Icons/CheckCircle.js"),require("../Icons/Close.js"),require("../Icons/ErrorCircle.js"),require("../Icons/InfoCircle.js"),require("react-transition-group"),require("../../utils/utils.js");var n,c=(n=o)&&n.__esModule?n:{default:n};const l=c.default.div`
   margin: 0 auto;
   max-width: 700px;
 `,d=c.default(i.Title)`
@@ -16,7 +16,7 @@
   align-items: center;
   width: calc(25% - 2px - 1.5rem);
   padding: 0 0.25rem;
-  border: 1px solid ${a.default.colors.gray.dark5};
+  border: 1px solid ${({theme:e})=>e.colors.grayscaleToned.dark5};
   border-radius: 3px;
   margin: 0.5rem;
   cursor: pointer;
@@ -29,4 +29,4 @@
 `,m=c.default.span`
   font-size: ${({size:e})=>e};
   color: ${({color:e})=>e};
-`;exports.default=({background:o=a.default.colors.background.light,color:s=a.default.colors.text.dark,icons:i,size:n="2rem"})=>{const[c,g]=r.useState({isOpen:!1,message:"",type:"info",color:"neutral"});return e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[e.jsx(d,{as:"h2",children:"Click to copy import declaration for icon"}),e.jsx(u,{children:i.map((([r,i],a)=>e.jsxs(p,{background:o,onClick:()=>{(async e=>{const r=`import { ${e} } from 'kvdbil-components';`;if(navigator.clipboard)try{await navigator.clipboard.writeText(r),g((r=>({...r,isOpen:!0,message:`copied import for ${e}`,type:"success",color:"success"})))}catch(e){g((r=>({...r,isOpen:!0,message:`Could not copy text: ${e}`,type:"error",color:"error"})))}})(r)},children:[e.jsx(x,{children:r}),e.jsx(m,{size:n,color:s,children:e.jsx(i,{})})]},a)))})]}),e.jsx(t.Snackbar,{message:c.message,isOpen:c.isOpen,type:c.type,color:c.color,onClose:()=>g((e=>({...e,isOpen:!1})))})]})};
+`;exports.default=({background:o=t.default.colors.background.light,color:s=t.default.colors.text.dark,icons:i,size:n="2rem"})=>{const[c,g]=r.useState({isOpen:!1,message:"",type:"info",color:"neutral"});return e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[e.jsx(d,{as:"h2",children:"Click to copy import declaration for icon"}),e.jsx(u,{children:i.map((([r,i],t)=>e.jsxs(p,{background:o,onClick:()=>{(async e=>{const r=`import { ${e} } from 'kvdbil-components';`;if(navigator.clipboard)try{await navigator.clipboard.writeText(r),g((r=>({...r,isOpen:!0,message:`copied import for ${e}`,type:"success",color:"success"})))}catch(e){g((r=>({...r,isOpen:!0,message:`Could not copy text: ${e}`,type:"error",color:"error"})))}})(r)},children:[e.jsx(x,{children:r}),e.jsx(m,{size:n,color:s,children:e.jsx(i,{})})]},t)))})]}),e.jsx(a.Snackbar,{message:c.message,isOpen:c.isOpen,type:c.type,color:c.color,onClose:()=>g((e=>({...e,isOpen:!1})))})]})};

package/cjs/components/IconButton.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("styled-components");var t,i=(t=o)&&t.__esModule?t:{default:t};const r=o.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),o=require("../utils/utils.js");var i,r=(i=t)&&i.__esModule?i:{default:i};const n=t.css`
   background-color: transparent;
-`,c="400ms",n=o.css`
-  background-color: ${({theme:e,color:o})=>e.colors[o].main};
+`,c="400ms",s=t.css`
+  background-color: ${({theme:e,color:t})=>o.resolveColorWithNeutral(e,t).main};
   opacity: 0.1;
-  ${e=>e.isDisabled&&r};
-`,a=i.default.div`
+  ${e=>e.isDisabled&&n};
+`,a=r.default.div`
   cursor: ${e=>e.isDisabled?"default":"pointer"};
   outline: none;
 
@@ -20,7 +20,7 @@
   :hover {
     .button-background {
       transition: background-color ${c};
-      ${n}
+      ${s}
     }
   }
 
@@ -28,14 +28,14 @@
     .button-background {
       transition: background-color ${c};
       animation: FocusRipple ${"1500ms"} 0ms infinite alternate-reverse;
-      ${n}
+      ${s}
     }
   }
 
   :active {
     .button-background {
       animation: ActiveRipple ${"750ms"};
-      ${n}
+      ${s}
     }
   }
 
@@ -62,7 +62,7 @@
       clip-path: circle(50%);
     }
   }
-`,s=i.default.div`
+`,l=r.default.div`
   top: 0;
   left: 0;
 
@@ -72,4 +72,4 @@
 
   position: absolute;
   border-radius: 10rem;
-`;exports.BackgroundStyles=n,exports.default=({children:o,isActive:t,isDisabled:i,onClick:r,noTabIndex:c=!1,color:n})=>e.jsxs(a,{color:n,isActive:t,isDisabled:i,onClick:e=>{e.stopPropagation(),e.preventDefault(),e.persist(),!i&&"function"==typeof r&&r(e)},onKeyDown:e=>{"Enter"===e.key&&!i&&"function"==typeof r&&(e.persist(),r(e))},tabIndex:i||c?void 0:0,children:[e.jsx(s,{className:"button-background"}),o]});
+`;exports.BackgroundStyles=s,exports.default=({children:t,isActive:o,isDisabled:i,onClick:r,noTabIndex:n=!1,color:c})=>e.jsxs(a,{color:c,isActive:o,isDisabled:i,onClick:e=>{e.stopPropagation(),e.preventDefault(),e.persist(),!i&&"function"==typeof r&&r(e)},onKeyDown:e=>{"Enter"===e.key&&!i&&"function"==typeof r&&(e.persist(),r(e))},tabIndex:i||n?void 0:0,children:[e.jsx(l,{className:"button-background"}),t]});

package/cjs/components/Logo/LogoEn.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var C=require("react/jsx-runtime"),l=require("../../theme.js");exports.default=({color:e=l.default.colors.neutral.main})=>C.jsxs("svg",{viewBox:"0 0 622 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-en",children:[C.jsx("title",{id:"kvdlogo-en",children:"kvdcars.com"}),C.jsx("path",{d:"M563.63 130.23C561.82 127.17 559.53 124.57 556.81 122.52C554.18 120.54 551.29 118.87 548.23 117.57C545.36 116.35 542.64 115.15 540.14 113.99C537.8 112.9 535.83 111.71 534.29 110.44C533.08 109.44 532.52 108.24 532.52 106.67C532.52 105.1 533 103.96 534.02 103.11C535.07 102.24 536.56 101.77 538.46 101.73L561.94 109.52V87.83L560.57 87.35C556.81 86.02 553.15 84.93 549.69 84.12C546.16 83.29 542.26 82.86 538.12 82.86C533.98 82.86 530.19 83.43 526.85 84.55C523.47 85.69 520.55 87.34 518.16 89.44C515.76 91.56 513.88 94.13 512.56 97.09C511.24 100.04 510.58 103.34 510.58 106.9C510.58 111.77 511.52 115.84 513.38 118.99C515.2 122.07 517.48 124.61 520.18 126.56C522.79 128.44 525.66 130 528.73 131.18C531.61 132.3 534.3 133.42 536.71 134.52C539.01 135.57 540.96 136.75 542.49 138.01C543.7 139.01 544.26 140.31 544.26 142.11C544.26 144.1 543.67 145.47 542.4 146.43C541.05 147.45 539.09 147.99 536.59 148.04L511.34 139.22V161.63L512.59 162.16C515.97 163.59 519.84 164.8 524.09 165.77C528.38 166.75 532.95 167.24 537.67 167.24C541.8 167.24 545.64 166.67 549.08 165.55C552.56 164.42 555.62 162.77 558.18 160.64C560.78 158.48 562.82 155.81 564.26 152.7C565.69 149.6 566.42 146.03 566.42 142.1C566.44 137.37 565.49 133.38 563.63 130.23Z",fill:e}),C.jsx("path",{d:"M124.01 84.33H99.02L77.58 114.92V56.04H55.16V166.56H77.58V132.24L101.06 166.56H127.94L96.57 123.5L124.01 84.33Z",fill:e}),C.jsx("path",{d:"M235.3 144.12C224.78 144.12 216.25 135.59 216.25 125.07C216.25 114.55 224.78 106.02 235.3 106.02C245.83 106.02 254.35 114.55 254.35 125.07C254.35 135.59 245.82 144.12 235.3 144.12ZM255.53 88.9C249.48 85.46 242.49 83.5 235.04 83.5C212.11 83.5 193.52 102.09 193.52 125.02C193.52 147.95 212.11 166.54 235.04 166.54C242.49 166.54 249.49 164.58 255.53 161.14V166.56H277.95V56.04H255.53V88.9Z",fill:e}),C.jsx("path",{d:"M175.62 84.33L161.08 131.23L146.54 84.33H124.32L149.81 166.56H150.13H172.04H172.35L197.84 84.33H175.62Z",fill:e}),C.jsx("path",{d:"M411.58 144.12C401.06 144.12 392.53 135.59 392.53 125.07C392.53 114.55 401.06 106.02 411.58 106.02C422.1 106.02 430.63 114.55 430.63 125.07C430.63 135.59 422.11 144.12 411.58 144.12ZM411.31 83.5C388.38 83.5 369.79 102.08 369.79 125.01C369.79 147.94 388.38 166.53 411.31 166.53C418.86 166.53 425.94 164.52 432.04 161V166.55H454.46V84.33H432.04V89.03C425.94 85.52 418.86 83.5 411.31 83.5Z",fill:e}),C.jsx("path",{d:"M342.97 130.89C340.51 138.56 333.32 144.12 324.83 144.12C314.3 144.12 305.78 135.59 305.78 125.07C305.78 114.55 314.31 106.02 324.83 106.02C333.59 106.02 340.95 111.94 343.18 120H366.04C363.56 99.44 346.06 83.5 324.84 83.5C301.91 83.5 283.33 102.09 283.33 125.01C283.33 147.94 301.9 166.52 324.84 166.52C345.77 166.52 363.08 151.02 365.93 130.88H342.97V130.89Z",fill:e}),C.jsx("path",{d:"M505.29 83.5C498.52 83.5 492.15 85.14 486.5 88.01V84.33H464.08V166.55H486.5V161.92V125.07H486.51C486.51 114.55 495.04 106.02 505.56 106.02C505.95 106.02 506.34 106.06 506.72 106.08V83.55C506.25 83.53 505.77 83.5 505.29 83.5Z",fill:e})]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var C=require("react/jsx-runtime"),l=require("../../theme.js");exports.default=({color:e=l.default.colors.text.dark})=>C.jsxs("svg",{viewBox:"0 0 622 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-en",children:[C.jsx("title",{id:"kvdlogo-en",children:"kvdcars.com"}),C.jsx("path",{d:"M563.63 130.23C561.82 127.17 559.53 124.57 556.81 122.52C554.18 120.54 551.29 118.87 548.23 117.57C545.36 116.35 542.64 115.15 540.14 113.99C537.8 112.9 535.83 111.71 534.29 110.44C533.08 109.44 532.52 108.24 532.52 106.67C532.52 105.1 533 103.96 534.02 103.11C535.07 102.24 536.56 101.77 538.46 101.73L561.94 109.52V87.83L560.57 87.35C556.81 86.02 553.15 84.93 549.69 84.12C546.16 83.29 542.26 82.86 538.12 82.86C533.98 82.86 530.19 83.43 526.85 84.55C523.47 85.69 520.55 87.34 518.16 89.44C515.76 91.56 513.88 94.13 512.56 97.09C511.24 100.04 510.58 103.34 510.58 106.9C510.58 111.77 511.52 115.84 513.38 118.99C515.2 122.07 517.48 124.61 520.18 126.56C522.79 128.44 525.66 130 528.73 131.18C531.61 132.3 534.3 133.42 536.71 134.52C539.01 135.57 540.96 136.75 542.49 138.01C543.7 139.01 544.26 140.31 544.26 142.11C544.26 144.1 543.67 145.47 542.4 146.43C541.05 147.45 539.09 147.99 536.59 148.04L511.34 139.22V161.63L512.59 162.16C515.97 163.59 519.84 164.8 524.09 165.77C528.38 166.75 532.95 167.24 537.67 167.24C541.8 167.24 545.64 166.67 549.08 165.55C552.56 164.42 555.62 162.77 558.18 160.64C560.78 158.48 562.82 155.81 564.26 152.7C565.69 149.6 566.42 146.03 566.42 142.1C566.44 137.37 565.49 133.38 563.63 130.23Z",fill:e}),C.jsx("path",{d:"M124.01 84.33H99.02L77.58 114.92V56.04H55.16V166.56H77.58V132.24L101.06 166.56H127.94L96.57 123.5L124.01 84.33Z",fill:e}),C.jsx("path",{d:"M235.3 144.12C224.78 144.12 216.25 135.59 216.25 125.07C216.25 114.55 224.78 106.02 235.3 106.02C245.83 106.02 254.35 114.55 254.35 125.07C254.35 135.59 245.82 144.12 235.3 144.12ZM255.53 88.9C249.48 85.46 242.49 83.5 235.04 83.5C212.11 83.5 193.52 102.09 193.52 125.02C193.52 147.95 212.11 166.54 235.04 166.54C242.49 166.54 249.49 164.58 255.53 161.14V166.56H277.95V56.04H255.53V88.9Z",fill:e}),C.jsx("path",{d:"M175.62 84.33L161.08 131.23L146.54 84.33H124.32L149.81 166.56H150.13H172.04H172.35L197.84 84.33H175.62Z",fill:e}),C.jsx("path",{d:"M411.58 144.12C401.06 144.12 392.53 135.59 392.53 125.07C392.53 114.55 401.06 106.02 411.58 106.02C422.1 106.02 430.63 114.55 430.63 125.07C430.63 135.59 422.11 144.12 411.58 144.12ZM411.31 83.5C388.38 83.5 369.79 102.08 369.79 125.01C369.79 147.94 388.38 166.53 411.31 166.53C418.86 166.53 425.94 164.52 432.04 161V166.55H454.46V84.33H432.04V89.03C425.94 85.52 418.86 83.5 411.31 83.5Z",fill:e}),C.jsx("path",{d:"M342.97 130.89C340.51 138.56 333.32 144.12 324.83 144.12C314.3 144.12 305.78 135.59 305.78 125.07C305.78 114.55 314.31 106.02 324.83 106.02C333.59 106.02 340.95 111.94 343.18 120H366.04C363.56 99.44 346.06 83.5 324.84 83.5C301.91 83.5 283.33 102.09 283.33 125.01C283.33 147.94 301.9 166.52 324.84 166.52C345.77 166.52 363.08 151.02 365.93 130.88H342.97V130.89Z",fill:e}),C.jsx("path",{d:"M505.29 83.5C498.52 83.5 492.15 85.14 486.5 88.01V84.33H464.08V166.55H486.5V161.92V125.07H486.51C486.51 114.55 495.04 106.02 505.56 106.02C505.95 106.02 506.34 106.06 506.72 106.08V83.55C506.25 83.53 505.77 83.5 505.29 83.5Z",fill:e})]});

package/cjs/components/Logo/LogoSv.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),e=require("../../theme.js");exports.default=({color:C=e.default.colors.neutral.main})=>l.jsxs("svg",{viewBox:"0 0 492 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-sv",children:[l.jsx("title",{id:"kvdlogo-sv",children:"kvd.se"}),l.jsx("path",{d:"M124.94 84.11H99.78L78.2 114.91V55.63H55.63V166.89H78.2V132.34L101.83 166.89H128.89L97.32 123.54L124.94 84.11Z",fill:C}),l.jsx("path",{d:"M393.79 87.26C389.7 87.26 385.88 86.1 382.64 84.1H382.51V166.88H405.08V84.1H404.95C401.69 86.1 397.87 87.26 393.79 87.26Z",fill:C}),l.jsx("path",{d:"M436.21 55.59H413.64V166.89H436.21V55.59Z",fill:C}),l.jsx("path",{d:"M393.79 49.9C384.96 49.9 377.77 57.09 377.77 65.92C377.77 74.75 384.95 81.94 393.79 81.94C402.63 81.94 409.81 74.76 409.81 65.92C409.8 57.09 402.62 49.9 393.79 49.9ZM393.79 72.85C389.97 72.85 386.86 69.74 386.86 65.92C386.86 62.1 389.97 58.99 393.79 58.99C397.61 58.99 400.72 62.1 400.72 65.92C400.72 69.74 397.61 72.85 393.79 72.85Z",fill:C}),l.jsx("path",{d:"M336.08 83.27C328.48 83.27 321.36 85.3 315.22 88.84V55.63H292.65V166.89H315.22V161.3C321.36 164.84 328.49 166.87 336.08 166.87C359.16 166.87 377.88 148.16 377.88 125.07C377.87 101.98 359.16 83.27 336.08 83.27ZM335.81 144.3C325.22 144.3 316.63 135.71 316.63 125.12C316.63 114.53 325.22 105.94 335.81 105.94C346.4 105.94 354.99 114.53 354.99 125.12C354.99 135.71 346.4 144.3 335.81 144.3Z",fill:C}),l.jsx("path",{d:"M257.34 88.71C251.25 85.25 244.21 83.27 236.71 83.27C213.62 83.27 194.91 101.98 194.91 125.07C194.91 148.15 213.62 166.87 236.71 166.87C244.21 166.87 251.25 164.89 257.34 161.43V166.89H279.91V55.63H257.34V88.71ZM236.98 144.3C226.39 144.3 217.8 135.71 217.8 125.12C217.8 114.53 226.39 105.94 236.98 105.94C247.57 105.94 256.16 114.53 256.16 125.12C256.16 135.71 247.57 144.3 236.98 144.3Z",fill:C}),l.jsx("path",{d:"M176.9 84.11L162.26 131.32L147.62 84.11H125.25L150.92 166.89H151.23H173.29H173.6L199.27 84.11H176.9Z",fill:C})]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),e=require("../../theme.js");exports.default=({color:C=e.default.colors.text.dark})=>l.jsxs("svg",{viewBox:"0 0 492 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-sv",children:[l.jsx("title",{id:"kvdlogo-sv",children:"kvd.se"}),l.jsx("path",{d:"M124.94 84.11H99.78L78.2 114.91V55.63H55.63V166.89H78.2V132.34L101.83 166.89H128.89L97.32 123.54L124.94 84.11Z",fill:C}),l.jsx("path",{d:"M393.79 87.26C389.7 87.26 385.88 86.1 382.64 84.1H382.51V166.88H405.08V84.1H404.95C401.69 86.1 397.87 87.26 393.79 87.26Z",fill:C}),l.jsx("path",{d:"M436.21 55.59H413.64V166.89H436.21V55.59Z",fill:C}),l.jsx("path",{d:"M393.79 49.9C384.96 49.9 377.77 57.09 377.77 65.92C377.77 74.75 384.95 81.94 393.79 81.94C402.63 81.94 409.81 74.76 409.81 65.92C409.8 57.09 402.62 49.9 393.79 49.9ZM393.79 72.85C389.97 72.85 386.86 69.74 386.86 65.92C386.86 62.1 389.97 58.99 393.79 58.99C397.61 58.99 400.72 62.1 400.72 65.92C400.72 69.74 397.61 72.85 393.79 72.85Z",fill:C}),l.jsx("path",{d:"M336.08 83.27C328.48 83.27 321.36 85.3 315.22 88.84V55.63H292.65V166.89H315.22V161.3C321.36 164.84 328.49 166.87 336.08 166.87C359.16 166.87 377.88 148.16 377.88 125.07C377.87 101.98 359.16 83.27 336.08 83.27ZM335.81 144.3C325.22 144.3 316.63 135.71 316.63 125.12C316.63 114.53 325.22 105.94 335.81 105.94C346.4 105.94 354.99 114.53 354.99 125.12C354.99 135.71 346.4 144.3 335.81 144.3Z",fill:C}),l.jsx("path",{d:"M257.34 88.71C251.25 85.25 244.21 83.27 236.71 83.27C213.62 83.27 194.91 101.98 194.91 125.07C194.91 148.15 213.62 166.87 236.71 166.87C244.21 166.87 251.25 164.89 257.34 161.43V166.89H279.91V55.63H257.34V88.71ZM236.98 144.3C226.39 144.3 217.8 135.71 217.8 125.12C217.8 114.53 226.39 105.94 236.98 105.94C247.57 105.94 256.16 114.53 256.16 125.12C256.16 135.71 247.57 144.3 236.98 144.3Z",fill:C}),l.jsx("path",{d:"M176.9 84.11L162.26 131.32L147.62 84.11H125.25L150.92 166.89H151.23H173.29H173.6L199.27 84.11H176.9Z",fill:C})]});

package/cjs/components/NotificationButton/index.js

@@ -1,11 +1,11 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../Badge/index.js"),r=require("../Button/index.js");require("../../theme.js"),require("react"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js");var n,o=(n=t)&&n.__esModule?n:{default:n};const s=o.default.div`
+"use strict";var e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../Badge/index.js"),r=require("../Button/index.js");require("../../theme.js"),require("react"),require("../Spinner/index.js"),require("../../utils/utils.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js");var n,o=(n=i)&&n.__esModule?n:{default:n};const s=o.default.div`
   position: relative;
   display: inline-block;
-`,d=o.default(i.Badge)`
+`,u=o.default(t.Badge)`
   position: absolute;
   top: 0;
   right: 0;
   margin: -10px;
   border: 2px solid white;
   ${e=>e.noPadding&&"padding: 0;"}
-`;exports.NotificationButton=t=>{const i=(t.badgeProps.notificationAmount||0)<10;return e.jsxs(s,{children:[e.jsx(r.Button,{...t.buttonProps,children:t.children}),e.jsx(d,{...t.badgeProps,noPadding:i})]})};
+`;exports.NotificationButton=i=>{const t=(i.badgeProps.notificationAmount||0)<10;return e.jsxs(s,{children:[e.jsx(r.Button,{...i.buttonProps,children:i.children}),e.jsx(u,{...i.badgeProps,noPadding:t})]})};