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

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 (12) hide show
  1. package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +1 -0
  2. package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css +1 -0
  3. package/{FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css → FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css} +1 -1
  4. package/components/dialog/v4/DialogV4.vue.js +3 -3
  5. package/components/dialog/v4/DialogV4.vue2.js +67 -62
  6. package/components/forms/FormCard.vue.js +2 -2
  7. package/components/forms/FormCard.vue2.js +9 -9
  8. package/components/shared/FieldLabel.vue.js +3 -3
  9. package/components/shared/FieldLabel.vue2.js +9 -9
  10. package/package.json +1 -1
  11. package/DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css +0 -1
  12. package/FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css +0 -1
package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css ADDED
@@ -0,0 +1 @@
1
+ .container[data-v-09c488cf]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-09c488cf]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-09c488cf]{width:56.25rem}.dialog--small[data-v-09c488cf]{width:37.5rem}.dialog--extraSmall[data-v-09c488cf]{width:27.75rem}.header[data-v-09c488cf]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-09c488cf]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-09c488cf]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-09c488cf]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-09c488cf]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-09c488cf]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-09c488cf]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-09c488cf] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-09c488cf]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-09c488cf],.v-leave-active[data-v-09c488cf]{transition:opacity .25s ease}.v-enter-from[data-v-09c488cf],.v-leave-to[data-v-09c488cf]{opacity:0}
package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css ADDED
@@ -0,0 +1 @@
1
+ .field-label[data-v-96ee1c98]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50);width:100%}.field-label--with-description[data-v-96ee1c98]{margin-bottom:2px}.description[data-v-96ee1c98]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-96ee1c98]{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.field-label--disabled .label[data-v-96ee1c98]{color:var(--text-disabled)}.mandatory[data-v-96ee1c98]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-96ee1c98]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-96ee1c98]:hover{color:var(--action-primary)}
package/{FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css → FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css} RENAMED
@@ -1 +1 @@
1
- .form-card[data-v-ef8b4e81]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-ef8b4e81]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-ef8b4e81]{width:220px;height:20px}.card-content[data-v-ef8b4e81]{padding:var(--spacing-400) var(--spacing-500) var(--spacing-500) var(--spacing-500)}.card-content--no-padding[data-v-ef8b4e81]{padding:0}.form-actions[data-v-ef8b4e81]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-ef8b4e81]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-ef8b4e81]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-ef8b4e81]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-ef8b4e81]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
1
+ .form-card[data-v-52ade67c]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-52ade67c]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-52ade67c]{width:220px;height:20px}.card-content[data-v-52ade67c]{padding:var(--spacing-400) var(--spacing-500) var(--spacing-500) var(--spacing-500)}.card-content--no-padding[data-v-52ade67c]{padding:0}.form-actions[data-v-52ade67c]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-52ade67c]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-52ade67c]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-52ade67c]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-52ade67c]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
package/components/dialog/v4/DialogV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DialogV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css"; //*');
4
- const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c3004ba3"]]);
3
+ // import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; //*');
4
+ const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09c488cf"]]);
5
5
  export {
6
- a as default
6
+ t as default
7
7
  };
package/components/dialog/v4/DialogV4.vue2.js CHANGED
@@ -1,20 +1,20 @@
1
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css"; import { defineComponent as A, openBlock as o, createBlock as i, Teleport as w, createVNode as T, Transition as p, withCtx as d, unref as e, createElementBlock as f, createElementVNode as m, mergeProps as s, renderSlot as b, createTextVNode as r, toDisplayString as c, createCommentVNode as u } from "vue";
2
- import { NOOP as I } from "@vue/shared";
3
- import g from "../../typography/v4/Typography.vue.js";
1
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; import { defineComponent as A, openBlock as o, createBlock as c, Teleport as w, createVNode as b, Transition as I, withCtx as u, unref as e, createElementBlock as m, createElementVNode as C, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as d } from "vue";
2
+ import { NOOP as V } from "@vue/shared";
3
+ import T from "../../typography/v4/Typography.vue.js";
4
4
  import N from "../../button/v4/ButtonV4.vue.js";
