@hi-ui/input 4.3.0 → 5.0.0-canary.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,32 @@
1
1
  # @hi-ui/input
2
2
 
3
+ ## 5.0.0-canary.0
4
+
5
+ ### Major Changes
6
+
7
+ - 225ebaa51: feat: 组件的 package.json 中的 exports 统一加上 types 配置 (5.0)
8
+
9
+ ### Minor Changes
10
+
11
+ - 428716024: <br>
12
+ - feat(picker): 下拉选择类组件增加 xs 尺寸 (5.0)
13
+ - feat(input): 输入框组件增加 xs 尺寸 (5.0)
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies [225ebaa51]
18
+ - Updated dependencies [428716024]
19
+ - @hi-ui/core@5.0.0-canary.0
20
+ - @hi-ui/use-latest@5.0.0-canary.0
21
+ - @hi-ui/use-merge-refs@5.0.0-canary.0
22
+ - @hi-ui/use-uncontrolled-state@5.0.0-canary.0
23
+ - @hi-ui/icons@5.0.0-canary.0
24
+ - @hi-ui/classname@5.0.0-canary.0
25
+ - @hi-ui/dom-utils@5.0.0-canary.0
26
+ - @hi-ui/env@5.0.0-canary.0
27
+ - @hi-ui/func-utils@5.0.0-canary.0
28
+ - @hi-ui/type-assertion@5.0.0-canary.0
29
+
3
30
  ## 4.3.0
4
31
 
