@kvdbil/components 9.1.0 → 9.1.1

package/cjs/components/Spinner/index.js

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

package/esm/components/Spinner/index.js

@@ -1,14 +1,14 @@
-import i from"react";import s,{keyframes as m}from"styled-components";import d from"../../theme.js";const u=e=>{const r={slow:"2s",default:"1s",fast:"0.5s"};return r[e]||r.default},t=e=>{const r={smaller:1,small:2,regular:3,large:4};return typeof e=="number"?e:r[e]||r.regular},f=m`
+import n from"react";import s,{keyframes as m}from"styled-components";import d from"../../theme.js";const u=e=>{const r={slow:"2s",default:"1s",fast:"0.5s"};return r[e]||r.default},t=e=>{const r={smaller:1,small:2,regular:3,large:4};return typeof e=="number"?e:r[e]||r.regular},f=m`
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
-`,c=s.div`
+`,g=s.div`
   display: inline-block;
   border-radius: 50%;
-  border-top: ${({theme:e,color:r,size:a})=>{var o,l,n;return`${t(a)/10}em solid ${(n=(l=(o=e.colors)==null?void 0:o[r])==null?void 0:l.main)!=null?n:r}`}};
+  border-top: ${({theme:e,color:r,size:o})=>{var a,l,i;return`${t(o)/10}em solid ${(i=(l=(a=e.colors)==null?void 0:a[r])==null?void 0:l.main)!=null?i:r}`}};
   border-bottom: ${({size:e})=>`${t(e)/10}em solid rgba(0, 0, 0, 0.1);`};
   border-right: ${({size:e})=>`${t(e)/10}em solid rgba(0, 0, 0, 0.1);`};
   border-left: ${({size:e})=>`${t(e)/10}em solid rgba(0, 0, 0, 0.1);`};
@@ -16,4 +16,4 @@ import i from"react";import s,{keyframes as m}from"styled-components";import d f
   height: ${({size:e})=>t(e)}em;
   animation: ${f} ${({speed:e})=>u(e)} infinite linear;
   will-change: transform;
-`,g=({size:e="regular",color:r="primary",speed:a="default",...o})=>i.createElement(c,{...o,role:"status","aria-live":"polite","aria-busy":"true",size:e,speed:a,color:r,theme:d});export{g as default};
+`,b=({size:e="regular",color:r="primary",speed:o="default",...a})=>n.createElement(g,{...a,"aria-label":"loading",role:"status","aria-live":"polite","aria-busy":"true",size:e,speed:o,color:r,theme:d});export{b as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "9.1.0",
+  "version": "9.1.1",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

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

@@ -1,9 +1,11 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { Color, Size, Speed } from '../../Types';
-export interface SpinnerProps extends ComponentPropsWithoutRef<'div'> {
-    size?: Size | number;
-    color?: Color | string;
-    speed?: Speed;
+interface SpinnerBaseProps {
+    color: Color | string;
+    size: Size | number;
+    speed: Speed;
+}
+export interface SpinnerProps extends ComponentPropsWithoutRef<'div'>, Partial<SpinnerBaseProps> {
 }
 declare const Spinner: ({ size, color, speed, ...props }: SpinnerProps) => JSX.Element;
 export default Spinner;