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

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 (44) hide show
  1. package/ButtonGroup.vue_vue_type_style_index_0_scoped_5497abe6_lang.css +1 -0
  2. package/ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css +1 -0
  3. package/DataGrid.vue_vue_type_style_index_0_scoped_2f666594_lang.css +1 -0
  4. package/IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css +1 -0
  5. package/components/alert/Alert.vue2.js +3 -2
  6. package/components/button/v4/ButtonGroup.vue.d.ts +46 -0
  7. package/components/button/v4/ButtonGroup.vue.js +7 -0
  8. package/components/button/v4/ButtonGroup.vue2.js +19 -0
  9. package/components/button/v4/ButtonV4.vue.js +3 -3
  10. package/components/button/v4/ButtonV4.vue2.js +1 -1
  11. package/components/button/v4/IconButtonV4.vue.js +2 -2
  12. package/components/button/v4/IconButtonV4.vue2.js +1 -1
  13. package/components/button/v4/index.d.ts +72 -224
  14. package/components/button/v4/index.js +4 -2
  15. package/components/dateRange/v4/CalendarMonthV4.vue2.js +21 -20
  16. package/components/dateRange/v4/DateRangeV4.vue2.js +3 -2
  17. package/components/dialog/v4/DialogV4.vue2.js +9 -8
  18. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +5 -4
  19. package/components/dropdown/v4/DropdownV4.vue2.js +3 -2
  20. package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +6 -5
  21. package/components/emptyState/v4/EmptyStateV4.vue2.js +15 -14
  22. package/components/forms/FormCard.vue2.js +3 -2
  23. package/components/multibar/MultiBar.vue2.js +19 -18
  24. package/components/snackbar/v4/SnackbarV4.vue2.js +7 -6
  25. package/components/switch/v4/SwitchV4.vue2.js +8 -7
  26. package/components/table/v4/DataGrid.vue.d.ts +4 -0
  27. package/components/table/v4/DataGrid.vue.js +2 -2
  28. package/components/table/v4/DataGrid.vue2.js +140 -131
  29. package/components/table/v4/ExpandRowToggle.vue2.js +9 -8
  30. package/components/table/v4/MultipleDataGrid.vue.d.ts +2 -2
  31. package/components/table/v4/index.d.ts +6 -2
  32. package/index.d.ts +126 -161
  33. package/index.js +105 -109
  34. package/package.json +2 -5
  35. package/ButtonV4.vue_vue_type_style_index_0_scoped_8c3b0c3f_lang.css +0 -1
  36. package/CssBaseline.vue_vue_type_style_index_0_scoped_f7dd256b_lang.css +0 -1
  37. package/CssBaseline.vue_vue_type_style_index_1_lang.css +0 -1
  38. package/DataGrid.vue_vue_type_style_index_0_scoped_46d53424_lang.css +0 -1
  39. package/IconButtonV4.vue_vue_type_style_index_0_scoped_4eefa06b_lang.css +0 -1
  40. package/components/cssBaseline/CssBaseline.vue.d.ts +0 -9
  41. package/components/cssBaseline/CssBaseline.vue.js +0 -10
  42. package/components/cssBaseline/CssBaseline.vue2.js +0 -0
  43. package/components/cssBaseline/index.d.ts +0 -49
  44. package/components/cssBaseline/index.js +0 -6
package/components/button/v4/index.d.ts CHANGED
@@ -1,28 +1,29 @@
1
1
  import Button from './ButtonV4.vue';
2
2
  import IconButton from './IconButtonV4.vue';
