@telefonica/mistica 16.2.0 → 16.3.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 (51) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/card.css-mistica.js +33 -21
  3. package/dist/card.css.d.ts +4 -0
  4. package/dist/card.js +235 -263
  5. package/dist/chip.css-mistica.js +19 -7
  6. package/dist/chip.css.d.ts +2 -0
  7. package/dist/chip.js +33 -49
  8. package/dist/community/advanced-data-card.css-mistica.js +24 -24
  9. package/dist/community/advanced-data-card.css.d.ts +1 -1
  10. package/dist/community/advanced-data-card.js +45 -48
  11. package/dist/empty-state-card.js +12 -11
  12. package/dist/hero.js +25 -19
  13. package/dist/highlighted-card.js +15 -14
  14. package/dist/list.css-mistica.js +21 -15
  15. package/dist/list.css.d.ts +2 -0
  16. package/dist/list.js +97 -96
  17. package/dist/menu.css-mistica.js +9 -9
  18. package/dist/menu.js +9 -10
  19. package/dist/package-version.js +1 -1
  20. package/dist/sheet-common.js +3 -2
  21. package/dist/table.js +52 -51
  22. package/dist/tag.css-mistica.js +1 -1
  23. package/dist/tag.js +9 -10
  24. package/dist/text-props.d.ts +60 -0
  25. package/dist/text-props.js +93 -0
  26. package/dist/text.d.ts +0 -62
  27. package/dist/text.js +156 -219
  28. package/dist/title.js +10 -9
  29. package/dist-es/card.css-mistica.js +4 -4
  30. package/dist-es/card.js +343 -371
  31. package/dist-es/chip.css-mistica.js +10 -4
  32. package/dist-es/chip.js +44 -60
  33. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  34. package/dist-es/community/advanced-data-card.js +74 -77
  35. package/dist-es/empty-state-card.js +17 -16
  36. package/dist-es/hero.js +53 -47
  37. package/dist-es/highlighted-card.js +19 -18
  38. package/dist-es/list.css-mistica.js +2 -2
  39. package/dist-es/list.js +141 -140
  40. package/dist-es/menu.css-mistica.js +3 -3
  41. package/dist-es/menu.js +21 -22
  42. package/dist-es/package-version.js +1 -1
  43. package/dist-es/sheet-common.js +12 -11
  44. package/dist-es/style.css +1 -1
  45. package/dist-es/table.js +89 -88
  46. package/dist-es/tag.css-mistica.js +1 -1
  47. package/dist-es/tag.js +14 -15
  48. package/dist-es/text-props.js +52 -0
  49. package/dist-es/text.js +171 -231
  50. package/dist-es/title.js +14 -13
  51. package/package.json +3 -3
package/dist-es/text.js CHANGED
@@ -78,319 +78,259 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- import { jsx as n, Fragment as A, jsxs as V } from "react/jsx-runtime";
81
+ import { jsx as i, Fragment as C, jsxs as R } from "react/jsx-runtime";
82
82
  import * as T from "react";
83
83
  import K from "classnames";
84
- import { useIsInverseOrMediaVariant as q } from "./theme-variant-context.js";
85
- import { applyCssVars as y, pxToRem as u } from "./utils/css.js";
86
- import { getPrefixedDataAttributes as G } from "./utils/dom.js";
84
+ import { useIsInverseOrMediaVariant as L } from "./theme-variant-context.js";
85
+ import { applyCssVars as P, pxToRem as g } from "./utils/css.js";
86
+ import { getPrefixedDataAttributes as q } from "./utils/dom.js";
87
87
  import { useTheme as m } from "./hooks.js";
