@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.
Files changed (103) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.js +47 -49
  3. package/dist/button.js +10 -10
  4. package/dist/card.js +10 -10
  5. package/dist/carousel.css-mistica.js +48 -24
  6. package/dist/carousel.css.d.ts +9 -1
  7. package/dist/carousel.d.ts +2 -2
  8. package/dist/carousel.js +227 -219
  9. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  10. package/dist/community/blocks.js +12 -12
  11. package/dist/desktop-container-type-context.js +2 -2
  12. package/dist/fade-in.js +2 -2
  13. package/dist/feedback.js +6 -6
  14. package/dist/focus-trap.js +2 -2
  15. package/dist/header.js +4 -4
  16. package/dist/hero.js +4 -4
  17. package/dist/horizontal-scroll.js +2 -2
  18. package/dist/icons/icon-amex.js +2 -2
  19. package/dist/icons/icon-chevron.js +2 -2
  20. package/dist/icons/icon-cvv-amex.js +2 -2
  21. package/dist/icons/icon-cvv-visa-mc.js +2 -2
  22. package/dist/icons/icon-info.js +4 -4
  23. package/dist/icons/icon-mastercard.js +2 -2
  24. package/dist/icons/icon-visa.js +2 -2
  25. package/dist/image.js +2 -2
  26. package/dist/list.js +16 -16
  27. package/dist/loading-bar.js +2 -2
  28. package/dist/logo.js +10 -10
  29. package/dist/menu.js +2 -2
  30. package/dist/mosaic.js +2 -2
  31. package/dist/navigation-bar.js +8 -8
  32. package/dist/navigation-breadcrumbs.js +2 -2
  33. package/dist/negative-box.js +2 -2
  34. package/dist/nestable-context.js +2 -2
  35. package/dist/package-version.js +1 -1
  36. package/dist/placeholder.js +2 -2
  37. package/dist/responsive-layout.js +2 -2
  38. package/dist/select.js +4 -4
  39. package/dist/sheet.js +71 -67
  40. package/dist/skeletons.js +12 -12
  41. package/dist/stack.js +2 -2
  42. package/dist/text-field-base.js +2 -2
  43. package/dist/text-field-components.js +2 -2
  44. package/dist/text.js +18 -17
  45. package/dist/theme-variant-context.js +2 -2
  46. package/dist/theme.js +8 -8
  47. package/dist/title.js +2 -2
  48. package/dist/tooltip.js +64 -60
  49. package/dist/utils/animation.js +2 -2
  50. package/dist/utils/css.js +1 -1
  51. package/dist/video.js +2 -2
  52. package/dist/vivinho-loading-animation/pulse-lottie.json.js +3 -5
  53. package/dist-es/accordion.js +65 -67
  54. package/dist-es/button.js +10 -10
  55. package/dist-es/card.js +10 -10
  56. package/dist-es/carousel.css-mistica.js +7 -7
  57. package/dist-es/carousel.js +278 -270
  58. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  59. package/dist-es/community/blocks.js +12 -12
  60. package/dist-es/desktop-container-type-context.js +2 -2
  61. package/dist-es/fade-in.js +2 -2
  62. package/dist-es/feedback.js +6 -6
  63. package/dist-es/focus-trap.js +2 -2
  64. package/dist-es/header.js +4 -4
  65. package/dist-es/hero.js +4 -4
  66. package/dist-es/horizontal-scroll.js +2 -2
  67. package/dist-es/icons/icon-amex.js +2 -2
  68. package/dist-es/icons/icon-chevron.js +2 -2
  69. package/dist-es/icons/icon-cvv-amex.js +2 -2
  70. package/dist-es/icons/icon-cvv-visa-mc.js +2 -2
  71. package/dist-es/icons/icon-info.js +4 -4
  72. package/dist-es/icons/icon-mastercard.js +2 -2
  73. package/dist-es/icons/icon-visa.js +2 -2
  74. package/dist-es/image.js +2 -2
  75. package/dist-es/list.js +16 -16
  76. package/dist-es/loading-bar.js +2 -2
  77. package/dist-es/logo.js +10 -10
  78. package/dist-es/menu.js +2 -2
  79. package/dist-es/mosaic.js +2 -2
  80. package/dist-es/navigation-bar.js +8 -8
  81. package/dist-es/navigation-breadcrumbs.js +2 -2
  82. package/dist-es/negative-box.js +2 -2
  83. package/dist-es/nestable-context.js +2 -2
  84. package/dist-es/package-version.js +1 -1
  85. package/dist-es/placeholder.js +2 -2
  86. package/dist-es/responsive-layout.js +2 -2
  87. package/dist-es/select.js +4 -4
  88. package/dist-es/sheet.js +79 -75
  89. package/dist-es/skeletons.js +12 -12
  90. package/dist-es/stack.js +2 -2
  91. package/dist-es/style.css +1 -1
  92. package/dist-es/text-field-base.js +2 -2
  93. package/dist-es/text-field-components.js +4 -4
  94. package/dist-es/text.js +21 -20
  95. package/dist-es/theme-variant-context.js +2 -2
  96. package/dist-es/theme.js +8 -8
  97. package/dist-es/title.js +2 -2
  98. package/dist-es/tooltip.js +80 -76
  99. package/dist-es/utils/animation.js +2 -2
  100. package/dist-es/utils/css.js +1 -1
  101. package/dist-es/video.js +2 -2
  102. package/dist-es/vivinho-loading-animation/pulse-lottie.json.js +3 -5
  103. package/package.json +16 -17