3
+ import ButtonGroup from './ButtonGroup.vue';
3
4
  declare const ButtonTypes: () => (({
4
5
  new (...args: any[]): {
5
6
  $: import("vue").ComponentInternalInstance;
6
7
  $data: {};
7
8
  $props: Partial<{
9
+ type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
8
10
  testId: string;
9
- variant: "text" | "contained" | "outlined";
11
+ variant: "default" | "outlined";
10
12
  disabled: boolean;
11
- color: "default" | "primary" | "danger" | "info" | "success" | "warning";
12
- size: "small" | "medium" | "large" | "extraLarge";
13
- content: string;
14
- loading: boolean;
15
- startIconName: string;
16
- endIconName: string;
17
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
18
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
13
+ color: "default" | "primary" | "error";
14
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
15
+ iconName: string;
19
16
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
17
+ type: {
18
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
19
+ default: string;
20
+ };
20
21
  testId: {
21
22
  type: import("vue").PropType<string>;
22
23
  default: string;
23
24
  };
24
25
  variant: {
25
- type: import("vue").PropType<"text" | "contained" | "outlined">;
26
+ type: import("vue").PropType<"default" | "outlined">;
26
27
  default: string;
27
28
  };
28
29
  disabled: {
@@ -30,38 +31,18 @@ declare const ButtonTypes: () => (({
30
31
  default: boolean;
31
32
  };
32
33
  color: {
33
- type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
34
+ type: import("vue").PropType<"default" | "primary" | "error">;
34
35
  default: string;
35
36
  };
36
37
  size: {
37
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
38
- default: string;
39
- };
40
- content: {
41
- type: import("vue").PropType<string>;
38
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
42
39
  default: string;
43
40
  };
44
- loading: {
45
- type: import("vue").PropType<boolean>;
46
- default: boolean;
47
- };
48
- startIconName: {
49
- type: import("vue").PropType<string>;
50
- default: any;
51
- };
52
- endIconName: {
41
+ iconName: {
53
42
  type: import("vue").PropType<string>;
54
- default: any;
55
- };
56
- startIconType: {
57
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
58
- default: string;
59
- };
60
- endIconType: {
61
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
62
43
  default: string;
63
44
  };
64
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
45
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "testId" | "variant" | "disabled" | "color" | "size" | "iconName">;
65
46
  $attrs: {
66
47
  [x: string]: unknown;
67
48
  };
@@ -76,12 +57,16 @@ declare const ButtonTypes: () => (({
76
57
  $emit: (event: string, ...args: any[]) => void;
77
58
  $el: any;
78
59
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
60
+ type: {
61
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
62
+ default: string;
63
+ };
79
64
  testId: {
80
65
  type: import("vue").PropType<string>;
81
66
  default: string;
82
67
  };
83
68
  variant: {
84
- type: import("vue").PropType<"text" | "contained" | "outlined">;
69
+ type: import("vue").PropType<"default" | "outlined">;
85
70
  default: string;
86
71
  };
87
72
  disabled: {
@@ -89,49 +74,25 @@ declare const ButtonTypes: () => (({
89
74
  default: boolean;
90
75
  };
91
76
  color: {
92
- type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
77
+ type: import("vue").PropType<"default" | "primary" | "error">;
93
78
  default: string;
94
79
  };
95
80
  size: {
96
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
97
- default: string;
98
- };
99
- content: {
100
- type: import("vue").PropType<string>;
81
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
101
82
  default: string;
102
83
  };
103
- loading: {
104
- type: import("vue").PropType<boolean>;
105
- default: boolean;
106
- };
107
- startIconName: {
108
- type: import("vue").PropType<string>;
109
- default: any;
110
- };
111
- endIconName: {
84
+ iconName: {
112
85
  type: import("vue").PropType<string>;
113
- default: any;
114
- };
115
- startIconType: {
116
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
117
- default: string;
118
- };
119
- endIconType: {
120
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
121
86
  default: string;
122
87
  };
123
88
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
89
+ type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
124
90
  testId: string;
125
- variant: "text" | "contained" | "outlined";
91
+ variant: "default" | "outlined";
126
92
  disabled: boolean;
127
- color: "default" | "primary" | "danger" | "info" | "success" | "warning";
128
- size: "small" | "medium" | "large" | "extraLarge";
129
- content: string;
130
- loading: boolean;
131
- startIconName: string;
132
- endIconName: string;
133
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
134
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
93
+ color: "default" | "primary" | "error";
94
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
95
+ iconName: string;
135
96
  }, {}, string> & {
136
97
  beforeCreate?: (() => void) | (() => void)[];
137
98
  created?: (() => void) | (() => void)[];
@@ -153,12 +114,16 @@ declare const ButtonTypes: () => (({
153
114
  $nextTick: typeof import("vue").nextTick;
154
115
  $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;
155
116
  } & Readonly<import("vue").ExtractPropTypes<{
117
+ type: {
118
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
119
+ default: string;
120
+ };
156
121
  testId: {
157
122
  type: import("vue").PropType<string>;
158
123
  default: string;
159
124
  };
160
125
  variant: {
161
- type: import("vue").PropType<"text" | "contained" | "outlined">;
126
+ type: import("vue").PropType<"default" | "outlined">;
162
127
  default: string;
163
128
  };
164
129
  disabled: {
@@ -166,35 +131,15 @@ declare const ButtonTypes: () => (({
166
131
  default: boolean;
167
132
  };
168
133
  color: {
169
- type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
134
+ type: import("vue").PropType<"default" | "primary" | "error">;
170
135
  default: string;
171
136
  };
172
137
  size: {
173
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
174
- default: string;
175
- };
176
- content: {
177
- type: import("vue").PropType<string>;
138
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
178
139
  default: string;
179
140
  };
180
- loading: {
181
- type: import("vue").PropType<boolean>;
182
- default: boolean;
183
- };
184
- startIconName: {
185
- type: import("vue").PropType<string>;
186
- default: any;
187
- };
188
- endIconName: {
141
+ iconName: {
189
142
  type: import("vue").PropType<string>;
190
- default: any;
191
- };
192
- startIconType: {
193
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
194
- default: string;
195
- };
196
- endIconType: {
197
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
198
143
  default: string;
199
144
  };
200
145
  }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -202,12 +147,16 @@ declare const ButtonTypes: () => (({
202
147
  __isTeleport?: never;
203
148
  __isSuspense?: never;
204
149
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
150
+ type: {
151
+ type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
152
+ default: string;
153
+ };
205
154
  testId: {
206
155
  type: import("vue").PropType<string>;
207
156
  default: string;
208
157
  };
209
158
  variant: {
210
- type: import("vue").PropType<"text" | "contained" | "outlined">;
159
+ type: import("vue").PropType<"default" | "outlined">;
211
160
  default: string;
212
161
  };
213
162
  disabled: {
@@ -215,96 +164,51 @@ declare const ButtonTypes: () => (({
215
164
  default: boolean;
216
165
  };
217
166
  color: {
218
- type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
167
+ type: import("vue").PropType<"default" | "primary" | "error">;
219
168
  default: string;
220
169
  };
221
170
  size: {
222
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
223
- default: string;
224
- };
225
- content: {
226
- type: import("vue").PropType<string>;
171
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
227
172
  default: string;
228
173
  };
229
- loading: {
230
- type: import("vue").PropType<boolean>;
231
- default: boolean;
232
- };
233
- startIconName: {
234
- type: import("vue").PropType<string>;
235
- default: any;
236
- };
237
- endIconName: {
174
+ iconName: {
238
175
  type: import("vue").PropType<string>;
239
- default: any;
240
- };
241
- startIconType: {
242
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
243
- default: string;
244
- };
245
- endIconType: {
246
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
247
176
  default: string;
248
177
  };
249
178
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
179
+ type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
250
180
  testId: string;
251
- variant: "text" | "contained" | "outlined";
181
+ variant: "default" | "outlined";
252
182
  disabled: boolean;
253
- color: "default" | "primary" | "danger" | "info" | "success" | "warning";
254
- size: "small" | "medium" | "large" | "extraLarge";
255
- content: string;
256
- loading: boolean;
257
- startIconName: string;
258
- endIconName: string;
259
- startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
260
- endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
183
+ color: "default" | "primary" | "error";
184
+ size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
185
+ iconName: string;
261
186
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
262
187
  $slots: {
263
188
  default?(_: {}): any;
264
- loader?(_: {}): any;
265
189
  };
266
190
  })) | ({
267
191
  new (...args: any[]): {
268
192
  $: import("vue").ComponentInternalInstance;
269
193
  $data: {};
270
194
  $props: Partial<{
271
- type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
272
- testId: string;
273
- variant: "default" | "outlined";
274
- disabled: boolean;
275
- color: "default" | "primary" | "error";
276
- size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
277
- iconName: string;
195
+ variant: "text" | "contained" | "outlined";
196
+ color: "default" | "primary" | "danger" | "info" | "success" | "warning";
197
+ size: "small" | "medium" | "large" | "extraLarge";
278
198
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
279
- type: {
280
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
281
- default: string;
282
- };
283
- testId: {
284
- type: import("vue").PropType<string>;
285
- default: string;
286
- };
287
199
  variant: {
288
- type: import("vue").PropType<"default" | "outlined">;
200
+ type: import("vue").PropType<"text" | "contained" | "outlined">;
289
201
  default: string;
290
202
  };
291
- disabled: {
292
- type: import("vue").PropType<boolean>;
293
- default: boolean;
294
- };
295
203
  color: {
296
- type: import("vue").PropType<"default" | "primary" | "error">;
204
+ type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
297
205
  default: string;
298
206
  };
299
207
  size: {
300
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
301
- default: string;
302
- };
303
- iconName: {
304
- type: import("vue").PropType<string>;
208
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
305
209
  default: string;
306
210
  };
307
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "testId" | "variant" | "disabled" | "color" | "size" | "iconName">;
211
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "color" | "size">;
308
212
  $attrs: {
309
213
  [x: string]: unknown;
310
214
  };
@@ -319,42 +223,22 @@ declare const ButtonTypes: () => (({
319
223
  $emit: (event: string, ...args: any[]) => void;
320
224
  $el: any;
321
225
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
322
- type: {
323
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
324
- default: string;
325
- };
326
- testId: {
327
- type: import("vue").PropType<string>;
328
- default: string;
329
- };
330
226
  variant: {
331
- type: import("vue").PropType<"default" | "outlined">;
227
+ type: import("vue").PropType<"text" | "contained" | "outlined">;
332
228
  default: string;
333
229
  };
334
- disabled: {
335
- type: import("vue").PropType<boolean>;
336
- default: boolean;
337
- };
338
230
  color: {
339
- type: import("vue").PropType<"default" | "primary" | "error">;
231
+ type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
340
232
  default: string;
341
233
  };
342
234
  size: {
343
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
344
- default: string;
345
- };
346
- iconName: {
347
- type: import("vue").PropType<string>;
235
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
348
236
  default: string;
349
237
  };
350
238
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
351
- type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
352
- testId: string;
353
- variant: "default" | "outlined";
354
- disabled: boolean;
355
- color: "default" | "primary" | "error";
356
- size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
357
- iconName: string;
239
+ variant: "text" | "contained" | "outlined";
240
+ color: "default" | "primary" | "danger" | "info" | "success" | "warning";
241
+ size: "small" | "medium" | "large" | "extraLarge";
358
242
  }, {}, string> & {
359
243
  beforeCreate?: (() => void) | (() => void)[];
360
244
  created?: (() => void) | (() => void)[];
@@ -376,32 +260,16 @@ declare const ButtonTypes: () => (({
376
260
  $nextTick: typeof import("vue").nextTick;
377
261
  $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;
378
262
  } & Readonly<import("vue").ExtractPropTypes<{
379
- type: {
380
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
381
- default: string;
382
- };
383
- testId: {
384
- type: import("vue").PropType<string>;
385
- default: string;
386
- };
387
263
  variant: {
388
- type: import("vue").PropType<"default" | "outlined">;
264
+ type: import("vue").PropType<"text" | "contained" | "outlined">;
389
265
  default: string;
390
266
  };
391
- disabled: {
392
- type: import("vue").PropType<boolean>;
393
- default: boolean;
394
- };
395
267
  color: {
396
- type: import("vue").PropType<"default" | "primary" | "error">;
268
+ type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
397
269
  default: string;
398
270
  };
399
271
  size: {
400
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
401
- default: string;
402
- };
403
- iconName: {
404
- type: import("vue").PropType<string>;
272
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
405
273
  default: string;
406
274
  };
407
275
  }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -409,45 +277,25 @@ declare const ButtonTypes: () => (({
409
277
  __isTeleport?: never;
410
278
  __isSuspense?: never;
411
279
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
412
- type: {
413
- type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
414
- default: string;
415
- };
416
- testId: {
417
- type: import("vue").PropType<string>;
418
- default: string;
419
- };
420
280
  variant: {
421
- type: import("vue").PropType<"default" | "outlined">;
281
+ type: import("vue").PropType<"text" | "contained" | "outlined">;
422
282
  default: string;
423
283
  };
424
- disabled: {
425
- type: import("vue").PropType<boolean>;
426
- default: boolean;
427
- };
428
284
  color: {
429
- type: import("vue").PropType<"default" | "primary" | "error">;
285
+ type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
430
286
  default: string;
431
287
  };
432
288
  size: {
433
- type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
434
- default: string;
435
- };
436
- iconName: {
437
- type: import("vue").PropType<string>;
289
+ type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
438
290
  default: string;
439
291
  };
440
292
  }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
441
- type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
442
- testId: string;
443
- variant: "default" | "outlined";
444
- disabled: boolean;
445
- color: "default" | "primary" | "error";
446
- size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
447
- iconName: string;
293
+ variant: "text" | "contained" | "outlined";
294
+ color: "default" | "primary" | "danger" | "info" | "success" | "warning";
295
+ size: "small" | "medium" | "large" | "extraLarge";
448
296
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
449
297
  $slots: {
450
298
  default?(_: {}): any;
451
299
  };
452
300
  })))[];
453
- export { Button, IconButton, ButtonTypes };
301
+ export { Button, IconButton, ButtonGroup, ButtonTypes };
package/components/button/v4/index.js CHANGED
@@ -1,8 +1,10 @@
1
1
  import o from "./ButtonV4.vue.js";
2
2
  import t from "./IconButtonV4.vue.js";
3
- const m = () => [o, t];
3
+ import r from "./ButtonGroup.vue.js";
4
+ const u = () => [o, t, r];
4
5
  export {
5
6
  o as Button,
6
- m as ButtonTypes,
7
+ r as ButtonGroup,
8
+ u as ButtonTypes,
7
9
  t as IconButton
8
10
  };
package/components/dateRange/v4/CalendarMonthV4.vue2.js CHANGED
@@ -1,11 +1,12 @@
1
- import "../../../CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css"; import { defineComponent as V, openBlock as n, createElementBlock as l, unref as t, createElementVNode as i, createBlock as c, createCommentVNode as D, createVNode as E, withCtx as m, createTextVNode as v, toDisplayString as o, Fragment as $, renderList as f, normalizeClass as C } from "vue";
1
+ import "../../../CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css"; import { defineComponent as V, openBlock as n, createElementBlock as l, unref as t, createElementVNode as s, createBlock as c, createCommentVNode as D, createVNode as E, withCtx as m, createTextVNode as v, toDisplayString as o, Fragment as $, renderList as f, normalizeClass as C } from "vue";
2
2
  import { navigatePrev as I, navigateNext as N } from "../common/consts.common.js";
3
3
  import { calendarMonthCommon as B } from "../common/CalendarMonth.common.js";
4
4
  import "../../button/v4/ButtonV4.vue.js";
5
5
  import A from "../../button/v4/IconButtonV4.vue.js";
6
+ import "../../button/v4/ButtonGroup.vue.js";
6
7
  import y from "../../typography/v4/Typography.vue.js";
7
8
  import { CalendarMonthTestIdModifiers as d } from "../../../testids/index.js";
8
- const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = ["data-testid"], J = /* @__PURE__ */ V({
9
+ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = ["data-testid"], K = /* @__PURE__ */ V({
9
10
  __name: "CalendarMonthV4",
10
11
  props: {
11
12
  year: null,
@@ -22,23 +23,23 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
22
23
  },
23
24
  emits: ["selectionChanged", "navigation"],
24
25
  setup(e, { emit: T }) {
25
- const M = e, {
26
+ const p = e, {
26
27
  isEndDay: k,
27
28
  isStartDay: g,
28
29
  navigate: h,
29
- selectDay: R,
30
- monthName: p,
30
+ selectDay: M,
31
+ monthName: R,
31
32
  dayNames: x,
32
33
  selectedDaysMap: w,
33
34
  inBetweenMap: b
34
- } = B(M, T);
35
+ } = B(p, T);
35
36
  return (O, r) => (n(), l("div", {
36
37
  id: "datepickerCalendar" + e.id,
37
38
  class: "calendar-month",
38
39
  "data-testid": `${e.testId}-${t(d).WRAPPER}`
39
40
  }, [
40
- i("span", {
41
- onClick: r[0] || (r[0] = (s) => t(h)(t(I)))
41
+ s("span", {
42
+ onClick: r[0] || (r[0] = (i) => t(h)(t(I)))
42
43
  }, [
43
44
  e.navigation === t(I) || e.navigation === "all" ? (n(), c(t(A), {
44
45
  key: 0,
@@ -48,8 +49,8 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
48
49
  "icon-name": "caret-left"
49
50
  }, null, 8, ["data-testid"])) : D("", !0)
50
51
  ]),
51
- i("span", {
52
- onClick: r[1] || (r[1] = (s) => t(h)(t(N)))
52
+ s("span", {
53
+ onClick: r[1] || (r[1] = (i) => t(h)(t(N)))
53
54
  }, [
54
55
  e.navigation === t(N) || e.navigation === "all" ? (n(), c(t(A), {
55
56
  key: 0,
@@ -59,7 +60,7 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
59
60
  "data-testid": `${e.testId}-${t(d).NEXT}`
60
61
  }, null, 8, ["data-testid"])) : D("", !0)
61
62
  ]),
62
- i("div", {
63
+ s("div", {
63
64
  class: "month-header",
64
65
  "data-testid": `${e.testId}-${t(d).MONTH_HEADER}`
65
66
  }, [
@@ -69,32 +70,32 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
69
70
  "test-id": `${e.testId}-${t(d).MONTH_HEADER_TEXT}`
70
71
  }, {
71
72
  default: m(() => [
72
- v(o(t(p)) + " " + o(e.year), 1)
73
+ v(o(t(R)) + " " + o(e.year), 1)
73
74
  ]),
74
75
  _: 1
75
76
  }, 8, ["test-id"])
76
77
  ], 8, S),
77
- i("div", {
78
+ s("div", {
78
79
  class: "days-header",
79
80
  "data-testid": `${e.testId}-${t(d).DAYS_HEADER}`
80
81
  }, [
81
- (n(!0), l($, null, f(t(x), (s, u) => (n(), c(t(y), {
82
+ (n(!0), l($, null, f(t(x), (i, u) => (n(), c(t(y), {
82
83
  key: u,
83
84
  variant: "caption",
84
85
  class: "week-day"
85
86
  }, {
86
87
  default: m(() => [
87
- v(o(s), 1)
88
+ v(o(i), 1)
88
89
  ]),
89
90
  _: 2
90
91
  }, 1024))), 128))
91
92
  ], 8, z),
92
- i("div", {
93
+ s("div", {
93
94
  class: "days-wrapper",
94
95
  "data-testid": `${e.testId}-${t(d).DAYS_WRAPPER}`
95
96
  }, [
96
- (n(!0), l($, null, f(e.weeks, (s, u) => (n(), l("div", { key: u }, [
97
- (n(!0), l($, null, f(s, (a, P) => (n(), l("span", {
97
+ (n(!0), l($, null, f(e.weeks, (i, u) => (n(), l("div", { key: u }, [
98
+ (n(!0), l($, null, f(i, (a, P) => (n(), l("span", {
98
99
  key: P,
99
100
  class: C(["date-wrapper", {
100
101
  "selected-day-wrapper": t(w)[a.value],
@@ -114,7 +115,7 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
114
115
  }]),
115
116
  variant: "body1",
116
117
  "data-testid": `${e.testId}-${t(d).DAY}-${a.value}`,
117
- onClick: (Y) => a.disabled || a.isFuture || t(R)(a)
118
+ onClick: (Y) => a.disabled || a.isFuture || t(M)(a)
118
119
  }, {
119
120
  default: m(() => [
120
121
  v(o(a.value), 1)
@@ -128,5 +129,5 @@ const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = [
128
129
  }
129
130
  });
130
131
  export {
131
- J as default
132
+ K as default
132
133
  };
package/components/dateRange/v4/DateRangeV4.vue2.js CHANGED
@@ -3,6 +3,7 @@ import X from "./CalendarMonthV4.vue.js";
3
3
  import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
4
4
  import R from "../../button/v4/ButtonV4.vue.js";
5
5
  import "../../button/v4/IconButtonV4.vue.js";
6
+ import "../../button/v4/ButtonGroup.vue.js";
6
7
  import "../../dropdown/v4/DropdownV4.vue.js";
7
8
  import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
8
9
  import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
@@ -18,7 +19,7 @@ import p from "../../typography/v4/Typography.vue.js";
18
19
  const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid"], ie = {
19
20
  key: 0,
20
21
  class: "type-picker"
21
- }, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Se = /* @__PURE__ */ J({
22
+ }, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, qe = /* @__PURE__ */ J({
22
23
  __name: "DateRangeV4",
23
24
  props: {
24
25
  range: null,
@@ -259,5 +260,5 @@ const de = ["id", "data-testid"], ne = ["data-testid"], se = ["id", "data-testid
259
260
  }
260
261
  });
261
262
  export {
262
- Se as default
263
+ qe as default
263
264
  };