@ironsource/shared-ui 2.1.6-rc.41 → 2.1.6-rc.42

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 (7) hide show
  1. package/Alert.vue_vue_type_style_index_0_scoped_06e0871a_lang.css +1 -0
  2. package/components/alert/Alert.vue.d.ts +5 -0
  3. package/components/alert/Alert.vue.js +5 -5
  4. package/components/alert/Alert.vue2.js +25 -24
  5. package/components/alert/index.d.ts +20 -1
  6. package/package.json +1 -1
  7. package/Alert.vue_vue_type_style_index_0_scoped_5cdc75dd_lang.css +0 -1
package/Alert.vue_vue_type_style_index_0_scoped_06e0871a_lang.css ADDED
@@ -0,0 +1 @@
1
+ .alert[data-v-06e0871a]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-06e0871a]{border-radius:var(--border-radius-lg)}.alert--success[data-v-06e0871a]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-06e0871a]{color:var(--success-main)}.alert--warning[data-v-06e0871a]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-06e0871a]{color:var(--warning-main)}.alert--danger[data-v-06e0871a]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-06e0871a]{color:var(--error-main)}.alert--info[data-v-06e0871a]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-06e0871a]{color:var(--info-main)}.alert--standard[data-v-06e0871a]{outline:none}.alert--outlined[data-v-06e0871a]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-06e0871a]{align-self:flex-start}.alert-content[data-v-06e0871a]{flex:1;margin:0 var(--spacing-150)}.alert-content--no-icon[data-v-06e0871a]{margin-left:var(--spacing-100)}.title-container[data-v-06e0871a]{display:flex;align-items:center}.alert-title[data-v-06e0871a]{color:var(--text-primary);line-height:20px}.alert-description[data-v-06e0871a]{color:var(--text-secondary)}.close-button[data-v-06e0871a]{margin-left:var(--spacing-100)}
package/components/alert/Alert.vue.d.ts CHANGED
@@ -8,6 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  actionVariant?: "contained" | "outlined";
9
9
  actionIconName?: string;
10
10
  actionLoading?: boolean;
11
+ actionSize?: "small" | "medium";
11
12
  rounded?: boolean;
12
13
  hideIcon?: boolean;
13
14
  testId?: string;
@@ -21,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
21
22
  actionIconName: any;
22
23
  actionVariant: string;
23
24
  actionLoading: boolean;
25
+ actionSize: string;
24
26
  rounded: boolean;
25
27
  hideIcon: boolean;
26
28
  testId: string;
@@ -37,6 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
37
39
  actionVariant?: "contained" | "outlined";
38
40
  actionIconName?: string;
39
41
  actionLoading?: boolean;
42
+ actionSize?: "small" | "medium";
40
43
  rounded?: boolean;
41
44
  hideIcon?: boolean;
42
45
  testId?: string;
@@ -50,6 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
50
53
  actionIconName: any;
51
54
  actionVariant: string;
52
55
  actionLoading: boolean;
56
+ actionSize: string;
53
57
  rounded: boolean;
54
58
  hideIcon: boolean;
55
59
  testId: string;
@@ -67,6 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
67
71
  actionVariant: "contained" | "outlined";
68
72
  actionIconName: string;
69
73
  actionLoading: boolean;
74
+ actionSize: "small" | "medium";
70
75
  rounded: boolean;
71
76
  hideIcon: boolean;
