@telefonica/mistica 16.26.0 → 16.28.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 (238) hide show
  1. package/css/blau.css +126 -110
  2. package/css/esimflag.css +12 -0
  3. package/css/mistica.css +1 -1
  4. package/css/movistar.css +12 -0
  5. package/css/o2-new.css +12 -0
  6. package/css/o2.css +12 -0
  7. package/css/telefonica.css +305 -270
  8. package/css/tu.css +12 -0
  9. package/css/vivo-new.css +14 -2
  10. package/css/vivo.css +12 -0
  11. package/dist/accordion.css-mistica.js +10 -10
  12. package/dist/align.css-mistica.js +1 -1
  13. package/dist/avatar.css-mistica.js +1 -1
  14. package/dist/badge.css-mistica.js +4 -4
  15. package/dist/box.css-mistica.js +13 -13
  16. package/dist/boxed.css-mistica.js +24 -24
  17. package/dist/button-group.css-mistica.js +4 -4
  18. package/dist/button-layout.css-mistica.js +15 -15
  19. package/dist/button-layout.css.d.ts +3 -3
  20. package/dist/button.css-mistica.js +34 -34
  21. package/dist/callout.css-mistica.js +8 -8
  22. package/dist/callout.css.d.ts +1 -1
  23. package/dist/card.css-mistica.js +14 -14
  24. package/dist/carousel.css-mistica.js +20 -20
  25. package/dist/checkbox.css-mistica.js +9 -9
  26. package/dist/chip.css-mistica.js +18 -18
  27. package/dist/circle.css-mistica.js +1 -1
  28. package/dist/community/advanced-data-card.css-mistica.js +17 -17
  29. package/dist/community/blocks.css-mistica.js +1 -1
  30. package/dist/community/example-component.css-mistica.js +1 -1
  31. package/dist/counter.css-mistica.js +1 -1
  32. package/dist/cover-hero.css-mistica.js +10 -10
  33. package/dist/credit-card-number-field.css-mistica.js +5 -5
  34. package/dist/date-field.css-mistica.js +1 -1
  35. package/dist/date-time-picker.css-mistica.js +1 -1
  36. package/dist/dialog.css-mistica.js +8 -8
  37. package/dist/divider.css-mistica.js +2 -2
  38. package/dist/divider.css.d.ts +1 -1
  39. package/dist/double-field.css-mistica.js +4 -4
  40. package/dist/drawer.css-mistica.js +5 -5
  41. package/dist/empty-state-card.css-mistica.js +2 -2
  42. package/dist/empty-state.css-mistica.js +5 -5
  43. package/dist/fade-in.css-mistica.js +1 -1
  44. package/dist/feedback.css-mistica.js +3 -3
  45. package/dist/feedback.js +38 -38
  46. package/dist/fixed-footer-layout.css-mistica.js +7 -7
  47. package/dist/form.css-mistica.js +2 -2
  48. package/dist/grid-layout.css-mistica.js +3 -3
  49. package/dist/grid.css-mistica.js +122 -122
  50. package/dist/grid.css.d.ts +6 -6
  51. package/dist/header.css-mistica.js +4 -4
  52. package/dist/hero.css-mistica.js +4 -4
  53. package/dist/highlighted-card.css-mistica.js +4 -4
  54. package/dist/horizontal-scroll.css-mistica.js +2 -2
  55. package/dist/icon-button.css-mistica.js +44 -44
  56. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  57. package/dist/icons/icon-error.css-mistica.js +1 -1
  58. package/dist/image.css-mistica.js +6 -6
  59. package/dist/inline.css-mistica.js +10 -10
  60. package/dist/list.css-mistica.js +11 -11
  61. package/dist/loading-bar.css-mistica.js +3 -3
  62. package/dist/loading-screen.css-mistica.js +4 -4
  63. package/dist/loading-screen.css.d.ts +1 -1
  64. package/dist/loading-screen.js +31 -31
  65. package/dist/logo.css-mistica.js +5 -5
  66. package/dist/maybe-dismissable.css-mistica.js +2 -2
  67. package/dist/menu.css-mistica.js +16 -16
  68. package/dist/mosaic.css-mistica.js +1 -1
  69. package/dist/navigation-bar.css-mistica.js +50 -50
  70. package/dist/navigation-bar.css.d.ts +3 -3
  71. package/dist/navigation-breadcrumbs.css-mistica.js +4 -4
  72. package/dist/package-version.js +1 -1
  73. package/dist/pin-field.css-mistica.js +2 -2
  74. package/dist/popover.css-mistica.js +1 -1
  75. package/dist/progress-bar.css-mistica.js +4 -4
  76. package/dist/progress-bar.css.d.ts +1 -1
  77. package/dist/radio-button.css-mistica.js +16 -16
  78. package/dist/rating.css-mistica.js +5 -5
  79. package/dist/responsive-layout.css-mistica.js +7 -7
  80. package/dist/screen-reader-only.css-mistica.js +1 -1
  81. package/dist/select.css-mistica.js +24 -24
  82. package/dist/sheet-action-row.css-mistica.js +1 -1
  83. package/dist/sheet-common.css-mistica.js +11 -11
  84. package/dist/sheet-info.css-mistica.js +1 -1
  85. package/dist/skeletons.css-mistica.js +6 -6
  86. package/dist/skeletons.css.d.ts +1 -1
  87. package/dist/skins/blau.d.ts +2 -0
  88. package/dist/skins/blau.js +69 -57
  89. package/dist/skins/defaults.d.ts +2 -1
  90. package/dist/skins/defaults.js +6 -0
  91. package/dist/skins/esimflag.js +10 -0
  92. package/dist/skins/movistar.js +10 -0
  93. package/dist/skins/o2-new.js +10 -0
  94. package/dist/skins/o2.js +10 -0
  95. package/dist/skins/skin-contract.css-mistica.js +354 -348
  96. package/dist/skins/skin-contract.css.d.ts +6 -0
  97. package/dist/skins/telefonica.d.ts +13 -2
  98. package/dist/skins/telefonica.js +160 -139
  99. package/dist/skins/tu.js +10 -0
  100. package/dist/skins/types/colors.d.ts +3 -0
  101. package/dist/skins/types/index.d.ts +7 -0
  102. package/dist/skins/vivo-new.js +11 -1
  103. package/dist/skins/vivo.js +10 -0
  104. package/dist/slider.css-mistica.js +14 -14
  105. package/dist/slider.css.d.ts +3 -3
  106. package/dist/snackbar.css-mistica.js +13 -13
  107. package/dist/spinner.css-mistica.js +3 -3
  108. package/dist/sprinkles.css.d.ts +3 -3
  109. package/dist/stack.css-mistica.js +5 -5
  110. package/dist/stacking-group.css-mistica.js +1 -1
  111. package/dist/stepper.css-mistica.js +7 -7
  112. package/dist/switch-component.css-mistica.js +37 -37
  113. package/dist/table.css-mistica.js +8 -8
  114. package/dist/table.css.d.ts +1 -1
  115. package/dist/tabs.css-mistica.js +18 -18
  116. package/dist/tabs.css.d.ts +1 -1
  117. package/dist/tag.css-mistica.js +1 -1
  118. package/dist/text-field-base.css-mistica.js +16 -16
  119. package/dist/text-field-components.css-mistica.js +14 -14
  120. package/dist/text-link.css-mistica.js +5 -5
  121. package/dist/text.css-mistica.js +7 -7
  122. package/dist/theme-context-provider.js +27 -26
  123. package/dist/theme-context.css-mistica.js +394 -388
  124. package/dist/theme-context.css.d.ts +6 -0
  125. package/dist/theme.d.ts +2 -1
  126. package/dist/timeline.css-mistica.js +12 -12
  127. package/dist/timeline.css.d.ts +1 -1
  128. package/dist/timer.css-mistica.js +6 -6
  129. package/dist/timer.css.d.ts +1 -1
  130. package/dist/tooltip.css-mistica.js +3 -3
  131. package/dist/touchable.css-mistica.js +3 -3
  132. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  133. package/dist/video.css-mistica.js +1 -1
  134. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  135. package/dist-es/accordion.css-mistica.js +7 -7
  136. package/dist-es/align.css-mistica.js +1 -1
  137. package/dist-es/avatar.css-mistica.js +1 -1
  138. package/dist-es/badge.css-mistica.js +2 -2
  139. package/dist-es/box.css-mistica.js +13 -13
  140. package/dist-es/boxed.css-mistica.js +23 -23
  141. package/dist-es/button-group.css-mistica.js +2 -2
  142. package/dist-es/button-layout.css-mistica.js +14 -14
  143. package/dist-es/button.css-mistica.js +22 -22
  144. package/dist-es/callout.css-mistica.js +6 -6
  145. package/dist-es/card.css-mistica.js +4 -4
  146. package/dist-es/carousel.css-mistica.js +7 -7
  147. package/dist-es/checkbox.css-mistica.js +8 -8
  148. package/dist-es/chip.css-mistica.js +13 -13
  149. package/dist-es/circle.css-mistica.js +1 -1
  150. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  151. package/dist-es/community/blocks.css-mistica.js +1 -1
  152. package/dist-es/community/example-component.css-mistica.js +1 -1
  153. package/dist-es/counter.css-mistica.js +1 -1
  154. package/dist-es/cover-hero.css-mistica.js +4 -4
  155. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  156. package/dist-es/date-field.css-mistica.js +1 -1
  157. package/dist-es/date-time-picker.css-mistica.js +1 -1
  158. package/dist-es/dialog.css-mistica.js +5 -5
  159. package/dist-es/divider.css-mistica.js +2 -2
  160. package/dist-es/double-field.css-mistica.js +4 -4
  161. package/dist-es/drawer.css-mistica.js +2 -2
  162. package/dist-es/empty-state-card.css-mistica.js +2 -2
  163. package/dist-es/empty-state.css-mistica.js +5 -5
  164. package/dist-es/fade-in.css-mistica.js +1 -1
  165. package/dist-es/feedback.css-mistica.js +2 -2
  166. package/dist-es/feedback.js +60 -60
  167. package/dist-es/fixed-footer-layout.css-mistica.js +5 -5
  168. package/dist-es/form.css-mistica.js +2 -2
  169. package/dist-es/grid-layout.css-mistica.js +3 -3
  170. package/dist-es/grid.css-mistica.js +122 -122
  171. package/dist-es/header.css-mistica.js +2 -2
  172. package/dist-es/hero.css-mistica.js +3 -3
  173. package/dist-es/highlighted-card.css-mistica.js +4 -4
  174. package/dist-es/horizontal-scroll.css-mistica.js +2 -2
  175. package/dist-es/icon-button.css-mistica.js +43 -43
  176. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  177. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  178. package/dist-es/image.css-mistica.js +4 -4
  179. package/dist-es/inline.css-mistica.js +10 -10
  180. package/dist-es/list.css-mistica.js +2 -2
  181. package/dist-es/loading-bar.css-mistica.js +2 -2
  182. package/dist-es/loading-screen.css-mistica.js +4 -4
  183. package/dist-es/loading-screen.js +56 -56
  184. package/dist-es/logo.css-mistica.js +5 -5
  185. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  186. package/dist-es/menu.css-mistica.js +14 -14
  187. package/dist-es/mosaic.css-mistica.js +1 -1
  188. package/dist-es/navigation-bar.css-mistica.js +17 -17
  189. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  190. package/dist-es/package-version.js +1 -1
  191. package/dist-es/pin-field.css-mistica.js +2 -2
  192. package/dist-es/popover.css-mistica.js +1 -1
  193. package/dist-es/progress-bar.css-mistica.js +4 -4
  194. package/dist-es/radio-button.css-mistica.js +15 -15
  195. package/dist-es/rating.css-mistica.js +3 -3
  196. package/dist-es/responsive-layout.css-mistica.js +6 -6
  197. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  198. package/dist-es/select.css-mistica.js +18 -18
  199. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  200. package/dist-es/sheet-common.css-mistica.js +2 -2
  201. package/dist-es/sheet-info.css-mistica.js +1 -1
  202. package/dist-es/skeletons.css-mistica.js +5 -5
  203. package/dist-es/skins/blau.js +69 -57
  204. package/dist-es/skins/defaults.js +4 -1
  205. package/dist-es/skins/esimflag.js +10 -0
  206. package/dist-es/skins/movistar.js +10 -0
  207. package/dist-es/skins/o2-new.js +10 -0
  208. package/dist-es/skins/o2.js +10 -0
  209. package/dist-es/skins/skin-contract.css-mistica.js +354 -348
  210. package/dist-es/skins/telefonica.js +160 -139
  211. package/dist-es/skins/tu.js +10 -0
  212. package/dist-es/skins/vivo-new.js +11 -1
  213. package/dist-es/skins/vivo.js +10 -0
  214. package/dist-es/slider.css-mistica.js +11 -11
  215. package/dist-es/snackbar.css-mistica.js +5 -5
  216. package/dist-es/spinner.css-mistica.js +2 -2
  217. package/dist-es/stack.css-mistica.js +5 -5
  218. package/dist-es/stacking-group.css-mistica.js +1 -1
  219. package/dist-es/stepper.css-mistica.js +3 -3
  220. package/dist-es/style.css +1 -1
  221. package/dist-es/switch-component.css-mistica.js +29 -29
  222. package/dist-es/table.css-mistica.js +8 -8
  223. package/dist-es/tabs.css-mistica.js +14 -14
  224. package/dist-es/tag.css-mistica.js +1 -1
  225. package/dist-es/text-field-base.css-mistica.js +2 -2
  226. package/dist-es/text-field-components.css-mistica.js +5 -5
  227. package/dist-es/text-link.css-mistica.js +5 -5
  228. package/dist-es/text.css-mistica.js +7 -7
  229. package/dist-es/theme-context-provider.js +47 -46
  230. package/dist-es/theme-context.css-mistica.js +394 -388
  231. package/dist-es/timeline.css-mistica.js +11 -11
  232. package/dist-es/timer.css-mistica.js +6 -6
  233. package/dist-es/tooltip.css-mistica.js +2 -2
  234. package/dist-es/touchable.css-mistica.js +2 -2
  235. package/dist-es/utils/aspect-ratio-support.css-mistica.js +4 -4
  236. package/dist-es/video.css-mistica.js +1 -1
  237. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  238. package/package.json +1 -1
