@solostylist/ui-kit 1.0.0

package/dist/styles/theme/color-schemes.js

@@ -0,0 +1,195 @@
+import { blue as e, red as t, shakespeare as i, nevada as a, kepple as r, california as n, grey as p } from "./colors.js";
+const m = {
+  blue: {
+    dark: {
+      ...e,
+      light: e[300],
+      main: e[400],
+      dark: e[500],
+      contrastText: "var(--mui-palette-common-black)",
+      activated: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+      hovered: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+      selected: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+    },
+    light: {
+      ...e,
+      light: e[400],
+      main: e[500],
+      dark: e[600],
+      contrastText: "var(--mui-palette-common-white)",
+      activated: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+      hovered: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+      selected: "rgba(var(--mui-palette-primary-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+    }
+  }
+};
+function o(c) {
+  let l = m[c.primaryColor];
+  return l || (l = m.blue), {
+    dark: {
+      palette: {
+        action: { disabledBackground: "rgba(0, 0, 0, 0.12)" },
+        background: {
+          default: "var(--mui-palette-neutral-950)",
+          defaultChannel: "9 10 11",
+          paper: "var(--mui-palette-neutral-900)",
+          paperChannel: "0 0 0",
+          level1: "var(--mui-palette-neutral-800)",
+          level2: "var(--mui-palette-neutral-700)",
+          level3: "var(--mui-palette-neutral-600)"
+        },
+        common: { black: "#000000", white: "#ffffff" },
+        divider: "var(--mui-palette-neutral-700)",
+        dividerChannel: "50 56 62",
+        error: {
+          ...t,
+          light: t[300],
+          main: t[400],
+          dark: t[500],
+          contrastText: "var(--mui-palette-common-black)",
+          activated: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+          hovered: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+          selected: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+        },
+        info: {
+          ...i,
+          light: i[300],
+          main: i[400],
+          dark: i[500],
+          contrastText: "var(--mui-palette-common-black)",
+          activated: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+          hovered: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+          selected: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+        },
+        neutral: { ...a },
+        primary: l.dark,
+        secondary: {
+          ...a,
+          light: a[100],
+          main: a[200],
+          dark: a[300],
+          contrastText: "var(--mui-palette-common-black)",
+          activated: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+          hovered: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+          selected: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+        },
+        success: {
+          ...r,
+          light: r[300],
+          main: r[400],
+          dark: r[500],
+          contrastText: "var(--mui-palette-common-black)",
+          activated: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+          hovered: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+          selected: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+        },
+        text: {
+          primary: "var(--mui-palette-neutral-100)",
+          primaryChannel: "240 244 248",
+          secondary: "var(--mui-palette-neutral-400)",
+          secondaryChannel: "159 166 173",
+          disabled: "var(--mui-palette-neutral-600)"
+        },
+        warning: {
+          ...n,
+          light: n[300],
+          main: n[400],
+          dark: n[500],
+          contrastText: "var(--mui-palette-common-black)",
+          activated: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+          hovered: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+          selected: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+        },
+        Avatar: { defaultBg: "var(--mui-palette-neutral-200)" },
+        Backdrop: { bg: "rgba(0, 0, 0, 0.5)" },
+        OutlinedInput: { border: "var(--mui-palette-neutral-700)" },
+        TableCell: { border: "var(--mui-palette-divider)" },
+        Tooltip: { bg: "rgba(10, 13, 20, 0.75)" }
+      }
+    },
+    light: {
+      palette: {
+        action: { disabledBackground: "rgba(0, 0, 0, 0.06)" },
+        background: {
+          default: "var(--mui-palette-common-white)",
+          defaultChannel: "255 255 255",
+          paper: "var(--mui-palette-common-white)",
+          paperChannel: "255 255 255",
+          level1: "var(--mui-palette-neutral-50)",
+          level2: "var(--mui-palette-neutral-100)",
+          level3: "var(--mui-palette-neutral-200)"
+        },
+        common: { black: "#000000", white: "#ffffff" },
+        divider: "var(--mui-palette-neutral-200)",
+        dividerChannel: "220 223 228",
+        error: {
+          ...t,
+          light: t[400],
+          main: t[500],
+          dark: t[600],
+          contrastText: "var(--mui-palette-common-white)",
+          activated: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+          hovered: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+          selected: "rgba(var(--mui-palette-error-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+        },
+        info: {
+          ...i,
+          light: i[400],
+          main: i[500],
+          dark: i[600],
+          contrastText: "var(--mui-palette-common-white)",
+          activated: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+          hovered: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+          selected: "rgba(var(--mui-palette-info-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+        },
+        neutral: { ...p },
+        primary: l.light,
+        secondary: {
+          ...a,
+          light: a[600],
+          main: a[700],
+          dark: a[800],
+          contrastText: "var(--mui-palette-common-white)",
+          activated: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+          hovered: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+          selected: "rgba(var(--mui-palette-secondary-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+        },
+        success: {
+          ...r,
+          light: r[400],
+          main: r[500],
+          dark: r[600],
+          contrastText: "var(--mui-palette-common-white)",
+          activated: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+          hovered: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+          selected: "rgba(var(--mui-palette-success-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+        },
+        text: {
+          primary: "var(--mui-palette-neutral-900)",
+          primaryChannel: "33 38 54",
+          secondary: "var(--mui-palette-neutral-500)",
+          secondaryChannel: "102 112 133",
+          disabled: "var(--mui-palette-neutral-400)"
+        },
+        warning: {
+          ...n,
+          light: n[400],
+          main: n[500],
+          dark: n[600],
+          contrastText: "var(--mui-palette-common-white)",
+          activated: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-activatedOpacity))",
+          hovered: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-hoverOpacity))",
+          selected: "rgba(var(--mui-palette-warning-mainChannel) / var(--mui-palette-action-selectedOpacity))"
+        },
+        Avatar: { defaultBg: "var(--mui-palette-neutral-600)" },
+        Backdrop: { bg: "rgb(18, 22, 33, 0.8)" },
+        OutlinedInput: { border: "var(--mui-palette-neutral-200)" },
+        TableCell: { border: "var(--mui-palette-divider)" },
+        Tooltip: { bg: "rgba(10, 13, 20, 0.75)" }
+      }
+    }
+  };
+}
+export {
+  o as colorSchemes
+};

package/dist/styles/theme/colors.d.ts

@@ -0,0 +1,92 @@
+declare const california: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+};
+declare const kepple: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+};
+declare const nevada: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+};
+declare const red: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+};
+declare const blue: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+};
+declare const shakespeare: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+};
+declare const grey: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+};
+export { california, kepple, nevada, red, blue, shakespeare, grey };

