@telefonica/mistica 16.23.0 → 16.24.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 (265) hide show
  1. package/css/blau.css +4 -0
  2. package/css/esimflag.css +14 -10
  3. package/css/mistica-common.css +25 -25
  4. package/css/mistica.css +1 -1
  5. package/css/movistar.css +10 -6
  6. package/css/o2-new.css +9 -5
  7. package/css/o2.css +4 -0
  8. package/css/telefonica.css +12 -8
  9. package/css/tu.css +8 -4
  10. package/css/vivo-new.css +10 -5
  11. package/css/vivo.css +4 -0
  12. package/dist/accordion.css-mistica.js +11 -11
  13. package/dist/accordion.js +1 -1
  14. package/dist/align.css-mistica.js +1 -1
  15. package/dist/avatar.css-mistica.js +2 -2
  16. package/dist/badge.css-mistica.js +1 -1
  17. package/dist/box.css-mistica.js +13 -13
  18. package/dist/boxed.css-mistica.js +24 -24
  19. package/dist/button-group.css-mistica.js +3 -3
  20. package/dist/button-layout.css-mistica.js +17 -17
  21. package/dist/button.css-mistica.js +32 -32
  22. package/dist/callout.css-mistica.js +7 -7
  23. package/dist/card.css-mistica.js +17 -17
  24. package/dist/carousel.css-mistica.js +23 -23
  25. package/dist/checkbox.css-mistica.js +9 -9
  26. package/dist/checkbox.css.d.ts +2 -2
  27. package/dist/chip.css-mistica.js +18 -18
  28. package/dist/circle.css-mistica.js +2 -2
  29. package/dist/community/advanced-data-card.css-mistica.js +24 -24
  30. package/dist/community/blocks.css-mistica.js +1 -1
  31. package/dist/community/example-component.css-mistica.js +1 -1
  32. package/dist/counter.css-mistica.js +4 -4
  33. package/dist/counter.js +4 -4
  34. package/dist/cover-hero.css-mistica.js +13 -13
  35. package/dist/credit-card-number-field.css-mistica.js +4 -4
  36. package/dist/date-field.css-mistica.js +1 -1
  37. package/dist/date-time-picker.css-mistica.js +1 -1
  38. package/dist/dialog.css-mistica.js +7 -7
  39. package/dist/divider.css-mistica.js +2 -2
  40. package/dist/double-field.css-mistica.js +2 -2
  41. package/dist/drawer.css-mistica.js +7 -7
  42. package/dist/empty-state-card.css-mistica.js +2 -2
  43. package/dist/empty-state.css-mistica.js +5 -5
  44. package/dist/fade-in.css-mistica.js +1 -1
  45. package/dist/feedback.css-mistica.js +3 -3
  46. package/dist/fixed-footer-layout.css-mistica.js +9 -9
  47. package/dist/form.css-mistica.js +1 -1
  48. package/dist/generated/mistica-icons/icon-chevron-down-filled.d.ts +4 -0
  49. package/dist/generated/mistica-icons/icon-chevron-down-filled.js +132 -0
  50. package/dist/generated/mistica-icons/icon-chevron-down-light.js +6 -6
  51. package/dist/generated/mistica-icons/icon-chevron-down-regular.js +16 -16
  52. package/dist/generated/mistica-icons/icon-chevron-left-filled.d.ts +4 -0
  53. package/dist/generated/mistica-icons/icon-chevron-left-filled.js +132 -0
  54. package/dist/generated/mistica-icons/icon-chevron-left-light.js +4 -4
  55. package/dist/generated/mistica-icons/icon-chevron-left-regular.js +5 -5
  56. package/dist/generated/mistica-icons/icon-chevron-right-filled.d.ts +4 -0
  57. package/dist/generated/mistica-icons/icon-chevron-right-filled.js +132 -0
  58. package/dist/generated/mistica-icons/icon-chevron-right-light.js +6 -6
  59. package/dist/generated/mistica-icons/icon-chevron-right-regular.js +14 -14
  60. package/dist/generated/mistica-icons/icon-chevron-up-filled.d.ts +4 -0
  61. package/dist/generated/mistica-icons/icon-chevron-up-filled.js +132 -0
  62. package/dist/generated/mistica-icons/icon-chevron-up-light.js +4 -4
  63. package/dist/generated/mistica-icons/icon-chevron-up-regular.js +15 -15
  64. package/dist/grid-layout.css-mistica.js +3 -3
  65. package/dist/grid.css-mistica.js +122 -122
  66. package/dist/header.css-mistica.js +4 -4
  67. package/dist/hero.css-mistica.js +7 -7
  68. package/dist/highlighted-card.css-mistica.js +6 -6
  69. package/dist/horizontal-scroll.css-mistica.js +2 -2
  70. package/dist/icon-button.css-mistica.js +42 -42
  71. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  72. package/dist/icons/icon-chevron.js +71 -24
  73. package/dist/icons/icon-error.css-mistica.js +1 -1
  74. package/dist/image.css-mistica.js +3 -3
  75. package/dist/index.d.ts +4 -0
  76. package/dist/index.js +16 -0
  77. package/dist/inline.css-mistica.js +10 -10
  78. package/dist/list.css-mistica.js +8 -8
  79. package/dist/list.js +45 -45
  80. package/dist/loading-bar.css-mistica.js +1 -1
  81. package/dist/loading-screen.css-mistica.js +8 -8
  82. package/dist/logo.css-mistica.js +5 -5
  83. package/dist/maybe-dismissable.css-mistica.js +1 -1
  84. package/dist/menu.css-mistica.js +14 -14
  85. package/dist/mosaic.css-mistica.js +1 -1
  86. package/dist/navigation-bar.css-mistica.js +45 -45
  87. package/dist/navigation-bar.js +1 -0
  88. package/dist/navigation-breadcrumbs.css-mistica.js +4 -4
  89. package/dist/package-version.js +1 -1
  90. package/dist/pin-field.css-mistica.js +9 -9
  91. package/dist/pin-field.js +47 -47
  92. package/dist/popover.css-mistica.js +1 -1
  93. package/dist/progress-bar.css-mistica.js +4 -4
  94. package/dist/radio-button.css-mistica.js +19 -19
  95. package/dist/rating.css-mistica.js +4 -4
  96. package/dist/responsive-layout.css-mistica.js +7 -7
  97. package/dist/screen-reader-only.css-mistica.js +1 -1
  98. package/dist/select.css-mistica.js +20 -20
  99. package/dist/select.js +54 -51
  100. package/dist/sheet-action-row.css-mistica.js +1 -1
  101. package/dist/sheet-common.css-mistica.js +8 -8
  102. package/dist/sheet-info.css-mistica.js +1 -1
  103. package/dist/skeletons.css-mistica.js +5 -5
  104. package/dist/skins/blau.js +2 -0
  105. package/dist/skins/esimflag.d.ts +1 -0
  106. package/dist/skins/esimflag.js +7 -4
  107. package/dist/skins/movistar.js +5 -3
  108. package/dist/skins/o2-new.js +5 -3
  109. package/dist/skins/o2.js +2 -0
  110. package/dist/skins/skin-contract.css-mistica.js +348 -346
  111. package/dist/skins/skin-contract.css.d.ts +2 -0
  112. package/dist/skins/telefonica.js +6 -4
  113. package/dist/skins/tu.js +4 -2
  114. package/dist/skins/types/colors.d.ts +1 -0
  115. package/dist/skins/vivo-new.d.ts +1 -0
  116. package/dist/skins/vivo-new.js +6 -3
  117. package/dist/skins/vivo.js +2 -0
  118. package/dist/slider.css-mistica.js +16 -16
  119. package/dist/snackbar.css-mistica.js +15 -15
  120. package/dist/spinner.css-mistica.js +1 -1
  121. package/dist/sprinkles.css.d.ts +1 -1
  122. package/dist/stack.css-mistica.js +5 -5
  123. package/dist/stacking-group.css-mistica.js +2 -2
  124. package/dist/stepper.css-mistica.js +9 -9
  125. package/dist/switch-component.css-mistica.js +32 -32
  126. package/dist/table.css-mistica.js +8 -8
  127. package/dist/tabs.css-mistica.js +18 -18
  128. package/dist/tag.css-mistica.js +1 -1
  129. package/dist/text-field-base.css-mistica.js +8 -8
  130. package/dist/text-field-components.css-mistica.js +11 -11
  131. package/dist/text-link.css-mistica.js +17 -6
  132. package/dist/text-link.css.d.ts +4 -0
  133. package/dist/text-link.d.ts +2 -1
  134. package/dist/text-link.js +11 -10
  135. package/dist/text.css-mistica.js +7 -7
  136. package/dist/theme-context.css-mistica.js +388 -386
  137. package/dist/theme-context.css.d.ts +2 -0
  138. package/dist/timeline.css-mistica.js +10 -10
  139. package/dist/timer.css-mistica.js +6 -6
  140. package/dist/tooltip.css-mistica.js +6 -6
  141. package/dist/touchable.css-mistica.js +2 -2
  142. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  143. package/dist/video.css-mistica.js +1 -1
  144. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  145. package/dist-es/accordion.css-mistica.js +7 -7
  146. package/dist-es/accordion.js +1 -1
  147. package/dist-es/align.css-mistica.js +1 -1
  148. package/dist-es/avatar.css-mistica.js +2 -2
  149. package/dist-es/badge.css-mistica.js +1 -1
  150. package/dist-es/box.css-mistica.js +13 -13
  151. package/dist-es/boxed.css-mistica.js +23 -23
  152. package/dist-es/button-group.css-mistica.js +2 -2
  153. package/dist-es/button-layout.css-mistica.js +15 -15
  154. package/dist-es/button.css-mistica.js +20 -20
  155. package/dist-es/callout.css-mistica.js +6 -6
  156. package/dist-es/card.css-mistica.js +4 -4
  157. package/dist-es/carousel.css-mistica.js +7 -7
  158. package/dist-es/checkbox.css-mistica.js +8 -8
  159. package/dist-es/chip.css-mistica.js +13 -13
  160. package/dist-es/circle.css-mistica.js +2 -2
  161. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  162. package/dist-es/community/blocks.css-mistica.js +1 -1
  163. package/dist-es/community/example-component.css-mistica.js +1 -1
  164. package/dist-es/counter.css-mistica.js +2 -2
  165. package/dist-es/counter.js +9 -9
  166. package/dist-es/cover-hero.css-mistica.js +4 -4
  167. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  168. package/dist-es/date-field.css-mistica.js +1 -1
  169. package/dist-es/date-time-picker.css-mistica.js +1 -1
  170. package/dist-es/dialog.css-mistica.js +5 -5
  171. package/dist-es/divider.css-mistica.js +2 -2
  172. package/dist-es/double-field.css-mistica.js +2 -2
  173. package/dist-es/drawer.css-mistica.js +2 -2
  174. package/dist-es/empty-state-card.css-mistica.js +2 -2
  175. package/dist-es/empty-state.css-mistica.js +5 -5
  176. package/dist-es/fade-in.css-mistica.js +1 -1
  177. package/dist-es/feedback.css-mistica.js +2 -2
  178. package/dist-es/fixed-footer-layout.css-mistica.js +5 -5
  179. package/dist-es/form.css-mistica.js +1 -1
  180. package/dist-es/generated/mistica-icons/icon-chevron-down-filled.js +123 -0
  181. package/dist-es/generated/mistica-icons/icon-chevron-down-light.js +7 -7
  182. package/dist-es/generated/mistica-icons/icon-chevron-down-regular.js +23 -23
  183. package/dist-es/generated/mistica-icons/icon-chevron-left-filled.js +123 -0
  184. package/dist-es/generated/mistica-icons/icon-chevron-left-light.js +7 -7
  185. package/dist-es/generated/mistica-icons/icon-chevron-left-regular.js +6 -6
  186. package/dist-es/generated/mistica-icons/icon-chevron-right-filled.js +123 -0
  187. package/dist-es/generated/mistica-icons/icon-chevron-right-light.js +9 -9
  188. package/dist-es/generated/mistica-icons/icon-chevron-right-regular.js +15 -15
  189. package/dist-es/generated/mistica-icons/icon-chevron-up-filled.js +123 -0
  190. package/dist-es/generated/mistica-icons/icon-chevron-up-light.js +7 -7
  191. package/dist-es/generated/mistica-icons/icon-chevron-up-regular.js +17 -17
  192. package/dist-es/grid-layout.css-mistica.js +3 -3
  193. package/dist-es/grid.css-mistica.js +122 -122
  194. package/dist-es/header.css-mistica.js +2 -2
  195. package/dist-es/hero.css-mistica.js +3 -3
  196. package/dist-es/highlighted-card.css-mistica.js +5 -5
  197. package/dist-es/horizontal-scroll.css-mistica.js +2 -2
  198. package/dist-es/icon-button.css-mistica.js +42 -42
  199. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  200. package/dist-es/icons/icon-chevron.js +80 -33
  201. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  202. package/dist-es/image.css-mistica.js +3 -3
  203. package/dist-es/index.js +1516 -1512
  204. package/dist-es/inline.css-mistica.js +10 -10
  205. package/dist-es/list.css-mistica.js +2 -2
  206. package/dist-es/list.js +64 -64
  207. package/dist-es/loading-bar.css-mistica.js +1 -1
  208. package/dist-es/loading-screen.css-mistica.js +5 -5
  209. package/dist-es/logo.css-mistica.js +5 -5
  210. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  211. package/dist-es/menu.css-mistica.js +14 -14
  212. package/dist-es/mosaic.css-mistica.js +1 -1
  213. package/dist-es/navigation-bar.css-mistica.js +17 -17
  214. package/dist-es/navigation-bar.js +1 -0
  215. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  216. package/dist-es/package-version.js +1 -1
  217. package/dist-es/pin-field.css-mistica.js +2 -2
  218. package/dist-es/pin-field.js +59 -59
  219. package/dist-es/popover.css-mistica.js +1 -1
  220. package/dist-es/progress-bar.css-mistica.js +4 -4
  221. package/dist-es/radio-button.css-mistica.js +16 -16
  222. package/dist-es/rating.css-mistica.js +3 -3
  223. package/dist-es/responsive-layout.css-mistica.js +6 -6
  224. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  225. package/dist-es/select.css-mistica.js +17 -17
  226. package/dist-es/select.js +88 -85
  227. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  228. package/dist-es/sheet-common.css-mistica.js +2 -2
  229. package/dist-es/sheet-info.css-mistica.js +1 -1
  230. package/dist-es/skeletons.css-mistica.js +5 -5
  231. package/dist-es/skins/blau.js +2 -0
  232. package/dist-es/skins/esimflag.js +7 -4
  233. package/dist-es/skins/movistar.js +5 -3
  234. package/dist-es/skins/o2-new.js +5 -3
  235. package/dist-es/skins/o2.js +2 -0
  236. package/dist-es/skins/skin-contract.css-mistica.js +348 -346
  237. package/dist-es/skins/telefonica.js +6 -4
  238. package/dist-es/skins/tu.js +4 -2
  239. package/dist-es/skins/vivo-new.js +6 -3
  240. package/dist-es/skins/vivo.js +2 -0
  241. package/dist-es/slider.css-mistica.js +11 -11
  242. package/dist-es/snackbar.css-mistica.js +5 -5
  243. package/dist-es/spinner.css-mistica.js +1 -1
  244. package/dist-es/stack.css-mistica.js +5 -5
  245. package/dist-es/stacking-group.css-mistica.js +2 -2
  246. package/dist-es/stepper.css-mistica.js +3 -3
  247. package/dist-es/style.css +1 -1
  248. package/dist-es/switch-component.css-mistica.js +28 -28
  249. package/dist-es/table.css-mistica.js +8 -8
  250. package/dist-es/tabs.css-mistica.js +14 -14
  251. package/dist-es/tag.css-mistica.js +1 -1
  252. package/dist-es/text-field-base.css-mistica.js +2 -2
  253. package/dist-es/text-field-components.css-mistica.js +4 -4
  254. package/dist-es/text-link.css-mistica.js +7 -4
  255. package/dist-es/text-link.js +23 -22
  256. package/dist-es/text.css-mistica.js +7 -7
  257. package/dist-es/theme-context.css-mistica.js +388 -386
  258. package/dist-es/timeline.css-mistica.js +10 -10
  259. package/dist-es/timer.css-mistica.js +6 -6
  260. package/dist-es/tooltip.css-mistica.js +2 -2
  261. package/dist-es/touchable.css-mistica.js +2 -2
  262. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  263. package/dist-es/video.css-mistica.js +1 -1
  264. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  265. package/package.json +1 -1
