@phcdevworks/spectre-tokens 2.3.0 → 2.5.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 (10) hide show
  1. package/README.md +1 -0
  2. package/dist/index.cjs +58 -256
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +7 -7
  5. package/dist/index.js +58 -256
  6. package/dist/index.js.map +1 -1
  7. package/package.json +5 -7
  8. package/tokens/components.json +21 -15
  9. package/tokens/modes.json +31 -23
  10. package/tokens/primitives.json +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phcdevworks/spectre-tokens",
3
- "version": "2.3.0",
3
+ "version": "2.5.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",
@@ -83,19 +83,17 @@
83
83
  "typescript": "^5.9 || ^6.0"
84
84
  },
85
85
  "devDependencies": {
86
- "@types/chroma-js": "^3.1.2",
87
86
  "@types/node": "^25.6.0",
88
- "@typescript-eslint/eslint-plugin": "^8.58.2",
89
- "@typescript-eslint/parser": "^8.58.2",
90
- "chroma-js": "^3.2.0",
87
+ "@typescript-eslint/eslint-plugin": "^8.59.1",
88
+ "@typescript-eslint/parser": "^8.59.1",
91
89
  "colord": "^2.9.3",
92
- "eslint": "^10.2.1",
90
+ "eslint": "^10.3.0",
93
91
  "jiti": "^2.6.1",
94
92
  "prettier": "^3.8.3",
95
93
  "ts-node": "^10.9.2",
96
94
  "tsup": "^8.5.1",
97
95
  "tsx": "^4.21.0",
98
96
  "typescript": "^6.0.3",
99
- "typescript-eslint": "^8.58.2"
97
+ "typescript-eslint": "^8.59.1"
100
98
  }
101
99
  }
package/tokens/components.json CHANGED
@@ -8,7 +8,7 @@
8
8
  }
9
9
  },
10
10
  "textMuted": {
11
- "value": "{colors.neutral.500}",
11
+ "value": "{colors.neutral.600}",
12
12
  "metadata": {
13
13
  "pair": "surface.card"
14
14
  }
@@ -50,7 +50,10 @@
50
50
  }
51
51
  },
52
52
  "neutralText": {
53
- "value": "{colors.neutral.700}"
53
+ "value": "{colors.neutral.700}",
54
+ "metadata": {
55
+ "pair": "component.badge.neutralBgHover"
56
+ }
54
57
  },
55
58
  "infoBg": {
56
59
  "value": "{colors.info.100}",
@@ -65,7 +68,10 @@
65
68
  }
66
69
  },
67
70
  "infoText": {
68
- "value": "{colors.info.700}"
71
+ "value": "{colors.info.700}",
72
+ "metadata": {
73
+ "pair": "component.badge.infoBgHover"
74
+ }
69
75
  },
70
76
  "successBg": {
71
77
  "value": "{colors.success.100}",
@@ -158,25 +164,25 @@
158
164
  "text": {
159
165
  "value": "{colors.neutral.700}",
160
166
  "metadata": {
161
- "pair": "component.testimonial.bg"
167
+ "pair": "component.testimonial.bgHover"
162
168
  }
163
169
  },
164
170
  "authorName": {
165
171
  "value": "{colors.neutral.900}",
166
172
  "metadata": {
167
- "pair": "component.testimonial.bg"
173
+ "pair": "component.testimonial.bgHover"
168
174
  }
169
175
  },
170
176
  "authorTitle": {
171
- "value": "{colors.neutral.500}",
177
+ "value": "{colors.neutral.600}",
172
178
  "metadata": {
173
- "pair": "component.testimonial.bg"
179
+ "pair": "component.testimonial.bgHover"
174
180
  }
175
181
  },
176
182
  "quoteMark": {
177
- "value": "{colors.neutral.500}",
183
+ "value": "{colors.neutral.600}",
178
184
  "metadata": {
179
- "pair": "component.testimonial.bg"
185
+ "pair": "component.testimonial.bgHover"
180
186
  }
181
187
  }
182
188
  },
