@telefonica/mistica 16.36.0 → 16.37.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 (333) hide show
  1. package/css/blau.css +96 -24
  2. package/css/esimflag.css +93 -21
  3. package/css/mistica-common.css +9 -4
  4. package/css/mistica.css +1 -1
  5. package/css/movistar.css +101 -29
  6. package/css/o2-new.css +99 -28
  7. package/css/o2.css +93 -21
  8. package/css/telefonica.css +96 -24
  9. package/css/tu.css +96 -24
  10. package/css/vivo-new.css +96 -24
  11. package/css/vivo.css +96 -24
  12. package/dist/accordion.css-mistica.js +10 -10
  13. package/dist/align.css-mistica.js +1 -1
  14. package/dist/avatar.css-mistica.js +2 -2
  15. package/dist/badge.css-mistica.js +2 -2
  16. package/dist/box.css-mistica.js +13 -13
  17. package/dist/box.js +5 -5
  18. package/dist/boxed.css-mistica.js +24 -24
  19. package/dist/boxed.d.ts +2 -1
  20. package/dist/boxed.js +10 -9
  21. package/dist/button-group.css-mistica.js +4 -4
  22. package/dist/button-group.js +2 -2
  23. package/dist/button-layout.css-mistica.js +18 -18
  24. package/dist/button.css-mistica.js +35 -35
  25. package/dist/callout.css-mistica.js +5 -5
  26. package/dist/card-cover.d.ts +126 -0
  27. package/dist/card-cover.js +185 -0
  28. package/dist/card-data.d.ts +63 -0
  29. package/dist/card-data.js +171 -0
  30. package/dist/card-internal.css-mistica.js +78 -0
  31. package/dist/card-internal.css.d.ts +17 -0
  32. package/dist/card-internal.d.ts +166 -0
  33. package/dist/card-internal.js +1063 -0
  34. package/dist/card-media.d.ts +78 -0
  35. package/dist/card-media.js +163 -0
  36. package/dist/card-naked.d.ts +11 -0
  37. package/dist/card-naked.js +154 -0
  38. package/dist/carousel.css-mistica.js +25 -25
  39. package/dist/checkbox.css-mistica.js +9 -9
  40. package/dist/checkbox.js +2 -2
  41. package/dist/chip.css-mistica.js +15 -15
  42. package/dist/circle.css-mistica.js +1 -1
  43. package/dist/community/advanced-data-card.css-mistica.js +24 -24
  44. package/dist/community/advanced-data-card.d.ts +1 -1
  45. package/dist/community/advanced-data-card.js +7 -7
  46. package/dist/community/blocks.css-mistica.js +1 -1
  47. package/dist/community/example-component.css-mistica.js +1 -1
  48. package/dist/counter.css-mistica.js +9 -9
  49. package/dist/counter.js +8 -8
  50. package/dist/cover-hero-media.js +9 -9
  51. package/dist/cover-hero.css-mistica.js +15 -15
  52. package/dist/credit-card-number-field.css-mistica.js +3 -3
  53. package/dist/date-field.css-mistica.js +1 -1
  54. package/dist/date-time-picker.css-mistica.js +1 -1
  55. package/dist/dialog.css-mistica.js +12 -12
  56. package/dist/dialog.js +14 -14
  57. package/dist/divider.css-mistica.js +2 -2
  58. package/dist/double-field.css-mistica.js +4 -4
  59. package/dist/drawer.css-mistica.js +2 -2
  60. package/dist/empty-state-card.css-mistica.js +1 -1
  61. package/dist/empty-state.css-mistica.js +6 -6
  62. package/dist/fade-in.css-mistica.js +1 -1
  63. package/dist/feedback.css-mistica.js +4 -4
  64. package/dist/fixed-footer-layout.css-mistica.js +10 -10
  65. package/dist/fixed-footer-layout.js +5 -5
  66. package/dist/form.css-mistica.js +1 -1
  67. package/dist/form.js +5 -5
  68. package/dist/grid-layout.css-mistica.js +3 -3
  69. package/dist/grid.css-mistica.js +122 -122
  70. package/dist/header.css-mistica.js +3 -3
  71. package/dist/hero.css-mistica.js +6 -6
  72. package/dist/hooks.d.ts +4 -0
  73. package/dist/hooks.js +94 -83
  74. package/dist/horizontal-scroll.css-mistica.js +1 -1
  75. package/dist/horizontal-scroll.js +2 -2
  76. package/dist/icon-button.css-mistica.js +47 -47
  77. package/dist/icon-button.js +3 -3
  78. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  79. package/dist/icons/icon-error.css-mistica.js +1 -1
  80. package/dist/image.css-mistica.js +5 -5
  81. package/dist/image.d.ts +2 -0
  82. package/dist/image.js +24 -20
  83. package/dist/index.d.ts +18 -3
  84. package/dist/index.js +28 -13
  85. package/dist/inline.css-mistica.js +10 -10
  86. package/dist/list.css-mistica.js +30 -15
  87. package/dist/list.css.d.ts +5 -0
  88. package/dist/list.d.ts +16 -1
  89. package/dist/list.js +158 -99
  90. package/dist/loading-bar.css-mistica.js +1 -1
  91. package/dist/loading-bar.js +2 -2
  92. package/dist/loading-screen.css-mistica.js +9 -9
  93. package/dist/loading-screen.js +3 -3
  94. package/dist/logo.css-mistica.js +5 -5
  95. package/dist/menu.css-mistica.js +14 -14
  96. package/dist/menu.js +7 -7
  97. package/dist/mosaic.css-mistica.js +1 -1
  98. package/dist/navigation-bar.css-mistica.js +32 -32
  99. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  100. package/dist/package-version.js +1 -1
  101. package/dist/pin-field.css-mistica.js +9 -9
  102. package/dist/pin-field.js +2 -2
  103. package/dist/popover.css-mistica.js +1 -1
  104. package/dist/progress-bar.css-mistica.js +4 -4
  105. package/dist/progress-bar.js +2 -2
  106. package/dist/radio-button.css-mistica.js +18 -18
  107. package/dist/radio-button.js +5 -5
  108. package/dist/rating.css-mistica.js +4 -4
  109. package/dist/rating.js +8 -8
  110. package/dist/responsive-layout.css-mistica.js +5 -5
  111. package/dist/responsive-layout.js +6 -6
  112. package/dist/screen-reader-only.css-mistica.js +1 -1
  113. package/dist/select.css-mistica.js +18 -18
  114. package/dist/select.js +9 -9
  115. package/dist/sheet-action-row.css-mistica.js +1 -1
  116. package/dist/sheet-common.css-mistica.js +12 -12
  117. package/dist/sheet-info.css-mistica.js +1 -1
  118. package/dist/skeletons.css-mistica.js +6 -6
  119. package/dist/skins/blau.js +50 -14
  120. package/dist/skins/esimflag.js +49 -13
  121. package/dist/skins/movistar.js +54 -18
  122. package/dist/skins/o2-new.js +49 -13
  123. package/dist/skins/o2.js +49 -13
  124. package/dist/skins/skin-contract.css-mistica.js +390 -354
  125. package/dist/skins/skin-contract.css.d.ts +48 -12
  126. package/dist/skins/telefonica.js +50 -14
  127. package/dist/skins/tu.js +50 -14
  128. package/dist/skins/types/colors.d.ts +24 -6
  129. package/dist/skins/vivo-new.js +50 -14
  130. package/dist/skins/vivo.js +50 -14
  131. package/dist/skip-link.css-mistica.js +2 -2
  132. package/dist/slider.css-mistica.js +13 -13
  133. package/dist/slider.js +9 -9
  134. package/dist/snackbar.css-mistica.js +7 -7
  135. package/dist/spinner.css-mistica.js +1 -1
  136. package/dist/stack.css-mistica.js +5 -5
  137. package/dist/stacking-group.css-mistica.js +1 -1
  138. package/dist/stepper.css-mistica.js +8 -8
  139. package/dist/stepper.js +3 -3
  140. package/dist/switch-component.css-mistica.js +37 -37
  141. package/dist/table.css-mistica.js +8 -8
  142. package/dist/table.d.ts +1 -1
  143. package/dist/table.js +8 -8
  144. package/dist/tabs.css-mistica.js +17 -17
  145. package/dist/tag.css-mistica.js +1 -1
  146. package/dist/tag.js +10 -10
  147. package/dist/text-field-base.css-mistica.js +10 -10
  148. package/dist/text-field-base.js +8 -8
  149. package/dist/text-field-components.css-mistica.js +18 -18
  150. package/dist/text-field-components.js +2 -2
  151. package/dist/text-link.css-mistica.js +5 -5
  152. package/dist/text.css-mistica.js +7 -7
  153. package/dist/text.js +7 -7
  154. package/dist/theme-context.css-mistica.js +430 -394
  155. package/dist/theme-context.css.d.ts +48 -12
  156. package/dist/timeline.css-mistica.js +12 -12
  157. package/dist/timer.css-mistica.js +8 -8
  158. package/dist/tooltip.css-mistica.js +7 -7
  159. package/dist/touchable.css-mistica.js +1 -1
  160. package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
  161. package/dist/utils/aspect-ratio-support.d.ts +5 -0
  162. package/dist/utils/aspect-ratio-support.js +26 -15
  163. package/dist/utils/color.d.ts +11 -0
  164. package/dist/utils/color.js +27 -6
  165. package/dist/utils/headings.d.ts +3 -0
  166. package/dist/video.css-mistica.js +1 -1
  167. package/dist/video.js +2 -2
  168. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  169. package/dist-es/accordion.css-mistica.js +7 -7
  170. package/dist-es/align.css-mistica.js +1 -1
  171. package/dist-es/avatar.css-mistica.js +2 -2
  172. package/dist-es/badge.css-mistica.js +2 -2
  173. package/dist-es/box.css-mistica.js +13 -13
  174. package/dist-es/box.js +9 -9
  175. package/dist-es/boxed.css-mistica.js +23 -23
  176. package/dist-es/boxed.js +20 -19
  177. package/dist-es/button-group.css-mistica.js +2 -2
  178. package/dist-es/button-group.js +4 -4
  179. package/dist-es/button-layout.css-mistica.js +15 -15
  180. package/dist-es/button.css-mistica.js +22 -22
  181. package/dist-es/callout.css-mistica.js +5 -5
  182. package/dist-es/callout.js +5 -5
  183. package/dist-es/card-cover.js +125 -0
  184. package/dist-es/card-data.js +110 -0
  185. package/dist-es/card-internal.css-mistica.js +22 -0
  186. package/dist-es/card-internal.js +992 -0
  187. package/dist-es/card-media.js +105 -0
  188. package/dist-es/card-naked.js +96 -0
  189. package/dist-es/carousel.css-mistica.js +9 -9
  190. package/dist-es/checkbox.css-mistica.js +8 -8
  191. package/dist-es/checkbox.js +6 -6
  192. package/dist-es/chip.css-mistica.js +13 -13
  193. package/dist-es/circle.css-mistica.js +1 -1
  194. package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
  195. package/dist-es/community/advanced-data-card.js +29 -29
  196. package/dist-es/community/blocks.css-mistica.js +1 -1
  197. package/dist-es/community/example-component.css-mistica.js +1 -1
  198. package/dist-es/counter.css-mistica.js +2 -2
  199. package/dist-es/counter.js +8 -8
  200. package/dist-es/cover-hero-media.js +9 -9
  201. package/dist-es/cover-hero.css-mistica.js +4 -4
  202. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  203. package/dist-es/date-field.css-mistica.js +1 -1
  204. package/dist-es/date-time-picker.css-mistica.js +1 -1
  205. package/dist-es/dialog.css-mistica.js +5 -5
  206. package/dist-es/dialog.js +31 -31
  207. package/dist-es/divider.css-mistica.js +2 -2
  208. package/dist-es/double-field.css-mistica.js +4 -4
  209. package/dist-es/drawer.css-mistica.js +2 -2
  210. package/dist-es/empty-state-card.css-mistica.js +1 -1
  211. package/dist-es/empty-state.css-mistica.js +6 -6
  212. package/dist-es/empty-state.js +7 -7
  213. package/dist-es/fade-in.css-mistica.js +1 -1
  214. package/dist-es/feedback.css-mistica.js +2 -2
  215. package/dist-es/fixed-footer-layout.css-mistica.js +5 -5
  216. package/dist-es/fixed-footer-layout.js +5 -5
  217. package/dist-es/form.css-mistica.js +1 -1
  218. package/dist-es/form.js +5 -5
  219. package/dist-es/grid-layout.css-mistica.js +3 -3
  220. package/dist-es/grid.css-mistica.js +122 -122
  221. package/dist-es/grid.js +2 -2
  222. package/dist-es/header.css-mistica.js +2 -2
  223. package/dist-es/hero.css-mistica.js +3 -3
  224. package/dist-es/hooks.js +86 -78
  225. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  226. package/dist-es/horizontal-scroll.js +2 -2
  227. package/dist-es/icon-button.css-mistica.js +45 -45
  228. package/dist-es/icon-button.js +3 -3
  229. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  230. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  231. package/dist-es/image.css-mistica.js +4 -4
  232. package/dist-es/image.js +42 -38
  233. package/dist-es/index.js +1887 -1884
  234. package/dist-es/inline.css-mistica.js +10 -10
  235. package/dist-es/list.css-mistica.js +2 -2
  236. package/dist-es/list.js +226 -174
  237. package/dist-es/loading-bar.css-mistica.js +1 -1
  238. package/dist-es/loading-bar.js +6 -6
  239. package/dist-es/loading-screen.css-mistica.js +5 -5
  240. package/dist-es/loading-screen.js +8 -8
  241. package/dist-es/logo.css-mistica.js +5 -5
  242. package/dist-es/menu.css-mistica.js +13 -13
  243. package/dist-es/menu.js +7 -7
  244. package/dist-es/mosaic.css-mistica.js +1 -1
  245. package/dist-es/navigation-bar.css-mistica.js +17 -17
  246. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  247. package/dist-es/package-version.js +1 -1
  248. package/dist-es/pin-field.css-mistica.js +2 -2
  249. package/dist-es/pin-field.js +8 -8
  250. package/dist-es/popover.css-mistica.js +1 -1
  251. package/dist-es/progress-bar.css-mistica.js +4 -4
  252. package/dist-es/progress-bar.js +10 -10
  253. package/dist-es/radio-button.css-mistica.js +16 -16
  254. package/dist-es/radio-button.js +5 -5
  255. package/dist-es/rating.css-mistica.js +3 -3
  256. package/dist-es/rating.js +12 -12
  257. package/dist-es/responsive-layout.css-mistica.js +5 -5
  258. package/dist-es/responsive-layout.js +15 -15
  259. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  260. package/dist-es/select.css-mistica.js +17 -17
  261. package/dist-es/select.js +15 -15
  262. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  263. package/dist-es/sheet-common.css-mistica.js +2 -2
  264. package/dist-es/sheet-info.css-mistica.js +1 -1
  265. package/dist-es/skeletons.css-mistica.js +5 -5
  266. package/dist-es/skins/blau.js +50 -14
  267. package/dist-es/skins/esimflag.js +49 -13
  268. package/dist-es/skins/movistar.js +54 -18
  269. package/dist-es/skins/o2-new.js +49 -13
  270. package/dist-es/skins/o2.js +49 -13
  271. package/dist-es/skins/skin-contract.css-mistica.js +390 -354
  272. package/dist-es/skins/telefonica.js +50 -14
  273. package/dist-es/skins/tu.js +52 -16
  274. package/dist-es/skins/vivo-new.js +52 -16
  275. package/dist-es/skins/vivo.js +52 -16
  276. package/dist-es/skip-link.css-mistica.js +2 -2
  277. package/dist-es/slider.css-mistica.js +11 -11
  278. package/dist-es/slider.js +9 -9
  279. package/dist-es/snackbar.css-mistica.js +5 -5
  280. package/dist-es/spinner.css-mistica.js +1 -1
  281. package/dist-es/stack.css-mistica.js +5 -5
  282. package/dist-es/stacking-group.css-mistica.js +1 -1
  283. package/dist-es/stepper.css-mistica.js +3 -3
  284. package/dist-es/stepper.js +3 -3
  285. package/dist-es/style.css +1 -1
  286. package/dist-es/switch-component.css-mistica.js +29 -29
  287. package/dist-es/table.css-mistica.js +8 -8
  288. package/dist-es/table.js +12 -12
  289. package/dist-es/tabs.css-mistica.js +14 -14
  290. package/dist-es/tag.css-mistica.js +1 -1
  291. package/dist-es/tag.js +17 -17
  292. package/dist-es/text-field-base.css-mistica.js +2 -2
  293. package/dist-es/text-field-base.js +16 -16
  294. package/dist-es/text-field-components.css-mistica.js +5 -5
  295. package/dist-es/text-field-components.js +4 -4
  296. package/dist-es/text-link.css-mistica.js +5 -5
  297. package/dist-es/text.css-mistica.js +7 -7
  298. package/dist-es/text.js +6 -6
  299. package/dist-es/theme-context.css-mistica.js +430 -394
  300. package/dist-es/timeline.css-mistica.js +11 -11
  301. package/dist-es/timeline.js +4 -4
  302. package/dist-es/timer.css-mistica.js +7 -7
  303. package/dist-es/tooltip.css-mistica.js +2 -2
  304. package/dist-es/touchable.css-mistica.js +1 -1
  305. package/dist-es/utils/aspect-ratio-support.css-mistica.js +4 -4
  306. package/dist-es/utils/aspect-ratio-support.js +31 -23
  307. package/dist-es/utils/color.js +23 -5
  308. package/dist-es/video.css-mistica.js +1 -1
  309. package/dist-es/video.js +5 -5
  310. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  311. package/package.json +1 -1
  312. package/dist/card.css-mistica.js +0 -106
  313. package/dist/card.css.d.ts +0 -33
  314. package/dist/card.d.ts +0 -299
  315. package/dist/card.js +0 -1694
  316. package/dist/highlighted-card.css-mistica.js +0 -30
  317. package/dist/highlighted-card.css.d.ts +0 -7
  318. package/dist/highlighted-card.css.ts.vanilla.css-mistica.js +0 -11
  319. package/dist/highlighted-card.d.ts +0 -34
  320. package/dist/highlighted-card.js +0 -253
  321. package/dist/maybe-dismissable.css-mistica.js +0 -21
  322. package/dist/maybe-dismissable.css.ts.vanilla.css-mistica.js +0 -11
  323. package/dist/maybe-dismissable.js +0 -108
  324. package/dist-es/card.css-mistica.js +0 -8
  325. package/dist-es/card.js +0 -1599
  326. package/dist-es/highlighted-card.css-mistica.js +0 -7
  327. package/dist-es/highlighted-card.css.ts.vanilla.css-mistica.js +0 -2
  328. package/dist-es/highlighted-card.js +0 -198
  329. package/dist-es/maybe-dismissable.css-mistica.js +0 -4
  330. package/dist-es/maybe-dismissable.css.ts.vanilla.css-mistica.js +0 -2
  331. package/dist-es/maybe-dismissable.js +0 -45
  332. /package/dist/{card.css.ts.vanilla.css-mistica.js → card-internal.css.ts.vanilla.css-mistica.js} +0 -0
  333. /package/dist-es/{card.css.ts.vanilla.css-mistica.js → card-internal.css.ts.vanilla.css-mistica.js} +0 -0
