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