@phcdevworks/spectre-tokens 2.1.0 → 2.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@phcdevworks/spectre-tokens",
-  "version": "2.1.0",
-  "description": "Spectre design tokens with JS, TS, Tailwind, and CSS variable outputs.",
+  "version": "2.1.1",
+  "description": "@phcdevworks/spectre-tokens is the design-token package of the Spectre system for downstream Spectre packages and compatible applications.",
   "keywords": [
     "phcdevworks",
     "spectre",
@@ -23,15 +23,11 @@
     {
       "type": "github",
       "url": "https://github.com/sponsors/phcdevworks"
-    },
-    {
-      "type": "buymeacoffee",
-      "url": "https://buymeacoffee.com/phcdevworks"
     }
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/phcdevworks/spectre-tokens.git"
+    "url": "git+https://github.com/phcdevworks/spectre-tokens.git"
   },
   "bugs": {
     "url": "https://github.com/phcdevworks/spectre-tokens/issues"
@@ -73,15 +69,18 @@
   },
   "devDependencies": {
     "@types/chroma-js": "^3.1.2",
+    "@types/node": "^25.5.0",
     "@typescript-eslint/eslint-plugin": "^8.57.1",
     "@typescript-eslint/parser": "^8.57.1",
     "chroma-js": "^3.2.0",
     "colord": "^2.9.3",
     "eslint": "^10.1.0",
+    "jiti": "^2.6.1",
     "prettier": "^3.8.1",
     "ts-node": "^10.9.2",
     "tsup": "^8.5.1",
     "tsx": "^4.21.0",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.57.1"
   }
 }

package/tokens/components.json

