@telefonica/mistica 14.48.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 (243) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +5 -5
  3. package/dist/accordion.d.ts +2 -6
  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 -4
  11. package/dist/button.js +68 -63
  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/cvv-field.js +30 -29
  27. package/dist/dialog.css-mistica.js +6 -6
  28. package/dist/double-field.css-mistica.js +2 -2
  29. package/dist/empty-state-card.css-mistica.js +3 -3
  30. package/dist/empty-state-card.d.ts +1 -0
  31. package/dist/empty-state-card.js +10 -9
  32. package/dist/empty-state.css-mistica.js +4 -4
  33. package/dist/empty-state.d.ts +1 -0
  34. package/dist/empty-state.js +14 -14
  35. package/dist/feedback.css-mistica.js +5 -5
  36. package/dist/feedback.js +61 -79
  37. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  38. package/dist/header.css-mistica.js +1 -1
  39. package/dist/header.d.ts +2 -0
  40. package/dist/header.js +46 -47
  41. package/dist/hero.css-mistica.js +2 -2
  42. package/dist/hero.d.ts +1 -0
  43. package/dist/hero.js +29 -29
  44. package/dist/highlighted-card.css-mistica.js +7 -7
  45. package/dist/highlighted-card.d.ts +1 -2
  46. package/dist/highlighted-card.js +9 -9
  47. package/dist/horizontal-scroll.css-mistica.js +1 -1
  48. package/dist/icon-button.css-mistica.js +14 -17
  49. package/dist/icon-button.css.d.ts +1 -1
  50. package/dist/icon-button.d.ts +0 -14
  51. package/dist/icon-button.js +84 -87
  52. package/dist/icons/icon-error.js +5 -5
  53. package/dist/icons/icon-info.js +5 -5
  54. package/dist/icons/icon-success.js +6 -7
  55. package/dist/image.css-mistica.js +3 -3
  56. package/dist/image.js +36 -32
  57. package/dist/index.d.ts +5 -12
  58. package/dist/index.js +10 -17
  59. package/dist/inline.js +8 -7
  60. package/dist/list.css-mistica.js +12 -12
  61. package/dist/list.d.ts +1 -4
  62. package/dist/list.js +143 -138
  63. package/dist/loading-bar.css-mistica.js +4 -4
  64. package/dist/loading-screen.css-mistica.js +3 -3
  65. package/dist/logo.d.ts +1 -0
  66. package/dist/logo.js +155 -137
  67. package/dist/maybe-dismissable.css-mistica.js +1 -1
  68. package/dist/maybe-dismissable.js +3 -4
  69. package/dist/menu.css-mistica.js +1 -1
  70. package/dist/navigation-bar.css-mistica.js +22 -22
  71. package/dist/navigation-bar.d.ts +2 -1
  72. package/dist/navigation-bar.js +53 -52
  73. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  74. package/dist/package-version.js +1 -1
  75. package/dist/pin-field.css-mistica.js +4 -4
  76. package/dist/popover.d.ts +0 -4
  77. package/dist/popover.js +10 -11
  78. package/dist/progress-bar.css-mistica.js +3 -3
  79. package/dist/radio-button.css-mistica.js +8 -8
  80. package/dist/responsive-layout.css-mistica.js +5 -5
  81. package/dist/screen-reader-only.css-mistica.js +1 -1
  82. package/dist/select.css-mistica.js +10 -10
  83. package/dist/select.d.ts +1 -0
  84. package/dist/select.js +65 -65
  85. package/dist/sheet.css-mistica.js +8 -8
  86. package/dist/skeletons.css-mistica.js +5 -5
  87. package/dist/skins/blau.js +5 -3
  88. package/dist/skins/constants.d.ts +1 -2
  89. package/dist/skins/constants.js +7 -10
  90. package/dist/skins/movistar.d.ts +1 -0
  91. package/dist/skins/movistar.js +6 -3
  92. package/dist/skins/o2-new.d.ts +50 -0
  93. package/dist/skins/o2-new.js +397 -0
  94. package/dist/skins/o2.d.ts +1 -0
  95. package/dist/skins/o2.js +6 -3
  96. package/dist/skins/skin-contract.css-mistica.js +138 -136
  97. package/dist/skins/skin-contract.css.d.ts +2 -0
  98. package/dist/skins/telefonica.d.ts +1 -0
  99. package/dist/skins/telefonica.js +6 -3
  100. package/dist/skins/tu.d.ts +1 -0
  101. package/dist/skins/tu.js +6 -3
  102. package/dist/skins/types/colors.d.ts +1 -0
  103. package/dist/skins/types/index.d.ts +1 -1
  104. package/dist/skins/utils.js +7 -7
  105. package/dist/skins/vivo-new.js +5 -3
  106. package/dist/skins/vivo.js +5 -3
  107. package/dist/slider.css-mistica.js +7 -7
  108. package/dist/slider.d.ts +0 -8
  109. package/dist/slider.js +95 -97
  110. package/dist/snackbar.css-mistica.js +12 -12
  111. package/dist/spinner.css-mistica.js +5 -5
  112. package/dist/sprinkles.css-mistica.js +792 -786
  113. package/dist/stacking-group.css-mistica.js +2 -2
  114. package/dist/stepper.css-mistica.js +9 -9
  115. package/dist/switch-component.css-mistica.js +26 -23
  116. package/dist/switch-component.css.d.ts +1 -0
  117. package/dist/switch-component.js +11 -10
  118. package/dist/tabs.css-mistica.js +9 -9
  119. package/dist/tag.css-mistica.js +1 -1
  120. package/dist/tag.js +34 -39
  121. package/dist/text-field-base.css-mistica.js +5 -5
  122. package/dist/text-field-components.css-mistica.js +11 -11
  123. package/dist/text-link.css-mistica.js +3 -3
  124. package/dist/text-link.d.ts +5 -0
  125. package/dist/tooltip.css-mistica.js +2 -2
  126. package/dist/tooltip.d.ts +0 -16
  127. package/dist/tooltip.js +78 -80
  128. package/dist/touchable.css-mistica.js +5 -5
  129. package/dist/touchable.d.ts +33 -19
  130. package/dist/touchable.js +54 -51
  131. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  132. package/dist/utils/browser.d.ts +1 -0
  133. package/dist/utils/browser.js +14 -0
  134. package/dist/video.css-mistica.js +1 -1
  135. package/dist-es/accordion.css-mistica.js +3 -3
  136. package/dist-es/avatar.css-mistica.js +2 -2
  137. package/dist-es/badge.css-mistica.js +2 -2
  138. package/dist-es/boxed.css-mistica.js +2 -2
  139. package/dist-es/button-group.css-mistica.js +1 -1
  140. package/dist-es/button-layout.css-mistica.js +6 -6
  141. package/dist-es/button.css-mistica.js +16 -16
  142. package/dist-es/button.js +89 -84
  143. package/dist-es/callout.css-mistica.js +2 -2
  144. package/dist-es/callout.js +37 -37
  145. package/dist-es/card.css-mistica.js +2 -2
  146. package/dist-es/card.js +442 -434
  147. package/dist-es/carousel.css-mistica.js +2 -2
  148. package/dist-es/checkbox.css-mistica.js +6 -6
  149. package/dist-es/chip.css-mistica.js +7 -7
  150. package/dist-es/circle.css-mistica.js +2 -2
  151. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  152. package/dist-es/community/blocks.css-mistica.js +1 -1
  153. package/dist-es/counter.css-mistica.js +2 -2
  154. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  155. package/dist-es/cvv-field.js +55 -54
  156. package/dist-es/dialog.css-mistica.js +5 -5
  157. package/dist-es/double-field.css-mistica.js +2 -2
  158. package/dist-es/empty-state-card.css-mistica.js +2 -2
  159. package/dist-es/empty-state-card.js +30 -29
  160. package/dist-es/empty-state.css-mistica.js +3 -3
  161. package/dist-es/empty-state.js +34 -34
  162. package/dist-es/feedback.css-mistica.js +2 -2
  163. package/dist-es/feedback.js +102 -120
  164. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  165. package/dist-es/header.css-mistica.js +1 -1
  166. package/dist-es/header.js +69 -70
  167. package/dist-es/hero.css-mistica.js +2 -2
  168. package/dist-es/hero.js +56 -56
  169. package/dist-es/highlighted-card.css-mistica.js +5 -5
  170. package/dist-es/highlighted-card.js +26 -26
  171. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  172. package/dist-es/icon-button.css-mistica.js +9 -12
  173. package/dist-es/icon-button.js +94 -97
  174. package/dist-es/icons/icon-error.js +6 -6
  175. package/dist-es/icons/icon-info.js +6 -6
  176. package/dist-es/icons/icon-success.js +9 -10
  177. package/dist-es/image.css-mistica.js +2 -2
  178. package/dist-es/image.js +38 -34
  179. package/dist-es/index.js +1762 -1763
  180. package/dist-es/inline.js +13 -12
  181. package/dist-es/list.css-mistica.js +2 -2
  182. package/dist-es/list.js +184 -179
  183. package/dist-es/loading-bar.css-mistica.js +2 -2
  184. package/dist-es/loading-screen.css-mistica.js +2 -2
  185. package/dist-es/logo.js +172 -157
  186. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  187. package/dist-es/maybe-dismissable.js +7 -8
  188. package/dist-es/menu.css-mistica.js +1 -1
  189. package/dist-es/navigation-bar.css-mistica.js +9 -9
  190. package/dist-es/navigation-bar.js +72 -71
  191. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  192. package/dist-es/package-version.js +1 -1
  193. package/dist-es/pin-field.css-mistica.js +2 -2
  194. package/dist-es/popover.js +27 -28
  195. package/dist-es/progress-bar.css-mistica.js +2 -2
  196. package/dist-es/radio-button.css-mistica.js +5 -5
  197. package/dist-es/responsive-layout.css-mistica.js +4 -4
  198. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  199. package/dist-es/select.css-mistica.js +9 -9
  200. package/dist-es/select.js +97 -97
  201. package/dist-es/sheet.css-mistica.js +2 -2
  202. package/dist-es/skeletons.css-mistica.js +2 -2
  203. package/dist-es/skins/blau.js +5 -3
  204. package/dist-es/skins/constants.js +2 -2
  205. package/dist-es/skins/movistar.js +8 -5
  206. package/dist-es/skins/o2-new.js +380 -0
  207. package/dist-es/skins/o2.js +6 -3
  208. package/dist-es/skins/skin-contract.css-mistica.js +138 -136
  209. package/dist-es/skins/telefonica.js +6 -3
  210. package/dist-es/skins/tu.js +6 -3
  211. package/dist-es/skins/utils.js +11 -11
  212. package/dist-es/skins/vivo-new.js +5 -3
  213. package/dist-es/skins/vivo.js +5 -3
  214. package/dist-es/slider.css-mistica.js +2 -2
  215. package/dist-es/slider.js +117 -119
  216. package/dist-es/snackbar.css-mistica.js +5 -5
  217. package/dist-es/spinner.css-mistica.js +2 -2
  218. package/dist-es/sprinkles.css-mistica.js +792 -786
  219. package/dist-es/stacking-group.css-mistica.js +2 -2
  220. package/dist-es/stepper.css-mistica.js +2 -2
  221. package/dist-es/style.css +1 -1
  222. package/dist-es/switch-component.css-mistica.js +19 -19
  223. package/dist-es/switch-component.js +24 -23
  224. package/dist-es/tabs.css-mistica.js +6 -6
  225. package/dist-es/tag.css-mistica.js +1 -1
  226. package/dist-es/tag.js +52 -57
  227. package/dist-es/text-field-base.css-mistica.js +2 -2
  228. package/dist-es/text-field-components.css-mistica.js +2 -2
  229. package/dist-es/text-link.css-mistica.js +3 -3
  230. package/dist-es/tooltip.css-mistica.js +2 -2
  231. package/dist-es/tooltip.js +83 -85
  232. package/dist-es/touchable.css-mistica.js +2 -2
  233. package/dist-es/touchable.js +68 -65
  234. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  235. package/dist-es/utils/browser.js +5 -0
  236. package/dist-es/video.css-mistica.js +1 -1
  237. package/package.json +2 -2
  238. package/dist/skins/movistar-legacy.d.ts +0 -47
  239. package/dist/skins/movistar-legacy.js +0 -392
  240. package/dist/skins/o2-classic.d.ts +0 -56
  241. package/dist/skins/o2-classic.js +0 -324
  242. package/dist-es/skins/movistar-legacy.js +0 -375
  243. package/dist-es/skins/o2-classic.js +0 -307
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 };