@telefonica/mistica 14.42.1 → 14.44.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 (45) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.d.ts +0 -2
  3. package/dist/carousel.d.ts +5 -5
  4. package/dist/carousel.js +169 -153
  5. package/dist/cvv-field.js +85 -40
  6. package/dist/feedback.js +36 -36
  7. package/dist/index.d.ts +7 -3
  8. package/dist/index.js +17 -1
  9. package/dist/logo.d.ts +1 -0
  10. package/dist/logo.js +110 -68
  11. package/dist/package-version.js +1 -1
  12. package/dist/popover.css-mistica.js +4 -43
  13. package/dist/popover.css.d.ts +1 -12
  14. package/dist/popover.d.ts +6 -2
  15. package/dist/popover.js +71 -226
  16. package/dist/select.js +176 -172
  17. package/dist/skins/constants.d.ts +1 -0
  18. package/dist/skins/constants.js +4 -1
  19. package/dist/skins/tu.d.ts +47 -0
  20. package/dist/skins/tu.js +362 -0
  21. package/dist/skins/types/index.d.ts +1 -1
  22. package/dist/skins/utils.js +7 -4
  23. package/dist/theme.d.ts +2 -1
  24. package/dist/theme.js +17 -13
  25. package/dist/tooltip.css-mistica.js +15 -6
  26. package/dist/tooltip.css.d.ts +3 -0
  27. package/dist/tooltip.d.ts +15 -1
  28. package/dist/tooltip.js +213 -140
  29. package/dist-es/carousel.js +193 -176
  30. package/dist-es/cvv-field.js +73 -69
  31. package/dist-es/feedback.js +58 -58
  32. package/dist-es/index.js +1744 -1743
  33. package/dist-es/logo.js +128 -89
  34. package/dist-es/package-version.js +1 -1
  35. package/dist-es/popover.css-mistica.js +2 -3
  36. package/dist-es/popover.js +75 -191
  37. package/dist-es/select.js +182 -178
  38. package/dist-es/skins/constants.js +2 -2
  39. package/dist-es/skins/tu.js +345 -0
  40. package/dist-es/skins/utils.js +21 -18
  41. package/dist-es/style.css +1 -1
  42. package/dist-es/theme.js +16 -12
  43. package/dist-es/tooltip.css-mistica.js +2 -2
  44. package/dist-es/tooltip.js +234 -169
  45. package/package.json +4 -4
package/dist/cvv-field.js CHANGED
@@ -6,14 +6,15 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return dr;
9
+ return gr;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
13
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
13
14
  const _hooks = require("./hooks.js");
14
15
  const _iconcvvvisamc = /*#__PURE__*/ _interop_require_default(require("./icons/icon-cvv-visa-mc.js"));
15
16
  const _iconcvvamex = /*#__PURE__*/ _interop_require_default(require("./icons/icon-cvv-amex.js"));
16
- const _tooltip = /*#__PURE__*/ _interop_require_default(require("./tooltip.js"));
17
+ const _popover = /*#__PURE__*/ _interop_require_default(require("./popover.js"));
17
18
  const _iconbutton = /*#__PURE__*/ _interop_require_default(require("./icon-button.js"));
18
19
  const _iconinformationregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-information-regular.js"));
19
20
  const _formcontext = require("./form-context.js");
@@ -32,6 +33,47 @@ function _interop_require_default(obj) {
32
33
  default: obj
33
34
  };
34
35
  }
