@ironsource/shared-ui 2.1.6-rc.11 → 2.1.6-rc.13

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.
Files changed (20) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_0_scoped_07ffe682_lang.css +1 -0
  3. package/OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css +1 -0
  4. package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css +1 -0
  5. package/components/dropdown/v4/AppDropdownTrigger.vue.js +2 -2
  6. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +1 -1
  7. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  8. package/components/dropdown/v4/DropdownV4.vue2.js +32 -32
  9. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  10. package/components/dropdown/v4/OptionV4.vue2.js +5 -2
  11. package/components/input/v4/TextField.vue.d.ts +5 -0
  12. package/components/input/v4/TextField.vue.js +3 -3
  13. package/components/input/v4/TextField.vue2.js +21 -19
  14. package/components/input/v4/index.d.ts +20 -1
  15. package/index.d.ts +40 -2
  16. package/package.json +1 -1
  17. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css +0 -1
  18. package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css +0 -1
  19. package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css +0 -1
  20. package/TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css +0 -1
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css ADDED
@@ -0,0 +1 @@
1
+ .app-trigger-wrapper[data-v-71c3ab74]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-71c3ab74]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-71c3ab74]{flex:none}.app-trigger-key--content[data-v-71c3ab74]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-71c3ab74]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-71c3ab74]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-71c3ab74]:hover,.app-trigger.active[data-v-71c3ab74]{background:var(--action-selected)}.app-trigger.disabled[data-v-71c3ab74]{cursor:auto}.app-trigger--content[data-v-71c3ab74]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-71c3ab74]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-71c3ab74]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-71c3ab74]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-71c3ab74]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-71c3ab74]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-71c3ab74]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-71c3ab74]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-71c3ab74]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-71c3ab74]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-71c3ab74]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-71c3ab74]{padding-top:5px;color:var(--error-main)}
package/DropdownV4.vue_vue_type_style_index_0_scoped_07ffe682_lang.css ADDED
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-07ffe682],.v-leave-active[data-v-07ffe682]{transition:opacity .25s ease}ol[data-v-07ffe682],ul[data-v-07ffe682],menu[data-v-07ffe682]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-07ffe682],.dropdown.full-width .button__container[data-v-07ffe682]{width:100%}.dropdown-list-wrapper[data-v-07ffe682]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-07ffe682]{padding:.5rem}.list-container--multi[data-v-07ffe682]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-07ffe682]{padding-bottom:.25rem}.inline-search .list-container[data-v-07ffe682]{padding-top:0}.no-result-container[data-v-07ffe682]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-07ffe682]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-07ffe682]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-07ffe682]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-07ffe682]{margin-right:.5rem}.actions-wrapper[data-v-07ffe682]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-07ffe682]{margin-left:.5rem}
package/OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-e006a8e4]{color:#41454d}.item-container[data-v-e006a8e4]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-e006a8e4]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-e006a8e4]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-e006a8e4],.item-container[data-v-e006a8e4]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-e006a8e4]{background-color:var(--action-selected)}.subtitle[data-v-e006a8e4]{color:#7b838c;line-height:1rem}.clear-button[data-v-e006a8e4]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-e006a8e4]:hover{color:#3083ff}.item[data-v-e006a8e4]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-e006a8e4],.item--multi[data-v-e006a8e4]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-e006a8e4]{width:20px;height:20px;flex:none}.item .image img[data-v-e006a8e4]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-e006a8e4]{display:flex;color:var(--action-active)}.item .option-text[data-v-e006a8e4]{line-height:1.1875rem}.text-container[data-v-e006a8e4]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-e006a8e4]{display:block}.tooltip-option[data-v-e006a8e4] .container{width:100%}
package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-a6457440],.font-chart-2[data-v-a6457440],.font-chart-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-a6457440],.font-table-label[data-v-a6457440],.font-button[data-v-a6457440],.font-heading-6[data-v-a6457440],.font-heading-5[data-v-a6457440],.font-heading-4[data-v-a6457440],.font-heading-3[data-v-a6457440],.font-heading-2[data-v-a6457440],.font-heading-1[data-v-a6457440],.font-title[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a6457440],.font-input-label[data-v-a6457440],.font-overline[data-v-a6457440],.font-subtitle-2[data-v-a6457440],.font-subtitle-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a6457440],.font-body-2[data-v-a6457440],.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a6457440]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a6457440]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a6457440]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a6457440]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a6457440]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a6457440]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a6457440]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a6457440]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a6457440]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a6457440]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a6457440]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a6457440]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a6457440],.font-tab-label2[data-v-a6457440]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-a6457440]{font-size:.75rem;line-height:1rem}h1[data-v-a6457440],h2[data-v-a6457440],h3[data-v-a6457440],h4[data-v-a6457440],h5[data-v-a6457440],h6[data-v-a6457440]{margin:0}.disabled .input[data-v-a6457440]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-a6457440]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-a6457440]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-a6457440]{height:28px}.input-size-medium[data-v-a6457440]{height:32px}.input-size-large[data-v-a6457440]{height:40px}.input-with-label-container[data-v-a6457440]{display:flex;flex-direction:column}.input-container[data-v-a6457440]{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}.input-container[data-v-a6457440]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-a6457440]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-a6457440]:focus{outline:none}.input-container .input[data-v-a6457440]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-a6457440]{color:var(--text-disabled)}.input-container .input[type=number][data-v-a6457440]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-a6457440]{letter-spacing:4px}.input-container[data-v-a6457440] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-a6457440]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-a6457440]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-a6457440]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-a6457440]{padding-left:var(--spacing-100)}.prefix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-a6457440],.focused[data-v-a6457440]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-a6457440],.error-icon.error-icon[data-v-a6457440]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-a6457440]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-a6457440]:hover{color:var(--primary-main)}.label-direction-left[data-v-a6457440]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-a6457440]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-a6457440]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-a6457440]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-a6457440]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-a6457440]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-a6457440],.variant-success .input-container[data-v-a6457440]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-a6457440],.variant-error .input-container[data-v-a6457440]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-a6457440],.variant-warning .input-container[data-v-a6457440]:hover{outline:2px solid var(--warning-dark)}
package/components/dropdown/v4/AppDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./AppDropdownTrigger.vue2.js";
2
2
  /* empty css */import p from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; //*');
