@kvdbil/components 16.0.2 → 16.0.4

package/cjs/components/Stepper/index.js

@@ -15,24 +15,24 @@
   &:not(:first-child) :before {
     position: absolute;
     content: '';
-    top: ${({isHorizontal:e,size:i})=>e?`calc(${i/2}rem + 1px)`:"0"};
-    left: ${({isHorizontal:e,size:i})=>e?"0":`calc(${i/2}rem + 1px)`};
-    width: ${({isHorizontal:e,size:i})=>e?`calc(50% - ${i/2}rem)`:"2px"};
-    height: ${({isHorizontal:e,size:i})=>e?"2px":`calc(50% - ${i/2}rem)`};
-    background: ${({theme:e,color:i})=>e.colors[i].main};
+    top: ${({isHorizontal:e,$size:i})=>e?`calc(${i/2}rem + 1px)`:"0"};
+    left: ${({isHorizontal:e,$size:i})=>e?"0":`calc(${i/2}rem + 1px)`};
+    width: ${({isHorizontal:e,$size:i})=>e?`calc(50% - ${i/2}rem)`:"2px"};
+    height: ${({isHorizontal:e,$size:i})=>e?"2px":`calc(50% - ${i/2}rem)`};
+    background: ${({theme:e,$color:i,$colorShade:o})=>e.colors[i][o]};
   }
 
   &:not(:last-child) :after {
     position: absolute;
     content: '';
 
-    ${({isHorizontal:e,size:i})=>e&&`\n      top: calc(${i/2}rem + 1px);\n    `}
+    ${({isHorizontal:e,$size:i})=>e&&`\n      top: calc(${i/2}rem + 1px);\n    `}
     ${({isHorizontal:e})=>!e&&"\n      bottom: 0;\n    "}
     ${({isHorizontal:e})=>e&&"\n      right: 0;\n    "}
-    ${({isHorizontal:e,size:i})=>!e&&`\n      left: calc(${i/2}rem + 1px);\n    `}
-    width: ${({isHorizontal:e,size:i})=>e?`calc(50% - ${i/2}rem)`:"2px"};
-    height: ${({isHorizontal:e,size:i})=>e?"2px":`calc(50% - ${i/2}rem)`};
-    background: ${({theme:e,color:i})=>e.colors[i].main};
+    ${({isHorizontal:e,$size:i})=>!e&&`\n      left: calc(${i/2}rem + 1px);\n    `}
+    width: ${({isHorizontal:e,$size:i})=>e?`calc(50% - ${i/2}rem)`:"2px"};
+    height: ${({isHorizontal:e,$size:i})=>e?"2px":`calc(50% - ${i/2}rem)`};
+    background: ${({theme:e,$color:i,$colorShade:o})=>e.colors[i][o]};
   }
 `,a=l.default.div``,c=l.default.div`
   display: flex;
@@ -41,12 +41,13 @@
   width: ${({size:e})=>e}rem;
   height: ${({size:e})=>e}rem;
   border-radius: 50%;
-  border: 2px solid ${({theme:e,color:i})=>e.colors[i].main};
+  border: 2px solid
+    ${({theme:e,$color:i,$colorShade:o})=>e.colors[i][o]};
   color: ${({theme:e,isFilled:i})=>i?e.colors.text.light:e.colors.text.dark};
-  ${({theme:e,isFilled:i,color:o})=>i&&`\n    background-color: ${e.colors[o].main};\n  `}
+  ${({theme:e,isFilled:i,$color:o,$colorShade:r})=>i&&`\n    background-color: ${e.colors[o][r]};\n  `}
 `,d=l.default(o.TinyTitleRegular)`
   font-size: ${({size:e})=>e/2+"rem"};
   line-height: 1;
-`,m=l.default(r.default)`
+`,$=l.default(r.default)`
   font-size: ${({size:e})=>`calc(${e/2}rem + 6px)`};
-`;exports.Stepper=({children:i,orientation:o="vertical",variant:r="solid",color:t="primary",size:l=2,activeStep:z,...h})=>{const $=i.length,p="horizontal"===o;return e.jsx(s,{isHorizontal:p,...h,children:i.map(((i,o)=>{const s=z&&o<z;return e.jsxs(n,{color:t,size:l,stepsNumber:$,isHorizontal:p,children:[e.jsx(a,{children:e.jsx(c,{color:t,isFilled:s||"solid"===r,size:l,children:s?e.jsx(m,{size:l}):e.jsx(d,{as:"span",size:l,children:o+1})})}),i]},o)}))})};
+`;exports.Stepper=({children:i,orientation:o="vertical",variant:r="solid",color:t="primary",colorShade:l="mainAlt",size:h=2,activeStep:m,...z})=>{const p=i.length,u="horizontal"===o;return e.jsx(s,{isHorizontal:u,...z,children:i.map(((i,o)=>{const s=m&&o<m;return e.jsxs(n,{$color:t,$colorShade:l,$size:h,stepsNumber:p,isHorizontal:u,children:[e.jsx(a,{children:e.jsx(c,{$color:t,$colorShade:l,isFilled:s||"solid"===r,size:h,children:s?e.jsx($,{size:h}):e.jsx(d,{as:"span",size:h,children:o+1})})}),i]},o)}))})};

package/cjs/components/StepperAccordion/index.js

@@ -1,8 +1,8 @@
-"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"),t=require("../../typography/Heading/index.js"),o=require("../Icons/CheckIcon.js"),l=require("../Icons/Arrow.js"),a=require("../../shared/helpers.js"),d=require("react-collapse");require("../../shared/media-queries.js");var n,c=(n=i)&&n.__esModule?n:{default:n};const u="200ms",m=c.default.div`
+"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"),o=require("../../typography/Heading/index.js"),t=require("../Icons/CheckIcon.js"),l=require("../Icons/Arrow.js"),a=require("../../shared/helpers.js"),d=require("react-collapse");require("../../shared/media-queries.js");var n,c=(n=i)&&n.__esModule?n:{default:n};const u="200ms",p=c.default.div`
   .ReactCollapse--collapse {
     transition: height ${u} ease-in-out;
   }
-`,p=i.css`
+`,m=i.css`
   margin-top: 0.25rem;
   transform: rotate(-180deg);
 `,f=c.default.div`
@@ -11,7 +11,7 @@
   height: 4rem;
 
   color: ${e=>e.isDisabled?s.default.colors.text.disabled:s.default.colors.text.dark};
-`,h=c.default(t.Title)`
+`,h=c.default(o.Title)`
   margin: 0;
 `,g=c.default(l.default)`
   margin-left: auto;
@@ -24,7 +24,7 @@
   transition: ${u};
   transform: rotate(0deg);
   transform-origin: center;
