@hjmds/design-contracts 1.28.0 → 1.29.0

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.
Files changed (44) hide show
  1. package/dist/auth-screen.d.ts +6 -0
  2. package/dist/auth-screen.d.ts.map +1 -1
  3. package/dist/auth-screen.js +4 -1
  4. package/dist/auth-screen.js.map +1 -1
  5. package/dist/catalog.d.ts +308 -0
  6. package/dist/catalog.d.ts.map +1 -1
  7. package/dist/catalog.js +42 -0
  8. package/dist/catalog.js.map +1 -1
  9. package/dist/component-definitions.d.ts +22 -0
  10. package/dist/component-definitions.d.ts.map +1 -1
  11. package/dist/component-definitions.js +23 -0
  12. package/dist/component-definitions.js.map +1 -1
  13. package/dist/component-recipes.d.ts.map +1 -1
  14. package/dist/component-recipes.js +5 -2
  15. package/dist/component-recipes.js.map +1 -1
  16. package/dist/screen-patterns.d.ts +94 -1
  17. package/dist/screen-patterns.d.ts.map +1 -1
  18. package/dist/screen-patterns.js +51 -0
  19. package/dist/screen-patterns.js.map +1 -1
  20. package/dist/version.d.ts +1 -1
  21. package/dist/version.js +1 -1
  22. package/dist/version.js.map +1 -1
  23. package/docs/generated/component-maturity.md +26 -4
  24. package/docs/generated/renderer-evidence.json +3229 -1051
  25. package/docs/generated/renderer-evidence.md +47 -3
  26. package/docs/generated/showcase-manifest.json +1057 -1
  27. package/docs/screen-patterns.md +8 -1
  28. package/docs/usage/SELECTION.md +1 -0
  29. package/docs/usage/components/auth-screen-layout.md +22 -5
  30. package/docs/usage/components/chat-screen.md +1 -0
  31. package/docs/usage/components/comment-thread-screen.md +2 -0
  32. package/docs/usage/components/dialog.md +1 -0
  33. package/docs/usage/components/editor-screen.md +1 -0
  34. package/docs/usage/components/field.md +1 -0
  35. package/docs/usage/components/list-detail-screen.md +1 -0
  36. package/docs/usage/components/list.md +20 -0
  37. package/docs/usage/components/onboarding-screen.md +1 -0
  38. package/docs/usage/components/screen-layout.md +25 -0
  39. package/docs/usage/components/search-field.md +1 -0
  40. package/docs/usage/components/search-screen.md +3 -1
  41. package/docs/usage/components/sheet.md +1 -0
  42. package/docs/usage/components/skeleton.md +2 -1
  43. package/docs/usage/components/text-area.md +1 -0
  44. package/package.json +1 -1
package/docs/generated/renderer-evidence.md CHANGED
@@ -1,11 +1,11 @@
1
1
  # Renderer evidence coverage
2
2
 
3
- > Generated for HJM 1.28.0. Do not edit directly; run `pnpm evidence:sync`.
3
+ > Generated for HJM 1.29.0. Do not edit directly; run `pnpm evidence:sync`.
4
4
 
5
5
  This projection joins the canonical surface maturity manifest with first-party renderer claims. Missing scenarios are explicit beta promotion debt; stable surfaces are blocked by CI until none remain.
6
6
 
7
- - web: 103/105 active implementations; 103/105 required scenario sets
8
- - native: 84/87 active implementations; 83/87 required scenario sets
7
+ - web: 125/127 active implementations; 119/127 required scenario sets
8
+ - native: 105/109 active implementations; 100/109 required scenario sets
9
9
 
10
10
  | Component | Surface | Maturity | Renderer package | Export | Claimed scenarios | Missing required scenarios | Executable proofs |
11
11
  | --- | --- | --- | --- | --- | --- | --- | --- |
@@ -114,6 +114,28 @@ This projection joins the canonical surface maturity manifest with first-party r
114
114
  | DesignSystemProvider | web | stable | @hjmds/react | ./provider | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#design-system-provider, test/scenario-matrix.browser.test.tsx#design-system-provider |
115
115
  | SkipNav | web | stable | @hjmds/react | ./skip-nav | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#skip-nav, test/scenario-matrix.browser.test.tsx#skip-nav, test/skip-nav.browser.test.tsx#skip-nav |
116
116
  | VisuallyHidden | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#visually-hidden, test/scenario-matrix.browser.test.tsx#visually-hidden |
