@telefonica/mistica 16.16.0 → 16.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (243) hide show
  1. package/css/blau.css +16 -0
  2. package/css/esimflag.css +796 -0
  3. package/css/mistica.css +1 -1
  4. package/css/movistar.css +16 -0
  5. package/css/o2-new.css +16 -0
  6. package/css/o2.css +16 -0
  7. package/css/telefonica.css +16 -0
  8. package/css/tu.css +16 -0
  9. package/css/vivo-new.css +16 -0
  10. package/css/vivo.css +16 -0
  11. package/dist/accordion.css-mistica.js +15 -12
  12. package/dist/accordion.css.d.ts +1 -0
  13. package/dist/accordion.js +49 -47
  14. package/dist/align.css-mistica.js +1 -1
  15. package/dist/avatar.css-mistica.js +2 -2
  16. package/dist/badge.css-mistica.js +3 -3
  17. package/dist/box.css-mistica.js +13 -13
  18. package/dist/boxed.css-mistica.js +28 -25
  19. package/dist/boxed.css.d.ts +1 -0
  20. package/dist/boxed.d.ts +1 -0
  21. package/dist/boxed.js +12 -11
  22. package/dist/button-group.css-mistica.js +4 -4
  23. package/dist/button-layout.css-mistica.js +19 -19
  24. package/dist/button.css-mistica.js +34 -34
  25. package/dist/callout.css-mistica.js +8 -8
  26. package/dist/card.css-mistica.js +23 -23
  27. package/dist/card.css.d.ts +2 -2
  28. package/dist/card.js +62 -62
  29. package/dist/carousel.css-mistica.js +21 -21
  30. package/dist/checkbox.css-mistica.js +15 -15
  31. package/dist/chip.css-mistica.js +15 -15
  32. package/dist/circle.css-mistica.js +1 -1
  33. package/dist/community/advanced-data-card.css-mistica.js +20 -20
  34. package/dist/community/blocks.css-mistica.js +3 -3
  35. package/dist/community/example-component.css-mistica.js +1 -1
  36. package/dist/counter.css-mistica.js +4 -4
  37. package/dist/cover-hero.css-mistica.js +13 -13
  38. package/dist/credit-card-number-field.css-mistica.js +4 -4
  39. package/dist/date-field.css-mistica.js +1 -1
  40. package/dist/date-time-picker.css-mistica.js +1 -1
  41. package/dist/dialog.css-mistica.js +8 -8
  42. package/dist/divider.css-mistica.js +2 -2
  43. package/dist/double-field.css-mistica.js +2 -2
  44. package/dist/drawer.css-mistica.js +6 -6
  45. package/dist/empty-state-card.css-mistica.js +1 -1
  46. package/dist/empty-state.css-mistica.js +8 -8
  47. package/dist/fade-in.css-mistica.js +1 -1
  48. package/dist/feedback.css-mistica.js +4 -4
  49. package/dist/fixed-footer-layout.css-mistica.js +10 -10
  50. package/dist/form.css-mistica.js +1 -1
  51. package/dist/grid-layout.css-mistica.js +3 -3
  52. package/dist/grid.css-mistica.js +122 -122
  53. package/dist/header.css-mistica.js +1 -1
  54. package/dist/hero.css-mistica.js +9 -9
  55. package/dist/highlighted-card.css-mistica.js +6 -6
  56. package/dist/horizontal-scroll.css-mistica.js +1 -1
  57. package/dist/icon-button.css-mistica.js +42 -42
  58. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  59. package/dist/icons/icon-error.css-mistica.js +1 -1
  60. package/dist/image.css-mistica.js +3 -3
  61. package/dist/index.d.ts +4 -2
  62. package/dist/index.js +13 -0
  63. package/dist/inline.css-mistica.js +6 -6
  64. package/dist/list.css-mistica.js +19 -16
  65. package/dist/list.css.d.ts +1 -0
  66. package/dist/list.js +19 -17
  67. package/dist/loading-bar.css-mistica.js +3 -3
  68. package/dist/loading-screen.css-mistica.js +7 -7
  69. package/dist/logo-esimflag.d.ts +4 -0
  70. package/dist/logo-esimflag.js +73 -0
  71. package/dist/logo.css-mistica.js +5 -5
  72. package/dist/logo.d.ts +1 -0
  73. package/dist/logo.js +46 -19
  74. package/dist/maybe-dismissable.css-mistica.js +2 -2
  75. package/dist/menu.css-mistica.js +16 -16
  76. package/dist/mosaic.css-mistica.js +1 -1
  77. package/dist/navigation-bar.css-mistica.js +44 -44
  78. package/dist/navigation-breadcrumbs.css-mistica.js +4 -4
  79. package/dist/package-version.js +1 -1
  80. package/dist/pin-field.css-mistica.js +5 -5
  81. package/dist/popover.css-mistica.js +1 -1
  82. package/dist/progress-bar.css-mistica.js +4 -4
  83. package/dist/radio-button.css-mistica.js +18 -18
  84. package/dist/rating.css-mistica.js +6 -6
  85. package/dist/responsive-layout.css-mistica.js +8 -8
  86. package/dist/screen-reader-only.css-mistica.js +1 -1
  87. package/dist/select.css-mistica.js +23 -23
  88. package/dist/sheet-action-row.css-mistica.js +1 -1
  89. package/dist/sheet-common.css-mistica.js +8 -8
  90. package/dist/sheet-info.css-mistica.js +1 -1
  91. package/dist/skeletons.css-mistica.js +7 -7
  92. package/dist/skins/blau.js +8 -0
  93. package/dist/skins/constants.d.ts +1 -0
  94. package/dist/skins/constants.js +7 -4
  95. package/dist/skins/esimflag.d.ts +46 -0
  96. package/dist/skins/esimflag.js +530 -0
  97. package/dist/skins/movistar.js +8 -0
  98. package/dist/skins/o2-new.js +8 -0
  99. package/dist/skins/o2.js +8 -0
  100. package/dist/skins/skin-contract.css-mistica.js +346 -338
  101. package/dist/skins/skin-contract.css.d.ts +22 -14
  102. package/dist/skins/telefonica.js +8 -0
  103. package/dist/skins/tu.js +8 -0
  104. package/dist/skins/types/colors.d.ts +11 -7
  105. package/dist/skins/types/index.d.ts +1 -1
  106. package/dist/skins/utils.js +5 -2
  107. package/dist/skins/vivo-new.js +8 -0
  108. package/dist/skins/vivo.js +8 -0
  109. package/dist/slider.css-mistica.js +16 -16
  110. package/dist/snackbar.css-mistica.js +13 -13
  111. package/dist/spinner.css-mistica.js +3 -3
  112. package/dist/stack.css-mistica.js +5 -5
  113. package/dist/stacking-group.css-mistica.js +1 -1
  114. package/dist/stepper.css-mistica.js +9 -9
  115. package/dist/switch-component.css-mistica.js +36 -36
  116. package/dist/table.css-mistica.js +8 -8
  117. package/dist/tabs.css-mistica.js +20 -20
  118. package/dist/tag.css-mistica.js +1 -1
  119. package/dist/tag.d.ts +5 -3
  120. package/dist/tag.js +19 -13
  121. package/dist/text-field-base.css-mistica.js +14 -14
  122. package/dist/text-field-components.css-mistica.js +15 -15
  123. package/dist/text-link.css-mistica.js +3 -3
  124. package/dist/text.css-mistica.js +7 -7
  125. package/dist/theme-context.css-mistica.js +386 -378
  126. package/dist/theme-context.css.d.ts +22 -14
  127. package/dist/timeline.css-mistica.js +14 -14
  128. package/dist/timer.css-mistica.js +9 -9
  129. package/dist/tooltip.css-mistica.js +4 -4
  130. package/dist/touchable.css-mistica.js +2 -2
  131. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  132. package/dist/video.css-mistica.js +1 -1
  133. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  134. package/dist-es/accordion.css-mistica.js +7 -7
  135. package/dist-es/accordion.js +72 -70
  136. package/dist-es/align.css-mistica.js +1 -1
  137. package/dist-es/avatar.css-mistica.js +2 -2
  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 +24 -24
  141. package/dist-es/boxed.js +17 -16
  142. package/dist-es/button-group.css-mistica.js +2 -2
  143. package/dist-es/button-layout.css-mistica.js +15 -15
  144. package/dist-es/button.css-mistica.js +22 -22
  145. package/dist-es/callout.css-mistica.js +6 -6
  146. package/dist-es/card.css-mistica.js +4 -4
  147. package/dist-es/card.js +63 -63
  148. package/dist-es/carousel.css-mistica.js +7 -7
  149. package/dist-es/checkbox.css-mistica.js +9 -9
  150. package/dist-es/chip.css-mistica.js +13 -13
  151. package/dist-es/circle.css-mistica.js +1 -1
  152. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  153. package/dist-es/community/blocks.css-mistica.js +2 -2
  154. package/dist-es/community/example-component.css-mistica.js +1 -1
  155. package/dist-es/counter.css-mistica.js +2 -2
  156. package/dist-es/cover-hero.css-mistica.js +4 -4
  157. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  158. package/dist-es/date-field.css-mistica.js +1 -1
  159. package/dist-es/date-time-picker.css-mistica.js +1 -1
  160. package/dist-es/dialog.css-mistica.js +5 -5
  161. package/dist-es/divider.css-mistica.js +2 -2
  162. package/dist-es/double-field.css-mistica.js +2 -2
  163. package/dist-es/drawer.css-mistica.js +2 -2
  164. package/dist-es/empty-state-card.css-mistica.js +1 -1
  165. package/dist-es/empty-state.css-mistica.js +6 -6
  166. package/dist-es/fade-in.css-mistica.js +1 -1
  167. package/dist-es/feedback.css-mistica.js +2 -2
  168. package/dist-es/fixed-footer-layout.css-mistica.js +5 -5
  169. package/dist-es/form.css-mistica.js +1 -1
  170. package/dist-es/grid-layout.css-mistica.js +3 -3
  171. package/dist-es/grid.css-mistica.js +122 -122
  172. package/dist-es/header.css-mistica.js +1 -1
  173. package/dist-es/hero.css-mistica.js +3 -3
  174. package/dist-es/highlighted-card.css-mistica.js +5 -5
  175. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  176. package/dist-es/icon-button.css-mistica.js +42 -42
  177. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  178. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  179. package/dist-es/image.css-mistica.js +3 -3
  180. package/dist-es/index.js +1834 -1833
  181. package/dist-es/inline.css-mistica.js +6 -6
  182. package/dist-es/list.css-mistica.js +2 -2
  183. package/dist-es/list.js +51 -49
  184. package/dist-es/loading-bar.css-mistica.js +2 -2
  185. package/dist-es/loading-screen.css-mistica.js +5 -5
  186. package/dist-es/logo-esimflag.js +64 -0
  187. package/dist-es/logo.css-mistica.js +5 -5
  188. package/dist-es/logo.js +44 -20
  189. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  190. package/dist-es/menu.css-mistica.js +13 -13
  191. package/dist-es/mosaic.css-mistica.js +1 -1
  192. package/dist-es/navigation-bar.css-mistica.js +17 -17
  193. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  194. package/dist-es/package-version.js +1 -1
  195. package/dist-es/pin-field.css-mistica.js +2 -2
  196. package/dist-es/popover.css-mistica.js +1 -1
  197. package/dist-es/progress-bar.css-mistica.js +4 -4
  198. package/dist-es/radio-button.css-mistica.js +16 -16
  199. package/dist-es/rating.css-mistica.js +3 -3
  200. package/dist-es/responsive-layout.css-mistica.js +5 -5
  201. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  202. package/dist-es/select.css-mistica.js +18 -18
  203. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  204. package/dist-es/sheet-common.css-mistica.js +2 -2
  205. package/dist-es/sheet-info.css-mistica.js +1 -1
  206. package/dist-es/skeletons.css-mistica.js +5 -5
  207. package/dist-es/skins/blau.js +8 -0
  208. package/dist-es/skins/constants.js +2 -2
  209. package/dist-es/skins/esimflag.js +513 -0
  210. package/dist-es/skins/movistar.js +8 -0
  211. package/dist-es/skins/o2-new.js +8 -0
  212. package/dist-es/skins/o2.js +8 -0
  213. package/dist-es/skins/skin-contract.css-mistica.js +346 -338
  214. package/dist-es/skins/telefonica.js +8 -0
  215. package/dist-es/skins/tu.js +8 -0
  216. package/dist-es/skins/utils.js +21 -18
  217. package/dist-es/skins/vivo-new.js +8 -0
  218. package/dist-es/skins/vivo.js +8 -0
  219. package/dist-es/slider.css-mistica.js +11 -11
  220. package/dist-es/snackbar.css-mistica.js +5 -5
  221. package/dist-es/spinner.css-mistica.js +2 -2
  222. package/dist-es/stack.css-mistica.js +5 -5
  223. package/dist-es/stacking-group.css-mistica.js +1 -1
  224. package/dist-es/stepper.css-mistica.js +3 -3
  225. package/dist-es/style.css +1 -1
  226. package/dist-es/switch-component.css-mistica.js +29 -29
  227. package/dist-es/table.css-mistica.js +8 -8
  228. package/dist-es/tabs.css-mistica.js +15 -15
  229. package/dist-es/tag.css-mistica.js +1 -1
  230. package/dist-es/tag.js +39 -33
  231. package/dist-es/text-field-base.css-mistica.js +2 -2
  232. package/dist-es/text-field-components.css-mistica.js +5 -5
  233. package/dist-es/text-link.css-mistica.js +3 -3
  234. package/dist-es/text.css-mistica.js +7 -7
  235. package/dist-es/theme-context.css-mistica.js +386 -378
  236. package/dist-es/timeline.css-mistica.js +11 -11
  237. package/dist-es/timer.css-mistica.js +7 -7
  238. package/dist-es/tooltip.css-mistica.js +2 -2
  239. package/dist-es/touchable.css-mistica.js +2 -2
  240. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  241. package/dist-es/video.css-mistica.js +1 -1
  242. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  243. package/package.json +1 -1
