mimir-ui-kit 1.50.1 → 1.51.0
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._buttons_12jbn_2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._merged-button_12jbn_6{--button-height: var(--button-height-m);--button-space: var(--mimir-control-space-xs)}._merged-button_12jbn_6:first-child{border-radius:0;border-top-left-radius:var(--mimir-control-radius);border-bottom-left-radius:var(--mimir-control-radius)}._merged-button_12jbn_6:last-child{border-radius:0;border-top-right-radius:var(--mimir-control-radius);border-bottom-right-radius:var(--mimir-control-radius)}._merged-button_12jbn_6:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._merged-button_12jbn_6:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._merged-button_12jbn_6._gray_12jbn_28{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_12jbn_6._white_12jbn_36{--button-bg-color: var(--white-normal);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-hover: var(--white-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_12jbn_6._transparent_12jbn_44{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_12jbn_6._asphalt_12jbn_53{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--asphalt-active);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._merged-button_12jbn_6._is-icon_12jbn_61{width:var(--button-height);min-width:var(--button-height);padding:0}._merged-button_12jbn_6._is-icon_12jbn_61._s_12jbn_66{--button-height: 32px;width:32px;width:var(--button-height)}._merged-button_12jbn_6._is-icon_12jbn_61._m_12jbn_6{--button-height: 40px;width:40px;width:var(--button-height)}._merged-button_12jbn_6._one-button_12jbn_74{border-radius:var(--mimir-control-radius)}._merged-button_12jbn_6:disabled{--button-cursor: not-allowed;color:var(--disabled-color);background-color:var(--black-5)}._merged-button_12jbn_6:disabled:hover,._merged-button_12jbn_6:disabled:active,._merged-button_12jbn_6:disabled:focus{color:var(--disabled-color);background-color:var(--black-5);-webkit-box-shadow:none;box-shadow:none}
|
|
@@ -1,53 +1,54 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { c as r } from "../../index-DIxK0V-G.js";
|
|
3
|
-
import { memo as
|
|
4
|
-
import { EMergedButtonVariantRound as
|
|
5
|
-
import { Button as
|
|
6
|
-
import '../../assets/MergedButton.css';const
|
|
7
|
-
buttons:
|
|
8
|
-
"merged-button": "_merged-
|
|
9
|
-
gray:
|
|
10
|
-
white:
|
|
11
|
-
transparent:
|
|
12
|
-
|
|
13
|
-
|
|
3
|
+
import { memo as l } from "react";
|
|
4
|
+
import { EMergedButtonVariantRound as g } from "./constants.js";
|
|
5
|
+
import { Button as b } from "../Button/Button.js";
|
|
6
|
+
import '../../assets/MergedButton.css';const d = "_buttons_12jbn_2", h = "_gray_12jbn_28", j = "_white_12jbn_36", B = "_transparent_12jbn_44", I = "_asphalt_12jbn_53", f = "_s_12jbn_66", N = "_m_12jbn_6", t = {
|
|
7
|
+
buttons: d,
|
|
8
|
+
"merged-button": "_merged-button_12jbn_6",
|
|
9
|
+
gray: h,
|
|
10
|
+
white: j,
|
|
11
|
+
transparent: B,
|
|
12
|
+
asphalt: I,
|
|
13
|
+
"is-icon": "_is-icon_12jbn_61",
|
|
14
|
+
s: f,
|
|
14
15
|
m: N,
|
|
15
|
-
"one-button": "_one-
|
|
16
|
-
}, v =
|
|
17
|
-
({ buttons: s, buttonsWrapperClassName: c }) => /* @__PURE__ */ e("div", { className: r(
|
|
16
|
+
"one-button": "_one-button_12jbn_74"
|
|
17
|
+
}, v = l(
|
|
18
|
+
({ buttons: s, buttonsWrapperClassName: c }) => /* @__PURE__ */ e("div", { className: r(t.buttons, c), children: s.map(
|
|
18
19
|
({
|
|
19
|
-
variant:
|
|
20
|
-
disabled:
|
|
21
|
-
className:
|
|
20
|
+
variant: a = g.White,
|
|
21
|
+
disabled: o,
|
|
22
|
+
className: i,
|
|
22
23
|
size: _ = "m",
|
|
23
|
-
...
|
|
24
|
-
},
|
|
25
|
-
const
|
|
26
|
-
...
|
|
27
|
-
isIconButton:
|
|
28
|
-
iconName:
|
|
29
|
-
leftIcon:
|
|
30
|
-
rightIcon:
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
24
|
+
...n
|
|
25
|
+
}, m) => {
|
|
26
|
+
const u = {
|
|
27
|
+
...n,
|
|
28
|
+
isIconButton: n.isIconButton ?? !1,
|
|
29
|
+
iconName: n.isIconButton ? n.iconName : void 0,
|
|
30
|
+
leftIcon: n.isIconButton ? void 0 : n.leftIcon,
|
|
31
|
+
rightIcon: n.isIconButton ? void 0 : n.rightIcon
|
|
32
|
+
}, p = r(
|
|
33
|
+
t["merged-button"],
|
|
34
|
+
t[_ ?? "m"],
|
|
35
|
+
i,
|
|
35
36
|
{
|
|
36
|
-
[
|
|
37
|
-
[
|
|
38
|
-
[
|
|
39
|
-
[
|
|
37
|
+
[t[a]]: !o,
|
|
38
|
+
[t.disabled]: o,
|
|
39
|
+
[t["is-icon"]]: n.isIconButton,
|
|
40
|
+
[t["one-button"]]: s.length === 1
|
|
40
41
|
}
|
|
41
42
|
);
|
|
42
43
|
return /* @__PURE__ */ e(
|
|
43
|
-
|
|
44
|
+
b,
|
|
44
45
|
{
|
|
45
46
|
clear: !0,
|
|
46
|
-
disabled:
|
|
47
|
-
className:
|
|
48
|
-
...
|
|
47
|
+
disabled: o,
|
|
48
|
+
className: p,
|
|
49
|
+
...u
|
|
49
50
|
},
|
|
50
|
-
|
|
51
|
+
m
|
|
51
52
|
);
|
|
52
53
|
}
|
|
53
54
|
) })
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var a = /* @__PURE__ */ ((
|
|
1
|
+
var a = /* @__PURE__ */ ((p) => (p.Transparent = "transparent", p.Gray = "gray", p.White = "white", p.Asphalt = "asphalt", p))(a || {});
|
|
2
2
|
export {
|
|
3
3
|
a as EMergedButtonVariantRound
|
|
4
4
|
};
|