@firecms/ui 3.0.0-canary.134 → 3.0.0-canary.135

package/dist/components/Sheet.d.ts

@@ -4,6 +4,7 @@ interface SheetProps {
     open: boolean;
     title?: string;
     modal?: boolean;
+    includeBackgroundOverlay?: boolean;
     side?: "top" | "bottom" | "left" | "right";
     darkBackground?: boolean;
     transparent?: boolean;

package/dist/index.es.js

@@ -16218,12 +16218,12 @@ function SliderThumb(props) {
       {
         className: cls(
           {
-            "border-primary bg-primary hover:bg-primary-dark focus-visible:ring-4 focus-visible:ring-primary outline-none focus-visible:ring-opacity-50": !props.props.disabled,
+            "border-primary bg-primary hover:bg-primary-dark outline-none": !props.props.disabled,
             "border-slate-300 bg-slate-300 dark:border-gray-700 dark:bg-gray-700": props.props.disabled
           },
           props.classes,
-          "focus:ring-8 focus:ring-primary focus:ring-opacity-75",
-          "hover:ring-8 hover:ring-primary hover:ring-opacity-75",
+          "focus-visible:ring-4 focus-visible:ring-primary focus-visible:ring-opacity-50",
+          "hover:ring-4 hover:ring-primary hover:ring-opacity-25",
           "block rounded-full transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50"
         )
       }
@@ -16298,6 +16298,7 @@ const Sheet = ({
   side = "right",
   title,
   modal = true,
+  includeBackgroundOverlay = true,
   open,
   onOpenChange,
   transparent,
@@ -16332,7 +16333,7 @@ const Sheet = ({
       onOpenChange,
       children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
         /* @__PURE__ */ jsx(DialogPrimitive.Title, { autoFocus: true, tabIndex: 0, children: title ?? "Sheet" }),
-        modal && /* @__PURE__ */ jsx(
+        includeBackgroundOverlay && /* @__PURE__ */ jsx(
           DialogPrimitive.Overlay,
           {
             className: cls(