@mlola-ui/engine 1.0.5 → 1.0.6

package/generated/agents.md

@@ -372,6 +372,7 @@ A dialog over the page that owns focus while open.
   - On open, set focus to the first focusable element inside. Also: lock page scroll.
   - On close, set focus to the element that opened the dialog. Also: release page scroll.
   - On pointer down on the backdrop, set closed to unless closing on backdrop is disabled.
+- Markup: `data-ml-opens` — on any control outside: the id of the dialog it opens; `data-ml-for` — on the overlay: the id of its dialog; `data-ml-close` — on any control inside that closes it, such as Cancel; `role="alertdialog"` — for a confirmation that interrupts
 
 ### sheet
 
@@ -386,6 +387,7 @@ A dialog anchored to one edge of the viewport.
 - State changes:
   - On open, set focus to inside the panel. Also: lock page scroll.
   - On close, set focus to the trigger. Also: release page scroll.
+- Markup: `data-ml-opens` — on any control outside: the id of the panel it opens; `data-ml-for` — on the overlay: the id of its panel; `data-ml-close` — on any control inside that closes it
 - Note: Identical to modal apart from which edge it is anchored to.
 
 ### tooltip

package/generated/contract.json

@@ -957,7 +957,13 @@
           "set": "closed",
           "to": "unless closing on backdrop is disabled"
         }
-      ]
+      ],
+      "markup": {
+        "data-ml-opens": "on any control outside: the id of the dialog it opens",
+        "data-ml-for": "on the overlay: the id of its dialog",
+        "data-ml-close": "on any control inside that closes it, such as Cancel",
+        "role=\"alertdialog\"": "for a confirmation that interrupts"
+      }
     },
     "sheet": {
       "summary": "A dialog anchored to one edge of the viewport.",
@@ -1020,6 +1026,11 @@
           "also": "release page scroll"
         }
       ],
+      "markup": {
+        "data-ml-opens": "on any control outside: the id of the panel it opens",
+        "data-ml-for": "on the overlay: the id of its panel",
+        "data-ml-close": "on any control inside that closes it"
+      },
       "notes": "Identical to modal apart from which edge it is anchored to."
     },
     "tooltip": {

package/generated/recipes.css

@@ -5216,6 +5216,12 @@ button.ml-stepper-target:focus-visible {
   box-shadow: var(--ml-shadow-xs);
 }
 
+/* Focusable only while it scrolls; the ring sits inside, where it cannot be clipped. */
+.ml-table-container:focus-visible {
+  outline: 2px solid var(--ml-focus);
+  outline-offset: -2px;
+}
+
 .ml-table-card {
   display: grid;
   gap: var(--ml-space-4);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mlola-ui/engine",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Framework-free CSS, spring easings, and the machine-readable contract for Mlola UI",
   "type": "module",
   "sideEffects": [

package/src/behavior-spec.mjs

@@ -180,6 +180,12 @@ export const behaviors = {
       { on: "close", set: "focus", to: "the element that opened the dialog", also: "release page scroll" },
       { on: "pointer down on the backdrop", set: "closed", to: "unless closing on backdrop is disabled" },
     ],
+    markup: {
+      "data-ml-opens": "on any control outside: the id of the dialog it opens",
+      "data-ml-for": "on the overlay: the id of its dialog",
+      "data-ml-close": "on any control inside that closes it, such as Cancel",
+      "role=\"alertdialog\"": "for a confirmation that interrupts",
+    },
   },
 
   sheet: {
@@ -200,6 +206,11 @@ export const behaviors = {
       { on: "open", set: "focus", to: "inside the panel", also: "lock page scroll" },
       { on: "close", set: "focus", to: "the trigger", also: "release page scroll" },
     ],
+    markup: {
+      "data-ml-opens": "on any control outside: the id of the panel it opens",
+      "data-ml-for": "on the overlay: the id of its panel",
+      "data-ml-close": "on any control inside that closes it",
+    },
     notes: "Identical to modal apart from which edge it is anchored to.",
   },