npm - @hi-ui/tree-select - Versions diffs - 4.0.0-beta.11 → 4.0.0-beta.12 - Mend

@hi-ui/tree-select 4.0.0-beta.11 → 4.0.0-beta.12

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.

Files changed (7) hide show

package/lib/cjs/ui/input/lib/esm/Input.js +1 -1
package/lib/cjs/ui/input/lib/esm/Input.js.map +1 -1
package/lib/cjs/ui/input/lib/esm/styles/index.scss.js +1 -1
package/lib/esm/ui/input/lib/esm/Input.js +1 -1
package/lib/esm/ui/input/lib/esm/Input.js.map +1 -1
package/lib/esm/ui/input/lib/esm/styles/index.scss.js +1 -1
package/package.json +5 -5

package/lib/cjs/ui/input/lib/esm/Input.js CHANGED Viewed

@@ -179,7 +179,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, prepend ? /*#__PURE__*/React__default['default'].createElement("div", {
     className: prefixCls + "__prepend"
   }, prepend) : null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classname.cx(prefixCls + "__inner", prefix && prefixCls + "__inner--prefix", suffix && prefixCls + "__inner--suffix", focused && prefixCls + "__inner--focused", disabled && prefixCls + "-__inner-disabled", readOnly && prefixCls + "-__inner-readonly", invalid && prefixCls + "__inner--invalid"),
+    className: classname.cx(prefixCls + "__inner", prefix && prefixCls + "__inner--prefix", suffix && prefixCls + "__inner--suffix", focused && prefixCls + "__inner--focused", disabled && prefixCls + "__inner--disabled", readOnly && prefixCls + "__inner--readonly", invalid && prefixCls + "__inner--invalid"),
     onMouseOver: function onMouseOver(e) {
       setHover(true);
     },