@@ -87,34 +87,51 @@ const e = {
87
87
  buttonDangerBackground: e.pepper,
88
88
  buttonDangerBackgroundPressed: e.pepperDark,
89
89
  buttonDangerBackgroundHover: e.pepperDark,
90
- buttonLinkDangerBackgroundPressed: e.pepperLight10,
91
90
  buttonLinkDangerBackgroundInverse: e.white,
91
+ buttonLinkDangerBackgroundMedia: e.white,
92
+ buttonLinkDangerBackgroundPressed: e.pepperLight10,
92
93
  buttonLinkDangerBackgroundInversePressed: e.pepperLight10,
94
+ buttonLinkDangerBackgroundMediaPressed: e.pepperLight10,
93
95
  buttonLinkBackgroundPressed: e.vivoPurpleLight10,
94
96
  buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.1),
97
+ buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.1),
95
98
  buttonPrimaryBackground: e.vivoPurple,
96
99
  buttonPrimaryBackgroundInverse: e.white,
97
- buttonPrimaryBackgroundPressed: e.vivoPurpleDark,
100
+ buttonPrimaryBackgroundMedia: e.white,
98
101
  buttonPrimaryBackgroundHover: e.vivoPurpleDark,
102
+ buttonPrimaryBackgroundInverseHover: e.vivoPurpleLight50,
103
+ buttonPrimaryBackgroundMediaHover: e.vivoPurpleLight50,
104
+ buttonPrimaryBackgroundPressed: e.vivoPurpleDark,
99
105
  buttonPrimaryBackgroundInversePressed: e.vivoPurpleLight50,
