@ironsource/shared-ui 2.1.12-test.87 → 2.1.12-test.88

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
+ .button-trigger.open[data-v-adb49e50]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-adb49e50]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-adb49e50]{display:block;width:100%}.button-trigger .label-wrapper .label-text[data-v-adb49e50]{white-space:nowrap}.button-trigger[data-v-adb49e50] .end-icon{color:var(--action-active)}
@@ -0,0 +1 @@
1
+ .button-wrap[data-v-852be7ec]{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-852be7ec]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-852be7ec]:hover{background:var(--primary-darker)}.contained.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.default[data-v-852be7ec]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-852be7ec]:hover{background:var(--default-light)}.contained.default[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-852be7ec]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-852be7ec]:hover{background:var(--error-dark)}.contained.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.info[data-v-852be7ec]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-852be7ec]:hover{background:var(--info-dark)}.contained.info[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.success[data-v-852be7ec]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-852be7ec]:hover{background:var(--success-dark)}.contained.success[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-852be7ec]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-852be7ec]:hover{background:var(--warning-dark)}.contained.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-852be7ec],.contained.loading[data-v-852be7ec]:hover{background:var(--action-disabled-background)}.outlined[data-v-852be7ec]{background:transparent}.outlined.primary[data-v-852be7ec]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-852be7ec]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-852be7ec]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-852be7ec]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-852be7ec]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-852be7ec]:hover{background:var(--error-lighter)}.outlined.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-852be7ec]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-852be7ec]:hover{background:var(--info-lighter)}.outlined.info[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-852be7ec]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-852be7ec]:hover{background:var(--success-lighter)}.outlined.success[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-852be7ec]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-852be7ec]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-852be7ec],.outlined.loading[data-v-852be7ec]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-852be7ec]{background:transparent}.text.primary[data-v-852be7ec]{color:var(--primary-main)}.text.primary[data-v-852be7ec]:hover{background:var(--primary-lighter)}.text.primary[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.default[data-v-852be7ec]{color:var(--text-primary)}.text.default[data-v-852be7ec]:hover{background:var(--action-hover)}.text.default[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.danger[data-v-852be7ec]{color:var(--error-main)}.text.danger[data-v-852be7ec]:hover{background:var(--error-lighter)}.text.danger[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.info[data-v-852be7ec]{color:var(--info-main)}.text.info[data-v-852be7ec]:hover{background:var(--info-lighter)}.text.info[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.success[data-v-852be7ec]{color:var(--success-main)}.text.success[data-v-852be7ec]:hover{background:var(--success-lighter)}.text.success[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.warning[data-v-852be7ec]{color:var(--warning-darker)}.text.warning[data-v-852be7ec]:hover{background:var(--warning-lighter)}.text.warning[data-v-852be7ec]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-852be7ec]:disabled:hover{cursor:not-allowed}.text.loading[data-v-852be7ec],.text.loading[data-v-852be7ec]:hover{border:0;background:transparent}.small[data-v-852be7ec]{padding:2px 6px}.small.outlined[data-v-852be7ec]{padding:1px 5px}.medium[data-v-852be7ec]{padding:4px 8px}.medium.outlined[data-v-852be7ec]{padding:3px 7px}.large[data-v-852be7ec]{padding:6px 8px}.large.outlined[data-v-852be7ec]{padding:5px 7px}.extraLarge[data-v-852be7ec]{padding:10px 12px}.extraLarge.outlined[data-v-852be7ec]{padding:9px 11px}.small[data-v-852be7ec],.medium[data-v-852be7ec],.large[data-v-852be7ec],.extraLarge[data-v-852be7ec]{height:auto}.flex[data-v-852be7ec]{display:flex;align-items:center;gap:8px}.loading.with-start-icon .content-with-icon[data-v-852be7ec]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-852be7ec]{padding-right:22px}
@@ -61,6 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
61
61
  endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
62
62
  }>, {
63
63
  default?(_: {}): any;
64
+ "after-label"?(_: {}): any;
64
65
  loader?(_: {}): any;
65
66
  }>;
66
67
  export default _default;
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonV4.vue2.js";
2
- /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css"; //*');
4
- const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7948c77"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-852be7ec"]]);
5
5
  export {
6
6
  c as default
7
7
  };
