@telefonica/mistica 16.36.1 → 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 +3 -3
  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 +25 -25
  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 +3 -3
  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 +8 -8
  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 +5 -5
  69. package/dist/grid.css-mistica.js +124 -124
  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 +3 -3
  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 +13 -13
  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 +10 -10
  93. package/dist/loading-screen.js +3 -3
  94. package/dist/logo.css-mistica.js +6 -6
  95. package/dist/menu.css-mistica.js +14 -14
  96. package/dist/menu.js +7 -7
  97. package/dist/mosaic.css-mistica.js +2 -2
  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 +5 -5
  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 +9 -9
  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 +2 -2
  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 +7 -7
  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 +9 -9
  153. package/dist/text.js +7 -7
  154. package/dist/theme-context.css-mistica.js +434 -398
  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 +2 -2
  167. package/dist/video.js +2 -2
  168. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +3 -3
  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 +24 -24
  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 +2 -2
  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 +4 -4
  220. package/dist-es/grid.css-mistica.js +124 -124
  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 +2 -2
  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 +11 -11
  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 +6 -6
  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 +2 -2
  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 +5 -5
  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 +6 -6
  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 +2 -2
  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 +6 -6
  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 +8 -8
  298. package/dist-es/text.js +6 -6
  299. package/dist-es/theme-context.css-mistica.js +432 -396
  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 +2 -2
  309. package/dist-es/video.js +5 -5
  310. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +2 -2
  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
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  logoContainer: function() {
13
- return v;
13
+ return _;
14
14
  },
15
15
  svg: function() {
16
16
  return r;
@@ -20,9 +20,9 @@ _export(exports, {
20
20
  }
21
21
  });
22
22
  require("./logo.css.ts.vanilla.css-mistica.js");
