@phcdevworks/spectre-tokens 2.1.2 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phcdevworks/spectre-tokens",
-  "version": "2.1.2",
+  "version": "2.3.0",
   "description": "@phcdevworks/spectre-tokens is the design-token package of the Spectre system for downstream Spectre packages and compatible applications.",
   "keywords": [
     "phcdevworks",
@@ -48,22 +48,33 @@
     "dist",
     "tokens"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "./dist/index.css"
+  ],
   "scripts": {
     "generate": "tsx scripts/generate-types.ts",
     "prebuild": "npm run generate",
     "build": "npm run build:ts && npm run build:css",
     "build:ts": "tsup --config tsup.config.ts",
     "build:css": "tsx scripts/build-css.ts",
+    "check:manifest": "tsx scripts/check-contract-manifest.ts",
+    "check:docs": "tsx scripts/check-doc-contract.ts",
+    "check:dist": "node scripts/check-dist-sync.js",
     "check:structure": "tsx scripts/assert-core-tokens.ts",
     "check:locked": "tsx scripts/check-locked-color-contracts.ts",
     "check:contrast": "tsx scripts/check-contrast.ts",
     "check:regression": "tsx scripts/check-tokens-regression.ts",
+    "check:exports": "node scripts/check-public-exports.mjs",
+    "check:css": "tsx scripts/check-css-contract.ts",
+    "check:tailwind": "tsx scripts/check-tailwind-contract.ts",
+    "check:consumer": "tsx scripts/check-consumer-smoke.ts",
+    "check:classification": "tsx scripts/check-change-classification.ts",
     "lint": "eslint .",
     "format": "prettier --write .",
-    "check": "npm run build && npm run check:structure && npm run check:locked && npm run check:contrast && npm run check:regression && npm run lint",
+    "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:classification && npm run check:dist && npm run lint",
     "check:all": "npm run check",
-    "test": "npm run check"
+    "test": "npm run check",
+    "prepublishOnly": "npm run check"
   },
   "publishConfig": {
     "access": "public"
@@ -73,18 +84,18 @@
   },
   "devDependencies": {
     "@types/chroma-js": "^3.1.2",
-    "@types/node": "^25.5.0",
-    "@typescript-eslint/eslint-plugin": "^8.58.0",
-    "@typescript-eslint/parser": "^8.58.0",
+    "@types/node": "^25.6.0",
+    "@typescript-eslint/eslint-plugin": "^8.58.2",
+    "@typescript-eslint/parser": "^8.58.2",
     "chroma-js": "^3.2.0",
     "colord": "^2.9.3",
-    "eslint": "^10.1.0",
+    "eslint": "^10.2.1",
     "jiti": "^2.6.1",
-    "prettier": "^3.8.1",
+    "prettier": "^3.8.3",
     "ts-node": "^10.9.2",
     "tsup": "^8.5.1",
     "tsx": "^4.21.0",
-    "typescript": "^6.0.2",
-    "typescript-eslint": "^8.58.0"
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.58.2"
   }
 }

package/tokens/components.json

@@ -18,7 +18,7 @@
       "text": {
         "value": "{colors.neutral.900}",
         "metadata": {
-          "pair": "surface.input"
+          "pair": "forms.default.bg"
         }
       },
       "placeholder": {
@@ -146,6 +146,12 @@
           "pair": "component.testimonial.text"
         }
       },
+      "bgHover": {
+        "value": "{colors.neutral.50}",
+        "metadata": {
+          "pair": "component.testimonial.text"
+        }
+      },
       "border": {
         "value": "{colors.neutral.200}"
       },
@@ -168,7 +174,10 @@
         }
       },
       "quoteMark": {
-        "value": "{colors.neutral.300}"
+        "value": "{colors.neutral.500}",
+        "metadata": {
+          "pair": "component.testimonial.bg"
+        }
       }
     },
     "pricingCard": {
@@ -178,6 +187,12 @@
           "pair": "component.pricingCard.price"
         }
       },
+      "bgHover": {
+        "value": "{colors.neutral.50}",
+        "metadata": {
+          "pair": "component.pricingCard.price"
+        }
+      },
       "border": {
         "value": "{colors.neutral.200}",
         "metadata": {}
@@ -261,6 +276,9 @@
       },
       "focusRing": {
         "value": "{colors.info.500} / 0.4"
+      },
+      "focusVisible": {
+        "value": "{colors.info.500} / 0.4"
       }
     },
     "secondary": {
@@ -299,6 +317,9 @@
       },
       "focusRing": {
         "value": "{colors.info.500} / 0.4"
+      },
+      "focusVisible": {
+        "value": "{colors.info.500} / 0.4"
       }
     },
     "ghost": {
@@ -328,6 +349,9 @@
       },
       "focusRing": {
         "value": "{colors.info.500} / 0.4"
+      },
+      "focusVisible": {
+        "value": "{colors.info.500} / 0.4"
       }
     },
     "danger": {
@@ -459,6 +483,9 @@
       },
       "focusRing": {
         "value": "{colors.accent.500} / 0.4"
+      },
+      "focusVisible": {
+        "value": "{colors.accent.500} / 0.4"
       }
     }
   },
