@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.
package/README.md CHANGED
@@ -427,14 +427,14 @@ npm install
427
427
  npm run check
428
428
  ```
429
429
 
430
- This project expects Node.js `^22.12.0 || >=24.0.0` and npm `11.14.1`.
430
+ This project expects Node.js `^22.12.0 || >=24.0.0` and npm `11.16.0`.
431
431
 
432
432
  ### Common commands
433
433
 
434
434
  | Command | What it does |
435
435
  |---|---|
436
436
  | `npm run build` | Regenerate all outputs — run after any token source change |
437
- | `npm run check` | Full validation gate — all 14 steps must pass before commit |
437
+ | `npm run check` | Full validation gate — all 15 steps must pass before commit |
438
438
  | `npm run lint` | Run ESLint against all source files |
439
439
  | `npm run format` | Apply Prettier formatting to all files |
440
440
  | `npm run generate` | Regenerate `src/generated/tokens.ts` from token sources only |
package/dist/index.cjs CHANGED
@@ -134,7 +134,8 @@ var coreTokens = {
134
134
  "bgDisabled": "{colors.error.200}",
135
135
  "text": "{colors.white}",
136
136
  "textDisabled": "{colors.neutral.400}",
137
- "focusRing": "{colors.error.500} / 0.4"
137
+ "focusRing": "{colors.error.500} / 0.4",
138
+ "focusVisible": "{colors.error.500} / 0.4"
138
139
  },
139
140
  "success": {
140
141
  "bg": "{colors.success.700}",
@@ -143,7 +144,8 @@ var coreTokens = {
143
144
  "bgDisabled": "{colors.success.200}",
144
145
  "text": "{colors.white}",
145
146
  "textDisabled": "{colors.neutral.400}",
146
- "focusRing": "{colors.success.500} / 0.4"
147
+ "focusRing": "{colors.success.500} / 0.4",
148
+ "focusVisible": "{colors.success.500} / 0.4"
147
149
  },
148
150
  "cta": {
149
151
  "bg": "{colors.brand.600}",
@@ -472,26 +474,33 @@ var coreTokens = {
472
474
  "600": "#6f3fd7"
473
475
  },
474
476
  "focus": {
475
- "primary": "#336df4",
476
- "error": "#ef4444",
477
- "info": "#0369a1"
477
+ "primary": "{colors.brand.500}",
478
+ "error": "{colors.error.500}",
479
+ "info": "{colors.info.600}"
478
480
  },
479
481
  "white": "#ffffff",
480
482
  "black": "#000000"
481
483
  },
482
484
  "space": {
483
485
  "0": "0rem",
486
+ "1": "0.0625rem",
487
+ "2": "0.125rem",
484
488
  "4": "0.25rem",
489
+ "6": "0.375rem",
485
490
  "8": "0.5rem",
491
+ "10": "0.625rem",
486
492
  "12": "0.75rem",
493
+ "14": "0.875rem",
487
494
  "16": "1rem",
488
495
  "20": "1.25rem",
489
496
  "24": "1.5rem",
497
+ "28": "1.75rem",
490
498
  "32": "2rem",
491
499
  "40": "2.5rem",
492
500
  "48": "3rem",
493
501
  "56": "3.5rem",
494
502
  "64": "4rem",
503
+ "72": "4.5rem",
495
504
  "80": "5rem",
496
505
  "96": "6rem"
497
506
  },
@@ -502,6 +511,8 @@ var coreTokens = {
502
511
  "lg": "8px",
503
512
  "xl": "12px",
504
513
  "2xl": "16px",
514
+ "3xl": "24px",
515
+ "4xl": "32px",
505
516
  "pill": "999px"
506
517
  },
507
518
  "shadows": {
@@ -631,12 +642,15 @@ var coreTokens = {
631
642
  },
632
643
  "border": {
633
644
  "width": {
645
+ "none": "0",
634
646
  "base": "1px",
635
647
  "thick": "2px"
636
648
  },
637
649
  "style": {
638
650
  "none": "none",
639
- "solid": "solid"
651
+ "solid": "solid",
652
+ "dashed": "dashed",
653
+ "dotted": "dotted"
640
654
  }
641
655
  },
642
656
  "surface": {