@telefonica/mistica 16.30.0 → 16.31.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 (211) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +6 -6
  3. package/dist/align.css-mistica.js +1 -1
  4. package/dist/avatar.css-mistica.js +1 -1
  5. package/dist/badge.css-mistica.js +1 -1
  6. package/dist/box.css-mistica.js +13 -13
  7. package/dist/boxed.css-mistica.js +24 -24
  8. package/dist/button-group.css-mistica.js +1 -1
  9. package/dist/button-layout.css-mistica.js +13 -13
  10. package/dist/button.css-mistica.js +16 -16
  11. package/dist/button.d.ts +4 -0
  12. package/dist/button.js +11 -10
  13. package/dist/callout.css-mistica.js +5 -5
  14. package/dist/card.css-mistica.js +3 -3
  15. package/dist/card.d.ts +22 -0
  16. package/dist/card.js +491 -424
  17. package/dist/carousel.css-mistica.js +6 -6
  18. package/dist/checkbox.css-mistica.js +7 -7
  19. package/dist/chip.css-mistica.js +12 -12
  20. package/dist/circle.css-mistica.js +1 -1
  21. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  22. package/dist/community/blocks.css-mistica.js +1 -1
  23. package/dist/community/example-component.css-mistica.js +1 -1
  24. package/dist/counter.css-mistica.js +1 -1
  25. package/dist/cover-hero.css-mistica.js +3 -3
  26. package/dist/credit-card-number-field.css-mistica.js +3 -3
  27. package/dist/date-field.css-mistica.js +1 -1
  28. package/dist/date-time-picker.css-mistica.js +1 -1
  29. package/dist/dialog-context.js +32 -27
  30. package/dist/dialog.css-mistica.js +4 -4
  31. package/dist/dialog.d.ts +1 -0
  32. package/dist/divider.css-mistica.js +2 -2
  33. package/dist/double-field.css-mistica.js +2 -2
  34. package/dist/drawer.css-mistica.js +1 -1
  35. package/dist/drawer.d.ts +5 -0
  36. package/dist/empty-state-card.css-mistica.js +1 -1
  37. package/dist/empty-state.css-mistica.js +5 -5
  38. package/dist/fade-in.css-mistica.js +1 -1
  39. package/dist/feedback.css-mistica.js +1 -1
  40. package/dist/fixed-footer-layout.css-mistica.js +4 -4
  41. package/dist/form.css-mistica.js +1 -1
  42. package/dist/grid-layout.css-mistica.js +3 -3
  43. package/dist/grid.css-mistica.js +122 -122
  44. package/dist/header.css-mistica.js +1 -1
  45. package/dist/hero.css-mistica.js +2 -2
  46. package/dist/highlighted-card.css-mistica.js +4 -4
  47. package/dist/horizontal-scroll.css-mistica.js +1 -1
  48. package/dist/icon-button.css-mistica.js +42 -42
  49. package/dist/icon-button.js +43 -47
  50. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  51. package/dist/icons/icon-error.css-mistica.js +1 -1
  52. package/dist/image.css-mistica.js +3 -3
  53. package/dist/inline.css-mistica.js +10 -10
  54. package/dist/list.css-mistica.js +1 -1
  55. package/dist/list.d.ts +10 -5
  56. package/dist/list.js +79 -76
  57. package/dist/loading-bar.css-mistica.js +1 -1
  58. package/dist/loading-screen.css-mistica.js +4 -4
  59. package/dist/logo.css-mistica.js +5 -5
  60. package/dist/maybe-dismissable.css-mistica.js +1 -1
  61. package/dist/menu.css-mistica.js +12 -12
  62. package/dist/mosaic.css-mistica.js +1 -1
  63. package/dist/navigation-bar.css-mistica.js +16 -16
  64. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  65. package/dist/package-version.js +1 -1
  66. package/dist/pin-field.css-mistica.js +1 -1
  67. package/dist/popover.css-mistica.js +1 -1
  68. package/dist/progress-bar.css-mistica.js +4 -4
  69. package/dist/radio-button.css-mistica.js +14 -14
  70. package/dist/rating.css-mistica.js +2 -2
  71. package/dist/responsive-layout.css-mistica.js +4 -4
  72. package/dist/screen-reader-only.css-mistica.js +1 -1
  73. package/dist/select.css-mistica.js +15 -15
  74. package/dist/sheet-action-row.css-mistica.js +1 -1
  75. package/dist/sheet-common.css-mistica.js +1 -1
  76. package/dist/sheet-info.css-mistica.js +1 -1
  77. package/dist/sheet-root.js +42 -38
  78. package/dist/skeletons.css-mistica.js +4 -4
  79. package/dist/skins/skin-contract.css-mistica.js +354 -354
  80. package/dist/slider.css-mistica.js +10 -10
  81. package/dist/snackbar.css-mistica.js +4 -4
  82. package/dist/spinner.css-mistica.js +1 -1
  83. package/dist/stack.css-mistica.js +5 -5
  84. package/dist/stacking-group.css-mistica.js +1 -1
  85. package/dist/stepper.css-mistica.js +12 -9
  86. package/dist/stepper.css.d.ts +1 -0
  87. package/dist/stepper.d.ts +4 -2
  88. package/dist/stepper.js +54 -39
  89. package/dist/switch-component.css-mistica.js +26 -26
  90. package/dist/table.css-mistica.js +8 -8
  91. package/dist/tabs.css-mistica.js +12 -12
  92. package/dist/tabs.d.ts +15 -1
  93. package/dist/tabs.js +154 -81
  94. package/dist/tag.css-mistica.js +1 -1
  95. package/dist/text-field-base.css-mistica.js +1 -1
  96. package/dist/text-field-components.css-mistica.js +3 -3
  97. package/dist/text-link.css-mistica.js +5 -5
  98. package/dist/text-tokens.d.ts +4 -0
  99. package/dist/text-tokens.js +89 -73
  100. package/dist/text.css-mistica.js +7 -7
  101. package/dist/theme-context.css-mistica.js +394 -394
  102. package/dist/timeline.css-mistica.js +10 -10
  103. package/dist/timer.css-mistica.js +6 -6
  104. package/dist/tooltip.css-mistica.js +1 -1
  105. package/dist/touchable.css-mistica.js +1 -1
  106. package/dist/touchable.d.ts +5 -2
  107. package/dist/touchable.js +53 -53
  108. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  109. package/dist/video.css-mistica.js +1 -1
  110. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  111. package/dist-es/accordion.css-mistica.js +6 -6
  112. package/dist-es/align.css-mistica.js +1 -1
  113. package/dist-es/avatar.css-mistica.js +1 -1
  114. package/dist-es/badge.css-mistica.js +1 -1
  115. package/dist-es/box.css-mistica.js +13 -13
  116. package/dist-es/boxed.css-mistica.js +23 -23
  117. package/dist-es/button-group.css-mistica.js +1 -1
  118. package/dist-es/button-layout.css-mistica.js +13 -13
  119. package/dist-es/button.css-mistica.js +16 -16
  120. package/dist-es/button.js +15 -14
  121. package/dist-es/callout.css-mistica.js +5 -5
  122. package/dist-es/card.css-mistica.js +3 -3
  123. package/dist-es/card.js +627 -559
  124. package/dist-es/carousel.css-mistica.js +6 -6
  125. package/dist-es/checkbox.css-mistica.js +7 -7
  126. package/dist-es/chip.css-mistica.js +12 -12
  127. package/dist-es/circle.css-mistica.js +1 -1
  128. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  129. package/dist-es/community/blocks.css-mistica.js +1 -1
  130. package/dist-es/community/example-component.css-mistica.js +1 -1
  131. package/dist-es/counter.css-mistica.js +1 -1
  132. package/dist-es/cover-hero.css-mistica.js +3 -3
  133. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  134. package/dist-es/date-field.css-mistica.js +1 -1
  135. package/dist-es/date-time-picker.css-mistica.js +1 -1
  136. package/dist-es/dialog-context.js +33 -28
  137. package/dist-es/dialog.css-mistica.js +4 -4
  138. package/dist-es/divider.css-mistica.js +2 -2
  139. package/dist-es/double-field.css-mistica.js +2 -2
  140. package/dist-es/drawer.css-mistica.js +1 -1
  141. package/dist-es/empty-state-card.css-mistica.js +1 -1
  142. package/dist-es/empty-state.css-mistica.js +5 -5
  143. package/dist-es/fade-in.css-mistica.js +1 -1
  144. package/dist-es/feedback.css-mistica.js +1 -1
  145. package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
  146. package/dist-es/form.css-mistica.js +1 -1
  147. package/dist-es/grid-layout.css-mistica.js +3 -3
  148. package/dist-es/grid.css-mistica.js +122 -122
  149. package/dist-es/header.css-mistica.js +1 -1
  150. package/dist-es/hero.css-mistica.js +2 -2
  151. package/dist-es/highlighted-card.css-mistica.js +4 -4
  152. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  153. package/dist-es/icon-button.css-mistica.js +42 -42
  154. package/dist-es/icon-button.js +52 -56
  155. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  156. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  157. package/dist-es/image.css-mistica.js +3 -3
  158. package/dist-es/inline.css-mistica.js +10 -10
  159. package/dist-es/list.css-mistica.js +1 -1
  160. package/dist-es/list.js +111 -108
  161. package/dist-es/loading-bar.css-mistica.js +1 -1
  162. package/dist-es/loading-screen.css-mistica.js +4 -4
  163. package/dist-es/logo.css-mistica.js +5 -5
  164. package/dist-es/maybe-dismissable.css-mistica.js +1 -1
  165. package/dist-es/menu.css-mistica.js +12 -12
  166. package/dist-es/mosaic.css-mistica.js +1 -1
  167. package/dist-es/navigation-bar.css-mistica.js +16 -16
  168. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  169. package/dist-es/package-version.js +1 -1
  170. package/dist-es/pin-field.css-mistica.js +1 -1
  171. package/dist-es/popover.css-mistica.js +1 -1
  172. package/dist-es/progress-bar.css-mistica.js +4 -4
  173. package/dist-es/radio-button.css-mistica.js +14 -14
  174. package/dist-es/rating.css-mistica.js +2 -2
  175. package/dist-es/responsive-layout.css-mistica.js +4 -4
  176. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  177. package/dist-es/select.css-mistica.js +15 -15
  178. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  179. package/dist-es/sheet-common.css-mistica.js +1 -1
  180. package/dist-es/sheet-info.css-mistica.js +1 -1
  181. package/dist-es/sheet-root.js +44 -40
  182. package/dist-es/skeletons.css-mistica.js +4 -4
  183. package/dist-es/skins/skin-contract.css-mistica.js +354 -354
  184. package/dist-es/slider.css-mistica.js +10 -10
  185. package/dist-es/snackbar.css-mistica.js +4 -4
  186. package/dist-es/spinner.css-mistica.js +1 -1
  187. package/dist-es/stack.css-mistica.js +5 -5
  188. package/dist-es/stacking-group.css-mistica.js +1 -1
  189. package/dist-es/stepper.css-mistica.js +3 -3
  190. package/dist-es/stepper.js +76 -60
  191. package/dist-es/style.css +1 -1
  192. package/dist-es/switch-component.css-mistica.js +26 -26
  193. package/dist-es/table.css-mistica.js +8 -8
  194. package/dist-es/tabs.css-mistica.js +12 -12
  195. package/dist-es/tabs.js +166 -93
  196. package/dist-es/tag.css-mistica.js +1 -1
  197. package/dist-es/text-field-base.css-mistica.js +1 -1
  198. package/dist-es/text-field-components.css-mistica.js +3 -3
  199. package/dist-es/text-link.css-mistica.js +5 -5
  200. package/dist-es/text-tokens.js +47 -37
  201. package/dist-es/text.css-mistica.js +7 -7
  202. package/dist-es/theme-context.css-mistica.js +394 -394
  203. package/dist-es/timeline.css-mistica.js +10 -10
  204. package/dist-es/timer.css-mistica.js +6 -6
  205. package/dist-es/tooltip.css-mistica.js +1 -1
  206. package/dist-es/touchable.css-mistica.js +1 -1
  207. package/dist-es/touchable.js +67 -67
  208. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  209. package/dist-es/video.css-mistica.js +1 -1
  210. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  211. package/package.json +1 -1