@@ -471,7 +498,10 @@
         "value": "{colors.neutral.300}"
       },
       "text": {
-        "value": "{colors.neutral.900}"
+        "value": "{colors.neutral.900}",
+        "metadata": {
+          "pair": "forms.default.bg"
+        }
       },
       "placeholder": {
         "value": "{colors.neutral.500}",
@@ -493,6 +523,14 @@
         "value": "{colors.info.500}"
       }
     },
+    "focusVisible": {
+      "border": {
+        "value": "{colors.info.500}"
+      },
+      "ring": {
+        "value": "{colors.info.500}"
+      }
+    },
     "valid": {
       "border": {
         "value": "{colors.success.500}"

package/tokens/modes.json

@@ -108,7 +108,7 @@
             }
           },
           "textMuted": {
-            "value": "{colors.neutral.500}",
+            "value": "{colors.neutral.600}",
             "metadata": {
               "pair": "modes.default.surface.card"
             }
@@ -239,6 +239,12 @@
               "pair": "modes.default.component.testimonial.text"
             }
           },
+          "bgHover": {
+            "value": "{colors.neutral.50}",
+            "metadata": {
+              "pair": "modes.default.component.testimonial.text"
+            }
+          },
           "border": {
             "value": "{colors.neutral.200}",
             "metadata": {}
@@ -262,8 +268,10 @@
             }
           },
           "quoteMark": {
-            "value": "{colors.neutral.300}",
-            "metadata": {}
+            "value": "{colors.neutral.500}",
+            "metadata": {
+              "pair": "modes.default.component.testimonial.bg"
+            }
           }
         },
         "pricingCard": {
@@ -273,6 +281,12 @@
               "pair": "modes.default.component.pricingCard.price"
             }
           },
+          "bgHover": {
+            "value": "{colors.neutral.50}",
+            "metadata": {
+              "pair": "modes.default.component.pricingCard.price"
+            }
+          },
           "border": {
             "value": "{colors.neutral.200}",
             "metadata": {}
@@ -358,7 +372,7 @@
           }
         },
         "hero": {
-          "value": "linear-gradient(135deg, {colors.accent.900} 0%, {colors.accent.700} 100%)"
+          "value": "linear-gradient(135deg, {colors.accent.700} 0%, {colors.accent.900} 100%)"
         }
       },
       "text": {
@@ -558,7 +572,7 @@
             "metadata": {}
           },
           "iconDefault": {
-            "value": "{colors.info.300}",
+            "value": "{colors.info.400}",
             "metadata": {
               "pair": "modes.dark.component.iconBox.bg"
             }
@@ -589,6 +603,12 @@
               "pair": "modes.dark.component.testimonial.text"
             }
           },
+          "bgHover": {
+            "value": "{colors.neutral.700}",
+            "metadata": {
+              "pair": "modes.dark.component.testimonial.text"
+            }
+          },
           "border": {
             "value": "{colors.neutral.700}",
             "metadata": {}
@@ -612,8 +632,10 @@
             }
           },
           "quoteMark": {
-            "value": "{colors.neutral.600}",
-            "metadata": {}
+            "value": "{colors.neutral.400}",
+            "metadata": {
+              "pair": "modes.dark.component.testimonial.bg"
+            }
           }
         },
         "pricingCard": {
@@ -623,6 +645,12 @@
               "pair": "modes.dark.component.pricingCard.price"
             }
           },
+          "bgHover": {
+            "value": "{colors.neutral.700}",
+            "metadata": {
+              "pair": "modes.dark.component.pricingCard.price"
+            }
+          },
           "border": {
             "value": "{colors.neutral.700}",
             "metadata": {}

package/tokens/primitives.json

@@ -138,10 +138,6 @@
     "minTouchTarget": "44px",
     "minTextSize": "16px"
   },
-  "borders": {
-    "card": "{colors.neutral.200}",
-    "input": "{colors.neutral.300}"
-  },
   "border": {
     "width": {
       "base": "1px",

package/tokens/typography.json

@@ -3,7 +3,8 @@
     "xs": {
       "size": "0.75rem",
       "lineHeight": "1.25rem",
-      "weight": 400
+      "weight": 400,
+      "letterSpacing": "0.02em"
     },
     "sm": {
       "size": "0.875rem",
@@ -18,7 +19,7 @@
     "lg": {
       "size": "1.25rem",
       "lineHeight": "2rem",
-      "weight": 500
+      "weight": 600
     },
     "xl": {
       "size": "1.5rem",
@@ -28,7 +29,27 @@
     "2xl": {
       "size": "1.875rem",
       "lineHeight": "2.5rem",
-      "weight": 600
+      "weight": 700
+    },
+    "3xl": {
+      "size": "2.25rem",
+      "lineHeight": "2.75rem",
+      "weight": 700
+    },
+    "4xl": {
+      "size": "3rem",
+      "lineHeight": "3.5rem",
+      "weight": 800
+    },
+    "5xl": {
+      "size": "3.75rem",
+      "lineHeight": "4.25rem",
+      "weight": 800
+    },
+    "6xl": {
+      "size": "4.5rem",
+      "lineHeight": "5rem",
+      "weight": 900
     }
   },
   "typography": {