@phcdevworks/spectre-tokens 0.0.2 → 0.0.4
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 +46 -1
- package/dist/index.cjs +332 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +30 -0
- package/dist/index.d.cts +82 -2
- package/dist/index.d.ts +82 -2
- package/dist/index.js +332 -5
- package/dist/index.js.map +1 -1
- package/package.json +47 -18
- package/tokens/core.json +182 -0
package/README.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Design-token source of truth that powers Spectre UI, Spectre Blocks, Spectre Astro, Spectre 11ty, and every future Spectre surface.
|
|
4
4
|
|
|
5
|
+
> 📋 **[View Roadmap](ROADMAP.md)** | 🤝 **[Contributing Guide](CONTRIBUTING.md)** | 📝 **[Changelog](CHANGELOG.md)**
|
|
6
|
+
|
|
5
7
|
## Overview
|
|
6
8
|
|
|
7
9
|
`@phcdevworks/spectre-tokens` defines Spectre's visual language—colors, typography, spacing, radii, shadows, breakpoints, z-index scales, transitions, and CRO-focused interaction states. The package turns the raw JSON tokens in `tokens/` into multiple consumption modes (JS, TS, Tailwind, CSS variables) so that teams can stay in sync regardless of framework. One token system runs the entire Spectre Suite; every other package simply consumes these values.
|
|
@@ -169,6 +171,34 @@ tokens.opacity.overlay; // 0.5
|
|
|
169
171
|
|
|
170
172
|
Always re-run final UI implementations through tools like [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/).
|
|
171
173
|
|
|
174
|
+
## Surface & Typography Roles
|
|
175
|
+
|
|
176
|
+
- `surface.page`, `surface.card`, `surface.input`, `surface.overlay`: semantic backgrounds for the app canvas, containers/tiles, form fields, and modal/dropdown layers.
|
|
177
|
+
- `text.onPage.*` vs `text.onSurface.*`: use `onPage` for copy sitting directly on the page canvas; use `onSurface` for text inside cards, tiles, inputs, overlays, and other elevated surfaces.
|
|
178
|
+
- `component.card.text`/`textMuted`, `component.input.text`/`placeholder`, and `component.button.textDefault`/`textOnPrimary` alias the underlying `text.onSurface` roles (with `textOnPrimary` pairing white against the primary button background) to keep component defaults aligned.
|
|
179
|
+
|
|
180
|
+
## Modes
|
|
181
|
+
|
|
182
|
+
Tokens ship with a `modes` object:
|
|
183
|
+
|
|
184
|
+
- `modes.default` is the light theme.
|
|
185
|
+
- `modes.dark` is the dark theme.
|
|
186
|
+
|
|
187
|
+
The CSS generator outputs:
|
|
188
|
+
|
|
189
|
+
- `:root { ... }` for `modes.default`
|
|
190
|
+
- `:root[data-spectre-theme="dark"] { ... }` for `modes.dark`
|
|
191
|
+
|
|
192
|
+
Consumers can toggle themes by setting `data-spectre-theme="dark"` on `:root` or `<html>`.
|
|
193
|
+
|
|
194
|
+
### Key CSS variables
|
|
195
|
+
|
|
196
|
+
These variables are the contract consumed by `@phcdevworks/spectre-ui`; removing or renaming them will break downstream UI packages.
|
|
197
|
+
|
|
198
|
+
- Surface: `--sp-surface-page`, `--sp-surface-card`, `--sp-surface-input`, `--sp-surface-overlay`
|
|
199
|
+
- Text: `--sp-text-on-page-default`, `--sp-text-on-page-muted`, `--sp-text-on-surface-default`, `--sp-text-on-surface-muted`
|
|
200
|
+
- Components/buttons: `--sp-component-card-text`, `--sp-component-card-text-muted`, `--sp-component-input-text`, `--sp-component-input-placeholder`, `--sp-button-primary-bg`, `--sp-button-primary-text`, `--sp-button-secondary-bg`, `--sp-button-secondary-text`, `--sp-button-ghost-bg`, `--sp-button-ghost-text`
|
|
201
|
+
|
|
172
202
|
## Repository Layout
|
|
173
203
|
|
|
174
204
|
| Folder | Responsibility |
|
|
@@ -188,6 +218,8 @@ npm run build
|
|
|
188
218
|
|
|
189
219
|
`tsup` compiles the TypeScript library (ESM, CJS, `.d.ts`) and `scripts/build-css.js` emits `dist/index.css`. Because `dist/` is generated, releases are reproducible from `tokens/` + `src/`.
|
|
190
220
|
|
|
221
|
+
For release history and version notes, see the **[Changelog](CHANGELOG.md)**.
|
|
222
|
+
|
|
191
223
|
## Design Principles
|
|
192
224
|
|
|
193
225
|
1. **Single source of truth** – Tokens originate in JSON and flow into every runtime surface.
|
|
@@ -221,10 +253,23 @@ const allTokens: SpectreTokens = tokens;
|
|
|
221
253
|
- **Spectre Astro** – Astro integration
|
|
222
254
|
- **Spectre 11ty** – Eleventy integration
|
|
223
255
|
|
|
256
|
+
For the project's future direction, see the **[Roadmap](ROADMAP.md)**.
|
|
257
|
+
|
|
224
258
|
## Contributing
|
|
225
259
|
|
|
226
260
|
Issues and pull requests are welcome. If you are proposing token changes, update `tokens/` and include regenerated builds.
|
|
227
261
|
|
|
262
|
+
For detailed contribution guidelines, see **[CONTRIBUTING.md](CONTRIBUTING.md)**.
|
|
263
|
+
|
|
228
264
|
## License
|
|
229
265
|
|
|
230
|
-
MIT © PHCDevworks
|
|
266
|
+
MIT © PHCDevworks — See **[LICENSE](LICENSE)** for details.
|
|
267
|
+
|
|
268
|
+
---
|
|
269
|
+
|
|
270
|
+
## ❤️ Support Spectre
|
|
271
|
+
|
|
272
|
+
If Spectre Tokens helps your workflow, consider sponsoring:
|
|
273
|
+
|
|
274
|
+
- [GitHub Sponsors](https://github.com/sponsors/phcdevworks)
|
|
275
|
+
- [Buy Me a Coffee](https://buymeacoffee.com/phcdevworks)
|
package/dist/index.cjs
CHANGED
|
@@ -121,6 +121,184 @@ var core_default = {
|
|
|
121
121
|
info: "#3b82f6"
|
|
122
122
|
}
|
|
123
123
|
},
|
|
124
|
+
surface: {
|
|
125
|
+
page: {
|
|
126
|
+
value: "#f8fafc",
|
|
127
|
+
description: "primary app background"
|
|
128
|
+
},
|
|
129
|
+
card: {
|
|
130
|
+
value: "#ffffff",
|
|
131
|
+
description: "containers and tiles"
|
|
132
|
+
},
|
|
133
|
+
input: {
|
|
134
|
+
value: "#ffffff",
|
|
135
|
+
description: "form inputs, textareas"
|
|
136
|
+
},
|
|
137
|
+
overlay: {
|
|
138
|
+
value: "rgba(15,23,42,0.6)",
|
|
139
|
+
description: "modals, dropdowns, flyouts"
|
|
140
|
+
}
|
|
141
|
+
},
|
|
142
|
+
text: {
|
|
143
|
+
onPage: {
|
|
144
|
+
default: "#0f172a",
|
|
145
|
+
muted: "#475569",
|
|
146
|
+
subtle: "#94a3b8"
|
|
147
|
+
},
|
|
148
|
+
onSurface: {
|
|
149
|
+
default: "#0f172a",
|
|
150
|
+
muted: "#6b7280",
|
|
151
|
+
subtle: "#94a3b8"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
component: {
|
|
155
|
+
card: {
|
|
156
|
+
text: "#0f172a",
|
|
157
|
+
textMuted: "#6b7280"
|
|
158
|
+
},
|
|
159
|
+
input: {
|
|
160
|
+
text: "#0f172a",
|
|
161
|
+
placeholder: "#94a3b8"
|
|
162
|
+
},
|
|
163
|
+
button: {
|
|
164
|
+
textDefault: "#0f172a",
|
|
165
|
+
textOnPrimary: "#ffffff"
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
modes: {
|
|
169
|
+
default: {
|
|
170
|
+
surface: {
|
|
171
|
+
page: {
|
|
172
|
+
value: "#f8fafc"
|
|
173
|
+
},
|
|
174
|
+
card: {
|
|
175
|
+
value: "#ffffff"
|
|
176
|
+
},
|
|
177
|
+
input: {
|
|
178
|
+
value: "#ffffff"
|
|
179
|
+
},
|
|
180
|
+
overlay: {
|
|
181
|
+
value: "rgba(15,23,42,0.6)"
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
text: {
|
|
185
|
+
onPage: {
|
|
186
|
+
default: {
|
|
187
|
+
value: "#0f172a"
|
|
188
|
+
},
|
|
189
|
+
muted: {
|
|
190
|
+
value: "#475569"
|
|
191
|
+
},
|
|
192
|
+
subtle: {
|
|
193
|
+
value: "#94a3b8"
|
|
194
|
+
}
|
|
195
|
+
},
|
|
196
|
+
onSurface: {
|
|
197
|
+
default: {
|
|
198
|
+
value: "#0f172a"
|
|
199
|
+
},
|
|
200
|
+
muted: {
|
|
201
|
+
value: "#6b7280"
|
|
202
|
+
},
|
|
203
|
+
subtle: {
|
|
204
|
+
value: "#94a3b8"
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
},
|
|
208
|
+
component: {
|
|
209
|
+
card: {
|
|
210
|
+
text: {
|
|
211
|
+
value: "#0f172a"
|
|
212
|
+
},
|
|
213
|
+
textMuted: {
|
|
214
|
+
value: "#6b7280"
|
|
215
|
+
}
|
|
216
|
+
},
|
|
217
|
+
input: {
|
|
218
|
+
text: {
|
|
219
|
+
value: "#0f172a"
|
|
220
|
+
},
|
|
221
|
+
placeholder: {
|
|
222
|
+
value: "#94a3b8"
|
|
223
|
+
}
|
|
224
|
+
},
|
|
225
|
+
button: {
|
|
226
|
+
textDefault: {
|
|
227
|
+
value: "#0f172a"
|
|
228
|
+
},
|
|
229
|
+
textOnPrimary: {
|
|
230
|
+
value: "#ffffff"
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
},
|
|
235
|
+
dark: {
|
|
236
|
+
surface: {
|
|
237
|
+
page: {
|
|
238
|
+
value: "#0f172a"
|
|
239
|
+
},
|
|
240
|
+
card: {
|
|
241
|
+
value: "#1e293b"
|
|
242
|
+
},
|
|
243
|
+
input: {
|
|
244
|
+
value: "#334155"
|
|
245
|
+
},
|
|
246
|
+
overlay: {
|
|
247
|
+
value: "#1e293b"
|
|
248
|
+
}
|
|
249
|
+
},
|
|
250
|
+
text: {
|
|
251
|
+
onPage: {
|
|
252
|
+
default: {
|
|
253
|
+
value: "#f8fafc"
|
|
254
|
+
},
|
|
255
|
+
muted: {
|
|
256
|
+
value: "#cbd5f5"
|
|
257
|
+
},
|
|
258
|
+
subtle: {
|
|
259
|
+
value: "#94a3b8"
|
|
260
|
+
}
|
|
261
|
+
},
|
|
262
|
+
onSurface: {
|
|
263
|
+
default: {
|
|
264
|
+
value: "#f1f5f9"
|
|
265
|
+
},
|
|
266
|
+
muted: {
|
|
267
|
+
value: "#cbd5f5"
|
|
268
|
+
},
|
|
269
|
+
subtle: {
|
|
270
|
+
value: "#94a3b8"
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
},
|
|
274
|
+
component: {
|
|
275
|
+
card: {
|
|
276
|
+
text: {
|
|
277
|
+
value: "#f1f5f9"
|
|
278
|
+
},
|
|
279
|
+
textMuted: {
|
|
280
|
+
value: "#cbd5f5"
|
|
281
|
+
}
|
|
282
|
+
},
|
|
283
|
+
input: {
|
|
284
|
+
text: {
|
|
285
|
+
value: "#f1f5f9"
|
|
286
|
+
},
|
|
287
|
+
placeholder: {
|
|
288
|
+
value: "#94a3b8"
|
|
289
|
+
}
|
|
290
|
+
},
|
|
291
|
+
button: {
|
|
292
|
+
textDefault: {
|
|
293
|
+
value: "#f1f5f9"
|
|
294
|
+
},
|
|
295
|
+
textOnPrimary: {
|
|
296
|
+
value: "#ffffff"
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
},
|
|
124
302
|
opacity: {
|
|
125
303
|
disabled: "0.38",
|
|
126
304
|
hover: "0.92",
|
|
@@ -231,6 +409,10 @@ var core_default = {
|
|
|
231
409
|
lg: "8px",
|
|
232
410
|
pill: "999px"
|
|
233
411
|
},
|
|
412
|
+
borders: {
|
|
413
|
+
card: "#334155",
|
|
414
|
+
input: "#cbd5f5"
|
|
415
|
+
},
|
|
234
416
|
typography: {
|
|
235
417
|
families: {
|
|
236
418
|
sans: "'Inter', 'Helvetica Neue', Arial, sans-serif",
|
|
@@ -435,13 +617,158 @@ var createCssVariableMap = (tokens2, options = {}) => {
|
|
|
435
617
|
});
|
|
436
618
|
return map;
|
|
437
619
|
};
|
|
620
|
+
var resolveSemanticValue = (value) => {
|
|
621
|
+
if (typeof value === "string" || typeof value === "number") return String(value);
|
|
622
|
+
if (value && typeof value === "object" && "value" in value) {
|
|
623
|
+
return String(value.value);
|
|
624
|
+
}
|
|
625
|
+
return void 0;
|
|
626
|
+
};
|
|
627
|
+
var getPath = (source, path) => path.reduce((acc, key) => acc && typeof acc === "object" ? acc[key] : void 0, source);
|
|
628
|
+
var pickSemantic = (...candidates) => {
|
|
629
|
+
for (const candidate of candidates) {
|
|
630
|
+
const resolved = resolveSemanticValue(candidate);
|
|
631
|
+
if (resolved !== void 0) return resolved;
|
|
632
|
+
}
|
|
633
|
+
return void 0;
|
|
634
|
+
};
|
|
438
635
|
var generateCssVariables = (tokens2, options = {}) => {
|
|
439
636
|
const selector = options.selector ?? DEFAULT_SELECTOR;
|
|
440
|
-
const
|
|
441
|
-
const
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
}
|
|
637
|
+
const prefix = options.prefix ?? DEFAULT_PREFIX;
|
|
638
|
+
const declarations = createCssVariableMap(tokens2, { ...options, prefix });
|
|
639
|
+
const mapLines = Object.entries(declarations).map(([name, value]) => ` ${name}: ${value};`);
|
|
640
|
+
const defaultMode = tokens2.modes?.default ?? {};
|
|
641
|
+
const darkMode = tokens2.modes?.dark ?? {};
|
|
642
|
+
const surfaceAliases = tokens2.surface ?? {};
|
|
643
|
+
const textAliases = tokens2.text ?? {};
|
|
644
|
+
const componentAliases = tokens2.component ?? {};
|
|
645
|
+
const baseLines = [];
|
|
646
|
+
const addBase = (name, value) => {
|
|
647
|
+
if (value !== void 0) baseLines.push(` ${name}: ${value};`);
|
|
648
|
+
};
|
|
649
|
+
addBase(toVariableName(prefix, "surface", "page"), pickSemantic(getPath(defaultMode, ["surface", "page"]), getPath(surfaceAliases, ["page"])));
|
|
650
|
+
addBase(toVariableName(prefix, "surface", "card"), pickSemantic(getPath(defaultMode, ["surface", "card"]), getPath(surfaceAliases, ["card"])));
|
|
651
|
+
addBase(toVariableName(prefix, "surface", "input"), pickSemantic(getPath(defaultMode, ["surface", "input"]), getPath(surfaceAliases, ["input"])));
|
|
652
|
+
addBase(toVariableName(prefix, "surface", "overlay"), pickSemantic(getPath(defaultMode, ["surface", "overlay"]), getPath(surfaceAliases, ["overlay"])));
|
|
653
|
+
addBase(toVariableName(prefix, "text", "on", "page", "default"), pickSemantic(getPath(defaultMode, ["text", "onPage", "default"]), getPath(textAliases, ["onPage", "default"])));
|
|
654
|
+
addBase(toVariableName(prefix, "text", "on", "page", "muted"), pickSemantic(getPath(defaultMode, ["text", "onPage", "muted"]), getPath(textAliases, ["onPage", "muted"])));
|
|
655
|
+
addBase(toVariableName(prefix, "text", "on", "surface", "default"), pickSemantic(getPath(defaultMode, ["text", "onSurface", "default"]), getPath(textAliases, ["onSurface", "default"])));
|
|
656
|
+
addBase(toVariableName(prefix, "text", "on", "surface", "muted"), pickSemantic(getPath(defaultMode, ["text", "onSurface", "muted"]), getPath(textAliases, ["onSurface", "muted"])));
|
|
657
|
+
addBase(toVariableName(prefix, "component", "card", "text"), pickSemantic(getPath(defaultMode, ["component", "card", "text"]), getPath(componentAliases, ["card", "text"])));
|
|
658
|
+
addBase(toVariableName(prefix, "component", "card", "text-muted"), pickSemantic(getPath(defaultMode, ["component", "card", "textMuted"]), getPath(componentAliases, ["card", "textMuted"])));
|
|
659
|
+
addBase(toVariableName(prefix, "component", "input", "text"), pickSemantic(getPath(defaultMode, ["component", "input", "text"]), getPath(componentAliases, ["input", "text"])));
|
|
660
|
+
addBase(toVariableName(prefix, "component", "input", "placeholder"), pickSemantic(getPath(defaultMode, ["component", "input", "placeholder"]), getPath(componentAliases, ["input", "placeholder"])));
|
|
661
|
+
addBase(toVariableName(prefix, "button", "text", "default"), pickSemantic(getPath(defaultMode, ["component", "button", "textDefault"]), getPath(componentAliases, ["button", "textDefault"])));
|
|
662
|
+
addBase(toVariableName(prefix, "button", "text", "on", "primary"), pickSemantic(getPath(defaultMode, ["component", "button", "textOnPrimary"]), getPath(componentAliases, ["button", "textOnPrimary"])));
|
|
663
|
+
const rootLines = [...baseLines, ...mapLines];
|
|
664
|
+
const darkLines = [];
|
|
665
|
+
const addDark = (name, value) => {
|
|
666
|
+
if (value !== void 0) darkLines.push(` ${name}: ${value};`);
|
|
667
|
+
};
|
|
668
|
+
addDark(
|
|
669
|
+
toVariableName(prefix, "surface", "page"),
|
|
670
|
+
pickSemantic(getPath(darkMode, ["surface", "page"]), getPath(defaultMode, ["surface", "page"]), getPath(surfaceAliases, ["page"]))
|
|
671
|
+
);
|
|
672
|
+
addDark(
|
|
673
|
+
toVariableName(prefix, "surface", "card"),
|
|
674
|
+
pickSemantic(getPath(darkMode, ["surface", "card"]), getPath(defaultMode, ["surface", "card"]), getPath(surfaceAliases, ["card"]))
|
|
675
|
+
);
|
|
676
|
+
addDark(
|
|
677
|
+
toVariableName(prefix, "surface", "input"),
|
|
678
|
+
pickSemantic(getPath(darkMode, ["surface", "input"]), getPath(defaultMode, ["surface", "input"]), getPath(surfaceAliases, ["input"]))
|
|
679
|
+
);
|
|
680
|
+
addDark(
|
|
681
|
+
toVariableName(prefix, "surface", "overlay"),
|
|
682
|
+
pickSemantic(getPath(darkMode, ["surface", "overlay"]), getPath(defaultMode, ["surface", "overlay"]), getPath(surfaceAliases, ["overlay"]))
|
|
683
|
+
);
|
|
684
|
+
addDark(
|
|
685
|
+
toVariableName(prefix, "text", "on", "page", "default"),
|
|
686
|
+
pickSemantic(
|
|
687
|
+
getPath(darkMode, ["text", "onPage", "default"]),
|
|
688
|
+
getPath(defaultMode, ["text", "onPage", "default"]),
|
|
689
|
+
getPath(textAliases, ["onPage", "default"])
|
|
690
|
+
)
|
|
691
|
+
);
|
|
692
|
+
addDark(
|
|
693
|
+
toVariableName(prefix, "text", "on", "page", "muted"),
|
|
694
|
+
pickSemantic(
|
|
695
|
+
getPath(darkMode, ["text", "onPage", "muted"]),
|
|
696
|
+
getPath(defaultMode, ["text", "onPage", "muted"]),
|
|
697
|
+
getPath(textAliases, ["onPage", "muted"])
|
|
698
|
+
)
|
|
699
|
+
);
|
|
700
|
+
addDark(
|
|
701
|
+
toVariableName(prefix, "text", "on", "surface", "default"),
|
|
702
|
+
pickSemantic(
|
|
703
|
+
getPath(darkMode, ["text", "onSurface", "default"]),
|
|
704
|
+
getPath(defaultMode, ["text", "onSurface", "default"]),
|
|
705
|
+
getPath(textAliases, ["onSurface", "default"])
|
|
706
|
+
)
|
|
707
|
+
);
|
|
708
|
+
addDark(
|
|
709
|
+
toVariableName(prefix, "text", "on", "surface", "muted"),
|
|
710
|
+
pickSemantic(
|
|
711
|
+
getPath(darkMode, ["text", "onSurface", "muted"]),
|
|
712
|
+
getPath(defaultMode, ["text", "onSurface", "muted"]),
|
|
713
|
+
getPath(textAliases, ["onSurface", "muted"])
|
|
714
|
+
)
|
|
715
|
+
);
|
|
716
|
+
addDark(
|
|
717
|
+
toVariableName(prefix, "component", "card", "text"),
|
|
718
|
+
pickSemantic(
|
|
719
|
+
getPath(darkMode, ["component", "card", "text"]),
|
|
720
|
+
getPath(defaultMode, ["component", "card", "text"]),
|
|
721
|
+
getPath(componentAliases, ["card", "text"])
|
|
722
|
+
)
|
|
723
|
+
);
|
|
724
|
+
addDark(
|
|
725
|
+
toVariableName(prefix, "component", "card", "text-muted"),
|
|
726
|
+
pickSemantic(
|
|
727
|
+
getPath(darkMode, ["component", "card", "textMuted"]),
|
|
728
|
+
getPath(defaultMode, ["component", "card", "textMuted"]),
|
|
729
|
+
getPath(componentAliases, ["card", "textMuted"])
|
|
730
|
+
)
|
|
731
|
+
);
|
|
732
|
+
addDark(
|
|
733
|
+
toVariableName(prefix, "component", "input", "text"),
|
|
734
|
+
pickSemantic(
|
|
735
|
+
getPath(darkMode, ["component", "input", "text"]),
|
|
736
|
+
getPath(defaultMode, ["component", "input", "text"]),
|
|
737
|
+
getPath(componentAliases, ["input", "text"])
|
|
738
|
+
)
|
|
739
|
+
);
|
|
740
|
+
addDark(
|
|
741
|
+
toVariableName(prefix, "component", "input", "placeholder"),
|
|
742
|
+
pickSemantic(
|
|
743
|
+
getPath(darkMode, ["component", "input", "placeholder"]),
|
|
744
|
+
getPath(defaultMode, ["component", "input", "placeholder"]),
|
|
745
|
+
getPath(componentAliases, ["input", "placeholder"])
|
|
746
|
+
)
|
|
747
|
+
);
|
|
748
|
+
addDark(
|
|
749
|
+
toVariableName(prefix, "button", "text", "default"),
|
|
750
|
+
pickSemantic(
|
|
751
|
+
getPath(darkMode, ["component", "button", "textDefault"]),
|
|
752
|
+
getPath(defaultMode, ["component", "button", "textDefault"]),
|
|
753
|
+
getPath(componentAliases, ["button", "textDefault"])
|
|
754
|
+
)
|
|
755
|
+
);
|
|
756
|
+
addDark(
|
|
757
|
+
toVariableName(prefix, "button", "text", "on", "primary"),
|
|
758
|
+
pickSemantic(
|
|
759
|
+
getPath(darkMode, ["component", "button", "textOnPrimary"]),
|
|
760
|
+
getPath(defaultMode, ["component", "button", "textOnPrimary"]),
|
|
761
|
+
getPath(componentAliases, ["button", "textOnPrimary"])
|
|
762
|
+
)
|
|
763
|
+
);
|
|
764
|
+
const rootBlock = `${selector} {
|
|
765
|
+
${rootLines.join("\n")}
|
|
766
|
+
}`;
|
|
767
|
+
const darkBlock = `${selector}[data-spectre-theme="dark"] {
|
|
768
|
+
${darkLines.join("\n")}
|
|
769
|
+
}`;
|
|
770
|
+
return `${rootBlock}
|
|
771
|
+
${darkBlock}
|
|
445
772
|
`;
|
|
446
773
|
};
|
|
447
774
|
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../tokens/core.json","../src/css.ts"],"sourcesContent":["import coreTokens from '../tokens/core.json';\n\nimport { generateCssVariables } from './css';\nimport type { SpectreTokens, TailwindTheme, Tokens } from './types';\n\nexport type { TailwindTheme, Tokens, SpectreTokens, ColorScale, TokenScale, TypographyTokens, TransitionTokens, AccessibilityTokens, ButtonStateTokens, FormStateTokens, AnimationEntry } from './types';\n\nconst tokens: SpectreTokens = coreTokens as SpectreTokens;\n\nconst sanitizeFontFamily = (value: string): string[] =>\n value\n .split(',')\n .map((segment) => segment.trim().replace(/^['\"]|['\"]$/g, ''))\n .filter(Boolean);\n\nconst createTailwindTheme = (source: Tokens = tokens as Tokens): TailwindTheme => {\n const colors: TailwindTheme['colors'] = {};\n Object.entries(source.colors).forEach(([group, scale]) => {\n colors[group] = { ...scale };\n });\n\n const fontFamily = Object.entries(source.typography.families).reduce<Record<string, string[]>>((acc, [key, value]) => {\n acc[key] = sanitizeFontFamily(value);\n return acc;\n }, {});\n\n const fontSize = Object.entries(source.typography.scale).reduce<TailwindTheme['fontSize']>((acc, [key, entry]) => {\n acc[key] = [\n entry.fontSize,\n {\n lineHeight: entry.lineHeight,\n ...(entry.fontWeight ? { fontWeight: entry.fontWeight } : {}),\n ...(entry.letterSpacing ? { letterSpacing: entry.letterSpacing } : {})\n }\n ];\n return acc;\n }, {});\n\n return {\n colors,\n spacing: { ...source.spacing },\n borderRadius: { ...source.radii },\n fontFamily,\n fontSize,\n boxShadow: { ...source.shadows },\n screens: { ...source.breakpoints },\n zIndex: { ...source.zIndex },\n transitionDuration: { ...source.transitions.duration },\n transitionTimingFunction: { ...source.transitions.easing },\n opacity: { ...source.opacity }\n };\n};\n\nexport const tailwindTheme = createTailwindTheme(tokens as Tokens);\nexport const tailwindPreset = {\n theme: tailwindTheme\n};\n\nexport { tokens, generateCssVariables };\nexport default tokens;\n","{\n \"colors\": {\n \"brand\": {\n \"50\": \"#f5f0ff\",\n \"100\": \"#ebe2ff\",\n \"200\": \"#d7c6ff\",\n \"300\": \"#bfa1ff\",\n \"400\": \"#a37aff\",\n \"500\": \"#8652ff\",\n \"600\": \"#6c32e6\",\n \"700\": \"#5626b4\",\n \"800\": \"#3d1b7f\",\n \"900\": \"#241147\"\n },\n \"neutral\": {\n \"50\": \"#f8fafc\",\n \"100\": \"#f1f5f9\",\n \"200\": \"#e2e8f0\",\n \"300\": \"#cbd5f5\",\n \"400\": \"#94a3b8\",\n \"500\": \"#64748b\",\n \"600\": \"#475569\",\n \"700\": \"#334155\",\n \"800\": \"#1e293b\",\n \"900\": \"#0f172a\"\n },\n \"accent\": {\n \"50\": \"#e5fff8\",\n \"100\": \"#b8ffed\",\n \"200\": \"#89ffe1\",\n \"300\": \"#59ffd6\",\n \"400\": \"#29ffca\",\n \"500\": \"#03e6b3\",\n \"600\": \"#00b389\",\n \"700\": \"#008060\",\n \"800\": \"#004d38\",\n \"900\": \"#002a20\"\n },\n \"success\": {\n \"50\": \"#f0fdf4\",\n \"100\": \"#dcfce7\",\n \"200\": \"#bbf7d0\",\n \"300\": \"#86efac\",\n \"400\": \"#4ade80\",\n \"500\": \"#22c55e\",\n \"600\": \"#16a34a\",\n \"700\": \"#15803d\",\n \"800\": \"#166534\",\n \"900\": \"#14532d\"\n },\n \"warning\": {\n \"50\": \"#fffbeb\",\n \"100\": \"#fef3c7\",\n \"200\": \"#fde68a\",\n \"300\": \"#fcd34d\",\n \"400\": \"#fbbf24\",\n \"500\": \"#f59e0b\",\n \"600\": \"#d97706\",\n \"700\": \"#b45309\",\n \"800\": \"#92400e\",\n \"900\": \"#78350f\"\n },\n \"error\": {\n \"50\": \"#fef2f2\",\n \"100\": \"#fee2e2\",\n \"200\": \"#fecaca\",\n \"300\": \"#fca5a5\",\n \"400\": \"#f87171\",\n \"500\": \"#ef4444\",\n \"600\": \"#dc2626\",\n \"700\": \"#b91c1c\",\n \"800\": \"#991b1b\",\n \"900\": \"#7f1d1d\"\n },\n \"info\": {\n \"50\": \"#eff6ff\",\n \"100\": \"#dbeafe\",\n \"200\": \"#bfdbfe\",\n \"300\": \"#93c5fd\",\n \"400\": \"#60a5fa\",\n \"500\": \"#3b82f6\",\n \"600\": \"#2563eb\",\n \"700\": \"#1d4ed8\",\n \"800\": \"#1e40af\",\n \"900\": \"#1e3a8a\"\n },\n \"focus\": {\n \"primary\": \"#8652ff\",\n \"error\": \"#ef4444\",\n \"info\": \"#3b82f6\"\n }\n },\n \"opacity\": {\n \"disabled\": \"0.38\",\n \"hover\": \"0.92\",\n \"active\": \"0.84\",\n \"focus\": \"1\",\n \"overlay\": \"0.5\",\n \"tooltip\": \"0.95\"\n },\n \"accessibility\": {\n \"focusRing\": {\n \"width\": \"2px\",\n \"offset\": \"2px\",\n \"style\": \"solid\"\n },\n \"minTouchTarget\": \"44px\",\n \"minTextSize\": \"16px\"\n },\n \"buttons\": {\n \"primary\": {\n \"bg\": \"#8652ff\",\n \"bgHover\": \"#6c32e6\",\n \"bgActive\": \"#5626b4\",\n \"bgDisabled\": \"#cbd5f5\",\n \"text\": \"#ffffff\",\n \"textDisabled\": \"#94a3b8\"\n },\n \"secondary\": {\n \"bg\": \"#ffffff\",\n \"bgHover\": \"#f1f5f9\",\n \"bgActive\": \"#e2e8f0\",\n \"bgDisabled\": \"#f8fafc\",\n \"text\": \"#8652ff\",\n \"textDisabled\": \"#94a3b8\",\n \"border\": \"#8652ff\",\n \"borderDisabled\": \"#cbd5f5\"\n },\n \"ghost\": {\n \"bg\": \"transparent\",\n \"bgHover\": \"#f5f0ff\",\n \"bgActive\": \"#ebe2ff\",\n \"bgDisabled\": \"transparent\",\n \"text\": \"#8652ff\",\n \"textDisabled\": \"#94a3b8\"\n },\n \"danger\": {\n \"bg\": \"#ef4444\",\n \"bgHover\": \"#dc2626\",\n \"bgActive\": \"#b91c1c\",\n \"bgDisabled\": \"#fecaca\",\n \"text\": \"#ffffff\",\n \"textDisabled\": \"#94a3b8\"\n },\n \"success\": {\n \"bg\": \"#22c55e\",\n \"bgHover\": \"#16a34a\",\n \"bgActive\": \"#15803d\",\n \"bgDisabled\": \"#bbf7d0\",\n \"text\": \"#ffffff\",\n \"textDisabled\": \"#94a3b8\"\n }\n },\n \"forms\": {\n \"default\": {\n \"bg\": \"#ffffff\",\n \"border\": \"#cbd5f5\",\n \"text\": \"#0f172a\",\n \"placeholder\": \"#94a3b8\"\n },\n \"hover\": {\n \"border\": \"#8652ff\"\n },\n \"focus\": {\n \"border\": \"#8652ff\",\n \"ring\": \"#8652ff\"\n },\n \"valid\": {\n \"border\": \"#22c55e\",\n \"bg\": \"#f0fdf4\",\n \"text\": \"#15803d\"\n },\n \"invalid\": {\n \"border\": \"#ef4444\",\n \"bg\": \"#fef2f2\",\n \"text\": \"#b91c1c\"\n },\n \"disabled\": {\n \"bg\": \"#f8fafc\",\n \"border\": \"#e2e8f0\",\n \"text\": \"#94a3b8\"\n }\n },\n \"spacing\": {\n \"none\": \"0rem\",\n \"3xs\": \"0.125rem\",\n \"2xs\": \"0.25rem\",\n \"xs\": \"0.5rem\",\n \"sm\": \"0.75rem\",\n \"md\": \"1rem\",\n \"lg\": \"1.5rem\",\n \"xl\": \"2rem\",\n \"2xl\": \"3rem\",\n \"3xl\": \"4rem\"\n },\n \"radii\": {\n \"none\": \"0\",\n \"sm\": \"2px\",\n \"md\": \"4px\",\n \"lg\": \"8px\",\n \"pill\": \"999px\"\n },\n \"typography\": {\n \"families\": {\n \"sans\": \"'Inter', 'Helvetica Neue', Arial, sans-serif\",\n \"serif\": \"'Spectre Serif', 'Georgia', serif\",\n \"mono\": \"'JetBrains Mono', 'SFMono-Regular', Consolas, monospace\"\n },\n \"scale\": {\n \"xs\": {\n \"fontSize\": \"0.75rem\",\n \"lineHeight\": \"1.25rem\",\n \"fontWeight\": 400,\n \"letterSpacing\": \"0.02em\"\n },\n \"sm\": {\n \"fontSize\": \"0.875rem\",\n \"lineHeight\": \"1.5rem\",\n \"fontWeight\": 400\n },\n \"md\": {\n \"fontSize\": \"1rem\",\n \"lineHeight\": \"1.75rem\",\n \"fontWeight\": 500\n },\n \"lg\": {\n \"fontSize\": \"1.25rem\",\n \"lineHeight\": \"2rem\",\n \"fontWeight\": 600\n },\n \"xl\": {\n \"fontSize\": \"1.5rem\",\n \"lineHeight\": \"2.125rem\",\n \"fontWeight\": 600\n },\n \"2xl\": {\n \"fontSize\": \"1.875rem\",\n \"lineHeight\": \"2.5rem\",\n \"fontWeight\": 700\n },\n \"3xl\": {\n \"fontSize\": \"2.25rem\",\n \"lineHeight\": \"2.75rem\",\n \"fontWeight\": 700\n }\n }\n },\n \"shadows\": {\n \"none\": \"none\",\n \"sm\": \"0 1px 2px 0 rgba(15, 23, 42, 0.08)\",\n \"md\": \"0 3px 8px -1px rgba(15, 23, 42, 0.1)\",\n \"lg\": \"0 8px 20px -4px rgba(15, 23, 42, 0.18)\"\n },\n \"breakpoints\": {\n \"sm\": \"640px\",\n \"md\": \"768px\",\n \"lg\": \"1024px\",\n \"xl\": \"1280px\",\n \"2xl\": \"1536px\"\n },\n \"zIndex\": {\n \"base\": \"0\",\n \"dropdown\": \"1000\",\n \"sticky\": \"1100\",\n \"fixed\": \"1200\",\n \"overlay\": \"1300\",\n \"modal\": \"1400\",\n \"popover\": \"1500\",\n \"tooltip\": \"1600\"\n },\n \"transitions\": {\n \"duration\": {\n \"instant\": \"75ms\",\n \"fast\": \"150ms\",\n \"base\": \"200ms\",\n \"moderate\": \"300ms\",\n \"slow\": \"500ms\",\n \"slower\": \"700ms\"\n },\n \"easing\": {\n \"linear\": \"linear\",\n \"in\": \"cubic-bezier(0.4, 0, 1, 1)\",\n \"out\": \"cubic-bezier(0, 0, 0.2, 1)\",\n \"inOut\": \"cubic-bezier(0.4, 0, 0.2, 1)\",\n \"spring\": \"cubic-bezier(0.34, 1.56, 0.64, 1)\"\n }\n },\n \"animations\": {\n \"fadeIn\": {\n \"duration\": \"200ms\",\n \"easing\": \"cubic-bezier(0, 0, 0.2, 1)\",\n \"keyframes\": \"fade-in\"\n },\n \"fadeOut\": {\n \"duration\": \"150ms\",\n \"easing\": \"cubic-bezier(0.4, 0, 1, 1)\",\n \"keyframes\": \"fade-out\"\n },\n \"slideUp\": {\n \"duration\": \"300ms\",\n \"easing\": \"cubic-bezier(0, 0, 0.2, 1)\",\n \"keyframes\": \"slide-up\"\n },\n \"slideDown\": {\n \"duration\": \"300ms\",\n \"easing\": \"cubic-bezier(0, 0, 0.2, 1)\",\n \"keyframes\": \"slide-down\"\n },\n \"scaleIn\": {\n \"duration\": \"200ms\",\n \"easing\": \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n \"keyframes\": \"scale-in\"\n },\n \"bounce\": {\n \"duration\": \"500ms\",\n \"easing\": \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n \"keyframes\": \"bounce\"\n },\n \"shake\": {\n \"duration\": \"400ms\",\n \"easing\": \"cubic-bezier(0.4, 0, 0.2, 1)\",\n \"keyframes\": \"shake\"\n },\n \"pulse\": {\n \"duration\": \"1500ms\",\n \"easing\": \"cubic-bezier(0.4, 0, 0.2, 1)\",\n \"keyframes\": \"pulse\"\n }\n }\n}\n","import type { CssVariableMap, CssVariableOptions, Tokens } from './types';\n\nconst DEFAULT_PREFIX = 'sp';\nexport const DEFAULT_SELECTOR = ':root';\n\nconst formatKey = (segment: string): string =>\n segment\n .replace(/[^a-z0-9]+/gi, '-')\n .replace(/^-+|-+$/g, '')\n .toLowerCase();\n\nconst toVariableName = (prefix: string, ...parts: string[]): string => {\n const filtered = parts.filter(Boolean).map(formatKey);\n return `--${prefix}-${filtered.join('-')}`;\n};\n\nexport const createCssVariableMap = (tokens: Tokens, options: CssVariableOptions = {}): CssVariableMap => {\n const prefix = options.prefix ?? DEFAULT_PREFIX;\n const map: CssVariableMap = {};\n\n const assign = (name: string, value: string | number | undefined) => {\n if (value === undefined) return;\n map[name] = String(value);\n };\n\n Object.entries(tokens.colors).forEach(([group, scale]) => {\n Object.entries(scale).forEach(([step, value]) => {\n assign(toVariableName(prefix, 'color', group, step), value);\n });\n });\n\n Object.entries(tokens.spacing).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'space', key), value);\n });\n\n Object.entries(tokens.radii).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'radius', key), value);\n });\n\n Object.entries(tokens.typography.families).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'font-family', key), value);\n });\n\n Object.entries(tokens.typography.scale).forEach(([key, entry]) => {\n assign(toVariableName(prefix, 'font', key, 'size'), entry.fontSize);\n assign(toVariableName(prefix, 'font', key, 'line-height'), entry.lineHeight);\n assign(toVariableName(prefix, 'font', key, 'weight'), entry.fontWeight);\n assign(toVariableName(prefix, 'font', key, 'letter-spacing'), entry.letterSpacing);\n });\n\n Object.entries(tokens.shadows).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'shadow', key), value);\n });\n\n Object.entries(tokens.breakpoints).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'breakpoint', key), value);\n });\n\n Object.entries(tokens.zIndex).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'z-index', key), value);\n });\n\n Object.entries(tokens.transitions.duration).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'duration', key), value);\n });\n\n Object.entries(tokens.transitions.easing).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'easing', key), value);\n });\n\n Object.entries(tokens.opacity).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'opacity', key), value);\n });\n\n // Accessibility tokens\n assign(toVariableName(prefix, 'focus-ring-width'), tokens.accessibility.focusRing.width);\n assign(toVariableName(prefix, 'focus-ring-offset'), tokens.accessibility.focusRing.offset);\n assign(toVariableName(prefix, 'focus-ring-style'), tokens.accessibility.focusRing.style);\n assign(toVariableName(prefix, 'min-touch-target'), tokens.accessibility.minTouchTarget);\n assign(toVariableName(prefix, 'min-text-size'), tokens.accessibility.minTextSize);\n\n // Button tokens\n Object.entries(tokens.buttons).forEach(([variant, states]) => {\n Object.entries(states).forEach(([state, value]) => {\n assign(toVariableName(prefix, 'button', variant, state), value);\n });\n });\n\n // Form tokens\n Object.entries(tokens.forms).forEach(([state, properties]) => {\n Object.entries(properties).forEach(([prop, value]) => {\n if (value) assign(toVariableName(prefix, 'form', state, prop), value);\n });\n });\n\n // Animation tokens\n Object.entries(tokens.animations).forEach(([name, animation]) => {\n assign(toVariableName(prefix, 'animation', name, 'duration'), animation.duration);\n assign(toVariableName(prefix, 'animation', name, 'easing'), animation.easing);\n assign(toVariableName(prefix, 'animation', name, 'keyframes'), animation.keyframes);\n });\n\n return map;\n};\n\nexport const generateCssVariables = (tokens: Tokens, options: CssVariableOptions = {}): string => {\n const selector = options.selector ?? DEFAULT_SELECTOR;\n const declarations = createCssVariableMap(tokens, options);\n const lines = Object.entries(declarations)\n .map(([name, value]) => ` ${name}: ${value};`)\n .join('\\n');\n\n return `${selector} {\\n${lines}\\n}\\n`;\n};\n"],"mappings":"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","names":["tokens"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../tokens/core.json","../src/css.ts"],"sourcesContent":["import coreTokens from '../tokens/core.json';\n\nimport { generateCssVariables } from './css';\nimport type { SpectreTokens, SpectreModeName, SpectreModeTokens, TailwindTheme, Tokens } from './types';\n\nexport type {\n TailwindTheme,\n Tokens,\n SpectreTokens,\n SpectreModeTokens,\n SpectreModeName,\n ColorScale,\n TokenScale,\n TypographyTokens,\n TransitionTokens,\n AccessibilityTokens,\n ButtonStateTokens,\n FormStateTokens,\n AnimationEntry\n} from './types';\n\nconst tokens: SpectreTokens = coreTokens as SpectreTokens;\n\nconst sanitizeFontFamily = (value: string): string[] =>\n value\n .split(',')\n .map((segment) => segment.trim().replace(/^['\"]|['\"]$/g, ''))\n .filter(Boolean);\n\nconst createTailwindTheme = (source: Tokens = tokens as Tokens): TailwindTheme => {\n const colors: TailwindTheme['colors'] = {};\n Object.entries(source.colors).forEach(([group, scale]) => {\n colors[group] = { ...scale };\n });\n\n const fontFamily = Object.entries(source.typography.families).reduce<Record<string, string[]>>((acc, [key, value]) => {\n acc[key] = sanitizeFontFamily(value);\n return acc;\n }, {});\n\n const fontSize = Object.entries(source.typography.scale).reduce<TailwindTheme['fontSize']>((acc, [key, entry]) => {\n acc[key] = [\n entry.fontSize,\n {\n lineHeight: entry.lineHeight,\n ...(entry.fontWeight ? { fontWeight: entry.fontWeight } : {}),\n ...(entry.letterSpacing ? { letterSpacing: entry.letterSpacing } : {})\n }\n ];\n return acc;\n }, {});\n\n return {\n colors,\n spacing: { ...source.spacing },\n borderRadius: { ...source.radii },\n fontFamily,\n fontSize,\n boxShadow: { ...source.shadows },\n screens: { ...source.breakpoints },\n zIndex: { ...source.zIndex },\n transitionDuration: { ...source.transitions.duration },\n transitionTimingFunction: { ...source.transitions.easing },\n opacity: { ...source.opacity }\n };\n};\n\nexport const tailwindTheme = createTailwindTheme(tokens as Tokens);\nexport const tailwindPreset = {\n theme: tailwindTheme\n};\n\nexport { tokens, generateCssVariables };\nexport default tokens;\n","{\n \"colors\": {\n \"brand\": {\n \"50\": \"#f5f0ff\",\n \"100\": \"#ebe2ff\",\n \"200\": \"#d7c6ff\",\n \"300\": \"#bfa1ff\",\n \"400\": \"#a37aff\",\n \"500\": \"#8652ff\",\n \"600\": \"#6c32e6\",\n \"700\": \"#5626b4\",\n \"800\": \"#3d1b7f\",\n \"900\": \"#241147\"\n },\n \"neutral\": {\n \"50\": \"#f8fafc\",\n \"100\": \"#f1f5f9\",\n \"200\": \"#e2e8f0\",\n \"300\": \"#cbd5f5\",\n \"400\": \"#94a3b8\",\n \"500\": \"#64748b\",\n \"600\": \"#475569\",\n \"700\": \"#334155\",\n \"800\": \"#1e293b\",\n \"900\": \"#0f172a\"\n },\n \"accent\": {\n \"50\": \"#e5fff8\",\n \"100\": \"#b8ffed\",\n \"200\": \"#89ffe1\",\n \"300\": \"#59ffd6\",\n \"400\": \"#29ffca\",\n \"500\": \"#03e6b3\",\n \"600\": \"#00b389\",\n \"700\": \"#008060\",\n \"800\": \"#004d38\",\n \"900\": \"#002a20\"\n },\n \"success\": {\n \"50\": \"#f0fdf4\",\n \"100\": \"#dcfce7\",\n \"200\": \"#bbf7d0\",\n \"300\": \"#86efac\",\n \"400\": \"#4ade80\",\n \"500\": \"#22c55e\",\n \"600\": \"#16a34a\",\n \"700\": \"#15803d\",\n \"800\": \"#166534\",\n \"900\": \"#14532d\"\n },\n \"warning\": {\n \"50\": \"#fffbeb\",\n \"100\": \"#fef3c7\",\n \"200\": \"#fde68a\",\n \"300\": \"#fcd34d\",\n \"400\": \"#fbbf24\",\n \"500\": \"#f59e0b\",\n \"600\": \"#d97706\",\n \"700\": \"#b45309\",\n \"800\": \"#92400e\",\n \"900\": \"#78350f\"\n },\n \"error\": {\n \"50\": \"#fef2f2\",\n \"100\": \"#fee2e2\",\n \"200\": \"#fecaca\",\n \"300\": \"#fca5a5\",\n \"400\": \"#f87171\",\n \"500\": \"#ef4444\",\n \"600\": \"#dc2626\",\n \"700\": \"#b91c1c\",\n \"800\": \"#991b1b\",\n \"900\": \"#7f1d1d\"\n },\n \"info\": {\n \"50\": \"#eff6ff\",\n \"100\": \"#dbeafe\",\n \"200\": \"#bfdbfe\",\n \"300\": \"#93c5fd\",\n \"400\": \"#60a5fa\",\n \"500\": \"#3b82f6\",\n \"600\": \"#2563eb\",\n \"700\": \"#1d4ed8\",\n \"800\": \"#1e40af\",\n \"900\": \"#1e3a8a\"\n },\n \"focus\": {\n \"primary\": \"#8652ff\",\n \"error\": \"#ef4444\",\n \"info\": \"#3b82f6\"\n }\n },\n \"surface\": {\n \"page\": {\n \"value\": \"#f8fafc\",\n \"description\": \"primary app background\"\n },\n \"card\": {\n \"value\": \"#ffffff\",\n \"description\": \"containers and tiles\"\n },\n \"input\": {\n \"value\": \"#ffffff\",\n \"description\": \"form inputs, textareas\"\n },\n \"overlay\": {\n \"value\": \"rgba(15,23,42,0.6)\",\n \"description\": \"modals, dropdowns, flyouts\"\n }\n },\n \"text\": {\n \"onPage\": {\n \"default\": \"#0f172a\",\n \"muted\": \"#475569\",\n \"subtle\": \"#94a3b8\"\n },\n \"onSurface\": {\n \"default\": \"#0f172a\",\n \"muted\": \"#6b7280\",\n \"subtle\": \"#94a3b8\"\n }\n },\n \"component\": {\n \"card\": {\n \"text\": \"#0f172a\",\n \"textMuted\": \"#6b7280\"\n },\n \"input\": {\n \"text\": \"#0f172a\",\n \"placeholder\": \"#94a3b8\"\n },\n \"button\": {\n \"textDefault\": \"#0f172a\",\n \"textOnPrimary\": \"#ffffff\"\n }\n },\n \"modes\": {\n \"default\": {\n \"surface\": {\n \"page\": {\n \"value\": \"#f8fafc\"\n },\n \"card\": {\n \"value\": \"#ffffff\"\n },\n \"input\": {\n \"value\": \"#ffffff\"\n },\n \"overlay\": {\n \"value\": \"rgba(15,23,42,0.6)\"\n }\n },\n \"text\": {\n \"onPage\": {\n \"default\": {\n \"value\": \"#0f172a\"\n },\n \"muted\": {\n \"value\": \"#475569\"\n },\n \"subtle\": {\n \"value\": \"#94a3b8\"\n }\n },\n \"onSurface\": {\n \"default\": {\n \"value\": \"#0f172a\"\n },\n \"muted\": {\n \"value\": \"#6b7280\"\n },\n \"subtle\": {\n \"value\": \"#94a3b8\"\n }\n }\n },\n \"component\": {\n \"card\": {\n \"text\": {\n \"value\": \"#0f172a\"\n },\n \"textMuted\": {\n \"value\": \"#6b7280\"\n }\n },\n \"input\": {\n \"text\": {\n \"value\": \"#0f172a\"\n },\n \"placeholder\": {\n \"value\": \"#94a3b8\"\n }\n },\n \"button\": {\n \"textDefault\": {\n \"value\": \"#0f172a\"\n },\n \"textOnPrimary\": {\n \"value\": \"#ffffff\"\n }\n }\n }\n },\n \"dark\": {\n \"surface\": {\n \"page\": {\n \"value\": \"#0f172a\"\n },\n \"card\": {\n \"value\": \"#1e293b\"\n },\n \"input\": {\n \"value\": \"#334155\"\n },\n \"overlay\": {\n \"value\": \"#1e293b\"\n }\n },\n \"text\": {\n \"onPage\": {\n \"default\": {\n \"value\": \"#f8fafc\"\n },\n \"muted\": {\n \"value\": \"#cbd5f5\"\n },\n \"subtle\": {\n \"value\": \"#94a3b8\"\n }\n },\n \"onSurface\": {\n \"default\": {\n \"value\": \"#f1f5f9\"\n },\n \"muted\": {\n \"value\": \"#cbd5f5\"\n },\n \"subtle\": {\n \"value\": \"#94a3b8\"\n }\n }\n },\n \"component\": {\n \"card\": {\n \"text\": {\n \"value\": \"#f1f5f9\"\n },\n \"textMuted\": {\n \"value\": \"#cbd5f5\"\n }\n },\n \"input\": {\n \"text\": {\n \"value\": \"#f1f5f9\"\n },\n \"placeholder\": {\n \"value\": \"#94a3b8\"\n }\n },\n \"button\": {\n \"textDefault\": {\n \"value\": \"#f1f5f9\"\n },\n \"textOnPrimary\": {\n \"value\": \"#ffffff\"\n }\n }\n }\n }\n },\n \"opacity\": {\n \"disabled\": \"0.38\",\n \"hover\": \"0.92\",\n \"active\": \"0.84\",\n \"focus\": \"1\",\n \"overlay\": \"0.5\",\n \"tooltip\": \"0.95\"\n },\n \"accessibility\": {\n \"focusRing\": {\n \"width\": \"2px\",\n \"offset\": \"2px\",\n \"style\": \"solid\"\n },\n \"minTouchTarget\": \"44px\",\n \"minTextSize\": \"16px\"\n },\n \"buttons\": {\n \"primary\": {\n \"bg\": \"#8652ff\",\n \"bgHover\": \"#6c32e6\",\n \"bgActive\": \"#5626b4\",\n \"bgDisabled\": \"#cbd5f5\",\n \"text\": \"#ffffff\",\n \"textDisabled\": \"#94a3b8\"\n },\n \"secondary\": {\n \"bg\": \"#ffffff\",\n \"bgHover\": \"#f1f5f9\",\n \"bgActive\": \"#e2e8f0\",\n \"bgDisabled\": \"#f8fafc\",\n \"text\": \"#8652ff\",\n \"textDisabled\": \"#94a3b8\",\n \"border\": \"#8652ff\",\n \"borderDisabled\": \"#cbd5f5\"\n },\n \"ghost\": {\n \"bg\": \"transparent\",\n \"bgHover\": \"#f5f0ff\",\n \"bgActive\": \"#ebe2ff\",\n \"bgDisabled\": \"transparent\",\n \"text\": \"#8652ff\",\n \"textDisabled\": \"#94a3b8\"\n },\n \"danger\": {\n \"bg\": \"#ef4444\",\n \"bgHover\": \"#dc2626\",\n \"bgActive\": \"#b91c1c\",\n \"bgDisabled\": \"#fecaca\",\n \"text\": \"#ffffff\",\n \"textDisabled\": \"#94a3b8\"\n },\n \"success\": {\n \"bg\": \"#22c55e\",\n \"bgHover\": \"#16a34a\",\n \"bgActive\": \"#15803d\",\n \"bgDisabled\": \"#bbf7d0\",\n \"text\": \"#ffffff\",\n \"textDisabled\": \"#94a3b8\"\n }\n },\n \"forms\": {\n \"default\": {\n \"bg\": \"#ffffff\",\n \"border\": \"#cbd5f5\",\n \"text\": \"#0f172a\",\n \"placeholder\": \"#94a3b8\"\n },\n \"hover\": {\n \"border\": \"#8652ff\"\n },\n \"focus\": {\n \"border\": \"#8652ff\",\n \"ring\": \"#8652ff\"\n },\n \"valid\": {\n \"border\": \"#22c55e\",\n \"bg\": \"#f0fdf4\",\n \"text\": \"#15803d\"\n },\n \"invalid\": {\n \"border\": \"#ef4444\",\n \"bg\": \"#fef2f2\",\n \"text\": \"#b91c1c\"\n },\n \"disabled\": {\n \"bg\": \"#f8fafc\",\n \"border\": \"#e2e8f0\",\n \"text\": \"#94a3b8\"\n }\n },\n \"spacing\": {\n \"none\": \"0rem\",\n \"3xs\": \"0.125rem\",\n \"2xs\": \"0.25rem\",\n \"xs\": \"0.5rem\",\n \"sm\": \"0.75rem\",\n \"md\": \"1rem\",\n \"lg\": \"1.5rem\",\n \"xl\": \"2rem\",\n \"2xl\": \"3rem\",\n \"3xl\": \"4rem\"\n },\n \"radii\": {\n \"none\": \"0\",\n \"sm\": \"2px\",\n \"md\": \"4px\",\n \"lg\": \"8px\",\n \"pill\": \"999px\"\n },\n \"borders\": {\n \"card\": \"#334155\",\n \"input\": \"#cbd5f5\"\n },\n \"typography\": {\n \"families\": {\n \"sans\": \"'Inter', 'Helvetica Neue', Arial, sans-serif\",\n \"serif\": \"'Spectre Serif', 'Georgia', serif\",\n \"mono\": \"'JetBrains Mono', 'SFMono-Regular', Consolas, monospace\"\n },\n \"scale\": {\n \"xs\": {\n \"fontSize\": \"0.75rem\",\n \"lineHeight\": \"1.25rem\",\n \"fontWeight\": 400,\n \"letterSpacing\": \"0.02em\"\n },\n \"sm\": {\n \"fontSize\": \"0.875rem\",\n \"lineHeight\": \"1.5rem\",\n \"fontWeight\": 400\n },\n \"md\": {\n \"fontSize\": \"1rem\",\n \"lineHeight\": \"1.75rem\",\n \"fontWeight\": 500\n },\n \"lg\": {\n \"fontSize\": \"1.25rem\",\n \"lineHeight\": \"2rem\",\n \"fontWeight\": 600\n },\n \"xl\": {\n \"fontSize\": \"1.5rem\",\n \"lineHeight\": \"2.125rem\",\n \"fontWeight\": 600\n },\n \"2xl\": {\n \"fontSize\": \"1.875rem\",\n \"lineHeight\": \"2.5rem\",\n \"fontWeight\": 700\n },\n \"3xl\": {\n \"fontSize\": \"2.25rem\",\n \"lineHeight\": \"2.75rem\",\n \"fontWeight\": 700\n }\n }\n },\n \"shadows\": {\n \"none\": \"none\",\n \"sm\": \"0 1px 2px 0 rgba(15, 23, 42, 0.08)\",\n \"md\": \"0 3px 8px -1px rgba(15, 23, 42, 0.1)\",\n \"lg\": \"0 8px 20px -4px rgba(15, 23, 42, 0.18)\"\n },\n \"breakpoints\": {\n \"sm\": \"640px\",\n \"md\": \"768px\",\n \"lg\": \"1024px\",\n \"xl\": \"1280px\",\n \"2xl\": \"1536px\"\n },\n \"zIndex\": {\n \"base\": \"0\",\n \"dropdown\": \"1000\",\n \"sticky\": \"1100\",\n \"fixed\": \"1200\",\n \"overlay\": \"1300\",\n \"modal\": \"1400\",\n \"popover\": \"1500\",\n \"tooltip\": \"1600\"\n },\n \"transitions\": {\n \"duration\": {\n \"instant\": \"75ms\",\n \"fast\": \"150ms\",\n \"base\": \"200ms\",\n \"moderate\": \"300ms\",\n \"slow\": \"500ms\",\n \"slower\": \"700ms\"\n },\n \"easing\": {\n \"linear\": \"linear\",\n \"in\": \"cubic-bezier(0.4, 0, 1, 1)\",\n \"out\": \"cubic-bezier(0, 0, 0.2, 1)\",\n \"inOut\": \"cubic-bezier(0.4, 0, 0.2, 1)\",\n \"spring\": \"cubic-bezier(0.34, 1.56, 0.64, 1)\"\n }\n },\n \"animations\": {\n \"fadeIn\": {\n \"duration\": \"200ms\",\n \"easing\": \"cubic-bezier(0, 0, 0.2, 1)\",\n \"keyframes\": \"fade-in\"\n },\n \"fadeOut\": {\n \"duration\": \"150ms\",\n \"easing\": \"cubic-bezier(0.4, 0, 1, 1)\",\n \"keyframes\": \"fade-out\"\n },\n \"slideUp\": {\n \"duration\": \"300ms\",\n \"easing\": \"cubic-bezier(0, 0, 0.2, 1)\",\n \"keyframes\": \"slide-up\"\n },\n \"slideDown\": {\n \"duration\": \"300ms\",\n \"easing\": \"cubic-bezier(0, 0, 0.2, 1)\",\n \"keyframes\": \"slide-down\"\n },\n \"scaleIn\": {\n \"duration\": \"200ms\",\n \"easing\": \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n \"keyframes\": \"scale-in\"\n },\n \"bounce\": {\n \"duration\": \"500ms\",\n \"easing\": \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n \"keyframes\": \"bounce\"\n },\n \"shake\": {\n \"duration\": \"400ms\",\n \"easing\": \"cubic-bezier(0.4, 0, 0.2, 1)\",\n \"keyframes\": \"shake\"\n },\n \"pulse\": {\n \"duration\": \"1500ms\",\n \"easing\": \"cubic-bezier(0.4, 0, 0.2, 1)\",\n \"keyframes\": \"pulse\"\n }\n }\n}\n","import type { CssVariableMap, CssVariableOptions, SpectreTokens, Tokens } from './types';\n\nconst DEFAULT_PREFIX = 'sp';\nexport const DEFAULT_SELECTOR = ':root';\n\nconst formatKey = (segment: string): string =>\n segment\n .replace(/[^a-z0-9]+/gi, '-')\n .replace(/^-+|-+$/g, '')\n .toLowerCase();\n\nconst toVariableName = (prefix: string, ...parts: string[]): string => {\n const filtered = parts.filter(Boolean).map(formatKey);\n return `--${prefix}-${filtered.join('-')}`;\n};\n\nexport const createCssVariableMap = (tokens: Tokens, options: CssVariableOptions = {}): CssVariableMap => {\n const prefix = options.prefix ?? DEFAULT_PREFIX;\n const map: CssVariableMap = {};\n\n const assign = (name: string, value: string | number | undefined) => {\n if (value === undefined) return;\n map[name] = String(value);\n };\n\n Object.entries(tokens.colors).forEach(([group, scale]) => {\n Object.entries(scale).forEach(([step, value]) => {\n assign(toVariableName(prefix, 'color', group, step), value);\n });\n });\n\n Object.entries(tokens.spacing).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'space', key), value);\n });\n\n Object.entries(tokens.radii).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'radius', key), value);\n });\n\n Object.entries(tokens.typography.families).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'font-family', key), value);\n });\n\n Object.entries(tokens.typography.scale).forEach(([key, entry]) => {\n assign(toVariableName(prefix, 'font', key, 'size'), entry.fontSize);\n assign(toVariableName(prefix, 'font', key, 'line-height'), entry.lineHeight);\n assign(toVariableName(prefix, 'font', key, 'weight'), entry.fontWeight);\n assign(toVariableName(prefix, 'font', key, 'letter-spacing'), entry.letterSpacing);\n });\n\n Object.entries(tokens.shadows).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'shadow', key), value);\n });\n\n Object.entries(tokens.breakpoints).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'breakpoint', key), value);\n });\n\n Object.entries(tokens.zIndex).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'z-index', key), value);\n });\n\n Object.entries(tokens.transitions.duration).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'duration', key), value);\n });\n\n Object.entries(tokens.transitions.easing).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'easing', key), value);\n });\n\n Object.entries(tokens.opacity).forEach(([key, value]) => {\n assign(toVariableName(prefix, 'opacity', key), value);\n });\n\n // Accessibility tokens\n assign(toVariableName(prefix, 'focus-ring-width'), tokens.accessibility.focusRing.width);\n assign(toVariableName(prefix, 'focus-ring-offset'), tokens.accessibility.focusRing.offset);\n assign(toVariableName(prefix, 'focus-ring-style'), tokens.accessibility.focusRing.style);\n assign(toVariableName(prefix, 'min-touch-target'), tokens.accessibility.minTouchTarget);\n assign(toVariableName(prefix, 'min-text-size'), tokens.accessibility.minTextSize);\n\n // Button tokens\n Object.entries(tokens.buttons).forEach(([variant, states]) => {\n Object.entries(states).forEach(([state, value]) => {\n assign(toVariableName(prefix, 'button', variant, state), value);\n });\n });\n\n // Form tokens\n Object.entries(tokens.forms).forEach(([state, properties]) => {\n Object.entries(properties).forEach(([prop, value]) => {\n if (value) assign(toVariableName(prefix, 'form', state, prop), value);\n });\n });\n\n // Animation tokens\n Object.entries(tokens.animations).forEach(([name, animation]) => {\n assign(toVariableName(prefix, 'animation', name, 'duration'), animation.duration);\n assign(toVariableName(prefix, 'animation', name, 'easing'), animation.easing);\n assign(toVariableName(prefix, 'animation', name, 'keyframes'), animation.keyframes);\n });\n\n return map;\n};\n\nconst resolveSemanticValue = (value: unknown): string | undefined => {\n if (typeof value === 'string' || typeof value === 'number') return String(value);\n if (value && typeof value === 'object' && 'value' in (value as Record<string, unknown>)) {\n return String((value as Record<string, unknown>).value);\n }\n return undefined;\n};\n\nconst getPath = (source: unknown, path: string[]): unknown =>\n path.reduce<unknown>((acc, key) => (acc && typeof acc === 'object' ? (acc as Record<string, unknown>)[key] : undefined), source);\n\nconst pickSemantic = (...candidates: unknown[]): string | undefined => {\n for (const candidate of candidates) {\n const resolved = resolveSemanticValue(candidate);\n if (resolved !== undefined) return resolved;\n }\n return undefined;\n};\n\nexport const generateCssVariables = (tokens: SpectreTokens, options: CssVariableOptions = {}): string => {\n const selector = options.selector ?? DEFAULT_SELECTOR;\n const prefix = options.prefix ?? DEFAULT_PREFIX;\n const declarations = createCssVariableMap(tokens as unknown as Tokens, { ...options, prefix });\n const mapLines = Object.entries(declarations).map(([name, value]) => ` ${name}: ${value};`);\n\n const defaultMode = tokens.modes?.default ?? {};\n const darkMode = tokens.modes?.dark ?? {};\n const surfaceAliases = tokens.surface ?? {};\n const textAliases = tokens.text ?? {};\n const componentAliases = tokens.component ?? {};\n\n const baseLines: string[] = [];\n const addBase = (name: string, value?: string) => {\n if (value !== undefined) baseLines.push(` ${name}: ${value};`);\n };\n\n addBase(toVariableName(prefix, 'surface', 'page'), pickSemantic(getPath(defaultMode, ['surface', 'page']), getPath(surfaceAliases, ['page'])));\n addBase(toVariableName(prefix, 'surface', 'card'), pickSemantic(getPath(defaultMode, ['surface', 'card']), getPath(surfaceAliases, ['card'])));\n addBase(toVariableName(prefix, 'surface', 'input'), pickSemantic(getPath(defaultMode, ['surface', 'input']), getPath(surfaceAliases, ['input'])));\n addBase(toVariableName(prefix, 'surface', 'overlay'), pickSemantic(getPath(defaultMode, ['surface', 'overlay']), getPath(surfaceAliases, ['overlay'])));\n\n addBase(toVariableName(prefix, 'text', 'on', 'page', 'default'), pickSemantic(getPath(defaultMode, ['text', 'onPage', 'default']), getPath(textAliases, ['onPage', 'default'])));\n addBase(toVariableName(prefix, 'text', 'on', 'page', 'muted'), pickSemantic(getPath(defaultMode, ['text', 'onPage', 'muted']), getPath(textAliases, ['onPage', 'muted'])));\n addBase(toVariableName(prefix, 'text', 'on', 'surface', 'default'), pickSemantic(getPath(defaultMode, ['text', 'onSurface', 'default']), getPath(textAliases, ['onSurface', 'default'])));\n addBase(toVariableName(prefix, 'text', 'on', 'surface', 'muted'), pickSemantic(getPath(defaultMode, ['text', 'onSurface', 'muted']), getPath(textAliases, ['onSurface', 'muted'])));\n\n addBase(toVariableName(prefix, 'component', 'card', 'text'), pickSemantic(getPath(defaultMode, ['component', 'card', 'text']), getPath(componentAliases, ['card', 'text'])));\n addBase(toVariableName(prefix, 'component', 'card', 'text-muted'), pickSemantic(getPath(defaultMode, ['component', 'card', 'textMuted']), getPath(componentAliases, ['card', 'textMuted'])));\n addBase(toVariableName(prefix, 'component', 'input', 'text'), pickSemantic(getPath(defaultMode, ['component', 'input', 'text']), getPath(componentAliases, ['input', 'text'])));\n addBase(toVariableName(prefix, 'component', 'input', 'placeholder'), pickSemantic(getPath(defaultMode, ['component', 'input', 'placeholder']), getPath(componentAliases, ['input', 'placeholder'])));\n addBase(toVariableName(prefix, 'button', 'text', 'default'), pickSemantic(getPath(defaultMode, ['component', 'button', 'textDefault']), getPath(componentAliases, ['button', 'textDefault'])));\n addBase(toVariableName(prefix, 'button', 'text', 'on', 'primary'), pickSemantic(getPath(defaultMode, ['component', 'button', 'textOnPrimary']), getPath(componentAliases, ['button', 'textOnPrimary'])));\n\n const rootLines = [...baseLines, ...mapLines];\n\n const darkLines: string[] = [];\n const addDark = (name: string, value?: string) => {\n if (value !== undefined) darkLines.push(` ${name}: ${value};`);\n };\n\n addDark(\n toVariableName(prefix, 'surface', 'page'),\n pickSemantic(getPath(darkMode, ['surface', 'page']), getPath(defaultMode, ['surface', 'page']), getPath(surfaceAliases, ['page']))\n );\n addDark(\n toVariableName(prefix, 'surface', 'card'),\n pickSemantic(getPath(darkMode, ['surface', 'card']), getPath(defaultMode, ['surface', 'card']), getPath(surfaceAliases, ['card']))\n );\n addDark(\n toVariableName(prefix, 'surface', 'input'),\n pickSemantic(getPath(darkMode, ['surface', 'input']), getPath(defaultMode, ['surface', 'input']), getPath(surfaceAliases, ['input']))\n );\n addDark(\n toVariableName(prefix, 'surface', 'overlay'),\n pickSemantic(getPath(darkMode, ['surface', 'overlay']), getPath(defaultMode, ['surface', 'overlay']), getPath(surfaceAliases, ['overlay']))\n );\n\n addDark(\n toVariableName(prefix, 'text', 'on', 'page', 'default'),\n pickSemantic(\n getPath(darkMode, ['text', 'onPage', 'default']),\n getPath(defaultMode, ['text', 'onPage', 'default']),\n getPath(textAliases, ['onPage', 'default'])\n )\n );\n addDark(\n toVariableName(prefix, 'text', 'on', 'page', 'muted'),\n pickSemantic(\n getPath(darkMode, ['text', 'onPage', 'muted']),\n getPath(defaultMode, ['text', 'onPage', 'muted']),\n getPath(textAliases, ['onPage', 'muted'])\n )\n );\n addDark(\n toVariableName(prefix, 'text', 'on', 'surface', 'default'),\n pickSemantic(\n getPath(darkMode, ['text', 'onSurface', 'default']),\n getPath(defaultMode, ['text', 'onSurface', 'default']),\n getPath(textAliases, ['onSurface', 'default'])\n )\n );\n addDark(\n toVariableName(prefix, 'text', 'on', 'surface', 'muted'),\n pickSemantic(\n getPath(darkMode, ['text', 'onSurface', 'muted']),\n getPath(defaultMode, ['text', 'onSurface', 'muted']),\n getPath(textAliases, ['onSurface', 'muted'])\n )\n );\n\n addDark(\n toVariableName(prefix, 'component', 'card', 'text'),\n pickSemantic(\n getPath(darkMode, ['component', 'card', 'text']),\n getPath(defaultMode, ['component', 'card', 'text']),\n getPath(componentAliases, ['card', 'text'])\n )\n );\n addDark(\n toVariableName(prefix, 'component', 'card', 'text-muted'),\n pickSemantic(\n getPath(darkMode, ['component', 'card', 'textMuted']),\n getPath(defaultMode, ['component', 'card', 'textMuted']),\n getPath(componentAliases, ['card', 'textMuted'])\n )\n );\n addDark(\n toVariableName(prefix, 'component', 'input', 'text'),\n pickSemantic(\n getPath(darkMode, ['component', 'input', 'text']),\n getPath(defaultMode, ['component', 'input', 'text']),\n getPath(componentAliases, ['input', 'text'])\n )\n );\n addDark(\n toVariableName(prefix, 'component', 'input', 'placeholder'),\n pickSemantic(\n getPath(darkMode, ['component', 'input', 'placeholder']),\n getPath(defaultMode, ['component', 'input', 'placeholder']),\n getPath(componentAliases, ['input', 'placeholder'])\n )\n );\n addDark(\n toVariableName(prefix, 'button', 'text', 'default'),\n pickSemantic(\n getPath(darkMode, ['component', 'button', 'textDefault']),\n getPath(defaultMode, ['component', 'button', 'textDefault']),\n getPath(componentAliases, ['button', 'textDefault'])\n )\n );\n addDark(\n toVariableName(prefix, 'button', 'text', 'on', 'primary'),\n pickSemantic(\n getPath(darkMode, ['component', 'button', 'textOnPrimary']),\n getPath(defaultMode, ['component', 'button', 'textOnPrimary']),\n getPath(componentAliases, ['button', 'textOnPrimary'])\n )\n );\n\n const rootBlock = `${selector} {\\n${rootLines.join('\\n')}\\n}`;\n const darkBlock = `${selector}[data-spectre-theme=\"dark\"] {\\n${darkLines.join('\\n')}\\n}`;\n\n return `${rootBlock}\\n${darkBlock}\\n`;\n};\n"],"mappings":"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","names":["tokens"]}
|