package/css/blau.css CHANGED
@@ -103,6 +103,7 @@
103
103
  --mistica-color-textLinkSnackbar: var(--mistica-blau-blauPurple30);
104
104
  --mistica-color-textActivated: var(--mistica-blau-blauBlueSecondary);
105
105
  --mistica-color-textBrand: var(--mistica-blau-blauBluePrimary);
106
+ --mistica-color-inputBorder: var(--mistica-blau-grey5);
106
107
  --mistica-color-control: var(--mistica-blau-grey5);
107
108
  --mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
108
109
  --mistica-color-controlInverse: var(--mistica-blau-blauBluePrimary30);
@@ -315,6 +316,7 @@
315
316
  --mistica-color-textLinkSnackbar: var(--mistica-blau-blauPurple30);
316
317
  --mistica-color-textActivated: var(--mistica-blau-blauBlueSecondary);
317
318
  --mistica-color-textBrand: var(--mistica-blau-blauBluePrimary);
319
+ --mistica-color-inputBorder: var(--mistica-blau-grey5);
318
320
  --mistica-color-control: var(--mistica-blau-darkModeGrey6);
319
321
  --mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
320
322
  --mistica-color-controlInverse: var(--mistica-blau-darkModeGrey6);
@@ -475,6 +477,7 @@
475
477
  --mistica-color-textLinkSnackbar: var(--mistica-blau-blauPurple30);
