@kvdbil/components 14.3.4 → 14.3.6

package/cjs/components/Message/index.js

@@ -1,39 +1,31 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),f=require("react"),h=require("styled-components"),p=require("../../typography/Heading/index.js"),m=require("../../icons/components/AlertIcon.js"),j=require("../../icons/components/CheckCircleIcon.js"),k=require("../../icons/components/CloseIcon.js"),y=require("../../icons/components/InfoIcon.js"),b=require("../../icons/components/WarningIcon.js");function v(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../shared/media-queries.js");var l=v(h);const q=e=>{switch(e){case"success":return n.jsx(j.default,{});case"warning":return n.jsx(b.default,{});case"error":return n.jsx(m.default,{});default:return n.jsx(y.default,{})}},w=l.default.div`
-  ${({isDeleted:e})=>e&&`
-      opacity: 0;
-      transition: opacity 0.3s;
-    `}
-`,$=l.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),n=require("../../typography/Heading/index.js"),s=require("../../icons/components/AlertIcon.js"),o=require("../../icons/components/CheckCircleIcon.js"),i=require("../../icons/components/CloseIcon.js"),l=require("../../icons/components/InfoIcon.js"),c=require("../../icons/components/WarningIcon.js");require("../../shared/media-queries.js");var a,u=(a=t)&&a.__esModule?a:{default:a};const d=r=>{switch(r){case"success":return e.jsx(o.default,{});case"warning":return e.jsx(c.default,{});case"error":return e.jsx(s.default,{});default:return e.jsx(l.default,{})}},f=u.default.div`
+  ${({isDeleted:e})=>e&&"\n      opacity: 0;\n      transition: opacity 0.3s;\n    "}
+`,g=u.default.div`
   display: ${({fullWidth:e})=>e?"flex":"inline-flex"};
   ${({fullWidth:e})=>e&&"justify-content: space-between;"}
   align-items: center;
   padding: 0 1.5rem;
   box-shadow: ${({theme:e})=>e.elevations.elevation2};
 
-  ${({textCenter:e})=>e&&`
-      justify-content: center;
-    `}
+  ${({textCenter:e})=>e&&"\n      justify-content: center;\n    "}
 
-  ${({theme:e,messageType:a,inverted:o})=>{const{text:c,background:u}=((d,t,r)=>{const s=r.colors.text.dark,i=r.colors.background.light;switch(d){case"info":return{text:t?r.colors.info.dark:s,background:t?i:r.colors.info.lighter};case"success":return{text:t?r.colors.success.dark:s,background:t?i:r.colors.success.lighter};case"warning":return{text:t?r.colors.warning.dark:s,background:t?i:r.colors.warning.lighter};case"error":return{text:t?r.colors.error.dark:s,background:t?i:r.colors.error.lighter};default:return{text:t?r.colors.text.light:s,background:t?r.colors.background.dark:i}}})(a,o,e);return`
-      color: ${c};
-      background-color: ${u};
-    `}}
-`,C=l.default.div`
+  ${({theme:e,messageType:r,inverted:t})=>{const{text:n,background:s}=((e,r,t)=>{const n=t.colors.text.dark,s=t.colors.background.light;switch(e){case"info":return{text:r?t.colors.info.dark:n,background:r?s:t.colors.info.lighter};case"success":return{text:r?t.colors.success.dark:n,background:r?s:t.colors.success.lighter};case"warning":return{text:r?t.colors.warning.dark:n,background:r?s:t.colors.warning.lighter};case"error":return{text:r?t.colors.error.dark:n,background:r?s:t.colors.error.lighter};default:return{text:r?t.colors.text.light:n,background:r?t.colors.background.dark:s}}})(r,t,e);return`\n      color: ${n};\n      background-color: ${s};\n    `}}
+`,x=u.default.div`
   display: flex;
-`,T=l.default.div`
+`,p=u.default.div`
   padding: 0.75rem 0;
-`,W=l.default(p.TinyTitleRegular)`
+`,h=u.default(n.TinyTitleRegular)`
   margin: 0;
-`,D=l.default.span`
+`,m=u.default.span`
   display: flex;
   align-items: center;
   margin-right: 1rem;
   font-size: 1.5rem;
-`,z=l.default.span`
+`,j=u.default.span`
   display: flex;
   align-items: center;
   margin-left: 1rem;
   font-size: 2.5rem;
   cursor: pointer;
   }
-`;exports.default=({children:e,type:a,withIcon:o=!1,isDeletable:c=!1,fullWidth:u=!1,inverted:d=!1,textCenter:t=!1,...r})=>{const s=f.useRef(null),[i,g]=f.useState(!1);return n.jsx(w,{isDeleted:i,children:n.jsxs($,{messageType:a,fullWidth:u,inverted:d,textCenter:t,role:"alert",ref:s,...r,children:[n.jsxs(C,{children:[o&&n.jsx(D,{children:q(a)}),n.jsxs(T,{children:[typeof e=="string"&&n.jsx(W,{children:e}),typeof e!="string"&&e]})]}),c&&n.jsx(z,{onClick:x=>{x.stopPropagation(),g(!0),setTimeout(()=>{s.current&&s.current.remove()},300)},"aria-label":"Close",children:n.jsx(k.default,{})})]})})};
+`;exports.default=({children:t,type:n,withIcon:s=!1,isDeletable:o=!1,fullWidth:l=!1,inverted:c=!1,textCenter:a=!1,...u})=>{const y=r.useRef(null),[k,b]=r.useState(!1);return e.jsx(f,{isDeleted:k,children:e.jsxs(g,{messageType:n,fullWidth:l,inverted:c,textCenter:a,role:"alert",ref:y,...u,children:[e.jsxs(x,{children:[s&&e.jsx(m,{children:d(n)}),e.jsxs(p,{children:["string"==typeof t&&e.jsx(h,{children:t}),"string"!=typeof t&&t]})]}),o&&e.jsx(j,{onClick:e=>{e.stopPropagation(),b(!0),setTimeout((()=>{y.current&&y.current.remove()}),300)},"aria-label":"Close",children:e.jsx(i.default,{})})]})})};

