@hjmds/design-contracts 1.3.5 → 1.5.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.
- package/dist/catalog.d.ts +44 -47
- package/dist/catalog.d.ts.map +1 -1
- package/dist/catalog.js +13 -13
- package/dist/catalog.js.map +1 -1
- package/dist/colors.js +1 -1
- package/dist/colors.js.map +1 -1
- package/dist/component-recipes.d.ts +6 -0
- package/dist/component-recipes.d.ts.map +1 -1
- package/dist/component-recipes.js +6 -0
- package/dist/component-recipes.js.map +1 -1
- package/dist/design-system-provider.d.ts +4 -3
- package/dist/design-system-provider.d.ts.map +1 -1
- package/dist/design-system-provider.js +4 -3
- package/dist/design-system-provider.js.map +1 -1
- package/dist/palette-contrast.d.ts +19 -0
- package/dist/palette-contrast.d.ts.map +1 -0
- package/dist/palette-contrast.js +46 -0
- package/dist/palette-contrast.js.map +1 -0
- package/dist/showcase.d.ts.map +1 -1
- package/dist/showcase.js +3 -1
- package/dist/showcase.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/dist/version.js.map +1 -1
- package/docs/brand-boundary.md +89 -0
- package/docs/catalog-freeze.json +120 -0
- package/docs/consumer-policy.md +22 -15
- package/docs/design-system-provider.md +4 -4
- package/docs/generated/component-maturity.md +19 -19
- package/docs/generated/renderer-evidence.json +2275 -1342
- package/docs/generated/renderer-evidence.md +178 -178
- package/docs/generated/showcase-manifest.json +41 -51
- package/docs/product-adoption-1.4.md +48 -0
- package/docs/sheet.md +50 -0
- package/docs/stable-core.md +18 -1
- package/docs/tag.md +7 -8
- package/docs/theme-palette.md +12 -0
- package/docs/theming.md +17 -22
- package/package.json +7 -1
|
@@ -1,186 +1,186 @@
|
|
|
1
1
|
# Renderer evidence coverage
|
|
2
2
|
|
|
3
|
-
> Generated for HJM 1.
|
|
3
|
+
> Generated for HJM 1.5.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: 96/96 active implementations;
|
|
8
|
-
- native: 79/79 active implementations;
|
|
7
|
+
- web: 96/96 active implementations; 24/96 full scenario sets
|
|
8
|
+
- native: 79/79 active implementations; 24/79 full scenario sets
|
|
9
9
|
|
|
10
10
|
| Component | Surface | Maturity | Renderer package | Export | Claimed scenarios | Missing required scenarios | Executable proofs |
|
|
11
11
|
| --- | --- | --- | --- | --- | --- | --- | --- |
|
|
12
|
-
| Text | web |
|
|
13
|
-
| TextFormat | web | beta | @hjmds/react | ./text-formats | default,
|
|
14
|
-
| Heading | web | beta | @hjmds/react | ./heading | default,
|
|
15
|
-
| Icon | web |
|
|
16
|
-
| Surface | web | stable | @hjmds/react | ./layout | default,
|
|
17
|
-
| Divider | web | beta | @hjmds/react | ./display | default,
|
|
18
|
-
| Section | web | beta | @hjmds/react | ./layout | default,
|
|
19
|
-
| Stack | web |
|
|
20
|
-
| Container | web |
|
|
21
|
-
| AspectRatio | web | beta | @hjmds/react | ./layout | default,
|
|
22
|
-
| Grid | web | beta | @hjmds/react | ./layout | default,
|
|
23
|
-
| Layout | web | beta | @hjmds/react | ./layout | default,
|
|
24
|
-
| Top | web | beta | @hjmds/react | ./top | default,
|
|
25
|
-
| Splitter | web | beta | @hjmds/react | ./splitter | default,
|
|
26
|
-
| Button | web | stable | @hjmds/react | ./actions | default,
|
|
27
|
-
| IconButton | web |
|
|
28
|
-
| Link | web | beta | @hjmds/react | ./actions | default,
|
|
29
|
-
| BottomCTA | web | beta | @hjmds/react | ./bottom-cta | default,
|
|
30
|
-
| FloatingActionButton | web | beta | @hjmds/react | ./floating-action-button | default,
|
|
31
|
-
| AuthScreenLayout | web | beta | @hjmds/react | ./auth-screen | default,
|
|
32
|
-
| AuthProviderButton | web | beta | @hjmds/react | ./provider-button | default,
|
|
33
|
-
| Field | web | stable | @hjmds/react | ./forms | default,
|
|
34
|
-
| SearchField | web | beta | @hjmds/react | ./forms | default,
|
|
35
|
-
| TextArea | web | stable | @hjmds/react | ./forms | default,
|
|
36
|
-
| PasswordField | web | beta | @hjmds/react | ./password-field | default,
|
|
37
|
-
| OtpField | web | beta | @hjmds/react | ./otp-field | default,
|
|
38
|
-
| Checkbox | web | beta | @hjmds/react | ./selection | default,
|
|
39
|
-
| Radio | web | beta | @hjmds/react | ./selection | default,
|
|
40
|
-
| CheckboxGroup | web | beta | @hjmds/react | ./selection | default,
|
|
41
|
-
| RadioGroup | web | beta | @hjmds/react | ./selection | default,
|
|
42
|
-
| Switch | web | beta | @hjmds/react | ./selection | default,
|
|
43
|
-
| Chip | web | beta | @hjmds/react | ./selection | default,
|
|
44
|
-
| SegmentedControl | web | beta | @hjmds/react | ./selection | default,
|
|
45
|
-
| ToggleGroup | web | beta | @hjmds/react | ./toggle-group | default,
|
|
46
|
-
| TagsInput | web | beta | @hjmds/react | ./tags-input | default,
|
|
47
|
-
| Slider | web | beta | @hjmds/react | ./slider | default,
|
|
48
|
-
| NumberField | web | beta | @hjmds/react | ./number-field | default,
|
|
49
|
-
| Select | web | beta | @hjmds/react | ./forms | default,
|
|
50
|
-
| Combobox | web | beta | @hjmds/react | ./forms | default,
|
|
51
|
-
| DatePicker | web | beta | @hjmds/react | ./date-picker | default,
|
|
52
|
-
| DateRangePicker | web | beta | @hjmds/react | ./date-range | default,
|
|
53
|
-
| FilePicker | web | beta | @hjmds/react | ./file-picker | default,
|
|
54
|
-
| Form | web | beta | @hjmds/react | ./forms | default,
|
|
55
|
-
| Agreement | web | beta | @hjmds/react | ./agreement | default,
|
|
56
|
-
| Mentions | web | beta | @hjmds/react | ./mentions | default,
|
|
57
|
-
| TransferList | web | beta | @hjmds/react | ./transfer-list | default,
|
|
58
|
-
| UploadItem | web | beta | @hjmds/react | ./upload-item | default,
|
|
59
|
-
| Tabs | web | beta | @hjmds/react | ./navigation | default,
|
|
60
|
-
| TopBar | web | beta | @hjmds/react | ./top-bar | default,
|
|
61
|
-
| Sidebar | web | beta | @hjmds/react | ./sidebar | default,
|
|
62
|
-
| BottomNavigation | web | beta | @hjmds/react | ./navigation | default,
|
|
63
|
-
| Breadcrumb | web | beta | @hjmds/react | ./breadcrumb | default,
|
|
64
|
-
| Pagination | web | beta | @hjmds/react | ./pagination | default,
|
|
65
|
-
| LoadMore | web | beta | @hjmds/react | ./navigation | default,
|
|
66
|
-
| Steps | web | beta | @hjmds/react | ./steps | default,
|
|
67
|
-
| Menubar | web | beta | @hjmds/react | ./menubar | default,
|
|
68
|
-
| ContextMenu | web | beta | @hjmds/react | ./context-menu | default,
|
|
69
|
-
| Menu | web | beta | @hjmds/react | ./overlays | default,
|
|
70
|
-
| Anchor | web | beta | @hjmds/react | ./anchor | default,
|
|
71
|
-
| Avatar | web | beta | @hjmds/react | ./display | default,
|
|
72
|
-
| Asset | web | beta | @hjmds/react | ./asset | default,
|
|
73
|
-
| Badge | web |
|
|
74
|
-
| CounterBadge | web | beta | @hjmds/react | ./display | default,
|
|
75
|
-
| Card | web |
|
|
76
|
-
| List | web | beta | @hjmds/react | ./display | default,
|
|
77
|
-
| ListRow | web | beta | @hjmds/react | ./display | default,
|
|
78
|
-
| Collapsible | web | beta | @hjmds/react | ./collapsible | default,
|
|
79
|
-
| Accordion | web | beta | @hjmds/react | ./display | default,
|
|
80
|
-
| Statistic | web | beta | @hjmds/react | ./display | default,
|
|
81
|
-
| Timeline | web | beta | @hjmds/react | ./display | default,
|
|
82
|
-
| DataTable | web | beta | @hjmds/react | ./data-table | default,
|
|
83
|
-
| Tree | web | beta | @hjmds/react | ./tree | default,
|
|
84
|
-
| Calendar | web | beta | @hjmds/react | ./calendar | default,
|
|
85
|
-
| Carousel | web | beta | @hjmds/react | ./carousel | default,
|
|
86
|
-
| DescriptionList | web | beta | @hjmds/react | ./display | default,
|
|
87
|
-
| Image | web | beta | @hjmds/react | ./display | default,
|
|
88
|
-
| Tag | web |
|
|
89
|
-
| Tour | web | beta | @hjmds/react | ./tour | default,
|
|
90
|
-
| EmptyState | web | beta | @hjmds/react | ./feedback | default,
|
|
91
|
-
| Notice | web |
|
|
92
|
-
| Progress | web |
|
|
93
|
-
| Spinner | web |
|
|
94
|
-
| Skeleton | web |
|
|
95
|
-
| Result | web | beta | @hjmds/react | ./feedback | default,
|
|
96
|
-
| BottomInfo | web | beta | @hjmds/react | ./bottom-info | default,
|
|
97
|
-
| Toast | web | beta | @hjmds/react | ./toast | default,
|
|
98
|
-
| Dialog | web | beta | @hjmds/react | ./overlays | default,
|
|
99
|
-
| AlertDialog | web | beta | @hjmds/react | ./overlays | default,
|
|
100
|
-
| Sheet | web | beta | @hjmds/react | ./overlays | default,
|
|
101
|
-
| SidePanel | web | beta | @hjmds/react | ./side-panel | default,
|
|
102
|
-
| Popover | web | beta | @hjmds/react | ./popover | default,
|
|
103
|
-
| Tooltip | web | beta | @hjmds/react | ./overlays | default,
|
|
104
|
-
| CommandPalette | web | beta | @hjmds/react | ./command-palette | default,
|
|
105
|
-
| DesignSystemProvider | web |
|
|
106
|
-
| SkipNav | web | beta | @hjmds/react | ./skip-nav | default,
|
|
107
|
-
| VisuallyHidden | web | beta | @hjmds/react | ./layout | default,
|
|
108
|
-
| Text | native |
|
|
109
|
-
| Heading | native | beta | @hjmds/react-native | ./heading | default,
|
|
110
|
-
| Icon | native |
|
|
111
|
-
| Surface | native | stable | @hjmds/react-native | ./primitives | default,
|
|
112
|
-
| Divider | native | beta | @hjmds/react-native | ./data-display | default,
|
|
113
|
-
| Section | native | beta | @hjmds/react-native | ./primitives | default,
|
|
114
|
-
| Stack | native |
|
|
115
|
-
| Container | native |
|
|
116
|
-
| AspectRatio | native | beta | @hjmds/react-native | ./primitives | default,
|
|
117
|
-
| Grid | native | beta | @hjmds/react-native | ./primitives | default,
|
|
118
|
-
| Layout | native | beta | @hjmds/react-native | ./primitives | default,
|
|
119
|
-
| Top | native | beta | @hjmds/react-native | ./top | default,
|
|
120
|
-
| Button | native | stable | @hjmds/react-native | ./actions | default,
|
|
121
|
-
| IconButton | native |
|
|
122
|
-
| Link | native | beta | @hjmds/react-native | ./actions | default,
|
|
123
|
-
| BottomCTA | native | beta | @hjmds/react-native | ./actions | default,
|
|
124
|
-
| FloatingActionButton | native | beta | @hjmds/react-native | ./floating-action-button | default,
|
|
125
|
-
| AuthScreenLayout | native | beta | @hjmds/react-native | ./auth-screen | default,
|
|
126
|
-
| AuthProviderButton | native | beta | @hjmds/react-native | ./provider-button | default,
|
|
127
|
-
| Field | native | stable | @hjmds/react-native | ./forms | default,
|
|
128
|
-
| SearchField | native | beta | @hjmds/react-native | ./inputs | default,
|
|
129
|
-
| TextArea | native | stable | @hjmds/react-native | ./inputs | default,
|
|
130
|
-
| PasswordField | native | beta | @hjmds/react-native | ./password-field | default,
|
|
131
|
-
| OtpField | native | beta | @hjmds/react-native | ./otp-field | default,
|
|
132
|
-
| Checkbox | native | beta | @hjmds/react-native | ./inputs | default,
|
|
133
|
-
| Radio | native | beta | @hjmds/react-native | ./inputs | default,
|
|
134
|
-
| CheckboxGroup | native | beta | @hjmds/react-native | ./inputs | default,
|
|
135
|
-
| RadioGroup | native | beta | @hjmds/react-native | ./inputs | default,
|
|
136
|
-
| Switch | native | beta | @hjmds/react-native | ./inputs | default,
|
|
137
|
-
| Chip | native | beta | @hjmds/react-native | ./inputs | default,
|
|
138
|
-
| SegmentedControl | native | beta | @hjmds/react-native | ./inputs | default,
|
|
139
|
-
| ToggleGroup | native | beta | @hjmds/react-native | ./toggle-group | default,
|
|
140
|
-
| TagsInput | native | beta | @hjmds/react-native | ./tags-input | default,
|
|
141
|
-
| Slider | native | beta | @hjmds/react-native | ./slider | default,
|
|
142
|
-
| NumberField | native | beta | @hjmds/react-native | ./number-field | default,
|
|
143
|
-
| Select | native | beta | @hjmds/react-native | ./forms | default,
|
|
144
|
-
| Combobox | native | beta | @hjmds/react-native | ./forms | default,
|
|
145
|
-
| DatePicker | native | beta | @hjmds/react-native | ./date-picker | default,
|
|
146
|
-
| DateRangePicker | native | beta | @hjmds/react-native | ./date-range | default,
|
|
147
|
-
| FilePicker | native | beta | @hjmds/react-native | ./file-picker | default,
|
|
148
|
-
| Form | native | beta | @hjmds/react-native | ./forms | default,
|
|
149
|
-
| Agreement | native | beta | @hjmds/react-native | ./agreement | default,
|
|
150
|
-
| Mentions | native | beta | @hjmds/react-native | ./mentions | default,
|
|
151
|
-
| TransferList | native | beta | @hjmds/react-native | ./transfer-list | default,
|
|
152
|
-
| UploadItem | native | beta | @hjmds/react-native | ./upload-item | default,
|
|
153
|
-
| Tabs | native | beta | @hjmds/react-native | ./navigation | default,
|
|
154
|
-
| TopBar | native | beta | @hjmds/react-native | ./navigation | default,
|
|
155
|
-
| BottomNavigation | native | beta | @hjmds/react-native | ./navigation | default,
|
|
156
|
-
| LoadMore | native | beta | @hjmds/react-native | ./navigation | default,
|
|
157
|
-
| Steps | native | beta | @hjmds/react-native | ./steps | default,
|
|
158
|
-
| Menu | native | beta | @hjmds/react-native | ./navigation | default,
|
|
159
|
-
| Avatar | native | beta | @hjmds/react-native | ./data-display | default,
|
|
160
|
-
| Asset | native | beta | @hjmds/react-native | ./asset | default,
|
|
161
|
-
| Badge | native |
|
|
162
|
-
| CounterBadge | native | beta | @hjmds/react-native | ./data-display | default,
|
|
163
|
-
| Card | native |
|
|
164
|
-
| List | native | beta | @hjmds/react-native | ./data-display | default,
|
|
165
|
-
| ListRow | native | beta | @hjmds/react-native | ./data-display | default,
|
|
166
|
-
| Collapsible | native | beta | @hjmds/react-native | ./collapsible | default,
|
|
167
|
-
| Accordion | native | beta | @hjmds/react-native | ./data-display | default,
|
|
168
|
-
| Statistic | native | beta | @hjmds/react-native | ./data-display | default,
|
|
169
|
-
| Timeline | native | beta | @hjmds/react-native | ./data-display | default,
|
|
170
|
-
| Calendar | native | beta | @hjmds/react-native | ./calendar | default,
|
|
171
|
-
| Carousel | native | beta | @hjmds/react-native | ./carousel | default,
|
|
172
|
-
| DescriptionList | native | beta | @hjmds/react-native | ./data-display | default,
|
|
173
|
-
| Image | native | beta | @hjmds/react-native | ./data-display | default,
|
|
174
|
-
| Tag | native |
|
|
175
|
-
| EmptyState | native | beta | @hjmds/react-native | ./feedback | default,
|
|
176
|
-
| Notice | native |
|
|
177
|
-
| Progress | native |
|
|
178
|
-
| Spinner | native |
|
|
179
|
-
| Skeleton | native |
|
|
180
|
-
| Result | native | beta | @hjmds/react-native | ./feedback | default,
|
|
181
|
-
| BottomInfo | native | beta | @hjmds/react-native | ./bottom-info | default,
|
|
182
|
-
| Toast | native | beta | @hjmds/react-native | ./feedback | default,
|
|
183
|
-
| Dialog | native | beta | @hjmds/react-native | ./overlays | default,
|
|
184
|
-
| AlertDialog | native | beta | @hjmds/react-native | ./overlays | default,
|
|
185
|
-
| Sheet | native | beta | @hjmds/react-native | ./overlays | default,
|
|
186
|
-
| DesignSystemProvider | native |
|
|
12
|
+
| Text | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#text, test/scenario-matrix.browser.test.tsx#text |
|
|
13
|
+
| TextFormat | web | beta | @hjmds/react | ./text-formats | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#text-format, test/scenario-matrix.browser.test.tsx#text-format |
|
|
14
|
+
| Heading | web | beta | @hjmds/react | ./heading | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard | test/default-render.ssr.test.tsx#heading, test/scenario-matrix.browser.test.tsx#heading |
|
|
15
|
+
| Icon | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#icon, test/scenario-matrix.browser.test.tsx#icon |
|
|
16
|
+
| Surface | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#surface, test/scenario-matrix.browser.test.tsx#surface |
|
|
17
|
+
| Divider | web | beta | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#divider, test/scenario-matrix.browser.test.tsx#divider |
|
|
18
|
+
| Section | web | beta | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#section, test/scenario-matrix.browser.test.tsx#section |
|
|
19
|
+
| Stack | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#stack, test/scenario-matrix.browser.test.tsx#stack |
|
|
20
|
+
| Container | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#container, test/scenario-matrix.browser.test.tsx#container |
|
|
21
|
+
| AspectRatio | web | beta | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#aspect-ratio, test/scenario-matrix.browser.test.tsx#aspect-ratio |
|
|
22
|
+
| Grid | web | beta | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, platform-parity | test/default-render.ssr.test.tsx#grid, test/scenario-matrix.browser.test.tsx#grid |
|
|
23
|
+
| Layout | web | beta | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#layout, test/scenario-matrix.browser.test.tsx#layout |
|
|
24
|
+
| Top | web | beta | @hjmds/react | ./top | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard, platform-parity | test/default-render.ssr.test.tsx#top, test/scenario-matrix.browser.test.tsx#top |
|
|
25
|
+
| Splitter | web | beta | @hjmds/react | ./splitter | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#splitter, test/scenario-matrix.browser.test.tsx#splitter |
|
|
26
|
+
| Button | web | stable | @hjmds/react | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#button, test/scenario-matrix.browser.test.tsx#button |
|
|
27
|
+
| IconButton | web | stable | @hjmds/react | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#icon-button, test/scenario-matrix.browser.test.tsx#icon-button |
|
|
28
|
+
| Link | web | beta | @hjmds/react | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard, platform-parity | test/default-render.ssr.test.tsx#link, test/scenario-matrix.browser.test.tsx#link |
|
|
29
|
+
| BottomCTA | web | beta | @hjmds/react | ./bottom-cta | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | platform-parity | test/default-render.ssr.test.tsx#bottom-cta, test/scenario-matrix.browser.test.tsx#bottom-cta |
|
|
30
|
+
| FloatingActionButton | web | beta | @hjmds/react | ./floating-action-button | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#floating-action-button, test/scenario-matrix.browser.test.tsx#floating-action-button |
|
|
31
|
+
| AuthScreenLayout | web | beta | @hjmds/react | ./auth-screen | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#auth-screen, test/scenario-matrix.browser.test.tsx#auth-screen |
|
|
32
|
+
| AuthProviderButton | web | beta | @hjmds/react | ./provider-button | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard, platform-parity | test/default-render.ssr.test.tsx#auth-provider-button, test/scenario-matrix.browser.test.tsx#auth-provider-button |
|
|
33
|
+
| Field | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#field, test/scenario-matrix.browser.test.tsx#field, test/stable-core.browser.test.tsx#field |
|
|
34
|
+
| SearchField | web | beta | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#search-field, test/scenario-matrix.browser.test.tsx#search-field |
|
|
35
|
+
| TextArea | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#text-area, test/scenario-matrix.browser.test.tsx#text-area |
|
|
36
|
+
| PasswordField | web | beta | @hjmds/react | ./password-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard, platform-parity | test/default-render.ssr.test.tsx#password-field, test/scenario-matrix.browser.test.tsx#password-field |
|
|
37
|
+
| OtpField | web | beta | @hjmds/react | ./otp-field | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#otp-field, test/scenario-matrix.browser.test.tsx#otp-field |
|
|
38
|
+
| Checkbox | web | beta | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#checkbox, test/scenario-matrix.browser.test.tsx#checkbox |
|
|
39
|
+
| Radio | web | beta | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#radio, test/scenario-matrix.browser.test.tsx#radio |
|
|
40
|
+
| CheckboxGroup | web | beta | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard | test/default-render.ssr.test.tsx#checkbox-group, test/scenario-matrix.browser.test.tsx#checkbox-group |
|
|
41
|
+
| RadioGroup | web | beta | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard | test/default-render.ssr.test.tsx#radio-group, test/scenario-matrix.browser.test.tsx#radio-group |
|
|
42
|
+
| Switch | web | beta | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#switch, test/scenario-matrix.browser.test.tsx#switch |
|
|
43
|
+
| Chip | web | beta | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard | test/default-render.ssr.test.tsx#chip, test/scenario-matrix.browser.test.tsx#chip |
|
|
44
|
+
| SegmentedControl | web | beta | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard | test/default-render.ssr.test.tsx#segmented-control, test/scenario-matrix.browser.test.tsx#segmented-control |
|
|
45
|
+
| ToggleGroup | web | beta | @hjmds/react | ./toggle-group | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#toggle-group, test/scenario-matrix.browser.test.tsx#toggle-group |
|
|
46
|
+
| TagsInput | web | beta | @hjmds/react | ./tags-input | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#tags-input, test/scenario-matrix.browser.test.tsx#tags-input |
|
|
47
|
+
| Slider | web | beta | @hjmds/react | ./slider | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#slider, test/scenario-matrix.browser.test.tsx#slider |
|
|
48
|
+
| NumberField | web | beta | @hjmds/react | ./number-field | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#number-field, test/scenario-matrix.browser.test.tsx#number-field |
|
|
49
|
+
| Select | web | beta | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#select, test/scenario-matrix.browser.test.tsx#select |
|
|
50
|
+
| Combobox | web | beta | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#combobox, test/scenario-matrix.browser.test.tsx#combobox |
|
|
51
|
+
| DatePicker | web | beta | @hjmds/react | ./date-picker | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#date-picker, test/scenario-matrix.browser.test.tsx#date-picker |
|
|
52
|
+
| DateRangePicker | web | beta | @hjmds/react | ./date-range | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#date-range-picker, test/scenario-matrix.browser.test.tsx#date-range-picker |
|
|
53
|
+
| FilePicker | web | beta | @hjmds/react | ./file-picker | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#file-picker, test/scenario-matrix.browser.test.tsx#file-picker |
|
|
54
|
+
| Form | web | beta | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#form, test/scenario-matrix.browser.test.tsx#form |
|
|
55
|
+
| Agreement | web | beta | @hjmds/react | ./agreement | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#agreement, test/scenario-matrix.browser.test.tsx#agreement |
|
|
56
|
+
| Mentions | web | beta | @hjmds/react | ./mentions | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#mentions, test/scenario-matrix.browser.test.tsx#mentions |
|
|
57
|
+
| TransferList | web | beta | @hjmds/react | ./transfer-list | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#transfer-list, test/scenario-matrix.browser.test.tsx#transfer-list |
|
|
58
|
+
| UploadItem | web | beta | @hjmds/react | ./upload-item | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#upload-item, test/scenario-matrix.browser.test.tsx#upload-item |
|
|
59
|
+
| Tabs | web | beta | @hjmds/react | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#tabs, test/scenario-matrix.browser.test.tsx#tabs |
|
|
60
|
+
| TopBar | web | beta | @hjmds/react | ./top-bar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | platform-parity | test/default-render.ssr.test.tsx#top-bar, test/scenario-matrix.browser.test.tsx#top-bar |
|
|
61
|
+
| Sidebar | web | beta | @hjmds/react | ./sidebar | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#sidebar, test/scenario-matrix.browser.test.tsx#sidebar |
|
|
62
|
+
| BottomNavigation | web | beta | @hjmds/react | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#bottom-navigation, test/scenario-matrix.browser.test.tsx#bottom-navigation |
|
|
63
|
+
| Breadcrumb | web | beta | @hjmds/react | ./breadcrumb | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#breadcrumb, test/scenario-matrix.browser.test.tsx#breadcrumb |
|
|
64
|
+
| Pagination | web | beta | @hjmds/react | ./pagination | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#pagination, test/scenario-matrix.browser.test.tsx#pagination |
|
|
65
|
+
| LoadMore | web | beta | @hjmds/react | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#load-more, test/scenario-matrix.browser.test.tsx#load-more |
|
|
66
|
+
| Steps | web | beta | @hjmds/react | ./steps | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#steps, test/scenario-matrix.browser.test.tsx#steps |
|
|
67
|
+
| Menubar | web | beta | @hjmds/react | ./menubar | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#menubar, test/scenario-matrix.browser.test.tsx#menubar |
|
|
68
|
+
| ContextMenu | web | beta | @hjmds/react | ./context-menu | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#context-menu, test/scenario-matrix.browser.test.tsx#context-menu |
|
|
69
|
+
| Menu | web | beta | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#menu, test/scenario-matrix.browser.test.tsx#menu |
|
|
70
|
+
| Anchor | web | beta | @hjmds/react | ./anchor | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#anchor, test/scenario-matrix.browser.test.tsx#anchor |
|
|
71
|
+
| Avatar | web | beta | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#avatar, test/scenario-matrix.browser.test.tsx#avatar |
|
|
72
|
+
| Asset | web | beta | @hjmds/react | ./asset | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#asset, test/scenario-matrix.browser.test.tsx#asset |
|
|
73
|
+
| Badge | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#badge, test/scenario-matrix.browser.test.tsx#badge |
|
|
74
|
+
| CounterBadge | web | beta | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#counter-badge, test/scenario-matrix.browser.test.tsx#counter-badge |
|
|
75
|
+
| Card | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#card, test/scenario-matrix.browser.test.tsx#card |
|
|
76
|
+
| List | web | beta | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#list, test/scenario-matrix.browser.test.tsx#list |
|
|
77
|
+
| ListRow | web | beta | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#list-row, test/scenario-matrix.browser.test.tsx#list-row |
|
|
78
|
+
| Collapsible | web | beta | @hjmds/react | ./collapsible | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#collapsible, test/scenario-matrix.browser.test.tsx#collapsible |
|
|
79
|
+
| Accordion | web | beta | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#accordion, test/scenario-matrix.browser.test.tsx#accordion |
|
|
80
|
+
| Statistic | web | beta | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#statistic, test/scenario-matrix.browser.test.tsx#statistic |
|
|
81
|
+
| Timeline | web | beta | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#timeline, test/scenario-matrix.browser.test.tsx#timeline |
|
|
82
|
+
| DataTable | web | beta | @hjmds/react | ./data-table | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#data-table, test/scenario-matrix.browser.test.tsx#data-table |
|
|
83
|
+
| Tree | web | beta | @hjmds/react | ./tree | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#tree, test/scenario-matrix.browser.test.tsx#tree |
|
|
84
|
+
| Calendar | web | beta | @hjmds/react | ./calendar | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#calendar, test/scenario-matrix.browser.test.tsx#calendar |
|
|
85
|
+
| Carousel | web | beta | @hjmds/react | ./carousel | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#carousel, test/scenario-matrix.browser.test.tsx#carousel |
|
|
86
|
+
| DescriptionList | web | beta | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#description-list, test/scenario-matrix.browser.test.tsx#description-list |
|
|
87
|
+
| Image | web | beta | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#image, test/scenario-matrix.browser.test.tsx#image |
|
|
88
|
+
| Tag | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#tag, test/scenario-matrix.browser.test.tsx#tag |
|
|
89
|
+
| Tour | web | beta | @hjmds/react | ./tour | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#tour, test/scenario-matrix.browser.test.tsx#tour |
|
|
90
|
+
| EmptyState | web | beta | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#empty-state, test/scenario-matrix.browser.test.tsx#empty-state |
|
|
91
|
+
| Notice | web | stable | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#notice, test/scenario-matrix.browser.test.tsx#notice |
|
|
92
|
+
| Progress | web | stable | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#progress, test/scenario-matrix.browser.test.tsx#progress |
|
|
93
|
+
| Spinner | web | stable | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#spinner, test/scenario-matrix.browser.test.tsx#spinner |
|
|
94
|
+
| Skeleton | web | stable | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#skeleton, test/scenario-matrix.browser.test.tsx#skeleton |
|
|
95
|
+
| Result | web | beta | @hjmds/react | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#result, test/scenario-matrix.browser.test.tsx#result |
|
|
96
|
+
| BottomInfo | web | beta | @hjmds/react | ./bottom-info | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#bottom-info, test/scenario-matrix.browser.test.tsx#bottom-info |
|
|
97
|
+
| Toast | web | beta | @hjmds/react | ./toast | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard, platform-parity | test/default-render.ssr.test.tsx#toast, test/scenario-matrix.browser.test.tsx#toast, test/toast-layout.browser.test.tsx#toast |
|
|
98
|
+
| Dialog | web | beta | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#dialog, test/scenario-matrix.browser.test.tsx#dialog |
|
|
99
|
+
| AlertDialog | web | beta | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#alert-dialog, test/scenario-matrix.browser.test.tsx#alert-dialog |
|
|
100
|
+
| Sheet | web | beta | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.ssr.test.tsx#sheet, test/scenario-matrix.browser.test.tsx#sheet |
|
|
101
|
+
| SidePanel | web | beta | @hjmds/react | ./side-panel | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#side-panel, test/scenario-matrix.browser.test.tsx#side-panel |
|
|
102
|
+
| Popover | web | beta | @hjmds/react | ./popover | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#popover, test/scenario-matrix.browser.test.tsx#popover |
|
|
103
|
+
| Tooltip | web | beta | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#tooltip, test/scenario-matrix.browser.test.tsx#tooltip |
|
|
104
|
+
| CommandPalette | web | beta | @hjmds/react | ./command-palette | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#command-palette, test/scenario-matrix.browser.test.tsx#command-palette |
|
|
105
|
+
| 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 |
|
|
106
|
+
| SkipNav | web | beta | @hjmds/react | ./skip-nav | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.ssr.test.tsx#skip-nav, test/scenario-matrix.browser.test.tsx#skip-nav |
|
|
107
|
+
| VisuallyHidden | web | beta | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.ssr.test.tsx#visually-hidden, test/scenario-matrix.browser.test.tsx#visually-hidden |
|
|
108
|
+
| 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 |
|
|
109
|
+
| Heading | native | beta | @hjmds/react-native | ./heading | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard | test/default-render.test.tsx#heading, test/scenario-matrix.test.tsx#heading |
|
|
110
|
+
| 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 |
|
|
111
|
+
| Surface | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#surface, test/scenario-matrix.test.tsx#surface |
|
|
112
|
+
| Divider | native | beta | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#divider, test/scenario-matrix.test.tsx#divider |
|
|
113
|
+
| Section | native | beta | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#section, test/scenario-matrix.test.tsx#section |
|
|
114
|
+
| Stack | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#stack, test/scenario-matrix.test.tsx#stack |
|
|
115
|
+
| Container | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#container, test/scenario-matrix.test.tsx#container |
|
|
116
|
+
| AspectRatio | native | beta | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#aspect-ratio, test/scenario-matrix.test.tsx#aspect-ratio |
|
|
117
|
+
| Grid | native | beta | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, platform-parity | test/default-render.test.tsx#grid, test/scenario-matrix.test.tsx#grid |
|
|
118
|
+
| Layout | native | beta | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#layout, test/scenario-matrix.test.tsx#layout |
|
|
119
|
+
| Top | native | beta | @hjmds/react-native | ./top | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard, platform-parity | test/default-render.test.tsx#top, test/scenario-matrix.test.tsx#top |
|
|
120
|
+
| Button | native | stable | @hjmds/react-native | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#button, test/scenario-matrix.test.tsx#button |
|
|
121
|
+
| IconButton | native | stable | @hjmds/react-native | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#icon-button, test/scenario-matrix.test.tsx#icon-button |
|
|
122
|
+
| Link | native | beta | @hjmds/react-native | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard, platform-parity | test/default-render.test.tsx#link, test/scenario-matrix.test.tsx#link |
|
|
123
|
+
| BottomCTA | native | beta | @hjmds/react-native | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | platform-parity | test/default-render.test.tsx#bottom-cta, test/scenario-matrix.test.tsx#bottom-cta |
|
|
124
|
+
| FloatingActionButton | native | beta | @hjmds/react-native | ./floating-action-button | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#floating-action-button, test/scenario-matrix.test.tsx#floating-action-button |
|
|
125
|
+
| AuthScreenLayout | native | beta | @hjmds/react-native | ./auth-screen | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#auth-screen, test/scenario-matrix.test.tsx#auth-screen |
|
|
126
|
+
| AuthProviderButton | native | beta | @hjmds/react-native | ./provider-button | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard, platform-parity | test/default-render.test.tsx#auth-provider-button, test/scenario-matrix.test.tsx#auth-provider-button |
|
|
127
|
+
| Field | native | stable | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.test.tsx#field, test/scenario-matrix.test.tsx#field, test/stable-core.test.tsx#field |
|
|
128
|
+
| SearchField | native | beta | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#search-field, test/scenario-matrix.test.tsx#search-field |
|
|
129
|
+
| TextArea | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#text-area, test/scenario-matrix.test.tsx#text-area |
|
|
130
|
+
| PasswordField | native | beta | @hjmds/react-native | ./password-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard, platform-parity | test/default-render.test.tsx#password-field, test/scenario-matrix.test.tsx#password-field |
|
|
131
|
+
| OtpField | native | beta | @hjmds/react-native | ./otp-field | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#otp-field, test/scenario-matrix.test.tsx#otp-field |
|
|
132
|
+
| Checkbox | native | beta | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#checkbox, test/scenario-matrix.test.tsx#checkbox |
|
|
133
|
+
| Radio | native | beta | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#radio, test/scenario-matrix.test.tsx#radio |
|
|
134
|
+
| CheckboxGroup | native | beta | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard | test/default-render.test.tsx#checkbox-group, test/scenario-matrix.test.tsx#checkbox-group |
|
|
135
|
+
| RadioGroup | native | beta | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard | test/default-render.test.tsx#radio-group, test/scenario-matrix.test.tsx#radio-group |
|
|
136
|
+
| Switch | native | beta | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#switch, test/scenario-matrix.test.tsx#switch |
|
|
137
|
+
| Chip | native | beta | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard | test/default-render.test.tsx#chip, test/scenario-matrix.test.tsx#chip |
|
|
138
|
+
| SegmentedControl | native | beta | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard | test/default-render.test.tsx#segmented-control, test/scenario-matrix.test.tsx#segmented-control |
|
|
139
|
+
| ToggleGroup | native | beta | @hjmds/react-native | ./toggle-group | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#toggle-group, test/scenario-matrix.test.tsx#toggle-group |
|
|
140
|
+
| TagsInput | native | beta | @hjmds/react-native | ./tags-input | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#tags-input, test/scenario-matrix.test.tsx#tags-input |
|
|
141
|
+
| Slider | native | beta | @hjmds/react-native | ./slider | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#slider, test/scenario-matrix.test.tsx#slider |
|
|
142
|
+
| NumberField | native | beta | @hjmds/react-native | ./number-field | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#number-field, test/scenario-matrix.test.tsx#number-field |
|
|
143
|
+
| Select | native | beta | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#select, test/scenario-matrix.test.tsx#select |
|
|
144
|
+
| Combobox | native | beta | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#combobox, test/scenario-matrix.test.tsx#combobox |
|
|
145
|
+
| DatePicker | native | beta | @hjmds/react-native | ./date-picker | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#date-picker, test/scenario-matrix.test.tsx#date-picker |
|
|
146
|
+
| DateRangePicker | native | beta | @hjmds/react-native | ./date-range | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#date-range-picker, test/scenario-matrix.test.tsx#date-range-picker |
|
|
147
|
+
| FilePicker | native | beta | @hjmds/react-native | ./file-picker | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#file-picker, test/scenario-matrix.test.tsx#file-picker |
|
|
148
|
+
| Form | native | beta | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#form, test/scenario-matrix.test.tsx#form |
|
|
149
|
+
| Agreement | native | beta | @hjmds/react-native | ./agreement | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#agreement, test/scenario-matrix.test.tsx#agreement |
|
|
150
|
+
| Mentions | native | beta | @hjmds/react-native | ./mentions | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#mentions, test/scenario-matrix.test.tsx#mentions |
|
|
151
|
+
| TransferList | native | beta | @hjmds/react-native | ./transfer-list | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#transfer-list, test/scenario-matrix.test.tsx#transfer-list |
|
|
152
|
+
| UploadItem | native | beta | @hjmds/react-native | ./upload-item | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#upload-item, test/scenario-matrix.test.tsx#upload-item |
|
|
153
|
+
| Tabs | native | beta | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#tabs, test/scenario-matrix.test.tsx#tabs |
|
|
154
|
+
| TopBar | native | beta | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, platform-parity | test/default-render.test.tsx#top-bar, test/scenario-matrix.test.tsx#top-bar |
|
|
155
|
+
| BottomNavigation | native | beta | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#bottom-navigation, test/scenario-matrix.test.tsx#bottom-navigation |
|
|
156
|
+
| LoadMore | native | beta | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#load-more, test/scenario-matrix.test.tsx#load-more |
|
|
157
|
+
| Steps | native | beta | @hjmds/react-native | ./steps | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#steps, test/scenario-matrix.test.tsx#steps |
|
|
158
|
+
| Menu | native | beta | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#menu, test/scenario-matrix.test.tsx#menu |
|
|
159
|
+
| Avatar | native | beta | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#avatar, test/scenario-matrix.test.tsx#avatar |
|
|
160
|
+
| Asset | native | beta | @hjmds/react-native | ./asset | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#asset, test/scenario-matrix.test.tsx#asset |
|
|
161
|
+
| Badge | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#badge, test/scenario-matrix.test.tsx#badge |
|
|
162
|
+
| CounterBadge | native | beta | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#counter-badge, test/scenario-matrix.test.tsx#counter-badge |
|
|
163
|
+
| Card | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#card, test/scenario-matrix.test.tsx#card |
|
|
164
|
+
| List | native | beta | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#list, test/scenario-matrix.test.tsx#list |
|
|
165
|
+
| ListRow | native | beta | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#list-row, test/scenario-matrix.test.tsx#list-row |
|
|
166
|
+
| Collapsible | native | beta | @hjmds/react-native | ./collapsible | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#collapsible, test/scenario-matrix.test.tsx#collapsible |
|
|
167
|
+
| Accordion | native | beta | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#accordion, test/scenario-matrix.test.tsx#accordion |
|
|
168
|
+
| Statistic | native | beta | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#statistic, test/scenario-matrix.test.tsx#statistic |
|
|
169
|
+
| Timeline | native | beta | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#timeline, test/scenario-matrix.test.tsx#timeline |
|
|
170
|
+
| Calendar | native | beta | @hjmds/react-native | ./calendar | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard | test/default-render.test.tsx#calendar, test/scenario-matrix.test.tsx#calendar |
|
|
171
|
+
| Carousel | native | beta | @hjmds/react-native | ./carousel | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#carousel, test/scenario-matrix.test.tsx#carousel |
|
|
172
|
+
| DescriptionList | native | beta | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#description-list, test/scenario-matrix.test.tsx#description-list |
|
|
173
|
+
| Image | native | beta | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy | test/default-render.test.tsx#image, test/scenario-matrix.test.tsx#image |
|
|
174
|
+
| Tag | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#tag, test/scenario-matrix.test.tsx#tag |
|
|
175
|
+
| EmptyState | native | beta | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#empty-state, test/scenario-matrix.test.tsx#empty-state |
|
|
176
|
+
| Notice | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#notice, test/scenario-matrix.test.tsx#notice |
|
|
177
|
+
| Progress | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#progress, test/scenario-matrix.test.tsx#progress |
|
|
178
|
+
| Spinner | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#spinner, test/scenario-matrix.test.tsx#spinner |
|
|
179
|
+
| Skeleton | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#skeleton, test/scenario-matrix.test.tsx#skeleton |
|
|
180
|
+
| Result | native | beta | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#result, test/scenario-matrix.test.tsx#result |
|
|
181
|
+
| BottomInfo | native | beta | @hjmds/react-native | ./bottom-info | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#bottom-info, test/scenario-matrix.test.tsx#bottom-info |
|
|
182
|
+
| Toast | native | beta | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | keyboard, platform-parity | test/default-render.test.tsx#toast, test/scenario-matrix.test.tsx#toast |
|
|
183
|
+
| Dialog | native | beta | @hjmds/react-native | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#dialog, test/scenario-matrix.test.tsx#dialog |
|
|
184
|
+
| AlertDialog | native | beta | @hjmds/react-native | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#alert-dialog, test/scenario-matrix.test.tsx#alert-dialog |
|
|
185
|
+
| Sheet | native | beta | @hjmds/react-native | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion | long-copy, keyboard, platform-parity | test/default-render.test.tsx#sheet, test/scenario-matrix.test.tsx#sheet |
|
|
186
|
+
| 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 |
|