@nxds/core 0.11.0 → 0.12.0

package/dist/runtime/catalogue.cjs

@@ -966,8 +966,10 @@ function rampFromSeed(seedHex, options = {}) {
 }
 
 // src/lib/contrast.ts
+var CONTRAST_MIN = 0;
+var CONTRAST_MAX = 100;
 function normalizeContrast(value, fallback = 50) {
-  return typeof value === "number" && Number.isFinite(value) ? Math.round(Math.max(0, Math.min(100, value))) : fallback;
+  return typeof value === "number" && Number.isFinite(value) ? Math.round(Math.max(CONTRAST_MIN, Math.min(CONTRAST_MAX, value))) : fallback;
 }
 function contrastTarget(tier, contrast) {
   return TIER_THRESHOLDS[tier] + 15 * contrast / 100;
@@ -1140,6 +1142,7 @@ var DEFAULT_NXDS_APPEARANCE = {
   stroke: "normal",
   prefs: {
     uiFont: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    headingFont: null,
     codeFont: 'ui-monospace, "SF Mono", Menlo, monospace',
     uiFontSize: 14,
     codeFontSize: 12,
@@ -3283,7 +3286,7 @@ function formatTypographyDeclarations(tokenPath, value, primitiveMap) {
     const css = fieldValue === "auto" ? "normal" : resolveValue(fieldValue, primitiveMap);
     declarations.push({ property, value: css });
   }
-  if (tokenPath[0] === "heading") {
+  if (tokenPath[0] === "display" || tokenPath[0] === "heading") {
     declarations.push({ property: "text-wrap", value: "balance" });
   }
   if (tokenPath[0] === "body") {
@@ -10862,6 +10865,41 @@ var shadows_default = {
 
 // tokens/styles/typography.json
 var typography_default = {
+  display: {
+    large: {
+      $type: "typography",
+      $value: {
+        fontFamily: "{family.font-heading}",
+        fontSize: "{size.5xl}",
+        fontWeight: "{weight.semibold}",
+        lineHeight: "{line-height.5xl}",
+        letterSpacing: "{letterspacing.tighter}"
+      },
+      $description: "Largest display title \u2014 hero and landing-page section titles"
+    },
+    medium: {
+      $type: "typography",
+      $value: {
+        fontFamily: "{family.font-heading}",
+        fontSize: "{size.4xl}",
+        fontWeight: "{weight.semibold}",
+        lineHeight: "{line-height.4xl}",
+        letterSpacing: "{letterspacing.tighter}"
+      },
+      $description: "Display title one step below display-large, for page sections"
+    },
+    small: {
+      $type: "typography",
+      $value: {
+        fontFamily: "{family.font-heading}",
+        fontSize: "{size.3xl}",
+        fontWeight: "{weight.semibold}",
+        lineHeight: "{line-height.3xl}",
+        letterSpacing: "{letterspacing.tighter}"
+      },
+      $description: "Smallest display title \u2014 page-section titles in narrow layouts"
+    }
+  },
   heading: {
     large: {
       $type: "typography",
@@ -11082,6 +11120,7 @@ function typographyControl(path) {
   }
   if (group !== "family") return null;
   if (key === "font-sans") return { kind: "pref", field: "uiFont" };
+  if (key === "font-heading") return { kind: "pref", field: "headingFont" };
   if (key === "font-mono") return { kind: "pref", field: "codeFont" };
   return null;
 }