@kvdbil/components 17.2.3 → 17.3.1

package/README.md

@@ -47,6 +47,9 @@ When adding new icons:
 
 ## Outdated dependencies
 
-- @types/react, @types/react-dom, react, react-dom, react-is - Waiting for React 19
+- @types/react, @types/react-dom, react, react-dom, react-is - Big task (KVDBIL-5523)
 - react-day-picker - quite a big task (KVDBIL-3865)
-- eslint-plugin-mdx - depends on packages that uses cjs and not esm
+- eslint-plugin-mdx - depends on packages that uses cjs and not esm
+- storybook, @storybook/addon-themes, @storybook/react, @storybook/react-webpack5 - Big task (KVDBIL-6647)
+- jest, jest-watch-typeahead, @types/jest - KVDBIL-6648
+- react-router, react-router-dom - KVDBIL-6650

package/cjs/components/Accordion/index.js

@@ -1,4 +1,4 @@
-"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"),s=require("../../icons/components/ArrowDownIcon.js"),a=require("../../shared/helpers.js");var i,l=(i=r)&&i.__esModule?i:{default:i};const d=l.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"),s=require("../../shared/media-queries.js"),i=require("../../icons/components/ArrowDownIcon.js"),n=require("../../hooks/useNameAndId.js");require("../../shared/helpers.js");var a,l=(a=r)&&a.__esModule?a:{default:a};const d=l.default.div`
   display: flex;
   flex-direction: column;
   .ReactCollapse--collapse {
@@ -41,11 +41,11 @@
   font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
   line-height: 1.3;
   transition: 200ms ease-in-out;
-  ${n.mq("tablet")} {
+  ${s.mq("tablet")} {
     padding: 0;
   }
   & > * {
     margin-top: 0;
     margin-bottom: 0;
   }
-`,g=({items:r,...n})=>{const[i,l]=t.useState({}),g=t.useRef(a.generateNameHash("accordion")),y=e=>{l((t=>({...t,[e]:!t[e]})))},x=e=>()=>{y(e)},$=e=>t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),y(e))};return e.jsx(d,{...n,children:e.jsx(c,{className:"accordionList",children:r.map(((t,r)=>{const n=!!i[r],a=`${g.current}-${r}-header`,l=`${g.current}-${r}-content`;return e.jsxs(p,{isOpen:n,className:"accordionItem",children:[e.jsxs(m,{id:a,onClick:x(r),onKeyDown:$(r),className:"accordionItemTitle",role:"button",tabIndex:0,"aria-expanded":n,"aria-controls":l,children:[e.jsx(h,{as:"span",children:t.title}),e.jsx(u,{isOpen:n,children:e.jsx(s.default,{})})]}),e.jsx(o.UnmountClosed,{isOpened:n,children:e.jsx(f,{id:l,"aria-labelledby":a,role:"region",className:"wysiwyg",dangerouslySetInnerHTML:{__html:t.text}})},r)]},t.title)}))})})};exports.Accordion=g,exports.default=g;
+`,y=({items:r,...s})=>{const[a,l]=t.useState({}),{id:y}=n.useNameAndId("accordion"),g=e=>{l((t=>({...t,[e]:!t[e]})))},x=e=>()=>{g(e)},$=e=>t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),g(e))};return e.jsx(d,{...s,children:e.jsx(c,{className:"accordionList",children:r.map(((t,r)=>{const s=!!a[r],n=`${y}-${r}-header`,l=`${y}-${r}-content`;return e.jsxs(p,{isOpen:s,className:"accordionItem",children:[e.jsxs(m,{id:n,onClick:x(r),onKeyDown:$(r),className:"accordionItemTitle",role:"button",tabIndex:0,"aria-expanded":s,"aria-controls":l,children:[e.jsx(h,{as:"span",children:t.title}),e.jsx(u,{isOpen:s,children:e.jsx(i.default,{})})]}),e.jsx(o.UnmountClosed,{isOpened:s,children:e.jsx(f,{id:l,"aria-labelledby":n,role:"region",className:"wysiwyg",dangerouslySetInnerHTML:{__html:t.text}})},r)]},t.title)}))})})};exports.Accordion=y,exports.default=y;

package/cjs/components/Breadcrumbs/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react/jsx-runtime"),s=require("react"),a=require("styled-components"),t=require("./BreadcrumbsItem.js"),n=require("../../icons/components/NextIcon.js"),i=require("../../shared/helpers.js");require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");const u=((e=a)&&e.__esModule?e:{default:e}).default.ol`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react/jsx-runtime"),s=require("styled-components"),a=require("./BreadcrumbsItem.js"),t=require("../../icons/components/NextIcon.js"),d=require("../../hooks/useNameAndId.js");require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js"),require("react"),require("../../shared/helpers.js");const i=((e=s)&&e.__esModule?e:{default:e}).default.ol`
   display: flex;
   align-items: center;
   padding: 0;
   white-space: nowrap;
   overflow: hidden;
