@discourser/design-system 0.25.2 → 0.26.0

package/dist/{chunk-ZPECW4N2.js → chunk-4XOWPACJ.js}

@@ -174,119 +174,264 @@ var material3Language = {
   },
   typography: {
     fonts: {
-      display: '"Fraunces", Georgia, serif',
-      body: '"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-      mono: '"JetBrains Mono", "Fira Code", Consolas, monospace'
+      display: {
+        family: '"Fraunces", Georgia, serif',
+        figmaName: "Fraunces",
+        weightMap: {
+          "100": "Thin",
+          "300": "Light",
+          "400": "Regular",
+          "500": "Medium",
+          "600": "SemiBold",
+          "700": "Bold"
+        }
+      },
+      body: {
+        family: '"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+        figmaName: "Poppins",
+        weightMap: {
+          "100": "Thin",
+          "300": "Light",
+          "400": "Regular",
+          "500": "Medium",
+          "600": "SemiBold",
+          "700": "Bold"
+        }
+      },
+      mono: {
+        family: '"JetBrains Mono", "Fira Code", Consolas, monospace',
+        figmaName: "JetBrains Mono",
+        weightMap: {
+          "400": "Regular",
+          "700": "Bold"
+        }
+      }
     },
     scale: {
+      // ── Display ─────────────────────────────────────────────────────────────
       displayLarge: {
-        fontSize: "57px",
-        lineHeight: "64px",
-        fontWeight: "400",
-        letterSpacing: "-0.25px",
-        fontFamily: "display",
-        fontVariationSettings: "'SOFT' 0, 'WONK' 1"
+        geometry: {
+          fontSize: "57px",
+          lineHeight: "64px",
+          letterSpacing: "-0.25px",
+          fontFamily: "display",
+          fontVariationSettings: "'SOFT' 0, 'WONK' 1"
+        },
+        defaultWeight: "regular",
+        weights: {
+          regular: { name: "regular", fontWeight: "400" },
+          semiBold: { name: "semiBold", fontWeight: "600" }
+        }
       },
       displayMedium: {
-        fontSize: "45px",
-        lineHeight: "52px",
-        fontWeight: "400",
-        letterSpacing: "0px",
-        fontFamily: "display"
+        geometry: {
+          fontSize: "45px",
+          lineHeight: "52px",
+          letterSpacing: "0px",
+          fontFamily: "display"
+        },
+        defaultWeight: "regular",
+        weights: {
+          regular: { name: "regular", fontWeight: "400" },
+          semiBold: { name: "semiBold", fontWeight: "600" }
+        }
       },
       displaySmall: {
-        fontSize: "36px",
-        lineHeight: "44px",
-        fontWeight: "400",
-        letterSpacing: "0px",
-        fontFamily: "display"
+        geometry: {
+          fontSize: "36px",
+          lineHeight: "44px",
+          letterSpacing: "0px",
+          fontFamily: "display"
+        },
+        defaultWeight: "regular",
+        weights: {
+          regular: { name: "regular", fontWeight: "400" },
+          semiBold: { name: "semiBold", fontWeight: "600" }
+        }
       },
+      // ── Headline ────────────────────────────────────────────────────────────
       headlineLarge: {
-        fontSize: "32px",
-        lineHeight: "40px",
-        fontWeight: "400",
-        letterSpacing: "0px",
-        fontFamily: "display"
+        geometry: {
+          fontSize: "32px",
+          lineHeight: "40px",
+          letterSpacing: "0px",
+          fontFamily: "display"
+        },
+        defaultWeight: "regular",
+        weights: {
+          light: { name: "light", fontWeight: "300" },
+          regular: { name: "regular", fontWeight: "400" },
+          semiBold: { name: "semiBold", fontWeight: "600" }
+        }
       },
       headlineMedium: {
-        fontSize: "28px",
-        lineHeight: "36px",
-        fontWeight: "400",
-        letterSpacing: "0px",
-        fontFamily: "display",
-        fontVariationSettings: "'SOFT' 0, 'WONK' 1"
+        geometry: {
+          fontSize: "28px",
+          lineHeight: "36px",
+          letterSpacing: "0px",
+          fontFamily: "display",
+          fontVariationSettings: "'SOFT' 0, 'WONK' 1"
+        },
+        defaultWeight: "regular",
+        weights: {
+          light: { name: "light", fontWeight: "300" },
+          regular: { name: "regular", fontWeight: "400" },
+          semiBold: { name: "semiBold", fontWeight: "600" }
+        }
       },
       headlineSmall: {
-        fontSize: "24px",
-        lineHeight: "32px",
-        fontWeight: "400",
-        letterSpacing: "0px",
-        fontFamily: "display"
+        geometry: {
+          fontSize: "24px",
+          lineHeight: "32px",
+          letterSpacing: "0px",
+          fontFamily: "display"
+        },
+        defaultWeight: "regular",
+        weights: {
+          light: { name: "light", fontWeight: "300" },
+          regular: { name: "regular", fontWeight: "400" },
+          semiBold: { name: "semiBold", fontWeight: "600" }
+        }
       },
+      // ── Title ────────────────────────────────────────────────────────────────
       titleLarge: {
-        fontSize: "22px",
-        lineHeight: "28px",
-        fontWeight: "500",
-        letterSpacing: "0px",
-        fontFamily: "body"
+        geometry: {
+          fontSize: "22px",
+          lineHeight: "28px",
+          letterSpacing: "0px",
+          fontFamily: "body"
+        },
+        defaultWeight: "medium",
+        weights: {
+          regular: { name: "regular", fontWeight: "400" },
+          medium: { name: "medium", fontWeight: "500" },
+          semiBold: { name: "semiBold", fontWeight: "600" },
+          bold: { name: "bold", fontWeight: "700" }
+        }
       },
       titleMedium: {
-        fontSize: "16px",
-        lineHeight: "24px",
-        fontWeight: "500",
-        letterSpacing: "0.15px",
-        fontFamily: "body"
+        geometry: {
+          fontSize: "16px",
+          lineHeight: "24px",
+          letterSpacing: "0.15px",
+          fontFamily: "body"
+        },
+        defaultWeight: "medium",
+        weights: {
+          regular: { name: "regular", fontWeight: "400" },
+          medium: { name: "medium", fontWeight: "500" },
+          semiBold: { name: "semiBold", fontWeight: "600" },
+          bold: { name: "bold", fontWeight: "700" }
+        }
       },
       titleSmall: {
-        fontSize: "14px",
-        lineHeight: "20px",
-        fontWeight: "500",
-        letterSpacing: "0.1px",
-        fontFamily: "body"
+        geometry: {
+          fontSize: "14px",
+          lineHeight: "20px",
+          letterSpacing: "0.1px",
+          fontFamily: "body"
+        },
+        defaultWeight: "medium",
+        weights: {
+          regular: { name: "regular", fontWeight: "400" },
+          medium: { name: "medium", fontWeight: "500" },
+          semiBold: { name: "semiBold", fontWeight: "600" },
+          bold: { name: "bold", fontWeight: "700" }
+        }
       },
+      // ── Body ─────────────────────────────────────────────────────────────────
       // Custom override: bodyLarge bumped to 18px/28px (was M3 default 16px/24px)
       // Decision date: 2026-03-24
       bodyLarge: {
-        fontSize: "18px",
-        lineHeight: "28px",
-        fontWeight: "400",
-        letterSpacing: "0.5px",
-        fontFamily: "body"
+        geometry: {
+          fontSize: "18px",
+          lineHeight: "28px",
+          letterSpacing: "0.5px",
+          fontFamily: "body"
+        },
+        defaultWeight: "regular",
+        weights: {
+          light: { name: "light", fontWeight: "300" },
+          regular: { name: "regular", fontWeight: "400" },
+          medium: { name: "medium", fontWeight: "500" },
+          semiBold: { name: "semiBold", fontWeight: "600" }
+        }
       },
       bodyMedium: {
-        fontSize: "14px",
-        lineHeight: "20px",
-        fontWeight: "400",
-        letterSpacing: "0.25px",
-        fontFamily: "body"
+        geometry: {
+          fontSize: "14px",
+          lineHeight: "20px",
+          letterSpacing: "0.25px",
+          fontFamily: "body"
+        },
+        defaultWeight: "regular",
+        weights: {
+          light: { name: "light", fontWeight: "300" },
+          regular: { name: "regular", fontWeight: "400" },
+          medium: { name: "medium", fontWeight: "500" },
+          semiBold: { name: "semiBold", fontWeight: "600" }
+        }
       },
       bodySmall: {
-        fontSize: "12px",
-        lineHeight: "16px",
-        fontWeight: "400",
-        letterSpacing: "0.4px",
-        fontFamily: "body"
+        geometry: {
+          fontSize: "12px",
+          lineHeight: "16px",
+          letterSpacing: "0.4px",
+          fontFamily: "body"
+        },
+        defaultWeight: "regular",
+        weights: {
+          light: { name: "light", fontWeight: "300" },
+          regular: { name: "regular", fontWeight: "400" },
+          medium: { name: "medium", fontWeight: "500" },
+          semiBold: { name: "semiBold", fontWeight: "600" }
+        }
       },
+      // ── Label ────────────────────────────────────────────────────────────────
       labelLarge: {
-        fontSize: "14px",
-        lineHeight: "20px",
-        fontWeight: "500",
-        letterSpacing: "0.1px",
-        fontFamily: "body"
+        geometry: {
+          fontSize: "14px",
+          lineHeight: "20px",
+          letterSpacing: "0.1px",
+          fontFamily: "body"
+        },
+        defaultWeight: "medium",
+        weights: {
+          light: { name: "light", fontWeight: "300" },
+          medium: { name: "medium", fontWeight: "500" },
+          semiBold: { name: "semiBold", fontWeight: "600" },
+          bold: { name: "bold", fontWeight: "700" }
+        }
       },
       labelMedium: {
-        fontSize: "12px",
-        lineHeight: "16px",
-        fontWeight: "500",
-        letterSpacing: "0.5px",
-        fontFamily: "body"
+        geometry: {
+          fontSize: "12px",
+          lineHeight: "16px",
+          letterSpacing: "0.5px",
+          fontFamily: "body"
+        },
+        defaultWeight: "medium",
+        weights: {
+          light: { name: "light", fontWeight: "300" },
+          medium: { name: "medium", fontWeight: "500" },
+          semiBold: { name: "semiBold", fontWeight: "600" },
+          bold: { name: "bold", fontWeight: "700" }
+        }
       },
       labelSmall: {
-        fontSize: "11px",
-        lineHeight: "16px",
-        fontWeight: "500",
-        letterSpacing: "0.5px",
-        fontFamily: "body"
+        geometry: {
+          fontSize: "11px",
+          lineHeight: "16px",
+          letterSpacing: "0.5px",
+          fontFamily: "body"
+        },
+        defaultWeight: "medium",
+        weights: {
+          light: { name: "light", fontWeight: "300" },
+          medium: { name: "medium", fontWeight: "500" },
+          semiBold: { name: "semiBold", fontWeight: "600" },
+          bold: { name: "bold", fontWeight: "700" }
+        }
       }
     }
   },
