@ponchia/ui 0.9.0 → 0.10.0

package/tokens/figma.variables.json

@@ -1836,12 +1836,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-lg",
           "valuesByMode": {
-            "global": 3
+            "global": 6
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-lg",
-              "value": "3px"
+              "value": "6px"
             }
           },
           "unit": "px"
@@ -1851,12 +1851,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-md",
           "valuesByMode": {
-            "global": 2
+            "global": 4
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-md",
-              "value": "2px"
+              "value": "4px"
             }
           },
           "unit": "px"
@@ -1881,12 +1881,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-sm",
           "valuesByMode": {
-            "global": 1
+            "global": 2
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-sm",
-              "value": "1px"
+              "value": "2px"
             }
           },
           "unit": "px"
@@ -1896,12 +1896,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-xl",
           "valuesByMode": {
-            "global": 4
+            "global": 8
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-xl",
-              "value": "4px"
+              "value": "8px"
             }
           },
           "unit": "px"
@@ -2114,12 +2114,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-2xs",
           "valuesByMode": {
-            "global": 0.72
+            "global": 0.75
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-2xs",
-              "value": "0.72rem"
+              "value": "0.75rem"
             }
           },
           "unit": "rem"
@@ -2129,12 +2129,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-base",
           "valuesByMode": {
-            "global": 0.95
+            "global": 1
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-base",
-              "value": "0.95rem"
+              "value": "1rem"
             }
           },
           "unit": "rem"
@@ -2144,12 +2144,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-lg",
           "valuesByMode": {
-            "global": 1.15
+            "global": 1.125
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-lg",
-              "value": "1.15rem"
+              "value": "1.125rem"
             }
           },
           "unit": "rem"
@@ -2159,12 +2159,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-sm",
           "valuesByMode": {
-            "global": 0.86
+            "global": 0.875
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-sm",
-              "value": "0.86rem"
+              "value": "0.875rem"
             }
           },
           "unit": "rem"
@@ -2174,12 +2174,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-xl",
           "valuesByMode": {
-            "global": 1.45
+            "global": 1.5
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-xl",
-              "value": "1.45rem"
+              "value": "1.5rem"
             }
           },
           "unit": "rem"
@@ -2189,12 +2189,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-xs",
           "valuesByMode": {
-            "global": 0.76
+            "global": 0.8125
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-xs",
-              "value": "0.76rem"
+              "value": "0.8125rem"
             }
           },
           "unit": "rem"

package/tokens/index.js

