@hjmds/design-contracts 1.6.0 → 1.8.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/THIRD_PARTY_NOTICES.md +58 -0
- package/dist/agreement.d.ts +3 -3
- package/dist/agreement.js +1 -1
- package/dist/agreement.js.map +1 -1
- package/dist/asset.d.ts +1 -1
- package/dist/asset.js +1 -1
- package/dist/asset.js.map +1 -1
- package/dist/base-recipes.d.ts +12 -12
- package/dist/base-recipes.d.ts.map +1 -1
- package/dist/base-recipes.js +15 -14
- package/dist/base-recipes.js.map +1 -1
- package/dist/behaviors.d.ts +1 -1
- package/dist/catalog.d.ts +417 -561
- package/dist/catalog.d.ts.map +1 -1
- package/dist/catalog.js +138 -90
- package/dist/catalog.js.map +1 -1
- package/dist/command-palette.d.ts +3 -3
- package/dist/component-contracts.d.ts +4 -4
- package/dist/component-contracts.d.ts.map +1 -1
- package/dist/component-contracts.js +5 -4
- package/dist/component-contracts.js.map +1 -1
- package/dist/component-definitions.d.ts +1 -4
- package/dist/component-definitions.d.ts.map +1 -1
- package/dist/component-definitions.js +1 -4
- package/dist/component-definitions.js.map +1 -1
- package/dist/component-recipes.d.ts +76 -83
- package/dist/component-recipes.d.ts.map +1 -1
- package/dist/component-recipes.js +29 -49
- package/dist/component-recipes.js.map +1 -1
- package/dist/component-references.d.ts +0 -15
- package/dist/component-references.d.ts.map +1 -1
- package/dist/component-references.js +0 -3
- package/dist/component-references.js.map +1 -1
- package/dist/data-table.d.ts +3 -3
- package/dist/data-table.js +1 -1
- package/dist/data-table.js.map +1 -1
- package/dist/date-picker.d.ts +2 -2
- package/dist/icon-button-recipe.d.ts +2 -2
- package/dist/icon-button-recipe.js +1 -1
- package/dist/icon-button-recipe.js.map +1 -1
- package/dist/image.d.ts +2 -2
- package/dist/image.js +2 -2
- package/dist/image.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/internal/thinking-orb/braid.d.ts +3 -0
- package/dist/internal/thinking-orb/braid.d.ts.map +1 -0
- package/dist/internal/thinking-orb/braid.js +47 -0
- package/dist/internal/thinking-orb/braid.js.map +1 -0
- package/dist/internal/thinking-orb/core.d.ts +60 -0
- package/dist/internal/thinking-orb/core.d.ts.map +1 -0
- package/dist/internal/thinking-orb/core.js +86 -0
- package/dist/internal/thinking-orb/core.js.map +1 -0
- package/dist/internal/thinking-orb/lattice.d.ts +5 -0
- package/dist/internal/thinking-orb/lattice.d.ts.map +1 -0
- package/dist/internal/thinking-orb/lattice.js +187 -0
- package/dist/internal/thinking-orb/lattice.js.map +1 -0
- package/dist/internal/thinking-orb/morph.d.ts +3 -0
- package/dist/internal/thinking-orb/morph.d.ts.map +1 -0
- package/dist/internal/thinking-orb/morph.js +127 -0
- package/dist/internal/thinking-orb/morph.js.map +1 -0
- package/dist/internal/thinking-orb/orbits.d.ts +3 -0
- package/dist/internal/thinking-orb/orbits.d.ts.map +1 -0
- package/dist/internal/thinking-orb/orbits.js +68 -0
- package/dist/internal/thinking-orb/orbits.js.map +1 -0
- package/dist/internal/thinking-orb/presets.d.ts +21 -0
- package/dist/internal/thinking-orb/presets.d.ts.map +1 -0
- package/dist/internal/thinking-orb/presets.js +77 -0
- package/dist/internal/thinking-orb/presets.js.map +1 -0
- package/dist/internal/thinking-orb/profiles.d.ts +8 -0
- package/dist/internal/thinking-orb/profiles.d.ts.map +1 -0
- package/dist/internal/thinking-orb/profiles.js +158 -0
- package/dist/internal/thinking-orb/profiles.js.map +1 -0
- package/dist/internal/thinking-orb/registry.d.ts +9 -0
- package/dist/internal/thinking-orb/registry.d.ts.map +1 -0
- package/dist/internal/thinking-orb/registry.js +27 -0
- package/dist/internal/thinking-orb/registry.js.map +1 -0
- package/dist/internal/thinking-orb/ribbon.d.ts +3 -0
- package/dist/internal/thinking-orb/ribbon.d.ts.map +1 -0
- package/dist/internal/thinking-orb/ribbon.js +87 -0
- package/dist/internal/thinking-orb/ribbon.js.map +1 -0
- package/dist/internal/thinking-orb/types.d.ts +15 -0
- package/dist/internal/thinking-orb/types.d.ts.map +1 -0
- package/dist/internal/thinking-orb/types.js +4 -0
- package/dist/internal/thinking-orb/types.js.map +1 -0
- package/dist/internal/thinking-orb/web.d.ts +3 -0
- package/dist/internal/thinking-orb/web.d.ts.map +1 -0
- package/dist/internal/thinking-orb/web.js +92 -0
- package/dist/internal/thinking-orb/web.js.map +1 -0
- package/dist/masonry.d.ts +17 -0
- package/dist/masonry.d.ts.map +1 -0
- package/dist/masonry.js +18 -0
- package/dist/masonry.js.map +1 -0
- package/dist/menubar.d.ts +3 -3
- package/dist/menubar.js +1 -1
- package/dist/menubar.js.map +1 -1
- package/dist/number-field.d.ts +2 -2
- package/dist/otp-field.d.ts +1 -1
- package/dist/password-field.d.ts +2 -2
- package/dist/popover.d.ts +7 -8
- package/dist/popover.d.ts.map +1 -1
- package/dist/popover.js +2 -0
- package/dist/popover.js.map +1 -1
- package/dist/qr-code-recipe.d.ts +7 -0
- package/dist/qr-code-recipe.d.ts.map +1 -0
- package/dist/qr-code-recipe.js +2 -0
- package/dist/qr-code-recipe.js.map +1 -0
- package/dist/qr-code.d.ts +16 -0
- package/dist/qr-code.d.ts.map +1 -0
- package/dist/qr-code.js +37 -0
- package/dist/qr-code.js.map +1 -0
- package/dist/semantic-colors.d.ts +1 -1
- package/dist/semantic-colors.js +1 -1
- package/dist/semantic-colors.js.map +1 -1
- package/dist/showcase.d.ts +5 -1
- package/dist/showcase.d.ts.map +1 -1
- package/dist/showcase.js +51 -13
- package/dist/showcase.js.map +1 -1
- package/dist/sidebar.d.ts +3 -3
- package/dist/sidebar.js +1 -1
- package/dist/sidebar.js.map +1 -1
- package/dist/tag.d.ts +4 -4
- package/dist/tag.js +3 -3
- package/dist/tag.js.map +1 -1
- package/dist/tags-input.d.ts +3 -3
- package/dist/tags-input.js +1 -1
- package/dist/tags-input.js.map +1 -1
- package/dist/text-formats.d.ts +2 -2
- package/dist/text-formats.js +2 -2
- package/dist/text-formats.js.map +1 -1
- package/dist/thinking-orb-recipe.d.ts +15 -0
- package/dist/thinking-orb-recipe.d.ts.map +1 -0
- package/dist/thinking-orb-recipe.js +9 -0
- package/dist/thinking-orb-recipe.js.map +1 -0
- package/dist/thinking-orb.d.ts +25 -0
- package/dist/thinking-orb.d.ts.map +1 -0
- package/dist/thinking-orb.js +40 -0
- package/dist/thinking-orb.js.map +1 -0
- package/dist/toast-liquid.d.ts +116 -0
- package/dist/toast-liquid.d.ts.map +1 -0
- package/dist/toast-liquid.js +100 -0
- package/dist/toast-liquid.js.map +1 -0
- package/dist/toast.d.ts +7 -1
- package/dist/toast.d.ts.map +1 -1
- package/dist/toast.js +5 -0
- package/dist/toast.js.map +1 -1
- package/dist/toggle-group.d.ts +2 -2
- package/dist/toggle-group.js +3 -3
- package/dist/toggle-group.js.map +1 -1
- package/dist/transfer-list.d.ts +3 -3
- package/dist/transfer-list.js +1 -1
- package/dist/transfer-list.js.map +1 -1
- package/dist/tree.d.ts +2 -2
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/dist/version.js.map +1 -1
- package/dist/virtual-list.d.ts +13 -0
- package/dist/virtual-list.d.ts.map +1 -0
- package/dist/virtual-list.js +13 -0
- package/dist/virtual-list.js.map +1 -0
- package/docs/anchor.md +5 -4
- package/docs/ant-design-coverage.md +2 -2
- package/docs/architecture.md +6 -2
- package/docs/authoring-brief.md +3 -2
- package/docs/bottom-navigation.md +7 -6
- package/docs/breadcrumb.md +5 -2
- package/docs/calendar.md +6 -3
- package/docs/carousel.md +2 -2
- package/docs/cascader.md +6 -0
- package/docs/catalog-cleanup.md +7 -0
- package/docs/catalog-decision-status.md +3 -3
- package/docs/catalog-freeze.json +9 -7
- package/docs/collapsible.md +12 -0
- package/docs/command-palette.md +5 -3
- package/docs/consumer-policy.md +29 -12
- package/docs/context-menu.md +12 -2
- package/docs/data-table.md +11 -6
- package/docs/date-picker.md +6 -4
- package/docs/date-range.md +4 -2
- package/docs/description-list.md +8 -9
- package/docs/dialog.md +39 -0
- package/docs/expansion-roadmap.md +11 -7
- package/docs/file-picker.md +5 -3
- package/docs/form.md +16 -4
- package/docs/generated/component-maturity.md +88 -91
- package/docs/generated/renderer-evidence.json +1848 -1023
- package/docs/generated/renderer-evidence.md +153 -145
- package/docs/generated/showcase-manifest.json +431 -497
- package/docs/layout.md +8 -9
- package/docs/library-gap-analysis.md +1 -1
- package/docs/masonry.md +11 -0
- package/docs/mentions.md +14 -7
- package/docs/optional-adapters.md +106 -0
- package/docs/otp-field.md +2 -1
- package/docs/pagination.md +4 -1
- package/docs/password-field.md +2 -1
- package/docs/popover.md +9 -6
- package/docs/promotion-candidates.md +2 -1
- package/docs/qr-code.md +11 -65
- package/docs/react-native-completion.md +1 -1
- package/docs/result.md +8 -5
- package/docs/screen-chrome.md +2 -1
- package/docs/sheet.md +16 -3
- package/docs/showcase.md +10 -2
- package/docs/side-panel.md +12 -6
- package/docs/sidebar.md +3 -0
- package/docs/splitter.md +6 -6
- package/docs/stable-core.md +72 -0
- package/docs/stable-promotion.md +47 -43
- package/docs/tags-input.md +5 -2
- package/docs/theme-palette.md +27 -0
- package/docs/thinking-orb.md +124 -0
- package/docs/timeline.md +2 -3
- package/docs/toast.md +6 -0
- package/docs/tooltip.md +2 -1
- package/docs/tour.md +14 -8
- package/docs/transfer-list.md +24 -21
- package/docs/tree-select.md +2 -1
- package/docs/tree.md +12 -7
- package/docs/upload-item.md +7 -3
- package/docs/virtual-list.md +10 -67
- package/package.json +30 -3
- package/docs/app-provider.md +0 -50
- package/docs/border-beam.md +0 -66
- package/docs/chart.md +0 -33
- package/docs/utility.md +0 -53
|
@@ -1,186 +1,194 @@
|
|
|
1
1
|
# Renderer evidence coverage
|
|
2
2
|
|
|
3
|
-
> Generated for HJM 1.
|
|
3
|
+
> Generated for HJM 1.8.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:
|
|
8
|
-
- native:
|
|
7
|
+
- web: 100/100 active implementations; 100/100 required scenario sets
|
|
8
|
+
- native: 83/83 active implementations; 83/83 required scenario sets
|
|
9
9
|
|
|
10
10
|
| Component | Surface | Maturity | Renderer package | Export | Claimed scenarios | Missing required scenarios | Executable proofs |
|
|
11
11
|
| --- | --- | --- | --- | --- | --- | --- | --- |
|
|
12
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 |
|
|
14
|
-
| Heading | web |
|
|
13
|
+
| TextFormat | web | stable | @hjmds/react | ./text-formats | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#text-format, test/scenario-matrix.browser.test.tsx#text-format |
|
|
14
|
+
| Heading | web | stable | @hjmds/react | ./heading | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#heading, test/scenario-matrix.browser.test.tsx#heading |
|
|
15
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
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 |
|
|
18
|
-
| Section | web |
|
|
17
|
+
| Divider | web | stable | @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 | stable | @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
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
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 |
|
|
22
|
-
| Grid | web |
|
|
23
|
-
| Layout | web |
|
|
24
|
-
| Top | web |
|
|
25
|
-
|
|
|
21
|
+
| AspectRatio | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#aspect-ratio, test/scenario-matrix.browser.test.tsx#aspect-ratio |
|
|
22
|
+
| Grid | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#grid, test/scenario-matrix.browser.test.tsx#grid |
|
|
23
|
+
| Layout | web | stable | @hjmds/react | ./layout | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#layout, test/scenario-matrix.browser.test.tsx#layout, test/stable-core.browser.test.tsx#layout |
|
|
24
|
+
| Top | web | stable | @hjmds/react | ./top | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#top, test/scenario-matrix.browser.test.tsx#top |
|
|
25
|
+
| Masonry | web | stable | @hjmds/react | ./masonry | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#masonry, test/scenario-matrix.browser.test.tsx#masonry |
|
|
26
|
+
| Splitter | web | stable | @hjmds/react | ./splitter | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#splitter, test/scenario-matrix.browser.test.tsx#splitter, test/splitter.browser.test.tsx#splitter |
|
|
26
27
|
| 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
28
|
| 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 |
|
|
29
|
-
| BottomCTA | web |
|
|
30
|
-
| FloatingActionButton | web |
|
|
31
|
-
| AuthScreenLayout | web |
|
|
32
|
-
| AuthProviderButton | web |
|
|
29
|
+
| Link | web | stable | @hjmds/react | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#link, test/scenario-matrix.browser.test.tsx#link, test/stable-core.browser.test.tsx#link |
|
|
30
|
+
| BottomCTA | web | stable | @hjmds/react | ./bottom-cta | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#bottom-cta, test/scenario-matrix.browser.test.tsx#bottom-cta |
|
|
31
|
+
| FloatingActionButton | web | stable | @hjmds/react | ./floating-action-button | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#floating-action-button, test/scenario-matrix.browser.test.tsx#floating-action-button, test/stable-core.browser.test.tsx#floating-action-button |
|
|
32
|
+
| AuthScreenLayout | web | stable | @hjmds/react | ./auth-screen | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#auth-screen, test/scenario-matrix.browser.test.tsx#auth-screen |
|
|
33
|
+
| AuthProviderButton | web | stable | @hjmds/react | ./provider-button | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#auth-provider-button, test/scenario-matrix.browser.test.tsx#auth-provider-button, test/stable-core.browser.test.tsx#auth-provider-button |
|
|
33
34
|
| 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 |
|
|
35
|
+
| SearchField | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#search-field, test/scenario-matrix.browser.test.tsx#search-field, test/stable-core.browser.test.tsx#search-field |
|
|
35
36
|
| 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 |
|
|
37
|
-
| OtpField | web |
|
|
38
|
-
| Checkbox | web |
|
|
39
|
-
| Radio | web |
|
|
40
|
-
| CheckboxGroup | web |
|
|
41
|
-
| RadioGroup | web |
|
|
42
|
-
| Switch | web |
|
|
43
|
-
| Chip | web |
|
|
44
|
-
| SegmentedControl | web |
|
|
45
|
-
| ToggleGroup | web |
|
|
46
|
-
| TagsInput | web |
|
|
47
|
-
| Slider | web |
|
|
48
|
-
| NumberField | web |
|
|
49
|
-
| Select | web |
|
|
50
|
-
| Combobox | web |
|
|
51
|
-
| DatePicker | web |
|
|
52
|
-
| DateRangePicker | web |
|
|
53
|
-
| FilePicker | web |
|
|
54
|
-
| Form | web |
|
|
55
|
-
| Agreement | web |
|
|
56
|
-
| Mentions | web |
|
|
57
|
-
| TransferList | web |
|
|
58
|
-
| UploadItem | web |
|
|
59
|
-
| Tabs | web |
|
|
60
|
-
| TopBar | web |
|
|
61
|
-
| Sidebar | web |
|
|
62
|
-
| BottomNavigation | web |
|
|
63
|
-
| Breadcrumb | web |
|
|
64
|
-
| Pagination | web |
|
|
65
|
-
| LoadMore | web |
|
|
66
|
-
| Steps | web |
|
|
67
|
-
| Menubar | web |
|
|
68
|
-
| ContextMenu | web |
|
|
69
|
-
| Menu | web |
|
|
70
|
-
| Anchor | web |
|
|
71
|
-
| Avatar | web |
|
|
72
|
-
| Asset | web |
|
|
37
|
+
| PasswordField | web | stable | @hjmds/react | ./password-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#password-field, test/scenario-matrix.browser.test.tsx#password-field, test/stable-core.browser.test.tsx#password-field |
|
|
38
|
+
| OtpField | web | stable | @hjmds/react | ./otp-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#otp-field, test/scenario-matrix.browser.test.tsx#otp-field, test/stable-core.browser.test.tsx#otp-field |
|
|
39
|
+
| Checkbox | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#checkbox, test/scenario-matrix.browser.test.tsx#checkbox, test/stable-core.browser.test.tsx#checkbox |
|
|
40
|
+
| Radio | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#radio, test/scenario-matrix.browser.test.tsx#radio |
|
|
41
|
+
| CheckboxGroup | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#checkbox-group, test/scenario-matrix.browser.test.tsx#checkbox-group, test/stable-core.browser.test.tsx#checkbox-group |
|
|
42
|
+
| RadioGroup | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#radio-group, test/scenario-matrix.browser.test.tsx#radio-group, test/stable-core.browser.test.tsx#radio-group |
|
|
43
|
+
| Switch | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#switch, test/scenario-matrix.browser.test.tsx#switch, test/stable-core.browser.test.tsx#switch |
|
|
44
|
+
| Chip | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#chip, test/scenario-matrix.browser.test.tsx#chip, test/stable-core.browser.test.tsx#chip |
|
|
45
|
+
| SegmentedControl | web | stable | @hjmds/react | ./selection | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#segmented-control, test/scenario-matrix.browser.test.tsx#segmented-control, test/stable-core.browser.test.tsx#segmented-control |
|
|
46
|
+
| ToggleGroup | web | stable | @hjmds/react | ./toggle-group | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#toggle-group, test/scenario-matrix.browser.test.tsx#toggle-group, test/stable-core.browser.test.tsx#toggle-group |
|
|
47
|
+
| TagsInput | web | stable | @hjmds/react | ./tags-input | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#tags-input, test/scenario-matrix.browser.test.tsx#tags-input, test/stable-core.browser.test.tsx#tags-input |
|
|
48
|
+
| Slider | web | stable | @hjmds/react | ./slider | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#slider, test/scenario-matrix.browser.test.tsx#slider, test/stable-core.browser.test.tsx#slider |
|
|
49
|
+
| NumberField | web | stable | @hjmds/react | ./number-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#number-field, test/scenario-matrix.browser.test.tsx#number-field, test/stable-core.browser.test.tsx#number-field |
|
|
50
|
+
| Select | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#select, test/scenario-matrix.browser.test.tsx#select, test/stable-core.browser.test.tsx#select |
|
|
51
|
+
| Combobox | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#combobox, test/scenario-matrix.browser.test.tsx#combobox, test/stable-core.browser.test.tsx#combobox |
|
|
52
|
+
| DatePicker | web | stable | @hjmds/react | ./date-picker | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#date-picker, test/scenario-matrix.browser.test.tsx#date-picker, test/stable-core.browser.test.tsx#date-picker |
|
|
53
|
+
| DateRangePicker | web | stable | @hjmds/react | ./date-range | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard | none | test/default-render.ssr.test.tsx#date-range-picker, test/scenario-matrix.browser.test.tsx#date-range-picker, test/date-range.keyboard.browser.test.tsx#date-range-picker |
|
|
54
|
+
| FilePicker | web | stable | @hjmds/react | ./file-picker | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#file-picker, test/scenario-matrix.browser.test.tsx#file-picker, test/file-picker.keyboard.browser.test.tsx#file-picker |
|
|
55
|
+
| Form | web | stable | @hjmds/react | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard | none | test/default-render.ssr.test.tsx#form, test/scenario-matrix.browser.test.tsx#form, test/form.keyboard.browser.test.tsx#form |
|
|
56
|
+
| Agreement | web | stable | @hjmds/react | ./agreement | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#agreement, test/scenario-matrix.browser.test.tsx#agreement, test/agreement.keyboard.browser.test.tsx#agreement |
|
|
57
|
+
| Mentions | web | stable | @hjmds/react | ./mentions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#mentions, test/scenario-matrix.browser.test.tsx#mentions, test/mentions.browser.test.tsx#mentions |
|
|
58
|
+
| TransferList | web | stable | @hjmds/react | ./transfer-list | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#transfer-list, test/scenario-matrix.browser.test.tsx#transfer-list, test/transfer-list.browser.test.tsx#transfer-list |
|
|
59
|
+
| UploadItem | web | stable | @hjmds/react | ./upload-item | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#upload-item, test/scenario-matrix.browser.test.tsx#upload-item, test/upload-item.browser.test.tsx#upload-item |
|
|
60
|
+
| Tabs | web | stable | @hjmds/react | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#tabs, test/scenario-matrix.browser.test.tsx#tabs, test/tabs.keyboard.browser.test.tsx#tabs |
|
|
61
|
+
| TopBar | web | stable | @hjmds/react | ./top-bar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#top-bar, test/scenario-matrix.browser.test.tsx#top-bar |
|
|
62
|
+
| Sidebar | web | stable | @hjmds/react | ./sidebar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#sidebar, test/scenario-matrix.browser.test.tsx#sidebar, test/sidebar.browser.test.tsx#sidebar |
|
|
63
|
+
| BottomNavigation | web | stable | @hjmds/react | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#bottom-navigation, test/scenario-matrix.browser.test.tsx#bottom-navigation, test/bottom-navigation.keyboard.browser.test.tsx#bottom-navigation |
|
|
64
|
+
| Breadcrumb | web | stable | @hjmds/react | ./breadcrumb | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#breadcrumb, test/scenario-matrix.browser.test.tsx#breadcrumb, test/page-navigation.browser.test.tsx#breadcrumb |
|
|
65
|
+
| Pagination | web | stable | @hjmds/react | ./pagination | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard | none | test/default-render.ssr.test.tsx#pagination, test/scenario-matrix.browser.test.tsx#pagination, test/pagination.keyboard.browser.test.tsx#pagination |
|
|
66
|
+
| LoadMore | web | stable | @hjmds/react | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#load-more, test/scenario-matrix.browser.test.tsx#load-more, test/load-more.interactions.browser.test.tsx#load-more |
|
|
67
|
+
| Steps | web | stable | @hjmds/react | ./steps | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#steps, test/scenario-matrix.browser.test.tsx#steps |
|
|
68
|
+
| Menubar | web | stable | @hjmds/react | ./menubar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#menubar, test/scenario-matrix.browser.test.tsx#menubar, test/menubar.keyboard.browser.test.tsx#menubar |
|
|
69
|
+
| ContextMenu | web | stable | @hjmds/react | ./context-menu | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#context-menu, test/scenario-matrix.browser.test.tsx#context-menu, test/context-menu.interactions.browser.test.tsx#context-menu |
|
|
70
|
+
| Menu | web | stable | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#menu, test/scenario-matrix.browser.test.tsx#menu, test/menu.keyboard.browser.test.tsx#menu |
|
|
71
|
+
| Anchor | web | stable | @hjmds/react | ./anchor | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#anchor, test/scenario-matrix.browser.test.tsx#anchor, test/anchor.browser.test.tsx#anchor |
|
|
72
|
+
| Avatar | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#avatar, test/scenario-matrix.browser.test.tsx#avatar |
|
|
73
|
+
| Asset | web | stable | @hjmds/react | ./asset | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#asset, test/scenario-matrix.browser.test.tsx#asset |
|
|
73
74
|
| 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 |
|
|
75
|
+
| CounterBadge | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#counter-badge, test/scenario-matrix.browser.test.tsx#counter-badge |
|
|
75
76
|
| 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 |
|
|
77
|
-
| ListRow | web |
|
|
78
|
-
|
|
|
79
|
-
|
|
|
80
|
-
|
|
|
81
|
-
|
|
|
82
|
-
|
|
|
83
|
-
|
|
|
84
|
-
|
|
|
85
|
-
|
|
|
86
|
-
|
|
|
87
|
-
|
|
|
77
|
+
| List | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#list, test/scenario-matrix.browser.test.tsx#list |
|
|
78
|
+
| ListRow | web | stable | @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 |
|
|
79
|
+
| VirtualList | web | stable | @hjmds/react | ./virtual-list | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#virtual-list, test/scenario-matrix.browser.test.tsx#virtual-list |
|
|
80
|
+
| Collapsible | web | stable | @hjmds/react | ./collapsible | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#collapsible, test/scenario-matrix.browser.test.tsx#collapsible, test/collapsible.keyboard.browser.test.tsx#collapsible |
|
|
81
|
+
| Accordion | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#accordion, test/scenario-matrix.browser.test.tsx#accordion, test/accordion.keyboard.browser.test.tsx#accordion |
|
|
82
|
+
| Statistic | web | stable | @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 |
|
|
83
|
+
| Timeline | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#timeline, test/scenario-matrix.browser.test.tsx#timeline |
|
|
84
|
+
| DataTable | web | stable | @hjmds/react | ./data-table | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#data-table, test/scenario-matrix.browser.test.tsx#data-table, test/data-table.keyboard.browser.test.tsx#data-table |
|
|
85
|
+
| Tree | web | stable | @hjmds/react | ./tree | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#tree, test/scenario-matrix.browser.test.tsx#tree, test/tree.browser.test.tsx#tree |
|
|
86
|
+
| Calendar | web | stable | @hjmds/react | ./calendar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#calendar, test/scenario-matrix.browser.test.tsx#calendar, test/calendar.browser.test.tsx#calendar |
|
|
87
|
+
| Carousel | web | stable | @hjmds/react | ./carousel | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#carousel, test/scenario-matrix.browser.test.tsx#carousel, test/carousel.browser.test.tsx#carousel |
|
|
88
|
+
| DescriptionList | web | stable | @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 |
|
|
89
|
+
| Image | web | stable | @hjmds/react | ./display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.ssr.test.tsx#image, test/scenario-matrix.browser.test.tsx#image |
|
|
90
|
+
| QRCode | web | stable | @hjmds/react | ./qr-code | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#qr-code, test/scenario-matrix.browser.test.tsx#qr-code |
|
|
88
91
|
| 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 |
|
|
90
|
-
| EmptyState | web |
|
|
92
|
+
| Tour | web | stable | @hjmds/react | ./tour | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#tour, test/scenario-matrix.browser.test.tsx#tour, test/tour.browser.test.tsx#tour |
|
|
93
|
+
| EmptyState | web | stable | @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
94
|
| 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
95
|
| 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 |
|
|
96
|
+
| ThinkingOrb | web | stable | @hjmds/react | ./thinking-orb | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#thinking-orb, test/thinking-orb.browser.test.tsx#thinking-orb |
|
|
93
97
|
| 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
98
|
| 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 |
|
|
96
|
-
| BottomInfo | web |
|
|
97
|
-
| Toast | web |
|
|
98
|
-
| Dialog | web |
|
|
99
|
-
| AlertDialog | web |
|
|
100
|
-
| Sheet | web |
|
|
101
|
-
| SidePanel | web |
|
|
102
|
-
| Popover | web |
|
|
103
|
-
| Tooltip | web |
|
|
104
|
-
| CommandPalette | web |
|
|
99
|
+
| Result | web | stable | @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 |
|
|
100
|
+
| BottomInfo | web | stable | @hjmds/react | ./bottom-info | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.ssr.test.tsx#bottom-info, test/scenario-matrix.browser.test.tsx#bottom-info |
|
|
101
|
+
| Toast | web | stable | @hjmds/react | ./toast | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#toast, test/scenario-matrix.browser.test.tsx#toast, test/stable-core.browser.test.tsx#toast, test/toast-layout.browser.test.tsx#toast |
|
|
102
|
+
| Dialog | web | stable | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#dialog, test/scenario-matrix.browser.test.tsx#dialog, test/advanced.browser.test.tsx#dialog |
|
|
103
|
+
| AlertDialog | web | stable | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#alert-dialog, test/scenario-matrix.browser.test.tsx#alert-dialog, test/alert-dialog.keyboard.browser.test.tsx#alert-dialog |
|
|
104
|
+
| Sheet | web | stable | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#sheet, test/scenario-matrix.browser.test.tsx#sheet, test/sheet-layout.browser.test.tsx#sheet |
|
|
105
|
+
| SidePanel | web | stable | @hjmds/react | ./side-panel | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#side-panel, test/scenario-matrix.browser.test.tsx#side-panel, test/side-panel.browser.test.tsx#side-panel |
|
|
106
|
+
| Popover | web | stable | @hjmds/react | ./popover | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#popover, test/scenario-matrix.browser.test.tsx#popover, test/popover.browser.test.tsx#popover |
|
|
107
|
+
| Tooltip | web | stable | @hjmds/react | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, keyboard | none | test/default-render.ssr.test.tsx#tooltip, test/scenario-matrix.browser.test.tsx#tooltip, test/tooltip.browser.test.tsx#tooltip |
|
|
108
|
+
| CommandPalette | web | stable | @hjmds/react | ./command-palette | default, accessibility, dark, large-text, rtl, reduced-motion, keyboard, long-copy | none | test/default-render.ssr.test.tsx#command-palette, test/scenario-matrix.browser.test.tsx#command-palette, test/command-palette.browser.test.tsx#command-palette |
|
|
105
109
|
| 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 |
|
|
107
|
-
| VisuallyHidden | web |
|
|
110
|
+
| 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 |
|
|
111
|
+
| 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 |
|
|
108
112
|
| 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 |
|
|
113
|
+
| 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 |
|
|
110
114
|
| 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
115
|
| 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 |
|
|
113
|
-
| Section | native |
|
|
116
|
+
| Divider | native | stable | @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 |
|
|
117
|
+
| Section | native | stable | @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
118
|
| 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
119
|
| 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 |
|
|
117
|
-
| Grid | native |
|
|
118
|
-
| Layout | native |
|
|
119
|
-
| Top | native |
|
|
120
|
+
| AspectRatio | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#aspect-ratio, test/scenario-matrix.test.tsx#aspect-ratio |
|
|
121
|
+
| Grid | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#grid, test/scenario-matrix.test.tsx#grid |
|
|
122
|
+
| Layout | native | stable | @hjmds/react-native | ./primitives | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#layout, test/scenario-matrix.test.tsx#layout |
|
|
123
|
+
| Top | native | stable | @hjmds/react-native | ./top | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#top, test/scenario-matrix.test.tsx#top |
|
|
124
|
+
| Masonry | native | stable | @hjmds/react-native | ./masonry | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#masonry, test/scenario-matrix.test.tsx#masonry |
|
|
120
125
|
| 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
126
|
| 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 |
|
|
123
|
-
| BottomCTA | native |
|
|
124
|
-
| FloatingActionButton | native |
|
|
125
|
-
| AuthScreenLayout | native |
|
|
126
|
-
| AuthProviderButton | native |
|
|
127
|
-
| Field | native | stable | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy,
|
|
128
|
-
| SearchField | native |
|
|
127
|
+
| Link | native | stable | @hjmds/react-native | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#link, test/scenario-matrix.test.tsx#link, test/stable-core.test.tsx#link |
|
|
128
|
+
| BottomCTA | native | stable | @hjmds/react-native | ./actions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#bottom-cta, test/scenario-matrix.test.tsx#bottom-cta |
|
|
129
|
+
| FloatingActionButton | native | stable | @hjmds/react-native | ./floating-action-button | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#floating-action-button, test/scenario-matrix.test.tsx#floating-action-button, test/stable-core.test.tsx#floating-action-button |
|
|
130
|
+
| AuthScreenLayout | native | stable | @hjmds/react-native | ./auth-screen | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#auth-screen, test/scenario-matrix.test.tsx#auth-screen |
|
|
131
|
+
| AuthProviderButton | native | stable | @hjmds/react-native | ./provider-button | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#auth-provider-button, test/scenario-matrix.test.tsx#auth-provider-button, test/stable-core.test.tsx#auth-provider-button |
|
|
132
|
+
| Field | native | stable | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#field, test/scenario-matrix.test.tsx#field, test/stable-core.test.tsx#field |
|
|
133
|
+
| SearchField | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#search-field, test/scenario-matrix.test.tsx#search-field, test/stable-core.test.tsx#search-field |
|
|
129
134
|
| 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 |
|
|
131
|
-
| OtpField | native |
|
|
132
|
-
| Checkbox | native |
|
|
133
|
-
| Radio | native |
|
|
134
|
-
| CheckboxGroup | native |
|
|
135
|
-
| RadioGroup | native |
|
|
136
|
-
| Switch | native |
|
|
137
|
-
| Chip | native |
|
|
138
|
-
| SegmentedControl | native |
|
|
139
|
-
| ToggleGroup | native |
|
|
140
|
-
| TagsInput | native |
|
|
141
|
-
| Slider | native |
|
|
142
|
-
| NumberField | native |
|
|
143
|
-
| Select | native |
|
|
144
|
-
| Combobox | native |
|
|
145
|
-
| DatePicker | native |
|
|
146
|
-
| DateRangePicker | native |
|
|
147
|
-
| FilePicker | native |
|
|
148
|
-
| Form | native |
|
|
149
|
-
| Agreement | native |
|
|
150
|
-
| Mentions | native |
|
|
151
|
-
| TransferList | native |
|
|
152
|
-
| UploadItem | native |
|
|
153
|
-
| Tabs | native |
|
|
154
|
-
| TopBar | native |
|
|
155
|
-
| BottomNavigation | native |
|
|
156
|
-
| LoadMore | native |
|
|
157
|
-
| Steps | native |
|
|
158
|
-
| Menu | native |
|
|
159
|
-
| Avatar | native |
|
|
160
|
-
| Asset | native |
|
|
135
|
+
| PasswordField | native | stable | @hjmds/react-native | ./password-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#password-field, test/scenario-matrix.test.tsx#password-field, test/stable-core.test.tsx#password-field |
|
|
136
|
+
| OtpField | native | stable | @hjmds/react-native | ./otp-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#otp-field, test/scenario-matrix.test.tsx#otp-field, test/stable-core.test.tsx#otp-field |
|
|
137
|
+
| Checkbox | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#checkbox, test/scenario-matrix.test.tsx#checkbox, test/stable-core.test.tsx#checkbox |
|
|
138
|
+
| Radio | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#radio, test/scenario-matrix.test.tsx#radio |
|
|
139
|
+
| CheckboxGroup | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#checkbox-group, test/scenario-matrix.test.tsx#checkbox-group, test/stable-core.test.tsx#checkbox-group |
|
|
140
|
+
| RadioGroup | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#radio-group, test/scenario-matrix.test.tsx#radio-group, test/stable-core.test.tsx#radio-group |
|
|
141
|
+
| Switch | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#switch, test/scenario-matrix.test.tsx#switch, test/stable-core.test.tsx#switch |
|
|
142
|
+
| Chip | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#chip, test/scenario-matrix.test.tsx#chip, test/stable-core.test.tsx#chip |
|
|
143
|
+
| SegmentedControl | native | stable | @hjmds/react-native | ./inputs | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#segmented-control, test/scenario-matrix.test.tsx#segmented-control, test/stable-core.test.tsx#segmented-control |
|
|
144
|
+
| ToggleGroup | native | stable | @hjmds/react-native | ./toggle-group | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#toggle-group, test/scenario-matrix.test.tsx#toggle-group, test/stable-core.test.tsx#toggle-group |
|
|
145
|
+
| TagsInput | native | stable | @hjmds/react-native | ./tags-input | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#tags-input, test/scenario-matrix.test.tsx#tags-input, test/stable-core.test.tsx#tags-input |
|
|
146
|
+
| Slider | native | stable | @hjmds/react-native | ./slider | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#slider, test/scenario-matrix.test.tsx#slider, test/stable-core.test.tsx#slider |
|
|
147
|
+
| NumberField | native | stable | @hjmds/react-native | ./number-field | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#number-field, test/scenario-matrix.test.tsx#number-field, test/stable-core.test.tsx#number-field |
|
|
148
|
+
| Select | native | stable | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#select, test/scenario-matrix.test.tsx#select, test/stable-core.test.tsx#select |
|
|
149
|
+
| Combobox | native | stable | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#combobox, test/scenario-matrix.test.tsx#combobox, test/stable-core.test.tsx#combobox |
|
|
150
|
+
| DatePicker | native | stable | @hjmds/react-native | ./date-picker | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#date-picker, test/scenario-matrix.test.tsx#date-picker, test/stable-core.test.tsx#date-picker |
|
|
151
|
+
| DateRangePicker | native | stable | @hjmds/react-native | ./date-range | default, accessibility, dark, large-text, rtl, reduced-motion, native-actions | none | test/default-render.test.tsx#date-range-picker, test/scenario-matrix.test.tsx#date-range-picker, test/date-range-actions.test.tsx#date-range-picker |
|
|
152
|
+
| FilePicker | native | stable | @hjmds/react-native | ./file-picker | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#file-picker, test/scenario-matrix.test.tsx#file-picker, test/file-picker-host-action.test.tsx#file-picker |
|
|
153
|
+
| Form | native | stable | @hjmds/react-native | ./forms | default, accessibility, dark, large-text, rtl, reduced-motion, native-actions | none | test/default-render.test.tsx#form, test/scenario-matrix.test.tsx#form, test/form.interaction.test.tsx#form |
|
|
154
|
+
| Agreement | native | stable | @hjmds/react-native | ./agreement | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#agreement, test/scenario-matrix.test.tsx#agreement, test/agreement.interaction.test.tsx#agreement |
|
|
155
|
+
| Mentions | native | stable | @hjmds/react-native | ./mentions | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#mentions, test/scenario-matrix.test.tsx#mentions, test/mentions-actions.test.tsx#mentions |
|
|
156
|
+
| TransferList | native | stable | @hjmds/react-native | ./transfer-list | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#transfer-list, test/scenario-matrix.test.tsx#transfer-list, test/transfer-list-actions.test.tsx#transfer-list |
|
|
157
|
+
| UploadItem | native | stable | @hjmds/react-native | ./upload-item | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#upload-item, test/scenario-matrix.test.tsx#upload-item, test/upload-item.test.tsx#upload-item |
|
|
158
|
+
| Tabs | native | stable | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#tabs, test/scenario-matrix.test.tsx#tabs, test/tabs-actions.test.tsx#tabs |
|
|
159
|
+
| TopBar | native | stable | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#top-bar, test/scenario-matrix.test.tsx#top-bar |
|
|
160
|
+
| BottomNavigation | native | stable | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#bottom-navigation, test/scenario-matrix.test.tsx#bottom-navigation, test/bottom-navigation.interaction.test.tsx#bottom-navigation |
|
|
161
|
+
| LoadMore | native | stable | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#load-more, test/scenario-matrix.test.tsx#load-more, test/load-more.interactions.test.tsx#load-more |
|
|
162
|
+
| Steps | native | stable | @hjmds/react-native | ./steps | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#steps, test/scenario-matrix.test.tsx#steps |
|
|
163
|
+
| Menu | native | stable | @hjmds/react-native | ./navigation | default, accessibility, dark, large-text, rtl, reduced-motion, native-actions, long-copy | none | test/default-render.test.tsx#menu, test/scenario-matrix.test.tsx#menu, test/menu-actions.test.tsx#menu |
|
|
164
|
+
| Avatar | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#avatar, test/scenario-matrix.test.tsx#avatar |
|
|
165
|
+
| Asset | native | stable | @hjmds/react-native | ./asset | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#asset, test/scenario-matrix.test.tsx#asset |
|
|
161
166
|
| 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 |
|
|
167
|
+
| CounterBadge | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#counter-badge, test/scenario-matrix.test.tsx#counter-badge |
|
|
163
168
|
| 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 |
|
|
165
|
-
| ListRow | native |
|
|
166
|
-
|
|
|
167
|
-
|
|
|
168
|
-
|
|
|
169
|
-
|
|
|
170
|
-
|
|
|
171
|
-
|
|
|
172
|
-
|
|
|
173
|
-
|
|
|
169
|
+
| List | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#list, test/scenario-matrix.test.tsx#list |
|
|
170
|
+
| ListRow | native | stable | @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 |
|
|
171
|
+
| VirtualList | native | stable | @hjmds/react-native | ./virtual-list | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#virtual-list, test/scenario-matrix.test.tsx#virtual-list |
|
|
172
|
+
| Collapsible | native | stable | @hjmds/react-native | ./collapsible | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#collapsible, test/scenario-matrix.test.tsx#collapsible, test/collapsible-actions.test.tsx#collapsible |
|
|
173
|
+
| Accordion | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#accordion, test/scenario-matrix.test.tsx#accordion, test/accordion-actions.test.tsx#accordion |
|
|
174
|
+
| Statistic | native | stable | @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 |
|
|
175
|
+
| Timeline | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#timeline, test/scenario-matrix.test.tsx#timeline |
|
|
176
|
+
| Calendar | native | stable | @hjmds/react-native | ./calendar | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#calendar, test/scenario-matrix.test.tsx#calendar, test/calendar.test.tsx#calendar |
|
|
177
|
+
| Carousel | native | stable | @hjmds/react-native | ./carousel | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#carousel, test/scenario-matrix.test.tsx#carousel, test/carousel.test.tsx#carousel |
|
|
178
|
+
| DescriptionList | native | stable | @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 |
|
|
179
|
+
| Image | native | stable | @hjmds/react-native | ./data-display | default, accessibility, dark, large-text, rtl, reduced-motion | none | test/default-render.test.tsx#image, test/scenario-matrix.test.tsx#image |
|
|
180
|
+
| QRCode | native | stable | @hjmds/react-native | ./qr-code | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#qr-code, test/scenario-matrix.test.tsx#qr-code |
|
|
174
181
|
| 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 |
|
|
182
|
+
| EmptyState | native | stable | @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
183
|
| 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
184
|
| 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 |
|
|
185
|
+
| ThinkingOrb | native | stable | @hjmds/react-native | ./thinking-orb | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#thinking-orb, test/thinking-orb.test.tsx#thinking-orb |
|
|
178
186
|
| 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
187
|
| 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 |
|
|
181
|
-
| BottomInfo | native |
|
|
182
|
-
| Toast | native |
|
|
183
|
-
| Dialog | native |
|
|
184
|
-
| AlertDialog | native |
|
|
185
|
-
| Sheet | native |
|
|
188
|
+
| Result | native | stable | @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 |
|
|
189
|
+
| BottomInfo | native | stable | @hjmds/react-native | ./bottom-info | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy | none | test/default-render.test.tsx#bottom-info, test/scenario-matrix.test.tsx#bottom-info |
|
|
190
|
+
| Toast | native | stable | @hjmds/react-native | ./feedback | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#toast, test/scenario-matrix.test.tsx#toast, test/stable-core.test.tsx#toast |
|
|
191
|
+
| Dialog | native | stable | @hjmds/react-native | ./overlays | default, accessibility, dark, large-text, rtl, reduced-motion, long-copy, native-actions | none | test/default-render.test.tsx#dialog, test/scenario-matrix.test.tsx#dialog, test/dialog-actions.test.tsx#dialog |
|
|
192
|
+
| 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 |
|
|
193
|
+
| 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 |
|
|
186
194
|
| 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 |
|