@fvc/input 1.1.0 → 1.1.2
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 n}from"antd";import{MaskedInput as
|
|
1
|
+
import{Input as n}from"antd";import{MaskedInput as i}from"antd-mask-input";import r,{forwardRef as t,useState as o,useCallback as e}from"react";import{Icon as d}from"@fvc/icons";import{transformText as u}from"@fvc/utils";function a(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}"function"==typeof SuppressedError&&SuppressedError;var p,c={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 f,v=a((p||(p=1,f=c,function(){var n={}.hasOwnProperty;function i(){for(var n="",i=0;i<arguments.length;i++){var o=arguments[i];o&&(n=t(n,r(o)))}return n}function r(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return i.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var o="";for(var e in r)n.call(r,e)&&r[e]&&(o=t(o,e));return o}function t(n,i){return i?n?n+" "+i:n+i:n}f.exports?(i.default=i,f.exports=i):window.classNames=i}()),c.exports));const l=({error:n})=>r.createElement("div",{className:"fvc-input-error-text","aria-label":"error message container"},r.createElement(d.Info,{width:16,height:16,color:"var(--red-800)","aria-label":"error icon"}),n),s="fvc-input-label",h=({label:n,name:i,withAsterisk:t})=>r.createElement("label",{className:s,htmlFor:i},n,t&&r.createElement("span",{className:`${s}-asterisk`},"*")),g="fvc-input-suffix-sticky",b=({prefix:n,suffix:i,isSticky:t,inputValue:o})=>t?r.createElement("div",{className:`${g}-wrapper`,"aria-label":"sticky suffix wrapper"},r.createElement("div",{className:`${g}-content`},n&&r.createElement("span",null,n),(o||"").toString().replace(/ /g," ")),r.createElement("div",{className:`${g}-suffix`},i)):i;!function(n,i){void 0===i&&(i={});var r=i.insertAt;if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.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.fvc-input {\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\n.fvc-input::placeholder, .fvc-input::-webkit-input-placeholder, .fvc-input:-moz-placeholder, .fvc-input:-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\n.fvc-input {\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}\n\n.fvc-input-outlined, .fvc-input-outlined.fvc-input-search {\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\n.fvc-input-outlined::placeholder, .fvc-input-outlined::-webkit-input-placeholder, .fvc-input-outlined:-moz-placeholder, .fvc-input-outlined:-ms-input-placeholder, .fvc-input-outlined.fvc-input-search::placeholder, .fvc-input-outlined.fvc-input-search::-webkit-input-placeholder, .fvc-input-outlined.fvc-input-search:-moz-placeholder, .fvc-input-outlined.fvc-input-search:-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\n.fvc-input-outlined, .fvc-input-outlined.fvc-input-search {\n background-color: var(--input-outlined-bg-color);\n border-color: var(--input-outlined-border-color);\n}\n\n.fvc-input-outlined .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search .fvc-input-group-addon {\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\n.fvc-input-outlined .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search .fvc-input-group-addon: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\n.fvc-input-outlined .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search .fvc-input-group-addon: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\n.fvc-input-outlined:hover, .fvc-input-outlined.fvc-input-search:hover {\n background-color: var(--input-outlined-hover-bg-color);\n border-color: var(--input-outlined-hover-border-color);\n}\n\n.fvc-input-outlined:hover .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search:hover .fvc-input-group-addon {\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\n.fvc-input-outlined:hover .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search:hover .fvc-input-group-addon: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\n.fvc-input-outlined:hover .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search:hover .fvc-input-group-addon: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\n.fvc-input-outlined:focus, .fvc-input-outlined:focus-visible, .fvc-input-outlined:focus-within, .fvc-input-outlined.fvc-input-search:focus, .fvc-input-outlined.fvc-input-search:focus-visible, .fvc-input-outlined.fvc-input-search: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\n.fvc-input-outlined:focus .fvc-input-group-addon, .fvc-input-outlined:focus-visible .fvc-input-group-addon, .fvc-input-outlined:focus-within .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search:focus .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search:focus-visible .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search:focus-within .fvc-input-group-addon {\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\n.fvc-input-outlined:focus .fvc-input-group-addon:first-child, .fvc-input-outlined:focus-visible .fvc-input-group-addon:first-child, .fvc-input-outlined:focus-within .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search:focus .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search:focus-visible .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search:focus-within .fvc-input-group-addon: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\n.fvc-input-outlined:focus .fvc-input-group-addon:last-child, .fvc-input-outlined:focus-visible .fvc-input-group-addon:last-child, .fvc-input-outlined:focus-within .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search:focus .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search:focus-visible .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search:focus-within .fvc-input-group-addon: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\n.fvc-input-outlined[data-valid=true], .fvc-input-outlined:has(input[data-valid=true]), .fvc-input-outlined.fvc-input-search[data-valid=true], .fvc-input-outlined.fvc-input-search: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\n.fvc-input-outlined[data-valid=true] .fvc-input-group-addon, .fvc-input-outlined:has(input[data-valid=true]) .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search[data-valid=true] .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search:has(input[data-valid=true]) .fvc-input-group-addon {\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\n.fvc-input-outlined[data-valid=true] .fvc-input-group-addon:first-child, .fvc-input-outlined:has(input[data-valid=true]) .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search[data-valid=true] .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search:has(input[data-valid=true]) .fvc-input-group-addon: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\n.fvc-input-outlined[data-valid=true] .fvc-input-group-addon:last-child, .fvc-input-outlined:has(input[data-valid=true]) .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search[data-valid=true] .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search:has(input[data-valid=true]) .fvc-input-group-addon: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\n.fvc-input-outlined.fvc-input-disabled, .fvc-input-outlined.fvc-input-disabled:hover:not([disabled]), .fvc-input-outlined.fvc-input-disabled[disabled]:hover:not([disabled]), .fvc-input-outlined:has(.fvc-input-disabled[disabled]), .fvc-input-outlined.fvc-input-search.fvc-input-disabled, .fvc-input-outlined.fvc-input-search.fvc-input-disabled:hover:not([disabled]), .fvc-input-outlined.fvc-input-search.fvc-input-disabled[disabled]:hover:not([disabled]), .fvc-input-outlined.fvc-input-search:has(.fvc-input-disabled[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\n.fvc-input-outlined.fvc-input-disabled .fvc-input-group-addon, .fvc-input-outlined.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-outlined.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-outlined:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search.fvc-input-disabled .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-outlined.fvc-input-search:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon {\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\n.fvc-input-outlined.fvc-input-disabled .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-outlined:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search.fvc-input-disabled .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-outlined.fvc-input-search:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon: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\n.fvc-input-outlined.fvc-input-disabled .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-outlined:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search.fvc-input-disabled .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-outlined.fvc-input-search:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon: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\n.fvc-input-outlined.fvc-input-textarea, .fvc-input-outlined > textarea.fvc-input, .fvc-input-outlined.fvc-input-search.fvc-input-textarea, .fvc-input-outlined.fvc-input-search > textarea.fvc-input {\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\n.fvc-input-outlined.fvc-input-textarea::placeholder, .fvc-input-outlined.fvc-input-textarea::-webkit-input-placeholder, .fvc-input-outlined.fvc-input-textarea:-moz-placeholder, .fvc-input-outlined.fvc-input-textarea:-ms-input-placeholder, .fvc-input-outlined > textarea.fvc-input::placeholder, .fvc-input-outlined > textarea.fvc-input::-webkit-input-placeholder, .fvc-input-outlined > textarea.fvc-input:-moz-placeholder, .fvc-input-outlined > textarea.fvc-input:-ms-input-placeholder, .fvc-input-outlined.fvc-input-search.fvc-input-textarea::placeholder, .fvc-input-outlined.fvc-input-search.fvc-input-textarea::-webkit-input-placeholder, .fvc-input-outlined.fvc-input-search.fvc-input-textarea:-moz-placeholder, .fvc-input-outlined.fvc-input-search.fvc-input-textarea:-ms-input-placeholder, .fvc-input-outlined.fvc-input-search > textarea.fvc-input::placeholder, .fvc-input-outlined.fvc-input-search > textarea.fvc-input::-webkit-input-placeholder, .fvc-input-outlined.fvc-input-search > textarea.fvc-input:-moz-placeholder, .fvc-input-outlined.fvc-input-search > textarea.fvc-input:-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\n.fvc-input {\n /* ERROR */\n}\n\n.fvc-input-error, .fvc-input-error .fvc-input, .fvc-input-error.fvc-input-search, .fvc-input-error .fvc-input-affix-wrapper {\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\n.fvc-input-error::placeholder, .fvc-input-error::-webkit-input-placeholder, .fvc-input-error:-moz-placeholder, .fvc-input-error:-ms-input-placeholder, .fvc-input-error .fvc-input::placeholder, .fvc-input-error .fvc-input::-webkit-input-placeholder, .fvc-input-error .fvc-input:-moz-placeholder, .fvc-input-error .fvc-input:-ms-input-placeholder, .fvc-input-error.fvc-input-search::placeholder, .fvc-input-error.fvc-input-search::-webkit-input-placeholder, .fvc-input-error.fvc-input-search:-moz-placeholder, .fvc-input-error.fvc-input-search:-ms-input-placeholder, .fvc-input-error .fvc-input-affix-wrapper::placeholder, .fvc-input-error .fvc-input-affix-wrapper::-webkit-input-placeholder, .fvc-input-error .fvc-input-affix-wrapper:-moz-placeholder, .fvc-input-error .fvc-input-affix-wrapper:-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\n.fvc-input-error, .fvc-input-error .fvc-input, .fvc-input-error.fvc-input-search, .fvc-input-error .fvc-input-affix-wrapper {\n background-color: var(--input-error-bg-color);\n border-color: var(--input-error-border-color);\n}\n\n.fvc-input-error .fvc-input-group-addon, .fvc-input-error .fvc-input .fvc-input-group-addon, .fvc-input-error.fvc-input-search .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper .fvc-input-group-addon {\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\n.fvc-input-error .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper .fvc-input-group-addon: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\n.fvc-input-error .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper .fvc-input-group-addon: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\n.fvc-input-error:hover, .fvc-input-error .fvc-input:hover, .fvc-input-error.fvc-input-search:hover, .fvc-input-error .fvc-input-affix-wrapper:hover {\n background-color: var(--input-error-hover-bg-color);\n border-color: var(--input-error-hover-border-color);\n}\n\n.fvc-input-error:hover .fvc-input-group-addon, .fvc-input-error .fvc-input:hover .fvc-input-group-addon, .fvc-input-error.fvc-input-search:hover .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper:hover .fvc-input-group-addon {\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\n.fvc-input-error:hover .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input:hover .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search:hover .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper:hover .fvc-input-group-addon: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\n.fvc-input-error:hover .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input:hover .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search:hover .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper:hover .fvc-input-group-addon: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\n.fvc-input-error:focus, .fvc-input-error:focus-visible, .fvc-input-error:focus-within, .fvc-input-error .fvc-input:focus, .fvc-input-error .fvc-input:focus-visible, .fvc-input-error .fvc-input:focus-within, .fvc-input-error.fvc-input-search:focus, .fvc-input-error.fvc-input-search:focus-visible, .fvc-input-error.fvc-input-search:focus-within, .fvc-input-error .fvc-input-affix-wrapper:focus, .fvc-input-error .fvc-input-affix-wrapper:focus-visible, .fvc-input-error .fvc-input-affix-wrapper: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\n.fvc-input-error:focus .fvc-input-group-addon, .fvc-input-error:focus-visible .fvc-input-group-addon, .fvc-input-error:focus-within .fvc-input-group-addon, .fvc-input-error .fvc-input:focus .fvc-input-group-addon, .fvc-input-error .fvc-input:focus-visible .fvc-input-group-addon, .fvc-input-error .fvc-input:focus-within .fvc-input-group-addon, .fvc-input-error.fvc-input-search:focus .fvc-input-group-addon, .fvc-input-error.fvc-input-search:focus-visible .fvc-input-group-addon, .fvc-input-error.fvc-input-search:focus-within .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper:focus .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper:focus-visible .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper:focus-within .fvc-input-group-addon {\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\n.fvc-input-error:focus .fvc-input-group-addon:first-child, .fvc-input-error:focus-visible .fvc-input-group-addon:first-child, .fvc-input-error:focus-within .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input:focus .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input:focus-visible .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input:focus-within .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search:focus .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search:focus-visible .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search:focus-within .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper:focus .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper:focus-visible .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper:focus-within .fvc-input-group-addon: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\n.fvc-input-error:focus .fvc-input-group-addon:last-child, .fvc-input-error:focus-visible .fvc-input-group-addon:last-child, .fvc-input-error:focus-within .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input:focus .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input:focus-visible .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input:focus-within .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search:focus .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search:focus-visible .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search:focus-within .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper:focus .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper:focus-visible .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper:focus-within .fvc-input-group-addon: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\n.fvc-input-error[data-valid=true], .fvc-input-error:has(input[data-valid=true]), .fvc-input-error .fvc-input[data-valid=true], .fvc-input-error .fvc-input:has(input[data-valid=true]), .fvc-input-error.fvc-input-search[data-valid=true], .fvc-input-error.fvc-input-search:has(input[data-valid=true]), .fvc-input-error .fvc-input-affix-wrapper[data-valid=true], .fvc-input-error .fvc-input-affix-wrapper: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\n.fvc-input-error[data-valid=true] .fvc-input-group-addon, .fvc-input-error:has(input[data-valid=true]) .fvc-input-group-addon, .fvc-input-error .fvc-input[data-valid=true] .fvc-input-group-addon, .fvc-input-error .fvc-input:has(input[data-valid=true]) .fvc-input-group-addon, .fvc-input-error.fvc-input-search[data-valid=true] .fvc-input-group-addon, .fvc-input-error.fvc-input-search:has(input[data-valid=true]) .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper[data-valid=true] .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper:has(input[data-valid=true]) .fvc-input-group-addon {\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\n.fvc-input-error[data-valid=true] .fvc-input-group-addon:first-child, .fvc-input-error:has(input[data-valid=true]) .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input[data-valid=true] .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input:has(input[data-valid=true]) .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search[data-valid=true] .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search:has(input[data-valid=true]) .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper[data-valid=true] .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper:has(input[data-valid=true]) .fvc-input-group-addon: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\n.fvc-input-error[data-valid=true] .fvc-input-group-addon:last-child, .fvc-input-error:has(input[data-valid=true]) .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input[data-valid=true] .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input:has(input[data-valid=true]) .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search[data-valid=true] .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search:has(input[data-valid=true]) .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper[data-valid=true] .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper:has(input[data-valid=true]) .fvc-input-group-addon: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\n.fvc-input-error.fvc-input-disabled, .fvc-input-error.fvc-input-disabled:hover:not([disabled]), .fvc-input-error.fvc-input-disabled[disabled]:hover:not([disabled]), .fvc-input-error:has(.fvc-input-disabled[disabled]), .fvc-input-error .fvc-input.fvc-input-disabled, .fvc-input-error .fvc-input.fvc-input-disabled:hover:not([disabled]), .fvc-input-error .fvc-input.fvc-input-disabled[disabled]:hover:not([disabled]), .fvc-input-error .fvc-input:has(.fvc-input-disabled[disabled]), .fvc-input-error.fvc-input-search.fvc-input-disabled, .fvc-input-error.fvc-input-search.fvc-input-disabled:hover:not([disabled]), .fvc-input-error.fvc-input-search.fvc-input-disabled[disabled]:hover:not([disabled]), .fvc-input-error.fvc-input-search:has(.fvc-input-disabled[disabled]), .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled, .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled:hover:not([disabled]), .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled[disabled]:hover:not([disabled]), .fvc-input-error .fvc-input-affix-wrapper:has(.fvc-input-disabled[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\n.fvc-input-error.fvc-input-disabled .fvc-input-group-addon, .fvc-input-error.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-error.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-error:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon, .fvc-input-error .fvc-input.fvc-input-disabled .fvc-input-group-addon, .fvc-input-error .fvc-input.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-error .fvc-input.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-error .fvc-input:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon, .fvc-input-error.fvc-input-search.fvc-input-disabled .fvc-input-group-addon, .fvc-input-error.fvc-input-search.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-error.fvc-input-search.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-error.fvc-input-search:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon, .fvc-input-error .fvc-input-affix-wrapper:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon {\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\n.fvc-input-error.fvc-input-disabled .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-error:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input.fvc-input-disabled .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search.fvc-input-disabled .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-error.fvc-input-search:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:first-child, .fvc-input-error .fvc-input-affix-wrapper:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon: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\n.fvc-input-error.fvc-input-disabled .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-error:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input.fvc-input-disabled .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search.fvc-input-disabled .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-error.fvc-input-search:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper.fvc-input-disabled[disabled]:hover:not([disabled]) .fvc-input-group-addon:last-child, .fvc-input-error .fvc-input-affix-wrapper:has(.fvc-input-disabled[disabled]) .fvc-input-group-addon: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\n.fvc-input-error-text, .fvc-input-error .fvc-input-text, .fvc-input-error.fvc-input-search-text, .fvc-input-error .fvc-input-affix-wrapper-text {\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\n.fvc-input {\n /* EMPTY */\n}\n\n.fvc-input-empty .fvc-input-clear-icon {\n display: none;\n}\n\n.fvc-input {\n /* CONTROLS */\n}\n\n.fvc-input-no-controls .fvc-input::-webkit-outer-spin-button, .fvc-input-no-controls .fvc-input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.fvc-input-no-controls .fvc-input {\n -moz-appearance: textfield;\n}\n\n.fvc-input {\n /* LABEL */\n}\n\n.fvc-input-label {\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\n.fvc-input-root:has(.fvc-input-outlined) .fvc-input-label {\n color: var(--input-outlined-label-color);\n}\n\n.fvc-input-root:has(.fvc-input-error) .fvc-input-label {\n color: var(--input-error-label-color);\n}\n\n.fvc-input-label-asterisk {\n color: var(--input-asterisk-color);\n}\n\n.fvc-input {\n /* AFFIX WRAPPER */\n}\n\n.fvc-input-affix-wrapper {\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\n.fvc-input-affix-wrapper .fvc-input {\n height: var(--input-md-size-affix-height);\n /* PREFIX AND SUFFIX */\n}\n\n.fvc-input-affix-wrapper .fvc-input-prefix, .fvc-input-affix-wrapper .fvc-input-suffix {\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\n.fvc-input-affix-wrapper .fvc-input-prefix {\n height: 100%;\n line-height: var(--input-md-size-affix-height);\n margin-inline-end: var(--input-md-size-affix-spacing);\n}\n\n.fvc-input-affix-wrapper .fvc-input-suffix {\n margin-inline-start: var(--input-md-size-affix-spacing);\n}\n\n.fvc-input-affix-wrapper.fvc-input-textarea-affix-wrapper {\n height: auto;\n}\n\n.fvc-input-affix-wrapper.fvc-input-textarea-affix-wrapper .fvc-input {\n height: auto;\n}\n\n.fvc-input {\n /* STICKY SUFFIX */\n}\n\n.fvc-input-suffix-sticky {\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n\n.fvc-input-suffix-sticky .fvc-input-affix-wrapper {\n position: relative;\n}\n\n.fvc-input-suffix-sticky:not(.fvc-input-with-prefix).fvc-input-empty > .fvc-input-suffix {\n margin-inline-start: 0;\n}\n\n.fvc-input-suffix-sticky-suffix {\n display: flex;\n align-items: center;\n}\n\n.fvc-input-suffix-sticky-wrapper {\n display: flex;\n align-items: center;\n}\n\n.fvc-input-suffix-sticky-content {\n visibility: hidden;\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.fvc-input-suffix-sticky .fvc-input-suffix {\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\n.fvc-input {\n /* GROUP */\n}\n\n.fvc-input-group {\n display: flex;\n align-items: center;\n height: 100%;\n /* GROUP WRAPPER */\n}\n\n.fvc-input-group-wrapper {\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}\n\n.fvc-input-group-wrapper .fvc-input {\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\n.fvc-input-group-wrapper {\n /* AFFIX WRAPPER */\n}\n\n.fvc-input-group-wrapper .fvc-input-affix-wrapper {\n border: none;\n}\n\n.fvc-input-group-wrapper .fvc-input-affix-wrapper:has(+ .fvc-input-group-addon) {\n padding-right: var(--input-md-size-affix-spacing);\n}\n\n.fvc-input {\n /* SEARCH */\n}\n\n.fvc-input-search > .fvc-input-group > .fvc-input-group-addon: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\n.fvc-input-search > .fvc-input-group > .fvc-input-group-addon:last-child .fvc-input-button {\n border: none;\n outline: none;\n background-color: transparent;\n box-shadow: none;\n}\n\n.fvc-input-search > .fvc-input-group > .fvc-input-group-addon:last-child .fvc-input-button > div {\n display: none;\n}\n\n.fvc-input {\n /* ROOT */\n}\n\n.fvc-input-root {\n width: 100%;\n display: flex;\n flex-direction: column;\n}");const m="fvc-input",w=`${m}-root`,x=`${m}-suffix-sticky`,z={clearIcon:r.createElement(d.Clear,{width:16,height:16,color:"var(--blue-gray-600)","aria-label":"input-clear-icon"})};function y(n,i){const d=t((t,d)=>{var{allowClear:a,className:p,controls:c=!0,defaultValue:f,error:s,label:g,name:y,onChange:k,placeholder:E,prefix:O,suffix:N,suffixType:j="fixed",testId:S,textTransform:C,value:P,variant:A="outlined",withAsterisk:I=!1}=t,R=function(n,i){var r={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&i.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(n);o<t.length;o++)i.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(n,t[o])&&(r[t[o]]=n[t[o]])}return r}(t,["allowClear","className","controls","defaultValue","error","label","name","onChange","placeholder","prefix","suffix","suffixType","testId","textTransform","value","variant","withAsterisk"]);const[$,T]=o(f),F=void 0!==P,V=F?P:$,U=e(n=>{const{value:i}=n.target,r=C?u(i,C):i;F||T(r),null==k||k(Object.assign(Object.assign({},n),{target:Object.assign(Object.assign({},n.target),{value:r})}))},[F,k,C]),X="sticky"===j&&!!N,L=v(p,`${m}-${A}`,{[`${m}-error`]:!!s,[`${m}-empty`]:!V,[`${m}-with-prefix`]:!!O,[`${m}-no-controls`]:!c,[`${x}`]:X}),B=a?z:void 0;return r.createElement("div",{className:w},g&&r.createElement(h,{label:g,name:y,withAsterisk:I}),r.createElement(n,Object.assign({},R,i,{variant:A,prefixCls:m,className:L,required:!0,name:y,value:V,onChange:U,prefix:O,suffix:N?r.createElement(b,{suffix:N,prefix:O,inputValue:V,isSticky:X}):void 0,allowClear:B,placeholder:X?void 0:E,"data-testid":S,"data-valid":!!V,ref:d})),"string"==typeof s&&r.createElement(l,{error:s}))});return d.displayName=n.displayName,d}const k=y(n);k.Textarea=y(n.TextArea,{rootClassName:`${m}-textarea`}),k.Search=y(n.Search,{inputPrefixCls:m,rootClassName:`${m}-search`}),k.Password=y(n.Password,{inputPrefixCls:m,rootClassName:`${m}-password`}),k.Masked=y(i,{rootClassName:`${m}-masked`});export{k 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.2",
|
|
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": "*",
|