@telefonica/mistica 14.12.0 → 14.14.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 (124) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/boxed.css-mistica.js +4 -4
  3. package/dist/boxed.css.d.ts +1 -1
  4. package/dist/boxed.js +12 -14
  5. package/dist/card.css-mistica.js +27 -12
  6. package/dist/card.css.d.ts +7 -0
  7. package/dist/card.d.ts +36 -34
  8. package/dist/card.js +611 -469
  9. package/dist/fixed-footer-layout.js +8 -7
  10. package/dist/generated/mistica-icons/icon-alert-filled.js +15 -5
  11. package/dist/generated/mistica-icons/icon-alert-light.js +24 -8
  12. package/dist/generated/mistica-icons/icon-alert-regular.js +30 -14
  13. package/dist/generated/mistica-icons/icon-bell-filled.js +19 -9
  14. package/dist/generated/mistica-icons/icon-bell-light.js +16 -6
  15. package/dist/generated/mistica-icons/icon-bell-regular.js +19 -9
  16. package/dist/generated/mistica-icons/icon-dollar-symbol-circle-light.js +28 -11
  17. package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +20 -9
  18. package/dist/generated/mistica-icons/icon-edit-pencil-light.js +21 -10
  19. package/dist/generated/mistica-icons/icon-edit-pencil-regular.js +22 -12
  20. package/dist/generated/mistica-icons/icon-gift-filled.js +19 -9
  21. package/dist/generated/mistica-icons/icon-gift-light.js +20 -10
  22. package/dist/generated/mistica-icons/icon-gift-regular.js +19 -9
  23. package/dist/generated/mistica-icons/icon-heart-filled.js +16 -6
  24. package/dist/generated/mistica-icons/icon-heart-light.js +18 -8
  25. package/dist/generated/mistica-icons/icon-heart-regular.js +24 -14
  26. package/dist/generated/mistica-icons/icon-home-filled.js +23 -13
  27. package/dist/generated/mistica-icons/icon-home-light.js +24 -14
  28. package/dist/generated/mistica-icons/icon-home-regular.js +21 -11
  29. package/dist/generated/mistica-icons/icon-home-wifi-filled.js +24 -7
  30. package/dist/generated/mistica-icons/icon-home-wifi-light.js +25 -8
  31. package/dist/generated/mistica-icons/icon-home-wifi-regular.js +24 -7
  32. package/dist/generated/mistica-icons/icon-pause-regular.js +10 -12
  33. package/dist/generated/mistica-icons/icon-play-regular.js +14 -16
  34. package/dist/generated/mistica-icons/icon-reload-light.js +22 -12
  35. package/dist/generated/mistica-icons/icon-reload-regular.js +24 -14
  36. package/dist/generated/mistica-icons/icon-share-filled.js +20 -10
  37. package/dist/generated/mistica-icons/icon-share-light.js +21 -11
  38. package/dist/generated/mistica-icons/icon-share-regular.js +21 -11
  39. package/dist/generated/mistica-icons/icon-shopping-bag-filled.d.ts +4 -0
  40. package/dist/generated/mistica-icons/icon-shopping-bag-filled.js +110 -0
  41. package/dist/generated/mistica-icons/icon-shopping-bag-light.d.ts +4 -0
  42. package/dist/generated/mistica-icons/icon-shopping-bag-light.js +110 -0
  43. package/dist/generated/mistica-icons/icon-shopping-bag-regular.d.ts +4 -0
  44. package/dist/generated/mistica-icons/icon-shopping-bag-regular.js +110 -0
  45. package/dist/generated/mistica-icons/icon-tickets-filled.js +17 -7
  46. package/dist/generated/mistica-icons/icon-tickets-light.js +26 -10
  47. package/dist/generated/mistica-icons/icon-tickets-regular.js +35 -19
  48. package/dist/hooks.js +57 -56
  49. package/dist/index.d.ts +3 -0
  50. package/dist/index.js +14 -1
  51. package/dist/package-version.js +1 -1
  52. package/dist/skins/blau.js +14 -2
  53. package/dist/skins/defaults.js +12 -0
  54. package/dist/skins/movistar-legacy.js +15 -3
  55. package/dist/skins/movistar.js +12 -0
  56. package/dist/skins/o2.js +13 -1
  57. package/dist/skins/telefonica.js +12 -0
  58. package/dist/skins/types/index.d.ts +1 -1
  59. package/dist/skins/vivo-new.js +12 -0
  60. package/dist/skins/vivo.js +13 -1
  61. package/dist/theme-context-provider.js +34 -30
  62. package/dist/tooltip.js +35 -34
  63. package/dist/utils/dom.js +10 -10
  64. package/dist/utils/environment.d.ts +1 -0
  65. package/dist/utils/environment.js +12 -4
  66. package/dist-es/boxed.css-mistica.js +3 -3
  67. package/dist-es/boxed.js +16 -18
  68. package/dist-es/card.css-mistica.js +2 -2
  69. package/dist-es/card.js +652 -511
  70. package/dist-es/fixed-footer-layout.js +18 -17
  71. package/dist-es/generated/mistica-icons/icon-alert-filled.js +18 -8
  72. package/dist-es/generated/mistica-icons/icon-alert-light.js +30 -14
  73. package/dist-es/generated/mistica-icons/icon-alert-regular.js +36 -20
  74. package/dist-es/generated/mistica-icons/icon-bell-filled.js +26 -16
  75. package/dist-es/generated/mistica-icons/icon-bell-light.js +20 -10
  76. package/dist-es/generated/mistica-icons/icon-bell-regular.js +20 -10
  77. package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-light.js +33 -16
  78. package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +25 -14
  79. package/dist-es/generated/mistica-icons/icon-edit-pencil-light.js +25 -14
  80. package/dist-es/generated/mistica-icons/icon-edit-pencil-regular.js +30 -20
  81. package/dist-es/generated/mistica-icons/icon-gift-filled.js +22 -12
  82. package/dist-es/generated/mistica-icons/icon-gift-light.js +23 -13
  83. package/dist-es/generated/mistica-icons/icon-gift-regular.js +22 -12
  84. package/dist-es/generated/mistica-icons/icon-heart-filled.js +18 -8
  85. package/dist-es/generated/mistica-icons/icon-heart-light.js +24 -14
  86. package/dist-es/generated/mistica-icons/icon-heart-regular.js +25 -15
  87. package/dist-es/generated/mistica-icons/icon-home-filled.js +30 -20
  88. package/dist-es/generated/mistica-icons/icon-home-light.js +27 -17
  89. package/dist-es/generated/mistica-icons/icon-home-regular.js +27 -17
  90. package/dist-es/generated/mistica-icons/icon-home-wifi-filled.js +28 -11
  91. package/dist-es/generated/mistica-icons/icon-home-wifi-light.js +29 -12
  92. package/dist-es/generated/mistica-icons/icon-home-wifi-regular.js +28 -11
  93. package/dist-es/generated/mistica-icons/icon-pause-regular.js +12 -14
  94. package/dist-es/generated/mistica-icons/icon-play-regular.js +19 -21
  95. package/dist-es/generated/mistica-icons/icon-reload-light.js +27 -17
  96. package/dist-es/generated/mistica-icons/icon-reload-regular.js +27 -17
  97. package/dist-es/generated/mistica-icons/icon-share-filled.js +25 -15
  98. package/dist-es/generated/mistica-icons/icon-share-light.js +28 -18
  99. package/dist-es/generated/mistica-icons/icon-share-regular.js +28 -18
  100. package/dist-es/generated/mistica-icons/icon-shopping-bag-filled.js +101 -0
  101. package/dist-es/generated/mistica-icons/icon-shopping-bag-light.js +101 -0
  102. package/dist-es/generated/mistica-icons/icon-shopping-bag-regular.js +101 -0
  103. package/dist-es/generated/mistica-icons/icon-tickets-filled.js +21 -11
  104. package/dist-es/generated/mistica-icons/icon-tickets-light.js +30 -14
  105. package/dist-es/generated/mistica-icons/icon-tickets-regular.js +43 -27
  106. package/dist-es/hooks.js +51 -50
  107. package/dist-es/index.js +1762 -1758
  108. package/dist-es/package-version.js +1 -1
  109. package/dist-es/skins/blau.js +14 -2
  110. package/dist-es/skins/defaults.js +12 -0
  111. package/dist-es/skins/movistar-legacy.js +15 -3
  112. package/dist-es/skins/movistar.js +12 -0
  113. package/dist-es/skins/o2.js +13 -1
  114. package/dist-es/skins/telefonica.js +12 -0
  115. package/dist-es/skins/vivo-new.js +12 -0
  116. package/dist-es/skins/vivo.js +13 -1
  117. package/dist-es/style.css +1 -1
  118. package/dist-es/theme-context-provider.js +72 -68
  119. package/dist-es/tooltip.js +37 -36
  120. package/dist-es/utils/dom.js +9 -9
  121. package/dist-es/utils/environment.js +2 -2
  122. package/package.json +1 -1
  123. package/dist/boxed.css.ts.vanilla.css-mistica.js +0 -11
  124. package/dist-es/boxed.css.ts.vanilla.css-mistica.js +0 -2