package/css/movistar.css CHANGED
@@ -174,24 +174,28 @@
174
174
  --mistica-color-tagTextPromo: var(--mistica-movistar-white);
175
175
  --mistica-color-tagTextActive: var(--mistica-movistar-movistarBlueHC);
176
176
  --mistica-color-tagTextInactive: var(--mistica-movistar-grey5);
177
+ --mistica-color-tagTextInfo: var(--mistica-movistar-white);
177
178
  --mistica-color-tagTextSuccess: var(--mistica-movistar-movistarGreen70);
178
179
  --mistica-color-tagTextWarning: var(--mistica-movistar-egg80);
179
180
  --mistica-color-tagTextError: var(--mistica-movistar-pepper70);
180
181
  --mistica-color-tagBackgroundPromo: var(--mistica-movistar-pepper70);
181
182
  --mistica-color-tagBackgroundActive: var(--mistica-movistar-movistarBlue10);
182
183
  --mistica-color-tagBackgroundInactive: var(--mistica-movistar-grey1);
184
+ --mistica-color-tagBackgroundInfo: var(--mistica-movistar-movistarBlueDark);
183
185
  --mistica-color-tagBackgroundSuccess: var(--mistica-movistar-movistarGreen10);
184
186
  --mistica-color-tagBackgroundWarning: var(--mistica-movistar-egg10);
