fix: naming of responsiveTypo texts field

src/components/H1/cmp.tsx

@@ -5,13 +5,13 @@ import { H1Props } from "./types";
 export const H1 = ({
   children,
   responsiveTextType,
-  responsiveType,
+  responsiveTypo,
   responsiveFontSize,
   ...rest
 }: H1Props) => {
   const classNames = [
     calculateResponsiveClassNames(responsiveTextType),
-    calculateResponsiveClassNames(responsiveType),
+    calculateResponsiveClassNames(responsiveTypo),
     calculateResponsiveClassNames(responsiveFontSize),
   ].join(" ");
 

src/components/H2/cmp.tsx

@@ -5,13 +5,13 @@ import { H2Props } from "./types";
 export const H2 = ({
   children,
   responsiveTextType,
-  responsiveType,
+  responsiveTypo,
   responsiveFontSize,
   ...rest
 }: H2Props) => {
   const classNames = [
     calculateResponsiveClassNames(responsiveTextType),
-    calculateResponsiveClassNames(responsiveType),
+    calculateResponsiveClassNames(responsiveTypo),
     calculateResponsiveClassNames(responsiveFontSize),
   ].join(" ");
 

src/components/Text/cmp.tsx

@@ -7,17 +7,15 @@ import { calculateResponsiveClassNames } from "@/utils/responsiveClassNames";
 export const Text = ({
   children,
   responsiveTextType,
-  responsiveType,
+  responsiveTypo,
   responsiveFontSize,
 }: TextProps) => {
   const classNames = [
     calculateResponsiveClassNames(responsiveTextType),
-    calculateResponsiveClassNames(responsiveType),
+    calculateResponsiveClassNames(responsiveTypo),
     calculateResponsiveClassNames(responsiveFontSize),
   ].join(" ");
 
-  console.log(classNames);
-
   return <p className={classNames}>{children}</p>;
 };
 

src/components/TextGradient/cmp.builder.tsx

@@ -19,10 +19,5 @@ Builder.registerComponent(TextGradient, {
       type: "string",
       enum: ["", "h1", "h2", "h3"],
     },
-    {
-      name: "size",
-      hideFromUI: true,
-      type: "number",
-    },
   ],
 });

src/components/TextGradient/cmp.tsx

@@ -8,13 +8,13 @@ import { calculateResponsiveClassNames } from "@/utils/responsiveClassNames";
 export const TextGradient = ({
   children,
   responsiveTextType,
-  responsiveType,
+  responsiveTypo,
   responsiveFontSize,
   ...rest
 }: TextGradientProps) => {
   const classNames = [
     calculateResponsiveClassNames(responsiveTextType),
-    calculateResponsiveClassNames(responsiveType),
+    calculateResponsiveClassNames(responsiveTypo),
     calculateResponsiveClassNames(responsiveFontSize),
   ].join(" ");
 

src/components/TextGradient/types.ts

@@ -1,4 +1,3 @@
 import { TextProps } from "@/types/TextProps";
-import { TextGradientProps as CoreTextGradientProps } from "@aleph-front/core";
 
-export type TextGradientProps = CoreTextGradientProps & TextProps;
+export type TextGradientProps = TextProps;

src/types/TextProps.tsx

@@ -3,6 +3,6 @@ import { ClassBreakpoint } from "./breakpoints";
 export type TextProps = {
   children: React.ReactNode;
   responsiveTextType: ClassBreakpoint[];
-  responsiveType: ClassBreakpoint[];
+  responsiveTypo: ClassBreakpoint[];
   responsiveFontSize: ClassBreakpoint[];
 };