package/dist/styles/theme/colors.js

@@ -0,0 +1,94 @@
+const f = {
+  50: "#fffaea",
+  100: "#fff3c6",
+  200: "#ffe587",
+  300: "#ffd049",
+  400: "#ffbb1f",
+  500: "#fb9c0c",
+  600: "#de7101",
+  700: "#b84d05",
+  800: "#953b0b",
+  900: "#7b310c",
+  950: "#471701"
+}, e = {
+  50: "#f0fdfa",
+  100: "#ccfbef",
+  200: "#9af5e1",
+  300: "#5fe9ce",
+  400: "#2ed3b8",
+  500: "#15b79f",
+  600: "#0e9382",
+  700: "#107569",
+  800: "#115e56",
+  900: "#134e48",
+  950: "#042f2c"
+}, a = {
+  50: "#fbfcfe",
+  100: "#f0f4f8",
+  200: "#dde7ee",
+  300: "#cdd7e1",
+  400: "#9fa6ad",
+  500: "#636b74",
+  600: "#555e68",
+  700: "#32383e",
+  800: "#202427",
+  900: "#121517",
+  950: "#090a0b"
+}, c = {
+  50: "#fef3f2",
+  100: "#fee4e2",
+  200: "#ffcdc9",
+  300: "#fdaaa4",
+  400: "#f97970",
+  500: "#f04438",
+  600: "#de3024",
+  700: "#bb241a",
+  800: "#9a221a",
+  900: "#80231c",
+  950: "#460d09"
+}, d = {
+  50: "#bec3d9",
+  100: "#bdc6d9",
+  200: "#97a7d9",
+  300: "#7e94d9",
+  400: "#2f6ad9",
+  500: "#235bc4",
+  600: "#1f4fab",
+  700: "#1b4494",
+  800: "#113680",
+  900: "#0c2e70",
+  950: "#082459"
+}, b = {
+  50: "#ecfdff",
+  100: "#cff7fe",
+  200: "#a4eefd",
+  300: "#66e0fa",
+  400: "#10bee8",
+  500: "#04aad6",
+  600: "#0787b3",
+  700: "#0d6d91",
+  800: "#145876",
+  900: "#154964",
+  950: "#082f44"
+}, n = {
+  50: "#f9fafb",
+  100: "#f1f1f4",
+  200: "#dcdfe4",
+  300: "#b3b9c6",
+  400: "#8a94a6",
+  500: "#667085",
+  600: "#565e73",
+  700: "#434a60",
+  800: "#313749",
+  900: "#212636",
+  950: "#121621"
+};
+export {
+  d as blue,
+  f as california,
+  n as grey,
+  e as kepple,
+  a as nevada,
+  c as red,
+  b as shakespeare
+};