@@ -36,14 +36,14 @@ _export(exports, {
36
36
  });
37
37
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
38
38
  require("./timeline.css.ts.vanilla.css-mistica.js");
39
- var t = "v16_30_w6pat2b", a = "v16_30_w6pat2d v16_30_1y2v1nfjp v16_30_1y2v1nfk5 v16_30_1y2v1nflc v16_30_1y2v1nfis v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nf4c", e = "v16_30_w6pat25 v16_30_1y2v1nfje v16_30_1y2v1nfl5 v16_30_1y2v1nfa3", n = {
40
- default: "v16_30_w6pat2g v16_30_w6pat2f v16_30_1y2v1nfje",
41
- inverse: "v16_30_w6pat2h v16_30_w6pat2f v16_30_1y2v1nfje"
42
- }, i = "v16_30_w6pat2a v16_30_1y2v1nfis v16_30_1y2v1nfj7", f = {
43
- vertical: "v16_30_w6pat20",
44
- horizontal: "v16_30_w6pat21"
45
- }, p = "v16_30_w6pat23 v16_30_1y2v1nfis v16_30_1y2v1nfj5", r = {
46
- active: "v16_30_w6pat26",
47
- inactive: "v16_30_w6pat27",
48
- completed: "v16_30_w6pat28"
39
+ var t = "v16_31_w6pat2b", a = "v16_31_w6pat2d v16_31_1y2v1nfjp v16_31_1y2v1nfk5 v16_31_1y2v1nflc v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nf4c", e = "v16_31_w6pat25 v16_31_1y2v1nfje v16_31_1y2v1nfl5 v16_31_1y2v1nfa3", n = {
40
+ default: "v16_31_w6pat2g v16_31_w6pat2f v16_31_1y2v1nfje",
41
+ inverse: "v16_31_w6pat2h v16_31_w6pat2f v16_31_1y2v1nfje"
42
+ }, i = "v16_31_w6pat2a v16_31_1y2v1nfis v16_31_1y2v1nfj7", f = {
43
+ vertical: "v16_31_w6pat20",
44
+ horizontal: "v16_31_w6pat21"
45
+ }, p = "v16_31_w6pat23 v16_31_1y2v1nfis v16_31_1y2v1nfj5", r = {
46
+ active: "v16_31_w6pat26",
47
+ inactive: "v16_31_w6pat27",
48
+ completed: "v16_31_w6pat28"
49
49
  };
@@ -33,9 +33,9 @@ _export(exports, {
33
33
  });
34
34
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
35
35
  require("./timer.css.ts.vanilla.css-mistica.js");
36
- var y = "v16_30_18fye848", f = {
37
- default: "v16_30_18fye84a v16_30_1y2v1nfb9 v16_30_1y2v1nfci v16_30_1y2v1nf8u v16_30_1y2v1nfa3 v16_30_1y2v1nflk v16_30_1y2v1nf7d",
38
- inverse: "v16_30_18fye84a v16_30_1y2v1nfb9 v16_30_1y2v1nfci v16_30_1y2v1nf8u v16_30_1y2v1nfa3 v16_30_1y2v1nflk v16_30_1y2v1nf4c",
39
- alternative: "v16_30_18fye84a v16_30_1y2v1nfb9 v16_30_1y2v1nfci v16_30_1y2v1nf8u v16_30_1y2v1nfa3 v16_30_1y2v1nflk v16_30_1y2v1nf4c",
40
- media: "v16_30_18fye84a v16_30_1y2v1nfb9 v16_30_1y2v1nfci v16_30_1y2v1nf8u v16_30_1y2v1nfa3 v16_30_1y2v1nflk v16_30_18fye84e"
41
- }, n = "v16_30_18fye841", e = "v16_30_18fye841 v16_30_1y2v1nfiw", a = "v16_30_1y2v1nfis v16_30_1y2v1nfiy v16_30_1y2v1nfj7", i = "v16_30_1y2v1nfiw", r = "v16_30_18fye841 v16_30_1y2v1nfit v16_30_1y2v1nfj1";
36
+ var y = "v16_31_18fye848", f = {
37
+ default: "v16_31_18fye84a v16_31_1y2v1nfb9 v16_31_1y2v1nfci v16_31_1y2v1nf8u v16_31_1y2v1nfa3 v16_31_1y2v1nflk v16_31_1y2v1nf7d",
38
+ inverse: "v16_31_18fye84a v16_31_1y2v1nfb9 v16_31_1y2v1nfci v16_31_1y2v1nf8u v16_31_1y2v1nfa3 v16_31_1y2v1nflk v16_31_1y2v1nf4c",
39
+ alternative: "v16_31_18fye84a v16_31_1y2v1nfb9 v16_31_1y2v1nfci v16_31_1y2v1nf8u v16_31_1y2v1nfa3 v16_31_1y2v1nflk v16_31_1y2v1nf4c",
40
+ media: "v16_31_18fye84a v16_31_1y2v1nfb9 v16_31_1y2v1nfci v16_31_1y2v1nf8u v16_31_1y2v1nfa3 v16_31_1y2v1nflk v16_31_18fye84e"
41
+ }, n = "v16_31_18fye841", e = "v16_31_18fye841 v16_31_1y2v1nfiw", a = "v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfj7", i = "v16_31_1y2v1nfiw", r = "v16_31_18fye841 v16_31_1y2v1nfit v16_31_1y2v1nfj1";
@@ -42,7 +42,7 @@ _export(exports, {
42
42
  });
43
43
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
44
44
  require("./tooltip.css.ts.vanilla.css-mistica.js");
45
- var n = 40, t = "v16_30_1xhatbpb v16_30_1y2v1nfjl v16_30_1y2v1nfk1 v16_30_1y2v1nfin v16_30_1y2v1nfm0 v16_30_1y2v1nf4c", a = "v16_30_1xhatbp9 v16_30_1y2v1nfin v16_30_1y2v1nfjn v16_30_1y2v1nflu", i = "v16_30_1xhatbpd v16_30_1y2v1nfin", o = "v16_30_1xhatbp1 v16_30_1y2v1nfin", r = "v16_30_1xhatbp6", y = "v16_30_1xhatbp5 v16_30_1y2v1nfim v16_30_1y2v1nflu", e = "v16_30_1xhatbp3 v16_30_1y2v1nfim v16_30_1y2v1nflm v16_30_1y2v1nf4c", f = "v16_30_1y2v1nfis v16_30_1y2v1nfiy v16_30_1y2v1nfj7", p = {
45
+ var n = 40, t = "v16_31_1xhatbpb v16_31_1y2v1nfjl v16_31_1y2v1nfk1 v16_31_1y2v1nfin v16_31_1y2v1nfm0 v16_31_1y2v1nf4c", a = "v16_31_1xhatbp9 v16_31_1y2v1nfin v16_31_1y2v1nfjn v16_31_1y2v1nflu", i = "v16_31_1xhatbpd v16_31_1y2v1nfin", o = "v16_31_1xhatbp1 v16_31_1y2v1nfin", r = "v16_31_1xhatbp6", y = "v16_31_1xhatbp5 v16_31_1y2v1nfim v16_31_1y2v1nflu", e = "v16_31_1xhatbp3 v16_31_1y2v1nfim v16_31_1y2v1nflm v16_31_1y2v1nf4c", f = "v16_31_1y2v1nfis v16_31_1y2v1nfiy v16_31_1y2v1nfj7", p = {
46
46
  entering: {
47
47
  opacity: 1
48
48
  },
@@ -24,4 +24,4 @@ _export(exports, {
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./touchable.css.ts.vanilla.css-mistica.js");
27
- var n = "v16_30_mhti6u2 v16_30_1y2v1nflt", f = "v16_30_mhti6u0", t = "v16_30_mhti6u5", y = "v16_30_mhti6u2 v16_30_1y2v1nflt v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiu v16_30_1y2v1nfla v16_30_1y2v1nfjf v16_30_1y2v1nf49 v16_30_1y2v1nf8k v16_30_1y2v1nflv";
27
+ var n = "v16_31_mhti6u2 v16_31_1y2v1nflt", f = "v16_31_mhti6u0", t = "v16_31_mhti6u5", y = "v16_31_mhti6u2 v16_31_1y2v1nflt v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiu v16_31_1y2v1nfla v16_31_1y2v1nfjf v16_31_1y2v1nf49 v16_31_1y2v1nf8k v16_31_1y2v1nflv";
@@ -6,6 +6,7 @@ export type PressHandler = (event: React.MouseEvent<HTMLElement>) => void | unde
6
6
  interface CommonProps {
7
7
  children: React.ReactNode;
8
8
  className?: string;
9
+ id?: string;
9
10
  disabled?: boolean;
10
11
  style?: React.CSSProperties;
11
12
  trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
@@ -21,6 +22,8 @@ interface CommonProps {
21
22
  'aria-labelledby'?: string;
22
23
  'aria-live'?: 'polite' | 'off' | 'assertive';
23
24
  'aria-current'?: React.AriaAttributes['aria-current'];
25
+ 'aria-description'?: string;
26
+ 'aria-describedby'?: string;
24
27
  /** IMPORTANT: try to avoid using role="link" with onPress and first consider other alternatives like to/href + onNavigate */
25
28
  role?: string;
26
29
  type?: 'button' | 'submit';
@@ -49,8 +52,8 @@ type SubmitProps = {
49
52
  formId?: string;
50
53
  onPress?: PressHandler;
51
54
  };
52
- export type AlwaysTouchableComponentProps = ExclusifyUnion<OnPressProps | HrefProps | ToProps> & Pick<CommonProps, 'trackingEvent' | 'dataAttributes' | 'role' | 'aria-label'>;
53
- export type TouchableComponentProps<Props> = ExclusifyUnion<Props | (OnPressProps & Props) | (HrefProps & Props) | (ToProps & Props)> & Pick<CommonProps, 'trackingEvent' | 'dataAttributes' | 'role' | 'aria-label'>;
55
+ export type AlwaysTouchableComponentProps = ExclusifyUnion<OnPressProps | HrefProps | ToProps> & Pick<CommonProps, 'trackingEvent' | 'dataAttributes' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-description' | 'aria-describedby' | 'aria-current'>;
56
+ export type TouchableComponentProps<Props> = ExclusifyUnion<Props | (OnPressProps & Props) | (HrefProps & Props) | (ToProps & Props)> & Pick<CommonProps, 'trackingEvent' | 'dataAttributes' | 'role' | 'aria-label' | 'aria-labelledby' | 'aria-description' | 'aria-describedby' | 'aria-current'>;
54
57
  type Maybe<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K> & {
55
58
  maybe: true;
56
59
  };
package/dist/touchable.js CHANGED
@@ -11,10 +11,10 @@ function _export(target, all) {
11
11
  }
12
12
  _export(exports, {
13
13
  BaseTouchable: function() {
14
- return le;
14
+ return ce;
15
15
  },
16
16
  default: function() {
17
- return ce;
17
+ return oe;
18
18
  }
19
19
  });
20
20
  const _jsxruntime = require("react/jsx-runtime");
@@ -153,100 +153,102 @@ function _object_without_properties_loose(source, excluded) {
153
153
  }
154
154
  return target;
155
155
  }
156
- const I = /*#__PURE__*/ _react.forwardRef((e, t)=>{
157
- var O;
158
- const { texts: d, analytics: R, platformOverrides: x, Link: D, useHrefDecorator: A, t: h } = (0, _hooks.useTheme)(), H = A(), b = _react.useRef(!1);
156
+ const R = /*#__PURE__*/ _react.forwardRef((e, t)=>{
157
+ var C;
158
+ const { texts: d, analytics: x, platformOverrides: D, Link: A, useHrefDecorator: H, t: g } = (0, _hooks.useTheme)(), K = H(), s = _react.useRef(!1);
159
159
  let r = [];
160
160
  e.trackingEvent && (Array.isArray(e.trackingEvent) ? r = e.trackingEvent : r = [
161
161
  e.trackingEvent
162
162
  ]);
163
163
  const f = e.children, i = _object_spread({
164
164
  className: e.className,
165
+ id: e.id,
165
166
  disabled: e.disabled,
166
167
  style: e.style,
167
168
  role: e.role,
169
+ tabIndex: e.tabIndex,
170
+ "aria-hidden": e["aria-hidden"],
171
+ "aria-live": e["aria-live"]
172
+ }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), m = {
168
173
  "aria-checked": e["aria-checked"],
169
174
  "aria-disabled": e.disabled ? !0 : void 0,
170
175
  "aria-controls": e["aria-controls"],
171
176
  "aria-expanded": e["aria-expanded"],
172
177
  "aria-haspopup": e["aria-haspopup"],
173
- "aria-hidden": e["aria-hidden"],
174
178
  "aria-selected": e["aria-selected"],
175
- "aria-live": e["aria-live"],
176
179
  "aria-current": e["aria-current"],
177
- tabIndex: e.tabIndex
178
- }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), g = e.type ? e.type : "button", l = !!e.newTab, K = (O = e.href) == null ? void 0 : O.startsWith("#"), k = !l && !!e.href && !!e.loadOnTop, m = (a)=>{
180
+ "aria-label": e["aria-label"],
181
+ "aria-labelledby": e["aria-labelledby"],
182
+ "aria-description": e["aria-description"],
183
+ "aria-describedby": e["aria-describedby"]
184
+ }, k = e.type ? e.type : "button", l = !!e.newTab, S = (C = e.href) == null ? void 0 : C.startsWith("#"), v = !l && !!e.href && !!e.loadOnTop, b = (a)=>{
179
185
  e.stopPropagation && a.stopPropagation();
180
- }, v = (a)=>{
186
+ }, y = (a)=>{
181
187
  e.onPress && e.onPress(a);
182
- }, y = ()=>{
188
+ }, N = ()=>{
183
189
  var _e_to_pathname;
184
- return e.href ? H(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
185
- }, N = ()=>Promise.all(r.map((a)=>R.logEvent(a))), T = (a)=>{
186
- b.current || (b.current = !0, N().finally(()=>{
187
- b.current = !1, a();
190
+ return e.href ? K(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
191
+ }, P = ()=>Promise.all(r.map((a)=>x.logEvent(a))), T = (a)=>{
192
+ s.current || (s.current = !0, P().finally(()=>{
193
+ s.current = !1, a();
188
194
  }));
189
- }, S = (a)=>{
190
- if (m(a), !r.length) {
191
- v(a);
195
+ }, W = (a)=>{
196
+ if (b(a), !r.length) {
197
+ y(a);
192
198
  return;
193
199
  }
194
- T(()=>v(a));
195
- }, W = (a)=>{
200
+ T(()=>y(a));
201
+ }, _ = (a)=>{
196
202
  var c;
197
- m(a);
203
+ b(a);
198
204
  const u = !!(e.href && e.onNavigate);
199
205
  !r.length && !u || (a.preventDefault(), Promise.resolve(u ? (c = e.onNavigate) == null ? void 0 : c.call(e) : void 0).finally(()=>{
200
- T(()=>(0, _browser.redirect)(y(), l, k));
206
+ T(()=>(0, _browser.redirect)(N(), l, v));
201
207
  }));
202
- }, _ = (a)=>{
203
- m(a), e.to && e.onNavigate && e.onNavigate(), N();
204
- }, P = (a)=>{
208
+ }, j = (a)=>{
209
+ b(a), e.to && e.onNavigate && e.onNavigate(), P();
210
+ }, w = (a)=>{
205
211
  (a.key === _keys.ENTER || a.key === _keys.SPACE) && (a.preventDefault(), a.currentTarget.click());
206
- }, w = ()=>l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
212
+ }, O = ()=>l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
207
213
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
208
- children: d.linkOpensInNewTab || h(_texttokens.linkOpensInNewTab)
214
+ children: d.linkOpensInNewTab || g(_texttokens.linkOpensInNewTab)
209
215
  })
210
- }) : K ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
216
+ }) : S ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
211
217
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
212
- children: d.linkOpensInCurrentPage || h(_texttokens.linkOpensInCurrentPage)
218
+ children: d.linkOpensInCurrentPage || g(_texttokens.linkOpensInCurrentPage)
213
219
  })
214
220
  }) : null;
215
- if (e.href || e.to && e.fullPageOnWebView && (0, _platform.isInsideNovumNativeApp)(x)) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("a", _object_spread_props(_object_spread({}, i), {
216
- "aria-label": e["aria-label"],
217
- "aria-labelledby": e["aria-labelledby"],
218
- onClick: W,
219
- onKeyDown: P,
220
- href: e.disabled ? void 0 : y(),
221
+ if (e.href || e.to && e.fullPageOnWebView && (0, _platform.isInsideNovumNativeApp)(D)) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("a", _object_spread_props(_object_spread({}, i, m), {
222
+ onClick: _,
223
+ onKeyDown: w,
224
+ href: e.disabled ? void 0 : N(),
221
225
  target: (()=>{
222
226
  if (l) return "_blank";
223
- if (k) return "_top";
227
+ if (v) return "_top";
224
228
  })(),
225
229
  rel: l ? "noopener noreferrer" : void 0,
226
230
  ref: t,
227
231
  children: [
228
232
  f,
229
- w()
233
+ O()
230
234
  ]
231
235
  }));
232
- if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(D, _object_spread_props(_object_spread({}, i), {
236
+ if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(A, _object_spread_props(_object_spread({}, i, m), {
233
237
  target: e.newTab ? "_blank" : void 0,
234
- "aria-label": e["aria-label"],
235
- "aria-labelledby": e["aria-labelledby"],
236
238
  innerRef: t,
237
239
  to: e.disabled ? "" : e.to,
238
240
  replace: e.replace,
239
- onClick: _,
240
- onKeyDown: P,
241
+ onClick: j,
242
+ onKeyDown: w,
241
243
  children: [
242
244
  f,
243
- w()
245
+ O()
244
246
  ]
245
247
  }));
246
248
  if (e.onPress) {
247
249
  var _e_as, _i_role;
248
250
  const a = (_e_as = e.as) !== null && _e_as !== void 0 ? _e_as : "button", u = (_i_role = i.role) !== null && _i_role !== void 0 ? _i_role : e.as === "a" ? "button" : void 0;
249
- return /*#__PURE__*/ _react.createElement(a, _object_spread_props(_object_spread({}, i), {
251
+ return /*#__PURE__*/ _react.createElement(a, _object_spread_props(_object_spread({}, i, m), {
250
252
  role: u,
251
253
  // When an <a/> is rendered without an href value, the element is not accesible
252
254
  // by keyboard (using tab key). We add a fictional href to "#" to avoid this.
@@ -255,13 +257,11 @@ const I = /*#__PURE__*/ _react.forwardRef((e, t)=>{
255
257
  // is located outside the <form> element, for example if you use
256
258
  // a ButtonFixedFooter layout inside a form with the submit
257
259
  // button located at the footer, which is redered using a Portal
258
- form: g === "submit" && e.formId ? e.formId : void 0,
259
- "aria-label": e["aria-label"],
260
- "aria-labelledby": e["aria-labelledby"],
261
- type: g,
260
+ form: k === "submit" && e.formId ? e.formId : void 0,
261
+ type: k,
262
262
  ref: t,
263
263
  onClick: (c)=>{
264
- a === "a" && c.preventDefault(), S(c);
264
+ a === "a" && c.preventDefault(), W(c);
265
265
  },
266
266
  children: f
267
267
  }));
@@ -271,17 +271,17 @@ const I = /*#__PURE__*/ _react.forwardRef((e, t)=>{
271
271
  className: (0, _classnames.default)(i.className, _touchablecssmistica.notTouchable),
272
272
  children: f
273
273
  }));
274
- }), U = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, e), {
274
+ }), X = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, e), {
275
275
  className: (0, _classnames.default)(_touchablecssmistica.touchable, e.className),
276
276
  ref: t
277
- }))), le = /*#__PURE__*/ _react.forwardRef((_param, d)=>{
277
+ }))), ce = /*#__PURE__*/ _react.forwardRef((_param, d)=>{
278
278
  var { resetMargin: e = !0 } = _param, t = _object_without_properties(_param, [
279
279
  "resetMargin"
280
280
  ]);
281
- return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, t), {
281
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, t), {
282
282
  className: (0, _classnames.default)(_touchablecssmistica.base, t.className, {
283
283
  [_touchablecssmistica.marginReset]: e
284
284
  }),
285
285
  ref: d
286
286
  }));
287
- }), ce = U;
287
+ }), oe = X;
@@ -24,6 +24,6 @@ _export(exports, {
24
24
  });
