@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.
Files changed (243) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +5 -5
  3. package/dist/accordion.d.ts +2 -6
  4. package/dist/avatar.css-mistica.js +3 -3
  5. package/dist/badge.css-mistica.js +6 -6
  6. package/dist/boxed.css-mistica.js +3 -3
  7. package/dist/button-group.css-mistica.js +1 -1
  8. package/dist/button-layout.css-mistica.js +9 -9
  9. package/dist/button.css-mistica.js +27 -27
  10. package/dist/button.d.ts +12 -4
  11. package/dist/button.js +68 -63
  12. package/dist/callout.css-mistica.js +2 -2
  13. package/dist/callout.d.ts +1 -0
  14. package/dist/callout.js +11 -11
  15. package/dist/card.css-mistica.js +13 -13
  16. package/dist/card.d.ts +6 -0
  17. package/dist/card.js +301 -293
  18. package/dist/carousel.css-mistica.js +19 -19
  19. package/dist/checkbox.css-mistica.js +9 -9
  20. package/dist/chip.css-mistica.js +10 -10
  21. package/dist/circle.css-mistica.js +2 -2
  22. package/dist/community/advanced-data-card.css-mistica.js +12 -12
  23. package/dist/community/blocks.css-mistica.js +1 -1
  24. package/dist/counter.css-mistica.js +4 -4
  25. package/dist/credit-card-number-field.css-mistica.js +5 -5
  26. package/dist/cvv-field.js +30 -29
  27. package/dist/dialog.css-mistica.js +6 -6
  28. package/dist/double-field.css-mistica.js +2 -2
  29. package/dist/empty-state-card.css-mistica.js +3 -3
  30. package/dist/empty-state-card.d.ts +1 -0
  31. package/dist/empty-state-card.js +10 -9
  32. package/dist/empty-state.css-mistica.js +4 -4
  33. package/dist/empty-state.d.ts +1 -0
  34. package/dist/empty-state.js +14 -14
  35. package/dist/feedback.css-mistica.js +5 -5
  36. package/dist/feedback.js +61 -79
  37. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  38. package/dist/header.css-mistica.js +1 -1
  39. package/dist/header.d.ts +2 -0
  40. package/dist/header.js +46 -47
  41. package/dist/hero.css-mistica.js +2 -2
  42. package/dist/hero.d.ts +1 -0
  43. package/dist/hero.js +29 -29
  44. package/dist/highlighted-card.css-mistica.js +7 -7
  45. package/dist/highlighted-card.d.ts +1 -2
  46. package/dist/highlighted-card.js +9 -9
  47. package/dist/horizontal-scroll.css-mistica.js +1 -1
  48. package/dist/icon-button.css-mistica.js +14 -17
  49. package/dist/icon-button.css.d.ts +1 -1
  50. package/dist/icon-button.d.ts +0 -14
  51. package/dist/icon-button.js +84 -87
  52. package/dist/icons/icon-error.js +5 -5
  53. package/dist/icons/icon-info.js +5 -5
  54. package/dist/icons/icon-success.js +6 -7
  55. package/dist/image.css-mistica.js +3 -3
  56. package/dist/image.js +36 -32
  57. package/dist/index.d.ts +5 -12
  58. package/dist/index.js +10 -17
  59. package/dist/inline.js +8 -7
  60. package/dist/list.css-mistica.js +12 -12
  61. package/dist/list.d.ts +1 -4
  62. package/dist/list.js +143 -138
  63. package/dist/loading-bar.css-mistica.js +4 -4
  64. package/dist/loading-screen.css-mistica.js +3 -3
  65. package/dist/logo.d.ts +1 -0
  66. package/dist/logo.js +155 -137
  67. package/dist/maybe-dismissable.css-mistica.js +1 -1
  68. package/dist/maybe-dismissable.js +3 -4
  69. package/dist/menu.css-mistica.js +1 -1
  70. package/dist/navigation-bar.css-mistica.js +22 -22
  71. package/dist/navigation-bar.d.ts +2 -1
  72. package/dist/navigation-bar.js +53 -52
  73. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  74. package/dist/package-version.js +1 -1
  75. package/dist/pin-field.css-mistica.js +4 -4
  76. package/dist/popover.d.ts +0 -4
  77. package/dist/popover.js +10 -11
  78. package/dist/progress-bar.css-mistica.js +3 -3
  79. package/dist/radio-button.css-mistica.js +8 -8
  80. package/dist/responsive-layout.css-mistica.js +5 -5
  81. package/dist/screen-reader-only.css-mistica.js +1 -1
  82. package/dist/select.css-mistica.js +10 -10
  83. package/dist/select.d.ts +1 -0
  84. package/dist/select.js +65 -65
  85. package/dist/sheet.css-mistica.js +8 -8
  86. package/dist/skeletons.css-mistica.js +5 -5
  87. package/dist/skins/blau.js +5 -3
  88. package/dist/skins/constants.d.ts +1 -2
  89. package/dist/skins/constants.js +7 -10
  90. package/dist/skins/movistar.d.ts +1 -0
  91. package/dist/skins/movistar.js +6 -3
  92. package/dist/skins/o2-new.d.ts +50 -0
  93. package/dist/skins/o2-new.js +397 -0
  94. package/dist/skins/o2.d.ts +1 -0
  95. package/dist/skins/o2.js +6 -3
  96. package/dist/skins/skin-contract.css-mistica.js +138 -136
  97. package/dist/skins/skin-contract.css.d.ts +2 -0
  98. package/dist/skins/telefonica.d.ts +1 -0
  99. package/dist/skins/telefonica.js +6 -3
  100. package/dist/skins/tu.d.ts +1 -0
  101. package/dist/skins/tu.js +6 -3
  102. package/dist/skins/types/colors.d.ts +1 -0
  103. package/dist/skins/types/index.d.ts +1 -1
  104. package/dist/skins/utils.js +7 -7
  105. package/dist/skins/vivo-new.js +5 -3
  106. package/dist/skins/vivo.js +5 -3
  107. package/dist/slider.css-mistica.js +7 -7
  108. package/dist/slider.d.ts +0 -8
  109. package/dist/slider.js +95 -97
  110. package/dist/snackbar.css-mistica.js +12 -12
  111. package/dist/spinner.css-mistica.js +5 -5
  112. package/dist/sprinkles.css-mistica.js +792 -786
  113. package/dist/stacking-group.css-mistica.js +2 -2
  114. package/dist/stepper.css-mistica.js +9 -9
  115. package/dist/switch-component.css-mistica.js +26 -23
  116. package/dist/switch-component.css.d.ts +1 -0
  117. package/dist/switch-component.js +11 -10
  118. package/dist/tabs.css-mistica.js +9 -9
  119. package/dist/tag.css-mistica.js +1 -1
  120. package/dist/tag.js +34 -39
  121. package/dist/text-field-base.css-mistica.js +5 -5
  122. package/dist/text-field-components.css-mistica.js +11 -11
  123. package/dist/text-link.css-mistica.js +3 -3
  124. package/dist/text-link.d.ts +5 -0
  125. package/dist/tooltip.css-mistica.js +2 -2
  126. package/dist/tooltip.d.ts +0 -16
  127. package/dist/tooltip.js +78 -80
  128. package/dist/touchable.css-mistica.js +5 -5
  129. package/dist/touchable.d.ts +33 -19
  130. package/dist/touchable.js +54 -51
  131. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  132. package/dist/utils/browser.d.ts +1 -0
  133. package/dist/utils/browser.js +14 -0
  134. package/dist/video.css-mistica.js +1 -1
  135. package/dist-es/accordion.css-mistica.js +3 -3
  136. package/dist-es/avatar.css-mistica.js +2 -2
  137. package/dist-es/badge.css-mistica.js +2 -2
  138. package/dist-es/boxed.css-mistica.js +2 -2
  139. package/dist-es/button-group.css-mistica.js +1 -1
  140. package/dist-es/button-layout.css-mistica.js +6 -6
  141. package/dist-es/button.css-mistica.js +16 -16
  142. package/dist-es/button.js +89 -84
  143. package/dist-es/callout.css-mistica.js +2 -2
  144. package/dist-es/callout.js +37 -37
  145. package/dist-es/card.css-mistica.js +2 -2
  146. package/dist-es/card.js +442 -434
  147. package/dist-es/carousel.css-mistica.js +2 -2
  148. package/dist-es/checkbox.css-mistica.js +6 -6
  149. package/dist-es/chip.css-mistica.js +7 -7
  150. package/dist-es/circle.css-mistica.js +2 -2
  151. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  152. package/dist-es/community/blocks.css-mistica.js +1 -1
  153. package/dist-es/counter.css-mistica.js +2 -2
  154. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  155. package/dist-es/cvv-field.js +55 -54
  156. package/dist-es/dialog.css-mistica.js +5 -5
  157. package/dist-es/double-field.css-mistica.js +2 -2
  158. package/dist-es/empty-state-card.css-mistica.js +2 -2
  159. package/dist-es/empty-state-card.js +30 -29
  160. package/dist-es/empty-state.css-mistica.js +3 -3
  161. package/dist-es/empty-state.js +34 -34
  162. package/dist-es/feedback.css-mistica.js +2 -2
  163. package/dist-es/feedback.js +102 -120
  164. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  165. package/dist-es/header.css-mistica.js +1 -1
  166. package/dist-es/header.js +69 -70
  167. package/dist-es/hero.css-mistica.js +2 -2
  168. package/dist-es/hero.js +56 -56
  169. package/dist-es/highlighted-card.css-mistica.js +5 -5
  170. package/dist-es/highlighted-card.js +26 -26
  171. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  172. package/dist-es/icon-button.css-mistica.js +9 -12
  173. package/dist-es/icon-button.js +94 -97
  174. package/dist-es/icons/icon-error.js +6 -6
  175. package/dist-es/icons/icon-info.js +6 -6
  176. package/dist-es/icons/icon-success.js +9 -10
  177. package/dist-es/image.css-mistica.js +2 -2
  178. package/dist-es/image.js +38 -34
  179. package/dist-es/index.js +1762 -1763
  180. package/dist-es/inline.js +13 -12
  181. package/dist-es/list.css-mistica.js +2 -2
  182. package/dist-es/list.js +184 -179
  183. package/dist-es/loading-bar.css-mistica.js +2 -2
  184. package/dist-es/loading-screen.css-mistica.js +2 -2
  185. package/dist-es/logo.js +172 -157
  186. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  187. package/dist-es/maybe-dismissable.js +7 -8
  188. package/dist-es/menu.css-mistica.js +1 -1
  189. package/dist-es/navigation-bar.css-mistica.js +9 -9
  190. package/dist-es/navigation-bar.js +72 -71
  191. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  192. package/dist-es/package-version.js +1 -1
  193. package/dist-es/pin-field.css-mistica.js +2 -2
  194. package/dist-es/popover.js +27 -28
  195. package/dist-es/progress-bar.css-mistica.js +2 -2
  196. package/dist-es/radio-button.css-mistica.js +5 -5
  197. package/dist-es/responsive-layout.css-mistica.js +4 -4
  198. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  199. package/dist-es/select.css-mistica.js +9 -9
  200. package/dist-es/select.js +97 -97
  201. package/dist-es/sheet.css-mistica.js +2 -2
  202. package/dist-es/skeletons.css-mistica.js +2 -2
  203. package/dist-es/skins/blau.js +5 -3
  204. package/dist-es/skins/constants.js +2 -2
  205. package/dist-es/skins/movistar.js +8 -5
  206. package/dist-es/skins/o2-new.js +380 -0
  207. package/dist-es/skins/o2.js +6 -3
  208. package/dist-es/skins/skin-contract.css-mistica.js +138 -136
  209. package/dist-es/skins/telefonica.js +6 -3
  210. package/dist-es/skins/tu.js +6 -3
  211. package/dist-es/skins/utils.js +11 -11
  212. package/dist-es/skins/vivo-new.js +5 -3
  213. package/dist-es/skins/vivo.js +5 -3
  214. package/dist-es/slider.css-mistica.js +2 -2
  215. package/dist-es/slider.js +117 -119
  216. package/dist-es/snackbar.css-mistica.js +5 -5
  217. package/dist-es/spinner.css-mistica.js +2 -2
  218. package/dist-es/sprinkles.css-mistica.js +792 -786
  219. package/dist-es/stacking-group.css-mistica.js +2 -2
  220. package/dist-es/stepper.css-mistica.js +2 -2
  221. package/dist-es/style.css +1 -1
  222. package/dist-es/switch-component.css-mistica.js +19 -19
  223. package/dist-es/switch-component.js +24 -23
  224. package/dist-es/tabs.css-mistica.js +6 -6
  225. package/dist-es/tag.css-mistica.js +1 -1
  226. package/dist-es/tag.js +52 -57
  227. package/dist-es/text-field-base.css-mistica.js +2 -2
  228. package/dist-es/text-field-components.css-mistica.js +2 -2
  229. package/dist-es/text-link.css-mistica.js +3 -3
  230. package/dist-es/tooltip.css-mistica.js +2 -2
  231. package/dist-es/tooltip.js +83 -85
  232. package/dist-es/touchable.css-mistica.js +2 -2
  233. package/dist-es/touchable.js +68 -65
  234. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  235. package/dist-es/utils/browser.js +5 -0
  236. package/dist-es/video.css-mistica.js +1 -1
  237. package/package.json +2 -2
  238. package/dist/skins/movistar-legacy.d.ts +0 -47
  239. package/dist/skins/movistar-legacy.js +0 -392
  240. package/dist/skins/o2-classic.d.ts +0 -56
  241. package/dist/skins/o2-classic.js +0 -324
  242. package/dist-es/skins/movistar-legacy.js +0 -375
  243. 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;