package/dist/styles/theme/components/accordion.d.ts

@@ -0,0 +1,8 @@
+export declare const MuiAccordion: {
+    styleOverrides: {
+        root: {
+            border: string;
+            boxShadow: "unset";
+        };
+    };
+};

package/dist/styles/theme/components/accordion.js

@@ -0,0 +1,11 @@
+const o = {
+  styleOverrides: {
+    root: {
+      border: "1px solid var(--mui-palette-divider)",
+      boxShadow: "unset"
+    }
+  }
+};
+export {
+  o as MuiAccordion
+};

package/dist/styles/theme/components/alert.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiAlert: {
+    styleOverrides: {
+        message: {
+            fontWeight: number;
+        };
+    };
+};

package/dist/styles/theme/components/alert.js

@@ -0,0 +1,4 @@
+const e = { styleOverrides: { message: { fontWeight: 500 } } };
+export {
+  e as MuiAlert
+};

package/dist/styles/theme/components/autocomplete.d.ts

@@ -0,0 +1,124 @@
+export declare const MuiAutocomplete: {
+    styleOverrides: {
+        inputRoot: {};
+        root: {
+            [x: string]: string | number | {
+                borderRadius: string;
+                bottom: number;
+                boxShadow: string;
+                content: string;
+                left: number;
+                pointerEvents: string;
+                position: string;
+                right: number;
+                top: number;
+                '&::before'?: undefined;
+                marginTop?: undefined;
+                '--Input-borderColor'?: undefined;
+                '--Input-focusedHighlight'?: undefined;
+                '--Input-boxShadow'?: undefined;
+            } | {
+                '&::before': {
+                    '--Input-focused': number;
+                };
+                borderRadius?: undefined;
+                bottom?: undefined;
+                boxShadow?: undefined;
+                content?: undefined;
+                left?: undefined;
+                pointerEvents?: undefined;
+                position?: undefined;
+                right?: undefined;
+                top?: undefined;
+                marginTop?: undefined;
+                '--Input-borderColor'?: undefined;
+                '--Input-focusedHighlight'?: undefined;
+                '--Input-boxShadow'?: undefined;
+            } | {
+                marginTop: string;
+                borderRadius?: undefined;
+                bottom?: undefined;
+                boxShadow?: undefined;
+                content?: undefined;
+                left?: undefined;
+                pointerEvents?: undefined;
+                position?: undefined;
+                right?: undefined;
+                top?: undefined;
+                '&::before'?: undefined;
+                '--Input-borderColor'?: undefined;
+                '--Input-focusedHighlight'?: undefined;
+                '--Input-boxShadow'?: undefined;
+            } | {
+                '--Input-borderColor': string;
+                '--Input-focusedHighlight': string;
+                borderRadius?: undefined;
+                bottom?: undefined;
+                boxShadow?: undefined;
+                content?: undefined;
+                left?: undefined;
+                pointerEvents?: undefined;
+                position?: undefined;
+                right?: undefined;
+                top?: undefined;
+                '&::before'?: undefined;
+                marginTop?: undefined;
+                '--Input-boxShadow'?: undefined;
+            } | {
+                '--Input-boxShadow': string;
+                borderRadius?: undefined;
+                bottom?: undefined;
+                boxShadow?: undefined;
+                content?: undefined;
+                left?: undefined;
+                pointerEvents?: undefined;
+                position?: undefined;
+                right?: undefined;
+                top?: undefined;
+                '&::before'?: undefined;
+                marginTop?: undefined;
+                '--Input-borderColor'?: undefined;
+                '--Input-focusedHighlight'?: undefined;
+            };
+            '--Input-focused': number;
+            '--Input-focusedThickness': string;
+            '--Input-borderWidth': string;
+            '--Input-borderColor': string;
+            '--Input-boxShadow': string;
+            '&::before': {
+                borderRadius: string;
+                bottom: number;
+                boxShadow: string;
+                content: string;
+                left: number;
+                pointerEvents: string;
+                position: string;
+                right: number;
+                top: number;
+            };
+            '&:focus-within': {
+                '&::before': {
+                    '--Input-focused': number;
+                };
+            };
+            'label + &': {
+                marginTop: string;
+            };
+        };
+        input: {
+            [x: string]: string | {
+                '&::placeholder': {
+                    opacity: string;
+                };
+            };
+            height: string;
+            padding: string;
+            fontSize: string;
+        };
+        paper: {
+            border: string;
+            fontSize: string;
+            marginTop: string;
+        };
+    };
+};

