@app-studio/web 0.9.38 → 0.9.39

package/dist/components/Title/Title/Title.style.d.ts

@@ -19,7 +19,6 @@ export declare const LineHeights: Record<TitleSize, number>;
  * Based on the Typography system with dynamic breakpoint sizing
  */
 export declare const ResponsiveTypography: Record<TitleSize, {
-    lineHeight: string;
     fontWeight: number;
     marginBottom?: number;
     letterSpacing?: number;

package/dist/web.cjs.development.js

@@ -18772,16 +18772,6 @@ var TitleSizes = {
   lg: 64,
   xl: 72
 };
-/**
- * Line heights for different title sizes
- */
-var LineHeights = {
-  xs: 32,
-  sm: 48,
-  md: 56,
-  lg: 72,
-  xl: 80
-};
 /**
  * Responsive typography system that maps title sizes to responsive breakpoints
  * Based on the Typography system with dynamic breakpoint sizing
@@ -18789,7 +18779,6 @@ var LineHeights = {
 var ResponsiveTypography = {
   // xl maps to H1 - Largest heading
   xl: {
-    lineHeight: '120%',
     fontWeight: 500,
     marginBottom: 20,
     letterSpacing: 1.25,
@@ -18810,7 +18799,6 @@ var ResponsiveTypography = {
   },
   // lg maps to H2 - Large heading
   lg: {
-    lineHeight: '100%',
     fontWeight: 500,
     media: {
       mobile: {
@@ -18826,7 +18814,6 @@ var ResponsiveTypography = {
   },
   // md maps to H3 - Medium heading
   md: {
-    lineHeight: '100%',
     fontWeight: 500,
     media: {
       mobile: {
@@ -18842,7 +18829,6 @@ var ResponsiveTypography = {
   },
   // sm maps to T1 - Title text
   sm: {
-    lineHeight: '100%',
     fontWeight: 400,
     letterSpacing: -0.2,
     media: {
@@ -18859,7 +18845,6 @@ var ResponsiveTypography = {
   },
   // xs maps to S1 - Subtitle text
   xs: {
-    lineHeight: '120%',
     fontWeight: 400,
     letterSpacing: -0.2,
     media: {
@@ -19059,7 +19044,6 @@ var TitleView = _ref => {
   // Determine if we should use responsive sizing or static sizing
   var useResponsive = responsive && !props.media; // Don't override if media prop is already provided
   var fontSize = TitleSizes[size];
-  var lineHeight = LineHeights[size];
   // Get responsive styles if responsive prop is true
   var responsiveStyles = useResponsive ? ResponsiveTypography[size] : null;
   // Helper function to apply loop control to animations
@@ -19101,7 +19085,6 @@ var TitleView = _ref => {
       ref: ref,
       as: "h1",
       fontSize: useResponsive ? undefined : fontSize,
-      lineHeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.lineHeight : lineHeight + "px",
       fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
       letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
       marginBottom: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.marginBottom : undefined,
@@ -19127,7 +19110,6 @@ var TitleView = _ref => {
       ref: ref,
       as: "h1",
       fontSize: useResponsive ? undefined : fontSize,
-      lineHeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.lineHeight : lineHeight + "px",
       fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
       letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
       marginBottom: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.marginBottom : undefined,
@@ -19151,7 +19133,6 @@ var TitleView = _ref => {
     ref: ref,
     as: "h1",
     fontSize: fontSize,
-    lineHeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.lineHeight : lineHeight + "px",
     fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
     letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
     marginBottom: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.marginBottom : undefined,