@telefonica/mistica 16.27.0 → 16.28.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 (212) hide show
  1. package/css/blau.css +6 -2
  2. package/css/esimflag.css +4 -0
  3. package/css/mistica.css +1 -1
  4. package/css/movistar.css +4 -0
  5. package/css/o2-new.css +4 -0
  6. package/css/o2.css +4 -0
  7. package/css/telefonica.css +297 -270
  8. package/css/tu.css +4 -0
  9. package/css/vivo-new.css +4 -0
  10. package/css/vivo.css +4 -0
  11. package/dist/accordion.css-mistica.js +7 -7
  12. package/dist/align.css-mistica.js +1 -1
  13. package/dist/avatar.css-mistica.js +1 -1
  14. package/dist/badge.css-mistica.js +4 -4
  15. package/dist/box.css-mistica.js +13 -13
  16. package/dist/boxed.css-mistica.js +24 -24
  17. package/dist/button-group.css-mistica.js +4 -4
  18. package/dist/button-layout.css-mistica.js +15 -15
  19. package/dist/button.css-mistica.js +32 -32
  20. package/dist/callout.css-mistica.js +8 -8
  21. package/dist/card.css-mistica.js +19 -19
  22. package/dist/carousel.css-mistica.js +29 -29
  23. package/dist/checkbox.css-mistica.js +13 -13
  24. package/dist/chip.css-mistica.js +14 -14
  25. package/dist/circle.css-mistica.js +1 -1
  26. package/dist/community/advanced-data-card.css-mistica.js +20 -20
  27. package/dist/community/blocks.css-mistica.js +1 -1
  28. package/dist/community/example-component.css-mistica.js +1 -1
  29. package/dist/counter.css-mistica.js +2 -2
  30. package/dist/cover-hero.css-mistica.js +11 -11
  31. package/dist/credit-card-number-field.css-mistica.js +5 -5
  32. package/dist/date-field.css-mistica.js +1 -1
  33. package/dist/date-time-picker.css-mistica.js +1 -1
  34. package/dist/dialog.css-mistica.js +7 -7
  35. package/dist/divider.css-mistica.js +2 -2
  36. package/dist/double-field.css-mistica.js +4 -4
  37. package/dist/drawer.css-mistica.js +7 -7
  38. package/dist/empty-state-card.css-mistica.js +1 -1
  39. package/dist/empty-state.css-mistica.js +7 -7
  40. package/dist/fade-in.css-mistica.js +1 -1
  41. package/dist/feedback.css-mistica.js +3 -3
  42. package/dist/fixed-footer-layout.css-mistica.js +8 -8
  43. package/dist/form.css-mistica.js +2 -2
  44. package/dist/grid-layout.css-mistica.js +3 -3
  45. package/dist/grid.css-mistica.js +122 -122
  46. package/dist/header.css-mistica.js +1 -1
  47. package/dist/hero.css-mistica.js +5 -5
  48. package/dist/highlighted-card.css-mistica.js +4 -4
  49. package/dist/horizontal-scroll.css-mistica.js +1 -1
  50. package/dist/icon-button.css-mistica.js +44 -44
  51. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  52. package/dist/icons/icon-error.css-mistica.js +1 -1
  53. package/dist/image.css-mistica.js +6 -6
  54. package/dist/inline.css-mistica.js +10 -10
  55. package/dist/list.css-mistica.js +15 -15
  56. package/dist/loading-bar.css-mistica.js +4 -4
  57. package/dist/loading-screen.css-mistica.js +5 -5
  58. package/dist/logo.css-mistica.js +5 -5
  59. package/dist/maybe-dismissable.css-mistica.js +1 -1
  60. package/dist/menu.css-mistica.js +12 -12
  61. package/dist/mosaic.css-mistica.js +1 -1
  62. package/dist/navigation-bar.css-mistica.js +39 -39
  63. package/dist/navigation-breadcrumbs.css-mistica.js +2 -2
  64. package/dist/package-version.js +1 -1
  65. package/dist/pin-field.css-mistica.js +4 -4
  66. package/dist/popover.css-mistica.js +1 -1
  67. package/dist/progress-bar.css-mistica.js +4 -4
  68. package/dist/radio-button.css-mistica.js +18 -18
  69. package/dist/rating.css-mistica.js +5 -5
  70. package/dist/responsive-layout.css-mistica.js +8 -8
  71. package/dist/screen-reader-only.css-mistica.js +1 -1
  72. package/dist/select.css-mistica.js +20 -20
  73. package/dist/sheet-action-row.css-mistica.js +1 -1
  74. package/dist/sheet-common.css-mistica.js +8 -8
  75. package/dist/sheet-info.css-mistica.js +1 -1
  76. package/dist/skeletons.css-mistica.js +4 -4
  77. package/dist/skins/blau.js +3 -1
  78. package/dist/skins/esimflag.js +2 -0
  79. package/dist/skins/movistar.js +6 -0
  80. package/dist/skins/o2-new.js +2 -0
  81. package/dist/skins/o2.js +2 -0
  82. package/dist/skins/skin-contract.css-mistica.js +354 -352
  83. package/dist/skins/skin-contract.css.d.ts +2 -0
  84. package/dist/skins/telefonica.d.ts +13 -2
  85. package/dist/skins/telefonica.js +152 -139
  86. package/dist/skins/tu.js +2 -0
  87. package/dist/skins/types/colors.d.ts +1 -0
  88. package/dist/skins/vivo-new.js +2 -0
  89. package/dist/skins/vivo.js +2 -0
  90. package/dist/slider.css-mistica.js +14 -14
  91. package/dist/snackbar.css-mistica.js +13 -13
  92. package/dist/spinner.css-mistica.js +3 -3
  93. package/dist/stack.css-mistica.js +5 -5
  94. package/dist/stacking-group.css-mistica.js +1 -1
  95. package/dist/stepper.css-mistica.js +8 -8
  96. package/dist/switch-component.css-mistica.js +33 -33
  97. package/dist/table.css-mistica.js +8 -8
  98. package/dist/tabs.css-mistica.js +18 -18
  99. package/dist/tag.css-mistica.js +3 -3
  100. package/dist/text-field-base.css-mistica.js +11 -11
  101. package/dist/text-field-components.css-mistica.js +14 -14
  102. package/dist/text-link.css-mistica.js +5 -5
  103. package/dist/text.css-mistica.js +7 -7
  104. package/dist/theme-context.css-mistica.js +394 -392
  105. package/dist/theme-context.css.d.ts +2 -0
  106. package/dist/timeline.css-mistica.js +12 -12
  107. package/dist/timer.css-mistica.js +6 -6
  108. package/dist/tooltip.css-mistica.js +1 -1
  109. package/dist/touchable.css-mistica.js +3 -3
  110. package/dist/utils/aspect-ratio-support.css-mistica.js +4 -4
  111. package/dist/video.css-mistica.js +1 -1
  112. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  113. package/dist-es/accordion.css-mistica.js +7 -7
  114. package/dist-es/align.css-mistica.js +1 -1
  115. package/dist-es/avatar.css-mistica.js +1 -1
  116. package/dist-es/badge.css-mistica.js +2 -2
  117. package/dist-es/box.css-mistica.js +13 -13
  118. package/dist-es/boxed.css-mistica.js +23 -23
  119. package/dist-es/button-group.css-mistica.js +2 -2
  120. package/dist-es/button-layout.css-mistica.js +14 -14
  121. package/dist-es/button.css-mistica.js +22 -22
  122. package/dist-es/callout.css-mistica.js +6 -6
  123. package/dist-es/card.css-mistica.js +4 -4
  124. package/dist-es/carousel.css-mistica.js +7 -7
  125. package/dist-es/checkbox.css-mistica.js +9 -9
  126. package/dist-es/chip.css-mistica.js +13 -13
  127. package/dist-es/circle.css-mistica.js +1 -1
  128. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  129. package/dist-es/community/blocks.css-mistica.js +1 -1
  130. package/dist-es/community/example-component.css-mistica.js +1 -1
  131. package/dist-es/counter.css-mistica.js +2 -2
  132. package/dist-es/cover-hero.css-mistica.js +4 -4
  133. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  134. package/dist-es/date-field.css-mistica.js +1 -1
  135. package/dist-es/date-time-picker.css-mistica.js +1 -1
  136. package/dist-es/dialog.css-mistica.js +5 -5
  137. package/dist-es/divider.css-mistica.js +2 -2
  138. package/dist-es/double-field.css-mistica.js +4 -4
  139. package/dist-es/drawer.css-mistica.js +2 -2
  140. package/dist-es/empty-state-card.css-mistica.js +1 -1
  141. package/dist-es/empty-state.css-mistica.js +6 -6
  142. package/dist-es/fade-in.css-mistica.js +1 -1
  143. package/dist-es/feedback.css-mistica.js +2 -2
  144. package/dist-es/fixed-footer-layout.css-mistica.js +5 -5
  145. package/dist-es/form.css-mistica.js +2 -2
  146. package/dist-es/grid-layout.css-mistica.js +3 -3
  147. package/dist-es/grid.css-mistica.js +122 -122
  148. package/dist-es/header.css-mistica.js +1 -1
  149. package/dist-es/hero.css-mistica.js +3 -3
  150. package/dist-es/highlighted-card.css-mistica.js +4 -4
  151. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  152. package/dist-es/icon-button.css-mistica.js +43 -43
  153. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  154. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  155. package/dist-es/image.css-mistica.js +4 -4
  156. package/dist-es/inline.css-mistica.js +10 -10
  157. package/dist-es/list.css-mistica.js +2 -2
  158. package/dist-es/loading-bar.css-mistica.js +2 -2
  159. package/dist-es/loading-screen.css-mistica.js +5 -5
  160. package/dist-es/logo.css-mistica.js +5 -5
  161. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  162. package/dist-es/menu.css-mistica.js +12 -12
  163. package/dist-es/mosaic.css-mistica.js +1 -1
  164. package/dist-es/navigation-bar.css-mistica.js +17 -17
  165. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  166. package/dist-es/package-version.js +1 -1
  167. package/dist-es/pin-field.css-mistica.js +2 -2
  168. package/dist-es/popover.css-mistica.js +1 -1
  169. package/dist-es/progress-bar.css-mistica.js +4 -4
  170. package/dist-es/radio-button.css-mistica.js +16 -16
  171. package/dist-es/rating.css-mistica.js +3 -3
  172. package/dist-es/responsive-layout.css-mistica.js +5 -5
  173. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  174. package/dist-es/select.css-mistica.js +16 -16
  175. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  176. package/dist-es/sheet-common.css-mistica.js +2 -2
  177. package/dist-es/sheet-info.css-mistica.js +1 -1
  178. package/dist-es/skeletons.css-mistica.js +4 -4
  179. package/dist-es/skins/blau.js +3 -1
  180. package/dist-es/skins/esimflag.js +2 -0
  181. package/dist-es/skins/movistar.js +6 -0
  182. package/dist-es/skins/o2-new.js +2 -0
  183. package/dist-es/skins/o2.js +2 -0
  184. package/dist-es/skins/skin-contract.css-mistica.js +354 -352
  185. package/dist-es/skins/telefonica.js +152 -139
  186. package/dist-es/skins/tu.js +2 -0
  187. package/dist-es/skins/vivo-new.js +2 -0
  188. package/dist-es/skins/vivo.js +2 -0
  189. package/dist-es/slider.css-mistica.js +11 -11
  190. package/dist-es/snackbar.css-mistica.js +5 -5
  191. package/dist-es/spinner.css-mistica.js +2 -2
  192. package/dist-es/stack.css-mistica.js +5 -5
  193. package/dist-es/stacking-group.css-mistica.js +1 -1
  194. package/dist-es/stepper.css-mistica.js +3 -3
  195. package/dist-es/style.css +1 -1
  196. package/dist-es/switch-component.css-mistica.js +29 -29
  197. package/dist-es/table.css-mistica.js +8 -8
  198. package/dist-es/tabs.css-mistica.js +15 -15
  199. package/dist-es/tag.css-mistica.js +2 -2
  200. package/dist-es/text-field-base.css-mistica.js +2 -2
  201. package/dist-es/text-field-components.css-mistica.js +5 -5
  202. package/dist-es/text-link.css-mistica.js +5 -5
  203. package/dist-es/text.css-mistica.js +7 -7
  204. package/dist-es/theme-context.css-mistica.js +394 -392
  205. package/dist-es/timeline.css-mistica.js +11 -11
  206. package/dist-es/timer.css-mistica.js +6 -6
  207. package/dist-es/tooltip.css-mistica.js +1 -1
  208. package/dist-es/touchable.css-mistica.js +2 -2
  209. package/dist-es/utils/aspect-ratio-support.css-mistica.js +4 -4
  210. package/dist-es/video.css-mistica.js +1 -1
  211. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  212. package/package.json +1 -1
