@phcdevworks/spectre-tokens 4.4.0 → 4.7.0

package/dist/tokens.dtcg.json

@@ -8,6 +8,20 @@
       "textMuted": {
         "$value": "{colors.neutral.600}",
         "$type": "color"
+      },
+      "padding": {
+        "sm": {
+          "$value": "1.5rem",
+          "$type": "dimension"
+        },
+        "md": {
+          "$value": "2rem",
+          "$type": "dimension"
+        },
+        "lg": {
+          "$value": "2.5rem",
+          "$type": "dimension"
+        }
       }
     },
     "input": {
@@ -90,6 +104,22 @@
       "dangerText": {
         "$value": "{colors.error.800}",
         "$type": "color"
+      },
+      "inverseBg": {
+        "$value": "{colors.white} / 0.16",
+        "$type": "color"
+      },
+      "inverseBgHover": {
+        "$value": "{colors.white} / 0.24",
+        "$type": "color"
+      },
+      "inverseText": {
+        "$value": "{colors.white}",
+        "$type": "color"
+      },
+      "inverseBorder": {
+        "$value": "{colors.white} / 0.3",
+        "$type": "color"
       }
     },
     "iconBox": {
@@ -833,6 +863,48 @@
         "$value": "{colors.accent.500} / 0.4",
         "$type": "color"
       }
+    },
+    "inverse": {
+      "bg": {
+        "$value": "{colors.white} / 0.12",
+        "$type": "color"
+      },
+      "bgHover": {
+        "$value": "{colors.white} / 0.2",
+        "$type": "color"
+      },
+      "bgActive": {
+        "$value": "{colors.white} / 0.28",
+        "$type": "color"
+      },
+      "bgDisabled": {
+        "$value": "{colors.white} / 0.08",
+        "$type": "color"
+      },
+      "text": {
+        "$value": "{colors.white}",
+        "$type": "color"
+      },
+      "textDisabled": {
+        "$value": "{colors.neutral.400}",
+        "$type": "color"
+      },
+      "border": {
+        "$value": "{colors.white} / 0.3",
+        "$type": "color"
+      },
+      "borderDisabled": {
+        "$value": "{colors.white} / 0.16",
+        "$type": "color"
+      },
+      "focusRing": {
+        "$value": "{colors.info.500} / 0.4",
+        "$type": "color"
+      },
+      "focusVisible": {
+        "$value": "{colors.info.500} / 0.4",
+        "$type": "color"
+      }
     }
   },
   "forms": {
@@ -3744,6 +3816,328 @@
           "$value": "#0c0a09",
           "$type": "color"
         }
