@telefonica/mistica 14.47.0 → 15.0.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 (88) hide show
  1. package/README.md +1 -3
  2. package/css/mistica.css +1 -1
  3. package/dist/accordion.d.ts +1 -6
  4. package/dist/button-fixed-footer-layout.js +9 -11
  5. package/dist/button-layout.css-mistica.js +10 -19
  6. package/dist/button-layout.css.d.ts +3 -6
  7. package/dist/button-layout.d.ts +5 -0
  8. package/dist/button-layout.js +41 -26
  9. package/dist/button.d.ts +0 -4
  10. package/dist/button.js +1 -1
  11. package/dist/card.d.ts +2 -0
  12. package/dist/card.js +220 -208
  13. package/dist/cvv-field.js +30 -29
  14. package/dist/dialog.js +31 -33
  15. package/dist/feedback.js +61 -79
  16. package/dist/form-context.js +49 -40
  17. package/dist/form.js +10 -10
  18. package/dist/icon-button.d.ts +0 -1
  19. package/dist/icons/icon-error.js +5 -5
  20. package/dist/icons/icon-info.js +5 -5
  21. package/dist/icons/icon-success.js +6 -7
  22. package/dist/image.js +36 -32
  23. package/dist/index.d.ts +3 -12
  24. package/dist/index.js +0 -20
  25. package/dist/list.d.ts +0 -4
  26. package/dist/logo.js +0 -1
  27. package/dist/package-version.js +1 -1
  28. package/dist/popover.d.ts +0 -4
  29. package/dist/popover.js +10 -11
  30. package/dist/select.d.ts +1 -0
  31. package/dist/select.js +65 -65
  32. package/dist/sheet.js +6 -8
  33. package/dist/skins/blau.js +1 -1
  34. package/dist/skins/constants.d.ts +0 -2
  35. package/dist/skins/constants.js +6 -12
  36. package/dist/skins/movistar.js +1 -1
  37. package/dist/skins/o2.js +1 -1
  38. package/dist/skins/telefonica.js +1 -1
  39. package/dist/skins/tu.js +1 -1
  40. package/dist/skins/types/index.d.ts +1 -1
  41. package/dist/skins/utils.js +4 -7
  42. package/dist/skins/vivo-new.js +1 -1
  43. package/dist/skins/vivo.js +1 -1
  44. package/dist/slider.d.ts +0 -8
  45. package/dist/slider.js +95 -97
  46. package/dist/tag.js +34 -39
  47. package/dist/tooltip.d.ts +0 -16
  48. package/dist/tooltip.js +78 -79
  49. package/dist-es/button-fixed-footer-layout.js +18 -20
  50. package/dist-es/button-layout.css-mistica.js +7 -7
  51. package/dist-es/button-layout.js +49 -34
  52. package/dist-es/button.js +1 -1
  53. package/dist-es/card.js +354 -342
  54. package/dist-es/cvv-field.js +55 -54
  55. package/dist-es/dialog.js +39 -41
  56. package/dist-es/feedback.js +102 -120
  57. package/dist-es/form-context.js +54 -45
  58. package/dist-es/form.js +13 -13
  59. package/dist-es/icons/icon-error.js +6 -6
  60. package/dist-es/icons/icon-info.js +6 -6
  61. package/dist-es/icons/icon-success.js +9 -10
  62. package/dist-es/image.js +38 -34
  63. package/dist-es/index.js +1767 -1769
  64. package/dist-es/logo.js +0 -1
  65. package/dist-es/package-version.js +1 -1
  66. package/dist-es/popover.js +27 -28
  67. package/dist-es/select.js +97 -97
  68. package/dist-es/sheet.js +9 -11
  69. package/dist-es/skins/blau.js +1 -1
  70. package/dist-es/skins/constants.js +2 -2
  71. package/dist-es/skins/movistar.js +1 -1
  72. package/dist-es/skins/o2.js +1 -1
  73. package/dist-es/skins/telefonica.js +1 -1
  74. package/dist-es/skins/tu.js +1 -1
  75. package/dist-es/skins/utils.js +17 -20
  76. package/dist-es/skins/vivo-new.js +1 -1
  77. package/dist-es/skins/vivo.js +1 -1
  78. package/dist-es/slider.js +117 -119
  79. package/dist-es/style.css +1 -1
  80. package/dist-es/tag.js +52 -57
  81. package/dist-es/tooltip.js +83 -84
  82. package/package.json +1 -1
  83. package/dist/skins/movistar-legacy.d.ts +0 -47
  84. package/dist/skins/movistar-legacy.js +0 -392
  85. package/dist/skins/o2-classic.d.ts +0 -56
  86. package/dist/skins/o2-classic.js +0 -324
  87. package/dist-es/skins/movistar-legacy.js +0 -375
  88. package/dist-es/skins/o2-classic.js +0 -307