-`;exports.default=({links:e,separator:a=r.jsx(n.default,{}),onlyLastTruncated:d=!1})=>{const l=s.useRef(i.generateNameHash("breadcrumb"));return r.jsx("nav",{"aria-label":"Breadcrumb",id:l.current,children:r.jsx(u,{children:e.map(((s,n)=>r.jsx(t.default,{link:s,separator:a,isLast:n===e.length-1,onlyLastTruncated:d},`${l.current}-${n}`)))})})};
+`;exports.default=({links:e,separator:s=r.jsx(t.default,{}),onlyLastTruncated:n=!1})=>{const{id:u}=d.useNameAndId("breadcrumb");return r.jsx("nav",{"aria-label":"Breadcrumb",id:u,children:r.jsx(i,{children:e.map(((t,d)=>r.jsx(a.default,{link:t,separator:s,isLast:d===e.length-1,onlyLastTruncated:n},`${u}-${d}`)))})})};

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"),o=require("../../icons/components/CheckmarkIcon.js"),s=require("../../shared/helpers.js"),i=require("../../theme.js"),a=require("../../typography/BodyText/index.js"),l=require("../IconButton.js");require("../../shared/media-queries.js"),require("../../utils/utils.js");var d,t=(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"),o=require("../../icons/components/CheckmarkIcon.js"),s=require("../../theme.js"),i=require("../../typography/BodyText/index.js"),a=require("../IconButton.js"),d=require("../../hooks/useNameAndId.js");require("../../shared/media-queries.js"),require("../../utils/utils.js"),require("react"),require("../../shared/helpers.js");var t,l=(t=r)&&t.__esModule?t:{default:t};const c={regular:r.css`
   width: 24px;
   height: 24px;
 
@@ -16,18 +16,18 @@
   }
 `},n=r.css`
   cursor: default;
-  border: 2px solid ${i.default.colors.grayscaleToned.light2};
-`,h=r.css`
-  background: ${i.default.colors.grayscaleToned.light2};
-  z-index: 1;
+  border: 2px solid ${s.default.colors.grayscaleToned.light2};
 `,u=r.css`
-  border: 2px solid ${i.default.colors.error.dark};
-`,x=t.default.div`
+  background: ${s.default.colors.grayscaleToned.light2};
+  z-index: 1;
+`,h=r.css`
+  border: 2px solid ${s.default.colors.error.dark};
+`,x=l.default.div`
   display: flex;
   align-items: flex-start;
   box-sizing: border-box;
   position: relative;
-`,p=t.default.input.attrs({type:"checkbox"})`
+`,p=l.default.input.attrs({type:"checkbox"})`
   position: absolute;
   appearance: none;
   width: 100%;
@@ -42,9 +42,12 @@
   &:hover,
   &:focus {
     transition: background-color 400ms;
-    ${l.BackgroundStyles}
+    ${a.BackgroundStyles}
+  }
+  &:focus-visible {
+    outline: revert;
   }
-`,b=t.default.span`
+`,b=l.default.span`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -53,7 +56,7 @@
   justify-content: center;
   z-index: 0;
 
-  border: 2px solid ${i.default.colors.grayscaleToned.dark5};
+  border: 2px solid ${s.default.colors.grayscaleToned.dark5};
 
   ${e=>c[e.size]};
 
@@ -70,16 +73,16 @@
   :hover {
   }
 
-  background: ${i.default.colors[e][o]};
-  border: 2px solid ${i.default.colors[e][o]};
+  background: ${s.default.colors[e][o]};
+  border: 2px solid ${s.default.colors[e][o]};
 `)(e.$color,e.$colorShade)};
   ${e=>e.isDisabled&&n};
-  ${e=>e.hasError&&u};
-  ${e=>e.isChecked&&e.isDisabled&&h};
-`,g=t.default(a.BodyText)`
+  ${e=>e.hasError&&h};
+  ${e=>e.isChecked&&e.isDisabled&&u};
+`,g=l.default(i.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=s.generateNameHash("check-box"),isDisabled:i=!1,size:a="regular",checked:l=!1,color:d="secondary",colorShade:t="mainAlt",hasError:c=!1,label:n,...h})=>e.jsxs(x,{children:[e.jsx(p,{...h,type:"checkbox",checked:l,"data-validate":"checked",name:r,id:r,$color:d,$colorShade:t,disabled:i,isDisabled:i,boxSize:a,"aria-label":n?void 0:r,"aria-checked":l,"aria-invalid":c||void 0}),e.jsx(b,{size:a,$color:d,$colorShade:t,isChecked:l,isDisabled:i,hasError:c,children:e.jsx(o.default,{})}),n&&e.jsx(g,{as:"label",htmlFor:r,isDisabled:i,children:n})]});exports.CheckBox=f,exports.default=f;
+`,f=({name:r,isDisabled:s=!1,size:i="regular",checked:a=!1,color:t="secondary",colorShade:l="mainAlt",hasError:c=!1,label:n,...u})=>{const{name:h,id:f}=d.useNameAndId("check-box",r);return e.jsxs(x,{children:[e.jsx(p,{...u,type:"checkbox",checked:a,"data-validate":"checked",name:h,id:f,$color:t,$colorShade:l,disabled:s,isDisabled:s,boxSize:i,"aria-label":n?void 0:h,"aria-checked":a,"aria-invalid":c||void 0}),e.jsx(b,{size:i,$color:t,$colorShade:l,isChecked:a,isDisabled:s,hasError:c,children:e.jsx(o.default,{})}),n&&e.jsx(g,{as:"label",htmlFor:f,isDisabled:s,children:n})]})};exports.CheckBox=f,exports.default=f;

package/cjs/components/EditRow/index.js

@@ -1,4 +1,4 @@
-"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`
+"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("../../hooks/useNameAndId.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.grayscaleToned.light5};
 `,c=d.default.form`
