@ campminder/ ds (英语)
Campminder设计系统作为 npm 软件包 – 基础- ui- 时代组件 + 设计代号, 用于首选的应用 npm install 超过阴影复制源。 软件包是 从登记册生成的 (单位:千美元)npm run sync)),因此它从不从设计系统所发出的东西漂出.
发表于 公共npm登记 (无正觉. 需要 react 19 – Next.js App 路由器 – Tailwind v4.
安装
npm install @campminder/ds @base-ui/react
@base-ui/react 是一个对等点( 您控制它的版本) ; 其他需要的所有组件都会自动拉入 .
连接样式——一行
/* your globals.css, after Tailwind */
@import "tailwindcss";
@import "@campminder/ds/styles.css"; /* tokens + the @source Tailwind needs */
单项进口就给你坎普明德的标志 bg-primary 是品牌紫色) 财务报告和审定财务报表 包组件的尾风扫描。 没有配置文件 .
使用
import { Button, Card, Badge, PhoneInput, CamperForm } from "@campminder/ds"
在服务器组件中的工作——软件包带有自己的客户端边界.
包括什么
- 初级: avatar, 徽章, 面包屑, 按钮, 卡, 复选框, 命令, 对话框, 字段, 输入, 输入组, 标签, 弹出, 滚动区域, 选择, 分隔器, 工作表, 侧边栏, 骨架, 切换, 表格, 标签, 文本区域, 工具提示
- 域组件 : 电话输入、照片加载、继发卡、继发卡、会话卡/接发会话者、个人名单、个人标签、营房式、取包、接发会话者
- 钩子/ 倾角 : 使用地点、使用移动、会话选择帮助者,
cn
尚未包括: 行政外壳(侧边/搜索/顶上导航)——推迟到后续进行。 暂时从副本来源登记册中提取.
版本
与登记册共享 registry-versions.json。 。 。 . npm update @campminder/ds 要接受更改; 您下面没有更新.
维持(供设计系统小组使用)
src/ 实值 生成 从登记册收到 scripts/sync-from-registry.mjs (自动运行在 npm run build) (中文(简体) ). 别手剪了 src/ ——编辑设计系统中的源组件,包会镜像. styles.css 同样产生于 app/globals.css。 。 。 .
npm run build # sync from registry → generate tokens → bundle (ESM+CJS+dts)