185
187
  --mistica-color-tagBackgroundError: var(--mistica-movistar-pepper10);
186
188
  --mistica-color-tagTextPromoInverse: var(--mistica-movistar-pepper70);
187
189
  --mistica-color-tagTextActiveInverse: var(--mistica-movistar-movistarBlueHC);
188
190
  --mistica-color-tagTextInactiveInverse: var(--mistica-movistar-grey5);
191
+ --mistica-color-tagTextInfoInverse: var(--mistica-movistar-movistarBlueDark);
189
192
  --mistica-color-tagTextSuccessInverse: var(--mistica-movistar-movistarGreen70);
190
193
  --mistica-color-tagTextWarningInverse: var(--mistica-movistar-egg80);
191
194
  --mistica-color-tagTextErrorInverse: var(--mistica-movistar-pepper70);
192
195
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-movistar-white);
193
196
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-movistar-white);
194
197
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-movistar-white);
198
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-movistar-white);
195
199
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-movistar-white);
196
200
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-movistar-white);
197
201
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-movistar-white);
@@ -382,24 +386,28 @@
382
386
  --mistica-color-tagTextPromo: var(--mistica-movistar-white);
383
387
  --mistica-color-tagTextActive: var(--mistica-movistar-movistarBlue);
384
388
  --mistica-color-tagTextInactive: var(--mistica-movistar-darkModeGrey3);
389
+ --mistica-color-tagTextInfo: var(--mistica-movistar-white);
385
390
  --mistica-color-tagTextSuccess: var(--mistica-movistar-movistarGreen40);
386
391
  --mistica-color-tagTextWarning: var(--mistica-movistar-egg40);
387
392
  --mistica-color-tagTextError: var(--mistica-movistar-pepper45);
388
393
  --mistica-color-tagBackgroundPromo: var(--mistica-movistar-pepper70);
389
394
  --mistica-color-tagBackgroundActive: var(--mistica-movistar-darkModeGrey7);
390
395
  --mistica-color-tagBackgroundInactive: var(--mistica-movistar-darkModeGrey7);
396
+ --mistica-color-tagBackgroundInfo: var(--mistica-movistar-darkModeGrey7);
391
397
  --mistica-color-tagBackgroundSuccess: var(--mistica-movistar-darkModeGrey7);
392
398
  --mistica-color-tagBackgroundWarning: var(--mistica-movistar-darkModeGrey7);
393
399
  --mistica-color-tagBackgroundError: var(--mistica-movistar-darkModeGrey7);
394
400
  --mistica-color-tagTextPromoInverse: var(--mistica-movistar-white);
395
401
  --mistica-color-tagTextActiveInverse: var(--mistica-movistar-movistarBlue);
396
402
  --mistica-color-tagTextInactiveInverse: var(--mistica-movistar-darkModeGrey3);
403
+ --mistica-color-tagTextInfoInverse: var(--mistica-movistar-white);
397
404
  --mistica-color-tagTextSuccessInverse: var(--mistica-movistar-movistarGreen40);
398
405
  --mistica-color-tagTextWarningInverse: var(--mistica-movistar-egg40);
399
406
  --mistica-color-tagTextErrorInverse: var(--mistica-movistar-pepper45);
400
407
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-movistar-pepper70);
401
408
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-movistar-darkModeGrey7);
402
409
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-movistar-darkModeGrey7);
410
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-movistar-darkModeGrey7);
403
411
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-movistar-darkModeGrey7);
404
412
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-movistar-darkModeGrey7);
405
413
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-movistar-darkModeGrey7);
@@ -541,24 +549,28 @@
541
549
  --mistica-color-tagTextPromo: var(--mistica-movistar-white);
542
550
  --mistica-color-tagTextActive: var(--mistica-movistar-movistarBlue);
543
551
  --mistica-color-tagTextInactive: var(--mistica-movistar-darkModeGrey3);
552
+ --mistica-color-tagTextInfo: var(--mistica-movistar-white);
544
553
  --mistica-color-tagTextSuccess: var(--mistica-movistar-movistarGreen40);
545
554
  --mistica-color-tagTextWarning: var(--mistica-movistar-egg40);
546
555
  --mistica-color-tagTextError: var(--mistica-movistar-pepper45);
547
556
  --mistica-color-tagBackgroundPromo: var(--mistica-movistar-pepper70);
548
557
  --mistica-color-tagBackgroundActive: var(--mistica-movistar-darkModeGrey7);
549
558
  --mistica-color-tagBackgroundInactive: var(--mistica-movistar-darkModeGrey7);
559
+ --mistica-color-tagBackgroundInfo: var(--mistica-movistar-darkModeGrey7);
550
560
  --mistica-color-tagBackgroundSuccess: var(--mistica-movistar-darkModeGrey7);
551
561
  --mistica-color-tagBackgroundWarning: var(--mistica-movistar-darkModeGrey7);
552
562
  --mistica-color-tagBackgroundError: var(--mistica-movistar-darkModeGrey7);
553
563
  --mistica-color-tagTextPromoInverse: var(--mistica-movistar-white);
554
564
  --mistica-color-tagTextActiveInverse: var(--mistica-movistar-movistarBlue);
555
565
  --mistica-color-tagTextInactiveInverse: var(--mistica-movistar-darkModeGrey3);
566
+ --mistica-color-tagTextInfoInverse: var(--mistica-movistar-white);
556
567
  --mistica-color-tagTextSuccessInverse: var(--mistica-movistar-movistarGreen40);
557
568
  --mistica-color-tagTextWarningInverse: var(--mistica-movistar-egg40);
558
569
  --mistica-color-tagTextErrorInverse: var(--mistica-movistar-pepper45);
559
570
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-movistar-pepper70);
560
571
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-movistar-darkModeGrey7);
561
572
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-movistar-darkModeGrey7);
573
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-movistar-darkModeGrey7);
562
574
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-movistar-darkModeGrey7);
563
575
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-movistar-darkModeGrey7);
564
576
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-movistar-darkModeGrey7);
@@ -693,24 +705,28 @@
693
705
  --mistica-color-tagTextPromo: var(--mistica-movistar-white);
694
706
  --mistica-color-tagTextActive: var(--mistica-movistar-movistarBlueHC);
695
707
  --mistica-color-tagTextInactive: var(--mistica-movistar-grey5);
708
+ --mistica-color-tagTextInfo: var(--mistica-movistar-white);
696
709
  --mistica-color-tagTextSuccess: var(--mistica-movistar-movistarGreen70);
697
710
  --mistica-color-tagTextWarning: var(--mistica-movistar-egg80);
698
711
  --mistica-color-tagTextError: var(--mistica-movistar-pepper70);
699
712
  --mistica-color-tagBackgroundPromo: var(--mistica-movistar-pepper70);
700
713
  --mistica-color-tagBackgroundActive: var(--mistica-movistar-movistarBlue10);
701
714
  --mistica-color-tagBackgroundInactive: var(--mistica-movistar-grey1);
