@phcdevworks/spectre-tokens 4.4.0 → 4.7.0

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"
       }
     }
   }

package/tokens/primitives.json

@@ -40,7 +40,14 @@
     "md": "0 2px 6px -1px {colors.black} / 0.08",
     "lg": "0 6px 16px -4px {colors.black} / 0.12",
     "xl": "0 12px 24px -6px {colors.black} / 0.15",
-    "2xl": "0 20px 48px -12px {colors.black} / 0.20"
+    "2xl": "0 20px 48px -12px {colors.black} / 0.20",
+    "inset": {
+      "sm": "inset 0 1px 2px 0 {colors.black} / 0.06, inset 0 -1px 2px 0 {colors.black} / 0.06",
+      "md": "inset 0 2px 6px -1px {colors.black} / 0.08, inset 0 -2px 6px -1px {colors.black} / 0.08",
+      "lg": "inset 0 6px 16px -4px {colors.black} / 0.12, inset 0 -6px 16px -4px {colors.black} / 0.12",
+      "xl": "inset 0 12px 24px -6px {colors.black} / 0.15, inset 0 -12px 24px -6px {colors.black} / 0.15",
+      "2xl": "inset 0 20px 48px -12px {colors.black} / 0.20, inset 0 -20px 48px -12px {colors.black} / 0.20"
+    }
   },
   "breakpoints": {
     "sm": "640px",

package/tokens/semantic-roles.json

@@ -40,6 +40,13 @@
     "divider": {
       "value": "{colors.neutral.200}",
       "description": "hairline color for <hr>, table borders, and section separators"
+    },
+    "inverse": {
+      "value": "{colors.neutral.900}",
+      "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",
+      "metadata": {
+        "pair": "text.onInverse.default"
+      }
     }
   },
   "link": {
@@ -61,6 +68,17 @@
     "visited": {
       "value": "{colors.accent.700}",
       "description": "link color after the destination has been visited"
+    },
+    "onInverse": {
+      "value": "{colors.neutral.300}",
+      "description": "default inline link color on surface.inverse, independent of page mode",
+      "metadata": {
+        "pair": "surface.inverse"
+      }
+    },
+    "onInverseHover": {
+      "value": "{colors.brand.300}",
+      "description": "link color on hover, on surface.inverse"
     }
   },
   "text": {
@@ -125,6 +143,22 @@
         }
       },
       "brand": "{colors.brand.600}"
+    },
+    "onInverse": {
+      "default": {
+        "value": "{colors.neutral.50}",
+        "description": "base text on surface.inverse, independent of page mode",
+        "metadata": {
+          "pair": "surface.inverse"
+        }
+      },
+      "muted": {
+        "value": "{colors.neutral.300}",
+        "description": "muted text on surface.inverse",
+        "metadata": {
+          "pair": "surface.inverse"
+        }
+      }
     }
   },
   "layout": {
@@ -154,7 +188,8 @@
         "lg": "2rem"
       },
       "maxWidth": "72rem",
-      "maxWidthProse": "65ch"
+      "maxWidthProse": "65ch",
+      "maxWidthWide": "80rem"
     },
     "sidebar": {
       "width": "16rem"