@hi-ui/tree-select 4.0.0-alpha.4 → 4.0.0-alpha.9

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 {\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 {\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 {\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-outline {\n    border-color: #dfe2e8;\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-mock-input--appearance-outline:not(.disabled):hover {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input--appearance-outline: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-outline:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-outline:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-outline: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 {\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:not(.disabled):hover {\n      background-color: #f2f4f7;\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-unset: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:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-unset: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: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 {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-filled: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: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:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-filled: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: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-outline.disabled, .hi-v4-mock-input--appearance-unset.disabled, .hi-v4-mock-input--appearance-filled.disabled {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input--appearance-outline.disabled, .hi-v4-mock-input--appearance-filled.disabled {\n    background-color: #ebedf0;\n    background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@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  -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::-webkit-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::-moz-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::-ms-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input:-ms-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input: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(.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(.disabled).focused {\n      z-index: calc(1 + 1);\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__outer {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n    margin: 0;\n    padding: 0;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    height: auto;\n    width: 100%;\n    vertical-align: middle; }\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.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 {\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 {\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 {\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-outline .hi-v4-input__inner {\n    border-color: #dfe2e8;\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled):hover {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner: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-input--appearance-outline .hi-v4-input__inner:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner: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-input--appearance-outline .hi-v4-input__prepend,\n  .hi-v4-input--appearance-outline .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 {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input {\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,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input {\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(.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(.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-input--appearance-filled .hi-v4-input__inner:not(.disabled).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(.disabled).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(.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-input--appearance-underline .hi-v4-input {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input {\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,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input {\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(.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(.disabled).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(.disabled).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(.disabled).invalid.hover::after {\n      border-bottom-color: #ff5959;\n      border-bottom-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner.disabled, .hi-v4-input--appearance-unset .hi-v4-input__inner.disabled, .hi-v4-input--appearance-filled .hi-v4-input__inner.disabled, .hi-v4-input--appearance-underline .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__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: 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 {\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 {\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 {\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-outline {\n    border-color: #dfe2e8;\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-mock-input--appearance-outline:not(.disabled):hover {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input--appearance-outline: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-outline:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-outline:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-outline: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 {\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:not(.disabled):hover {\n      background-color: #f2f4f7;\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-unset: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:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-unset: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: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 {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input--appearance-filled: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: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:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-mock-input--appearance-filled: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: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-outline.disabled, .hi-v4-mock-input--appearance-unset.disabled, .hi-v4-mock-input--appearance-filled.disabled {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-mock-input--appearance-outline.disabled, .hi-v4-mock-input--appearance-filled.disabled {\n    background-color: #ebedf0;\n    background-color: var(--hi-v4-color-gray-200, #ebedf0); }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@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  -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::-webkit-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::-moz-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::-ms-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input:-ms-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input: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(.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(.disabled).focused {\n      z-index: calc(1 + 1);\n      z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\n.hi-v4-input__outer {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n    margin: 0;\n    padding: 0;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    height: auto;\n    width: 100%;\n    vertical-align: middle; }\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.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 {\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 {\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 {\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-outline .hi-v4-input__inner {\n    border-color: #dfe2e8;\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled):hover {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner: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-input--appearance-outline .hi-v4-input__inner:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner: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-input--appearance-outline .hi-v4-input__prepend,\n  .hi-v4-input--appearance-outline .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 {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input {\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,\n  .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input {\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(.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(.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-input--appearance-filled .hi-v4-input__inner:not(.disabled).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(.disabled).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(.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-input--appearance-underline .hi-v4-input {\n    padding-left: 0;\n    padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input {\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,\n  .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input {\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(.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(.disabled).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(.disabled).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(.disabled).invalid.hover::after {\n      border-bottom-color: #ff5959;\n      border-bottom-color: var(--hi-v4-color-red-500, #ff5959); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner.disabled, .hi-v4-input--appearance-unset .hi-v4-input__inner.disabled, .hi-v4-input--appearance-filled .hi-v4-input__inner.disabled, .hi-v4-input--appearance-underline .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__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; }\ntextarea.hi-v4-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  display: block;\n  resize: vertical;\n  overflow: auto;\n  position: relative;\n  width: 100%;\n  z-index: auto;\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  color: #1f2733;\n  color: var(--hi-v4-color-gray-700, #1f2733); }\ntextarea.hi-v4-input::-webkit-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\ntextarea.hi-v4-input::-moz-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\ntextarea.hi-v4-input::-ms-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\ntextarea.hi-v4-input:-ms-input-placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\ntextarea.hi-v4-input::placeholder {\n    color: #c9ced6;\n    color: var(--hi-v4-color-gray-400, #c9ced6); }\ntextarea.hi-v4-input:disabled {\n    cursor: not-allowed; }\ntextarea.hi-v4-input:not(.disabled):hover {\n    z-index: calc(1 + 1);\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\ntextarea.hi-v4-input:not(.disabled).focused {\n    z-index: calc(1 + 1);\n    z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1); }\ntextarea.hi-v4-input--size-sm {\n    height: auto;\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: 1.25rem;\n    padding: 1px calc(12px - 1px);\n    padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px); }\ntextarea.hi-v4-input--size-md {\n    height: auto;\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    line-height: 1.375rem;\n    padding: 4px calc(12px - 1px);\n    padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px); }\ntextarea.hi-v4-input--size-lg {\n    height: auto;\n    font-size: 1rem;\n    font-size: var(--hi-v4-text-size-lg, 1rem);\n    line-height: 1.5rem;\n    padding: 7px calc(12px - 1px);\n    padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px);\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px); }\ntextarea.hi-v4-input--appearance-outline {\n    border-color: #dfe2e8;\n    border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\ntextarea.hi-v4-input--appearance-outline:not(.disabled):hover {\n      border-color: #237ffa;\n      border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\ntextarea.hi-v4-input--appearance-outline: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); }\ntextarea.hi-v4-input--appearance-outline:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-outline:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-outline: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); }\ntextarea.hi-v4-input--appearance-unset {\n    border-radius: 0; }\ntextarea.hi-v4-input--appearance-unset .hi-v4-input {\n      padding-left: 0;\n      padding-right: 0; }\ntextarea.hi-v4-input--appearance-filled {\n    background-color: #f2f4f7;\n    background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\ntextarea.hi-v4-input--appearance-filled: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); }\ntextarea.hi-v4-input--appearance-filled: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); }\ntextarea.hi-v4-input--appearance-filled:not(.disabled).invalid {\n      border-color: #ff5959;\n      border-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-filled:not(.disabled).invalid.hover {\n        border-color: #ff5959;\n        border-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-filled: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); }\ntextarea.hi-v4-input--appearance-underline {\n    padding-left: 0;\n    padding-right: 0;\n    border-radius: 0; }\ntextarea.hi-v4-input--appearance-underline::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; }\ntextarea.hi-v4-input--appearance-underline:not(.disabled):hover::after {\n      border-bottom-color: #237ffa;\n      border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa); }\ntextarea.hi-v4-input--appearance-underline:not(.disabled).focused::after {\n      border-bottom-color: #237ffa;\n      border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa); }\ntextarea.hi-v4-input--appearance-underline:not(.disabled).invalid::after {\n      border-bottom-color: #ff5959;\n      border-bottom-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-underline:not(.disabled).invalid.hover::after {\n      border-bottom-color: #ff5959;\n      border-bottom-color: var(--hi-v4-color-red-500, #ff5959); }\ntextarea.hi-v4-input--appearance-outline.disabled, textarea.hi-v4-input--appearance-unset.disabled, textarea.hi-v4-input--appearance-filled.disabled, textarea.hi-v4-input--appearance-underline.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";
 
 var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
 

package/lib/cjs/ui/input/lib/esm/use-input.js

@@ -0,0 +1,108 @@
+/** @LICENSE
+ * @hi-ui/tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
+var index = require('../../../../hooks/use-latest/lib/esm/index.js');
+
+var index$1 = require('../../../../utils/dom-utils/lib/esm/index.js');
+/** @LICENSE
+ * @hi-ui/input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/input#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+var useInput = function useInput(_ref) {
+  var name = _ref.name,
+      _ref$autoFocus = _ref.autoFocus,
+      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+      maxLength = _ref.maxLength,
+      placeholder = _ref.placeholder,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
+      valueProp = _ref.value,
+      onChange = _ref.onChange,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      _ref$trimValueOnBlur = _ref.trimValueOnBlur,
+      trimValueOnBlur = _ref$trimValueOnBlur === void 0 ? false : _ref$trimValueOnBlur;
+
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
+      value = _useUncontrolledState[0],
+      tryChangeValue = _useUncontrolledState[1];
+
+  var handleChange = React.useCallback(function (evt) {
+    var nextValue = evt.target.value;
+    tryChangeValue(nextValue, evt);
+  }, [tryChangeValue]);
+
+  var _useState = React.useState(autoFocus),
+      focused = _useState[0],
+      setFocused = _useState[1];
+
+  var handleFocus = index.useLatestCallback(function (evt) {
+    setFocused(true);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt);
+  });
+  var handleBlur = index.useLatestCallback(function (event) {
+    setFocused(false);
+
+    if (trimValueOnBlur) {
+      var nextValue = event.target.value;
+      tryChangeValue(nextValue.trim(), event);
+    }
+
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+  });
+  var nativeInputProps = React.useMemo(function () {
+    return {
+      name: name,
+      disabled: disabled,
+      readOnly: readOnly,
+      autoFocus: autoFocus,
+      placeholder: placeholder,
+      maxLength: maxLength,
+      'data-focused': index$1.setAttrStatus(focused)
+    };
+  }, [disabled, readOnly, autoFocus, placeholder, maxLength, name, focused]);
+  var getInputProps = React.useCallback(function () {
+    return Object.assign(Object.assign({}, nativeInputProps), {
+      value: value,
+      onChange: handleChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur
+    });
+  }, [value, handleChange, handleFocus, handleBlur, nativeInputProps]);
+  return {
+    focused: focused,
+    value: value,
+    tryChangeValue: tryChangeValue,
+    getInputProps: getInputProps
+  };
+};
+
+exports.useInput = useInput;
+//# sourceMappingURL=use-input.js.map

package/lib/cjs/ui/input/lib/esm/use-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input.js","sources":["../../../../../../../input/lib/esm/use-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 { useCallback, useState, useMemo } from 'react';\nimport { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';\nimport { useLatestCallback } from '@hi-ui/use-latest';\nimport { setAttrStatus } from '@hi-ui/dom-utils';\n\nvar useInput = function useInput(_ref) {\n  var name = _ref.name,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,\n      _ref$disabled = _ref.disabled,\n      disabled = _ref$disabled === void 0 ? false : _ref$disabled,\n      _ref$readOnly = _ref.readOnly,\n      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,\n      maxLength = _ref.maxLength,\n      placeholder = _ref.placeholder,\n      _ref$defaultValue = _ref.defaultValue,\n      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,\n      valueProp = _ref.value,\n      onChange = _ref.onChange,\n      onFocus = _ref.onFocus,\n      onBlur = _ref.onBlur,\n      _ref$trimValueOnBlur = _ref.trimValueOnBlur,\n      trimValueOnBlur = _ref$trimValueOnBlur === void 0 ? false : _ref$trimValueOnBlur;\n\n  var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChange),\n      value = _useUncontrolledState[0],\n      tryChangeValue = _useUncontrolledState[1];\n\n  var handleChange = useCallback(function (evt) {\n    var nextValue = evt.target.value;\n    tryChangeValue(nextValue, evt);\n  }, [tryChangeValue]);\n\n  var _useState = useState(autoFocus),\n      focused = _useState[0],\n      setFocused = _useState[1];\n\n  var handleFocus = useLatestCallback(function (evt) {\n    setFocused(true);\n    onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt);\n  });\n  var handleBlur = useLatestCallback(function (event) {\n    setFocused(false);\n\n    if (trimValueOnBlur) {\n      var nextValue = event.target.value;\n      tryChangeValue(nextValue.trim(), event);\n    }\n\n    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);\n  });\n  var nativeInputProps = useMemo(function () {\n    return {\n      name: name,\n      disabled: disabled,\n      readOnly: readOnly,\n      autoFocus: autoFocus,\n      placeholder: placeholder,\n      maxLength: maxLength,\n      'data-focused': setAttrStatus(focused)\n    };\n  }, [disabled, readOnly, autoFocus, placeholder, maxLength, name, focused]);\n  var getInputProps = useCallback(function () {\n    return Object.assign(Object.assign({}, nativeInputProps), {\n      value: value,\n      onChange: handleChange,\n      onFocus: handleFocus,\n      onBlur: handleBlur\n    });\n  }, [value, handleChange, handleFocus, handleBlur, nativeInputProps]);\n  return {\n    focused: focused,\n    value: value,\n    tryChangeValue: tryChangeValue,\n    getInputProps: getInputProps\n  };\n};\n\nexport { useInput };\n//# sourceMappingURL=use-input.js.map\n"],"names":["useInput","_ref","name","autoFocus","_ref$autoFocus","disabled","_ref$disabled","readOnly","_ref$readOnly","maxLength","placeholder","defaultValue","_ref$defaultValue","valueProp","value","onChange","onFocus","onBlur","trimValueOnBlur","_ref$trimValueOnBlur","useUncontrolledState","_useUncontrolledState","tryChangeValue","handleChange","useCallback","evt","nextValue","useState","focused","_useState","setFocused","handleFocus","useLatestCallback","handleBlur","event","trim","nativeInputProps","useMemo","setAttrStatus","getInputProps"],"mappings":"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"}

package/lib/cjs/utils/dom-utils/lib/esm/index.js

@@ -0,0 +1,34 @@
+/** @LICENSE
+ * @hi-ui/tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+/** @LICENSE
+ * @hi-ui/dom-utils
+ * https://github.com/XiaoMi/hiui/tree/master/packages/utils/dom-utils#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * 设置 html  data 属性，表示状态
+ */
+
+var setAttrStatus = function setAttrStatus(bool) {
+  return bool ? '' : undefined;
+};
+
+exports.setAttrStatus = setAttrStatus;
+//# sourceMappingURL=index.js.map

package/lib/cjs/utils/dom-utils/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../utils/dom-utils/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/dom-utils\n * https://github.com/XiaoMi/hiui/tree/master/packages/utils/dom-utils#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 */\n\n/**\n * 隐藏 dom 样式\n */\nvar hiddenStyle = {\n  position: 'absolute',\n  border: 0,\n  margin: 0,\n  opacity: 0,\n  overflow: 'hidden'\n};\n/**\n * 模拟事件默认事件处理机制，以此执行传入的事件处理器\n *\n * @param handlers\n * @returns\n * @ref https://developer.mozilla.org/zh-CN/docs/Web/API/Event/preventDefault\n */\n\nfunction mockDefaultHandlers() {\n  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {\n    handlers[_key] = arguments[_key];\n  }\n\n  return function mockedDefaultHandler(event) {\n    handlers.some(function (handler) {\n      if (handler) {\n        // handler 执行中，可以阻止默认行为，即将 `defaultPrevented` 置为 `true`\n        handler(event);\n      }\n\n      return event.defaultPrevented;\n    });\n  };\n}\n/**\n * 设置 html  data 属性，表示状态\n */\n\n\nvar setAttrStatus = function setAttrStatus(bool) {\n  return bool ? '' : undefined;\n};\n/**\n * 设置 html  aria 属性\n */\n\n\nvar setAttrAria = function setAttrAria(bool) {\n  return bool ? true : undefined;\n};\n/**\n * 阻止事件的行为，包括默认事件和冒泡\n */\n\n\nvar stopEvent = function stopEvent(evt) {\n  evt === null || evt === void 0 ? void 0 : evt.preventDefault();\n  evt === null || evt === void 0 ? void 0 : evt.stopPropagation();\n};\n\nexport { hiddenStyle, mockDefaultHandlers, setAttrAria, setAttrStatus, stopEvent };\n//# sourceMappingURL=index.js.map\n"],"names":["setAttrStatus","bool","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkCA;;;;IAGaA,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,IAAA,EAAA;SAAqBA,IAAI,GAAA,EAAA,GAAQC;;;"}

package/lib/esm/TreeSelect.js

@@ -21,6 +21,7 @@ import { uniqBy } from 'lodash';
 import { Highlighter } from '@hi-ui/highlighter';
 import './ui/input/lib/esm/styles/index.scss.js';
 import './ui/input/lib/esm/Input.js';
+import './ui/input/lib/esm/TextArea.js';
 import { MockInput } from './ui/input/lib/esm/MockInput.js';
 import { UpOutlined, DownOutlined } from '@hi-ui/icons';
 import { useAsyncSearch, useTreeCustomSearch, useFilterSearch, useHighlightSearch, useSearchMode } from '@hi-ui/use-search-mode';

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","filterOption","clearable","invalid","displayRender","placeholder","appearance","rest","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","flattenTree","id","raw","title","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","filterOption","clearable","invalid","displayRender","placeholder","appearance","rest","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","flattenTree","id","raw","title","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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"}

package/lib/esm/hooks/use-latest/lib/esm/index.js

@@ -0,0 +1,57 @@
+/** @LICENSE
+ * @hi-ui/tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useCallback, useRef } from 'react';
+/** @LICENSE
+ * @hi-ui/use-latest
+ * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-latest#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Keep value up-to-date if it changes.
+ *
+ * @param value
+ * @returns
+ */
+
+var useLatestRef = function useLatestRef(value) {
+  var ref = useRef(value);
+  ref.current = value;
+  return ref;
+};
+/**
+ * Keep callback function up-to-date if it changes.
+ *
+ * @param callback
+ * @returns
+ */
+
+
+var useLatestCallback = function useLatestCallback(callback) {
+  var ref = useLatestRef(callback);
+  return useCallback(function () {
+    var _a2;
+
+    var _a;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return (_a = ref.current) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [ref].concat(args));
+  }, []);
+};
+
+export { useLatestCallback, useLatestRef };
+//# sourceMappingURL=index.js.map

package/lib/esm/hooks/use-latest/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../hooks/use-latest/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/use-latest\n * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-latest#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 { useRef, useCallback } from 'react';\n/**\n * Keep value up-to-date if it changes.\n *\n * @param value\n * @returns\n */\n\nvar useLatestRef = function useLatestRef(value) {\n  var ref = useRef(value);\n  ref.current = value;\n  return ref;\n};\n/**\n * Keep callback function up-to-date if it changes.\n *\n * @param callback\n * @returns\n */\n\n\nvar useLatestCallback = function useLatestCallback(callback) {\n  var ref = useLatestRef(callback);\n  return useCallback(function () {\n    var _a2;\n\n    var _a;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    return (_a = ref.current) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [ref].concat(args));\n  }, []);\n};\n\nexport { useLatestCallback, useLatestRef };\n//# sourceMappingURL=index.js.map\n"],"names":["useLatestRef","value","ref","useRef","useLatestCallback","callback","useCallback","args","_a","current","_a2","call","apply","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;IAMaA,YAAY,GAAG,SAAfA,YAAe,CAAAC,KAAA,EAAA;MACpBC,GAAG,GAAGC,MAAM,CAAAF,KAAA;AAClBC,EAAAA,GAAG,CAAHA,OAAAA,GAAAA,KAAAA;SACOA;;AAGT;;;;;;;;IAMaE,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,QAAA,EAAA;MAGzBH,GAAG,GAAGF,YAAY,CAAAK,QAAA;SACjBC,WAAW,CAAC,YAAA;;;;;sCAAIC,IAAAA,GAAAA,IAAAA,KAAAA,CAAAA,IAAAA,GAAAA,IAAAA,GAAAA,GAAAA,IAAAA,GAAAA,MAAAA,IAAAA,IAAAA;AAAAA,MAAAA,IAAAA,CAAAA,IAAAA,CAAAA,GAAAA,SAAAA,CAAAA,IAAAA,CAAAA;;;WAAgB,CAAAC,EAAA,GAAAN,GAAG,CAAHO,OAAA,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAE,GAAA,GAAAF,EAAA,EAAAG,IAAA,CAAAC,KAAA,CAAAF,GAAA,EAAA,CAAAR,GAAA,EAAAW,MAAA,CAAiBN,IAAjB,CAAA;AAArB,GAAA,EAAA,EAAA;;;"}

package/lib/esm/hooks/use-merge-refs/lib/esm/index.js

@@ -19,7 +19,7 @@ import { useMemo } from 'react';
  */
 
 /**
- * Merges multiple refs into a single function ref.
+ * A hook to merge multiple refs into a single function ref.
  *
  * @param refs
  */
@@ -30,17 +30,32 @@ var useMergeRefs = function useMergeRefs() {
   }
 
   return useMemo(function () {
-    // Empty check
-    if (refs.some(function (ref) {
-      return ref;
-    }) === false) return null;
-    return function (value) {
-      refs.forEach(function (ref) {
-        setRef(ref, value);
-      });
-    }; // every ref will be dependent
+    return mergeRefs.apply(void 0, refs);
   }, refs);
 };
+/**
+ * Merges multiple refs into a single function ref.
+ *
+ * @param refs
+ * @returns
+ */
+
+
+function mergeRefs() {
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  } // Empty check
+
+
+  if (refs.some(function (ref) {
+    return ref;
+  }) === false) return null;
+  return function (value) {
+    refs.forEach(function (ref) {
+      setRef(ref, value);
+    });
+  };
+}
 
 function setRef(ref, value) {
   if (typeof ref === 'function') {
@@ -50,5 +65,5 @@ function setRef(ref, value) {
   }
 }
 
-export { useMergeRefs };
+export { mergeRefs, useMergeRefs };
 //# sourceMappingURL=index.js.map

package/lib/esm/hooks/use-merge-refs/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../hooks/use-merge-refs/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/use-merge-refs\n * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-merge-refs#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 { useMemo } from 'react';\n/**\n * Merges multiple refs into a single function ref.\n *\n * @param refs\n */\n\nvar useMergeRefs = function useMergeRefs() {\n  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {\n    refs[_key] = arguments[_key];\n  }\n\n  return useMemo(function () {\n    // Empty check\n    if (refs.some(function (ref) {\n      return ref;\n    }) === false) return null;\n    return function (value) {\n      refs.forEach(function (ref) {\n        setRef(ref, value);\n      });\n    }; // every ref will be dependent\n  }, refs);\n};\n\nfunction setRef(ref, value) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n\nexport { useMergeRefs };\n//# sourceMappingURL=index.js.map\n"],"names":["useMergeRefs","refs","useMemo","some","ref","value","setRef"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIA;;;;;;IAKaA,YAAY,GAAG,SAAfA,YAAe,GAAA;oCAAOC,IAAAA,GAAAA,IAAAA,KAAAA,CAAAA,IAAAA,GAAAA,IAAAA,GAAAA,GAAAA,IAAAA,GAAAA,MAAAA,IAAAA,IAAAA;AAAAA,IAAAA,IAAAA,CAAAA,IAAAA,CAAAA,GAAAA,SAAAA,CAAAA,IAAAA,CAAAA;;;SAC1BC,OAAO,CAAC,YAAA;;QAETD,IAAI,CAAJE,IAAA,CAAU,UAAAC,GAAA,EAAA;aAASA;AAAnB,KAAA,MAA4B,OAAO,OAAA,IAAA;WAEhC,UAAAC,KAAA,EAAA;AACLJ,MAAAA,IAAI,CAAJA,OAAAA,CAAa,UAAAG,GAAA,EAAA;AACXE,QAAAA,MAAM,CAAAF,GAAA,EAANE,KAAM,CAANA;AADFL,OAAAA;MALW;AAAD,GAAA,EAAAA,IAAA;;;AAahB,SAAAK,MAAA,CAAAF,GAAA,EAAAC,KAAA,EAAA;MACM,OAAAD,GAAA,KAAe,YAAY;AAC7BA,IAAAA,GAAG,CAAHA,KAAG,CAAHA;SACK,IAAAA,GAAA,EAAS;AACdA,IAAAA,GAAG,CAAHA,OAAAA,GAAAA,KAAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../hooks/use-merge-refs/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/use-merge-refs\n * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-merge-refs#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 { useMemo } from 'react';\n/**\n * A hook to merge multiple refs into a single function ref.\n *\n * @param refs\n */\n\nvar useMergeRefs = function useMergeRefs() {\n  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {\n    refs[_key] = arguments[_key];\n  }\n\n  return useMemo(function () {\n    return mergeRefs.apply(void 0, refs);\n  }, refs);\n};\n/**\n * Merges multiple refs into a single function ref.\n *\n * @param refs\n * @returns\n */\n\n\nfunction mergeRefs() {\n  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n    refs[_key2] = arguments[_key2];\n  } // Empty check\n\n\n  if (refs.some(function (ref) {\n    return ref;\n  }) === false) return null;\n  return function (value) {\n    refs.forEach(function (ref) {\n      setRef(ref, value);\n    });\n  };\n}\n\nfunction setRef(ref, value) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n\nexport { mergeRefs, useMergeRefs };\n//# sourceMappingURL=index.js.map\n"],"names":["useMergeRefs","refs","useMemo","mergeRefs","some","ref","value","setRef"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIA;;;;;;IAKaA,YAAY,GAAG,SAAfA,YAAe,GAAA;oCAAOC,IAAAA,GAAAA,IAAAA,KAAAA,CAAAA,IAAAA,GAAAA,IAAAA,GAAAA,GAAAA,IAAAA,GAAAA,MAAAA,IAAAA,IAAAA;AAAAA,IAAAA,IAAAA,CAAAA,IAAAA,CAAAA,GAAAA,SAAAA,CAAAA,IAAAA,CAAAA;;;SAC1BC,OAAO,CAAC,YAAA;WAAMC,SAAS,CAATA,KAAAA,CAAAA,KAAAA,CAAAA,EAAAA,IAAAA;AAAP,GAAA,EAAAF,IAAA;;AAGhB;;;;;;;;SAMgBE,YAAAA;qCAAgBF,IAAAA,GAAAA,IAAAA,KAAAA,CAAAA,KAAAA,GAAAA,KAAAA,GAAAA,GAAAA,KAAAA,GAAAA,OAAAA,KAAAA,IAAAA;AAAAA,IAAAA,IAAAA,CAAAA,KAAAA,CAAAA,GAAAA,SAAAA,CAAAA,KAAAA,CAAAA;AAAhBE,GAAAA;;;MAEVF,IAAI,CAAJG,IAAA,CAAU,UAAAC,GAAA,EAAA;WAASA;AAAnB,GAAA,MAA4B,OAAO,OAAA,IAAA;SAEhC,UAAAC,KAAA,EAAA;AACLL,IAAAA,IAAI,CAAJA,OAAAA,CAAa,UAAAI,GAAA,EAAA;AACXE,MAAAA,MAAM,CAAAF,GAAA,EAANE,KAAM,CAANA;AADFN,KAAAA;;;;AAMJ,SAAAM,MAAA,CAAAF,GAAA,EAAAC,KAAA,EAAA;MACM,OAAAD,GAAA,KAAe,YAAY;AAC7BA,IAAAA,GAAG,CAAHA,KAAG,CAAHA;SACK,IAAAA,GAAA,EAAS;AACdA,IAAAA,GAAG,CAAHA,OAAAA,GAAAA,KAAAA;;;;"}