@solostylist/ui-kit 1.0.200 → 1.0.202

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

@@ -1,142 +0,0 @@
-import { i } from "../../iconButtonClasses-BMfIhNTh.js";
-import { b as a } from "../../buttonBaseClasses-jtnoTmPn.js";
-import { t as e } from "../../typographyClasses-jmoWZuXc.js";
-import { s as t } from "../../svgIconClasses-C6auqaBA.js";
-const r = (o) => ({
-  alignItems: "center",
-  display: "flex",
-  gap: 8,
-  padding: "0.5rem 1rem",
-  borderRadius: 0,
-  whiteSpace: "nowrap",
-  color: (o.vars ?? o).palette.text.secondary,
-  [`& .${t.root}`]: {
-    color: (o.vars ?? o).palette.text.secondary
-  },
-  "&.Mui-selected": {
-    backgroundColor: (o.vars ?? o).palette.action.selected,
-    color: (o.vars ?? o).palette.text.primary,
-    [`& .${t.root}`]: {
-      color: (o.vars ?? o).palette.text.primary
-    },
-    "&:focus-visible": {
-      backgroundColor: (o.vars ?? o).palette.action.selected
-    },
-    "&:hover": {
-      backgroundColor: (o.vars ?? o).palette.action.selected
-    }
-  },
-  "&:hover:not(.Mui-selected)": {
-    backgroundColor: (o.vars ?? o).palette.action.hover,
-    color: (o.vars ?? o).palette.text.primary,
-    [`& .${t.root}`]: {
-      color: (o.vars ?? o).palette.text.primary
-    }
-  },
-  "&:focus-visible": {
-    backgroundColor: "transparent"
-  }
-}), d = {
-  MuiTableCell: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        borderColor: (o.vars ?? o).palette.divider
-      })
-    }
-  },
-  MuiList: {
-    styleOverrides: {
-      root: {
-        paddingY: 1,
-        display: "flex",
-        flexDirection: "column",
-        gap: 0
-      }
-    }
-  },
-  MuiListItem: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        [`& .${t.root}`]: {
-          color: (o.vars ?? o).palette.text.secondary
-        },
-        [`& .${e.root}`]: {
-          fontWeight: 500
-        },
-        [`& .${a.root}`]: r(o)
-      })
-    }
-  },
-  MuiListItemButton: {
-    styleOverrides: {
-      root: ({ theme: o }) => r(o)
-    }
-  },
-  MuiListItemText: {
-    styleOverrides: {
-      primary: ({ theme: o }) => ({
-        fontSize: o.typography.body2.fontSize,
-        fontWeight: 500,
-        lineHeight: o.typography.body2.lineHeight
-      }),
-      secondary: ({ theme: o }) => ({
-        fontSize: o.typography.caption.fontSize,
-        lineHeight: o.typography.caption.lineHeight
-      })
-    }
-  },
-  MuiListSubheader: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        backgroundColor: "transparent",
-        padding: "4px 8px",
-        fontSize: o.typography.caption.fontSize,
-        fontWeight: 500,
-        lineHeight: o.typography.caption.lineHeight
-      })
-    }
-  },
-  MuiListItemIcon: {
-    styleOverrides: {
-      root: {
-        minWidth: 0
-      }
-    }
-  },
-  MuiTablePagination: {
-    styleOverrides: {
-      actions: {
-        display: "flex",
-        gap: 8,
-        marginRight: 6,
-        [`& .${i.root}`]: {
-          minWidth: 0,
-          width: 36,
-          height: 36
-        }
-      }
-    }
-  },
-  MuiIcon: {
-    defaultProps: {
-      fontSize: "small"
-    },
-    styleOverrides: {
-      root: {
-        variants: [
-          {
-            props: {
-              fontSize: "small"
-            },
-            style: {
-              fontSize: "0.75rem"
-            }
-          }
-        ]
-      }
-    }
-  }
-};
-export {
-  d as dataDisplayCustomizations
-};

package/dist/theme/customizations/feedback.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material/styles';
-export declare const feedbackCustomizations: Components<Theme>;

package/dist/theme/customizations/feedback.js

@@ -1,39 +0,0 @@
-import { gray as r } from "../theme-primitives.js";
-const i = {
-  MuiDialog: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        "& .MuiDialog-paper": {
-          borderRadius: "10px",
-          border: "1px solid",
-          borderColor: (o.vars ?? o).palette.divider,
-          backgroundColor: (o.vars ?? o).palette.background.paper,
-          backgroundImage: "none",
-          boxShadow: "none"
-        }
-      })
-    }
-  },
-  MuiDialogActions: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        padding: `${o.spacing(2)} ${o.spacing(3)}`
-      })
-    }
-  },
-  MuiLinearProgress: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        height: 8,
-        borderRadius: 8,
-        backgroundColor: r[200],
-        ...o.applyStyles("dark", {
-          backgroundColor: r[800]
-        })
-      })
-    }
-  }
-};
-export {
-  i as feedbackCustomizations
-};