36
+ function _getRequireWildcardCache(nodeInterop) {
37
+ if (typeof WeakMap !== "function") return null;
38
+ var cacheBabelInterop = new WeakMap();
39
+ var cacheNodeInterop = new WeakMap();
40
+ return (_getRequireWildcardCache = function(nodeInterop) {
41
+ return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
42
+ })(nodeInterop);
43
+ }
44
+ function _interop_require_wildcard(obj, nodeInterop) {
45
+ if (!nodeInterop && obj && obj.__esModule) {
46
+ return obj;
47
+ }
48
+ if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
49
+ return {
50
+ default: obj
51
+ };
52
+ }
53
+ var cache = _getRequireWildcardCache(nodeInterop);
54
+ if (cache && cache.has(obj)) {
55
+ return cache.get(obj);
56
+ }
57
+ var newObj = {
58
+ __proto__: null
59
+ };
60
+ var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
61
+ for(var key in obj){
62
+ if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
63
+ var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
64
+ if (desc && (desc.get || desc.set)) {
65
+ Object.defineProperty(newObj, key, desc);
66
+ } else {
67
+ newObj[key] = obj[key];
68
+ }
69
+ }
70
+ }
71
+ newObj.default = obj;
72
+ if (cache) {
73
+ cache.set(obj, newObj);
74
+ }
75
+ return newObj;
76
+ }
35
77
  function _define_property(obj, key, value) {
36
78
  if (key in obj) {
37
79
  Object.defineProperty(obj, key, {
@@ -111,8 +153,8 @@ function _object_without_properties_loose(source, excluded) {
111
153
  }
112
154
  return target;
113
155
  }
114
- const X = (param)=>{
115
- let { acceptedCards: t } = param;
156
+ const Z = (param)=>{
157
+ let { acceptedCards: e } = param;
116
158
  const { texts: i } = (0, _hooks.useTheme)();
117
159
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
118
160
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -134,7 +176,7 @@ const X = (param)=>{
134
176
  ]
135
177
  }),
136
178
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {}),
137
- (t == null ? void 0 : t.americanExpress) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
179
+ (e == null ? void 0 : e.americanExpress) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
138
180
  space: 16,
139
181
  alignItems: "center",
140
182
  children: [
@@ -151,12 +193,12 @@ const X = (param)=>{
151
193
  })
152
194
  })
153
195
  });
154
- }, Y = (_param)=>{
155
- var { disabled: t, error: i, helperText: T, name: m, optional: a, validate: s, onChange: F, onChangeValue: z, onBlur: y, acceptedCards: B = {
196
+ }, _ = (_param)=>{
197
+ var { disabled: e, error: i, helperText: z, name: m, optional: u, validate: c, onChange: B, onChangeValue: M, onBlur: V, acceptedCards: y = {
156
198
  americanExpress: !0,
157
199
  visa: !0,
158
200
  masterCard: !0
159
- }, maxLength: c = 4, value: E, autoComplete: M = "cc-csc", defaultValue: V, dataAttributes: $ } = _param, j = _object_without_properties(_param, [
201
+ }, maxLength: l = 4, value: E, autoComplete: $ = "cc-csc", defaultValue: j, dataAttributes: A } = _param, S = _object_without_properties(_param, [
160
202
  "disabled",
161
203
  "error",
162
204
  "helperText",
@@ -173,42 +215,44 @@ const X = (param)=>{
173
215
  "defaultValue",
174
216
  "dataAttributes"
175
217
  ]);
176
- const { texts: l } = (0, _hooks.useTheme)(), { setFormError: A, jumpToNext: S } = (0, _formcontext.useForm)(), u = (o, n)=>o ? o.length !== c ? l.formCreditCardCvvError : s == null ? void 0 : s(o, n) : a ? "" : l.formFieldErrorIsMandatory, d = (o)=>o, v = (0, _formcontext.useFieldProps)({
218
+ const { texts: n } = (0, _hooks.useTheme)(), { setFormError: O, jumpToNext: R } = (0, _formcontext.useForm)(), [p, d] = _react.useState(!1), v = (o, s)=>o ? o.length !== l ? n.formCreditCardCvvError : c == null ? void 0 : c(o, s) : u ? "" : n.formFieldErrorIsMandatory, C = (o)=>o, g = (0, _formcontext.useFieldProps)({
177
219
  name: m,
178
220
  value: E,
179
- defaultValue: V,
180
- processValue: d,
181
- helperText: T,
182
- optional: a,
221
+ defaultValue: j,
222
+ processValue: C,
223
+ helperText: z,
224
+ optional: u,
183
225
  error: i,
184
- disabled: t,
185
- onBlur: y,
186
- validate: u,
187
- onChange: F,
188
- onChangeValue: z
189
- }), e = (0, _css.pxToRem)(16);
190
- return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, j, v), {
191
- maxLength: c,
226
+ disabled: e,
227
+ onBlur: V,
228
+ validate: v,
229
+ onChange: B,
230
+ onChangeValue: M
231
+ }), t = (0, _css.pxToRem)(16);
232
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, S, g), {
233
+ maxLength: l,
192
234
  onChange: (o)=>{
193
- v.onChange(o);
194
- const n = o.currentTarget.value, C = d(n);
195
- if (C.length === c) {
196
- const g = u(C, n);
197
- g ? A({
235
+ g.onChange(o);
236
+ const s = o.currentTarget.value, h = C(s);
237
+ if (h.length === l) {
238
+ const I = v(h, s);
239
+ I ? O({
198
240
  name: m,
199
- error: g
200
- }) : S(m);
241
+ error: I
242
+ }) : R(m);
201
243
  }
202
244
  },
203
- endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_tooltip.default, {
245
+ endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_popover.default, {
204
246
  position: "top",
205
- children: /* @__PURE__ */ (0, _jsxruntime.jsx)(X, {
206
- acceptedCards: B
247
+ open: p,
248
+ children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
249
+ acceptedCards: y
207
250
  }),
251
+ onClose: ()=>d(!1),
208
252
  target: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
209
253
  style: {
210
- width: e,
211
- height: e
254
+ width: t,
255
+ height: t
212
256
  },
213
257
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
214
258
  size: _textfieldbasecssmistica.iconButtonSize,
@@ -217,21 +261,22 @@ const X = (param)=>{
217
261
  alignItems: "center",
218
262
  justifyContent: "center",
219
263
  position: "relative",
220
- left: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${e}) / 2)`,
221
- top: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${e}) / 2)`
264
+ left: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${t}) / 2)`,
265
+ top: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${t}) / 2)`
222
266
  },
223
- "aria-label": l.formCreditCardCvvTooltipVisaMcButton,
267
+ onPress: ()=>d(!p),
268
+ "aria-label": p ? n.formCreditCardCvvTooltipVisaMcButtonClose : n.formCreditCardCvvTooltipVisaMcButtonOpen,
224
269
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconinformationregular.default, {
225
- size: e,
270
+ size: t,
226
271
  color: _skincontractcssmistica.vars.colors.neutralMedium
227
272
  })
228
273
  })