package/dist/tooltip.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "default", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return jt;
8
+ return Ht;
9
9
  }
10
10
  });
11
11
  const _jsxruntime = require("react/jsx-runtime");
@@ -21,6 +21,7 @@ const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
21
21
  const _tooltipcssmistica = require("./tooltip.css-mistica.js");
22
22
  const _dynamic = require("@vanilla-extract/dynamic");
23
23
  const _dom = require("./utils/dom.js");
24
+ const _environment = require("./utils/environment.js");
24
25
  function _interop_require_default(obj) {
25
26
  return obj && obj.__esModule ? obj : {
26
27
  default: obj
@@ -144,8 +145,8 @@ function _object_without_properties_loose(source, excluded) {
144
145
  }
145
146
  return target;
146
147
  }
147
- const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500, d = 12, vt = 500, R = ()=>{}, At = (t)=>t || Tt, Yt = (t)=>t === "bottom" ? `translateY(${d}px)` : t === "top" ? `translateY(calc(-100% - ${d}px))` : t === "right" ? `translateX(${d}px) translateY(-50%)` : t === "left" ? `translateX(-${d}px) translateY(-50%)` : `translateY(-${d}px)`, yt = (t)=>t === "top" ? "translateY(-100%)" : t === "bottom" ? "translateY(0)" : "translateY(-50%)", Pt = (t)=>t === "bottom" ? "translateY(0)" : t === "top" ? "translateY(-100%)" : t === "right" || t === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)", Dt = (t)=>t === "top" ? _tooltipcssmistica.fadeInTopKeyframes : t === "bottom" ? _tooltipcssmistica.fadeInBottomKeyframes : _tooltipcssmistica.fadeInXKeyframes, Ot = (t)=>t ? "1" : "0.2", St = (t)=>t === "top" ? `2px 2px 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "right" ? `0 0 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "left" ? `0 0 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "bottom" ? `-1px -1px 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : "", Rt = (_param)=>{
148
- var { children: t , extra: $ , description: g , target: I , title: x , targetLabel: B , delay: C = !0 , dataAttributes: E } = _param, Y = _object_without_properties(_param, [
148
+ const xt = "bottom", Tt = "top", bt = 12, h = 4 + bt, g = 16, vt = 340, At = 500, d = 12, Yt = 500, R = ()=>{}, Pt = (t)=>t || vt, St = (t)=>t === "bottom" ? `translateY(${d}px)` : t === "top" ? `translateY(calc(-100% - ${d}px))` : t === "right" ? `translateX(${d}px) translateY(-50%)` : t === "left" ? `translateX(-${d}px) translateY(-50%)` : `translateY(-${d}px)`, yt = (t)=>t === "top" ? "translateY(-100%)" : t === "bottom" ? "translateY(0)" : "translateY(-50%)", Dt = (t)=>t === "bottom" ? "translateY(0)" : t === "top" ? "translateY(-100%)" : t === "right" || t === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)", Ot = (t)=>t === "top" ? _tooltipcssmistica.fadeInTopKeyframes : t === "bottom" ? _tooltipcssmistica.fadeInBottomKeyframes : _tooltipcssmistica.fadeInXKeyframes, Rt = (t)=>t ? "1" : "0.2", $t = (t)=>t === "top" ? `2px 2px 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "right" ? `0 0 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "left" ? `0 0 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "bottom" ? `-1px -1px 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : "", It = (_param)=>{
149
+ var { children: t , extra: $ , description: w , target: I , title: x , targetLabel: C , delay: B = !0 , dataAttributes: E } = _param, Y = _object_without_properties(_param, [
149
150
  "children",
150
151
  "extra",
151
152
  "description",
@@ -155,7 +156,7 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
155
156
  "delay",
156
157
  "dataAttributes"
157
158
  ]);
158
- const { isDarkMode: M } = (0, _hooks.useTheme)(), [l, T] = _react.useState(!1), { isTabletOrSmaller: u } = (0, _hooks.useScreenSize)(), y = (0, _hooks.useAriaId)(), o = _react.useRef(!1), r = _react.useRef(null), f = _react.useRef(null), b = _react.useRef(null), e = _react.useRef({
159
+ const { isDarkMode: M } = (0, _hooks.useTheme)(), [l, T] = _react.useState(!1), { isTabletOrSmaller: u } = (0, _hooks.useScreenSize)(), P = (0, _hooks.useAriaId)(), o = _react.useRef(!1), r = _react.useRef(null), f = _react.useRef(null), b = _react.useRef(null), e = _react.useRef({
159
160
  top: 0,
160
161
  right: 0,
161
162
  left: 0,
@@ -163,23 +164,23 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
163
164
  width: 0,
164
165
  height: 0
165
166
  }), a = function() {
166
- let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : wt;
167
- return u && (i === "left" || i === "right") ? gt : i;
168
- }(Y.position), v = typeof window < "u" ? window.matchMedia("(pointer: coarse)").matches : !1, P = ()=>{
167
+ let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : xt;
168
+ return u && (i === "left" || i === "right") ? Tt : i;
169
+ }(Y.position), v = (0, _environment.isClientSide)() ? window.matchMedia("(pointer: coarse)").matches : !1, S = ()=>{
169
170
  l && T(!1);
170
171
  };
171
- _react.useEffect(()=>(window.addEventListener("resize", P), ()=>{
172
- window.removeEventListener("resize", P);
172
+ _react.useEffect(()=>(window.addEventListener("resize", S), ()=>{
173
+ window.removeEventListener("resize", S);
173
174
  }));
174
- const D = ()=>{
175
+ const y = ()=>{
175
176
  T(!1);
176
177
  }, m = ()=>{
177
178
  b.current && (e.current = b.current.getBoundingClientRect(), T(!l));
178
179
  }, N = ()=>{
179
180
  l || m();
180
181
  }, k = (i)=>{
181
- i.keyCode === _keycodes.TAB && D();
182
- }, X = (i, A)=>typeof window > "u" ? {} : ({
182
+ i.keyCode === _keycodes.TAB && y();
183
+ }, X = (i, A)=>(0, _environment.isServerSide)() ? {} : ({
183
184
  right: {
184
185
  left: e.current.right + h,
185
186
  top: window.pageYOffset + e.current.top + e.current.height / 2
@@ -190,26 +191,26 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
190
191
  },
191
192
  top: {
192
193
  top: window.pageYOffset + e.current.top - h,
193
- left: u ? w : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
194
+ left: u ? g : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
194
195
  },
195
196
  bottom: {
196
197
  top: window.pageYOffset + e.current.bottom + h,
197
- left: u ? w : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
198
+ left: u ? g : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
198
199
  }
199
200
  })[i], L = ()=>u ? {
200
- left: e.current.left + e.current.width / 2 - w
201
- } : {}, O = (()=>u ? window.innerWidth - w * 2 : At(Y.width))(), K = {
201
+ left: e.current.left + e.current.width / 2 - g
202
+ } : {}, D = (()=>u ? window.innerWidth - g * 2 : Pt(Y.width))(), K = {
202
203
  top: _tooltipcssmistica.arrowTop,
203
204
  bottom: _tooltipcssmistica.arrowBottom,
204
205
  left: _tooltipcssmistica.arrowLeft,
205
206
  right: _tooltipcssmistica.arrowRight
206
207
  }, W = (0, _dynamic.assignInlineVars)({
207
- [_tooltipcssmistica.vars.enterTransform]: Yt(a),
208
- [_tooltipcssmistica.vars.exitTransform]: Pt(a),
209
- [_tooltipcssmistica.vars.enterActiveAnimationName]: Dt(a),
208
+ [_tooltipcssmistica.vars.enterTransform]: St(a),
209
+ [_tooltipcssmistica.vars.exitTransform]: Dt(a),
210
+ [_tooltipcssmistica.vars.enterActiveAnimationName]: Ot(a),
210
211
  [_tooltipcssmistica.vars.enterDoneTransform]: yt(a),
211
- [_tooltipcssmistica.vars.shadowAlpha]: Ot(M),
212
- [_tooltipcssmistica.vars.arrowBoxShadow]: St(a)
212
+ [_tooltipcssmistica.vars.shadowAlpha]: Rt(M),
213
+ [_tooltipcssmistica.vars.arrowBoxShadow]: $t(a)
213
214
  });
214
215
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
215
216
  children: [
@@ -217,9 +218,9 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
217
218
  ref: b,
218
219
  className: _tooltipcssmistica.wrapper,
219
220
  onPointerOver: ()=>{
220
- r.current && (clearTimeout(r.current), r.current = null), !o.current && (o.current = !0, C ? f.current = setTimeout(()=>{
221
+ r.current && (clearTimeout(r.current), r.current = null), !o.current && (o.current = !0, B ? f.current = setTimeout(()=>{
221
222
  f.current = null, m();
222
- }, vt) : m());
223
+ }, Yt) : m());
223
224
  },
224
225
  onPointerLeave: v ? R : ()=>{
225
226
  if (f.current) {
@@ -235,19 +236,19 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
235
236
  "touch-action": "auto",
236
237
  role: "button",
237
238
  tabIndex: 0,
238
- "aria-describedby": y,
239
+ "aria-describedby": P,
239
240
  "aria-expanded": l,
240
- "aria-label": B,
241
+ "aria-label": C,
241
242
  children: I
242
243
  }),
243
244
  /* @__PURE__ */ (0, _jsxruntime.jsxs)(_portal.Portal, {
244
245
  children: [
245
246
  l && v && /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
246
- onPress: D
247
+ onPress: y
247
248
  }),
248
249
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
249
250
  in: l,
250
- timeout: bt,
251
+ timeout: At,
251
252
  classNames: {
252
253
  enter: _tooltipcssmistica.enter,
253
254
  enterActive: _tooltipcssmistica.enterActive,
@@ -258,11 +259,11 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
258
259
  unmountOnExit: !0,
259
260
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(E, "Tooltip")), {
260
261
  role: "tooltip",
261
- id: y,
262
+ id: P,
262
263
  className: _tooltipcssmistica.container,
263
264
  style: _object_spread({
264
- width: O
265
- }, X(a, O), W),
265
+ width: D
266
+ }, X(a, D), W),
266
267
  onPointerOver: ()=>{
267
268
  r.current && (clearTimeout(r.current), r.current = null);
268
269
  },
@@ -279,16 +280,16 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
279
280
  className: _tooltipcssmistica.arrow
280
281
  })
281
282
  }),
282
- (x || g) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
283
+ (x || w) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
283
284
  space: 4,
284
285
  children: [
285
286
  x && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
286
287
  medium: !0,
287
288
  children: x
288
289
  }),
289
- g && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
290
+ w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
290
291
  regular: !0,
291
- children: g
292
+ children: w
292
293
  })
293
294
  ]
294
295
  }),
