@ironsource/shared-ui 2.2.0-rc.5 → 2.2.0-rc.6

package/components/link/Link.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
-    variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant?: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconPosition?: "end" | "start";
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
-    variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant?: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconPosition?: "end" | "start";
@@ -56,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: () => any;
 }, {
     testId: string;
-    variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     withTooltip: boolean;
     tooltipText: string;
     isTruncated: boolean;

package/components/link/Link.vue.js

@@ -1,7 +1,7 @@
-import o from "./Link.vue2.js";
-/* empty css           */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1a766750"]]);
+import e from "./Link.vue2.js";
+/* empty css           */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css"; //*');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fe0e7f6f"]]);
 export {
-  p as default
+  t as default
 };

package/components/link/Link.vue2.js

@@ -1,4 +1,4 @@
- import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
+ import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
 import k from "../typography/v4/Typography.vue.js";
 import r from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";

package/components/link/index.d.ts

@@ -4,7 +4,7 @@ declare const LinkTypes: () => ({
         $data: {};
         $props: Partial<{
             testId: string;
-            variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
             withTooltip: boolean;
             tooltipText: string;
             isTruncated: boolean;
@@ -21,7 +21,7 @@ declare const LinkTypes: () => ({
                 default: string;
             };
             variant: {
-                type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+                type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
                 default: string;
             };
             withTooltip: {
@@ -86,7 +86,7 @@ declare const LinkTypes: () => ({
                 default: string;
             };
             variant: {
-                type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+                type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
                 default: string;
             };
             withTooltip: {
@@ -135,7 +135,7 @@ declare const LinkTypes: () => ({
             click: () => void;
         }, string, {
             testId: string;
-            variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
             withTooltip: boolean;
             tooltipText: string;
             isTruncated: boolean;
@@ -172,7 +172,7 @@ declare const LinkTypes: () => ({
             default: string;
         };
         variant: {
-            type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+            type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
             default: string;
         };
         withTooltip: {
@@ -227,7 +227,7 @@ declare const LinkTypes: () => ({
         default: string;
     };
     variant: {
-        type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+        type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
         default: string;
     };
     withTooltip: {
@@ -276,7 +276,7 @@ declare const LinkTypes: () => ({
     click: () => void;
 }, string, {
     testId: string;
-    variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     withTooltip: boolean;
     tooltipText: string;
     isTruncated: boolean;

package/components/multibar/MultiBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./MultiBar.vue2.js";
 /* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-71617643"]]);
+// import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c4395fb6"]]);
 export {
-  p as default
+  c as default
 };

package/components/multibar/MultiBar.vue2.js

@@ -1,4 +1,4 @@
- import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
+ import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
 import { useVModel as $ } from "@vueuse/core";
 import E from "../typography/v4/Typography.vue.js";
 import S from "../button/v4/ButtonV4.vue.js";

package/components/radioButton/v4/RadioButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./RadioButtonV4.vue2.js";
 /* empty css                    */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-05c7bca2"]]);
+// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4f3c7037"]]);
 export {
-  s as default
+  c as default
 };

package/components/radioButton/v4/RadioButtonV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import { radioGroupKey as G } from "../common/useRadio.js";
 import { RadioTestIdModifiers as r } from "../../../testids/index.js";

package/components/switch/v4/SwitchV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./SwitchV4.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-cd6621a7"]]);
+// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_0a80c49f_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0a80c49f"]]);
 export {
   s as default
 };

package/components/switch/v4/SwitchV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_0a80c49f_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
 import { useVModel as I } from "@vueuse/core";
 import { SwitchTestIdModifiers as u } from "../../../testids/index.js";
 import "../../button/v4/ButtonV4.vue.js";

package/components/textArea/v4/TextAreaV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextAreaV4.vue2.js";
 /* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4114ef89"]]);
+// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_0feea75e_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-0feea75e"]]);
 export {
-  p as default
+  a as default
 };

package/components/textArea/v4/TextAreaV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css"; import { defineComponent as f, computed as b, openBlock as t, createElementBlock as r, mergeProps as c, unref as a, createBlock as d, createCommentVNode as l, createElementVNode as g } from "vue";
+ import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_0feea75e_lang.css"; import { defineComponent as f, computed as b, openBlock as t, createElementBlock as r, mergeProps as c, unref as a, createBlock as d, createCommentVNode as l, createElementVNode as g } from "vue";
 import v from "../../shared/FieldLabel.vue.js";
 import k from "../../shared/FieldMaxLength.vue.js";
 import T from "../../shared/FieldHelpText.vue.js";

package/design-foundation.stories/colors/ColorsData.d.ts

@@ -2,18 +2,19 @@ export declare const colorPaletteLight: {
     background: {
         default: string;
         paper: string;
-        backdrop: string;
         'modal-elevation': string;
-        'modal-elevation-0': string;
-        'modal-elevation-1': string;
-        'modal-elevation-2': string;
-        'modal-elevation-3': string;
-        'modal-elevation-4': string;
-        'modal-elevation-5': string;
-        'modal-elevation-6': string;
-        'modal-elevation-7': string;
-        'modal-elevation-8': string;
-        'modal-elevation-9': string;
+        backdrop: string;
+        'paper-elevation-0': string;
+        'paper-elevation-1': string;
+        'paper-elevation-2': string;
+        'paper-elevation-3': string;
+        'paper-elevation-4': string;
+        'paper-elevation-5': string;
+        'paper-elevation-6': string;
+        'paper-elevation-7': string;
+        'paper-elevation-8': string;
+        'paper-elevation-9': string;
+        inset: string;
     };
     action: {
         primary: string;
@@ -21,23 +22,27 @@ export declare const colorPaletteLight: {
         hover: string;
         selected: string;
         disabled: string;
-        disabledBackground: string;
+        'disabled-background': string;
         focus: string;
-        outlinedBorder: string;
+        'outlined-border': string;
     };
     default: {
-        light: string;
         main: string;
+        lighter: string;
+        light: string;
         dark: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        darker: string;
+        'contrast-text': string;
+        'outlined-border': string;
+        'main-8-p': string;
+        'main-50-p': string;
+        'button-contrast-text': string;
     };
     common: {
         white: string;
         black: string;
-        inverseWhite: string;
-        inverseBlack: string;
+        'inverse-white': string;
+        'inverse-black': string;
         divider: string;
         'divider-elevation-0': string;
     };
@@ -50,64 +55,64 @@ export declare const colorPaletteLight: {
         lighter: string;
         light: string;
         main: string;
-        main8p: string;
-        main50p: string;
+        'main-8-p': string;
+        'main-50-p': string;
         dark: string;
         darker: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
     };
     info: {
         lighter: string;
         light: string;
         main: string;
-        main8p: string;
-        main50p: string;
+        'main-8-p': string;
+        'main-50-p': string;
         dark: string;
         darker: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
     };
     success: {
         lighter: string;
         light: string;
         main: string;
-        main8p: string;
-        main50p: string;
+        'main-8-p': string;
+        'main-50-p': string;
         dark: string;
         darker: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
     };
     warning: {
         lighter: string;
         light: string;
         main: string;
-        main8p: string;
-        main50p: string;
+        'main-8-p': string;
+        'main-50-p': string;
         dark: string;
         darker: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
     };
     error: {
         lighter: string;
         light: string;
         main: string;
-        main8p: string;
-        main50p: string;
+        'main-8-p': string;
+        'main-50-p': string;
         dark: string;
         darker: string;
-        outlinedBorder: string;
-        contrastText: string;
-        buttonContrastText: string;
+        'outlined-border': string;
+        'contrast-text': string;
+        'button-contrast-text': string;
     };
-    'A/B test': {
-        'A Control': string;
-        'B test': string;
+    ab: {
+        a: string;
+        b: string;
     };
 };

package/index.d.ts

@@ -12769,6 +12769,7 @@ declare const _default: {
                 height: string;
                 width: string;
                 platform: string;
+                circled: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: import("vue").PropType<string>;
@@ -12798,7 +12799,11 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
+                circled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform" | "circled">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -12841,6 +12846,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                circled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 name: string;
                 type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -12849,6 +12858,7 @@ declare const _default: {
                 height: string;
                 width: string;
                 platform: string;
+                circled: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -12898,6 +12908,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            circled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -12931,6 +12945,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        circled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         name: string;
         type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -12939,6 +12957,7 @@ declare const _default: {
         height: string;
         width: string;
         platform: string;
+        circled: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -12956,6 +12975,7 @@ declare const _default: {
                 height: string;
                 width: string;
                 platform: string;
+                circled: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: import("vue").PropType<string>;
@@ -12985,7 +13005,11 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
+                circled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform" | "circled">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -13028,6 +13052,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                circled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 name: string;
                 type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -13036,6 +13064,7 @@ declare const _default: {
                 height: string;
                 width: string;
                 platform: string;
+                circled: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -13085,6 +13114,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            circled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -13118,6 +13151,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        circled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         name: string;
         type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -13126,6 +13163,7 @@ declare const _default: {
         height: string;
         width: string;
         platform: string;
+        circled: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -28475,6 +28513,7 @@ export * from '@/composables/useDateService';
 export * from '@/components/banner';
 export * from '@/components/alert';
 export * from '@/components/link';
+export * from '@/components/helpText';
 export * from '@/components/autocomplete';
 export * from '@/components/chart';
 export * from '@/components/columnPicker';