@rovula/ui 0.1.16 → 0.1.20

package/dist/cjs/types/patterns/confirm-dialog/ConfirmDialog.d.ts

@@ -4,6 +4,7 @@ export type ConfirmDialogProps = {
     onOpenChange?: (open: boolean) => void;
     title: string;
     description?: string;
+    children?: React.ReactNode;
     confirmLabel?: string;
     cancelLabel?: string;
     onConfirm?: () => void;
@@ -21,5 +22,7 @@ export type ConfirmDialogProps = {
      */
     hideCancelButton?: boolean;
     testId?: string;
+    cancelClassName?: string;
+    confirmClassName?: string;
 };
 export declare const ConfirmDialog: React.FC<ConfirmDialogProps>;

package/dist/cjs/types/patterns/confirm-dialog/ConfirmDialog.stories.d.ts

@@ -13,6 +13,7 @@ declare const meta: {
         onOpenChange?: ((open: boolean) => void) | undefined;
         title: string;
         description?: string | undefined;
+        children?: React.ReactNode;
         confirmLabel?: string | undefined;
         cancelLabel?: string | undefined;
         onConfirm?: (() => void) | undefined;
@@ -22,6 +23,8 @@ declare const meta: {
         typeToConfirm?: string | undefined;
         hideCancelButton?: boolean | undefined;
         testId?: string | undefined;
+        cancelClassName?: string | undefined;
+        confirmClassName?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
     argTypes: {
         open: {

package/dist/cjs/types/patterns/form-dialog/FormDialog.d.ts

@@ -8,6 +8,7 @@ export type FormDialogAction = {
     disabled?: boolean;
     isLoading?: boolean;
     type?: "button" | "submit" | "reset";
+    className?: string;
 };
 export type FormDialogProps = {
     open?: boolean;

package/dist/components/AlertDialog/AlertDialog.js

@@ -51,12 +51,12 @@ AlertDialogDescription.displayName =
     AlertDialogPrimitive.Description.displayName;
 const AlertDialogAction = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(AlertDialogPrimitive.Action, Object.assign({ ref: ref, className: cn(buttonVariants({ fullwidth: false }), "w-[100px] justify-center", className) }, props)));
+    return (_jsx(AlertDialogPrimitive.Action, Object.assign({ ref: ref, className: cn(buttonVariants({ fullwidth: false }), "min-w-[100px] justify-center", className) }, props)));
 });
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
 const AlertDialogCancel = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(AlertDialogPrimitive.Cancel, Object.assign({ ref: ref, className: cn(buttonVariants({ fullwidth: false, variant: "outline" }), "w-[100px] justify-center", className) }, props)));
+    return (_jsx(AlertDialogPrimitive.Cancel, Object.assign({ ref: ref, className: cn(buttonVariants({ fullwidth: false, variant: "outline" }), "min-w-[100px] justify-center whitespace-pre-line", className) }, props)));
 });
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/esm/bundle.css

@@ -1063,6 +1063,9 @@ input[type=number] {
 .min-w-72{
   min-width: 18rem;
 }
+.min-w-\[100px\]{
+  min-width: 100px;
+}
 .min-w-\[154px\]{
   min-width: 154px;
 }
@@ -1357,6 +1360,9 @@ input[type=number] {
 .whitespace-nowrap{
   white-space: nowrap;
 }
+.whitespace-pre-line{
+  white-space: pre-line;
+}
 .break-all{
   word-break: break-all;
 }