@ironsource/shared-ui 1.4.3-rc.2 → 1.4.3-rc.4

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

@@ -0,0 +1,72 @@
+import Button from './ButtonV4.vue';
+declare const ButtonTypes: () => import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+    } & {
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"text" | "contained" | "outlined">;
+    } & {
+        default: string;
+    };
+    leftIconName: {
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+    } & {
+        default: any;
+    };
+    rightIconName: {
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+    } & {
+        default: any;
+    };
+    color: {
+        type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
+    } & {
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+    } & {
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"text" | "contained" | "outlined">;
+    } & {
+        default: string;
+    };
+    leftIconName: {
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+    } & {
+        default: any;
+    };
+    rightIconName: {
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+    } & {
+        default: any;
+    };
+    color: {
+        type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
+    } & {
+        default: string;
+    };
+}>>, {
+    size: "small" | "medium" | "large" | "extraLarge";
+    testId: string;
+    variant: "text" | "contained" | "outlined";
+    leftIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
+    rightIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "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" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "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" | "ecpi" | "email" | "email-envelope" | "error" | "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" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "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" | "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" | "rotate" | "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" | "success-full" | "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" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
+    color: "default" | "info" | "success" | "warning" | "primary" | "danger";
+}>[];
+export { Button, ButtonTypes };

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

@@ -0,0 +1,6 @@
+import Button from './ButtonV4.vue.js';
+export { default as Button } from './ButtonV4.vue.js';
+
+const ButtonTypes = () => [Button];
+
+export { ButtonTypes };

package/components/checkbox/Checkbox.vue.d.ts

@@ -28,8 +28,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onClick?: (event: MouseEvent) => any;
     "onUpdate:isChecked"?: (value: boolean) => any;
 }, {
-    size: 'sm' | 'md' | 'lg';
     label: string;
+    size: 'sm' | 'md' | 'lg';
     testId: string;
 }>;
 export default _default;

package/components/checkbox/index.d.ts

@@ -1,11 +1,11 @@
 declare const CheckboxTypes: () => import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"md" | "sm" | "lg">;