-  ${e=>e.isExpanded&&p};
+  ${e=>e.isExpanded&&m};
 `,x=c.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   display: flex;
@@ -36,7 +36,7 @@
   width: 2rem;
   height: 2rem;
   border-radius: 2rem;
-  border: 2px solid ${e=>s.default.colors[e.color].main};
+  border: 2px solid ${e=>s.default.colors[e.$color][e.$colorShade]};
 
   svg {
     fill: currentColor;
@@ -56,14 +56,14 @@
   }
 
   transition: background-color ${u};
-  ${e=>e.isComplete&&(e=>i.css`
+  ${e=>e.isComplete&&((e,r)=>i.css`
   color: white;
-  background-color: ${s.default.colors[e].main};
-`)(e.color)};
-  ${e=>e.isDisabled&&((e,r)=>i.css`
+  background-color: ${s.default.colors[e][r]};
+`)(e.$color,e.$colorShade)};
+  ${e=>e.isDisabled&&((e,r,o)=>i.css`
   fill: white;
-  border: 2px solid ${a.fadedColor(s.default.colors[r].main,.2)};
+  border: 2px solid ${a.fadedColor(s.default.colors[r][o],.2)};
 
-  ${e&&`\n      border: 2px solid ${a.fadedColor(s.default.colors[r].main,0)};\n      background-color: ${a.fadedColor(s.default.colors[r].main,.5)};\n    `}
-`)(e.isComplete,e.color)};
-`,b=i=>{const[s,t]=r.useState(i.isExpanded||!1),l=r.useCallback((()=>{i.isDisabled||t((e=>!e))}),[i.isDisabled]);r.useEffect((()=>{t(i.isExpanded||!1)}),[i.isDisabled,i.isExpanded]);const a=i.step||0===i.step;return e.jsxs(m,{children:[e.jsxs(f,{...i,onClick:e=>{const r=i.onClick||l;i.isDisabled||r(e)},isExpanded:s,isDisabled:i.isDisabled||!1,children:[a&&e.jsx(x,{isComplete:i.isComplete||!1,isDisabled:i.isDisabled||!1,color:i.color||"primary",children:i.isComplete?e.jsx(o.default,{}):e.jsx("span",{children:i.step})}),e.jsx(h,{children:i.title}),e.jsx(g,{isExpanded:s})]}),e.jsx(d.Collapse,{isOpened:s,children:i.children}),i.closedChildren&&i.closedChildren]})};exports.StepperAccordion=b,exports.default=b;
+  ${e&&`\n      border: 2px solid ${a.fadedColor(s.default.colors[r][o],0)};\n      background-color: ${a.fadedColor(s.default.colors[r][o],.5)};\n    `}
+`)(e.isComplete,e.$color,e.$colorShade)};
+`,$=i=>{const[s,o]=r.useState(i.isExpanded||!1),l=r.useCallback((()=>{i.isDisabled||o((e=>!e))}),[i.isDisabled]);r.useEffect((()=>{o(i.isExpanded||!1)}),[i.isDisabled,i.isExpanded]);const a=i.step||0===i.step;return e.jsxs(p,{children:[e.jsxs(f,{...i,onClick:e=>{const r=i.onClick||l;i.isDisabled||r(e)},isExpanded:s,isDisabled:i.isDisabled||!1,children:[a&&e.jsx(x,{isComplete:i.isComplete||!1,isDisabled:i.isDisabled||!1,$color:i.color||"primary",$colorShade:i.colorShade||"main",children:i.isComplete?e.jsx(t.default,{}):e.jsx("span",{children:i.step})}),e.jsx(h,{children:i.title}),e.jsx(g,{isExpanded:s})]}),e.jsx(d.Collapse,{isOpened:s,children:i.children}),i.closedChildren&&i.closedChildren]})};exports.StepperAccordion=$,exports.default=$;

package/cjs/components/Switcher/index.js

@@ -4,7 +4,7 @@
   border-radius: 12px;
   border: none;
   padding: 2px;
-  background-color: ${({selected:e,disabled:o,color:l})=>o?d.default.colors.grayscaleToned.light3:e?d.default.colors[l]?.main:d.default.colors.grayscaleToned.dark5};
+  background-color: ${({selected:e,disabled:o,$color:l,$colorShade:r})=>o?d.default.colors.grayscaleToned.light4:e?d.default.colors[l][r]:d.default.colors.grayscaleToned.dark5};
   display: flex;
   align-items: center;
   justify-content: ${({selected:e})=>e?"flex-end":"flex-start"};
@@ -20,4 +20,4 @@
     0 2px 4px rgba(0, 0, 0, 0.1),
     0 2px 4px rgba(0, 0, 0, 0.09),
     0 1px 5px rgba(0, 0, 0, 0.15);
-`,s=({selected:o=!1,disabled:d=!1,onToggle:l,color:r="info",...s})=>e.jsx(t,{selected:o,disabled:d,color:r,onClick:()=>{!d&&l&&l(!o)},...s,children:e.jsx(a,{disabled:d})});exports.Switcher=s,exports.default=s;
+`,s=({selected:o=!1,disabled:d=!1,onToggle:l,color:r="info",colorShade:s="mainAlt",...i})=>e.jsx(t,{selected:o,disabled:d,$color:r,$colorShade:s,onClick:()=>{!d&&l&&l(!o)},...i,children:e.jsx(a,{disabled:d})});exports.Switcher=s,exports.default=s;

package/cjs/components/Tabs/Tab.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../Button/index.js"),i=require("react"),o=require("../../utils/utils.js");require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js");var s,a=(s=r)&&s.__esModule?s:{default:s};const l=a.default.li`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../Button/index.js"),o=require("react"),i=require("../../utils/utils.js");require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js");var a,s=(a=r)&&a.__esModule?a:{default:a};const l=s.default.li`
   list-style-type: none;
-`,n=a.default(t.Button)`
+`,n=s.default(t.Button)`
   && {
     margin-bottom: -3px;
     padding: 0.875rem 1.375rem;
-    border-bottom: ${({theme:e,isActive:r,activeColor:t})=>r?`3px solid ${e.colors[t].main}`:"3px solid transparent"};
+    border-bottom: ${({theme:e,isActive:r,$activeColor:t,$activeColorShade:o})=>r?`3px solid ${e.colors[t][o]}`:"3px solid transparent"};
     transition:
       color 0.3s ease,
       border 0.3s ease;
     border-radius: unset;
 
     :focus-visible {
-      ${({theme:e,isActive:r,activeColor:t})=>!r&&`background-color: ${o.hexToRGB(e.colors[t].main,.1)};\n      `}
+      ${({theme:e,isActive:r,$activeColor:t,$activeColorShade:o})=>!r&&`background-color: ${i.hexToRGB(e.colors[t][o],.1)};\n      `}
     }
   }
-`,d=i.forwardRef((({label:r,index:t=-1,isActive:i=!1,onClick:o,activeColor:s="secondary",isDisabled:a=!1,onKeyUp:d},u)=>e.jsx(l,{role:"presentation",children:e.jsx(n,{tabIndex:i?0:-1,isActive:i,onClick:e=>o&&o(e,t),activeColor:s,isDisabled:a,variant:"flat",color:i?s:"neutral",id:`tab-${t}`,role:"tab","aria-selected":i?"true":"false","aria-controls":`tabpanel-${t}`,onKeyUp:e=>d&&d(e,t),ref:u,children:r})})));d.displayName="Tab",exports.default=d;
+`,d=o.forwardRef((({label:r,index:t=-1,isActive:o=!1,onClick:i,activeColor:a="secondary",activeColorShade:s="mainAlt",isDisabled:d=!1,onKeyUp:c},u)=>e.jsx(l,{role:"presentation",children:e.jsx(n,{tabIndex:o?0:-1,isActive:o,onClick:e=>i&&i(e,t),$activeColor:a,$activeColorShade:s,isDisabled:d,variant:"flat",color:o?a:"neutral",colorShade:s,id:`tab-${t}`,role:"tab","aria-selected":o?"true":"false","aria-controls":`tabpanel-${t}`,onKeyUp:e=>c&&c(e,t),ref:u,children:r})})));d.displayName="Tab",exports.default=d;

package/cjs/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("./Tab.js"),t=require("styled-components"),l=require("../../shared/media-queries.js"),s=require("react-collapse"),n=require("../../typography/Heading/index.js");require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../utils/utils.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js");var o,d=(o=t)&&o.__esModule?o:{default:o};const a=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("./Tab.js"),t=require("styled-components"),l=require("../../shared/media-queries.js"),s=require("react-collapse"),o=require("../../typography/Heading/index.js");require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../utils/utils.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js");var n,d=(n=t)&&n.__esModule?n:{default:n};const a=d.default.div`
   .ReactCollapse--collapse {
     transition: height 300ms;
   }
@@ -17,10 +17,10 @@
     flex-direction: column;
     justify-content: ${({justify:e})=>e};
   }
-`,c=d.default(n.Title)`
+`,c=d.default(o.Title)`
   margin: 0;
 `,p=d.default.div`
   display: flex;
 `,f=d.default.div`
   padding: 0.5rem 0;
-`,h=d.default.div``,b=({activeColor:t="secondary",justify:l="end",activeIndex:n,initalActive:o,children:d=[],kbNavAutoOpen:b=!0,onTabClick:x,fullWidthBorder:j=!0,borderColor:y="light6",headline:m})=>{const v=r.Children.map(d,(e=>e)),[g,q]=r.useState((()=>o??v.findIndex((e=>!e.props.isDisabled)))),C=r.useRef([]),k=!!v[g]?.props?.children;r.useEffect((()=>{typeof n<"u"&&q(n)}),[n]);const $=(e,r)=>{if(e.preventDefault(),"Enter"===e.key&&!b&&q(r),"ArrowLeft"===e.key||"ArrowRight"===e.key){const i=b?g:r,t="ArrowRight"===e.key,l=t?i+1:0,s=t?v.length:i,n=v.slice(l,s);t||n.reverse();const o=n.findIndex((e=>!e.props.isDisabled));if(-1!==o){const e=t?i+(o+1):i-(o+1);b&&q(e),C.current[e].focus()}}};return e.jsx(a,{children:e.jsxs(s.UnmountClosed,{isOpened:!0,children:[e.jsxs(u,{fullWidthBorder:j,justify:m?"space-between":l,role:"tablist",borderColor:y,children:[m&&e.jsx(c,{children:m}),e.jsx(p,{children:v.map(((r,l)=>{if(!r)return null;const s=g===l;return e.jsx(i.default,{label:r.props.label,isDisabled:r.props.isDisabled,index:l,id:l,isActive:g===l,activeColor:t,onClick:(e,i)=>{!s&&!r.props.isDisabled&&(r.props.onClick?.(e,i),x?.(e,i),((e,r)=>{e.preventDefault(),q(r)})(e,i))},onKeyUp:$,ref:e=>C.current[l]=e},l)}))})]}),k&&e.jsx(f,{children:v.map(((r,i)=>{const t=r.props.children&&g===i;return e.jsx(h,{id:`tabpanel-${i}`,role:"tabpanel","aria-labelledby":`tab-${i}`,"aria-hidden":t?"false":"true",children:t&&r.props.children},i)}))})]})})};exports.Tabs=b,exports.default=b;
+`,h=d.default.div``,b=({activeColor:t="secondary",activeColorShade:l="mainAlt",justify:o="end",activeIndex:n,initalActive:d,children:b=[],kbNavAutoOpen:x=!0,onTabClick:y,fullWidthBorder:j=!0,borderColor:m="light6",headline:v})=>{const g=r.Children.map(b,(e=>e)),[q,C]=r.useState((()=>d??g.findIndex((e=>!e.props.isDisabled)))),k=r.useRef([]),$=!!g[q]?.props?.children;r.useEffect((()=>{typeof n<"u"&&C(n)}),[n]);const A=(e,r)=>{if(e.preventDefault(),("Enter"===e.key||" "===e.key)&&!x&&C(r),"ArrowLeft"===e.key||"ArrowRight"===e.key){const i=x?q:r,t="ArrowRight"===e.key,l=t?i+1:0,s=t?g.length:i,o=g.slice(l,s);t||o.reverse();const n=o.findIndex((e=>!e.props.isDisabled));if(-1!==n){const e=t?i+(n+1):i-(n+1);x&&C(e),k.current[e].focus()}}};return e.jsx(a,{children:e.jsxs(s.UnmountClosed,{isOpened:!0,children:[e.jsxs(u,{fullWidthBorder:j,justify:v?"space-between":o,role:"tablist",borderColor:m,children:[v&&e.jsx(c,{children:v}),e.jsx(p,{children:g.map(((r,s)=>{if(!r)return null;const o=q===s;return e.jsx(i.default,{label:r.props.label,isDisabled:r.props.isDisabled,index:s,id:s,isActive:q===s,activeColor:t,activeColorShade:l,onClick:(e,i)=>{!o&&!r.props.isDisabled&&(r.props.onClick?.(e,i),y?.(e,i),((e,r)=>{e.preventDefault(),C(r)})(e,i))},onKeyUp:A,ref:e=>k.current[s]=e},s)}))})]}),$&&e.jsx(f,{children:g.map(((r,i)=>{const t=r.props.children&&q===i;return e.jsx(h,{id:`tabpanel-${i}`,role:"tabpanel","aria-labelledby":`tab-${i}`,"aria-hidden":t?"false":"true",children:t&&r.props.children},i)}))})]})})};exports.Tabs=b,exports.default=b;

package/cjs/components/TextArea/index.js

@@ -3,7 +3,7 @@
   color: ${a.default.colors.grayscaleToned.dark1};
   fill: ${a.default.colors.grayscaleToned.light1};
 `,c=l.css`
-  border: 1px solid ${a.default.colors.error.main};
+  border: 1px solid ${a.default.colors.error.dark};
 `,n=l.css`
   color: ${a.default.colors.text.dark};
   border: 1px solid ${a.default.colors.text.dark};