package/lib/cjs/ui/input/lib/esm/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../../../../input/lib/esm/Input.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/input\n * https://github.com/XiaoMi/hiui/tree/master/packages/ui/input#readme\n \n Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { __rest } from 'tslib';\nimport React, { forwardRef, useMemo, isValidElement, useRef, useCallback, useState } from 'react';\nimport { getPrefixCls, cx } from '@hi-ui/classname';\nimport { __DEV__ } from '@hi-ui/env';\nimport { useMergeRefs } from '@hi-ui/use-merge-refs';\nimport { CloseCircleFilled } from '@hi-ui/icons';\nimport { useInput } from './use-input.js';\n\nvar _prefix = getPrefixCls('input');\n/\n 输入框\n \n @TODO:\n * 1. size api 确认\n * 2. 修改类名结构\n * 3. 支持带数字展示\n * 4. InputGroup 模式支持\n * 5. 手动聚焦支持额外配置\n /\n\n\nvar Input = /#__PURE__/forwardRef(function (_a, ref) {\n var _a$prefixCls = _a.prefixCls,\n prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,\n _a$role = _a.role,\n role = _a$role === void 0 ? 'input' : _a$role,\n className = _a.className,\n style = _a.style,\n _a$size = _a.size,\n size = _a$size === void 0 ? 'md' : _a$size,\n _a$appearance = _a.appearance,\n appearance = _a$appearance === void 0 ? 'line' : _a$appearance,\n prepend = _a.prepend,\n append = _a.append,\n prefix = _a.prefix,\n suffix = _a.suffix,\n _a$clearableTrigger = _a.clearableTrigger,\n clearableTrigger = _a$clearableTrigger === void 0 ? 'hover' : _a$clearableTrigger,\n _a$clearable = _a.clearable,\n clearable = _a$clearable === void 0 ? false : _a$clearable,\n _a$invalid = _a.invalid,\n invalid = _a$invalid === void 0 ? false : _a$invalid,\n name = _a.name,\n autoFocus = _a.autoFocus,\n disabled = _a.disabled,\n readOnly = _a.readOnly,\n maxLength = _a.maxLength,\n placeholder = _a.placeholder,\n defaultValue = _a.defaultValue,\n valueProp = _a.value,\n onChange = _a.onChange,\n onFocus = _a.onFocus,\n onBlur = _a.onBlur,\n trimValueOnBlur = _a.trimValueOnBlur,\n onClear = _a.onClear,\n type = _a.type,\n containerRef = _a.containerRef,\n rest = __rest(_a, [\"prefixCls\", \"role\", \"className\", \"style\", \"size\", \"appearance\", \"prepend\", \"append\", \"prefix\", \"suffix\", \"clearableTrigger\", \"clearable\", \"invalid\", \"name\", \"autoFocus\", \"disabled\", \"readOnly\", \"maxLength\", \"placeholder\", \"defaultValue\", \"value\", \"onChange\", \"onFocus\", \"onBlur\", \"trimValueOnBlur\", \"onClear\", \"type\", \"containerRef\"]); // @TODO: 临时方案，后面迁移至 InputGroup\n\n\n var _useMemo = useMemo(function () {\n var shouldUnset = [false, false]; // @ts-ignore\n // @ts-ignore\n\n if ( /#__PURE__/isValidElement(prepend) && ['Select', 'Button'].includes(prepend.type.HiName)) {\n shouldUnset[0] = true;\n } // @ts-ignore\n // @ts-ignore\n\n\n if ( /#__PURE__/isValidElement(append) && ['Select', 'Button'].includes(append.type.HiName)) {\n shouldUnset[1] = true;\n }\n\n return shouldUnset;\n }, [prepend, append]),\n unsetPrepend = _useMemo[0],\n unsetAppend = _useMemo[1];\n\n var inputElementRef = useRef(null);\n var proxyOnChange = useCallback(function (value, evt) {\n if (!onChange) return;\n onChangeMock(onChange, evt, inputElementRef.current, value);\n }, [onChange]);\n var clearElementRef = useRef(null);\n\n var _useInput = useInput({\n clearElementRef: clearElementRef,\n name: name,\n autoFocus: autoFocus,\n disabled: disabled,\n readOnly: readOnly,\n maxLength: maxLength,\n placeholder: placeholder,\n defaultValue: defaultValue,\n value: valueProp,\n onChange: proxyOnChange,\n onFocus: onFocus,\n onBlur: onBlur,\n trimValueOnBlur: trimValueOnBlur,\n type: type\n }),\n tryChangeValue = _useInput.tryChangeValue,\n focused = _useInput.focused,\n value = _useInput.value,\n getInputProps = _useInput.getInputProps;\n\n var focus = useCallback(function () {\n var _a;\n\n (_a = inputElementRef.current) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }, []);\n\n var _useState = useState(false),\n hover = _useState[0],\n setHover = _useState[1]; // 在开启 clearable 下展示清除内容按钮，可点击进行内容清楚\n\n\n var showClearableIcon = clearable && !!value && !disabled;\n var mergedRef = useMergeRefs(ref, inputElementRef);\n var cls = cx(prefixCls, className, prefixCls + \"--size-\" + size, prefixCls + \"--appearance-\" + appearance);\n var outerCls = cx(prefixCls + \"__outer\", prepend && prefixCls + \"__outer--prepend\", prepend && unsetPrepend && prefixCls + \"__outer--prepend-unset\", append && prefixCls + \"__outer--append\", append && unsetAppend && prefixCls + \"__outer--append-unset\");\n return /#__PURE__/React.createElement(\"div\", {\n role: role,\n className: cls,\n style: style,\n ref: containerRef\n }, /#__PURE__/React.createElement(\"div\", {\n className: outerCls\n }, prepend ? /#__PURE__/React.createElement(\"div\", {\n className: prefixCls + \"__prepend\"\n }, prepend) : null, /#__PURE__/React.createElement(\"div\", {\n className: cx(prefixCls + \"__inner\", prefix && prefixCls + \"__inner--prefix\", suffix && prefixCls + \"__inner--suffix\", focused && prefixCls + \"__inner--focused\", disabled && prefixCls + \"-__inner-disabled\", readOnly && prefixCls + \"-__inner-readonly\", invalid && prefixCls + \"__inner--invalid\"),\n onMouseOver: function onMouseOver(e) {\n setHover(true);\n },\n onMouseLeave: function onMouseLeave(e) {\n setHover(false);\n }\n }, prefix ? /#__PURE__/React.createElement(\"span\", {\n className: prefixCls + \"__prefix\"\n }, prefix) : null, /#__PURE__/React.createElement(\"input\", Object.assign({\n ref: mergedRef,\n className: prefixCls + \"__text\"\n }, getInputProps(), rest)), suffix \|\| showClearableIcon ? /#__PURE__/React.createElement(\"span\", {\n className: prefixCls + \"__suffix\"\n }, showClearableIcon ? /#__PURE__/React.createElement(\"span\", {\n ref: clearElementRef,\n className: cx(prefixCls + \"__clear\", (clearableTrigger === 'always' \|\| hover) && prefixCls + \"__clear--active\"),\n role: \"button\",\n tabIndex: -1,\n onClick: function onClick(evt) {\n tryChangeValue('', evt);\n onClear === null \|\| onClear === void 0 ? void 0 : onClear();\n focus();\n }\n }, /#__PURE__/React.createElement(CloseCircleFilled, null)) : null, suffix) : null), append ? /#__PURE__/React.createElement(\"div\", {\n className: prefixCls + \"__append\"\n }, append) : null));\n});\n\nif (__DEV__) {\n Input.displayName = 'Input';\n}\n/\n 模拟伪装目标事件 target\n \n @param target\n * @param evt\n * @param onChange\n * @param targetValue\n * @returns\n */\n\n\nfunction onChangeMock(onChange, evt, target, targetValue) {\n var event = evt; // 点击 clearIcon 或者失焦 trim 时，都会代理 onChange 的事件对象 target 指向 input.target\n\n if (evt.type !== 'change') {\n if (!target) return;\n var originalTargetValue = target.value;\n event = Object.create(evt);\n event.target = target;\n event.currentTarget = target;\n target.value = targetValue;\n onChange(event, targetValue); // 重置为之前值\n\n target.value = originalTargetValue;\n return;\n }\n\n onChange(event, targetValue);\n}\n\nexport { Input, onChangeMock };\n//# sourceMappingURL=Input.js.map\n"],"names":["_prefix","getPrefixCls","Input","forwardRef","_a","ref","prefixCls","role","_a$role","className","style","size","_a$size","appearance","_a$appearance","prepend","append","prefix","suffix","clearableTrigger","_a$clearableTrigger","clearable","_a$clearable","invalid","_a$invalid","name","autoFocus","disabled","readOnly","maxLength","placeholder","defaultValue","valueProp","value","onChange","onFocus","onBlur","trimValueOnBlur","onClear","type","containerRef","rest","useMemo","shouldUnset","isValidElement","includes","HiName","unsetPrepend","_useMemo","unsetAppend","inputElementRef","useRef","proxyOnChange","useCallback","evt","onChangeMock","current","clearElementRef","useInput","tryChangeValue","_useInput","focused","getInputProps","focus","useState","hover","_useState","setHover","showClearableIcon","mergedRef","useMergeRefs","cls","cx","outerCls","React","onMouseOver","e","onMouseLeave","tabIndex","onClick","__DEV__","target","targetValue","event","originalTargetValue","Object"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,OAAO,GAAGC,sBAAAA,CAAhB,OAAgBA,CAAhB;AAEA;;;;;;;;;;;;IAUaC,KAAK,gBAAGC,gBAAAA,CACnB,UAAAC,EAAA,EAAAC,GAAA,EAAA;wBAEIC;MAAAA,SAAAA,GAAAA,YAAAA,KAAAA,KAAAA,CAAAA,GAAYN,OAAZM,GAAYN;mBACZO;MAAAA,IAAAA,GAAAA,OAAAA,KAAAA,KAAAA,CAAAA,GAAO,OAAPA,GAAOC;MACPC,SAAAA,GAAAA,EAAAA,CAAAA;MACAC,KAAAA,GAAAA,EAAAA,CAAAA;mBACAC;MAAAA,IAAAA,GAAAA,OAAAA,KAAAA,KAAAA,CAAAA,GAAO,IAAPA,GAAOC;yBACPC;MAAAA,UAAAA,GAAAA,aAAAA,KAAAA,KAAAA,CAAAA,GAAa,MAAbA,GAAaC;MACbC,OAAAA,GAAAA,EAAAA,CAAAA;MACAC,MAAAA,GAAAA,EAAAA,CAAAA;MACAC,MAAAA,GAAAA,EAAAA,CAAAA;MACAC,MAAAA,GAAAA,EAAAA,CAAAA;+BACAC;MAAAA,gBAAAA,GAAAA,mBAAAA,KAAAA,KAAAA,CAAAA,GAAmB,OAAnBA,GAAmBC;wBACnBC;MAAAA,SAAAA,GAAAA,YAAAA,KAAAA,KAAAA,CAAAA,GAAY,KAAZA,GAAYC;sBACZC;MAAAA,OAAAA,GAAAA,UAAAA,KAAAA,KAAAA,CAAAA,GAAU,KAAVA,GAAUC;MAEVC,IAAAA,GAAAA,EAAAA,CAAAA;MACAC,SAAAA,GAAAA,EAAAA,CAAAA;MACAC,QAAAA,GAAAA,EAAAA,CAAAA;MACAC,QAAAA,GAAAA,EAAAA,CAAAA;MACAC,SAAAA,GAAAA,EAAAA,CAAAA;MACAC,WAAAA,GAAAA,EAAAA,CAAAA;MACAC,YAAAA,GAAAA,EAAAA,CAAAA;MACOC,SAAAA,GAAAA,EAAAA,CAAPC;MACAC,QAAAA,GAAAA,EAAAA,CAAAA;MACAC,OAAAA,GAAAA,EAAAA,CAAAA;MACAC,MAAAA,GAAAA,EAAAA,CAAAA;MACAC,eAAAA,GAAAA,EAAAA,CAAAA;MACAC,OAAAA,GAAAA,EAAAA,CAAAA;MACAC,IAAAA,GAAAA,EAAAA,CAAAA;MACAC,YAAAA,GAAAA,EAAAA,CAAAA;MACGC,IAAAA,GAAAA,YAAAA,CAAAA,EAAAA,EA9BL,CAAA,WAAA,EAAA,MAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,SAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,MAAA,EAAA,cAAA,CA8BKA,EA/BP;;;iBAoCsCC,aAAAA,CAAQ,YAAA;QACpCC,WAAW,GAAG,CAAA,KAAA,EAAA,KAAA,EADsB;;;;;;;AAGtCC,IAAAA,oBAAAA,CAAAA,OAAAA,KAA2B,CAAA,QAAA,EAAA,QAAA,EAAAC,QAAA,CAA8B9B,OAAO,CAAPA,IAAAA,CAA9B+B,MAAA,GAAoD;AACjFH,MAAAA,WAAW,CAAXA,CAAW,CAAXA,GAAAA,IAAAA;AAJwC,KAAA;;;;;;;;AAQtCC,IAAAA,oBAAAA,CAAAA,MAAAA,KAA0B,CAAA,QAAA,EAAA,QAAA,EAAAC,QAAA,CAA8B7B,MAAM,CAANA,IAAAA,CAA9B8B,MAAA,GAAmD;AAC/EH,MAAAA,WAAW,CAAXA,CAAW,CAAXA,GAAAA,IAAAA;;;WAEKA;AAXkC,GAAPD,EAYjC,CAAA3B,OAAA,EAZwCC,MAYxC,CAZiC0B;MAA7BK,YAAP,GAAAC,QAAA,CAAA,CAAA;MAAqBC,WAArB,GAAAD,QAAA,CAAA,CAAA;;MAcME,eAAe,GAAGC,YAAAA,CAAM,IAANA;MAElBC,aAAa,GAAGC,iBAAAA,CACpB,UAAApB,KAAA,EAAAqB,GAAA,EAAA;QACM,CAACpB,UAAU;AACfqB,IAAAA,YAAY,CAAArB,QAAA,EAAAoB,GAAA,EAAgBJ,eAAe,CAA/BM,OAAA,EAAZD,KAAY,CAAZA;AAH6B,GAAXF,EAKpB,CAL+BnB,QAK/B,CALoBmB;MAQhBI,eAAe,GAAGN,YAAAA,CAAM,IAANA;;kBAEkCO,iBAAAA,CAAS;AACjED,IAAAA,eAAe,EADkDA,eAAA;AAEjEhC,IAAAA,IAAI,EAF6DA,IAAA;AAGjEC,IAAAA,SAAS,EAHwDA,SAAA;AAIjEC,IAAAA,QAAQ,EAJyDA,QAAA;AAKjEC,IAAAA,QAAQ,EALyDA,QAAA;AAMjEC,IAAAA,SAAS,EANwDA,SAAA;AAOjEC,IAAAA,WAAW,EAPsDA,WAAA;AAQjEC,IAAAA,YAAY,EARqDA,YAAA;AASjEE,IAAAA,KAAK,EAT4DD,SAAA;AAUjEE,IAAAA,QAAQ,EAVyDkB,aAAA;AAWjEjB,IAAAA,OAAO,EAX0DA,OAAA;AAYjEC,IAAAA,MAAM,EAZ2DA,MAAA;AAajEC,IAAAA,eAAe,EAbkDA,eAAA;AAcjEE,IAAAA,IAAI,EAAJA;AAdiE,GAATmB;MAAlDC,cAAR,GAAAC,SAAA,CAAQD;MAAgBE,OAAxB,GAAAD,SAAA,CAAwBC;MAAS5B,KAAjC,GAAA2B,SAAA,CAAiC3B;MAAO6B,aAAxC,GAAAF,SAAA,CAAwCE;;MAiBlCC,KAAK,GAAGV,iBAAAA,CAAY,YAAA;;;UACxBH,eAAe,CAACM,aAAAA,QAAAA,EAAAA,KAAAA,KAAAA,IAAAA,KAAAA,IAAAA,EAAAA,CAASO,KAATP;AADO,GAAXH,EAAW,EAAXA;;kBAIYW,cAAAA,CAAQ,KAARA;MAAnBC,KAAP,GAAAC,SAAA,CAAA,CAAA;MAAcC,QAAd,GAAAD,SAAA,CAAA,CAAA,EAnFF;;;MAqFQE,iBAAiB,GAAG/C,SAAS,IAAI,CAAC,CAAdA,KAAAA,IAAwB,CAACM;MAE7C0C,SAAS,GAAGC,kBAAAA,CAAYjE,GAAZiE,EAAYpB,eAAZoB;MAEZC,GAAG,GAAGC,YAAAA,CAAElE,SAAFkE,EAAE/D,SAAF+D,EAGPlE,SAHS,GAAA,SAGTA,GAHSK,IAAF6D,EAIPlE,SAJS,GAAA,eAITA,GAJSO,UAAF2D;MAONC,QAAQ,GAAGD,YAAAA,CACZlE,SADc,GAAA,SAAFkE,EAEfzD,OAAO,IAAOT,SAAP,GAFU,kBAAFkE,EAGfzD,OAAO,IAAPA,YAAAA,IAA8BT,SAA9BS,GAHiB,wBAAFyD,EAIfxD,MAAM,IAAOV,SAAP,GAJW,iBAAFkE,EAKfxD,MAAM,IAANA,WAAAA,IAA4BV,SAA5BU,GALiB,uBAAFwD;sBASfE,yBAAAA,CAAAA,aAAAA,CAAAA,KAAAA,EAAAA;AAAKnE,IAAAA,IAAI,EAAEA,IAAXmE;AAAiBjE,IAAAA,SAAS,EAAE8D,GAA5BG;AAAiChE,IAAAA,KAAK,EAAEA,KAAxCgE;AAA+CrE,IAAAA,GAAG,EAAEmC;AAApDkC,GAAAA,eACEA,yBAAAA,CAAAA,aAAAA,CAAAA,KAAAA,EAAAA;AAAKjE,IAAAA,SAAS,EAAEgE;AAAhBC,GAAAA,EACG3D,OAAO,gBAAG2D,yBAAAA,CAAAA,aAAAA,CAAAA,KAAAA,EAAAA;AAAKjE,IAAAA,SAAS,EAAKH,SAAL,GAAA;AAAdoE,GAAAA,EAAH3D,OAAG2D,CAAH,GADVA,IAAAA,eAEEA,yBAAAA,CAAAA,aAAAA,CAAAA,KAAAA,EAAAA;AACEjE,IAAAA,SAAS,EAAE+D,YAAAA,CACNlE,SADQ,GAAA,SAAFkE,EAETvD,MAAM,IAAOX,SAAP,GAFK,iBAAFkE,EAGTtD,MAAM,IAAOZ,SAAP,GAHK,iBAAFkE,EAITX,OAAO,IAAOvD,SAAP,GAJI,kBAAFkE,EAKT7C,QAAQ,IAAOrB,SAAP,GALG,mBAAFkE,EAMT5C,QAAQ,IAAOtB,SAAP,GANG,mBAAFkE,EAOTjD,OAAO,IAAOjB,SAAP,GAPI,kBAAFkE,CADbE;AAUEC,IAAAA,WAAW,EAAE,SAAAA,WAAA,CAAAC,CAAA,EAAA;AACXT,MAAAA,QAAQ,CAARA,IAAQ,CAARA;AAXJO,KAAAA;AAaEG,IAAAA,YAAY,EAAE,SAAAA,YAAA,CAAAD,CAAA,EAAA;AACZT,MAAAA,QAAQ,CAARA,KAAQ,CAARA;;AAdJO,GAAAA,EAiBGzD,MAAM,gBAAGyD,yBAAAA,CAAAA,aAAAA,CAAAA,MAAAA,EAAAA;AAAMjE,IAAAA,SAAS,EAAKH,SAAL,GAAA;AAAfoE,GAAAA,EAAHzD,MAAGyD,CAAH,GAjBTA,IAAAA,eAmBEA,yBAAAA,CAAAA,aAAAA,CAAAA,OAAAA,EAAAA,MAAAA,CAAAA,MAAAA,CAAAA;AACErE,IAAAA,GAAG,EAAEgE,SADPK;AAEEjE,IAAAA,SAAS,EAAKH,SAAL,GAAA;AAFXoE,GAAAA,EAGMZ,aAAa,EAHnBY,EAnBFA,IAmBEA,CAAAA,CAnBFA,EA0BGxD,MAAM,IAANA,iBAAAA,gBACCwD,yBAAAA,CAAAA,aAAAA,CAAAA,MAAAA,EAAAA;AAAMjE,IAAAA,SAAS,EAAKH,SAAL,GAAA;AAAfoE,GAAAA,EACGN,iBAAiB,gBAChBM,yBAAAA,CAAAA,aAAAA,CAAAA,MAAAA,EAAAA;AACErE,IAAAA,GAAG,EAAEoD,eADPiB;AAEEjE,IAAAA,SAAS,EAAE+D,YAAAA,CACNlE,SADQ,GAAA,SAAFkE,EAET,CAACrD,gBAAgB,KAAhBA,QAAAA,IAAD8C,KAAA,KAA+C3D,SAA/C,GAFW,iBAAFkE,CAFbE;AAMEnE,IAAAA,IAAI,EAAC,QANPmE;AAOEI,IAAAA,QAAQ,EAAE,CAAC,CAPbJ;AAQEK,IAAAA,OAAO,EAAE,SAAAA,OAAA,CAAAzB,GAAA,EAAA;AACPK,MAAAA,cAAc,CAAA,EAAA,EAAdA,GAAc,CAAdA;AACArB,MAAAA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAA,KAAPA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAAA,EAAAA;AACAyB,MAAAA,KAAK;;AAXTW,GAAAA,eAcEA,yBAAAA,CAAAA,aAAAA,CAAAA,uBAAAA,EAfc,IAedA,CAdFA,CADgB,GADpBA,IAAAA,EADDxD,MACCwD,CADDxD,GA5BLwD,IAEEA,CAFFA,EAoDG1D,MAAM,gBAAG0D,yBAAAA,CAAAA,aAAAA,CAAAA,KAAAA,EAAAA;AAAKjE,IAAAA,SAAS,EAAKH,SAAL,GAAA;AAAdoE,GAAAA,EAAH1D,MAAG0D,CAAH,GArDXA,IACEA,CADFA;AA1GyB,CAAVvE;;AA4PrB,IAAA6E,WAAA,EAAa;AACX9E,EAAAA,KAAK,CAALA,WAAAA,GAAAA,OAAAA;;AAGF;;;;;;;;;;;SASgBqD,aACdrB,UACAoB,KACA2B,QACAC,aAAAA;MAEIC,KAAK,GAAG7B,IAFZ4B;;MAKI5B,GAAG,CAAHA,IAAAA,KAAa,UAAU;QACrB,CAAC2B,QAAQ;QAEPG,mBAAmB,GAAGH,MAAM,CAAChD;AACnCkD,IAAAA,KAAK,GAAGE,MAAM,CAANA,MAAAA,CAARF,GAAQE,CAARF;AAEAA,IAAAA,KAAK,CAALA,MAAAA,GAAAA,MAAAA;AACAA,IAAAA,KAAK,CAALA,aAAAA,GAAAA,MAAAA;AACAF,IAAAA,MAAM,CAANA,KAAAA,GAAAA,WAAAA;AACA/C,IAAAA,QAAQ,CAAAiD,KAAA,EATiBD,WASjB,CAARhD,CATyB;;AAWzB+C,IAAAA,MAAM,CAANA,KAAAA,GAAAA,mBAAAA;;;;AAIF/C,EAAAA,QAAQ,CAAAiD,KAAA,EAARjD,WAAQ,CAARA;;;;"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../../../../input/lib/esm/Input.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/input\n * https://github.com/XiaoMi/hiui/tree/master/packages/ui/input#readme\n \n Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { __rest } from 'tslib';\nimport React, { forwardRef, useMemo, isValidElement, useRef, useCallback, useState } from 'react';\nimport { getPrefixCls, cx } from '@hi-ui/classname';\nimport { __DEV__ } from '@hi-ui/env';\nimport { useMergeRefs } from '@hi-ui/use-merge-refs';\nimport { CloseCircleFilled } from '@hi-ui/icons';\nimport { useInput } from './use-input.js';\n\nvar _prefix = getPrefixCls('input');\n/\n 输入框\n \n @TODO:\n * 1. size api 确认\n * 2. 修改类名结构\n * 3. 支持带数字展示\n * 4. InputGroup 模式支持\n * 5. 手动聚焦支持额外配置\n /\n\n\nvar Input = /#__PURE__/forwardRef(function (_a, ref) {\n var _a$prefixCls = _a.prefixCls,\n prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,\n _a$role = _a.role,\n role = _a$role === void 0 ? 'input' : _a$role,\n className = _a.className,\n style = _a.style,\n _a$size = _a.size,\n size = _a$size === void 0 ? 'md' : _a$size,\n _a$appearance = _a.appearance,\n appearance = _a$appearance === void 0 ? 'line' : _a$appearance,\n prepend = _a.prepend,\n append = _a.append,\n prefix = _a.prefix,\n suffix = _a.suffix,\n _a$clearableTrigger = _a.clearableTrigger,\n clearableTrigger = _a$clearableTrigger === void 0 ? 'hover' : _a$clearableTrigger,\n _a$clearable = _a.clearable,\n clearable = _a$clearable === void 0 ? false : _a$clearable,\n _a$invalid = _a.invalid,\n invalid = _a$invalid === void 0 ? false : _a$invalid,\n name = _a.name,\n autoFocus = _a.autoFocus,\n disabled = _a.disabled,\n readOnly = _a.readOnly,\n maxLength = _a.maxLength,\n placeholder = _a.placeholder,\n defaultValue = _a.defaultValue,\n valueProp = _a.value,\n onChange = _a.onChange,\n onFocus = _a.onFocus,\n onBlur = _a.onBlur,\n trimValueOnBlur = _a.trimValueOnBlur,\n onClear = _a.onClear,\n type = _a.type,\n containerRef = _a.containerRef,\n rest = __rest(_a, [\"prefixCls\", \"role\", \"className\", \"style\", \"size\", \"appearance\", \"prepend\", \"append\", \"prefix\", \"suffix\", \"clearableTrigger\", \"clearable\", \"invalid\", \"name\", \"autoFocus\", \"disabled\", \"readOnly\", \"maxLength\", \"placeholder\", \"defaultValue\", \"value\", \"onChange\", \"onFocus\", \"onBlur\", \"trimValueOnBlur\", \"onClear\", \"type\", \"containerRef\"]); // @TODO: 临时方案，后面迁移至 InputGroup\n\n\n var _useMemo = useMemo(function () {\n var shouldUnset = [false, false]; // @ts-ignore\n // @ts-ignore\n\n if ( /#__PURE__/isValidElement(prepend) && ['Select', 'Button'].includes(prepend.type.HiName)) {\n shouldUnset[0] = true;\n } // @ts-ignore\n // @ts-ignore\n\n\n if ( /#__PURE__/isValidElement(append) && ['Select', 'Button'].includes(append.type.HiName)) {\n shouldUnset[1] = true;\n }\n\n return shouldUnset;\n }, [prepend, append]),\n unsetPrepend = _useMemo[0],\n unsetAppend = _useMemo[1];\n\n var inputElementRef = useRef(null);\n var proxyOnChange = useCallback(function (value, evt) {\n if (!onChange) return;\n onChangeMock(onChange, evt, inputElementRef.current, value);\n }, [onChange]);\n var clearElementRef = useRef(null);\n\n var _useInput = useInput({\n clearElementRef: clearElementRef,\n name: name,\n autoFocus: autoFocus,\n disabled: disabled,\n readOnly: readOnly,\n maxLength: maxLength,\n placeholder: placeholder,\n defaultValue: defaultValue,\n value: valueProp,\n onChange: proxyOnChange,\n onFocus: onFocus,\n onBlur: onBlur,\n trimValueOnBlur: trimValueOnBlur,\n type: type\n }),\n tryChangeValue = _useInput.tryChangeValue,\n focused = _useInput.focused,\n value = _useInput.value,\n getInputProps = _useInput.getInputProps;\n\n var focus = useCallback(function () {\n var _a;\n\n (_a = inputElementRef.current) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }, []);\n\n var _useState = useState(false),\n hover = _useState[0],\n setHover = _useState[1]; // 在开启 clearable 下展示清除内容按钮，可点击进行内容清楚\n\n\n var showClearableIcon = clearable && !!value && !disabled;\n var mergedRef = useMergeRefs(ref, inputElementRef);\n var cls = cx(prefixCls, className, prefixCls + \"--size-\" + size, prefixCls + \"--appearance-\" + appearance);\n var outerCls = cx(prefixCls + \"__outer\", prepend && prefixCls + \"__outer--prepend\", prepend && unsetPrepend && prefixCls + \"__outer--prepend-unset\", append && prefixCls + \"__outer--append\", append && unsetAppend && prefixCls + \"__outer--append-unset\");\n return /#__PURE__/React.createElement(\"div\", {\n role: role,\n className: cls,\n style: style,\n ref: containerRef\n }, /#__PURE__/React.createElement(\"div\", {\n className: outerCls\n }, prepend ? /#__PURE__/React.createElement(\"div\", {\n className: prefixCls + \"__prepend\"\n }, prepend) : null, /#__PURE__/React.createElement(\"div\", {\n className: cx(prefixCls + \"__inner\", prefix && prefixCls + \"__inner--prefix\", suffix && prefixCls + \"__inner--suffix\", focused && prefixCls + \"__inner--focused\", disabled && prefixCls + \"__inner--disabled\", readOnly && prefixCls + \"__inner--readonly\", invalid && prefixCls + \"__inner--invalid\"),\n onMouseOver: function onMouseOver(e) {\n setHover(true);\n },\n onMouseLeave: function onMouseLeave(e) {\n setHover(false);\n }\n }, prefix ? /#__PURE__/React.createElement(\"span\", {\n className: prefixCls + \"__prefix\"\n }, prefix) : null, /#__PURE__/React.createElement(\"input\", Object.assign({\n ref: mergedRef,\n className: prefixCls + \"__text\"\n }, getInputProps(), rest)), suffix \|\| showClearableIcon ? /#__PURE__/React.createElement(\"span\", {\n className: prefixCls + \"__suffix\"\n }, showClearableIcon ? /#__PURE__/React.createElement(\"span\", {\n ref: clearElementRef,\n className: cx(prefixCls + \"__clear\", (clearableTrigger === 'always' \|\| hover) && prefixCls + \"__clear--active\"),\n role: \"button\",\n tabIndex: -1,\n onClick: function onClick(evt) {\n tryChangeValue('', evt);\n onClear === null \|\| onClear === void 0 ? void 0 : onClear();\n focus();\n }\n }, /#__PURE__/React.createElement(CloseCircleFilled, null)) : null, suffix) : null), append ? /#__PURE__/React.createElement(\"div\", {\n className: prefixCls + \"__append\"\n }, append) : null));\n});\n\nif (__DEV__) {\n Input.displayName = 'Input';\n}\n/\n 模拟伪装目标事件 target\n \n @param target\n * @param evt\n * @param onChange\n * @param targetValue\n * @returns\n */\n\n\nfunction onChangeMock(onChange, evt, target, targetValue) {\n var event = evt; // 点击 clearIcon 或者失焦 trim 时，都会代理 onChange 的事件对象 target 指向 input.target\n\n if (evt.type !== 'change') {\n if (!target) return;\n var originalTargetValue = target.value;\n event = Object.create(evt);\n event.target = target;\n event.currentTarget = target;\n target.value = targetValue;\n onChange(event, targetValue); // 重置为之前值\n\n target.value = originalTargetValue;\n return;\n }\n\n onChange(event, targetValue);\n}\n\nexport { Input, onChangeMock };\n//# sourceMappingURL=Input.js.map\n"],"names":["_prefix","getPrefixCls","Input","forwardRef","_a","ref","prefixCls","role","_a$role","className","style","size","_a$size","appearance","_a$appearance","prepend","append","prefix","suffix","clearableTrigger","_a$clearableTrigger","clearable","_a$clearable","invalid","_a$invalid","name","autoFocus","disabled","readOnly","maxLength","placeholder","defaultValue","valueProp","value","onChange","onFocus","onBlur","trimValueOnBlur","onClear","type","containerRef","rest","useMemo","shouldUnset","isValidElement","includes","HiName","unsetPrepend","_useMemo","unsetAppend","inputElementRef","useRef","proxyOnChange","useCallback","evt","onChangeMock","current","clearElementRef","useInput","tryChangeValue","_useInput","focused","getInputProps","focus","useState","hover","_useState","setHover","showClearableIcon","mergedRef","useMergeRefs","cls","cx","outerCls","React","onMouseOver","e","onMouseLeave","tabIndex","onClick","__DEV__","target","targetValue","event","originalTargetValue","Object"],"mappings":"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"}