+    label: {
+        type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    label: {
-        type: import("vue").PropType<string>;
+    size: {
+        type: import("vue").PropType<"md" | "sm" | "lg">;
     } & {
         default: string;
     };
@@ -29,13 +29,13 @@ declare const CheckboxTypes: () => import("vue").DefineComponent<{
 } & {
     click: (event: MouseEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"md" | "sm" | "lg">;
+    label: {
+        type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    label: {
-        type: import("vue").PropType<string>;
+    size: {
+        type: import("vue").PropType<"md" | "sm" | "lg">;
     } & {
         default: string;
     };
@@ -58,8 +58,8 @@ declare const CheckboxTypes: () => import("vue").DefineComponent<{
     onClick?: (event: MouseEvent) => any;
     "onUpdate:isChecked"?: (value: boolean) => any;
 }, {
-    size: "md" | "sm" | "lg";
     label: string;
+    size: "md" | "sm" | "lg";
     testId: string;
 }>[];
 export { default as Checkbox } from './Checkbox.vue';

package/components/chip/{Chip.vue.js → v3/Chip.vue.js}

@@ -1,9 +1,9 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, toDisplayString, createVNode } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-import { ChipTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Icon from '../../icon/Icon.vue.js';
+import { ChipTestIdModifiers } from '../../../testids/index.vue.js';
+/* empty css                                                      */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../Chip.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../../Chip.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["disabled", "data-testid"];
 const _hoisted_2 = {
   key: 0,
@@ -64,6 +64,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Chip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5d0f8d76"]]);
+var Chip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-95d1a5dc"]]);
 
 export { Chip as default };

package/components/chip/v4/ChipV4.vue.d.ts

@@ -0,0 +1,48 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected?: boolean;
+    clearable?: boolean;
+    prefix?: string;
+    disabled?: boolean;
+    testId?: string;
+}>, {
+    selected: boolean;
+    clearable: boolean;
+    prefix: any;
+    disabled: boolean;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "cleared"[], "cleared", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected?: boolean;
+    clearable?: boolean;
+    prefix?: string;
+    disabled?: boolean;
+    testId?: string;
+}>, {
+    selected: boolean;
+    clearable: boolean;
+    prefix: any;
+    disabled: boolean;
+    testId: string;
+}>>> & {
+    onCleared?: (...args: any[]) => any;
+}, {
+    testId: string;
+    disabled: boolean;
+    selected: boolean;
+    clearable: boolean;
+    prefix: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/chip/v4/ChipV4.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode } from 'vue';
+import Icon from '../../icon/Icon.vue.js';
+import { ChipTestIdModifiers } from '../../../testids/index.vue.js';
+/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../../ChipV4.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["disabled", "data-testid"];
+const _hoisted_2 = {
+  key: 0,
+  class: "icon icon--start"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "prefix"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "icon icon--end"
+};
+const _hoisted_5 = ["data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChipV4",
+  props: {
+    selected: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: false },
+    prefix: { default: null },
+    disabled: { type: Boolean, default: false },
+    testId: { default: "" }
+  },
+  emits: ["cleared"],
+  setup(__props, { emit }) {
+    const cleared = (event) => {
+      event.stopPropagation();
+      emit("cleared");
+    };
+    return (_ctx, _cache) => {
+      const _component_B = resolveComponent("B");
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(["chip-container", { selected: __props.selected, disabled: __props.disabled }]),
+        disabled: __props.disabled,
+        "data-testid": `${__props.testId}-${unref(ChipTestIdModifiers).WRAPPER}`
+      }, [
+        _ctx.$slots["icon-start"] ? (openBlock(), createElementBlock("span", _hoisted_2, [
+          renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("span", null, [
+          !!__props.prefix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.prefix) + ":", 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          createVNode(_component_B, null, {
+            default: withCtx(() => [
+              createTextVNode(" V4 ")
+            ]),
+            _: 1
+          })
+        ]),
+        _ctx.$slots["icon-end"] ? (openBlock(), createElementBlock("span", _hoisted_4, [
+          renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        __props.clearable ? (openBlock(), createElementBlock("button", {
+          key: 2,
+          class: "clear-icon",
+          "data-testid": `${__props.testId}-${unref(ChipTestIdModifiers).CLEAR}`,
+          onClick: cleared
+        }, [
+          createVNode(unref(Icon), {
+            name: "close-bold",
+            "font-size": "sm"
+          })
+        ], 8, _hoisted_5)) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+var Chip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d3894364"]]);
+
+export { Chip as default };

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

@@ -0,0 +1,63 @@
+declare const ChipTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    prefix: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "cleared"[], "cleared", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    prefix: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+}>> & {
+    onCleared?: (...args: any[]) => any;
+}, {
+    testId: string;
+    disabled: boolean;
+    selected: boolean;
+    clearable: boolean;
+    prefix: string;
+}>[];
+export { default as Chip } from './ChipV4.vue';
+export { ChipTypes };

package/components/chip/v4/index.vue.js

@@ -0,0 +1,6 @@
+import Chip from './ChipV4.vue.js';
+export { default as Chip } from './ChipV4.vue.js';
+
+const ChipTypes = () => [Chip];
+
+export { ChipTypes };

package/components/dateRange/CalendarMonth.vue.js

@@ -5,10 +5,10 @@ import Heading from '../typography/Heading.vue.js';
 import Text from '../typography/Text.vue.js';
 import Icon from '../icon/Icon.vue.js';
 import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
+/* empty css                                                                           *//* empty css                                                                           *//* empty css                                                                            *//* empty css                                                                   */import IconButton from '../button/v3/IconButton.vue.js';
 import { CalendarMonthTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                      */import { isBefore, isAfter, isSameDay } from 'date-fns';
+/* empty css                                                      *//* empty css                                                                         */import { isBefore, isAfter, isSameDay } from 'date-fns';
 import AngleLeft from '../icon/icons/AngleLeft.vue.js';
 import AngleRight from '../icon/icons/AngleRight.vue.js';
 /* empty css                                                               */
@@ -331,6 +331,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aeb1d6d4"]]);
+var CalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11dadeb0"]]);
 
 export { CalendarMonth as default };

package/components/dateRange/DateRange.vue.js

@@ -4,12 +4,12 @@ import { useToggle } from '../../composables/useToggle.vue.js';
 import CalendarMonth from './CalendarMonth.vue.js';
 import dateServices from './DateServices.vue.js';
 import { typeToName, messagePerType, presetsList, formatError, mandatoryValuesError, navigatePrev, navigateNext } from './consts.vue.js';
-import Button from '../button/Button.vue.js';
+import Button from '../button/v3/Button.vue.js';
 /* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import { DateRangeTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import Text from '../typography/Text.vue.js';
-/* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                      */import { min, addDays, format } from 'date-fns';
+/* empty css                                                                           *//* empty css                                                                           *//* empty css                                                                       *//* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                         */import { min, addDays, format } from 'date-fns';
 /* empty css                                                           */
 import "../../DateRange.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id", "data-testid"];
@@ -664,6 +664,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7430f6a"]]);
+var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e3e1c78e"]]);
 
 export { DateRange as default };

package/components/dialog/Dialog.vue.d.ts

@@ -72,6 +72,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onClose?: (reason: Reason) => any;
     onOpen?: () => any;
 }, {
+    themeClass: string;
     title: string;
     testId: string;
     content: string;
@@ -85,7 +86,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     showCloseButton: boolean;
     escapeToClose: boolean;
     beforeClose: (show: () => void) => void;
-    themeClass: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/dialog/Dialog.vue.js

@@ -4,11 +4,12 @@ import { useTimeoutFn } from '@vueuse/core';
 import Text from '../typography/Text.vue.js';
 import { NOOP } from '@vue/shared';
 import { Reason } from './Reason.vue.js';
-import IconButton from '../button/IconButton.vue.js';
 import Icon from '../icon/Icon.vue.js';
 import { DialogTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                           *//* empty css                                                                           *//* empty css                                                                            *//* empty css                                                                   */import IconButton from '../button/v3/IconButton.vue.js';
+/* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                         *//* empty css                                                        */
 import "../../Dialog.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["data-testid"];
 const _hoisted_2 = ["data-testid"];
@@ -44,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "7d57480a": __props.width
+      "6f9792ca": __props.width
     }));
     const visible = ref(false);
     let openTimer = void 0;
@@ -136,7 +137,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         _: 1
                       })
                     ], true) : createCommentVNode("", true),
-                    __props.showCloseButton ? (openBlock(), createBlock(IconButton, {
+                    __props.showCloseButton ? (openBlock(), createBlock(unref(IconButton), {
                       key: 1,
                       class: "button close-button",
                       size: "md",
@@ -202,6 +203,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-55aea585"]]);
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d3abaa6"]]);
 
 export { Dialog as default };

package/components/dialog/index.d.ts

@@ -1,4 +1,9 @@
 declare const DialogTypes: () => import("vue").DefineComponent<{
+    themeClass: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     title: {
         type: import("vue").PropType<string>;
     } & {
@@ -68,11 +73,6 @@ declare const DialogTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
-    themeClass: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 } & {
@@ -80,6 +80,11 @@ declare const DialogTypes: () => import("vue").DefineComponent<{
 } & {
     close: (reason: import("./Reason").Reason) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    themeClass: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     title: {
         type: import("vue").PropType<string>;
     } & {
@@ -149,16 +154,12 @@ declare const DialogTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
-    themeClass: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: import("./Reason").Reason) => any;
     onOpen?: () => any;
 }, {
+    themeClass: string;
     title: string;
     testId: string;
     content: string;
@@ -172,7 +173,6 @@ declare const DialogTypes: () => import("vue").DefineComponent<{
     showCloseButton: boolean;
     escapeToClose: boolean;
     beforeClose: (show: () => void) => void;
-    themeClass: string;
 }>[];
 export { default as Dialog } from './Dialog.vue';
 export { DialogTypes };

package/components/dropdown/Dropdown.vue.d.ts

@@ -163,11 +163,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onOpened?: () => any;
     onApply?: (value: unknown) => any;
 }, {
-    size: 'sm' | 'lg';
     title: string;
+    theme: string;
+    size: 'sm' | 'lg';
     error: string;
     testId: string;
-    theme: string;
     placement: Placement;
     disabled: boolean;
     selected: any;

package/components/dropdown/Dropdown.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, watch, useSlots, nextTick, toRaw, provide, onMounted, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createVNode, withCtx, Transition, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, withModifiers, Fragment, renderList, pushScopeId, popScopeId } from 'vue';
-import Button from '../button/Button.vue.js';
+import Button from '../button/v3/Button.vue.js';
 import Icon from '../icon/Icon.vue.js';
 import { DropdownTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               */import { Dropdown as Dropdown$1 } from 'floating-vue';
-/* empty css                                                      *//* empty css                                                                      */import Option from './Option.vue.js';
+/* empty css                                                                           *//* empty css                                                                           *//* empty css                                                                       *//* empty css                                                                               */import { Dropdown as Dropdown$1 } from 'floating-vue';
+/* empty css                                                      *//* empty css                                                                         */import Option from './Option.vue.js';
 import Search from '../search/Search.vue.js';
 import { useToggle } from '../../composables/useToggle.vue.js';
 import { isObjectInArray } from '../../utils/array.vue.js';
@@ -15,7 +15,7 @@ import { Mode, Type, DropdownContext } from './DropdownContext.vue.js';
 import { pxToRem } from '../../utils/style.vue.js';
 /* empty css                                                          *//* empty css                                              */
 import "../../Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../Dropdown.vue_vue_type_style_index_1_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-6b0dd6db"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-0b9353e5"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["tabindex", "data-testid"];
 const _hoisted_2 = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"];
 const _hoisted_3 = {
@@ -780,6 +780,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b0dd6db"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0b9353e5"]]);
 
 export { Dropdown as default };