@solostylist/ui-kit 1.0.223 → 1.0.225

package/dist/theme/components/toggle-button.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle-button-BgpxYWVw.js";
+import { t as e } from "../../toggle-button-BUsRxHn0.js";
 export { e as MuiToggleButton };

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

@@ -85,30 +85,96 @@ export declare const colorSchemes: {
                 dark: string;
                 white: string;
                 black: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            secondary: {
+                contrastText: string;
+                light: string;
+                main: string;
+                dark: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
             };
             info: {
                 contrastText: string;
                 light: string;
                 main: string;
                 dark: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
             };
             warning: {
                 contrastText: string;
                 light: string;
                 main: string;
                 dark: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
             };
             error: {
                 contrastText: string;
                 light: string;
                 main: string;
                 dark: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
             };
             success: {
                 contrastText: string;
                 light: string;
                 main: string;
                 dark: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
             };
             grey: import('@solostylist/core').ColorRange;
             divider: string;
@@ -155,30 +221,96 @@ export declare const colorSchemes: {
                 dark: string;
                 white: string;
                 black: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            secondary: {
+                contrastText: string;
+                light: string;
+                main: string;
+                dark: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
             };
             info: {
                 contrastText: string;
                 light: string;
                 main: string;
                 dark: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
             };
             warning: {
                 contrastText: string;
                 light: string;
                 main: string;
                 dark: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
             };
             error: {
                 contrastText: string;
                 light: string;
                 main: string;
                 dark: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
             };
             success: {
                 contrastText: string;
                 light: string;
                 main: string;
                 dark: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
             };
             grey: import('@solostylist/core').ColorRange;
             divider: string;

package/dist/theme/theme-primitives.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../theme-primitives-OrQ-xFJR.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../theme-primitives-D2vHHGiX.js";
 export { t as blue, d as brand, h as colorSchemes, m as gray, n as green, c as lightBlue, g as lightBrand, r as lightGray, i as lightGreen, f as lightOrange, l as lightPurple, o as lightRed, a as orange, e as purple, _ as red, u as shadows, p as shape, s as typography };

package/dist/theme/utils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Mixes a color with transparency using CSS color-mix().
+ *
+ * Use this instead of MUI's alpha() when the color may be a theme CSS variable
+ * (e.g. values read from `theme.vars.palette.*`): alpha() needs a parseable
+ * color string, while color-mix() lets the browser resolve var() at paint time.
+ *
+ * @param color - Any CSS color, including `var(--s-palette-...)` references
+ * @param percent - Opacity of the color in the mix, 0–100
+ */
+export declare const tint: (color: string, percent: number) => string;

package/dist/theme/utils.js

@@ -0,0 +1,4 @@
+//#region lib/theme/utils.ts
+var e = (e, t) => `color-mix(in srgb, ${e} ${t}%, transparent)`;
+//#endregion
+export { e as tint };

package/dist/{theme-primitives-OrQ-xFJR.js → theme-primitives-D2vHHGiX.js}

@@ -7,10 +7,10 @@ var n = {
 	300: "hsl(210, 100%, 65%)",
 	400: "hsl(210, 98%, 48%)",
 	500: "hsl(210, 98%, 42%)",
-	600: "hsl(210, 98%, 55%)",
+	600: "hsl(210, 98%, 38%)",
 	700: "hsl(210, 100%, 35%)",
-	800: "hsl(210, 100%, 16%)",
-	900: "hsl(210, 100%, 21%)"
+	800: "hsl(210, 100%, 21%)",
+	900: "hsl(210, 100%, 16%)"
 }, r = {
 	50: "hsl(220, 60%, 98%)",
 	100: "hsl(220, 55%, 95%)",
@@ -220,6 +220,7 @@ var n = {
 	},
 	ui: { pulse: b },
 	primary: {
+		...n,
 		contrastText: n[50],
 		light: n[400],
 		main: n[500],
@@ -227,25 +228,36 @@ var n = {
 		white: "#ffffff",
 		black: "#000000"
 	},
+	secondary: {
+		...m,
+		contrastText: m[50],
+		light: m[400],
+		main: m[500],
+		dark: m[700]
+	},
 	info: {
+		...u,
 		contrastText: u[50],
 		light: u[400],
 		main: u[500],
 		dark: u[700]
 	},
 	warning: {
+		...c,
 		contrastText: c[50],
 		light: c[400],
 		main: c[500],
 		dark: c[700]
 	},
 	error: {
+		...f,
 		contrastText: f[50],
 		light: f[400],
 		main: f[500],
 		dark: f[700]
 	},
 	success: {
+		...o,
 		contrastText: o[50],
 		light: o[400],
 		main: o[500],
@@ -286,6 +298,7 @@ var n = {
 		},
 		ui: { pulse: x },
 		primary: {
+			...r,
 			contrastText: r[50],
 			light: r[200],
 			main: r[500],
@@ -293,29 +306,40 @@ var n = {
 			white: "#ffffff",
 			black: "#000000"
 		},
+		secondary: {
+			...h,
+			contrastText: h[50],
+			light: h[200],
+			main: h[500],
+			dark: h[700]
+		},
 		info: {
+			...d,
 			contrastText: d[50],
 			light: d[200],
-			main: d[500],
-			dark: d[700]
+			main: d[700],
+			dark: d[800]
 		},
 		warning: {
+			...l,
 			contrastText: l[50],
 			light: l[200],
-			main: l[500],
-			dark: l[700]
+			main: l[800],
+			dark: l[900]
 		},
 		error: {
+			...p,
 			contrastText: p[50],
 			light: p[200],
-			main: p[500],
+			main: p[600],
 			dark: p[700]
 		},
 		success: {
+			...s,
 			contrastText: s[50],
 			light: s[200],
-			main: s[500],
-			dark: s[700]
+			main: s[800],
+			dark: s[900]
 		},
 		grey: a,
 		divider: e(a[300], .9),

package/dist/{toggle-button-BgpxYWVw.js → toggle-button-BUsRxHn0.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./generateUtilityClasses-XrPHiTcM.js";
-import { o as t, s as n } from "./theme-primitives-OrQ-xFJR.js";
+import { o as t, s as n } from "./theme-primitives-D2vHHGiX.js";
 //#region ../../node_modules/@mui/material/ToggleButton/toggleButtonClasses.mjs
 var r = e("MuiToggleButton", [
 	"root",

package/dist/{toggle-button-group-l4hL1DLP.js → toggle-button-group-ABwIhV4P.js}

@@ -1,6 +1,6 @@
 import { i as e } from "./createTheme-Bnw5w28O.js";
 import { t } from "./generateUtilityClasses-XrPHiTcM.js";
-import { o as n, s as r } from "./theme-primitives-OrQ-xFJR.js";
+import { o as n, s as r } from "./theme-primitives-D2vHHGiX.js";
 //#region ../../node_modules/@mui/material/ToggleButtonGroup/toggleButtonGroupClasses.mjs
 var i = t("MuiToggleButtonGroup", [
 	"root",

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.223",
+  "version": "1.0.225",
   "description": "advanced ui kit for solostylist",
   "type": "module",
   "main": "dist/main.js",