@phcdevworks/spectre-tokens 2.9.0 → 3.0.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/README.md +95 -58
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +2 -2
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/tokens.dtcg.json +10 -6
- package/package.json +12 -8
- package/tokens/modes.json +8 -4
package/dist/index.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
--sp-surface-card: #ffffff;
|
|
4
4
|
--sp-surface-input: #ffffff;
|
|
5
5
|
--sp-surface-overlay: rgba(0, 0, 0, 0.6);
|
|
6
|
-
--sp-surface-
|
|
6
|
+
--sp-surface-subtle: #eef1f6;
|
|
7
7
|
--sp-surface-hero: linear-gradient(135deg, #5b6ee1 0%, #6f3fd7 100%);
|
|
8
8
|
--sp-text-on-page-default: #141b24;
|
|
9
9
|
--sp-text-on-page-muted: #4b576a;
|
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
--sp-surface-card: #222b38;
|
|
423
423
|
--sp-surface-input: #374253;
|
|
424
424
|
--sp-surface-overlay: rgba(0, 0, 0, 0.6);
|
|
425
|
-
--sp-surface-
|
|
425
|
+
--sp-surface-subtle: #222b38;
|
|
426
426
|
--sp-surface-hero: linear-gradient(135deg, #5d28b8 0%, #401f75 100%);
|
|
427
427
|
--sp-text-on-page-default: #f7f8fb;
|
|
428
428
|
--sp-text-on-page-muted: #b7c1d4;
|
package/dist/index.d.cts
CHANGED
|
@@ -233,7 +233,7 @@ interface SpectreGeneratedTokens {
|
|
|
233
233
|
card: string;
|
|
234
234
|
input: string;
|
|
235
235
|
overlay: string;
|
|
236
|
-
|
|
236
|
+
subtle: string;
|
|
237
237
|
hero: string;
|
|
238
238
|
hover: string;
|
|
239
239
|
selected: string;
|
|
@@ -379,7 +379,7 @@ interface SpectreGeneratedTokens {
|
|
|
379
379
|
card: string;
|
|
380
380
|
input: string;
|
|
381
381
|
overlay: string;
|
|
382
|
-
|
|
382
|
+
subtle: string;
|
|
383
383
|
hero: string;
|
|
384
384
|
hover: string;
|
|
385
385
|
selected: string;
|
|
@@ -1208,7 +1208,7 @@ interface SpectreModeTokens {
|
|
|
1208
1208
|
card: SemanticTokenValue;
|
|
1209
1209
|
input: SemanticTokenValue;
|
|
1210
1210
|
overlay: SemanticTokenValue;
|
|
1211
|
-
|
|
1211
|
+
subtle: SemanticTokenValue;
|
|
1212
1212
|
hero: SemanticTokenValue;
|
|
1213
1213
|
hover: SemanticTokenValue;
|
|
1214
1214
|
selected: SemanticTokenValue;
|
package/dist/index.d.ts
CHANGED
|
@@ -233,7 +233,7 @@ interface SpectreGeneratedTokens {
|
|
|
233
233
|
card: string;
|
|
234
234
|
input: string;
|
|
235
235
|
overlay: string;
|
|
236
|
-
|
|
236
|
+
subtle: string;
|
|
237
237
|
hero: string;
|
|
238
238
|
hover: string;
|
|
239
239
|
selected: string;
|
|
@@ -379,7 +379,7 @@ interface SpectreGeneratedTokens {
|
|
|
379
379
|
card: string;
|
|
380
380
|
input: string;
|
|
381
381
|
overlay: string;
|
|
382
|
-
|
|
382
|
+
subtle: string;
|
|
383
383
|
hero: string;
|
|
384
384
|
hover: string;
|
|
385
385
|
selected: string;
|
|
@@ -1208,7 +1208,7 @@ interface SpectreModeTokens {
|
|
|
1208
1208
|
card: SemanticTokenValue;
|
|
1209
1209
|
input: SemanticTokenValue;
|
|
1210
1210
|
overlay: SemanticTokenValue;
|
|
1211
|
-
|
|
1211
|
+
subtle: SemanticTokenValue;
|
|
1212
1212
|
hero: SemanticTokenValue;
|
|
1213
1213
|
hover: SemanticTokenValue;
|
|
1214
1214
|
selected: SemanticTokenValue;
|
package/dist/index.js
CHANGED
|
@@ -234,7 +234,7 @@ var coreTokens = {
|
|
|
234
234
|
"card": "{colors.white}",
|
|
235
235
|
"input": "{colors.white}",
|
|
236
236
|
"overlay": "{colors.black} / 0.6",
|
|
237
|
-
"
|
|
237
|
+
"subtle": "{colors.neutral.100}",
|
|
238
238
|
"hero": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)",
|
|
239
239
|
"hover": "{colors.neutral.100}",
|
|
240
240
|
"selected": "{colors.info.50}",
|
|
@@ -380,7 +380,7 @@ var coreTokens = {
|
|
|
380
380
|
"card": "{colors.neutral.800}",
|
|
381
381
|
"input": "{colors.neutral.700}",
|
|
382
382
|
"overlay": "{colors.black} / 0.6",
|
|
383
|
-
"
|
|
383
|
+
"subtle": "{colors.neutral.800}",
|
|
384
384
|
"hero": "linear-gradient(135deg, {colors.accent.700} 0%, {colors.accent.900} 100%)",
|
|
385
385
|
"hover": "{colors.neutral.700}",
|
|
386
386
|
"selected": "{colors.info.900}",
|
|
@@ -1307,7 +1307,7 @@ var generateCssVariables = (tokens2, options = {}) => {
|
|
|
1307
1307
|
{ varParts: ["surface", "card"], modePath: ["surface", "card"], aliasSrc: surfaceAliases, aliasPath: ["card"] },
|
|
1308
1308
|
{ varParts: ["surface", "input"], modePath: ["surface", "input"], aliasSrc: surfaceAliases, aliasPath: ["input"] },
|
|
1309
1309
|
{ varParts: ["surface", "overlay"], modePath: ["surface", "overlay"], aliasSrc: surfaceAliases, aliasPath: ["overlay"] },
|
|
1310
|
-
{ varParts: ["surface", "
|
|
1310
|
+
{ varParts: ["surface", "subtle"], modePath: ["surface", "subtle"] },
|
|
1311
1311
|
{ varParts: ["surface", "hero"], modePath: ["surface", "hero"], aliasSrc: surfaceAliases, aliasPath: ["hero"] },
|
|
1312
1312
|
{ varParts: ["text", "on", "page", "default"], modePath: ["text", "onPage", "default"], aliasSrc: textAliases, aliasPath: ["onPage", "default"] },
|
|
1313
1313
|
{ varParts: ["text", "on", "page", "muted"], modePath: ["text", "onPage", "muted"], aliasSrc: textAliases, aliasPath: ["onPage", "muted"] },
|