@zovaris/sephiro 0.6.1 → 0.8.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/LICENSE +71 -0
- package/NOTICE +1 -0
- package/README.md +2 -2
- package/dist/components.css +7053 -939
- package/dist/index.css +7194 -983
- package/dist/index.d.ts +1151 -266
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +7435 -1327
- package/dist/index.js.map +1 -1
- package/dist/themes.css +44 -0
- package/package.json +25 -20
package/dist/themes.css
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
:where(:root, [data-sephiro-theme="default"], [data-sephiro-theme="dark"]) {
|
|
2
2
|
--sph-font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif;
|
|
3
|
+
--sph-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, monospace;
|
|
3
4
|
--sph-bg: #151714;
|
|
4
5
|
--sph-surface: #1c201b;
|
|
5
6
|
--sph-surface-elevated: #232822;
|
|
@@ -29,8 +30,13 @@
|
|
|
29
30
|
--sph-motion-fast: 120ms;
|
|
30
31
|
--sph-motion-normal: 180ms;
|
|
31
32
|
--sph-motion-slow: 280ms;
|
|
33
|
+
--sph-motion-stagger: 26ms;
|
|
32
34
|
--sph-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
|
|
33
35
|
--sph-ease-emphasis: cubic-bezier(0.16, 1, 0.3, 1);
|
|
36
|
+
--sph-ease-exit: cubic-bezier(0.4, 0, 0.2, 1);
|
|
37
|
+
--sph-ease-spring: cubic-bezier(0.3, 1.45, 0.45, 1);
|
|
38
|
+
--sph-ease-settle: cubic-bezier(0.16, 1, 0.3, 1);
|
|
39
|
+
--sph-ease-sweep: cubic-bezier(0.65, 0, 0.35, 1);
|
|
34
40
|
--sph-control-height-sm: 32px;
|
|
35
41
|
--sph-control-height-md: 36px;
|
|
36
42
|
--sph-control-height-lg: 40px;
|
|
@@ -189,10 +195,48 @@
|
|
|
189
195
|
color-scheme: dark;
|
|
190
196
|
}
|
|
191
197
|
|
|
198
|
+
@supports (animation-timing-function: linear(0, 1)) {
|
|
199
|
+
:where(:root, [data-sephiro-theme="default"], [data-sephiro-theme="dark"]) {
|
|
200
|
+
--sph-ease-spring: linear(
|
|
201
|
+
0,
|
|
202
|
+
0.018 2%,
|
|
203
|
+
0.083 4.5%,
|
|
204
|
+
0.222 8%,
|
|
205
|
+
0.636 17%,
|
|
206
|
+
0.805 21.5%,
|
|
207
|
+
0.928 26%,
|
|
208
|
+
1.007 30.5%,
|
|
209
|
+
1.056 36%,
|
|
210
|
+
1.067 43.5%,
|
|
211
|
+
1.001 70%,
|
|
212
|
+
1
|
|
213
|
+
);
|
|
214
|
+
--sph-ease-settle: linear(
|
|
215
|
+
0,
|
|
216
|
+
0.432 10.5%,
|
|
217
|
+
0.621 16%,
|
|
218
|
+
0.767 21.5%,
|
|
219
|
+
0.878 27.5%,
|
|
220
|
+
0.958 34.5%,
|
|
221
|
+
1.005 43.5%,
|
|
222
|
+
1.018 58.5%,
|
|
223
|
+
1
|
|
224
|
+
);
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
:where([data-sephiro-motion="off"]) {
|
|
229
|
+
--sph-motion-fast: 0ms;
|
|
230
|
+
--sph-motion-normal: 0ms;
|
|
231
|
+
--sph-motion-slow: 0ms;
|
|
232
|
+
--sph-motion-stagger: 0ms;
|
|
233
|
+
}
|
|
234
|
+
|
|
192
235
|
@media (prefers-reduced-motion: reduce) {
|
|
193
236
|
:where(:root, [data-sephiro-theme]) {
|
|
194
237
|
--sph-motion-fast: 0ms;
|
|
195
238
|
--sph-motion-normal: 0ms;
|
|
196
239
|
--sph-motion-slow: 0ms;
|
|
240
|
+
--sph-motion-stagger: 0ms;
|
|
197
241
|
}
|
|
198
242
|
}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zovaris/sephiro",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"description": "Reusable desktop UI primitives for React and Preact applications.",
|
|
5
|
-
"license": "
|
|
5
|
+
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
|
-
"url": "git+https://github.com/
|
|
8
|
+
"url": "git+https://github.com/Zovaris/sephiro-toolkit.git"
|
|
9
9
|
},
|
|
10
10
|
"publishConfig": {
|
|
11
11
|
"access": "public"
|
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
"**/*.css"
|
|
16
16
|
],
|
|
17
17
|
"files": [
|
|
18
|
-
"dist"
|
|
18
|
+
"dist",
|
|
19
|
+
"NOTICE"
|
|
19
20
|
],
|
|
20
21
|
"exports": {
|
|
21
22
|
".": {
|
|
@@ -27,37 +28,41 @@
|
|
|
27
28
|
"./themes.css": "./dist/themes.css"
|
|
28
29
|
},
|
|
29
30
|
"scripts": {
|
|
30
|
-
"build": "
|
|
31
|
+
"build": "tsdown && bun run build:css",
|
|
31
32
|
"build:css": "node scripts/build-css.mjs",
|
|
32
33
|
"check": "tsc --noEmit",
|
|
33
34
|
"dev": "bun run --parallel dev:js dev:css",
|
|
34
|
-
"dev:js": "
|
|
35
|
+
"dev:js": "tsdown --watch",
|
|
35
36
|
"dev:css": "node scripts/build-css.mjs --watch",
|
|
36
37
|
"test": "bun test"
|
|
37
38
|
},
|
|
38
39
|
"peerDependencies": {
|
|
39
|
-
"react": ">=18"
|
|
40
|
+
"react": ">=18",
|
|
41
|
+
"react-dom": ">=18"
|
|
40
42
|
},
|
|
41
43
|
"peerDependenciesMeta": {
|
|
42
44
|
"react": {
|
|
43
45
|
"optional": true
|
|
46
|
+
},
|
|
47
|
+
"react-dom": {
|
|
48
|
+
"optional": true
|
|
44
49
|
}
|
|
45
50
|
},
|
|
46
51
|
"devDependencies": {
|
|
47
|
-
"@tailwindcss/cli": "
|
|
48
|
-
"@types/bun": "
|
|
49
|
-
"@types/react": "
|
|
50
|
-
"@types/react-dom": "
|
|
51
|
-
"postcss": "
|
|
52
|
-
"preact": "
|
|
53
|
-
"react-dom": "
|
|
54
|
-
"tailwindcss": "
|
|
55
|
-
"
|
|
56
|
-
"typescript": "
|
|
52
|
+
"@tailwindcss/cli": "4.3.3",
|
|
53
|
+
"@types/bun": "1.4.2",
|
|
54
|
+
"@types/react": "19.3.0",
|
|
55
|
+
"@types/react-dom": "19.3.0",
|
|
56
|
+
"postcss": "8.5.28",
|
|
57
|
+
"preact": "10.29.8",
|
|
58
|
+
"react-dom": "19.3.0",
|
|
59
|
+
"tailwindcss": "4.3.3",
|
|
60
|
+
"tsdown": "0.23.0",
|
|
61
|
+
"typescript": "7.0.2"
|
|
57
62
|
},
|
|
58
63
|
"dependencies": {
|
|
59
|
-
"@phosphor-icons/react": "
|
|
60
|
-
"cn": "
|
|
61
|
-
"sonner": "
|
|
64
|
+
"@phosphor-icons/react": "2.1.10",
|
|
65
|
+
"cn": "0.4.0",
|
|
66
|
+
"sonner": "2.0.8"
|
|
62
67
|
}
|
|
63
68
|
}
|