yc-design-vue 2.1.9 → 2.2.1

package/es/Input/InputSearch.vue.d.ts

@@ -0,0 +1,310 @@
+import { InputSearchProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {
+        inputRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | undefined;
+                readonly defaultValue?: string | undefined;
+                readonly size?: import('..').Size | undefined;
+                readonly allowClear?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly error?: boolean | undefined;
+                readonly placeholder?: string | undefined;
+                readonly maxLength?: import('./type').MaxLength | undefined;
+                readonly wordLength?: import('./type').WordLength | undefined;
+                readonly wordSlice?: import('./type').WordSlice | undefined;
+                readonly showWordLimit?: boolean | undefined;
+                readonly inputAttrs?: import('..').RecordType | undefined;
+                readonly showInput?: boolean | undefined;
+                readonly onChange?: ((value: string, ev: Event) => any) | undefined;
+                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
+                readonly onClear?: ((ev: MouseEvent) => any) | undefined;
+                readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                readonly onInput?: ((value: string, ev: Event) => any) | undefined;
+                readonly onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                readonly onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                inputRef: HTMLInputElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", value: string, ev: Event) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", ev: KeyboardEvent) => void);
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('./type').InputProps> & Readonly<{
+                onChange?: ((value: string, ev: Event) => any) | undefined;
+                onFocus?: ((ev: FocusEvent) => any) | undefined;
+                onClear?: ((ev: MouseEvent) => any) | undefined;
+                onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onInput?: ((value: string, ev: Event) => any) | undefined;
+                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+            }>, {
+                focus(): void;
+                blur(): void;
+                getInputRef(): HTMLInputElement;
+                setCursor?: () => void;
+                recordCursor?: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                change: (value: string, ev: Event) => any;
+                focus: (ev: FocusEvent) => any;
+                clear: (ev: MouseEvent) => any;
+                blur: (ev: FocusEvent) => any;
+                input: (value: string, ev: Event) => any;
+                keydown: (ev: KeyboardEvent) => any;
+                "update:modelValue": (value: string) => any;
+                pressEnter: (ev: KeyboardEvent) => any;
+            }, string, {
+                error: boolean;
+                size: import('..').Size;
+                disabled: boolean;
+                placeholder: string;
+                modelValue: string;
+                defaultValue: string;
+                maxLength: import('./type').MaxLength;
+                showWordLimit: boolean;
+                allowClear: boolean;
+                readonly: boolean;
+                wordLength: import('./type').WordLength;
+                wordSlice: import('./type').WordSlice;
+                inputAttrs: import('..').RecordType;
+                showInput: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            error: boolean;
+            size: import('..').Size;
+            disabled: boolean;
+            placeholder: string;
+            modelValue: string;
+            defaultValue: string;
+            maxLength: import('./type').MaxLength;
+            showWordLimit: boolean;
+            allowClear: boolean;
+            readonly: boolean;
+            wordLength: import('./type').WordLength;
+            wordSlice: import('./type').WordSlice;
+            inputAttrs: import('..').RecordType;
+            showInput: boolean;
+        }> & Omit<Readonly<import('./type').InputProps> & Readonly<{
+            onChange?: ((value: string, ev: Event) => any) | undefined;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
+            onClear?: ((ev: MouseEvent) => any) | undefined;
+            onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onInput?: ((value: string, ev: Event) => any) | undefined;
+            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+        }>, "focus" | "blur" | "setCursor" | "recordCursor" | "getInputRef" | ("error" | "size" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "showInput")> & import('vue').ShallowUnwrapRef<{
+            focus(): void;
+            blur(): void;
+            getInputRef(): HTMLInputElement;
+            setCursor?: () => void;
+            recordCursor?: () => void;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<InputSearchProps, {
+    focus(): void;
+    blur(): void;
+    getInputRef(): HTMLInputElement;
+    setCursor?: () => void;
+    recordCursor?: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    search: (value: string, ev: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<InputSearchProps> & Readonly<{
+    onSearch?: ((value: string, ev: MouseEvent) => any) | undefined;
+}>, {
+    size: import('..').Size;
+    disabled: boolean;
+    loading: boolean;
+    searchButton: boolean;
+    buttonText: string;
+    buttonProps: import('../Button').ButtonGroupProps;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | undefined;
+            readonly defaultValue?: string | undefined;
+            readonly size?: import('..').Size | undefined;
+            readonly allowClear?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly error?: boolean | undefined;
+            readonly placeholder?: string | undefined;
+            readonly maxLength?: import('./type').MaxLength | undefined;
+            readonly wordLength?: import('./type').WordLength | undefined;
+            readonly wordSlice?: import('./type').WordSlice | undefined;
+            readonly showWordLimit?: boolean | undefined;
+            readonly inputAttrs?: import('..').RecordType | undefined;
+            readonly showInput?: boolean | undefined;
+            readonly onChange?: ((value: string, ev: Event) => any) | undefined;
+            readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
+            readonly onClear?: ((ev: MouseEvent) => any) | undefined;
+            readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+            readonly onInput?: ((value: string, ev: Event) => any) | undefined;
+            readonly onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            inputRef: HTMLInputElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "change", value: string, ev: Event) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", ev: KeyboardEvent) => void);
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('./type').InputProps> & Readonly<{
+            onChange?: ((value: string, ev: Event) => any) | undefined;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
+            onClear?: ((ev: MouseEvent) => any) | undefined;
+            onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onInput?: ((value: string, ev: Event) => any) | undefined;
+            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+        }>, {
+            focus(): void;
+            blur(): void;
+            getInputRef(): HTMLInputElement;
+            setCursor?: () => void;
+            recordCursor?: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            change: (value: string, ev: Event) => any;
+            focus: (ev: FocusEvent) => any;
+            clear: (ev: MouseEvent) => any;
+            blur: (ev: FocusEvent) => any;
+            input: (value: string, ev: Event) => any;
+            keydown: (ev: KeyboardEvent) => any;
+            "update:modelValue": (value: string) => any;
+            pressEnter: (ev: KeyboardEvent) => any;
+        }, string, {
+            error: boolean;
+            size: import('..').Size;
+            disabled: boolean;
+            placeholder: string;
+            modelValue: string;
+            defaultValue: string;
+            maxLength: import('./type').MaxLength;
+            showWordLimit: boolean;
+            allowClear: boolean;
+            readonly: boolean;
+            wordLength: import('./type').WordLength;
+            wordSlice: import('./type').WordSlice;
+            inputAttrs: import('..').RecordType;
+            showInput: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        error: boolean;
+        size: import('..').Size;
+        disabled: boolean;
+        placeholder: string;
+        modelValue: string;
+        defaultValue: string;
+        maxLength: import('./type').MaxLength;
+        showWordLimit: boolean;
+        allowClear: boolean;
+        readonly: boolean;
+        wordLength: import('./type').WordLength;
+        wordSlice: import('./type').WordSlice;
+        inputAttrs: import('..').RecordType;
+        showInput: boolean;
+    }> & Omit<Readonly<import('./type').InputProps> & Readonly<{
+        onChange?: ((value: string, ev: Event) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onClear?: ((ev: MouseEvent) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onInput?: ((value: string, ev: Event) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+    }>, "focus" | "blur" | "setCursor" | "recordCursor" | "getInputRef" | ("error" | "size" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "showInput")> & import('vue').ShallowUnwrapRef<{
+        focus(): void;
+        blur(): void;
+        getInputRef(): HTMLInputElement;
+        setCursor?: () => void;
+        recordCursor?: () => void;
+    }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+        $slots: any;
+    }) | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Input/InputSearch.vue.js

@@ -0,0 +1,142 @@
+import { defineComponent, ref, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createVNode, unref, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$3 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
+import "../node_modules/b-tween/dist/b-tween.es.js";
+import "../node_modules/dayjs/dayjs.min.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../node_modules/dayjs/plugin/duration.js";
+import "../node_modules/dayjs/plugin/toObject.js";
+import "../node_modules/dayjs/plugin/isSameOrAfter.js";
+import "../node_modules/dayjs/plugin/isSameOrBefore.js";
+import { sleep } from "../_shared/utils/dom.js";
+import "../_shared/utils/locale.js";
+import "../_shared/utils/time.js";
+/* empty css                                                */
+/* empty css                                   */
+import _sfc_main$2 from "../_shared/icons/IconSearch.vue.js";
+import _sfc_main$1 from "./Input.vue.js";
+/* empty css           */
+import Button from "../Button/index.js";
+import Spin from "../Spin/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "InputSearch"
+  },
+  __name: "InputSearch",
+  props: {
+    searchButton: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    size: { default: void 0 },
+    buttonText: { default: void 0 },
+    buttonProps: { default: () => ({}) }
+  },
+  emits: ["search"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const inputRef = ref();
+    const handleSearch = async (e) => {
+      var _a, _b;
+      emits("search", (_a = inputRef.value) == null ? void 0 : _a.getInputRef().value, e);
+      await sleep(0);
+      (_b = inputRef.value) == null ? void 0 : _b.focus();
+    };
+    __expose({
+      focus() {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
+      },
+      blur() {
+        var _a;
+        (_a = inputRef.value) == null ? void 0 : _a.blur();
+      },
+      getInputRef() {
+        var _a;
+        return (_a = inputRef.value) == null ? void 0 : _a.getInputRef();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        size: _ctx.size,
+        disabled: _ctx.disabled
+      }, _ctx.$attrs, {
+        class: "yc-input-search",
+        ref_key: "inputRef",
+        ref: inputRef
+      }), createSlots({ _: 2 }, [
+        _ctx.$slots.prepend ? {
+          name: "prepend",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "prepend")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.append || _ctx.searchButton ? {
+          name: "append",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "append", {}, () => [
+              createVNode(unref(Button), mergeProps({
+                type: "primary",
+                size: _ctx.size,
+                disabled: _ctx.disabled,
+                loading: _ctx.loading
+              }, _ctx.buttonProps, { onClick: handleSearch }), createSlots({ _: 2 }, [
+                _ctx.buttonText ? {
+                  name: "default",
+                  fn: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.buttonText), 1)
+                  ]),
+                  key: "0"
+                } : {
+                  name: "icon",
+                  fn: withCtx(() => [
+                    createVNode(unref(_sfc_main$2))
+                  ]),
+                  key: "1"
+                }
+              ]), 1040, ["size", "disabled", "loading"])
+            ])
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.prefix ? {
+          name: "prefix",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "prefix")
+          ]),
+          key: "2"
+        } : void 0,
+        _ctx.$slots.suffix ? {
+          name: "suffix",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "suffix")
+          ]),
+          key: "3"
+        } : void 0,
+        !_ctx.searchButton ? {
+          name: "extra",
+          fn: withCtx(() => [
+            _ctx.loading ? (openBlock(), createBlock(unref(Spin), {
+              key: 0,
+              "is-size-inherit": "",
+              style: { "color": "inherit" }
+            })) : (openBlock(), createBlock(unref(_sfc_main$3), {
+              key: 1,
+              disabled: _ctx.disabled,
+              onClick: handleSearch
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$2))
+              ]),
+              _: 1
+            }, 8, ["disabled"]))
+          ]),
+          key: "4"
+        } : void 0
+      ]), 1040, ["size", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/Input/InputSearch.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./InputSearch.vue.js";
+export {
+  _sfc_main as default
+};

package/es/Input/hooks/useLimitedInput.d.ts

@@ -15,6 +15,8 @@ declare const _default: (params: {
     error: import('vue').WritableComputedRef<boolean, boolean>;
     disabled: Ref<boolean, boolean>;
     maxLength: import('vue').ComputedRef<number>;
+    setCursor: () => void;
+    recordCursor: () => void;
     handleInput: (e: Event) => Promise<void>;
     handleComposition: (e: CompositionEvent) => Promise<void> | undefined;
 };

package/es/Input/hooks/useLimitedInput.js

@@ -120,6 +120,8 @@ const useLimitedInput = (params) => {
     error,
     disabled,
     maxLength,
+    setCursor,
+    recordCursor,
     handleInput,
     handleComposition
   };

package/es/Input/index.css

@@ -1 +1 @@
-.yc-input-outer{width:100%;display:inline-flex;align-items:center}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append,.yc-input-outer .yc-input-wrapper{flex-shrink:0;font-size:inherit}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append{overflow:hidden;height:100%;padding:0 12px;color:var(--color-text-1);font-weight:400;white-space:nowrap;background-color:var(--color-fill-2);display:flex;align-items:center}.yc-input-outer .yc-input-prepend.yc-input-prepend,.yc-input-outer .yc-input-append.yc-input-prepend{border-right:1px solid var(--color-neutral-3);border-top-left-radius:2px;border-bottom-left-radius:2px}.yc-input-outer .yc-input-prepend.yc-input-append,.yc-input-outer .yc-input-append.yc-input-append{border-left:1px solid var(--color-neutral-3);border-top-right-radius:2px;border-bottom-right-radius:2px}.yc-input-has-prepend .yc-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.yc-input-has-append .yc-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.yc-input-error .yc-input-wrapper{background-color:var(--color-danger-light-1)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-input-disabled{cursor:not-allowed}.yc-input-disabled .yc-input-wrapper{cursor:not-allowed;border-color:transparent;background-color:var(--color-fill-2);color:var(--color-text-4)}.yc-input-disabled .yc-input-wrapper .yc-input-prefix,.yc-input-disabled .yc-input-wrapper .yc-input-suffix{color:inherit}.yc-input-disabled .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-4)}.yc-input-wrapper{flex:1;height:100%;width:100%;cursor:text;padding:0 12px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:color .1s cubic-bezier(0, 0, 1, 1),border-color .1s cubic-bezier(0, 0, 1, 1),background-color .1s cubic-bezier(0, 0, 1, 1);color:var(--color-text-1);font-size:inherit;font-weight:400;display:flex;align-items:center}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover .yc-input-clear-button{visibility:visible}.yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix,.yc-input-wrapper .yc-input{flex-shrink:0;color:inherit}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix{height:100%;color:var(--color-text-2);display:flex;justify-content:center;align-items:center}.yc-input-wrapper .yc-input-prefix .yc-input-word-limit,.yc-input-wrapper .yc-input-suffix .yc-input-word-limit{color:var(--color-text-3);font-size:12px}.yc-input-wrapper .yc-input-prefix .yc-icon-button,.yc-input-wrapper .yc-input-suffix .yc-icon-button{color:inherit}.yc-input-wrapper .yc-input-prefix.yc-input-prefix,.yc-input-wrapper .yc-input-suffix.yc-input-prefix{padding-right:12px}.yc-input-wrapper .yc-input-prefix.yc-input-suffix,.yc-input-wrapper .yc-input-suffix.yc-input-suffix{padding-left:12px}.yc-input-wrapper .yc-input-clear-button{visibility:hidden}.yc-input-wrapper .yc-input{flex:1;cursor:inherit;outline:none;border:none;border-radius:var(--border-radius-none);background-color:transparent;color:inherit}.yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-input-size-mini{font-size:12px;height:24px}.yc-input-size-mini .yc-input-wrapper .yc-input{padding:1px 0;line-height:1.667}.yc-input-size-small{font-size:14px;height:28px}.yc-input-size-small .yc-input-wrapper .yc-input{padding:2px 0;line-height:1.5715}.yc-input-size-medium{font-size:14px;height:32px}.yc-input-size-medium .yc-input-wrapper .yc-input{padding:4px 0;line-height:1.5715}.yc-input-size-large{font-size:14px;height:36px}.yc-input-size-large .yc-input-wrapper .yc-input{padding:6px 0;line-height:1.5715}.yc-input-group{display:inline-flex;align-items:center}.yc-input-group .yc-input-outer .yc-input-wrapper{border-radius:0}.yc-input-group .yc-input-outer:not(:last-child) .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.yc-input-group .yc-input-outer:not(:last-child):not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.yc-input-group .yc-input-outer:not(:last-child):not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.yc-input-group .yc-input-outer:first-child .yc-input-wrapper{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group .yc-input-outer:last-child .yc-input-wrapper{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.yc-input-group .yc-input-tag,.yc-input-group .yc-textarea-wrapper,.yc-input-group .yc-picker{border-radius:0}.yc-input-group .yc-input-tag:not(:last-child),.yc-input-group .yc-textarea-wrapper:not(:last-child),.yc-input-group .yc-picker:not(:last-child){border-right:1px solid var(--color-neutral-3)}.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.yc-input-group .yc-input-tag:first-child,.yc-input-group .yc-textarea-wrapper:first-child,.yc-input-group .yc-picker:first-child{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group .yc-input-tag:last-child,.yc-input-group .yc-textarea-wrapper:last-child,.yc-input-group .yc-picker:last-child{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer .yc-input-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer .yc-input-wrapper{border-radius:0}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer .yc-input-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer:not(.yc-input-disabled) .yc-input-wrapper:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer:not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper,.yc-input-group>.yc-select:not(:last-child) .yc-picker,.yc-input-group .yc-cascader:not(:last-child) .yc-picker{border-radius:0;border-right:1px solid var(--color-neutral-3)}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.yc-input-group>.yc-select:first-child .yc-input-tag,.yc-input-group .yc-cascader:first-child .yc-input-tag,.yc-input-group>.yc-select:first-child .yc-textarea-wrapper,.yc-input-group .yc-cascader:first-child .yc-textarea-wrapper,.yc-input-group>.yc-select:first-child .yc-picker,.yc-input-group .yc-cascader:first-child .yc-picker,.yc-input-group>.yc-select:first-child .yc-input-outer.yc-input-wrapper,.yc-input-group .yc-cascader:first-child .yc-input-outer.yc-input-wrapper{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group>.yc-select:last-child .yc-input-tag,.yc-input-group .yc-cascader:last-child .yc-input-tag,.yc-input-group>.yc-select:last-child .yc-textarea-wrapper,.yc-input-group .yc-cascader:last-child .yc-textarea-wrapper,.yc-input-group>.yc-select:last-child .yc-picker,.yc-input-group .yc-cascader:last-child .yc-picker,.yc-input-group>.yc-select:last-child .yc-input-outer.yc-input-wrapper,.yc-input-group .yc-cascader:last-child .yc-input-outer.yc-input-wrapper{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.reset-base-input .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.reset-base-input:not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.reset-base-input:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.reset-senior-input{border-right:1px solid var(--color-neutral-3)}.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.reset-first-border-radius{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.reset-last-border-radius{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}
+.yc-input-outer{width:100%;display:inline-flex;align-items:center}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append,.yc-input-outer .yc-input-wrapper{flex-shrink:0;font-size:inherit}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append{overflow:hidden;height:100%;padding:0 12px;color:var(--color-text-1);font-weight:400;white-space:nowrap;background-color:var(--color-fill-2);display:flex;align-items:center}.yc-input-outer .yc-input-prepend{border-right:1px solid var(--color-neutral-3);border-top-left-radius:2px;border-bottom-left-radius:2px}.yc-input-outer .yc-input-append{border-left:1px solid var(--color-neutral-3);border-top-right-radius:2px;border-bottom-right-radius:2px}.yc-input-has-prepend .yc-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.yc-input-has-append .yc-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.yc-input-error .yc-input-wrapper{background-color:var(--color-danger-light-1)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-input-disabled{cursor:not-allowed}.yc-input-disabled .yc-input-wrapper{cursor:not-allowed;border-color:transparent;background-color:var(--color-fill-2);color:var(--color-text-4)}.yc-input-disabled .yc-input-wrapper .yc-input-prefix,.yc-input-disabled .yc-input-wrapper .yc-input-suffix{color:inherit}.yc-input-disabled .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-4)}.yc-input-search .yc-input-prepend,.yc-input-search .yc-input-append{border:none;padding:0}.yc-input-search .yc-input-prepend .yc-button,.yc-input-search .yc-input-append .yc-button{border-radius:0}.yc-input-wrapper{flex:1;height:100%;width:100%;cursor:text;padding:0 12px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:color .1s cubic-bezier(0, 0, 1, 1),border-color .1s cubic-bezier(0, 0, 1, 1),background-color .1s cubic-bezier(0, 0, 1, 1);color:var(--color-text-1);font-size:inherit;font-weight:400;display:flex;align-items:center}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover .yc-input-clear-button{visibility:visible}.yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix,.yc-input-wrapper .yc-input{flex-shrink:0;color:inherit}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix{height:100%;color:var(--color-text-2);display:flex;justify-content:center;align-items:center}.yc-input-wrapper .yc-input-prefix .yc-input-word-limit,.yc-input-wrapper .yc-input-suffix .yc-input-word-limit{color:var(--color-text-3);font-size:12px}.yc-input-wrapper .yc-input-prefix .yc-icon-button,.yc-input-wrapper .yc-input-suffix .yc-icon-button{color:inherit}.yc-input-wrapper .yc-input-prefix.yc-input-prefix,.yc-input-wrapper .yc-input-suffix.yc-input-prefix{padding-right:12px}.yc-input-wrapper .yc-input-prefix.yc-input-suffix,.yc-input-wrapper .yc-input-suffix.yc-input-suffix{padding-left:12px}.yc-input-wrapper .yc-input-clear-button{visibility:hidden}.yc-input-wrapper .yc-input{flex:1;cursor:inherit;outline:none;border:none;border-radius:var(--border-radius-none);background-color:transparent;color:inherit}.yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-input-size-mini{font-size:12px;height:24px}.yc-input-size-mini .yc-input-wrapper .yc-input{padding:1px 0;line-height:1.667}.yc-input-size-small{font-size:14px;height:28px}.yc-input-size-small .yc-input-wrapper .yc-input{padding:2px 0;line-height:1.5715}.yc-input-size-medium{font-size:14px;height:32px}.yc-input-size-medium .yc-input-wrapper .yc-input{padding:4px 0;line-height:1.5715}.yc-input-size-large{font-size:14px;height:36px}.yc-input-size-large .yc-input-wrapper .yc-input{padding:6px 0;line-height:1.5715}.yc-input-group{display:inline-flex;align-items:center}.yc-input-group .yc-input-outer .yc-input-wrapper{border-radius:0}.yc-input-group .yc-input-outer:not(:last-child) .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.yc-input-group .yc-input-outer:not(:last-child):not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.yc-input-group .yc-input-outer:not(:last-child):not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.yc-input-group .yc-input-outer:first-child .yc-input-wrapper{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group .yc-input-outer:last-child .yc-input-wrapper{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.yc-input-group .yc-input-tag,.yc-input-group .yc-textarea-wrapper,.yc-input-group .yc-picker{border-radius:0}.yc-input-group .yc-input-tag:not(:last-child),.yc-input-group .yc-textarea-wrapper:not(:last-child),.yc-input-group .yc-picker:not(:last-child){border-right:1px solid var(--color-neutral-3)}.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.yc-input-group .yc-input-tag:first-child,.yc-input-group .yc-textarea-wrapper:first-child,.yc-input-group .yc-picker:first-child{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group .yc-input-tag:last-child,.yc-input-group .yc-textarea-wrapper:last-child,.yc-input-group .yc-picker:last-child{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer .yc-input-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer .yc-input-wrapper{border-radius:0}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer .yc-input-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer:not(.yc-input-disabled) .yc-input-wrapper:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer:not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper,.yc-input-group>.yc-select:not(:last-child) .yc-picker,.yc-input-group .yc-cascader:not(:last-child) .yc-picker{border-radius:0;border-right:1px solid var(--color-neutral-3)}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.yc-input-group>.yc-select:first-child .yc-input-tag,.yc-input-group .yc-cascader:first-child .yc-input-tag,.yc-input-group>.yc-select:first-child .yc-textarea-wrapper,.yc-input-group .yc-cascader:first-child .yc-textarea-wrapper,.yc-input-group>.yc-select:first-child .yc-picker,.yc-input-group .yc-cascader:first-child .yc-picker,.yc-input-group>.yc-select:first-child .yc-input-outer.yc-input-wrapper,.yc-input-group .yc-cascader:first-child .yc-input-outer.yc-input-wrapper{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group>.yc-select:last-child .yc-input-tag,.yc-input-group .yc-cascader:last-child .yc-input-tag,.yc-input-group>.yc-select:last-child .yc-textarea-wrapper,.yc-input-group .yc-cascader:last-child .yc-textarea-wrapper,.yc-input-group>.yc-select:last-child .yc-picker,.yc-input-group .yc-cascader:last-child .yc-picker,.yc-input-group>.yc-select:last-child .yc-input-outer.yc-input-wrapper,.yc-input-group .yc-cascader:last-child .yc-input-outer.yc-input-wrapper{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.reset-base-input .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.reset-base-input:not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.reset-base-input:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.reset-senior-input{border-right:1px solid var(--color-neutral-3)}.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.reset-first-border-radius{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.reset-last-border-radius{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}