@telefonica/mistica 14.25.0 → 14.26.1
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.css-mistica.js +41 -0
- package/dist/accordion.css.d.ts +12 -0
- package/dist/accordion.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/accordion.d.ts +47 -0
- package/dist/accordion.js +350 -0
- package/dist/boxed.d.ts +1 -0
- package/dist/boxed.js +17 -16
- package/dist/card.js +345 -345
- package/dist/carousel.js +58 -52
- package/dist/checkbox.css.d.ts +1 -1
- package/dist/checkbox.d.ts +3 -1
- package/dist/checkbox.js +23 -22
- package/dist/community/blocks.js +3 -2
- package/dist/form-context.d.ts +9 -9
- package/dist/generated/mistica-icons/icons-keywords.d.ts +4 -0
- package/dist/icons/icon-chevron.d.ts +1 -0
- package/dist/icons/icon-chevron.js +21 -18
- package/dist/index.d.ts +4 -2
- package/dist/index.js +30 -4
- package/dist/integer-field.d.ts +5 -1
- package/dist/integer-field.js +12 -11
- package/dist/list.d.ts +8 -0
- package/dist/list.js +3 -0
- package/dist/menu.css-mistica.js +30 -6
- package/dist/menu.css.d.ts +14 -2
- package/dist/menu.d.ts +25 -3
- package/dist/menu.js +264 -84
- package/dist/overlay.js +11 -52
- package/dist/overscroll-color-context.js +23 -11
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +37 -0
- package/dist/pin-field.css.d.ts +7 -0
- package/dist/pin-field.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/pin-field.d.ts +25 -0
- package/dist/pin-field.js +269 -0
- package/dist/progress-bar.css-mistica.js +7 -4
- package/dist/progress-bar.css.d.ts +1 -0
- package/dist/progress-bar.d.ts +12 -3
- package/dist/progress-bar.js +109 -13
- package/dist/stepper.js +34 -27
- package/dist/tabs.js +4 -3
- package/dist/text-field-base.css.d.ts +2 -0
- package/dist/text-field-base.d.ts +1 -0
- package/dist/text-field-components.js +28 -26
- package/dist/text-field.d.ts +1 -0
- package/dist/theme.d.ts +3 -0
- package/dist/theme.js +24 -12
- package/dist/touchable.js +5 -4
- package/dist/video.js +8 -9
- package/dist-es/accordion.css-mistica.js +9 -0
- package/dist-es/accordion.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/accordion.js +280 -0
- package/dist-es/boxed.js +25 -24
- package/dist-es/card.js +475 -475
- package/dist-es/carousel.js +95 -89
- package/dist-es/checkbox.js +42 -41
- package/dist-es/community/blocks.js +2 -1
- package/dist-es/icons/icon-chevron.js +25 -22
- package/dist-es/index.js +1768 -1766
- package/dist-es/integer-field.js +14 -13
- package/dist-es/list.js +9 -9
- package/dist-es/menu.css-mistica.js +10 -4
- package/dist-es/menu.js +262 -93
- package/dist-es/overlay.js +18 -20
- package/dist-es/overscroll-color-context.js +30 -18
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +5 -0
- package/dist-es/pin-field.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/pin-field.js +217 -0
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/progress-bar.js +67 -18
- package/dist-es/stepper.js +61 -54
- package/dist-es/style.css +1 -1
- package/dist-es/tabs.js +11 -10
- package/dist-es/text-field-components.js +38 -36
- package/dist-es/theme.js +24 -12
- package/dist-es/touchable.js +9 -8
- package/dist-es/video.js +16 -17
- package/package.json +1 -1
package/dist-es/theme.js
CHANGED
|
@@ -111,7 +111,10 @@ const l = {
|
|
|
111
111
|
carouselPrevButton: "anterior",
|
|
112
112
|
playIconButtonLabel: "Reproducir",
|
|
113
113
|
pauseIconButtonLabel: "Pausar",
|
|
114
|
-
sheetConfirmButton: "Continuar"
|
|
114
|
+
sheetConfirmButton: "Continuar",
|
|
115
|
+
progressBarCompletedLabel: "completo",
|
|
116
|
+
progressBarStepLabel: "Paso 1$s de 2$s",
|
|
117
|
+
pinFieldInputLabel: "D\xedgito 1$s de 2$s"
|
|
115
118
|
}, i = {
|
|
116
119
|
expirationDatePlaceholder: "MM/YY",
|
|
117
120
|
togglePasswordVisibilityLabel: "Toggle password visibility",
|
|
@@ -145,8 +148,11 @@ const l = {
|
|
|
145
148
|
carouselPrevButton: "previous",
|
|
146
149
|
playIconButtonLabel: "Play",
|
|
147
150
|
pauseIconButtonLabel: "Pause",
|
|
148
|
-
sheetConfirmButton: "Continue"
|
|
149
|
-
|
|
151
|
+
sheetConfirmButton: "Continue",
|
|
152
|
+
progressBarCompletedLabel: "completed",
|
|
153
|
+
progressBarStepLabel: "Step 1$s of 2$s",
|
|
154
|
+
pinFieldInputLabel: "Digit 1$s of 2$s"
|
|
155
|
+
}, s = {
|
|
150
156
|
expirationDatePlaceholder: "MM/JJ",
|
|
151
157
|
togglePasswordVisibilityLabel: "Passwort un-/sichtbar machen",
|
|
152
158
|
loading: "Wird gespeichert",
|
|
@@ -179,8 +185,11 @@ const l = {
|
|
|
179
185
|
carouselPrevButton: "vorherige",
|
|
180
186
|
playIconButtonLabel: "Abspielen",
|
|
181
187
|
pauseIconButtonLabel: "Pausieren",
|
|
182
|
-
sheetConfirmButton: "Fortfahren"
|
|
183
|
-
|
|
188
|
+
sheetConfirmButton: "Fortfahren",
|
|
189
|
+
progressBarCompletedLabel: "vollendet",
|
|
190
|
+
progressBarStepLabel: "Schritt 1$s von 2$s",
|
|
191
|
+
pinFieldInputLabel: "Ziffer 1$s von 2$s"
|
|
192
|
+
}, d = {
|
|
184
193
|
expirationDatePlaceholder: "MM/AA",
|
|
185
194
|
togglePasswordVisibilityLabel: "Mostrar ou ocultar senha",
|
|
186
195
|
loading: "Carregando",
|
|
@@ -213,15 +222,18 @@ const l = {
|
|
|
213
222
|
carouselPrevButton: "anterior",
|
|
214
223
|
playIconButtonLabel: "Reproduzir",
|
|
215
224
|
pauseIconButtonLabel: "Pausar",
|
|
216
|
-
sheetConfirmButton: "Continuar"
|
|
217
|
-
|
|
225
|
+
sheetConfirmButton: "Continuar",
|
|
226
|
+
progressBarCompletedLabel: "conclu\xeddo",
|
|
227
|
+
progressBarStepLabel: "Etapa 1$s de 2$s",
|
|
228
|
+
pinFieldInputLabel: "D\xedgito 1$s de 2$s"
|
|
229
|
+
}, v = (e)=>{
|
|
218
230
|
switch(e.toLocaleLowerCase().split(/[-_]/)[0]){
|
|
219
231
|
case "es":
|
|
220
232
|
return l;
|
|
221
233
|
case "pt":
|
|
222
|
-
return s;
|
|
223
|
-
case "de":
|
|
224
234
|
return d;
|
|
235
|
+
case "de":
|
|
236
|
+
return s;
|
|
225
237
|
case "en":
|
|
226
238
|
return i;
|
|
227
239
|
default:
|
|
@@ -262,7 +274,7 @@ const l = {
|
|
|
262
274
|
children: t
|
|
263
275
|
}))
|
|
264
276
|
});
|
|
265
|
-
},
|
|
277
|
+
}, g = (e)=>(_param)=>/* @__PURE__ */ {
|
|
266
278
|
var { to: r , innerRef: o , children: t } = _param, n = _object_without_properties(_param, [
|
|
267
279
|
"to",
|
|
268
280
|
"innerRef",
|
|
@@ -285,10 +297,10 @@ const l = {
|
|
|
285
297
|
case "Next12":
|
|
286
298
|
return p(e.Component);
|
|
287
299
|
case "Next13":
|
|
288
|
-
return
|
|
300
|
+
return g(e.Component);
|
|
289
301
|
default:
|
|
290
302
|
const r = e.type;
|
|
291
303
|
throw new Error(`Invalid Link type: ${r}`);
|
|
292
304
|
}
|
|
293
305
|
};
|
|
294
|
-
export { u as NAVBAR_HEIGHT_DESKTOP, c as NAVBAR_HEIGHT_MOBILE, E as dimensions, h as getMisticaLinkComponent,
|
|
306
|
+
export { u as NAVBAR_HEIGHT_DESKTOP, c as NAVBAR_HEIGHT_MOBILE, E as dimensions, h as getMisticaLinkComponent, v as getTexts };
|
package/dist-es/touchable.js
CHANGED
|
@@ -52,7 +52,7 @@ function _object_spread_props(target, source) {
|
|
|
52
52
|
}
|
|
53
53
|
import { jsxs as I, jsx as l } from "react/jsx-runtime";
|
|
54
54
|
import * as c from "react";
|
|
55
|
-
import
|
|
55
|
+
import s from "classnames";
|
|
56
56
|
import A from "./screen-reader-only.js";
|
|
57
57
|
import { notTouchable as _, touchable as H, base as K } from "./touchable.css-mistica.js";
|
|
58
58
|
import { useTheme as j } from "./hooks.js";
|
|
@@ -75,13 +75,14 @@ const L = function(e) {
|
|
|
75
75
|
style: e.style,
|
|
76
76
|
role: e.role,
|
|
77
77
|
"aria-checked": e["aria-checked"],
|
|
78
|
+
"aria-disabled": e.disabled ? !0 : void 0,
|
|
78
79
|
"aria-controls": e["aria-controls"],
|
|
79
80
|
"aria-expanded": e["aria-expanded"],
|
|
80
81
|
"aria-hidden": e["aria-hidden"],
|
|
81
82
|
"aria-selected": e["aria-selected"],
|
|
82
83
|
"aria-live": e["aria-live"],
|
|
83
84
|
tabIndex: e.tabIndex
|
|
84
|
-
}, W(e.dataAttributes, "Touchable")), u = e.type ? e.type : "button", r = !!e.href && !!e.newTab, m = !r && !!e.href && !!e.loadOnTop,
|
|
85
|
+
}, W(e.dataAttributes, "Touchable")), u = e.type ? e.type : "button", r = !!e.href && !!e.newTab, m = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
|
|
85
86
|
e.stopPropagation && a.stopPropagation();
|
|
86
87
|
}, h = (a)=>{
|
|
87
88
|
e.onPress && e.onPress(a);
|
|
@@ -90,15 +91,15 @@ const L = function(e) {
|
|
|
90
91
|
f.current = !1, a();
|
|
91
92
|
}));
|
|
92
93
|
}, x = (a)=>{
|
|
93
|
-
if (
|
|
94
|
+
if (b(a), !i.length) {
|
|
94
95
|
h(a);
|
|
95
96
|
return;
|
|
96
97
|
}
|
|
97
98
|
g(()=>h(a));
|
|
98
99
|
}, R = (a)=>{
|
|
99
|
-
|
|
100
|
+
b(a), i.length && (a.preventDefault(), g(()=>L(k(), r, m)));
|
|
100
101
|
}, D = (a)=>{
|
|
101
|
-
|
|
102
|
+
b(a), y();
|
|
102
103
|
}, w = (a)=>{
|
|
103
104
|
(a.keyCode === S || a.keyCode === V) && (a.preventDefault(), a.currentTarget.click());
|
|
104
105
|
};
|
|
@@ -153,14 +154,14 @@ const L = function(e) {
|
|
|
153
154
|
}
|
|
154
155
|
return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, n), {
|
|
155
156
|
ref: t,
|
|
156
|
-
className:
|
|
157
|
+
className: s(n.className, _),
|
|
157
158
|
children: o
|
|
158
159
|
}));
|
|
159
160
|
}), $ = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ l(T, _object_spread_props(_object_spread({}, e), {
|
|
160
|
-
className:
|
|
161
|
+
className: s(H, e.className),
|
|
161
162
|
ref: t
|
|
162
163
|
}))), X = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ l(T, _object_spread_props(_object_spread({}, e), {
|
|
163
|
-
className:
|
|
164
|
+
className: s(K, e.className),
|
|
164
165
|
ref: t
|
|
165
166
|
}))), Y = $;
|
|
166
167
|
export { X as BaseTouchable, Y as default };
|
package/dist-es/video.js
CHANGED
|
@@ -25,7 +25,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
25
25
|
}
|
|
26
26
|
return target;
|
|
27
27
|
}
|
|
28
|
-
import { jsx as
|
|
28
|
+
import { jsx as l, jsxs as G } from "react/jsx-runtime";
|
|
29
29
|
import * as n from "react";
|
|
30
30
|
import { useMediaBorderRadius as J, ImageContent as M, ImageError as O } from "./image.js";
|
|
31
31
|
import { AspectRatioContainer as P } from "./utils/aspect-ratio-support.js";
|
|
@@ -80,8 +80,8 @@ const q = {
|
|
|
80
80
|
"aspectRatio",
|
|
81
81
|
"dataAttributes"
|
|
82
82
|
]);
|
|
83
|
-
const [a,
|
|
84
|
-
a === "loading" && (
|
|
83
|
+
const [a, d] = n.useReducer(D, "loading"), s = n.useRef(null), C = n.useRef(), f = n.useRef(null), w = J(), g = typeof c == "number" ? c : K[c], v = n.useCallback(()=>{
|
|
84
|
+
a === "loading" && (d("fail"), h == null || h());
|
|
85
85
|
}, [
|
|
86
86
|
h,
|
|
87
87
|
a
|
|
@@ -89,9 +89,8 @@ const q = {
|
|
|
89
89
|
n.useEffect(()=>{
|
|
90
90
|
var e;
|
|
91
91
|
if (C.current !== r) {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
return l("reset"), (e = s.current) == null || e.load(), ()=>{
|
|
92
|
+
let t;
|
|
93
|
+
return C.current = r, d("reset"), r ? (t = setTimeout(v, T), (e = s.current) == null || e.load()) : d("fail"), ()=>{
|
|
95
94
|
clearTimeout(t);
|
|
96
95
|
};
|
|
97
96
|
}
|
|
@@ -103,12 +102,12 @@ const q = {
|
|
|
103
102
|
const I = ()=>{
|
|
104
103
|
y == null || y();
|
|
105
104
|
const e = s.current, t = p && !Q();
|
|
106
|
-
|
|
105
|
+
d("finishLoad"), e && t && e.paused && e.play();
|
|
107
106
|
}, U = (Array.isArray(r) ? r : [
|
|
108
107
|
r
|
|
109
108
|
]).map((e)=>typeof e == "string" ? {
|
|
110
109
|
src: e
|
|
111
|
-
} : e), m = a === "error" || a === "loading" || a === "loaded", V = /* @__PURE__ */
|
|
110
|
+
} : e), m = a === "error" || a === "loading" || a === "loaded", V = /* @__PURE__ */ l("video", {
|
|
112
111
|
ref: s,
|
|
113
112
|
playsInline: !0,
|
|
114
113
|
disablePictureInPicture: !0,
|
|
@@ -119,11 +118,11 @@ const q = {
|
|
|
119
118
|
preload: k,
|
|
120
119
|
onError: v,
|
|
121
120
|
onPause: ()=>{
|
|
122
|
-
R == null || R(),
|
|
121
|
+
R == null || R(), d("pause");
|
|
123
122
|
},
|
|
124
123
|
onTimeUpdate: ()=>{
|
|
125
124
|
var e;
|
|
126
|
-
a !== "playing" && ((e = s.current) == null ? void 0 : e.currentTime) !== 0 && (b == null || b(),
|
|
125
|
+
a !== "playing" && ((e = s.current) == null ? void 0 : e.currentTime) !== 0 && (b == null || b(), d("play"));
|
|
127
126
|
},
|
|
128
127
|
onCanPlay: ()=>{
|
|
129
128
|
p === "streaming" && I();
|
|
@@ -142,23 +141,23 @@ const q = {
|
|
|
142
141
|
},
|
|
143
142
|
children: U.map((param, i)=>/* @__PURE__ */ {
|
|
144
143
|
let { src: e , type: t } = param;
|
|
145
|
-
return
|
|
144
|
+
return l("source", {
|
|
146
145
|
src: e,
|
|
147
146
|
type: t
|
|
148
147
|
}, i);
|
|
149
148
|
})
|
|
150
|
-
}), E = !!(g !== 0 || o.width && o.height), F = a === "error", j = n.useMemo(()=>u ? /* @__PURE__ */
|
|
149
|
+
}), E = !!(g !== 0 || o.width && o.height), F = a === "error", j = n.useMemo(()=>u ? /* @__PURE__ */ l(M, {
|
|
151
150
|
aspectRatio: c,
|
|
152
151
|
width: o.width,
|
|
153
152
|
height: o.height,
|
|
154
153
|
src: u
|
|
155
|
-
}) : E ? /* @__PURE__ */
|
|
154
|
+
}) : E ? /* @__PURE__ */ l("div", {
|
|
156
155
|
style: {
|
|
157
156
|
position: "absolute",
|
|
158
157
|
width: "100%",
|
|
159
158
|
height: "100%"
|
|
160
159
|
},
|
|
161
|
-
children: /* @__PURE__ */
|
|
160
|
+
children: /* @__PURE__ */ l(O, {
|
|
162
161
|
noBorderRadius: !w,
|
|
163
162
|
withIcon: F
|
|
164
163
|
})
|
|
@@ -180,7 +179,7 @@ const q = {
|
|
|
180
179
|
height: o.height,
|
|
181
180
|
dataAttributes: $(B, "Video"),
|
|
182
181
|
children: [
|
|
183
|
-
/* @__PURE__ */
|
|
182
|
+
/* @__PURE__ */ l("div", {
|
|
184
183
|
style: {
|
|
185
184
|
position: "absolute",
|
|
186
185
|
width: "100%",
|
|
@@ -198,7 +197,7 @@ const q = {
|
|
|
198
197
|
var i;
|
|
199
198
|
(i = f.current) != null && i.style && (f.current.style.width = "100%", f.current.style.height = "100%"), setTimeout(()=>{
|
|
200
199
|
var S;
|
|
201
|
-
|
|
200
|
+
d("reset"), (S = s.current) == null || S.load();
|
|
202
201
|
}, 100);
|
|
203
202
|
}, t.setCurrentTime = (i)=>{
|
|
204
203
|
s.current && (s.current.currentTime = i);
|
|
@@ -206,7 +205,7 @@ const q = {
|
|
|
206
205
|
}
|
|
207
206
|
}),
|
|
208
207
|
V,
|
|
209
|
-
/* @__PURE__ */
|
|
208
|
+
/* @__PURE__ */ l("div", {
|
|
210
209
|
ref: f,
|
|
211
210
|
style: {
|
|
212
211
|
position: g !== 0 ? "absolute" : "static",
|