package/dist/button.js CHANGED
@@ -470,11 +470,11 @@ const _ = (param)=>{
470
470
  }));
471
471
  if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
472
472
  return null;
473
- }), Re = /*#__PURE__*/ _react.forwardRef((_param, r)=>/* @__PURE__ */ {
473
+ }), Re = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
474
474
  var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
475
475
  "dataAttributes"
476
476
  ]);
477
- return (0, _jsxruntime.jsx)(Z, _object_spread_props(_object_spread({
477
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, _object_spread_props(_object_spread({
478
478
  dataAttributes: _object_spread({
479
479
  "component-name": "ButtonLink"
480
480
  }, e)
@@ -482,11 +482,11 @@ const _ = (param)=>{
482
482
  ref: r,
483
483
  type: "default"
484
484
  }));
485
- }), ke = /*#__PURE__*/ _react.forwardRef((_param, r)=>/* @__PURE__ */ {
485
+ }), ke = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
486
486
  var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
487
487
  "dataAttributes"
488
488
  ]);
489
- return (0, _jsxruntime.jsx)(Z, _object_spread_props(_object_spread({
489
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, _object_spread_props(_object_spread({
490
490
  dataAttributes: _object_spread({
491
491
  "component-name": "ButtonLinkDanger"
492
492
  }, e)
@@ -495,11 +495,11 @@ const _ = (param)=>{
495
495
  ref: r,
496
496
  type: "danger"
497
497
  }));
498
- }), xe = /*#__PURE__*/ _react.forwardRef((_param, r)=>/* @__PURE__ */ {
498
+ }), xe = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
499
499
  var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
500
500
  "dataAttributes"
501
501
  ]);
502
- return (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
502
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
503
503
  dataAttributes: _object_spread({
504
504
  "component-name": "ButtonPrimary"
505
505
  }, e)
@@ -507,11 +507,11 @@ const _ = (param)=>{
507
507
  ref: r,
508
508
  type: "primary"
509
509
  }));
510
- }), Be = /*#__PURE__*/ _react.forwardRef((_param, r)=>/* @__PURE__ */ {
510
+ }), Be = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
511
511
  var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
512
512
  "dataAttributes"
513
513
  ]);
514
- return (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
514
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
515
515
  dataAttributes: _object_spread({
516
516
  "component-name": "ButtonSecondary"
517
517
  }, e)
@@ -519,11 +519,11 @@ const _ = (param)=>{
519
519
  ref: r,
520
520
  type: "secondary"
521
521
  }));
