@solostylist/ui-kit 1.0.9 → 1.0.10

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

@@ -1,147 +0,0 @@
-import { blue as a, california as e, kepple as t, nevada as r, shakespeare as i, red as l } from "./colors.js";
-const m = {
-  blue: {
-    dark: {
-      ...a,
-      light: a[300],
-      main: a[400],
-      dark: a[500],
-      contrastText: "var(--mui-palette-common-black)"
-    },
-    light: {
-      ...a,
-      light: a[400],
-      main: a[500],
-      dark: a[600],
-      contrastText: "var(--mui-palette-common-white)"
-    }
-  }
-};
-function u(o) {
-  let n = m[o.primaryColor];
-  return n || (n = 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"
-        },
-        common: { black: "#000000", white: "#ffffff" },
-        divider: "var(--mui-palette-neutral-700)",
-        dividerChannel: "50 56 62",
-        error: {
-          ...l,
-          light: l[300],
-          main: l[400],
-          dark: l[500],
-          contrastText: "var(--mui-palette-common-black)"
-        },
-        info: {
-          ...i,
-          light: i[300],
-          main: i[400],
-          dark: i[500],
-          contrastText: "var(--mui-palette-common-black)"
-        },
-        primary: n.dark,
-        secondary: {
-          ...r,
-          light: r[100],
-          main: r[200],
-          dark: r[300],
-          contrastText: "var(--mui-palette-common-black)"
-        },
-        success: {
-          ...t,
-          light: t[300],
-          main: t[400],
-          dark: t[500],
-          contrastText: "var(--mui-palette-common-black)"
-        },
-        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: {
-          ...e,
-          light: e[300],
-          main: e[400],
-          dark: e[500],
-          contrastText: "var(--mui-palette-common-black)"
-        },
-        Avatar: { defaultBg: "var(--mui-palette-neutral-200)" },
-        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"
-        },
-        common: { black: "#000000", white: "#ffffff" },
-        divider: "var(--mui-palette-neutral-200)",
-        dividerChannel: "220 223 228",
-        error: {
-          ...l,
-          light: l[400],
-          main: l[500],
-          dark: l[600],
-          contrastText: "var(--mui-palette-common-white)"
-        },
-        info: {
-          ...i,
-          light: i[400],
-          main: i[500],
-          dark: i[600],
-          contrastText: "var(--mui-palette-common-white)"
-        },
-        primary: n.light,
-        secondary: {
-          ...r,
-          light: r[600],
-          main: r[700],
-          dark: r[800],
-          contrastText: "var(--mui-palette-common-white)"
-        },
-        success: {
-          ...t,
-          light: t[400],
-          main: t[500],
-          dark: t[600],
-          contrastText: "var(--mui-palette-common-white)"
-        },
-        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: {
-          ...e,
-          light: e[400],
-          main: e[500],
-          dark: e[600],
-          contrastText: "var(--mui-palette-common-white)"
-        },
-        Avatar: { defaultBg: "var(--mui-palette-neutral-600)" },
-        TableCell: { border: "var(--mui-palette-divider)" },
-        Tooltip: { bg: "rgba(10, 13, 20, 0.75)" }
-      }
-    }
-  };
-}
-export {
-  u as colorSchemes
-};

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

@@ -1,92 +0,0 @@
-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

@@ -1,94 +0,0 @@
-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/avatar.d.ts

@@ -1,18 +0,0 @@
-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

@@ -1,21 +0,0 @@
-import { j as t } from "../../../jsx-runtime-C5mzlN2N.js";
-import { S as r } from "../../../User-X5-swnIn.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/components.js