@@ -366,9 +511,9 @@ function transformTokens(language) {
       language.colors
     ),
     fonts: {
-      display: { value: language.typography.fonts.display },
-      body: { value: language.typography.fonts.body },
-      mono: { value: language.typography.fonts.mono }
+      display: { value: language.typography.fonts.display.family },
+      body: { value: language.typography.fonts.body.family },
+      mono: { value: language.typography.fonts.mono.family }
     },
     fontSizes: extractFontSizes(
       language.typography.scale
@@ -410,19 +555,24 @@ function transformSemanticTokens(_language) {
 function transformTextStyles(language) {
   const scale = language.typography.scale;
   return Object.fromEntries(
-    Object.entries(scale).map(([name, style]) => [
-      name,
-      {
-        value: {
-          fontFamily: `{fonts.${style.fontFamily || "body"}}`,
-          fontSize: style.fontSize,
-          lineHeight: style.lineHeight,
-          fontWeight: style.fontWeight,
-          letterSpacing: style.letterSpacing,
-          ...style.fontVariationSettings ? { fontVariationSettings: style.fontVariationSettings } : {}
+    Object.entries(scale).map(([name, step]) => {
+      const s2 = step;
+      const defaultVariant = s2.weights[s2.defaultWeight];
+      const fontWeight = defaultVariant?.fontWeight ?? "400";
+      return [
+        name,
+        {
+          value: {
+            fontFamily: `{fonts.${s2.geometry.fontFamily}}`,
+            fontSize: s2.geometry.fontSize,
+            lineHeight: s2.geometry.lineHeight,
+            fontWeight,
+            letterSpacing: s2.geometry.letterSpacing,
+            ...s2.geometry.fontVariationSettings ? { fontVariationSettings: s2.geometry.fontVariationSettings } : {}
+          }
         }
-      }
-    ])
+      ];
+    })
   );
 }
 function transformColorPalettes(palettes) {
@@ -442,24 +592,26 @@ function objectToTokens(obj) {
 }
 function extractFontSizes(scale) {
   return Object.fromEntries(
-    Object.entries(scale).map(([name, style]) => [
+    Object.entries(scale).map(([name, step]) => [
       name,
-      { value: style.fontSize }
+      { value: step.geometry.fontSize }
     ])
   );
 }
 function extractLineHeights(scale) {
   return Object.fromEntries(
-    Object.entries(scale).map(([name, style]) => [
+    Object.entries(scale).map(([name, step]) => [
       name,
-      { value: style.lineHeight }
+      { value: step.geometry.lineHeight }
     ])
   );
 }
 function extractFontWeights(scale) {
   const weights = /* @__PURE__ */ new Map();
-  Object.values(scale).forEach((style) => {
-    weights.set(style.fontWeight, style.fontWeight);
+  Object.values(scale).forEach((step) => {
+    Object.values(step.weights).forEach((variant) => {
+      if (variant) weights.set(variant.fontWeight, variant.fontWeight);
+    });
   });
   return Object.fromEntries(
     Array.from(weights.entries()).map(([key, value]) => [key, { value }])
@@ -467,9 +619,9 @@ function extractFontWeights(scale) {
 }
 function extractLetterSpacings(scale) {
   return Object.fromEntries(
-    Object.entries(scale).map(([name, style]) => [
+    Object.entries(scale).map(([name, step]) => [
       name,
-      { value: style.letterSpacing }
+      { value: step.geometry.letterSpacing }
     ])
   );
 }
@@ -4526,5 +4678,5 @@ var discourserPandaPreset = definePreset({
 });
 
 export { discourserPandaPreset, material3Language, transformToPandaTheme };
-//# sourceMappingURL=chunk-ZPECW4N2.js.map
-//# sourceMappingURL=chunk-ZPECW4N2.js.map
+//# sourceMappingURL=chunk-4XOWPACJ.js.map
+//# sourceMappingURL=chunk-4XOWPACJ.js.map