@solostylist/ui-kit 1.0.64 → 1.0.66

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

@@ -67,7 +67,7 @@ function v({
     )
   ] });
 }
-const X = ({ borderRadius: s = 2, children: p, duration: a = 5e3, ...f }) => {
+const X = ({ borderRadius: s = 4, children: p, duration: a = 5e3, ...f }) => {
   const l = u(null), t = u(null), e = u(null), d = () => {
     t.current && (e.current !== null && (window.cancelAnimationFrame(e.current), e.current = null), t.current.style.left = "50%", t.current.style.top = "50%", t.current.style.opacity = "0.7");
   }, x = (o) => {
@@ -168,7 +168,7 @@ const X = ({ borderRadius: s = 2, children: p, duration: a = 5e3, ...f }) => {
               backdropFilter: "blur(20px)",
               fontSize: "0.875rem",
               textTransform: "none",
-              fontWeight: 700,
+              fontWeight: 600,
               overflow: "hidden",
               "&:before": {
                 content: '""',
@@ -176,7 +176,7 @@ const X = ({ borderRadius: s = 2, children: p, duration: a = 5e3, ...f }) => {
                 inset: 0,
                 zIndex: 0,
                 borderRadius: s,
-                padding: "2px",
+                padding: "1.25px",
                 background: "var(--s-palette-gradient-primary)",
                 WebkitMask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
                 WebkitMaskComposite: "xor",

package/dist/s-gradient-icon/s-gradient-icon.d.ts

@@ -7,6 +7,7 @@ export interface GradientIconProps extends SvgIconProps {
     hovered: boolean;
     IconComponent: IconComponent;
     sx?: SxProps;
+    strokeWidth?: number;
 }
-declare const GradientIcon: ({ hovered, IconComponent, sx, ...props }: GradientIconProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const GradientIcon: ({ hovered, IconComponent, sx, strokeWidth, ...props }: GradientIconProps) => import("react/jsx-runtime").JSX.Element | null;
 export default GradientIcon;

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

@@ -1,5 +1,5 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-const l = ({ hovered: t, IconComponent: r, sx: s, ...i }) => r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+const n = ({ hovered: t, IconComponent: r, sx: s, strokeWidth: i = 0, ...a }) => r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
   /* @__PURE__ */ e.jsx("svg", { width: 0, height: 0, children: /* @__PURE__ */ e.jsxs("linearGradient", { id: "headerGradient", x1: "0", y1: "0", x2: "1", y2: "1", children: [
     /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: "#1469be" }),
     /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: "#43ecff" })
@@ -7,10 +7,11 @@ const l = ({ hovered: t, IconComponent: r, sx: s, ...i }) => r ? /* @__PURE__ */
   /* @__PURE__ */ e.jsx(
     r,
     {
-      ...i,
+      ...a,
       sx: {
         fontSize: "1.5rem",
         fill: t ? "url(#headerGradient)" : "var(--s-palette-text-primary)",
+        strokeWidth: i,
         transition: "fill 0.3s",
         ...s
       }
@@ -18,5 +19,5 @@ const l = ({ hovered: t, IconComponent: r, sx: s, ...i }) => r ? /* @__PURE__ */
   )
 ] }) : null;
 export {
-  l as default
+  n as default
 };

package/dist/theme/customizations/feedback.js

@@ -1,4 +1,4 @@
-import { gray as e, orange as o } from "../theme-primitives.js";
+import { gray as i, orange as o } from "../theme-primitives.js";
 import { a } from "../../createTheme-BlQh0eyI.js";
 const l = {
   MuiAlert: {
@@ -32,14 +32,21 @@ const l = {
       })
     }
   },
+  MuiDialogActions: {
+    styleOverrides: {
+      root: ({ theme: r }) => ({
+        padding: `${r.spacing(2)} ${r.spacing(3)}`
+      })
+    }
+  },
   MuiLinearProgress: {
     styleOverrides: {
       root: ({ theme: r }) => ({
         height: 8,
         borderRadius: 8,
-        backgroundColor: e[200],
+        backgroundColor: i[200],
         ...r.applyStyles("dark", {
-          backgroundColor: e[800]
+          backgroundColor: i[800]
         })
       })
     }

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

@@ -88,6 +88,7 @@ export declare const colorSchemes: {
         palette: {
             gradient: {
                 primary: string;
+                secondary: string;
             };
             primary: {
                 contrastText: string;

package/dist/theme/theme-primitives.js

@@ -1,5 +1,5 @@
-import { b as r, a as s } from "../createTheme-BlQh0eyI.js";
-const t = r(), h = {
+import { b as l, a as s } from "../createTheme-BlQh0eyI.js";
+const e = l(), t = {
   50: "hsl(210, 100%, 95%)",
   100: "hsl(210, 100%, 92%)",
   200: "hsl(210, 100%, 80%)",
@@ -10,7 +10,7 @@ const t = r(), h = {
   700: "hsl(210, 100%, 35%)",
   800: "hsl(210, 100%, 16%)",
   900: "hsl(210, 100%, 21%)"
-}, e = {
+}, h = {
   50: "rgb(243, 246, 250)",
   // hsl(220, 35%, 97%)
   100: "rgb(235, 238, 244)",
@@ -53,7 +53,7 @@ const t = r(), h = {
   700: "hsl(45, 94%, 20%)",
   800: "hsl(45, 95%, 16%)",
   900: "hsl(45, 93%, 12%)"
-}, l = {
+}, r = {
   50: "hsl(0, 100%, 97%)",
   100: "hsl(0, 92%, 90%)",
   200: "hsl(0, 94%, 80%)",
@@ -68,19 +68,20 @@ const t = r(), h = {
   dark: {
     palette: {
       gradient: {
-        primary: "linear-gradient(90deg, #1469be 0%, #43ecff 100%);"
+        primary: "linear-gradient(90deg, #1469be 0%, #43ecff 100%);",
+        secondary: "linear-gradient(90deg, #0088F6 0%, #1DDD83 77.25%)"
       },
       primary: {
-        contrastText: h[50],
-        light: h[300],
-        main: h[400],
-        dark: h[700]
+        contrastText: t[50],
+        light: t[300],
+        main: t[400],
+        dark: t[700]
       },
       info: {
-        contrastText: h[300],
-        light: h[500],
-        main: h[700],
-        dark: h[900]
+        contrastText: t[300],
+        light: t[500],
+        main: t[700],
+        dark: t[900]
       },
       warning: {
         light: a[400],
@@ -88,9 +89,9 @@ const t = r(), h = {
         dark: a[700]
       },
       error: {
-        light: l[400],
-        main: l[500],
-        dark: l[700]
+        light: r[400],
+        main: r[500],
+        dark: r[700]
       },
       success: {
         light: o[400],
@@ -98,20 +99,20 @@ const t = r(), h = {
         dark: o[700]
       },
       grey: {
-        ...e
+        ...h
       },
-      divider: s(e[700], 0.6),
+      divider: s(h[700], 0.6),
       background: {
-        default: e[900],
+        default: h[900],
         paper: "hsl(220, 30%, 7%)"
       },
       text: {
         primary: "rgb(255, 255, 255)",
-        secondary: e[400]
+        secondary: h[400]
       },
       action: {
-        hover: s(e[600], 0.2),
-        selected: s(e[600], 0.3)
+        hover: s(h[600], 0.2),
+        selected: s(h[600], 0.3)
       },
       baseShadow: "hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"
     }
@@ -119,62 +120,62 @@ const t = r(), h = {
 }, g = {
   fontFamily: "Outfit, sans-serif",
   h1: {
-    fontSize: t.typography.pxToRem(48),
+    fontSize: e.typography.pxToRem(48),
     fontWeight: 600,
     lineHeight: 1.2,
     letterSpacing: -0.5
   },
   h2: {
-    fontSize: t.typography.pxToRem(36),
+    fontSize: e.typography.pxToRem(36),
     fontWeight: 600,
     lineHeight: 1.2
   },
   h3: {
-    fontSize: t.typography.pxToRem(30),
+    fontSize: e.typography.pxToRem(30),
     lineHeight: 1.2
   },
   h4: {
-    fontSize: t.typography.pxToRem(24),
+    fontSize: e.typography.pxToRem(24),
     fontWeight: 600,
     lineHeight: 1.5
   },
   h5: {
-    fontSize: t.typography.pxToRem(20),
+    fontSize: e.typography.pxToRem(20),
     fontWeight: 600
   },
   h6: {
-    fontSize: t.typography.pxToRem(18),
+    fontSize: e.typography.pxToRem(18),
     fontWeight: 600
   },
   subtitle1: {
-    fontSize: t.typography.pxToRem(18)
+    fontSize: e.typography.pxToRem(18)
   },
   subtitle2: {
-    fontSize: t.typography.pxToRem(14),
+    fontSize: e.typography.pxToRem(14),
     fontWeight: 500
   },
   body1: {
-    fontSize: t.typography.pxToRem(14)
+    fontSize: e.typography.pxToRem(14)
   },
   body2: {
-    fontSize: t.typography.pxToRem(14),
+    fontSize: e.typography.pxToRem(14),
     fontWeight: 400
   },
   caption: {
-    fontSize: t.typography.pxToRem(12),
+    fontSize: e.typography.pxToRem(12),
     fontWeight: 400
   }
 }, y = {
   borderRadius: 8
-}, n = ["none", "var(--s-palette-baseShadow)", ...t.shadows.slice(2)], f = n;
+}, n = ["none", "var(--s-palette-baseShadow)", ...e.shadows.slice(2)], d = n;
 export {
-  h as brand,
+  t as brand,
   p as colorSchemes,
-  e as gray,
+  h as gray,
   o as green,
   a as orange,
-  l as red,
-  f as shadows,
+  r as red,
+  d as shadows,
   y as shape,
   g as typography
 };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.64",
+  "version": "1.0.66",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",
@@ -19,7 +19,7 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "eslint --fix . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "app:publish": "npm run build && npm publish --access public",
+    "publish": "npm run build && npm publish --access public",
     "format:write": "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
     "format:check": "prettier --check \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
     "prepare": "husky"