@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.
Files changed (90) hide show
  1. package/css/mistica.css +1 -1
  2. package/css/roboto.css +102 -34
  3. package/dist/box.d.ts +1 -0
  4. package/dist/box.js +11 -10
  5. package/dist/chip.js +21 -22
  6. package/dist/dialog.js +53 -51
  7. package/dist/generated/mistica-icons/icon-box-star-filled.d.ts +4 -0
  8. package/dist/generated/mistica-icons/icon-box-star-filled.js +121 -0
  9. package/dist/generated/mistica-icons/icon-box-star-light.d.ts +4 -0
  10. package/dist/generated/mistica-icons/icon-box-star-light.js +117 -0
  11. package/dist/generated/mistica-icons/icon-box-star-regular.d.ts +4 -0
  12. package/dist/generated/mistica-icons/icon-box-star-regular.js +117 -0
  13. package/dist/generated/mistica-icons/icon-high-priority-filled.d.ts +4 -0
  14. package/dist/generated/mistica-icons/icon-high-priority-filled.js +111 -0
  15. package/dist/generated/mistica-icons/icon-high-priority-light.d.ts +4 -0
  16. package/dist/generated/mistica-icons/icon-high-priority-light.js +111 -0
  17. package/dist/generated/mistica-icons/icon-high-priority-regular.d.ts +4 -0
  18. package/dist/generated/mistica-icons/icon-high-priority-regular.js +111 -0
  19. package/dist/generated/mistica-icons/icon-mms-filled.d.ts +4 -0
  20. package/dist/generated/mistica-icons/icon-mms-filled.js +122 -0
  21. package/dist/generated/mistica-icons/icon-mms-light.d.ts +4 -0
  22. package/dist/generated/mistica-icons/icon-mms-light.js +134 -0
  23. package/dist/generated/mistica-icons/icon-mms-regular.d.ts +4 -0
  24. package/dist/generated/mistica-icons/icon-mms-regular.js +134 -0
  25. package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.d.ts +4 -0
  26. package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.js +111 -0
  27. package/dist/generated/mistica-icons/icon-vivo-valoriza-light.d.ts +4 -0
  28. package/dist/generated/mistica-icons/icon-vivo-valoriza-light.js +117 -0
  29. package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.d.ts +4 -0
  30. package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.js +117 -0
  31. package/dist/generated/mistica-icons/icons-keywords.js +31 -0
  32. package/dist/index.d.ts +12 -0
  33. package/dist/index.js +48 -0
  34. package/dist/list.d.ts +1 -0
  35. package/dist/list.js +163 -157
  36. package/dist/package-version.js +1 -1
  37. package/dist/select.js +103 -95
  38. package/dist/skins/blau.js +96 -8
  39. package/dist/skins/defaults.js +98 -10
  40. package/dist/skins/movistar.js +94 -6
  41. package/dist/skins/o2-new.js +95 -7
  42. package/dist/skins/o2.js +94 -6
  43. package/dist/skins/skin-contract.css-mistica.js +42 -10
  44. package/dist/skins/skin-contract.css.d.ts +32 -0
  45. package/dist/skins/telefonica.js +96 -8
  46. package/dist/skins/tu.js +94 -6
  47. package/dist/skins/types/index.d.ts +36 -28
  48. package/dist/skins/vivo-new.js +95 -7
  49. package/dist/skins/vivo.js +94 -6
  50. package/dist/snackbar.js +53 -51
  51. package/dist/theme-context-provider.js +91 -63
  52. package/dist/theme-context.css-mistica.js +452 -0
  53. package/dist/theme-context.css.d.ts +432 -0
  54. package/dist/theme-context.css.ts.vanilla.css-mistica.js +11 -0
  55. package/dist-es/box.js +17 -16
  56. package/dist-es/chip.js +47 -48
  57. package/dist-es/dialog.js +70 -68
  58. package/dist-es/generated/mistica-icons/icon-box-star-filled.js +112 -0
  59. package/dist-es/generated/mistica-icons/icon-box-star-light.js +108 -0
  60. package/dist-es/generated/mistica-icons/icon-box-star-regular.js +108 -0
  61. package/dist-es/generated/mistica-icons/icon-high-priority-filled.js +102 -0
  62. package/dist-es/generated/mistica-icons/icon-high-priority-light.js +102 -0
  63. package/dist-es/generated/mistica-icons/icon-high-priority-regular.js +102 -0
  64. package/dist-es/generated/mistica-icons/icon-mms-filled.js +113 -0
  65. package/dist-es/generated/mistica-icons/icon-mms-light.js +125 -0
  66. package/dist-es/generated/mistica-icons/icon-mms-regular.js +125 -0
  67. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-filled.js +102 -0
  68. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-light.js +108 -0
  69. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-regular.js +108 -0
  70. package/dist-es/generated/mistica-icons/icons-keywords.js +31 -0
  71. package/dist-es/index.js +1563 -1551
  72. package/dist-es/list.js +225 -219
  73. package/dist-es/package-version.js +1 -1
  74. package/dist-es/select.js +146 -138
  75. package/dist-es/skins/blau.js +96 -8
  76. package/dist-es/skins/defaults.js +97 -9
  77. package/dist-es/skins/movistar.js +94 -6
  78. package/dist-es/skins/o2-new.js +95 -7
  79. package/dist-es/skins/o2.js +94 -6
  80. package/dist-es/skins/skin-contract.css-mistica.js +42 -10
  81. package/dist-es/skins/telefonica.js +98 -10
  82. package/dist-es/skins/tu.js +94 -6
  83. package/dist-es/skins/vivo-new.js +95 -7
  84. package/dist-es/skins/vivo.js +94 -6
  85. package/dist-es/snackbar.js +62 -60
  86. package/dist-es/style.css +1 -1
  87. package/dist-es/theme-context-provider.js +133 -105
  88. package/dist-es/theme-context.css-mistica.js +432 -0
  89. package/dist-es/theme-context.css.ts.vanilla.css-mistica.js +2 -0
  90. 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 ut;