5
32
  ### Minor Changes
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- var css_248z = ".hi-v4-mock-input {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;position: relative;overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;height: auto;z-index: auto;font-size: inherit;line-height: inherit;color: var(--hi-v4-color-gray-700, #1f2733);border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);background-color: var(--hi-v4-color-static-white, #fff);}.hi-v4-mock-input:not(.disabled):hover {z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1);}.hi-v4-mock-input:not(.disabled).focused {z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1);}.hi-v4-mock-input.disabled {cursor: not-allowed;}.hi-v4-mock-input__suffix, .hi-v4-mock-input__placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-mock-input--appearance-unset .hi-v4-mock-input__suffix, .hi-v4-mock-input--appearance-unset .hi-v4-mock-input__placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-mock-input__placeholder, .hi-v4-mock-input__value {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v4-mock-input__placeholder {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.hi-v4-mock-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 16px;height: 16px;font-size: var(--hi-v4-text-size-md, 0.875rem);text-align: center;color: var(--hi-v4-color-gray-500, #929aa6);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;visibility: hidden;opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v4-mock-input__clear:hover {color: var(--hi-v4-color-static-black, #000);}.hi-v4-mock-input__clear.active {visibility: visible;opacity: 1;}.hi-v4-mock-input__prefix, .hi-v4-mock-input__suffix, .hi-v4-mock-input__secondary-suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v4-color-gray-400, #b5bcc7);font-size: var(--hi-v4-text-size-lg, 1rem);text-align: center;}.hi-v4-mock-input__prefix {margin-right: var(--hi-v4-spacing-4, 8px);}.hi-v4-mock-input__suffix {padding-left: var(--hi-v4-spacing-4, 8px);}.hi-v4-mock-input__value {-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.hi-v4-mock-input--size-sm.hi-v4-mock-input {height: var(--hi-v4-height-6, 24px);font-size: var(--hi-v4-text-size-sm, 0.75rem);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v4-border-radius-md, 4px);padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-mock-input--size-md.hi-v4-mock-input {height: var(--hi-v4-height-8, 32px);font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);border-radius: var(--hi-v4-border-radius-md, 4px);padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-mock-input--size-lg.hi-v4-mock-input {height: var(--hi-v4-height-10, 40px);font-size: var(--hi-v4-text-size-lg, 1rem);line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);border-radius: var(--hi-v4-border-radius-md, 4px);padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-mock-input--appearance-line.hi-v4-mock-input {border-color: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled):hover {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input {width: auto;max-width: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border-color: transparent;}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled):hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));background-color: var(--hi-v4-color-static-white, #fff);border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled):hover {background-color: var(--hi-v4-color-static-white, #fff);border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background-color: var(--hi-v4-color-static-white, #fff);}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-unset.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-input {position: relative;display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;}.hi-v4-input__outer {margin: 0;padding: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: relative;height: 100%;width: 100%;}.hi-v4-input__text {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;display: inline-block;box-sizing: border-box;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;font-size: inherit;line-height: inherit;color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-input__text::-webkit-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input__text::-moz-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input__text::-ms-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input__text::placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input--appearance-unset .hi-v4-input__text::-webkit-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-input--appearance-unset .hi-v4-input__text::-moz-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-input--appearance-unset .hi-v4-input__text::-ms-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-input--appearance-unset .hi-v4-input__text::placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-input__text:disabled {cursor: not-allowed;}.hi-v4-input__inner {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;height: auto;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: inherit;border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);background-color: var(--hi-v4-color-static-white, #fff);-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));outline: none;z-index: auto;}.hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1);}.hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1);}.hi-v4-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: auto;text-align: center;font-size: var(--hi-v4-text-size-md, 0.875rem);color: var(--hi-v4-color-gray-500, #929aa6);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));visibility: hidden;opacity: 0;}.hi-v4-input__clear:hover {color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-input__clear.hi-v4-input__clear--active {visibility: visible;opacity: 1;}.hi-v4-input__inner--suffix .hi-v4-input__clear {-webkit-margin-end: var(--hi-v4-spacing-2, 4px);margin-inline-end: var(--hi-v4-spacing-2, 4px);}.hi-v4-input__prefix, .hi-v4-input__suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v4-color-gray-700, #1f2733);font-size: inherit;text-align: center;}.hi-v4-input__prefix {padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input__suffix {padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input__prepend, .hi-v4-input__append {position: relative;color: var(--hi-v4-color-gray-700, #1f2733);background-color: var(--hi-v4-color-gray-50, #f5f7fa);-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: inherit;text-align: center;padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px);border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);white-space: nowrap;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));z-index: var(--hi-v4-zindex-absolute, 1);}.hi-v4-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;margin-right: -1px;}.hi-v4-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;margin-left: -1px;}.hi-v4-input--size-sm {height: var(--hi-v4-height-6, 24px);font-size: var(--hi-v4-text-size-sm, 0.75rem);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);}.hi-v4-input--size-sm .hi-v4-input__text {padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--size-sm .hi-v4-input__inner,.hi-v4-input--size-sm .hi-v4-input__prepend,.hi-v4-input--size-sm .hi-v4-input__append {border-radius: var(--hi-v4-border-radius-md, 4px);}.hi-v4-input--size-sm .hi-v4-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input--size-sm .hi-v4-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v4-input--size-md {height: var(--hi-v4-height-8, 32px);font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);}.hi-v4-input--size-md .hi-v4-input__text {padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--size-md .hi-v4-input__inner,.hi-v4-input--size-md .hi-v4-input__prepend,.hi-v4-input--size-md .hi-v4-input__append {border-radius: var(--hi-v4-border-radius-md, 4px);}.hi-v4-input--size-md .hi-v4-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input--size-md .hi-v4-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v4-input--size-lg {height: var(--hi-v4-height-10, 40px);font-size: var(--hi-v4-text-size-lg, 1rem);line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);}.hi-v4-input--size-lg .hi-v4-input__text {padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--size-lg .hi-v4-input__inner,.hi-v4-input--size-lg .hi-v4-input__prepend,.hi-v4-input--size-lg .hi-v4-input__append {border-radius: var(--hi-v4-border-radius-md, 4px);}.hi-v4-input--size-lg .hi-v4-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input--size-lg .hi-v4-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v4-input--appearance-line .hi-v4-input__inner {border-color: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-input--appearance-line .hi-v4-input__prepend,.hi-v4-input--appearance-line .hi-v4-input__append {border-color: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-input--appearance-unset .hi-v4-input__text {padding-left: 0;padding-right: 0;}.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input__text,.hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input__text {padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input__text,.hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input__text {padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--appearance-unset .hi-v4-input__inner {border-radius: 0;}.hi-v4-input--appearance-unset:not(.hi-v4-input__inner--disabled) .hi-v4-input__inner:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-input--appearance-filled .hi-v4-input__inner {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {background-color: var(--hi-v4-color-static-white, #fff);border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background-color: var(--hi-v4-color-static-white, #fff);}.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-input--appearance-underline .hi-v4-input__text {padding-left: 0;padding-right: 0;}.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input__text,.hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input__text {padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input__text,.hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input__text {padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--appearance-underline .hi-v4-input__inner {border-radius: 0;}.hi-v4-input--appearance-underline .hi-v4-input__inner::after {content: \"\";-webkit-box-sizing: border-box;box-sizing: border-box;display: block;position: absolute;bottom: 0;left: -1px;right: -1px;border-bottom: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover::after {border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused::after {border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid::after {border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hover::after {border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-line .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-filled .hi-v4-input__inner.hi-v4-input__inner--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-input--appearance-line .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text, .hi-v4-input--appearance-filled .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input--appearance-unset .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-underline .hi-v4-input__inner.hi-v4-input__inner--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);background-color: transparent;}.hi-v4-input--appearance-unset .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text, .hi-v4-input--appearance-underline .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input__outer--prepend .hi-v4-input__inner {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend {border: none;padding: 0;}.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-mock-input {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-button {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input__outer--append .hi-v4-input__inner {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input__outer--append-unset .hi-v4-input__append {border: none;padding: 0;}.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-mock-input {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-button {border-top-left-radius: 0;border-bottom-left-radius: 0;}";
15
+ var css_248z = ".hi-v5-mock-input {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;position: relative;overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;height: auto;z-index: auto;font-size: inherit;line-height: inherit;color: var(--hi-v5-color-gray-700, #1a1d26);border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-static-transparent, transparent);background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-mock-input:not(.disabled):hover {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-mock-input:not(.disabled).focused {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-mock-input.disabled {cursor: not-allowed;}.hi-v5-mock-input__suffix, .hi-v5-mock-input__placeholder {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-mock-input--appearance-unset .hi-v5-mock-input__suffix, .hi-v5-mock-input--appearance-unset .hi-v5-mock-input__placeholder {color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-mock-input__placeholder, .hi-v5-mock-input__value {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-mock-input__placeholder {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.hi-v5-mock-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 16px;height: 16px;font-size: var(--hi-v5-text-size-md, 0.875rem);text-align: center;color: var(--hi-v5-color-gray-500, #737680);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;visibility: hidden;opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v5-mock-input__clear:hover {color: var(--hi-v5-color-static-black, #000);}.hi-v5-mock-input__clear.active {visibility: visible;opacity: 1;}.hi-v5-mock-input__prefix, .hi-v5-mock-input__suffix, .hi-v5-mock-input__secondary-suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v5-color-gray-400, #c0c3cc);font-size: var(--hi-v5-text-size-lg, 1rem);text-align: center;}.hi-v5-mock-input__prefix {margin-right: var(--hi-v5-spacing-4, 8px);}.hi-v5-mock-input__suffix {padding-left: var(--hi-v5-spacing-4, 8px);}.hi-v5-mock-input__value {-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.hi-v5-mock-input--size-xs.hi-v5-mock-input {height: var(--hi-v5-height-6, 24px);font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);padding: 1px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-mock-input--size-sm.hi-v5-mock-input {height: var(--hi-v5-height-7, 28px);font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);padding: 1px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-mock-input--size-md.hi-v5-mock-input {height: var(--hi-v5-height-8, 32px);font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);border-radius: var(--hi-v5-border-radius-lg, 6px);padding: 4px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-mock-input--size-lg.hi-v5-mock-input {height: var(--hi-v5-height-10, 40px);font-size: var(--hi-v5-text-size-lg, 1rem);line-height: var(--hi-v5-text-lineheight-lg, 1.5rem);border-radius: var(--hi-v5-border-radius-lg, 6px);padding: 7px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-mock-input--appearance-line.hi-v5-mock-input {border-color: var(--hi-v5-color-gray-300, #dce0e5);}.hi-v5-mock-input--appearance-line.hi-v5-mock-input:not(.disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-mock-input--appearance-line.hi-v5-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-mock-input--appearance-line.hi-v5-mock-input:not(.disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-line.hi-v5-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-line.hi-v5-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input {width: auto;max-width: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border-color: transparent;}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input:not(.disabled):hover {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));background-color: var(--hi-v5-color-static-white, #fff);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input:not(.disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input:not(.disabled):hover {background-color: var(--hi-v5-color-static-white, #fff);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input:not(.disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));}.hi-v5-mock-input--appearance-line.disabled.hi-v5-mock-input, .hi-v5-mock-input--appearance-unset.disabled.hi-v5-mock-input, .hi-v5-mock-input--appearance-filled.disabled.hi-v5-mock-input {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-mock-input--appearance-line.disabled.hi-v5-mock-input, .hi-v5-mock-input--appearance-filled.disabled.hi-v5-mock-input {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-input {position: relative;display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;}.hi-v5-input__outer {margin: 0;padding: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: relative;height: 100%;width: 100%;}.hi-v5-input__text {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;display: inline-block;box-sizing: border-box;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;font-size: inherit;line-height: inherit;color: var(--hi-v5-color-gray-700, #1a1d26);}.hi-v5-input__text::-webkit-input-placeholder {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input__text::-moz-placeholder {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input__text::-ms-input-placeholder {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input__text::placeholder {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input--appearance-unset .hi-v5-input__text::-webkit-input-placeholder {color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-input--appearance-unset .hi-v5-input__text::-moz-placeholder {color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-input--appearance-unset .hi-v5-input__text::-ms-input-placeholder {color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-input--appearance-unset .hi-v5-input__text::placeholder {color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-input__text:disabled {cursor: not-allowed;}.hi-v5-input__inner {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;height: auto;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: inherit;border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-static-transparent, transparent);background-color: var(--hi-v5-color-static-white, #fff);-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));outline: none;z-index: auto;}.hi-v5-input__inner:not(.hi-v5-input__inner--disabled):hover {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--focused {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: auto;text-align: center;font-size: var(--hi-v5-text-size-md, 0.875rem);color: var(--hi-v5-color-gray-500, #737680);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));visibility: hidden;opacity: 0;}.hi-v5-input__clear:hover {color: var(--hi-v5-color-gray-700, #1a1d26);}.hi-v5-input__clear.hi-v5-input__clear--active {visibility: visible;opacity: 1;}.hi-v5-input__inner--suffix .hi-v5-input__clear {-webkit-margin-end: var(--hi-v5-spacing-2, 4px);margin-inline-end: var(--hi-v5-spacing-2, 4px);}.hi-v5-input__prefix, .hi-v5-input__suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v5-color-gray-700, #1a1d26);font-size: inherit;text-align: center;}.hi-v5-input__prefix {padding-left: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input__suffix {padding-right: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input__prepend, .hi-v5-input__append {position: relative;color: var(--hi-v5-color-gray-700, #1a1d26);background-color: var(--hi-v5-color-gray-50, #f5f8fc);-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: inherit;text-align: center;padding: 0 calc(var(--hi-v5-spacing-6, 12px) - 1px);border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-static-transparent, transparent);white-space: nowrap;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));z-index: var(--hi-v5-zindex-absolute, 1);}.hi-v5-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;margin-right: -1px;}.hi-v5-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;margin-left: -1px;}.hi-v5-input--size-xs {height: var(--hi-v5-height-6, 24px);font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);}.hi-v5-input--size-xs .hi-v5-input__text {padding: 1px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--size-xs .hi-v5-input__inner,.hi-v5-input--size-xs .hi-v5-input__prepend,.hi-v5-input--size-xs .hi-v5-input__append {border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-input--size-xs .hi-v5-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input--size-xs .hi-v5-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input--size-sm {height: var(--hi-v5-height-7, 28px);font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);}.hi-v5-input--size-sm .hi-v5-input__text {padding: 1px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--size-sm .hi-v5-input__inner,.hi-v5-input--size-sm .hi-v5-input__prepend,.hi-v5-input--size-sm .hi-v5-input__append {border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-input--size-sm .hi-v5-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input--size-sm .hi-v5-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input--size-md {height: var(--hi-v5-height-8, 32px);font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-input--size-md .hi-v5-input__text {padding: 4px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--size-md .hi-v5-input__inner,.hi-v5-input--size-md .hi-v5-input__prepend,.hi-v5-input--size-md .hi-v5-input__append {border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-input--size-md .hi-v5-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input--size-md .hi-v5-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input--size-lg {height: var(--hi-v5-height-10, 40px);font-size: var(--hi-v5-text-size-lg, 1rem);line-height: var(--hi-v5-text-lineheight-lg, 1.5rem);}.hi-v5-input--size-lg .hi-v5-input__text {padding: 7px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--size-lg .hi-v5-input__inner,.hi-v5-input--size-lg .hi-v5-input__prepend,.hi-v5-input--size-lg .hi-v5-input__append {border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-input--size-lg .hi-v5-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input--size-lg .hi-v5-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input--appearance-line .hi-v5-input__inner {border-color: var(--hi-v5-color-gray-300, #dce0e5);}.hi-v5-input--appearance-line .hi-v5-input__inner:not(.hi-v5-input__inner--disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-input--appearance-line .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-input--appearance-line .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-line .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid:hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-line .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid.hi-v5-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));}.hi-v5-input--appearance-line .hi-v5-input__prepend,.hi-v5-input--appearance-line .hi-v5-input__append {border-color: var(--hi-v5-color-gray-300, #dce0e5);}.hi-v5-input--appearance-unset .hi-v5-input__text {padding-left: 0;padding-right: 0;}.hi-v5-input--appearance-unset.hi-v5-input__outer--prepend .hi-v5-input__text,.hi-v5-input--appearance-unset .hi-v5-input__inner--prefix .hi-v5-input__text {padding-left: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--appearance-unset.hi-v5-input__outer--append .hi-v5-input__text,.hi-v5-input--appearance-unset .hi-v5-input__inner--suffix .hi-v5-input__text {padding-right: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--appearance-unset .hi-v5-input__inner {border-radius: 0;}.hi-v5-input--appearance-unset:not(.hi-v5-input__inner--disabled) .hi-v5-input__inner:hover {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-input--appearance-filled .hi-v5-input__inner {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-input--appearance-filled .hi-v5-input__inner:not(.hi-v5-input__inner--disabled):hover {background-color: var(--hi-v5-color-static-white, #fff);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-input--appearance-filled .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-input--appearance-filled .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-filled .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid:hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-filled .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid.hi-v5-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));}.hi-v5-input--appearance-underline .hi-v5-input__text {padding-left: 0;padding-right: 0;}.hi-v5-input--appearance-underline.hi-v5-input__outer--prepend .hi-v5-input__text,.hi-v5-input--appearance-underline .hi-v5-input__inner--prefix .hi-v5-input__text {padding-left: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--appearance-underline.hi-v5-input__outer--append .hi-v5-input__text,.hi-v5-input--appearance-underline .hi-v5-input__inner--suffix .hi-v5-input__text {padding-right: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--appearance-underline .hi-v5-input__inner {border-radius: 0;}.hi-v5-input--appearance-underline .hi-v5-input__inner::after {content: \"\";-webkit-box-sizing: border-box;box-sizing: border-box;display: block;position: absolute;bottom: 0;left: -1px;right: -1px;border-bottom: 1px solid var(--hi-v5-color-gray-300, #dce0e5);-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v5-input--appearance-underline .hi-v5-input__inner:not(.hi-v5-input__inner--disabled):hover::after {border-bottom-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-input--appearance-underline .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--focused::after {border-bottom-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-input--appearance-underline .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid::after {border-bottom-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-underline .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid.hover::after {border-bottom-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-line .hi-v5-input__inner.hi-v5-input__inner--disabled, .hi-v5-input--appearance-filled .hi-v5-input__inner.hi-v5-input__inner--disabled {color: var(--hi-v5-color-gray-400, #c0c3cc);background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-input--appearance-line .hi-v5-input__inner.hi-v5-input__inner--disabled .hi-v5-input__text, .hi-v5-input--appearance-filled .hi-v5-input__inner.hi-v5-input__inner--disabled .hi-v5-input__text {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input--appearance-unset .hi-v5-input__inner.hi-v5-input__inner--disabled, .hi-v5-input--appearance-underline .hi-v5-input__inner.hi-v5-input__inner--disabled {color: var(--hi-v5-color-gray-400, #c0c3cc);background-color: transparent;}.hi-v5-input--appearance-unset .hi-v5-input__inner.hi-v5-input__inner--disabled .hi-v5-input__text, .hi-v5-input--appearance-underline .hi-v5-input__inner.hi-v5-input__inner--disabled .hi-v5-input__text {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input__outer--prepend .hi-v5-input__inner {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input__outer--prepend-unset .hi-v5-input__prepend {border: none;padding: 0;}.hi-v5-input__outer--prepend-unset .hi-v5-input__prepend .hi-v5-mock-input {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input__outer--prepend-unset .hi-v5-input__prepend .hi-v5-button {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input__outer--append .hi-v5-input__inner {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input__outer--append-unset .hi-v5-input__append {border: none;padding: 0;}.hi-v5-input__outer--append-unset .hi-v5-input__append .hi-v5-mock-input {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input__outer--append-unset .hi-v5-input__append .hi-v5-button {border-top-left-radius: 0;border-bottom-left-radius: 0;}";
16
16
  var __styleInject__ = require('@hi-ui/style-inject')["default"];
