@krizaka/ui 2.8.0 → 2.10.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 +73 -5
- package/dist/achievement.d.ts +54 -0
- package/dist/achievement.js +73 -0
- package/dist/achievement.js.map +1 -0
- package/dist/app-shell.d.ts +203 -0
- package/dist/app-shell.js +137 -0
- package/dist/app-shell.js.map +1 -0
- package/dist/auth-layout.d.ts +136 -0
- package/dist/auth-layout.js +75 -0
- package/dist/auth-layout.js.map +1 -0
- package/dist/blocks.css +247 -0
- package/dist/catalogue-page.d.ts +34 -0
- package/dist/catalogue-page.js +26 -0
- package/dist/catalogue-page.js.map +1 -0
- package/dist/changelog-page.d.ts +50 -0
- package/dist/changelog-page.js +27 -0
- package/dist/changelog-page.js.map +1 -0
- package/dist/choice-grid.d.ts +84 -0
- package/dist/choice-grid.js +141 -0
- package/dist/choice-grid.js.map +1 -0
- package/dist/chunk-555LWYIN.js +11 -0
- package/dist/chunk-555LWYIN.js.map +1 -0
- package/dist/chunk-AZPKXP3O.js +36 -0
- package/dist/chunk-AZPKXP3O.js.map +1 -0
- package/dist/{chunk-NOVUREEC.js → chunk-JZPVUJIX.js} +25 -3
- package/dist/chunk-JZPVUJIX.js.map +1 -0
- package/dist/chunk-KNBYZGSQ.js +11 -0
- package/dist/chunk-KNBYZGSQ.js.map +1 -0
- package/dist/chunk-VCAAHCHL.js +17 -0
- package/dist/chunk-VCAAHCHL.js.map +1 -0
- package/dist/code-block.js +23 -44
- package/dist/code-block.js.map +1 -1
- package/dist/component-page.d.ts +41 -0
- package/dist/component-page.js +17 -0
- package/dist/component-page.js.map +1 -0
- package/dist/contact-page.d.ts +31 -0
- package/dist/contact-page.js +26 -0
- package/dist/contact-page.js.map +1 -0
- package/dist/continue-prompt.d.ts +48 -0
- package/dist/continue-prompt.js +200 -0
- package/dist/continue-prompt.js.map +1 -0
- package/dist/dashboard-layout.d.ts +139 -0
- package/dist/dashboard-layout.js +68 -0
- package/dist/dashboard-layout.js.map +1 -0
- package/dist/detail-layout.d.ts +126 -0
- package/dist/detail-layout.js +48 -0
- package/dist/detail-layout.js.map +1 -0
- package/dist/docs-article-page.d.ts +54 -0
- package/dist/docs-article-page.js +29 -0
- package/dist/docs-article-page.js.map +1 -0
- package/dist/docs-hub-page.d.ts +72 -0
- package/dist/docs-hub-page.js +45 -0
- package/dist/docs-hub-page.js.map +1 -0
- package/dist/docs-layout.d.ts +78 -0
- package/dist/docs-layout.js +60 -0
- package/dist/docs-layout.js.map +1 -0
- package/dist/error-page.d.ts +22 -0
- package/dist/error-page.js +23 -0
- package/dist/error-page.js.map +1 -0
- package/dist/gallery-page.d.ts +50 -0
- package/dist/gallery-page.js +30 -0
- package/dist/gallery-page.js.map +1 -0
- package/dist/{geometry-CXrAW34x.d.ts → geometry-CbOU4rtL.d.ts} +4 -4
- package/dist/goal-gauge.d.ts +38 -0
- package/dist/goal-gauge.js +53 -0
- package/dist/goal-gauge.js.map +1 -0
- package/dist/how-it-works-page.d.ts +48 -0
- package/dist/how-it-works-page.js +28 -0
- package/dist/how-it-works-page.js.map +1 -0
- package/dist/index.d.ts +16 -6
- package/dist/index.js +115 -24
- package/dist/index.js.map +1 -1
- package/dist/landing-page.d.ts +58 -0
- package/dist/landing-page.js +42 -0
- package/dist/landing-page.js.map +1 -0
- package/dist/landscape.d.ts +41 -0
- package/dist/landscape.js +836 -0
- package/dist/landscape.js.map +1 -0
- package/dist/legal-page.d.ts +34 -0
- package/dist/legal-page.js +18 -0
- package/dist/legal-page.js.map +1 -0
- package/dist/longform-page.d.ts +42 -0
- package/dist/longform-page.js +29 -0
- package/dist/longform-page.js.map +1 -0
- package/dist/marketing-layout.d.ts +60 -0
- package/dist/marketing-layout.js +25 -0
- package/dist/marketing-layout.js.map +1 -0
- package/dist/mascot-quote.d.ts +4 -4
- package/dist/mascot-quote.js +23 -1
- package/dist/mascot-quote.js.map +1 -1
- package/dist/mascot-state.d.ts +2 -2
- package/dist/mascot-state.js +1 -1
- package/dist/mascot-state.js.map +1 -1
- package/dist/mascots.d.ts +18 -5
- package/dist/mascots.js +87 -2
- package/dist/mascots.js.map +1 -1
- package/dist/native.d.ts +88 -11
- package/dist/native.js +640 -297
- package/dist/native.js.map +1 -1
- package/dist/pricing-page.d.ts +62 -0
- package/dist/pricing-page.js +71 -0
- package/dist/pricing-page.js.map +1 -0
- package/dist/product-page.d.ts +83 -0
- package/dist/product-page.js +60 -0
- package/dist/product-page.js.map +1 -0
- package/dist/profile-card.d.ts +85 -0
- package/dist/profile-card.js +87 -0
- package/dist/profile-card.js.map +1 -0
- package/dist/promise-card.d.ts +28 -0
- package/dist/promise-card.js +29 -0
- package/dist/promise-card.js.map +1 -0
- package/dist/scroll-stage.d.ts +603 -0
- package/dist/scroll-stage.js +59 -0
- package/dist/scroll-stage.js.map +1 -0
- package/dist/settings-layout.d.ts +154 -0
- package/dist/settings-layout.js +57 -0
- package/dist/settings-layout.js.map +1 -0
- package/dist/split-view.d.ts +106 -0
- package/dist/split-view.js +41 -0
- package/dist/split-view.js.map +1 -0
- package/dist/stage-banner.d.ts +34 -0
- package/dist/stage-banner.js +26 -0
- package/dist/stage-banner.js.map +1 -0
- package/dist/status-page.d.ts +42 -0
- package/dist/status-page.js +28 -0
- package/dist/status-page.js.map +1 -0
- package/dist/story-variant-CLn4H5Nt.d.ts +4 -0
- package/dist/story.css +432 -0
- package/package.json +478 -10
- package/registry/achievement.json +322 -0
- package/registry/action-bar.json +1 -1
- package/registry/alert.json +1 -1
- package/registry/app-shell.json +451 -0
- package/registry/argument-card.json +1 -1
- package/registry/audio-player.json +1 -1
- package/registry/auth-layout.json +230 -0
- package/registry/avatar.json +1 -1
- package/registry/badge.json +1 -1
- package/registry/button.json +5 -5
- package/registry/card-grid.json +5 -5
- package/registry/card.json +3 -3
- package/registry/catalogue-page.json +240 -0
- package/registry/changelog-page.json +226 -0
- package/registry/checkbox.json +1 -1
- package/registry/chip-link.json +1 -1
- package/registry/chip.json +1 -1
- package/registry/choice-grid.json +318 -0
- package/registry/code-block.json +1 -1
- package/registry/combobox.json +1 -1
- package/registry/command.json +1 -1
- package/registry/component-page.json +227 -0
- package/registry/confirm-button.json +3 -3
- package/registry/contact-page.json +212 -0
- package/registry/continue-prompt.json +312 -0
- package/registry/countdown.json +1 -1
- package/registry/cta-panel.json +1 -1
- package/registry/dashboard-layout.json +273 -0
- package/registry/data-table.json +1 -1
- package/registry/date-picker.json +1 -1
- package/registry/decision-list.json +1 -1
- package/registry/detail-layout.json +233 -0
- package/registry/dialog.json +1 -1
- package/registry/docs-article-page.json +242 -0
- package/registry/docs-hub-page.json +270 -0
- package/registry/docs-layout.json +148 -0
- package/registry/dropdown-menu.json +3 -3
- package/registry/empty-state.json +1 -1
- package/registry/error-page.json +183 -0
- package/registry/examples/achievement/arcade.d.ts +4 -0
- package/registry/examples/achievement/arcade.js +15 -0
- package/registry/examples/achievement/arcade.tsx +12 -0
- package/registry/examples/achievement/milestones.d.ts +4 -0
- package/registry/examples/achievement/milestones.js +15 -0
- package/registry/examples/achievement/milestones.tsx +12 -0
- package/registry/examples/app-shell/admin-console.d.ts +4 -0
- package/registry/examples/app-shell/admin-console.js +52 -0
- package/registry/examples/app-shell/admin-console.tsx +64 -0
- package/registry/examples/app-shell/basic.d.ts +4 -0
- package/registry/examples/app-shell/basic.js +37 -0
- package/registry/examples/app-shell/basic.tsx +31 -0
- package/registry/examples/app-shell/orochia-studio.d.ts +4 -0
- package/registry/examples/app-shell/orochia-studio.js +89 -0
- package/registry/examples/app-shell/orochia-studio.tsx +101 -0
- package/registry/examples/auth-layout/onboarding.d.ts +4 -0
- package/registry/examples/auth-layout/onboarding.js +56 -0
- package/registry/examples/auth-layout/onboarding.tsx +47 -0
- package/registry/examples/auth-layout/sign-in.d.ts +4 -0
- package/registry/examples/auth-layout/sign-in.js +55 -0
- package/registry/examples/auth-layout/sign-in.tsx +47 -0
- package/registry/examples/auth-layout/verify.d.ts +4 -0
- package/registry/examples/auth-layout/verify.js +23 -0
- package/registry/examples/auth-layout/verify.tsx +19 -0
- package/registry/examples/catalogue-page/components.d.ts +4 -0
- package/registry/examples/catalogue-page/components.js +33 -0
- package/registry/examples/catalogue-page/components.tsx +36 -0
- package/registry/examples/changelog-page/releases.d.ts +4 -0
- package/registry/examples/changelog-page/releases.js +44 -0
- package/registry/examples/changelog-page/releases.tsx +39 -0
- package/registry/examples/choice-grid/line-up.d.ts +4 -0
- package/registry/examples/choice-grid/line-up.js +37 -0
- package/registry/examples/choice-grid/line-up.tsx +32 -0
- package/registry/examples/choice-grid/plans.d.ts +4 -0
- package/registry/examples/choice-grid/plans.js +28 -0
- package/registry/examples/choice-grid/plans.tsx +24 -0
- package/registry/examples/component-page/button.d.ts +4 -0
- package/registry/examples/component-page/button.js +33 -0
- package/registry/examples/component-page/button.tsx +30 -0
- package/registry/examples/contact-page/team.d.ts +4 -0
- package/registry/examples/contact-page/team.js +39 -0
- package/registry/examples/contact-page/team.tsx +38 -0
- package/registry/examples/continue-prompt/arcade.d.ts +4 -0
- package/registry/examples/continue-prompt/arcade.js +28 -0
- package/registry/examples/continue-prompt/arcade.tsx +25 -0
- package/registry/examples/continue-prompt/offer.d.ts +4 -0
- package/registry/examples/continue-prompt/offer.js +24 -0
- package/registry/examples/continue-prompt/offer.tsx +19 -0
- package/registry/examples/dashboard-layout/orazaka-eric.d.ts +4 -0
- package/registry/examples/dashboard-layout/orazaka-eric.js +58 -0
- package/registry/examples/dashboard-layout/orazaka-eric.tsx +80 -0
- package/registry/examples/dashboard-layout/widgets.d.ts +4 -0
- package/registry/examples/dashboard-layout/widgets.js +17 -0
- package/registry/examples/dashboard-layout/widgets.tsx +22 -0
- package/registry/examples/detail-layout/job.d.ts +4 -0
- package/registry/examples/detail-layout/job.js +25 -0
- package/registry/examples/detail-layout/job.tsx +20 -0
- package/registry/examples/detail-layout/video.d.ts +4 -0
- package/registry/examples/detail-layout/video.js +44 -0
- package/registry/examples/detail-layout/video.tsx +53 -0
- package/registry/examples/docs-article-page/cli.d.ts +4 -0
- package/registry/examples/docs-article-page/cli.js +33 -0
- package/registry/examples/docs-article-page/cli.tsx +38 -0
- package/registry/examples/docs-hub-page/krizaka.d.ts +4 -0
- package/registry/examples/docs-hub-page/krizaka.js +46 -0
- package/registry/examples/docs-hub-page/krizaka.tsx +37 -0
- package/registry/examples/docs-layout/page.d.ts +4 -0
- package/registry/examples/docs-layout/page.js +26 -0
- package/registry/examples/docs-layout/page.tsx +30 -0
- package/registry/examples/error-page/not-found.d.ts +4 -0
- package/registry/examples/error-page/not-found.js +24 -0
- package/registry/examples/error-page/not-found.tsx +19 -0
- package/registry/examples/gallery-page/made-here.d.ts +4 -0
- package/registry/examples/gallery-page/made-here.js +34 -0
- package/registry/examples/gallery-page/made-here.tsx +32 -0
- package/registry/examples/goal-gauge/arcade.d.ts +4 -0
- package/registry/examples/goal-gauge/arcade.js +11 -0
- package/registry/examples/goal-gauge/arcade.tsx +10 -0
- package/registry/examples/goal-gauge/challenge.d.ts +4 -0
- package/registry/examples/goal-gauge/challenge.js +11 -0
- package/registry/examples/goal-gauge/challenge.tsx +10 -0
- package/registry/examples/goal-gauge/drain.d.ts +4 -0
- package/registry/examples/goal-gauge/drain.js +11 -0
- package/registry/examples/goal-gauge/drain.tsx +10 -0
- package/registry/examples/goal-gauge/native/default.d.ts +4 -0
- package/registry/examples/goal-gauge/native/default.dark.png +0 -0
- package/registry/examples/goal-gauge/native/default.js +15 -0
- package/registry/examples/goal-gauge/native/default.light.png +0 -0
- package/registry/examples/goal-gauge/native/default.tsx +12 -0
- package/registry/examples/how-it-works-page/orazaka.d.ts +4 -0
- package/registry/examples/how-it-works-page/orazaka.js +30 -0
- package/registry/examples/how-it-works-page/orazaka.tsx +26 -0
- package/registry/examples/landing-page/krizaka.d.ts +4 -0
- package/registry/examples/landing-page/krizaka.js +44 -0
- package/registry/examples/landing-page/krizaka.tsx +44 -0
- package/registry/examples/landscape/backdrop.d.ts +4 -0
- package/registry/examples/landscape/backdrop.js +14 -0
- package/registry/examples/landscape/backdrop.tsx +11 -0
- package/registry/examples/landscape/brand.d.ts +4 -0
- package/registry/examples/landscape/brand.js +11 -0
- package/registry/examples/landscape/brand.tsx +10 -0
- package/registry/examples/legal-page/privacy.d.ts +4 -0
- package/registry/examples/legal-page/privacy.js +24 -0
- package/registry/examples/legal-page/privacy.tsx +19 -0
- package/registry/examples/longform-page/story.d.ts +4 -0
- package/registry/examples/longform-page/story.js +38 -0
- package/registry/examples/longform-page/story.tsx +35 -0
- package/registry/examples/marketing-layout/basic.d.ts +4 -0
- package/registry/examples/marketing-layout/basic.js +31 -0
- package/registry/examples/marketing-layout/basic.tsx +28 -0
- package/registry/examples/marketing-layout/docs-hub.d.ts +4 -0
- package/registry/examples/marketing-layout/docs-hub.js +37 -0
- package/registry/examples/marketing-layout/docs-hub.tsx +44 -0
- package/registry/examples/marketing-layout/pricing.d.ts +4 -0
- package/registry/examples/marketing-layout/pricing.js +45 -0
- package/registry/examples/marketing-layout/pricing.tsx +55 -0
- package/registry/examples/marketing-layout/product-page.d.ts +4 -0
- package/registry/examples/marketing-layout/product-page.js +79 -0
- package/registry/examples/marketing-layout/product-page.tsx +83 -0
- package/registry/examples/mascots/crane.d.ts +4 -0
- package/registry/examples/mascots/crane.js +19 -0
- package/registry/examples/mascots/crane.tsx +18 -0
- package/registry/examples/mascots/flock.tsx +2 -1
- package/registry/examples/mascots/native/crane.d.ts +4 -0
- package/registry/examples/mascots/native/crane.dark.png +0 -0
- package/registry/examples/mascots/native/crane.js +21 -0
- package/registry/examples/mascots/native/crane.light.png +0 -0
- package/registry/examples/mascots/native/crane.tsx +18 -0
- package/registry/examples/mascots/native/phoenix.d.ts +4 -0
- package/registry/examples/mascots/native/phoenix.dark.png +0 -0
- package/registry/examples/mascots/native/phoenix.js +21 -0
- package/registry/examples/mascots/native/phoenix.light.png +0 -0
- package/registry/examples/mascots/native/phoenix.tsx +18 -0
- package/registry/examples/mascots/phoenix.d.ts +4 -0
- package/registry/examples/mascots/phoenix.js +14 -0
- package/registry/examples/mascots/phoenix.tsx +11 -0
- package/registry/examples/pricing-page/credits.d.ts +4 -0
- package/registry/examples/pricing-page/credits.js +41 -0
- package/registry/examples/pricing-page/credits.tsx +33 -0
- package/registry/examples/product-page/orazaka.d.ts +4 -0
- package/registry/examples/product-page/orazaka.js +44 -0
- package/registry/examples/product-page/orazaka.tsx +36 -0
- package/registry/examples/profile-card/arcade.d.ts +4 -0
- package/registry/examples/profile-card/arcade.js +25 -0
- package/registry/examples/profile-card/arcade.tsx +19 -0
- package/registry/examples/profile-card/creator.d.ts +4 -0
- package/registry/examples/profile-card/creator.js +31 -0
- package/registry/examples/profile-card/creator.tsx +26 -0
- package/registry/examples/profile-card/match.d.ts +4 -0
- package/registry/examples/profile-card/match.js +25 -0
- package/registry/examples/profile-card/match.tsx +19 -0
- package/registry/examples/profile-card/native/default.d.ts +4 -0
- package/registry/examples/profile-card/native/default.dark.png +0 -0
- package/registry/examples/profile-card/native/default.js +27 -0
- package/registry/examples/profile-card/native/default.light.png +0 -0
- package/registry/examples/profile-card/native/default.tsx +22 -0
- package/registry/examples/promise-card/arcade.d.ts +4 -0
- package/registry/examples/promise-card/arcade.js +25 -0
- package/registry/examples/promise-card/arcade.tsx +19 -0
- package/registry/examples/promise-card/guarantee.d.ts +4 -0
- package/registry/examples/promise-card/guarantee.js +23 -0
- package/registry/examples/promise-card/guarantee.tsx +17 -0
- package/registry/examples/scroll-stage/arcade.d.ts +4 -0
- package/registry/examples/scroll-stage/arcade.js +16 -0
- package/registry/examples/scroll-stage/arcade.tsx +15 -0
- package/registry/examples/scroll-stage/chapters.d.ts +4 -0
- package/registry/examples/scroll-stage/chapters.js +25 -0
- package/registry/examples/scroll-stage/chapters.tsx +22 -0
- package/registry/examples/settings-layout/account.d.ts +4 -0
- package/registry/examples/settings-layout/account.js +51 -0
- package/registry/examples/settings-layout/account.tsx +50 -0
- package/registry/examples/settings-layout/sections.d.ts +4 -0
- package/registry/examples/settings-layout/sections.js +27 -0
- package/registry/examples/settings-layout/sections.tsx +24 -0
- package/registry/examples/split-view/empty.d.ts +4 -0
- package/registry/examples/split-view/empty.js +19 -0
- package/registry/examples/split-view/empty.tsx +13 -0
- package/registry/examples/split-view/messages.d.ts +4 -0
- package/registry/examples/split-view/messages.js +49 -0
- package/registry/examples/split-view/messages.tsx +52 -0
- package/registry/examples/stage-banner/round.d.ts +4 -0
- package/registry/examples/stage-banner/round.js +14 -0
- package/registry/examples/stage-banner/round.tsx +11 -0
- package/registry/examples/stage-banner/steps.d.ts +4 -0
- package/registry/examples/stage-banner/steps.js +14 -0
- package/registry/examples/stage-banner/steps.tsx +11 -0
- package/registry/examples/status-page/building.d.ts +4 -0
- package/registry/examples/status-page/building.js +29 -0
- package/registry/examples/status-page/building.tsx +25 -0
- package/registry/examples/status-page/operational.d.ts +4 -0
- package/registry/examples/status-page/operational.js +26 -0
- package/registry/examples/status-page/operational.tsx +20 -0
- package/registry/field.json +1 -1
- package/registry/file-upload.json +1 -1
- package/registry/filter-bar.json +1 -1
- package/registry/gallery-page.json +256 -0
- package/registry/glow-card.json +1 -1
- package/registry/goal-gauge.json +322 -0
- package/registry/how-it-works-page.json +242 -0
- package/registry/image-cropper.json +1 -1
- package/registry/index.json +621 -5
- package/registry/iso.json +1 -1
- package/registry/kbd.json +1 -1
- package/registry/landing-page.json +242 -0
- package/registry/landscape.json +189 -0
- package/registry/legal-page.json +199 -0
- package/registry/link-card.json +1 -1
- package/registry/loader.json +1 -1
- package/registry/longform-page.json +213 -0
- package/registry/marketing-layout.json +172 -0
- package/registry/marquee.json +1 -1
- package/registry/mascot-quote.json +6 -6
- package/registry/mascot-state.json +34 -34
- package/registry/mascots.json +140 -23
- package/registry/media-capture.json +1 -1
- package/registry/meter.json +1 -1
- package/registry/nav-bar.json +1 -1
- package/registry/number-ticker.json +1 -1
- package/registry/page-header.json +1 -1
- package/registry/page-hero.json +3 -3
- package/registry/page.json +5 -5
- package/registry/pagination.json +1 -1
- package/registry/pointer-light.json +1 -1
- package/registry/popover.json +1 -1
- package/registry/pricing-page.json +245 -0
- package/registry/product-page.json +319 -0
- package/registry/profile-card.json +501 -0
- package/registry/progress.json +1 -1
- package/registry/promise-card.json +228 -0
- package/registry/radio-group.json +1 -1
- package/registry/scroll-stage.json +197 -0
- package/registry/search-field.json +1 -1
- package/registry/section-backdrop.json +1 -1
- package/registry/separator.json +1 -1
- package/registry/settings-layout.json +231 -0
- package/registry/skeleton.json +1 -1
- package/registry/slider.json +1 -1
- package/registry/slot.json +1 -1
- package/registry/spinner.json +1 -1
- package/registry/split-view.json +233 -0
- package/registry/stage-banner.json +221 -0
- package/registry/stat.json +1 -1
- package/registry/status-page.json +263 -0
- package/registry/stepper.json +1 -1
- package/registry/switch.json +1 -1
- package/registry/tabs.json +1 -1
- package/registry/tag-input.json +1 -1
- package/registry/terminal-replay.json +1 -1
- package/registry/theme.json +1 -1
- package/registry/toast.json +1 -1
- package/registry/toc.json +1 -1
- package/registry/tooltip.json +1 -1
- package/registry/video-player.json +1 -1
- package/registry/video-trimmer.json +1 -1
- package/dist/chunk-NOVUREEC.js.map +0 -1
package/registry/index.json
CHANGED
|
@@ -1,7 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@krizaka/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.10.0",
|
|
4
4
|
"items": [
|
|
5
|
+
{
|
|
6
|
+
"name": "achievement",
|
|
7
|
+
"type": "primitive",
|
|
8
|
+
"title": "Achievement",
|
|
9
|
+
"summary": "Something done, and what it replaced: a milestone reached, a dare completed, a problem out of the way — on one grid of hairlines in a list, their badges arriving one by one; with three line emblems.",
|
|
10
|
+
"description": "Something done, and what it replaced: a milestone reached, a dare completed, a problem out of the way — on one grid of hairlines in a list, their badges arriving one by one; with three line emblems.",
|
|
11
|
+
"status": "beta",
|
|
12
|
+
"category": "data-display",
|
|
13
|
+
"platforms": "web",
|
|
14
|
+
"examples": {
|
|
15
|
+
"web": 2,
|
|
16
|
+
"native": 0
|
|
17
|
+
},
|
|
18
|
+
"dependencies": [],
|
|
19
|
+
"registryDependencies": [
|
|
20
|
+
"cn"
|
|
21
|
+
]
|
|
22
|
+
},
|
|
5
23
|
{
|
|
6
24
|
"name": "action-bar",
|
|
7
25
|
"type": "primitive",
|
|
@@ -39,6 +57,27 @@
|
|
|
39
57
|
],
|
|
40
58
|
"registryDependencies": []
|
|
41
59
|
},
|
|
60
|
+
{
|
|
61
|
+
"name": "app-shell",
|
|
62
|
+
"type": "primitive",
|
|
63
|
+
"title": "App shell",
|
|
64
|
+
"summary": "The shell of an application screen: a sidebar of sections that collapses to its icons on a desktop and opens as a drawer on a phone, a sticky header with the screen's title and actions, the content.",
|
|
65
|
+
"description": "The shell of an application screen: a sidebar of sections that collapses to its icons on a desktop and opens as a drawer on a phone, a sticky header with the screen's title and actions, the content.",
|
|
66
|
+
"status": "beta",
|
|
67
|
+
"category": "layouts",
|
|
68
|
+
"platforms": "web",
|
|
69
|
+
"examples": {
|
|
70
|
+
"web": 3,
|
|
71
|
+
"native": 0
|
|
72
|
+
},
|
|
73
|
+
"dependencies": [
|
|
74
|
+
"radix-ui@^1.7.0",
|
|
75
|
+
"tailwind-variants@^3.3.1"
|
|
76
|
+
],
|
|
77
|
+
"registryDependencies": [
|
|
78
|
+
"cn"
|
|
79
|
+
]
|
|
80
|
+
},
|
|
42
81
|
{
|
|
43
82
|
"name": "argument-card",
|
|
44
83
|
"type": "primitive",
|
|
@@ -76,6 +115,26 @@
|
|
|
76
115
|
],
|
|
77
116
|
"registryDependencies": []
|
|
78
117
|
},
|
|
118
|
+
{
|
|
119
|
+
"name": "auth-layout",
|
|
120
|
+
"type": "primitive",
|
|
121
|
+
"title": "Auth layout",
|
|
122
|
+
"summary": "An entry screen — sign in, sign up, verify, onboarding: the product's brand panel (its gradient, a promise, a quote) beside a calm form; one column on a phone with the mark above the form.",
|
|
123
|
+
"description": "An entry screen — sign in, sign up, verify, onboarding: the product's brand panel (its gradient, a promise, a quote) beside a calm form; one column on a phone with the mark above the form.",
|
|
124
|
+
"status": "beta",
|
|
125
|
+
"category": "layouts",
|
|
126
|
+
"platforms": "web",
|
|
127
|
+
"examples": {
|
|
128
|
+
"web": 3,
|
|
129
|
+
"native": 0
|
|
130
|
+
},
|
|
131
|
+
"dependencies": [
|
|
132
|
+
"tailwind-variants@^3.3.1"
|
|
133
|
+
],
|
|
134
|
+
"registryDependencies": [
|
|
135
|
+
"section-backdrop"
|
|
136
|
+
]
|
|
137
|
+
},
|
|
79
138
|
{
|
|
80
139
|
"name": "avatar",
|
|
81
140
|
"type": "primitive",
|
|
@@ -174,6 +233,44 @@
|
|
|
174
233
|
"pointer-light"
|
|
175
234
|
]
|
|
176
235
|
},
|
|
236
|
+
{
|
|
237
|
+
"name": "catalogue-page",
|
|
238
|
+
"type": "primitive",
|
|
239
|
+
"title": "Catalogue page",
|
|
240
|
+
"summary": "A catalogue or an index: the search in the hero, the filters in a sticky column beside the results (folded above them on a phone), the count, the results.",
|
|
241
|
+
"description": "A catalogue or an index: the search in the hero, the filters in a sticky column beside the results (folded above them on a phone), the count, the results.",
|
|
242
|
+
"status": "beta",
|
|
243
|
+
"category": "templates",
|
|
244
|
+
"platforms": "web",
|
|
245
|
+
"examples": {
|
|
246
|
+
"web": 1,
|
|
247
|
+
"native": 0
|
|
248
|
+
},
|
|
249
|
+
"dependencies": [],
|
|
250
|
+
"registryDependencies": [
|
|
251
|
+
"page",
|
|
252
|
+
"page-hero"
|
|
253
|
+
]
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
"name": "changelog-page",
|
|
257
|
+
"type": "primitive",
|
|
258
|
+
"title": "Changelog page",
|
|
259
|
+
"summary": "What changed and why: each entry with its date and version sticking beside it, its changes by kind in words and colour, its reasons under it.",
|
|
260
|
+
"description": "What changed and why: each entry with its date and version sticking beside it, its changes by kind in words and colour, its reasons under it.",
|
|
261
|
+
"status": "beta",
|
|
262
|
+
"category": "templates",
|
|
263
|
+
"platforms": "web",
|
|
264
|
+
"examples": {
|
|
265
|
+
"web": 1,
|
|
266
|
+
"native": 0
|
|
267
|
+
},
|
|
268
|
+
"dependencies": [],
|
|
269
|
+
"registryDependencies": [
|
|
270
|
+
"page",
|
|
271
|
+
"page-hero"
|
|
272
|
+
]
|
|
273
|
+
},
|
|
177
274
|
{
|
|
178
275
|
"name": "checkbox",
|
|
179
276
|
"type": "primitive",
|
|
@@ -231,6 +328,24 @@
|
|
|
231
328
|
],
|
|
232
329
|
"registryDependencies": []
|
|
233
330
|
},
|
|
331
|
+
{
|
|
332
|
+
"name": "choice-grid",
|
|
333
|
+
"type": "primitive",
|
|
334
|
+
"title": "Choice grid",
|
|
335
|
+
"summary": "A line-up of choices as tiles — a visual, a name, a line: a radio group with roving focus when selectable, a named showcase otherwise; sober by default, a select screen in the arcade flavour.",
|
|
336
|
+
"description": "A line-up of choices as tiles — a visual, a name, a line: a radio group with roving focus when selectable, a named showcase otherwise; sober by default, a select screen in the arcade flavour.",
|
|
337
|
+
"status": "beta",
|
|
338
|
+
"category": "forms",
|
|
339
|
+
"platforms": "web",
|
|
340
|
+
"examples": {
|
|
341
|
+
"web": 2,
|
|
342
|
+
"native": 0
|
|
343
|
+
},
|
|
344
|
+
"dependencies": [],
|
|
345
|
+
"registryDependencies": [
|
|
346
|
+
"cn"
|
|
347
|
+
]
|
|
348
|
+
},
|
|
234
349
|
{
|
|
235
350
|
"name": "cn",
|
|
236
351
|
"type": "primitive",
|
|
@@ -312,6 +427,26 @@
|
|
|
312
427
|
"dialog"
|
|
313
428
|
]
|
|
314
429
|
},
|
|
430
|
+
{
|
|
431
|
+
"name": "component-page",
|
|
432
|
+
"type": "primitive",
|
|
433
|
+
"title": "Component page",
|
|
434
|
+
"summary": "A component's page: its name, summary, status and platforms, the live preview, the import line, its sections, the related components aside.",
|
|
435
|
+
"description": "A component's page: its name, summary, status and platforms, the live preview, the import line, its sections, the related components aside.",
|
|
436
|
+
"status": "beta",
|
|
437
|
+
"category": "templates",
|
|
438
|
+
"platforms": "web",
|
|
439
|
+
"examples": {
|
|
440
|
+
"web": 1,
|
|
441
|
+
"native": 0
|
|
442
|
+
},
|
|
443
|
+
"dependencies": [],
|
|
444
|
+
"registryDependencies": [
|
|
445
|
+
"code-block",
|
|
446
|
+
"detail-layout",
|
|
447
|
+
"page"
|
|
448
|
+
]
|
|
449
|
+
},
|
|
315
450
|
{
|
|
316
451
|
"name": "confirm-button",
|
|
317
452
|
"type": "primitive",
|
|
@@ -333,6 +468,44 @@
|
|
|
333
468
|
"cn"
|
|
334
469
|
]
|
|
335
470
|
},
|
|
471
|
+
{
|
|
472
|
+
"name": "contact-page",
|
|
473
|
+
"type": "primitive",
|
|
474
|
+
"title": "Contact page",
|
|
475
|
+
"summary": "Reaching the team: the public channels as cards beside the form, then what happens after sending.",
|
|
476
|
+
"description": "Reaching the team: the public channels as cards beside the form, then what happens after sending.",
|
|
477
|
+
"status": "beta",
|
|
478
|
+
"category": "templates",
|
|
479
|
+
"platforms": "web",
|
|
480
|
+
"examples": {
|
|
481
|
+
"web": 1,
|
|
482
|
+
"native": 0
|
|
483
|
+
},
|
|
484
|
+
"dependencies": [],
|
|
485
|
+
"registryDependencies": [
|
|
486
|
+
"page",
|
|
487
|
+
"page-hero"
|
|
488
|
+
]
|
|
489
|
+
},
|
|
490
|
+
{
|
|
491
|
+
"name": "continue-prompt",
|
|
492
|
+
"type": "primitive",
|
|
493
|
+
"title": "Continue prompt",
|
|
494
|
+
"summary": "The last call of a page or a flow: a short question, what counts (days, seats, seconds), and the one action that continues — a calm card by default, an arcade cabinet as a variant.",
|
|
495
|
+
"description": "The last call of a page or a flow: a short question, what counts (days, seats, seconds), and the one action that continues — a calm card by default, an arcade cabinet as a variant.",
|
|
496
|
+
"status": "beta",
|
|
497
|
+
"category": "actions",
|
|
498
|
+
"platforms": "web",
|
|
499
|
+
"examples": {
|
|
500
|
+
"web": 2,
|
|
501
|
+
"native": 0
|
|
502
|
+
},
|
|
503
|
+
"dependencies": [],
|
|
504
|
+
"registryDependencies": [
|
|
505
|
+
"button",
|
|
506
|
+
"cn"
|
|
507
|
+
]
|
|
508
|
+
},
|
|
336
509
|
{
|
|
337
510
|
"name": "countdown",
|
|
338
511
|
"type": "primitive",
|
|
@@ -369,6 +542,24 @@
|
|
|
369
542
|
"cn"
|
|
370
543
|
]
|
|
371
544
|
},
|
|
545
|
+
{
|
|
546
|
+
"name": "dashboard-layout",
|
|
547
|
+
"type": "primitive",
|
|
548
|
+
"title": "Dashboard layout",
|
|
549
|
+
"summary": "A dashboard: the screen's heading with its actions and filters, then a responsive grid of widgets — one column on a phone, two from sm, four from xl — each a titled region that spans one to four columns.",
|
|
550
|
+
"description": "A dashboard: the screen's heading with its actions and filters, then a responsive grid of widgets — one column on a phone, two from sm, four from xl — each a titled region that spans one to four columns.",
|
|
551
|
+
"status": "beta",
|
|
552
|
+
"category": "layouts",
|
|
553
|
+
"platforms": "web",
|
|
554
|
+
"examples": {
|
|
555
|
+
"web": 2,
|
|
556
|
+
"native": 0
|
|
557
|
+
},
|
|
558
|
+
"dependencies": [
|
|
559
|
+
"tailwind-variants@^3.3.1"
|
|
560
|
+
],
|
|
561
|
+
"registryDependencies": []
|
|
562
|
+
},
|
|
372
563
|
{
|
|
373
564
|
"name": "data-table",
|
|
374
565
|
"type": "primitive",
|
|
@@ -428,6 +619,24 @@
|
|
|
428
619
|
"cn"
|
|
429
620
|
]
|
|
430
621
|
},
|
|
622
|
+
{
|
|
623
|
+
"name": "detail-layout",
|
|
624
|
+
"type": "primitive",
|
|
625
|
+
"title": "Detail layout",
|
|
626
|
+
"summary": "One object's page: the way back, its media, name, status, facts and actions, its tabs, the content and a side panel that goes under the content on a phone.",
|
|
627
|
+
"description": "One object's page: the way back, its media, name, status, facts and actions, its tabs, the content and a side panel that goes under the content on a phone.",
|
|
628
|
+
"status": "beta",
|
|
629
|
+
"category": "layouts",
|
|
630
|
+
"platforms": "web",
|
|
631
|
+
"examples": {
|
|
632
|
+
"web": 2,
|
|
633
|
+
"native": 0
|
|
634
|
+
},
|
|
635
|
+
"dependencies": [
|
|
636
|
+
"tailwind-variants@^3.3.1"
|
|
637
|
+
],
|
|
638
|
+
"registryDependencies": []
|
|
639
|
+
},
|
|
431
640
|
{
|
|
432
641
|
"name": "dialog",
|
|
433
642
|
"type": "primitive",
|
|
@@ -449,6 +658,65 @@
|
|
|
449
658
|
"button"
|
|
450
659
|
]
|
|
451
660
|
},
|
|
661
|
+
{
|
|
662
|
+
"name": "docs-article-page",
|
|
663
|
+
"type": "primitive",
|
|
664
|
+
"title": "Docs article page",
|
|
665
|
+
"summary": "A documentation article in the docs frame: the pages, the breadcrumb, the title with its facts, the reading column, the contents, previous and next.",
|
|
666
|
+
"description": "A documentation article in the docs frame: the pages, the breadcrumb, the title with its facts, the reading column, the contents, previous and next.",
|
|
667
|
+
"status": "beta",
|
|
668
|
+
"category": "templates",
|
|
669
|
+
"platforms": "web",
|
|
670
|
+
"examples": {
|
|
671
|
+
"web": 1,
|
|
672
|
+
"native": 0
|
|
673
|
+
},
|
|
674
|
+
"dependencies": [],
|
|
675
|
+
"registryDependencies": [
|
|
676
|
+
"docs-layout",
|
|
677
|
+
"page",
|
|
678
|
+
"page-hero",
|
|
679
|
+
"toc"
|
|
680
|
+
]
|
|
681
|
+
},
|
|
682
|
+
{
|
|
683
|
+
"name": "docs-hub-page",
|
|
684
|
+
"type": "primitive",
|
|
685
|
+
"title": "Docs hub page",
|
|
686
|
+
"summary": "The entry of a documentation: the search in the middle of the hero, the collections each in its product's brand with their quick links, quick starts beside the most read pages, what is new, the owl's promise.",
|
|
687
|
+
"description": "The entry of a documentation: the search in the middle of the hero, the collections each in its product's brand with their quick links, quick starts beside the most read pages, what is new, the owl's promise.",
|
|
688
|
+
"status": "beta",
|
|
689
|
+
"category": "templates",
|
|
690
|
+
"platforms": "web",
|
|
691
|
+
"examples": {
|
|
692
|
+
"web": 1,
|
|
693
|
+
"native": 0
|
|
694
|
+
},
|
|
695
|
+
"dependencies": [],
|
|
696
|
+
"registryDependencies": [
|
|
697
|
+
"mascot-quote",
|
|
698
|
+
"page",
|
|
699
|
+
"page-hero"
|
|
700
|
+
]
|
|
701
|
+
},
|
|
702
|
+
{
|
|
703
|
+
"name": "docs-layout",
|
|
704
|
+
"type": "primitive",
|
|
705
|
+
"title": "Docs layout",
|
|
706
|
+
"summary": "A documentation page in the site's frame: the pages, the article and its contents on a wide screen; on a phone the pages fold into a disclosure above the article.",
|
|
707
|
+
"description": "A documentation page in the site's frame: the pages, the article and its contents on a wide screen; on a phone the pages fold into a disclosure above the article.",
|
|
708
|
+
"status": "beta",
|
|
709
|
+
"category": "layouts",
|
|
710
|
+
"platforms": "web",
|
|
711
|
+
"examples": {
|
|
712
|
+
"web": 1,
|
|
713
|
+
"native": 0
|
|
714
|
+
},
|
|
715
|
+
"dependencies": [
|
|
716
|
+
"tailwind-variants@^3.3.1"
|
|
717
|
+
],
|
|
718
|
+
"registryDependencies": []
|
|
719
|
+
},
|
|
452
720
|
{
|
|
453
721
|
"name": "dropdown-menu",
|
|
454
722
|
"type": "primitive",
|
|
@@ -488,6 +756,24 @@
|
|
|
488
756
|
],
|
|
489
757
|
"registryDependencies": []
|
|
490
758
|
},
|
|
759
|
+
{
|
|
760
|
+
"name": "error-page",
|
|
761
|
+
"type": "primitive",
|
|
762
|
+
"title": "Error page",
|
|
763
|
+
"summary": "When a page is not there: the code drawn huge, the bird that lost its way, one sentence, a search and the ways back — never a dead end.",
|
|
764
|
+
"description": "When a page is not there: the code drawn huge, the bird that lost its way, one sentence, a search and the ways back — never a dead end.",
|
|
765
|
+
"status": "beta",
|
|
766
|
+
"category": "templates",
|
|
767
|
+
"platforms": "web",
|
|
768
|
+
"examples": {
|
|
769
|
+
"web": 1,
|
|
770
|
+
"native": 0
|
|
771
|
+
},
|
|
772
|
+
"dependencies": [],
|
|
773
|
+
"registryDependencies": [
|
|
774
|
+
"cn"
|
|
775
|
+
]
|
|
776
|
+
},
|
|
491
777
|
{
|
|
492
778
|
"name": "field",
|
|
493
779
|
"type": "primitive",
|
|
@@ -551,6 +837,27 @@
|
|
|
551
837
|
"dropdown-menu"
|
|
552
838
|
]
|
|
553
839
|
},
|
|
840
|
+
{
|
|
841
|
+
"name": "gallery-page",
|
|
842
|
+
"type": "primitive",
|
|
843
|
+
"title": "Gallery page",
|
|
844
|
+
"summary": "A demo or a gallery: the filters as links, then the pieces in staggered columns, each framed with how it was made.",
|
|
845
|
+
"description": "A demo or a gallery: the filters as links, then the pieces in staggered columns, each framed with how it was made.",
|
|
846
|
+
"status": "beta",
|
|
847
|
+
"category": "templates",
|
|
848
|
+
"platforms": "web",
|
|
849
|
+
"examples": {
|
|
850
|
+
"web": 1,
|
|
851
|
+
"native": 0
|
|
852
|
+
},
|
|
853
|
+
"dependencies": [],
|
|
854
|
+
"registryDependencies": [
|
|
855
|
+
"cn",
|
|
856
|
+
"cta-panel",
|
|
857
|
+
"page",
|
|
858
|
+
"page-hero"
|
|
859
|
+
]
|
|
860
|
+
},
|
|
554
861
|
{
|
|
555
862
|
"name": "glow-card",
|
|
556
863
|
"type": "primitive",
|
|
@@ -571,6 +878,45 @@
|
|
|
571
878
|
"cn"
|
|
572
879
|
]
|
|
573
880
|
},
|
|
881
|
+
{
|
|
882
|
+
"name": "goal-gauge",
|
|
883
|
+
"type": "primitive",
|
|
884
|
+
"title": "Goal gauge",
|
|
885
|
+
"summary": "A goal counted in steps — 6 of 10 backers, 3 dares done, 3 seats left: a meter whose reached steps light one by one (or whose spent ones drain) when its chapter plays.",
|
|
886
|
+
"description": "A goal counted in steps — 6 of 10 backers, 3 dares done, 3 seats left: a meter whose reached steps light one by one (or whose spent ones drain) when its chapter plays.",
|
|
887
|
+
"status": "beta",
|
|
888
|
+
"category": "data-display",
|
|
889
|
+
"platforms": "both",
|
|
890
|
+
"examples": {
|
|
891
|
+
"web": 3,
|
|
892
|
+
"native": 1
|
|
893
|
+
},
|
|
894
|
+
"dependencies": [],
|
|
895
|
+
"registryDependencies": [
|
|
896
|
+
"cn"
|
|
897
|
+
]
|
|
898
|
+
},
|
|
899
|
+
{
|
|
900
|
+
"name": "how-it-works-page",
|
|
901
|
+
"type": "primitive",
|
|
902
|
+
"title": "How-it-works page",
|
|
903
|
+
"summary": "How a product works, told in steps along a numbered line — each step its words beside its visual, the sides alternating on a wide screen.",
|
|
904
|
+
"description": "How a product works, told in steps along a numbered line — each step its words beside its visual, the sides alternating on a wide screen.",
|
|
905
|
+
"status": "beta",
|
|
906
|
+
"category": "templates",
|
|
907
|
+
"platforms": "web",
|
|
908
|
+
"examples": {
|
|
909
|
+
"web": 1,
|
|
910
|
+
"native": 0
|
|
911
|
+
},
|
|
912
|
+
"dependencies": [],
|
|
913
|
+
"registryDependencies": [
|
|
914
|
+
"cn",
|
|
915
|
+
"cta-panel",
|
|
916
|
+
"page",
|
|
917
|
+
"page-hero"
|
|
918
|
+
]
|
|
919
|
+
},
|
|
574
920
|
{
|
|
575
921
|
"name": "image-cropper",
|
|
576
922
|
"type": "primitive",
|
|
@@ -625,6 +971,64 @@
|
|
|
625
971
|
],
|
|
626
972
|
"registryDependencies": []
|
|
627
973
|
},
|
|
974
|
+
{
|
|
975
|
+
"name": "landing-page",
|
|
976
|
+
"type": "primitive",
|
|
977
|
+
"title": "Landing page",
|
|
978
|
+
"summary": "A landing page: the promise beside the product alive in a window, a band of proofs, the features as a bento where the main one takes the room, the closing call.",
|
|
979
|
+
"description": "A landing page: the promise beside the product alive in a window, a band of proofs, the features as a bento where the main one takes the room, the closing call.",
|
|
980
|
+
"status": "beta",
|
|
981
|
+
"category": "templates",
|
|
982
|
+
"platforms": "web",
|
|
983
|
+
"examples": {
|
|
984
|
+
"web": 1,
|
|
985
|
+
"native": 0
|
|
986
|
+
},
|
|
987
|
+
"dependencies": [],
|
|
988
|
+
"registryDependencies": [
|
|
989
|
+
"cta-panel",
|
|
990
|
+
"page",
|
|
991
|
+
"section-backdrop"
|
|
992
|
+
]
|
|
993
|
+
},
|
|
994
|
+
{
|
|
995
|
+
"name": "landscape",
|
|
996
|
+
"type": "primitive",
|
|
997
|
+
"title": "Landscape",
|
|
998
|
+
"summary": "The Krizaka valley at dusk — peaks, a phoenix over a river of two flames, trees of light and the flock at work: a decorative backdrop in its own colours or in the host brand's.",
|
|
999
|
+
"description": "The Krizaka valley at dusk — peaks, a phoenix over a river of two flames, trees of light and the flock at work: a decorative backdrop in its own colours or in the host brand's.",
|
|
1000
|
+
"status": "beta",
|
|
1001
|
+
"category": "blocks",
|
|
1002
|
+
"platforms": "web",
|
|
1003
|
+
"examples": {
|
|
1004
|
+
"web": 2,
|
|
1005
|
+
"native": 0
|
|
1006
|
+
},
|
|
1007
|
+
"dependencies": [],
|
|
1008
|
+
"registryDependencies": [
|
|
1009
|
+
"cn"
|
|
1010
|
+
]
|
|
1011
|
+
},
|
|
1012
|
+
{
|
|
1013
|
+
"name": "legal-page",
|
|
1014
|
+
"type": "primitive",
|
|
1015
|
+
"title": "Legal page",
|
|
1016
|
+
"summary": "A policy or terms: the date in force, the short version in plain words, the sections in a narrow column with their contents beside them.",
|
|
1017
|
+
"description": "A policy or terms: the date in force, the short version in plain words, the sections in a narrow column with their contents beside them.",
|
|
1018
|
+
"status": "beta",
|
|
1019
|
+
"category": "templates",
|
|
1020
|
+
"platforms": "web",
|
|
1021
|
+
"examples": {
|
|
1022
|
+
"web": 1,
|
|
1023
|
+
"native": 0
|
|
1024
|
+
},
|
|
1025
|
+
"dependencies": [],
|
|
1026
|
+
"registryDependencies": [
|
|
1027
|
+
"page",
|
|
1028
|
+
"page-hero",
|
|
1029
|
+
"toc"
|
|
1030
|
+
]
|
|
1031
|
+
},
|
|
628
1032
|
{
|
|
629
1033
|
"name": "link-card",
|
|
630
1034
|
"type": "primitive",
|
|
@@ -663,6 +1067,44 @@
|
|
|
663
1067
|
"spinner"
|
|
664
1068
|
]
|
|
665
1069
|
},
|
|
1070
|
+
{
|
|
1071
|
+
"name": "longform-page",
|
|
1072
|
+
"type": "primitive",
|
|
1073
|
+
"title": "Longform page",
|
|
1074
|
+
"summary": "A long read — a story, an essay, a case: numbered chapters in a reading column, pull quotes in the margin, figures that break out.",
|
|
1075
|
+
"description": "A long read — a story, an essay, a case: numbered chapters in a reading column, pull quotes in the margin, figures that break out.",
|
|
1076
|
+
"status": "beta",
|
|
1077
|
+
"category": "templates",
|
|
1078
|
+
"platforms": "web",
|
|
1079
|
+
"examples": {
|
|
1080
|
+
"web": 1,
|
|
1081
|
+
"native": 0
|
|
1082
|
+
},
|
|
1083
|
+
"dependencies": [],
|
|
1084
|
+
"registryDependencies": [
|
|
1085
|
+
"cn",
|
|
1086
|
+
"page",
|
|
1087
|
+
"page-hero"
|
|
1088
|
+
]
|
|
1089
|
+
},
|
|
1090
|
+
{
|
|
1091
|
+
"name": "marketing-layout",
|
|
1092
|
+
"type": "primitive",
|
|
1093
|
+
"title": "Marketing layout",
|
|
1094
|
+
"summary": "A site's page: the link that skips to the content, the floating bar, the page made of a PageHero and Sections in one frame, the footer.",
|
|
1095
|
+
"description": "A site's page: the link that skips to the content, the floating bar, the page made of a PageHero and Sections in one frame, the footer.",
|
|
1096
|
+
"status": "beta",
|
|
1097
|
+
"category": "layouts",
|
|
1098
|
+
"platforms": "web",
|
|
1099
|
+
"examples": {
|
|
1100
|
+
"web": 4,
|
|
1101
|
+
"native": 0
|
|
1102
|
+
},
|
|
1103
|
+
"dependencies": [
|
|
1104
|
+
"tailwind-variants@^3.3.1"
|
|
1105
|
+
],
|
|
1106
|
+
"registryDependencies": []
|
|
1107
|
+
},
|
|
666
1108
|
{
|
|
667
1109
|
"name": "marquee",
|
|
668
1110
|
"type": "primitive",
|
|
@@ -724,14 +1166,14 @@
|
|
|
724
1166
|
"name": "mascots",
|
|
725
1167
|
"type": "primitive",
|
|
726
1168
|
"title": "Mascots",
|
|
727
|
-
"summary": "The Krizaka flock:
|
|
728
|
-
"description": "The Krizaka flock:
|
|
1169
|
+
"summary": "The Krizaka flock: seven birds (falcon, owl, duck, flamingo, pigeon, lovebird, crane) in five moods, drawn in the product's brand colours — and the phoenix, the comeback.",
|
|
1170
|
+
"description": "The Krizaka flock: seven birds (falcon, owl, duck, flamingo, pigeon, lovebird, crane) in five moods, drawn in the product's brand colours — and the phoenix, the comeback.",
|
|
729
1171
|
"status": "beta",
|
|
730
1172
|
"category": "feedback",
|
|
731
1173
|
"platforms": "both",
|
|
732
1174
|
"examples": {
|
|
733
|
-
"web":
|
|
734
|
-
"native":
|
|
1175
|
+
"web": 8,
|
|
1176
|
+
"native": 4
|
|
735
1177
|
},
|
|
736
1178
|
"dependencies": [],
|
|
737
1179
|
"registryDependencies": []
|
|
@@ -920,6 +1362,71 @@
|
|
|
920
1362
|
"cn"
|
|
921
1363
|
]
|
|
922
1364
|
},
|
|
1365
|
+
{
|
|
1366
|
+
"name": "pricing-page",
|
|
1367
|
+
"type": "primitive",
|
|
1368
|
+
"title": "Pricing page",
|
|
1369
|
+
"summary": "Plans and what they cost: the plans side by side with the featured one lifted, the comparison as a table, what a credit buys, the questions people ask.",
|
|
1370
|
+
"description": "Plans and what they cost: the plans side by side with the featured one lifted, the comparison as a table, what a credit buys, the questions people ask.",
|
|
1371
|
+
"status": "beta",
|
|
1372
|
+
"category": "templates",
|
|
1373
|
+
"platforms": "web",
|
|
1374
|
+
"examples": {
|
|
1375
|
+
"web": 1,
|
|
1376
|
+
"native": 0
|
|
1377
|
+
},
|
|
1378
|
+
"dependencies": [],
|
|
1379
|
+
"registryDependencies": [
|
|
1380
|
+
"cn",
|
|
1381
|
+
"page",
|
|
1382
|
+
"page-hero"
|
|
1383
|
+
]
|
|
1384
|
+
},
|
|
1385
|
+
{
|
|
1386
|
+
"name": "product-page",
|
|
1387
|
+
"type": "primitive",
|
|
1388
|
+
"title": "Product page",
|
|
1389
|
+
"summary": "A product's overview in its brand: split hero with facts and the product alive, the traps it removes as compact argument cards, its decisions with their cost, the promise a bird keeps, the closing call.",
|
|
1390
|
+
"description": "A product's overview in its brand: split hero with facts and the product alive, the traps it removes as compact argument cards, its decisions with their cost, the promise a bird keeps, the closing call.",
|
|
1391
|
+
"status": "beta",
|
|
1392
|
+
"category": "templates",
|
|
1393
|
+
"platforms": "web",
|
|
1394
|
+
"examples": {
|
|
1395
|
+
"web": 1,
|
|
1396
|
+
"native": 0
|
|
1397
|
+
},
|
|
1398
|
+
"dependencies": [],
|
|
1399
|
+
"registryDependencies": [
|
|
1400
|
+
"argument-card",
|
|
1401
|
+
"card-grid",
|
|
1402
|
+
"cn",
|
|
1403
|
+
"cta-panel",
|
|
1404
|
+
"decision-list",
|
|
1405
|
+
"mascot-quote",
|
|
1406
|
+
"mascots",
|
|
1407
|
+
"page",
|
|
1408
|
+
"page-hero",
|
|
1409
|
+
"section-backdrop"
|
|
1410
|
+
]
|
|
1411
|
+
},
|
|
1412
|
+
{
|
|
1413
|
+
"name": "profile-card",
|
|
1414
|
+
"type": "primitive",
|
|
1415
|
+
"title": "Profile card",
|
|
1416
|
+
"summary": "A profile at a glance — a portrait, a name, a headline gauge, a few stats with their values in words, a line and actions: a creator, a match, a member, a plan.",
|
|
1417
|
+
"description": "A profile at a glance — a portrait, a name, a headline gauge, a few stats with their values in words, a line and actions: a creator, a match, a member, a plan.",
|
|
1418
|
+
"status": "beta",
|
|
1419
|
+
"category": "data-display",
|
|
1420
|
+
"platforms": "both",
|
|
1421
|
+
"examples": {
|
|
1422
|
+
"web": 3,
|
|
1423
|
+
"native": 1
|
|
1424
|
+
},
|
|
1425
|
+
"dependencies": [],
|
|
1426
|
+
"registryDependencies": [
|
|
1427
|
+
"cn"
|
|
1428
|
+
]
|
|
1429
|
+
},
|
|
923
1430
|
{
|
|
924
1431
|
"name": "progress",
|
|
925
1432
|
"type": "primitive",
|
|
@@ -938,6 +1445,24 @@
|
|
|
938
1445
|
],
|
|
939
1446
|
"registryDependencies": []
|
|
940
1447
|
},
|
|
1448
|
+
{
|
|
1449
|
+
"name": "promise-card",
|
|
1450
|
+
"type": "primitive",
|
|
1451
|
+
"title": "Promise card",
|
|
1452
|
+
"summary": "A promise, the keys that call it and who carries it: a product's guarantee with its bird, a shortcut and what it does — a calm card with key-caps by default, a combo card whose keys light one by one in the arcade flavour.",
|
|
1453
|
+
"description": "A promise, the keys that call it and who carries it: a product's guarantee with its bird, a shortcut and what it does — a calm card with key-caps by default, a combo card whose keys light one by one in the arcade flavour.",
|
|
1454
|
+
"status": "beta",
|
|
1455
|
+
"category": "data-display",
|
|
1456
|
+
"platforms": "web",
|
|
1457
|
+
"examples": {
|
|
1458
|
+
"web": 2,
|
|
1459
|
+
"native": 0
|
|
1460
|
+
},
|
|
1461
|
+
"dependencies": [],
|
|
1462
|
+
"registryDependencies": [
|
|
1463
|
+
"cn"
|
|
1464
|
+
]
|
|
1465
|
+
},
|
|
941
1466
|
{
|
|
942
1467
|
"name": "radio-group",
|
|
943
1468
|
"type": "primitive",
|
|
@@ -957,6 +1482,24 @@
|
|
|
957
1482
|
],
|
|
958
1483
|
"registryDependencies": []
|
|
959
1484
|
},
|
|
1485
|
+
{
|
|
1486
|
+
"name": "scroll-stage",
|
|
1487
|
+
"type": "primitive",
|
|
1488
|
+
"title": "Scroll stage",
|
|
1489
|
+
"summary": "The conductor of a told page: chapters (`Scene`) that play their entrance once, in order, as they scroll into view — the visual, then the announcement, then the words — with one slow loop each, running only while on screen.",
|
|
1490
|
+
"description": "The conductor of a told page: chapters (`Scene`) that play their entrance once, in order, as they scroll into view — the visual, then the announcement, then the words — with one slow loop each, running only while on screen.",
|
|
1491
|
+
"status": "beta",
|
|
1492
|
+
"category": "layout",
|
|
1493
|
+
"platforms": "web",
|
|
1494
|
+
"examples": {
|
|
1495
|
+
"web": 2,
|
|
1496
|
+
"native": 0
|
|
1497
|
+
},
|
|
1498
|
+
"dependencies": [],
|
|
1499
|
+
"registryDependencies": [
|
|
1500
|
+
"cn"
|
|
1501
|
+
]
|
|
1502
|
+
},
|
|
960
1503
|
{
|
|
961
1504
|
"name": "search-field",
|
|
962
1505
|
"type": "primitive",
|
|
@@ -1030,6 +1573,24 @@
|
|
|
1030
1573
|
],
|
|
1031
1574
|
"registryDependencies": []
|
|
1032
1575
|
},
|
|
1576
|
+
{
|
|
1577
|
+
"name": "settings-layout",
|
|
1578
|
+
"type": "primitive",
|
|
1579
|
+
"title": "Settings layout",
|
|
1580
|
+
"summary": "Settings: the sections on the side (a row of chips that scrolls on a phone) and the current section's forms, each a titled card with its own save.",
|
|
1581
|
+
"description": "Settings: the sections on the side (a row of chips that scrolls on a phone) and the current section's forms, each a titled card with its own save.",
|
|
1582
|
+
"status": "beta",
|
|
1583
|
+
"category": "layouts",
|
|
1584
|
+
"platforms": "web",
|
|
1585
|
+
"examples": {
|
|
1586
|
+
"web": 2,
|
|
1587
|
+
"native": 0
|
|
1588
|
+
},
|
|
1589
|
+
"dependencies": [
|
|
1590
|
+
"tailwind-variants@^3.3.1"
|
|
1591
|
+
],
|
|
1592
|
+
"registryDependencies": []
|
|
1593
|
+
},
|
|
1033
1594
|
{
|
|
1034
1595
|
"name": "skeleton",
|
|
1035
1596
|
"type": "primitive",
|
|
@@ -1103,6 +1664,42 @@
|
|
|
1103
1664
|
],
|
|
1104
1665
|
"registryDependencies": []
|
|
1105
1666
|
},
|
|
1667
|
+
{
|
|
1668
|
+
"name": "split-view",
|
|
1669
|
+
"type": "primitive",
|
|
1670
|
+
"title": "Split view",
|
|
1671
|
+
"summary": "A list and its open item: two panes on a desktop; on a phone one at a time, the open item with the way back — chosen by showDetail, from the address.",
|
|
1672
|
+
"description": "A list and its open item: two panes on a desktop; on a phone one at a time, the open item with the way back — chosen by showDetail, from the address.",
|
|
1673
|
+
"status": "beta",
|
|
1674
|
+
"category": "layouts",
|
|
1675
|
+
"platforms": "web",
|
|
1676
|
+
"examples": {
|
|
1677
|
+
"web": 2,
|
|
1678
|
+
"native": 0
|
|
1679
|
+
},
|
|
1680
|
+
"dependencies": [
|
|
1681
|
+
"tailwind-variants@^3.3.1"
|
|
1682
|
+
],
|
|
1683
|
+
"registryDependencies": []
|
|
1684
|
+
},
|
|
1685
|
+
{
|
|
1686
|
+
"name": "stage-banner",
|
|
1687
|
+
"type": "primitive",
|
|
1688
|
+
"title": "Stage banner",
|
|
1689
|
+
"summary": "The announcement of a chapter: a stage and its name on one line, or, large, a stage above a title and a line — a sober eyebrow by default, a stage call that slams in for the arcade flavour.",
|
|
1690
|
+
"description": "The announcement of a chapter: a stage and its name on one line, or, large, a stage above a title and a line — a sober eyebrow by default, a stage call that slams in for the arcade flavour.",
|
|
1691
|
+
"status": "beta",
|
|
1692
|
+
"category": "blocks",
|
|
1693
|
+
"platforms": "web",
|
|
1694
|
+
"examples": {
|
|
1695
|
+
"web": 2,
|
|
1696
|
+
"native": 0
|
|
1697
|
+
},
|
|
1698
|
+
"dependencies": [],
|
|
1699
|
+
"registryDependencies": [
|
|
1700
|
+
"cn"
|
|
1701
|
+
]
|
|
1702
|
+
},
|
|
1106
1703
|
{
|
|
1107
1704
|
"name": "stat",
|
|
1108
1705
|
"type": "primitive",
|
|
@@ -1121,6 +1718,25 @@
|
|
|
1121
1718
|
],
|
|
1122
1719
|
"registryDependencies": []
|
|
1123
1720
|
},
|
|
1721
|
+
{
|
|
1722
|
+
"name": "status-page",
|
|
1723
|
+
"type": "primitive",
|
|
1724
|
+
"title": "Status page",
|
|
1725
|
+
"summary": "Where things stand: the overall state in words and colour, each service on its line, the incidents — or, for what is not built yet, its progress and how to hear about it.",
|
|
1726
|
+
"description": "Where things stand: the overall state in words and colour, each service on its line, the incidents — or, for what is not built yet, its progress and how to hear about it.",
|
|
1727
|
+
"status": "beta",
|
|
1728
|
+
"category": "templates",
|
|
1729
|
+
"platforms": "web",
|
|
1730
|
+
"examples": {
|
|
1731
|
+
"web": 2,
|
|
1732
|
+
"native": 0
|
|
1733
|
+
},
|
|
1734
|
+
"dependencies": [],
|
|
1735
|
+
"registryDependencies": [
|
|
1736
|
+
"page",
|
|
1737
|
+
"page-hero"
|
|
1738
|
+
]
|
|
1739
|
+
},
|
|
1124
1740
|
{
|
|
1125
1741
|
"name": "stepper",
|
|
1126
1742
|
"type": "primitive",
|