@telefonica/mistica 15.0.0 → 15.1.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 (213) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +5 -5
  3. package/dist/accordion.d.ts +1 -0
  4. package/dist/avatar.css-mistica.js +3 -3
  5. package/dist/badge.css-mistica.js +6 -6
  6. package/dist/boxed.css-mistica.js +3 -3
  7. package/dist/button-group.css-mistica.js +1 -1
  8. package/dist/button-layout.css-mistica.js +9 -9
  9. package/dist/button.css-mistica.js +27 -27
  10. package/dist/button.d.ts +12 -0
  11. package/dist/button.js +67 -62
  12. package/dist/callout.css-mistica.js +2 -2
  13. package/dist/callout.d.ts +1 -0
  14. package/dist/callout.js +11 -11
  15. package/dist/card.css-mistica.js +13 -13
  16. package/dist/card.d.ts +6 -0
  17. package/dist/card.js +301 -293
  18. package/dist/carousel.css-mistica.js +19 -19
  19. package/dist/checkbox.css-mistica.js +9 -9
  20. package/dist/chip.css-mistica.js +10 -10
  21. package/dist/circle.css-mistica.js +2 -2
  22. package/dist/community/advanced-data-card.css-mistica.js +12 -12
  23. package/dist/community/blocks.css-mistica.js +1 -1
  24. package/dist/counter.css-mistica.js +4 -4
  25. package/dist/credit-card-number-field.css-mistica.js +5 -5
  26. package/dist/dialog.css-mistica.js +6 -6
  27. package/dist/double-field.css-mistica.js +2 -2
  28. package/dist/empty-state-card.css-mistica.js +3 -3
  29. package/dist/empty-state-card.d.ts +1 -0
  30. package/dist/empty-state-card.js +10 -9
  31. package/dist/empty-state.css-mistica.js +4 -4
  32. package/dist/empty-state.d.ts +1 -0
  33. package/dist/empty-state.js +14 -14
  34. package/dist/feedback.css-mistica.js +5 -5
  35. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  36. package/dist/header.css-mistica.js +1 -1
  37. package/dist/header.d.ts +2 -0
  38. package/dist/header.js +46 -47
  39. package/dist/hero.css-mistica.js +2 -2
  40. package/dist/hero.d.ts +1 -0
  41. package/dist/hero.js +29 -29
  42. package/dist/highlighted-card.css-mistica.js +7 -7
  43. package/dist/highlighted-card.d.ts +1 -2
  44. package/dist/highlighted-card.js +9 -9
  45. package/dist/horizontal-scroll.css-mistica.js +1 -1
  46. package/dist/icon-button.css-mistica.js +14 -17
  47. package/dist/icon-button.css.d.ts +1 -1
  48. package/dist/icon-button.d.ts +0 -13
  49. package/dist/icon-button.js +84 -87
  50. package/dist/image.css-mistica.js +3 -3
  51. package/dist/index.d.ts +4 -2
  52. package/dist/index.js +13 -0
  53. package/dist/inline.js +8 -7
  54. package/dist/list.css-mistica.js +12 -12
  55. package/dist/list.d.ts +1 -0
  56. package/dist/list.js +143 -138
  57. package/dist/loading-bar.css-mistica.js +4 -4
  58. package/dist/loading-screen.css-mistica.js +3 -3
  59. package/dist/logo.d.ts +1 -0
  60. package/dist/logo.js +155 -136
  61. package/dist/maybe-dismissable.css-mistica.js +1 -1
  62. package/dist/maybe-dismissable.js +3 -4
  63. package/dist/menu.css-mistica.js +1 -1
  64. package/dist/navigation-bar.css-mistica.js +22 -22
  65. package/dist/navigation-bar.d.ts +2 -1
  66. package/dist/navigation-bar.js +53 -52
  67. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  68. package/dist/package-version.js +1 -1
  69. package/dist/pin-field.css-mistica.js +4 -4
  70. package/dist/progress-bar.css-mistica.js +3 -3
  71. package/dist/radio-button.css-mistica.js +8 -8
  72. package/dist/responsive-layout.css-mistica.js +5 -5
  73. package/dist/screen-reader-only.css-mistica.js +1 -1
  74. package/dist/select.css-mistica.js +10 -10
  75. package/dist/sheet.css-mistica.js +8 -8
  76. package/dist/skeletons.css-mistica.js +5 -5
  77. package/dist/skins/blau.js +4 -2
  78. package/dist/skins/constants.d.ts +1 -0
  79. package/dist/skins/constants.js +6 -3
  80. package/dist/skins/movistar.d.ts +1 -0
  81. package/dist/skins/movistar.js +5 -2
  82. package/dist/skins/o2-new.d.ts +50 -0
  83. package/dist/skins/o2-new.js +397 -0
  84. package/dist/skins/o2.d.ts +1 -0
  85. package/dist/skins/o2.js +5 -2
  86. package/dist/skins/skin-contract.css-mistica.js +138 -136
  87. package/dist/skins/skin-contract.css.d.ts +2 -0
  88. package/dist/skins/telefonica.d.ts +1 -0
  89. package/dist/skins/telefonica.js +5 -2
  90. package/dist/skins/tu.d.ts +1 -0
  91. package/dist/skins/tu.js +5 -2
  92. package/dist/skins/types/colors.d.ts +1 -0
  93. package/dist/skins/types/index.d.ts +1 -1
  94. package/dist/skins/utils.js +7 -4
  95. package/dist/skins/vivo-new.js +4 -2
  96. package/dist/skins/vivo.js +4 -2
  97. package/dist/slider.css-mistica.js +7 -7
  98. package/dist/snackbar.css-mistica.js +12 -12
  99. package/dist/spinner.css-mistica.js +5 -5
  100. package/dist/sprinkles.css-mistica.js +792 -786
  101. package/dist/stacking-group.css-mistica.js +2 -2
  102. package/dist/stepper.css-mistica.js +9 -9
  103. package/dist/switch-component.css-mistica.js +26 -23
  104. package/dist/switch-component.css.d.ts +1 -0
  105. package/dist/switch-component.js +11 -10
  106. package/dist/tabs.css-mistica.js +9 -9
  107. package/dist/tag.css-mistica.js +1 -1
  108. package/dist/text-field-base.css-mistica.js +5 -5
  109. package/dist/text-field-components.css-mistica.js +11 -11
  110. package/dist/text-link.css-mistica.js +3 -3
  111. package/dist/text-link.d.ts +5 -0
  112. package/dist/tooltip.css-mistica.js +2 -2
  113. package/dist/tooltip.js +0 -1
  114. package/dist/touchable.css-mistica.js +5 -5
  115. package/dist/touchable.d.ts +33 -19
  116. package/dist/touchable.js +54 -51
  117. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  118. package/dist/utils/browser.d.ts +1 -0
  119. package/dist/utils/browser.js +14 -0
  120. package/dist/video.css-mistica.js +1 -1
  121. package/dist-es/accordion.css-mistica.js +3 -3
  122. package/dist-es/avatar.css-mistica.js +2 -2
  123. package/dist-es/badge.css-mistica.js +2 -2
  124. package/dist-es/boxed.css-mistica.js +2 -2
  125. package/dist-es/button-group.css-mistica.js +1 -1
  126. package/dist-es/button-layout.css-mistica.js +6 -6
  127. package/dist-es/button.css-mistica.js +16 -16
  128. package/dist-es/button.js +88 -83
  129. package/dist-es/callout.css-mistica.js +2 -2
  130. package/dist-es/callout.js +37 -37
  131. package/dist-es/card.css-mistica.js +2 -2
  132. package/dist-es/card.js +442 -434
  133. package/dist-es/carousel.css-mistica.js +2 -2
  134. package/dist-es/checkbox.css-mistica.js +6 -6
  135. package/dist-es/chip.css-mistica.js +7 -7
  136. package/dist-es/circle.css-mistica.js +2 -2
  137. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  138. package/dist-es/community/blocks.css-mistica.js +1 -1
  139. package/dist-es/counter.css-mistica.js +2 -2
  140. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  141. package/dist-es/dialog.css-mistica.js +5 -5
  142. package/dist-es/double-field.css-mistica.js +2 -2
  143. package/dist-es/empty-state-card.css-mistica.js +2 -2
  144. package/dist-es/empty-state-card.js +30 -29
  145. package/dist-es/empty-state.css-mistica.js +3 -3
  146. package/dist-es/empty-state.js +34 -34
  147. package/dist-es/feedback.css-mistica.js +2 -2
  148. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  149. package/dist-es/header.css-mistica.js +1 -1
  150. package/dist-es/header.js +69 -70
  151. package/dist-es/hero.css-mistica.js +2 -2
  152. package/dist-es/hero.js +56 -56
  153. package/dist-es/highlighted-card.css-mistica.js +5 -5
  154. package/dist-es/highlighted-card.js +26 -26
  155. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  156. package/dist-es/icon-button.css-mistica.js +9 -12
  157. package/dist-es/icon-button.js +94 -97
  158. package/dist-es/image.css-mistica.js +2 -2
  159. package/dist-es/index.js +1765 -1764
  160. package/dist-es/inline.js +13 -12
  161. package/dist-es/list.css-mistica.js +2 -2
  162. package/dist-es/list.js +184 -179
  163. package/dist-es/loading-bar.css-mistica.js +2 -2
  164. package/dist-es/loading-screen.css-mistica.js +2 -2
  165. package/dist-es/logo.js +172 -156
  166. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  167. package/dist-es/maybe-dismissable.js +7 -8
  168. package/dist-es/menu.css-mistica.js +1 -1
  169. package/dist-es/navigation-bar.css-mistica.js +9 -9
  170. package/dist-es/navigation-bar.js +72 -71
  171. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  172. package/dist-es/package-version.js +1 -1
  173. package/dist-es/pin-field.css-mistica.js +2 -2
  174. package/dist-es/progress-bar.css-mistica.js +2 -2
  175. package/dist-es/radio-button.css-mistica.js +5 -5
  176. package/dist-es/responsive-layout.css-mistica.js +4 -4
  177. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  178. package/dist-es/select.css-mistica.js +9 -9
  179. package/dist-es/sheet.css-mistica.js +2 -2
  180. package/dist-es/skeletons.css-mistica.js +2 -2
  181. package/dist-es/skins/blau.js +4 -2
  182. package/dist-es/skins/constants.js +2 -2
  183. package/dist-es/skins/movistar.js +7 -4
  184. package/dist-es/skins/o2-new.js +380 -0
  185. package/dist-es/skins/o2.js +5 -2
  186. package/dist-es/skins/skin-contract.css-mistica.js +138 -136
  187. package/dist-es/skins/telefonica.js +5 -2
  188. package/dist-es/skins/tu.js +5 -2
  189. package/dist-es/skins/utils.js +20 -17
  190. package/dist-es/skins/vivo-new.js +4 -2
  191. package/dist-es/skins/vivo.js +4 -2
  192. package/dist-es/slider.css-mistica.js +2 -2
  193. package/dist-es/snackbar.css-mistica.js +5 -5
  194. package/dist-es/spinner.css-mistica.js +2 -2
  195. package/dist-es/sprinkles.css-mistica.js +792 -786
  196. package/dist-es/stacking-group.css-mistica.js +2 -2
  197. package/dist-es/stepper.css-mistica.js +2 -2
  198. package/dist-es/style.css +1 -1
  199. package/dist-es/switch-component.css-mistica.js +19 -19
  200. package/dist-es/switch-component.js +24 -23
  201. package/dist-es/tabs.css-mistica.js +6 -6
  202. package/dist-es/tag.css-mistica.js +1 -1
  203. package/dist-es/text-field-base.css-mistica.js +2 -2
  204. package/dist-es/text-field-components.css-mistica.js +2 -2
  205. package/dist-es/text-link.css-mistica.js +3 -3
  206. package/dist-es/tooltip.css-mistica.js +2 -2
  207. package/dist-es/tooltip.js +0 -1
  208. package/dist-es/touchable.css-mistica.js +2 -2
  209. package/dist-es/touchable.js +68 -65
  210. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  211. package/dist-es/utils/browser.js +5 -0
  212. package/dist-es/video.css-mistica.js +1 -1
  213. package/package.json +2 -2