+      },
+      "integration-ink": {
+        "50": {
+          "$value": "#fafafb",
+          "$type": "color"
+        },
+        "100": {
+          "$value": "#f5f5f6",
+          "$type": "color"
+        },
+        "200": {
+          "$value": "#e7e8e9",
+          "$type": "color"
+        },
+        "300": {
+          "$value": "#d3d4d6",
+          "$type": "color"
+        },
+        "400": {
+          "$value": "#9ea0a3",
+          "$type": "color"
+        },
+        "500": {
+          "$value": "#707376",
+          "$type": "color"
+        },
+        "600": {
+          "$value": "#525457",
+          "$type": "color"
+        },
+        "700": {
+          "$value": "#3e4143",
+          "$type": "color"
+        },
+        "800": {
+          "$value": "#27292b",
+          "$type": "color"
+        },
+        "900": {
+          "$value": "#16181a",
+          "$type": "color"
+        },
+        "950": {
+          "$value": "#06080a",
+          "$type": "color"
+        }
+      },
+      "integration-gunmetal": {
+        "50": {
+          "$value": "#f0f0f1",
+          "$type": "color"
+        },
+        "100": {
+          "$value": "#eaebec",
+          "$type": "color"
+        },
+        "200": {
+          "$value": "#dddedf",
+          "$type": "color"
+        },
+        "300": {
+          "$value": "#c8cbcd",
+          "$type": "color"
+        },
+        "400": {
+          "$value": "#93979a",
+          "$type": "color"
+        },
+        "500": {
+          "$value": "#666b6e",
+          "$type": "color"
+        },
+        "600": {
+          "$value": "#484c50",
+          "$type": "color"
+        },
+        "700": {
+          "$value": "#35393c",
+          "$type": "color"
+        },
+        "800": {
+          "$value": "#1f2225",
+          "$type": "color"
+        },
+        "900": {
+          "$value": "#0c1014",
+          "$type": "color"
+        },
+        "950": {
+          "$value": "#000104",
+          "$type": "color"
+        }
+      },
+      "integration-signal-blue": {
+        "50": {
+          "$value": "#ebf0f9",
+          "$type": "color"
+        },
+        "100": {
+          "$value": "#d8e3f8",
+          "$type": "color"
+        },
+        "200": {
+          "$value": "#bfd4f9",
+          "$type": "color"
+        },
+        "300": {
+          "$value": "#95bdf9",
+          "$type": "color"
+        },
+        "400": {
+          "$value": "#4a9df7",
+          "$type": "color"
+        },
+        "500": {
+          "$value": "#0083f7",
+          "$type": "color"
+        },
+        "600": {
+          "$value": "#006dfa",
+          "$type": "color"
+        },
+        "700": {
+          "$value": "#005ce8",
+          "$type": "color"
+        },
+        "800": {
+          "$value": "#004bb8",
+          "$type": "color"
+        },
+        "900": {
+          "$value": "#003f8a",
+          "$type": "color"
+        },
+        "950": {
+          "$value": "#002552",
+          "$type": "color"
+        }
+      },
+      "integration-icy-blue": {
+        "50": {
+          "$value": "#e4f0fa",
+          "$type": "color"
+        },
+        "100": {
+          "$value": "#cbe5fb",
+          "$type": "color"
+        },
+        "200": {
+          "$value": "#a4d8ff",
+          "$type": "color"
+        },
+        "300": {
+          "$value": "#59c4ff",
+          "$type": "color"
+        },
+        "400": {
+          "$value": "#00a8ff",
+          "$type": "color"
+        },
+        "500": {
+          "$value": "#0090ff",
+          "$type": "color"
+        },
+        "600": {
+          "$value": "#007cff",
+          "$type": "color"
+        },
+        "700": {
+          "$value": "#006aff",
+          "$type": "color"
+        },
+        "800": {
+          "$value": "#0055ce",
+          "$type": "color"
+        },
+        "900": {
+          "$value": "#004699",
+          "$type": "color"
+        },
+        "950": {
+          "$value": "#002a5a",
+          "$type": "color"
+        }
+      },
+      "phcdevworks-raspberry-red": {
+        "50": {
+          "$value": "#fff3f4",
+          "$type": "color"
+        },
+        "100": {
+          "$value": "#ffe7e8",
+          "$type": "color"
+        },
+        "200": {
+          "$value": "#ffcfd2",
+          "$type": "color"
+        },
+        "300": {
+          "$value": "#fea5ae",
+          "$type": "color"
+        },
+        "400": {
+          "$value": "#fd6982",
+          "$type": "color"
+        },
+        "500": {
+          "$value": "#fe2b67",
+          "$type": "color"
+        },
+        "600": {
+          "$value": "#ee005a",
+          "$type": "color"
+        },
+        "700": {
+          "$value": "#c8054b",
+          "$type": "color"
+        },
+        "800": {
+          "$value": "#a4113e",
+          "$type": "color"
+        },
+        "900": {
+          "$value": "#8a1635",
+          "$type": "color"
+        },
+        "950": {
+          "$value": "#4d081a",
+          "$type": "color"
+        }
+      },
+      "phcdevworks-deep-space-blue": {
+        "50": {
+          "$value": "#edf1f7",
+          "$type": "color"
+        },
+        "100": {
+          "$value": "#dce5f1",
+          "$type": "color"
+        },
+        "200": {
+          "$value": "#c4d5ec",
+          "$type": "color"
+        },
+        "300": {
+          "$value": "#a1bee3",
+          "$type": "color"
+        },
+        "400": {
+          "$value": "#6b9ed5",
+          "$type": "color"
+        },
+        "500": {
+          "$value": "#2583ca",
+          "$type": "color"
+        },
+        "600": {
+          "$value": "#006dc2",
+          "$type": "color"
+        },
+        "700": {
+          "$value": "#005bb0",
+          "$type": "color"
+        },
+        "800": {
+          "$value": "#004a8c",
+          "$type": "color"
+        },
+        "900": {
+          "$value": "#003f6d",
+          "$type": "color"
+        },
+        "950": {
+          "$value": "#012641",
+          "$type": "color"
+        }
+      },
+      "phcdevworks-paper": {
+        "50": {
+          "$value": "#fcfaf7",
+          "$type": "color"
+        },
+        "100": {
+          "$value": "#f7f5f2",
+          "$type": "color"
+        },
+        "200": {
+          "$value": "#e9e5e0",
+          "$type": "color"
+        },
+        "300": {
+          "$value": "#d9d3ca",
+          "$type": "color"
+        },
+        "400": {
+          "$value": "#aca08b",
+          "$type": "color"
+        },
+        "500": {
+          "$value": "#807056",
+          "$type": "color"
+        },
+        "600": {
+          "$value": "#5e523d",
+          "$type": "color"
+        },
+        "700": {
+          "$value": "#4a3f2d",
+          "$type": "color"
+        },
+        "800": {
+          "$value": "#2b251b",
+          "$type": "color"
+        },
+        "900": {
+          "$value": "#1f190e",
+          "$type": "color"
+        },
+        "950": {
+          "$value": "#0e0a05",
+          "$type": "color"
+        }
       }
     }
   },
