@firecms/ui 3.0.0-canary.142 → 3.0.0-canary.143

package/dist/components/BooleanSwitchWithLabel.d.ts

@@ -6,9 +6,12 @@ export type BooleanSwitchWithLabelProps = BooleanSwitchProps & {
     label?: React.ReactNode;
     error?: boolean;
     autoFocus?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    inputClassName?: string;
 };
 /**
  * Simple boolean switch.
  *
  */
-export declare const BooleanSwitchWithLabel: ({ value, position, invisible, onValueChange, error, label, autoFocus, disabled, size, ...props }: BooleanSwitchWithLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BooleanSwitchWithLabel: ({ value, position, invisible, onValueChange, error, label, autoFocus, disabled, size, className, fullWidth, inputClassName, ...props }: BooleanSwitchWithLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.es.js

@@ -485,6 +485,9 @@ const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
   autoFocus,
   disabled,
   size,
+  className,
+  fullWidth = true,
+  inputClassName,
   ...props
 }) {
   const ref = React__default.useRef(null);
@@ -506,13 +509,15 @@ const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
         !invisible && fieldBackgroundMixin,
         !invisible && (disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin),
         disabled ? "cursor-default" : "cursor-pointer",
-        "rounded-md max-w-full justify-between w-full box-border relative inline-flex items-center",
+        "rounded-md max-w-full justify-between  box-border relative inline-flex items-center",
         !invisible && focus && !disabled ? focusedClasses : "",
         error ? "text-red-500 dark:text-red-600" : focus && !disabled ? "text-primary" : !disabled ? "text-text-primary dark:text-text-primary-dark" : "text-text-secondary dark:text-text-secondary-dark",
         size === "smallest" ? "min-h-[40px]" : size === "small" ? "min-h-[48px]" : "min-h-[64px]",
         size === "smallest" ? "pl-2" : "pl-4",
         size === "smallest" ? "pr-4" : "pr-6",
-        position === "end" ? "flex-row-reverse" : "flex-row"
+        position === "end" ? "flex-row-reverse" : "flex-row",
+        fullWidth ? "w-full" : "",
+        className
       ),
       onClick: disabled ? void 0 : (e) => {
         if (props.allowIndeterminate) {
@@ -530,7 +535,7 @@ const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
             value,
             ref: refInput,
             size,
-            className: invisible && focus ? focusedClasses : "",
+            className: cls(invisible && focus ? focusedClasses : "", inputClassName),
             disabled,
             ...props
           }