@ironsource/shared-ui 2.1.6-rc.33 → 2.1.6-rc.34

package/components/emptyState/v3/index.d.ts

@@ -5,6 +5,8 @@ declare const EmptyStateTypes: () => ({
         $props: Partial<{
             title: string;
             size: "sm" | "lg";
+            iconWidth: number;
+            iconHeight: number;
             fontSize: string;
             iconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "ab-test" | "help" | "block" | "add" | "rotate" | "visibility" | "border-color" | "info" | "success" | "warning" | "error" | "close" | "check-circle" | "warning-octagon" | "cancel" | "pause" | "android" | "ios" | "FiltersSearch" | "a-2" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "analytics" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "duplicate" | "ecpi" | "email" | "email-envelope" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help-outline" | "history" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4";
             subtitle: string;
@@ -12,8 +14,6 @@ declare const EmptyStateTypes: () => ({
             isHorizontal: boolean;
             hasIcon: boolean;
             isBordered: boolean;
-            iconWidth: number;
-            iconHeight: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: import("vue").PropType<string>;
@@ -23,6 +23,16 @@ declare const EmptyStateTypes: () => ({
                 type: import("vue").PropType<"sm" | "lg">;
                 default: string;
             };
+            iconWidth: {
+                type: import("vue").PropType<number>;
+                required: true;
+                default: number;
+            };
+            iconHeight: {
+                type: import("vue").PropType<number>;
+                required: true;
+                default: number;
+            };
             fontSize: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -51,19 +61,9 @@ declare const EmptyStateTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            iconWidth: {
-                type: import("vue").PropType<number>;
-                required: true;
-                default: number;
-            };
-            iconHeight: {
-                type: import("vue").PropType<number>;
-                required: true;
-                default: number;
-            };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "fontSize" | "iconName" | "subtitle" | "buttonText" | "isHorizontal" | "hasIcon" | "isBordered" | "iconWidth" | "iconHeight">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "iconWidth" | "iconHeight" | "fontSize" | "iconName" | "subtitle" | "buttonText" | "isHorizontal" | "hasIcon" | "isBordered">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -86,6 +86,16 @@ declare const EmptyStateTypes: () => ({
                 type: import("vue").PropType<"sm" | "lg">;
                 default: string;
             };
+            iconWidth: {
+                type: import("vue").PropType<number>;
+                required: true;
+                default: number;
+            };
+            iconHeight: {
+                type: import("vue").PropType<number>;
+                required: true;
+                default: number;
+            };
             fontSize: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -114,16 +124,6 @@ declare const EmptyStateTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            iconWidth: {
-                type: import("vue").PropType<number>;
-                required: true;
-                default: number;
-            };
-            iconHeight: {
-                type: import("vue").PropType<number>;
-                required: true;
-                default: number;
-            };
         }>> & {
             onClick?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -131,6 +131,8 @@ declare const EmptyStateTypes: () => ({
         }, string, {
             title: string;
             size: "sm" | "lg";
+            iconWidth: number;
+            iconHeight: number;
             fontSize: string;
             iconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "ab-test" | "help" | "block" | "add" | "rotate" | "visibility" | "border-color" | "info" | "success" | "warning" | "error" | "close" | "check-circle" | "warning-octagon" | "cancel" | "pause" | "android" | "ios" | "FiltersSearch" | "a-2" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "analytics" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "duplicate" | "ecpi" | "email" | "email-envelope" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help-outline" | "history" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4";
             subtitle: string;
@@ -138,8 +140,6 @@ declare const EmptyStateTypes: () => ({
             isHorizontal: boolean;
             hasIcon: boolean;
             isBordered: boolean;
-            iconWidth: number;
-            iconHeight: number;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -169,6 +169,16 @@ declare const EmptyStateTypes: () => ({
             type: import("vue").PropType<"sm" | "lg">;
             default: string;
         };
+        iconWidth: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
+        iconHeight: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
         fontSize: {
             type: import("vue").PropType<string>;
             default: string;
@@ -197,16 +207,6 @@ declare const EmptyStateTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        iconWidth: {
-            type: import("vue").PropType<number>;
-            required: true;
-            default: number;
-        };
-        iconHeight: {
-            type: import("vue").PropType<number>;
-            required: true;
-            default: number;
-        };
     }>> & {
         onClick?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -222,6 +222,16 @@ declare const EmptyStateTypes: () => ({
         type: import("vue").PropType<"sm" | "lg">;
         default: string;
     };
+    iconWidth: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
+    iconHeight: {
+        type: import("vue").PropType<number>;
+        required: true;
+        default: number;
+    };
     fontSize: {
         type: import("vue").PropType<string>;
         default: string;
@@ -250,16 +260,6 @@ declare const EmptyStateTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    iconWidth: {
-        type: import("vue").PropType<number>;
-        required: true;
-        default: number;
-    };
-    iconHeight: {
-        type: import("vue").PropType<number>;
-        required: true;
-        default: number;
-    };
 }>> & {
     onClick?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -267,6 +267,8 @@ declare const EmptyStateTypes: () => ({
 }, string, {
     title: string;
     size: "sm" | "lg";
+    iconWidth: number;
+    iconHeight: number;
     fontSize: string;
     iconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "ab-test" | "help" | "block" | "add" | "rotate" | "visibility" | "border-color" | "info" | "success" | "warning" | "error" | "close" | "check-circle" | "warning-octagon" | "cancel" | "pause" | "android" | "ios" | "FiltersSearch" | "a-2" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "analytics" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "duplicate" | "ecpi" | "email" | "email-envelope" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help-outline" | "history" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4";
     subtitle: string;
@@ -274,8 +276,6 @@ declare const EmptyStateTypes: () => ({
     isHorizontal: boolean;
     hasIcon: boolean;
     isBordered: boolean;
-    iconWidth: number;
-    iconHeight: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         icon?(_: {}): any;

package/components/emptyState/v4/EmptyStateV4.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     buttonText?: string;
     iconName?: string;
-    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     iconSize?: string;
 }>, {
     title: string;
@@ -22,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     buttonText?: string;
     iconName?: string;
-    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     iconSize?: string;
 }>, {
     title: string;
@@ -40,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconName: string;
     iconSize: string;
     subtitle: string;
-    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     buttonText: string;
 }>, {
     content?(_: {}): any;

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

@@ -9,7 +9,7 @@ declare const EmptyStateTypes: () => ({
             iconName: string;
             iconSize: string;
             subtitle: string;
-            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             buttonText: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -33,7 +33,7 @@ declare const EmptyStateTypes: () => ({
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: string;
             };
             buttonText: {
@@ -78,7 +78,7 @@ declare const EmptyStateTypes: () => ({
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: string;
             };
             buttonText: {
@@ -95,7 +95,7 @@ declare const EmptyStateTypes: () => ({
             iconName: string;
             iconSize: string;
             subtitle: string;
-            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             buttonText: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -139,7 +139,7 @@ declare const EmptyStateTypes: () => ({
             default: any;
         };
         iconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: string;
         };
         buttonText: {
@@ -174,7 +174,7 @@ declare const EmptyStateTypes: () => ({
         default: any;
     };
     iconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
         default: string;
     };
     buttonText: {
@@ -191,7 +191,7 @@ declare const EmptyStateTypes: () => ({
     iconName: string;
     iconSize: string;
     subtitle: string;
-    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     buttonText: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/components/icon/v4/Icon.types.d.ts

@@ -1,2 +1,2 @@
-export declare const ICON_TYPES: readonly ["regular", "bold", "fill", "branded", "ad-unit", "ab-test"];
+export declare const ICON_TYPES: readonly ["regular", "bold", "fill", "branded", "ad-unit", "ab-test", "ad-networks", "ad-networks/flat"];
 export type IconTypes = (typeof ICON_TYPES)[number];

package/components/icon/v4/IconV4.vue.d.ts

@@ -1,28 +1,38 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     name?: string;
-    size?: string;
     color?: string;
+    size?: string;
+    height?: string;
+    width?: string;
 }>, {
     name: any;
     size: any;
     color: any;
     type: string;
+    height: any;
+    width: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     name?: string;
-    size?: string;
     color?: string;
+    size?: string;
+    height?: string;
+    width?: string;
 }>, {
     name: any;
     size: any;
     color: any;
     type: string;
+    height: any;
+    width: any;
 }>>>, {
     name: string;
-    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    size: string;
+    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     color: string;
+    size: string;
+    height: string;
+    width: string;
 }>, {
     default?(_: {}): any;
 }>;

package/components/icon/v4/IconV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./IconV4.vue2.js";
 /* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../IconV4.vue_vue_type_style_index_0_scoped_a78f8a3e_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a78f8a3e"]]);
+// import "../../../IconV4.vue_vue_type_style_index_0_scoped_a9f31e34_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a9f31e34"]]);
 export {
-  a as default
+  c as default
 };

package/components/icon/v4/IconV4.vue2.js

@@ -1,61 +1,64 @@
- import "../../../IconV4.vue_vue_type_style_index_0_scoped_a78f8a3e_lang.css"; import { defineComponent as g, useCssVars as $, useSlots as C, computed as r, watch as w, openBlock as i, createElementBlock as u, normalizeClass as S, unref as f, createCommentVNode as b, renderSlot as I } from "vue";
+ import "../../../IconV4.vue_vue_type_style_index_0_scoped_a9f31e34_lang.css"; import { defineComponent as w, useCssVars as C, unref as a, useSlots as b, computed as s, watch as S, openBlock as u, createElementBlock as f, normalizeClass as _, createCommentVNode as z, renderSlot as I } from "vue";
 import { useStorage as U } from "../../../composables/useStorage.js";
-const V = ["innerHTML"], x = /* @__PURE__ */ g({
+const V = ["innerHTML"], x = /* @__PURE__ */ w({
   __name: "IconV4",
   props: {
     type: { default: "regular" },
     name: { default: null },
+    color: { default: null },
     size: { default: null },
-    color: { default: null }
+    height: { default: null },
+    width: { default: null }
   },
-  setup(o) {
-    const t = o;
-    $((e) => ({
-      "5527e696": o.size,
-      "4ef5fb6e": o.color
+  setup(r) {
+    const e = r;
+    C((t) => ({
+      ca5bc5c6: a(h),
+      b4bae6a0: a(m),
+      "9a4fe09a": r.color
     }));
-    const s = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = "https://fusion.ironsrc.net/assets", d = C(), m = r(() => {
-      if (!t.name)
+    const o = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = "https://fusion.ironsrc.net/assets", d = b(), h = s(() => e.size || e.width), m = s(() => e.size || e.height), g = s(() => {
+      if (!e.name)
         return "";
-      const e = t.name.split("/");
-      return [t.name ? `icon-name--${e.at(-1)}` : ""];
-    }), c = r(() => {
+      const t = e.name.split("/");
+      return [e.name ? `icon-name--${t.at(-1)}` : ""];
+    }), l = s(() => {
       if (d.default)
         return "";
-      if (!t.name)
+      if (!e.name)
         return console.error("Please provided icon name"), "";
-      const e = t.type === "regular" || t.type === "bold" || t.type === "fill" ? "ph/" : "v4/", n = t.type === "bold" || t.type === "fill" ? `-${t.type}` : "";
-      return `${p}/icons/${e}${t.type}/${t.name}${n}.svg`;
-    }), a = U(`icon-${t.type}--${t.name}`);
-    function h(e) {
-      return s[e] || (s[e] = fetch(e).then((n) => n.text()).finally(() => {
-        delete s[e];
+      const t = e.type === "regular" || e.type === "bold" || e.type === "fill" ? "ph/" : "v4/", n = e.type === "bold" || e.type === "fill" ? `-${e.type}` : "";
+      return `${p}/icons/${t}${e.type}/${e.name}${n}.svg`;
+    }), c = U(`icon-${e.type}--${e.name}`);
+    function v(t) {
+      return o[t] || (o[t] = fetch(t).then((n) => n.text()).finally(() => {
+        delete o[t];
       }).catch((n) => {
         console.error(n);
-      })), s[e];
+      })), o[t];
     }
-    function v(e) {
-      return e.replace(
+    function y(t) {
+      return t.replace(
         /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
         ""
       );
     }
-    function l() {
-      h(c.value).then((e) => {
-        typeof e == "string" && e.startsWith("<svg") && (a.value = e);
+    function i() {
+      v(l.value).then((t) => {
+        typeof t == "string" && t.startsWith("<svg") && (c.value = t);
       });
     }
-    !a.value && c.value && l();
-    const y = r(() => v(a.value ?? ""));
-    return w(() => t.name, l), (e, n) => (i(), u("span", {
-      class: S(["icon", f(m)])
+    !c.value && l.value && i();
+    const $ = s(() => y(c.value ?? ""));
+    return S(() => e.name, i), (t, n) => (u(), f("span", {
+      class: _(["icon", a(g)])
     }, [
-      e.$slots.default ? b("", !0) : (i(), u("span", {
+      t.$slots.default ? z("", !0) : (u(), f("span", {
         key: 0,
         class: "icon-wrapper",
-        innerHTML: f(y)
+        innerHTML: a($)
       }, null, 8, V)),
-      I(e.$slots, "default", {}, void 0, !0)
+      I(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });

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

@@ -4,27 +4,37 @@ declare const IconTypes: () => ({
         $data: {};
         $props: Partial<{
             name: string;
-            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            size: string;
+            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             color: string;
+            size: string;
+            height: string;
+            width: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
             type: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: string;
             };
+            color: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             size: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            color: {
+            height: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            width: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "size" | "color">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -44,22 +54,32 @@ declare const IconTypes: () => ({
                 default: any;
             };
             type: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
                 default: string;
             };
+            color: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             size: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            color: {
+            height: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            width: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             name: string;
-            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            size: string;
+            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             color: string;
+            size: string;
+            height: string;
+            width: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -86,14 +106,22 @@ declare const IconTypes: () => ({
             default: any;
         };
         type: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
             default: string;
         };
+        color: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         size: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        color: {
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        width: {
             type: import("vue").PropType<string>;
             default: any;
         };
@@ -107,22 +135,32 @@ declare const IconTypes: () => ({
         default: any;
     };
     type: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
         default: string;
     };
+    color: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     size: {
         type: import("vue").PropType<string>;
         default: any;
     };
-    color: {
+    height: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    width: {
         type: import("vue").PropType<string>;
         default: any;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     name: string;
-    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    size: string;
+    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     color: string;
+    size: string;
+    height: string;
+    width: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;