@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.
Files changed (11) hide show
  1. package/README.md +95 -58
  2. package/dist/index.cjs +3 -3
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +2 -2
  5. package/dist/index.d.cts +3 -3
  6. package/dist/index.d.ts +3 -3
  7. package/dist/index.js +3 -3
  8. package/dist/index.js.map +1 -1
  9. package/dist/tokens.dtcg.json +10 -6
  10. package/package.json +12 -8
  11. package/tokens/modes.json +8 -4
package/dist/tokens.dtcg.json CHANGED
@@ -716,13 +716,15 @@
716
716
  "$value": "{colors.black} / 0.6",
717
717
  "$type": "color"
718
718
  },
719
- "alternate": {
719
+ "subtle": {
720
720
  "$value": "{colors.neutral.100}",
721
- "$type": "color"
721
+ "$type": "color",
722
+ "$description": "slightly recessed background for zebra rows, section bands, and inset panels — one step below surface.page"
722
723
  },
723
724
  "hero": {
724
725
  "$value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)",
725
- "$type": "string"
726
+ "$type": "string",
727
+ "$description": "full-bleed gradient background for hero and marketing sections only — not a general surface; pair with light text tokens explicitly"
726
728
  },
727
729
  "hover": {
728
730
  "$value": "{colors.neutral.100}",
@@ -1156,13 +1158,15 @@
1156
1158
  "$value": "{colors.black} / 0.6",
1157
1159
  "$type": "color"
1158
1160
  },
1159
- "alternate": {
1161
+ "subtle": {
1160
1162
  "$value": "{colors.neutral.800}",
1161
- "$type": "color"
1163
+ "$type": "color",
1164
+ "$description": "slightly recessed background for zebra rows, section bands, and inset panels — one step below surface.page"
1162
1165
  },
1163
1166
  "hero": {
1164
1167
  "$value": "linear-gradient(135deg, {colors.accent.700} 0%, {colors.accent.900} 100%)",
1165
- "$type": "string"
1168
+ "$type": "string",
1169
+ "$description": "full-bleed gradient background for hero and marketing sections only — not a general surface; pair with light text tokens explicitly"
1166
1170
  },
1167
1171
  "hover": {
1168
1172
  "$value": "{colors.neutral.700}",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phcdevworks/spectre-tokens",
3
- "version": "2.9.0",
3
+ "version": "3.0.0",
4
4
  "description": "@phcdevworks/spectre-tokens is the design-token package of the Spectre system for downstream Spectre packages and compatible applications.",
5
5
  "keywords": [
6
6
  "phcdevworks",
@@ -37,7 +37,7 @@
37
37
  "node": "^22.12.0 || >=24.0.0"
38
38
  },
39
39
  "type": "module",
40
- "packageManager": "npm@11.16.0",
40
+ "packageManager": "npm@11.17.0",
41
41
  "main": "./dist/index.cjs",
42
42
  "module": "./dist/index.js",
43
43
  "types": "./dist/index.d.ts",
@@ -95,22 +95,26 @@
95
95
  },
96
96
  "devDependencies": {
97
97
  "@phcdevworks/spectre-manifest": "^1.0.0",
98
- "@types/node": "^25.9.2",
99
- "@typescript-eslint/eslint-plugin": "^8.61.0",
100
- "@typescript-eslint/parser": "^8.61.0",
98
+ "@types/node": "^25.9.3",
99
+ "@typescript-eslint/eslint-plugin": "^8.61.1",
100
+ "@typescript-eslint/parser": "^8.61.1",
101
101
  "colord": "^2.9.3",
102
- "eslint": "^10.4.1",
102
+ "eslint": "^10.5.0",
103
103
  "jiti": "^2.7.0",
104
104
  "prettier": "^3.8.4",
105
105
  "ts-node": "^10.9.2",
106
106
  "tsup": "^8.5.1",
107
107
  "tsx": "^4.22.4",
108
108
  "typescript": "^6.0.3",
109
- "typescript-eslint": "^8.61.0",
110
- "vitest": "^4.1.8"
109
+ "typescript-eslint": "^8.61.1",
110
+ "vitest": "^4.1.9"
111
+ },
112
+ "overrides": {
113
+ "esbuild": "0.28.1"
111
114
  },
112
115
  "allowScripts": {
113
116
  "esbuild@0.27.7": true,
117
+ "esbuild@0.28.1": true,
114
118
  "esbuild@0.28.0": true
115
119
  }
116
120
  }
package/tokens/modes.json CHANGED
@@ -23,14 +23,16 @@
23
23
  "overlay": {
24
24
  "value": "{colors.black} / 0.6"
25
25
  },
26
- "alternate": {
26
+ "subtle": {
27
27
  "value": "{colors.neutral.100}",
28
+ "description": "slightly recessed background for zebra rows, section bands, and inset panels — one step below surface.page",
28
29
  "metadata": {
29
30
  "pair": "modes.default.text.onPage.default"
30
31
  }
31
32
  },
32
33
  "hero": {
33
- "value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)"
34
+ "value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)",
35
+ "description": "full-bleed gradient background for hero and marketing sections only — not a general surface; pair with light text tokens explicitly"
34
36
  },
35
37
  "hover": {
36
38
  "value": "{colors.neutral.100}"
@@ -573,14 +575,16 @@
573
575
  "overlay": {
574
576
  "value": "{colors.black} / 0.6"
575
577
  },
576
- "alternate": {
578
+ "subtle": {
577
579
  "value": "{colors.neutral.800}",
580
+ "description": "slightly recessed background for zebra rows, section bands, and inset panels — one step below surface.page",
578
581
  "metadata": {
579
582
  "pair": "modes.dark.text.onPage.default"
580
583
  }
581
584
  },
582
585
  "hero": {
583
- "value": "linear-gradient(135deg, {colors.accent.700} 0%, {colors.accent.900} 100%)"
586
+ "value": "linear-gradient(135deg, {colors.accent.700} 0%, {colors.accent.900} 100%)",
587
+ "description": "full-bleed gradient background for hero and marketing sections only — not a general surface; pair with light text tokens explicitly"
584
588
  },
585
589
  "hover": {
586
590
  "value": "{colors.neutral.700}"