package/css/telefonica.css CHANGED
@@ -1,47 +1,55 @@
1
1
  [data-mistica-skin='telefonica'] {
2
2
  /* Palette colors */
3
3
  --mistica-telefonica-white: #ffffff;
4
- --mistica-telefonica-coral10: #fdf0ef;
4
+ --mistica-telefonica-coral10: #f9eeed;
5
5
  --mistica-telefonica-telefonicaBlue: #0066ff;
6
6
  --mistica-telefonica-telefonicaBlue70: #0356c9;
7
- --mistica-telefonica-grey1: #f2f4ff;
7
+ --mistica-telefonica-grey1: #f7f7ff;
8
8
  --mistica-telefonica-grey2: #d1d5e4;
9
9
  --mistica-telefonica-grey5: #6e7894;
10
- --mistica-telefonica-coral: #e66c64;
11
- --mistica-telefonica-coral80: #912c31;
12
- --mistica-telefonica-telefonicaBlue30: #80b3ff;
10
+ --mistica-telefonica-coral60: #d22a1e;
11
+ --mistica-telefonica-coral65: #c82c1e;
13
12
  --mistica-telefonica-telefonicaBlue10: #e5f0ff;
14
- --mistica-telefonica-grey4: #848ca4;
15
- --mistica-telefonica-grey3: #b0b6ca;
16
- --mistica-telefonica-coral70: #d50000;
13
+ --mistica-telefonica-telefonicaBlue30: #80b3ff;
17
14
  --mistica-telefonica-grey9: #031a34;
18
15
  --mistica-telefonica-grey6: #58617a;
19
- --mistica-telefonica-turquoise: #59c2c9;
20
- --mistica-telefonica-ambar: #eac344;
21
- --mistica-telefonica-orchid: #c466ef;
22
- --mistica-telefonica-coral40: #e3a19a;
23
- --mistica-telefonica-turquoise10: #eef9fa;
24
- --mistica-telefonica-ambar10: #fdf9ec;
25
- --mistica-telefonica-orchid10: #f9f0fd;
26
- --mistica-telefonica-turquoise70: #3e888d;
27
- --mistica-telefonica-ambar70: #69581f;
28
- --mistica-telefonica-orchid70: #8a1a93;
29
- --mistica-telefonica-darkModeBlack: #191919;
30
- --mistica-telefonica-darkModeGrey: #242424;
31
- --mistica-telefonica-darkModeGrey6: #313235;
32
- --mistica-telefonica-telefonicaBlue20: #b2d1ff;
16
+ --mistica-telefonica-turquoise: #75c0c7;
17
+ --mistica-telefonica-yellow70: #a7863e;
18
+ --mistica-telefonica-orchid: #b86be8;
19
+ --mistica-telefonica-coral30: #f2b1a5;
20
+ --mistica-telefonica-turquoise10: #ebffff;
21
+ --mistica-telefonica-yellow15: #fcf7db;
22
+ --mistica-telefonica-orchid10: #f8f0fd;
23
+ --mistica-telefonica-turquoise70: #528889;
24
+ --mistica-telefonica-orchid70: #7f258e;
25
+ --mistica-telefonica-grey4: #8f97af;
26
+ --mistica-telefonica-orchid80: #471551;
27
+ --mistica-telefonica-turquoise80: #253d3c;
28
+ --mistica-telefonica-yellow80: #473515;
29
+ --mistica-telefonica-darkModeBlack: #000522;
30
+ --mistica-telefonica-darkModeGrey: #00182f;
33
31
  --mistica-telefonica-grey8: #2b3447;
34
- --mistica-telefonica-turquoise40: #8bd4d9;
35
- --mistica-telefonica-ambar40: #f0d57c;
36
- --mistica-telefonica-orchid40: #d694f4;
32
+ --mistica-telefonica-darkModeTelefonicaBlue: #227aff;
33
+ --mistica-telefonica-coral: #d6786b;
34
+ --mistica-telefonica-darkModeGrey6: #00264d;
35
+ --mistica-telefonica-telefonicaBlue20: #b2d1ff;
36
+ --mistica-telefonica-grey3: #b0b6ca;
37
+ --mistica-telefonica-yellow: #e4c35c;
38
+ --mistica-telefonica-turquoise40: #9ed3d8;
39
+ --mistica-telefonica-yellow40: #f3e996;
40
+ --mistica-telefonica-orchid40: #cd97ef;
41
+ --mistica-telefonica-telefonicaBlue80: #002e73;
42
+ --mistica-telefonica-coral90: #491818;
37
43
 
38
44
  /* Raw palette colors, for use with rgba() */
39
45
  --mistica-telefonica-raw-telefonicaBlue70: 3, 86, 201;
40
- --mistica-telefonica-raw-darkModeBlack: 25, 25, 25;
46
+ --mistica-telefonica-raw-darkModeBlack: 0, 5, 34;
41
47
  --mistica-telefonica-raw-grey6: 88, 97, 122;
42
48
  --mistica-telefonica-raw-white: 255, 255, 255;
43
49
  --mistica-telefonica-raw-black: 0, 0, 0;
44
- --mistica-telefonica-raw-darkModeGrey: 36, 36, 36;
50
+ --mistica-telefonica-raw-darkModeGrey: 0, 24, 47;
51
+ --mistica-telefonica-raw-coral60: 210, 42, 30;
52
+ --mistica-telefonica-raw-telefonicaBlue30: 128, 179, 255;
45
53
 
46
54
  /* Colors */
47
55
  --mistica-color-appBarBackground: var(--mistica-telefonica-white);
@@ -71,9 +79,9 @@
71
79
  --mistica-color-borderSelected: var(--mistica-telefonica-telefonicaBlue);
72
80
  --mistica-color-coverBackgroundHover: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.25);
73
81
  --mistica-color-coverBackgroundPressed: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.35);
74
- --mistica-color-buttonDangerBackground: var(--mistica-telefonica-coral);
75
- --mistica-color-buttonDangerBackgroundPressed: var(--mistica-telefonica-coral80);
76
- --mistica-color-buttonDangerBackgroundHover: var(--mistica-telefonica-coral80);
82
+ --mistica-color-buttonDangerBackground: var(--mistica-telefonica-coral60);
83
+ --mistica-color-buttonDangerBackgroundPressed: var(--mistica-telefonica-coral65);
84
+ --mistica-color-buttonDangerBackgroundHover: var(--mistica-telefonica-coral65);
77
85
  --mistica-color-buttonLinkDangerBackgroundPressed: var(--mistica-telefonica-coral10);
