@takazudo/zdtp 0.4.8 → 0.4.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/controls/help-icon.d.ts +5 -8
- package/dist/{index-DXSiRW1w.js → index-CGev6ZiI.js} +1 -1
- package/dist/{index-DTyUiYcC.js → index-t74PT2zd.js} +2449 -2364
- package/dist/index.js +1 -1
- package/dist/tabs/color-tab.d.ts +4 -1
- package/dist/zdtp.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.4.9
|
|
4
|
+
|
|
5
|
+
### Features
|
|
6
|
+
|
|
7
|
+
- feat: add color picker close button ([#542](https://github.com/Takazudo/zudo-design-token-panel/pull/542)) (8596353)
|
|
8
|
+
- feat(zdtp): clean up semantic color rows ([#544](https://github.com/Takazudo/zudo-design-token-panel/pull/544)) (849e0ad)
|
|
9
|
+
|
|
10
|
+
### Fixed
|
|
11
|
+
|
|
12
|
+
- fix: enforce color picker close hit target ([#546](https://github.com/Takazudo/zudo-design-token-panel/pull/546)) (85c9acd)
|
|
13
|
+
- fix(panel): add palette check view styles ([#543](https://github.com/Takazudo/zudo-design-token-panel/pull/543)) (a6a1fa2)
|
|
14
|
+
|
|
15
|
+
### Other Changes
|
|
16
|
+
|
|
17
|
+
- docs: fix apply pipeline heading anchor ([#554](https://github.com/Takazudo/zudo-design-token-panel/pull/554)) (13afef6)
|
|
18
|
+
- docs: refresh palette check mode guide ([#545](https://github.com/Takazudo/zudo-design-token-panel/pull/545)) (4ab2ce3)
|
|
19
|
+
- test: record color picker close control VRT (aa66eba)
|
|
20
|
+
- chore: start panel UI tweaks 540 (57fb4c7)
|
|
21
|
+
|
|
3
22
|
## 0.4.8
|
|
4
23
|
|
|
5
24
|
### Features
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* HelpIcon — small round "?" badge that explains a
|
|
3
|
-
* shared `.tokenpanel-tooltip--help` variant (
|
|
2
|
+
* HelpIcon — small round "?" badge that explains a panel concept via the
|
|
3
|
+
* shared `.tokenpanel-tooltip--help` variant (issues #520 and #544).
|
|
4
4
|
*
|
|
5
5
|
* Chrome-button policy (CLAUDE.md): implemented as
|
|
6
6
|
* `<div role="button" tabIndex={0}>` with explicit Enter/Space handling —
|
|
@@ -13,10 +13,8 @@
|
|
|
13
13
|
* hover, so a tap must be able to reveal and hold the tip. A second
|
|
14
14
|
* activation, or pressing Escape anywhere on the page, unpins it.
|
|
15
15
|
*
|
|
16
|
-
* Callers
|
|
17
|
-
*
|
|
18
|
-
* inside a `<label>`, where a click would also toggle the label's own
|
|
19
|
-
* control.
|
|
16
|
+
* Callers must never nest this inside a `<label>`, where activating the icon
|
|
17
|
+
* would also toggle the label's control.
|
|
20
18
|
*
|
|
21
19
|
* Known trade-off: `tooltip.tsx` renders a single shared tooltip DOM node,
|
|
22
20
|
* so pinning icon A then hovering/pinning icon B silently replaces A's
|
|
@@ -31,8 +29,7 @@
|
|
|
31
29
|
* visible until the next activation. Same accepted single-tooltip trade-off.
|
|
32
30
|
*/
|
|
33
31
|
import type { JSX } from 'preact';
|
|
34
|
-
export declare const
|
|
35
|
-
export declare const PER_MODE_HELP_TEXT = "Per-mode gives this token two colors \u2014 one for light mode, one for dark. The browser picks the right one automatically via CSS light-dark().";
|
|
32
|
+
export declare const SEMANTIC_TOKENS_HELP_TEXT = "Ramp options stay linked live to palette edits. Literal sets a fixed color that is not linked. Per-mode sets independent light and dark colors emitted with CSS light-dark().";
|
|
36
33
|
export interface HelpIconProps {
|
|
37
34
|
/** The help text shown in the tooltip (wrapped, multi-line). */
|
|
38
35
|
text: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as y, jsxs as K, Fragment as kt } from "preact/jsx-runtime";
|
|
2
2
|
import { useEffect as P, useState as Y, useRef as O, useMemo as J, useCallback as X } from "preact/hooks";
|
|
3
|
-
import { b as ft, p as wt, u as ht, a as Ne, A as bt, Z as gt } from "./index-
|
|
3
|
+
import { b as ft, p as wt, u as ht, a as Ne, A as bt, Z as gt } from "./index-t74PT2zd.js";
|
|
4
4
|
import { g as vt, m as j } from "./panel-config-BNLlUc_r.js";
|
|
5
5
|
const xt = (e, o) => {
|
|
6
6
|
const t = new Array(e.length + o.length);
|