package/cjs/components/Modal/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),h=require("react"),w=require("react-dom"),b=require("react-transition-group"),n=require("styled-components"),f=require("../Icons/Close.js");function y(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var r=y(n);const s=n.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),n=require("react-transition-group"),r=require("styled-components"),o=require("../Icons/Close.js");var a,d=(a=r)&&a.__esModule?a:{default:a};const s=r.css`
   .backgroundTransition-enter {
     opacity: 0;
   }
@@ -16,7 +16,7 @@
     opacity: 0;
     transition: opacity 0.25s ease-in-out;
   }
-`,v=r.default.div`
+`,c=d.default.div`
   ${s}
   position: fixed;
   width: 100%;
@@ -24,13 +24,13 @@
   top: 0;
   left: 0;
   z-index: 200;
-`,k=r.default.div`
+`,u=d.default.div`
   z-index: -1;
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: rgba(34, 34, 34, 0.3);
-`,j=r.default.div`
+`,l=d.default.div`
   position: relative;
   max-width: 512px;
   padding: 1rem;
@@ -51,7 +51,7 @@
     margin-right: auto;
     min-width: 355px;
   }
-`,T=r.default.div`
+`,p=d.default.div`
   position: absolute;
   top: 1rem;
   right: 1rem;
@@ -64,14 +64,12 @@
     width: 1rem;
     height: 1rem;
   }
-`,E=n.createGlobalStyle`
+`,x=r.createGlobalStyle`
   body {
     overflow: hidden;
 
-    ${typeof window<"u"&&window.innerWidth>1024&&`
-        padding-right: 15px !important;
-    `}
+    ${typeof window<"u"&&window.innerWidth>1024&&"\n        padding-right: 15px !important;\n    "}
   }
-`,q=n.createGlobalStyle`
+`,m=r.createGlobalStyle`
   ${s}
-`,c=({children:t,isOpen:o,contentStyles:u,withPortal:l=!1,withCloseIcon:p=!0,onClose:i,...x})=>{h.useEffect(()=>{const d=m=>{m.key==="Escape"&&o&&i()};return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[i,o]);const g=!!(typeof window<"u"&&window.document&&window.document.createElement),a=e.jsx(b.CSSTransition,{in:o,mountOnEnter:!0,unmountOnExit:!0,timeout:400,classNames:"backgroundTransition",children:e.jsxs(e.Fragment,{children:[e.jsx(q,{}),e.jsxs(v,{...x,children:[e.jsx(k,{"data-testid":"background",onClick:i}),e.jsxs(j,{style:u,children:[p&&e.jsx(T,{onClick:i,"data-testid":"close",children:e.jsx(f.default,{})}),t]}),e.jsx(E,{})]})]})});return l&&g?w.createPortal(a,document.body):a};exports.Modal=c,exports.default=c;
+`,g=({children:r,isOpen:a,contentStyles:d,withPortal:s=!1,withCloseIcon:g=!0,onClose:h,...w})=>{t.useEffect((()=>{const e=e=>{"Escape"===e.key&&a&&h()};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[h,a]);const b=!!(typeof window<"u"&&window.document&&window.document.createElement),y=e.jsx(n.CSSTransition,{in:a,mountOnEnter:!0,unmountOnExit:!0,timeout:400,classNames:"backgroundTransition",children:e.jsxs(e.Fragment,{children:[e.jsx(m,{}),e.jsxs(c,{...w,children:[e.jsx(u,{"data-testid":"background",onClick:h}),e.jsxs(l,{style:d,children:[g&&e.jsx(p,{onClick:h,"data-testid":"close",children:e.jsx(o.default,{})}),r]}),e.jsx(x,{})]})]})});return s&&b?i.createPortal(y,document.body):y};exports.Modal=g,exports.default=g;

package/cjs/components/NotificationButton/index.js

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

package/cjs/components/OffCanvas/Overlay.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),r=require("react-transition-group"),a=require("styled-components");function s(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}const c={classNames:"backgroundTransition",timeout:{enter:400,exit:400},mountOnEnter:!0,unmountOnExit:!0},u=s(a).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),i=require("react-transition-group"),n=require("styled-components");var e,o=(e=n)&&e.__esModule?e:{default:e};const r={classNames:"backgroundTransition",timeout:{enter:400,exit:400},mountOnEnter:!0,unmountOnExit:!0},a=o.default.div`
   position: fixed;
   z-index: 1000;
   width: 100%;
@@ -24,4 +24,4 @@
     opacity: 0;
     transition: opacity 0.2s ease-in-out;
   }
-`;exports.default=({className:i,isOpen:e,onClick:n,transitionProps:o=c})=>t.jsx(r.CSSTransition,{in:e,...o,className:i,children:t.jsx(u,{onClick:()=>{n&&n()}})});
+`;exports.default=({className:n,isOpen:e,onClick:o,transitionProps:s=r})=>t.jsx(i.CSSTransition,{in:e,...s,className:n,children:t.jsx(a,{onClick:()=>{o&&o()}})});