package/css/movistar.css CHANGED
@@ -114,6 +114,7 @@
114
114
  --mistica-color-textActivated: var(--mistica-movistar-movistarBlueHC);
115
115
  --mistica-color-textBrand: var(--mistica-movistar-movistarBlueHC);
116
116
  --mistica-color-inputBorder: var(--mistica-movistar-grey4);
117
+ --mistica-color-inputBorderInverse: var(--mistica-movistar-white);
117
118
  --mistica-color-completedStep: var(--mistica-movistar-movistarBlueHC);
118
119
  --mistica-color-completedStepInverse: var(--mistica-movistar-movistarBlue55);
119
120
  --mistica-color-control: var(--mistica-movistar-grey4);
@@ -329,6 +330,7 @@
329
330
  --mistica-color-textActivated: var(--mistica-movistar-movistarBlue);
330
331
  --mistica-color-textBrand: var(--mistica-movistar-movistarBlue);
331
332
  --mistica-color-inputBorder: var(--mistica-movistar-darkModeGrey4);
333
+ --mistica-color-inputBorderInverse: var(--mistica-movistar-darkModeGrey4);
332
334
  --mistica-color-completedStep: var(--mistica-movistar-movistarBlueHC);
333
335
  --mistica-color-completedStepInverse: var(--mistica-movistar-movistarBlueHC);