@@ -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: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})]})]})]})};
+`;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:k="secondary",isInitialEditing:E})=>{const[F,D]=t.useState(r),[_,I]=t.useState(r),[L,M]=t.useState(!!E),P="string"==typeof F,$=w&&P?w?.(F):F,A=P?$:F.join(", "),N=F.length>0;t.useEffect((()=>s?.(L)),[s,L]);const O=()=>{L?D(_):I(F),M((e=>!e))};return e.jsxs(u,{children:[!L&&e.jsxs(e.Fragment,{children:[e.jsx(m,{children:i}),N&&e.jsx(p,{children:A}),!N&&e.jsx(g,{children:B}),e.jsx(n.Button,{variant:"flat",color:k,onClick:O,isDisabled:v,children:b})]}),L&&e.jsxs(c,{onSubmit:e=>{e.preventDefault(),l?.(F),M(!1)},children:[e.jsx(m,{children:i}),P&&e.jsx(x,{...a,autoFocus:!0,value:F,label:i,onChange:e=>D(e.target.value)}),!P&&e.jsx(y,{children:o.map((t=>e.jsx(q,{color:k,onClick:e=>{e.preventDefault(),(e=>{if("object"!=typeof F)throw new Error("Cannot toggle chip on other than array");if(S)return F.includes(e)&&d?void D([]):void D([e]);if(F.includes(e)){const t=F.filter((t=>t!==e));D(t)}else D((t=>[...t,e]))})(t)},variant:F.includes(t)?"solid":"outline",children:t},t)))}),e.jsxs(f,{children:[e.jsx(j,{type:"button",variant:"flat",color:"neutral",onClick:O,children:T}),e.jsx(h,{type:"submit",color:k,children:C})]})]})]})};

package/cjs/components/Modal/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("react-transition-group"),n=require("styled-components"),r=require("../../icons/components/CloseIcon.js"),a=require("../../utils/utils.js"),s=require("../FocusTrap.js");var d,l=(d=n)&&d.__esModule?d:{default:d};const c=n.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("react-transition-group"),n=require("styled-components"),r=require("../../icons/components/CloseIcon.js"),a=require("../../utils/utils.js"),s=require("../FocusTrap.js");var d,l=(d=n)&&d.__esModule?d:{default:d};const u=n.css`
   .backgroundTransition-enter {
     opacity: 0;
   }
@@ -16,14 +16,15 @@
     opacity: 0;
     transition: opacity 0.25s ease-in-out;
   }
-`,u=l.default.div`
-  ${c}
+`,c=l.default.div`
+  ${u}
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 200;
+  pointer-events: none;
 `,p=l.default.div`
   width: 100%;
   height: 100%;
@@ -36,6 +37,7 @@
   width: 100%;
   height: 100%;
   background-color: rgba(34, 34, 34, 0.3);
+  pointer-events: auto;
 `,b=l.default.div`
   position: relative;
   overflow-y: auto;
@@ -51,6 +53,7 @@
   margin: 1rem;
   width: 80vw;
   max-width: 512px;
+  pointer-events: auto;
 `,w=l.default.button`
   ${a.resetButtonStyle}
   display: flex;
@@ -74,5 +77,5 @@
     ${typeof window<"u"&&window.innerWidth>1024&&"\n        padding-right: 15px !important;\n    "}
   }
 `,h=n.createGlobalStyle`
-  ${c}
-`,y=({children:n,isOpen:a,contentStyles:d,withPortal:l=!1,withCloseIcon:c=!0,onClose:y,focusTrapProps:f={},...m})=>{t.useEffect((()=>{const e=e=>{"Escape"===e.key&&a&&y()};return a&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[y,a]);const v=!!(typeof window<"u"&&window.document&&window.document.createElement),j=e.jsx(o.CSSTransition,{in:a,mountOnEnter:!0,unmountOnExit:!0,timeout:400,classNames:"backgroundTransition",children:e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsxs(u,{...m,children:[e.jsx(x,{"data-testid":"background",onClick:y}),e.jsx(s.FocusTrap,{pause:!a,...f,children:e.jsx(p,{children:e.jsxs(b,{style:d,role:"dialog","aria-modal":"true","aria-labelledby":"modal-title",children:[c&&e.jsx(w,{onClick:y,"data-testid":"close",type:"button","aria-label":"Close dialog",children:e.jsx(r.default,{})}),n]})})}),e.jsx(g,{})]})]})});return l&&v?i.createPortal(j,document.body):j};exports.Modal=y,exports.default=y;
+  ${u}
+`,y=({children:n,isOpen:a,contentStyles:d,withPortal:l=!1,withCloseIcon:u=!0,onClose:y,focusTrapProps:f={},...m})=>{t.useEffect((()=>{const e=e=>{"Escape"===e.key&&a&&y()};return a&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[y,a]);const v=!!(typeof window<"u"&&window.document&&window.document.createElement),j=e.jsx(o.CSSTransition,{in:a,mountOnEnter:!0,unmountOnExit:!0,timeout:400,classNames:"backgroundTransition",children:e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsxs(c,{...m,children:[e.jsx(x,{"data-testid":"background",onClick:y}),e.jsx(s.FocusTrap,{pause:!a,...f,children:e.jsx(p,{children:e.jsxs(b,{style:d,role:"dialog","aria-modal":"true","aria-labelledby":"modal-title",children:[u&&e.jsx(w,{onClick:y,"data-testid":"close",type:"button","aria-label":"Close dialog",children:e.jsx(r.default,{})}),n]})})}),e.jsx(g,{})]})]})});return l&&v?i.createPortal(j,document.body):j};exports.Modal=y,exports.default=y;

