@ironsource/shared-ui 2.1.8-rc.6 → 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.
@@ -0,0 +1 @@
1
+ .group-button-wrapper[data-v-5497abe6]{display:flex}.group-button-wrapper[data-v-5497abe6] button{border-radius:0}.group-button-wrapper[data-v-5497abe6] button:first-child{border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md)}.group-button-wrapper[data-v-5497abe6] button:last-child{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.group-button-wrapper.primary[data-v-5497abe6] button+button{border-left:1px solid var(--primary-dark)}.group-button-wrapper.default[data-v-5497abe6]:not(.disabled) button+button{border-left:1px solid transparent;margin-left:-1px}.group-button-wrapper.default[data-v-5497abe6]:not(.disabled) button+button:hover{border:1px solid var(--action-active)}
@@ -0,0 +1 @@
1
+ .button-wrap[data-v-bdfce3aa]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-bdfce3aa]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-bdfce3aa]:hover{background:var(--primary-darker)}.contained.primary[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.default[data-v-bdfce3aa]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-bdfce3aa]:hover{background:var(--default-light)}.contained.default[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-bdfce3aa]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-bdfce3aa]:hover{background:var(--error-dark)}.contained.danger[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.info[data-v-bdfce3aa]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-bdfce3aa]:hover{background:var(--info-dark)}.contained.info[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.success[data-v-bdfce3aa]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-bdfce3aa]:hover{background:var(--success-dark)}.contained.success[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-bdfce3aa]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-bdfce3aa]:hover{background:var(--warning-dark)}.contained.warning[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-bdfce3aa],.contained.loading[data-v-bdfce3aa]:hover{background:var(--action-disabled-background)}.outlined[data-v-bdfce3aa]{background:transparent}.outlined.primary[data-v-bdfce3aa]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-bdfce3aa]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-bdfce3aa]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-bdfce3aa]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-bdfce3aa]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-bdfce3aa]:hover{background:var(--error-lighter)}.outlined.danger[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-bdfce3aa]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-bdfce3aa]:hover{background:var(--info-lighter)}.outlined.info[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-bdfce3aa]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-bdfce3aa]:hover{background:var(--success-lighter)}.outlined.success[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-bdfce3aa]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-bdfce3aa]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-bdfce3aa]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-bdfce3aa],.outlined.loading[data-v-bdfce3aa]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-bdfce3aa]{background:transparent}.text.primary[data-v-bdfce3aa]{color:var(--primary-main)}.text.primary[data-v-bdfce3aa]:hover{background:var(--primary-lighter)}.text.primary[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.default[data-v-bdfce3aa]{color:var(--text-primary)}.text.default[data-v-bdfce3aa]:hover{background:var(--action-hover)}.text.default[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.danger[data-v-bdfce3aa]{color:var(--error-main)}.text.danger[data-v-bdfce3aa]:hover{background:var(--error-lighter)}.text.danger[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.info[data-v-bdfce3aa]{color:var(--info-main)}.text.info[data-v-bdfce3aa]:hover{background:var(--info-lighter)}.text.info[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.success[data-v-bdfce3aa]{color:var(--success-main)}.text.success[data-v-bdfce3aa]:hover{background:var(--success-lighter)}.text.success[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.warning[data-v-bdfce3aa]{color:var(--warning-darker)}.text.warning[data-v-bdfce3aa]:hover{background:var(--warning-lighter)}.text.warning[data-v-bdfce3aa]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-bdfce3aa]:disabled:hover{cursor:not-allowed}.text.loading[data-v-bdfce3aa],.text.loading[data-v-bdfce3aa]:hover{border:0;background:transparent}.small[data-v-bdfce3aa]{padding:2px 6px}.small.outlined[data-v-bdfce3aa]{padding:1px 5px}.medium[data-v-bdfce3aa]{padding:4px 8px}.medium.outlined[data-v-bdfce3aa]{padding:3px 7px}.large[data-v-bdfce3aa]{padding:6px 8px}.large.outlined[data-v-bdfce3aa]{padding:5px 7px}.extraLarge[data-v-bdfce3aa]{padding:10px 12px}.extraLarge.outlined[data-v-bdfce3aa]{padding:9px 11px}.small[data-v-bdfce3aa],.medium[data-v-bdfce3aa],.large[data-v-bdfce3aa],.extraLarge[data-v-bdfce3aa]{height:auto}.flex[data-v-bdfce3aa]{display:flex;align-items:center}.start-icon[data-v-bdfce3aa]{margin-right:8px}.end-icon[data-v-bdfce3aa]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-bdfce3aa]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-bdfce3aa]{padding-right:22px}
@@ -4,9 +4,10 @@ import A from "../icon/v4/IconV4.vue.js";
4
4
  import "../icon/v4/IconFlag.vue.js";
5
5
  import E from "../button/v4/ButtonV4.vue.js";
6
6
  import S from "../button/v4/IconButtonV4.vue.js";
7
+ import "../button/v4/ButtonGroup.vue.js";
7
8
  import { useTestIdAttrs as h } from "../../utils/testIds.js";
8
9
  import { AlertTestIdModifiers as o } from "../../testids/index.js";
9
- const V = { class: "title-container" }, $ = { key: 0 }, D = /* @__PURE__ */ N({
10
+ const V = { class: "title-container" }, $ = { key: 0 }, G = /* @__PURE__ */ N({
10
11
  __name: "Alert",
11
12
  props: {
12
13
  title: { default: "" },
@@ -105,5 +106,5 @@ const V = { class: "title-container" }, $ = { key: 0 }, D = /* @__PURE__ */ N({
105
106
  }
106
107
  });
107
108
  export {
108
- D as default
109
+ G as default
109
110
  };
@@ -0,0 +1,46 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ variant?: "text" | "contained" | "outlined";
3
+ color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
4
+ size?: "small" | "medium" | "large" | "extraLarge";
5
+ }>, {
6
+ size: string;
7
+ variant: string;
8
+ color: string;
9
+ }>, {}, 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<{
10
+ variant?: "text" | "contained" | "outlined";
11
+ color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
12
+ size?: "small" | "medium" | "large" | "extraLarge";
13
+ }>, {
14
+ size: string;
15
+ variant: string;
16
+ color: string;
17
+ }>>>, {
18
+ variant: "text" | "contained" | "outlined";
19
+ color: "default" | "primary" | "danger" | "info" | "success" | "warning";
20
+ size: "small" | "medium" | "large" | "extraLarge";
21
+ }>, {
22
+ default?(_: {}): any;
23
+ }>;
24
+ export default _default;
25
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
26
+ type __VLS_TypePropsToRuntimeProps<T> = {
27
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
28
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
29
+ } : {
30
+ type: import('vue').PropType<T[K]>;
31
+ required: true;
32
+ };
33
+ };
34
+ type __VLS_WithDefaults<P, D> = {
35
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
36
+ default: D[K];
37
+ }> : P[K];
38
+ };
39
+ type __VLS_Prettify<T> = {
40
+ [K in keyof T]: T[K];
41
+ } & {};
42
+ type __VLS_WithTemplateSlots<T, S> = T & {
43
+ new (): {
44
+ $slots: S;
45
+ };
46
+ };
@@ -0,0 +1,7 @@
1
+ import o from "./ButtonGroup.vue2.js";
2
+ /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../ButtonGroup.vue_vue_type_style_index_0_scoped_5497abe6_lang.css"; //*');
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5497abe6"]]);
5
+ export {
6
+ s as default
7
+ };
@@ -0,0 +1,19 @@
1
+ import "../../../ButtonGroup.vue_vue_type_style_index_0_scoped_5497abe6_lang.css"; import { defineComponent as o, openBlock as r, createElementBlock as a, normalizeClass as n, renderSlot as l } from "vue";
2
+ const c = /* @__PURE__ */ o({
3
+ __name: "ButtonGroup",
4
+ props: {
5
+ variant: { default: "contained" },
6
+ color: { default: "primary" },
7
+ size: { default: "medium" }
8
+ },
9
+ setup(e) {
10
+ return (t, u) => (r(), a("div", {
11
+ class: n(["group-button-wrapper", [e.size, e.color, e.variant]])
12
+ }, [
13
+ l(t.$slots, "default", {}, void 0, !0)
14
+ ], 2));
15
+ }
16
+ });
17
+ export {
18
+ c as default
19
+ };
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonV4.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_8c3b0c3f_lang.css"; //*');
4
- const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c3b0c3f"]]);
3
+ // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css"; //*');
4
+ const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bdfce3aa"]]);
5
5
  export {
6
- s as default
6
+ a as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_8c3b0c3f_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as m, renderSlot as u, createTextVNode as z, toDisplayString as g } from "vue";
1
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as m, renderSlot as u, createTextVNode as z, toDisplayString as g } from "vue";
2
2
  import I from "../../typography/v4/Typography.vue.js";
3
3
  import y from "../../icon/v4/IconV4.vue.js";
4
4
  import "../../icon/v4/IconFlag.vue.js";
@@ -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 };
@@ -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
  };