@telefonica/mistica 17.6.0 → 17.7.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 (214) 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/autocomplete.css-mistica.js +1 -1
  5. package/dist/avatar.css-mistica.js +1 -1
  6. package/dist/badge.css-mistica.js +1 -1
  7. package/dist/box.css-mistica.js +13 -13
  8. package/dist/boxed.css-mistica.js +24 -24
  9. package/dist/button-group.css-mistica.js +1 -1
  10. package/dist/button-layout.css-mistica.js +14 -14
  11. package/dist/button.css-mistica.js +34 -34
  12. package/dist/callout.css-mistica.js +11 -11
  13. package/dist/card-internal.css-mistica.js +21 -21
  14. package/dist/carousel.css-mistica.js +8 -8
  15. package/dist/checkbox.css-mistica.js +11 -11
  16. package/dist/chip.css-mistica.js +15 -15
  17. package/dist/circle.css-mistica.js +1 -1
  18. package/dist/community/advanced-data-card.css-mistica.js +8 -8
  19. package/dist/community/ai-card.css-mistica.js +2 -2
  20. package/dist/community/blocks.css-mistica.js +1 -1
  21. package/dist/community/cyber/example-component.css-mistica.js +1 -1
  22. package/dist/community/example-component.css-mistica.js +2 -2
  23. package/dist/counter.css-mistica.js +1 -1
  24. package/dist/cover-hero.css-mistica.js +2 -2
  25. package/dist/credit-card-number-field.css-mistica.js +3 -3
  26. package/dist/date-field.css-mistica.js +1 -1
  27. package/dist/date-time-picker.css-mistica.js +1 -1
  28. package/dist/dialog.css-mistica.js +4 -4
  29. package/dist/divider.css-mistica.js +5 -5
  30. package/dist/double-field.css-mistica.js +2 -2
  31. package/dist/drawer.css-mistica.js +1 -1
  32. package/dist/empty-state-card.css-mistica.js +1 -1
  33. package/dist/empty-state.css-mistica.js +5 -5
  34. package/dist/fade-in.css-mistica.js +1 -1
  35. package/dist/fade-out.css-mistica.js +1 -1
  36. package/dist/feedback.css-mistica.js +1 -1
  37. package/dist/file-upload.css-mistica.js +7 -7
  38. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  39. package/dist/form.css-mistica.js +1 -1
  40. package/dist/grid-layout.css-mistica.js +3 -3
  41. package/dist/grid.css-mistica.js +120 -120
  42. package/dist/header.css-mistica.js +1 -1
  43. package/dist/hero.css-mistica.js +2 -2
  44. package/dist/horizontal-scroll.css-mistica.js +1 -1
  45. package/dist/icon-button.css-mistica.js +53 -53
  46. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  47. package/dist/icons/icon-error.css-mistica.js +1 -1
  48. package/dist/image.css-mistica.js +11 -11
  49. package/dist/inline.css-mistica.js +11 -11
  50. package/dist/list.css-mistica.js +7 -7
  51. package/dist/loading-bar.css-mistica.js +1 -1
  52. package/dist/loading-screen.css-mistica.js +4 -4
  53. package/dist/logo.css-mistica.js +5 -5
  54. package/dist/menu.css-mistica.js +26 -24
  55. package/dist/menu.css.d.ts +2 -2
  56. package/dist/menu.d.ts +15 -3
  57. package/dist/menu.js +184 -162
  58. package/dist/mosaic.css-mistica.js +1 -1
  59. package/dist/navigation-bar.css-mistica.js +9 -9
  60. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  61. package/dist/navigation-shared.css-mistica.js +9 -9
  62. package/dist/package-version.js +1 -1
  63. package/dist/pagination.css-mistica.js +18 -18
  64. package/dist/pin-field.css-mistica.js +1 -1
  65. package/dist/popover.css-mistica.js +1 -1
  66. package/dist/popover.d.ts +1 -0
  67. package/dist/progress-bar.css-mistica.js +6 -6
  68. package/dist/radio-button.css-mistica.js +19 -19
  69. package/dist/rating.css-mistica.js +2 -2
  70. package/dist/responsive-layout.css-mistica.js +6 -6
  71. package/dist/screen-reader-only.css-mistica.js +1 -1
  72. package/dist/select.css-mistica.js +15 -15
  73. package/dist/sheet-action-row.css-mistica.js +1 -1
  74. package/dist/sheet-common.css-mistica.js +1 -1
  75. package/dist/sheet-info.css-mistica.js +1 -1
  76. package/dist/sidenav-bar-layout.css-mistica.js +1 -1
  77. package/dist/sidenav-bar.css-mistica.js +71 -71
  78. package/dist/sidenav-bar.js +55 -50
  79. package/dist/skeletons.css-mistica.js +6 -6
  80. package/dist/skins/skin-contract.css-mistica.js +738 -738
  81. package/dist/skip-link.css-mistica.js +1 -1
  82. package/dist/slider.css-mistica.js +18 -18
  83. package/dist/snackbar.css-mistica.js +4 -4
  84. package/dist/spinner.css-mistica.js +1 -1
  85. package/dist/square.css-mistica.js +1 -1
  86. package/dist/stack.css-mistica.js +5 -5
  87. package/dist/stacking-group.css-mistica.js +1 -1
  88. package/dist/stepper.css-mistica.js +2 -2
  89. package/dist/switch-component.css-mistica.js +35 -35
  90. package/dist/table.css-mistica.js +9 -9
  91. package/dist/tabs.css-mistica.js +17 -17
  92. package/dist/tag.css-mistica.js +1 -1
  93. package/dist/text-field-base.css-mistica.js +16 -16
  94. package/dist/text-field-components.css-mistica.js +3 -3
  95. package/dist/text-link.css-mistica.js +6 -6
  96. package/dist/text.css-mistica.js +6 -6
  97. package/dist/timeline.css-mistica.js +9 -9
  98. package/dist/timer.css-mistica.js +6 -6
  99. package/dist/tooltip.css-mistica.js +1 -1
  100. package/dist/tooltip.d.ts +3 -1
  101. package/dist/tooltip.js +158 -147
  102. package/dist/touchable.css-mistica.js +1 -1
  103. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  104. package/dist/video.css-mistica.js +1 -1
  105. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  106. package/dist-es/accordion.css-mistica.js +6 -6
  107. package/dist-es/align.css-mistica.js +1 -1
  108. package/dist-es/autocomplete.css-mistica.js +1 -1
  109. package/dist-es/avatar.css-mistica.js +1 -1
  110. package/dist-es/badge.css-mistica.js +1 -1
  111. package/dist-es/box.css-mistica.js +13 -13
  112. package/dist-es/boxed.css-mistica.js +23 -23
  113. package/dist-es/button-group.css-mistica.js +1 -1
  114. package/dist-es/button-layout.css-mistica.js +14 -14
  115. package/dist-es/button.css-mistica.js +34 -34
  116. package/dist-es/callout.css-mistica.js +11 -11
  117. package/dist-es/card-internal.css-mistica.js +21 -21
  118. package/dist-es/carousel.css-mistica.js +8 -8
  119. package/dist-es/checkbox.css-mistica.js +11 -11
  120. package/dist-es/chip.css-mistica.js +15 -15
  121. package/dist-es/circle.css-mistica.js +1 -1
  122. package/dist-es/community/advanced-data-card.css-mistica.js +8 -8
  123. package/dist-es/community/ai-card.css-mistica.js +2 -2
  124. package/dist-es/community/blocks.css-mistica.js +1 -1
  125. package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
  126. package/dist-es/community/example-component.css-mistica.js +2 -2
  127. package/dist-es/counter.css-mistica.js +1 -1
  128. package/dist-es/cover-hero.css-mistica.js +2 -2
  129. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  130. package/dist-es/date-field.css-mistica.js +1 -1
  131. package/dist-es/date-time-picker.css-mistica.js +1 -1
  132. package/dist-es/dialog.css-mistica.js +4 -4
  133. package/dist-es/divider.css-mistica.js +5 -5
  134. package/dist-es/double-field.css-mistica.js +2 -2
  135. package/dist-es/drawer.css-mistica.js +1 -1
  136. package/dist-es/empty-state-card.css-mistica.js +1 -1
  137. package/dist-es/empty-state.css-mistica.js +5 -5
  138. package/dist-es/fade-in.css-mistica.js +1 -1
  139. package/dist-es/fade-out.css-mistica.js +1 -1
  140. package/dist-es/feedback.css-mistica.js +1 -1
  141. package/dist-es/file-upload.css-mistica.js +7 -7
  142. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  143. package/dist-es/form.css-mistica.js +1 -1
  144. package/dist-es/grid-layout.css-mistica.js +3 -3
  145. package/dist-es/grid.css-mistica.js +120 -120
  146. package/dist-es/header.css-mistica.js +1 -1
  147. package/dist-es/hero.css-mistica.js +2 -2
  148. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  149. package/dist-es/icon-button.css-mistica.js +53 -53
  150. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  151. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  152. package/dist-es/image.css-mistica.js +4 -4
  153. package/dist-es/inline.css-mistica.js +11 -11
  154. package/dist-es/list.css-mistica.js +7 -7
  155. package/dist-es/loading-bar.css-mistica.js +1 -1
  156. package/dist-es/loading-screen.css-mistica.js +4 -4
  157. package/dist-es/logo.css-mistica.js +5 -5
  158. package/dist-es/menu.css-mistica.js +14 -15
  159. package/dist-es/menu.js +238 -216
  160. package/dist-es/mosaic.css-mistica.js +1 -1
  161. package/dist-es/navigation-bar.css-mistica.js +9 -9
  162. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  163. package/dist-es/navigation-shared.css-mistica.js +9 -9
  164. package/dist-es/package-version.js +1 -1
  165. package/dist-es/pagination.css-mistica.js +18 -18
  166. package/dist-es/pin-field.css-mistica.js +1 -1
  167. package/dist-es/popover.css-mistica.js +1 -1
  168. package/dist-es/progress-bar.css-mistica.js +6 -6
  169. package/dist-es/radio-button.css-mistica.js +19 -19
  170. package/dist-es/rating.css-mistica.js +2 -2
  171. package/dist-es/responsive-layout.css-mistica.js +6 -6
  172. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  173. package/dist-es/select.css-mistica.js +15 -15
  174. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  175. package/dist-es/sheet-common.css-mistica.js +1 -1
  176. package/dist-es/sheet-info.css-mistica.js +1 -1
  177. package/dist-es/sidenav-bar-layout.css-mistica.js +1 -1
  178. package/dist-es/sidenav-bar.css-mistica.js +71 -71
  179. package/dist-es/sidenav-bar.js +70 -65
  180. package/dist-es/skeletons.css-mistica.js +6 -6
  181. package/dist-es/skins/skin-contract.css-mistica.js +738 -738
  182. package/dist-es/skip-link.css-mistica.js +1 -1
  183. package/dist-es/slider.css-mistica.js +18 -18
  184. package/dist-es/snackbar.css-mistica.js +4 -4
  185. package/dist-es/spinner.css-mistica.js +1 -1
  186. package/dist-es/square.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 +2 -2
  190. package/dist-es/style.css +1 -1
  191. package/dist-es/switch-component.css-mistica.js +35 -35
  192. package/dist-es/table.css-mistica.js +9 -9
  193. package/dist-es/tabs.css-mistica.js +17 -17
  194. package/dist-es/tag.css-mistica.js +1 -1
  195. package/dist-es/text-field-base.css-mistica.js +16 -16
  196. package/dist-es/text-field-components.css-mistica.js +3 -3
  197. package/dist-es/text-link.css-mistica.js +6 -6
  198. package/dist-es/text.css-mistica.js +6 -6
  199. package/dist-es/timeline.css-mistica.js +9 -9
  200. package/dist-es/timer.css-mistica.js +6 -6
  201. package/dist-es/tooltip.css-mistica.js +1 -1
  202. package/dist-es/tooltip.js +198 -187
  203. package/dist-es/touchable.css-mistica.js +1 -1
  204. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  205. package/dist-es/video.css-mistica.js +1 -1
  206. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  207. package/package.json +1 -1
  208. package/src/menu.css.ts +5 -9
  209. package/src/menu.tsx +82 -64
  210. package/src/package-version.tsx +1 -1
  211. package/src/popover.tsx +1 -0
  212. package/src/sidenav-bar.tsx +9 -2
  213. package/src/tooltip.css.ts +1 -0
  214. package/src/tooltip.tsx +94 -90