72
77
  }>, {
package/components/alert/Alert.vue.js CHANGED
@@ -1,7 +1,7 @@
1
- import o from "./Alert.vue2.js";
2
- /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Alert.vue_vue_type_style_index_0_scoped_5cdc75dd_lang.css"; //*');
4
- const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5cdc75dd"]]);
1
+ import e from "./Alert.vue2.js";
2
+ /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../Alert.vue_vue_type_style_index_0_scoped_06e0871a_lang.css"; //*');
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-06e0871a"]]);
5
5
  export {
6
- d as default
6
+ p as default
7
7
  };
package/components/alert/Alert.vue2.js CHANGED
@@ -1,11 +1,11 @@
1
- import "../../Alert.vue_vue_type_style_index_0_scoped_5cdc75dd_lang.css"; import { defineComponent as N, computed as x, openBlock as n, createElementBlock as y, mergeProps as l, unref as e, createBlock as s, normalizeClass as I, createCommentVNode as c, createElementVNode as T, withCtx as d, createTextVNode as g, toDisplayString as u, renderSlot as k, createVNode as A } from "vue";
1
+ import "../../Alert.vue_vue_type_style_index_0_scoped_06e0871a_lang.css"; import { defineComponent as N, computed as x, openBlock as n, createElementBlock as y, mergeProps as l, unref as e, createBlock as d, normalizeClass as I, createCommentVNode as c, createElementVNode as T, withCtx as s, createTextVNode as g, toDisplayString as u, renderSlot as k, createVNode as z } from "vue";
2
2
  import B from "../typography/v4/Typography.vue.js";
3
- import E from "../icon/v4/IconV4.vue.js";
4
- import h from "../button/v4/ButtonV4.vue.js";
5
- import V from "../button/v4/IconButtonV4.vue.js";
6
- import { useTestIdAttrs as $ } from "../../utils/testIds.js";
3
+ import A from "../icon/v4/IconV4.vue.js";
4
+ import E from "../button/v4/ButtonV4.vue.js";
5
+ import S from "../button/v4/IconButtonV4.vue.js";
6
+ import { useTestIdAttrs as h } from "../../utils/testIds.js";
7
7
  import { AlertTestIdModifiers as o } from "../../testids/index.js";
8
- const S = { class: "title-container" }, b = { key: 0 }, U = /* @__PURE__ */ N({
8
+ const V = { class: "title-container" }, $ = { key: 0 }, U = /* @__PURE__ */ N({
9
9
  __name: "Alert",
10
10
  props: {
11
11
  title: { default: "" },
@@ -17,21 +17,22 @@ const S = { class: "title-container" }, b = { key: 0 }, U = /* @__PURE__ */ N({
17
17
  actionVariant: { default: "outlined" },
18
18
  actionIconName: { default: null },
19
19
  actionLoading: { type: Boolean, default: !1 },
20
+ actionSize: { default: "small" },
20
21
  rounded: { type: Boolean, default: !0 },
21
22
  hideIcon: { type: Boolean, default: !1 },
22
23
  testId: { default: "" }
23
24
  },
24
25
  emits: ["close", "actionButtonClick"],
25
- setup(t, { emit: m }) {
26
- const f = t, v = x(() => {
26
+ setup(t, { emit: f }) {
27
+ const m = t, v = x(() => {
27
28
  const i = {
28
29
  success: "check-circle",
29
30
  warning: "warning",
30
31
  danger: "warning-octagon",
31
32
  info: "info"
32
33
  };
33
- return i[f.color] || i.success;
34
- }), a = $(f.testId, o);
34
+ return i[m.color] || i.success;
35
+ }), a = h(m.testId, o);
35
36
  return (i, r) => (n(), y("div", l({
36
37
  class: ["alert", {
37
38
  [`alert--${t.color}`]: !0,
@@ -39,7 +40,7 @@ const S = { class: "title-container" }, b = { key: 0 }, U = /* @__PURE__ */ N({
39
40
  "alert--rounded": t.rounded
40
41
  }]
41
42
  }, e(a)[e(o).WRAPPER]), [
42
- t.hideIcon ? c("", !0) : (n(), s(e(E), {
43
+ t.hideIcon ? c("", !0) : (n(), d(e(A), {
43
44
  key: 0,
44
45
  name: e(v),
45
46
  class: I(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
@@ -51,53 +52,53 @@ const S = { class: "title-container" }, b = { key: 0 }, U = /* @__PURE__ */ N({
51
52
  "alert-content--no-icon": t.hideIcon
52
53
  }])
53
54
  }, [
54
- T("div", S, [
55
- t.title ? (n(), s(e(B), l({
55
+ T("div", V, [
56
+ t.title ? (n(), d(e(B), l({
56
57
  key: 0,
57
58
  class: "alert-title",
58
59
  variant: "h4"
59
60
  }, e(a)[e(o).TITLE]), {
60
- default: d(() => [
61
+ default: s(() => [
61
62
  g(u(t.title), 1)
62
63
  ]),
63
64
  _: 1
64
65
  }, 16)) : c("", !0),
65
66
  k(i.$slots, "after-title", {}, void 0, !0)
66
67
  ]),
67
- A(e(B), l({
68
+ z(e(B), l({
68
69
  class: "alert-description",
69
70
  variant: "body1"
70
71
  }, e(a)[e(o).MESSAGE]), {
71
- default: d(() => [
72
+ default: s(() => [
72
73
  k(i.$slots, "default", {}, () => [
73
- t.description ? (n(), y("span", b, u(t.description), 1)) : c("", !0)
74
+ t.description ? (n(), y("span", $, u(t.description), 1)) : c("", !0)
74
75
  ], !0)
75
76
  ]),
76
77
  _: 3
77
78
  }, 16)
78
79
  ], 2),
79
- t.actionText ? (n(), s(e(h), l({
80
+ t.actionText ? (n(), d(e(E), l({
80
81
  key: 1,
81
82
  variant: t.actionVariant,
82
83
  "end-icon-name": t.actionIconName,
83
84
  color: t.color,
84
- size: "small",
85
+ size: t.actionSize,
85
86
  loading: t.actionLoading
86
87
  }, e(a)[e(o).ACTION_BUTTON], {
87
- onClick: r[0] || (r[0] = (C) => m("actionButtonClick"))
88
+ onClick: r[0] || (r[0] = (C) => f("actionButtonClick"))
88
89
  }), {
89
- default: d(() => [
90
+ default: s(() => [
90
91
  g(u(t.actionText), 1)
91
92
  ]),
92
93
  _: 1
93
- }, 16, ["variant", "end-icon-name", "color", "loading"])) : c("", !0),
94
- t.dismissible ? (n(), s(e(V), l({
94
+ }, 16, ["variant", "end-icon-name", "color", "size", "loading"])) : c("", !0),
95
+ t.dismissible ? (n(), d(e(S), l({
95
96
  key: 2,
96
97
  class: "close-button",
97
98
  "icon-name": "x",
98
99
  size: "small"
99
100
  }, e(a)[e(o).CLOSE_BUTTON], {
100
- onClick: r[1] || (r[1] = (C) => m("close"))
101
+ onClick: r[1] || (r[1] = (C) => f("close"))
101
102
  }), null, 16)) : c("", !0)
102
103
  ], 16));
103
104
  }
package/components/alert/index.d.ts CHANGED
@@ -14,6 +14,7 @@ declare const AlertTypes: () => ({
14
14
  actionVariant: "contained" | "outlined";
15
15
  actionIconName: string;
16
16
  actionLoading: boolean;
17
+ actionSize: "small" | "medium";
17
18
  rounded: boolean;
18
19
  hideIcon: boolean;
19
20
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -57,6 +58,10 @@ declare const AlertTypes: () => ({
57
58
  type: import("vue").PropType<boolean>;
58
59
  default: boolean;
59
60
  };
61
+ actionSize: {
62
+ type: import("vue").PropType<"small" | "medium">;
63
+ default: string;
64
+ };
60
65
  rounded: {
61
66
  type: import("vue").PropType<boolean>;
62
67
  default: boolean;
@@ -68,7 +73,7 @@ declare const AlertTypes: () => ({
68
73
  }>> & {
69
74
  onClose?: () => any;
70
75
  onActionButtonClick?: () => any;
71
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "color" | "testId" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "rounded" | "hideIcon">;
76
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "color" | "testId" | "description" | "dismissible" | "actionText" | "actionVariant" | "actionIconName" | "actionLoading" | "actionSize" | "rounded" | "hideIcon">;
72
77
  $attrs: {
73
78
  [x: string]: unknown;
74
79
  };
@@ -123,6 +128,10 @@ declare const AlertTypes: () => ({
123
128
  type: import("vue").PropType<boolean>;
124
129
  default: boolean;
125
130
  };
131
+ actionSize: {
132
+ type: import("vue").PropType<"small" | "medium">;
133
+ default: string;
134
+ };
126
135
  rounded: {
127
136
  type: import("vue").PropType<boolean>;
128
137
  default: boolean;
@@ -148,6 +157,7 @@ declare const AlertTypes: () => ({
148
157
  actionVariant: "contained" | "outlined";
149
158
  actionIconName: string;
150
159
  actionLoading: boolean;
160
+ actionSize: "small" | "medium";
151
161
  rounded: boolean;
152
162
  hideIcon: boolean;
153
163
  }, {}, string> & {
@@ -211,6 +221,10 @@ declare const AlertTypes: () => ({
211
221
  type: import("vue").PropType<boolean>;
212
222
  default: boolean;
213
223
  };
224
+ actionSize: {
225
+ type: import("vue").PropType<"small" | "medium">;
226
+ default: string;
227
+ };
214
228
  rounded: {
215
229
  type: import("vue").PropType<boolean>;
216
230
  default: boolean;
@@ -267,6 +281,10 @@ declare const AlertTypes: () => ({
267
281
  type: import("vue").PropType<boolean>;
268
282
  default: boolean;
269
283
  };
284
+ actionSize: {
285
+ type: import("vue").PropType<"small" | "medium">;
286
+ default: string;
287
+ };
270
288
  rounded: {
271
289
  type: import("vue").PropType<boolean>;
272
290
  default: boolean;
@@ -292,6 +310,7 @@ declare const AlertTypes: () => ({
292
310
  actionVariant: "contained" | "outlined";
293
311
  actionIconName: string;
294
312
  actionLoading: boolean;
313
+ actionSize: "small" | "medium";
295
314
  rounded: boolean;
296
315
  hideIcon: boolean;
297
316
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.41",
3
+ "version": "2.1.6-rc.42",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/Alert.vue_vue_type_style_index_0_scoped_5cdc75dd_lang.css DELETED
@@ -1 +0,0 @@
1
- .alert[data-v-5cdc75dd]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-5cdc75dd]{border-radius:var(--border-radius-lg)}.alert--success[data-v-5cdc75dd]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-5cdc75dd]{color:var(--success-main)}.alert--warning[data-v-5cdc75dd]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-5cdc75dd]{color:var(--warning-main)}.alert--danger[data-v-5cdc75dd]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-5cdc75dd]{color:var(--error-main)}.alert--info[data-v-5cdc75dd]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-5cdc75dd]{color:var(--info-main)}.alert--standard[data-v-5cdc75dd]{outline:none}.alert--outlined[data-v-5cdc75dd]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-5cdc75dd]{align-self:flex-start}.alert-content[data-v-5cdc75dd]{flex:1;margin:0 var(--spacing-150)}.alert-content--no-icon[data-v-5cdc75dd]{margin-left:var(--spacing-100)}.title-container[data-v-5cdc75dd]{display:flex;align-items:center}.alert-title[data-v-5cdc75dd]{color:var(--text-primary);line-height:20px}.alert-description[data-v-5cdc75dd]{color:var(--text-secondary)}.close-button[data-v-5cdc75dd]{margin-left:var(--spacing-100)}