@awc-ui/svelte 1.0.0-beta.8 → 1.0.0-beta.9
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 +9 -7
- package/package.json +25 -5
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
# @awc-ui/svelte
|
|
1
|
+
# Svelte Web Components and SvelteKit SSR — @awc-ui/svelte
|
|
2
2
|
|
|
3
|
-
Svelte
|
|
3
|
+
Svelte 4 and 5 components for [AWC UI](https://www.npmjs.com/package/@awc-ui/core) — accessible Material Design 3 Web Components with SvelteKit SSR support.
|
|
4
4
|
|
|
5
5
|
## Install
|
|
6
6
|
|
|
@@ -16,7 +16,7 @@ Register the custom elements once on the client, then use `md-*` tags directly i
|
|
|
16
16
|
|
|
17
17
|
```ts
|
|
18
18
|
// main.ts (plain Vite/SPA app)
|
|
19
|
-
import { defineCustomElements } from
|
|
19
|
+
import { defineCustomElements } from "@awc-ui/svelte";
|
|
20
20
|
defineCustomElements(window);
|
|
21
21
|
```
|
|
22
22
|
|
|
@@ -30,8 +30,8 @@ defineCustomElements(window);
|
|
|
30
30
|
Registration is client-only — guard it so it runs in the browser:
|
|
31
31
|
|
|
32
32
|
```ts
|
|
33
|
-
import { browser } from
|
|
34
|
-
import { defineCustomElements } from
|
|
33
|
+
import { browser } from "$app/environment";
|
|
34
|
+
import { defineCustomElements } from "@awc-ui/svelte";
|
|
35
35
|
|
|
36
36
|
if (browser) defineCustomElements(window);
|
|
37
37
|
```
|
|
@@ -43,12 +43,14 @@ For server-rendered markup use `@awc-ui/core/hydrate` (`renderToString`).
|
|
|
43
43
|
Load the design tokens once (they carry the whole MD3 theme):
|
|
44
44
|
|
|
45
45
|
```ts
|
|
46
|
-
import
|
|
46
|
+
import "@awc-ui/tokens/tokens.css";
|
|
47
47
|
```
|
|
48
48
|
|
|
49
49
|
## Docs
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
[Svelte and SvelteKit SSR guide](https://awc-ui.dev/frameworks/svelte/) · [All component docs](https://awc-ui.dev/components/)
|
|
52
|
+
|
|
53
|
+
Component manuals and AI-readable documentation also ship with [`@awc-ui/core`](https://www.npmjs.com/package/@awc-ui/core).
|
|
52
54
|
|
|
53
55
|
## License
|
|
54
56
|
|
package/package.json
CHANGED
|
@@ -1,17 +1,37 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@awc-ui/svelte",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
4
|
-
"description": "Svelte
|
|
3
|
+
"version": "1.0.0-beta.9",
|
|
4
|
+
"description": "Svelte 4 and 5 components for accessible Material Design 3 Web Components, with SvelteKit SSR and server-rendering guidance",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"svelte",
|
|
7
|
+
"svelte-component",
|
|
7
8
|
"svelte-components",
|
|
9
|
+
"components",
|
|
8
10
|
"material-design",
|
|
9
11
|
"material-design-3",
|
|
10
12
|
"md3",
|
|
11
13
|
"ui-components",
|
|
12
14
|
"component-library",
|
|
13
15
|
"web-components",
|
|
14
|
-
"design-system"
|
|
16
|
+
"design-system",
|
|
17
|
+
"material-3",
|
|
18
|
+
"svelte-ui",
|
|
19
|
+
"custom-elements",
|
|
20
|
+
"typescript",
|
|
21
|
+
"accessibility",
|
|
22
|
+
"wcag",
|
|
23
|
+
"sveltekit",
|
|
24
|
+
"ssr",
|
|
25
|
+
"ui-library",
|
|
26
|
+
"svelte5",
|
|
27
|
+
"svelte-5",
|
|
28
|
+
"svelte-ui-library",
|
|
29
|
+
"svelte-ui-components",
|
|
30
|
+
"svelte-component-library",
|
|
31
|
+
"web-component",
|
|
32
|
+
"svelte-web-components",
|
|
33
|
+
"sveltekit-components",
|
|
34
|
+
"server-side-rendering"
|
|
15
35
|
],
|
|
16
36
|
"main": "dist/index.mjs",
|
|
17
37
|
"types": "dist/index.d.ts",
|
|
@@ -28,12 +48,12 @@
|
|
|
28
48
|
],
|
|
29
49
|
"peerDependencies": {
|
|
30
50
|
"svelte": ">=4",
|
|
31
|
-
"@awc-ui/core": "1.0.0-beta.
|
|
51
|
+
"@awc-ui/core": "1.0.0-beta.9"
|
|
32
52
|
},
|
|
33
53
|
"devDependencies": {
|
|
34
54
|
"esbuild": "^0.25.12",
|
|
35
55
|
"typescript": "^5.4.0",
|
|
36
|
-
"@awc-ui/core": "1.0.0-beta.
|
|
56
|
+
"@awc-ui/core": "1.0.0-beta.9"
|
|
37
57
|
},
|
|
38
58
|
"license": "MIT",
|
|
39
59
|
"author": "AWC UI",
|