@@ -59,63 +59,63 @@ _export(exports, {
59
59
  }
60
60
  });
61
61
  /* empty css */ /* empty css */ var _ = {
62
- "brand-solid-default": "v17_6_yqt1oe4",
63
- "brand-solid-brand": "v17_6_yqt1oe5",
64
- "brand-solid-negative": "v17_6_yqt1oe6",
65
- "brand-solid-alternative": "v17_6_yqt1oe7",
66
- "brand-soft-default": "v17_6_yqt1oe8",
67
- "brand-soft-brand": "v17_6_yqt1oe9",
68
- "brand-soft-negative": "v17_6_yqt1oea",
69
- "brand-soft-alternative": "v17_6_yqt1oeb",
70
- "brand-transparent-default": "v17_6_yqt1oec",
71
- "brand-transparent-brand": "v17_6_yqt1oed",
72
- "brand-transparent-negative": "v17_6_yqt1oee",
73
- "brand-transparent-alternative": "v17_6_yqt1oef",
74
- "neutral-solid-default": "v17_6_yqt1oeg",
75
- "neutral-solid-brand": "v17_6_yqt1oeh",
76
- "neutral-solid-negative": "v17_6_yqt1oei",
77
- "neutral-solid-alternative": "v17_6_yqt1oej",
78
- "neutral-soft-default": "v17_6_yqt1oek",
79
- "neutral-soft-brand": "v17_6_yqt1oel",
80
- "neutral-soft-negative": "v17_6_yqt1oem",
81
- "neutral-soft-alternative": "v17_6_yqt1oen",
82
- "neutral-transparent-default": "v17_6_yqt1oeo",
83
- "neutral-transparent-brand": "v17_6_yqt1oep",
84
- "neutral-transparent-negative": "v17_6_yqt1oeq",
85
- "neutral-transparent-alternative": "v17_6_yqt1oer",
86
- "danger-solid-default": "v17_6_yqt1oes",
87
- "danger-solid-brand": "v17_6_yqt1oet",
88
- "danger-solid-negative": "v17_6_yqt1oeu",
89
- "danger-solid-alternative": "v17_6_yqt1oev",
90
- "danger-soft-default": "v17_6_yqt1oew",
91
- "danger-soft-brand": "v17_6_yqt1oex",
92
- "danger-soft-negative": "v17_6_yqt1oey",
93
- "danger-soft-alternative": "v17_6_yqt1oez",
94
- "danger-transparent-default": "v17_6_yqt1oe10",
95
- "danger-transparent-brand": "v17_6_yqt1oe11",
96
- "danger-transparent-negative": "v17_6_yqt1oe12",
97
- "danger-transparent-alternative": "v17_6_yqt1oe13",
98
- "brand-media": "v17_6_yqt1oe14",
99
- "neutral-media": "v17_6_yqt1oe15",
100
- "danger-media": "v17_6_yqt1oe16"
101
- }, a = "v17_6_yqt1oe17", v = "v17_6_yqt1oe18", n = "v17_6_yqt1oe19", r = {
62
+ "brand-solid-default": "v17_7_yqt1oe4",
63
+ "brand-solid-brand": "v17_7_yqt1oe5",
64
+ "brand-solid-negative": "v17_7_yqt1oe6",
65
+ "brand-solid-alternative": "v17_7_yqt1oe7",
66
+ "brand-soft-default": "v17_7_yqt1oe8",
67
+ "brand-soft-brand": "v17_7_yqt1oe9",
68
+ "brand-soft-negative": "v17_7_yqt1oea",
69
+ "brand-soft-alternative": "v17_7_yqt1oeb",
70
+ "brand-transparent-default": "v17_7_yqt1oec",
71
+ "brand-transparent-brand": "v17_7_yqt1oed",
72
+ "brand-transparent-negative": "v17_7_yqt1oee",
73
+ "brand-transparent-alternative": "v17_7_yqt1oef",
74
+ "neutral-solid-default": "v17_7_yqt1oeg",
75
+ "neutral-solid-brand": "v17_7_yqt1oeh",
76
+ "neutral-solid-negative": "v17_7_yqt1oei",
77
+ "neutral-solid-alternative": "v17_7_yqt1oej",
78
+ "neutral-soft-default": "v17_7_yqt1oek",
79
+ "neutral-soft-brand": "v17_7_yqt1oel",
80
+ "neutral-soft-negative": "v17_7_yqt1oem",
81
+ "neutral-soft-alternative": "v17_7_yqt1oen",
82
+ "neutral-transparent-default": "v17_7_yqt1oeo",
83
+ "neutral-transparent-brand": "v17_7_yqt1oep",
84
+ "neutral-transparent-negative": "v17_7_yqt1oeq",
85
+ "neutral-transparent-alternative": "v17_7_yqt1oer",
86
+ "danger-solid-default": "v17_7_yqt1oes",
87
+ "danger-solid-brand": "v17_7_yqt1oet",
88
+ "danger-solid-negative": "v17_7_yqt1oeu",
89
+ "danger-solid-alternative": "v17_7_yqt1oev",
90
+ "danger-soft-default": "v17_7_yqt1oew",
91
+ "danger-soft-brand": "v17_7_yqt1oex",
92
+ "danger-soft-negative": "v17_7_yqt1oey",
93
+ "danger-soft-alternative": "v17_7_yqt1oez",
94
+ "danger-transparent-default": "v17_7_yqt1oe10",
95
+ "danger-transparent-brand": "v17_7_yqt1oe11",
96
+ "danger-transparent-negative": "v17_7_yqt1oe12",
97
+ "danger-transparent-alternative": "v17_7_yqt1oe13",
98
+ "brand-media": "v17_7_yqt1oe14",
99
+ "neutral-media": "v17_7_yqt1oe15",
100
+ "danger-media": "v17_7_yqt1oe16"
101
+ }, a = "v17_7_yqt1oe17", v = "v17_7_yqt1oe18", n = "v17_7_yqt1oe19", r = {
102
102
  default: "1.5rem",
103
103
  small: "1.25rem"
104
104
  }, o = {
105
105
  small: "calc(1.25rem + 12px)"
106
- }, y = "v17_6_yqt1oe1a v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfrn", d = {
107
- default: "v17_6_yqt1oe1c v17_6_yqt1oe1b",
108
- small: "v17_6_yqt1oe1d v17_6_yqt1oe1b"
109
- }, l = "v17_6_yqt1oe1f", q = {
110
- default: "v17_6_yqt1oe1g",
111
- small: "v17_6_yqt1oe1h"
106
+ }, y = "v17_7_yqt1oe1a v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn", d = {
107
+ default: "v17_7_yqt1oe1c v17_7_yqt1oe1b",
108
+ small: "v17_7_yqt1oe1d v17_7_yqt1oe1b"
109
+ }, l = "v17_7_yqt1oe1f", q = {
110
+ default: "v17_7_yqt1oe1g",
111
+ small: "v17_7_yqt1oe1h"
112
112
  }, i = {
113
- default: "v17_6_yqt1oe1i",
114
- small: "v17_6_yqt1oe1j"
113
+ default: "v17_7_yqt1oe1i",
114
+ small: "v17_7_yqt1oe1j"
115
115
  }, f = {
116
- default: "v17_6_yqt1oe1k",
117
- small: "v17_6_yqt1oe1l"
116
+ default: "v17_7_yqt1oe1k",
117
+ small: "v17_7_yqt1oe1l"
118
118
  }, s = {
119
- default: "v17_6_yqt1oe1o v17_6_yqt1oe1n v17_6_yqt1oe1m v17_6_1y2v1nfty v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfrn v17_6_1y2v1nfui v17_6_1y2v1nfr8",
120
- small: "v17_6_yqt1oe1p v17_6_yqt1oe1n v17_6_yqt1oe1m v17_6_1y2v1nfty v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfrn v17_6_1y2v1nfui v17_6_1y2v1nfr8"
121
- }, u = "v17_6_yqt1oe1q", b = "v17_6_yqt1oe1s v17_6_yqt1oe1r v17_6_1y2v1nfr8 v17_6_1y2v1nfrf", g = "v17_6_yqt1oe1u v17_6_yqt1oe1t v17_6_1y2v1nfr9";
119
+ default: "v17_7_yqt1oe1o v17_7_yqt1oe1n v17_7_yqt1oe1m v17_7_1y2v1nfty v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfui v17_7_1y2v1nfr8",
120
+ small: "v17_7_yqt1oe1p v17_7_yqt1oe1n v17_7_yqt1oe1m v17_7_1y2v1nfty v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfui v17_7_1y2v1nfr8"
121
+ }, u = "v17_7_yqt1oe1q", b = "v17_7_yqt1oe1s v17_7_yqt1oe1r v17_7_1y2v1nfr8 v17_7_1y2v1nfrf", g = "v17_7_yqt1oe1u v17_7_yqt1oe1t v17_7_1y2v1nfr9";
@@ -20,5 +20,5 @@ _export(exports, {
20
20
  }
21
21
  });
