@telefonica/mistica 15.16.4 → 15.17.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/css/roboto.css +102 -34
- package/dist/box.d.ts +1 -0
- package/dist/box.js +11 -10
- package/dist/chip.js +21 -22
- package/dist/dialog.js +53 -51
- package/dist/generated/mistica-icons/icon-box-star-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-box-star-filled.js +121 -0
- package/dist/generated/mistica-icons/icon-box-star-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-box-star-light.js +117 -0
- package/dist/generated/mistica-icons/icon-box-star-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-box-star-regular.js +117 -0
- package/dist/generated/mistica-icons/icon-high-priority-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-high-priority-filled.js +111 -0
- package/dist/generated/mistica-icons/icon-high-priority-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-high-priority-light.js +111 -0
- package/dist/generated/mistica-icons/icon-high-priority-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-high-priority-regular.js +111 -0
- package/dist/generated/mistica-icons/icon-mms-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-mms-filled.js +122 -0
- package/dist/generated/mistica-icons/icon-mms-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-mms-light.js +134 -0
- package/dist/generated/mistica-icons/icon-mms-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-mms-regular.js +134 -0
- package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.js +111 -0
- package/dist/generated/mistica-icons/icon-vivo-valoriza-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-vivo-valoriza-light.js +117 -0
- package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.js +117 -0
- package/dist/generated/mistica-icons/icons-keywords.js +31 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.js +48 -0
- package/dist/list.d.ts +1 -0
- package/dist/list.js +163 -157
- package/dist/package-version.js +1 -1
- package/dist/select.js +103 -95
- package/dist/skins/blau.js +96 -8
- package/dist/skins/defaults.js +98 -10
- package/dist/skins/movistar.js +94 -6
- package/dist/skins/o2-new.js +95 -7
- package/dist/skins/o2.js +94 -6
- package/dist/skins/skin-contract.css-mistica.js +42 -10
- package/dist/skins/skin-contract.css.d.ts +32 -0
- package/dist/skins/telefonica.js +96 -8
- package/dist/skins/tu.js +94 -6
- package/dist/skins/types/index.d.ts +36 -28
- package/dist/skins/vivo-new.js +95 -7
- package/dist/skins/vivo.js +94 -6
- package/dist/snackbar.js +53 -51
- package/dist/theme-context-provider.js +91 -63
- package/dist/theme-context.css-mistica.js +452 -0
- package/dist/theme-context.css.d.ts +432 -0
- package/dist/theme-context.css.ts.vanilla.css-mistica.js +11 -0
- package/dist-es/box.js +17 -16
- package/dist-es/chip.js +47 -48
- package/dist-es/dialog.js +70 -68
- package/dist-es/generated/mistica-icons/icon-box-star-filled.js +112 -0
- package/dist-es/generated/mistica-icons/icon-box-star-light.js +108 -0
- package/dist-es/generated/mistica-icons/icon-box-star-regular.js +108 -0
- package/dist-es/generated/mistica-icons/icon-high-priority-filled.js +102 -0
- package/dist-es/generated/mistica-icons/icon-high-priority-light.js +102 -0
- package/dist-es/generated/mistica-icons/icon-high-priority-regular.js +102 -0
- package/dist-es/generated/mistica-icons/icon-mms-filled.js +113 -0
- package/dist-es/generated/mistica-icons/icon-mms-light.js +125 -0
- package/dist-es/generated/mistica-icons/icon-mms-regular.js +125 -0
- package/dist-es/generated/mistica-icons/icon-vivo-valoriza-filled.js +102 -0
- package/dist-es/generated/mistica-icons/icon-vivo-valoriza-light.js +108 -0
- package/dist-es/generated/mistica-icons/icon-vivo-valoriza-regular.js +108 -0
- package/dist-es/generated/mistica-icons/icons-keywords.js +31 -0
- package/dist-es/index.js +1563 -1551
- package/dist-es/list.js +225 -219
- package/dist-es/package-version.js +1 -1
- package/dist-es/select.js +146 -138
- package/dist-es/skins/blau.js +96 -8
- package/dist-es/skins/defaults.js +97 -9
- package/dist-es/skins/movistar.js +94 -6
- package/dist-es/skins/o2-new.js +95 -7
- package/dist-es/skins/o2.js +94 -6
- package/dist-es/skins/skin-contract.css-mistica.js +42 -10
- package/dist-es/skins/telefonica.js +98 -10
- package/dist-es/skins/tu.js +94 -6
- package/dist-es/skins/vivo-new.js +95 -7
- package/dist-es/skins/vivo.js +94 -6
- package/dist-es/snackbar.js +62 -60
- package/dist-es/style.css +1 -1
- package/dist-es/theme-context-provider.js +133 -105
- package/dist-es/theme-context.css-mistica.js +432 -0
- package/dist-es/theme-context.css.ts.vanilla.css-mistica.js +2 -0
- package/package.json +2 -3
package/dist/list.js
CHANGED
|
@@ -11,19 +11,19 @@ function _export(target, all) {
|
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
13
|
BoxedRow: function() {
|
|
14
|
-
return
|
|
14
|
+
return bt;
|
|
15
15
|
},
|
|
16
16
|
BoxedRowList: function() {
|
|
17
|
-
return
|
|
17
|
+
return xt;
|
|
18
18
|
},
|
|
19
19
|
Content: function() {
|
|
20
|
-
return
|
|
20
|
+
return Ye;
|
|
21
21
|
},
|
|
22
22
|
Row: function() {
|
|
23
|
-
return
|
|
23
|
+
return ut;
|
|
24
24
|
},
|
|
25
25
|
RowList: function() {
|
|
26
|
-
return
|
|
26
|
+
return ft;
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
29
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -174,7 +174,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
174
174
|
}
|
|
175
175
|
return target;
|
|
176
176
|
}
|
|
177
|
-
const
|
|
177
|
+
const Fe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
178
178
|
centerY: a
|
|
179
179
|
}) : a ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
180
180
|
style: {
|
|
@@ -185,49 +185,50 @@ const Oe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
185
185
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
186
186
|
children: e
|
|
187
187
|
})
|
|
188
|
-
}) : e,
|
|
189
|
-
let { withChevron: e, headline: a, headlineRef: r, extraRef:
|
|
190
|
-
const
|
|
188
|
+
}) : e, Ye = (param)=>{
|
|
189
|
+
let { withChevron: e, headline: a, headlineRef: r, extraRef: l, title: c, titleAs: v, titleLinesMax: g, subtitle: x, subtitleLinesMax: P, description: w, descriptionLinesMax: D, detail: h, asset: E, danger: T, badge: N, right: y, rightRef: u, extra: k, labelId: W, disabled: s, control: L } = param;
|
|
190
|
+
const A = (0, _themevariantcontext.useIsInverseVariant)(), S = [
|
|
191
191
|
a,
|
|
192
192
|
c,
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
193
|
+
x,
|
|
194
|
+
w,
|
|
195
|
+
k
|
|
196
196
|
].filter(Boolean).length === 1;
|
|
197
197
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
|
|
198
198
|
paddingY: 16,
|
|
199
199
|
className: _listcssmistica.content,
|
|
200
|
+
id: W,
|
|
200
201
|
children: [
|
|
201
|
-
|
|
202
|
+
E && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
202
203
|
paddingRight: 16,
|
|
203
204
|
className: (0, _classnames.default)({
|
|
204
|
-
[_listcssmistica.center]:
|
|
205
|
-
[_listcssmistica.disabled]:
|
|
205
|
+
[_listcssmistica.center]: S,
|
|
206
|
+
[_listcssmistica.disabled]: s
|
|
206
207
|
}),
|
|
208
|
+
"aria-hidden": !0,
|
|
207
209
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
208
210
|
className: _listcssmistica.asset,
|
|
209
211
|
style: (0, _css.applyCssVars)({
|
|
210
|
-
color: T ?
|
|
212
|
+
color: T ? A ? _skincontractcssmistica.vars.colors.textErrorInverse : _skincontractcssmistica.vars.colors.textError : A ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary,
|
|
211
213
|
[_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
|
|
212
214
|
}),
|
|
213
|
-
children:
|
|
215
|
+
children: E
|
|
214
216
|
})
|
|
215
217
|
}),
|
|
216
218
|
/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
217
219
|
className: (0, _classnames.default)(_listcssmistica.rowBody, {
|
|
218
|
-
[_listcssmistica.disabled]:
|
|
220
|
+
[_listcssmistica.disabled]: s
|
|
219
221
|
}),
|
|
220
222
|
style: {
|
|
221
|
-
justifyContent:
|
|
223
|
+
justifyContent: S ? "center" : "flex-start"
|
|
222
224
|
},
|
|
223
|
-
id: D,
|
|
224
225
|
children: [
|
|
225
226
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
|
|
226
227
|
regular: !0,
|
|
227
228
|
color: T ? _skincontractcssmistica.vars.colors.textError : _skincontractcssmistica.vars.colors.textPrimary,
|
|
228
|
-
truncate:
|
|
229
|
+
truncate: g,
|
|
229
230
|
hyphens: "auto",
|
|
230
|
-
as:
|
|
231
|
+
as: v,
|
|
231
232
|
children: c
|
|
232
233
|
}),
|
|
233
234
|
a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
@@ -243,52 +244,52 @@ const Oe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
243
244
|
children: a
|
|
244
245
|
})
|
|
245
246
|
}),
|
|
246
|
-
|
|
247
|
+
x && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
247
248
|
paddingTop: 2,
|
|
248
249
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
249
250
|
regular: !0,
|
|
250
251
|
color: _skincontractcssmistica.vars.colors.textPrimary,
|
|
251
|
-
truncate:
|
|
252
|
+
truncate: P,
|
|
252
253
|
hyphens: "auto",
|
|
253
|
-
children:
|
|
254
|
+
children: x
|
|
254
255
|
})
|
|
255
256
|
}),
|
|
256
|
-
|
|
257
|
+
w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
257
258
|
paddingTop: 2,
|
|
258
259
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
259
260
|
regular: !0,
|
|
260
261
|
color: _skincontractcssmistica.vars.colors.textSecondary,
|
|
261
|
-
truncate:
|
|
262
|
+
truncate: D,
|
|
262
263
|
hyphens: "auto",
|
|
263
|
-
children:
|
|
264
|
+
children: w
|
|
264
265
|
})
|
|
265
266
|
}),
|
|
266
|
-
|
|
267
|
-
ref:
|
|
267
|
+
k && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
268
|
+
ref: l,
|
|
268
269
|
paddingTop: 2,
|
|
269
|
-
children:
|
|
270
|
+
children: k
|
|
270
271
|
})
|
|
271
272
|
]
|
|
272
273
|
}),
|
|
273
|
-
|
|
274
|
+
N && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
274
275
|
paddingLeft: 16,
|
|
275
276
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
276
277
|
className: (0, _classnames.default)(_listcssmistica.badge, {
|
|
277
|
-
[_listcssmistica.disabled]:
|
|
278
|
+
[_listcssmistica.disabled]: s
|
|
278
279
|
}),
|
|
279
280
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
|
|
280
|
-
value:
|
|
281
|
+
value: N === !0 ? void 0 : N
|
|
281
282
|
})
|
|
282
283
|
})
|
|
283
284
|
}),
|
|
284
|
-
(h ||
|
|
285
|
+
(h || y || e || L) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
285
286
|
className: (0, _classnames.default)(_listcssmistica.rightContent, {
|
|
286
287
|
[_listcssmistica.rightRestrictedWidth]: !!h
|
|
287
288
|
}),
|
|
288
289
|
children: [
|
|
289
290
|
h && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
290
291
|
className: (0, _classnames.default)(_listcssmistica.detail, {
|
|
291
|
-
[_listcssmistica.disabled]:
|
|
292
|
+
[_listcssmistica.disabled]: s
|
|
292
293
|
}),
|
|
293
294
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
294
295
|
regular: !0,
|
|
@@ -297,56 +298,58 @@ const Oe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
297
298
|
children: h
|
|
298
299
|
})
|
|
299
300
|
}),
|
|
300
|
-
|
|
301
|
+
y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
301
302
|
className: (0, _classnames.default)({
|
|
302
303
|
[_listcssmistica.detailRight]: !!h,
|
|
303
|
-
[_listcssmistica.disabled]:
|
|
304
|
+
[_listcssmistica.disabled]: s
|
|
304
305
|
}),
|
|
305
|
-
|
|
306
|
+
ref: u,
|
|
307
|
+
children: Fe(y, S)
|
|
306
308
|
}),
|
|
307
309
|
e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
308
|
-
paddingLeft: h ||
|
|
310
|
+
paddingLeft: h || y ? 4 : 0,
|
|
309
311
|
className: (0, _classnames.default)(_listcssmistica.center, {
|
|
310
|
-
[_listcssmistica.disabled]:
|
|
312
|
+
[_listcssmistica.disabled]: s
|
|
311
313
|
}),
|
|
312
314
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
|
|
313
|
-
color:
|
|
315
|
+
color: A ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
|
|
314
316
|
direction: "right"
|
|
315
317
|
})
|
|
316
318
|
}),
|
|
317
|
-
|
|
318
|
-
paddingLeft: h ||
|
|
319
|
+
L && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
320
|
+
paddingLeft: h || y ? 8 : 0,
|
|
319
321
|
className: _listcssmistica.center,
|
|
320
|
-
children:
|
|
322
|
+
children: L
|
|
321
323
|
})
|
|
322
324
|
]
|
|
323
325
|
})
|
|
324
326
|
]
|
|
325
327
|
});
|
|
326
|
-
},
|
|
328
|
+
}, qe = (param)=>{
|
|
327
329
|
let { value: e, defaultValue: a, onChange: r } = param;
|
|
328
|
-
const
|
|
330
|
+
const l = e !== void 0, [c, v] = _react.useState(!!a);
|
|
329
331
|
return [
|
|
330
|
-
|
|
332
|
+
l ? !!e : c,
|
|
331
333
|
()=>{
|
|
332
|
-
|
|
334
|
+
l || v(!c), r == null || r(l ? !e : !c);
|
|
333
335
|
}
|
|
334
336
|
];
|
|
335
|
-
},
|
|
337
|
+
}, ze = (e)=>[
|
|
336
338
|
"switch",
|
|
337
339
|
"checkbox",
|
|
338
340
|
"radioValue",
|
|
339
341
|
"iconButton"
|
|
340
|
-
].some((a)=>e[a] !== void 0),
|
|
341
|
-
var
|
|
342
|
-
const r = (0, _hooks.useAriaId)(),
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
342
|
+
].some((a)=>e[a] !== void 0), le = /*#__PURE__*/ _react.forwardRef((e, a)=>{
|
|
343
|
+
var p, ee;
|
|
344
|
+
const r = (0, _hooks.useAriaId)(), l = (0, _themevariantcontext.useIsInverseVariant)(), { asset: c, headline: v, title: g, titleAs: x, titleLinesMax: P, subtitle: w, subtitleLinesMax: D, description: h, descriptionLinesMax: E, detail: T, danger: N, badge: y, role: u, extra: k, withChevron: W, dataAttributes: s, right: L, "aria-label": A } = e, [Q, S] = _react.useState(""), [de, ce] = _react.useState(""), [se, he] = _react.useState(""), me = [
|
|
345
|
+
g,
|
|
346
|
+
Q,
|
|
347
|
+
w,
|
|
346
348
|
h,
|
|
347
349
|
de,
|
|
348
|
-
T
|
|
349
|
-
|
|
350
|
+
T,
|
|
351
|
+
se
|
|
352
|
+
].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? me : void 0, ue = (0, _radiobutton.useRadioContext)(), f = e.disabled || e.radioValue !== void 0 && ue.disabled, j = !f && !l, M = !f && l, U = ze(e), V = !!e.onPress || !!e.href || !!e.to, fe = U ? !1 : W !== null && W !== void 0 ? W : V, Z = {
|
|
350
353
|
href: e.href,
|
|
351
354
|
newTab: e.newTab,
|
|
352
355
|
loadOnTop: e.loadOnTop,
|
|
@@ -356,156 +359,159 @@ const Oe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
356
359
|
onNavigate: e.onNavigate,
|
|
357
360
|
onPress: e.onPress,
|
|
358
361
|
trackingEvent: e.trackingEvent
|
|
359
|
-
}, [
|
|
362
|
+
}, [_, $] = qe(e.switch || e.checkbox || {}), R = (i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Ye, {
|
|
360
363
|
asset: c,
|
|
361
|
-
headline:
|
|
362
|
-
headlineRef: (
|
|
363
|
-
|
|
364
|
+
headline: v,
|
|
365
|
+
headlineRef: (n)=>{
|
|
366
|
+
n && S(n.textContent || "");
|
|
364
367
|
},
|
|
365
|
-
title:
|
|
366
|
-
titleAs:
|
|
367
|
-
subtitle:
|
|
368
|
+
title: g,
|
|
369
|
+
titleAs: x,
|
|
370
|
+
subtitle: w,
|
|
368
371
|
description: h,
|
|
369
|
-
badge:
|
|
370
|
-
titleLinesMax:
|
|
371
|
-
subtitleLinesMax:
|
|
372
|
-
descriptionLinesMax:
|
|
372
|
+
badge: y,
|
|
373
|
+
titleLinesMax: P,
|
|
374
|
+
subtitleLinesMax: D,
|
|
375
|
+
descriptionLinesMax: E,
|
|
373
376
|
detail: T,
|
|
374
|
-
danger:
|
|
377
|
+
danger: N,
|
|
375
378
|
right: L,
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
379
|
+
rightRef: (n)=>{
|
|
380
|
+
n && he(n.innerText || n.textContent || "");
|
|
381
|
+
},
|
|
382
|
+
control: i == null ? void 0 : i.control,
|
|
383
|
+
extra: k,
|
|
384
|
+
extraRef: (n)=>{
|
|
385
|
+
n && ce(n.innerText || n.textContent || "");
|
|
380
386
|
},
|
|
381
|
-
labelId:
|
|
382
|
-
disabled:
|
|
383
|
-
withChevron:
|
|
387
|
+
labelId: i == null ? void 0 : i.labelId,
|
|
388
|
+
disabled: f,
|
|
389
|
+
withChevron: fe
|
|
384
390
|
});
|
|
385
|
-
if (
|
|
391
|
+
if (V && !U) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
|
|
386
392
|
ref: a,
|
|
387
393
|
className: (0, _classnames.default)(_listcssmistica.rowContent, {
|
|
388
|
-
[_listcssmistica.touchableBackground]:
|
|
389
|
-
[_listcssmistica.touchableBackgroundInverse]:
|
|
390
|
-
[_listcssmistica.pointer]: !
|
|
394
|
+
[_listcssmistica.touchableBackground]: j,
|
|
395
|
+
[_listcssmistica.touchableBackgroundInverse]: M,
|
|
396
|
+
[_listcssmistica.pointer]: !f
|
|
391
397
|
})
|
|
392
|
-
},
|
|
393
|
-
role:
|
|
394
|
-
dataAttributes:
|
|
395
|
-
disabled:
|
|
396
|
-
"aria-label":
|
|
398
|
+
}, Z), {
|
|
399
|
+
role: u,
|
|
400
|
+
dataAttributes: s,
|
|
401
|
+
disabled: f,
|
|
402
|
+
"aria-label": B,
|
|
397
403
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
398
404
|
paddingX: 16,
|
|
399
405
|
"aria-hidden": !!e.to || !!e.href || void 0,
|
|
400
|
-
children:
|
|
406
|
+
children: R()
|
|
401
407
|
})
|
|
402
408
|
}));
|
|
403
|
-
const
|
|
409
|
+
const O = (i)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
|
|
404
410
|
className: _listcssmistica.dualActionContainer,
|
|
405
411
|
ref: a
|
|
406
|
-
}, (0, _dom.getPrefixedDataAttributes)(
|
|
412
|
+
}, (0, _dom.getPrefixedDataAttributes)(s)), {
|
|
407
413
|
children: [
|
|
408
414
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
|
|
409
|
-
disabled:
|
|
410
|
-
},
|
|
411
|
-
role:
|
|
415
|
+
disabled: f
|
|
416
|
+
}, Z), {
|
|
417
|
+
role: u,
|
|
412
418
|
className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
|
|
413
|
-
[_listcssmistica.touchableBackground]:
|
|
414
|
-
[_listcssmistica.touchableBackgroundInverse]:
|
|
419
|
+
[_listcssmistica.touchableBackground]: j,
|
|
420
|
+
[_listcssmistica.touchableBackgroundInverse]: M
|
|
415
421
|
}),
|
|
416
|
-
"aria-label":
|
|
417
|
-
children:
|
|
422
|
+
"aria-label": B,
|
|
423
|
+
children: R({
|
|
418
424
|
labelId: r
|
|
419
425
|
})
|
|
420
426
|
})),
|
|
421
427
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
422
428
|
className: _listcssmistica.dualActionDivider
|
|
423
429
|
}),
|
|
424
|
-
|
|
430
|
+
i
|
|
425
431
|
]
|
|
426
|
-
})),
|
|
432
|
+
})), H = (i, n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
|
|
427
433
|
className: (0, _classnames.default)(_listcssmistica.rowContent, {
|
|
428
|
-
[_listcssmistica.touchableBackground]:
|
|
429
|
-
[_listcssmistica.touchableBackgroundInverse]:
|
|
430
|
-
[_listcssmistica.pointer]: !
|
|
434
|
+
[_listcssmistica.touchableBackground]: j && n,
|
|
435
|
+
[_listcssmistica.touchableBackgroundInverse]: M && n,
|
|
436
|
+
[_listcssmistica.pointer]: !f && n
|
|
431
437
|
}),
|
|
432
438
|
ref: a
|
|
433
|
-
}, (0, _dom.getPrefixedDataAttributes)(
|
|
434
|
-
children:
|
|
439
|
+
}, (0, _dom.getPrefixedDataAttributes)(s)), {
|
|
440
|
+
children: i
|
|
435
441
|
}));
|
|
436
442
|
if (e.switch || e.checkbox) {
|
|
437
443
|
var _ref, _ref1;
|
|
438
|
-
const
|
|
439
|
-
return
|
|
440
|
-
disabled:
|
|
441
|
-
name:
|
|
442
|
-
checked:
|
|
443
|
-
"aria-label":
|
|
444
|
+
const i = e.switch ? _switchcomponent.default : _checkbox.default, n = (_ref1 = (_ref = (p = e.switch) == null ? void 0 : p.name) !== null && _ref !== void 0 ? _ref : (ee = e.checkbox) == null ? void 0 : ee.name) !== null && _ref1 !== void 0 ? _ref1 : r;
|
|
445
|
+
return V ? O(/* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
|
|
446
|
+
disabled: f,
|
|
447
|
+
name: n,
|
|
448
|
+
checked: _,
|
|
449
|
+
"aria-label": B,
|
|
444
450
|
"aria-labelledby": r,
|
|
445
|
-
onChange:
|
|
451
|
+
onChange: $,
|
|
446
452
|
render: (param)=>{
|
|
447
|
-
let { controlElement:
|
|
453
|
+
let { controlElement: F } = param;
|
|
448
454
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
449
455
|
className: _listcssmistica.dualActionRight,
|
|
450
|
-
children:
|
|
456
|
+
children: F
|
|
451
457
|
});
|
|
452
458
|
}
|
|
453
|
-
})) :
|
|
454
|
-
disabled:
|
|
455
|
-
name:
|
|
456
|
-
checked:
|
|
457
|
-
"aria-label":
|
|
459
|
+
})) : H(/* @__PURE__ */ (0, _jsxruntime.jsx)(i, {
|
|
460
|
+
disabled: f,
|
|
461
|
+
name: n,
|
|
462
|
+
checked: _,
|
|
463
|
+
"aria-label": B,
|
|
458
464
|
"aria-labelledby": r,
|
|
459
|
-
onChange:
|
|
465
|
+
onChange: $,
|
|
460
466
|
render: (param)=>{
|
|
461
|
-
let { controlElement:
|
|
467
|
+
let { controlElement: F, labelId: be } = param;
|
|
462
468
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
463
469
|
paddingX: 16,
|
|
464
|
-
role:
|
|
465
|
-
children:
|
|
466
|
-
labelId:
|
|
470
|
+
role: u,
|
|
471
|
+
children: R({
|
|
472
|
+
labelId: be,
|
|
467
473
|
control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
468
474
|
space: "around",
|
|
469
|
-
children:
|
|
475
|
+
children: F
|
|
470
476
|
})
|
|
471
477
|
})
|
|
472
478
|
});
|
|
473
479
|
}
|
|
474
480
|
}), !0);
|
|
475
481
|
}
|
|
476
|
-
return e.radioValue ?
|
|
482
|
+
return e.radioValue ? V ? O(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
|
|
477
483
|
value: e.radioValue,
|
|
478
|
-
"aria-label":
|
|
484
|
+
"aria-label": B,
|
|
479
485
|
"aria-labelledby": r,
|
|
480
486
|
render: (param)=>{
|
|
481
|
-
let { controlElement:
|
|
487
|
+
let { controlElement: i } = param;
|
|
482
488
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
483
489
|
space: "around",
|
|
484
490
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
485
491
|
paddingX: 16,
|
|
486
|
-
children:
|
|
492
|
+
children: i
|
|
487
493
|
})
|
|
488
494
|
});
|
|
489
495
|
}
|
|
490
|
-
})) :
|
|
496
|
+
})) : H(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
|
|
491
497
|
value: e.radioValue,
|
|
492
|
-
"aria-label":
|
|
498
|
+
"aria-label": B,
|
|
493
499
|
"aria-labelledby": r,
|
|
494
500
|
render: (param)=>{
|
|
495
|
-
let { controlElement:
|
|
501
|
+
let { controlElement: i } = param;
|
|
496
502
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
497
503
|
paddingX: 16,
|
|
498
|
-
role:
|
|
499
|
-
children:
|
|
504
|
+
role: u,
|
|
505
|
+
children: R({
|
|
500
506
|
labelId: r,
|
|
501
507
|
control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
502
508
|
space: "around",
|
|
503
|
-
children:
|
|
509
|
+
children: i
|
|
504
510
|
})
|
|
505
511
|
})
|
|
506
512
|
});
|
|
507
513
|
}
|
|
508
|
-
}), !0) : e.iconButton ?
|
|
514
|
+
}), !0) : e.iconButton ? V ? O(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
509
515
|
padding: 16,
|
|
510
516
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
511
517
|
space: "around",
|
|
@@ -515,30 +521,30 @@ const Oe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
515
521
|
disabled: e.disabled
|
|
516
522
|
}))
|
|
517
523
|
})
|
|
518
|
-
})) :
|
|
524
|
+
})) : H(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
519
525
|
paddingX: 16,
|
|
520
|
-
children:
|
|
526
|
+
children: R({
|
|
521
527
|
labelId: r,
|
|
522
528
|
control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
523
529
|
space: "around",
|
|
524
530
|
children: e.iconButton.Icon ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, _object_spread_props(_object_spread({}, e.iconButton), {
|
|
525
531
|
disabled: e.disabled,
|
|
526
|
-
role:
|
|
532
|
+
role: u
|
|
527
533
|
})) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.ToggleIconButton, _object_spread_props(_object_spread({}, e.iconButton), {
|
|
528
534
|
disabled: e.disabled,
|
|
529
|
-
role:
|
|
535
|
+
role: u
|
|
530
536
|
}))
|
|
531
537
|
})
|
|
532
538
|
})
|
|
533
539
|
})) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
534
540
|
paddingX: 16,
|
|
535
541
|
className: _listcssmistica.rowContent,
|
|
536
|
-
role:
|
|
537
|
-
dataAttributes:
|
|
542
|
+
role: u,
|
|
543
|
+
dataAttributes: s,
|
|
538
544
|
ref: a,
|
|
539
|
-
children:
|
|
545
|
+
children: R()
|
|
540
546
|
});
|
|
541
|
-
}),
|
|
547
|
+
}), ut = /*#__PURE__*/ _react.forwardRef((_param, l)=>{
|
|
542
548
|
var { dataAttributes: e, role: a = "listitem" } = _param, r = _object_without_properties(_param, [
|
|
543
549
|
"dataAttributes",
|
|
544
550
|
"role"
|
|
@@ -548,31 +554,31 @@ const Oe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
548
554
|
className: (0, _sprinklescssmistica.sprinkles)({
|
|
549
555
|
width: "100%"
|
|
550
556
|
}),
|
|
551
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
552
|
-
ref:
|
|
557
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(le, _object_spread_props(_object_spread({}, r), {
|
|
558
|
+
ref: l,
|
|
553
559
|
dataAttributes: _object_spread({
|
|
554
560
|
"component-name": "Row"
|
|
555
561
|
}, e)
|
|
556
562
|
}))
|
|
557
563
|
});
|
|
558
|
-
}),
|
|
559
|
-
let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes:
|
|
560
|
-
const c = _react.Children.toArray(e).filter(Boolean),
|
|
564
|
+
}), ft = (param)=>{
|
|
565
|
+
let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: l } = param;
|
|
566
|
+
const c = _react.Children.toArray(e).filter(Boolean), v = c.length - 1;
|
|
561
567
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
|
|
562
568
|
role: r,
|
|
563
569
|
"aria-labelledby": a
|
|
564
|
-
}, (0, _dom.getPrefixedDataAttributes)(
|
|
565
|
-
children: c.map((
|
|
570
|
+
}, (0, _dom.getPrefixedDataAttributes)(l, "RowList")), {
|
|
571
|
+
children: c.map((g, x)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
|
|
566
572
|
children: [
|
|
567
|
-
|
|
568
|
-
|
|
573
|
+
g,
|
|
574
|
+
x < v && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
569
575
|
paddingX: 16,
|
|
570
576
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
|
|
571
577
|
})
|
|
572
578
|
]
|
|
573
|
-
},
|
|
579
|
+
}, x))
|
|
574
580
|
}));
|
|
575
|
-
},
|
|
581
|
+
}, bt = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
|
|
576
582
|
var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
|
|
577
583
|
"dataAttributes"
|
|
578
584
|
]);
|
|
@@ -582,17 +588,17 @@ const Oe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
582
588
|
dataAttributes: _object_spread({
|
|
583
589
|
"component-name": "BoxedRow"
|
|
584
590
|
}, e),
|
|
585
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
591
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(le, _object_spread({}, a))
|
|
586
592
|
});
|
|
587
|
-
}),
|
|
588
|
-
let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes:
|
|
593
|
+
}), xt = (param)=>{
|
|
594
|
+
let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: l } = param;
|
|
589
595
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
590
596
|
space: 16,
|
|
591
597
|
role: r,
|
|
592
598
|
"aria-labelledby": a,
|
|
593
599
|
dataAttributes: _object_spread({
|
|
594
600
|
"component-name": "BoxedRowList"
|
|
595
|
-
},
|
|
601
|
+
}, l),
|
|
596
602
|
children: e
|
|
597
603
|
});
|
|
598
604
|
};
|
package/dist/package-version.js
CHANGED