@@ -21,10 +21,10 @@
 export const cssVars = {
   // Global :root — scales, shared with both themes.
   global: {
-    '--radius-xl': '4px',
-    '--radius-lg': '3px',
-    '--radius-md': '2px',
-    '--radius-sm': '1px',
+    '--radius-xl': '8px',
+    '--radius-lg': '6px',
+    '--radius-md': '4px',
+    '--radius-sm': '2px',
     '--radius-pill': '999px',
     '--space-2xs': '0.25rem',
     '--space-xs': '0.5rem',
@@ -63,12 +63,12 @@ export const cssVars = {
     '--display': 'var(--dot-font)',
     '--display-weight': '700',
     '--display-weight-strong': '800',
-    '--text-2xs': '0.72rem',
-    '--text-xs': '0.76rem',
-    '--text-sm': '0.86rem',
-    '--text-base': '0.95rem',
-    '--text-lg': '1.15rem',
-    '--text-xl': '1.45rem',
+    '--text-2xs': '0.75rem',
+    '--text-xs': '0.8125rem',
+    '--text-sm': '0.875rem',
+    '--text-base': '1rem',
+    '--text-lg': '1.125rem',
+    '--text-xl': '1.5rem',
     '--tracking-wide': '0.14em',
     '--tracking-wider': '0.22em',
     '--ease-standard': 'cubic-bezier(0.2, 0.8, 0.2, 1)',

package/tokens/index.json

@@ -2,10 +2,10 @@
   "$comment": "GENERATED from tokens/index.js — do not edit by hand. Run `npm run tokens:build`; drift-checked by check:fresh. A build artifact for non-JS tooling (Style Dictionary, Figma, other languages).",
   "cssVars": {
     "global": {
-      "--radius-xl": "4px",
-      "--radius-lg": "3px",
-      "--radius-md": "2px",
-      "--radius-sm": "1px",
+      "--radius-xl": "8px",
+      "--radius-lg": "6px",
+      "--radius-md": "4px",
+      "--radius-sm": "2px",
       "--radius-pill": "999px",
       "--space-2xs": "0.25rem",
       "--space-xs": "0.5rem",
@@ -26,12 +26,12 @@
       "--display": "var(--dot-font)",
       "--display-weight": "700",
       "--display-weight-strong": "800",
-      "--text-2xs": "0.72rem",
-      "--text-xs": "0.76rem",
-      "--text-sm": "0.86rem",
-      "--text-base": "0.95rem",
-      "--text-lg": "1.15rem",
-      "--text-xl": "1.45rem",
+      "--text-2xs": "0.75rem",
+      "--text-xs": "0.8125rem",
+      "--text-sm": "0.875rem",
+      "--text-base": "1rem",
+      "--text-lg": "1.125rem",
+      "--text-xl": "1.5rem",
       "--tracking-wide": "0.14em",
       "--tracking-wider": "0.22em",
       "--ease-standard": "cubic-bezier(0.2, 0.8, 0.2, 1)",
@@ -153,10 +153,10 @@
   },
   "tokens": {
     "scale": {
-      "radius-xl": "4px",
-      "radius-lg": "3px",
-      "radius-md": "2px",
-      "radius-sm": "1px",
+      "radius-xl": "8px",
+      "radius-lg": "6px",
+      "radius-md": "4px",
+      "radius-sm": "2px",
       "radius-pill": "999px",
       "space-2xs": "0.25rem",
       "space-xs": "0.5rem",
@@ -177,12 +177,12 @@
       "display": "var(--dot-font)",
       "display-weight": "700",
       "display-weight-strong": "800",
-      "text-2xs": "0.72rem",
-      "text-xs": "0.76rem",
-      "text-sm": "0.86rem",
-      "text-base": "0.95rem",
-      "text-lg": "1.15rem",
-      "text-xl": "1.45rem",
+      "text-2xs": "0.75rem",
+      "text-xs": "0.8125rem",
+      "text-sm": "0.875rem",
+      "text-base": "1rem",
+      "text-lg": "1.125rem",
+      "text-xl": "1.5rem",
       "tracking-wide": "0.14em",
       "tracking-wider": "0.22em",
       "ease-standard": "cubic-bezier(0.2, 0.8, 0.2, 1)",

package/tokens/resolved.json

@@ -129,10 +129,10 @@
     "--focus-ring": "#ff3b41"
   },
   "scale": {
-    "--radius-xl": "4px",
-    "--radius-lg": "3px",
-    "--radius-md": "2px",
-    "--radius-sm": "1px",
+    "--radius-xl": "8px",
+    "--radius-lg": "6px",
+    "--radius-md": "4px",
+    "--radius-sm": "2px",
     "--radius-pill": "999px",
     "--space-2xs": "0.25rem",
     "--space-xs": "0.5rem",
@@ -153,12 +153,12 @@
     "--display": "'Doto', 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', ui-monospace, monospace",
     "--display-weight": "700",
     "--display-weight-strong": "800",
-    "--text-2xs": "0.72rem",
-    "--text-xs": "0.76rem",
-    "--text-sm": "0.86rem",
-    "--text-base": "0.95rem",
-    "--text-lg": "1.15rem",
-    "--text-xl": "1.45rem",
+    "--text-2xs": "0.75rem",
+    "--text-xs": "0.8125rem",
+    "--text-sm": "0.875rem",
+    "--text-base": "1rem",
+    "--text-lg": "1.125rem",
+    "--text-xl": "1.5rem",
     "--tracking-wide": "0.14em",
     "--tracking-wider": "0.22em",
     "--ease-standard": "cubic-bezier(0.2, 0.8, 0.2, 1)",

package/tokens/tokens.dtcg.json

@@ -25,52 +25,52 @@
       "xl": {
         "$type": "dimension",
         "$value": {
-          "value": 4,
+          "value": 8,
           "unit": "px"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--radius-xl",
-            "authoredValue": "4px"
+            "authoredValue": "8px"
           }
         }
       },
       "lg": {
         "$type": "dimension",
         "$value": {
-          "value": 3,
+          "value": 6,
           "unit": "px"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--radius-lg",
-            "authoredValue": "3px"
+            "authoredValue": "6px"
           }
         }
       },
       "md": {
         "$type": "dimension",
         "$value": {
-          "value": 2,
+          "value": 4,
           "unit": "px"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--radius-md",
-            "authoredValue": "2px"
+            "authoredValue": "4px"
           }
         }
       },
       "sm": {
         "$type": "dimension",
         "$value": {
-          "value": 1,
+          "value": 2,
           "unit": "px"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--radius-sm",
-            "authoredValue": "1px"
+            "authoredValue": "2px"
           }
         }
       },
@@ -310,78 +310,78 @@
       "2xs": {
         "$type": "dimension",
         "$value": {
-          "value": 0.72,
+          "value": 0.75,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-2xs",
-            "authoredValue": "0.72rem"
+            "authoredValue": "0.75rem"
           }
         }
       },
       "xs": {
         "$type": "dimension",
         "$value": {
-          "value": 0.76,
+          "value": 0.8125,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-xs",
-            "authoredValue": "0.76rem"
+            "authoredValue": "0.8125rem"
           }
         }
       },
       "sm": {
         "$type": "dimension",
         "$value": {
-          "value": 0.86,
+          "value": 0.875,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-sm",
-            "authoredValue": "0.86rem"
+            "authoredValue": "0.875rem"
           }
         }
       },
       "base": {
         "$type": "dimension",
         "$value": {
-          "value": 0.95,
+          "value": 1,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-base",
-            "authoredValue": "0.95rem"
+            "authoredValue": "1rem"
           }
         }
       },
       "lg": {
         "$type": "dimension",
         "$value": {
-          "value": 1.15,
+          "value": 1.125,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-lg",
-            "authoredValue": "1.15rem"
+            "authoredValue": "1.125rem"
           }
         }
       },
       "xl": {
         "$type": "dimension",
         "$value": {
-          "value": 1.45,
+          "value": 1.5,
           "unit": "rem"
         },
         "$extensions": {
           "com.ponchia.css": {
             "variable": "--text-xl",
-            "authoredValue": "1.45rem"
+            "authoredValue": "1.5rem"
           }
         }
       }