22
22
  /* empty css */ var o = {
23
- transitionDuration: "var(--v17_6_77bqcx0)"
24
- }, a = "v17_6_77bqcx1", v = "v17_6_77bqcx2";
23
+ transitionDuration: "var(--v17_7_77bqcx0)"
24
+ }, a = "v17_7_77bqcx1", v = "v17_7_77bqcx2";
@@ -16,4 +16,4 @@ _export(exports, {
16
16
  return a;
17
17
  }
18
18
  });
19
- /* empty css */ var a = "v17_6_1ao3f5e1", i = "v17_6_1ao3f5e2";
19
+ /* empty css */ var a = "v17_7_1ao3f5e1", i = "v17_7_1ao3f5e2";
@@ -10,30 +10,30 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  get FADE_IN_DURATION_MS () {
13
- return a;
13
+ return t;
14
14
  },
15
15
  get circularBorderRadius () {
16
- return u;
16
+ return e;
17
17
  },
18
18
  get defaultBorderRadius () {
19
- return n;
19
+ return f;
20
20
  },
21
21
  get image () {
22
- return o;
22
+ return d;
23
23
  },
24
24
  get imageWithBorder () {
25
- return d;
25
+ return i;
26
26
  },
27
27
  get vars () {
28
- return i;
28
+ return a;
29
29
  },
