@telefonica/mistica 14.6.0 → 14.7.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 (186) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +1 -1
  3. package/dist/badge.css-mistica.js +3 -3
  4. package/dist/boxed.d.ts +2 -1
  5. package/dist/boxed.js +17 -18
  6. package/dist/button-fixed-footer-layout.d.ts +1 -2
  7. package/dist/button-group.css-mistica.js +3 -3
  8. package/dist/button-group.d.ts +1 -1
  9. package/dist/button-layout.css-mistica.js +12 -12
  10. package/dist/button-layout.d.ts +1 -2
  11. package/dist/button.css-mistica.js +22 -22
  12. package/dist/button.d.ts +1 -1
  13. package/dist/button.js +93 -90
  14. package/dist/callout.css-mistica.js +1 -1
  15. package/dist/callout.d.ts +1 -1
  16. package/dist/callout.js +13 -9
  17. package/dist/card.css-mistica.js +8 -8
  18. package/dist/card.d.ts +3 -3
  19. package/dist/card.js +71 -71
  20. package/dist/carousel.css-mistica.js +7 -7
  21. package/dist/checkbox.css-mistica.js +9 -9
  22. package/dist/chip.css-mistica.js +11 -10
  23. package/dist/chip.css.d.ts +1 -1
  24. package/dist/chip.js +21 -20
  25. package/dist/circle.css-mistica.js +1 -1
  26. package/dist/credit-card-number-field.css-mistica.js +3 -3
  27. package/dist/cvv-field.css-mistica.js +3 -3
  28. package/dist/date-time-picker.js +7 -6
  29. package/dist/dialog.css-mistica.js +7 -7
  30. package/dist/dialog.d.ts +1 -1
  31. package/dist/double-field.css-mistica.js +4 -4
  32. package/dist/double-field.d.ts +10 -10
  33. package/dist/empty-state-card.css-mistica.js +2 -2
  34. package/dist/empty-state-card.d.ts +1 -1
  35. package/dist/empty-state.css-mistica.js +2 -2
  36. package/dist/empty-state.d.ts +2 -1
  37. package/dist/feedback.css-mistica.js +5 -5
  38. package/dist/feedback.d.ts +1 -0
  39. package/dist/feedback.js +86 -87
  40. package/dist/fixed-footer-layout.css-mistica.js +5 -5
  41. package/dist/header.d.ts +2 -2
  42. package/dist/hero.css-mistica.js +5 -5
  43. package/dist/hero.d.ts +4 -4
  44. package/dist/highlighted-card.css-mistica.js +4 -4
  45. package/dist/highlighted-card.d.ts +1 -2
  46. package/dist/icon-button.css-mistica.js +1 -1
  47. package/dist/image.css-mistica.js +1 -1
  48. package/dist/image.js +16 -16
  49. package/dist/index.d.ts +7 -2
  50. package/dist/index.js +9 -1
  51. package/dist/list.css-mistica.js +9 -9
  52. package/dist/loading-bar.css-mistica.js +6 -6
  53. package/dist/logo.d.ts +34 -0
  54. package/dist/logo.js +629 -0
  55. package/dist/maybe-dismissable.css-mistica.js +4 -4
  56. package/dist/menu.css-mistica.js +1 -1
  57. package/dist/navigation-bar.css-mistica.js +16 -16
  58. package/dist/navigation-bar.d.ts +2 -6
  59. package/dist/navigation-bar.js +99 -266
  60. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  61. package/dist/package-version.js +1 -1
  62. package/dist/password-field.css-mistica.js +2 -2
  63. package/dist/popover.css-mistica.js +10 -10
  64. package/dist/progress-bar.css-mistica.js +2 -2
  65. package/dist/radio-button.css-mistica.js +9 -9
  66. package/dist/responsive-layout.css-mistica.js +8 -5
  67. package/dist/responsive-layout.css.d.ts +4 -1
  68. package/dist/responsive-layout.d.ts +2 -0
  69. package/dist/responsive-layout.js +7 -9
  70. package/dist/screen-reader-only.css-mistica.js +1 -1
  71. package/dist/select.css-mistica.js +14 -14
  72. package/dist/skeleton-base.js +3 -3
  73. package/dist/skeletons.css-mistica.js +4 -4
  74. package/dist/skins/blau.js +7 -1
  75. package/dist/skins/defaults.d.ts +3 -0
  76. package/dist/skins/defaults.js +48 -0
  77. package/dist/skins/movistar-legacy.js +7 -1
  78. package/dist/skins/movistar.js +7 -1
  79. package/dist/skins/o2-classic.js +6 -0
  80. package/dist/skins/o2.js +9 -3
  81. package/dist/skins/skin-contract.css-mistica.js +203 -185
  82. package/dist/skins/skin-contract.css.d.ts +18 -0
  83. package/dist/skins/telefonica.js +19 -1
  84. package/dist/skins/types.d.ts +21 -0
  85. package/dist/skins/vivo.js +7 -1
  86. package/dist/snackbar.css-mistica.js +8 -8
  87. package/dist/spinner.css-mistica.js +1 -1
  88. package/dist/sprinkles.css-mistica.js +360 -312
  89. package/dist/sprinkles.css.d.ts +1 -1
  90. package/dist/stepper.css-mistica.js +9 -9
  91. package/dist/switch-component.css-mistica.js +23 -23
  92. package/dist/tabs.css-mistica.js +14 -14
  93. package/dist/tag.css-mistica.js +2 -2
  94. package/dist/tag.js +12 -12
  95. package/dist/text-field-base.css-mistica.js +10 -10
  96. package/dist/text-field-components.css-mistica.js +10 -10
  97. package/dist/text-link.css-mistica.js +5 -5
  98. package/dist/theme-context-provider.js +38 -58
  99. package/dist/theme-variant-context.d.ts +4 -1
  100. package/dist/theme-variant-context.js +9 -8
  101. package/dist/tooltip.css-mistica.js +2 -2
  102. package/dist/touchable.css-mistica.js +1 -1
  103. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  104. package/dist/utils/renders-element.d.ts +1 -1
  105. package/dist/video.css-mistica.js +1 -1
  106. package/dist/video.js +16 -15
  107. package/dist-es/avatar.css-mistica.js +1 -1
  108. package/dist-es/badge.css-mistica.js +2 -2
  109. package/dist-es/boxed.js +25 -26
  110. package/dist-es/button-group.css-mistica.js +2 -2
  111. package/dist-es/button-layout.css-mistica.js +7 -7
  112. package/dist-es/button.css-mistica.js +9 -9
  113. package/dist-es/button.js +128 -125
  114. package/dist-es/callout.css-mistica.js +1 -1
  115. package/dist-es/callout.js +28 -24
  116. package/dist-es/card.css-mistica.js +2 -2
  117. package/dist-es/card.js +120 -120
  118. package/dist-es/carousel.css-mistica.js +2 -2
  119. package/dist-es/checkbox.css-mistica.js +6 -6
  120. package/dist-es/chip.css-mistica.js +9 -8
  121. package/dist-es/chip.js +37 -36
  122. package/dist-es/circle.css-mistica.js +1 -1
  123. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  124. package/dist-es/cvv-field.css-mistica.js +2 -2
  125. package/dist-es/date-time-picker.js +13 -12
  126. package/dist-es/dialog.css-mistica.js +5 -5
  127. package/dist-es/double-field.css-mistica.js +4 -4
  128. package/dist-es/empty-state-card.css-mistica.js +2 -2
  129. package/dist-es/empty-state.css-mistica.js +2 -2
  130. package/dist-es/feedback.css-mistica.js +2 -2
  131. package/dist-es/feedback.js +109 -110
  132. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  133. package/dist-es/hero.css-mistica.js +2 -2
  134. package/dist-es/highlighted-card.css-mistica.js +4 -4
  135. package/dist-es/icon-button.css-mistica.js +1 -1
  136. package/dist-es/image.css-mistica.js +1 -1
  137. package/dist-es/image.js +18 -18
  138. package/dist-es/index.js +1698 -1697
  139. package/dist-es/list.css-mistica.js +2 -2
  140. package/dist-es/loading-bar.css-mistica.js +2 -2
  141. package/dist-es/logo.js +607 -0
  142. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  143. package/dist-es/menu.css-mistica.js +1 -1
  144. package/dist-es/navigation-bar.css-mistica.js +11 -11
  145. package/dist-es/navigation-bar.js +171 -337
  146. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  147. package/dist-es/package-version.js +1 -1
  148. package/dist-es/password-field.css-mistica.js +2 -2
  149. package/dist-es/popover.css-mistica.js +2 -2
  150. package/dist-es/progress-bar.css-mistica.js +2 -2
  151. package/dist-es/radio-button.css-mistica.js +6 -6
  152. package/dist-es/responsive-layout.css-mistica.js +5 -2
  153. package/dist-es/responsive-layout.js +16 -18
  154. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  155. package/dist-es/select.css-mistica.js +11 -11
  156. package/dist-es/skeleton-base.js +7 -7
  157. package/dist-es/skeletons.css-mistica.js +2 -2
  158. package/dist-es/skins/blau.js +7 -1
  159. package/dist-es/skins/defaults.js +35 -0
  160. package/dist-es/skins/movistar-legacy.js +7 -1
  161. package/dist-es/skins/movistar.js +7 -1
  162. package/dist-es/skins/o2-classic.js +6 -0
  163. package/dist-es/skins/o2.js +9 -3
  164. package/dist-es/skins/skin-contract.css-mistica.js +203 -185
  165. package/dist-es/skins/telefonica.js +19 -1
  166. package/dist-es/skins/vivo.js +7 -1
  167. package/dist-es/snackbar.css-mistica.js +2 -2
  168. package/dist-es/spinner.css-mistica.js +1 -1
  169. package/dist-es/sprinkles.css-mistica.js +360 -312
  170. package/dist-es/stepper.css-mistica.js +2 -2
  171. package/dist-es/style.css +1 -1
  172. package/dist-es/switch-component.css-mistica.js +19 -19
  173. package/dist-es/tabs.css-mistica.js +10 -10
  174. package/dist-es/tag.css-mistica.js +2 -2
  175. package/dist-es/tag.js +27 -27
  176. package/dist-es/text-field-base.css-mistica.js +2 -2
  177. package/dist-es/text-field-components.css-mistica.js +2 -2
  178. package/dist-es/text-link.css-mistica.js +5 -5
  179. package/dist-es/theme-context-provider.js +72 -92
  180. package/dist-es/theme-variant-context.js +9 -9
  181. package/dist-es/tooltip.css-mistica.js +2 -2
  182. package/dist-es/touchable.css-mistica.js +1 -1
  183. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  184. package/dist-es/video.css-mistica.js +1 -1
  185. package/dist-es/video.js +17 -16
  186. package/package.json +3 -3
