@telefonica/mistica 14.13.0 → 14.15.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 (231) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +1 -1
  3. package/dist/badge.css-mistica.js +3 -3
  4. package/dist/badge.js +19 -10
  5. package/dist/box.d.ts +1 -1
  6. package/dist/boxed.css-mistica.js +4 -4
  7. package/dist/boxed.css.d.ts +1 -1
  8. package/dist/boxed.js +12 -14
  9. package/dist/button-layout.css-mistica.js +4 -4
  10. package/dist/button.css-mistica.js +19 -19
  11. package/dist/button.js +112 -112
  12. package/dist/callout.css-mistica.js +1 -1
  13. package/dist/card.css-mistica.js +38 -15
  14. package/dist/card.css.d.ts +11 -0
  15. package/dist/card.d.ts +36 -34
  16. package/dist/card.js +631 -480
  17. package/dist/carousel.css-mistica.js +13 -13
  18. package/dist/checkbox.css-mistica.js +5 -5
  19. package/dist/chip.css-mistica.js +4 -4
  20. package/dist/chip.d.ts +1 -0
  21. package/dist/chip.js +57 -41
  22. package/dist/circle.css-mistica.js +1 -1
  23. package/dist/dialog.css-mistica.js +3 -3
  24. package/dist/double-field.css-mistica.js +2 -2
  25. package/dist/empty-state-card.css-mistica.js +1 -1
  26. package/dist/empty-state.css-mistica.js +3 -3
  27. package/dist/feedback.css-mistica.js +3 -3
  28. package/dist/fixed-footer-layout.css-mistica.js +1 -1
  29. package/dist/fixed-footer-layout.js +79 -26
  30. package/dist/generated/mistica-icons/icon-alert-filled.js +15 -5
  31. package/dist/generated/mistica-icons/icon-alert-light.js +24 -8
  32. package/dist/generated/mistica-icons/icon-alert-regular.js +30 -14
  33. package/dist/generated/mistica-icons/icon-bell-filled.js +19 -9
  34. package/dist/generated/mistica-icons/icon-bell-light.js +16 -6
  35. package/dist/generated/mistica-icons/icon-bell-regular.js +19 -9
  36. package/dist/generated/mistica-icons/icon-dollar-symbol-circle-light.js +28 -11
  37. package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +20 -9
  38. package/dist/generated/mistica-icons/icon-edit-pencil-light.js +21 -10
  39. package/dist/generated/mistica-icons/icon-edit-pencil-regular.js +22 -12
  40. package/dist/generated/mistica-icons/icon-gift-filled.js +19 -9
  41. package/dist/generated/mistica-icons/icon-gift-light.js +20 -10
  42. package/dist/generated/mistica-icons/icon-gift-regular.js +19 -9
  43. package/dist/generated/mistica-icons/icon-heart-filled.js +16 -6
  44. package/dist/generated/mistica-icons/icon-heart-light.js +18 -8
  45. package/dist/generated/mistica-icons/icon-heart-regular.js +24 -14
  46. package/dist/generated/mistica-icons/icon-home-filled.js +23 -13
  47. package/dist/generated/mistica-icons/icon-home-light.js +24 -14
  48. package/dist/generated/mistica-icons/icon-home-regular.js +21 -11
  49. package/dist/generated/mistica-icons/icon-home-wifi-filled.js +24 -7
  50. package/dist/generated/mistica-icons/icon-home-wifi-light.js +25 -8
  51. package/dist/generated/mistica-icons/icon-home-wifi-regular.js +24 -7
  52. package/dist/generated/mistica-icons/icon-pause-regular.js +10 -12
  53. package/dist/generated/mistica-icons/icon-play-regular.js +14 -16
  54. package/dist/generated/mistica-icons/icon-reload-light.js +22 -12
  55. package/dist/generated/mistica-icons/icon-reload-regular.js +24 -14
  56. package/dist/generated/mistica-icons/icon-share-filled.js +20 -10
  57. package/dist/generated/mistica-icons/icon-share-light.js +21 -11
  58. package/dist/generated/mistica-icons/icon-share-regular.js +21 -11
  59. package/dist/generated/mistica-icons/icon-shopping-bag-filled.d.ts +4 -0
  60. package/dist/generated/mistica-icons/icon-shopping-bag-filled.js +110 -0
  61. package/dist/generated/mistica-icons/icon-shopping-bag-light.d.ts +4 -0
  62. package/dist/generated/mistica-icons/icon-shopping-bag-light.js +110 -0
  63. package/dist/generated/mistica-icons/icon-shopping-bag-regular.d.ts +4 -0
  64. package/dist/generated/mistica-icons/icon-shopping-bag-regular.js +110 -0
  65. package/dist/generated/mistica-icons/icon-tickets-filled.js +17 -7
  66. package/dist/generated/mistica-icons/icon-tickets-light.js +26 -10
  67. package/dist/generated/mistica-icons/icon-tickets-regular.js +35 -19
  68. package/dist/grid.css.d.ts +6 -6
  69. package/dist/hero.css-mistica.js +1 -1
  70. package/dist/highlighted-card.css-mistica.js +3 -3
  71. package/dist/hooks.js +57 -56
  72. package/dist/image.css-mistica.js +1 -1
  73. package/dist/index.d.ts +3 -0
  74. package/dist/index.js +14 -1
  75. package/dist/list.css-mistica.js +7 -7
  76. package/dist/loading-bar.css-mistica.js +4 -4
  77. package/dist/maybe-dismissable.css-mistica.js +3 -3
  78. package/dist/menu.css-mistica.js +1 -1
  79. package/dist/navigation-bar.css-mistica.js +11 -11
  80. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  81. package/dist/package-version.js +1 -1
  82. package/dist/password-field.css-mistica.js +1 -1
  83. package/dist/popover.css-mistica.js +3 -3
  84. package/dist/progress-bar.css-mistica.js +1 -1
  85. package/dist/radio-button.css-mistica.js +5 -5
  86. package/dist/responsive-layout.css-mistica.js +2 -2
  87. package/dist/screen-reader-only.css-mistica.js +1 -1
  88. package/dist/select.css-mistica.js +13 -13
  89. package/dist/skins/blau.js +13 -1
  90. package/dist/skins/defaults.js +12 -0
  91. package/dist/skins/movistar-legacy.js +15 -3
  92. package/dist/skins/movistar.js +12 -0
  93. package/dist/skins/o2.js +12 -0
  94. package/dist/skins/telefonica.js +12 -0
  95. package/dist/skins/types/index.d.ts +15 -9
  96. package/dist/skins/vivo-new.js +12 -0
  97. package/dist/skins/vivo.js +12 -0
  98. package/dist/snackbar.css-mistica.js +3 -3
  99. package/dist/sprinkles.css-mistica.js +226 -190
  100. package/dist/sprinkles.css.d.ts +16 -16
  101. package/dist/stepper.css-mistica.js +3 -3
  102. package/dist/stepper.js +26 -26
  103. package/dist/switch-component.css-mistica.js +10 -10
  104. package/dist/tabs.css-mistica.js +7 -7
  105. package/dist/tag.css-mistica.js +1 -1
  106. package/dist/tag.js +15 -14
  107. package/dist/text-field-base.css-mistica.js +6 -6
  108. package/dist/text-field-components.css-mistica.js +6 -6
  109. package/dist/text-link.css-mistica.js +5 -5
  110. package/dist/text.d.ts +6 -8
  111. package/dist/text.js +8 -7
  112. package/dist/theme-context-provider.js +34 -30
  113. package/dist/title.js +27 -24
  114. package/dist/tooltip.css-mistica.js +6 -6
  115. package/dist/tooltip.js +35 -34
  116. package/dist/touchable.css-mistica.js +3 -3
  117. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  118. package/dist/utils/dom.js +10 -10
  119. package/dist/utils/environment.d.ts +1 -0
  120. package/dist/utils/environment.js +12 -4
  121. package/dist/video.css-mistica.js +1 -1
  122. package/dist-es/avatar.css-mistica.js +1 -1
  123. package/dist-es/badge.css-mistica.js +2 -2
  124. package/dist-es/badge.js +29 -20
  125. package/dist-es/boxed.css-mistica.js +3 -3
  126. package/dist-es/boxed.js +16 -18
  127. package/dist-es/button-layout.css-mistica.js +3 -3
  128. package/dist-es/button.css-mistica.js +9 -9
  129. package/dist-es/button.js +154 -154
  130. package/dist-es/callout.css-mistica.js +1 -1
  131. package/dist-es/card.css-mistica.js +4 -2
  132. package/dist-es/card.js +671 -521
  133. package/dist-es/carousel.css-mistica.js +2 -2
  134. package/dist-es/checkbox.css-mistica.js +5 -5
  135. package/dist-es/chip.css-mistica.js +4 -4
  136. package/dist-es/chip.js +77 -61
  137. package/dist-es/circle.css-mistica.js +1 -1
  138. package/dist-es/dialog.css-mistica.js +3 -3
  139. package/dist-es/double-field.css-mistica.js +2 -2
  140. package/dist-es/empty-state-card.css-mistica.js +1 -1
  141. package/dist-es/empty-state.css-mistica.js +2 -2
  142. package/dist-es/feedback.css-mistica.js +2 -2
  143. package/dist-es/fixed-footer-layout.css-mistica.js +1 -1
  144. package/dist-es/fixed-footer-layout.js +97 -44
  145. package/dist-es/generated/mistica-icons/icon-alert-filled.js +18 -8
  146. package/dist-es/generated/mistica-icons/icon-alert-light.js +30 -14
  147. package/dist-es/generated/mistica-icons/icon-alert-regular.js +36 -20
  148. package/dist-es/generated/mistica-icons/icon-bell-filled.js +26 -16
  149. package/dist-es/generated/mistica-icons/icon-bell-light.js +20 -10
  150. package/dist-es/generated/mistica-icons/icon-bell-regular.js +20 -10
  151. package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-light.js +33 -16
  152. package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +25 -14
  153. package/dist-es/generated/mistica-icons/icon-edit-pencil-light.js +25 -14
  154. package/dist-es/generated/mistica-icons/icon-edit-pencil-regular.js +30 -20
  155. package/dist-es/generated/mistica-icons/icon-gift-filled.js +22 -12
  156. package/dist-es/generated/mistica-icons/icon-gift-light.js +23 -13
  157. package/dist-es/generated/mistica-icons/icon-gift-regular.js +22 -12
  158. package/dist-es/generated/mistica-icons/icon-heart-filled.js +18 -8
  159. package/dist-es/generated/mistica-icons/icon-heart-light.js +24 -14
  160. package/dist-es/generated/mistica-icons/icon-heart-regular.js +25 -15
  161. package/dist-es/generated/mistica-icons/icon-home-filled.js +30 -20
  162. package/dist-es/generated/mistica-icons/icon-home-light.js +27 -17
  163. package/dist-es/generated/mistica-icons/icon-home-regular.js +27 -17
  164. package/dist-es/generated/mistica-icons/icon-home-wifi-filled.js +28 -11
  165. package/dist-es/generated/mistica-icons/icon-home-wifi-light.js +29 -12
  166. package/dist-es/generated/mistica-icons/icon-home-wifi-regular.js +28 -11
  167. package/dist-es/generated/mistica-icons/icon-pause-regular.js +12 -14
  168. package/dist-es/generated/mistica-icons/icon-play-regular.js +19 -21
  169. package/dist-es/generated/mistica-icons/icon-reload-light.js +27 -17
  170. package/dist-es/generated/mistica-icons/icon-reload-regular.js +27 -17
  171. package/dist-es/generated/mistica-icons/icon-share-filled.js +25 -15
  172. package/dist-es/generated/mistica-icons/icon-share-light.js +28 -18
  173. package/dist-es/generated/mistica-icons/icon-share-regular.js +28 -18
  174. package/dist-es/generated/mistica-icons/icon-shopping-bag-filled.js +101 -0
  175. package/dist-es/generated/mistica-icons/icon-shopping-bag-light.js +101 -0
  176. package/dist-es/generated/mistica-icons/icon-shopping-bag-regular.js +101 -0
  177. package/dist-es/generated/mistica-icons/icon-tickets-filled.js +21 -11
  178. package/dist-es/generated/mistica-icons/icon-tickets-light.js +30 -14
  179. package/dist-es/generated/mistica-icons/icon-tickets-regular.js +43 -27
  180. package/dist-es/hero.css-mistica.js +1 -1
  181. package/dist-es/highlighted-card.css-mistica.js +3 -3
  182. package/dist-es/hooks.js +51 -50
  183. package/dist-es/image.css-mistica.js +1 -1
  184. package/dist-es/index.js +1762 -1758
  185. package/dist-es/list.css-mistica.js +2 -2
  186. package/dist-es/loading-bar.css-mistica.js +2 -2
  187. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  188. package/dist-es/menu.css-mistica.js +1 -1
  189. package/dist-es/navigation-bar.css-mistica.js +8 -8
  190. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  191. package/dist-es/package-version.js +1 -1
  192. package/dist-es/password-field.css-mistica.js +1 -1
  193. package/dist-es/popover.css-mistica.js +2 -2
  194. package/dist-es/progress-bar.css-mistica.js +1 -1
  195. package/dist-es/radio-button.css-mistica.js +4 -4
  196. package/dist-es/responsive-layout.css-mistica.js +2 -2
  197. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  198. package/dist-es/select.css-mistica.js +10 -10
  199. package/dist-es/skins/blau.js +13 -1
  200. package/dist-es/skins/defaults.js +12 -0
  201. package/dist-es/skins/movistar-legacy.js +15 -3
  202. package/dist-es/skins/movistar.js +12 -0
  203. package/dist-es/skins/o2.js +12 -0
  204. package/dist-es/skins/telefonica.js +12 -0
  205. package/dist-es/skins/vivo-new.js +12 -0
  206. package/dist-es/skins/vivo.js +12 -0
  207. package/dist-es/snackbar.css-mistica.js +2 -2
  208. package/dist-es/sprinkles.css-mistica.js +226 -190
  209. package/dist-es/stepper.css-mistica.js +2 -2
  210. package/dist-es/stepper.js +50 -50
  211. package/dist-es/style.css +1 -1
  212. package/dist-es/switch-component.css-mistica.js +10 -10
  213. package/dist-es/tabs.css-mistica.js +6 -6
  214. package/dist-es/tag.css-mistica.js +1 -1
  215. package/dist-es/tag.js +28 -27
  216. package/dist-es/text-field-base.css-mistica.js +2 -2
  217. package/dist-es/text-field-components.css-mistica.js +2 -2
  218. package/dist-es/text-link.css-mistica.js +5 -5
  219. package/dist-es/text.js +11 -10
  220. package/dist-es/theme-context-provider.js +72 -68
  221. package/dist-es/title.js +36 -33
  222. package/dist-es/tooltip.css-mistica.js +3 -3
  223. package/dist-es/tooltip.js +37 -36
  224. package/dist-es/touchable.css-mistica.js +2 -2
  225. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  226. package/dist-es/utils/dom.js +9 -9
  227. package/dist-es/utils/environment.js +2 -2
  228. package/dist-es/video.css-mistica.js +1 -1
  229. package/package.json +2 -1
  230. package/dist/boxed.css.ts.vanilla.css-mistica.js +0 -11
  231. package/dist-es/boxed.css.ts.vanilla.css-mistica.js +0 -2