@@ -32,7 +32,10 @@
         }
       },
       "neutralBgHover": {
-        "value": "{colors.neutral.200}"
+        "value": "{colors.neutral.200}",
+        "metadata": {
+          "pair": "component.badge.neutralText"
+        }
       },
       "neutralText": {
         "value": "{colors.neutral.700}"
@@ -44,7 +47,10 @@
         }
       },
       "infoBgHover": {
-        "value": "{colors.info.200}"
+        "value": "{colors.info.200}",
+        "metadata": {
+          "pair": "component.badge.infoText"
+        }
       },
       "infoText": {
         "value": "{colors.info.700}"
@@ -56,10 +62,13 @@
         }
       },
       "successBgHover": {
-        "value": "{colors.success.200}"
+        "value": "{colors.success.200}",
+        "metadata": {
+          "pair": "component.badge.successText"
+        }
       },
       "successText": {
-        "value": "{colors.success.700}"
+        "value": "{colors.success.800}"
       },
       "warningBg": {
         "value": "{colors.warning.100}",
@@ -68,10 +77,13 @@
         }
       },
       "warningBgHover": {
-        "value": "{colors.warning.200}"
+        "value": "{colors.warning.200}",
+        "metadata": {
+          "pair": "component.badge.warningText"
+        }
       },
       "warningText": {
-        "value": "{colors.warning.700}"
+        "value": "{colors.warning.800}"
       },
       "dangerBg": {
         "value": "{colors.error.100}",
@@ -80,10 +92,13 @@
         }
       },
       "dangerBgHover": {
-        "value": "{colors.error.200}"
+        "value": "{colors.error.200}",
+        "metadata": {
+          "pair": "component.badge.dangerText"
+        }
       },
       "dangerText": {
-        "value": "{colors.error.700}"
+        "value": "{colors.error.800}"
       }
     },
     "iconBox": {
@@ -185,10 +200,16 @@
         }
       },
       "bgHover": {
-        "value": "{colors.info.700}"
+        "value": "{colors.info.700}",
+        "metadata": {
+          "pair": "buttons.primary.text"
+        }
       },
       "bgActive": {
-        "value": "{colors.info.800}"
+        "value": "{colors.info.800}",
+        "metadata": {
+          "pair": "buttons.primary.text"
+        }
       },
       "bgDisabled": {
         "value": "{colors.neutral.200}"
@@ -211,22 +232,28 @@
         }
       },
       "bgHover": {
-        "value": "{colors.neutral.50}"
+        "value": "{colors.neutral.50}",
+        "metadata": {
+          "pair": "buttons.secondary.text"
+        }
       },
       "bgActive": {
-        "value": "{colors.neutral.100}"
+        "value": "{colors.neutral.100}",
+        "metadata": {
+          "pair": "buttons.secondary.text"
+        }
       },
       "bgDisabled": {
         "value": "{colors.neutral.50}"
       },
       "text": {
-        "value": "{colors.info.600}"
+        "value": "{colors.info.700}"
       },
       "textDisabled": {
         "value": "{colors.neutral.400}"
       },
       "border": {
-        "value": "{colors.info.600}"
+        "value": "{colors.info.700}"
       },
       "borderDisabled": {
         "value": "{colors.neutral.200}"
@@ -240,16 +267,22 @@
         "value": "transparent"
       },
       "bgHover": {
-        "value": "{colors.info.50}"
+        "value": "{colors.info.50}",
+        "metadata": {
+          "pair": "buttons.ghost.text"
+        }
       },
       "bgActive": {
-        "value": "{colors.info.100}"
+        "value": "{colors.info.100}",
+        "metadata": {
+          "pair": "buttons.ghost.text"
+        }
       },
       "bgDisabled": {
         "value": "transparent"
       },
       "text": {
-        "value": "{colors.info.600}"
+        "value": "{colors.info.700}"
       },
       "textDisabled": {
         "value": "{colors.neutral.400}"
@@ -266,10 +299,16 @@
         }
       },
       "bgHover": {
-        "value": "{colors.error.700}"
+        "value": "{colors.error.700}",
+        "metadata": {
+          "pair": "buttons.danger.text"
+        }
       },
       "bgActive": {
-        "value": "{colors.error.800}"
+        "value": "{colors.error.800}",
+        "metadata": {
+          "pair": "buttons.danger.text"
+        }
       },
       "bgDisabled": {
         "value": "{colors.error.200}"
@@ -292,10 +331,16 @@
         }
       },
       "bgHover": {
-        "value": "{colors.success.800}"
+        "value": "{colors.success.800}",
+        "metadata": {
+          "pair": "buttons.success.text"
+        }
       },
       "bgActive": {
-        "value": "{colors.success.900}"
+        "value": "{colors.success.900}",
+        "metadata": {
+          "pair": "buttons.success.text"
+        }
       },
       "bgDisabled": {
         "value": "{colors.success.200}"
@@ -312,31 +357,37 @@
     },
     "cta": {
       "bg": {
-        "value": "{colors.warning.500}",
+        "value": "{colors.brand.600}",
         "metadata": {
           "pair": "buttons.cta.text"
         }
       },
       "bgHover": {
-        "value": "{colors.warning.600}"
+        "value": "{colors.brand.700}",
+        "metadata": {
+          "pair": "buttons.cta.text"
+        }
       },
       "bgActive": {
-        "value": "{colors.warning.700}"
+        "value": "{colors.brand.800}",
+        "metadata": {
+          "pair": "buttons.cta.text"
+        }
       },
       "bgDisabled": {
-        "value": "{colors.warning.200}"
+        "value": "{colors.brand.200}"
       },
       "text": {
-        "value": "{colors.neutral.900}"
+        "value": "{colors.white}"
       },
       "textDisabled": {
         "value": "{colors.neutral.400}"
       },
       "shadow": {
-        "value": "0 4px 14px 0 {colors.warning.500} / 0.39"
+        "value": "0 4px 14px 0 {colors.brand.500} / 0.39"
       },
       "focusRing": {
-        "value": "{colors.warning.500} / 0.4"
+        "value": "{colors.brand.500} / 0.4"
       }
     },
     "accent": {
@@ -347,10 +398,16 @@
         }
       },
       "bgHover": {
-        "value": "{colors.accent.700}"
+        "value": "{colors.accent.700}",
+        "metadata": {
+          "pair": "buttons.accent.text"
+        }
       },
       "bgActive": {
-        "value": "{colors.accent.800}"
+        "value": "{colors.accent.800}",
+        "metadata": {
+          "pair": "buttons.accent.text"
+        }
       },
       "bgDisabled": {
         "value": "{colors.accent.200}"