@ironsource/shared-ui 2.1.12-rc.4 → 2.1.12-rc.40

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

@@ -7,7 +7,7 @@ declare const ButtonTypes: () => (({
         $data: {};
         $props: Partial<{
             testId: string;
-            size: "sm" | "md" | "lg";
+            size: "md" | "sm" | "lg";
             leftIconName: "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";
             rightIconName: "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";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -16,7 +16,7 @@ declare const ButtonTypes: () => (({
                 default: string;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md" | "lg">;
+                type: import("vue").PropType<"md" | "sm" | "lg">;
                 default: string;
             };
             leftIconName: {
@@ -47,7 +47,7 @@ declare const ButtonTypes: () => (({
                 default: string;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md" | "lg">;
+                type: import("vue").PropType<"md" | "sm" | "lg">;
                 default: string;
             };
             leftIconName: {
@@ -60,7 +60,7 @@ declare const ButtonTypes: () => (({
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             testId: string;
-            size: "sm" | "md" | "lg";
+            size: "md" | "sm" | "lg";
             leftIconName: "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";
             rightIconName: "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";
         }, {}, string> & {
@@ -89,7 +89,7 @@ declare const ButtonTypes: () => (({
             default: string;
         };
         size: {
-            type: import("vue").PropType<"sm" | "md" | "lg">;
+            type: import("vue").PropType<"md" | "sm" | "lg">;
             default: string;
         };
         leftIconName: {
@@ -110,7 +110,7 @@ declare const ButtonTypes: () => (({
         default: string;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md" | "lg">;
+        type: import("vue").PropType<"md" | "sm" | "lg">;
         default: string;
     };
     leftIconName: {
@@ -123,7 +123,7 @@ declare const ButtonTypes: () => (({
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     testId: string;
-    size: "sm" | "md" | "lg";
+    size: "md" | "sm" | "lg";
     leftIconName: "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";
     rightIconName: "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";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -137,14 +137,14 @@ declare const ButtonTypes: () => (({
         $data: {};
         $props: Partial<{
             variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
-            size: "sm" | "md" | "lg";
+            size: "md" | "sm" | "lg";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             variant: {
                 type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
                 default: string;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md" | "lg">;
+                type: import("vue").PropType<"md" | "sm" | "lg">;
                 default: string;
             };
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "size">;
@@ -167,12 +167,12 @@ declare const ButtonTypes: () => (({
                 default: string;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md" | "lg">;
+                type: import("vue").PropType<"md" | "sm" | "lg">;
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
-            size: "sm" | "md" | "lg";
+            size: "md" | "sm" | "lg";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -199,7 +199,7 @@ declare const ButtonTypes: () => (({
             default: string;
         };
         size: {
-            type: import("vue").PropType<"sm" | "md" | "lg">;
+            type: import("vue").PropType<"md" | "sm" | "lg">;
             default: string;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -212,12 +212,12 @@ declare const ButtonTypes: () => (({
         default: string;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md" | "lg">;
+        type: import("vue").PropType<"md" | "sm" | "lg">;
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
-    size: "sm" | "md" | "lg";
+    size: "md" | "sm" | "lg";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/button/v4/ButtonV4.vue.d.ts

@@ -1,6 +1,7 @@
+import { ButtonColor } from '@/components/button/common/consts';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "text" | "contained" | "outlined";
-    color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    color?: ButtonColor;
     size?: "small" | "medium" | "large" | "extraLarge";
     loading?: boolean;
     disabled?: boolean;
@@ -24,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     content: string;
 }>, {}, 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<{
     variant?: "text" | "contained" | "outlined";
-    color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    color?: ButtonColor;
     size?: "small" | "medium" | "large" | "extraLarge";
     loading?: boolean;
     disabled?: boolean;
@@ -50,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     variant: "text" | "contained" | "outlined";
     disabled: boolean;
-    color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    color: ButtonColor;
     size: "small" | "medium" | "large" | "extraLarge";
     content: string;
     loading: boolean;
@@ -60,6 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
 }>, {
     default?(_: {}): any;
+    "after-label"?(_: {}): any;
     loader?(_: {}): any;
 }>;
 export default _default;

package/components/button/v4/ButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonV4.vue2.js";
-/* empty css               */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css"; //*');
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bdfce3aa"]]);
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-852be7ec"]]);
 export {
-  a as default
+  c as default
 };

package/components/button/v4/ButtonV4.vue2.js

@@ -1,9 +1,9 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as m, renderSlot as u, createTextVNode as z, toDisplayString as g } from "vue";
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import y from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import b from "../../loader/v4/Loader.vue.js";
-const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
+import g from "../../loader/v4/Loader.vue.js";
+const v = ["data-testid", "disabled"], k = { key: 0 }, V = /* @__PURE__ */ N({
   __name: "ButtonV4",
   props: {
     variant: { default: "contained" },
@@ -19,11 +19,11 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
     endIconType: { default: "regular" }
   },
   setup(e) {
-    const o = e, d = h(
-      () => o.size === "small" || o.size === "medium" ? 16 : 20
+    const l = e, i = h(
+      () => l.size === "small" || l.size === "medium" ? 16 : 20
     );
-    return (l, w) => (a(), s("button", {
-      class: i([[
+    return (a, w) => (n(), s("button", {
+      class: c([[
         e.size,
         e.color,
         e.variant,
@@ -33,48 +33,49 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
           "with-end-icon": !!e.endIconName
         }
       ], "button-wrap"]),
-      "data-testid": o.testId,
+      "data-testid": l.testId,
       disabled: e.disabled
     }, [
-      e.loading ? n("", !0) : (a(), s("span", v, [
+      e.loading ? o("", !0) : (n(), s("span", k, [
         r("div", {
-          class: i({
+          class: c({
             flex: e.startIconName || e.endIconName
           })
         }, [
-          e.startIconName ? (a(), f(t(y), {
+          e.startIconName ? (n(), f(t(y), {
             key: 0,
             name: e.startIconName,
-            size: `${t(d)}px`,
+            size: `${t(i)}px`,
             type: e.startIconType,
             class: "start-icon"
-          }, null, 8, ["name", "size", "type"])) : n("", !0),
-          c(t(I), { variant: "button" }, {
+          }, null, 8, ["name", "size", "type"])) : o("", !0),
+          u(t(I), { variant: "button" }, {
             default: m(() => [
-              u(l.$slots, "default", {}, () => [
-                z(g(e.content), 1)
+              d(a.$slots, "default", {}, () => [
+                z(b(e.content), 1)
               ], !0)
             ]),
             _: 3
           }),
-          e.endIconName ? (a(), f(t(y), {
+          d(a.$slots, "after-label", {}, void 0, !0),
+          e.endIconName ? (n(), f(t(y), {
             key: 1,
             name: e.endIconName,
-            size: `${t(d)}px`,
+            size: `${t(i)}px`,
             type: e.endIconType,
             class: "end-icon"
-          }, null, 8, ["name", "size", "type"])) : n("", !0)
+          }, null, 8, ["name", "size", "type"])) : o("", !0)
         ], 2)
       ])),
-      e.loading ? u(l.$slots, "loader", { key: 1 }, () => [
-        c(t(b), { "max-width": t(d) }, {
+      e.loading ? d(a.$slots, "loader", { key: 1 }, () => [
+        u(t(g), { "max-width": t(i) }, {
           default: m(() => [
             r("div", {
-              class: i({ "content-with-icon": e.startIconName || e.endIconName })
+              class: c({ "content-with-icon": e.startIconName || e.endIconName })
             }, [
-              c(t(I), { variant: "button" }, {
+              u(t(I), { variant: "button" }, {
                 default: m(() => [
-                  u(l.$slots, "default", {}, void 0, !0)
+                  d(a.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -82,10 +83,10 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
           ]),
           _: 3
         }, 8, ["max-width"])
-      ], !0) : n("", !0)
-    ], 10, k));
+      ], !0) : o("", !0)
+    ], 10, v));
   }
 });
 export {
-  $ as default
+  V as default
 };

package/components/button/v4/ToggleButtonGroupAB.vue.js

@@ -1,7 +1,7 @@
 import o from "./ToggleButtonGroupAB.vue2.js";
-/* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c81a7d3e"]]);
+/* empty css                          */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2076b5ab"]]);
 export {
   s as default
 };

package/components/button/v4/ToggleButtonGroupAB.vue2.js

@@ -1,12 +1,12 @@
- import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css"; import { defineComponent as A, ref as s, onMounted as C, computed as y, openBlock as f, createElementBlock as N, createVNode as a, mergeProps as p, unref as e, withCtx as r, createTextVNode as B, createBlock as w, createElementVNode as O, renderSlot as R, createCommentVNode as x } from "vue";
-import i from "./ButtonV4.vue.js";
-import { useVModel as E } from "@vueuse/core";
-import G from "../../icon/v4/IconV4.vue.js";
+ import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
+import c from "./ButtonV4.vue.js";
+import { useVModel as R } from "@vueuse/core";
+import x from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import M from "../../popover/v4/PopoverV4.vue.js";
-import { useTestIdAttrs as $ } from "../../../utils/testIds.js";
-import { ToggleButtonGroupABTestIdModifiers as u } from "../../../testids/index.js";
-const h = { class: "group-button-wrapper" }, U = { class: "popover-trigger" }, K = /* @__PURE__ */ A({
+import E from "../../popover/v4/PopoverV4.vue.js";
+import { useTestIdAttrs as G } from "../../../utils/testIds.js";
+import { ToggleButtonGroupABTestIdModifiers as p } from "../../../testids/index.js";
+const $ = { class: "group-button-wrapper" }, h = { class: "popover-trigger" }, H = /* @__PURE__ */ b({
   __name: "ToggleButtonGroupAB",
   props: {
     modelValue: null,
@@ -16,49 +16,45 @@ const h = { class: "group-button-wrapper" }, U = { class: "popover-trigger" }, K
   },
   emits: ["update:modelValue"],
   setup(d, { expose: T, emit: P }) {
-    const t = d, m = s(null), v = s(!1), _ = (o) => {
+    const r = d, m = u(null), v = u(!1), _ = (o) => {
       v.value = o;
-    }, c = $(
-      t.testId,
-      u,
+    }, a = G(
+      r.testId,
+      p,
       !0
-    ), V = s(
-      t.popoverProps ? { ...t.popoverProps } : {}
-    ), l = s(), k = E(t, "modelValue", P);
-    C(() => {
-      l.value = t.modelValue;
-    });
-    const g = (o) => {
-      l.value = o, k.value = o;
-    }, I = y(() => m.value?.toggle);
+    ), V = u(
+      r.popoverProps ? { ...r.popoverProps } : {}
+    ), i = R(r, "modelValue", P), g = (o) => {
+      i.value = o;
+    }, k = A(() => m.value?.toggle);
     return T({
-      toggle: I
-    }), (o, n) => (f(), N("div", h, [
-      a(i, p({
-        class: ["toggle-button", { "selected-a": l.value === "a" }],
+      toggle: k
+    }), (o, l) => (f(), C("div", $, [
+      n(c, s({
+        class: ["toggle-button", { "selected-a": e(i) === "a" }],
         color: "primary",
         variant: "outlined"
-      }, e(c)[e(u).BUTTON_A], {
-        onClick: n[0] || (n[0] = (b) => g("a"))
+      }, e(a)[e(p).BUTTON_A], {
+        onClick: l[0] || (l[0] = (I) => g("a"))
       }), {
-        default: r(() => [
+        default: t(() => [
           B(" A ")
         ]),
         _: 1
       }, 16, ["class"]),
-      a(i, p({
-        class: ["toggle-button", { "selected-b": l.value === "b" }],
+      n(c, s({
+        class: ["toggle-button", { "selected-b": e(i) === "b" }],
         color: "primary",
         variant: "outlined"
-      }, e(c)[e(u).BUTTON_B], {
-        onClick: n[1] || (n[1] = (b) => g("b"))
+      }, e(a)[e(p).BUTTON_B], {
+        onClick: l[1] || (l[1] = (I) => g("b"))
       }), {
-        default: r(() => [
+        default: t(() => [
           B(" B ")
         ]),
         _: 1
       }, 16, ["class"]),
-      d.withPopover ? (f(), w(i, p({
+      d.withPopover ? (f(), y(c, s({
         key: 0,
         class: [
           "toggle-button",
@@ -68,33 +64,33 @@ const h = { class: "group-button-wrapper" }, U = { class: "popover-trigger" }, K
         ],
         color: "primary",
         variant: "outlined"
-      }, e(c)[e(u).POPOVER_TRIGGER]), {
-        default: r(() => [
-          a(e(M), p({
+      }, e(a)[e(p).POPOVER_TRIGGER]), {
+        default: t(() => [
+          n(e(E), s({
             ref_key: "popoverRef",
             ref: m
           }, {
             ...V.value
           }, { onIsOpen: _ }), {
-            trigger: r(() => [
-              O("div", U, [
-                a(e(G), {
+            trigger: t(() => [
+              N("div", h, [
+                n(e(x), {
                   name: "caret-down",
                   size: "16px"
                 })
               ])
             ]),
-            content: r(() => [
-              R(o.$slots, "popover-content", {}, void 0, !0)
+            content: t(() => [
+              w(o.$slots, "popover-content", {}, void 0, !0)
             ]),
             _: 3
           }, 16)
         ]),
         _: 3
-      }, 16, ["class"])) : x("", !0)
+      }, 16, ["class"])) : O("", !0)
     ]));
   }
 });
 export {
-  K as default
+  H as default
 };