package/lib/cjs/ui/input/lib/esm/styles/index.scss.js CHANGED Viewed

@@ -22,7 +22,7 @@ Object.defineProperty(exports, '__esModule', {
  * LICENSE file in the root directory of this source tree.
  */
-var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-mock-input {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  cursor: text;\n  background-color: transparent;\n  -webkit-tap-highlight-color: transparent;\n  position: relative;\n  overflow: hidden;\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  -webkit-transition-property: all;\n  transition-property: all;\n  -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n          transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n  -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n          transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n  width: 100%;\n  height: auto;\n  z-index: auto;\n  font-size: inherit;\n  line-height: inherit;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n  background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input:not(.disabled):hover {\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input:not(.disabled).focused {\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input.disabled {\n    cursor: not-allowed; }\n.hi-v4-mock-input__suffix, .hi-v4-mock-input__placeholder {\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input__clear {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 16px;\n    height: 16px;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    text-align: center;\n    color: var(--hi-v4-color-gray-500, #929aa6);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    cursor: pointer;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-mock-input__clear:hover {\n      color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-mock-input__clear.active {\n      visibility: visible;\n      opacity: 1; }\n.hi-v4-mock-input__suffix {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    padding-left: var(--hi-v4-spacing-4, 8px);\n    text-align: center; }\n.hi-v4-mock-input__value {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    display: inline-block;\n    width: auto;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; }\n.hi-v4-mock-input--size-sm.hi-v4-mock-input {\n    height: var(--hi-v4-height-sm, 24px);\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-md.hi-v4-mock-input {\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-lg.hi-v4-mock-input {\n    height: var(--hi-v4-height-lg, 40px);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled):hover {\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input {\n    width: auto;\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    border-color: transparent; }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled):hover {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled):hover {\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-unset.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-input {\n  position: relative;\n  display: inline-block;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  width: 100%; }\n.hi-v4-input__outer {\n    margin: 0;\n    padding: 0;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n    height: 100%;\n    width: 100%; }\n.hi-v4-input__text {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: none;\n    outline: none;\n    -webkit-box-shadow: none;\n            box-shadow: none;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    cursor: text;\n    background-color: transparent;\n    -webkit-tap-highlight-color: transparent;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1;\n            flex: 1 1;\n    display: inline-block;\n    box-sizing: border-box;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    width: 100%;\n    font-size: inherit;\n    line-height: inherit;\n    color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__text::-webkit-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-moz-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-ms-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text:-ms-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text:disabled {\n      cursor: not-allowed; }\n.hi-v4-input__inner {\n    position: relative;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    height: auto;\n    width: 100%;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    font-size: inherit;\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    background-color: var(--hi-v4-color-static-white, #fff);\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    outline: none;\n    z-index: auto; }\n.hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__clear {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    height: auto;\n    text-align: center;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    color: var(--hi-v4-color-gray-500, #929aa6);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    cursor: pointer;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    visibility: hidden;\n    opacity: 0; }\n.hi-v4-input__clear:hover {\n      color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__clear.hi-v4-input__clear--active {\n      visibility: visible;\n      opacity: 1; }\n.hi-v4-input__inner--suffix .hi-v4-input__clear {\n      -webkit-margin-end: var(--hi-v4-spacing-2, 4px);\n              margin-inline-end: var(--hi-v4-spacing-2, 4px); }\n.hi-v4-input__prefix, .hi-v4-input__suffix {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    font-size: inherit;\n    text-align: center; }\n.hi-v4-input__prefix {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__suffix {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__prepend, .hi-v4-input__append {\n    position: relative;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    font-size: inherit;\n    text-align: center;\n    padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    white-space: nowrap;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    z-index: var(--hi-v4-zindex-absolute, 1); }\n.hi-v4-input__prepend {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    margin-right: -1px; }\n.hi-v4-input__append {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    margin-left: -1px; }\n.hi-v4-input--size-sm {\n    height: var(--hi-v4-height-sm, 24px);\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-input--size-sm .hi-v4-input__text {\n      padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-sm .hi-v4-input__inner,\n    .hi-v4-input--size-sm .hi-v4-input__prepend,\n    .hi-v4-input--size-sm .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-sm .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-sm .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--size-md {\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: var(--hi-v4-text-lineheight-normal, 1.375rem); }\n.hi-v4-input--size-md .hi-v4-input__text {\n      padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-md .hi-v4-input__inner,\n    .hi-v4-input--size-md .hi-v4-input__prepend,\n    .hi-v4-input--size-md .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-md .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-md .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--size-lg {\n    height: var(--hi-v4-height-lg, 40px);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: var(--hi-v4-text-lineheight-lg, 1.5rem); }\n.hi-v4-input--size-lg .hi-v4-input__text {\n      padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-lg .hi-v4-input__inner,\n    .hi-v4-input--size-lg .hi-v4-input__prepend,\n    .hi-v4-input--size-lg .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-lg .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-lg .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--appearance-line .hi-v4-input__inner {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-input--appearance-line .hi-v4-input__prepend,\n  .hi-v4-input--appearance-line .hi-v4-input__append {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-unset .hi-v4-input__text {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input__text,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input__text {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input__text,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input__text {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-unset .hi-v4-input__inner {\n    border-radius: 0; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-input--appearance-underline .hi-v4-input__text {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input__text,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input__text {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input__text,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input__text {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner {\n    border-radius: 0; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner::after {\n      content: '';\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      display: block;\n      position: absolute;\n      bottom: 0;\n      left: -1px;\n      right: -1px;\n      border-bottom: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover::after {\n      border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused::after {\n      border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid::after {\n      border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hover::after {\n      border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-filled .hi-v4-input__inner.hi-v4-input__inner--disabled {\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-input--appearance-unset .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-underline .hi-v4-input__inner.hi-v4-input__inner--disabled {\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: transparent; }\n.hi-v4-input__outer--prepend .hi-v4-input__inner {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend {\n    border: none;\n    padding: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-mock-input {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-button {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input__outer--append .hi-v4-input__inner {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append {\n    border: none;\n    padding: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-mock-input {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-button {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-mock-input {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  cursor: text;\n  background-color: transparent;\n  -webkit-tap-highlight-color: transparent;\n  position: relative;\n  overflow: hidden;\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  -webkit-transition-property: all;\n  transition-property: all;\n  -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n          transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n  -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n          transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n  width: 100%;\n  height: auto;\n  z-index: auto;\n  font-size: inherit;\n  line-height: inherit;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n  background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input:not(.disabled):hover {\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input:not(.disabled).focused {\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input.disabled {\n    cursor: not-allowed; }\n.hi-v4-mock-input__suffix, .hi-v4-mock-input__placeholder {\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input__clear {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 16px;\n    height: 16px;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    text-align: center;\n    color: var(--hi-v4-color-gray-500, #929aa6);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    cursor: pointer;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-mock-input__clear:hover {\n      color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-mock-input__clear.active {\n      visibility: visible;\n      opacity: 1; }\n.hi-v4-mock-input__suffix {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    padding-left: var(--hi-v4-spacing-4, 8px);\n    text-align: center; }\n.hi-v4-mock-input__value {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    display: inline-block;\n    width: auto;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; }\n.hi-v4-mock-input--size-sm.hi-v4-mock-input {\n    height: var(--hi-v4-height-sm, 24px);\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-md.hi-v4-mock-input {\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-lg.hi-v4-mock-input {\n    height: var(--hi-v4-height-lg, 40px);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled):hover {\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input {\n    width: auto;\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    border-color: transparent; }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled):hover {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled):hover {\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-unset.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-input {\n  position: relative;\n  display: inline-block;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  width: 100%; }\n.hi-v4-input__outer {\n    margin: 0;\n    padding: 0;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n    height: 100%;\n    width: 100%; }\n.hi-v4-input__text {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: none;\n    outline: none;\n    -webkit-box-shadow: none;\n            box-shadow: none;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    cursor: text;\n    background-color: transparent;\n    -webkit-tap-highlight-color: transparent;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1;\n            flex: 1 1;\n    display: inline-block;\n    box-sizing: border-box;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    width: 100%;\n    font-size: inherit;\n    line-height: inherit;\n    color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__text::-webkit-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-moz-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-ms-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text:-ms-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text:disabled {\n      cursor: not-allowed; }\n.hi-v4-input__inner {\n    position: relative;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    height: auto;\n    width: 100%;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    font-size: inherit;\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    background-color: var(--hi-v4-color-static-white, #fff);\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    outline: none;\n    z-index: auto; }\n.hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__clear {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    height: auto;\n    text-align: center;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    color: var(--hi-v4-color-gray-500, #929aa6);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    cursor: pointer;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    visibility: hidden;\n    opacity: 0; }\n.hi-v4-input__clear:hover {\n      color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__clear.hi-v4-input__clear--active {\n      visibility: visible;\n      opacity: 1; }\n.hi-v4-input__inner--suffix .hi-v4-input__clear {\n      -webkit-margin-end: var(--hi-v4-spacing-2, 4px);\n              margin-inline-end: var(--hi-v4-spacing-2, 4px); }\n.hi-v4-input__prefix, .hi-v4-input__suffix {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    font-size: inherit;\n    text-align: center; }\n.hi-v4-input__prefix {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__suffix {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__prepend, .hi-v4-input__append {\n    position: relative;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    font-size: inherit;\n    text-align: center;\n    padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    white-space: nowrap;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    z-index: var(--hi-v4-zindex-absolute, 1); }\n.hi-v4-input__prepend {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    margin-right: -1px; }\n.hi-v4-input__append {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    margin-left: -1px; }\n.hi-v4-input--size-sm {\n    height: var(--hi-v4-height-sm, 24px);\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-input--size-sm .hi-v4-input__text {\n      padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-sm .hi-v4-input__inner,\n    .hi-v4-input--size-sm .hi-v4-input__prepend,\n    .hi-v4-input--size-sm .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-sm .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-sm .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--size-md {\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: var(--hi-v4-text-lineheight-normal, 1.375rem); }\n.hi-v4-input--size-md .hi-v4-input__text {\n      padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-md .hi-v4-input__inner,\n    .hi-v4-input--size-md .hi-v4-input__prepend,\n    .hi-v4-input--size-md .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-md .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-md .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--size-lg {\n    height: var(--hi-v4-height-lg, 40px);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: var(--hi-v4-text-lineheight-lg, 1.5rem); }\n.hi-v4-input--size-lg .hi-v4-input__text {\n      padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-lg .hi-v4-input__inner,\n    .hi-v4-input--size-lg .hi-v4-input__prepend,\n    .hi-v4-input--size-lg .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-lg .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-lg .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--appearance-line .hi-v4-input__inner {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-input--appearance-line .hi-v4-input__prepend,\n  .hi-v4-input--appearance-line .hi-v4-input__append {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-unset .hi-v4-input__text {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input__text,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input__text {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input__text,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input__text {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-unset .hi-v4-input__inner {\n    border-radius: 0; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-input--appearance-underline .hi-v4-input__text {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input__text,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input__text {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input__text,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input__text {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner {\n    border-radius: 0; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner::after {\n      content: '';\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      display: block;\n      position: absolute;\n      bottom: 0;\n      left: -1px;\n      right: -1px;\n      border-bottom: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover::after {\n      border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused::after {\n      border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid::after {\n      border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hover::after {\n      border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-filled .hi-v4-input__inner.hi-v4-input__inner--disabled {\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-input--appearance-line .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text, .hi-v4-input--appearance-filled .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input--appearance-unset .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-underline .hi-v4-input__inner.hi-v4-input__inner--disabled {\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: transparent; }\n.hi-v4-input--appearance-unset .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text, .hi-v4-input--appearance-underline .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__outer--prepend .hi-v4-input__inner {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend {\n    border: none;\n    padding: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-mock-input {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-button {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input__outer--append .hi-v4-input__inner {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append {\n    border: none;\n    padding: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-mock-input {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-button {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n";
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];

package/lib/esm/ui/input/lib/esm/Input.js CHANGED Viewed

@@ -156,7 +156,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
   }, prepend ? /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__prepend"
   }, prepend) : null, /*#__PURE__*/React.createElement("div", {
-    className: cx(prefixCls + "__inner", prefix && prefixCls + "__inner--prefix", suffix && prefixCls + "__inner--suffix", focused && prefixCls + "__inner--focused", disabled && prefixCls + "-__inner-disabled", readOnly && prefixCls + "-__inner-readonly", invalid && prefixCls + "__inner--invalid"),
+    className: cx(prefixCls + "__inner", prefix && prefixCls + "__inner--prefix", suffix && prefixCls + "__inner--suffix", focused && prefixCls + "__inner--focused", disabled && prefixCls + "__inner--disabled", readOnly && prefixCls + "__inner--readonly", invalid && prefixCls + "__inner--invalid"),
     onMouseOver: function onMouseOver(e) {
       setHover(true);
     },

package/lib/esm/ui/input/lib/esm/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../../../../input/lib/esm/Input.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/input\n * https://github.com/XiaoMi/hiui/tree/master/packages/ui/input#readme\n \n Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { __rest } from 'tslib';\nimport React, { forwardRef, useMemo, isValidElement, useRef, useCallback, useState } from 'react';\nimport { getPrefixCls, cx } from '@hi-ui/classname';\nimport { __DEV__ } from '@hi-ui/env';\nimport { useMergeRefs } from '@hi-ui/use-merge-refs';\nimport { CloseCircleFilled } from '@hi-ui/icons';\nimport { useInput } from './use-input.js';\n\nvar _prefix = getPrefixCls('input');\n/\n 输入框\n \n @TODO:\n * 1. size api 确认\n * 2. 修改类名结构\n * 3. 支持带数字展示\n * 4. InputGroup 模式支持\n * 5. 手动聚焦支持额外配置\n /\n\n\nvar Input = /#__PURE__/forwardRef(function (_a, ref) {\n var _a$prefixCls = _a.prefixCls,\n prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,\n _a$role = _a.role,\n role = _a$role === void 0 ? 'input' : _a$role,\n className = _a.className,\n style = _a.style,\n _a$size = _a.size,\n size = _a$size === void 0 ? 'md' : _a$size,\n _a$appearance = _a.appearance,\n appearance = _a$appearance === void 0 ? 'line' : _a$appearance,\n prepend = _a.prepend,\n append = _a.append,\n prefix = _a.prefix,\n suffix = _a.suffix,\n _a$clearableTrigger = _a.clearableTrigger,\n clearableTrigger = _a$clearableTrigger === void 0 ? 'hover' : _a$clearableTrigger,\n _a$clearable = _a.clearable,\n clearable = _a$clearable === void 0 ? false : _a$clearable,\n _a$invalid = _a.invalid,\n invalid = _a$invalid === void 0 ? false : _a$invalid,\n name = _a.name,\n autoFocus = _a.autoFocus,\n disabled = _a.disabled,\n readOnly = _a.readOnly,\n maxLength = _a.maxLength,\n placeholder = _a.placeholder,\n defaultValue = _a.defaultValue,\n valueProp = _a.value,\n onChange = _a.onChange,\n onFocus = _a.onFocus,\n onBlur = _a.onBlur,\n trimValueOnBlur = _a.trimValueOnBlur,\n onClear = _a.onClear,\n type = _a.type,\n containerRef = _a.containerRef,\n rest = __rest(_a, [\"prefixCls\", \"role\", \"className\", \"style\", \"size\", \"appearance\", \"prepend\", \"append\", \"prefix\", \"suffix\", \"clearableTrigger\", \"clearable\", \"invalid\", \"name\", \"autoFocus\", \"disabled\", \"readOnly\", \"maxLength\", \"placeholder\", \"defaultValue\", \"value\", \"onChange\", \"onFocus\", \"onBlur\", \"trimValueOnBlur\", \"onClear\", \"type\", \"containerRef\"]); // @TODO: 临时方案，后面迁移至 InputGroup\n\n\n var _useMemo = useMemo(function () {\n var shouldUnset = [false, false]; // @ts-ignore\n // @ts-ignore\n\n if ( /#__PURE__/isValidElement(prepend) && ['Select', 'Button'].includes(prepend.type.HiName)) {\n shouldUnset[0] = true;\n } // @ts-ignore\n // @ts-ignore\n\n\n if ( /#__PURE__/isValidElement(append) && ['Select', 'Button'].includes(append.type.HiName)) {\n shouldUnset[1] = true;\n }\n\n return shouldUnset;\n }, [prepend, append]),\n unsetPrepend = _useMemo[0],\n unsetAppend = _useMemo[1];\n\n var inputElementRef = useRef(null);\n var proxyOnChange = useCallback(function (value, evt) {\n if (!onChange) return;\n onChangeMock(onChange, evt, inputElementRef.current, value);\n }, [onChange]);\n var clearElementRef = useRef(null);\n\n var _useInput = useInput({\n clearElementRef: clearElementRef,\n name: name,\n autoFocus: autoFocus,\n disabled: disabled,\n readOnly: readOnly,\n maxLength: maxLength,\n placeholder: placeholder,\n defaultValue: defaultValue,\n value: valueProp,\n onChange: proxyOnChange,\n onFocus: onFocus,\n onBlur: onBlur,\n trimValueOnBlur: trimValueOnBlur,\n type: type\n }),\n tryChangeValue = _useInput.tryChangeValue,\n focused = _useInput.focused,\n value = _useInput.value,\n getInputProps = _useInput.getInputProps;\n\n var focus = useCallback(function () {\n var _a;\n\n (_a = inputElementRef.current) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }, []);\n\n var _useState = useState(false),\n hover = _useState[0],\n setHover = _useState[1]; // 在开启 clearable 下展示清除内容按钮，可点击进行内容清楚\n\n\n var showClearableIcon = clearable && !!value && !disabled;\n var mergedRef = useMergeRefs(ref, inputElementRef);\n var cls = cx(prefixCls, className, prefixCls + \"--size-\" + size, prefixCls + \"--appearance-\" + appearance);\n var outerCls = cx(prefixCls + \"__outer\", prepend && prefixCls + \"__outer--prepend\", prepend && unsetPrepend && prefixCls + \"__outer--prepend-unset\", append && prefixCls + \"__outer--append\", append && unsetAppend && prefixCls + \"__outer--append-unset\");\n return /#__PURE__/React.createElement(\"div\", {\n role: role,\n className: cls,\n style: style,\n ref: containerRef\n }, /#__PURE__/React.createElement(\"div\", {\n className: outerCls\n }, prepend ? /#__PURE__/React.createElement(\"div\", {\n className: prefixCls + \"__prepend\"\n }, prepend) : null, /#__PURE__/React.createElement(\"div\", {\n className: cx(prefixCls + \"__inner\", prefix && prefixCls + \"__inner--prefix\", suffix && prefixCls + \"__inner--suffix\", focused && prefixCls + \"__inner--focused\", disabled && prefixCls + \"-__inner-disabled\", readOnly && prefixCls + \"-__inner-readonly\", invalid && prefixCls + \"__inner--invalid\"),\n onMouseOver: function onMouseOver(e) {\n setHover(true);\n },\n onMouseLeave: function onMouseLeave(e) {\n setHover(false);\n }\n }, prefix ? /#__PURE__/React.createElement(\"span\", {\n className: prefixCls + \"__prefix\"\n }, prefix) : null, /#__PURE__/React.createElement(\"input\", Object.assign({\n ref: mergedRef,\n className: prefixCls + \"__text\"\n }, getInputProps(), rest)), suffix \|\| showClearableIcon ? /#__PURE__/React.createElement(\"span\", {\n className: prefixCls + \"__suffix\"\n }, showClearableIcon ? /#__PURE__/React.createElement(\"span\", {\n ref: clearElementRef,\n className: cx(prefixCls + \"__clear\", (clearableTrigger === 'always' \|\| hover) && prefixCls + \"__clear--active\"),\n role: \"button\",\n tabIndex: -1,\n onClick: function onClick(evt) {\n tryChangeValue('', evt);\n onClear === null \|\| onClear === void 0 ? void 0 : onClear();\n focus();\n }\n }, /#__PURE__/React.createElement(CloseCircleFilled, null)) : null, suffix) : null), append ? /#__PURE__/React.createElement(\"div\", {\n className: prefixCls + \"__append\"\n }, append) : null));\n});\n\nif (__DEV__) {\n Input.displayName = 'Input';\n}\n/\n 模拟伪装目标事件 target\n \n @param target\n * @param evt\n * @param onChange\n * @param targetValue\n * @returns\n */\n\n\nfunction onChangeMock(onChange, evt, target, targetValue) {\n var event = evt; // 点击 clearIcon 或者失焦 trim 时，都会代理 onChange 的事件对象 target 指向 input.target\n\n if (evt.type !== 'change') {\n if (!target) return;\n var originalTargetValue = target.value;\n event = Object.create(evt);\n event.target = target;\n event.currentTarget = target;\n target.value = targetValue;\n onChange(event, targetValue); // 重置为之前值\n\n target.value = originalTargetValue;\n return;\n }\n\n onChange(event, targetValue);\n}\n\nexport { Input, onChangeMock };\n//# sourceMappingURL=Input.js.map\n"],"names":["_prefix","getPrefixCls","Input","forwardRef","_a","ref","prefixCls","role","_a$role","className","style","size","_a$size","appearance","_a$appearance","prepend","append","prefix","suffix","clearableTrigger","_a$clearableTrigger","clearable","_a$clearable","invalid","_a$invalid","name","autoFocus","disabled","readOnly","maxLength","placeholder","defaultValue","valueProp","value","onChange","onFocus","onBlur","trimValueOnBlur","onClear","type","containerRef","rest","useMemo","shouldUnset","isValidElement","includes","HiName","unsetPrepend","_useMemo","unsetAppend","inputElementRef","useRef","proxyOnChange","useCallback","evt","onChangeMock","current","clearElementRef","useInput","tryChangeValue","_useInput","focused","getInputProps","focus","useState","hover","_useState","setHover","showClearableIcon","mergedRef","useMergeRefs","cls","cx","outerCls","React","onMouseOver","e","onMouseLeave","tabIndex","onClick","__DEV__","target","targetValue","event","originalTargetValue","Object"],"mappings":"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"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../../../../input/lib/esm/Input.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/input\n * https://github.com/XiaoMi/hiui/tree/master/packages/ui/input#readme\n \n Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { __rest } from 'tslib';\nimport React, { forwardRef, useMemo, isValidElement, useRef, useCallback, useState } from 'react';\nimport { getPrefixCls, cx } from '@hi-ui/classname';\nimport { __DEV__ } from '@hi-ui/env';\nimport { useMergeRefs } from '@hi-ui/use-merge-refs';\nimport { CloseCircleFilled } from '@hi-ui/icons';\nimport { useInput } from './use-input.js';\n\nvar _prefix = getPrefixCls('input');\n/\n 输入框\n \n @TODO:\n * 1. size api 确认\n * 2. 修改类名结构\n * 3. 支持带数字展示\n * 4. InputGroup 模式支持\n * 5. 手动聚焦支持额外配置\n /\n\n\nvar Input = /#__PURE__/forwardRef(function (_a, ref) {\n var _a$prefixCls = _a.prefixCls,\n prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,\n _a$role = _a.role,\n role = _a$role === void 0 ? 'input' : _a$role,\n className = _a.className,\n style = _a.style,\n _a$size = _a.size,\n size = _a$size === void 0 ? 'md' : _a$size,\n _a$appearance = _a.appearance,\n appearance = _a$appearance === void 0 ? 'line' : _a$appearance,\n prepend = _a.prepend,\n append = _a.append,\n prefix = _a.prefix,\n suffix = _a.suffix,\n _a$clearableTrigger = _a.clearableTrigger,\n clearableTrigger = _a$clearableTrigger === void 0 ? 'hover' : _a$clearableTrigger,\n _a$clearable = _a.clearable,\n clearable = _a$clearable === void 0 ? false : _a$clearable,\n _a$invalid = _a.invalid,\n invalid = _a$invalid === void 0 ? false : _a$invalid,\n name = _a.name,\n autoFocus = _a.autoFocus,\n disabled = _a.disabled,\n readOnly = _a.readOnly,\n maxLength = _a.maxLength,\n placeholder = _a.placeholder,\n defaultValue = _a.defaultValue,\n valueProp = _a.value,\n onChange = _a.onChange,\n onFocus = _a.onFocus,\n onBlur = _a.onBlur,\n trimValueOnBlur = _a.trimValueOnBlur,\n onClear = _a.onClear,\n type = _a.type,\n containerRef = _a.containerRef,\n rest = __rest(_a, [\"prefixCls\", \"role\", \"className\", \"style\", \"size\", \"appearance\", \"prepend\", \"append\", \"prefix\", \"suffix\", \"clearableTrigger\", \"clearable\", \"invalid\", \"name\", \"autoFocus\", \"disabled\", \"readOnly\", \"maxLength\", \"placeholder\", \"defaultValue\", \"value\", \"onChange\", \"onFocus\", \"onBlur\", \"trimValueOnBlur\", \"onClear\", \"type\", \"containerRef\"]); // @TODO: 临时方案，后面迁移至 InputGroup\n\n\n var _useMemo = useMemo(function () {\n var shouldUnset = [false, false]; // @ts-ignore\n // @ts-ignore\n\n if ( /#__PURE__/isValidElement(prepend) && ['Select', 'Button'].includes(prepend.type.HiName)) {\n shouldUnset[0] = true;\n } // @ts-ignore\n // @ts-ignore\n\n\n if ( /#__PURE__/isValidElement(append) && ['Select', 'Button'].includes(append.type.HiName)) {\n shouldUnset[1] = true;\n }\n\n return shouldUnset;\n }, [prepend, append]),\n unsetPrepend = _useMemo[0],\n unsetAppend = _useMemo[1];\n\n var inputElementRef = useRef(null);\n var proxyOnChange = useCallback(function (value, evt) {\n if (!onChange) return;\n onChangeMock(onChange, evt, inputElementRef.current, value);\n }, [onChange]);\n var clearElementRef = useRef(null);\n\n var _useInput = useInput({\n clearElementRef: clearElementRef,\n name: name,\n autoFocus: autoFocus,\n disabled: disabled,\n readOnly: readOnly,\n maxLength: maxLength,\n placeholder: placeholder,\n defaultValue: defaultValue,\n value: valueProp,\n onChange: proxyOnChange,\n onFocus: onFocus,\n onBlur: onBlur,\n trimValueOnBlur: trimValueOnBlur,\n type: type\n }),\n tryChangeValue = _useInput.tryChangeValue,\n focused = _useInput.focused,\n value = _useInput.value,\n getInputProps = _useInput.getInputProps;\n\n var focus = useCallback(function () {\n var _a;\n\n (_a = inputElementRef.current) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }, []);\n\n var _useState = useState(false),\n hover = _useState[0],\n setHover = _useState[1]; // 在开启 clearable 下展示清除内容按钮，可点击进行内容清楚\n\n\n var showClearableIcon = clearable && !!value && !disabled;\n var mergedRef = useMergeRefs(ref, inputElementRef);\n var cls = cx(prefixCls, className, prefixCls + \"--size-\" + size, prefixCls + \"--appearance-\" + appearance);\n var outerCls = cx(prefixCls + \"__outer\", prepend && prefixCls + \"__outer--prepend\", prepend && unsetPrepend && prefixCls + \"__outer--prepend-unset\", append && prefixCls + \"__outer--append\", append && unsetAppend && prefixCls + \"__outer--append-unset\");\n return /#__PURE__/React.createElement(\"div\", {\n role: role,\n className: cls,\n style: style,\n ref: containerRef\n }, /#__PURE__/React.createElement(\"div\", {\n className: outerCls\n }, prepend ? /#__PURE__/React.createElement(\"div\", {\n className: prefixCls + \"__prepend\"\n }, prepend) : null, /#__PURE__/React.createElement(\"div\", {\n className: cx(prefixCls + \"__inner\", prefix && prefixCls + \"__inner--prefix\", suffix && prefixCls + \"__inner--suffix\", focused && prefixCls + \"__inner--focused\", disabled && prefixCls + \"__inner--disabled\", readOnly && prefixCls + \"__inner--readonly\", invalid && prefixCls + \"__inner--invalid\"),\n onMouseOver: function onMouseOver(e) {\n setHover(true);\n },\n onMouseLeave: function onMouseLeave(e) {\n setHover(false);\n }\n }, prefix ? /#__PURE__/React.createElement(\"span\", {\n className: prefixCls + \"__prefix\"\n }, prefix) : null, /#__PURE__/React.createElement(\"input\", Object.assign({\n ref: mergedRef,\n className: prefixCls + \"__text\"\n }, getInputProps(), rest)), suffix \|\| showClearableIcon ? /#__PURE__/React.createElement(\"span\", {\n className: prefixCls + \"__suffix\"\n }, showClearableIcon ? /#__PURE__/React.createElement(\"span\", {\n ref: clearElementRef,\n className: cx(prefixCls + \"__clear\", (clearableTrigger === 'always' \|\| hover) && prefixCls + \"__clear--active\"),\n role: \"button\",\n tabIndex: -1,\n onClick: function onClick(evt) {\n tryChangeValue('', evt);\n onClear === null \|\| onClear === void 0 ? void 0 : onClear();\n focus();\n }\n }, /#__PURE__/React.createElement(CloseCircleFilled, null)) : null, suffix) : null), append ? /#__PURE__/React.createElement(\"div\", {\n className: prefixCls + \"__append\"\n }, append) : null));\n});\n\nif (__DEV__) {\n Input.displayName = 'Input';\n}\n/\n 模拟伪装目标事件 target\n \n @param target\n * @param evt\n * @param onChange\n * @param targetValue\n * @returns\n */\n\n\nfunction onChangeMock(onChange, evt, target, targetValue) {\n var event = evt; // 点击 clearIcon 或者失焦 trim 时，都会代理 onChange 的事件对象 target 指向 input.target\n\n if (evt.type !== 'change') {\n if (!target) return;\n var originalTargetValue = target.value;\n event = Object.create(evt);\n event.target = target;\n event.currentTarget = target;\n target.value = targetValue;\n onChange(event, targetValue); // 重置为之前值\n\n target.value = originalTargetValue;\n return;\n }\n\n onChange(event, targetValue);\n}\n\nexport { Input, onChangeMock };\n//# sourceMappingURL=Input.js.map\n"],"names":["_prefix","getPrefixCls","Input","forwardRef","_a","ref","prefixCls","role","_a$role","className","style","size","_a$size","appearance","_a$appearance","prepend","append","prefix","suffix","clearableTrigger","_a$clearableTrigger","clearable","_a$clearable","invalid","_a$invalid","name","autoFocus","disabled","readOnly","maxLength","placeholder","defaultValue","valueProp","value","onChange","onFocus","onBlur","trimValueOnBlur","onClear","type","containerRef","rest","useMemo","shouldUnset","isValidElement","includes","HiName","unsetPrepend","_useMemo","unsetAppend","inputElementRef","useRef","proxyOnChange","useCallback","evt","onChangeMock","current","clearElementRef","useInput","tryChangeValue","_useInput","focused","getInputProps","focus","useState","hover","_useState","setHover","showClearableIcon","mergedRef","useMergeRefs","cls","cx","outerCls","React","onMouseOver","e","onMouseLeave","tabIndex","onClick","__DEV__","target","targetValue","event","originalTargetValue","Object"],"mappings":"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"}

package/lib/esm/ui/input/lib/esm/styles/index.scss.js CHANGED Viewed

@@ -17,7 +17,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-mock-input {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  cursor: text;\n  background-color: transparent;\n  -webkit-tap-highlight-color: transparent;\n  position: relative;\n  overflow: hidden;\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  -webkit-transition-property: all;\n  transition-property: all;\n  -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n          transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n  -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n          transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n  width: 100%;\n  height: auto;\n  z-index: auto;\n  font-size: inherit;\n  line-height: inherit;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n  background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input:not(.disabled):hover {\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input:not(.disabled).focused {\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input.disabled {\n    cursor: not-allowed; }\n.hi-v4-mock-input__suffix, .hi-v4-mock-input__placeholder {\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input__clear {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 16px;\n    height: 16px;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    text-align: center;\n    color: var(--hi-v4-color-gray-500, #929aa6);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    cursor: pointer;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-mock-input__clear:hover {\n      color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-mock-input__clear.active {\n      visibility: visible;\n      opacity: 1; }\n.hi-v4-mock-input__suffix {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    padding-left: var(--hi-v4-spacing-4, 8px);\n    text-align: center; }\n.hi-v4-mock-input__value {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    display: inline-block;\n    width: auto;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; }\n.hi-v4-mock-input--size-sm.hi-v4-mock-input {\n    height: var(--hi-v4-height-sm, 24px);\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-md.hi-v4-mock-input {\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-lg.hi-v4-mock-input {\n    height: var(--hi-v4-height-lg, 40px);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled):hover {\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input {\n    width: auto;\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    border-color: transparent; }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled):hover {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled):hover {\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-unset.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-input {\n  position: relative;\n  display: inline-block;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  width: 100%; }\n.hi-v4-input__outer {\n    margin: 0;\n    padding: 0;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n    height: 100%;\n    width: 100%; }\n.hi-v4-input__text {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: none;\n    outline: none;\n    -webkit-box-shadow: none;\n            box-shadow: none;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    cursor: text;\n    background-color: transparent;\n    -webkit-tap-highlight-color: transparent;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1;\n            flex: 1 1;\n    display: inline-block;\n    box-sizing: border-box;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    width: 100%;\n    font-size: inherit;\n    line-height: inherit;\n    color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__text::-webkit-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-moz-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-ms-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text:-ms-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text:disabled {\n      cursor: not-allowed; }\n.hi-v4-input__inner {\n    position: relative;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    height: auto;\n    width: 100%;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    font-size: inherit;\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    background-color: var(--hi-v4-color-static-white, #fff);\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    outline: none;\n    z-index: auto; }\n.hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__clear {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    height: auto;\n    text-align: center;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    color: var(--hi-v4-color-gray-500, #929aa6);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    cursor: pointer;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    visibility: hidden;\n    opacity: 0; }\n.hi-v4-input__clear:hover {\n      color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__clear.hi-v4-input__clear--active {\n      visibility: visible;\n      opacity: 1; }\n.hi-v4-input__inner--suffix .hi-v4-input__clear {\n      -webkit-margin-end: var(--hi-v4-spacing-2, 4px);\n              margin-inline-end: var(--hi-v4-spacing-2, 4px); }\n.hi-v4-input__prefix, .hi-v4-input__suffix {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    font-size: inherit;\n    text-align: center; }\n.hi-v4-input__prefix {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__suffix {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__prepend, .hi-v4-input__append {\n    position: relative;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    font-size: inherit;\n    text-align: center;\n    padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    white-space: nowrap;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    z-index: var(--hi-v4-zindex-absolute, 1); }\n.hi-v4-input__prepend {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    margin-right: -1px; }\n.hi-v4-input__append {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    margin-left: -1px; }\n.hi-v4-input--size-sm {\n    height: var(--hi-v4-height-sm, 24px);\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-input--size-sm .hi-v4-input__text {\n      padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-sm .hi-v4-input__inner,\n    .hi-v4-input--size-sm .hi-v4-input__prepend,\n    .hi-v4-input--size-sm .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-sm .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-sm .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--size-md {\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: var(--hi-v4-text-lineheight-normal, 1.375rem); }\n.hi-v4-input--size-md .hi-v4-input__text {\n      padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-md .hi-v4-input__inner,\n    .hi-v4-input--size-md .hi-v4-input__prepend,\n    .hi-v4-input--size-md .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-md .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-md .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--size-lg {\n    height: var(--hi-v4-height-lg, 40px);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: var(--hi-v4-text-lineheight-lg, 1.5rem); }\n.hi-v4-input--size-lg .hi-v4-input__text {\n      padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-lg .hi-v4-input__inner,\n    .hi-v4-input--size-lg .hi-v4-input__prepend,\n    .hi-v4-input--size-lg .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-lg .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-lg .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--appearance-line .hi-v4-input__inner {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-input--appearance-line .hi-v4-input__prepend,\n  .hi-v4-input--appearance-line .hi-v4-input__append {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-unset .hi-v4-input__text {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input__text,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input__text {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input__text,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input__text {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-unset .hi-v4-input__inner {\n    border-radius: 0; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-input--appearance-underline .hi-v4-input__text {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input__text,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input__text {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input__text,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input__text {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner {\n    border-radius: 0; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner::after {\n      content: '';\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      display: block;\n      position: absolute;\n      bottom: 0;\n      left: -1px;\n      right: -1px;\n      border-bottom: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover::after {\n      border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused::after {\n      border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid::after {\n      border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hover::after {\n      border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-filled .hi-v4-input__inner.hi-v4-input__inner--disabled {\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-input--appearance-unset .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-underline .hi-v4-input__inner.hi-v4-input__inner--disabled {\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: transparent; }\n.hi-v4-input__outer--prepend .hi-v4-input__inner {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend {\n    border: none;\n    padding: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-mock-input {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-button {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input__outer--append .hi-v4-input__inner {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append {\n    border: none;\n    padding: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-mock-input {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-button {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-mock-input {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  cursor: text;\n  background-color: transparent;\n  -webkit-tap-highlight-color: transparent;\n  position: relative;\n  overflow: hidden;\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1;\n          flex: 1 1;\n  -webkit-transition-property: all;\n  transition-property: all;\n  -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n          transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n  -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n          transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n  width: 100%;\n  height: auto;\n  z-index: auto;\n  font-size: inherit;\n  line-height: inherit;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n  background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input:not(.disabled):hover {\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input:not(.disabled).focused {\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input.disabled {\n    cursor: not-allowed; }\n.hi-v4-mock-input__suffix, .hi-v4-mock-input__placeholder {\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input__clear {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 16px;\n    height: 16px;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    text-align: center;\n    color: var(--hi-v4-color-gray-500, #929aa6);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    cursor: pointer;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1)); }\n.hi-v4-mock-input__clear:hover {\n      color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-mock-input__clear.active {\n      visibility: visible;\n      opacity: 1; }\n.hi-v4-mock-input__suffix {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    padding-left: var(--hi-v4-spacing-4, 8px);\n    text-align: center; }\n.hi-v4-mock-input__value {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    display: inline-block;\n    width: auto;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; }\n.hi-v4-mock-input--size-sm.hi-v4-mock-input {\n    height: var(--hi-v4-height-sm, 24px);\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-md.hi-v4-mock-input {\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-lg.hi-v4-mock-input {\n    height: var(--hi-v4-height-lg, 40px);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled):hover {\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input {\n    width: auto;\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    border-color: transparent; }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled):hover {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled):hover {\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-unset.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-input {\n  position: relative;\n  display: inline-block;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  width: 100%; }\n.hi-v4-input__outer {\n    margin: 0;\n    padding: 0;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n    height: 100%;\n    width: 100%; }\n.hi-v4-input__text {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: none;\n    outline: none;\n    -webkit-box-shadow: none;\n            box-shadow: none;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    cursor: text;\n    background-color: transparent;\n    -webkit-tap-highlight-color: transparent;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1;\n            flex: 1 1;\n    display: inline-block;\n    box-sizing: border-box;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    width: 100%;\n    font-size: inherit;\n    line-height: inherit;\n    color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__text::-webkit-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-moz-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-ms-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text:-ms-input-placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::placeholder {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text:disabled {\n      cursor: not-allowed; }\n.hi-v4-input__inner {\n    position: relative;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    height: auto;\n    width: 100%;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    font-size: inherit;\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    background-color: var(--hi-v4-color-static-white, #fff);\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    outline: none;\n    z-index: auto; }\n.hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__clear {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    height: auto;\n    text-align: center;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    color: var(--hi-v4-color-gray-500, #929aa6);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    cursor: pointer;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    visibility: hidden;\n    opacity: 0; }\n.hi-v4-input__clear:hover {\n      color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__clear.hi-v4-input__clear--active {\n      visibility: visible;\n      opacity: 1; }\n.hi-v4-input__inner--suffix .hi-v4-input__clear {\n      -webkit-margin-end: var(--hi-v4-spacing-2, 4px);\n              margin-inline-end: var(--hi-v4-spacing-2, 4px); }\n.hi-v4-input__prefix, .hi-v4-input__suffix {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    font-size: inherit;\n    text-align: center; }\n.hi-v4-input__prefix {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__suffix {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__prepend, .hi-v4-input__append {\n    position: relative;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    background-color: var(--hi-v4-color-gray-50, #f5f7fa);\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    font-size: inherit;\n    text-align: center;\n    padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    white-space: nowrap;\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n            transition-duration: var(--hi-v4-motion-duration-normal, 200ms);\n    -webkit-transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n            transition-timing-function: var(--hi-v4-motion-bezier-normal, cubic-bezier(0.37, 0.02, 0.34, 1));\n    z-index: var(--hi-v4-zindex-absolute, 1); }\n.hi-v4-input__prepend {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    margin-right: -1px; }\n.hi-v4-input__append {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    margin-left: -1px; }\n.hi-v4-input--size-sm {\n    height: var(--hi-v4-height-sm, 24px);\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-input--size-sm .hi-v4-input__text {\n      padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-sm .hi-v4-input__inner,\n    .hi-v4-input--size-sm .hi-v4-input__prepend,\n    .hi-v4-input--size-sm .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-sm .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-sm .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--size-md {\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: var(--hi-v4-text-lineheight-normal, 1.375rem); }\n.hi-v4-input--size-md .hi-v4-input__text {\n      padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-md .hi-v4-input__inner,\n    .hi-v4-input--size-md .hi-v4-input__prepend,\n    .hi-v4-input--size-md .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-md .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-md .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--size-lg {\n    height: var(--hi-v4-height-lg, 40px);\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: var(--hi-v4-text-lineheight-lg, 1.5rem); }\n.hi-v4-input--size-lg .hi-v4-input__text {\n      padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--size-lg .hi-v4-input__inner,\n    .hi-v4-input--size-lg .hi-v4-input__prepend,\n    .hi-v4-input--size-lg .hi-v4-input__append {\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-input--size-lg .hi-v4-input__prepend {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input--size-lg .hi-v4-input__append {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input--appearance-line .hi-v4-input__inner {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-input--appearance-line .hi-v4-input__prepend,\n  .hi-v4-input--appearance-line .hi-v4-input__append {\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-unset .hi-v4-input__text {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input__text,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input__text {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input__text,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input__text {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-unset .hi-v4-input__inner {\n    border-radius: 0; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner {\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n              box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));\n      border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {\n      border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {\n        border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));\n                box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9)); }\n.hi-v4-input--appearance-underline .hi-v4-input__text {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input__text,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input__text {\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input__text,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input__text {\n    padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner {\n    border-radius: 0; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner::after {\n      content: '';\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      display: block;\n      position: absolute;\n      bottom: 0;\n      left: -1px;\n      right: -1px;\n      border-bottom: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover::after {\n      border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused::after {\n      border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid::after {\n      border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hover::after {\n      border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959)); }\n.hi-v4-input--appearance-line .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-filled .hi-v4-input__inner.hi-v4-input__inner--disabled {\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-input--appearance-line .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text, .hi-v4-input--appearance-filled .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input--appearance-unset .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-underline .hi-v4-input__inner.hi-v4-input__inner--disabled {\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: transparent; }\n.hi-v4-input--appearance-unset .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text, .hi-v4-input--appearance-underline .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text {\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__outer--prepend .hi-v4-input__inner {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend {\n    border: none;\n    padding: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-mock-input {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-button {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n.hi-v4-input__outer--append .hi-v4-input__inner {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append {\n    border: none;\n    padding: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-mock-input {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-button {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n";
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/tree-select",
-  "version": "4.0.0-beta.11",
+  "version": "4.0.0-beta.12",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -51,11 +51,11 @@
     "@hi-ui/func-utils": "^4.0.0-beta.4",
     "@hi-ui/highlighter": "^4.0.0-beta.3",
     "@hi-ui/icons": "^4.0.0-beta.3",
-    "@hi-ui/locale-context": "^4.0.0-beta.7",
-    "@hi-ui/picker": "^4.0.0-beta.10",
+    "@hi-ui/locale-context": "^4.0.0-beta.8",
+    "@hi-ui/picker": "^4.0.0-beta.11",
     "@hi-ui/popper": "^4.0.0-beta.5",
     "@hi-ui/tag-input": "^4.0.0-beta.6",
-    "@hi-ui/tree": "^4.0.0-beta.11",
+    "@hi-ui/tree": "^4.0.0-beta.12",
     "@hi-ui/tree-utils": "^4.0.0-beta.1",
     "@hi-ui/type-assertion": "^4.0.0-beta.1",
     "@hi-ui/use-search-mode": "^4.0.0-beta.7",
@@ -71,5 +71,5 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "6b493b7d53d775bd0b94f45f208986774620af43"
+  "gitHead": "06a2f24f1fc6768049303a0361c2e9101aaab130"
 }