@@ -1,9 +1,9 @@
1
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_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_852be7ec_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } 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";
5
- import b from "../../loader/v4/Loader.vue.js";
6
- const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
5
+ import g from "../../loader/v4/Loader.vue.js";
6
+ const v = ["data-testid", "disabled"], k = { key: 0 }, V = /* @__PURE__ */ N({
7
7
  __name: "ButtonV4",
8
8
  props: {
9
9
  variant: { default: "contained" },
@@ -19,11 +19,11 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
19
19
  endIconType: { default: "regular" }
20
20
  },
21
21
  setup(e) {
22
- const o = e, d = h(
23
- () => o.size === "small" || o.size === "medium" ? 16 : 20
22
+ const l = e, i = h(
23
+ () => l.size === "small" || l.size === "medium" ? 16 : 20
24
24
  );
25
- return (l, w) => (a(), s("button", {
26
- class: i([[
25
+ return (a, w) => (n(), s("button", {
26
+ class: c([[
27
27
  e.size,
28
28
  e.color,
29
29
  e.variant,
@@ -33,48 +33,49 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
33
33
  "with-end-icon": !!e.endIconName
34
34
  }
35
35
  ], "button-wrap"]),
36
- "data-testid": o.testId,
36
+ "data-testid": l.testId,
37
37
  disabled: e.disabled
38
38
  }, [
39
- e.loading ? n("", !0) : (a(), s("span", v, [
39
+ e.loading ? o("", !0) : (n(), s("span", k, [
40
40
  r("div", {
41
- class: i({
41
+ class: c({
42
42
  flex: e.startIconName || e.endIconName
43
43
  })
44
44
  }, [
45
- e.startIconName ? (a(), f(t(y), {
45
+ e.startIconName ? (n(), f(t(y), {
46
46
  key: 0,
47
47
  name: e.startIconName,
48
- size: `${t(d)}px`,
48
+ size: `${t(i)}px`,
49
49
  type: e.startIconType,
50
50
  class: "start-icon"
51
- }, null, 8, ["name", "size", "type"])) : n("", !0),
52
- c(t(I), { variant: "button" }, {
51
+ }, null, 8, ["name", "size", "type"])) : o("", !0),
52
+ u(t(I), { variant: "button" }, {
53
53
  default: m(() => [
54
- u(l.$slots, "default", {}, () => [
55
- z(g(e.content), 1)
54
+ d(a.$slots, "default", {}, () => [
55
+ z(b(e.content), 1)
56
56
  ], !0)
57
57
  ]),
58
58
  _: 3
59
59
  }),
60
- e.endIconName ? (a(), f(t(y), {
60
+ d(a.$slots, "after-label", {}, void 0, !0),
61
+ e.endIconName ? (n(), f(t(y), {
61
62
  key: 1,
62
63
  name: e.endIconName,
63
- size: `${t(d)}px`,
64
+ size: `${t(i)}px`,
64
65
  type: e.endIconType,
65
66
  class: "end-icon"
66
- }, null, 8, ["name", "size", "type"])) : n("", !0)
67
+ }, null, 8, ["name", "size", "type"])) : o("", !0)
67
68
  ], 2)
68
69
  ])),
69
- e.loading ? u(l.$slots, "loader", { key: 1 }, () => [
70
- c(t(b), { "max-width": t(d) }, {
70
+ e.loading ? d(a.$slots, "loader", { key: 1 }, () => [
71
+ u(t(g), { "max-width": t(i) }, {
71
72
  default: m(() => [
72
73
  r("div", {
73
- class: i({ "content-with-icon": e.startIconName || e.endIconName })
74
+ class: c({ "content-with-icon": e.startIconName || e.endIconName })
74
75
  }, [
75
- c(t(I), { variant: "button" }, {
76
+ u(t(I), { variant: "button" }, {
76
77
  default: m(() => [
77
- u(l.$slots, "default", {}, void 0, !0)
78
+ d(a.$slots, "default", {}, void 0, !0)
78
79
  ]),
79
80
  _: 3
80
81
  })
@@ -82,10 +83,10 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
82
83
  ]),
83
84
  _: 3
84
85
  }, 8, ["max-width"])
85
- ], !0) : n("", !0)
86
- ], 10, k));
86
+ ], !0) : o("", !0)
87
+ ], 10, v));
87
88
  }
88
89
  });
89
90
  export {
90
- $ as default
91
+ V as default
91
92
  };
@@ -66,6 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
66
66
  hideEndIcon: boolean;
67
67
  }>, {
68
68
  default?(_: {}): any;
69
+ "after-label"?(_: {}): any;
69
70
  }>;
70
71
  export default _default;
71
72
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonDropdownTrigger.vue2.js";
2
- /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css"; //*');
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0123c361"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-adb49e50"]]);
5
5
  export {
6
6
  p as default
7
7
  };
@@ -1,10 +1,10 @@
1
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
1
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css"; import { defineComponent as s, openBlock as u, createBlock as m, unref as i, normalizeClass as f, withCtx as e, renderSlot as d, createElementVNode as p, normalizeStyle as y, createVNode as b, createTextVNode as h, toDisplayString as x } from "vue";
2
2
  import T from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "../../button/v4/ButtonGroup.vue.js";
5
5
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
6
6
  import B from "../../typography/v4/Typography.vue.js";
7
- const W = /* @__PURE__ */ c({
7
+ const W = /* @__PURE__ */ s({
8
8
  __name: "ButtonDropdownTrigger",
9
9
  props: {
10
10
  label: null,
@@ -21,10 +21,10 @@ const W = /* @__PURE__ */ c({
21
21
  tooltipPlacement: { default: "top" }
22
22
  },
23
23
  emits: ["click"],
24
- setup(t, { emit: i }) {
25
- const e = t, a = 40, d = e.maxWidth > a ? { maxWidth: `${e.maxWidth - a}px` } : {};
26
- return (r, l) => (s(), u(o(T), {
27
- class: m(["button-trigger", { open: t.open }]),
24
+ setup(t, { emit: r }) {
25
+ const a = t, l = 40, c = a.maxWidth > l ? { maxWidth: `${a.maxWidth - l}px` } : {};
26
+ return (o, n) => (u(), m(i(T), {
27
+ class: f(["button-trigger", { open: t.open }]),
28
28
  disabled: t.disabled,
29
29
  color: "default",
30
30
  variant: t.variant,
@@ -34,15 +34,18 @@ const W = /* @__PURE__ */ c({
34
34
  "end-icon-name": t.hideEndIcon ? null : "caret-down",
35
35
  content: t.label,
36
36
  "test-id": t.testId,
37
- onClick: l[0] || (l[0] = (g) => i("click"))
37
+ onClick: n[0] || (n[0] = (g) => r("click"))
38
38
  }, {
39
- default: n(() => [
40
- f(r.$slots, "default", {}, () => [
39
+ "after-label": e(() => [
40
+ d(o.$slots, "after-label", {}, void 0, !0)
41
+ ]),
42
+ default: e(() => [
43
+ d(o.$slots, "default", {}, () => [
41
44
  p("div", {
42
- style: y(o(d)),
45
+ style: y(i(c)),
43
46
  class: "label-wrapper"
44
47
  }, [
45
- h(B, {
48
+ b(B, {
46
49
  variant: "button",
47
50
  class: "label-text",
48
51
  "is-truncated": "",
@@ -50,8 +53,8 @@ const W = /* @__PURE__ */ c({
50
53
  "tooltip-text": t.label,
51
54
  "tooltip-placement": t.tooltipPlacement
52
55
  }, {
53
- default: n(() => [
54
- b(x(t.label), 1)
56
+ default: e(() => [
57
+ h(x(t.label), 1)
55
58
  ]),
56
59
  _: 1
57
60
  }, 8, ["with-tooltip", "tooltip-text", "tooltip-placement"])
package/index.d.ts CHANGED
@@ -18854,6 +18854,7 @@ declare const _default: {
18854
18854
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
18855
18855
  $slots: {
18856
18856
  default?(_: {}): any;
18857
+ "after-label"?(_: {}): any;
18857
18858
  };
18858
18859
  });
18859
18860
  ButtonFilterDropdownTrigger: import("vue").DefineComponent<{
@@ -25647,6 +25648,7 @@ declare const _default: {
25647
25648
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
25648
25649
  $slots: {
25649
25650
  default?(_: {}): any;
25651
+ "after-label"?(_: {}): any;
25650
25652
  loader?(_: {}): any;
25651
25653
  };
25652
25654
  });
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css';
1
+ import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
2
2
  import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as ao } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.12-test.87",
3
+ "version": "2.1.12-test.88",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1 +0,0 @@
1
- .button-trigger.open[data-v-0123c361]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-0123c361]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-0123c361]{display:block;width:100%}.button-trigger .label-wrapper .label-text[data-v-0123c361]{white-space:nowrap}.button-trigger[data-v-0123c361] .end-icon{color:var(--action-active)}
@@ -1 +0,0 @@
1
- .button-wrap[data-v-d7948c77]{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-d7948c77]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-d7948c77]:hover{background:var(--primary-darker)}.contained.primary[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.default[data-v-d7948c77]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-d7948c77]:hover{background:var(--default-light)}.contained.default[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-d7948c77]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-d7948c77]:hover{background:var(--error-dark)}.contained.danger[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.info[data-v-d7948c77]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-d7948c77]:hover{background:var(--info-dark)}.contained.info[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.success[data-v-d7948c77]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-d7948c77]:hover{background:var(--success-dark)}.contained.success[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-d7948c77]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-d7948c77]:hover{background:var(--warning-dark)}.contained.warning[data-v-d7948c77]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-d7948c77],.contained.loading[data-v-d7948c77]:hover{background:var(--action-disabled-background)}.outlined[data-v-d7948c77]{background:transparent}.outlined.primary[data-v-d7948c77]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-d7948c77]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-d7948c77]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-d7948c77]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-d7948c77]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-d7948c77]:hover{background:var(--error-lighter)}.outlined.danger[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-d7948c77]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-d7948c77]:hover{background:var(--info-lighter)}.outlined.info[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-d7948c77]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-d7948c77]:hover{background:var(--success-lighter)}.outlined.success[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-d7948c77]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-d7948c77]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-d7948c77]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-d7948c77],.outlined.loading[data-v-d7948c77]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-d7948c77]{background:transparent}.text.primary[data-v-d7948c77]{color:var(--primary-main)}.text.primary[data-v-d7948c77]:hover{background:var(--primary-lighter)}.text.primary[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.default[data-v-d7948c77]{color:var(--text-primary)}.text.default[data-v-d7948c77]:hover{background:var(--action-hover)}.text.default[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.danger[data-v-d7948c77]{color:var(--error-main)}.text.danger[data-v-d7948c77]:hover{background:var(--error-lighter)}.text.danger[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.info[data-v-d7948c77]{color:var(--info-main)}.text.info[data-v-d7948c77]:hover{background:var(--info-lighter)}.text.info[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.success[data-v-d7948c77]{color:var(--success-main)}.text.success[data-v-d7948c77]:hover{background:var(--success-lighter)}.text.success[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.warning[data-v-d7948c77]{color:var(--warning-darker)}.text.warning[data-v-d7948c77]:hover{background:var(--warning-lighter)}.text.warning[data-v-d7948c77]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-d7948c77]:disabled:hover{cursor:not-allowed}.text.loading[data-v-d7948c77],.text.loading[data-v-d7948c77]:hover{border:0;background:transparent}.small[data-v-d7948c77]{padding:2px 6px}.small.outlined[data-v-d7948c77]{padding:1px 5px}.medium[data-v-d7948c77]{padding:4px 8px}.medium.outlined[data-v-d7948c77]{padding:3px 7px}.large[data-v-d7948c77]{padding:6px 8px}.large.outlined[data-v-d7948c77]{padding:5px 7px}.extraLarge[data-v-d7948c77]{padding:10px 12px}.extraLarge.outlined[data-v-d7948c77]{padding:9px 11px}.small[data-v-d7948c77],.medium[data-v-d7948c77],.large[data-v-d7948c77],.extraLarge[data-v-d7948c77]{height:auto}.flex[data-v-d7948c77]{display:flex;align-items:center}.start-icon[data-v-d7948c77]{margin-right:8px}.end-icon[data-v-d7948c77]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-d7948c77]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-d7948c77]{padding-right:22px}