package/cjs/components/RadioButton/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("../../shared/helpers.js"),s=require("../../theme.js"),i=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 t={regular:r.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),s=require("../../theme.js"),o=require("../../typography/BodyText/index.js"),i=require("../IconButton.js"),a=require("../../hooks/useNameAndId.js");require("../../shared/media-queries.js"),require("../../utils/utils.js"),require("react"),require("../../shared/helpers.js");var l,d=(l=r)&&l.__esModule?l:{default:l};const t={regular:r.css`
   .circle {
     &--outer {
       height: 24px;
@@ -77,7 +77,7 @@
   &:focus {
     border-radius: 50%;
     transition: background-color 400ms;
-    ${a.BackgroundStyles}
+    ${i.BackgroundStyles}
   }
 `,b=d.default.input`
   position: absolute;
@@ -102,9 +102,9 @@
   position: absolute;
   top: 0;
   left: 0;
-`,f=d.default(i.BodyText)`
+`,f=d.default(o.BodyText)`
   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;
-`,g=({name:r=o.generateNameHash("radio-button"),size:s="regular",checked:i=!1,isDisabled:a=!1,color:l="secondary",colorShade:d="mainAlt",label:t,hasError:c,...n})=>e.jsxs(u,{children:[e.jsxs(h,{size:s,$color:l,$colorShade:d,isChecked:i,isDisabled:a,$hasError:c,children:[e.jsx(b,{"data-validate":"checked",checked:i,type:"radio",name:r,id:r,disabled:a,"aria-label":t?void 0:r,"aria-checked":i,"aria-invalid":c||void 0,className:"circle circle--outer",$size:s,isDisabled:a,$color:l,$colorShade:d,...n}),e.jsx(p,{className:"circle circle--outer",$hasError:c,children:e.jsx(x,{className:"circle circle--inner"})})]}),t&&e.jsx(f,{as:"label",htmlFor:r,isDisabled:a,children:t})]});exports.RadioButton=g,exports.default=g;
+`,g=({name:r,size:s="regular",checked:o=!1,isDisabled:i=!1,color:l="secondary",colorShade:d="mainAlt",label:t,hasError:c,...n})=>{const{name:g,id:$}=a.useNameAndId("radio-button",r);return e.jsxs(u,{children:[e.jsxs(h,{size:s,$color:l,$colorShade:d,isChecked:o,isDisabled:i,$hasError:c,children:[e.jsx(b,{"data-validate":"checked",checked:o,type:"radio",name:g,id:$,disabled:i,"aria-label":t?void 0:g,"aria-checked":o,"aria-invalid":c||void 0,className:"circle circle--outer",$size:s,isDisabled:i,$color:l,$colorShade:d,...n}),e.jsx(p,{className:"circle circle--outer",$hasError:c,children:e.jsx(x,{className:"circle circle--inner"})})]}),t&&e.jsx(f,{as:"label",htmlFor:$,isDisabled:i,children:t})]})};exports.RadioButton=g,exports.default=g;

package/cjs/components/Stepper/index.js

@@ -1,9 +1,9 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),r=require("styled-components"),o=require("../../typography/Heading/index.js"),t=require("../../icons/components/CheckmarkIcon.js"),l=require("../../shared/helpers.js");require("../../shared/media-queries.js");var s,a=(s=r)&&s.__esModule?s:{default:s};const n=a.default.div`
+"use strict";var e=require("react/jsx-runtime"),i=require("styled-components"),r=require("../../typography/Heading/index.js"),o=require("../../icons/components/CheckmarkIcon.js"),t=require("../../hooks/useNameAndId.js");require("../../shared/media-queries.js"),require("react"),require("../../shared/helpers.js");var l,s=(l=i)&&l.__esModule?l:{default:l};const a=s.default.div`
   display: flex;
   flex-direction: ${({isHorizontal:e})=>e?"row":"column"};
   min-height: 4rem;
   margin: 0 auto;
-`,c=a.default.div`
+`,n=s.default.div`
   display: flex;
   flex-direction: ${({isHorizontal:e})=>e?"column":"row"};
   column-gap: 0.75rem;
@@ -34,7 +34,7 @@
     height: ${({isHorizontal:e,$size:i})=>e?"2px":`calc(50% - ${i/2}rem)`};
     background: ${({theme:e,$color:i,$colorShade:r})=>e.colors[i][r]};
   }
-`,d=a.default.div``,$=a.default.div`
+`,c=s.default.div``,d=s.default.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -45,9 +45,9 @@
     ${({theme:e,$color:i,$colorShade:r})=>e.colors[i][r]};
   color: ${({theme:e,isFilled:i})=>i?e.colors.text.light:e.colors.text.dark};
   ${({theme:e,isFilled:i,$color:r,$colorShade:o})=>i&&`\n    background-color: ${e.colors[r][o]};\n  `}
-`,p=a.default(o.TinyTitleRegular)`
+`,$=s.default(r.TinyTitleRegular)`
   font-size: ${({size:e})=>e/2+"rem"};
   line-height: 1;
-`,h=a.default(t.default)`
+`,p=s.default(o.default)`
   font-size: ${({size:e})=>`calc(${e/2}rem + 6px)`};
-`;exports.Stepper=({children:r,orientation:o="vertical",variant:t="solid",color:s="primary",colorShade:a="mainAlt",size:m=2,activeStep:u,ariaLabels:z={},...x})=>{const g=r.length,f="horizontal"===o,H=i.useRef(l.generateNameHash("stepper"));return e.jsx(n,{isHorizontal:f,...x,role:"list","aria-Label":z?.list??"Step progress",children:r.map(((i,r)=>{const o=u&&r<u,l=o||"solid"===t;return e.jsxs(c,{$color:s,$colorShade:a,$size:m,stepsNumber:g,isHorizontal:f,role:"listitem","aria-disabled":o?"true":void 0,"aria-current":u===r?"step":void 0,"aria-Label":(void 0===u?`${z?.step??"Step %s"}`:`${z?.stepUpcoming??"Upcoming step, step %s"}`).replaceAll("%s",String(r+1)),children:[e.jsx(d,{children:e.jsx($,{$color:s,$colorShade:a,isFilled:l,size:m,role:"img",children:o?e.jsx(h,{size:m,"aria-hidden":"true"}):e.jsx(p,{as:"span",size:m,"aria-hidden":"true",children:r+1})})}),i]},`${H}-${r}`)}))})};
+`;exports.Stepper=({children:i,orientation:r="vertical",variant:o="solid",color:l="primary",colorShade:s="mainAlt",size:h=2,activeStep:m,ariaLabels:u={},...z})=>{const x=i.length,g="horizontal"===r,{id:f}=t.useNameAndId("stepper");return e.jsx(a,{isHorizontal:g,...z,role:"list","aria-Label":u?.list??"Step progress",children:i.map(((i,r)=>{const t=m&&r<m,a=t||"solid"===o;return e.jsxs(n,{$color:l,$colorShade:s,$size:h,stepsNumber:x,isHorizontal:g,role:"listitem","aria-disabled":t?"true":void 0,"aria-current":m===r?"step":void 0,"aria-Label":(void 0===m?`${u?.step??"Step %s"}`:`${u?.stepUpcoming??"Upcoming step, step %s"}`).replaceAll("%s",String(r+1)),children:[e.jsx(c,{children:e.jsx(d,{$color:l,$colorShade:s,isFilled:a,size:h,role:"img",children:t?e.jsx(p,{size:h,"aria-hidden":"true"}):e.jsx($,{as:"span",size:h,"aria-hidden":"true",children:r+1})})}),i]},`${f}-${r}`)}))})};

package/cjs/components/StepperAccordion/index.js

@@ -1,26 +1,26 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("../../theme.js"),i=require("../../typography/Heading/index.js"),s=require("../../shared/helpers.js"),l=require("react-collapse"),a=require("../../icons/components/CheckmarkIcon.js"),n=require("../../icons/components/ShowMoreIcon.js");require("../../shared/media-queries.js");var d,c=(d=o)&&d.__esModule?d:{default:d};const u="200ms",f=c.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),i=require("../../theme.js"),t=require("../../typography/Heading/index.js"),s=require("../../shared/helpers.js"),l=require("react-collapse"),a=require("../../icons/components/CheckmarkIcon.js"),d=require("../../icons/components/ShowMoreIcon.js"),n=require("../../hooks/useNameAndId.js");require("../../shared/media-queries.js");var c,u=(c=o)&&c.__esModule?c:{default:c};const p="200ms",f=u.default.div`
   .ReactCollapse--collapse {
-    transition: height ${u} ease-in-out;
+    transition: height ${p} ease-in-out;
   }
-`,p=o.css`
+`,h=o.css`
   transform: rotate(-180deg);
-`,h=c.default.div`
+`,m=u.default.div`
   display: flex;
   align-items: center;
   height: 4rem;
 
-  color: ${e=>e.$isDisabled?t.default.colors.text.disabled:t.default.colors.text.dark};
-`,m=c.default(i.Title)`
+  color: ${e=>e.$isDisabled?i.default.colors.text.disabled:i.default.colors.text.dark};
+`,x=u.default(t.Title)`
   margin: 0;
-`,x=c.default(n.default)`
+`,$=u.default(d.default)`
   font-size: 2rem;
   margin-left: auto;
 
-  transition: ${u};
+  transition: ${p};
   transform: rotate(0deg);
   transform-origin: center;
-  ${e=>e.isExpanded&&p};
-`,$=c.default.div`
+  ${e=>e.isExpanded&&h};
+`,g=u.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   display: flex;
   align-items: center;