@@ -3929,6 +4323,28 @@
         "spread": "-12px"
       },
       "$type": "shadow"
+    },
+    "inset": {
+      "sm": {
+        "$value": "inset 0 1px 2px 0 {colors.black} / 0.06, inset 0 -1px 2px 0 {colors.black} / 0.06",
+        "$type": "string"
+      },
+      "md": {
+        "$value": "inset 0 2px 6px -1px {colors.black} / 0.08, inset 0 -2px 6px -1px {colors.black} / 0.08",
+        "$type": "string"
+      },
+      "lg": {
+        "$value": "inset 0 6px 16px -4px {colors.black} / 0.12, inset 0 -6px 16px -4px {colors.black} / 0.12",
+        "$type": "string"
+      },
+      "xl": {
+        "$value": "inset 0 12px 24px -6px {colors.black} / 0.15, inset 0 -12px 24px -6px {colors.black} / 0.15",
+        "$type": "string"
+      },
+      "2xl": {
+        "$value": "inset 0 20px 48px -12px {colors.black} / 0.20, inset 0 -20px 48px -12px {colors.black} / 0.20",
+        "$type": "string"
+      }
     }
   },
   "breakpoints": {
@@ -4545,6 +4961,11 @@
       "$value": "{colors.neutral.200}",
       "$type": "color",
       "$description": "hairline color for <hr>, table borders, and section separators"
+    },
+    "inverse": {
+      "$value": "{colors.neutral.900}",
+      "$type": "color",
+      "$description": "fixed dark background for content islands not owned by the page's own light/dark mode — photo-backed cards, brand-dark card bodies, utility bars"
     }
   },
   "link": {
@@ -4567,6 +4988,16 @@
       "$value": "{colors.accent.700}",
       "$type": "color",
       "$description": "link color after the destination has been visited"
+    },
+    "onInverse": {
+      "$value": "{colors.neutral.300}",
+      "$type": "color",
+      "$description": "default inline link color on surface.inverse, independent of page mode"
+    },
+    "onInverseHover": {
+      "$value": "{colors.brand.300}",
+      "$type": "color",
+      "$description": "link color on hover, on surface.inverse"
     }
   },
   "text": {
@@ -4621,6 +5052,18 @@
         "$value": "{colors.brand.600}",
         "$type": "color"
       }
+    },
+    "onInverse": {
+      "default": {
+        "$value": "{colors.neutral.50}",
+        "$type": "color",
+        "$description": "base text on surface.inverse, independent of page mode"
+      },
+      "muted": {
+        "$value": "{colors.neutral.300}",
+        "$type": "color",
+        "$description": "muted text on surface.inverse"
+      }
     }
   },
   "layout": {
@@ -4692,6 +5135,10 @@
       "maxWidthProse": {
         "$value": "65ch",
         "$type": "string"
+      },
+      "maxWidthWide": {
+        "$value": "80rem",
+        "$type": "dimension"
       }
     },
     "sidebar": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phcdevworks/spectre-tokens",
