@nswds/tokens 4.1.0 → 4.2.1

package/dist/tokens/typography.base.json

@@ -2,19 +2,8 @@
   "font-family": {
     "sans": {
       "$type": "fontFamily",
-      "$value": [
-        "Public Sans",
-        "-apple-system",
-        "BlinkMacSystemFont",
-        "Segoe UI",
-        "Noto Sans",
-        "Helvetica",
-        "Arial",
-        "sans-serif",
-        "Apple Color Emoji",
-        "Segoe UI Emoji"
-      ],
-      "$description": "Primary typeface — Public Sans (the NSW Government brand typeface) with system, Helvetica/Arial, and emoji fallbacks. Use for all UI and body text.",
+      "$value": "Public Sans",
+      "$description": "Primary typeface — Public Sans (the NSW Government brand typeface). Use for all UI and body text.",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -29,19 +18,8 @@
     },
     "display": {
       "$type": "fontFamily",
-      "$value": [
-        "Public Sans",
-        "-apple-system",
-        "BlinkMacSystemFont",
-        "Segoe UI",
-        "Noto Sans",
-        "Helvetica",
-        "Arial",
-        "sans-serif",
-        "Apple Color Emoji",
-        "Segoe UI Emoji"
-      ],
-      "$description": "Display typeface — currently the same stack as sans; a separate token so display/heading type can diverge from body text later without a breaking change.",
+      "$value": "Public Sans",
+      "$description": "Display typeface — currently the same typeface as sans; a separate token so display/heading type can diverge from body text later without a breaking change.",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -56,19 +34,8 @@
     },
     "system": {
       "$type": "fontFamily",
-      "$value": [
-        "Public Sans",
-        "-apple-system",
-        "BlinkMacSystemFont",
-        "Segoe UI",
-        "Noto Sans",
-        "Helvetica",
-        "Arial",
-        "sans-serif",
-        "Apple Color Emoji",
-        "Segoe UI Emoji"
-      ],
-      "$description": "System typeface — currently the same stack as sans; a separate token for system-chrome contexts (toasts, native-feeling UI) that may diverge later.",
+      "$value": "Public Sans",
+      "$description": "System typeface — currently the same typeface as sans; a separate token for system-chrome contexts (toasts, native-feeling UI) that may diverge later.",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -83,17 +50,8 @@
     },
     "mono": {
       "$type": "fontFamily",
-      "$value": [
-        "JetBrains Mono",
-        "ui-monospace",
-        "SFMono-Regular",
-        "SF Mono",
-        "Menlo",
-        "Consolas",
-        "Liberation Mono",
-        "monospace"
-      ],
-      "$description": "Monospace stack — JetBrains Mono with ui-monospace and system fallbacks for code, tabular data, and technical content.",
+      "$value": "JetBrains Mono",
+      "$description": "Monospace typeface — JetBrains Mono for code, tabular data, and technical content.",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -438,8 +396,8 @@
   "line-height": {
     "none": {
       "$type": "number",
-      "$value": 1,
-      "$description": "Solid (1) — display headings set at their own size (48/48, 56/56, 64/64 in the prose scale).",
+      "$value": 100,
+      "$description": "Solid (100%) — display headings set at their own size (48/48, 56/56, 64/64 in the prose scale).",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -454,8 +412,8 @@
     },
     "tight": {
       "$type": "number",
-      "$value": 1.2,
-      "$description": "Tight (1.2) — large headings (36/30 in the prose scale).",
+      "$value": 120,
+      "$description": "Tight (120%) — large headings (36/30 in the prose scale).",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -470,8 +428,8 @@
     },
     "snug": {
       "$type": "number",
-      "$value": 1.3333333,
-      "$description": "Snug (1.3333333) — mid-size headings (32/24, 40/30 in the prose scale).",
+      "$value": 133.3333282,
+      "$description": "Snug (133.33%) — mid-size headings (32/24, 40/30 in the prose scale).",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -486,8 +444,8 @@
     },
     "base": {
       "$type": "number",
-      "$value": 1.5,
-      "$description": "Base (1.5) — default for UI text and dense content (24/16, 36/24 in the prose scale); meets WCAG 1.4.12 text-spacing.",
+      "$value": 150,
+      "$description": "Base (150%) — default for UI text and dense content (24/16, 36/24 in the prose scale); meets WCAG 1.4.12 text-spacing.",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -502,8 +460,8 @@
     },
     "relaxed": {
       "$type": "number",
-      "$value": 1.6,
-      "$description": "Relaxed (1.6) — subheadings and lead text (32/20 in the prose scale).",
+      "$value": 160,
+      "$description": "Relaxed (160%) — subheadings and lead text (32/20 in the prose scale).",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -518,8 +476,8 @@
     },
     "loose": {
       "$type": "number",
-      "$value": 1.75,
-      "$description": "Loose (1.75) — long-form body text (28/16 in the prose scale).",
+      "$value": 175,
+      "$description": "Loose (175%) — long-form body text (28/16 in the prose scale).",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -536,8 +494,8 @@
   "letter-spacing": {
     "tight": {
       "$type": "number",
-      "$value": -0.0125,
-      "$description": "Tight tracking (-0.0125em) — large display headings. Value is an em multiplier; string outputs render it with the em unit.",
+      "$value": -1.25,
+      "$description": "Tight tracking (-1.25%) — large display headings.",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -553,7 +511,7 @@
     "normal": {
       "$type": "number",
       "$value": 0,
-      "$description": "Normal tracking (0em) — default for body text. Value is an em multiplier; string outputs render it with the em unit.",
+      "$description": "Normal tracking (0%) — default for body text.",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
@@ -568,8 +526,8 @@
     },
     "wide": {
       "$type": "number",
-      "$value": 0.025,
-      "$description": "Wide tracking (0.025em) — small caps, overlines, and small labels. Value is an em multiplier; string outputs render it with the em unit.",
+      "$value": 2.5,
+      "$description": "Wide tracking (2.5%) — small caps, overlines, and small labels.",
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,

package/dist/tokens/z-index.base.json

@@ -0,0 +1,132 @@
+{
+  "z-index": {
+    "base": {
+      "$type": "number",
+      "$value": 0,
+      "$description": "Base stacking level (0) — default in-flow content.",
+      "$extensions": {
+        "com.figma": {
+          "hiddenFromPublishing": false,
+          "scopes": [
+            "ALL_SCOPES"
+          ],
+          "codeSyntax": {
+            "WEB": "var(--z-index-base)"
+          }
+        }
+      }
+    },
+    "dropdown": {
+      "$type": "number",
+      "$value": 1000,
+      "$description": "Dropdown menus and select popups.",
+      "$extensions": {
+        "com.figma": {
+          "hiddenFromPublishing": false,
+          "scopes": [
+            "ALL_SCOPES"
+          ],
+          "codeSyntax": {
+            "WEB": "var(--z-index-dropdown)"
+          }
+        }
+      }
+    },
+    "sticky": {
+      "$type": "number",
+      "$value": 1100,
+      "$description": "Sticky elements that pin on scroll (headers, toolbars).",
+      "$extensions": {
+        "com.figma": {
+          "hiddenFromPublishing": false,
+          "scopes": [
+            "ALL_SCOPES"
+          ],
+          "codeSyntax": {
+            "WEB": "var(--z-index-sticky)"
+          }
+        }
+      }
+    },
+    "overlay": {
+      "$type": "number",
+      "$value": 1200,
+      "$description": "Full-screen overlay scrims sitting behind modal content.",
+      "$extensions": {
+        "com.figma": {
+          "hiddenFromPublishing": false,
+          "scopes": [
+            "ALL_SCOPES"
+          ],
+          "codeSyntax": {
+            "WEB": "var(--z-index-overlay)"
+          }
+        }
+      }
+    },
+    "modal": {
+      "$type": "number",
+      "$value": 1300,
+      "$description": "Modal dialogs and side sheets.",
+      "$extensions": {
+        "com.figma": {
+          "hiddenFromPublishing": false,
+          "scopes": [
+            "ALL_SCOPES"
+          ],
+          "codeSyntax": {
+            "WEB": "var(--z-index-modal)"
+          }
+        }
+      }
+    },
+    "popover": {
+      "$type": "number",
+      "$value": 1400,
+      "$description": "Popovers anchored to a trigger, above modals.",
+      "$extensions": {
+        "com.figma": {
+          "hiddenFromPublishing": false,
+          "scopes": [
+            "ALL_SCOPES"
+          ],
+          "codeSyntax": {
+            "WEB": "var(--z-index-popover)"
+          }
+        }
+      }
+    },
+    "toast": {
+      "$type": "number",
+      "$value": 1500,
+      "$description": "Toast and snackbar notifications.",
+      "$extensions": {
+        "com.figma": {
+          "hiddenFromPublishing": false,
+          "scopes": [
+            "ALL_SCOPES"
+          ],
+          "codeSyntax": {
+            "WEB": "var(--z-index-toast)"
+          }
+        }
+      }
+    },
+    "tooltip": {
+      "$type": "number",
+      "$value": 1600,
+      "$description": "Tooltips — the top-most interactive layer.",
+      "$extensions": {
+        "com.figma": {
+          "hiddenFromPublishing": false,
+          "scopes": [
+            "ALL_SCOPES"
+          ],
+          "codeSyntax": {
+            "WEB": "var(--z-index-tooltip)"
+          }
+        }
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nswds/tokens",
-  "version": "4.1.0",
+  "version": "4.2.1",
   "description": "Design tokens for NSW Government digital products, providing colour tokens, theme outputs, and brand assets for use across CSS, SCSS, Less, JavaScript, TypeScript, JSON, Tailwind, Figma, and DTCG-compatible workflows.",
   "license": "MPL-2.0",
   "keywords": [