@nysds/tokens 1.15.1 → 1.16.0-alpha5

package/dist/tokens.css

@@ -1,5 +1,5 @@
 /*!
- * New York State Design System v1.15.1
+ * New York State Design System v1.16.0-alpha5
  * Description: A design system for New York State's digital products.
  * Repository: https://github.com/its-hcd/nysds
  * License: MIT
@@ -76,6 +76,7 @@
   --nys-color-environment-green-800: #172a1c;
   --nys-color-environment-green-900: #0b150e;
   --nys-color-focus: var(--nys-color-blue-600);
+  --nys-color-focus-reverse: var(--nys-color-blue-300);
   --nys-color-green-10: #f3f8f4;
   --nys-color-green-50: #e8f1ea;
   --nys-color-green-100: #d2e3d5;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/tokens",
-  "version": "1.15.1",
+  "version": "1.16.0-alpha5",
   "description": "Design tokens for the New York State Design System in DTCG 2025.10 format",
   "type": "module",
   "main": "src/tokens.json",

package/src/tokens.json

@@ -523,6 +523,10 @@
       "focus": {
         "$value": "{primitive.color.blue.600}",
         "$description": "Focus ring color. MUST be visible on all backgrounds. USE for :focus-visible outlines."
+      },
+      "focus-reverse": {
+        "$value": "{primitive.color.blue.300}",
+        "$description": "Focus ring color on dark backgrounds. USE for :focus-visible outlines on dark surfaces."
       }
     }
   },
@@ -611,22 +615,71 @@
     "$description": "Elevation/shadow tokens",
     "raised": {
       "$value": [
-        { "offsetX": "0px", "offsetY": "4px", "blur": "6px", "spread": "-1px", "color": "#0000001a" },
-        { "offsetX": "0px", "offsetY": "4px", "blur": "6px", "spread": "-1px", "color": "#00000003" }
+        {
+          "offsetX": "0px",
+          "offsetY": "4px",
+          "blur": "6px",
+          "spread": "-1px",
+          "color": "#0000001a"
+        },
+        {
+          "offsetX": "0px",
+          "offsetY": "4px",
+          "blur": "6px",
+          "spread": "-1px",
+          "color": "#00000003"
+        }
       ]
     },
     "overlay": {
-      "$value": { "offsetX": "0px", "offsetY": "25px", "blur": "50px", "spread": "-12px", "color": "#0000004d" }
+      "$value": {
+        "offsetX": "0px",
+        "offsetY": "25px",
+        "blur": "50px",
+        "spread": "-12px",
+        "color": "#0000004d"
+      }
     }
   },
 
   "font": {
     "family": {
       "$type": "fontFamily",
-      "sans": { "$value": ["Proxima Nova", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"] },
-      "serif": { "$value": ["Noto Serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"] },
+      "sans": {
+        "$value": [
+          "Proxima Nova",
+          "-apple-system",
+          "BlinkMacSystemFont",
+          "Segoe UI",
+          "Roboto",
+          "Helvetica",
+          "Arial",
+          "sans-serif",
+          "Apple Color Emoji",
+          "Segoe UI Emoji",
+          "Segoe UI Symbol"
+        ]
+      },
+      "serif": {
+        "$value": [
+          "Noto Serif",
+          "Georgia",
+          "Cambria",
+          "Times New Roman",
+          "Times",
+          "serif"
+        ]
+      },
       "alt": { "$value": ["Oswald", "Arial", "sans-serif"] },
-      "monospace": { "$value": ["Roboto Mono Web", "Bitstream Vera Sans Mono", "Consolas", "Courier", "monospace"] },
+      "monospace": {
+        "$value": [
+          "Roboto Mono Web",
+          "Bitstream Vera Sans Mono",
+          "Consolas",
+          "Courier",
+          "monospace"
+        ]
+      },
       "agency": { "$value": ["D Sari", "Arial", "sans-serif"] },
       "body": { "$value": "{font.family.sans}" },
       "display": { "$value": "{font.family.sans}" },