476
478
  --mistica-color-textActivated: var(--mistica-blau-blauBlueSecondary);
477
479
  --mistica-color-textBrand: var(--mistica-blau-blauBluePrimary);
480
+ --mistica-color-inputBorder: var(--mistica-blau-grey5);
478
481
  --mistica-color-control: var(--mistica-blau-darkModeGrey6);
479
482
  --mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
480
483
  --mistica-color-controlInverse: var(--mistica-blau-darkModeGrey6);
@@ -631,6 +634,7 @@
631
634
  --mistica-color-textLinkSnackbar: var(--mistica-blau-blauPurple30);
632
635
  --mistica-color-textActivated: var(--mistica-blau-blauBlueSecondary);
633
636
  --mistica-color-textBrand: var(--mistica-blau-blauBluePrimary);
637
+ --mistica-color-inputBorder: var(--mistica-blau-grey5);
634
638
  --mistica-color-control: var(--mistica-blau-grey5);
635
639
  --mistica-color-controlActivated: var(--mistica-blau-blauBlueSecondary);
636
640
  --mistica-color-controlInverse: var(--mistica-blau-blauBluePrimary30);
package/css/esimflag.css CHANGED
@@ -17,29 +17,29 @@
17
17
  --mistica-esimflag-blue15: #ccdeff;
