@solostylist/ui-kit 1.0.174 → 1.0.176

package/dist/theme/theme-primitives.js

@@ -1,6 +1,6 @@
-import { a as m } from "../createTheme-3Wd3hHrj.js";
+import { a as y } from "../createTheme-f5g1s6ww.js";
 import { a as e } from "../colorManipulator-ep5lERxB.js";
-const s = m(), r = {
+const r = {
   50: "hsl(210, 100%, 95%)",
   100: "hsl(210, 100%, 92%)",
   200: "hsl(210, 100%, 80%)",
@@ -121,7 +121,7 @@ const s = m(), r = {
   700: "hsl(0, 94%, 18%)",
   800: "hsl(0, 95%, 12%)",
   900: "hsl(0, 93%, 6%)"
-}, b = {
+}, m = {
   50: "hsl(356, 100%, 98%)",
   100: "hsl(356, 95%, 94%)",
   200: "hsl(356, 90%, 87%)",
@@ -132,7 +132,7 @@ const s = m(), r = {
   700: "hsl(356, 100%, 34%)",
   800: "hsl(356, 100%, 27%)",
   900: "hsl(356, 100%, 21%)"
-}, w = {
+}, W = {
   50: "hsl(270, 100%, 98%)",
   100: "hsl(270, 95%, 94%)",
   200: "hsl(270, 90%, 87%)",
@@ -143,7 +143,7 @@ const s = m(), r = {
   700: "hsl(270, 75%, 25%)",
   800: "hsl(270, 80%, 15%)",
   900: "hsl(270, 85%, 10%)"
-}, S = {
+}, v = {
   50: "hsl(280, 60%, 98%)",
   100: "hsl(280, 55%, 95%)",
   200: "hsl(280, 50%, 88%)",
@@ -154,61 +154,65 @@ const s = m(), r = {
   700: "hsl(280, 90%, 34%)",
   800: "hsl(280, 95%, 27%)",
   900: "hsl(280, 100%, 21%)"
-}, h = {
+}, s = {
   0: "rgba(0,0,0,0)",
   10: "rgba(0,0,0,0.1)",
-  20: "rgba(0,0,0,0.2)",
   30: "rgba(0,0,0,0.3)",
-  40: "rgba(0,0,0,0.4)",
   50: "rgba(0,0,0,0.5)",
   60: "rgba(0,0,0,0.6)",
-  70: "rgba(0,0,0,0.7)",
   80: "rgba(0,0,0,0.8)",
-  90: "rgba(0,0,0,0.9)",
   100: "rgba(0,0,0,1)"
-}, l = {
+}, h = {
   0: "rgba(255,255,255,0)",
   10: "rgba(255,255,255,0.1)",
-  20: "rgba(255,255,255,0.2)",
   30: "rgba(255,255,255,0.3)",
-  40: "rgba(255,255,255,0.4)",
   50: "rgba(255,255,255,0.5)",
   60: "rgba(255,255,255,0.6)",
-  70: "rgba(255,255,255,0.7)",
   80: "rgba(255,255,255,0.8)",
-  90: "rgba(255,255,255,0.9)",
   100: "rgba(255,255,255,1)"
-}, y = {
+}, b = {
+  primary: "linear-gradient(90deg, #1469be 0%, #43ecff 100%)",
+  secondary: "linear-gradient(90deg, #0088F6 0%, #1DDD83 77.25%)",
+  indigo: "linear-gradient(to right, transparent, #6366f1, transparent)",
+  sky: "linear-gradient(to right, transparent, #0ea5e9, transparent)",
+  radial: "radial-gradient(at 50% 50%, hsla(210, 100%, 16%, 0.5), hsl(220, 30%, 5%))"
+}, x = {
+  primary: "linear-gradient(90deg, #0ea5e9 0%, #2563eb 100%)",
+  secondary: "linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%)",
+  indigo: "linear-gradient(to right, transparent, rgba(79, 70, 229, 0.6), transparent)",
+  sky: "linear-gradient(to right, transparent, rgba(14, 165, 233, 0.55), transparent)",
+  radial: "radial-gradient(at 50% 50%, hsla(210, 100%, 84%, 0.5), hsl(220, 30%, 95%))"
+}, u = {
+  shadowLight: h[30],
+  shadowMedium: h[60],
+  ring: h[80],
+  background: h[80],
+  radialGradient: `radial-gradient(circle, ${h[30]} 0%, ${h[10]} 50%, transparent 100%)`
+}, k = {
+  shadowLight: s[30],
+  shadowMedium: s[60],
+  ring: s[80],
+  background: s[80],
+  radialGradient: `radial-gradient(circle, ${s[30]} 0%, ${s[10]} 50%, transparent 100%)`
+}, l = y(), T = {
   palette: {
-    gradient: {
-      primary: "linear-gradient(90deg, #1469be 0%, #43ecff 100%);",
-      secondary: "linear-gradient(90deg, #0088F6 0%, #1DDD83 77.25%)",
-      indigo: "linear-gradient(to right, transparent, #6366f1, transparent)",
-      sky: "linear-gradient(to right, transparent, #0ea5e9, transparent)",
-      radial: "radial-gradient(at 50% 50%, hsla(210, 100%, 16%, 0.5), hsl(220, 30%, 5%))"
-    },
+    gradient: b,
     blackAlpha: {
+      zero: s[0],
+      light: s[10],
+      medium: s[50],
+      dark: s[80],
+      full: s[100]
+    },
+    whiteAlpha: {
       zero: h[0],
       light: h[10],
       medium: h[50],
       dark: h[80],
       full: h[100]
     },
-    whiteAlpha: {
-      zero: l[0],
-      light: l[10],
-      medium: l[50],
-      dark: l[80],
-      full: l[100]
-    },
     ui: {
-      pulse: {
-        shadowLight: l[30],
-        shadowMedium: l[60],
-        ring: l[80],
-        background: l[80],
-        radialGradient: `radial-gradient(circle, ${l[30]} 0%, ${l[10]} 50%, transparent 100%)`
-      }
+      pulse: u
     },
     primary: {
       contrastText: r[50],
@@ -258,37 +262,25 @@ const s = m(), r = {
     },
     baseShadow: "hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"
   }
-}, x = {
+}, w = {
   palette: {
-    gradient: {
-      primary: "linear-gradient(90deg, #0ea5e9 0%, #2563eb 100%)",
-      secondary: "linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%)",
-      indigo: "linear-gradient(to right, transparent, rgba(79, 70, 229, 0.6), transparent)",
-      sky: "linear-gradient(to right, transparent, rgba(14, 165, 233, 0.55), transparent)",
-      radial: "radial-gradient(at 50% 50%, hsla(210, 100%, 84%, 0.5), hsl(220, 30%, 95%))"
-    },
+    gradient: x,
     blackAlpha: {
+      zero: s[0],
+      light: s[10],
+      medium: s[50],
+      dark: s[80],
+      full: s[100]
+    },
+    whiteAlpha: {
       zero: h[0],
       light: h[10],
       medium: h[50],
       dark: h[80],
       full: h[100]
     },
-    whiteAlpha: {
-      zero: l[0],
-      light: l[10],
-      medium: l[50],
-      dark: l[80],
-      full: l[100]
-    },
     ui: {
-      pulse: {
-        shadowLight: h[30],
-        shadowMedium: h[60],
-        ring: h[80],
-        background: h[80],
-        radialGradient: `radial-gradient(circle, ${h[30]} 0%, ${h[10]} 50%, transparent 100%)`
-      }
+      pulse: k
     },
     primary: {
       contrastText: i[50],
@@ -311,10 +303,10 @@ const s = m(), r = {
       dark: p[700]
     },
     error: {
-      contrastText: b[50],
-      light: b[200],
-      main: b[500],
-      dark: b[700]
+      contrastText: m[50],
+      light: m[200],
+      main: m[500],
+      dark: m[700]
     },
     success: {
       contrastText: o[50],
@@ -337,70 +329,68 @@ const s = m(), r = {
       selected: e(a[300], 0.3)
     },
     baseShadow: "rgba(15, 23, 42, 0.08) 0px 2px 8px 0px, rgba(15, 23, 42, 0.04) 0px 1px 2px -1px"
-    // Premium shadows with subtle slate tint
   }
-}, z = { light: x, dark: y }, R = {
+}, A = { light: w, dark: T }, G = {
   fontFamily: "Outfit, sans-serif",
   h1: {
-    fontSize: s.typography.pxToRem(48),
+    fontSize: l.typography.pxToRem(48),
     fontWeight: 600,
     lineHeight: 1.2,
     letterSpacing: -0.5
   },
   h2: {
-    fontSize: s.typography.pxToRem(36),
+    fontSize: l.typography.pxToRem(36),
     fontWeight: 600,
     lineHeight: 1.2
   },
   h3: {
-    fontSize: s.typography.pxToRem(30),
+    fontSize: l.typography.pxToRem(30),
     fontWeight: 600,
     lineHeight: 1.2
   },
   h4: {
-    fontSize: s.typography.pxToRem(24),
+    fontSize: l.typography.pxToRem(24),
     fontWeight: 600,
     lineHeight: 1.2
   },
   h5: {
-    fontSize: s.typography.pxToRem(20),
+    fontSize: l.typography.pxToRem(20),
     fontWeight: 600,
     lineHeight: 1.2
   },
   h6: {
-    fontSize: s.typography.pxToRem(18),
+    fontSize: l.typography.pxToRem(18),
     fontWeight: 600,
     lineHeight: 1.2
   },
   subtitle1: {
-    fontSize: s.typography.pxToRem(18),
+    fontSize: l.typography.pxToRem(18),
     fontWeight: 500
   },
   subtitle2: {
-    fontSize: s.typography.pxToRem(14),
+    fontSize: l.typography.pxToRem(14),
     fontWeight: 500
   },
   body1: {
-    fontSize: s.typography.pxToRem(14),
+    fontSize: l.typography.pxToRem(14),
     fontWeight: 400
   },
   body2: {
-    fontSize: s.typography.pxToRem(14),
+    fontSize: l.typography.pxToRem(14),
     fontWeight: 400
   },
   caption: {
-    fontSize: s.typography.pxToRem(12),
+    fontSize: l.typography.pxToRem(12),
     fontWeight: 400,
     color: "var(--s-palette-text-secondary)"
   }
-}, W = {
+}, H = {
   borderRadius: 8
-}, u = ["none", "var(--s-palette-baseShadow)", ...s.shadows.slice(2)], v = u;
+}, S = ["none", "var(--s-palette-baseShadow)", ...l.shadows.slice(2)], $ = S;
 export {
-  h as blackAlpha,
   d as blue,
   r as brand,
-  z as colorSchemes,
+  A as colorSchemes,
   t as gray,
   n as green,
   c as lightBlue,
@@ -408,13 +398,12 @@ export {
   a as lightGray,
   o as lightGreen,
   p as lightOrange,
-  S as lightPurple,
-  b as lightRed,
+  v as lightPurple,
+  m as lightRed,
   g as orange,
-  w as purple,
+  W as purple,
   f as red,
-  v as shadows,
-  W as shape,
-  R as typography,
-  l as whiteAlpha
+  $ as shadows,
+  H as shape,
+  G as typography
 };

package/dist/{typographyClasses-DDyl9mok.js → typographyClasses-C7fhAsUD.js}

@@ -1,9 +1,9 @@
-import { g as a } from "./colorManipulator-ep5lERxB.js";
-import { g as i } from "./generateUtilityClasses-BtVDwGrk.js";
+import { g as a } from "./generateUtilityClasses-BtVDwGrk.js";
+import { g as i } from "./colorManipulator-ep5lERxB.js";
 function e(t) {
-  return a("MuiTypography", t);
+  return i("MuiTypography", t);
 }
-const s = i("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+const s = a("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
 export {
   e as g,
   s as t