@@ -1,113 +0,0 @@
-import { MuiAccordion as o } from "./accordion.js";
-import { MuiAlert as r } from "./alert.js";
-import { MuiAutocomplete as i } from "./autocomplete.js";
-import { MuiAvatar as m } from "./avatar.js";
-import { MuiBackdrop as t } from "./backdrop.js";
-import { MuiButton as u } from "./button.js";
-import { MuiButtonBase as p } from "./button-base.js";
-import { MuiButtonGroup as M } from "./button-group.js";
-import { MuiCard as f } from "./card.js";
-import { MuiCardActions as e } from "./card-actions.js";
-import { MuiCardContent as n } from "./card-content.js";
-import { MuiCardHeader as a } from "./card-header.js";
-import { MuiCheckbox as l } from "./checkbox.js";
-import { MuiChip as s } from "./chip.js";
-import { MuiDialogActions as c } from "./dialog-actions.js";
-import { MuiDialogContent as I } from "./dialog-content.js";
-import { MuiDialogContentText as T } from "./dialog-content-text.js";
-import { MuiDialogTitle as d } from "./dialog-title.js";
-import { MuiFilledInput as B } from "./filled-input.js";
-import { MuiFormControlLabel as C } from "./form-control-label.js";
-import { MuiFormGroup as L } from "./form-group.js";
-import { MuiFormHelperText as b } from "./form-helper-text.js";
-import { MuiFormLabel as g } from "./form-label.js";
-import { MuiIconButton as A } from "./icon-button.js";
-import { MuiInput as k } from "./input.js";
-import { MuiInputBase as x } from "./input-base.js";
-import { MuiInputLabel as F } from "./input-label.js";
-import { MuiLinearProgress as D } from "./linear-progress.js";
-import { MuiLink as P } from "./link.js";
-import { MuiList as S } from "./list.js";
-import { MuiListItem as h } from "./list-item.js";
-import { MuiListItemAvatar as v } from "./list-item-avatar.js";
-import { MuiListItemButton as G } from "./list-item-button.js";
-import { MuiListItemIcon as H } from "./list-item-icon.js";
-import { MuiListItemText as w } from "./list-item-text.js";
-import { MuiMenu as y } from "./menu.js";
-import { MuiMenuItem as O } from "./menu-item.js";
-import { MuiOutlinedInput as R } from "./outlined-input.js";
-import { MuiPaper as j } from "./paper.js";
-import { MuiPopover as q } from "./popover.js";
-import { MuiRadio as z } from "./radio.js";
-import { MuiSelect as E } from "./select.js";
-import { MuiSkeleton as J } from "./skeleton.js";
-import { MuiStack as K } from "./stack.js";
-import { MuiSwitch as N } from "./switch.js";
-import { MuiTab as Q } from "./tab.js";
-import { MuiTableBody as U } from "./table-body.js";
-import { MuiTableCell as V } from "./table-cell.js";
-import { MuiTableHead as W } from "./table-head.js";
-import { MuiTablePagination as X } from "./table-pagination.js";
-import { MuiTabs as Y } from "./tabs.js";
-import { MuiToggleButton as Z } from "./toggle-button.js";
-import { MuiToggleButtonGroup as _ } from "./toggle-button-group.js";
-import { MuiTooltip as $ } from "./tooltip.js";
-const rr = {
-  MuiAlert: r,
-  MuiAvatar: m,
-  MuiBackdrop: t,
-  MuiButton: u,
-  MuiButtonBase: p,
-  MuiButtonGroup: M,
-  MuiCard: f,
-  MuiCardActions: e,
-  MuiCardContent: n,
-  MuiCardHeader: a,
-  MuiCheckbox: l,
-  MuiChip: s,
-  MuiFilledInput: B,
-  MuiFormControlLabel: C,
-  MuiFormGroup: L,
-  MuiFormLabel: g,
-  MuiIconButton: A,
-  MuiInput: k,
-  MuiInputBase: x,
-  MuiInputLabel: F,
-  MuiLinearProgress: D,
-  MuiLink: P,
-  MuiList: S,
-  MuiListItem: h,
-  MuiListItemAvatar: v,
-  MuiListItemButton: G,
-  MuiListItemIcon: H,
-  MuiListItemText: w,
-  MuiMenu: y,
-  MuiMenuItem: O,
-  MuiOutlinedInput: R,
-  MuiPaper: j,
-  MuiPopover: q,
-  MuiRadio: z,
-  MuiSelect: E,
-  MuiStack: K,
-  MuiSwitch: N,
-  MuiTab: Q,
-  MuiTableBody: U,
-  MuiTableCell: V,
-  MuiTableHead: W,
-  MuiTablePagination: X,
-  MuiTabs: Y,
-  MuiToggleButton: Z,
-  MuiToggleButtonGroup: _,
-  MuiTooltip: $,
-  MuiAutocomplete: i,
-  MuiAccordion: o,
-  MuiDialogActions: c,
-  MuiDialogContentText: T,
-  MuiDialogTitle: d,
-  MuiDialogContent: I,
-  MuiFormHelperText: b,
-  MuiSkeleton: J
-};
-export {
-  rr as components
-};