106
+ buttonPrimaryBackgroundMediaPressed: e.vivoPurpleLight50,
100
107
  buttonSecondaryBorder: e.vivoPurple,
101
- buttonSecondaryBorderPressed: e.vivoPurpleDark,
102
- buttonSecondaryBackgroundHover: e.vivoPurpleLight10,
103
- buttonSecondaryBackgroundPressed: e.vivoPurpleLight10,
104
108
  buttonSecondaryBorderInverse: e.white,
109
+ buttonSecondaryBorderMedia: e.white,
110
+ buttonSecondaryBorderPressed: e.vivoPurpleDark,
105
111
  buttonSecondaryBorderInversePressed: e.white,
112
+ buttonSecondaryBorderMediaPressed: e.white,
113
+ buttonSecondaryBackgroundHover: e.vivoPurpleLight10,
106
114
  buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.15),
115
+ buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.15),
116
+ buttonSecondaryBackgroundPressed: e.vivoPurpleLight10,
107
117
  buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.15),
118
+ buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.15),
108
119
  textButtonPrimary: e.white,
109
120
  textButtonPrimaryInverse: e.vivoPurple,
121
+ textButtonPrimaryMedia: e.vivoPurple,
110
122
  textButtonPrimaryInversePressed: e.vivoPurple,
123
+ textButtonPrimaryMediaPressed: e.vivoPurple,
111
124
  textButtonSecondary: e.vivoPurple,
112
- textButtonSecondaryPressed: e.vivoPurpleDark,
113
125
  textButtonSecondaryInverse: e.white,
126
+ textButtonSecondaryMedia: e.white,
127
+ textButtonSecondaryPressed: e.vivoPurpleDark,
114
128
  textButtonSecondaryInversePressed: e.white,
129
+ textButtonSecondaryMediaPressed: e.white,
115
130
  textLink: e.vivoPurple,
116
131
  textLinkInverse: e.white,
132
+ textLinkMedia: e.white,
117
133
  textLinkDanger: e.pepper,
134
+ textLinkDangerMedia: e.pepper,
118
135
  textLinkSnackbar: e.vivoPurpleLight50,
119
136
  textActivated: e.vivoPurple,
120
137
  textBrand: e.vivoPurple,
@@ -208,7 +225,8 @@ const e = {
208
225
  tagBackgroundSuccessInverse: e.vivoGreenLight10,
209
226
  tagBackgroundWarningInverse: e.orangeLight10,
210
227
  tagBackgroundErrorInverse: e.pepperLight10,
211
- cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`
228
+ cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`,
229
+ cardFooterOverlay: (0, _color.applyAlpha)(e.grey6, 0.7)
212
230
  },
