@telefonica/mistica 14.48.0 → 15.1.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 +5 -5
- package/dist/accordion.d.ts +2 -6
- package/dist/avatar.css-mistica.js +3 -3
- package/dist/badge.css-mistica.js +6 -6
- package/dist/boxed.css-mistica.js +3 -3
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +9 -9
- package/dist/button.css-mistica.js +27 -27
- package/dist/button.d.ts +12 -4
- package/dist/button.js +68 -63
- package/dist/callout.css-mistica.js +2 -2
- package/dist/callout.d.ts +1 -0
- package/dist/callout.js +11 -11
- package/dist/card.css-mistica.js +13 -13
- package/dist/card.d.ts +6 -0
- package/dist/card.js +301 -293
- package/dist/carousel.css-mistica.js +19 -19
- package/dist/checkbox.css-mistica.js +9 -9
- package/dist/chip.css-mistica.js +10 -10
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +12 -12
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +4 -4
- package/dist/credit-card-number-field.css-mistica.js +5 -5
- package/dist/cvv-field.js +30 -29
- package/dist/dialog.css-mistica.js +6 -6
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/empty-state-card.css-mistica.js +3 -3
- package/dist/empty-state-card.d.ts +1 -0
- package/dist/empty-state-card.js +10 -9
- package/dist/empty-state.css-mistica.js +4 -4
- package/dist/empty-state.d.ts +1 -0
- package/dist/empty-state.js +14 -14
- package/dist/feedback.css-mistica.js +5 -5
- package/dist/feedback.js +61 -79
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/header.css-mistica.js +1 -1
- package/dist/header.d.ts +2 -0
- package/dist/header.js +46 -47
- package/dist/hero.css-mistica.js +2 -2
- package/dist/hero.d.ts +1 -0
- package/dist/hero.js +29 -29
- package/dist/highlighted-card.css-mistica.js +7 -7
- package/dist/highlighted-card.d.ts +1 -2
- package/dist/highlighted-card.js +9 -9
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +14 -17
- package/dist/icon-button.css.d.ts +1 -1
- package/dist/icon-button.d.ts +0 -14
- package/dist/icon-button.js +84 -87
- package/dist/icons/icon-error.js +5 -5
- package/dist/icons/icon-info.js +5 -5
- package/dist/icons/icon-success.js +6 -7
- package/dist/image.css-mistica.js +3 -3
- package/dist/image.js +36 -32
- package/dist/index.d.ts +5 -12
- package/dist/index.js +10 -17
- package/dist/inline.js +8 -7
- package/dist/list.css-mistica.js +12 -12
- package/dist/list.d.ts +1 -4
- package/dist/list.js +143 -138
- package/dist/loading-bar.css-mistica.js +4 -4
- package/dist/loading-screen.css-mistica.js +3 -3
- package/dist/logo.d.ts +1 -0
- package/dist/logo.js +155 -137
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/maybe-dismissable.js +3 -4
- package/dist/menu.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +22 -22
- package/dist/navigation-bar.d.ts +2 -1
- package/dist/navigation-bar.js +53 -52
- package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +4 -4
- package/dist/popover.d.ts +0 -4
- package/dist/popover.js +10 -11
- package/dist/progress-bar.css-mistica.js +3 -3
- package/dist/radio-button.css-mistica.js +8 -8
- package/dist/responsive-layout.css-mistica.js +5 -5
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +10 -10
- package/dist/select.d.ts +1 -0
- package/dist/select.js +65 -65
- package/dist/sheet.css-mistica.js +8 -8
- package/dist/skeletons.css-mistica.js +5 -5
- package/dist/skins/blau.js +5 -3
- package/dist/skins/constants.d.ts +1 -2
- package/dist/skins/constants.js +7 -10
- package/dist/skins/movistar.d.ts +1 -0
- package/dist/skins/movistar.js +6 -3
- package/dist/skins/o2-new.d.ts +50 -0
- package/dist/skins/o2-new.js +397 -0
- package/dist/skins/o2.d.ts +1 -0
- package/dist/skins/o2.js +6 -3
- package/dist/skins/skin-contract.css-mistica.js +138 -136
- package/dist/skins/skin-contract.css.d.ts +2 -0
- package/dist/skins/telefonica.d.ts +1 -0
- package/dist/skins/telefonica.js +6 -3
- package/dist/skins/tu.d.ts +1 -0
- package/dist/skins/tu.js +6 -3
- package/dist/skins/types/colors.d.ts +1 -0
- package/dist/skins/types/index.d.ts +1 -1
- package/dist/skins/utils.js +7 -7
- package/dist/skins/vivo-new.js +5 -3
- package/dist/skins/vivo.js +5 -3
- package/dist/slider.css-mistica.js +7 -7
- package/dist/slider.d.ts +0 -8
- package/dist/slider.js +95 -97
- package/dist/snackbar.css-mistica.js +12 -12
- package/dist/spinner.css-mistica.js +5 -5
- package/dist/sprinkles.css-mistica.js +792 -786
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +26 -23
- package/dist/switch-component.css.d.ts +1 -0
- package/dist/switch-component.js +11 -10
- package/dist/tabs.css-mistica.js +9 -9
- package/dist/tag.css-mistica.js +1 -1
- package/dist/tag.js +34 -39
- package/dist/text-field-base.css-mistica.js +5 -5
- package/dist/text-field-components.css-mistica.js +11 -11
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/text-link.d.ts +5 -0
- package/dist/tooltip.css-mistica.js +2 -2
- package/dist/tooltip.d.ts +0 -16
- package/dist/tooltip.js +78 -80
- package/dist/touchable.css-mistica.js +5 -5
- package/dist/touchable.d.ts +33 -19
- package/dist/touchable.js +54 -51
- package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
- package/dist/utils/browser.d.ts +1 -0
- package/dist/utils/browser.js +14 -0
- package/dist/video.css-mistica.js +1 -1
- 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 +2 -2
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +6 -6
- package/dist-es/button.css-mistica.js +16 -16
- package/dist-es/button.js +89 -84
- package/dist-es/callout.css-mistica.js +2 -2
- package/dist-es/callout.js +37 -37
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +442 -434
- 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 +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 +4 -4
- package/dist-es/cvv-field.js +55 -54
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state-card.js +30 -29
- package/dist-es/empty-state.css-mistica.js +3 -3
- package/dist-es/empty-state.js +34 -34
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/feedback.js +102 -120
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/header.js +69 -70
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/hero.js +56 -56
- package/dist-es/highlighted-card.css-mistica.js +5 -5
- package/dist-es/highlighted-card.js +26 -26
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +9 -12
- package/dist-es/icon-button.js +94 -97
- package/dist-es/icons/icon-error.js +6 -6
- package/dist-es/icons/icon-info.js +6 -6
- package/dist-es/icons/icon-success.js +9 -10
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/image.js +38 -34
- package/dist-es/index.js +1762 -1763
- package/dist-es/inline.js +13 -12
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +184 -179
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +2 -2
- package/dist-es/logo.js +172 -157
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/maybe-dismissable.js +7 -8
- package/dist-es/menu.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +9 -9
- package/dist-es/navigation-bar.js +72 -71
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.js +27 -28
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +5 -5
- package/dist-es/responsive-layout.css-mistica.js +4 -4
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +9 -9
- package/dist-es/select.js +97 -97
- package/dist-es/sheet.css-mistica.js +2 -2
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/skins/blau.js +5 -3
- package/dist-es/skins/constants.js +2 -2
- package/dist-es/skins/movistar.js +8 -5
- package/dist-es/skins/o2-new.js +380 -0
- package/dist-es/skins/o2.js +6 -3
- package/dist-es/skins/skin-contract.css-mistica.js +138 -136
- package/dist-es/skins/telefonica.js +6 -3
- package/dist-es/skins/tu.js +6 -3
- package/dist-es/skins/utils.js +11 -11
- package/dist-es/skins/vivo-new.js +5 -3
- package/dist-es/skins/vivo.js +5 -3
- package/dist-es/slider.css-mistica.js +2 -2
- package/dist-es/slider.js +117 -119
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +2 -2
- package/dist-es/sprinkles.css-mistica.js +792 -786
- 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 +19 -19
- package/dist-es/switch-component.js +24 -23
- package/dist-es/tabs.css-mistica.js +6 -6
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/tag.js +52 -57
- 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 +2 -2
- package/dist-es/tooltip.js +83 -85
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/touchable.js +68 -65
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/utils/browser.js +5 -0
- package/dist-es/video.css-mistica.js +1 -1
- package/package.json +2 -2
- package/dist/skins/movistar-legacy.d.ts +0 -47
- package/dist/skins/movistar-legacy.js +0 -392
- package/dist/skins/o2-classic.d.ts +0 -56
- package/dist/skins/o2-classic.js +0 -324
- package/dist-es/skins/movistar-legacy.js +0 -375
- package/dist-es/skins/o2-classic.js +0 -307
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import type { GetKnownSkin } from './types';
|
|
2
|
-
export declare const palette: {
|
|
3
|
-
movistarBlue: string;
|
|
4
|
-
movistarBlue10: string;
|
|
5
|
-
movistarBlue20: string;
|
|
6
|
-
movistarBlue30: string;
|
|
7
|
-
movistarBlue40: string;
|
|
8
|
-
movistarBlue55: string;
|
|
9
|
-
movistarGreen: string;
|
|
10
|
-
movistarGreen10: string;
|
|
11
|
-
movistarGreen30: string;
|
|
12
|
-
movistarGreen40: string;
|
|
13
|
-
movistarGreen60: string;
|
|
14
|
-
movistarGreen70: string;
|
|
15
|
-
pepper: string;
|
|
16
|
-
pepper10: string;
|
|
17
|
-
pepper40: string;
|
|
18
|
-
pepper55: string;
|
|
19
|
-
pepper70: string;
|
|
20
|
-
egg: string;
|
|
21
|
-
egg10: string;
|
|
22
|
-
egg40: string;
|
|
23
|
-
egg80: string;
|
|
24
|
-
pink: string;
|
|
25
|
-
purple: string;
|
|
26
|
-
purple10: string;
|
|
27
|
-
purple40: string;
|
|
28
|
-
purple70: string;
|
|
29
|
-
grey1: string;
|
|
30
|
-
grey2: string;
|
|
31
|
-
grey3: string;
|
|
32
|
-
grey4: string;
|
|
33
|
-
grey5: string;
|
|
34
|
-
grey6: string;
|
|
35
|
-
white: string;
|
|
36
|
-
movistarProminentBlue: string;
|
|
37
|
-
movistarProminentBlueDark: string;
|
|
38
|
-
movistarProminentBlueLight20: string;
|
|
39
|
-
movistarProminentBlueLight50: string;
|
|
40
|
-
movistarProminentBlueLight70: string;
|
|
41
|
-
darkModeBlack: string;
|
|
42
|
-
darkModeGrey: string;
|
|
43
|
-
};
|
|
44
|
-
/**
|
|
45
|
-
* @deprecated Use `getMovistarSkin` instead.
|
|
46
|
-
*/
|
|
47
|
-
export declare const getMovistarLegacySkin: GetKnownSkin;
|
|
@@ -1,392 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
getMovistarLegacySkin: function() {
|
|
13
|
-
return d;
|
|
14
|
-
},
|
|
15
|
-
palette: function() {
|
|
16
|
-
return e;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _constants = require("./constants.js");
|
|
20
|
-
const _color = require("../utils/color.js");
|
|
21
|
-
const e = {
|
|
22
|
-
movistarBlue: "#019DF4",
|
|
23
|
-
movistarBlue10: "#E6F5FD",
|
|
24
|
-
movistarBlue20: "#B3E1FB",
|
|
25
|
-
movistarBlue30: "#80CEF9",
|
|
26
|
-
movistarBlue40: "#4DBAF7",
|
|
27
|
-
movistarBlue55: "#008EDD",
|
|
28
|
-
movistarGreen: "#5CB615",
|
|
29
|
-
movistarGreen10: "#EFF8E8",
|
|
30
|
-
movistarGreen30: "#ADDA8A",
|
|
31
|
-
movistarGreen40: "#8DCC5B",
|
|
32
|
-
movistarGreen60: "#499110",
|
|
33
|
-
movistarGreen70: "#407F0F",
|
|
34
|
-
pepper: "#FF374A",
|
|
35
|
-
pepper10: "#FFEBED",
|
|
36
|
-
pepper40: "#FF7380",
|
|
37
|
-
pepper55: "#D73241",
|
|
38
|
-
pepper70: "#B22634",
|
|
39
|
-
egg: "#F28D15",
|
|
40
|
-
egg10: "#FEF4E8",
|
|
41
|
-
egg40: "#F6AF5B",
|
|
42
|
-
egg80: "#6D3F09",
|
|
43
|
-
pink: "#E63780",
|
|
44
|
-
purple: "#A13EA1",
|
|
45
|
-
purple10: "#F6ECF6",
|
|
46
|
-
purple40: "#BD78BD",
|
|
47
|
-
purple70: "#712B71",
|
|
48
|
-
grey1: "#F6F6F6",
|
|
49
|
-
grey2: "#EEEEEE",
|
|
50
|
-
grey3: "#DDDDDD",
|
|
51
|
-
grey4: "#999999",
|
|
52
|
-
grey5: "#86888C",
|
|
53
|
-
grey6: "#313235",
|
|
54
|
-
white: "#FFFFFF",
|
|
55
|
-
movistarProminentBlue: "#0B2739",
|
|
56
|
-
movistarProminentBlueDark: "#081F2D",
|
|
57
|
-
movistarProminentBlueLight20: "#CED3D7",
|
|
58
|
-
movistarProminentBlueLight50: "#85939C",
|
|
59
|
-
movistarProminentBlueLight70: "#546874",
|
|
60
|
-
darkModeBlack: "#191919",
|
|
61
|
-
darkModeGrey: "#242424"
|
|
62
|
-
}, d = (o)=>{
|
|
63
|
-
const t = {
|
|
64
|
-
name: _constants.MOVISTAR_LEGACY_SKIN,
|
|
65
|
-
colors: {
|
|
66
|
-
background: e.white,
|
|
67
|
-
backgroundAlternative: e.grey1,
|
|
68
|
-
backgroundBrand: e.movistarBlue,
|
|
69
|
-
backgroundBrandSecondary: e.movistarBlue,
|
|
70
|
-
backgroundContainer: e.white,
|
|
71
|
-
backgroundContainerHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.03),
|
|
72
|
-
backgroundContainerPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.05),
|
|
73
|
-
backgroundContainerBrand: e.movistarBlue,
|
|
74
|
-
backgroundContainerBrandHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.1),
|
|
75
|
-
backgroundContainerBrandPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.2),
|
|
76
|
-
backgroundContainerBrandOverInverse: e.movistarBlue55,
|
|
77
|
-
backgroundContainerAlternative: e.grey1,
|
|
78
|
-
backgroundOverlay: (0, _color.applyAlpha)(e.grey6, 0.6),
|
|
79
|
-
backgroundSkeleton: e.grey2,
|
|
80
|
-
backgroundSkeletonInverse: e.movistarBlue55,
|
|
81
|
-
backgroundBrandTop: e.movistarBlue,
|
|
82
|
-
backgroundBrandBottom: e.movistarBlue,
|
|
83
|
-
appBarBackground: e.white,
|
|
84
|
-
navigationBarBackground: e.movistarBlue,
|
|
85
|
-
skeletonWave: e.grey2,
|
|
86
|
-
borderLow: e.grey1,
|
|
87
|
-
border: e.grey3,
|
|
88
|
-
borderHigh: e.grey5,
|
|
89
|
-
borderSelected: e.movistarBlue,
|
|
90
|
-
coverBackgroundHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.25),
|
|
91
|
-
coverBackgroundPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.35),
|
|
92
|
-
buttonDangerBackground: e.pepper,
|
|
93
|
-
buttonDangerBackgroundSelected: e.pepper55,
|
|
94
|
-
buttonDangerBackgroundHover: e.pepper55,
|
|
95
|
-
buttonLinkDangerBackgroundSelected: e.pepper10,
|
|
96
|
-
buttonLinkDangerBackgroundInverse: e.white,
|
|
97
|
-
buttonLinkDangerBackgroundInverseSelected: e.pepper10,
|
|
98
|
-
buttonLinkBackgroundSelected: e.movistarBlue10,
|
|
99
|
-
buttonLinkBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.2),
|
|
100
|
-
buttonPrimaryBackground: e.movistarBlue,
|
|
101
|
-
buttonPrimaryBackgroundInverse: e.white,
|
|
102
|
-
buttonPrimaryBackgroundSelected: e.movistarBlue55,
|
|
103
|
-
buttonPrimaryBackgroundHover: e.movistarBlue55,
|
|
104
|
-
buttonPrimaryBackgroundInverseSelected: e.movistarBlue30,
|
|
105
|
-
buttonSecondaryBorder: e.movistarBlue,
|
|
106
|
-
buttonSecondaryBorderSelected: e.movistarBlue55,
|
|
107
|
-
buttonSecondaryBackgroundHover: e.movistarBlue10,
|
|
108
|
-
buttonSecondaryBackgroundSelected: e.movistarBlue10,
|
|
109
|
-
buttonSecondaryBorderInverse: e.white,
|
|
110
|
-
buttonSecondaryBorderInverseSelected: e.white,
|
|
111
|
-
buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.2),
|
|
112
|
-
buttonSecondaryBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.2),
|
|
113
|
-
textButtonPrimary: e.white,
|
|
114
|
-
textButtonPrimaryInverse: e.movistarBlue,
|
|
115
|
-
textButtonPrimaryInverseSelected: e.movistarBlue,
|
|
116
|
-
textButtonSecondary: e.movistarBlue,
|
|
117
|
-
textButtonSecondarySelected: e.movistarBlue55,
|
|
118
|
-
textButtonSecondaryInverse: e.white,
|
|
119
|
-
textButtonSecondaryInverseSelected: e.white,
|
|
120
|
-
textLink: e.movistarBlue,
|
|
121
|
-
textLinkInverse: e.white,
|
|
122
|
-
textLinkDanger: e.pepper,
|
|
123
|
-
textLinkSnackbar: e.movistarBlue30,
|
|
124
|
-
control: e.grey3,
|
|
125
|
-
controlActivated: e.movistarBlue,
|
|
126
|
-
controlInverse: e.movistarBlue20,
|
|
127
|
-
controlActivatedInverse: e.white,
|
|
128
|
-
controlError: e.pepper,
|
|
129
|
-
barTrack: e.grey3,
|
|
130
|
-
loadingBar: e.movistarBlue30,
|
|
131
|
-
loadingBarBackground: e.movistarBlue55,
|
|
132
|
-
toggleAndroidInactive: e.grey2,
|
|
133
|
-
toggleAndroidBackgroundActive: e.movistarBlue20,
|
|
134
|
-
iosControlKnob: e.white,
|
|
135
|
-
divider: e.grey2,
|
|
136
|
-
dividerInverse: e.movistarBlue55,
|
|
137
|
-
navigationBarDivider: e.movistarBlue,
|
|
138
|
-
badge: e.pepper55,
|
|
139
|
-
feedbackErrorBackground: e.pepper,
|
|
140
|
-
feedbackInfoBackground: e.grey6,
|
|
141
|
-
brand: e.movistarBlue,
|
|
142
|
-
brandHigh: e.movistarBlue55,
|
|
143
|
-
inverse: e.white,
|
|
144
|
-
neutralHigh: e.grey6,
|
|
145
|
-
neutralMedium: e.grey5,
|
|
146
|
-
neutralMediumInverse: e.grey5,
|
|
147
|
-
neutralLow: e.grey1,
|
|
148
|
-
neutralLowAlternative: e.grey2,
|
|
149
|
-
textPrimary: e.grey6,
|
|
150
|
-
textPrimaryInverse: e.white,
|
|
151
|
-
textSecondary: e.grey5,
|
|
152
|
-
textSecondaryInverse: e.movistarBlue10,
|
|
153
|
-
success: e.movistarGreen,
|
|
154
|
-
warning: e.egg,
|
|
155
|
-
error: e.pepper,
|
|
156
|
-
promo: e.purple,
|
|
157
|
-
highlight: e.pink,
|
|
158
|
-
successLow: e.movistarGreen10,
|
|
159
|
-
warningLow: e.egg10,
|
|
160
|
-
errorLow: e.pepper10,
|
|
161
|
-
promoLow: e.purple10,
|
|
162
|
-
brandLow: e.movistarBlue10,
|
|
163
|
-
successHigh: e.movistarGreen70,
|
|
164
|
-
warningHigh: e.egg80,
|
|
165
|
-
errorHigh: e.pepper70,
|
|
166
|
-
promoHigh: e.purple70,
|
|
167
|
-
successHighInverse: e.movistarGreen70,
|
|
168
|
-
warningHighInverse: e.egg80,
|
|
169
|
-
errorHighInverse: e.pepper70,
|
|
170
|
-
promoHighInverse: e.purple70,
|
|
171
|
-
textNavigationBarPrimary: e.white,
|
|
172
|
-
textNavigationBarSecondary: e.movistarBlue20,
|
|
173
|
-
textNavigationSearchBarHint: e.movistarBlue20,
|
|
174
|
-
textNavigationSearchBarText: e.white,
|
|
175
|
-
textAppBar: e.grey4,
|
|
176
|
-
textAppBarSelected: e.movistarBlue,
|
|
177
|
-
customTabsBackground: e.white,
|
|
178
|
-
tagTextPromo: e.purple70,
|
|
179
|
-
tagTextActive: e.movistarBlue,
|
|
180
|
-
tagTextInactive: e.grey5,
|
|
181
|
-
tagTextSuccess: e.movistarGreen70,
|
|
182
|
-
tagTextWarning: e.egg80,
|
|
183
|
-
tagTextError: e.pepper70,
|
|
184
|
-
tagBackgroundPromo: e.purple10,
|
|
185
|
-
tagBackgroundActive: e.movistarBlue10,
|
|
186
|
-
tagBackgroundInactive: e.grey2,
|
|
187
|
-
tagBackgroundSuccess: e.movistarGreen10,
|
|
188
|
-
tagBackgroundWarning: e.egg10,
|
|
189
|
-
tagBackgroundError: e.pepper10
|
|
190
|
-
},
|
|
191
|
-
darkModeColors: {
|
|
192
|
-
background: e.darkModeBlack,
|
|
193
|
-
backgroundAlternative: e.darkModeBlack,
|
|
194
|
-
backgroundBrand: e.darkModeBlack,
|
|
195
|
-
backgroundBrandSecondary: e.darkModeBlack,
|
|
196
|
-
backgroundContainer: e.darkModeGrey,
|
|
197
|
-
backgroundContainerHover: (0, _color.applyAlpha)(e.white, 0.03),
|
|
198
|
-
backgroundContainerPressed: (0, _color.applyAlpha)(e.white, 0.05),
|
|
199
|
-
backgroundContainerBrand: e.darkModeGrey,
|
|
200
|
-
backgroundContainerBrandHover: (0, _color.applyAlpha)(e.white, 0.03),
|
|
201
|
-
backgroundContainerBrandPressed: (0, _color.applyAlpha)(e.white, 0.05),
|
|
202
|
-
backgroundContainerBrandOverInverse: e.darkModeGrey,
|
|
203
|
-
backgroundContainerAlternative: e.darkModeGrey,
|
|
204
|
-
backgroundOverlay: (0, _color.applyAlpha)(e.darkModeGrey, 0.8),
|
|
205
|
-
backgroundSkeleton: e.grey6,
|
|
206
|
-
backgroundSkeletonInverse: e.grey6,
|
|
207
|
-
backgroundBrandTop: e.darkModeBlack,
|
|
208
|
-
backgroundBrandBottom: e.darkModeBlack,
|
|
209
|
-
appBarBackground: e.darkModeGrey,
|
|
210
|
-
navigationBarBackground: e.darkModeBlack,
|
|
211
|
-
skeletonWave: e.grey5,
|
|
212
|
-
borderLow: e.darkModeBlack,
|
|
213
|
-
border: e.darkModeGrey,
|
|
214
|
-
borderHigh: e.grey5,
|
|
215
|
-
borderSelected: e.movistarBlue,
|
|
216
|
-
coverBackgroundHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.25),
|
|
217
|
-
coverBackgroundPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.35),
|
|
218
|
-
buttonDangerBackground: e.pepper,
|
|
219
|
-
buttonDangerBackgroundSelected: e.pepper55,
|
|
220
|
-
buttonDangerBackgroundHover: e.pepper55,
|
|
221
|
-
buttonLinkDangerBackgroundSelected: (0, _color.applyAlpha)(e.white, 0.08),
|
|
222
|
-
buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0.01),
|
|
223
|
-
buttonLinkDangerBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.08),
|
|
224
|
-
buttonLinkBackgroundSelected: (0, _color.applyAlpha)(e.white, 0.08),
|
|
225
|
-
buttonLinkBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.08),
|
|
226
|
-
buttonPrimaryBackground: e.movistarBlue,
|
|
227
|
-
buttonPrimaryBackgroundInverse: e.movistarBlue,
|
|
228
|
-
buttonPrimaryBackgroundSelected: e.movistarBlue55,
|
|
229
|
-
buttonPrimaryBackgroundHover: e.movistarBlue55,
|
|
230
|
-
buttonPrimaryBackgroundInverseSelected: e.movistarBlue55,
|
|
231
|
-
buttonSecondaryBackgroundHover: (0, _color.applyAlpha)(e.white, 0.15),
|
|
232
|
-
buttonSecondaryBackgroundSelected: (0, _color.applyAlpha)(e.white, 0.15),
|
|
233
|
-
buttonSecondaryBorder: e.white,
|
|
234
|
-
buttonSecondaryBorderSelected: e.white,
|
|
235
|
-
buttonSecondaryBorderInverse: e.white,
|
|
236
|
-
buttonSecondaryBorderInverseSelected: e.white,
|
|
237
|
-
buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.15),
|
|
238
|
-
buttonSecondaryBackgroundInverseSelected: (0, _color.applyAlpha)(e.white, 0.15),
|
|
239
|
-
textButtonPrimary: e.grey2,
|
|
240
|
-
textButtonPrimaryInverse: e.grey2,
|
|
241
|
-
textButtonPrimaryInverseSelected: e.grey2,
|
|
242
|
-
textButtonSecondary: e.grey2,
|
|
243
|
-
textButtonSecondarySelected: e.grey2,
|
|
244
|
-
textButtonSecondaryInverse: e.grey2,
|
|
245
|
-
textButtonSecondaryInverseSelected: e.grey2,
|
|
246
|
-
textLink: e.movistarBlue,
|
|
247
|
-
textLinkInverse: e.movistarBlue,
|
|
248
|
-
textLinkDanger: e.pepper,
|
|
249
|
-
textLinkSnackbar: e.movistarBlue30,
|
|
250
|
-
control: e.grey6,
|
|
251
|
-
controlActivated: e.movistarBlue,
|
|
252
|
-
controlInverse: e.grey6,
|
|
253
|
-
controlActivatedInverse: e.movistarBlue,
|
|
254
|
-
controlError: e.pepper,
|
|
255
|
-
barTrack: e.grey6,
|
|
256
|
-
loadingBar: e.movistarBlue,
|
|
257
|
-
loadingBarBackground: e.darkModeGrey,
|
|
258
|
-
toggleAndroidInactive: e.grey4,
|
|
259
|
-
toggleAndroidBackgroundActive: e.movistarBlue20,
|
|
260
|
-
iosControlKnob: e.grey2,
|
|
261
|
-
divider: (0, _color.applyAlpha)(e.white, 0.05),
|
|
262
|
-
dividerInverse: (0, _color.applyAlpha)(e.white, 0.05),
|
|
263
|
-
navigationBarDivider: e.darkModeBlack,
|
|
264
|
-
badge: e.pepper55,
|
|
265
|
-
feedbackErrorBackground: e.pepper,
|
|
266
|
-
feedbackInfoBackground: e.grey6,
|
|
267
|
-
brand: e.movistarBlue,
|
|
268
|
-
brandHigh: (0, _color.applyAlpha)(e.white, 0.05),
|
|
269
|
-
inverse: e.grey2,
|
|
270
|
-
neutralHigh: e.grey2,
|
|
271
|
-
neutralMedium: e.grey5,
|
|
272
|
-
neutralMediumInverse: e.grey5,
|
|
273
|
-
neutralLow: e.grey6,
|
|
274
|
-
neutralLowAlternative: e.grey6,
|
|
275
|
-
textPrimary: e.grey2,
|
|
276
|
-
textPrimaryInverse: e.grey2,
|
|
277
|
-
textSecondary: e.grey4,
|
|
278
|
-
textSecondaryInverse: e.grey4,
|
|
279
|
-
success: e.movistarGreen,
|
|
280
|
-
warning: e.egg,
|
|
281
|
-
error: e.pepper,
|
|
282
|
-
promo: e.purple,
|
|
283
|
-
highlight: e.pink,
|
|
284
|
-
successLow: e.grey6,
|
|
285
|
-
warningLow: e.grey6,
|
|
286
|
-
errorLow: e.grey6,
|
|
287
|
-
promoLow: e.grey6,
|
|
288
|
-
brandLow: e.grey6,
|
|
289
|
-
successHigh: e.movistarGreen40,
|
|
290
|
-
warningHigh: e.egg40,
|
|
291
|
-
errorHigh: e.pepper40,
|
|
292
|
-
promoHigh: e.purple40,
|
|
293
|
-
successHighInverse: e.movistarGreen70,
|
|
294
|
-
warningHighInverse: e.egg80,
|
|
295
|
-
errorHighInverse: e.pepper70,
|
|
296
|
-
promoHighInverse: e.purple70,
|
|
297
|
-
textNavigationBarPrimary: e.grey2,
|
|
298
|
-
textNavigationBarSecondary: e.grey4,
|
|
299
|
-
textNavigationSearchBarHint: e.grey4,
|
|
300
|
-
textNavigationSearchBarText: e.grey2,
|
|
301
|
-
textAppBar: e.grey5,
|
|
302
|
-
textAppBarSelected: e.grey2,
|
|
303
|
-
customTabsBackground: e.darkModeBlack,
|
|
304
|
-
tagTextPromo: e.purple70,
|
|
305
|
-
tagTextActive: e.movistarBlue,
|
|
306
|
-
tagTextInactive: e.grey5,
|
|
307
|
-
tagTextSuccess: e.movistarGreen70,
|
|
308
|
-
tagTextWarning: e.egg80,
|
|
309
|
-
tagTextError: e.pepper70,
|
|
310
|
-
tagBackgroundPromo: e.grey6,
|
|
311
|
-
tagBackgroundActive: e.grey6,
|
|
312
|
-
tagBackgroundInactive: e.grey6,
|
|
313
|
-
tagBackgroundSuccess: e.grey6,
|
|
314
|
-
tagBackgroundWarning: e.grey6,
|
|
315
|
-
tagBackgroundError: e.grey6
|
|
316
|
-
},
|
|
317
|
-
borderRadii: {
|
|
318
|
-
avatar: "50%",
|
|
319
|
-
bar: "999px",
|
|
320
|
-
button: "4px",
|
|
321
|
-
checkbox: "2px",
|
|
322
|
-
container: "8px",
|
|
323
|
-
indicator: "999px",
|
|
324
|
-
input: "8px",
|
|
325
|
-
legacyDisplay: "16px",
|
|
326
|
-
popup: "8px",
|
|
327
|
-
sheet: "8px",
|
|
328
|
-
mediaSmall: "8px"
|
|
329
|
-
},
|
|
330
|
-
textPresets: {
|
|
331
|
-
cardTitle: {
|
|
332
|
-
weight: "bold"
|
|
333
|
-
},
|
|
334
|
-
button: {
|
|
335
|
-
weight: "medium"
|
|
336
|
-
},
|
|
337
|
-
tabsLabel: {
|
|
338
|
-
weight: "medium",
|
|
339
|
-
size: {
|
|
340
|
-
mobile: 16,
|
|
341
|
-
desktop: 18
|
|
342
|
-
},
|
|
343
|
-
lineHeight: {
|
|
344
|
-
mobile: 24,
|
|
345
|
-
desktop: 24
|
|
346
|
-
}
|
|
347
|
-
},
|
|
348
|
-
link: {
|
|
349
|
-
weight: "medium"
|
|
350
|
-
},
|
|
351
|
-
title1: {
|
|
352
|
-
weight: "medium"
|
|
353
|
-
},
|
|
354
|
-
title2: {
|
|
355
|
-
weight: "bold",
|
|
356
|
-
size: {
|
|
357
|
-
mobile: 20,
|
|
358
|
-
desktop: 28
|
|
359
|
-
},
|
|
360
|
-
lineHeight: {
|
|
361
|
-
mobile: 24,
|
|
362
|
-
desktop: 32
|
|
363
|
-
}
|
|
364
|
-
},
|
|
365
|
-
indicator: {
|
|
366
|
-
weight: "medium"
|
|
367
|
-
},
|
|
368
|
-
navigationBar: {
|
|
369
|
-
weight: "medium"
|
|
370
|
-
},
|
|
371
|
-
text5: {
|
|
372
|
-
weight: "bold"
|
|
373
|
-
},
|
|
374
|
-
text6: {
|
|
375
|
-
weight: "bold"
|
|
376
|
-
},
|
|
377
|
-
text7: {
|
|
378
|
-
weight: "bold"
|
|
379
|
-
},
|
|
380
|
-
text8: {
|
|
381
|
-
weight: "bold"
|
|
382
|
-
},
|
|
383
|
-
text9: {
|
|
384
|
-
weight: "bold"
|
|
385
|
-
},
|
|
386
|
-
text10: {
|
|
387
|
-
weight: "bold"
|
|
388
|
-
}
|
|
389
|
-
}
|
|
390
|
-
};
|
|
391
|
-
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.backgroundBrandBottom = e.movistarProminentBlue, t.colors.controlActivated = e.movistarProminentBlue, t.colors.dividerInverse = e.movistarProminentBlueDark), t;
|
|
392
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import type { GetKnownSkin } from './types';
|
|
2
|
-
export declare const palette: {
|
|
3
|
-
readonly o2Blue: "#032B5A";
|
|
4
|
-
readonly o2Blue10: "#E6EAEE";
|
|
5
|
-
readonly o2Blue30: "#8195AC";
|
|
6
|
-
readonly o2Blue45: "#6C8BAF";
|
|
7
|
-
readonly o2Blue55: "#04264E";
|
|
8
|
-
readonly o2SkyBlue: "#0090D0";
|
|
9
|
-
readonly o2SkyBlue55: "#057DB2";
|
|
10
|
-
readonly o2SkyBlueLight: "#65B4E4";
|
|
11
|
-
readonly o2SkyBlueLight45: "#80C7E7";
|
|
12
|
-
readonly o2SkyBlueLight20: "#D0E8F6";
|
|
13
|
-
readonly o2SkyBlueLight10: "#E9F5FB";
|
|
14
|
-
readonly o2DeepSkyBlue: "#7FD4FE";
|
|
15
|
-
readonly o2Gem: "#01B7B4";
|
|
16
|
-
readonly o2GemDark: "#099E9B";
|
|
17
|
-
readonly o2GemLight30: "#99E2E1";
|
|
18
|
-
readonly o2Yellow: "#FFCC00";
|
|
19
|
-
readonly o2Green: "#84B50F";
|
|
20
|
-
readonly o2Green10: "#F3F8E7";
|
|
21
|
-
readonly o2Green40: "#A9CB57";
|
|
22
|
-
readonly o2Green75: "#4D621D";
|
|
23
|
-
readonly pepper: "#FF374A";
|
|
24
|
-
readonly pepper10: "#FFEBED";
|
|
25
|
-
readonly pepper20: "#FFC3C8";
|
|
26
|
-
readonly pepper40: "#FF7380";
|
|
27
|
-
readonly pepper55: "#D73241";
|
|
28
|
-
readonly pepper70: "#B22634";
|
|
29
|
-
readonly orange: "#FF7F41";
|
|
30
|
-
readonly orange10: "#FFF2EC";
|
|
31
|
-
readonly orange40: "#FFA57A";
|
|
32
|
-
readonly orange80: "#73391D";
|
|
33
|
-
readonly coral: "#FF706E";
|
|
34
|
-
readonly pink: "#EB3C7D";
|
|
35
|
-
readonly pink10: "#FDEBF2";
|
|
36
|
-
readonly pink40: "#F59DBE";
|
|
37
|
-
readonly pink60: "#BC3064";
|
|
38
|
-
readonly o2GradientFirst: "#102550";
|
|
39
|
-
readonly o2GradientSecond: "#0B4680";
|
|
40
|
-
readonly o2GradientThird: "#0D71AD";
|
|
41
|
-
readonly o2GradientFourth: "#449ED0";
|
|
42
|
-
readonly grey1: "#F6F6F6";
|
|
43
|
-
readonly grey2: "#EEEEEE";
|
|
44
|
-
readonly grey3: "#DDDDDD";
|
|
45
|
-
readonly grey4: "#999999";
|
|
46
|
-
readonly grey5: "#757575";
|
|
47
|
-
readonly grey6: "#000033";
|
|
48
|
-
readonly white: "#FFFFFF";
|
|
49
|
-
readonly darkModeBlack: "#191919";
|
|
50
|
-
readonly darkModeGrey: "#242424";
|
|
51
|
-
readonly darkModeGrey6: "#313235";
|
|
52
|
-
};
|
|
53
|
-
/**
|
|
54
|
-
* @deprecated use `getO2Skin` instead
|
|
55
|
-
*/
|
|
56
|
-
export declare const getO2ClassicSkin: GetKnownSkin;
|