mytek-components 2.1.6 → 2.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.es.js +7 -3
- package/dist/main.es.js.map +1 -1
- package/dist/main.umd.js +7 -3
- package/dist/main.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/main.umd.js
CHANGED
|
@@ -6172,7 +6172,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
|
|
|
6172
6172
|
mode = "both",
|
|
6173
6173
|
isRequired = false,
|
|
6174
6174
|
optionLabelKey = "label",
|
|
6175
|
-
optionValueKey = "value"
|
|
6175
|
+
optionValueKey = "value",
|
|
6176
|
+
wrapperClass = ""
|
|
6176
6177
|
}) => {
|
|
6177
6178
|
const [inputValue, setInputValue] = React.useState("");
|
|
6178
6179
|
const [filteredOptions, setFilteredOptions] = React.useState([]);
|
|
@@ -6294,7 +6295,10 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
|
|
|
6294
6295
|
ref: inputRef,
|
|
6295
6296
|
type: isPassword ? "password" : "text",
|
|
6296
6297
|
placeholder: getPlaceholder(),
|
|
6297
|
-
className: `w-full border rounded-sm px-3 pr-8 py-2 text-sm focus:outline-none focus:ring-1
|
|
6298
|
+
className: `w-full border rounded-sm px-3 pr-8 py-2 text-sm focus:outline-none focus:ring-1
|
|
6299
|
+
focus:ring-[#3B5AA1]
|
|
6300
|
+
${disabled ? "border-gray-300 bg-gray-100 cursor-not-allowed" : error ? "border-red-500" : "border-[#3B5AA1]"}
|
|
6301
|
+
${wrapperClass}`,
|
|
6298
6302
|
name,
|
|
6299
6303
|
value: inputValue,
|
|
6300
6304
|
onChange: handleInputChange,
|
|
@@ -14488,7 +14492,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
|
|
|
14488
14492
|
"span",
|
|
14489
14493
|
{
|
|
14490
14494
|
className: `flex items-center gap-1 justify-center h-[40px] min-w-[60px] px-2 ml-1 rounded text-sm
|
|
14491
|
-
${validationStatus === "valid" ? "text-
|
|
14495
|
+
${validationStatus === "valid" ? "text-[#3B5AA1] bg-gray-100" : validationStatus === "invalid" ? "text-red-600" : "text-gray-600 bg-gray-100"}`,
|
|
14492
14496
|
title: validationStatus === "valid" ? "Correct OTP" : validationStatus === "invalid" ? "Incorrect OTP" : "OTP Timer",
|
|
14493
14497
|
children: [
|
|
14494
14498
|
validationStatus === "valid" && /* @__PURE__ */ jsxRuntimeExports.jsx(FaCheck, { size: 18 }),
|