@@ -31,7 +31,7 @@
   width: 2rem;
   height: 2rem;
   border-radius: 2rem;
-  border: 2px solid ${e=>t.default.colors[e.$color][e.$colorShade]};
+  border: 2px solid ${e=>i.default.colors[e.$color][e.$colorShade]};
 
   svg {
     height: 1.5rem;
@@ -49,15 +49,15 @@
     margin-top: 0.1rem;
   }
 
-  transition: background-color ${u};
+  transition: background-color ${p};
   ${e=>e.isComplete&&((e,r)=>o.css`
   color: white;
-  background-color: ${t.default.colors[e][r]};
+  background-color: ${i.default.colors[e][r]};
 `)(e.$color,e.$colorShade)};
-  ${e=>e.isDisabled&&((e,r,i)=>o.css`
+  ${e=>e.isDisabled&&((e,r,t)=>o.css`
   fill: white;
-  border: 2px solid ${s.fadedColor(t.default.colors[r][i],.2)};
+  border: 2px solid ${s.fadedColor(i.default.colors[r][t],.2)};
 
-  ${e&&`\n      border: 2px solid ${s.fadedColor(t.default.colors[r][i],0)};\n      background-color: ${s.fadedColor(t.default.colors[r][i],.5)};\n    `}
+  ${e&&`\n      border: 2px solid ${s.fadedColor(i.default.colors[r][t],0)};\n      background-color: ${s.fadedColor(i.default.colors[r][t],.5)};\n    `}
 `)(e.isComplete,e.$color,e.$colorShade)};
-`,g=({step:o,isExpanded:t,isDisabled:i,isComplete:n,onClick:d,color:c,colorShade:u,title:p,children:g,closedChildren:b,...j})=>{const[y,C]=r.useState(t||!1),k=r.useRef(s.generateNameHash("stepper")),q=r.useCallback((()=>{i||C((e=>!e))}),[i]);r.useEffect((()=>{C(t||!1)}),[i,t]);const v=o||0===o,S=`${k.current}-header`,D=`${k.current}-content`;return e.jsxs(f,{children:[e.jsxs(h,{...j,id:S,onClick:e=>{i||(d||q)(e)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&!i&&(e.preventDefault(),q())},$isDisabled:i||!1,role:"button",tabIndex:0,"aria-expanded":y,"aria-controls":D,children:[v&&e.jsx($,{isComplete:n||!1,isDisabled:i||!1,$color:c||"primary",$colorShade:u||"main",children:n?e.jsx(a.default,{}):e.jsx("span",{children:o})}),e.jsx(m,{children:p}),e.jsx(x,{isExpanded:y})]}),e.jsx(l.Collapse,{isOpened:y,children:e.jsx("div",{id:D,role:"region","aria-labelledby":S,children:g})}),b&&b]})};exports.StepperAccordion=g,exports.default=g;
+`,b=({step:o,isExpanded:i,isDisabled:t,isComplete:s,onClick:d,color:c,colorShade:u,title:p,children:h,closedChildren:b,...j})=>{const[y,C]=r.useState(i||!1),{id:k}=n.useNameAndId("stepper"),q=r.useCallback((()=>{t||C((e=>!e))}),[t]);r.useEffect((()=>{C(i||!1)}),[t,i]);const v=o||0===o,S=`${k}-header`,D=`${k}-content`;return e.jsxs(f,{children:[e.jsxs(m,{...j,id:S,onClick:e=>{t||(d||q)(e)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&!t&&(e.preventDefault(),q())},$isDisabled:t||!1,role:"button",tabIndex:0,"aria-expanded":y,"aria-controls":D,children:[v&&e.jsx(g,{isComplete:s||!1,isDisabled:t||!1,$color:c||"primary",$colorShade:u||"main",children:s?e.jsx(a.default,{}):e.jsx("span",{children:o})}),e.jsx(x,{children:p}),e.jsx($,{isExpanded:y})]}),e.jsx(l.Collapse,{isOpened:y,children:e.jsx("div",{id:D,role:"region","aria-labelledby":S,children:h})}),b&&b]})};exports.StepperAccordion=b,exports.default=b;

package/cjs/components/TextArea/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("styled-components"),a=require("../../theme.js"),s=require("../FieldLabel.js"),o=require("../../typography/BodyText/index.js"),d=require("../../shared/helpers.js");require("../../shared/media-queries.js");var t,i=(t=l)&&t.__esModule?t:{default:t};const n=l.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("styled-components"),a=require("../../theme.js"),s=require("../FieldLabel.js"),d=require("../../typography/BodyText/index.js"),o=require("../../hooks/useNameAndId.js");require("../../shared/media-queries.js"),require("../../shared/helpers.js");var t,i=(t=l)&&t.__esModule?t:{default:t};const n=l.css`
   border: 1px solid ${a.default.colors.grayscaleToned.light1};
   color: ${a.default.colors.grayscaleToned.dark1};
   fill: ${a.default.colors.grayscaleToned.light1};
@@ -12,7 +12,7 @@
   position: relative;
   padding: 0;
   display: inline-block;
-`,f=i.default.div`
+`,x=i.default.div`
   display: inline-black;
 
   color: ${a.default.colors.grayscaleToned.light1};
@@ -28,8 +28,8 @@
   ${({disabled:e})=>e&&n}
   ${({hasError:e})=>e&&c}
   ${({centered:e})=>e&&"text-align: center;"}
-`,x=i.default.textarea`
-  ${o.BodyTextStyle}
+`,f=i.default.textarea`
+  ${d.BodyTextStyle}
 
   width: 100%;
   cursor: text;
@@ -41,14 +41,14 @@
 `,p=i.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
 `,$=i.default.div`
-  ${o.CaptionStyle}
+  ${d.CaptionStyle}
   margin-top: 0.25rem;
 
   ${({centered:e})=>e&&"width: 100%; text-align: center;"}
-`,b=i.default.span`
+`,m=i.default.span`
   display: block;
   color: ${({theme:e})=>e.colors.text.disabled};
-`,g=i.default.span`
+`,b=i.default.span`
   display: block;
   color: ${({theme:e})=>e.colors.error.dark};
-`,m=({placeholder:l="",isDisabled:o=!1,centered:t=!1,hasError:i=!1,className:n,helperText:c,label:u="",resize:m=!0,name:y,errors:j,...v})=>{const[k,T]=r.useState(!1),q=!!v.value,F=`${r.useRef(d.generateNameHash("textarea")).current}-${y}`,B=j?.map(((e,r)=>`${F}-error-${r}`))??[],E=[c?`${F}-helper`:null,...B].filter(Boolean).join(" ");return e.jsxs(h,{className:n,children:[e.jsxs(f,{isFocused:k,disabled:o,centered:t,hasError:i,hasPlaceholder:!!l,children:[e.jsx(x,{...v,id:F,name:y,"aria-label":u?void 0:y,"aria-describedby":E||void 0,"aria-invalid":!!j?.length,resize:m,onFocus:()=>T(!0),onBlur:()=>T(!1),disabled:o,tabIndex:o?-1:0,theme:a.default,placeholder:u&&!k?"":l}),v.suffix&&e.jsx(p,{children:v.suffix})]}),u&&e.jsx(s.Label,{htmlFor:F,isFocused:k,centered:t,hasError:i,hasValue:q,disabled:o,theme:a.default,children:e.jsxs(e.Fragment,{children:[u,e.jsx("span",{})]})}),(c||j)&&e.jsxs($,{centered:t,children:[c&&e.jsx(b,{id:`${F}-helper`,children:c}),j&&j.map(((r,l)=>e.jsx(g,{id:`${F}-error-${l}`,role:"alert","aria-live":"assertive",children:r},`${F}-error-${l}`)))]})]})};exports.TextArea=m,exports.default=m;
+`,g=({placeholder:l="",isDisabled:d=!1,centered:t=!1,hasError:i=!1,className:n,helperText:c,label:u="",resize:g=!0,name:y,errors:j,...k})=>{const[v,q]=r.useState(!1),T=!!k.value,{name:F,id:B}=o.useNameAndId("textarea",y),E=j?.map(((e,r)=>`${B}-error-${r}`))??[],z=[c?`${B}-helper`:null,...E].filter(Boolean).join(" ");return e.jsxs(h,{className:n,children:[e.jsxs(x,{isFocused:v,disabled:d,centered:t,hasError:i,hasPlaceholder:!!l,children:[e.jsx(f,{...k,id:B,name:F,"aria-label":u?void 0:F,"aria-describedby":z||void 0,"aria-invalid":!!j?.length,resize:g,onFocus:()=>q(!0),onBlur:()=>q(!1),disabled:d,tabIndex:d?-1:0,theme:a.default,placeholder:u&&!v?"":l}),k.suffix&&e.jsx(p,{children:k.suffix})]}),u&&e.jsx(s.Label,{htmlFor:B,isFocused:v,centered:t,hasError:i,hasValue:T,disabled:d,theme:a.default,children:e.jsxs(e.Fragment,{children:[u,e.jsx("span",{})]})}),(c||j)&&e.jsxs($,{centered:t,children:[c&&e.jsx(m,{id:`${B}-helper`,children:c}),j&&j.map(((r,l)=>e.jsx(b,{id:`${B}-error-${l}`,role:"alert","aria-live":"assertive",children:r},`${B}-error-${l}`)))]})]})};exports.TextArea=g,exports.default=g;

package/cjs/components/Textfield/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("styled-components"),s=require("../FieldLabel.js"),o=require("../../typography/BodyText/index.js"),a=require("../../shared/helpers.js");require("../../shared/media-queries.js");var t,d=(t=l)&&t.__esModule?t:{default:t};const i=l.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("styled-components"),o=require("../FieldLabel.js"),s=require("../../typography/BodyText/index.js"),a=require("../../hooks/useNameAndId.js");require("../../shared/media-queries.js"),require("../../shared/helpers.js");var d,t=(d=l)&&d.__esModule?d:{default:d};const i=l.css`
   border: 1px solid ${({theme:e})=>e.colors.grayscaleToned.light2};
   color: ${({theme:e})=>e.colors.text.disabled};
   fill: ${({theme:e})=>e.colors.text.disabled};
@@ -8,11 +8,11 @@
   border: 2px solid ${({theme:e})=>e.colors.grayscaleToned.dark5};
   color: ${({theme:e})=>e.colors.text.dark};
   fill: ${({theme:e})=>e.colors.text.dark};
-`,h=d.default.div`
+`,h=t.default.div`
   position: relative;
   padding: 0;
   display: block;
-`,u=d.default.div`
+`,u=t.default.div`
   display: flex;
   text-align: center;
   align-items: center;
@@ -30,8 +30,8 @@
   ${({disabled:e})=>e&&i}
   ${({hasError:e})=>e&&n}
   ${({centered:e})=>e&&"text-align: center;"}
-`,x=d.default.input`
-  ${o.BodyTextStyle}
+`,m=t.default.input`
+  ${s.BodyTextStyle}
   width: 100%;
   cursor: text;
   outline: none;
@@ -42,7 +42,7 @@
     color: ${({theme:e})=>e.colors.text.disabled};
     fill: ${({theme:e})=>e.colors.text.disabled};
   }
-`,m=d.default.span`
+`,x=t.default.span`
   display: flex;
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: 1.25rem;
@@ -52,15 +52,15 @@
     width: 1.375rem;
     height: 1.375rem;
   }
