@ironsource/shared-ui 2.1.8-rc.4 → 2.1.8-rc.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css +1 -0
  2. package/components/chip/v4/ChipV4.vue.d.ts +19 -13
  3. package/components/chip/v4/ChipV4.vue.js +3 -3
  4. package/components/chip/v4/ChipV4.vue2.js +15 -13
  5. package/components/chip/v4/index.d.ts +138 -30
  6. package/index.d.ts +275 -59
  7. package/package.json +1 -1
  8. package/ChipV4.vue_vue_type_style_index_0_scoped_12c0f396_lang.css +0 -1
package/ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css ADDED
@@ -0,0 +1 @@
1
+ .chip[data-v-a4d3a12e]{display:inline-flex;align-items:center;width:fit-content;height:fit-content;border-radius:var(--border-radius-sm);padding:2px 4px}.chip--medium[data-v-a4d3a12e]{padding:6px;border-radius:var(--border-radius-md)}.chip--default[data-v-a4d3a12e]{color:var(--action-primary);background:var(--default-light);outline-color:var(--common-divider)}.chip--primary[data-v-a4d3a12e]{color:var(--primary-contrast-text);background:var(--primary-light);outline-color:var(--primary-main)}.chip--info[data-v-a4d3a12e]{color:var(--info-contrast-text);background:var(--info-light);outline-color:var(--info-dark)}.chip--error[data-v-a4d3a12e]{color:var(--error-contrast-text);background:var(--error-light);outline-color:var(--error-main)}.chip--warning[data-v-a4d3a12e]{color:var(--warning-contrast-text);background:var(--warning-light);outline-color:var(--warning-main)}.chip--success[data-v-a4d3a12e]{color:var(--success-contrast-text);background:var(--success-light);outline-color:var(--success-main)}.chip--dark[data-v-a4d3a12e]{color:var(--common-inverse-white);background:var(--common-inverse-black);outline-color:var(--common-divider)}.chip--filled[data-v-a4d3a12e]{outline-width:0}.chip--outlined[data-v-a4d3a12e]{outline-style:solid;outline-width:1px;outline-offset:-1px;background:transparent}.chip--outlined.chip--dark[data-v-a4d3a12e]{color:var(--action-primary)}.chip--disabled[data-v-a4d3a12e]{color:var(--action-disabled);background:var(--action-disabled-background);cursor:not-allowed}
package/components/chip/v4/ChipV4.vue.d.ts CHANGED
@@ -1,10 +1,9 @@
1
- import { ChipColor, ChipSize, ChipVariant } from './Chip.types';
2
- declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
- label: string;
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ label?: string;
4
3
  testId?: string;
5
- size?: ChipSize;
6
- color?: ChipColor;
7
- variant?: ChipVariant;
4
+ size?: "small" | "medium";
5
+ color?: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
6
+ variant?: "filled" | "outlined";
8
7
  disabled?: boolean;
9
8
  }>, {
10
9
  label: string;
@@ -14,11 +13,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
14
13
  variant: string;
15
14
  disabled: boolean;
16
15
  }>, {}, 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<{
17
- label: string;
16
+ label?: string;
18
17
  testId?: string;
19
- size?: ChipSize;
20
- color?: ChipColor;
21
- variant?: ChipVariant;
18
+ size?: "small" | "medium";
19
+ color?: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
20
+ variant?: "filled" | "outlined";
22
21
  disabled?: boolean;
23
22
  }>, {
24
23
  label: string;
@@ -30,10 +29,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
30
29
  }>>>, {
31
30
  label: string;
32
31
  testId: string;
33
- variant: ChipVariant;
32
+ variant: "filled" | "outlined";
34
33
  disabled: boolean;
35
- color: ChipColor;
36
- size: ChipSize;
34
+ color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
35
+ size: "small" | "medium";
36
+ }>, {
37
+ default?(_: {}): any;
37
38
  }>;
38
39
  export default _default;
39
40
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -53,3 +54,8 @@ type __VLS_WithDefaults<P, D> = {
53
54
  type __VLS_Prettify<T> = {
54
55
  [K in keyof T]: T[K];
55
56
  } & {};
57
+ type __VLS_WithTemplateSlots<T, S> = T & {
58
+ new (): {
59
+ $slots: S;
60
+ };
61
+ };
package/components/chip/v4/ChipV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ChipV4.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ChipV4.vue_vue_type_style_index_0_scoped_12c0f396_lang.css"; //*');
4
- const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-12c0f396"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a4d3a12e"]]);
5
5
  export {
6
6
  t as default
7
7
  };
