@solostylist/ui-kit 1.0.61 → 1.0.62

package/dist/assets/s-glow-button.css

@@ -0,0 +1 @@
+.gradient-text{background-image:var(--s-palette-gradient-primary);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

package/dist/s-glow-button/s-glow-button.js

@@ -1,8 +1,8 @@
 import { j as n } from "../jsx-runtime-C5mzlN2N.js";
 import { useRef as u, useEffect as A } from "react";
 import { Box as c, Button as $ } from "@mui/material";
-import { useMotionValue as E, useAnimationFrame as F, useTransform as b, useMotionTemplate as z, motion as B } from "framer-motion";
-const w = 120, m = {
+import { useMotionValue as z, useAnimationFrame as E, useTransform as b, useMotionTemplate as F, motion as B } from "framer-motion";
+import '../assets/s-glow-button.css';const w = 120, m = {
   background: "#0f172acc",
   glowColor: "#38bdf8"
 }, y = {
@@ -24,8 +24,8 @@ function v({
   ry: f,
   phase: l = 0
 }) {
-  const t = u(null), e = E(0);
-  F((o) => {
+  const t = u(null), e = z(0);
+  E((o) => {
     var i;
     const r = (i = t.current) == null ? void 0 : i.getTotalLength();
     if (r) {
@@ -39,7 +39,7 @@ function v({
   }), x = b(e, (o) => {
     var r, i;
     return (i = (r = t.current) == null ? void 0 : r.getPointAtLength(o)) == null ? void 0 : i.y;
-  }), g = z`translateX(${d}px) translateY(${x}px) translateX(-50%) translateY(-50%)`;
+  }), g = F`translateX(${d}px) translateY(${x}px) translateX(-50%) translateY(-50%)`;
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       "svg",
@@ -191,7 +191,7 @@ const X = ({ borderRadius: s = 2, children: p, duration: a = 5e3, ...f }) => {
                 backgroundColor: "var(--s-palette-background-paper)"
               }
             },
-            children: /* @__PURE__ */ n.jsx(c, { className: "gradient-text", children: p })
+            children: /* @__PURE__ */ n.jsx(c, { className: "gradient-text", fontSize: 16, children: p })
           }
         )
       ]

package/dist/s-gradient-icon/s-gradient-icon.js

@@ -9,7 +9,7 @@ const l = ({ hovered: t, IconComponent: r, sx: s, ...i }) => r ? /* @__PURE__ */
     {
       ...i,
       sx: {
-        fontSize: "1rem",
+        fontSize: "1.5rem",
         fill: t ? "url(#headerGradient)" : "var(--s-palette-text-primary)",
         transition: "fill 0.3s",
         ...s

package/dist/theme/theme-primitives.d.ts

@@ -86,6 +86,9 @@ export declare const red: {
 export declare const colorSchemes: {
     dark: {
         palette: {
+            gradient: {
+                primary: string;
+            };
             primary: {
                 contrastText: string;
                 light: string;

package/dist/theme/theme-primitives.js

@@ -1,5 +1,5 @@
 import { b as r, a as s } from "../createTheme-CozHbEju.js";
-const h = r(), t = {
+const t = r(), h = {
   50: "hsl(210, 100%, 95%)",
   100: "hsl(210, 100%, 92%)",
   200: "hsl(210, 100%, 80%)",
@@ -42,7 +42,7 @@ const h = r(), t = {
   700: "hsl(120, 75%, 16%)",
   800: "hsl(120, 84%, 10%)",
   900: "hsl(120, 87%, 6%)"
-}, l = {
+}, a = {
   50: "hsl(45, 100%, 97%)",
   100: "hsl(45, 92%, 90%)",
   200: "hsl(45, 94%, 80%)",
@@ -53,7 +53,7 @@ const h = r(), t = {
   700: "hsl(45, 94%, 20%)",
   800: "hsl(45, 95%, 16%)",
   900: "hsl(45, 93%, 12%)"
-}, a = {
+}, l = {
   50: "hsl(0, 100%, 97%)",
   100: "hsl(0, 92%, 90%)",
   200: "hsl(0, 94%, 80%)",
@@ -64,31 +64,34 @@ const h = r(), t = {
   700: "hsl(0, 94%, 18%)",
   800: "hsl(0, 95%, 12%)",
   900: "hsl(0, 93%, 6%)"
-}, i = {
+}, p = {
   dark: {
     palette: {
+      gradient: {
+        primary: "linear-gradient(90deg, #1469be 0%, #43ecff 100%);"
+      },
       primary: {
-        contrastText: t[50],
-        light: t[300],
-        main: t[400],
-        dark: t[700]
+        contrastText: h[50],
+        light: h[300],
+        main: h[400],
+        dark: h[700]
       },
       info: {
-        contrastText: t[300],
-        light: t[500],
-        main: t[700],
-        dark: t[900]
+        contrastText: h[300],
+        light: h[500],
+        main: h[700],
+        dark: h[900]
       },
       warning: {
-        light: l[400],
-        main: l[500],
-        dark: l[700]
-      },
-      error: {
         light: a[400],
         main: a[500],
         dark: a[700]
       },
+      error: {
+        light: l[400],
+        main: l[500],
+        dark: l[700]
+      },
       success: {
         light: o[400],
         main: o[500],
@@ -116,61 +119,61 @@ const h = r(), t = {
 }, g = {
   fontFamily: "Outfit, sans-serif",
   h1: {
-    fontSize: h.typography.pxToRem(48),
+    fontSize: t.typography.pxToRem(48),
     fontWeight: 600,
     lineHeight: 1.2,
     letterSpacing: -0.5
   },
   h2: {
-    fontSize: h.typography.pxToRem(36),
+    fontSize: t.typography.pxToRem(36),
     fontWeight: 600,
     lineHeight: 1.2
   },
   h3: {
-    fontSize: h.typography.pxToRem(30),
+    fontSize: t.typography.pxToRem(30),
     lineHeight: 1.2
   },
   h4: {
-    fontSize: h.typography.pxToRem(24),
+    fontSize: t.typography.pxToRem(24),
     fontWeight: 600,
     lineHeight: 1.5
   },
   h5: {
-    fontSize: h.typography.pxToRem(20),
+    fontSize: t.typography.pxToRem(20),
     fontWeight: 600
   },
   h6: {
-    fontSize: h.typography.pxToRem(18),
+    fontSize: t.typography.pxToRem(18),
     fontWeight: 600
   },
   subtitle1: {
-    fontSize: h.typography.pxToRem(18)
+    fontSize: t.typography.pxToRem(18)
   },
   subtitle2: {
-    fontSize: h.typography.pxToRem(14),
+    fontSize: t.typography.pxToRem(14),
     fontWeight: 500
   },
   body1: {
-    fontSize: h.typography.pxToRem(14)
+    fontSize: t.typography.pxToRem(14)
   },
   body2: {
-    fontSize: h.typography.pxToRem(14),
+    fontSize: t.typography.pxToRem(14),
     fontWeight: 400
   },
   caption: {
-    fontSize: h.typography.pxToRem(12),
+    fontSize: t.typography.pxToRem(12),
     fontWeight: 400
   }
 }, y = {
   borderRadius: 8
-}, n = ["none", "var(--s-palette-baseShadow)", ...h.shadows.slice(2)], f = n;
+}, n = ["none", "var(--s-palette-baseShadow)", ...t.shadows.slice(2)], f = n;
 export {
-  t as brand,
-  i as colorSchemes,
+  h as brand,
+  p as colorSchemes,
   e as gray,
   o as green,
-  l as orange,
-  a as red,
+  a as orange,
+  l as red,
   f as shadows,
   y as shape,
   g as typography

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.61",
+  "version": "1.0.62",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",