334
336
  --mistica-color-control: var(--mistica-movistar-darkModeGrey4);
@@ -495,6 +497,7 @@
495
497
  --mistica-color-textActivated: var(--mistica-movistar-movistarBlue);
496
498
  --mistica-color-textBrand: var(--mistica-movistar-movistarBlue);
497
499
  --mistica-color-inputBorder: var(--mistica-movistar-darkModeGrey4);
500
+ --mistica-color-inputBorderInverse: var(--mistica-movistar-darkModeGrey4);
498
501
  --mistica-color-completedStep: var(--mistica-movistar-movistarBlueHC);
499
502
  --mistica-color-completedStepInverse: var(--mistica-movistar-movistarBlueHC);
500
503
  --mistica-color-control: var(--mistica-movistar-darkModeGrey4);
@@ -654,6 +657,7 @@
654
657
  --mistica-color-textActivated: var(--mistica-movistar-movistarBlueHC);
655
658
  --mistica-color-textBrand: var(--mistica-movistar-movistarBlueHC);
656
659
  --mistica-color-inputBorder: var(--mistica-movistar-grey4);
660
+ --mistica-color-inputBorderInverse: var(--mistica-movistar-white);
657
661
  --mistica-color-completedStep: var(--mistica-movistar-movistarBlueHC);
