@krizaka/ui 3.4.0 → 3.6.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/README.md +1 -0
- package/dist/app-shell.d.ts +24 -22
- package/dist/app-shell.js +9 -3
- package/dist/app-shell.js.map +1 -1
- package/dist/argument-card.js +3 -3
- package/dist/chat.d.ts +187 -0
- package/dist/chat.js +132 -0
- package/dist/chat.js.map +1 -0
- package/dist/chunk-3GODX3D6.js +25 -0
- package/dist/chunk-3GODX3D6.js.map +1 -0
- package/dist/chunk-ECSCA3CN.js +128 -0
- package/dist/chunk-ECSCA3CN.js.map +1 -0
- package/dist/chunk-F2GKFIYK.js +47 -0
- package/dist/chunk-F2GKFIYK.js.map +1 -0
- package/dist/{chunk-R6SDS7JM.js → chunk-ND3L5VHT.js} +25 -2
- package/dist/chunk-ND3L5VHT.js.map +1 -0
- package/dist/command.js +1 -1
- package/dist/data-table.js +20 -134
- package/dist/data-table.js.map +1 -1
- package/dist/dialog.js +7 -3
- package/dist/dialog.js.map +1 -1
- package/dist/loader.d.ts +21 -1
- package/dist/loader.js +7 -3
- package/dist/loader.js.map +1 -1
- package/dist/map.js +7 -1
- package/dist/map.js.map +1 -1
- package/dist/marketing-layout.d.ts +3 -9
- package/dist/marketing-layout.js +24 -7
- package/dist/marketing-layout.js.map +1 -1
- package/dist/match-dialog.d.ts +32 -0
- package/dist/match-dialog.js +168 -0
- package/dist/match-dialog.js.map +1 -0
- package/dist/native.d.ts +484 -106
- package/dist/native.js +1967 -1323
- package/dist/native.js.map +1 -1
- package/dist/page-hero.js +3 -3
- package/dist/photo-grid.d.ts +122 -0
- package/dist/photo-grid.js +94 -0
- package/dist/photo-grid.js.map +1 -0
- package/dist/skip-link.d.ts +15 -0
- package/dist/skip-link.js +10 -0
- package/dist/skip-link.js.map +1 -0
- package/dist/step-progress.d.ts +20 -0
- package/dist/step-progress.js +17 -0
- package/dist/step-progress.js.map +1 -0
- package/dist/swipe-deck.d.ts +183 -0
- package/dist/swipe-deck.js +144 -0
- package/dist/swipe-deck.js.map +1 -0
- package/dist/tag-selector.d.ts +26 -0
- package/dist/tag-selector.js +21 -0
- package/dist/tag-selector.js.map +1 -0
- package/dist/tree-view.d.ts +2 -0
- package/dist/tree-view.js.map +1 -1
- package/dist/verified-badge.d.ts +16 -0
- package/dist/verified-badge.js +23 -0
- package/dist/verified-badge.js.map +1 -0
- package/package.json +120 -8
- package/registry/achievement.json +2 -1
- package/registry/action-bar.json +2 -1
- package/registry/action-sheet.json +1 -0
- package/registry/activity-feed.json +2 -1
- package/registry/alert.json +2 -1
- package/registry/app-shell.json +27 -5
- package/registry/argument-card.json +2 -1
- package/registry/audio-player.json +2 -1
- package/registry/auth-layout.json +7 -2
- package/registry/avatar.json +2 -1
- package/registry/badge.json +2 -1
- package/registry/button.json +2 -1
- package/registry/card-grid.json +2 -1
- package/registry/card.json +2 -1
- package/registry/catalogue-page.json +5 -2
- package/registry/changelog-page.json +5 -2
- package/registry/chat.json +918 -0
- package/registry/checkbox.json +2 -1
- package/registry/chip-link.json +2 -1
- package/registry/chip.json +2 -1
- package/registry/choice-grid.json +2 -1
- package/registry/cn.json +1 -0
- package/registry/code-block.json +2 -1
- package/registry/combobox.json +2 -1
- package/registry/command.json +2 -1
- package/registry/component-page.json +5 -2
- package/registry/confirm-button.json +2 -1
- package/registry/contact-page.json +5 -2
- package/registry/continue-prompt.json +2 -1
- package/registry/countdown.json +2 -1
- package/registry/cta-panel.json +2 -1
- package/registry/dashboard-layout.json +5 -2
- package/registry/data-table.json +2 -1
- package/registry/date-picker.json +3 -2
- package/registry/decision-list.json +2 -1
- package/registry/description-list.json +2 -1
- package/registry/detail-layout.json +16 -2
- package/registry/dialog.json +10 -4
- package/registry/docs-article-page.json +16 -2
- package/registry/docs-hub-page.json +5 -2
- package/registry/docs-layout.json +2 -1
- package/registry/dropdown-menu.json +2 -1
- package/registry/empty-state.json +14 -2
- package/registry/error-page.json +5 -2
- package/registry/examples/chat/conversation.d.ts +4 -0
- package/registry/examples/chat/conversation.js +22 -0
- package/registry/examples/chat/conversation.tsx +21 -0
- package/registry/examples/chat/inbox.d.ts +4 -0
- package/registry/examples/chat/inbox.js +15 -0
- package/registry/examples/chat/inbox.tsx +12 -0
- package/registry/examples/chat/native/conversation.d.ts +4 -0
- package/registry/examples/chat/native/conversation.dark.png +0 -0
- package/registry/examples/chat/native/conversation.js +23 -0
- package/registry/examples/chat/native/conversation.light.png +0 -0
- package/registry/examples/chat/native/conversation.tsx +20 -0
- package/registry/examples/chat/native/inbox.d.ts +4 -0
- package/registry/examples/chat/native/inbox.dark.png +0 -0
- package/registry/examples/chat/native/inbox.js +16 -0
- package/registry/examples/chat/native/inbox.light.png +0 -0
- package/registry/examples/chat/native/inbox.tsx +13 -0
- package/registry/examples/detail-layout/checkout.d.ts +4 -0
- package/registry/examples/detail-layout/checkout.js +37 -0
- package/registry/examples/detail-layout/checkout.tsx +44 -0
- package/registry/examples/docs-article-page/faq.d.ts +4 -0
- package/registry/examples/docs-article-page/faq.js +31 -0
- package/registry/examples/docs-article-page/faq.tsx +40 -0
- package/registry/examples/empty-state/library.d.ts +4 -0
- package/registry/examples/empty-state/library.js +25 -0
- package/registry/examples/empty-state/library.tsx +20 -0
- package/registry/examples/loader/branded.d.ts +4 -0
- package/registry/examples/loader/branded.js +12 -0
- package/registry/examples/loader/branded.tsx +7 -0
- package/registry/examples/loader/native/branded.d.ts +4 -0
- package/registry/examples/loader/native/branded.dark.png +0 -0
- package/registry/examples/loader/native/branded.js +12 -0
- package/registry/examples/loader/native/branded.light.png +0 -0
- package/registry/examples/loader/native/branded.tsx +11 -0
- package/registry/examples/longform-page/case-study.d.ts +4 -0
- package/registry/examples/longform-page/case-study.js +41 -0
- package/registry/examples/longform-page/case-study.tsx +40 -0
- package/registry/examples/match-dialog/its-a-match.d.ts +4 -0
- package/registry/examples/match-dialog/its-a-match.js +29 -0
- package/registry/examples/match-dialog/its-a-match.tsx +25 -0
- package/registry/examples/match-dialog/native/its-a-match.d.ts +4 -0
- package/registry/examples/match-dialog/native/its-a-match.dark.png +0 -0
- package/registry/examples/match-dialog/native/its-a-match.js +28 -0
- package/registry/examples/match-dialog/native/its-a-match.light.png +0 -0
- package/registry/examples/match-dialog/native/its-a-match.tsx +22 -0
- package/registry/examples/photo-grid/native/profile-photos.d.ts +4 -0
- package/registry/examples/photo-grid/native/profile-photos.dark.png +0 -0
- package/registry/examples/photo-grid/native/profile-photos.js +27 -0
- package/registry/examples/photo-grid/native/profile-photos.light.png +0 -0
- package/registry/examples/photo-grid/native/profile-photos.tsx +24 -0
- package/registry/examples/photo-grid/profile-photos.d.ts +4 -0
- package/registry/examples/photo-grid/profile-photos.js +28 -0
- package/registry/examples/photo-grid/profile-photos.tsx +25 -0
- package/registry/examples/pull-to-refresh/native/branded.d.ts +4 -0
- package/registry/examples/pull-to-refresh/native/branded.dark.png +0 -0
- package/registry/examples/pull-to-refresh/native/branded.js +14 -0
- package/registry/examples/pull-to-refresh/native/branded.light.png +0 -0
- package/registry/examples/pull-to-refresh/native/branded.tsx +23 -0
- package/registry/examples/screen/native/app-shell.d.ts +4 -0
- package/registry/examples/screen/native/app-shell.dark.png +0 -0
- package/registry/examples/screen/native/app-shell.js +25 -0
- package/registry/examples/screen/native/app-shell.light.png +0 -0
- package/registry/examples/screen/native/app-shell.tsx +33 -0
- package/registry/examples/screen/native/auth.d.ts +4 -0
- package/registry/examples/screen/native/auth.dark.png +0 -0
- package/registry/examples/screen/native/auth.js +24 -0
- package/registry/examples/screen/native/auth.light.png +0 -0
- package/registry/examples/screen/native/auth.tsx +20 -0
- package/registry/examples/screen/native/chat.d.ts +4 -0
- package/registry/examples/screen/native/chat.dark.png +0 -0
- package/registry/examples/screen/native/chat.js +27 -0
- package/registry/examples/screen/native/chat.light.png +0 -0
- package/registry/examples/screen/native/chat.tsx +22 -0
- package/registry/examples/screen/native/feed.d.ts +4 -0
- package/registry/examples/screen/native/feed.dark.png +0 -0
- package/registry/examples/screen/native/feed.js +24 -0
- package/registry/examples/screen/native/feed.light.png +0 -0
- package/registry/examples/screen/native/feed.tsx +34 -0
- package/registry/examples/screen/native/map.d.ts +4 -0
- package/registry/examples/screen/native/map.dark.png +0 -0
- package/registry/examples/screen/native/map.js +26 -0
- package/registry/examples/screen/native/map.light.png +0 -0
- package/registry/examples/screen/native/map.tsx +31 -0
- package/registry/examples/screen/native/notifications.d.ts +4 -0
- package/registry/examples/screen/native/notifications.dark.png +0 -0
- package/registry/examples/screen/native/notifications.js +21 -0
- package/registry/examples/screen/native/notifications.light.png +0 -0
- package/registry/examples/screen/native/notifications.tsx +21 -0
- package/registry/examples/screen/native/profile.d.ts +4 -0
- package/registry/examples/screen/native/profile.dark.png +0 -0
- package/registry/examples/screen/native/profile.js +29 -0
- package/registry/examples/screen/native/profile.light.png +0 -0
- package/registry/examples/screen/native/profile.tsx +27 -0
- package/registry/examples/screen/native/settings.d.ts +4 -0
- package/registry/examples/screen/native/settings.dark.png +0 -0
- package/registry/examples/screen/native/settings.js +20 -0
- package/registry/examples/screen/native/settings.light.png +0 -0
- package/registry/examples/screen/native/settings.tsx +19 -0
- package/registry/examples/skip-link/default.d.ts +4 -0
- package/registry/examples/skip-link/default.js +19 -0
- package/registry/examples/skip-link/default.tsx +12 -0
- package/registry/examples/splash-handoff/native/default.d.ts +4 -0
- package/registry/examples/splash-handoff/native/default.dark.png +0 -0
- package/registry/examples/splash-handoff/native/default.js +12 -0
- package/registry/examples/splash-handoff/native/default.light.png +0 -0
- package/registry/examples/splash-handoff/native/default.tsx +11 -0
- package/registry/examples/split-view/nearby.d.ts +4 -0
- package/registry/examples/split-view/nearby.js +33 -0
- package/registry/examples/split-view/nearby.tsx +45 -0
- package/registry/examples/split-view/notifications.d.ts +4 -0
- package/registry/examples/split-view/notifications.js +33 -0
- package/registry/examples/split-view/notifications.tsx +31 -0
- package/registry/examples/status-page/maintenance.d.ts +4 -0
- package/registry/examples/status-page/maintenance.js +29 -0
- package/registry/examples/status-page/maintenance.tsx +24 -0
- package/registry/examples/step-progress/native/sign-up.d.ts +4 -0
- package/registry/examples/step-progress/native/sign-up.dark.png +0 -0
- package/registry/examples/step-progress/native/sign-up.js +12 -0
- package/registry/examples/step-progress/native/sign-up.light.png +0 -0
- package/registry/examples/step-progress/native/sign-up.tsx +11 -0
- package/registry/examples/step-progress/sign-up.d.ts +4 -0
- package/registry/examples/step-progress/sign-up.js +22 -0
- package/registry/examples/step-progress/sign-up.tsx +16 -0
- package/registry/examples/swipe-deck/discover.d.ts +4 -0
- package/registry/examples/swipe-deck/discover.js +41 -0
- package/registry/examples/swipe-deck/discover.tsx +37 -0
- package/registry/examples/swipe-deck/native/discover.d.ts +4 -0
- package/registry/examples/swipe-deck/native/discover.dark.png +0 -0
- package/registry/examples/swipe-deck/native/discover.js +39 -0
- package/registry/examples/swipe-deck/native/discover.light.png +0 -0
- package/registry/examples/swipe-deck/native/discover.tsx +35 -0
- package/registry/examples/tag-selector/interests.d.ts +4 -0
- package/registry/examples/tag-selector/interests.js +14 -0
- package/registry/examples/tag-selector/interests.tsx +12 -0
- package/registry/examples/tag-selector/native/interests.d.ts +4 -0
- package/registry/examples/tag-selector/native/interests.dark.png +0 -0
- package/registry/examples/tag-selector/native/interests.js +15 -0
- package/registry/examples/tag-selector/native/interests.light.png +0 -0
- package/registry/examples/tag-selector/native/interests.tsx +15 -0
- package/registry/examples/verified-badge/native/verified.d.ts +4 -0
- package/registry/examples/verified-badge/native/verified.dark.png +0 -0
- package/registry/examples/verified-badge/native/verified.js +18 -0
- package/registry/examples/verified-badge/native/verified.light.png +0 -0
- package/registry/examples/verified-badge/native/verified.tsx +15 -0
- package/registry/examples/verified-badge/verified.d.ts +4 -0
- package/registry/examples/verified-badge/verified.js +17 -0
- package/registry/examples/verified-badge/verified.tsx +13 -0
- package/registry/fab.json +1 -0
- package/registry/field.json +2 -1
- package/registry/file-upload.json +3 -2
- package/registry/filter-bar.json +2 -1
- package/registry/form.json +3 -2
- package/registry/gallery-page.json +5 -2
- package/registry/glow-card.json +2 -1
- package/registry/goal-gauge.json +2 -1
- package/registry/header.json +1 -0
- package/registry/how-it-works-page.json +5 -2
- package/registry/image-cropper.json +2 -1
- package/registry/image-viewer.json +1 -0
- package/registry/index.json +608 -19
- package/registry/iso.json +2 -1
- package/registry/kanban.json +2 -1
- package/registry/kbd.json +2 -1
- package/registry/landing-page.json +5 -2
- package/registry/landscape.json +2 -1
- package/registry/legal-page.json +5 -2
- package/registry/link-card.json +2 -1
- package/registry/list.json +2 -1
- package/registry/loader.json +47 -3
- package/registry/longform-page.json +16 -2
- package/registry/map.json +4 -3
- package/registry/marketing-layout.json +13 -4
- package/registry/marquee.json +2 -1
- package/registry/mascot-quote.json +2 -1
- package/registry/mascot-state.json +2 -1
- package/registry/mascots.json +2 -1
- package/registry/match-dialog.json +315 -0
- package/registry/media-capture.json +2 -1
- package/registry/media-picker.json +1 -0
- package/registry/meter.json +2 -1
- package/registry/nav-bar.json +2 -1
- package/registry/number-ticker.json +2 -1
- package/registry/onboarding.json +1 -0
- package/registry/otp-input.json +1 -0
- package/registry/page-header.json +2 -1
- package/registry/page-hero.json +2 -1
- package/registry/page.json +2 -1
- package/registry/pagination.json +2 -1
- package/registry/permission-prompt.json +1 -0
- package/registry/photo-grid.json +303 -0
- package/registry/pointer-light.json +2 -1
- package/registry/popover.json +2 -1
- package/registry/pricing-page.json +5 -2
- package/registry/product-page.json +5 -2
- package/registry/profile-card.json +2 -1
- package/registry/progress.json +2 -1
- package/registry/promise-card.json +2 -1
- package/registry/pull-to-refresh.json +68 -4
- package/registry/radio-group.json +2 -1
- package/registry/screen.json +233 -0
- package/registry/scroll-stage.json +2 -1
- package/registry/search-field.json +2 -1
- package/registry/section-backdrop.json +2 -1
- package/registry/segmented.json +1 -0
- package/registry/separator.json +2 -1
- package/registry/settings-layout.json +5 -2
- package/registry/skeleton.json +2 -1
- package/registry/skip-link.json +122 -0
- package/registry/slider.json +2 -1
- package/registry/slot.json +2 -1
- package/registry/spinner.json +2 -1
- package/registry/splash-handoff.json +138 -0
- package/registry/split-view.json +27 -2
- package/registry/stage-banner.json +2 -1
- package/registry/stat.json +2 -1
- package/registry/status-page.json +18 -2
- package/registry/step-progress.json +256 -0
- package/registry/stepper.json +2 -1
- package/registry/swipe-deck.json +513 -0
- package/registry/swipeable-row.json +1 -0
- package/registry/switch.json +2 -1
- package/registry/tab-bar.json +1 -0
- package/registry/tabs.json +2 -1
- package/registry/tag-input.json +2 -1
- package/registry/tag-selector.json +277 -0
- package/registry/terminal-replay.json +2 -1
- package/registry/theme.json +2 -1
- package/registry/toast.json +2 -1
- package/registry/toc.json +2 -1
- package/registry/tooltip.json +2 -1
- package/registry/tree-view.json +10 -4
- package/registry/txt.json +1 -0
- package/registry/verified-badge.json +203 -0
- package/registry/video-player.json +2 -1
- package/registry/video-trimmer.json +2 -1
- package/registry/virtual.json +2 -1
- package/dist/chunk-R6SDS7JM.js.map +0 -1
package/registry/index.json
CHANGED
|
@@ -1,6 +1,416 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@krizaka/ui",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.0",
|
|
4
|
+
"templatePurposes": {
|
|
5
|
+
"convince": {
|
|
6
|
+
"title": "Convince",
|
|
7
|
+
"useWhen": "You come here when a visitor must decide: a landing, a product, a price, a comparison, a proof."
|
|
8
|
+
},
|
|
9
|
+
"explain": {
|
|
10
|
+
"title": "Explain",
|
|
11
|
+
"useWhen": "You come here when a reader must understand: how it works, a documentation hub or article, a changelog, a FAQ, a policy."
|
|
12
|
+
},
|
|
13
|
+
"show": {
|
|
14
|
+
"title": "Show",
|
|
15
|
+
"useWhen": "You come here when the work itself is the argument: a gallery, a story, a case study, an object and its details."
|
|
16
|
+
},
|
|
17
|
+
"act": {
|
|
18
|
+
"title": "Act",
|
|
19
|
+
"useWhen": "You come here when a person must do something once: reach the team, sign in or up, set up, pay."
|
|
20
|
+
},
|
|
21
|
+
"operate": {
|
|
22
|
+
"title": "Operate",
|
|
23
|
+
"useWhen": "You come here when a person works every day: a dashboard, a console with a table, settings, an app shell."
|
|
24
|
+
},
|
|
25
|
+
"converse": {
|
|
26
|
+
"title": "Converse",
|
|
27
|
+
"useWhen": "You come here when people talk: an inbox, a chat, comments, a notifications centre."
|
|
28
|
+
},
|
|
29
|
+
"recover": {
|
|
30
|
+
"title": "Recover",
|
|
31
|
+
"useWhen": "You come here when the way is blocked: an empty list, an error, a missing page, maintenance, a product still being built."
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"templates": [
|
|
35
|
+
{
|
|
36
|
+
"component": "landing-page",
|
|
37
|
+
"platform": "web",
|
|
38
|
+
"name": "krizaka",
|
|
39
|
+
"title": "Krizaka",
|
|
40
|
+
"description": "The studio's landing: the promise, the console alive, proofs, three products in a bento.",
|
|
41
|
+
"purpose": "convince",
|
|
42
|
+
"why": "A visitor gets the promise in one screen, the product alive, the proofs and one call to act."
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"component": "marketing-layout",
|
|
46
|
+
"platform": "web",
|
|
47
|
+
"name": "pricing",
|
|
48
|
+
"title": "Pricing and credits",
|
|
49
|
+
"description": "Plans side by side, what a credit buys, the credits left.",
|
|
50
|
+
"purpose": "convince",
|
|
51
|
+
"why": "A buyer compares plans and sees what a credit buys before deciding to commit."
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"component": "marketing-layout",
|
|
55
|
+
"platform": "web",
|
|
56
|
+
"name": "product-page",
|
|
57
|
+
"title": "A product page",
|
|
58
|
+
"description": "Orazaka's page: hero with facts, reasons, decisions, the owl's promise, the closing call.",
|
|
59
|
+
"purpose": "convince",
|
|
60
|
+
"why": "A visitor decides whether a product is for them: the promise first, the proof and the call after."
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"component": "pricing-page",
|
|
64
|
+
"platform": "web",
|
|
65
|
+
"name": "credits",
|
|
66
|
+
"title": "Orazaka plans and credits",
|
|
67
|
+
"description": "Three plans, the comparison, credits and two questions.",
|
|
68
|
+
"purpose": "convince",
|
|
69
|
+
"why": "A buyer compares three plans side by side and answers the last objections before choosing."
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"component": "product-page",
|
|
73
|
+
"platform": "web",
|
|
74
|
+
"name": "orazaka",
|
|
75
|
+
"title": "Orazaka",
|
|
76
|
+
"description": "The sovereign AI engine's overview, in its orange.",
|
|
77
|
+
"purpose": "convince",
|
|
78
|
+
"why": "A visitor understands what a product does, the traps it avoids and the decisions behind it, then acts."
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"component": "catalogue-page",
|
|
82
|
+
"platform": "web",
|
|
83
|
+
"name": "components",
|
|
84
|
+
"title": "Components",
|
|
85
|
+
"description": "Krizaka UI's components: search, platform filters, compact link cards.",
|
|
86
|
+
"purpose": "explain",
|
|
87
|
+
"why": "A reader looking for the right piece scans a filterable catalogue instead of reading every page."
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"component": "changelog-page",
|
|
91
|
+
"platform": "web",
|
|
92
|
+
"name": "releases",
|
|
93
|
+
"title": "Krizaka UI releases",
|
|
94
|
+
"description": "Two releases with their changes by kind.",
|
|
95
|
+
"purpose": "explain",
|
|
96
|
+
"why": "A user checks what changed in each release and whether it concerns them."
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"component": "component-page",
|
|
100
|
+
"platform": "web",
|
|
101
|
+
"name": "button",
|
|
102
|
+
"title": "Button",
|
|
103
|
+
"description": "The page of the Button, with its preview and its sections.",
|
|
104
|
+
"purpose": "explain",
|
|
105
|
+
"why": "A builder decides whether a component fits, sees it live and copies it, all on one page."
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"component": "docs-article-page",
|
|
109
|
+
"platform": "web",
|
|
110
|
+
"name": "cli",
|
|
111
|
+
"title": "Orazaka's CLI",
|
|
112
|
+
"description": "An article with its pages, breadcrumb, facts, contents and pager.",
|
|
113
|
+
"purpose": "explain",
|
|
114
|
+
"why": "A reader follows one article, always knowing where they are, what it covers and what comes next."
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"component": "docs-article-page",
|
|
118
|
+
"platform": "web",
|
|
119
|
+
"name": "faq",
|
|
120
|
+
"title": "FAQ",
|
|
121
|
+
"description": "Questions as disclosures, each with a short answer, the contents beside them.",
|
|
122
|
+
"purpose": "explain",
|
|
123
|
+
"why": "A reader finds the one answer they came for without reading a page."
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"component": "docs-hub-page",
|
|
127
|
+
"platform": "web",
|
|
128
|
+
"name": "krizaka",
|
|
129
|
+
"title": "krizaka.com/docs",
|
|
130
|
+
"description": "The five collections, a quick start, the most read pages, what is new.",
|
|
131
|
+
"purpose": "explain",
|
|
132
|
+
"why": "A newcomer picks a collection, starts quickly and sees what is new, from one hub."
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"component": "how-it-works-page",
|
|
136
|
+
"platform": "web",
|
|
137
|
+
"name": "orazaka",
|
|
138
|
+
"title": "Orazaka's journey",
|
|
139
|
+
"description": "Install, guard, answer — each with its command.",
|
|
140
|
+
"purpose": "explain",
|
|
141
|
+
"why": "A reader grasps a process as a few steps, each with the command that does it."
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"component": "legal-page",
|
|
145
|
+
"platform": "web",
|
|
146
|
+
"name": "privacy",
|
|
147
|
+
"title": "Privacy policy",
|
|
148
|
+
"description": "A summary and three sections with their contents.",
|
|
149
|
+
"purpose": "explain",
|
|
150
|
+
"why": "A person finds a commitment in plain words, with a summary first and the detail by section."
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"component": "marketing-layout",
|
|
154
|
+
"platform": "web",
|
|
155
|
+
"name": "docs-hub",
|
|
156
|
+
"title": "A documentation hub",
|
|
157
|
+
"description": "Groups of compact link cards under the hero.",
|
|
158
|
+
"purpose": "explain",
|
|
159
|
+
"why": "A newcomer finds the right documentation from one page of grouped entry points."
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
"component": "detail-layout",
|
|
163
|
+
"platform": "web",
|
|
164
|
+
"name": "video",
|
|
165
|
+
"title": "A video",
|
|
166
|
+
"description": "Orochia's video page: thumbnail, status, facts, tabs and the sales beside.",
|
|
167
|
+
"purpose": "show",
|
|
168
|
+
"why": "A viewer sees the object itself first, with its facts and the actions that concern it beside it."
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"component": "gallery-page",
|
|
172
|
+
"platform": "web",
|
|
173
|
+
"name": "made-here",
|
|
174
|
+
"title": "Made on this Mac",
|
|
175
|
+
"description": "Images Orazaka generated locally, with their prompt and seed.",
|
|
176
|
+
"purpose": "show",
|
|
177
|
+
"why": "A visitor browses real results, each with how it was made."
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"component": "longform-page",
|
|
181
|
+
"platform": "web",
|
|
182
|
+
"name": "case-study",
|
|
183
|
+
"title": "Case study",
|
|
184
|
+
"description": "A customer's situation, what changed and the figures that prove it, in chapters.",
|
|
185
|
+
"purpose": "show",
|
|
186
|
+
"why": "A prospect trusts a result they can read: the before, the change, the proof in numbers."
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"component": "longform-page",
|
|
190
|
+
"platform": "web",
|
|
191
|
+
"name": "story",
|
|
192
|
+
"title": "Our story",
|
|
193
|
+
"description": "Krizaka's story in chapters, a pull quote and the flamingo's rule.",
|
|
194
|
+
"purpose": "show",
|
|
195
|
+
"why": "A reader follows a story in chapters, at their own pace, with a break for the key line."
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"component": "screen",
|
|
199
|
+
"platform": "native",
|
|
200
|
+
"name": "feed",
|
|
201
|
+
"title": "Feed",
|
|
202
|
+
"description": "A large title over a list of cards.",
|
|
203
|
+
"purpose": "show",
|
|
204
|
+
"why": "A person scans what is new, one card per item, and stops where something matters."
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"component": "screen",
|
|
208
|
+
"platform": "native",
|
|
209
|
+
"name": "profile",
|
|
210
|
+
"title": "Profile",
|
|
211
|
+
"description": "The photo and its ring, the facts, the interests.",
|
|
212
|
+
"purpose": "show",
|
|
213
|
+
"why": "A person is recognised at a glance: the photo first, then the facts and interests that start a conversation."
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"component": "auth-layout",
|
|
217
|
+
"platform": "web",
|
|
218
|
+
"name": "onboarding",
|
|
219
|
+
"title": "Onboarding",
|
|
220
|
+
"description": "The steps in words above the current step's form.",
|
|
221
|
+
"purpose": "act",
|
|
222
|
+
"why": "A new person completes a setup one step at a time, knowing how many remain."
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"component": "auth-layout",
|
|
226
|
+
"platform": "web",
|
|
227
|
+
"name": "sign-in",
|
|
228
|
+
"title": "Orochia · sign in",
|
|
229
|
+
"description": "The brand panel with the promise and a creator's words, email and password, a passkey.",
|
|
230
|
+
"purpose": "act",
|
|
231
|
+
"why": "A returning person signs in fast, with the product's promise beside the form."
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"component": "contact-page",
|
|
235
|
+
"platform": "web",
|
|
236
|
+
"name": "team",
|
|
237
|
+
"title": "Talk to the team",
|
|
238
|
+
"description": "Channels, the form and what happens next.",
|
|
239
|
+
"purpose": "act",
|
|
240
|
+
"why": "A visitor reaches a human by the channel they prefer and learns what happens after they write."
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"component": "detail-layout",
|
|
244
|
+
"platform": "web",
|
|
245
|
+
"name": "checkout",
|
|
246
|
+
"title": "Tip checkout",
|
|
247
|
+
"description": "Who is paid, the amount in one tap, an optional word, the total beside the pay button.",
|
|
248
|
+
"purpose": "act",
|
|
249
|
+
"why": "A person pays in a few taps and sees the exact total before committing."
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"component": "screen",
|
|
253
|
+
"platform": "native",
|
|
254
|
+
"name": "auth",
|
|
255
|
+
"title": "Sign in",
|
|
256
|
+
"description": "The mark, two fields, the main action pinned.",
|
|
257
|
+
"purpose": "act",
|
|
258
|
+
"why": "A person signs in with the least typing: the brand, two fields, the main action pinned above the keyboard."
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
"component": "screen",
|
|
262
|
+
"platform": "native",
|
|
263
|
+
"name": "map",
|
|
264
|
+
"title": "Map",
|
|
265
|
+
"description": "The map fills the screen; a marker opens its place in a bottom sheet with the one action.",
|
|
266
|
+
"purpose": "act",
|
|
267
|
+
"why": "A person chooses a place by where it is, with every marker also a named button."
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"component": "split-view",
|
|
271
|
+
"platform": "web",
|
|
272
|
+
"name": "nearby",
|
|
273
|
+
"title": "Find a place nearby",
|
|
274
|
+
"description": "The map is the page; the list beside it says the same in words and moves with it.",
|
|
275
|
+
"purpose": "act",
|
|
276
|
+
"why": "A person picks a place by where it is, with the list as an equal way in."
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"component": "app-shell",
|
|
280
|
+
"platform": "web",
|
|
281
|
+
"name": "admin-console",
|
|
282
|
+
"title": "Administration console",
|
|
283
|
+
"description": "A review queue in a console: sections, counts and a sortable table with bulk actions (cards on a phone).",
|
|
284
|
+
"purpose": "operate",
|
|
285
|
+
"why": "An administrator works a queue: scans it, sorts it and acts on many rows at once."
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"component": "app-shell",
|
|
289
|
+
"platform": "web",
|
|
290
|
+
"name": "orochia-studio",
|
|
291
|
+
"title": "Orochia studio",
|
|
292
|
+
"description": "Elena's home in the creator studio: the shell around this week's figures, the payout, the auction and the sales.",
|
|
293
|
+
"purpose": "operate",
|
|
294
|
+
"why": "A creator moves between the sections of an app and reads this week's figures at home."
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
"component": "dashboard-layout",
|
|
298
|
+
"platform": "web",
|
|
299
|
+
"name": "orazaka-eric",
|
|
300
|
+
"title": "Orazaka · Eric's console",
|
|
301
|
+
"description": "An accountant's on-premise console: requests, latency, credits, running jobs and packs, the period in a chip group.",
|
|
302
|
+
"purpose": "operate",
|
|
303
|
+
"why": "An operator reads the key figures at a glance and acts on what runs, for the period they chose."
|
|
304
|
+
},
|
|
305
|
+
{
|
|
306
|
+
"component": "screen",
|
|
307
|
+
"platform": "native",
|
|
308
|
+
"name": "app-shell",
|
|
309
|
+
"title": "App shell",
|
|
310
|
+
"description": "A header, a section's content, the tab bar.",
|
|
311
|
+
"purpose": "operate",
|
|
312
|
+
"why": "A person moves between the main sections of the app with one thumb, the tab bar always in reach."
|
|
313
|
+
},
|
|
314
|
+
{
|
|
315
|
+
"component": "screen",
|
|
316
|
+
"platform": "native",
|
|
317
|
+
"name": "settings",
|
|
318
|
+
"title": "Settings",
|
|
319
|
+
"description": "Sections of switches that apply at once.",
|
|
320
|
+
"purpose": "operate",
|
|
321
|
+
"why": "A person changes a preference and sees it apply at once, grouped by what it concerns."
|
|
322
|
+
},
|
|
323
|
+
{
|
|
324
|
+
"component": "settings-layout",
|
|
325
|
+
"platform": "web",
|
|
326
|
+
"name": "account",
|
|
327
|
+
"title": "Account settings",
|
|
328
|
+
"description": "Profile and notifications, each with its own save; the sections as chips on a phone.",
|
|
329
|
+
"purpose": "operate",
|
|
330
|
+
"why": "A person changes one setting at a time, saves it at once and knows where each lives."
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"component": "screen",
|
|
334
|
+
"platform": "native",
|
|
335
|
+
"name": "chat",
|
|
336
|
+
"title": "Chat",
|
|
337
|
+
"description": "The person, the messages, the composer.",
|
|
338
|
+
"purpose": "converse",
|
|
339
|
+
"why": "A person reads the thread and answers from the composer, which stays in reach."
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"component": "screen",
|
|
343
|
+
"platform": "native",
|
|
344
|
+
"name": "notifications",
|
|
345
|
+
"title": "Notifications",
|
|
346
|
+
"description": "What happened, newest first and by day, with mark-all-as-read as a button.",
|
|
347
|
+
"purpose": "converse",
|
|
348
|
+
"why": "A person catches up on what happened without hunting for it."
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
"component": "split-view",
|
|
352
|
+
"platform": "web",
|
|
353
|
+
"name": "messages",
|
|
354
|
+
"title": "Messages",
|
|
355
|
+
"description": "A creator's inbox: threads beside the open one, a reply box at its foot.",
|
|
356
|
+
"purpose": "converse",
|
|
357
|
+
"why": "A person reads a thread and replies without leaving the list of conversations."
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"component": "split-view",
|
|
361
|
+
"platform": "web",
|
|
362
|
+
"name": "notifications",
|
|
363
|
+
"title": "Notifications centre",
|
|
364
|
+
"description": "What happened, newest first and grouped by day; the selected one opens beside the list.",
|
|
365
|
+
"purpose": "converse",
|
|
366
|
+
"why": "A person catches up on what happened and acts on one item without losing the list."
|
|
367
|
+
},
|
|
368
|
+
{
|
|
369
|
+
"component": "empty-state",
|
|
370
|
+
"platform": "web",
|
|
371
|
+
"name": "library",
|
|
372
|
+
"title": "An empty page",
|
|
373
|
+
"description": "A page with nothing in it yet: the bird, what will fill it, the first action.",
|
|
374
|
+
"purpose": "recover",
|
|
375
|
+
"why": "A person facing an empty page knows what belongs here and how to start."
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"component": "error-page",
|
|
379
|
+
"platform": "web",
|
|
380
|
+
"name": "not-found",
|
|
381
|
+
"title": "Not found",
|
|
382
|
+
"description": "The pigeon, a search and three ways back.",
|
|
383
|
+
"purpose": "recover",
|
|
384
|
+
"why": "A lost visitor gets back on track with a search and a few ways out, never a dead end."
|
|
385
|
+
},
|
|
386
|
+
{
|
|
387
|
+
"component": "status-page",
|
|
388
|
+
"platform": "web",
|
|
389
|
+
"name": "building",
|
|
390
|
+
"title": "Under construction",
|
|
391
|
+
"description": "Yazakia on its way: progress and how to hear about it.",
|
|
392
|
+
"purpose": "recover",
|
|
393
|
+
"why": "A visitor learns honestly what is coming, how far it is and how to hear about it."
|
|
394
|
+
},
|
|
395
|
+
{
|
|
396
|
+
"component": "status-page",
|
|
397
|
+
"platform": "web",
|
|
398
|
+
"name": "maintenance",
|
|
399
|
+
"title": "Planned maintenance",
|
|
400
|
+
"description": "What is paused until when, and what still works.",
|
|
401
|
+
"purpose": "recover",
|
|
402
|
+
"why": "A person learns what is down, until when, and what they can still do."
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"component": "status-page",
|
|
406
|
+
"platform": "web",
|
|
407
|
+
"name": "operational",
|
|
408
|
+
"title": "Status",
|
|
409
|
+
"description": "Three services, one slower than usual.",
|
|
410
|
+
"purpose": "recover",
|
|
411
|
+
"why": "A person checks in one look whether the service works and which part is slow."
|
|
412
|
+
}
|
|
413
|
+
],
|
|
4
414
|
"items": [
|
|
5
415
|
{
|
|
6
416
|
"name": "achievement",
|
|
@@ -109,7 +519,8 @@
|
|
|
109
519
|
"tailwind-variants@^3.3.1"
|
|
110
520
|
],
|
|
111
521
|
"registryDependencies": [
|
|
112
|
-
"cn"
|
|
522
|
+
"cn",
|
|
523
|
+
"skip-link"
|
|
113
524
|
]
|
|
114
525
|
},
|
|
115
526
|
{
|
|
@@ -305,6 +716,26 @@
|
|
|
305
716
|
"page-hero"
|
|
306
717
|
]
|
|
307
718
|
},
|
|
719
|
+
{
|
|
720
|
+
"name": "chat",
|
|
721
|
+
"type": "primitive",
|
|
722
|
+
"title": "Chat",
|
|
723
|
+
"summary": "A conversation's parts — `MessageBubble` (time, receipt, retry), `TypingIndicator`, `MessageComposer`, `ConversationItem` — the same API on the web and React Native.",
|
|
724
|
+
"description": "A conversation's parts — `MessageBubble` (time, receipt, retry), `TypingIndicator`, `MessageComposer`, `ConversationItem` — the same API on the web and React Native.",
|
|
725
|
+
"status": "beta",
|
|
726
|
+
"category": "data-display",
|
|
727
|
+
"platforms": "both",
|
|
728
|
+
"examples": {
|
|
729
|
+
"web": 2,
|
|
730
|
+
"native": 2
|
|
731
|
+
},
|
|
732
|
+
"dependencies": [
|
|
733
|
+
"tailwind-variants@^3.3.1"
|
|
734
|
+
],
|
|
735
|
+
"registryDependencies": [
|
|
736
|
+
"avatar"
|
|
737
|
+
]
|
|
738
|
+
},
|
|
308
739
|
{
|
|
309
740
|
"name": "checkbox",
|
|
310
741
|
"type": "primitive",
|
|
@@ -636,7 +1067,7 @@
|
|
|
636
1067
|
"native": 7
|
|
637
1068
|
},
|
|
638
1069
|
"dependencies": [
|
|
639
|
-
"@krizaka/intl@^0.
|
|
1070
|
+
"@krizaka/intl@^0.2.0",
|
|
640
1071
|
"tailwind-variants@^3.3.1"
|
|
641
1072
|
],
|
|
642
1073
|
"registryDependencies": [
|
|
@@ -690,7 +1121,7 @@
|
|
|
690
1121
|
"category": "layouts",
|
|
691
1122
|
"platforms": "web",
|
|
692
1123
|
"examples": {
|
|
693
|
-
"web":
|
|
1124
|
+
"web": 3,
|
|
694
1125
|
"native": 0
|
|
695
1126
|
},
|
|
696
1127
|
"dependencies": [
|
|
@@ -729,7 +1160,7 @@
|
|
|
729
1160
|
"category": "templates",
|
|
730
1161
|
"platforms": "web",
|
|
731
1162
|
"examples": {
|
|
732
|
-
"web":
|
|
1163
|
+
"web": 2,
|
|
733
1164
|
"native": 0
|
|
734
1165
|
},
|
|
735
1166
|
"dependencies": [],
|
|
@@ -809,7 +1240,7 @@
|
|
|
809
1240
|
"category": "feedback",
|
|
810
1241
|
"platforms": "both",
|
|
811
1242
|
"examples": {
|
|
812
|
-
"web":
|
|
1243
|
+
"web": 4,
|
|
813
1244
|
"native": 1
|
|
814
1245
|
},
|
|
815
1246
|
"dependencies": [
|
|
@@ -885,7 +1316,7 @@
|
|
|
885
1316
|
"native": 0
|
|
886
1317
|
},
|
|
887
1318
|
"dependencies": [
|
|
888
|
-
"@krizaka/intl@^0.
|
|
1319
|
+
"@krizaka/intl@^0.2.0",
|
|
889
1320
|
"tailwind-variants@^3.3.1"
|
|
890
1321
|
],
|
|
891
1322
|
"registryDependencies": [
|
|
@@ -928,7 +1359,7 @@
|
|
|
928
1359
|
"native": 6
|
|
929
1360
|
},
|
|
930
1361
|
"dependencies": [
|
|
931
|
-
"@krizaka/intl@^0.
|
|
1362
|
+
"@krizaka/intl@^0.2.0",
|
|
932
1363
|
"@tanstack/react-form@1.33.5"
|
|
933
1364
|
],
|
|
934
1365
|
"registryDependencies": [
|
|
@@ -1236,8 +1667,8 @@
|
|
|
1236
1667
|
"category": "feedback",
|
|
1237
1668
|
"platforms": "both",
|
|
1238
1669
|
"examples": {
|
|
1239
|
-
"web":
|
|
1240
|
-
"native":
|
|
1670
|
+
"web": 7,
|
|
1671
|
+
"native": 3
|
|
1241
1672
|
},
|
|
1242
1673
|
"dependencies": [
|
|
1243
1674
|
"tailwind-variants@^3.3.1"
|
|
@@ -1256,7 +1687,7 @@
|
|
|
1256
1687
|
"category": "templates",
|
|
1257
1688
|
"platforms": "web",
|
|
1258
1689
|
"examples": {
|
|
1259
|
-
"web":
|
|
1690
|
+
"web": 2,
|
|
1260
1691
|
"native": 0
|
|
1261
1692
|
},
|
|
1262
1693
|
"dependencies": [],
|
|
@@ -1280,7 +1711,7 @@
|
|
|
1280
1711
|
"native": 2
|
|
1281
1712
|
},
|
|
1282
1713
|
"dependencies": [
|
|
1283
|
-
"@krizaka/tokens@^3.
|
|
1714
|
+
"@krizaka/tokens@^3.6.0",
|
|
1284
1715
|
"@protomaps/basemaps@5.7.2",
|
|
1285
1716
|
"tailwind-variants@^3.3.1"
|
|
1286
1717
|
],
|
|
@@ -1304,7 +1735,9 @@
|
|
|
1304
1735
|
"dependencies": [
|
|
1305
1736
|
"tailwind-variants@^3.3.1"
|
|
1306
1737
|
],
|
|
1307
|
-
"registryDependencies": [
|
|
1738
|
+
"registryDependencies": [
|
|
1739
|
+
"skip-link"
|
|
1740
|
+
]
|
|
1308
1741
|
},
|
|
1309
1742
|
{
|
|
1310
1743
|
"name": "marquee",
|
|
@@ -1379,6 +1812,26 @@
|
|
|
1379
1812
|
"dependencies": [],
|
|
1380
1813
|
"registryDependencies": []
|
|
1381
1814
|
},
|
|
1815
|
+
{
|
|
1816
|
+
"name": "match-dialog",
|
|
1817
|
+
"type": "primitive",
|
|
1818
|
+
"title": "Match dialog",
|
|
1819
|
+
"summary": "The moment two people choose each other — a match, a pair, a deal: the two avatars meet at a heart in the brand gradient, the next step under them.",
|
|
1820
|
+
"description": "The moment two people choose each other — a match, a pair, a deal: the two avatars meet at a heart in the brand gradient, the next step under them.",
|
|
1821
|
+
"status": "beta",
|
|
1822
|
+
"category": "overlays",
|
|
1823
|
+
"platforms": "both",
|
|
1824
|
+
"examples": {
|
|
1825
|
+
"web": 1,
|
|
1826
|
+
"native": 1
|
|
1827
|
+
},
|
|
1828
|
+
"dependencies": [],
|
|
1829
|
+
"registryDependencies": [
|
|
1830
|
+
"avatar",
|
|
1831
|
+
"button",
|
|
1832
|
+
"dialog"
|
|
1833
|
+
]
|
|
1834
|
+
},
|
|
1382
1835
|
{
|
|
1383
1836
|
"name": "media-capture",
|
|
1384
1837
|
"type": "primitive",
|
|
@@ -1591,6 +2044,24 @@
|
|
|
1591
2044
|
"dependencies": [],
|
|
1592
2045
|
"registryDependencies": []
|
|
1593
2046
|
},
|
|
2047
|
+
{
|
|
2048
|
+
"name": "photo-grid",
|
|
2049
|
+
"type": "primitive",
|
|
2050
|
+
"title": "Photo grid",
|
|
2051
|
+
"summary": "A profile's photos in slots: the first is the main one, empty slots invite to add, photos reorder by drag (web), by their menu (React Native) or by buttons — every move announced.",
|
|
2052
|
+
"description": "A profile's photos in slots: the first is the main one, empty slots invite to add, photos reorder by drag (web), by their menu (React Native) or by buttons — every move announced.",
|
|
2053
|
+
"status": "beta",
|
|
2054
|
+
"category": "media",
|
|
2055
|
+
"platforms": "both",
|
|
2056
|
+
"examples": {
|
|
2057
|
+
"web": 1,
|
|
2058
|
+
"native": 1
|
|
2059
|
+
},
|
|
2060
|
+
"dependencies": [
|
|
2061
|
+
"tailwind-variants@^3.3.1"
|
|
2062
|
+
],
|
|
2063
|
+
"registryDependencies": []
|
|
2064
|
+
},
|
|
1594
2065
|
{
|
|
1595
2066
|
"name": "pointer-light",
|
|
1596
2067
|
"type": "primitive",
|
|
@@ -1732,14 +2203,14 @@
|
|
|
1732
2203
|
"name": "pull-to-refresh",
|
|
1733
2204
|
"type": "native",
|
|
1734
2205
|
"title": "Pull to refresh",
|
|
1735
|
-
"summary": "The platform's pull to refresh in the theme's accent, for any ScrollView or FlatList.",
|
|
1736
|
-
"description": "The platform's pull to refresh in the theme's accent, for any ScrollView or FlatList.",
|
|
2206
|
+
"summary": "The platform's pull to refresh in the theme's accent, for any ScrollView or FlatList — or `BrandedRefresh`, where the product's own mark is drawn as you pull and turns while it refreshes.",
|
|
2207
|
+
"description": "The platform's pull to refresh in the theme's accent, for any ScrollView or FlatList — or `BrandedRefresh`, where the product's own mark is drawn as you pull and turns while it refreshes.",
|
|
1737
2208
|
"status": "beta",
|
|
1738
2209
|
"category": "feedback",
|
|
1739
2210
|
"platforms": "native",
|
|
1740
2211
|
"examples": {
|
|
1741
2212
|
"web": 0,
|
|
1742
|
-
"native":
|
|
2213
|
+
"native": 2
|
|
1743
2214
|
},
|
|
1744
2215
|
"dependencies": [],
|
|
1745
2216
|
"registryDependencies": []
|
|
@@ -1765,6 +2236,22 @@
|
|
|
1765
2236
|
"cn"
|
|
1766
2237
|
]
|
|
1767
2238
|
},
|
|
2239
|
+
{
|
|
2240
|
+
"name": "screen",
|
|
2241
|
+
"type": "native",
|
|
2242
|
+
"title": "Screen",
|
|
2243
|
+
"summary": "A screen of the app — a header, the content (scrolling, rising with the keyboard), a footer — and the templates built on it: app shell, sign-in, profile, feed, chat, settings, a map, notifications.",
|
|
2244
|
+
"description": "A screen of the app — a header, the content (scrolling, rising with the keyboard), a footer — and the templates built on it: app shell, sign-in, profile, feed, chat, settings, a map, notifications.",
|
|
2245
|
+
"status": "beta",
|
|
2246
|
+
"category": "layout",
|
|
2247
|
+
"platforms": "native",
|
|
2248
|
+
"examples": {
|
|
2249
|
+
"web": 0,
|
|
2250
|
+
"native": 8
|
|
2251
|
+
},
|
|
2252
|
+
"dependencies": [],
|
|
2253
|
+
"registryDependencies": []
|
|
2254
|
+
},
|
|
1768
2255
|
{
|
|
1769
2256
|
"name": "scroll-stage",
|
|
1770
2257
|
"type": "primitive",
|
|
@@ -1892,6 +2379,24 @@
|
|
|
1892
2379
|
],
|
|
1893
2380
|
"registryDependencies": []
|
|
1894
2381
|
},
|
|
2382
|
+
{
|
|
2383
|
+
"name": "skip-link",
|
|
2384
|
+
"type": "primitive",
|
|
2385
|
+
"title": "Skip link",
|
|
2386
|
+
"summary": "The first tab stop of a page: a link that skips the navigation and lands on the content — hidden until it is focused.",
|
|
2387
|
+
"description": "The first tab stop of a page: a link that skips the navigation and lands on the content — hidden until it is focused.",
|
|
2388
|
+
"status": "stable",
|
|
2389
|
+
"category": "navigation",
|
|
2390
|
+
"platforms": "web",
|
|
2391
|
+
"examples": {
|
|
2392
|
+
"web": 1,
|
|
2393
|
+
"native": 0
|
|
2394
|
+
},
|
|
2395
|
+
"dependencies": [
|
|
2396
|
+
"tailwind-variants@^3.3.1"
|
|
2397
|
+
],
|
|
2398
|
+
"registryDependencies": []
|
|
2399
|
+
},
|
|
1895
2400
|
{
|
|
1896
2401
|
"name": "slider",
|
|
1897
2402
|
"type": "primitive",
|
|
@@ -1949,6 +2454,22 @@
|
|
|
1949
2454
|
],
|
|
1950
2455
|
"registryDependencies": []
|
|
1951
2456
|
},
|
|
2457
|
+
{
|
|
2458
|
+
"name": "splash-handoff",
|
|
2459
|
+
"type": "native",
|
|
2460
|
+
"title": "Splash hand-off",
|
|
2461
|
+
"summary": "The static native splash dissolves into the product's animated mark until the first screen is ready — same place, same size, same background, no flash.",
|
|
2462
|
+
"description": "The static native splash dissolves into the product's animated mark until the first screen is ready — same place, same size, same background, no flash.",
|
|
2463
|
+
"status": "beta",
|
|
2464
|
+
"category": "feedback",
|
|
2465
|
+
"platforms": "native",
|
|
2466
|
+
"examples": {
|
|
2467
|
+
"web": 0,
|
|
2468
|
+
"native": 1
|
|
2469
|
+
},
|
|
2470
|
+
"dependencies": [],
|
|
2471
|
+
"registryDependencies": []
|
|
2472
|
+
},
|
|
1952
2473
|
{
|
|
1953
2474
|
"name": "split-view",
|
|
1954
2475
|
"type": "primitive",
|
|
@@ -1959,7 +2480,7 @@
|
|
|
1959
2480
|
"category": "layouts",
|
|
1960
2481
|
"platforms": "web",
|
|
1961
2482
|
"examples": {
|
|
1962
|
-
"web":
|
|
2483
|
+
"web": 4,
|
|
1963
2484
|
"native": 0
|
|
1964
2485
|
},
|
|
1965
2486
|
"dependencies": [
|
|
@@ -2013,7 +2534,7 @@
|
|
|
2013
2534
|
"category": "templates",
|
|
2014
2535
|
"platforms": "web",
|
|
2015
2536
|
"examples": {
|
|
2016
|
-
"web":
|
|
2537
|
+
"web": 3,
|
|
2017
2538
|
"native": 0
|
|
2018
2539
|
},
|
|
2019
2540
|
"dependencies": [],
|
|
@@ -2022,6 +2543,22 @@
|
|
|
2022
2543
|
"page-hero"
|
|
2023
2544
|
]
|
|
2024
2545
|
},
|
|
2546
|
+
{
|
|
2547
|
+
"name": "step-progress",
|
|
2548
|
+
"type": "primitive",
|
|
2549
|
+
"title": "Step progress",
|
|
2550
|
+
"summary": "The head of a multi-step flow — a sign-up, a profile to fill: back, segments that fill, the position in words.",
|
|
2551
|
+
"description": "The head of a multi-step flow — a sign-up, a profile to fill: back, segments that fill, the position in words.",
|
|
2552
|
+
"status": "beta",
|
|
2553
|
+
"category": "navigation",
|
|
2554
|
+
"platforms": "both",
|
|
2555
|
+
"examples": {
|
|
2556
|
+
"web": 1,
|
|
2557
|
+
"native": 1
|
|
2558
|
+
},
|
|
2559
|
+
"dependencies": [],
|
|
2560
|
+
"registryDependencies": []
|
|
2561
|
+
},
|
|
2025
2562
|
{
|
|
2026
2563
|
"name": "stepper",
|
|
2027
2564
|
"type": "primitive",
|
|
@@ -2042,6 +2579,24 @@
|
|
|
2042
2579
|
"spinner"
|
|
2043
2580
|
]
|
|
2044
2581
|
},
|
|
2582
|
+
{
|
|
2583
|
+
"name": "swipe-deck",
|
|
2584
|
+
"type": "primitive",
|
|
2585
|
+
"title": "Swipe deck",
|
|
2586
|
+
"summary": "Cards decided one by one — drag right to like, left to pass, or the buttons (← → on the web) — with `PersonCard`: a person's photos, name, age, seal, distance, bio and interests.",
|
|
2587
|
+
"description": "Cards decided one by one — drag right to like, left to pass, or the buttons (← → on the web) — with `PersonCard`: a person's photos, name, age, seal, distance, bio and interests.",
|
|
2588
|
+
"status": "beta",
|
|
2589
|
+
"category": "data-display",
|
|
2590
|
+
"platforms": "both",
|
|
2591
|
+
"examples": {
|
|
2592
|
+
"web": 1,
|
|
2593
|
+
"native": 1
|
|
2594
|
+
},
|
|
2595
|
+
"dependencies": [
|
|
2596
|
+
"tailwind-variants@^3.3.1"
|
|
2597
|
+
],
|
|
2598
|
+
"registryDependencies": []
|
|
2599
|
+
},
|
|
2045
2600
|
{
|
|
2046
2601
|
"name": "swipeable-row",
|
|
2047
2602
|
"type": "native",
|
|
@@ -2130,6 +2685,24 @@
|
|
|
2130
2685
|
"combobox"
|
|
2131
2686
|
]
|
|
2132
2687
|
},
|
|
2688
|
+
{
|
|
2689
|
+
"name": "tag-selector",
|
|
2690
|
+
"type": "primitive",
|
|
2691
|
+
"title": "Tag selector",
|
|
2692
|
+
"summary": "Interests, languages, what one is looking for: toggle chips with a limit and a count — the others rest once the limit is reached.",
|
|
2693
|
+
"description": "Interests, languages, what one is looking for: toggle chips with a limit and a count — the others rest once the limit is reached.",
|
|
2694
|
+
"status": "beta",
|
|
2695
|
+
"category": "forms",
|
|
2696
|
+
"platforms": "both",
|
|
2697
|
+
"examples": {
|
|
2698
|
+
"web": 1,
|
|
2699
|
+
"native": 1
|
|
2700
|
+
},
|
|
2701
|
+
"dependencies": [],
|
|
2702
|
+
"registryDependencies": [
|
|
2703
|
+
"chip"
|
|
2704
|
+
]
|
|
2705
|
+
},
|
|
2133
2706
|
{
|
|
2134
2707
|
"name": "terminal-replay",
|
|
2135
2708
|
"type": "primitive",
|
|
@@ -2231,7 +2804,7 @@
|
|
|
2231
2804
|
"title": "Tree view",
|
|
2232
2805
|
"summary": "A hierarchy the keyboard walks — the ARIA tree: one tab stop, the arrows move and open, a letter jumps, branches load on demand.",
|
|
2233
2806
|
"description": "A hierarchy the keyboard walks — the ARIA tree: one tab stop, the arrows move and open, a letter jumps, branches load on demand.",
|
|
2234
|
-
"status": "
|
|
2807
|
+
"status": "deprecated",
|
|
2235
2808
|
"category": "navigation",
|
|
2236
2809
|
"platforms": "web",
|
|
2237
2810
|
"examples": {
|
|
@@ -2259,6 +2832,22 @@
|
|
|
2259
2832
|
"dependencies": [],
|
|
2260
2833
|
"registryDependencies": []
|
|
2261
2834
|
},
|
|
2835
|
+
{
|
|
2836
|
+
"name": "verified-badge",
|
|
2837
|
+
"type": "primitive",
|
|
2838
|
+
"title": "Verified badge",
|
|
2839
|
+
"summary": "A seal that says the person or the account was verified (a selfie, an ID) — the accent, named in words.",
|
|
2840
|
+
"description": "A seal that says the person or the account was verified (a selfie, an ID) — the accent, named in words.",
|
|
2841
|
+
"status": "beta",
|
|
2842
|
+
"category": "feedback",
|
|
2843
|
+
"platforms": "both",
|
|
2844
|
+
"examples": {
|
|
2845
|
+
"web": 1,
|
|
2846
|
+
"native": 1
|
|
2847
|
+
},
|
|
2848
|
+
"dependencies": [],
|
|
2849
|
+
"registryDependencies": []
|
|
2850
|
+
},
|
|
2262
2851
|
{
|
|
2263
2852
|
"name": "video-player",
|
|
2264
2853
|
"type": "primitive",
|