让开源，少一点语言距离。
npm包中文文档

@devslab/dds-css

中文文档
0.33.0发布于 2026/11/12SEE LICENSE IN LICENSEES Module零依赖构建来源已验证近 30 天下载 4005

DDS CSS component layer — class-based, framework-neutral, semantic-token-only (spec §4.3 v1 inventory, 20 components)

原始使用文档
中文原文

@devslab/dds-css

🌐 한국어

DDS CSS component layer — class-based and framework-neutral (spec §2: the core is CSS; React/Vue/Ionic/SSR are consumers). The spec §4.3 v1 inventory: Button, IconButton, TextField, Textarea, Select, Checkbox/Radio, Switch, Badge, Chip, Avatar, Spinner, Skeleton, Divider, Card, ListRow, Tabs, Dialog, Toast, Tooltip, EmptyState (BottomSheet is the native counterpart of Dialog — Phase 3).

<link rel="stylesheet" href=".../dds-tokens/tokens.css"> <!-- first -->
<link rel="stylesheet" href=".../dds-css/dds.css">
<button class="dds-btn dds-btn--primary">Save</button>
  • Every value is a semantic token reference (var(--dds-*)) — scripts/check-css.mjs mechanically bans hex/rgb/hsl/color-mix in src/, so a hardcoded color fails CI, not review.
  • Dark mode is free: data-theme="dark" on <html> or any subtree (data-theme="light" pins back). No component has a dark branch.
  • Per-component imports: @devslab/dds-css/components/button.css etc.
  • A loading button (aria-busy="true" + a .dds-spinner child) keeps its size and name: the label is hidden, not removed, and the spinner is drawn over it (D-043).
  • Markup contracts, states, accessibility checklists and do/don't per component: docs/components.md. Live reference: preview/components.html (run pnpm build first).

版本与发布记录

@devslab/dds-css 共发布 46 个版本，首次发布于 2026/08/31；过去 12 个月发布了 46 个版本。最新版本附带 npm provenance 构建来源证明，可追溯到公开的 CI 构建记录。

版本发布日期距今
0.33.0latest2026/11/12今天
0.32.22026/11/111 天前
0.32.12026/11/102 天前
0.32.02026/11/102 天前
0.31.02026/11/092 天前
0.30.02026/11/084 天前

关于 @devslab/dds-css 的常见问题

@devslab/dds-css 是什么？

DDS CSS component layer — class-based, framework-neutral, semantic-token-only (spec §4.3 v1 inventory, 20 components)

如何安装 @devslab/dds-css？

在项目目录运行 npm install @devslab/dds-css，或使用 pnpm add / yarn add / bun add。

@devslab/dds-css 支持 TypeScript 吗？

该包的 package.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/devslab__dds-css 是否存在。

@devslab/dds-css 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。

@devslab/dds-css 可以商用吗？

@devslab/dds-css 使用 SEE LICENSE IN LICENSE 许可。许可条款写在包内的独立文件中，请阅读该文件确认可否商用。以上为概括，不构成法律意见，请以许可原文为准。

@devslab/dds-css 的下载量有多少？

根据 npm 官方下载统计，@devslab/dds-css 在 2026/10/12 – 2026/11/10 这 30 天内被下载 4,005 次，日均约 134 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

@devslab/dds-css 还在维护吗？

最新版本 0.33.0 发布于 2026/11/12（今天）；至今共发布 46 个版本，其中过去 12 个月发布了 46 个；首次发布于 2026/08/31。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。