14
+ return bt;
15
15
  },
16
16
  BoxedRowList: function() {
17
- return ft;
17
+ return xt;
18
18
  },
19
19
  Content: function() {
20
- return He;
20
+ return Ye;
21
21
  },
22
22
  Row: function() {
23
- return ht;
23
+ return ut;
24
24
  },
25
25
  RowList: function() {
26
- return mt;
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 Oe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
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, He = (param)=>{
189
- let { withChevron: e, headline: a, headlineRef: r, extraRef: o, title: c, titleAs: g, titleLinesMax: y, subtitle: f, subtitleLinesMax: E, description: B, descriptionLinesMax: P, detail: h, asset: X, danger: T, badge: k, right: w, extra: s, labelId: D, disabled: b, control: v } = param;
190
- const L = (0, _themevariantcontext.useIsInverseVariant)(), A = [
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
- f,
194
- B,
195
- s
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
- X && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
202
+ E && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
202
203
  paddingRight: 16,
203
204
  className: (0, _classnames.default)({
204
- [_listcssmistica.center]: A,
205
- [_listcssmistica.disabled]: b
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 ? L ? _skincontractcssmistica.vars.colors.textErrorInverse : _skincontractcssmistica.vars.colors.textError : L ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textPrimary,
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: X
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]: b
220
+ [_listcssmistica.disabled]: s
219
221
  }),
220
222
  style: {
221
- justifyContent: A ? "center" : "flex-start"
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: y,
229
+ truncate: g,
229
230
  hyphens: "auto",
230
- as: g,
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
- f && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
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: E,
252
+ truncate: P,
252
253
  hyphens: "auto",
253
- children: f
254
+ children: x
254
255
  })
255
256
  }),
256
- B && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
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: P,
262
+ truncate: D,
262
263
  hyphens: "auto",
263
- children: B
264
+ children: w
264
265
  })
265
266
  }),
266
- s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
267
- ref: o,
267
+ k && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
268
+ ref: l,
268
269
  paddingTop: 2,
269
- children: s
270
+ children: k
270
271
  })
271
272
  ]
272
273
  }),
273
- k && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
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]: b
278
+ [_listcssmistica.disabled]: s
278
279
  }),
279
280
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
280
- value: k === !0 ? void 0 : k
281
+ value: N === !0 ? void 0 : N
281
282
  })
282
283
  })
283
284
  }),
284
- (h || w || e || v) && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
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]: b
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
- w && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
301
+ y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
301
302
  className: (0, _classnames.default)({
302
303
  [_listcssmistica.detailRight]: !!h,
303
- [_listcssmistica.disabled]: b
304
+ [_listcssmistica.disabled]: s
304
305
  }),
305
- children: Oe(w, A)
306
+ ref: u,
307
+ children: Fe(y, S)
306
308
  }),
307
309
  e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
308
- paddingLeft: h || w ? 4 : 0,
310
+ paddingLeft: h || y ? 4 : 0,
309
311
  className: (0, _classnames.default)(_listcssmistica.center, {
310
- [_listcssmistica.disabled]: b
312
+ [_listcssmistica.disabled]: s
311
313
  }),
312
314
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
313
- color: L ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
315
+ color: A ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralMedium,
314
316
  direction: "right"
315
317
  })