-`,p=d.default.div`
-  ${o.CaptionStyle}
+`,p=t.default.div`
+  ${s.CaptionStyle}
   margin-top: 0.25rem;
 
   ${({centered:e})=>e&&"width: 100%; text-align: center;"}
-`,b=d.default.span`
+`,b=t.default.span`
   display: block;
   color: ${({theme:e})=>e.colors.text.disabled};
-`,$=d.default.span`
+`,$=t.default.span`
   display: block;
   color: ${({theme:e})=>e.colors.error.dark};
-`,f=({placeholder:l="",isDisabled:o=!1,centered:t=!1,hasError:d=!1,className:i,helperText:n,label:c="",onBlur:f=(()=>null),onFocus:g=(()=>null),forwardRef:y,suffix:j,name:v=a.generateNameHash("text-input"),errors:k,isAutoFocused:F=!1,...q})=>{const[T,B]=r.useState(!1),E=!!q.value,w=k&&Array.isArray(k)&&k?.length>0,N=`${r.useRef(a.generateNameHash("text-input")).current}-${v}`,_=k?.map(((e,r)=>`${N}-error-${r}`))??[],A=[n?`${N}-helper`:null,..._].filter(Boolean).join(" ");return e.jsxs(h,{className:i,children:[e.jsxs(u,{isFocused:T,disabled:o,centered:t,hasError:d,hasPlaceholder:!!l,children:[e.jsx(x,{...q,id:N,name:v,"aria-labelledby":c?`${N}-label`:void 0,"aria-describedby":A||void 0,"aria-invalid":w||d,ref:y,onFocus:e=>{B(!0),g(e)},onBlur:e=>{B(!1),f(e)},disabled:o,placeholder:c&&!T?"":l,autoFocus:F}),j&&e.jsx(m,{children:j})]}),c&&e.jsx(s.Label,{id:`${N}-label`,htmlFor:N,isFocused:T,centered:t,hasError:d,hasValue:E,disabled:o,children:e.jsxs(e.Fragment,{children:[c,e.jsx("span",{})]})}),(n||w)&&e.jsxs(p,{centered:t,children:[n&&e.jsx(b,{id:`${N}-helper`,children:n}),w&&k.map(((r,l)=>e.jsx($,{id:`${N}-error-${l}`,role:"alert","aria-live":"assertive",children:r},`${N}-error-${l}`)))]})]})};exports.TextField=f,exports.default=f;
+`,f=({placeholder:l="",isDisabled:s=!1,centered:d=!1,hasError:t=!1,className:i,helperText:n,label:c="",onBlur:f=(()=>null),onFocus:g=(()=>null),forwardRef:y,suffix:j,name:v,errors:k,isAutoFocused:F=!1,...q})=>{const[T,B]=r.useState(!1),A=!!q.value,E=k&&Array.isArray(k)&&k?.length>0,{name:w,id:N}=a.useNameAndId("text-input",v),_=k?.map(((e,r)=>`${N}-error-${r}`))??[],S=[n?`${N}-helper`:null,..._].filter(Boolean).join(" ");return e.jsxs(h,{className:i,children:[e.jsxs(u,{isFocused:T,disabled:s,centered:d,hasError:t,hasPlaceholder:!!l,children:[e.jsx(m,{...q,id:N,name:w,"aria-labelledby":c?`${N}-label`:void 0,"aria-describedby":S||void 0,"aria-invalid":E||t,ref:y,onFocus:e=>{B(!0),g(e)},onBlur:e=>{B(!1),f(e)},disabled:s,placeholder:c&&!T?"":l,autoFocus:F}),j&&e.jsx(x,{children:j})]}),c&&e.jsx(o.Label,{id:`${N}-label`,htmlFor:N,isFocused:T,centered:d,hasError:t,hasValue:A,disabled:s,children:e.jsxs(e.Fragment,{children:[c,e.jsx("span",{})]})}),(n||E)&&e.jsxs(p,{centered:d,children:[n&&e.jsx(b,{id:`${N}-helper`,children:n}),E&&k.map(((r,l)=>e.jsx($,{id:`${N}-error-${l}`,role:"alert","aria-live":"assertive",children:r},`${N}-error-${l}`)))]})]})};exports.TextField=f,exports.default=f;

