@getaster/elements 0.1.0-preview.0 → 0.1.0-preview.1

package/bin/aster-theme-check.js

@@ -171,8 +171,8 @@ function oklch(args, lookup) {
     if (!base)
       return;
     const [l, c, h] = toOklch(base);
-    const parts2 = splitTop(from[2]);
-    if (parts2.length !== 3)
+    const parts = splitTop(from[2]);
+    if (parts.length !== 3)
       return;
     const channel = (p, own, key) => {
       if (p === key)
@@ -180,12 +180,12 @@ function oklch(args, lookup) {
       const calc = new RegExp(`^calc\\(${key}\\s*([+-])\\s*([\\d.]+)\\)$`).exec(p);
       return calc ? own + (calc[1] === "+" ? 1 : -1) * Number(calc[2]) : number(p);
     };
-    const L2 = channel(parts2[0], l, "l");
-    const C2 = channel(parts2[1], c, "c");
-    const H2 = channel(parts2[2], h, "h");
-    if ([L2, C2, H2].some((x) => x === undefined || Number.isNaN(x)))
+    const L = channel(parts[0], l, "l");
+    const C = channel(parts[1], c, "c");
+    const H = channel(parts[2], h, "h");
+    if ([L, C, H].some((x) => x === undefined || Number.isNaN(x)))
       return;
-    return { ...fromOklch(L2, C2, H2), a: alpha ?? base.a };
+    return { ...fromOklch(L, C, H), a: alpha ?? base.a };
   }
   const parts = main.split(/\s+/).filter(Boolean);
   if (parts.length !== 3)

package/dist/grid/grid.js

@@ -2167,6 +2167,9 @@ export class Grid extends AsterElement {
     }
     #focusEditor(key, col) {
         const row = this.querySelector(`.aster-grid-row[data-key="${CSS.escape(key)}"]`);
+        // A user may choose another control before deferred initial focus runs.
+        if (row?.contains(document.activeElement))
+            return;
         const cells = row ? [...row.querySelectorAll('[role="gridcell"]')] : [];
         const target = cells[col]?.querySelector("input:not([readonly]), textarea:not([readonly]), [role=combobox]:not([aria-readonly])") ??
             row?.querySelector("input:not([readonly]), textarea:not([readonly]), [role=combobox]:not([aria-readonly])");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getaster/elements",
-  "version": "0.1.0-preview.0",
+  "version": "0.1.0-preview.1",
   "type": "module",
   "exports": {
     ".": {
@@ -11,7 +11,7 @@
     "./styles/*": "./styles/*"
   },
   "dependencies": {
-    "@getaster/data": "0.1.0-preview.0",
+    "@getaster/data": "0.1.0-preview.1",
     "@preact/signals-core": "1.14.4",
     "lit-html": "3.3.3"
   },

package/styles/aster-ui.css

@@ -34,6 +34,8 @@
     mix-blend-mode: var(--aster-texture-blend, normal);
   }
   button, input, select, textarea { font: inherit; color: inherit; }
+  /* Native controls inherit ink, so their surfaces must follow the same theme. */
+  select, option, optgroup { background-color: var(--aster-sunk); }
   button { background: none; border: 0; padding: 0; margin: 0; text-align: inherit; }
   h1, h2, h3 { text-wrap: balance; }
   p { text-wrap: pretty; }

package/styles/base.css

@@ -34,6 +34,8 @@
     mix-blend-mode: var(--aster-texture-blend, normal);
   }
   button, input, select, textarea { font: inherit; color: inherit; }
+  /* Native controls inherit ink, so their surfaces must follow the same theme. */
+  select, option, optgroup { background-color: var(--aster-sunk); }
   button { background: none; border: 0; padding: 0; margin: 0; text-align: inherit; }
   h1, h2, h3 { text-wrap: balance; }
   p { text-wrap: pretty; }