lizaui 4.0.1 → 4.0.3

package/dist/select-input/index.es.js

@@ -4056,11 +4056,13 @@ const rr = (t) => /* @__PURE__ */ T.jsx(ye.NoOptionsMessage, { ...t, className:
     placeholder: (s, { isDisabled: c }) => ({
       ...s,
       fontSize: "14px",
-      color: !c && r && i ? "var(--color-red-500)" : "var(--color-gray-400)"
+      color: !c && r && i ? "var(--color-danger-default)" : "var(--color-gray-400)"
     }),
     input: (s) => ({
       ...s,
-      color: "inherit"
+      fontSize: "14px",
+      paddingLeft: "4px",
+      color: "var(--foreground)"
     }),
     multiValue: (s, { isDisabled: c }) => ({
       ...s,
@@ -4081,18 +4083,19 @@ const rr = (t) => /* @__PURE__ */ T.jsx(ye.NoOptionsMessage, { ...t, className:
     singleValue: (s, { isDisabled: c }) => ({
       ...s,
       fontSize: "14px",
-      color: c ? "var(--color-gray-400)" : r && i ? "var(--color-danger-500)" : "var(--color-gray-500)"
+      paddingLeft: "4px",
+      color: c ? "var(--color-gray-400)" : r && i ? "var(--color-danger-default)" : "var(--foreground)"
     }),
     control: (s, { isDisabled: c }) => {
       let d = 34;
       return n === "md" && (d = 40), {
         ...s,
         minHeight: d,
-        borderColor: !c && r && i ? "var(--color-danger-500)" : "var(--input)",
+        borderColor: !c && r && i ? "var(--color-danger-default)" : "var(--input)",
         borderRadius: "var(--radius-md)",
         cursor: c ? "not-allowed" : "pointer",
         boxShadow: "inherit",
-        backgroundColor: c ? "var(--color-gray-50)" : "color-mix(in oklab, var(--input) 30%, transparent)",
+        backgroundColor: "var(--select-input-bg)",
         // ":hover": {
         // 	border: `1px solid ${
         // 		!isDisabled && error && touched
@@ -4101,7 +4104,7 @@ const rr = (t) => /* @__PURE__ */ T.jsx(ye.NoOptionsMessage, { ...t, className:
         // 	}`,
         // }
         ":focus-within,:hover,:active": {
-          border: `1px solid ${!c && r && i ? "var(--color-danger-500)" : "var(--input)"}`
+          border: `1px solid ${!c && r && i ? "var(--color-danger-default)" : "var(--input)"}`
           // boxShadow:
           // 	!isDisabled && error && touched
           // 		? "var(--shadow-inputError)"