@@ -45,10 +45,10 @@
   margin-top: 0.25rem;
 
   ${({centered:e})=>e&&"width: 100%; text-align: center;"}
-`,m=t.default.span`
+`,b=t.default.span`
   display: block;
   color: ${({theme:e})=>e.colors.text.disabled};
-`,b=t.default.span`
+`,g=t.default.span`
   display: block;
   color: ${({theme:e})=>e.colors.error.dark};
-`,g=({placeholder:l="",isDisabled:o=!1,centered:d=!1,hasError:t=!1,className:i,helperText:c,label:n="",resize:g=!0,name:y,errors:$,...j})=>{const[k,T]=r.useState(!1),v=!!j.value;return e.jsxs(u,{className:i,children:[e.jsxs(h,{isFocused:k,disabled:o,centered:d,hasError:t,hasPlaceholder:!!l,children:[e.jsx(f,{...j,name:y,"aria-label":n||y,resize:g,onFocus:()=>T(!0),onBlur:()=>T(!1),disabled:o,theme:a.default,placeholder:n&&!k?"":l}),j.suffix&&e.jsx(x,{children:j.suffix})]}),n&&e.jsx(s.Label,{htmlFor:y,isFocused:k,centered:d,hasError:t,hasValue:v,disabled:o,theme:a.default,children:e.jsxs(e.Fragment,{children:[n,e.jsx("span",{})]})}),(c||$)&&e.jsxs(p,{centered:d,children:[c&&e.jsx(m,{children:c}),$&&$.map((r=>e.jsx(b,{children:r},r)))]})]})};exports.TextArea=g,exports.default=g;
+`,m=({placeholder:l="",isDisabled:o=!1,centered:d=!1,hasError:t=!1,className:i,helperText:c,label:n="",resize:m=!0,name:y,errors:$,...j})=>{const[k,T]=r.useState(!1),v=!!j.value;return e.jsxs(u,{className:i,children:[e.jsxs(h,{isFocused:k,disabled:o,centered:d,hasError:t,hasPlaceholder:!!l,children:[e.jsx(f,{...j,name:y,"aria-label":n||y,resize:m,onFocus:()=>T(!0),onBlur:()=>T(!1),disabled:o,theme:a.default,placeholder:n&&!k?"":l}),j.suffix&&e.jsx(x,{children:j.suffix})]}),n&&e.jsx(s.Label,{htmlFor:y,isFocused:k,centered:d,hasError:t,hasValue:v,disabled:o,theme:a.default,children:e.jsxs(e.Fragment,{children:[n,e.jsx("span",{})]})}),(c||$)&&e.jsxs(p,{centered:d,children:[c&&e.jsx(b,{children:c}),$&&$.map((r=>e.jsx(g,{children:r},r)))]})]})};exports.TextArea=m,exports.default=m;

package/cjs/components/Toggle/index.js

@@ -1,10 +1,10 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),i=require("../../theme.js");var r,l=(r=o)&&r.__esModule?r:{default:r};const a=l.default.div`
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components");var i,r=(i=o)&&i.__esModule?i:{default:i};const l=r.default.div`
   display: flex;
   position: relative;
   border-top: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light6}`};
   border-bottom: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light6}`};
   padding: 4px;
-`,s=l.default.div`
+`,a=r.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
   display: flex;
@@ -16,10 +16,10 @@
   position: relative;
   cursor: pointer;
 
-  color: ${e=>e.isActive?i.default.colors.text.light:i.default.colors.text.dark};
-`,c=l.default.div`
+  color: ${({theme:e,isActive:t})=>t?e.colors.text.light:e.colors.text.dark};
+`,s=r.default.div`
   z-index: 0;
-  background-color: ${e=>i.default.colors[e.color].main};
+  background-color: ${({theme:e,$color:t,$colorShade:o})=>e.colors[t][o]};
   position: absolute;
 
   border-radius: 0.25rem;
@@ -34,4 +34,4 @@
   ${e=>"RIGHT"===e.active&&"\n    left: calc(50%);\n  "}
 
   ${e=>!e.active&&"display: none;"}
-`;exports.Toggle=({onChange:o,...i})=>{const[r,l]=t.useState(i.active);t.useEffect((()=>{l(i.active)}),[i.active]);return e.jsxs(a,{...i,children:[e.jsx(c,{color:i.color,active:r}),e.jsx(s,{onClick:()=>{l("LEFT"),o("LEFT")},isActive:"LEFT"===r,color:i.color,children:i.left}),e.jsx(s,{onClick:()=>{l("RIGHT"),o("RIGHT")},isActive:"RIGHT"===r,color:i.color,children:i.right})]})};
+`;exports.Toggle=({onChange:o,color:i,colorShade:r="mainAlt",...c})=>{const[n,d]=t.useState(c.active);t.useEffect((()=>{d(c.active)}),[c.active]);return e.jsxs(l,{children:[e.jsx(s,{$color:i,$colorShade:r,active:n}),e.jsx(a,{onClick:()=>{d("LEFT"),o("LEFT")},isActive:"LEFT"===n,children:c.left}),e.jsx(a,{onClick:()=>{d("RIGHT"),o("RIGHT")},isActive:"RIGHT"===n,children:c.right})]})};

package/cjs/components/ValuationRange/index.js

@@ -1,43 +1,43 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../typography/BodyText/index.js"),i=require("../../typography/Heading/index.js");require("../../shared/media-queries.js");var l,o=(l=t)&&l.__esModule?l:{default:l};const s=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("styled-components"),r=require("../../typography/BodyText/index.js"),t=require("../../typography/Heading/index.js");require("../../shared/media-queries.js");var l,a=(l=i)&&l.__esModule?l:{default:l};const s=({theme:e,$color:i,$colorShade:r,$isDisabled:t})=>t?e.colors[i].lighter:e.colors[i][r],o=a.default.div`
   margin: 0 1rem;
-`,a=o.default.div`
+`,d=a.default.div`
   flex: 1;
   display: flex;
   justify-content: center;
   align-items: flex-end;
-`,d=o.default.div`
+`,n=a.default.div`
   white-space: nowrap;
-  color: ${({theme:e,$color:t,$type:r})=>e.colors[t][r]};
-`,n=o.default(i.Subtitle)`
+  color: ${e=>s(e)};
+`,c=a.default(t.Subtitle)`
   color: ${({theme:e})=>e.colors.text.disabled};
-`,c=o.default.div`
+`,h=a.default.div`
   width: 100%;
   align-items: center;
   display: flex;
   padding: 0.25rem 0;
-`,p=o.default(r.Caption).attrs({as:"span"})`
+`,u=a.default(r.Caption).attrs({as:"span"})`
   white-space: nowrap;
   width: 20%;
   text-align: center;
   color: ${({theme:e})=>e.colors.text.disabled};
-`,h=o.default.div`
+`,x=a.default.div`
   width: 80%;
-  border-left: ${({theme:e,$color:t,$type:r})=>`1px solid ${e.colors[t][r]}`};
-  border-right: ${({theme:e,$color:t,$type:r})=>`1px solid ${e.colors[t][r]}`};
+  border-left: 1px solid ${e=>s(e)};
+  border-right: 1px solid ${e=>s(e)};
   height: 0.7rem;
   display: flex;
   position: relative;
   align-items: flex-end;
   justify-content: center;
   margin: auto;
-`,u=o.default.div`
+`,p=a.default.div`
   height: 0.33rem;
   width: 100%;
-  background: ${({theme:e,$color:t,$type:r})=>e.colors[t][r]};
-`,x=o.default.div`
-  background: ${({theme:e,$color:t,$type:r})=>e.colors[t][r]};
+  background: ${e=>s(e)};
+`,m=a.default.div`
+  background: ${e=>s(e)};
   width: 1px;
   height: 0.7rem;
   top: 0;
   position: absolute;
-`;exports.default=({intervalMin:t=0,intervalMax:r=0,value:l=0,color:o="primary",noApproximateSymbol:m=!1,isDisabled:$=!1,manualValuationText:f=""})=>{const y=new Intl.NumberFormat("sv-SE"),j=t>0&&r>0&&!f,g=l>0&&!f,v=$?"lighter":"main";return e.jsxs(s,{children:[e.jsxs(c,{children:[e.jsx(p,{children:j?`- ${y.format(t)}`:""}),e.jsx(a,{children:e.jsxs(d,{$color:o,$type:v,children:[g&&e.jsxs(e.Fragment,{children:[e.jsx(i.Title,{as:"span",children:`${m?"":"~ "}${y.format(l)} `}),e.jsx(i.Subtitle,{as:"span",children:"kr"})]}),f&&e.jsx(n,{as:"span",children:f})]})}),e.jsx(p,{children:j?`+ ${y.format(r)}`:""})]}),e.jsxs(h,{$color:o,$type:v,children:[e.jsx(u,{$color:o,$type:v}),e.jsx(x,{$color:o,$type:v})]})]})};
+`;exports.default=({intervalMin:i=0,intervalMax:r=0,value:l=0,color:a="primary",colorShade:s="mainAlt",noApproximateSymbol:$=!1,isDisabled:f=!1,manualValuationText:j=""})=>{const b=new Intl.NumberFormat("sv-SE"),g=i>0&&r>0&&!j,v=l>0&&!j;return e.jsxs(o,{children:[e.jsxs(h,{children:[e.jsx(u,{children:g?`- ${b.format(i)}`:""}),e.jsx(d,{children:e.jsxs(n,{$color:a,$colorShade:s,$isDisabled:f,children:[v&&e.jsxs(e.Fragment,{children:[e.jsx(t.Title,{as:"span",children:`${$?"":"~ "}${b.format(l)} `}),e.jsx(t.Subtitle,{as:"span",children:"kr"})]}),j&&e.jsx(c,{as:"span",children:j})]})}),e.jsx(u,{children:g?`+ ${b.format(r)}`:""})]}),e.jsxs(x,{$color:a,$colorShade:s,$isDisabled:f,children:[e.jsx(p,{$color:a,$colorShade:s,$isDisabled:f}),e.jsx(m,{$color:a,$colorShade:s,$isDisabled:f})]})]})};

package/cjs/index.js