658
662
  --mistica-color-completedStepInverse: var(--mistica-movistar-movistarBlue55);
659
663
  --mistica-color-control: var(--mistica-movistar-grey4);
package/css/o2-new.css CHANGED
@@ -120,6 +120,7 @@
120
120
  --mistica-color-textActivated: var(--mistica-o2-new-beyondBlue);
121
121
  --mistica-color-textBrand: var(--mistica-o2-new-beyondBlue);
122
122
  --mistica-color-inputBorder: var(--mistica-o2-new-grey45);
123
+ --mistica-color-inputBorderInverse: var(--mistica-o2-new-white);
123
124
  --mistica-color-completedStep: var(--mistica-o2-new-beyondBlue);
124
125
  --mistica-color-completedStepInverse: var(--mistica-o2-new-beyondBlue70);
125
126
  --mistica-color-control: var(--mistica-o2-new-grey45);
@@ -335,6 +336,7 @@
335
336
  --mistica-color-textActivated: var(--mistica-o2-new-beyondBlue30);
336
337
  --mistica-color-textBrand: var(--mistica-o2-new-beyondBlue30);
337
338
  --mistica-color-inputBorder: var(--mistica-o2-new-grey45);
339
+ --mistica-color-inputBorderInverse: var(--mistica-o2-new-grey45);
338
340
  --mistica-color-completedStep: var(--mistica-o2-new-darkModeBeyondBlue);