5
- import L from "../../button/v4/IconButtonV4.vue.js";
6
- import { Reason as O } from "../common/Reason.js";
7
- import { dialogCommon as V } from "../common/Dialog.common.js";
5
+ import p from "../../button/v4/IconButtonV4.vue.js";
6
+ import { Reason as g } from "../common/Reason.js";
7
+ import { dialogCommon as D } from "../common/Dialog.common.js";
8
8
  import { DialogTestIdModifiers as l } from "../../../testids/index.js";
9
- import { useTestIdAttrs as $ } from "../../../utils/testIds.js";
10
- import { useMagicKeys as D, whenever as P } from "@vueuse/core";
11
- const R = {
9
+ import { useTestIdAttrs as P } from "../../../utils/testIds.js";
10
+ import { useMagicKeys as R, whenever as $ } from "@vueuse/core";
11
+ const S = {
12
12
  key: 0,
13
13
  class: "container light-theme-v4"
14
- }, S = { class: "title" }, F = {
14
+ }, F = { class: "title" }, U = {
15
15
  key: 1,
16
16
  class: "footer"
17
- }, J = /* @__PURE__ */ A({
17
+ }, Q = /* @__PURE__ */ A({
18
18
  __name: "DialogV4",
19
19
  props: {
20
20
  modelValue: { type: Boolean },
@@ -39,106 +39,111 @@ const R = {
39
39
  testId: { default: "" }
40
40
  },
41
41
  emits: ["update:modelValue", "open", "close", "save", "cancel"],
42
- setup(t, { emit: B }) {
43
- const C = t, { escape: E } = D(), a = $(C.testId, l), { visible: h, handleClose: y } = V(C, B);
44
- return P(E, () => {
45
- h.value && C.escapeToClose && y(O.Escape);
46
- }), (v, n) => (o(), i(w, {
42
+ setup(t, { emit: v }) {
43
+ const i = t, { escape: L } = R(), a = P(i.testId, l), { visible: h, handleClose: y } = D(i, v);
44
+ $(L, () => {
45
+ h.value && i.escapeToClose && !i.saveButtonLoading && y(g.Escape);
46
+ });
47
+ const E = () => {
48
+ const { closeOnClickOutside: r, saveButtonLoading: n } = i;
49
+ r && !n ? y(g.Backdrop) : V();
50
+ };
51
+ return (r, n) => (o(), c(w, {
47
52
  to: "body",
48
53
  disabled: !t.appendToBody
49
54
  }, [
50
- T(p, null, {
51
- default: d(() => [
52
- e(h) ? (o(), f("div", R, [
53
- m("div", s({
55
+ b(I, null, {
56
+ default: u(() => [
57
+ e(h) ? (o(), m("div", S, [
58
+ C("div", s({
54
59
  class: ["dialog", [`dialog--${t.size}`]]
55
60
  }, e(a)[e(l).WRAPPER]), [
56
- t.title || t.subtitle || t.showCloseButton ? (o(), f("header", s({
61
+ t.title || t.subtitle || t.showCloseButton ? (o(), m("header", s({
57
62
  key: 0,
58
63
  class: "header"
59
64
  }, e(a)[e(l).HEADER]), [
60
- m("div", S, [
61
- b(v.$slots, "header", {}, () => [
62
- t.title ? (o(), i(e(g), {
65
+ C("div", F, [
66
+ k(r.$slots, "header", {}, () => [
67
+ t.title ? (o(), c(e(T), {
63
68
  key: 0,
64
69
  variant: "h3"
65
70
  }, {
66
- default: d(() => [
67
- r(c(t.title), 1)
71
+ default: u(() => [
72
+ f(B(t.title), 1)
68
73
  ]),
69
74
  _: 1
70
- })) : u("", !0),
71
- t.subtitle ? (o(), i(e(g), {
75
+ })) : d("", !0),
76
+ t.subtitle ? (o(), c(e(T), {
72
77
  key: 1,
73
78
  class: "subtitle",
74
79
  variant: "body1"
75
80
  }, {
76
- default: d(() => [
77
- r(c(t.subtitle), 1)
81
+ default: u(() => [
82
+ f(B(t.subtitle), 1)
78
83
  ]),
79
84
  _: 1
80
- })) : u("", !0)
85
+ })) : d("", !0)
81
86
  ], !0)
82
87
  ]),
83
- t.showCloseButton ? (o(), i(e(L), s({
88
+ t.showCloseButton ? (o(), c(e(p), s({
84
89
  key: 0,
85
90
  class: "close-button",
86
- "icon-name": "x"
91
+ "icon-name": "x",
92
+ disabled: t.saveButtonLoading
87
93
  }, e(a)[e(l).ACTION_CLOSE], {
88
- onClick: n[0] || (n[0] = (k) => e(y)(e(O).CloseButton))
89
- }), null, 16)) : u("", !0)
90
- ], 16)) : u("", !0),
91
- m("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
92
- b(v.$slots, "default", {}, () => [
93
- t.content ? (o(), i(e(g), {
94
+ onClick: n[0] || (n[0] = (O) => e(y)(e(g).CloseButton))
95
+ }), null, 16, ["disabled"])) : d("", !0)
96
+ ], 16)) : d("", !0),
97
+ C("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
98
+ k(r.$slots, "default", {}, () => [
99
+ t.content ? (o(), c(e(T), {
94
100
  key: 0,
95
101
  variant: "body1"
96
102
  }, {
97
- default: d(() => [
98
- r(c(t.content), 1)
103
+ default: u(() => [
104
+ f(B(t.content), 1)
99
105
  ]),
100
106
  _: 1
101
- })) : u("", !0)
107
+ })) : d("", !0)
102
108
  ], !0)
103
109
  ], 16),
104
- t.showFooter ? (o(), f("footer", F, [
105
- m("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
106
- b(v.$slots, "footer", {}, () => [
107
- T(e(N), s({
110
+ t.showFooter ? (o(), m("footer", U, [
111
+ C("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
112
+ k(r.$slots, "footer", {}, () => [
113
+ b(e(N), s({
108
114
  class: "form-action",
109
115
  variant: "outlined",
110
- color: t.cancelButtonColor
116
+ color: t.cancelButtonColor,
117
+ disabled: t.saveButtonLoading
111
118
  }, e(a)[e(l).CANCEL_BUTTON], {
112
- onClick: n[1] || (n[1] = (k) => B("cancel"))
119
+ onClick: n[1] || (n[1] = (O) => v("cancel"))
113
120
  }), {
114
- default: d(() => [
115
- r(c(t.cancelButtonLabel), 1)
121
+ default: u(() => [
122
+ f(B(t.cancelButtonLabel), 1)
116
123
  ]),
117
124
  _: 1
118
- }, 16, ["color"]),
119
- T(e(N), s({
125
+ }, 16, ["color", "disabled"]),
126
+ b(e(N), s({
120
127
  class: "form-action",
121
128
  loading: t.saveButtonLoading,
122
129
  color: t.saveButtonColor
123
130
  }, e(a)[e(l).SAVE_BUTTON], {
124
- onClick: n[2] || (n[2] = (k) => B("save"))
131
+ onClick: n[2] || (n[2] = (O) => v("save"))
125
132
  }), {
126
- default: d(() => [
127
- r(c(t.saveButtonLabel), 1)
133
+ default: u(() => [
134
+ f(B(t.saveButtonLabel), 1)
128
135
  ]),
129
136
  _: 1
130
137
  }, 16, ["loading", "color"])
131
138
  ], !0)
132
139
  ], 16)
133
- ])) : u("", !0)
140
+ ])) : d("", !0)
134
141
  ], 16),
135
- t.showBackdrop ? (o(), f("div", s({
142
+ t.showBackdrop ? (o(), m("div", s({
136
143
  key: 0,
137
144
  class: "dialog-backdrop"
138
- }, e(a)[e(l).BACKDROP], {
139
- onClick: n[3] || (n[3] = (k) => t.closeOnClickOutside ? e(y)(e(O).Backdrop) : e(I)())
140
- }), null, 16)) : u("", !0)
141
- ])) : u("", !0)
145
+ }, e(a)[e(l).BACKDROP], { onClick: E }), null, 16)) : d("", !0)
146
+ ])) : d("", !0)
142
147
  ]),
143
148
  _: 3
144
149
  })
@@ -146,5 +151,5 @@ const R = {
146
151
  }
147
152
  });
148
153
  export {
149
- J as default
154
+ Q as default
150
155
  };
package/components/forms/FormCard.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./FormCard.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css"; //*');
4
- const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ef8b4e81"]]);
3
+ // import "../../FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-52ade67c"]]);
5
5
  export {
6
6
  t as default
7
7
  };
package/components/forms/FormCard.vue2.js CHANGED
@@ -1,11 +1,11 @@
1
- import "../../FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css"; import { defineComponent as T, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as l, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as B, createCommentVNode as C } from "vue";
2
- import p from "../typography/v4/Typography.vue.js";
1
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css"; import { defineComponent as T, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as l, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as B, createCommentVNode as C } from "vue";
2
+ import N from "../typography/v4/Typography.vue.js";
3
3
  import y from "../button/v4/ButtonV4.vue.js";
4
4
  import "../button/v4/IconButtonV4.vue.js";
5
5
  import { FormCardTestIdModifiers as o } from "../../testids/index.js";
6
- import { useTestIdAttrs as N } from "../../utils/testIds.js";
6
+ import { useTestIdAttrs as b } from "../../utils/testIds.js";
7
7
  import i from "../skeleton/v4/SkeletonV4.vue.js";
8
- const b = { class: "form-card" }, h = {
8
+ const h = { class: "form-card" }, p = {
9
9
  key: 1,
10
10
  class: "content-skeleton-container"
11
11
  }, z = /* @__PURE__ */ T({
@@ -22,9 +22,9 @@ const b = { class: "form-card" }, h = {
22
22
  },
23
23
  emits: ["save", "cancel"],
24
24
  setup(t, { emit: k }) {
25
- const n = N(t.testId, o);
25
+ const n = b(t.testId, o);
26
26
  return (r, s) => (d(), c("div", null, [
27
- f("div", b, [
27
+ f("div", h, [
28
28
  f("header", l({ class: "card-header" }, e(n)[e(o).TITLE]), [
29
29
  t.isLoading ? (d(), B(e(i), {
30
30
  key: 1,
@@ -32,7 +32,7 @@ const b = { class: "form-card" }, h = {
32
32
  size: 20,
33
33
  class: "skeleton-header"
34
34
  })) : u(r.$slots, "header", { key: 0 }, () => [
35
- a(e(p), { variant: "h3" }, {
35
+ a(e(N), { variant: "h3" }, {
36
36
  default: m(() => [
37
37
  g(v(t.title), 1)
38
38
  ]),
@@ -43,7 +43,7 @@ const b = { class: "form-card" }, h = {
43
43
  f("div", l({
44
44
  class: ["card-content", { "card-content--no-padding": t.noPadding }]
45
45
  }, e(n)[e(o).CONTENT]), [
46
- t.isLoading ? (d(), c("div", h, [
46
+ t.isLoading ? (d(), c("div", p, [
47
47
  a(e(i), {
48
48
  type: "rectangle",
49
49
  size: 20,
@@ -70,7 +70,7 @@ const b = { class: "form-card" }, h = {
70
70
  variant: "outlined",
71
71
  color: "default"
72
72
  }, e(n)[e(o).CANCEL_BUTTON], {
73
- disabled: t.isLoading,
73
+ disabled: t.isLoading || t.saveLoading,
74
74
  onClick: s[0] || (s[0] = (L) => k("cancel"))
75
75
  }), {
76
76
  default: m(() => [
package/components/shared/FieldLabel.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./FieldLabel.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-72ab1f25"]]);
3
+ // import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; //*');
4
+ const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-96ee1c98"]]);
5
5
  export {
6
- a as default
6
+ c as default
7
7
  };
package/components/shared/FieldLabel.vue2.js CHANGED
@@ -1,10 +1,10 @@
1
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
2
- import h from "../icon/v3/Icon.vue.js";
3
- import y from "../tooltip/v4/TooltipV4.vue.js";
1
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
2
+ import h from "../icon/v4/IconV4.vue.js";
3
+ import x from "../tooltip/v4/TooltipV4.vue.js";
4
4
  import c from "../typography/v4/Typography.vue.js";
5
5
  import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
6
- import { useTestIdAttrs as v } from "../../utils/testIds.js";
7
- const x = {
6
+ import { useTestIdAttrs as y } from "../../utils/testIds.js";
7
+ const v = {
8
8
  key: 0,
9
9
  class: "description"
10
10
  }, L = /* @__PURE__ */ p({
@@ -19,7 +19,7 @@ const x = {
19
19
  testId: { default: "" }
20
20
  },
21
21
  setup(t) {
22
- const l = v(t.testId, a);
22
+ const l = y(t.testId, a);
23
23
  return (N, g) => (o(), m(T, null, [
24
24
  b("div", d({
25
25
  class: ["field-label", {
@@ -46,7 +46,7 @@ const x = {
46
46
  ]),
47
47
  _: 1
48
48
  }, 16)) : s("", !0),
49
- t.hoverHelpText ? (o(), u(e(y), d({
49
+ t.hoverHelpText ? (o(), u(e(x), d({
50
50
  key: 1,
51
51
  triggers: ["hover"],
52
52
  text: t.hoverHelpText,
@@ -56,13 +56,13 @@ const x = {
56
56
  r(e(h), {
57
57
  class: "info-icon",
58
58
  name: "question",
59
- "font-size": "sm"
59
+ size: "16px"
60
60
  })
61
61
  ]),
62
62
  _: 1
63
63
  }, 16, ["text", "placement", "test-id"])) : s("", !0)
64
64
  ], 16),
65
- t.description ? (o(), m("div", x, [
65
+ t.description ? (o(), m("div", v, [
66
66
  r(e(c), { variant: "body2" }, {
67
67
  default: i(() => [
68
68
  n(f(t.description), 1)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.10",
3
+ "version": "2.1.6-rc.11",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css DELETED
@@ -1 +0,0 @@
1
- .container[data-v-c3004ba3]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-c3004ba3]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-c3004ba3]{width:56.25rem}.dialog--small[data-v-c3004ba3]{width:37.5rem}.dialog--extraSmall[data-v-c3004ba3]{width:27.75rem}.header[data-v-c3004ba3]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-c3004ba3]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-c3004ba3]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-c3004ba3]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-c3004ba3]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-c3004ba3]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-c3004ba3]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-c3004ba3] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-c3004ba3]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-c3004ba3],.v-leave-active[data-v-c3004ba3]{transition:opacity .25s ease}.v-enter-from[data-v-c3004ba3],.v-leave-to[data-v-c3004ba3]{opacity:0}
package/FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css DELETED
@@ -1 +0,0 @@
1
- .field-label[data-v-72ab1f25]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50);width:100%}.field-label--with-description[data-v-72ab1f25]{margin-bottom:2px}.description[data-v-72ab1f25]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-72ab1f25]{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.field-label--disabled .label[data-v-72ab1f25]{color:var(--text-disabled)}.mandatory[data-v-72ab1f25]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-72ab1f25]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-72ab1f25]:hover{color:var(--action-active)}