@@ -1 +1 @@
-"use strict";var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),t=require("./components/IconButton.js"),s=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),I=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Flex/index.js"),S=require("./components/Select/index.js"),y=require("./components/ToggleArrow/index.js"),g=require("./components/ListItem/index.js"),C=require("./components/Table/index.js"),T=require("./components/EditRow/index.js"),h=require("./components/RadioButton/index.js"),k=require("./components/SpinnerThin/index.js"),B=require("./components/Stamp/index.js"),F=require("./components/TimePicker/index.js"),w=require("./components/Hero/index.js"),v=require("./components/DayPicker/index.js"),b=require("./components/Logo/index.js"),L=require("./components/Badge/index.js"),P=require("./components/Toggle/index.js"),D=require("./components/Stepper/index.js"),R=require("./components/StepperAccordion/index.js"),A=require("./components/Card/index.js"),M=require("./components/Switcher/index.js"),E=require("./components/NotificationButton/index.js"),N=require("./components/ValuationRange/index.js"),H=require("./components/Chip/index.js"),V=require("./components/Breadcrumbs/index.js"),O=require("./components/Message/index.js"),U=require("./components/RegistrationPlate/index.js"),G=require("./components/MenuItem/index.js"),K=require("./icons/components/AddIcon.js"),Q=require("./icons/components/AlertIcon.js"),W=require("./icons/components/ArrowDownIcon.js"),z=require("./icons/components/ArrowLeftIcon.js"),Y=require("./icons/components/ArrowRightIcon.js"),J=require("./icons/components/ArrowUpIcon.js"),X=require("./icons/components/AtvIcon.js"),Z=require("./icons/components/AuctionIcon.js"),$=require("./icons/components/BackIcon.js"),_=require("./icons/components/BankidIcon.js"),ee=require("./icons/components/BidIcon.js"),oe=require("./icons/components/BodyIcon.js"),ne=require("./icons/components/BreaksIcon.js"),re=require("./icons/components/CabIcon.js"),te=require("./icons/components/CalendarIcon.js"),se=require("./icons/components/CameraIcon.js"),ce=require("./icons/components/CamperIcon.js"),ie=require("./icons/components/CancelCircleIcon.js"),pe=require("./icons/components/CancelIcon.js"),ue=require("./icons/components/CarIcon.js"),ae=require("./icons/components/CarServiceIcon.js"),le=require("./icons/components/CaravanIcon.js"),de=require("./icons/components/CertifiedIcon.js"),Ie=require("./icons/components/ChatIcon.js"),xe=require("./icons/components/CheckCircleIcon.js"),me=require("./icons/components/CheckFilledIcon.js"),qe=require("./icons/components/CheckIcon.js"),je=require("./icons/components/CheckmarkIcon.js"),fe=require("./icons/components/ClockIcon.js"),Se=require("./icons/components/CloseIcon.js"),ye=require("./icons/components/CommentFilledIcon.js"),ge=require("./icons/components/CommentIcon.js"),Ce=require("./icons/components/ConditioningIcon.js"),Te=require("./icons/components/ContactIcon.js"),he=require("./icons/components/ControlNumberIcon.js"),ke=require("./icons/components/CopyIcon.js"),Be=require("./icons/components/CountdownIcon.js"),Fe=require("./icons/components/CoupeIcon.js"),we=require("./icons/components/CraneIcon.js"),ve=require("./icons/components/CupIcon.js"),be=require("./icons/components/DeleteIcon.js"),Le=require("./icons/components/DisplayIcon.js"),Pe=require("./icons/components/DocumentIcon.js"),De=require("./icons/components/DownloadIcon.js"),Re=require("./icons/components/EcoIcon.js"),Ae=require("./icons/components/EditIcon.js"),Me=require("./icons/components/EngineIcon.js"),Ee=require("./icons/components/ErrorFilledIcon.js"),Ne=require("./icons/components/ErrorIcon.js"),He=require("./icons/components/EstoniaFlagIcon.js"),Ve=require("./icons/components/ExportIcon.js"),Oe=require("./icons/components/FacebookIcon.js"),Ue=require("./icons/components/FacilityIcon.js"),Ge=require("./icons/components/FavouriteFilledIcon.js"),Ke=require("./icons/components/FavouriteIcon.js"),Qe=require("./icons/components/FigmaIcon.js"),We=require("./icons/components/FilterIcon.js"),ze=require("./icons/components/FinanceIcon.js"),Ye=require("./icons/components/FinlandFlagIcon.js"),Je=require("./icons/components/FirstIcon.js"),Xe=require("./icons/components/FixedPriceIcon.js"),Ze=require("./icons/components/FuelIcon.js"),$e=require("./icons/components/GearboxIcon.js"),_e=require("./icons/components/GetPaidIcon.js"),eo=require("./icons/components/GridViewIcon.js"),oo=require("./icons/components/HatchbackIcon.js"),no=require("./icons/components/HelpIcon.js"),ro=require("./icons/components/HistoryIcon.js"),to=require("./icons/components/HomeDeliveryIcon.js"),so=require("./icons/components/IdIcon.js"),co=require("./icons/components/ImageIcon.js"),io=require("./icons/components/InfoIcon.js"),po=require("./icons/components/InstagramIcon.js"),uo=require("./icons/components/InsuranceIcon.js"),ao=require("./icons/components/InteriorIcon.js"),lo=require("./icons/components/KvdIcon.js"),Io=require("./icons/components/KvdTestIcon.js"),xo=require("./icons/components/KvdproIcon.js"),mo=require("./icons/components/LastIcon.js"),qo=require("./icons/components/LeaderIcon.js"),jo=require("./icons/components/LinkedinIcon.js"),fo=require("./icons/components/ListViewIcon.js"),So=require("./icons/components/LocationIcon.js"),yo=require("./icons/components/MailIcon.js"),go=require("./icons/components/MenuIcon.js"),Co=require("./icons/components/MileageIcon.js"),To=require("./icons/components/MinivanIcon.js"),ho=require("./icons/components/ModelYearIcon.js"),ko=require("./icons/components/MoreIcon.js"),Bo=require("./icons/components/MotorbikeIcon.js"),Fo=require("./icons/components/NavigationIcon.js"),wo=require("./icons/components/NewIcon.js"),vo=require("./icons/components/NextFilledIcon.js"),bo=require("./icons/components/NextIcon.js"),Lo=require("./icons/components/NotificationIcon.js"),Po=require("./icons/components/OpenInNewIcon.js"),Do=require("./icons/components/PayementIcon.js"),Ro=require("./icons/components/PercentIcon.js"),Ao=require("./icons/components/PhoneIcon.js"),Mo=require("./icons/components/PickUpIcon.js"),Eo=require("./icons/components/Pickup.js"),No=require("./icons/components/PlayIcon.js"),Ho=require("./icons/components/PlugIcon.js"),Vo=require("./icons/components/PolandFlagIcon.js"),Oo=require("./icons/components/PreviousFilledIcon.js"),Uo=require("./icons/components/PreviousIcon.js"),Go=require("./icons/components/PrintIcon.js"),Ko=require("./icons/components/QuoteIcon.js"),Qo=require("./icons/components/RatingIcon.js"),Wo=require("./icons/components/ReleasingIcon.js"),zo=require("./icons/components/ReorderIcon.js"),Yo=require("./icons/components/RestartIcon.js"),Jo=require("./icons/components/SalesOfferIcon.js"),Xo=require("./icons/components/SavedSearchIcon.js"),Zo=require("./icons/components/ScheduleIcon.js"),$o=require("./icons/components/SearchIcon.js"),_o=require("./icons/components/SedanIcon.js"),en=require("./icons/components/SellFilledIcon.js"),on=require("./icons/components/SellIcon.js"),nn=require("./icons/components/SettingsIcon.js"),rn=require("./icons/components/ShareIcon.js"),tn=require("./icons/components/ShowLessIcon.js"),sn=require("./icons/components/ShowMoreIcon.js"),cn=require("./icons/components/SignInIcon.js"),pn=require("./icons/components/SignOutIcon.js"),un=require("./icons/components/SlackIcon.js"),an=require("./icons/components/SmartphoneIcon.js"),ln=require("./icons/components/SmileIcon.js"),dn=require("./icons/components/SnowmobileIcon.js"),In=require("./icons/components/SortColumnIcon.js"),xn=require("./icons/components/SortIcon.js"),mn=require("./icons/components/StorageIcon.js"),qn=require("./icons/components/StoreIcon.js"),jn=require("./icons/components/SuvIcon.js"),fn=require("./icons/components/SwedishFlagIcon.js"),Sn=require("./icons/components/ThreeSixtyIcon.js"),yn=require("./icons/components/TractorIcon.js"),gn=require("./icons/components/TrailerIcon.js"),Cn=require("./icons/components/TransportIcon.js"),Tn=require("./icons/components/TruckIcon.js"),hn=require("./icons/components/TwitterIcon.js"),kn=require("./icons/components/TyresIcon.js"),Bn=require("./icons/components/UnitedKingdomFlagIcon.js"),Fn=require("./icons/components/UploadIcon.js"),wn=require("./icons/components/UserIcon.js"),vn=require("./icons/components/ValuationIcon.js"),bn=require("./icons/components/VanIcon.js"),Ln=require("./icons/components/VersionIcon.js"),Pn=require("./icons/components/ViewsIcon.js"),Dn=require("./icons/components/WagonIcon.js"),Rn=require("./icons/components/WarningIcon.js"),An=require("./icons/components/WarrantyIcon.js"),Mn=require("./icons/components/YoutubeIcon.js"),En=require("./hooks/useDynamicScript.js"),Nn=require("./typography/Heading/index.js"),Hn=require("./typography/BodyText/index.js"),Vn=require("./typography/ButtonText/index.js"),On=require("./utils/utils.js");require("react/jsx-runtime"),require("react"),require("styled-components"),require("react-collapse"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("./shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("./components/Icons/Close.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("./components/Icons/CheckCircle.js"),require("./components/Icons/ErrorCircle.js"),require("./components/Icons/InfoCircle.js"),require("react-select"),require("./shared/constants.js"),require("react-day-picker"),require("date-fns/locale"),require("date-fns"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/Icons/CheckIcon.js"),require("./components/Icons/Arrow.js"),require("./components/Chip/styles.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/RegistrationPlate/EuFlagIcon.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqNumberSizes=o.mqNumberSizes,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=t.default,exports.TextField=s.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=I.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Flex=f.default,exports.Select=S.Select,exports.ToggleArrow=y.default,exports.ListItem=g.default,exports.Table=C.default,exports.EditRow=T.default,exports.RadioButton=h.RadioButton,exports.SpinnerThin=k.SpinnerThin,exports.Stamp=B.default,exports.TimePicker=F.TimePicker,exports.Hero=w.default,exports.DayPicker=v.DayPicker,exports.Logo=b.Logo,exports.Badge=L.Badge,exports.Toggle=P.Toggle,exports.Stepper=D.Stepper,exports.StepperAccordion=R.StepperAccordion,exports.Card=A.Card,exports.Switcher=M.Switcher,exports.NotificationButton=E.NotificationButton,exports.ValuationRange=N.default,exports.Chip=H.Chip,exports.Breadcrumbs=V.default,exports.Message=O.default,exports.RegistrationPlate=U.default,exports.MenuItem=G.MenuItem,exports.AddIcon=K.default,exports.AlertIcon=Q.default,exports.ArrowDownIcon=W.default,exports.ArrowLeftIcon=z.default,exports.ArrowRightIcon=Y.default,exports.ArrowUpIcon=J.default,exports.AtvIcon=X.default,exports.AuctionIcon=Z.default,exports.BackIcon=$.default,exports.BankidIcon=_.default,exports.BidIcon=ee.default,exports.BodyIcon=oe.default,exports.BreaksIcon=ne.default,exports.CabIcon=re.default,exports.CalendarIcon=te.default,exports.CameraIcon=se.default,exports.CamperIcon=ce.default,exports.CancelCircleIcon=ie.default,exports.CancelIcon=pe.default,exports.CarIcon=ue.default,exports.CarServiceIcon=ae.default,exports.CaravanIcon=le.default,exports.CertifiedIcon=de.default,exports.ChatIcon=Ie.default,exports.CheckCircleIcon=xe.default,exports.CheckFilledIcon=me.default,exports.CheckIcon=qe.default,exports.CheckmarkIcon=je.default,exports.ClockIcon=fe.default,exports.CloseIcon=Se.default,exports.CommentFilledIcon=ye.default,exports.CommentIcon=ge.default,exports.ConditioningIcon=Ce.default,exports.ContactIcon=Te.default,exports.ControlNumberIcon=he.default,exports.CopyIcon=ke.default,exports.CountdownIcon=Be.default,exports.CoupeIcon=Fe.default,exports.CraneIcon=we.default,exports.CupIcon=ve.default,exports.DeleteIcon=be.default,exports.DisplayIcon=Le.default,exports.DocumentIcon=Pe.default,exports.DownloadIcon=De.default,exports.EcoIcon=Re.default,exports.EditIcon=Ae.default,exports.EngineIcon=Me.default,exports.ErrorFilledIcon=Ee.default,exports.ErrorIcon=Ne.default,exports.EstoniaFlagIcon=He.default,exports.ExportIcon=Ve.default,exports.FacebookIcon=Oe.default,exports.FacilityIcon=Ue.default,exports.FavouriteFilledIcon=Ge.default,exports.FavouriteIcon=Ke.default,exports.FigmaIcon=Qe.default,exports.FilterIcon=We.default,exports.FinanceIcon=ze.default,exports.FinlandFlagIcon=Ye.default,exports.FirstIcon=Je.default,exports.FixedPriceIcon=Xe.default,exports.FuelIcon=Ze.default,exports.GearboxIcon=$e.default,exports.GetPaidIcon=_e.default,exports.GridViewIcon=eo.default,exports.HatchbackIcon=oo.default,exports.HelpIcon=no.default,exports.HistoryIcon=ro.default,exports.HomeDeliveryIcon=to.default,exports.IdIcon=so.default,exports.ImageIcon=co.default,exports.InfoIcon=io.default,exports.InstagramIcon=po.default,exports.InsuranceIcon=uo.default,exports.InteriorIcon=ao.default,exports.KvdIcon=lo.default,exports.KvdTestIcon=Io.default,exports.KvdproIcon=xo.default,exports.LastIcon=mo.default,exports.LeaderIcon=qo.default,exports.LinkedinIcon=jo.default,exports.ListViewIcon=fo.default,exports.LocationIcon=So.default,exports.MailIcon=yo.default,exports.MenuIcon=go.default,exports.MileageIcon=Co.default,exports.MinivanIcon=To.default,exports.ModelYearIcon=ho.default,exports.MoreIcon=ko.default,exports.MotorbikeIcon=Bo.default,exports.NavigationIcon=Fo.default,exports.NewIcon=wo.default,exports.NextFilledIcon=vo.default,exports.NextIcon=bo.default,exports.NotificationIcon=Lo.default,exports.OpenInNewIcon=Po.default,exports.PayementIcon=Do.default,exports.PercentIcon=Ro.default,exports.PhoneIcon=Ao.default,exports.PickUpIcon=Mo.default,exports.Pickup=Eo.default,exports.PlayIcon=No.default,exports.PlugIcon=Ho.default,exports.PolandFlagIcon=Vo.default,exports.PreviousFilledIcon=Oo.default,exports.PreviousIcon=Uo.default,exports.PrintIcon=Go.default,exports.QuoteIcon=Ko.default,exports.RatingIcon=Qo.default,exports.ReleasingIcon=Wo.default,exports.ReorderIcon=zo.default,exports.RestartIcon=Yo.default,exports.SalesOfferIcon=Jo.default,exports.SavedSearchIcon=Xo.default,exports.ScheduleIcon=Zo.default,exports.SearchIcon=$o.default,exports.SedanIcon=_o.default,exports.SellFilledIcon=en.default,exports.SellIcon=on.default,exports.SettingsIcon=nn.default,exports.ShareIcon=rn.default,exports.ShowLessIcon=tn.default,exports.ShowMoreIcon=sn.default,exports.SignInIcon=cn.default,exports.SignOutIcon=pn.default,exports.SlackIcon=un.default,exports.SmartphoneIcon=an.default,exports.SmileIcon=ln.default,exports.SnowmobileIcon=dn.default,exports.SortColumnIcon=In.default,exports.SortIcon=xn.default,exports.StorageIcon=mn.default,exports.StoreIcon=qn.default,exports.SuvIcon=jn.default,exports.SwedishFlagIcon=fn.default,exports.ThreeSixtyIcon=Sn.default,exports.TractorIcon=yn.default,exports.TrailerIcon=gn.default,exports.TransportIcon=Cn.default,exports.TruckIcon=Tn.default,exports.TwitterIcon=hn.default,exports.TyresIcon=kn.default,exports.UnitedKingdomFlagIcon=Bn.default,exports.UploadIcon=Fn.default,exports.UserIcon=wn.default,exports.ValuationIcon=vn.default,exports.VanIcon=bn.default,exports.VersionIcon=Ln.default,exports.ViewsIcon=Pn.default,exports.WagonIcon=Dn.default,exports.WarningIcon=Rn.default,exports.WarrantyIcon=An.default,exports.YoutubeIcon=Mn.default,exports.useDynamicScript=En.useDynamicScript,exports.Display1=Nn.Display1,exports.Display1Style=Nn.Display1Style,exports.Display2=Nn.Display2,exports.Display2Style=Nn.Display2Style,exports.Display3=Nn.Display3,exports.Display3Style=Nn.Display3Style,exports.Headline=Nn.Headline,exports.HeadlineStyle=Nn.HeadlineStyle,exports.Subtitle=Nn.Subtitle,exports.SubtitleStyle=Nn.SubtitleStyle,exports.TinyTitleBold=Nn.TinyTitleBold,exports.TinyTitleBoldStyle=Nn.TinyTitleBoldStyle,exports.TinyTitleRegular=Nn.TinyTitleRegular,exports.TinyTitleRegularStyle=Nn.TinyTitleRegularStyle,exports.Title=Nn.Title,exports.TitleStyle=Nn.TitleStyle,exports.BodyLink=Hn.BodyLink,exports.BodyLinkStyle=Hn.BodyLinkStyle,exports.BodyText=Hn.BodyText,exports.BodyTextStyle=Hn.BodyTextStyle,exports.Caption=Hn.Caption,exports.CaptionLink=Hn.CaptionLink,exports.CaptionLinkStyle=Hn.CaptionLinkStyle,exports.CaptionStyle=Hn.CaptionStyle,exports.Quote=Hn.Quote,exports.QuoteStyle=Hn.QuoteStyle,exports.Status=Hn.Status,exports.StatusStyle=Hn.StatusStyle,exports.ButtonLargeText=Vn.ButtonLarge,exports.ButtonLargeTextStyle=Vn.ButtonLargeTextStyle,exports.ButtonRegularText=Vn.Button,exports.ButtonRegularTextStyle=Vn.ButtonRegularTextStyle,exports.ButtonSmallText=Vn.ButtonSmall,exports.ButtonSmallTextStyle=Vn.ButtonSmallTextStyle,exports.hexToRGB=On.hexToRGB,exports.resetButtonStyle=On.resetButtonStyle,exports.resolveColorWithNeutral=On.resolveColorWithNeutral;
+"use strict";var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),t=require("./components/IconButton.js"),s=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),I=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Flex/index.js"),S=require("./components/Select/index.js"),y=require("./components/ToggleArrow/index.js"),g=require("./components/ListItem/index.js"),C=require("./components/Table/index.js"),T=require("./components/EditRow/index.js"),h=require("./components/RadioButton/index.js"),k=require("./components/SpinnerThin/index.js"),B=require("./components/Stamp/index.js"),F=require("./components/TimePicker/index.js"),w=require("./components/Hero/index.js"),v=require("./components/DayPicker/index.js"),b=require("./components/Logo/index.js"),L=require("./components/Badge/index.js"),D=require("./components/Toggle/index.js"),P=require("./components/Stepper/index.js"),R=require("./components/StepperAccordion/index.js"),A=require("./components/Card/index.js"),M=require("./components/Switcher/index.js"),E=require("./components/NotificationButton/index.js"),N=require("./components/ValuationRange/index.js"),H=require("./components/Chip/index.js"),V=require("./components/Breadcrumbs/index.js"),O=require("./components/Message/index.js"),U=require("./components/RegistrationPlate/index.js"),G=require("./components/MenuItem/index.js"),K=require("./icons/components/AddIcon.js"),Q=require("./icons/components/AlertIcon.js"),W=require("./icons/components/ArrowDownIcon.js"),z=require("./icons/components/ArrowLeftIcon.js"),Y=require("./icons/components/ArrowRightIcon.js"),J=require("./icons/components/ArrowUpIcon.js"),X=require("./icons/components/AtvIcon.js"),Z=require("./icons/components/AuctionIcon.js"),$=require("./icons/components/BackIcon.js"),_=require("./icons/components/BankidIcon.js"),ee=require("./icons/components/BidIcon.js"),oe=require("./icons/components/BodyIcon.js"),ne=require("./icons/components/BreaksIcon.js"),re=require("./icons/components/CabIcon.js"),te=require("./icons/components/CalendarIcon.js"),se=require("./icons/components/CameraIcon.js"),ce=require("./icons/components/CamperIcon.js"),ie=require("./icons/components/CancelCircleIcon.js"),pe=require("./icons/components/CancelIcon.js"),ue=require("./icons/components/CarIcon.js"),ae=require("./icons/components/CarServiceIcon.js"),le=require("./icons/components/CaravanIcon.js"),de=require("./icons/components/CertifiedIcon.js"),Ie=require("./icons/components/ChatIcon.js"),xe=require("./icons/components/CheckCircleIcon.js"),me=require("./icons/components/CheckFilledIcon.js"),qe=require("./icons/components/CheckIcon.js"),je=require("./icons/components/CheckmarkIcon.js"),fe=require("./icons/components/ClockIcon.js"),Se=require("./icons/components/CloseIcon.js"),ye=require("./icons/components/CommentFilledIcon.js"),ge=require("./icons/components/CommentIcon.js"),Ce=require("./icons/components/ConditioningIcon.js"),Te=require("./icons/components/ContactIcon.js"),he=require("./icons/components/ControlNumberIcon.js"),ke=require("./icons/components/CopyIcon.js"),Be=require("./icons/components/CountdownIcon.js"),Fe=require("./icons/components/CoupeIcon.js"),we=require("./icons/components/CraneIcon.js"),ve=require("./icons/components/CupIcon.js"),be=require("./icons/components/DeleteIcon.js"),Le=require("./icons/components/DisplayIcon.js"),De=require("./icons/components/DocumentIcon.js"),Pe=require("./icons/components/DownloadIcon.js"),Re=require("./icons/components/EcoIcon.js"),Ae=require("./icons/components/EditIcon.js"),Me=require("./icons/components/EngineIcon.js"),Ee=require("./icons/components/ErrorFilledIcon.js"),Ne=require("./icons/components/ErrorIcon.js"),He=require("./icons/components/EstoniaFlagIcon.js"),Ve=require("./icons/components/ExportIcon.js"),Oe=require("./icons/components/FacebookIcon.js"),Ue=require("./icons/components/FacilityIcon.js"),Ge=require("./icons/components/FavouriteFilledIcon.js"),Ke=require("./icons/components/FavouriteIcon.js"),Qe=require("./icons/components/FigmaIcon.js"),We=require("./icons/components/FilterIcon.js"),ze=require("./icons/components/FinanceIcon.js"),Ye=require("./icons/components/FinlandFlagIcon.js"),Je=require("./icons/components/FirstIcon.js"),Xe=require("./icons/components/FixedPriceIcon.js"),Ze=require("./icons/components/FuelIcon.js"),$e=require("./icons/components/GearboxIcon.js"),_e=require("./icons/components/GetPaidIcon.js"),eo=require("./icons/components/GridViewIcon.js"),oo=require("./icons/components/HatchbackIcon.js"),no=require("./icons/components/HelpIcon.js"),ro=require("./icons/components/HistoryIcon.js"),to=require("./icons/components/HomeDeliveryIcon.js"),so=require("./icons/components/IdIcon.js"),co=require("./icons/components/ImageIcon.js"),io=require("./icons/components/InfoIcon.js"),po=require("./icons/components/InstagramIcon.js"),uo=require("./icons/components/InsuranceIcon.js"),ao=require("./icons/components/InteriorIcon.js"),lo=require("./icons/components/KvdIcon.js"),Io=require("./icons/components/KvdTestIcon.js"),xo=require("./icons/components/KvdproIcon.js"),mo=require("./icons/components/LastIcon.js"),qo=require("./icons/components/LeaderIcon.js"),jo=require("./icons/components/LinkedinIcon.js"),fo=require("./icons/components/ListViewIcon.js"),So=require("./icons/components/LocationIcon.js"),yo=require("./icons/components/MailIcon.js"),go=require("./icons/components/MenuIcon.js"),Co=require("./icons/components/MileageIcon.js"),To=require("./icons/components/MinivanIcon.js"),ho=require("./icons/components/ModelYearIcon.js"),ko=require("./icons/components/MoreIcon.js"),Bo=require("./icons/components/MotorbikeIcon.js"),Fo=require("./icons/components/NavigationIcon.js"),wo=require("./icons/components/NewIcon.js"),vo=require("./icons/components/NextFilledIcon.js"),bo=require("./icons/components/NextIcon.js"),Lo=require("./icons/components/NotificationIcon.js"),Do=require("./icons/components/OpenInNewIcon.js"),Po=require("./icons/components/PayementIcon.js"),Ro=require("./icons/components/PercentIcon.js"),Ao=require("./icons/components/PhoneIcon.js"),Mo=require("./icons/components/PickUpIcon.js"),Eo=require("./icons/components/Pickup.js"),No=require("./icons/components/PlayIcon.js"),Ho=require("./icons/components/PlugIcon.js"),Vo=require("./icons/components/PolandFlagIcon.js"),Oo=require("./icons/components/PreviousFilledIcon.js"),Uo=require("./icons/components/PreviousIcon.js"),Go=require("./icons/components/PrintIcon.js"),Ko=require("./icons/components/QuoteIcon.js"),Qo=require("./icons/components/RatingIcon.js"),Wo=require("./icons/components/ReleasingIcon.js"),zo=require("./icons/components/ReorderIcon.js"),Yo=require("./icons/components/RestartIcon.js"),Jo=require("./icons/components/SalesOfferIcon.js"),Xo=require("./icons/components/SavedSearchIcon.js"),Zo=require("./icons/components/ScheduleIcon.js"),$o=require("./icons/components/SearchIcon.js"),_o=require("./icons/components/SedanIcon.js"),en=require("./icons/components/SellFilledIcon.js"),on=require("./icons/components/SellIcon.js"),nn=require("./icons/components/SettingsIcon.js"),rn=require("./icons/components/ShareIcon.js"),tn=require("./icons/components/ShowLessIcon.js"),sn=require("./icons/components/ShowMoreIcon.js"),cn=require("./icons/components/SignInIcon.js"),pn=require("./icons/components/SignOutIcon.js"),un=require("./icons/components/SlackIcon.js"),an=require("./icons/components/SmartphoneIcon.js"),ln=require("./icons/components/SmileIcon.js"),dn=require("./icons/components/SnowmobileIcon.js"),In=require("./icons/components/SortColumnIcon.js"),xn=require("./icons/components/SortIcon.js"),mn=require("./icons/components/StorageIcon.js"),qn=require("./icons/components/StoreIcon.js"),jn=require("./icons/components/SuvIcon.js"),fn=require("./icons/components/SwedishFlagIcon.js"),Sn=require("./icons/components/ThreeSixtyIcon.js"),yn=require("./icons/components/TractorIcon.js"),gn=require("./icons/components/TrailerIcon.js"),Cn=require("./icons/components/TransportIcon.js"),Tn=require("./icons/components/TruckIcon.js"),hn=require("./icons/components/TwitterIcon.js"),kn=require("./icons/components/TyresIcon.js"),Bn=require("./icons/components/UnitedKingdomFlagIcon.js"),Fn=require("./icons/components/UploadIcon.js"),wn=require("./icons/components/UserIcon.js"),vn=require("./icons/components/ValuationIcon.js"),bn=require("./icons/components/VanIcon.js"),Ln=require("./icons/components/VersionIcon.js"),Dn=require("./icons/components/ViewsIcon.js"),Pn=require("./icons/components/WagonIcon.js"),Rn=require("./icons/components/WarningIcon.js"),An=require("./icons/components/WarrantyIcon.js"),Mn=require("./icons/components/YoutubeIcon.js"),En=require("./hooks/useDynamicScript.js"),Nn=require("./typography/Heading/index.js"),Hn=require("./typography/BodyText/index.js"),Vn=require("./typography/ButtonText/index.js"),On=require("./utils/utils.js");require("react/jsx-runtime"),require("react"),require("styled-components"),require("react-collapse"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("./shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("./components/Icons/Close.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("./components/Icons/CheckCircle.js"),require("./components/Icons/ErrorCircle.js"),require("./components/Icons/InfoCircle.js"),require("react-select"),require("./shared/constants.js"),require("react-day-picker"),require("date-fns/locale"),require("date-fns"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/Icons/CheckIcon.js"),require("./components/Icons/Arrow.js"),require("./components/Chip/styles.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/RegistrationPlate/EuFlagIcon.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqNumberSizes=o.mqNumberSizes,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=t.default,exports.TextField=s.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=I.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Flex=f.default,exports.Select=S.Select,exports.ToggleArrow=y.default,exports.ListItem=g.default,exports.Table=C.default,exports.EditRow=T.default,exports.RadioButton=h.RadioButton,exports.SpinnerThin=k.SpinnerThin,exports.Stamp=B.default,exports.TimePicker=F.TimePicker,exports.Hero=w.default,exports.DayPicker=v.DayPicker,exports.Logo=b.Logo,exports.Badge=L.Badge,exports.Toggle=D.Toggle,exports.Stepper=P.Stepper,exports.StepperAccordion=R.StepperAccordion,exports.Card=A.Card,exports.Switcher=M.Switcher,exports.NotificationButton=E.NotificationButton,exports.ValuationRange=N.default,exports.Chip=H.Chip,exports.Breadcrumbs=V.default,exports.Message=O.default,exports.RegistrationPlate=U.default,exports.MenuItem=G.MenuItem,exports.AddIcon=K.default,exports.AlertIcon=Q.default,exports.ArrowDownIcon=W.default,exports.ArrowLeftIcon=z.default,exports.ArrowRightIcon=Y.default,exports.ArrowUpIcon=J.default,exports.AtvIcon=X.default,exports.AuctionIcon=Z.default,exports.BackIcon=$.default,exports.BankidIcon=_.default,exports.BidIcon=ee.default,exports.BodyIcon=oe.default,exports.BreaksIcon=ne.default,exports.CabIcon=re.default,exports.CalendarIcon=te.default,exports.CameraIcon=se.default,exports.CamperIcon=ce.default,exports.CancelCircleIcon=ie.default,exports.CancelIcon=pe.default,exports.CarIcon=ue.default,exports.CarServiceIcon=ae.default,exports.CaravanIcon=le.default,exports.CertifiedIcon=de.default,exports.ChatIcon=Ie.default,exports.CheckCircleIcon=xe.default,exports.CheckFilledIcon=me.default,exports.CheckIcon=qe.default,exports.CheckmarkIcon=je.default,exports.ClockIcon=fe.default,exports.CloseIcon=Se.default,exports.CommentFilledIcon=ye.default,exports.CommentIcon=ge.default,exports.ConditioningIcon=Ce.default,exports.ContactIcon=Te.default,exports.ControlNumberIcon=he.default,exports.CopyIcon=ke.default,exports.CountdownIcon=Be.default,exports.CoupeIcon=Fe.default,exports.CraneIcon=we.default,exports.CupIcon=ve.default,exports.DeleteIcon=be.default,exports.DisplayIcon=Le.default,exports.DocumentIcon=De.default,exports.DownloadIcon=Pe.default,exports.EcoIcon=Re.default,exports.EditIcon=Ae.default,exports.EngineIcon=Me.default,exports.ErrorFilledIcon=Ee.default,exports.ErrorIcon=Ne.default,exports.EstoniaFlagIcon=He.default,exports.ExportIcon=Ve.default,exports.FacebookIcon=Oe.default,exports.FacilityIcon=Ue.default,exports.FavouriteFilledIcon=Ge.default,exports.FavouriteIcon=Ke.default,exports.FigmaIcon=Qe.default,exports.FilterIcon=We.default,exports.FinanceIcon=ze.default,exports.FinlandFlagIcon=Ye.default,exports.FirstIcon=Je.default,exports.FixedPriceIcon=Xe.default,exports.FuelIcon=Ze.default,exports.GearboxIcon=$e.default,exports.GetPaidIcon=_e.default,exports.GridViewIcon=eo.default,exports.HatchbackIcon=oo.default,exports.HelpIcon=no.default,exports.HistoryIcon=ro.default,exports.HomeDeliveryIcon=to.default,exports.IdIcon=so.default,exports.ImageIcon=co.default,exports.InfoIcon=io.default,exports.InstagramIcon=po.default,exports.InsuranceIcon=uo.default,exports.InteriorIcon=ao.default,exports.KvdIcon=lo.default,exports.KvdTestIcon=Io.default,exports.KvdproIcon=xo.default,exports.LastIcon=mo.default,exports.LeaderIcon=qo.default,exports.LinkedinIcon=jo.default,exports.ListViewIcon=fo.default,exports.LocationIcon=So.default,exports.MailIcon=yo.default,exports.MenuIcon=go.default,exports.MileageIcon=Co.default,exports.MinivanIcon=To.default,exports.ModelYearIcon=ho.default,exports.MoreIcon=ko.default,exports.MotorbikeIcon=Bo.default,exports.NavigationIcon=Fo.default,exports.NewIcon=wo.default,exports.NextFilledIcon=vo.default,exports.NextIcon=bo.default,exports.NotificationIcon=Lo.default,exports.OpenInNewIcon=Do.default,exports.PayementIcon=Po.default,exports.PercentIcon=Ro.default,exports.PhoneIcon=Ao.default,exports.PickUpIcon=Mo.default,exports.Pickup=Eo.default,exports.PlayIcon=No.default,exports.PlugIcon=Ho.default,exports.PolandFlagIcon=Vo.default,exports.PreviousFilledIcon=Oo.default,exports.PreviousIcon=Uo.default,exports.PrintIcon=Go.default,exports.QuoteIcon=Ko.default,exports.RatingIcon=Qo.default,exports.ReleasingIcon=Wo.default,exports.ReorderIcon=zo.default,exports.RestartIcon=Yo.default,exports.SalesOfferIcon=Jo.default,exports.SavedSearchIcon=Xo.default,exports.ScheduleIcon=Zo.default,exports.SearchIcon=$o.default,exports.SedanIcon=_o.default,exports.SellFilledIcon=en.default,exports.SellIcon=on.default,exports.SettingsIcon=nn.default,exports.ShareIcon=rn.default,exports.ShowLessIcon=tn.default,exports.ShowMoreIcon=sn.default,exports.SignInIcon=cn.default,exports.SignOutIcon=pn.default,exports.SlackIcon=un.default,exports.SmartphoneIcon=an.default,exports.SmileIcon=ln.default,exports.SnowmobileIcon=dn.default,exports.SortColumnIcon=In.default,exports.SortIcon=xn.default,exports.StorageIcon=mn.default,exports.StoreIcon=qn.default,exports.SuvIcon=jn.default,exports.SwedishFlagIcon=fn.default,exports.ThreeSixtyIcon=Sn.default,exports.TractorIcon=yn.default,exports.TrailerIcon=gn.default,exports.TransportIcon=Cn.default,exports.TruckIcon=Tn.default,exports.TwitterIcon=hn.default,exports.TyresIcon=kn.default,exports.UnitedKingdomFlagIcon=Bn.default,exports.UploadIcon=Fn.default,exports.UserIcon=wn.default,exports.ValuationIcon=vn.default,exports.VanIcon=bn.default,exports.VersionIcon=Ln.default,exports.ViewsIcon=Dn.default,exports.WagonIcon=Pn.default,exports.WarningIcon=Rn.default,exports.WarrantyIcon=An.default,exports.YoutubeIcon=Mn.default,exports.useDynamicScript=En.useDynamicScript,exports.Display1=Nn.Display1,exports.Display1Style=Nn.Display1Style,exports.Display2=Nn.Display2,exports.Display2Style=Nn.Display2Style,exports.Display3=Nn.Display3,exports.Display3Style=Nn.Display3Style,exports.Headline=Nn.Headline,exports.HeadlineStyle=Nn.HeadlineStyle,exports.Subtitle=Nn.Subtitle,exports.SubtitleStyle=Nn.SubtitleStyle,exports.TinyTitleBold=Nn.TinyTitleBold,exports.TinyTitleBoldStyle=Nn.TinyTitleBoldStyle,exports.TinyTitleRegular=Nn.TinyTitleRegular,exports.TinyTitleRegularStyle=Nn.TinyTitleRegularStyle,exports.Title=Nn.Title,exports.TitleStyle=Nn.TitleStyle,exports.BodyLink=Hn.BodyLink,exports.BodyLinkStyle=Hn.BodyLinkStyle,exports.BodyText=Hn.BodyText,exports.BodyTextStyle=Hn.BodyTextStyle,exports.Caption=Hn.Caption,exports.CaptionLink=Hn.CaptionLink,exports.CaptionLinkStyle=Hn.CaptionLinkStyle,exports.CaptionStyle=Hn.CaptionStyle,exports.Quote=Hn.Quote,exports.QuoteStyle=Hn.QuoteStyle,exports.Status=Hn.Status,exports.StatusStyle=Hn.StatusStyle,exports.ButtonLargeText=Vn.ButtonLarge,exports.ButtonLargeTextStyle=Vn.ButtonLargeTextStyle,exports.ButtonRegularText=Vn.Button,exports.ButtonRegularTextStyle=Vn.ButtonRegularTextStyle,exports.ButtonSmallText=Vn.ButtonSmall,exports.ButtonSmallTextStyle=Vn.ButtonSmallTextStyle,exports.getDarkerShade=On.getDarkerShade,exports.getLighterShade=On.getLighterShade,exports.hexToRGB=On.hexToRGB,exports.resetButtonStyle=On.resetButtonStyle,exports.resolveColorWithNeutral=On.resolveColorWithNeutral;

package/cjs/utils/utils.js

@@ -1,4 +1,4 @@
-"use strict";const r=require("styled-components").css`
+"use strict";const e=require("styled-components").css`
   appearance: none;
   background-color: transparent;
   border: 0;
@@ -6,4 +6,4 @@
   font-family: inherit;
   outline: none;
   padding: 0;
-`,e=r=>({darker:r.colors.grayscaleNeutral.dark1,dark:r.colors.grayscaleNeutral.dark1,mainAlt:r.colors.grayscaleToned.dark1,main:r.colors.grayscaleToned.dark1,light:r.colors.grayscaleToned.light1});exports.getLuminosity=r=>{let e=0,t=0,a=0;return 4===r.length?(e=parseInt("0x"+r[1]+r[1]),t=parseInt("0x"+r[2]+r[2]),a=parseInt("0x"+r[3]+r[3])):7===r.length&&(e=parseInt("0x"+r[1]+r[2]),t=parseInt("0x"+r[3]+r[4]),a=parseInt("0x"+r[5]+r[6])),(Math.max(Number(e/255),Number(t/255),Number(a/255))+Math.min(Number(e/255),Number(t/255),Number(a/255)))/2*100},exports.hexToRGB=(r,e=1)=>`rgba(${parseInt(r.slice(1,3),16)}, ${parseInt(r.slice(3,5),16)}, ${parseInt(r.slice(5,7),16)}, ${e})`,exports.neutralColorSwap=e,exports.resetButtonStyle=r,exports.resolveColorWithNeutral=(r,t)=>"neutral"===t?e(r):r.colors[t];
+`,r=e=>({darker:e.colors.grayscaleNeutral.dark1,dark:e.colors.grayscaleNeutral.dark1,mainAlt:e.colors.grayscaleToned.dark1,main:e.colors.grayscaleToned.dark1,light:e.colors.grayscaleToned.light1,lighter:e.colors.grayscaleToned.light2,lighter2:e.colors.grayscaleToned.light3,lighter3:e.colors.grayscaleToned.light4}),t=["darker","dark","mainAlt","main","light","lighter","lighter2","lighter3"];exports.getDarkerShade=e=>{const r=t.indexOf(e);return r>0?t[r-1]:e},exports.getLighterShade=e=>{const r=t.indexOf(e);return r>=0&&r<t.length-1?t[r+1]:e},exports.getLuminosity=e=>{let r=0,t=0,a=0;return 4===e.length?(r=parseInt("0x"+e[1]+e[1]),t=parseInt("0x"+e[2]+e[2]),a=parseInt("0x"+e[3]+e[3])):7===e.length&&(r=parseInt("0x"+e[1]+e[2]),t=parseInt("0x"+e[3]+e[4]),a=parseInt("0x"+e[5]+e[6])),(Math.max(Number(r/255),Number(t/255),Number(a/255))+Math.min(Number(r/255),Number(t/255),Number(a/255)))/2*100},exports.hexToRGB=(e,r=1)=>`rgba(${parseInt(e.slice(1,3),16)}, ${parseInt(e.slice(3,5),16)}, ${parseInt(e.slice(5,7),16)}, ${r})`,exports.neutralColorSwap=r,exports.resetButtonStyle=e,exports.resolveColorWithNeutral=(e,t)=>"neutral"===t?r(e):e.colors[t];

package/esm/components/Badge/index.js

@@ -1,6 +1,6 @@
 import{jsx as e}from"react/jsx-runtime";import r from"styled-components";import n from"../../theme.js";const a=r.div`
   border-radius: 0.75rem;
-  background: ${n.colors.secondary.main};
+  background: ${n.colors.secondary.mainAlt};
   display: inline-flex;
   align-items: center;
   justify-content: center;

package/esm/components/Breadcrumbs/BreadcrumbsItem.js

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

package/esm/components/Button/index.js

@@ -1,4 +1,4 @@
-import{jsx as l,jsxs as W,Fragment as w}from"react/jsx-runtime";import p,{forwardRef as B}from"react";import t,{css as g}from"styled-components";import $ from"../../theme.js";import R from"../Spinner/index.js";import{BasicButtonFontStyle as j,ButtonRegularTextStyle as k}from"../../typography/ButtonText/index.js";import{fontSizes as T,smallSizeStyles as A,regularSizeStyles as C,largeSizeStyles as E,disabledColorStyles as F,colorStyles as V}from"./styles.js";import"../../utils/utils.js";const c=0,D=t.button`
+import{jsx as l,jsxs as W,Fragment as w}from"react/jsx-runtime";import p,{forwardRef as B}from"react";import t,{css as g}from"styled-components";import $ from"../../theme.js";import R from"../Spinner/index.js";import{BasicButtonFontStyle as j,ButtonRegularTextStyle as k}from"../../typography/ButtonText/index.js";import{fontSizes as T,smallSizeStyles as A,regularSizeStyles as C,largeSizeStyles as E,disabledColorStyles as F,colorStyles as V}from"./styles.js";import"../../utils/utils.js";const m=0,D=t.button`
   ${j}
   box-sizing: border-box;
   outline: none;
@@ -25,7 +25,7 @@ import{jsx as l,jsxs as W,Fragment as w}from"react/jsx-runtime";import p,{forwar
     background-color 0.3s ease,
     border 0.3s ease,
     filter 0.3s;
-  ${({$variant:e="solid",$color:i,$colorShade:s="main",disabled:n,theme:a})=>g`
+  ${({$variant:e="solid",$color:i,$colorShade:s,disabled:n,theme:a})=>g`
     ${n?F(a,e):V[e]({theme:a,$color:i,$colorShade:s,$variant:e})}
   `}
   &:focus-visible {
@@ -37,9 +37,9 @@ import{jsx as l,jsxs as W,Fragment as w}from"react/jsx-runtime";import p,{forwar
   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})=>M[e]};
