@xsolla/xui-typography 0.216.0 → 0.217.0

package/README.md

@@ -50,7 +50,10 @@ Inherits `ThemeOverrideProps` (`themeMode`, `themeProductContext`).
 
 ```ts
 type VariantType =
-  | "display"
+  | "display" // deprecated alias of "displayLg"
+  | "displayLg"
+  | "displayMd"
+  | "displaySm"
   | "h1"
   | "h2"
   | "h3"
@@ -75,6 +78,21 @@ type VariantType =
 
 `*Accent` variants use weight 500. `*Paragraph` variants use a relaxed line height suitable for long-form copy.
 
+#### Display variants
+
+`displayLg` / `displayMd` / `displaySm` mirror the Figma `basic/display/display-lg|md|sm`
+tokens. `display` is retained as a **deprecated** alias of `displayLg`.
+
+| Context  | `displayLg`          | `displayMd`          | `displaySm`                         |
+| -------- | -------------------- | -------------------- | ----------------------------------- |
+| b2c      | 96px / 700 / ls −4   | 80px / 700 / ls −3   | 28px / 500, compact font + line-height |
+| b2b      | 96px / 300 / ls −4   | 80px / 300 / ls −3   | 64px / 400                          |
+| corpsite | 96px / 300 / ls −4   | 80px / 300 / ls −3   | 64px / 400                          |
+
+`displayLg` and `displayMd` carry Figma letter-spacing (−4px and −3px). B2C
+`displaySm` is the only display token rendered in the `compact` font role
+rather than the display font.
+
 #### `ColorType`
 
 ```ts