18
18
  --mistica-esimflag-blue10: #e5efff;
19
19
  --mistica-esimflag-blue30: #80adff;
20
- --mistica-esimflag-grey4: #9fa7b2;
20
+ --mistica-esimflag-grey4: #828d9b;
21
21
  --mistica-esimflag-blue20: #b2ceff;
22
22
  --mistica-esimflag-tomato: #fa4549;
23
23
  --mistica-esimflag-blue85: #001740;
24
24
  --mistica-esimflag-grass: #99d52a;
25
25
  --mistica-esimflag-peach: #ff9800;
26
- --mistica-esimflag-teal: #2fddea;
26
+ --mistica-esimflag-teal75: #197980;
27
27
  --mistica-esimflag-grass10: #ebf7d4;
28
28
  --mistica-esimflag-peach10: #fff4d5;
29
29
  --mistica-esimflag-purple10: #fceffc;
30
30
  --mistica-esimflag-grass70: #6b951d;
31
31
  --mistica-esimflag-peach75: #995b00;
32
32
  --mistica-esimflag-blush: #ffd2e3;
33
+ --mistica-esimflag-teal: #2fddea;
34
+ --mistica-esimflag-purple30: #d1a1e3;
33
35
  --mistica-esimflag-chili: #fa4549;
34
36
  --mistica-esimflag-purple55: #8b3aa8;
