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

package/lib/cjs/TreeSelect.js

@@ -35,7 +35,7 @@ var treeUtils = require('@hi-ui/tree-utils');
 
 var typeAssertion = require('@hi-ui/type-assertion');
 
-var lodash = require('lodash');
+var arrayUtils = require('@hi-ui/array-utils');
 
 var highlighter = require('@hi-ui/highlighter');
 
@@ -49,6 +49,8 @@ var icons = require('@hi-ui/icons');
 
 var localeContext = require('@hi-ui/locale-context');
 
+var funcUtils = require('@hi-ui/func-utils');
+
 var useSearchMode = require('@hi-ui/use-search-mode');
 
 function _interopDefaultLegacy(e) {
@@ -94,12 +96,13 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onLoadChildren = _a.onLoadChildren,
       titleRender = _a.render,
       filterOption = _a.filterOption,
+      onSearchProp = _a.onSearch,
       clearable = _a.clearable,
       invalid = _a.invalid,
       displayRenderProp = _a.displayRender,
       placeholderProp = _a.placeholder,
       appearance = _a.appearance,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
 
   var i18n = localeContext.useLocaleContext();
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
@@ -182,9 +185,9 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     filterOption: filterOption
   });
   var filterSearchStrategy = useSearchMode.useFilterSearch({
+    enabled: searchModeProp === 'filter',
     data: data,
-    flattedData: flattedData,
-    searchMode: searchModeProp
+    flattedData: flattedData
   });
   var highlightSearchStrategy = useSearchMode.useHighlightSearch({
     data: data,
@@ -235,7 +238,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var mergedData = React.useMemo(function () {
     if (selectedItem) {
       var nextData = [selectedItem].concat(flattedData);
-      return lodash.uniqBy(nextData, 'id');
+      return arrayUtils.uniqBy(nextData, 'id');
     }
 
     return flattedData;
@@ -253,7 +256,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     // onChange={tryChangeValue}
     // data={mergedData}
     searchable: searchable,
-    onSearch: onSearch,
+    onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
     loading: loading,
     trigger: /*#__PURE__*/React__default['default'].createElement(MockInput.MockInput // disabled={disabled}
     , {

package/lib/cjs/TreeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.js","sources":["../../src/TreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","TreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","render","filterOption","clearable","invalid","displayRenderProp","displayRender","placeholderProp","placeholder","appearance","rest","i18n","useLocaleContext","isUndef","get","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","baseFlattenTree","tree","childrenFieldName","transform","flattedNode","raw","id","title","isLeaf","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","onSelect","selectedId","selectedNode","setSelectedItem","off","useState","selectedItem","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","onSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","prev","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","trigger","MockInput","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","__DEV__","displayName"],"mappings":"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"}
+{"version":3,"file":"TreeSelect.js","sources":["../../src/TreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","TreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","render","filterOption","onSearchProp","onSearch","clearable","invalid","displayRenderProp","displayRender","placeholderProp","placeholder","appearance","rest","i18n","useLocaleContext","isUndef","get","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","baseFlattenTree","tree","childrenFieldName","transform","flattedNode","raw","id","title","isLeaf","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","onSelect","selectedId","selectedNode","setSelectedItem","off","useState","selectedItem","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","enabled","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","prev","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","callAllFuncs","trigger","MockInput","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","__DEV__","displayName"],"mappings":"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"}

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

@@ -93,8 +93,10 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onFocus = _a.onFocus,
       onBlur = _a.onBlur,
       trimValueOnBlur = _a.trimValueOnBlur,
+      onClear = _a.onClear,
       type = _a.type,
-      rest = tslib.__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", "type"]); // @TODO: 临时方案，后面迁移至 InputGroup
+      containerRef = _a.containerRef,
+      rest = tslib.__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
 
 
   var _useMemo = React.useMemo(function () {
@@ -157,10 +159,6 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
     (_a = inputElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   }, []);
-  var handleReset = React.useCallback(function (evt) {
-    tryChangeValue('', evt);
-    focus();
-  }, [tryChangeValue, focus]);
 
   var _useState = React.useState(false),
       hover = _useState[0],
@@ -174,7 +172,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   return /*#__PURE__*/React__default['default'].createElement("div", {
     role: role,
     className: cls,
-    style: style
+    style: style,
+    ref: containerRef
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: outerCls
   }, prepend ? /*#__PURE__*/React__default['default'].createElement("div", {
@@ -199,7 +198,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     className: classname.cx(prefixCls + "__clear", (clearableTrigger === 'always' || hover) && prefixCls + "__clear--active"),
     role: "button",
     tabIndex: -1,
-    onClick: handleReset
+    onClick: function onClick(evt) {
+      tryChangeValue('', evt);
+      onClear === null || onClear === void 0 ? void 0 : onClear();
+      focus();
+    }
   }, /*#__PURE__*/React__default['default'].createElement(icons.CloseCircleFilled, null)) : null, suffix) : null), append ? /*#__PURE__*/React__default['default'].createElement("div", {
     className: prefixCls + "__append"
   }, append) : null));

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

@@ -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      type = _a.type,\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\", \"type\"]); // @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  var handleReset = useCallback(function (evt) {\n    tryChangeValue('', evt);\n    focus();\n  }, [tryChangeValue, focus]);\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  }, /*#__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: handleReset\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","type","rest","useMemo","shouldUnset","isValidElement","includes","HiName","unsetPrepend","_useMemo","unsetAppend","inputElementRef","useRef","proxyOnChange","useCallback","evt","onChangeMock","current","clearElementRef","useInput","tryChangeValue","_useInput","focused","getInputProps","focus","handleReset","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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"}
+{"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

@@ -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: 200ms;\n          transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n          transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border: 1px solid transparent;\n  border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n  background-color: #fff;\n  background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input:not(.disabled):hover {\n    z-index: calc(1 + 1);\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input:not(.disabled).focused {\n    z-index: calc(1 + 1);\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: #c9ced6;\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: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    text-align: center;\n    color: #929aa6;\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: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: #000;\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: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    padding-left: 8px;\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: 24px;\n    height: var(--hi-v4-height-xs, 24px);\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: 1.25rem;\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 1px calc(12px - 1px);\n    padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-md.hi-v4-mock-input {\n    height: 32px;\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: 1.375rem;\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 4px calc(12px - 1px);\n    padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-lg.hi-v4-mock-input {\n    height: 40px;\n    height: var(--hi-v4-height-xl, 40px);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: 1.5rem;\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 7px calc(12px - 1px);\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: #dfe2e8;\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: #237ffa;\n      border-color: 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 #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: 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: #ff5959;\n        border-color: 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 #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px 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: #f2f4f7;\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 #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      background-color: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: 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: #ff5959;\n        border-color: 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 #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input {\n    background-color: #f2f4f7;\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: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: #237ffa;\n      border-color: 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 #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n      background-color: #fff;\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: #ff5959;\n      border-color: 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: #ff5959;\n        border-color: 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 #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px 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: #c9ced6;\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: #f2f4f7;\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: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: #1f2733;\n    color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__text::-webkit-input-placeholder {\n      color: #c9ced6;\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-moz-placeholder {\n      color: #c9ced6;\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-ms-input-placeholder {\n      color: #c9ced6;\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text:-ms-input-placeholder {\n      color: #c9ced6;\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::placeholder {\n      color: #c9ced6;\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: 1px solid transparent;\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff);\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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(1 + 1);\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(1 + 1);\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: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    color: #929aa6;\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: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: #1f2733;\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: 4px;\n              margin-inline-end: 4px;\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: #1f2733;\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(12px - 1px);\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__suffix {\n    padding-right: calc(12px - 1px);\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: #1f2733;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    background-color: #f5f7fa;\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(12px - 1px);\n    padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border: 1px solid transparent;\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: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: 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: 24px;\n    height: var(--hi-v4-height-xs, 24px);\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: 1.25rem; }\n.hi-v4-input--size-sm .hi-v4-input__text {\n      padding: 1px calc(12px - 1px);\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: 4px;\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: 32px;\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: 1.375rem; }\n.hi-v4-input--size-md .hi-v4-input__text {\n      padding: 4px calc(12px - 1px);\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: 4px;\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: 40px;\n    height: var(--hi-v4-height-xl, 40px);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: 1.5rem; }\n.hi-v4-input--size-lg .hi-v4-input__text {\n      padding: 7px calc(12px - 1px);\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: 4px;\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: #dfe2e8;\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: #237ffa;\n      border-color: 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 #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: 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: #ff5959;\n      border-color: 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: #ff5959;\n        border-color: 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 #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px 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: #dfe2e8;\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(12px - 1px);\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(12px - 1px);\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: #f2f4f7;\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: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: #237ffa;\n      border-color: 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 #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n      background-color: #fff;\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: #ff5959;\n      border-color: 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: #ff5959;\n        border-color: 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 #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px 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(12px - 1px);\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(12px - 1px);\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 #dfe2e8;\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: #237ffa;\n      border-bottom-color: 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: #237ffa;\n      border-bottom-color: 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: #ff5959;\n      border-bottom-color: 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: #ff5959;\n      border-bottom-color: 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: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: #ebedf0;\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: #c9ced6;\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-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 __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

package/lib/esm/TreeSelect.js

@@ -17,13 +17,14 @@ import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
 import { Picker } from '@hi-ui/picker';
 import { baseFlattenTree } from '@hi-ui/tree-utils';
 import { isUndef, isArrayNonEmpty } from '@hi-ui/type-assertion';
-import { uniqBy } from 'lodash';
+import { uniqBy } from '@hi-ui/array-utils';
 import { Highlighter } from '@hi-ui/highlighter';
 import './ui/input/lib/esm/styles/index.scss.js';
 import './ui/input/lib/esm/Input.js';
 import { MockInput } from './ui/input/lib/esm/MockInput.js';
 import { UpOutlined, DownOutlined } from '@hi-ui/icons';
 import { useLocaleContext } from '@hi-ui/locale-context';
+import { callAllFuncs } from '@hi-ui/func-utils';
 import { useAsyncSearch, useTreeCustomSearch, useFilterSearch, useHighlightSearch, useSearchMode } from '@hi-ui/use-search-mode';
 var TREE_SELECT_PREFIX = getPrefixCls('tree-select');
 var DEFAULT_DATA = []; // const DEFAULT_VALUE = [] as []
@@ -60,12 +61,13 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       onLoadChildren = _a.onLoadChildren,
       titleRender = _a.render,
       filterOption = _a.filterOption,
+      onSearchProp = _a.onSearch,
       clearable = _a.clearable,
       invalid = _a.invalid,
       displayRenderProp = _a.displayRender,
       placeholderProp = _a.placeholder,
       appearance = _a.appearance,
-      rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
+      rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
 
   var i18n = useLocaleContext();
   var placeholder = isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
@@ -148,9 +150,9 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     filterOption: filterOption
   });
   var filterSearchStrategy = useFilterSearch({
+    enabled: searchModeProp === 'filter',
     data: data,
-    flattedData: flattedData,
-    searchMode: searchModeProp
+    flattedData: flattedData
   });
   var highlightSearchStrategy = useHighlightSearch({
     data: data,
@@ -219,7 +221,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     // onChange={tryChangeValue}
     // data={mergedData}
     searchable: searchable,
-    onSearch: onSearch,
+    onSearch: callAllFuncs(onSearchProp, onSearch),
     loading: loading,
     trigger: /*#__PURE__*/React.createElement(MockInput // disabled={disabled}
     , {

package/lib/esm/TreeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.js","sources":["../../src/TreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","TreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","render","filterOption","clearable","invalid","displayRenderProp","displayRender","placeholderProp","placeholder","appearance","rest","i18n","useLocaleContext","isUndef","get","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","baseFlattenTree","tree","childrenFieldName","transform","flattedNode","raw","id","title","isLeaf","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","onSelect","selectedId","selectedNode","setSelectedItem","off","useState","selectedItem","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","onSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","prev","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","trigger","MockInput","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","__DEV__","displayName"],"mappings":"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"}
+{"version":3,"file":"TreeSelect.js","sources":["../../src/TreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","TreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","render","filterOption","onSearchProp","onSearch","clearable","invalid","displayRenderProp","displayRender","placeholderProp","placeholder","appearance","rest","i18n","useLocaleContext","isUndef","get","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","baseFlattenTree","tree","childrenFieldName","transform","flattedNode","raw","id","title","isLeaf","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","onSelect","selectedId","selectedNode","setSelectedItem","off","useState","selectedItem","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","enabled","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","prev","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","callAllFuncs","trigger","MockInput","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","__DEV__","displayName"],"mappings":"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"}

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

@@ -70,8 +70,10 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
       onFocus = _a.onFocus,
       onBlur = _a.onBlur,
       trimValueOnBlur = _a.trimValueOnBlur,
+      onClear = _a.onClear,
       type = _a.type,
-      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", "type"]); // @TODO: 临时方案，后面迁移至 InputGroup
+      containerRef = _a.containerRef,
+      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
 
 
   var _useMemo = useMemo(function () {
@@ -134,10 +136,6 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
 
     (_a = inputElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   }, []);
-  var handleReset = useCallback(function (evt) {
-    tryChangeValue('', evt);
-    focus();
-  }, [tryChangeValue, focus]);
 
   var _useState = useState(false),
       hover = _useState[0],
@@ -151,7 +149,8 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
   return /*#__PURE__*/React.createElement("div", {
     role: role,
     className: cls,
-    style: style
+    style: style,
+    ref: containerRef
   }, /*#__PURE__*/React.createElement("div", {
     className: outerCls
   }, prepend ? /*#__PURE__*/React.createElement("div", {
@@ -176,7 +175,11 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
     className: cx(prefixCls + "__clear", (clearableTrigger === 'always' || hover) && prefixCls + "__clear--active"),
     role: "button",
     tabIndex: -1,
-    onClick: handleReset
+    onClick: function onClick(evt) {
+      tryChangeValue('', evt);
+      onClear === null || onClear === void 0 ? void 0 : onClear();
+      focus();
+    }
   }, /*#__PURE__*/React.createElement(CloseCircleFilled, null)) : null, suffix) : null), append ? /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__append"
   }, append) : null));

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

@@ -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      type = _a.type,\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\", \"type\"]); // @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  var handleReset = useCallback(function (evt) {\n    tryChangeValue('', evt);\n    focus();\n  }, [tryChangeValue, focus]);\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  }, /*#__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: handleReset\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","type","rest","useMemo","shouldUnset","isValidElement","includes","HiName","unsetPrepend","_useMemo","unsetAppend","inputElementRef","useRef","proxyOnChange","useCallback","evt","onChangeMock","current","clearElementRef","useInput","tryChangeValue","_useInput","focused","getInputProps","focus","handleReset","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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"}
+{"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

@@ -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: 200ms;\n          transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n          transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border: 1px solid transparent;\n  border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n  background-color: #fff;\n  background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-mock-input:not(.disabled):hover {\n    z-index: calc(1 + 1);\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-mock-input:not(.disabled).focused {\n    z-index: calc(1 + 1);\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: #c9ced6;\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: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    text-align: center;\n    color: #929aa6;\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: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: #000;\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: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    padding-left: 8px;\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: 24px;\n    height: var(--hi-v4-height-xs, 24px);\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: 1.25rem;\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 1px calc(12px - 1px);\n    padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-md.hi-v4-mock-input {\n    height: 32px;\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: 1.375rem;\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 4px calc(12px - 1px);\n    padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-mock-input--size-lg.hi-v4-mock-input {\n    height: 40px;\n    height: var(--hi-v4-height-xl, 40px);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: 1.5rem;\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    padding: 7px calc(12px - 1px);\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: #dfe2e8;\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: #237ffa;\n      border-color: 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 #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: 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: #ff5959;\n        border-color: 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 #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px 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: #f2f4f7;\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 #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      background-color: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: 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: #ff5959;\n        border-color: 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 #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9); }\n.hi-v4-mock-input--appearance-filled.hi-v4-mock-input {\n    background-color: #f2f4f7;\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: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: #237ffa;\n      border-color: 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 #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n      background-color: #fff;\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: #ff5959;\n      border-color: 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: #ff5959;\n        border-color: 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 #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px 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: #c9ced6;\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: #f2f4f7;\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: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: #1f2733;\n    color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-input__text::-webkit-input-placeholder {\n      color: #c9ced6;\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-moz-placeholder {\n      color: #c9ced6;\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::-ms-input-placeholder {\n      color: #c9ced6;\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text:-ms-input-placeholder {\n      color: #c9ced6;\n      color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input__text::placeholder {\n      color: #c9ced6;\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: 1px solid transparent;\n    border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);\n    background-color: #fff;\n    background-color: var(--hi-v4-color-static-white, #fff);\n    -webkit-transition-property: all;\n    transition-property: all;\n    -webkit-transition-duration: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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(1 + 1);\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(1 + 1);\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: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    color: #929aa6;\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: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: #1f2733;\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: 4px;\n              margin-inline-end: 4px;\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: #1f2733;\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(12px - 1px);\n    padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px); }\n.hi-v4-input__suffix {\n    padding-right: calc(12px - 1px);\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: #1f2733;\n    color: var(--hi-v4-color-gray-700, #1f2733);\n    background-color: #f5f7fa;\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(12px - 1px);\n    padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border: 1px solid transparent;\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: 200ms;\n            transition-duration: 200ms;\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: cubic-bezier(0.37, 0.02, 0.34, 1);\n            transition-timing-function: cubic-bezier(0.37, 0.02, 0.34, 1);\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: 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: 24px;\n    height: var(--hi-v4-height-xs, 24px);\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: 1.25rem; }\n.hi-v4-input--size-sm .hi-v4-input__text {\n      padding: 1px calc(12px - 1px);\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: 4px;\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: 32px;\n    height: var(--hi-v4-height-normal, 32px);\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: 1.375rem; }\n.hi-v4-input--size-md .hi-v4-input__text {\n      padding: 4px calc(12px - 1px);\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: 4px;\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: 40px;\n    height: var(--hi-v4-height-xl, 40px);\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: 1.5rem; }\n.hi-v4-input--size-lg .hi-v4-input__text {\n      padding: 7px calc(12px - 1px);\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: 4px;\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: #dfe2e8;\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: #237ffa;\n      border-color: 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 #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: 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: #ff5959;\n      border-color: 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: #ff5959;\n        border-color: 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 #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px 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: #dfe2e8;\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(12px - 1px);\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(12px - 1px);\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: #f2f4f7;\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: #fff;\n      background-color: var(--hi-v4-color-static-white, #fff);\n      border-color: #237ffa;\n      border-color: 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 #bde2ff;\n              box-shadow: 0 0 0 2px #bde2ff;\n      -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n              box-shadow: 0 0 0 2px var(--hi-v4-color-brandblue-100, #bde2ff);\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n      background-color: #fff;\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: #ff5959;\n      border-color: 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: #ff5959;\n        border-color: 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 #ffd1c9;\n                box-shadow: 0 0 0 2px #ffd1c9;\n        -webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-red-100, #ffd1c9);\n                box-shadow: 0 0 0 2px 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(12px - 1px);\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(12px - 1px);\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 #dfe2e8;\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: #237ffa;\n      border-bottom-color: 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: #237ffa;\n      border-bottom-color: 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: #ff5959;\n      border-bottom-color: 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: #ff5959;\n      border-bottom-color: 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: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6);\n    background-color: #ebedf0;\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: #c9ced6;\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-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 __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/tree-select",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.11",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -43,32 +43,33 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
+    "@hi-ui/array-utils": "^4.0.0-beta.4",
     "@hi-ui/classname": "^4.0.0-beta.0",
-    "@hi-ui/core": "^4.0.0-beta.0",
-    "@hi-ui/core-css": "^4.0.0-beta.0",
+    "@hi-ui/core": "^4.0.0-beta.3",
+    "@hi-ui/core-css": "^4.0.0-beta.3",
     "@hi-ui/env": "^4.0.0-beta.0",
-    "@hi-ui/highlighter": "^4.0.0-beta.0",
-    "@hi-ui/icons": "^4.0.0-beta.0",
-    "@hi-ui/locale-context": "^4.0.0-beta.0",
-    "@hi-ui/picker": "^4.0.0-beta.0",
-    "@hi-ui/popper": "^4.0.0-beta.0",
-    "@hi-ui/tag-input": "^4.0.0-beta.0",
-    "@hi-ui/tree": "^4.0.0-beta.0",
-    "@hi-ui/tree-utils": "^4.0.0-beta.0",
-    "@hi-ui/type-assertion": "^4.0.0-beta.0",
-    "@hi-ui/use-search-mode": "^4.0.0-beta.0",
-    "@hi-ui/use-toggle": "^4.0.0-beta.0",
-    "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.0",
-    "lodash": "^4.17.21"
+    "@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/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-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",
+    "@hi-ui/use-toggle": "^4.0.0-beta.1",
+    "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.1"
   },
   "peerDependencies": {
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/hi-build": "^4.0.0-beta.0",
+    "@hi-ui/hi-build": "^4.0.0-beta.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "be106782f3ff72208ec6d4a2ec8acfe2a41fa1fe"
+  "gitHead": "6b493b7d53d775bd0b94f45f208986774620af43"
 }