@telefonica/mistica 15.0.0 → 15.2.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 (216) 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 +6 -0
  112. package/dist/theme.d.ts +1 -0
  113. package/dist/theme.js +13 -9
  114. package/dist/tooltip.css-mistica.js +2 -2
  115. package/dist/tooltip.js +0 -1
  116. package/dist/touchable.css-mistica.js +5 -5
  117. package/dist/touchable.d.ts +33 -19
  118. package/dist/touchable.js +61 -53
  119. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  120. package/dist/utils/browser.d.ts +1 -0
  121. package/dist/utils/browser.js +14 -0
  122. package/dist/video.css-mistica.js +1 -1
  123. package/dist-es/accordion.css-mistica.js +3 -3
  124. package/dist-es/avatar.css-mistica.js +2 -2
  125. package/dist-es/badge.css-mistica.js +2 -2
  126. package/dist-es/boxed.css-mistica.js +2 -2
  127. package/dist-es/button-group.css-mistica.js +1 -1
  128. package/dist-es/button-layout.css-mistica.js +6 -6
  129. package/dist-es/button.css-mistica.js +16 -16
  130. package/dist-es/button.js +88 -83
  131. package/dist-es/callout.css-mistica.js +2 -2
  132. package/dist-es/callout.js +37 -37
  133. package/dist-es/card.css-mistica.js +2 -2
  134. package/dist-es/card.js +442 -434
  135. package/dist-es/carousel.css-mistica.js +2 -2
  136. package/dist-es/checkbox.css-mistica.js +6 -6
  137. package/dist-es/chip.css-mistica.js +7 -7
  138. package/dist-es/circle.css-mistica.js +2 -2
  139. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  140. package/dist-es/community/blocks.css-mistica.js +1 -1
  141. package/dist-es/counter.css-mistica.js +2 -2
  142. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  143. package/dist-es/dialog.css-mistica.js +5 -5
  144. package/dist-es/double-field.css-mistica.js +2 -2
  145. package/dist-es/empty-state-card.css-mistica.js +2 -2
  146. package/dist-es/empty-state-card.js +30 -29
  147. package/dist-es/empty-state.css-mistica.js +3 -3
  148. package/dist-es/empty-state.js +34 -34
  149. package/dist-es/feedback.css-mistica.js +2 -2
  150. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  151. package/dist-es/header.css-mistica.js +1 -1
  152. package/dist-es/header.js +69 -70
  153. package/dist-es/hero.css-mistica.js +2 -2
  154. package/dist-es/hero.js +56 -56
  155. package/dist-es/highlighted-card.css-mistica.js +5 -5
  156. package/dist-es/highlighted-card.js +26 -26
  157. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  158. package/dist-es/icon-button.css-mistica.js +9 -12
  159. package/dist-es/icon-button.js +94 -97
  160. package/dist-es/image.css-mistica.js +2 -2
  161. package/dist-es/index.js +1765 -1764
  162. package/dist-es/inline.js +13 -12
  163. package/dist-es/list.css-mistica.js +2 -2
  164. package/dist-es/list.js +184 -179
  165. package/dist-es/loading-bar.css-mistica.js +2 -2
  166. package/dist-es/loading-screen.css-mistica.js +2 -2
  167. package/dist-es/logo.js +172 -156
  168. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  169. package/dist-es/maybe-dismissable.js +7 -8
  170. package/dist-es/menu.css-mistica.js +1 -1
  171. package/dist-es/navigation-bar.css-mistica.js +9 -9
  172. package/dist-es/navigation-bar.js +72 -71
  173. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  174. package/dist-es/package-version.js +1 -1
  175. package/dist-es/pin-field.css-mistica.js +2 -2
  176. package/dist-es/progress-bar.css-mistica.js +2 -2
  177. package/dist-es/radio-button.css-mistica.js +5 -5
  178. package/dist-es/responsive-layout.css-mistica.js +4 -4
  179. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  180. package/dist-es/select.css-mistica.js +9 -9
  181. package/dist-es/sheet.css-mistica.js +2 -2
  182. package/dist-es/skeletons.css-mistica.js +2 -2
  183. package/dist-es/skins/blau.js +4 -2
  184. package/dist-es/skins/constants.js +2 -2
  185. package/dist-es/skins/movistar.js +7 -4
  186. package/dist-es/skins/o2-new.js +380 -0
  187. package/dist-es/skins/o2.js +5 -2
  188. package/dist-es/skins/skin-contract.css-mistica.js +138 -136
  189. package/dist-es/skins/telefonica.js +5 -2
  190. package/dist-es/skins/tu.js +5 -2
  191. package/dist-es/skins/utils.js +20 -17
  192. package/dist-es/skins/vivo-new.js +4 -2
  193. package/dist-es/skins/vivo.js +4 -2
  194. package/dist-es/slider.css-mistica.js +2 -2
  195. package/dist-es/snackbar.css-mistica.js +5 -5
  196. package/dist-es/spinner.css-mistica.js +2 -2
  197. package/dist-es/sprinkles.css-mistica.js +792 -786
  198. package/dist-es/stacking-group.css-mistica.js +2 -2
  199. package/dist-es/stepper.css-mistica.js +2 -2
  200. package/dist-es/style.css +1 -1
  201. package/dist-es/switch-component.css-mistica.js +19 -19
  202. package/dist-es/switch-component.js +24 -23
  203. package/dist-es/tabs.css-mistica.js +6 -6
  204. package/dist-es/tag.css-mistica.js +1 -1
  205. package/dist-es/text-field-base.css-mistica.js +2 -2
  206. package/dist-es/text-field-components.css-mistica.js +2 -2
  207. package/dist-es/text-link.css-mistica.js +3 -3
  208. package/dist-es/theme.js +12 -8
  209. package/dist-es/tooltip.css-mistica.js +2 -2
  210. package/dist-es/tooltip.js +0 -1
  211. package/dist-es/touchable.css-mistica.js +2 -2
  212. package/dist-es/touchable.js +74 -66
  213. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  214. package/dist-es/utils/browser.js +5 -0
  215. package/dist-es/video.css-mistica.js +1 -1
  216. package/package.json +2 -2
