mlola-ui 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mlola-ui",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Source-copy CLI that writes framework-free Mlola UI items into your project",
   "type": "module",
   "bin": {

package/registry/agents.json

@@ -41,23 +41,28 @@
     },
     {
       "group": "Color roles",
-      "purpose": "Each role is a fill with its `-foreground`, a `-text` for text and marks on the page, and (primary) a `-subtle` tint.",
+      "purpose": "Each role is a fill with its `-foreground` and `-hover`, a `-text` for text and marks on the page, and (primary) a `-subtle` tint.",
       "names": [
         "--ml-primary",
         "--ml-primary-foreground",
+        "--ml-primary-hover",
         "--ml-primary-text",
         "--ml-primary-subtle",
         "--ml-success",
         "--ml-success-foreground",
+        "--ml-success-hover",
         "--ml-success-text",
         "--ml-warning",
         "--ml-warning-foreground",
+        "--ml-warning-hover",
         "--ml-warning-text",
         "--ml-danger",
         "--ml-danger-foreground",
+        "--ml-danger-hover",
         "--ml-danger-text",
         "--ml-info",
         "--ml-info-foreground",
+        "--ml-info-hover",
         "--ml-info-text"
       ]
     },
@@ -78,7 +83,6 @@
       "purpose": "Focus, hover and pressed fills, tracks, the veil behind overlays, light and knobs.",
       "names": [
         "--ml-focus",
-        "--ml-primary-hover",
         "--ml-fill-hover",
         "--ml-fill-active",
         "--ml-track",

package/registry/agents.md

@@ -56,12 +56,12 @@ Values change with the theme and the mode, the names never do.
 
 - **Planes and ink.** Backgrounds, surfaces, the three levels of text, borders.
   `--ml-background` `--ml-background-subtle` `--ml-surface` `--ml-surface-elevated` `--ml-text` `--ml-text-muted` `--ml-text-faint` `--ml-border` `--ml-border-subtle`
-- **Color roles.** Each role is a fill with its `-foreground`, a `-text` for text and marks on the page, and (primary) a `-subtle` tint.
-  `--ml-primary` `--ml-primary-foreground` `--ml-primary-text` `--ml-primary-subtle` `--ml-success` `--ml-success-foreground` `--ml-success-text` `--ml-warning` `--ml-warning-foreground` `--ml-warning-text` `--ml-danger` `--ml-danger-foreground` `--ml-danger-text` `--ml-info` `--ml-info-foreground` `--ml-info-text`
+- **Color roles.** Each role is a fill with its `-foreground` and `-hover`, a `-text` for text and marks on the page, and (primary) a `-subtle` tint.
+  `--ml-primary` `--ml-primary-foreground` `--ml-primary-hover` `--ml-primary-text` `--ml-primary-subtle` `--ml-success` `--ml-success-foreground` `--ml-success-hover` `--ml-success-text` `--ml-warning` `--ml-warning-foreground` `--ml-warning-hover` `--ml-warning-text` `--ml-danger` `--ml-danger-foreground` `--ml-danger-hover` `--ml-danger-text` `--ml-info` `--ml-info-foreground` `--ml-info-hover` `--ml-info-text`
 - **Charts.** A categorical palette for series, 3:1 on the surface. Never a status.
   `--ml-chart-1` `--ml-chart-2` `--ml-chart-3` `--ml-chart-4` `--ml-chart-5` `--ml-chart-6`
 - **Interaction and light.** Focus, hover and pressed fills, tracks, the veil behind overlays, light and knobs.
-  `--ml-focus` `--ml-primary-hover` `--ml-fill-hover` `--ml-fill-active` `--ml-track` `--ml-control-border` `--ml-ring` `--ml-scrim` `--ml-highlight` `--ml-knob` `--ml-knob-shadow` `--ml-sheen`
+  `--ml-focus` `--ml-fill-hover` `--ml-fill-active` `--ml-track` `--ml-control-border` `--ml-ring` `--ml-scrim` `--ml-highlight` `--ml-knob` `--ml-knob-shadow` `--ml-sheen`
 - **Spacing.** The only spacing: gaps, padding, margins, offsets.
   `--ml-space-px` `--ml-space-0-5` `--ml-space-1` `--ml-space-1-5` `--ml-space-2` `--ml-space-2-5` `--ml-space-3` `--ml-space-3-5` `--ml-space-4` `--ml-space-4-5` `--ml-space-5` `--ml-space-6` `--ml-space-7` `--ml-space-8` `--ml-space-9` `--ml-space-10` `--ml-space-12` `--ml-space-14` `--ml-space-16`
 - **Type.** The only type sizes, line heights, families and weights.
@@ -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/registry/assets.json

@@ -552,7 +552,7 @@
       "id": "no-results",
       "kind": "2d",
       "title": "No results",
-      "summary": "A magnifier searching a layered document, with an empty field at its centre.",
+      "summary": "A magnifier searching a layered document, with an empty field at its center.",
       "tags": [
         "empty-state",
         "search",
@@ -570,7 +570,7 @@
           "path": "no-results.tsx",
           "role": "react",
           "bytes": 5800,
-          "integrity": "sha256-CDORmpix2cd9bwtV96F84+kmM+iWh0uXKEzXkJ5y33I="
+          "integrity": "sha256-AsJuBu37uhuBIEI+qfgs3yCZxEOUAO8yqRw2t85+Qyk="
         }
       ]
     },
@@ -708,7 +708,7 @@
       "id": "search-index",
       "kind": "2d",
       "title": "Search index",
-      "summary": "A searchable card catalogue with alphabetized tabs and a hovering magnifier.",
+      "summary": "A searchable card catalog with alphabetized tabs and a hovering magnifier.",
       "tags": [
         "search",
         "index",
@@ -725,8 +725,8 @@
         {
           "path": "search-index.tsx",
           "role": "react",
-          "bytes": 4988,
-          "integrity": "sha256-B01lKtpiwqvEwuPmJavJT3G8E5lTQ66gxtoLjkL1ww8="
+          "bytes": 4986,
+          "integrity": "sha256-IkulM8Tk9MpuwbCS88IlBbrF3oSx6g05pw2Ydm/ld8s="
         }
       ]
     },
@@ -994,7 +994,7 @@
       "id": "folder",
       "kind": "3d",
       "title": "Folder",
-      "summary": "A moulded project folder with layered documents, a label and a brass-coloured tab.",
+      "summary": "A molded project folder with layered documents, a label and a brass-colored tab.",
       "tags": [
         "files",
         "empty-state",

package/registry/catalog.json

@@ -663,7 +663,7 @@
       "name": "data-grid",
       "type": "registry:ui",
       "title": "Data Grid",
-      "description": "A spreadsheet-grade table: virtualised rows, pinned and resizable columns, sorting, cell ranges, inline editing, copy and paste, totals",
+      "description": "A spreadsheet-grade table: virtualized rows, pinned and resizable columns, sorting, cell ranges, inline editing, copy and paste, totals",
       "category": "workflow",
       "tags": [
         "data grid",