25
25
  require("../sprinkles.css.ts.vanilla.css-mistica.js");
26
26
  require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
27
- var r = "v16_30_yqswj62", a = "v16_30_1y2v1nfjf v16_30_1y2v1nfjw v16_30_1y2v1nfm0 v16_30_1y2v1nfmf", n = {
28
- aspectRatio: "var(--v16_30_yqswj60)"
29
- }, f = "v16_30_1y2v1nflu v16_30_1y2v1nfl7 v16_30_1y2v1nfl8 v16_30_1y2v1nfim";
27
+ var r = "v16_31_yqswj62", a = "v16_31_1y2v1nfjf v16_31_1y2v1nfjw v16_31_1y2v1nfm0 v16_31_1y2v1nfmf", n = {
28
+ aspectRatio: "var(--v16_31_yqswj60)"
29
+ }, f = "v16_31_1y2v1nflu v16_31_1y2v1nfl7 v16_31_1y2v1nfl8 v16_31_1y2v1nfim";
@@ -9,4 +9,4 @@ Object.defineProperty(exports, "video", {
9
9
  }
10
10
  });
11
11
  require("./sprinkles.css.ts.vanilla.css-mistica.js");
12
- var _ = "v16_30_1y2v1nfm0 v16_30_1y2v1nfmf v16_30_1y2v1nfiu v16_30_1y2v1nf8k v16_30_1y2v1nfl7 v16_30_1y2v1nfl8 v16_30_1y2v1nfno";
12
+ var _ = "v16_31_1y2v1nfm0 v16_31_1y2v1nfmf v16_31_1y2v1nfiu v16_31_1y2v1nf8k v16_31_1y2v1nfl7 v16_31_1y2v1nfl8 v16_31_1y2v1nfno";
@@ -17,4 +17,4 @@ _export(exports, {
17
17
  }
18
18
  });