@@ -3,193 +3,211 @@ var r = {
3
3
  appBarBackground: "var(--_1vqcj1i0)",
4
4
  background: "var(--_1vqcj1i1)",
5
5
  backgroundContainer: "var(--_1vqcj1i2)",
6
- backgroundBrand: "var(--_1vqcj1i3)",
7
- backgroundBrandSecondary: "var(--_1vqcj1i4)",
8
- backgroundOverlay: "var(--_1vqcj1i5)",
9
- backgroundSkeleton: "var(--_1vqcj1i6)",
10
- backgroundSkeletonInverse: "var(--_1vqcj1i7)",
11
- backgroundAlternative: "var(--_1vqcj1i8)",
12
- backgroundFeedbackBottom: "var(--_1vqcj1i9)",
13
- navigationBarBackground: "var(--_1vqcj1ia)",
14
- skeletonWave: "var(--_1vqcj1ib)",
15
- border: "var(--_1vqcj1ic)",
16
- borderLow: "var(--_1vqcj1id)",
17
- borderHigh: "var(--_1vqcj1ie)",
18
- borderSelected: "var(--_1vqcj1if)",
19
- buttonDangerBackground: "var(--_1vqcj1ig)",
20
- buttonDangerBackgroundSelected: "var(--_1vqcj1ih)",
21
- buttonDangerBackgroundHover: "var(--_1vqcj1ii)",
22
- buttonLinkBackgroundSelected: "var(--_1vqcj1ij)",
23
- buttonLinkBackgroundInverseSelected: "var(--_1vqcj1ik)",
24
- buttonPrimaryBackground: "var(--_1vqcj1il)",
25
- buttonPrimaryBackgroundInverse: "var(--_1vqcj1im)",
26
- buttonPrimaryBackgroundSelected: "var(--_1vqcj1in)",
27
- buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1io)",
28
- buttonPrimaryBackgroundHover: "var(--_1vqcj1ip)",
29
- buttonSecondaryBorder: "var(--_1vqcj1iq)",
30
- buttonSecondaryBorderSelected: "var(--_1vqcj1ir)",
31
- buttonSecondaryBorderInverse: "var(--_1vqcj1is)",
32
- buttonSecondaryBorderInverseSelected: "var(--_1vqcj1it)",
33
- buttonSecondaryBackgroundHover: "var(--_1vqcj1iu)",
34
- buttonSecondaryBackgroundSelected: "var(--_1vqcj1iv)",
35
- buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1iw)",
36
- buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1ix)",
37
- control: "var(--_1vqcj1iy)",
38
- controlActivated: "var(--_1vqcj1iz)",
39
- controlError: "var(--_1vqcj1i10)",
40
- loadingBar: "var(--_1vqcj1i11)",
41
- loadingBarBackground: "var(--_1vqcj1i12)",
42
- toggleAndroidInactive: "var(--_1vqcj1i13)",
43
- toggleAndroidBackgroundActive: "var(--_1vqcj1i14)",
44
- iosControlKnob: "var(--_1vqcj1i15)",
45
- divider: "var(--_1vqcj1i16)",
46
- dividerInverse: "var(--_1vqcj1i17)",
47
- navigationBarDivider: "var(--_1vqcj1i18)",
48
- badge: "var(--_1vqcj1i19)",
49
- feedbackErrorBackground: "var(--_1vqcj1i1a)",
50
- feedbackInfoBackground: "var(--_1vqcj1i1b)",
51
- brand: "var(--_1vqcj1i1c)",
52
- brandHigh: "var(--_1vqcj1i1d)",
53
- inverse: "var(--_1vqcj1i1e)",
54
- neutralHigh: "var(--_1vqcj1i1f)",
55
- neutralLow: "var(--_1vqcj1i1g)",
56
- neutralMedium: "var(--_1vqcj1i1h)",
57
- neutralMediumInverse: "var(--_1vqcj1i1i)",
58
- promo: "var(--_1vqcj1i1j)",
59
- error: "var(--_1vqcj1i1k)",
60
- highlight: "var(--_1vqcj1i1l)",
61
- success: "var(--_1vqcj1i1m)",
62
- warning: "var(--_1vqcj1i1n)",
63
- textPrimary: "var(--_1vqcj1i1o)",
64
- textPrimaryInverse: "var(--_1vqcj1i1p)",
65
- textSecondary: "var(--_1vqcj1i1q)",
66
- textSecondaryInverse: "var(--_1vqcj1i1r)",
67
- textButtonPrimary: "var(--_1vqcj1i1s)",
68
- textButtonPrimaryInverse: "var(--_1vqcj1i1t)",
69
- textButtonPrimaryInverseSelected: "var(--_1vqcj1i1u)",
70
- textButtonSecondary: "var(--_1vqcj1i1v)",
71
- textButtonSecondarySelected: "var(--_1vqcj1i1w)",
72
- textButtonSecondaryInverse: "var(--_1vqcj1i1x)",
73
- textButtonSecondaryInverseSelected: "var(--_1vqcj1i1y)",
74
- textLink: "var(--_1vqcj1i1z)",
75
- textLinkInverse: "var(--_1vqcj1i20)",
76
- textLinkDanger: "var(--_1vqcj1i21)",
77
- textLinkSnackbar: "var(--_1vqcj1i22)",
78
- textNavigationBarPrimary: "var(--_1vqcj1i23)",
79
- textNavigationBarSecondary: "var(--_1vqcj1i24)",
80
- textNavigationSearchBarHint: "var(--_1vqcj1i25)",
81
- textNavigationSearchBarText: "var(--_1vqcj1i26)",
82
- textAppBar: "var(--_1vqcj1i27)",
83
- textAppBarSelected: "var(--_1vqcj1i28)",
84
- successLow: "var(--_1vqcj1i29)",
85
- warningLow: "var(--_1vqcj1i2a)",
86
- errorLow: "var(--_1vqcj1i2b)",
87
- promoLow: "var(--_1vqcj1i2c)",
88
- brandLow: "var(--_1vqcj1i2d)",
89
- successHigh: "var(--_1vqcj1i2e)",
90
- warningHigh: "var(--_1vqcj1i2f)",
91
- errorHigh: "var(--_1vqcj1i2g)",
92
- promoHigh: "var(--_1vqcj1i2h)",
93
- successHighInverse: "var(--_1vqcj1i2i)",
94
- warningHighInverse: "var(--_1vqcj1i2j)",
95
- errorHighInverse: "var(--_1vqcj1i2k)",
96
- promoHighInverse: "var(--_1vqcj1i2l)"
6
+ backgroundContainerBrand: "var(--_1vqcj1i3)",
7
+ backgroundContainerAlternative: "var(--_1vqcj1i4)",
8
+ backgroundBrand: "var(--_1vqcj1i5)",
9
+ backgroundBrandSecondary: "var(--_1vqcj1i6)",
10
+ backgroundOverlay: "var(--_1vqcj1i7)",
11
+ backgroundSkeleton: "var(--_1vqcj1i8)",
12
+ backgroundSkeletonInverse: "var(--_1vqcj1i9)",
13
+ backgroundAlternative: "var(--_1vqcj1ia)",
14
+ backgroundFeedbackBottom: "var(--_1vqcj1ib)",
15
+ navigationBarBackground: "var(--_1vqcj1ic)",
16
+ skeletonWave: "var(--_1vqcj1id)",
17
+ border: "var(--_1vqcj1ie)",
18
+ borderLow: "var(--_1vqcj1if)",
19
+ borderHigh: "var(--_1vqcj1ig)",
20
+ borderSelected: "var(--_1vqcj1ih)",
21
+ buttonDangerBackground: "var(--_1vqcj1ii)",
22
+ buttonDangerBackgroundSelected: "var(--_1vqcj1ij)",
23
+ buttonDangerBackgroundHover: "var(--_1vqcj1ik)",
24
+ buttonLinkBackgroundSelected: "var(--_1vqcj1il)",
25
+ buttonLinkBackgroundInverseSelected: "var(--_1vqcj1im)",
26
+ buttonPrimaryBackground: "var(--_1vqcj1in)",
27
+ buttonPrimaryBackgroundInverse: "var(--_1vqcj1io)",
28
+ buttonPrimaryBackgroundSelected: "var(--_1vqcj1ip)",
29
+ buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1iq)",
30
+ buttonPrimaryBackgroundHover: "var(--_1vqcj1ir)",
31
+ buttonSecondaryBorder: "var(--_1vqcj1is)",
32
+ buttonSecondaryBorderSelected: "var(--_1vqcj1it)",
33
+ buttonSecondaryBorderInverse: "var(--_1vqcj1iu)",
34
+ buttonSecondaryBorderInverseSelected: "var(--_1vqcj1iv)",
35
+ buttonSecondaryBackgroundHover: "var(--_1vqcj1iw)",
36
+ buttonSecondaryBackgroundSelected: "var(--_1vqcj1ix)",
37
+ buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1iy)",
38
+ buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1iz)",
39
+ control: "var(--_1vqcj1i10)",
40
+ controlActivated: "var(--_1vqcj1i11)",
41
+ controlError: "var(--_1vqcj1i12)",
42
+ loadingBar: "var(--_1vqcj1i13)",
43
+ loadingBarBackground: "var(--_1vqcj1i14)",
44
+ toggleAndroidInactive: "var(--_1vqcj1i15)",
45
+ toggleAndroidBackgroundActive: "var(--_1vqcj1i16)",
46
+ iosControlKnob: "var(--_1vqcj1i17)",
47
+ divider: "var(--_1vqcj1i18)",
48
+ dividerInverse: "var(--_1vqcj1i19)",
49
+ navigationBarDivider: "var(--_1vqcj1i1a)",
50
+ badge: "var(--_1vqcj1i1b)",
51
+ feedbackErrorBackground: "var(--_1vqcj1i1c)",
52
+ feedbackInfoBackground: "var(--_1vqcj1i1d)",
53
+ brand: "var(--_1vqcj1i1e)",
54
+ brandHigh: "var(--_1vqcj1i1f)",
55
+ inverse: "var(--_1vqcj1i1g)",
56
+ neutralHigh: "var(--_1vqcj1i1h)",
57
+ neutralLow: "var(--_1vqcj1i1i)",
58
+ neutralLowAlternative: "var(--_1vqcj1i1j)",
59
+ neutralMedium: "var(--_1vqcj1i1k)",
60
+ neutralMediumInverse: "var(--_1vqcj1i1l)",
61
+ promo: "var(--_1vqcj1i1m)",
62
+ error: "var(--_1vqcj1i1n)",
63
+ highlight: "var(--_1vqcj1i1o)",
64
+ success: "var(--_1vqcj1i1p)",
65
+ warning: "var(--_1vqcj1i1q)",
66
+ textPrimary: "var(--_1vqcj1i1r)",
67
+ textPrimaryInverse: "var(--_1vqcj1i1s)",
68
+ textSecondary: "var(--_1vqcj1i1t)",
69
+ textSecondaryInverse: "var(--_1vqcj1i1u)",
70
+ textButtonPrimary: "var(--_1vqcj1i1v)",
71
+ textButtonPrimaryInverse: "var(--_1vqcj1i1w)",
72
+ textButtonPrimaryInverseSelected: "var(--_1vqcj1i1x)",
73
+ textButtonSecondary: "var(--_1vqcj1i1y)",
74
+ textButtonSecondarySelected: "var(--_1vqcj1i1z)",
75
+ textButtonSecondaryInverse: "var(--_1vqcj1i20)",
76
+ textButtonSecondaryInverseSelected: "var(--_1vqcj1i21)",
77
+ textLink: "var(--_1vqcj1i22)",
78
+ textLinkInverse: "var(--_1vqcj1i23)",
79
+ textLinkDanger: "var(--_1vqcj1i24)",
80
+ textLinkSnackbar: "var(--_1vqcj1i25)",
81
+ textNavigationBarPrimary: "var(--_1vqcj1i26)",
82
+ textNavigationBarSecondary: "var(--_1vqcj1i27)",
83
+ textNavigationSearchBarHint: "var(--_1vqcj1i28)",
84
+ textNavigationSearchBarText: "var(--_1vqcj1i29)",
85
+ textAppBar: "var(--_1vqcj1i2a)",
86
+ textAppBarSelected: "var(--_1vqcj1i2b)",
87
+ successLow: "var(--_1vqcj1i2c)",
88
+ warningLow: "var(--_1vqcj1i2d)",
89
+ errorLow: "var(--_1vqcj1i2e)",
90
+ promoLow: "var(--_1vqcj1i2f)",
91
+ brandLow: "var(--_1vqcj1i2g)",
92
+ successHigh: "var(--_1vqcj1i2h)",
93
+ warningHigh: "var(--_1vqcj1i2i)",
94
+ errorHigh: "var(--_1vqcj1i2j)",
95
+ promoHigh: "var(--_1vqcj1i2k)",
96
+ successHighInverse: "var(--_1vqcj1i2l)",
97
+ warningHighInverse: "var(--_1vqcj1i2m)",
98
+ errorHighInverse: "var(--_1vqcj1i2n)",
99
+ promoHighInverse: "var(--_1vqcj1i2o)"
97
100
  },
