@telefonica/mistica 14.29.0 → 14.31.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 (164) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +7 -7
  3. package/dist/avatar.css-mistica.js +3 -3
  4. package/dist/badge.css-mistica.js +4 -4
  5. package/dist/boxed.css-mistica.js +1 -1
  6. package/dist/button-group.css-mistica.js +1 -1
  7. package/dist/button-layout.css-mistica.js +13 -13
  8. package/dist/button.css-mistica.js +19 -19
  9. package/dist/callout.css-mistica.js +1 -1
  10. package/dist/card.css-mistica.js +16 -16
  11. package/dist/card.d.ts +17 -7
  12. package/dist/card.js +275 -267
  13. package/dist/carousel.css-mistica.js +14 -14
  14. package/dist/checkbox.css-mistica.js +4 -4
  15. package/dist/chip.css-mistica.js +9 -9
  16. package/dist/circle.css-mistica.js +2 -2
  17. package/dist/community/advanced-data-card.css-mistica.js +7 -7
  18. package/dist/community/advanced-data-card.d.ts +1 -1
  19. package/dist/community/blocks.css-mistica.js +1 -1
  20. package/dist/counter.css-mistica.js +9 -9
  21. package/dist/credit-card-number-field.css-mistica.js +3 -3
  22. package/dist/dialog.css-mistica.js +7 -7
  23. package/dist/double-field.css-mistica.js +4 -4
  24. package/dist/empty-state-card.css-mistica.js +3 -3
  25. package/dist/empty-state.css-mistica.js +4 -4
  26. package/dist/feedback.css-mistica.js +9 -9
  27. package/dist/fixed-footer-layout.css-mistica.js +5 -5
  28. package/dist/fixed-footer-layout.js +20 -19
  29. package/dist/header.css-mistica.js +1 -1
  30. package/dist/hero.css-mistica.js +4 -4
  31. package/dist/highlighted-card.css-mistica.js +6 -6
  32. package/dist/horizontal-scroll.css-mistica.js +1 -1
  33. package/dist/icon-button.css-mistica.js +2 -2
  34. package/dist/image.css-mistica.js +1 -1
  35. package/dist/index.d.ts +2 -2
  36. package/dist/index.js +5 -2
  37. package/dist/list.css-mistica.js +12 -12
  38. package/dist/loading-bar.css-mistica.js +5 -5
  39. package/dist/maybe-dismissable.css-mistica.js +2 -2
  40. package/dist/menu.css-mistica.js +4 -4
  41. package/dist/navigation-bar.css-mistica.js +19 -19
  42. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  43. package/dist/nestable-context.d.ts +2 -2
  44. package/dist/nestable-context.js +18 -18
  45. package/dist/overscroll-color-context.js +2 -7
  46. package/dist/package-version.js +1 -1
  47. package/dist/password-field.css-mistica.js +1 -1
  48. package/dist/pin-field.css-mistica.js +5 -5
  49. package/dist/popover.css-mistica.js +4 -4
  50. package/dist/progress-bar.css-mistica.js +3 -3
  51. package/dist/radio-button.css-mistica.js +10 -10
  52. package/dist/responsive-layout.css-mistica.js +7 -7
  53. package/dist/screen-reader-only.css-mistica.js +1 -1
  54. package/dist/select.css-mistica.js +10 -10
  55. package/dist/sheet.css-mistica.js +10 -10
  56. package/dist/skeletons.css-mistica.js +2 -2
  57. package/dist/skins/blau.js +6 -2
  58. package/dist/skins/movistar-legacy.js +4 -0
  59. package/dist/skins/movistar.js +4 -0
  60. package/dist/skins/o2-classic.js +4 -0
  61. package/dist/skins/o2.js +4 -0
  62. package/dist/skins/skin-contract.css-mistica.js +181 -177
  63. package/dist/skins/skin-contract.css.d.ts +4 -0
  64. package/dist/skins/telefonica.js +4 -0
  65. package/dist/skins/types/colors.d.ts +2 -0
  66. package/dist/skins/vivo-new.js +5 -1
  67. package/dist/skins/vivo.js +4 -0
  68. package/dist/slider.css-mistica.js +8 -8
  69. package/dist/snackbar.css-mistica.js +11 -11
  70. package/dist/spinner.css-mistica.js +1 -1
  71. package/dist/sprinkles.css-mistica.js +547 -535
  72. package/dist/stacking-group.css-mistica.js +2 -2
  73. package/dist/stepper.css-mistica.js +9 -9
  74. package/dist/switch-component.css-mistica.js +19 -19
  75. package/dist/tabs.css-mistica.js +11 -11
  76. package/dist/tag.css-mistica.js +1 -1
  77. package/dist/text-field-base.css-mistica.js +9 -9
  78. package/dist/text-field-components.css-mistica.js +11 -11
  79. package/dist/text-link.css-mistica.js +3 -3
  80. package/dist/tooltip.css-mistica.js +10 -10
  81. package/dist/touchable.css-mistica.js +3 -3
  82. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  83. package/dist/utils/css.d.ts +4 -0
  84. package/dist/utils/css.js +18 -5
  85. package/dist/video.css-mistica.js +2 -2
  86. package/dist-es/accordion.css-mistica.js +3 -3
  87. package/dist-es/avatar.css-mistica.js +2 -2
  88. package/dist-es/badge.css-mistica.js +2 -2
  89. package/dist-es/boxed.css-mistica.js +1 -1
  90. package/dist-es/button-group.css-mistica.js +1 -1
  91. package/dist-es/button-layout.css-mistica.js +7 -7
  92. package/dist-es/button.css-mistica.js +9 -9
  93. package/dist-es/callout.css-mistica.js +1 -1
  94. package/dist-es/card.css-mistica.js +2 -2
  95. package/dist-es/card.js +343 -338
  96. package/dist-es/carousel.css-mistica.js +2 -2
  97. package/dist-es/checkbox.css-mistica.js +4 -4
  98. package/dist-es/chip.css-mistica.js +7 -7
  99. package/dist-es/circle.css-mistica.js +2 -2
  100. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  101. package/dist-es/community/blocks.css-mistica.js +1 -1
  102. package/dist-es/counter.css-mistica.js +2 -2
  103. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  104. package/dist-es/dialog.css-mistica.js +5 -5
  105. package/dist-es/double-field.css-mistica.js +4 -4
  106. package/dist-es/empty-state-card.css-mistica.js +2 -2
  107. package/dist-es/empty-state.css-mistica.js +3 -3
  108. package/dist-es/feedback.css-mistica.js +2 -2
  109. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  110. package/dist-es/fixed-footer-layout.js +33 -32
  111. package/dist-es/header.css-mistica.js +1 -1
  112. package/dist-es/hero.css-mistica.js +2 -2
  113. package/dist-es/highlighted-card.css-mistica.js +5 -5
  114. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  115. package/dist-es/icon-button.css-mistica.js +2 -2
  116. package/dist-es/image.css-mistica.js +1 -1
  117. package/dist-es/index.js +1725 -1725
  118. package/dist-es/list.css-mistica.js +2 -2
  119. package/dist-es/loading-bar.css-mistica.js +2 -2
  120. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  121. package/dist-es/menu.css-mistica.js +2 -2
  122. package/dist-es/navigation-bar.css-mistica.js +11 -11
  123. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  124. package/dist-es/nestable-context.js +23 -23
  125. package/dist-es/overscroll-color-context.js +1 -1
  126. package/dist-es/package-version.js +1 -1
  127. package/dist-es/password-field.css-mistica.js +1 -1
  128. package/dist-es/pin-field.css-mistica.js +2 -2
  129. package/dist-es/popover.css-mistica.js +2 -2
  130. package/dist-es/progress-bar.css-mistica.js +2 -2
  131. package/dist-es/radio-button.css-mistica.js +6 -6
  132. package/dist-es/responsive-layout.css-mistica.js +5 -5
  133. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  134. package/dist-es/select.css-mistica.js +10 -10
  135. package/dist-es/sheet.css-mistica.js +2 -2
  136. package/dist-es/skeletons.css-mistica.js +2 -2
  137. package/dist-es/skins/blau.js +6 -2
  138. package/dist-es/skins/movistar-legacy.js +4 -0
  139. package/dist-es/skins/movistar.js +4 -0
  140. package/dist-es/skins/o2-classic.js +4 -0
  141. package/dist-es/skins/o2.js +4 -0
  142. package/dist-es/skins/skin-contract.css-mistica.js +181 -177
  143. package/dist-es/skins/telefonica.js +4 -0
  144. package/dist-es/skins/vivo-new.js +5 -1
  145. package/dist-es/skins/vivo.js +4 -0
  146. package/dist-es/slider.css-mistica.js +6 -6
  147. package/dist-es/snackbar.css-mistica.js +5 -5
  148. package/dist-es/spinner.css-mistica.js +1 -1
  149. package/dist-es/sprinkles.css-mistica.js +547 -535
  150. package/dist-es/stacking-group.css-mistica.js +2 -2
  151. package/dist-es/stepper.css-mistica.js +2 -2
  152. package/dist-es/style.css +1 -1
  153. package/dist-es/switch-component.css-mistica.js +17 -17
  154. package/dist-es/tabs.css-mistica.js +9 -9
  155. package/dist-es/tag.css-mistica.js +1 -1
  156. package/dist-es/text-field-base.css-mistica.js +2 -2
  157. package/dist-es/text-field-components.css-mistica.js +2 -2
  158. package/dist-es/text-link.css-mistica.js +3 -3
  159. package/dist-es/tooltip.css-mistica.js +3 -3
  160. package/dist-es/touchable.css-mistica.js +2 -2
  161. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  162. package/dist-es/utils/css.js +7 -2
  163. package/dist-es/video.css-mistica.js +2 -2
  164. package/package.json +2 -2