30
30
  get withBorderRadius () {
31
- return f;
31
+ return u;
32
32
  },
33
33
  get withoutBorderRadius () {
34
- return e;
34
+ return o;
35
35
  }
36
36
  });
37
- /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = 300, i = {
38
- mediaBorderRadius: "var(--v17_6_17tt25r0)"
39
- }, d = "v17_6_17tt25r1", o = "v17_6_17tt25r3 v17_6_17tt25r2 v17_6_1y2v1nfuo v17_6_1y2v1nfv3 v17_6_1y2v1nfrg v17_6_1y2v1nfs1 v17_6_1y2v1nfsi v17_6_1y2v1nfwc v17_6_1y2v1nftt v17_6_1y2v1nftu v17_6_1y2v1nfu6", e = "v17_6_17tt25r4", u = "v17_6_17tt25r5", f = "v17_6_17tt25r6", n = "v17_6_17tt25r7";
37
+ /* empty css */ /* empty css */ /* empty css */ var t = 300, a = {
38
+ mediaBorderRadius: "var(--v17_7_17tt25r0)"
39
+ }, i = "v17_7_17tt25r1", d = "v17_7_17tt25r3 v17_7_17tt25r2 v17_7_1y2v1nfuo v17_7_1y2v1nfv3 v17_7_1y2v1nfrg v17_7_1y2v1nfs1 v17_7_1y2v1nfsi v17_7_1y2v1nfwc v17_7_1y2v1nftt v17_7_1y2v1nftu v17_7_1y2v1nfu6", o = "v17_7_17tt25r4", e = "v17_7_17tt25r5", u = "v17_7_17tt25r6", f = "v17_7_17tt25r7";
@@ -41,14 +41,14 @@ _export(exports, {
41
41
  }
42
42
  });