715
+ --mistica-color-tagBackgroundInfo: var(--mistica-movistar-movistarBlueDark);
702
716
  --mistica-color-tagBackgroundSuccess: var(--mistica-movistar-movistarGreen10);
703
717
  --mistica-color-tagBackgroundWarning: var(--mistica-movistar-egg10);
704
718
  --mistica-color-tagBackgroundError: var(--mistica-movistar-pepper10);
705
719
  --mistica-color-tagTextPromoInverse: var(--mistica-movistar-pepper70);
706
720
  --mistica-color-tagTextActiveInverse: var(--mistica-movistar-movistarBlueHC);
707
721
  --mistica-color-tagTextInactiveInverse: var(--mistica-movistar-grey5);
722
+ --mistica-color-tagTextInfoInverse: var(--mistica-movistar-movistarBlueDark);
708
723
  --mistica-color-tagTextSuccessInverse: var(--mistica-movistar-movistarGreen70);
709
724
  --mistica-color-tagTextWarningInverse: var(--mistica-movistar-egg80);
710
725
  --mistica-color-tagTextErrorInverse: var(--mistica-movistar-pepper70);
711
726
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-movistar-white);
712
727
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-movistar-white);
713
728
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-movistar-white);
729
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-movistar-white);
714
730
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-movistar-white);
715
731
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-movistar-white);
716
732
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-movistar-white);
package/css/o2-new.css CHANGED
@@ -180,24 +180,28 @@
180
180
  --mistica-color-tagTextPromo: var(--mistica-o2-new-o2Pink80);
181
181
  --mistica-color-tagTextActive: var(--mistica-o2-new-beyondBlue);
182
182
  --mistica-color-tagTextInactive: var(--mistica-o2-new-grey60);
183
+ --mistica-color-tagTextInfo: var(--mistica-o2-new-beyondBlue);
183
184
  --mistica-color-tagTextSuccess: var(--mistica-o2-new-o2Green80);
184
185
  --mistica-color-tagTextWarning: var(--mistica-o2-new-o2Orange75);
185
186
  --mistica-color-tagTextError: var(--mistica-o2-new-o2Red65);
186
187
  --mistica-color-tagBackgroundPromo: var(--mistica-o2-new-o2Pink15);
187
188
  --mistica-color-tagBackgroundActive: var(--mistica-o2-new-beyondBlue10);
188
189
  --mistica-color-tagBackgroundInactive: var(--mistica-o2-new-grey20);
190
+ --mistica-color-tagBackgroundInfo: var(--mistica-o2-new-beyondBlue10);
189
191
  --mistica-color-tagBackgroundSuccess: var(--mistica-o2-new-o2Green10);
190
192
  --mistica-color-tagBackgroundWarning: var(--mistica-o2-new-o2Orange10);
191
193
  --mistica-color-tagBackgroundError: var(--mistica-o2-new-o2Red10);
192
194
  --mistica-color-tagTextPromoInverse: var(--mistica-o2-new-o2Pink80);
193
195
  --mistica-color-tagTextActiveInverse: var(--mistica-o2-new-beyondBlue);
194
196
  --mistica-color-tagTextInactiveInverse: var(--mistica-o2-new-grey60);
197
+ --mistica-color-tagTextInfoInverse: var(--mistica-o2-new-beyondBlue);
195
198
  --mistica-color-tagTextSuccessInverse: var(--mistica-o2-new-o2Green80);
196
199
  --mistica-color-tagTextWarningInverse: var(--mistica-o2-new-o2Orange75);
197
200
  --mistica-color-tagTextErrorInverse: var(--mistica-o2-new-o2Red65);
198
201
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-new-o2Pink15);
199
202
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-new-beyondBlue10);
200
203
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-new-grey20);
204
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-new-beyondBlue10);
201
205
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-o2-new-o2Green10);
202
206
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-o2-new-o2Orange10);
203
207
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-new-o2Red10);
@@ -388,24 +392,28 @@
388
392
  --mistica-color-tagTextPromo: var(--mistica-o2-new-o2Pink);
389
393
  --mistica-color-tagTextActive: var(--mistica-o2-new-beyondBlue30);
390
394
  --mistica-color-tagTextInactive: var(--mistica-o2-new-grey40);
395
+ --mistica-color-tagTextInfo: var(--mistica-o2-new-beyondBlue30);
391
396
  --mistica-color-tagTextSuccess: var(--mistica-o2-new-o2Green);
392
397
  --mistica-color-tagTextWarning: var(--mistica-o2-new-o2Orange);
393
398
  --mistica-color-tagTextError: var(--mistica-o2-new-o2Red45);
394
399
  --mistica-color-tagBackgroundPromo: var(--mistica-o2-new-darkModeGrey6);
395
400
  --mistica-color-tagBackgroundActive: var(--mistica-o2-new-darkModeGrey6);
396
401
  --mistica-color-tagBackgroundInactive: var(--mistica-o2-new-darkModeGrey6);
402
+ --mistica-color-tagBackgroundInfo: var(--mistica-o2-new-darkModeGrey6);
397
403
  --mistica-color-tagBackgroundSuccess: var(--mistica-o2-new-darkModeGrey6);
398
404
  --mistica-color-tagBackgroundWarning: var(--mistica-o2-new-darkModeGrey6);
399
405
  --mistica-color-tagBackgroundError: var(--mistica-o2-new-darkModeGrey6);
400
406
  --mistica-color-tagTextPromoInverse: var(--mistica-o2-new-o2Pink);
401
407
  --mistica-color-tagTextActiveInverse: var(--mistica-o2-new-beyondBlue30);
402
408
  --mistica-color-tagTextInactiveInverse: var(--mistica-o2-new-grey40);
409
+ --mistica-color-tagTextInfoInverse: var(--mistica-o2-new-beyondBlue30);
403
410
  --mistica-color-tagTextSuccessInverse: var(--mistica-o2-new-o2Green);
404
411
  --mistica-color-tagTextWarningInverse: var(--mistica-o2-new-o2Orange);
405
412
  --mistica-color-tagTextErrorInverse: var(--mistica-o2-new-o2Red45);
406
413
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-new-darkModeGrey6);
407
414
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-new-darkModeGrey6);
408
415
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-new-darkModeGrey6);
416
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-new-darkModeGrey6);
409
417
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-o2-new-darkModeGrey6);
410
418
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-o2-new-darkModeGrey6);
411
419
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-new-darkModeGrey6);
@@ -541,24 +549,28 @@
541
549
  --mistica-color-tagTextPromo: var(--mistica-o2-new-o2Pink);
542
550
  --mistica-color-tagTextActive: var(--mistica-o2-new-beyondBlue30);
543
551
  --mistica-color-tagTextInactive: var(--mistica-o2-new-grey40);
552
+ --mistica-color-tagTextInfo: var(--mistica-o2-new-beyondBlue30);
544
553
  --mistica-color-tagTextSuccess: var(--mistica-o2-new-o2Green);
545
554
  --mistica-color-tagTextWarning: var(--mistica-o2-new-o2Orange);
546
555
  --mistica-color-tagTextError: var(--mistica-o2-new-o2Red45);
547
556
  --mistica-color-tagBackgroundPromo: var(--mistica-o2-new-darkModeGrey6);
548
557
  --mistica-color-tagBackgroundActive: var(--mistica-o2-new-darkModeGrey6);
549
558
  --mistica-color-tagBackgroundInactive: var(--mistica-o2-new-darkModeGrey6);