88
- import { vars as x } from "./skins/skin-contract.css-mistica.js";
89
- import { text as J, withWordBreak as Q, withoutWordBreak as U, truncate as X, truncateToOneLine as Y, vars as c } from "./text.css-mistica.js";
90
- import { VIVO_NEW_SKIN as Z } from "./skins/constants.js";
91
- import $ from "./screen-reader-only.js";
92
- const ee = {
88
+ import { vars as a } from "./skins/skin-contract.css-mistica.js";
89
+ import { text as G, withWordBreak as J, withoutWordBreak as Q, truncate as U, truncateToOneLine as X, vars as l } from "./text.css-mistica.js";
90
+ import { VIVO_NEW_SKIN as Y } from "./skins/constants.js";
91
+ import Z from "./screen-reader-only.js";
92
+ import { text10 as $, text9 as tt, text8 as et, text7 as rt, text6 as nt, text5 as it, text4 as ot, text3 as st, text2 as at, text1 as mt } from "./text-props.js";
93
+ const xt = {
93
94
  light: 300,
94
95
  regular: 400,
95
96
  medium: 500,
96
97
  bold: 700
97
- }, te = (e)=>e === !0 ? 1 : e || "initial", g = "Ħ", ie = /* @__PURE__ */ V(A, {
98
+ }, ct = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", ut = /* @__PURE__ */ R(C, {
98
99
  children: [
99
- /* @__PURE__ */ n("span", {
100
+ /* @__PURE__ */ i("span", {
100
101
  "aria-hidden": !0,
101
- children: g
102
+ children: h
102
103
  }),
103
- /* @__PURE__ */ n($, {
104
- children: /* @__PURE__ */ n("span", {
104
+ /* @__PURE__ */ i(Z, {
105
+ children: /* @__PURE__ */ i("span", {
105
106
  children: "Vivo"
106
107
  })
107
108
  })
108
109
  ]
109
- }), re = (param)=>{
110
- let { children: e, ariaLabel: i, as: t } = param;
111
- return typeof t == "string" && [
110
+ }), lt = (param)=>{
111
+ let { children: t, ariaLabel: r, as: e } = param;
112
+ return typeof e == "string" && [
112
113
  "h1",
113
114
  "h2",
114
115
  "h3",
115
116
  "h4",
116
117
  "h5",
117
118
  "h6"
118
- ].includes(t) && typeof e == "string" && e.includes(g) ? {
119
- ariaLabel: e.replace(new RegExp(g, "g"), "Vivo"),
120
- children: /* @__PURE__ */ n("span", {
119
+ ].includes(e) && typeof t == "string" && t.includes(h) ? {
120
+ ariaLabel: t.replace(new RegExp(h, "g"), "Vivo"),
121
+ children: /* @__PURE__ */ i("span", {
121
122
  "aria-hidden": !0,
122
- children: e
123
+ children: t
123
124
  })
124
125
  } : {
125
- children: T.Children.map(e, (r)=>typeof r != "string" || !r.includes(g) ? r : /* @__PURE__ */ n(A, {
126
- children: r.split(g).map((p, l)=>/* @__PURE__ */ V(T.Fragment, {
126
+ children: T.Children.map(t, (n)=>typeof n != "string" || !n.includes(h) ? n : /* @__PURE__ */ i(C, {
127
+ children: n.split(h).map((x, c)=>/* @__PURE__ */ R(T.Fragment, {
127
128
  children: [
128
- l > 0 && ie,
129
- p
129
+ c > 0 && ut,
130
+ x
130
131
  ]
131
- }, l))
132
+ }, c))
132
133
  })),
133
- ariaLabel: i
134
+ ariaLabel: r
134
135
  };
135
136
  }, o = (param)=>{
136
- let { weight: e, color: i = x.colors.textPrimary, decoration: t, truncate: r, transform: p, wordBreak: l = !0, hyphens: S = "auto", as: b = "span", children: h, size: k, mobileSize: w = k, desktopSize: H = k, lineHeight: z, mobileLineHeight: L = z, desktopLineHeight: v = z, letterSpacing: I, textAlign: P, textShadow: C, id: R, role: W, "aria-level": E, "aria-label": f, dataAttributes: N } = param;
137
- const { skinName: O } = m(), F = q(), _ = te(r), j = {
138
- [x.colors.textPrimary]: x.colors.textPrimaryInverse,
139
- [x.colors.textSecondary]: x.colors.textSecondaryInverse,
140
- [x.colors.textLink]: x.colors.textLinkInverse,
141
- [x.colors.textError]: x.colors.textErrorInverse
137
+ let { weight: t, color: r = a.colors.textPrimary, decoration: e, truncate: n, transform: x, wordBreak: c = !0, hyphens: w = "auto", as: p = "span", children: u, size: v, mobileSize: b = v, desktopSize: y = v, lineHeight: A, mobileLineHeight: V = A, desktopLineHeight: I = A, letterSpacing: S, textAlign: W, textShadow: k, id: E, role: N, "aria-level": O, "aria-label": d, dataAttributes: F } = param;
138
+ const { skinName: _ } = m(), j = L(), D = ct(n), H = {
139
+ [a.colors.textPrimary]: a.colors.textPrimaryInverse,
140
+ [a.colors.textSecondary]: a.colors.textSecondaryInverse,
141
+ [a.colors.textLink]: a.colors.textLinkInverse,
142
+ [a.colors.textError]: a.colors.textErrorInverse
142
143
  };
143
- if (!h && h !== 0) return null;
144
- const D = K(J, l ? Q : U, {
145
- [X]: r,
146
- [Y]: r === 1 || r === !0
147
- }), M = y({
148
- [c.mobileSize]: w ? u(w) : "inherit",
149
- [c.mobileLineHeight]: L ? u(L) : "inherit",
150
- [c.desktopSize]: H ? u(H) : "inherit",
151
- [c.desktopLineHeight]: v ? u(v) : "inherit"
152
- }), B = r ? y({
153
- [c.lineClamp]: String(_)
144
+ if (!u && u !== 0) return null;
145
+ const M = K(G, c ? J : Q, {
146
+ [U]: n,
147
+ [X]: n === 1 || n === !0
148
+ }), z = P({
149
+ [l.mobileSize]: b ? g(b) : "inherit",
150
+ [l.mobileLineHeight]: V ? g(V) : "inherit",
151
+ [l.desktopSize]: y ? g(y) : "inherit",
152
+ [l.desktopLineHeight]: I ? g(I) : "inherit"
153
+ }), B = n ? P({
154
+ [l.lineClamp]: String(D)
154
155
  }) : {};
155
- var _j_i;
156
- return O === Z && ({ ariaLabel: f, children: h } = re({
157
- children: h,
158
- ariaLabel: f,
159
- as: b
160
- })), /*#__PURE__*/ T.createElement(b, _object_spread_props(_object_spread({
161
- className: D,
162
- id: R,
163
- role: W,
164
- "aria-level": E,
165
- "aria-label": f
166
- }, G(N, "Text")), {
167
- style: _object_spread_props(_object_spread({}, M, B), {
168
- hyphens: S,
169
- WebkitHyphens: S,
170
- letterSpacing: I,
171
- fontWeight: e ? ee[e] : "inherit",
172
- textTransform: p || "inherit",
173
- textDecoration: t !== null && t !== void 0 ? t : "inherit",
174
- overflowWrap: l ? "anywhere" : "inherit",
175
- color: F ? (_j_i = j[i]) !== null && _j_i !== void 0 ? _j_i : i : i,
176
- textAlign: P,
177
- textShadow: C,
156
+ var _H_r;
157
+ return _ === Y && ({ ariaLabel: d, children: u } = lt({
158
+ children: u,
159
+ ariaLabel: d,
160
+ as: p
161
+ })), /*#__PURE__*/ T.createElement(p, _object_spread_props(_object_spread({
162
+ className: M,
163
+ id: E,
164
+ role: N,
165
+ "aria-level": O,
166
+ "aria-label": d
167
+ }, q(F, "Text")), {
168
+ style: _object_spread_props(_object_spread({}, z, B), {
169
+ hyphens: w,
170
+ WebkitHyphens: w,
171
+ letterSpacing: S,
172
+ fontWeight: t ? xt[t] : "inherit",
173
+ textTransform: x || "inherit",
174
+ textDecoration: e !== null && e !== void 0 ? e : "inherit",
175
+ overflowWrap: c ? "anywhere" : "inherit",
176
+ color: j ? (_H_r = H[r]) !== null && _H_r !== void 0 ? _H_r : r : r,
177
+ textAlign: W,
178
+ textShadow: k,
178
179
  // When rendering as <pre/>, spaces are preserved and we don't want to remove them
179
- whiteSpace: b === "pre" ? void 0 : "pre-line"
180
+ whiteSpace: p === "pre" ? void 0 : "pre-line"
180
181
  })
181
- }), h);
182
- }, d = (e)=>{
183
- if (e.light) return "light";
184
- if (e.regular) return "regular";
185
- if (e.medium) return "medium";
186
- if (e.weight) return e.weight;
182
+ }), u);
183
+ }, f = (t)=>{
184
+ if (t.light) return "light";
185
+ if (t.regular) return "regular";
186
+ if (t.medium) return "medium";
187
+ if (t.weight) return t.weight;
187
188
  }, s = (param)=>{
188
- let { forceMobileSizes: e, mobileSize: i, mobileLineHeight: t, desktopSize: r, desktopLineHeight: p } = param;
189
- return e ? {
190
- size: i,
191
- lineHeight: t
189
+ let { forceMobileSizes: t, mobileSize: r, mobileLineHeight: e, desktopSize: n, desktopLineHeight: x } = param;
190
+ return t ? {
191
+ size: r,
192
+ lineHeight: e
192
193
  } : {
193
- mobileSize: i,
194
- mobileLineHeight: t,
195
- desktopSize: r,
196
- desktopLineHeight: p
194
+ mobileSize: r,
195
+ mobileLineHeight: e,
196
+ desktopSize: n,
197
+ desktopLineHeight: x
197
198
  };
198
- }, a = {
199
- text1: {
200
- mobileSize: 12,
201
- mobileLineHeight: "16px",
202
- desktopSize: 14,
203
- desktopLineHeight: "20px"
204
- },
205
- text2: {
206
- mobileSize: 14,
207
- mobileLineHeight: "20px",
208
- desktopSize: 16,
209
- desktopLineHeight: "24px"
210
- },
211
- text3: {
212
- mobileSize: 16,
213
- mobileLineHeight: "24px",
214
- desktopSize: 18,
215
- desktopLineHeight: "24px"
216
- },
217
- text4: {
218
- mobileSize: 18,
219
- mobileLineHeight: "24px",
220
- desktopSize: 20,
221
- desktopLineHeight: "28px"
222
- },
223
- text5: {
224
- mobileSize: 20,
225
- mobileLineHeight: "24px",
226
- desktopSize: 28,
227
- desktopLineHeight: "32px"
228
- },
229
- text6: {
230
- mobileSize: 24,
231
- mobileLineHeight: "32px",
232
- desktopSize: 32,
233
- desktopLineHeight: "40px"
234
- },
235
- text7: {
236
- mobileSize: 28,
237
- mobileLineHeight: "32px",
238
- desktopSize: 40,
239
- desktopLineHeight: "48px"
240
- },
241
- text8: {
242
- mobileSize: 32,
243
- mobileLineHeight: "40px",
244
- desktopSize: 48,
245
- desktopLineHeight: "56px"
246
- },
247
- text9: {
248
- mobileSize: 40,
249
- mobileLineHeight: "48px",
250
- desktopSize: 56,
251
- desktopLineHeight: "64px"
252
- },
253
- text10: {
254
- mobileSize: 48,
255
- mobileLineHeight: "56px",
256
- desktopSize: 64,
257
- desktopLineHeight: "72px"
258
- }
259
- }, ge = (_param)=>{
260
- var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
199
+ }, Vt = (_param)=>{
200
+ var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
261
201
  "dataAttributes",
262
202
  "forceMobileSizes"
263
203
  ]);
264
- const { textPresets: r } = m();
265
- return /* @__PURE__ */ n(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
266
- forceMobileSizes: i
267
- }, a.text10))), {
268
- weight: r.text10.weight,
204
+ const { textPresets: n } = m();
205
+ return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
206
+ forceMobileSizes: r
207
+ }, $))), {
208
+ weight: n.text10.weight,
269
209
  dataAttributes: _object_spread({
270
210
  "component-name": "Text10"
271
- }, e)
272
- }), t));
273
- }, ue = (_param)=>{
274
- var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
211
+ }, t)
212
+ }), e));
213
+ }, It = (_param)=>{
214
+ var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
275
215
  "dataAttributes",
276
216
  "forceMobileSizes"
277
217
  ]);
