@telefonica/mistica 14.34.0 → 14.35.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 (156) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +1 -1
  3. package/dist/button.css-mistica.js +7 -7
  4. package/dist/callout.css-mistica.js +1 -1
  5. package/dist/callout.js +17 -12
  6. package/dist/card.js +277 -244
  7. package/dist/carousel.css-mistica.js +5 -5
  8. package/dist/carousel.js +54 -52
  9. package/dist/checkbox.js +18 -18
  10. package/dist/community/advanced-data-card.css-mistica.js +3 -3
  11. package/dist/community/advanced-data-card.js +57 -50
  12. package/dist/community/blocks.js +42 -35
  13. package/dist/counter.css-mistica.js +1 -1
  14. package/dist/cvv-field.js +1 -1
  15. package/dist/dialog.css-mistica.js +3 -3
  16. package/dist/dialog.js +2 -2
  17. package/dist/hero.js +34 -30
  18. package/dist/hooks.d.ts +12 -1
  19. package/dist/hooks.js +85 -48
  20. package/dist/image.css-mistica.js +7 -2
  21. package/dist/image.css.d.ts +3 -0
  22. package/dist/image.d.ts +1 -7
  23. package/dist/image.js +55 -66
  24. package/dist/list.css-mistica.js +1 -1
  25. package/dist/list.js +80 -75
  26. package/dist/loading-bar.css-mistica.js +6 -6
  27. package/dist/maybe-dismissable.css-mistica.js +1 -1
  28. package/dist/menu.js +32 -32
  29. package/dist/navigation-bar.css-mistica.js +10 -10
  30. package/dist/overlay.js +10 -10
  31. package/dist/package-version.js +1 -1
  32. package/dist/pin-field.css-mistica.js +3 -3
  33. package/dist/popover.css-mistica.js +4 -4
  34. package/dist/radio-button.css-mistica.js +5 -5
  35. package/dist/radio-button.js +7 -7
  36. package/dist/screen-reader-only.css-mistica.js +1 -1
  37. package/dist/select.css-mistica.js +7 -7
  38. package/dist/select.js +65 -53
  39. package/dist/sheet.css-mistica.js +8 -8
  40. package/dist/skeletons.d.ts +9 -1
  41. package/dist/skeletons.js +3 -0
  42. package/dist/skins/blau.js +2 -1
  43. package/dist/skins/defaults.js +2 -1
  44. package/dist/skins/movistar-legacy.js +2 -1
  45. package/dist/skins/movistar.js +2 -1
  46. package/dist/skins/o2.js +2 -1
  47. package/dist/skins/skin-contract.css-mistica.js +2 -1
  48. package/dist/skins/skin-contract.css.d.ts +1 -0
  49. package/dist/skins/telefonica.js +2 -1
  50. package/dist/skins/types/index.d.ts +1 -0
  51. package/dist/skins/vivo-new.js +2 -1
  52. package/dist/skins/vivo.js +2 -1
  53. package/dist/slider.css-mistica.js +19 -19
  54. package/dist/slider.css.d.ts +8 -8
  55. package/dist/slider.d.ts +28 -8
  56. package/dist/slider.js +226 -106
  57. package/dist/snackbar.css-mistica.js +5 -5
  58. package/dist/sprinkles.css-mistica.js +71 -68
  59. package/dist/stacking-group.js +31 -24
  60. package/dist/stepper.css-mistica.js +3 -3
  61. package/dist/switch-component.css-mistica.js +17 -17
  62. package/dist/switch-component.js +12 -12
  63. package/dist/tab-focus.js +12 -12
  64. package/dist/tabs.css-mistica.js +1 -1
  65. package/dist/text-field-base.css-mistica.js +1 -1
  66. package/dist/text-field-components.css-mistica.js +7 -7
  67. package/dist/text-link.css-mistica.js +3 -3
  68. package/dist/theme-context-provider.js +39 -36
  69. package/dist/tooltip-context-provider.d.ts +14 -0
  70. package/dist/tooltip-context-provider.js +90 -0
  71. package/dist/tooltip.css-mistica.js +25 -54
  72. package/dist/tooltip.css.d.ts +19 -26
  73. package/dist/tooltip.d.ts +15 -1
  74. package/dist/tooltip.js +255 -207
  75. package/dist/touchable.css-mistica.js +1 -1
  76. package/dist/touchable.js +8 -8
  77. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  78. package/dist/utils/environment.d.ts +1 -0
  79. package/dist/utils/environment.js +4 -1
  80. package/dist/utils/keys.d.ts +8 -0
  81. package/dist/utils/{key-codes.js → keys.js} +6 -6
  82. package/dist/video.css-mistica.js +1 -1
  83. package/dist/video.js +33 -31
  84. package/dist-es/avatar.css-mistica.js +1 -1
  85. package/dist-es/button.css-mistica.js +7 -7
  86. package/dist-es/callout.css-mistica.js +1 -1
  87. package/dist-es/callout.js +33 -28
  88. package/dist-es/card.js +416 -383
  89. package/dist-es/carousel.css-mistica.js +2 -2
  90. package/dist-es/carousel.js +84 -82
  91. package/dist-es/checkbox.js +18 -18
  92. package/dist-es/community/advanced-data-card.css-mistica.js +2 -2
  93. package/dist-es/community/advanced-data-card.js +83 -76
  94. package/dist-es/community/blocks.js +77 -70
  95. package/dist-es/counter.css-mistica.js +1 -1
  96. package/dist-es/cvv-field.js +1 -1
  97. package/dist-es/dialog.css-mistica.js +3 -3
  98. package/dist-es/dialog.js +2 -2
  99. package/dist-es/hero.js +69 -65
  100. package/dist-es/hooks.js +83 -49
  101. package/dist-es/image.css-mistica.js +4 -2
  102. package/dist-es/image.js +74 -79
  103. package/dist-es/list.css-mistica.js +1 -1
  104. package/dist-es/list.js +116 -111
  105. package/dist-es/loading-bar.css-mistica.js +2 -2
  106. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  107. package/dist-es/menu.js +41 -41
  108. package/dist-es/navigation-bar.css-mistica.js +6 -6
  109. package/dist-es/overlay.js +14 -14
  110. package/dist-es/package-version.js +1 -1
  111. package/dist-es/pin-field.css-mistica.js +2 -2
  112. package/dist-es/popover.css-mistica.js +2 -2
  113. package/dist-es/radio-button.css-mistica.js +4 -4
  114. package/dist-es/radio-button.js +2 -2
  115. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  116. package/dist-es/select.css-mistica.js +7 -7
  117. package/dist-es/select.js +89 -77
  118. package/dist-es/sheet.css-mistica.js +2 -2
  119. package/dist-es/skeletons.js +1 -1
  120. package/dist-es/skins/blau.js +2 -1
  121. package/dist-es/skins/defaults.js +2 -1
  122. package/dist-es/skins/movistar-legacy.js +2 -1
  123. package/dist-es/skins/movistar.js +2 -1
  124. package/dist-es/skins/o2.js +2 -1
  125. package/dist-es/skins/skin-contract.css-mistica.js +2 -1
  126. package/dist-es/skins/telefonica.js +2 -1
  127. package/dist-es/skins/vivo-new.js +2 -1
  128. package/dist-es/skins/vivo.js +2 -1
  129. package/dist-es/slider.css-mistica.js +2 -8
  130. package/dist-es/slider.js +231 -111
  131. package/dist-es/snackbar.css-mistica.js +4 -4
  132. package/dist-es/sprinkles.css-mistica.js +71 -68
  133. package/dist-es/stacking-group.js +37 -30
  134. package/dist-es/stepper.css-mistica.js +2 -2
  135. package/dist-es/style.css +1 -1
  136. package/dist-es/switch-component.css-mistica.js +13 -13
  137. package/dist-es/switch-component.js +14 -14
  138. package/dist-es/tab-focus.js +14 -14
  139. package/dist-es/tabs.css-mistica.js +1 -1
  140. package/dist-es/text-field-base.css-mistica.js +1 -1
  141. package/dist-es/text-field-components.css-mistica.js +2 -2
  142. package/dist-es/text-link.css-mistica.js +3 -3
  143. package/dist-es/theme-context-provider.js +53 -50
  144. package/dist-es/tooltip-context-provider.js +29 -0
  145. package/dist-es/tooltip.css-mistica.js +16 -9
  146. package/dist-es/tooltip.js +264 -216
  147. package/dist-es/touchable.css-mistica.js +1 -1
  148. package/dist-es/touchable.js +8 -8
  149. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  150. package/dist-es/utils/environment.js +2 -2
  151. package/dist-es/utils/keys.js +2 -0
  152. package/dist-es/video.css-mistica.js +1 -1
  153. package/dist-es/video.js +41 -39
  154. package/package.json +1 -1
  155. package/dist/utils/key-codes.d.ts +0 -8
  156. package/dist-es/utils/key-codes.js +0 -2
