analytica-frontend-lib 1.0.20 → 1.0.21

package/dist/index.d.mts

@@ -141,7 +141,7 @@ type BaseTextProps = {
     /** Font weight variant */
     weight?: 'hairline' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
     /** Color variant - white for light backgrounds, black for dark backgrounds */
-    color?: 'white' | 'black';
+    color?: string;
     /** Additional CSS classes to apply */
     className?: string;
 };
@@ -162,7 +162,7 @@ type TextProps<T extends ElementType = 'p'> = BaseTextProps & {
  * @param children - The content to display
  * @param size - The text size variant (2xs, xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl)
  * @param weight - The font weight variant (hairline, light, normal, medium, semibold, bold, extrabold, black)
- * @param color - The color variant (white, black) - adapts to theme
+ * @param color - The color variant - adapts to theme
  * @param as - The HTML tag to render - determines allowed attributes via TypeScript
  * @param className - Additional CSS classes
  * @param props - HTML attributes valid for the chosen tag only
@@ -170,7 +170,7 @@ type TextProps<T extends ElementType = 'p'> = BaseTextProps & {
  *
  * @example
  * ```tsx
- * <Text size="lg" weight="bold" color="black">
+ * <Text size="lg" weight="bold" color="text-info-800">
  *   This is a large, bold text
  * </Text>
  *

package/dist/index.d.ts

@@ -141,7 +141,7 @@ type BaseTextProps = {
     /** Font weight variant */
     weight?: 'hairline' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
     /** Color variant - white for light backgrounds, black for dark backgrounds */
-    color?: 'white' | 'black';
+    color?: string;
     /** Additional CSS classes to apply */
     className?: string;
 };
@@ -162,7 +162,7 @@ type TextProps<T extends ElementType = 'p'> = BaseTextProps & {
  * @param children - The content to display
  * @param size - The text size variant (2xs, xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl)
  * @param weight - The font weight variant (hairline, light, normal, medium, semibold, bold, extrabold, black)
- * @param color - The color variant (white, black) - adapts to theme
+ * @param color - The color variant - adapts to theme
  * @param as - The HTML tag to render - determines allowed attributes via TypeScript
  * @param className - Additional CSS classes
  * @param props - HTML attributes valid for the chosen tag only
@@ -170,7 +170,7 @@ type TextProps<T extends ElementType = 'p'> = BaseTextProps & {
  *
  * @example
  * ```tsx
- * <Text size="lg" weight="bold" color="black">
+ * <Text size="lg" weight="bold" color="text-info-800">
  *   This is a large, bold text
  * </Text>
  *

package/dist/index.js

@@ -207,14 +207,13 @@ var Text = ({
   children,
   size = "md",
   weight = "normal",
-  color = "black",
+  color = "text-text-950",
   as,
   className = "",
   ...props
 }) => {
   let sizeClasses = "";
   let weightClasses = "";
-  let colorClasses = "";
   const sizeClassMap = {
     "2xs": "text-2xs",
     xs: "text-xs",
@@ -240,17 +239,12 @@ var Text = ({
     black: "font-black"
   };
   weightClasses = weightClassMap[weight] ?? weightClassMap.normal;
-  const colorClassMap = {
-    white: "text-text",
-    black: "text-text-950"
-  };
-  colorClasses = colorClassMap[color] ?? colorClassMap.black;
   const baseClasses = "font-primary";
   const Component = as ?? "p";
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     Component,
     {
-      className: `${baseClasses} ${sizeClasses} ${weightClasses} ${colorClasses} ${className}`,
+      className: `${baseClasses} ${sizeClasses} ${weightClasses} ${color} ${className}`,
       ...props,
       children
     }
@@ -497,7 +491,6 @@ var CheckBox = (0, import_react2.forwardRef)(
                     htmlFor: inputId,
                     size: sizeClasses.textSize,
                     weight: "normal",
-                    color: "black",
                     className: `cursor-pointer select-none leading-[150%] flex items-center font-roboto ${labelClassName}`,
                     children: label
                   }
@@ -507,8 +500,26 @@ var CheckBox = (0, import_react2.forwardRef)(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-error-600", children: errorMessage }),
-      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperText })
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Text,
+        {
+          size: "sm",
+          weight: "normal",
+          className: "mt-1.5",
+          color: "text-error-600",
+          children: errorMessage
+        }
+      ),
+      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Text,
+        {
+          size: "sm",
+          weight: "normal",
+          className: "mt-1.5",
+          color: "text-text-500",
+          children: helperText
+        }
+      )
     ] });
   }
 );

package/dist/index.mjs

@@ -156,14 +156,13 @@ var Text = ({
   children,
   size = "md",
   weight = "normal",
-  color = "black",
+  color = "text-text-950",
   as,
   className = "",
   ...props
 }) => {
   let sizeClasses = "";
   let weightClasses = "";
-  let colorClasses = "";
   const sizeClassMap = {
     "2xs": "text-2xs",
     xs: "text-xs",
@@ -189,17 +188,12 @@ var Text = ({
     black: "font-black"
   };
   weightClasses = weightClassMap[weight] ?? weightClassMap.normal;
-  const colorClassMap = {
-    white: "text-text",
-    black: "text-text-950"
-  };
-  colorClasses = colorClassMap[color] ?? colorClassMap.black;
   const baseClasses = "font-primary";
   const Component = as ?? "p";
   return /* @__PURE__ */ jsx4(
     Component,
     {
-      className: `${baseClasses} ${sizeClasses} ${weightClasses} ${colorClasses} ${className}`,
+      className: `${baseClasses} ${sizeClasses} ${weightClasses} ${color} ${className}`,
       ...props,
       children
     }
@@ -450,7 +444,6 @@ var CheckBox = forwardRef2(
                     htmlFor: inputId,
                     size: sizeClasses.textSize,
                     weight: "normal",
-                    color: "black",
                     className: `cursor-pointer select-none leading-[150%] flex items-center font-roboto ${labelClassName}`,
                     children: label
                   }
@@ -460,8 +453,26 @@ var CheckBox = forwardRef2(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ jsx6(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-error-600", children: errorMessage }),
-      helperText && !errorMessage && /* @__PURE__ */ jsx6(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperText })
+      errorMessage && /* @__PURE__ */ jsx6(
+        Text,
+        {
+          size: "sm",
+          weight: "normal",
+          className: "mt-1.5",
+          color: "text-error-600",
+          children: errorMessage
+        }
+      ),
+      helperText && !errorMessage && /* @__PURE__ */ jsx6(
+        Text,
+        {
+          size: "sm",
+          weight: "normal",
+          className: "mt-1.5",
+          color: "text-text-500",
+          children: helperText
+        }
+      )
     ] });
   }
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "analytica-frontend-lib",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "description": "Repositório público dos componentes utilizados nas plataformas da Analytica Ensino",
   "main": "dist/index.cjs",
   "module": "./dist/index.js",