@telefonica/mistica 16.53.0 → 16.55.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 (240) hide show
  1. package/css/blau.css +4 -0
  2. package/css/esimflag.css +4 -0
  3. package/css/mistica.css +1 -1
  4. package/css/movistar-new.css +5 -1
  5. package/css/movistar.css +4 -0
  6. package/css/o2-new.css +25 -21
  7. package/css/o2.css +4 -0
  8. package/css/telefonica.css +9 -5
  9. package/css/tu.css +4 -0
  10. package/css/vivo-new.css +25 -21
  11. package/css/vivo.css +4 -0
  12. package/dist/accordion.css-mistica.js +7 -7
  13. package/dist/align.css-mistica.js +1 -1
  14. package/dist/autocomplete.css-mistica.js +4 -4
  15. package/dist/avatar.css-mistica.js +1 -1
  16. package/dist/badge.css-mistica.js +3 -3
  17. package/dist/box.css-mistica.js +13 -13
  18. package/dist/box.d.ts +1 -0
  19. package/dist/box.js +17 -15
  20. package/dist/boxed.css-mistica.js +24 -24
  21. package/dist/button-group.css-mistica.js +3 -3
  22. package/dist/button-layout.css-mistica.js +14 -14
  23. package/dist/button.css-mistica.js +43 -43
  24. package/dist/callout.css-mistica.js +11 -11
  25. package/dist/card-internal.css-mistica.js +25 -22
  26. package/dist/card-internal.css.d.ts +1 -0
  27. package/dist/card-internal.d.ts +1 -1
  28. package/dist/card-internal.js +119 -118
  29. package/dist/carousel.css-mistica.js +23 -23
  30. package/dist/checkbox.css-mistica.js +17 -17
  31. package/dist/chip.css-mistica.js +20 -20
  32. package/dist/circle.css-mistica.js +1 -1
  33. package/dist/community/advanced-data-card.css-mistica.js +18 -18
  34. package/dist/community/blocks.css-mistica.js +2 -2
  35. package/dist/community/example-component.css-mistica.js +2 -2
  36. package/dist/counter.css-mistica.js +4 -4
  37. package/dist/cover-hero.css-mistica.js +11 -11
  38. package/dist/credit-card-number-field.css-mistica.js +3 -3
  39. package/dist/date-field.css-mistica.js +1 -1
  40. package/dist/date-time-picker.css-mistica.js +1 -1
  41. package/dist/dialog.css-mistica.js +7 -7
  42. package/dist/divider.css-mistica.js +5 -5
  43. package/dist/double-field.css-mistica.js +4 -4
  44. package/dist/drawer.css-mistica.js +11 -11
  45. package/dist/empty-state-card.css-mistica.js +1 -1
  46. package/dist/empty-state.css-mistica.js +5 -5
  47. package/dist/fade-in.css-mistica.js +1 -1
  48. package/dist/feedback.css-mistica.js +4 -4
  49. package/dist/file-upload.css-mistica.js +11 -11
  50. package/dist/fixed-footer-layout.css-mistica.js +11 -11
  51. package/dist/form.css-mistica.js +2 -2
  52. package/dist/grid-layout.css-mistica.js +3 -3
  53. package/dist/grid.css-mistica.js +120 -120
  54. package/dist/header.css-mistica.js +1 -1
  55. package/dist/hero.css-mistica.js +4 -4
  56. package/dist/horizontal-scroll.css-mistica.js +1 -1
  57. package/dist/icon-button.css-mistica.js +56 -56
  58. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  59. package/dist/icons/icon-error.css-mistica.js +1 -1
  60. package/dist/image.css-mistica.js +2 -2
  61. package/dist/inline.css-mistica.js +9 -9
  62. package/dist/list.css-mistica.js +15 -15
  63. package/dist/loading-bar.css-mistica.js +1 -1
  64. package/dist/loading-screen.css-mistica.js +10 -10
  65. package/dist/logo.css-mistica.js +5 -5
  66. package/dist/media-queries.css-mistica.js +13 -6
  67. package/dist/media-queries.css.d.ts +3 -0
  68. package/dist/menu.css-mistica.js +16 -16
  69. package/dist/mosaic.css-mistica.js +1 -1
  70. package/dist/navigation-bar.css-mistica.js +38 -38
  71. package/dist/navigation-bar.d.ts +3 -1
  72. package/dist/navigation-bar.js +408 -383
  73. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  74. package/dist/package-version.js +1 -1
  75. package/dist/pin-field.css-mistica.js +5 -5
  76. package/dist/popover.css-mistica.js +1 -1
  77. package/dist/progress-bar.css-mistica.js +6 -6
  78. package/dist/radio-button.css-mistica.js +24 -24
  79. package/dist/rating.css-mistica.js +2 -2
  80. package/dist/responsive-layout.css-mistica.js +7 -7
  81. package/dist/responsive-layout.css.d.ts +2 -1
  82. package/dist/screen-reader-only.css-mistica.js +2 -2
  83. package/dist/screen-size-context-provider.js +25 -19
  84. package/dist/screen-size-context.d.ts +2 -0
  85. package/dist/screen-size-context.js +2 -1
  86. package/dist/select.css-mistica.js +21 -21
  87. package/dist/sheet-action-row.css-mistica.js +2 -2
  88. package/dist/sheet-common.css-mistica.js +4 -4
  89. package/dist/sheet-info.css-mistica.js +1 -1
  90. package/dist/sheet-radio-list.d.ts +5 -0
  91. package/dist/sheet-radio-list.js +18 -13
  92. package/dist/sheet-types.d.ts +5 -0
  93. package/dist/skeletons.css-mistica.js +6 -6
  94. package/dist/skins/blau.js +2 -0
  95. package/dist/skins/esimflag.js +2 -0
  96. package/dist/skins/movistar-new.js +5 -3
  97. package/dist/skins/movistar.js +2 -0
  98. package/dist/skins/o2-new.js +12 -10
  99. package/dist/skins/o2.js +2 -0
  100. package/dist/skins/skin-contract.css-mistica.js +684 -682
  101. package/dist/skins/skin-contract.css.d.ts +2 -0
  102. package/dist/skins/telefonica.js +15 -13
  103. package/dist/skins/tu.js +2 -0
  104. package/dist/skins/types/colors.d.ts +1 -0
  105. package/dist/skins/vivo-new.js +12 -10
  106. package/dist/skins/vivo.js +2 -0
  107. package/dist/skip-link.css-mistica.js +2 -2
  108. package/dist/slider.css-mistica.js +24 -24
  109. package/dist/snackbar.css-mistica.js +8 -8
  110. package/dist/spinner.css-mistica.js +1 -1
  111. package/dist/square.css-mistica.js +1 -1
  112. package/dist/stack.css-mistica.js +5 -5
  113. package/dist/stacking-group.css-mistica.js +1 -1
  114. package/dist/stepper.css-mistica.js +7 -7
  115. package/dist/switch-component.css-mistica.js +40 -40
  116. package/dist/table.css-mistica.js +9 -9
  117. package/dist/tabs.css-mistica.js +22 -22
  118. package/dist/tag.css-mistica.js +4 -4
  119. package/dist/text-field-base.css-mistica.js +20 -20
  120. package/dist/text-field-components.css-mistica.js +12 -12
  121. package/dist/text-link.css-mistica.js +6 -6
  122. package/dist/text.css-mistica.js +6 -6
  123. package/dist/theme-context.css-mistica.js +1 -1
  124. package/dist/timeline.css-mistica.js +11 -11
  125. package/dist/timer.css-mistica.js +6 -6
  126. package/dist/tooltip.css-mistica.js +5 -5
  127. package/dist/touchable.css-mistica.js +1 -1
  128. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  129. package/dist/video.css-mistica.js +1 -1
  130. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  131. package/dist-es/accordion.css-mistica.js +7 -7
  132. package/dist-es/align.css-mistica.js +1 -1
  133. package/dist-es/autocomplete.css-mistica.js +2 -2
  134. package/dist-es/avatar.css-mistica.js +1 -1
  135. package/dist-es/badge.css-mistica.js +2 -2
  136. package/dist-es/box.css-mistica.js +13 -13
  137. package/dist-es/box.js +25 -23
  138. package/dist-es/boxed.css-mistica.js +23 -23
  139. package/dist-es/button-group.css-mistica.js +2 -2
  140. package/dist-es/button-layout.css-mistica.js +14 -14
  141. package/dist-es/button.css-mistica.js +34 -34
  142. package/dist-es/callout.css-mistica.js +11 -11
  143. package/dist-es/card-internal.css-mistica.js +17 -17
  144. package/dist-es/card-internal.js +163 -162
  145. package/dist-es/carousel.css-mistica.js +9 -9
  146. package/dist-es/checkbox.css-mistica.js +13 -13
  147. package/dist-es/chip.css-mistica.js +17 -17
  148. package/dist-es/circle.css-mistica.js +1 -1
  149. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  150. package/dist-es/community/blocks.css-mistica.js +2 -2
  151. package/dist-es/community/example-component.css-mistica.js +2 -2
  152. package/dist-es/counter.css-mistica.js +2 -2
  153. package/dist-es/cover-hero.css-mistica.js +4 -4
  154. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  155. package/dist-es/date-field.css-mistica.js +1 -1
  156. package/dist-es/date-time-picker.css-mistica.js +1 -1
  157. package/dist-es/dialog.css-mistica.js +5 -5
  158. package/dist-es/divider.css-mistica.js +5 -5
  159. package/dist-es/double-field.css-mistica.js +4 -4
  160. package/dist-es/drawer.css-mistica.js +2 -2
  161. package/dist-es/empty-state-card.css-mistica.js +1 -1
  162. package/dist-es/empty-state.css-mistica.js +5 -5
  163. package/dist-es/fade-in.css-mistica.js +1 -1
  164. package/dist-es/feedback.css-mistica.js +2 -2
  165. package/dist-es/file-upload.css-mistica.js +8 -8
  166. package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
  167. package/dist-es/form.css-mistica.js +2 -2
  168. package/dist-es/grid-layout.css-mistica.js +3 -3
  169. package/dist-es/grid.css-mistica.js +120 -120
  170. package/dist-es/header.css-mistica.js +1 -1
  171. package/dist-es/hero.css-mistica.js +3 -3
  172. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  173. package/dist-es/icon-button.css-mistica.js +55 -55
  174. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  175. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  176. package/dist-es/image.css-mistica.js +2 -2
  177. package/dist-es/inline.css-mistica.js +9 -9
  178. package/dist-es/list.css-mistica.js +2 -2
  179. package/dist-es/loading-bar.css-mistica.js +1 -1
  180. package/dist-es/loading-screen.css-mistica.js +5 -5
  181. package/dist-es/logo.css-mistica.js +5 -5
  182. package/dist-es/media-queries.css-mistica.js +3 -2
  183. package/dist-es/menu.css-mistica.js +14 -14
  184. package/dist-es/mosaic.css-mistica.js +1 -1
  185. package/dist-es/navigation-bar.css-mistica.js +20 -20
  186. package/dist-es/navigation-bar.js +524 -499
  187. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  188. package/dist-es/package-version.js +1 -1
  189. package/dist-es/pin-field.css-mistica.js +2 -2
  190. package/dist-es/popover.css-mistica.js +1 -1
  191. package/dist-es/progress-bar.css-mistica.js +6 -6
  192. package/dist-es/radio-button.css-mistica.js +21 -21
  193. package/dist-es/rating.css-mistica.js +2 -2
  194. package/dist-es/responsive-layout.css-mistica.js +7 -7
  195. package/dist-es/screen-reader-only.css-mistica.js +2 -2
  196. package/dist-es/screen-size-context-provider.js +35 -29
  197. package/dist-es/screen-size-context.js +2 -1
  198. package/dist-es/select.css-mistica.js +18 -18
  199. package/dist-es/sheet-action-row.css-mistica.js +2 -2
  200. package/dist-es/sheet-common.css-mistica.js +2 -2
  201. package/dist-es/sheet-info.css-mistica.js +1 -1
  202. package/dist-es/sheet-radio-list.js +31 -26
  203. package/dist-es/skeletons.css-mistica.js +6 -6
  204. package/dist-es/skins/blau.js +2 -0
  205. package/dist-es/skins/esimflag.js +2 -0
  206. package/dist-es/skins/movistar-new.js +5 -3
  207. package/dist-es/skins/movistar.js +2 -0
  208. package/dist-es/skins/o2-new.js +12 -10
  209. package/dist-es/skins/o2.js +2 -0
  210. package/dist-es/skins/skin-contract.css-mistica.js +684 -682
  211. package/dist-es/skins/telefonica.js +15 -13
  212. package/dist-es/skins/tu.js +2 -0
  213. package/dist-es/skins/vivo-new.js +12 -10
  214. package/dist-es/skins/vivo.js +2 -0
  215. package/dist-es/skip-link.css-mistica.js +2 -2
  216. package/dist-es/slider.css-mistica.js +19 -19
  217. package/dist-es/snackbar.css-mistica.js +5 -5
  218. package/dist-es/spinner.css-mistica.js +1 -1
  219. package/dist-es/square.css-mistica.js +1 -1
  220. package/dist-es/stack.css-mistica.js +5 -5
  221. package/dist-es/stacking-group.css-mistica.js +1 -1
  222. package/dist-es/stepper.css-mistica.js +3 -3
  223. package/dist-es/style.css +1 -1
  224. package/dist-es/switch-component.css-mistica.js +37 -37
  225. package/dist-es/table.css-mistica.js +9 -9
  226. package/dist-es/tabs.css-mistica.js +19 -19
  227. package/dist-es/tag.css-mistica.js +2 -2
  228. package/dist-es/text-field-base.css-mistica.js +17 -17
  229. package/dist-es/text-field-components.css-mistica.js +4 -4
  230. package/dist-es/text-link.css-mistica.js +6 -6
  231. package/dist-es/text.css-mistica.js +6 -6
  232. package/dist-es/theme-context.css-mistica.js +1 -1
  233. package/dist-es/timeline.css-mistica.js +10 -10
  234. package/dist-es/timer.css-mistica.js +6 -6
  235. package/dist-es/tooltip.css-mistica.js +2 -2
  236. package/dist-es/touchable.css-mistica.js +1 -1
  237. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  238. package/dist-es/video.css-mistica.js +1 -1
  239. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  240. package/package.json +3 -3
