@telefonica/mistica 14.29.0 → 14.31.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 (164) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +7 -7
  3. package/dist/avatar.css-mistica.js +3 -3
  4. package/dist/badge.css-mistica.js +4 -4
  5. package/dist/boxed.css-mistica.js +1 -1
  6. package/dist/button-group.css-mistica.js +1 -1
  7. package/dist/button-layout.css-mistica.js +13 -13
  8. package/dist/button.css-mistica.js +19 -19
  9. package/dist/callout.css-mistica.js +1 -1
  10. package/dist/card.css-mistica.js +16 -16
  11. package/dist/card.d.ts +17 -7
  12. package/dist/card.js +275 -267
  13. package/dist/carousel.css-mistica.js +14 -14
  14. package/dist/checkbox.css-mistica.js +4 -4
  15. package/dist/chip.css-mistica.js +9 -9
  16. package/dist/circle.css-mistica.js +2 -2
  17. package/dist/community/advanced-data-card.css-mistica.js +7 -7
  18. package/dist/community/advanced-data-card.d.ts +1 -1
  19. package/dist/community/blocks.css-mistica.js +1 -1
  20. package/dist/counter.css-mistica.js +9 -9
  21. package/dist/credit-card-number-field.css-mistica.js +3 -3
  22. package/dist/dialog.css-mistica.js +7 -7
  23. package/dist/double-field.css-mistica.js +4 -4
  24. package/dist/empty-state-card.css-mistica.js +3 -3
  25. package/dist/empty-state.css-mistica.js +4 -4
  26. package/dist/feedback.css-mistica.js +9 -9
  27. package/dist/fixed-footer-layout.css-mistica.js +5 -5
  28. package/dist/fixed-footer-layout.js +20 -19
  29. package/dist/header.css-mistica.js +1 -1
  30. package/dist/hero.css-mistica.js +4 -4
  31. package/dist/highlighted-card.css-mistica.js +6 -6
  32. package/dist/horizontal-scroll.css-mistica.js +1 -1
  33. package/dist/icon-button.css-mistica.js +2 -2
  34. package/dist/image.css-mistica.js +1 -1
  35. package/dist/index.d.ts +2 -2
  36. package/dist/index.js +5 -2
  37. package/dist/list.css-mistica.js +12 -12
  38. package/dist/loading-bar.css-mistica.js +5 -5
  39. package/dist/maybe-dismissable.css-mistica.js +2 -2
  40. package/dist/menu.css-mistica.js +4 -4
  41. package/dist/navigation-bar.css-mistica.js +19 -19
  42. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  43. package/dist/nestable-context.d.ts +2 -2
  44. package/dist/nestable-context.js +18 -18
  45. package/dist/overscroll-color-context.js +2 -7
  46. package/dist/package-version.js +1 -1
  47. package/dist/password-field.css-mistica.js +1 -1
  48. package/dist/pin-field.css-mistica.js +5 -5
  49. package/dist/popover.css-mistica.js +4 -4
  50. package/dist/progress-bar.css-mistica.js +3 -3
  51. package/dist/radio-button.css-mistica.js +10 -10
  52. package/dist/responsive-layout.css-mistica.js +7 -7
  53. package/dist/screen-reader-only.css-mistica.js +1 -1
  54. package/dist/select.css-mistica.js +10 -10
  55. package/dist/sheet.css-mistica.js +10 -10
  56. package/dist/skeletons.css-mistica.js +2 -2
  57. package/dist/skins/blau.js +6 -2
  58. package/dist/skins/movistar-legacy.js +4 -0
  59. package/dist/skins/movistar.js +4 -0
  60. package/dist/skins/o2-classic.js +4 -0
  61. package/dist/skins/o2.js +4 -0
  62. package/dist/skins/skin-contract.css-mistica.js +181 -177
  63. package/dist/skins/skin-contract.css.d.ts +4 -0
  64. package/dist/skins/telefonica.js +4 -0
  65. package/dist/skins/types/colors.d.ts +2 -0
  66. package/dist/skins/vivo-new.js +5 -1
  67. package/dist/skins/vivo.js +4 -0
  68. package/dist/slider.css-mistica.js +8 -8
  69. package/dist/snackbar.css-mistica.js +11 -11
  70. package/dist/spinner.css-mistica.js +1 -1
  71. package/dist/sprinkles.css-mistica.js +547 -535
  72. package/dist/stacking-group.css-mistica.js +2 -2
  73. package/dist/stepper.css-mistica.js +9 -9
  74. package/dist/switch-component.css-mistica.js +19 -19
  75. package/dist/tabs.css-mistica.js +11 -11
  76. package/dist/tag.css-mistica.js +1 -1
  77. package/dist/text-field-base.css-mistica.js +9 -9
  78. package/dist/text-field-components.css-mistica.js +11 -11
  79. package/dist/text-link.css-mistica.js +3 -3
  80. package/dist/tooltip.css-mistica.js +10 -10
  81. package/dist/touchable.css-mistica.js +3 -3
  82. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  83. package/dist/utils/css.d.ts +4 -0
  84. package/dist/utils/css.js +18 -5
  85. package/dist/video.css-mistica.js +2 -2
  86. package/dist-es/accordion.css-mistica.js +3 -3
  87. package/dist-es/avatar.css-mistica.js +2 -2
  88. package/dist-es/badge.css-mistica.js +2 -2
  89. package/dist-es/boxed.css-mistica.js +1 -1
  90. package/dist-es/button-group.css-mistica.js +1 -1
  91. package/dist-es/button-layout.css-mistica.js +7 -7
  92. package/dist-es/button.css-mistica.js +9 -9
  93. package/dist-es/callout.css-mistica.js +1 -1
  94. package/dist-es/card.css-mistica.js +2 -2
  95. package/dist-es/card.js +343 -338
  96. package/dist-es/carousel.css-mistica.js +2 -2
  97. package/dist-es/checkbox.css-mistica.js +4 -4
  98. package/dist-es/chip.css-mistica.js +7 -7
  99. package/dist-es/circle.css-mistica.js +2 -2
  100. package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
  101. package/dist-es/community/blocks.css-mistica.js +1 -1
  102. package/dist-es/counter.css-mistica.js +2 -2
  103. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  104. package/dist-es/dialog.css-mistica.js +5 -5
  105. package/dist-es/double-field.css-mistica.js +4 -4
  106. package/dist-es/empty-state-card.css-mistica.js +2 -2
  107. package/dist-es/empty-state.css-mistica.js +3 -3
  108. package/dist-es/feedback.css-mistica.js +2 -2
  109. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  110. package/dist-es/fixed-footer-layout.js +33 -32
  111. package/dist-es/header.css-mistica.js +1 -1
  112. package/dist-es/hero.css-mistica.js +2 -2
  113. package/dist-es/highlighted-card.css-mistica.js +5 -5
  114. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  115. package/dist-es/icon-button.css-mistica.js +2 -2
  116. package/dist-es/image.css-mistica.js +1 -1
  117. package/dist-es/index.js +1725 -1725
  118. package/dist-es/list.css-mistica.js +2 -2
  119. package/dist-es/loading-bar.css-mistica.js +2 -2
  120. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  121. package/dist-es/menu.css-mistica.js +2 -2
  122. package/dist-es/navigation-bar.css-mistica.js +11 -11
  123. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  124. package/dist-es/nestable-context.js +23 -23
  125. package/dist-es/overscroll-color-context.js +1 -1
  126. package/dist-es/package-version.js +1 -1
  127. package/dist-es/password-field.css-mistica.js +1 -1
  128. package/dist-es/pin-field.css-mistica.js +2 -2
  129. package/dist-es/popover.css-mistica.js +2 -2
  130. package/dist-es/progress-bar.css-mistica.js +2 -2
  131. package/dist-es/radio-button.css-mistica.js +6 -6
  132. package/dist-es/responsive-layout.css-mistica.js +5 -5
  133. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  134. package/dist-es/select.css-mistica.js +10 -10
  135. package/dist-es/sheet.css-mistica.js +2 -2
  136. package/dist-es/skeletons.css-mistica.js +2 -2
  137. package/dist-es/skins/blau.js +6 -2
  138. package/dist-es/skins/movistar-legacy.js +4 -0
  139. package/dist-es/skins/movistar.js +4 -0
  140. package/dist-es/skins/o2-classic.js +4 -0
  141. package/dist-es/skins/o2.js +4 -0
  142. package/dist-es/skins/skin-contract.css-mistica.js +181 -177
  143. package/dist-es/skins/telefonica.js +4 -0
  144. package/dist-es/skins/vivo-new.js +5 -1
  145. package/dist-es/skins/vivo.js +4 -0
  146. package/dist-es/slider.css-mistica.js +6 -6
  147. package/dist-es/snackbar.css-mistica.js +5 -5
  148. package/dist-es/spinner.css-mistica.js +1 -1
  149. package/dist-es/sprinkles.css-mistica.js +547 -535
  150. package/dist-es/stacking-group.css-mistica.js +2 -2
  151. package/dist-es/stepper.css-mistica.js +2 -2
  152. package/dist-es/style.css +1 -1
  153. package/dist-es/switch-component.css-mistica.js +17 -17
  154. package/dist-es/tabs.css-mistica.js +9 -9
  155. package/dist-es/tag.css-mistica.js +1 -1
  156. package/dist-es/text-field-base.css-mistica.js +2 -2
  157. package/dist-es/text-field-components.css-mistica.js +2 -2
  158. package/dist-es/text-link.css-mistica.js +3 -3
  159. package/dist-es/tooltip.css-mistica.js +3 -3
  160. package/dist-es/touchable.css-mistica.js +2 -2
  161. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  162. package/dist-es/utils/css.js +7 -2
  163. package/dist-es/video.css-mistica.js +2 -2
  164. package/package.json +2 -2