19
19
  require("./vivinho-loading-animation.css.ts.vanilla.css-mistica.js");
20
- var a = "v16_30_1ezqdj90", r = "v16_30_1ezqdj91";
20
+ var a = "v16_31_1ezqdj90", r = "v16_31_1ezqdj91";
@@ -1,9 +1,9 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./accordion.css.ts.vanilla.css-mistica.js";
3
- var n = "v16_30_1y2v1nfjf", s = "v16_30_8s3szx1", e = "v16_30_8s3szx5", a = "v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfjf v16_30_1y2v1nfla v16_30_1y2v1nf8k v16_30_1y2v1nfiu v16_30_1y2v1nfjw", r = "v16_30_8s3szxb", t = "v16_30_8s3szx6", o = {
4
- enter: "v16_30_8s3szx7",
5
- enterActive: "v16_30_8s3szx8",
6
- exit: "v16_30_8s3szx9",
7
- exitActive: "v16_30_8s3szxa"
8
- }, i = "v16_30_8s3szx4", x = "v16_30_8s3szx2", f = "v16_30_8s3szx3";
3
+ var n = "v16_31_1y2v1nfjf", s = "v16_31_8s3szx1", e = "v16_31_8s3szx5", a = "v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfjf v16_31_1y2v1nfla v16_31_1y2v1nf8k v16_31_1y2v1nfiu v16_31_1y2v1nfjw", r = "v16_31_8s3szxb", t = "v16_31_8s3szx6", o = {
4
+ enter: "v16_31_8s3szx7",
5
+ enterActive: "v16_31_8s3szx8",
6
+ exit: "v16_31_8s3szx9",
7
+ exitActive: "v16_31_8s3szxa"
8
+ }, i = "v16_31_8s3szx4", x = "v16_31_8s3szx2", f = "v16_31_8s3szx3";
9
9
  export { n as accordionItem, s as boxed, e as chevronContainer, a as itemContent, r as panel, t as panelContainer, o as panelTransitionClasses, i as rightContentContainer, x as touchableBackground, f as touchableBackgroundInverse };