4
- const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-0267d003"]]);
3
+ // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css"; //*');
4
+ const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-71c3ab74"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/AppDropdownTrigger.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
1
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
2
2
  import r from "../../icon/v4/IconV4.vue.js";
3
3
  import x from "../../typography/v4/Typography.vue.js";
4
4
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
package/components/dropdown/v4/DropdownV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; //*');
2
+ /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_07ffe682_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0968078f"]]);
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-07ffe682"]]);
6
6
  export {
7
7
  r as default
8
8
  };
package/components/dropdown/v4/DropdownV4.vue2.js CHANGED
@@ -1,5 +1,5 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as z, openBlock as o, createElementBlock as n, mergeProps as u, unref as e, renderSlot as I, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as V, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as x, Fragment as ye, renderList as pe, toRaw as T, createBlock as $, resolveDynamicComponent as ge } from "vue";
2
- import A from "../../button/v4/ButtonV4.vue.js";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_07ffe682_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as V, openBlock as o, createElementBlock as n, mergeProps as u, unref as e, renderSlot as I, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as A, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as x, Fragment as ye, renderList as pe, toRaw as T, createBlock as $, resolveDynamicComponent as ge } from "vue";
2
+ import L from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "./DropdownV4.vue.js";
5
5
  import ke from "./DefaultDropdownTrigger.vue.js";
@@ -83,7 +83,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
83
83
  },
84
84
  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