package/dist/theme/customizations/inputs.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material/styles';
-export declare const inputsCustomizations: Components<Theme>;

package/dist/theme/customizations/inputs.js

@@ -1,230 +0,0 @@
-import { j as i } from "../../jsx-runtime-tc70JA_2.js";
-import { c as d } from "../../createSvgIcon-BkbeLOhM.js";
-import { brand as e, gray as t } from "../theme-primitives.js";
-import { o as n } from "../../outlinedInputClasses-DnwW3ujt.js";
-import { g as l } from "../../generateUtilityClasses-E9gROIFd.js";
-import { a as r } from "../../createTheme-DgoJyWM-.js";
-const p = d(/* @__PURE__ */ i.jsx("path", {
-  d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
-}), "CheckBoxOutlineBlankRounded"), u = d(/* @__PURE__ */ i.jsx("path", {
-  d: "M9 16.17 5.53 12.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
-}), "CheckRounded"), c = d(/* @__PURE__ */ i.jsx("path", {
-  d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
-}), "RemoveRounded"), b = l("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), s = l("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), f = {
-  MuiButtonBase: {
-    defaultProps: {
-      disableTouchRipple: !0,
-      disableRipple: !0
-    },
-    styleOverrides: {
-      root: {
-        boxSizing: "border-box",
-        transition: "all 100ms ease-in"
-      }
-    }
-  },
-  MuiToggleButtonGroup: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        borderRadius: "10px",
-        boxShadow: `0 4px 16px ${r(t[400], 0.2)}`,
-        [`& .${s.selected}`]: {
-          color: e[500]
-        },
-        ...o.applyStyles("dark", {
-          [`& .${s.selected}`]: {
-            color: "#fff"
-          },
-          boxShadow: `0 4px 16px ${r(e[700], 0.5)}`
-        })
-      })
-    }
-  },
-  MuiToggleButton: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        padding: "12px 16px",
-        textTransform: "none",
-        borderRadius: "10px",
-        fontWeight: 500,
-        ...o.applyStyles("dark", {
-          color: t[400],
-          [`&.${b.selected}`]: {
-            color: e[300]
-          }
-        })
-      })
-    }
-  },
-  MuiCheckbox: {
-    defaultProps: {
-      disableRipple: !0,
-      icon: /* @__PURE__ */ i.jsx(p, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
-      checkedIcon: /* @__PURE__ */ i.jsx(u, { sx: { height: 14, width: 14 } }),
-      indeterminateIcon: /* @__PURE__ */ i.jsx(c, { sx: { height: 14, width: 14 } })
-    },
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        margin: 8,
-        marginLeft: 0,
-        height: 16,
-        width: 16,
-        borderRadius: 5,
-        border: "1px solid",
-        borderColor: r(t[300], 0.8),
-        boxShadow: "0 0 0 1.5px hsla(210, 0%, 0%, 0.04) inset",
-        backgroundColor: r(t[100], 0.4),
-        transition: "border-color, background-color, 120ms ease-in",
-        "&:hover": {
-          borderColor: e[300]
-        },
-        "&.Mui-focusVisible": {
-          outline: `3px solid ${r(e[500], 0.5)}`,
-          outlineOffset: "2px",
-          borderColor: e[400]
-        },
-        "&.Mui-checked": {
-          color: "white",
-          backgroundColor: e[500],
-          borderColor: e[500],
-          boxShadow: "none",
-          "&:hover": {
-            backgroundColor: e[600]
-          }
-        },
-        ...o.applyStyles("dark", {
-          borderColor: r(t[700], 0.8),
-          boxShadow: "0 0 0 1.5px hsl(210, 0%, 0%) inset",
-          backgroundColor: r(t[900], 0.8),
-          "&:hover": {
-            borderColor: e[300]
-          },
-          "&.Mui-focusVisible": {
-            borderColor: e[400],
-            outline: `3px solid ${r(e[500], 0.5)}`,
-            outlineOffset: "2px"
-          }
-        })
-      })
-    }
-  },
-  MuiInputBase: {
-    styleOverrides: {
-      root: {
-        border: "none"
-      },
-      input: ({ theme: o }) => ({
-        "&::placeholder": {
-          opacity: 1,
-          color: (o.vars ?? o).palette.divider
-        }
-      })
-    }
-  },
-  MuiAutocomplete: {
-    styleOverrides: {
-      paper: ({ theme: o }) => ({
-        marginTop: 2,
-        border: "1px solid",
-        borderColor: (o.vars ?? o).palette.divider
-      }),
-      popupIndicator: {
-        background: "none",
-        "&:hover": {
-          background: "none"
-        }
-      },
-      clearIndicator: {
-        background: "none",
-        "&:hover": {
-          background: "none"
-        }
-      },
-      inputRoot: {
-        "& .MuiAutocomplete-input": {
-          padding: 0
-          // <-- your desired padding
-        }
-      }
-    }
-  },
-  MuiOutlinedInput: {
-    styleOverrides: {
-      input: ({ ownerState: o, theme: a }) => ({
-        padding: 0,
-        ...o.type === "number" && {
-          // Remove spinner buttons (cross-browser)
-          "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
-            WebkitAppearance: "none",
-            margin: 0
-          },
-          MozAppearance: "textfield"
-          // Firefox
-        },
-        "&:-webkit-autofill": {
-          boxShadow: `${(a.vars ?? a).palette.background.default} 0px 0px 0px 100px inset !important`
-        },
-        "&:-moz-autofill": {
-          boxShadow: `${(a.vars ?? a).palette.background.default} 0px 0px 0px 100px inset !important`
-        }
-      }),
-      root: ({ theme: o }) => ({
-        padding: "8px 12px",
-        color: (o.vars ?? o).palette.text.primary,
-        borderRadius: (o.vars ?? o).shape.borderRadius,
-        border: `1px solid ${(o.vars ?? o).palette.divider}`,
-        backgroundColor: (o.vars ?? o).palette.background.default,
-        transition: "border 120ms ease-in",
-        "&:hover": {
-          borderColor: t[500]
-        },
-        [`&.${n.focused}`]: {
-          outline: `3px solid ${r(e[500], 0.5)}`,
-          borderColor: e[400]
-        },
-        variants: [
-          {
-            props: {
-              size: "small"
-            },
-            style: {
-              height: "2.25rem"
-            }
-          },
-          {
-            props: {
-              size: "medium"
-            },
-            style: {
-              minHeight: "2.5rem"
-            }
-          }
-        ]
-      }),
-      notchedOutline: {
-        border: "none"
-      }
-    }
-  },
-  MuiInputAdornment: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        color: (o.vars ?? o).palette.grey[500],
-        ...o.applyStyles("dark", {
-          color: (o.vars ?? o).palette.grey[400]
-        })
-      })
-    }
-  },
-  MuiFormLabel: {
-    styleOverrides: {
-      root: ({ theme: o }) => ({
-        typography: o.typography.caption,
-        marginBottom: 8
-      })
-    }
-  }
-};
-export {
-  f as inputsCustomizations
-};

