refactor: rename text type

Author: abelflopes

packages/components/text/src/index.tsx

@@ -17,7 +17,7 @@ export interface TextProps<T extends HTMLTag> extends BaseHTMLProps, ConsumerPol
   /** Adds margin to the text element  */
   margin?: boolean;
   /** Specifies the type/visual variation of text element to be rendered  */
-  type?: "huge" | "soft" | keyof Pick<ReactHTML, "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p">;
+  type?: "banner" | "soft" | keyof Pick<ReactHTML, "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p">;
   /* Specifies the visual style variation(s) for the text */
   variation?: TextVariation | TextVariation[];
 }
@@ -67,7 +67,7 @@ export const Text = <T extends HTMLTag>({
 
     switch (type) {
       case "soft":
-      case "huge": {
+      case "banner": {
         value = "h1";
         break;
       }

packages/components/text/src/styles/_variables.scss

@@ -14,7 +14,7 @@ $text-types: (
     ),
     hover: (),
   ),
-  huge: (
+  banner: (
     default: (
       font-size: 60px,
       font-weight: 700,

packages/docs/stories/src/banner.stories.tsx

@@ -34,7 +34,7 @@ export const Component: Story = {
     src: faker.image.urlPicsumPhotos(),
     children: (
       <>
-        <Text type="huge">{faker.lorem.sentence()}</Text>
+        <Text type="banner">{faker.lorem.sentence()}</Text>
 
         <Text>{faker.lorem.sentence()}</Text>