@kvdbil/components 15.0.46 → 15.0.48

package/cjs/components/Button/styles.js

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

package/cjs/components/Hero/index.js

@@ -27,20 +27,20 @@
   padding: 3rem 1.5rem;
   z-index: 1;
   flex: 1;
-`,c=o.default.iframe`
+`,$=o.default.iframe`
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-`,$=e=>"number"==typeof e,u=e=>"string"==typeof e,p=o.default.div`
+`,c=e=>"number"==typeof e,u=e=>"string"==typeof e,p=o.default.div`
   width: 100%;
   min-height: 440px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 
-  ${({$url:e,...t})=>e&&`\n    background: url('${e}');\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: ${(({$positionX:e,$positionY:t})=>{if($(e)&&$(t))return`${e}% ${t}%`;if(u(e)&&u(t))return`${e} ${t}`;if(e||t)return`${($(e)?`${e}%`:e)||"50%"} ${($(t)?`${t}%`:t)||"50%"}`;return"50% 50%"})(t)};\n  `}
+  ${({$url:e,...t})=>e&&`\n    background: url('${e}');\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: ${(({$positionX:e,$positionY:t})=>{if(c(e)&&c(t))return`${e}% ${t}%`;if(u(e)&&u(t))return`${e} ${t}`;if(e||t)return`${(c(e)?`${e}%`:e)||"50%"} ${(c(t)?`${t}%`:t)||"50%"}`;return"50% 50%"})(t)};\n  `}
 `,m=o.default.div`
   padding-left: 1rem;
   padding-right: 1rem;
@@ -71,4 +71,4 @@
   margin-top: 3rem;
 
   ${({$shadow:e,theme:t})=>e&&`box-shadow: ${t.elevations.elevation8};`}