-  opacity: ${({isLoading:e})=>e?c:1};
+  opacity: ${({isLoading:e})=>e?m:1};
 `,N=t(R)`
   position: absolute;
 `,O=t.span`
-  opacity: ${({isLoading:e})=>e?c:1};
-`,q={small:1,regular:1.25,large:1.5},f=B(({size:e="regular",color:i,colorShade:s="mainAlt",variant:n="solid",fullWidth:a=!1,isDisabled:x=!1,isLoading:r=!1,children:b,sufixIcon:d,prefixIcon:m,minWidth:z,as:S="button",noRadius:L=!1,...v},I)=>l(D,{...v,as:S,minWidth:z,$color:i,$colorShade:s,disabled:x||r,fullWidth:a,theme:$,$variant:n,$size:e,isLoading:r,ref:I,prefixIcon:m,sufixIcon:d,$noRadius:L,children:W(w,{children:[m&&l(y,{size:e,type:"prefix",isLoading:r,children:m}),((o,u)=>typeof o=="string"||typeof o=="number"?l(O,{isLoading:u,children:o}):p.isValidElement(o)?p.cloneElement(o,{style:{...o.props.style,opacity:u?c:1}}):o)(b,r),d&&l(y,{size:e,type:"sufix",isLoading:r,children:d}),r&&l(N,{customColor:$.colors.grayscaleToned.light1,size:q[e]})]})}));f.displayName="Button";export{f as Button,f as default};
+  opacity: ${({isLoading:e})=>e?m:1};
+`,q={small:1,regular:1.25,large:1.5},f=B(({size:e="regular",color:i,colorShade:s="mainAlt",variant:n="solid",fullWidth:a=!1,isDisabled:x=!1,isLoading:r=!1,children:b,sufixIcon:d,prefixIcon:c,minWidth:z,as:S="button",noRadius:L=!1,...v},I)=>l(D,{...v,as:S,minWidth:z,$color:i,$colorShade:s,disabled:x||r,fullWidth:a,theme:$,$variant:n,$size:e,isLoading:r,ref:I,prefixIcon:c,sufixIcon:d,$noRadius:L,children:W(w,{children:[c&&l(y,{size:e,type:"prefix",isLoading:r,children:c}),((o,u)=>typeof o=="string"||typeof o=="number"?l(O,{isLoading:u,children:o}):p.isValidElement(o)?p.cloneElement(o,{style:{...o.props.style,opacity:u?m:1}}):o)(b,r),d&&l(y,{size:e,type:"sufix",isLoading:r,children:d}),r&&l(N,{customColor:$.colors.grayscaleToned.light1,size:q[e]})]})}));f.displayName="Button";export{f as Button,f as default};