339
341
  --mistica-color-completedStepInverse: var(--mistica-o2-new-darkModeBeyondBlue);
340
342
  --mistica-color-control: var(--mistica-o2-new-grey45);
@@ -495,6 +497,7 @@
495
497
  --mistica-color-textActivated: var(--mistica-o2-new-beyondBlue30);
496
498
  --mistica-color-textBrand: var(--mistica-o2-new-beyondBlue30);
497
499
  --mistica-color-inputBorder: var(--mistica-o2-new-grey45);
500
+ --mistica-color-inputBorderInverse: var(--mistica-o2-new-grey45);
498
501
  --mistica-color-completedStep: var(--mistica-o2-new-darkModeBeyondBlue);
499
502
  --mistica-color-completedStepInverse: var(--mistica-o2-new-darkModeBeyondBlue);
500
503
  --mistica-color-control: var(--mistica-o2-new-grey45);
@@ -664,6 +667,7 @@
664
667
  --mistica-color-textActivated: var(--mistica-o2-new-beyondBlue);
665
668
  --mistica-color-textBrand: var(--mistica-o2-new-beyondBlue);
666
669
  --mistica-color-inputBorder: var(--mistica-o2-new-grey45);
670
+ --mistica-color-inputBorderInverse: var(--mistica-o2-new-white);
667
671
  --mistica-color-completedStep: var(--mistica-o2-new-beyondBlue);
668
672
  --mistica-color-completedStepInverse: var(--mistica-o2-new-beyondBlue70);
669
673
  --mistica-color-control: var(--mistica-o2-new-grey45);
package/css/o2.css CHANGED
@@ -105,6 +105,7 @@
105
105
  --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary);
106
106
  --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary);
107
107
  --mistica-color-inputBorder: var(--mistica-o2-grey3);
108
+ --mistica-color-inputBorderInverse: var(--mistica-o2-white);
108
109
  --mistica-color-completedStep: var(--mistica-o2-o2BluePrimary);
109
110
  --mistica-color-completedStepInverse: var(--mistica-o2-o2BluePrimary70);
110
111
  --mistica-color-control: var(--mistica-o2-grey3);
@@ -320,6 +321,7 @@
320
321
  --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary30);
321
322
  --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary30);
322
323
  --mistica-color-inputBorder: var(--mistica-o2-darkModeGrey6);
324
+ --mistica-color-inputBorderInverse: var(--mistica-o2-darkModeGrey6);
323
325
  --mistica-color-completedStep: var(--mistica-o2-darkModeO2BluePrimary);
324
326
  --mistica-color-completedStepInverse: var(--mistica-o2-darkModeO2BluePrimary);
325
327
  --mistica-color-control: var(--mistica-o2-darkModeGrey6);
@@ -480,6 +482,7 @@
480
482
  --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary30);
481
483
  --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary30);
482
484
  --mistica-color-inputBorder: var(--mistica-o2-darkModeGrey6);
485
+ --mistica-color-inputBorderInverse: var(--mistica-o2-darkModeGrey6);
483
486
  --mistica-color-completedStep: var(--mistica-o2-darkModeO2BluePrimary);
484
487
  --mistica-color-completedStepInverse: var(--mistica-o2-darkModeO2BluePrimary);
485
488
  --mistica-color-control: var(--mistica-o2-darkModeGrey6);
@@ -639,6 +642,7 @@
639
642
  --mistica-color-textActivated: var(--mistica-o2-o2BluePrimary);
640
643
  --mistica-color-textBrand: var(--mistica-o2-o2BluePrimary);
641
644
  --mistica-color-inputBorder: var(--mistica-o2-grey3);
645
+ --mistica-color-inputBorderInverse: var(--mistica-o2-white);
642
646
  --mistica-color-completedStep: var(--mistica-o2-o2BluePrimary);
643
647
  --mistica-color-completedStepInverse: var(--mistica-o2-o2BluePrimary70);
644
648
  --mistica-color-control: var(--mistica-o2-grey3);