@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.
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_adb49e50_lang.css +1 -0
- package/ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css +1 -0
- package/components/button/v4/ButtonV4.vue.d.ts +1 -0
- package/components/button/v4/ButtonV4.vue.js +3 -3
- package/components/button/v4/ButtonV4.vue2.js +28 -27
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +1 -0
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +16 -13
- package/index.d.ts +2 -0
- package/index.js +1 -1
- package/package.json +1 -1
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css +0 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css +0 -1
|
@@ -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
|
|
3
|
-
// import "../../../ButtonV4.
|
|
4
|
-
const c = /* @__PURE__ */
|
|
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.
|
|
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
|
|
6
|
-
const
|
|
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
|
|
23
|
-
() =>
|
|
22
|
+
const l = e, i = h(
|
|
23
|
+
() => l.size === "small" || l.size === "medium" ? 16 : 20
|
|
24
24
|
);
|
|
25
|
-
return (
|
|
26
|
-
class:
|
|
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":
|
|
36
|
+
"data-testid": l.testId,
|
|
37
37
|
disabled: e.disabled
|
|
38
38
|
}, [
|
|
39
|
-
e.loading ?
|
|
39
|
+
e.loading ? o("", !0) : (n(), s("span", k, [
|
|
40
40
|
r("div", {
|
|
41
|
-
class:
|
|
41
|
+
class: c({
|
|
42
42
|
flex: e.startIconName || e.endIconName
|
|
43
43
|
})
|
|
44
44
|
}, [
|
|
45
|
-
e.startIconName ? (
|
|
45
|
+
e.startIconName ? (n(), f(t(y), {
|
|
46
46
|
key: 0,
|
|
47
47
|
name: e.startIconName,
|
|
48
|
-
size: `${t(
|
|
48
|
+
size: `${t(i)}px`,
|
|
49
49
|
type: e.startIconType,
|
|
50
50
|
class: "start-icon"
|
|
51
|
-
}, null, 8, ["name", "size", "type"])) :
|
|
52
|
-
|
|
51
|
+
}, null, 8, ["name", "size", "type"])) : o("", !0),
|
|
52
|
+
u(t(I), { variant: "button" }, {
|
|
53
53
|
default: m(() => [
|
|
54
|
-
|
|
55
|
-
z(
|
|
54
|
+
d(a.$slots, "default", {}, () => [
|
|
55
|
+
z(b(e.content), 1)
|
|
56
56
|
], !0)
|
|
57
57
|
]),
|
|
58
58
|
_: 3
|
|
59
59
|
}),
|
|
60
|
-
|
|
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(
|
|
64
|
+
size: `${t(i)}px`,
|
|
64
65
|
type: e.endIconType,
|
|
65
66
|
class: "end-icon"
|
|
66
|
-
}, null, 8, ["name", "size", "type"])) :
|
|
67
|
+
}, null, 8, ["name", "size", "type"])) : o("", !0)
|
|
67
68
|
], 2)
|
|
68
69
|
])),
|
|
69
|
-
e.loading ?
|
|
70
|
-
|
|
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:
|
|
74
|
+
class: c({ "content-with-icon": e.startIconName || e.endIconName })
|
|
74
75
|
}, [
|
|
75
|
-
|
|
76
|
+
u(t(I), { variant: "button" }, {
|
|
76
77
|
default: m(() => [
|
|
77
|
-
|
|
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) :
|
|
86
|
-
], 10,
|
|
86
|
+
], !0) : o("", !0)
|
|
87
|
+
], 10, v));
|
|
87
88
|
}
|
|
88
89
|
});
|
|
89
90
|
export {
|
|
90
|
-
|
|
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
|
|
3
|
-
// import "../../../ButtonDropdownTrigger.
|
|
4
|
-
const p = /* @__PURE__ */
|
|
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.
|
|
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__ */
|
|
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:
|
|
25
|
-
const
|
|
26
|
-
return (
|
|
27
|
-
class:
|
|
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:
|
|
37
|
+
onClick: n[0] || (n[0] = (g) => r("click"))
|
|
38
38
|
}, {
|
|
39
|
-
|
|
40
|
-
|
|
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(
|
|
45
|
+
style: y(i(c)),
|
|
43
46
|
class: "label-wrapper"
|
|
44
47
|
}, [
|
|
45
|
-
|
|
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:
|
|
54
|
-
|
|
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 './
|
|
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 +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}
|