@companix/uikit 0.0.44 → 0.0.45

package/dist/Spinner/Spinner.scss

@@ -1,14 +1,19 @@
+@use '../mixins.scss';
+
 @keyframes spinner-border {
   to {
     transform: rotate(360deg);
   }
 }
 
-.spinner-border {
+.spinner {
   display: inline-block;
   border-style: solid;
   border-color: currentColor;
+  border-width: 2px;
   border-right-color: transparent;
   border-radius: 50%;
   animation: 0.75s linear infinite spinner-border;
+
+  @include mixins.use-styles(spinner);
 }

package/dist/Spinner/index.d.ts

@@ -1,7 +1,5 @@
 export interface SpinnerProps {
     size?: number;
-    width?: number;
-    color?: string;
     className?: string;
 }
-export declare const Spinner: ({ size, className, width, color }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Spinner: ({ size, className }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/bundle.es4.js

@@ -1,43 +1,43 @@
-import { jsx as e, jsxs as x, Fragment as h } from "react/jsx-runtime";
-import j from "classnames";
-import { Spinner as k } from "./bundle.es6.js";
-import { forwardRef as w } from "react";
+import { jsx as e, jsxs as x, Fragment as j } from "react/jsx-runtime";
+import k from "classnames";
+import { Spinner as z } from "./bundle.es6.js";
+import { forwardRef as N } from "react";
 import { attr as r } from "@companix/utils-browser";
-const F = w(
+const F = N(
   ({
     children: d,
     fill: l,
-    text: i,
+    text: m,
     active: c,
     mode: f = "default",
     appearance: s = "neutral",
     size: p = "md",
     align: u,
-    icon: m,
+    icon: n,
     loading: t,
     className: b,
-    iconRight: n,
-    Component: o = "button",
+    iconRight: o,
+    Component: i = "button",
     ...a
   }, v) => /* @__PURE__ */ e(
-    o,
+    i,
     {
       ref: v,
-      className: j("button", b),
+      className: k("button", b),
       "data-size": p,
       "data-loading": r(t),
-      "data-align": t ? "center" : u ?? (m && n ? "left" : "center"),
+      "data-align": t ? "center" : u ?? (n && o ? "left" : "center"),
       "data-appearance": s,
       "data-mode": f,
       "data-fill": r(l),
       "data-active": r(c),
-      type: o === "button" ? "button" : void 0,
+      type: i === "button" ? "button" : void 0,
       ...a,
       onClick: t ?? a.disabled ? void 0 : a.onClick,
-      children: t ? /* @__PURE__ */ e(k, { size: 14, width: 2 }) : /* @__PURE__ */ x(h, { children: [
-        m,
-        (d ?? i) && /* @__PURE__ */ e("span", { className: "button-text", children: i ?? d }),
-        n
+      children: t ? /* @__PURE__ */ e(z, { size: 14 }) : /* @__PURE__ */ x(j, { children: [
+        n,
+        (d ?? m) && /* @__PURE__ */ e("span", { className: "button-text", children: m ?? d }),
+        o
       ] })
     }
   )

package/dist/bundle.es6.js

@@ -1,13 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import n from "classnames";
-const d = ({ size: r = 40, className: t, width: e = 2, color: i = "inherit" }) => /* @__PURE__ */ o(
+const s = ({ size: r = 40, className: t }) => /* @__PURE__ */ e(
   "div",
   {
-    style: { width: `${r}px`, height: `${r}px`, color: i, borderWidth: `${e}px` },
-    className: n("spinner-border", t),
+    style: { width: `${r}px`, height: `${r}px` },
+    className: n("spinner", t),
     role: "status"
   }
 );
 export {
-  d as Spinner
+  s as Spinner
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",