559
+ --mistica-color-tagBackgroundInfo: var(--mistica-o2-new-darkModeGrey6);
550
560
  --mistica-color-tagBackgroundSuccess: var(--mistica-o2-new-darkModeGrey6);
551
561
  --mistica-color-tagBackgroundWarning: var(--mistica-o2-new-darkModeGrey6);
552
562
  --mistica-color-tagBackgroundError: var(--mistica-o2-new-darkModeGrey6);
553
563
  --mistica-color-tagTextPromoInverse: var(--mistica-o2-new-o2Pink);
554
564
  --mistica-color-tagTextActiveInverse: var(--mistica-o2-new-beyondBlue30);
555
565
  --mistica-color-tagTextInactiveInverse: var(--mistica-o2-new-grey40);
566
+ --mistica-color-tagTextInfoInverse: var(--mistica-o2-new-beyondBlue30);
556
567
  --mistica-color-tagTextSuccessInverse: var(--mistica-o2-new-o2Green);
557
568
  --mistica-color-tagTextWarningInverse: var(--mistica-o2-new-o2Orange);
558
569
  --mistica-color-tagTextErrorInverse: var(--mistica-o2-new-o2Red45);
559
570
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-new-darkModeGrey6);
560
571
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-new-darkModeGrey6);
561
572
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-new-darkModeGrey6);
573
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-new-darkModeGrey6);
562
574
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-o2-new-darkModeGrey6);
563
575
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-o2-new-darkModeGrey6);
564
576
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-new-darkModeGrey6);
@@ -703,24 +715,28 @@
703
715
  --mistica-color-tagTextPromo: var(--mistica-o2-new-o2Pink80);
704
716
  --mistica-color-tagTextActive: var(--mistica-o2-new-beyondBlue);
705
717
  --mistica-color-tagTextInactive: var(--mistica-o2-new-grey60);
718
+ --mistica-color-tagTextInfo: var(--mistica-o2-new-beyondBlue);
706
719
  --mistica-color-tagTextSuccess: var(--mistica-o2-new-o2Green80);
707
720
  --mistica-color-tagTextWarning: var(--mistica-o2-new-o2Orange75);
708
721
  --mistica-color-tagTextError: var(--mistica-o2-new-o2Red65);
709
722
  --mistica-color-tagBackgroundPromo: var(--mistica-o2-new-o2Pink15);
710
723
  --mistica-color-tagBackgroundActive: var(--mistica-o2-new-beyondBlue10);
711
724
  --mistica-color-tagBackgroundInactive: var(--mistica-o2-new-grey20);
725
+ --mistica-color-tagBackgroundInfo: var(--mistica-o2-new-beyondBlue10);
712
726
  --mistica-color-tagBackgroundSuccess: var(--mistica-o2-new-o2Green10);
713
727
  --mistica-color-tagBackgroundWarning: var(--mistica-o2-new-o2Orange10);
714
728
  --mistica-color-tagBackgroundError: var(--mistica-o2-new-o2Red10);
715
729
  --mistica-color-tagTextPromoInverse: var(--mistica-o2-new-o2Pink80);
716
730
  --mistica-color-tagTextActiveInverse: var(--mistica-o2-new-beyondBlue);
717
731
  --mistica-color-tagTextInactiveInverse: var(--mistica-o2-new-grey60);
732
+ --mistica-color-tagTextInfoInverse: var(--mistica-o2-new-beyondBlue);
718
733
  --mistica-color-tagTextSuccessInverse: var(--mistica-o2-new-o2Green80);
719
734
  --mistica-color-tagTextWarningInverse: var(--mistica-o2-new-o2Orange75);
720
735
  --mistica-color-tagTextErrorInverse: var(--mistica-o2-new-o2Red65);
721
736
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-new-o2Pink15);
722
737
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-new-beyondBlue10);
723
738
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-new-grey20);
739
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-new-beyondBlue10);
724
740
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-o2-new-o2Green10);
725
741
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-o2-new-o2Orange10);
726
742
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-new-o2Red10);
package/css/o2.css CHANGED
@@ -165,24 +165,28 @@
165
165
  --mistica-color-tagTextPromo: var(--mistica-o2-o2Purple);
166
166
  --mistica-color-tagTextActive: var(--mistica-o2-o2BluePrimary);
167
167
  --mistica-color-tagTextInactive: var(--mistica-o2-grey5);
168
+ --mistica-color-tagTextInfo: var(--mistica-o2-o2BluePrimary);
168
169
  --mistica-color-tagTextSuccess: var(--mistica-o2-o2Green80);
169
170
  --mistica-color-tagTextWarning: var(--mistica-o2-o2Orange75);
170
171
  --mistica-color-tagTextError: var(--mistica-o2-pepper60);
171
172
  --mistica-color-tagBackgroundPromo: var(--mistica-o2-o2Purple10);
172
173
  --mistica-color-tagBackgroundActive: var(--mistica-o2-o2BluePrimary10);
173
174
  --mistica-color-tagBackgroundInactive: var(--mistica-o2-grey1);
175
+ --mistica-color-tagBackgroundInfo: var(--mistica-o2-o2BluePrimary10);
174
176
  --mistica-color-tagBackgroundSuccess: var(--mistica-o2-o2Green10);
175
177
  --mistica-color-tagBackgroundWarning: var(--mistica-o2-o2Orange10);
176
178
  --mistica-color-tagBackgroundError: var(--mistica-o2-pepper10);
177
179
  --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Purple);
178
180
  --mistica-color-tagTextActiveInverse: var(--mistica-o2-o2BluePrimary);
179
181
  --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey5);
182
+ --mistica-color-tagTextInfoInverse: var(--mistica-o2-o2BluePrimary);
180
183
  --mistica-color-tagTextSuccessInverse: var(--mistica-o2-o2Green80);
181
184
  --mistica-color-tagTextWarningInverse: var(--mistica-o2-o2Orange75);
182
185
  --mistica-color-tagTextErrorInverse: var(--mistica-o2-pepper60);
183
186
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-o2Purple10);
184
187
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-o2BluePrimary10);
185
188
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-grey1);
189
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-o2BluePrimary10);
186
190
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-o2-o2Green10);
187
191
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-o2-o2Orange10);
188
192
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-pepper10);
@@ -373,24 +377,28 @@
373
377
  --mistica-color-tagTextPromo: var(--mistica-o2-o2Purple30);
374
378
  --mistica-color-tagTextActive: var(--mistica-o2-o2BluePrimary30);
375
379
  --mistica-color-tagTextInactive: var(--mistica-o2-grey5);
380
+ --mistica-color-tagTextInfo: var(--mistica-o2-o2BluePrimary30);
376
381
  --mistica-color-tagTextSuccess: var(--mistica-o2-o2Green40);
377
382
  --mistica-color-tagTextWarning: var(--mistica-o2-o2Orange40);
378
383
  --mistica-color-tagTextError: var(--mistica-o2-pepper40);
379
384
  --mistica-color-tagBackgroundPromo: var(--mistica-o2-darkModeGrey6);
380
385
  --mistica-color-tagBackgroundActive: var(--mistica-o2-darkModeGrey6);
381
386
  --mistica-color-tagBackgroundInactive: var(--mistica-o2-darkModeGrey6);
387
+ --mistica-color-tagBackgroundInfo: var(--mistica-o2-darkModeGrey6);
382
388
  --mistica-color-tagBackgroundSuccess: var(--mistica-o2-darkModeGrey6);
383
389
  --mistica-color-tagBackgroundWarning: var(--mistica-o2-darkModeGrey6);