278
- const { textPresets: r } = m();
279
- return /* @__PURE__ */ n(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
280
- forceMobileSizes: i
281
- }, a.text9))), {
282
- weight: r.text9.weight,
218
+ const { textPresets: n } = m();
219
+ return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
220
+ forceMobileSizes: r
221
+ }, tt))), {
222
+ weight: n.text9.weight,
283
223
  dataAttributes: _object_spread({
284
224
  "component-name": "Text9"
285
- }, e)
286
- }), t));
287
- }, de = (_param)=>{
288
- var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
225
+ }, t)
226
+ }), e));
227
+ }, Pt = (_param)=>{
228
+ var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
289
229
  "dataAttributes",
290
230
  "forceMobileSizes"
291
231
  ]);
292
- const { textPresets: r } = m();
293
- return /* @__PURE__ */ n(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
294
- forceMobileSizes: i
295
- }, a.text8))), {
296
- weight: r.text8.weight,
232
+ const { textPresets: n } = m();
233
+ return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
234
+ forceMobileSizes: r
235
+ }, et))), {
236
+ weight: n.text8.weight,
297
237
  dataAttributes: _object_spread({
298
238
  "component-name": "Text8"
299
- }, e)
300
- }), t));
301
- }, be = (_param)=>{
302
- var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
239
+ }, t)
240
+ }), e));
241
+ }, Ct = (_param)=>{
242
+ var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
303
243
  "dataAttributes",
304
244
  "forceMobileSizes"
305
245
  ]);