package/cjs/components/OffCanvas/index.js

@@ -1,57 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),v=require("react"),x=require("react-dom"),b=require("styled-components"),w=require("react-transition-group"),O=require("./Overlay.js"),p=require("./useClickOutside.js");function k(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var c=k(b);const C={timeout:{enter:300,exit:300},mountOnEnter:!0,unmountOnExit:!0},j=c.default.div`
-  ${({animationName:n,animationDuration:a,width:e,from:r,backgroundColor:o,theme:i})=>`
-    position: fixed;
-    z-index: 1001;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    ${r==="left"?"left: 0;":"right: 0;"}
-    background-color: ${o||i.colors.background.light};
-    width: ${e};
-    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
-
-
-    &.${n}--right-enter {
-      transform: translate3d(${e}, 0, 0);
-    }
-
-    &.${n}--right-enter.${n}--right-enter-active {
-      transform: translate3d(0, 0, 0);
-      transition: transform 0.2s ease-in-out;
-    }
-
-    &.${n}--right-exit {
-      transform: translate3d(0, 0, 0);
-    }
-
-    &.${n}--right-exit.${n}--right-exit-active {
-      transform: translate3d(${e}, 0, 0);
-      transition: transform 0.2s ease-in-out;
-    }
-
-    &.${n}--left-enter {
-      transform: translate3d(-${e}, 0, 0);
-    }
-
-    &.${n}--left-enter.${n}--left-enter-active {
-      transform: translate3d(0, 0, 0);
-      transition: transform 0.2s ease-in-out;
-    }
-
-    &.${n}--left-exit {
-      transform: translate3d(0, 0, 0);
-    }
-
-    &.${n}--left-exit.${n}--left-exit-active {
-      transform: translate3d(-${e}, 0, 0);
-      transition: transform ${a}ms ease-in-out;
-    }
-  `}
-`,q=c.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),t=require("react"),e=require("react-dom"),r=require("styled-components"),i=require("react-transition-group"),a=require("./Overlay.js"),o=require("./useClickOutside.js");var s,l=(s=r)&&s.__esModule?s:{default:s};const d={timeout:{enter:300,exit:300},mountOnEnter:!0,unmountOnExit:!0},u=l.default.div`
+  ${({animationName:n,animationDuration:t,width:e,from:r,backgroundColor:i,theme:a})=>`\n    position: fixed;\n    z-index: 1001;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    ${"left"===r?"left: 0;":"right: 0;"}\n    background-color: ${i||a.colors.background.light};\n    width: ${e};\n    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);\n\n\n    &.${n}--right-enter {\n      transform: translate3d(${e}, 0, 0);\n    }\n\n    &.${n}--right-enter.${n}--right-enter-active {\n      transform: translate3d(0, 0, 0);\n      transition: transform 0.2s ease-in-out;\n    }\n\n    &.${n}--right-exit {\n      transform: translate3d(0, 0, 0);\n    }\n\n    &.${n}--right-exit.${n}--right-exit-active {\n      transform: translate3d(${e}, 0, 0);\n      transition: transform 0.2s ease-in-out;\n    }\n\n    &.${n}--left-enter {\n      transform: translate3d(-${e}, 0, 0);\n    }\n\n    &.${n}--left-enter.${n}--left-enter-active {\n      transform: translate3d(0, 0, 0);\n      transition: transform 0.2s ease-in-out;\n    }\n\n    &.${n}--left-exit {\n      transform: translate3d(0, 0, 0);\n    }\n\n    &.${n}--left-exit.${n}--left-exit-active {\n      transform: translate3d(-${e}, 0, 0);\n      transition: transform ${t}ms ease-in-out;\n    }\n  `}
+`,c=l.default.div`
   position: relative;
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
-`,m=({animationName:n="offCanvasAnimation",animationDuration:a=300,backgroundColor:e,backgroundOverlay:r,children:o,from:i="right",isOpen:s,onClickOutside:l,width:h="375px",withPortal:$,transitionProps:g})=>{const d=v.useRef(null);p.useOutsideClick(d,()=>l?.()),r&&!l&&console.error("Please provide a clickOutside handler when using backgroundOverlay option in OffCanvas component");const u=`${n}--${i}`,f=t.jsxs(t.Fragment,{children:[r&&t.jsx(O.default,{isOpen:s}),t.jsx(t.Fragment,{children:t.jsx(w.CSSTransition,{in:s,className:`${n} ${u}`,classNames:u,...C,...g,children:t.jsx(j,{ref:d,animationName:n,animationDuration:a,backgroundColor:e,from:i,width:h,children:t.jsx(q,{className:`${n}-content`,children:o})})})})]});return $?x.createPortal(f,document.body):f};exports.OffCanvas=m,exports.default=m;
+`,f=({animationName:r="offCanvasAnimation",animationDuration:s=300,backgroundColor:l,backgroundOverlay:f,children:m,from:h="right",isOpen:$,onClickOutside:g,width:x="375px",withPortal:v,transitionProps:p})=>{const O=t.useRef(null);o.useOutsideClick(O,(()=>g?.())),f&&!g&&console.error("Please provide a clickOutside handler when using backgroundOverlay option in OffCanvas component");const w=`${r}--${h}`,b=n.jsxs(n.Fragment,{children:[f&&n.jsx(a.default,{isOpen:$}),n.jsx(n.Fragment,{children:n.jsx(i.CSSTransition,{in:$,className:`${r} ${w}`,classNames:w,...d,...p,children:n.jsx(u,{ref:O,animationName:r,animationDuration:s,backgroundColor:l,from:h,width:x,children:n.jsx(c,{className:`${r}-content`,children:m})})})})]});return v?e.createPortal(b,document.body):b};exports.OffCanvas=f,exports.default=f;

package/cjs/components/OffCanvas/useClickOutside.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react");exports.useOutsideClick=(e,n)=>{const t=s.useCallback(u=>{e.current&&!e.current.contains(u.target)&&n()},[n,e]);s.useEffect(()=>(document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}),[t])};
+"use strict";var e=require("react");exports.useOutsideClick=(t,r)=>{const n=e.useCallback((e=>{t.current&&!t.current.contains(e.target)&&r()}),[r,t]);e.useEffect((()=>(document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)})),[n])};

package/cjs/components/RadioButton/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),o=require("styled-components"),h=require("../../shared/helpers.js"),i=require("../../theme.js"),f=require("../IconButton.js"),g=require("../../typography/BodyText/index.js");function p(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../shared/media-queries.js");var l=p(o);const x={regular:o.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),i=require("../../shared/helpers.js"),s=require("../../theme.js"),o=require("../IconButton.js"),l=require("../../typography/BodyText/index.js");require("../../shared/media-queries.js");var a,t=(a=r)&&a.__esModule?a:{default:a};const d={regular:r.css`
   .circle {
     &--outer {
       height: 24px;
@@ -11,7 +11,7 @@
       transform: scale(0.6);
     }
   }