@@ -220,13 +226,13 @@
220
226
  "price": {
221
227
  "value": "{colors.neutral.900}",
222
228
  "metadata": {
223
- "pair": "component.pricingCard.bg"
229
+ "pair": "component.pricingCard.bgHover"
224
230
  }
225
231
  },
226
232
  "priceDescription": {
227
- "value": "{colors.neutral.500}",
233
+ "value": "{colors.neutral.600}",
228
234
  "metadata": {
229
- "pair": "component.pricingCard.bg"
235
+ "pair": "component.pricingCard.bgHover"
230
236
  }
231
237
  }
232
238
  },
@@ -455,19 +461,19 @@
455
461
  },
456
462
  "accent": {
457
463
  "bg": {
458
- "value": "{colors.accent.600}",
464
+ "value": "{colors.accent.700}",
459
465
  "metadata": {
460
466
  "pair": "buttons.accent.text"
461
467
  }
462
468
  },
463
469
  "bgHover": {
464
- "value": "{colors.accent.700}",
470
+ "value": "{colors.accent.800}",
465
471
  "metadata": {
466
472
  "pair": "buttons.accent.text"
467
473
  }
468
474
  },
469
475
  "bgActive": {
470
- "value": "{colors.accent.800}",
476
+ "value": "{colors.accent.900}",
471
477
  "metadata": {
472
478
  "pair": "buttons.accent.text"
473
479
  }
package/tokens/modes.json CHANGED
@@ -151,7 +151,9 @@
151
151
  },
152
152
  "neutralText": {
153
153
  "value": "{colors.neutral.700}",
154
- "metadata": {}
154
+ "metadata": {
155
+ "pair": "modes.default.component.badge.neutralBgHover"
156
+ }
155
157
  },
156
158
  "infoBg": {
157
159
  "value": "{colors.info.100}",
@@ -167,7 +169,9 @@
167
169
  },
168
170
  "infoText": {
169
171
  "value": "{colors.info.700}",
170
- "metadata": {}
172
+ "metadata": {
173
+ "pair": "modes.default.component.badge.infoBgHover"
174
+ }
171
175
  },
172
176
  "successBg": {
173
177
  "value": "{colors.success.100}",
@@ -252,25 +256,25 @@
252
256
  "text": {
253
257
  "value": "{colors.neutral.700}",
254
258
  "metadata": {
255
- "pair": "modes.default.component.testimonial.bg"
259
+ "pair": "modes.default.component.testimonial.bgHover"
256
260
  }
257
261
  },
258
262
  "authorName": {
259
263
  "value": "{colors.neutral.900}",
260
264
  "metadata": {
261
- "pair": "modes.default.component.testimonial.bg"
265
+ "pair": "modes.default.component.testimonial.bgHover"
262
266
  }
263
267
  },
264
268
  "authorTitle": {
265
- "value": "{colors.neutral.500}",
269
+ "value": "{colors.neutral.600}",
266
270
  "metadata": {
267
- "pair": "modes.default.component.testimonial.bg"
271
+ "pair": "modes.default.component.testimonial.bgHover"
268
272
  }
269
273
  },
270
274
  "quoteMark": {
271
- "value": "{colors.neutral.500}",
275
+ "value": "{colors.neutral.600}",
272
276
  "metadata": {
273
- "pair": "modes.default.component.testimonial.bg"
277
+ "pair": "modes.default.component.testimonial.bgHover"
274
278
  }
275
279
  }
276
280
  },
@@ -314,13 +318,13 @@
314
318
  "price": {
315
319
  "value": "{colors.neutral.900}",
316
320
  "metadata": {
317
- "pair": "modes.default.component.pricingCard.bg"
321
+ "pair": "modes.default.component.pricingCard.bgHover"
318
322
  }
319
323
  },
320
324
  "priceDescription": {
321
- "value": "{colors.neutral.500}",
325
+ "value": "{colors.neutral.600}",
322
326
  "metadata": {
323
- "pair": "modes.default.component.pricingCard.bg"
327
+ "pair": "modes.default.component.pricingCard.bgHover"
324
328
  }
325
329
  }
326
330
  },