package/dist-es/inline.js CHANGED
@@ -51,12 +51,12 @@ function _object_spread_props(target, source) {
51
51
  }
52
52
  return target;
53
53
  }
54
- import { jsx as l } from "react/jsx-runtime";
54
+ import { jsx as s } from "react/jsx-runtime";
55
55
  import * as b from "react";
56
56
  import y from "classnames";
57
57
  import { sprinkles as g } from "./sprinkles.css-mistica.js";
58
- import { getPrefixedDataAttributes as h } from "./utils/dom.js";
59
- import { inline as v, wrap as I, fullWidth as x, noFullWidth as S, stringSpace as $, marginInline as k, vars as r } from "./inline.css-mistica.js";
58
+ import { getPrefixedDataAttributes as v } from "./utils/dom.js";
59
+ import { inline as h, wrap as I, fullWidth as x, noFullWidth as S, stringSpace as $, marginInline as k, vars as r } from "./inline.css-mistica.js";
60
60
  import { applyCssVars as T } from "./utils/css.js";
61
61
  import { isIos as V, isRunningAcceptanceTest as W } from "./utils/platform.js";
62
62
  import { useTheme as w } from "./hooks.js";
@@ -70,21 +70,22 @@ const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, A = (t)=>{
70
70
  };
71
71
  return t.tablet && (e[r.spaceTablet] = i(t.tablet)), e;