17
17
  __styleInject__(css_248z);
18
18
  exports["default"] = css_248z;
@@ -8,6 +8,6 @@
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
10
  import __styleInject__ from '@hi-ui/style-inject';
11
- var css_248z = ".hi-v4-mock-input {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;position: relative;overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;height: auto;z-index: auto;font-size: inherit;line-height: inherit;color: var(--hi-v4-color-gray-700, #1f2733);border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);background-color: var(--hi-v4-color-static-white, #fff);}.hi-v4-mock-input:not(.disabled):hover {z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1);}.hi-v4-mock-input:not(.disabled).focused {z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1);}.hi-v4-mock-input.disabled {cursor: not-allowed;}.hi-v4-mock-input__suffix, .hi-v4-mock-input__placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-mock-input--appearance-unset .hi-v4-mock-input__suffix, .hi-v4-mock-input--appearance-unset .hi-v4-mock-input__placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-mock-input__placeholder, .hi-v4-mock-input__value {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v4-mock-input__placeholder {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.hi-v4-mock-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 16px;height: 16px;font-size: var(--hi-v4-text-size-md, 0.875rem);text-align: center;color: var(--hi-v4-color-gray-500, #929aa6);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;visibility: hidden;opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v4-mock-input__clear:hover {color: var(--hi-v4-color-static-black, #000);}.hi-v4-mock-input__clear.active {visibility: visible;opacity: 1;}.hi-v4-mock-input__prefix, .hi-v4-mock-input__suffix, .hi-v4-mock-input__secondary-suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v4-color-gray-400, #b5bcc7);font-size: var(--hi-v4-text-size-lg, 1rem);text-align: center;}.hi-v4-mock-input__prefix {margin-right: var(--hi-v4-spacing-4, 8px);}.hi-v4-mock-input__suffix {padding-left: var(--hi-v4-spacing-4, 8px);}.hi-v4-mock-input__value {-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.hi-v4-mock-input--size-sm.hi-v4-mock-input {height: var(--hi-v4-height-6, 24px);font-size: var(--hi-v4-text-size-sm, 0.75rem);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v4-border-radius-md, 4px);padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-mock-input--size-md.hi-v4-mock-input {height: var(--hi-v4-height-8, 32px);font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);border-radius: var(--hi-v4-border-radius-md, 4px);padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-mock-input--size-lg.hi-v4-mock-input {height: var(--hi-v4-height-10, 40px);font-size: var(--hi-v4-text-size-lg, 1rem);line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);border-radius: var(--hi-v4-border-radius-md, 4px);padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-mock-input--appearance-line.hi-v4-mock-input {border-color: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled):hover {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-line.hi-v4-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input {width: auto;max-width: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border-color: transparent;}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled):hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));background-color: var(--hi-v4-color-static-white, #fff);border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-unset.hi-v4-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled):hover {background-color: var(--hi-v4-color-static-white, #fff);border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background-color: var(--hi-v4-color-static-white, #fff);}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-mock-input--appearance-filled.hi-v4-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-unset.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-mock-input--appearance-line.disabled.hi-v4-mock-input, .hi-v4-mock-input--appearance-filled.disabled.hi-v4-mock-input {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-input {position: relative;display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;}.hi-v4-input__outer {margin: 0;padding: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: relative;height: 100%;width: 100%;}.hi-v4-input__text {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;display: inline-block;box-sizing: border-box;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;font-size: inherit;line-height: inherit;color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-input__text::-webkit-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input__text::-moz-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input__text::-ms-input-placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input__text::placeholder {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input--appearance-unset .hi-v4-input__text::-webkit-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-input--appearance-unset .hi-v4-input__text::-moz-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-input--appearance-unset .hi-v4-input__text::-ms-input-placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-input--appearance-unset .hi-v4-input__text::placeholder {color: var(--hi-v4-color-gray-500, #929aa6);}.hi-v4-input__text:disabled {cursor: not-allowed;}.hi-v4-input__inner {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;height: auto;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: inherit;border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);background-color: var(--hi-v4-color-static-white, #fff);-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));outline: none;z-index: auto;}.hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1);}.hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {z-index: calc(var(--hi-v4-zindex-absolute, 1) + 1);}.hi-v4-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: auto;text-align: center;font-size: var(--hi-v4-text-size-md, 0.875rem);color: var(--hi-v4-color-gray-500, #929aa6);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));visibility: hidden;opacity: 0;}.hi-v4-input__clear:hover {color: var(--hi-v4-color-gray-700, #1f2733);}.hi-v4-input__clear.hi-v4-input__clear--active {visibility: visible;opacity: 1;}.hi-v4-input__inner--suffix .hi-v4-input__clear {-webkit-margin-end: var(--hi-v4-spacing-2, 4px);margin-inline-end: var(--hi-v4-spacing-2, 4px);}.hi-v4-input__prefix, .hi-v4-input__suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v4-color-gray-700, #1f2733);font-size: inherit;text-align: center;}.hi-v4-input__prefix {padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input__suffix {padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input__prepend, .hi-v4-input__append {position: relative;color: var(--hi-v4-color-gray-700, #1f2733);background-color: var(--hi-v4-color-gray-50, #f5f7fa);-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: inherit;text-align: center;padding: 0 calc(var(--hi-v4-spacing-6, 12px) - 1px);border: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-static-transparent, transparent);white-space: nowrap;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));z-index: var(--hi-v4-zindex-absolute, 1);}.hi-v4-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;margin-right: -1px;}.hi-v4-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;margin-left: -1px;}.hi-v4-input--size-sm {height: var(--hi-v4-height-6, 24px);font-size: var(--hi-v4-text-size-sm, 0.75rem);line-height: var(--hi-v4-text-lineheight-sm, 1.25rem);}.hi-v4-input--size-sm .hi-v4-input__text {padding: 1px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--size-sm .hi-v4-input__inner,.hi-v4-input--size-sm .hi-v4-input__prepend,.hi-v4-input--size-sm .hi-v4-input__append {border-radius: var(--hi-v4-border-radius-md, 4px);}.hi-v4-input--size-sm .hi-v4-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input--size-sm .hi-v4-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v4-input--size-md {height: var(--hi-v4-height-8, 32px);font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);}.hi-v4-input--size-md .hi-v4-input__text {padding: 4px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--size-md .hi-v4-input__inner,.hi-v4-input--size-md .hi-v4-input__prepend,.hi-v4-input--size-md .hi-v4-input__append {border-radius: var(--hi-v4-border-radius-md, 4px);}.hi-v4-input--size-md .hi-v4-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input--size-md .hi-v4-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v4-input--size-lg {height: var(--hi-v4-height-10, 40px);font-size: var(--hi-v4-text-size-lg, 1rem);line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);}.hi-v4-input--size-lg .hi-v4-input__text {padding: 7px calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--size-lg .hi-v4-input__inner,.hi-v4-input--size-lg .hi-v4-input__prepend,.hi-v4-input--size-lg .hi-v4-input__append {border-radius: var(--hi-v4-border-radius-md, 4px);}.hi-v4-input--size-lg .hi-v4-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input--size-lg .hi-v4-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v4-input--appearance-line .hi-v4-input__inner {border-color: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-line .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-input--appearance-line .hi-v4-input__prepend,.hi-v4-input--appearance-line .hi-v4-input__append {border-color: var(--hi-v4-color-gray-300, #dfe2e8);}.hi-v4-input--appearance-unset .hi-v4-input__text {padding-left: 0;padding-right: 0;}.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input__text,.hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input__text {padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input__text,.hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input__text {padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--appearance-unset .hi-v4-input__inner {border-radius: 0;}.hi-v4-input--appearance-unset:not(.hi-v4-input__inner--disabled) .hi-v4-input__inner:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-input--appearance-filled .hi-v4-input__inner {background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover {background-color: var(--hi-v4-color-static-white, #fff);border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));box-shadow: 0 0 0 2px var(--hi-v4-color-primary-100, var(--hi-v4-color-brandblue-100, #bde2ff));border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background-color: var(--hi-v4-color-static-white, #fff);}.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid:hover {border-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hi-v4-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));box-shadow: 0 0 0 2px var(--hi-v4-color-danger-100, var(--hi-v4-color-red-100, #ffd1c9));}.hi-v4-input--appearance-underline .hi-v4-input__text {padding-left: 0;padding-right: 0;}.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input__text,.hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input__text {padding-left: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input__text,.hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input__text {padding-right: calc(var(--hi-v4-spacing-6, 12px) - 1px);}.hi-v4-input--appearance-underline .hi-v4-input__inner {border-radius: 0;}.hi-v4-input--appearance-underline .hi-v4-input__inner::after {content: \"\";-webkit-box-sizing: border-box;box-sizing: border-box;display: block;position: absolute;bottom: 0;left: -1px;right: -1px;border-bottom: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled):hover::after {border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--focused::after {border-bottom-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));}.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid::after {border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.hi-v4-input__inner--disabled).hi-v4-input__inner--invalid.hover::after {border-bottom-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));}.hi-v4-input--appearance-line .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-filled .hi-v4-input__inner.hi-v4-input__inner--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);background-color: var(--hi-v4-color-gray-100, #f2f4f7);}.hi-v4-input--appearance-line .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text, .hi-v4-input--appearance-filled .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input--appearance-unset .hi-v4-input__inner.hi-v4-input__inner--disabled, .hi-v4-input--appearance-underline .hi-v4-input__inner.hi-v4-input__inner--disabled {color: var(--hi-v4-color-gray-400, #b5bcc7);background-color: transparent;}.hi-v4-input--appearance-unset .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text, .hi-v4-input--appearance-underline .hi-v4-input__inner.hi-v4-input__inner--disabled .hi-v4-input__text {color: var(--hi-v4-color-gray-400, #b5bcc7);}.hi-v4-input__outer--prepend .hi-v4-input__inner {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend {border: none;padding: 0;}.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-mock-input {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input__outer--prepend-unset .hi-v4-input__prepend .hi-v4-button {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input__outer--append .hi-v4-input__inner {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v4-input__outer--append-unset .hi-v4-input__append {border: none;padding: 0;}.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-mock-input {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v4-input__outer--append-unset .hi-v4-input__append .hi-v4-button {border-top-left-radius: 0;border-bottom-left-radius: 0;}";
11
+ var css_248z = ".hi-v5-mock-input {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;position: relative;overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;height: auto;z-index: auto;font-size: inherit;line-height: inherit;color: var(--hi-v5-color-gray-700, #1a1d26);border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-static-transparent, transparent);background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-mock-input:not(.disabled):hover {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-mock-input:not(.disabled).focused {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-mock-input.disabled {cursor: not-allowed;}.hi-v5-mock-input__suffix, .hi-v5-mock-input__placeholder {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-mock-input--appearance-unset .hi-v5-mock-input__suffix, .hi-v5-mock-input--appearance-unset .hi-v5-mock-input__placeholder {color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-mock-input__placeholder, .hi-v5-mock-input__value {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-mock-input__placeholder {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.hi-v5-mock-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 16px;height: 16px;font-size: var(--hi-v5-text-size-md, 0.875rem);text-align: center;color: var(--hi-v5-color-gray-500, #737680);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;visibility: hidden;opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v5-mock-input__clear:hover {color: var(--hi-v5-color-static-black, #000);}.hi-v5-mock-input__clear.active {visibility: visible;opacity: 1;}.hi-v5-mock-input__prefix, .hi-v5-mock-input__suffix, .hi-v5-mock-input__secondary-suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v5-color-gray-400, #c0c3cc);font-size: var(--hi-v5-text-size-lg, 1rem);text-align: center;}.hi-v5-mock-input__prefix {margin-right: var(--hi-v5-spacing-4, 8px);}.hi-v5-mock-input__suffix {padding-left: var(--hi-v5-spacing-4, 8px);}.hi-v5-mock-input__value {-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.hi-v5-mock-input--size-xs.hi-v5-mock-input {height: var(--hi-v5-height-6, 24px);font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);padding: 1px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-mock-input--size-sm.hi-v5-mock-input {height: var(--hi-v5-height-7, 28px);font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);padding: 1px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-mock-input--size-md.hi-v5-mock-input {height: var(--hi-v5-height-8, 32px);font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);border-radius: var(--hi-v5-border-radius-lg, 6px);padding: 4px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-mock-input--size-lg.hi-v5-mock-input {height: var(--hi-v5-height-10, 40px);font-size: var(--hi-v5-text-size-lg, 1rem);line-height: var(--hi-v5-text-lineheight-lg, 1.5rem);border-radius: var(--hi-v5-border-radius-lg, 6px);padding: 7px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-mock-input--appearance-line.hi-v5-mock-input {border-color: var(--hi-v5-color-gray-300, #dce0e5);}.hi-v5-mock-input--appearance-line.hi-v5-mock-input:not(.disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-mock-input--appearance-line.hi-v5-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-mock-input--appearance-line.hi-v5-mock-input:not(.disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-line.hi-v5-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-line.hi-v5-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input {width: auto;max-width: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border-color: transparent;}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input:not(.disabled):hover {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));background-color: var(--hi-v5-color-static-white, #fff);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input:not(.disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-unset.hi-v5-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input:not(.disabled):hover {background-color: var(--hi-v5-color-static-white, #fff);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input:not(.disabled).focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input:not(.disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input:not(.disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-mock-input--appearance-filled.hi-v5-mock-input:not(.disabled).invalid.focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));}.hi-v5-mock-input--appearance-line.disabled.hi-v5-mock-input, .hi-v5-mock-input--appearance-unset.disabled.hi-v5-mock-input, .hi-v5-mock-input--appearance-filled.disabled.hi-v5-mock-input {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-mock-input--appearance-line.disabled.hi-v5-mock-input, .hi-v5-mock-input--appearance-filled.disabled.hi-v5-mock-input {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-input {position: relative;display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;}.hi-v5-input__outer {margin: 0;padding: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: relative;height: 100%;width: 100%;}.hi-v5-input__text {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;display: inline-block;box-sizing: border-box;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;font-size: inherit;line-height: inherit;color: var(--hi-v5-color-gray-700, #1a1d26);}.hi-v5-input__text::-webkit-input-placeholder {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input__text::-moz-placeholder {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input__text::-ms-input-placeholder {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input__text::placeholder {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input--appearance-unset .hi-v5-input__text::-webkit-input-placeholder {color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-input--appearance-unset .hi-v5-input__text::-moz-placeholder {color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-input--appearance-unset .hi-v5-input__text::-ms-input-placeholder {color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-input--appearance-unset .hi-v5-input__text::placeholder {color: var(--hi-v5-color-gray-500, #737680);}.hi-v5-input__text:disabled {cursor: not-allowed;}.hi-v5-input__inner {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;height: auto;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: inherit;border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-static-transparent, transparent);background-color: var(--hi-v5-color-static-white, #fff);-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));outline: none;z-index: auto;}.hi-v5-input__inner:not(.hi-v5-input__inner--disabled):hover {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--focused {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: auto;text-align: center;font-size: var(--hi-v5-text-size-md, 0.875rem);color: var(--hi-v5-color-gray-500, #737680);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));visibility: hidden;opacity: 0;}.hi-v5-input__clear:hover {color: var(--hi-v5-color-gray-700, #1a1d26);}.hi-v5-input__clear.hi-v5-input__clear--active {visibility: visible;opacity: 1;}.hi-v5-input__inner--suffix .hi-v5-input__clear {-webkit-margin-end: var(--hi-v5-spacing-2, 4px);margin-inline-end: var(--hi-v5-spacing-2, 4px);}.hi-v5-input__prefix, .hi-v5-input__suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v5-color-gray-700, #1a1d26);font-size: inherit;text-align: center;}.hi-v5-input__prefix {padding-left: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input__suffix {padding-right: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input__prepend, .hi-v5-input__append {position: relative;color: var(--hi-v5-color-gray-700, #1a1d26);background-color: var(--hi-v5-color-gray-50, #f5f8fc);-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: inherit;text-align: center;padding: 0 calc(var(--hi-v5-spacing-6, 12px) - 1px);border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-static-transparent, transparent);white-space: nowrap;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));z-index: var(--hi-v5-zindex-absolute, 1);}.hi-v5-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;margin-right: -1px;}.hi-v5-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;margin-left: -1px;}.hi-v5-input--size-xs {height: var(--hi-v5-height-6, 24px);font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);}.hi-v5-input--size-xs .hi-v5-input__text {padding: 1px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--size-xs .hi-v5-input__inner,.hi-v5-input--size-xs .hi-v5-input__prepend,.hi-v5-input--size-xs .hi-v5-input__append {border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-input--size-xs .hi-v5-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input--size-xs .hi-v5-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input--size-sm {height: var(--hi-v5-height-7, 28px);font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);}.hi-v5-input--size-sm .hi-v5-input__text {padding: 1px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--size-sm .hi-v5-input__inner,.hi-v5-input--size-sm .hi-v5-input__prepend,.hi-v5-input--size-sm .hi-v5-input__append {border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-input--size-sm .hi-v5-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input--size-sm .hi-v5-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input--size-md {height: var(--hi-v5-height-8, 32px);font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-input--size-md .hi-v5-input__text {padding: 4px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--size-md .hi-v5-input__inner,.hi-v5-input--size-md .hi-v5-input__prepend,.hi-v5-input--size-md .hi-v5-input__append {border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-input--size-md .hi-v5-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input--size-md .hi-v5-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input--size-lg {height: var(--hi-v5-height-10, 40px);font-size: var(--hi-v5-text-size-lg, 1rem);line-height: var(--hi-v5-text-lineheight-lg, 1.5rem);}.hi-v5-input--size-lg .hi-v5-input__text {padding: 7px calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--size-lg .hi-v5-input__inner,.hi-v5-input--size-lg .hi-v5-input__prepend,.hi-v5-input--size-lg .hi-v5-input__append {border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-input--size-lg .hi-v5-input__prepend {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input--size-lg .hi-v5-input__append {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input--appearance-line .hi-v5-input__inner {border-color: var(--hi-v5-color-gray-300, #dce0e5);}.hi-v5-input--appearance-line .hi-v5-input__inner:not(.hi-v5-input__inner--disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-input--appearance-line .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-input--appearance-line .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-line .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid:hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-line .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid.hi-v5-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));}.hi-v5-input--appearance-line .hi-v5-input__prepend,.hi-v5-input--appearance-line .hi-v5-input__append {border-color: var(--hi-v5-color-gray-300, #dce0e5);}.hi-v5-input--appearance-unset .hi-v5-input__text {padding-left: 0;padding-right: 0;}.hi-v5-input--appearance-unset.hi-v5-input__outer--prepend .hi-v5-input__text,.hi-v5-input--appearance-unset .hi-v5-input__inner--prefix .hi-v5-input__text {padding-left: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--appearance-unset.hi-v5-input__outer--append .hi-v5-input__text,.hi-v5-input--appearance-unset .hi-v5-input__inner--suffix .hi-v5-input__text {padding-right: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--appearance-unset .hi-v5-input__inner {border-radius: 0;}.hi-v5-input--appearance-unset:not(.hi-v5-input__inner--disabled) .hi-v5-input__inner:hover {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-input--appearance-filled .hi-v5-input__inner {background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-input--appearance-filled .hi-v5-input__inner:not(.hi-v5-input__inner--disabled):hover {background-color: var(--hi-v5-color-static-white, #fff);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-input--appearance-filled .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));box-shadow: 0 0 0 2px var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-input--appearance-filled .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-filled .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid:hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-filled .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid.hi-v5-input__inner--focused {-webkit-box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));box-shadow: 0 0 0 2px var(--hi-v5-color-danger-100, var(--hi-v5-color-red-100, #ffd7d1));}.hi-v5-input--appearance-underline .hi-v5-input__text {padding-left: 0;padding-right: 0;}.hi-v5-input--appearance-underline.hi-v5-input__outer--prepend .hi-v5-input__text,.hi-v5-input--appearance-underline .hi-v5-input__inner--prefix .hi-v5-input__text {padding-left: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--appearance-underline.hi-v5-input__outer--append .hi-v5-input__text,.hi-v5-input--appearance-underline .hi-v5-input__inner--suffix .hi-v5-input__text {padding-right: calc(var(--hi-v5-spacing-6, 12px) - 1px);}.hi-v5-input--appearance-underline .hi-v5-input__inner {border-radius: 0;}.hi-v5-input--appearance-underline .hi-v5-input__inner::after {content: \"\";-webkit-box-sizing: border-box;box-sizing: border-box;display: block;position: absolute;bottom: 0;left: -1px;right: -1px;border-bottom: 1px solid var(--hi-v5-color-gray-300, #dce0e5);-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v5-input--appearance-underline .hi-v5-input__inner:not(.hi-v5-input__inner--disabled):hover::after {border-bottom-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-input--appearance-underline .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--focused::after {border-bottom-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-input--appearance-underline .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid::after {border-bottom-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-underline .hi-v5-input__inner:not(.hi-v5-input__inner--disabled).hi-v5-input__inner--invalid.hover::after {border-bottom-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-input--appearance-line .hi-v5-input__inner.hi-v5-input__inner--disabled, .hi-v5-input--appearance-filled .hi-v5-input__inner.hi-v5-input__inner--disabled {color: var(--hi-v5-color-gray-400, #c0c3cc);background-color: var(--hi-v5-color-gray-100, #ebeff5);}.hi-v5-input--appearance-line .hi-v5-input__inner.hi-v5-input__inner--disabled .hi-v5-input__text, .hi-v5-input--appearance-filled .hi-v5-input__inner.hi-v5-input__inner--disabled .hi-v5-input__text {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input--appearance-unset .hi-v5-input__inner.hi-v5-input__inner--disabled, .hi-v5-input--appearance-underline .hi-v5-input__inner.hi-v5-input__inner--disabled {color: var(--hi-v5-color-gray-400, #c0c3cc);background-color: transparent;}.hi-v5-input--appearance-unset .hi-v5-input__inner.hi-v5-input__inner--disabled .hi-v5-input__text, .hi-v5-input--appearance-underline .hi-v5-input__inner.hi-v5-input__inner--disabled .hi-v5-input__text {color: var(--hi-v5-color-gray-400, #c0c3cc);}.hi-v5-input__outer--prepend .hi-v5-input__inner {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input__outer--prepend-unset .hi-v5-input__prepend {border: none;padding: 0;}.hi-v5-input__outer--prepend-unset .hi-v5-input__prepend .hi-v5-mock-input {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input__outer--prepend-unset .hi-v5-input__prepend .hi-v5-button {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input__outer--append .hi-v5-input__inner {border-top-right-radius: 0;border-bottom-right-radius: 0;}.hi-v5-input__outer--append-unset .hi-v5-input__append {border: none;padding: 0;}.hi-v5-input__outer--append-unset .hi-v5-input__append .hi-v5-mock-input {border-top-left-radius: 0;border-bottom-left-radius: 0;}.hi-v5-input__outer--append-unset .hi-v5-input__append .hi-v5-button {border-top-left-radius: 0;border-bottom-left-radius: 0;}";
12
12
  __styleInject__(css_248z);