-`,large:o.css`
+`,large:r.css`
   .circle {
     &--outer {
       height: 32px;
@@ -24,75 +24,75 @@
       transform: scale(0.6);
     }
   }
-`},y=o.css`
+`},c=r.css`
   cursor: default;
 
   .circle {
     &--inner {
-      background-color: ${i.default.colors.gray.light1};
+      background-color: ${s.default.colors.gray.light1};
     }
 
     &--outer {
-      border: 2px solid ${i.default.colors.gray.light1};
+      border: 2px solid ${s.default.colors.gray.light1};
     }
   }
-`,m=o.css`
+`,n=r.css`
   .circle {
     &--inner {
       opacity: 1;
-      background-color: ${i.default.colors.gray.light1};
+      background-color: ${s.default.colors.gray.light1};
     }
   }
-`,$=e=>o.css`
-  .circle {
-    &--inner {
-      opacity: 1;
-      background-color: ${i.default.colors[e].main};
-    }
-
-    &--outer {
-      border: 2px solid ${i.default.colors[e].main};
-    }
-  }
-`,k=l.default.div`
+`,u=t.default.div`
   display: flex;
   align-items: center;
   box-sizing: border-box;
-`,j=l.default.span`
+`,h=t.default.span`
   cursor: pointer;
   display: flex;
   position: relative;
   align-items: center;
   justify-content: center;
 
-  ${e=>x[e.size]};
+  ${e=>d[e.size]};
 
-  ${e=>!e.isDisabled&&e.isChecked&&$(e.color)};
-  ${e=>e.isDisabled&&y};
+  ${e=>!e.isDisabled&&e.isChecked&&(e=>r.css`
+  .circle {
+    &--inner {
+      opacity: 1;
+      background-color: ${s.default.colors[e].main};
+    }
+
+    &--outer {
+      border: 2px solid ${s.default.colors[e].main};
+    }
+  }
+`)(e.color)};
+  ${e=>e.isDisabled&&c};
 
-  ${e=>e.isChecked&&e.isDisabled&&m};
-`,D=l.default.input`
+  ${e=>e.isChecked&&e.isDisabled&&n};
+`,b=t.default.input`
   position: fixed;
   opacity: 0;
-`,q=l.default.span`
+`,p=t.default.span`
   display: flex;
   box-sizing: border-box;
   border-radius: 50%;
 
-  border: 2px solid ${i.default.colors.gray.light1};
-`,v=l.default.span`
+  border: 2px solid ${s.default.colors.gray.light1};
+`,x=t.default.span`
   box-sizing: border-box;
   opacity: 0;
   margin: auto;
   border-radius: 50%;
-  background-color: ${i.default.colors.gray.light1};
+  background-color: ${s.default.colors.gray.light1};
 
   position: absolute;
   top: 0;
   left: 0;
-`,z=l.default(g.BodyText)`
+`,g=t.default(l.BodyText)`
   cursor: ${({isDisabled:e})=>e?"default":"pointer"};
   user-select: none;
-  color: ${({theme:e,isDisabled:a})=>a?e.colors.text.disabled:e.colors.text.dark};
+  color: ${({theme:e,isDisabled:r})=>r?e.colors.text.disabled:e.colors.text.dark};
   margin-left: 0.5rem;