98
101
  rawColors: {
99
- appBarBackground: "var(--_1vqcj1i2m)",
100
- background: "var(--_1vqcj1i2n)",
101
- backgroundContainer: "var(--_1vqcj1i2o)",
102
- backgroundBrand: "var(--_1vqcj1i2p)",
103
- backgroundBrandSecondary: "var(--_1vqcj1i2q)",
104
- backgroundOverlay: "var(--_1vqcj1i2r)",
105
- backgroundSkeleton: "var(--_1vqcj1i2s)",
106
- backgroundSkeletonInverse: "var(--_1vqcj1i2t)",
107
- backgroundAlternative: "var(--_1vqcj1i2u)",
108
- backgroundFeedbackBottom: "var(--_1vqcj1i2v)",
109
- navigationBarBackground: "var(--_1vqcj1i2w)",
110
- skeletonWave: "var(--_1vqcj1i2x)",
111
- border: "var(--_1vqcj1i2y)",
112
- borderLow: "var(--_1vqcj1i2z)",
113
- borderHigh: "var(--_1vqcj1i30)",
114
- borderSelected: "var(--_1vqcj1i31)",
115
- buttonDangerBackground: "var(--_1vqcj1i32)",
116
- buttonDangerBackgroundSelected: "var(--_1vqcj1i33)",
117
- buttonDangerBackgroundHover: "var(--_1vqcj1i34)",
118
- buttonLinkBackgroundSelected: "var(--_1vqcj1i35)",
119
- buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i36)",
120
- buttonPrimaryBackground: "var(--_1vqcj1i37)",
121
- buttonPrimaryBackgroundInverse: "var(--_1vqcj1i38)",
122
- buttonPrimaryBackgroundSelected: "var(--_1vqcj1i39)",
123
- buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i3a)",
124
- buttonPrimaryBackgroundHover: "var(--_1vqcj1i3b)",
125
- buttonSecondaryBorder: "var(--_1vqcj1i3c)",
126
- buttonSecondaryBorderSelected: "var(--_1vqcj1i3d)",
127
- buttonSecondaryBorderInverse: "var(--_1vqcj1i3e)",
128
- buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i3f)",
129
- buttonSecondaryBackgroundHover: "var(--_1vqcj1i3g)",
130
- buttonSecondaryBackgroundSelected: "var(--_1vqcj1i3h)",
131
- buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i3i)",
132
- buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i3j)",
133
- control: "var(--_1vqcj1i3k)",
134
- controlActivated: "var(--_1vqcj1i3l)",
135
- controlError: "var(--_1vqcj1i3m)",
136
- loadingBar: "var(--_1vqcj1i3n)",
137
- loadingBarBackground: "var(--_1vqcj1i3o)",
138
- toggleAndroidInactive: "var(--_1vqcj1i3p)",
139
- toggleAndroidBackgroundActive: "var(--_1vqcj1i3q)",
140
- iosControlKnob: "var(--_1vqcj1i3r)",
141
- divider: "var(--_1vqcj1i3s)",
142
- dividerInverse: "var(--_1vqcj1i3t)",
143
- navigationBarDivider: "var(--_1vqcj1i3u)",
144
- badge: "var(--_1vqcj1i3v)",
145
- feedbackErrorBackground: "var(--_1vqcj1i3w)",
146
- feedbackInfoBackground: "var(--_1vqcj1i3x)",
147
- brand: "var(--_1vqcj1i3y)",
148
- brandHigh: "var(--_1vqcj1i3z)",
149
- inverse: "var(--_1vqcj1i40)",
150
- neutralHigh: "var(--_1vqcj1i41)",
151
- neutralLow: "var(--_1vqcj1i42)",
152
- neutralMedium: "var(--_1vqcj1i43)",
153
- neutralMediumInverse: "var(--_1vqcj1i44)",
154
- promo: "var(--_1vqcj1i45)",
155
- error: "var(--_1vqcj1i46)",
156
- highlight: "var(--_1vqcj1i47)",
157
- success: "var(--_1vqcj1i48)",
158
- warning: "var(--_1vqcj1i49)",
159
- textPrimary: "var(--_1vqcj1i4a)",
160
- textPrimaryInverse: "var(--_1vqcj1i4b)",
161
- textSecondary: "var(--_1vqcj1i4c)",
162
- textSecondaryInverse: "var(--_1vqcj1i4d)",
163
- textButtonPrimary: "var(--_1vqcj1i4e)",
164
- textButtonPrimaryInverse: "var(--_1vqcj1i4f)",
165
- textButtonPrimaryInverseSelected: "var(--_1vqcj1i4g)",
166
- textButtonSecondary: "var(--_1vqcj1i4h)",
167
- textButtonSecondarySelected: "var(--_1vqcj1i4i)",
168
- textButtonSecondaryInverse: "var(--_1vqcj1i4j)",
169
- textButtonSecondaryInverseSelected: "var(--_1vqcj1i4k)",
170
- textLink: "var(--_1vqcj1i4l)",
171
- textLinkInverse: "var(--_1vqcj1i4m)",
172
- textLinkDanger: "var(--_1vqcj1i4n)",
173
- textLinkSnackbar: "var(--_1vqcj1i4o)",
174
- textNavigationBarPrimary: "var(--_1vqcj1i4p)",
175
- textNavigationBarSecondary: "var(--_1vqcj1i4q)",
176
- textNavigationSearchBarHint: "var(--_1vqcj1i4r)",
177
- textNavigationSearchBarText: "var(--_1vqcj1i4s)",
178
- textAppBar: "var(--_1vqcj1i4t)",
179
- textAppBarSelected: "var(--_1vqcj1i4u)",
180
- successLow: "var(--_1vqcj1i4v)",
181
- warningLow: "var(--_1vqcj1i4w)",
182
- errorLow: "var(--_1vqcj1i4x)",
183
- promoLow: "var(--_1vqcj1i4y)",
184
- brandLow: "var(--_1vqcj1i4z)",
185
- successHigh: "var(--_1vqcj1i50)",
186
- warningHigh: "var(--_1vqcj1i51)",
187
- errorHigh: "var(--_1vqcj1i52)",
188
- promoHigh: "var(--_1vqcj1i53)",
189
- successHighInverse: "var(--_1vqcj1i54)",
190
- warningHighInverse: "var(--_1vqcj1i55)",
191
- errorHighInverse: "var(--_1vqcj1i56)",
192
- promoHighInverse: "var(--_1vqcj1i57)"
102
+ appBarBackground: "var(--_1vqcj1i2p)",
103
+ background: "var(--_1vqcj1i2q)",
104
+ backgroundContainer: "var(--_1vqcj1i2r)",
105
+ backgroundContainerBrand: "var(--_1vqcj1i2s)",
106
+ backgroundContainerAlternative: "var(--_1vqcj1i2t)",
107
+ backgroundBrand: "var(--_1vqcj1i2u)",
108
+ backgroundBrandSecondary: "var(--_1vqcj1i2v)",
109
+ backgroundOverlay: "var(--_1vqcj1i2w)",
110
+ backgroundSkeleton: "var(--_1vqcj1i2x)",
111
+ backgroundSkeletonInverse: "var(--_1vqcj1i2y)",
112
+ backgroundAlternative: "var(--_1vqcj1i2z)",
113
+ backgroundFeedbackBottom: "var(--_1vqcj1i30)",
114
+ navigationBarBackground: "var(--_1vqcj1i31)",
115
+ skeletonWave: "var(--_1vqcj1i32)",
116
+ border: "var(--_1vqcj1i33)",
117
+ borderLow: "var(--_1vqcj1i34)",
118
+ borderHigh: "var(--_1vqcj1i35)",
119
+ borderSelected: "var(--_1vqcj1i36)",
120
+ buttonDangerBackground: "var(--_1vqcj1i37)",
121
+ buttonDangerBackgroundSelected: "var(--_1vqcj1i38)",
122
+ buttonDangerBackgroundHover: "var(--_1vqcj1i39)",
123
+ buttonLinkBackgroundSelected: "var(--_1vqcj1i3a)",
124
+ buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i3b)",
125
+ buttonPrimaryBackground: "var(--_1vqcj1i3c)",
126
+ buttonPrimaryBackgroundInverse: "var(--_1vqcj1i3d)",
127
+ buttonPrimaryBackgroundSelected: "var(--_1vqcj1i3e)",
128
+ buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i3f)",
129
+ buttonPrimaryBackgroundHover: "var(--_1vqcj1i3g)",
130
+ buttonSecondaryBorder: "var(--_1vqcj1i3h)",
131
+ buttonSecondaryBorderSelected: "var(--_1vqcj1i3i)",
132
+ buttonSecondaryBorderInverse: "var(--_1vqcj1i3j)",
133
+ buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i3k)",
134
+ buttonSecondaryBackgroundHover: "var(--_1vqcj1i3l)",
135
+ buttonSecondaryBackgroundSelected: "var(--_1vqcj1i3m)",
136
+ buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i3n)",
137
+ buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i3o)",
138
+ control: "var(--_1vqcj1i3p)",
139
+ controlActivated: "var(--_1vqcj1i3q)",
140
+ controlError: "var(--_1vqcj1i3r)",
141
+ loadingBar: "var(--_1vqcj1i3s)",
142
+ loadingBarBackground: "var(--_1vqcj1i3t)",
143
+ toggleAndroidInactive: "var(--_1vqcj1i3u)",
144
+ toggleAndroidBackgroundActive: "var(--_1vqcj1i3v)",
145
+ iosControlKnob: "var(--_1vqcj1i3w)",
146
+ divider: "var(--_1vqcj1i3x)",
147
+ dividerInverse: "var(--_1vqcj1i3y)",
148
+ navigationBarDivider: "var(--_1vqcj1i3z)",
149
+ badge: "var(--_1vqcj1i40)",
150
+ feedbackErrorBackground: "var(--_1vqcj1i41)",
151
+ feedbackInfoBackground: "var(--_1vqcj1i42)",
152
+ brand: "var(--_1vqcj1i43)",
153
+ brandHigh: "var(--_1vqcj1i44)",
154
+ inverse: "var(--_1vqcj1i45)",
155
+ neutralHigh: "var(--_1vqcj1i46)",
156
+ neutralLow: "var(--_1vqcj1i47)",
157
+ neutralLowAlternative: "var(--_1vqcj1i48)",
158
+ neutralMedium: "var(--_1vqcj1i49)",
159
+ neutralMediumInverse: "var(--_1vqcj1i4a)",
160
+ promo: "var(--_1vqcj1i4b)",
161
+ error: "var(--_1vqcj1i4c)",
162
+ highlight: "var(--_1vqcj1i4d)",
163
+ success: "var(--_1vqcj1i4e)",
164
+ warning: "var(--_1vqcj1i4f)",
165
+ textPrimary: "var(--_1vqcj1i4g)",
166
+ textPrimaryInverse: "var(--_1vqcj1i4h)",
167
+ textSecondary: "var(--_1vqcj1i4i)",
168
+ textSecondaryInverse: "var(--_1vqcj1i4j)",
169
+ textButtonPrimary: "var(--_1vqcj1i4k)",
170
+ textButtonPrimaryInverse: "var(--_1vqcj1i4l)",
171
+ textButtonPrimaryInverseSelected: "var(--_1vqcj1i4m)",
172
+ textButtonSecondary: "var(--_1vqcj1i4n)",
173
+ textButtonSecondarySelected: "var(--_1vqcj1i4o)",
174
+ textButtonSecondaryInverse: "var(--_1vqcj1i4p)",
175
+ textButtonSecondaryInverseSelected: "var(--_1vqcj1i4q)",
176
+ textLink: "var(--_1vqcj1i4r)",
177
+ textLinkInverse: "var(--_1vqcj1i4s)",
178
+ textLinkDanger: "var(--_1vqcj1i4t)",
179
+ textLinkSnackbar: "var(--_1vqcj1i4u)",
180
+ textNavigationBarPrimary: "var(--_1vqcj1i4v)",
181
+ textNavigationBarSecondary: "var(--_1vqcj1i4w)",
182
+ textNavigationSearchBarHint: "var(--_1vqcj1i4x)",
183
+ textNavigationSearchBarText: "var(--_1vqcj1i4y)",
184
+ textAppBar: "var(--_1vqcj1i4z)",
185
+ textAppBarSelected: "var(--_1vqcj1i50)",
186
+ successLow: "var(--_1vqcj1i51)",
187
+ warningLow: "var(--_1vqcj1i52)",
188
+ errorLow: "var(--_1vqcj1i53)",
189
+ promoLow: "var(--_1vqcj1i54)",
190
+ brandLow: "var(--_1vqcj1i55)",
191
+ successHigh: "var(--_1vqcj1i56)",
192
+ warningHigh: "var(--_1vqcj1i57)",
193
+ errorHigh: "var(--_1vqcj1i58)",
194
+ promoHigh: "var(--_1vqcj1i59)",
195
+ successHighInverse: "var(--_1vqcj1i5a)",
196
+ warningHighInverse: "var(--_1vqcj1i5b)",
197
+ errorHighInverse: "var(--_1vqcj1i5c)",
198
+ promoHighInverse: "var(--_1vqcj1i5d)"
199
+ },
200
+ borderRadii: {
201
+ button: "var(--_1vqcj1i5e)",
202
+ input: "var(--_1vqcj1i5f)",
203
+ container: "var(--_1vqcj1i5g)",
204
+ legacyDisplay: "var(--_1vqcj1i5h)",
205
+ popup: "var(--_1vqcj1i5i)",
206
+ checkbox: "var(--_1vqcj1i5j)",
207
+ indicator: "var(--_1vqcj1i5k)",
208
+ sheet: "var(--_1vqcj1i5l)",
209
+ bar: "var(--_1vqcj1i5m)",
210
+ avatar: "var(--_1vqcj1i5n)"
193
211
  }
