@telefonica/mistica 14.17.0 → 14.18.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/avatar.css-mistica.js +3 -3
- package/dist/badge.css-mistica.js +3 -3
- package/dist/box.d.ts +8 -8
- package/dist/box.js +28 -21
- package/dist/boxed.css-mistica.js +1 -1
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +8 -8
- package/dist/button.css-mistica.js +19 -19
- package/dist/callout.css-mistica.js +1 -1
- package/dist/card.css-mistica.js +27 -18
- package/dist/card.css.d.ts +3 -0
- package/dist/card.d.ts +37 -14
- package/dist/card.js +442 -268
- package/dist/carousel.css-mistica.js +16 -16
- package/dist/checkbox.css-mistica.js +10 -10
- package/dist/chip.css-mistica.js +4 -4
- package/dist/circle.css-mistica.js +2 -2
- package/dist/circle.d.ts +2 -0
- package/dist/circle.js +61 -7
- package/dist/community/advanced-data-card.css-mistica.js +69 -0
- package/dist/community/advanced-data-card.css.d.ts +20 -0
- package/dist/community/advanced-data-card.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/community/advanced-data-card.d.ts +39 -0
- package/dist/community/advanced-data-card.js +317 -0
- package/dist/community/blocks.css-mistica.js +21 -0
- package/dist/community/blocks.css.d.ts +2 -0
- package/dist/community/blocks.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/community/blocks.d.ts +73 -0
- package/dist/community/blocks.js +258 -0
- package/dist/community/index.d.ts +2 -0
- package/dist/community/index.js +31 -3
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/dialog.css-mistica.js +9 -9
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +4 -4
- package/dist/empty-state.js +4 -4
- package/dist/feedback.css-mistica.js +3 -3
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/grid.css.d.ts +6 -6
- package/dist/header.css-mistica.js +24 -0
- package/dist/header.css.d.ts +3 -0
- package/dist/header.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/header.d.ts +3 -0
- package/dist/header.js +121 -101
- package/dist/hero.css-mistica.js +4 -4
- package/dist/highlighted-card.css-mistica.js +5 -5
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +1 -1
- package/dist/image.d.ts +19 -6
- package/dist/image.js +64 -61
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6 -0
- package/dist/list.css-mistica.js +14 -11
- package/dist/list.css.d.ts +1 -0
- package/dist/list.js +61 -59
- package/dist/loading-bar.css-mistica.js +5 -5
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/menu.css-mistica.js +2 -2
- package/dist/navigation-bar.css-mistica.js +16 -16
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/password-field.css-mistica.js +2 -2
- package/dist/popover.css-mistica.js +11 -11
- package/dist/progress-bar.css-mistica.js +3 -3
- package/dist/radio-button.css-mistica.js +12 -12
- package/dist/responsive-layout.css-mistica.js +2 -2
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +12 -12
- package/dist/skeletons.css-mistica.js +3 -3
- package/dist/snackbar.css-mistica.js +5 -5
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/sprinkles.css-mistica.js +648 -336
- package/dist/sprinkles.css.d.ts +36 -7
- package/dist/stack.css-mistica.js +7 -4
- package/dist/stack.css.d.ts +3 -0
- package/dist/stack.d.ts +4 -2
- package/dist/stack.js +20 -13
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +21 -21
- package/dist/tabs.css-mistica.js +11 -11
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +11 -11
- package/dist/text-field-components.css-mistica.js +15 -15
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/theme.d.ts +2 -0
- package/dist/theme.js +49 -41
- package/dist/tooltip.css-mistica.js +9 -9
- package/dist/touchable.css-mistica.js +3 -3
- package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
- package/dist/utils/aspect-ratio-support.d.ts +4 -2
- package/dist/utils/aspect-ratio-support.js +17 -16
- package/dist/utils/types.d.ts +5 -0
- package/dist/utils/utility-types.d.ts +7 -0
- package/dist/video.css-mistica.js +2 -2
- package/dist/video.js +26 -78
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/box.js +32 -25
- package/dist-es/boxed.css-mistica.js +1 -1
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +7 -7
- package/dist-es/button.css-mistica.js +9 -9
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/card.css-mistica.js +4 -4
- package/dist-es/card.js +549 -384
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/checkbox.css-mistica.js +6 -6
- package/dist-es/chip.css-mistica.js +4 -4
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/circle.js +66 -12
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -0
- package/dist-es/community/advanced-data-card.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/community/advanced-data-card.js +256 -0
- package/dist-es/community/blocks.css-mistica.js +4 -0
- package/dist-es/community/blocks.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/community/blocks.js +224 -0
- package/dist-es/community/index.js +4 -2
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +3 -3
- package/dist-es/empty-state.js +11 -11
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/header.css-mistica.js +4 -0
- package/dist-es/header.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/header.js +141 -121
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/highlighted-card.css-mistica.js +5 -5
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +1 -1
- package/dist-es/image.js +76 -73
- package/dist-es/index.js +1710 -1710
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +80 -78
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/menu.css-mistica.js +2 -2
- package/dist-es/navigation-bar.css-mistica.js +9 -9
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +6 -6
- package/dist-es/responsive-layout.css-mistica.js +2 -2
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +10 -10
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/snackbar.css-mistica.js +2 -2
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/sprinkles.css-mistica.js +648 -336
- package/dist-es/stack.css-mistica.js +6 -3
- package/dist-es/stack.js +27 -20
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +18 -18
- package/dist-es/tabs.css-mistica.js +7 -7
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-components.css-mistica.js +2 -2
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/theme.js +52 -44
- package/dist-es/tooltip.css-mistica.js +3 -3
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/utils/aspect-ratio-support.js +17 -16
- package/dist-es/video.css-mistica.js +2 -2
- package/dist-es/video.js +36 -88
- package/package.json +2 -2
package/dist/list.js
CHANGED
|
@@ -10,16 +10,16 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
BoxedRow: function() {
|
|
13
|
-
return
|
|
13
|
+
return qe;
|
|
14
14
|
},
|
|
15
15
|
BoxedRowList: function() {
|
|
16
|
-
return
|
|
16
|
+
return ze;
|
|
17
17
|
},
|
|
18
18
|
Row: function() {
|
|
19
|
-
return
|
|
19
|
+
return Fe;
|
|
20
20
|
},
|
|
21
21
|
RowList: function() {
|
|
22
|
-
return
|
|
22
|
+
return Ye;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -173,12 +173,12 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
173
173
|
height: "100%"
|
|
174
174
|
},
|
|
175
175
|
children: e
|
|
176
|
-
}) : e,
|
|
177
|
-
let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle:
|
|
178
|
-
const
|
|
176
|
+
}) : e, be = (param)=>{
|
|
177
|
+
let { withChevron: e , headline: r , title: i , titleLinesMax: a , subtitle: s , subtitleLinesMax: b , description: l , descriptionLinesMax: B , detail: c , asset: T , type: f = "basic" , badge: I , right: S , extra: V , labelId: h , disabled: g } = param;
|
|
178
|
+
const m = (0, _themevariantcontext.useIsInverseVariant)(), n = [
|
|
179
179
|
r,
|
|
180
180
|
i,
|
|
181
|
-
|
|
181
|
+
s,
|
|
182
182
|
l,
|
|
183
183
|
V
|
|
184
184
|
].filter(Boolean).length === 1, E = ()=>I ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
@@ -234,12 +234,12 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
234
234
|
hyphens: "auto",
|
|
235
235
|
children: i
|
|
236
236
|
}),
|
|
237
|
-
|
|
237
|
+
s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
238
238
|
regular: !0,
|
|
239
239
|
color: _skincontractcssmistica.vars.colors.textSecondary,
|
|
240
240
|
truncate: b,
|
|
241
241
|
hyphens: "auto",
|
|
242
|
-
children:
|
|
242
|
+
children: s
|
|
243
243
|
}),
|
|
244
244
|
l && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
245
245
|
regular: !0,
|
|
@@ -257,10 +257,11 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
257
257
|
E(),
|
|
258
258
|
/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
259
259
|
className: (0, _classnames.default)({
|
|
260
|
-
[_listcssmistica.right]: !!
|
|
260
|
+
[_listcssmistica.right]: !!c || f !== "basic",
|
|
261
|
+
[_listcssmistica.rightRestrictedWidth]: !!c
|
|
261
262
|
}),
|
|
262
263
|
children: [
|
|
263
|
-
|
|
264
|
+
c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
264
265
|
className: (0, _classnames.default)(_listcssmistica.center, _listcssmistica.detail, {
|
|
265
266
|
[_listcssmistica.disabled]: g
|
|
266
267
|
}),
|
|
@@ -268,29 +269,29 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
268
269
|
regular: !0,
|
|
269
270
|
color: _skincontractcssmistica.vars.colors.textSecondary,
|
|
270
271
|
hyphens: "auto",
|
|
271
|
-
children:
|
|
272
|
+
children: c
|
|
272
273
|
})
|
|
273
274
|
}),
|
|
274
275
|
f === "control" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
275
276
|
className: (0, _classnames.default)({
|
|
276
|
-
[_listcssmistica.detailRight]: !!
|
|
277
|
+
[_listcssmistica.detailRight]: !!c
|
|
277
278
|
}),
|
|
278
279
|
children: U(S, n)
|
|
279
280
|
}),
|
|
280
281
|
f === "custom" && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
281
282
|
className: (0, _classnames.default)({
|
|
282
|
-
[_listcssmistica.detailRight]: !!
|
|
283
|
+
[_listcssmistica.detailRight]: !!c,
|
|
283
284
|
[_listcssmistica.disabled]: g
|
|
284
285
|
}),
|
|
285
286
|
children: U(S, n)
|
|
286
287
|
}),
|
|
287
288
|
(f === "chevron" || f === "custom" && e) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
288
|
-
paddingLeft:
|
|
289
|
+
paddingLeft: c || f === "custom" ? 4 : 0,
|
|
289
290
|
className: (0, _classnames.default)(_listcssmistica.center, {
|
|
290
291
|
[_listcssmistica.disabled]: g
|
|
291
292
|
}),
|
|
292
293
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
|
|
293
|
-
color:
|
|
294
|
+
color: m ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
|
|
294
295
|
direction: "right"
|
|
295
296
|
})
|
|
296
297
|
})
|
|
@@ -298,51 +299,51 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
298
299
|
})
|
|
299
300
|
]
|
|
300
301
|
});
|
|
301
|
-
},
|
|
302
|
+
}, xe = (param)=>{
|
|
302
303
|
let { value: e , defaultValue: r , onChange: i } = param;
|
|
303
|
-
const a = e !== void 0, [
|
|
304
|
-
a || b(!
|
|
304
|
+
const a = e !== void 0, [s, b] = _react.useState(!!r), l = ()=>{
|
|
305
|
+
a || b(!s), i && i(a ? !e : !s);
|
|
305
306
|
};
|
|
306
307
|
return a ? [
|
|
307
308
|
!!e,
|
|
308
309
|
l
|
|
309
310
|
] : [
|
|
310
|
-
|
|
311
|
+
s,
|
|
311
312
|
l
|
|
312
313
|
];
|
|
313
|
-
},
|
|
314
|
-
const i = (0, _hooks.useAriaId)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { asset:
|
|
315
|
-
let { type:
|
|
316
|
-
return (0, _jsxruntime.jsx)(
|
|
317
|
-
asset:
|
|
314
|
+
}, we = (e)=>e.switch !== void 0, ye = (e)=>e.checkbox !== void 0, Re = (e)=>e.radioValue !== void 0, _ = /*#__PURE__*/ _react.forwardRef((e, r)=>{
|
|
315
|
+
const i = (0, _hooks.useAriaId)(), a = (0, _themevariantcontext.useIsInverseVariant)(), { asset: s , headline: b , title: l , titleLinesMax: B , subtitle: c , subtitleLinesMax: T , description: f , descriptionLinesMax: I , detail: S , badge: V , role: h , extra: g , dataAttributes: m } = e, O = (0, _radiobutton.useRadioContext)(), n = e.disabled || e.radioValue !== void 0 && O.disabled, [E, F] = xe(e.switch || e.checkbox || {}), x = (param)=>/* @__PURE__ */ {
|
|
316
|
+
let { type: d , right: v , labelId: X } = param;
|
|
317
|
+
return (0, _jsxruntime.jsx)(be, {
|
|
318
|
+
asset: s,
|
|
318
319
|
headline: b,
|
|
319
320
|
title: l,
|
|
320
|
-
subtitle:
|
|
321
|
+
subtitle: c,
|
|
321
322
|
description: f,
|
|
322
323
|
badge: V,
|
|
323
324
|
titleLinesMax: B,
|
|
324
325
|
subtitleLinesMax: T,
|
|
325
326
|
descriptionLinesMax: I,
|
|
326
327
|
detail: S,
|
|
327
|
-
type:
|
|
328
|
+
type: d,
|
|
328
329
|
right: v,
|
|
329
330
|
extra: g,
|
|
330
331
|
labelId: X,
|
|
331
332
|
disabled: n,
|
|
332
333
|
withChevron: !!e.onPress || !!e.href || !!e.to
|
|
333
334
|
});
|
|
334
|
-
}, M = (
|
|
335
|
+
}, M = (d)=>{
|
|
335
336
|
let v = "chevron";
|
|
336
|
-
return
|
|
337
|
+
return d.right === null && (v = "basic"), d.right && (v = "custom"), /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
337
338
|
paddingX: 16,
|
|
338
339
|
ref: r,
|
|
339
340
|
children: x({
|
|
340
341
|
type: v,
|
|
341
|
-
right:
|
|
342
|
+
right: d.right
|
|
342
343
|
})
|
|
343
344
|
});
|
|
344
345
|
};
|
|
345
|
-
if (e.onPress && !
|
|
346
|
+
if (e.onPress && !we(e) && !ye(e) && !Re(e)) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
|
|
346
347
|
ref: r,
|
|
347
348
|
className: (0, _classnames.default)(_listcssmistica.rowContent, {
|
|
348
349
|
[_listcssmistica.hoverBackground]: !(n || a),
|
|
@@ -351,7 +352,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
351
352
|
trackingEvent: e.trackingEvent,
|
|
352
353
|
onPress: e.onPress,
|
|
353
354
|
role: h,
|
|
354
|
-
dataAttributes:
|
|
355
|
+
dataAttributes: m,
|
|
355
356
|
disabled: n,
|
|
356
357
|
children: M(e)
|
|
357
358
|
});
|
|
@@ -364,7 +365,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
364
365
|
to: e.to,
|
|
365
366
|
fullPageOnWebView: e.fullPageOnWebView,
|
|
366
367
|
role: h,
|
|
367
|
-
dataAttributes:
|
|
368
|
+
dataAttributes: m,
|
|
368
369
|
disabled: n,
|
|
369
370
|
children: M(e)
|
|
370
371
|
});
|
|
@@ -377,11 +378,11 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
377
378
|
href: e.href,
|
|
378
379
|
newTab: e.newTab,
|
|
379
380
|
role: h,
|
|
380
|
-
dataAttributes:
|
|
381
|
+
dataAttributes: m,
|
|
381
382
|
disabled: n,
|
|
382
383
|
children: M(e)
|
|
383
384
|
});
|
|
384
|
-
const Y = (
|
|
385
|
+
const Y = (d)=>{
|
|
385
386
|
var X, q;
|
|
386
387
|
var _ref, _ref1;
|
|
387
388
|
const v = (_ref1 = (_ref = (X = e.switch) == null ? void 0 : X.name) !== null && _ref !== void 0 ? _ref : (q = e.checkbox) == null ? void 0 : q.name) !== null && _ref1 !== void 0 ? _ref1 : i;
|
|
@@ -389,7 +390,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
389
390
|
className: _listcssmistica.dualActionContainer,
|
|
390
391
|
children: [
|
|
391
392
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
|
|
392
|
-
dataAttributes:
|
|
393
|
+
dataAttributes: m,
|
|
393
394
|
disabled: n,
|
|
394
395
|
onPress: e.onPress,
|
|
395
396
|
role: h,
|
|
@@ -404,17 +405,17 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
404
405
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
405
406
|
className: _listcssmistica.dualActionDivider
|
|
406
407
|
}),
|
|
407
|
-
/* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
408
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
|
|
408
409
|
disabled: n,
|
|
409
410
|
name: v,
|
|
410
411
|
checked: E,
|
|
411
412
|
"aria-labelledby": i,
|
|
412
413
|
onChange: F,
|
|
413
414
|
render: (param)=>/* @__PURE__ */ {
|
|
414
|
-
let { controlElement:
|
|
415
|
+
let { controlElement: W } = param;
|
|
415
416
|
return (0, _jsxruntime.jsx)("div", {
|
|
416
417
|
className: _listcssmistica.dualActionRight,
|
|
417
|
-
children:
|
|
418
|
+
children: W
|
|
418
419
|
});
|
|
419
420
|
}
|
|
420
421
|
})
|
|
@@ -424,14 +425,14 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
424
425
|
[_listcssmistica.hoverBackground]: !(n || a),
|
|
425
426
|
[_listcssmistica.pointer]: !n
|
|
426
427
|
}),
|
|
427
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
428
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(d, {
|
|
428
429
|
disabled: n,
|
|
429
|
-
dataAttributes:
|
|
430
|
+
dataAttributes: m,
|
|
430
431
|
name: v,
|
|
431
432
|
checked: E,
|
|
432
433
|
onChange: F,
|
|
433
434
|
render: (param)=>/* @__PURE__ */ {
|
|
434
|
-
let { controlElement:
|
|
435
|
+
let { controlElement: W , labelId: $ } = param;
|
|
435
436
|
return (0, _jsxruntime.jsx)(_box.default, {
|
|
436
437
|
paddingX: 16,
|
|
437
438
|
role: h,
|
|
@@ -440,7 +441,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
440
441
|
type: "control",
|
|
441
442
|
right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
442
443
|
space: "around",
|
|
443
|
-
children:
|
|
444
|
+
children: W
|
|
444
445
|
})
|
|
445
446
|
})
|
|
446
447
|
});
|
|
@@ -467,16 +468,16 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
467
468
|
className: _listcssmistica.dualActionDivider
|
|
468
469
|
}),
|
|
469
470
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
|
|
470
|
-
dataAttributes:
|
|
471
|
+
dataAttributes: m,
|
|
471
472
|
value: e.radioValue,
|
|
472
473
|
"aria-labelledby": i,
|
|
473
474
|
render: (param)=>/* @__PURE__ */ {
|
|
474
|
-
let { controlElement:
|
|
475
|
+
let { controlElement: d } = param;
|
|
475
476
|
return (0, _jsxruntime.jsx)(_stack.default, {
|
|
476
477
|
space: "around",
|
|
477
478
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
478
479
|
paddingX: 16,
|
|
479
|
-
children:
|
|
480
|
+
children: d
|
|
480
481
|
})
|
|
481
482
|
});
|
|
482
483
|
}
|
|
@@ -490,11 +491,11 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
490
491
|
role: h,
|
|
491
492
|
ref: r,
|
|
492
493
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
|
|
493
|
-
dataAttributes:
|
|
494
|
+
dataAttributes: m,
|
|
494
495
|
value: e.radioValue,
|
|
495
496
|
"aria-labelledby": i,
|
|
496
497
|
render: (param)=>/* @__PURE__ */ {
|
|
497
|
-
let { controlElement:
|
|
498
|
+
let { controlElement: d } = param;
|
|
498
499
|
return (0, _jsxruntime.jsx)(_box.default, {
|
|
499
500
|
paddingX: 16,
|
|
500
501
|
children: x({
|
|
@@ -502,7 +503,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
502
503
|
type: "control",
|
|
503
504
|
right: ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
504
505
|
space: "around",
|
|
505
|
-
children:
|
|
506
|
+
children: d
|
|
506
507
|
})
|
|
507
508
|
})
|
|
508
509
|
});
|
|
@@ -512,6 +513,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
512
513
|
paddingX: 16,
|
|
513
514
|
className: _listcssmistica.rowContent,
|
|
514
515
|
role: h,
|
|
516
|
+
dataAttributes: m,
|
|
515
517
|
children: e.right ? x({
|
|
516
518
|
type: "custom",
|
|
517
519
|
right: e.right
|
|
@@ -519,7 +521,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
519
521
|
type: "basic"
|
|
520
522
|
})
|
|
521
523
|
});
|
|
522
|
-
}),
|
|
524
|
+
}), Fe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
|
|
523
525
|
var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
|
|
524
526
|
"dataAttributes"
|
|
525
527
|
]);
|
|
@@ -529,24 +531,24 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
529
531
|
"component-name": "Row"
|
|
530
532
|
}, e)
|
|
531
533
|
}));
|
|
532
|
-
}),
|
|
533
|
-
let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider:
|
|
534
|
-
const b = _react.Children.count(e) - 1, l = !
|
|
534
|
+
}), Ye = (param)=>{
|
|
535
|
+
let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: s } = param;
|
|
536
|
+
const b = _react.Children.count(e) - 1, l = !s;
|
|
535
537
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
|
|
536
538
|
role: i,
|
|
537
539
|
"aria-labelledby": r
|
|
538
540
|
}, (0, _dom.getPrefixedDataAttributes)(a, "RowList")), {
|
|
539
|
-
children: _react.Children.toArray(e).filter(Boolean).map((B,
|
|
541
|
+
children: _react.Children.toArray(e).filter(Boolean).map((B, c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
|
|
540
542
|
children: [
|
|
541
543
|
B,
|
|
542
|
-
(
|
|
544
|
+
(c < b || l) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
543
545
|
paddingX: 16,
|
|
544
546
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
|
|
545
547
|
})
|
|
546
548
|
]
|
|
547
|
-
},
|
|
549
|
+
}, c))
|
|
548
550
|
}));
|
|
549
|
-
},
|
|
551
|
+
}, qe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
|
|
550
552
|
var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
|
|
551
553
|
"dataAttributes"
|
|
552
554
|
]);
|
|
@@ -558,7 +560,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
558
560
|
}, e),
|
|
559
561
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_, _object_spread({}, r))
|
|
560
562
|
});
|
|
561
|
-
}),
|
|
563
|
+
}), ze = (param)=>/* @__PURE__ */ {
|
|
562
564
|
let { children: e , ariaLabelledby: r , role: i , dataAttributes: a } = param;
|
|
563
565
|
return (0, _jsxruntime.jsx)(_stack.default, {
|
|
564
566
|
space: 16,
|
|
@@ -10,19 +10,19 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
TRANSITION_DURATION_MS: function() {
|
|
13
|
-
return
|
|
13
|
+
return v;
|
|
14
14
|
},
|
|
15
15
|
enter: function() {
|
|
16
16
|
return _;
|
|
17
17
|
},
|
|
18
18
|
enterActive: function() {
|
|
19
|
-
return
|
|
19
|
+
return e;
|
|
20
20
|
},
|
|
21
21
|
exit: function() {
|
|
22
|
-
return
|
|
22
|
+
return f;
|
|
23
23
|
},
|
|
24
24
|
exitActive: function() {
|
|
25
|
-
return
|
|
25
|
+
return a;
|
|
26
26
|
},
|
|
27
27
|
innerProgress: function() {
|
|
28
28
|
return y;
|
|
@@ -39,4 +39,4 @@ _export(exports, {
|
|
|
39
39
|
});
|
|
40
40
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
41
41
|
require("./loading-bar.css.ts.vanilla.css-mistica.js");
|
|
42
|
-
var
|
|
42
|
+
var v = 400, _ = "_1num3qg9", e = "_1num3qga", f = "_1num3qgb", a = "_1num3qgc", y = "_1num3qg8 _1y2v1nfc8", t = "_1num3qg3 _1y2v1nfb1 _1y2v1nfe6 _1y2v1nfel _1y2v1nff0", g = "_1num3qg6 _1y2v1nfb0 _1y2v1nfc8 _1y2v1nfbr", m = "_1y2v1nfbr _1y2v1nfe4 _1y2v1nfaz _1y2v1nf48 _1y2v1nfcb";
|
|
@@ -21,4 +21,4 @@ _export(exports, {
|
|
|
21
21
|
});
|
|
22
22
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
23
23
|
require("./maybe-dismissable.css.ts.vanilla.css-mistica.js");
|
|
24
|
-
var f = "cim30m2
|
|
24
|
+
var f = "cim30m2 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nff0 _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd", y = "cim30m4 _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbd _1y2v1nfc0 _1y2v1nfcg _1y2v1nfdn", _ = "_1y2v1nfaz _1y2v1nfb4 _1y2v1nfbm";
|
package/dist/menu.css-mistica.js
CHANGED
|
@@ -10,7 +10,7 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
hideItems: function() {
|
|
13
|
-
return
|
|
13
|
+
return r;
|
|
14
14
|
},
|
|
15
15
|
menuContainer: function() {
|
|
16
16
|
return _;
|
|
@@ -24,7 +24,7 @@ _export(exports, {
|
|
|
24
24
|
});
|
|
25
25
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./menu.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var
|
|
27
|
+
var r = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nf31 _1y2v1nfdv _1y2v1nfb4 _1y2v1nfba _1y2v1nfb0", a = "_2k0k3u8", n = {
|
|
28
28
|
top: "var(--_2k0k3u0)",
|
|
29
29
|
bottom: "var(--_2k0k3u1)",
|
|
30
30
|
left: "var(--_2k0k3u2)",
|
|
@@ -16,22 +16,22 @@ _export(exports, {
|
|
|
16
16
|
return _;
|
|
17
17
|
},
|
|
18
18
|
burgerMenuEnter: function() {
|
|
19
|
-
return
|
|
19
|
+
return e;
|
|
20
20
|
},
|
|
21
21
|
burgerMenuEnterActive: function() {
|
|
22
22
|
return r;
|
|
23
23
|
},
|
|
24
24
|
burgerMenuExit: function() {
|
|
25
|
-
return
|
|
25
|
+
return f;
|
|
26
26
|
},
|
|
27
27
|
burgerMenuExitActive: function() {
|
|
28
|
-
return
|
|
28
|
+
return c;
|
|
29
29
|
},
|
|
30
30
|
iconButtonVariants: function() {
|
|
31
31
|
return d;
|
|
32
32
|
},
|
|
33
33
|
iconCloseHidden: function() {
|
|
34
|
-
return
|
|
34
|
+
return a;
|
|
35
35
|
},
|
|
36
36
|
iconMenuHidden: function() {
|
|
37
37
|
return i;
|
|
@@ -43,19 +43,19 @@ _export(exports, {
|
|
|
43
43
|
return z;
|
|
44
44
|
},
|
|
45
45
|
navbarBorderColorVariants: function() {
|
|
46
|
-
return
|
|
46
|
+
return b;
|
|
47
47
|
},
|
|
48
48
|
section: function() {
|
|
49
|
-
return
|
|
49
|
+
return o;
|
|
50
50
|
},
|
|
51
51
|
selectedSectionVariantes: function() {
|
|
52
52
|
return u;
|
|
53
53
|
},
|
|
54
54
|
spacer: function() {
|
|
55
|
-
return
|
|
55
|
+
return l;
|
|
56
56
|
},
|
|
57
57
|
textWrapperVariants: function() {
|
|
58
|
-
return
|
|
58
|
+
return s;
|
|
59
59
|
},
|
|
60
60
|
topFixed: function() {
|
|
61
61
|
return g;
|
|
@@ -63,17 +63,17 @@ _export(exports, {
|
|
|
63
63
|
});
|
|
64
64
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
65
65
|
require("./navigation-bar.css.ts.vanilla.css-mistica.js");
|
|
66
|
-
var y = "_1vcy5dz1
|
|
66
|
+
var y = "_1vcy5dz1 _1y2v1nfaz _1y2v1nfc0 _1y2v1nfcg", _ = "_1vcy5dzr _1y2v1nfb1 _1y2v1nfeh _1y2v1nfel _1y2v1nff0 _1y2v1nf30", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", c = "_1vcy5dzo", d = {
|
|
67
67
|
default: "_1vcy5dzu _1y2v1nf1m",
|
|
68
68
|
inverse: "_1vcy5dzv _1y2v1nf1l"
|
|
69
|
-
},
|
|
70
|
-
default: "_1vcy5dza _1vcy5dz9
|
|
71
|
-
inverse: "_1vcy5dzb _1vcy5dz9
|
|
72
|
-
menuOpen: "_1vcy5dzc _1vcy5dz9
|
|
73
|
-
},
|
|
69
|
+
}, a = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfb0", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfb0", t = "_1vcy5dzw", z = "_1y2v1nfb4 _1y2v1nfbd", b = {
|
|
70
|
+
default: "_1vcy5dza _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbr _1y2v1nfcn",
|
|
71
|
+
inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbr _1y2v1nfcn",
|
|
72
|
+
menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf6e _1y2v1nf7n _1y2v1nfb4 _1y2v1nfbj _1y2v1nfbr _1y2v1nfcn"
|
|
73
|
+
}, o = "_1vcy5dze _1y2v1nf8q _1y2v1nf9z _1y2v1nfcn _1y2v1nfb4 _1y2v1nfbj _1y2v1nfdm _1y2v1nf5y", u = {
|
|
74
74
|
default: "_1vcy5dzf",
|
|
75
75
|
inverse: "_1vcy5dzg"
|
|
76
|
-
},
|
|
76
|
+
}, l = "_1vcy5dzk _1y2v1nfcn", s = {
|
|
77
77
|
default: "_1vcy5dzh",
|
|
78
78
|
inverse: "_1vcy5dzi"
|
|
79
|
-
}, g = "_1vcy5dz7
|
|
79
|
+
}, g = "_1vcy5dz7 _1y2v1nfb1 _1y2v1nfe6 _1y2v1nfel _1y2v1nff0";
|
|
@@ -24,4 +24,4 @@ _export(exports, {
|
|
|
24
24
|
});
|
|
25
25
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5
|
|
27
|
+
var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q", _ = "_1y2v1nfb7";
|
package/dist/package-version.js
CHANGED
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
Object.defineProperty(exports, "shadow", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return v;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
12
|
require("./password-field.css.ts.vanilla.css-mistica.js");
|
|
13
|
-
var
|
|
13
|
+
var v = "ptqylz1 _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfdn _1y2v1nf5y";
|
|
@@ -10,42 +10,42 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
arrow: function() {
|
|
13
|
-
return
|
|
13
|
+
return r;
|
|
14
14
|
},
|
|
15
15
|
arrowSize: function() {
|
|
16
|
-
return
|
|
16
|
+
return t;
|
|
17
17
|
},
|
|
18
18
|
arrowWrapper: function() {
|
|
19
|
-
return
|
|
19
|
+
return o;
|
|
20
20
|
},
|
|
21
21
|
closeButtonIcon: function() {
|
|
22
22
|
return _;
|
|
23
23
|
},
|
|
24
24
|
container: function() {
|
|
25
|
-
return
|
|
25
|
+
return a;
|
|
26
26
|
},
|
|
27
27
|
defaultPositionDesktop: function() {
|
|
28
28
|
return f;
|
|
29
29
|
},
|
|
30
30
|
defaultPositionMobile: function() {
|
|
31
|
-
return
|
|
31
|
+
return e;
|
|
32
32
|
},
|
|
33
33
|
distanceToTarget: function() {
|
|
34
|
-
return
|
|
34
|
+
return i;
|
|
35
35
|
},
|
|
36
36
|
marginLeftRightMobile: function() {
|
|
37
|
-
return
|
|
37
|
+
return y;
|
|
38
38
|
},
|
|
39
39
|
maxWidthDesktop: function() {
|
|
40
|
-
return
|
|
40
|
+
return b;
|
|
41
41
|
},
|
|
42
42
|
textAlign: function() {
|
|
43
|
-
return
|
|
43
|
+
return g;
|
|
44
44
|
},
|
|
45
45
|
textContent: function() {
|
|
46
|
-
return
|
|
46
|
+
return d;
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
50
50
|
require("./popover.css.ts.vanilla.css-mistica.js");
|
|
51
|
-
var
|
|
51
|
+
var r = "_12igu661 _1y2v1nfb0 _1y2v1nfe6 _1y2v1nfdl _1y2v1nfdo _1y2v1nf31", t = 12, o = "_12igu663 _1y2v1nfb0 _1y2v1nf2 _1y2v1nfe4", _ = "_12igu669 _1y2v1nfb0 _1y2v1nfe9 _1y2v1nff3", a = "_12igu665 _1y2v1nfb0 _1y2v1nfbs _1y2v1nf31 _1y2v1nfdl _1y2v1nfdx", f = "bottom", e = "top", i = 20, y = 16, b = 488, g = "_1y2v1nfb4 _1y2v1nfbj _1y2v1nfc8", d = "_12igu667";
|
|
@@ -10,7 +10,7 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
bar: function() {
|
|
13
|
-
return
|
|
13
|
+
return a;
|
|
14
14
|
},
|
|
15
15
|
barBackground: function() {
|
|
16
16
|
return n;
|
|
@@ -19,9 +19,9 @@ _export(exports, {
|
|
|
19
19
|
return y;
|
|
20
20
|
},
|
|
21
21
|
normal: function() {
|
|
22
|
-
return
|
|
22
|
+
return e;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./progress-bar.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var
|
|
27
|
+
var a = "_1y2v1nfc8 _1y2v1nfe1", n = "_1y2v1nfe1 _1y2v1nfcb _1y2v1nf44", y = "j0y7r95", e = "j0y7r94";
|
|
@@ -10,33 +10,33 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
disabled: function() {
|
|
13
|
-
return
|
|
13
|
+
return v;
|
|
14
14
|
},
|
|
15
15
|
innerCircle: function() {
|
|
16
|
-
return
|
|
16
|
+
return r;
|
|
17
17
|
},
|
|
18
18
|
innerCircleChecked: function() {
|
|
19
|
-
return
|
|
19
|
+
return c;
|
|
20
20
|
},
|
|
21
21
|
outerCircleCheckedVariants: function() {
|
|
22
|
-
return
|
|
22
|
+
return e;
|
|
23
23
|
},
|
|
24
24
|
outerCircleVariants: function() {
|
|
25
|
-
return
|
|
25
|
+
return a;
|
|
26
26
|
},
|
|
27
27
|
radioButton: function() {
|
|
28
|
-
return
|
|
28
|
+
return f;
|
|
29
29
|
},
|
|
30
30
|
radioButtonContainerDisabled: function() {
|
|
31
|
-
return
|
|
31
|
+
return s;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
35
35
|
require("./radio-button.css.ts.vanilla.css-mistica.js");
|
|
36
|
-
var
|
|
36
|
+
var v = "c6dmsud", r = "c6dmsu5 _1y2v1nfb4 _1y2v1nfdn", c = "c6dmsu7 _1y2v1nf45", e = {
|
|
37
37
|
default: "c6dmsub",
|
|
38
38
|
ios: "c6dmsuc"
|
|
39
|
-
},
|
|
40
|
-
default: "c6dmsu2 c6dmsu1
|
|
41
|
-
ios: "c6dmsu3 c6dmsu1
|
|
42
|
-
},
|
|
39
|
+
}, a = {
|
|
40
|
+
default: "c6dmsu2 c6dmsu1 _1y2v1nfb5 _1y2v1nfbj _1y2v1nfbd _1y2v1nfe3 _1y2v1nfbm _1y2v1nfdn _1y2v1nf30",
|
|
41
|
+
ios: "c6dmsu3 c6dmsu1 _1y2v1nfb5 _1y2v1nfbj _1y2v1nfbd _1y2v1nfe3 _1y2v1nfbm _1y2v1nfdn _1y2v1nf30"
|
|
42
|
+
}, f = "c6dmsu9 c6dmsu8", s = "c6dmsua c6dmsu8";
|