-`,u=({name:e=h.generateNameHash("radio-button"),size:a="regular",checked:t=!1,isDisabled:s=!1,color:c="secondary",onChange:d,label:n,...b})=>r.jsxs(k,{children:[r.jsxs(f.default,{onClick:d,isActive:t,isDisabled:s,color:c,children:[r.jsx(D,{"data-validate":"checked",checked:t,type:"radio",name:e,id:e,onChange:d,disabled:s,"aria-label":e,...b}),r.jsx(j,{size:a,color:c,isChecked:t,isDisabled:s,children:r.jsx(q,{className:"circle circle--outer",children:r.jsx(v,{className:"circle circle--inner"})})})]}),n&&r.jsx(z,{as:"label",htmlFor:e,isDisabled:s,children:n})]});exports.RadioButton=u,exports.default=u;
+`,f=({name:r=i.generateNameHash("radio-button"),size:s="regular",checked:l=!1,isDisabled:a=!1,color:t="secondary",onChange:d,label:c,...n})=>e.jsxs(u,{children:[e.jsxs(o.default,{onClick:d,isActive:l,isDisabled:a,color:t,children:[e.jsx(b,{"data-validate":"checked",checked:l,type:"radio",name:r,id:r,onChange:d,disabled:a,"aria-label":r,...n}),e.jsx(h,{size:s,color:t,isChecked:l,isDisabled:a,children:e.jsx(p,{className:"circle circle--outer",children:e.jsx(x,{className:"circle circle--inner"})})})]}),c&&e.jsx(g,{as:"label",htmlFor:r,isDisabled:a,children:c})]});exports.RadioButton=f,exports.default=f;

