@phcdevworks/spectre-tokens 4.5.0 → 4.8.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"
+        }
       }
     }
   },
@@ -4567,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": {
@@ -4589,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": {
@@ -4643,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": {
@@ -4714,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.5.0",
+  "version": "4.8.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.1",
+    "@typescript-eslint/eslint-plugin": "^8.69.0",
+    "@typescript-eslint/parser": "^8.69.0",
     "@typescript/native": "npm:typescript@^7.0.2",
-    "colord": "^2.9.3",
-    "eslint": "^10.8.1",
+    "colord": "^2.10.0",
+    "eslint": "^10.10.0",
     "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.11"
+    "typescript-eslint": "^8.69.0",
+    "vitest": "^5.0.0"
   },
   "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": {

package/tokens/palette.json

@@ -436,6 +436,97 @@
         "800": "#2b2422",
         "900": "#1d1816",
         "950": "#0c0a09"
+      },
+      "integration-ink": {
+        "50": "#fafafb",
+        "100": "#f5f5f6",
+        "200": "#e7e8e9",
+        "300": "#d3d4d6",
+        "400": "#9ea0a3",
+        "500": "#707376",
+        "600": "#525457",
+        "700": "#3e4143",
+        "800": "#27292b",
+        "900": "#16181a",
+        "950": "#06080a"
+      },
+      "integration-gunmetal": {
+        "50": "#f0f0f1",
+        "100": "#eaebec",
+        "200": "#dddedf",
+        "300": "#c8cbcd",
+        "400": "#93979a",
+        "500": "#666b6e",
+        "600": "#484c50",
+        "700": "#35393c",
+        "800": "#1f2225",
+        "900": "#0c1014",
+        "950": "#000104"
+      },
+      "integration-signal-blue": {
+        "50": "#ebf0f9",
+        "100": "#d8e3f8",
+        "200": "#bfd4f9",
+        "300": "#95bdf9",
+        "400": "#4a9df7",
+        "500": "#0083f7",
+        "600": "#006dfa",
+        "700": "#005ce8",
+        "800": "#004bb8",
+        "900": "#003f8a",
+        "950": "#002552"
+      },
+      "integration-icy-blue": {
+        "50": "#e4f0fa",
+        "100": "#cbe5fb",
+        "200": "#a4d8ff",
+        "300": "#59c4ff",
+        "400": "#00a8ff",
+        "500": "#0090ff",
+        "600": "#007cff",
+        "700": "#006aff",
+        "800": "#0055ce",
+        "900": "#004699",
+        "950": "#002a5a"
+      },
+      "phcdevworks-raspberry-red": {
+        "50": "#fff3f4",
+        "100": "#ffe7e8",
+        "200": "#ffcfd2",
+        "300": "#fea5ae",
+        "400": "#fd6982",
+        "500": "#fe2b67",
+        "600": "#ee005a",
+        "700": "#c8054b",
+        "800": "#a4113e",
+        "900": "#8a1635",
+        "950": "#4d081a"
+      },
+      "phcdevworks-deep-space-blue": {
+        "50": "#edf1f7",
+        "100": "#dce5f1",
+        "200": "#c4d5ec",
+        "300": "#a1bee3",
+        "400": "#6b9ed5",
+        "500": "#2583ca",
+        "600": "#006dc2",
+        "700": "#005bb0",
+        "800": "#004a8c",
+        "900": "#003f6d",
+        "950": "#012641"
+      },
+      "phcdevworks-paper": {
+        "50": "#fcfaf7",
+        "100": "#f7f5f2",
+        "200": "#e9e5e0",
+        "300": "#d9d3ca",
+        "400": "#aca08b",
+        "500": "#807056",
+        "600": "#5e523d",
+        "700": "#4a3f2d",
+        "800": "#2b251b",
+        "900": "#1f190e",
+        "950": "#0e0a05"
       }
     }
   }