306
- const { textPresets: r } = m();
307
- return /* @__PURE__ */ n(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
308
- forceMobileSizes: i
309
- }, a.text7))), {
310
- weight: r.text7.weight,
246
+ const { textPresets: n } = m();
247
+ return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
248
+ forceMobileSizes: r
249
+ }, rt))), {
250
+ weight: n.text7.weight,
311
251
  dataAttributes: _object_spread({
312
252
  "component-name": "Text7"
313
- }, e)
314
- }), t));
315
- }, fe = (_param)=>{
316
- var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
253
+ }, t)
254
+ }), e));
255
+ }, Rt = (_param)=>{
256
+ var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
317
257
  "dataAttributes",
318
258
  "forceMobileSizes"
319
259
  ]);
320
- const { textPresets: r } = m();
321
- return /* @__PURE__ */ n(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
322
- forceMobileSizes: i
323
- }, a.text6))), {
324
- weight: r.text6.weight,
260
+ const { textPresets: n } = m();
261
+ return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
262
+ forceMobileSizes: r
263
+ }, nt))), {
264
+ weight: n.text6.weight,
325
265
  dataAttributes: _object_spread({
326
266
  "component-name": "Text6"
327
- }, e)
328
- }), t));
329
- }, Te = (_param)=>{
330
- var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
267
+ }, t)
268
+ }), e));
269
+ }, St = (_param)=>{
270
+ var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
331
271
  "dataAttributes",
332
272
  "forceMobileSizes"
333
273
  ]);