78
86
  --mistica-color-buttonLinkDangerBackgroundInverse: var(--mistica-telefonica-white);
79
87
  --mistica-color-buttonLinkDangerBackgroundInversePressed: var(--mistica-telefonica-coral10);
@@ -83,7 +91,7 @@
83
91
  --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-telefonica-white);
84
92
  --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-telefonica-telefonicaBlue70);
85
93
  --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-telefonica-telefonicaBlue70);
86
- --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-telefonica-telefonicaBlue30);
94
+ --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-telefonica-telefonicaBlue10);
87
95
  --mistica-color-buttonSecondaryBorder: var(--mistica-telefonica-telefonicaBlue);
88
96
  --mistica-color-buttonSecondaryBorderPressed: var(--mistica-telefonica-telefonicaBlue70);
89
97
  --mistica-color-buttonSecondaryBackgroundHover: var(--mistica-telefonica-telefonicaBlue10);
@@ -94,23 +102,26 @@
94
102
  --mistica-color-buttonSecondaryBackgroundInversePressed: rgba(var(--mistica-telefonica-raw-white), 0.1);
95
103
  --mistica-color-textButtonPrimary: var(--mistica-telefonica-white);
96
104
  --mistica-color-textButtonPrimaryInverse: var(--mistica-telefonica-telefonicaBlue);
97
- --mistica-color-textButtonPrimaryInversePressed: var(--mistica-telefonica-telefonicaBlue);
105
+ --mistica-color-textButtonPrimaryInversePressed: var(--mistica-telefonica-telefonicaBlue70);
98
106
  --mistica-color-textButtonSecondary: var(--mistica-telefonica-telefonicaBlue);
99
107
  --mistica-color-textButtonSecondaryPressed: var(--mistica-telefonica-telefonicaBlue70);
100
108
  --mistica-color-textButtonSecondaryInverse: var(--mistica-telefonica-white);
101
109
  --mistica-color-textButtonSecondaryInversePressed: var(--mistica-telefonica-white);
102
110
  --mistica-color-textLink: var(--mistica-telefonica-telefonicaBlue);
103
111
  --mistica-color-textLinkInverse: var(--mistica-telefonica-white);
104
- --mistica-color-textLinkDanger: var(--mistica-telefonica-coral);
112
+ --mistica-color-textLinkDanger: var(--mistica-telefonica-coral60);
105
113
  --mistica-color-textLinkSnackbar: var(--mistica-telefonica-telefonicaBlue30);
106
- --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue);
107
- --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue);
108
- --mistica-color-inputBorder: var(--mistica-telefonica-grey4);
109
- --mistica-color-control: var(--mistica-telefonica-grey3);
114
+ --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue70);
115
+ --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue70);
116
+ --mistica-color-inputBorder: var(--mistica-telefonica-grey5);
117
+ --mistica-color-inputBorderInverse: var(--mistica-telefonica-white);
118
+ --mistica-color-completedStep: var(--mistica-telefonica-telefonicaBlue);
119
+ --mistica-color-completedStepInverse: var(--mistica-telefonica-telefonicaBlue70);
120
+ --mistica-color-control: var(--mistica-telefonica-grey5);
110
121
  --mistica-color-controlActivated: var(--mistica-telefonica-telefonicaBlue);
111
122
  --mistica-color-controlInverse: var(--mistica-telefonica-grey1);
112
123
  --mistica-color-controlActivatedInverse: var(--mistica-telefonica-white);
113
- --mistica-color-controlError: var(--mistica-telefonica-coral);
124
+ --mistica-color-controlError: var(--mistica-telefonica-coral60);
114
125
  --mistica-color-barTrack: var(--mistica-telefonica-grey2);
115
126
  --mistica-color-barTrackInverse: rgba(var(--mistica-telefonica-raw-white), 0.3);
116
127
  --mistica-color-loadingBar: var(--mistica-telefonica-telefonicaBlue30);
@@ -122,8 +133,8 @@
122
133
  --mistica-color-divider: var(--mistica-telefonica-grey2);
123
134
  --mistica-color-dividerInverse: rgba(var(--mistica-telefonica-raw-white), 0.2);
124
135
  --mistica-color-navigationBarDivider: var(--mistica-telefonica-telefonicaBlue);
125
- --mistica-color-badge: var(--mistica-telefonica-coral70);
126
- --mistica-color-feedbackErrorBackground: var(--mistica-telefonica-coral);
136
+ --mistica-color-badge: var(--mistica-telefonica-coral60);
137
+ --mistica-color-feedbackErrorBackground: var(--mistica-telefonica-coral60);
127
138
  --mistica-color-feedbackInfoBackground: var(--mistica-telefonica-grey9);
128
139
  --mistica-color-brand: var(--mistica-telefonica-telefonicaBlue);
129
140
  --mistica-color-brandHigh: var(--mistica-telefonica-telefonicaBlue70);
@@ -136,61 +147,61 @@
136
147
  --mistica-color-textPrimary: var(--mistica-telefonica-grey9);
137
148
  --mistica-color-textPrimaryInverse: var(--mistica-telefonica-white);
138
149
  --mistica-color-textSecondary: var(--mistica-telefonica-grey6);
139
- --mistica-color-textSecondaryInverse: var(--mistica-telefonica-telefonicaBlue10);
140
- --mistica-color-error: var(--mistica-telefonica-coral);
141
- --mistica-color-textError: var(--mistica-telefonica-coral);
150
+ --mistica-color-textSecondaryInverse: var(--mistica-telefonica-white);
151
+ --mistica-color-error: var(--mistica-telefonica-coral60);
152
+ --mistica-color-textError: var(--mistica-telefonica-coral60);
142
153
  --mistica-color-textErrorInverse: var(--mistica-telefonica-white);
143
154
  --mistica-color-success: var(--mistica-telefonica-turquoise);
144
- --mistica-color-warning: var(--mistica-telefonica-ambar);
155
+ --mistica-color-warning: var(--mistica-telefonica-yellow70);
145
156
  --mistica-color-promo: var(--mistica-telefonica-orchid);
146
- --mistica-color-highlight: var(--mistica-telefonica-coral40);
157
+ --mistica-color-highlight: var(--mistica-telefonica-coral30);
147
158
  --mistica-color-successLow: var(--mistica-telefonica-turquoise10);
148
- --mistica-color-warningLow: var(--mistica-telefonica-ambar10);
159
+ --mistica-color-warningLow: var(--mistica-telefonica-yellow15);
149
160
  --mistica-color-errorLow: var(--mistica-telefonica-coral10);
150
161
  --mistica-color-promoLow: var(--mistica-telefonica-orchid10);
151
162
  --mistica-color-brandLow: var(--mistica-telefonica-telefonicaBlue10);
152
163
  --mistica-color-successHigh: var(--mistica-telefonica-turquoise70);
153
- --mistica-color-warningHigh: var(--mistica-telefonica-ambar70);
154
- --mistica-color-errorHigh: var(--mistica-telefonica-coral70);
164
+ --mistica-color-warningHigh: var(--mistica-telefonica-yellow70);
165
+ --mistica-color-errorHigh: var(--mistica-telefonica-coral65);
155
166
  --mistica-color-promoHigh: var(--mistica-telefonica-orchid70);
156
167
  --mistica-color-successHighInverse: var(--mistica-telefonica-turquoise70);
157
- --mistica-color-warningHighInverse: var(--mistica-telefonica-ambar70);
158
- --mistica-color-errorHighInverse: var(--mistica-telefonica-coral70);
168
+ --mistica-color-warningHighInverse: var(--mistica-telefonica-yellow70);
169
+ --mistica-color-errorHighInverse: var(--mistica-telefonica-coral65);
159
170
  --mistica-color-promoHighInverse: var(--mistica-telefonica-orchid70);
160
171
  --mistica-color-textNavigationBarPrimary: var(--mistica-telefonica-white);
161
172
  --mistica-color-textNavigationBarSecondary: var(--mistica-telefonica-grey1);
162
173
  --mistica-color-textNavigationSearchBarHint: var(--mistica-telefonica-grey1);
163
174
  --mistica-color-textNavigationSearchBarText: var(--mistica-telefonica-white);
164
175
  --mistica-color-textAppBar: var(--mistica-telefonica-grey4);
165
- --mistica-color-textAppBarSelected: var(--mistica-telefonica-telefonicaBlue);
166
- --mistica-color-customTabsBackground: var(--mistica-telefonica-telefonicaBlue);
167
- --mistica-color-tagTextPromo: var(--mistica-telefonica-orchid70);
168
- --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue);
169
- --mistica-color-tagTextInactive: var(--mistica-telefonica-grey5);
170
- --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue);
171
- --mistica-color-tagTextSuccess: var(--mistica-telefonica-turquoise70);
172
- --mistica-color-tagTextWarning: var(--mistica-telefonica-ambar70);
173
- --mistica-color-tagTextError: var(--mistica-telefonica-coral70);
176
+ --mistica-color-textAppBarSelected: var(--mistica-telefonica-telefonicaBlue70);
177
+ --mistica-color-customTabsBackground: var(--mistica-telefonica-telefonicaBlue70);
178
+ --mistica-color-tagTextPromo: var(--mistica-telefonica-orchid80);
179
+ --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue70);
180
+ --mistica-color-tagTextInactive: var(--mistica-telefonica-grey6);
181
+ --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue70);
182
+ --mistica-color-tagTextSuccess: var(--mistica-telefonica-turquoise80);
183
+ --mistica-color-tagTextWarning: var(--mistica-telefonica-yellow80);
184
+ --mistica-color-tagTextError: var(--mistica-telefonica-coral65);
174
185
  --mistica-color-tagBackgroundPromo: var(--mistica-telefonica-orchid10);
175
- --mistica-color-tagBackgroundActive: var(--mistica-telefonica-telefonicaBlue10);
186
+ --mistica-color-tagBackgroundActive: var(--mistica-telefonica-grey1);
176
187
  --mistica-color-tagBackgroundInactive: var(--mistica-telefonica-grey1);
177
188
  --mistica-color-tagBackgroundInfo: var(--mistica-telefonica-telefonicaBlue10);
178
189
  --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-turquoise10);
