@ironsource/shared-ui 2.1.6-test.13 → 2.1.6-test.15

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

@@ -8,8 +8,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     content?: string;
     startIconName?: string;
     endIconName?: string;
-    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     startIconName: any;
     endIconName: any;
@@ -32,8 +32,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     content?: string;
     startIconName?: string;
     endIconName?: string;
-    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     startIconName: any;
     endIconName: any;
@@ -49,15 +49,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     variant: "text" | "contained" | "outlined";
     disabled: boolean;
-    size: "small" | "medium" | "large" | "extraLarge";
     color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    size: "small" | "medium" | "large" | "extraLarge";
     content: string;
     loading: boolean;
     testId: string;
     startIconName: string;
     endIconName: string;
-    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }>, {
     default?(_: {}): any;
     loader?(_: {}): any;

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

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "default" | "outlined";
     color?: "default" | "primary" | "error";
     size?: "small" | "medium" | "large" | "extraLarge";
-    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     iconName?: string;
     disabled?: boolean;
     testId?: string;
@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant?: "default" | "outlined";
     color?: "default" | "primary" | "error";
     size?: "small" | "medium" | "large" | "extraLarge";
-    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     iconName?: string;
     disabled?: boolean;
     testId?: string;
@@ -31,11 +31,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconName: string;
     type: string;
 }>>>, {
-    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     variant: "default" | "outlined";
     disabled: boolean;
-    size: "small" | "medium" | "large" | "extraLarge";
     color: "default" | "primary" | "error";
+    size: "small" | "medium" | "large" | "extraLarge";
     testId: string;
     iconName: string;
 }>, {

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

@@ -7,15 +7,15 @@ declare const ButtonTypes: () => (({
         $props: Partial<{
             variant: "text" | "contained" | "outlined";
             disabled: boolean;
-            size: "small" | "medium" | "large" | "extraLarge";
             color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+            size: "small" | "medium" | "large" | "extraLarge";
             content: string;
             loading: boolean;
             testId: string;
             startIconName: string;
             endIconName: string;
-            startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             variant: {
                 type: import("vue").PropType<"text" | "contained" | "outlined">;
@@ -25,14 +25,14 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-                default: string;
-            };
             color: {
                 type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
             content: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -54,14 +54,14 @@ declare const ButtonTypes: () => (({
                 default: any;
             };
             startIconType: {
-                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;
             };
             endIconType: {
-                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;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "size" | "color" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "color" | "size" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -84,14 +84,14 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-                default: string;
-            };
             color: {
                 type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                 default: string;
             };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
             content: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -113,25 +113,25 @@ declare const ButtonTypes: () => (({
                 default: any;
             };
             startIconType: {
-                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;
             };
             endIconType: {
-                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;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             variant: "text" | "contained" | "outlined";
             disabled: boolean;
-            size: "small" | "medium" | "large" | "extraLarge";
             color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+            size: "small" | "medium" | "large" | "extraLarge";
             content: string;
             loading: boolean;
             testId: string;
             startIconName: string;
             endIconName: string;
-            startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -161,14 +161,14 @@ declare const ButtonTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-            default: string;
-        };
         color: {
             type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
         content: {
             type: import("vue").PropType<string>;
             default: string;
@@ -190,11 +190,11 @@ declare const ButtonTypes: () => (({
             default: any;
         };
         startIconType: {
-            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;
         };
         endIconType: {
-            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;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -210,14 +210,14 @@ declare const ButtonTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    size: {
-        type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-        default: string;
-    };
     color: {
         type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
         default: string;
     };
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+        default: string;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -239,25 +239,25 @@ declare const ButtonTypes: () => (({
         default: any;
     };
     startIconType: {
-        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;
     };
     endIconType: {
-        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;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     variant: "text" | "contained" | "outlined";
     disabled: boolean;
-    size: "small" | "medium" | "large" | "extraLarge";
     color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    size: "small" | "medium" | "large" | "extraLarge";
     content: string;
     loading: boolean;
     testId: string;
     startIconName: string;
     endIconName: string;
-    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -268,16 +268,16 @@ declare const ButtonTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             variant: "default" | "outlined";
             disabled: boolean;
-            size: "small" | "medium" | "large" | "extraLarge";
             color: "default" | "primary" | "error";
+            size: "small" | "medium" | "large" | "extraLarge";
             testId: string;
             iconName: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             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;
             };
             variant: {
@@ -288,14 +288,14 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-                default: string;
-            };
             color: {
                 type: import("vue").PropType<"default" | "primary" | "error">;
                 default: string;
             };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -304,7 +304,7 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "variant" | "disabled" | "size" | "color" | "testId" | "iconName">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "variant" | "disabled" | "color" | "size" | "testId" | "iconName">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -320,7 +320,7 @@ declare const ButtonTypes: () => (({
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             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;
             };
             variant: {
@@ -331,14 +331,14 @@ declare const ButtonTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            size: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-                default: string;
-            };
             color: {
                 type: import("vue").PropType<"default" | "primary" | "error">;
                 default: string;
             };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -348,11 +348,11 @@ declare const ButtonTypes: () => (({
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
             variant: "default" | "outlined";
             disabled: boolean;
-            size: "small" | "medium" | "large" | "extraLarge";
             color: "default" | "primary" | "error";
+            size: "small" | "medium" | "large" | "extraLarge";
             testId: string;
             iconName: string;
         }, {}, string> & {
@@ -377,7 +377,7 @@ declare const ButtonTypes: () => (({
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         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;
         };
         variant: {
@@ -388,14 +388,14 @@ declare const ButtonTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-            default: string;
-        };
         color: {
             type: import("vue").PropType<"default" | "primary" | "error">;
             default: string;
         };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -410,7 +410,7 @@ declare const ButtonTypes: () => (({
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     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;
     };
     variant: {
@@ -421,14 +421,14 @@ declare const ButtonTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    size: {
-        type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
-        default: string;
-    };
     color: {
         type: import("vue").PropType<"default" | "primary" | "error">;
         default: string;
     };
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+        default: string;
+    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -438,11 +438,11 @@ declare const ButtonTypes: () => (({
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
     variant: "default" | "outlined";
     disabled: boolean;
-    size: "small" | "medium" | "large" | "extraLarge";
     color: "default" | "primary" | "error";
+    size: "small" | "medium" | "large" | "extraLarge";
     testId: string;
     iconName: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/chip/v4/Chip.types.d.ts

@@ -0,0 +1,6 @@
+export declare const CHIP_SIZES: readonly ["small", "medium"];
+export type ChipSize = (typeof CHIP_SIZES)[number];
+export declare const CHIP_COLORS: readonly ["default", "primary", "info", "error", "warning", "success", "dark"];
+export type ChipColor = (typeof CHIP_COLORS)[number];
+export declare const CHIP_VARIANTS: readonly ["filled", "outlined"];
+export type ChipVariant = (typeof CHIP_VARIANTS)[number];

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

@@ -1,41 +1,39 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selected?: boolean;
-    clearable?: boolean;
-    prefix?: string;
-    disabled?: boolean;
+import { ChipColor, ChipSize, ChipVariant } from './Chip.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
     testId?: string;
+    size?: ChipSize;
+    color?: ChipColor;
+    variant?: ChipVariant;
+    disabled?: boolean;
 }>, {
-    selected: boolean;
-    clearable: boolean;
-    prefix: any;
-    disabled: boolean;
+    label: string;
     testId: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cleared: (...args: any[]) => void;
-}, string, 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;
+    size: string;
+    color: string;
+    variant: string;
+    disabled: boolean;
+}>, {}, 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<{
+    label: string;
     testId?: string;
+    size?: ChipSize;
+    color?: ChipColor;
+    variant?: ChipVariant;
+    disabled?: boolean;
 }>, {
-    selected: boolean;
-    clearable: boolean;
-    prefix: any;
-    disabled: boolean;
+    label: string;
     testId: string;
-}>>> & {
-    onCleared?: (...args: any[]) => any;
-}, {
+    size: string;
+    color: string;
+    variant: string;
+    disabled: boolean;
+}>>>, {
+    label: string;
+    variant: ChipVariant;
     disabled: boolean;
+    color: ChipColor;
+    size: ChipSize;
     testId: string;
-    selected: boolean;
-    prefix: string;
-    clearable: boolean;
-}>, {
-    "icon-start"?(_: {}): any;
-    default?(_: {}): any;
-    "icon-end"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -55,8 +53,3 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,7 +1,7 @@
 import o from "./ChipV4.vue2.js";
 /* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ChipV4.vue_vue_type_style_index_0_scoped_78d7c9c0_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-78d7c9c0"]]);
+// import "../../../ChipV4.vue_vue_type_style_index_0_scoped_12c0f396_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-12c0f396"]]);
 export {
-  s as default
+  t as default
 };

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

@@ -1,67 +1,36 @@
- import "../../../ChipV4.vue_vue_type_style_index_0_scoped_78d7c9c0_lang.css"; import { defineComponent as f, resolveComponent as m, openBlock as o, createElementBlock as s, normalizeClass as p, unref as l, renderSlot as n, createCommentVNode as a, createElementVNode as b, toDisplayString as h, createVNode as d, withCtx as C, createTextVNode as $ } from "vue";
-import y from "../../icon/v3/Icon.vue.js";
-import { ChipTestIdModifiers as i } from "../../../testids/index.js";
-const k = ["disabled", "data-testid"], B = {
-  key: 0,
-  class: "icon icon--start"
-}, V = {
-  key: 0,
-  class: "prefix"
-}, I = {
-  key: 1,
-  class: "icon icon--end"
-}, v = ["data-testid"], R = /* @__PURE__ */ f({
+ import "../../../ChipV4.vue_vue_type_style_index_0_scoped_12c0f396_lang.css"; import { defineComponent as i, openBlock as o, createElementBlock as r, mergeProps as d, unref as t, createVNode as s, withCtx as c, createTextVNode as f, toDisplayString as n } from "vue";
+import { ChipTestIdModifiers as a } from "../../../testids/index.js";
+import { useTestIdAttrs as p } from "../../../utils/testIds.js";
+import m from "../../typography/v4/Typography.vue.js";
+const C = /* @__PURE__ */ i({
   __name: "ChipV4",
   props: {
-    selected: { type: Boolean, default: !1 },
-    clearable: { type: Boolean, default: !1 },
-    prefix: { default: null },
-    disabled: { type: Boolean, default: !1 },
-    testId: { default: "" }
+    label: { default: "" },
+    testId: { default: "" },
+    size: { default: "small" },
+    color: { default: "default" },
+    variant: { default: "filled" },
+    disabled: { type: Boolean, default: !1 }
   },
-  emits: ["cleared"],
-  setup(e, { emit: c }) {
-    const r = (t) => {
-      t.stopPropagation(), c("cleared");
-    };
-    return (t, E) => {
-      const u = m("B");
-      return o(), s("button", {
-        class: p(["chip-container", { selected: e.selected, disabled: e.disabled }]),
-        disabled: e.disabled,
-        "data-testid": `${e.testId}-${l(i).WRAPPER}`
-      }, [
-        t.$slots["icon-start"] ? (o(), s("span", B, [
-          n(t.$slots, "icon-start", {}, void 0, !0)
-        ])) : a("", !0),
-        b("span", null, [
-          e.prefix ? (o(), s("span", V, h(e.prefix) + ":", 1)) : a("", !0),
-          n(t.$slots, "default", {}, void 0, !0),
-          d(u, null, {
-            default: C(() => [
-              $(" V4 ")
-            ]),
-            _: 1
-          })
+  setup(e) {
+    const l = p(e.testId, a);
+    return (h, b) => (o(), r("div", d({
+      class: ["chip", [
+        `chip--${e.size}`,
+        `chip--${e.color}`,
+        `chip--${e.variant}`,
+        e.disabled ? "chip--disabled" : ""
+      ]]
+    }, t(l)[t(a).WRAPPER]), [
+      s(t(m), { variant: "chipLabel" }, {
+        default: c(() => [
+          f(n(e.label), 1)
         ]),
-        t.$slots["icon-end"] ? (o(), s("span", I, [
-          n(t.$slots, "icon-end", {}, void 0, !0)
-        ])) : a("", !0),
-        e.clearable ? (o(), s("button", {
-          key: 2,
-          class: "clear-icon",
-          "data-testid": `${e.testId}-${l(i).CLEAR}`,
-          onClick: r
-        }, [
-          d(l(y), {
-            name: "close-bold",
-            "font-size": "sm"
-          })
-        ], 8, v)) : a("", !0)
-      ], 10, k);
-    };
+        _: 1
+      })
+    ], 16));
   }
 });
 export {
-  R as default
+  C as default
 };