72
72
  }, C = (param)=>{
73
- let { space: t, className: e, children: s, role: a, alignItems: m = "stretch", "aria-labelledby": p, fullWidth: f, wrap: c, dataAttributes: u } = param;
74
- const { platformOverrides: o } = w(), d = typeof t == "string";
75
- return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({
76
- className: y(e, v, g({
73
+ let { space: t, className: e, children: a, role: o, alignItems: m = "stretch", "aria-labelledby": p, fullWidth: f, wrap: c, dataAttributes: d } = param;
74
+ const { platformOverrides: l } = w(), u = typeof t == "string";
75
+ return /* @__PURE__ */ s("div", _object_spread_props(_object_spread({
76
+ className: y(e, h, g({
77
77
  alignItems: m
78
- }), c ? I : f ? x : S, d ? $ : k),
78
+ }), c ? I : f ? x : S, u ? $ : k),
79
79
  style: T(A(t)),
80
- role: a,
80
+ role: o,
81
81
  "aria-labelledby": p
82
- }, h(u, "Inline")), {
83
- children: b.Children.map(s, (n)=>n || n === 0 ? /* @__PURE__ */ l("div", {
82
+ }, v(d, "Inline")), {
83
+ children: b.Children.map(a, (n)=>n || n === 0 ? /* @__PURE__ */ s("div", {
84
+ role: o === "list" ? "listitem" : void 0,
84
85
  style: {
85
86
  // Hack to fix https://jira.tid.es/browse/WEB-1683
86
87
  // In iOS the inline component sometimes cuts the last line of the content
87
- paddingBottom: V(o) && !W(o) ? 1 : void 0
88
+ paddingBottom: V(l) && !W(l) ? 1 : void 0
88
89
  },
89
90
  children: n
90
91
  }) : null)
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./list.css.ts.vanilla.css-mistica.js";
3
- var _ = "_1y2v1nfh8 _1y2v1nfhq _1y2v1nfhs", y = "_1y2v1nfhh _1y2v1nfiy _1y2v1nfic _1y2v1nfhq", f = "_1y2v1nfh8 _1y2v1nfhn", a = "_1y2v1nfh8 _1y2v1nfhv _1y2v1nfjl", r = "_2buj9gf", h = "_2buj9ge", t = "_2buj9g0", i = "_1y2v1nfh8 _1y2v1nfhd _1y2v1nfic", e = "_2buj9gm _1y2v1nfh8", o = "_1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfjq _1y2v1nf70 _1y2v1nf9y _1y2v1nfb7 _1y2v1nfha _1y2v1nfht", u = "_2buj9go _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfjq _1y2v1nf70 _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhs _1y2v1nfhw _1y2v1nfic", d = "_1y2v1nfk8", c = "_2buj9gc", g = "_2buj9gd", j = "_1y2v1nfh8 _1y2v1nfhe _1y2v1nfhu", b = "_1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfhv _1y2v1nfjq _1y2v1nf70 _1y2v1nfha _1y2v1nfic", l = "_2buj9g1", s = "_2buj9g2";
4
- export { _ as asset, y as badge, f as center, a as content, r as detail, h as detailRight, t as disabled, i as dualActionContainer, e as dualActionDivider, o as dualActionLeft, u as dualActionRight, d as pointer, c as right, g as rightRestrictedWidth, j as rowBody, b as rowContent, l as touchableBackground, s as touchableBackgroundInverse };
3
+ var _ = "_1y2v1nfha _1y2v1nfhs _1y2v1nfhu", f = "_1y2v1nfhj _1y2v1nfj0 _1y2v1nfie _1y2v1nfhs", y = "_1y2v1nfha _1y2v1nfhp", a = "_1y2v1nfha _1y2v1nfhx _1y2v1nfjn", r = "_2buj9gf", h = "_2buj9ge", t = "_2buj9g0", e = "_1y2v1nfha _1y2v1nfhf _1y2v1nfie", i = "_2buj9gm _1y2v1nfha", u = "_1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfjs _1y2v1nf72 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfhc _1y2v1nfhv", o = "_2buj9go _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfjs _1y2v1nf72 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfha _1y2v1nfhp _1y2v1nfhu _1y2v1nfhy _1y2v1nfie", c = "_1y2v1nfka", g = "_2buj9gc", d = "_2buj9gd", b = "_1y2v1nfha _1y2v1nfhg _1y2v1nfhw", j = "_1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhx _1y2v1nfjs _1y2v1nf72 _1y2v1nfhc _1y2v1nfie", l = "_2buj9g1", s = "_2buj9g2";
4
+ export { _ as asset, f as badge, y as center, a as content, r as detail, h as detailRight, t as disabled, e as dualActionContainer, i as dualActionDivider, u as dualActionLeft, o as dualActionRight, c as pointer, g as right, d as rightRestrictedWidth, b as rowBody, j as rowContent, l as touchableBackground, s as touchableBackgroundInverse };