43
43
  /* empty css */ var a = {
44
- space: "var(--v17_6_kkfbnv0)",
45
- spaceMobile: "var(--v17_6_kkfbnv1)",
46
- spaceTablet: "var(--v17_6_kkfbnv2)",
47
- spaceDesktop: "var(--v17_6_kkfbnv3)",
48
- verticalSpace: "var(--v17_6_kkfbnv4)",
49
- verticalSpaceMobile: "var(--v17_6_kkfbnv5)",
50
- verticalSpaceTablet: "var(--v17_6_kkfbnv6)",
51
- verticalSpaceDesktop: "var(--v17_6_kkfbnv7)",
52
- childAlignItems: "var(--v17_6_kkfbnv8)",
53
- childDisplay: "var(--v17_6_kkfbnv9)"
54
- }, k = "v17_6_kkfbnva", _ = "v17_6_kkfbnvb", r = "v17_6_kkfbnvc", n = "v17_6_kkfbnvd", e = "v17_6_kkfbnve", b = "v17_6_kkfbnvf", f = "v17_6_kkfbnvg", i = "v17_6_kkfbnvh", p = "v17_6_kkfbnvi";
44
+ space: "var(--v17_7_kkfbnv0)",
45
+ spaceMobile: "var(--v17_7_kkfbnv1)",
46
+ spaceTablet: "var(--v17_7_kkfbnv2)",
47
+ spaceDesktop: "var(--v17_7_kkfbnv3)",
48
+ verticalSpace: "var(--v17_7_kkfbnv4)",
49
+ verticalSpaceMobile: "var(--v17_7_kkfbnv5)",
50
+ verticalSpaceTablet: "var(--v17_7_kkfbnv6)",
51
+ verticalSpaceDesktop: "var(--v17_7_kkfbnv7)",
52
+ childAlignItems: "var(--v17_7_kkfbnv8)",
53
+ childDisplay: "var(--v17_7_kkfbnv9)"
54
+ }, k = "v17_7_kkfbnva", _ = "v17_7_kkfbnvb", r = "v17_7_kkfbnvc", n = "v17_7_kkfbnvd", e = "v17_7_kkfbnve", b = "v17_7_kkfbnvf", f = "v17_7_kkfbnvg", i = "v17_7_kkfbnvh", p = "v17_7_kkfbnvi";
@@ -109,10 +109,10 @@ _export(exports, {
109
109
  return z;
110
110
  }
111
111
  });
