create-claude-workspace 1.1.34 → 1.1.35
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.
|
@@ -175,7 +175,11 @@ npx themecraft generate # generates type-safe SCSS from tokens.json
|
|
|
175
175
|
|
|
176
176
|
**How it works:** `npx themecraft generate` reads `tokens.json` and produces typed SCSS files (`generated/theme/colors.scss`, `sizes.scss`, `typography.scss`) that wrap `color-var()`/`size-var()` internally. Components consume these generated variables — never the raw accessor functions.
|
|
177
177
|
|
|
178
|
-
**
|
|
178
|
+
**Token source (pick one):**
|
|
179
|
+
- **With Figma:** `npx themecraft figma-sync` pulls design variables into `tokens.json`, then `npx themecraft generate`
|
|
180
|
+
- **Without Figma:** `npx themecraft init` creates `tokens.json` scaffold → manually define token names (color groups, size groups, typography levels) → `npx themecraft generate`
|
|
181
|
+
|
|
182
|
+
Either way, the result is the same: typed SCSS files in `generated/theme/` ready to import.
|
|
179
183
|
|
|
180
184
|
**Theme definition** (`themes/light.scss`):
|
|
181
185
|
```scss
|
|
@@ -185,7 +185,11 @@ npx themecraft generate # generates type-safe SCSS from tokens.json
|
|
|
185
185
|
|
|
186
186
|
**How it works:** `npx themecraft generate` reads `tokens.json` and produces typed SCSS files (`generated/theme/colors.scss`, `sizes.scss`, `typography.scss`) that wrap `color-var()`/`size-var()` internally. Components consume these generated variables — never the raw accessor functions.
|
|
187
187
|
|
|
188
|
-
**
|
|
188
|
+
**Token source (pick one):**
|
|
189
|
+
- **With Figma:** `npx themecraft figma-sync` pulls design variables into `tokens.json`, then `npx themecraft generate`
|
|
190
|
+
- **Without Figma:** `npx themecraft init` creates `tokens.json` scaffold → manually define token names (color groups, size groups, typography levels) → `npx themecraft generate`
|
|
191
|
+
|
|
192
|
+
Either way, the result is the same: typed SCSS files in `generated/theme/` ready to import.
|
|
189
193
|
|
|
190
194
|
**Runtime setup** (in layout or `_app.tsx`):
|
|
191
195
|
```typescript
|
|
@@ -188,7 +188,11 @@ npx themecraft generate # generates type-safe SCSS from tokens.json
|
|
|
188
188
|
|
|
189
189
|
**How it works:** `npx themecraft generate` reads `tokens.json` and produces typed SCSS files (`generated/theme/colors.scss`, `sizes.scss`, `typography.scss`) that wrap `color-var()`/`size-var()` internally. Components consume these generated variables — never the raw accessor functions.
|
|
190
190
|
|
|
191
|
-
**
|
|
191
|
+
**Token source (pick one):**
|
|
192
|
+
- **With Figma:** `npx themecraft figma-sync` pulls design variables into `tokens.json`, then `npx themecraft generate`
|
|
193
|
+
- **Without Figma:** `npx themecraft init` creates `tokens.json` scaffold → manually define token names (color groups, size groups, typography levels) → `npx themecraft generate`
|
|
194
|
+
|
|
195
|
+
Either way, the result is the same: typed SCSS files in `generated/theme/` ready to import.
|
|
192
196
|
|
|
193
197
|
**Runtime setup** (in `+layout.svelte` or `hooks.server.ts`):
|
|
194
198
|
```typescript
|
|
@@ -213,7 +213,11 @@ npx themecraft generate # generates type-safe SCSS from tokens.json
|
|
|
213
213
|
|
|
214
214
|
**How it works:** `npx themecraft generate` reads `tokens.json` and produces typed SCSS files (`generated/theme/colors.scss`, `sizes.scss`, `typography.scss`) that wrap `color-var()`/`size-var()` internally. Components consume these generated variables — never the raw accessor functions.
|
|
215
215
|
|
|
216
|
-
**
|
|
216
|
+
**Token source (pick one):**
|
|
217
|
+
- **With Figma:** `npx themecraft figma-sync` pulls design variables into `tokens.json`, then `npx themecraft generate`
|
|
218
|
+
- **Without Figma:** `npx themecraft init` creates `tokens.json` scaffold → manually define token names (color groups, size groups, typography levels) → `npx themecraft generate`
|
|
219
|
+
|
|
220
|
+
Either way, the result is the same: typed SCSS files in `generated/theme/` ready to import.
|
|
217
221
|
|
|
218
222
|
**Runtime setup** (in `App.vue` or plugin):
|
|
219
223
|
```typescript
|