334
- const { textPresets: r } = m();
335
- return /* @__PURE__ */ n(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
336
- forceMobileSizes: i
337
- }, a.text5))), {
338
- weight: r.text5.weight,
274
+ const { textPresets: n } = m();
275
+ return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
276
+ forceMobileSizes: r
277
+ }, it))), {
278
+ weight: n.text5.weight,
339
279
  dataAttributes: _object_spread({
340
280
  "component-name": "Text5"
341
- }, e)
342
- }), t));
343
- }, Se = (_param)=>{
344
- var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
281
+ }, t)
282
+ }), e));
283
+ }, Wt = (_param)=>{
284
+ var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
345
285
  "dataAttributes",
346
286
  "forceMobileSizes"
347
287
  ]);
348
- return /* @__PURE__ */ n(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
349
- forceMobileSizes: i
350
- }, a.text4))), {
351
- weight: d(t),
288
+ return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
289
+ forceMobileSizes: r
290
+ }, ot))), {
291
+ weight: f(e),
352
292
  dataAttributes: _object_spread({
353
293
  "component-name": "Text4"
354
- }, e)
355
- }), t));
356
- }, ke = (_param)=>{
357
- var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
294
+ }, t)
295
+ }), e));
296
+ }, kt = (_param)=>{
297
+ var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
358
298
  "dataAttributes",
359
299
  "forceMobileSizes"
360
300
  ]);