package/dist/styles/theme/create-theme.d.ts

@@ -1,8 +0,0 @@
-import { ColorScheme, Direction, PrimaryColor, Theme } from './types';
-interface Config {
-    primaryColor: PrimaryColor;
-    colorScheme: ColorScheme;
-    direction?: Direction;
-}
-declare function createTheme(config: Config): Theme;
-export { createTheme };

package/dist/styles/theme/create-theme.js

@@ -1,22 +0,0 @@
-import { createTheme as t } from "@mui/material";
-import { colorSchemes as m } from "./color-schemes.js";
-import { components as a } from "./components/components.js";
-import { shadows as o } from "./shadows.js";
-import { typography as s } from "./typography.js";
-function n(e) {
-  var r;
-  return t({
-    cssVariables: !0,
-    breakpoints: { values: { xs: 0, sm: 600, md: 900, lg: 1200, xl: 1440 } },
-    // colorSchemes: colorSchemes({ primaryColor: config.primaryColor }),
-    components: a,
-    direction: e.direction,
-    shadows: e.colorScheme === "dark" ? o.dark : o.light,
-    shape: { borderRadius: 8 },
-    typography: s,
-    palette: (r = m({ primaryColor: e.primaryColor })[e.colorScheme]) == null ? void 0 : r.palette
-  });
-}
-export {
-  n as createTheme
-};

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

@@ -1 +0,0 @@
-export * from './create-theme';

package/dist/styles/theme/index.js

@@ -1,4 +0,0 @@
-import { createTheme as m } from "./create-theme.js";
-export {
-  m as createTheme
-};

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

@@ -1,3 +0,0 @@
-import { Shadows } from '@mui/material';
-import { ColorScheme } from './types';
-export declare const shadows: Record<ColorScheme, Shadows>;

package/dist/styles/theme/shadows.js

