@takazudo/zdtp 0.1.0-next.3 → 0.2.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## 0.2.0-next.2
+
+### Features
+
+- **Token-name tooltip parity across all tabs (Size / Font / Spacing / Easing / GenericTab).** The Color tab already showed a rich custom tooltip with the full token name on hover; every other tab fell back to the native HTML `title` attribute. A new shared `TokenLabel` component renders the same `.tokenpanel-tooltip` primitive at every token-name display site. `TooltipProvider` was lifted from `color-tab.tsx` to `panel.tsx` so all tabs share a single provider. (559c59f, 426e9c6, 84f5981, [#330](https://github.com/Takazudo/zudo-design-token-panel/issues/330), [#337](https://github.com/Takazudo/zudo-design-token-panel/pull/337))
+
+## 0.2.0-next.1
+
+### Breaking Changes
+
+- **Removed the `min` and `max` properties from `TokenDef` and `TierValueKind` (`'length'` | `'number'` variants).** The panel no longer renders an `<input type="range">` slider on numeric token rows — they are now plain unconstrained number inputs. The mid-keystroke clamp and on-blur clamp logic added in [#313](https://github.com/Takazudo/zudo-design-token-panel/pull/313) are gone; values commit as typed, and the `aria-invalid` / red-border styling for out-of-range values is removed. Real-world use proved sliders too restrictive for a developer tool — devs want to type arbitrary values freely (including deliberately out-of-spec or experimental ones). **Migration**: remove every `min: ...` and `max: ...` field from your token manifests. The internal color-picker `SliderConfig.min` / `.max` (OKLCH/HSL axis bounds) is unrelated and unchanged. (a9b768e, [#325](https://github.com/Takazudo/zudo-design-token-panel/issues/325), [#328](https://github.com/Takazudo/zudo-design-token-panel/pull/328))
+
+### Other Changes
+
+- Strip `min` / `max` from 35+ test fixture files. (b8ef56e)
+- Rewrite the [#313](https://github.com/Takazudo/zudo-design-token-panel/pull/313) clamp-regression tests to assert the new free-input contract — value commits as typed, no `aria-invalid` on out-of-range numeric input. (9798e07)
+- Update `packages/zdtp/README.md` and `packages/zdtp/PORTABLE-CONTRACT.md` to drop slider-describing prose and the min/max examples. (e210a2d)
+- Update doc-site reference pages (`token-manifest.mdx`, `architecture.mdx`, `configure-panel.mdx`) to drop the min/max examples and slider-UI prose. (9262585)
+
 ## 0.1.0-next.3
 
 ### Features

package/README.md

@@ -258,7 +258,7 @@ const spacingTier: TierConfig = {
       label: 'Spacing M',
       group: 'hsp',
       default: '1rem',
-      type: { kind: 'length', min: 0, max: 4, step: 0.0625, unit: 'rem' },
+      type: { kind: 'length', step: 0.0625, unit: 'rem' },
     },
   ],
 };
@@ -480,8 +480,8 @@ spec; this section is the consumer-oriented summary.
 
 ```ts
 export type TierValueKind =
-  | { kind: 'length'; min: number; max: number; step: number; unit: string }
-  | { kind: 'number'; min: number; max: number; step: number }
+  | { kind: 'length'; step: number; unit: string }
+  | { kind: 'number'; step: number }
   | { kind: 'select'; options: readonly string[] }
   | { kind: 'text' }
   | { kind: 'cursor' }
@@ -555,7 +555,7 @@ export const spacingTab: TabConfig = {
           label: 'Spacing M',
           group: 'hsp',
           default: '1rem',
-          type: { kind: 'length', min: 0, max: 4, step: 0.0625, unit: 'rem' },
+          type: { kind: 'length', step: 0.0625, unit: 'rem' },
         },
       ],
     },

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

@@ -11,7 +11,7 @@ import type { TokenDef } from '../tokens/manifest';
  * number input go read-only so the user can't accidentally de-pill via typing.
  *
  * When the checkbox is OFF the row behaves as a normal `SliderRow` — the user
- * can drag or type any value in the manifest's min/max range.
+ * can type any numeric value in the number input (unconstrained free input).
  *
  * Toggling between modes preserves the last custom value (kept in a ref so we
  * don't round-trip it through state / persistence) — this is the "without data

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

@@ -1 +1 @@
-{"version":3,"file":"select-row.d.ts","sourceRoot":"","sources":["../../src/controls/select-row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,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,gCAuC5D;;AAID,wBAA+B"}
+{"version":3,"file":"select-row.d.ts","sourceRoot":"","sources":["../../src/controls/select-row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,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,gCAqC5D;;AAID,wBAA+B"}

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

@@ -3,10 +3,6 @@ import { type TokenDef } from '../tokens/manifest';
  * One manifest-driven token row:
  *
  *   [label]  ... [  1.25 rem]   ← label + number input (unit suffix inside)
- *   [=========o==================]  ← full-width range slider
- *
- * Range input and number input are two-way bound: dragging the slider fills
- * the number input live, and typing a value moves the slider once it parses.
  *
  * The parent owns the persisted value (stored as a string like `"1.25rem"`);
  * this row keeps a local "draft" string only for the number input, so users
@@ -24,8 +20,8 @@ export interface SliderRowProps {
     /** Current persisted value (or the token's default if no override). */
     value: string;
     /** Called with the row's `token.id` and the new CSS string (e.g.
-     *  `"0.75rem"`) whenever the user commits a change via slider or a
-     *  parseable number input. */
+     *  `"0.75rem"`) whenever the user commits a change via a parseable
+     *  number input. */
     onChange: (id: string, next: string) => void;
 }
 declare function SliderRow({ token, value, onChange }: SliderRowProps): import("preact").JSX.Element;

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;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"}
+{"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;AAGnF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd;;wBAEoB;IACpB,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,gCAmE5D;;AAKD,wBAA+B"}

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

@@ -1 +1 @@
-{"version":3,"file":"text-row.d.ts","sourceRoot":"","sources":["../../src/controls/text-row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd;gBACY;IACZ,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,iBAAS,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAY,gCAuCxD;;AAID,wBAA6B"}
+{"version":3,"file":"text-row.d.ts","sourceRoot":"","sources":["../../src/controls/text-row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd;gBACY;IACZ,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,iBAAS,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAY,gCAqCxD;;AAID,wBAA6B"}

package/dist/controls/token-label.d.ts

@@ -0,0 +1,17 @@
+export interface TokenLabelProps {
+    cssVar: string;
+    label?: string;
+    className?: string;
+}
+/**
+ * Renders a token-name label with the shared rich tooltip.
+ * Replaces bare `<span title={cssVar}>` usages across all tabs so every
+ * token-name display site uses the same `.tokenpanel-tooltip` primitive.
+ *
+ * The optional `label` sub-label is shown only when it differs from `cssVar`
+ * (avoids redundant repetition for tokens whose label IS the cssVar).
+ */
+declare function TokenLabelInner({ cssVar, label, className }: TokenLabelProps): import("preact").JSX.Element;
+export declare const TokenLabel: typeof TokenLabelInner;
+export default TokenLabel;
+//# sourceMappingURL=token-label.d.ts.map

package/dist/controls/token-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-label.d.ts","sourceRoot":"","sources":["../../src/controls/token-label.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,gCAUrE;AAED,eAAO,MAAM,UAAU,wBAAwB,CAAC;AAChD,eAAe,UAAU,CAAC"}