-`;exports.colorAnimation=d,exports.default=({imageProps:t,imageElement:i,videoProps:n,children:r,align:o,direction:d,justify:$,contentMaxWidth:u=64,heading:y,headingColor:w="dark",subheading:b,button:v,dynamicGutter:j,isLoading:k=!1,contentCentered:q=!1,containerStyle:G,elementShadow:V=!1})=>{const{autoplay:_=0,controls:z=0,disablekb:C=0,end:E,loop:M=0,modestbranding:P=1,start:S=0,showInfo:W=0}=n?.ytConfig||{};return k?e.jsx(l,{"data-testid":"loader"}):e.jsx(a,{style:G,children:n?e.jsx(c,{"data-testid":"hero-video",title:"video-frame",src:`${n.src}?disabledkb=${C}&autoplay=${_}&controls=${z}&loop=${M}&modestbranding=${P}&start=${S}&showInfo=${W}${E?`&end=${E}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):e.jsxs(p,{"data-testid":"hero-image",$positionX:i?void 0:t?.x,$positionY:i?void 0:t?.y,$url:i?void 0:t?.src,children:[i,e.jsxs(m,{children:[(y||b||v)&&e.jsxs(h,{$maxWidth:u,$dynamicGutter:j,$centered:q,children:[y&&e.jsx(f,{as:"h1",$color:w,$shadow:V,children:y}),b&&e.jsx(g,{$color:w,$shadow:V,children:b}),v&&e.jsx(x,{$shadow:V,children:v})]}),r&&e.jsx(s,{$pointerEvents:n?"none":"auto",$align:o||"flex-start",$direction:d||"column",$justify:$||"flex-start",children:r})]})]})})};
+`;exports.default=({imageProps:t,imageElement:i,videoProps:n,children:r,align:o,direction:d,justify:c,contentMaxWidth:u=64,heading:y,headingColor:w="dark",subheading:b,button:v,dynamicGutter:j,isLoading:k=!1,contentCentered:q=!1,containerStyle:G,elementShadow:V=!1})=>{const{autoplay:_=0,controls:z=0,disablekb:C=0,end:E,loop:M=0,modestbranding:P=1,start:S=0,showInfo:W=0}=n?.ytConfig||{};return k?e.jsx(l,{"data-testid":"loader"}):e.jsx(a,{style:G,children:n?e.jsx($,{"data-testid":"hero-video",title:"video-frame",src:`${n.src}?disabledkb=${C}&autoplay=${_}&controls=${z}&loop=${M}&modestbranding=${P}&start=${S}&showInfo=${W}${E?`&end=${E}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):e.jsxs(p,{"data-testid":"hero-image",$positionX:i?void 0:t?.x,$positionY:i?void 0:t?.y,$url:i?void 0:t?.src,children:[i,e.jsxs(m,{children:[(y||b||v)&&e.jsxs(h,{$maxWidth:u,$dynamicGutter:j,$centered:q,children:[y&&e.jsx(f,{as:"h1",$color:w,$shadow:V,children:y}),b&&e.jsx(g,{$color:w,$shadow:V,children:b}),v&&e.jsx(x,{$shadow:V,children:v})]}),r&&e.jsx(s,{$pointerEvents:n?"none":"auto",$align:o||"flex-start",$direction:d||"column",$justify:c||"flex-start",children:r})]})]})})};

package/cjs/components/SpinnerThin/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("styled-components"),n=require("../../icons/components/CheckmarkIcon.js"),t=require("../../icons/components/CloseIcon.js"),s=require("../Spinner/index.js");require("../../theme.js");var r,o=(r=i)&&r.__esModule?r:{default:r};const a=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("styled-components"),n=require("../../icons/components/CheckmarkIcon.js"),s=require("../../icons/components/CloseIcon.js"),t=require("../Spinner/index.js");require("../../theme.js");var r,o=(r=i)&&r.__esModule?r:{default:r};const a=o.default.div`
   position: absolute;
-`,d=o.default(s.default)`
+`,d=o.default(t.default)`
   position: absolute;
 
   ${({size:e})=>e&&`\n      width: ${e}rem;\n      height: ${e}rem;\n      margin-left: -${e/2}rem;\n  `}
@@ -23,4 +23,4 @@
 
   transition: opacity 500ms ease-in-out;
   opacity: ${({isDone:e,isError:i})=>e||i?"1":"0"};
-`,p=({isLoading:i=!0,isDone:s=!1,isError:r=!1,size:o=3.5,...p})=>e.jsxs(a,{"data-testid":"spinner-thin","aria-label":"Loading...",children:[e.jsx(l,{size:o,isDone:s,children:e.jsx(n.default,{})}),e.jsx(l,{isClose:!0,size:o,isError:r,children:e.jsx(t.default,{})}),e.jsx(d,{size:o,speed:"fast",color:"neutral",isLoading:i,...p})]});exports.Container=a,exports.IconWrapper=l,exports.SpinnerThin=p,exports.default=p;
+`,u=({isLoading:i=!0,isDone:t=!1,isError:r=!1,size:o=3.5,...u})=>e.jsxs(a,{"data-testid":"spinner-thin","aria-label":"Loading...",children:[e.jsx(l,{size:o,isDone:t,children:e.jsx(n.default,{})}),e.jsx(l,{isClose:!0,size:o,isError:r,children:e.jsx(s.default,{})}),e.jsx(d,{size:o,speed:"fast",color:"neutral",isLoading:i,...u})]});exports.SpinnerThin=u,exports.default=u;

package/esm/components/Button/styles.js

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

package/esm/components/Hero/index.js

@@ -1,9 +1,9 @@
-import{jsx as o,jsxs as c}from"react/jsx-runtime";import i,{keyframes as I}from"styled-components";import{Display3 as P,Title as q}from"../../typography/Heading/index.js";import{mq as m}from"../../shared/media-queries.js";const A=i.div`
+import{jsx as o,jsxs as c}from"react/jsx-runtime";import t,{keyframes as C}from"styled-components";import{Display3 as I,Title as P}from"../../typography/Heading/index.js";import{mq as m}from"../../shared/media-queries.js";const q=t.div`
   position: relative;
   min-height: 440px;
   display: flex;
   flex-direction: column;
-`,g=I`
+`,B=C`
   0% {
     background-color:#f5f5f5;
   }
@@ -14,11 +14,11 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import i,{keyframes as I}from"
 
   100% {
     background-color:#f5f5f5;
-  }`,B=i.div`
+  }`,D=t.div`
   width: 100%;
   height: 440px;
-  animation: ${g} 2s linear infinite;
-`,D=i.div`
+  animation: ${B} 2s linear infinite;
+`,F=t.div`
   pointer-events: ${({$pointerEvents:e})=>e};
   display: flex;
   flex-direction: ${({$direction:e})=>e};
@@ -27,26 +27,26 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import i,{keyframes as I}from"
   padding: 3rem 1.5rem;
   z-index: 1;
   flex: 1;
-`,F=i.iframe`
+`,M=t.iframe`
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-`,a=e=>typeof e=="number",f=e=>typeof e=="string",T=({$positionX:e,$positionY:t})=>{if(a(e)&&a(t))return`${e}% ${t}%`;if(f(e)&&f(t))return`${e} ${t}`;if(e||t){const r=a(e)?`${e}%`:e,n=a(t)?`${t}%`:t;return`${r||"50%"} ${n||"50%"}`}return"50% 50%"},X=i.div`
+`,a=e=>typeof e=="number",g=e=>typeof e=="string",T=({$positionX:e,$positionY:i})=>{if(a(e)&&a(i))return`${e}% ${i}%`;if(g(e)&&g(i))return`${e} ${i}`;if(e||i){const r=a(e)?`${e}%`:e,n=a(i)?`${i}%`:i;return`${r||"50%"} ${n||"50%"}`}return"50% 50%"},X=t.div`
   width: 100%;
   min-height: 440px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 
-  ${({$url:e,...t})=>e&&`
+  ${({$url:e,...i})=>e&&`
     background: url('${e}');
     background-repeat: no-repeat;
     background-size: cover;
-    background-position: ${T(t)};
+    background-position: ${T(i)};
   `}
-`,Y=i.div`
+`,Y=t.div`
   padding-left: 1rem;
   padding-right: 1rem;
   z-index: 2;
@@ -55,7 +55,7 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import i,{keyframes as I}from"
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
-`,H=i.div`
+`,A=t.div`
   ${({$centered:e})=>e&&`
     display: flex;
     flex-direction: column;
@@ -63,7 +63,7 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import i,{keyframes as I}from"
     text-align: center;
   `}
 
-  ${({$maxWidth:e,$dynamicGutter:t})=>!t&&`
+  ${({$maxWidth:e,$dynamicGutter:i})=>!i&&`
     width: 100%;
     margin-left: auto;
     margin-right: auto;
@@ -81,19 +81,19 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import i,{keyframes as I}from"
       margin-right: ${e.laptopVw}vw;
     }
   `}
-`,J=i(P)`
+`,H=t(I)`
   margin: 0;
-  color: ${({$color:e,theme:t})=>t.colors.text[e]};
+  color: ${({$color:e,theme:i})=>i.colors.text[e]};
 
   ${({$shadow:e})=>e&&"text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);"}
-`,L=i(q)`
+`,J=t(P)`
   margin: 0.25rem 0;
-  color: ${({$color:e,theme:t})=>t.colors.text[e]};
+  color: ${({$color:e,theme:i})=>i.colors.text[e]};
 
   ${({$shadow:e})=>e&&"text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);"}
-`,M=i.div`
+`,L=t.div`
   display: inline-block;
   margin-top: 3rem;
 
-  ${({$shadow:e,theme:t})=>e&&`box-shadow: ${t.elevations.elevation8};`}
-`,N=({imageProps:e,imageElement:t,videoProps:r,children:n,align:u,direction:x,justify:w,contentMaxWidth:y=64,heading:d,headingColor:p="dark",subheading:l,button:s,dynamicGutter:b,isLoading:v=!1,contentCentered:k=!1,containerStyle:j,elementShadow:$=!1})=>{const{autoplay:G=0,controls:z=0,disablekb:E=0,end:h,loop:S=0,modestbranding:V=1,start:W=0,showInfo:C=0}=r?.ytConfig||{};return v?o(B,{"data-testid":"loader"}):o(A,{style:j,children:r?o(F,{"data-testid":"hero-video",title:"video-frame",src:`${r.src}?disabledkb=${E}&autoplay=${G}&controls=${z}&loop=${S}&modestbranding=${V}&start=${W}&showInfo=${C}${h?`&end=${h}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):c(X,{"data-testid":"hero-image",$positionX:t?void 0:e?.x,$positionY:t?void 0:e?.y,$url:t?void 0:e?.src,children:[t,c(Y,{children:[(d||l||s)&&c(H,{$maxWidth:y,$dynamicGutter:b,$centered:k,children:[d&&o(J,{as:"h1",$color:p,$shadow:$,children:d}),l&&o(L,{$color:p,$shadow:$,children:l}),s&&o(M,{$shadow:$,children:s})]}),n&&o(D,{$pointerEvents:r?"none":"auto",$align:u||"flex-start",$direction:x||"column",$justify:w||"flex-start",children:n})]})]})})};export{g as colorAnimation,N as default};
+  ${({$shadow:e,theme:i})=>e&&`box-shadow: ${i.elevations.elevation8};`}
+`,N=({imageProps:e,imageElement:i,videoProps:r,children:n,align:f,direction:u,justify:x,contentMaxWidth:w=64,heading:d,headingColor:p="dark",subheading:l,button:$,dynamicGutter:y,isLoading:b=!1,contentCentered:v=!1,containerStyle:k,elementShadow:s=!1})=>{const{autoplay:j=0,controls:G=0,disablekb:z=0,end:h,loop:E=0,modestbranding:S=1,start:V=0,showInfo:W=0}=r?.ytConfig||{};return b?o(D,{"data-testid":"loader"}):o(q,{style:k,children:r?o(M,{"data-testid":"hero-video",title:"video-frame",src:`${r.src}?disabledkb=${z}&autoplay=${j}&controls=${G}&loop=${E}&modestbranding=${S}&start=${V}&showInfo=${W}${h?`&end=${h}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):c(X,{"data-testid":"hero-image",$positionX:i?void 0:e?.x,$positionY:i?void 0:e?.y,$url:i?void 0:e?.src,children:[i,c(Y,{children:[(d||l||$)&&c(A,{$maxWidth:w,$dynamicGutter:y,$centered:v,children:[d&&o(H,{as:"h1",$color:p,$shadow:s,children:d}),l&&o(J,{$color:p,$shadow:s,children:l}),$&&o(L,{$shadow:s,children:$})]}),n&&o(F,{$pointerEvents:r?"none":"auto",$align:f||"flex-start",$direction:u||"column",$justify:x||"flex-start",children:n})]})]})})};export{N as default};

package/esm/components/SpinnerThin/index.js

@@ -1,6 +1,6 @@
-import{jsxs as l,jsx as e}from"react/jsx-runtime";import o from"styled-components";import d from"../../icons/components/CheckmarkIcon.js";import f from"../../icons/components/CloseIcon.js";import c from"../Spinner/index.js";import"../../theme.js";const s=o.div`
+import{jsxs as d,jsx as e}from"react/jsx-runtime";import o from"styled-components";import l from"../../icons/components/CheckmarkIcon.js";import p from"../../icons/components/CloseIcon.js";import f from"../Spinner/index.js";import"../../theme.js";const h=o.div`
   position: absolute;
-`,h=o(c)`
+`,$=o(f)`
   position: absolute;
 
   ${({size:i})=>i&&`
@@ -18,7 +18,7 @@ import{jsxs as l,jsx as e}from"react/jsx-runtime";import o from"styled-component
         animation: none;
         border: 1px solid ${t.colors.gray.dark3};
     `}
-`,n=o.div`
+`,s=o.div`
   position: absolute;
   display: flex;
   align-items: center;
@@ -35,4 +35,4 @@ import{jsxs as l,jsx as e}from"react/jsx-runtime";import o from"styled-component
 
   transition: opacity 500ms ease-in-out;
   opacity: ${({isDone:i,isError:t})=>!i&&!t?"0":"1"};
-`,a=({isLoading:i=!0,isDone:t=!1,isError:m=!1,size:r=3.5,...p})=>l(s,{"data-testid":"spinner-thin","aria-label":"Loading...",children:[e(n,{size:r,isDone:t,children:e(d,{})}),e(n,{isClose:!0,size:r,isError:m,children:e(f,{})}),e(h,{size:r,speed:"fast",color:"neutral",isLoading:i,...p})]});export{s as Container,n as IconWrapper,a as SpinnerThin,a as default};
+`,n=({isLoading:i=!0,isDone:t=!1,isError:a=!1,size:r=3.5,...m})=>d(h,{"data-testid":"spinner-thin","aria-label":"Loading...",children:[e(s,{size:r,isDone:t,children:e(l,{})}),e(s,{isClose:!0,size:r,isError:a,children:e(p,{})}),e($,{size:r,speed:"fast",color:"neutral",isLoading:i,...m})]});export{n as SpinnerThin,n as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "15.0.46",
+  "version": "15.0.48",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -69,14 +69,12 @@
     "@testing-library/react": "^16.0.1",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/classnames": "^2.2.11",
     "@types/jest": "^29.5.12",
     "@types/node": "22.14.0",
     "@types/react": "^18.3.8",
     "@types/react-collapse": "^5.0.4",
     "@types/react-dom": "^18.3.0",
     "@types/react-transition-group": "^4.4.11",
-    "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^8.7.0",
     "@typescript-eslint/parser": "^8.7.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
@@ -100,7 +98,6 @@
     "react-day-picker": "^7.4.8",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.3.1",
-    "react-is": "^18.3.1",
     "react-select": "^5.8.0",
     "react-select-event": "5.5.1",
     "react-transition-group": "^4.0.0",
@@ -112,7 +109,6 @@
     "storybook": "^8.3.2",
     "styled-components": "^6.1.13",
     "ts-jest": "^29.2.4",
-    "tslib": "^2.6.3",
     "typescript": "5.8.3"
   },
   "description": "KVDBil components library",

package/package.json.tmp

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "15.0.46",
+  "version": "15.0.48",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -68,14 +68,12 @@
     "@testing-library/react": "^16.0.1",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/classnames": "^2.2.11",
     "@types/jest": "^29.5.12",
     "@types/node": "22.14.0",
     "@types/react": "^18.3.8",
     "@types/react-collapse": "^5.0.4",
     "@types/react-dom": "^18.3.0",
     "@types/react-transition-group": "^4.4.11",
-    "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^8.7.0",
     "@typescript-eslint/parser": "^8.7.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
@@ -99,7 +97,6 @@
     "react-day-picker": "^7.4.8",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.3.1",
-    "react-is": "^18.3.1",
     "react-select": "^5.8.0",
     "react-select-event": "5.5.1",
     "react-transition-group": "^4.0.0",
@@ -111,7 +108,6 @@
     "storybook": "^8.3.2",
     "styled-components": "^6.1.13",
     "ts-jest": "^29.2.4",
-    "tslib": "^2.6.3",
     "typescript": "5.8.3"
   },
   "description": "KVDBil components library",

package/types/components/Button/styles.d.ts

@@ -9,8 +9,6 @@ export declare const fontSizes: {
 export declare const smallerAndSmallSizeStyles: () => string;
 export declare const regularSizeStyles: () => string;
 export declare const largeSizeStyles: () => string;
-export declare const outlineColorStyles: (theme: Theme, color: Color) => string;
-export declare const flatColorStyles: (theme: Theme, color: Color) => string;
 export declare const disabledColorStyles: (theme: Theme, variant: Variant) => string;
 export declare const colorStyles: {
     solid: (theme: Theme, color: Color, colorShade: ColorShade) => string;

package/types/components/Hero/index.d.ts

@@ -4,7 +4,6 @@ type Justify = Exclude<CSSProperties['justifyContent'], number>;
 type Align = Exclude<CSSProperties['alignItems'], number>;
 type Direction = CSSProperties['flexDirection'];
 type DarkOrLight = 'dark' | 'light';
-export declare const colorAnimation: import("styled-components/dist/models/Keyframes").default;
 type ObjectPositionX = number | 'center' | 'left' | 'right';
 type ObjectPositionY = number | 'center' | 'top' | 'bottom';
 type DynamicGutter = {

package/types/components/SpinnerThin/index.d.ts

@@ -1,5 +1,3 @@
-import React from 'react';
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export interface SpinnerThinProps {
     size?: number;
     isDone?: boolean;
@@ -7,9 +5,5 @@ export interface SpinnerThinProps {
     isLoading?: boolean;
     isClose?: boolean;
 }
-type IconWrapperProps = SpinnerThinProps & {
-    size: number;
-};
-export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IconWrapperProps>> & string;
 export declare const SpinnerThin: ({ isLoading, isDone, isError, size, ...rest }: SpinnerThinProps) => import("react/jsx-runtime").JSX.Element;
 export default SpinnerThin;

package/types/Interfaces.d.ts

@@ -1,4 +0,0 @@
-import { ElementType } from 'react';
-export interface WithAsProp {
-    as?: ElementType;
-}