@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.
- package/css/mistica.css +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/avatar.d.ts +1 -0
- package/dist/avatar.js +20 -18
- package/dist/badge.css-mistica.js +3 -3
- package/dist/boxed.d.ts +2 -1
- package/dist/boxed.js +17 -18
- package/dist/button-fixed-footer-layout.d.ts +1 -2
- package/dist/button-group.css-mistica.js +3 -3
- package/dist/button-group.d.ts +1 -1
- package/dist/button-layout.css-mistica.js +12 -12
- package/dist/button-layout.d.ts +1 -2
- package/dist/button.css-mistica.js +22 -22
- package/dist/button.d.ts +1 -1
- package/dist/button.js +93 -90
- package/dist/callout.css-mistica.js +1 -1
- package/dist/callout.d.ts +1 -1
- package/dist/callout.js +13 -9
- package/dist/card.css-mistica.js +8 -8
- package/dist/card.d.ts +3 -3
- package/dist/card.js +105 -93
- package/dist/carousel.css-mistica.js +7 -7
- package/dist/checkbox.css-mistica.js +9 -9
- package/dist/chip.css-mistica.js +11 -10
- package/dist/chip.css.d.ts +1 -1
- package/dist/chip.js +21 -20
- package/dist/circle.css-mistica.js +1 -1
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/cvv-field.css-mistica.js +3 -3
- package/dist/date-time-picker.js +7 -6
- package/dist/dialog.css-mistica.js +7 -7
- package/dist/dialog.d.ts +1 -1
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/double-field.d.ts +10 -10
- package/dist/empty-state-card.css-mistica.js +2 -2
- package/dist/empty-state-card.d.ts +1 -1
- package/dist/empty-state.css-mistica.js +2 -2
- package/dist/empty-state.d.ts +2 -1
- package/dist/feedback.css-mistica.js +5 -5
- package/dist/feedback.d.ts +1 -0
- package/dist/feedback.js +86 -87
- package/dist/fixed-footer-layout.css-mistica.js +5 -5
- package/dist/header.d.ts +2 -2
- package/dist/hero.css-mistica.js +5 -5
- package/dist/hero.d.ts +4 -4
- package/dist/highlighted-card.css-mistica.js +4 -4
- package/dist/highlighted-card.d.ts +1 -2
- package/dist/highlighted-card.js +2 -0
- package/dist/icon-button.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +1 -1
- package/dist/image.js +16 -16
- package/dist/index.d.ts +7 -2
- package/dist/index.js +9 -1
- package/dist/list.css-mistica.js +9 -9
- package/dist/loading-bar.css-mistica.js +6 -6
- package/dist/logo.d.ts +34 -0
- package/dist/logo.js +629 -0
- package/dist/maybe-dismissable.css-mistica.js +4 -4
- package/dist/menu.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +16 -16
- package/dist/navigation-bar.d.ts +2 -6
- package/dist/navigation-bar.js +99 -266
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/password-field.css-mistica.js +2 -2
- package/dist/popover.css-mistica.js +10 -10
- package/dist/progress-bar.css-mistica.js +2 -2
- package/dist/radio-button.css-mistica.js +9 -9
- package/dist/responsive-layout.css-mistica.js +8 -5
- package/dist/responsive-layout.css.d.ts +4 -1
- package/dist/responsive-layout.d.ts +2 -0
- package/dist/responsive-layout.js +7 -9
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +14 -14
- package/dist/skeleton-base.js +3 -3
- package/dist/skeletons.css-mistica.js +4 -4
- package/dist/skins/blau.js +7 -1
- package/dist/skins/defaults.d.ts +3 -0
- package/dist/skins/defaults.js +48 -0
- package/dist/skins/movistar-legacy.js +7 -1
- package/dist/skins/movistar.js +7 -1
- package/dist/skins/o2-classic.js +6 -0
- package/dist/skins/o2.js +9 -3
- package/dist/skins/skin-contract.css-mistica.js +203 -185
- package/dist/skins/skin-contract.css.d.ts +18 -0
- package/dist/skins/telefonica.js +19 -1
- package/dist/skins/types.d.ts +21 -0
- package/dist/skins/vivo.js +7 -1
- package/dist/snackbar.css-mistica.js +8 -8
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/sprinkles.css-mistica.js +360 -312
- package/dist/sprinkles.css.d.ts +1 -1
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +23 -23
- package/dist/tabs.css-mistica.js +14 -14
- package/dist/tag.css-mistica.js +2 -2
- package/dist/tag.js +12 -12
- package/dist/text-field-base.css-mistica.js +10 -10
- package/dist/text-field-components.css-mistica.js +10 -10
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/theme-context-provider.js +38 -58
- package/dist/theme-variant-context.d.ts +4 -1
- package/dist/theme-variant-context.js +9 -8
- package/dist/tooltip.css-mistica.js +2 -2
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
- package/dist/utils/renders-element.d.ts +1 -1
- package/dist/video.css-mistica.js +1 -1
- package/dist/video.js +16 -15
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/avatar.js +28 -26
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/boxed.js +25 -26
- package/dist-es/button-group.css-mistica.js +2 -2
- package/dist-es/button-layout.css-mistica.js +7 -7
- package/dist-es/button.css-mistica.js +9 -9
- package/dist-es/button.js +128 -125
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/callout.js +28 -24
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +141 -129
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/checkbox.css-mistica.js +6 -6
- package/dist-es/chip.css-mistica.js +9 -8
- package/dist-es/chip.js +37 -36
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/cvv-field.css-mistica.js +2 -2
- package/dist-es/date-time-picker.js +13 -12
- 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 +2 -2
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/feedback.js +109 -110
- package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/highlighted-card.css-mistica.js +4 -4
- package/dist-es/highlighted-card.js +9 -7
- package/dist-es/icon-button.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +1 -1
- package/dist-es/image.js +18 -18
- package/dist-es/index.js +1698 -1697
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/logo.js +607 -0
- package/dist-es/maybe-dismissable.css-mistica.js +2 -2
- package/dist-es/menu.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +11 -11
- package/dist-es/navigation-bar.js +171 -337
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-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 -2
- package/dist-es/responsive-layout.js +16 -18
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +11 -11
- package/dist-es/skeleton-base.js +7 -7
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/skins/blau.js +7 -1
- package/dist-es/skins/defaults.js +35 -0
- package/dist-es/skins/movistar-legacy.js +7 -1
- package/dist-es/skins/movistar.js +7 -1
- package/dist-es/skins/o2-classic.js +6 -0
- package/dist-es/skins/o2.js +9 -3
- package/dist-es/skins/skin-contract.css-mistica.js +203 -185
- package/dist-es/skins/telefonica.js +19 -1
- package/dist-es/skins/vivo.js +7 -1
- package/dist-es/snackbar.css-mistica.js +2 -2
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/sprinkles.css-mistica.js +360 -312
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +19 -19
- package/dist-es/tabs.css-mistica.js +10 -10
- package/dist-es/tag.css-mistica.js +2 -2
- package/dist-es/tag.js +27 -27
- 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 +5 -5
- package/dist-es/theme-context-provider.js +72 -92
- package/dist-es/theme-variant-context.js +9 -9
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/touchable.css-mistica.js +1 -1
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/video.js +17 -16
- 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: ()=>
|
|
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"));
|
package/dist/list.css-mistica.js
CHANGED
|
@@ -14,16 +14,16 @@ _export(exports, {
|
|
|
14
14
|
center: ()=>y,
|
|
15
15
|
content: ()=>r,
|
|
16
16
|
disabled: ()=>a,
|
|
17
|
-
dualActionContainer: ()=>
|
|
17
|
+
dualActionContainer: ()=>o,
|
|
18
18
|
dualActionDivider: ()=>t,
|
|
19
|
-
dualActionLeft: ()=>
|
|
20
|
-
dualActionRight: ()=>
|
|
21
|
-
hoverBackground: ()=>
|
|
22
|
-
pointer: ()=>
|
|
23
|
-
right: ()=>
|
|
24
|
-
rowBody: ()=>
|
|
25
|
-
rowContent: ()=>
|
|
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 _ = "
|
|
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: ()=>
|
|
15
|
-
exit: ()=>
|
|
16
|
-
exitActive: ()=>
|
|
17
|
-
innerProgress: ()=>
|
|
14
|
+
enterActive: ()=>a,
|
|
15
|
+
exit: ()=>e,
|
|
16
|
+
exitActive: ()=>y,
|
|
17
|
+
innerProgress: ()=>f,
|
|
18
18
|
portal: ()=>t,
|
|
19
19
|
progress: ()=>g,
|
|
20
|
-
progressContainer: ()=>
|
|
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",
|
|
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 {};
|