package/dist/skins/esimflag.js CHANGED
@@ -288,6 +288,7 @@ const e = {
288
288
  textNavigationSearchBarText: e.white,
289
289
  textAppBar: e.grey5,
290
290
  textAppBarSelected: e.blue55,
291
+ iosGlassAppBar: e.blue85,
291
292
  iosGlassAppBarSelected: e.blue55,
292
293
  customTabsBackground: e.blue,
293
294
  tagTextPromo: e.blue85,
@@ -573,6 +574,7 @@ const e = {
573
574
  textNavigationSearchBarText: e.grey3,
574
575
  textAppBar: e.grey4,
575
576
  textAppBarSelected: e.blue15,
577
+ iosGlassAppBar: e.white,
576
578
  iosGlassAppBarSelected: e.white,
577
579
  customTabsBackground: e.darkModeBlack,
578
580
  tagTextPromo: e.blush,
package/dist/skins/movistar-new.js CHANGED
@@ -36,14 +36,14 @@ const e = {
36
36
  redHigh: "#AD0000",
37
37
  salmon100: "#FEEEE6",
38
38
  salmon200: "#FDE5D7",
39
- salmonLight: "#FFC6A8",
39
+ salmonLight: "#FFDAC7",
40
40
  salmonDark: "#62301A",
41
41
  yellow: "#EDB800",
42
42
  yellow200: "#FFF3D1",
43
43
  yellow400: "#FFCB11",
44
44
  yellow500: "#C59A00",
45
45
  yellow600: "#BFA960",
46
- yellowLight: "#FFE99C",
46
+ yellowLight: "#FFF0C0",
47
47
  yellowHigh: "#5E4A09",
48
48
  yellowDark: "#5E4A09",
49
49
  emerald: "#048239",
@@ -51,7 +51,7 @@ const e = {
51
51
  green200: "#EBF9DF",
52
52
  green400: "#8DCC5B",
53
53
  green700: "#407F0F",
54
- greenLight: "#CEF7BF",
54
+ greenLight: "#E2F8D5",
55
55
  greenHigh: "#CEF7BF",
56
56
  greenDark: "#38552B",
57
57
  pink45: "#EB5F99",
@@ -295,6 +295,7 @@ const e = {
295
295
  textNavigationSearchBarText: e.white,
296
296
  textAppBar: e.grey600,
297
297
  textAppBarSelected: e.blue800,
298
+ iosGlassAppBar: e.movistarBlack,
298
299
  iosGlassAppBarSelected: e.blue800,
299
300
  customTabsBackground: e.white,
300
301
  tagTextPromo: e.white,
@@ -580,6 +581,7 @@ const e = {
580
581
  textNavigationSearchBarText: e.grey200,
581
582
  textAppBar: e.grey400,
582
583
  textAppBarSelected: e.movistarBlue,
584
+ iosGlassAppBar: e.white,
583
585
  iosGlassAppBarSelected: e.blue200,
584
586
  customTabsBackground: e.darkModeBlack,
585
587
  tagTextPromo: e.movistarWhite,
package/dist/skins/movistar.js CHANGED
@@ -300,6 +300,7 @@ const e = {
300
300
  textNavigationSearchBarText: e.white,
301
301
  textAppBar: e.grey5,
302
302
  textAppBarSelected: e.movistarBlueHC,
303
+ iosGlassAppBar: e.movistarBlueDark,
303
304
  iosGlassAppBarSelected: e.movistarBlueHC55,
304
305
  customTabsBackground: e.white,
305
306
  tagTextPromo: e.white,
@@ -585,6 +586,7 @@ const e = {
585
586
  textNavigationSearchBarText: e.darkModeGrey2,
586
587
  textAppBar: e.darkModeGrey4,
587
588
  textAppBarSelected: e.movistarBlue,
589
+ iosGlassAppBar: e.white,
588
590
  iosGlassAppBarSelected: e.white,
589
591
  customTabsBackground: e.darkModeBlack,
590
592
  tagTextPromo: e.white,
package/dist/skins/o2-new.js CHANGED
@@ -131,15 +131,15 @@ const e = {
131
131
  buttonPrimaryBackgroundBrand: e.white,
132
132
  buttonPrimaryBackgroundMedia: e.white,
133
133
  buttonPrimaryBackgroundHover: e.beyondBlue70,
134
- buttonPrimaryBackgroundInverseHover: e.beyondBlue30,
135
- buttonPrimaryBackgroundNegativeHover: e.beyondBlue30,
136
- buttonPrimaryBackgroundBrandHover: e.beyondBlue30,
137
- buttonPrimaryBackgroundMediaHover: e.beyondBlue30,
134
+ buttonPrimaryBackgroundInverseHover: e.beyondBlue10,
135
+ buttonPrimaryBackgroundNegativeHover: e.beyondBlue10,
136
+ buttonPrimaryBackgroundBrandHover: e.beyondBlue10,
137
+ buttonPrimaryBackgroundMediaHover: e.beyondBlue10,
138
138
  buttonPrimaryBackgroundPressed: e.beyondBlue70,
139
- buttonPrimaryBackgroundInversePressed: e.beyondBlue30,
140
- buttonPrimaryBackgroundNegativePressed: e.beyondBlue30,
141
- buttonPrimaryBackgroundBrandPressed: e.beyondBlue30,
142
- buttonPrimaryBackgroundMediaPressed: e.beyondBlue30,
139
+ buttonPrimaryBackgroundInversePressed: e.beyondBlue15,
140
+ buttonPrimaryBackgroundNegativePressed: e.beyondBlue15,
141
+ buttonPrimaryBackgroundBrandPressed: e.beyondBlue15,
142
+ buttonPrimaryBackgroundMediaPressed: e.beyondBlue15,
143
143
  buttonSecondaryBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
144
144
  buttonSecondaryBorder: e.beyondBlue,
145
145
  buttonSecondaryBorderInverse: e.white,
@@ -291,6 +291,7 @@ const e = {
291
291
  textNavigationSearchBarText: e.white,
292
292
  textAppBar: e.grey60,
293
293
  textAppBarSelected: e.beyondBlue,
294
+ iosGlassAppBar: e.black,
294
295
  iosGlassAppBarSelected: e.beyondBlue55,
295
296
  customTabsBackground: e.beyondBlue,
296
297
  tagTextPromo: e.o2Pink80,
@@ -419,12 +420,12 @@ const e = {
419
420
  buttonPrimaryBackgroundInverseHover: e.beyondBlue55,
420
421
  buttonPrimaryBackgroundNegativeHover: e.beyondBlue55,
421
422
  buttonPrimaryBackgroundBrandHover: e.beyondBlue55,
422
- buttonPrimaryBackgroundMediaHover: e.beyondBlue30,
423
+ buttonPrimaryBackgroundMediaHover: e.beyondBlue10,
423
424
  buttonPrimaryBackgroundPressed: e.beyondBlue55,
424
425
  buttonPrimaryBackgroundInversePressed: e.beyondBlue55,
425
426
  buttonPrimaryBackgroundNegativePressed: e.beyondBlue55,
426
427
  buttonPrimaryBackgroundBrandPressed: e.beyondBlue55,
427
- buttonPrimaryBackgroundMediaPressed: e.beyondBlue30,
428
+ buttonPrimaryBackgroundMediaPressed: e.beyondBlue15,
428
429
  buttonSecondaryBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
429
430
  buttonSecondaryBorder: e.white,
430
431
  buttonSecondaryBorderInverse: e.white,
@@ -576,6 +577,7 @@ const e = {
576
577
  textNavigationSearchBarText: e.grey30,
577
578
  textAppBar: e.grey45,
578
579
  textAppBarSelected: e.beyondBlue40,
580
+ iosGlassAppBar: e.white,
579
581
  iosGlassAppBarSelected: e.beyondBlue15,
580
582
  customTabsBackground: e.darkModeBlack,
581
583
  tagTextPromo: e.o2Pink,
package/dist/skins/o2.js CHANGED
@@ -287,6 +287,7 @@ const e = {
287
287
  textNavigationSearchBarText: e.white,
288
288
  textAppBar: e.grey4,
289
289
  textAppBarSelected: e.o2BluePrimary,
290
+ iosGlassAppBar: e.grey6,
290
291
  iosGlassAppBarSelected: e.o2BluePrimary,
291
292
  customTabsBackground: e.o2BluePrimary,
292
293
  tagTextPromo: e.o2Purple,
@@ -572,6 +573,7 @@ const e = {
572
573
  textNavigationSearchBarText: e.grey2,
573
574
  textAppBar: e.grey5,
574
575
  textAppBarSelected: e.grey2,
576
+ iosGlassAppBar: e.white,
575
577
  iosGlassAppBarSelected: e.white,
576
578
  customTabsBackground: e.darkModeBlack,
577
579
  tagTextPromo: e.o2Purple30,