@@ -1,3 +1,3 @@
1
1
  import "./align.css.ts.vanilla.css-mistica.js";
2
- var o = "v16_30_1mfs0fk0";
2
+ var o = "v16_31_1mfs0fk0";
3
3
  export { o as container };
@@ -1,3 +1,3 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
- var _ = "v16_30_1y2v1nflr v16_30_1y2v1nfis v16_30_1y2v1nfj7 v16_30_1y2v1nfj1 v16_30_1y2v1nflu", n = "v16_30_1y2v1nfno";
2
+ var _ = "v16_31_1y2v1nflr v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1 v16_31_1y2v1nflu", n = "v16_31_1y2v1nfno";
3
3
  export { _ as avatar, n as image };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./badge.css.ts.vanilla.css-mistica.js";
3
- var r = "v16_30_17szrmd2 v16_30_1y2v1nf65", a = "v16_30_17szrmd7", d = "v16_30_17szrmd3", n = "v16_30_17szrmd5 v16_30_17szrmd2 v16_30_1y2v1nf65 v16_30_1y2v1nfis v16_30_1y2v1nfj7 v16_30_1y2v1nfj1", e = "v16_30_1y2v1nfin", i = "v16_30_1y2v1nfim v16_30_1y2v1nfiw";
3
+ var r = "v16_31_17szrmd2 v16_31_1y2v1nf65", a = "v16_31_17szrmd7", d = "v16_31_17szrmd3", n = "v16_31_17szrmd5 v16_31_17szrmd2 v16_31_1y2v1nf65 v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1", e = "v16_31_1y2v1nfin", i = "v16_31_1y2v1nfim v16_31_1y2v1nfiw";
4
4
  export { r as badge, a as badgeBigNumber, d as badgeBorder, n as badgeNumber, e as badgeWithChildren, i as container };
