@cleartrip/ct-design-typography 5.7.0-SNAPSHOT-native-main.5 → 5.7.0

package/dist/style.d.ts

@@ -116,34 +116,17 @@ export declare const getTypographyVariant: (theme: Theme, variant: TypographyVar
     letterSpacing: 0.4;
     textTransform?: undefined;
 };
-export declare const getTypographyColor: (theme: Theme, color: TypographyColorType) => string;
+export declare const getTypographyColor: (theme: Theme, color: TypographyColorType) => string | undefined;
 export declare const getLineClampStyles: (lineClamp?: number) => {
-    display?: undefined;
-    whiteSpace?: undefined;
-    overflow?: undefined;
-    textOverflow?: undefined;
-    width?: undefined;
-    minWidth?: undefined;
-    WebkitLineClamp?: undefined;
-    WebkitBoxOrient?: undefined;
-} | {
     display: TextStyle["display"];
-    whiteSpace: string;
+    webkitLineClamp: number;
+    webkitBoxOrient: string;
     overflow: string;
-    textOverflow: string;
-    width: string;
-    minWidth: number;
-    WebkitLineClamp?: undefined;
-    WebkitBoxOrient?: undefined;
 } | {
-    display: TextStyle["display"];
-    WebkitLineClamp: number;
-    WebkitBoxOrient: "vertical";
-    overflow: string;
-    textOverflow: string;
-    width: string;
-    minWidth: number;
-    whiteSpace?: undefined;
+    display?: undefined;
+    webkitLineClamp?: undefined;
+    webkitBoxOrient?: undefined;
+    overflow?: undefined;
 };
 export declare const getTypographyUnderlineOffset: (theme: Theme, variant: TypographyVariantType, isUnderlined?: boolean) => 20 | 16 | 12 | 4 | 8 | undefined;
 export declare const getTypographyStyles: ({ theme, variant, color, isStriked, colorCode, showInItalics, }: {
@@ -158,7 +141,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     lineClamp?: number;
     isDisabled?: boolean;
 }) => {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 48;
@@ -167,7 +150,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 40;
@@ -176,7 +159,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 32;
@@ -185,7 +168,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 24;
@@ -194,7 +177,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 20;
@@ -203,7 +186,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 16;
@@ -212,7 +195,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 14;
@@ -221,7 +204,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 16;
@@ -230,7 +213,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 14;
@@ -239,7 +222,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 12;
@@ -248,7 +231,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 12;
@@ -257,7 +240,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing: 0.4;
     textTransform: string;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 10;
@@ -266,7 +249,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 10;
@@ -275,7 +258,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing: 0.4;
     textTransform: string;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 16;
@@ -284,7 +267,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 14;
@@ -293,7 +276,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 12;
@@ -302,7 +285,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 10;
@@ -311,7 +294,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 12;
@@ -320,7 +303,7 @@ export declare const getTypographyStyles: ({ theme, variant, color, isStriked, c
     letterSpacing?: undefined;
     textTransform?: undefined;
 } | {
-    color: string;
+    color: string | undefined;
     textDecorationLine: "none" | "line-through";
     fontStyle: TextStyle["fontStyle"];
     fontSize: 10;

package/dist/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Typography/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,eAAO,MAAM,oBAAoB,GAAI,OAAO,KAAK,EAAE,SAAS,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKhF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK,EAAE,OAAO,mBAAmB,WAmE1E,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM;;;;;;;;;;aAO3B,SAAS,CAAC,SAAS,CAAC;;;;;;;;;aAUhB,SAAS,CAAC,SAAS,CAAC;;;;;;;;CAQjD,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,OAAO,KAAK,EAAE,SAAS,qBAAqB,EAAE,eAAe,OAAO,qCAmBhH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,iEAOjC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;;;eAMqD,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;CAE3E,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Typography/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,eAAO,MAAM,oBAAoB,GAAI,OAAO,KAAK,EAAE,SAAS,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKhF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK,EAAE,OAAO,mBAAmB,uBA4E1E,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM;aAGvB,SAAS,CAAC,SAAS,CAAC;;;;;;;;;CAQjD,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,OAAO,KAAK,EAAE,SAAS,qBAAqB,EAAE,eAAe,OAAO,qCAmBhH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,iEAOjC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;;;eAMqD,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;eAAtB,SAAS,CAAC,WAAW,CAAC;;;;;;CAE3E,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-design-typography",
-  "version": "5.7.0-SNAPSHOT-native-main.5",
+  "version": "5.7.0",
   "description": "Typography component with enhanced styleConfig support for RNW compatibility",
   "types": "dist/index.d.ts",
   "main": "dist/ct-design-typography.cjs.js",
@@ -8,16 +8,6 @@
   "jsnext:main": "dist/ct-design-typography.esm.js",
   "module": "dist/ct-design-typography.esm.js",
   "sideEffects": false,
-  "exports": {
-    ".": {
-      "development": "./src/index.ts",
-      "react-native": "./src/index.ts",
-      "types": "./dist/index.d.ts",
-      "import": "./dist/ct-design-typography.esm.js",
-      "require": "./dist/ct-design-typography.cjs.js",
-      "default": "./dist/ct-design-typography.esm.js"
-    }
-  },
   "browser": {
     "./dist/ct-design-typography.esm.js": "./dist/ct-design-typography.browser.esm.js",
     "./dist/ct-design-typography.cjs.js": "./dist/ct-design-typography.browser.cjs.js"
@@ -29,13 +19,13 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@cleartrip/ct-design-types": "5.7.0-SNAPSHOT-native-main.5",
-    "@cleartrip/ct-design-theme": "5.7.0-SNAPSHOT-native-main.5",
-    "@cleartrip/ct-design-conditional-wrap": "5.7.0-SNAPSHOT-native-main.6",
-    "@cleartrip/ct-design-style-manager": "5.7.0-SNAPSHOT-native-main.5",
-    "@cleartrip/ct-design-event-propagation": "5.7.0-SNAPSHOT-native-main.6",
-    "@cleartrip/ct-design-container": "5.7.0-SNAPSHOT-native-main.6",
-    "@cleartrip/ct-design-common-utils": "5.7.0-SNAPSHOT-native-main.5"
+    "@cleartrip/ct-design-types": "5.7.0",
+    "@cleartrip/ct-design-theme": "5.7.0",
+    "@cleartrip/ct-design-conditional-wrap": "5.7.0",
+    "@cleartrip/ct-design-container": "5.7.0",
+    "@cleartrip/ct-design-style-manager": "5.7.0",
+    "@cleartrip/ct-design-event-propagation": "5.7.0",
+    "@cleartrip/ct-design-common-utils": "5.7.0"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.12.0"

package/src/Typography.tsx

@@ -2,14 +2,14 @@ import React, { useMemo } from 'react';
 import { useTheme } from '@cleartrip/ct-design-theme';
 import { useStyles, useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
 import { Container, IContainer } from '@cleartrip/ct-design-container';
+import ConditionalWrap from '@cleartrip/ct-design-conditional-wrap';
 import { getLineClampStyles, getTypographyStyles } from './style';
-import type { Styles } from '@cleartrip/ct-design-types';
 import { TypographyVariantType, ITypography, TypographyNodeElementType } from './type';
 import { TypographyColor } from './constants';
 import { css } from '@emotion/css';
 
 const getTextType = (variant: TypographyVariantType): TypographyNodeElementType => {
-  const variantMapper: Record<TypographyVariantType, TypographyNodeElementType> = {
+  const variantMapper = {
     HD1: 'h1',
     HD2: 'h2',
     HD3: 'h3',
@@ -17,27 +17,24 @@ const getTextType = (variant: TypographyVariantType): TypographyNodeElementType
     HM2: 'h2',
     HM3: 'h3',
     HM4: 'h4',
-    // Body / paragraph / link variants: inline on web
-    B1: 'span',
-    B2: 'span',
-    B3: 'span',
-    B4: 'span',
-    P1: 'span',
-    P2: 'span',
-    P3: 'span',
-    P4: 'span',
-    L1: 'span',
-    L2: 'span',
-    L3: 'span',
-    M4BOLD: 'span',
-    // Block-only variants
-    B4CAPS: 'div',
-    OVERLINE: 'div',
-    B3CAPS: 'div',
-    TAG: 'div',
-    WRAPPER: 'div',
+    B1: 'p',
+    B2: 'p',
+    B3: 'p',
+    B4: 'p',
+    P1: 'p',
+    P2: 'p',
+    P3: 'p',
+    P4: 'p',
+    L1: 'p',
+    L2: 'p',
+    L3: 'p',
+    B4CAPS: 'p',
+    OVERLINE: 'p',
+    B3CAPS: 'p',
+    M4BOLD: 'p',
+    TAG: 'p',
   };
-  return variantMapper[variant] ?? 'span';
+  return variantMapper[variant];
 };
 
 const Typography: React.FC<ITypography> = ({
@@ -62,7 +59,7 @@ const Typography: React.FC<ITypography> = ({
     (theme) => {
       return {
         root: getTypographyStyles({
-          theme,
+          theme: theme,
           variant,
           color,
           isClickable: parsedIsClickable,
@@ -100,23 +97,26 @@ const Typography: React.FC<ITypography> = ({
     [typographyStyles.root, clampClass, customRootStyles],
   );
 
-  const ComponentToRender = lineClamp ? 'div' : componentNode || getTextType(variant) || 'p';
-  const isInlineNode = ComponentToRender === 'span';
+  const ComponentToRender = componentNode || getTextType(variant);
 
-  if (parsedIsClickable) {
-    const containerAs: IContainer['as'] = isInlineNode ? 'span' : 'div';
-    const clickableContainerStyles = isInlineNode
-      ? [{ display: 'inline' } as unknown as Styles, ...customContainerStyles]
-      : customContainerStyles;
+  const containerAsSupportedValues: readonly IContainer['as'][] = ['p', 'main', 'section', 'article', 'div'] as const;
+  const containerAs: IContainer['as'] =
+    componentNode && (containerAsSupportedValues as readonly string[]).includes(componentNode)
+      ? (componentNode as IContainer['as'])
+      : 'div';
 
-    return (
-      <Container onClick={onClick} styleConfig={{ root: clickableContainerStyles }} as={containerAs}>
-        <ComponentToRender className={mergedRootStyles}>{children}</ComponentToRender>
-      </Container>
-    );
-  }
-
-  return <ComponentToRender className={mergedRootStyles}>{children}</ComponentToRender>;
+  return (
+    <ConditionalWrap
+      condition={parsedIsClickable}
+      wrap={(children) => (
+        <Container onClick={onClick} styleConfig={{ root: customContainerStyles }} as={containerAs}>
+          {children}
+        </Container>
+      )}
+    >
+      <ComponentToRender className={mergedRootStyles}>{children}</ComponentToRender>
+    </ConditionalWrap>
+  );
 };
 
 export default Typography;

package/src/style.ts

@@ -237,6 +237,15 @@ export const getTypographyColor = (theme: Theme, color: TypographyColorType) =>
     case TypographyColor.BRAND: {
       return theme.color.text.brand;
     }
+    case TypographyColor.MARGARITA750: {
+      return theme.color.text.margarita750;
+    }
+    case TypographyColor.GREEN100: {
+      return theme.color.text.green100;
+    }
+    case TypographyColor.RED100: {
+      return theme.color.text.red100;
+    }
     default: {
       return theme.color.text.primary;
     }
@@ -244,30 +253,16 @@ export const getTypographyColor = (theme: Theme, color: TypographyColorType) =>
 };
 
 export const getLineClampStyles = (lineClamp?: number) => {
-  if (!lineClamp) {
-    return {};
-  }
-
-  if (lineClamp === 1) {
+  if (lineClamp) {
     return {
-      display: 'block' as TextStyle['display'],
-      whiteSpace: 'nowrap',
+      display: 'webkitBox' as TextStyle['display'],
+      webkitLineClamp: lineClamp,
+      webkitBoxOrient: 'vertical',
       overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      width: '100%',
-      minWidth: 0,
     };
   }
 
-  return {
-    display: '-webkit-box' as TextStyle['display'],
-    WebkitLineClamp: lineClamp,
-    WebkitBoxOrient: 'vertical' as const,
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    width: '100%',
-    minWidth: 0,
-  };
+  return {};
 };
 
 export const getTypographyUnderlineOffset = (theme: Theme, variant: TypographyVariantType, isUnderlined?: boolean) => {