@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.
Files changed (215) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +5 -5
  3. package/dist/avatar.css-mistica.js +1 -1
  4. package/dist/badge.css-mistica.js +3 -3
  5. package/dist/boxed.css-mistica.js +1 -1
  6. package/dist/button-group.css-mistica.js +1 -1
  7. package/dist/button-layout.css-mistica.js +10 -10
  8. package/dist/button.css-mistica.js +40 -32
  9. package/dist/button.css.d.ts +7 -4
  10. package/dist/button.d.ts +4 -2
  11. package/dist/button.js +176 -148
  12. package/dist/callout.css-mistica.js +1 -1
  13. package/dist/card.css-mistica.js +22 -22
  14. package/dist/card.js +10 -10
  15. package/dist/carousel.css-mistica.js +18 -18
  16. package/dist/checkbox.css-mistica.js +10 -10
  17. package/dist/chip.css-mistica.js +8 -8
  18. package/dist/chip.js +47 -42
  19. package/dist/circle.css-mistica.js +2 -2
  20. package/dist/community/advanced-data-card.css-mistica.js +13 -13
  21. package/dist/community/blocks.css-mistica.js +1 -1
  22. package/dist/counter.css-mistica.js +7 -7
  23. package/dist/credit-card-number-field.css-mistica.js +3 -3
  24. package/dist/dialog.css-mistica.js +11 -11
  25. package/dist/double-field.css-mistica.js +4 -4
  26. package/dist/empty-state-card.css-mistica.js +2 -2
  27. package/dist/empty-state.css-mistica.js +6 -6
  28. package/dist/feedback.css-mistica.js +6 -6
  29. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  30. package/dist/grid.css-mistica.js +118 -120
  31. package/dist/grid.css.d.ts +0 -2
  32. package/dist/grid.d.ts +2 -2
  33. package/dist/grid.js +41 -26
  34. package/dist/header.css-mistica.js +1 -1
  35. package/dist/hero.css-mistica.js +5 -5
  36. package/dist/highlighted-card.css-mistica.js +7 -7
  37. package/dist/horizontal-scroll.css-mistica.js +3 -3
  38. package/dist/icon-button.css-mistica.js +2 -2
  39. package/dist/image.css-mistica.js +3 -3
  40. package/dist/image.d.ts +1 -1
  41. package/dist/image.js +21 -21
  42. package/dist/index.d.ts +3 -1
  43. package/dist/index.js +17 -0
  44. package/dist/inline.js +20 -12
  45. package/dist/list.css-mistica.js +16 -16
  46. package/dist/loading-bar.css-mistica.js +7 -7
  47. package/dist/loading-screen.css-mistica.js +51 -0
  48. package/dist/loading-screen.css.d.ts +11 -0
  49. package/dist/loading-screen.css.ts.vanilla.css-mistica.js +11 -0
  50. package/dist/loading-screen.d.ts +28 -0
  51. package/dist/loading-screen.js +398 -0
  52. package/dist/maybe-dismissable.css-mistica.js +1 -1
  53. package/dist/menu.css-mistica.js +1 -1
  54. package/dist/mosaic.css-mistica.js +23 -0
  55. package/dist/mosaic.css.d.ts +6 -0
  56. package/dist/mosaic.css.ts.vanilla.css-mistica.js +11 -0
  57. package/dist/mosaic.d.ts +15 -0
  58. package/dist/mosaic.js +206 -0
  59. package/dist/navigation-bar.css-mistica.js +24 -24
  60. package/dist/navigation-breadcrumbs.css-mistica.js +5 -5
  61. package/dist/package-version.js +1 -1
  62. package/dist/password-field.css-mistica.js +1 -1
  63. package/dist/pin-field.css-mistica.js +6 -6
  64. package/dist/popover.css-mistica.js +10 -10
  65. package/dist/progress-bar.css-mistica.js +5 -5
  66. package/dist/radio-button.css-mistica.js +11 -11
  67. package/dist/responsive-layout.css-mistica.js +3 -3
  68. package/dist/screen-reader-only.css-mistica.js +2 -2
  69. package/dist/select.css-mistica.js +14 -14
  70. package/dist/sheet.css-mistica.js +11 -11
  71. package/dist/sheet.js +8 -8
  72. package/dist/skeletons.css-mistica.js +3 -3
  73. package/dist/skins/blau.js +8 -2
  74. package/dist/skins/movistar-legacy.js +6 -0
  75. package/dist/skins/movistar.js +6 -0
  76. package/dist/skins/o2-classic.js +6 -0
  77. package/dist/skins/o2.js +6 -0
  78. package/dist/skins/skin-contract.css-mistica.js +205 -199
  79. package/dist/skins/skin-contract.css.d.ts +6 -0
  80. package/dist/skins/telefonica.js +6 -0
  81. package/dist/skins/types/colors.d.ts +3 -0
  82. package/dist/skins/vivo-new.js +6 -0
  83. package/dist/skins/vivo.js +6 -0
  84. package/dist/slider.css-mistica.js +7 -7
  85. package/dist/snackbar.css-mistica.js +14 -14
  86. package/dist/spinner.css-mistica.js +1 -1
  87. package/dist/sprinkles.css-mistica.js +921 -407
  88. package/dist/sprinkles.css.d.ts +21 -1
  89. package/dist/stacking-group.css-mistica.js +2 -2
  90. package/dist/stepper.css-mistica.js +9 -9
  91. package/dist/switch-component.css-mistica.js +23 -23
  92. package/dist/tabs.css-mistica.js +12 -12
  93. package/dist/tabs.css.d.ts +1 -1
  94. package/dist/tag.css-mistica.js +1 -1
  95. package/dist/text-field-base.css-mistica.js +9 -9
  96. package/dist/text-field-components.css-mistica.js +11 -11
  97. package/dist/text-field-components.js +30 -26
  98. package/dist/text-link.css-mistica.js +3 -3
  99. package/dist/theme.d.ts +1 -1
  100. package/dist/theme.js +1 -0
  101. package/dist/tooltip.css-mistica.js +6 -6
  102. package/dist/touchable.css-mistica.js +3 -3
  103. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  104. package/dist/utils/aspect-ratio-support.d.ts +1 -1
  105. package/dist/utils/aspect-ratio-support.js +2 -1
  106. package/dist/video.css-mistica.js +2 -2
  107. package/dist/video.js +22 -22
  108. package/dist/vivinho-loading-animation/in-lottie.json.js +1479 -0
  109. package/dist/vivinho-loading-animation/index.d.ts +8 -0
  110. package/dist/vivinho-loading-animation/index.js +119 -0
  111. package/dist/vivinho-loading-animation/out-lottie.json.js +2143 -0
  112. package/dist/vivinho-loading-animation/pulse-lottie.json.js +2017 -0
  113. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +20 -0
  114. package/dist/vivinho-loading-animation/vivinho-loading-animation.css.d.ts +2 -0
  115. package/dist/vivinho-loading-animation/vivinho-loading-animation.css.ts.vanilla.css-mistica.js +11 -0
  116. package/dist/vivinho-loading-animation/wave-lottie.json.js +10207 -0
  117. package/dist-es/accordion.css-mistica.js +3 -3
  118. package/dist-es/avatar.css-mistica.js +1 -1
  119. package/dist-es/badge.css-mistica.js +2 -2
  120. package/dist-es/boxed.css-mistica.js +1 -1
  121. package/dist-es/button-group.css-mistica.js +1 -1
  122. package/dist-es/button-layout.css-mistica.js +7 -7
  123. package/dist-es/button.css-mistica.js +18 -10
  124. package/dist-es/button.js +213 -188
  125. package/dist-es/callout.css-mistica.js +1 -1
  126. package/dist-es/card.css-mistica.js +2 -2
  127. package/dist-es/card.js +10 -10
  128. package/dist-es/carousel.css-mistica.js +2 -2
  129. package/dist-es/checkbox.css-mistica.js +6 -6
  130. package/dist-es/chip.css-mistica.js +7 -7
  131. package/dist-es/chip.js +70 -65
  132. package/dist-es/circle.css-mistica.js +2 -2
  133. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  134. package/dist-es/community/blocks.css-mistica.js +1 -1
  135. package/dist-es/counter.css-mistica.js +2 -2
  136. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  137. package/dist-es/dialog.css-mistica.js +5 -5
  138. package/dist-es/double-field.css-mistica.js +4 -4
  139. package/dist-es/empty-state-card.css-mistica.js +2 -2
  140. package/dist-es/empty-state.css-mistica.js +3 -3
  141. package/dist-es/feedback.css-mistica.js +2 -2
  142. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  143. package/dist-es/grid.css-mistica.js +117 -119
  144. package/dist-es/grid.js +44 -29
  145. package/dist-es/header.css-mistica.js +1 -1
  146. package/dist-es/hero.css-mistica.js +2 -2
  147. package/dist-es/highlighted-card.css-mistica.js +5 -5
  148. package/dist-es/horizontal-scroll.css-mistica.js +2 -2
  149. package/dist-es/icon-button.css-mistica.js +2 -2
  150. package/dist-es/image.css-mistica.js +2 -2
  151. package/dist-es/image.js +37 -37
  152. package/dist-es/index.js +1796 -1794
  153. package/dist-es/inline.js +29 -21
  154. package/dist-es/list.css-mistica.js +2 -2
  155. package/dist-es/loading-bar.css-mistica.js +2 -2
  156. package/dist-es/loading-screen.css-mistica.js +7 -0
  157. package/dist-es/loading-screen.css.ts.vanilla.css-mistica.js +2 -0
  158. package/dist-es/loading-screen.js +335 -0
  159. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  160. package/dist-es/menu.css-mistica.js +1 -1
  161. package/dist-es/mosaic.css-mistica.js +3 -0
  162. package/dist-es/mosaic.css.ts.vanilla.css-mistica.js +2 -0
  163. package/dist-es/mosaic.js +189 -0
  164. package/dist-es/navigation-bar.css-mistica.js +12 -12
  165. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  166. package/dist-es/package-version.js +1 -1
  167. package/dist-es/password-field.css-mistica.js +1 -1
  168. package/dist-es/pin-field.css-mistica.js +2 -2
  169. package/dist-es/popover.css-mistica.js +2 -2
  170. package/dist-es/progress-bar.css-mistica.js +2 -2
  171. package/dist-es/radio-button.css-mistica.js +6 -6
  172. package/dist-es/responsive-layout.css-mistica.js +3 -3
  173. package/dist-es/screen-reader-only.css-mistica.js +2 -2
  174. package/dist-es/select.css-mistica.js +11 -11
  175. package/dist-es/sheet.css-mistica.js +2 -2
  176. package/dist-es/sheet.js +8 -8
  177. package/dist-es/skeletons.css-mistica.js +2 -2
  178. package/dist-es/skins/blau.js +8 -2
  179. package/dist-es/skins/movistar-legacy.js +8 -2
  180. package/dist-es/skins/movistar.js +6 -0
  181. package/dist-es/skins/o2-classic.js +6 -0
  182. package/dist-es/skins/o2.js +6 -0
  183. package/dist-es/skins/skin-contract.css-mistica.js +205 -199
  184. package/dist-es/skins/telefonica.js +6 -0
  185. package/dist-es/skins/vivo-new.js +6 -0
  186. package/dist-es/skins/vivo.js +6 -0
  187. package/dist-es/slider.css-mistica.js +2 -2
  188. package/dist-es/snackbar.css-mistica.js +5 -5
  189. package/dist-es/spinner.css-mistica.js +1 -1
  190. package/dist-es/sprinkles.css-mistica.js +921 -407
  191. package/dist-es/stacking-group.css-mistica.js +2 -2
  192. package/dist-es/stepper.css-mistica.js +2 -2
  193. package/dist-es/style.css +1 -1
  194. package/dist-es/switch-component.css-mistica.js +18 -18
  195. package/dist-es/tabs.css-mistica.js +7 -7
  196. package/dist-es/tag.css-mistica.js +1 -1
  197. package/dist-es/text-field-base.css-mistica.js +2 -2
  198. package/dist-es/text-field-components.css-mistica.js +2 -2
  199. package/dist-es/text-field-components.js +49 -44
  200. package/dist-es/text-link.css-mistica.js +3 -3
  201. package/dist-es/theme.js +1 -0
  202. package/dist-es/tooltip.css-mistica.js +2 -2
  203. package/dist-es/touchable.css-mistica.js +2 -2
  204. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  205. package/dist-es/utils/aspect-ratio-support.js +2 -1
  206. package/dist-es/video.css-mistica.js +2 -2
  207. package/dist-es/video.js +22 -22
  208. package/dist-es/vivinho-loading-animation/in-lottie.json.js +1426 -0
  209. package/dist-es/vivinho-loading-animation/index.js +64 -0
  210. package/dist-es/vivinho-loading-animation/out-lottie.json.js +2090 -0
  211. package/dist-es/vivinho-loading-animation/pulse-lottie.json.js +1964 -0
  212. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +3 -0
  213. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css.ts.vanilla.css-mistica.js +2 -0
  214. package/dist-es/vivinho-loading-animation/wave-lottie.json.js +10154 -0
  215. 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
+ };