229
274
  })
230
275
  }),
231
- autoComplete: M,
276
+ autoComplete: $,
232
277
  inputComponent: _integerfield.IntegerInput,
233
278
  dataAttributes: _object_spread({
234
279
  "component-name": "CvvField"
235
- }, $)
280
+ }, A)
236
281
  }));
237
- }, dr = Y;
282
+ }, gr = _;
package/dist/feedback.js CHANGED
@@ -175,34 +175,34 @@ function _object_without_properties_loose(source, excluded) {
175
175
  }
176
176
  return target;
177
177
  }
178
- const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
178
+ const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
179
179
  let { primaryButton: r, secondaryButton: o } = param;
180
180
  return !!r || !!o;
181
- }, Te = (param)=>{
181
+ }, Be = (param)=>{
182
182
  let { isInverse: r } = param;
183
183
  const o = `@media ${_mediaqueriescssmistica.tabletOrSmaller} {
184
- body {background:${r ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background}}
184
+ body {background:${r ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background}; background-attachment: fixed;}
185
185
  }`;
186
186
  return /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
187
187
  children: o
188
188
  });
189
- }, O = (r)=>{
189
+ }, z = (r)=>{
190
190
  (0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(r).catch(()=>{});
191
- }, L = (r)=>{
191
+ }, W = (r)=>{
192
192
  _react.useEffect(()=>{
193
193
  let o;
194
- return r === "success" && (o = setTimeout(()=>O("success"), 700)), r === "error" && (o = setTimeout(()=>O("error"), 1e3)), ()=>{
194
+ return r === "success" && (o = setTimeout(()=>z("success"), 700)), r === "error" && (o = setTimeout(()=>z("error"), 1e3)), ()=>{
195
195
  clearTimeout(o);
196
196
  };
197
197
  }, [
198
198
  r
199
199
  ]);
200
- }, q = (param, n)=>{
200
+ }, L = (param, n)=>{
201
201
  let { icon: r, title: o, description: t, extra: c } = param;
202
202
  const i = t && Array.isArray(t) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
203
203
  space: 16,
204
- children: t.map((d, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
205
- children: d
204
+ children: t.map((s, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
205
+ children: s
206
206
  }, m))
207
207
  }) : t;
208
208
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
@@ -239,8 +239,8 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
239
239
  })
240
240
  ]
241
241
  });
242
- }, K = (r, o)=>{
243
- const t = W(o);
242
+ }, q = (r, o)=>{
243
+ const t = R(o);
244
244
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
245
245
  space: {
246
246
  desktop: 40,
@@ -251,7 +251,7 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
251
251
  t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, o))