179
- --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-ambar10);
190
+ --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-yellow15);
180
191
  --mistica-color-tagBackgroundError: var(--mistica-telefonica-coral10);
181
- --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid70);
182
- --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
183
- --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
184
- --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue);
185
- --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise70);
186
- --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar70);
187
- --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral70);
192
+ --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid80);
193
+ --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue70);
194
+ --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey6);
195
+ --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue70);
196
+ --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise80);
197
+ --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-yellow80);
198
+ --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral65);
188
199
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-orchid10);
189
- --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-telefonicaBlue10);
200
+ --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-grey1);
190
201
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-grey1);
191
202
  --mistica-color-tagBackgroundInfoInverse: var(--mistica-telefonica-telefonicaBlue10);
192
203
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-turquoise10);
193
- --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-ambar10);
204
+ --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-yellow15);
194
205
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-coral10);
195
206
  --mistica-color-cardContentOverlay: linear-gradient(
196
207
  180deg,
@@ -263,40 +274,46 @@
263
274
  --mistica-color-backgroundBrandSecondary: var(--mistica-telefonica-darkModeBlack);
264
275
  --mistica-color-backgroundContainer: var(--mistica-telefonica-darkModeGrey);
265
276
  --mistica-color-backgroundContainerError: var(--mistica-telefonica-darkModeGrey);
266
- --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-white), 0.05);
267
- --mistica-color-backgroundContainerPressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
277
+ --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-telefonicaBlue70), 0.05);
278
+ --mistica-color-backgroundContainerPressed: rgba(var(--mistica-telefonica-raw-telefonicaBlue70), 0.08);
268
279
  --mistica-color-backgroundContainerBrand: var(--mistica-telefonica-darkModeGrey);
269
280
  --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-telefonica-raw-white), 0.03);
270
281
  --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-telefonica-raw-white), 0.05);
271
282
  --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-telefonica-darkModeGrey);
272
283
  --mistica-color-backgroundContainerAlternative: var(--mistica-telefonica-darkModeGrey);
273
284
  --mistica-color-backgroundOverlay: rgba(var(--mistica-telefonica-raw-darkModeGrey), 0.8);
274
- --mistica-color-backgroundSkeleton: var(--mistica-telefonica-grey6);
275
- --mistica-color-backgroundSkeletonInverse: var(--mistica-telefonica-grey6);
285
+ --mistica-color-backgroundSkeleton: var(--mistica-telefonica-grey8);
286
+ --mistica-color-backgroundSkeletonInverse: var(--mistica-telefonica-grey8);
276
287
  --mistica-color-backgroundBrandTop: var(--mistica-telefonica-darkModeBlack);
277
288
  --mistica-color-backgroundBrandBottom: var(--mistica-telefonica-darkModeBlack);
278
289
  --mistica-color-appBarBackground: var(--mistica-telefonica-darkModeGrey);
279
290
  --mistica-color-navigationBarBackground: var(--mistica-telefonica-darkModeBlack);
280
- --mistica-color-skeletonWave: var(--mistica-telefonica-grey5);
291
+ --mistica-color-skeletonWave: var(--mistica-telefonica-grey8);
281
292
  --mistica-color-borderLow: var(--mistica-telefonica-darkModeBlack);
282
293
  --mistica-color-border: var(--mistica-telefonica-darkModeGrey);
283
294
  --mistica-color-borderHigh: var(--mistica-telefonica-grey5);
284
- --mistica-color-borderSelected: var(--mistica-telefonica-telefonicaBlue);
295
+ --mistica-color-borderSelected: var(--mistica-telefonica-darkModeTelefonicaBlue);
285
296
  --mistica-color-coverBackgroundHover: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.25);
286
297
  --mistica-color-coverBackgroundPressed: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.35);
287
- --mistica-color-buttonDangerBackground: var(--mistica-telefonica-coral);
288
- --mistica-color-buttonDangerBackgroundPressed: var(--mistica-telefonica-coral80);
289
- --mistica-color-buttonDangerBackgroundHover: var(--mistica-telefonica-coral80);
290
- --mistica-color-buttonLinkDangerBackgroundPressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
291
- --mistica-color-buttonLinkDangerBackgroundInverse: rgba(var(--mistica-telefonica-raw-white), 0);
292
- --mistica-color-buttonLinkDangerBackgroundInversePressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
293
- --mistica-color-buttonLinkBackgroundPressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
294
- --mistica-color-buttonLinkBackgroundInversePressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
298
+ --mistica-color-buttonDangerBackground: var(--mistica-telefonica-coral60);
299
+ --mistica-color-buttonDangerBackgroundPressed: var(--mistica-telefonica-coral65);
300
+ --mistica-color-buttonDangerBackgroundHover: var(--mistica-telefonica-coral65);
301
+ --mistica-color-buttonLinkDangerBackgroundPressed: rgba(var(--mistica-telefonica-raw-coral60), 0.16);
302
+ --mistica-color-buttonLinkDangerBackgroundInverse: rgba(var(--mistica-telefonica-raw-coral60), 0.16);
303
+ --mistica-color-buttonLinkDangerBackgroundInversePressed: rgba(
304
+ var(--mistica-telefonica-raw-coral60),
305
+ 0.16
306
+ );
307
+ --mistica-color-buttonLinkBackgroundPressed: rgba(var(--mistica-telefonica-raw-telefonicaBlue30), 0.16);
308
+ --mistica-color-buttonLinkBackgroundInversePressed: rgba(
309
+ var(--mistica-telefonica-raw-telefonicaBlue30),
310
+ 0.16
311
+ );
295
312
  --mistica-color-buttonPrimaryBackground: var(--mistica-telefonica-telefonicaBlue);
296
- --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-telefonica-telefonicaBlue);
313
+ --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-telefonica-white);
297
314
  --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-telefonica-telefonicaBlue70);
298
315
  --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-telefonica-telefonicaBlue70);
299
- --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-telefonica-telefonicaBlue70);
316
+ --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-telefonica-telefonicaBlue10);
300
317
  --mistica-color-buttonSecondaryBackgroundPressed: rgba(var(--mistica-telefonica-raw-white), 0.15);
301
318
  --mistica-color-buttonSecondaryBorder: var(--mistica-telefonica-white);
302
319
  --mistica-color-buttonSecondaryBackgroundHover: rgba(var(--mistica-telefonica-raw-white), 0.15);
@@ -305,106 +322,109 @@
305
322
  --mistica-color-buttonSecondaryBorderInversePressed: var(--mistica-telefonica-white);
306
323
  --mistica-color-buttonSecondaryBackgroundInverseHover: rgba(var(--mistica-telefonica-raw-white), 0.15);
307
324
  --mistica-color-buttonSecondaryBackgroundInversePressed: rgba(var(--mistica-telefonica-raw-white), 0.15);
308
- --mistica-color-textButtonPrimary: var(--mistica-telefonica-grey2);
309
- --mistica-color-textButtonPrimaryInverse: var(--mistica-telefonica-grey2);
310
- --mistica-color-textButtonPrimaryInversePressed: var(--mistica-telefonica-grey2);
311
- --mistica-color-textButtonSecondary: var(--mistica-telefonica-grey2);
312
- --mistica-color-textButtonSecondaryPressed: var(--mistica-telefonica-grey2);
313
- --mistica-color-textButtonSecondaryInverse: var(--mistica-telefonica-grey2);
314
- --mistica-color-textButtonSecondaryInversePressed: var(--mistica-telefonica-grey2);
315
- --mistica-color-textLink: var(--mistica-telefonica-telefonicaBlue);
316
- --mistica-color-textLinkInverse: var(--mistica-telefonica-telefonicaBlue);
325
+ --mistica-color-textButtonPrimary: var(--mistica-telefonica-white);
326
+ --mistica-color-textButtonPrimaryInverse: var(--mistica-telefonica-telefonicaBlue);
327
+ --mistica-color-textButtonPrimaryInversePressed: var(--mistica-telefonica-telefonicaBlue70);
328
+ --mistica-color-textButtonSecondary: var(--mistica-telefonica-white);
329
+ --mistica-color-textButtonSecondaryPressed: var(--mistica-telefonica-white);
330
+ --mistica-color-textButtonSecondaryInverse: var(--mistica-telefonica-white);
331
+ --mistica-color-textButtonSecondaryInversePressed: var(--mistica-telefonica-white);
332
+ --mistica-color-textLink: var(--mistica-telefonica-darkModeTelefonicaBlue);
333
+ --mistica-color-textLinkInverse: var(--mistica-telefonica-darkModeTelefonicaBlue);
317
334
  --mistica-color-textLinkDanger: var(--mistica-telefonica-coral);
318
- --mistica-color-textLinkSnackbar: var(--mistica-telefonica-telefonicaBlue30);
319
- --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue);
320
- --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue);
335
+ --mistica-color-textLinkSnackbar: var(--mistica-telefonica-darkModeTelefonicaBlue);
336
+ --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue30);
337
+ --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue30);
321
338
  --mistica-color-inputBorder: var(--mistica-telefonica-grey5);
322
- --mistica-color-control: var(--mistica-telefonica-darkModeGrey6);
323
- --mistica-color-controlActivated: var(--mistica-telefonica-telefonicaBlue);
324
- --mistica-color-controlInverse: var(--mistica-telefonica-darkModeGrey6);
325
- --mistica-color-controlActivatedInverse: var(--mistica-telefonica-telefonicaBlue);
339
+ --mistica-color-inputBorderInverse: var(--mistica-telefonica-grey5);
340
+ --mistica-color-completedStep: var(--mistica-telefonica-telefonicaBlue);
341
+ --mistica-color-completedStepInverse: var(--mistica-telefonica-telefonicaBlue);
342
+ --mistica-color-control: var(--mistica-telefonica-grey5);
343
+ --mistica-color-controlActivated: var(--mistica-telefonica-darkModeTelefonicaBlue);
344
+ --mistica-color-controlInverse: var(--mistica-telefonica-grey5);
345
+ --mistica-color-controlActivatedInverse: var(--mistica-telefonica-darkModeTelefonicaBlue);
326
346
  --mistica-color-controlError: var(--mistica-telefonica-coral);
327
347
  --mistica-color-barTrack: var(--mistica-telefonica-darkModeGrey6);
328
348
  --mistica-color-barTrackInverse: var(--mistica-telefonica-darkModeGrey6);