@@ -1,59 +0,0 @@
-const p = {
-  dark: [
-    "none",
-    "0px 1px 2px rgba(0, 0, 0, 0.5)",
-    "0px 1px 5px rgba(0, 0, 0, 0.5)",
-    "0px 1px 8px rgba(0, 0, 0, 0.5)",
-    "0px 1px 10px rgba(0, 0, 0, 0.5)",
-    "0px 1px 14px rgba(0, 0, 0, 0.5)",
-    "0px 1px 18px rgba(0, 0, 0, 0.5)",
-    "0px 2px 16px rgba(0, 0, 0, 0.5)",
-    "0px 3px 14px rgba(0, 0, 0, 0.5)",
-    "0px 3px 16px rgba(0, 0, 0, 0.5)",
-    "0px 4px 18px rgba(0, 0, 0, 0.5)",
-    "0px 4px 20px rgba(0, 0, 0, 0.5)",
-    "0px 5px 22px rgba(0, 0, 0, 0.5)",
-    "0px 5px 24px rgba(0, 0, 0, 0.5)",
-    "0px 5px 26px rgba(0, 0, 0, 0.5)",
-    "0px 6px 28px rgba(0, 0, 0, 0.5)",
-    "0px 6px 30px rgba(0, 0, 0, 0.5)",
-    "0px 6px 32px rgba(0, 0, 0, 0.5)",
-    "0px 7px 34px rgba(0, 0, 0, 0.5)",
-    "0px 7px 36px rgba(0, 0, 0, 0.5)",
-    "0px 8px 38px rgba(0, 0, 0, 0.5)",
-    "0px 8px 40px rgba(0, 0, 0, 0.5)",
-    "0px 8px 42px rgba(0, 0, 0, 0.5)",
-    "0px 9px 44px rgba(0, 0, 0, 0.5)",
-    "0px 9px 46px rgba(0, 0, 0, 0.5)"
-  ],
-  light: [
-    "none",
-    "0px 1px 2px rgba(0, 0, 0, 0.08)",
-    "0px 1px 5px rgba(0, 0, 0, 0.08)",
-    "0px 1px 8px rgba(0, 0, 0, 0.08)",
-    "0px 1px 10px rgba(0, 0, 0, 0.08)",
-    "0px 1px 14px rgba(0, 0, 0, 0.08)",
-    "0px 1px 18px rgba(0, 0, 0, 0.08)",
-    "0px 2px 16px rgba(0, 0, 0, 0.08)",
-    "0px 3px 14px rgba(0, 0, 0, 0.08)",
-    "0px 3px 16px rgba(0, 0, 0, 0.08)",
-    "0px 4px 18px rgba(0, 0, 0, 0.08)",
-    "0px 4px 20px rgba(0, 0, 0, 0.08)",
-    "0px 5px 22px rgba(0, 0, 0, 0.08)",
-    "0px 5px 24px rgba(0, 0, 0, 0.08)",
-    "0px 5px 26px rgba(0, 0, 0, 0.08)",
-    "0px 6px 28px rgba(0, 0, 0, 0.08)",
-    "0px 6px 30px rgba(0, 0, 0, 0.08)",
-    "0px 6px 32px rgba(0, 0, 0, 0.08)",
-    "0px 7px 34px rgba(0, 0, 0, 0.08)",
-    "0px 7px 36px rgba(0, 0, 0, 0.08)",
-    "0px 8px 38px rgba(0, 0, 0, 0.08)",
-    "0px 8px 40px rgba(0, 0, 0, 0.08)",
-    "0px 8px 42px rgba(0, 0, 0, 0.08)",
-    "0px 9px 44px rgba(0, 0, 0, 0.08)",
-    "0px 9px 46px rgba(0, 0, 0, 0.08)"
-  ]
-};
-export {
-  p as shadows
-};

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

@@ -1,68 +0,0 @@
-export declare const typography: {
-    fontFamily: "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"";
-    body1: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-    body2: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-    button: {
-        fontWeight: number;
-    };
-    caption: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-    subtitle1: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-    subtitle2: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-    overline: {
-        fontSize: string;
-        fontWeight: number;
-        letterSpacing: string;
-        lineHeight: number;
-        textTransform: "uppercase";
-    };
-    h1: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-    h2: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-    h3: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-    h4: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-    h5: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-    h6: {
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: number;
-    };
-};

package/dist/styles/theme/typography.js

@@ -1,31 +0,0 @@
-const e = {
-  fontFamily: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
-  body1: { fontSize: "1rem", fontWeight: 400, lineHeight: 1.5 },
-  body2: { fontSize: "0.875rem", fontWeight: 400, lineHeight: 1.57 },
-  button: { fontWeight: 500 },
-  caption: { fontSize: "0.75rem", fontWeight: 400, lineHeight: 1.66 },
-  subtitle1: { fontSize: "1rem", fontWeight: 500, lineHeight: 1.57 },
-  subtitle2: { fontSize: "0.875rem", fontWeight: 500, lineHeight: 1.57 },
-  overline: {
-    fontSize: "0.75rem",
-    fontWeight: 500,
-    letterSpacing: "0.5px",
-    lineHeight: 2.5,
-    textTransform: "uppercase"
-  },
-  h1: { fontSize: "3.5rem", fontWeight: 500, lineHeight: 1.2 },
-  // 56px
-  h2: { fontSize: "3rem", fontWeight: 500, lineHeight: 1.2 },
-  // 48px
-  h3: { fontSize: "2.25rem", fontWeight: 500, lineHeight: 1.2 },
-  // 36px
-  h4: { fontSize: "2rem", fontWeight: 500, lineHeight: 1.2 },
-  // 32px
-  h5: { fontSize: "1.5rem", fontWeight: 500, lineHeight: 1.2 },
-  // 24px
-  h6: { fontSize: "1.125rem", fontWeight: 500, lineHeight: 1.2 }
-  // 18px
-};
-export {
-  e as typography
-};