package/behaviors/modal.d.ts

@@ -1,45 +0,0 @@
-/**
- * @typedef {object} ModalCloseDetail
- * @property {'escape'} reason What asked the modal to close (currently only Escape).
- */
-/**
- * Focus management for the **controlled, non-`<dialog>` modal** — the
- * `.ui-modal.is-open` path a portal/React overlay uses when it genuinely can't
- * be a native `<dialog>`. The native `<dialog>` path gets a focus trap, Escape,
- * and the top layer for free (use `initDialog`); this supplies the equivalent
- * for the `.is-open` path, which otherwise leaves focus management to the
- * consumer.
- *
- * Mark the overlay `[data-bronto-modal]` (opt-in). On bind it gives the modal a
- * `role="dialog"` + `aria-modal="true"` (unless the author set a role) and
- * dev-warns when it has no accessible name. While open, a document-level stack
- * reconciler keeps only the top controlled modal interactive, marks the rest of
- * the page `inert`, admits an open popover owned by the top modal even when the
- * panel is portaled elsewhere, and applies the trap to background nodes added
- * after open. Nested and sibling portal modals therefore share one ownership
- * model instead of independently inverting each other's `inert` state.
- *
- * Bronto owns focus only: the **consumer still owns open/close state** (the
- * `is-open` class). Escape dispatches a cancelable `bronto:modal:close`
- * ({@link ModalCloseDetail}) on the modal so the consumer can drop `is-open` in
- * response; the behavior never changes visibility itself. Closing a parent
- * modal temporarily suspends any still-`is-open` controlled descendants; they
- * resume at the top of the stack if the parent reopens.
- *
- * SSR-safe, idempotent per modal; returns a cleanup function.
- *
- * @deprecated Use a native `<dialog>` with `initDialog()`. This controlled
- * non-dialog path remains compatible in 0.7 and is scheduled for removal no
- * earlier than 0.8 because no real consumer adopted it.
- *
- * @param {import('./internal.js').DelegateOpts} [opts]
- * @returns {import('./internal.js').Cleanup}
- */
-export function initModal({ root }?: import("./internal.js").DelegateOpts): import("./internal.js").Cleanup;
-export type ModalCloseDetail = {
-    /**
-     * What asked the modal to close (currently only Escape).
-     */
-    reason: "escape";
-};
-//# sourceMappingURL=modal.d.ts.map

package/behaviors/modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.js"],"names":[],"mappings":"AAmQA;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qCAHW,OAAO,eAAe,EAAE,YAAY,GAClC,OAAO,eAAe,EAAE,OAAO,CA6E3C;;;;;YA/Ga,QAAQ"}