@fvc/input 1.1.0 → 1.1.1
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/lib/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{Input as
|
|
1
|
+
import{Input as e}from"antd";import{MaskedInput as r}from"antd-mask-input";import t,{forwardRef as a,useState as n,useCallback as o}from"react";import{Icon as s}from"@fvc/icons";import{transformText as l}from"@fvc/utils";function i(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}"function"==typeof SuppressedError&&SuppressedError;var c,f={exports:{}};
|
|
2
2
|
/*!
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
|
4
4
|
Licensed under the MIT License (MIT), see
|
|
5
5
|
http://jedwatson.github.io/classnames
|
|
6
|
-
*/var c,f=o((d||(d=1,c=a,function(){var n={}.hasOwnProperty;function t(){for(var n="",t=0;t<arguments.length;t++){var u=arguments[t];u&&(n=p(n,i(u)))}return n}function i(i){if("string"==typeof i||"number"==typeof i)return i;if("object"!=typeof i)return"";if(Array.isArray(i))return t.apply(null,i);if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]"))return i.toString();var u="";for(var _ in i)n.call(i,_)&&i[_]&&(u=p(u,_));return u}function p(n,t){return t?n?n+" "+t:n+t:n}c.exports?(t.default=t,c.exports=t):window.classNames=t}()),a.exports));const v=({error:n})=>i.createElement("div",{className:"fvc-input-error-text","aria-label":"error message container"},i.createElement(r.Info,{width:16,height:16,color:"var(--red-800)","aria-label":"error icon"}),n),l="fvc-input-label",s=({label:n,name:t,withAsterisk:p})=>i.createElement("label",{className:l,htmlFor:t},n,p&&i.createElement("span",{className:`${l}-asterisk`},"*")),I="fvc-input-suffix-sticky",h=({prefix:n,suffix:t,isSticky:p,inputValue:u})=>p?i.createElement("div",{className:`${I}-wrapper`,"aria-label":"sticky suffix wrapper"},i.createElement("div",{className:`${I}-content`},n&&i.createElement("span",null,n),(u||"").toString().replace(/ /g," ")),i.createElement("div",{className:`${I}-suffix`},t)):t;!function(n,t){void 0===t&&(t={});var i=t.insertAt;if("undefined"!=typeof document){var p=document.head||document.getElementsByTagName("head")[0],u=document.createElement("style");u.type="text/css","top"===i&&p.firstChild?p.insertBefore(u,p.firstChild):p.appendChild(u),u.styleSheet?u.styleSheet.cssText=n:u.appendChild(document.createTextNode(n))}}(':root {\n /* Input Default Variables */\n --input-font-family: "Roboto", sans-serif;\n --input-addon-text-color: var(--blue-gray-600);\n --input-addon-min-width: 56px;\n --input-description-spacing: 4px;\n --input-description-error-color: var(--red-800);\n --input-asterisk-color: var(--red-800);\n --input-border-width: 1px;\n /* Input Size Variables */\n --input-md-size-height: 32px;\n --input-md-size-border-radius: 4px;\n --input-md-size-spacing: 7px 12px;\n --input-md-size-fz: 14px;\n --input-md-size-fw: 400;\n --input-md-size-lh: 16px;\n --input-md-size-addon-lh: 15px;\n --input-md-size-addon-spacing: 12px;\n --input-md-size-affix-spacing: 10px;\n --input-md-size-affix-height: 16px;\n --input-md-size-label-fw: 700;\n --input-md-size-label-spacing: 6px;\n /* Input Outlined Variant */\n --input-outlined-text-color: var(--black-1000);\n --input-outlined-placeholder-color: var(--blue-300);\n --input-outlined-bg-color: var(--neutral-0);\n --input-outlined-border-color: var(--gray-400);\n --input-outlined-hover-bg-color: var(--neutral-0);\n --input-outlined-hover-border-color: var(--gray-600);\n --input-outlined-focus-border-color: var(--blue-400);\n --input-outlined-valid-bg-color: var(--neutral-0);\n --input-outlined-valid-border-color: var(--gray-400);\n --input-outlined-disabled-bg-color: var(--gray-50);\n --input-outlined-disabled-border-color: var(--gray-400);\n --input-outlined-disabled-text-color: var(--blue-gray-600);\n --input-outlined-label-color: var(--black-1000);\n --input-outlined-addon-bg-color: var(--blue-20);\n /* Input Error Variant */\n --input-error-text-color: var(--black-1000);\n --input-error-placeholder-color: var(--blue-300);\n --input-error-bg-color: var(--red-100);\n --input-error-border-color: var(--red-800);\n --input-error-hover-bg-color: var(--red-100);\n --input-error-hover-border-color: var(--red-600);\n --input-error-focus-border-color: var(--red-800);\n --input-error-valid-bg-color: var(--red-100);\n --input-error-valid-border-color: var(--red-800);\n --input-error-disabled-bg-color: var(--red-100);\n --input-error-disabled-border-color: var(--red-800);\n --input-error-disabled-text-color: var(--blue-gray-600);\n --input-error-label-color: var(--black-1000);\n --input-error-addon-bg-color: #f9cbd166;\n}\n\n.Input_fvc-input__SmfZT {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-outlined-text-color);\n height: var(--input-md-size-height);\n border-radius: var(--input-md-size-border-radius);\n padding: var(--input-md-size-spacing);\n /* OUTLINED VARIANT */\n /* ERROR */\n /* EMPTY */\n /* CONTROLS */\n /* LABEL */\n /* AFFIX WRAPPER */\n /* STICKY SUFFIX */\n /* GROUP */\n /* SEARCH */\n /* ROOT */\n}\n.Input_fvc-input__SmfZT::placeholder, .Input_fvc-input__SmfZT::-webkit-input-placeholder, .Input_fvc-input__SmfZT:-moz-placeholder, .Input_fvc-input__SmfZT:-ms-input-placeholder {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-outlined-placeholder-color);\n}\n.Input_fvc-input-outlined__S80fb, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 {\n border-width: var(--input-border-width);\n border-style: solid;\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-outlined-text-color);\n}\n.Input_fvc-input-outlined__S80fb::placeholder, .Input_fvc-input-outlined__S80fb::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb:-moz-placeholder, .Input_fvc-input-outlined__S80fb:-ms-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0::placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:-moz-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:-ms-input-placeholder {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-outlined-placeholder-color);\n}\n.Input_fvc-input-outlined__S80fb, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 {\n background-color: var(--input-outlined-bg-color);\n border-color: var(--input-outlined-border-color);\n}\n.Input_fvc-input-outlined__S80fb .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--input-addon-min-width);\n width: auto;\n height: 100%;\n border: none;\n border-radius: 0;\n background-color: var(--input-outlined-addon-bg-color);\n line-height: var(--input-md-size-addon-lh);\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-outlined__S80fb .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G:first-child {\n border-right: var(--input-border-width) solid var(--input-outlined-border-color);\n background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G:last-child {\n border-left: var(--input-border-width) solid var(--input-outlined-border-color);\n background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb:hover, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:hover {\n background-color: var(--input-outlined-hover-bg-color);\n border-color: var(--input-outlined-hover-border-color);\n}\n.Input_fvc-input-outlined__S80fb:hover .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--input-addon-min-width);\n width: auto;\n height: 100%;\n border: none;\n border-radius: 0;\n background-color: var(--input-outlined-addon-bg-color);\n line-height: var(--input-md-size-addon-lh);\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-outlined__S80fb:hover .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G:first-child {\n border-right: var(--input-border-width) solid var(--input-outlined-hover-border-color);\n background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb:hover .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G:last-child {\n border-left: var(--input-border-width) solid var(--input-outlined-hover-border-color);\n background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb:focus, .Input_fvc-input-outlined__S80fb:focus-visible, .Input_fvc-input-outlined__S80fb:focus-within, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-visible, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-within {\n background-color: var(--input-outlined-bg-color);\n border-color: var(--input-outlined-focus-border-color);\n outline: none;\n box-shadow: none;\n}\n.Input_fvc-input-outlined__S80fb:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb:focus-within .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--input-addon-min-width);\n width: auto;\n height: 100%;\n border: none;\n border-radius: 0;\n background-color: var(--input-outlined-addon-bg-color);\n line-height: var(--input-md-size-addon-lh);\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-outlined__S80fb:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child {\n border-right: var(--input-border-width) solid var(--input-outlined-focus-border-color);\n background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child {\n border-left: var(--input-border-width) solid var(--input-outlined-focus-border-color);\n background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb[data-valid=true], .Input_fvc-input-outlined__S80fb:has(input[data-valid=true]), .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0[data-valid=true], .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) {\n background-color: var(--input-outlined-valid-bg-color);\n border-color: var(--input-outlined-valid-border-color);\n}\n.Input_fvc-input-outlined__S80fb[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--input-addon-min-width);\n width: auto;\n height: 100%;\n border: none;\n border-radius: 0;\n background-color: var(--input-outlined-addon-bg-color);\n line-height: var(--input-md-size-addon-lh);\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-outlined__S80fb[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child {\n border-right: var(--input-border-width) solid var(--input-outlined-valid-border-color);\n background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child {\n border-left: var(--input-border-width) solid var(--input-outlined-valid-border-color);\n background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-outlined__S80fb:has(.Input_fvc-input-disabled__6e8Oq[disabled]), .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) {\n background-color: var(--input-outlined-disabled-bg-color);\n border-color: var(--input-outlined-disabled-border-color);\n color: var(--input-outlined-disabled-text-color);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--input-addon-min-width);\n width: auto;\n height: 100%;\n border: none;\n border-radius: 0;\n background-color: var(--input-outlined-addon-bg-color);\n line-height: var(--input-md-size-addon-lh);\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child {\n border-right: var(--input-border-width) solid var(--input-outlined-disabled-border-color);\n background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child {\n border-left: var(--input-border-width) solid var(--input-outlined-disabled-border-color);\n background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-textarea__1onyg, .Input_fvc-input-outlined__S80fb > textarea.Input_fvc-input__SmfZT, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-textarea__1onyg, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 > textarea.Input_fvc-input__SmfZT {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-outlined-text-color);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-textarea__1onyg::placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-textarea__1onyg::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-textarea__1onyg:-moz-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-textarea__1onyg:-ms-input-placeholder, .Input_fvc-input-outlined__S80fb > textarea.Input_fvc-input__SmfZT::placeholder, .Input_fvc-input-outlined__S80fb > textarea.Input_fvc-input__SmfZT::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb > textarea.Input_fvc-input__SmfZT:-moz-placeholder, .Input_fvc-input-outlined__S80fb > textarea.Input_fvc-input__SmfZT:-ms-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-textarea__1onyg::placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-textarea__1onyg::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-textarea__1onyg:-moz-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-textarea__1onyg:-ms-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 > textarea.Input_fvc-input__SmfZT::placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 > textarea.Input_fvc-input__SmfZT::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 > textarea.Input_fvc-input__SmfZT:-moz-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 > textarea.Input_fvc-input__SmfZT:-ms-input-placeholder {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-outlined-placeholder-color);\n}\n.Input_fvc-input-error__Hi6VP, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-error-text-color);\n}\n.Input_fvc-input-error__Hi6VP::placeholder, .Input_fvc-input-error__Hi6VP::-webkit-input-placeholder, .Input_fvc-input-error__Hi6VP:-moz-placeholder, .Input_fvc-input-error__Hi6VP:-ms-input-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT::placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT::-webkit-input-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:-moz-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:-ms-input-placeholder, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0::placeholder, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0::-webkit-input-placeholder, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:-moz-placeholder, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:-ms-input-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV::placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV::-webkit-input-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:-moz-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:-ms-input-placeholder {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-error-placeholder-color);\n}\n.Input_fvc-input-error__Hi6VP, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV {\n background-color: var(--input-error-bg-color);\n border-color: var(--input-error-border-color);\n}\n.Input_fvc-input-error__Hi6VP .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-group-addon__pBQ3G {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--input-addon-min-width);\n width: auto;\n height: 100%;\n border: none;\n border-radius: 0;\n background-color: var(--input-error-addon-bg-color);\n line-height: var(--input-md-size-addon-lh);\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-error__Hi6VP .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-group-addon__pBQ3G:first-child {\n border-right: var(--input-border-width) solid var(--input-error-border-color);\n background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-group-addon__pBQ3G:last-child {\n border-left: var(--input-border-width) solid var(--input-error-border-color);\n background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP:hover, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:hover, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:hover, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:hover {\n background-color: var(--input-error-hover-bg-color);\n border-color: var(--input-error-hover-border-color);\n}\n.Input_fvc-input-error__Hi6VP:hover .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:hover .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:hover .Input_fvc-input-group-addon__pBQ3G {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--input-addon-min-width);\n width: auto;\n height: 100%;\n border: none;\n border-radius: 0;\n background-color: var(--input-error-addon-bg-color);\n line-height: var(--input-md-size-addon-lh);\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-error__Hi6VP:hover .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:hover .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:hover .Input_fvc-input-group-addon__pBQ3G:first-child {\n border-right: var(--input-border-width) solid var(--input-error-hover-border-color);\n background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP:hover .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:hover .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:hover .Input_fvc-input-group-addon__pBQ3G:last-child {\n border-left: var(--input-border-width) solid var(--input-error-hover-border-color);\n background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP:focus, .Input_fvc-input-error__Hi6VP:focus-visible, .Input_fvc-input-error__Hi6VP:focus-within, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-visible, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-within, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-visible, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-within, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-visible, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-within {\n background-color: var(--input-error-bg-color);\n border-color: var(--input-error-focus-border-color);\n outline: none;\n box-shadow: none;\n}\n.Input_fvc-input-error__Hi6VP:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP:focus-within .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-within .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-within .Input_fvc-input-group-addon__pBQ3G {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--input-addon-min-width);\n width: auto;\n height: 100%;\n border: none;\n border-radius: 0;\n background-color: var(--input-error-addon-bg-color);\n line-height: var(--input-md-size-addon-lh);\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-error__Hi6VP:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child {\n border-right: var(--input-border-width) solid var(--input-error-focus-border-color);\n background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child {\n border-left: var(--input-border-width) solid var(--input-error-focus-border-color);\n background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP[data-valid=true], .Input_fvc-input-error__Hi6VP:has(input[data-valid=true]), .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT[data-valid=true], .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(input[data-valid=true]), .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0[data-valid=true], .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]), .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV[data-valid=true], .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(input[data-valid=true]) {\n background-color: var(--input-error-valid-bg-color);\n border-color: var(--input-error-valid-border-color);\n}\n.Input_fvc-input-error__Hi6VP[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--input-addon-min-width);\n width: auto;\n height: 100%;\n border: none;\n border-radius: 0;\n background-color: var(--input-error-addon-bg-color);\n line-height: var(--input-md-size-addon-lh);\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-error__Hi6VP[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child {\n border-right: var(--input-border-width) solid var(--input-error-valid-border-color);\n background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child {\n border-left: var(--input-border-width) solid var(--input-error-valid-border-color);\n background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-error__Hi6VP:has(.Input_fvc-input-disabled__6e8Oq[disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(.Input_fvc-input-disabled__6e8Oq[disabled]), .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(.Input_fvc-input-disabled__6e8Oq[disabled]) {\n background-color: var(--input-error-disabled-bg-color);\n border-color: var(--input-error-disabled-border-color);\n color: var(--input-error-disabled-text-color);\n}\n.Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--input-addon-min-width);\n width: auto;\n height: 100%;\n border: none;\n border-radius: 0;\n background-color: var(--input-error-addon-bg-color);\n line-height: var(--input-md-size-addon-lh);\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child {\n border-right: var(--input-border-width) solid var(--input-error-disabled-border-color);\n background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child {\n border-left: var(--input-border-width) solid var(--input-error-disabled-border-color);\n background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error-text__Qxuwg, .Input_fvc-input-error__Hi6VP .Input_fvc-input-text__xZXZy, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search-text__uPy2C, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper-text__p4Qrq {\n display: flex;\n align-items: center;\n width: 100%;\n margin-top: var(--input-description-spacing);\n gap: var(--input-description-spacing);\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-description-error-color);\n}\n.Input_fvc-input-empty__JRY-7 .Input_fvc-input-clear-icon__paeY8 {\n display: none;\n}\n.Input_fvc-input-no-controls__nJ7Fr .Input_fvc-input__SmfZT {\n -moz-appearance: textfield;\n}\n.Input_fvc-input-no-controls__nJ7Fr .Input_fvc-input__SmfZT::-webkit-outer-spin-button, .Input_fvc-input-no-controls__nJ7Fr .Input_fvc-input__SmfZT::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.Input_fvc-input-label__XlwIT {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-outlined-label-color);\n font-weight: var(--input-md-size-label-fw);\n margin-bottom: var(--input-md-size-label-spacing);\n display: flex;\n width: 100%;\n gap: 2px;\n}\n.Input_fvc-input-root__p4pnb:has(.Input_fvc-input-outlined__S80fb) .Input_fvc-input-label__XlwIT {\n color: var(--input-outlined-label-color);\n}\n.Input_fvc-input-root__p4pnb:has(.Input_fvc-input-error__Hi6VP) .Input_fvc-input-label__XlwIT {\n color: var(--input-error-label-color);\n}\n.Input_fvc-input-label-asterisk__wxTnH {\n color: var(--input-asterisk-color);\n}\n.Input_fvc-input-affix-wrapper__edzyV {\n height: var(--input-md-size-height);\n border-radius: var(--input-md-size-border-radius);\n padding: var(--input-md-size-spacing);\n display: flex;\n align-items: center;\n}\n.Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input__SmfZT {\n height: var(--input-md-size-affix-height);\n /* PREFIX AND SUFFIX */\n}\n.Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-prefix__7Sj54, .Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-suffix__tLp0p {\n font-family: var(--input-font-family);\n font-weight: var(--input-md-size-fw);\n font-size: var(--input-md-size-fz);\n line-height: var(--input-md-size-lh);\n letter-spacing: 0;\n color: var(--input-addon-text-color);\n}\n.Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-prefix__7Sj54 {\n height: 100%;\n line-height: var(--input-md-size-affix-height);\n margin-inline-end: var(--input-md-size-affix-spacing);\n}\n.Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-suffix__tLp0p {\n margin-inline-start: var(--input-md-size-affix-spacing);\n}\n.Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-textarea-affix-wrapper__Zfgcs {\n height: auto;\n}\n.Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-textarea-affix-wrapper__Zfgcs .Input_fvc-input__SmfZT {\n height: auto;\n}\n.Input_fvc-input-suffix-sticky__08wO5 {\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n.Input_fvc-input-suffix-sticky__08wO5 .Input_fvc-input-affix-wrapper__edzyV {\n position: relative;\n}\n.Input_fvc-input-suffix-sticky__08wO5:not(.Input_fvc-input-with-prefix__o5GHd).Input_fvc-input-empty__JRY-7 > .Input_fvc-input-suffix__tLp0p {\n margin-inline-start: 0;\n}\n.Input_fvc-input-suffix-sticky-suffix__y6Gvd {\n display: flex;\n align-items: center;\n}\n.Input_fvc-input-suffix-sticky-wrapper__Vmzil {\n display: flex;\n align-items: center;\n}\n.Input_fvc-input-suffix-sticky-content__0z5dX {\n visibility: hidden;\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.Input_fvc-input-suffix-sticky__08wO5 .Input_fvc-input-suffix__tLp0p {\n position: absolute;\n display: flex;\n align-items: center;\n height: 100%;\n top: 50%;\n transform: translateY(-50%);\n z-index: 999;\n}\n.Input_fvc-input-group__ab3bT {\n display: flex;\n align-items: center;\n height: 100%;\n /* GROUP WRAPPER */\n}\n.Input_fvc-input-group-wrapper__UcNIe {\n height: var(--input-md-size-height);\n border-radius: var(--input-md-size-border-radius);\n padding: var(--input-md-size-spacing);\n padding: 0;\n overflow: hidden;\n /* AFFIX WRAPPER */\n}\n.Input_fvc-input-group-wrapper__UcNIe .Input_fvc-input__SmfZT {\n height: var(--input-md-size-height);\n border-radius: var(--input-md-size-border-radius);\n padding: var(--input-md-size-spacing);\n border: none;\n}\n.Input_fvc-input-group-wrapper__UcNIe .Input_fvc-input-affix-wrapper__edzyV {\n border: none;\n}\n.Input_fvc-input-group-wrapper__UcNIe .Input_fvc-input-affix-wrapper__edzyV:has(+ .Input_fvc-input-group-addon__pBQ3G) {\n padding-right: var(--input-md-size-affix-spacing);\n}\n.Input_fvc-input-search__ouOZ0 > .Input_fvc-input-group__ab3bT > .Input_fvc-input-group-addon__pBQ3G:last-child {\n inset-inline-start: 0;\n padding-left: var(--input-md-size-addon-spacing);\n padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-search__ouOZ0 > .Input_fvc-input-group__ab3bT > .Input_fvc-input-group-addon__pBQ3G:last-child .Input_fvc-input-button__fcyVP {\n border: none;\n outline: none;\n background-color: transparent;\n box-shadow: none;\n}\n.Input_fvc-input-search__ouOZ0 > .Input_fvc-input-group__ab3bT > .Input_fvc-input-group-addon__pBQ3G:last-child .Input_fvc-input-button__fcyVP > div {\n display: none;\n}\n.Input_fvc-input-root__p4pnb {\n width: 100%;\n display: flex;\n flex-direction: column;\n}');const b="fvc-input",g=`${b}-root`,m=`${b}-suffix-sticky`,V={clearIcon:i.createElement(r.Clear,{width:16,height:16,color:"var(--blue-gray-600)","aria-label":"input-clear-icon"})};function w(n,t){const r=p((p,r)=>{var{allowClear:o,className:d,controls:a=!0,defaultValue:c,error:l,label:I,name:w,onChange:z,placeholder:O,prefix:P,suffix:x,suffixType:S="fixed",testId:y,textTransform:G,value:B,variant:Q="outlined",withAsterisk:H=!1}=p,Z=function(n,t){var i={};for(var p in n)Object.prototype.hasOwnProperty.call(n,p)&&t.indexOf(p)<0&&(i[p]=n[p]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var u=0;for(p=Object.getOwnPropertySymbols(n);u<p.length;u++)t.indexOf(p[u])<0&&Object.prototype.propertyIsEnumerable.call(n,p[u])&&(i[p[u]]=n[p[u]])}return i}(p,["allowClear","className","controls","defaultValue","error","label","name","onChange","placeholder","prefix","suffix","suffixType","testId","textTransform","value","variant","withAsterisk"]);const[q,T]=u(c),k=void 0!==B,E=k?B:q,N=_(n=>{const{value:t}=n.target,i=G?e(t,G):t;k||T(i),null==z||z(Object.assign(Object.assign({},n),{target:Object.assign(Object.assign({},n.target),{value:i})}))},[k,z,G]),j="sticky"===S&&!!x,C=f(d,`${b}-${Q}`,{[`${b}-error`]:!!l,[`${b}-empty`]:!E,[`${b}-with-prefix`]:!!P,[`${b}-no-controls`]:!a,[`${m}`]:j}),R=o?V:void 0;return i.createElement("div",{className:g},I&&i.createElement(s,{label:I,name:w,withAsterisk:H}),i.createElement(n,Object.assign({},Z,t,{variant:Q,prefixCls:b,className:C,required:!0,name:w,value:E,onChange:N,prefix:P,suffix:x?i.createElement(h,{suffix:x,prefix:P,inputValue:E,isSticky:j}):void 0,allowClear:R,placeholder:j?void 0:O,"data-testid":y,"data-valid":!!E,ref:r})),"string"==typeof l&&i.createElement(v,{error:l}))});return r.displayName=n.displayName,r}const z=w(n);z.Textarea=w(n.TextArea,{rootClassName:`${b}-textarea`}),z.Search=w(n.Search,{inputPrefixCls:b,rootClassName:`${b}-search`}),z.Password=w(n.Password,{inputPrefixCls:b,rootClassName:`${b}-password`}),z.Masked=w(t,{rootClassName:`${b}-masked`});export{z as Input};
|
|
6
|
+
*/var p,u=i((c||(c=1,p=f,function(){var e={}.hasOwnProperty;function r(){for(var e="",r=0;r<arguments.length;r++){var n=arguments[r];n&&(e=a(e,t(n)))}return e}function t(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var n="";for(var o in t)e.call(t,o)&&t[o]&&(n=a(n,o));return n}function a(e,r){return r?e?e+" "+r:e+r:e}p.exports?(r.default=r,p.exports=r):window.classNames=r}()),f.exports));const m=({error:e})=>t.createElement("div",{className:"fvc-input-error-text","aria-label":"error message container"},t.createElement(s.Info,{width:16,height:16,color:"var(--red-800)","aria-label":"error icon"}),e),d="fvc-input-label",v=({label:e,name:r,withAsterisk:a})=>t.createElement("label",{className:d,htmlFor:r},e,a&&t.createElement("span",{className:`${d}-asterisk`},"*")),x="fvc-input-suffix-sticky",y=({prefix:e,suffix:r,isSticky:a,inputValue:n})=>a?t.createElement("div",{className:`${x}-wrapper`,"aria-label":"sticky suffix wrapper"},t.createElement("div",{className:`${x}-content`},e&&t.createElement("span",null,e),(n||"").toString().replace(/ /g," ")),t.createElement("div",{className:`${x}-suffix`},r)):r,g="fvc-input",b=`${g}-root`,h=`${g}-suffix-sticky`,w={clearIcon:t.createElement(s.Clear,{width:16,height:16,color:"var(--blue-gray-600)","aria-label":"input-clear-icon"})};function O(e,r){const s=a((a,s)=>{var{allowClear:i,className:c,controls:f=!0,defaultValue:p,error:d,label:x,name:O,onChange:E,placeholder:N,prefix:$,suffix:k,suffixType:C="fixed",testId:S,textTransform:j,value:P,variant:A="outlined",withAsterisk:I=!1}=a,T=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t}(a,["allowClear","className","controls","defaultValue","error","label","name","onChange","placeholder","prefix","suffix","suffixType","testId","textTransform","value","variant","withAsterisk"]);const[V,M]=n(p),_=void 0!==P,q=_?P:V,F=o(e=>{const{value:r}=e.target,t=j?l(r,j):r;_||M(t),null==E||E(Object.assign(Object.assign({},e),{target:Object.assign(Object.assign({},e.target),{value:t})}))},[_,E,j]),z="sticky"===C&&!!k,B=u(c,`${g}-${A}`,{[`${g}-error`]:!!d,[`${g}-empty`]:!q,[`${g}-with-prefix`]:!!$,[`${g}-no-controls`]:!f,[`${h}`]:z}),D=i?w:void 0;return t.createElement("div",{className:b},x&&t.createElement(v,{label:x,name:O,withAsterisk:I}),t.createElement(e,Object.assign({},T,r,{variant:A,prefixCls:g,className:B,required:!0,name:O,value:q,onChange:F,prefix:$,suffix:k?t.createElement(y,{suffix:k,prefix:$,inputValue:q,isSticky:z}):void 0,allowClear:D,placeholder:z?void 0:N,"data-testid":S,"data-valid":!!q,ref:s})),"string"==typeof d&&t.createElement(m,{error:d}))});return s.displayName=e.displayName,s}const E=O(e);E.Textarea=O(e.TextArea,{rootClassName:`${g}-textarea`}),E.Search=O(e.Search,{inputPrefixCls:g,rootClassName:`${g}-search`}),E.Password=O(e.Password,{inputPrefixCls:g,rootClassName:`${g}-password`}),E.Masked=O(r,{rootClassName:`${g}-masked`});export{E as Input};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { InputSuffixProps } from '../types/Input.types';
|
|
3
|
-
export declare const InputSuffix: ({ prefix, suffix, isSticky, inputValue, }: InputSuffixProps) => string | number |
|
|
3
|
+
export declare const InputSuffix: ({ prefix, suffix, isSticky, inputValue, }: InputSuffixProps) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fvc/input",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"main": "./dist/lib/index.js",
|
|
5
5
|
"types": "./dist/lib/input/src/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -26,10 +26,6 @@
|
|
|
26
26
|
"type-check": "tsc --noEmit",
|
|
27
27
|
"test": "bun test --preload ../../tests/happydom.ts --preload ../../tests/testing-library.tsx"
|
|
28
28
|
},
|
|
29
|
-
"dependencies": {
|
|
30
|
-
"@fvc/icons": "file:../icons",
|
|
31
|
-
"@fvc/utils": "file:../utils"
|
|
32
|
-
},
|
|
33
29
|
"peerDependencies": {
|
|
34
30
|
"@fvc/icons": "*",
|
|
35
31
|
"@fvc/utils": "*",
|