package/esm/components/Button/styles.js

@@ -1,52 +1,52 @@
-import{ButtonLargeTextStyle as n,ButtonRegularTextStyle as c,ButtonSmallTextStyle as s}from"../../typography/ButtonText/index.js";import{resolveColorWithNeutral as t}from"../../utils/utils.js";import"react/jsx-runtime";import"styled-components";const d={small:s,regular:c,large:n},g=()=>`
+import{ButtonLargeTextStyle as d,ButtonRegularTextStyle as g,ButtonSmallTextStyle as h}from"../../typography/ButtonText/index.js";import{resolveColorWithNeutral as t,getDarkerShade as c,getLighterShade as s}from"../../utils/utils.js";import"react/jsx-runtime";import"styled-components";const m={small:h,regular:g,large:d},$=()=>`
   padding: 0.25rem 0.75rem;
   min-height: 2.5rem;
-`,m=()=>`
+`,u=()=>`
   padding: 0.25rem 1.5rem;
   min-height: 3rem;
-`,h=()=>`
+`,S=()=>`
   padding: 0.25rem 1.5rem;
   min-height: 3.75rem;
-`,$=({theme:r,$color:e,$colorShade:o})=>{const l=t(r,e),a=e==="neutral"?l.mainAlt:r.colors[e][o];return`
+`,p=({theme:r,$color:l,$colorShade:e})=>{const o=t(r,l);return`
   color: ${r.colors.text.light};
