@ironsource/shared-ui 2.1.12-rc.45 → 2.1.12-rc.46
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/TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css +1 -0
- package/components/dropdown/v3/Dropdown.vue.d.ts +1 -1
- package/components/dropdown/v3/index.d.ts +20 -20
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +1 -1
- package/components/includeExclude/index.d.ts +70 -70
- package/components/input/v4/TextField.vue.d.ts +12 -0
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +129 -105
- package/components/input/v4/index.d.ts +46 -2
- package/index.d.ts +92 -4
- package/index.js +1 -1
- package/package.json +1 -1
- package/testids/index.d.ts +3 -1
- package/testids/index.js +7 -7
- package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +0 -1
package/index.d.ts
CHANGED
|
@@ -13642,6 +13642,7 @@ declare const _default: {
|
|
|
13642
13642
|
disabled: boolean;
|
|
13643
13643
|
size: "small" | "medium" | "large";
|
|
13644
13644
|
mandatory: boolean;
|
|
13645
|
+
loading: boolean;
|
|
13645
13646
|
modelValue: string | number;
|
|
13646
13647
|
hoverHelpText: string;
|
|
13647
13648
|
hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
@@ -13664,6 +13665,7 @@ declare const _default: {
|
|
|
13664
13665
|
feedbackVariant: "success" | "warning" | "error";
|
|
13665
13666
|
showFeedbackTextIcon: boolean;
|
|
13666
13667
|
feedbackPositionAbsolute: boolean;
|
|
13668
|
+
clearable: boolean;
|
|
13667
13669
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
13668
13670
|
type: {
|
|
13669
13671
|
type: import("vue").PropType<"number" | "text" | "password">;
|
|
@@ -13689,6 +13691,10 @@ declare const _default: {
|
|
|
13689
13691
|
type: import("vue").PropType<boolean>;
|
|
13690
13692
|
default: boolean;
|
|
13691
13693
|
};
|
|
13694
|
+
loading: {
|
|
13695
|
+
type: import("vue").PropType<boolean>;
|
|
13696
|
+
default: boolean;
|
|
13697
|
+
};
|
|
13692
13698
|
modelValue: {
|
|
13693
13699
|
type: import("vue").PropType<string | number>;
|
|
13694
13700
|
default: string;
|
|
@@ -13777,10 +13783,15 @@ declare const _default: {
|
|
|
13777
13783
|
type: import("vue").PropType<boolean>;
|
|
13778
13784
|
default: boolean;
|
|
13779
13785
|
};
|
|
13786
|
+
clearable: {
|
|
13787
|
+
type: import("vue").PropType<boolean>;
|
|
13788
|
+
default: boolean;
|
|
13789
|
+
};
|
|
13780
13790
|
}>> & {
|
|
13781
13791
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
13792
|
+
onClear?: () => any;
|
|
13782
13793
|
onApply?: () => any;
|
|
13783
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
|
|
13794
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "loading" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute" | "clearable">;
|
|
13784
13795
|
$attrs: {
|
|
13785
13796
|
[x: string]: unknown;
|
|
13786
13797
|
};
|
|
@@ -13792,7 +13803,7 @@ declare const _default: {
|
|
|
13792
13803
|
}>;
|
|
13793
13804
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
13794
13805
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
13795
|
-
$emit: ((event: "update:modelValue", value: string | number) => void) & ((event: "apply") => void);
|
|
13806
|
+
$emit: ((event: "clear") => void) & ((event: "update:modelValue", value: string | number) => void) & ((event: "apply") => void);
|
|
13796
13807
|
$el: any;
|
|
13797
13808
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
13798
13809
|
type: {
|
|
@@ -13819,6 +13830,10 @@ declare const _default: {
|
|
|
13819
13830
|
type: import("vue").PropType<boolean>;
|
|
13820
13831
|
default: boolean;
|
|
13821
13832
|
};
|
|
13833
|
+
loading: {
|
|
13834
|
+
type: import("vue").PropType<boolean>;
|
|
13835
|
+
default: boolean;
|
|
13836
|
+
};
|
|
13822
13837
|
modelValue: {
|
|
13823
13838
|
type: import("vue").PropType<string | number>;
|
|
13824
13839
|
default: string;
|
|
@@ -13907,14 +13922,20 @@ declare const _default: {
|
|
|
13907
13922
|
type: import("vue").PropType<boolean>;
|
|
13908
13923
|
default: boolean;
|
|
13909
13924
|
};
|
|
13925
|
+
clearable: {
|
|
13926
|
+
type: import("vue").PropType<boolean>;
|
|
13927
|
+
default: boolean;
|
|
13928
|
+
};
|
|
13910
13929
|
}>> & {
|
|
13911
13930
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
13931
|
+
onClear?: () => any;
|
|
13912
13932
|
onApply?: () => any;
|
|
13913
13933
|
}, {
|
|
13914
13934
|
manualFocus: () => any;
|
|
13915
13935
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
13916
13936
|
"update:modelValue": (value: string | number) => void;
|
|
13917
13937
|
apply: () => void;
|
|
13938
|
+
clear: () => void;
|
|
13918
13939
|
}, string, {
|
|
13919
13940
|
type: "number" | "text" | "password";
|
|
13920
13941
|
label: string;
|
|
@@ -13922,6 +13943,7 @@ declare const _default: {
|
|
|
13922
13943
|
disabled: boolean;
|
|
13923
13944
|
size: "small" | "medium" | "large";
|
|
13924
13945
|
mandatory: boolean;
|
|
13946
|
+
loading: boolean;
|
|
13925
13947
|
modelValue: string | number;
|
|
13926
13948
|
hoverHelpText: string;
|
|
13927
13949
|
hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
@@ -13944,6 +13966,7 @@ declare const _default: {
|
|
|
13944
13966
|
feedbackVariant: "success" | "warning" | "error";
|
|
13945
13967
|
showFeedbackTextIcon: boolean;
|
|
13946
13968
|
feedbackPositionAbsolute: boolean;
|
|
13969
|
+
clearable: boolean;
|
|
13947
13970
|
}, {}, string> & {
|
|
13948
13971
|
beforeCreate?: (() => void) | (() => void)[];
|
|
13949
13972
|
created?: (() => void) | (() => void)[];
|
|
@@ -13989,6 +14012,10 @@ declare const _default: {
|
|
|
13989
14012
|
type: import("vue").PropType<boolean>;
|
|
13990
14013
|
default: boolean;
|
|
13991
14014
|
};
|
|
14015
|
+
loading: {
|
|
14016
|
+
type: import("vue").PropType<boolean>;
|
|
14017
|
+
default: boolean;
|
|
14018
|
+
};
|
|
13992
14019
|
modelValue: {
|
|
13993
14020
|
type: import("vue").PropType<string | number>;
|
|
13994
14021
|
default: string;
|
|
@@ -14077,8 +14104,13 @@ declare const _default: {
|
|
|
14077
14104
|
type: import("vue").PropType<boolean>;
|
|
14078
14105
|
default: boolean;
|
|
14079
14106
|
};
|
|
14107
|
+
clearable: {
|
|
14108
|
+
type: import("vue").PropType<boolean>;
|
|
14109
|
+
default: boolean;
|
|
14110
|
+
};
|
|
14080
14111
|
}>> & {
|
|
14081
14112
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
14113
|
+
onClear?: () => any;
|
|
14082
14114
|
onApply?: () => any;
|
|
14083
14115
|
} & import("vue").ShallowUnwrapRef<{
|
|
14084
14116
|
manualFocus: () => any;
|
|
@@ -14111,6 +14143,10 @@ declare const _default: {
|
|
|
14111
14143
|
type: import("vue").PropType<boolean>;
|
|
14112
14144
|
default: boolean;
|
|
14113
14145
|
};
|
|
14146
|
+
loading: {
|
|
14147
|
+
type: import("vue").PropType<boolean>;
|
|
14148
|
+
default: boolean;
|
|
14149
|
+
};
|
|
14114
14150
|
modelValue: {
|
|
14115
14151
|
type: import("vue").PropType<string | number>;
|
|
14116
14152
|
default: string;
|
|
@@ -14199,14 +14235,20 @@ declare const _default: {
|
|
|
14199
14235
|
type: import("vue").PropType<boolean>;
|
|
14200
14236
|
default: boolean;
|
|
14201
14237
|
};
|
|
14238
|
+
clearable: {
|
|
14239
|
+
type: import("vue").PropType<boolean>;
|
|
14240
|
+
default: boolean;
|
|
14241
|
+
};
|
|
14202
14242
|
}>> & {
|
|
14203
14243
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
14244
|
+
onClear?: () => any;
|
|
14204
14245
|
onApply?: () => any;
|
|
14205
14246
|
}, {
|
|
14206
14247
|
manualFocus: () => any;
|
|
14207
14248
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14208
14249
|
"update:modelValue": (value: string | number) => void;
|
|
14209
14250
|
apply: () => void;
|
|
14251
|
+
clear: () => void;
|
|
14210
14252
|
}, string, {
|
|
14211
14253
|
type: "number" | "text" | "password";
|
|
14212
14254
|
label: string;
|
|
@@ -14214,6 +14256,7 @@ declare const _default: {
|
|
|
14214
14256
|
disabled: boolean;
|
|
14215
14257
|
size: "small" | "medium" | "large";
|
|
14216
14258
|
mandatory: boolean;
|
|
14259
|
+
loading: boolean;
|
|
14217
14260
|
modelValue: string | number;
|
|
14218
14261
|
hoverHelpText: string;
|
|
14219
14262
|
hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
@@ -14236,6 +14279,7 @@ declare const _default: {
|
|
|
14236
14279
|
feedbackVariant: "success" | "warning" | "error";
|
|
14237
14280
|
showFeedbackTextIcon: boolean;
|
|
14238
14281
|
feedbackPositionAbsolute: boolean;
|
|
14282
|
+
clearable: boolean;
|
|
14239
14283
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
14240
14284
|
$slots: {
|
|
14241
14285
|
iconBefore?(_: {}): any;
|
|
@@ -14253,6 +14297,7 @@ declare const _default: {
|
|
|
14253
14297
|
disabled: boolean;
|
|
14254
14298
|
size: "small" | "medium" | "large";
|
|
14255
14299
|
mandatory: boolean;
|
|
14300
|
+
loading: boolean;
|
|
14256
14301
|
modelValue: string | number;
|
|
14257
14302
|
hoverHelpText: string;
|
|
14258
14303
|
hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
@@ -14275,6 +14320,7 @@ declare const _default: {
|
|
|
14275
14320
|
feedbackVariant: "success" | "warning" | "error";
|
|
14276
14321
|
showFeedbackTextIcon: boolean;
|
|
14277
14322
|
feedbackPositionAbsolute: boolean;
|
|
14323
|
+
clearable: boolean;
|
|
14278
14324
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
14279
14325
|
type: {
|
|
14280
14326
|
type: import("vue").PropType<"number" | "text" | "password">;
|
|
@@ -14300,6 +14346,10 @@ declare const _default: {
|
|
|
14300
14346
|
type: import("vue").PropType<boolean>;
|
|
14301
14347
|
default: boolean;
|
|
14302
14348
|
};
|
|
14349
|
+
loading: {
|
|
14350
|
+
type: import("vue").PropType<boolean>;
|
|
14351
|
+
default: boolean;
|
|
14352
|
+
};
|
|
14303
14353
|
modelValue: {
|
|
14304
14354
|
type: import("vue").PropType<string | number>;
|
|
14305
14355
|
default: string;
|
|
@@ -14388,10 +14438,15 @@ declare const _default: {
|
|
|
14388
14438
|
type: import("vue").PropType<boolean>;
|
|
14389
14439
|
default: boolean;
|
|
14390
14440
|
};
|
|
14441
|
+
clearable: {
|
|
14442
|
+
type: import("vue").PropType<boolean>;
|
|
14443
|
+
default: boolean;
|
|
14444
|
+
};
|
|
14391
14445
|
}>> & {
|
|
14392
14446
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
14447
|
+
onClear?: () => any;
|
|
14393
14448
|
onApply?: () => any;
|
|
14394
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
|
|
14449
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "loading" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute" | "clearable">;
|
|
14395
14450
|
$attrs: {
|
|
14396
14451
|
[x: string]: unknown;
|
|
14397
14452
|
};
|
|
@@ -14403,7 +14458,7 @@ declare const _default: {
|
|
|
14403
14458
|
}>;
|
|
14404
14459
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
14405
14460
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
14406
|
-
$emit: ((event: "update:modelValue", value: string | number) => void) & ((event: "apply") => void);
|
|
14461
|
+
$emit: ((event: "clear") => void) & ((event: "update:modelValue", value: string | number) => void) & ((event: "apply") => void);
|
|
14407
14462
|
$el: any;
|
|
14408
14463
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
14409
14464
|
type: {
|
|
@@ -14430,6 +14485,10 @@ declare const _default: {
|
|
|
14430
14485
|
type: import("vue").PropType<boolean>;
|
|
14431
14486
|
default: boolean;
|
|
14432
14487
|
};
|
|
14488
|
+
loading: {
|
|
14489
|
+
type: import("vue").PropType<boolean>;
|
|
14490
|
+
default: boolean;
|
|
14491
|
+
};
|
|
14433
14492
|
modelValue: {
|
|
14434
14493
|
type: import("vue").PropType<string | number>;
|
|
14435
14494
|
default: string;
|
|
@@ -14518,14 +14577,20 @@ declare const _default: {
|
|
|
14518
14577
|
type: import("vue").PropType<boolean>;
|
|
14519
14578
|
default: boolean;
|
|
14520
14579
|
};
|
|
14580
|
+
clearable: {
|
|
14581
|
+
type: import("vue").PropType<boolean>;
|
|
14582
|
+
default: boolean;
|
|
14583
|
+
};
|
|
14521
14584
|
}>> & {
|
|
14522
14585
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
14586
|
+
onClear?: () => any;
|
|
14523
14587
|
onApply?: () => any;
|
|
14524
14588
|
}, {
|
|
14525
14589
|
manualFocus: () => any;
|
|
14526
14590
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14527
14591
|
"update:modelValue": (value: string | number) => void;
|
|
14528
14592
|
apply: () => void;
|
|
14593
|
+
clear: () => void;
|
|
14529
14594
|
}, string, {
|
|
14530
14595
|
type: "number" | "text" | "password";
|
|
14531
14596
|
label: string;
|
|
@@ -14533,6 +14598,7 @@ declare const _default: {
|
|
|
14533
14598
|
disabled: boolean;
|
|
14534
14599
|
size: "small" | "medium" | "large";
|
|
14535
14600
|
mandatory: boolean;
|
|
14601
|
+
loading: boolean;
|
|
14536
14602
|
modelValue: string | number;
|
|
14537
14603
|
hoverHelpText: string;
|
|
14538
14604
|
hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
@@ -14555,6 +14621,7 @@ declare const _default: {
|
|
|
14555
14621
|
feedbackVariant: "success" | "warning" | "error";
|
|
14556
14622
|
showFeedbackTextIcon: boolean;
|
|
14557
14623
|
feedbackPositionAbsolute: boolean;
|
|
14624
|
+
clearable: boolean;
|
|
14558
14625
|
}, {}, string> & {
|
|
14559
14626
|
beforeCreate?: (() => void) | (() => void)[];
|
|
14560
14627
|
created?: (() => void) | (() => void)[];
|
|
@@ -14600,6 +14667,10 @@ declare const _default: {
|
|
|
14600
14667
|
type: import("vue").PropType<boolean>;
|
|
14601
14668
|
default: boolean;
|
|
14602
14669
|
};
|
|
14670
|
+
loading: {
|
|
14671
|
+
type: import("vue").PropType<boolean>;
|
|
14672
|
+
default: boolean;
|
|
14673
|
+
};
|
|
14603
14674
|
modelValue: {
|
|
14604
14675
|
type: import("vue").PropType<string | number>;
|
|
14605
14676
|
default: string;
|
|
@@ -14688,8 +14759,13 @@ declare const _default: {
|
|
|
14688
14759
|
type: import("vue").PropType<boolean>;
|
|
14689
14760
|
default: boolean;
|
|
14690
14761
|
};
|
|
14762
|
+
clearable: {
|
|
14763
|
+
type: import("vue").PropType<boolean>;
|
|
14764
|
+
default: boolean;
|
|
14765
|
+
};
|
|
14691
14766
|
}>> & {
|
|
14692
14767
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
14768
|
+
onClear?: () => any;
|
|
14693
14769
|
onApply?: () => any;
|
|
14694
14770
|
} & import("vue").ShallowUnwrapRef<{
|
|
14695
14771
|
manualFocus: () => any;
|
|
@@ -14722,6 +14798,10 @@ declare const _default: {
|
|
|
14722
14798
|
type: import("vue").PropType<boolean>;
|
|
14723
14799
|
default: boolean;
|
|
14724
14800
|
};
|
|
14801
|
+
loading: {
|
|
14802
|
+
type: import("vue").PropType<boolean>;
|
|
14803
|
+
default: boolean;
|
|
14804
|
+
};
|
|
14725
14805
|
modelValue: {
|
|
14726
14806
|
type: import("vue").PropType<string | number>;
|
|
14727
14807
|
default: string;
|
|
@@ -14810,14 +14890,20 @@ declare const _default: {
|
|
|
14810
14890
|
type: import("vue").PropType<boolean>;
|
|
14811
14891
|
default: boolean;
|
|
14812
14892
|
};
|
|
14893
|
+
clearable: {
|
|
14894
|
+
type: import("vue").PropType<boolean>;
|
|
14895
|
+
default: boolean;
|
|
14896
|
+
};
|
|
14813
14897
|
}>> & {
|
|
14814
14898
|
"onUpdate:modelValue"?: (value: string | number) => any;
|
|
14899
|
+
onClear?: () => any;
|
|
14815
14900
|
onApply?: () => any;
|
|
14816
14901
|
}, {
|
|
14817
14902
|
manualFocus: () => any;
|
|
14818
14903
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14819
14904
|
"update:modelValue": (value: string | number) => void;
|
|
14820
14905
|
apply: () => void;
|
|
14906
|
+
clear: () => void;
|
|
14821
14907
|
}, string, {
|
|
14822
14908
|
type: "number" | "text" | "password";
|
|
14823
14909
|
label: string;
|
|
@@ -14825,6 +14911,7 @@ declare const _default: {
|
|
|
14825
14911
|
disabled: boolean;
|
|
14826
14912
|
size: "small" | "medium" | "large";
|
|
14827
14913
|
mandatory: boolean;
|
|
14914
|
+
loading: boolean;
|
|
14828
14915
|
modelValue: string | number;
|
|
14829
14916
|
hoverHelpText: string;
|
|
14830
14917
|
hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
@@ -14847,6 +14934,7 @@ declare const _default: {
|
|
|
14847
14934
|
feedbackVariant: "success" | "warning" | "error";
|
|
14848
14935
|
showFeedbackTextIcon: boolean;
|
|
14849
14936
|
feedbackPositionAbsolute: boolean;
|
|
14937
|
+
clearable: boolean;
|
|
14850
14938
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
14851
14939
|
$slots: {
|
|
14852
14940
|
iconBefore?(_: {}): any;
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
|
|
2
2
|
import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as ao } from "./components/menuItem/index.js";
|
package/package.json
CHANGED
package/testids/index.d.ts
CHANGED
|
@@ -68,7 +68,9 @@ export declare enum InputTestIdModifiers {
|
|
|
68
68
|
LABEL_TEXT = "input-label-text",
|
|
69
69
|
FIELD = "input-field",
|
|
70
70
|
EXTRA_TEXT = "input-extra-text",
|
|
71
|
-
TOGGLE_PASSWORD = "input-toggle-password-icon"
|
|
71
|
+
TOGGLE_PASSWORD = "input-toggle-password-icon",
|
|
72
|
+
CLEAR_BUTTON = "input-clear-button",
|
|
73
|
+
LOADING = "input-loading"
|
|
72
74
|
}
|
|
73
75
|
export declare enum CheckboxTestIdModifiers {
|
|
74
76
|
WRAPPER = "cb-wrapper",
|
package/testids/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CONTENT_SUFFIX = "dd-button-content-suffix", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), O = /* @__PURE__ */ ((E) => (E.TRIGGER = "column-picker-trigger", E.WRAPPER = "column-picker-wrapper", E))(O || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(t || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "link-wrapper", E.ICON = "link-icon", E))(A || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(N || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(c || {}), P = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.TOOLTIP_WITHOUT_ICON = "input-tooltip-without-icon", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(P || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(n || {}), L = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E.LABEL_DESCRIPTION = "label-description", E))(L || {}),
|
|
1
|
+
var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CONTENT_SUFFIX = "dd-button-content-suffix", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), O = /* @__PURE__ */ ((E) => (E.TRIGGER = "column-picker-trigger", E.WRAPPER = "column-picker-wrapper", E))(O || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(t || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "link-wrapper", E.ICON = "link-icon", E))(A || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(N || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(c || {}), P = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.TOOLTIP_WITHOUT_ICON = "input-tooltip-without-icon", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E.CLEAR_BUTTON = "input-clear-button", E.LOADING = "input-loading", E))(P || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(n || {}), L = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E.LABEL_DESCRIPTION = "label-description", E))(L || {}), l = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(l || {}), _ = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(_ || {}), r = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E.PRE_SEARCH_HEADER = "tbl-pre-search-header", E))(C || {}), b = /* @__PURE__ */ ((E) => (E.CONTAINER = "rc-container", E.COUNT = "rc-count", E.TOTAL = "rc-total", E))(b || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(p || {}), u = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(u || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(v || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(S || {}), U = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(U || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(B || {}), W = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(W || {}), h = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(h || {}), m = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(m || {}), X = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(X || {}), T = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(T || {}), G = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(G || {}), H = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(H || {}), Y = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(Y || {}), y = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(y || {}), x = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(x || {}), g = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E.APP_PLATFORM = "ah-app-platform", E.AB_ICON = "ah-ab-icon", E))(g || {}), w = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(w || {}), V = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(V || {}), D = /* @__PURE__ */ ((E) => (E.CONTAINER = "sortable-list-container", E.DRAGGABLE_LIST = "sortable-list-draggable-list", E.LOCKED_LIST = "sortable-list-locked-list", E))(D || {}), K = /* @__PURE__ */ ((E) => (E.BUTTON_A = "ab-group-button-a", E.BUTTON_B = "ab-group-button-b", E.POPOVER_TRIGGER = "ab-group-popover-trigger", E.POPOVER_AB = "ab-group-popover", E))(K || {});
|
|
2
2
|
export {
|
|
3
3
|
N as AlertTestIdModifiers,
|
|
4
4
|
g as AppHeaderTestIdModifiers,
|
|
5
|
-
|
|
5
|
+
v as AppTriggerTestIdModifiers,
|
|
6
6
|
S as AutocompleteInputTestIdModifiers,
|
|
7
7
|
t as BannerTestIdModifiers,
|
|
8
8
|
W as CalendarMonthTestIdModifiers,
|
|
@@ -27,13 +27,13 @@ export {
|
|
|
27
27
|
b as RowsCounterTestIdModifiers,
|
|
28
28
|
r as SearchTestIdModifiers,
|
|
29
29
|
Y as SnackbarTestIdModifiers,
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
D as SortableListTestIdModifiers,
|
|
31
|
+
l as SwitchTestIdModifiers,
|
|
32
32
|
C as TableTestIdModifiers,
|
|
33
33
|
m as TabsTestIdModifiers,
|
|
34
|
-
|
|
34
|
+
_ as TextAreaTestIdModifiers,
|
|
35
35
|
X as TextTestIdModifiers,
|
|
36
|
-
|
|
36
|
+
K as ToggleButtonGroupABTestIdModifiers,
|
|
37
37
|
p as ToggleTestIdModifiers,
|
|
38
|
-
|
|
38
|
+
u as TooltipTestIdModifiers
|
|
39
39
|
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-fce3948c],.font-chart-2[data-v-fce3948c],.font-chart-1[data-v-fce3948c]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-fce3948c],.font-table-label[data-v-fce3948c],.font-button[data-v-fce3948c],.font-heading-6[data-v-fce3948c],.font-heading-5[data-v-fce3948c],.font-heading-4[data-v-fce3948c],.font-heading-3[data-v-fce3948c],.font-heading-2[data-v-fce3948c],.font-heading-1[data-v-fce3948c],.font-title[data-v-fce3948c]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-fce3948c],.font-input-label[data-v-fce3948c],.font-overline[data-v-fce3948c],.font-subtitle-2[data-v-fce3948c],.font-subtitle-1[data-v-fce3948c]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-fce3948c],.font-body-2[data-v-fce3948c],.input-container .input[data-v-fce3948c],.font-body-1[data-v-fce3948c]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-fce3948c]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-fce3948c]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-fce3948c]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-fce3948c]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-fce3948c]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-fce3948c]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-fce3948c]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-fce3948c],.font-body-1[data-v-fce3948c]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-fce3948c]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-fce3948c]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-fce3948c]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-fce3948c]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-fce3948c]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-fce3948c]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-fce3948c]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-fce3948c]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-fce3948c]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-fce3948c]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-fce3948c],.font-tab-label2[data-v-fce3948c]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-fce3948c]{font-size:.75rem;line-height:1rem}h1[data-v-fce3948c],h2[data-v-fce3948c],h3[data-v-fce3948c],h4[data-v-fce3948c],h5[data-v-fce3948c],h6[data-v-fce3948c]{margin:0}.disabled .input[data-v-fce3948c]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-fce3948c]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-fce3948c]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-fce3948c]{height:28px}.input-size-medium[data-v-fce3948c]{height:32px}.input-size-large[data-v-fce3948c]{height:40px}.input-with-label-container[data-v-fce3948c]{display:flex;flex-direction:column}.input-container[data-v-fce3948c]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative;gap:var(--spacing-50)}.input-container[data-v-fce3948c]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-fce3948c]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-fce3948c]:focus{outline:none}.input-container .input[data-v-fce3948c]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-fce3948c]{color:var(--text-disabled)}.input-container .input[type=number][data-v-fce3948c]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-fce3948c]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-fce3948c]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-fce3948c]{letter-spacing:4px}.input-container[data-v-fce3948c] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-fce3948c]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-fce3948c]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-fce3948c]{padding-right:var(--spacing-50)}.input-container .icon-after[data-v-fce3948c]{padding-left:var(--spacing-50)}.prefix-text[data-v-fce3948c]{color:var(--text-secondary, #646464);margin-right:var(--spacing-50)}.suffix-text[data-v-fce3948c]{color:var(--text-secondary, #646464)}.focused[data-v-fce3948c],.focused[data-v-fce3948c]:hover{background-color:var(--action-hover);outline:2px solid var(--primary-main);outline-offset:-2px}.error-icon.error-icon[data-v-fce3948c],.error-icon.error-icon[data-v-fce3948c]:hover{color:var(--error-main)}.label-direction-left[data-v-fce3948c]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-fce3948c]{cursor:pointer;color:var(--default-contrast-text);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-fce3948c]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-fce3948c]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-fce3948c]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-fce3948c]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-fce3948c],.variant-success .input-container[data-v-fce3948c]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-fce3948c],.variant-error .input-container[data-v-fce3948c]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-fce3948c],.variant-warning .input-container[data-v-fce3948c]:hover{outline:2px solid var(--warning-dark)}
|