feat: add soft text variation

Author: abelflopes

packages/components/all/src/text/index.tsx

@@ -8,7 +8,7 @@ export type TextVariation = "small" | "bold" | "link" | "link_hidden";
 
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
   margin?: boolean;
-  type?: "huge" | keyof Pick<ReactHTML, "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p">;
+  type?: "huge" | "soft" | keyof Pick<ReactHTML, "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p">;
   variation?: TextVariation | TextVariation[];
   as?: keyof ReactHTML | React.ReactElement;
 }
@@ -44,6 +44,7 @@ export const Text = ({
     let value: keyof ReactHTML;
 
     switch (type) {
+      case "soft":
       case "huge": {
         value = "h1";
         break;

packages/components/all/src/text/styles/index.module.scss

@@ -56,6 +56,10 @@
   --font-size: 60px;
 }
 
+.soft {
+  --color: #718096;
+}
+
 // Variations
 
 .small {