@solostylist/ui-kit 1.0.78 → 1.0.80

package/dist/theme/customizations/surfaces.js

@@ -1,6 +1,6 @@
 import { gray as o } from "../theme-primitives.js";
-import { a } from "../../createTheme-DuP3DZSF.js";
-const i = {
+import { a } from "../../colorManipulator-CPZHCebU.js";
+const e = {
   MuiAccordion: {
     defaultProps: {
       elevation: 0,
@@ -86,8 +86,8 @@ const i = {
   MuiCardContent: {
     styleOverrides: {
       root: {
-        padding: 0,
-        "&:last-child": { paddingBottom: 0 }
+        padding: 16
+        // '&:last-child': { paddingBottom: 16 },
       }
     }
   },
@@ -107,5 +107,5 @@ const i = {
   }
 };
 export {
-  i as surfacesCustomizations
+  e as surfacesCustomizations
 };

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

@@ -71,6 +71,18 @@ export declare const orange: {
     800: string;
     900: string;
 };
+export declare const blue: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
 export declare const red: {
     50: string;
     100: string;
@@ -83,6 +95,18 @@ export declare const red: {
     800: string;
     900: string;
 };
+export declare const purple: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
 export declare const colorSchemes: {
     dark: {
         palette: {

package/dist/theme/theme-primitives.js

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

package/dist/{typographyClasses-QAKcrTAX.js → typographyClasses-DTwotNbm.js}

@@ -1,5 +1,5 @@
-import { g as a } from "./generateUtilityClasses-BpNk3DNr.js";
-import { g as i } from "./createTheme-DuP3DZSF.js";
+import { g as a } from "./generateUtilityClasses-D-O3RBPF.js";
+import { g as i } from "./colorManipulator-CPZHCebU.js";
 function e(t) {
   return i("MuiTypography", t);
 }