117
+ | ScreenLayout | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#screen-layout, test/scenario-matrix.browser.test.tsx#screen-layout |
118
+ | CompositionLayout | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#composition-layout, test/scenario-matrix.browser.test.tsx#composition-layout |
119
+ | SettingsScreen | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#settings-screen, test/scenario-matrix.browser.test.tsx#settings-screen |
120
+ | SearchScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#search-screen, test/scenario-matrix.browser.test.tsx#search-screen |
121
+ | EditorScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#editor-screen, test/scenario-matrix.browser.test.tsx#editor-screen |
122
+ | PermissionScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#permission-screen, test/scenario-matrix.browser.test.tsx#permission-screen |
123
+ | OnboardingScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#onboarding-screen, test/scenario-matrix.browser.test.tsx#onboarding-screen |
124
+ | ModerationScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#moderation-screen, test/scenario-matrix.browser.test.tsx#moderation-screen |
125
+ | ChatScreen | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#chat-screen, test/scenario-matrix.browser.test.tsx#chat-screen |
126
+ | NotificationInboxScreen | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#notification-inbox-screen, test/scenario-matrix.browser.test.tsx#notification-inbox-screen |
127
+ | CommentThreadScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#comment-thread-screen, test/scenario-matrix.browser.test.tsx#comment-thread-screen |
128
+ | ListDetailScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#list-detail-screen, test/scenario-matrix.browser.test.tsx#list-detail-screen |
129
+ | MediaSelectionScreen | web | beta | @hjmds/react | ./screen-flows | default, dark, large-text, rtl, reduced-motion, long-copy | accessibility | test/default-render.ssr.test.tsx#media-selection-screen, test/scenario-matrix.browser.test.tsx#media-selection-screen |
130
+ | ProfileScreen | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#profile-screen, test/scenario-matrix.browser.test.tsx#profile-screen |
131
+ | ChatMessage | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#chat-message, test/scenario-matrix.browser.test.tsx#chat-message |
132
+ | NotificationRow | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#notification-row, test/scenario-matrix.browser.test.tsx#notification-row |
133
+ | NotificationItem | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#notification-item, test/scenario-matrix.browser.test.tsx#notification-item |
134
+ | CommentThreadRow | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#comment-thread-row, test/scenario-matrix.browser.test.tsx#comment-thread-row |
135
+ | ProfileSummary | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#profile-summary, test/scenario-matrix.browser.test.tsx#profile-summary |
136
+ | IconTile | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#icon-tile, test/scenario-matrix.browser.test.tsx#icon-tile |
137
+ | MessageComposer | web | beta | @hjmds/react | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#message-composer, test/scenario-matrix.browser.test.tsx#message-composer |
138
+ | PhotoSourceSheet | web | beta | @hjmds/react | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#photo-source-sheet, test/scenario-matrix.browser.test.tsx#photo-source-sheet |
117
139
  | Text | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#text, test/scenario-matrix.test.tsx#text |
118
140
  | Heading | native | stable | @hjmds/react-native | ./heading | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#heading, test/scenario-matrix.test.tsx#heading |
119
141
  | Icon | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#icon, test/scenario-matrix.test.tsx#icon |
@@ -201,3 +223,25 @@ This projection joins the canonical surface maturity manifest with first-party r
201
223
  | AlertDialog | native | stable | @hjmds/react-native | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#alert-dialog, test/scenario-matrix.test.tsx#alert-dialog, test/alert-dialog-actions.test.tsx#alert-dialog |
202
224
  | Sheet | native | stable | @hjmds/react-native | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, native-actions, long-copy | none | test/default-render.test.tsx#sheet, test/scenario-matrix.test.tsx#sheet, test/sheet-viewport.test.tsx#sheet |
203
225
  | DesignSystemProvider | native | stable | @hjmds/react-native | ./provider | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#design-system-provider, test/scenario-matrix.test.tsx#design-system-provider |
226
+ | ScreenLayout | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#screen-layout, test/scenario-matrix.test.tsx#screen-layout |
227
+ | CompositionLayout | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#composition-layout, test/scenario-matrix.test.tsx#composition-layout |
228
+ | SettingsScreen | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#settings-screen, test/scenario-matrix.test.tsx#settings-screen |
229
+ | SearchScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#search-screen, test/scenario-matrix.test.tsx#search-screen |
230
+ | EditorScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#editor-screen, test/scenario-matrix.test.tsx#editor-screen |
231
+ | PermissionScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#permission-screen, test/scenario-matrix.test.tsx#permission-screen |
232
+ | OnboardingScreen | native | beta | @hjmds/react-native | unclaimed | none | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none |
233
+ | ModerationScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#moderation-screen, test/scenario-matrix.test.tsx#moderation-screen |
234
+ | ChatScreen | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#chat-screen, test/scenario-matrix.test.tsx#chat-screen |
235
+ | NotificationInboxScreen | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#notification-inbox-screen, test/scenario-matrix.test.tsx#notification-inbox-screen |
236
+ | CommentThreadScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#comment-thread-screen, test/scenario-matrix.test.tsx#comment-thread-screen |
237
+ | ListDetailScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#list-detail-screen, test/scenario-matrix.test.tsx#list-detail-screen |
238
+ | MediaSelectionScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#media-selection-screen, test/scenario-matrix.test.tsx#media-selection-screen |
239
+ | ProfileScreen | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#profile-screen, test/scenario-matrix.test.tsx#profile-screen |
240
+ | ChatMessage | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#chat-message, test/scenario-matrix.test.tsx#chat-message |
241
+ | NotificationRow | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#notification-row, test/scenario-matrix.test.tsx#notification-row |
242
+ | NotificationItem | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#notification-item, test/scenario-matrix.test.tsx#notification-item |
243
+ | CommentThreadRow | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#comment-thread-row, test/scenario-matrix.test.tsx#comment-thread-row |
244
+ | ProfileSummary | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#profile-summary, test/scenario-matrix.test.tsx#profile-summary |
245
+ | IconTile | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#icon-tile, test/scenario-matrix.test.tsx#icon-tile |
246
+ | MessageComposer | native | beta | @hjmds/react-native | ./screens | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#message-composer, test/scenario-matrix.test.tsx#message-composer |
247
+ | PhotoSourceSheet | native | beta | @hjmds/react-native | ./screen-flows | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#photo-source-sheet, test/scenario-matrix.test.tsx#photo-source-sheet |