@telefonica/mistica 14.46.0 → 14.47.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 (166) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +5 -5
  3. package/dist/avatar.css-mistica.js +3 -3
  4. package/dist/badge.css-mistica.js +6 -6
  5. package/dist/boxed.css-mistica.js +3 -3
  6. package/dist/button-group.css-mistica.js +5 -5
  7. package/dist/button-layout.css-mistica.js +11 -11
  8. package/dist/button.css-mistica.js +28 -28
  9. package/dist/callout.css-mistica.js +2 -2
  10. package/dist/card.css-mistica.js +17 -17
  11. package/dist/carousel.css-mistica.js +21 -21
  12. package/dist/checkbox.css-mistica.js +9 -9
  13. package/dist/chip.css-mistica.js +10 -10
  14. package/dist/circle.css-mistica.js +2 -2
  15. package/dist/community/advanced-data-card.css-mistica.js +15 -15
  16. package/dist/community/blocks.css-mistica.js +3 -3
  17. package/dist/counter.css-mistica.js +6 -6
  18. package/dist/credit-card-number-field.css-mistica.js +4 -4
  19. package/dist/dialog.css-mistica.js +7 -7
  20. package/dist/double-field.css-mistica.js +4 -4
  21. package/dist/empty-state-card.css-mistica.js +3 -3
  22. package/dist/empty-state.css-mistica.js +4 -4
  23. package/dist/feedback.css-mistica.js +7 -7
  24. package/dist/feedback.js +42 -43
  25. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  26. package/dist/header.css-mistica.js +3 -3
  27. package/dist/header.js +83 -85
  28. package/dist/hero.css-mistica.js +5 -5
  29. package/dist/highlighted-card.css-mistica.js +7 -7
  30. package/dist/horizontal-scroll.css-mistica.js +3 -3
  31. package/dist/icon-button.css-mistica.js +12 -12
  32. package/dist/image.css-mistica.js +3 -3
  33. package/dist/index.d.ts +1 -1
  34. package/dist/index.js +3 -0
  35. package/dist/list.css-mistica.js +12 -12
  36. package/dist/list.d.ts +4 -0
  37. package/dist/list.js +52 -46
  38. package/dist/loading-bar.css-mistica.js +3 -3
  39. package/dist/loading-screen.css-mistica.js +7 -7
  40. package/dist/loading-screen.js +43 -42
  41. package/dist/maybe-dismissable.css-mistica.js +1 -1
  42. package/dist/menu.css-mistica.js +3 -3
  43. package/dist/navigation-bar.css-mistica.js +17 -17
  44. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  45. package/dist/overscroll-color-context.d.ts +8 -0
  46. package/dist/overscroll-color-context.js +104 -34
  47. package/dist/package-version.js +1 -1
  48. package/dist/pin-field.css-mistica.js +10 -10
  49. package/dist/progress-bar.css-mistica.js +2 -2
  50. package/dist/radio-button.css-mistica.js +7 -7
  51. package/dist/responsive-layout.css-mistica.js +5 -5
  52. package/dist/screen-reader-only.css-mistica.js +1 -1
  53. package/dist/select.css-mistica.js +11 -11
  54. package/dist/sheet.css-mistica.js +12 -12
  55. package/dist/skeletons.css-mistica.js +3 -3
  56. package/dist/skins/blau.js +31 -5
  57. package/dist/skins/movistar-legacy.js +32 -6
  58. package/dist/skins/movistar.js +31 -5
  59. package/dist/skins/o2-classic.js +30 -4
  60. package/dist/skins/o2.js +31 -5
  61. package/dist/skins/skin-contract.css-mistica.js +243 -217
  62. package/dist/skins/skin-contract.css.d.ts +38 -12
  63. package/dist/skins/telefonica.js +33 -7
  64. package/dist/skins/tu.d.ts +0 -4
  65. package/dist/skins/tu.js +39 -13
  66. package/dist/skins/types/colors.d.ts +19 -6
  67. package/dist/skins/vivo-new.js +31 -5
  68. package/dist/skins/vivo.js +31 -5
  69. package/dist/slider.css-mistica.js +5 -5
  70. package/dist/snackbar.css-mistica.js +13 -13
  71. package/dist/spinner.css-mistica.js +5 -5
  72. package/dist/sprinkles.css-mistica.js +867 -789
  73. package/dist/stacking-group.css-mistica.js +2 -2
  74. package/dist/stepper.css-mistica.js +8 -8
  75. package/dist/switch-component.css-mistica.js +20 -20
  76. package/dist/tabs.css-mistica.js +17 -17
  77. package/dist/tag.css-mistica.js +1 -1
  78. package/dist/text-field-base.css-mistica.js +17 -17
  79. package/dist/text-field-components.css-mistica.js +10 -10
  80. package/dist/text-link.css-mistica.js +3 -3
  81. package/dist/tooltip.css-mistica.js +4 -4
  82. package/dist/touchable.css-mistica.js +5 -5
  83. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  84. package/dist/utils/dom.d.ts +1 -0
  85. package/dist/utils/dom.js +3 -0
  86. package/dist/video.css-mistica.js +2 -2
  87. package/dist-es/accordion.css-mistica.js +3 -3
  88. package/dist-es/avatar.css-mistica.js +2 -2
  89. package/dist-es/badge.css-mistica.js +2 -2
  90. package/dist-es/boxed.css-mistica.js +2 -2
  91. package/dist-es/button-group.css-mistica.js +2 -2
  92. package/dist-es/button-layout.css-mistica.js +7 -7
  93. package/dist-es/button.css-mistica.js +17 -17
  94. package/dist-es/callout.css-mistica.js +2 -2
  95. package/dist-es/card.css-mistica.js +2 -2
  96. package/dist-es/carousel.css-mistica.js +2 -2
  97. package/dist-es/checkbox.css-mistica.js +5 -5
  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 +2 -2
  102. package/dist-es/counter.css-mistica.js +2 -2
  103. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  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/feedback.js +51 -52
  110. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  111. package/dist-es/header.css-mistica.js +2 -2
  112. package/dist-es/header.js +106 -108
  113. package/dist-es/hero.css-mistica.js +2 -2
  114. package/dist-es/highlighted-card.css-mistica.js +5 -5
  115. package/dist-es/horizontal-scroll.css-mistica.js +2 -2
  116. package/dist-es/icon-button.css-mistica.js +9 -9
  117. package/dist-es/image.css-mistica.js +2 -2
  118. package/dist-es/index.js +1809 -1809
  119. package/dist-es/list.css-mistica.js +2 -2
  120. package/dist-es/list.js +83 -77
  121. package/dist-es/loading-bar.css-mistica.js +2 -2
  122. package/dist-es/loading-screen.css-mistica.js +3 -3
  123. package/dist-es/loading-screen.js +57 -56
  124. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  125. package/dist-es/menu.css-mistica.js +2 -2
  126. package/dist-es/navigation-bar.css-mistica.js +9 -9
  127. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  128. package/dist-es/overscroll-color-context.js +68 -42
  129. package/dist-es/package-version.js +1 -1
  130. package/dist-es/pin-field.css-mistica.js +2 -2
  131. package/dist-es/progress-bar.css-mistica.js +2 -2
  132. package/dist-es/radio-button.css-mistica.js +5 -5
  133. package/dist-es/responsive-layout.css-mistica.js +4 -4
  134. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  135. package/dist-es/select.css-mistica.js +9 -9
  136. package/dist-es/sheet.css-mistica.js +2 -2
  137. package/dist-es/skeletons.css-mistica.js +2 -2
  138. package/dist-es/skins/blau.js +31 -5
  139. package/dist-es/skins/movistar-legacy.js +34 -8
  140. package/dist-es/skins/movistar.js +33 -7
  141. package/dist-es/skins/o2-classic.js +30 -4
  142. package/dist-es/skins/o2.js +31 -5
  143. package/dist-es/skins/skin-contract.css-mistica.js +243 -217
  144. package/dist-es/skins/telefonica.js +35 -9
  145. package/dist-es/skins/tu.js +39 -13
  146. package/dist-es/skins/vivo-new.js +31 -5
  147. package/dist-es/skins/vivo.js +31 -5
  148. package/dist-es/slider.css-mistica.js +2 -2
  149. package/dist-es/snackbar.css-mistica.js +5 -5
  150. package/dist-es/spinner.css-mistica.js +2 -2
  151. package/dist-es/sprinkles.css-mistica.js +867 -789
  152. package/dist-es/stacking-group.css-mistica.js +2 -2
  153. package/dist-es/stepper.css-mistica.js +2 -2
  154. package/dist-es/style.css +1 -1
  155. package/dist-es/switch-component.css-mistica.js +18 -18
  156. package/dist-es/tabs.css-mistica.js +9 -9
  157. package/dist-es/tag.css-mistica.js +1 -1
  158. package/dist-es/text-field-base.css-mistica.js +2 -2
  159. package/dist-es/text-field-components.css-mistica.js +2 -2
  160. package/dist-es/text-link.css-mistica.js +3 -3
  161. package/dist-es/tooltip.css-mistica.js +2 -2
  162. package/dist-es/touchable.css-mistica.js +2 -2
  163. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  164. package/dist-es/utils/dom.js +1 -1
  165. package/dist-es/video.css-mistica.js +2 -2
  166. package/package.json +1 -1