13
13
  export { css_248z as default };
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { HiBaseHTMLFieldProps } from '@hi-ui/core';
2
+ import { HiBaseHTMLFieldProps, HiBaseSizeEnum } from '@hi-ui/core';
3
3
  import { InputAppearanceEnum, InputTypeEnum } from './types';
4
4
  /**
5
5
  * 输入框
@@ -74,7 +74,7 @@ export interface InputProps extends HiBaseHTMLFieldProps<'input'> {
74
74
  /**
75
75
  * 设置尺寸
76
76
  */
77
- size?: 'sm' | 'md' | 'lg';
77
+ size?: HiBaseSizeEnum;
78
78
  /**
79
79
  * 值改变时的回调
80
80
  */
@@ -70,7 +70,7 @@ export declare const MockInput: React.ForwardRefExoticComponent<Omit<Pick<React.
70
70
  /**
71
71
  * 设置输入框尺寸
72
72
  */
73
- size?: "sm" | "md" | "lg" | undefined;
73
+ size?: "xs" | "sm" | "md" | "lg" | undefined;
74
74
  } & {
75
75
  invalid?: boolean | undefined;
76
76
  } & React.RefAttributes<HTMLDivElement | null>>;
@@ -148,5 +148,5 @@ export declare type MockInputProps = HiBaseHTMLFieldProps<'div', {
148
148
  /**
149
149
  * 设置输入框尺寸
150
150
  */
151
- size?: 'sm' | 'md' | 'lg';
151
+ size?: 'xs' | 'sm' | 'md' | 'lg';
152
152
  }>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/input",
