@solostylist/ui-kit 1.0.217 → 1.0.218

package/dist/theme/components/input-adornment.js

@@ -1,7 +1,7 @@
 //#region lib/theme/components/input-adornment.tsx
 var e = { styleOverrides: { root: ({ theme: e }) => ({
-	color: (e.vars ?? e).palette.grey[500],
-	...e.applyStyles("dark", { color: (e.vars ?? e).palette.grey[400] })
+	color: "inherit",
+	".Mui-disabled &": { color: (e.vars ?? e).palette.text.disabled }
 }) } };
 //#endregion
 export { e as MuiInputAdornment };

package/dist/theme/components/linear-progress.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../theme-primitives-DHiY0aFC.js";
+import { s as e } from "../../theme-primitives-OrQ-xFJR.js";
 //#region lib/theme/components/linear-progress.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	height: 8,

package/dist/theme/components/link.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../createTheme-YGsrOe_4.js";
-import { o as t } from "../../theme-primitives-DHiY0aFC.js";
+import { i as e } from "../../createTheme-Bnw5w28O.js";
+import { o as t } from "../../theme-primitives-OrQ-xFJR.js";
 //#region lib/theme/components/link.tsx
 var n = {
 	defaultProps: { underline: "none" },

package/dist/theme/components/list-item.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../buttonBaseClasses-BLZbMisL.js";
 import { n as t } from "../../svgIconClasses-D46YUMKp.js";
-import { n } from "../../typographyClasses-CyjIdezx.js";
+import { n } from "../../typographyClasses-CFf0OFiD.js";
 import { listItemButtonStyles as r } from "./list-item-button.js";
 //#region lib/theme/components/list-item.tsx
 var i = { styleOverrides: { root: ({ theme: i }) => ({

package/dist/theme/components/outlined-input.d.ts

@@ -24,28 +24,36 @@ export declare const MuiOutlinedInput: {
         } & {
             theme: Theme;
         }) => {
-            [x: string]: string | number | ({
-                props: {
-                    size: "small";
-                };
-                style: {
-                    height: string;
-                    minHeight?: undefined;
-                };
-            } | {
-                props: {
-                    size: "medium";
-                };
-                style: {
-                    minHeight: string;
-                    height?: undefined;
-                };
-            })[] | {
+            [x: string]: string | number | {
                 borderColor: string;
+                minHeight?: undefined;
+                height?: undefined;
+                color?: undefined;
+                outline?: undefined;
+            } | {
+                minHeight: string;
+                borderColor?: undefined;
+                height?: undefined;
+                color?: undefined;
+                outline?: undefined;
+            } | {
+                height: string;
+                borderColor?: undefined;
+                minHeight?: undefined;
+                color?: undefined;
+                outline?: undefined;
+            } | {
+                color: string;
+                borderColor?: undefined;
+                minHeight?: undefined;
+                height?: undefined;
                 outline?: undefined;
             } | {
                 outline: string;
                 borderColor: string;
+                minHeight?: undefined;
+                height?: undefined;
+                color?: undefined;
             };
             padding: string;
             color: string;
@@ -56,23 +64,12 @@ export declare const MuiOutlinedInput: {
             '&:hover': {
                 borderColor: string;
             };
-            variants: ({
-                props: {
-                    size: "small";
-                };
-                style: {
-                    height: string;
-                    minHeight?: undefined;
-                };
-            } | {
-                props: {
-                    size: "medium";
-                };
-                style: {
-                    minHeight: string;
-                    height?: undefined;
-                };
-            })[];
+            '&:not(.MuiInputBase-sizeSmall)': {
+                minHeight: string;
+            };
+            '&.MuiInputBase-sizeSmall': {
+                height: string;
+            };
         };
         notchedOutline: {
             border: string;

package/dist/theme/components/outlined-input.js

@@ -1,8 +1,9 @@
-import { i as e } from "../../createTheme-YGsrOe_4.js";
-import { o as t, s as n } from "../../theme-primitives-DHiY0aFC.js";
-import { n as r } from "../../outlinedInputClasses-Di4lUV1O.js";
+import { i as e } from "../../createTheme-Bnw5w28O.js";
+import { o as t, s as n } from "../../theme-primitives-OrQ-xFJR.js";
+import { n as r } from "../../outlinedInputClasses-Cz4pnn0X.js";
+import { n as i } from "../../inputAdornmentClasses-VKwluNTs.js";
 //#region lib/theme/components/outlined-input.tsx
-var i = { styleOverrides: {
+var a = { styleOverrides: {
 	input: ({ ownerState: e, theme: t }) => ({
 		padding: 0,
 		...e.type === "number" && {
@@ -15,27 +16,23 @@ var i = { styleOverrides: {
 		"&:-webkit-autofill": { boxShadow: `${(t.vars ?? t).palette.background.default} 0px 0px 0px 100px inset !important` },
 		"&:-moz-autofill": { boxShadow: `${(t.vars ?? t).palette.background.default} 0px 0px 0px 100px inset !important` }
 	}),
-	root: ({ theme: i }) => ({
-		padding: i.spacing(1, 1.5),
-		color: (i.vars ?? i).palette.text.primary,
-		borderRadius: (i.vars ?? i).shape.borderRadius,
-		border: `1px solid ${(i.vars ?? i).palette.divider}`,
-		backgroundColor: (i.vars ?? i).palette.background.default,
+	root: ({ theme: a }) => ({
+		padding: a.spacing(1, 1.5),
+		color: (a.vars ?? a).palette.text.primary,
+		borderRadius: (a.vars ?? a).shape.borderRadius,
+		border: `1px solid ${(a.vars ?? a).palette.divider}`,
+		backgroundColor: (a.vars ?? a).palette.background.default,
 		transition: "border 120ms ease-in",
 		"&:hover": { borderColor: n[500] },
+		"&:not(.MuiInputBase-sizeSmall)": { minHeight: a.spacing(5) },
+		"&.MuiInputBase-sizeSmall": { height: a.spacing(4.5) },
+		[`&:has(input:placeholder-shown) .${i.root}`]: { color: (a.vars ?? a).palette.text.secondary },
 		[`&.${r.focused}`]: {
 			outline: `3px solid ${e(t[500], .5)}`,
 			borderColor: t[400]
-		},
-		variants: [{
-			props: { size: "small" },
-			style: { height: i.spacing(4.5) }
-		}, {
-			props: { size: "medium" },
-			style: { minHeight: i.spacing(5) }
-		}]
+		}
 	}),
 	notchedOutline: { border: "none" }
 } };
 //#endregion
-export { i as MuiOutlinedInput };
+export { a as MuiOutlinedInput };

package/dist/theme/components/select.d.ts

@@ -1,7 +1,27 @@
+import { Theme } from '@mui/material/styles';
 import { SvgIconProps } from '@mui/material/SvgIcon';
 import * as React from 'react';
 export declare const MuiSelect: {
     defaultProps: {
         IconComponent: React.ForwardRefExoticComponent<Omit<SvgIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     };
+    styleOverrides: {
+        icon: ({ theme }: (import('@mui/material').SelectProps & Record<string, unknown> & {
+            ownerState: import('@mui/material').SelectProps & Record<string, unknown>;
+        }) & {
+            theme: Theme;
+        } & Record<string, unknown>) => {
+            color: "inherit";
+            right: string;
+        };
+        root: ({ theme }: (import('@mui/material').SelectProps & Record<string, unknown> & {
+            ownerState: import('@mui/material').SelectProps & Record<string, unknown>;
+        }) & {
+            theme: Theme;
+        } & Record<string, unknown>) => {
+            [x: string]: {
+                color: string;
+            };
+        };
+    };
 };

package/dist/theme/components/select.js

@@ -1,2 +1,21 @@
-import { t as e } from "../../select-D7W-VU2F.js";
-export { e as MuiSelect };
+import { t as e } from "../../UnfoldMoreRounded-pz7NMMy3.js";
+import { n as t } from "../../selectClasses-DvT1febA.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/theme/components/select.tsx
+var i = {
+	defaultProps: { IconComponent: n.forwardRef((t, n) => /* @__PURE__ */ r(e, {
+		fontSize: "small",
+		...t,
+		ref: n
+	})) },
+	styleOverrides: {
+		icon: ({ theme: e }) => ({
+			color: "inherit",
+			right: e.spacing(1)
+		}),
+		root: ({ theme: e }) => ({ [`&:has(.${t.select} > span) .${t.icon}`]: { color: (e.vars ?? e).palette.text.secondary } })
+	}
+};
+//#endregion
+export { i as MuiSelect };

package/dist/theme/components/step-icon.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../theme-primitives-DHiY0aFC.js";
+import { s as e } from "../../theme-primitives-OrQ-xFJR.js";
 //#region lib/theme/components/step-icon.tsx
 var t = { styleOverrides: { root: ({ theme: t }) => ({
 	color: "transparent",

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../toggle-button-group-CERACXGm.js";
+import { t as e } from "../../toggle-button-group-l4hL1DLP.js";
 export { e as MuiToggleButtonGroup };

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

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

package/dist/theme/components/tooltip.js

@@ -6,6 +6,7 @@ var e = {
 	},
 	styleOverrides: {
 		tooltip: ({ theme: e }) => ({
+			...e.typography.body1,
 			backgroundColor: (e.vars ?? e).palette.background.default,
 			border: "1px solid",
 			borderColor: (e.vars ?? e).palette.divider,

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-DHiY0aFC.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-OrQ-xFJR.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-primitives-DHiY0aFC.js → theme-primitives-OrQ-xFJR.js}

@@ -1,4 +1,4 @@
-import { i as e, t } from "./createTheme-YGsrOe_4.js";
+import { i as e, t } from "./createTheme-Bnw5w28O.js";
 //#region ../core/dist/colors.js
 var n = {
 	50: "hsl(210, 100%, 95%)",
@@ -34,15 +34,15 @@ var n = {
 	800: "hsl(220, 30%, 6%)",
 	900: "hsl(220, 35%, 3%)"
 }, a = {
-	50: "hsl(210, 20%, 98%)",
-	100: "hsl(210, 15%, 95%)",
-	200: "hsl(210, 12%, 89%)",
-	300: "hsl(210, 10%, 78%)",
-	400: "hsl(210, 9%, 65%)",
-	500: "hsl(210, 8%, 50%)",
-	600: "hsl(210, 12%, 42%)",
-	700: "hsl(210, 18%, 35%)",
-	800: "hsl(210, 24%, 28%)",
+	50: "hsl(210, 20%, 99.8%)",
+	100: "hsl(210, 15%, 99.2%)",
+	200: "hsl(210, 12%, 97%)",
+	300: "hsl(210, 10%, 91%)",
+	400: "hsl(210, 9%, 80%)",
+	500: "hsl(210, 8%, 68%)",
+	600: "hsl(210, 12%, 38%)",
+	700: "hsl(210, 18%, 32%)",
+	800: "hsl(210, 24%, 26%)",
 	900: "hsl(210, 30%, 22%)"
 }, o = {
 	50: "hsl(120, 80%, 98%)",
@@ -338,38 +338,38 @@ var n = {
 }, T = {
 	fontFamily: "Outfit, sans-serif",
 	h1: {
-		fontSize: S.typography.pxToRem(48),
+		fontSize: S.typography.pxToRem(36),
 		fontWeight: 600,
 		lineHeight: 1.2,
 		letterSpacing: -.5
 	},
 	h2: {
-		fontSize: S.typography.pxToRem(36),
+		fontSize: S.typography.pxToRem(30),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h3: {
-		fontSize: S.typography.pxToRem(30),
+		fontSize: S.typography.pxToRem(24),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h4: {
-		fontSize: S.typography.pxToRem(24),
+		fontSize: S.typography.pxToRem(20),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h5: {
-		fontSize: S.typography.pxToRem(20),
+		fontSize: S.typography.pxToRem(18),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h6: {
-		fontSize: S.typography.pxToRem(18),
+		fontSize: S.typography.pxToRem(16),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	subtitle1: {
-		fontSize: S.typography.pxToRem(18),
+		fontSize: S.typography.pxToRem(16),
 		fontWeight: 500
 	},
 	subtitle2: {
@@ -377,7 +377,7 @@ var n = {
 		fontWeight: 500
 	},
 	body1: {
-		fontSize: S.typography.pxToRem(14),
+		fontSize: S.typography.pxToRem(16),
 		fontWeight: 400
 	},
 	body2: {
@@ -385,7 +385,7 @@ var n = {
 		fontWeight: 400
 	},
 	caption: {
-		fontSize: S.typography.pxToRem(12),
+		fontSize: S.typography.pxToRem(14),
 		fontWeight: 400,
 		color: "var(--s-palette-text-secondary)"
 	}

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

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

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

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