384
390
  --mistica-color-tagBackgroundError: var(--mistica-o2-darkModeGrey6);
385
391
  --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Purple30);
386
392
  --mistica-color-tagTextActiveInverse: var(--mistica-o2-o2BluePrimary30);
387
393
  --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey5);
394
+ --mistica-color-tagTextInfoInverse: var(--mistica-o2-o2BluePrimary30);
388
395
  --mistica-color-tagTextSuccessInverse: var(--mistica-o2-o2Green40);
389
396
  --mistica-color-tagTextWarningInverse: var(--mistica-o2-o2Orange40);
390
397
  --mistica-color-tagTextErrorInverse: var(--mistica-o2-pepper40);
391
398
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-darkModeGrey6);
392
399
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-darkModeGrey6);
393
400
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-darkModeGrey6);
401
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-darkModeGrey6);
394
402
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-o2-darkModeGrey6);
395
403
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-o2-darkModeGrey6);
396
404
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-darkModeGrey6);
@@ -526,24 +534,28 @@
526
534
  --mistica-color-tagTextPromo: var(--mistica-o2-o2Purple30);
527
535
  --mistica-color-tagTextActive: var(--mistica-o2-o2BluePrimary30);
528
536
  --mistica-color-tagTextInactive: var(--mistica-o2-grey5);
537
+ --mistica-color-tagTextInfo: var(--mistica-o2-o2BluePrimary30);
529
538
  --mistica-color-tagTextSuccess: var(--mistica-o2-o2Green40);
530
539
  --mistica-color-tagTextWarning: var(--mistica-o2-o2Orange40);
531
540
  --mistica-color-tagTextError: var(--mistica-o2-pepper40);
532
541
  --mistica-color-tagBackgroundPromo: var(--mistica-o2-darkModeGrey6);
533
542
  --mistica-color-tagBackgroundActive: var(--mistica-o2-darkModeGrey6);
534
543
  --mistica-color-tagBackgroundInactive: var(--mistica-o2-darkModeGrey6);
544
+ --mistica-color-tagBackgroundInfo: var(--mistica-o2-darkModeGrey6);
535
545
  --mistica-color-tagBackgroundSuccess: var(--mistica-o2-darkModeGrey6);
536
546
  --mistica-color-tagBackgroundWarning: var(--mistica-o2-darkModeGrey6);
537
547
  --mistica-color-tagBackgroundError: var(--mistica-o2-darkModeGrey6);
538
548
  --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Purple30);
539
549
  --mistica-color-tagTextActiveInverse: var(--mistica-o2-o2BluePrimary30);
540
550
  --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey5);
551
+ --mistica-color-tagTextInfoInverse: var(--mistica-o2-o2BluePrimary30);
541
552
  --mistica-color-tagTextSuccessInverse: var(--mistica-o2-o2Green40);
542
553
  --mistica-color-tagTextWarningInverse: var(--mistica-o2-o2Orange40);
543
554
  --mistica-color-tagTextErrorInverse: var(--mistica-o2-pepper40);
544
555
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-darkModeGrey6);
545
556
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-darkModeGrey6);
546
557
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-darkModeGrey6);
558
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-darkModeGrey6);
547
559
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-o2-darkModeGrey6);
548
560
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-o2-darkModeGrey6);
549
561
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-darkModeGrey6);
@@ -678,24 +690,28 @@
678
690
  --mistica-color-tagTextPromo: var(--mistica-o2-o2Purple);
679
691
  --mistica-color-tagTextActive: var(--mistica-o2-o2BluePrimary);
680
692
  --mistica-color-tagTextInactive: var(--mistica-o2-grey5);
693
+ --mistica-color-tagTextInfo: var(--mistica-o2-o2BluePrimary);
681
694
  --mistica-color-tagTextSuccess: var(--mistica-o2-o2Green80);
682
695
  --mistica-color-tagTextWarning: var(--mistica-o2-o2Orange75);
683
696
  --mistica-color-tagTextError: var(--mistica-o2-pepper60);
684
697
  --mistica-color-tagBackgroundPromo: var(--mistica-o2-o2Purple10);
685
698
  --mistica-color-tagBackgroundActive: var(--mistica-o2-o2BluePrimary10);
686
699
  --mistica-color-tagBackgroundInactive: var(--mistica-o2-grey1);
700
+ --mistica-color-tagBackgroundInfo: var(--mistica-o2-o2BluePrimary10);
687
701
  --mistica-color-tagBackgroundSuccess: var(--mistica-o2-o2Green10);
688
702
  --mistica-color-tagBackgroundWarning: var(--mistica-o2-o2Orange10);
689
703
  --mistica-color-tagBackgroundError: var(--mistica-o2-pepper10);
690
704
  --mistica-color-tagTextPromoInverse: var(--mistica-o2-o2Purple);
691
705
  --mistica-color-tagTextActiveInverse: var(--mistica-o2-o2BluePrimary);
692
706
  --mistica-color-tagTextInactiveInverse: var(--mistica-o2-grey5);
707
+ --mistica-color-tagTextInfoInverse: var(--mistica-o2-o2BluePrimary);
693
708
  --mistica-color-tagTextSuccessInverse: var(--mistica-o2-o2Green80);
694
709
  --mistica-color-tagTextWarningInverse: var(--mistica-o2-o2Orange75);
695
710
  --mistica-color-tagTextErrorInverse: var(--mistica-o2-pepper60);
696
711
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-o2-o2Purple10);
697
712
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-o2-o2BluePrimary10);
698
713
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-o2-grey1);
714
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-o2-o2BluePrimary10);
699
715
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-o2-o2Green10);
700
716
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-o2-o2Orange10);
701
717
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-o2-pepper10);
@@ -166,24 +166,28 @@
166
166
  --mistica-color-tagTextPromo: var(--mistica-telefonica-orchid70);
167
167
  --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue);
168
168
  --mistica-color-tagTextInactive: var(--mistica-telefonica-grey5);
169
+ --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue);
169
170
  --mistica-color-tagTextSuccess: var(--mistica-telefonica-turquoise70);
170
171
  --mistica-color-tagTextWarning: var(--mistica-telefonica-ambar70);
171
172
  --mistica-color-tagTextError: var(--mistica-telefonica-coral70);
172
173
  --mistica-color-tagBackgroundPromo: var(--mistica-telefonica-orchid10);
173
174
  --mistica-color-tagBackgroundActive: var(--mistica-telefonica-telefonicaBlue10);
174
175
  --mistica-color-tagBackgroundInactive: var(--mistica-telefonica-grey1);
176
+ --mistica-color-tagBackgroundInfo: var(--mistica-telefonica-telefonicaBlue10);
175
177
  --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-turquoise10);
176
178
  --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-ambar10);
177
179
  --mistica-color-tagBackgroundError: var(--mistica-telefonica-coral10);
178
180
  --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid70);
179
181
  --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
180
182
  --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
183
+ --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue);
181
184
  --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise70);
182
185
  --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar70);
183
186
  --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral70);
184
187
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-orchid10);
185
188
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-telefonicaBlue10);
186
189
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-grey1);
190
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-telefonica-telefonicaBlue10);
187
191
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-turquoise10);
188
192
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-ambar10);
189
193
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-coral10);
@@ -374,24 +378,28 @@
374
378
  --mistica-color-tagTextPromo: var(--mistica-telefonica-orchid40);
375
379
  --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue);
376
380
  --mistica-color-tagTextInactive: var(--mistica-telefonica-grey5);
