@spesia/ui 1.10.11 → 1.10.12

package/dist/components/LogoAnimation/LogoAnimation.d.ts

@@ -1,10 +1,11 @@
-export type LogoAnimationColor = "brown" | "coral" | "black" | "light";
+export type LogoAnimationColor = "brown" | "coral" | "monochrome";
 export type LogoAnimationProps = {
     size?: number;
     color?: LogoAnimationColor;
+    tone?: 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
     loop?: boolean;
     speed?: number;
     className?: string;
 };
-declare const LogoAnimation: ({ size, color, loop, speed, className, }: LogoAnimationProps) => import("react/jsx-runtime").JSX.Element;
+declare const LogoAnimation: ({ size, color, loop, tone, speed, className, }: LogoAnimationProps) => import("react/jsx-runtime").JSX.Element;
 export default LogoAnimation;

package/dist/components/LogoAnimation/LogoAnimation.js

@@ -1,56 +1,56 @@
 import { jsx as y } from "react/jsx-runtime";
-import g from "../../node_modules/.pnpm/lottie-react@2.4.1_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/lottie-react/build/index.es.js";
-import { useMemo as b, useRef as d, useEffect as x } from "react";
-import w from "./logo-animation.json.js";
-import { colors as p } from "../../styles/colors.js";
+import d from "../../node_modules/.pnpm/lottie-react@2.4.1_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/lottie-react/build/index.es.js";
+import { useMemo as g, useRef as b, useEffect as w } from "react";
+import x from "./logo-animation.json.js";
+import { colors as e } from "../../styles/colors.js";
 const E = {
-  brown: p.primary.brown[90],
-  coral: p.primary.coral[100],
-  black: "#000000",
-  light: p.primary.coral[20]
+  brown: { ...e.primary.brown, 10: e.primary.brown[20] },
+  coral: { ...e.primary.coral, 10: e.primary.coral[20] },
+  monochrome: { ...e.secondary.grey, 10: e.neutral.white }
 };
-function M(t) {
-  const o = t.replace("#", ""), e = parseInt(o.slice(0, 2), 16) / 255, r = parseInt(o.slice(2, 4), 16) / 255, n = parseInt(o.slice(4, 6), 16) / 255;
-  return [e, r, n, 1];
+function M(r) {
+  const o = r.replace("#", ""), n = parseInt(o.slice(0, 2), 16) / 255, a = parseInt(o.slice(2, 4), 16) / 255, t = parseInt(o.slice(4, 6), 16) / 255;
+  return [n, a, t, 1];
 }
-function S(t, o) {
-  var a;
-  const [e, r, n, i] = M(o), c = JSON.parse(JSON.stringify(t));
-  return (a = c.layers) == null || a.forEach((s) => {
-    var f;
-    (f = s.shapes) == null || f.forEach((h) => {
-      var m;
-      (m = h.it) == null || m.forEach((l) => {
+function S(r, o) {
+  var s;
+  const [n, a, t, m] = M(o), i = JSON.parse(JSON.stringify(r));
+  return (s = i.layers) == null || s.forEach((l) => {
+    var c;
+    (c = l.shapes) == null || c.forEach((h) => {
+      var f;
+      (f = h.it) == null || f.forEach((p) => {
         var u;
-        l.ty === "fl" && ((u = l.c) != null && u.k) && (l.c.k = [e, r, n, i]);
+        p.ty === "fl" && ((u = p.c) != null && u.k) && (p.c.k = [n, a, t, m]);
       });
     });
-  }), c;
+  }), i;
 }
-const j = ({
-  size: t = 64,
+const k = ({
+  size: r = 64,
   color: o = "brown",
-  loop: e = !0,
-  speed: r = 1,
-  className: n
+  loop: n = !0,
+  tone: a = 100,
+  speed: t = 1,
+  className: m
 }) => {
-  const i = E[o], c = b(() => S(w, i), [i]), a = d(null);
-  return x(() => {
-    var s;
-    (s = a.current) == null || s.setSpeed(r);
-  }, [r]), /* @__PURE__ */ y(
-    g,
+  const i = E[o][a ?? 100], s = g(() => S(x, i), [i]), l = b(null);
+  return w(() => {
+    var c;
+    (c = l.current) == null || c.setSpeed(t);
+  }, [t]), /* @__PURE__ */ y(
+    d,
     {
-      lottieRef: a,
-      animationData: c,
-      loop: e,
+      lottieRef: l,
+      animationData: s,
+      loop: n,
       autoplay: !0,
       rendererSettings: { preserveAspectRatio: "xMidYMid meet" },
-      style: { width: t, height: t },
-      className: n
+      style: { width: r, height: r },
+      className: m
     }
   );
 };
 export {
-  j as default
+  k as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.10.11",
+  "version": "1.10.12",
   "description": "The Spesia UI toolkit for React",
   "files": [
     "dist"