316
318
  }),
317
- v && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
318
- paddingLeft: h || w ? 8 : 0,
319
+ L && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
320
+ paddingLeft: h || y ? 8 : 0,
319
321
  className: _listcssmistica.center,
320
- children: v
322
+ children: L
321
323
  })
322
324
  ]
323
325
  })
324
326
  ]
325
327
  });
326
- }, Fe = (param)=>{
328
+ }, qe = (param)=>{
327
329
  let { value: e, defaultValue: a, onChange: r } = param;
328
- const o = e !== void 0, [c, g] = _react.useState(!!a);
330
+ const l = e !== void 0, [c, v] = _react.useState(!!a);
329
331
  return [
330
- o ? !!e : c,
332
+ l ? !!e : c,
331
333
  ()=>{
332
- o || g(!c), r == null || r(o ? !e : !c);
334
+ l || v(!c), r == null || r(l ? !e : !c);
333
335
  }
334
336
  ];
335
- }, Ye = (e)=>[
337
+ }, ze = (e)=>[
336
338
  "switch",
337
339
  "checkbox",
338
340
  "radioValue",
339
341
  "iconButton"
340
- ].some((a)=>e[a] !== void 0), oe = /*#__PURE__*/ _react.forwardRef((e, a)=>{
341
- var $, p;
342
- const r = (0, _hooks.useAriaId)(), o = (0, _themevariantcontext.useIsInverseVariant)(), { asset: c, headline: g, title: y, titleAs: f, titleLinesMax: E, subtitle: B, subtitleLinesMax: P, description: h, descriptionLinesMax: X, detail: T, danger: k, badge: w, role: s, extra: D, withChevron: b, dataAttributes: v, right: L, "aria-label": K } = e, [A, le] = _react.useState(""), [de, ce] = _react.useState(""), se = [
343
- y,
344
- A,
345
- B,
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
- ].filter(Boolean).join(" "), R = K !== null && K !== void 0 ? K : e.href || e.to ? se : void 0, he = (0, _radiobutton.useRadioContext)(), u = e.disabled || e.radioValue !== void 0 && he.disabled, W = !u && !o, j = !u && o, Q = Ye(e), S = !!e.onPress || !!e.href || !!e.to, me = Q ? !1 : b !== null && b !== void 0 ? b : S, U = {
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
- }, [Z, _] = Fe(e.switch || e.checkbox || {}), I = (n)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(He, {
362
+ }, [_, $] = qe(e.switch || e.checkbox || {}), R = (i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(Ye, {
360
363
  asset: c,
361
- headline: g,
362
- headlineRef: (l)=>{
363
- l && le(l.textContent || "");
364
+ headline: v,
365
+ headlineRef: (n)=>{
366
+ n && S(n.textContent || "");
364
367
  },
365
- title: y,
366
- titleAs: f,
367
- subtitle: B,
368
+ title: g,
369
+ titleAs: x,
370
+ subtitle: w,
368
371
  description: h,
369
- badge: w,
370
- titleLinesMax: E,
371
- subtitleLinesMax: P,
372
- descriptionLinesMax: X,
372
+ badge: y,
373
+ titleLinesMax: P,
374
+ subtitleLinesMax: D,
375
+ descriptionLinesMax: E,
373
376
  detail: T,
374
- danger: k,
377
+ danger: N,
375
378
  right: L,
376
- control: n == null ? void 0 : n.control,
377
- extra: D,
378
- extraRef: (l)=>{
379
- l && ce(l.innerText || l.textContent || "");
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: n == null ? void 0 : n.labelId,
382
- disabled: u,
383
- withChevron: me
387
+ labelId: i == null ? void 0 : i.labelId,
388
+ disabled: f,
389
+ withChevron: fe
384
390
  });
385
- if (S && !Q) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
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]: W,
389
- [_listcssmistica.touchableBackgroundInverse]: j,
390
- [_listcssmistica.pointer]: !u
394
+ [_listcssmistica.touchableBackground]: j,
395
+ [_listcssmistica.touchableBackgroundInverse]: M,
396
+ [_listcssmistica.pointer]: !f
391
397
  })
392
- }, U), {
393
- role: s,
394
- dataAttributes: v,
395
- disabled: u,
396
- "aria-label": R,
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: I()
406
+ children: R()
401
407
  })
402
408
  }));