522
- }), Ae = /*#__PURE__*/ _react.forwardRef((_param, r)=>/* @__PURE__ */ {
522
+ }), Ae = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
523
523
  var { dataAttributes: e } = _param, t = _object_without_properties(_param, [
524
524
  "dataAttributes"
525
525
  ]);
526
- return (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
526
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
527
527
  dataAttributes: _object_spread({
528
528
  "component-name": "ButtonDanger"
529
529
  }, e)
package/dist/card.js CHANGED
@@ -309,22 +309,22 @@ const Be = (r, a)=>{
309
309
  error: {
310
310
  reset: "loading"
311
311
  }
312
- }, ir = (r, a)=>ar[r][a] || r, nr = (param)=>/* @__PURE__ */ {
312
+ }, ir = (r, a)=>ar[r][a] || r, nr = (param)=>{
313
313
  let { color: r } = param;
314
- return (0, _jsxruntime.jsx)(_spinner.default, {
314
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
315
315
  color: r,
316
316
  size: 16,
317
317
  delay: "0"
318
318
  });
319
- }, ee = (param)=>/* @__PURE__ */ {
319
+ }, ee = (param)=>{
320
320
  let { color: r } = param;
321
- return (0, _jsxruntime.jsx)(_iconpausefilled.default, {
321
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconpausefilled.default, {
322
322
  color: r,
323
323
  size: 12
324
324
  });
325
- }, tr = (param)=>/* @__PURE__ */ {
325
+ }, tr = (param)=>{
326
326
  let { color: r } = param;
327
- return (0, _jsxruntime.jsx)(_iconplayfilled.default, {
327
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconplayfilled.default, {
328
328
  color: r,
329
329
  size: 12
330
330
  });
@@ -1085,22 +1085,22 @@ const Be = (r, a)=>{
1085
1085
  })
1086
1086
  ]
1087
1087
  });
1088
- }), Gr = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
1088
+ }), Gr = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
1089
1089
  var { dataAttributes: r } = _param, a = _object_without_properties(_param, [
1090
1090
  "dataAttributes"
1091
1091
  ]);
1092
- return (0, _jsxruntime.jsx)(Re, _object_spread_props(_object_spread({}, a), {
1092
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(Re, _object_spread_props(_object_spread({}, a), {
1093
1093
  ref: n,
1094
1094
  isInverse: !0,
1095
1095
  dataAttributes: _object_spread({
1096
1096
  "component-name": "DisplayMediaCard"
1097
1097
  }, r)
1098
1098
  }));
1099
- }), Xr = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
1099
+ }), Xr = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
1100
1100
  var { dataAttributes: r } = _param, a = _object_without_properties(_param, [
1101
1101
  "dataAttributes"
1102
1102
  ]);