@@ -363,7 +367,7 @@
363
367
  }
364
368
  },
365
369
  "overlay": {
366
- "value": "{colors.neutral.800}"
370
+ "value": "{colors.black} / 0.6"
367
371
  },
368
372
  "alternate": {
369
373
  "value": "{colors.neutral.800}",
@@ -493,7 +497,9 @@
493
497
  },
494
498
  "neutralText": {
495
499
  "value": "{colors.neutral.100}",
496
- "metadata": {}
500
+ "metadata": {
501
+ "pair": "modes.dark.component.badge.neutralBgHover"
502
+ }
497
503
  },
498
504
  "infoBg": {
499
505
  "value": "{colors.info.800}",
@@ -509,7 +515,9 @@
509
515
  },
510
516
  "infoText": {
511
517
  "value": "{colors.info.100}",
512
- "metadata": {}
518
+ "metadata": {
519
+ "pair": "modes.dark.component.badge.infoBgHover"
520
+ }
513
521
  },
514
522
  "successBg": {
515
523
  "value": "{colors.success.800}",
@@ -616,25 +624,25 @@
616
624
  "text": {
617
625
  "value": "{colors.neutral.200}",
618
626
  "metadata": {
619
- "pair": "modes.dark.component.testimonial.bg"
627
+ "pair": "modes.dark.component.testimonial.bgHover"
620
628
  }
621
629
  },
622
630
  "authorName": {
623
631
  "value": "{colors.neutral.100}",
624
632
  "metadata": {
625
- "pair": "modes.dark.component.testimonial.bg"
633
+ "pair": "modes.dark.component.testimonial.bgHover"
626
634
  }
627
635
  },
628
636
  "authorTitle": {
629
- "value": "{colors.neutral.400}",
637
+ "value": "{colors.neutral.300}",
630
638
  "metadata": {
631
- "pair": "modes.dark.component.testimonial.bg"
639
+ "pair": "modes.dark.component.testimonial.bgHover"
632
640
  }
633
641
  },
634
642
  "quoteMark": {
635
- "value": "{colors.neutral.400}",
643
+ "value": "{colors.neutral.300}",
636
644
  "metadata": {
637
- "pair": "modes.dark.component.testimonial.bg"
645
+ "pair": "modes.dark.component.testimonial.bgHover"
638
646
  }
639
647
  }
640
648
  },
@@ -678,13 +686,13 @@
678
686
  "price": {
679
687
  "value": "{colors.neutral.100}",
680
688
  "metadata": {
681
- "pair": "modes.dark.component.pricingCard.bg"
689
+ "pair": "modes.dark.component.pricingCard.bgHover"
682
690
  }
683
691
  },
684
692
  "priceDescription": {
685
- "value": "{colors.neutral.400}",
693
+ "value": "{colors.neutral.300}",
686
694
  "metadata": {
687
- "pair": "modes.dark.component.pricingCard.bg"
695
+ "pair": "modes.dark.component.pricingCard.bgHover"
688
696
  }
689
697
  }
690
698
  },
package/tokens/primitives.json CHANGED
@@ -24,9 +24,9 @@
24
24
  },
25
25
  "shadows": {
26
26
  "none": "none",
27
- "sm": "0 1px 2px 0 {colors.neutral.800} / 0.06",
28
- "md": "0 2px 6px -1px {colors.neutral.800} / 0.08",
29
- "lg": "0 6px 16px -4px {colors.neutral.800} / 0.12"
27
+ "sm": "0 1px 2px 0 {colors.black} / 0.06",
28
+ "md": "0 2px 6px -1px {colors.black} / 0.08",
29
+ "lg": "0 6px 16px -4px {colors.black} / 0.12"
30
30
  },
31
31
  "breakpoints": {
32
32
  "sm": "640px",