@telefonica/mistica 14.5.0 → 14.7.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 (191) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +1 -1
  3. package/dist/avatar.d.ts +1 -0
  4. package/dist/avatar.js +20 -18
  5. package/dist/badge.css-mistica.js +3 -3
  6. package/dist/boxed.d.ts +2 -1
  7. package/dist/boxed.js +17 -18
  8. package/dist/button-fixed-footer-layout.d.ts +1 -2
  9. package/dist/button-group.css-mistica.js +3 -3
  10. package/dist/button-group.d.ts +1 -1
  11. package/dist/button-layout.css-mistica.js +12 -12
  12. package/dist/button-layout.d.ts +1 -2
  13. package/dist/button.css-mistica.js +22 -22
  14. package/dist/button.d.ts +1 -1
  15. package/dist/button.js +93 -90
  16. package/dist/callout.css-mistica.js +1 -1
  17. package/dist/callout.d.ts +1 -1
  18. package/dist/callout.js +13 -9
  19. package/dist/card.css-mistica.js +8 -8
  20. package/dist/card.d.ts +3 -3
  21. package/dist/card.js +105 -93
  22. package/dist/carousel.css-mistica.js +7 -7
  23. package/dist/checkbox.css-mistica.js +9 -9
  24. package/dist/chip.css-mistica.js +11 -10
  25. package/dist/chip.css.d.ts +1 -1
  26. package/dist/chip.js +21 -20
  27. package/dist/circle.css-mistica.js +1 -1
  28. package/dist/credit-card-number-field.css-mistica.js +3 -3
  29. package/dist/cvv-field.css-mistica.js +3 -3
  30. package/dist/date-time-picker.js +7 -6
  31. package/dist/dialog.css-mistica.js +7 -7
  32. package/dist/dialog.d.ts +1 -1
  33. package/dist/double-field.css-mistica.js +4 -4
  34. package/dist/double-field.d.ts +10 -10
  35. package/dist/empty-state-card.css-mistica.js +2 -2
  36. package/dist/empty-state-card.d.ts +1 -1
  37. package/dist/empty-state.css-mistica.js +2 -2
  38. package/dist/empty-state.d.ts +2 -1
  39. package/dist/feedback.css-mistica.js +5 -5
  40. package/dist/feedback.d.ts +1 -0
  41. package/dist/feedback.js +86 -87
  42. package/dist/fixed-footer-layout.css-mistica.js +5 -5
  43. package/dist/header.d.ts +2 -2
  44. package/dist/hero.css-mistica.js +5 -5
  45. package/dist/hero.d.ts +4 -4
  46. package/dist/highlighted-card.css-mistica.js +4 -4
  47. package/dist/highlighted-card.d.ts +1 -2
  48. package/dist/highlighted-card.js +2 -0
  49. package/dist/icon-button.css-mistica.js +1 -1
  50. package/dist/image.css-mistica.js +1 -1
  51. package/dist/image.js +16 -16
  52. package/dist/index.d.ts +7 -2
  53. package/dist/index.js +9 -1
  54. package/dist/list.css-mistica.js +9 -9
  55. package/dist/loading-bar.css-mistica.js +6 -6
  56. package/dist/logo.d.ts +34 -0
  57. package/dist/logo.js +629 -0
  58. package/dist/maybe-dismissable.css-mistica.js +4 -4
  59. package/dist/menu.css-mistica.js +1 -1
  60. package/dist/navigation-bar.css-mistica.js +16 -16
  61. package/dist/navigation-bar.d.ts +2 -6
  62. package/dist/navigation-bar.js +99 -266
  63. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  64. package/dist/package-version.js +1 -1
  65. package/dist/password-field.css-mistica.js +2 -2
  66. package/dist/popover.css-mistica.js +10 -10
  67. package/dist/progress-bar.css-mistica.js +2 -2
  68. package/dist/radio-button.css-mistica.js +9 -9
  69. package/dist/responsive-layout.css-mistica.js +8 -5
  70. package/dist/responsive-layout.css.d.ts +4 -1
  71. package/dist/responsive-layout.d.ts +2 -0
  72. package/dist/responsive-layout.js +7 -9
  73. package/dist/screen-reader-only.css-mistica.js +1 -1
  74. package/dist/select.css-mistica.js +14 -14
  75. package/dist/skeleton-base.js +3 -3
  76. package/dist/skeletons.css-mistica.js +4 -4
  77. package/dist/skins/blau.js +7 -1
  78. package/dist/skins/defaults.d.ts +3 -0
  79. package/dist/skins/defaults.js +48 -0
  80. package/dist/skins/movistar-legacy.js +7 -1
  81. package/dist/skins/movistar.js +7 -1
  82. package/dist/skins/o2-classic.js +6 -0
  83. package/dist/skins/o2.js +9 -3
  84. package/dist/skins/skin-contract.css-mistica.js +203 -185
  85. package/dist/skins/skin-contract.css.d.ts +18 -0
  86. package/dist/skins/telefonica.js +19 -1
  87. package/dist/skins/types.d.ts +21 -0
  88. package/dist/skins/vivo.js +7 -1
  89. package/dist/snackbar.css-mistica.js +8 -8
  90. package/dist/spinner.css-mistica.js +1 -1
  91. package/dist/sprinkles.css-mistica.js +360 -312
  92. package/dist/sprinkles.css.d.ts +1 -1
  93. package/dist/stepper.css-mistica.js +9 -9
  94. package/dist/switch-component.css-mistica.js +23 -23
  95. package/dist/tabs.css-mistica.js +14 -14
  96. package/dist/tag.css-mistica.js +2 -2
  97. package/dist/tag.js +12 -12
  98. package/dist/text-field-base.css-mistica.js +10 -10
  99. package/dist/text-field-components.css-mistica.js +10 -10
  100. package/dist/text-link.css-mistica.js +5 -5
  101. package/dist/theme-context-provider.js +38 -58
  102. package/dist/theme-variant-context.d.ts +4 -1
  103. package/dist/theme-variant-context.js +9 -8
  104. package/dist/tooltip.css-mistica.js +2 -2
  105. package/dist/touchable.css-mistica.js +1 -1
  106. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  107. package/dist/utils/renders-element.d.ts +1 -1
  108. package/dist/video.css-mistica.js +1 -1
  109. package/dist/video.js +16 -15
  110. package/dist-es/avatar.css-mistica.js +1 -1
  111. package/dist-es/avatar.js +28 -26
  112. package/dist-es/badge.css-mistica.js +2 -2
  113. package/dist-es/boxed.js +25 -26
  114. package/dist-es/button-group.css-mistica.js +2 -2
  115. package/dist-es/button-layout.css-mistica.js +7 -7
  116. package/dist-es/button.css-mistica.js +9 -9
  117. package/dist-es/button.js +128 -125
  118. package/dist-es/callout.css-mistica.js +1 -1
  119. package/dist-es/callout.js +28 -24
  120. package/dist-es/card.css-mistica.js +2 -2
  121. package/dist-es/card.js +141 -129
  122. package/dist-es/carousel.css-mistica.js +2 -2
  123. package/dist-es/checkbox.css-mistica.js +6 -6
  124. package/dist-es/chip.css-mistica.js +9 -8
  125. package/dist-es/chip.js +37 -36
  126. package/dist-es/circle.css-mistica.js +1 -1
  127. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  128. package/dist-es/cvv-field.css-mistica.js +2 -2
  129. package/dist-es/date-time-picker.js +13 -12
  130. package/dist-es/dialog.css-mistica.js +5 -5
  131. package/dist-es/double-field.css-mistica.js +4 -4
  132. package/dist-es/empty-state-card.css-mistica.js +2 -2
  133. package/dist-es/empty-state.css-mistica.js +2 -2
  134. package/dist-es/feedback.css-mistica.js +2 -2
  135. package/dist-es/feedback.js +109 -110
  136. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  137. package/dist-es/hero.css-mistica.js +2 -2
  138. package/dist-es/highlighted-card.css-mistica.js +4 -4
  139. package/dist-es/highlighted-card.js +9 -7
  140. package/dist-es/icon-button.css-mistica.js +1 -1
  141. package/dist-es/image.css-mistica.js +1 -1
  142. package/dist-es/image.js +18 -18
  143. package/dist-es/index.js +1698 -1697
  144. package/dist-es/list.css-mistica.js +2 -2
  145. package/dist-es/loading-bar.css-mistica.js +2 -2
  146. package/dist-es/logo.js +607 -0
  147. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  148. package/dist-es/menu.css-mistica.js +1 -1
  149. package/dist-es/navigation-bar.css-mistica.js +11 -11
  150. package/dist-es/navigation-bar.js +171 -337
  151. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  152. package/dist-es/package-version.js +1 -1
  153. package/dist-es/password-field.css-mistica.js +2 -2
  154. package/dist-es/popover.css-mistica.js +2 -2
  155. package/dist-es/progress-bar.css-mistica.js +2 -2
  156. package/dist-es/radio-button.css-mistica.js +6 -6
  157. package/dist-es/responsive-layout.css-mistica.js +5 -2
  158. package/dist-es/responsive-layout.js +16 -18
  159. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  160. package/dist-es/select.css-mistica.js +11 -11
  161. package/dist-es/skeleton-base.js +7 -7
  162. package/dist-es/skeletons.css-mistica.js +2 -2
  163. package/dist-es/skins/blau.js +7 -1
  164. package/dist-es/skins/defaults.js +35 -0
  165. package/dist-es/skins/movistar-legacy.js +7 -1
  166. package/dist-es/skins/movistar.js +7 -1
  167. package/dist-es/skins/o2-classic.js +6 -0
  168. package/dist-es/skins/o2.js +9 -3
  169. package/dist-es/skins/skin-contract.css-mistica.js +203 -185
  170. package/dist-es/skins/telefonica.js +19 -1
  171. package/dist-es/skins/vivo.js +7 -1
  172. package/dist-es/snackbar.css-mistica.js +2 -2
  173. package/dist-es/spinner.css-mistica.js +1 -1
  174. package/dist-es/sprinkles.css-mistica.js +360 -312
  175. package/dist-es/stepper.css-mistica.js +2 -2
  176. package/dist-es/style.css +1 -1
  177. package/dist-es/switch-component.css-mistica.js +19 -19
  178. package/dist-es/tabs.css-mistica.js +10 -10
  179. package/dist-es/tag.css-mistica.js +2 -2
  180. package/dist-es/tag.js +27 -27
  181. package/dist-es/text-field-base.css-mistica.js +2 -2
  182. package/dist-es/text-field-components.css-mistica.js +2 -2
  183. package/dist-es/text-link.css-mistica.js +5 -5
  184. package/dist-es/theme-context-provider.js +72 -92
  185. package/dist-es/theme-variant-context.js +9 -9
  186. package/dist-es/tooltip.css-mistica.js +2 -2
  187. package/dist-es/touchable.css-mistica.js +1 -1
  188. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  189. package/dist-es/video.css-mistica.js +1 -1
  190. package/dist-es/video.js +17 -16
  191. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -12,6 +12,7 @@ _export(exports, {
12
12
  Avatar: ()=>_avatarJs.default,
13
13
  BLAU_SKIN: ()=>_constantsJs.BLAU_SKIN,
14
14
  Badge: ()=>_badgeJs.default,
15
+ BlauLogo: ()=>_logoJs.BlauLogo,
15
16
  Box: ()=>_boxJs.default,
16
17
  Boxed: ()=>_boxedJs.Boxed,
17
18
  BoxedRow: ()=>_listJs.BoxedRow,
@@ -1714,6 +1715,7 @@ _export(exports, {
1714
1715
  Inline: ()=>_inlineJs.default,
1715
1716
  IntegerField: ()=>_integerFieldJs.default,
1716
1717
  LoadingBar: ()=>_loadingBarJs.default,
1718
+ Logo: ()=>_logoJs.Logo,
1717
1719
  MOVISTAR_SKIN: ()=>_constantsJs.MOVISTAR_SKIN,
1718
1720
  MainNavigationBar: ()=>_navigationBarJs.MainNavigationBar,
1719
1721
  MainSectionHeader: ()=>_headerJs.MainSectionHeader,
@@ -1722,12 +1724,14 @@ _export(exports, {
1722
1724
  MediaCard: ()=>_cardJs.MediaCard,
1723
1725
  Menu: ()=>_menuJs.default,
1724
1726
  MonthField: ()=>_monthFieldJs.default,
1727
+ MovistarLogo: ()=>_logoJs.MovistarLogo,
1725
1728
  NavigationBar: ()=>_navigationBarJs.NavigationBar,
1726
1729
  NavigationBarAction: ()=>_navigationBarJs.NavigationBarAction,
1727
1730
  NavigationBarActionGroup: ()=>_navigationBarJs.NavigationBarActionGroup,
1728
- NavigationBarLogo: ()=>_navigationBarJs.NavigationBarLogo,
1731
+ NavigationBarLogo: ()=>_logoJs.Logo,
1729
1732
  NavigationBreadcrumbs: ()=>_navigationBreadcrumbsJs.default,
1730
1733
  NegativeBox: ()=>_negativeBoxJs.default,
1734
+ O2Logo: ()=>_logoJs.O2Logo,
1731
1735
  O2_CLASSIC_SKIN: ()=>_constantsJs.O2_CLASSIC_SKIN,
1732
1736
  O2_SKIN: ()=>_constantsJs.O2_SKIN,
1733
1737
  Overlay: ()=>_overlayJs.default,
@@ -1766,6 +1770,7 @@ _export(exports, {
1766
1770
  TELEFONICA_SKIN: ()=>_constantsJs.TELEFONICA_SKIN,
1767
1771
  Tabs: ()=>_tabsJs.default,
1768
1772
  Tag: ()=>_tagJs.default,
1773
+ TelefonicaLogo: ()=>_logoJs.TelefonicaLogo,
1769
1774
  Text: ()=>_textJs.Text,
1770
1775
  Text1: ()=>_textJs.Text1,
1771
1776
  Text10: ()=>_textJs.Text10,
@@ -1791,6 +1796,7 @@ _export(exports, {
1791
1796
  TrackingConfig: ()=>_analyticsJs.TrackingConfig,
1792
1797
  VIVO_SKIN: ()=>_constantsJs.VIVO_SKIN,
1793
1798
  Video: ()=>_videoJs.default,
1799
+ VivoLogo: ()=>_logoJs.VivoLogo,
1794
1800
  alert: ()=>_dialogJs.alert,
1795
1801
  applyAlpha: ()=>_colorJs.applyAlpha,
1796
1802
  blauPalette: ()=>_blauJs.palette,
@@ -1822,6 +1828,7 @@ _export(exports, {
1822
1828
  useModalState: ()=>_modalContextProviderJs.useModalState,
1823
1829
  useScreenSize: ()=>_hooksJs.useScreenSize,
1824
1830
  useTheme: ()=>_hooksJs.useTheme,
1831
+ useThemeVariant: ()=>_themeVariantContextJs.useThemeVariant,
1825
1832
  useTrackingConfig: ()=>_analyticsJs.useTrackingConfig,
1826
1833
  useWindowHeight: ()=>_hooksJs.useWindowHeight,
1827
1834
  useWindowSize: ()=>_hooksJs.useWindowSize,
@@ -1888,6 +1895,7 @@ const _calloutJs = /*#__PURE__*/ _interopRequireDefault(require("./callout.js"))
1888
1895
  const _avatarJs = /*#__PURE__*/ _interopRequireDefault(require("./avatar.js"));
1889
1896
  const _modalContextProviderJs = require("./modal-context-provider.js");
1890
1897
  const _navigationBarJs = require("./navigation-bar.js");
1898
+ const _logoJs = require("./logo.js");
1891
1899
  const _imageJs = /*#__PURE__*/ _interopRequireDefault(require("./image.js"));
1892
1900
  const _chipJs = /*#__PURE__*/ _interopRequireDefault(require("./chip.js"));
1893
1901
  const _videoJs = /*#__PURE__*/ _interopRequireDefault(require("./video.js"));
@@ -14,16 +14,16 @@ _export(exports, {
14
14
  center: ()=>y,
15
15
  content: ()=>r,
16
16
  disabled: ()=>a,
17
- dualActionContainer: ()=>i,
17
+ dualActionContainer: ()=>o,
18
18
  dualActionDivider: ()=>t,
19
- dualActionLeft: ()=>o,
20
- dualActionRight: ()=>g,
21
- hoverBackground: ()=>e,
22
- pointer: ()=>b,
23
- right: ()=>c,
24
- rowBody: ()=>d,
25
- rowContent: ()=>u
19
+ dualActionLeft: ()=>i,
20
+ dualActionRight: ()=>e,
21
+ hoverBackground: ()=>b,
22
+ pointer: ()=>u,
23
+ right: ()=>d,
24
+ rowBody: ()=>g,
25
+ rowContent: ()=>c
26
26
  });
27
27
  require("./sprinkles.css.ts.vanilla.js");
28
28
  require("./list.css.ts.vanilla.js");
29
- var _ = "_1y2v1nf5i _1y2v1nf60 _1y2v1nf62", f = "_1y2v1nf5r _1y2v1nf8q _1y2v1nf85 _1y2v1nf60", y = "_1y2v1nf5i _1y2v1nf5x", r = "_1y2v1nf5i _1y2v1nf7p _1y2v1nf9b", a = "_2buj9g0", i = "_1y2v1nf5i _1y2v1nf5n", t = "_2buj9gi _1y2v1nf5i", o = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf63", g = "_2buj9gk _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf5k _1y2v1nf9g _1y2v1nf5c _1y2v1nf72 _1y2v1nf7g _1y2v1nf5i _1y2v1nf5x _1y2v1nf62 _1y2v1nf7q", e = "_2buj9g1", b = "_1y2v1nf9n", c = "_2buj9gb", d = "_1y2v1nf5i _1y2v1nf5o _1y2v1nf64", u = "_1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b _1y2v1nf7p _1y2v1nf9g _1y2v1nf5c";
29
+ var _ = "_1y2v1nf5o _1y2v1nf66 _1y2v1nf68", f = "_1y2v1nf5x _1y2v1nf8w _1y2v1nf8b _1y2v1nf66", y = "_1y2v1nf5o _1y2v1nf63", r = "_1y2v1nf5o _1y2v1nf7v _1y2v1nf9h", a = "_2buj9g0", o = "_1y2v1nf5o _1y2v1nf5t", t = "_2buj9gi _1y2v1nf5o", i = "_1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5q _1y2v1nf9m _1y2v1nf5i _1y2v1nf78 _1y2v1nf7m _1y2v1nf69", e = "_2buj9gk _1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf5q _1y2v1nf9m _1y2v1nf5i _1y2v1nf78 _1y2v1nf7m _1y2v1nf5o _1y2v1nf63 _1y2v1nf68 _1y2v1nf7w", b = "_2buj9g1", u = "_1y2v1nfa3", d = "_2buj9gb", g = "_1y2v1nf5o _1y2v1nf5u _1y2v1nf6a", c = "_1y2v1nf6b _1y2v1nf6p _1y2v1nf73 _1y2v1nf7h _1y2v1nf7v _1y2v1nf9m _1y2v1nf5i";
@@ -11,14 +11,14 @@ function _export(target, all) {
11
11
  _export(exports, {
12
12
  TRANSITION_DURATION_MS: ()=>r,
13
13
  enter: ()=>_,
14
- enterActive: ()=>e,
15
- exit: ()=>a,
16
- exitActive: ()=>f,
17
- innerProgress: ()=>y,
14
+ enterActive: ()=>a,
15
+ exit: ()=>e,
16
+ exitActive: ()=>y,
17
+ innerProgress: ()=>f,
18
18
  portal: ()=>t,
19
19
  progress: ()=>g,
20
- progressContainer: ()=>i
20
+ progressContainer: ()=>m
21
21
  });
22
22
  require("./sprinkles.css.ts.vanilla.js");
23
23
  require("./loading-bar.css.ts.vanilla.js");
24
- var r = 400, _ = "_1num3qg9", e = "_1num3qga", a = "_1num3qgb", f = "_1num3qgc", y = "_1num3qg8 _1y2v1nf85", t = "_1num3qg3 _1y2v1nf5f _1y2v1nf9q _1y2v1nfa4 _1y2v1nfai", g = "_1num3qg6 _1y2v1nf5e _1y2v1nf85 _1y2v1nf7p", i = "_1y2v1nf7p _1y2v1nf9o _1y2v1nf5d _1y2v1nf3q _1y2v1nf88";
24
+ var r = 400, _ = "_1num3qg9", a = "_1num3qga", e = "_1num3qgb", y = "_1num3qgc", f = "_1num3qg8 _1y2v1nf8b", t = "_1num3qg3 _1y2v1nf5l _1y2v1nfa6 _1y2v1nfak _1y2v1nfay", g = "_1num3qg6 _1y2v1nf5k _1y2v1nf8b _1y2v1nf7v", m = "_1y2v1nf7v _1y2v1nfa4 _1y2v1nf5j _1y2v1nf3v _1y2v1nf8e";
package/dist/logo.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ import * as React from 'react';
2
+ import type { TrackingEvent } from './utils/types';
3
+ import type { ExclusifyUnion } from './utils/utility-types';
4
+ type LogoType = 'isotype' | 'imagotype' | 'vertical';
5
+ type LogoPropsBase = {
6
+ size?: number;
7
+ type?: LogoType;
8
+ };
9
+ type LogoToProps = LogoPropsBase & {
10
+ trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
11
+ to: string;
12
+ fullPageOnWebView?: boolean;
13
+ replace?: boolean;
14
+ 'aria-label': string;
15
+ };
16
+ type LogoHrefProps = LogoPropsBase & {
17
+ trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
18
+ href: string;
19
+ newTab?: boolean;
20
+ 'aria-label': string;
21
+ };
22
+ type LogoOnPressProps = LogoPropsBase & {
23
+ trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
24
+ onPress: () => void;
25
+ 'aria-label': string;
26
+ };
27
+ type LogoProps = ExclusifyUnion<LogoPropsBase | LogoToProps | LogoHrefProps | LogoOnPressProps>;
28
+ export declare const Logo: React.FC<LogoProps>;
29
+ export declare const MovistarLogo: React.FC<LogoProps>;
30
+ export declare const VivoLogo: React.FC<LogoProps>;
31
+ export declare const O2Logo: React.FC<LogoProps>;
32
+ export declare const TelefonicaLogo: React.FC<LogoProps>;
33
+ export declare const BlauLogo: React.FC<LogoProps>;
34
+ export {};