package/dist/theme/customizations/navigation.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material/styles';
-export declare const navigationCustomizations: Components<Theme>;

package/dist/theme/customizations/navigation.js

@@ -1,226 +0,0 @@
-import { j as e } from "../../jsx-runtime-tc70JA_2.js";
-import * as i from "react";
-import { c as l } from "../../createSvgIcon-BkbeLOhM.js";
-import { gray as a, brand as s } from "../theme-primitives.js";
-import { t } from "../../tabClasses-DFvXsFrN.js";
-import { a as d } from "../../createTheme-DgoJyWM-.js";
-const n = l(/* @__PURE__ */ e.jsx("path", {
-  d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
-}), "UnfoldMoreRounded"), y = {
-  MuiAppBar: {
-    styleOverrides: {
-      root: ({ theme: r }) => ({
-        backgroundColor: (r.vars ?? r).palette.background.default,
-        color: (r.vars ?? r).palette.text.primary,
-        "&.MuiAppBar-colorPrimary": {
-          backgroundColor: (r.vars ?? r).palette.background.default
-        },
-        boxShadow: "none",
-        backgroundImage: "none",
-        borderBottom: "1px solid",
-        borderColor: (r.vars ?? r).palette.divider
-      })
-    }
-  },
-  MuiMenu: {
-    styleOverrides: {
-      list: {
-        padding: 0,
-        paddingTop: 8,
-        paddingBottom: 8
-      }
-    },
-    defaultProps: {
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "center"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "center"
-      },
-      marginThreshold: 0
-    }
-  },
-  MuiMenuItem: {
-    styleOverrides: {
-      root: { paddingTop: 8, paddingBottom: 8 }
-    }
-  },
-  MuiSelect: {
-    defaultProps: {
-      IconComponent: i.forwardRef((r, o) => /* @__PURE__ */ e.jsx(n, { fontSize: "small", ...r, ref: o }))
-    }
-  },
-  MuiLink: {
-    defaultProps: {
-      underline: "none"
-    },
-    styleOverrides: {
-      root: ({ theme: r }) => ({
-        color: (r.vars ?? r).palette.text.primary,
-        fontWeight: 500,
-        position: "relative",
-        textDecoration: "none",
-        width: "fit-content",
-        "&::before": {
-          content: '""',
-          position: "absolute",
-          width: "100%",
-          height: "1px",
-          bottom: 0,
-          left: 0,
-          backgroundColor: (r.vars ?? r).palette.text.secondary,
-          opacity: 0.3,
-          transition: "width 0.3s ease, opacity 0.3s ease"
-        },
-        "&:hover::before": {
-          width: 0
-        },
-        "&:focus-visible": {
-          outline: `3px solid ${d(s[500], 0.5)}`,
-          outlineOffset: "4px",
-          borderRadius: "2px"
-        }
-      })
-    }
-  },
-  MuiDrawer: {
-    styleOverrides: {
-      paper: ({ theme: r }) => ({
-        backgroundColor: (r.vars ?? r).palette.background.default
-      })
-    }
-  },
-  MuiPaginationItem: {
-    styleOverrides: {
-      root: ({ theme: r }) => ({
-        ...r.applyStyles("dark", {
-          "&.Mui-selected": {
-            color: (r.vars ?? r).palette.grey[900],
-            backgroundColor: (r.vars ?? r).palette.grey[50],
-            "&:hover": {
-              backgroundColor: (r.vars ?? r).palette.grey[200]
-            }
-          }
-        })
-      })
-    }
-  },
-  MuiTabs: {
-    styleOverrides: {
-      root: ({ theme: r, ownerState: o }) => ({
-        minHeight: "fit-content",
-        border: 0,
-        ...o.orientation === "vertical" ? {
-          borderRight: "1px solid",
-          borderColor: (r.vars ?? r).palette.divider
-        } : {
-          borderBottom: "1px solid",
-          borderColor: (r.vars ?? r).palette.divider
-        }
-      }),
-      indicator: ({ theme: r }) => ({
-        backgroundColor: (r.vars ?? r).palette.grey[800],
-        ...r.applyStyles("dark", {
-          backgroundColor: (r.vars ?? r).palette.grey[200]
-        })
-      })
-    }
-  },
-  MuiTab: {
-    styleOverrides: {
-      root: ({ theme: r }) => ({
-        textTransform: "none",
-        ".MuiTabs-vertical &": {
-          alignItems: "flex-start"
-        },
-        minWidth: "fit-content",
-        minHeight: "fit-content",
-        color: (r.vars ?? r).palette.text.secondary,
-        borderTopLeftRadius: (r.vars ?? r).shape.borderRadius,
-        borderTopRightRadius: (r.vars ?? r).shape.borderRadius,
-        border: 0,
-        ":hover": {
-          color: (r.vars ?? r).palette.text.primary
-        },
-        [`&.${t.selected}`]: {
-          color: (r.vars ?? r).palette.text.primary
-        },
-        ...r.applyStyles("dark", {
-          ":hover": {
-            color: (r.vars ?? r).palette.text.primary
-          },
-          [`&.${t.selected}`]: {
-            color: (r.vars ?? r).palette.text.primary
-          }
-        })
-      })
-    }
-  },
-  MuiStepConnector: {
-    styleOverrides: {
-      line: ({ theme: r }) => ({
-        borderTop: "1px solid",
-        borderColor: (r.vars ?? r).palette.divider,
-        flex: 1,
-        borderRadius: "99px"
-      })
-    }
-  },
-  MuiStepIcon: {
-    styleOverrides: {
-      root: ({ theme: r }) => ({
-        color: "transparent",
-        border: `1px solid ${a[400]}`,
-        width: 12,
-        height: 12,
-        borderRadius: "50%",
-        "& text": {
-          display: "none"
-        },
-        "&.Mui-active": {
-          border: "none",
-          color: (r.vars ?? r).palette.primary.main
-        },
-        "&.Mui-completed": {
-          border: "none",
-          color: (r.vars ?? r).palette.success.main
-        },
-        ...r.applyStyles("dark", {
-          border: `1px solid ${a[700]}`,
-          "&.Mui-active": {
-            border: "none",
-            color: (r.vars ?? r).palette.primary.light
-          },
-          "&.Mui-completed": {
-            border: "none",
-            color: (r.vars ?? r).palette.success.light
-          }
-        }),
-        variants: [
-          {
-            props: { completed: !0 },
-            style: {
-              width: 12,
-              height: 12
-            }
-          }
-        ]
-      })
-    }
-  },
-  MuiStepLabel: {
-    styleOverrides: {
-      label: ({ theme: r }) => ({
-        "&.Mui-completed": {
-          opacity: 0.6,
-          ...r.applyStyles("dark", { opacity: 0.5 })
-        }
-      })
-    }
-  }
-};
-export {
-  y as navigationCustomizations
-};

package/dist/theme/customizations/surfaces.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material/styles';
-export declare const surfacesCustomizations: Components<Theme>;