@@ -300,4 +301,4 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
300
301
  })
301
302
  ]
302
303
  });
303
- }, jt = Rt;
304
+ }, Ht = It;
package/dist/utils/dom.js CHANGED
@@ -22,19 +22,19 @@ _export(exports, {
22
22
  return m;
23
23
  },
24
24
  getScrollDistanceToBottom: function() {
25
- return E;
25
+ return g;
26
26
  },
27
27
  getScrollableParentElement: function() {
28
- return w;
28
+ return E;
29
29
  },
30
30
  hasScroll: function() {
31
- return g;
31
+ return h;
32
32
  },
33
33
  isInputTypeSupported: function() {
34
34
  return u;
35
35
  },
36
36
  listenResize: function() {
37
- return h;
37
+ return w;
38
38
  },
39
39
  removePassiveEventListener: function() {
40
40
  return f;
@@ -145,16 +145,16 @@ const u = (e)=>{
145
145
  currentTarget: e
146
146
  });
147
147
  };
148
- let i = !1;
148
+ let l = !1;
149
149
  try {
150
150
  const e = Object.defineProperty({}, "passive", {
151
151
  get () {
152
- i = !0;
152
+ l = !0;
153
153
  }
154
154
  });
155
155
  window.addEventListener("test", ()=>{}, e);
156
156
  } catch (e) {}
