@solostylist/ui-kit 1.0.174 → 1.0.176

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

@@ -0,0 +1,90 @@
+import { alpha as c } from "@mui/material";
+import { brand as s, lightBrand as a, purple as t, lightPurple as n, green as p, lightGreen as i, red as u, lightRed as y, blue as d, lightBlue as g, orange as b, lightOrange as v } from "../theme-primitives.js";
+const r = (o, l, e) => ({
+  color: l[500],
+  "&:hover": {
+    backgroundColor: c(l[500], 0.12),
+    color: l[600]
+  },
+  "&:active": {
+    backgroundColor: c(l[500], 0.2)
+  },
+  "&.Mui-disabled": {
+    color: l[300],
+    opacity: 0.5
+  },
+  ...o.applyStyles("dark", {
+    color: e[400],
+    "&:hover": {
+      backgroundColor: c(e[400], 0.12),
+      color: e[300]
+    },
+    "&:active": {
+      backgroundColor: c(e[400], 0.2)
+    },
+    "&.Mui-disabled": {
+      color: e[700],
+      opacity: 0.5
+    }
+  })
+}), M = {
+  styleOverrides: {
+    root: ({ theme: o }) => ({
+      // borderRadius: (theme.vars || theme).shape.borderRadius,
+      transition: "all 0.2s ease-in-out",
+      variants: [
+        {
+          props: {
+            color: "primary"
+          },
+          style: {
+            ...r(o, a, s)
+          }
+        },
+        {
+          props: {
+            color: "secondary"
+          },
+          style: {
+            ...r(o, n, t)
+          }
+        },
+        {
+          props: {
+            color: "success"
+          },
+          style: {
+            ...r(o, i, p)
+          }
+        },
+        {
+          props: {
+            color: "error"
+          },
+          style: {
+            ...r(o, y, u)
+          }
+        },
+        {
+          props: {
+            color: "info"
+          },
+          style: {
+            ...r(o, g, d)
+          }
+        },
+        {
+          props: {
+            color: "warning"
+          },
+          style: {
+            ...r(o, v, b)
+          }
+        }
+      ]
+    })
+  }
+};
+export {
+  M as MuiIconButton
+};

package/dist/theme/customizations/data-display.js

@@ -1,7 +1,7 @@
 import { i as e } from "../../iconButtonClasses-qz3jor3M.js";
 import { b as r } from "../../buttonBaseClasses-jCihfot4.js";
 import { s as i } from "../../svgIconClasses-CBCi8U9g.js";
-import { t as a } from "../../typographyClasses-DDyl9mok.js";
+import { t as a } from "../../typographyClasses-C7fhAsUD.js";
 import { a as t } from "../../colorManipulator-ep5lERxB.js";
 const g = {
   MuiTableCell: {

package/dist/theme/customizations/inputs.js

@@ -1,5 +1,5 @@
-import { j as i } from "../../jsx-runtime-OVHDjVDe.js";
-import { c as l } from "../../createSvgIcon-DxwgGAVe.js";
+import { j as i } from "../../jsx-runtime-tc70JA_2.js";
+import { c as l } from "../../createSvgIcon-BKymXuBG.js";
 import { brand as r, gray as e } from "../theme-primitives.js";
 import { o as p } from "../../outlinedInputClasses-DM19xjo3.js";
 import { g as n } from "../../generateUtilityClasses-BtVDwGrk.js";

package/dist/theme/customizations/navigation.js

@@ -1,6 +1,6 @@
-import { j as t } from "../../jsx-runtime-OVHDjVDe.js";
+import { j as t } from "../../jsx-runtime-tc70JA_2.js";
 import * as i from "react";
-import { c as s } from "../../createSvgIcon-DxwgGAVe.js";
+import { c as s } from "../../createSvgIcon-BKymXuBG.js";
 import { gray as o, brand as l } from "../theme-primitives.js";
 import { t as a } from "../../tabClasses-Bub2PPlp.js";
 import { a as d } from "../../colorManipulator-ep5lERxB.js";

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

@@ -1,4 +1,5 @@
 import { Shadows } from '@mui/material/styles';
+import { blue, brand, gray, green, lightBlue, lightBrand, lightGray, lightGreen, lightOrange, lightPurple, lightRed, orange, purple, red } from '@solostylist/core';
 declare module '@mui/material/Paper' {
     interface PaperPropsVariantOverrides {
         highlighted: true;
@@ -55,210 +56,11 @@ declare module '@mui/material/styles' {
         };
     }
 }
-export declare const brand: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-export declare const lightBrand: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-export declare const gray: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-export declare const lightGray: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-export declare const green: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-export declare const lightGreen: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-export declare const orange: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-export declare const lightOrange: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    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 lightBlue: {
-    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;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-export declare const lightRed: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    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 lightPurple: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-export declare const blackAlpha: {
-    0: string;
-    10: string;
-    20: string;
-    30: string;
-    40: string;
-    50: string;
-    60: string;
-    70: string;
-    80: string;
-    90: string;
-    100: string;
-};
-export declare const whiteAlpha: {
-    0: string;
-    10: string;
-    20: string;
-    30: string;
-    40: string;
-    50: string;
-    60: string;
-    70: string;
-    80: string;
-    90: string;
-    100: string;
-};
+export { brand, lightBrand, gray, lightGray, green, lightGreen, orange, lightOrange, blue, lightBlue, red, lightRed, purple, lightPurple, };
 export declare const colorSchemes: {
     light: {
         palette: {
-            gradient: {
-                primary: string;
-                secondary: string;
-                indigo: string;
-                sky: string;
-                radial: string;
-            };
+            gradient: import('@solostylist/core').GradientPalette;
             blackAlpha: {
                 zero: string;
                 light: string;
@@ -274,13 +76,7 @@ export declare const colorSchemes: {
                 full: string;
             };
             ui: {
-                pulse: {
-                    shadowLight: string;
-                    shadowMedium: string;
-                    ring: string;
-                    background: string;
-                    radialGradient: string;
-                };
+                pulse: import('@solostylist/core').UIPulseColors;
             };
             primary: {
                 contrastText: string;
@@ -314,18 +110,7 @@ export declare const colorSchemes: {
                 main: string;
                 dark: string;
             };
-            grey: {
-                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;
             background: {
                 default: string;
@@ -344,13 +129,7 @@ export declare const colorSchemes: {
     };
     dark: {
         palette: {
-            gradient: {
-                primary: string;
-                secondary: string;
-                indigo: string;
-                sky: string;
-                radial: string;
-            };
+            gradient: import('@solostylist/core').GradientPalette;
             blackAlpha: {
                 zero: string;
                 light: string;
@@ -366,13 +145,7 @@ export declare const colorSchemes: {
                 full: string;
             };
             ui: {
-                pulse: {
-                    shadowLight: string;
-                    shadowMedium: string;
-                    ring: string;
-                    background: string;
-                    radialGradient: string;
-                };
+                pulse: import('@solostylist/core').UIPulseColors;
             };
             primary: {
                 contrastText: string;
@@ -406,18 +179,7 @@ export declare const colorSchemes: {
                 main: string;
                 dark: string;
             };
-            grey: {
-                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;
             background: {
                 default: string;