@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.
- package/css/mistica.css +1 -1
- package/dist/boxed.css-mistica.js +4 -4
- package/dist/boxed.css.d.ts +1 -1
- package/dist/boxed.js +12 -14
- package/dist/card.css-mistica.js +27 -12
- package/dist/card.css.d.ts +7 -0
- package/dist/card.d.ts +36 -34
- package/dist/card.js +611 -469
- package/dist/fixed-footer-layout.js +8 -7
- package/dist/generated/mistica-icons/icon-alert-filled.js +15 -5
- package/dist/generated/mistica-icons/icon-alert-light.js +24 -8
- package/dist/generated/mistica-icons/icon-alert-regular.js +30 -14
- package/dist/generated/mistica-icons/icon-bell-filled.js +19 -9
- package/dist/generated/mistica-icons/icon-bell-light.js +16 -6
- package/dist/generated/mistica-icons/icon-bell-regular.js +19 -9
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-light.js +28 -11
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +20 -9
- package/dist/generated/mistica-icons/icon-edit-pencil-light.js +21 -10
- package/dist/generated/mistica-icons/icon-edit-pencil-regular.js +22 -12
- package/dist/generated/mistica-icons/icon-gift-filled.js +19 -9
- package/dist/generated/mistica-icons/icon-gift-light.js +20 -10
- package/dist/generated/mistica-icons/icon-gift-regular.js +19 -9
- package/dist/generated/mistica-icons/icon-heart-filled.js +16 -6
- package/dist/generated/mistica-icons/icon-heart-light.js +18 -8
- package/dist/generated/mistica-icons/icon-heart-regular.js +24 -14
- package/dist/generated/mistica-icons/icon-home-filled.js +23 -13
- package/dist/generated/mistica-icons/icon-home-light.js +24 -14
- package/dist/generated/mistica-icons/icon-home-regular.js +21 -11
- package/dist/generated/mistica-icons/icon-home-wifi-filled.js +24 -7
- package/dist/generated/mistica-icons/icon-home-wifi-light.js +25 -8
- package/dist/generated/mistica-icons/icon-home-wifi-regular.js +24 -7
- package/dist/generated/mistica-icons/icon-pause-regular.js +10 -12
- package/dist/generated/mistica-icons/icon-play-regular.js +14 -16
- package/dist/generated/mistica-icons/icon-reload-light.js +22 -12
- package/dist/generated/mistica-icons/icon-reload-regular.js +24 -14
- package/dist/generated/mistica-icons/icon-share-filled.js +20 -10
- package/dist/generated/mistica-icons/icon-share-light.js +21 -11
- package/dist/generated/mistica-icons/icon-share-regular.js +21 -11
- package/dist/generated/mistica-icons/icon-shopping-bag-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-shopping-bag-filled.js +110 -0
- package/dist/generated/mistica-icons/icon-shopping-bag-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-shopping-bag-light.js +110 -0
- package/dist/generated/mistica-icons/icon-shopping-bag-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-shopping-bag-regular.js +110 -0
- package/dist/generated/mistica-icons/icon-tickets-filled.js +17 -7
- package/dist/generated/mistica-icons/icon-tickets-light.js +26 -10
- package/dist/generated/mistica-icons/icon-tickets-regular.js +35 -19
- package/dist/hooks.js +57 -56
- package/dist/index.d.ts +3 -0
- package/dist/index.js +14 -1
- package/dist/package-version.js +1 -1
- package/dist/skins/blau.js +14 -2
- package/dist/skins/defaults.js +12 -0
- package/dist/skins/movistar-legacy.js +15 -3
- package/dist/skins/movistar.js +12 -0
- package/dist/skins/o2.js +13 -1
- package/dist/skins/telefonica.js +12 -0
- package/dist/skins/types/index.d.ts +1 -1
- package/dist/skins/vivo-new.js +12 -0
- package/dist/skins/vivo.js +13 -1
- package/dist/theme-context-provider.js +34 -30
- package/dist/tooltip.js +35 -34
- package/dist/utils/dom.js +10 -10
- package/dist/utils/environment.d.ts +1 -0
- package/dist/utils/environment.js +12 -4
- package/dist-es/boxed.css-mistica.js +3 -3
- package/dist-es/boxed.js +16 -18
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +652 -511
- package/dist-es/fixed-footer-layout.js +18 -17
- package/dist-es/generated/mistica-icons/icon-alert-filled.js +18 -8
- package/dist-es/generated/mistica-icons/icon-alert-light.js +30 -14
- package/dist-es/generated/mistica-icons/icon-alert-regular.js +36 -20
- package/dist-es/generated/mistica-icons/icon-bell-filled.js +26 -16
- package/dist-es/generated/mistica-icons/icon-bell-light.js +20 -10
- package/dist-es/generated/mistica-icons/icon-bell-regular.js +20 -10
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-light.js +33 -16
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +25 -14
- package/dist-es/generated/mistica-icons/icon-edit-pencil-light.js +25 -14
- package/dist-es/generated/mistica-icons/icon-edit-pencil-regular.js +30 -20
- package/dist-es/generated/mistica-icons/icon-gift-filled.js +22 -12
- package/dist-es/generated/mistica-icons/icon-gift-light.js +23 -13
- package/dist-es/generated/mistica-icons/icon-gift-regular.js +22 -12
- package/dist-es/generated/mistica-icons/icon-heart-filled.js +18 -8
- package/dist-es/generated/mistica-icons/icon-heart-light.js +24 -14
- package/dist-es/generated/mistica-icons/icon-heart-regular.js +25 -15
- package/dist-es/generated/mistica-icons/icon-home-filled.js +30 -20
- package/dist-es/generated/mistica-icons/icon-home-light.js +27 -17
- package/dist-es/generated/mistica-icons/icon-home-regular.js +27 -17
- package/dist-es/generated/mistica-icons/icon-home-wifi-filled.js +28 -11
- package/dist-es/generated/mistica-icons/icon-home-wifi-light.js +29 -12
- package/dist-es/generated/mistica-icons/icon-home-wifi-regular.js +28 -11
- package/dist-es/generated/mistica-icons/icon-pause-regular.js +12 -14
- package/dist-es/generated/mistica-icons/icon-play-regular.js +19 -21
- package/dist-es/generated/mistica-icons/icon-reload-light.js +27 -17
- package/dist-es/generated/mistica-icons/icon-reload-regular.js +27 -17
- package/dist-es/generated/mistica-icons/icon-share-filled.js +25 -15
- package/dist-es/generated/mistica-icons/icon-share-light.js +28 -18
- package/dist-es/generated/mistica-icons/icon-share-regular.js +28 -18
- package/dist-es/generated/mistica-icons/icon-shopping-bag-filled.js +101 -0
- package/dist-es/generated/mistica-icons/icon-shopping-bag-light.js +101 -0
- package/dist-es/generated/mistica-icons/icon-shopping-bag-regular.js +101 -0
- package/dist-es/generated/mistica-icons/icon-tickets-filled.js +21 -11
- package/dist-es/generated/mistica-icons/icon-tickets-light.js +30 -14
- package/dist-es/generated/mistica-icons/icon-tickets-regular.js +43 -27
- package/dist-es/hooks.js +51 -50
- package/dist-es/index.js +1762 -1758
- package/dist-es/package-version.js +1 -1
- package/dist-es/skins/blau.js +14 -2
- package/dist-es/skins/defaults.js +12 -0
- package/dist-es/skins/movistar-legacy.js +15 -3
- package/dist-es/skins/movistar.js +12 -0
- package/dist-es/skins/o2.js +13 -1
- package/dist-es/skins/telefonica.js +12 -0
- package/dist-es/skins/vivo-new.js +12 -0
- package/dist-es/skins/vivo.js +13 -1
- package/dist-es/style.css +1 -1
- package/dist-es/theme-context-provider.js +72 -68
- package/dist-es/tooltip.js +37 -36
- package/dist-es/utils/dom.js +9 -9
- package/dist-es/utils/environment.js +2 -2
- package/package.json +1 -1
- package/dist/boxed.css.ts.vanilla.css-mistica.js +0 -11
- 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
|
|
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
|
|
148
|
-
var { children: t , extra: $ , description:
|
|
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)(),
|
|
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] :
|
|
167
|
-
return u && (i === "left" || i === "right") ?
|
|
168
|
-
}(Y.position), v =
|
|
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",
|
|
172
|
-
window.removeEventListener("resize",
|
|
172
|
+
_react.useEffect(()=>(window.addEventListener("resize", S), ()=>{
|
|
173
|
+
window.removeEventListener("resize", S);
|
|
173
174
|
}));
|
|
174
|
-
const
|
|
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 &&
|
|
182
|
-
}, X = (i, A)=>
|
|
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 ?
|
|
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 ?
|
|
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 -
|
|
201
|
-
} : {},
|
|
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]:
|
|
208
|
-
[_tooltipcssmistica.vars.exitTransform]:
|
|
209
|
-
[_tooltipcssmistica.vars.enterActiveAnimationName]:
|
|
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]:
|
|
212
|
-
[_tooltipcssmistica.vars.arrowBoxShadow]:
|
|
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,
|
|
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
|
-
},
|
|
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":
|
|
239
|
+
"aria-describedby": P,
|
|
239
240
|
"aria-expanded": l,
|
|
240
|
-
"aria-label":
|
|
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:
|
|
247
|
+
onPress: y
|
|
247
248
|
}),
|
|
248
249
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
|
|
249
250
|
in: l,
|
|
250
|
-
timeout:
|
|
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:
|
|
262
|
+
id: P,
|
|
262
263
|
className: _tooltipcssmistica.container,
|
|
263
264
|
style: _object_spread({
|
|
264
|
-
width:
|
|
265
|
-
}, X(a,
|
|
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 ||
|
|
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
|
-
|
|
290
|
+
w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
290
291
|
regular: !0,
|
|
291
|
-
children:
|
|
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
|
-
},
|
|
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
|
|
25
|
+
return g;
|
|
26
26
|
},
|
|
27
27
|
getScrollableParentElement: function() {
|
|
28
|
-
return
|
|
28
|
+
return E;
|
|
29
29
|
},
|
|
30
30
|
hasScroll: function() {
|
|
31
|
-
return
|
|
31
|
+
return h;
|
|
32
32
|
},
|
|
33
33
|
isInputTypeSupported: function() {
|
|
34
34
|
return u;
|
|
35
35
|
},
|
|
36
36
|
listenResize: function() {
|
|
37
|
-
return
|
|
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
|
|
148
|
+
let l = !1;
|
|
149
149
|
try {
|
|
150
150
|
const e = Object.defineProperty({}, "passive", {
|
|
151
151
|
get () {
|
|
152
|
-
|
|
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,
|
|
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
|
-
},
|
|
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
|
-
},
|
|
179
|
-
const t = ()=>
|
|
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));
|
|
@@ -2,10 +2,18 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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 "./
|
|
2
|
-
var
|
|
3
|
-
export {
|
|
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
|
|
54
|
+
import * as i from "react";
|
|
55
55
|
import v from "classnames";
|
|
56
|
-
import { useIsInverseVariant as
|
|
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 {
|
|
60
|
-
import { sprinkles as
|
|
61
|
-
const h = (o, r)=>o
|
|
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
|
-
}) :
|
|
64
|
-
|
|
65
|
-
|
|
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:
|
|
67
|
+
ref: x,
|
|
70
68
|
style: {
|
|
71
69
|
width: c,
|
|
72
70
|
height: b,
|
|
73
|
-
minHeight:
|
|
71
|
+
minHeight: p,
|
|
74
72
|
boxSizing: "border-box",
|
|
75
|
-
background:
|
|
73
|
+
background: a
|
|
76
74
|
},
|
|
77
|
-
className: v(d, h(
|
|
78
|
-
borderRadius:
|
|
75
|
+
className: v(d, h(n, r), s({
|
|
76
|
+
borderRadius: u,
|
|
79
77
|
overflow: "hidden",
|
|
80
|
-
background: (
|
|
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
|
-
}),
|
|
88
|
+
}), z = /*#__PURE__*/ i.forwardRef((o, r)=>/* @__PURE__ */ t(w, _object_spread_props(_object_spread({}, o), {
|
|
91
89
|
ref: r
|
|
92
90
|
})));
|
|
93
|
-
export {
|
|
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",
|
|
4
|
-
export { _ as actions, y as boxed,
|
|
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 };
|