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