23
- var v = "v16_36_1_140ft6x5", r = "v16_36_1_140ft6x4", t = {
24
- size: "var(--v16_36_1_140ft6x0)",
25
- sizeMobile: "var(--v16_36_1_140ft6x1)",
26
- sizeTablet: "var(--v16_36_1_140ft6x2)",
27
- sizeDesktop: "var(--v16_36_1_140ft6x3)"
23
+ var _ = "v16_37_140ft6x5", r = "v16_37_140ft6x4", t = {
24
+ size: "var(--v16_37_140ft6x0)",
25
+ sizeMobile: "var(--v16_37_140ft6x1)",
26
+ sizeTablet: "var(--v16_37_140ft6x2)",
27
+ sizeDesktop: "var(--v16_37_140ft6x3)"
28
28
  };
@@ -22,13 +22,13 @@ _export(exports, {
22
22
  return r;
23
23
  },
24
24
  menuItemDisabled: function() {
25
- return a;
25
+ return u;
26
26
  },
27
27
  menuItemEnabled: function() {
28
28
  return t;
29
29
  },
30
30
  menuItemHovered: function() {
31
- return u;
31
+ return a;
32
32
  },
33
33
  menuSectionDivider: function() {
34
34
  return i;
@@ -42,17 +42,17 @@ _export(exports, {
42
42
  });
43
43
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
44
44
  require("./menu.css.ts.vanilla.css-mistica.js");
45
- var k = "v16_36_1_2k0k3uk", e = "v16_36_1_2k0k3uj", n = "v16_36_1_2k0k3u8 v16_36_1_1y2v1nf8u v16_36_1_1y2v1nfa3 v16_36_1_1y2v1nfbc v16_36_1_1y2v1nfcl v16_36_1_1y2v1nf4c v16_36_1_1y2v1nflm v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy v16_36_1_1y2v1nfin", r = "v16_36_1_2k0k3ud", a = "v16_36_1_2k0k3ug", t = "v16_36_1_2k0k3uf", u = "v16_36_1_2k0k3ue", i = "v16_36_1_2k0k3ui v16_36_1_1y2v1nf8u v16_36_1_1y2v1nfa3", m = {
46
- enter: "v16_36_1_2k0k3u9",
47
- enterActive: "v16_36_1_2k0k3ua",
48
- exit: "v16_36_1_2k0k3ub",
49
- exitActive: "v16_36_1_2k0k3uc"
45
+ var k = "v16_37_2k0k3uk", e = "v16_37_2k0k3uj", n = "v16_37_2k0k3u8 v16_37_1y2v1nf9u v16_37_1y2v1nfb3 v16_37_1y2v1nfcc v16_37_1y2v1nfdl v16_37_1y2v1nf4u v16_37_1y2v1nfmm v16_37_1y2v1nfjs v16_37_1y2v1nfjy v16_37_1y2v1nfjn", r = "v16_37_2k0k3ud", u = "v16_37_2k0k3ug", t = "v16_37_2k0k3uf", a = "v16_37_2k0k3ue", i = "v16_37_2k0k3ui v16_37_1y2v1nf9u v16_37_1y2v1nfb3", m = {
46
+ enter: "v16_37_2k0k3u9",
47
+ enterActive: "v16_37_2k0k3ua",
48
+ exit: "v16_37_2k0k3ub",
49
+ exitActive: "v16_37_2k0k3uc"
50
50
  }, f = {
51
- top: "var(--v16_36_1_2k0k3u0)",
52
- bottom: "var(--v16_36_1_2k0k3u1)",
53
- left: "var(--v16_36_1_2k0k3u2)",
54
- right: "var(--v16_36_1_2k0k3u4)",
55
- width: "var(--v16_36_1_2k0k3u3)",
56
- maxHeight: "var(--v16_36_1_2k0k3u5)",
57
- transformOrigin: "var(--v16_36_1_2k0k3u6)"
51
+ top: "var(--v16_37_2k0k3u0)",
52
+ bottom: "var(--v16_37_2k0k3u1)",
53
+ left: "var(--v16_37_2k0k3u2)",
54
+ right: "var(--v16_37_2k0k3u4)",
55
+ width: "var(--v16_37_2k0k3u3)",
56
+ maxHeight: "var(--v16_37_2k0k3u5)",
57
+ transformOrigin: "var(--v16_37_2k0k3u6)"
58
58
  };
package/dist/menu.js CHANGED
@@ -143,20 +143,20 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
143
143
  isMenuOpen: !1,
144
144
  setFocusedItem: ()=>{},
145
145
  closeMenu: ()=>{}
146
- }), Ne = ()=>_react.useContext(Z), y = (i)=>i ? Array.from(i.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ae = (i, d)=>{
146
+ }), Ae = ()=>_react.useContext(Z), y = (i)=>i ? Array.from(i.querySelectorAll("[role=menuitem],[role=menuitemcheckbox]")) : [], Ne = (i, d)=>{
147
147
  if (!d) return null;
148
148
  const f = y(i).indexOf(d);
149
149
  return f < 0 ? null : f;
150
150
  }, qe = (param)=>{
151
151
  let { label: i, Icon: d, destructive: f, disabled: a, onPress: C, controlType: r, checked: p, dataAttributes: o } = param;
152
- const { focusedItem: k, setFocusedItem: c, closeMenu: N, isMenuOpen: u } = Ne(), m = _react.useRef(null), x = f ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh, h = m == null ? void 0 : m.current, A = (h == null ? void 0 : h.closest("[role=menu]")) || null, t = Ae(A, h), M = _object_spread({
152
+ const { focusedItem: k, setFocusedItem: c, closeMenu: A, isMenuOpen: u } = Ae(), m = _react.useRef(null), x = f ? _skincontractcssmistica.vars.colors.textLinkDanger : _skincontractcssmistica.vars.colors.neutralHigh, h = m == null ? void 0 : m.current, N = (h == null ? void 0 : h.closest("[role=menu]")) || null, t = Ne(N, h), M = _object_spread({
153
153
  testid: "MenuItem"
154
154
  }, o), I = ()=>r === "checkbox" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_checkbox.default, {
155
155
  ref: m,
156
156
  name: i,
157
157
  checked: p,
158
158
  onChange: ()=>{
159
- u && t !== null && (C(t), N());
159
+ u && t !== null && (C(t), A());
160
160
  },
161
161
  disabled: a,
162
162
  role: "menuitemcheckbox",
@@ -198,7 +198,7 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
198
198
  }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
199
199
  ref: m,
200
200
  onPress: ()=>{
201
- u && t !== null && (C(t), N());
201
+ u && t !== null && (C(t), A());
202
202
  },
203
203
  disabled: a,
204
204
  role: "menuitem",
@@ -248,7 +248,7 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
248
248
  }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
249
249
  }, J = 12, Q = 8, Je = (param)=>{
250
250
  let { renderTarget: i, renderMenu: d, width: f, position: a = "left", dataAttributes: C } = param;
251
- const [r, p] = _react.useState(!1), [o, k] = _react.useState(null), [c, N] = _react.useState(null), [u, m] = _react.useState(null), [x, h] = _react.useState(!1), A = _react.useRef(null), [t, M] = _react.useState(null), I = (0, _hooks.useWindowSize)();
251
+ const [r, p] = _react.useState(!1), [o, k] = _react.useState(null), [c, A] = _react.useState(null), [u, m] = _react.useState(null), [x, h] = _react.useState(!1), N = _react.useRef(null), [t, M] = _react.useState(null), I = (0, _hooks.useWindowSize)();
252
252
  _react.useEffect(()=>{
253
253
  const l = o == null ? void 0 : o.getBoundingClientRect();
254
254
  if (!c || !l || !r) return;
@@ -285,7 +285,7 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
285
285
  k,
286
286
  r
287
287
  ]), ee = {
288
- ref: (0, _common.combineRefs)(N, A),
288
+ ref: (0, _common.combineRefs)(A, N),
289
289
  className: _menucssmistica.menuContainer,
290
290
  close: ()=>p(!1)
291
291
  }, _ = _react.useCallback(()=>{
@@ -361,7 +361,7 @@ const ke = 120, Z = /*#__PURE__*/ _react.createContext({
361
361
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
362
362
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
363
363
  in: r,
364
- nodeRef: A,
364
+ nodeRef: N,
365
365
  timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : ke,
366
366
  classNames: _menucssmistica.menuTransitionClasses,
367
367
  mountOnEnter: !0,
@@ -16,8 +16,8 @@ _export(exports, {
16
16
  return t;
17
17
  },
18
18
  squareContainer: function() {
19
- return _;
19
+ return a;
20
20
  }
21
21
  });
22
22
  require("./mosaic.css.ts.vanilla.css-mistica.js");
23
- var r = "v16_36_1_1j2q6te2", t = "v16_36_1_1j2q6te1", _ = "v16_36_1_1j2q6te0";
23
+ var r = "v16_37_1j2q6te2", t = "v16_37_1j2q6te1", a = "v16_37_1j2q6te0";
@@ -28,55 +28,55 @@ _export(exports, {
28
28
  return a;
29
29
  },
30
30
  burgerMenuContainer: function() {
31
- return i;
31
+ return d;
32
32
  },
33
33
  burgerMenuContentContainer: function() {
34
- return c;
34
+ return t;
35
35
  },
36
36
  burgerMenuTransition: function() {
37
- return t;
37
+ return c;
38
38
  },
39
39
  desktopMenu: function() {
40
- return d;
40
+ return o;
41
41
  },
42
42
  desktopMenuBackgroundContainer: function() {
43
- return o;
43
+ return i;
44
44
  },
45
45
  desktopMenuColumnItem: function() {
46
46
  return z;
47
47
  },
48
48
  desktopMenuContainer: function() {
49
- return s;
49
+ return u;
50
50
  },
51
51
  desktopMenuContentFadeIn: function() {
52
- return u;
52
+ return s;
53
53
  },
54
54
  desktopMenuFirstSection: function() {
55
- return p;
55
+ return k;
56
56
  },
57
57
  desktopMenuLastSection: function() {
58
- return m;
58
+ return p;
59
59
  },
60
60
  desktopMenuSectionArrow: function() {
61
- return M;
61
+ return j;
62
62
  },
63
63
  desktopMenuSectionArrowContainer: function() {
64
- return l;
64
+ return M;
65
65
  },
66
66
  desktopMenuSectionContainer: function() {
67
- return j;
67
+ return l;
68
68
  },
69
69
  desktopMenuSectionWithArrowWrapper: function() {
70
- return k;
70
+ return C;
71
71
  },
72
72
  desktopMenuWrapper: function() {
73
- return C;
73
+ return m;
74
74
  },
75
75
  desktopOnly: function() {
76
- return b;
76
+ return g;
77
77
  },
78
78
  desktopSmallMenuContainer: function() {
79
- return g;
79
+ return b;
80
80
  },
81
81
  iconCloseHidden: function() {
82
82
  return S;
@@ -138,19 +138,19 @@ _export(exports, {
138
138
  });
139
139
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
140
140
  require("./navigation-bar.css.ts.vanilla.css-mistica.js");
141
- var n = 300, y = 400, e = 184, f = "v16_36_1_1vcy5dz1 v16_36_1_1y2v1nfim v16_36_1_1y2v1nfjo v16_36_1_1y2v1nfk4", r = "v16_36_1_1y2v1nfio v16_36_1_1y2v1nfmb v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu v16_36_1_1y2v1nfn9 v16_36_1_1y2v1nf4b", a = "v16_36_1_1vcy5dz1f", i = "v16_36_1_1y2v1nfjw v16_36_1_1y2v1nfim", c = "v16_36_1_1vcy5dz1j v16_36_1_1y2v1nflz v16_36_1_1y2v1nfjf v16_36_1_1y2v1nfjw v16_36_1_1y2v1nfin v16_36_1_1y2v1nfm0", t = {
142
- enter: "v16_36_1_1vcy5dz16",
143
- enterActive: "v16_36_1_1vcy5dz17",
144
- exit: "v16_36_1_1vcy5dz18",
145
- exitActive: "v16_36_1_1vcy5dz19"
146
- }, d = "v16_36_1_1vcy5dz1z v16_36_1_1y2v1nf9c v16_36_1_1y2v1nfal v16_36_1_1y2v1nfim", o = "v16_36_1_1vcy5dz1v v16_36_1_1y2v1nf4c v16_36_1_1y2v1nfin v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu", z = "v16_36_1_1vcy5dz21", s = "v16_36_1_1vcy5dz1t v16_36_1_1y2v1nfio v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu", u = "v16_36_1_1vcy5dz20", p = "v16_36_1_1vcy5dzf", m = "v16_36_1_1vcy5dzg", M = "v16_36_1_1vcy5dzn v16_36_1_1y2v1nf8l v16_36_1_1y2v1nf9u v16_36_1_1y2v1nfb3 v16_36_1_1y2v1nfcc v16_36_1_1y2v1nfla v16_36_1_1y2v1nf8k", l = "v16_36_1_1vcy5dzl v16_36_1_1y2v1nfin v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfn9 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7", j = "v16_36_1_1vcy5dzi v16_36_1_1y2v1nfim v16_36_1_1y2v1nfis", k = "v16_36_1_1y2v1nfim", C = "v16_36_1_1y2v1nfin v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu", b = "v16_36_1_1vcy5dzx", g = "v16_36_1_1vcy5dz1x v16_36_1_1y2v1nfbo v16_36_1_1y2v1nfcx v16_36_1_1y2v1nf9c v16_36_1_1y2v1nfal v16_36_1_1y2v1nf4c v16_36_1_1y2v1nfio v16_36_1_1y2v1nflz", S = "v16_36_1_1vcy5dz5 v16_36_1_1vcy5dz3 v16_36_1_1y2v1nfin", A = "v16_36_1_1vcy5dz4 v16_36_1_1vcy5dz3 v16_36_1_1y2v1nfin", B = "v16_36_1_1vcy5dz7 v16_36_1_1vcy5dz3 v16_36_1_1y2v1nfin", N = "v16_36_1_1vcy5dz6 v16_36_1_1vcy5dz3 v16_36_1_1y2v1nfin", x = "v16_36_1_1vcy5dz1o", I = "v16_36_1_1vcy5dz1e v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj1", O = "v16_36_1_1vcy5dz1c v16_36_1_1y2v1nfis v16_36_1_1y2v1nfje", T = "v16_36_1_1vcy5dz1q v16_36_1_1y2v1nfjf", E = {
147
- default: "v16_36_1_1vcy5dzc v16_36_1_1vcy5dzb v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfjf",
148
- noBorder: "v16_36_1_1vcy5dzd v16_36_1_1vcy5dzb v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfjf",
149
- menuOpen: "v16_36_1_1vcy5dze v16_36_1_1vcy5dzb v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfjf"
150
- }, R = "v16_36_1_1y2v1nf8l v16_36_1_1y2v1nf9u v16_36_1_1y2v1nfb3 v16_36_1_1y2v1nfcc v16_36_1_1y2v1nfla v16_36_1_1y2v1nf8k", U = "v16_36_1_1vcy5dzv v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfjf v16_36_1_1y2v1nfis", W = "v16_36_1_1vcy5dzz v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj2", w = "v16_36_1_1vcy5dz11 v16_36_1_1vcy5dzz v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj2 v16_36_1_1y2v1nfje", D = "v16_36_1_1vcy5dzp v16_36_1_1y2v1nfbc v16_36_1_1y2v1nfcl v16_36_1_1y2v1nfkb v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfla v16_36_1_1y2v1nf8k v16_36_1_1y2v1nfim", h = {
151
- default: "v16_36_1_1vcy5dzq",
152
- inverse: "v16_36_1_1vcy5dzr"
153
- }, F = "v16_36_1_1y2v1nfkb v16_36_1_1vcy5dz12", H = "v16_36_1_1vcy5dz15 v16_36_1_1vcy5dz12", L = {
154
- default: "v16_36_1_1vcy5dzs",
155
- inverse: "v16_36_1_1vcy5dzt"
156
- }, V = "v16_36_1_1vcy5dz9 v16_36_1_1y2v1nfio v16_36_1_1y2v1nfm0 v16_36_1_1y2v1nfmf v16_36_1_1y2v1nfmu";
141
+ var n = 300, y = 400, e = 184, f = "v16_37_1vcy5dz1 v16_37_1y2v1nfjm v16_37_1y2v1nfko v16_37_1y2v1nfl4", r = "v16_37_1y2v1nfjo v16_37_1y2v1nfnb v16_37_1y2v1nfnf v16_37_1y2v1nfnu v16_37_1y2v1nfo9 v16_37_1y2v1nf4t", a = "v16_37_1vcy5dz1f", d = "v16_37_1y2v1nfkw v16_37_1y2v1nfjm", t = "v16_37_1vcy5dz1j v16_37_1y2v1nfmz v16_37_1y2v1nfkf v16_37_1y2v1nfkw v16_37_1y2v1nfjn v16_37_1y2v1nfn0", c = {
142
+ enter: "v16_37_1vcy5dz16",
143
+ enterActive: "v16_37_1vcy5dz17",
144
+ exit: "v16_37_1vcy5dz18",
145
+ exitActive: "v16_37_1vcy5dz19"
146
+ }, o = "v16_37_1vcy5dz1z v16_37_1y2v1nfac v16_37_1y2v1nfbl v16_37_1y2v1nfjm", i = "v16_37_1vcy5dz1v v16_37_1y2v1nf4u v16_37_1y2v1nfjn v16_37_1y2v1nfnf v16_37_1y2v1nfnu", z = "v16_37_1vcy5dz21", u = "v16_37_1vcy5dz1t v16_37_1y2v1nfjo v16_37_1y2v1nfnf v16_37_1y2v1nfnu", s = "v16_37_1vcy5dz20", k = "v16_37_1vcy5dzf", p = "v16_37_1vcy5dzg", j = "v16_37_1vcy5dzn v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfma v16_37_1y2v1nf9k", M = "v16_37_1vcy5dzl v16_37_1y2v1nfjn v16_37_1y2v1nfn0 v16_37_1y2v1nfo9 v16_37_1y2v1nfjs v16_37_1y2v1nfk7", l = "v16_37_1vcy5dzi v16_37_1y2v1nfjm v16_37_1y2v1nfjs", C = "v16_37_1y2v1nfjm", m = "v16_37_1y2v1nfjn v16_37_1y2v1nfnf v16_37_1y2v1nfnu", g = "v16_37_1vcy5dzx", b = "v16_37_1vcy5dz1x v16_37_1y2v1nfco v16_37_1y2v1nfdx v16_37_1y2v1nfac v16_37_1y2v1nfbl v16_37_1y2v1nf4u v16_37_1y2v1nfjo v16_37_1y2v1nfmz", S = "v16_37_1vcy5dz5 v16_37_1vcy5dz3 v16_37_1y2v1nfjn", A = "v16_37_1vcy5dz4 v16_37_1vcy5dz3 v16_37_1y2v1nfjn", B = "v16_37_1vcy5dz7 v16_37_1vcy5dz3 v16_37_1y2v1nfjn", N = "v16_37_1vcy5dz6 v16_37_1vcy5dz3 v16_37_1y2v1nfjn", x = "v16_37_1vcy5dz1o", I = "v16_37_1vcy5dz1e v16_37_1y2v1nfjs v16_37_1y2v1nfk1", O = "v16_37_1vcy5dz1c v16_37_1y2v1nfjs v16_37_1y2v1nfke", T = "v16_37_1vcy5dz1q v16_37_1y2v1nfkf", E = {
147
+ default: "v16_37_1vcy5dzc v16_37_1vcy5dzb v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfkf",
148
+ noBorder: "v16_37_1vcy5dzd v16_37_1vcy5dzb v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfkf",
149
+ menuOpen: "v16_37_1vcy5dze v16_37_1vcy5dzb v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfkf"
150
+ }, R = "v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfma v16_37_1y2v1nf9k", U = "v16_37_1vcy5dzv v16_37_1y2v1nfk7 v16_37_1y2v1nfkf v16_37_1y2v1nfjs", W = "v16_37_1vcy5dzz v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk2", w = "v16_37_1vcy5dz11 v16_37_1vcy5dzz v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk2 v16_37_1y2v1nfke", D = "v16_37_1vcy5dzp v16_37_1y2v1nfcc v16_37_1y2v1nfdl v16_37_1y2v1nflb v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfma v16_37_1y2v1nf9k v16_37_1y2v1nfjm", h = {
151
+ default: "v16_37_1vcy5dzq",
152
+ inverse: "v16_37_1vcy5dzr"
153
+ }, F = "v16_37_1y2v1nflb v16_37_1vcy5dz12", H = "v16_37_1vcy5dz15 v16_37_1vcy5dz12", L = {
154
+ default: "v16_37_1vcy5dzs",
155
+ inverse: "v16_37_1vcy5dzt"
156
+ }, V = "v16_37_1vcy5dz9 v16_37_1y2v1nfjo v16_37_1y2v1nfn0 v16_37_1y2v1nfnf v16_37_1y2v1nfnu";
@@ -13,10 +13,10 @@ _export(exports, {
13
13
  return n;
14
14
  },
15
15
  link: function() {
16
- return i;
16
+ return r;
17
17
  },
18
18
  list: function() {
19
- return r;
19
+ return a;
20
20
  },
21
21
  listItem: function() {
22
22
  return f;
@@ -24,4 +24,4 @@ _export(exports, {
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
27
- var n = "v16_36_1_1fniauj3", i = "v16_36_1_1fniauj2", r = "v16_36_1_1fniauj5 v16_36_1_1y2v1nf8l v16_36_1_1y2v1nf9u v16_36_1_1y2v1nfb3 v16_36_1_1y2v1nfcc", f = "v16_36_1_1y2v1nfiv";
27
+ var n = "v16_37_1fniauj3", r = "v16_37_1fniauj2", a = "v16_37_1fniauj5 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc", f = "v16_37_1y2v1nfjv";
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
8
8
  return o;
9
9
  }
10
10
  });
11
- const o = "16.36.1";
11
+ const o = "16.37.0";
@@ -10,35 +10,35 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  disabled: function() {
13
- return i;
13
+ return p;
14
14
  },
15
15
  field: function() {
16
- return p;
16
+ return f;
17
17
  },
18
18
  fieldContainer: function() {
19
- return f;
19
+ return o;
20
20
  },
21
21
  focusedField: function() {
22
- return o;
22
+ return y;
23
23
  },
24
24
  input: function() {
25
- return y;
25
+ return a;
26
26
  },
27
27
  passwordDot: function() {
28
- return a;
28
+ return i;
29
29
  },
30
30
  passwordInput: function() {
31
- return c;
31
+ return m;
32
32
  },
33
33
  pinInputLineHeight: function() {
34
34
  return e;
35
35
  },
36
36
  readOnlyField: function() {
37
- return l;
37
+ return t;
38
38
  }
39
39
  });
40
40
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
41
41
  require("./icon-button.css.ts.vanilla.css-mistica.js");
42
42
  require("./text-field-base.css.ts.vanilla.css-mistica.js");
43
43
  require("./pin-field.css.ts.vanilla.css-mistica.js");
44
- var i = "v16_36_1_3pc6ro1", p = "v16_36_1_3pc6ro3 v16_36_1_1y2v1nflb v16_36_1_1y2v1nfis v16_36_1_1y2v1nflj v16_36_1_1y2v1nfim v16_36_1_1y2v1nf4c", f = "v16_36_1_3pc6ro0", o = "v16_36_1_3pc6ro4 v16_36_1_3pc6ro3 v16_36_1_1y2v1nflb v16_36_1_1y2v1nfis v16_36_1_1y2v1nflj v16_36_1_1y2v1nfim v16_36_1_1y2v1nf4c", y = "v16_36_1_3pc6ro6", a = "v16_36_1_3pc6ro9", c = "v16_36_1_1y2v1nf48", e = "1.000rem", l = "v16_36_1_3pc6ro5 v16_36_1_3pc6ro3 v16_36_1_1y2v1nflb v16_36_1_1y2v1nfis v16_36_1_1y2v1nflj v16_36_1_1y2v1nfim v16_36_1_1y2v1nf4c";
44
+ var p = "v16_37_3pc6ro1", f = "v16_37_3pc6ro3 v16_37_1y2v1nfmb v16_37_1y2v1nfjs v16_37_1y2v1nfmj v16_37_1y2v1nfjm v16_37_1y2v1nf4u", o = "v16_37_3pc6ro0", y = "v16_37_3pc6ro4 v16_37_3pc6ro3 v16_37_1y2v1nfmb v16_37_1y2v1nfjs v16_37_1y2v1nfmj v16_37_1y2v1nfjm v16_37_1y2v1nf4u", a = "v16_37_3pc6ro6", i = "v16_37_3pc6ro9", m = "v16_37_1y2v1nf4q", e = "1.000rem", t = "v16_37_3pc6ro5 v16_37_3pc6ro3 v16_37_1y2v1nfmb v16_37_1y2v1nfjs v16_37_1y2v1nfmj v16_37_1y2v1nfjm v16_37_1y2v1nf4u";
package/dist/pin-field.js CHANGED
@@ -182,8 +182,8 @@ const te = (param)=>{
182
182
  !o || o === t ? m = t : o === t[0] ? m = t.slice(1) : o === t[t.length - 1] && (m = t.slice(0, -1));
183
183
  let I = s, P = r;
184
184
  if (m.length >= 2) {
185
- const N = m.slice(0, i - s);
186
- P = r.slice(0, s) + N, I = Math.min(s + N.length, i - 1);
185
+ const D = m.slice(0, i - s);
186
+ P = r.slice(0, s) + D, I = Math.min(s + D.length, i - 1);
187
187
  } else P = r.slice(0, s) + m + r.slice(s + 1), I = s + 1;
188
188
  P !== r && ((0, _reactdom.flushSync)(()=>{
189
189
  p(P);
@@ -9,4 +9,4 @@ Object.defineProperty(exports, "content", {
9
9
  }
10
10
  });
11
11
  require("./popover.css.ts.vanilla.css-mistica.js");
12
- var o = "v16_36_1_12igu660";
12
+ var o = "v16_37_12igu660";
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  bar: function() {
13
- return r;
13
+ return _;
14
14
  },
15
15
  barBackground: function() {
16
16
  return a;
@@ -27,7 +27,7 @@ _export(exports, {
27
27
  });
28
28
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
29
29
  require("./progress-bar.css.ts.vanilla.css-mistica.js");
30
- var r = "v16_36_1_1y2v1nfjw v16_36_1_1y2v1nflq", a = {
31
- default: "v16_36_1_j0y7r91 v16_36_1_1y2v1nflq v16_36_1_1y2v1nfjz",
32
- inverse: "v16_36_1_j0y7r92 v16_36_1_1y2v1nflq v16_36_1_1y2v1nfjz"
33
- }, n = "v16_36_1_j0y7r97", y = "v16_36_1_j0y7r96", e = "v16_36_1_j0y7r98";
30
+ var _ = "v16_37_1y2v1nfkw v16_37_1y2v1nfmq", a = {
31
+ default: "v16_37_j0y7r91 v16_37_1y2v1nfmq v16_37_1y2v1nfkz",
32
+ inverse: "v16_37_j0y7r92 v16_37_1y2v1nfmq v16_37_1y2v1nfkz"
33
+ }, n = "v16_37_j0y7r97", y = "v16_37_j0y7r96", e = "v16_37_j0y7r98";
@@ -163,7 +163,7 @@ const K = (param)=>{
163
163
  r,
164
164
  e
165
165
  ]);
166
- const k = s && s !== "false" ? {
166
+ const F = s && s !== "false" ? {
167
167
  "aria-hidden": s
168
168
  } : {
169
169
  role: "progressbar",
@@ -176,7 +176,7 @@ const K = (param)=>{
176
176
  };
177
177
  return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(c, "ProgressBarStepped")), {
178
178
  role: "progressbar"
179
- }), k), {
179
+ }), F), {
180
180
  className: _progressbarcssmistica.progressBarSteppedContainer,
181
181
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
182
182
  space: 8,
@@ -22,31 +22,31 @@ _export(exports, {
22
22
  return c;
23
23
  },
24
24
  outerCircleVariants: function() {
25
- return d;
25
+ return m;
26
26
  },
27
27
  radioButton: function() {
28
- return s;
28
+ return d;
29
29
  },
30
30
  radioButtonContainerDisabled: function() {
31
- return u;
31
+ return s;
32
32
  }
33
33
  });
34
34
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
35
35
  require("./radio-button.css.ts.vanilla.css-mistica.js");
36
- var n = "v16_36_1_c6dmsul", f = {
37
- default: "v16_36_1_c6dmsub v16_36_1_1y2v1nfis v16_36_1_1y2v1nflc",
38
- checked: "v16_36_1_c6dmsue v16_36_1_c6dmsub v16_36_1_1y2v1nfis v16_36_1_1y2v1nflc v16_36_1_1y2v1nf5n"
36
+ var n = "v16_37_c6dmsul", f = {
37
+ default: "v16_37_c6dmsub v16_37_1y2v1nfjs v16_37_1y2v1nfmc",
38
+ checked: "v16_37_c6dmsue v16_37_c6dmsub v16_37_1y2v1nfjs v16_37_1y2v1nfmc v16_37_1y2v1nf6g"
39
39
  }, y = {
40
- default: "v16_36_1_c6dmsub v16_36_1_1y2v1nfis v16_36_1_1y2v1nflc",
41
- checked: "v16_36_1_c6dmsuh v16_36_1_c6dmsub v16_36_1_1y2v1nfis v16_36_1_1y2v1nflc v16_36_1_1y2v1nf5p"
40
+ default: "v16_37_c6dmsub v16_37_1y2v1nfjs v16_37_1y2v1nfmc",
41
+ checked: "v16_37_c6dmsuh v16_37_c6dmsub v16_37_1y2v1nfjs v16_37_1y2v1nfmc v16_37_1y2v1nf6i"
42
42
  }, c = {
43
- default: "v16_36_1_c6dmsu6 v16_36_1_c6dmsu1 v16_36_1_1y2v1nfit v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nflt v16_36_1_1y2v1nfja v16_36_1_1y2v1nflc",
44
- ios: "v16_36_1_c6dmsu7 v16_36_1_c6dmsu1 v16_36_1_1y2v1nfit v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nflt v16_36_1_1y2v1nfja v16_36_1_1y2v1nflc",
45
- checked: "v16_36_1_c6dmsu8 v16_36_1_c6dmsu1 v16_36_1_1y2v1nfit v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nflt v16_36_1_1y2v1nfja v16_36_1_1y2v1nflc",
46
- checkedIos: "v16_36_1_c6dmsu9 v16_36_1_c6dmsu1 v16_36_1_1y2v1nfit v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nflt v16_36_1_1y2v1nfja v16_36_1_1y2v1nflc"
47
- }, d = {
48
- default: "v16_36_1_c6dmsu2 v16_36_1_c6dmsu1 v16_36_1_1y2v1nfit v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nflt v16_36_1_1y2v1nfja v16_36_1_1y2v1nflc",
49
- ios: "v16_36_1_c6dmsu3 v16_36_1_c6dmsu1 v16_36_1_1y2v1nfit v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nflt v16_36_1_1y2v1nfja v16_36_1_1y2v1nflc",
50
- checked: "v16_36_1_c6dmsu4 v16_36_1_c6dmsu1 v16_36_1_1y2v1nfit v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nflt v16_36_1_1y2v1nfja v16_36_1_1y2v1nflc",
51
- checkedIos: "v16_36_1_c6dmsu5 v16_36_1_c6dmsu1 v16_36_1_1y2v1nfit v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nflt v16_36_1_1y2v1nfja v16_36_1_1y2v1nflc"
52
- }, s = "v16_36_1_c6dmsuj v16_36_1_c6dmsui", u = "v16_36_1_c6dmsuk v16_36_1_c6dmsui";
43
+ default: "v16_37_c6dmsu6 v16_37_c6dmsu1 v16_37_1y2v1nfjt v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmt v16_37_1y2v1nfka v16_37_1y2v1nfmc",
44
+ ios: "v16_37_c6dmsu7 v16_37_c6dmsu1 v16_37_1y2v1nfjt v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmt v16_37_1y2v1nfka v16_37_1y2v1nfmc",
45
+ checked: "v16_37_c6dmsu8 v16_37_c6dmsu1 v16_37_1y2v1nfjt v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmt v16_37_1y2v1nfka v16_37_1y2v1nfmc",
46
+ checkedIos: "v16_37_c6dmsu9 v16_37_c6dmsu1 v16_37_1y2v1nfjt v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmt v16_37_1y2v1nfka v16_37_1y2v1nfmc"
47
+ }, m = {
48
+ default: "v16_37_c6dmsu2 v16_37_c6dmsu1 v16_37_1y2v1nfjt v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmt v16_37_1y2v1nfka v16_37_1y2v1nfmc",
49
+ ios: "v16_37_c6dmsu3 v16_37_c6dmsu1 v16_37_1y2v1nfjt v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmt v16_37_1y2v1nfka v16_37_1y2v1nfmc",
50
+ checked: "v16_37_c6dmsu4 v16_37_c6dmsu1 v16_37_1y2v1nfjt v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmt v16_37_1y2v1nfka v16_37_1y2v1nfmc",
51
+ checkedIos: "v16_37_c6dmsu5 v16_37_c6dmsu1 v16_37_1y2v1nfjt v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmt v16_37_1y2v1nfka v16_37_1y2v1nfmc"
52
+ }, d = "v16_37_c6dmsuj v16_37_c6dmsui", s = "v16_37_c6dmsuk v16_37_c6dmsui";
@@ -175,8 +175,8 @@ const q = /*#__PURE__*/ _react.createContext({
175
175
  ]);
176
176
  const { id: b, disabled: n, selectedValue: h, focusableValue: g, select: u, selectNext: y, selectPrev: V } = Z(), [o, I] = _react.useState(!1), k = _react.useId(), v = p || k, a = _react.useRef(null), t = e === h, { isIos: x } = (0, _hooks.useTheme)(), f = (0, _themevariantcontext.useIsInverseVariant)(), c = n ? void 0 : g === e || o && !h ? 0 : -1;
177
177
  _react.useEffect(()=>{
178
- var D;
179
- const l = (D = document.getElementById(b)) == null ? void 0 : D.querySelector("[role=radio]");
178
+ var N;
179
+ const l = (N = document.getElementById(b)) == null ? void 0 : N.querySelector("[role=radio]");
180
180
  I(l === a.current);
181
181
  }, [
182
182
  b
@@ -195,7 +195,7 @@ const q = /*#__PURE__*/ _react.createContext({
195
195
  V(), l.preventDefault(), l.stopPropagation();
196
196
  break;
197
197
  }
198
- }, P = x ? t ? "checkedIos" : "ios" : t ? "checked" : "default", S = t ? "checked" : "default", N = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
198
+ }, P = x ? t ? "checkedIos" : "ios" : t ? "checked" : "default", S = t ? "checked" : "default", D = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
199
199
  className: (0, _classnames.default)(f ? _radiobuttoncssmistica.inverseOuterCircleVariants[P] : _radiobuttoncssmistica.outerCircleVariants[P], {
200
200
  [_radiobuttoncssmistica.disabled]: n
201
201
  }),
@@ -220,7 +220,7 @@ const q = /*#__PURE__*/ _react.createContext({
220
220
  className: n ? _radiobuttoncssmistica.radioButtonContainerDisabled : _radiobuttoncssmistica.radioButton
221
221
  }, (0, _dom.getPrefixedDataAttributes)(R, "RadioButton")), {
222
222
  children: m.render ? m.render({
223
- controlElement: N,
223
+ controlElement: D,
224
224
  disabled: !!n,
225
225
  checked: t,
226
226
  labelId: v
@@ -235,7 +235,7 @@ const q = /*#__PURE__*/ _react.createContext({
235
235
  position: "relative",
236
236
  top: -2
237
237
  },
238
- children: N
238
+ children: D
239
239
  })
240
240
  }),
241
241
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
@@ -10,10 +10,10 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  IconWrapper: function() {
13
- return i;
13
+ return r;
14
14
  },
15
15
  disabled: function() {
16
- return r;
16
+ return i;
17
17
  },
18
18
  firstIcon: function() {
19
19
  return a;
@@ -39,6 +39,6 @@ _export(exports, {
39
39
  });
40
40
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
41
41
  require("./rating.css.ts.vanilla.css-mistica.js");
42
- var i = "v16_36_1_igrtie3 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nfj7", r = "v16_36_1_igrtie9", a = "v16_36_1_igrtiea", n = "v16_36_1_igrtie8 v16_36_1_1y2v1nfim", t = "v16_36_1_1y2v1nfim", e = "v16_36_1_igrtie6 v16_36_1_1y2v1nfin", o = "v16_36_1_igrtieb", c = "v16_36_1_igrtiec", f = {
43
- iconSize: "var(--v16_36_1_igrtie0)"
42
+ var r = "v16_37_igrtie3 v16_37_1y2v1nfjs v16_37_1y2v1nfk1 v16_37_1y2v1nfk7", i = "v16_37_igrtie9", a = "v16_37_igrtiea", n = "v16_37_igrtie8 v16_37_1y2v1nfjm", t = "v16_37_1y2v1nfjm", e = "v16_37_igrtie6 v16_37_1y2v1nfjn", o = "v16_37_igrtieb", c = "v16_37_igrtiec", f = {
43
+ iconSize: "var(--v16_37_igrtie0)"
44
44
  };
package/dist/rating.js CHANGED
@@ -189,7 +189,7 @@ const To = 32, _o = 16, yo = 5, Eo = {
189
189
  R
190
190
  ];
191
191
  }, H = (param)=>{
192
- let { icons: i = V, count: e = yo, icon: I = Eo, size: a = To, type: n = "quantitative", dataAttributes: p, onChangeValue: A, defaultValue: F, value: R, disabled: l, role: N, valueLabels: O, withHalfValue: Q, "aria-label": f, "aria-labelledby": S } = param;
192
+ let { icons: i = V, count: e = yo, icon: I = Eo, size: a = To, type: n = "quantitative", dataAttributes: p, onChangeValue: A, defaultValue: F, value: R, disabled: l, role: S, valueLabels: O, withHalfValue: Q, "aria-label": f, "aria-labelledby": L } = param;
193
193
  const { texts: v, t: u } = (0, _hooks.useTheme)(), $ = [
194
194
  v.ratingVeryBadLabel || u(_texttokens.ratingVeryBadLabel),
195
195
  v.ratingBadLabel || u(_texttokens.ratingBadLabel),
@@ -200,12 +200,12 @@ const To = 32, _o = 16, yo = 5, Eo = {
200
200
  length: e
201
201
  }, (o, t)=>(v.ratingQuantitativeLabel || u(_texttokens.ratingQuantitativeLabel)).replace("1$s", String(t + 1)).replace("2$s", String(e))), m = n === "qualitative" ? i : Array.from({
202
202
  length: e
203
- }, ()=>I), g = O !== null && O !== void 0 ? O : n === "qualitative" && (0, _helpers.isEqual)(m, V) ? $ : B, b = N === "radiogroup", _ = b ? 16 : a <= 16 ? 2 : a <= 24 ? 4 : 8, y = (0, _themevariantcontext.useThemeVariant)(), [L, E] = _react.useState(void 0), C = (0, _environment.isTouchableDevice)(), [s, M] = Go({
203
+ }, ()=>I), g = O !== null && O !== void 0 ? O : n === "qualitative" && (0, _helpers.isEqual)(m, V) ? $ : B, b = S === "radiogroup", _ = b ? 16 : a <= 16 ? 2 : a <= 24 ? 4 : 8, y = (0, _themevariantcontext.useThemeVariant)(), [N, E] = _react.useState(void 0), C = (0, _environment.isTouchableDevice)(), [s, M] = Go({
204
204
  value: R,
205
205
  defaultValue: F,
206
206
  iconsCount: m.length,
207
207
  onChangeValue: A
208
- }), j = (o)=>L !== void 0 && !l ? n === "qualitative" && o === L || n === "quantitative" && o <= L ? "active" : "inactive" : n === "qualitative" ? o === s ? "active" : "inactive" : b ? o <= s ? "active" : "inactive" : Q ? o - 0.75 <= s && s < o - 0.25 ? "half" : o - 0.25 <= s ? "active" : "inactive" : o - 0.5 < s ? "active" : "inactive", w = (o, t)=>{
208
+ }), j = (o)=>N !== void 0 && !l ? n === "qualitative" && o === N || n === "quantitative" && o <= N ? "active" : "inactive" : n === "qualitative" ? o === s ? "active" : "inactive" : b ? o <= s ? "active" : "inactive" : Q ? o - 0.75 <= s && s < o - 0.25 ? "half" : o - 0.25 <= s ? "active" : "inactive" : o - 0.5 < s ? "active" : "inactive", w = (o, t)=>{
209
209
  const d = y === "inverse" ? _skincontractcssmistica.vars.colors.inverse : m[t].color, h = y === "inverse" ? _skincontractcssmistica.vars.colors.inverse : b ? _skincontractcssmistica.vars.colors.control : m[0].color;
210
210
  switch(j(t + 1)){
211
211
  case "active":
@@ -271,17 +271,17 @@ const To = 32, _o = 16, yo = 5, Eo = {
271
271
  }
272
272
  }, t) : d;
273
273
  };
274
- return N === "img" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
274
+ return S === "img" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_inline.default, {
275
275
  space: _,
276
276
  dataAttributes: p,
277
- role: N,
278
- "aria-label": f !== null && f !== void 0 ? f : S ? void 0 : `${s} de ${e}`,
279
- "aria-labelledby": f ? void 0 : S,
277
+ role: S,
278
+ "aria-label": f !== null && f !== void 0 ? f : L ? void 0 : `${s} de ${e}`,
279
+ "aria-labelledby": f ? void 0 : L,
280
280
  children: m.map(G)
281
281
  }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.RadioGroup, {
282
282
  name: "info-rating",
283
283
  "aria-label": f,
284
- "aria-labelledby": f ? void 0 : S,
284
+ "aria-labelledby": f ? void 0 : L,
285
285
  disabled: l,
286
286
  onChange: (o)=>{
287
287
  M(g.findIndex((t)=>t === o) + 1);
@@ -10,13 +10,13 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  MOBILE_SIDE_MARGIN: function() {
13
- return v;
13
+ return e;
14
14
  },
15
15
  TABLET_SIDE_MARGIN: function() {
16
- return e;
16
+ return o;
17
17
  },
18
18
  backgroundVariant: function() {
19
- return o;
19
+ return _;
20
20
  },
21
21
  desktopContainer: function() {
22
22
  return a;
@@ -49,13 +49,13 @@ _export(exports, {
49
49
  return M;
50
50
  },
51
51
  responsiveLayoutContainer: function() {
52
- return C;
52
+ return k;
53
53
  }
54
54
  });
55
55
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
56
56
  require("./responsive-layout.css.ts.vanilla.css-mistica.js");
57
- var v = 16, e = 32, o = {
58
- inverse: "v16_36_1_1y2v1nf4l",
59
- media: "v16_36_1_1y2v1nf8k",
60
- alternative: "v16_36_1_1y2v1nf4q"
61
- }, a = "v16_36_1_17lofg77", n = "v16_36_1_17lofg78", t = "v16_36_1_17lofg7a", i = "v16_36_1_17lofg7g v16_36_1_1y2v1nfjf", f = "v16_36_1_17lofg79", l = "v16_36_1_17lofg73", g = "v16_36_1_17lofg72", s = "v16_36_1_17lofg75", p = "v16_36_1_17lofg74", M = "v16_36_1_17lofg7e", C = "v16_36_1_17lofg76";
57
+ var e = 16, o = 32, _ = {
58
+ inverse: "v16_37_1y2v1nf53",
59
+ media: "v16_37_1y2v1nf9k",
60
+ alternative: "v16_37_1y2v1nf58"
61
+ }, a = "v16_37_17lofg77", n = "v16_37_17lofg78", t = "v16_37_17lofg7a", i = "v16_37_17lofg7g v16_37_1y2v1nfkf", f = "v16_37_17lofg79", l = "v16_37_17lofg73", g = "v16_37_17lofg72", s = "v16_37_17lofg75", p = "v16_37_17lofg74", M = "v16_37_17lofg7e", k = "v16_37_17lofg76";