@@ -26,226 +26,252 @@ var r = {
26
26
  backgroundSkeleton: "var(--_1vqcj1id)",
27
27
  backgroundSkeletonInverse: "var(--_1vqcj1ie)",
28
28
  backgroundAlternative: "var(--_1vqcj1if)",
29
- backgroundFeedbackBottom: "var(--_1vqcj1ig)",
30
- navigationBarBackground: "var(--_1vqcj1ih)",
31
- skeletonWave: "var(--_1vqcj1ii)",
32
- border: "var(--_1vqcj1ij)",
33
- borderLow: "var(--_1vqcj1ik)",
34
- borderHigh: "var(--_1vqcj1il)",
35
- borderSelected: "var(--_1vqcj1im)",
36
- buttonDangerBackground: "var(--_1vqcj1in)",
37
- buttonDangerBackgroundSelected: "var(--_1vqcj1io)",
38
- buttonDangerBackgroundHover: "var(--_1vqcj1ip)",
39
- buttonLinkDangerBackgroundSelected: "var(--_1vqcj1iq)",
40
- buttonLinkDangerBackgroundInverse: "var(--_1vqcj1ir)",
41
- buttonLinkDangerBackgroundInverseSelected: "var(--_1vqcj1is)",
42
- buttonLinkBackgroundSelected: "var(--_1vqcj1it)",
43
- buttonLinkBackgroundInverseSelected: "var(--_1vqcj1iu)",
44
- buttonPrimaryBackground: "var(--_1vqcj1iv)",
45
- buttonPrimaryBackgroundInverse: "var(--_1vqcj1iw)",
46
- buttonPrimaryBackgroundSelected: "var(--_1vqcj1ix)",
47
- buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1iy)",
48
- buttonPrimaryBackgroundHover: "var(--_1vqcj1iz)",
49
- buttonSecondaryBorder: "var(--_1vqcj1i10)",
50
- buttonSecondaryBorderSelected: "var(--_1vqcj1i11)",
51
- buttonSecondaryBorderInverse: "var(--_1vqcj1i12)",
52
- buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i13)",
53
- buttonSecondaryBackgroundHover: "var(--_1vqcj1i14)",
54
- buttonSecondaryBackgroundSelected: "var(--_1vqcj1i15)",
55
- buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i16)",
56
- buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i17)",
57
- control: "var(--_1vqcj1i18)",
58
- controlActivated: "var(--_1vqcj1i19)",
59
- controlInverse: "var(--_1vqcj1i1a)",
60
- controlActivatedInverse: "var(--_1vqcj1i1b)",
61
- controlError: "var(--_1vqcj1i1c)",
62
- barTrack: "var(--_1vqcj1i1d)",
63
- loadingBar: "var(--_1vqcj1i1e)",
64
- loadingBarBackground: "var(--_1vqcj1i1f)",
65
- toggleAndroidInactive: "var(--_1vqcj1i1g)",
66
- toggleAndroidBackgroundActive: "var(--_1vqcj1i1h)",
67
- iosControlKnob: "var(--_1vqcj1i1i)",
68
- divider: "var(--_1vqcj1i1j)",
69
- dividerInverse: "var(--_1vqcj1i1k)",
70
- navigationBarDivider: "var(--_1vqcj1i1l)",
71
- badge: "var(--_1vqcj1i1m)",
72
- feedbackErrorBackground: "var(--_1vqcj1i1n)",
73
- feedbackInfoBackground: "var(--_1vqcj1i1o)",
74
- brand: "var(--_1vqcj1i1p)",
75
- brandHigh: "var(--_1vqcj1i1q)",
76
- inverse: "var(--_1vqcj1i1r)",
77
- neutralHigh: "var(--_1vqcj1i1s)",
78
- neutralLow: "var(--_1vqcj1i1t)",
79
- neutralLowAlternative: "var(--_1vqcj1i1u)",
80
- neutralMedium: "var(--_1vqcj1i1v)",
81
- neutralMediumInverse: "var(--_1vqcj1i1w)",
82
- promo: "var(--_1vqcj1i1x)",
83
- error: "var(--_1vqcj1i1y)",
84
- highlight: "var(--_1vqcj1i1z)",
85
- success: "var(--_1vqcj1i20)",
86
- warning: "var(--_1vqcj1i21)",
87
- textPrimary: "var(--_1vqcj1i22)",
88
- textPrimaryInverse: "var(--_1vqcj1i23)",
89
- textSecondary: "var(--_1vqcj1i24)",
90
- textSecondaryInverse: "var(--_1vqcj1i25)",
91
- textButtonPrimary: "var(--_1vqcj1i26)",
92
- textButtonPrimaryInverse: "var(--_1vqcj1i27)",
93
- textButtonPrimaryInverseSelected: "var(--_1vqcj1i28)",
94
- textButtonSecondary: "var(--_1vqcj1i29)",
95
- textButtonSecondarySelected: "var(--_1vqcj1i2a)",
96
- textButtonSecondaryInverse: "var(--_1vqcj1i2b)",
97
- textButtonSecondaryInverseSelected: "var(--_1vqcj1i2c)",
98
- textLink: "var(--_1vqcj1i2d)",
99
- textLinkInverse: "var(--_1vqcj1i2e)",
100
- textLinkDanger: "var(--_1vqcj1i2f)",
101
- textLinkSnackbar: "var(--_1vqcj1i2g)",
102
- textNavigationBarPrimary: "var(--_1vqcj1i2h)",
103
- textNavigationBarSecondary: "var(--_1vqcj1i2i)",
104
- textNavigationSearchBarHint: "var(--_1vqcj1i2j)",
105
- textNavigationSearchBarText: "var(--_1vqcj1i2k)",
106
- textAppBar: "var(--_1vqcj1i2l)",
107
- textAppBarSelected: "var(--_1vqcj1i2m)",
108
- successLow: "var(--_1vqcj1i2n)",
109
- warningLow: "var(--_1vqcj1i2o)",
110
- errorLow: "var(--_1vqcj1i2p)",
111
- promoLow: "var(--_1vqcj1i2q)",
112
- brandLow: "var(--_1vqcj1i2r)",
113
- successHigh: "var(--_1vqcj1i2s)",
114
- warningHigh: "var(--_1vqcj1i2t)",
115
- errorHigh: "var(--_1vqcj1i2u)",
116
- promoHigh: "var(--_1vqcj1i2v)",
117
- successHighInverse: "var(--_1vqcj1i2w)",
118
- warningHighInverse: "var(--_1vqcj1i2x)",
119
- errorHighInverse: "var(--_1vqcj1i2y)",
120
- promoHighInverse: "var(--_1vqcj1i2z)",
121
- customTabsBackground: "var(--_1vqcj1i30)",
122
- coverBackgroundHover: "var(--_1vqcj1i31)",
123
- coverBackgroundPressed: "var(--_1vqcj1i32)"
29
+ backgroundBrandTop: "var(--_1vqcj1ig)",
30
+ backgroundBrandBottom: "var(--_1vqcj1ih)",
31
+ navigationBarBackground: "var(--_1vqcj1ii)",
32
+ skeletonWave: "var(--_1vqcj1ij)",
33
+ border: "var(--_1vqcj1ik)",
34
+ borderLow: "var(--_1vqcj1il)",
35
+ borderHigh: "var(--_1vqcj1im)",
36
+ borderSelected: "var(--_1vqcj1in)",
37
+ buttonDangerBackground: "var(--_1vqcj1io)",
38
+ buttonDangerBackgroundSelected: "var(--_1vqcj1ip)",
39
+ buttonDangerBackgroundHover: "var(--_1vqcj1iq)",
40
+ buttonLinkDangerBackgroundSelected: "var(--_1vqcj1ir)",
41
+ buttonLinkDangerBackgroundInverse: "var(--_1vqcj1is)",
42
+ buttonLinkDangerBackgroundInverseSelected: "var(--_1vqcj1it)",
43
+ buttonLinkBackgroundSelected: "var(--_1vqcj1iu)",
44
+ buttonLinkBackgroundInverseSelected: "var(--_1vqcj1iv)",
45
+ buttonPrimaryBackground: "var(--_1vqcj1iw)",
46
+ buttonPrimaryBackgroundInverse: "var(--_1vqcj1ix)",
47
+ buttonPrimaryBackgroundSelected: "var(--_1vqcj1iy)",
48
+ buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1iz)",
49
+ buttonPrimaryBackgroundHover: "var(--_1vqcj1i10)",
50
+ buttonSecondaryBorder: "var(--_1vqcj1i11)",
51
+ buttonSecondaryBorderSelected: "var(--_1vqcj1i12)",
52
+ buttonSecondaryBorderInverse: "var(--_1vqcj1i13)",
53
+ buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i14)",
54
+ buttonSecondaryBackgroundHover: "var(--_1vqcj1i15)",
55
+ buttonSecondaryBackgroundSelected: "var(--_1vqcj1i16)",
56
+ buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i17)",
57
+ buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i18)",
58
+ control: "var(--_1vqcj1i19)",
59
+ controlActivated: "var(--_1vqcj1i1a)",
60
+ controlInverse: "var(--_1vqcj1i1b)",
61
+ controlActivatedInverse: "var(--_1vqcj1i1c)",
62
+ controlError: "var(--_1vqcj1i1d)",
63
+ barTrack: "var(--_1vqcj1i1e)",
64
+ loadingBar: "var(--_1vqcj1i1f)",
65
+ loadingBarBackground: "var(--_1vqcj1i1g)",
66
+ toggleAndroidInactive: "var(--_1vqcj1i1h)",
67
+ toggleAndroidBackgroundActive: "var(--_1vqcj1i1i)",
68
+ iosControlKnob: "var(--_1vqcj1i1j)",
69
+ divider: "var(--_1vqcj1i1k)",
70
+ dividerInverse: "var(--_1vqcj1i1l)",
71
+ navigationBarDivider: "var(--_1vqcj1i1m)",
72
+ badge: "var(--_1vqcj1i1n)",
73
+ feedbackErrorBackground: "var(--_1vqcj1i1o)",
74
+ feedbackInfoBackground: "var(--_1vqcj1i1p)",
75
+ brand: "var(--_1vqcj1i1q)",
76
+ brandHigh: "var(--_1vqcj1i1r)",
77
+ inverse: "var(--_1vqcj1i1s)",
78
+ neutralHigh: "var(--_1vqcj1i1t)",
79
+ neutralLow: "var(--_1vqcj1i1u)",
80
+ neutralLowAlternative: "var(--_1vqcj1i1v)",
81
+ neutralMedium: "var(--_1vqcj1i1w)",
82
+ neutralMediumInverse: "var(--_1vqcj1i1x)",
83
+ promo: "var(--_1vqcj1i1y)",
84
+ error: "var(--_1vqcj1i1z)",
85
+ highlight: "var(--_1vqcj1i20)",
86
+ success: "var(--_1vqcj1i21)",
87
+ warning: "var(--_1vqcj1i22)",
88
+ textPrimary: "var(--_1vqcj1i23)",
89
+ textPrimaryInverse: "var(--_1vqcj1i24)",
90
+ textSecondary: "var(--_1vqcj1i25)",
91
+ textSecondaryInverse: "var(--_1vqcj1i26)",
92
+ textButtonPrimary: "var(--_1vqcj1i27)",
93
+ textButtonPrimaryInverse: "var(--_1vqcj1i28)",
94
+ textButtonPrimaryInverseSelected: "var(--_1vqcj1i29)",
95
+ textButtonSecondary: "var(--_1vqcj1i2a)",
96
+ textButtonSecondarySelected: "var(--_1vqcj1i2b)",
97
+ textButtonSecondaryInverse: "var(--_1vqcj1i2c)",
98
+ textButtonSecondaryInverseSelected: "var(--_1vqcj1i2d)",
99
+ textLink: "var(--_1vqcj1i2e)",
100
+ textLinkInverse: "var(--_1vqcj1i2f)",
101
+ textLinkDanger: "var(--_1vqcj1i2g)",
102
+ textLinkSnackbar: "var(--_1vqcj1i2h)",
103
+ textNavigationBarPrimary: "var(--_1vqcj1i2i)",
104
+ textNavigationBarSecondary: "var(--_1vqcj1i2j)",
105
+ textNavigationSearchBarHint: "var(--_1vqcj1i2k)",
106
+ textNavigationSearchBarText: "var(--_1vqcj1i2l)",
107
+ textAppBar: "var(--_1vqcj1i2m)",
108
+ textAppBarSelected: "var(--_1vqcj1i2n)",
109
+ successLow: "var(--_1vqcj1i2o)",
110
+ warningLow: "var(--_1vqcj1i2p)",
111
+ errorLow: "var(--_1vqcj1i2q)",
112
+ promoLow: "var(--_1vqcj1i2r)",
113
+ brandLow: "var(--_1vqcj1i2s)",
114
+ successHigh: "var(--_1vqcj1i2t)",
115
+ warningHigh: "var(--_1vqcj1i2u)",
116
+ errorHigh: "var(--_1vqcj1i2v)",
117
+ promoHigh: "var(--_1vqcj1i2w)",
118
+ successHighInverse: "var(--_1vqcj1i2x)",
119
+ warningHighInverse: "var(--_1vqcj1i2y)",
120
+ errorHighInverse: "var(--_1vqcj1i2z)",
121
+ promoHighInverse: "var(--_1vqcj1i30)",
122
+ tagTextPromo: "var(--_1vqcj1i31)",
123
+ tagTextActive: "var(--_1vqcj1i32)",
124
+ tagTextInactive: "var(--_1vqcj1i33)",
125
+ tagTextSuccess: "var(--_1vqcj1i34)",
126
+ tagTextWarning: "var(--_1vqcj1i35)",
127
+ tagTextError: "var(--_1vqcj1i36)",
128
+ tagBackgroundPromo: "var(--_1vqcj1i37)",
129
+ tagBackgroundActive: "var(--_1vqcj1i38)",
130
+ tagBackgroundInactive: "var(--_1vqcj1i39)",
131
+ tagBackgroundSuccess: "var(--_1vqcj1i3a)",
132
+ tagBackgroundWarning: "var(--_1vqcj1i3b)",
133
+ tagBackgroundError: "var(--_1vqcj1i3c)",
134
+ customTabsBackground: "var(--_1vqcj1i3d)",
135
+ coverBackgroundHover: "var(--_1vqcj1i3e)",
136
+ coverBackgroundPressed: "var(--_1vqcj1i3f)"
124
137
  },