package/dist/popover.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return N;
9
+ return A;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -78,10 +78,9 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- const T = (_param)=>{
82
- var { open: a, isVisible: m, extra: c, children: i, onClose: l = ()=>{}, dataAttributes: p, trackingEvent: s, title: o, description: e, asset: n } = _param, f = _object_without_properties(_param, [
81
+ const S = (_param)=>{
82
+ var { open: a, extra: m, children: c, onClose: i = ()=>{}, dataAttributes: l, trackingEvent: p, title: o, description: e, asset: n } = _param, s = _object_without_properties(_param, [
83
83
  "open",
84
- "isVisible",
85
84
  "extra",
86
85
  "children",
87
86
  "onClose",
@@ -120,17 +119,17 @@ const T = (_param)=>{
120
119
  ]
121
120
  })
122
121
  }),
123
- c !== null && c !== void 0 ? c : i
122
+ m !== null && m !== void 0 ? m : c
124
123
  ]
125
124
  }),
126
125
  centerContent: !1,
127
- open: a !== null && a !== void 0 ? a : m,
126
+ open: a,
128
127
  hasPointerInteractionOnly: !0,
129
128
  delay: !1,
130
- onClose: l,
131
- trackingEvent: s,
129
+ onClose: i,
130
+ trackingEvent: p,
132
131
  dataAttributes: _object_spread({
133
132
  "component-name": "Popover"
134
- }, p)
135
- }, f));
136
- }, N = T;
133
+ }, l)
134
+ }, s));
135
+ }, A = S;
package/dist/select.d.ts CHANGED
@@ -16,6 +16,7 @@ export type SelectProps = {
16
16
  }>;
17
17
  autoFocus?: boolean;
18
18
  value?: string;
19
+ defaultValue?: string;
19
20
  fullWidth?: boolean;
20
21
  native?: boolean;
21
22
  children?: void;
package/dist/select.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return wt;
9
+ return xt;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -125,11 +125,11 @@ function _object_spread_props(target, source) {
125
125
  }
126
126
  return target;
127
127
  }