329
- --mistica-color-loadingBar: var(--mistica-telefonica-telefonicaBlue);
349
+ --mistica-color-loadingBar: var(--mistica-telefonica-darkModeTelefonicaBlue);
330
350
  --mistica-color-loadingBarBackground: var(--mistica-telefonica-grey6);
331
- --mistica-color-toggleAndroidInactive: var(--mistica-telefonica-grey4);
351
+ --mistica-color-toggleAndroidInactive: var(--mistica-telefonica-grey2);
332
352
  --mistica-color-toggleAndroidBackgroundActive: var(--mistica-telefonica-telefonicaBlue20);
333
- --mistica-color-iosControlKnob: var(--mistica-telefonica-grey2);
334
- --mistica-color-controlKnobInverse: var(--mistica-telefonica-grey2);
335
- --mistica-color-divider: rgba(var(--mistica-telefonica-raw-white), 0.05);
353
+ --mistica-color-iosControlKnob: var(--mistica-telefonica-grey1);
354
+ --mistica-color-controlKnobInverse: var(--mistica-telefonica-grey1);
355
+ --mistica-color-divider: rgba(var(--mistica-telefonica-raw-white), 0.2);
336
356
  --mistica-color-dividerInverse: rgba(var(--mistica-telefonica-raw-white), 0.05);
337
357
  --mistica-color-navigationBarDivider: var(--mistica-telefonica-darkModeBlack);
338
- --mistica-color-badge: var(--mistica-telefonica-coral70);
339
- --mistica-color-feedbackErrorBackground: var(--mistica-telefonica-coral);
340
- --mistica-color-feedbackInfoBackground: var(--mistica-telefonica-grey8);
341
- --mistica-color-brand: var(--mistica-telefonica-telefonicaBlue);
358
+ --mistica-color-badge: var(--mistica-telefonica-coral60);
359
+ --mistica-color-feedbackErrorBackground: var(--mistica-telefonica-coral65);
360
+ --mistica-color-feedbackInfoBackground: var(--mistica-telefonica-darkModeGrey);
361
+ --mistica-color-brand: var(--mistica-telefonica-darkModeTelefonicaBlue);
342
362
  --mistica-color-brandHigh: rgba(var(--mistica-telefonica-raw-white), 0.05);
343
- --mistica-color-inverse: var(--mistica-telefonica-grey2);
363
+ --mistica-color-inverse: var(--mistica-telefonica-grey1);
344
364
  --mistica-color-neutralHigh: var(--mistica-telefonica-grey2);
345
365
  --mistica-color-neutralMedium: var(--mistica-telefonica-grey5);
346
366
  --mistica-color-neutralMediumInverse: var(--mistica-telefonica-grey5);
347
367
  --mistica-color-neutralLow: var(--mistica-telefonica-darkModeGrey6);
348
368
  --mistica-color-neutralLowAlternative: var(--mistica-telefonica-darkModeGrey6);
349
- --mistica-color-textPrimary: var(--mistica-telefonica-grey2);
350
- --mistica-color-textPrimaryInverse: var(--mistica-telefonica-grey2);
369
+ --mistica-color-textPrimary: var(--mistica-telefonica-grey1);
370
+ --mistica-color-textPrimaryInverse: var(--mistica-telefonica-grey1);
351
371
  --mistica-color-textSecondary: var(--mistica-telefonica-grey3);
352
372
  --mistica-color-textSecondaryInverse: var(--mistica-telefonica-grey3);
353
373
  --mistica-color-error: var(--mistica-telefonica-coral);
354
374
  --mistica-color-textError: var(--mistica-telefonica-coral);
355
375
  --mistica-color-textErrorInverse: var(--mistica-telefonica-coral);
356
376
  --mistica-color-success: var(--mistica-telefonica-turquoise);
357
- --mistica-color-warning: var(--mistica-telefonica-ambar);
377
+ --mistica-color-warning: var(--mistica-telefonica-yellow);
358
378
  --mistica-color-promo: var(--mistica-telefonica-orchid);
359
- --mistica-color-highlight: var(--mistica-telefonica-coral40);
379
+ --mistica-color-highlight: var(--mistica-telefonica-coral30);
360
380
  --mistica-color-successLow: var(--mistica-telefonica-darkModeGrey6);
361
381
  --mistica-color-warningLow: var(--mistica-telefonica-darkModeGrey6);
362
382
  --mistica-color-errorLow: var(--mistica-telefonica-darkModeGrey6);
363
383
  --mistica-color-promoLow: var(--mistica-telefonica-darkModeGrey6);
364
384
  --mistica-color-brandLow: var(--mistica-telefonica-darkModeGrey6);
365
385
  --mistica-color-successHigh: var(--mistica-telefonica-turquoise40);
366
- --mistica-color-warningHigh: var(--mistica-telefonica-ambar40);
367
- --mistica-color-errorHigh: var(--mistica-telefonica-coral40);
386
+ --mistica-color-warningHigh: var(--mistica-telefonica-yellow40);
387
+ --mistica-color-errorHigh: var(--mistica-telefonica-coral30);
368
388
  --mistica-color-promoHigh: var(--mistica-telefonica-orchid40);
369
389
  --mistica-color-successHighInverse: var(--mistica-telefonica-turquoise70);
370
- --mistica-color-warningHighInverse: var(--mistica-telefonica-ambar70);
371
- --mistica-color-errorHighInverse: var(--mistica-telefonica-coral70);
390
+ --mistica-color-warningHighInverse: var(--mistica-telefonica-yellow70);
391
+ --mistica-color-errorHighInverse: var(--mistica-telefonica-coral65);
372
392
  --mistica-color-promoHighInverse: var(--mistica-telefonica-orchid70);
373
- --mistica-color-textNavigationBarPrimary: var(--mistica-telefonica-grey2);
393
+ --mistica-color-textNavigationBarPrimary: var(--mistica-telefonica-white);
374
394
  --mistica-color-textNavigationBarSecondary: var(--mistica-telefonica-grey4);
375
395
  --mistica-color-textNavigationSearchBarHint: var(--mistica-telefonica-grey4);
376
- --mistica-color-textNavigationSearchBarText: var(--mistica-telefonica-grey2);
377
- --mistica-color-textAppBar: var(--mistica-telefonica-grey5);
378
- --mistica-color-textAppBarSelected: var(--mistica-telefonica-grey2);
396
+ --mistica-color-textNavigationSearchBarText: var(--mistica-telefonica-white);
397
+ --mistica-color-textAppBar: var(--mistica-telefonica-grey2);
398
+ --mistica-color-textAppBarSelected: var(--mistica-telefonica-white);
379
399
  --mistica-color-customTabsBackground: var(--mistica-telefonica-darkModeBlack);
380
400
  --mistica-color-tagTextPromo: var(--mistica-telefonica-orchid40);
381
- --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue);
382
- --mistica-color-tagTextInactive: var(--mistica-telefonica-grey5);
383
- --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue);
401
+ --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue20);
402
+ --mistica-color-tagTextInactive: var(--mistica-telefonica-grey3);
403
+ --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue20);
384
404
  --mistica-color-tagTextSuccess: var(--mistica-telefonica-turquoise40);
385
- --mistica-color-tagTextWarning: var(--mistica-telefonica-ambar40);
386
- --mistica-color-tagTextError: var(--mistica-telefonica-coral40);
387
- --mistica-color-tagBackgroundPromo: var(--mistica-telefonica-darkModeGrey6);
388
- --mistica-color-tagBackgroundActive: var(--mistica-telefonica-darkModeGrey6);
389
- --mistica-color-tagBackgroundInactive: var(--mistica-telefonica-darkModeGrey6);
390
- --mistica-color-tagBackgroundInfo: var(--mistica-telefonica-darkModeGrey6);
391
- --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-darkModeGrey6);
392
- --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-darkModeGrey6);
393
- --mistica-color-tagBackgroundError: var(--mistica-telefonica-darkModeGrey6);
405
+ --mistica-color-tagTextWarning: var(--mistica-telefonica-yellow40);
406
+ --mistica-color-tagTextError: var(--mistica-telefonica-coral30);
407
+ --mistica-color-tagBackgroundPromo: var(--mistica-telefonica-orchid80);
408
+ --mistica-color-tagBackgroundActive: var(--mistica-telefonica-telefonicaBlue80);
409
+ --mistica-color-tagBackgroundInactive: var(--mistica-telefonica-grey8);
410
+ --mistica-color-tagBackgroundInfo: var(--mistica-telefonica-telefonicaBlue80);
411
+ --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-turquoise80);
412
+ --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-yellow80);
413
+ --mistica-color-tagBackgroundError: var(--mistica-telefonica-coral90);
394
414
  --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid40);
395
- --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
396
- --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
397
- --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue);
415
+ --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue20);
416
+ --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey3);
417
+ --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue20);
398
418
  --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise40);
399
- --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar40);
400
- --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral40);
401
- --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-darkModeGrey6);
402
- --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-darkModeGrey6);
403
- --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-darkModeGrey6);
404
- --mistica-color-tagBackgroundInfoInverse: var(--mistica-telefonica-darkModeGrey6);
405
- --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-darkModeGrey6);
406
- --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-darkModeGrey6);
407
- --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-darkModeGrey6);
419
+ --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-yellow40);
420
+ --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral30);
421
+ --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-orchid80);
422
+ --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-telefonicaBlue80);
423
+ --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-grey8);
424
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-telefonica-telefonicaBlue80);
425
+ --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-turquoise80);
426
+ --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-yellow80);
427
+ --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-coral90);
408
428
  --mistica-color-cardContentOverlay: linear-gradient(
409
429
  180deg,
410
430
  rgba(var(--mistica-telefonica-raw-black), 0) 0%,
@@ -421,43 +441,52 @@
421
441
  --mistica-color-backgroundBrandSecondary: var(--mistica-telefonica-darkModeBlack);
422
442
  --mistica-color-backgroundContainer: var(--mistica-telefonica-darkModeGrey);
423
443
  --mistica-color-backgroundContainerError: var(--mistica-telefonica-darkModeGrey);
424
- --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-white), 0.05);
425
- --mistica-color-backgroundContainerPressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
444
+ --mistica-color-backgroundContainerHover: rgba(var(--mistica-telefonica-raw-telefonicaBlue70), 0.05);
445
+ --mistica-color-backgroundContainerPressed: rgba(
446
+ var(--mistica-telefonica-raw-telefonicaBlue70),
447
+ 0.08
448
+ );
426
449
  --mistica-color-backgroundContainerBrand: var(--mistica-telefonica-darkModeGrey);