125
138
  rawColors: {
126
- appBarBackground: "var(--_1vqcj1i33)",
127
- background: "var(--_1vqcj1i34)",
128
- backgroundContainer: "var(--_1vqcj1i35)",
129
- backgroundContainerHover: "var(--_1vqcj1i36)",
130
- backgroundContainerPressed: "var(--_1vqcj1i37)",
131
- backgroundContainerBrand: "var(--_1vqcj1i38)",
132
- backgroundContainerBrandHover: "var(--_1vqcj1i39)",
133
- backgroundContainerBrandPressed: "var(--_1vqcj1i3a)",
134
- backgroundContainerBrandOverInverse: "var(--_1vqcj1i3b)",
135
- backgroundContainerAlternative: "var(--_1vqcj1i3c)",
136
- backgroundBrand: "var(--_1vqcj1i3d)",
137
- backgroundBrandSecondary: "var(--_1vqcj1i3e)",
138
- backgroundOverlay: "var(--_1vqcj1i3f)",
139
- backgroundSkeleton: "var(--_1vqcj1i3g)",
140
- backgroundSkeletonInverse: "var(--_1vqcj1i3h)",
141
- backgroundAlternative: "var(--_1vqcj1i3i)",
142
- backgroundFeedbackBottom: "var(--_1vqcj1i3j)",
143
- navigationBarBackground: "var(--_1vqcj1i3k)",
144
- skeletonWave: "var(--_1vqcj1i3l)",
145
- border: "var(--_1vqcj1i3m)",
146
- borderLow: "var(--_1vqcj1i3n)",
147
- borderHigh: "var(--_1vqcj1i3o)",
148
- borderSelected: "var(--_1vqcj1i3p)",
149
- buttonDangerBackground: "var(--_1vqcj1i3q)",
150
- buttonDangerBackgroundSelected: "var(--_1vqcj1i3r)",
151
- buttonDangerBackgroundHover: "var(--_1vqcj1i3s)",
152
- buttonLinkDangerBackgroundSelected: "var(--_1vqcj1i3t)",
153
- buttonLinkDangerBackgroundInverse: "var(--_1vqcj1i3u)",
154
- buttonLinkDangerBackgroundInverseSelected: "var(--_1vqcj1i3v)",
155
- buttonLinkBackgroundSelected: "var(--_1vqcj1i3w)",
156
- buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i3x)",
157
- buttonPrimaryBackground: "var(--_1vqcj1i3y)",
158
- buttonPrimaryBackgroundInverse: "var(--_1vqcj1i3z)",
159
- buttonPrimaryBackgroundSelected: "var(--_1vqcj1i40)",
160
- buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i41)",
161
- buttonPrimaryBackgroundHover: "var(--_1vqcj1i42)",
162
- buttonSecondaryBorder: "var(--_1vqcj1i43)",
163
- buttonSecondaryBorderSelected: "var(--_1vqcj1i44)",
164
- buttonSecondaryBorderInverse: "var(--_1vqcj1i45)",
165
- buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i46)",
166
- buttonSecondaryBackgroundHover: "var(--_1vqcj1i47)",
167
- buttonSecondaryBackgroundSelected: "var(--_1vqcj1i48)",
168
- buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i49)",
169
- buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i4a)",
170
- control: "var(--_1vqcj1i4b)",
171
- controlActivated: "var(--_1vqcj1i4c)",
172
- controlInverse: "var(--_1vqcj1i4d)",
173
- controlActivatedInverse: "var(--_1vqcj1i4e)",
174
- controlError: "var(--_1vqcj1i4f)",
175
- barTrack: "var(--_1vqcj1i4g)",
176
- loadingBar: "var(--_1vqcj1i4h)",
177
- loadingBarBackground: "var(--_1vqcj1i4i)",
178
- toggleAndroidInactive: "var(--_1vqcj1i4j)",
179
- toggleAndroidBackgroundActive: "var(--_1vqcj1i4k)",
180
- iosControlKnob: "var(--_1vqcj1i4l)",
181
- divider: "var(--_1vqcj1i4m)",
182
- dividerInverse: "var(--_1vqcj1i4n)",
183
- navigationBarDivider: "var(--_1vqcj1i4o)",
184
- badge: "var(--_1vqcj1i4p)",
185
- feedbackErrorBackground: "var(--_1vqcj1i4q)",
186
- feedbackInfoBackground: "var(--_1vqcj1i4r)",
187
- brand: "var(--_1vqcj1i4s)",
188
- brandHigh: "var(--_1vqcj1i4t)",
189
- inverse: "var(--_1vqcj1i4u)",
190
- neutralHigh: "var(--_1vqcj1i4v)",
191
- neutralLow: "var(--_1vqcj1i4w)",
192
- neutralLowAlternative: "var(--_1vqcj1i4x)",
193
- neutralMedium: "var(--_1vqcj1i4y)",
194
- neutralMediumInverse: "var(--_1vqcj1i4z)",
195
- promo: "var(--_1vqcj1i50)",
196
- error: "var(--_1vqcj1i51)",
197
- highlight: "var(--_1vqcj1i52)",
198
- success: "var(--_1vqcj1i53)",
199
- warning: "var(--_1vqcj1i54)",
200
- textPrimary: "var(--_1vqcj1i55)",
201
- textPrimaryInverse: "var(--_1vqcj1i56)",
202
- textSecondary: "var(--_1vqcj1i57)",
203
- textSecondaryInverse: "var(--_1vqcj1i58)",
204
- textButtonPrimary: "var(--_1vqcj1i59)",
205
- textButtonPrimaryInverse: "var(--_1vqcj1i5a)",
206
- textButtonPrimaryInverseSelected: "var(--_1vqcj1i5b)",
207
- textButtonSecondary: "var(--_1vqcj1i5c)",
208
- textButtonSecondarySelected: "var(--_1vqcj1i5d)",
209
- textButtonSecondaryInverse: "var(--_1vqcj1i5e)",
210
- textButtonSecondaryInverseSelected: "var(--_1vqcj1i5f)",
211
- textLink: "var(--_1vqcj1i5g)",
212
- textLinkInverse: "var(--_1vqcj1i5h)",
213
- textLinkDanger: "var(--_1vqcj1i5i)",
214
- textLinkSnackbar: "var(--_1vqcj1i5j)",
215
- textNavigationBarPrimary: "var(--_1vqcj1i5k)",
216
- textNavigationBarSecondary: "var(--_1vqcj1i5l)",
217
- textNavigationSearchBarHint: "var(--_1vqcj1i5m)",
218
- textNavigationSearchBarText: "var(--_1vqcj1i5n)",
219
- textAppBar: "var(--_1vqcj1i5o)",
220
- textAppBarSelected: "var(--_1vqcj1i5p)",
221
- successLow: "var(--_1vqcj1i5q)",
222
- warningLow: "var(--_1vqcj1i5r)",
223
- errorLow: "var(--_1vqcj1i5s)",
224
- promoLow: "var(--_1vqcj1i5t)",
225
- brandLow: "var(--_1vqcj1i5u)",
226
- successHigh: "var(--_1vqcj1i5v)",
227
- warningHigh: "var(--_1vqcj1i5w)",
228
- errorHigh: "var(--_1vqcj1i5x)",
229
- promoHigh: "var(--_1vqcj1i5y)",
230
- successHighInverse: "var(--_1vqcj1i5z)",
231
- warningHighInverse: "var(--_1vqcj1i60)",
232
- errorHighInverse: "var(--_1vqcj1i61)",
233
- promoHighInverse: "var(--_1vqcj1i62)",
234
- customTabsBackground: "var(--_1vqcj1i63)",
235
- coverBackgroundHover: "var(--_1vqcj1i64)",
236
- coverBackgroundPressed: "var(--_1vqcj1i65)"
139
+ appBarBackground: "var(--_1vqcj1i3g)",
140
+ background: "var(--_1vqcj1i3h)",
141
+ backgroundContainer: "var(--_1vqcj1i3i)",
142
+ backgroundContainerHover: "var(--_1vqcj1i3j)",
143
+ backgroundContainerPressed: "var(--_1vqcj1i3k)",
144
+ backgroundContainerBrand: "var(--_1vqcj1i3l)",
145
+ backgroundContainerBrandHover: "var(--_1vqcj1i3m)",
146
+ backgroundContainerBrandPressed: "var(--_1vqcj1i3n)",
147
+ backgroundContainerBrandOverInverse: "var(--_1vqcj1i3o)",
148
+ backgroundContainerAlternative: "var(--_1vqcj1i3p)",
149
+ backgroundBrand: "var(--_1vqcj1i3q)",
150
+ backgroundBrandSecondary: "var(--_1vqcj1i3r)",
151
+ backgroundOverlay: "var(--_1vqcj1i3s)",
152
+ backgroundSkeleton: "var(--_1vqcj1i3t)",
153
+ backgroundSkeletonInverse: "var(--_1vqcj1i3u)",
154
+ backgroundAlternative: "var(--_1vqcj1i3v)",
155
+ backgroundBrandTop: "var(--_1vqcj1i3w)",
156
+ backgroundBrandBottom: "var(--_1vqcj1i3x)",
157
+ navigationBarBackground: "var(--_1vqcj1i3y)",
158
+ skeletonWave: "var(--_1vqcj1i3z)",
159
+ border: "var(--_1vqcj1i40)",
160
+ borderLow: "var(--_1vqcj1i41)",
161
+ borderHigh: "var(--_1vqcj1i42)",
162
+ borderSelected: "var(--_1vqcj1i43)",
163
+ buttonDangerBackground: "var(--_1vqcj1i44)",
164
+ buttonDangerBackgroundSelected: "var(--_1vqcj1i45)",
165
+ buttonDangerBackgroundHover: "var(--_1vqcj1i46)",
166
+ buttonLinkDangerBackgroundSelected: "var(--_1vqcj1i47)",
167
+ buttonLinkDangerBackgroundInverse: "var(--_1vqcj1i48)",
168
+ buttonLinkDangerBackgroundInverseSelected: "var(--_1vqcj1i49)",
169
+ buttonLinkBackgroundSelected: "var(--_1vqcj1i4a)",
170
+ buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i4b)",
171
+ buttonPrimaryBackground: "var(--_1vqcj1i4c)",
172
+ buttonPrimaryBackgroundInverse: "var(--_1vqcj1i4d)",
173
+ buttonPrimaryBackgroundSelected: "var(--_1vqcj1i4e)",
174
+ buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i4f)",
175
+ buttonPrimaryBackgroundHover: "var(--_1vqcj1i4g)",
176
+ buttonSecondaryBorder: "var(--_1vqcj1i4h)",
177
+ buttonSecondaryBorderSelected: "var(--_1vqcj1i4i)",
178
+ buttonSecondaryBorderInverse: "var(--_1vqcj1i4j)",
179
+ buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i4k)",
180
+ buttonSecondaryBackgroundHover: "var(--_1vqcj1i4l)",
181
+ buttonSecondaryBackgroundSelected: "var(--_1vqcj1i4m)",
182
+ buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i4n)",
183
+ buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i4o)",
184
+ control: "var(--_1vqcj1i4p)",
185
+ controlActivated: "var(--_1vqcj1i4q)",
186
+ controlInverse: "var(--_1vqcj1i4r)",
187
+ controlActivatedInverse: "var(--_1vqcj1i4s)",
188
+ controlError: "var(--_1vqcj1i4t)",
189
+ barTrack: "var(--_1vqcj1i4u)",
190
+ loadingBar: "var(--_1vqcj1i4v)",
191
+ loadingBarBackground: "var(--_1vqcj1i4w)",
192
+ toggleAndroidInactive: "var(--_1vqcj1i4x)",
193
+ toggleAndroidBackgroundActive: "var(--_1vqcj1i4y)",
194
+ iosControlKnob: "var(--_1vqcj1i4z)",
195
+ divider: "var(--_1vqcj1i50)",
196
+ dividerInverse: "var(--_1vqcj1i51)",
197
+ navigationBarDivider: "var(--_1vqcj1i52)",
198
+ badge: "var(--_1vqcj1i53)",
199
+ feedbackErrorBackground: "var(--_1vqcj1i54)",
200
+ feedbackInfoBackground: "var(--_1vqcj1i55)",
201
+ brand: "var(--_1vqcj1i56)",
202
+ brandHigh: "var(--_1vqcj1i57)",
203
+ inverse: "var(--_1vqcj1i58)",
204
+ neutralHigh: "var(--_1vqcj1i59)",
205
+ neutralLow: "var(--_1vqcj1i5a)",
206
+ neutralLowAlternative: "var(--_1vqcj1i5b)",
207
+ neutralMedium: "var(--_1vqcj1i5c)",
208
+ neutralMediumInverse: "var(--_1vqcj1i5d)",
209
+ promo: "var(--_1vqcj1i5e)",
210
+ error: "var(--_1vqcj1i5f)",
211
+ highlight: "var(--_1vqcj1i5g)",
212
+ success: "var(--_1vqcj1i5h)",
213
+ warning: "var(--_1vqcj1i5i)",
214
+ textPrimary: "var(--_1vqcj1i5j)",
215
+ textPrimaryInverse: "var(--_1vqcj1i5k)",
216
+ textSecondary: "var(--_1vqcj1i5l)",
217
+ textSecondaryInverse: "var(--_1vqcj1i5m)",
218
+ textButtonPrimary: "var(--_1vqcj1i5n)",
219
+ textButtonPrimaryInverse: "var(--_1vqcj1i5o)",
220
+ textButtonPrimaryInverseSelected: "var(--_1vqcj1i5p)",
221
+ textButtonSecondary: "var(--_1vqcj1i5q)",
222
+ textButtonSecondarySelected: "var(--_1vqcj1i5r)",
223
+ textButtonSecondaryInverse: "var(--_1vqcj1i5s)",
224
+ textButtonSecondaryInverseSelected: "var(--_1vqcj1i5t)",
225
+ textLink: "var(--_1vqcj1i5u)",
226
+ textLinkInverse: "var(--_1vqcj1i5v)",
227
+ textLinkDanger: "var(--_1vqcj1i5w)",
228
+ textLinkSnackbar: "var(--_1vqcj1i5x)",
229
+ textNavigationBarPrimary: "var(--_1vqcj1i5y)",
230
+ textNavigationBarSecondary: "var(--_1vqcj1i5z)",
231
+ textNavigationSearchBarHint: "var(--_1vqcj1i60)",
232
+ textNavigationSearchBarText: "var(--_1vqcj1i61)",
233
+ textAppBar: "var(--_1vqcj1i62)",
234
+ textAppBarSelected: "var(--_1vqcj1i63)",
235
+ successLow: "var(--_1vqcj1i64)",
236
+ warningLow: "var(--_1vqcj1i65)",
237
+ errorLow: "var(--_1vqcj1i66)",
238
+ promoLow: "var(--_1vqcj1i67)",
239
+ brandLow: "var(--_1vqcj1i68)",
240
+ successHigh: "var(--_1vqcj1i69)",
241
+ warningHigh: "var(--_1vqcj1i6a)",
242
+ errorHigh: "var(--_1vqcj1i6b)",
243
+ promoHigh: "var(--_1vqcj1i6c)",
244
+ successHighInverse: "var(--_1vqcj1i6d)",
245
+ warningHighInverse: "var(--_1vqcj1i6e)",
246
+ errorHighInverse: "var(--_1vqcj1i6f)",
247
+ promoHighInverse: "var(--_1vqcj1i6g)",
248
+ tagTextPromo: "var(--_1vqcj1i6h)",
249
+ tagTextActive: "var(--_1vqcj1i6i)",
250
+ tagTextInactive: "var(--_1vqcj1i6j)",
251
+ tagTextSuccess: "var(--_1vqcj1i6k)",
252
+ tagTextWarning: "var(--_1vqcj1i6l)",
253
+ tagTextError: "var(--_1vqcj1i6m)",
254
+ tagBackgroundPromo: "var(--_1vqcj1i6n)",
255
+ tagBackgroundActive: "var(--_1vqcj1i6o)",
256
+ tagBackgroundInactive: "var(--_1vqcj1i6p)",
257
+ tagBackgroundSuccess: "var(--_1vqcj1i6q)",
258
+ tagBackgroundWarning: "var(--_1vqcj1i6r)",
259
+ tagBackgroundError: "var(--_1vqcj1i6s)",
260
+ customTabsBackground: "var(--_1vqcj1i6t)",
261
+ coverBackgroundHover: "var(--_1vqcj1i6u)",
262
+ coverBackgroundPressed: "var(--_1vqcj1i6v)"
237
263
  },
