@openpkg-ts/ui 0.6.2 → 0.7.0
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/dist/docskit/index.d.ts +144 -93
- package/dist/docskit/index.js +614 -452
- package/package.json +3 -3
- package/src/styles/docskit.css +8 -2
- package/src/styles/tokens.css +38 -10
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openpkg-ts/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "UI primitives and components for OpenPkg documentation",
|
|
5
5
|
"homepage": "https://github.com/ryanwaits/openpkg-ts#readme",
|
|
6
6
|
"repository": {
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
"zod": "^4.3.6"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@openpkg-ts/sdk": "^0.35.
|
|
54
|
-
"@openpkg-ts/spec": "^0.
|
|
53
|
+
"@openpkg-ts/sdk": "^0.35.1",
|
|
54
|
+
"@openpkg-ts/spec": "^0.35.1",
|
|
55
55
|
"react": "^18 || ^19",
|
|
56
56
|
"react-dom": "^18 || ^19"
|
|
57
57
|
},
|
package/src/styles/docskit.css
CHANGED
|
@@ -140,8 +140,14 @@ pre[data-ch] span[style*="--ch-7"] {
|
|
|
140
140
|
|
|
141
141
|
/* Fade-in animation for layout columns */
|
|
142
142
|
@keyframes openpkg-fade-in {
|
|
143
|
-
from {
|
|
144
|
-
|
|
143
|
+
from {
|
|
144
|
+
opacity: 0;
|
|
145
|
+
transform: translateY(8px);
|
|
146
|
+
}
|
|
147
|
+
to {
|
|
148
|
+
opacity: 1;
|
|
149
|
+
transform: translateY(0);
|
|
150
|
+
}
|
|
145
151
|
}
|
|
146
152
|
.openpkg-animate-fade-in {
|
|
147
153
|
animation: openpkg-fade-in 0.3s ease-out both;
|
package/src/styles/tokens.css
CHANGED
|
@@ -174,28 +174,56 @@
|
|
|
174
174
|
|
|
175
175
|
/* Animation keyframes */
|
|
176
176
|
@keyframes openpkg-fade-in {
|
|
177
|
-
from {
|
|
178
|
-
|
|
177
|
+
from {
|
|
178
|
+
opacity: 0;
|
|
179
|
+
}
|
|
180
|
+
to {
|
|
181
|
+
opacity: 1;
|
|
182
|
+
}
|
|
179
183
|
}
|
|
180
184
|
|
|
181
185
|
@keyframes openpkg-slide-down {
|
|
182
|
-
from {
|
|
183
|
-
|
|
186
|
+
from {
|
|
187
|
+
opacity: 0;
|
|
188
|
+
transform: translateY(-4px);
|
|
189
|
+
}
|
|
190
|
+
to {
|
|
191
|
+
opacity: 1;
|
|
192
|
+
transform: translateY(0);
|
|
193
|
+
}
|
|
184
194
|
}
|
|
185
195
|
|
|
186
196
|
@keyframes openpkg-slide-up {
|
|
187
|
-
from {
|
|
188
|
-
|
|
197
|
+
from {
|
|
198
|
+
opacity: 0;
|
|
199
|
+
transform: translateY(4px);
|
|
200
|
+
}
|
|
201
|
+
to {
|
|
202
|
+
opacity: 1;
|
|
203
|
+
transform: translateY(0);
|
|
204
|
+
}
|
|
189
205
|
}
|
|
190
206
|
|
|
191
207
|
@keyframes openpkg-expand {
|
|
192
|
-
from {
|
|
193
|
-
|
|
208
|
+
from {
|
|
209
|
+
opacity: 0;
|
|
210
|
+
height: 0;
|
|
211
|
+
}
|
|
212
|
+
to {
|
|
213
|
+
opacity: 1;
|
|
214
|
+
height: var(--radix-collapsible-content-height);
|
|
215
|
+
}
|
|
194
216
|
}
|
|
195
217
|
|
|
196
218
|
@keyframes openpkg-collapse {
|
|
197
|
-
from {
|
|
198
|
-
|
|
219
|
+
from {
|
|
220
|
+
opacity: 1;
|
|
221
|
+
height: var(--radix-collapsible-content-height);
|
|
222
|
+
}
|
|
223
|
+
to {
|
|
224
|
+
opacity: 0;
|
|
225
|
+
height: 0;
|
|
226
|
+
}
|
|
199
227
|
}
|
|
200
228
|
|
|
201
229
|
.openpkg-animate-fade-in {
|