package/components/chip/v4/ChipV4.vue2.js CHANGED
@@ -1,8 +1,8 @@
1
- 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";
1
+ import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css"; import { defineComponent as i, openBlock as o, createElementBlock as d, mergeProps as s, unref as t, renderSlot as c, createVNode as f, withCtx as n, createTextVNode as p, toDisplayString as u } from "vue";
2
2
  import { ChipTestIdModifiers as a } from "../../../testids/index.js";
3
- import { useTestIdAttrs as p } from "../../../utils/testIds.js";
4
- import m from "../../typography/v4/Typography.vue.js";
5
- const C = /* @__PURE__ */ i({
3
+ import { useTestIdAttrs as m } from "../../../utils/testIds.js";
4
+ import h from "../../typography/v4/Typography.vue.js";
5
+ const $ = /* @__PURE__ */ i({
6
6
  __name: "ChipV4",
7
7
  props: {
8
8
  label: { default: "" },
@@ -13,8 +13,8 @@ const C = /* @__PURE__ */ i({
13
13
  disabled: { type: Boolean, default: !1 }
14
14
  },
15
15
  setup(e) {
16
- const l = p(e.testId, a);
17
- return (h, b) => (o(), r("div", d({
16
+ const l = m(e.testId, a);
17
+ return (r, I) => (o(), d("div", s({
18
18
  class: ["chip", [
19
19
  `chip--${e.size}`,
20
20
  `chip--${e.color}`,
@@ -22,15 +22,17 @@ const C = /* @__PURE__ */ i({
22
22
  e.disabled ? "chip--disabled" : ""
23
23
  ]]
24
24
  }, t(l)[t(a).WRAPPER]), [
25
- s(t(m), { variant: "chipLabel" }, {
26
- default: c(() => [
27
- f(n(e.label), 1)
28
- ]),
29
- _: 1
30
- })
25
+ c(r.$slots, "default", {}, () => [
26
+ f(t(h), { variant: "chipLabel" }, {
27
+ default: n(() => [
28
+ p(u(e.label), 1)
29
+ ]),
30
+ _: 1
31
+ })
32
+ ], !0)
31
33
  ], 16));
32
34
  }
33
35
  });
34
36
  export {
35
- C as default
37
+ $ as default
36
38
  };
package/components/chip/v4/index.d.ts CHANGED
@@ -1,7 +1,137 @@
1
- declare const ChipTypes: () => import("vue").DefineComponent<{
1
+ declare const ChipTypes: () => ({
2
+ new (...args: any[]): {
3
+ $: import("vue").ComponentInternalInstance;
4
+ $data: {};
5
+ $props: Partial<{
6
+ label: string;
7
+ testId: string;
8
+ variant: "filled" | "outlined";
9
+ disabled: boolean;
10
+ color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
11
+ size: "small" | "medium";
12
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
13
+ label: {
14
+ type: import("vue").PropType<string>;
15
+ default: string;
16
+ };
17
+ testId: {
18
+ type: import("vue").PropType<string>;
19
+ default: string;
20
+ };
21
+ variant: {
22
+ type: import("vue").PropType<"filled" | "outlined">;
23
+ default: string;
24
+ };
25
+ disabled: {
26
+ type: import("vue").PropType<boolean>;
27
+ default: boolean;
28
+ };
29
+ color: {
30
+ type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
31
+ default: string;
32
+ };
33
+ size: {
34
+ type: import("vue").PropType<"small" | "medium">;
35
+ default: string;
36
+ };
37
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "variant" | "disabled" | "color" | "size">;
38
+ $attrs: {
39
+ [x: string]: unknown;
40
+ };
41
+ $refs: {
42
+ [x: string]: unknown;
43
+ };
44
+ $slots: Readonly<{
45
+ [name: string]: import("vue").Slot;
46
+ }>;
47
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
48
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
49
+ $emit: (event: string, ...args: any[]) => void;
50
+ $el: any;
51
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
52
+ label: {
53
+ type: import("vue").PropType<string>;
54
+ default: string;
55
+ };
56
+ testId: {
57
+ type: import("vue").PropType<string>;
58
+ default: string;
59
+ };
60
+ variant: {
61
+ type: import("vue").PropType<"filled" | "outlined">;
62
+ default: string;
63
+ };
64
+ disabled: {
65
+ type: import("vue").PropType<boolean>;
66
+ default: boolean;
67
+ };
68
+ color: {
69
+ type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
70
+ default: string;
71
+ };
72
+ size: {
73
+ type: import("vue").PropType<"small" | "medium">;
74
+ default: string;
75
+ };
76
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
77
+ label: string;
78
+ testId: string;
79
+ variant: "filled" | "outlined";
80
+ disabled: boolean;
81
+ color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
82
+ size: "small" | "medium";
83
+ }, {}, string> & {
84
+ beforeCreate?: (() => void) | (() => void)[];
85
+ created?: (() => void) | (() => void)[];
86
+ beforeMount?: (() => void) | (() => void)[];
87
+ mounted?: (() => void) | (() => void)[];
88
+ beforeUpdate?: (() => void) | (() => void)[];
89
+ updated?: (() => void) | (() => void)[];
90
+ activated?: (() => void) | (() => void)[];
91
+ deactivated?: (() => void) | (() => void)[];
92
+ beforeDestroy?: (() => void) | (() => void)[];
93
+ beforeUnmount?: (() => void) | (() => void)[];
94
+ destroyed?: (() => void) | (() => void)[];
95
+ unmounted?: (() => void) | (() => void)[];
96
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
97
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
98
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
99
+ };
100
+ $forceUpdate: () => void;
101
+ $nextTick: typeof import("vue").nextTick;
102
+ $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;
103
+ } & Readonly<import("vue").ExtractPropTypes<{
104
+ label: {
105
+ type: import("vue").PropType<string>;
106
+ default: string;
107
+ };
108
+ testId: {
109
+ type: import("vue").PropType<string>;
110
+ default: string;
111
+ };
112
+ variant: {
113
+ type: import("vue").PropType<"filled" | "outlined">;
114
+ default: string;
115
+ };
116
+ disabled: {
117
+ type: import("vue").PropType<boolean>;
118
+ default: boolean;
119
+ };
120
+ color: {
121
+ type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
122
+ default: string;
123
+ };
124
+ size: {
125
+ type: import("vue").PropType<"small" | "medium">;
126
+ default: string;
127
+ };
128
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
129
+ __isFragment?: never;
130
+ __isTeleport?: never;
131
+ __isSuspense?: never;
132
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
2
133
  label: {
3
134
  type: import("vue").PropType<string>;
4
- required: true;
5
135
  default: string;
6
136
  };
7
137
  testId: {
@@ -24,39 +154,17 @@ declare const ChipTypes: () => import("vue").DefineComponent<{
24
154
  type: import("vue").PropType<"small" | "medium">;
25
155
  default: string;
26
156
  };
27
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
28
- label: {
29
- type: import("vue").PropType<string>;
30
- required: true;
31
- default: string;
32
- };
33
- testId: {
34
- type: import("vue").PropType<string>;
35
- default: string;
36
- };
37
- variant: {
38
- type: import("vue").PropType<"filled" | "outlined">;
39
- default: string;
40
- };
41
- disabled: {
42
- type: import("vue").PropType<boolean>;
43
- default: boolean;
44
- };
45
- color: {
46
- type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
47
- default: string;
48
- };
49
- size: {
50
- type: import("vue").PropType<"small" | "medium">;
51
- default: string;
52
- };
53
- }>>, {
157
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
54
158
  label: string;
55
159
  testId: string;
56
160
  variant: "filled" | "outlined";
57
161
  disabled: boolean;
58
162
  color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
59
163
  size: "small" | "medium";
60
- }>[];
164
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
165
+ $slots: {
166
+ default?(_: {}): any;
167
+ };
168
+ }))[];
61
169
  export { default as Chip } from './ChipV4.vue';
62
170
  export { ChipTypes };
package/index.d.ts CHANGED
@@ -22994,36 +22994,140 @@ declare const _default: {
22994
22994
  testId: string;
22995
22995
  iconKey: string;
22996
22996
  }>[];
22997
- Chip: import("vue").DefineComponent<{
22998
- label: {
22999
- type: import("vue").PropType<string>;
23000
- required: true;
23001
- default: string;
23002
- };
23003
- testId: {
23004
- type: import("vue").PropType<string>;
23005
- default: string;
23006
- };
23007
- variant: {
23008
- type: import("vue").PropType<"filled" | "outlined">;
23009
- default: string;
23010
- };
23011
- disabled: {
23012
- type: import("vue").PropType<boolean>;
23013
- default: boolean;
23014
- };
23015
- color: {
23016
- type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
23017
- default: string;
23018
- };
23019
- size: {
23020
- type: import("vue").PropType<"small" | "medium">;
23021
- default: string;
23022
- };
23023
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
22997
+ Chip: {
22998
+ new (...args: any[]): {
22999
+ $: import("vue").ComponentInternalInstance;
23000
+ $data: {};
23001
+ $props: Partial<{
23002
+ label: string;
23003
+ testId: string;
23004
+ variant: "filled" | "outlined";
23005
+ disabled: boolean;
23006
+ color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
23007
+ size: "small" | "medium";
23008
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
23009
+ label: {
23010
+ type: import("vue").PropType<string>;
23011
+ default: string;
23012
+ };
23013
+ testId: {
23014
+ type: import("vue").PropType<string>;
23015
+ default: string;
23016
+ };
23017
+ variant: {
23018
+ type: import("vue").PropType<"filled" | "outlined">;
23019
+ default: string;
23020
+ };
23021
+ disabled: {
23022
+ type: import("vue").PropType<boolean>;
23023
+ default: boolean;
23024
+ };
23025
+ color: {
23026
+ type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
23027
+ default: string;
23028
+ };
23029
+ size: {
23030
+ type: import("vue").PropType<"small" | "medium">;
23031
+ default: string;
23032
+ };
23033
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "variant" | "disabled" | "color" | "size">;
23034
+ $attrs: {
23035
+ [x: string]: unknown;
23036
+ };
23037
+ $refs: {
23038
+ [x: string]: unknown;
23039
+ };
23040
+ $slots: Readonly<{
23041
+ [name: string]: import("vue").Slot;
23042
+ }>;
23043
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
23044
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
23045
+ $emit: (event: string, ...args: any[]) => void;
23046
+ $el: any;
23047
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
23048
+ label: {
23049
+ type: import("vue").PropType<string>;
23050
+ default: string;
23051
+ };
23052
+ testId: {
23053
+ type: import("vue").PropType<string>;
23054
+ default: string;
23055
+ };
23056
+ variant: {
23057
+ type: import("vue").PropType<"filled" | "outlined">;
23058
+ default: string;
23059
+ };
23060
+ disabled: {
23061
+ type: import("vue").PropType<boolean>;
23062
+ default: boolean;
23063
+ };
23064
+ color: {
23065
+ type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
23066
+ default: string;
23067
+ };
23068
+ size: {
23069
+ type: import("vue").PropType<"small" | "medium">;
23070
+ default: string;
23071
+ };
23072
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
23073
+ label: string;
23074
+ testId: string;
23075
+ variant: "filled" | "outlined";
23076
+ disabled: boolean;
23077
+ color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
23078
+ size: "small" | "medium";
23079
+ }, {}, string> & {
23080
+ beforeCreate?: (() => void) | (() => void)[];
23081
+ created?: (() => void) | (() => void)[];
23082
+ beforeMount?: (() => void) | (() => void)[];
23083
+ mounted?: (() => void) | (() => void)[];
23084
+ beforeUpdate?: (() => void) | (() => void)[];
23085
+ updated?: (() => void) | (() => void)[];
23086
+ activated?: (() => void) | (() => void)[];
23087
+ deactivated?: (() => void) | (() => void)[];
23088
+ beforeDestroy?: (() => void) | (() => void)[];
23089
+ beforeUnmount?: (() => void) | (() => void)[];
23090
+ destroyed?: (() => void) | (() => void)[];
23091
+ unmounted?: (() => void) | (() => void)[];
23092
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
23093
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
23094
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
23095
+ };
23096
+ $forceUpdate: () => void;
23097
+ $nextTick: typeof import("vue").nextTick;
23098
+ $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;
23099
+ } & Readonly<import("vue").ExtractPropTypes<{
23100
+ label: {
23101
+ type: import("vue").PropType<string>;
23102
+ default: string;
23103
+ };
23104
+ testId: {
23105
+ type: import("vue").PropType<string>;
23106
+ default: string;
23107
+ };
23108
+ variant: {
23109
+ type: import("vue").PropType<"filled" | "outlined">;
23110
+ default: string;
23111
+ };
23112
+ disabled: {
23113
+ type: import("vue").PropType<boolean>;
23114
+ default: boolean;
23115
+ };
23116
+ color: {
23117
+ type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
23118
+ default: string;
23119
+ };
23120
+ size: {
23121
+ type: import("vue").PropType<"small" | "medium">;
23122
+ default: string;
23123
+ };
23124
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
23125
+ __isFragment?: never;
23126
+ __isTeleport?: never;
23127
+ __isSuspense?: never;
23128
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
23024
23129
  label: {
23025
23130
  type: import("vue").PropType<string>;
23026
- required: true;
23027
23131
  default: string;
23028
23132
  };
23029
23133
  testId: {
@@ -23046,44 +23150,152 @@ declare const _default: {
23046
23150
  type: import("vue").PropType<"small" | "medium">;
23047
23151
  default: string;
23048
23152
  };
23049
- }>>, {
23153
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
23050
23154
  label: string;
23051
23155
  testId: string;
23052
23156
  variant: "filled" | "outlined";
23053
23157
  disabled: boolean;
23054
23158
  color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
23055
23159
  size: "small" | "medium";
23056
- }>;
23057
- ChipTypes: () => import("vue").DefineComponent<{
23058
- label: {
23059
- type: import("vue").PropType<string>;
23060
- required: true;
23061
- default: string;
23062
- };
23063
- testId: {
23064
- type: import("vue").PropType<string>;
23065
- default: string;
23066
- };
23067
- variant: {
23068
- type: import("vue").PropType<"filled" | "outlined">;
23069
- default: string;
23070
- };
23071
- disabled: {
23072
- type: import("vue").PropType<boolean>;
23073
- default: boolean;
23074
- };
23075
- color: {
23076
- type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
23077
- default: string;
23078
- };
23079
- size: {
23080
- type: import("vue").PropType<"small" | "medium">;
23081
- default: string;
23160
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
23161
+ $slots: {
23162
+ default?(_: {}): any;
23082
23163
  };
23083
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
23164
+ });
23165
+ ChipTypes: () => ({
23166
+ new (...args: any[]): {
23167
+ $: import("vue").ComponentInternalInstance;
23168
+ $data: {};
23169
+ $props: Partial<{
23170
+ label: string;
23171
+ testId: string;
23172
+ variant: "filled" | "outlined";
23173
+ disabled: boolean;
23174
+ color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
23175
+ size: "small" | "medium";
23176
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
23177
+ label: {
23178
+ type: import("vue").PropType<string>;
23179
+ default: string;
23180
+ };
23181
+ testId: {
23182
+ type: import("vue").PropType<string>;
23183
+ default: string;
23184
+ };
23185
+ variant: {
23186
+ type: import("vue").PropType<"filled" | "outlined">;
23187
+ default: string;
23188
+ };
23189
+ disabled: {
23190
+ type: import("vue").PropType<boolean>;
23191
+ default: boolean;
23192
+ };
23193
+ color: {
23194
+ type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
23195
+ default: string;
23196
+ };
23197
+ size: {
23198
+ type: import("vue").PropType<"small" | "medium">;
23199
+ default: string;
23200
+ };
23201
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "variant" | "disabled" | "color" | "size">;
23202
+ $attrs: {
23203
+ [x: string]: unknown;
23204
+ };
23205
+ $refs: {
23206
+ [x: string]: unknown;
23207
+ };
23208
+ $slots: Readonly<{
23209
+ [name: string]: import("vue").Slot;
23210
+ }>;
23211
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
23212
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
23213
+ $emit: (event: string, ...args: any[]) => void;
23214
+ $el: any;
23215
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
23216
+ label: {
23217
+ type: import("vue").PropType<string>;
23218
+ default: string;
23219
+ };
23220
+ testId: {
23221
+ type: import("vue").PropType<string>;
23222
+ default: string;
23223
+ };
23224
+ variant: {
23225
+ type: import("vue").PropType<"filled" | "outlined">;
23226
+ default: string;
23227
+ };
23228
+ disabled: {
23229
+ type: import("vue").PropType<boolean>;
23230
+ default: boolean;
23231
+ };
23232
+ color: {
23233
+ type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
23234
+ default: string;
23235
+ };
23236
+ size: {
23237
+ type: import("vue").PropType<"small" | "medium">;
23238
+ default: string;
23239
+ };
23240
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
23241
+ label: string;
23242
+ testId: string;
23243
+ variant: "filled" | "outlined";
23244
+ disabled: boolean;
23245
+ color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
23246
+ size: "small" | "medium";
23247
+ }, {}, string> & {
23248
+ beforeCreate?: (() => void) | (() => void)[];
23249
+ created?: (() => void) | (() => void)[];
23250
+ beforeMount?: (() => void) | (() => void)[];
23251
+ mounted?: (() => void) | (() => void)[];
23252
+ beforeUpdate?: (() => void) | (() => void)[];
23253
+ updated?: (() => void) | (() => void)[];
23254
+ activated?: (() => void) | (() => void)[];
23255
+ deactivated?: (() => void) | (() => void)[];
23256
+ beforeDestroy?: (() => void) | (() => void)[];
23257
+ beforeUnmount?: (() => void) | (() => void)[];
23258
+ destroyed?: (() => void) | (() => void)[];
23259
+ unmounted?: (() => void) | (() => void)[];
23260
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
23261
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
23262
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
23263
+ };
23264
+ $forceUpdate: () => void;
23265
+ $nextTick: typeof import("vue").nextTick;
23266
+ $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;
23267
+ } & Readonly<import("vue").ExtractPropTypes<{
23268
+ label: {
23269
+ type: import("vue").PropType<string>;
23270
+ default: string;
23271
+ };
23272
+ testId: {
23273
+ type: import("vue").PropType<string>;
23274
+ default: string;
23275
+ };
23276
+ variant: {
23277
+ type: import("vue").PropType<"filled" | "outlined">;
23278
+ default: string;
23279
+ };
23280
+ disabled: {
23281
+ type: import("vue").PropType<boolean>;
23282
+ default: boolean;
23283
+ };
23284
+ color: {
23285
+ type: import("vue").PropType<"dark" | "default" | "primary" | "info" | "success" | "warning" | "error">;
23286
+ default: string;
23287
+ };
23288
+ size: {
23289
+ type: import("vue").PropType<"small" | "medium">;
23290
+ default: string;
23291
+ };
23292
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
23293
+ __isFragment?: never;
23294
+ __isTeleport?: never;
23295
+ __isSuspense?: never;
23296
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
23084
23297
  label: {
23085
23298
  type: import("vue").PropType<string>;
23086
- required: true;
23087
23299
  default: string;
23088
23300
  };
23089
23301
  testId: {
@@ -23106,14 +23318,18 @@ declare const _default: {
23106
23318
  type: import("vue").PropType<"small" | "medium">;
23107
23319
  default: string;
23108
23320
  };
23109
- }>>, {
23321
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
23110
23322
  label: string;
23111
23323
  testId: string;
23112
23324
  variant: "filled" | "outlined";
23113
23325
  disabled: boolean;
23114
23326
  color: "dark" | "default" | "primary" | "info" | "success" | "warning" | "error";
23115
23327
  size: "small" | "medium";
23116
- }>[];
23328
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
23329
+ $slots: {
23330
+ default?(_: {}): any;
23331
+ };
23332
+ }))[];
23117
23333
  };
23118
23334
  export default _default;
23119
23335
  export * from '@/composables/useToggle';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.8-rc.4",
3
+ "version": "2.1.8-rc.5",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/ChipV4.vue_vue_type_style_index_0_scoped_12c0f396_lang.css DELETED
@@ -1 +0,0 @@
1
- .chip[data-v-12c0f396]{display:inline-flex;align-items:center;width:fit-content;height:fit-content;border-radius:var(--border-radius-sm);padding:2px 4px}.chip--medium[data-v-12c0f396]{padding:6px;border-radius:var(--border-radius-md)}.chip--default[data-v-12c0f396]{color:var(--action-primary);background:var(--default-light);outline-color:var(--common-divider)}.chip--primary[data-v-12c0f396]{color:var(--primary-contrast-text);background:var(--primary-light);outline-color:var(--primary-main)}.chip--info[data-v-12c0f396]{color:var(--info-contrast-text);background:var(--info-light);outline-color:var(--info-dark)}.chip--error[data-v-12c0f396]{color:var(--error-contrast-text);background:var(--error-light);outline-color:var(--error-main)}.chip--warning[data-v-12c0f396]{color:var(--warning-contrast-text);background:var(--warning-light);outline-color:var(--warning-main)}.chip--success[data-v-12c0f396]{color:var(--success-contrast-text);background:var(--success-light);outline-color:var(--success-main)}.chip--dark[data-v-12c0f396]{color:var(--common-inverse-white);background:var(--common-inverse-black);outline-color:var(--common-divider)}.chip--filled[data-v-12c0f396]{outline-width:0}.chip--outlined[data-v-12c0f396]{outline-style:solid;outline-width:1px;outline-offset:-1px;background:transparent}.chip--outlined.chip--dark[data-v-12c0f396]{color:var(--action-primary)}.chip--disabled[data-v-12c0f396]{color:var(--action-disabled);background:var(--action-disabled-background);cursor:not-allowed}