1103
- return (0, _jsxruntime.jsx)(Re, _object_spread_props(_object_spread({}, a), {
1103
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(Re, _object_spread_props(_object_spread({}, a), {
1104
1104
  ref: n,
1105
1105
  dataAttributes: _object_spread({
1106
1106
  "component-name": "DisplayDataCard"
@@ -10,71 +10,95 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  bullet: function() {
13
- return f;
13
+ return y;
14
14
  },
15
15
  bulletActive: function() {
16
- return y;
16
+ return f;
17
17
  },
18
18
  bulletActiveInverse: function() {
19
+ return u;
20
+ },
21
+ bulletButton: function() {
22
+ return e;
23
+ },
24
+ bulletButtonDesktop: function() {
25
+ return b;
26
+ },
27
+ bulletButtonMobile: function() {
19
28
  return r;
20
29
  },
30
+ bulletButtonTablet: function() {
31
+ return c;
32
+ },
21
33
  bulletInverse: function() {
22
- return e;
34
+ return l;
23
35
  },
24
36
  carousel: function() {
25
- return u;
37
+ return t;
26
38
  },
27
39
  carouselBullets: function() {
28
- return b;
40
+ return o;
29
41
  },
30
42
  carouselContainer: function() {
31
- return c;
43
+ return i;
32
44
  },
33
45
  carouselItem: function() {
34
46
  return g;
35
47
  },
36
48
  carouselNextArrowButton: function() {
37
- return o;
49
+ return s;
38
50
  },
39
51
  carouselPrevArrowButton: function() {
40
- return i;
52
+ return h;
41
53
  },
42
- carouselWithScroll: function() {
43
- return t;
54
+ carouselWithScrollMobile: function() {
55
+ return p;
56
+ },
57
+ carouselWithScrollTablet: function() {
58
+ return B;
44
59
  },
45
60
  centeredCarousel: function() {
46
- return l;
61
+ return m;
62
+ },
63
+ noCarouselBulletsDesktop: function() {
64
+ return w;
65
+ },
66
+ noCarouselBulletsMobile: function() {
67
+ return d;
68
+ },
69
+ noCarouselBulletsTablet: function() {
70
+ return z;
47
71
  },
48
72
  slideshow: function() {
49
- return s;
73
+ return P;
50
74
  },
51
75
  slideshowBullets: function() {
52
- return h;
76
+ return x;
53
77
  },
54
78
  slideshowContainer: function() {
55
- return p;
79
+ return A;
56
80
  },
57
81
  slideshowItem: function() {
58
- return d;
82
+ return C;
59
83
  },
60
84
  slideshowNextArrowButton: function() {
61
- return m;
85
+ return k;
62
86
  },
63
87
  slideshowPrevArrowButton: function() {
64
- return w;
88
+ return j;
65
89
  },
66
90
  vars: function() {
67
- return P;
91
+ return I;
68
92
  }
69
93
  });
70
94
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
71
95
  require("./responsive-layout.css.ts.vanilla.css-mistica.js");
72
96
  require("./grid-layout.css.ts.vanilla.css-mistica.js");
73
97
  require("./carousel.css.ts.vanilla.css-mistica.js");
74
- var f = "_1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4c", y = "_1abcu72 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4d", r = "_1abcu72 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4u", e = "_1abcu75 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz", u = "_1abcu7m _1abcu7b _1y2v1nfgg _1y2v1nfi0", b = "_1y2v1nfgg _1y2v1nfgp", c = "_1y2v1nfg9 _1y2v1nfid _1y2v1nfga", g = "_1abcu7p", o = "_1abcu7t _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb", i = "_1abcu7s _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb", t = "_1abcu7n", l = "_1abcu7o", s = "_1abcu7w _1abcu7b _1y2v1nfgg _1y2v1nfi0", h = "_1abcu714 _1y2v1nfgb _1y2v1nfl3 _1y2v1nfgg _1y2v1nfgp _1y2v1nfh3", p = "_1y2v1nfga", d = "_1abcu7y _1y2v1nfh3 _1y2v1nfgy", m = "_1abcu712 _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb _1y2v1nfko", w = "_1abcu710 _1abcu7r _1abcu7d _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb _1y2v1nfk9", P = {
75
- itemsPerPageMobile: "var(--_1abcu7g)",
76
- itemsPerPageTablet: "var(--_1abcu7h)",
77
- itemsPerPageDesktop: "var(--_1abcu7i)",
78
- gap: "var(--_1abcu7j)",
79
- mobilePageOffset: "var(--_1abcu7k)"
98
+ var y = "_1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4c", f = "_1abcu72 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4d", u = "_1abcu72 _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz _1y2v1nf4u", e = "_1abcu74 _1y2v1nf69 _1y2v1nf7i _1y2v1nf96 _1y2v1nfa0 _1y2v1nfgi _1y2v1nfiy _1y2v1nf68", b = "_1abcu78 _1abcu75 _1abcu74 _1y2v1nf69 _1y2v1nf7i _1y2v1nf96 _1y2v1nfa0 _1y2v1nfgi _1y2v1nfiy _1y2v1nf68", r = "_1abcu76 _1abcu75 _1abcu74 _1y2v1nf69 _1y2v1nf7i _1y2v1nf96 _1y2v1nfa0 _1y2v1nfgi _1y2v1nfiy _1y2v1nf68", c = "_1abcu77 _1abcu75 _1abcu74 _1y2v1nf69 _1y2v1nf7i _1y2v1nf96 _1y2v1nfa0 _1y2v1nfgi _1y2v1nfiy _1y2v1nf68", l = "_1abcu7b _1abcu71 _1y2v1nfh8 _1y2v1nfho _1y2v1nfiz", t = "_1abcu7s _1abcu7h _1y2v1nfgg _1y2v1nfi0", o = "_1abcu712 _1y2v1nfgg _1y2v1nfgp _1y2v1nf6u", i = "_1y2v1nfg9 _1y2v1nfid _1y2v1nfga", g = "_1abcu7w", s = "_1abcu710 _1abcu7y _1abcu7j _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb", h = "_1abcu7z _1abcu7y _1abcu7j _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb", p = "_1abcu7t", B = "_1abcu7u", m = "_1abcu7v", w = "_1abcu713", d = "_1abcu715", z = "_1abcu714", P = "_1abcu717 _1abcu7h _1y2v1nfgg _1y2v1nfi0", x = "_1abcu71f _1y2v1nfgb _1y2v1nfl3 _1y2v1nfgg _1y2v1nfgp _1y2v1nfh3", A = "_1y2v1nfga", C = "_1abcu719 _1y2v1nfh3 _1y2v1nfgy", k = "_1abcu71d _1abcu7y _1abcu7j _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb _1y2v1nfko", j = "_1abcu71b _1abcu7y _1abcu7j _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp _1y2v1nfiz _1y2v1nf36 _1y2v1nfhe _1y2v1nfhu _1y2v1nfix _1y2v1nfgb _1y2v1nfk9", I = {
99
+ itemsPerPageMobile: "var(--_1abcu7m)",
100
+ itemsPerPageTablet: "var(--_1abcu7n)",
101
+ itemsPerPageDesktop: "var(--_1abcu7o)",
102
+ gap: "var(--_1abcu7p)",
103
+ mobilePageOffset: "var(--_1abcu7q)"
80
104
  };
@@ -1,3 +1,7 @@
1
+ export declare const bulletButton: string;
2
+ export declare const bulletButtonMobile: string;
3
+ export declare const bulletButtonTablet: string;
4
+ export declare const bulletButtonDesktop: string;
1
5
  export declare const bullet: string;
2
6
  export declare const bulletInverse: string;
3
7
  export declare const bulletActive: string;
@@ -13,13 +17,17 @@ export declare const vars: {
13
17
  };
14
18
  export declare const DEFAULT_DESKTOP_GAP = 16;
15
19
  export declare const carousel: string;
16
- export declare const carouselWithScroll: string;
20
+ export declare const carouselWithScrollMobile: string;
21
+ export declare const carouselWithScrollTablet: string;
17
22
  export declare const centeredCarousel: string;
18
23
  export declare const carouselItem: string;
19
24
  export declare const carouselArrowButton: string;
20
25
  export declare const carouselPrevArrowButton: string;
21
26
  export declare const carouselNextArrowButton: string;
22
27
  export declare const carouselBullets: string;
28
+ export declare const noCarouselBulletsDesktop: string;
29
+ export declare const noCarouselBulletsTablet: string;
30
+ export declare const noCarouselBulletsMobile: string;
23
31
  export declare const slideshow: string;
24
32
  export declare const slideshowItem: string;
25
33
  export declare const slideshowPrevArrowButton: string;
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
- import type { DataAttributes } from './utils/types';
2
+ import type { ByBreakpoint, DataAttributes } from './utils/types';
3
3
  type PageBulletsProps = {
4
4
  currentIndex: number;
5
- numPages: number;
5
+ numPages: number | ByBreakpoint<number>;
6
6
  onPress?: (index: number) => void;
7
7
  };
8
8
  export declare const PageBullets: React.FC<PageBulletsProps>;