3
- "version": "4.3.0",
3
+ "version": "5.0.0-canary.0",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -20,7 +20,8 @@
20
20
  "exports": {
21
21
  ".": {
22
22
  "require": "./lib/cjs/index.js",
23
- "default": "./lib/esm/index.js"
23
+ "default": "./lib/esm/index.js",
24
+ "types": "./lib/types/index.d.ts"
24
25
  }
25
26
  },
26
27
  "publishConfig": {
@@ -43,24 +44,24 @@
43
44
  "url": "https://github.com/XiaoMi/hiui/issues"
44
45
  },
45
46
  "dependencies": {
46
- "@hi-ui/classname": "^4.0.5",
47
- "@hi-ui/dom-utils": "^4.0.7",
48
- "@hi-ui/env": "^4.0.5",
49
- "@hi-ui/func-utils": "^4.0.4",
50
- "@hi-ui/icons": "^4.0.19",
51
- "@hi-ui/type-assertion": "^4.0.4",
52
- "@hi-ui/use-latest": "^4.0.4",
53
- "@hi-ui/use-merge-refs": "^4.0.4",
54
- "@hi-ui/use-uncontrolled-state": "^4.0.4"
47
+ "@hi-ui/classname": "^5.0.0-canary.0",
48
+ "@hi-ui/dom-utils": "^5.0.0-canary.0",
49
+ "@hi-ui/env": "^5.0.0-canary.0",
50
+ "@hi-ui/func-utils": "^5.0.0-canary.0",
51
+ "@hi-ui/icons": "^5.0.0-canary.0",
52
+ "@hi-ui/type-assertion": "^5.0.0-canary.0",
53
+ "@hi-ui/use-latest": "^5.0.0-canary.0",
54
+ "@hi-ui/use-merge-refs": "^5.0.0-canary.0",
55
+ "@hi-ui/use-uncontrolled-state": "^5.0.0-canary.0"
55
56
  },
56
57
  "peerDependencies": {
57
- "@hi-ui/core": ">=4.0.8",
58
+ "@hi-ui/core": ">=5.0.0-canary.0",
58
59
  "react": ">=16.8.6",
59
60
  "react-dom": ">=16.8.6"
60
61
  },
61
62
  "devDependencies": {
62
- "@hi-ui/core": "^4.0.8",
63
- "@hi-ui/core-css": "^4.1.5",
63
+ "@hi-ui/core": "^5.0.0-canary.0",
64
+ "@hi-ui/core-css": "^5.0.0-canary.0",
64
65
  "react": "^17.0.1",
65
66
  "react-dom": "^17.0.1"
66
67
  }