@telefonica/mistica 16.27.0 → 16.28.1

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