213
231
  darkModeColors: {
214
232
  background: e.darkModeBlack,
@@ -241,34 +259,51 @@ const e = {
241
259
  buttonDangerBackground: e.pepper,
242
260
  buttonDangerBackgroundPressed: e.pepperDark,
243
261
  buttonDangerBackgroundHover: e.pepperDark,
244
- buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
245
262
  buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0),
263
+ buttonLinkDangerBackgroundMedia: e.white,
264
+ buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
246
265
  buttonLinkDangerBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.08),
266
+ buttonLinkDangerBackgroundMediaPressed: e.pepperLight10,
247
267
  buttonLinkBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
248
268
  buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.08),
269
+ buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.1),
249
270
  buttonPrimaryBackground: e.vivoPurpleLight80,
250
271
  buttonPrimaryBackgroundInverse: e.vivoPurpleLight80,
251
- buttonPrimaryBackgroundPressed: e.vivoPurpleDark,
272
+ buttonPrimaryBackgroundMedia: e.white,
252
273
  buttonPrimaryBackgroundHover: e.vivoPurpleDark,
274
+ buttonPrimaryBackgroundInverseHover: e.vivoPurpleDark,
275
+ buttonPrimaryBackgroundMediaHover: e.vivoPurpleLight50,
276
+ buttonPrimaryBackgroundPressed: e.vivoPurpleDark,
253
277
  buttonPrimaryBackgroundInversePressed: e.vivoPurpleDark,
254
- buttonSecondaryBackgroundHover: (0, _color.applyAlpha)(e.white, 0.15),
255
- buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.15),
278
+ buttonPrimaryBackgroundMediaPressed: e.vivoPurpleLight50,
256
279
  buttonSecondaryBorder: e.white,
257
- buttonSecondaryBorderPressed: e.white,
258
280
  buttonSecondaryBorderInverse: e.white,
281
+ buttonSecondaryBorderMedia: e.white,
282
+ buttonSecondaryBorderPressed: e.white,
259
283
  buttonSecondaryBorderInversePressed: e.white,
284
+ buttonSecondaryBorderMediaPressed: e.white,
285
+ buttonSecondaryBackgroundHover: (0, _color.applyAlpha)(e.white, 0.15),
260
286
  buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.15),
287
+ buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.15),
288
+ buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.15),
261
289
  buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.15),
290
+ buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.15),
262
291
  textButtonPrimary: e.grey2,
263
292
  textButtonPrimaryInverse: e.grey2,
293
+ textButtonPrimaryMedia: e.vivoPurple,
264
294
  textButtonPrimaryInversePressed: e.grey2,
295
+ textButtonPrimaryMediaPressed: e.vivoPurple,
265
296
  textButtonSecondary: e.grey2,
266
- textButtonSecondaryPressed: e.grey2,
267
297
  textButtonSecondaryInverse: e.grey2,
298
+ textButtonSecondaryMedia: e.white,
299
+ textButtonSecondaryPressed: e.grey2,
268
300
  textButtonSecondaryInversePressed: e.grey2,
301
+ textButtonSecondaryMediaPressed: e.white,
269
302
  textLink: e.vivoPurpleLight50,
270
303
  textLinkInverse: e.vivoPurpleLight50,
304
+ textLinkMedia: e.white,
271
305
  textLinkDanger: e.pepper,
306
+ textLinkDangerMedia: e.pepper,
272
307
  textLinkSnackbar: e.vivoPurpleLight50,
273
308
  textActivated: e.vivoPurpleLight80,
274
309
  textBrand: e.vivoPurpleLight80,
@@ -362,7 +397,8 @@ const e = {
362
397
  tagBackgroundSuccessInverse: e.darkModeGrey6,
363
398
  tagBackgroundWarningInverse: e.darkModeGrey6,
364
399
  tagBackgroundErrorInverse: e.darkModeGrey6,
365
- cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`
400
+ cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`,
401
+ cardFooterOverlay: (0, _color.applyAlpha)(e.grey6, 0.7)
366
402
  },
367
403
  borderRadii: {
368
404
  avatar: "50%",
@@ -13,10 +13,10 @@ _export(exports, {
13
13
  return f;
14
14
  },
15
15
  skipLinkList: function() {
16
- return i;
16
+ return y;
17
17
  }
18
18
  });
19
19
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
20
20
  require("./screen-reader-only.css.ts.vanilla.css-mistica.js");
21
21
  require("./skip-link.css.ts.vanilla.css-mistica.js");
22
- var f = "v16_36_13pf4ld1 v16_36_1y2v1nf8u v16_36_1y2v1nfa3 v16_36_1y2v1nfbc v16_36_1y2v1nfcl v16_36_1y2v1nf4c v16_36_1y2v1nfl9 v16_36_1y2v1nflk v16_36_1y2v1nfin v16_36_1y2v1nfm0 v16_36_1y2v1nfmf", i = "v16_36_13pf4ld2";
22
+ var f = "v16_37_13pf4ld1 v16_37_1y2v1nf9u v16_37_1y2v1nfb3 v16_37_1y2v1nfcc v16_37_1y2v1nfdl v16_37_1y2v1nf4u v16_37_1y2v1nfm9 v16_37_1y2v1nfmk v16_37_1y2v1nfjn v16_37_1y2v1nfn0 v16_37_1y2v1nfnf", y = "v16_37_13pf4ld2";
@@ -19,13 +19,13 @@ _export(exports, {
19
19
  return y;
20
20
  },
21
21
  input: function() {
22
- return l;
22
+ return k;
23
23
  },
24
24
  iosThumb: function() {
25
- return j;
25
+ return r;
26
26
  },
27
27
  thumbActive: function() {
28
- return r;
28
+ return l;
29
29
  },
30
30
  thumbContainer: function() {
31
31
  return a;
@@ -39,13 +39,13 @@ _export(exports, {
39
39
  });
40
40
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
41
41
  require("./slider.css.ts.vanilla.css-mistica.js");
42
- var n = "v16_36_1j1wlhk1 v16_36_1y2v1nfjf v16_36_1y2v1nfim v16_36_1y2v1nfis v16_36_1y2v1nfj7 v16_36_1y2v1nflt", f = {
43
- default: "v16_36_1j1wlhk7 v16_36_1y2v1nfjn v16_36_1y2v1nfk3 v16_36_1y2v1nflc v16_36_1y2v1nf5n",
44
- inverse: "v16_36_1j1wlhk7 v16_36_1y2v1nfjn v16_36_1y2v1nfk3 v16_36_1y2v1nflc v16_36_1y2v1nf5p"
45
- }, y = "v16_36_1j1wlhk2", l = "v16_36_1j1wlhkj v16_36_1y2v1nfin v16_36_1y2v1nfm0", j = "v16_36_1j1wlhkd v16_36_1y2v1nf5z v16_36_1y2v1nflc", r = {
46
- default: "v16_36_1j1wlhkg",
47
- inverse: "v16_36_1j1wlhkh"
48
- }, a = "v16_36_1j1wlhk5 v16_36_1y2v1nfin v16_36_1y2v1nfis v16_36_1y2v1nfj7 v16_36_1y2v1nfj1", e = {
49
- default: "v16_36_1j1wlhke",
50
- inverse: "v16_36_1j1wlhkf"
51
- }, h = "v16_36_1y2v1nfjf v16_36_1y2v1nfjz v16_36_1y2v1nflq";
42
+ var n = "v16_37_1j1wlhk1 v16_37_1y2v1nfkf v16_37_1y2v1nfjm v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfmt", f = {
43
+ default: "v16_37_1j1wlhk7 v16_37_1y2v1nfkn v16_37_1y2v1nfl3 v16_37_1y2v1nfmc v16_37_1y2v1nf6g",
44
+ inverse: "v16_37_1j1wlhk7 v16_37_1y2v1nfkn v16_37_1y2v1nfl3 v16_37_1y2v1nfmc v16_37_1y2v1nf6i"
45
+ }, y = "v16_37_1j1wlhk2", k = "v16_37_1j1wlhkj v16_37_1y2v1nfjn v16_37_1y2v1nfn0", r = "v16_37_1j1wlhkd v16_37_1y2v1nf6s v16_37_1y2v1nfmc", l = {
46
+ default: "v16_37_1j1wlhkg",
47
+ inverse: "v16_37_1j1wlhkh"
48
+ }, a = "v16_37_1j1wlhk5 v16_37_1y2v1nfjn v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1", e = {
49
+ default: "v16_37_1j1wlhke",
50
+ inverse: "v16_37_1j1wlhkf"
51
+ }, h = "v16_37_1y2v1nfkf v16_37_1y2v1nfkz v16_37_1y2v1nfmq";
package/dist/slider.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return _e;
9
+ return Ne;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -132,7 +132,7 @@ const Ce = 48, Ie = 20, Pe = 28, Te = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
132
132
  if (t >= o) return t;
133
133
  const b = v(h), I = t + Math.floor((b - t) / a) * a, m = t + Math.ceil((b - t) / a) * a;
134
134
  return m <= o && m - b <= b - I ? m : I;
135
- }, N = (n, t, o)=>{
135
+ }, U = (n, t, o)=>{
136
136
  if (!o) return t;
137
137
  if (t === void 0) return n;
138
138
  let a = 0;
@@ -152,22 +152,22 @@ const Ce = 48, Ie = 20, Pe = 28, Te = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
152
152
  "tooltip"
153
153
  ]);