238
264
  borderRadii: {
239
- button: "var(--_1vqcj1i66)",
240
- input: "var(--_1vqcj1i67)",
241
- container: "var(--_1vqcj1i68)",
242
- legacyDisplay: "var(--_1vqcj1i69)",
243
- popup: "var(--_1vqcj1i6a)",
244
- checkbox: "var(--_1vqcj1i6b)",
245
- indicator: "var(--_1vqcj1i6c)",
246
- sheet: "var(--_1vqcj1i6d)",
247
- bar: "var(--_1vqcj1i6e)",
248
- avatar: "var(--_1vqcj1i6f)",
249
- mediaSmall: "var(--_1vqcj1i6g)"
265
+ button: "var(--_1vqcj1i6w)",
266
+ input: "var(--_1vqcj1i6x)",
267
+ container: "var(--_1vqcj1i6y)",
268
+ legacyDisplay: "var(--_1vqcj1i6z)",
269
+ popup: "var(--_1vqcj1i70)",
270
+ checkbox: "var(--_1vqcj1i71)",
271
+ indicator: "var(--_1vqcj1i72)",
272
+ sheet: "var(--_1vqcj1i73)",
273
+ bar: "var(--_1vqcj1i74)",
274
+ avatar: "var(--_1vqcj1i75)",
275
+ mediaSmall: "var(--_1vqcj1i76)"
250
276
  }