427
450
  --mistica-color-backgroundContainerBrandHover: rgba(var(--mistica-telefonica-raw-white), 0.03);
428
451
  --mistica-color-backgroundContainerBrandPressed: rgba(var(--mistica-telefonica-raw-white), 0.05);
429
452
  --mistica-color-backgroundContainerBrandOverInverse: var(--mistica-telefonica-darkModeGrey);
430
453
  --mistica-color-backgroundContainerAlternative: var(--mistica-telefonica-darkModeGrey);
431
454
  --mistica-color-backgroundOverlay: rgba(var(--mistica-telefonica-raw-darkModeGrey), 0.8);
432
- --mistica-color-backgroundSkeleton: var(--mistica-telefonica-grey6);
433
- --mistica-color-backgroundSkeletonInverse: var(--mistica-telefonica-grey6);
455
+ --mistica-color-backgroundSkeleton: var(--mistica-telefonica-grey8);
456
+ --mistica-color-backgroundSkeletonInverse: var(--mistica-telefonica-grey8);
434
457
  --mistica-color-backgroundBrandTop: var(--mistica-telefonica-darkModeBlack);
435
458
  --mistica-color-backgroundBrandBottom: var(--mistica-telefonica-darkModeBlack);
436
459
  --mistica-color-appBarBackground: var(--mistica-telefonica-darkModeGrey);
437
460
  --mistica-color-navigationBarBackground: var(--mistica-telefonica-darkModeBlack);
438
- --mistica-color-skeletonWave: var(--mistica-telefonica-grey5);
461
+ --mistica-color-skeletonWave: var(--mistica-telefonica-grey8);
439
462
  --mistica-color-borderLow: var(--mistica-telefonica-darkModeBlack);
440
463
  --mistica-color-border: var(--mistica-telefonica-darkModeGrey);
441
464
  --mistica-color-borderHigh: var(--mistica-telefonica-grey5);
442
- --mistica-color-borderSelected: var(--mistica-telefonica-telefonicaBlue);
465
+ --mistica-color-borderSelected: var(--mistica-telefonica-darkModeTelefonicaBlue);
443
466
  --mistica-color-coverBackgroundHover: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.25);
444
467
  --mistica-color-coverBackgroundPressed: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.35);
445
- --mistica-color-buttonDangerBackground: var(--mistica-telefonica-coral);
446
- --mistica-color-buttonDangerBackgroundPressed: var(--mistica-telefonica-coral80);
447
- --mistica-color-buttonDangerBackgroundHover: var(--mistica-telefonica-coral80);
448
- --mistica-color-buttonLinkDangerBackgroundPressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
449
- --mistica-color-buttonLinkDangerBackgroundInverse: rgba(var(--mistica-telefonica-raw-white), 0);
468
+ --mistica-color-buttonDangerBackground: var(--mistica-telefonica-coral60);
469
+ --mistica-color-buttonDangerBackgroundPressed: var(--mistica-telefonica-coral65);
470
+ --mistica-color-buttonDangerBackgroundHover: var(--mistica-telefonica-coral65);
471
+ --mistica-color-buttonLinkDangerBackgroundPressed: rgba(var(--mistica-telefonica-raw-coral60), 0.16);
472
+ --mistica-color-buttonLinkDangerBackgroundInverse: rgba(var(--mistica-telefonica-raw-coral60), 0.16);
450
473
  --mistica-color-buttonLinkDangerBackgroundInversePressed: rgba(
451
- var(--mistica-telefonica-raw-white),
452
- 0.08
474
+ var(--mistica-telefonica-raw-coral60),
475
+ 0.16
476
+ );
477
+ --mistica-color-buttonLinkBackgroundPressed: rgba(
478
+ var(--mistica-telefonica-raw-telefonicaBlue30),
479
+ 0.16
480
+ );
481
+ --mistica-color-buttonLinkBackgroundInversePressed: rgba(
482
+ var(--mistica-telefonica-raw-telefonicaBlue30),
483
+ 0.16
453
484
  );
454
- --mistica-color-buttonLinkBackgroundPressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
455
- --mistica-color-buttonLinkBackgroundInversePressed: rgba(var(--mistica-telefonica-raw-white), 0.08);
456
485
  --mistica-color-buttonPrimaryBackground: var(--mistica-telefonica-telefonicaBlue);
457
- --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-telefonica-telefonicaBlue);
486
+ --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-telefonica-white);
458
487
  --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-telefonica-telefonicaBlue70);
459
488
  --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-telefonica-telefonicaBlue70);
460
- --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-telefonica-telefonicaBlue70);
489
+ --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-telefonica-telefonicaBlue10);
461
490
  --mistica-color-buttonSecondaryBackgroundPressed: rgba(var(--mistica-telefonica-raw-white), 0.15);
462
491
  --mistica-color-buttonSecondaryBorder: var(--mistica-telefonica-white);
463
492
  --mistica-color-buttonSecondaryBackgroundHover: rgba(var(--mistica-telefonica-raw-white), 0.15);
@@ -472,106 +501,109 @@
472
501
  var(--mistica-telefonica-raw-white),
473
502
  0.15
474
503
  );
475
- --mistica-color-textButtonPrimary: var(--mistica-telefonica-grey2);
476
- --mistica-color-textButtonPrimaryInverse: var(--mistica-telefonica-grey2);
477
- --mistica-color-textButtonPrimaryInversePressed: var(--mistica-telefonica-grey2);
478
- --mistica-color-textButtonSecondary: var(--mistica-telefonica-grey2);
479
- --mistica-color-textButtonSecondaryPressed: var(--mistica-telefonica-grey2);
480
- --mistica-color-textButtonSecondaryInverse: var(--mistica-telefonica-grey2);
481
- --mistica-color-textButtonSecondaryInversePressed: var(--mistica-telefonica-grey2);
482
- --mistica-color-textLink: var(--mistica-telefonica-telefonicaBlue);
483
- --mistica-color-textLinkInverse: var(--mistica-telefonica-telefonicaBlue);
504
+ --mistica-color-textButtonPrimary: var(--mistica-telefonica-white);
505
+ --mistica-color-textButtonPrimaryInverse: var(--mistica-telefonica-telefonicaBlue);
506
+ --mistica-color-textButtonPrimaryInversePressed: var(--mistica-telefonica-telefonicaBlue70);
507
+ --mistica-color-textButtonSecondary: var(--mistica-telefonica-white);
508
+ --mistica-color-textButtonSecondaryPressed: var(--mistica-telefonica-white);
509
+ --mistica-color-textButtonSecondaryInverse: var(--mistica-telefonica-white);
510
+ --mistica-color-textButtonSecondaryInversePressed: var(--mistica-telefonica-white);
511
+ --mistica-color-textLink: var(--mistica-telefonica-darkModeTelefonicaBlue);
512
+ --mistica-color-textLinkInverse: var(--mistica-telefonica-darkModeTelefonicaBlue);
484
513
  --mistica-color-textLinkDanger: var(--mistica-telefonica-coral);
485
- --mistica-color-textLinkSnackbar: var(--mistica-telefonica-telefonicaBlue30);
486
- --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue);
487
- --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue);
514
+ --mistica-color-textLinkSnackbar: var(--mistica-telefonica-darkModeTelefonicaBlue);
515
+ --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue30);
516
+ --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue30);
488
517
  --mistica-color-inputBorder: var(--mistica-telefonica-grey5);
489
- --mistica-color-control: var(--mistica-telefonica-darkModeGrey6);
490
- --mistica-color-controlActivated: var(--mistica-telefonica-telefonicaBlue);
491
- --mistica-color-controlInverse: var(--mistica-telefonica-darkModeGrey6);
492
- --mistica-color-controlActivatedInverse: var(--mistica-telefonica-telefonicaBlue);
518
+ --mistica-color-inputBorderInverse: var(--mistica-telefonica-grey5);
519
+ --mistica-color-completedStep: var(--mistica-telefonica-telefonicaBlue);
520
+ --mistica-color-completedStepInverse: var(--mistica-telefonica-telefonicaBlue);
521
+ --mistica-color-control: var(--mistica-telefonica-grey5);
522
+ --mistica-color-controlActivated: var(--mistica-telefonica-darkModeTelefonicaBlue);
523
+ --mistica-color-controlInverse: var(--mistica-telefonica-grey5);
524
+ --mistica-color-controlActivatedInverse: var(--mistica-telefonica-darkModeTelefonicaBlue);
493
525
  --mistica-color-controlError: var(--mistica-telefonica-coral);
494
526
  --mistica-color-barTrack: var(--mistica-telefonica-darkModeGrey6);
495
527
  --mistica-color-barTrackInverse: var(--mistica-telefonica-darkModeGrey6);
496
- --mistica-color-loadingBar: var(--mistica-telefonica-telefonicaBlue);
528
+ --mistica-color-loadingBar: var(--mistica-telefonica-darkModeTelefonicaBlue);
497
529
  --mistica-color-loadingBarBackground: var(--mistica-telefonica-grey6);
498
- --mistica-color-toggleAndroidInactive: var(--mistica-telefonica-grey4);
530
+ --mistica-color-toggleAndroidInactive: var(--mistica-telefonica-grey2);
499
531
  --mistica-color-toggleAndroidBackgroundActive: var(--mistica-telefonica-telefonicaBlue20);
500
- --mistica-color-iosControlKnob: var(--mistica-telefonica-grey2);
501
- --mistica-color-controlKnobInverse: var(--mistica-telefonica-grey2);
502
- --mistica-color-divider: rgba(var(--mistica-telefonica-raw-white), 0.05);
532
+ --mistica-color-iosControlKnob: var(--mistica-telefonica-grey1);
533
+ --mistica-color-controlKnobInverse: var(--mistica-telefonica-grey1);
534
+ --mistica-color-divider: rgba(var(--mistica-telefonica-raw-white), 0.2);
503
535
  --mistica-color-dividerInverse: rgba(var(--mistica-telefonica-raw-white), 0.05);
504
536
  --mistica-color-navigationBarDivider: var(--mistica-telefonica-darkModeBlack);