85
85
  setup(t, { expose: W, emit: M }) {
86
- const d = t, L = {
86
+ const d = t, O = {
87
87
  MULTILINE_LIST_HEIGHT: 48,
88
88
  LIST_HEIGHT: 32 + 4,
89
89
  MAX_NUMBER_OF_OPTIONS: 7.5,
@@ -100,31 +100,31 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
100
100
  calculateTableHeight: q,
101
101
  wrapperProps: Y,
102
102
  filteredOptions: j,
103
- allSelected: O,
103
+ allSelected: B,
104
104
  isIndeterminate: J,
105
105
  onSelectAll: Q,
106
- virtualOptions: B,
106
+ virtualOptions: N,
107
107
  isSelected: S,
108
108
  selectedOption: b,
109
- selectedOptionPrevious: N,
109
+ selectedOptionPrevious: D,
110
110
  selectedValue: Z,
111
- onSelect: D,
112
- activeIndex: E,
111
+ onSelect: E,
112
+ activeIndex: K,
113
113
  onCancel: _,
114
114
  onApply: ee,
115
115
  scrollTo: te,
116
116
  listRef: le,
117
- buttonRef: K,
117
+ buttonRef: P,
118
118
  apply: ie,
119
119
  cancel: oe,
120
120
  el: ne,
121
- onClearAllSelections: P,
121
+ onClearAllSelections: R,
122
122
  clearAll: ae
123
- } = Ie(d, M, L), m = Se(d.testId, f), R = z(() => !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT ? ke : d.predefinedTrigger === p.APP ? he : null), { width: F } = Ae(K), de = z(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT || d.predefinedTrigger === p.APP ? F.value - 2 > 240 ? `${F.value - 2}px` : `${L.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
123
+ } = Ie(d, M, O), m = Se(d.testId, f), F = V(() => !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT ? ke : d.predefinedTrigger === p.APP ? he : null), { width: z } = Ae(P), de = V(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT || d.predefinedTrigger === p.APP ? z.value - 2 > 240 ? `${z.value - 2}px` : `${O.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
124
124
  h();
125
125
  };
126
126
  return W({
127
- selectItem: D,
127
+ selectItem: E,
128
128
  scrollTo: te
129
129
  }), (v, i) => (o(), n("div", u({
130
130
  ref_key: "el",
@@ -162,7 +162,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
162
162
  key: 0,
163
163
  ref_key: "listRef",
164
164
  ref: le,
165
- class: V(["light-theme-v4", {
165
+ class: A(["light-theme-v4", {
166
166
  "dropdown--disabled": t.disabled,
167
167
  "inline-search": t.inlineSearch
168
168
  }]),
@@ -170,7 +170,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
170
170
  }, [
171
171
  e(s) ? (o(), n("div", {
172
172
  key: 0,
173
- class: "dropdown-list-wrapper",
173
+ class: A(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": t.multi }]),
174
174
  onKeydown: i[6] || (i[6] = //@ts-ignore
175
175
  (...l) => e(k) && e(k)(...l))
176
176
  }, [
@@ -221,9 +221,9 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
221
221
  t.showSelectAll !== !1 && t.multi ? (o(), n("li", Fe, [
222
222
  a(e(H), u(
223
223
  {
224
- "aria-selected": e(O),
224
+ "aria-selected": e(B),
225
225
  "aria-disabled": !!t.disabled,
226
- "selected-prop": e(O),
226
+ "selected-prop": e(B),
227
227
  "is-indeterminate": e(J),
228
228
  "select-all-option": ""
229
229
  },
@@ -238,22 +238,22 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
238
238
  _: 1
239
239
  }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
240
240
  ])) : r("", !0),
241
- e(B).length && !t.loading ? (o(!0), n(ye, { key: 3 }, pe(e(B), ({ data: l, index: w }) => (o(), n("li", {
241
+ e(N).length && !t.loading ? (o(!0), n(ye, { key: 3 }, pe(e(N), ({ data: l, index: w }) => (o(), n("li", {
242
242
  key: w,
243
243
  "aria-selected": e(S)(T(e(b)), l),
244
244
  "aria-disabled": !!t.disabled,
245
- onClick: x(() => e(D)(l, w), ["stop"])
245
+ onClick: x(() => e(E)(l, w), ["stop"])
246
246
  }, [
247
247
  I(v.$slots, "default", {
248
248
  option: l,
249
249
  selected: e(S)(T(e(b)), l),
250
- active: T(e(E)) === w,
250
+ active: T(e(K)) === w,
251
251
  disabled: l[d.disabledOptionKey]
252
252
  }, () => [
253
253
  a(e(H), {
254
254
  option: l,
255
255
  selected: e(S)(T(e(b)), l),
256
- active: T(e(E)) === w,
256
+ active: T(e(K)) === w,
257
257
  disabled: l[d.disabledOptionKey],
258
258
  "name-key": t.optionNameKey,
259
259
  "image-key": t.optionImageKey,
@@ -266,7 +266,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
266
266
  ], 16),
267
267
  t.multi ? (o(), n("div", Ve, [
268
268
  y("div", xe, [
269
- a(e(A), u(
269
+ a(e(L), u(
270
270
  {
271
271
  ref_key: "clearAll",
272
272
  ref: ae,
@@ -276,7 +276,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
276
276
  },
277
277
  e(m)[e(f).ACTION_CLEAR_ALL],
278
278
  {
279
- onClick: i[5] || (i[5] = () => e(P)(!1))
279
+ onClick: i[5] || (i[5] = () => e(R)(!1))
280
280
  }
281
281
  ), {
282
282
  default: c(() => [
@@ -286,7 +286,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
286
286
  }, 16)
287
287
  ]),
288
288
  y("div", $e, [
289
- a(e(A), u(
289
+ a(e(L), u(
290
290
  {
291
291
  ref_key: "cancel",
292
292
  ref: oe,
@@ -302,7 +302,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
302
302
  ]),
303
303
  _: 1
304
304
  }, 16, ["onClick"]),
305
- a(e(A), u({
305
+ a(e(L), u({
306
306
  ref_key: "apply",
307
307
  ref: ie,
308
308
  "data-testid": "mutli-apply",
@@ -316,7 +316,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
316
316
  }, 16, ["onClick"])
317
317
  ])
318
318
  ])) : r("", !0)
319
- ], 32)) : r("", !0)
319
+ ], 34)) : r("", !0)
320
320
  ], 6)) : r("", !0)
321
321
  ]),
322
322
  _: 3
@@ -324,7 +324,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
324
324
  ]),
325
325
  default: c(() => [
326
326
  y("div", {
327
- class: V(["button__container", {
327
+ class: A(["button__container", {
328
328
  "button__container--open": !!e(s),
329
329
  [`button__container--${t.size}`]: !0,
330
330
  "button__container--disabled": t.disabled
@@ -340,10 +340,10 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
340
340
  }, () => [
341
341
  y("div", {
342
342
  ref_key: "buttonRef",
343
- ref: K
343
+ ref: P
344
344
  }, [
345
- e(R) ? (o(), n("div", Ne, [
346
- (o(), $(ge(e(R)), {
345
+ e(F) ? (o(), n("div", Ne, [
346
+ (o(), $(ge(e(F)), {
347
347
  placeholder: t.placeholder,
348
348
  open: e(s),
349
349
  label: t.triggerLabel,
@@ -352,7 +352,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
352
352
  "test-id": t.testId,
353
353
  multi: t.multi,
354
354
  disabled: t.disabled,
355
- "selected-option": t.multi ? e(N) : e(b),
355
+ "selected-option": t.multi ? e(D) : e(b),
356
356
  "display-value": t.displayValue,
357
357
  options: t.options,
358
358
  "option-name-key": t.optionNameKey,
@@ -378,11 +378,11 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
378
378
  label: t.placeholder,
379
379
  "test-id": t.testId,
380
380
  options: t.options,
381
- "selected-option": t.multi ? e(N) : e(b),
381
+ "selected-option": t.multi ? e(D) : e(b),
382
382
  "display-value": t.displayValue,
383
383
  multi: t.multi,
384
384
  onClick: i[1] || (i[1] = (l) => e(h)()),
385
- onClear: i[2] || (i[2] = (l) => e(P)())
385
+ onClear: i[2] || (i[2] = (l) => e(R)())
386
386
  }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi"])
387
387
  ])) : r("", !0)
388
388
  ], 512)
package/components/dropdown/v4/OptionV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b8375219"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e006a8e4"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/OptionV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css"; import { defineComponent as B, openBlock as o, createBlock as m, unref as i, withCtx as r, createElementVNode as a, normalizeClass as g, createCommentVNode as l, createElementBlock as s, renderSlot as u, createVNode as f, createTextVNode as b, toDisplayString as k, withModifiers as $ } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css"; import { defineComponent as B, openBlock as o, createBlock as m, unref as i, withCtx as r, createElementVNode as a, normalizeClass as g, createCommentVNode as l, createElementBlock as s, renderSlot as u, createVNode as f, createTextVNode as b, toDisplayString as k, withModifiers as $ } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import I from "../../typography/Text.vue.js";
4
4
  import z from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -81,7 +81,10 @@ const P = {
81
81
  ], !0)
82
82
  ])) : l("", !0),
83
83
  a("div", E, [
84
- f(i(w), { variant: "body2" }, {
84
+ f(i(w), {
85
+ class: "option-text",
86
+ variant: "body2"
87
+ }, {
85
88
  default: r(() => [
86
89
  u(t.$slots, "default", {}, () => [
87
90
  b(k(e.option[e.nameKey]), 1)
package/components/input/v4/TextField.vue.d.ts CHANGED
@@ -28,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
28
28
  showApply?: boolean;
29
29
  inlineError?: boolean;
30
30
  inlineErrorText?: string;
31
+ inlineErrorTextPlacement?: TooltipPositions;
31
32
  }>, {
32
33
  modelValue: string;
33
34
  placeholder: string;
@@ -51,6 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
51
52
  showApply: boolean;
52
53
  inlineError: boolean;
53
54
  inlineErrorText: string;
55
+ inlineErrorTextPlacement: string;
54
56
  feedbackText: string;
55
57
  feedbackVariant: any;
56
58
  showFeedbackTextIcon: boolean;
@@ -87,6 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
87
89
  showApply?: boolean;
88
90
  inlineError?: boolean;
89
91
  inlineErrorText?: string;
92
+ inlineErrorTextPlacement?: TooltipPositions;
90
93
  }>, {
91
94
  modelValue: string;
92
95
  placeholder: string;
@@ -110,6 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
110
113
  showApply: boolean;
111
114
  inlineError: boolean;
112
115
  inlineErrorText: string;
116
+ inlineErrorTextPlacement: string;
113
117
  feedbackText: string;
114
118
  feedbackVariant: any;
115
119
  showFeedbackTextIcon: boolean;
@@ -140,6 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
140
144
  showApply: boolean;
141
145
  inlineError: boolean;
142
146
  inlineErrorText: string;
147
+ inlineErrorTextPlacement: TooltipPositions;
143
148
  feedbackText: string;
144
149
  feedbackVariant: FeedbackVariant;
145
150
  showFeedbackTextIcon: boolean;
package/components/input/v4/TextField.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./TextField.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css"; //*');
4
- const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-22c12586"]]);
3
+ // import "../../../TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; //*');
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a6457440"]]);
5
5
  export {
6
- c as default
6
+ p as default
7
7
  };
package/components/input/v4/TextField.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as L, normalizeClass as V, renderSlot as C, withCtx as h, createTextVNode as E, toDisplayString as F, withKeys as W, withModifiers as P, createVNode as p } from "vue";
1
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as E, normalizeClass as L, renderSlot as P, withCtx as h, createTextVNode as V, toDisplayString as C, withKeys as W, withModifiers as F, createVNode as p } from "vue";
2
2
  import v from "../../icon/v4/IconV4.vue.js";
3
3
  import j from "../../tooltip/v4/TooltipV4.vue.js";
4
4
  import $ from "../../typography/v4/Typography.vue.js";
@@ -48,16 +48,17 @@ const Y = {
48
48
  maxLength: { default: null },
49
49
  showApply: { type: Boolean, default: !1 },
50
50
  inlineError: { type: Boolean, default: !1 },
51
- inlineErrorText: { default: "" }
51
+ inlineErrorText: { default: "" },
52
+ inlineErrorTextPlacement: { default: "top" }
52
53
  },
53
54
  emits: ["update:modelValue", "apply"],
54
55
  setup(e, { expose: z, emit: k }) {
55
56
  const s = e, c = X(s.testId, f), O = () => {
56
57
  s.showApply ? k("apply") : o?.confirmable && N();
57
- }, D = () => T.value.focus(), {
58
+ }, D = () => w.value.focus(), {
58
59
  onConfirm: N,
59
- onEnter: w,
60
- inputRef: T,
60
+ onEnter: T,
61
+ inputRef: w,
61
62
  isFocused: x,
62
63
  showLabelInside: g,
63
64
  api: o,
@@ -84,15 +85,15 @@ const Y = {
84
85
  disabled: e.disabled,
85
86
  "test-id": e.testId
86
87
  }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
87
- L("div", {
88
- class: V({
88
+ E("div", {
89
+ class: L({
89
90
  "input-container": !0,
90
91
  "label-inside": t(g),
91
92
  focused: t(x)
92
93
  })
93
94
  }, [
94
95
  u.$slots.iconBefore ? (l(), r("div", Y, [
95
- C(u.$slots, "iconBefore", {}, void 0, !0)
96
+ P(u.$slots, "iconBefore", {}, void 0, !0)
96
97
  ])) : n("", !0),
97
98
  e.prefix ? (l(), d(t($), {
98
99
  key: 1,
@@ -100,13 +101,13 @@ const Y = {
100
101
  variant: "body1"
101
102
  }, {
102
103
  default: h(() => [
103
- E(F(e.prefix), 1)
104
+ V(C(e.prefix), 1)
104
105
  ]),
105
106
  _: 1
106
107
  })) : n("", !0),
107
- L("input", y({
108
+ E("input", y({
108
109
  ref_key: "inputRef",
109
- ref: T,
110
+ ref: w,
110
111
  maxlength: e.maxLength
111
112
  }, { ...u.$attrs, ...t(c)[t(f).FIELD] }, {
112
113
  value: t(A),
@@ -125,9 +126,9 @@ const Y = {
125
126
  (...i) => t(I) && t(I)(...i)),
126
127
  onFocus: a[1] || (a[1] = (i) => x.value = !0),
127
128
  onBlur: a[2] || (a[2] = (i) => x.value = !1),
128
- onKeyup: a[3] || (a[3] = W(P(
129
+ onKeyup: a[3] || (a[3] = W(F(
129
130
  //@ts-ignore
130
- (...i) => t(w) && t(w)(...i),
131
+ (...i) => t(T) && t(T)(...i),
131
132
  ["prevent"]
132
133
  ), ["enter"])),
133
134
  onKeypress: a[4] || (a[4] = //@ts-ignore
@@ -136,7 +137,7 @@ const Y = {
136
137
  e.showApply || t(o)?.confirmable && !t(o)?.error?.value ? (l(), r("div", {
137
138
  key: 2,
138
139
  class: "apply-button",
139
- onClick: P(O, ["stop", "prevent"])
140
+ onClick: F(O, ["stop", "prevent"])
140
141
  }, [
141
142
  p(t(v), {
142
143
  name: "check",
@@ -147,7 +148,8 @@ const Y = {
147
148
  p(t(j), y({
148
149
  disabled: !e.inlineErrorText && !t(o)?.error?.value,
149
150
  text: e.inlineErrorText || t(o)?.error?.value,
150
- "test-id": e.testId
151
+ "test-id": e.testId,
152
+ placement: e.inlineErrorTextPlacement
151
153
  }, t(c)[t(f).TOOLTIP]), {
152
154
  default: h(() => [
153
155
  p(t(v), {
@@ -156,7 +158,7 @@ const Y = {
156
158
  })
157
159
  ]),
158
160
  _: 1
159
- }, 16, ["disabled", "text", "test-id"])
161
+ }, 16, ["disabled", "text", "test-id", "placement"])
160
162
  ])) : n("", !0),
161
163
  e.suffix ? (l(), d(t($), {
162
164
  key: 4,
@@ -164,7 +166,7 @@ const Y = {
164
166
  variant: "body1"
165
167
  }, {
166
168
  default: h(() => [
167
- E(F(e.suffix), 1)
169
+ V(C(e.suffix), 1)
168
170
  ]),
169
171
  _: 1
170
172
  })) : n("", !0),
@@ -185,12 +187,12 @@ const Y = {
185
187
  }))
186
188
  ], 16)) : n("", !0),
187
189
  u.$slots.iconAfter ? (l(), r("div", te, [
188
- C(u.$slots, "iconAfter", {}, void 0, !0)
190
+ P(u.$slots, "iconAfter", {}, void 0, !0)
189
191
  ])) : n("", !0)
190
192
  ], 2),
191
193
  e.feedbackText || e.maxLength ? (l(), r("div", {
192
194
  key: 1,
193
- class: V(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
195
+ class: L(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
194
196
  }, [
195
197
  e.feedbackText ? (l(), d(Q, {
196
198
  key: 0,
package/components/input/v4/index.d.ts CHANGED
@@ -26,6 +26,7 @@ declare const TextFieldTypes: () => ({
26
26
  showApply: boolean;
27
27
  inlineError: boolean;
28
28
  inlineErrorText: string;
29
+ inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
29
30
  feedbackText: string;
30
31
  feedbackVariant: "success" | "warning" | "error";
31
32
  showFeedbackTextIcon: boolean;
@@ -119,6 +120,10 @@ declare const TextFieldTypes: () => ({
119
120
  type: import("vue").PropType<string>;
120
121
  default: string;
121
122
  };
123
+ inlineErrorTextPlacement: {
124
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
125
+ default: string;
126
+ };
122
127
  feedbackText: {
123
128
  type: import("vue").PropType<string>;
124
129
  default: string;
@@ -138,7 +143,7 @@ declare const TextFieldTypes: () => ({
138
143
  }>> & {
139
144
  "onUpdate:modelValue"?: (value: string | number) => any;
140
145
  onApply?: () => any;
141
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
146
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
142
147
  $attrs: {
143
148
  [x: string]: unknown;
144
149
  };
@@ -241,6 +246,10 @@ declare const TextFieldTypes: () => ({
241
246
  type: import("vue").PropType<string>;
242
247
  default: string;
243
248
  };
249
+ inlineErrorTextPlacement: {
250
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
251
+ default: string;
252
+ };
244
253
  feedbackText: {
245
254
  type: import("vue").PropType<string>;
246
255
  default: string;
@@ -288,6 +297,7 @@ declare const TextFieldTypes: () => ({
288
297
  showApply: boolean;
289
298
  inlineError: boolean;
290
299
  inlineErrorText: string;
300
+ inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
291
301
  feedbackText: string;
292
302
  feedbackVariant: "success" | "warning" | "error";
293
303
  showFeedbackTextIcon: boolean;
@@ -401,6 +411,10 @@ declare const TextFieldTypes: () => ({
401
411
  type: import("vue").PropType<string>;
402
412
  default: string;
403
413
  };
414
+ inlineErrorTextPlacement: {
415
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
416
+ default: string;
417
+ };
404
418
  feedbackText: {
405
419
  type: import("vue").PropType<string>;
406
420
  default: string;
@@ -515,6 +529,10 @@ declare const TextFieldTypes: () => ({
515
529
  type: import("vue").PropType<string>;
516
530
  default: string;
517
531
  };
532
+ inlineErrorTextPlacement: {
533
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
534
+ default: string;
535
+ };
518
536
  feedbackText: {
519
537
  type: import("vue").PropType<string>;
520
538
  default: string;
@@ -562,6 +580,7 @@ declare const TextFieldTypes: () => ({
562
580
  showApply: boolean;
563
581
  inlineError: boolean;
564
582
  inlineErrorText: string;
583
+ inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
565
584
  feedbackText: string;
566
585
  feedbackVariant: "success" | "warning" | "error";
567
586
  showFeedbackTextIcon: boolean;
package/index.d.ts CHANGED
@@ -8344,6 +8344,7 @@ declare const _default: {
8344
8344
  showApply: boolean;
8345
8345
  inlineError: boolean;
8346
8346
  inlineErrorText: string;
8347
+ inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
8347
8348
  feedbackText: string;
8348
8349
  feedbackVariant: "success" | "warning" | "error";
8349
8350
  showFeedbackTextIcon: boolean;
@@ -8437,6 +8438,10 @@ declare const _default: {
8437
8438
  type: import("vue").PropType<string>;
8438
8439
  default: string;
8439
8440
  };
8441
+ inlineErrorTextPlacement: {
8442
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
8443
+ default: string;
8444
+ };
8440
8445
  feedbackText: {
8441
8446
  type: import("vue").PropType<string>;
8442
8447
  default: string;
@@ -8456,7 +8461,7 @@ declare const _default: {
8456
8461
  }>> & {
8457
8462
  "onUpdate:modelValue"?: (value: string | number) => any;
8458
8463
  onApply?: () => any;
8459
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
8464
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
8460
8465
  $attrs: {
8461
8466
  [x: string]: unknown;
8462
8467
  };
@@ -8559,6 +8564,10 @@ declare const _default: {
8559
8564
  type: import("vue").PropType<string>;
8560
8565
  default: string;
8561
8566
  };
8567
+ inlineErrorTextPlacement: {
8568
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
8569
+ default: string;
8570
+ };
8562
8571
  feedbackText: {
8563
8572
  type: import("vue").PropType<string>;
8564
8573
  default: string;
@@ -8606,6 +8615,7 @@ declare const _default: {
8606
8615
  showApply: boolean;
8607
8616
  inlineError: boolean;
8608
8617
  inlineErrorText: string;
8618
+ inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
8609
8619
  feedbackText: string;
8610
8620
  feedbackVariant: "success" | "warning" | "error";
8611
8621
  showFeedbackTextIcon: boolean;
@@ -8719,6 +8729,10 @@ declare const _default: {
8719
8729
  type: import("vue").PropType<string>;
8720
8730
  default: string;
8721
8731
  };
8732
+ inlineErrorTextPlacement: {
8733
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
8734
+ default: string;
8735
+ };
8722
8736
  feedbackText: {
8723
8737
  type: import("vue").PropType<string>;
8724
8738
  default: string;
@@ -8833,6 +8847,10 @@ declare const _default: {
8833
8847
  type: import("vue").PropType<string>;
8834
8848
  default: string;
8835
8849
  };
8850
+ inlineErrorTextPlacement: {
8851
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
8852
+ default: string;
8853
+ };
8836
8854
  feedbackText: {
8837
8855
  type: import("vue").PropType<string>;
8838
8856
  default: string;
@@ -8880,6 +8898,7 @@ declare const _default: {
8880
8898
  showApply: boolean;
8881
8899
  inlineError: boolean;
8882
8900
  inlineErrorText: string;
8901
+ inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
8883
8902
  feedbackText: string;
8884
8903
  feedbackVariant: "success" | "warning" | "error";
8885
8904
  showFeedbackTextIcon: boolean;
@@ -8917,6 +8936,7 @@ declare const _default: {
8917
8936
  showApply: boolean;
8918
8937
  inlineError: boolean;
8919
8938
  inlineErrorText: string;
8939
+ inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
8920
8940
  feedbackText: string;
8921
8941
  feedbackVariant: "success" | "warning" | "error";
8922
8942
  showFeedbackTextIcon: boolean;
@@ -9010,6 +9030,10 @@ declare const _default: {
9010
9030
  type: import("vue").PropType<string>;
9011
9031
  default: string;
9012
9032
  };
9033
+ inlineErrorTextPlacement: {
9034
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
9035
+ default: string;
9036
+ };
9013
9037
  feedbackText: {
9014
9038
  type: import("vue").PropType<string>;
9015
9039
  default: string;
@@ -9029,7 +9053,7 @@ declare const _default: {
9029
9053
  }>> & {
9030
9054
  "onUpdate:modelValue"?: (value: string | number) => any;
9031
9055
  onApply?: () => any;
9032
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
9056
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
9033
9057
  $attrs: {
9034
9058
  [x: string]: unknown;
9035
9059
  };
@@ -9132,6 +9156,10 @@ declare const _default: {
9132
9156
  type: import("vue").PropType<string>;
9133
9157
  default: string;
9134
9158
  };
9159
+ inlineErrorTextPlacement: {
9160
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
9161
+ default: string;
9162
+ };
9135
9163
  feedbackText: {
9136
9164
  type: import("vue").PropType<string>;
9137
9165
  default: string;
@@ -9179,6 +9207,7 @@ declare const _default: {
9179
9207
  showApply: boolean;
9180
9208
  inlineError: boolean;
9181
9209
  inlineErrorText: string;
9210
+ inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
9182
9211
  feedbackText: string;
9183
9212
  feedbackVariant: "success" | "warning" | "error";
9184
9213
  showFeedbackTextIcon: boolean;
@@ -9292,6 +9321,10 @@ declare const _default: {
9292
9321
  type: import("vue").PropType<string>;
9293
9322
  default: string;
9294
9323
  };
9324
+ inlineErrorTextPlacement: {
9325
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
9326
+ default: string;
9327
+ };
9295
9328
  feedbackText: {
9296
9329
  type: import("vue").PropType<string>;
9297
9330
  default: string;
@@ -9406,6 +9439,10 @@ declare const _default: {
9406
9439
  type: import("vue").PropType<string>;
9407
9440
  default: string;
9408
9441
  };
9442
+ inlineErrorTextPlacement: {
9443
+ type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
9444
+ default: string;
9445
+ };
9409
9446
  feedbackText: {
9410
9447
  type: import("vue").PropType<string>;
9411
9448
  default: string;
@@ -9453,6 +9490,7 @@ declare const _default: {
9453
9490
  showApply: boolean;
9454
9491
  inlineError: boolean;
9455
9492
  inlineErrorText: string;
9493
+ inlineErrorTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
9456
9494
  feedbackText: string;
9457
9495
  feedbackVariant: "success" | "warning" | "error";
9458
9496
  showFeedbackTextIcon: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.11",
3
+ "version": "2.1.6-rc.13",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css DELETED
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-0267d003]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-0267d003]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-0267d003]{flex:none}.app-trigger-key--content[data-v-0267d003]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-0267d003]:hover{background:var(--action-selected)}.app-trigger[data-v-0267d003]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-0267d003]:hover,.app-trigger.active[data-v-0267d003]{background:var(--action-selected)}.app-trigger.disabled[data-v-0267d003]{cursor:auto}.app-trigger--content[data-v-0267d003]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-0267d003]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-0267d003]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-0267d003]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-0267d003]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-0267d003]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-0267d003]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-0267d003]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-0267d003]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-0267d003]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-0267d003]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-0267d003]{padding-top:5px;color:var(--error-main)}
package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-0968078f],.v-leave-active[data-v-0968078f]{transition:opacity .25s ease}ol[data-v-0968078f],ul[data-v-0968078f],menu[data-v-0968078f]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-0968078f],.dropdown.full-width .button__container[data-v-0968078f]{width:100%}.dropdown-list-wrapper[data-v-0968078f]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-0968078f]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-0968078f]{padding-bottom:.25rem}.inline-search .list-container[data-v-0968078f]{padding-top:0}.no-result-container[data-v-0968078f]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-0968078f]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-0968078f]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-0968078f]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-0968078f]:last-child .item-container{margin-bottom:0}.image-slot[data-v-0968078f]{margin-right:.5rem}.actions-wrapper[data-v-0968078f]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-0968078f]{margin-left:.5rem}
package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-b8375219]{color:#41454d}.item-container[data-v-b8375219]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-b8375219]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-b8375219]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-b8375219],.item-container[data-v-b8375219]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-b8375219]{background-color:var(--action-selected)}.subtitle[data-v-b8375219]{color:#7b838c;line-height:1rem}.clear-button[data-v-b8375219]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-b8375219]:hover{color:#3083ff}.item[data-v-b8375219]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-b8375219],.item--multi[data-v-b8375219]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-b8375219]{width:20px;height:20px;flex:none}.item .image img[data-v-b8375219]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-b8375219]{display:flex;color:var(--action-active)}.text-container[data-v-b8375219]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-b8375219]{display:block}.tooltip-option[data-v-b8375219] .container{width:100%}
package/TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css DELETED
@@ -1 +0,0 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-22c12586],.font-chart-2[data-v-22c12586],.font-chart-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-22c12586],.font-table-label[data-v-22c12586],.font-button[data-v-22c12586],.font-heading-6[data-v-22c12586],.font-heading-5[data-v-22c12586],.font-heading-4[data-v-22c12586],.font-heading-3[data-v-22c12586],.font-heading-2[data-v-22c12586],.font-heading-1[data-v-22c12586],.font-title[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-22c12586],.font-input-label[data-v-22c12586],.font-overline[data-v-22c12586],.font-subtitle-2[data-v-22c12586],.font-subtitle-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-22c12586],.font-body-2[data-v-22c12586],.input-container .input[data-v-22c12586],.font-body-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-22c12586]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-22c12586]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-22c12586]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-22c12586]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-22c12586]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-22c12586]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-22c12586]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-22c12586],.font-body-1[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-22c12586]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-22c12586]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-22c12586]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-22c12586]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-22c12586]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-22c12586],.font-tab-label2[data-v-22c12586]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-22c12586]{font-size:.75rem;line-height:1rem}h1[data-v-22c12586],h2[data-v-22c12586],h3[data-v-22c12586],h4[data-v-22c12586],h5[data-v-22c12586],h6[data-v-22c12586]{margin:0}.disabled .input[data-v-22c12586]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-22c12586]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-22c12586]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-22c12586]{height:28px}.input-size-medium[data-v-22c12586]{height:32px}.input-size-large[data-v-22c12586]{height:40px}.input-with-label-container[data-v-22c12586]{display:flex;flex-direction:column}.input-container[data-v-22c12586]{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}.input-container[data-v-22c12586]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-22c12586]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-22c12586]:focus{outline:none}.input-container .input[data-v-22c12586]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-22c12586]{color:var(--text-disabled)}.input-container .input[type=number][data-v-22c12586]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-22c12586]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-22c12586]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-22c12586]{letter-spacing:4px}.input-container[data-v-22c12586] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-22c12586]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-22c12586]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-22c12586]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-22c12586]{padding-left:var(--spacing-100)}.prefix-text[data-v-22c12586]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-22c12586]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-22c12586],.focused[data-v-22c12586]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-22c12586],.error-icon.error-icon[data-v-22c12586]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-22c12586]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-22c12586]:hover{color:var(--primary-main)}.label-direction-left[data-v-22c12586]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-22c12586]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-22c12586]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-22c12586]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-22c12586]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-22c12586]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-22c12586],.variant-success .input-container[data-v-22c12586]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-22c12586],.variant-error .input-container[data-v-22c12586]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-22c12586],.variant-warning .input-container[data-v-22c12586]:hover{outline:2px solid var(--warning-dark)}