@@ -16,10 +16,10 @@ _export(exports, {
16
16
  return e;
17
17
  },
18
18
  cardContainer: function() {
19
- return y;
19
+ return r;
20
20
  },
21
21
  circularMediaOverlay: function() {
22
- return r;
22
+ return y;
23
23
  },
24
24
  dataCard: function() {
25
25
  return f;
@@ -37,10 +37,10 @@ _export(exports, {
37
37
  return t;
38
38
  },
39
39
  displayCardGradient: function() {
40
- return o;
40
+ return i;
41
41
  },
42
42
  mediaCard: function() {
43
- return i;
43
+ return o;
44
44
  },
45
45
  mediaCardContent: function() {
46
46
  return C;
@@ -52,37 +52,37 @@ _export(exports, {
52
52
  return l;
53
53
  },
54
54
  snapCard: function() {
55
- return u;
55
+ return b;
56
56
  },
57
57
  touchable: function() {
58
- return b;
58
+ return p;
59
59
  },
60
60
  touchableCardOverlay: function() {
61
- return p;
61
+ return u;
62
62
  },
63
63
  touchableCardOverlayInverse: function() {
64
64
  return m;
65
65
  },
66
66
  touchableCardOverlayMedia: function() {
67
- return k;
67
+ return x;
68
68
  },
69
69
  touchableContainer: function() {
70
- return O;
70
+ return g;
71
71
  },
72
72
  touchableMediaCardOverlay: function() {
73
- return g;
73
+ return w;
74
74
  },
75
75
  touchableNakedMediaOverlay: function() {
76
- return M;
76
+ return O;
77
77
  },
78
78
  vars: function() {
79
- return I;
79
+ return k;
80
80
  }
81
81
  });
82
82
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
83
83
  require("./icon-button.css.ts.vanilla.css-mistica.js");
84
84
  require("./card.css.ts.vanilla.css-mistica.js");
85
- var n = "_15e54s91 _1y2v1nfh8 _1y2v1nfhu _1y2v1nfho", e = "_15e54s93 _1y2v1nfh8 _1y2v1nfh2", y = "_15e54s9v", r = "_15e54s98", f = "_15e54s9k _1y2v1nf9y _1y2v1nfb7 _1y2v1nf7m _1y2v1nf8v _1y2v1nfh8 _1y2v1nfhu _1y2v1nfh2 _1y2v1nfhe _1y2v1nfhv", h = "_15e54s9w", s = "_15e54s9r", d = "_1y2v1nfhv _1y2v1nfic _1y2v1nfh8 _1y2v1nfh2", t = "_15e54s9q", o = "_15e54s9s", i = "_1y2v1nfh8 _1y2v1nfhe _1y2v1nfic _1y2v1nfhv _1y2v1nfhu", C = "_15e54s9f _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh8 _1y2v1nfhu _1y2v1nfh2 _1y2v1nf7g _1y2v1nf8v _1y2v1nfhe _1y2v1nfhk", c = "_15e54s9g", l = "_15e54s9i _1y2v1nfh8 _1y2v1nfhu _1y2v1nfh2 _1y2v1nfhe _1y2v1nfhk _1y2v1nf7g _1y2v1nfb7", u = "_15e54s9m _1y2v1nf7g _1y2v1nf8p _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh8 _1y2v1nfh2 _1y2v1nfic _1y2v1nfhe _1y2v1nfhk _1y2v1nfhv _1y2v1nfhu", b = "_15e54s95", p = "_15e54s9a _15e54s96", m = "_15e54s9b _15e54s96", k = "_15e54s9c _15e54s96", O = "_15e54s94", g = "_15e54s97 _15e54s96", M = "_15e54s99 _15e54s96", I = {
85
+ var n = "_15e54s91 _1y2v1nfha _1y2v1nfhw _1y2v1nfhq", e = "_15e54s93 _1y2v1nfha _1y2v1nfh4", r = "_15e54s9v", y = "_15e54s98", f = "_15e54s9k _1y2v1nfa0 _1y2v1nfb9 _1y2v1nf7o _1y2v1nf8x _1y2v1nfha _1y2v1nfhw _1y2v1nfh4 _1y2v1nfhg _1y2v1nfhx", h = "_15e54s9w", s = "_15e54s9r", d = "_1y2v1nfhx _1y2v1nfie _1y2v1nfha _1y2v1nfh4", t = "_15e54s9q", i = "_15e54s9s", o = "_1y2v1nfha _1y2v1nfhg _1y2v1nfie _1y2v1nfhx _1y2v1nfhw", C = "_15e54s9f _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfhw _1y2v1nfh4 _1y2v1nf7i _1y2v1nf8x _1y2v1nfhg _1y2v1nfhm", c = "_15e54s9g", l = "_15e54s9i _1y2v1nfha _1y2v1nfhw _1y2v1nfh4 _1y2v1nfhg _1y2v1nfhm _1y2v1nf7i _1y2v1nfb9", b = "_15e54s9m _1y2v1nf7i _1y2v1nf8r _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfh4 _1y2v1nfie _1y2v1nfhg _1y2v1nfhm _1y2v1nfhx _1y2v1nfhw", p = "_15e54s95", u = "_15e54s9a _15e54s96", m = "_15e54s9b _15e54s96", x = "_15e54s9c _15e54s96", g = "_15e54s94", w = "_15e54s97 _15e54s96", O = "_15e54s99 _15e54s96", k = {
86
86
  aspectRatio: "var(--_15e54s9t)",
87
87
  topActionsCount: "var(--_15e54s9u)"
88
88
  };
package/dist/card.d.ts CHANGED
@@ -63,6 +63,7 @@ interface MediaCardBaseProps {
63
63
  pretitle?: string;
64
64
  pretitleLinesMax?: number;
65
65
  title?: string;
66
+ titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
66
67
  titleLinesMax?: number;
67
68
  subtitle?: string;
68
69
  subtitleLinesMax?: number;
@@ -84,6 +85,7 @@ export declare const NakedCard: React.ForwardRefExoticComponent<MediaCardProps &
84
85
  type SmallNakedCardProps = MaybeTouchableCard<{
85
86
  media: RendersElement<typeof Image> | RendersElement<typeof Video>;
86
87
  title?: string;
88
+ titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
87
89
  titleLinesMax?: number;
88
90
  subtitle?: string;
89
91
  subtitleLinesMax?: number;
@@ -103,6 +105,7 @@ interface DataCardBaseProps {
103
105
  pretitle?: string;
104
106
  pretitleLinesMax?: number;
105
107
  title?: string;
108
+ titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
106
109
  titleLinesMax?: number;
107
110
  subtitle?: string;
108
111
  subtitleLinesMax?: number;
@@ -125,6 +128,7 @@ export declare const DataCard: React.ForwardRefExoticComponent<DataCardProps & R
125
128
  type SnapCardProps = MaybeTouchableCard<{
126
129
  icon?: React.ReactElement;
127
130
  title?: string;
131
+ titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
128
132
  titleLinesMax?: number;
129
133
  subtitle?: string;
130
134
  subtitleLinesMax?: number;
@@ -149,6 +153,7 @@ interface CommonDisplayCardProps {
149
153
  pretitle?: string;
150
154
  pretitleLinesMax?: number;
151
155
  title: string;
156
+ titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
152
157
  titleLinesMax?: number;
153
158
  description?: string;
154
159
  descriptionLinesMax?: number;
@@ -195,6 +200,7 @@ interface PosterCardBaseProps {
195
200
  pretitle?: string;
196
201
  pretitleLinesMax?: number;
197
202
  title?: string;
203
+ titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
198
204
  titleLinesMax?: number;
199
205
  subtitle?: string;
200
206
  subtitleLinesMax?: number;