252
252
  ]
253
253
  });
254
- }, j = (param)=>{
254
+ }, K = (param)=>{
255
255
  let { isInverse: r, body: o, imageFit: t, imageUrl: c, dataAttributes: n } = param;
256
256
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
257
257
  borderRadius: _skincontractcssmistica.vars.borderRadii.legacyDisplay,
@@ -287,26 +287,26 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
287
287
  })
288
288
  });
289
289
  }, x = (param)=>{
290
- let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link: d, hapticFeedback: m, icon: f, animateText: h = !1, isInverse: a = !1, unstable_inlineInDesktop: k, imageUrl: I, imageFit: g, dataAttributes: S } = param;
291
- L(m);
292
- const { platformOverrides: M, isDarkMode: N, skinName: B } = (0, _hooks.useTheme)(), G = (0, _hooks.useWindowHeight)(), { isTabletOrSmaller: P } = (0, _hooks.useScreenSize)(), [U, X] = _react.useState(typeof self < "u"), [T, J] = _react.useState(0), y = U ? "100vh" : `${G - T}px`, A = W({
290
+ let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, hapticFeedback: m, icon: f, animateText: h = !1, isInverse: a = !1, unstable_inlineInDesktop: k, imageUrl: I, imageFit: g, dataAttributes: S } = param;
291
+ W(m);
292
+ const { platformOverrides: j, isDarkMode: M, skinName: N } = (0, _hooks.useTheme)(), G = (0, _hooks.useWindowHeight)(), { isTabletOrSmaller: P } = (0, _hooks.useScreenSize)(), [U, X] = _react.useState(typeof self < "u"), [T, J] = _react.useState(0), B = U ? "100vh" : `${G - T}px`, y = R({
293
293
  primaryButton: n,
294
294
  secondaryButton: i,
295
- link: d
295
+ link: s
296
296
  });
297
297
  (0, _hooks.useIsomorphicLayoutEffect)(()=>{
298
298
  X(!1);
299
299
  }, []);
300
- const C = q({
300
+ const A = L({
301
301
  icon: f,
302
302
  title: r,
303
303
  description: o,
304
304
  extra: c !== null && c !== void 0 ? c : t
305
- }, h && R(M));
306
- return !P && k ? K(C, {
305
+ }, h && D(j));
306
+ return !P && k ? q(A, {
307
307
  primaryButton: n,
308
308
  secondaryButton: i,
309
- link: d
309
+ link: s
310
310
  }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
311
311
  style: {
312
312
  position: "relative"
@@ -323,23 +323,23 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
323
323
  desktop: 64,
324
324
  mobile: 0
325
325
  },
326
- children: j({
326
+ children: K({
327
327
  isInverse: a,
328
328
  body: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonfixedfooterlayout.default, {
329
- isFooterVisible: A,
329
+ isFooterVisible: y,
330
330
  button: n,
331
331
  secondaryButton: i,
332
- link: d,
333
- footerBgColor: a && !N ? _skincontractcssmistica.vars.colors.backgroundFeedbackBottom : void 0,
334
- containerBgColor: a && !N ? _skincontractcssmistica.vars.colors.backgroundFeedbackBottom : void 0,
332
+ link: s,
333
+ footerBgColor: a && !M ? _skincontractcssmistica.vars.colors.backgroundFeedbackBottom : void 0,
334
+ containerBgColor: "transparent",
335
335
  onChangeFooterHeight: J,
336
336
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
337
337
  className: _feedbackcssmistica.container,
338
338
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
339
339
  className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
340
- [_feedbackcssmistica.innerContainerWithButtons]: n || i || d
340
+ [_feedbackcssmistica.innerContainerWithButtons]: n || i || s
341
341
  }),
342
- children: C
342
+ children: A
343
343
  })
344
344
  })
345
345
  }),
@@ -349,7 +349,7 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
349
349
  })
350
350
  })
351
351
  }),
352
- B === _constants.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
352
+ N === _constants.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
353
353
  style: {
354
354
  position: "absolute",
355
355
  bottom: T,
@@ -358,11 +358,11 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
358
358
  right: 0,
359
359
  // This extra height is a workaround to make sure the background div is displayed *under* the fixed footer.
360
360
  // Otherwise in some devices (Galaxy S20+) the background and the fixed footer are rendered with some distance between them
361
- height: A ? `calc(${y} + 1px)` : `calc(${y})`,
361
+ height: y ? `calc(${B} + 1px)` : `calc(${B})`,
362
362
  background: a ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background
363
363
  }
