@rovula/ui 0.1.15 → 0.1.18

package/dist/cjs/types/index.d.ts

@@ -44,6 +44,8 @@ export * from "./components/Tree";
 export * from "./components/FocusedScrollView/FocusedScrollView";
 export * from "./components/RadioGroup/RadioGroup";
 export * from "./components/Form";
+export * from "./patterns/confirm-dialog/ConfirmDialog";
+export * from "./patterns/form-dialog/FormDialog";
 export type { ButtonProps } from "./components/Button/Button";
 export type { InputProps } from "./components/TextInput/TextInput";
 export type { PasswordInputProps } from "./components/PasswordInput/PasswordInput";

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

@@ -20,5 +20,8 @@ export type ConfirmDialogProps = {
      * When true, hides the cancel button — useful for info/error alerts that only need one action.
      */
     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

@@ -21,6 +21,9 @@ declare const meta: {
         trigger?: React.ReactNode;
         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;
@@ -35,5 +36,6 @@ export type FormDialogProps = {
      * Use together with a <Form id={formId} .../> inside children.
      */
     formId?: string;
+    testId?: string;
 };
 export declare const FormDialog: React.FC<FormDialogProps>;

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

@@ -21,6 +21,7 @@ declare const meta: {
         scrollable?: boolean | undefined;
         className?: string | undefined;
         formId?: string | undefined;
+        testId?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
     argTypes: {
         open: {

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;
 }