112
- /* empty css */ /* empty css */ var n = "v17_6_2buj9g0", r = "v17_6_2buj9g1", u = "v17_6_2buj9g2", y = "v17_6_2buj9g3", g = {
113
- default: "v17_6_2buj9g4",
114
- alternative: "v17_6_2buj9g5",
115
- brand: "v17_6_2buj9g6",
116
- media: "v17_6_2buj9g7",
117
- negative: "v17_6_2buj9g8"
118
- }, a = "v17_6_2buj9g9", f = "v17_6_2buj9ga", t = "v17_6_2buj9gb v17_6_1y2v1nfuh", b = "v17_6_2buj9gd v17_6_2buj9gc v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nfs1 v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_1y2v1nfrg v17_6_1y2v1nfsi v17_6_1y2v1nfr8", j = "v17_6_2buj9ge", e = "v17_6_2buj9gg v17_6_2buj9gf v17_6_1y2v1nfs1 v17_6_1y2v1nfhm", i = "v17_6_2buj9gh", o = "v17_6_2buj9gj v17_6_2buj9gi v17_6_1y2v1nfld", d = "v17_6_2buj9gk v17_6_1y2v1nfre v17_6_1y2v1nfrw v17_6_1y2v1nfry", l = "v17_6_2buj9gl v17_6_1y2v1nfre v17_6_1y2v1nfrk v17_6_1y2v1nfs0", h = "v17_6_2buj9gm v17_6_1y2v1nfre v17_6_1y2v1nfrt", c = "v17_6_2buj9go v17_6_2buj9gm v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_2buj9gn v17_6_1y2v1nfrn v17_6_1y2v1nft4 v17_6_1y2v1nfsi v17_6_1y2v1nfrw", s = "v17_6_2buj9gp", w = "v17_6_2buj9gq", k = "v17_6_2buj9gr", p = "v17_6_2buj9gs", C = "v17_6_2buj9gt v17_6_2buj9gm v17_6_1y2v1nfre v17_6_1y2v1nfrt", m = "v17_6_2buj9gu", A = "v17_6_2buj9gv", B = "v17_6_2buj9gy v17_6_2buj9gw v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_2buj9gx v17_6_1y2v1nfrg v17_6_1y2v1nfrz", D = "v17_6_2buj9g10 v17_6_2buj9gz v17_6_1y2v1nfre", x = "v17_6_2buj9g14 v17_6_2buj9g12 v17_6_2buj9gw v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_2buj9g11 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfry v17_6_1y2v1nfs2 v17_6_2buj9g13 v17_6_1y2v1nfsi", R = "v17_6_2buj9g15 v17_6_2buj9g12 v17_6_2buj9gw v17_6_1y2v1nfh7 v17_6_1y2v1nfig v17_6_1y2v1nfjp v17_6_1y2v1nfky v17_6_1y2v1nftw v17_6_1y2v1nfh6 v17_6_2buj9g11 v17_6_1y2v1nfre v17_6_1y2v1nfrt v17_6_1y2v1nfry v17_6_1y2v1nfs2", z = "v17_6_2buj9g16", I = "v17_6_2buj9g17", O = "v17_6_2buj9g18", W = "v17_6_2buj9g19", q = "v17_6_2buj9g1a";
112
+ /* empty css */ /* empty css */ var n = "v17_7_2buj9g0", r = "v17_7_2buj9g1", u = "v17_7_2buj9g2", y = "v17_7_2buj9g3", g = {
113
+ default: "v17_7_2buj9g4",
114
+ alternative: "v17_7_2buj9g5",
115
+ brand: "v17_7_2buj9g6",
116
+ media: "v17_7_2buj9g7",
117
+ negative: "v17_7_2buj9g8"
118
+ }, a = "v17_7_2buj9g9", f = "v17_7_2buj9ga", t = "v17_7_2buj9gb v17_7_1y2v1nfuh", b = "v17_7_2buj9gd v17_7_2buj9gc v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nfs1 v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_1y2v1nfrg v17_7_1y2v1nfsi v17_7_1y2v1nfr8", j = "v17_7_2buj9ge", e = "v17_7_2buj9gg v17_7_2buj9gf v17_7_1y2v1nfs1 v17_7_1y2v1nfhm", i = "v17_7_2buj9gh", o = "v17_7_2buj9gj v17_7_2buj9gi v17_7_1y2v1nfld", d = "v17_7_2buj9gk v17_7_1y2v1nfre v17_7_1y2v1nfrw v17_7_1y2v1nfry", l = "v17_7_2buj9gl v17_7_1y2v1nfre v17_7_1y2v1nfrk v17_7_1y2v1nfs0", h = "v17_7_2buj9gm v17_7_1y2v1nfre v17_7_1y2v1nfrt", c = "v17_7_2buj9go v17_7_2buj9gm v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_2buj9gn v17_7_1y2v1nfrn v17_7_1y2v1nft4 v17_7_1y2v1nfsi v17_7_1y2v1nfrw", s = "v17_7_2buj9gp", w = "v17_7_2buj9gq", k = "v17_7_2buj9gr", p = "v17_7_2buj9gs", C = "v17_7_2buj9gt v17_7_2buj9gm v17_7_1y2v1nfre v17_7_1y2v1nfrt", m = "v17_7_2buj9gu", A = "v17_7_2buj9gv", B = "v17_7_2buj9gy v17_7_2buj9gw v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_2buj9gx v17_7_1y2v1nfrg v17_7_1y2v1nfrz", D = "v17_7_2buj9g10 v17_7_2buj9gz v17_7_1y2v1nfre", x = "v17_7_2buj9g14 v17_7_2buj9g12 v17_7_2buj9gw v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_2buj9g11 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfry v17_7_1y2v1nfs2 v17_7_2buj9g13 v17_7_1y2v1nfsi", R = "v17_7_2buj9g15 v17_7_2buj9g12 v17_7_2buj9gw v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_2buj9g11 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfry v17_7_1y2v1nfs2", z = "v17_7_2buj9g16", I = "v17_7_2buj9g17", O = "v17_7_2buj9g18", W = "v17_7_2buj9g19", q = "v17_7_2buj9g1a";
@@ -22,4 +22,4 @@ _export(exports, {
22
22
  return f;
23
23
  }
24
24
  });
