@telefonica/mistica 16.1.1 → 16.3.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 (167) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +12 -9
  3. package/dist/accordion.css.d.ts +1 -0
  4. package/dist/accordion.js +36 -39
  5. package/dist/align.css-mistica.js +12 -0
  6. package/dist/align.css.d.ts +1 -0
  7. package/dist/align.css.ts.vanilla.css-mistica.js +11 -0
  8. package/dist/align.d.ts +12 -0
  9. package/dist/align.js +79 -0
  10. package/dist/box.css-mistica.js +41 -0
  11. package/dist/box.css.d.ts +23 -0
  12. package/dist/box.css.ts.vanilla.css-mistica.js +11 -0
  13. package/dist/box.d.ts +4 -0
  14. package/dist/box.js +39 -31
  15. package/dist/boxed.css-mistica.js +10 -5
  16. package/dist/boxed.css.d.ts +3 -0
  17. package/dist/boxed.js +20 -24
  18. package/dist/callout.css-mistica.js +12 -4
  19. package/dist/callout.css.d.ts +1 -0
  20. package/dist/callout.js +14 -22
  21. package/dist/card.css-mistica.js +39 -24
  22. package/dist/card.css.d.ts +5 -0
  23. package/dist/card.js +236 -270
  24. package/dist/chip.css-mistica.js +19 -7
  25. package/dist/chip.css.d.ts +2 -0
  26. package/dist/chip.js +33 -49
  27. package/dist/community/advanced-data-card.css-mistica.js +30 -21
  28. package/dist/community/advanced-data-card.css.d.ts +4 -1
  29. package/dist/community/advanced-data-card.js +56 -68
  30. package/dist/empty-state-card.js +12 -11
  31. package/dist/empty-state.css-mistica.js +11 -8
  32. package/dist/empty-state.css.d.ts +1 -0
  33. package/dist/empty-state.js +10 -13
  34. package/dist/form.css-mistica.js +12 -0
  35. package/dist/form.css.d.ts +1 -0
  36. package/dist/form.js +8 -10
  37. package/dist/grid.css-mistica.js +143 -126
  38. package/dist/grid.css.d.ts +13 -0
  39. package/dist/grid.js +35 -38
  40. package/dist/hero.css-mistica.js +14 -8
  41. package/dist/hero.css.d.ts +2 -0
  42. package/dist/hero.js +35 -37
  43. package/dist/highlighted-card.js +15 -14
  44. package/dist/image.js +23 -25
  45. package/dist/index.d.ts +1 -0
  46. package/dist/index.js +4 -0
  47. package/dist/inline.js +10 -11
  48. package/dist/list.css-mistica.js +26 -17
  49. package/dist/list.css.d.ts +3 -0
  50. package/dist/list.js +120 -122
  51. package/dist/loading-screen.js +16 -16
  52. package/dist/logo-blau.d.ts +1 -1
  53. package/dist/logo-blau.js +10 -10
  54. package/dist/logo-common.d.ts +1 -0
  55. package/dist/logo-movistar.d.ts +1 -1
  56. package/dist/logo-movistar.js +4 -4
  57. package/dist/logo-o2-new.d.ts +1 -1
  58. package/dist/logo-o2-new.js +5 -5
  59. package/dist/logo-o2.d.ts +1 -1
  60. package/dist/logo-o2.js +5 -5
  61. package/dist/logo-telefonica.d.ts +1 -1
  62. package/dist/logo-telefonica.js +4 -4
  63. package/dist/logo-tu.d.ts +1 -1
  64. package/dist/logo-tu.js +5 -5
  65. package/dist/logo-vivo.d.ts +1 -1
  66. package/dist/logo-vivo.js +7 -7
  67. package/dist/logo.d.ts +9 -8
  68. package/dist/logo.js +125 -102
  69. package/dist/menu.css-mistica.js +9 -9
  70. package/dist/menu.js +9 -10
  71. package/dist/navigation-bar.css-mistica.js +23 -20
  72. package/dist/navigation-bar.css.d.ts +1 -0
  73. package/dist/navigation-bar.js +30 -37
  74. package/dist/package-version.js +1 -1
  75. package/dist/popover.d.ts +1 -0
  76. package/dist/popover.js +9 -10
  77. package/dist/sheet-common.js +3 -2
  78. package/dist/skeleton-base.js +10 -12
  79. package/dist/skeletons.css-mistica.js +11 -5
  80. package/dist/skeletons.css.d.ts +1 -0
  81. package/dist/snackbar.css-mistica.js +20 -14
  82. package/dist/snackbar.css.d.ts +3 -1
  83. package/dist/snackbar.js +65 -75
  84. package/dist/table.js +52 -51
  85. package/dist/tag.css-mistica.js +15 -4
  86. package/dist/tag.css.d.ts +2 -0
  87. package/dist/tag.js +22 -27
  88. package/dist/text-field-components.css-mistica.js +16 -10
  89. package/dist/text-field-components.css.d.ts +1 -0
  90. package/dist/text-field-components.js +32 -35
  91. package/dist/text-props.d.ts +60 -0
  92. package/dist/text-props.js +93 -0
  93. package/dist/text.d.ts +0 -62
  94. package/dist/text.js +156 -219
  95. package/dist/timer.js +42 -43
  96. package/dist/title.js +10 -9
  97. package/dist/tooltip.d.ts +3 -1
  98. package/dist/tooltip.js +106 -106
  99. package/dist/touchable.js +47 -42
  100. package/dist-es/accordion.css-mistica.js +3 -3
  101. package/dist-es/accordion.js +58 -61
  102. package/dist-es/align.css-mistica.js +3 -0
  103. package/dist-es/align.css.ts.vanilla.css-mistica.js +2 -0
  104. package/dist-es/align.js +70 -0
  105. package/dist-es/box.css-mistica.js +24 -0
  106. package/dist-es/box.css.ts.vanilla.css-mistica.js +2 -0
  107. package/dist-es/box.js +43 -35
  108. package/dist-es/boxed.css-mistica.js +5 -3
  109. package/dist-es/boxed.js +28 -32
  110. package/dist-es/callout.css-mistica.js +7 -2
  111. package/dist-es/callout.js +44 -52
  112. package/dist-es/card.css-mistica.js +4 -4
  113. package/dist-es/card.js +343 -377
  114. package/dist-es/chip.css-mistica.js +10 -4
  115. package/dist-es/chip.js +44 -60
  116. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  117. package/dist-es/community/advanced-data-card.js +94 -106
  118. package/dist-es/empty-state-card.js +17 -16
  119. package/dist-es/empty-state.css-mistica.js +3 -3
  120. package/dist-es/empty-state.js +19 -22
  121. package/dist-es/form.css-mistica.js +3 -0
  122. package/dist-es/form.js +12 -14
  123. package/dist-es/grid.css-mistica.js +123 -112
  124. package/dist-es/grid.js +38 -41
  125. package/dist-es/hero.css-mistica.js +2 -2
  126. package/dist-es/hero.js +75 -77
  127. package/dist-es/highlighted-card.js +19 -18
  128. package/dist-es/image.js +28 -30
  129. package/dist-es/index.js +1844 -1843
  130. package/dist-es/inline.js +19 -20
  131. package/dist-es/list.css-mistica.js +2 -2
  132. package/dist-es/list.js +170 -172
  133. package/dist-es/loading-screen.js +30 -30
  134. package/dist-es/logo-blau.js +11 -11
  135. package/dist-es/logo-movistar.js +5 -5
  136. package/dist-es/logo-o2-new.js +8 -8
  137. package/dist-es/logo-o2.js +8 -8
  138. package/dist-es/logo-telefonica.js +4 -4
  139. package/dist-es/logo-tu.js +8 -8
  140. package/dist-es/logo-vivo.js +16 -16
  141. package/dist-es/logo.js +132 -109
  142. package/dist-es/menu.css-mistica.js +3 -3
  143. package/dist-es/menu.js +21 -22
  144. package/dist-es/navigation-bar.css-mistica.js +11 -11
  145. package/dist-es/navigation-bar.js +80 -87
  146. package/dist-es/package-version.js +1 -1
  147. package/dist-es/popover.js +17 -18
  148. package/dist-es/sheet-common.js +12 -11
  149. package/dist-es/skeleton-base.js +15 -17
  150. package/dist-es/skeletons.css-mistica.js +5 -2
  151. package/dist-es/snackbar.css-mistica.js +4 -4
  152. package/dist-es/snackbar.js +93 -103
  153. package/dist-es/style.css +1 -1
  154. package/dist-es/table.js +89 -88
  155. package/dist-es/tag.css-mistica.js +2 -2
  156. package/dist-es/tag.js +36 -41
  157. package/dist-es/text-field-components.css-mistica.js +5 -2
  158. package/dist-es/text-field-components.js +48 -51
  159. package/dist-es/text-props.js +52 -0
  160. package/dist-es/text.js +171 -231
  161. package/dist-es/timer.js +80 -81
  162. package/dist-es/title.js +14 -13
  163. package/dist-es/tooltip.js +148 -148
  164. package/dist-es/touchable.js +55 -50
  165. package/package.json +3 -3
  166. package/dist/sprinkles.css-mistica.js +0 -2494
  167. package/dist-es/sprinkles.css-mistica.js +0 -2485
