zdp-design-system 0.46.0 → 0.46.1
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 +2 -0
- package/README.md +1 -1
- package/docs/CONSUMER_CONTRACT.md +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
+
- Bumped the package contract to `0.46.1` for the consumer fixture token-lint guard.
|
|
5
6
|
- Raised the Svelte peer dependency floor to `^5.56.0` and bumped the package contract to `0.46.0` so downstream Svelte 5 consumers use the same compiler/runtime floor as the generated package surface.
|
|
6
7
|
- Added layer and mobile-safe viewport tokens, then moved overlay z-index and `100vh`/`100vw` sizing to named token usage across Svelte components and static utilities.
|
|
7
8
|
- Strengthened package checks for overlay token usage and overrideable default labels.
|
|
@@ -9,6 +10,7 @@
|
|
|
9
10
|
- Added `AdSlot` plus static `.zdp-ad-slot` utilities for provider-neutral ad or sponsorship placement reservation while keeping provider scripts, consent, slot ids, `ads.txt`, personalized ads, and automatic content insertion in consuming apps.
|
|
10
11
|
- Documented the dependency adoption policy: active ZDP sibling consumers may keep `file:../zdp-design-system`, while standalone consumers, public templates, and external examples should use the npm package from `^0.46.0`.
|
|
11
12
|
- Added a single-component consumer fixture proof so the root barrel keeps tree-shaking unused component exports out of Button-only bundles.
|
|
13
|
+
- Strengthened consumer fixture checks so examples fail on raw color literals, pixel sizing, z-index numbers, and raw `100vh`/`100vw` viewport sizing instead of bypassing shared tokens.
|
|
12
14
|
|
|
13
15
|
## 0.43.8
|
|
14
16
|
|
package/README.md
CHANGED
|
@@ -571,5 +571,5 @@ bun run tokens:check
|
|
|
571
571
|
`package:build`는 `dist/` package surface를 생성한다.
|
|
572
572
|
`package:check`는 package export, files, sideEffects, Svelte 컴포넌트 compile 결과가 함께 맞는지 확인한다.
|
|
573
573
|
`publish:check`는 npm publish 전 package metadata, export target, files whitelist, generated dist entry, public docs, license, third-party notice가 함께 맞는지 확인한다.
|
|
574
|
-
`fixtures:check`는 소비자 Svelte/Vite fixture가 public package export만으로 build되는지
|
|
574
|
+
`fixtures:check`는 소비자 Svelte/Vite fixture가 public package export만으로 build되는지 확인하고, fixture source가 raw color, px, z-index number, raw `100vh`/`100vw` 대신 shared token을 쓰는지 검사한다.
|
|
575
575
|
`preview:check`와 `storybook:check`는 shared CSS, Svelte 컴포넌트, Storybook, 정적 preview에 장식성 그림자, 그라데이션, 반짝임 pseudo-element, hover 이동 효과, 과한 pill radius가 다시 들어오지 않는지도 확인한다.
|
|
@@ -425,6 +425,7 @@ Flutter와 native shell은 Svelte 컴포넌트를 직접 소비하지 않는다.
|
|
|
425
425
|
- `control.heightMd`, `control.glyphMd`, `control.choiceSize`, `control.choiceIndicatorSize`, `control.switchWidth`, `control.switchHeight`, `control.scrollbarSize`, `control.radius`, `control.borderWidth`, `control.hitTarget`은 native control size, icon glyph size, choice mark, switch track, scrollbar 두께를 맞출 때의 기준이다.
|
|
426
426
|
- `layer.*`는 skip link, floating overlay, toast, sheet, dialog처럼 겹침 순서가 필요한 surface의 기준이고, 소비처는 raw z-index 숫자를 직접 쌓지 않는다.
|
|
427
427
|
- `viewport.*`는 overlay panel clamp, safe-area inset, mobile viewport fallback의 기준이고, 소비처는 modal/sheet/dropdown에 raw `100vh`/`100vw`를 직접 쓰지 않는다.
|
|
428
|
+
- 소비처 fixture와 public example은 raw color literal, raw `px`, raw z-index number, raw `100vh`/`100vw`를 쓰지 않는다. `fixtures:check`는 이 위반을 shared token adoption drift로 본다.
|
|
428
429
|
- `color.scrollbar.track`, `color.scrollbar.thumb`, `color.scrollbar.thumbHover`는 overflow 영역의 light/dark scrollbar 색 기준이다.
|
|
429
430
|
- `color.selection.surface`, `color.selection.text`는 `.zdp-surface-reset` 안의 drag text selection 색 기준이다.
|
|
430
431
|
- `focus.surface`, `focus.text`, `focus.line`은 keyboard focus 또는 TV/desktop focus affordance의 기준색이다.
|