25
- /* empty css */ /* empty css */ var n = "v17_6_1num3qg2 v17_6_1num3qg1 v17_6_1y2v1nfra v17_6_1y2v1nfuo v17_6_1y2v1nfv3 v17_6_1y2v1nfvi", r = "v17_6_1num3qg3", f = "v17_6_1num3qg4 v17_6_1y2v1nfs1 v17_6_1y2v1nfui v17_6_1y2v1nfr8 v17_6_1y2v1nfd8 v17_6_1y2v1nfsl", y = "v17_6_1num3qg7 v17_6_1num3qg6 v17_6_1y2v1nfr9 v17_6_1y2v1nfs1 v17_6_1y2v1nfsi";
25
+ /* empty css */ /* empty css */ var n = "v17_7_1num3qg2 v17_7_1num3qg1 v17_7_1y2v1nfra v17_7_1y2v1nfuo v17_7_1y2v1nfv3 v17_7_1y2v1nfvi", r = "v17_7_1num3qg3", f = "v17_7_1num3qg4 v17_7_1y2v1nfs1 v17_7_1y2v1nfui v17_7_1y2v1nfr8 v17_7_1y2v1nfd8 v17_7_1y2v1nfsl", y = "v17_7_1num3qg7 v17_7_1num3qg6 v17_7_1y2v1nfr9 v17_7_1y2v1nfs1 v17_7_1y2v1nfsi";
@@ -43,7 +43,7 @@ _export(exports, {
43
43
  return f;
44
44
  }
45
45
  });
46
- /* empty css */ /* empty css */ var v = "v17_6_flke8b1 v17_6_flke8b0 v17_6_1y2v1nfre v17_6_1y2v1nfrk v17_6_1y2v1nfrt", n = 500, r = "v17_6_flke8b3", a = {
47
- default: "v17_6_flke8b4",
48
- brand: "v17_6_flke8b5"
49
- }, f = "v17_6_flke8b6", l = "v17_6_flke8b7 v17_6_1y2v1nfs0 v17_6_1y2v1nfre v17_6_1y2v1nfrk v17_6_1y2v1nfrt v17_6_1y2v1nfrn", k = "v17_6_flke8b9 v17_6_flke8b8 v17_6_1y2v1nfhs", o = "v17_6_flke8bb", t = "v17_6_flke8bc", b = "v17_6_flke8be", d = "v17_6_flke8bf";
46
+ /* empty css */ /* empty css */ var v = "v17_7_flke8b1 v17_7_flke8b0 v17_7_1y2v1nfre v17_7_1y2v1nfrk v17_7_1y2v1nfrt", n = 500, r = "v17_7_flke8b3", a = {
47
+ default: "v17_7_flke8b4",
48
+ brand: "v17_7_flke8b5"
49
+ }, f = "v17_7_flke8b6", l = "v17_7_flke8b7 v17_7_1y2v1nfs0 v17_7_1y2v1nfre v17_7_1y2v1nfrk v17_7_1y2v1nfrt v17_7_1y2v1nfrn", k = "v17_7_flke8b9 v17_7_flke8b8 v17_7_1y2v1nfhs", o = "v17_7_flke8bb", t = "v17_7_flke8bc", b = "v17_7_flke8be", d = "v17_7_flke8bf";
@@ -20,8 +20,8 @@ _export(exports, {
20
20
  }
21
21
  });
22
22
  /* empty css */ var _ = {
23
- size: "var(--v17_6_140ft6x0)",
24
- sizeMobile: "var(--v17_6_140ft6x1)",
25
- sizeTablet: "var(--v17_6_140ft6x2)",
26
- sizeDesktop: "var(--v17_6_140ft6x3)"
27
- }, r = "v17_6_140ft6x4", t = "v17_6_140ft6x5";
23
+ size: "var(--v17_7_140ft6x0)",
24
+ sizeMobile: "var(--v17_7_140ft6x1)",
25
+ sizeTablet: "var(--v17_7_140ft6x2)",
26
+ sizeDesktop: "var(--v17_7_140ft6x3)"
27
+ }, r = "v17_7_140ft6x4", t = "v17_7_140ft6x5";
@@ -9,54 +9,56 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
+ get MENU_MAX_WIDTH () {
13
+ return k;
14
+ },
12
15
  get assetContainer () {
13
- return y;
16
+ return s;
14
17
  },
15
18
  get itemContent () {
16
19
  return o;
17
20
  },
18
21
  get itemTextContent () {
19
- return f;
22
+ return y;
20
23
  },
21
24
  get menuContainer () {
22
- return e;
25
+ return r;
23
26
  },
24
27
  get menuItem () {
25
28
  return t;
26
29
  },
27
30
  get menuItemDisabled () {
28
- return i;
31
+ return m;
29
32
  },
30
33
  get menuItemEnabled () {
31
- return a;
34
+ return i;
32
35
  },
33
36
  get menuItemHovered () {
34
- return n;
37
+ return u;
35
38
  },
36
39
  get menuItemHoveredDestructive () {
37
- return u;
40
+ return a;
38
41
  },
