@app-studio/web 0.9.75 → 0.9.76

package/dist/web.umd.development.js

@@ -17016,82 +17016,6 @@
     lg: 64,
     xl: 72
   };
-  /**
-   * Responsive typography system that maps title sizes to responsive breakpoints
-   * Based on the Typography system with dynamic breakpoint sizing
-   */
-  var ResponsiveTypography = {
-    // xl maps to H1 - Largest heading
-    xl: {
-      media: {
-        mobile: {
-          fontSize: 60
-        },
-        tablet: {
-          fontSize: 60
-        },
-        desktop: {
-          fontSize: 96
-        }
-      }
-    },
-    // lg maps to H2 - Large heading
-    lg: {
-      media: {
-        mobile: {
-          fontSize: 48
-        },
-        tablet: {
-          fontSize: 48
-        },
-        desktop: {
-          fontSize: 70
-        }
-      }
-    },
-    // md maps to H3 - Medium heading
-    md: {
-      media: {
-        mobile: {
-          fontSize: 32
-        },
-        tablet: {
-          fontSize: 40
-        },
-        desktop: {
-          fontSize: 56
-        }
-      }
-    },
-    // sm maps to T1 - Title text
-    sm: {
-      media: {
-        mobile: {
-          fontSize: 20
-        },
-        tablet: {
-          fontSize: 24
-        },
-        desktop: {
-          fontSize: 32
-        }
-      }
-    },
-    // xs maps to S1 - Subtitle text
-    xs: {
-      media: {
-        mobile: {
-          fontSize: 14
-        },
-        tablet: {
-          fontSize: 18
-        },
-        desktop: {
-          fontSize: 20
-        }
-      }
-    }
-  };
   /**
    * Default styles for different highlight types
    */
@@ -17314,7 +17238,8 @@
       position: 'relative',
       overflow: 'hidden',
       verticalAlign: 'bottom',
-      whiteSpace: 'nowrap'
+      whiteSpace: 'nowrap',
+      lineHeight: 'normal'
     }, textStyle), [textStyle]);
     // Word row container style
     var wordRowStyle = React.useMemo(() => ({
@@ -17391,7 +17316,7 @@
     })));
   };
 
-  var _excluded$$ = ["children", "highlightText", "highlightStyle", "highlightColor", "highlightSecondaryColor", "size", "responsive", "views", "highlightAnimate", "animate", "animationLoop", "highlightAnimationLoop", "highlightTypewriter", "highlightTypewriterDuration", "highlightSlide", "highlightSlideDuration", "highlightSlideStagger", "highlightSlideSequential", "themeMode", "textComponent"];
+  var _excluded$$ = ["children", "highlightText", "highlightStyle", "highlightColor", "highlightSecondaryColor", "size", "views", "highlightAnimate", "animate", "animationLoop", "highlightAnimationLoop", "highlightTypewriter", "highlightTypewriterDuration", "highlightSlide", "highlightSlideDuration", "highlightSlideStagger", "highlightSlideSequential", "themeMode", "textComponent"];
   function escapeRegExp(string) {
     return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
   }
@@ -17403,7 +17328,6 @@
         highlightColor = 'theme.primary',
         highlightSecondaryColor,
         size = 'lg',
-        responsive = true,
         views,
         highlightAnimate,
         animate,
@@ -17471,10 +17395,7 @@
       highlightSlideSequential
     }, props));
     var TextComponent = textComponent || appStudio.Text;
-    // Common style calculations
-    var useResponsive = responsive && !props.media;
     var fontSize = TitleSizes[size];
-    var responsiveStyles = useResponsive ? ResponsiveTypography[size] : null;
     // Highlight style props
     var highlightProps = HighlightStyles[highlightStyle](resolvedHighlightColor, resolvedHighlightSecondaryColor);
     // Apply loop control to animations
@@ -17499,8 +17420,7 @@
       animate: inView ? controlledAnimate : undefined
     }, !textComponent && {
       as: 'h1',
-      fontSize: useResponsive ? undefined : fontSize,
-      media: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.media : undefined
+      fontSize
     });
     // Render highlighted text content (typewriter, slide, or plain)
     var renderHighlightedContent = content => {
@@ -17528,7 +17448,7 @@
           stagger: stateHighlightSlideStagger,
           sequential: stateHighlightSlideSequential,
           direction: "up",
-          fontSize: useResponsive ? undefined : fontSize,
+          fontSize: fontSize,
           wordProps: highlightProps,
           textComponent: TextComponent
         });
@@ -17551,7 +17471,7 @@
       }
       if (lastIndex < text.length) parts.push(text.substring(lastIndex));
       return /*#__PURE__*/React__default.createElement(appStudio.Element, Object.assign({
-        fontSize: useResponsive ? undefined : fontSize
+        fontSize: fontSize
       }, containerProps, views == null ? void 0 : views.container, props), parts.map((part, idx) => typeof part === 'string' ? (/*#__PURE__*/React__default.createElement(TextComponent, {
         key: "text-" + idx,
         as: "span",