@takazudo/zdtp 0.1.0-next.1 → 0.1.0-next.3

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## 0.1.0-next.3
+
+### Features
+
+- **Tier-ref selector is now a native `<select>` and reflects live override values.** The custom `role="listbox"` dropdown (with its open/focusedIndex state machine, ARIA plumbing, click-outside handler, and keyboard-nav callbacks) was replaced by a native `<select>`, dropping ~250 lines of UI code. Each `<option>` label now shows `--var-name (resolved-value)` using `resolveTierItemValue()` from the apply pipeline — so when a referenced tier-1 token's value is overridden via its slider/text row, the tier-2 selector's option labels reflect the new value immediately instead of staying stuck on the manifest default. (570a1b1) ([#312](https://github.com/Takazudo/zudo-design-token-panel/issues/312))
+
+### Fixed
+
+- **Number inputs no longer overwrite the user's draft mid-keystroke.** `SliderRow` and the generic-tab item editor used to parse-and-clamp on every keystroke, immediately commit the clamped value, and round-trip it back into the input — so typing `2` then `2` (expecting `22`) snapped the input to `6` when the token's `max` was `6`. Out-of-range or empty drafts are now flagged with a `--invalid` red border and held without committing; on blur, an invalid draft reverts to the last known-good value. The slider thumb continues to scrub live. (21d3afa) ([#313](https://github.com/Takazudo/zudo-design-token-panel/issues/313))
+
+## 0.1.0-next.2
+
+### Fixed
+
+- **Palette grids ignore the density slider again.** Palette swatch grids
+  reflowed on `--tokenpanel-grid-min`, so the density slider (dense/cozy/wide →
+  12rem/18rem/100%) stretched the fixed-size swatch chips into oversized /
+  single-column cells. They now reflow on their natural `3.5rem` min, leaving the
+  base/semantic rows that density is meant to control untouched.
+- **Token-name tooltip is no longer transparent.** The shared tooltip portals to
+  `document.body`, outside `.tokenpanel-shell`, so its chrome tokens resolved to
+  nothing and it rendered transparent. `.tokenpanel-tooltip` is now part of the
+  token-scope `:where(...)` selector — the same mechanism the color-picker and
+  highlight-settings popovers use to resolve chrome tokens outside the shell.
+- **Eye (highlight) toggle now appears on Base color rows.** The Base section's
+  background/foreground rows never passed a `cssVar`, so the highlight toggle was
+  omitted even though `cluster.baseRoles` maps those roles to real CSS vars. Each
+  Base row's eye is now wired to `cluster.baseRoles.background`/`.foreground`, so
+  base tokens get the same visibility toggle as palette and semantic tokens. The
+  eye is omitted only when the cluster declares no `cssVar` for that role.
+
 ## 0.1.0-next.1
 
 ### Fixed — Astro consumers: `@takazudo/zdtp/astro` value import broke real npm installs ([#308](https://github.com/Takazudo/zudo-design-token-panel/issues/308))

package/dist/controls/slider-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider-row.d.ts","sourceRoot":"","sources":["../../src/controls/slider-row.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAkC,MAAM,oBAAoB,CAAC;AAEnF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd;;kCAE8B;IAC9B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,iBAAS,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,gCA6E5D;;AAKD,wBAA+B"}
+{"version":3,"file":"slider-row.d.ts","sourceRoot":"","sources":["../../src/controls/slider-row.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAkC,MAAM,oBAAoB,CAAC;AAQnF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd;;kCAE8B;IAC9B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,iBAAS,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,gCA+G5D;;AAKD,wBAA+B"}

package/dist/controls/tier-ref-selector.d.ts

@@ -1,9 +1,9 @@
 import type { TabConfig } from '../tokens/tier-model';
 /**
  * Sentinel string passed to `onChange` when the user picks "Literal...".
- * The parent component (Wave 5) interprets this as a request to flip the
- * item back into its kind-specific editor (slider / text / select) writing a
- * literal CSS override.
+ * The parent component interprets this as a request to flip the item back
+ * into its kind-specific editor (slider / text / select) writing a literal
+ * CSS override.
  */
 export declare const TIER_REF_LITERAL_SIGNAL: "__literal__";
 export interface TierRefSelectorProps {
@@ -26,8 +26,14 @@ export interface TierRefSelectorProps {
      * - Picking "Literal...": `onChange(itemId, TIER_REF_LITERAL_SIGNAL)`
      */
     onChange: (itemId: string, next: string) => void;
+    /**
+     * Returns the resolved (override-aware) preview string for a tier-1 item id.
+     * Each option label is formatted as `${item.cssVar} (${truncated preview})`.
+     * Pass a wrapper around resolveTierItemValue using the current tweak-state map.
+     */
+    previewValueFor: (refItemId: string) => string;
 }
-declare function TierRefSelector({ tab, tierId, itemId, value, onChange }: TierRefSelectorProps): import("preact").JSX.Element;
+declare function TierRefSelector({ tab, tierId, itemId, value, onChange, previewValueFor }: TierRefSelectorProps): import("preact").JSX.Element;
 declare const _default: typeof TierRefSelector;
 export default _default;
 //# sourceMappingURL=tier-ref-selector.d.ts.map

package/dist/controls/tier-ref-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tier-ref-selector.d.ts","sourceRoot":"","sources":["../../src/controls/tier-ref-selector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAwB,MAAM,sBAAsB,CAAC;AAM5E;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAG,aAAsB,CAAC;AA0C9D,MAAM,WAAW,oBAAoB;IACnC,6EAA6E;IAC7E,GAAG,EAAE,SAAS,CAAC;IACf,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAMD,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,oBAAoB,gCA4NtF;;AAED,wBAAqC"}
+{"version":3,"file":"tier-ref-selector.d.ts","sourceRoot":"","sources":["../../src/controls/tier-ref-selector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAwB,MAAM,sBAAsB,CAAC;AAM5E;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAG,aAAsB,CAAC;AA6B9D,MAAM,WAAW,oBAAoB;IACnC,6EAA6E;IAC7E,GAAG,EAAE,SAAS,CAAC;IACf,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAChD;AAMD,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,oBAAoB,gCAiDvG;;AAED,wBAAqC"}