-  "version": "4.4.0",
+  "version": "4.7.0",
   "description": "@phcdevworks/spectre-tokens is the design-token package of the Spectre system. It provides a complete, UI-ready token surface for downstream Spectre packages and compatible applications.",
   "keywords": [
     "phcdevworks",
@@ -82,6 +82,7 @@
     "check:classification": "tsx scripts/check-change-classification.ts",
     "check:deprecation": "tsx scripts/check-deprecation.ts",
     "check:downstream": "tsx scripts/check-downstream-compat.ts",
+    "audit:downstream": "tsx scripts/audit-downstream-redeclarations.ts",
     "release:propose": "tsx scripts/propose-version.ts",
     "lint": "eslint .",
     "format": "prettier --write .",
@@ -99,21 +100,21 @@
   },
   "devDependencies": {
     "@phcdevworks/spectre-manifest": "^1.1.0",
-    "@types/node": "^26.2.0",
-    "@typescript-eslint/eslint-plugin": "^8.67.0",
-    "@typescript-eslint/parser": "^8.67.0",
+    "@types/node": "^26.4.0",
+    "@typescript-eslint/eslint-plugin": "^8.68.0",
+    "@typescript-eslint/parser": "^8.68.0",
     "@typescript/native": "npm:typescript@^7.0.2",
-    "colord": "^2.9.3",
-    "eslint": "^10.8.1",
+    "colord": "^2.10.0",
+    "eslint": "^10.9.1",
     "jiti": "^2.7.0",
     "prettier": "^3.9.6",
-    "style-dictionary": "^5.5.1",
+    "style-dictionary": "^5.5.2",
     "ts-node": "^10.9.2",
     "tsup": "^8.5.1",
-    "tsx": "^4.23.12",
+    "tsx": "^4.23.13",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-eslint": "^8.67.0",
-    "vitest": "^4.1.10"
+    "typescript-eslint": "^8.68.0",
+    "vitest": "^4.1.11"
   },
   "overrides": {
     "esbuild": "0.28.1"

package/tokens/components.json

@@ -12,6 +12,11 @@
         "metadata": {
           "pair": "surface.card"
         }
+      },
+      "padding": {
+        "sm": "1.5rem",
+        "md": "2rem",
+        "lg": "2.5rem"
       }
     },
     "input": {
@@ -117,6 +122,21 @@
       },
       "dangerText": {
         "value": "{colors.error.800}"
+      },
+      "inverseBg": {
+        "value": "{colors.white} / 0.16"
+      },
+      "inverseBgHover": {
+        "value": "{colors.white} / 0.24"
+      },
+      "inverseText": {
+        "value": "{colors.white}",
+        "metadata": {
+          "pair": "surface.inverse"
+        }
+      },
+      "inverseBorder": {
+        "value": "{colors.white} / 0.3"
       }
     },
     "iconBox": {
@@ -906,6 +926,41 @@
       "focusVisible": {
         "value": "{colors.accent.500} / 0.4"
       }
+    },
+    "inverse": {
+      "bg": {
+        "value": "{colors.white} / 0.12"
+      },
+      "bgHover": {
+        "value": "{colors.white} / 0.2"
+      },
+      "bgActive": {
+        "value": "{colors.white} / 0.28"
+      },
+      "bgDisabled": {
+        "value": "{colors.white} / 0.08"
+      },
+      "text": {
+        "value": "{colors.white}",
+        "metadata": {
+          "pair": "surface.inverse"
+        }
+      },
+      "textDisabled": {
+        "value": "{colors.neutral.400}"
+      },
+      "border": {
+        "value": "{colors.white} / 0.3"
+      },
+      "borderDisabled": {
+        "value": "{colors.white} / 0.16"
+      },
+      "focusRing": {
+        "value": "{colors.info.500} / 0.4"
+      },
+      "focusVisible": {
+        "value": "{colors.info.500} / 0.4"
+      }
     }
   },
   "forms": {