package/dist-es/inline.js CHANGED
@@ -52,15 +52,14 @@ function _object_spread_props(target, source) {
52
52
  return target;
53
53
  }
54
54
  import { jsx as m } from "react/jsx-runtime";
55
- import * as g from "react";
56
- import y from "classnames";
57
- import { sprinkles as v } from "./sprinkles.css-mistica.js";
58
- import { getPrefixedDataAttributes as h } from "./utils/dom.js";
59
- import { inline as I, wrap as S, fullWidth as W, noFullWidth as x, stringSpaceWithWrap as k, stringSpace as T, marginInline as V, vars as r } from "./inline.css-mistica.js";
60
- import { applyCssVars as $ } from "./utils/css.js";
61
- import { isIos as A, isRunningAcceptanceTest as C } from "./utils/platform.js";
62
- import { useTheme as D } from "./hooks.js";
63
- const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, R = (t)=>{
55
+ import * as b from "react";
56
+ import g from "classnames";
57
+ import { getPrefixedDataAttributes as y } from "./utils/dom.js";
58
+ import { inline as v, wrap as h, fullWidth as S, noFullWidth as I, stringSpaceWithWrap as W, stringSpace as x, marginInline as T, vars as r } from "./inline.css-mistica.js";
59
+ import { applyCssVars as V } from "./utils/css.js";
60
+ import { isIos as $, isRunningAcceptanceTest as k } from "./utils/platform.js";
61
+ import { useTheme as A } from "./hooks.js";
62
+ const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, C = (t)=>{
64
63
  if (typeof t == "number" || typeof t == "string") return {
65
64
  [r.space]: i(t)
66
65
  };
@@ -69,27 +68,27 @@ const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, R = (t)=>{
69
68
  [r.spaceDesktop]: i(t.desktop)
70
69
  };
71
70
  return t.tablet && (e[r.spaceTablet] = i(t.tablet)), e;
72
- }, j = (param)=>{
73
- let { space: t, className: e, children: p, role: l, alignItems: f = "stretch", "aria-label": o, "aria-labelledby": c, fullWidth: d, wrap: s, dataAttributes: u } = param;
74
- const { platformOverrides: a } = D(), b = typeof t == "string";
71
+ }, D = (param)=>{
72
+ let { space: t, className: e, children: p, role: l, alignItems: f = "stretch", "aria-label": o, "aria-labelledby": c, fullWidth: d, wrap: a, dataAttributes: u } = param;
73
+ const { platformOverrides: s } = A();
75
74
  return /* @__PURE__ */ m("div", _object_spread_props(_object_spread({
76
- className: y(e, I, v({
75
+ className: g(e, v, a ? h : d ? S : I, typeof t == "string" ? a ? W : x : T),
76
+ style: _object_spread_props(_object_spread({}, V(C(t))), {
77
77
  alignItems: f
78
- }), s ? S : d ? W : x, b ? s ? k : T : V),
79
- style: $(R(t)),
78
+ }),
80
79
  role: l,
81
80
  "aria-label": o,
82
81
  "aria-labelledby": o ? void 0 : c
83
- }, h(u, "Inline")), {
84
- children: g.Children.map(p, (n)=>n || n === 0 ? /* @__PURE__ */ m("div", {
82
+ }, y(u, "Inline")), {
83
+ children: b.Children.map(p, (n)=>n || n === 0 ? /* @__PURE__ */ m("div", {
85
84
  role: l === "list" ? "listitem" : void 0,
86
85
  style: {
87
86
  // Hack to fix https://jira.tid.es/browse/WEB-1683
88
87
  // In iOS the inline component sometimes cuts the last line of the content
89
- paddingBottom: A(a) && !C(a) ? 1 : void 0
88
+ paddingBottom: $(s) && !k(s) ? 1 : void 0
90
89
  },
91
90
  children: n
92
91
  }) : null)
93
92
  }));
94
- }, z = j;
95
- export { z as default };
93
+ }, P = D;
94
+ export { P as default };
@@ -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 _ = "_1y2v1nfhk _1y2v1nfi2 _1y2v1nfi4", f = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfja _1y2v1nfio _1y2v1nfi2", y = "_1y2v1nfhk _1y2v1nfhz", a = "_1y2v1nfhk _1y2v1nfi7 _1y2v1nfjx", r = "_2buj9ge _1y2v1nfhk _1y2v1nfhz", i = "_2buj9gd", t = "_2buj9g0", h = "_1y2v1nfhk _1y2v1nfhp _1y2v1nfio", o = "_2buj9gk _1y2v1nfhk", e = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhm _1y2v1nfi5", b = "_2buj9gm _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhz _1y2v1nfi4 _1y2v1nfi8 _1y2v1nfio", d = "_1y2v1nfkk", k = "_2buj9gb", u = "_2buj9gc", g = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfi6", c = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfi7 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhm _1y2v1nfio", j = "_2buj9g1", l = "_2buj9g2";
4
- export { _ as asset, f as badge, y as center, a as content, r as detail, i as detailRight, t as disabled, h as dualActionContainer, o as dualActionDivider, e as dualActionLeft, b as dualActionRight, d as pointer, k as rightContent, u as rightRestrictedWidth, g as rowBody, c as rowContent, j as touchableBackground, l as touchableBackgroundInverse };
3
+ var _ = "_1y2v1nfhk _1y2v1nfi2 _1y2v1nfi4", f = "_1y2v1nfbj", y = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfja _1y2v1nfio _1y2v1nfi2", a = "_1y2v1nfhk _1y2v1nfhz", r = "_1y2v1nf7s _1y2v1nf91 _1y2v1nfhk _1y2v1nfi7 _1y2v1nfjx", i = "_2buj9gh _1y2v1nfhk _1y2v1nfhz", t = "_2buj9gg", o = "_2buj9g0", h = "_1y2v1nfhk _1y2v1nfhp _1y2v1nfio", e = "_2buj9gn _1y2v1nfhk", b = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhm _1y2v1nfi5", d = "_2buj9gp _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhz _1y2v1nfi4 _1y2v1nfi8 _1y2v1nfio", g = "_1y2v1nfkk", u = "_2buj9ge", k = "_2buj9gf", j = "_1y2v1nfi7", c = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfi6", l = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfi7 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhm _1y2v1nfio", s = "_1y2v1nfaa _1y2v1nfbj", m = "_2buj9g2", p = "_2buj9g3";
4
+ export { _ as asset, f as assetContainer, y as badge, a as center, r as content, i as detail, t as detailRight, o as disabled, h as dualActionContainer, e as dualActionDivider, b as dualActionLeft, d as dualActionRight, g as pointer, u as rightContent, k as rightRestrictedWidth, j as row, c as rowBody, l as rowContent, s as rowContentPadding, m as touchableBackground, p as touchableBackgroundInverse };