@phcdevworks/spectre-tokens 2.7.0 → 2.8.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 (13) hide show
  1. package/README.md +2 -2
  2. package/dist/index.cjs +20 -6
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +14 -0
  5. package/dist/index.d.cts +14 -0
  6. package/dist/index.d.ts +14 -0
  7. package/dist/index.js +20 -6
  8. package/dist/index.js.map +1 -1
  9. package/dist/tokens.dtcg.json +2478 -0
  10. package/package.json +11 -6
  11. package/tokens/components.json +6 -0
  12. package/tokens/palette.json +3 -3
  13. package/tokens/primitives.json +13 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phcdevworks/spectre-tokens",
3
- "version": "2.7.0",
3
+ "version": "2.8.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",
@@ -59,9 +59,10 @@
59
59
  "scripts": {
60
60
  "generate": "tsx scripts/generate-types.ts",
61
61
  "prebuild": "npm run generate",
62
- "build": "npm run build:ts && npm run build:css",
62
+ "build": "npm run build:ts && npm run build:css && npm run build:design",
63
63
  "build:ts": "tsup --config tsup.config.ts",
64
64
  "build:css": "tsx scripts/build-css.ts",
65
+ "build:design": "tsx scripts/build-dtcg.ts",
65
66
  "check:manifest": "tsx scripts/check-contract-manifest.ts",
66
67
  "check:docs": "tsx scripts/check-doc-contract.ts",
67
68
  "check:dist": "tsx scripts/check-dist-sync.ts",
@@ -74,14 +75,16 @@
74
75
  "check:tailwind": "tsx scripts/check-tailwind-contract.ts",
75
76
  "check:consumer": "tsx scripts/check-consumer-smoke.ts",
76
77
  "check:integration": "tsx scripts/check-integration.ts",
78
+ "check:ecosystem": "spectre-manifest-validate spectre.manifest.json && spectre-manifest-check spectre.manifest.json .",
77
79
  "check:classification": "tsx scripts/check-change-classification.ts",
78
80
  "check:deprecation": "tsx scripts/check-deprecation.ts",
79
81
  "release:propose": "tsx scripts/propose-version.ts",
80
82
  "lint": "eslint .",
81
83
  "format": "prettier --write .",
82
- "check": "npm run build && npm run check:manifest && npm run check:structure && npm run check:locked && npm run check:contrast && npm run check:regression && npm run check:docs && npm run check:exports && npm run check:css && npm run check:tailwind && npm run check:consumer && npm run check:integration && npm run check:classification && npm run check:deprecation && npm run check:dist && npm run lint",
84
+ "check": "npm run build && npm run check:manifest && npm run check:structure && npm run check:locked && npm run check:contrast && npm run check:regression && npm run check:docs && npm run check:exports && npm run check:css && npm run check:tailwind && npm run check:consumer && npm run check:integration && npm run check:ecosystem && npm run check:classification && npm run check:deprecation && npm run check:dist && npm run lint",
83
85
  "check:all": "npm run check",
84
- "test": "npm run check",
86
+ "test:unit": "vitest run",
87
+ "test": "npm run test:unit && npm run check",
85
88
  "prepublishOnly": "npm run check"
86
89
  },
87
90
  "publishConfig": {
@@ -91,7 +94,8 @@
91
94
  "typescript": "^5.9 || ^6.0"
92
95
  },
93
96
  "devDependencies": {
94
- "@types/node": "^25.9.1",
97
+ "@phcdevworks/spectre-manifest": "^1.0.0",
98
+ "@types/node": "^25.9.2",
95
99
  "@typescript-eslint/eslint-plugin": "^8.60.1",
96
100
  "@typescript-eslint/parser": "^8.60.1",
97
101
  "colord": "^2.9.3",
@@ -102,6 +106,7 @@
102
106
  "tsup": "^8.5.1",
103
107
  "tsx": "^4.22.4",
104
108
  "typescript": "^6.0.3",
105
- "typescript-eslint": "^8.60.1"
109
+ "typescript-eslint": "^8.60.1",
110
+ "vitest": "^4.1.8"
106
111
  }
107
112
  }
package/tokens/components.json CHANGED
@@ -403,6 +403,9 @@
403
403
  },
404
404
  "focusRing": {
405
405
  "value": "{colors.error.500} / 0.4"
406
+ },
407
+ "focusVisible": {
408
+ "value": "{colors.error.500} / 0.4"
406
409
  }
407
410
  },
408
411
  "success": {
@@ -435,6 +438,9 @@
435
438
  },
436
439
  "focusRing": {
437
440
  "value": "{colors.success.500} / 0.4"
441
+ },
442
+ "focusVisible": {
443
+ "value": "{colors.success.500} / 0.4"
438
444
  }
439
445
  },
440
446
  "cta": {
package/tokens/palette.json CHANGED
@@ -92,9 +92,9 @@
92
92
  "600": "#6f3fd7"
93
93
  },
94
94
  "focus": {
95
- "primary": "#336df4",
96
- "error": "#ef4444",
97
- "info": "#0369a1"
95
+ "primary": "{colors.brand.500}",
96
+ "error": "{colors.error.500}",
97
+ "info": "{colors.info.600}"
98
98
  },
99
99
  "white": "#ffffff",
100
100
  "black": "#000000"
package/tokens/primitives.json CHANGED
@@ -1,17 +1,24 @@
1
1
  {
2
2
  "space": {
3
3
  "0": "0rem",
4
+ "1": "0.0625rem",
5
+ "2": "0.125rem",
4
6
  "4": "0.25rem",
7
+ "6": "0.375rem",
5
8
  "8": "0.5rem",
9
+ "10": "0.625rem",
6
10
  "12": "0.75rem",
11
+ "14": "0.875rem",
7
12
  "16": "1rem",
8
13
  "20": "1.25rem",
9
14
  "24": "1.5rem",
15
+ "28": "1.75rem",
10
16
  "32": "2rem",
11
17
  "40": "2.5rem",
12
18
  "48": "3rem",
13
19
  "56": "3.5rem",
14
20
  "64": "4rem",
21
+ "72": "4.5rem",
15
22
  "80": "5rem",
16
23
  "96": "6rem"
17
24
  },
@@ -22,6 +29,8 @@
22
29
  "lg": "8px",
23
30
  "xl": "12px",
24
31
  "2xl": "16px",
32
+ "3xl": "24px",
33
+ "4xl": "32px",
25
34
  "pill": "999px"
26
35
  },
27
36
  "shadows": {
@@ -151,12 +160,15 @@
151
160
  },
152
161
  "border": {
153
162
  "width": {
163
+ "none": "0",
154
164
  "base": "1px",
155
165
  "thick": "2px"
156
166
  },
157
167
  "style": {
158
168
  "none": "none",
159
- "solid": "solid"
169
+ "solid": "solid",
170
+ "dashed": "dashed",
171
+ "dotted": "dotted"
160
172
  }
161
173
  }
162
174
  }