@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.
- package/css/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +7 -7
- package/dist/avatar.css-mistica.js +3 -3
- package/dist/badge.css-mistica.js +4 -4
- package/dist/boxed.css-mistica.js +1 -1
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +13 -13
- package/dist/button.css-mistica.js +19 -19
- package/dist/callout.css-mistica.js +1 -1
- package/dist/card.css-mistica.js +16 -16
- package/dist/card.d.ts +17 -7
- package/dist/card.js +275 -267
- package/dist/carousel.css-mistica.js +14 -14
- package/dist/checkbox.css-mistica.js +4 -4
- package/dist/chip.css-mistica.js +9 -9
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +7 -7
- package/dist/community/advanced-data-card.d.ts +1 -1
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +9 -9
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/dialog.css-mistica.js +7 -7
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/empty-state-card.css-mistica.js +3 -3
- package/dist/empty-state.css-mistica.js +4 -4
- package/dist/feedback.css-mistica.js +9 -9
- package/dist/fixed-footer-layout.css-mistica.js +5 -5
- package/dist/fixed-footer-layout.js +20 -19
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +4 -4
- package/dist/highlighted-card.css-mistica.js +6 -6
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +2 -2
- package/dist/image.css-mistica.js +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +5 -2
- package/dist/list.css-mistica.js +12 -12
- package/dist/loading-bar.css-mistica.js +5 -5
- package/dist/maybe-dismissable.css-mistica.js +2 -2
- package/dist/menu.css-mistica.js +4 -4
- package/dist/navigation-bar.css-mistica.js +19 -19
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/nestable-context.d.ts +2 -2
- package/dist/nestable-context.js +18 -18
- package/dist/overscroll-color-context.js +2 -7
- package/dist/package-version.js +1 -1
- package/dist/password-field.css-mistica.js +1 -1
- package/dist/pin-field.css-mistica.js +5 -5
- package/dist/popover.css-mistica.js +4 -4
- package/dist/progress-bar.css-mistica.js +3 -3
- package/dist/radio-button.css-mistica.js +10 -10
- package/dist/responsive-layout.css-mistica.js +7 -7
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +10 -10
- package/dist/sheet.css-mistica.js +10 -10
- package/dist/skeletons.css-mistica.js +2 -2
- package/dist/skins/blau.js +6 -2
- package/dist/skins/movistar-legacy.js +4 -0
- package/dist/skins/movistar.js +4 -0
- package/dist/skins/o2-classic.js +4 -0
- package/dist/skins/o2.js +4 -0
- package/dist/skins/skin-contract.css-mistica.js +181 -177
- package/dist/skins/skin-contract.css.d.ts +4 -0
- package/dist/skins/telefonica.js +4 -0
- package/dist/skins/types/colors.d.ts +2 -0
- package/dist/skins/vivo-new.js +5 -1
- package/dist/skins/vivo.js +4 -0
- package/dist/slider.css-mistica.js +8 -8
- package/dist/snackbar.css-mistica.js +11 -11
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/sprinkles.css-mistica.js +547 -535
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +19 -19
- package/dist/tabs.css-mistica.js +11 -11
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +9 -9
- package/dist/text-field-components.css-mistica.js +11 -11
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/tooltip.css-mistica.js +10 -10
- package/dist/touchable.css-mistica.js +3 -3
- package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
- package/dist/utils/css.d.ts +4 -0
- package/dist/utils/css.js +18 -5
- package/dist/video.css-mistica.js +2 -2
- package/dist-es/accordion.css-mistica.js +3 -3
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/boxed.css-mistica.js +1 -1
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +7 -7
- package/dist-es/button.css-mistica.js +9 -9
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +343 -338
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/checkbox.css-mistica.js +4 -4
- package/dist-es/chip.css-mistica.js +7 -7
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +4 -4
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state.css-mistica.js +3 -3
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
- package/dist-es/fixed-footer-layout.js +33 -32
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/highlighted-card.css-mistica.js +5 -5
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +2 -2
- package/dist-es/image.css-mistica.js +1 -1
- package/dist-es/index.js +1725 -1725
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/maybe-dismissable.css-mistica.js +2 -2
- package/dist-es/menu.css-mistica.js +2 -2
- package/dist-es/navigation-bar.css-mistica.js +11 -11
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/nestable-context.js +23 -23
- package/dist-es/overscroll-color-context.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-field.css-mistica.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +6 -6
- package/dist-es/responsive-layout.css-mistica.js +5 -5
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +10 -10
- package/dist-es/sheet.css-mistica.js +2 -2
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/skins/blau.js +6 -2
- package/dist-es/skins/movistar-legacy.js +4 -0
- package/dist-es/skins/movistar.js +4 -0
- package/dist-es/skins/o2-classic.js +4 -0
- package/dist-es/skins/o2.js +4 -0
- package/dist-es/skins/skin-contract.css-mistica.js +181 -177
- package/dist-es/skins/telefonica.js +4 -0
- package/dist-es/skins/vivo-new.js +5 -1
- package/dist-es/skins/vivo.js +4 -0
- package/dist-es/slider.css-mistica.js +6 -6
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/sprinkles.css-mistica.js +547 -535
- package/dist-es/stacking-group.css-mistica.js +2 -2
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +17 -17
- package/dist-es/tabs.css-mistica.js +9 -9
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-components.css-mistica.js +2 -2
- package/dist-es/text-link.css-mistica.js +3 -3
- package/dist-es/tooltip.css-mistica.js +3 -3
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/utils/css.js +7 -2
- package/dist-es/video.css-mistica.js +2 -2
- package/package.json +2 -2
package/dist/card.css-mistica.js
CHANGED
|
@@ -13,7 +13,7 @@ _export(exports, {
|
|
|
13
13
|
return n;
|
|
14
14
|
},
|
|
15
15
|
boxed: function() {
|
|
16
|
-
return
|
|
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
|
|
34
|
+
return d;
|
|
35
35
|
},
|
|
36
36
|
dataCard: function() {
|
|
37
|
-
return
|
|
37
|
+
return s;
|
|
38
38
|
},
|
|
39
39
|
displayCardBackground: function() {
|
|
40
|
-
return
|
|
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
|
|
52
|
+
return C;
|
|
53
53
|
},
|
|
54
54
|
mediaCardContent: function() {
|
|
55
|
-
return
|
|
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
|
|
64
|
+
return m;
|
|
65
65
|
},
|
|
66
66
|
touchable: function() {
|
|
67
|
-
return
|
|
67
|
+
return x;
|
|
68
68
|
},
|
|
69
69
|
touchableCardOverlay: function() {
|
|
70
|
-
return
|
|
70
|
+
return g;
|
|
71
71
|
},
|
|
72
72
|
touchableCardOverlayInverse: function() {
|
|
73
|
-
return
|
|
73
|
+
return h;
|
|
74
74
|
},
|
|
75
75
|
touchableCardOverlayMedia: function() {
|
|
76
|
-
return
|
|
76
|
+
return w;
|
|
77
77
|
},
|
|
78
78
|
touchableContainer: function() {
|
|
79
|
-
return
|
|
79
|
+
return O;
|
|
80
80
|
},
|
|
81
81
|
touchableMediaCardOverlay: function() {
|
|
82
|
-
return
|
|
82
|
+
return M;
|
|
83
83
|
},
|
|
84
84
|
touchableNakedMediaOverlay: function() {
|
|
85
|
-
return
|
|
85
|
+
return j;
|
|
86
86
|
},
|
|
87
87
|
vars: function() {
|
|
88
|
-
return
|
|
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
|
|
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>;
|