157
- const p = (e, n, t)=>e.addEventListener(n, t, i ? {
157
+ const p = (e, n, t)=>e.addEventListener(n, t, l ? {
158
158
  passive: !0
159
159
  } : !1), f = (e, n, t)=>e.removeEventListener(n, t, !1), m = (e, n)=>{
160
160
  const t = n ? {
@@ -170,13 +170,13 @@ const p = (e, n, t)=>e.addEventListener(n, t, i ? {
170
170
  "scroll",
171
171
  "overlay"
172
172
  ].includes(r);
173
- }, w = function(e) {
173
+ }, E = function(e) {
174
174
  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Y";
175
175
  let t = e == null ? void 0 : e.parentElement;
176
176
  for(; t && !c(t, n);)t = t.parentElement;
177
177
  return t || document.documentElement;
178
- }, E = (e)=>e.scrollHeight - e.scrollTop - e.clientHeight, g = (e)=>e.scrollHeight > e.clientHeight, h = (e, n)=>{
179
- const t = ()=>typeof window > "u" ? Promise.resolve(null) : window.ResizeObserver ? Promise.resolve(ResizeObserver) : Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "@juggle/resize-observer" */ "@juggle/resize-observer"))).then((o)=>o.ResizeObserver);
178
+ }, g = (e)=>e.scrollHeight - e.scrollTop - e.clientHeight, h = (e)=>e.scrollHeight > e.clientHeight, w = (e, n)=>{
179
+ const t = ()=>(0, _environment.isServerSide)() ? Promise.resolve(null) : window.ResizeObserver ? Promise.resolve(ResizeObserver) : Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "@juggle/resize-observer" */ "@juggle/resize-observer"))).then((o)=>o.ResizeObserver);
180
180
  let r = !1, s = null;
