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

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.css

@@ -60,7 +60,7 @@
 }
 
 .typography-button {
-    @apply text-sm font-medium;
+    @apply text-sm font-semibold uppercase;
 }
 
 

package/dist/index.es.js

@@ -33,9 +33,9 @@ const fieldBackgroundMixin = "bg-opacity-50 bg-slate-200 dark:bg-gray-800 dark:b
 const fieldBackgroundInvisibleMixin = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0";
 const fieldBackgroundDisabledMixin = "dark:bg-gray-800 bg-opacity-50 dark:bg-opacity-90";
 const fieldBackgroundHoverMixin = "hover:bg-opacity-70 dark:hover:bg-gray-700 dark:hover:bg-opacity-40";
-const defaultBorderMixin = "border-gray-200 border-opacity-40 dark:border-gray-700 dark:border-opacity-50";
-const paperMixin = "bg-white rounded-md dark:bg-gray-950 border border-gray-200 border-opacity-40 dark:border-gray-700 dark:border-opacity-50";
-const cardMixin = "bg-white border border-gray-200 border-opacity-40 dark:border-transparent rounded-md dark:bg-gray-950 dark:border-gray-700 dark:border-opacity-50 m-1 -p-1";
+const defaultBorderMixin = "border-gray-200 border-opacity-40 dark:border-gray-700 dark:border-opacity-40";
+const paperMixin = "bg-white rounded-md dark:bg-gray-950 border border-gray-200 border-opacity-40 dark:border-gray-700 dark:border-opacity-40";
+const cardMixin = "bg-white border border-gray-200 border-opacity-40 dark:border-transparent rounded-md dark:bg-gray-950 dark:border-gray-700 dark:border-opacity-40 m-1 -p-1";
 const cardClickableMixin = "hover:bg-primary-bg dark:hover:bg-primary-bg hover:bg-opacity-20 dark:hover:bg-opacity-20 hover:ring-2 hover:ring-primary cursor-pointer";
 const cardSelectedMixin = "bg-primary-bg dark:bg-primary-bg bg-opacity-30 dark:bg-opacity-10 ring-1 ring-primary ring-opacity-75";
 function cls(...classes) {
@@ -571,7 +571,7 @@ const ButtonInner = React__default.forwardRef(({
   color = "primary",
   ...props
 }, ref) => {
-  const baseClasses2 = "h-fit rounded-md uppercase whitespace-nowrap inline-flex items-center justify-center p-2 px-4 text-sm font-medium focus:outline-none transition ease-in-out duration-150 gap-2";
+  const baseClasses2 = "typography-button h-fit rounded-md whitespace-nowrap inline-flex items-center justify-center p-2 px-4 focus:outline-none transition ease-in-out duration-150 gap-2";
   const buttonClasses2 = cls({
     "w-full": fullWidth,
     "w-fit": !fullWidth,
@@ -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(