381
+ --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue);
377
382
  --mistica-color-tagTextSuccess: var(--mistica-telefonica-turquoise40);
378
383
  --mistica-color-tagTextWarning: var(--mistica-telefonica-ambar40);
379
384
  --mistica-color-tagTextError: var(--mistica-telefonica-coral40);
380
385
  --mistica-color-tagBackgroundPromo: var(--mistica-telefonica-darkModeGrey6);
381
386
  --mistica-color-tagBackgroundActive: var(--mistica-telefonica-darkModeGrey6);
382
387
  --mistica-color-tagBackgroundInactive: var(--mistica-telefonica-darkModeGrey6);
388
+ --mistica-color-tagBackgroundInfo: var(--mistica-telefonica-darkModeGrey6);
383
389
  --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-darkModeGrey6);
384
390
  --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-darkModeGrey6);
385
391
  --mistica-color-tagBackgroundError: var(--mistica-telefonica-darkModeGrey6);
386
392
  --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid40);
387
393
  --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
388
394
  --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
395
+ --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue);
389
396
  --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise40);
390
397
  --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar40);
391
398
  --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral40);
392
399
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-darkModeGrey6);
393
400
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-darkModeGrey6);
394
401
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-darkModeGrey6);
402
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-telefonica-darkModeGrey6);
395
403
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-darkModeGrey6);
396
404
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-darkModeGrey6);
397
405
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-darkModeGrey6);
@@ -536,24 +544,28 @@
536
544
  --mistica-color-tagTextPromo: var(--mistica-telefonica-orchid40);
537
545
  --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue);
538
546
  --mistica-color-tagTextInactive: var(--mistica-telefonica-grey5);
547
+ --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue);
539
548
  --mistica-color-tagTextSuccess: var(--mistica-telefonica-turquoise40);
540
549
  --mistica-color-tagTextWarning: var(--mistica-telefonica-ambar40);
541
550
  --mistica-color-tagTextError: var(--mistica-telefonica-coral40);
542
551
  --mistica-color-tagBackgroundPromo: var(--mistica-telefonica-darkModeGrey6);
543
552
  --mistica-color-tagBackgroundActive: var(--mistica-telefonica-darkModeGrey6);
544
553
  --mistica-color-tagBackgroundInactive: var(--mistica-telefonica-darkModeGrey6);
554
+ --mistica-color-tagBackgroundInfo: var(--mistica-telefonica-darkModeGrey6);
545
555
  --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-darkModeGrey6);
546
556
  --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-darkModeGrey6);
547
557
  --mistica-color-tagBackgroundError: var(--mistica-telefonica-darkModeGrey6);
548
558
  --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid40);
549
559
  --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
550
560
  --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
561
+ --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue);
551
562
  --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise40);
552
563
  --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar40);
553
564
  --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral40);
554
565
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-darkModeGrey6);
555
566
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-darkModeGrey6);
556
567
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-darkModeGrey6);
568
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-telefonica-darkModeGrey6);
557
569
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-darkModeGrey6);
558
570
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-darkModeGrey6);
559
571
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-darkModeGrey6);
@@ -697,24 +709,28 @@
697
709
  --mistica-color-tagTextPromo: var(--mistica-telefonica-orchid70);
698
710
  --mistica-color-tagTextActive: var(--mistica-telefonica-telefonicaBlue);
699
711
  --mistica-color-tagTextInactive: var(--mistica-telefonica-grey5);
712
+ --mistica-color-tagTextInfo: var(--mistica-telefonica-telefonicaBlue);
700
713
  --mistica-color-tagTextSuccess: var(--mistica-telefonica-turquoise70);
701
714
  --mistica-color-tagTextWarning: var(--mistica-telefonica-ambar70);
702
715
  --mistica-color-tagTextError: var(--mistica-telefonica-coral70);
703
716
  --mistica-color-tagBackgroundPromo: var(--mistica-telefonica-orchid10);
704
717
  --mistica-color-tagBackgroundActive: var(--mistica-telefonica-telefonicaBlue10);
705
718
  --mistica-color-tagBackgroundInactive: var(--mistica-telefonica-grey1);
719
+ --mistica-color-tagBackgroundInfo: var(--mistica-telefonica-telefonicaBlue10);
706
720
  --mistica-color-tagBackgroundSuccess: var(--mistica-telefonica-turquoise10);
707
721
  --mistica-color-tagBackgroundWarning: var(--mistica-telefonica-ambar10);
708
722
  --mistica-color-tagBackgroundError: var(--mistica-telefonica-coral10);
709
723
  --mistica-color-tagTextPromoInverse: var(--mistica-telefonica-orchid70);
710
724
  --mistica-color-tagTextActiveInverse: var(--mistica-telefonica-telefonicaBlue);
711
725
  --mistica-color-tagTextInactiveInverse: var(--mistica-telefonica-grey5);
726
+ --mistica-color-tagTextInfoInverse: var(--mistica-telefonica-telefonicaBlue);
712
727
  --mistica-color-tagTextSuccessInverse: var(--mistica-telefonica-turquoise70);
713
728
  --mistica-color-tagTextWarningInverse: var(--mistica-telefonica-ambar70);
714
729
  --mistica-color-tagTextErrorInverse: var(--mistica-telefonica-coral70);
715
730
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-telefonica-orchid10);
716
731
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-telefonica-telefonicaBlue10);
717
732
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-telefonica-grey1);
733
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-telefonica-telefonicaBlue10);
718
734
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-telefonica-turquoise10);
719
735
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-telefonica-ambar10);
720
736
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-telefonica-coral10);
package/css/tu.css CHANGED
@@ -168,24 +168,28 @@
168
168
  --mistica-color-tagTextPromo: var(--mistica-tu-blue);
169
169
  --mistica-color-tagTextActive: var(--mistica-tu-blue);
170
170
  --mistica-color-tagTextInactive: var(--mistica-tu-grey5);
171
+ --mistica-color-tagTextInfo: var(--mistica-tu-blue);
171
172
  --mistica-color-tagTextSuccess: var(--mistica-tu-green75);
172
173
  --mistica-color-tagTextWarning: var(--mistica-tu-orange70);
173
174
  --mistica-color-tagTextError: var(--mistica-tu-red70);
174
175
  --mistica-color-tagBackgroundPromo: var(--mistica-tu-blue10);
175
176
  --mistica-color-tagBackgroundActive: var(--mistica-tu-blue10);
176
177
  --mistica-color-tagBackgroundInactive: var(--mistica-tu-grey1);
178
+ --mistica-color-tagBackgroundInfo: var(--mistica-tu-blue10);
177
179
  --mistica-color-tagBackgroundSuccess: var(--mistica-tu-green10);
178
180
  --mistica-color-tagBackgroundWarning: var(--mistica-tu-orange20);
179
181
  --mistica-color-tagBackgroundError: var(--mistica-tu-red10);
180
182
  --mistica-color-tagTextPromoInverse: var(--mistica-tu-blue);
181
183
  --mistica-color-tagTextActiveInverse: var(--mistica-tu-blue);
182
184
  --mistica-color-tagTextInactiveInverse: var(--mistica-tu-grey5);
185
+ --mistica-color-tagTextInfoInverse: var(--mistica-tu-blue);
183
186
  --mistica-color-tagTextSuccessInverse: var(--mistica-tu-green75);
184
187
  --mistica-color-tagTextWarningInverse: var(--mistica-tu-orange70);
185
188
  --mistica-color-tagTextErrorInverse: var(--mistica-tu-red70);