364
364
  }),
365
- B !== _constants.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxruntime.jsx)(Te, {
365
+ N !== _constants.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxruntime.jsx)(Be, {
366
366
  isInverse: a
367
367
  })
368
368
  ]
@@ -430,9 +430,9 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
430
430
  })
431
431
  }, t));
432
432
  }, Ze = (param)=>{
433
- let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link: d, imageUrl: m, imageFit: f, dataAttributes: h } = param;
434
- L("success");
435
- const { skinName: a, platformOverrides: k } = (0, _hooks.useTheme)(), g = q({
433
+ let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, imageUrl: m, imageFit: f, dataAttributes: h } = param;
434
+ W("success");
435
+ const { skinName: a, platformOverrides: k } = (0, _hooks.useTheme)(), g = L({
436
436
  icon: a === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
437
437
  size: "100%"
438
438
  }) : a === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
@@ -443,12 +443,12 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
443
443
  title: r,
444
444
  description: o,
445
445
  extra: c !== null && c !== void 0 ? c : t
446
- }, R(k)), S = K(g, {
446
+ }, D(k)), S = q(g, {
447
447
  primaryButton: n,
448
448
  secondaryButton: i,
449
- link: d
449
+ link: s
450
450
  });
451
- return j({
451
+ return K({
452
452
  isInverse: !0,
453
453
  body: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
454
454
  className: _feedbackcssmistica.backgroundBrand,
package/dist/index.d.ts CHANGED
@@ -71,12 +71,14 @@ export {
71
71
  /**
72
72
  * @deprecated This component is deprecated, please use Logo instead
73
73
  */
74
- Logo as NavigationBarLogo, Logo, MovistarLogo, VivoLogo, O2Logo, TelefonicaLogo, BlauLogo, } from './logo';
74
+ Logo as NavigationBarLogo, Logo, MovistarLogo, VivoLogo, O2Logo, TelefonicaLogo, BlauLogo, TuLogo, } from './logo';
75
75
  export { default as Image } from './image';
76
76
  export { default as Chip } from './chip';
77
77
  export { default as Video } from './video';
78
78
  export type { VideoElement } from './video';
79
- export { Carousel, CenteredCarousel, Slideshow, PageBullets, CarouselContextProvider, useCarouselContext, CarouselContextConsummer, } from './carousel';
79
+ export { Carousel, CenteredCarousel, Slideshow, PageBullets, CarouselContextProvider, useCarouselContext,
80
+ /** @deprecated Contains a typo. Please use CarouselContextConsumer */
81
+ CarouselContextConsumer as CarouselContextConsummer, CarouselContextConsumer, } from './carousel';
80
82
  export { Grid, GridItem } from './grid';
81
83
  export { default as Sheet, ActionsSheet, InfoSheet, ActionsListSheet, RadioListSheet, SheetBody, } from './sheet';
82
84
  export { default as SheetRoot, showSheet } from './sheet-root';
@@ -121,7 +123,7 @@ export { TrackingConfig, useTrackingConfig } from './utils/analytics';
121
123
  export { useDocumentVisibility } from './utils/document-visibility';
122
124
  export { ThemeVariant, useIsInverseVariant, useThemeVariant } from './theme-variant-context';
123
125
  export type { Skin, KnownSkinName, SkinName } from './skins/types';
124
- export { VIVO_SKIN, VIVO_NEW_SKIN, O2_CLASSIC_SKIN, O2_SKIN, MOVISTAR_SKIN, TELEFONICA_SKIN, BLAU_SKIN, } from './skins/constants';
126
+ export { VIVO_SKIN, VIVO_NEW_SKIN, O2_CLASSIC_SKIN, O2_SKIN, MOVISTAR_SKIN, TELEFONICA_SKIN, BLAU_SKIN, TU_SKIN, } from './skins/constants';
125
127
  export { getSkinByName } from './skins/utils';
126
128
  export { getVivoSkin } from './skins/vivo';
127
129
  export { getVivoNewSkin } from './skins/vivo-new';
@@ -131,12 +133,14 @@ export { getO2Skin } from './skins/o2';
131
133
  export { getO2ClassicSkin } from './skins/o2-classic';
132
134
  export { getTelefonicaSkin } from './skins/telefonica';
133
135
  export { getBlauSkin } from './skins/blau';
136
+ export { getTuSkin } from './skins/tu';
134
137
  export { palette as vivoPalette } from './skins/vivo';
135
138
  export { palette as movistarPalette } from './skins/movistar';
136
139
  export { palette as o2Palette } from './skins/o2';
137
140
  export { palette as o2ClassicPalette } from './skins/o2-classic';
138
141
  export { palette as telefonicaPalette } from './skins/telefonica';
139
142
  export { palette as blauPalette } from './skins/blau';
143
+ export { palette as tuPalette } from './skins/tu';
140
144
  export type { Locale } from './utils/locale';
141
145
  export type { TrackingEvent, IconProps } from './utils/types';
142
146
  export type { RegionCode } from './utils/region-code';
package/dist/index.js CHANGED
@@ -87,8 +87,11 @@ _export(exports, {
87
87
  Carousel: function() {
88
88
  return _carousel.Carousel;
89
89
  },
90
+ CarouselContextConsumer: function() {
91
+ return _carousel.CarouselContextConsumer;
92
+ },
90
93
  CarouselContextConsummer: function() {
91
- return _carousel.CarouselContextConsummer;
94
+ return _carousel.CarouselContextConsumer;
92
95
  },
93
96
  CarouselContextProvider: function() {
94
97
  return _carousel.CarouselContextProvider;
@@ -5505,6 +5508,9 @@ _export(exports, {
5505
5508
  TELEFONICA_SKIN: function() {
5506
5509
  return _constants.TELEFONICA_SKIN;
5507
5510
  },
5511
+ TU_SKIN: function() {
5512
+ return _constants.TU_SKIN;
5513
+ },
5508
5514
  Tabs: function() {
5509
5515
  return _tabs.default;
5510
5516
  },
@@ -5586,6 +5592,9 @@ _export(exports, {
5586
5592
  TrackingConfig: function() {
5587
5593
  return _analytics.TrackingConfig;
5588
5594
  },
5595
+ TuLogo: function() {
5596
+ return _logo.TuLogo;
5597
+ },
5589
5598
  VIVO_NEW_SKIN: function() {
5590
5599
  return _constants.VIVO_NEW_SKIN;
5591
5600
  },
@@ -5643,6 +5652,9 @@ _export(exports, {
5643
5652
  getTelefonicaSkin: function() {
5644
5653
  return _telefonica.getTelefonicaSkin;
5645
5654
  },
5655
+ getTuSkin: function() {
5656
+ return _tu.getTuSkin;
5657
+ },
5646
5658
  getVivoNewSkin: function() {
5647
5659
  return _vivonew.getVivoNewSkin;
5648
5660
  },
@@ -5673,6 +5685,9 @@ _export(exports, {
5673
5685
  telefonicaPalette: function() {
5674
5686
  return _telefonica.palette;
5675
5687
  },
5688
+ tuPalette: function() {
5689
+ return _tu.palette;
5690
+ },
5676
5691
  useAriaId: function() {
5677
5692
  return _hooks.useAriaId;
5678
5693
  },
@@ -5852,6 +5867,7 @@ const _o2 = require("./skins/o2.js");
5852
5867
  const _o2classic = require("./skins/o2-classic.js");
5853
5868
  const _telefonica = require("./skins/telefonica.js");
5854
5869
  const _blau = require("./skins/blau.js");
5870
+ const _tu = require("./skins/tu.js");
5855
5871
  const _examplecomponent = /*#__PURE__*/ _interop_require_default(require("./community/example-component.js"));
5856
5872
  const _advanceddatacard = /*#__PURE__*/ _interop_require_default(require("./community/advanced-data-card.js"));
5857
5873
  const _blocks = require("./community/blocks.js");
package/dist/logo.d.ts CHANGED
@@ -33,4 +33,5 @@ export declare const VivoLogo: React.FC<LogoProps>;
33
33
  export declare const O2Logo: React.FC<LogoProps>;
34
34
  export declare const TelefonicaLogo: React.FC<LogoProps>;
35
35
  export declare const BlauLogo: React.FC<LogoProps>;
36
+ export declare const TuLogo: React.FC<LogoProps>;
36
37
  export {};