505
- --mistica-color-badge: var(--mistica-telefonica-coral70);
506
- --mistica-color-feedbackErrorBackground: var(--mistica-telefonica-coral);
507
- --mistica-color-feedbackInfoBackground: var(--mistica-telefonica-grey8);
508
- --mistica-color-brand: var(--mistica-telefonica-telefonicaBlue);
537
+ --mistica-color-badge: var(--mistica-telefonica-coral60);
538
+ --mistica-color-feedbackErrorBackground: var(--mistica-telefonica-coral65);
539
+ --mistica-color-feedbackInfoBackground: var(--mistica-telefonica-darkModeGrey);
540
+ --mistica-color-brand: var(--mistica-telefonica-darkModeTelefonicaBlue);
509
541
  --mistica-color-brandHigh: rgba(var(--mistica-telefonica-raw-white), 0.05);
510
- --mistica-color-inverse: var(--mistica-telefonica-grey2);
542
+ --mistica-color-inverse: var(--mistica-telefonica-grey1);
511
543
  --mistica-color-neutralHigh: var(--mistica-telefonica-grey2);
512
544
  --mistica-color-neutralMedium: var(--mistica-telefonica-grey5);
513
545
  --mistica-color-neutralMediumInverse: var(--mistica-telefonica-grey5);
514
546
  --mistica-color-neutralLow: var(--mistica-telefonica-darkModeGrey6);
515
547
  --mistica-color-neutralLowAlternative: var(--mistica-telefonica-darkModeGrey6);
516
- --mistica-color-textPrimary: var(--mistica-telefonica-grey2);
517
- --mistica-color-textPrimaryInverse: var(--mistica-telefonica-grey2);
548
+ --mistica-color-textPrimary: var(--mistica-telefonica-grey1);
549
+ --mistica-color-textPrimaryInverse: var(--mistica-telefonica-grey1);
518
550
  --mistica-color-textSecondary: var(--mistica-telefonica-grey3);
519
551
  --mistica-color-textSecondaryInverse: var(--mistica-telefonica-grey3);
520
552
  --mistica-color-error: var(--mistica-telefonica-coral);
521
553
  --mistica-color-textError: var(--mistica-telefonica-coral);
522
554
  --mistica-color-textErrorInverse: var(--mistica-telefonica-coral);
523
555
  --mistica-color-success: var(--mistica-telefonica-turquoise);
524
- --mistica-color-warning: var(--mistica-telefonica-ambar);
556
+ --mistica-color-warning: var(--mistica-telefonica-yellow);
525
557
  --mistica-color-promo: var(--mistica-telefonica-orchid);
526
- --mistica-color-highlight: var(--mistica-telefonica-coral40);
558
+ --mistica-color-highlight: var(--mistica-telefonica-coral30);
527
559
  --mistica-color-successLow: var(--mistica-telefonica-darkModeGrey6);
528
560
  --mistica-color-warningLow: var(--mistica-telefonica-darkModeGrey6);
529
561
  --mistica-color-errorLow: var(--mistica-telefonica-darkModeGrey6);
530
562
  --mistica-color-promoLow: var(--mistica-telefonica-darkModeGrey6);
531
563
  --mistica-color-brandLow: var(--mistica-telefonica-darkModeGrey6);
532
564
  --mistica-color-successHigh: var(--mistica-telefonica-turquoise40);
533
- --mistica-color-warningHigh: var(--mistica-telefonica-ambar40);
534
- --mistica-color-errorHigh: var(--mistica-telefonica-coral40);
565
+ --mistica-color-warningHigh: var(--mistica-telefonica-yellow40);
566
+ --mistica-color-errorHigh: var(--mistica-telefonica-coral30);
535
567
  --mistica-color-promoHigh: var(--mistica-telefonica-orchid40);
536
568
  --mistica-color-successHighInverse: var(--mistica-telefonica-turquoise70);
537
- --mistica-color-warningHighInverse: var(--mistica-telefonica-ambar70);
538
- --mistica-color-errorHighInverse: var(--mistica-telefonica-coral70);
569
+ --mistica-color-warningHighInverse: var(--mistica-telefonica-yellow70);
570
+ --mistica-color-errorHighInverse: var(--mistica-telefonica-coral65);
539
571
  --mistica-color-promoHighInverse: var(--mistica-telefonica-orchid70);
540
- --mistica-color-textNavigationBarPrimary: var(--mistica-telefonica-grey2);
572
+ --mistica-color-textNavigationBarPrimary: var(--mistica-telefonica-white);
541
573
  --mistica-color-textNavigationBarSecondary: var(--mistica-telefonica-grey4);
542
574
  --mistica-color-textNavigationSearchBarHint: var(--mistica-telefonica-grey4);
543
- --mistica-color-textNavigationSearchBarText: var(--mistica-telefonica-grey2);
544
- --mistica-color-textAppBar: var(--mistica-telefonica-grey5);
545
- --mistica-color-textAppBarSelected: var(--mistica-telefonica-grey2);
575
+ --mistica-color-textNavigationSearchBarText: var(--mistica-telefonica-white);
576
+ --mistica-color-textAppBar: var(--mistica-telefonica-grey2);
577
+ --mistica-color-textAppBarSelected: var(--mistica-telefonica-white);
546
578
  --mistica-color-customTabsBackground: var(--mistica-telefonica-darkModeBlack);
547
579
  --mistica-color-tagTextPromo: var(--mistica-telefonica-orchid40);
548
- --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue);
549
- --mistica-color-tagTextInactive: var(--mistica-telefonica-grey5);
550
- --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue);
580
+ --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue20);
581
+ --mistica-color-tagTextInactive: var(--mistica-telefonica-grey3);
582
+ --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue20);
551
583
  --mistica-color-tagTextSuccess: var(--mistica-telefonica-turquoise40);
552
- --mistica-color-tagTextWarning: var(--mistica-telefonica-ambar40);
553
- --mistica-color-tagTextError: var(--mistica-telefonica-coral40);
554
- --mistica-color-tagBackgroundPromo: var(--mistica-telefonica-darkModeGrey6);
555
- --mistica-color-tagBackgroundActive: var(--mistica-telefonica-darkModeGrey6);
556
- --mistica-color-tagBackgroundInactive: var(--mistica-telefonica-darkModeGrey6);
557
- --mistica-color-tagBackgroundInfo: var(--mistica-telefonica-darkModeGrey6);
558
- --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-darkModeGrey6);
559
- --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-darkModeGrey6);
560
- --mistica-color-tagBackgroundError: var(--mistica-telefonica-darkModeGrey6);
584
+ --mistica-color-tagTextWarning: var(--mistica-telefonica-yellow40);
585
+ --mistica-color-tagTextError: var(--mistica-telefonica-coral30);
586
+ --mistica-color-tagBackgroundPromo: var(--mistica-telefonica-orchid80);
587
+ --mistica-color-tagBackgroundActive: var(--mistica-telefonica-telefonicaBlue80);
588
+ --mistica-color-tagBackgroundInactive: var(--mistica-telefonica-grey8);
589
+ --mistica-color-tagBackgroundInfo: var(--mistica-telefonica-telefonicaBlue80);
590
+ --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-turquoise80);
591
+ --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-yellow80);
592
+ --mistica-color-tagBackgroundError: var(--mistica-telefonica-coral90);
561
593
  --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid40);
562
- --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
563
- --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
564
- --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue);
594
+ --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue20);
595
+ --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey3);
596
+ --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue20);
565
597
  --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise40);
566
- --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar40);
567
- --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral40);
568
- --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-darkModeGrey6);
569
- --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-darkModeGrey6);
570
- --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-darkModeGrey6);
571
- --mistica-color-tagBackgroundInfoInverse: var(--mistica-telefonica-darkModeGrey6);
572
- --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-darkModeGrey6);
573
- --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-darkModeGrey6);
574
- --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-darkModeGrey6);
598
+ --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-yellow40);
599
+ --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral30);
600
+ --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-orchid80);
601
+ --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-telefonicaBlue80);
602
+ --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-grey8);
603
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-telefonica-telefonicaBlue80);
604
+ --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-turquoise80);
605
+ --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-yellow80);
606
+ --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-coral90);
575
607
  --mistica-color-cardContentOverlay: linear-gradient(
576
608
  180deg,
577
609
  rgba(var(--mistica-telefonica-raw-black), 0) 0%,
@@ -614,9 +646,9 @@
614
646
  --mistica-color-borderSelected: var(--mistica-telefonica-telefonicaBlue);
615
647
  --mistica-color-coverBackgroundHover: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.25);
616
648
  --mistica-color-coverBackgroundPressed: rgba(var(--mistica-telefonica-raw-darkModeBlack), 0.35);
617
- --mistica-color-buttonDangerBackground: var(--mistica-telefonica-coral);
618
- --mistica-color-buttonDangerBackgroundPressed: var(--mistica-telefonica-coral80);
619
- --mistica-color-buttonDangerBackgroundHover: var(--mistica-telefonica-coral80);
649
+ --mistica-color-buttonDangerBackground: var(--mistica-telefonica-coral60);
650
+ --mistica-color-buttonDangerBackgroundPressed: var(--mistica-telefonica-coral65);
651
+ --mistica-color-buttonDangerBackgroundHover: var(--mistica-telefonica-coral65);
620
652
  --mistica-color-buttonLinkDangerBackgroundPressed: var(--mistica-telefonica-coral10);
621
653
  --mistica-color-buttonLinkDangerBackgroundInverse: var(--mistica-telefonica-white);
622
654
  --mistica-color-buttonLinkDangerBackgroundInversePressed: var(--mistica-telefonica-coral10);
@@ -626,7 +658,7 @@
626
658
  --mistica-color-buttonPrimaryBackgroundInverse: var(--mistica-telefonica-white);
627
659
  --mistica-color-buttonPrimaryBackgroundPressed: var(--mistica-telefonica-telefonicaBlue70);
628
660
  --mistica-color-buttonPrimaryBackgroundHover: var(--mistica-telefonica-telefonicaBlue70);
629
- --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-telefonica-telefonicaBlue30);
661
+ --mistica-color-buttonPrimaryBackgroundInversePressed: var(--mistica-telefonica-telefonicaBlue10);
630
662
  --mistica-color-buttonSecondaryBackgroundPressed: var(--mistica-telefonica-telefonicaBlue10);
631
663
  --mistica-color-buttonSecondaryBorder: var(--mistica-telefonica-telefonicaBlue);