@@ -13,7 +13,7 @@ _export(exports, {
13
13
  return n;
14
14
  },
15
15
  boxed: function() {
16
- return a;
16
+ return _;
17
17
  },
18
18
  cardAction: function() {
19
19
  return y;
@@ -31,13 +31,13 @@ _export(exports, {
31
31
  return b;
32
32
  },
33
33
  circularMediaOverlay: function() {
34
- return s;
34
+ return d;
35
35
  },
36
36
  dataCard: function() {
37
- return c;
37
+ return s;
38
38
  },
39
39
  displayCardBackground: function() {
40
- return d;
40
+ return c;
41
41
  },
42
42
  displayCardContainer: function() {
43
43
  return t;
@@ -49,10 +49,10 @@ _export(exports, {
49
49
  return o;
50
50
  },
51
51
  mediaCard: function() {
52
- return l;
52
+ return C;
53
53
  },
54
54
  mediaCardContent: function() {
55
- return C;
55
+ return l;
56
56
  },
57
57
  mediaCardIcon: function() {
58
58
  return p;
@@ -61,35 +61,35 @@ _export(exports, {
61
61
  return u;
62
62
  },
63
63
  snapCard: function() {
64
- return h;
64
+ return m;
65
65
  },
66
66
  touchable: function() {
67
- return m;
67
+ return x;
68
68
  },
69
69
  touchableCardOverlay: function() {
70
- return O;
70
+ return g;
71
71
  },
72
72
  touchableCardOverlayInverse: function() {
73
- return k;
73
+ return h;
74
74
  },
75
75
  touchableCardOverlayMedia: function() {
76
- return M;
76
+ return w;
77
77
  },
78
78
  touchableContainer: function() {
79
- return w;
79
+ return O;
80
80
  },
81
81
  touchableMediaCardOverlay: function() {
82
- return A;
82
+ return M;
83
83
  },
84
84
  touchableNakedMediaOverlay: function() {
85
- return I;
85
+ return j;
86
86
  },
87
87
  vars: function() {
88
- return j;
88
+ return k;
89
89
  }
90
90
  });
91
91
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
92
92
  require("./card.css.ts.vanilla.css-mistica.js");
93
- var n = "_15e54s91 _1y2v1nfb6 _1y2v1nfbs _1y2v1nfbm", a = "_15e54s93 _1y2v1nfb6 _1y2v1nfb0", y = "_15e54s9v _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", f = "_1y2v1nfb6 _1y2v1nfc5 _1y2v1nfcl _1y2v1nfbl _1y2v1nfbf", e = "_15e54s9w _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", r = "_15e54s9x _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", b = "_15e54s9z", s = "_15e54s98", c = "_15e54s9k _1y2v1nf8w _1y2v1nfa5 _1y2v1nf6k _1y2v1nf7t _1y2v1nfb6 _1y2v1nfbs _1y2v1nfb0 _1y2v1nfbc _1y2v1nfbt", d = "_15e54s9r", t = "_1y2v1nfbt _1y2v1nfca _1y2v1nfb6 _1y2v1nfb0", i = "_15e54s9q", o = "_15e54s9s", l = "_1y2v1nfb6 _1y2v1nfbc _1y2v1nfca _1y2v1nfbt _1y2v1nfbs", C = "_15e54s9f _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfbs _1y2v1nfb0 _1y2v1nf6e _1y2v1nf7t _1y2v1nfbc _1y2v1nfbi", p = "_15e54s9g", u = "_15e54s9i _1y2v1nfb6 _1y2v1nfbs _1y2v1nfb0 _1y2v1nfbc _1y2v1nfbi _1y2v1nf6e", h = "_15e54s9m _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfb0 _1y2v1nfca _1y2v1nfbc _1y2v1nfbi _1y2v1nfbt _1y2v1nfbs", m = "_15e54s95", O = "_15e54s9a _15e54s96", k = "_15e54s9b _15e54s96", M = "_15e54s9c _15e54s96", w = "_15e54s94", A = "_15e54s97 _15e54s96", I = "_15e54s99 _15e54s96", j = {
93
+ var n = "_15e54s91 _1y2v1nfba _1y2v1nfbw _1y2v1nfbq", _ = "_15e54s93 _1y2v1nfba _1y2v1nfb4", y = "_15e54s9v _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", f = "_1y2v1nfba _1y2v1nfc9 _1y2v1nfcp _1y2v1nfbp _1y2v1nfbj", e = "_15e54s9w _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", r = "_15e54s9x _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", b = "_15e54s9z", d = "_15e54s98", s = "_15e54s9k _1y2v1nf90 _1y2v1nfa9 _1y2v1nf6o _1y2v1nf7x _1y2v1nfba _1y2v1nfbw _1y2v1nfb4 _1y2v1nfbg _1y2v1nfbx", c = "_15e54s9r", t = "_1y2v1nfbx _1y2v1nfce _1y2v1nfba _1y2v1nfb4", i = "_15e54s9q", o = "_15e54s9s", C = "_1y2v1nfba _1y2v1nfbg _1y2v1nfce _1y2v1nfbx _1y2v1nfbw", l = "_15e54s9f _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfbw _1y2v1nfb4 _1y2v1nf6i _1y2v1nf7x _1y2v1nfbg _1y2v1nfbm", p = "_15e54s9g", u = "_15e54s9i _1y2v1nfba _1y2v1nfbw _1y2v1nfb4 _1y2v1nfbg _1y2v1nfbm _1y2v1nf6i", m = "_15e54s9m _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfb4 _1y2v1nfce _1y2v1nfbg _1y2v1nfbm _1y2v1nfbx _1y2v1nfbw", x = "_15e54s95", g = "_15e54s9a _15e54s96", h = "_15e54s9b _15e54s96", w = "_15e54s9c _15e54s96", O = "_15e54s94", M = "_15e54s97 _15e54s96", j = "_15e54s99 _15e54s96", k = {
94
94
  aspectRatio: "var(--_15e54s9y)"
95
95
  };
package/dist/card.d.ts CHANGED
@@ -10,17 +10,27 @@ import type { ExclusifyUnion } from './utils/utility-types';
10
10
  import type { DataAttributes, IconProps, RendersElement, RendersNullableElement, TrackingEvent } from './utils/types';
11
11
  export type CardAction = {
12
12
  label: string;
13
- onPress: () => void;
14
13
  Icon: React.FC<IconProps>;
15
14
  disabled?: boolean;
16
- };
15
+ trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
16
+ } & ExclusifyUnion<{
17
+ href: string;
18
+ newTab?: boolean;
19
+ } | {
20
+ to: string;
21
+ fullPageOnWebView?: boolean;
22
+ replace?: boolean;
23
+ } | {
24
+ onPress: () => void;
25
+ }>;
17
26
  type CardActionsGroupProps = {
18
- actions?: Array<CardAction>;
27
+ actions?: Array<CardAction | React.ReactElement>;
19
28
  onClose?: () => void;
20
29
  padding?: number;
21
30
  type?: 'default' | 'inverse' | 'media';
22
31
  };
23
32
  export declare const TOP_ACTION_BUTTON_SIZE = 48;
33
+ export declare const CardActionIconButton: ({ Icon, label, ...restProps }: CardAction) => JSX.Element;
24
34
  export declare const CardActionsGroup: ({ actions, padding, onClose, type, }: CardActionsGroupProps) => JSX.Element;
25
35
  export type AspectRatio = '1:1' | '16:9' | '7:10' | '9:10' | 'auto';
26
36
  export declare const CardActionSpinner: ({ color }: IconProps) => React.ReactElement;
@@ -50,7 +60,7 @@ interface MediaCardBaseProps {
50
60
  description?: string;
51
61
  descriptionLinesMax?: number;
52
62
  extra?: React.ReactNode;
53
- actions?: Array<CardAction>;
63
+ actions?: Array<CardAction | React.ReactElement>;
54
64
  children?: void;
55
65
  dataAttributes?: DataAttributes;
56
66
  'aria-label'?: string;
@@ -90,7 +100,7 @@ interface DataCardBaseProps {
90
100
  description?: string;
91
101
  descriptionLinesMax?: number;
92
102
  extra?: React.ReactNode;
93
- actions?: Array<CardAction>;
103
+ actions?: Array<CardAction | React.ReactElement>;
94
104
  aspectRatio?: AspectRatio | number;
95
105
  children?: void;
96
106
  /** "data-" prefix is automatically added. For example, use "testid" instead of "data-testid" */
@@ -123,7 +133,7 @@ interface CommonDisplayCardProps {
123
133
  * Typically a mistica-icons component element
124
134
  */
125
135
  icon?: React.ReactElement;
126
- actions?: Array<CardAction>;
136
+ actions?: Array<CardAction | React.ReactElement>;
127
137
  onClose?: () => void;
128
138
  dataAttributes?: DataAttributes;
129
139
  headline?: React.ReactComponentElement<typeof Tag>;
@@ -169,7 +179,7 @@ interface PosterCardBaseProps {
169
179
  width?: number | string;
170
180
  height?: number | string;
171
181
  icon?: React.ReactElement;
172
- actions?: Array<CardAction>;
182
+ actions?: Array<CardAction | React.ReactElement>;
173
183
  onClose?: () => void;
174
184
  dataAttributes?: DataAttributes;
175
185
  headline?: string | RendersNullableElement<typeof Tag>;