@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
|
@@ -10,10 +10,10 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
actions: function() {
|
|
13
|
-
return
|
|
13
|
+
return _;
|
|
14
14
|
},
|
|
15
15
|
actionsVariants: function() {
|
|
16
|
-
return
|
|
16
|
+
return v;
|
|
17
17
|
},
|
|
18
18
|
adjustButtonLink: function() {
|
|
19
19
|
return n;
|
|
@@ -31,10 +31,10 @@ _export(exports, {
|
|
|
31
31
|
return y;
|
|
32
32
|
},
|
|
33
33
|
divider: function() {
|
|
34
|
-
return
|
|
34
|
+
return x;
|
|
35
35
|
},
|
|
36
36
|
footerDirection: function() {
|
|
37
|
-
return
|
|
37
|
+
return i;
|
|
38
38
|
},
|
|
39
39
|
footerText: function() {
|
|
40
40
|
return o;
|
|
@@ -66,7 +66,7 @@ _export(exports, {
|
|
|
66
66
|
});
|
|
67
67
|
require("../sprinkles.css.ts.vanilla.css-mistica.js");
|
|
68
68
|
require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
|
|
69
|
-
var
|
|
69
|
+
var _ = "_1x00fru3 _1x00fru1 _1y2v1nf96 _1y2v1nfaf _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgs _1y2v1nf83", v = {
|
|
70
70
|
default: "_1x00fruk",
|
|
71
71
|
mobile: "_1x00frul"
|
|
72
|
-
}, n = "_1x00frur", a = "_1x00frun", t = "_1x00fruo _1x00frun", u = "_1x00fru9 _1x00fru1 _1y2v1nf96 _1y2v1nfaf _1y2v1nf6i _1y2v1nf83", y = "_1x00frud _1y2v1nfga _1y2v1nfgg _1y2v1nfh2 _1y2v1nfgm _1y2v1nfh3 _1y2v1nfhk _1x00frub",
|
|
72
|
+
}, 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";
|
package/dist/community/blocks.js
CHANGED
|
@@ -65,9 +65,9 @@ const p = (param)=>{
|
|
|
65
65
|
}, i))
|
|
66
66
|
]
|
|
67
67
|
});
|
|
68
|
-
}, z = (param)
|
|
68
|
+
}, z = (param)=>{
|
|
69
69
|
let { title: a, stackingGroup: e, description: l, "aria-label": t } = param;
|
|
70
|
-
return (0, _jsxruntime.jsx)("div", {
|
|
70
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
71
71
|
"aria-label": t,
|
|
72
72
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
|
|
73
73
|
space: "between",
|
|
@@ -88,9 +88,9 @@ const p = (param)=>{
|
|
|
88
88
|
]
|
|
89
89
|
})
|
|
90
90
|
});
|
|
91
|
-
}, A = (param)
|
|
91
|
+
}, A = (param)=>{
|
|
92
92
|
let { image: a, description: e, "aria-label": l } = param;
|
|
93
|
-
return (0, _jsxruntime.jsx)("div", {
|
|
93
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
94
94
|
"aria-label": l,
|
|
95
95
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
|
|
96
96
|
space: 16,
|
|
@@ -110,9 +110,9 @@ const p = (param)=>{
|
|
|
110
110
|
]
|
|
111
111
|
})
|
|
112
112
|
});
|
|
113
|
-
}, D = (param)
|
|
113
|
+
}, D = (param)=>{
|
|
114
114
|
let { title: a, description: e, secondaryValue: l, value: t, valueColor: i = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": d } = param;
|
|
115
|
-
return (0, _jsxruntime.jsxs)(_inline.default, {
|
|
115
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
|
|
116
116
|
space: "between",
|
|
117
117
|
alignItems: "flex-end",
|
|
118
118
|
"aria-label": d,
|
|
@@ -138,9 +138,9 @@ const p = (param)=>{
|
|
|
138
138
|
})
|
|
139
139
|
]
|
|
140
140
|
});
|
|
141
|
-
}, E = (param)
|
|
141
|
+
}, E = (param)=>{
|
|
142
142
|
let { headline: a, mainHeading: e, secondHeading: l, secondaryValue: t, title: i, description: d, valueColor: h = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": b } = param;
|
|
143
|
-
return (0, _jsxruntime.jsxs)("div", {
|
|
143
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
144
144
|
"aria-label": b,
|
|
145
145
|
children: [
|
|
146
146
|
a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
@@ -195,9 +195,9 @@ const p = (param)=>{
|
|
|
195
195
|
}) : null
|
|
196
196
|
]
|
|
197
197
|
});
|
|
198
|
-
}, F = (param)
|
|
198
|
+
}, F = (param)=>{
|
|
199
199
|
let { title: a, value: e, description: l, valueColor: t = _skincontractcssmistica.vars.colors.textPrimary, "aria-label": i } = param;
|
|
200
|
-
return (0, _jsxruntime.jsxs)("div", {
|
|
200
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
201
201
|
"aria-label": i,
|
|
202
202
|
className: _blockscssmistica.column,
|
|
203
203
|
children: [
|
|
@@ -215,9 +215,9 @@ const p = (param)=>{
|
|
|
215
215
|
})
|
|
216
216
|
]
|
|
217
217
|
});
|
|
218
|
-
}, J = (param)
|
|
218
|
+
}, J = (param)=>{
|
|
219
219
|
let { title: a, stackingGroup: e, progressPercent: l, reverse: t, heading: i, description: d, "aria-label": h } = param;
|
|
220
|
-
return (0, _jsxruntime.jsx)("div", {
|
|
220
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
221
221
|
"aria-label": h,
|
|
222
222
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
223
223
|
space: 8,
|
|
@@ -60,9 +60,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
60
60
|
}
|
|
61
61
|
return newObj;
|
|
62
62
|
}
|
|
63
|
-
const e = /*#__PURE__*/ _react.createContext(null), p = ()=>_react.useContext(e), a = (param)
|
|
63
|
+
const e = /*#__PURE__*/ _react.createContext(null), p = ()=>_react.useContext(e), a = (param)=>{
|
|
64
64
|
let { children: o, value: n } = param;
|
|
65
|
-
return (0, _jsxruntime.jsx)(e.Provider, {
|
|
65
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(e.Provider, {
|
|
66
66
|
value: n,
|
|
67
67
|
children: o
|
|
68
68
|
});
|
package/dist/fade-in.js
CHANGED
|
@@ -63,9 +63,9 @@ function _object_spread_props(target, source) {
|
|
|
63
63
|
}
|
|
64
64
|
return target;
|
|
65
65
|
}
|
|
66
|
-
const s = "0.3s", f = (param)
|
|
66
|
+
const s = "0.3s", f = (param)=>{
|
|
67
67
|
let { children: i, className: e = "", duration: t = s, delay: a = "0", dataAttributes: n } = param;
|
|
68
|
-
return (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(n, "FadeIn")), {
|
|
68
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(n, "FadeIn")), {
|
|
69
69
|
className: `${_fadeincssmistica.wrapper} ${e}`,
|
|
70
70
|
style: {
|
|
71
71
|
animationDelay: a,
|
package/dist/feedback.js
CHANGED
|
@@ -252,9 +252,9 @@ const P = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), U = (param)=>{
|
|
|
252
252
|
c && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, o))
|
|
253
253
|
]
|
|
254
254
|
});
|
|
255
|
-
}, Z = (param)
|
|
255
|
+
}, Z = (param)=>{
|
|
256
256
|
let { isInverse: r, inlineFeedbackBody: o, imageFit: t, imageUrl: c, dataAttributes: n } = param;
|
|
257
|
-
return (0, _jsxruntime.jsxs)(_boxed.Boxed, {
|
|
257
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
|
|
258
258
|
className: _feedbackcssmistica.desktopContainer,
|
|
259
259
|
isInverse: r,
|
|
260
260
|
dataAttributes: n,
|
|
@@ -377,13 +377,13 @@ const P = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), U = (param)=>{
|
|
|
377
377
|
"component-name": "SuccessFeedbackScreen"
|
|
378
378
|
}, r)
|
|
379
379
|
}));
|
|
380
|
-
}, Xe = (_param)
|
|
380
|
+
}, Xe = (_param)=>{
|
|
381
381
|
var { children: r, errorReference: o, dataAttributes: t } = _param, c = _object_without_properties(_param, [
|
|
382
382
|
"children",
|
|
383
383
|
"errorReference",
|
|
384
384
|
"dataAttributes"
|
|
385
385
|
]);
|
|
386
|
-
return (0, _jsxruntime.jsx)(V, _object_spread_props(_object_spread({}, c), {
|
|
386
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(V, _object_spread_props(_object_spread({}, c), {
|
|
387
387
|
hapticFeedback: "error",
|
|
388
388
|
icon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconerror.default, {
|
|
389
389
|
size: "100%"
|
|
@@ -404,12 +404,12 @@ const P = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), U = (param)=>{
|
|
|
404
404
|
]
|
|
405
405
|
})
|
|
406
406
|
}));
|
|
407
|
-
}, Ye = (_param)
|
|
407
|
+
}, Ye = (_param)=>{
|
|
408
408
|
var { dataAttributes: r, Icon: o = _iconinfo.default } = _param, t = _object_without_properties(_param, [
|
|
409
409
|
"dataAttributes",
|
|
410
410
|
"Icon"
|
|
411
411
|
]);
|
|
412
|
-
return (0, _jsxruntime.jsx)(V, _object_spread({
|
|
412
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(V, _object_spread({
|
|
413
413
|
dataAttributes: _object_spread({
|
|
414
414
|
"component-name": "InfoFeedbackScreen"
|
|
415
415
|
}, r),
|
package/dist/focus-trap.js
CHANGED
|
@@ -15,9 +15,9 @@ function _interop_require_default(obj) {
|
|
|
15
15
|
default: obj
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
|
-
const a = (param)
|
|
18
|
+
const a = (param)=>{
|
|
19
19
|
let { children: o, disabled: r, className: s, group: c } = param;
|
|
20
|
-
return (0, _jsxruntime.jsx)(_reactfocuslock.default, {
|
|
20
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_reactfocuslock.default, {
|
|
21
21
|
noFocusGuards: !0,
|
|
22
22
|
disabled: r,
|
|
23
23
|
className: s,
|
package/dist/header.js
CHANGED
|
@@ -195,9 +195,9 @@ const $ = (param)=>{
|
|
|
195
195
|
})
|
|
196
196
|
]
|
|
197
197
|
});
|
|
198
|
-
}, E = (param)
|
|
198
|
+
}, E = (param)=>{
|
|
199
199
|
let { title: t, description: e, button: o } = param;
|
|
200
|
-
return (0, _jsxruntime.jsxs)(_stack.default, {
|
|
200
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
201
201
|
space: 32,
|
|
202
202
|
children: [
|
|
203
203
|
/* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
@@ -280,9 +280,9 @@ const $ = (param)=>{
|
|
|
280
280
|
})
|
|
281
281
|
]
|
|
282
282
|
}));
|
|
283
|
-
}, rr = (param)
|
|
283
|
+
}, rr = (param)=>{
|
|
284
284
|
let { isInverse: t = !0, children: e, dataAttributes: o } = param;
|
|
285
|
-
return (0, _jsxruntime.jsxs)(_responsivelayout.default, {
|
|
285
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_responsivelayout.default, {
|
|
286
286
|
isInverse: t,
|
|
287
287
|
dataAttributes: _object_spread({
|
|
288
288
|
"component-name": "MainSectionHeaderLayout"
|
package/dist/hero.js
CHANGED
|
@@ -151,18 +151,18 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
151
151
|
}
|
|
152
152
|
return target;
|
|
153
153
|
}
|
|
154
|
-
const N = (param)
|
|
154
|
+
const N = (param)=>{
|
|
155
155
|
let { children: e, isInverse: o } = param;
|
|
156
|
-
return (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
|
|
156
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
|
|
157
157
|
isInverse: o,
|
|
158
158
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
159
159
|
className: _herocssmistica.layout,
|
|
160
160
|
children: e
|
|
161
161
|
})
|
|
162
162
|
});
|
|
163
|
-
}, g = (param)
|
|
163
|
+
}, g = (param)=>{
|
|
164
164
|
let { headline: e, title: o, pretitle: a, description: t, descriptionLinesMax: d, extra: i, button: l, secondaryButton: f, buttonLink: m } = param;
|
|
165
|
-
return (0, _jsxruntime.jsxs)("section", {
|
|
165
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", {
|
|
166
166
|
className: (0, _sprinklescssmistica.sprinkles)({
|
|
167
167
|
height: "100%",
|
|
168
168
|
display: "flex",
|
|
@@ -58,9 +58,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
|
|
|
58
58
|
}
|
|
59
59
|
return newObj;
|
|
60
60
|
}
|
|
61
|
-
const n = /*#__PURE__*/ _react.forwardRef((param, l)
|
|
61
|
+
const n = /*#__PURE__*/ _react.forwardRef((param, l)=>{
|
|
62
62
|
let { children: o, noScrollbar: r } = param;
|
|
63
|
-
return (0, _jsxruntime.jsx)("div", {
|
|
63
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
64
64
|
className: (0, _classnames.default)(_horizontalscrollcssmistica.scroll, {
|
|
65
65
|
[_horizontalscrollcssmistica.noScrollbar]: r
|
|
66
66
|
}),
|
package/dist/icons/icon-amex.js
CHANGED
|
@@ -9,9 +9,9 @@ Object.defineProperty(exports, "default", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
-
const t = (param)
|
|
12
|
+
const t = (param)=>{
|
|
13
13
|
let { role: e = "presentation", size: h = 24 } = param;
|
|
14
|
-
return (0, _jsxruntime.jsx)("svg", {
|
|
14
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
15
15
|
role: e,
|
|
16
16
|
width: h,
|
|
17
17
|
height: h,
|
|
@@ -38,9 +38,9 @@ function _object_spread(target) {
|
|
|
38
38
|
}
|
|
39
39
|
return target;
|
|
40
40
|
}
|
|
41
|
-
const h = (param)
|
|
41
|
+
const h = (param)=>{
|
|
42
42
|
let { size: o, color: r, transform: n, transitionDuration: t, className: e, style: l } = param;
|
|
43
|
-
return (0, _jsxruntime.jsx)("svg", {
|
|
43
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
44
44
|
role: "presentation",
|
|
45
45
|
width: o,
|
|
46
46
|
height: o,
|
|
@@ -10,9 +10,9 @@ Object.defineProperty(exports, "default", {
|
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("react/jsx-runtime");
|
|
12
12
|
const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
|
|
13
|
-
const l = (param)
|
|
13
|
+
const l = (param)=>{
|
|
14
14
|
let { role: t = "presentation", size: c = 48, color: r } = param;
|
|
15
|
-
return (0, _jsxruntime.jsx)("svg", {
|
|
15
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
16
16
|
width: c,
|
|
17
17
|
height: c,
|
|
18
18
|
viewBox: "0 0 48 48",
|
|
@@ -10,9 +10,9 @@ Object.defineProperty(exports, "default", {
|
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("react/jsx-runtime");
|
|
12
12
|
const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
|
|
13
|
-
const s = (param)
|
|
13
|
+
const s = (param)=>{
|
|
14
14
|
let { role: r = "presentation", size: t = 48, color: v } = param;
|
|
15
|
-
return (0, _jsxruntime.jsx)("svg", {
|
|
15
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
16
16
|
width: t,
|
|
17
17
|
height: t,
|
|
18
18
|
viewBox: "0 0 48 48",
|
package/dist/icons/icon-info.js
CHANGED
|
@@ -41,9 +41,9 @@ function _object_spread(target) {
|
|
|
41
41
|
}
|
|
42
42
|
return target;
|
|
43
43
|
}
|
|
44
|
-
const s = (param)
|
|
44
|
+
const s = (param)=>{
|
|
45
45
|
let { size: r = 48 } = param;
|
|
46
|
-
return (0, _jsxruntime.jsx)("svg", {
|
|
46
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
47
47
|
width: r,
|
|
48
48
|
height: r,
|
|
49
49
|
viewBox: "0 0 64 64",
|
|
@@ -80,9 +80,9 @@ const s = (param)=>/* @__PURE__ */ {
|
|
|
80
80
|
]
|
|
81
81
|
})
|
|
82
82
|
});
|
|
83
|
-
}, d = (param)
|
|
83
|
+
}, d = (param)=>{
|
|
84
84
|
let { size: r = 48 } = param;
|
|
85
|
-
return (0, _jsxruntime.jsx)("svg", {
|
|
85
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
86
86
|
width: r,
|
|
87
87
|
height: r,
|
|
88
88
|
viewBox: "0 0 64 64",
|
|
@@ -9,9 +9,9 @@ Object.defineProperty(exports, "default", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
-
const r = (param)
|
|
12
|
+
const r = (param)=>{
|
|
13
13
|
let { role: c = "presentation", size: e = 24 } = param;
|
|
14
|
-
return (0, _jsxruntime.jsx)("svg", {
|
|
14
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
15
15
|
role: c,
|
|
16
16
|
width: e,
|
|
17
17
|
height: e,
|
package/dist/icons/icon-visa.js
CHANGED
|
@@ -9,9 +9,9 @@ Object.defineProperty(exports, "default", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
-
const a = (param)
|
|
12
|
+
const a = (param)=>{
|
|
13
13
|
let { role: i = "presentation", size: h = 24 } = param;
|
|
14
|
-
return (0, _jsxruntime.jsx)("svg", {
|
|
14
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
15
15
|
role: i,
|
|
16
16
|
width: h,
|
|
17
17
|
height: h,
|
package/dist/image.js
CHANGED
|
@@ -164,9 +164,9 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
164
164
|
}
|
|
165
165
|
return target;
|
|
166
166
|
}
|
|
167
|
-
const J = (param)
|
|
167
|
+
const J = (param)=>{
|
|
168
168
|
let { style: t } = param;
|
|
169
|
-
return (0, _jsxruntime.jsx)("svg", {
|
|
169
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
170
170
|
width: "48",
|
|
171
171
|
height: "48",
|
|
172
172
|
viewBox: "0 0 48 48",
|
package/dist/list.js
CHANGED
|
@@ -323,9 +323,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
323
323
|
d
|
|
324
324
|
];
|
|
325
325
|
}, ke = (e)=>e.switch !== void 0, Pe = (e)=>e.checkbox !== void 0, Be = (e)=>e.radioValue !== void 0, ee = /*#__PURE__*/ _react.forwardRef((e, r)=>{
|
|
326
|
-
const n = (0, _hooks.useAriaId)(), o = (0, _themevariantcontext.useIsInverseVariant)(), { 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 = (0, _radiobutton.useRadioContext)(), a = e.disabled || e.radioValue !== void 0 && F.disabled, f = !a && !o, y = !a && o, [Y, q] = Ne(e.switch || e.checkbox || {}), R = (param)
|
|
326
|
+
const n = (0, _hooks.useAriaId)(), o = (0, _themevariantcontext.useIsInverseVariant)(), { 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 = (0, _radiobutton.useRadioContext)(), a = e.disabled || e.radioValue !== void 0 && F.disabled, f = !a && !o, y = !a && o, [Y, q] = Ne(e.switch || e.checkbox || {}), R = (param)=>{
|
|
327
327
|
let { type: c, right: b, labelId: D } = param;
|
|
328
|
-
return (0, _jsxruntime.jsx)(Ce, {
|
|
328
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(Ce, {
|
|
329
329
|
asset: s,
|
|
330
330
|
headline: w,
|
|
331
331
|
title: d,
|
|
@@ -426,9 +426,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
426
426
|
checked: Y,
|
|
427
427
|
"aria-labelledby": n,
|
|
428
428
|
onChange: q,
|
|
429
|
-
render: (param)
|
|
429
|
+
render: (param)=>{
|
|
430
430
|
let { controlElement: H } = param;
|
|
431
|
-
return (0, _jsxruntime.jsx)("div", {
|
|
431
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
432
432
|
className: _listcssmistica.dualActionRight,
|
|
433
433
|
children: H
|
|
434
434
|
});
|
|
@@ -447,9 +447,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
447
447
|
name: b,
|
|
448
448
|
checked: Y,
|
|
449
449
|
onChange: q,
|
|
450
|
-
render: (param)
|
|
450
|
+
render: (param)=>{
|
|
451
451
|
let { controlElement: H, labelId: te } = param;
|
|
452
|
-
return (0, _jsxruntime.jsx)(_box.default, {
|
|
452
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
453
453
|
paddingX: 16,
|
|
454
454
|
role: l,
|
|
455
455
|
children: R({
|
|
@@ -488,9 +488,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
488
488
|
dataAttributes: h,
|
|
489
489
|
value: e.radioValue,
|
|
490
490
|
"aria-labelledby": n,
|
|
491
|
-
render: (param)
|
|
491
|
+
render: (param)=>{
|
|
492
492
|
let { controlElement: c } = param;
|
|
493
|
-
return (0, _jsxruntime.jsx)(_stack.default, {
|
|
493
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
494
494
|
space: "around",
|
|
495
495
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
496
496
|
paddingX: 16,
|
|
@@ -512,9 +512,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
512
512
|
dataAttributes: h,
|
|
513
513
|
value: e.radioValue,
|
|
514
514
|
"aria-labelledby": n,
|
|
515
|
-
render: (param)
|
|
515
|
+
render: (param)=>{
|
|
516
516
|
let { controlElement: c } = param;
|
|
517
|
-
return (0, _jsxruntime.jsx)(_box.default, {
|
|
517
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
518
518
|
paddingX: 16,
|
|
519
519
|
children: R({
|
|
520
520
|
labelId: n,
|
|
@@ -539,11 +539,11 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
539
539
|
type: "basic"
|
|
540
540
|
})
|
|
541
541
|
});
|
|
542
|
-
}), Ke = /*#__PURE__*/ _react.forwardRef((_param, n)
|
|
542
|
+
}), Ke = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
|
|
543
543
|
var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
|
|
544
544
|
"dataAttributes"
|
|
545
545
|
]);
|
|
546
|
-
return (0, _jsxruntime.jsx)(ee, _object_spread_props(_object_spread({}, r), {
|
|
546
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(ee, _object_spread_props(_object_spread({}, r), {
|
|
547
547
|
ref: n,
|
|
548
548
|
dataAttributes: _object_spread({
|
|
549
549
|
"component-name": "Row"
|
|
@@ -566,11 +566,11 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
566
566
|
]
|
|
567
567
|
}, d))
|
|
568
568
|
}));
|
|
569
|
-
}, Ue = /*#__PURE__*/ _react.forwardRef((_param, n)
|
|
569
|
+
}, Ue = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
|
|
570
570
|
var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
|
|
571
571
|
"dataAttributes"
|
|
572
572
|
]);
|
|
573
|
-
return (0, _jsxruntime.jsx)(_boxed.Boxed, {
|
|
573
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.Boxed, {
|
|
574
574
|
isInverse: r.isInverse,
|
|
575
575
|
ref: n,
|
|
576
576
|
dataAttributes: _object_spread({
|
|
@@ -578,9 +578,9 @@ const $ = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
578
578
|
}, e),
|
|
579
579
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ee, _object_spread({}, r))
|
|
580
580
|
});
|
|
581
|
-
}), Ze = (param)
|
|
581
|
+
}), Ze = (param)=>{
|
|
582
582
|
let { children: e, ariaLabelledby: r, role: n, dataAttributes: o } = param;
|
|
583
|
-
return (0, _jsxruntime.jsx)(_stack.default, {
|
|
583
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
584
584
|
space: 16,
|
|
585
585
|
role: n,
|
|
586
586
|
"aria-labelledby": r,
|
package/dist/loading-bar.js
CHANGED
|
@@ -71,9 +71,9 @@ function _object_spread_props(target, source) {
|
|
|
71
71
|
}
|
|
72
72
|
return target;
|
|
73
73
|
}
|
|
74
|
-
const c = (param)
|
|
74
|
+
const c = (param)=>{
|
|
75
75
|
let { visible: a, dataAttributes: o } = param;
|
|
76
|
-
return (0, _jsxruntime.jsx)(_portal.Portal, {
|
|
76
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
|
|
77
77
|
className: (0, _classnames.default)(_loadingbarcssmistica.portal, {
|
|
78
78
|
[_loadingbarcssmistica.hidden]: !a
|
|
79
79
|
}),
|
package/dist/logo.js
CHANGED
|
@@ -615,60 +615,60 @@ const i = (t)=>{
|
|
|
615
615
|
size: t
|
|
616
616
|
})
|
|
617
617
|
}));
|
|
618
|
-
}, J = (_param)
|
|
618
|
+
}, J = (_param)=>{
|
|
619
619
|
var { type: t = "isotype", size: a } = _param, e = _object_without_properties(_param, [
|
|
620
620
|
"type",
|
|
621
621
|
"size"
|
|
622
622
|
]);
|
|
623
|
-
return (0, _jsxruntime.jsx)(l, _object_spread_props(_object_spread({}, e), {
|
|
623
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(l, _object_spread_props(_object_spread({}, e), {
|
|
624
624
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
|
|
625
625
|
skinName: "Movistar",
|
|
626
626
|
type: t,
|
|
627
627
|
size: a
|
|
628
628
|
})
|
|
629
629
|
}));
|
|
630
|
-
}, K = (_param)
|
|
630
|
+
}, K = (_param)=>{
|
|
631
631
|
var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
|
|
632
632
|
"size",
|
|
633
633
|
"type"
|
|
634
634
|
]);
|
|
635
|
-
return (0, _jsxruntime.jsx)(l, _object_spread_props(_object_spread({}, e), {
|
|
635
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(l, _object_spread_props(_object_spread({}, e), {
|
|
636
636
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
|
|
637
637
|
skinName: "Vivo",
|
|
638
638
|
type: a,
|
|
639
639
|
size: t
|
|
640
640
|
})
|
|
641
641
|
}));
|
|
642
|
-
}, Q = (_param)
|
|
642
|
+
}, Q = (_param)=>{
|
|
643
643
|
var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
|
|
644
644
|
"size",
|
|
645
645
|
"type"
|
|
646
646
|
]);
|
|
647
|
-
return (0, _jsxruntime.jsx)(l, _object_spread_props(_object_spread({}, e), {
|
|
647
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(l, _object_spread_props(_object_spread({}, e), {
|
|
648
648
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
|
|
649
649
|
skinName: "O2",
|
|
650
650
|
type: a,
|
|
651
651
|
size: t
|
|
652
652
|
})
|
|
653
653
|
}));
|
|
654
|
-
}, R = (_param)
|
|
654
|
+
}, R = (_param)=>{
|
|
655
655
|
var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
|
|
656
656
|
"size",
|
|
657
657
|
"type"
|
|
658
658
|
]);
|
|
659
|
-
return (0, _jsxruntime.jsx)(l, _object_spread_props(_object_spread({}, e), {
|
|
659
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(l, _object_spread_props(_object_spread({}, e), {
|
|
660
660
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
|
|
661
661
|
skinName: "Telefonica",
|
|
662
662
|
type: a,
|
|
663
663
|
size: t
|
|
664
664
|
})
|
|
665
665
|
}));
|
|
666
|
-
}, U = (_param)
|
|
666
|
+
}, U = (_param)=>{
|
|
667
667
|
var { size: t, type: a = "isotype" } = _param, e = _object_without_properties(_param, [
|
|
668
668
|
"size",
|
|
669
669
|
"type"
|
|
670
670
|
]);
|
|
671
|
-
return (0, _jsxruntime.jsx)(l, _object_spread_props(_object_spread({}, e), {
|
|
671
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(l, _object_spread_props(_object_spread({}, e), {
|
|
672
672
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
|
|
673
673
|
skinName: "Blau",
|
|
674
674
|
type: a,
|
package/dist/menu.js
CHANGED
|
@@ -158,9 +158,9 @@ const ke = 120, Q = /*#__PURE__*/ _react.createContext({
|
|
|
158
158
|
},
|
|
159
159
|
disabled: u,
|
|
160
160
|
role: "menuitemcheckbox",
|
|
161
|
-
render: (param)
|
|
161
|
+
render: (param)=>{
|
|
162
162
|
let { controlElement: N } = param;
|
|
163
|
-
return (0, _jsxruntime.jsx)(_box.default, {
|
|
163
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
164
164
|
paddingX: 8,
|
|
165
165
|
paddingY: 12,
|
|
166
166
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
|
package/dist/mosaic.js
CHANGED
|
@@ -75,9 +75,9 @@ function _object_spread_props(target, source) {
|
|
|
75
75
|
const d = {
|
|
76
76
|
mobile: 8,
|
|
77
77
|
desktop: 16
|
|
78
|
-
}, C = (param)
|
|
78
|
+
}, C = (param)=>{
|
|
79
79
|
let { items: n, isEven: r } = param;
|
|
80
|
-
return (0, _jsxruntime.jsx)("div", {
|
|
80
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
81
81
|
className: n.length === 1 ? _mosaiccssmistica.singleItemRowContainer : _mosaiccssmistica.squareContainer,
|
|
82
82
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_grid.Grid, {
|
|
83
83
|
gap: d,
|
package/dist/navigation-bar.js
CHANGED
|
@@ -179,9 +179,9 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
179
179
|
}
|
|
180
180
|
return target;
|
|
181
181
|
}
|
|
182
|
-
const Le = (param)
|
|
182
|
+
const Le = (param)=>{
|
|
183
183
|
let { isOpen: n } = param;
|
|
184
|
-
return (0, _jsxruntime.jsxs)("div", {
|
|
184
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
185
185
|
className: _navigationbarcssmistica.burgerIconContainer,
|
|
186
186
|
role: "presentation",
|
|
187
187
|
"data-component-name": "BurgerMenuIcon",
|
|
@@ -209,9 +209,9 @@ const Le = (param)=>/* @__PURE__ */ {
|
|
|
209
209
|
}, (0, _dom.getPrefixedDataAttributes)(d)), {
|
|
210
210
|
children: n
|
|
211
211
|
}));
|
|
212
|
-
}, f = (param)
|
|
212
|
+
}, f = (param)=>{
|
|
213
213
|
let { right: n, children: a, desktopOnly: t } = param;
|
|
214
|
-
return (0, _jsxruntime.jsxs)("div", {
|
|
214
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
215
215
|
className: (0, _classnames.default)(_navigationbarcssmistica.navigationBarContent, {
|
|
216
216
|
[_navigationbarcssmistica.desktopOnly]: t
|
|
217
217
|
}),
|
|
@@ -236,11 +236,11 @@ const Le = (param)=>/* @__PURE__ */ {
|
|
|
236
236
|
className: _navigationbarcssmistica.desktopOnly,
|
|
237
237
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
|
|
238
238
|
space: 32,
|
|
239
|
-
children: n.map((_param, h)
|
|
239
|
+
children: n.map((_param, h)=>{
|
|
240
240
|
var { title: B } = _param, b = _object_without_properties(_param, [
|
|
241
241
|
"title"
|
|
242
242
|
]);
|
|
243
|
-
return /*#__PURE__*/ (0, _react.createElement)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, b), {
|
|
243
|
+
return /* @__PURE__ */ /*#__PURE__*/ (0, _react.createElement)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, b), {
|
|
244
244
|
key: h,
|
|
245
245
|
className: (0, _classnames.default)(_navigationbarcssmistica.section, {
|
|
246
246
|
[_navigationbarcssmistica.selectedSectionVariantes[r ? "inverse" : "default"]]: h === a
|
|
@@ -452,9 +452,9 @@ const Le = (param)=>/* @__PURE__ */ {
|
|
|
452
452
|
})
|
|
453
453
|
]
|
|
454
454
|
});
|
|
455
|
-
}, hn = (param)
|
|
455
|
+
}, hn = (param)=>{
|
|
456
456
|
let { children: n } = param;
|
|
457
|
-
return (0, _jsxruntime.jsx)("div", {
|
|
457
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
458
458
|
className: _navigationbarcssmistica.lineHeightFix,
|
|
459
459
|
"data-component-name": "NavigationBarActionGroup",
|
|
460
460
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
|
|
@@ -82,9 +82,9 @@ const N = " / ", b = (param)=>{
|
|
|
82
82
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("ol", {
|
|
83
83
|
className: _navigationbreadcrumbscssmistica.list,
|
|
84
84
|
children: [
|
|
85
|
-
n.map((param, u)
|
|
85
|
+
n.map((param, u)=>{
|
|
86
86
|
let { title: a, url: d } = param;
|
|
87
|
-
return (0, _jsxruntime.jsxs)("li", {
|
|
87
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("li", {
|
|
88
88
|
className: _navigationbreadcrumbscssmistica.listItem,
|
|
89
89
|
children: [
|
|
90
90
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
|