@zhama/a2ui 0.10.1 → 0.10.2
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.
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A2UI Unified CSS
|
|
3
|
+
*
|
|
4
|
+
* 包含：
|
|
5
|
+
* 1. 完整的 CSS 变量定义 (Design Tokens)
|
|
6
|
+
* 2. 基础元素样式重置 (Base/Reset)
|
|
7
|
+
* 3. A2UI 核心布局类 (.a2ui-root)
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
@import './a2ui-variables.css';
|
|
11
|
+
|
|
12
|
+
/* ============ 核心容器样式 ============ */
|
|
13
|
+
.a2ui-root {
|
|
14
|
+
/* 基础文字样式 */
|
|
15
|
+
font-family: var(--font-sans);
|
|
16
|
+
background-color: hsl(var(--background));
|
|
17
|
+
background-image:
|
|
18
|
+
radial-gradient(at 0% 0%, hsla(var(--primary), 0.08) 0px, transparent 50%),
|
|
19
|
+
radial-gradient(at 100% 0%, hsla(var(--accent), 0.05) 0px, transparent 50%),
|
|
20
|
+
radial-gradient(
|
|
21
|
+
at 50% 100%,
|
|
22
|
+
hsla(var(--primary), 0.03) 0px,
|
|
23
|
+
transparent 50%
|
|
24
|
+
);
|
|
25
|
+
color: hsl(var(--foreground));
|
|
26
|
+
-webkit-font-smoothing: antialiased;
|
|
27
|
+
-moz-osx-font-smoothing: grayscale;
|
|
28
|
+
|
|
29
|
+
/* 容器布局 */
|
|
30
|
+
width: 100%;
|
|
31
|
+
height: 100%;
|
|
32
|
+
overflow: auto;
|
|
33
|
+
box-sizing: border-box;
|
|
34
|
+
padding-top: 2rem;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/* ============ 列表微调 ============ */
|
|
38
|
+
.a2ui-list {
|
|
39
|
+
max-width: 900px;
|
|
40
|
+
margin-left: auto;
|
|
41
|
+
margin-right: auto;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/* ============ 装饰性背景 ============ */
|
|
45
|
+
.a2ui-bg-dot {
|
|
46
|
+
background-image: radial-gradient(
|
|
47
|
+
hsl(var(--foreground) / 0.1) 1px,
|
|
48
|
+
transparent 1px
|
|
49
|
+
);
|
|
50
|
+
background-size: 20px 20px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.a2ui-bg-grid {
|
|
54
|
+
background-image:
|
|
55
|
+
linear-gradient(hsl(var(--foreground) / 0.05) 1px, transparent 1px),
|
|
56
|
+
linear-gradient(90deg, hsl(var(--foreground) / 0.05) 1px, transparent 1px);
|
|
57
|
+
background-size: 20px 20px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/* ============ 玻璃拟态 ============ */
|
|
61
|
+
.a2ui-glass {
|
|
62
|
+
background: hsla(var(--background), 0.8);
|
|
63
|
+
backdrop-filter: blur(8px);
|
|
64
|
+
-webkit-backdrop-filter: blur(8px);
|
|
65
|
+
border: 1px solid hsla(var(--border), 0.5);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
/* ============ 卡片装饰 ============ */
|
|
69
|
+
.a2ui-card-gradient {
|
|
70
|
+
background: linear-gradient(
|
|
71
|
+
135deg,
|
|
72
|
+
hsl(var(--card)),
|
|
73
|
+
hsl(var(--muted) / 0.3)
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/* ============ 渐变文字 ============ */
|
|
78
|
+
.a2ui-text-gradient {
|
|
79
|
+
background: linear-gradient(
|
|
80
|
+
to bottom right,
|
|
81
|
+
hsl(var(--foreground)),
|
|
82
|
+
hsl(var(--primary))
|
|
83
|
+
);
|
|
84
|
+
-webkit-background-clip: text;
|
|
85
|
+
-webkit-text-fill-color: transparent;
|
|
86
|
+
background-clip: text;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
/* 确保内部所有元素使用 border-box */
|
|
90
|
+
.a2ui-root *,
|
|
91
|
+
.a2ui-root *::before,
|
|
92
|
+
.a2ui-root *::after {
|
|
93
|
+
box-sizing: border-box;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/* ============ 基础元素 Reset (仅在 .a2ui-root 内生效) ============ */
|
|
97
|
+
.a2ui-root h1,
|
|
98
|
+
.a2ui-root h2,
|
|
99
|
+
.a2ui-root h3,
|
|
100
|
+
.a2ui-root h4,
|
|
101
|
+
.a2ui-root h5,
|
|
102
|
+
.a2ui-root h6 {
|
|
103
|
+
margin: 0;
|
|
104
|
+
font-weight: 600;
|
|
105
|
+
line-height: 1.25;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.a2ui-root p {
|
|
109
|
+
margin: 0;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.a2ui-root ul,
|
|
113
|
+
.a2ui-root ol {
|
|
114
|
+
margin: 0;
|
|
115
|
+
padding: 0;
|
|
116
|
+
list-style: none;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
/* ============ 滚动条样式 ============ */
|
|
120
|
+
.a2ui-root::-webkit-scrollbar {
|
|
121
|
+
width: 6px;
|
|
122
|
+
height: 6px;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.a2ui-root::-webkit-scrollbar-track {
|
|
126
|
+
background: transparent;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.a2ui-root::-webkit-scrollbar-thumb {
|
|
130
|
+
background: hsl(var(--muted-foreground) / 0.3);
|
|
131
|
+
border-radius: 3px;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.a2ui-root::-webkit-scrollbar-thumb:hover {
|
|
135
|
+
background: hsl(var(--muted-foreground) / 0.5);
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
/* ============ 辅助类 ============ */
|
|
139
|
+
.a2ui-full-screen {
|
|
140
|
+
position: fixed;
|
|
141
|
+
inset: 0;
|
|
142
|
+
z-index: 50;
|
|
143
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zhama/a2ui",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.2",
|
|
4
4
|
"description": "A2UI Protocol - Agent-to-User Interface Protocol React implementation based on Google A2UI",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"require": "./dist/styles/index.cjs",
|
|
43
43
|
"default": "./dist/styles/index.js"
|
|
44
44
|
},
|
|
45
|
-
"./styles/a2ui-variables.css": "./
|
|
46
|
-
"./styles/a2ui.css": "./
|
|
45
|
+
"./styles/a2ui-variables.css": "./dist/styles/a2ui-variables.css",
|
|
46
|
+
"./styles/a2ui.css": "./dist/styles/a2ui.css",
|
|
47
47
|
"./tailwind.preset": {
|
|
48
48
|
"import": "./tailwind.preset.js",
|
|
49
49
|
"require": "./tailwind.preset.js",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"dist/**/*.cjs",
|
|
70
70
|
"dist/**/*.d.ts",
|
|
71
71
|
"dist/**/*.d.cts",
|
|
72
|
-
"
|
|
72
|
+
"dist/styles/*.css",
|
|
73
73
|
"tailwind.preset.js"
|
|
74
74
|
],
|
|
75
75
|
"publishConfig": {
|
|
File without changes
|