194
212
  };
195
213
  export { r as vars };
@@ -42,6 +42,8 @@ const e = {
42
42
  appBarBackground: e.white,
43
43
  background: e.white,
44
44
  backgroundContainer: e.white,
45
+ backgroundContainerBrand: e.telefonicaBlue,
46
+ backgroundContainerAlternative: e.grey1,
45
47
  backgroundBrand: e.telefonicaBlue,
46
48
  backgroundBrandSecondary: e.telefonicaBlue,
47
49
  backgroundOverlay: r(e.grey6, 0.6),
@@ -104,6 +106,7 @@ const e = {
104
106
  neutralHigh: e.grey9,
105
107
  neutralMedium: e.grey5,
106
108
  neutralLow: e.grey1,
109
+ neutralLowAlternative: e.grey2,
107
110
  promo: e.orchid,
108
111
  highlight: e.coral40,
109
112
  textPrimary: e.grey9,
@@ -138,13 +141,15 @@ const e = {
138
141
  appBarBackground: e.darkModeGrey,
139
142
  background: e.darkModeBlack,
140
143
  backgroundContainer: e.darkModeGrey,
144
+ backgroundContainerBrand: e.darkModeGrey,
145
+ backgroundContainerAlternative: e.darkModeGrey,
141
146
  backgroundBrand: e.darkModeBlack,
142
147
  backgroundBrandSecondary: e.darkModeBlack,
143
148
  backgroundOverlay: r(e.darkModeGrey, 0.8),
144
149
  backgroundSkeleton: e.grey6,
145
150
  backgroundSkeletonInverse: e.grey6,
146
151
  navigationBarBackground: e.darkModeBlack,
147
- backgroundAlternative: e.darkModeGrey,
152
+ backgroundAlternative: e.darkModeBlack,
148
153
  backgroundFeedbackBottom: e.darkModeBlack,
149
154
  skeletonWave: e.grey5,
150
155
  borderLow: e.darkModeBlack,
@@ -189,6 +194,7 @@ const e = {
189
194
  neutralHigh: e.grey2,
190
195
  neutralMedium: e.grey5,
191
196
  neutralLow: e.darkModeGrey6,
197
+ neutralLowAlternative: e.darkModeGrey6,
192
198
  textPrimary: e.grey2,
193
199
  textPrimaryInverse: e.grey2,
194
200
  textSecondary: e.grey4,
@@ -213,6 +219,18 @@ const e = {
213
219
  errorHighInverse: e.coral70,
214
220
  promoHighInverse: e.orchid70,
215
221
  neutralMediumInverse: e.grey5
222
+ },
223
+ borderRadii: {
224
+ button: "999px",
225
+ input: "0px",
226
+ container: "0px",
227
+ legacyDisplay: "0px",
228
+ popup: "0px",
229
+ checkbox: "0px",
230
+ indicator: "999px",
231
+ sheet: "8px",
232
+ bar: "0px",
233
+ avatar: "50%"
216
234
  }
217
235
  });
218
236
  export { n as getTelefonicaSkin, e as palette };
@@ -40,6 +40,8 @@ const e = {
40
40
  appBarBackground: e.white,
41
41
  background: e.white,
42
42
  backgroundContainer: e.white,
43
+ backgroundContainerAlternative: e.grey1,
44
+ backgroundContainerBrand: e.vivoPurple,
43
45
  backgroundBrand: e.vivoPurple,
44
46
  backgroundBrandSecondary: e.vivoPurple,
45
47
  backgroundOverlay: r(e.grey6, 0.6),
@@ -102,6 +104,7 @@ const e = {
102
104
  neutralHigh: e.grey6,
103
105
  neutralMedium: e.grey5,
104
106
  neutralLow: e.grey1,
107
+ neutralLowAlternative: e.grey2,
105
108
  promo: e.vivoPurple,
106
109
  highlight: e.pink,
107
110
  textPrimary: e.grey6,
@@ -136,13 +139,15 @@ const e = {
136
139
  appBarBackground: e.darkModeGrey,
137
140
  background: e.darkModeBlack,
138
141
  backgroundContainer: e.darkModeGrey,
142
+ backgroundContainerBrand: e.darkModeGrey,
143
+ backgroundContainerAlternative: e.darkModeGrey,
139
144
  backgroundBrand: e.darkModeBlack,
140
145
  backgroundBrandSecondary: e.darkModeBlack,
141
146
  backgroundOverlay: r(e.darkModeGrey, 0.8),
142
147
  backgroundSkeleton: e.darkModeGrey6,
143
148
  backgroundSkeletonInverse: e.darkModeGrey6,
144
149
  navigationBarBackground: e.darkModeBlack,
145
- backgroundAlternative: e.darkModeGrey,
150
+ backgroundAlternative: e.darkModeBlack,
146
151
  backgroundFeedbackBottom: e.darkModeBlack,
147
152
  skeletonWave: e.grey5,
148
153
  borderLow: e.darkModeBlack,
@@ -190,6 +195,7 @@ const e = {
190
195
  neutralHigh: e.grey2,
191
196
  neutralMedium: e.grey5,
192
197
  neutralLow: e.darkModeGrey6,
198
+ neutralLowAlternative: e.darkModeGrey6,
193
199
  promo: e.vivoPurpleLight80,
194
200
  textPrimary: e.grey2,
195
201
  textPrimaryInverse: e.grey2,
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./snackbar.css.ts.vanilla.js";
3
- var a = 300, v = "o7bjb09", b = "_1y2v1nf1p", o = "_1y2v1nf22", p = "_1y2v1nf5i _1y2v1nf5u", t = "o7bjb0a", f = "o7bjb01 _1y2v1nf7p _1y2v1nf5i _1y2v1nf5r", _ = "o7bjb02", y = "o7bjb04 _1y2v1nf5f _1y2v1nf9k", e = "_1y2v1nf3y", i = "_1y2v1nf3z", j = "o7bjb07";
4
- export { a as TRANSITION_TIME_IN_MS, v as button, b as buttonCritical, o as buttonInfo, p as content, t as longButton, f as snackbar, _ as snackbarOpen, y as wrapper, e as wrapperCritical, i as wrapperInfo, j as wrapperOpen };
3
+ var v = 300, a = "o7bjb09", o = "_1y2v1nf1s", b = "_1y2v1nf25", t = "_1y2v1nf5o _1y2v1nf60", _ = "o7bjb0a", f = "o7bjb01 _1y2v1nf7v _1y2v1nf5o _1y2v1nf5x", p = "o7bjb02", y = "o7bjb04 _1y2v1nf5l _1y2v1nf9x", e = "_1y2v1nf43", i = "_1y2v1nf44", j = "o7bjb07";
4
+ export { v as TRANSITION_TIME_IN_MS, a as button, o as buttonCritical, b as buttonInfo, t as content, _ as longButton, f as snackbar, p as snackbarOpen, y as wrapper, e as wrapperCritical, i as wrapperInfo, j as wrapperOpen };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./spinner.css.ts.vanilla.js";
3
- var t = "_1fthc594 _1y2v1nf60", a = "_1fthc595", e = "_1y2v1nf60", f = "_1fthc597";
3
+ var t = "_1fthc594 _1y2v1nf66", a = "_1fthc595", e = "_1y2v1nf66", f = "_1fthc597";
4
4
  export { t as spinnerDefault, a as spinnerDefaultPath, e as spinnerIos, f as spinnerIosSvgPath };