@telefonica/mistica 14.39.0 → 14.40.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/accordion.js +47 -49
- package/dist/button.js +10 -10
- package/dist/card.js +10 -10
- package/dist/carousel.css-mistica.js +48 -24
- package/dist/carousel.css.d.ts +9 -1
- package/dist/carousel.d.ts +2 -2
- package/dist/carousel.js +227 -219
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/blocks.js +12 -12
- package/dist/desktop-container-type-context.js +2 -2
- package/dist/fade-in.js +2 -2
- package/dist/feedback.js +6 -6
- package/dist/focus-trap.js +2 -2
- package/dist/header.js +4 -4
- package/dist/hero.js +4 -4
- package/dist/horizontal-scroll.js +2 -2
- package/dist/icons/icon-amex.js +2 -2
- package/dist/icons/icon-chevron.js +2 -2
- package/dist/icons/icon-cvv-amex.js +2 -2
- package/dist/icons/icon-cvv-visa-mc.js +2 -2
- package/dist/icons/icon-info.js +4 -4
- package/dist/icons/icon-mastercard.js +2 -2
- package/dist/icons/icon-visa.js +2 -2
- package/dist/image.js +2 -2
- package/dist/list.js +16 -16
- package/dist/loading-bar.js +2 -2
- package/dist/logo.js +10 -10
- package/dist/menu.js +2 -2
- package/dist/mosaic.js +2 -2
- package/dist/navigation-bar.js +8 -8
- package/dist/navigation-breadcrumbs.js +2 -2
- package/dist/negative-box.js +2 -2
- package/dist/nestable-context.js +2 -2
- package/dist/package-version.js +1 -1
- package/dist/placeholder.js +2 -2
- package/dist/responsive-layout.js +2 -2
- package/dist/select.js +4 -4
- package/dist/sheet.js +71 -67
- package/dist/skeletons.js +12 -12
- package/dist/stack.js +2 -2
- package/dist/text-field-base.js +2 -2
- package/dist/text-field-components.js +2 -2
- package/dist/text.js +18 -17
- package/dist/theme-variant-context.js +2 -2
- package/dist/theme.js +8 -8
- package/dist/title.js +2 -2
- package/dist/tooltip.js +64 -60
- package/dist/utils/animation.js +2 -2
- package/dist/utils/css.js +1 -1
- package/dist/video.js +2 -2
- package/dist/vivinho-loading-animation/pulse-lottie.json.js +3 -5
- package/dist-es/accordion.js +65 -67
- package/dist-es/button.js +10 -10
- package/dist-es/card.js +10 -10
- package/dist-es/carousel.css-mistica.js +7 -7
- package/dist-es/carousel.js +278 -270
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/blocks.js +12 -12
- package/dist-es/desktop-container-type-context.js +2 -2
- package/dist-es/fade-in.js +2 -2
- package/dist-es/feedback.js +6 -6
- package/dist-es/focus-trap.js +2 -2
- package/dist-es/header.js +4 -4
- package/dist-es/hero.js +4 -4
- package/dist-es/horizontal-scroll.js +2 -2
- package/dist-es/icons/icon-amex.js +2 -2
- package/dist-es/icons/icon-chevron.js +2 -2
- package/dist-es/icons/icon-cvv-amex.js +2 -2
- package/dist-es/icons/icon-cvv-visa-mc.js +2 -2
- package/dist-es/icons/icon-info.js +4 -4
- package/dist-es/icons/icon-mastercard.js +2 -2
- package/dist-es/icons/icon-visa.js +2 -2
- package/dist-es/image.js +2 -2
- package/dist-es/list.js +16 -16
- package/dist-es/loading-bar.js +2 -2
- package/dist-es/logo.js +10 -10
- package/dist-es/menu.js +2 -2
- package/dist-es/mosaic.js +2 -2
- package/dist-es/navigation-bar.js +8 -8
- package/dist-es/navigation-breadcrumbs.js +2 -2
- package/dist-es/negative-box.js +2 -2
- package/dist-es/nestable-context.js +2 -2
- package/dist-es/package-version.js +1 -1
- package/dist-es/placeholder.js +2 -2
- package/dist-es/responsive-layout.js +2 -2
- package/dist-es/select.js +4 -4
- package/dist-es/sheet.js +79 -75
- package/dist-es/skeletons.js +12 -12
- package/dist-es/stack.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/text-field-base.js +2 -2
- package/dist-es/text-field-components.js +4 -4
- package/dist-es/text.js +21 -20
- package/dist-es/theme-variant-context.js +2 -2
- package/dist-es/theme.js +8 -8
- package/dist-es/title.js +2 -2
- package/dist-es/tooltip.js +80 -76
- package/dist-es/utils/animation.js +2 -2
- package/dist-es/utils/css.js +1 -1
- package/dist-es/video.js +2 -2
- package/dist-es/vivinho-loading-animation/pulse-lottie.json.js +3 -5
- package/package.json +16 -17
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
3
|
+
var _ = "_1x00fru3 _1x00fru1 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgs _1y2v1nf83", v = {
|
|
4
4
|
default: "_1x00fruk",
|
|
5
5
|
mobile: "_1x00frul"
|
|
6
|
-
}, n = "_1x00frur", a = "_1x00frun", t = "_1x00fruo _1x00frun", u = "_1x00fru9 _1x00fru1 _1y2v1nf96 _1y2v1nfaf _1y2v1nf6i _1y2v1nf83", y = "_1x00frud _1y2v1nfga _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgm _1y2v1nfh3 _1y2v1nfhk _1x00frub",
|
|
7
|
-
export {
|
|
6
|
+
}, n = "_1x00frur", a = "_1x00frun", t = "_1x00fruo _1x00frun", u = "_1x00fru9 _1x00fru1 _1y2v1nf96 _1y2v1nfaf _1y2v1nf6i _1y2v1nf83", y = "_1x00frud _1y2v1nfga _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgm _1y2v1nfh3 _1y2v1nfhk _1x00frub", x = "_1x00frui", i = "_1x00fruq _1y2v1nfgg _1y2v1nfgl", o = "_1y2v1nfgg _1y2v1nfh2 _1y2v1nfgv _1y2v1nfip", e = "_1x00frum", g = "_1x00frus", d = "_1x00frub", h = "_1x00fru1 _1y2v1nf96 _1y2v1nfaf", l = "_1x00fru4", b = "_1x00fru7", m = "_1x00fru5", c = "_1x00frua";
|
|
7
|
+
export { _ as actions, v as actionsVariants, n as adjustButtonLink, a as button, t as buttonMobile, u as cardContentStyle, y as dataCard, x as divider, i as footerDirection, o as footerText, e as marginRightAuto, g as marginRightButton, d as minHeight, h as paddingX, l as touchableArea, b as touchableCardOverlay, m as touchableContainer, c as zindex };
|
|
@@ -30,9 +30,9 @@ const p = (param)=>{
|
|
|
30
30
|
}, i))
|
|
31
31
|
]
|
|
32
32
|
});
|
|
33
|
-
}, z = (param)
|
|
33
|
+
}, z = (param)=>{
|
|
34
34
|
let { title: a, stackingGroup: e, description: l, "aria-label": t } = param;
|
|
35
|
-
return r("div", {
|
|
35
|
+
return /* @__PURE__ */ r("div", {
|
|
36
36
|
"aria-label": t,
|
|
37
37
|
children: /* @__PURE__ */ c(s, {
|
|
38
38
|
space: "between",
|
|
@@ -53,9 +53,9 @@ const p = (param)=>{
|
|
|
53
53
|
]
|
|
54
54
|
})
|
|
55
55
|
});
|
|
56
|
-
}, A = (param)
|
|
56
|
+
}, A = (param)=>{
|
|
57
57
|
let { image: a, description: e, "aria-label": l } = param;
|
|
58
|
-
return r("div", {
|
|
58
|
+
return /* @__PURE__ */ r("div", {
|
|
59
59
|
"aria-label": l,
|
|
60
60
|
children: /* @__PURE__ */ c(s, {
|
|
61
61
|
space: 16,
|
|
@@ -75,9 +75,9 @@ const p = (param)=>{
|
|
|
75
75
|
]
|
|
76
76
|
})
|
|
77
77
|
});
|
|
78
|
-
}, D = (param)
|
|
78
|
+
}, D = (param)=>{
|
|
79
79
|
let { title: a, description: e, secondaryValue: l, value: t, valueColor: i = o.colors.textPrimary, "aria-label": d } = param;
|
|
80
|
-
return c(s, {
|
|
80
|
+
return /* @__PURE__ */ c(s, {
|
|
81
81
|
space: "between",
|
|
82
82
|
alignItems: "flex-end",
|
|
83
83
|
"aria-label": d,
|
|
@@ -103,9 +103,9 @@ const p = (param)=>{
|
|
|
103
103
|
})
|
|
104
104
|
]
|
|
105
105
|
});
|
|
106
|
-
}, E = (param)
|
|
106
|
+
}, E = (param)=>{
|
|
107
107
|
let { headline: a, mainHeading: e, secondHeading: l, secondaryValue: t, title: i, description: d, valueColor: h = o.colors.textPrimary, "aria-label": b } = param;
|
|
108
|
-
return c("div", {
|
|
108
|
+
return /* @__PURE__ */ c("div", {
|
|
109
109
|
"aria-label": b,
|
|
110
110
|
children: [
|
|
111
111
|
a && /* @__PURE__ */ r(u, {
|
|
@@ -160,9 +160,9 @@ const p = (param)=>{
|
|
|
160
160
|
}) : null
|
|
161
161
|
]
|
|
162
162
|
});
|
|
163
|
-
}, F = (param)
|
|
163
|
+
}, F = (param)=>{
|
|
164
164
|
let { title: a, value: e, description: l, valueColor: t = o.colors.textPrimary, "aria-label": i } = param;
|
|
165
|
-
return c("div", {
|
|
165
|
+
return /* @__PURE__ */ c("div", {
|
|
166
166
|
"aria-label": i,
|
|
167
167
|
className: x,
|
|
168
168
|
children: [
|
|
@@ -180,9 +180,9 @@ const p = (param)=>{
|
|
|
180
180
|
})
|
|
181
181
|
]
|
|
182
182
|
});
|
|
183
|
-
}, J = (param)
|
|
183
|
+
}, J = (param)=>{
|
|
184
184
|
let { title: a, stackingGroup: e, progressPercent: l, reverse: t, heading: i, description: d, "aria-label": h } = param;
|
|
185
|
-
return r("div", {
|
|
185
|
+
return /* @__PURE__ */ r("div", {
|
|
186
186
|
"aria-label": h,
|
|
187
187
|
children: /* @__PURE__ */ c(g, {
|
|
188
188
|
space: 8,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as r } from "react/jsx-runtime";
|
|
3
3
|
import * as t from "react";
|
|
4
|
-
const e = /*#__PURE__*/ t.createContext(null), p = ()=>t.useContext(e), a = (param)
|
|
4
|
+
const e = /*#__PURE__*/ t.createContext(null), p = ()=>t.useContext(e), a = (param)=>{
|
|
5
5
|
let { children: o, value: n } = param;
|
|
6
|
-
return r(e.Provider, {
|
|
6
|
+
return /* @__PURE__ */ r(e.Provider, {
|
|
7
7
|
value: n,
|
|
8
8
|
children: o
|
|
9
9
|
});
|
package/dist-es/fade-in.js
CHANGED
|
@@ -53,9 +53,9 @@ function _object_spread_props(target, source) {
|
|
|
53
53
|
import { jsx as o } from "react/jsx-runtime";
|
|
54
54
|
import { wrapper as r } from "./fade-in.css-mistica.js";
|
|
55
55
|
import { getPrefixedDataAttributes as m } from "./utils/dom.js";
|
|
56
|
-
const s = "0.3s", f = (param)
|
|
56
|
+
const s = "0.3s", f = (param)=>{
|
|
57
57
|
let { children: i, className: e = "", duration: t = s, delay: a = "0", dataAttributes: n } = param;
|
|
58
|
-
return o("div", _object_spread_props(_object_spread({}, m(n, "FadeIn")), {
|
|
58
|
+
return /* @__PURE__ */ o("div", _object_spread_props(_object_spread({}, m(n, "FadeIn")), {
|
|
59
59
|
className: `${r} ${e}`,
|
|
60
60
|
style: {
|
|
61
61
|
animationDelay: a,
|
package/dist-es/feedback.js
CHANGED
|
@@ -179,9 +179,9 @@ const P = (r)=>!be(r), U = (param)=>{
|
|
|
179
179
|
c && /* @__PURE__ */ e(ge, _object_spread({}, o))
|
|
180
180
|
]
|
|
181
181
|
});
|
|
182
|
-
}, Z = (param)
|
|
182
|
+
}, Z = (param)=>{
|
|
183
183
|
let { isInverse: r, inlineFeedbackBody: o, imageFit: t, imageUrl: c, dataAttributes: n } = param;
|
|
184
|
-
return l(Se, {
|
|
184
|
+
return /* @__PURE__ */ l(Se, {
|
|
185
185
|
className: Be,
|
|
186
186
|
isInverse: r,
|
|
187
187
|
dataAttributes: n,
|
|
@@ -304,13 +304,13 @@ const P = (r)=>!be(r), U = (param)=>{
|
|
|
304
304
|
"component-name": "SuccessFeedbackScreen"
|
|
305
305
|
}, r)
|
|
306
306
|
}));
|
|
307
|
-
}, Xe = (_param)
|
|
307
|
+
}, Xe = (_param)=>{
|
|
308
308
|
var { children: r, errorReference: o, dataAttributes: t } = _param, c = _object_without_properties(_param, [
|
|
309
309
|
"children",
|
|
310
310
|
"errorReference",
|
|
311
311
|
"dataAttributes"
|
|
312
312
|
]);
|
|
313
|
-
return e(V, _object_spread_props(_object_spread({}, c), {
|
|
313
|
+
return /* @__PURE__ */ e(V, _object_spread_props(_object_spread({}, c), {
|
|
314
314
|
hapticFeedback: "error",
|
|
315
315
|
icon: /* @__PURE__ */ e(le, {
|
|
316
316
|
size: "100%"
|
|
@@ -331,12 +331,12 @@ const P = (r)=>!be(r), U = (param)=>{
|
|
|
331
331
|
]
|
|
332
332
|
})
|
|
333
333
|
}));
|
|
334
|
-
}, Ye = (_param)
|
|
334
|
+
}, Ye = (_param)=>{
|
|
335
335
|
var { dataAttributes: r, Icon: o = me } = _param, t = _object_without_properties(_param, [
|
|
336
336
|
"dataAttributes",
|
|
337
337
|
"Icon"
|
|
338
338
|
]);
|
|
339
|
-
return e(V, _object_spread({
|
|
339
|
+
return /* @__PURE__ */ e(V, _object_spread({
|
|
340
340
|
dataAttributes: _object_spread({
|
|
341
341
|
"component-name": "InfoFeedbackScreen"
|
|
342
342
|
}, r),
|
package/dist-es/focus-trap.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import u from "react-focus-lock";
|
|
3
|
-
const a = (param)
|
|
3
|
+
const a = (param)=>{
|
|
4
4
|
let { children: o, disabled: r, className: s, group: c } = param;
|
|
5
|
-
return t(u, {
|
|
5
|
+
return /* @__PURE__ */ t(u, {
|
|
6
6
|
noFocusGuards: !0,
|
|
7
7
|
disabled: r,
|
|
8
8
|
className: s,
|
package/dist-es/header.js
CHANGED
|
@@ -166,9 +166,9 @@ const $ = (param)=>{
|
|
|
166
166
|
})
|
|
167
167
|
]
|
|
168
168
|
});
|
|
169
|
-
}, E = (param)
|
|
169
|
+
}, E = (param)=>{
|
|
170
170
|
let { title: t, description: e, button: o } = param;
|
|
171
|
-
return l(a, {
|
|
171
|
+
return /* @__PURE__ */ l(a, {
|
|
172
172
|
space: 32,
|
|
173
173
|
children: [
|
|
174
174
|
/* @__PURE__ */ l(a, {
|
|
@@ -251,9 +251,9 @@ const $ = (param)=>{
|
|
|
251
251
|
})
|
|
252
252
|
]
|
|
253
253
|
}));
|
|
254
|
-
}, rr = (param)
|
|
254
|
+
}, rr = (param)=>{
|
|
255
255
|
let { isInverse: t = !0, children: e, dataAttributes: o } = param;
|
|
256
|
-
return l(k, {
|
|
256
|
+
return /* @__PURE__ */ l(k, {
|
|
257
257
|
isInverse: t,
|
|
258
258
|
dataAttributes: _object_spread({
|
|
259
259
|
"component-name": "MainSectionHeaderLayout"
|
package/dist-es/hero.js
CHANGED
|
@@ -95,18 +95,18 @@ import { getPrefixedDataAttributes as C } from "./utils/dom.js";
|
|
|
95
95
|
import { sprinkles as k } from "./sprinkles.css-mistica.js";
|
|
96
96
|
import { ThemeVariant as V } from "./theme-variant-context.js";
|
|
97
97
|
import { applyCssVars as p } from "./utils/css.js";
|
|
98
|
-
const N = (param)
|
|
98
|
+
const N = (param)=>{
|
|
99
99
|
let { children: e, isInverse: o } = param;
|
|
100
|
-
return r(V, {
|
|
100
|
+
return /* @__PURE__ */ r(V, {
|
|
101
101
|
isInverse: o,
|
|
102
102
|
children: /* @__PURE__ */ r("div", {
|
|
103
103
|
className: L,
|
|
104
104
|
children: e
|
|
105
105
|
})
|
|
106
106
|
});
|
|
107
|
-
}, g = (param)
|
|
107
|
+
}, g = (param)=>{
|
|
108
108
|
let { headline: e, title: o, pretitle: a, description: t, descriptionLinesMax: d, extra: i, button: l, secondaryButton: f, buttonLink: m } = param;
|
|
109
|
-
return c("section", {
|
|
109
|
+
return /* @__PURE__ */ c("section", {
|
|
110
110
|
className: k({
|
|
111
111
|
height: "100%",
|
|
112
112
|
display: "flex",
|
|
@@ -2,9 +2,9 @@ import { jsx as a } from "react/jsx-runtime";
|
|
|
2
2
|
import t from "classnames";
|
|
3
3
|
import * as s from "react";
|
|
4
4
|
import { scroll as c, noScrollbar as m } from "./horizontal-scroll.css-mistica.js";
|
|
5
|
-
const n = /*#__PURE__*/ s.forwardRef((param, l)
|
|
5
|
+
const n = /*#__PURE__*/ s.forwardRef((param, l)=>{
|
|
6
6
|
let { children: o, noScrollbar: r } = param;
|
|
7
|
-
return a("div", {
|
|
7
|
+
return /* @__PURE__ */ a("div", {
|
|
8
8
|
className: t(c, {
|
|
9
9
|
[m]: r
|
|
10
10
|
}),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as l, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
const t = (param)
|
|
2
|
+
const t = (param)=>{
|
|
3
3
|
let { role: e = "presentation", size: h = 24 } = param;
|
|
4
|
-
return l("svg", {
|
|
4
|
+
return /* @__PURE__ */ l("svg", {
|
|
5
5
|
role: e,
|
|
6
6
|
width: h,
|
|
7
7
|
height: h,
|
|
@@ -28,9 +28,9 @@ function _object_spread(target) {
|
|
|
28
28
|
}
|
|
29
29
|
import { jsx as s } from "react/jsx-runtime";
|
|
30
30
|
import { vars as c } from "../skins/skin-contract.css-mistica.js";
|
|
31
|
-
const h = (param)
|
|
31
|
+
const h = (param)=>{
|
|
32
32
|
let { size: o, color: r, transform: n, transitionDuration: t, className: e, style: l } = param;
|
|
33
|
-
return s("svg", {
|
|
33
|
+
return /* @__PURE__ */ s("svg", {
|
|
34
34
|
role: "presentation",
|
|
35
35
|
width: o,
|
|
36
36
|
height: o,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as h, jsxs as v } from "react/jsx-runtime";
|
|
2
2
|
import { vars as a } from "../skins/skin-contract.css-mistica.js";
|
|
3
|
-
const l = (param)
|
|
3
|
+
const l = (param)=>{
|
|
4
4
|
let { role: t = "presentation", size: c = 48, color: r } = param;
|
|
5
|
-
return h("svg", {
|
|
5
|
+
return /* @__PURE__ */ h("svg", {
|
|
6
6
|
width: c,
|
|
7
7
|
height: c,
|
|
8
8
|
viewBox: "0 0 48 48",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as c, jsxs as a } from "react/jsx-runtime";
|
|
2
2
|
import { vars as h } from "../skins/skin-contract.css-mistica.js";
|
|
3
|
-
const s = (param)
|
|
3
|
+
const s = (param)=>{
|
|
4
4
|
let { role: r = "presentation", size: t = 48, color: v } = param;
|
|
5
|
-
return c("svg", {
|
|
5
|
+
return /* @__PURE__ */ c("svg", {
|
|
6
6
|
width: t,
|
|
7
7
|
height: t,
|
|
8
8
|
viewBox: "0 0 48 48",
|
|
@@ -31,9 +31,9 @@ import { jsx as o, jsxs as t } from "react/jsx-runtime";
|
|
|
31
31
|
import { useTheme as c } from "../hooks.js";
|
|
32
32
|
import { O2_CLASSIC_SKIN as i, O2_SKIN as l } from "../skins/constants.js";
|
|
33
33
|
import { vars as n } from "../skins/skin-contract.css-mistica.js";
|
|
34
|
-
const s = (param)
|
|
34
|
+
const s = (param)=>{
|
|
35
35
|
let { size: r = 48 } = param;
|
|
36
|
-
return o("svg", {
|
|
36
|
+
return /* @__PURE__ */ o("svg", {
|
|
37
37
|
width: r,
|
|
38
38
|
height: r,
|
|
39
39
|
viewBox: "0 0 64 64",
|
|
@@ -70,9 +70,9 @@ const s = (param)=>/* @__PURE__ */ {
|
|
|
70
70
|
]
|
|
71
71
|
})
|
|
72
72
|
});
|
|
73
|
-
}, d = (param)
|
|
73
|
+
}, d = (param)=>{
|
|
74
74
|
let { size: r = 48 } = param;
|
|
75
|
-
return o("svg", {
|
|
75
|
+
return /* @__PURE__ */ o("svg", {
|
|
76
76
|
width: r,
|
|
77
77
|
height: r,
|
|
78
78
|
viewBox: "0 0 64 64",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as l, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
const r = (param)
|
|
2
|
+
const r = (param)=>{
|
|
3
3
|
let { role: c = "presentation", size: e = 24 } = param;
|
|
4
|
-
return l("svg", {
|
|
4
|
+
return /* @__PURE__ */ l("svg", {
|
|
5
5
|
role: c,
|
|
6
6
|
width: e,
|
|
7
7
|
height: e,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as l, jsxs as t } from "react/jsx-runtime";
|
|
2
|
-
const a = (param)
|
|
2
|
+
const a = (param)=>{
|
|
3
3
|
let { role: i = "presentation", size: h = 24 } = param;
|
|
4
|
-
return l("svg", {
|
|
4
|
+
return /* @__PURE__ */ l("svg", {
|
|
5
5
|
role: i,
|
|
6
6
|
width: h,
|
|
7
7
|
height: h,
|
package/dist-es/image.js
CHANGED
|
@@ -94,9 +94,9 @@ import { combineRefs as K } from "./utils/common.js";
|
|
|
94
94
|
import Z from "./skeleton-base.js";
|
|
95
95
|
import { isServerSide as q } from "./utils/environment.js";
|
|
96
96
|
import { fallbackStyles as G } from "./utils/css.js";
|
|
97
|
-
const J = (param)
|
|
97
|
+
const J = (param)=>{
|
|
98
98
|
let { style: t } = param;
|
|
99
|
-
return e("svg", {
|
|
99
|
+
return /* @__PURE__ */ e("svg", {
|
|
100
100
|
width: "48",
|
|
101
101
|
height: "48",
|
|
102
102
|
viewBox: "0 0 48 48",
|
package/dist-es/list.js
CHANGED
|
@@ -250,9 +250,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
250
250
|
d
|
|
251
251
|
];
|
|
252
252
|
}, ke = (e)=>e.switch !== void 0, Pe = (e)=>e.checkbox !== void 0, Be = (e)=>e.radioValue !== void 0, ee = /*#__PURE__*/ P.forwardRef((e, r)=>{
|
|
253
|
-
const n = ae(), o = p(), { asset: s, headline: w, title: d, titleLinesMax: W, subtitle: u, subtitleLinesMax: V, description: g, descriptionLinesMax: A, detail: E, badge: X, role: l, extra: v, dataAttributes: h } = e, F = ce(), a = e.disabled || e.radioValue !== void 0 && F.disabled, f = !a && !o, y = !a && o, [Y, q] = Ne(e.switch || e.checkbox || {}), R = (param)
|
|
253
|
+
const n = ae(), o = p(), { asset: s, headline: w, title: d, titleLinesMax: W, subtitle: u, subtitleLinesMax: V, description: g, descriptionLinesMax: A, detail: E, badge: X, role: l, extra: v, dataAttributes: h } = e, F = ce(), a = e.disabled || e.radioValue !== void 0 && F.disabled, f = !a && !o, y = !a && o, [Y, q] = Ne(e.switch || e.checkbox || {}), R = (param)=>{
|
|
254
254
|
let { type: c, right: b, labelId: D } = param;
|
|
255
|
-
return t(Ce, {
|
|
255
|
+
return /* @__PURE__ */ t(Ce, {
|
|
256
256
|
asset: s,
|
|
257
257
|
headline: w,
|
|
258
258
|
title: d,
|
|
@@ -353,9 +353,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
353
353
|
checked: Y,
|
|
354
354
|
"aria-labelledby": n,
|
|
355
355
|
onChange: q,
|
|
356
|
-
render: (param)
|
|
356
|
+
render: (param)=>{
|
|
357
357
|
let { controlElement: H } = param;
|
|
358
|
-
return t("div", {
|
|
358
|
+
return /* @__PURE__ */ t("div", {
|
|
359
359
|
className: xe,
|
|
360
360
|
children: H
|
|
361
361
|
});
|
|
@@ -374,9 +374,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
374
374
|
name: b,
|
|
375
375
|
checked: Y,
|
|
376
376
|
onChange: q,
|
|
377
|
-
render: (param)
|
|
377
|
+
render: (param)=>{
|
|
378
378
|
let { controlElement: H, labelId: te } = param;
|
|
379
|
-
return t(m, {
|
|
379
|
+
return /* @__PURE__ */ t(m, {
|
|
380
380
|
paddingX: 16,
|
|
381
381
|
role: l,
|
|
382
382
|
children: R({
|
|
@@ -415,9 +415,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
415
415
|
dataAttributes: h,
|
|
416
416
|
value: e.radioValue,
|
|
417
417
|
"aria-labelledby": n,
|
|
418
|
-
render: (param)
|
|
418
|
+
render: (param)=>{
|
|
419
419
|
let { controlElement: c } = param;
|
|
420
|
-
return t(L, {
|
|
420
|
+
return /* @__PURE__ */ t(L, {
|
|
421
421
|
space: "around",
|
|
422
422
|
children: /* @__PURE__ */ t(m, {
|
|
423
423
|
paddingX: 16,
|
|
@@ -439,9 +439,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
439
439
|
dataAttributes: h,
|
|
440
440
|
value: e.radioValue,
|
|
441
441
|
"aria-labelledby": n,
|
|
442
|
-
render: (param)
|
|
442
|
+
render: (param)=>{
|
|
443
443
|
let { controlElement: c } = param;
|
|
444
|
-
return t(m, {
|
|
444
|
+
return /* @__PURE__ */ t(m, {
|
|
445
445
|
paddingX: 16,
|
|
446
446
|
children: R({
|
|
447
447
|
labelId: n,
|
|
@@ -466,11 +466,11 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
466
466
|
type: "basic"
|
|
467
467
|
})
|
|
468
468
|
});
|
|
469
|
-
}), Ke = /*#__PURE__*/ P.forwardRef((_param, n)
|
|
469
|
+
}), Ke = /*#__PURE__*/ P.forwardRef((_param, n)=>{
|
|
470
470
|
var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
|
|
471
471
|
"dataAttributes"
|
|
472
472
|
]);
|
|
473
|
-
return t(ee, _object_spread_props(_object_spread({}, r), {
|
|
473
|
+
return /* @__PURE__ */ t(ee, _object_spread_props(_object_spread({}, r), {
|
|
474
474
|
ref: n,
|
|
475
475
|
dataAttributes: _object_spread({
|
|
476
476
|
"component-name": "Row"
|
|
@@ -493,11 +493,11 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
493
493
|
]
|
|
494
494
|
}, d))
|
|
495
495
|
}));
|
|
496
|
-
}, Ue = /*#__PURE__*/ P.forwardRef((_param, n)
|
|
496
|
+
}, Ue = /*#__PURE__*/ P.forwardRef((_param, n)=>{
|
|
497
497
|
var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
|
|
498
498
|
"dataAttributes"
|
|
499
499
|
]);
|
|
500
|
-
return t(de, {
|
|
500
|
+
return /* @__PURE__ */ t(de, {
|
|
501
501
|
isInverse: r.isInverse,
|
|
502
502
|
ref: n,
|
|
503
503
|
dataAttributes: _object_spread({
|
|
@@ -505,9 +505,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
505
505
|
}, e),
|
|
506
506
|
children: /* @__PURE__ */ t(ee, _object_spread({}, r))
|
|
507
507
|
});
|
|
508
|
-
}), Ze = (param)
|
|
508
|
+
}), Ze = (param)=>{
|
|
509
509
|
let { children: e, ariaLabelledby: r, role: n, dataAttributes: o } = param;
|
|
510
|
-
return t(L, {
|
|
510
|
+
return /* @__PURE__ */ t(L, {
|
|
511
511
|
space: 16,
|
|
512
512
|
role: n,
|
|
513
513
|
"aria-labelledby": r,
|
package/dist-es/loading-bar.js
CHANGED
|
@@ -56,9 +56,9 @@ import { Portal as s } from "./portal.js";
|
|
|
56
56
|
import { portal as e, hidden as i, progressContainer as t, progress as m, innerProgress as n } from "./loading-bar.css-mistica.js";
|
|
57
57
|
import { getPrefixedDataAttributes as d } from "./utils/dom.js";
|
|
58
58
|
import l from "classnames";
|
|
59
|
-
const c = (param)
|
|
59
|
+
const c = (param)=>{
|
|
60
60
|
let { visible: a, dataAttributes: o } = param;
|
|
61
|
-
return r(s, {
|
|
61
|
+
return /* @__PURE__ */ r(s, {
|
|
62
62
|
className: l(e, {
|
|
63
63
|
[i]: !a
|
|
64
64
|
}),
|
package/dist-es/logo.js
CHANGED
|
@@ -580,60 +580,60 @@ const i = (t)=>{
|
|
|
580
580
|
size: t
|
|
581
581
|
})
|
|
582
582
|
}));
|
|
583
|
-
}, J = (_param)
|
|
583
|
+
}, J = (_param)=>{
|
|
584
584
|
var { type: t = "isotype", size: a } = _param, e = _object_without_properties(_param, [
|
|
585
585
|
"type",
|
|
586
586
|
"size"
|
|
587
587
|
]);
|
|
588
|
-
return C(l, _object_spread_props(_object_spread({}, e), {
|
|
588
|
+
return /* @__PURE__ */ C(l, _object_spread_props(_object_spread({}, e), {
|
|
589
589
|
children: /* @__PURE__ */ C(Z, {
|
|
590
590
|
skinName: "Movistar",
|
|
591
591
|
type: t,
|
|
592
592
|
size: a
|
|
593
593
|
})
|
|
594
594
|
}));
|
|
595
|
-
}, K = (_param)
|
|
595
|
+
}, K = (_param)=>{
|
|
596
596
|
var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
|
|
597
597
|
"size",
|
|
598
598
|
"type"
|
|
599
599
|
]);
|
|
600
|
-
return C(l, _object_spread_props(_object_spread({}, e), {
|
|
600
|
+
return /* @__PURE__ */ C(l, _object_spread_props(_object_spread({}, e), {
|
|
601
601
|
children: /* @__PURE__ */ C(Z, {
|
|
602
602
|
skinName: "Vivo",
|
|
603
603
|
type: a,
|
|
604
604
|
size: t
|
|
605
605
|
})
|
|
606
606
|
}));
|
|
607
|
-
}, Q = (_param)
|
|
607
|
+
}, Q = (_param)=>{
|
|
608
608
|
var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
|
|
609
609
|
"size",
|
|
610
610
|
"type"
|
|
611
611
|
]);
|
|
612
|
-
return C(l, _object_spread_props(_object_spread({}, e), {
|
|
612
|
+
return /* @__PURE__ */ C(l, _object_spread_props(_object_spread({}, e), {
|
|
613
613
|
children: /* @__PURE__ */ C(Z, {
|
|
614
614
|
skinName: "O2",
|
|
615
615
|
type: a,
|
|
616
616
|
size: t
|
|
617
617
|
})
|
|
618
618
|
}));
|
|
619
|
-
}, R = (_param)
|
|
619
|
+
}, R = (_param)=>{
|
|
620
620
|
var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
|
|
621
621
|
"size",
|
|
622
622
|
"type"
|
|
623
623
|
]);
|
|
624
|
-
return C(l, _object_spread_props(_object_spread({}, e), {
|
|
624
|
+
return /* @__PURE__ */ C(l, _object_spread_props(_object_spread({}, e), {
|
|
625
625
|
children: /* @__PURE__ */ C(Z, {
|
|
626
626
|
skinName: "Telefonica",
|
|
627
627
|
type: a,
|
|
628
628
|
size: t
|
|
629
629
|
})
|
|
630
630
|
}));
|
|
631
|
-
}, U = (_param)
|
|
631
|
+
}, U = (_param)=>{
|
|
632
632
|
var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
|
|
633
633
|
"size",
|
|
634
634
|
"type"
|
|
635
635
|
]);
|
|
636
|
-
return C(l, _object_spread_props(_object_spread({}, e), {
|
|
636
|
+
return /* @__PURE__ */ C(l, _object_spread_props(_object_spread({}, e), {
|
|
637
637
|
children: /* @__PURE__ */ C(Z, {
|
|
638
638
|
skinName: "Blau",
|
|
639
639
|
type: a,
|
package/dist-es/menu.js
CHANGED
|
@@ -91,9 +91,9 @@ const ke = 120, Q = /*#__PURE__*/ o.createContext({
|
|
|
91
91
|
},
|
|
92
92
|
disabled: u,
|
|
93
93
|
role: "menuitemcheckbox",
|
|
94
|
-
render: (param)
|
|
94
|
+
render: (param)=>{
|
|
95
95
|
let { controlElement: N } = param;
|
|
96
|
-
return e(y, {
|
|
96
|
+
return /* @__PURE__ */ e(y, {
|
|
97
97
|
paddingX: 8,
|
|
98
98
|
paddingY: 12,
|
|
99
99
|
children: /* @__PURE__ */ E(Ie, {
|
package/dist-es/mosaic.js
CHANGED
|
@@ -57,9 +57,9 @@ import { singleItemRowContainer as m, squareContainer as u, fourItemsContainer a
|
|
|
57
57
|
const d = {
|
|
58
58
|
mobile: 8,
|
|
59
59
|
desktop: 16
|
|
60
|
-
}, C = (param)
|
|
60
|
+
}, C = (param)=>{
|
|
61
61
|
let { items: n, isEven: r } = param;
|
|
62
|
-
return o("div", {
|
|
62
|
+
return /* @__PURE__ */ o("div", {
|
|
63
63
|
className: n.length === 1 ? m : u,
|
|
64
64
|
children: /* @__PURE__ */ o(i, {
|
|
65
65
|
gap: d,
|
|
@@ -107,9 +107,9 @@ import { getPrefixedDataAttributes as Re } from "./utils/dom.js";
|
|
|
107
107
|
import ye from "./stack.js";
|
|
108
108
|
import Ee from "./box.js";
|
|
109
109
|
import { isRunningAcceptanceTest as we } from "./utils/platform.js";
|
|
110
|
-
const Le = (param)
|
|
110
|
+
const Le = (param)=>{
|
|
111
111
|
let { isOpen: n } = param;
|
|
112
|
-
return i("div", {
|
|
112
|
+
return /* @__PURE__ */ i("div", {
|
|
113
113
|
className: be,
|
|
114
114
|
role: "presentation",
|
|
115
115
|
"data-component-name": "BurgerMenuIcon",
|
|
@@ -137,9 +137,9 @@ const Le = (param)=>/* @__PURE__ */ {
|
|
|
137
137
|
}, Re(d)), {
|
|
138
138
|
children: n
|
|
139
139
|
}));
|
|
140
|
-
}, f = (param)
|
|
140
|
+
}, f = (param)=>{
|
|
141
141
|
let { right: n, children: a, desktopOnly: t } = param;
|
|
142
|
-
return i("div", {
|
|
142
|
+
return /* @__PURE__ */ i("div", {
|
|
143
143
|
className: u(Ae, {
|
|
144
144
|
[W]: t
|
|
145
145
|
}),
|
|
@@ -164,11 +164,11 @@ const Le = (param)=>/* @__PURE__ */ {
|
|
|
164
164
|
className: W,
|
|
165
165
|
children: /* @__PURE__ */ e(v, {
|
|
166
166
|
space: 32,
|
|
167
|
-
children: n.map((_param, h)
|
|
167
|
+
children: n.map((_param, h)=>{
|
|
168
168
|
var { title: B } = _param, b = _object_without_properties(_param, [
|
|
169
169
|
"title"
|
|
170
170
|
]);
|
|
171
|
-
return Y(P, _object_spread_props(_object_spread({}, b), {
|
|
171
|
+
return /* @__PURE__ */ /*#__PURE__*/ Y(P, _object_spread_props(_object_spread({}, b), {
|
|
172
172
|
key: h,
|
|
173
173
|
className: u(Oe, {
|
|
174
174
|
[Ie[r ? "inverse" : "default"]]: h === a
|
|
@@ -380,9 +380,9 @@ const Le = (param)=>/* @__PURE__ */ {
|
|
|
380
380
|
})
|
|
381
381
|
]
|
|
382
382
|
});
|
|
383
|
-
}, hn = (param)
|
|
383
|
+
}, hn = (param)=>{
|
|
384
384
|
let { children: n } = param;
|
|
385
|
-
return e("div", {
|
|
385
|
+
return /* @__PURE__ */ e("div", {
|
|
386
386
|
className: j,
|
|
387
387
|
"data-component-name": "NavigationBarActionGroup",
|
|
388
388
|
children: /* @__PURE__ */ e(v, {
|
|
@@ -67,9 +67,9 @@ const N = " / ", b = (param)=>{
|
|
|
67
67
|
children: /* @__PURE__ */ o("ol", {
|
|
68
68
|
className: v,
|
|
69
69
|
children: [
|
|
70
|
-
n.map((param, u)
|
|
70
|
+
n.map((param, u)=>{
|
|
71
71
|
let { title: a, url: d } = param;
|
|
72
|
-
return o("li", {
|
|
72
|
+
return /* @__PURE__ */ o("li", {
|
|
73
73
|
className: l,
|
|
74
74
|
children: [
|
|
75
75
|
/* @__PURE__ */ r(t, {
|
package/dist-es/negative-box.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
const a = (param)
|
|
2
|
+
const a = (param)=>{
|
|
3
3
|
let { left: o, right: t, children: i } = param;
|
|
4
|
-
return n("div", {
|
|
4
|
+
return /* @__PURE__ */ n("div", {
|
|
5
5
|
style: {
|
|
6
6
|
marginLeft: o || !o && !t ? -16 : void 0,
|
|
7
7
|
marginRight: t || !o && !t ? -16 : void 0
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const o = "14.
|
|
1
|
+
const o = "14.40.0";
|
|
2
2
|
export { o as PACKAGE_VERSION };
|