632
664
  --mistica-color-buttonSecondaryBackgroundHover: var(--mistica-telefonica-telefonicaBlue10);
@@ -640,23 +672,26 @@
640
672
  );
641
673
  --mistica-color-textButtonPrimary: var(--mistica-telefonica-white);
642
674
  --mistica-color-textButtonPrimaryInverse: var(--mistica-telefonica-telefonicaBlue);
643
- --mistica-color-textButtonPrimaryInversePressed: var(--mistica-telefonica-telefonicaBlue);
675
+ --mistica-color-textButtonPrimaryInversePressed: var(--mistica-telefonica-telefonicaBlue70);
644
676
  --mistica-color-textButtonSecondary: var(--mistica-telefonica-telefonicaBlue);
645
677
  --mistica-color-textButtonSecondaryPressed: var(--mistica-telefonica-telefonicaBlue70);
646
678
  --mistica-color-textButtonSecondaryInverse: var(--mistica-telefonica-white);
647
679
  --mistica-color-textButtonSecondaryInversePressed: var(--mistica-telefonica-white);
648
680
  --mistica-color-textLink: var(--mistica-telefonica-telefonicaBlue);
649
681
  --mistica-color-textLinkInverse: var(--mistica-telefonica-white);
650
- --mistica-color-textLinkDanger: var(--mistica-telefonica-coral);
682
+ --mistica-color-textLinkDanger: var(--mistica-telefonica-coral60);
651
683
  --mistica-color-textLinkSnackbar: var(--mistica-telefonica-telefonicaBlue30);
652
- --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue);
653
- --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue);
654
- --mistica-color-inputBorder: var(--mistica-telefonica-grey4);
655
- --mistica-color-control: var(--mistica-telefonica-grey3);
684
+ --mistica-color-textActivated: var(--mistica-telefonica-telefonicaBlue70);
685
+ --mistica-color-textBrand: var(--mistica-telefonica-telefonicaBlue70);
686
+ --mistica-color-inputBorder: var(--mistica-telefonica-grey5);
687
+ --mistica-color-inputBorderInverse: var(--mistica-telefonica-white);
688
+ --mistica-color-completedStep: var(--mistica-telefonica-telefonicaBlue);
689
+ --mistica-color-completedStepInverse: var(--mistica-telefonica-telefonicaBlue70);
690
+ --mistica-color-control: var(--mistica-telefonica-grey5);
656
691
  --mistica-color-controlActivated: var(--mistica-telefonica-telefonicaBlue);
657
692
  --mistica-color-controlInverse: var(--mistica-telefonica-grey1);
658
693
  --mistica-color-controlActivatedInverse: var(--mistica-telefonica-white);
659
- --mistica-color-controlError: var(--mistica-telefonica-coral);
694
+ --mistica-color-controlError: var(--mistica-telefonica-coral60);
660
695
  --mistica-color-barTrack: var(--mistica-telefonica-grey2);
661
696
  --mistica-color-barTrackInverse: rgba(var(--mistica-telefonica-raw-white), 0.3);
662
697
  --mistica-color-loadingBar: var(--mistica-telefonica-telefonicaBlue30);
@@ -668,8 +703,8 @@
668
703
  --mistica-color-divider: var(--mistica-telefonica-grey2);
669
704
  --mistica-color-dividerInverse: rgba(var(--mistica-telefonica-raw-white), 0.2);
670
705
  --mistica-color-navigationBarDivider: var(--mistica-telefonica-telefonicaBlue);
671
- --mistica-color-badge: var(--mistica-telefonica-coral70);
672
- --mistica-color-feedbackErrorBackground: var(--mistica-telefonica-coral);
706
+ --mistica-color-badge: var(--mistica-telefonica-coral60);
707
+ --mistica-color-feedbackErrorBackground: var(--mistica-telefonica-coral60);
673
708
  --mistica-color-feedbackInfoBackground: var(--mistica-telefonica-grey9);
674
709
  --mistica-color-brand: var(--mistica-telefonica-telefonicaBlue);
675
710
  --mistica-color-brandHigh: var(--mistica-telefonica-telefonicaBlue70);
@@ -682,61 +717,61 @@
682
717
  --mistica-color-textPrimary: var(--mistica-telefonica-grey9);
683
718
  --mistica-color-textPrimaryInverse: var(--mistica-telefonica-white);
684
719
  --mistica-color-textSecondary: var(--mistica-telefonica-grey6);
685
- --mistica-color-textSecondaryInverse: var(--mistica-telefonica-telefonicaBlue10);
686
- --mistica-color-error: var(--mistica-telefonica-coral);
687
- --mistica-color-textError: var(--mistica-telefonica-coral);
720
+ --mistica-color-textSecondaryInverse: var(--mistica-telefonica-white);
721
+ --mistica-color-error: var(--mistica-telefonica-coral60);
722
+ --mistica-color-textError: var(--mistica-telefonica-coral60);
688
723
  --mistica-color-textErrorInverse: var(--mistica-telefonica-white);
689
724
  --mistica-color-success: var(--mistica-telefonica-turquoise);
690
- --mistica-color-warning: var(--mistica-telefonica-ambar);
725
+ --mistica-color-warning: var(--mistica-telefonica-yellow70);
691
726
  --mistica-color-promo: var(--mistica-telefonica-orchid);
692
- --mistica-color-highlight: var(--mistica-telefonica-coral40);
727
+ --mistica-color-highlight: var(--mistica-telefonica-coral30);
693
728
  --mistica-color-successLow: var(--mistica-telefonica-turquoise10);
694
- --mistica-color-warningLow: var(--mistica-telefonica-ambar10);
729
+ --mistica-color-warningLow: var(--mistica-telefonica-yellow15);
695
730
  --mistica-color-errorLow: var(--mistica-telefonica-coral10);
696
731
  --mistica-color-promoLow: var(--mistica-telefonica-orchid10);
697
732
  --mistica-color-brandLow: var(--mistica-telefonica-telefonicaBlue10);
698
733
  --mistica-color-successHigh: var(--mistica-telefonica-turquoise70);
699
- --mistica-color-warningHigh: var(--mistica-telefonica-ambar70);
700
- --mistica-color-errorHigh: var(--mistica-telefonica-coral70);
734
+ --mistica-color-warningHigh: var(--mistica-telefonica-yellow70);
735
+ --mistica-color-errorHigh: var(--mistica-telefonica-coral65);
701
736
  --mistica-color-promoHigh: var(--mistica-telefonica-orchid70);
702
737
  --mistica-color-successHighInverse: var(--mistica-telefonica-turquoise70);
703
- --mistica-color-warningHighInverse: var(--mistica-telefonica-ambar70);
704
- --mistica-color-errorHighInverse: var(--mistica-telefonica-coral70);
738
+ --mistica-color-warningHighInverse: var(--mistica-telefonica-yellow70);
739
+ --mistica-color-errorHighInverse: var(--mistica-telefonica-coral65);
705
740
  --mistica-color-promoHighInverse: var(--mistica-telefonica-orchid70);
706
741
  --mistica-color-textNavigationBarPrimary: var(--mistica-telefonica-white);
707
742
  --mistica-color-textNavigationBarSecondary: var(--mistica-telefonica-grey1);
708
743
  --mistica-color-textNavigationSearchBarHint: var(--mistica-telefonica-grey1);
709
744
  --mistica-color-textNavigationSearchBarText: var(--mistica-telefonica-white);
710
745
  --mistica-color-textAppBar: var(--mistica-telefonica-grey4);
711
- --mistica-color-textAppBarSelected: var(--mistica-telefonica-telefonicaBlue);
712
- --mistica-color-customTabsBackground: var(--mistica-telefonica-telefonicaBlue);
713
- --mistica-color-tagTextPromo: var(--mistica-telefonica-orchid70);
714
- --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue);
715
- --mistica-color-tagTextInactive: var(--mistica-telefonica-grey5);
716
- --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue);
717
- --mistica-color-tagTextSuccess: var(--mistica-telefonica-turquoise70);
718
- --mistica-color-tagTextWarning: var(--mistica-telefonica-ambar70);
719
- --mistica-color-tagTextError: var(--mistica-telefonica-coral70);
746
+ --mistica-color-textAppBarSelected: var(--mistica-telefonica-telefonicaBlue70);
747
+ --mistica-color-customTabsBackground: var(--mistica-telefonica-telefonicaBlue70);
748
+ --mistica-color-tagTextPromo: var(--mistica-telefonica-orchid80);
749
+ --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue70);
750
+ --mistica-color-tagTextInactive: var(--mistica-telefonica-grey6);
751
+ --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue70);
752
+ --mistica-color-tagTextSuccess: var(--mistica-telefonica-turquoise80);
753
+ --mistica-color-tagTextWarning: var(--mistica-telefonica-yellow80);
754
+ --mistica-color-tagTextError: var(--mistica-telefonica-coral65);
720
755
  --mistica-color-tagBackgroundPromo: var(--mistica-telefonica-orchid10);
721
- --mistica-color-tagBackgroundActive: var(--mistica-telefonica-telefonicaBlue10);
756
+ --mistica-color-tagBackgroundActive: var(--mistica-telefonica-grey1);
722
757
  --mistica-color-tagBackgroundInactive: var(--mistica-telefonica-grey1);
723
758
  --mistica-color-tagBackgroundInfo: var(--mistica-telefonica-telefonicaBlue10);
724
759
  --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-turquoise10);
725
- --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-ambar10);
760
+ --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-yellow15);
726
761
  --mistica-color-tagBackgroundError: var(--mistica-telefonica-coral10);
727
- --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid70);
728
- --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
729
- --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
730
- --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue);
731
- --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise70);
732
- --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar70);
733
- --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral70);
762
+ --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid80);
763
+ --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue70);
764
+ --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey6);
765
+ --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue70);
766
+ --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise80);
767
+ --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-yellow80);
768
+ --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral65);
734
769
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-orchid10);
735
- --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-telefonicaBlue10);
770
+ --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-grey1);
736
771
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-grey1);
737
772
  --mistica-color-tagBackgroundInfoInverse: var(--mistica-telefonica-telefonicaBlue10);
738
773
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-turquoise10);
739
- --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-ambar10);
774
+ --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-yellow15);
740
775
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-coral10);
741
776
  --mistica-color-cardContentOverlay: linear-gradient(
742
777
  180deg,