251
277
  };
@@ -1,9 +1,7 @@
1
1
  export declare const vars: {
2
2
  colors: {
3
+ appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
4
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
- backgroundAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
- backgroundBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
- backgroundBrandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
5
  backgroundContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
6
  backgroundContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
7
  backgroundContainerPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -12,12 +10,15 @@ export declare const vars: {
12
10
  backgroundContainerBrandPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
11
  backgroundContainerBrandOverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
12
  backgroundContainerAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ backgroundBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ backgroundBrandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
15
  backgroundOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
16
  backgroundSkeleton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
17
  backgroundSkeletonInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- backgroundFeedbackBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
18
  navigationBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ backgroundAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ backgroundBrandTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ backgroundBrandBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
22
  skeletonWave: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
23
  borderLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
24
  border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -86,9 +87,9 @@ export declare const vars: {
86
87
  textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
88
  textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
89
  textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
91
  success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
92
  warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
93
  promo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
94
  highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
95
  successLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -111,12 +112,22 @@ export declare const vars: {
111
112
  textAppBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
113
  textAppBarSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
114
  customTabsBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
+ tagTextPromo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ tagTextActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ tagTextInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ tagTextSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
+ tagTextWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
+ tagTextError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ tagBackgroundPromo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ tagBackgroundActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ tagBackgroundInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ tagBackgroundSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
+ tagBackgroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
+ tagBackgroundError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
127
  };
115
128
  rawColors: {
129
+ appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
130
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
- backgroundAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
- backgroundBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
- backgroundBrandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
131
  backgroundContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
132
  backgroundContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
133
  backgroundContainerPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -125,12 +136,15 @@ export declare const vars: {
125
136
  backgroundContainerBrandPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
137
  backgroundContainerBrandOverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
138
  backgroundContainerAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
+ backgroundBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
+ backgroundBrandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
141
  backgroundOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
142
  backgroundSkeleton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
143
  backgroundSkeletonInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
- backgroundFeedbackBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
- appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
144
  navigationBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
+ backgroundAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
+ backgroundBrandTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
+ backgroundBrandBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
148
  skeletonWave: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
149
  borderLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
150
  border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -199,9 +213,9 @@ export declare const vars: {
199
213
  textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
214
  textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
215
  textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
217
  success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
218
  warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
219
  promo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
220
  highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
221
  successLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -224,6 +238,18 @@ export declare const vars: {
224
238
  textAppBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
239
  textAppBarSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
226
240
  customTabsBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
+ tagTextPromo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
+ tagTextActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
+ tagTextInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
+ tagTextSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
+ tagTextWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
+ tagTextError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
+ tagBackgroundPromo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
+ tagBackgroundActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
+ tagBackgroundInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
250
+ tagBackgroundSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
+ tagBackgroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
+ tagBackgroundError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
253
  };
228
254
  borderRadii: {
229
255
  button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;