@solostylist/ui-kit 1.0.120 → 1.0.122

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

@@ -1,30 +1,30 @@
 import { j as s } from "../jsx-runtime-OVHDjVDe.js";
 import { forwardRef as t } from "react";
-import { styled as i } from "@mui/material";
-import { OverlayScrollbarsComponent as d } from "overlayscrollbars-react";
-import '../assets/s-overlay-scrollbar.css';const p = i(d)(({ theme: r }) => ({
+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 }) => ({
   maxHeight: "100%",
   ".os-theme-dark": {
     "--os-size": "10px",
-    "--os-handle-bg": (r.vars || r).palette.ui.pulse.radialGradient,
-    "--os-handle-bg-hover": (r.vars || r).palette.ui.pulse.radialGradient,
-    "--os-handle-bg-active": (r.vars || r).palette.ui.pulse.radialGradient
+    "--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
   }
-})), n = t(
-  ({ sx: r, children: a, className: e, ...l }, o) => /* @__PURE__ */ s.jsx(
+})), v = t(
+  ({ sx: r, children: a, className: o, ...e }, l) => /* @__PURE__ */ s.jsx(
     p,
     {
-      ref: o,
+      ref: l,
       defer: !0,
       sx: r,
-      className: e,
+      className: o,
       options: { scrollbars: { autoHide: "leave", autoHideDelay: 100 } },
-      ...l,
+      ...e,
       children: a
     }
   )
 );
-n.displayName = "SOverlayScrollbar";
+v.displayName = "SOverlayScrollbar";
 export {
-  n as default
+  v as default
 };

package/dist/theme/components/chip.js

@@ -1,10 +1,10 @@
 import { j as p } from "../../jsx-runtime-OVHDjVDe.js";
 import { chipClasses as l } from "@mui/material";
-import { gray as a, lightGray as i, brand as t, lightBrand as n, purple as c, lightPurple as d, green as y, lightGreen as g, red as u, lightRed as b, orange as f, lightOrange as m, blue as x, lightBlue as $ } from "../theme-primitives.js";
+import { gray as a, lightGray as i, brand as n, lightBrand as t, purple as c, lightPurple as d, green as y, lightGreen as g, red as u, lightRed as b, orange as f, lightOrange as m, blue as x, lightBlue as $ } from "../theme-primitives.js";
 import { C } from "../../Close-DlTC3goO.js";
 const o = (r, e, s) => ({
+  border: "none",
   ...r.applyStyles("light", {
-    borderColor: e[700],
     backgroundColor: e[800],
     [`& .${l.label}`]: {
       color: e[200]
@@ -14,7 +14,6 @@ const o = (r, e, s) => ({
     }
   }),
   ...r.applyStyles("dark", {
-    borderColor: s[700],
     backgroundColor: s[800],
     [`& .${l.label}`]: {
       color: s[200]
@@ -23,7 +22,7 @@ const o = (r, e, s) => ({
       color: s[300]
     }
   })
-}), h = {
+}), R = {
   defaultProps: {
     size: "small",
     deleteIcon: /* @__PURE__ */ p.jsx(C, {})
@@ -49,7 +48,7 @@ const o = (r, e, s) => ({
             color: "primary"
           },
           style: {
-            ...o(r, n, t)
+            ...o(r, t, n)
           }
         },
         {
@@ -104,5 +103,5 @@ const o = (r, e, s) => ({
   }
 };
 export {
-  h as MuiChip
+  R as MuiChip
 };

package/dist/theme/theme-primitives.js

@@ -321,7 +321,7 @@ const l = m(), e = {
       dark: o[700]
     },
     grey: a,
-    divider: r(a[200], 0.6),
+    divider: r(a[200], 0.9),
     background: {
       default: a[50],
       paper: a[100]

package/package.json

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