35
- --mistica-esimflag-teal75: #197980;
36
37
  --mistica-esimflag-grass75: #5c8019;
37
38
  --mistica-esimflag-teal10: #d5f8fb;
38
39
  --mistica-esimflag-darkModeBlack: #00001c;
39
40
  --mistica-esimflag-darkModeGrey: #08132b;
40
41
  --mistica-esimflag-darkModeGrey6: #14213d;
41
42
  --mistica-esimflag-grey6: #393c40;
42
- --mistica-esimflag-purple30: #d1a1e3;
43
43
  --mistica-esimflag-darkModeBlue: #0f67ff;
44
44
 
45
45
  /* Raw palette colors, for use with rgba() */
@@ -122,6 +122,7 @@
122
122
  --mistica-color-textLinkSnackbar: var(--mistica-esimflag-blue30);
123
123
  --mistica-color-textActivated: var(--mistica-esimflag-blue);
124
124
  --mistica-color-textBrand: var(--mistica-esimflag-blue);
125
+ --mistica-color-inputBorder: var(--mistica-esimflag-grey4);
125
126
  --mistica-color-control: var(--mistica-esimflag-grey4);
126
127
  --mistica-color-controlActivated: var(--mistica-esimflag-blue);
127
128
  --mistica-color-controlInverse: var(--mistica-esimflag-blue20);