package/cjs/hooks/useNameAndId.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),r=require("../shared/helpers.js");exports.useNameAndId=(s,a)=>{const t=e.useRef(a??r.generateNameHash(s)),u=e.useRef(`${t.current}-${r.generateNameHash()}`);return{name:t.current,id:u.current}};

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

package/cjs/shared/helpers.js

@@ -1 +1 @@
-"use strict";exports.fadedColor=(e,t)=>{if(!/^#?([0-9A-F]{3}){1,2}$/i.test(e))return e;const r=e.match(e.length<=4?/\w/g:/\w\w/g);if(r){const e=r.map((e=>parseInt(e.length<2?`${e}${e}`:e,16)));if(e.every(Number.isInteger)){const[r,n,s]=e;return`rgba(${r}, ${n}, ${s}, ${t||1})`}}return e},exports.generateNameHash=e=>`${e}-${Math.random().toString(36).replace(/[^a-z]+/g,"").substr(2,10)}`;
+"use strict";exports.fadedColor=(e,t)=>{if(!/^#?([0-9A-F]{3}){1,2}$/i.test(e))return e;const r=e.match(e.length<=4?/\w/g:/\w\w/g);if(r){const e=r.map((e=>parseInt(e.length<2?`${e}${e}`:e,16)));if(e.every(Number.isInteger)){const[r,n,s]=e;return`rgba(${r}, ${n}, ${s}, ${t||1})`}}return e},exports.generateNameHash=e=>`${e?`${e}-`:""}${Math.random().toString(36).slice(2,12)}`;

package/cjs/utils/utils.js

@@ -6,4 +6,8 @@
   font-family: inherit;
   outline: none;
   padding: 0;
+
+  &:focus-visible {
+    outline: revert;
+  }
 `,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];