181
181
  return t().then((o)=>{
182
182
  !r && o && (s = new o(n), s.observe(e));
@@ -1 +1,2 @@
1
1
  export declare const isServerSide: () => boolean;
2
+ export declare const isClientSide: () => boolean;
@@ -2,10 +2,18 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- Object.defineProperty(exports, "isServerSide", {
6
- enumerable: true,
7
- get: function() {
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ isClientSide: function() {
13
+ return i;
14
+ },
15
+ isServerSide: function() {
8
16
  return e;
9
17
  }
10
18
  });
11
- const e = ()=>typeof window > "u";
19
+ const e = ()=>typeof window > "u", i = ()=>!e();
@@ -1,3 +1,3 @@
1
- import "./boxed.css.ts.vanilla.css-mistica.js";
2
- var e = "ihbkeq0";
3
- export { e as inverseBorder };
1
+ import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
+ var o = "_1y2v1nfa1";
3
+ export { o as boxBorder };
package/dist-es/boxed.js CHANGED
@@ -51,33 +51,31 @@ function _object_spread_props(target, source) {
51
51
  return target;
52
52
  }
53
53
  import { jsx as t } from "react/jsx-runtime";
54
- import * as s from "react";
54
+ import * as i from "react";
55
55
  import v from "classnames";
56
- import { useIsInverseVariant as x, ThemeVariant as B } from "./theme-variant-context.js";
56
+ import { useIsInverseVariant as g, ThemeVariant as B } from "./theme-variant-context.js";
57
57
  import { getPrefixedDataAttributes as k } from "./utils/dom.js";
58
58
  import { vars as e } from "./skins/skin-contract.css-mistica.js";
59
- import { inverseBorder as R } from "./boxed.css-mistica.js";
60
- import { sprinkles as a } from "./sprinkles.css-mistica.js";
61
- const h = (o, r)=>o && !r ? R : r ? a({
59
+ import { boxBorder as R } from "./boxed.css-mistica.js";
60
+ import { sprinkles as s } from "./sprinkles.css-mistica.js";
61
+ const h = (o, r)=>o || r ? s({
62
62
  border: "none"
63
- }) : a({
64
- border: "regular"
65
- }), w = /*#__PURE__*/ s.forwardRef((param, g)=>{
66
- let { children: o , isInverse: r = !1 , className: d , role: m , dataAttributes: f , "aria-label": l , width: c , height: b , minHeight: u , borderRadius: p = e.borderRadii.container , background: n } = param;
67
- const i = x();
63
+ }) : R, w = /*#__PURE__*/ i.forwardRef((param, x)=>{
64
+ let { children: o , isInverse: r = !1 , className: d , role: m , dataAttributes: f , "aria-label": l , width: c , height: b , minHeight: p , borderRadius: u = e.borderRadii.container , background: a } = param;
65
+ const n = g();
68
66
  return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
69
- ref: g,
67
+ ref: x,
70
68
  style: {
71
69
  width: c,
72
70
  height: b,
73
- minHeight: u,
71
+ minHeight: p,
74
72
  boxSizing: "border-box",
75
- background: n
73
+ background: a
76
74
  },
77
- className: v(d, h(i, r), a({
78
- borderRadius: p,
75
+ className: v(d, h(n, r), s({
76
+ borderRadius: u,
79
77
  overflow: "hidden",
80
- background: (n !== null && n !== void 0 ? n : r) ? i ? e.colors.backgroundContainerBrandOverInverse : e.colors.backgroundContainerBrand : e.colors.backgroundContainer
78
+ background: (a !== null && a !== void 0 ? a : r) ? n ? e.colors.backgroundContainerBrandOverInverse : e.colors.backgroundContainerBrand : e.colors.backgroundContainer
81
79
  })),
82
80
  role: m,
83
81
  "aria-label": l
@@ -87,7 +85,7 @@ const h = (o, r)=>o && !r ? R : r ? a({
87
85
  children: o
88
86
  })
89
87
  }));
90
- }), A = /*#__PURE__*/ s.forwardRef((o, r)=>/* @__PURE__ */ t(w, _object_spread_props(_object_spread({}, o), {
88
+ }), z = /*#__PURE__*/ i.forwardRef((o, r)=>/* @__PURE__ */ t(w, _object_spread_props(_object_spread({}, o), {
91
89
  ref: r
92
90
  })));
93
- export { A as Boxed, w as InternalBoxed };
91
+ export { z as Boxed, w as InternalBoxed };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./card.css.ts.vanilla.css-mistica.js";
3
- var _ = "_15e54s91 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6k", y = "_15e54s93 _1y2v1nf64", f = "_15e54s9k _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", a = "_1y2v1nf64 _1y2v1nf8m _1y2v1nf91 _1y2v1nf6j _1y2v1nf6d", r = "_15e54s9l _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", d = "_15e54s98 _1y2v1nf7o _1y2v1nf82 _1y2v1nf6x _1y2v1nf7b _1y2v1nf64 _1y2v1nf6q _1y2v1nf6a _1y2v1nf8b", e = "_1y2v1nf60 _1y2v1nfc6 _1y2v1nf8b _1y2v1nf8r", o = "_1y2v1nf8b _1y2v1nf64 _1y2v1nf5z", s = "_1y2v1nf64 _1y2v1nf6q _1y2v1nf6a _1y2v1nf5z _1y2v1nf6g", t = "_15e54s9h", i = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf8r _1y2v1nf8b", c = "_15e54s96 _1y2v1nf7o _1y2v1nf82 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6w _1y2v1nf7b _1y2v1nf6a _1y2v1nf6g", C = "_15e54s9a _1y2v1nf6w _1y2v1nf7a _1y2v1nf7o _1y2v1nf82 _1y2v1nf64 _1y2v1nf8r _1y2v1nf6a _1y2v1nf6g _1y2v1nf6q", b = "_15e54s9c _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf64 _1y2v1nf8r _1y2v1nf8b _1y2v1nfa2 _1y2v1nf5y", p = "_15e54s9d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf64 _1y2v1nf8r _1y2v1nf8b _1y2v1nfa2 _1y2v1nf5y", l = "_15e54s9m _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3";
4
- export { _ as actions, y as boxed, f as cardAction, a as cardActionIconButton, r as cardActionInverse, d as dataCard, e as displayCardBackground, o as displayCardContainer, s as displayCardContent, t as displayCardGradient, i as mediaCard, c as mediaCardContent, C as snapCard, b as snapCardTouchableHover, p as snapCardTouchableHoverTransparent, l as videoAction };
3
+ var _ = "_15e54s91 _1y2v1nf64 _1y2v1nf6q _1y2v1nf6k", y = "_15e54s93 _1y2v1nf64 _1y2v1nf5z", a = "_15e54s9r _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", f = "_1y2v1nf64 _1y2v1nf8m _1y2v1nf91 _1y2v1nf6j _1y2v1nf6d", r = "_15e54s9s _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", e = "_15e54s9t _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3", d = "_15e54s9f _1y2v1nf7o _1y2v1nf82 _1y2v1nf6x _1y2v1nf7b _1y2v1nf64 _1y2v1nf6q _1y2v1nf5z _1y2v1nf6a _1y2v1nf8b", s = "_15e54s9n", o = "_1y2v1nf8b _1y2v1nf8r _1y2v1nf64 _1y2v1nf5z", t = "_15e54s9m", i = "_15e54s9o", c = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf8r _1y2v1nf8b", C = "_15e54s9d _1y2v1nf7o _1y2v1nf82 _1y2v1nf64 _1y2v1nf6q _1y2v1nf5z _1y2v1nf6w _1y2v1nf7b _1y2v1nf6a _1y2v1nf6g", l = "_15e54s9h _1y2v1nf6w _1y2v1nf7a _1y2v1nf7o _1y2v1nf82 _1y2v1nf64 _1y2v1nf5z _1y2v1nf8r _1y2v1nf6a _1y2v1nf6g _1y2v1nf6q", b = "_15e54s95", u = "_15e54s98 _15e54s96", z = "_15e54s99 _15e54s96", p = "_15e54s9a _15e54s96", h = "_15e54s94", k = "_15e54s97 _15e54s96", m = "_15e54s9u _1y2v1nf8k _1y2v1nf8z _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfa3";
4
+ export { _ as actions, y as boxed, a as cardAction, f as cardActionIconButton, r as cardActionInverse, e as cardActionMedia, d as dataCard, s as displayCardBackground, o as displayCardContainer, t as displayCardContent, i as displayCardGradient, c as mediaCard, C as mediaCardContent, l as snapCard, b as touchable, u as touchableCardOverlay, z as touchableCardOverlayInverse, p as touchableCardOverlayMedia, h as touchableContainer, k as touchableMediaCardOverlay, m as videoAction };