@@ -159,7 +160,7 @@
159
160
  --mistica-color-textError: var(--mistica-esimflag-tomato55);
160
161
  --mistica-color-textErrorInverse: var(--mistica-esimflag-white);
161
162
  --mistica-color-promo: var(--mistica-esimflag-purple);
162
- --mistica-color-highlight: var(--mistica-esimflag-teal);
163
+ --mistica-color-highlight: var(--mistica-esimflag-teal75);
163
164
  --mistica-color-successLow: var(--mistica-esimflag-grass10);
164
165
  --mistica-color-warningLow: var(--mistica-esimflag-peach10);
165
166
  --mistica-color-errorLow: var(--mistica-esimflag-tomato10);
@@ -190,7 +191,7 @@
190
191
  --mistica-color-tagBackgroundPromo: var(--mistica-esimflag-blush);
191
192
  --mistica-color-tagBackgroundActive: var(--mistica-esimflag-teal);
192
193
  --mistica-color-tagBackgroundInactive: var(--mistica-esimflag-grey2);
193
- --mistica-color-tagBackgroundInfo: var(--mistica-esimflag-purple);
194
+ --mistica-color-tagBackgroundInfo: var(--mistica-esimflag-purple30);
194
195
  --mistica-color-tagBackgroundSuccess: var(--mistica-esimflag-grass);
195
196
  --mistica-color-tagBackgroundWarning: var(--mistica-esimflag-peach);
196
197
  --mistica-color-tagBackgroundError: var(--mistica-esimflag-chili);
@@ -201,7 +202,7 @@
201
202
  --mistica-color-tagTextSuccessInverse: var(--mistica-esimflag-grass75);
202
203
  --mistica-color-tagTextWarningInverse: var(--mistica-esimflag-peach75);
203
204
  --mistica-color-tagTextErrorInverse: var(--mistica-esimflag-tomato65);
204
- --mistica-color-tagBackgroundPromoInverse: var(--mistica-esimflag-purple10);
205
+ --mistica-color-tagBackgroundPromoInverse: var(--mistica-esimflag-blush);
205
206
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-esimflag-teal10);
206
207
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-esimflag-grey2);
207
208
  --mistica-color-tagBackgroundInfoInverse: var(--mistica-esimflag-purple10);