361
- return /* @__PURE__ */ n(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
362
- forceMobileSizes: i
363
- }, a.text3))), {
364
- weight: d(t),
301
+ return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
302
+ forceMobileSizes: r
303
+ }, st))), {
304
+ weight: f(e),
365
305
  dataAttributes: _object_spread({
366
306
  "component-name": "Text3"
367
- }, e)
368
- }), t));
369
- }, we = (_param)=>{
370
- var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
307
+ }, t)
308
+ }), e));
309
+ }, Et = (_param)=>{
310
+ var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
371
311
  "dataAttributes",
372
312
  "forceMobileSizes"
373
313
  ]);
374
- return /* @__PURE__ */ n(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
375
- forceMobileSizes: i
376
- }, a.text2))), {
377
- weight: d(t),
314
+ return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
315
+ forceMobileSizes: r
316
+ }, at))), {
317
+ weight: f(e),
378
318
  dataAttributes: _object_spread({
379
319
  "component-name": "Text2"
380
- }, e)
381
- }), t));
382
- }, He = (_param)=>{
383
- var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
320
+ }, t)
321
+ }), e));
322
+ }, Nt = (_param)=>{
323
+ var { dataAttributes: t, forceMobileSizes: r } = _param, e = _object_without_properties(_param, [
384
324
  "dataAttributes",
385
325
  "forceMobileSizes"
386
326
  ]);
387
- return /* @__PURE__ */ n(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
388
- forceMobileSizes: i
389
- }, a.text1))), {
390
- weight: d(t),
327
+ return /* @__PURE__ */ i(o, _object_spread(_object_spread_props(_object_spread({}, s(_object_spread({
328
+ forceMobileSizes: r
329
+ }, mt))), {
330
+ weight: f(e),
391
331
  dataAttributes: _object_spread({
392
332
  "component-name": "Text1"
393
- }, e)
394
- }), t));
395
- }, ze = o;
396
- export { o as Text, He as Text1, ge as Text10, we as Text2, ke as Text3, Se as Text4, Te as Text5, fe as Text6, be as Text7, de as Text8, ue as Text9, ze as default, ee as mapToWeight, a as textProps };
333
+ }, t)
334
+ }), e));
335
+ }, Ot = o;
336
+ export { o as Text, Nt as Text1, Vt as Text10, Et as Text2, kt as Text3, Wt as Text4, St as Text5, Rt as Text6, Ct as Text7, Pt as Text8, It as Text9, Ot as default, xt as mapToWeight };
package/dist-es/title.js CHANGED
@@ -52,12 +52,13 @@ function _object_spread_props(target, source) {
52
52
  return target;
53
53
  }
54
54
  import { jsx as t, jsxs as c } from "react/jsx-runtime";
55
- import a, { Text1 as p, textProps as h, Text6 as d, Text2 as x } from "./text.js";
55
+ import a, { Text1 as p, Text6 as h, Text2 as d } from "./text.js";
56
+ import { text3 as x } from "./text-props.js";
56
57
  import T from "./inline.js";
57
58
  import g from "./box.js";
58
- import { vars as u } from "./skins/skin-contract.css-mistica.js";
59
+ import { vars as f } from "./skins/skin-contract.css-mistica.js";
59
60
  import { useTheme as l } from "./hooks.js";