154
154
  n && (n.length === 0 ? n = void 0 : a = n.length - 1), t = t | 0, t = t <= 0 ? 1 : t;
155
- const { defaultValue: z, value: U, onChange: _, focusableRef: q, disabled: F, name: G } = (0, _formcontext.useControlProps)({
155
+ const { defaultValue: z, value: _, onChange: N, focusableRef: q, disabled: F, name: G } = (0, _formcontext.useControlProps)({
156
156
  name: i.name,
157
157
  label: h,
158
- value: i.value !== void 0 ? B(!1, o, a, t, N(o, i.value, n)) : void 0,
159
- defaultValue: i.defaultValue !== void 0 ? B(!1, o, a, t, N(o, i.defaultValue, n)) : void 0,
158
+ value: i.value !== void 0 ? B(!1, o, a, t, U(o, i.value, n)) : void 0,
159
+ defaultValue: i.defaultValue !== void 0 ? B(!1, o, a, t, U(o, i.defaultValue, n)) : void 0,
160
160
  onChange: i.onChangeValue,
161
161
  disabled: i.disabled
162
- }), [J, K] = _react.useState(U !== null && U !== void 0 ? U : B(!1, o, a, t, N(o, z, n))), u = U !== null && U !== void 0 ? U : J, A = _react.useRef(u), P = _react.useCallback((e, r)=>{
162
+ }), [J, K] = _react.useState(_ !== null && _ !== void 0 ? _ : B(!1, o, a, t, U(o, z, n))), u = _ !== null && _ !== void 0 ? _ : J, A = _react.useRef(u), P = _react.useCallback((e, r)=>{
163
163
  const s = B(r, o, a, t, e);
164
- A.current !== s && (_(n ? n[s] : s), K(s), A.current = s);
164
+ A.current !== s && (N(n ? n[s] : s), K(s), A.current = s);
165
165
  }, [
166
166
  o,
167
167
  a,
168
168
  t,
169
169
  n,
170
- _
170
+ N
171
171
  ]);
172
172
  _react.useEffect(()=>{
173
173
  P(A.current, !1);
@@ -290,4 +290,4 @@ const Ce = 48, Ie = 20, Pe = 28, Te = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
290
290
  ]
291
291
  })
292
292
  });
