@telefonica/mistica 14.14.0 → 14.15.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.
- package/css/mistica.css +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +3 -3
- package/dist/badge.js +19 -10
- package/dist/box.d.ts +1 -1
- package/dist/boxed.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +4 -4
- package/dist/button.css-mistica.js +19 -19
- package/dist/button.js +112 -112
- package/dist/callout.css-mistica.js +1 -1
- package/dist/card.css-mistica.js +23 -15
- package/dist/card.css.d.ts +4 -0
- package/dist/card.js +104 -95
- package/dist/carousel.css-mistica.js +13 -13
- package/dist/checkbox.css-mistica.js +5 -5
- package/dist/chip.css-mistica.js +4 -4
- package/dist/chip.d.ts +1 -0
- package/dist/chip.js +57 -41
- package/dist/circle.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +3 -3
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +3 -3
- package/dist/feedback.css-mistica.js +3 -3
- package/dist/fixed-footer-layout.css-mistica.js +1 -1
- package/dist/fixed-footer-layout.js +79 -27
- package/dist/grid.css.d.ts +6 -6
- package/dist/hero.css-mistica.js +1 -1
- package/dist/highlighted-card.css-mistica.js +3 -3
- package/dist/image.css-mistica.js +1 -1
- package/dist/list.css-mistica.js +7 -7
- package/dist/loading-bar.css-mistica.js +4 -4
- package/dist/maybe-dismissable.css-mistica.js +3 -3
- package/dist/menu.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +11 -11
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/password-field.css-mistica.js +1 -1
- package/dist/popover.css-mistica.js +3 -3
- package/dist/progress-bar.css-mistica.js +1 -1
- package/dist/radio-button.css-mistica.js +5 -5
- package/dist/responsive-layout.css-mistica.js +2 -2
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +13 -13
- package/dist/skins/types/index.d.ts +15 -9
- package/dist/snackbar.css-mistica.js +3 -3
- package/dist/sprinkles.css-mistica.js +226 -190
- package/dist/sprinkles.css.d.ts +16 -16
- package/dist/stepper.css-mistica.js +3 -3
- package/dist/stepper.js +26 -26
- package/dist/switch-component.css-mistica.js +10 -10
- package/dist/tabs.css-mistica.js +7 -7
- package/dist/tag.css-mistica.js +1 -1
- package/dist/tag.js +15 -14
- package/dist/text-field-base.css-mistica.js +6 -6
- package/dist/text-field-components.css-mistica.js +6 -6
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/text.d.ts +6 -8
- package/dist/text.js +8 -7
- package/dist/title.js +27 -24
- package/dist/tooltip.css-mistica.js +6 -6
- package/dist/touchable.css-mistica.js +3 -3
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist/video.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/badge.js +29 -20
- package/dist-es/boxed.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +3 -3
- package/dist-es/button.css-mistica.js +9 -9
- package/dist-es/button.js +154 -154
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/card.css-mistica.js +4 -2
- package/dist-es/card.js +151 -142
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/checkbox.css-mistica.js +5 -5
- package/dist-es/chip.css-mistica.js +4 -4
- package/dist-es/chip.js +77 -61
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +3 -3
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +2 -2
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.css-mistica.js +1 -1
- package/dist-es/fixed-footer-layout.js +94 -42
- package/dist-es/hero.css-mistica.js +1 -1
- package/dist-es/highlighted-card.css-mistica.js +3 -3
- package/dist-es/image.css-mistica.js +1 -1
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/maybe-dismissable.css-mistica.js +2 -2
- package/dist-es/menu.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +8 -8
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-field.css-mistica.js +1 -1
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +1 -1
- package/dist-es/radio-button.css-mistica.js +4 -4
- package/dist-es/responsive-layout.css-mistica.js +2 -2
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +10 -10
- package/dist-es/snackbar.css-mistica.js +2 -2
- package/dist-es/sprinkles.css-mistica.js +226 -190
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/stepper.js +50 -50
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +10 -10
- package/dist-es/tabs.css-mistica.js +6 -6
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/tag.js +28 -27
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-components.css-mistica.js +2 -2
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/text.js +11 -10
- package/dist-es/title.js +36 -33
- package/dist-es/tooltip.css-mistica.js +3 -3
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/video.css-mistica.js +1 -1
- package/package.json +2 -1
|
@@ -34,13 +34,13 @@ _export(exports, {
|
|
|
34
34
|
return o;
|
|
35
35
|
},
|
|
36
36
|
enterActive: function() {
|
|
37
|
-
return
|
|
37
|
+
return x;
|
|
38
38
|
},
|
|
39
39
|
enterDone: function() {
|
|
40
|
-
return
|
|
40
|
+
return y;
|
|
41
41
|
},
|
|
42
42
|
exit: function() {
|
|
43
|
-
return
|
|
43
|
+
return h;
|
|
44
44
|
},
|
|
45
45
|
exitActive: function() {
|
|
46
46
|
return b;
|
|
@@ -58,16 +58,16 @@ _export(exports, {
|
|
|
58
58
|
return s;
|
|
59
59
|
},
|
|
60
60
|
wrapper: function() {
|
|
61
|
-
return
|
|
61
|
+
return c;
|
|
62
62
|
}
|
|
63
63
|
});
|
|
64
64
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
65
65
|
require("./tooltip.css.ts.vanilla.css-mistica.js");
|
|
66
|
-
var v = "_1xhatbpb _1y2v1nf60
|
|
66
|
+
var v = "_1xhatbpb _1y2v1nf60 _1y2v1nfau _1y2v1nf8l _1y2v1nf91 _1y2v1nfac _1y2v1nf31 _1y2v1nfa9", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf60 _1y2v1nf8o _1y2v1nf91 _1y2v1nfas _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6u _1y2v1nf79 _1y2v1nf7o _1y2v1nf83 _1y2v1nf60 _1y2v1nfbe _1y2v1nf8g _1y2v1nfal _1y2v1nfa9", o = "_1xhatbpk", x = "_1xhatbpl", y = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
|
|
67
67
|
shadowAlpha: "var(--_1xhatbp0)",
|
|
68
68
|
enterTransform: "var(--_1xhatbp1)",
|
|
69
69
|
enterDoneTransform: "var(--_1xhatbp2)",
|
|
70
70
|
exitTransform: "var(--_1xhatbp3)",
|
|
71
71
|
enterActiveAnimationName: "var(--_1xhatbp4)",
|
|
72
72
|
arrowBoxShadow: "var(--_1xhatbp5)"
|
|
73
|
-
},
|
|
73
|
+
}, c = "_1y2v1nf68";
|
|
@@ -10,10 +10,10 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
base: function() {
|
|
13
|
-
return
|
|
13
|
+
return f;
|
|
14
14
|
},
|
|
15
15
|
notTouchable: function() {
|
|
16
|
-
return
|
|
16
|
+
return n;
|
|
17
17
|
},
|
|
18
18
|
touchable: function() {
|
|
19
19
|
return _;
|
|
@@ -21,4 +21,4 @@ _export(exports, {
|
|
|
21
21
|
});
|
|
22
22
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
23
23
|
require("./touchable.css.ts.vanilla.css-mistica.js");
|
|
24
|
-
var
|
|
24
|
+
var f = "mhti6u1 _1y2v1nfar", n = "mhti6u4", _ = "mhti6u1 _1y2v1nfar _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf66 _1y2v1nfaa _1y2v1nf8f _1y2v1nf2y _1y2v1nf5y _1y2v1nfat";
|
|
@@ -24,6 +24,6 @@ _export(exports, {
|
|
|
24
24
|
});
|
|
25
25
|
require("../sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var v = "yqswj62", n = "
|
|
27
|
+
var v = "yqswj62", n = "_1y2v1nf8f _1y2v1nf8w _1y2v1nfau _1y2v1nfb9", y = {
|
|
28
28
|
aspectRatio: "var(--yqswj60)"
|
|
29
|
-
}, f = "
|
|
29
|
+
}, f = "_1y2v1nfas _1y2v1nfa7 _1y2v1nfa8 _1y2v1nf5z";
|
|
@@ -9,4 +9,4 @@ Object.defineProperty(exports, "video", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
|
-
var y = "
|
|
12
|
+
var y = "_1y2v1nfau _1y2v1nfb9 _1y2v1nf66 _1y2v1nf5y _1y2v1nfa7 _1y2v1nfa8 _1y2v1nfci";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./badge.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
4
|
-
export {
|
|
3
|
+
var _ = "_17szrmd2 _1y2v1nf8k _1y2v1nf90 _1y2v1nf4f", n = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf8k _1y2v1nf90 _1y2v1nf4f _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", y = "_1y2v1nf60", a = "_1y2v1nf5z _1y2v1nf68";
|
|
4
|
+
export { _ as badge, n as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };
|
package/dist-es/badge.js
CHANGED
|
@@ -50,44 +50,53 @@ function _object_spread_props(target, source) {
|
|
|
50
50
|
}
|
|
51
51
|
return target;
|
|
52
52
|
}
|
|
53
|
-
import { jsx as t, Fragment as
|
|
53
|
+
import { jsx as t, Fragment as c, jsxs as f } from "react/jsx-runtime";
|
|
54
54
|
import m from "classnames";
|
|
55
|
-
import { container as
|
|
56
|
-
import { getPrefixedDataAttributes as
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
55
|
+
import { container as g, badgeNumber as b, badgeWithChildren as a, badgeBigNumber as l, badge as p } from "./badge.css-mistica.js";
|
|
56
|
+
import { getPrefixedDataAttributes as u } from "./utils/dom.js";
|
|
57
|
+
import { Text1 as x } from "./text.js";
|
|
58
|
+
import { useTheme as N } from "./hooks.js";
|
|
59
|
+
import { vars as B } from "./skins/skin-contract.css-mistica.js";
|
|
60
|
+
const h = (param)=>{
|
|
61
|
+
let { children: r , value: e , right: s , top: i , dataAttributes: n } = param;
|
|
62
|
+
const { textPresets: d } = N();
|
|
63
|
+
if (r && e === 0) return /* @__PURE__ */ t(c, {
|
|
60
64
|
children: r
|
|
61
65
|
});
|
|
62
66
|
if (e === 0) return null;
|
|
63
|
-
const
|
|
64
|
-
return /* @__PURE__ */
|
|
65
|
-
className:
|
|
66
|
-
},
|
|
67
|
+
const o = e && e > 9;
|
|
68
|
+
return /* @__PURE__ */ f("div", _object_spread_props(_object_spread({
|
|
69
|
+
className: g
|
|
70
|
+
}, u(n, "Badge")), {
|
|
67
71
|
children: [
|
|
68
72
|
e ? /* @__PURE__ */ t("div", {
|
|
69
73
|
role: "presentation",
|
|
70
74
|
"aria-hidden": "true",
|
|
71
|
-
className: m(
|
|
72
|
-
[
|
|
73
|
-
[
|
|
75
|
+
className: m(b, {
|
|
76
|
+
[a]: !!r,
|
|
77
|
+
[l]: o
|
|
74
78
|
}),
|
|
75
79
|
style: {
|
|
76
80
|
right: s,
|
|
77
|
-
top:
|
|
81
|
+
top: i
|
|
78
82
|
},
|
|
79
|
-
children:
|
|
83
|
+
children: /* @__PURE__ */ t(x, {
|
|
84
|
+
forceMobileSizes: !0,
|
|
85
|
+
weight: d.indicator.weight,
|
|
86
|
+
color: B.colors.textPrimaryInverse,
|
|
87
|
+
children: o ? "+9" : e
|
|
88
|
+
})
|
|
80
89
|
}) : /* @__PURE__ */ t("div", {
|
|
81
90
|
style: {
|
|
82
91
|
right: s,
|
|
83
|
-
top:
|
|
92
|
+
top: i
|
|
84
93
|
},
|
|
85
|
-
className: m(
|
|
86
|
-
[
|
|
94
|
+
className: m(p, {
|
|
95
|
+
[a]: !!r
|
|
87
96
|
})
|
|
88
97
|
}),
|
|
89
98
|
r
|
|
90
99
|
]
|
|
91
100
|
}));
|
|
92
|
-
},
|
|
93
|
-
export {
|
|
101
|
+
}, C = h;
|
|
102
|
+
export { C as default };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./button-layout.css.ts.vanilla.css-mistica.js";
|
|
4
|
-
var
|
|
4
|
+
var f = "kfxylhi", l = {
|
|
5
5
|
right: "_1y2v1nf6e",
|
|
6
6
|
left: "_1y2v1nf6c",
|
|
7
7
|
center: "_1y2v1nf6d",
|
|
8
8
|
"full-width": "kfxylhh _1y2v1nf6d"
|
|
9
|
-
}, i = "kfxylh6 _1y2v1nf64", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf64
|
|
9
|
+
}, i = "kfxylh6 _1y2v1nf64", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf64 _1y2v1nf8f", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
|
|
10
10
|
buttonWidth: "var(--kfxylh0)"
|
|
11
11
|
};
|
|
12
|
-
export {
|
|
12
|
+
export { f as alignMoreThanOneChildred, l as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, o as vars };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./button.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var _ = 104, r = 8, y = 24, f = 20, a = 16, p = 20, b = 14.5, i = 10.5,
|
|
4
|
-
primary: "rrbrpnp rrbrpn2 _1y2v1nf6r
|
|
5
|
-
secondary: "rrbrpnq rrbrpn2 _1y2v1nf6r
|
|
6
|
-
danger: "rrbrpnr rrbrpn2 _1y2v1nf6r
|
|
7
|
-
},
|
|
8
|
-
primary: "rrbrpnm rrbrpn2 _1y2v1nf6r
|
|
9
|
-
secondary: "rrbrpnn rrbrpn2 _1y2v1nf6r
|
|
10
|
-
danger: "rrbrpno rrbrpn2 _1y2v1nf6r
|
|
3
|
+
var _ = 104, r = 8, y = 24, f = 20, a = 16, p = 20, b = 14.5, i = 10.5, s = "rrbrpnl", e = "rrbrpni _1y2v1nf28", l = {
|
|
4
|
+
primary: "rrbrpnp rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf21 _1y2v1nf3s",
|
|
5
|
+
secondary: "rrbrpnq rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf25 _1y2v1nf5y",
|
|
6
|
+
danger: "rrbrpnr rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf20 _1y2v1nf3m"
|
|
7
|
+
}, t = "rrbrpn0", g = "rrbrpng _1y2v1nf7p _1y2v1nf84 _1y2v1nf68 _1y2v1nf8g _1y2v1nf5z _1y2v1nfah _1y2v1nfaa _1y2v1nf27 _1y2v1nf5y _1y2v1nfas _1y2v1nf9m", I = "rrbrpn7 _1y2v1nf65 _1y2v1nf60 _1y2v1nfau _1y2v1nfc3 _1y2v1nf6d _1y2v1nf6j", o = "rrbrpn4 _1y2v1nf66 _1y2v1nf8x _1y2v1nfas", N = "rrbrpn5", d = "rrbrpn9 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", L = "rrbrpnk _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", m = {
|
|
8
|
+
primary: "rrbrpnm rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf20 _1y2v1nf3r",
|
|
9
|
+
secondary: "rrbrpnn rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf23 _1y2v1nf5y",
|
|
10
|
+
danger: "rrbrpno rrbrpn2 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf68 _1y2v1nf5z _1y2v1nf8g _1y2v1nfah _1y2v1nfas _1y2v1nf20 _1y2v1nf3m"
|
|
11
11
|
};
|
|
12
|
-
export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, b as X_PADDING_PX, i as X_SMALL_PADDING_PX,
|
|
12
|
+
export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, b as X_PADDING_PX, i as X_SMALL_PADDING_PX, s as alignedLink, e as inverseLink, l as inverseVariants, t as isLoading, g as link, I as loadingContent, o as loadingFiller, N as small, d as textContent, L as textContentLink, m as variants };
|