@@ -59,8 +59,8 @@ const e = {
59
59
  movistarProminentBlueLight70: "#546874",
60
60
  darkModeBlack: "#191919",
61
61
  darkModeGrey: "#242424"
62
- }, d = (t)=>{
63
- const o = {
62
+ }, d = (o)=>{
63
+ const t = {
64
64
  name: _constants.MOVISTAR_LEGACY_SKIN,
65
65
  colors: {
66
66
  background: e.white,
@@ -292,6 +292,18 @@ const e = {
292
292
  cardTitle: {
293
293
  weight: "bold"
294
294
  },
295
+ button: {
296
+ weight: "medium"
297
+ },
298
+ link: {
299
+ weight: "medium"
300
+ },
301
+ title1: {
302
+ weight: "medium"
303
+ },
304
+ indicator: {
305
+ weight: "medium"
306
+ },
295
307
  text5: {
296
308
  weight: "bold"
297
309
  },
@@ -312,5 +324,5 @@ const e = {
312
324
  }
313
325
  }
314
326
  };
315
- return t === "prominent" && (o.colors.brand = e.movistarProminentBlue, o.colors.brandHigh = e.movistarProminentBlueDark, o.colors.backgroundBrand = e.movistarProminentBlue, o.colors.navigationBarBackground = e.movistarProminentBlue, o.colors.backgroundFeedbackBottom = e.movistarProminentBlue, o.colors.controlActivated = e.movistarProminentBlue, o.colors.dividerInverse = e.movistarProminentBlueDark), o;
327
+ return o === "prominent" && (t.colors.brand = e.movistarProminentBlue, t.colors.brandHigh = e.movistarProminentBlueDark, t.colors.backgroundBrand = e.movistarProminentBlue, t.colors.navigationBarBackground = e.movistarProminentBlue, t.colors.backgroundFeedbackBottom = e.movistarProminentBlue, t.colors.controlActivated = e.movistarProminentBlue, t.colors.dividerInverse = e.movistarProminentBlueDark), t;
316
328
  };
@@ -292,6 +292,18 @@ const e = {
292
292
  cardTitle: {
293
293
  weight: "bold"
294
294
  },
295
+ button: {
296
+ weight: "medium"
297
+ },
298
+ link: {
299
+ weight: "medium"
300
+ },
301
+ title1: {
302
+ weight: "medium"
303
+ },
304
+ indicator: {
305
+ weight: "medium"
306
+ },
295
307
  text5: {
296
308
  weight: "bold"
297
309
  },
package/dist/skins/o2.js CHANGED
@@ -292,6 +292,18 @@ const e = {
292
292
  cardTitle: {
293
293
  weight: "regular"
294
294
  },
295
+ button: {
296
+ weight: "medium"
297
+ },
298
+ link: {
299
+ weight: "medium"
300
+ },
301
+ title1: {
302
+ weight: "medium"
303
+ },
304
+ indicator: {
305
+ weight: "medium"
306
+ },
295
307
  text5: {
296
308
  weight: "light"
297
309
  },
@@ -286,6 +286,18 @@ const e = {
286
286
  cardTitle: {
287
287
  weight: "regular"
288
288
  },
289
+ button: {
290
+ weight: "medium"
291
+ },
292
+ link: {
293
+ weight: "medium"
294
+ },
295
+ title1: {
296
+ weight: "medium"
297
+ },
298
+ indicator: {
299
+ weight: "medium"
300
+ },
289
301
  text5: {
290
302
  weight: "regular"
291
303
  },
@@ -5,17 +5,23 @@ export type KnownSkinName = 'Movistar' | 'O2' | 'O2-classic' | 'Vivo' | 'Vivo-ne
5
5
  export type SkinName = KnownSkinName | string;
6
6
  export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
7
7
  export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
8
- type TextPresetName = 'text5' | 'text6' | 'text7' | 'text8' | 'text9' | 'text10' | 'cardTitle';
9
- export type TextPresetsConfig = {
10
- [preset in TextPresetName]: {
11
- weight: FontWeight;
12
- };
8
+ type TextTokenConfig<PossibleFontWeights = FontWeight> = {
9
+ weight: PossibleFontWeights;
13
10
  };
14
- type PartialTextPresetsConfig = {
15
- [preset in TextPresetName]?: {
16
- weight?: FontWeight;
17
- };
11
+ export type TextPresetsConfig = {
12
+ cardTitle: TextTokenConfig;
13
+ button: TextTokenConfig<'regular' | 'medium'>;
14
+ link: TextTokenConfig<'regular' | 'medium'>;
15
+ title1: TextTokenConfig<'regular' | 'medium'>;
16
+ indicator: TextTokenConfig<'regular' | 'medium'>;
17
+ text5: TextTokenConfig;
18
+ text6: TextTokenConfig;
19
+ text7: TextTokenConfig;
20
+ text8: TextTokenConfig;
21
+ text9: TextTokenConfig;
22
+ text10: TextTokenConfig;
18
23
  };
24
+ type PartialTextPresetsConfig = Partial<TextPresetsConfig>;
19
25
  export type BorderRadiiConfig = {
20
26
  button: string;
21
27
  input: string;
@@ -286,6 +286,18 @@ const e = {
286
286
  cardTitle: {
287
287
  weight: "regular"
288
288
  },
289
+ button: {
290
+ weight: "regular"
291
+ },
292
+ link: {
293
+ weight: "regular"
294
+ },
295
+ title1: {
296
+ weight: "regular"
297
+ },
298
+ indicator: {
299
+ weight: "regular"
300
+ },
289
301
  text5: {
290
302
  weight: "regular"
291
303
  },
@@ -286,6 +286,18 @@ const e = {
286
286
  cardTitle: {
287
287
  weight: "regular"
288
288
  },
289
+ button: {
290
+ weight: "medium"
291
+ },
292
+ link: {
293
+ weight: "medium"
294
+ },
295
+ title1: {
296
+ weight: "medium"
297
+ },
298
+ indicator: {
299
+ weight: "medium"
300
+ },
289
301
  text5: {
290
302
  weight: "light"
291
303
  },
@@ -25,10 +25,10 @@ _export(exports, {
25
25
  return t;
26
26
  },
27
27
  longButton: function() {
28
- return _;
28
+ return f;
29
29
  },
30
30
  snackbar: function() {
31
- return f;
31
+ return _;
32
32
  },
33
33
  snackbarOpen: function() {
34
34
  return p;
@@ -48,4 +48,4 @@ _export(exports, {
48
48
  });
49
49
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
50
50
  require("./snackbar.css.ts.vanilla.css-mistica.js");
51
- var n = 300, v = "o7bjb09", b = "_1y2v1nf1x", o = "_1y2v1nf2a", t = "_1y2v1nf64 _1y2v1nf6g", _ = "o7bjb0a", f = "o7bjb01 _1y2v1nf8b _1y2v1nf64 _1y2v1nf6d", p = "o7bjb02", y = "o7bjb04 _1y2v1nf61 _1y2v1nfad", e = "_1y2v1nf4g", i = "_1y2v1nf4h", j = "o7bjb07";
51
+ var n = 300, v = "o7bjb09", b = "_1y2v1nf1x", o = "_1y2v1nf2a", t = "_1y2v1nf64 _1y2v1nf6g", f = "o7bjb0a", _ = "o7bjb01 _1y2v1nf8f _1y2v1nf64 _1y2v1nf6d", p = "o7bjb02", y = "o7bjb04 _1y2v1nf61 _1y2v1nfal", e = "_1y2v1nf4g", i = "_1y2v1nf4h", j = "o7bjb07";