formatting

Author: mykalmax

web/common/src/components/Typography/Headline.tsx

@@ -20,7 +20,7 @@ export function Headline({
       data-component="Headline"
       className={cn(
         getHeadlineTextSize(level),
-        'truncate text-typography-heading',
+        'truncate text-typography-headline',
         className,
       )}
       {...props}

web/common/src/styles/design/semantic-colors.css

@@ -71,7 +71,7 @@
   --color-link-underline: var(--color-deep-blue-125);
 
   /* Typography */
-  --color-typography-heading: var(--color-prose);
+  --color-typography-headline: var(--color-prose);
   --color-typography-tagline: var(--color-neutral-600);
   --color-typography-description: var(--color-neutral-500);
   --color-typography-info: var(--color-typography-tagline);

web/common/tailwind.base.config.js

@@ -37,7 +37,7 @@ module.exports = {
           900: 'var(--color-neutral-900)',
         },
         typography: {
-          heading: 'var(--color-typography-heading)',
+          heading: 'var(--color-typography-headline)',
           tagline: 'var(--color-typography-tagline)',
           description: 'var(--color-typography-description)',
           info: 'var(--color-typography-info)',