293
- }), _e = pe;
293
+ }), Ne = pe;
@@ -34,10 +34,10 @@ _export(exports, {
34
34
  return b;
35
35
  },
36
36
  snackbar: function() {
37
- return i;
37
+ return j;
38
38
  },
39
39
  snackbarContainer: function() {
40
- return j;
40
+ return k;
41
41
  },
42
42
  snackbarOpen: function() {
43
43
  return p;
@@ -52,12 +52,12 @@ _export(exports, {
52
52
  return c;
53
53
  },
54
54
  wrapperOpen: function() {
55
- return m;
55
+ return i;
56
56
  }
57
57
  });
58
58
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
59
59
  require("./snackbar.css.ts.vanilla.css-mistica.js");
60
- var n = 300, f = "v16_36_o7bjb0g", y = "v16_36_1y2v1nf8r v16_36_1y2v1nfa0 v16_36_1y2v1nfbc v16_36_1y2v1nfcl v16_36_1y2v1nfla v16_36_1y2v1nf8k", r = "v16_36_1y2v1nfis v16_36_1y2v1nfj4 v16_36_1y2v1nfiy", o = "v16_36_1y2v1nfis v16_36_1y2v1nfj4 v16_36_1y2v1nfix v16_36_1y2v1nfj7", a = {
61
- centered: "v16_36_o7bjb0l v16_36_1y2v1nfis v16_36_1y2v1nfin v16_36_1y2v1nfj7 v16_36_1y2v1nfj1 v16_36_1y2v1nfmx",
62
- topRight: "v16_36_1y2v1nfis v16_36_1y2v1nfin v16_36_1y2v1nfj7 v16_36_1y2v1nfj1 v16_36_1y2v1nfmx v16_36_1y2v1nfm3"
63
- }, t = "v16_36_o7bjb0o v16_36_1y2v1nfjp v16_36_1y2v1nfk5 v16_36_1y2v1nfis v16_36_1y2v1nfj7 v16_36_1y2v1nfj1 v16_36_1y2v1nflc", b = "v16_36_o7bjb0h", i = "v16_36_o7bjb01 v16_36_1y2v1nfjf v16_36_1y2v1nfis v16_36_1y2v1nfj1", j = "v16_36_o7bjb03 v16_36_1y2v1nfim", p = "v16_36_o7bjb04", s = "v16_36_o7bjb06 v16_36_1y2v1nfio v16_36_1y2v1nflm", e = "v16_36_1y2v1nf66", c = "v16_36_1y2v1nf67", m = "v16_36_o7bjb09";
60
+ var n = 300, f = "v16_37_o7bjb0g", y = "v16_37_1y2v1nf9r v16_37_1y2v1nfb0 v16_37_1y2v1nfcc v16_37_1y2v1nfdl v16_37_1y2v1nfma v16_37_1y2v1nf9k", r = "v16_37_1y2v1nfjs v16_37_1y2v1nfk4 v16_37_1y2v1nfjy", o = "v16_37_1y2v1nfjs v16_37_1y2v1nfk4 v16_37_1y2v1nfjx v16_37_1y2v1nfk7", a = {
61
+ centered: "v16_37_o7bjb0l v16_37_1y2v1nfjs v16_37_1y2v1nfjn v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfnx",
62
+ topRight: "v16_37_1y2v1nfjs v16_37_1y2v1nfjn v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfnx v16_37_1y2v1nfn3"
63
+ }, t = "v16_37_o7bjb0o v16_37_1y2v1nfkp v16_37_1y2v1nfl5 v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmc", b = "v16_37_o7bjb0h", j = "v16_37_o7bjb01 v16_37_1y2v1nfkf v16_37_1y2v1nfjs v16_37_1y2v1nfk1", k = "v16_37_o7bjb03 v16_37_1y2v1nfjm", p = "v16_37_o7bjb04", s = "v16_37_o7bjb06 v16_37_1y2v1nfjo v16_37_1y2v1nfmm", e = "v16_37_1y2v1nf6z", c = "v16_37_1y2v1nf70", i = "v16_37_o7bjb09";
@@ -24,4 +24,4 @@ _export(exports, {
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./spinner.css.ts.vanilla.css-mistica.js");
27
- var n = "v16_36_1fthc594 v16_36_1y2v1nfja v16_36_1y2v1nfiu", r = "v16_36_1fthc595", a = "v16_36_1y2v1nfja v16_36_1y2v1nfiu", t = "v16_36_1fthc597";
27
+ var n = "v16_37_1fthc594 v16_37_1y2v1nfka v16_37_1y2v1nfju", r = "v16_37_1fthc595", a = "v16_37_1y2v1nfka v16_37_1y2v1nfju", t = "v16_37_1fthc597";
@@ -20,9 +20,9 @@ _export(exports, {
20
20
  }
21
21
  });
22
22
  require("./stack.css.ts.vanilla.css-mistica.js");
23
- var v = "v16_36_xjgm6d5", _ = "v16_36_xjgm6d4", r = {
24
- space: "var(--v16_36_xjgm6d0)",
25
- spaceMobile: "var(--v16_36_xjgm6d1)",
26
- spaceTablet: "var(--v16_36_xjgm6d2)",
27
- spaceDesktop: "var(--v16_36_xjgm6d3)"
23
+ var v = "v16_37_xjgm6d5", _ = "v16_37_xjgm6d4", r = {
24
+ space: "var(--v16_37_xjgm6d0)",
25
+ spaceMobile: "var(--v16_37_xjgm6d1)",
26
+ spaceTablet: "var(--v16_37_xjgm6d2)",
27
+ spaceDesktop: "var(--v16_37_xjgm6d3)"
28
28
  };
@@ -10,4 +10,4 @@ Object.defineProperty(exports, "moreItems", {
10
10
  });
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
12
  require("./stacking-group.css.ts.vanilla.css-mistica.js");
13
- var y = "v16_36_1y38nye1 v16_36_1y2v1nfis v16_36_1y2v1nfim v16_36_1y2v1nfj1 v16_36_1y2v1nfj7";
13
+ var y = "v16_37_1y38nye1 v16_37_1y2v1nfjs v16_37_1y2v1nfjm v16_37_1y2v1nfk1 v16_37_1y2v1nfk7";
@@ -19,7 +19,7 @@ _export(exports, {
19
19
  return f;
20
20
  },
21
21
  barFilledReverseAnimation: function() {
22
- return i;
22
+ return m;
23
23
  },
24
24
  currentNumber: function() {
25
25
  return y;
@@ -28,13 +28,13 @@ _export(exports, {
28
28
  return a;
29
29
  },
30
30
  listItem: function() {
31
- return m;
31
+ return e;
32
32
  },
33
33
  number: function() {
34
- return e;
34
+ return t;
35
35
  },
36
36
  step: function() {
37
- return t;
37
+ return i;
38
38
  },
39
39
  stepIconNumber: function() {
40
40
  return q;
@@ -43,14 +43,14 @@ _export(exports, {
43
43
  return h;
44
44
  },
45
45
  textContainer: function() {
46
- return l;
46
+ return s;
47
47
  },
48
48
  vars: function() {
49
- return s;
49
+ return k;
50
50
  }
51
51
  });
52
52
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
53
53
  require("./stepper.css.ts.vanilla.css-mistica.js");
54
- var n = "v16_36_14h93mql v16_36_1y2v1nfjz v16_36_1y2v1nfjf v16_36_1y2v1nflq v16_36_1y2v1nflu", r = "v16_36_14h93mqn v16_36_1y2v1nfjz v16_36_1y2v1nfjf v16_36_1y2v1nflq v16_36_1y2v1nflu", f = "v16_36_14h93mqo", i = "v16_36_14h93mqq v16_36_1y2v1nfjh", y = "v16_36_14h93mqg", a = "v16_36_14h93mqd", m = "v16_36_1y2v1nfis v16_36_1y2v1nfj7", e = "v16_36_14h93mqf v16_36_1y2v1nfis v16_36_1y2v1nfj7 v16_36_1y2v1nfj1 v16_36_1y2v1nflc", t = "v16_36_14h93mqa v16_36_1y2v1nfim v16_36_1y2v1nfit v16_36_1y2v1nfiy v16_36_1y2v1nfj7", q = "v16_36_14h93mqc v16_36_1y2v1nfim v16_36_1y2v1nfis", h = "v16_36_14h93mq7 v16_36_1y2v1nfis v16_36_1y2v1nfj6 v16_36_1y2v1nfkz", l = "v16_36_14h93mqi v16_36_1y2v1nfin", s = {
55
- stepperMinHeight: "var(--v16_36_14h93mq0)"
54
+ var n = "v16_37_14h93mql v16_37_1y2v1nfkz v16_37_1y2v1nfkf v16_37_1y2v1nfmq v16_37_1y2v1nfmu", r = "v16_37_14h93mqn v16_37_1y2v1nfkz v16_37_1y2v1nfkf v16_37_1y2v1nfmq v16_37_1y2v1nfmu", f = "v16_37_14h93mqo", m = "v16_37_14h93mqq v16_37_1y2v1nfkh", y = "v16_37_14h93mqg", a = "v16_37_14h93mqd", e = "v16_37_1y2v1nfjs v16_37_1y2v1nfk7", t = "v16_37_14h93mqf v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmc", i = "v16_37_14h93mqa v16_37_1y2v1nfjm v16_37_1y2v1nfjt v16_37_1y2v1nfjy v16_37_1y2v1nfk7", q = "v16_37_14h93mqc v16_37_1y2v1nfjm v16_37_1y2v1nfjs", h = "v16_37_14h93mq7 v16_37_1y2v1nfjs v16_37_1y2v1nfk6 v16_37_1y2v1nflz", s = "v16_37_14h93mqi v16_37_1y2v1nfjn", k = {
55
+ stepperMinHeight: "var(--v16_37_14h93mq0)"
56
56
  };
package/dist/stepper.js CHANGED
@@ -120,7 +120,7 @@ function _object_spread_props(target, source) {
120
120
  return target;
121
121
  }
122
122
  const ee = (param)=>{
123
- let { steps: c, currentIndex: n, "aria-label": v, "aria-labelledby": y, "aria-description": N, "aria-describedby": x, dataAttributes: C } = param;
123
+ let { steps: c, currentIndex: n, "aria-label": v, "aria-labelledby": y, "aria-description": x, "aria-describedby": N, dataAttributes: C } = param;
124
124
  const { texts: h, t: u, textPresets: g } = (0, _hooks.useTheme)(), { height: A, ref: $ } = (0, _hooks.useElementDimensions)(), T = A, [r, P] = _react.useState(Math.ceil(n)), [i, R] = _react.useState(!1);
125
125
  _react.useEffect(()=>{
126
126
  const s = Math.ceil(n);
@@ -142,8 +142,8 @@ const ee = (param)=>{
142
142
  }, (0, _dom.getPrefixedDataAttributes)(C, "Stepper")), {
143
143
  "aria-label": v,
144
144
  "aria-labelledby": y,
145
- "aria-description": N,
146
- "aria-describedby": x,
145
+ "aria-description": x,
146
+ "aria-describedby": N,
147
147
  children: c.map((s, a)=>{
148
148
  const t = a === r, f = a === c.length - 1, o = a < r, m = a === r - 1;
149
149
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)("li", {
@@ -13,31 +13,31 @@ _export(exports, {
13
13
  return a;
14
14
  },
15
15
  barVariants: function() {
16
- return n;
16
+ return h;
17
17
  },
18
18
  checkboxVariants: function() {
19
- return h;
19
+ return n;
20
20
  },
21
21
  container: function() {
22
- return i;
22
+ return p;
23
23
  },
24
24
  containerDisabled: function() {
25
- return p;
25
+ return y;
26
26
  },
27
27
  disabled: function() {
28
- return y;
28
+ return f;
29
29
  },
30
30
  interactiveArea: function() {
31
- return f;
31
+ return q;
32
32
  },
33
33
  inverseBallVariants: function() {
34
- return q;
34
+ return e;
35
35
  },
36
36
  inverseBarVariants: function() {
37
- return e;
37
+ return c;
38
38
  },
39
39
  switchCheckboxContainerVariants: function() {
40
- return c;
40
+ return j;
41
41
  },
42
42
  switchCheckboxLabel: function() {
43
43
  return r;
@@ -46,33 +46,33 @@ _export(exports, {
46
46
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
47
47
  require("./switch-component.css.ts.vanilla.css-mistica.js");
48
48
  var a = {
49
- default: "v16_36_q0hp3a11 v16_36_q0hp3az v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
50
- ios: "v16_36_q0hp3a12 v16_36_q0hp3a10 v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
51
- checked: "v16_36_q0hp3a13 v16_36_q0hp3az v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
52
- checkedIos: "v16_36_q0hp3a14 v16_36_q0hp3a10 v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc"
53
- }, n = {
54
- default: "v16_36_q0hp3ai v16_36_q0hp3ah v16_36_1y2v1nfiu",
55
- ios: "v16_36_q0hp3aj v16_36_q0hp3ah v16_36_1y2v1nfiu",
56
- iosDark: "v16_36_q0hp3ak v16_36_q0hp3ah v16_36_1y2v1nfiu",
57
- checked: "v16_36_q0hp3al v16_36_q0hp3ah v16_36_1y2v1nfiu",
58
- checkedIos: "v16_36_q0hp3am v16_36_q0hp3ah v16_36_1y2v1nfiu"
49
+ default: "v16_37_q0hp3a11 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
50
+ ios: "v16_37_q0hp3a12 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
51
+ checked: "v16_37_q0hp3a13 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
52
+ checkedIos: "v16_37_q0hp3a14 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc"
59
53
  }, h = {
60
- default: "v16_36_q0hp3a6 v16_36_1y2v1nfiw v16_36_1y2v1nflt",
61
- ios: "v16_36_q0hp3a7 v16_36_1y2v1nfiw v16_36_1y2v1nflt",
62
- disabled: "v16_36_q0hp3a8 v16_36_1y2v1nfiw v16_36_1y2v1nflt",
63
- disabledIos: "v16_36_q0hp3a9 v16_36_1y2v1nfiw v16_36_1y2v1nflt"
64
- }, i = "v16_36_q0hp3au v16_36_q0hp3as", p = "v16_36_q0hp3av v16_36_q0hp3as", y = "v16_36_q0hp3aw", f = "v16_36_q0hp3at", q = {
65
- default: "v16_36_q0hp3a15 v16_36_q0hp3az v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
66
- ios: "v16_36_q0hp3a16 v16_36_q0hp3a10 v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
67
- checked: "v16_36_q0hp3a17 v16_36_q0hp3az v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc",
68
- checkedIos: "v16_36_q0hp3a18 v16_36_q0hp3a10 v16_36_q0hp3ay v16_36_1y2v1nfin v16_36_1y2v1nfn9 v16_36_1y2v1nfiu v16_36_1y2v1nflc"
69
- }, e = {
70
- default: "v16_36_q0hp3an v16_36_q0hp3ah v16_36_1y2v1nfiu",
71
- ios: "v16_36_q0hp3ao v16_36_q0hp3ah v16_36_1y2v1nfiu",
72
- iosDark: "v16_36_q0hp3ap v16_36_q0hp3ah v16_36_1y2v1nfiu",
73
- checked: "v16_36_q0hp3aq v16_36_q0hp3ah v16_36_1y2v1nfiu",
74
- checkedIos: "v16_36_q0hp3ar v16_36_q0hp3ah v16_36_1y2v1nfiu"
54
+ default: "v16_37_q0hp3ai v16_37_q0hp3ah v16_37_1y2v1nfju",
55
+ ios: "v16_37_q0hp3aj v16_37_q0hp3ah v16_37_1y2v1nfju",
56
+ iosDark: "v16_37_q0hp3ak v16_37_q0hp3ah v16_37_1y2v1nfju",
57
+ checked: "v16_37_q0hp3al v16_37_q0hp3ah v16_37_1y2v1nfju",
58
+ checkedIos: "v16_37_q0hp3am v16_37_q0hp3ah v16_37_1y2v1nfju"
59
+ }, n = {
60
+ default: "v16_37_q0hp3a6 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
61
+ ios: "v16_37_q0hp3a7 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
62
+ disabled: "v16_37_q0hp3a8 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
63
+ disabledIos: "v16_37_q0hp3a9 v16_37_1y2v1nfjw v16_37_1y2v1nfmt"
64
+ }, p = "v16_37_q0hp3au v16_37_q0hp3as", y = "v16_37_q0hp3av v16_37_q0hp3as", f = "v16_37_q0hp3aw", q = "v16_37_q0hp3at", e = {
65
+ default: "v16_37_q0hp3a15 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
66
+ ios: "v16_37_q0hp3a16 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
67
+ checked: "v16_37_q0hp3a17 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
68
+ checkedIos: "v16_37_q0hp3a18 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc"
75
69
  }, c = {
76
- default: "v16_36_q0hp3ac v16_36_q0hp3ab v16_36_1y2v1nfim",
77
- ios: "v16_36_q0hp3ad v16_36_q0hp3ab v16_36_1y2v1nfim"
78
- }, r = "v16_36_q0hp3af v16_36_1y2v1nfiu v16_36_1y2v1nflu";
70
+ default: "v16_37_q0hp3an v16_37_q0hp3ah v16_37_1y2v1nfju",
71
+ ios: "v16_37_q0hp3ao v16_37_q0hp3ah v16_37_1y2v1nfju",
72
+ iosDark: "v16_37_q0hp3ap v16_37_q0hp3ah v16_37_1y2v1nfju",
73
+ checked: "v16_37_q0hp3aq v16_37_q0hp3ah v16_37_1y2v1nfju",
74
+ checkedIos: "v16_37_q0hp3ar v16_37_q0hp3ah v16_37_1y2v1nfju"
75
+ }, j = {
76
+ default: "v16_37_q0hp3ac v16_37_q0hp3ab v16_37_1y2v1nfjm",
77
+ ios: "v16_37_q0hp3ad v16_37_q0hp3ab v16_37_1y2v1nfjm"
78
+ }, r = "v16_37_q0hp3af v16_37_1y2v1nfju v16_37_1y2v1nfmu";
@@ -73,13 +73,13 @@ _export(exports, {
73
73
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
74
74
  require("./responsive-layout.css.ts.vanilla.css-mistica.js");
75
75
  require("./table.css.ts.vanilla.css-mistica.js");
76
- var e = "v16_36_107ok88f", a = "v16_36_107ok88g", r = "v16_36_107ok886", l = {
77
- left: "v16_36_107ok888 v16_36_107ok887",
78
- right: "v16_36_107ok889 v16_36_107ok887",
79
- center: "v16_36_107ok88a v16_36_107ok887"
80
- }, t = "v16_36_107ok88i", k = "v16_36_107ok88k", i = "v16_36_107ok883", s = "v16_36_107ok882", d = "v16_36_107ok885", n = "v16_36_107ok884", c = "v16_36_107ok88j", p = "v16_36_107ok88l", m = "v16_36_107ok88n", b = "v16_36_107ok88m", I = "v16_36_107ok88b", g = "v16_36_107ok88c", h = "v16_36_107ok881", w = "v16_36_107ok88h", H = {
81
- maxHeight: "var(--v16_36_107ok880)"
76
+ var e = "v16_37_107ok88f", a = "v16_37_107ok88g", r = "v16_37_107ok886", l = {
77
+ left: "v16_37_107ok888 v16_37_107ok887",
78
+ right: "v16_37_107ok889 v16_37_107ok887",
79
+ center: "v16_37_107ok88a v16_37_107ok887"
80
+ }, t = "v16_37_107ok88i", k = "v16_37_107ok88k", i = "v16_37_107ok883", s = "v16_37_107ok882", d = "v16_37_107ok885", n = "v16_37_107ok884", c = "v16_37_107ok88j", p = "v16_37_107ok88l", m = "v16_37_107ok88n", b = "v16_37_107ok88m", I = "v16_37_107ok88b", g = "v16_37_107ok88c", h = "v16_37_107ok881", w = "v16_37_107ok88h", H = {
81
+ maxHeight: "var(--v16_37_107ok880)"
82
82
  }, x = {
83
- top: "v16_36_107ok88d",
84
- middle: "v16_36_107ok88e"
83
+ top: "v16_37_107ok88d",
84
+ middle: "v16_37_107ok88e"
85
85
  };
package/dist/table.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { CardAction } from './card';
2
+ import type { CardAction } from './card-internal';
3
3
  import type { DataAttributes } from './utils/types';
4
4
  type TextAlign = 'left' | 'right' | 'center';
5
5
  type VerticalAlign = 'top' | 'middle';
package/dist/table.js CHANGED
@@ -171,7 +171,7 @@ const $ = {
171
171
  small: !0,
172
172
  bleedY: !0
173
173
  })), J = "left", Ee = /*#__PURE__*/ _react.forwardRef((_param, z)=>{
174
- var { dataAttributes: o, heading: m = [], content: k = [], boxed: h, responsive: K, fullWidth: b = !0, maxHeight: v, emptyCase: A, columnTextAlign: T = J, rowVerticalAlign: C = "middle", columnWidth: p, hideHeaders: u, scrollOverResponsiveLayout: Q, rowHeaderIndex: s } = _param, N = _object_without_properties(_param, [
174
+ var { dataAttributes: o, heading: m = [], content: k = [], boxed: h, responsive: K, fullWidth: b = !0, maxHeight: v, emptyCase: A, columnTextAlign: T = J, rowVerticalAlign: C = "middle", columnWidth: p, hideHeaders: u, scrollOverResponsiveLayout: Q, rowHeaderIndex: s } = _param, S = _object_without_properties(_param, [
175
175
  "dataAttributes",
176
176
  "heading",
177
177
  "content",
@@ -198,9 +198,9 @@ const $ = {
198
198
  [_tablecssmistica.hiddenHeadersInDesktop]: U,
199
199
  [_tablecssmistica.hiddenHeadersInMobile]: P || r
200
200
  }),
201
- "aria-label": N["aria-label"],
202
- "aria-labelledby": N["aria-labelledby"],
203
- "aria-describedby": N["aria-describedby"],
201
+ "aria-label": S["aria-label"],
202
+ "aria-labelledby": S["aria-labelledby"],
203
+ "aria-describedby": S["aria-describedby"],
204
204
  children: [
205
205
  m.length > 0 && /* @__PURE__ */ (0, _jsxruntime.jsx)("thead", {
206
206
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_text.Text1, {
@@ -234,7 +234,7 @@ const $ = {
234
234
  children: i.map((d, t)=>"Icon" in d || "checkedProps" in d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(ve, _object_spread({}, d), t) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
235
235
  children: d
236
236
  }, t))
237
- }), S = i.length ? `calc(${_iconbuttoncssmistica.iconContainerSize.small} * ${i.length} + 16px * ${i.length - 1})` : "0px";
237
+ }), I = i.length ? `calc(${_iconbuttoncssmistica.iconContainerSize.small} * ${i.length} + 16px * ${i.length - 1})` : "0px";
238
238
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)("tr", {
239
239
  style: {
240
240
  position: "relative"
@@ -251,7 +251,7 @@ const $ = {
251
251
  }),
252
252
  style: {
253
253
  // add space between top actions and content
254
- marginRight: r && i.length ? `calc(${S} + 8px)` : void 0
254
+ marginRight: r && i.length ? `calc(${I} + 8px)` : void 0
255
255
  },
256
256
  scope: t === s ? "row" : void 0,
257
257
  children: [
@@ -293,7 +293,7 @@ const $ = {
293
293
  }),
294
294
  align: "right",
295
295
  style: {
296
- width: `calc(${S} + 12px)`
296
+ width: `calc(${I} + 12px)`
297
297
  },
298
298
  children: w
299
299
  }) : g && /* @__PURE__ */ (0, _jsxruntime.jsx)("td", {
@@ -305,7 +305,7 @@ const $ = {
305
305
  position: "absolute",
306
306
  top: `calc(${h ? $.boxed : $.default} - ${q} + (${_iconbuttoncssmistica.iconContainerSize.small} - ${_iconbuttoncssmistica.iconSize.small}) / 2)`,
307
307
  right: h ? `calc(${$.boxed} - ${q})` : 0,
308
- width: S
308
+ width: I
309
309
  },
310
310
  children: w
311
311
  })
@@ -25,34 +25,34 @@ _export(exports, {
25
25
  return y;
26
26
  },
27
27
  outerBorderInverse: function() {
28
- return l;
28
+ return o;
29
29
  },
30
30
  tabHover: function() {
31
31
  return a;
32
32
  },
33
33
  tabSelectionVariants: function() {
34
- return o;
34
+ return t;
35
35
  },
36
36
  tabVariants: function() {
37
- return t;
37
+ return l;
38
38
  },
39
39
  tabsContainer: function() {
40
- return i;
40
+ return m;
41
41
  }
42
42
  });
43
43
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
44
44
  require("./tabs.css.ts.vanilla.css-mistica.js");
45
- var n = "v16_36_1y2v1nfir v16_36_1y2v1nfin v16_36_1y2v1nfmf v16_36_1y2v1nfn9 v16_36_1y2v1nfjy", f = "v16_36_lgofm1q", e = "v16_36_lgofm14", r = "v16_36_lgofm13 v16_36_1y2v1nfl3 v16_36_1y2v1nfjf v16_36_1y2v1nfim", y = "v16_36_lgofm10", l = "v16_36_lgofm11", a = {
46
- default: "v16_36_lgofm1a",
47
- inverse: "v16_36_lgofm1b"
48
- }, o = {
49
- noSelected: "v16_36_1y2v1nf2e",
50
- noSelectedInverse: "v16_36_1y2v1nf2f",
51
- selected: "v16_36_lgofm1g",
52
- selectedInverse: "v16_36_lgofm1h",
53
- selectedAnimating: "v16_36_lgofm1i",
54
- selectedAnimatingInverse: "v16_36_lgofm1j"
45
+ var n = "v16_37_1y2v1nfjr v16_37_1y2v1nfjn v16_37_1y2v1nfnf v16_37_1y2v1nfo9 v16_37_1y2v1nfky", f = "v16_37_lgofm1q", e = "v16_37_lgofm14", r = "v16_37_lgofm13 v16_37_1y2v1nfm3 v16_37_1y2v1nfkf v16_37_1y2v1nfjm", y = "v16_37_lgofm10", o = "v16_37_lgofm11", a = {
46
+ default: "v16_37_lgofm1a",
47
+ inverse: "v16_37_lgofm1b"
55
48
  }, t = {
56
- default: "v16_36_lgofm17 v16_36_1y2v1nfbi v16_36_1y2v1nfcr v16_36_1y2v1nfit v16_36_1y2v1nfja v16_36_1y2v1nfj7 v16_36_1y2v1nfj1 v16_36_1y2v1nfkr v16_36_1y2v1nfl3 v16_36_1y2v1nf8k",
57
- fullWidth: "v16_36_lgofm19 v16_36_lgofm17 v16_36_1y2v1nfbi v16_36_1y2v1nfcr v16_36_1y2v1nfit v16_36_1y2v1nfja v16_36_1y2v1nfj7 v16_36_1y2v1nfj1 v16_36_1y2v1nfkr v16_36_1y2v1nfl3 v16_36_1y2v1nf8k"
58
- }, i = "v16_36_1y2v1nfl3 v16_36_1y2v1nfjf v16_36_1y2v1nfis";
49
+ noSelected: "v16_37_1y2v1nf2p",
50
+ noSelectedInverse: "v16_37_1y2v1nf2q",
51
+ selected: "v16_37_lgofm1g",
52
+ selectedInverse: "v16_37_lgofm1h",
53
+ selectedAnimating: "v16_37_lgofm1i",
54
+ selectedAnimatingInverse: "v16_37_lgofm1j"
55
+ }, l = {
56
+ default: "v16_37_lgofm17 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjt v16_37_1y2v1nfka v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nflr v16_37_1y2v1nfm3 v16_37_1y2v1nf9k",
57
+ fullWidth: "v16_37_lgofm19 v16_37_lgofm17 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjt v16_37_1y2v1nfka v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nflr v16_37_1y2v1nfm3 v16_37_1y2v1nf9k"
58
+ }, m = "v16_37_1y2v1nfm3 v16_37_1y2v1nfkf v16_37_1y2v1nfjs";