@@ -19,10 +19,10 @@ _export(exports, {
19
19
  return n;
20
20
  },
21
21
  LABEL_SCALE_MOBILE: function() {
22
- return e;
22
+ return f;
23
23
  },
24
24
  disabled: function() {
25
- return f;
25
+ return e;
26
26
  },
27
27
  field: function() {
28
28
  return y;
@@ -34,10 +34,10 @@ _export(exports, {
34
34
  return l;
35
35
  },
36
36
  fieldSingle: function() {
37
- return t;
37
+ return b;
38
38
  },
39
39
  fullWidth: function() {
40
- return b;
40
+ return t;
41
41
  },
42
42
  helperContainer: function() {
43
43
  return u;
@@ -58,12 +58,12 @@ _export(exports, {
58
58
  return T;
59
59
  },
60
60
  rightText: function() {
61
- return x;
61
+ return h;
62
62
  },
63
63
  shrinked: function() {
64
- return h;
64
+ return x;
65
65
  }
66
66
  });
67
67
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
68
68
  require("./text-field-components.css.ts.vanilla.css-mistica.js");
69
- var _ = 328, a = 12, n = 0.78, e = 0.75, f = "_15k6ur97", y = "_1y2v1nfea _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4", i = "_15k6ur96 _1y2v1nfba _1y2v1nfbg", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nfcq", b = "_1y2v1nfbx", u = "_1y2v1nf8x _1y2v1nfa9 _1y2v1nfba", k = "_15k6ur9g", d = "_15k6ur91 _1y2v1nfb5 _1y2v1nfeg _1y2v1nfcm _1y2v1nfba _1y2v1nfbf _1y2v1nfez", L = "_15k6ur93 _1y2v1nfea _1y2v1nfbt", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbx", x = "_15k6ur9i", h = "_15k6ur94";
69
+ var _ = 328, a = 12, n = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4", i = "_15k6ur96 _1y2v1nfba _1y2v1nfbg", l = "_15k6ur9e", b = "_15k6ur9d _1y2v1nfcq", t = "_1y2v1nfbx", u = "_1y2v1nf8x _1y2v1nfa9 _1y2v1nfba", k = "_15k6ur9g", d = "_15k6ur91 _1y2v1nfb5 _1y2v1nfeh _1y2v1nfcm _1y2v1nfba _1y2v1nfbf _1y2v1nff0", L = "_15k6ur93 _1y2v1nfeb _1y2v1nfbt", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbx", h = "_15k6ur9i", x = "_15k6ur94";
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "variants", {
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./text-link.css.ts.vanilla.css-mistica.js");
13
13
  var v = {
14
- default: "_1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfe9 _1y2v1nf29",
15
- inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfe9 _1y2v1nf2a",
16
- inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfe9 _1y2v1nf29"
14
+ default: "_1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf29",
15
+ inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf2a",
16
+ inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf29"
17
17
  };
@@ -11,10 +11,10 @@ function _export(target, all) {
11
11
  }
12
12
  _export(exports, {
13
13
  default: function() {
14
- return Dt;
14
+ return It;
15
15
  },
16
16
  useIsOsDarkModeEnabled: function() {
17
- return ot;
17
+ return it;
18
18
  }
19
19
  });
20
20
  const _jsxruntime = require("react/jsx-runtime");
@@ -29,6 +29,7 @@ const _themecontext = /*#__PURE__*/ _interop_require_default(require("./theme-co
29
29
  const _hooks = require("./hooks.js");
30
30
  const _tabfocus = /*#__PURE__*/ _interop_require_default(require("./tab-focus.js"));
31
31
  const _modalcontextprovider = /*#__PURE__*/ _interop_require_default(require("./modal-context-provider.js"));
32
+ const _tooltipcontextprovider = /*#__PURE__*/ _interop_require_default(require("./tooltip-context-provider.js"));
32
33
  const _documentvisibility = require("./utils/document-visibility.js");
33
34
  const _aspectratiosupport = require("./utils/aspect-ratio-support.js");
34
35
  const _analytics = require("./utils/analytics.js");
@@ -115,22 +116,22 @@ if (process.env.NODE_ENV !== "production" && (0, _environment.isClientSide)()) {
115
116
  if (window.__mistica_version__ && window.__mistica_version__ !== _packageversion.PACKAGE_VERSION) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
116
117
  window.__mistica_version__ = _packageversion.PACKAGE_VERSION;
117
118
  }
118
- const rt = "(prefers-color-scheme: dark)", ot = ()=>{
119
+ const ot = "(prefers-color-scheme: dark)", it = ()=>{
119
120
  const [t, c] = _react.useState(!1);
120
121
  return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
121
122
  if (!window.matchMedia) return;
122
- const o = window.matchMedia(rt), i = ()=>{
123
+ const o = window.matchMedia(ot), i = ()=>{
123
124
  c(o.matches);
124
125
  };
125
126
  return o.addListener(i), i(), ()=>o.removeListener(i);
126
127
  }, []), t;
127
- }, it = ()=>(t)=>t, st = (t)=>({
128
+ }, st = ()=>(t)=>t, nt = (t)=>({
128
129
  headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : t == null ? void 0 : t.headerMobileHeight
129
- }), nt = (param)=>{
130
+ }), at = (param)=>{
130
131
  let { theme: t, children: c, as: o } = param;
131
132
  var _t_colorScheme, _t_skin_borderRadii;
132
- const i = _react.useRef(1), N = _react.useCallback(()=>`aria-id-hook-${i.current++}`, []), R = ot(), u = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", S = t.skin.colors, A = _object_spread({}, t.skin.colors, t.skin.darkModeColors), m = u === "auto" && R || u === "dark", k = m ? A : S, p = _react.useMemo(()=>{
133
- var s, n, d, x, f, b, P, g, _, C, M, E, T, D;
133
+ const i = _react.useRef(1), N = _react.useCallback(()=>`aria-id-hook-${i.current++}`, []), R = it(), p = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", S = t.skin.colors, A = _object_spread({}, t.skin.colors, t.skin.darkModeColors), m = p === "auto" && R || p === "dark", u = m ? A : S, k = _react.useMemo(()=>{
134
+ var s, n, d, x, f, P, b, g, _, C, M, T, E, D;
134
135
  const l = _object_spread({
135
136
  platform: (0, _platform.getPlatform)(),
136
137
  insideNovumNativeApp: (0, _platform.isInsideNovumNativeApp)()
@@ -145,33 +146,33 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
145
146
  logEvent: ()=>Promise.resolve(),
146
147
  eventFormat: "universal-analytics"
147
148
  }, t.analytics),
148
- dimensions: _object_spread({}, _theme.dimensions, st(t.dimensions)),
149
+ dimensions: _object_spread({}, _theme.dimensions, nt(t.dimensions)),
149
150
  textPresets: {
150
151
  text5: _object_spread({}, _defaults.defaultTextPresetsConfig.text5, (s = t.skin.textPresets) == null ? void 0 : s.text5),
151
152
  text6: _object_spread({}, _defaults.defaultTextPresetsConfig.text6, (n = t.skin.textPresets) == null ? void 0 : n.text6),
152
153
  text7: _object_spread({}, _defaults.defaultTextPresetsConfig.text7, (d = t.skin.textPresets) == null ? void 0 : d.text7),
153
154
  text8: _object_spread({}, _defaults.defaultTextPresetsConfig.text8, (x = t.skin.textPresets) == null ? void 0 : x.text8),
154
155
  text9: _object_spread({}, _defaults.defaultTextPresetsConfig.text9, (f = t.skin.textPresets) == null ? void 0 : f.text9),
155
- text10: _object_spread({}, _defaults.defaultTextPresetsConfig.text10, (b = t.skin.textPresets) == null ? void 0 : b.text10),
156
- cardTitle: _object_spread({}, _defaults.defaultTextPresetsConfig.cardTitle, (P = t.skin.textPresets) == null ? void 0 : P.cardTitle),
156
+ text10: _object_spread({}, _defaults.defaultTextPresetsConfig.text10, (P = t.skin.textPresets) == null ? void 0 : P.text10),
157
+ cardTitle: _object_spread({}, _defaults.defaultTextPresetsConfig.cardTitle, (b = t.skin.textPresets) == null ? void 0 : b.cardTitle),
157
158
  button: _object_spread({}, _defaults.defaultTextPresetsConfig.button, (g = t.skin.textPresets) == null ? void 0 : g.button),
158
159
  link: _object_spread({}, _defaults.defaultTextPresetsConfig.link, (_ = t.skin.textPresets) == null ? void 0 : _.link),
159
160
  title1: _object_spread({}, _defaults.defaultTextPresetsConfig.title1, (C = t.skin.textPresets) == null ? void 0 : C.title1),
160
161
  title2: _object_spread({}, _defaults.defaultTextPresetsConfig.title2, (M = t.skin.textPresets) == null ? void 0 : M.title2),
161
- navigationBar: _object_spread({}, _defaults.defaultTextPresetsConfig.navigationBar, (E = t.skin.textPresets) == null ? void 0 : E.navigationBar),
162
- indicator: _object_spread({}, _defaults.defaultTextPresetsConfig.indicator, (T = t.skin.textPresets) == null ? void 0 : T.indicator),
162
+ navigationBar: _object_spread({}, _defaults.defaultTextPresetsConfig.navigationBar, (T = t.skin.textPresets) == null ? void 0 : T.navigationBar),
163
+ indicator: _object_spread({}, _defaults.defaultTextPresetsConfig.indicator, (E = t.skin.textPresets) == null ? void 0 : E.indicator),
163
164
  tabsLabel: _object_spread({}, _defaults.defaultTextPresetsConfig.tabsLabel, (D = t.skin.textPresets) == null ? void 0 : D.tabsLabel)
164
165
  },
165
166
  Link: (0, _theme.getMisticaLinkComponent)(t.Link),
166
167
  isDarkMode: m,
167
168
  isIos: (0, _platform.getPlatform)(l) === "ios",
168
- useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : it,
169
+ useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : st,
169
170
  useId: t.useId
170
171
  };
171
172
  }, [
172
173
  t,
173
174
  m
174
- ]), L = Object.fromEntries(Object.entries(k).map((param)=>{
175
+ ]), L = Object.fromEntries(Object.entries(u).map((param)=>{
175
176
  let [l, s] = param;
176
177
  let n = "";
177
178
  if (s.startsWith("#")) {
@@ -183,32 +184,34 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
183
184
  n
184
185
  ];
185
186
  })), v = (0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars, {
186
- colors: k,
187
+ colors: u,
187
188
  rawColors: L,
188
189
  borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : _defaults.defaultBorderRadiiConfig
189
190
  });
190
191
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_tabfocus.default, {
191
192
  disabled: !t.enableTabFocus,
192
193
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_modalcontextprovider.default, {
193
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themecontext.default.Provider, {
194
- value: p,
195
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
196
- eventFormat: p.analytics.eventFormat,
197
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioSupportProvider, {
198
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_documentvisibility.DocumentVisibilityProvider, {
199
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_ariaidgettercontext.default.Provider, {
200
- value: N,
201
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
202
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_dialog.default, {
203
- children: o ? /*#__PURE__*/ _react.createElement(o, {
204
- style: v
205
- }, c) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
206
- children: [
207
- (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
208
- children: `:root {${v}}`
209
- }),
210
- c
211
- ]
194
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_tooltipcontextprovider.default, {
195
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themecontext.default.Provider, {
196
+ value: k,
197
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
198
+ eventFormat: k.analytics.eventFormat,
199
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioSupportProvider, {
200
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_documentvisibility.DocumentVisibilityProvider, {
201
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_ariaidgettercontext.default.Provider, {
202
+ value: N,
203
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
204
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_dialog.default, {
205
+ children: o ? /*#__PURE__*/ _react.createElement(o, {
206
+ style: v
207
+ }, c) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
208
+ children: [
209
+ (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
210
+ children: `:root {${v}}`
211
+ }),
212
+ c
213
+ ]
214
+ })
212
215
  })
213
216
  })
214
217
  })
@@ -219,4 +222,4 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
219
222
  })
220
223
  })
221
224
  });
222
- }, Dt = nt;
225
+ }, It = at;
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ type TooltipState = {
3
+ openTooltipId: string | null;
4
+ };
5
+ type TooltipSetter = {
6
+ openTooltip: (tooltipId: string) => void;
7
+ closeTooltip: (tooltipId: string) => void;
8
+ };
9
+ declare const TooltipContextProvider: ({ children }: {
10
+ children: React.ReactNode;
11
+ }) => JSX.Element;
12
+ export declare const useTooltipState: () => TooltipState;
13
+ export declare const useSetTooltipState: () => TooltipSetter;
14
+ export default TooltipContextProvider;
@@ -0,0 +1,90 @@
1
+ "use client";
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ function _export(target, all) {
7
+ for(var name in all)Object.defineProperty(target, name, {
8
+ enumerable: true,
9
+ get: all[name]
10
+ });
11
+ }
12
+ _export(exports, {
13
+ default: function() {
14
+ return d;
15
+ },
16
+ useSetTooltipState: function() {
17
+ return C;
18
+ },
19
+ useTooltipState: function() {
20
+ return x;
21
+ }
22
+ });
23
+ const _jsxruntime = require("react/jsx-runtime");
24
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
25
+ function _getRequireWildcardCache(nodeInterop) {
26
+ if (typeof WeakMap !== "function") return null;
27
+ var cacheBabelInterop = new WeakMap();
28
+ var cacheNodeInterop = new WeakMap();
29
+ return (_getRequireWildcardCache = function(nodeInterop) {
30
+ return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
31
+ })(nodeInterop);
32
+ }
33
+ function _interop_require_wildcard(obj, nodeInterop) {
34
+ if (!nodeInterop && obj && obj.__esModule) {
35
+ return obj;
36
+ }
37
+ if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
38
+ return {
39
+ default: obj
40
+ };
41
+ }
42
+ var cache = _getRequireWildcardCache(nodeInterop);
43
+ if (cache && cache.has(obj)) {
44
+ return cache.get(obj);
45
+ }
46
+ var newObj = {
47
+ __proto__: null
48
+ };
49
+ var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
50
+ for(var key in obj){
51
+ if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
52
+ var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
53
+ if (desc && (desc.get || desc.set)) {
54
+ Object.defineProperty(newObj, key, desc);
55
+ } else {
56
+ newObj[key] = obj[key];
57
+ }
58
+ }
59
+ }
60
+ newObj.default = obj;
61
+ if (cache) {
62
+ cache.set(obj, newObj);
63
+ }
64
+ return newObj;
65
+ }
66
+ const r = /*#__PURE__*/ _react.createContext({
67
+ openTooltipId: null
68
+ }), s = /*#__PURE__*/ _react.createContext({
69
+ openTooltip: ()=>{},
70
+ closeTooltip: ()=>{}
71
+ }), a = (param)=>{
72
+ let { children: c } = param;
73
+ const [p, n] = _react.useState(null), e = _react.useRef(null), i = _react.useCallback((o)=>{
74
+ e.current = o, n(o);
75
+ }, []), u = _react.useCallback((o)=>{
76
+ e.current === o && (e.current = null, n(null));
77
+ }, []);
78
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(r.Provider, {
79
+ value: {
80
+ openTooltipId: p
81
+ },
82
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(s.Provider, {
83
+ value: {
84
+ openTooltip: i,
85
+ closeTooltip: u
86
+ },
87
+ children: c
88
+ })
89
+ });
90
+ }, x = ()=>_react.useContext(r), C = ()=>_react.useContext(s), d = a;
@@ -12,68 +12,39 @@ _export(exports, {
12
12
  arrow: function() {
13
13
  return v;
14
14
  },
15
- arrowBottom: function() {
16
- return t;
17
- },
18
- arrowLeft: function() {
19
- return _;
20
- },
21
- arrowRight: function() {
22
- return e;
23
- },
24
- arrowTop: function() {
25
- return n;
26
- },
27
- arrowWrapper: function() {
28
- return f;
15
+ arrowContainer: function() {
16
+ return a;
29
17
  },
30
18
  container: function() {
31
- return p;
32
- },
33
- enter: function() {
34
- return b;
35
- },
36
- enterActive: function() {
37
- return x;
38
- },
39
- enterDone: function() {
40
- return o;
41
- },
42
- exit: function() {
43
- return h;
19
+ return _;
44
20
  },
45
- exitActive: function() {
21
+ content: function() {
46
22
  return y;
47
23
  },
48
- fadeInBottomKeyframes: function() {
49
- return i;
50
- },
51
- fadeInTopKeyframes: function() {
52
- return m;
53
- },
54
- fadeInXKeyframes: function() {
55
- return c;
56
- },
57
- textAlign: function() {
58
- return w;
59
- },
60
- textCenter: function() {
61
- return d;
24
+ tooltip: function() {
25
+ return e;
62
26
  },
63
- vars: function() {
64
- return s;
27
+ tooltipCenter: function() {
28
+ return o;
65
29
  },
66
- wrapper: function() {
67
- return A;
30
+ tooltipTransitionClasses: function() {
31
+ return r;
68
32
  }
69
33
  });
70
34
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
71
35
  require("./tooltip.css.ts.vanilla.css-mistica.js");
72
- var v = "_1xhatbpb _1y2v1nfb5 _1y2v1nfeg _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdu _1y2v1nf33 _1y2v1nfdr", t = "_1xhatbpe", _ = "_1xhatbpf", e = "_1xhatbpd", n = "_1xhatbpc", f = "_1y2v1nfb5 _1y2v1nfc6 _1y2v1nfcj _1y2v1nfea _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6c _1y2v1nf7l _1y2v1nf8u _1y2v1nfa3 _1y2v1nfb5 _1y2v1nff0 _1y2v1nfby _1y2v1nfe3 _1y2v1nfdr", b = "_1xhatbpm", x = "_1xhatbpn", o = "_1xhatbpo", h = "_1xhatbpp", y = "_1xhatbpq", i = "_1xhatbp6", m = "_1xhatbp7", c = "_1xhatbp8", w = "_1xhatbpk", d = "_1xhatbpl", s = {
73
- shadowAlpha: "var(--_1xhatbp0)",
74
- enterTransform: "var(--_1xhatbp1)",
75
- enterDoneTransform: "var(--_1xhatbp2)",
76
- exitTransform: "var(--_1xhatbp3)",
77
- enterActiveAnimationName: "var(--_1xhatbp4)",
78
- arrowBoxShadow: "var(--_1xhatbp5)"
79
- }, A = "_1y2v1nfbb";
36
+ var v = "_1xhatbpa _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb5 _1y2v1nfeh _1y2v1nf33", a = "_1xhatbp8 _1y2v1nfb5 _1y2v1nfc5 _1y2v1nfeb", _ = "_1xhatbp1 _1y2v1nfb5", y = "_1xhatbp5 _1y2v1nfb4 _1y2v1nfd4 _1y2v1nfeb", e = "_1xhatbp3 _1y2v1nfb4 _1y2v1nfe3 _1y2v1nf33", o = "_1y2v1nfba _1y2v1nfbg _1y2v1nfbp", r = {
37
+ entering: {
38
+ opacity: 1
39
+ },
40
+ entered: {
41
+ opacity: 1
42
+ },
43
+ exiting: {
44
+ opacity: 0
45
+ },
46
+ exited: {
47
+ opacity: 0
48
+ },
49
+ unmounted: {}
50
+ };
@@ -1,28 +1,21 @@
1
- export declare const vars: {
2
- shadowAlpha: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
- enterTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
- enterDoneTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
- exitTransform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
- enterActiveAnimationName: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
- arrowBoxShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1
+ export declare const tooltipTransitionClasses: {
2
+ entering: {
3
+ opacity: number;
4
+ };
5
+ entered: {
6
+ opacity: number;
7
+ };
8
+ exiting: {
9
+ opacity: number;
10
+ };
11
+ exited: {
12
+ opacity: number;
13
+ };
14
+ unmounted: {};
8
15
  };
9
- export declare const fadeInBottomKeyframes: string;
10
- export declare const fadeInTopKeyframes: string;
11
- export declare const fadeInXKeyframes: string;
12
- export declare const fadeOutKeyframes: string;
13
- export declare const arrow: string;
14
- export declare const arrowTop: string;
15
- export declare const arrowRight: string;
16
- export declare const arrowBottom: string;
17
- export declare const arrowLeft: string;
18
- export declare const arrowWrapper: string;
19
- export declare const wrapper: string;
20
- export declare const tooltipMinWidth = 40;
21
16
  export declare const container: string;
22
- export declare const textAlign: string;
23
- export declare const textCenter: string;
24
- export declare const enter: string;
25
- export declare const enterActive: string;
26
- export declare const enterDone: string;
27
- export declare const exit: string;
28
- export declare const exitActive: string;
17
+ export declare const tooltip: string;
18
+ export declare const content: string;
19
+ export declare const tooltipCenter: string;
20
+ export declare const arrowContainer: string;
21
+ export declare const arrow: string;
package/dist/tooltip.d.ts CHANGED
@@ -9,11 +9,25 @@ type Props = {
9
9
  title?: string;
10
10
  position?: Position;
11
11
  width?: number;
12
- targetLabel: string;
13
12
  delay?: boolean;
14
13
  dataAttributes?: DataAttributes;
14
+ centerContent?: boolean;
15
+ open?: boolean;
16
+ /**
17
+ * @deprecated This field is deprecated.
18
+ */
19
+ targetLabel?: string;
20
+ /**
21
+ * @deprecated This field is deprecated.
22
+ */
15
23
  targetStyle?: React.CSSProperties;
24
+ /**
25
+ * @deprecated This field is deprecated.
26
+ */
16
27
  unstable_offsetX?: number | string;
28
+ /**
29
+ * @deprecated This field is deprecated, use centerContent instead.
30
+ */
17
31
  textCenter?: boolean;
18
32
  };
19
33
  declare const Tooltip: React.FC<Props>;