@@ -104,7 +122,9 @@ import { Typography } from "@xsolla/xui-typography";
 export default function Headings() {
   return (
     <div>
-      <Typography variant="display">Display</Typography>
+      <Typography variant="displayLg">Display large</Typography>
+      <Typography variant="displayMd">Display medium</Typography>
+      <Typography variant="displaySm">Display small</Typography>
       <Typography variant="h1">Heading 1</Typography>
       <Typography variant="h2">Heading 2</Typography>
       <Typography variant="h3">Heading 3</Typography>
@@ -241,6 +261,7 @@ You can override the default element with the `as` prop:
 - Resolved sizes, weights, and line heights come from the active product context. With no override, the provider's `initialProductContext` (defaulting to `b2b`) is used.
 - The `Accent` family raises weight to 500; `Paragraph` family raises line height for readable long-form copy.
 - `as` is web-only; on native platforms the rendered element is fixed.
+- Display variants resolve letter-spacing and font role from the token, so B2C `displaySm` renders in the compact font while every other display variant uses the display font.
 
 ## Accessibility
 

package/native/index.d.mts

@@ -3,7 +3,12 @@ import { ReactNode, ElementType } from 'react';
 import { ThemeOverrideProps } from '@xsolla/xui-core';
 
 type AlignType = "center" | "inherit" | "justify" | "left" | "right";
-type VariantType = "h1" | "h2" | "h3" | "h4" | "h5" | "display" | "bodyLg" | "bodyLgAccent" | "bodyLgParagraph" | "bodyMd" | "bodyMdAccent" | "bodyMdParagraph" | "bodySm" | "bodySmAccent" | "bodySmParagraph" | "bodyXs" | "bodyXsAccent" | "bodyXsParagraph" | "bodyXxs" | "bodyXxsAccent" | "bodyXxsParagraph";
+type VariantType = "h1" | "h2" | "h3" | "h4" | "h5"
+/**
+ * @deprecated Alias of `displayLg`. Figma models three display sizes —
+ * migrate to `displayLg` / `displayMd` / `displaySm`.
+ */
+ | "display" | "displayLg" | "displayMd" | "displaySm" | "bodyLg" | "bodyLgAccent" | "bodyLgParagraph" | "bodyMd" | "bodyMdAccent" | "bodyMdParagraph" | "bodySm" | "bodySmAccent" | "bodySmParagraph" | "bodyXs" | "bodyXsAccent" | "bodyXsParagraph" | "bodyXxs" | "bodyXxsAccent" | "bodyXxsParagraph";
 type ThemeColorType = "primary" | "secondary" | "tertiary" | "brand" | "brandSecondary" | "success" | "warning" | "alert" | "neutral";
 type ColorType = ThemeColorType | "inherit";
 type ProductContext = "b2c" | "b2b";

package/native/index.d.ts

@@ -3,7 +3,12 @@ import { ReactNode, ElementType } from 'react';
 import { ThemeOverrideProps } from '@xsolla/xui-core';
 
 type AlignType = "center" | "inherit" | "justify" | "left" | "right";
-type VariantType = "h1" | "h2" | "h3" | "h4" | "h5" | "display" | "bodyLg" | "bodyLgAccent" | "bodyLgParagraph" | "bodyMd" | "bodyMdAccent" | "bodyMdParagraph" | "bodySm" | "bodySmAccent" | "bodySmParagraph" | "bodyXs" | "bodyXsAccent" | "bodyXsParagraph" | "bodyXxs" | "bodyXxsAccent" | "bodyXxsParagraph";
+type VariantType = "h1" | "h2" | "h3" | "h4" | "h5"
+/**
+ * @deprecated Alias of `displayLg`. Figma models three display sizes —
+ * migrate to `displayLg` / `displayMd` / `displaySm`.
+ */
+ | "display" | "displayLg" | "displayMd" | "displaySm" | "bodyLg" | "bodyLgAccent" | "bodyLgParagraph" | "bodyMd" | "bodyMdAccent" | "bodyMdParagraph" | "bodySm" | "bodySmAccent" | "bodySmParagraph" | "bodyXs" | "bodyXsAccent" | "bodyXsParagraph" | "bodyXxs" | "bodyXxsAccent" | "bodyXxsParagraph";
 type ThemeColorType = "primary" | "secondary" | "tertiary" | "brand" | "brandSecondary" | "success" | "warning" | "alert" | "neutral";
 type ColorType = ThemeColorType | "inherit";
 type ProductContext = "b2c" | "b2b";

package/native/index.js

@@ -116,7 +116,13 @@ var getColor = (color, theme) => {
   };
   return colorMap[color] || color;
 };
-var isHeadingVariant = (variant) => variant === "h1" || variant === "h2" || variant === "h3" || variant === "h4" || variant === "h5" || variant === "display";
+var displayMap = {
+  display: "display-lg",
+  displayLg: "display-lg",
+  displayMd: "display-md",
+  displaySm: "display-sm"
+};
+var isHeadingVariant = (variant) => variant === "h1" || variant === "h2" || variant === "h3" || variant === "h4" || variant === "h5" || Boolean(displayMap[variant]);
 var isParagraphVariant = (variant) => variant.endsWith("Paragraph");
 var getDefaultElement = (variant) => {
   const elementMap = {
@@ -145,6 +151,11 @@ var bodyMap = {
   bodyXxsAccent: "body-xxs",
   bodyXxsParagraph: "body-xxs"
 };
+var getDisplayToken = (variant, typographyTokens) => {
+  const key = displayMap[variant];
+  if (!key) return void 0;
+  return typographyTokens?.basic?.[key] ?? typographyTokens?.basic?.display;
+};
 var headingMap = {
   h1: "h1",
   h2: "h2",
@@ -166,14 +177,14 @@ var getVariantStyles = (variant, typographyTokens) => {
         };
       }
     }
-    if (variant === "display" && typographyTokens.basic?.display) {
-      const token = typographyTokens.basic.display;
+    const displayToken = getDisplayToken(variant, typographyTokens);
+    if (displayToken) {
       return {
-        fontSize: token.fontSize,
-        fontWeight: String(token.fontWeight),
-        lineHeight: token.lineHeight,
-        scaleStep: token.scaleStep,
-        lineHeightCategory: token.lineHeightCategory
+        fontSize: displayToken.fontSize,
+        fontWeight: String(displayToken.fontWeight),
+        lineHeight: displayToken.lineHeight,
+        scaleStep: displayToken.scaleStep,
+        lineHeightCategory: displayToken.lineHeightCategory
       };
     }
     const bodyKey = bodyMap[variant];
@@ -243,6 +254,23 @@ var getVariantStyles = (variant, typographyTokens) => {
         lineHeightCategory: "display"
       };
     case "display":
+    case "displayLg":
+      return {
+        fontSize: 96,
+        fontWeight: "300",
+        lineHeight: "96px",
+        scaleStep: "900",
+        lineHeightCategory: "display"
+      };
+    case "displayMd":
+      return {
+        fontSize: 80,
+        fontWeight: "300",
+        lineHeight: "80px",
+        scaleStep: "850",
+        lineHeightCategory: "display"
+      };
+    case "displaySm":
       return {
         fontSize: 64,
         fontWeight: "400",
@@ -411,7 +439,11 @@ var Typography = (0, import_react.forwardRef)(
     const variantStyles = getVariantStyles(variant, typographyTokens);
     const colorValue = getColor(color, theme);
     const contextFonts = productContext ? (0, import_xui_core.getFonts)(productContext) : theme.fonts;
-    const fontFamily = isHeadingVariant(variant) ? contextFonts?.heading : isParagraphVariant(variant) ? contextFonts?.text : contextFonts?.body;
+    const displayToken = getDisplayToken(variant, typographyTokens);
+    const fontRole = displayToken?.fontRole;
+    const roleFont = fontRole === "compact" ? contextFonts?.body : fontRole === "text" ? contextFonts?.text : fontRole === "display" ? contextFonts?.heading : void 0;
+    const fontFamily = roleFont ?? (isHeadingVariant(variant) ? contextFonts?.heading : isParagraphVariant(variant) ? contextFonts?.text : contextFonts?.body);
+    const letterSpacing = displayToken?.letterSpacing;
     const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;
     const responsiveFontSize = useResponsiveCSS ? import_xui_core.cssVar.fontSize(variantStyles.scaleStep) : void 0;
     const responsiveLineHeight = useResponsiveCSS ? getResponsiveLineHeight(variantStyles) : void 0;
@@ -432,6 +464,7 @@ var Typography = (0, import_react.forwardRef)(
           marginTop,
           marginBottom,
           textAlign: align === "inherit" ? void 0 : align,
+          ...letterSpacing !== void 0 && { letterSpacing },
           ...useResponsiveCSS ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight } : { lineHeight: variantStyles.lineHeight },
           ...noWrap && {
             overflow: "hidden",

package/native/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx","../../src/Typography.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/index.tsx"],"sourcesContent":["export * from \"./Typography\";\nexport * from \"./types\";\n","import { forwardRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Text, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useResolvedTheme,\n  getTypographyTokens,\n  getFonts,\n  cssVar,\n} from \"@xsolla/xui-core\";\nimport type { ColorType, TypographyProps, VariantType } from \"./types\";\n\nconst getColor = (\n  color: ColorType | string,\n  theme: any\n): string | undefined => {\n  if (color === \"inherit\") {\n    return isNative ? theme?.colors?.content?.primary : undefined;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme?.colors?.content?.primary,\n    secondary: theme?.colors?.content?.secondary,\n    tertiary: theme?.colors?.content?.tertiary,\n    brand: theme?.colors?.content?.brand?.primary,\n    brandSecondary: theme?.colors?.content?.brand?.secondary,\n    success: theme?.colors?.content?.success?.primary,\n    warning: theme?.colors?.content?.warning?.primary,\n    alert: theme?.colors?.content?.alert?.primary,\n    neutral: theme?.colors?.content?.neutral?.primary,\n  };\n\n  return colorMap[color] || color;\n};\n\nconst isHeadingVariant = (variant: VariantType): boolean =>\n  variant === \"h1\" ||\n  variant === \"h2\" ||\n  variant === \"h3\" ||\n  variant === \"h4\" ||\n  variant === \"h5\" ||\n  variant === \"display\";\n\n// Paragraph variants (bodyLgParagraph, …) use the Figma `text` role font,\n// which differs from the `body`/compact font for the corpsite context.\nconst isParagraphVariant = (variant: VariantType): boolean =>\n  variant.endsWith(\"Paragraph\");\n\nconst getDefaultElement = (variant: VariantType): string | undefined => {\n  const elementMap: Record<string, string> = {\n    h1: \"h1\",\n    h2: \"h2\",\n    h3: \"h3\",\n    h4: \"h4\",\n    h5: \"h5\",\n  };\n  return elementMap[variant];\n};\n\nconst bodyMap: Record<string, string> = {\n  bodyLg: \"body-lg\",\n  bodyLgAccent: \"body-lg\",\n  bodyLgParagraph: \"body-lg\",\n  bodyMd: \"body-md\",\n  bodyMdAccent: \"body-md\",\n  bodyMdParagraph: \"body-md\",\n  bodySm: \"body-sm\",\n  bodySmAccent: \"body-sm\",\n  bodySmParagraph: \"body-sm\",\n  bodyXs: \"body-xs\",\n  bodyXsAccent: \"body-xs\",\n  bodyXsParagraph: \"body-xs\",\n  bodyXxs: \"body-xxs\",\n  bodyXxsAccent: \"body-xxs\",\n  bodyXxsParagraph: \"body-xxs\",\n};\n\nconst headingMap: Record<string, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n};\n\nconst getVariantStyles = (variant: VariantType, typographyTokens?: any) => {\n  if (typographyTokens) {\n    if (headingMap[variant]) {\n      const token = typographyTokens.heading[headingMap[variant]];\n      if (token) {\n        return {\n          fontSize: token.fontSize,\n          fontWeight: String(token.fontWeight),\n          lineHeight: token.lineHeight,\n          scaleStep: token.scaleStep,\n          lineHeightCategory: token.lineHeightCategory,\n        };\n      }\n    }\n\n    if (variant === \"display\" && typographyTokens.basic?.display) {\n      const token = typographyTokens.basic.display;\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(token.fontWeight),\n        lineHeight: token.lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory: token.lineHeightCategory,\n      };\n    }\n\n    const bodyKey = bodyMap[variant];\n    if (bodyKey && typographyTokens.basic?.[bodyKey]) {\n      const token = typographyTokens.basic[bodyKey];\n      let fontWeight = token.fontWeight;\n      let lineHeight = token.lineHeight;\n      let lineHeightCategory = token.lineHeightCategory;\n      let lineHeightScaleStep: string | undefined;\n\n      if (variant.includes(\"Accent\") && token.accent) {\n        fontWeight = token.accent.fontWeight;\n      }\n\n      if (variant.includes(\"Paragraph\") && token.paragraph) {\n        lineHeight = token.paragraph.lineHeight;\n        lineHeightCategory = \"text\";\n        lineHeightScaleStep = token.paragraph.lineHeightScaleStep;\n      }\n\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(fontWeight),\n        lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory,\n        lineHeightScaleStep,\n      };\n    }\n  }\n\n  switch (variant) {\n    case \"h1\":\n      return {\n        fontSize: 56,\n        fontWeight: \"400\",\n        lineHeight: \"56px\",\n        scaleStep: \"650\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h2\":\n      return {\n        fontSize: 48,\n        fontWeight: \"400\",\n        lineHeight: \"48px\",\n        scaleStep: \"550\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h3\":\n      return {\n        fontSize: 32,\n        fontWeight: \"400\",\n        lineHeight: \"32px\",\n        scaleStep: \"350\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h4\":\n      return {\n        fontSize: 24,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"250\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h5\":\n      return {\n        fontSize: 20,\n        fontWeight: \"600\",\n        lineHeight: \"20px\",\n        scaleStep: \"200\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"display\":\n      return {\n        fontSize: 64,\n        fontWeight: \"400\",\n        lineHeight: \"64px\",\n        scaleStep: \"750\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"bodyLg\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgAccent\":\n      return {\n        fontSize: 18,\n        fontWeight: \"500\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgParagraph\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"26px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyMd\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdAccent\":\n      return {\n        fontSize: 16,\n        fontWeight: \"500\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdParagraph\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"22px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodySm\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmAccent\":\n      return {\n        fontSize: 14,\n        fontWeight: \"500\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmParagraph\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXs\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsAccent\":\n      return {\n        fontSize: 12,\n        fontWeight: \"500\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsParagraph\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXxs\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsAccent\":\n      return {\n        fontSize: 10,\n        fontWeight: \"500\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsParagraph\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"text\" as const,\n      };\n    default:\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n  }\n};\n\nfunction getResponsiveLineHeight(\n  styles: ReturnType<typeof getVariantStyles>\n): string | undefined {\n  const step = styles.lineHeightScaleStep || styles.scaleStep;\n  if (!step) return undefined;\n\n  const cat = styles.lineHeightCategory;\n  if (cat === \"display\") return cssVar.lhDisplay(step);\n  if (cat === \"text\") return cssVar.lhText(step);\n  return cssVar.lhCompact(step);\n}\n\nexport const Typography = forwardRef<any, TypographyProps>(\n  (\n    {\n      children,\n      align = \"inherit\",\n      noWrap = false,\n      variant = \"bodyMd\",\n      color = \"inherit\",\n      marginBottom = 0,\n      marginTop = 0,\n      as,\n      productContext,\n      testID,\n      themeMode,\n      themeProductContext,\n      ...rest\n    },\n    ref\n  ) => {\n    const resolvedTheme = useResolvedTheme({ themeMode, themeProductContext });\n    const { theme } = resolvedTheme;\n    // `responsive` was added to DesignSystemContext; cast for installed-package type compat\n    const responsive: boolean =\n      (resolvedTheme as { responsive?: boolean }).responsive ?? true;\n    const typographyTokens = productContext\n      ? getTypographyTokens(productContext)\n      : (theme as any).typographyTokens;\n    const variantStyles = getVariantStyles(variant, typographyTokens);\n    const colorValue = getColor(color, theme);\n    const contextFonts = productContext\n      ? getFonts(productContext)\n      : (theme.fonts as Record<string, string>);\n    const fontFamily = isHeadingVariant(variant)\n      ? contextFonts?.heading\n      : isParagraphVariant(variant)\n        ? contextFonts?.text\n        : contextFonts?.body;\n\n    const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;\n\n    const responsiveFontSize = useResponsiveCSS\n      ? cssVar.fontSize(variantStyles.scaleStep!)\n      : undefined;\n    const responsiveLineHeight = useResponsiveCSS\n      ? getResponsiveLineHeight(variantStyles)\n      : undefined;\n\n    const resolvedAs = isWeb ? as || getDefaultElement(variant) : as;\n\n    return (\n      <Text\n        {...rest}\n        ref={ref}\n        testID={testID}\n        as={resolvedAs}\n        color={colorValue}\n        fontSize={useResponsiveCSS ? undefined : variantStyles.fontSize}\n        fontWeight={variantStyles.fontWeight}\n        fontFamily={fontFamily}\n        numberOfLines={noWrap ? 1 : undefined}\n        style={{\n          marginTop,\n          marginBottom,\n          textAlign: align === \"inherit\" ? undefined : align,\n          ...(useResponsiveCSS\n            ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight }\n            : { lineHeight: variantStyles.lineHeight }),\n          ...(noWrap && {\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }),\n          ...rest.style,\n        }}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n","import React from \"react\";\nimport {\n  Text as RNText,\n  TextStyle,\n  AccessibilityRole,\n  StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nconst parseNumericValue = (\n  value: string | number | undefined\n): number | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === \"number\") return value;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  textAlign,\n  lineHeight,\n  numberOfLines,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  style: styleProp,\n  ...props\n}) => {\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  if (\n    resolvedFontFamily === \"Pilat Wide\" ||\n    resolvedFontFamily === \"Pilat Wide Bold\" ||\n    resolvedFontFamily === \"Aktiv Grotesk\"\n  ) {\n    resolvedFontFamily = undefined;\n  }\n\n  const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n  const baseStyle: TextStyle = {\n    color: color ?? incomingStyle?.color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n    textAlign: textAlign ?? incomingStyle?.textAlign,\n    lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n    marginTop: parseNumericValue(\n      incomingStyle?.marginTop as number | string | undefined\n    ),\n    marginBottom: parseNumericValue(\n      incomingStyle?.marginBottom as number | string | undefined\n    ),\n  };\n\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText\n      style={baseStyle}\n      numberOfLines={numberOfLines}\n      testID={dataTestId || testID || id}\n      accessibilityRole={accessibilityRole}\n    >\n      {children}\n    </RNText>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = false;\nexport const isNative = true;\n"],"mappings":"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","names":["RNText","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/index.tsx","../../src/Typography.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/index.tsx"],"sourcesContent":["export * from \"./Typography\";\nexport * from \"./types\";\n","import { forwardRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Text, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useResolvedTheme,\n  getTypographyTokens,\n  getFonts,\n  cssVar,\n} from \"@xsolla/xui-core\";\nimport type { ColorType, TypographyProps, VariantType } from \"./types\";\n\nconst getColor = (\n  color: ColorType | string,\n  theme: any\n): string | undefined => {\n  if (color === \"inherit\") {\n    return isNative ? theme?.colors?.content?.primary : undefined;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme?.colors?.content?.primary,\n    secondary: theme?.colors?.content?.secondary,\n    tertiary: theme?.colors?.content?.tertiary,\n    brand: theme?.colors?.content?.brand?.primary,\n    brandSecondary: theme?.colors?.content?.brand?.secondary,\n    success: theme?.colors?.content?.success?.primary,\n    warning: theme?.colors?.content?.warning?.primary,\n    alert: theme?.colors?.content?.alert?.primary,\n    neutral: theme?.colors?.content?.neutral?.primary,\n  };\n\n  return colorMap[color] || color;\n};\n\n// `display` is the deprecated alias of `displayLg`.\nconst displayMap: Record<string, string> = {\n  display: \"display-lg\",\n  displayLg: \"display-lg\",\n  displayMd: \"display-md\",\n  displaySm: \"display-sm\",\n};\n\nconst isHeadingVariant = (variant: VariantType): boolean =>\n  variant === \"h1\" ||\n  variant === \"h2\" ||\n  variant === \"h3\" ||\n  variant === \"h4\" ||\n  variant === \"h5\" ||\n  Boolean(displayMap[variant]);\n\n// Paragraph variants (bodyLgParagraph, …) use the Figma `text` role font,\n// which differs from the `body`/compact font for the corpsite context.\nconst isParagraphVariant = (variant: VariantType): boolean =>\n  variant.endsWith(\"Paragraph\");\n\nconst getDefaultElement = (variant: VariantType): string | undefined => {\n  const elementMap: Record<string, string> = {\n    h1: \"h1\",\n    h2: \"h2\",\n    h3: \"h3\",\n    h4: \"h4\",\n    h5: \"h5\",\n  };\n  return elementMap[variant];\n};\n\nconst bodyMap: Record<string, string> = {\n  bodyLg: \"body-lg\",\n  bodyLgAccent: \"body-lg\",\n  bodyLgParagraph: \"body-lg\",\n  bodyMd: \"body-md\",\n  bodyMdAccent: \"body-md\",\n  bodyMdParagraph: \"body-md\",\n  bodySm: \"body-sm\",\n  bodySmAccent: \"body-sm\",\n  bodySmParagraph: \"body-sm\",\n  bodyXs: \"body-xs\",\n  bodyXsAccent: \"body-xs\",\n  bodyXsParagraph: \"body-xs\",\n  bodyXxs: \"body-xxs\",\n  bodyXxsAccent: \"body-xxs\",\n  bodyXxsParagraph: \"body-xxs\",\n};\n\n/**\n * Resolves a display variant to its token. Falls back to the legacy single\n * `basic.display` slot so a consumer pinned to an older `@xsolla/xui-core`\n * (which has no `display-lg`/`-md`/`-sm`) still renders.\n */\nconst getDisplayToken = (variant: VariantType, typographyTokens?: any) => {\n  const key = displayMap[variant];\n  if (!key) return undefined;\n  return typographyTokens?.basic?.[key] ?? typographyTokens?.basic?.display;\n};\n\nconst headingMap: Record<string, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n};\n\nconst getVariantStyles = (variant: VariantType, typographyTokens?: any) => {\n  if (typographyTokens) {\n    if (headingMap[variant]) {\n      const token = typographyTokens.heading[headingMap[variant]];\n      if (token) {\n        return {\n          fontSize: token.fontSize,\n          fontWeight: String(token.fontWeight),\n          lineHeight: token.lineHeight,\n          scaleStep: token.scaleStep,\n          lineHeightCategory: token.lineHeightCategory,\n        };\n      }\n    }\n\n    const displayToken = getDisplayToken(variant, typographyTokens);\n    if (displayToken) {\n      return {\n        fontSize: displayToken.fontSize,\n        fontWeight: String(displayToken.fontWeight),\n        lineHeight: displayToken.lineHeight,\n        scaleStep: displayToken.scaleStep,\n        lineHeightCategory: displayToken.lineHeightCategory,\n      };\n    }\n\n    const bodyKey = bodyMap[variant];\n    if (bodyKey && typographyTokens.basic?.[bodyKey]) {\n      const token = typographyTokens.basic[bodyKey];\n      let fontWeight = token.fontWeight;\n      let lineHeight = token.lineHeight;\n      let lineHeightCategory = token.lineHeightCategory;\n      let lineHeightScaleStep: string | undefined;\n\n      if (variant.includes(\"Accent\") && token.accent) {\n        fontWeight = token.accent.fontWeight;\n      }\n\n      if (variant.includes(\"Paragraph\") && token.paragraph) {\n        lineHeight = token.paragraph.lineHeight;\n        lineHeightCategory = \"text\";\n        lineHeightScaleStep = token.paragraph.lineHeightScaleStep;\n      }\n\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(fontWeight),\n        lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory,\n        lineHeightScaleStep,\n      };\n    }\n  }\n\n  switch (variant) {\n    case \"h1\":\n      return {\n        fontSize: 56,\n        fontWeight: \"400\",\n        lineHeight: \"56px\",\n        scaleStep: \"650\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h2\":\n      return {\n        fontSize: 48,\n        fontWeight: \"400\",\n        lineHeight: \"48px\",\n        scaleStep: \"550\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h3\":\n      return {\n        fontSize: 32,\n        fontWeight: \"400\",\n        lineHeight: \"32px\",\n        scaleStep: \"350\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h4\":\n      return {\n        fontSize: 24,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"250\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h5\":\n      return {\n        fontSize: 20,\n        fontWeight: \"600\",\n        lineHeight: \"20px\",\n        scaleStep: \"200\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"display\":\n    case \"displayLg\":\n      return {\n        fontSize: 96,\n        fontWeight: \"300\",\n        lineHeight: \"96px\",\n        scaleStep: \"900\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"displayMd\":\n      return {\n        fontSize: 80,\n        fontWeight: \"300\",\n        lineHeight: \"80px\",\n        scaleStep: \"850\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"displaySm\":\n      return {\n        fontSize: 64,\n        fontWeight: \"400\",\n        lineHeight: \"64px\",\n        scaleStep: \"750\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"bodyLg\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgAccent\":\n      return {\n        fontSize: 18,\n        fontWeight: \"500\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgParagraph\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"26px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyMd\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdAccent\":\n      return {\n        fontSize: 16,\n        fontWeight: \"500\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdParagraph\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"22px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodySm\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmAccent\":\n      return {\n        fontSize: 14,\n        fontWeight: \"500\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmParagraph\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXs\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsAccent\":\n      return {\n        fontSize: 12,\n        fontWeight: \"500\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsParagraph\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXxs\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsAccent\":\n      return {\n        fontSize: 10,\n        fontWeight: \"500\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsParagraph\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"text\" as const,\n      };\n    default:\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n  }\n};\n\nfunction getResponsiveLineHeight(\n  styles: ReturnType<typeof getVariantStyles>\n): string | undefined {\n  const step = styles.lineHeightScaleStep || styles.scaleStep;\n  if (!step) return undefined;\n\n  const cat = styles.lineHeightCategory;\n  if (cat === \"display\") return cssVar.lhDisplay(step);\n  if (cat === \"text\") return cssVar.lhText(step);\n  return cssVar.lhCompact(step);\n}\n\nexport const Typography = forwardRef<any, TypographyProps>(\n  (\n    {\n      children,\n      align = \"inherit\",\n      noWrap = false,\n      variant = \"bodyMd\",\n      color = \"inherit\",\n      marginBottom = 0,\n      marginTop = 0,\n      as,\n      productContext,\n      testID,\n      themeMode,\n      themeProductContext,\n      ...rest\n    },\n    ref\n  ) => {\n    const resolvedTheme = useResolvedTheme({ themeMode, themeProductContext });\n    const { theme } = resolvedTheme;\n    // `responsive` was added to DesignSystemContext; cast for installed-package type compat\n    const responsive: boolean =\n      (resolvedTheme as { responsive?: boolean }).responsive ?? true;\n    const typographyTokens = productContext\n      ? getTypographyTokens(productContext)\n      : (theme as any).typographyTokens;\n    const variantStyles = getVariantStyles(variant, typographyTokens);\n    const colorValue = getColor(color, theme);\n    const contextFonts = productContext\n      ? getFonts(productContext)\n      : (theme.fonts as Record<string, string>);\n    // Display tokens carry their own Figma font role — B2C `display-sm` is\n    // authored in the `compact` family, not the display family.\n    const displayToken = getDisplayToken(variant, typographyTokens);\n    const fontRole: string | undefined = displayToken?.fontRole;\n    const roleFont =\n      fontRole === \"compact\"\n        ? contextFonts?.body\n        : fontRole === \"text\"\n          ? contextFonts?.text\n          : fontRole === \"display\"\n            ? contextFonts?.heading\n            : undefined;\n\n    const fontFamily =\n      roleFont ??\n      (isHeadingVariant(variant)\n        ? contextFonts?.heading\n        : isParagraphVariant(variant)\n          ? contextFonts?.text\n          : contextFonts?.body);\n\n    const letterSpacing: number | undefined = displayToken?.letterSpacing;\n\n    const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;\n\n    const responsiveFontSize = useResponsiveCSS\n      ? cssVar.fontSize(variantStyles.scaleStep!)\n      : undefined;\n    const responsiveLineHeight = useResponsiveCSS\n      ? getResponsiveLineHeight(variantStyles)\n      : undefined;\n\n    const resolvedAs = isWeb ? as || getDefaultElement(variant) : as;\n\n    return (\n      <Text\n        {...rest}\n        ref={ref}\n        testID={testID}\n        as={resolvedAs}\n        color={colorValue}\n        fontSize={useResponsiveCSS ? undefined : variantStyles.fontSize}\n        fontWeight={variantStyles.fontWeight}\n        fontFamily={fontFamily}\n        numberOfLines={noWrap ? 1 : undefined}\n        style={{\n          marginTop,\n          marginBottom,\n          textAlign: align === \"inherit\" ? undefined : align,\n          ...(letterSpacing !== undefined && { letterSpacing }),\n          ...(useResponsiveCSS\n            ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight }\n            : { lineHeight: variantStyles.lineHeight }),\n          ...(noWrap && {\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }),\n          ...rest.style,\n        }}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n","import React from \"react\";\nimport {\n  Text as RNText,\n  TextStyle,\n  AccessibilityRole,\n  StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nconst parseNumericValue = (\n  value: string | number | undefined\n): number | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === \"number\") return value;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  textAlign,\n  lineHeight,\n  numberOfLines,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  style: styleProp,\n  ...props\n}) => {\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  if (\n    resolvedFontFamily === \"Pilat Wide\" ||\n    resolvedFontFamily === \"Pilat Wide Bold\" ||\n    resolvedFontFamily === \"Aktiv Grotesk\"\n  ) {\n    resolvedFontFamily = undefined;\n  }\n\n  const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n  const baseStyle: TextStyle = {\n    color: color ?? incomingStyle?.color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n    textAlign: textAlign ?? incomingStyle?.textAlign,\n    lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n    marginTop: parseNumericValue(\n      incomingStyle?.marginTop as number | string | undefined\n    ),\n    marginBottom: parseNumericValue(\n      incomingStyle?.marginBottom as number | string | undefined\n    ),\n  };\n\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText\n      style={baseStyle}\n      numberOfLines={numberOfLines}\n      testID={dataTestId || testID || id}\n      accessibilityRole={accessibilityRole}\n    >\n      {children}\n    </RNText>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = false;\nexport const isNative = true;\n"],"mappings":"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","names":["RNText","import_jsx_runtime"]}

package/native/index.mjs

@@ -98,7 +98,13 @@ var getColor = (color, theme) => {
   };
   return colorMap[color] || color;
 };
-var isHeadingVariant = (variant) => variant === "h1" || variant === "h2" || variant === "h3" || variant === "h4" || variant === "h5" || variant === "display";
+var displayMap = {
+  display: "display-lg",
+  displayLg: "display-lg",
+  displayMd: "display-md",
+  displaySm: "display-sm"
+};
+var isHeadingVariant = (variant) => variant === "h1" || variant === "h2" || variant === "h3" || variant === "h4" || variant === "h5" || Boolean(displayMap[variant]);
 var isParagraphVariant = (variant) => variant.endsWith("Paragraph");
 var getDefaultElement = (variant) => {
   const elementMap = {
@@ -127,6 +133,11 @@ var bodyMap = {
   bodyXxsAccent: "body-xxs",
   bodyXxsParagraph: "body-xxs"
 };
+var getDisplayToken = (variant, typographyTokens) => {
+  const key = displayMap[variant];
+  if (!key) return void 0;
+  return typographyTokens?.basic?.[key] ?? typographyTokens?.basic?.display;
+};
 var headingMap = {
   h1: "h1",
   h2: "h2",
@@ -148,14 +159,14 @@ var getVariantStyles = (variant, typographyTokens) => {
         };
       }
     }
-    if (variant === "display" && typographyTokens.basic?.display) {
-      const token = typographyTokens.basic.display;
+    const displayToken = getDisplayToken(variant, typographyTokens);
+    if (displayToken) {
       return {
-        fontSize: token.fontSize,
-        fontWeight: String(token.fontWeight),
-        lineHeight: token.lineHeight,
-        scaleStep: token.scaleStep,
-        lineHeightCategory: token.lineHeightCategory
+        fontSize: displayToken.fontSize,
+        fontWeight: String(displayToken.fontWeight),
+        lineHeight: displayToken.lineHeight,
+        scaleStep: displayToken.scaleStep,
+        lineHeightCategory: displayToken.lineHeightCategory
       };
     }
     const bodyKey = bodyMap[variant];
@@ -225,6 +236,23 @@ var getVariantStyles = (variant, typographyTokens) => {
         lineHeightCategory: "display"
       };
     case "display":
+    case "displayLg":
+      return {
+        fontSize: 96,
+        fontWeight: "300",
+        lineHeight: "96px",
+        scaleStep: "900",
+        lineHeightCategory: "display"
+      };
+    case "displayMd":
+      return {
+        fontSize: 80,
+        fontWeight: "300",
+        lineHeight: "80px",
+        scaleStep: "850",
+        lineHeightCategory: "display"
+      };
+    case "displaySm":
       return {
         fontSize: 64,
         fontWeight: "400",
@@ -393,7 +421,11 @@ var Typography = forwardRef(
     const variantStyles = getVariantStyles(variant, typographyTokens);
     const colorValue = getColor(color, theme);
     const contextFonts = productContext ? getFonts(productContext) : theme.fonts;
-    const fontFamily = isHeadingVariant(variant) ? contextFonts?.heading : isParagraphVariant(variant) ? contextFonts?.text : contextFonts?.body;
+    const displayToken = getDisplayToken(variant, typographyTokens);
+    const fontRole = displayToken?.fontRole;
+    const roleFont = fontRole === "compact" ? contextFonts?.body : fontRole === "text" ? contextFonts?.text : fontRole === "display" ? contextFonts?.heading : void 0;
+    const fontFamily = roleFont ?? (isHeadingVariant(variant) ? contextFonts?.heading : isParagraphVariant(variant) ? contextFonts?.text : contextFonts?.body);
+    const letterSpacing = displayToken?.letterSpacing;
     const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;
     const responsiveFontSize = useResponsiveCSS ? cssVar.fontSize(variantStyles.scaleStep) : void 0;
     const responsiveLineHeight = useResponsiveCSS ? getResponsiveLineHeight(variantStyles) : void 0;
@@ -414,6 +446,7 @@ var Typography = forwardRef(
           marginTop,
           marginBottom,
           textAlign: align === "inherit" ? void 0 : align,
+          ...letterSpacing !== void 0 && { letterSpacing },
           ...useResponsiveCSS ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight } : { lineHeight: variantStyles.lineHeight },
           ...noWrap && {
             overflow: "hidden",

package/native/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Typography.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/index.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Text, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useResolvedTheme,\n  getTypographyTokens,\n  getFonts,\n  cssVar,\n} from \"@xsolla/xui-core\";\nimport type { ColorType, TypographyProps, VariantType } from \"./types\";\n\nconst getColor = (\n  color: ColorType | string,\n  theme: any\n): string | undefined => {\n  if (color === \"inherit\") {\n    return isNative ? theme?.colors?.content?.primary : undefined;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme?.colors?.content?.primary,\n    secondary: theme?.colors?.content?.secondary,\n    tertiary: theme?.colors?.content?.tertiary,\n    brand: theme?.colors?.content?.brand?.primary,\n    brandSecondary: theme?.colors?.content?.brand?.secondary,\n    success: theme?.colors?.content?.success?.primary,\n    warning: theme?.colors?.content?.warning?.primary,\n    alert: theme?.colors?.content?.alert?.primary,\n    neutral: theme?.colors?.content?.neutral?.primary,\n  };\n\n  return colorMap[color] || color;\n};\n\nconst isHeadingVariant = (variant: VariantType): boolean =>\n  variant === \"h1\" ||\n  variant === \"h2\" ||\n  variant === \"h3\" ||\n  variant === \"h4\" ||\n  variant === \"h5\" ||\n  variant === \"display\";\n\n// Paragraph variants (bodyLgParagraph, …) use the Figma `text` role font,\n// which differs from the `body`/compact font for the corpsite context.\nconst isParagraphVariant = (variant: VariantType): boolean =>\n  variant.endsWith(\"Paragraph\");\n\nconst getDefaultElement = (variant: VariantType): string | undefined => {\n  const elementMap: Record<string, string> = {\n    h1: \"h1\",\n    h2: \"h2\",\n    h3: \"h3\",\n    h4: \"h4\",\n    h5: \"h5\",\n  };\n  return elementMap[variant];\n};\n\nconst bodyMap: Record<string, string> = {\n  bodyLg: \"body-lg\",\n  bodyLgAccent: \"body-lg\",\n  bodyLgParagraph: \"body-lg\",\n  bodyMd: \"body-md\",\n  bodyMdAccent: \"body-md\",\n  bodyMdParagraph: \"body-md\",\n  bodySm: \"body-sm\",\n  bodySmAccent: \"body-sm\",\n  bodySmParagraph: \"body-sm\",\n  bodyXs: \"body-xs\",\n  bodyXsAccent: \"body-xs\",\n  bodyXsParagraph: \"body-xs\",\n  bodyXxs: \"body-xxs\",\n  bodyXxsAccent: \"body-xxs\",\n  bodyXxsParagraph: \"body-xxs\",\n};\n\nconst headingMap: Record<string, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n};\n\nconst getVariantStyles = (variant: VariantType, typographyTokens?: any) => {\n  if (typographyTokens) {\n    if (headingMap[variant]) {\n      const token = typographyTokens.heading[headingMap[variant]];\n      if (token) {\n        return {\n          fontSize: token.fontSize,\n          fontWeight: String(token.fontWeight),\n          lineHeight: token.lineHeight,\n          scaleStep: token.scaleStep,\n          lineHeightCategory: token.lineHeightCategory,\n        };\n      }\n    }\n\n    if (variant === \"display\" && typographyTokens.basic?.display) {\n      const token = typographyTokens.basic.display;\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(token.fontWeight),\n        lineHeight: token.lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory: token.lineHeightCategory,\n      };\n    }\n\n    const bodyKey = bodyMap[variant];\n    if (bodyKey && typographyTokens.basic?.[bodyKey]) {\n      const token = typographyTokens.basic[bodyKey];\n      let fontWeight = token.fontWeight;\n      let lineHeight = token.lineHeight;\n      let lineHeightCategory = token.lineHeightCategory;\n      let lineHeightScaleStep: string | undefined;\n\n      if (variant.includes(\"Accent\") && token.accent) {\n        fontWeight = token.accent.fontWeight;\n      }\n\n      if (variant.includes(\"Paragraph\") && token.paragraph) {\n        lineHeight = token.paragraph.lineHeight;\n        lineHeightCategory = \"text\";\n        lineHeightScaleStep = token.paragraph.lineHeightScaleStep;\n      }\n\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(fontWeight),\n        lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory,\n        lineHeightScaleStep,\n      };\n    }\n  }\n\n  switch (variant) {\n    case \"h1\":\n      return {\n        fontSize: 56,\n        fontWeight: \"400\",\n        lineHeight: \"56px\",\n        scaleStep: \"650\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h2\":\n      return {\n        fontSize: 48,\n        fontWeight: \"400\",\n        lineHeight: \"48px\",\n        scaleStep: \"550\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h3\":\n      return {\n        fontSize: 32,\n        fontWeight: \"400\",\n        lineHeight: \"32px\",\n        scaleStep: \"350\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h4\":\n      return {\n        fontSize: 24,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"250\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h5\":\n      return {\n        fontSize: 20,\n        fontWeight: \"600\",\n        lineHeight: \"20px\",\n        scaleStep: \"200\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"display\":\n      return {\n        fontSize: 64,\n        fontWeight: \"400\",\n        lineHeight: \"64px\",\n        scaleStep: \"750\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"bodyLg\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgAccent\":\n      return {\n        fontSize: 18,\n        fontWeight: \"500\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgParagraph\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"26px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyMd\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdAccent\":\n      return {\n        fontSize: 16,\n        fontWeight: \"500\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdParagraph\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"22px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodySm\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmAccent\":\n      return {\n        fontSize: 14,\n        fontWeight: \"500\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmParagraph\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXs\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsAccent\":\n      return {\n        fontSize: 12,\n        fontWeight: \"500\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsParagraph\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXxs\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsAccent\":\n      return {\n        fontSize: 10,\n        fontWeight: \"500\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsParagraph\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"text\" as const,\n      };\n    default:\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n  }\n};\n\nfunction getResponsiveLineHeight(\n  styles: ReturnType<typeof getVariantStyles>\n): string | undefined {\n  const step = styles.lineHeightScaleStep || styles.scaleStep;\n  if (!step) return undefined;\n\n  const cat = styles.lineHeightCategory;\n  if (cat === \"display\") return cssVar.lhDisplay(step);\n  if (cat === \"text\") return cssVar.lhText(step);\n  return cssVar.lhCompact(step);\n}\n\nexport const Typography = forwardRef<any, TypographyProps>(\n  (\n    {\n      children,\n      align = \"inherit\",\n      noWrap = false,\n      variant = \"bodyMd\",\n      color = \"inherit\",\n      marginBottom = 0,\n      marginTop = 0,\n      as,\n      productContext,\n      testID,\n      themeMode,\n      themeProductContext,\n      ...rest\n    },\n    ref\n  ) => {\n    const resolvedTheme = useResolvedTheme({ themeMode, themeProductContext });\n    const { theme } = resolvedTheme;\n    // `responsive` was added to DesignSystemContext; cast for installed-package type compat\n    const responsive: boolean =\n      (resolvedTheme as { responsive?: boolean }).responsive ?? true;\n    const typographyTokens = productContext\n      ? getTypographyTokens(productContext)\n      : (theme as any).typographyTokens;\n    const variantStyles = getVariantStyles(variant, typographyTokens);\n    const colorValue = getColor(color, theme);\n    const contextFonts = productContext\n      ? getFonts(productContext)\n      : (theme.fonts as Record<string, string>);\n    const fontFamily = isHeadingVariant(variant)\n      ? contextFonts?.heading\n      : isParagraphVariant(variant)\n        ? contextFonts?.text\n        : contextFonts?.body;\n\n    const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;\n\n    const responsiveFontSize = useResponsiveCSS\n      ? cssVar.fontSize(variantStyles.scaleStep!)\n      : undefined;\n    const responsiveLineHeight = useResponsiveCSS\n      ? getResponsiveLineHeight(variantStyles)\n      : undefined;\n\n    const resolvedAs = isWeb ? as || getDefaultElement(variant) : as;\n\n    return (\n      <Text\n        {...rest}\n        ref={ref}\n        testID={testID}\n        as={resolvedAs}\n        color={colorValue}\n        fontSize={useResponsiveCSS ? undefined : variantStyles.fontSize}\n        fontWeight={variantStyles.fontWeight}\n        fontFamily={fontFamily}\n        numberOfLines={noWrap ? 1 : undefined}\n        style={{\n          marginTop,\n          marginBottom,\n          textAlign: align === \"inherit\" ? undefined : align,\n          ...(useResponsiveCSS\n            ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight }\n            : { lineHeight: variantStyles.lineHeight }),\n          ...(noWrap && {\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }),\n          ...rest.style,\n        }}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n","import React from \"react\";\nimport {\n  Text as RNText,\n  TextStyle,\n  AccessibilityRole,\n  StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nconst parseNumericValue = (\n  value: string | number | undefined\n): number | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === \"number\") return value;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  textAlign,\n  lineHeight,\n  numberOfLines,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  style: styleProp,\n  ...props\n}) => {\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  if (\n    resolvedFontFamily === \"Pilat Wide\" ||\n    resolvedFontFamily === \"Pilat Wide Bold\" ||\n    resolvedFontFamily === \"Aktiv Grotesk\"\n  ) {\n    resolvedFontFamily = undefined;\n  }\n\n  const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n  const baseStyle: TextStyle = {\n    color: color ?? incomingStyle?.color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n    textAlign: textAlign ?? incomingStyle?.textAlign,\n    lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n    marginTop: parseNumericValue(\n      incomingStyle?.marginTop as number | string | undefined\n    ),\n    marginBottom: parseNumericValue(\n      incomingStyle?.marginBottom as number | string | undefined\n    ),\n  };\n\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText\n      style={baseStyle}\n      numberOfLines={numberOfLines}\n      testID={dataTestId || testID || id}\n      accessibilityRole={accessibilityRole}\n    >\n      {children}\n    </RNText>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = false;\nexport const isNative = true;\n"],"mappings":"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","names":["jsx"]}
+{"version":3,"sources":["../../src/Typography.tsx","../../../../foundation/primitives-native/src/Text.tsx","../../../../foundation/primitives-native/src/index.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Text, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useResolvedTheme,\n  getTypographyTokens,\n  getFonts,\n  cssVar,\n} from \"@xsolla/xui-core\";\nimport type { ColorType, TypographyProps, VariantType } from \"./types\";\n\nconst getColor = (\n  color: ColorType | string,\n  theme: any\n): string | undefined => {\n  if (color === \"inherit\") {\n    return isNative ? theme?.colors?.content?.primary : undefined;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme?.colors?.content?.primary,\n    secondary: theme?.colors?.content?.secondary,\n    tertiary: theme?.colors?.content?.tertiary,\n    brand: theme?.colors?.content?.brand?.primary,\n    brandSecondary: theme?.colors?.content?.brand?.secondary,\n    success: theme?.colors?.content?.success?.primary,\n    warning: theme?.colors?.content?.warning?.primary,\n    alert: theme?.colors?.content?.alert?.primary,\n    neutral: theme?.colors?.content?.neutral?.primary,\n  };\n\n  return colorMap[color] || color;\n};\n\n// `display` is the deprecated alias of `displayLg`.\nconst displayMap: Record<string, string> = {\n  display: \"display-lg\",\n  displayLg: \"display-lg\",\n  displayMd: \"display-md\",\n  displaySm: \"display-sm\",\n};\n\nconst isHeadingVariant = (variant: VariantType): boolean =>\n  variant === \"h1\" ||\n  variant === \"h2\" ||\n  variant === \"h3\" ||\n  variant === \"h4\" ||\n  variant === \"h5\" ||\n  Boolean(displayMap[variant]);\n\n// Paragraph variants (bodyLgParagraph, …) use the Figma `text` role font,\n// which differs from the `body`/compact font for the corpsite context.\nconst isParagraphVariant = (variant: VariantType): boolean =>\n  variant.endsWith(\"Paragraph\");\n\nconst getDefaultElement = (variant: VariantType): string | undefined => {\n  const elementMap: Record<string, string> = {\n    h1: \"h1\",\n    h2: \"h2\",\n    h3: \"h3\",\n    h4: \"h4\",\n    h5: \"h5\",\n  };\n  return elementMap[variant];\n};\n\nconst bodyMap: Record<string, string> = {\n  bodyLg: \"body-lg\",\n  bodyLgAccent: \"body-lg\",\n  bodyLgParagraph: \"body-lg\",\n  bodyMd: \"body-md\",\n  bodyMdAccent: \"body-md\",\n  bodyMdParagraph: \"body-md\",\n  bodySm: \"body-sm\",\n  bodySmAccent: \"body-sm\",\n  bodySmParagraph: \"body-sm\",\n  bodyXs: \"body-xs\",\n  bodyXsAccent: \"body-xs\",\n  bodyXsParagraph: \"body-xs\",\n  bodyXxs: \"body-xxs\",\n  bodyXxsAccent: \"body-xxs\",\n  bodyXxsParagraph: \"body-xxs\",\n};\n\n/**\n * Resolves a display variant to its token. Falls back to the legacy single\n * `basic.display` slot so a consumer pinned to an older `@xsolla/xui-core`\n * (which has no `display-lg`/`-md`/`-sm`) still renders.\n */\nconst getDisplayToken = (variant: VariantType, typographyTokens?: any) => {\n  const key = displayMap[variant];\n  if (!key) return undefined;\n  return typographyTokens?.basic?.[key] ?? typographyTokens?.basic?.display;\n};\n\nconst headingMap: Record<string, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n};\n\nconst getVariantStyles = (variant: VariantType, typographyTokens?: any) => {\n  if (typographyTokens) {\n    if (headingMap[variant]) {\n      const token = typographyTokens.heading[headingMap[variant]];\n      if (token) {\n        return {\n          fontSize: token.fontSize,\n          fontWeight: String(token.fontWeight),\n          lineHeight: token.lineHeight,\n          scaleStep: token.scaleStep,\n          lineHeightCategory: token.lineHeightCategory,\n        };\n      }\n    }\n\n    const displayToken = getDisplayToken(variant, typographyTokens);\n    if (displayToken) {\n      return {\n        fontSize: displayToken.fontSize,\n        fontWeight: String(displayToken.fontWeight),\n        lineHeight: displayToken.lineHeight,\n        scaleStep: displayToken.scaleStep,\n        lineHeightCategory: displayToken.lineHeightCategory,\n      };\n    }\n\n    const bodyKey = bodyMap[variant];\n    if (bodyKey && typographyTokens.basic?.[bodyKey]) {\n      const token = typographyTokens.basic[bodyKey];\n      let fontWeight = token.fontWeight;\n      let lineHeight = token.lineHeight;\n      let lineHeightCategory = token.lineHeightCategory;\n      let lineHeightScaleStep: string | undefined;\n\n      if (variant.includes(\"Accent\") && token.accent) {\n        fontWeight = token.accent.fontWeight;\n      }\n\n      if (variant.includes(\"Paragraph\") && token.paragraph) {\n        lineHeight = token.paragraph.lineHeight;\n        lineHeightCategory = \"text\";\n        lineHeightScaleStep = token.paragraph.lineHeightScaleStep;\n      }\n\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(fontWeight),\n        lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory,\n        lineHeightScaleStep,\n      };\n    }\n  }\n\n  switch (variant) {\n    case \"h1\":\n      return {\n        fontSize: 56,\n        fontWeight: \"400\",\n        lineHeight: \"56px\",\n        scaleStep: \"650\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h2\":\n      return {\n        fontSize: 48,\n        fontWeight: \"400\",\n        lineHeight: \"48px\",\n        scaleStep: \"550\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h3\":\n      return {\n        fontSize: 32,\n        fontWeight: \"400\",\n        lineHeight: \"32px\",\n        scaleStep: \"350\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h4\":\n      return {\n        fontSize: 24,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"250\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h5\":\n      return {\n        fontSize: 20,\n        fontWeight: \"600\",\n        lineHeight: \"20px\",\n        scaleStep: \"200\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"display\":\n    case \"displayLg\":\n      return {\n        fontSize: 96,\n        fontWeight: \"300\",\n        lineHeight: \"96px\",\n        scaleStep: \"900\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"displayMd\":\n      return {\n        fontSize: 80,\n        fontWeight: \"300\",\n        lineHeight: \"80px\",\n        scaleStep: \"850\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"displaySm\":\n      return {\n        fontSize: 64,\n        fontWeight: \"400\",\n        lineHeight: \"64px\",\n        scaleStep: \"750\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"bodyLg\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgAccent\":\n      return {\n        fontSize: 18,\n        fontWeight: \"500\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgParagraph\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"26px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyMd\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdAccent\":\n      return {\n        fontSize: 16,\n        fontWeight: \"500\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdParagraph\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"22px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodySm\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmAccent\":\n      return {\n        fontSize: 14,\n        fontWeight: \"500\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmParagraph\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXs\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsAccent\":\n      return {\n        fontSize: 12,\n        fontWeight: \"500\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsParagraph\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXxs\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsAccent\":\n      return {\n        fontSize: 10,\n        fontWeight: \"500\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsParagraph\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"text\" as const,\n      };\n    default:\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n  }\n};\n\nfunction getResponsiveLineHeight(\n  styles: ReturnType<typeof getVariantStyles>\n): string | undefined {\n  const step = styles.lineHeightScaleStep || styles.scaleStep;\n  if (!step) return undefined;\n\n  const cat = styles.lineHeightCategory;\n  if (cat === \"display\") return cssVar.lhDisplay(step);\n  if (cat === \"text\") return cssVar.lhText(step);\n  return cssVar.lhCompact(step);\n}\n\nexport const Typography = forwardRef<any, TypographyProps>(\n  (\n    {\n      children,\n      align = \"inherit\",\n      noWrap = false,\n      variant = \"bodyMd\",\n      color = \"inherit\",\n      marginBottom = 0,\n      marginTop = 0,\n      as,\n      productContext,\n      testID,\n      themeMode,\n      themeProductContext,\n      ...rest\n    },\n    ref\n  ) => {\n    const resolvedTheme = useResolvedTheme({ themeMode, themeProductContext });\n    const { theme } = resolvedTheme;\n    // `responsive` was added to DesignSystemContext; cast for installed-package type compat\n    const responsive: boolean =\n      (resolvedTheme as { responsive?: boolean }).responsive ?? true;\n    const typographyTokens = productContext\n      ? getTypographyTokens(productContext)\n      : (theme as any).typographyTokens;\n    const variantStyles = getVariantStyles(variant, typographyTokens);\n    const colorValue = getColor(color, theme);\n    const contextFonts = productContext\n      ? getFonts(productContext)\n      : (theme.fonts as Record<string, string>);\n    // Display tokens carry their own Figma font role — B2C `display-sm` is\n    // authored in the `compact` family, not the display family.\n    const displayToken = getDisplayToken(variant, typographyTokens);\n    const fontRole: string | undefined = displayToken?.fontRole;\n    const roleFont =\n      fontRole === \"compact\"\n        ? contextFonts?.body\n        : fontRole === \"text\"\n          ? contextFonts?.text\n          : fontRole === \"display\"\n            ? contextFonts?.heading\n            : undefined;\n\n    const fontFamily =\n      roleFont ??\n      (isHeadingVariant(variant)\n        ? contextFonts?.heading\n        : isParagraphVariant(variant)\n          ? contextFonts?.text\n          : contextFonts?.body);\n\n    const letterSpacing: number | undefined = displayToken?.letterSpacing;\n\n    const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;\n\n    const responsiveFontSize = useResponsiveCSS\n      ? cssVar.fontSize(variantStyles.scaleStep!)\n      : undefined;\n    const responsiveLineHeight = useResponsiveCSS\n      ? getResponsiveLineHeight(variantStyles)\n      : undefined;\n\n    const resolvedAs = isWeb ? as || getDefaultElement(variant) : as;\n\n    return (\n      <Text\n        {...rest}\n        ref={ref}\n        testID={testID}\n        as={resolvedAs}\n        color={colorValue}\n        fontSize={useResponsiveCSS ? undefined : variantStyles.fontSize}\n        fontWeight={variantStyles.fontWeight}\n        fontFamily={fontFamily}\n        numberOfLines={noWrap ? 1 : undefined}\n        style={{\n          marginTop,\n          marginBottom,\n          textAlign: align === \"inherit\" ? undefined : align,\n          ...(letterSpacing !== undefined && { letterSpacing }),\n          ...(useResponsiveCSS\n            ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight }\n            : { lineHeight: variantStyles.lineHeight }),\n          ...(noWrap && {\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }),\n          ...rest.style,\n        }}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n","import React from \"react\";\nimport {\n  Text as RNText,\n  TextStyle,\n  AccessibilityRole,\n  StyleSheet,\n} from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nconst parseNumericValue = (\n  value: string | number | undefined\n): number | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === \"number\") return value;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  textAlign,\n  lineHeight,\n  numberOfLines,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  style: styleProp,\n  ...props\n}) => {\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  if (\n    resolvedFontFamily === \"Pilat Wide\" ||\n    resolvedFontFamily === \"Pilat Wide Bold\" ||\n    resolvedFontFamily === \"Aktiv Grotesk\"\n  ) {\n    resolvedFontFamily = undefined;\n  }\n\n  const incomingStyle = StyleSheet.flatten(styleProp) as TextStyle | undefined;\n\n  const baseStyle: TextStyle = {\n    color: color ?? incomingStyle?.color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n    textAlign: textAlign ?? incomingStyle?.textAlign,\n    lineHeight: parseNumericValue(lineHeight ?? incomingStyle?.lineHeight),\n    marginTop: parseNumericValue(\n      incomingStyle?.marginTop as number | string | undefined\n    ),\n    marginBottom: parseNumericValue(\n      incomingStyle?.marginBottom as number | string | undefined\n    ),\n  };\n\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText\n      style={baseStyle}\n      numberOfLines={numberOfLines}\n      testID={dataTestId || testID || id}\n      accessibilityRole={accessibilityRole}\n    >\n      {children}\n    </RNText>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = false;\nexport const isNative = true;\n"],"mappings":"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","names":["jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-typography",
-  "version": "0.216.0",
+  "version": "0.217.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,8 +13,8 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-core": "0.216.0",
-    "@xsolla/xui-primitives-core": "0.216.0"
+    "@xsolla/xui-core": "0.217.0",
+    "@xsolla/xui-primitives-core": "0.217.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/web/index.d.mts

@@ -3,7 +3,12 @@ import { ReactNode, ElementType } from 'react';
 import { ThemeOverrideProps } from '@xsolla/xui-core';
 
 type AlignType = "center" | "inherit" | "justify" | "left" | "right";
-type VariantType = "h1" | "h2" | "h3" | "h4" | "h5" | "display" | "bodyLg" | "bodyLgAccent" | "bodyLgParagraph" | "bodyMd" | "bodyMdAccent" | "bodyMdParagraph" | "bodySm" | "bodySmAccent" | "bodySmParagraph" | "bodyXs" | "bodyXsAccent" | "bodyXsParagraph" | "bodyXxs" | "bodyXxsAccent" | "bodyXxsParagraph";
+type VariantType = "h1" | "h2" | "h3" | "h4" | "h5"
+/**
+ * @deprecated Alias of `displayLg`. Figma models three display sizes —
+ * migrate to `displayLg` / `displayMd` / `displaySm`.
+ */
+ | "display" | "displayLg" | "displayMd" | "displaySm" | "bodyLg" | "bodyLgAccent" | "bodyLgParagraph" | "bodyMd" | "bodyMdAccent" | "bodyMdParagraph" | "bodySm" | "bodySmAccent" | "bodySmParagraph" | "bodyXs" | "bodyXsAccent" | "bodyXsParagraph" | "bodyXxs" | "bodyXxsAccent" | "bodyXxsParagraph";
 type ThemeColorType = "primary" | "secondary" | "tertiary" | "brand" | "brandSecondary" | "success" | "warning" | "alert" | "neutral";
 type ColorType = ThemeColorType | "inherit";
 type ProductContext = "b2c" | "b2b";

package/web/index.d.ts

@@ -3,7 +3,12 @@ import { ReactNode, ElementType } from 'react';
 import { ThemeOverrideProps } from '@xsolla/xui-core';
 
 type AlignType = "center" | "inherit" | "justify" | "left" | "right";
-type VariantType = "h1" | "h2" | "h3" | "h4" | "h5" | "display" | "bodyLg" | "bodyLgAccent" | "bodyLgParagraph" | "bodyMd" | "bodyMdAccent" | "bodyMdParagraph" | "bodySm" | "bodySmAccent" | "bodySmParagraph" | "bodyXs" | "bodyXsAccent" | "bodyXsParagraph" | "bodyXxs" | "bodyXxsAccent" | "bodyXxsParagraph";
+type VariantType = "h1" | "h2" | "h3" | "h4" | "h5"
+/**
+ * @deprecated Alias of `displayLg`. Figma models three display sizes —
+ * migrate to `displayLg` / `displayMd` / `displaySm`.
+ */
+ | "display" | "displayLg" | "displayMd" | "displaySm" | "bodyLg" | "bodyLgAccent" | "bodyLgParagraph" | "bodyMd" | "bodyMdAccent" | "bodyMdParagraph" | "bodySm" | "bodySmAccent" | "bodySmParagraph" | "bodyXs" | "bodyXsAccent" | "bodyXsParagraph" | "bodyXxs" | "bodyXxsAccent" | "bodyXxsParagraph";
 type ThemeColorType = "primary" | "secondary" | "tertiary" | "brand" | "brandSecondary" | "success" | "warning" | "alert" | "neutral";
 type ColorType = ThemeColorType | "inherit";
 type ProductContext = "b2c" | "b2b";

package/web/index.js

@@ -200,7 +200,13 @@ var getColor = (color, theme) => {
   };
   return colorMap[color] || color;
 };
-var isHeadingVariant = (variant) => variant === "h1" || variant === "h2" || variant === "h3" || variant === "h4" || variant === "h5" || variant === "display";
+var displayMap = {
+  display: "display-lg",
+  displayLg: "display-lg",
+  displayMd: "display-md",
+  displaySm: "display-sm"
+};
+var isHeadingVariant = (variant) => variant === "h1" || variant === "h2" || variant === "h3" || variant === "h4" || variant === "h5" || Boolean(displayMap[variant]);
 var isParagraphVariant = (variant) => variant.endsWith("Paragraph");
 var getDefaultElement = (variant) => {
   const elementMap = {
@@ -229,6 +235,11 @@ var bodyMap = {
   bodyXxsAccent: "body-xxs",
   bodyXxsParagraph: "body-xxs"
 };
+var getDisplayToken = (variant, typographyTokens) => {
+  const key = displayMap[variant];
+  if (!key) return void 0;
+  return typographyTokens?.basic?.[key] ?? typographyTokens?.basic?.display;
+};
 var headingMap = {
   h1: "h1",
   h2: "h2",
@@ -250,14 +261,14 @@ var getVariantStyles = (variant, typographyTokens) => {
         };
       }
     }
-    if (variant === "display" && typographyTokens.basic?.display) {
-      const token = typographyTokens.basic.display;
+    const displayToken = getDisplayToken(variant, typographyTokens);
+    if (displayToken) {
       return {
-        fontSize: token.fontSize,
-        fontWeight: String(token.fontWeight),
-        lineHeight: token.lineHeight,
-        scaleStep: token.scaleStep,
-        lineHeightCategory: token.lineHeightCategory
+        fontSize: displayToken.fontSize,
+        fontWeight: String(displayToken.fontWeight),
+        lineHeight: displayToken.lineHeight,
+        scaleStep: displayToken.scaleStep,
+        lineHeightCategory: displayToken.lineHeightCategory
       };
     }
     const bodyKey = bodyMap[variant];
@@ -327,6 +338,23 @@ var getVariantStyles = (variant, typographyTokens) => {
         lineHeightCategory: "display"
       };
     case "display":
+    case "displayLg":
+      return {
+        fontSize: 96,
+        fontWeight: "300",
+        lineHeight: "96px",
+        scaleStep: "900",
+        lineHeightCategory: "display"
+      };
+    case "displayMd":
+      return {
+        fontSize: 80,
+        fontWeight: "300",
+        lineHeight: "80px",
+        scaleStep: "850",
+        lineHeightCategory: "display"
+      };
+    case "displaySm":
       return {
         fontSize: 64,
         fontWeight: "400",
@@ -495,7 +523,11 @@ var Typography = (0, import_react2.forwardRef)(
     const variantStyles = getVariantStyles(variant, typographyTokens);
     const colorValue = getColor(color, theme);
     const contextFonts = productContext ? (0, import_xui_core.getFonts)(productContext) : theme.fonts;
-    const fontFamily = isHeadingVariant(variant) ? contextFonts?.heading : isParagraphVariant(variant) ? contextFonts?.text : contextFonts?.body;
+    const displayToken = getDisplayToken(variant, typographyTokens);
+    const fontRole = displayToken?.fontRole;
+    const roleFont = fontRole === "compact" ? contextFonts?.body : fontRole === "text" ? contextFonts?.text : fontRole === "display" ? contextFonts?.heading : void 0;
+    const fontFamily = roleFont ?? (isHeadingVariant(variant) ? contextFonts?.heading : isParagraphVariant(variant) ? contextFonts?.text : contextFonts?.body);
+    const letterSpacing = displayToken?.letterSpacing;
     const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;
     const responsiveFontSize = useResponsiveCSS ? import_xui_core.cssVar.fontSize(variantStyles.scaleStep) : void 0;
     const responsiveLineHeight = useResponsiveCSS ? getResponsiveLineHeight(variantStyles) : void 0;
@@ -516,6 +548,7 @@ var Typography = (0, import_react2.forwardRef)(
           marginTop,
           marginBottom,
           textAlign: align === "inherit" ? void 0 : align,
+          ...letterSpacing !== void 0 && { letterSpacing },
           ...useResponsiveCSS ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight } : { lineHeight: variantStyles.lineHeight },
           ...noWrap && {
             overflow: "hidden",

package/web/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx","../../src/Typography.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/textTruncation.ts","../../../../foundation/primitives-web/src/index.tsx"],"sourcesContent":["export * from \"./Typography\";\nexport * from \"./types\";\n","import { forwardRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Text, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useResolvedTheme,\n  getTypographyTokens,\n  getFonts,\n  cssVar,\n} from \"@xsolla/xui-core\";\nimport type { ColorType, TypographyProps, VariantType } from \"./types\";\n\nconst getColor = (\n  color: ColorType | string,\n  theme: any\n): string | undefined => {\n  if (color === \"inherit\") {\n    return isNative ? theme?.colors?.content?.primary : undefined;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme?.colors?.content?.primary,\n    secondary: theme?.colors?.content?.secondary,\n    tertiary: theme?.colors?.content?.tertiary,\n    brand: theme?.colors?.content?.brand?.primary,\n    brandSecondary: theme?.colors?.content?.brand?.secondary,\n    success: theme?.colors?.content?.success?.primary,\n    warning: theme?.colors?.content?.warning?.primary,\n    alert: theme?.colors?.content?.alert?.primary,\n    neutral: theme?.colors?.content?.neutral?.primary,\n  };\n\n  return colorMap[color] || color;\n};\n\nconst isHeadingVariant = (variant: VariantType): boolean =>\n  variant === \"h1\" ||\n  variant === \"h2\" ||\n  variant === \"h3\" ||\n  variant === \"h4\" ||\n  variant === \"h5\" ||\n  variant === \"display\";\n\n// Paragraph variants (bodyLgParagraph, …) use the Figma `text` role font,\n// which differs from the `body`/compact font for the corpsite context.\nconst isParagraphVariant = (variant: VariantType): boolean =>\n  variant.endsWith(\"Paragraph\");\n\nconst getDefaultElement = (variant: VariantType): string | undefined => {\n  const elementMap: Record<string, string> = {\n    h1: \"h1\",\n    h2: \"h2\",\n    h3: \"h3\",\n    h4: \"h4\",\n    h5: \"h5\",\n  };\n  return elementMap[variant];\n};\n\nconst bodyMap: Record<string, string> = {\n  bodyLg: \"body-lg\",\n  bodyLgAccent: \"body-lg\",\n  bodyLgParagraph: \"body-lg\",\n  bodyMd: \"body-md\",\n  bodyMdAccent: \"body-md\",\n  bodyMdParagraph: \"body-md\",\n  bodySm: \"body-sm\",\n  bodySmAccent: \"body-sm\",\n  bodySmParagraph: \"body-sm\",\n  bodyXs: \"body-xs\",\n  bodyXsAccent: \"body-xs\",\n  bodyXsParagraph: \"body-xs\",\n  bodyXxs: \"body-xxs\",\n  bodyXxsAccent: \"body-xxs\",\n  bodyXxsParagraph: \"body-xxs\",\n};\n\nconst headingMap: Record<string, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n};\n\nconst getVariantStyles = (variant: VariantType, typographyTokens?: any) => {\n  if (typographyTokens) {\n    if (headingMap[variant]) {\n      const token = typographyTokens.heading[headingMap[variant]];\n      if (token) {\n        return {\n          fontSize: token.fontSize,\n          fontWeight: String(token.fontWeight),\n          lineHeight: token.lineHeight,\n          scaleStep: token.scaleStep,\n          lineHeightCategory: token.lineHeightCategory,\n        };\n      }\n    }\n\n    if (variant === \"display\" && typographyTokens.basic?.display) {\n      const token = typographyTokens.basic.display;\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(token.fontWeight),\n        lineHeight: token.lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory: token.lineHeightCategory,\n      };\n    }\n\n    const bodyKey = bodyMap[variant];\n    if (bodyKey && typographyTokens.basic?.[bodyKey]) {\n      const token = typographyTokens.basic[bodyKey];\n      let fontWeight = token.fontWeight;\n      let lineHeight = token.lineHeight;\n      let lineHeightCategory = token.lineHeightCategory;\n      let lineHeightScaleStep: string | undefined;\n\n      if (variant.includes(\"Accent\") && token.accent) {\n        fontWeight = token.accent.fontWeight;\n      }\n\n      if (variant.includes(\"Paragraph\") && token.paragraph) {\n        lineHeight = token.paragraph.lineHeight;\n        lineHeightCategory = \"text\";\n        lineHeightScaleStep = token.paragraph.lineHeightScaleStep;\n      }\n\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(fontWeight),\n        lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory,\n        lineHeightScaleStep,\n      };\n    }\n  }\n\n  switch (variant) {\n    case \"h1\":\n      return {\n        fontSize: 56,\n        fontWeight: \"400\",\n        lineHeight: \"56px\",\n        scaleStep: \"650\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h2\":\n      return {\n        fontSize: 48,\n        fontWeight: \"400\",\n        lineHeight: \"48px\",\n        scaleStep: \"550\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h3\":\n      return {\n        fontSize: 32,\n        fontWeight: \"400\",\n        lineHeight: \"32px\",\n        scaleStep: \"350\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h4\":\n      return {\n        fontSize: 24,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"250\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h5\":\n      return {\n        fontSize: 20,\n        fontWeight: \"600\",\n        lineHeight: \"20px\",\n        scaleStep: \"200\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"display\":\n      return {\n        fontSize: 64,\n        fontWeight: \"400\",\n        lineHeight: \"64px\",\n        scaleStep: \"750\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"bodyLg\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgAccent\":\n      return {\n        fontSize: 18,\n        fontWeight: \"500\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgParagraph\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"26px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyMd\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdAccent\":\n      return {\n        fontSize: 16,\n        fontWeight: \"500\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdParagraph\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"22px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodySm\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmAccent\":\n      return {\n        fontSize: 14,\n        fontWeight: \"500\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmParagraph\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXs\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsAccent\":\n      return {\n        fontSize: 12,\n        fontWeight: \"500\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsParagraph\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXxs\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsAccent\":\n      return {\n        fontSize: 10,\n        fontWeight: \"500\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsParagraph\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"text\" as const,\n      };\n    default:\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n  }\n};\n\nfunction getResponsiveLineHeight(\n  styles: ReturnType<typeof getVariantStyles>\n): string | undefined {\n  const step = styles.lineHeightScaleStep || styles.scaleStep;\n  if (!step) return undefined;\n\n  const cat = styles.lineHeightCategory;\n  if (cat === \"display\") return cssVar.lhDisplay(step);\n  if (cat === \"text\") return cssVar.lhText(step);\n  return cssVar.lhCompact(step);\n}\n\nexport const Typography = forwardRef<any, TypographyProps>(\n  (\n    {\n      children,\n      align = \"inherit\",\n      noWrap = false,\n      variant = \"bodyMd\",\n      color = \"inherit\",\n      marginBottom = 0,\n      marginTop = 0,\n      as,\n      productContext,\n      testID,\n      themeMode,\n      themeProductContext,\n      ...rest\n    },\n    ref\n  ) => {\n    const resolvedTheme = useResolvedTheme({ themeMode, themeProductContext });\n    const { theme } = resolvedTheme;\n    // `responsive` was added to DesignSystemContext; cast for installed-package type compat\n    const responsive: boolean =\n      (resolvedTheme as { responsive?: boolean }).responsive ?? true;\n    const typographyTokens = productContext\n      ? getTypographyTokens(productContext)\n      : (theme as any).typographyTokens;\n    const variantStyles = getVariantStyles(variant, typographyTokens);\n    const colorValue = getColor(color, theme);\n    const contextFonts = productContext\n      ? getFonts(productContext)\n      : (theme.fonts as Record<string, string>);\n    const fontFamily = isHeadingVariant(variant)\n      ? contextFonts?.heading\n      : isParagraphVariant(variant)\n        ? contextFonts?.text\n        : contextFonts?.body;\n\n    const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;\n\n    const responsiveFontSize = useResponsiveCSS\n      ? cssVar.fontSize(variantStyles.scaleStep!)\n      : undefined;\n    const responsiveLineHeight = useResponsiveCSS\n      ? getResponsiveLineHeight(variantStyles)\n      : undefined;\n\n    const resolvedAs = isWeb ? as || getDefaultElement(variant) : as;\n\n    return (\n      <Text\n        {...rest}\n        ref={ref}\n        testID={testID}\n        as={resolvedAs}\n        color={colorValue}\n        fontSize={useResponsiveCSS ? undefined : variantStyles.fontSize}\n        fontWeight={variantStyles.fontWeight}\n        fontFamily={fontFamily}\n        numberOfLines={noWrap ? 1 : undefined}\n        style={{\n          marginTop,\n          marginBottom,\n          textAlign: align === \"inherit\" ? undefined : align,\n          ...(useResponsiveCSS\n            ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight }\n            : { lineHeight: variantStyles.lineHeight }),\n          ...(noWrap && {\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }),\n          ...rest.style,\n        }}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n  // RN-only event handlers (pass isPropValid's on* pattern)\n  \"onPress\",\n  \"onChangeText\",\n  \"onLayout\",\n  \"onMoveShouldSetResponder\",\n  \"onResponderGrant\",\n  \"onResponderMove\",\n  \"onResponderRelease\",\n  \"onResponderTerminate\",\n  // SVG attributes that pass isPropValid\n  \"strokeWidth\",\n  // CSS properties that pass isPropValid but are used as component props\n  \"overflow\",\n  \"opacity\",\n  \"cursor\",\n  \"fontSize\",\n  \"fontWeight\",\n  \"fontFamily\",\n  \"textDecoration\",\n  // Cross-platform layout prop that Text consumes as CSS, never as an\n  // attribute. Pinned explicitly because it is now spread into the styled\n  // component rather than destructured away before it can reach the DOM.\n  \"numberOfLines\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n  if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n  return isPropValid(key);\n}\n\n/**\n * Creates a React component that renders the given HTML tag\n * but filters out non-HTML props before they reach the DOM.\n *\n * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\n *\n * Usage: `const FilteredDiv = createFilteredElement(\"div\");`\n * Then:  `const StyledBox = styled(FilteredDiv)<BoxProps>\\`...\\`;`\n *\n * styled-components can still read ALL props for CSS interpolation,\n * but only valid HTML attributes are forwarded to the DOM element.\n */\nexport function createFilteredElement(defaultTag: string) {\n  const Component = React.forwardRef<HTMLElement, Record<string, unknown>>(\n    ({ children, elementType, ...props }, ref) => {\n      const Tag = (elementType as string) || defaultTag;\n      const htmlProps: Record<string, unknown> = {};\n      for (const key of Object.keys(props)) {\n        if (shouldForwardProp(key)) {\n          htmlProps[key] = props[key];\n        }\n      }\n      return React.createElement(\n        Tag,\n        { ref, ...htmlProps },\n        children as React.ReactNode\n      );\n    }\n  );\n  Component.displayName = `Filtered(${defaultTag})`;\n  return Component;\n}\n","function memoize(fn) {\n  var cache = {};\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\nimport { truncationStyles } from \"./textTruncation\";\n\nconst FilteredSpan = createFilteredElement(\"span\");\n\nconst StyledText = styled(FilteredSpan)<TextProps>`\n  color: ${(props) => props.color || \"inherit\"};\n  font-size: ${(props) =>\n    typeof props.fontSize === \"number\"\n      ? `${props.fontSize}px`\n      : props.fontSize || \"inherit\"};\n  font-weight: ${(props) => props.fontWeight || \"normal\"};\n  font-family: ${(props) =>\n    props.fontFamily ||\n    '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n  line-height: ${(props) =>\n    typeof props.lineHeight === \"number\"\n      ? `${props.lineHeight}px`\n      : props.lineHeight || \"inherit\"};\n  white-space: ${(props) => props.whiteSpace || \"normal\"};\n  text-align: ${(props) => props.textAlign || \"inherit\"};\n  text-decoration: ${(props) => props.textDecoration || \"none\"};\n\n  /* Keep last: single-line truncation has to win over white-space above. */\n  ${(props) => truncationStyles(props.numberOfLines)}\n`;\n\nexport const Text: React.FC<TextProps> = ({\n  style,\n  className,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  return (\n    <StyledText\n      {...props}\n      style={style}\n      className={className}\n      id={id}\n      role={role}\n      data-testid={dataTestId || testID}\n    />\n  );\n};\n","/**\n * Web implementation of the cross-platform `numberOfLines` text prop.\n *\n * Native maps `numberOfLines` straight onto `RNText`. A web `<span>` has no\n * equivalent, so emit the CSS that produces the same result.\n *\n * Two details matter for the single-line case:\n * - `text-overflow` only takes effect on a block container, so the inline\n *   `<span>` is promoted to `display: block` and capped at `max-width: 100%`.\n * - `min-width: 0` lets the text shrink below its own content width when it\n *   sits in a flex row. Without it a `nowrap` label keeps its full intrinsic\n *   width and pushes its siblings (icons, chevrons) out of a fixed-width field.\n *\n * Returns an empty string when there is nothing to clamp, so the declaration\n * block stays untouched for the majority of callers.\n */\nexport const truncationStyles = (numberOfLines?: number): string => {\n  if (!numberOfLines || numberOfLines < 1) return \"\";\n\n  if (numberOfLines === 1) {\n    return `\n      display: block;\n      max-width: 100%;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  }\n\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: ${numberOfLines};\n    line-clamp: ${numberOfLines};\n    max-width: 100%;\n    min-width: 0;\n    overflow: hidden;\n  `;\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n"],"mappings":"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","names":["import_react","React","styled","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/index.tsx","../../src/Typography.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/textTruncation.ts","../../../../foundation/primitives-web/src/index.tsx"],"sourcesContent":["export * from \"./Typography\";\nexport * from \"./types\";\n","import { forwardRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Text, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useResolvedTheme,\n  getTypographyTokens,\n  getFonts,\n  cssVar,\n} from \"@xsolla/xui-core\";\nimport type { ColorType, TypographyProps, VariantType } from \"./types\";\n\nconst getColor = (\n  color: ColorType | string,\n  theme: any\n): string | undefined => {\n  if (color === \"inherit\") {\n    return isNative ? theme?.colors?.content?.primary : undefined;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme?.colors?.content?.primary,\n    secondary: theme?.colors?.content?.secondary,\n    tertiary: theme?.colors?.content?.tertiary,\n    brand: theme?.colors?.content?.brand?.primary,\n    brandSecondary: theme?.colors?.content?.brand?.secondary,\n    success: theme?.colors?.content?.success?.primary,\n    warning: theme?.colors?.content?.warning?.primary,\n    alert: theme?.colors?.content?.alert?.primary,\n    neutral: theme?.colors?.content?.neutral?.primary,\n  };\n\n  return colorMap[color] || color;\n};\n\n// `display` is the deprecated alias of `displayLg`.\nconst displayMap: Record<string, string> = {\n  display: \"display-lg\",\n  displayLg: \"display-lg\",\n  displayMd: \"display-md\",\n  displaySm: \"display-sm\",\n};\n\nconst isHeadingVariant = (variant: VariantType): boolean =>\n  variant === \"h1\" ||\n  variant === \"h2\" ||\n  variant === \"h3\" ||\n  variant === \"h4\" ||\n  variant === \"h5\" ||\n  Boolean(displayMap[variant]);\n\n// Paragraph variants (bodyLgParagraph, …) use the Figma `text` role font,\n// which differs from the `body`/compact font for the corpsite context.\nconst isParagraphVariant = (variant: VariantType): boolean =>\n  variant.endsWith(\"Paragraph\");\n\nconst getDefaultElement = (variant: VariantType): string | undefined => {\n  const elementMap: Record<string, string> = {\n    h1: \"h1\",\n    h2: \"h2\",\n    h3: \"h3\",\n    h4: \"h4\",\n    h5: \"h5\",\n  };\n  return elementMap[variant];\n};\n\nconst bodyMap: Record<string, string> = {\n  bodyLg: \"body-lg\",\n  bodyLgAccent: \"body-lg\",\n  bodyLgParagraph: \"body-lg\",\n  bodyMd: \"body-md\",\n  bodyMdAccent: \"body-md\",\n  bodyMdParagraph: \"body-md\",\n  bodySm: \"body-sm\",\n  bodySmAccent: \"body-sm\",\n  bodySmParagraph: \"body-sm\",\n  bodyXs: \"body-xs\",\n  bodyXsAccent: \"body-xs\",\n  bodyXsParagraph: \"body-xs\",\n  bodyXxs: \"body-xxs\",\n  bodyXxsAccent: \"body-xxs\",\n  bodyXxsParagraph: \"body-xxs\",\n};\n\n/**\n * Resolves a display variant to its token. Falls back to the legacy single\n * `basic.display` slot so a consumer pinned to an older `@xsolla/xui-core`\n * (which has no `display-lg`/`-md`/`-sm`) still renders.\n */\nconst getDisplayToken = (variant: VariantType, typographyTokens?: any) => {\n  const key = displayMap[variant];\n  if (!key) return undefined;\n  return typographyTokens?.basic?.[key] ?? typographyTokens?.basic?.display;\n};\n\nconst headingMap: Record<string, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n};\n\nconst getVariantStyles = (variant: VariantType, typographyTokens?: any) => {\n  if (typographyTokens) {\n    if (headingMap[variant]) {\n      const token = typographyTokens.heading[headingMap[variant]];\n      if (token) {\n        return {\n          fontSize: token.fontSize,\n          fontWeight: String(token.fontWeight),\n          lineHeight: token.lineHeight,\n          scaleStep: token.scaleStep,\n          lineHeightCategory: token.lineHeightCategory,\n        };\n      }\n    }\n\n    const displayToken = getDisplayToken(variant, typographyTokens);\n    if (displayToken) {\n      return {\n        fontSize: displayToken.fontSize,\n        fontWeight: String(displayToken.fontWeight),\n        lineHeight: displayToken.lineHeight,\n        scaleStep: displayToken.scaleStep,\n        lineHeightCategory: displayToken.lineHeightCategory,\n      };\n    }\n\n    const bodyKey = bodyMap[variant];\n    if (bodyKey && typographyTokens.basic?.[bodyKey]) {\n      const token = typographyTokens.basic[bodyKey];\n      let fontWeight = token.fontWeight;\n      let lineHeight = token.lineHeight;\n      let lineHeightCategory = token.lineHeightCategory;\n      let lineHeightScaleStep: string | undefined;\n\n      if (variant.includes(\"Accent\") && token.accent) {\n        fontWeight = token.accent.fontWeight;\n      }\n\n      if (variant.includes(\"Paragraph\") && token.paragraph) {\n        lineHeight = token.paragraph.lineHeight;\n        lineHeightCategory = \"text\";\n        lineHeightScaleStep = token.paragraph.lineHeightScaleStep;\n      }\n\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(fontWeight),\n        lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory,\n        lineHeightScaleStep,\n      };\n    }\n  }\n\n  switch (variant) {\n    case \"h1\":\n      return {\n        fontSize: 56,\n        fontWeight: \"400\",\n        lineHeight: \"56px\",\n        scaleStep: \"650\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h2\":\n      return {\n        fontSize: 48,\n        fontWeight: \"400\",\n        lineHeight: \"48px\",\n        scaleStep: \"550\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h3\":\n      return {\n        fontSize: 32,\n        fontWeight: \"400\",\n        lineHeight: \"32px\",\n        scaleStep: \"350\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h4\":\n      return {\n        fontSize: 24,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"250\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h5\":\n      return {\n        fontSize: 20,\n        fontWeight: \"600\",\n        lineHeight: \"20px\",\n        scaleStep: \"200\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"display\":\n    case \"displayLg\":\n      return {\n        fontSize: 96,\n        fontWeight: \"300\",\n        lineHeight: \"96px\",\n        scaleStep: \"900\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"displayMd\":\n      return {\n        fontSize: 80,\n        fontWeight: \"300\",\n        lineHeight: \"80px\",\n        scaleStep: \"850\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"displaySm\":\n      return {\n        fontSize: 64,\n        fontWeight: \"400\",\n        lineHeight: \"64px\",\n        scaleStep: \"750\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"bodyLg\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgAccent\":\n      return {\n        fontSize: 18,\n        fontWeight: \"500\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgParagraph\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"26px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyMd\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdAccent\":\n      return {\n        fontSize: 16,\n        fontWeight: \"500\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdParagraph\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"22px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodySm\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmAccent\":\n      return {\n        fontSize: 14,\n        fontWeight: \"500\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmParagraph\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXs\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsAccent\":\n      return {\n        fontSize: 12,\n        fontWeight: \"500\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsParagraph\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXxs\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsAccent\":\n      return {\n        fontSize: 10,\n        fontWeight: \"500\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsParagraph\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"text\" as const,\n      };\n    default:\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n  }\n};\n\nfunction getResponsiveLineHeight(\n  styles: ReturnType<typeof getVariantStyles>\n): string | undefined {\n  const step = styles.lineHeightScaleStep || styles.scaleStep;\n  if (!step) return undefined;\n\n  const cat = styles.lineHeightCategory;\n  if (cat === \"display\") return cssVar.lhDisplay(step);\n  if (cat === \"text\") return cssVar.lhText(step);\n  return cssVar.lhCompact(step);\n}\n\nexport const Typography = forwardRef<any, TypographyProps>(\n  (\n    {\n      children,\n      align = \"inherit\",\n      noWrap = false,\n      variant = \"bodyMd\",\n      color = \"inherit\",\n      marginBottom = 0,\n      marginTop = 0,\n      as,\n      productContext,\n      testID,\n      themeMode,\n      themeProductContext,\n      ...rest\n    },\n    ref\n  ) => {\n    const resolvedTheme = useResolvedTheme({ themeMode, themeProductContext });\n    const { theme } = resolvedTheme;\n    // `responsive` was added to DesignSystemContext; cast for installed-package type compat\n    const responsive: boolean =\n      (resolvedTheme as { responsive?: boolean }).responsive ?? true;\n    const typographyTokens = productContext\n      ? getTypographyTokens(productContext)\n      : (theme as any).typographyTokens;\n    const variantStyles = getVariantStyles(variant, typographyTokens);\n    const colorValue = getColor(color, theme);\n    const contextFonts = productContext\n      ? getFonts(productContext)\n      : (theme.fonts as Record<string, string>);\n    // Display tokens carry their own Figma font role — B2C `display-sm` is\n    // authored in the `compact` family, not the display family.\n    const displayToken = getDisplayToken(variant, typographyTokens);\n    const fontRole: string | undefined = displayToken?.fontRole;\n    const roleFont =\n      fontRole === \"compact\"\n        ? contextFonts?.body\n        : fontRole === \"text\"\n          ? contextFonts?.text\n          : fontRole === \"display\"\n            ? contextFonts?.heading\n            : undefined;\n\n    const fontFamily =\n      roleFont ??\n      (isHeadingVariant(variant)\n        ? contextFonts?.heading\n        : isParagraphVariant(variant)\n          ? contextFonts?.text\n          : contextFonts?.body);\n\n    const letterSpacing: number | undefined = displayToken?.letterSpacing;\n\n    const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;\n\n    const responsiveFontSize = useResponsiveCSS\n      ? cssVar.fontSize(variantStyles.scaleStep!)\n      : undefined;\n    const responsiveLineHeight = useResponsiveCSS\n      ? getResponsiveLineHeight(variantStyles)\n      : undefined;\n\n    const resolvedAs = isWeb ? as || getDefaultElement(variant) : as;\n\n    return (\n      <Text\n        {...rest}\n        ref={ref}\n        testID={testID}\n        as={resolvedAs}\n        color={colorValue}\n        fontSize={useResponsiveCSS ? undefined : variantStyles.fontSize}\n        fontWeight={variantStyles.fontWeight}\n        fontFamily={fontFamily}\n        numberOfLines={noWrap ? 1 : undefined}\n        style={{\n          marginTop,\n          marginBottom,\n          textAlign: align === \"inherit\" ? undefined : align,\n          ...(letterSpacing !== undefined && { letterSpacing }),\n          ...(useResponsiveCSS\n            ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight }\n            : { lineHeight: variantStyles.lineHeight }),\n          ...(noWrap && {\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }),\n          ...rest.style,\n        }}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n  // RN-only event handlers (pass isPropValid's on* pattern)\n  \"onPress\",\n  \"onChangeText\",\n  \"onLayout\",\n  \"onMoveShouldSetResponder\",\n  \"onResponderGrant\",\n  \"onResponderMove\",\n  \"onResponderRelease\",\n  \"onResponderTerminate\",\n  // SVG attributes that pass isPropValid\n  \"strokeWidth\",\n  // CSS properties that pass isPropValid but are used as component props\n  \"overflow\",\n  \"opacity\",\n  \"cursor\",\n  \"fontSize\",\n  \"fontWeight\",\n  \"fontFamily\",\n  \"textDecoration\",\n  // Cross-platform layout prop that Text consumes as CSS, never as an\n  // attribute. Pinned explicitly because it is now spread into the styled\n  // component rather than destructured away before it can reach the DOM.\n  \"numberOfLines\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n  if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n  return isPropValid(key);\n}\n\n/**\n * Creates a React component that renders the given HTML tag\n * but filters out non-HTML props before they reach the DOM.\n *\n * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\n *\n * Usage: `const FilteredDiv = createFilteredElement(\"div\");`\n * Then:  `const StyledBox = styled(FilteredDiv)<BoxProps>\\`...\\`;`\n *\n * styled-components can still read ALL props for CSS interpolation,\n * but only valid HTML attributes are forwarded to the DOM element.\n */\nexport function createFilteredElement(defaultTag: string) {\n  const Component = React.forwardRef<HTMLElement, Record<string, unknown>>(\n    ({ children, elementType, ...props }, ref) => {\n      const Tag = (elementType as string) || defaultTag;\n      const htmlProps: Record<string, unknown> = {};\n      for (const key of Object.keys(props)) {\n        if (shouldForwardProp(key)) {\n          htmlProps[key] = props[key];\n        }\n      }\n      return React.createElement(\n        Tag,\n        { ref, ...htmlProps },\n        children as React.ReactNode\n      );\n    }\n  );\n  Component.displayName = `Filtered(${defaultTag})`;\n  return Component;\n}\n","function memoize(fn) {\n  var cache = {};\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\nimport { truncationStyles } from \"./textTruncation\";\n\nconst FilteredSpan = createFilteredElement(\"span\");\n\nconst StyledText = styled(FilteredSpan)<TextProps>`\n  color: ${(props) => props.color || \"inherit\"};\n  font-size: ${(props) =>\n    typeof props.fontSize === \"number\"\n      ? `${props.fontSize}px`\n      : props.fontSize || \"inherit\"};\n  font-weight: ${(props) => props.fontWeight || \"normal\"};\n  font-family: ${(props) =>\n    props.fontFamily ||\n    '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n  line-height: ${(props) =>\n    typeof props.lineHeight === \"number\"\n      ? `${props.lineHeight}px`\n      : props.lineHeight || \"inherit\"};\n  white-space: ${(props) => props.whiteSpace || \"normal\"};\n  text-align: ${(props) => props.textAlign || \"inherit\"};\n  text-decoration: ${(props) => props.textDecoration || \"none\"};\n\n  /* Keep last: single-line truncation has to win over white-space above. */\n  ${(props) => truncationStyles(props.numberOfLines)}\n`;\n\nexport const Text: React.FC<TextProps> = ({\n  style,\n  className,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  return (\n    <StyledText\n      {...props}\n      style={style}\n      className={className}\n      id={id}\n      role={role}\n      data-testid={dataTestId || testID}\n    />\n  );\n};\n","/**\n * Web implementation of the cross-platform `numberOfLines` text prop.\n *\n * Native maps `numberOfLines` straight onto `RNText`. A web `<span>` has no\n * equivalent, so emit the CSS that produces the same result.\n *\n * Two details matter for the single-line case:\n * - `text-overflow` only takes effect on a block container, so the inline\n *   `<span>` is promoted to `display: block` and capped at `max-width: 100%`.\n * - `min-width: 0` lets the text shrink below its own content width when it\n *   sits in a flex row. Without it a `nowrap` label keeps its full intrinsic\n *   width and pushes its siblings (icons, chevrons) out of a fixed-width field.\n *\n * Returns an empty string when there is nothing to clamp, so the declaration\n * block stays untouched for the majority of callers.\n */\nexport const truncationStyles = (numberOfLines?: number): string => {\n  if (!numberOfLines || numberOfLines < 1) return \"\";\n\n  if (numberOfLines === 1) {\n    return `\n      display: block;\n      max-width: 100%;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  }\n\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: ${numberOfLines};\n    line-clamp: ${numberOfLines};\n    max-width: 100%;\n    min-width: 0;\n    overflow: hidden;\n  `;\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n"],"mappings":"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","names":["import_react","React","styled","import_jsx_runtime"]}

package/web/index.mjs

@@ -169,7 +169,13 @@ var getColor = (color, theme) => {
   };
   return colorMap[color] || color;
 };
-var isHeadingVariant = (variant) => variant === "h1" || variant === "h2" || variant === "h3" || variant === "h4" || variant === "h5" || variant === "display";
+var displayMap = {
+  display: "display-lg",
+  displayLg: "display-lg",
+  displayMd: "display-md",
+  displaySm: "display-sm"
+};
+var isHeadingVariant = (variant) => variant === "h1" || variant === "h2" || variant === "h3" || variant === "h4" || variant === "h5" || Boolean(displayMap[variant]);
 var isParagraphVariant = (variant) => variant.endsWith("Paragraph");
 var getDefaultElement = (variant) => {
   const elementMap = {
@@ -198,6 +204,11 @@ var bodyMap = {
   bodyXxsAccent: "body-xxs",
   bodyXxsParagraph: "body-xxs"
 };
+var getDisplayToken = (variant, typographyTokens) => {
+  const key = displayMap[variant];
+  if (!key) return void 0;
+  return typographyTokens?.basic?.[key] ?? typographyTokens?.basic?.display;
+};
 var headingMap = {
   h1: "h1",
   h2: "h2",
@@ -219,14 +230,14 @@ var getVariantStyles = (variant, typographyTokens) => {
         };
       }
     }
-    if (variant === "display" && typographyTokens.basic?.display) {
-      const token = typographyTokens.basic.display;
+    const displayToken = getDisplayToken(variant, typographyTokens);
+    if (displayToken) {
       return {
-        fontSize: token.fontSize,
-        fontWeight: String(token.fontWeight),
-        lineHeight: token.lineHeight,
-        scaleStep: token.scaleStep,
-        lineHeightCategory: token.lineHeightCategory
+        fontSize: displayToken.fontSize,
+        fontWeight: String(displayToken.fontWeight),
+        lineHeight: displayToken.lineHeight,
+        scaleStep: displayToken.scaleStep,
+        lineHeightCategory: displayToken.lineHeightCategory
       };
     }
     const bodyKey = bodyMap[variant];
@@ -296,6 +307,23 @@ var getVariantStyles = (variant, typographyTokens) => {
         lineHeightCategory: "display"
       };
     case "display":
+    case "displayLg":
+      return {
+        fontSize: 96,
+        fontWeight: "300",
+        lineHeight: "96px",
+        scaleStep: "900",
+        lineHeightCategory: "display"
+      };
+    case "displayMd":
+      return {
+        fontSize: 80,
+        fontWeight: "300",
+        lineHeight: "80px",
+        scaleStep: "850",
+        lineHeightCategory: "display"
+      };
+    case "displaySm":
       return {
         fontSize: 64,
         fontWeight: "400",
@@ -464,7 +492,11 @@ var Typography = forwardRef(
     const variantStyles = getVariantStyles(variant, typographyTokens);
     const colorValue = getColor(color, theme);
     const contextFonts = productContext ? getFonts(productContext) : theme.fonts;
-    const fontFamily = isHeadingVariant(variant) ? contextFonts?.heading : isParagraphVariant(variant) ? contextFonts?.text : contextFonts?.body;
+    const displayToken = getDisplayToken(variant, typographyTokens);
+    const fontRole = displayToken?.fontRole;
+    const roleFont = fontRole === "compact" ? contextFonts?.body : fontRole === "text" ? contextFonts?.text : fontRole === "display" ? contextFonts?.heading : void 0;
+    const fontFamily = roleFont ?? (isHeadingVariant(variant) ? contextFonts?.heading : isParagraphVariant(variant) ? contextFonts?.text : contextFonts?.body);
+    const letterSpacing = displayToken?.letterSpacing;
     const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;
     const responsiveFontSize = useResponsiveCSS ? cssVar.fontSize(variantStyles.scaleStep) : void 0;
     const responsiveLineHeight = useResponsiveCSS ? getResponsiveLineHeight(variantStyles) : void 0;
@@ -485,6 +517,7 @@ var Typography = forwardRef(
           marginTop,
           marginBottom,
           textAlign: align === "inherit" ? void 0 : align,
+          ...letterSpacing !== void 0 && { letterSpacing },
           ...useResponsiveCSS ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight } : { lineHeight: variantStyles.lineHeight },
           ...noWrap && {
             overflow: "hidden",

package/web/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Typography.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/textTruncation.ts","../../../../foundation/primitives-web/src/index.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Text, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useResolvedTheme,\n  getTypographyTokens,\n  getFonts,\n  cssVar,\n} from \"@xsolla/xui-core\";\nimport type { ColorType, TypographyProps, VariantType } from \"./types\";\n\nconst getColor = (\n  color: ColorType | string,\n  theme: any\n): string | undefined => {\n  if (color === \"inherit\") {\n    return isNative ? theme?.colors?.content?.primary : undefined;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme?.colors?.content?.primary,\n    secondary: theme?.colors?.content?.secondary,\n    tertiary: theme?.colors?.content?.tertiary,\n    brand: theme?.colors?.content?.brand?.primary,\n    brandSecondary: theme?.colors?.content?.brand?.secondary,\n    success: theme?.colors?.content?.success?.primary,\n    warning: theme?.colors?.content?.warning?.primary,\n    alert: theme?.colors?.content?.alert?.primary,\n    neutral: theme?.colors?.content?.neutral?.primary,\n  };\n\n  return colorMap[color] || color;\n};\n\nconst isHeadingVariant = (variant: VariantType): boolean =>\n  variant === \"h1\" ||\n  variant === \"h2\" ||\n  variant === \"h3\" ||\n  variant === \"h4\" ||\n  variant === \"h5\" ||\n  variant === \"display\";\n\n// Paragraph variants (bodyLgParagraph, …) use the Figma `text` role font,\n// which differs from the `body`/compact font for the corpsite context.\nconst isParagraphVariant = (variant: VariantType): boolean =>\n  variant.endsWith(\"Paragraph\");\n\nconst getDefaultElement = (variant: VariantType): string | undefined => {\n  const elementMap: Record<string, string> = {\n    h1: \"h1\",\n    h2: \"h2\",\n    h3: \"h3\",\n    h4: \"h4\",\n    h5: \"h5\",\n  };\n  return elementMap[variant];\n};\n\nconst bodyMap: Record<string, string> = {\n  bodyLg: \"body-lg\",\n  bodyLgAccent: \"body-lg\",\n  bodyLgParagraph: \"body-lg\",\n  bodyMd: \"body-md\",\n  bodyMdAccent: \"body-md\",\n  bodyMdParagraph: \"body-md\",\n  bodySm: \"body-sm\",\n  bodySmAccent: \"body-sm\",\n  bodySmParagraph: \"body-sm\",\n  bodyXs: \"body-xs\",\n  bodyXsAccent: \"body-xs\",\n  bodyXsParagraph: \"body-xs\",\n  bodyXxs: \"body-xxs\",\n  bodyXxsAccent: \"body-xxs\",\n  bodyXxsParagraph: \"body-xxs\",\n};\n\nconst headingMap: Record<string, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n};\n\nconst getVariantStyles = (variant: VariantType, typographyTokens?: any) => {\n  if (typographyTokens) {\n    if (headingMap[variant]) {\n      const token = typographyTokens.heading[headingMap[variant]];\n      if (token) {\n        return {\n          fontSize: token.fontSize,\n          fontWeight: String(token.fontWeight),\n          lineHeight: token.lineHeight,\n          scaleStep: token.scaleStep,\n          lineHeightCategory: token.lineHeightCategory,\n        };\n      }\n    }\n\n    if (variant === \"display\" && typographyTokens.basic?.display) {\n      const token = typographyTokens.basic.display;\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(token.fontWeight),\n        lineHeight: token.lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory: token.lineHeightCategory,\n      };\n    }\n\n    const bodyKey = bodyMap[variant];\n    if (bodyKey && typographyTokens.basic?.[bodyKey]) {\n      const token = typographyTokens.basic[bodyKey];\n      let fontWeight = token.fontWeight;\n      let lineHeight = token.lineHeight;\n      let lineHeightCategory = token.lineHeightCategory;\n      let lineHeightScaleStep: string | undefined;\n\n      if (variant.includes(\"Accent\") && token.accent) {\n        fontWeight = token.accent.fontWeight;\n      }\n\n      if (variant.includes(\"Paragraph\") && token.paragraph) {\n        lineHeight = token.paragraph.lineHeight;\n        lineHeightCategory = \"text\";\n        lineHeightScaleStep = token.paragraph.lineHeightScaleStep;\n      }\n\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(fontWeight),\n        lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory,\n        lineHeightScaleStep,\n      };\n    }\n  }\n\n  switch (variant) {\n    case \"h1\":\n      return {\n        fontSize: 56,\n        fontWeight: \"400\",\n        lineHeight: \"56px\",\n        scaleStep: \"650\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h2\":\n      return {\n        fontSize: 48,\n        fontWeight: \"400\",\n        lineHeight: \"48px\",\n        scaleStep: \"550\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h3\":\n      return {\n        fontSize: 32,\n        fontWeight: \"400\",\n        lineHeight: \"32px\",\n        scaleStep: \"350\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h4\":\n      return {\n        fontSize: 24,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"250\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h5\":\n      return {\n        fontSize: 20,\n        fontWeight: \"600\",\n        lineHeight: \"20px\",\n        scaleStep: \"200\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"display\":\n      return {\n        fontSize: 64,\n        fontWeight: \"400\",\n        lineHeight: \"64px\",\n        scaleStep: \"750\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"bodyLg\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgAccent\":\n      return {\n        fontSize: 18,\n        fontWeight: \"500\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgParagraph\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"26px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyMd\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdAccent\":\n      return {\n        fontSize: 16,\n        fontWeight: \"500\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdParagraph\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"22px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodySm\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmAccent\":\n      return {\n        fontSize: 14,\n        fontWeight: \"500\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmParagraph\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXs\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsAccent\":\n      return {\n        fontSize: 12,\n        fontWeight: \"500\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsParagraph\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXxs\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsAccent\":\n      return {\n        fontSize: 10,\n        fontWeight: \"500\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsParagraph\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"text\" as const,\n      };\n    default:\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n  }\n};\n\nfunction getResponsiveLineHeight(\n  styles: ReturnType<typeof getVariantStyles>\n): string | undefined {\n  const step = styles.lineHeightScaleStep || styles.scaleStep;\n  if (!step) return undefined;\n\n  const cat = styles.lineHeightCategory;\n  if (cat === \"display\") return cssVar.lhDisplay(step);\n  if (cat === \"text\") return cssVar.lhText(step);\n  return cssVar.lhCompact(step);\n}\n\nexport const Typography = forwardRef<any, TypographyProps>(\n  (\n    {\n      children,\n      align = \"inherit\",\n      noWrap = false,\n      variant = \"bodyMd\",\n      color = \"inherit\",\n      marginBottom = 0,\n      marginTop = 0,\n      as,\n      productContext,\n      testID,\n      themeMode,\n      themeProductContext,\n      ...rest\n    },\n    ref\n  ) => {\n    const resolvedTheme = useResolvedTheme({ themeMode, themeProductContext });\n    const { theme } = resolvedTheme;\n    // `responsive` was added to DesignSystemContext; cast for installed-package type compat\n    const responsive: boolean =\n      (resolvedTheme as { responsive?: boolean }).responsive ?? true;\n    const typographyTokens = productContext\n      ? getTypographyTokens(productContext)\n      : (theme as any).typographyTokens;\n    const variantStyles = getVariantStyles(variant, typographyTokens);\n    const colorValue = getColor(color, theme);\n    const contextFonts = productContext\n      ? getFonts(productContext)\n      : (theme.fonts as Record<string, string>);\n    const fontFamily = isHeadingVariant(variant)\n      ? contextFonts?.heading\n      : isParagraphVariant(variant)\n        ? contextFonts?.text\n        : contextFonts?.body;\n\n    const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;\n\n    const responsiveFontSize = useResponsiveCSS\n      ? cssVar.fontSize(variantStyles.scaleStep!)\n      : undefined;\n    const responsiveLineHeight = useResponsiveCSS\n      ? getResponsiveLineHeight(variantStyles)\n      : undefined;\n\n    const resolvedAs = isWeb ? as || getDefaultElement(variant) : as;\n\n    return (\n      <Text\n        {...rest}\n        ref={ref}\n        testID={testID}\n        as={resolvedAs}\n        color={colorValue}\n        fontSize={useResponsiveCSS ? undefined : variantStyles.fontSize}\n        fontWeight={variantStyles.fontWeight}\n        fontFamily={fontFamily}\n        numberOfLines={noWrap ? 1 : undefined}\n        style={{\n          marginTop,\n          marginBottom,\n          textAlign: align === \"inherit\" ? undefined : align,\n          ...(useResponsiveCSS\n            ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight }\n            : { lineHeight: variantStyles.lineHeight }),\n          ...(noWrap && {\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }),\n          ...rest.style,\n        }}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n  // RN-only event handlers (pass isPropValid's on* pattern)\n  \"onPress\",\n  \"onChangeText\",\n  \"onLayout\",\n  \"onMoveShouldSetResponder\",\n  \"onResponderGrant\",\n  \"onResponderMove\",\n  \"onResponderRelease\",\n  \"onResponderTerminate\",\n  // SVG attributes that pass isPropValid\n  \"strokeWidth\",\n  // CSS properties that pass isPropValid but are used as component props\n  \"overflow\",\n  \"opacity\",\n  \"cursor\",\n  \"fontSize\",\n  \"fontWeight\",\n  \"fontFamily\",\n  \"textDecoration\",\n  // Cross-platform layout prop that Text consumes as CSS, never as an\n  // attribute. Pinned explicitly because it is now spread into the styled\n  // component rather than destructured away before it can reach the DOM.\n  \"numberOfLines\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n  if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n  return isPropValid(key);\n}\n\n/**\n * Creates a React component that renders the given HTML tag\n * but filters out non-HTML props before they reach the DOM.\n *\n * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\n *\n * Usage: `const FilteredDiv = createFilteredElement(\"div\");`\n * Then:  `const StyledBox = styled(FilteredDiv)<BoxProps>\\`...\\`;`\n *\n * styled-components can still read ALL props for CSS interpolation,\n * but only valid HTML attributes are forwarded to the DOM element.\n */\nexport function createFilteredElement(defaultTag: string) {\n  const Component = React.forwardRef<HTMLElement, Record<string, unknown>>(\n    ({ children, elementType, ...props }, ref) => {\n      const Tag = (elementType as string) || defaultTag;\n      const htmlProps: Record<string, unknown> = {};\n      for (const key of Object.keys(props)) {\n        if (shouldForwardProp(key)) {\n          htmlProps[key] = props[key];\n        }\n      }\n      return React.createElement(\n        Tag,\n        { ref, ...htmlProps },\n        children as React.ReactNode\n      );\n    }\n  );\n  Component.displayName = `Filtered(${defaultTag})`;\n  return Component;\n}\n","function memoize(fn) {\n  var cache = {};\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\nimport { truncationStyles } from \"./textTruncation\";\n\nconst FilteredSpan = createFilteredElement(\"span\");\n\nconst StyledText = styled(FilteredSpan)<TextProps>`\n  color: ${(props) => props.color || \"inherit\"};\n  font-size: ${(props) =>\n    typeof props.fontSize === \"number\"\n      ? `${props.fontSize}px`\n      : props.fontSize || \"inherit\"};\n  font-weight: ${(props) => props.fontWeight || \"normal\"};\n  font-family: ${(props) =>\n    props.fontFamily ||\n    '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n  line-height: ${(props) =>\n    typeof props.lineHeight === \"number\"\n      ? `${props.lineHeight}px`\n      : props.lineHeight || \"inherit\"};\n  white-space: ${(props) => props.whiteSpace || \"normal\"};\n  text-align: ${(props) => props.textAlign || \"inherit\"};\n  text-decoration: ${(props) => props.textDecoration || \"none\"};\n\n  /* Keep last: single-line truncation has to win over white-space above. */\n  ${(props) => truncationStyles(props.numberOfLines)}\n`;\n\nexport const Text: React.FC<TextProps> = ({\n  style,\n  className,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  return (\n    <StyledText\n      {...props}\n      style={style}\n      className={className}\n      id={id}\n      role={role}\n      data-testid={dataTestId || testID}\n    />\n  );\n};\n","/**\n * Web implementation of the cross-platform `numberOfLines` text prop.\n *\n * Native maps `numberOfLines` straight onto `RNText`. A web `<span>` has no\n * equivalent, so emit the CSS that produces the same result.\n *\n * Two details matter for the single-line case:\n * - `text-overflow` only takes effect on a block container, so the inline\n *   `<span>` is promoted to `display: block` and capped at `max-width: 100%`.\n * - `min-width: 0` lets the text shrink below its own content width when it\n *   sits in a flex row. Without it a `nowrap` label keeps its full intrinsic\n *   width and pushes its siblings (icons, chevrons) out of a fixed-width field.\n *\n * Returns an empty string when there is nothing to clamp, so the declaration\n * block stays untouched for the majority of callers.\n */\nexport const truncationStyles = (numberOfLines?: number): string => {\n  if (!numberOfLines || numberOfLines < 1) return \"\";\n\n  if (numberOfLines === 1) {\n    return `\n      display: block;\n      max-width: 100%;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  }\n\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: ${numberOfLines};\n    line-clamp: ${numberOfLines};\n    max-width: 100%;\n    min-width: 0;\n    overflow: hidden;\n  `;\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n"],"mappings":"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","names":["jsx"]}
+{"version":3,"sources":["../../src/Typography.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/textTruncation.ts","../../../../foundation/primitives-web/src/index.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Text, isWeb, isNative } from \"@xsolla/xui-primitives\";\nimport {\n  useResolvedTheme,\n  getTypographyTokens,\n  getFonts,\n  cssVar,\n} from \"@xsolla/xui-core\";\nimport type { ColorType, TypographyProps, VariantType } from \"./types\";\n\nconst getColor = (\n  color: ColorType | string,\n  theme: any\n): string | undefined => {\n  if (color === \"inherit\") {\n    return isNative ? theme?.colors?.content?.primary : undefined;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme?.colors?.content?.primary,\n    secondary: theme?.colors?.content?.secondary,\n    tertiary: theme?.colors?.content?.tertiary,\n    brand: theme?.colors?.content?.brand?.primary,\n    brandSecondary: theme?.colors?.content?.brand?.secondary,\n    success: theme?.colors?.content?.success?.primary,\n    warning: theme?.colors?.content?.warning?.primary,\n    alert: theme?.colors?.content?.alert?.primary,\n    neutral: theme?.colors?.content?.neutral?.primary,\n  };\n\n  return colorMap[color] || color;\n};\n\n// `display` is the deprecated alias of `displayLg`.\nconst displayMap: Record<string, string> = {\n  display: \"display-lg\",\n  displayLg: \"display-lg\",\n  displayMd: \"display-md\",\n  displaySm: \"display-sm\",\n};\n\nconst isHeadingVariant = (variant: VariantType): boolean =>\n  variant === \"h1\" ||\n  variant === \"h2\" ||\n  variant === \"h3\" ||\n  variant === \"h4\" ||\n  variant === \"h5\" ||\n  Boolean(displayMap[variant]);\n\n// Paragraph variants (bodyLgParagraph, …) use the Figma `text` role font,\n// which differs from the `body`/compact font for the corpsite context.\nconst isParagraphVariant = (variant: VariantType): boolean =>\n  variant.endsWith(\"Paragraph\");\n\nconst getDefaultElement = (variant: VariantType): string | undefined => {\n  const elementMap: Record<string, string> = {\n    h1: \"h1\",\n    h2: \"h2\",\n    h3: \"h3\",\n    h4: \"h4\",\n    h5: \"h5\",\n  };\n  return elementMap[variant];\n};\n\nconst bodyMap: Record<string, string> = {\n  bodyLg: \"body-lg\",\n  bodyLgAccent: \"body-lg\",\n  bodyLgParagraph: \"body-lg\",\n  bodyMd: \"body-md\",\n  bodyMdAccent: \"body-md\",\n  bodyMdParagraph: \"body-md\",\n  bodySm: \"body-sm\",\n  bodySmAccent: \"body-sm\",\n  bodySmParagraph: \"body-sm\",\n  bodyXs: \"body-xs\",\n  bodyXsAccent: \"body-xs\",\n  bodyXsParagraph: \"body-xs\",\n  bodyXxs: \"body-xxs\",\n  bodyXxsAccent: \"body-xxs\",\n  bodyXxsParagraph: \"body-xxs\",\n};\n\n/**\n * Resolves a display variant to its token. Falls back to the legacy single\n * `basic.display` slot so a consumer pinned to an older `@xsolla/xui-core`\n * (which has no `display-lg`/`-md`/`-sm`) still renders.\n */\nconst getDisplayToken = (variant: VariantType, typographyTokens?: any) => {\n  const key = displayMap[variant];\n  if (!key) return undefined;\n  return typographyTokens?.basic?.[key] ?? typographyTokens?.basic?.display;\n};\n\nconst headingMap: Record<string, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n};\n\nconst getVariantStyles = (variant: VariantType, typographyTokens?: any) => {\n  if (typographyTokens) {\n    if (headingMap[variant]) {\n      const token = typographyTokens.heading[headingMap[variant]];\n      if (token) {\n        return {\n          fontSize: token.fontSize,\n          fontWeight: String(token.fontWeight),\n          lineHeight: token.lineHeight,\n          scaleStep: token.scaleStep,\n          lineHeightCategory: token.lineHeightCategory,\n        };\n      }\n    }\n\n    const displayToken = getDisplayToken(variant, typographyTokens);\n    if (displayToken) {\n      return {\n        fontSize: displayToken.fontSize,\n        fontWeight: String(displayToken.fontWeight),\n        lineHeight: displayToken.lineHeight,\n        scaleStep: displayToken.scaleStep,\n        lineHeightCategory: displayToken.lineHeightCategory,\n      };\n    }\n\n    const bodyKey = bodyMap[variant];\n    if (bodyKey && typographyTokens.basic?.[bodyKey]) {\n      const token = typographyTokens.basic[bodyKey];\n      let fontWeight = token.fontWeight;\n      let lineHeight = token.lineHeight;\n      let lineHeightCategory = token.lineHeightCategory;\n      let lineHeightScaleStep: string | undefined;\n\n      if (variant.includes(\"Accent\") && token.accent) {\n        fontWeight = token.accent.fontWeight;\n      }\n\n      if (variant.includes(\"Paragraph\") && token.paragraph) {\n        lineHeight = token.paragraph.lineHeight;\n        lineHeightCategory = \"text\";\n        lineHeightScaleStep = token.paragraph.lineHeightScaleStep;\n      }\n\n      return {\n        fontSize: token.fontSize,\n        fontWeight: String(fontWeight),\n        lineHeight,\n        scaleStep: token.scaleStep,\n        lineHeightCategory,\n        lineHeightScaleStep,\n      };\n    }\n  }\n\n  switch (variant) {\n    case \"h1\":\n      return {\n        fontSize: 56,\n        fontWeight: \"400\",\n        lineHeight: \"56px\",\n        scaleStep: \"650\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h2\":\n      return {\n        fontSize: 48,\n        fontWeight: \"400\",\n        lineHeight: \"48px\",\n        scaleStep: \"550\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h3\":\n      return {\n        fontSize: 32,\n        fontWeight: \"400\",\n        lineHeight: \"32px\",\n        scaleStep: \"350\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h4\":\n      return {\n        fontSize: 24,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"250\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"h5\":\n      return {\n        fontSize: 20,\n        fontWeight: \"600\",\n        lineHeight: \"20px\",\n        scaleStep: \"200\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"display\":\n    case \"displayLg\":\n      return {\n        fontSize: 96,\n        fontWeight: \"300\",\n        lineHeight: \"96px\",\n        scaleStep: \"900\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"displayMd\":\n      return {\n        fontSize: 80,\n        fontWeight: \"300\",\n        lineHeight: \"80px\",\n        scaleStep: \"850\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"displaySm\":\n      return {\n        fontSize: 64,\n        fontWeight: \"400\",\n        lineHeight: \"64px\",\n        scaleStep: \"750\",\n        lineHeightCategory: \"display\" as const,\n      };\n    case \"bodyLg\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgAccent\":\n      return {\n        fontSize: 18,\n        fontWeight: \"500\",\n        lineHeight: \"24px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyLgParagraph\":\n      return {\n        fontSize: 18,\n        fontWeight: \"400\",\n        lineHeight: \"26px\",\n        scaleStep: \"175\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyMd\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdAccent\":\n      return {\n        fontSize: 16,\n        fontWeight: \"500\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyMdParagraph\":\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"22px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodySm\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmAccent\":\n      return {\n        fontSize: 14,\n        fontWeight: \"500\",\n        lineHeight: \"18px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodySmParagraph\":\n      return {\n        fontSize: 14,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"125\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXs\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsAccent\":\n      return {\n        fontSize: 12,\n        fontWeight: \"500\",\n        lineHeight: \"16px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXsParagraph\":\n      return {\n        fontSize: 12,\n        fontWeight: \"400\",\n        lineHeight: \"18px\",\n        scaleStep: \"100\",\n        lineHeightCategory: \"text\" as const,\n      };\n    case \"bodyXxs\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsAccent\":\n      return {\n        fontSize: 10,\n        fontWeight: \"500\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"compact\" as const,\n      };\n    case \"bodyXxsParagraph\":\n      return {\n        fontSize: 10,\n        fontWeight: \"400\",\n        lineHeight: \"14px\",\n        scaleStep: \"75\",\n        lineHeightCategory: \"text\" as const,\n      };\n    default:\n      return {\n        fontSize: 16,\n        fontWeight: \"400\",\n        lineHeight: \"20px\",\n        scaleStep: \"150\",\n        lineHeightCategory: \"compact\" as const,\n      };\n  }\n};\n\nfunction getResponsiveLineHeight(\n  styles: ReturnType<typeof getVariantStyles>\n): string | undefined {\n  const step = styles.lineHeightScaleStep || styles.scaleStep;\n  if (!step) return undefined;\n\n  const cat = styles.lineHeightCategory;\n  if (cat === \"display\") return cssVar.lhDisplay(step);\n  if (cat === \"text\") return cssVar.lhText(step);\n  return cssVar.lhCompact(step);\n}\n\nexport const Typography = forwardRef<any, TypographyProps>(\n  (\n    {\n      children,\n      align = \"inherit\",\n      noWrap = false,\n      variant = \"bodyMd\",\n      color = \"inherit\",\n      marginBottom = 0,\n      marginTop = 0,\n      as,\n      productContext,\n      testID,\n      themeMode,\n      themeProductContext,\n      ...rest\n    },\n    ref\n  ) => {\n    const resolvedTheme = useResolvedTheme({ themeMode, themeProductContext });\n    const { theme } = resolvedTheme;\n    // `responsive` was added to DesignSystemContext; cast for installed-package type compat\n    const responsive: boolean =\n      (resolvedTheme as { responsive?: boolean }).responsive ?? true;\n    const typographyTokens = productContext\n      ? getTypographyTokens(productContext)\n      : (theme as any).typographyTokens;\n    const variantStyles = getVariantStyles(variant, typographyTokens);\n    const colorValue = getColor(color, theme);\n    const contextFonts = productContext\n      ? getFonts(productContext)\n      : (theme.fonts as Record<string, string>);\n    // Display tokens carry their own Figma font role — B2C `display-sm` is\n    // authored in the `compact` family, not the display family.\n    const displayToken = getDisplayToken(variant, typographyTokens);\n    const fontRole: string | undefined = displayToken?.fontRole;\n    const roleFont =\n      fontRole === \"compact\"\n        ? contextFonts?.body\n        : fontRole === \"text\"\n          ? contextFonts?.text\n          : fontRole === \"display\"\n            ? contextFonts?.heading\n            : undefined;\n\n    const fontFamily =\n      roleFont ??\n      (isHeadingVariant(variant)\n        ? contextFonts?.heading\n        : isParagraphVariant(variant)\n          ? contextFonts?.text\n          : contextFonts?.body);\n\n    const letterSpacing: number | undefined = displayToken?.letterSpacing;\n\n    const useResponsiveCSS = isWeb && responsive && variantStyles.scaleStep;\n\n    const responsiveFontSize = useResponsiveCSS\n      ? cssVar.fontSize(variantStyles.scaleStep!)\n      : undefined;\n    const responsiveLineHeight = useResponsiveCSS\n      ? getResponsiveLineHeight(variantStyles)\n      : undefined;\n\n    const resolvedAs = isWeb ? as || getDefaultElement(variant) : as;\n\n    return (\n      <Text\n        {...rest}\n        ref={ref}\n        testID={testID}\n        as={resolvedAs}\n        color={colorValue}\n        fontSize={useResponsiveCSS ? undefined : variantStyles.fontSize}\n        fontWeight={variantStyles.fontWeight}\n        fontFamily={fontFamily}\n        numberOfLines={noWrap ? 1 : undefined}\n        style={{\n          marginTop,\n          marginBottom,\n          textAlign: align === \"inherit\" ? undefined : align,\n          ...(letterSpacing !== undefined && { letterSpacing }),\n          ...(useResponsiveCSS\n            ? { fontSize: responsiveFontSize, lineHeight: responsiveLineHeight }\n            : { lineHeight: variantStyles.lineHeight }),\n          ...(noWrap && {\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }),\n          ...rest.style,\n        }}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n  // RN-only event handlers (pass isPropValid's on* pattern)\n  \"onPress\",\n  \"onChangeText\",\n  \"onLayout\",\n  \"onMoveShouldSetResponder\",\n  \"onResponderGrant\",\n  \"onResponderMove\",\n  \"onResponderRelease\",\n  \"onResponderTerminate\",\n  // SVG attributes that pass isPropValid\n  \"strokeWidth\",\n  // CSS properties that pass isPropValid but are used as component props\n  \"overflow\",\n  \"opacity\",\n  \"cursor\",\n  \"fontSize\",\n  \"fontWeight\",\n  \"fontFamily\",\n  \"textDecoration\",\n  // Cross-platform layout prop that Text consumes as CSS, never as an\n  // attribute. Pinned explicitly because it is now spread into the styled\n  // component rather than destructured away before it can reach the DOM.\n  \"numberOfLines\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n  if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n  return isPropValid(key);\n}\n\n/**\n * Creates a React component that renders the given HTML tag\n * but filters out non-HTML props before they reach the DOM.\n *\n * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\n *\n * Usage: `const FilteredDiv = createFilteredElement(\"div\");`\n * Then:  `const StyledBox = styled(FilteredDiv)<BoxProps>\\`...\\`;`\n *\n * styled-components can still read ALL props for CSS interpolation,\n * but only valid HTML attributes are forwarded to the DOM element.\n */\nexport function createFilteredElement(defaultTag: string) {\n  const Component = React.forwardRef<HTMLElement, Record<string, unknown>>(\n    ({ children, elementType, ...props }, ref) => {\n      const Tag = (elementType as string) || defaultTag;\n      const htmlProps: Record<string, unknown> = {};\n      for (const key of Object.keys(props)) {\n        if (shouldForwardProp(key)) {\n          htmlProps[key] = props[key];\n        }\n      }\n      return React.createElement(\n        Tag,\n        { ref, ...htmlProps },\n        children as React.ReactNode\n      );\n    }\n  );\n  Component.displayName = `Filtered(${defaultTag})`;\n  return Component;\n}\n","function memoize(fn) {\n  var cache = {};\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\nimport { truncationStyles } from \"./textTruncation\";\n\nconst FilteredSpan = createFilteredElement(\"span\");\n\nconst StyledText = styled(FilteredSpan)<TextProps>`\n  color: ${(props) => props.color || \"inherit\"};\n  font-size: ${(props) =>\n    typeof props.fontSize === \"number\"\n      ? `${props.fontSize}px`\n      : props.fontSize || \"inherit\"};\n  font-weight: ${(props) => props.fontWeight || \"normal\"};\n  font-family: ${(props) =>\n    props.fontFamily ||\n    '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n  line-height: ${(props) =>\n    typeof props.lineHeight === \"number\"\n      ? `${props.lineHeight}px`\n      : props.lineHeight || \"inherit\"};\n  white-space: ${(props) => props.whiteSpace || \"normal\"};\n  text-align: ${(props) => props.textAlign || \"inherit\"};\n  text-decoration: ${(props) => props.textDecoration || \"none\"};\n\n  /* Keep last: single-line truncation has to win over white-space above. */\n  ${(props) => truncationStyles(props.numberOfLines)}\n`;\n\nexport const Text: React.FC<TextProps> = ({\n  style,\n  className,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  return (\n    <StyledText\n      {...props}\n      style={style}\n      className={className}\n      id={id}\n      role={role}\n      data-testid={dataTestId || testID}\n    />\n  );\n};\n","/**\n * Web implementation of the cross-platform `numberOfLines` text prop.\n *\n * Native maps `numberOfLines` straight onto `RNText`. A web `<span>` has no\n * equivalent, so emit the CSS that produces the same result.\n *\n * Two details matter for the single-line case:\n * - `text-overflow` only takes effect on a block container, so the inline\n *   `<span>` is promoted to `display: block` and capped at `max-width: 100%`.\n * - `min-width: 0` lets the text shrink below its own content width when it\n *   sits in a flex row. Without it a `nowrap` label keeps its full intrinsic\n *   width and pushes its siblings (icons, chevrons) out of a fixed-width field.\n *\n * Returns an empty string when there is nothing to clamp, so the declaration\n * block stays untouched for the majority of callers.\n */\nexport const truncationStyles = (numberOfLines?: number): string => {\n  if (!numberOfLines || numberOfLines < 1) return \"\";\n\n  if (numberOfLines === 1) {\n    return `\n      display: block;\n      max-width: 100%;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  }\n\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: ${numberOfLines};\n    line-clamp: ${numberOfLines};\n    max-width: 100%;\n    min-width: 0;\n    overflow: hidden;\n  `;\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n"],"mappings":"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","names":["jsx"]}