@pollinations/ui 0.1.0-alpha.3 → 0.1.0-alpha.4

package/README.md

@@ -130,16 +130,27 @@ Wallet colors and utilities are bundled into the main stylesheet
 
 ## Dialog layout
 
-`Dialog` uses one responsive frame for forms, confirmations, and results:
-full viewport without a border below 640px, contained with rounded corners on
-larger screens. `size` controls desktop width only. Use `DialogHeader`, `DialogBody` (scrolling content), and `DialogFooter`
-for consistent spacing and actions; avoid overriding viewport dimensions
-in consumers. The frame uses Enter’s themed panel color; inset cards use the
-neutral `Surface` default. `AuthModal` uses the same frame for standalone pages.
-
-Enter's `ResourceDialog` keeps dashboard forms and confirmations contained on
-mobile too, with viewport margins and scrollable content. Keep that exception
-in the shared dashboard wrapper rather than repeating dimensions in consumers.
+`Dialog` keeps rounded corners at every width. Below 480px it spans the phone
+width with an 8px vertical gap; larger viewports have a 16px outer inset and use
+the `size` width limit. Height follows the content, capped by the available
+viewport. Confirmations and completed results follow the same phone-width rule.
+
+Use `DialogHeader`, `DialogBody` (scrolling content), and `DialogFooter` for
+consistent spacing and actions. The frame uses Enter's themed panel color;
+inner cards use the neutral `Surface` default. `AuthModal` uses the same frame
+for standalone pages. Content such as document previews can request a height,
+which remains capped by the shared frame.
+
+Enter's `ResourceDialog` keeps expandable forms top-aligned at every width;
+completed results use the centered `Dialog`. Both inherit the same viewport sizing.
+
+Actions that write server data use a bordered button (`intent="commit"`).
+Navigation and export actions, including device Continue and Copy and close,
+use the default filled style. Sign-in uses `intent="brand"`; destructive
+confirmations use `intent="danger"`. Cancel/Decline/Close actions use the muted,
+borderless `intent="neutral"` style.
+Saved-card checkout preserves its dedicated footer: full-width Confirm with
+Cancel and the alternative payment-method link on the line below.
 
 ## What's exported
 

package/dist/{Button-CO3Dpbkj.d.cts → Button-ByKwRtdw.d.cts}

@@ -9,7 +9,7 @@ declare const pillSizes: {
     readonly xs: "polli:h-5 polli:px-1.5 polli:py-0 polli:text-[11px] polli:leading-none";
     readonly sm: "polli:min-h-7 polli:px-2 polli:pt-0.5 polli:pb-1";
     readonly md: "polli:min-h-9 polli:px-4 polli:pt-1.5 polli:pb-2";
-    readonly lg: "polli:min-h-12 polli:px-6 polli:py-3";
+    readonly lg: "polli:min-h-12 polli:px-6 polli:py-3 polli:text-base";
 };
 type BaseButtonProps = {
     icon?: ReactNode;

package/dist/{Button-CO3Dpbkj.d.ts → Button-ByKwRtdw.d.ts}

@@ -9,7 +9,7 @@ declare const pillSizes: {
     readonly xs: "polli:h-5 polli:px-1.5 polli:py-0 polli:text-[11px] polli:leading-none";
     readonly sm: "polli:min-h-7 polli:px-2 polli:pt-0.5 polli:pb-1";
     readonly md: "polli:min-h-9 polli:px-4 polli:pt-1.5 polli:pb-2";
-    readonly lg: "polli:min-h-12 polli:px-6 polli:py-3";
+    readonly lg: "polli:min-h-12 polli:px-6 polli:py-3 polli:text-base";
 };
 type BaseButtonProps = {
     icon?: ReactNode;

package/dist/{Dialog-yXzIFrDg.d.cts → Dialog-D3Nqt8cE.d.cts}

@@ -56,7 +56,10 @@ type DialogBodyProps = ScrollAreaProps & {
     footnote?: ReactNode;
     bodyClassName?: string;
 };
-/** Full-height scroll area with floating actions and an optional bottom link. */
+/**
+ * Scroll area whose actions follow the content and stay pinned to the bottom
+ * once the content scrolls, so a short screen never opens a gap above them.
+ */
 declare function DialogBody({ children, actions, footnote, bodyClassName, className, ...props }: DialogBodyProps): react_jsx_runtime.JSX.Element;
 declare const DialogFooter: FC<DialogFooterProps>;
 

package/dist/{Dialog-yXzIFrDg.d.ts → Dialog-D3Nqt8cE.d.ts}

@@ -56,7 +56,10 @@ type DialogBodyProps = ScrollAreaProps & {
     footnote?: ReactNode;
     bodyClassName?: string;
 };
-/** Full-height scroll area with floating actions and an optional bottom link. */
+/**
+ * Scroll area whose actions follow the content and stay pinned to the bottom
+ * once the content scrolls, so a short screen never opens a gap above them.
+ */
 declare function DialogBody({ children, actions, footnote, bodyClassName, className, ...props }: DialogBodyProps): react_jsx_runtime.JSX.Element;
 declare const DialogFooter: FC<DialogFooterProps>;