@@ -19,25 +19,25 @@ _export(exports, {
19
19
  return _;
20
20
  },
21
21
  bodyContent: function() {
22
- return e;
22
+ return a;
23
23
  },
24
24
  children: function() {
25
- return c;
25
+ return e;
26
26
  },
27
27
  closingOverlay: function() {
28
- return l;
28
+ return r;
29
29
  },
30
30
  closingSheet: function() {
31
- return a;
31
+ return t;
32
32
  },
33
33
  handle: function() {
34
- return r;
34
+ return c;
35
35
  },
36
36
  handleContainer: function() {
37
- return t;
37
+ return o;
38
38
  },
39
39
  infoItemIcon: function() {
40
- return o;
40
+ return l;
41
41
  },
42
42
  modalCloseButton: function() {
43
43
  return b;
@@ -55,12 +55,12 @@ _export(exports, {
55
55
  return h;
56
56
  },
57
57
  stickyTitle: function() {
58
- return s;
58
+ return p;
59
59
  },
60
60
  transitionDuration: function() {
61
- return C;
61
+ return s;
62
62
  }
63
63
  });
64
64
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
65
65
  require("./sheet.css.ts.vanilla.css-mistica.js");
66
- var y = "cylz3v6 _1y2v1nf30", f = "cylz3v4 _1y2v1nfb2 _1y2v1nfer _1y2v1nff6 _1y2v1nffl", _ = "cylz3v9 _1y2v1nf6n _1y2v1nfb6 _1y2v1nfbc", e = "cylz3vo", c = "_1y2v1nfeb _1y2v1nfbs _1y2v1nfb6 _1y2v1nfbc", l = "cylz3vl", a = "cylz3v7", r = "_1y2v1nf44 _1y2v1nfc2 _1y2v1nfcd _1y2v1nfdq", t = "cylz3vc _1y2v1nf68 _1y2v1nf7h _1y2v1nfb1 _1y2v1nfec _1y2v1nfcn _1y2v1nfbt _1y2v1nfb6 _1y2v1nfbf", o = "_1y2v1nfb6 _1y2v1nfbl _1y2v1nfci", b = "cylz3vf _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb1 _1y2v1nfec _1y2v1nff6", i = "cylz3vh _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", z = "cylz3vk _1y2v1nfb2 _1y2v1nf3b _1y2v1nfec _1y2v1nfer _1y2v1nff6 _1y2v1nffl", d = "cylz3vq _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfdj _1y2v1nfbl", h = "_1y2v1nfb4 _1y2v1nffl _1y2v1nf30", s = "_1y2v1nfb4 _1y2v1nfec _1y2v1nf30", C = 400;
66
+ var y = "cylz3v6 _1y2v1nf32", f = "cylz3v4 _1y2v1nfb6 _1y2v1nfev _1y2v1nffa _1y2v1nffp", _ = "cylz3v9 _1y2v1nf6r _1y2v1nfba _1y2v1nfbg", a = "cylz3vo", e = "_1y2v1nfef _1y2v1nfbw _1y2v1nfba _1y2v1nfbg", r = "cylz3vl", t = "cylz3v7", c = "_1y2v1nf46 _1y2v1nfc6 _1y2v1nfch _1y2v1nfdu", o = "cylz3vc _1y2v1nf6c _1y2v1nf7l _1y2v1nfb5 _1y2v1nfeg _1y2v1nfcr _1y2v1nfbx _1y2v1nfba _1y2v1nfbj", l = "_1y2v1nfba _1y2v1nfbp _1y2v1nfcm", b = "cylz3vf _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfb5 _1y2v1nfeg _1y2v1nffa", i = "cylz3vh _1y2v1nfc7 _1y2v1nfcn _1y2v1nfba _1y2v1nfbp _1y2v1nfbj _1y2v1nfdt", z = "cylz3vk _1y2v1nfb6 _1y2v1nf3d _1y2v1nfeg _1y2v1nfev _1y2v1nffa _1y2v1nffp", d = "cylz3vq _1y2v1nf6i _1y2v1nf7r _1y2v1nf90 _1y2v1nfa9 _1y2v1nfba _1y2v1nfdn _1y2v1nfbp", h = "_1y2v1nfb8 _1y2v1nffp _1y2v1nf32", p = "_1y2v1nfb8 _1y2v1nfeg _1y2v1nf32", s = 400;
@@ -16,7 +16,7 @@ _export(exports, {
16
16
  return r;
17
17
  },
18
18
  line: function() {
19
- return f;
19
+ return a;
20
20
  },
21
21
  row: function() {
22
22
  return b;
@@ -24,4 +24,4 @@ _export(exports, {
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./skeletons.css.ts.vanilla.css-mistica.js");
27
- var o = "zopolw2 _1y2v1nfb8", r = "_1y2v1nfbo _1y2v1nfbq", f = "zopolw6 _1y2v1nfbp", b = "_1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf";
27
+ var o = "zopolw2 _1y2v1nfbc", r = "_1y2v1nfbs _1y2v1nfbu", a = "zopolw6 _1y2v1nfbt", b = "_1y2v1nfba _1y2v1nfbp _1y2v1nfbj";
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  getBlauSkin: function() {
13
- return u;
13
+ return d;
14
14
  },
15
15
  palette: function() {
16
16
  return e;
@@ -56,7 +56,7 @@ const e = {
56
56
  darkModeBlack: "#191919",
57
57
  darkModeGrey: "#242424",
58
58
  darkModeGrey6: "#313235"
59
- }, u = ()=>({
59
+ }, d = ()=>({
60
60
  name: _constants.BLAU_SKIN,
61
61
  colors: {
62
62
  backgroundBrand: e.blauBluePrimary,
@@ -115,6 +115,8 @@ const e = {
115
115
  textLinkSnackbar: e.blauPurple30,
116
116
  control: e.grey2,
117
117
  controlActivated: e.blauBlueSecondary,
118
+ controlInverse: e.white,
119
+ controlActivatedInverse: e.white,
118
120
  controlError: e.blauRed,
119
121
  loadingBar: e.blauBlueSecondary,
120
122
  loadingBarBackground: e.blauBlueSecondary10,
@@ -222,6 +224,8 @@ const e = {
222
224
  textLinkSnackbar: e.blauPurple30,
223
225
  control: e.darkModeGrey6,
224
226
  controlActivated: e.blauBlueSecondary,
227
+ controlInverse: e.darkModeGrey6,
228
+ controlActivatedInverse: e.blauBlueSecondary,
225
229
  controlError: e.blauRed,
226
230
  loadingBar: e.blauBluePrimary,
227
231
  loadingBarBackground: e.darkModeGrey,
@@ -119,6 +119,8 @@ const e = {
119
119
  textLinkSnackbar: e.movistarBlue30,
120
120
  control: e.grey3,
121
121
  controlActivated: e.movistarBlue,
122
+ controlInverse: e.white,
123
+ controlActivatedInverse: e.white,
122
124
  controlError: e.pepper,
123
125
  loadingBar: e.movistarBlue30,
124
126
  loadingBarBackground: e.movistarBlue55,
@@ -226,6 +228,8 @@ const e = {
226
228
  textLinkSnackbar: e.movistarBlue30,
227
229
  control: e.grey6,
228
230
  controlActivated: e.movistarBlue,
231
+ controlInverse: e.grey6,
232
+ controlActivatedInverse: e.movistarBlue,
229
233
  controlError: e.pepper,
230
234
  loadingBar: e.movistarBlue,
231
235
  loadingBarBackground: e.darkModeGrey,
@@ -119,6 +119,8 @@ const e = {
119
119
  textLinkSnackbar: e.movistarBlue30,
120
120
  control: e.grey3,
121
121
  controlActivated: e.movistarBlue,
122
+ controlInverse: e.white,
123
+ controlActivatedInverse: e.white,
122
124
  controlError: e.pepper,
123
125
  loadingBar: e.movistarBlue30,
124
126
  loadingBarBackground: e.movistarBlue55,
@@ -226,6 +228,8 @@ const e = {
226
228
  textLinkSnackbar: e.movistarBlue30,
227
229
  control: e.darkModeGrey6,
228
230
  controlActivated: e.movistarBlue,
231
+ controlInverse: e.darkModeGrey6,
232
+ controlActivatedInverse: e.movistarBlue,
229
233
  controlError: e.pepper,
230
234
  loadingBar: e.movistarBlue,
231
235
  loadingBarBackground: e.darkModeGrey6,
@@ -132,6 +132,8 @@ const e = {
132
132
  // CONTROLS
133
133
  control: e.grey3,
134
134
  controlActivated: e.o2Gem,
135
+ controlInverse: e.white,
136
+ controlActivatedInverse: e.white,
135
137
  controlError: e.pepper,
136
138
  loadingBar: e.o2Gem,
137
139
  loadingBarBackground: e.o2GemLight30,
@@ -241,6 +243,8 @@ const e = {
241
243
  textLinkSnackbar: e.o2SkyBlueLight,
242
244
  control: e.darkModeGrey6,
243
245
  controlActivated: e.o2SkyBlue,
246
+ controlInverse: e.darkModeGrey6,
247
+ controlActivatedInverse: e.o2SkyBlueLight,
244
248
  loadingBar: e.o2SkyBlue,
245
249
  loadingBarBackground: e.darkModeGrey6,
246
250
  toggleAndroidInactive: e.grey4,
package/dist/skins/o2.js CHANGED
@@ -119,6 +119,8 @@ const e = {
119
119
  textLinkSnackbar: e.o2BluePrimary30,
120
120
  control: e.grey3,
121
121
  controlActivated: e.o2BluePrimary,
122
+ controlInverse: e.white,
123
+ controlActivatedInverse: e.white,
122
124
  controlError: e.pepper,
123
125
  loadingBar: e.o2BluePrimary,
124
126
  loadingBarBackground: e.grey1,
@@ -226,6 +228,8 @@ const e = {
226
228
  textLinkSnackbar: e.o2BluePrimary30,
227
229
  control: e.darkModeGrey6,
228
230
  controlActivated: e.o2BluePrimary30,
231
+ controlInverse: e.darkModeGrey6,
232
+ controlActivatedInverse: e.o2BluePrimary30,
229
233
  controlError: e.pepper,
230
234
  loadingBar: e.darkModeO2BluePrimary,
231
235
  loadingBarBackground: e.darkModeGrey6,
@@ -53,186 +53,190 @@ var r = {
53
53
  buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i14)",
54
54
  control: "var(--_1vqcj1i15)",
55
55
  controlActivated: "var(--_1vqcj1i16)",
56
- controlError: "var(--_1vqcj1i17)",
57
- loadingBar: "var(--_1vqcj1i18)",
58
- loadingBarBackground: "var(--_1vqcj1i19)",
59
- toggleAndroidInactive: "var(--_1vqcj1i1a)",
60
- toggleAndroidBackgroundActive: "var(--_1vqcj1i1b)",
61
- iosControlKnob: "var(--_1vqcj1i1c)",
62
- divider: "var(--_1vqcj1i1d)",
63
- dividerInverse: "var(--_1vqcj1i1e)",
64
- navigationBarDivider: "var(--_1vqcj1i1f)",
65
- badge: "var(--_1vqcj1i1g)",
66
- feedbackErrorBackground: "var(--_1vqcj1i1h)",
67
- feedbackInfoBackground: "var(--_1vqcj1i1i)",
68
- brand: "var(--_1vqcj1i1j)",
69
- brandHigh: "var(--_1vqcj1i1k)",
70
- inverse: "var(--_1vqcj1i1l)",
71
- neutralHigh: "var(--_1vqcj1i1m)",
72
- neutralLow: "var(--_1vqcj1i1n)",
73
- neutralLowAlternative: "var(--_1vqcj1i1o)",
74
- neutralMedium: "var(--_1vqcj1i1p)",
75
- neutralMediumInverse: "var(--_1vqcj1i1q)",
76
- promo: "var(--_1vqcj1i1r)",
77
- error: "var(--_1vqcj1i1s)",
78
- highlight: "var(--_1vqcj1i1t)",
79
- success: "var(--_1vqcj1i1u)",
80
- warning: "var(--_1vqcj1i1v)",
81
- textPrimary: "var(--_1vqcj1i1w)",
82
- textPrimaryInverse: "var(--_1vqcj1i1x)",
83
- textSecondary: "var(--_1vqcj1i1y)",
84
- textSecondaryInverse: "var(--_1vqcj1i1z)",
85
- textButtonPrimary: "var(--_1vqcj1i20)",
86
- textButtonPrimaryInverse: "var(--_1vqcj1i21)",
87
- textButtonPrimaryInverseSelected: "var(--_1vqcj1i22)",
88
- textButtonSecondary: "var(--_1vqcj1i23)",
89
- textButtonSecondarySelected: "var(--_1vqcj1i24)",
90
- textButtonSecondaryInverse: "var(--_1vqcj1i25)",
91
- textButtonSecondaryInverseSelected: "var(--_1vqcj1i26)",
92
- textLink: "var(--_1vqcj1i27)",
93
- textLinkInverse: "var(--_1vqcj1i28)",
94
- textLinkDanger: "var(--_1vqcj1i29)",
95
- textLinkSnackbar: "var(--_1vqcj1i2a)",
96
- textNavigationBarPrimary: "var(--_1vqcj1i2b)",
97
- textNavigationBarSecondary: "var(--_1vqcj1i2c)",
98
- textNavigationSearchBarHint: "var(--_1vqcj1i2d)",
99
- textNavigationSearchBarText: "var(--_1vqcj1i2e)",
100
- textAppBar: "var(--_1vqcj1i2f)",
101
- textAppBarSelected: "var(--_1vqcj1i2g)",
102
- successLow: "var(--_1vqcj1i2h)",
103
- warningLow: "var(--_1vqcj1i2i)",
104
- errorLow: "var(--_1vqcj1i2j)",
105
- promoLow: "var(--_1vqcj1i2k)",
106
- brandLow: "var(--_1vqcj1i2l)",
107
- successHigh: "var(--_1vqcj1i2m)",
108
- warningHigh: "var(--_1vqcj1i2n)",
109
- errorHigh: "var(--_1vqcj1i2o)",
110
- promoHigh: "var(--_1vqcj1i2p)",
111
- successHighInverse: "var(--_1vqcj1i2q)",
112
- warningHighInverse: "var(--_1vqcj1i2r)",
113
- errorHighInverse: "var(--_1vqcj1i2s)",
114
- promoHighInverse: "var(--_1vqcj1i2t)",
115
- customTabsBackground: "var(--_1vqcj1i2u)",
116
- coverBackgroundHover: "var(--_1vqcj1i2v)",
117
- coverBackgroundPressed: "var(--_1vqcj1i2w)"
56
+ controlInverse: "var(--_1vqcj1i17)",
57
+ controlActivatedInverse: "var(--_1vqcj1i18)",
58
+ controlError: "var(--_1vqcj1i19)",
59
+ loadingBar: "var(--_1vqcj1i1a)",
60
+ loadingBarBackground: "var(--_1vqcj1i1b)",
61
+ toggleAndroidInactive: "var(--_1vqcj1i1c)",
62
+ toggleAndroidBackgroundActive: "var(--_1vqcj1i1d)",
63
+ iosControlKnob: "var(--_1vqcj1i1e)",
64
+ divider: "var(--_1vqcj1i1f)",
65
+ dividerInverse: "var(--_1vqcj1i1g)",
66
+ navigationBarDivider: "var(--_1vqcj1i1h)",
67
+ badge: "var(--_1vqcj1i1i)",
68
+ feedbackErrorBackground: "var(--_1vqcj1i1j)",
69
+ feedbackInfoBackground: "var(--_1vqcj1i1k)",
70
+ brand: "var(--_1vqcj1i1l)",
71
+ brandHigh: "var(--_1vqcj1i1m)",
72
+ inverse: "var(--_1vqcj1i1n)",
73
+ neutralHigh: "var(--_1vqcj1i1o)",
74
+ neutralLow: "var(--_1vqcj1i1p)",
75
+ neutralLowAlternative: "var(--_1vqcj1i1q)",
76
+ neutralMedium: "var(--_1vqcj1i1r)",
77
+ neutralMediumInverse: "var(--_1vqcj1i1s)",
78
+ promo: "var(--_1vqcj1i1t)",
79
+ error: "var(--_1vqcj1i1u)",
80
+ highlight: "var(--_1vqcj1i1v)",
81
+ success: "var(--_1vqcj1i1w)",
82
+ warning: "var(--_1vqcj1i1x)",
83
+ textPrimary: "var(--_1vqcj1i1y)",
84
+ textPrimaryInverse: "var(--_1vqcj1i1z)",
85
+ textSecondary: "var(--_1vqcj1i20)",
86
+ textSecondaryInverse: "var(--_1vqcj1i21)",
87
+ textButtonPrimary: "var(--_1vqcj1i22)",
88
+ textButtonPrimaryInverse: "var(--_1vqcj1i23)",
89
+ textButtonPrimaryInverseSelected: "var(--_1vqcj1i24)",
90
+ textButtonSecondary: "var(--_1vqcj1i25)",
91
+ textButtonSecondarySelected: "var(--_1vqcj1i26)",
92
+ textButtonSecondaryInverse: "var(--_1vqcj1i27)",
93
+ textButtonSecondaryInverseSelected: "var(--_1vqcj1i28)",
94
+ textLink: "var(--_1vqcj1i29)",
95
+ textLinkInverse: "var(--_1vqcj1i2a)",
96
+ textLinkDanger: "var(--_1vqcj1i2b)",
97
+ textLinkSnackbar: "var(--_1vqcj1i2c)",
98
+ textNavigationBarPrimary: "var(--_1vqcj1i2d)",
99
+ textNavigationBarSecondary: "var(--_1vqcj1i2e)",
100
+ textNavigationSearchBarHint: "var(--_1vqcj1i2f)",
101
+ textNavigationSearchBarText: "var(--_1vqcj1i2g)",
102
+ textAppBar: "var(--_1vqcj1i2h)",
103
+ textAppBarSelected: "var(--_1vqcj1i2i)",
104
+ successLow: "var(--_1vqcj1i2j)",
105
+ warningLow: "var(--_1vqcj1i2k)",
106
+ errorLow: "var(--_1vqcj1i2l)",
107
+ promoLow: "var(--_1vqcj1i2m)",
108
+ brandLow: "var(--_1vqcj1i2n)",
109
+ successHigh: "var(--_1vqcj1i2o)",
110
+ warningHigh: "var(--_1vqcj1i2p)",
111
+ errorHigh: "var(--_1vqcj1i2q)",
112
+ promoHigh: "var(--_1vqcj1i2r)",
113
+ successHighInverse: "var(--_1vqcj1i2s)",
114
+ warningHighInverse: "var(--_1vqcj1i2t)",
115
+ errorHighInverse: "var(--_1vqcj1i2u)",
116
+ promoHighInverse: "var(--_1vqcj1i2v)",
117
+ customTabsBackground: "var(--_1vqcj1i2w)",
118
+ coverBackgroundHover: "var(--_1vqcj1i2x)",
119
+ coverBackgroundPressed: "var(--_1vqcj1i2y)"
118
120
  },
119
121
  rawColors: {
120
- appBarBackground: "var(--_1vqcj1i2x)",
121
- background: "var(--_1vqcj1i2y)",
122
- backgroundContainer: "var(--_1vqcj1i2z)",
123
- backgroundContainerHover: "var(--_1vqcj1i30)",
124
- backgroundContainerPressed: "var(--_1vqcj1i31)",
125
- backgroundContainerBrand: "var(--_1vqcj1i32)",
126
- backgroundContainerBrandHover: "var(--_1vqcj1i33)",
127
- backgroundContainerBrandPressed: "var(--_1vqcj1i34)",
128
- backgroundContainerBrandOverInverse: "var(--_1vqcj1i35)",
129
- backgroundContainerAlternative: "var(--_1vqcj1i36)",
130
- backgroundBrand: "var(--_1vqcj1i37)",
131
- backgroundBrandSecondary: "var(--_1vqcj1i38)",
132
- backgroundOverlay: "var(--_1vqcj1i39)",
133
- backgroundSkeleton: "var(--_1vqcj1i3a)",
134
- backgroundSkeletonInverse: "var(--_1vqcj1i3b)",
135
- backgroundAlternative: "var(--_1vqcj1i3c)",
136
- backgroundFeedbackBottom: "var(--_1vqcj1i3d)",
137
- navigationBarBackground: "var(--_1vqcj1i3e)",
138
- skeletonWave: "var(--_1vqcj1i3f)",
139
- border: "var(--_1vqcj1i3g)",
140
- borderLow: "var(--_1vqcj1i3h)",
141
- borderHigh: "var(--_1vqcj1i3i)",
142
- borderSelected: "var(--_1vqcj1i3j)",
143
- buttonDangerBackground: "var(--_1vqcj1i3k)",
144
- buttonDangerBackgroundSelected: "var(--_1vqcj1i3l)",
145
- buttonDangerBackgroundHover: "var(--_1vqcj1i3m)",
146
- buttonLinkBackgroundSelected: "var(--_1vqcj1i3n)",
147
- buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i3o)",
148
- buttonPrimaryBackground: "var(--_1vqcj1i3p)",
149
- buttonPrimaryBackgroundInverse: "var(--_1vqcj1i3q)",
150
- buttonPrimaryBackgroundSelected: "var(--_1vqcj1i3r)",
151
- buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i3s)",
152
- buttonPrimaryBackgroundHover: "var(--_1vqcj1i3t)",
153
- buttonSecondaryBorder: "var(--_1vqcj1i3u)",
154
- buttonSecondaryBorderSelected: "var(--_1vqcj1i3v)",
155
- buttonSecondaryBorderInverse: "var(--_1vqcj1i3w)",
156
- buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i3x)",
157
- buttonSecondaryBackgroundHover: "var(--_1vqcj1i3y)",
158
- buttonSecondaryBackgroundSelected: "var(--_1vqcj1i3z)",
159
- buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i40)",
160
- buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i41)",
161
- control: "var(--_1vqcj1i42)",
162
- controlActivated: "var(--_1vqcj1i43)",
163
- controlError: "var(--_1vqcj1i44)",
164
- loadingBar: "var(--_1vqcj1i45)",
165
- loadingBarBackground: "var(--_1vqcj1i46)",
166
- toggleAndroidInactive: "var(--_1vqcj1i47)",
167
- toggleAndroidBackgroundActive: "var(--_1vqcj1i48)",
168
- iosControlKnob: "var(--_1vqcj1i49)",
169
- divider: "var(--_1vqcj1i4a)",
170
- dividerInverse: "var(--_1vqcj1i4b)",
171
- navigationBarDivider: "var(--_1vqcj1i4c)",
172
- badge: "var(--_1vqcj1i4d)",
173
- feedbackErrorBackground: "var(--_1vqcj1i4e)",
174
- feedbackInfoBackground: "var(--_1vqcj1i4f)",
175
- brand: "var(--_1vqcj1i4g)",
176
- brandHigh: "var(--_1vqcj1i4h)",
177
- inverse: "var(--_1vqcj1i4i)",
178
- neutralHigh: "var(--_1vqcj1i4j)",
179
- neutralLow: "var(--_1vqcj1i4k)",
180
- neutralLowAlternative: "var(--_1vqcj1i4l)",
181
- neutralMedium: "var(--_1vqcj1i4m)",
182
- neutralMediumInverse: "var(--_1vqcj1i4n)",
183
- promo: "var(--_1vqcj1i4o)",
184
- error: "var(--_1vqcj1i4p)",
185
- highlight: "var(--_1vqcj1i4q)",
186
- success: "var(--_1vqcj1i4r)",
187
- warning: "var(--_1vqcj1i4s)",
188
- textPrimary: "var(--_1vqcj1i4t)",
189
- textPrimaryInverse: "var(--_1vqcj1i4u)",
190
- textSecondary: "var(--_1vqcj1i4v)",
191
- textSecondaryInverse: "var(--_1vqcj1i4w)",
192
- textButtonPrimary: "var(--_1vqcj1i4x)",
193
- textButtonPrimaryInverse: "var(--_1vqcj1i4y)",
194
- textButtonPrimaryInverseSelected: "var(--_1vqcj1i4z)",
195
- textButtonSecondary: "var(--_1vqcj1i50)",
196
- textButtonSecondarySelected: "var(--_1vqcj1i51)",
197
- textButtonSecondaryInverse: "var(--_1vqcj1i52)",
198
- textButtonSecondaryInverseSelected: "var(--_1vqcj1i53)",
199
- textLink: "var(--_1vqcj1i54)",
200
- textLinkInverse: "var(--_1vqcj1i55)",
201
- textLinkDanger: "var(--_1vqcj1i56)",
202
- textLinkSnackbar: "var(--_1vqcj1i57)",
203
- textNavigationBarPrimary: "var(--_1vqcj1i58)",
204
- textNavigationBarSecondary: "var(--_1vqcj1i59)",
205
- textNavigationSearchBarHint: "var(--_1vqcj1i5a)",
206
- textNavigationSearchBarText: "var(--_1vqcj1i5b)",
207
- textAppBar: "var(--_1vqcj1i5c)",
208
- textAppBarSelected: "var(--_1vqcj1i5d)",
209
- successLow: "var(--_1vqcj1i5e)",
210
- warningLow: "var(--_1vqcj1i5f)",
211
- errorLow: "var(--_1vqcj1i5g)",
212
- promoLow: "var(--_1vqcj1i5h)",
213
- brandLow: "var(--_1vqcj1i5i)",
214
- successHigh: "var(--_1vqcj1i5j)",
215
- warningHigh: "var(--_1vqcj1i5k)",
216
- errorHigh: "var(--_1vqcj1i5l)",
217
- promoHigh: "var(--_1vqcj1i5m)",
218
- successHighInverse: "var(--_1vqcj1i5n)",
219
- warningHighInverse: "var(--_1vqcj1i5o)",
220
- errorHighInverse: "var(--_1vqcj1i5p)",
221
- promoHighInverse: "var(--_1vqcj1i5q)",
222
- customTabsBackground: "var(--_1vqcj1i5r)",
223
- coverBackgroundHover: "var(--_1vqcj1i5s)",
224
- coverBackgroundPressed: "var(--_1vqcj1i5t)"
122
+ appBarBackground: "var(--_1vqcj1i2z)",
123
+ background: "var(--_1vqcj1i30)",
124
+ backgroundContainer: "var(--_1vqcj1i31)",
125
+ backgroundContainerHover: "var(--_1vqcj1i32)",
126
+ backgroundContainerPressed: "var(--_1vqcj1i33)",
127
+ backgroundContainerBrand: "var(--_1vqcj1i34)",
128
+ backgroundContainerBrandHover: "var(--_1vqcj1i35)",
129
+ backgroundContainerBrandPressed: "var(--_1vqcj1i36)",
130
+ backgroundContainerBrandOverInverse: "var(--_1vqcj1i37)",
131
+ backgroundContainerAlternative: "var(--_1vqcj1i38)",
132
+ backgroundBrand: "var(--_1vqcj1i39)",
133
+ backgroundBrandSecondary: "var(--_1vqcj1i3a)",
134
+ backgroundOverlay: "var(--_1vqcj1i3b)",
135
+ backgroundSkeleton: "var(--_1vqcj1i3c)",
136
+ backgroundSkeletonInverse: "var(--_1vqcj1i3d)",
137
+ backgroundAlternative: "var(--_1vqcj1i3e)",
138
+ backgroundFeedbackBottom: "var(--_1vqcj1i3f)",
139
+ navigationBarBackground: "var(--_1vqcj1i3g)",
140
+ skeletonWave: "var(--_1vqcj1i3h)",
141
+ border: "var(--_1vqcj1i3i)",
142
+ borderLow: "var(--_1vqcj1i3j)",
143
+ borderHigh: "var(--_1vqcj1i3k)",
144
+ borderSelected: "var(--_1vqcj1i3l)",
145
+ buttonDangerBackground: "var(--_1vqcj1i3m)",
146
+ buttonDangerBackgroundSelected: "var(--_1vqcj1i3n)",
147
+ buttonDangerBackgroundHover: "var(--_1vqcj1i3o)",
148
+ buttonLinkBackgroundSelected: "var(--_1vqcj1i3p)",
149
+ buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i3q)",
150
+ buttonPrimaryBackground: "var(--_1vqcj1i3r)",
151
+ buttonPrimaryBackgroundInverse: "var(--_1vqcj1i3s)",
152
+ buttonPrimaryBackgroundSelected: "var(--_1vqcj1i3t)",
153
+ buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i3u)",
154
+ buttonPrimaryBackgroundHover: "var(--_1vqcj1i3v)",
155
+ buttonSecondaryBorder: "var(--_1vqcj1i3w)",
156
+ buttonSecondaryBorderSelected: "var(--_1vqcj1i3x)",
157
+ buttonSecondaryBorderInverse: "var(--_1vqcj1i3y)",
158
+ buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i3z)",
159
+ buttonSecondaryBackgroundHover: "var(--_1vqcj1i40)",
160
+ buttonSecondaryBackgroundSelected: "var(--_1vqcj1i41)",
161
+ buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i42)",
162
+ buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i43)",
163
+ control: "var(--_1vqcj1i44)",
164
+ controlActivated: "var(--_1vqcj1i45)",
165
+ controlInverse: "var(--_1vqcj1i46)",
166
+ controlActivatedInverse: "var(--_1vqcj1i47)",
167
+ controlError: "var(--_1vqcj1i48)",
168
+ loadingBar: "var(--_1vqcj1i49)",
169
+ loadingBarBackground: "var(--_1vqcj1i4a)",
170
+ toggleAndroidInactive: "var(--_1vqcj1i4b)",
171
+ toggleAndroidBackgroundActive: "var(--_1vqcj1i4c)",
172
+ iosControlKnob: "var(--_1vqcj1i4d)",
173
+ divider: "var(--_1vqcj1i4e)",
174
+ dividerInverse: "var(--_1vqcj1i4f)",
175
+ navigationBarDivider: "var(--_1vqcj1i4g)",
176
+ badge: "var(--_1vqcj1i4h)",
177
+ feedbackErrorBackground: "var(--_1vqcj1i4i)",
178
+ feedbackInfoBackground: "var(--_1vqcj1i4j)",
179
+ brand: "var(--_1vqcj1i4k)",
180
+ brandHigh: "var(--_1vqcj1i4l)",
181
+ inverse: "var(--_1vqcj1i4m)",
182
+ neutralHigh: "var(--_1vqcj1i4n)",
183
+ neutralLow: "var(--_1vqcj1i4o)",
184
+ neutralLowAlternative: "var(--_1vqcj1i4p)",
185
+ neutralMedium: "var(--_1vqcj1i4q)",
186
+ neutralMediumInverse: "var(--_1vqcj1i4r)",
187
+ promo: "var(--_1vqcj1i4s)",
188
+ error: "var(--_1vqcj1i4t)",
189
+ highlight: "var(--_1vqcj1i4u)",
190
+ success: "var(--_1vqcj1i4v)",
191
+ warning: "var(--_1vqcj1i4w)",
192
+ textPrimary: "var(--_1vqcj1i4x)",
193
+ textPrimaryInverse: "var(--_1vqcj1i4y)",
194
+ textSecondary: "var(--_1vqcj1i4z)",
195
+ textSecondaryInverse: "var(--_1vqcj1i50)",
196
+ textButtonPrimary: "var(--_1vqcj1i51)",
197
+ textButtonPrimaryInverse: "var(--_1vqcj1i52)",
198
+ textButtonPrimaryInverseSelected: "var(--_1vqcj1i53)",
199
+ textButtonSecondary: "var(--_1vqcj1i54)",
200
+ textButtonSecondarySelected: "var(--_1vqcj1i55)",
201
+ textButtonSecondaryInverse: "var(--_1vqcj1i56)",
202
+ textButtonSecondaryInverseSelected: "var(--_1vqcj1i57)",
203
+ textLink: "var(--_1vqcj1i58)",
204
+ textLinkInverse: "var(--_1vqcj1i59)",
205
+ textLinkDanger: "var(--_1vqcj1i5a)",
206
+ textLinkSnackbar: "var(--_1vqcj1i5b)",
207
+ textNavigationBarPrimary: "var(--_1vqcj1i5c)",
208
+ textNavigationBarSecondary: "var(--_1vqcj1i5d)",
209
+ textNavigationSearchBarHint: "var(--_1vqcj1i5e)",
210
+ textNavigationSearchBarText: "var(--_1vqcj1i5f)",
211
+ textAppBar: "var(--_1vqcj1i5g)",
212
+ textAppBarSelected: "var(--_1vqcj1i5h)",
213
+ successLow: "var(--_1vqcj1i5i)",
214
+ warningLow: "var(--_1vqcj1i5j)",
215
+ errorLow: "var(--_1vqcj1i5k)",
216
+ promoLow: "var(--_1vqcj1i5l)",
217
+ brandLow: "var(--_1vqcj1i5m)",
218
+ successHigh: "var(--_1vqcj1i5n)",
219
+ warningHigh: "var(--_1vqcj1i5o)",
220
+ errorHigh: "var(--_1vqcj1i5p)",
221
+ promoHigh: "var(--_1vqcj1i5q)",
222
+ successHighInverse: "var(--_1vqcj1i5r)",
223
+ warningHighInverse: "var(--_1vqcj1i5s)",
224
+ errorHighInverse: "var(--_1vqcj1i5t)",
225
+ promoHighInverse: "var(--_1vqcj1i5u)",
226
+ customTabsBackground: "var(--_1vqcj1i5v)",
227
+ coverBackgroundHover: "var(--_1vqcj1i5w)",
228
+ coverBackgroundPressed: "var(--_1vqcj1i5x)"
225
229
  },
226
230
  borderRadii: {
227
- button: "var(--_1vqcj1i5u)",
228
- input: "var(--_1vqcj1i5v)",
229
- container: "var(--_1vqcj1i5w)",
230
- legacyDisplay: "var(--_1vqcj1i5x)",
231
- popup: "var(--_1vqcj1i5y)",
232
- checkbox: "var(--_1vqcj1i5z)",
233
- indicator: "var(--_1vqcj1i60)",
234
- sheet: "var(--_1vqcj1i61)",
235
- bar: "var(--_1vqcj1i62)",
236
- avatar: "var(--_1vqcj1i63)"
231
+ button: "var(--_1vqcj1i5y)",
232
+ input: "var(--_1vqcj1i5z)",
233
+ container: "var(--_1vqcj1i60)",
234
+ legacyDisplay: "var(--_1vqcj1i61)",
235
+ popup: "var(--_1vqcj1i62)",
236
+ checkbox: "var(--_1vqcj1i63)",
237
+ indicator: "var(--_1vqcj1i64)",
238
+ sheet: "var(--_1vqcj1i65)",
239
+ bar: "var(--_1vqcj1i66)",
240
+ avatar: "var(--_1vqcj1i67)"
237
241
  }
238
242
  };
@@ -56,6 +56,8 @@ export declare const vars: {
56
56
  textLinkSnackbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
57
  control: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
58
  controlActivated: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ controlInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ controlActivatedInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
61
  controlError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
62
  loadingBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
63
  loadingBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -163,6 +165,8 @@ export declare const vars: {
163
165
  textLinkSnackbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
166
  control: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
167
  controlActivated: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
+ controlInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ controlActivatedInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
170
  controlError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
171
  loadingBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
172
  loadingBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -113,6 +113,8 @@ const e = {
113
113
  textLinkSnackbar: e.telefonicaBlue30,
114
114
  control: e.grey3,
115
115
  controlActivated: e.telefonicaBlue,
116
+ controlInverse: e.white,
117
+ controlActivatedInverse: e.white,
116
118
  controlError: e.coral,
117
119
  loadingBar: e.telefonicaBlue30,
118
120
  loadingBarBackground: e.telefonicaBlue70,
@@ -220,6 +222,8 @@ const e = {
220
222
  textLinkSnackbar: e.telefonicaBlue30,
221
223
  control: e.darkModeGrey6,
222
224
  controlActivated: e.telefonicaBlue,
225
+ controlInverse: e.darkModeGrey6,
226
+ controlActivatedInverse: e.telefonicaBlue,
223
227
  controlError: e.coral,
224
228
  loadingBar: e.telefonicaBlue,
225
229
  loadingBarBackground: e.grey6,
@@ -55,6 +55,8 @@ export type Colors = {
55
55
  textLinkSnackbar: string;
56
56
  control: string;
57
57
  controlActivated: string;
58
+ controlInverse: string;
59
+ controlActivatedInverse: string;
58
60
  controlError: string;
59
61
  loadingBar: string;
60
62
  loadingBarBackground: string;
@@ -60,7 +60,7 @@ const e = {
60
60
  background: e.white,
61
61
  backgroundAlternative: e.grey1,
62
62
  backgroundBrand: e.vivoPurple,
63
- backgroundBrandSecondary: e.vivoPurpleLight90,
63
+ backgroundBrandSecondary: e.vivoPurpleLight80,
64
64
  backgroundContainer: e.white,
65
65
  backgroundContainerHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.03),
66
66
  backgroundContainerPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.05),
@@ -113,6 +113,8 @@ const e = {
113
113
  textLinkSnackbar: e.vivoPurpleLight20,
114
114
  control: e.grey3,
115
115
  controlActivated: e.vivoPurple,
116
+ controlInverse: e.white,
117
+ controlActivatedInverse: e.white,
116
118
  controlError: e.pepper,
117
119
  loadingBar: e.pink,
118
120
  loadingBarBackground: e.pepperLight30,
@@ -220,6 +222,8 @@ const e = {
220
222
  textLinkSnackbar: e.vivoPurpleLight50,
221
223
  control: e.darkModeGrey6,
222
224
  controlActivated: e.vivoPurpleLight80,
225
+ controlInverse: e.darkModeGrey6,
226
+ controlActivatedInverse: e.vivoPurpleLight80,
223
227
  controlError: e.pepper,
224
228
  loadingBar: e.vivoPurpleLight80,
225
229
  loadingBarBackground: e.darkModeGrey6,