zdp-design-system 0.43.8
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 +449 -0
- package/LICENSE +21 -0
- package/README.md +568 -0
- package/THIRD_PARTY_NOTICES.md +34 -0
- package/dist/code.ts +2 -0
- package/dist/combobox.ts +9 -0
- package/dist/command.ts +1 -0
- package/dist/components/Accordion.svelte +97 -0
- package/dist/components/Avatar.svelte +90 -0
- package/dist/components/Badge.svelte +61 -0
- package/dist/components/Breadcrumb.svelte +97 -0
- package/dist/components/Button.svelte +163 -0
- package/dist/components/Callout.svelte +81 -0
- package/dist/components/Card.svelte +151 -0
- package/dist/components/CardHeader.svelte +58 -0
- package/dist/components/Checkbox.svelte +135 -0
- package/dist/components/CodeBlock.svelte +247 -0
- package/dist/components/Combobox.svelte +552 -0
- package/dist/components/CommandField.svelte +230 -0
- package/dist/components/ConfirmAction.svelte +307 -0
- package/dist/components/Container.svelte +63 -0
- package/dist/components/Dialog.svelte +303 -0
- package/dist/components/Disclosure.svelte +176 -0
- package/dist/components/Divider.svelte +41 -0
- package/dist/components/EmptyState.svelte +79 -0
- package/dist/components/ErrorText.svelte +18 -0
- package/dist/components/Field.svelte +38 -0
- package/dist/components/Grid.svelte +76 -0
- package/dist/components/HelpText.svelte +17 -0
- package/dist/components/Icon.svelte +45 -0
- package/dist/components/IconButton.svelte +162 -0
- package/dist/components/IdentityChip.svelte +130 -0
- package/dist/components/Inline.svelte +85 -0
- package/dist/components/InlineCode.svelte +27 -0
- package/dist/components/Input.svelte +109 -0
- package/dist/components/Kbd.svelte +63 -0
- package/dist/components/KeyValue.svelte +73 -0
- package/dist/components/Label.svelte +43 -0
- package/dist/components/Link.svelte +70 -0
- package/dist/components/LocaleSwitcher.svelte +209 -0
- package/dist/components/Menu.svelte +491 -0
- package/dist/components/Page.svelte +36 -0
- package/dist/components/PageHeader.svelte +93 -0
- package/dist/components/Pagination.svelte +297 -0
- package/dist/components/Popover.svelte +208 -0
- package/dist/components/Progress.svelte +111 -0
- package/dist/components/Radio.svelte +132 -0
- package/dist/components/Section.svelte +52 -0
- package/dist/components/SegmentedControl.svelte +190 -0
- package/dist/components/Select.svelte +88 -0
- package/dist/components/ShareDock.svelte +304 -0
- package/dist/components/Sheet.svelte +332 -0
- package/dist/components/ShortcutHint.svelte +52 -0
- package/dist/components/Skeleton.svelte +82 -0
- package/dist/components/SkipLink.svelte +40 -0
- package/dist/components/SortHeader.svelte +138 -0
- package/dist/components/Spinner.svelte +82 -0
- package/dist/components/Stack.svelte +62 -0
- package/dist/components/StatusToast.svelte +133 -0
- package/dist/components/Surface.svelte +53 -0
- package/dist/components/Switch.svelte +152 -0
- package/dist/components/Table.svelte +94 -0
- package/dist/components/TableToolbar.svelte +195 -0
- package/dist/components/Tabs.svelte +205 -0
- package/dist/components/TermSheet.svelte +392 -0
- package/dist/components/TermTrigger.svelte +70 -0
- package/dist/components/TextScaleControl.svelte +219 -0
- package/dist/components/Textarea.svelte +106 -0
- package/dist/components/ThemeToggle.svelte +148 -0
- package/dist/components/Toast.svelte +180 -0
- package/dist/components/Toolbar.svelte +83 -0
- package/dist/components/Tooltip.svelte +199 -0
- package/dist/components/VisuallyHidden.svelte +18 -0
- package/dist/disclosure.ts +11 -0
- package/dist/focusable.ts +36 -0
- package/dist/identity.ts +5 -0
- package/dist/index.d.ts +106 -0
- package/dist/index.js +76 -0
- package/dist/index.ts +106 -0
- package/dist/menu.ts +12 -0
- package/dist/modal-layer.ts +108 -0
- package/dist/pagination.ts +10 -0
- package/dist/preferences.js +14 -0
- package/dist/preferences.ts +36 -0
- package/dist/progress.ts +4 -0
- package/dist/schemas/design-tokens.schema.json +119 -0
- package/dist/segmented.ts +8 -0
- package/dist/share.d.ts +48 -0
- package/dist/share.js +115 -0
- package/dist/share.ts +99 -0
- package/dist/sheet.ts +3 -0
- package/dist/shortcuts.js +125 -0
- package/dist/shortcuts.ts +153 -0
- package/dist/styles/brand-fonts.css +10 -0
- package/dist/styles/components.css +4686 -0
- package/dist/styles/expressive-fonts.css +2 -0
- package/dist/styles/index.css +2 -0
- package/dist/styles/locale-fonts.css +4 -0
- package/dist/styles/tokens.css +413 -0
- package/dist/table-tools.ts +10 -0
- package/dist/term.ts +16 -0
- package/dist/theme.ts +2 -0
- package/dist/toast.ts +14 -0
- package/dist/tokens/zdp.tokens.json +241 -0
- package/dist/tokens.js +122 -0
- package/dist/tokens.ts +123 -0
- package/docs/CONSUMER_CONTRACT.md +482 -0
- package/docs/EXTERNAL_UI_ADOPTION.md +141 -0
- package/docs/INTERACTIVE_PRIMITIVE_AUDIT.md +127 -0
- package/package.json +78 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,449 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
## Unreleased
|
|
4
|
+
|
|
5
|
+
## 0.43.8
|
|
6
|
+
|
|
7
|
+
- Added a publish-readiness check for package metadata, export targets, dist entries, and packaged public documents before npm release work.
|
|
8
|
+
- Hardened the npm package root export with generated `dist/index.js` and `dist/index.d.ts` entries instead of a TypeScript source entry.
|
|
9
|
+
- Changed component default user-facing text from Korean to English.
|
|
10
|
+
- Added `svelte-check` type validation to the package check chain.
|
|
11
|
+
- Replaced the design token `$schema` URL with a repo-local schema that is copied into package artifacts.
|
|
12
|
+
- Added MIT license metadata and package checks so public repository readiness keeps an explicit redistribution grant.
|
|
13
|
+
- Fixed Switch invalid-state accessibility so the native switch input exposes `aria-invalid` and can wire `errorMessageId` to `aria-errormessage`.
|
|
14
|
+
- Added Escape dismissal to `Tooltip` and aligned `_blank` link defaults on `Link` and `StatusToast` to `noopener noreferrer`.
|
|
15
|
+
- Optically centered the dark-mode moon glyph in `ThemeToggle` so it aligns visually with the sun glyph while keeping the same control frame.
|
|
16
|
+
- Added `LocaleSwitcher` plus static `.zdp-locale-switcher` utilities for locale preference controls while keeping message catalogs, routing, fallback locale, root language, storage, and user preference policy in consuming apps.
|
|
17
|
+
- Added `TextScaleControl` plus static `.zdp-text-scale-control` utilities for reader text-size preference controls while keeping document root scaling, storage, locale compensation, and user preference policy in consuming apps.
|
|
18
|
+
- Strengthened `CommandField` with shortcut, autocomplete, result-linkage, and keydown passthrough plus `InteractionProbe` coverage for consumer-owned command results.
|
|
19
|
+
- Fixed controlled `Combobox` Escape dismissal so filtered no-result text restores the selected label through `onQueryChange` while preserving the hidden submitted value.
|
|
20
|
+
- Strengthened Select and Combobox Storybook play coverage for invalid error linkage, native select value changes, consumer-owned combobox filtering, empty results, `aria-controls` cleanup, Escape restoration, and hidden submitted values.
|
|
21
|
+
- Fixed the generated package surface so Svelte/Vite consumers can type-check public component exports without `.ts` import-extension or loose HTML attribute type failures.
|
|
22
|
+
- Added `Sheet` as a shared right, left, and bottom modal edge panel primitive for settings, filters, and drawer-style auxiliary flows while keeping save, permission, data fetch, and routing decisions in consuming apps.
|
|
23
|
+
- Added `Combobox` as a searchable single-select primitive with listbox keyboard navigation, disabled option skipping, hidden submitted value support, and consumer-owned filtering/search/permission boundaries.
|
|
24
|
+
- Hardened `InteractionProbe` coverage for `Menu` and `Popover` keyboard, focus return, Escape close, and outside close contracts.
|
|
25
|
+
- Added an interactive primitive audit for Select, CommandField, Tooltip, Dialog, TermSheet, Menu, and Popover so headless dependency spikes happen only after concrete focus, keyboard, overlay, or collision requirements repeat.
|
|
26
|
+
- Added external UI adoption and third-party notice contracts so shadcn-svelte, Bits UI, Skeleton, Flowbite, daisyUI, Ark UI, Motion, SmoothUI, and Tailwind Plus-style sources are handled through explicit reference, porting, dependency, and prohibition rules.
|
|
27
|
+
- Switched package exports to generated `dist/` artifacts and added a Svelte/Vite consumer fixture so public imports are checked before release.
|
|
28
|
+
- Added token and share icon generation scripts for `zdpTokenNames`, `share.js`, and `share.d.ts` to keep generated consumer artifacts aligned with their source files.
|
|
29
|
+
- Promoted Storybook addon-a11y to the `error` gate and added CI coverage for `bun run check` and `bun run build`.
|
|
30
|
+
- Added a shared modal layer helper for `Dialog` and `TermSheet` so modal scroll locking and layer markers stay consistent.
|
|
31
|
+
- Hardened token/package checks so `zdpTokenNames`, share dock type declarations, Button label weight, and shared focusability behavior cannot drift from the public contract.
|
|
32
|
+
- Fixed `Tooltip` to generate a stable fallback tooltip id and wired `ShareDock` triggers to the slot-provided `aria-describedby` value when visual tooltips are enabled.
|
|
33
|
+
- Shared dialog focusable-element detection between `Dialog` and `TermSheet` without relying on `offsetParent`, so fixed-position and transformed controls stay reachable by keyboard.
|
|
34
|
+
- Fixed `Table` overflow wrappers so they no longer reserve a permanent scrollbar gutter that can leave a mismatched stripe beside header rows.
|
|
35
|
+
- Aligned `TermTrigger` with inline interactive text guidance by keeping text selectable, preserving inherited text color on hover, and reserving subtle inline padding.
|
|
36
|
+
- Added exported shortcut policy helpers for consumer-owned keydown dispatchers so apps can ignore text entry, IME composition, and browser-reserved shortcuts before wiring visible `Kbd` or `ShortcutHint` affordances.
|
|
37
|
+
- Added `ThemeToggle` plus static `.zdp-theme-toggle` utilities for light/dark mode controls while keeping initial theme selection, storage, system preference, and SSR paint decisions in consuming apps.
|
|
38
|
+
- Added `TermTrigger`, `TermSheet`, and matching static `.zdp-term-*` utilities for click-open glossary explanations with right/bottom sheet placement, backdrop/Escape close, focus handling, and an explicit `data-zdp-ad-exclude` boundary while keeping glossary manifests, locale fallback, routing, monetization, and detail-page decisions in consuming apps.
|
|
39
|
+
- Strengthened `TermSheet` with stable term identity data attributes and more reliable focusable-element detection so glossary QA, linter checks, and keyboard focus behavior stay aligned.
|
|
40
|
+
|
|
41
|
+
## 0.41.10
|
|
42
|
+
|
|
43
|
+
- Fixed Storybook a11y addon findings for Data Display, Feedback, Interaction, and Overview by giving scrollable CodeBlock regions unique focusable labels, removing repeated toolbar/disclosure landmarks, using valid Toast live-region elements, and moving decorative sort/menu glyph text into CSS pseudo content.
|
|
44
|
+
- Added optional `ariaLabel` passthrough on `Button` so icon-like Button usage can expose an accessible name without switching primitives.
|
|
45
|
+
|
|
46
|
+
## 0.41.9
|
|
47
|
+
|
|
48
|
+
- Added the optional `expressive-fonts.css` public export and `font.family.expression*` token stacks for Tangerine, Caesar Dressing, Google Sans, Merriweather, Fredericka the Great, Copse, Cabin, and Libertinus Keyboard without changing default product typography.
|
|
49
|
+
|
|
50
|
+
## 0.41.8
|
|
51
|
+
|
|
52
|
+
- Increased `.zdp-brand-wordmark` to the shared `medium` font weight so the Playwrite AU VIC Guides wordmark keeps a sturdier brand stroke in Storybook, static preview, and locale reset surfaces.
|
|
53
|
+
|
|
54
|
+
## 0.41.7
|
|
55
|
+
|
|
56
|
+
- Fixed `Pagination` horizontal scroll surfaces so focus outlines keep their top and bottom edges visible in Theme / Locale Stress and narrow overflow containers.
|
|
57
|
+
|
|
58
|
+
## 0.41.6
|
|
59
|
+
|
|
60
|
+
- Fixed `.zdp-brand-wordmark` so it keeps the Playwrite AU VIC Guides brand stack inside `.zdp-surface-reset` locale surfaces, including Korean pages where `:lang(ko)` switches normal content back to Pretendard.
|
|
61
|
+
|
|
62
|
+
## 0.41.5
|
|
63
|
+
|
|
64
|
+
- Fixed the Theme / Locale Stress story so table, pagination, and code examples keep fixed-format content on horizontal scroll surfaces instead of breaking Korean, Chinese, Hindi, and code strings into one-character columns.
|
|
65
|
+
- Added touch-friendly horizontal overflow contracts for `Table`, `Pagination`, and `CodeBlock` while keeping readable table cells and code text selectable.
|
|
66
|
+
- Updated `TableToolbar` wrapping so narrow embedded review frames collapse actions by component width instead of relying only on viewport media queries.
|
|
67
|
+
|
|
68
|
+
## 0.41.4
|
|
69
|
+
|
|
70
|
+
- Added the optional `brand-fonts.css` public export and `font.family.brand` token for the `8ailors` Playwrite AU VIC Guides wordmark without replacing Pretendard-first product typography.
|
|
71
|
+
- Added `.zdp-brand-lockup`, `.zdp-brand-lockup__mark`, and `.zdp-brand-wordmark` utilities plus Storybook/static preview wordmark coverage.
|
|
72
|
+
- Updated the token document to `0.6.9` and aligned token, preview, Storybook, package, and consumer checks with the brand font contract.
|
|
73
|
+
|
|
74
|
+
## 0.41.3
|
|
75
|
+
|
|
76
|
+
- Added scoped text-selection behavior utilities and control/decorative `user-select: none` coverage while keeping document, data, table cell, toast body, and code text selectable.
|
|
77
|
+
- Documented the rule that drag surfaces should use `.zdp-user-select-dragging` only while drag is active, never as a broad page/root selection block.
|
|
78
|
+
|
|
79
|
+
## 0.41.2
|
|
80
|
+
|
|
81
|
+
- Added themed text selection tokens and shared `::selection` styling so dragged text inside ZDP surfaces uses the parchment selection surface instead of the browser-default blue highlight.
|
|
82
|
+
- Updated the token document to `0.6.8` and aligned token, preview, Storybook, and consumer checks with the themed text selection contract.
|
|
83
|
+
|
|
84
|
+
## 0.41.1
|
|
85
|
+
|
|
86
|
+
- Added a `Design System/QA/Theme Locale Stress` Storybook surface for light/dark, narrow mobile width, long Korean, English, Chinese, and Hindi text, and forced focus-ring review without adding a new public component API.
|
|
87
|
+
|
|
88
|
+
## 0.41.0
|
|
89
|
+
|
|
90
|
+
- Added `InlineCode` and `CodeBlock` primitives plus static `.zdp-inline-code` and `.zdp-code-block` utilities for document, security, and architecture code snippets with optional copy feedback while keeping syntax highlighting, code execution, secret scanning, security classification, and command-palette behavior in consuming apps.
|
|
91
|
+
|
|
92
|
+
## 0.40.0
|
|
93
|
+
|
|
94
|
+
- Added `SortHeader` and `TableToolbar` primitives plus static `.zdp-sort-header` and `.zdp-table-toolbar` utilities for sortable column affordances, selected-row actions, and table density controls while keeping sorting, selection state, filtering, permissions, routing, and data loading in consuming apps.
|
|
95
|
+
- Added Storybook, static preview, public export, package check, and consumer contract coverage for table-adjacent tool surfaces and `aria-sort` guidance.
|
|
96
|
+
|
|
97
|
+
## 0.39.0
|
|
98
|
+
|
|
99
|
+
- Added `CommandField` as the Svelte primitive for search, quick navigation, and command entry inputs while keeping search indexes, result ordering, command palettes, routing, keyboard dispatch, permissions, and server-state decisions in consuming apps.
|
|
100
|
+
- Added Storybook, static preview, public export, package check, and consumer contract coverage for command field label, help/error id wiring, shortcut keycap, invalid, disabled, readonly, and focus-within states.
|
|
101
|
+
|
|
102
|
+
## 0.38.0
|
|
103
|
+
|
|
104
|
+
- Added `Avatar` and `IdentityChip` plus static `.zdp-avatar` and `.zdp-identity-chip` utilities for compact person, team, and organization identity surfaces while keeping account resolution, profile routing, presence, permissions, invitations, and server-state decisions in consuming apps.
|
|
105
|
+
- Added Storybook, static preview, public export, package check, and consumer contract coverage for avatar image/initial and identity chip label/meta accessibility.
|
|
106
|
+
|
|
107
|
+
## 0.37.0
|
|
108
|
+
|
|
109
|
+
- Added `SegmentedControl` plus static `.zdp-segmented-control` utilities for compact single-choice view, mode, density, and period selection while keeping filter meaning, URL state, sorting, data loading, permissions, and server-state decisions in consuming apps.
|
|
110
|
+
- Added Storybook, interaction probe, static preview, public export, package check, and consumer contract coverage for segmented control radiogroup/radio accessibility.
|
|
111
|
+
|
|
112
|
+
## 0.36.0
|
|
113
|
+
|
|
114
|
+
- Added `Accordion` and `Disclosure` primitives plus static `.zdp-disclosure` and `.zdp-accordion` utilities for folded guidance while keeping FAQ copy, settings values, item visibility, permissions, data fetch, and server-state decisions in consuming apps.
|
|
115
|
+
- Added Storybook, interaction probe, static preview, public export, package check, and consumer contract coverage for accordion/disclosure trigger-panel accessibility.
|
|
116
|
+
|
|
117
|
+
## 0.35.0
|
|
118
|
+
|
|
119
|
+
- Added `Pagination` plus static `.zdp-pagination` utilities for page movement while keeping total counts, current page state, page-size decisions, query routing, filtering, sorting, data fetch, permissions, and server-state decisions in consuming apps.
|
|
120
|
+
|
|
121
|
+
## 0.34.0
|
|
122
|
+
|
|
123
|
+
- Added `Progress`, `Spinner`, and `Skeleton` primitives plus static utilities for loading, waiting, and layout reservation while keeping loading conditions, progress calculation, completion/failure transitions, data fetch, retry, permissions, and server-state decisions in consuming apps.
|
|
124
|
+
|
|
125
|
+
## 0.33.0
|
|
126
|
+
|
|
127
|
+
- Added `Toast` and `StatusToast` primitives plus static utilities for save, sync, failure, and warning feedback while keeping notification triggers, queue order, timers, dedupe, retry policy, permissions, and server-state decisions in consuming apps.
|
|
128
|
+
|
|
129
|
+
## 0.32.0
|
|
130
|
+
|
|
131
|
+
- Added `Popover` and `Menu` primitives plus static utilities for settings, more, filter, and account surfaces while keeping item visibility, permissions, routing, filter meaning, and account state decisions in consuming apps.
|
|
132
|
+
- Added a reusable `Tooltip` primitive and moved ShareDock hints onto it so icon buttons, shortcut hints, and status affordances can share the same compact help surface.
|
|
133
|
+
- Fixed remaining Overview a11y addon findings by keeping labelled Inline sections out of landmark navigation and hiding the decorative motif mark itself.
|
|
134
|
+
- Fixed Overview story a11y addon findings by removing decorative ARIA labels from preview layout wrappers, avoiding repeated named `section` landmarks, and hiding the decorative motif strip.
|
|
135
|
+
- Fixed a11y addon findings by using an SVG ConfirmAction thumb glyph, labelled shortcut groups, unique Tabs id prefixes, and roles for labelled div-based layout primitives.
|
|
136
|
+
- Fixed remaining Storybook a11y addon findings by giving labelled PageHeader roots a valid role and separating Kbd visible keycaps from screen-reader labels.
|
|
137
|
+
- Fixed Storybook navigation a11y findings by moving resting Link and Breadcrumb text to ink tokens and giving repeated breadcrumb landmarks unique sample labels.
|
|
138
|
+
- Fixed Feedback story a11y findings by giving primary badges and surface kickers readable ink text and separating repeated callout landmark names.
|
|
139
|
+
- Replaced one-character breadcrumb sample labels with longer review text so Storybook color-contrast checks can classify link contrast reliably.
|
|
140
|
+
- Fixed light-theme `ConfirmAction` progress fill so slide progress stays visible against the hover background while preserving the existing dark-theme contrast.
|
|
141
|
+
- Fixed ShareDock anchor hover states so platform share links use the same icon color and focus rules as button share actions instead of inheriting generic link hover colors.
|
|
142
|
+
- Replaced browser-reserved shortcut examples with browser-safe key hints and documented that consumers must not show shortcuts swallowed by the browser or OS.
|
|
143
|
+
- Added Storybook a11y addon wiring, ZDP viewport presets, a Button controls playground, and interaction play coverage for Tabs, Dialog, and ConfirmAction.
|
|
144
|
+
|
|
145
|
+
## 0.31.0
|
|
146
|
+
|
|
147
|
+
- Added `Kbd` and `ShortcutHint` Svelte primitives plus static `.zdp-kbd` and `.zdp-shortcut-hint` utilities for visible shortcut hints.
|
|
148
|
+
- Added optional `ariaKeyShortcuts` passthrough on `Button`, `IconButton`, and `Link` for controls whose shortcuts are implemented by consuming apps.
|
|
149
|
+
- Documented that the design system owns keycap presentation only; keydown dispatch, command palette behavior, search focus movement, and shortcut collision handling stay in consuming apps.
|
|
150
|
+
|
|
151
|
+
## 0.30.2
|
|
152
|
+
|
|
153
|
+
- Added static `CommandField` utilities for search, quick navigation, and shortcut keycap affordance without adding product-owned search logic.
|
|
154
|
+
- Documented that search indexes, result ranking, routing, and permissions stay in consuming apps.
|
|
155
|
+
|
|
156
|
+
## 0.30.1
|
|
157
|
+
|
|
158
|
+
- Reduced preview and Storybook page-heading samples from marketing-scale headings to shared product title tokens.
|
|
159
|
+
- Updated token document to `0.6.7` so consumers can distinguish ordinary page titles from product-owned hero art.
|
|
160
|
+
|
|
161
|
+
## 0.30.0
|
|
162
|
+
|
|
163
|
+
- Added Japanese font-family token and optional Noto Sans JP locale font export for the 10-locale ZDP plan.
|
|
164
|
+
- Expanded locale documentation from the previous 6-language wording to the 10-language target.
|
|
165
|
+
|
|
166
|
+
## 0.29.2
|
|
167
|
+
|
|
168
|
+
- Replaced ShareDock platform brand glyphs with Simple Icons paths for Telegram, LINE, WhatsApp, X, and Reddit.
|
|
169
|
+
- Added `share-icons:check` so platform brand glyphs cannot drift back into custom outline approximations.
|
|
170
|
+
- Documented that ShareDock owns brand icon shape data while consumers still own URLs, clipboard, `navigator.share`, and platform routing.
|
|
171
|
+
|
|
172
|
+
## 0.29.1
|
|
173
|
+
|
|
174
|
+
- Added `rail` placement for `ShareDock` so document pages can keep icon-only share controls beside the article instead of pinning them to the viewport edge.
|
|
175
|
+
- Reduced share dock action and glyph sizing to the small control tokens for a calmer sticky share rail.
|
|
176
|
+
- Moved the default side placement to the right side of the page frame and kept tooltips opening inward.
|
|
177
|
+
|
|
178
|
+
## 0.29.0
|
|
179
|
+
|
|
180
|
+
- Added `ShareDock` and `zdpShareIcons` for icon-only share surfaces with side, bottom, and inline placement.
|
|
181
|
+
- Added static `.zdp-share-*` utilities so Astro and static HTML consumers can use the same share dock without a Svelte island.
|
|
182
|
+
- Kept URL generation, clipboard, `navigator.share`, platform links, routing, and permission decisions in consuming apps.
|
|
183
|
+
|
|
184
|
+
## 0.28.3
|
|
185
|
+
|
|
186
|
+
- Moved the primary accent away from dusty blue into the parchment/brass palette so default actions, icon buttons, links, selected controls, and confirm progress no longer pop as a separate blue system.
|
|
187
|
+
- Muted success, warning, and danger accents into the same market palette so semantic states keep their meaning without fighting the page tone.
|
|
188
|
+
- Updated the token document to `0.6.6` and aligned token, preview, Storybook, and consumer checks with the unified accent contract.
|
|
189
|
+
|
|
190
|
+
## 0.28.2
|
|
191
|
+
|
|
192
|
+
- Raised only the large surface radius token to `0.5rem` while keeping shared controls at `0.375rem`, so flat cards read as a higher layer without returning to pill-shaped UI.
|
|
193
|
+
- Softened secondary Button and ghost IconButton resting borders to `line-subtle`, while keeping hover and active borders on `line-strong` for consistent flat feedback.
|
|
194
|
+
- Updated the token document to `0.6.5` and aligned token, preview, Storybook, and consumer checks with the flat premium surface contract.
|
|
195
|
+
|
|
196
|
+
## 0.28.1
|
|
197
|
+
|
|
198
|
+
- Muted primary, warning, success, and danger accent tokens so semantic states stay inside the parchment market palette instead of popping like separate UI systems.
|
|
199
|
+
- Updated the token document to `0.6.4` and kept the consumer checks aligned with the quieter accent contract.
|
|
200
|
+
|
|
201
|
+
## 0.28.0
|
|
202
|
+
|
|
203
|
+
- Added `ConfirmAction` for slide-or-hold confirmation flows such as payment and deletion gates without owning product decisions.
|
|
204
|
+
- Reduced the shared control border width from `2px` to `1px` so buttons and framed controls keep a lighter default edge.
|
|
205
|
+
- Kept the stronger sunlit focus outline unchanged so keyboard focus remains easy to find without making resting controls feel heavy.
|
|
206
|
+
- Updated token, consumer, Storybook, and preview contracts to treat thin framed controls as the default.
|
|
207
|
+
- Added compact choice-control tokens so Checkbox, Radio, and Switch no longer reuse icon button sizing.
|
|
208
|
+
- Reduced checkbox and radio marks to line-height-friendly dimensions while keeping the native input, label, hover, invalid, disabled, and focus-visible contracts intact.
|
|
209
|
+
- Added themed scrollbar tokens and shared reset styling so overflow panels use thin parchment/market scrollbars instead of browser-default gray controls.
|
|
210
|
+
- Fixed choice-control hover rules so checked Checkbox, Radio, and Switch states do not visually fall back to unchecked surfaces on hover.
|
|
211
|
+
- Aligned Callout marks to one title line so the accent bar no longer lands between the heading and body copy.
|
|
212
|
+
- Increased the Checkbox checkmark stroke so the selected state reads clearly while the outer control border stays thin.
|
|
213
|
+
|
|
214
|
+
## 0.27.0
|
|
215
|
+
|
|
216
|
+
- Added `Icon` for shared glyph sizing and centered inline alignment.
|
|
217
|
+
- Added static `.zdp-icon` utility classes for Astro and non-Svelte consumers.
|
|
218
|
+
- Added token document `0.6.0` with `control.glyphSm` and `control.glyphMd` so icon glyph size stays separate from icon button hit area size.
|
|
219
|
+
- Updated IconButton, Storybook, preview, package, token, and consumer contract checks so glyphs stay centered without shadows, gradients, hover motion, or product-owned decisions.
|
|
220
|
+
|
|
221
|
+
## 0.26.0
|
|
222
|
+
|
|
223
|
+
- Added layout composition primitives: `Grid` and `Toolbar`.
|
|
224
|
+
- Added static `.zdp-grid` and `.zdp-toolbar` utility classes for Astro and non-Svelte consumers.
|
|
225
|
+
- Added Storybook and static preview coverage for responsive card grids and action toolbars.
|
|
226
|
+
- Strengthened package, Storybook, preview, and consumer contract checks so layout composition primitives stay responsive, flat, and free of product-owned decisions.
|
|
227
|
+
|
|
228
|
+
## 0.25.0
|
|
229
|
+
|
|
230
|
+
- Added data display primitives: `Table`, `KeyValue`, and `EmptyState`.
|
|
231
|
+
- Added static `.zdp-table`, `.zdp-key-value`, and `.zdp-empty-state` utility classes for Astro and non-Svelte consumers.
|
|
232
|
+
- Added Storybook and static preview examples for operational tables, repository boundary facts, and empty roadmap states.
|
|
233
|
+
- Strengthened package, Storybook, preview, and consumer contract checks so data display primitives stay semantic, responsive, flat, and free of product-owned data decisions.
|
|
234
|
+
|
|
235
|
+
## 0.24.0
|
|
236
|
+
|
|
237
|
+
- Strengthened form accessibility props for `Input`, `Select`, and `Textarea` so help and error text can be connected with multiple `aria-describedby` ids.
|
|
238
|
+
- Added `errorMessageId` support for invalid text controls so consumers can wire `aria-errormessage` without hand-editing markup.
|
|
239
|
+
- Added screen-reader required text to `Label`, live-region support to `ErrorText`, and field-level required, readonly, disabled, and invalid state markers.
|
|
240
|
+
- Updated Storybook form examples and contract checks so required, readonly, invalid, and disabled states stay visible in light and dark themes.
|
|
241
|
+
|
|
242
|
+
## 0.23.0
|
|
243
|
+
|
|
244
|
+
- Added layout primitives: `Page`, `Container`, `Section`, and `PageHeader`.
|
|
245
|
+
- Added static `.zdp-page`, `.zdp-container`, `.zdp-section`, and `.zdp-page-header` utility classes for Astro and non-Svelte consumers.
|
|
246
|
+
- Added a focused Storybook layout story and static preview coverage so page width, section rhythm, header actions, and flat layout rules stay aligned.
|
|
247
|
+
- Strengthened package, Storybook, preview, and consumer contract checks so layout primitives stay exported, documented, compiled, responsive, and free of decorative effects.
|
|
248
|
+
|
|
249
|
+
## 0.22.0
|
|
250
|
+
|
|
251
|
+
- Added readonly state support to `Input` and `Textarea`.
|
|
252
|
+
- Added static readonly styling for `.zdp-input[readonly]` and `.zdp-textarea[readonly]`.
|
|
253
|
+
- Updated Storybook, preview, and contract checks so readonly controls stay focusable, flat, and visually distinct from disabled controls.
|
|
254
|
+
- Added focused Storybook stories for Button/IconButton states and form control states.
|
|
255
|
+
- Added focused Storybook stories for navigation and feedback surfaces.
|
|
256
|
+
- Added a focused Storybook story for Tabs and Dialog interaction states.
|
|
257
|
+
- Centered tab labels with explicit inline-flex alignment so tab controls keep stable vertical and horizontal placement.
|
|
258
|
+
- Added native action and aria linkage props to Button, IconButton, and Dialog examples so consumers can wire interaction state without raw button class fallbacks.
|
|
259
|
+
- Strengthened Button and IconButton stories so action handlers, described-by status text, expanded state, and pressed state stay covered by Storybook contract checks.
|
|
260
|
+
- Relaxed Storybook and preview heading line-height to the shared title token so large labels avoid vertical clipping.
|
|
261
|
+
|
|
262
|
+
## 0.21.0
|
|
263
|
+
|
|
264
|
+
- Added `Divider` for shared flat separators without page-layout ownership.
|
|
265
|
+
- Added static `.zdp-divider` utility classes for Astro and non-Svelte consumers.
|
|
266
|
+
- Strengthened package, Storybook, preview, and consumer contract checks so Divider stays exported, documented, compiled, semantic when needed, and free of decorative effects.
|
|
267
|
+
|
|
268
|
+
## 0.20.0
|
|
269
|
+
|
|
270
|
+
- Added `Inline` for shared horizontal wrapping flow without product-specific layout decisions.
|
|
271
|
+
- Added static `.zdp-inline` utility classes for Astro and non-Svelte consumers.
|
|
272
|
+
- Strengthened package, Storybook, preview, and consumer contract checks so Inline stays exported, documented, compiled, and free of decorative effects.
|
|
273
|
+
|
|
274
|
+
## 0.19.0
|
|
275
|
+
|
|
276
|
+
- Added `Stack` for shared vertical spacing without product-specific layout decisions.
|
|
277
|
+
- Added static `.zdp-stack` utility classes for Astro and non-Svelte consumers.
|
|
278
|
+
- Strengthened package, Storybook, preview, and consumer contract checks so Stack stays exported, documented, compiled, and free of decorative effects.
|
|
279
|
+
|
|
280
|
+
## 0.18.0
|
|
281
|
+
|
|
282
|
+
- Added `VisuallyHidden` for shared screen-reader-only text without product-specific CSS copies.
|
|
283
|
+
- Added static `.zdp-visually-hidden` utility coverage for Astro and non-Svelte consumers.
|
|
284
|
+
- Strengthened package, token, Storybook, preview, and consumer contract checks so hidden accessible text stays exported, compiled, documented, and free of decorative effects.
|
|
285
|
+
|
|
286
|
+
## 0.17.0
|
|
287
|
+
|
|
288
|
+
- Added `SkipLink` for shared keyboard-first page bypass navigation with sunlit focus highlighting.
|
|
289
|
+
- Added SkipLink examples to Storybook and the static preview.
|
|
290
|
+
- Strengthened package, token, Storybook, preview, and consumer contract checks so skip links stay exported, compiled, documented, and free of decorative effects.
|
|
291
|
+
|
|
292
|
+
## 0.16.0
|
|
293
|
+
|
|
294
|
+
- Added `Link` for shared text navigation with hover color changes and sunlit focus highlighting.
|
|
295
|
+
- Added light and dark link examples to Storybook and the static preview.
|
|
296
|
+
- Strengthened package, token, Storybook, preview, and consumer contract checks so link stays exported, compiled, documented, and free of decorative effects.
|
|
297
|
+
|
|
298
|
+
## 0.15.0
|
|
299
|
+
|
|
300
|
+
- Added `Breadcrumb` for accessible page-location trails with `nav`, ordered list markup, link items, separators, and `aria-current="page"`.
|
|
301
|
+
- Added light and dark breadcrumb examples to Storybook and the static preview.
|
|
302
|
+
- Strengthened package, token, Storybook, preview, and consumer contract checks so breadcrumb stays exported, compiled, documented, and free of decorative effects.
|
|
303
|
+
|
|
304
|
+
## 0.14.0
|
|
305
|
+
|
|
306
|
+
- Added `Dialog` for accessible modal layers with backdrop close, Escape close, focus restoration, focus trap, and labelled dialog semantics.
|
|
307
|
+
- Added light and dark dialog examples to Storybook and the static preview.
|
|
308
|
+
- Strengthened package, token, Storybook, preview, and consumer contract checks so the dialog surface stays exported, compiled, documented, and free of decorative effects.
|
|
309
|
+
|
|
310
|
+
## 0.13.0
|
|
311
|
+
|
|
312
|
+
- Added `docs/CONSUMER_CONTRACT.md` to pin Astro, Svelte, Tauri, Flutter, and native token consumption boundaries.
|
|
313
|
+
- Added `consumer:check` so package metadata, README, contributing rules, service policy, token JSON, and public component exports stay aligned with the consumer contract.
|
|
314
|
+
- Included `docs/` in the package file surface so the consumer contract ships with reviewed package artifacts.
|
|
315
|
+
|
|
316
|
+
## 0.12.0
|
|
317
|
+
|
|
318
|
+
- Added `Tabs` for accessible in-page section switching with keyboard arrow, Home, and End navigation.
|
|
319
|
+
- Added light and dark tab examples to Storybook and the static preview.
|
|
320
|
+
- Strengthened package, token, Storybook, and preview checks so the tab structure stays exported, compiled, and focus-visible.
|
|
321
|
+
|
|
322
|
+
## 0.11.0
|
|
323
|
+
|
|
324
|
+
- Added shared feedback components: `Badge` for compact statuses and `Callout` for inline information, warning, and danger messages.
|
|
325
|
+
- Added light and dark feedback examples to Storybook and the static preview.
|
|
326
|
+
- Strengthened package, token, Storybook, and preview checks so feedback components stay exported, compiled, and free of decorative effects.
|
|
327
|
+
|
|
328
|
+
## 0.10.0
|
|
329
|
+
|
|
330
|
+
- Added shared choice controls for product forms: `Checkbox`, `Radio`, and `Switch`.
|
|
331
|
+
- Added light and dark choice-control examples to Storybook and the static preview.
|
|
332
|
+
- Strengthened package, token, Storybook, and preview checks so choice controls stay exported, compiled, focusable, and free of decorative effects.
|
|
333
|
+
|
|
334
|
+
## 0.9.0
|
|
335
|
+
|
|
336
|
+
- Added the first shared form component set: `Field`, `Label`, `Input`, `Textarea`, `Select`, `HelpText`, and `ErrorText`.
|
|
337
|
+
- Added light and dark form examples to Storybook and the static preview, including help text and invalid states.
|
|
338
|
+
- Strengthened package, token, Storybook, and preview checks so the new form public surface stays exported and visually aligned.
|
|
339
|
+
|
|
340
|
+
## 0.8.1
|
|
341
|
+
|
|
342
|
+
- Added package artifact validation for export targets, package files, and CSS side-effect entries.
|
|
343
|
+
- Added Svelte compile validation for shared components and the Storybook overview surface.
|
|
344
|
+
- Included package validation in the default `bun run check` contract.
|
|
345
|
+
|
|
346
|
+
## 0.8.0
|
|
347
|
+
|
|
348
|
+
- Added accessible focus color tokens for sunlit gold focus surfaces, dark focus text, and dark focus lines.
|
|
349
|
+
- Added shared control focus width tokens for outline, offset, and link underline states.
|
|
350
|
+
- Updated links, inputs, buttons, and icon buttons to use the same high-visibility keyboard focus contract.
|
|
351
|
+
- Added focus examples to Storybook and the static preview so link and search input focus can be reviewed with the Tab key.
|
|
352
|
+
- Strengthened token, preview, and Storybook checks for the focus contract.
|
|
353
|
+
|
|
354
|
+
## 0.7.0
|
|
355
|
+
|
|
356
|
+
- Added an optional `zdp-design-system/locale-fonts.css` package export for explicit Latin, Chinese, and Devanagari webfont loading.
|
|
357
|
+
- Kept the default `styles.css` path Pretendard-first so consumers can avoid heavy non-Korean locale font loads unless they opt in.
|
|
358
|
+
- Strengthened package export and side-effect checks for the optional locale font CSS surface.
|
|
359
|
+
|
|
360
|
+
## 0.6.9
|
|
361
|
+
|
|
362
|
+
- Added `font.family.brand` for Playwrite AU VIC Guides wordmarks while keeping sans/display typography Pretendard-first.
|
|
363
|
+
|
|
364
|
+
## 0.6.8
|
|
365
|
+
|
|
366
|
+
- Added language-specific font family tokens for Latin, Korean, Chinese, Devanagari, and multiscript surfaces.
|
|
367
|
+
- Added `:lang(en/es/fr/ko/zh/hi)` CSS overrides so shared surfaces can switch font stacks without product-specific CSS.
|
|
368
|
+
- Updated preview, Storybook, and token checks to keep the multiscript typography contract synchronized.
|
|
369
|
+
|
|
370
|
+
## 0.6.7
|
|
371
|
+
|
|
372
|
+
- Loaded Pretendard Variable dynamic subset from the shared CSS token entry and moved sans/display stacks to `"Pretendard Variable", Pretendard`.
|
|
373
|
+
- Increased body, body-small, label, caption, data, and supporting font-size tokens by one step for better balance against larger headings.
|
|
374
|
+
- Changed button labels from semibold to medium weight.
|
|
375
|
+
|
|
376
|
+
## 0.6.6
|
|
377
|
+
|
|
378
|
+
- Added a shared 2px control border width token for framed action controls.
|
|
379
|
+
- Normalized Button and IconButton hover states so light and dark themes change background and border consistently.
|
|
380
|
+
- Strengthened preview and Storybook checks for the framed-control hover contract.
|
|
381
|
+
|
|
382
|
+
## 0.6.5
|
|
383
|
+
|
|
384
|
+
- Reduced shared core component radius from 0.5rem to 0.375rem for a more squared-off control shape.
|
|
385
|
+
- Updated token checks and contribution docs to keep buttons, icon buttons, surfaces, Storybook, and preview panels closer to rectangular forms.
|
|
386
|
+
|
|
387
|
+
## 0.6.4
|
|
388
|
+
|
|
389
|
+
- Clarified semantic state color roles for success, warning, and danger tokens.
|
|
390
|
+
- Added flat active-state contracts for buttons and icon buttons without motion, shadows, or gradients.
|
|
391
|
+
- Extended type tokens with body small, caption, and data text roles for product dashboards and detail surfaces.
|
|
392
|
+
- Strengthened preview and Storybook checks for compact type tokens and active component states.
|
|
393
|
+
|
|
394
|
+
## 0.6.3
|
|
395
|
+
|
|
396
|
+
- Tightened the flat UI contract with a 0.5rem shared radius ceiling for core components and previews.
|
|
397
|
+
- Changed default body line-height tokens to 1.6 for calmer reading rhythm without decorative separation.
|
|
398
|
+
- Added checks that reject pill-radius usage in shared components, Storybook overview, and static preview surfaces.
|
|
399
|
+
|
|
400
|
+
## 0.6.2
|
|
401
|
+
|
|
402
|
+
- Softened destructive button styling in light and dark themes so danger actions read as lower-emphasis outlines.
|
|
403
|
+
- Smoothed raised surface gold gradients to avoid hard visual cutoffs in compact cards.
|
|
404
|
+
- Normalized swatch labels so color names do not look like links in dark theme previews.
|
|
405
|
+
- Added underline-free link defaults with hover color transitions inside design-system surfaces.
|
|
406
|
+
- Replaced button lift-and-shadow hover motion with flat color and border-state changes.
|
|
407
|
+
- Changed default and display typography to a Pretendard-first sans-serif stack while keeping serif available as an explicit token.
|
|
408
|
+
- Removed decorative gradients and shadows from shared buttons, icon buttons, surfaces, Storybook, and static preview panels.
|
|
409
|
+
- Documented the flat UI contract and centralized checks that reject decorative gradients, shadows, sheen pseudo-elements, and hover movement in shared surfaces.
|
|
410
|
+
|
|
411
|
+
## 0.6.0
|
|
412
|
+
|
|
413
|
+
- Added foundation token groups for typography roles, responsive breakpoints, control metrics, and i18n-safe text behavior.
|
|
414
|
+
- Added CSS variables for `type`, `breakpoint`, `control`, and `i18n` token groups.
|
|
415
|
+
- Updated button and icon button sizing to consume shared control metric tokens.
|
|
416
|
+
- Added Storybook and static preview foundation token review surfaces.
|
|
417
|
+
- Strengthened token, preview, and Storybook checks for the new foundation contract.
|
|
418
|
+
|
|
419
|
+
## 0.5.0
|
|
420
|
+
|
|
421
|
+
- Changed the core visual language to a bright medieval watercolor palette.
|
|
422
|
+
- Updated light and dark CSS variables to use parchment, dusty blue, sage, sunlit gold, burgundy, and terracotta tones.
|
|
423
|
+
- Added serif and display font family tokens for parchment-style text and titles.
|
|
424
|
+
- Updated shared button, icon button, and surface styles to use parchment panels, heraldic accents, and softer watercolor depth.
|
|
425
|
+
- Refreshed Storybook and static preview examples for the new visual direction.
|
|
426
|
+
- Refined light glow, dark action hierarchy, button sizing, swatch labels, and OKLCH badge tone.
|
|
427
|
+
|
|
428
|
+
## 0.4.0
|
|
429
|
+
|
|
430
|
+
- Changed color tokens to carry both `hex` fallback and `oklch` values.
|
|
431
|
+
- Added OKLCH CSS variable overrides behind `@supports`.
|
|
432
|
+
- Added Storybook Svelte/Vite configuration and scripts.
|
|
433
|
+
- Added a Storybook design system overview story for visual review.
|
|
434
|
+
- Added `dev` and `build` package script entrypoints for Workduck repository actions.
|
|
435
|
+
- Added a static browser preview page for visual feedback.
|
|
436
|
+
- Added a shared style entry that includes token and component CSS.
|
|
437
|
+
- Strengthened `tokens:check` to verify color token shape and CSS fallback/override alignment.
|
|
438
|
+
- Added preview and Storybook contract checks to the default `check` script.
|
|
439
|
+
|
|
440
|
+
## 0.2.0
|
|
441
|
+
|
|
442
|
+
- Added the first token source in `tokens/zdp.tokens.json`.
|
|
443
|
+
- Added CSS custom properties in `src/styles/tokens.css`.
|
|
444
|
+
- Added initial Svelte package exports for `Button`, `IconButton`, and `Surface`.
|
|
445
|
+
- Added `tokens:check` to keep token JSON, CSS variables, and public exports aligned.
|
|
446
|
+
|
|
447
|
+
## 0.1.0
|
|
448
|
+
|
|
449
|
+
- Initial repository baseline for ZDP design tokens and UI package boundaries.
|
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 0disoft
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|