@@ -334,6 +335,7 @@
334
335
  --mistica-color-textLinkSnackbar: var(--mistica-esimflag-blue30);
335
336
  --mistica-color-textActivated: var(--mistica-esimflag-blue30);
336
337
  --mistica-color-textBrand: var(--mistica-esimflag-blue30);
338
+ --mistica-color-inputBorder: var(--mistica-esimflag-grey4);
337
339
  --mistica-color-control: var(--mistica-esimflag-grey4);
338
340
  --mistica-color-controlActivated: var(--mistica-esimflag-blue);
339
341
  --mistica-color-controlInverse: var(--mistica-esimflag-grey4);
@@ -497,6 +499,7 @@
497
499
  --mistica-color-textLinkSnackbar: var(--mistica-esimflag-blue30);
498
500
  --mistica-color-textActivated: var(--mistica-esimflag-blue30);
499
501
  --mistica-color-textBrand: var(--mistica-esimflag-blue30);
502
+ --mistica-color-inputBorder: var(--mistica-esimflag-grey4);
500
503
  --mistica-color-control: var(--mistica-esimflag-grey4);
501
504
  --mistica-color-controlActivated: var(--mistica-esimflag-blue);
502
505
  --mistica-color-controlInverse: var(--mistica-esimflag-grey4);
@@ -666,6 +669,7 @@
666
669
  --mistica-color-textLinkSnackbar: var(--mistica-esimflag-blue30);
667
670
  --mistica-color-textActivated: var(--mistica-esimflag-blue);
668
671
  --mistica-color-textBrand: var(--mistica-esimflag-blue);
672
+ --mistica-color-inputBorder: var(--mistica-esimflag-grey4);
669
673
  --mistica-color-control: var(--mistica-esimflag-grey4);
670
674
  --mistica-color-controlActivated: var(--mistica-esimflag-blue);
671
675
  --mistica-color-controlInverse: var(--mistica-esimflag-blue20);
@@ -703,7 +707,7 @@
703
707
  --mistica-color-textError: var(--mistica-esimflag-tomato55);
704
708
  --mistica-color-textErrorInverse: var(--mistica-esimflag-white);
705
709
  --mistica-color-promo: var(--mistica-esimflag-purple);
706
- --mistica-color-highlight: var(--mistica-esimflag-teal);
710
+ --mistica-color-highlight: var(--mistica-esimflag-teal75);
707
711
  --mistica-color-successLow: var(--mistica-esimflag-grass10);
708
712
  --mistica-color-warningLow: var(--mistica-esimflag-peach10);
709
713
  --mistica-color-errorLow: var(--mistica-esimflag-tomato10);
@@ -734,7 +738,7 @@
734
738
  --mistica-color-tagBackgroundPromo: var(--mistica-esimflag-blush);
735
739
  --mistica-color-tagBackgroundActive: var(--mistica-esimflag-teal);
736
740
  --mistica-color-tagBackgroundInactive: var(--mistica-esimflag-grey2);
737
- --mistica-color-tagBackgroundInfo: var(--mistica-esimflag-purple);
741
+ --mistica-color-tagBackgroundInfo: var(--mistica-esimflag-purple30);
738
742
  --mistica-color-tagBackgroundSuccess: var(--mistica-esimflag-grass);
739
743
  --mistica-color-tagBackgroundWarning: var(--mistica-esimflag-peach);
740
744
  --mistica-color-tagBackgroundError: var(--mistica-esimflag-chili);
@@ -745,7 +749,7 @@
745
749
  --mistica-color-tagTextSuccessInverse: var(--mistica-esimflag-grass75);
746
750
  --mistica-color-tagTextWarningInverse: var(--mistica-esimflag-peach75);
747
751
  --mistica-color-tagTextErrorInverse: var(--mistica-esimflag-tomato65);
748
- --mistica-color-tagBackgroundPromoInverse: var(--mistica-esimflag-purple10);
752
+ --mistica-color-tagBackgroundPromoInverse: var(--mistica-esimflag-blush);
749
753
  --mistica-color-tagBackgroundActiveInverse: var(--mistica-esimflag-teal10);
