@yomologic/react-ui 0.5.11 → 0.6.2

package/dist/index.mjs

@@ -607,7 +607,7 @@ function FormControl({
           {
             className: cn(
               "text-small",
-              currentError ? "text-error" : "text-(--color-muted-foreground)"
+              currentError ? "text-(--color-error)" : "text-(--color-muted-foreground)"
             ),
             id: `${fieldId}-message`,
             role: currentError ? "alert" : void 0,
@@ -679,7 +679,7 @@ function FormHelperText({
     {
       className: cn(
         "text-small",
-        isError ? "text-error" : "text-(--color-muted-foreground)",
+        isError ? "text-(--color-error)" : "text-(--color-muted-foreground)",
         className
       ),
       role: isError ? "alert" : void 0,
@@ -994,10 +994,10 @@ var Input = React2.forwardRef(
                 "aria-describedby": inputError ? `${fieldId}-error` : helperText ? `${fieldId}-helper` : void 0,
                 className: cn(
                   "w-full px-3 py-2 border rounded-md transition-colors",
-                  "text-(--color-muted-foreground) placeholder-gray-400",
+                  "text-(--color-foreground) placeholder-gray-400",
                   "focus:outline-none",
                   "disabled:bg-(--color-muted) disabled:cursor-not-allowed disabled:text-(--color-muted-foreground)",
-                  inputError ? "border-error focus:ring-2 focus:ring-error focus:border-error active:border-error" : "border-(--color-border) focus:ring-2 focus:ring-(--color-primary)/30 focus:border-(--color-primary) active:border-(--color-primary)",
+                  inputError ? "border-(--color-error) focus:ring-2 focus:ring-(--color-error) focus:border-(--color-error) active:border-(--color-error)" : "border-(--color-border) focus:ring-2 focus:ring-(--color-primary)/30 focus:border-(--color-primary) active:border-(--color-primary)",
                   leftIcon && "pl-10",
                   rightIcon && "pr-10",
                   className
@@ -1011,7 +1011,7 @@ var Input = React2.forwardRef(
             shouldRenderError && inputError && /* @__PURE__ */ jsx4(
               "p",
               {
-                className: "text-small text-error",
+                className: "text-small text-(--color-error)",
                 id: `${fieldId}-error`,
                 role: "alert",
                 children: inputError
@@ -1238,10 +1238,10 @@ var Textarea = React3.forwardRef(
               "aria-describedby": textareaError ? `${textareaId}-error` : helperText ? `${textareaId}-helper` : void 0,
               className: cn(
                 "w-full px-3 py-2 border rounded-md transition-colors",
-                "text-(--color-muted-foreground) placeholder-gray-400",
+                "text-(--color-foreground) placeholder-gray-400",
                 "focus:outline-none",
                 "disabled:bg-(--color-muted) disabled:cursor-not-allowed disabled:text-(--color-muted-foreground)",
-                textareaError ? "border-error focus:ring-2 focus:ring-error focus:border-error active:border-error" : "border-(--color-border) focus:ring-2 focus:ring-(--color-primary)/30 focus:border-(--color-primary) active:border-(--color-primary)",
+                textareaError ? "border-(--color-error) focus:ring-2 focus:ring-(--color-error) focus:border-(--color-error) active:border-(--color-error)" : "border-(--color-border) focus:ring-2 focus:ring-(--color-primary)/30 focus:border-(--color-primary) active:border-(--color-primary)",
                 resizeClasses[resize],
                 autoResize && "overflow-hidden",
                 !autoResize && "overflow-auto",
@@ -1720,7 +1720,7 @@ function Checkbox({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx8("div", { className: "h-5 mt-1.5", children: displayError && /* @__PURE__ */ jsx8("p", { className: "text-small text-error", role: "alert", children: displayError }) })
+    /* @__PURE__ */ jsx8("div", { className: "h-5 mt-1.5", children: displayError && /* @__PURE__ */ jsx8("p", { className: "text-small text-(--color-error)", role: "alert", children: displayError }) })
   ] });
 }
 function CheckboxGroup({
@@ -1870,7 +1870,7 @@ function CheckboxGroup({
         /* @__PURE__ */ jsx8("div", { className: "h-5 mt-1.5", children: (error || helperText) && /* @__PURE__ */ jsx8(
           "p",
           {
-            className: `text-small ${error ? "text-error" : "text-(--color-muted-foreground)"}`,
+            className: `text-small ${error ? "text-(--color-error)" : "text-(--color-muted-foreground)"}`,
             role: error ? "alert" : void 0,
             children: error || helperText
           }
@@ -2049,7 +2049,7 @@ function RadioGroup({
         /* @__PURE__ */ jsx9("div", { className: "h-5 mt-1.5", children: (displayError || helperText) && /* @__PURE__ */ jsx9(
           "p",
           {
-            className: `text-small ${displayError ? "text-error" : "text-(--color-muted-foreground)"}`,
+            className: `text-small ${displayError ? "text-(--color-error)" : "text-(--color-muted-foreground)"}`,
             role: displayError ? "alert" : void 0,
             children: displayError || helperText
           }
@@ -2278,7 +2278,7 @@ function Select({
             flex items-center justify-between
             transition-all duration-200
             outline-none
-            ${displayError ? "border-error focus:ring-2 focus:ring-error focus:border-error focus-visible:ring-2 focus-visible:ring-error focus-visible:border-error" : "border-(--color-border) focus:ring-2 focus:ring-(--color-primary)/30 focus:border-(--color-primary) focus-visible:ring-2 focus-visible:ring-(--color-primary)/30 focus-visible:border-(--color-primary)"}
+            ${displayError ? "border-(--color-error) focus:ring-2 focus:ring-(--color-error) focus:border-(--color-error) focus-visible:ring-2 focus-visible:ring-(--color-error) focus-visible:border-(--color-error)" : "border-(--color-border) focus:ring-2 focus:ring-(--color-primary)/30 focus:border-(--color-primary) focus-visible:ring-2 focus-visible:ring-(--color-primary)/30 focus-visible:border-(--color-primary)"}
             ${disabled ? "bg-(--color-muted) cursor-not-allowed opacity-60" : "hover:border-(--color-primary)"}
             ${!value ? "text-(--color-placeholder)" : "text-(--color-foreground)"}
           `,
@@ -2367,7 +2367,7 @@ function Select({
         /* @__PURE__ */ jsx10("div", { className: "h-5 mt-1.5", children: (helperText || displayError) && /* @__PURE__ */ jsx10(
           "p",
           {
-            className: `text-small ${displayError ? "text-error" : "text-(--color-muted-foreground)"}`,
+            className: `text-small ${displayError ? "text-(--color-error)" : "text-(--color-muted-foreground)"}`,
             children: displayError || helperText
           }
         ) })
@@ -2446,7 +2446,7 @@ function NativeSelect({
             style: { color: "var(--color-muted-foreground)" },
             children: [
               label,
-              required && /* @__PURE__ */ jsx11("span", { className: "ml-1 text-error", children: "*" })
+              required && /* @__PURE__ */ jsx11("span", { className: "ml-1 text-(--color-error)", children: "*" })
             ]
           }
         ),
@@ -2466,7 +2466,7 @@ function NativeSelect({
                     appearance-none
                     cursor-pointer
                     outline-none
-                    ${displayError ? "border-error focus:border-error active:border-error" : "border-(--color-border) focus:border-(--color-primary) active:border-(--color-primary)"}
+                    ${displayError ? "border-(--color-error) focus:border-(--color-error) active:border-(--color-error)" : "border-(--color-border) focus:border-(--color-primary) active:border-(--color-primary)"}
                     ${disabled ? "bg-(--color-muted) cursor-not-allowed opacity-60" : "hover:border-(--color-primary)"}
                     ${!value ? "text-(--color-placeholder)" : "text-(--color-foreground)"}
                     pr-10
@@ -2482,7 +2482,7 @@ function NativeSelect({
         /* @__PURE__ */ jsx11("div", { className: "h-5 mt-1.5", children: (helperText || displayError) && /* @__PURE__ */ jsx11(
           "p",
           {
-            className: `text-small ${displayError ? "text-error" : "text-(--color-muted-foreground)"}`,
+            className: `text-small ${displayError ? "text-(--color-error)" : "text-(--color-muted-foreground)"}`,
             children: displayError || helperText
           }
         ) })