@@ -1,24 +1,24 @@
1
1
  import "./box.css.ts.vanilla.css-mistica.js";
2
- var _ = "v16_30_1xgjmkvc", a = {
2
+ var _ = "v16_31_1xgjmkvc", a = {
3
3
  paddingTop: {
4
- desktop: "var(--v16_30_1xgjmkv0)",
5
- tablet: "var(--v16_30_1xgjmkv1)",
6
- mobile: "var(--v16_30_1xgjmkv2)"
4
+ desktop: "var(--v16_31_1xgjmkv0)",
5
+ tablet: "var(--v16_31_1xgjmkv1)",
6
+ mobile: "var(--v16_31_1xgjmkv2)"
7
7
  },
8
8
  paddingBottom: {
9
- desktop: "var(--v16_30_1xgjmkv3)",
10
- tablet: "var(--v16_30_1xgjmkv4)",
11
- mobile: "var(--v16_30_1xgjmkv5)"
9
+ desktop: "var(--v16_31_1xgjmkv3)",
10
+ tablet: "var(--v16_31_1xgjmkv4)",
11
+ mobile: "var(--v16_31_1xgjmkv5)"
12
12
  },
13
13
  paddingLeft: {
14
- desktop: "var(--v16_30_1xgjmkv6)",
15
- tablet: "var(--v16_30_1xgjmkv7)",
16
- mobile: "var(--v16_30_1xgjmkv8)"
14
+ desktop: "var(--v16_31_1xgjmkv6)",
15
+ tablet: "var(--v16_31_1xgjmkv7)",
16
+ mobile: "var(--v16_31_1xgjmkv8)"
17
17
  },
18
18
  paddingRight: {
19
- desktop: "var(--v16_30_1xgjmkv9)",
20
- tablet: "var(--v16_30_1xgjmkva)",
21
- mobile: "var(--v16_30_1xgjmkvb)"
19
+ desktop: "var(--v16_31_1xgjmkv9)",
20
+ tablet: "var(--v16_31_1xgjmkva)",
21
+ mobile: "var(--v16_31_1xgjmkvb)"
22
22
  }
23
23
  };
24
24
  export { _ as box, a as vars };
@@ -1,33 +1,33 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./boxed.css.ts.vanilla.css-mistica.js";
3
- var _ = "v16_30_1y2v1nfl9", h = "v16_30_ihbkeqm", e = "v16_30_ihbkeqp", r = "v16_30_1y2v1nfla", a = "v16_30_1y2v1nflu", b = {
4
- width: "var(--v16_30_ihbkeq0)",
5
- height: "var(--v16_30_ihbkeq1)",
6
- minHeight: "var(--v16_30_ihbkeq2)",
7
- maxWidth: "var(--v16_30_ihbkeq3)",
8
- minWidth: "var(--v16_30_ihbkeq4)",
3
+ var _ = "v16_31_1y2v1nfl9", h = "v16_31_ihbkeqm", e = "v16_31_ihbkeqp", r = "v16_31_1y2v1nfla", a = "v16_31_1y2v1nflu", b = {
4
+ width: "var(--v16_31_ihbkeq0)",
5
+ height: "var(--v16_31_ihbkeq1)",
6
+ minHeight: "var(--v16_31_ihbkeq2)",
7
+ maxWidth: "var(--v16_31_ihbkeq3)",
8
+ minWidth: "var(--v16_31_ihbkeq4)",
9
9
  mobile: {
10
- width: "var(--v16_30_ihbkeq5)",
11
- height: "var(--v16_30_ihbkeq6)",
12
- minHeight: "var(--v16_30_ihbkeq7)",
13
- maxWidth: "var(--v16_30_ihbkeq8)",
14
- minWidth: "var(--v16_30_ihbkeq9)"
10
+ width: "var(--v16_31_ihbkeq5)",
11
+ height: "var(--v16_31_ihbkeq6)",
12
+ minHeight: "var(--v16_31_ihbkeq7)",
13
+ maxWidth: "var(--v16_31_ihbkeq8)",
14
+ minWidth: "var(--v16_31_ihbkeq9)"
15
15
  },
16
16
  tablet: {
17
- width: "var(--v16_30_ihbkeqa)",
18
- height: "var(--v16_30_ihbkeqb)",
19
- minHeight: "var(--v16_30_ihbkeqc)",
20
- maxWidth: "var(--v16_30_ihbkeqd)",
21
- minWidth: "var(--v16_30_ihbkeqe)"
17
+ width: "var(--v16_31_ihbkeqa)",
18
+ height: "var(--v16_31_ihbkeqb)",
19
+ minHeight: "var(--v16_31_ihbkeqc)",
20
+ maxWidth: "var(--v16_31_ihbkeqd)",
21
+ minWidth: "var(--v16_31_ihbkeqe)"
22
22
  },
23
23
  desktop: {
24
- width: "var(--v16_30_ihbkeqf)",
25
- height: "var(--v16_30_ihbkeqg)",
26
- minHeight: "var(--v16_30_ihbkeqh)",
27
- maxWidth: "var(--v16_30_ihbkeqi)",
28
- minWidth: "var(--v16_30_ihbkeqj)"
24
+ width: "var(--v16_31_ihbkeqf)",
25
+ height: "var(--v16_31_ihbkeqg)",
26
+ minHeight: "var(--v16_31_ihbkeqh)",
27
+ maxWidth: "var(--v16_31_ihbkeqi)",
28
+ minWidth: "var(--v16_31_ihbkeqj)"
29
29
  },
30
- background: "var(--v16_30_ihbkeqk)",
31
- borderRadius: "var(--v16_30_ihbkeql)"
30
+ background: "var(--v16_31_ihbkeqk)",
31
+ borderRadius: "var(--v16_31_ihbkeql)"
32
32
  };
33
33
  export { _ as boxBorder, h as boxed, e as desktopOnly, r as noBorder, a as overflowHidden, b as vars };
@@ -1,5 +1,5 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./button.css.ts.vanilla.css-mistica.js";
3
3
  import "./button-group.css.ts.vanilla.css-mistica.js";
4
- var t = "v16_30_1xdd1h69", d = "v16_30_1xdd1h67", r = "v16_30_1xdd1h68", i = "v16_30_1xdd1h64", a = "v16_30_1xdd1h62", e = "v16_30_1xdd1h63", h = "v16_30_1xdd1h65", o = "v16_30_1xdd1h66", x = "v16_30_1xdd1h61 v16_30_1y2v1nfit v16_30_1y2v1nfj7 v16_30_1y2v1nfix";
4
+ var t = "v16_31_1xdd1h69", d = "v16_31_1xdd1h67", r = "v16_31_1xdd1h68", i = "v16_31_1xdd1h64", a = "v16_31_1xdd1h62", e = "v16_31_1xdd1h63", h = "v16_31_1xdd1h65", o = "v16_31_1xdd1h66", x = "v16_31_1xdd1h61 v16_31_1y2v1nfit v16_31_1y2v1nfj7 v16_31_1y2v1nfix";
5
5
  export { t as buttonChild, d as buttons, r as buttonsWithSmallLink, i as centerInDesktop, a as centerInMobile, e as centerInTablet, h as container, o as containerWithSmallLink, x as inline };
@@ -2,19 +2,19 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./button.css.ts.vanilla.css-mistica.js";
3
3
  import "./button-layout.css.ts.vanilla.css-mistica.js";
4
4
  var y = {
5
- right: "v16_30_kfxylh7 v16_30_1y2v1nfj2",
6
- left: "v16_30_kfxylh8 v16_30_1y2v1nfj0",
7
- center: "v16_30_kfxylh9 v16_30_1y2v1nfj1",
8
- "full-width": "v16_30_kfxylha v16_30_1y2v1nfj1"
9
- }, n = "v16_30_kfxylh1 v16_30_1y2v1nfis v16_30_1y2v1nfj7", l = "v16_30_kfxylh2", h = "v16_30_kfxylhd v16_30_kfxylhc v16_30_1y2v1nfis v16_30_1y2v1nfjf", i = {
10
- center: "v16_30_kfxylhc v16_30_1y2v1nfis v16_30_1y2v1nfjf",
11
- left: "v16_30_kfxylhc v16_30_1y2v1nfis v16_30_1y2v1nfjf v16_30_kfxylhe",
12
- right: "v16_30_kfxylhc v16_30_1y2v1nfis v16_30_1y2v1nfjf v16_30_kfxylhf",
13
- "full-width": "v16_30_kfxylhc v16_30_1y2v1nfis v16_30_1y2v1nfjf v16_30_kfxylhg"
5
+ right: "v16_31_kfxylh7 v16_31_1y2v1nfj2",
6
+ left: "v16_31_kfxylh8 v16_31_1y2v1nfj0",
7
+ center: "v16_31_kfxylh9 v16_31_1y2v1nfj1",
8
+ "full-width": "v16_31_kfxylha v16_31_1y2v1nfj1"
9
+ }, n = "v16_31_kfxylh1 v16_31_1y2v1nfis v16_31_1y2v1nfj7", l = "v16_31_kfxylh2", h = "v16_31_kfxylhd v16_31_kfxylhc v16_31_1y2v1nfis v16_31_1y2v1nfjf", i = {
10
+ center: "v16_31_kfxylhc v16_31_1y2v1nfis v16_31_1y2v1nfjf",
11
+ left: "v16_31_kfxylhc v16_31_1y2v1nfis v16_31_1y2v1nfjf v16_31_kfxylhe",
12
+ right: "v16_31_kfxylhc v16_31_1y2v1nfis v16_31_1y2v1nfjf v16_31_kfxylhf",
13
+ "full-width": "v16_31_kfxylhc v16_31_1y2v1nfis v16_31_1y2v1nfjf v16_31_kfxylhg"
14
14
  }, k = {
15
- center: "v16_30_kfxylhc v16_30_1y2v1nfis v16_30_1y2v1nfjf",
16
- left: "v16_30_kfxylhc v16_30_1y2v1nfis v16_30_1y2v1nfjf v16_30_kfxylhl",
17
- right: "v16_30_kfxylhc v16_30_1y2v1nfis v16_30_1y2v1nfjf v16_30_kfxylhm",
18
- "full-width": "v16_30_kfxylhc v16_30_1y2v1nfis v16_30_1y2v1nfjf v16_30_kfxylhn"
15
+ center: "v16_31_kfxylhc v16_31_1y2v1nfis v16_31_1y2v1nfjf",
16
+ left: "v16_31_kfxylhc v16_31_1y2v1nfis v16_31_1y2v1nfjf v16_31_kfxylhl",
17
+ right: "v16_31_kfxylhc v16_31_1y2v1nfis v16_31_1y2v1nfjf v16_31_kfxylhm",
18
+ "full-width": "v16_31_kfxylhc v16_31_1y2v1nfis v16_31_1y2v1nfjf v16_31_kfxylhn"
19
19
  };
20
20
  export { y as alignVariant, n as container, l as containerWithTwoButtons, h as link, i as linkInNewLine, k as smallLinkInNewLine };
@@ -10,29 +10,29 @@ var n = "1.5px", f = {
10
10
  default: "calc(12px - 1.5px)",
11
11
  small: "calc(6px - 1.5px)"
12
12
  }, i = {
13
- primary: "v16_30_rrbrpnm v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2i v16_30_1y2v1nf59",
14
- secondary: "v16_30_rrbrpnn v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2l v16_30_1y2v1nf8k",
15
- danger: "v16_30_rrbrpno v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2i v16_30_1y2v1nf51",
16
- link: "v16_30_rrbrpnp v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2p v16_30_1y2v1nf8k",
17
- linkDanger: "v16_30_rrbrpnq v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2r v16_30_1y2v1nf8k",
18
- linkDangerDark: "v16_30_rrbrpnr v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2r v16_30_1y2v1nf8k"
13
+ primary: "v16_31_rrbrpnm v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2i v16_31_1y2v1nf59",
14
+ secondary: "v16_31_rrbrpnn v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2l v16_31_1y2v1nf8k",
15
+ danger: "v16_31_rrbrpno v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2i v16_31_1y2v1nf51",
16
+ link: "v16_31_rrbrpnp v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2p v16_31_1y2v1nf8k",
17
+ linkDanger: "v16_31_rrbrpnq v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2r v16_31_1y2v1nf8k",
18
+ linkDangerDark: "v16_31_rrbrpnr v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2r v16_31_1y2v1nf8k"
19
19
  }, l = {
20
- minWidth: "var(--v16_30_rrbrpn0)"
20
+ minWidth: "var(--v16_31_rrbrpn0)"
21
21
  }, a = "2px", p = "8px", b = {
22
22
  default: "1.500rem",
23
23
  small: "1.250rem"
24
24
  }, u = {
25
- primary: "v16_30_rrbrpns v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2j v16_30_1y2v1nf5a",
26
- secondary: "v16_30_rrbrpnt v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2n v16_30_1y2v1nf8k",
27
- danger: "v16_30_rrbrpnu v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2i v16_30_1y2v1nf51",
28
- link: "v16_30_rrbrpnv v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2q v16_30_1y2v1nf8k",
29
- linkDanger: "v16_30_rrbrpnw v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2r v16_30_1y2v1nf55",
30
- linkDangerDark: "v16_30_rrbrpnx v16_30_rrbrpn3 v16_30_1y2v1nf8l v16_30_1y2v1nf9u v16_30_1y2v1nfb3 v16_30_1y2v1nfcc v16_30_1y2v1nfiw v16_30_1y2v1nfim v16_30_1y2v1nfjg v16_30_1y2v1nfli v16_30_1y2v1nflu v16_30_1y2v1nf2r v16_30_1y2v1nf8k"
31
- }, c = "v16_30_rrbrpn1", t = {
25
+ primary: "v16_31_rrbrpns v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2j v16_31_1y2v1nf5a",
26
+ secondary: "v16_31_rrbrpnt v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2n v16_31_1y2v1nf8k",
27
+ danger: "v16_31_rrbrpnu v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2i v16_31_1y2v1nf51",
28
+ link: "v16_31_rrbrpnv v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2q v16_31_1y2v1nf8k",
29
+ linkDanger: "v16_31_rrbrpnw v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2r v16_31_1y2v1nf55",
30
+ linkDangerDark: "v16_31_rrbrpnx v16_31_rrbrpn3 v16_31_1y2v1nf8l v16_31_1y2v1nf9u v16_31_1y2v1nfb3 v16_31_1y2v1nfcc v16_31_1y2v1nfiw v16_31_1y2v1nfim v16_31_1y2v1nfjg v16_31_1y2v1nfli v16_31_1y2v1nflu v16_31_1y2v1nf2r v16_31_1y2v1nf8k"
31
+ }, c = "v16_31_rrbrpn1", t = {
32
32
  default: "40px",
33
33
  small: "40px"
34
- }, e = "v16_30_rrbrpn9 v16_30_1y2v1nfit v16_30_1y2v1nfin v16_30_1y2v1nfm0 v16_30_1y2v1nfn9 v16_30_1y2v1nfj1 v16_30_1y2v1nfj7", m = "v16_30_rrbrpn7 v16_30_1y2v1nfiu v16_30_1y2v1nfjx v16_30_1y2v1nflu", g = "v16_30_rrbrpn4", d = "v16_30_rrbrpn5", o = {
34
+ }, e = "v16_31_rrbrpn9 v16_31_1y2v1nfit v16_31_1y2v1nfin v16_31_1y2v1nfm0 v16_31_1y2v1nfn9 v16_31_1y2v1nfj1 v16_31_1y2v1nfj7", m = "v16_31_rrbrpn7 v16_31_1y2v1nfiu v16_31_1y2v1nfjx v16_31_1y2v1nflu", g = "v16_31_rrbrpn4", d = "v16_31_rrbrpn5", o = {
35
35
  default: "1.250rem",
36
36
  small: "1.000rem"
37
- }, x = "v16_30_rrbrpnb v16_30_1y2v1nfis v16_30_1y2v1nfj7 v16_30_1y2v1nfj1";
37
+ }, x = "v16_31_rrbrpnb v16_31_1y2v1nfis v16_31_1y2v1nfj7 v16_31_1y2v1nfj1";
38
38
  export { n as borderSize, f as buttonMinWidth, r as buttonPaddingX, y as buttonPaddingY, i as buttonVariants, l as buttonVars, a as chevronMarginLeft, p as iconMargin, b as iconSize, u as inverseButtonVariants, c as isLoading, t as linkMinWidth, e as loadingContent, m as loadingFiller, g as small, d as smallLink, o as spinnerSize, x as textContent };