@longzai-intelligence-liquid-glass/components 0.0.1
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 +27 -0
- package/dist/index.d.ts +4020 -0
- package/dist/index.js +1 -0
- package/dist/styles.css +6172 -0
- package/package.json +77 -0
package/README.md
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
# @longzai-intelligence-liquid-glass/components
|
|
2
|
+
|
|
3
|
+
Liquid Glass 组件库：玻璃拟态 React 组件族（原语 / 原子 / 签名玻璃 / 背景·特效）。
|
|
4
|
+
|
|
5
|
+
衍生自 [glinui](https://github.com/glincker/glinui) 的组件成果（MIT, Copyright (c) 2026 Glincker LLC），经 house 风格系统性重写（cva/Tailwind 类串 → 语义化 CSS 类 + tokens 变量）。出处记录见 `docs/vendors/glinui.md`。
|
|
6
|
+
|
|
7
|
+
## 用法
|
|
8
|
+
|
|
9
|
+
```tsx
|
|
10
|
+
import '@longzai-intelligence-liquid-glass/tokens/styles.css';
|
|
11
|
+
import '@longzai-intelligence-liquid-glass/components/styles.css';
|
|
12
|
+
|
|
13
|
+
import { Button } from '@longzai-intelligence-liquid-glass/components';
|
|
14
|
+
|
|
15
|
+
export function Example() {
|
|
16
|
+
return <Button variant="glass">确认</Button>;
|
|
17
|
+
}
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
- 库自包含：不需要消费方配置任何 Tailwind 环境
|
|
21
|
+
- 类命名约定：`.glass-<component>[-<part>]--<modifier>`
|
|
22
|
+
- 暗色模式：根节点 `.dark` 类；`prefers-reduced-motion` / `prefers-reduced-transparency` 自动降级
|
|
23
|
+
- a11y：focus-visible 焦点环、键盘导航（Radix 原语）、motion-reduce 全覆盖
|
|
24
|
+
|
|
25
|
+
## 测试
|
|
26
|
+
|
|
27
|
+
bun test + @testing-library/react + happy-dom（DOM 环境经 lzi-bun.config.ts 的 test.preload 注入）。
|