@yomologic/react-ui 0.6.0 → 0.6.2

package/dist/index.js

@@ -676,7 +676,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,
@@ -748,7 +748,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,
@@ -1066,7 +1066,7 @@ var Input = import_react5.default.forwardRef(
                   "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
@@ -1080,7 +1080,7 @@ var Input = import_react5.default.forwardRef(
             shouldRenderError && inputError && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               "p",
               {
-                className: "text-small text-error",
+                className: "text-small text-(--color-error)",
                 id: `${fieldId}-error`,
                 role: "alert",
                 children: inputError
@@ -1310,7 +1310,7 @@ var Textarea = import_react6.default.forwardRef(
                 "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",
@@ -1789,7 +1789,7 @@ function Checkbox({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "h-5 mt-1.5", children: displayError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-small text-error", role: "alert", children: displayError }) })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "h-5 mt-1.5", children: displayError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-small text-(--color-error)", role: "alert", children: displayError }) })
   ] });
 }
 function CheckboxGroup({
@@ -1939,7 +1939,7 @@ function CheckboxGroup({
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "h-5 mt-1.5", children: (error || helperText) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "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
           }
@@ -2118,7 +2118,7 @@ function RadioGroup({
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "h-5 mt-1.5", children: (displayError || helperText) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "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
           }
@@ -2347,7 +2347,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)"}
           `,
@@ -2436,7 +2436,7 @@ function Select({
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "h-5 mt-1.5", children: (helperText || displayError) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "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
           }
         ) })
@@ -2515,7 +2515,7 @@ function NativeSelect({
             style: { color: "var(--color-muted-foreground)" },
             children: [
               label,
-              required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "ml-1 text-error", children: "*" })
+              required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "ml-1 text-(--color-error)", children: "*" })
             ]
           }
         ),
@@ -2535,7 +2535,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
@@ -2551,7 +2551,7 @@ function NativeSelect({
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "h-5 mt-1.5", children: (helperText || displayError) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "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
           }
         ) })