@telefonica/mistica 14.17.0 → 14.17.1
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/list.css-mistica.js +9 -6
- package/dist/list.css.d.ts +1 -0
- package/dist/list.js +51 -50
- package/dist/package-version.js +1 -1
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +62 -61
- package/dist-es/package-version.js +1 -1
- package/dist-es/style.css +1 -1
- package/package.json +1 -1
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:
|
|
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
178
|
const u = (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,24 +269,24 @@ 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
|
}),
|
|
@@ -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: u } = 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),
|
|
@@ -381,7 +382,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
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;
|
|
@@ -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
430
|
dataAttributes: u,
|
|
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
|
});
|
|
@@ -471,12 +472,12 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
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
|
}
|
|
@@ -494,7 +495,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
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
|
});
|
|
@@ -519,7 +520,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
519
520
|
type: "basic"
|
|
520
521
|
})
|
|
521
522
|
});
|
|
522
|
-
}),
|
|
523
|
+
}), Fe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
|
|
523
524
|
var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
|
|
524
525
|
"dataAttributes"
|
|
525
526
|
]);
|
|
@@ -529,24 +530,24 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
529
530
|
"component-name": "Row"
|
|
530
531
|
}, e)
|
|
531
532
|
}));
|
|
532
|
-
}),
|
|
533
|
-
let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider:
|
|
534
|
-
const b = _react.Children.count(e) - 1, l = !
|
|
533
|
+
}), Ye = (param)=>{
|
|
534
|
+
let { children: e , ariaLabelledby: r , role: i , dataAttributes: a , noLastDivider: s } = param;
|
|
535
|
+
const b = _react.Children.count(e) - 1, l = !s;
|
|
535
536
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
|
|
536
537
|
role: i,
|
|
537
538
|
"aria-labelledby": r
|
|
538
539
|
}, (0, _dom.getPrefixedDataAttributes)(a, "RowList")), {
|
|
539
|
-
children: _react.Children.toArray(e).filter(Boolean).map((B,
|
|
540
|
+
children: _react.Children.toArray(e).filter(Boolean).map((B, c)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
|
|
540
541
|
children: [
|
|
541
542
|
B,
|
|
542
|
-
(
|
|
543
|
+
(c < b || l) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
543
544
|
paddingX: 16,
|
|
544
545
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
|
|
545
546
|
})
|
|
546
547
|
]
|
|
547
|
-
},
|
|
548
|
+
}, c))
|
|
548
549
|
}));
|
|
549
|
-
},
|
|
550
|
+
}, qe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
|
|
550
551
|
var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
|
|
551
552
|
"dataAttributes"
|
|
552
553
|
]);
|
|
@@ -558,7 +559,7 @@ const U = (e, r)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
558
559
|
}, e),
|
|
559
560
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_, _object_spread({}, r))
|
|
560
561
|
});
|
|
561
|
-
}),
|
|
562
|
+
}), ze = (param)=>/* @__PURE__ */ {
|
|
562
563
|
let { children: e , ariaLabelledby: r , role: i , dataAttributes: a } = param;
|
|
563
564
|
return (0, _jsxruntime.jsx)(_stack.default, {
|
|
564
565
|
space: 16,
|
package/dist/package-version.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./list.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var _ = "_1y2v1nf64 _1y2v1nf6m _1y2v1nf6o", y = "_1y2v1nf6d _1y2v1nf9i _1y2v1nf8w _1y2v1nf6m", f = "_1y2v1nf64 _1y2v1nf6j", a = "_1y2v1nf64 _1y2v1nf8f _1y2v1nfa5", r = "
|
|
4
|
-
export { _ as asset, y as badge, f as center, a as content, r as detail, t as detailRight,
|
|
3
|
+
var _ = "_1y2v1nf64 _1y2v1nf6m _1y2v1nf6o", y = "_1y2v1nf6d _1y2v1nf9i _1y2v1nf8w _1y2v1nf6m", f = "_1y2v1nf64 _1y2v1nf6j", a = "_1y2v1nf64 _1y2v1nf8f _1y2v1nfa5", r = "_2buj9ge", t = "_2buj9gd", i = "_2buj9g0", e = "_1y2v1nf64 _1y2v1nf69 _1y2v1nf8w", o = "_2buj9gl _1y2v1nf64", d = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf66 _1y2v1nf6p", g = "_2buj9gn _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nfaa _1y2v1nf5y _1y2v1nf7q _1y2v1nf85 _1y2v1nf64 _1y2v1nf6j _1y2v1nf6o _1y2v1nf8g _1y2v1nf8w", u = "_2buj9g1", b = "_1y2v1nfar", l = "_2buj9gb", j = "_2buj9gc", c = "_1y2v1nf64 _1y2v1nf6a _1y2v1nf6q", h = "_1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf8f _1y2v1nfaa _1y2v1nf5y _1y2v1nf66 _1y2v1nf8w";
|
|
4
|
+
export { _ as asset, y as badge, f as center, a as content, r as detail, t as detailRight, i as disabled, e as dualActionContainer, o as dualActionDivider, d as dualActionLeft, g as dualActionRight, u as hoverBackground, b as pointer, l as right, j as rightRestrictedWidth, c as rowBody, h as rowContent };
|