package/dist/styles/theme/components/autocomplete.js

@@ -0,0 +1,51 @@
+import { o } from "../../../outlinedInputClasses-R7dmh7eW.js";
+import { i as e } from "../../../inputBaseClasses-s6dljKxi.js";
+const i = {
+  styleOverrides: {
+    inputRoot: {
+      // backgroundColor: 'var(--mui-palette-neutral-100)',
+      // color: '#000',
+    },
+    root: {
+      "--Input-focused": 0,
+      "--Input-focusedThickness": "2px",
+      "--Input-borderWidth": "1px",
+      "--Input-borderColor": "var(--mui-palette-OutlinedInput-border)",
+      "--Input-boxShadow": "var(--mui-shadows-1)",
+      "&::before": {
+        borderRadius: "inherit",
+        bottom: 0,
+        boxShadow: "0 0 0 calc(var(--Input-focused) * var(--Input-focusedThickness)) var(--Input-focusedHighlight)",
+        content: '" "',
+        left: 0,
+        pointerEvents: "none",
+        position: "absolute",
+        right: 0,
+        top: 0
+      },
+      "&:focus-within": { "&::before": { "--Input-focused": 1 } },
+      "label + &": { marginTop: "8px" },
+      [`&.${o.error}`]: {
+        "--Input-borderColor": "var(--mui-palette-error-main)",
+        "--Input-focusedHighlight": "var(--mui-palette-error-main)"
+      },
+      [`&.${o.disabled}`]: { "--Input-boxShadow": "none" }
+    },
+    input: {
+      height: "auto",
+      padding: "0 !important",
+      [`label[data-shrink=false]+.${e.formControl} &`]: {
+        "&::placeholder": { opacity: "1 !important" }
+      },
+      fontSize: "0.875rem"
+    },
+    paper: {
+      border: "1px solid var(--mui-palette-divider)",
+      fontSize: "0.875rem",
+      marginTop: "0.3rem"
+    }
+  }
+};
+export {
+  i as MuiAutocomplete
+};

package/dist/styles/theme/components/avatar.d.ts

@@ -0,0 +1,18 @@
+export declare const MuiAvatar: {
+    defaultProps: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    styleOverrides: {
+        root: {
+            fontSize: string;
+            fontWeight: number;
+            height: string;
+            letterSpacing: number;
+            width: string;
+            border: string;
+        };
+        img: {
+            objectFit: "fill";
+        };
+    };
+};

package/dist/styles/theme/components/avatar.js

@@ -0,0 +1,21 @@
+import { j as t } from "../../../jsx-runtime-B6kdoens.js";
+import { S as r } from "../../../User-Bx-HYRxI.js";
+const o = {
+  defaultProps: { children: /* @__PURE__ */ t.jsx(r, {}) },
+  styleOverrides: {
+    root: {
+      fontSize: "var(--icon-fontSize-md)",
+      fontWeight: 500,
+      height: "var(--Avatar-size, 40px)",
+      letterSpacing: 0,
+      width: "var(--Avatar-size, 40px)",
+      border: "1px solid var(--mui-palette-grey-300)"
+    },
+    img: {
+      objectFit: "fill"
+    }
+  }
+};
+export {
+  o as MuiAvatar
+};

package/dist/styles/theme/components/backdrop.d.ts

@@ -0,0 +1,9 @@
+export declare const MuiBackdrop: {
+    styleOverrides: {
+        root: {
+            [x: string]: {
+                backgroundColor: string;
+            };
+        };
+    };
+};

package/dist/styles/theme/components/backdrop.js

@@ -0,0 +1,9 @@
+import { b as o } from "../../../backdropClasses-DDhytLTQ.js";
+const a = {
+  styleOverrides: {
+    root: { [`&:not(.${o.invisible})`]: { backgroundColor: "var(--mui-palette-Backdrop-bg)" } }
+  }
+};
+export {
+  a as MuiBackdrop
+};

package/dist/styles/theme/components/button-base.d.ts

@@ -0,0 +1,5 @@
+export declare const MuiButtonBase: {
+    defaultProps: {
+        disableRipple: true;
+    };
+};

package/dist/styles/theme/components/button-base.js

@@ -0,0 +1,4 @@
+const e = { defaultProps: { disableRipple: !0 } };
+export {
+  e as MuiButtonBase
+};

package/dist/styles/theme/components/button-group.d.ts

@@ -0,0 +1,5 @@
+export declare const MuiButtonGroup: {
+    defaultProps: {
+        disableRipple: true;
+    };
+};

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

@@ -0,0 +1,4 @@
+const t = { defaultProps: { disableRipple: !0 } };
+export {
+  t as MuiButtonGroup
+};