186
189
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-tu-blue10);
187
190
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-tu-blue10);
188
191
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-tu-grey1);
192
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-tu-blue10);
189
193
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-tu-green10);
190
194
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-tu-orange20);
191
195
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-tu-red10);
@@ -376,24 +380,28 @@
376
380
  --mistica-color-tagTextPromo: var(--mistica-tu-blue30);
377
381
  --mistica-color-tagTextActive: var(--mistica-tu-blue30);
378
382
  --mistica-color-tagTextInactive: var(--mistica-tu-grey5);
383
+ --mistica-color-tagTextInfo: var(--mistica-tu-blue30);
379
384
  --mistica-color-tagTextSuccess: var(--mistica-tu-green40);
380
385
  --mistica-color-tagTextWarning: var(--mistica-tu-orange55);
381
386
  --mistica-color-tagTextError: var(--mistica-tu-red40);
382
387
  --mistica-color-tagBackgroundPromo: var(--mistica-tu-darkModeGrey6);
383
388
  --mistica-color-tagBackgroundActive: var(--mistica-tu-darkModeGrey6);
384
389
  --mistica-color-tagBackgroundInactive: var(--mistica-tu-darkModeGrey6);
390
+ --mistica-color-tagBackgroundInfo: var(--mistica-tu-darkModeGrey6);
385
391
  --mistica-color-tagBackgroundSuccess: var(--mistica-tu-darkModeGrey6);
386
392
  --mistica-color-tagBackgroundWarning: var(--mistica-tu-darkModeGrey6);
387
393
  --mistica-color-tagBackgroundError: var(--mistica-tu-darkModeGrey6);
388
394
  --mistica-color-tagTextPromoInverse: var(--mistica-tu-blue30);
389
395
  --mistica-color-tagTextActiveInverse: var(--mistica-tu-blue30);
390
396
  --mistica-color-tagTextInactiveInverse: var(--mistica-tu-grey5);
397
+ --mistica-color-tagTextInfoInverse: var(--mistica-tu-blue30);
391
398
  --mistica-color-tagTextSuccessInverse: var(--mistica-tu-green40);
392
399
  --mistica-color-tagTextWarningInverse: var(--mistica-tu-orange55);
393
400
  --mistica-color-tagTextErrorInverse: var(--mistica-tu-red40);
394
401
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-tu-darkModeGrey6);
395
402
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-tu-darkModeGrey6);
396
403
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-tu-darkModeGrey6);
404
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-tu-darkModeGrey6);
397
405
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-tu-darkModeGrey6);
398
406
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-tu-darkModeGrey6);
399
407
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-tu-darkModeGrey6);
@@ -529,24 +537,28 @@
529
537
  --mistica-color-tagTextPromo: var(--mistica-tu-blue30);
530
538
  --mistica-color-tagTextActive: var(--mistica-tu-blue30);
531
539
  --mistica-color-tagTextInactive: var(--mistica-tu-grey5);
540
+ --mistica-color-tagTextInfo: var(--mistica-tu-blue30);
532
541
  --mistica-color-tagTextSuccess: var(--mistica-tu-green40);
533
542
  --mistica-color-tagTextWarning: var(--mistica-tu-orange55);
534
543
  --mistica-color-tagTextError: var(--mistica-tu-red40);
535
544
  --mistica-color-tagBackgroundPromo: var(--mistica-tu-darkModeGrey6);
536
545
  --mistica-color-tagBackgroundActive: var(--mistica-tu-darkModeGrey6);
537
546
  --mistica-color-tagBackgroundInactive: var(--mistica-tu-darkModeGrey6);
547
+ --mistica-color-tagBackgroundInfo: var(--mistica-tu-darkModeGrey6);
538
548
  --mistica-color-tagBackgroundSuccess: var(--mistica-tu-darkModeGrey6);
539
549
  --mistica-color-tagBackgroundWarning: var(--mistica-tu-darkModeGrey6);
540
550
  --mistica-color-tagBackgroundError: var(--mistica-tu-darkModeGrey6);
541
551
  --mistica-color-tagTextPromoInverse: var(--mistica-tu-blue30);
542
552
  --mistica-color-tagTextActiveInverse: var(--mistica-tu-blue30);
543
553
  --mistica-color-tagTextInactiveInverse: var(--mistica-tu-grey5);
554
+ --mistica-color-tagTextInfoInverse: var(--mistica-tu-blue30);
544
555
  --mistica-color-tagTextSuccessInverse: var(--mistica-tu-green40);
545
556
  --mistica-color-tagTextWarningInverse: var(--mistica-tu-orange55);
546
557
  --mistica-color-tagTextErrorInverse: var(--mistica-tu-red40);
547
558
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-tu-darkModeGrey6);
548
559
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-tu-darkModeGrey6);
549
560
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-tu-darkModeGrey6);
561
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-tu-darkModeGrey6);
550
562
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-tu-darkModeGrey6);
551
563
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-tu-darkModeGrey6);
552
564
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-tu-darkModeGrey6);
@@ -681,24 +693,28 @@
681
693
  --mistica-color-tagTextPromo: var(--mistica-tu-blue);
682
694
  --mistica-color-tagTextActive: var(--mistica-tu-blue);
683
695
  --mistica-color-tagTextInactive: var(--mistica-tu-grey5);
696
+ --mistica-color-tagTextInfo: var(--mistica-tu-blue);
684
697
  --mistica-color-tagTextSuccess: var(--mistica-tu-green75);
685
698
  --mistica-color-tagTextWarning: var(--mistica-tu-orange70);
686
699
  --mistica-color-tagTextError: var(--mistica-tu-red70);
687
700
  --mistica-color-tagBackgroundPromo: var(--mistica-tu-blue10);
688
701
  --mistica-color-tagBackgroundActive: var(--mistica-tu-blue10);
689
702
  --mistica-color-tagBackgroundInactive: var(--mistica-tu-grey1);
703
+ --mistica-color-tagBackgroundInfo: var(--mistica-tu-blue10);
690
704
  --mistica-color-tagBackgroundSuccess: var(--mistica-tu-green10);
691
705
  --mistica-color-tagBackgroundWarning: var(--mistica-tu-orange20);
692
706
  --mistica-color-tagBackgroundError: var(--mistica-tu-red10);
693
707
  --mistica-color-tagTextPromoInverse: var(--mistica-tu-blue);
694
708
  --mistica-color-tagTextActiveInverse: var(--mistica-tu-blue);
695
709
  --mistica-color-tagTextInactiveInverse: var(--mistica-tu-grey5);
710
+ --mistica-color-tagTextInfoInverse: var(--mistica-tu-blue);
696
711
  --mistica-color-tagTextSuccessInverse: var(--mistica-tu-green75);
697
712
  --mistica-color-tagTextWarningInverse: var(--mistica-tu-orange70);
698
713
  --mistica-color-tagTextErrorInverse: var(--mistica-tu-red70);
699
714
  --mistica-color-tagBackgroundPromoInverse: var(--mistica-tu-blue10);
700
715
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-tu-blue10);
701
716
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-tu-grey1);
717
+ --mistica-color-tagBackgroundInfoInverse: var(--mistica-tu-blue10);
702
718
  --mistica-color-tagBackgroundSuccessInverse: var(--mistica-tu-green10);
703
719
  --mistica-color-tagBackgroundWarningInverse: var(--mistica-tu-orange20);
704
720
  --mistica-color-tagBackgroundErrorInverse: var(--mistica-tu-red10);