39
42
  get menuSectionDivider () {
40
- return m;
43
+ return f;
41
44
  },
42
45
  get menuTransitionClasses () {
43
- return r;
46
+ return n;
44
47
  },
45
48
  get vars () {
46
- return k;
49
+ return e;
47
50
  }
48
51
  });
49
- /* empty css */ /* empty css */ var k = {
50
- top: "var(--v17_6_2k0k3u0)",
51
- bottom: "var(--v17_6_2k0k3u1)",
52
- left: "var(--v17_6_2k0k3u2)",
53
- right: "var(--v17_6_2k0k3u4)",
54
- width: "var(--v17_6_2k0k3u3)",
55
- maxHeight: "var(--v17_6_2k0k3u5)",
56
- transformOrigin: "var(--v17_6_2k0k3u6)"
57
- }, e = "v17_6_2k0k3u8 v17_6_2k0k3u7 v17_6_1y2v1nfhg v17_6_1y2v1nfip v17_6_1y2v1nfjy v17_6_1y2v1nfl7 v17_6_1y2v1nf8z v17_6_1y2v1nfu7 v17_6_1y2v1nfre v17_6_1y2v1nfrk v17_6_1y2v1nfr9", r = {
58
- enter: "v17_6_2k0k3u9",
59
- enterActive: "v17_6_2k0k3ua",
60
- exit: "v17_6_2k0k3ub",
61
- exitActive: "v17_6_2k0k3uc"
62
- }, t = "v17_6_2k0k3ud", n = "v17_6_2k0k3ue", u = "v17_6_2k0k3uf", a = "v17_6_2k0k3ug", i = "v17_6_2k0k3uh", m = "v17_6_2k0k3uj v17_6_2k0k3ui v17_6_1y2v1nfhg v17_6_1y2v1nfip", o = "v17_6_2k0k3uk", f = "v17_6_2k0k3ul", y = "v17_6_2k0k3um";
52
+ /* empty css */ /* empty css */ var k = 280, e = {
53
+ top: "var(--v17_7_2k0k3u0)",
54
+ left: "var(--v17_7_2k0k3u1)",
55
+ width: "var(--v17_7_2k0k3u2)",
56
+ maxHeight: "var(--v17_7_2k0k3u3)",
57
+ maxWidth: "var(--v17_7_2k0k3u4)",
58
+ transformOrigin: "var(--v17_7_2k0k3u5)"
59
+ }, r = "v17_7_2k0k3u7 v17_7_2k0k3u6 v17_7_1y2v1nfhg v17_7_1y2v1nfip v17_7_1y2v1nfjy v17_7_1y2v1nfl7 v17_7_1y2v1nf8z v17_7_1y2v1nfu7 v17_7_1y2v1nfre v17_7_1y2v1nfrk v17_7_1y2v1nfr9", n = {
60
+ enter: "v17_7_2k0k3u8",
61
+ enterActive: "v17_7_2k0k3u9",
62
+ exit: "v17_7_2k0k3ua",
63
+ exitActive: "v17_7_2k0k3ub"
64
+ }, t = "v17_7_2k0k3uc", u = "v17_7_2k0k3ud", a = "v17_7_2k0k3ue", i = "v17_7_2k0k3uf", m = "v17_7_2k0k3ug", f = "v17_7_2k0k3ui v17_7_2k0k3uh v17_7_1y2v1nfhg v17_7_1y2v1nfip", o = "v17_7_2k0k3uj", y = "v17_7_2k0k3uk", s = "v17_7_2k0k3ul";
@@ -1,10 +1,10 @@
1
+ export declare const MENU_MAX_WIDTH = 280;
1
2
  export declare const vars: {
2
3
  top: `var(--${string})`;
3
- bottom: `var(--${string})`;
4
4
  left: `var(--${string})`;
5
- right: `var(--${string})`;
6
5
  width: `var(--${string})`;
7
6
  maxHeight: `var(--${string})`;
7
+ maxWidth: `var(--${string})`;
8
8
  transformOrigin: `var(--${string})`;
9
9
  };
10
10
  export declare const menuContainer: string;
package/dist/menu.d.ts CHANGED
@@ -54,12 +54,24 @@ type TargetRenderProps = {
54
54
  isMenuOpen: boolean;
55
55
  };
56
56
  export type MenuProps = {
57
+ /**
58
+ * Width in pixels. Values are clamped to the range 136–280.
59
+ * The final width never exceeds the viewport width, even if that
60
+ * means going below the 136px minimum.
61
+ *
62
+ * Examples: 100 → 136, 200 → 200, 500 → 280.
63
+ */
57
64
  width?: number;
58
65
  renderTarget: (props: TargetRenderProps) => React.ReactNode;
59
66
  renderMenu: (props: MenuRenderProps) => React.ReactNode;
60
67
  children?: void;
61
- position?: 'left' | 'right';
62
68
  dataAttributes?: DataAttributes;
63
- };
64
- export declare const Menu: ({ renderTarget, renderMenu, width, position, dataAttributes, }: MenuProps) => JSX.Element;
69
+ } & ExclusifyUnion<{
70
+ /** @deprecated Use placement and alignment instead. */
71
+ position?: 'left' | 'right';
72
+ } | {
73
+ placement?: 'top' | 'bottom' | 'left' | 'right';
74
+ alignment?: 'start' | 'middle' | 'end';
75
+ }>;
76
+ export declare const Menu: ({ renderTarget, renderMenu, width, position, placement, alignment, dataAttributes, }: MenuProps) => JSX.Element;
65
77
  export {};