@ttoss/ui 2.0.1 → 2.0.2

package/dist/esm/index.js

@@ -147,12 +147,12 @@ import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var Input = /*#__PURE__*/React3.forwardRef(({
   leadingIcon,
   onLeadingIconClick,
-  trailingIcon,
   onTrailingIconClick,
   className,
   sx,
   ...inputProps
 }, ref) => {
+  const trailingIcon = inputProps["aria-invalid"] ? "warning-alt" : inputProps.trailingIcon;
   return /* @__PURE__ */jsxs4(Flex, {
     className,
     sx: {
@@ -303,7 +303,7 @@ var Select = /*#__PURE__*/React5.forwardRef(({
           fontSize: "base"
         },
         children: /* @__PURE__ */jsx8(Icon, {
-          icon: "error"
+          icon: "warning-alt"
         })
       })]
     }),

package/dist/index.js

@@ -224,12 +224,12 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 var Input = React3.forwardRef(({
   leadingIcon,
   onLeadingIconClick,
-  trailingIcon,
   onTrailingIconClick,
   className,
   sx,
   ...inputProps
 }, ref) => {
+  const trailingIcon = inputProps["aria-invalid"] ? "warning-alt" : inputProps.trailingIcon;
   return /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(import_theme_ui8.Flex, {
     className,
     sx: {
@@ -380,7 +380,7 @@ var Select = React5.forwardRef(({
           fontSize: "base"
         },
         children: /* @__PURE__ */(0, import_jsx_runtime8.jsx)(Icon, {
-          icon: "error"
+          icon: "warning-alt"
         })
       })]
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "author": "ttoss",
   "contributors": [

package/src/components/Input.tsx

@@ -14,7 +14,6 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
     {
       leadingIcon,
       onLeadingIconClick,
-      trailingIcon,
       onTrailingIconClick,
       className,
       sx,
@@ -22,6 +21,10 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
     },
     ref
   ) => {
+    const trailingIcon = inputProps['aria-invalid']
+      ? 'warning-alt'
+      : inputProps.trailingIcon;
+
     return (
       <Flex
         className={className}

package/src/components/Select.tsx

@@ -42,7 +42,7 @@ export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
                   fontSize: 'base',
                 }}
               >
-                <Icon icon="error" />
+                <Icon icon="warning-alt" />
               </Text>
             )}
           </>