128
- const rt = (param)=>{
129
- let { id: le, label: w, helperText: ue, value: fe, onChangeValue: V, name: i, fullWidth: P, options: u, optional: D, disabled: de, error: pe, onBlur: M, autoFocus: q = !1, native: me } = param;
128
+ const st = (param)=>{
129
+ let { id: le, label: w, helperText: ue, value: fe, defaultValue: de, onChangeValue: V, name: i, fullWidth: P, options: f, optional: D, disabled: pe, error: me, onBlur: M, autoFocus: z = !1, native: he } = param;
130
130
  var te;
131
- const h = _react.useRef(null), f = _react.useRef(null), S = _react.useRef(null), g = _react.useRef(null), y = _react.useRef(/* @__PURE__ */ new Map()), [he, Se] = _react.useState(!0), [d, ge] = _react.useState(), [H, z] = _react.useState(!1), [j, K] = _react.useState(!1), [U, x] = _react.useState(!1), [l, F] = _react.useState({}), [v, W] = _react.useState(), G = _react.useRef(null), L = (0, _hooks.useAriaId)(le), { rawValues: ve, setRawValue: Z, setValue: $, formStatus: Te, formErrors: X, setFormError: Ie, register: B } = (0, _formcontext.useForm)(), { platformOverrides: J } = (0, _hooks.useTheme)(), Ee = me || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(J) || (0, _platform.isIos)(J), T = de || Te === "sending", R = pe || !!X[i], Q = X[i] || ue, a = fe !== null && fe !== void 0 ? fe : ve[i], A = (e)=>{
132
- V == null || V(e), Ie({
131
+ const h = _react.useRef(null), d = _react.useRef(null), S = _react.useRef(null), v = _react.useRef(null), y = _react.useRef(/* @__PURE__ */ new Map()), [Se, ve] = _react.useState(!0), [l, ge] = _react.useState(de), [H, j] = _react.useState(!1), [K, U] = _react.useState(!1), [X, x] = _react.useState(!1), [u, F] = _react.useState({}), [g, W] = _react.useState(), G = _react.useRef(null), L = (0, _hooks.useAriaId)(le), { rawValues: Te, setRawValue: Z, setValue: $, formStatus: Ie, formErrors: J, setFormError: Ee, register: B } = (0, _formcontext.useForm)(), { platformOverrides: Q } = (0, _hooks.useTheme)(), we = he || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || (0, _platform.isAndroid)(Q) || (0, _platform.isIos)(Q), T = pe || Ie === "sending", R = me || !!J[i], Y = J[i] || ue, a = fe !== null && fe !== void 0 ? fe : Te[i], A = (e)=>{
132
+ V == null || V(e), Ee({
133
133
  name: i,
134
134
  error: ""
135
135
  }), Z({
@@ -142,15 +142,15 @@ const rt = (param)=>{
142
142
  }, I = (e)=>{
143
143
  if (e) {
144
144
  if (S != null && S.current) {
145
- const o = S.current.getBoundingClientRect(), p = o.top, E = o.width, O = o.left, ye = o.height, N = p + ye, _ = Math.min(u.length, 8) * 48 + 16;
145
+ const o = S.current.getBoundingClientRect(), p = o.top, E = o.width, O = o.left, Re = o.height, N = p + Re, _ = Math.min(f.length, 8) * 48 + 16;
146
146
  if (N + _ + 12 > window.innerHeight) {
147
- const Re = window.innerHeight - N;
148
- if (p > Re) {
149
- const Ae = p - _;
147
+ const Ae = window.innerHeight - N;
148
+ if (p > Ae) {
149
+ const _e = p - _;
150
150
  F({
151
151
  minWidth: E,
152
152
  left: O,
153
- top: Math.max(Ae, 12),
153
+ top: Math.max(_e, 12),
154
154
  maxHeight: Math.min(p - 12, _),
155
155
  transformOrigin: "center bottom"
156
156
  });
@@ -169,16 +169,16 @@ const rt = (param)=>{
169
169
  transformOrigin: "center top"
170
170
  });
171
171
  }
172
- z(!0), requestAnimationFrame(()=>{
173
- G.current && g.current && "scrollTop" in g.current && (g.current.scrollTop = G.current), K(!0);
174
- }), W(d !== null && d !== void 0 ? d : a);
175
- } else K(!1), z(!1), W(void 0);
176
- }, Y = (e)=>{
172
+ j(!0), requestAnimationFrame(()=>{
173
+ G.current && v.current && "scrollTop" in v.current && (v.current.scrollTop = G.current), U(!0);
174
+ }), W(l !== null && l !== void 0 ? l : a);
175
+ } else U(!1), j(!1), W(void 0);
176
+ }, q = (e)=>{
177
177
  var t;
178
- G.current = (t = g.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof a > "u" && ge(e);
179
- }, we = (e)=>{
178
+ G.current = (t = v.current) == null ? void 0 : t.scrollTop, I(!1), A && typeof e == "string" && A(e), typeof a > "u" && ge(e);
179
+ }, xe = (e)=>{
180
180
  var s;
181
- const t = (s = g.current) == null ? void 0 : s.getBoundingClientRect();
181
+ const t = (s = v.current) == null ? void 0 : s.getBoundingClientRect();
182
182
  if (t && e && y.current.has(e)) {
183
183
  const c = y.current.get(e), o = c == null ? void 0 : c.getBoundingClientRect();
184
184
  if (o && o.top + o.height / 2 >= t.top + t.height) {
@@ -187,7 +187,7 @@ const rt = (param)=>{
187
187
  }
188
188
  o && o.top + o.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
189
189
  }
190
- }, xe = f.current, Oe = h.current;
190
+ }, Oe = d.current, Ne = h.current;
191
191
  _react.useEffect(()=>{
192
192
  Z({
193
193
  name: i,
@@ -203,7 +203,7 @@ const rt = (param)=>{
203
203
  a
204
204
  ]), _react.useEffect(()=>(B(i, {
205
205
  input: h.current,
206
- focusableElement: f.current
206
+ focusableElement: d.current
207
207
  }), ()=>{
208
208
  B(i, {
209
209
  input: null,
@@ -212,10 +212,10 @@ const rt = (param)=>{
212
212
  }), [
213
213
  i,
214
214
  B,
215
- f,
215
+ d,
216
216
  h,
217
- xe,
218
- Oe
217
+ Oe,
218
+ Ne
219
219
  ]), _react.useEffect(()=>{
220
220
  const e = (s)=>{
221
221
  var p;
@@ -226,11 +226,11 @@ const rt = (param)=>{
226
226
  if (o) {
227
227
  (0, _dom.cancelEvent)(s);
228
228
  var _ref;
229
- const E = (_ref = (p = u[u.findIndex((param)=>{
229
+ const E = (_ref = (p = f[f.findIndex((param)=>{
230
230
  let { value: O } = param;
231
- return O === v;
232
- }) + o]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : v;
233
- W(E), we(E);
231
+ return O === g;
232
+ }) + o]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : g;
233
+ W(E), xe(E);
234
234
  }
235
235
  }, t = (s)=>{
236
236
  if (H) switch(s.key){
@@ -242,31 +242,31 @@ const rt = (param)=>{
242
242
  break;
243
243
  case _keys.ENTER:
244
244
  case _keys.SPACE:
245
- (0, _dom.cancelEvent)(s), u.findIndex((param)=>{
245
+ (0, _dom.cancelEvent)(s), f.findIndex((param)=>{
246
246
  let { value: c } = param;
247
- return c === v;
248
- }) !== -1 && v !== d && Y(v), I(!1);
247
+ return c === g;
248
+ }) !== -1 && g !== l && q(g), I(!1);
249
249
  break;
250
250
  }
251
- j && e(s);
251
+ K && e(s);
252
252
  };
253
253
  return document.addEventListener("keydown", t, !1), ()=>{
254
254
  document.removeEventListener("keydown", t, !1);
255
255
  };
256
256
  }), _react.useEffect(()=>{
257
- q && f.current && f.current.focus();
257
+ z && d.current && d.current.focus();
258
258
  }, [
259
- q
259
+ z
260
260
  ]), _react.useEffect(()=>{
261
- Se(!1);
261
+ ve(!1);
262
262
  }, []);
263
- const Ne = (e)=>{
263
+ const be = (e)=>{
264
264
  var t;
265
- return e ? (t = u.find((param)=>{
265
+ return e ? (t = f.find((param)=>{
266
266
  let { value: s } = param;
267
267
  return s === e;
268
268
  })) == null ? void 0 : t.text : "";
269
- }, be = {
269
+ }, ye = {
270
270
  tabIndex: 0,
271
271
  onFocus: ()=>x(!0),
272
272
  onBlur: ()=>x(!1),
@@ -277,14 +277,14 @@ const rt = (param)=>{
277
277
  !H && (e.key === _keys.SPACE || e.key === _keys.ENTER) && ((0, _dom.cancelEvent)(e), I(!0));
278
278
  }
279
279
  }, ee = (0, _css.pxToRem)(20);
280
- var _ref, _l_transformOrigin;
280
+ var _ref, _u_transformOrigin;
281
281
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
282
282
  isInverse: !1,
283
- children: Ee || he ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
283
+ children: we || Se ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_textfieldcomponents.FieldContainer, {
284
284
  disabled: T,
285
285
  helperText: /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.HelperText, {
286
286
  error: R,
287
- leftText: Q
287
+ leftText: Y
288
288
  }),
289
289
  fieldRef: S,
290
290
  fullWidth: P,
@@ -292,7 +292,7 @@ const rt = (param)=>{
292
292
  w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldcomponents.Label, {
293
293
  error: R,
294
294
  forId: L,
295
- inputState: U ? "focused" : ((_ref = a !== null && a !== void 0 ? a : d) !== null && _ref !== void 0 ? _ref : (te = h.current) == null ? void 0 : te.value) ? "filled" : "default",
295
+ inputState: X ? "focused" : ((_ref = a !== null && a !== void 0 ? a : l) !== null && _ref !== void 0 ? _ref : (te = h.current) == null ? void 0 : te.value) ? "filled" : "default",
296
296
  optional: D,
297
297
  children: w
298
298
  }),
@@ -300,11 +300,11 @@ const rt = (param)=>{
300
300
  className: (0, _classnames.default)(_selectcssmistica.selectVariants[T ? "disabled" : "default"], w ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
301
301
  id: L,
302
302
  "aria-invalid": !!R,
303
- value: a,
303
+ value: a !== null && a !== void 0 ? a : l,
304
304
  required: !D,
305
305
  disabled: T,
306
306
  onChange: (e)=>{
307
- A && A(e.target.value);
307
+ q(e.target.value), A && A(e.target.value);
308
308
  },
309
309
  onFocus: ()=>x(!0),
310
310
  onBlur: (e)=>{
@@ -313,7 +313,7 @@ const rt = (param)=>{
313
313
  ref: (e)=>{
314
314
  [
315
315
  h,
316
- f
316
+ d
317
317
  ].forEach((t)=>{
318
318
  t.current = e;
319
319
  });
@@ -324,7 +324,7 @@ const rt = (param)=>{
324
324
  opacity: 1
325
325
  },
326
326
  children: [
327
- u.every((param)=>{
327
+ f.every((param)=>{
328
328
  let { value: e } = param;
329
329
  return !!e;
330
330
  }) && // if no "empty" option exists, insert a dummy empty option
@@ -335,7 +335,7 @@ const rt = (param)=>{
335
335
  display: "none"
336
336
  }
337
337
  }),
338
- u.map((param)=>{
338
+ f.map((param)=>{
339
339
  let { value: e, text: t } = param;
340
340
  return /* @__PURE__ */ (0, _jsxruntime.jsx)("option", {
341
341
  value: e,
@@ -361,8 +361,8 @@ const rt = (param)=>{
361
361
  className: _selectcssmistica.selectContainerVariants[P ? "fullWidth" : "default"],
362
362
  role: "button",
363
363
  "aria-haspopup": "listbox",
364
- ref: f
365
- }, !T && be), {
364
+ ref: d
365
+ }, !T && ye), {
366
366
  children: [
367
367
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, {
368
368
  style: {
@@ -375,12 +375,12 @@ const rt = (param)=>{
375
375
  size: ee
376
376
  })
377
377
  }),
378
- focus: U,
378
+ focus: X,
379
379
  label: w,
380
- value: a,
381
- shrinkLabel: !!(a || d),
380
+ value: a !== null && a !== void 0 ? a : l,
381
+ shrinkLabel: !!(a || l),
382
382
  name: i,
383
- helperText: Q,
383
+ helperText: Y,
384
384
  required: !D,
385
385
  disabled: T,
386
386
  id: L,
@@ -390,7 +390,7 @@ const rt = (param)=>{
390
390
  }),
391
391
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
392
392
  className: (0, _classnames.default)(_selectcssmistica.selectTextVariants[T ? "disabled" : "default"], w ? _textfieldbasecssmistica.inputWithLabel : _textfieldbasecssmistica.inputWithoutLabel),
393
- children: Ne(a !== null && a !== void 0 ? a : d)
393
+ children: be(a !== null && a !== void 0 ? a : l)
394
394
  })
395
395
  ]
396
396
  })),
@@ -402,27 +402,27 @@ const rt = (param)=>{
402
402
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
403
403
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("ul", {
404
404
  style: (0, _css.applyCssVars)({
405
- [_selectcssmistica.vars.top]: l.top ? `${l.top}px` : "",
406
- [_selectcssmistica.vars.left]: l.left ? `${l.left}px` : "",
407
- [_selectcssmistica.vars.maxHeight]: l.maxHeight ? `${l.maxHeight}px` : "",
408
- [_selectcssmistica.vars.minWidth]: l.minWidth ? `${l.minWidth}px` : "",
409
- [_selectcssmistica.vars.transformOrigin]: (_l_transformOrigin = l.transformOrigin) !== null && _l_transformOrigin !== void 0 ? _l_transformOrigin : ""
405
+ [_selectcssmistica.vars.top]: u.top ? `${u.top}px` : "",
406
+ [_selectcssmistica.vars.left]: u.left ? `${u.left}px` : "",
407
+ [_selectcssmistica.vars.maxHeight]: u.maxHeight ? `${u.maxHeight}px` : "",
408
+ [_selectcssmistica.vars.minWidth]: u.minWidth ? `${u.minWidth}px` : "",
409
+ [_selectcssmistica.vars.transformOrigin]: (_u_transformOrigin = u.transformOrigin) !== null && _u_transformOrigin !== void 0 ? _u_transformOrigin : ""
410
410
  }),
411
411
  onPointerDown: _dom.cancelEvent,
412
- className: (0, _classnames.default)(_selectcssmistica.optionsContainer, j ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
412
+ className: (0, _classnames.default)(_selectcssmistica.optionsContainer, K ? _selectcssmistica.optionsAnimationsVariants.show : _selectcssmistica.optionsAnimationsVariants.hide),
413
413
  role: "listbox",
414
- ref: g,
415
- children: u.map((param)=>{
414
+ ref: v,
415
+ children: f.map((param)=>{
416
416
  let { value: e, text: t } = param;
417
417
  return /* @__PURE__ */ (0, _jsxruntime.jsx)("li", {
418
418
  role: "option",
419
- "aria-selected": e === (d !== null && d !== void 0 ? d : a),
419
+ "aria-selected": e === (l !== null && l !== void 0 ? l : a),
420
420
  "data-value": e,
421
421
  className: (0, _classnames.default)(_selectcssmistica.menuItem, {
422
- [_selectcssmistica.menuItemSelected]: e === v || e === (d !== null && d !== void 0 ? d : a)
422
+ [_selectcssmistica.menuItemSelected]: e === g || e === (l !== null && l !== void 0 ? l : a)
423
423
  }),
424
424
  onPointerDown: _dom.cancelEvent,
425
- onClick: ()=>Y(e),
425
+ onClick: ()=>q(e),
426
426
  ref: (s)=>{
427
427
  s ? y.current.set(e, s) : y.current.delete(e);
428
428
  },
@@ -438,4 +438,4 @@ const rt = (param)=>{
438
438
  ]
439
439
  })
440
440
  });
441
- }, wt = rt;
441
+ }, xt = st;
package/dist/sheet.js CHANGED
@@ -429,13 +429,11 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
429
429
  desktop: 40
430
430
  },
431
431
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.InternalResponsiveLayout, {
432
- children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_buttonlayout.default, {
432
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
433
433
  align: "full-width",
434
434
  link: o,
435
- children: [
436
- g,
437
- t
438
- ]
435
+ primaryButton: g,
436
+ secondaryButton: t
439
437
  })
440
438
  })
441
439
  })
@@ -456,13 +454,13 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
456
454
  "component-name": "RadioListSheet"
457
455
  }, m),
458
456
  children: (param)=>/* @__PURE__ */ {
459
- let { closeModal: y, modalTitleId: L } = param;
457
+ let { closeModal: y, modalTitleId: B } = param;
460
458
  var _ref;
461
459
  return (0, _jsxruntime.jsx)(k, {
462
460
  title: n,
463
461
  subtitle: s,
464
462
  description: l,
465
- modalTitleId: L,
463
+ modalTitleId: B,
466
464
  button: a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
467
465
  onPress: ()=>{
468
466
  d.current && (o == null || o(c !== null && c !== void 0 ? c : "")), y();
@@ -471,7 +469,7 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
471
469
  }) : void 0,
472
470
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
473
471
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.RadioGroup, {
474
- "aria-labelledby": L,
472
+ "aria-labelledby": B,
475
473
  name: "sheetselection",
476
474
  value: c,
477
475
  onChange: (R)=>{
@@ -179,7 +179,7 @@ const e = {
179
179
  tagTextError: e.blauRed70,
180
180
  tagBackgroundPromo: e.blauPurple10,
181
181
  tagBackgroundActive: e.blauBlueSecondary10,
182
- tagBackgroundInactive: e.grey2,
182
+ tagBackgroundInactive: e.grey1,
183
183
  tagBackgroundSuccess: e.blauGreen10,
184
184
  tagBackgroundWarning: e.blauYellow10,
185
185
  tagBackgroundError: e.blauRed10
@@ -1,7 +1,5 @@
1
1
  export declare const MOVISTAR_SKIN = "Movistar";
2
- export declare const MOVISTAR_LEGACY_SKIN = "Movistar";
3
2
  export declare const O2_SKIN = "O2";
4
- export declare const O2_CLASSIC_SKIN = "O2-classic";
5
3
  export declare const VIVO_SKIN = "Vivo";
6
4
  export declare const VIVO_NEW_SKIN = "Vivo-new";
7
5
  export declare const TELEFONICA_SKIN = "Telefonica";
@@ -10,31 +10,25 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  BLAU_SKIN: function() {
13
- return n;
14
- },
15
- MOVISTAR_LEGACY_SKIN: function() {
16
- return I;
13
+ return c;
17
14
  },
18
15
  MOVISTAR_SKIN: function() {
19
16
  return o;
20
17
  },
21
- O2_CLASSIC_SKIN: function() {
22
- return S;
23
- },
24
18
  O2_SKIN: function() {
25
- return s;
19
+ return I;
26
20
  },
27
21
  TELEFONICA_SKIN: function() {
28
- return _;
22
+ return N;
29
23
  },
30
24
  TU_SKIN: function() {
31
- return N;
25
+ return s;
32
26
  },
33
27
  VIVO_NEW_SKIN: function() {
34
28
  return t;
35
29
  },
36
30
  VIVO_SKIN: function() {
37
- return c;
31
+ return n;
38
32
  }
39
33
  });
40
- const o = "Movistar", I = "Movistar", s = "O2", S = "O2-classic", c = "Vivo", t = "Vivo-new", _ = "Telefonica", n = "Blau", N = "Tu";
34
+ const o = "Movistar", I = "O2", n = "Vivo", t = "Vivo-new", N = "Telefonica", c = "Blau", s = "Tu";
@@ -183,7 +183,7 @@ const e = {
183
183
  tagTextError: e.pepper70,
184
184
  tagBackgroundPromo: e.purple10,
185
185
  tagBackgroundActive: e.movistarBlue10,
186
- tagBackgroundInactive: e.grey2,
186
+ tagBackgroundInactive: e.grey1,
187
187
  tagBackgroundSuccess: e.movistarGreen10,
188
188
  tagBackgroundWarning: e.egg10,
189
189
  tagBackgroundError: e.pepper10
package/dist/skins/o2.js CHANGED
@@ -183,7 +183,7 @@ const e = {
183
183
  tagTextError: e.pepper60,
184
184
  tagBackgroundPromo: e.o2Purple10,
185
185
  tagBackgroundActive: e.o2BluePrimary10,
186
- tagBackgroundInactive: e.grey2,
186
+ tagBackgroundInactive: e.grey1,
187
187
  tagBackgroundSuccess: e.o2Green10,
188
188
  tagBackgroundWarning: e.o2Orange10,
189
189
  tagBackgroundError: e.pepper10
@@ -177,7 +177,7 @@ const e = {
177
177
  tagTextError: e.coral70,
178
178
  tagBackgroundPromo: e.orchid10,
179
179
  tagBackgroundActive: e.telefonicaBlue10,
180
- tagBackgroundInactive: e.grey2,
180
+ tagBackgroundInactive: e.grey1,
181
181
  tagBackgroundSuccess: e.turquoise10,
182
182
  tagBackgroundWarning: e.ambar10,
183
183
  tagBackgroundError: e.coral10
package/dist/skins/tu.js CHANGED
@@ -181,7 +181,7 @@ const e = {
181
181
  tagTextError: e.red70,
182
182
  tagBackgroundPromo: e.blue10,
183
183
  tagBackgroundActive: e.blue10,
184
- tagBackgroundInactive: e.grey2,
184
+ tagBackgroundInactive: e.grey1,
185
185
  tagBackgroundSuccess: e.green10,
186
186
  tagBackgroundWarning: e.orange20,
187
187
  tagBackgroundError: e.red10
@@ -1,7 +1,7 @@
1
1
  import type { Colors } from './colors';
2
2
  export type { Colors } from './colors';
3
3
  export type SkinVariant = 'prominent';
4
- export type KnownSkinName = 'Movistar' | 'O2' | 'O2-classic' | 'Vivo' | 'Vivo-new' | 'Telefonica' | 'Blau' | 'Tu';
4
+ export type KnownSkinName = 'Movistar' | 'O2' | 'Vivo' | 'Vivo-new' | 'Telefonica' | 'Blau' | 'Tu';
5
5
  export type SkinName = KnownSkinName | string;
6
6
  export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
7
7
  export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
@@ -10,10 +10,10 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  flattenChildren: function() {
13
- return A;
13
+ return K;
14
14
  },
15
15
  getSkinByName: function() {
16
- return d;
16
+ return E;
17
17
  }
18
18
  });
19
19
  const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -23,7 +23,6 @@ const _telefonica = require("./telefonica.js");
23
23
  const _vivo = require("./vivo.js");
24
24
  const _vivonew = require("./vivo-new.js");
25
25
  const _o2 = require("./o2.js");
26
- const _o2classic = require("./o2-classic.js");
27
26
  const _movistar = require("./movistar.js");
28
27
  const _tu = require("./tu.js");
29
28
  function _getRequireWildcardCache(nodeInterop) {
@@ -67,7 +66,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
67
66
  }
68
67
  return newObj;
69
68
  }
70
- const d = (r, o)=>{
69
+ const E = (r, o)=>{
71
70
  switch(r){
72
71
  case _constants.BLAU_SKIN:
73
72
  return (0, _blau.getBlauSkin)();
@@ -79,8 +78,6 @@ const d = (r, o)=>{
79
78
  return (0, _vivonew.getVivoNewSkin)();
80
79
  case _constants.O2_SKIN:
81
80
  return (0, _o2.getO2Skin)();
82
- case _constants.O2_CLASSIC_SKIN:
83
- return (0, _o2classic.getO2ClassicSkin)();
84
81
  case _constants.MOVISTAR_SKIN:
85
82
  return (0, _movistar.getMovistarSkin)();
86
83
  case _constants.TU_SKIN:
@@ -88,4 +85,4 @@ const d = (r, o)=>{
88
85
  default:
89
86
  throw Error("Unknown skin name: " + r);
90
87
  }
91
- }, A = (r)=>_react.Children.toArray(r).reduce((t, e)=>e.type === _react.Fragment ? t.concat(A(e.props.children)) : (t.push(e), t), []);
88
+ }, K = (r)=>_react.Children.toArray(r).reduce((t, e)=>e.type === _react.Fragment ? t.concat(K(e.props.children)) : (t.push(e), t), []);
@@ -177,7 +177,7 @@ const e = {
177
177
  tagTextError: e.pepperDark80,
178
178
  tagBackgroundPromo: e.vivoPurpleLight10,
179
179
  tagBackgroundActive: e.vivoPurpleLight10,
180
- tagBackgroundInactive: e.grey2,
180
+ tagBackgroundInactive: e.grey1,
181
181
  tagBackgroundSuccess: e.vivoGreenLight10,
182
182
  tagBackgroundWarning: e.orangeLight10,
183
183
  tagBackgroundError: e.pepperLight10
@@ -177,7 +177,7 @@ const e = {
177
177
  tagTextError: e.pepperDark80,
178
178
  tagBackgroundPromo: e.vivoPurpleLight10,
179
179
  tagBackgroundActive: e.vivoPurpleLight10,
180
- tagBackgroundInactive: e.grey2,
180
+ tagBackgroundInactive: e.grey1,
181
181
  tagBackgroundSuccess: e.vivoGreenLight10,
182
182
  tagBackgroundWarning: e.orangeLight10,
183
183
  tagBackgroundError: e.pepperLight10
package/dist/slider.d.ts CHANGED
@@ -12,14 +12,6 @@ interface BaseSliderProps {
12
12
  'aria-label'?: string;
13
13
  'aria-labelledby'?: string;
14
14
  id?: string;
15
- /**
16
- * @deprecated This field is deprecated, please use step or values instead.
17
- */
18
- steps?: number | Array<number>;
19
- /**
20
- * @deprecated This field is deprecated.
21
- */
22
- getStepArrayIndex?: (value: number) => void;
23
15
  }
24
16
  interface SliderWithValuesProps {
25
17
  values: Array<number>;