sparkdesign 0.4.5 → 0.4.7
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/AI_README.md +60 -0
- package/README.md +74 -22
- package/cli/dist/commands/add.js +23 -13
- package/cli/dist/commands/diff.js +8 -4
- package/cli/dist/commands/init.js +85 -10
- package/cli/dist/commands/list.js +8 -4
- package/cli/dist/index.js +9 -6
- package/cli/dist/utils/config.js +16 -8
- package/cli/dist/utils/package-manager.js +75 -0
- package/cli/dist/utils/registry.js +8 -4
- package/cli/dist/utils/tokens.js +33 -25
- package/cli/dist/utils/transform.js +9 -5
- package/cli/dist/utils/tsconfig.js +182 -0
- package/cli/registry/AGENTS.md +25 -0
- package/cli/registry/__tests__/chat/thinking-indicator.test.tsx +2 -2
- package/cli/registry/agent-manifest.json +794 -0
- package/cli/registry/basic/alert.tsx +76 -0
- package/cli/registry/basic/aspect-ratio.tsx +8 -0
- package/cli/registry/basic/breadcrumb.tsx +117 -0
- package/cli/registry/basic/button-group.tsx +79 -0
- package/cli/registry/basic/button.tsx +1 -1
- package/cli/registry/basic/calendar.tsx +221 -0
- package/cli/registry/basic/card.tsx +103 -0
- package/cli/registry/basic/carousel.tsx +241 -0
- package/cli/registry/basic/chart.tsx +372 -0
- package/cli/registry/basic/checkbox.tsx +42 -0
- package/cli/registry/basic/collapsible-card.tsx +2 -2
- package/cli/registry/basic/combobox.tsx +75 -0
- package/cli/registry/basic/command.tsx +184 -0
- package/cli/registry/basic/context-menu.tsx +239 -0
- package/cli/registry/basic/data-table.tsx +73 -0
- package/cli/registry/basic/date-picker.tsx +13 -0
- package/cli/registry/basic/dialog.tsx +169 -0
- package/cli/registry/basic/direction.tsx +25 -0
- package/cli/registry/basic/drawer.tsx +164 -0
- package/cli/registry/basic/dropdown-menu.tsx +0 -4
- package/cli/registry/basic/empty.tsx +104 -0
- package/cli/registry/basic/field.tsx +248 -0
- package/cli/registry/basic/hover-card.tsx +58 -0
- package/cli/registry/basic/input-group.tsx +168 -0
- package/cli/registry/basic/input-otp.tsx +75 -0
- package/cli/registry/basic/input.tsx +27 -0
- package/cli/registry/basic/item.tsx +204 -0
- package/cli/registry/basic/label.tsx +24 -0
- package/cli/registry/basic/menubar.tsx +274 -0
- package/cli/registry/basic/native-select.tsx +62 -0
- package/cli/registry/basic/navigation-menu.tsx +168 -0
- package/cli/registry/basic/popover.tsx +59 -0
- package/cli/registry/basic/scroll-area.tsx +58 -0
- package/cli/registry/basic/select.tsx +2 -1
- package/cli/registry/basic/separator.tsx +26 -0
- package/cli/registry/basic/sheet.tsx +18 -0
- package/cli/registry/basic/textarea.tsx +25 -0
- package/cli/registry/basic/toggle.tsx +1 -1
- package/cli/registry/basic/typography.tsx +1 -1
- package/cli/registry/chat/chat-input/chat-input-folder-selector.tsx +1 -1
- package/cli/registry/chat/chat-input/chat-input-textarea.tsx +1 -1
- package/cli/registry/chat/chat-input/compound.tsx +4 -3
- package/cli/registry/chat/chat-input/context.tsx +4 -1
- package/cli/registry/chat/chat-input/folder-permission-dialog.tsx +2 -2
- package/cli/registry/chat/code-block-part.tsx +1 -1
- package/cli/registry/chat/conversation-anchor-nav.tsx +349 -0
- package/cli/registry/chat/file-attachment.tsx +2 -1
- package/cli/registry/chat/file-review-part.tsx +21 -21
- package/cli/registry/chat/image-generating.tsx +1 -1
- package/cli/registry/chat/markdown.tsx +2 -2
- package/cli/registry/chat/queue-indicator.tsx +1 -0
- package/cli/registry/chat/response/context.tsx +1 -1
- package/cli/registry/chat/streaming-markdown-block.tsx +12 -8
- package/cli/registry/chat/thinking-indicator.tsx +1 -1
- package/cli/registry/chat/tool-invocation-card.tsx +4 -1
- package/cli/registry/lib/file-icon-maps.ts +22 -22
- package/cli/registry/meta.json +518 -0
- package/cli/registry/tokens/index.css +8 -5
- package/cli/registry/tokens/ontology.json +404 -0
- package/cli/registry/tokens/scale/presets/compact.css +16 -5
- package/cli/registry/tokens/scale/presets/dense.css +13 -2
- package/cli/registry/tokens/scale/presets/sharp.css +18 -6
- package/cli/registry/tokens/scale/presets/soft.css +23 -1
- package/cli/registry/tokens/theme-base.css +235 -0
- package/{dist/tokens/themes/dark-qoder.css → cli/registry/tokens/themes/dark-mint.css} +1 -1
- package/cli/registry/tokens/themes/dark-parchment.css +104 -103
- package/{dist/tokens/themes/light-qoder.css → cli/registry/tokens/themes/light-mint.css} +1 -1
- package/cli/registry/tokens/themes/light-parchment.css +103 -102
- package/dist/registry/basic/alert-dialog.d.ts +7 -5
- package/dist/registry/basic/alert.d.ts +24 -0
- package/dist/registry/basic/aspect-ratio.d.ts +16 -0
- package/dist/registry/basic/avatar.d.ts +7 -5
- package/dist/registry/basic/breadcrumb.d.ts +24 -0
- package/dist/registry/basic/button-group.d.ts +26 -0
- package/dist/registry/basic/button.d.ts +1 -1
- package/dist/registry/basic/calendar.d.ts +22 -0
- package/dist/registry/basic/card.d.ts +27 -0
- package/dist/registry/basic/carousel.d.ts +19 -0
- package/dist/registry/basic/chart.d.ts +55 -0
- package/dist/registry/basic/checkbox.d.ts +21 -0
- package/dist/registry/basic/collapse.d.ts +7 -5
- package/dist/registry/basic/collapsible-card.d.ts +7 -6
- package/dist/registry/basic/collapsible.d.ts +7 -5
- package/dist/registry/basic/combobox.d.ts +26 -0
- package/dist/registry/basic/command.d.ts +18 -0
- package/dist/registry/basic/context-menu.d.ts +44 -0
- package/dist/registry/basic/data-table.d.ts +26 -0
- package/dist/registry/basic/date-picker.d.ts +18 -0
- package/dist/registry/basic/dialog.d.ts +39 -0
- package/dist/registry/basic/direction.d.ts +19 -0
- package/dist/registry/basic/drawer.d.ts +37 -0
- package/dist/registry/basic/dropdown-menu.d.ts +7 -5
- package/dist/registry/basic/empty.d.ts +22 -0
- package/dist/registry/basic/field.d.ts +24 -0
- package/dist/registry/basic/hover-card.d.ts +22 -0
- package/dist/registry/basic/icons-inline.d.ts +7 -5
- package/dist/registry/basic/input-group.d.ts +27 -0
- package/dist/registry/basic/input-otp.d.ts +22 -0
- package/dist/registry/basic/input.d.ts +15 -0
- package/dist/registry/basic/item.d.ts +34 -0
- package/dist/registry/basic/kbd.d.ts +7 -5
- package/dist/registry/basic/label.d.ts +16 -0
- package/dist/registry/basic/menubar.d.ts +37 -0
- package/dist/registry/basic/native-select.d.ts +18 -0
- package/dist/registry/basic/navigation-menu.d.ts +25 -0
- package/dist/registry/basic/pagination.d.ts +7 -5
- package/dist/registry/basic/popover.d.ts +23 -0
- package/dist/registry/basic/progress.d.ts +7 -5
- package/dist/registry/basic/radio-group.d.ts +7 -5
- package/dist/registry/basic/resizable.d.ts +7 -5
- package/dist/registry/basic/scroll-area.d.ts +5 -0
- package/dist/registry/basic/select.d.ts +7 -5
- package/dist/registry/basic/separator.d.ts +16 -0
- package/dist/registry/basic/sheet.d.ts +13 -0
- package/dist/registry/basic/slider.d.ts +7 -5
- package/dist/registry/basic/sonner.d.ts +7 -5
- package/dist/registry/basic/switch.d.ts +7 -5
- package/dist/registry/basic/tabs.d.ts +7 -5
- package/dist/registry/basic/tag.d.ts +7 -5
- package/dist/registry/basic/textarea.d.ts +15 -0
- package/dist/registry/basic/theme-from-document.d.ts +7 -5
- package/dist/registry/basic/toggle.d.ts +1 -1
- package/dist/registry/basic/tooltip.d.ts +7 -5
- package/dist/registry/basic/typography.d.ts +7 -5
- package/dist/registry/chat/ask-user-part.d.ts +9 -3
- package/dist/registry/chat/browser-action-part.d.ts +9 -3
- package/dist/registry/chat/chat-input/compound.d.ts +7 -5
- package/dist/registry/chat/chat-input/context.d.ts +10 -6
- package/dist/registry/chat/chat-input/index.d.ts +7 -5
- package/dist/registry/chat/chat-input/types.d.ts +9 -3
- package/dist/registry/chat/chat-input/useAutoResizeTextarea.d.ts +9 -3
- package/dist/registry/chat/code-block-part.d.ts +9 -3
- package/dist/registry/chat/conversation-anchor-nav.d.ts +72 -0
- package/dist/registry/chat/file-attachment.d.ts +7 -5
- package/dist/registry/chat/file-review-part.d.ts +9 -4
- package/dist/registry/chat/generated-images-grid.d.ts +9 -3
- package/dist/registry/chat/generation-status-bar.d.ts +8 -4
- package/dist/registry/chat/hint-banner.d.ts +9 -3
- package/dist/registry/chat/mermaid-part.d.ts +9 -3
- package/dist/registry/chat/plan-part.d.ts +9 -3
- package/dist/registry/chat/reasoning-step/index.d.ts +8 -6
- package/dist/registry/chat/reasoning-step/types.d.ts +9 -3
- package/dist/registry/chat/related-prompts.d.ts +9 -3
- package/dist/registry/chat/response/index.d.ts +8 -6
- package/dist/registry/chat/response/types.d.ts +9 -3
- package/dist/registry/chat/task-part.d.ts +9 -3
- package/dist/registry/chat/terminal-code-block-part.d.ts +9 -3
- package/dist/registry/chat/tool-invocation-card.d.ts +2 -0
- package/dist/registry/chat/user-question/UserQuestionCard.d.ts +9 -3
- package/dist/registry/chat/user-question/UserQuestionFooter.d.ts +9 -3
- package/dist/registry/chat/user-question/UserQuestionHeader.d.ts +9 -3
- package/dist/registry/chat/user-question/types.d.ts +8 -5
- package/dist/registry/lib/file-icon-maps.d.ts +7 -7
- package/dist/registry/lib/utils.d.ts +8 -6
- package/dist/scale/presets/compact.css +16 -5
- package/dist/scale/presets/dense.css +13 -2
- package/dist/scale/presets/sharp.css +18 -6
- package/dist/scale/presets/soft.css +23 -1
- package/dist/spark-design.cjs.js +40 -36
- package/dist/spark-design.es.js +8653 -8663
- package/dist/sparkdesign.css +2 -0
- package/dist/src/components/basic/Alert/index.d.ts +13 -0
- package/dist/src/components/basic/AlertDialog/index.d.ts +7 -5
- package/dist/src/components/basic/AspectRatio/index.d.ts +13 -0
- package/dist/src/components/basic/Avatar/index.d.ts +9 -3
- package/dist/src/components/basic/Breadcrumb/index.d.ts +12 -0
- package/dist/src/components/basic/Button/index.d.ts +9 -3
- package/dist/src/components/basic/ButtonGroup/index.d.ts +13 -0
- package/dist/src/components/basic/Calendar/index.d.ts +13 -0
- package/dist/src/components/basic/Card/index.d.ts +13 -0
- package/dist/src/components/basic/Carousel/index.d.ts +12 -0
- package/dist/src/components/basic/Chart/index.d.ts +13 -0
- package/dist/src/components/basic/Checkbox/index.d.ts +13 -0
- package/dist/src/components/basic/Collapse/index.d.ts +7 -4
- package/dist/src/components/basic/Collapsible/index.d.ts +9 -4
- package/dist/src/components/basic/CollapsibleCard/index.d.ts +9 -3
- package/dist/src/components/basic/CollapsibleSection/index.d.ts +7 -7
- package/dist/src/components/basic/Combobox/index.d.ts +13 -0
- package/dist/src/components/basic/Command/index.d.ts +12 -0
- package/dist/src/components/basic/ContextMenu/index.d.ts +19 -0
- package/dist/src/components/basic/DataTable/index.d.ts +13 -0
- package/dist/src/components/basic/DatePicker/index.d.ts +13 -0
- package/dist/src/components/basic/Dialog/index.d.ts +16 -0
- package/dist/src/components/basic/Direction/index.d.ts +13 -0
- package/dist/src/components/basic/Drawer/index.d.ts +16 -0
- package/dist/src/components/basic/DropdownMenu/index.d.ts +7 -5
- package/dist/src/components/basic/EllipsisText/index.d.ts +7 -15
- package/dist/src/components/basic/Empty/index.d.ts +12 -0
- package/dist/src/components/basic/Field/index.d.ts +12 -0
- package/dist/src/components/basic/HoverCard/index.d.ts +16 -0
- package/dist/src/components/basic/IconButton/index.d.ts +9 -3
- package/dist/src/components/basic/Input/index.d.ts +13 -0
- package/dist/src/components/basic/InputGroup/index.d.ts +12 -0
- package/dist/src/components/basic/InputOTP/index.d.ts +12 -0
- package/dist/src/components/basic/Item/index.d.ts +12 -0
- package/dist/src/components/basic/Kbd/index.d.ts +9 -3
- package/dist/src/components/basic/Label/index.d.ts +13 -0
- package/dist/src/components/basic/Menubar/index.d.ts +12 -0
- package/dist/src/components/basic/NativeSelect/index.d.ts +12 -0
- package/dist/src/components/basic/NavigationMenu/index.d.ts +12 -0
- package/dist/src/components/basic/OptionList/index.d.ts +9 -3
- package/dist/src/components/basic/Pagination/index.d.ts +9 -3
- package/dist/src/components/basic/Popover/index.d.ts +16 -0
- package/dist/src/components/basic/Progress/index.d.ts +9 -3
- package/dist/src/components/basic/RadioGroup/index.d.ts +9 -3
- package/dist/src/components/basic/Resizable/index.d.ts +9 -3
- package/dist/src/components/basic/ScrollArea/index.d.ts +12 -0
- package/dist/src/components/basic/Scrollbar/index.d.ts +9 -3
- package/dist/src/components/basic/Select/index.d.ts +7 -4
- package/dist/src/components/basic/Separator/index.d.ts +13 -0
- package/dist/src/components/basic/Sheet/index.d.ts +13 -0
- package/dist/src/components/basic/ShimmeringText/index.d.ts +9 -3
- package/dist/src/components/basic/Skeleton/index.d.ts +9 -3
- package/dist/src/components/basic/Slider/index.d.ts +9 -3
- package/dist/src/components/basic/Spinner/index.d.ts +9 -3
- package/dist/src/components/basic/Switch/index.d.ts +8 -5
- package/dist/src/components/basic/Table/index.d.ts +9 -3
- package/dist/src/components/basic/Tabs/index.d.ts +9 -3
- package/dist/src/components/basic/Tag/index.d.ts +7 -4
- package/dist/src/components/basic/Textarea/index.d.ts +13 -0
- package/dist/src/components/basic/Toggle/index.d.ts +9 -3
- package/dist/src/components/basic/Tooltip/index.d.ts +7 -4
- package/dist/src/components/basic/Typography/index.d.ts +9 -3
- package/dist/src/components/chat/ConversationAnchorNav/index.d.ts +13 -0
- package/dist/src/components/chat/GeneratedImagesGrid/index.d.ts +9 -3
- package/dist/src/components/chat/GenerationStatusBar/index.d.ts +9 -3
- package/dist/src/components/chat/Markdown/demo-content.d.ts +1 -1
- package/dist/src/components/chat/Markdown/index.d.ts +9 -3
- package/dist/src/components/chat/Response/StreamingMarkdownBlock.d.ts +9 -3
- package/dist/src/components/chat/Response/index.d.ts +8 -6
- package/dist/src/components/chat/StreamingMarkdownBlock/index.d.ts +13 -0
- package/dist/src/components/chat/UserMessage/index.d.ts +9 -3
- package/dist/src/components/index.d.ts +64 -9
- package/dist/src/icons/context.d.ts +7 -6
- package/dist/src/icons/types.d.ts +7 -5
- package/dist/src/lib/ThemeStyleContext.d.ts +9 -9
- package/dist/src/lib/file-icon.d.ts +7 -6
- package/dist/src/lib/i18n.d.ts +7 -6
- package/dist/src/lib/index.d.ts +9 -3
- package/dist/src/lib/utils.d.ts +7 -5
- package/dist/theme-base.css +7 -8
- package/dist/theme.css +2 -2
- package/dist/themes/{dark-qoder.css → dark-mint.css} +1 -1
- package/dist/themes/{light-qoder.css → light-mint.css} +1 -1
- package/dist/tokens/AGENTS.md +48 -0
- package/dist/tokens/index.css +10 -19
- package/dist/tokens/scale/presets/compact.css +16 -5
- package/dist/tokens/scale/presets/dense.css +13 -2
- package/dist/tokens/scale/presets/sharp.css +18 -6
- package/dist/tokens/scale/presets/soft.css +23 -1
- package/dist/tokens/theme-base.css +7 -8
- package/dist/tokens/theme.css +2 -2
- package/dist/tokens/themes/dark-mint.css +133 -0
- package/dist/tokens/themes/light-mint.css +132 -0
- package/docs/agent/component-selection.md +60 -0
- package/docs/agent/token-ontology.md +37 -0
- package/package.json +41 -9
- package/registry/agent-manifest.json +794 -0
- package/registry/tokens/ontology.json +404 -0
- package/cli/registry/tokens/themes/dark-qoder.css +0 -132
- package/cli/registry/tokens/themes/light-qoder.css +0 -131
- package/dist/_basePickBy-DnQN8w3y.js +0 -151
- package/dist/_basePickBy-a-kPMlkg.cjs +0 -1
- package/dist/_baseUniq-B-N2NQ50.js +0 -614
- package/dist/_baseUniq-Cc_zbSif.cjs +0 -1
- package/dist/arc-BQBhijZ6.js +0 -83
- package/dist/arc-mWQt0Yph.cjs +0 -1
- package/dist/architectureDiagram-VXUJARFQ-BMZEucno.cjs +0 -36
- package/dist/architectureDiagram-VXUJARFQ-DTdjD3Bp.js +0 -4661
- package/dist/blockDiagram-VD42YOAC-CzHn0yob.js +0 -2256
- package/dist/blockDiagram-VD42YOAC-DDxdHAlz.cjs +0 -122
- package/dist/c4Diagram-YG6GDRKO-4Gz0I4gj.cjs +0 -10
- package/dist/c4Diagram-YG6GDRKO-BIy--yVN.js +0 -1580
- package/dist/channel-BQn0o8bs.js +0 -5
- package/dist/channel-DaN7XniJ.cjs +0 -1
- package/dist/chunk-4BX2VUAB-BlQFTQqz.cjs +0 -1
- package/dist/chunk-4BX2VUAB-Czitj3Kc.js +0 -8
- package/dist/chunk-55IACEB6-DXacNZbO.js +0 -8
- package/dist/chunk-55IACEB6-DnDxpye9.cjs +0 -1
- package/dist/chunk-B4BG7PRW-CBdN0q_V.js +0 -1375
- package/dist/chunk-B4BG7PRW-DbGvUkGO.cjs +0 -165
- package/dist/chunk-DI55MBZ5-D1YJMs6x.cjs +0 -220
- package/dist/chunk-DI55MBZ5-NCQTvayw.js +0 -1370
- package/dist/chunk-FMBD7UC4-CsGMbrtr.js +0 -19
- package/dist/chunk-FMBD7UC4-Di7cUUh5.cjs +0 -15
- package/dist/chunk-QN33PNHL-0j5LC8Lm.cjs +0 -1
- package/dist/chunk-QN33PNHL-3GERZBRm.js +0 -19
- package/dist/chunk-QZHKN3VN-AVEY9ImQ.js +0 -15
- package/dist/chunk-QZHKN3VN-s8Z0a8mc.cjs +0 -1
- package/dist/chunk-TZMSLE5B-CAf87HPt.cjs +0 -1
- package/dist/chunk-TZMSLE5B-sbiflal0.js +0 -64
- package/dist/classDiagram-2ON5EDUG-Ct9JLIN2.cjs +0 -1
- package/dist/classDiagram-2ON5EDUG-Dzfrft3a.js +0 -16
- package/dist/classDiagram-v2-WZHVMYZB-Ct9JLIN2.cjs +0 -1
- package/dist/classDiagram-v2-WZHVMYZB-Dzfrft3a.js +0 -16
- package/dist/clone-Cde_NQ8V.js +0 -8
- package/dist/clone-DCNjWuM2.cjs +0 -1
- package/dist/cose-bilkent-S5V4N54A-0uLijMro.cjs +0 -1
- package/dist/cose-bilkent-S5V4N54A-Bb08N431.js +0 -2608
- package/dist/cytoscape.esm-CNUX3VTg.cjs +0 -321
- package/dist/cytoscape.esm-Cvf3sx9F.js +0 -18704
- package/dist/dagre-6UL2VRFP-CY_Wz5Zd.js +0 -444
- package/dist/dagre-6UL2VRFP-Dxe7_qZc.cjs +0 -4
- package/dist/defaultLocale-BgPVtth8.js +0 -171
- package/dist/defaultLocale-C4wbwF1n.cjs +0 -1
- package/dist/diagram-PSM6KHXK-D2bdb7MT.js +0 -531
- package/dist/diagram-PSM6KHXK-YF69SUjY.cjs +0 -24
- package/dist/diagram-QEK2KX5R-BpUSoh0-.js +0 -217
- package/dist/diagram-QEK2KX5R-DZPGteon.cjs +0 -43
- package/dist/diagram-S2PKOQOG-ht-zdvFG.cjs +0 -24
- package/dist/diagram-S2PKOQOG-zFeLJ50Z.js +0 -142
- package/dist/erDiagram-Q2GNP2WA-B38iJ6ts.js +0 -841
- package/dist/erDiagram-Q2GNP2WA-RgS80DDU.cjs +0 -60
- package/dist/flowDiagram-NV44I4VS-BHilOs2p.cjs +0 -162
- package/dist/flowDiagram-NV44I4VS-BrBJcoce.js +0 -1620
- package/dist/ganttDiagram-JELNMOA3-pZiJeFio.cjs +0 -267
- package/dist/ganttDiagram-JELNMOA3-tw6FhkWJ.js +0 -2670
- package/dist/gitGraphDiagram-V2S2FVAM-BWn5uIK5.js +0 -699
- package/dist/gitGraphDiagram-V2S2FVAM-DKKeG-9R.cjs +0 -65
- package/dist/graph-DIbblrZP.cjs +0 -1
- package/dist/graph-DPcK91G3.js +0 -247
- package/dist/infoDiagram-HS3SLOUP-B8gwwhct.cjs +0 -2
- package/dist/infoDiagram-HS3SLOUP-D47PNcP_.js +0 -24
- package/dist/init-CHZsXQcr.cjs +0 -1
- package/dist/init-DjUOC4st.js +0 -16
- package/dist/journeyDiagram-XKPGCS4Q-BG3cfhyU.js +0 -834
- package/dist/journeyDiagram-XKPGCS4Q-D8DVLJof.cjs +0 -139
- package/dist/kanban-definition-3W4ZIXB7-4OCnEouP.cjs +0 -89
- package/dist/kanban-definition-3W4ZIXB7-CWi_ssF9.js +0 -719
- package/dist/layout-Byuh8f-J.cjs +0 -1
- package/dist/layout-CdLdvj1j.js +0 -1335
- package/dist/linear-C2Q_PI9B.js +0 -259
- package/dist/linear-C69aPBW1.cjs +0 -1
- package/dist/mermaid.core-DBwAx_jp.cjs +0 -249
- package/dist/mermaid.core-gFR0XUlD.js +0 -15300
- package/dist/mindmap-definition-VGOIOE7T-8P7obVV4.cjs +0 -68
- package/dist/mindmap-definition-VGOIOE7T-DnOa7WJ9.js +0 -784
- package/dist/ordinal-B6-f3MAq.js +0 -61
- package/dist/ordinal-CagbB1m8.cjs +0 -1
- package/dist/pieDiagram-ADFJNKIX-5NAlvhMo.js +0 -161
- package/dist/pieDiagram-ADFJNKIX-CQBG4yR9.cjs +0 -30
- package/dist/qoder-design.css +0 -2
- package/dist/quadrantDiagram-AYHSOK5B-Oe4y7RZ0.cjs +0 -7
- package/dist/quadrantDiagram-AYHSOK5B-rh2DPEP1.js +0 -1022
- package/dist/requirementDiagram-UZGBJVZJ-DcWaCuXr.js +0 -850
- package/dist/requirementDiagram-UZGBJVZJ-gfdlrFiq.cjs +0 -64
- package/dist/sankeyDiagram-TZEHDZUN-CQIKFwD0.js +0 -810
- package/dist/sankeyDiagram-TZEHDZUN-DvPtzQvC.cjs +0 -10
- package/dist/sequenceDiagram-WL72ISMW-BNrsMagL.cjs +0 -145
- package/dist/sequenceDiagram-WL72ISMW-iCX3ckKx.js +0 -2511
- package/dist/stateDiagram-FKZM4ZOC-DBvJ_eeL.cjs +0 -1
- package/dist/stateDiagram-FKZM4ZOC-ZVsJlaHJ.js +0 -263
- package/dist/stateDiagram-v2-4FDKWEC3-CB_nTHcE.js +0 -16
- package/dist/stateDiagram-v2-4FDKWEC3-Xkx17v6T.cjs +0 -1
- package/dist/timeline-definition-IT6M3QCI-BmGkYQiz.cjs +0 -61
- package/dist/timeline-definition-IT6M3QCI-Ck8zTt6w.js +0 -795
- package/dist/tokens/CLAUDE.md +0 -305
- package/dist/treemap-GDKQZRPO-B9sfERx8.js +0 -17922
- package/dist/treemap-GDKQZRPO-BVfJRs0Z.cjs +0 -160
- package/dist/xychartDiagram-PRI3JC2R-By_S8NzN.js +0 -1340
- package/dist/xychartDiagram-PRI3JC2R-CNfDrGxM.cjs +0 -7
package/dist/tokens/CLAUDE.md
DELETED
|
@@ -1,305 +0,0 @@
|
|
|
1
|
-
# CLAUDE.md - Tokens 设计令牌模块
|
|
2
|
-
|
|
3
|
-
> 代码是机器相,文档是语义相,两相必须同构。
|
|
4
|
-
> 修改代码 → 检查 L3 → 检查 L2 → 检查 L1
|
|
5
|
-
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
## 模块概述
|
|
9
|
-
|
|
10
|
-
**tokens** 是设计系统的核心,定义双维度主题:布局风格 + 颜色主题。
|
|
11
|
-
|
|
12
|
-
---
|
|
13
|
-
|
|
14
|
-
## 目录结构
|
|
15
|
-
|
|
16
|
-
```
|
|
17
|
-
tokens/
|
|
18
|
-
├── index.css # 统一入口 (推荐)
|
|
19
|
-
├── scale.css # [DEPRECATED] 向后兼容入口
|
|
20
|
-
├── scale/ # 布局风格 token (data-style)
|
|
21
|
-
│ ├── config.css # 可配置基础变量 (用户可覆盖)
|
|
22
|
-
│ ├── computed.css # 映射到实际变量
|
|
23
|
-
│ ├── index.css # scale 统一入口
|
|
24
|
-
│ └── presets/ # 预设风格
|
|
25
|
-
│ ├── compact.css # 紧凑风格
|
|
26
|
-
│ ├── soft.css # 柔和风格
|
|
27
|
-
│ ├── sharp.css # 锐利风格
|
|
28
|
-
│ └── dense.css # 密集风格
|
|
29
|
-
├── theme-base.css # @theme 映射 + 动画 + 公共样式
|
|
30
|
-
├── theme.css # [DEPRECATED] 向后兼容入口
|
|
31
|
-
├── scrollbar-utility.css # 滚动条工具样式
|
|
32
|
-
└── themes/ # 颜色主题文件 (可按需引入)
|
|
33
|
-
├── light-qoder.css # Qoder 亮色 (默认)
|
|
34
|
-
├── dark-qoder.css # Qoder 暗色
|
|
35
|
-
├── light-parchment.css # 羊皮纸亮色
|
|
36
|
-
└── dark-parchment.css # 羊皮纸暗色
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
---
|
|
40
|
-
|
|
41
|
-
## 双维度主题系统
|
|
42
|
-
|
|
43
|
-
### 维度 1: 布局风格 (data-style)
|
|
44
|
-
|
|
45
|
-
| 风格 | 描述 | Spacing | Radius | Font Size |
|
|
46
|
-
|------|------|---------|--------|-----------|
|
|
47
|
-
| `neutral` | 平衡的标准 | 100% | 100% | 100% |
|
|
48
|
-
| `compact` | 优化效率 | 75% | 67% | -1px |
|
|
49
|
-
| `soft` | 舒适至上 | 150% | 150% | +10% |
|
|
50
|
-
| `sharp` | 几何精度 | 100% | 0 | 100% |
|
|
51
|
-
| `dense` | 信息密集 | 50% | 50% | -2px |
|
|
52
|
-
|
|
53
|
-
### 维度 2: 颜色主题 (data-theme)
|
|
54
|
-
|
|
55
|
-
**主题**与**亮暗色**区分:`data-theme` 为颜色主题的机制(取值为主题名);**亮色**与**暗色**为内置两套主题(`light` / `dark`),与布局风格 (data-style) 独立,可扩展自定义主题。
|
|
56
|
-
|
|
57
|
-
| 主题 | 描述 |
|
|
58
|
-
|------|------|
|
|
59
|
-
| `light` | 亮色(内置) |
|
|
60
|
-
| `dark` | 暗色(内置) |
|
|
61
|
-
| *自定义* | 可扩展 |
|
|
62
|
-
|
|
63
|
-
---
|
|
64
|
-
|
|
65
|
-
## scale/ - 布局风格令牌
|
|
66
|
-
|
|
67
|
-
### 配置化架构
|
|
68
|
-
|
|
69
|
-
scale 模块采用双层设计,支持用户自定义配置:
|
|
70
|
-
|
|
71
|
-
1. **config.css** - 定义可覆盖的基础变量 (`--config-*`)
|
|
72
|
-
2. **computed.css** - 将配置映射到实际变量 (`--spacing-*`, `--radius-*`)
|
|
73
|
-
3. **presets/** - 预设风格,覆盖部分配置
|
|
74
|
-
|
|
75
|
-
### 用户自定义配置
|
|
76
|
-
|
|
77
|
-
```css
|
|
78
|
-
/* 只引入配置层 + 计算层,不引入预设 */
|
|
79
|
-
@import "./tokens/scale/config.css";
|
|
80
|
-
@import "./tokens/scale/computed.css";
|
|
81
|
-
|
|
82
|
-
/* 覆盖配置 */
|
|
83
|
-
:root {
|
|
84
|
-
--config-radius-default: 10px; /* 自定义默认圆角 */
|
|
85
|
-
--config-spacing-4: 18px; /* 自定义间距 */
|
|
86
|
-
--config-font-size-base: 16px; /* 自定义基础字号 */
|
|
87
|
-
}
|
|
88
|
-
```
|
|
89
|
-
|
|
90
|
-
### 可配置变量列表
|
|
91
|
-
|
|
92
|
-
| 类别 | 变量前缀 | 示例 |
|
|
93
|
-
|------|---------|------|
|
|
94
|
-
| 间距 | `--config-spacing-*` | `--config-spacing-4: 16px` |
|
|
95
|
-
| 圆角 | `--config-radius-*` | `--config-radius-default: 6px` |
|
|
96
|
-
| 字号 | `--config-font-size-*` | `--config-font-size-base: 14px` |
|
|
97
|
-
| 动画 | `--config-motion-*` | `--config-motion-duration-base: 200ms` |
|
|
98
|
-
| 字体 | `--config-font-*` | `--config-font-mono: ...` |
|
|
99
|
-
|
|
100
|
-
### 结构原则(只覆盖差异)
|
|
101
|
-
|
|
102
|
-
- **:root / neutral**:完整基准 scale
|
|
103
|
-
- **soft**:仅覆盖 `--radius`,继承 spacing 与 font
|
|
104
|
-
- **compact 与 sharp**:共用同一 spacing + font 块,再分别补 radius(compact 有圆角,sharp 直角 + 等宽字体)
|
|
105
|
-
- **dense**:独立完整 scale(与基准差异大,单独列出)
|
|
106
|
-
|
|
107
|
-
### Token 类别
|
|
108
|
-
|
|
109
|
-
1. **Spacing Scale**:`--spacing-0` 到 `--spacing-96`
|
|
110
|
-
2. **Radius Scale**:`--radius-none` 到 `--radius-full`
|
|
111
|
-
3. **Font Size Scale**:`--font-size-xs` 到 `--font-size-9xl`
|
|
112
|
-
|
|
113
|
-
### 按钮与 spacing 的搭配关系
|
|
114
|
-
|
|
115
|
-
按钮使用 `h-7/9/11` + `px-2/3/4`,各主题通过 scale 同时控制高度与左右 padding,使 **padding-x / height** 比例约在 0.28~0.36,视觉一致:
|
|
116
|
-
|
|
117
|
-
- **neutral**:28/36/44 + 8/12/16 → 比例 ~0.29 / 0.33 / 0.36
|
|
118
|
-
- **compact / sharp**:28/32/40 + 8/10/14 → 比例 ~0.29 / 0.31 / 0.35
|
|
119
|
-
- **dense**:24/28/32 + 6/8/12 → 比例 ~0.25 / 0.29 / 0.375
|
|
120
|
-
|
|
121
|
-
### Tailwind 兼容
|
|
122
|
-
|
|
123
|
-
所有 token 直接映射到 Tailwind 类名:
|
|
124
|
-
|
|
125
|
-
```html
|
|
126
|
-
<!-- 直接使用 Tailwind 类名 -->
|
|
127
|
-
<div className="p-4 rounded-md text-base">
|
|
128
|
-
```
|
|
129
|
-
|
|
130
|
-
### 使用方式
|
|
131
|
-
|
|
132
|
-
```html
|
|
133
|
-
<body data-style="soft">
|
|
134
|
-
<!-- spacing-4 = 24px (150% of 16px) -->
|
|
135
|
-
<!-- radius-md = 12px (150% of 6px) -->
|
|
136
|
-
</body>
|
|
137
|
-
```
|
|
138
|
-
|
|
139
|
-
---
|
|
140
|
-
|
|
141
|
-
## theme-base.css - Tailwind 映射与公共样式
|
|
142
|
-
|
|
143
|
-
此文件定义 Token → Tailwind 的映射契约,不包含具体颜色值。
|
|
144
|
-
|
|
145
|
-
### 内容
|
|
146
|
-
|
|
147
|
-
1. **@custom-variant dark**:定义 dark 变体选择器
|
|
148
|
-
2. **@theme inline**:text/radius/spacing 映射(随 data-style 变化)
|
|
149
|
-
3. **@theme**:颜色变量映射 `--color-*: var(--token-color-*)`
|
|
150
|
-
4. **动画**:accordion-down/up/right/left
|
|
151
|
-
5. **字体**:Seti 图标字体
|
|
152
|
-
|
|
153
|
-
---
|
|
154
|
-
|
|
155
|
-
## themes/*.css - 颜色主题文件
|
|
156
|
-
|
|
157
|
-
### 命名与 @theme 无自引用
|
|
158
|
-
|
|
159
|
-
颜色「源」变量在 `:root` / `[data-theme="..."]` 中统一使用 **`--token-color-*`** 命名;`@theme` 块内仅做**单向映射** `--color-*: var(--token-color-*)`,避免 `--color-xxx: var(--color-xxx)` 自循环导致按需引入(CLI init/add)时取不到值。
|
|
160
|
-
|
|
161
|
-
- **组件与样式**:继续使用公开 API `var(--color-primary)` 等,由 @theme 解析到 `--token-color-*`。
|
|
162
|
-
- **扩展新主题**:在主题块内定义 `--token-color-*`,不要在该主题块内再定义 `--color-*`。
|
|
163
|
-
|
|
164
|
-
### Token 类别
|
|
165
|
-
|
|
166
|
-
1. **Primary**:主色调
|
|
167
|
-
2. **Text**:文本色(primary/secondary/tertiary/quaternary/base)
|
|
168
|
-
3. **Border**:边框色(primary/secondary/tertiary)
|
|
169
|
-
4. **Fill**:填充色(primary/secondary/tertiary/quaternary/disable)
|
|
170
|
-
5. **Background**:背景色(container/elevated/layout/spotlight/mask/base/highlight)
|
|
171
|
-
6. **Semantic**:语义色(link/error/info/success/warning)
|
|
172
|
-
7. **Accent**:强调色(pink/purple/yellow/orange/teal/blue/mauve/slate/lavender/sage)
|
|
173
|
-
8. **Diff**:diff 颜色(insert/remove)
|
|
174
|
-
|
|
175
|
-
### 扩展新主题
|
|
176
|
-
|
|
177
|
-
**方式 1:创建独立文件**
|
|
178
|
-
|
|
179
|
-
```css
|
|
180
|
-
/* my-custom-theme.css */
|
|
181
|
-
[data-theme="my-theme"] {
|
|
182
|
-
--token-color-primary: #3B82F6;
|
|
183
|
-
--token-color-primary-hover: #2563EB;
|
|
184
|
-
/* ... 覆盖需要的颜色变量 */
|
|
185
|
-
}
|
|
186
|
-
```
|
|
187
|
-
|
|
188
|
-
用户引入:
|
|
189
|
-
```css
|
|
190
|
-
@import "./tokens/scale.css";
|
|
191
|
-
@import "./tokens/theme-base.css";
|
|
192
|
-
@import "./my-custom-theme.css";
|
|
193
|
-
```
|
|
194
|
-
|
|
195
|
-
**方式 2:添加到 themes/ 目录**
|
|
196
|
-
|
|
197
|
-
如果要作为内置主题,在 `themes/` 目录下创建新文件,并在 `index.css` 中添加引入。
|
|
198
|
-
|
|
199
|
-
---
|
|
200
|
-
|
|
201
|
-
## 引入方式
|
|
202
|
-
|
|
203
|
-
### 1. 全量引入(推荐)
|
|
204
|
-
|
|
205
|
-
```css
|
|
206
|
-
@import "./tokens/index.css";
|
|
207
|
-
```
|
|
208
|
-
|
|
209
|
-
### 2. 按需引入
|
|
210
|
-
|
|
211
|
-
```css
|
|
212
|
-
/* 只需要 light/dark 主题 */
|
|
213
|
-
@import "./tokens/scale/index.css";
|
|
214
|
-
@import "./tokens/theme-base.css";
|
|
215
|
-
@import "./tokens/themes/light-qoder.css";
|
|
216
|
-
@import "./tokens/themes/dark-qoder.css";
|
|
217
|
-
```
|
|
218
|
-
|
|
219
|
-
### 3. 自定义布局配置
|
|
220
|
-
|
|
221
|
-
```css
|
|
222
|
-
/* 使用自定义布局配置 */
|
|
223
|
-
@import "./tokens/scale/config.css";
|
|
224
|
-
@import "./tokens/scale/computed.css";
|
|
225
|
-
@import "./tokens/theme-base.css";
|
|
226
|
-
@import "./tokens/themes/light-qoder.css";
|
|
227
|
-
|
|
228
|
-
:root {
|
|
229
|
-
--config-radius-default: 10px; /* 覆盖配置 */
|
|
230
|
-
}
|
|
231
|
-
```
|
|
232
|
-
|
|
233
|
-
### 4. 自定义颜色主题
|
|
234
|
-
|
|
235
|
-
```css
|
|
236
|
-
/* 使用自定义颜色主题 */
|
|
237
|
-
@import "./tokens/scale/index.css";
|
|
238
|
-
@import "./tokens/theme-base.css";
|
|
239
|
-
@import "./my-brand-theme.css";
|
|
240
|
-
```
|
|
241
|
-
|
|
242
|
-
---
|
|
243
|
-
|
|
244
|
-
## 使用规范
|
|
245
|
-
|
|
246
|
-
### 组件中使用 Token
|
|
247
|
-
|
|
248
|
-
```tsx
|
|
249
|
-
// ✅ 正确 - 使用 CSS 变量
|
|
250
|
-
<div className="bg-[var(--color-primary)] text-[var(--color-text)]" />
|
|
251
|
-
|
|
252
|
-
// ❌ 错误 - 硬编码颜色
|
|
253
|
-
<div className="bg-[#1890FF] text-[#333]" />
|
|
254
|
-
```
|
|
255
|
-
|
|
256
|
-
### Tailwind v4 @theme 映射
|
|
257
|
-
|
|
258
|
-
`theme.css` 末尾的 `@theme` 块将 CSS 变量映射到 Tailwind 4 的原生 token 系统,支持:
|
|
259
|
-
|
|
260
|
-
```tsx
|
|
261
|
-
// Tailwind 4 原生支持
|
|
262
|
-
<div className="bg-primary text-text" />
|
|
263
|
-
```
|
|
264
|
-
|
|
265
|
-
### 构建与消费模式
|
|
266
|
-
|
|
267
|
-
Token 文件同时服务两种消费模式:
|
|
268
|
-
|
|
269
|
-
| 模式 | token 文件作用 | 消费者 Tailwind 要求 |
|
|
270
|
-
|------|---------------|---------------------|
|
|
271
|
-
| **NPM 预编译**(当前) | `@tailwindcss/cli` 读取 → 编译进 `dist/qoder-design.css` | 不需要 |
|
|
272
|
-
| **按需引入**(CLI 复制源码) | 消费者 `@import` token 文件进自己的 CSS | 需要 Tailwind 4 |
|
|
273
|
-
|
|
274
|
-
`@theme` 块是两种模式的共用桥梁:NPM 模式下编译进预编译 CSS,按需引入模式下由消费者的 Tailwind 处理。
|
|
275
|
-
|
|
276
|
-
---
|
|
277
|
-
|
|
278
|
-
## L3 协议
|
|
279
|
-
|
|
280
|
-
### scale/
|
|
281
|
-
- **config.css**:定义可覆盖的 `--config-*` 变量
|
|
282
|
-
- **computed.css**:映射 `--config-*` 到实际变量
|
|
283
|
-
- **presets/**:预设风格,只覆盖差异部分
|
|
284
|
-
- 新增风格需遵循 spacing/radius/font-size 三类完整性
|
|
285
|
-
|
|
286
|
-
### theme-base.css
|
|
287
|
-
- 定义 @theme 映射,不包含具体颜色值
|
|
288
|
-
- 新增 Tailwind 映射时确保双向一致
|
|
289
|
-
|
|
290
|
-
### themes/*.css
|
|
291
|
-
- 每个主题独立文件,便于按需引入
|
|
292
|
-
- 扩展主题时必须覆盖完整颜色类别
|
|
293
|
-
- 修改颜色值需确保对比度符合无障碍标准
|
|
294
|
-
|
|
295
|
-
---
|
|
296
|
-
|
|
297
|
-
## 开发检查清单
|
|
298
|
-
|
|
299
|
-
- [ ] 新增风格时更新 scale/presets/
|
|
300
|
-
- [ ] 新增配置项时更新 scale/config.css 和 scale/computed.css
|
|
301
|
-
- [ ] 新增颜色主题时创建 themes/*.css 并更新 index.css
|
|
302
|
-
- [ ] Token 命名遵循 `--token-color-{name}` 格式(颜色)
|
|
303
|
-
- [ ] Token 命名遵循 `--config-{category}-{name}` 格式(布局配置)
|
|
304
|
-
- [ ] 测试多主题切换
|
|
305
|
-
- [ ] L2 文档已更新(此文件)
|