750
754
  --mistica-color-tagBackgroundInactiveInverse: var(--mistica-esimflag-grey2);
751
755
  --mistica-color-tagBackgroundInfoInverse: var(--mistica-esimflag-purple10);
package/css/mistica-common.css CHANGED
@@ -99,7 +99,7 @@
99
99
  --mistica-boxed-border: 1px solid var(--mistica-color-border);
100
100
  }
101
101
  }
102
-
102
+
103
103
  [data-mistica-color-scheme='dark'][data-mistica-skin] > *,
104
104
  [data-mistica-color-scheme='dark'] [data-mistica-variant='default'] > *,
105
105
  [data-mistica-color-scheme='dark'] .mistica-card > *,
@@ -478,8 +478,8 @@ label.mistica-chip > input:checked + span {
478
478
  transform: rotate(18deg);
479
479
  border-right: 0.1em solid var(--vcolor-textPrimary);
480
480
  height: 0.8em;
481
- content: "";
482
- }
481
+ content: '';
482
+ }
483
483
 
484
484
  .mistica-breadcrumb a:hover {
485
485
  text-decoration-thickness: 0.125rem;
@@ -983,57 +983,57 @@ button.mistica-display-card:has(.mistica-card__media):active:after {
983
983
  /* Grid Layout */
984
984
 
985
985
  .mistica-grid-layout {
986
- display: grid;
987
- grid-template-columns: repeat(12, 1fr);
988
- gap: 24px;
986
+ display: grid;
987
+ grid-template-columns: repeat(12, 1fr);
988
+ gap: 24px;
989
989
  }
990
990
 
991
991
  @media (max-width: 1023px) {
992
- .mistica-grid-layout {
993
- grid-template-columns: minmax(0, 1fr);
994
- }
992
+ .mistica-grid-layout {
993
+ grid-template-columns: minmax(0, 1fr);
994
+ }
995
995
 
996
- .mistica-grid-layout [class^="mistica-col-"] {
997
- grid-column: span 1;
998
- }
996
+ .mistica-grid-layout [class^='mistica-col-'] {
997
+ grid-column: span 1;
998
+ }
999
999
 
1000
- .mistica-col-1 {
1001
- display: none;
1002
- }
1000
+ .mistica-col-1 {
1001
+ display: none;
1002
+ }
1003
1003
  }
1004
1004
 
1005
1005
  @media (min-width: 1024px) and (max-width: 1367px) {
1006
1006
  .mistica-grid-layout {
1007
- grid-column-gap: 16px;
1008
- }
1007
+ grid-column-gap: 16px;
1008
+ }
1009
1009
  }
1010
1010
 
1011
1011
  .mistica-col-1 {
1012
1012
  grid-column: span 1;
1013
- }
1013
+ }
1014
1014
 
1015
1015
  .mistica-col-3 {
1016
- grid-column: span 3;
1016
+ grid-column: span 3;
1017
1017
  }
1018
1018
 
1019
1019
  .mistica-col-4 {
1020
- grid-column: span 4;
1020
+ grid-column: span 4;
1021
1021
  }
1022
1022
 
1023
1023
  .mistica-col-5 {
1024
- grid-column: span 5;
1024
+ grid-column: span 5;
1025
1025
  }
1026
1026
 
1027
1027
  .mistica-col-6 {
1028
- grid-column: span 6;
1028
+ grid-column: span 6;
1029
1029
  }
1030
1030
 
1031
1031
  .mistica-col-8 {
1032
- grid-column: span 8;
1032
+ grid-column: span 8;
1033
1033
  }
1034
1034
 
1035
1035
  .mistica-col-9 {
1036
- grid-column: span 9;
1036
+ grid-column: span 9;
1037
1037
  }
1038
1038
 
1039
1039
  /* Table */
@@ -1163,4 +1163,4 @@ button.mistica-display-card:has(.mistica-card__media):active:after {
1163
1163
  margin-left: 24px;
1164
1164
  margin-top: 24px;
1165
1165
  }
1166
- }
1166
+ }