@solostylist/ui-kit 1.0.124 → 1.0.126

package/dist/s-overlay-scrollbar/s-overlay-scrollbar.d.ts

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { SxProps, Theme } from '@mui/material';
 export interface SOverlayScrollbarProps extends PropsWithChildren {
+    id?: string;
     className?: string;
     sx?: SxProps<Theme>;
 }

package/dist/s-overlay-scrollbar/s-overlay-scrollbar.js

@@ -1,26 +1,32 @@
-import { j as s } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as t } from "react";
+import { j as t } from "../jsx-runtime-OVHDjVDe.js";
+import { forwardRef as p } from "react";
 import { styled as d } from "@mui/material";
 import { OverlayScrollbarsComponent as i } from "overlayscrollbars-react";
-import '../assets/s-overlay-scrollbar.css';const p = d(i)(({ theme: r }) => ({
+import '../assets/s-overlay-scrollbar.css';const b = d(i)(({ theme: a }) => ({
   maxHeight: "100%",
   ".os-theme-dark": {
     "--os-size": "10px",
-    "--os-handle-bg": (r.vars || r).palette.divider,
-    "--os-handle-bg-hover": (r.vars || r).palette.divider,
-    "--os-handle-bg-active": (r.vars || r).palette.divider
+    "--os-handle-bg": (a.vars || a).palette.blackAlpha.medium,
+    "--os-handle-bg-hover": (a.vars || a).palette.blackAlpha.dark,
+    "--os-handle-bg-active": (a.vars || a).palette.blackAlpha.dark,
+    ...a.applyStyles("dark", {
+      "--os-handle-bg": (a.vars || a).palette.whiteAlpha.medium,
+      "--os-handle-bg-hover": (a.vars || a).palette.whiteAlpha.dark,
+      "--os-handle-bg-active": (a.vars || a).palette.whiteAlpha.dark
+    })
   }
-})), v = t(
-  ({ sx: r, children: a, className: o, ...e }, l) => /* @__PURE__ */ s.jsx(
-    p,
+})), v = p(
+  ({ sx: a, children: r, className: l, id: o, ...s }, e) => /* @__PURE__ */ t.jsx(
+    b,
     {
-      ref: l,
+      id: o,
+      ref: e,
       defer: !0,
-      sx: r,
-      className: o,
+      sx: a,
+      className: l,
       options: { scrollbars: { autoHide: "leave", autoHideDelay: 100 } },
-      ...e,
-      children: a
+      ...s,
+      children: r
     }
   )
 );

package/dist/theme/theme-primitives.js

@@ -327,7 +327,7 @@ const l = m(), e = {
       paper: a[100]
     },
     text: {
-      primary: "rgb(0, 0, 0)",
+      primary: "rgb(77, 77, 77)",
       secondary: a[700]
     },
     action: {

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.124",
+  "version": "1.0.126",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",