@telefonica/mistica 14.36.1 → 14.38.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.css-mistica.js +5 -5
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +3 -3
- package/dist/boxed.css-mistica.js +1 -1
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +10 -10
- package/dist/button.css-mistica.js +40 -32
- package/dist/button.css.d.ts +7 -4
- package/dist/button.d.ts +4 -2
- package/dist/button.js +176 -148
- package/dist/callout.css-mistica.js +1 -1
- package/dist/card.css-mistica.js +22 -22
- package/dist/card.js +10 -10
- package/dist/carousel.css-mistica.js +18 -18
- package/dist/checkbox.css-mistica.js +10 -10
- package/dist/chip.css-mistica.js +8 -8
- package/dist/chip.js +47 -42
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +13 -13
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +7 -7
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/dialog.css-mistica.js +11 -11
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/empty-state-card.css-mistica.js +2 -2
- package/dist/empty-state.css-mistica.js +6 -6
- package/dist/feedback.css-mistica.js +6 -6
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/grid.css-mistica.js +118 -120
- package/dist/grid.css.d.ts +0 -2
- package/dist/grid.d.ts +2 -2
- package/dist/grid.js +41 -26
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +5 -5
- package/dist/highlighted-card.css-mistica.js +7 -7
- package/dist/horizontal-scroll.css-mistica.js +3 -3
- package/dist/icon-button.css-mistica.js +2 -2
- package/dist/image.css-mistica.js +3 -3
- package/dist/image.d.ts +1 -1
- package/dist/image.js +21 -21
- package/dist/index.d.ts +3 -1
- package/dist/index.js +17 -0
- package/dist/inline.js +20 -12
- package/dist/list.css-mistica.js +16 -16
- package/dist/loading-bar.css-mistica.js +7 -7
- package/dist/loading-screen.css-mistica.js +51 -0
- package/dist/loading-screen.css.d.ts +11 -0
- package/dist/loading-screen.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/loading-screen.d.ts +28 -0
- package/dist/loading-screen.js +398 -0
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/menu.css-mistica.js +1 -1
- package/dist/mosaic.css-mistica.js +23 -0
- package/dist/mosaic.css.d.ts +6 -0
- package/dist/mosaic.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/mosaic.d.ts +15 -0
- package/dist/mosaic.js +206 -0
- package/dist/navigation-bar.css-mistica.js +24 -24
- package/dist/navigation-breadcrumbs.css-mistica.js +5 -5
- package/dist/package-version.js +1 -1
- package/dist/password-field.css-mistica.js +1 -1
- package/dist/pin-field.css-mistica.js +6 -6
- package/dist/popover.css-mistica.js +10 -10
- package/dist/progress-bar.css-mistica.js +5 -5
- package/dist/radio-button.css-mistica.js +11 -11
- package/dist/responsive-layout.css-mistica.js +3 -3
- package/dist/screen-reader-only.css-mistica.js +2 -2
- package/dist/select.css-mistica.js +14 -14
- package/dist/sheet.css-mistica.js +11 -11
- package/dist/sheet.js +8 -8
- package/dist/skeletons.css-mistica.js +3 -3
- package/dist/skins/blau.js +8 -2
- package/dist/skins/movistar-legacy.js +6 -0
- package/dist/skins/movistar.js +6 -0
- package/dist/skins/o2-classic.js +6 -0
- package/dist/skins/o2.js +6 -0
- package/dist/skins/skin-contract.css-mistica.js +205 -199
- package/dist/skins/skin-contract.css.d.ts +6 -0
- package/dist/skins/telefonica.js +6 -0
- package/dist/skins/types/colors.d.ts +3 -0
- package/dist/skins/vivo-new.js +6 -0
- package/dist/skins/vivo.js +6 -0
- package/dist/slider.css-mistica.js +7 -7
- package/dist/snackbar.css-mistica.js +14 -14
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/sprinkles.css-mistica.js +921 -407
- package/dist/sprinkles.css.d.ts +21 -1
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +23 -23
- package/dist/tabs.css-mistica.js +12 -12
- package/dist/tabs.css.d.ts +1 -1
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +9 -9
- package/dist/text-field-components.css-mistica.js +11 -11
- package/dist/text-field-components.js +30 -26
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/theme.d.ts +1 -1
- package/dist/theme.js +1 -0
- 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 +4 -4
- package/dist/utils/aspect-ratio-support.d.ts +1 -1
- package/dist/utils/aspect-ratio-support.js +2 -1
- package/dist/video.css-mistica.js +2 -2
- package/dist/video.js +22 -22
- package/dist/vivinho-loading-animation/in-lottie.json.js +1479 -0
- package/dist/vivinho-loading-animation/index.d.ts +8 -0
- package/dist/vivinho-loading-animation/index.js +119 -0
- package/dist/vivinho-loading-animation/out-lottie.json.js +2143 -0
- package/dist/vivinho-loading-animation/pulse-lottie.json.js +2017 -0
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +20 -0
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css.d.ts +2 -0
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/vivinho-loading-animation/wave-lottie.json.js +10207 -0
- package/dist-es/accordion.css-mistica.js +3 -3
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/boxed.css-mistica.js +1 -1
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +7 -7
- package/dist-es/button.css-mistica.js +18 -10
- package/dist-es/button.js +213 -188
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +10 -10
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/checkbox.css-mistica.js +6 -6
- package/dist-es/chip.css-mistica.js +7 -7
- package/dist-es/chip.js +70 -65
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +4 -4
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state.css-mistica.js +3 -3
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/grid.css-mistica.js +117 -119
- package/dist-es/grid.js +44 -29
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/highlighted-card.css-mistica.js +5 -5
- package/dist-es/horizontal-scroll.css-mistica.js +2 -2
- package/dist-es/icon-button.css-mistica.js +2 -2
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/image.js +37 -37
- package/dist-es/index.js +1796 -1794
- package/dist-es/inline.js +29 -21
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +7 -0
- package/dist-es/loading-screen.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/loading-screen.js +335 -0
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/menu.css-mistica.js +1 -1
- package/dist-es/mosaic.css-mistica.js +3 -0
- package/dist-es/mosaic.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/mosaic.js +189 -0
- package/dist-es/navigation-bar.css-mistica.js +12 -12
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-field.css-mistica.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +6 -6
- package/dist-es/responsive-layout.css-mistica.js +3 -3
- package/dist-es/screen-reader-only.css-mistica.js +2 -2
- package/dist-es/select.css-mistica.js +11 -11
- package/dist-es/sheet.css-mistica.js +2 -2
- package/dist-es/sheet.js +8 -8
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/skins/blau.js +8 -2
- package/dist-es/skins/movistar-legacy.js +8 -2
- package/dist-es/skins/movistar.js +6 -0
- package/dist-es/skins/o2-classic.js +6 -0
- package/dist-es/skins/o2.js +6 -0
- package/dist-es/skins/skin-contract.css-mistica.js +205 -199
- package/dist-es/skins/telefonica.js +6 -0
- package/dist-es/skins/vivo-new.js +6 -0
- package/dist-es/skins/vivo.js +6 -0
- package/dist-es/slider.css-mistica.js +2 -2
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/sprinkles.css-mistica.js +921 -407
- package/dist-es/stacking-group.css-mistica.js +2 -2
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +18 -18
- package/dist-es/tabs.css-mistica.js +7 -7
- package/dist-es/tag.css-mistica.js +1 -1
- 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-field-components.js +49 -44
- package/dist-es/text-link.css-mistica.js +3 -3
- package/dist-es/theme.js +1 -0
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/utils/aspect-ratio-support.js +2 -1
- package/dist-es/video.css-mistica.js +2 -2
- package/dist-es/video.js +22 -22
- package/dist-es/vivinho-loading-animation/in-lottie.json.js +1426 -0
- package/dist-es/vivinho-loading-animation/index.js +64 -0
- package/dist-es/vivinho-loading-animation/out-lottie.json.js +2090 -0
- package/dist-es/vivinho-loading-animation/pulse-lottie.json.js +1964 -0
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +3 -0
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/vivinho-loading-animation/wave-lottie.json.js +10154 -0
- package/package.json +2 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type Props = {
|
|
3
|
+
isLoading?: boolean;
|
|
4
|
+
onCloseStart?: () => void;
|
|
5
|
+
onCloseEnd?: () => void;
|
|
6
|
+
};
|
|
7
|
+
declare const VivinhoLoadingAnimation: ({ isLoading, onCloseStart, onCloseEnd }: Props) => JSX.Element;
|
|
8
|
+
export default VivinhoLoadingAnimation;
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "default", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return F;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
const _lottiereact = /*#__PURE__*/ _interop_require_default(require("lottie-react"));
|
|
14
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
15
|
+
const _inlottiejson = /*#__PURE__*/ _interop_require_default(require("./in-lottie.json.js"));
|
|
16
|
+
const _pulselottiejson = /*#__PURE__*/ _interop_require_default(require("./pulse-lottie.json.js"));
|
|
17
|
+
const _wavelottiejson = /*#__PURE__*/ _interop_require_default(require("./wave-lottie.json.js"));
|
|
18
|
+
const _outlottiejson = /*#__PURE__*/ _interop_require_default(require("./out-lottie.json.js"));
|
|
19
|
+
const _vivinholoadinganimationcssmistica = require("./vivinho-loading-animation.css-mistica.js");
|
|
20
|
+
function _interop_require_default(obj) {
|
|
21
|
+
return obj && obj.__esModule ? obj : {
|
|
22
|
+
default: obj
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
26
|
+
if (typeof WeakMap !== "function") return null;
|
|
27
|
+
var cacheBabelInterop = new WeakMap();
|
|
28
|
+
var cacheNodeInterop = new WeakMap();
|
|
29
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
30
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
31
|
+
})(nodeInterop);
|
|
32
|
+
}
|
|
33
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
34
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
35
|
+
return obj;
|
|
36
|
+
}
|
|
37
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
38
|
+
return {
|
|
39
|
+
default: obj
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
43
|
+
if (cache && cache.has(obj)) {
|
|
44
|
+
return cache.get(obj);
|
|
45
|
+
}
|
|
46
|
+
var newObj = {
|
|
47
|
+
__proto__: null
|
|
48
|
+
};
|
|
49
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
50
|
+
for(var key in obj){
|
|
51
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
52
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
53
|
+
if (desc && (desc.get || desc.set)) {
|
|
54
|
+
Object.defineProperty(newObj, key, desc);
|
|
55
|
+
} else {
|
|
56
|
+
newObj[key] = obj[key];
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
newObj.default = obj;
|
|
61
|
+
if (cache) {
|
|
62
|
+
cache.set(obj, newObj);
|
|
63
|
+
}
|
|
64
|
+
return newObj;
|
|
65
|
+
}
|
|
66
|
+
const F = (param)=>{
|
|
67
|
+
let { isLoading: p, onCloseStart: e, onCloseEnd: a } = param;
|
|
68
|
+
const [m, n] = _react.useState("in"), [f, r] = _react.useState([]), s = ()=>{
|
|
69
|
+
r((t)=>{
|
|
70
|
+
if (!t.length) return [
|
|
71
|
+
0
|
|
72
|
+
];
|
|
73
|
+
const c = t[t.length - 1];
|
|
74
|
+
return [
|
|
75
|
+
...t,
|
|
76
|
+
c + 1
|
|
77
|
+
];
|
|
78
|
+
});
|
|
79
|
+
}, u = ()=>{
|
|
80
|
+
r((t)=>t.slice(1));
|
|
81
|
+
};
|
|
82
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
83
|
+
className: _vivinholoadinganimationcssmistica.container,
|
|
84
|
+
children: [
|
|
85
|
+
f.map((t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
86
|
+
className: m === "out" ? _vivinholoadinganimationcssmistica.waveFadeOut : void 0,
|
|
87
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_lottiereact.default, {
|
|
88
|
+
animationData: _wavelottiejson.default,
|
|
89
|
+
loop: !1,
|
|
90
|
+
onComplete: ()=>{
|
|
91
|
+
u();
|
|
92
|
+
}
|
|
93
|
+
})
|
|
94
|
+
}, t)),
|
|
95
|
+
m === "in" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_lottiereact.default, {
|
|
96
|
+
animationData: _inlottiejson.default,
|
|
97
|
+
loop: !1,
|
|
98
|
+
onComplete: ()=>{
|
|
99
|
+
p ? (setTimeout(()=>{
|
|
100
|
+
s();
|
|
101
|
+
}, 800), n("loop")) : (e == null || e(), n("out"));
|
|
102
|
+
}
|
|
103
|
+
}) : m === "loop" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_lottiereact.default, {
|
|
104
|
+
animationData: _pulselottiejson.default,
|
|
105
|
+
onLoopComplete: ()=>{
|
|
106
|
+
p ? setTimeout(()=>{
|
|
107
|
+
s();
|
|
108
|
+
}, 800) : (e == null || e(), n("out"));
|
|
109
|
+
}
|
|
110
|
+
}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_lottiereact.default, {
|
|
111
|
+
animationData: _outlottiejson.default,
|
|
112
|
+
loop: !1,
|
|
113
|
+
onComplete: ()=>{
|
|
114
|
+
a == null || a();
|
|
115
|
+
}
|
|
116
|
+
})
|
|
117
|
+
]
|
|
118
|
+
});
|
|
119
|
+
};
|