60
- import { getPrefixedDataAttributes as f } from "./utils/dom.js";
61
+ import { getPrefixedDataAttributes as u } from "./utils/dom.js";
61
62
  const m = (param)=>{
62
63
  let { title: e, right: i, dataAttributes: o } = param;
63
64
  const { textPresets: r } = l();
@@ -69,21 +70,21 @@ const m = (param)=>{
69
70
  e,
70
71
  /* @__PURE__ */ t(g, {
71
72
  paddingLeft: 16,
72
- children: /* @__PURE__ */ t(x, {
73
+ children: /* @__PURE__ */ t(d, {
73
74
  weight: r.link.weight,
74
75
  children: i
75
76
  })
76
77
  })
77
78
  ]
78
- }) : /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, f(o)), {
79
+ }) : /* @__PURE__ */ t("div", _object_spread_props(_object_spread({}, u(o)), {
79
80
  children: e
80
81
  }));
81
- }, L = (param)=>{
82
+ }, S = (param)=>{
82
83
  let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
83
84
  const { textPresets: n } = l();
84
85
  return /* @__PURE__ */ t(m, {
85
86
  title: /* @__PURE__ */ t(p, {
86
- color: u.colors.textSecondary,
87
+ color: f.colors.textSecondary,
87
88
  transform: "uppercase",
88
89
  weight: n.title1.weight,
89
90
  as: i,
@@ -96,14 +97,14 @@ const m = (param)=>{
96
97
  "component-name": "Title1"
97
98
  }, s)
98
99
  });
99
- }, S = (param)=>{
100
+ }, j = (param)=>{
100
101
  let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
101
102
  const { textPresets: n } = l();
102
103
  return /* @__PURE__ */ t(m, {
103
104
  title: /* @__PURE__ */ t(a, _object_spread_props(_object_spread({
104
105
  as: i,
105
106
  id: o
106
- }, h.text3), {
107
+ }, x), {
107
108
  weight: n.title2.weight,
108
109
  children: e
109
110
  })),
@@ -112,7 +113,7 @@ const m = (param)=>{
112
113
  "component-name": "Title2"
113
114
  }, s)
114
115
  });
115
- }, j = (param)=>{
116
+ }, v = (param)=>{
116
117
  let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
117
118
  const { textPresets: n } = l();
118
119
  return /* @__PURE__ */ t(m, {
@@ -131,10 +132,10 @@ const m = (param)=>{
131
132
  "component-name": "Title3"
132
133
  }, s)
133
134
  });
134
- }, v = (param)=>{
135
+ }, y = (param)=>{
135
136
  let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
136
137
  return /* @__PURE__ */ t(m, {
137
- title: /* @__PURE__ */ t(d, {
138
+ title: /* @__PURE__ */ t(h, {
138
139
  as: i,
139
140
  id: o,
140
141
  children: e
@@ -145,4 +146,4 @@ const m = (param)=>{
145
146
  }, s)
146
147
  });
147
148
  };
148
- export { L as Title1, S as Title2, j as Title3, v as Title4 };
149
+ export { S as Title1, j as Title2, v as Title3, y as Title4 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telefonica/mistica",
3
- "version": "16.2.0",
3
+ "version": "16.3.0",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",
@@ -79,7 +79,7 @@
79
79
  "@swc/cli": "^0.1.62",
80
80
  "@swc/core": "^1.3.95",
81
81
  "@swc/jest": "^0.2.29",
82
- "@telefonica/acceptance-testing": "5.0.0",
82
+ "@telefonica/acceptance-testing": "5.1.0",
83
83
  "@telefonica/eslint-config": "^2.2.0",
84
84
  "@telefonica/prettier-config": "^2.0.0",
85
85
  "@testing-library/dom": "^10.2.0",
@@ -123,7 +123,7 @@
123
123
  "lodash": "^4.17.21",
124
124
  "mini-css-extract-plugin": "^1.6.2",
125
125
  "node-fetch": "^2.6.7",
126
- "playroom": "^0.38.0",
126
+ "playroom": "^0.39.0",
127
127
  "postcss": "^8.4.18",
128
128
  "postcss-loader": "^4.2.0",
129
129
  "prettier": "^3.3.2",