403
- const M = (n)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
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)(v)), {
412
+ }, (0, _dom.getPrefixedDataAttributes)(s)), {
407
413
  children: [
408
414
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
409
- disabled: u
410
- }, U), {
411
- role: s,
415
+ disabled: f
416
+ }, Z), {
417
+ role: u,
412
418
  className: (0, _classnames.default)(_listcssmistica.dualActionLeft, {
413
- [_listcssmistica.touchableBackground]: W,
414
- [_listcssmistica.touchableBackgroundInverse]: j
419
+ [_listcssmistica.touchableBackground]: j,
420
+ [_listcssmistica.touchableBackgroundInverse]: M
415
421
  }),
416
- "aria-label": R,
417
- children: I({
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
- n
430
+ i
425
431
  ]
426
- })), O = (n, l)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
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]: W && l,
429
- [_listcssmistica.touchableBackgroundInverse]: j && l,
430
- [_listcssmistica.pointer]: !u && l
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)(v)), {
434
- children: n
439
+ }, (0, _dom.getPrefixedDataAttributes)(s)), {
440
+ children: i
435
441
  }));
436
442
  if (e.switch || e.checkbox) {
437
443
  var _ref, _ref1;
438
- const n = e.switch ? _switchcomponent.default : _checkbox.default, l = (_ref1 = (_ref = ($ = e.switch) == null ? void 0 : $.name) !== null && _ref !== void 0 ? _ref : (p = e.checkbox) == null ? void 0 : p.name) !== null && _ref1 !== void 0 ? _ref1 : r;
439
- return S ? M(/* @__PURE__ */ (0, _jsxruntime.jsx)(n, {
440
- disabled: u,
441
- name: l,
442
- checked: Z,
443
- "aria-label": R,
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: H } = param;
453
+ let { controlElement: F } = param;
448
454
  return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
449
455
  className: _listcssmistica.dualActionRight,
450
- children: H
456
+ children: F
451
457
  });
452
458
  }
453
- })) : O(/* @__PURE__ */ (0, _jsxruntime.jsx)(n, {
454
- disabled: u,
455
- name: l,
456
- checked: Z,
457
- "aria-label": R,
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: H, labelId: ue } = param;
467
+ let { controlElement: F, labelId: be } = param;
462
468
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
463
469
  paddingX: 16,
464
- role: s,
465
- children: I({
466
- labelId: ue,
470
+ role: u,
471
+ children: R({
472
+ labelId: be,
467
473
  control: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
468
474
  space: "around",
469
- children: H
475
+ children: F
470
476
  })
471
477
  })
472
478
  });
473
479
  }
474
480
  }), !0);
475
481
  }
476
- return e.radioValue ? S ? M(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
482
+ return e.radioValue ? V ? O(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
477
483
  value: e.radioValue,
478
- "aria-label": R,
484
+ "aria-label": B,
479
485
  "aria-labelledby": r,
480
486
  render: (param)=>{
481
- let { controlElement: n } = param;
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: n
492
+ children: i
487
493
  })
488
494
  });
489
495
  }
490
- })) : O(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
496
+ })) : H(/* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.default, {
491
497
  value: e.radioValue,
492
- "aria-label": R,
498
+ "aria-label": B,
493
499
  "aria-labelledby": r,
494
500
  render: (param)=>{
495
- let { controlElement: n } = param;
501
+ let { controlElement: i } = param;
496
502
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
497
503
  paddingX: 16,
498
- role: s,
499
- children: I({
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: n
509
+ children: i
504
510
  })
505
511
  })
506
512
  });
507
513
  }
508
- }), !0) : e.iconButton ? S ? M(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
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
- })) : O(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
524
+ })) : H(/* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
519
525
  paddingX: 16,
520
- children: I({
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: s
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: s
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: s,
537
- dataAttributes: v,
542
+ role: u,
543
+ dataAttributes: s,
538
544
  ref: a,
539
- children: I()
545
+ children: R()
540
546
  });
541
- }), ht = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
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)(oe, _object_spread_props(_object_spread({}, r), {
552
- ref: o,
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
- }), mt = (param)=>{
559
- let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
560
- const c = _react.Children.toArray(e).filter(Boolean), g = c.length - 1;
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)(o, "RowList")), {
565
- children: c.map((y, f)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
570
+ }, (0, _dom.getPrefixedDataAttributes)(l, "RowList")), {
571
+ children: c.map((g, x)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
566
572
  children: [
567
- y,
568
- f < g && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
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
- }, f))
579
+ }, x))
574
580
  }));
575
- }, ut = /*#__PURE__*/ _react.forwardRef((_param, r)=>{
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)(oe, _object_spread({}, a))
591
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(le, _object_spread({}, a))
586
592
  });
587
- }), ft = (param)=>{
588
- let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
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
- }, o),
601
+ }, l),
596
602
  children: e
597
603
  });
598
604
  };
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
8
8
  return o;
9
9
  }
10
10
  });
11
- const o = "15.16.4";
11
+ const o = "15.17.0";