package/cjs/components/RegistrationPlate/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),l=require("styled-components"),d=require("./EuFlagIcon.js");function s(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var r=s(l);const a=r.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("./EuFlagIcon.js");var o,i=(o=t)&&o.__esModule?o:{default:o};const l=i.default.div`
   display: grid;
   grid-template: 100% / 16px auto;
   width: 124px;
   height: 32px;
-`,n=r.default.div`
+`,d=i.default.div`
   display: grid;
   grid-template: 55% 45% / 100%;
   justify-items: center;
@@ -17,7 +17,7 @@
     font-size: 11px;
     align-self: center;
   }
-`,c=r.default.div`
+`,s=i.default.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -30,10 +30,10 @@
   border-left: none;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
-`,f=r.default.div`
+`,a=i.default.div`
   color: ${({theme:e})=>e.colors.text.light};
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: 10px;
   font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
   line-height: 1;
-`;exports.default=({regNumber:e})=>t.jsxs(a,{children:[t.jsxs(n,{children:[t.jsx(d.default,{}),t.jsx(f,{children:"S"})]}),t.jsx(c,{children:(i=>{const o=i.replace(/\s+/g,"").slice(0,6);return`${o.slice(0,3)} ${o.slice(3)}`})(e)})]});
+`;exports.default=({regNumber:t})=>e.jsxs(l,{children:[e.jsxs(d,{children:[e.jsx(r.default,{}),e.jsx(a,{children:"S"})]}),e.jsx(s,{children:(e=>{const t=e.replace(/\s+/g,"").slice(0,6);return`${t.slice(0,3)} ${t.slice(3)}`})(t)})]});

package/cjs/components/Select/components/test-icon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.TestIcon=()=>e.jsx("svg",{viewBox:"0 0 896.003 896.004",height:"18px",width:"18px",y:"0px",x:"0px",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M850.321,663.513C774.05,802.057,626.63,896.004,457.168,896.004c-247.688,0-448.478-200.578-448.478-448.002 S209.479,0,457.168,0c203.805,0,375.577,135.92,430.145,321.882L428.365,478.82L850.321,663.513z M614.342,318.945 c43.631,0,78.998-35.7,78.998-79.736c0-44.039-35.367-79.735-78.998-79.735c-43.63,0-78.999,35.696-78.999,79.735 C535.343,283.245,570.712,318.945,614.342,318.945"})});
+"use strict";var t=require("react/jsx-runtime");exports.TestIcon=()=>t.jsx("svg",{viewBox:"0 0 896.003 896.004",height:"18px",width:"18px",y:"0px",x:"0px",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M850.321,663.513C774.05,802.057,626.63,896.004,457.168,896.004c-247.688,0-448.478-200.578-448.478-448.002 S209.479,0,457.168,0c203.805,0,375.577,135.92,430.145,321.882L428.365,478.82L850.321,663.513z M614.342,318.945 c43.631,0,78.998-35.7,78.998-79.736c0-44.039-35.367-79.735-78.998-79.735c-43.63,0-78.999,35.696-78.999,79.735 C535.343,283.245,570.712,318.945,614.342,318.945"})});

package/cjs/components/Select/index.js

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("react/jsx-runtime"),k=require("react"),B=require("react-select"),O=require("styled-components"),F=require("../../shared/constants.js"),o=require("../../theme.js"),E=require("../../typography/BodyText/index.js"),M=require("../FieldLabel.js");function S(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../shared/media-queries.js");var N=S(B),u=S(O);const R=u.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-select"),t=require("styled-components"),i=require("../../shared/constants.js"),a=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),s=require("../FieldLabel.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../shared/media-queries.js");var n=d(o),u=d(t);const c=u.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   position: relative;
-`,v=e=>e&&{paddingLeft:"2.5rem"},_=e=>e&&{border:`1px solid ${o.default.colors.gray.light1}`,color:o.default.colors.gray.dark1,fill:o.default.colors.gray.light1},z=e=>e&&{border:`2px solid ${o.default.colors.error.dark}`},A=u.default.div`
+`,p=e=>e&&{paddingLeft:"2.5rem"},m=e=>e&&{border:`1px solid ${a.default.colors.gray.light1}`,color:a.default.colors.gray.dark1,fill:a.default.colors.gray.light1},f=e=>e&&{border:`2px solid ${a.default.colors.error.dark}`},g=u.default.div`
   position: absolute;
   z-index: 1;
   top: 0.5rem;
   margin: 0.35rem 0.75rem;
 
-  fill: ${o.default.colors.gray.dark5};
-  transition: ${F.DEFAULT_TRANSITION_MS};
+  fill: ${a.default.colors.gray.dark5};
+  transition: ${i.DEFAULT_TRANSITION_MS};
 
-  ${e=>e.isDisabled&&` fill: ${o.default.colors.gray.light1}; `}
+  ${e=>e.isDisabled&&` fill: ${a.default.colors.gray.light1}; `}
 
   ${e=>e.isFocused&&` fill: ${e.theme.colors.text.dark}; `}
-`,H=u.default.span`
-  ${E.CaptionStyle}
+`,h=u.default.span`
+  ${l.CaptionStyle}
   display: block;
   margin-top: 0.25rem;
-  color: ${({hasError:e})=>e?o.default.colors.error.dark:o.default.colors.text.disabled};
-`,j=u.default(e=>a.jsxs("svg",{...e,children:[a.jsx("symbol",{id:"icon-arrow",viewBox:"0 0 19 19",children:a.jsx("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})}),a.jsx("use",{xlinkHref:"#icon-arrow"})]}))`
+  color: ${({hasError:e})=>e?a.default.colors.error.dark:a.default.colors.text.disabled};
+`,x=u.default((r=>e.jsxs("svg",{...r,children:[e.jsx("symbol",{id:"icon-arrow",viewBox:"0 0 19 19",children:e.jsx("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})}),e.jsx("use",{xlinkHref:"#icon-arrow"})]})))`
   width: 0.75rem;
   height: 0.75rem;
   margin: 0;
@@ -31,9 +31,9 @@
     stroke: currentColor;
   }
 
-  transition: transform ${F.DEFAULT_TRANSITION_MS};
+  transition: transform ${i.DEFAULT_TRANSITION_MS};
 
   transform: ${e=>e.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
 
   transform-origin: 50% 60%;
-`,W=({selectProps:{menuIsOpen:e=!1},isFocused:c=!1,isDisabled:f})=>a.jsx(j,{$isDisabled:f,$isFocused:c,$isMenuOpen:e,$theme:o.default});function D({className:e,color:c="primary",forwardRef:f,hasError:l=!1,height:d,helperText:m,isDisabled:s=!1,onBlur:w=()=>null,onFocus:I=()=>null,onInputChange:L=()=>null,placeholder:C="",name:p,...t}){const[n,h]=k.useState(!1),[T,q]=k.useState(""),b=({isSelected:r,isFocused:i,isDisabled:g})=>r?o.default.colors[c].main:g?o.default.colors.background.light:i?o.default.colors.background.gray:o.default.colors.background.light,x=((r,i)=>i?o.default.colors.error.main:r?o.default.colors.text.dark:o.default.colors.gray.light1)(n,l),$=!t.label;return a.jsxs(R,{className:e,children:[!$&&t.label&&a.jsx(M.Label,{htmlFor:p,height:d,isFocused:n,hasValue:!(!t.value&&!T),disabled:s,theme:o.default,hasError:l,children:t.label}),t.prefix&&a.jsx(A,{isDisabled:s,isFocused:n,children:t.prefix}),a.jsx(N.default,{...t,inputId:p,name:p,ref:f,isDisabled:s,onInputChange:(r,i)=>{L(r,i),q(r)},placeholder:C,onFocus:r=>{h(!0),I(r)},onBlur:r=>{h(!1),w(r)},styles:{control:r=>({...r,borderRadius:0,color:o.default.colors.text.dark,fontFamily:o.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.5rem",backgroundColor:o.default.colors.background.light,borderColor:x,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},..._(s),...z(l),...v(!!t.prefix)}),input:r=>({...r,height:"auto",margin:0,padding:0}),placeholder:r=>{const i={...r,fontSize:"1rem",lineHeight:"1.5rem",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",margin:0};return $?{...i,color:o.default.colors.text.dark,fontWeight:600}:{...i,display:n?"static":"none"}},menuList:r=>({...r,padding:"0.5rem 0",paddingBottom:"5rem",marginTop:0,border:`1px solid ${x}`,borderTop:"none",display:"flex",flexDirection:"column",gap:"0.5rem"}),menu:r=>({...r,borderRadius:0,boxShadow:"none",zIndex:5,padding:"0",marginTop:"-0.1rem"}),option:(r,{isSelected:i,isFocused:g,isDisabled:y})=>({...r,padding:"0.5rem",lineHeight:"1.5rem",fontSize:"1rem",fontWeight:400,cursor:y?"not-allowed":"pointer","&:hover":{background:b({isSelected:i,isFocused:!0,isDisabled:y})},background:b({isSelected:i,isFocused:g}),...v(!!t.prefix)}),valueContainer:r=>({...r,position:"static",padding:d?d-1+"rem 0 ":0,height:d?"auto":"1.5rem"}),clearIndicator:r=>({...r,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:"0.2rem"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:W,...t.components??{}}}),m&&a.jsx(H,{hasError:l,children:m})]})}exports.Select=D,exports.default=D;
+`,b=({selectProps:{menuIsOpen:r=!1},isFocused:o=!1,isDisabled:t})=>e.jsx(x,{$isDisabled:t,$isFocused:o,$isMenuOpen:r,$theme:a.default});function y({className:o,color:t="primary",forwardRef:i,hasError:l=!1,height:d,helperText:u,isDisabled:x=!1,onBlur:y=(()=>null),onFocus:$=(()=>null),onInputChange:k=(()=>null),placeholder:F="",name:S,...j}){const[v,D]=r.useState(!1),[w,L]=r.useState(""),I=({isSelected:e,isFocused:r,isDisabled:o})=>e?a.default.colors[t].main:o?a.default.colors.background.light:r?a.default.colors.background.gray:a.default.colors.background.light,T=((e,r)=>r?a.default.colors.error.main:e?a.default.colors.text.dark:a.default.colors.gray.light1)(v,l),C=!j.label;return e.jsxs(c,{className:o,children:[!C&&j.label&&e.jsx(s.Label,{htmlFor:S,height:d,isFocused:v,hasValue:!(!j.value&&!w),disabled:x,theme:a.default,hasError:l,children:j.label}),j.prefix&&e.jsx(g,{isDisabled:x,isFocused:v,children:j.prefix}),e.jsx(n.default,{...j,inputId:S,name:S,ref:i,isDisabled:x,onInputChange:(e,r)=>{k(e,r),L(e)},placeholder:F,onFocus:e=>{D(!0),$(e)},onBlur:e=>{D(!1),y(e)},styles:{control:e=>({...e,borderRadius:0,color:a.default.colors.text.dark,fontFamily:a.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.5rem",backgroundColor:a.default.colors.background.light,borderColor:T,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...m(x),...f(l),...p(!!j.prefix)}),input:e=>({...e,height:"auto",margin:0,padding:0}),placeholder:e=>{const r={...e,fontSize:"1rem",lineHeight:"1.5rem",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",margin:0};return C?{...r,color:a.default.colors.text.dark,fontWeight:600}:{...r,display:v?"static":"none"}},menuList:e=>({...e,padding:"0.5rem 0",paddingBottom:"5rem",marginTop:0,border:`1px solid ${T}`,borderTop:"none",display:"flex",flexDirection:"column",gap:"0.5rem"}),menu:e=>({...e,borderRadius:0,boxShadow:"none",zIndex:5,padding:"0",marginTop:"-0.1rem"}),option:(e,{isSelected:r,isFocused:o,isDisabled:t})=>({...e,padding:"0.5rem",lineHeight:"1.5rem",fontSize:"1rem",fontWeight:400,cursor:t?"not-allowed":"pointer","&:hover":{background:I({isSelected:r,isFocused:!0,isDisabled:t})},background:I({isSelected:r,isFocused:o}),...p(!!j.prefix)}),valueContainer:e=>({...e,position:"static",padding:d?d-1+"rem 0 ":0,height:d?"auto":"1.5rem"}),clearIndicator:e=>({...e,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:"0.2rem"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:b,...j.components??{}}}),u&&e.jsx(h,{hasError:l,children:u})]})}exports.Select=y,exports.default=y;

package/cjs/components/Snackbar/index.js

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),y=require("react"),i=require("styled-components"),r=require("../../theme.js"),$=require("../Icons/CheckCircle.js"),b=require("../Icons/Close.js"),j=require("../Icons/ErrorCircle.js"),v=require("../Icons/InfoCircle.js"),k=require("react-transition-group");function q(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var n=q(i);const w={top:i.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),o=require("../../theme.js"),i=require("../Icons/CheckCircle.js"),n=require("../Icons/Close.js"),a=require("../Icons/ErrorCircle.js"),s=require("../Icons/InfoCircle.js"),l=require("react-transition-group");var c,d=(c=r)&&c.__esModule?c:{default:c};const u={top:r.css`
     top: 0;
-  `,bottom:i.css`
+  `,bottom:r.css`
     bottom: 0;
-  `},E={right:i.css`
+  `},m={right:r.css`
     right: 0;
-  `,center:i.css`
+  `,center:r.css`
     left: 50%;
     transform: translate(-50%, 0);
-  `,left:i.css`
+  `,left:r.css`
     left: 0;
-  `},o="anim",B=n.default.div`
+  `},f="anim",g=d.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   position: fixed;
   display: flex;
@@ -26,40 +26,40 @@
   font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
   font-size: 0.875rem;
 
-  box-shadow: ${r.default.elevations.elevation8};
-  background-color: ${e=>e.color!=="none"?r.default.colors[e.color].main:r.default.colors.background.light};
-  color: ${e=>e.color!=="none"?r.default.colors.text.light:r.default.colors.text.dark};
+  box-shadow: ${o.default.elevations.elevation8};
+  background-color: ${e=>"none"!==e.color?o.default.colors[e.color].main:o.default.colors.background.light};
+  color: ${e=>"none"!==e.color?o.default.colors.text.light:o.default.colors.text.dark};
 
-  ${e=>w[e.origin.vertical||"bottom"]}
-  ${e=>E[e.origin.horizontal||"left"]}
+  ${e=>u[e.origin.vertical||"bottom"]}
+  ${e=>m[e.origin.horizontal||"left"]}
 
   transition: opacity ${200}ms ease-in;
 
-  &.${o}-enter {
+  &.${f}-enter {
     opacity: 0;
   }
-  &.${o}-enter-active {
+  &.${f}-enter-active {
     opacity: 1;
   }
-  &.${o}-exit {
+  &.${f}-exit {
     opacity: 1;
   }
-  &.${o}-exit-active {
+  &.${f}-exit-active {
     opacity: 0;
   }
-`,u=n.default.div`
+`,h=d.default.div`
   display: inline-flex;
   margin: -0.25rem 0;
   margin-right: 0.75rem;
 
-  ${e=>e.type==="text"&&"margin-right: 0;"}
+  ${e=>"text"===e.type&&"margin-right: 0;"}
 
   svg {
     width: 1.5rem;
     height: 1.5rem;
-    fill: ${e=>e.color!=="none"?r.default.colors.background.light:r.default.colors.background.dark};
+    fill: ${e=>"none"!==e.color?o.default.colors.background.light:o.default.colors.background.dark};
   }
-`,O=n.default(u)`
+`,p=d.default(h)`
   cursor: pointer;
 
   /* Bigger click area */
@@ -73,6 +73,6 @@
     width: 1rem;
     height: 1rem;
   }
-`,C=n.default.span`
+`,x=d.default.span`
   flex: 1;
-`,S={error:t.jsx(j.default,{}),success:t.jsx($.default,{}),info:t.jsx(v.default,{}),text:""},f=({message:e,color:a="none",type:s="info",action:c,isOpen:m,origin:g={},onClose:l=()=>{},onExited:h=()=>{},autoHideDuration:d=4e3,...p})=>(y.useEffect(()=>{const x=setTimeout(l,d);return()=>clearTimeout(x)},[d,l]),t.jsx(k.CSSTransition,{in:m,timeout:200,mountOnEnter:!0,unmountOnExit:!0,onExited:h,classNames:o,children:t.jsxs(B,{...p,color:a,origin:g,children:[t.jsx(u,{color:a,type:s,children:S[s]}),t.jsx(C,{children:e}),c&&c,t.jsx(O,{color:a??"none",onClick:l,children:t.jsx(b.default,{})})]})}));exports.Snackbar=f,exports.default=f;
+`,y={error:e.jsx(a.default,{}),success:e.jsx(i.default,{}),info:e.jsx(s.default,{}),text:""},j=({message:r,color:o="none",type:i="info",action:a,isOpen:s,origin:c={},onClose:d=(()=>{}),onExited:u=(()=>{}),autoHideDuration:m=4e3,...j})=>(t.useEffect((()=>{const e=setTimeout(d,m);return()=>clearTimeout(e)}),[m,d]),e.jsx(l.CSSTransition,{in:s,timeout:200,mountOnEnter:!0,unmountOnExit:!0,onExited:u,classNames:f,children:e.jsxs(g,{...j,color:o,origin:c,children:[e.jsx(h,{color:o,type:i,children:y[i]}),e.jsx(x,{children:r}),a&&a,e.jsx(p,{color:o??"none",onClick:d,children:e.jsx(n.default,{})})]})}));exports.Snackbar=j,exports.default=j;

package/cjs/components/Spacer/index.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("styled-components"),t=require("../../shared/media-queries.js");function l(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}const n=l(i).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("styled-components"),l=require("../../shared/media-queries.js");const d=((e=t)&&e.__esModule?e:{default:e}).default.div`
   width: 100%;
   height: ${e=>e.height??1}rem;
 
-  ${t.mq(null,"tablet")} {
+  ${l.mq(null,"tablet")} {
     ${e=>e.hideOnMobile&&"display: none;"}
   }
 
-  ${t.mq(null,"laptop")} {
+  ${l.mq(null,"laptop")} {
     ${e=>e.hideOnDesktop&&"display: none;"}
   }
-`;exports.default=n;
+`;exports.default=d;

package/cjs/components/Spinner/index.js

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("react/jsx-runtime"),i=require("styled-components"),s=require("../../theme.js");function d(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var u=d(i);const a=e=>{const r={smaller:1,small:2,regular:3,large:4};return typeof e=="number"?e:r[e]||r.regular},n=i.keyframes`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../theme.js");var s,a=(s=r)&&s.__esModule?s:{default:s};const o=e=>{const r={smaller:1,small:2,regular:3,large:4};return"number"==typeof e?e:r[e]||r.regular},i=r.keyframes`
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
-`,f=u.default.div`
+`,l=a.default.div`
   display: inline-block;
   border-radius: 50%;
-  border-top: ${({theme:e,color:r,size:t})=>`${a(t)/10}em solid ${e.colors?.[r]?.main??r}`};
-  border-bottom: ${({size:e})=>a(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
-  border-right: ${({size:e})=>a(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
-  border-left: ${({size:e})=>a(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
-  width: ${({size:e})=>a(e)}em;
-  height: ${({size:e})=>a(e)}em;
-  animation: ${n} ${({speed:e})=>(r=>{const t={slow:"2s",default:"1s",fast:"0.5s"};return t[r]||t.default})(e)} infinite linear;
+  border-top: ${({theme:e,color:r,size:t})=>`${o(t)/10}em solid ${e.colors?.[r]?.main??r}`};
+  border-bottom: ${({size:e})=>o(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
+  border-right: ${({size:e})=>o(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
+  border-left: ${({size:e})=>o(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
+  width: ${({size:e})=>o(e)}em;
+  height: ${({size:e})=>o(e)}em;
+  animation: ${i} ${({speed:e})=>(e=>{const r={slow:"2s",default:"1s",fast:"0.5s"};return r[e]||r.default})(e)} infinite linear;
   will-change: transform;
-`;exports.default=({size:e="regular",color:r="primary",speed:t="default",...l})=>o.jsx(f,{"aria-label":"loading",role:"status","aria-live":"polite","aria-busy":"true",...l,size:e,speed:t,color:r,theme:s.default});
+`;exports.default=({size:r="regular",color:s="primary",speed:a="default",...o})=>e.jsx(l,{"aria-label":"loading",role:"status","aria-live":"polite","aria-busy":"true",...o,size:r,speed:a,color:s,theme:t.default});