@motion-proto/live-tokens 0.19.0 → 0.19.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 +6 -4
- package/package.json +2 -3
package/README.md
CHANGED
|
@@ -26,12 +26,14 @@ npm install @motion-proto/live-tokens
|
|
|
26
26
|
```ts
|
|
27
27
|
// vite.config.ts
|
|
28
28
|
import { defineConfig } from 'vite';
|
|
29
|
-
import { svelte } from '@sveltejs/vite-plugin-svelte';
|
|
29
|
+
import { svelte, vitePreprocess } from '@sveltejs/vite-plugin-svelte';
|
|
30
30
|
import { themeFileApi } from '@motion-proto/live-tokens/vite-plugin';
|
|
31
31
|
|
|
32
32
|
export default defineConfig({
|
|
33
33
|
plugins: [
|
|
34
|
-
|
|
34
|
+
// vitePreprocess compiles the shipped components' `<style lang="scss">`
|
|
35
|
+
// blocks — install `sass` alongside it.
|
|
36
|
+
svelte({ preprocess: vitePreprocess() }),
|
|
35
37
|
themeFileApi({
|
|
36
38
|
tokensCssPath: 'src/system/styles/tokens.css',
|
|
37
39
|
}),
|
|
@@ -205,10 +207,10 @@ mount(App, { target: document.getElementById('app')! });
|
|
|
205
207
|
```ts
|
|
206
208
|
// vite.config.ts
|
|
207
209
|
import { defineConfig } from 'vite';
|
|
208
|
-
import { svelte } from '@sveltejs/vite-plugin-svelte';
|
|
210
|
+
import { svelte, vitePreprocess } from '@sveltejs/vite-plugin-svelte';
|
|
209
211
|
|
|
210
212
|
export default defineConfig({
|
|
211
|
-
plugins: [svelte()],
|
|
213
|
+
plugins: [svelte({ preprocess: vitePreprocess() })],
|
|
212
214
|
});
|
|
213
215
|
```
|
|
214
216
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@motion-proto/live-tokens",
|
|
3
|
-
"version": "0.19.
|
|
3
|
+
"version": "0.19.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Design token editor with live CSS variable editing. Svelte 5 + Vite 8.",
|
|
6
6
|
"keywords": [
|
|
@@ -92,9 +92,9 @@
|
|
|
92
92
|
"prepublishOnly": "npm run check:no-style-imports && npm run check:editor-font-isolation && npm run build:lib && npm run check:smoke-install"
|
|
93
93
|
},
|
|
94
94
|
"peerDependencies": {
|
|
95
|
+
"@sveltejs/vite-plugin-svelte": "^7.0",
|
|
95
96
|
"sass": "^1.0",
|
|
96
97
|
"svelte": "^5",
|
|
97
|
-
"svelte-preprocess": "^6.0",
|
|
98
98
|
"vite": "^8"
|
|
99
99
|
},
|
|
100
100
|
"devDependencies": {
|
|
@@ -107,7 +107,6 @@
|
|
|
107
107
|
"sass": "^1.98.0",
|
|
108
108
|
"svelte": "^5.55.5",
|
|
109
109
|
"svelte-check": "^4.4.8",
|
|
110
|
-
"svelte-preprocess": "^6.0.3",
|
|
111
110
|
"tsup": "^8.5.1",
|
|
112
111
|
"typescript": "~6.0.3",
|
|
113
112
|
"vite": "^8.0.14",
|