@ironsource/shared-ui 2.1.3-rc.0 → 2.1.3-rc.10

package/components/button/v4/index.d.ts

@@ -5,10 +5,10 @@ declare const ButtonTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            variant: "text" | "contained" | "outlined";
             disabled: boolean;
             size: "small" | "medium" | "large" | "extraLarge";
             color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-            variant: "text" | "contained" | "outlined";
             content: string;
             loading: boolean;
             testId: string;
@@ -17,6 +17,10 @@ declare const ButtonTypes: () => (({
             startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"text" | "contained" | "outlined">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -29,10 +33,6 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
-            variant: {
-                type: import("vue").PropType<"text" | "contained" | "outlined">;
-                default: string;
-            };
             content: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -61,7 +61,7 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "color" | "variant" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "size" | "color" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -76,6 +76,10 @@ declare const ButtonTypes: () => (({
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"text" | "contained" | "outlined">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -88,10 +92,6 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
-            variant: {
-                type: import("vue").PropType<"text" | "contained" | "outlined">;
-                default: string;
-            };
             content: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -121,10 +121,10 @@ declare const ButtonTypes: () => (({
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            variant: "text" | "contained" | "outlined";
             disabled: boolean;
             size: "small" | "medium" | "large" | "extraLarge";
             color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-            variant: "text" | "contained" | "outlined";
             content: string;
             loading: boolean;
             testId: string;
@@ -153,6 +153,10 @@ declare const ButtonTypes: () => (({
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -165,10 +169,6 @@ declare const ButtonTypes: () => (({
             type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
-            default: string;
-        };
         content: {
             type: import("vue").PropType<string>;
             default: string;
@@ -202,6 +202,10 @@ declare const ButtonTypes: () => (({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: import("vue").PropType<"text" | "contained" | "outlined">;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -214,10 +218,6 @@ declare const ButtonTypes: () => (({
         type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<"text" | "contained" | "outlined">;
-        default: string;
-    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -247,10 +247,10 @@ declare const ButtonTypes: () => (({
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    variant: "text" | "contained" | "outlined";
     disabled: boolean;
     size: "small" | "medium" | "large" | "extraLarge";
     color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-    variant: "text" | "contained" | "outlined";
     content: string;
     loading: boolean;
     testId: string;
@@ -269,10 +269,10 @@ declare const ButtonTypes: () => (({
         $data: {};
         $props: Partial<{
             type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            variant: "default" | "outlined";
             disabled: boolean;
             size: "small" | "medium" | "large" | "extraLarge";
             color: "default" | "primary" | "error";
-            variant: "default" | "outlined";
             testId: string;
             iconName: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -280,6 +280,10 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            variant: {
+                type: import("vue").PropType<"default" | "outlined">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -292,10 +296,6 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<"default" | "primary" | "error">;
                 default: string;
             };
-            variant: {
-                type: import("vue").PropType<"default" | "outlined">;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -304,7 +304,7 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "size" | "color" | "variant" | "testId" | "iconName">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "variant" | "disabled" | "size" | "color" | "testId" | "iconName">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -323,6 +323,10 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            variant: {
+                type: import("vue").PropType<"default" | "outlined">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -335,10 +339,6 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<"default" | "primary" | "error">;
                 default: string;
             };
-            variant: {
-                type: import("vue").PropType<"default" | "outlined">;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -349,10 +349,10 @@ declare const ButtonTypes: () => (({
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            variant: "default" | "outlined";
             disabled: boolean;
             size: "small" | "medium" | "large" | "extraLarge";
             color: "default" | "primary" | "error";
-            variant: "default" | "outlined";
             testId: string;
             iconName: string;
         }, {}, string> & {
@@ -380,6 +380,10 @@ declare const ButtonTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: string;
         };
+        variant: {
+            type: import("vue").PropType<"default" | "outlined">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -392,10 +396,6 @@ declare const ButtonTypes: () => (({
             type: import("vue").PropType<"default" | "primary" | "error">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"default" | "outlined">;
-            default: string;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -413,6 +413,10 @@ declare const ButtonTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: string;
     };
+    variant: {
+        type: import("vue").PropType<"default" | "outlined">;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -425,10 +429,6 @@ declare const ButtonTypes: () => (({
         type: import("vue").PropType<"default" | "primary" | "error">;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<"default" | "outlined">;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -439,10 +439,10 @@ declare const ButtonTypes: () => (({
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    variant: "default" | "outlined";
     disabled: boolean;
     size: "small" | "medium" | "large" | "extraLarge";
     color: "default" | "primary" | "error";
-    variant: "default" | "outlined";
     testId: string;
     iconName: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/checkbox/v4/CheckboxV4.vue.js

@@ -1,7 +1,7 @@
-import e from "./CheckboxV4.vue2.js";
-/* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_ee3e6d82_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ee3e6d82"]]);
+import o from "./CheckboxV4.vue2.js";
+/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_d25514d1_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d25514d1"]]);
 export {
   c as default
 };

package/components/checkbox/v4/CheckboxV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_ee3e6d82_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as p, mergeProps as r, unref as e, createElementVNode as m, Fragment as x, createBlock as n, createCommentVNode as s, withCtx as V, renderSlot as F, createTextVNode as g, toDisplayString as A, pushScopeId as T, popScopeId as v } from "vue";
+ import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_d25514d1_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as p, mergeProps as r, unref as e, createElementVNode as m, Fragment as x, createBlock as n, createCommentVNode as s, withCtx as V, renderSlot as F, createTextVNode as g, toDisplayString as A, pushScopeId as T, popScopeId as v } from "vue";
 import L from "../../typography/v4/Typography.vue.js";
 import N from "./icons/UncheckedState.vue.js";
 import P from "./icons/CheckedState.vue.js";
@@ -9,7 +9,7 @@ import K from "./icons/IndeterminateDisabledState.vue.js";
 import { CheckboxTestIdModifiers as i } from "../../../testids/index.js";
 import { checkboxCommon as R } from "../common/Checkbox.common.js";
 import { useTestIdAttrs as U } from "../../../utils/testIds.js";
-const M = (t) => (T("data-v-ee3e6d82"), t = t(), v(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ m("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, de = /* @__PURE__ */ D({
+const M = (t) => (T("data-v-d25514d1"), t = t(), v(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ m("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, de = /* @__PURE__ */ D({
   __name: "CheckboxV4",
   props: {
     isChecked: { type: Boolean },

package/components/checkbox/v4/icons/UncheckedDisabledState.vue.js

@@ -5,27 +5,26 @@ const n = {}, r = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 }, s = /* @__PURE__ */ e("rect", {
-  x: "0.5",
-  y: "0.5",
-  width: "15",
-  height: "15",
-  rx: "3.5",
-  fill: "#EBEBEB"
+  width: "16",
+  height: "16",
+  rx: "4",
+  fill: "#F1F1F1"
 }, null, -1), i = /* @__PURE__ */ e("rect", {
   x: "0.5",
   y: "0.5",
   width: "15",
   height: "15",
   rx: "3.5",
-  stroke: "#EBEBEB"
-}, null, -1), _ = [
+  stroke: "black",
+  "stroke-opacity": "0.05"
+}, null, -1), l = [
   s,
   i
 ];
-function l(h, d) {
-  return t(), o("svg", r, _);
+function _(h, d) {
+  return t(), o("svg", r, l);
 }
-const B = /* @__PURE__ */ c(n, [["render", l]]);
+const m = /* @__PURE__ */ c(n, [["render", _]]);
 export {
-  B as default
+  m as default
 };

package/components/checkbox/v4/icons/UncheckedState.vue.js

@@ -1,31 +1,32 @@
-import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
 import c from "../../../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, r = {
+const r = {}, n = {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, s = /* @__PURE__ */ e("rect", {
+}, l = /* @__PURE__ */ t("rect", {
   x: "0.5",
   y: "0.5",
   width: "15",
   height: "15",
   rx: "3.5",
-  fill: "#EBEBEB"
-}, null, -1), _ = /* @__PURE__ */ e("rect", {
+  fill: "black",
+  "fill-opacity": "0.05"
+}, null, -1), s = /* @__PURE__ */ t("rect", {
   x: "0.5",
   y: "0.5",
   width: "15",
   height: "15",
   rx: "3.5",
-  stroke: "#BBBBBB"
+  stroke: "currentColor"
 }, null, -1), i = [
-  s,
-  _
+  l,
+  s
 ];
-function l(h, B) {
-  return t(), o("svg", r, i);
+function _(h, d) {
+  return e(), o("svg", n, i);
 }
-const x = /* @__PURE__ */ c(n, [["render", l]]);
+const x = /* @__PURE__ */ c(r, [["render", _]]);
 export {
   x as default
 };

package/components/dialog/v4/index.d.ts

@@ -122,7 +122,7 @@ declare const DialogTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "open") => void) & ((event: "cancel") => void) & ((event: "close", reason: import("../v3").Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
+        $emit: ((event: "open") => void) & ((event: "close", reason: import("../v3").Reason) => void) & ((event: "cancel") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "save") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: {