-  background-color: ${a};
+  background-color: ${o[e]};
 
   &:hover {
-    border-color: ${l.dark};
+    border-color: ${o[c(e)]};
     filter: brightness(0.9)
   }
 
   &:active {
-    border-color: ${l.light};
+    border-color: ${o[s(e)]};
     filter: brightness(1.1)
   }
-`},u=({theme:r,$color:e})=>{const o=t(r,e);return`
-  color: ${o.mainAlt};
-  border: 2px solid ${o.mainAlt};
+`},b=({theme:r,$color:l,$colorShade:e})=>{const o=t(r,l),i=c(e),n=s(e);return`
+  color: ${o[e]};
+  border: 2px solid ${o[e]};
   background-color: transparent;
 
   &:hover {
-      border: 2px solid ${o.dark};
-      color: ${o.dark};
+      border: 2px solid ${o[i]};
+      color: ${o[i]};
   }
 
   &:active {
-    border: 2px solid ${o.light};
-    color: ${o.light};
+    border: 2px solid ${o[n]};
+    color: ${o[n]};
   }
-`},p=({theme:r,$color:e})=>{const o=t(r,e);return`
-  color: ${o.mainAlt};
+`},y=({theme:r,$color:l,$colorShade:e})=>{const o=t(r,l);return`
+  color: ${o[e]};
 
   background-color: transparent;
 
   &:hover, &:active {
-    color: ${o.dark};
+    color: ${o[c(e)]};
   }
-`},i=r=>`
+`},a=r=>`
   color: ${r.colors.grayscaleToned.light1};
   cursor: not-allowed;
-`,S=(r,e)=>e==="solid"?`
-    ${i(r)};
-    background-color: ${r.colors.grayscaleToned.light4};`:e==="outline"?`
-    ${i(r)};
-    border: 2px solid ${r.colors.grayscaleToned.light1};`:i(r),b={solid:$,outline:u,flat:p};export{b as colorStyles,S as disabledColorStyles,d as fontSizes,h as largeSizeStyles,m as regularSizeStyles,g as smallSizeStyles};
+`,x=(r,l)=>l==="solid"?`
+    ${a(r)};
+    background-color: ${r.colors.grayscaleToned.light4};`:l==="outline"?`
+    ${a(r)};
+    border: 2px solid ${r.colors.grayscaleToned.light1};`:a(r),v={solid:p,outline:b,flat:y};export{v as colorStyles,x as disabledColorStyles,m as fontSizes,S as largeSizeStyles,u as regularSizeStyles,$ as smallSizeStyles};