@solostylist/ui-kit 1.0.202 → 1.0.204

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

@@ -1,21 +1,3 @@
-import { brand as t, gray as o } from "../theme-primitives.js";
-import { g as r } from "../../generateUtilityClasses-E9gROIFd.js";
-const s = r("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), i = {
-  styleOverrides: {
-    root: ({ theme: e }) => ({
-      padding: "12px 16px",
-      textTransform: "none",
-      borderRadius: "10px",
-      fontWeight: 500,
-      ...e.applyStyles("dark", {
-        color: o[400],
-        [`&.${s.selected}`]: {
-          color: t[300]
-        }
-      })
-    })
-  }
-};
-export {
-  i as MuiToggleButton
-};
+import "../../createTheme-CMuiGmV-.js";
+import { t as e } from "../../toggle-button-CAcYep44.js";
+export { e as MuiToggleButton };

package/dist/theme/components/tooltip.js

@@ -1,24 +1,24 @@
-const o = {
-  defaultProps: {
-    placement: "top",
-    arrow: !0
-  },
-  styleOverrides: {
-    tooltip: ({ theme: r }) => ({
-      backgroundColor: (r.vars ?? r).palette.background.default,
-      border: "1px solid",
-      borderColor: (r.vars ?? r).palette.divider,
-      color: (r.vars ?? r).palette.text.primary
-    }),
-    arrow: ({ theme: r }) => ({
-      color: (r.vars ?? r).palette.background.default,
-      "&::before": {
-        border: "1px solid",
-        borderColor: (r.vars ?? r).palette.divider
-      }
-    })
-  }
-};
-export {
-  o as MuiTooltip
+//#region lib/theme/components/tooltip.tsx
+var e = {
+	defaultProps: {
+		placement: "top",
+		arrow: !0
+	},
+	styleOverrides: {
+		tooltip: ({ theme: e }) => ({
+			backgroundColor: (e.vars ?? e).palette.background.default,
+			border: "1px solid",
+			borderColor: (e.vars ?? e).palette.divider,
+			color: (e.vars ?? e).palette.text.primary
+		}),
+		arrow: ({ theme: e }) => ({
+			color: (e.vars ?? e).palette.background.default,
+			"&::before": {
+				border: "1px solid",
+				borderColor: (e.vars ?? e).palette.divider
+			}
+		})
+	}
 };
+//#endregion
+export { e as MuiTooltip };

package/dist/theme/theme-primitives.js

@@ -1,410 +1,3 @@
-import { b as m, a as e } from "../createTheme-DgoJyWM-.js";
-const r = {
-  50: "hsl(210, 100%, 95%)",
-  100: "hsl(210, 100%, 92%)",
-  200: "hsl(210, 100%, 80%)",
-  300: "hsl(210, 100%, 65%)",
-  400: "hsl(210, 98%, 48%)",
-  500: "hsl(210, 98%, 42%)",
-  600: "hsl(210, 98%, 55%)",
-  700: "hsl(210, 100%, 35%)",
-  800: "hsl(210, 100%, 16%)",
-  900: "hsl(210, 100%, 21%)"
-}, i = {
-  50: "hsl(220, 60%, 98%)",
-  100: "hsl(220, 55%, 95%)",
-  200: "hsl(220, 50%, 88%)",
-  300: "hsl(220, 45%, 75%)",
-  400: "hsl(220, 70%, 58%)",
-  500: "hsl(220, 85%, 47%)",
-  600: "hsl(220, 90%, 39%)",
-  700: "hsl(220, 95%, 31%)",
-  800: "hsl(220, 100%, 24%)",
-  900: "hsl(220, 100%, 18%)"
-}, t = {
-  50: "hsl(220, 35%, 97%)",
-  100: "hsl(220, 30%, 94%)",
-  200: "hsl(220, 20%, 88%)",
-  300: "hsl(220, 20%, 80%)",
-  400: "hsl(220, 20%, 65%)",
-  500: "hsl(220, 20%, 42%)",
-  600: "hsl(220, 20%, 35%)",
-  700: "hsl(220, 20%, 25%)",
-  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%)",
-  900: "hsl(210, 30%, 22%)"
-}, n = {
-  50: "hsl(120, 80%, 98%)",
-  100: "hsl(120, 75%, 94%)",
-  200: "hsl(120, 75%, 87%)",
-  300: "hsl(120, 61%, 77%)",
-  400: "hsl(120, 44%, 53%)",
-  500: "hsl(120, 59%, 30%)",
-  600: "hsl(120, 70%, 25%)",
-  700: "hsl(120, 75%, 16%)",
-  800: "hsl(120, 84%, 10%)",
-  900: "hsl(120, 87%, 6%)"
-}, o = {
-  50: "hsl(151, 60%, 98%)",
-  100: "hsl(151, 55%, 95%)",
-  200: "hsl(151, 50%, 88%)",
-  300: "hsl(151, 45%, 78%)",
-  400: "hsl(151, 65%, 62%)",
-  500: "hsl(151, 75%, 47%)",
-  600: "hsl(151, 85%, 38%)",
-  700: "hsl(151, 90%, 30%)",
-  800: "hsl(151, 95%, 23%)",
-  900: "hsl(151, 100%, 17%)"
-}, g = {
-  50: "hsl(45, 100%, 97%)",
-  100: "hsl(45, 92%, 90%)",
-  200: "hsl(45, 94%, 80%)",
-  300: "hsl(45, 90%, 65%)",
-  400: "hsl(45, 90%, 40%)",
-  500: "hsl(45, 90%, 35%)",
-  600: "hsl(45, 91%, 25%)",
-  700: "hsl(45, 94%, 20%)",
-  800: "hsl(45, 95%, 16%)",
-  900: "hsl(45, 93%, 12%)"
-}, d = {
-  50: "hsl(48, 100%, 98%)",
-  100: "hsl(48, 95%, 94%)",
-  200: "hsl(48, 90%, 86%)",
-  300: "hsl(48, 85%, 72%)",
-  400: "hsl(48, 88%, 58%)",
-  500: "hsl(48, 92%, 50%)",
-  600: "hsl(48, 95%, 42%)",
-  700: "hsl(48, 100%, 35%)",
-  800: "hsl(48, 100%, 28%)",
-  900: "hsl(48, 100%, 22%)"
-}, p = {
-  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%)"
-}, c = {
-  50: "hsl(204, 100%, 98%)",
-  100: "hsl(204, 95%, 94%)",
-  200: "hsl(204, 90%, 86%)",
-  300: "hsl(204, 85%, 74%)",
-  400: "hsl(204, 88%, 60%)",
-  500: "hsl(204, 92%, 48%)",
-  600: "hsl(204, 95%, 40%)",
-  700: "hsl(204, 100%, 32%)",
-  800: "hsl(204, 100%, 25%)",
-  900: "hsl(204, 100%, 19%)"
-}, f = {
-  50: "hsl(0, 100%, 97%)",
-  100: "hsl(0, 92%, 90%)",
-  200: "hsl(0, 94%, 80%)",
-  300: "hsl(0, 90%, 65%)",
-  400: "hsl(0, 90%, 40%)",
-  500: "hsl(0, 90%, 30%)",
-  600: "hsl(0, 91%, 25%)",
-  700: "hsl(0, 94%, 18%)",
-  800: "hsl(0, 95%, 12%)",
-  900: "hsl(0, 93%, 6%)"
-}, y = {
-  50: "hsl(356, 100%, 98%)",
-  100: "hsl(356, 95%, 94%)",
-  200: "hsl(356, 90%, 87%)",
-  300: "hsl(356, 85%, 75%)",
-  400: "hsl(356, 88%, 61%)",
-  500: "hsl(356, 92%, 50%)",
-  600: "hsl(356, 95%, 42%)",
-  700: "hsl(356, 100%, 34%)",
-  800: "hsl(356, 100%, 27%)",
-  900: "hsl(356, 100%, 21%)"
-}, R = {
-  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%)"
-}, W = {
-  50: "hsl(280, 60%, 98%)",
-  100: "hsl(280, 55%, 95%)",
-  200: "hsl(280, 50%, 88%)",
-  300: "hsl(280, 45%, 78%)",
-  400: "hsl(280, 65%, 65%)",
-  500: "hsl(280, 75%, 52%)",
-  600: "hsl(280, 85%, 42%)",
-  700: "hsl(280, 90%, 34%)",
-  800: "hsl(280, 95%, 27%)",
-  900: "hsl(280, 100%, 21%)"
-}, s = {
-  0: "rgba(0,0,0,0)",
-  10: "rgba(0,0,0,0.1)",
-  30: "rgba(0,0,0,0.3)",
-  50: "rgba(0,0,0,0.5)",
-  60: "rgba(0,0,0,0.6)",
-  80: "rgba(0,0,0,0.8)",
-  100: "rgba(0,0,0,1)"
-}, h = {
-  0: "rgba(255,255,255,0)",
-  10: "rgba(255,255,255,0.1)",
-  30: "rgba(255,255,255,0.3)",
-  50: "rgba(255,255,255,0.5)",
-  60: "rgba(255,255,255,0.6)",
-  80: "rgba(255,255,255,0.8)",
-  100: "rgba(255,255,255,1)"
-}, 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 = m(), T = {
-  palette: {
-    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]
-    },
-    ui: {
-      pulse: u
-    },
-    primary: {
-      contrastText: r[50],
-      light: r[400],
-      main: r[500],
-      dark: r[700],
-      white: "#ffffff",
-      black: "#000000"
-    },
-    info: {
-      contrastText: p[50],
-      light: p[400],
-      main: p[500],
-      dark: p[700]
-    },
-    warning: {
-      contrastText: g[50],
-      light: g[400],
-      main: g[500],
-      dark: g[700]
-    },
-    error: {
-      contrastText: f[50],
-      light: f[400],
-      main: f[500],
-      dark: f[700]
-    },
-    success: {
-      contrastText: n[50],
-      light: n[400],
-      main: n[500],
-      dark: n[700]
-    },
-    grey: t,
-    divider: e(t[700], 0.9),
-    background: {
-      default: t[900],
-      paper: t[800]
-    },
-    text: {
-      primary: t[50],
-      secondary: t[400]
-    },
-    action: {
-      active: t[50],
-      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"
-  }
-}, w = {
-  palette: {
-    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]
-    },
-    ui: {
-      pulse: k
-    },
-    primary: {
-      contrastText: i[50],
-      light: i[200],
-      main: i[500],
-      dark: i[700],
-      white: "#ffffff",
-      black: "#000000"
-    },
-    info: {
-      contrastText: c[50],
-      light: c[200],
-      main: c[500],
-      dark: c[700]
-    },
-    warning: {
-      contrastText: d[50],
-      light: d[200],
-      main: d[500],
-      dark: d[700]
-    },
-    error: {
-      contrastText: y[50],
-      light: y[200],
-      main: y[500],
-      dark: y[700]
-    },
-    success: {
-      contrastText: o[50],
-      light: o[200],
-      main: o[500],
-      dark: o[700]
-    },
-    grey: a,
-    divider: e(a[300], 0.9),
-    background: {
-      default: a[50],
-      paper: a[100]
-    },
-    text: {
-      primary: a[900],
-      secondary: a[600]
-    },
-    action: {
-      active: a[900],
-      hover: e(a[300], 0.2),
-      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"
-  }
-}, v = { light: w, dark: T }, A = {
-  fontFamily: "Outfit, sans-serif",
-  h1: {
-    fontSize: l.typography.pxToRem(48),
-    fontWeight: 600,
-    lineHeight: 1.2,
-    letterSpacing: -0.5
-  },
-  h2: {
-    fontSize: l.typography.pxToRem(36),
-    fontWeight: 600,
-    lineHeight: 1.2
-  },
-  h3: {
-    fontSize: l.typography.pxToRem(30),
-    fontWeight: 600,
-    lineHeight: 1.2
-  },
-  h4: {
-    fontSize: l.typography.pxToRem(24),
-    fontWeight: 600,
-    lineHeight: 1.2
-  },
-  h5: {
-    fontSize: l.typography.pxToRem(20),
-    fontWeight: 600,
-    lineHeight: 1.2
-  },
-  h6: {
-    fontSize: l.typography.pxToRem(18),
-    fontWeight: 600,
-    lineHeight: 1.2
-  },
-  subtitle1: {
-    fontSize: l.typography.pxToRem(18),
-    fontWeight: 500
-  },
-  subtitle2: {
-    fontSize: l.typography.pxToRem(14),
-    fontWeight: 500
-  },
-  body1: {
-    fontSize: l.typography.pxToRem(14),
-    fontWeight: 400
-  },
-  body2: {
-    fontSize: l.typography.pxToRem(14),
-    fontWeight: 400
-  },
-  caption: {
-    fontSize: l.typography.pxToRem(12),
-    fontWeight: 400,
-    color: "var(--s-palette-text-secondary)"
-  }
-}, G = {
-  borderRadius: 8
-}, S = ["none", "var(--s-palette-baseShadow)", ...l.shadows.slice(2)], H = S;
-export {
-  p as blue,
-  r as brand,
-  v as colorSchemes,
-  t as gray,
-  n as green,
-  c as lightBlue,
-  i as lightBrand,
-  a as lightGray,
-  o as lightGreen,
-  d as lightOrange,
-  W as lightPurple,
-  y as lightRed,
-  g as orange,
-  R as purple,
-  f as red,
-  H as shadows,
-  G as shape,
-  A as typography
-};
+import "../createTheme-CMuiGmV-.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-Csxbv-2Y.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 };