@telefonica/mistica 16.62.0 → 16.63.1

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 (206) 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 +26 -26
  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 +30 -30
  12. package/dist/callout.css-mistica.js +11 -11
  13. package/dist/card-internal.css-mistica.js +15 -15
  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 +6 -6
  19. package/dist/community/ai-card.css-mistica.js +2 -2
  20. package/dist/community/blocks.css-mistica.js +2 -2
  21. package/dist/community/example-component.css-mistica.js +1 -1
  22. package/dist/counter.css-mistica.js +1 -1
  23. package/dist/cover-hero.css-mistica.js +2 -2
  24. package/dist/credit-card-number-field.css-mistica.js +3 -3
  25. package/dist/date-field.css-mistica.js +1 -1
  26. package/dist/date-time-picker.css-mistica.js +1 -1
  27. package/dist/dialog.css-mistica.js +4 -4
  28. package/dist/divider.css-mistica.js +7 -7
  29. package/dist/double-field.css-mistica.js +2 -2
  30. package/dist/drawer.css-mistica.js +1 -1
  31. package/dist/empty-state-card.css-mistica.js +1 -1
  32. package/dist/empty-state.css-mistica.js +7 -7
  33. package/dist/fade-in.css-mistica.js +1 -1
  34. package/dist/feedback.css-mistica.js +1 -1
  35. package/dist/file-upload.css-mistica.js +7 -7
  36. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  37. package/dist/form.css-mistica.js +2 -2
  38. package/dist/grid-layout.css-mistica.js +5 -5
  39. package/dist/grid.css-mistica.js +122 -122
  40. package/dist/header.css-mistica.js +1 -1
  41. package/dist/hero.css-mistica.js +2 -2
  42. package/dist/horizontal-scroll.css-mistica.js +1 -1
  43. package/dist/icon-button.css-mistica.js +53 -53
  44. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  45. package/dist/icons/icon-error.css-mistica.js +1 -1
  46. package/dist/image.css-mistica.js +4 -4
  47. package/dist/inline.css-mistica.js +19 -13
  48. package/dist/inline.css.d.ts +2 -0
  49. package/dist/inline.d.ts +10 -1
  50. package/dist/inline.js +29 -28
  51. package/dist/list.css-mistica.js +1 -1
  52. package/dist/loading-bar.css-mistica.js +1 -1
  53. package/dist/loading-screen.css-mistica.js +4 -4
  54. package/dist/logo.css-mistica.js +7 -7
  55. package/dist/menu.css-mistica.js +13 -13
  56. package/dist/menu.d.ts +25 -7
  57. package/dist/menu.js +162 -142
  58. package/dist/mosaic.css-mistica.js +2 -2
  59. package/dist/navigation-bar.css-mistica.js +18 -18
  60. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  61. package/dist/package-version.js +1 -1
  62. package/dist/pin-field.css-mistica.js +1 -1
  63. package/dist/popover.css-mistica.js +1 -1
  64. package/dist/progress-bar.css-mistica.js +6 -6
  65. package/dist/radio-button.css-mistica.js +19 -19
  66. package/dist/rating.css-mistica.js +2 -2
  67. package/dist/responsive-layout.css-mistica.js +6 -6
  68. package/dist/screen-reader-only.css-mistica.js +1 -1
  69. package/dist/select.css-mistica.js +15 -15
  70. package/dist/sheet-action-row.css-mistica.js +1 -1
  71. package/dist/sheet-common.css-mistica.js +1 -1
  72. package/dist/sheet-common.js +9 -9
  73. package/dist/sheet-info.css-mistica.js +1 -1
  74. package/dist/skeletons.css-mistica.js +6 -6
  75. package/dist/skins/skin-contract.css-mistica.js +686 -686
  76. package/dist/skip-link.css-mistica.js +1 -1
  77. package/dist/slider.css-mistica.js +18 -18
  78. package/dist/snackbar.css-mistica.js +4 -4
  79. package/dist/spinner.css-mistica.js +1 -1
  80. package/dist/square.css-mistica.js +1 -1
  81. package/dist/stack.css-mistica.js +8 -8
  82. package/dist/stacking-group.css-mistica.js +1 -1
  83. package/dist/stepper.css-mistica.js +2 -2
  84. package/dist/switch-component.css-mistica.js +35 -35
  85. package/dist/table.css-mistica.js +9 -9
  86. package/dist/tabs.css-mistica.js +17 -17
  87. package/dist/tag.css-mistica.js +1 -1
  88. package/dist/text-field-base.css-mistica.js +15 -15
  89. package/dist/text-field-components.css-mistica.js +3 -3
  90. package/dist/text-link.css-mistica.js +6 -6
  91. package/dist/text.css-mistica.js +9 -9
  92. package/dist/theme-context.css-mistica.js +1 -1
  93. package/dist/timeline.css-mistica.js +9 -9
  94. package/dist/timer.css-mistica.js +6 -6
  95. package/dist/tooltip.css-mistica.js +1 -1
  96. package/dist/touchable.css-mistica.js +1 -1
  97. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  98. package/dist/video.css-mistica.js +1 -1
  99. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +3 -3
  100. package/dist-es/accordion.css-mistica.js +6 -6
  101. package/dist-es/align.css-mistica.js +1 -1
  102. package/dist-es/autocomplete.css-mistica.js +1 -1
  103. package/dist-es/avatar.css-mistica.js +1 -1
  104. package/dist-es/badge.css-mistica.js +1 -1
  105. package/dist-es/box.css-mistica.js +13 -13
  106. package/dist-es/boxed.css-mistica.js +25 -25
  107. package/dist-es/button-group.css-mistica.js +1 -1
  108. package/dist-es/button-layout.css-mistica.js +14 -14
  109. package/dist-es/button.css-mistica.js +30 -30
  110. package/dist-es/callout.css-mistica.js +11 -11
  111. package/dist-es/card-internal.css-mistica.js +15 -15
  112. package/dist-es/carousel.css-mistica.js +8 -8
  113. package/dist-es/checkbox.css-mistica.js +11 -11
  114. package/dist-es/chip.css-mistica.js +15 -15
  115. package/dist-es/circle.css-mistica.js +1 -1
  116. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  117. package/dist-es/community/ai-card.css-mistica.js +2 -2
  118. package/dist-es/community/blocks.css-mistica.js +2 -2
  119. package/dist-es/community/example-component.css-mistica.js +1 -1
  120. package/dist-es/counter.css-mistica.js +1 -1
  121. package/dist-es/cover-hero.css-mistica.js +2 -2
  122. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  123. package/dist-es/date-field.css-mistica.js +1 -1
  124. package/dist-es/date-time-picker.css-mistica.js +1 -1
  125. package/dist-es/dialog.css-mistica.js +4 -4
  126. package/dist-es/divider.css-mistica.js +7 -7
  127. package/dist-es/double-field.css-mistica.js +2 -2
  128. package/dist-es/drawer.css-mistica.js +1 -1
  129. package/dist-es/empty-state-card.css-mistica.js +1 -1
  130. package/dist-es/empty-state.css-mistica.js +7 -7
  131. package/dist-es/fade-in.css-mistica.js +1 -1
  132. package/dist-es/feedback.css-mistica.js +1 -1
  133. package/dist-es/file-upload.css-mistica.js +7 -7
  134. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  135. package/dist-es/form.css-mistica.js +2 -2
  136. package/dist-es/grid-layout.css-mistica.js +4 -4
  137. package/dist-es/grid.css-mistica.js +122 -122
  138. package/dist-es/header.css-mistica.js +1 -1
  139. package/dist-es/hero.css-mistica.js +2 -2
  140. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  141. package/dist-es/icon-button.css-mistica.js +53 -53
  142. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  143. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  144. package/dist-es/image.css-mistica.js +4 -4
  145. package/dist-es/inline.css-mistica.js +11 -11
  146. package/dist-es/inline.js +39 -38
  147. package/dist-es/list.css-mistica.js +1 -1
  148. package/dist-es/loading-bar.css-mistica.js +1 -1
  149. package/dist-es/loading-screen.css-mistica.js +4 -4
  150. package/dist-es/logo.css-mistica.js +7 -7
  151. package/dist-es/menu.css-mistica.js +13 -13
  152. package/dist-es/menu.js +215 -195
  153. package/dist-es/mosaic.css-mistica.js +2 -2
  154. package/dist-es/navigation-bar.css-mistica.js +18 -18
  155. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  156. package/dist-es/package-version.js +1 -1
  157. package/dist-es/pin-field.css-mistica.js +1 -1
  158. package/dist-es/popover.css-mistica.js +1 -1
  159. package/dist-es/progress-bar.css-mistica.js +6 -6
  160. package/dist-es/radio-button.css-mistica.js +19 -19
  161. package/dist-es/rating.css-mistica.js +2 -2
  162. package/dist-es/responsive-layout.css-mistica.js +6 -6
  163. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  164. package/dist-es/select.css-mistica.js +15 -15
  165. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  166. package/dist-es/sheet-common.css-mistica.js +1 -1
  167. package/dist-es/sheet-common.js +9 -9
  168. package/dist-es/sheet-info.css-mistica.js +1 -1
  169. package/dist-es/skeletons.css-mistica.js +6 -6
  170. package/dist-es/skins/skin-contract.css-mistica.js +686 -686
  171. package/dist-es/skip-link.css-mistica.js +1 -1
  172. package/dist-es/slider.css-mistica.js +18 -18
  173. package/dist-es/snackbar.css-mistica.js +4 -4
  174. package/dist-es/spinner.css-mistica.js +1 -1
  175. package/dist-es/square.css-mistica.js +1 -1
  176. package/dist-es/stack.css-mistica.js +7 -7
  177. package/dist-es/stacking-group.css-mistica.js +1 -1
  178. package/dist-es/stepper.css-mistica.js +2 -2
  179. package/dist-es/style.css +1 -1
  180. package/dist-es/switch-component.css-mistica.js +35 -35
  181. package/dist-es/table.css-mistica.js +9 -9
  182. package/dist-es/tabs.css-mistica.js +17 -17
  183. package/dist-es/tag.css-mistica.js +1 -1
  184. package/dist-es/text-field-base.css-mistica.js +15 -15
  185. package/dist-es/text-field-components.css-mistica.js +3 -3
  186. package/dist-es/text-link.css-mistica.js +6 -6
  187. package/dist-es/text.css-mistica.js +8 -8
  188. package/dist-es/theme-context.css-mistica.js +1 -1
  189. package/dist-es/timeline.css-mistica.js +9 -9
  190. package/dist-es/timer.css-mistica.js +6 -6
  191. package/dist-es/tooltip.css-mistica.js +1 -1
  192. package/dist-es/touchable.css-mistica.js +1 -1
  193. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  194. package/dist-es/video.css-mistica.js +1 -1
  195. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +2 -2
  196. package/doc/components.md +19 -0
  197. package/doc/figma-mcp.md +136 -0
  198. package/doc/layout.md +21 -1
  199. package/doc/llms.md +7 -0
  200. package/doc/patterns.md +6 -17
  201. package/package.json +1 -1
  202. package/src/inline.css.ts +9 -0
  203. package/src/inline.tsx +33 -6
  204. package/src/menu.tsx +82 -24
  205. package/src/package-version.tsx +1 -1
  206. package/src/sheet-common.tsx +8 -9
@@ -59,63 +59,63 @@ _export(exports, {
59
59
  }
60
60
  });
61
61
  /* empty css */ /* empty css */ var t = {
62
- "brand-solid-default": "v16_62_yqt1oe4",
63
- "brand-solid-brand": "v16_62_yqt1oe5",
64
- "brand-solid-negative": "v16_62_yqt1oe6",
65
- "brand-solid-alternative": "v16_62_yqt1oe7",
66
- "brand-soft-default": "v16_62_yqt1oe8",
67
- "brand-soft-brand": "v16_62_yqt1oe9",
68
- "brand-soft-negative": "v16_62_yqt1oea",
69
- "brand-soft-alternative": "v16_62_yqt1oeb",
70
- "brand-transparent-default": "v16_62_yqt1oec",
71
- "brand-transparent-brand": "v16_62_yqt1oed",
72
- "brand-transparent-negative": "v16_62_yqt1oee",
73
- "brand-transparent-alternative": "v16_62_yqt1oef",
74
- "neutral-solid-default": "v16_62_yqt1oeg",
75
- "neutral-solid-brand": "v16_62_yqt1oeh",
76
- "neutral-solid-negative": "v16_62_yqt1oei",
77
- "neutral-solid-alternative": "v16_62_yqt1oej",
78
- "neutral-soft-default": "v16_62_yqt1oek",
79
- "neutral-soft-brand": "v16_62_yqt1oel",
80
- "neutral-soft-negative": "v16_62_yqt1oem",
81
- "neutral-soft-alternative": "v16_62_yqt1oen",
82
- "neutral-transparent-default": "v16_62_yqt1oeo",
83
- "neutral-transparent-brand": "v16_62_yqt1oep",
84
- "neutral-transparent-negative": "v16_62_yqt1oeq",
85
- "neutral-transparent-alternative": "v16_62_yqt1oer",
86
- "danger-solid-default": "v16_62_yqt1oes",
87
- "danger-solid-brand": "v16_62_yqt1oet",
88
- "danger-solid-negative": "v16_62_yqt1oeu",
89
- "danger-solid-alternative": "v16_62_yqt1oev",
90
- "danger-soft-default": "v16_62_yqt1oew",
91
- "danger-soft-brand": "v16_62_yqt1oex",
92
- "danger-soft-negative": "v16_62_yqt1oey",
93
- "danger-soft-alternative": "v16_62_yqt1oez",
94
- "danger-transparent-default": "v16_62_yqt1oe10",
95
- "danger-transparent-brand": "v16_62_yqt1oe11",
96
- "danger-transparent-negative": "v16_62_yqt1oe12",
97
- "danger-transparent-alternative": "v16_62_yqt1oe13",
98
- "brand-media": "v16_62_yqt1oe14",
99
- "neutral-media": "v16_62_yqt1oe15",
100
- "danger-media": "v16_62_yqt1oe16"
101
- }, a = "v16_62_yqt1oe17", v = "v16_62_yqt1oe18", n = "v16_62_yqt1oe19", r = {
62
+ "brand-solid-default": "v16_63_1_yqt1oe4",
63
+ "brand-solid-brand": "v16_63_1_yqt1oe5",
64
+ "brand-solid-negative": "v16_63_1_yqt1oe6",
65
+ "brand-solid-alternative": "v16_63_1_yqt1oe7",
66
+ "brand-soft-default": "v16_63_1_yqt1oe8",
67
+ "brand-soft-brand": "v16_63_1_yqt1oe9",
68
+ "brand-soft-negative": "v16_63_1_yqt1oea",
69
+ "brand-soft-alternative": "v16_63_1_yqt1oeb",
70
+ "brand-transparent-default": "v16_63_1_yqt1oec",
71
+ "brand-transparent-brand": "v16_63_1_yqt1oed",
72
+ "brand-transparent-negative": "v16_63_1_yqt1oee",
73
+ "brand-transparent-alternative": "v16_63_1_yqt1oef",
74
+ "neutral-solid-default": "v16_63_1_yqt1oeg",
75
+ "neutral-solid-brand": "v16_63_1_yqt1oeh",
76
+ "neutral-solid-negative": "v16_63_1_yqt1oei",
77
+ "neutral-solid-alternative": "v16_63_1_yqt1oej",
78
+ "neutral-soft-default": "v16_63_1_yqt1oek",
79
+ "neutral-soft-brand": "v16_63_1_yqt1oel",
80
+ "neutral-soft-negative": "v16_63_1_yqt1oem",
81
+ "neutral-soft-alternative": "v16_63_1_yqt1oen",
82
+ "neutral-transparent-default": "v16_63_1_yqt1oeo",
83
+ "neutral-transparent-brand": "v16_63_1_yqt1oep",
84
+ "neutral-transparent-negative": "v16_63_1_yqt1oeq",
85
+ "neutral-transparent-alternative": "v16_63_1_yqt1oer",
86
+ "danger-solid-default": "v16_63_1_yqt1oes",
87
+ "danger-solid-brand": "v16_63_1_yqt1oet",
88
+ "danger-solid-negative": "v16_63_1_yqt1oeu",
89
+ "danger-solid-alternative": "v16_63_1_yqt1oev",
90
+ "danger-soft-default": "v16_63_1_yqt1oew",
91
+ "danger-soft-brand": "v16_63_1_yqt1oex",
92
+ "danger-soft-negative": "v16_63_1_yqt1oey",
93
+ "danger-soft-alternative": "v16_63_1_yqt1oez",
94
+ "danger-transparent-default": "v16_63_1_yqt1oe10",
95
+ "danger-transparent-brand": "v16_63_1_yqt1oe11",
96
+ "danger-transparent-negative": "v16_63_1_yqt1oe12",
97
+ "danger-transparent-alternative": "v16_63_1_yqt1oe13",
98
+ "brand-media": "v16_63_1_yqt1oe14",
99
+ "neutral-media": "v16_63_1_yqt1oe15",
100
+ "danger-media": "v16_63_1_yqt1oe16"
101
+ }, a = "v16_63_1_yqt1oe17", v = "v16_63_1_yqt1oe18", n = "v16_63_1_yqt1oe19", r = {
102
102
  default: "1.5rem",
103
103
  small: "1.25rem"
104
104
  }, o = {
105
105
  small: "calc(1.25rem + 12px)"
106
- }, y = "v16_62_yqt1oe1a v16_62_1y2v1nffx v16_62_1y2v1nfh6 v16_62_1y2v1nfif v16_62_1y2v1nfjo v16_62_1y2v1nfsm v16_62_1y2v1nffw v16_62_1y2v1nfq4 v16_62_1y2v1nfqj v16_62_1y2v1nfqd", q = {
107
- default: "v16_62_yqt1oe1c v16_62_yqt1oe1b",
108
- small: "v16_62_yqt1oe1d v16_62_yqt1oe1b"
109
- }, d = "v16_62_yqt1oe1f", l = {
110
- default: "v16_62_yqt1oe1g",
111
- small: "v16_62_yqt1oe1h"
106
+ }, y = "v16_63_1_yqt1oe1a v16_63_1_1y2v1nffx v16_63_1_1y2v1nfh6 v16_63_1_1y2v1nfif v16_63_1_1y2v1nfjo v16_63_1_1y2v1nfsm v16_63_1_1y2v1nffw v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqj v16_63_1_1y2v1nfqd", q = {
107
+ default: "v16_63_1_yqt1oe1c v16_63_1_yqt1oe1b",
108
+ small: "v16_63_1_yqt1oe1d v16_63_1_yqt1oe1b"
109
+ }, d = "v16_63_1_yqt1oe1f", l = {
110
+ default: "v16_63_1_yqt1oe1g",
111
+ small: "v16_63_1_yqt1oe1h"
112
112
  }, f = {
113
- default: "v16_62_yqt1oe1i",
114
- small: "v16_62_yqt1oe1j"
113
+ default: "v16_63_1_yqt1oe1i",
114
+ small: "v16_63_1_yqt1oe1j"
115
115
  }, i = {
116
- default: "v16_62_yqt1oe1k",
117
- small: "v16_62_yqt1oe1l"
116
+ default: "v16_63_1_yqt1oe1k",
117
+ small: "v16_63_1_yqt1oe1l"
118
118
  }, s = {
119
- default: "v16_62_yqt1oe1o v16_62_yqt1oe1n v16_62_yqt1oe1m v16_62_1y2v1nfso v16_62_1y2v1nfq4 v16_62_1y2v1nfqj v16_62_1y2v1nfqd v16_62_1y2v1nft8 v16_62_1y2v1nfpy",
120
- small: "v16_62_yqt1oe1p v16_62_yqt1oe1n v16_62_yqt1oe1m v16_62_1y2v1nfso v16_62_1y2v1nfq4 v16_62_1y2v1nfqj v16_62_1y2v1nfqd v16_62_1y2v1nft8 v16_62_1y2v1nfpy"
121
- }, u = "v16_62_yqt1oe1q", b = "v16_62_yqt1oe1s v16_62_yqt1oe1r v16_62_1y2v1nfpy v16_62_1y2v1nfq5", g = "v16_62_yqt1oe1u v16_62_yqt1oe1t v16_62_1y2v1nfpz";
119
+ default: "v16_63_1_yqt1oe1o v16_63_1_yqt1oe1n v16_63_1_yqt1oe1m v16_63_1_1y2v1nfso v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqj v16_63_1_1y2v1nfqd v16_63_1_1y2v1nft8 v16_63_1_1y2v1nfpy",
120
+ small: "v16_63_1_yqt1oe1p v16_63_1_yqt1oe1n v16_63_1_yqt1oe1m v16_63_1_1y2v1nfso v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqj v16_63_1_1y2v1nfqd v16_63_1_1y2v1nft8 v16_63_1_1y2v1nfpy"
121
+ }, u = "v16_63_1_yqt1oe1q", b = "v16_63_1_yqt1oe1s v16_63_1_yqt1oe1r v16_63_1_1y2v1nfpy v16_63_1_1y2v1nfq5", g = "v16_63_1_yqt1oe1u v16_63_1_yqt1oe1t v16_63_1_1y2v1nfpz";
@@ -20,5 +20,5 @@ _export(exports, {
20
20
  }
21
21
  });
22
22
  /* empty css */ var o = {
23
- transitionDuration: "var(--v16_62_77bqcx0)"
24
- }, a = "v16_62_77bqcx1", v = "v16_62_77bqcx2";
23
+ transitionDuration: "var(--v16_63_1_77bqcx0)"
24
+ }, a = "v16_63_1_77bqcx1", v = "v16_63_1_77bqcx2";
@@ -16,4 +16,4 @@ _export(exports, {
16
16
  return a;
17
17
  }
18
18
  });
19
- /* empty css */ var a = "v16_62_1ao3f5e1", i = "v16_62_1ao3f5e2";
19
+ /* empty css */ var a = "v16_63_1_1ao3f5e1", i = "v16_63_1_1ao3f5e2";
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  get FADE_IN_DURATION_MS () {
13
- return _;
13
+ return v;
14
14
  },
15
15
  get circularBorderRadius () {
16
16
  return e;
@@ -34,6 +34,6 @@ _export(exports, {
34
34
  return d;
35
35
  }
36
36
  });
37
- /* empty css */ /* empty css */ var _ = 300, t = {
38
- mediaBorderRadius: "var(--v16_62_17tt25r0)"
39
- }, a = "v16_62_17tt25r1", i = "v16_62_17tt25r3 v16_62_17tt25r2 v16_62_1y2v1nfte v16_62_1y2v1nftt v16_62_1y2v1nfq6 v16_62_1y2v1nfqr v16_62_1y2v1nfr8 v16_62_1y2v1nfv2 v16_62_1y2v1nfsj v16_62_1y2v1nfsk v16_62_1y2v1nfsw", d = "v16_62_17tt25r4", e = "v16_62_17tt25r5", f = "v16_62_17tt25r6", o = "v16_62_17tt25r7";
37
+ /* empty css */ /* empty css */ var v = 300, t = {
38
+ mediaBorderRadius: "var(--v16_63_1_17tt25r0)"
39
+ }, a = "v16_63_1_17tt25r1", i = "v16_63_1_17tt25r3 v16_63_1_17tt25r2 v16_63_1_1y2v1nfte v16_63_1_1y2v1nftt v16_63_1_1y2v1nfq6 v16_63_1_1y2v1nfqr v16_63_1_1y2v1nfr8 v16_63_1_1y2v1nfv2 v16_63_1_1y2v1nfsj v16_63_1_1y2v1nfsk v16_63_1_1y2v1nfsw", d = "v16_63_1_17tt25r4", e = "v16_63_1_17tt25r5", f = "v16_63_1_17tt25r6", o = "v16_63_1_17tt25r7";
@@ -9,14 +9,20 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
+ get expand () {
13
+ return p;
14
+ },
15
+ get expandItem () {
16
+ return i;
17
+ },
12
18
  get fullWidth () {
13
19
  return r;
14
20
  },
15
21
  get inline () {
16
- return _;
22
+ return k;
17
23
  },
18
24
  get marginInline () {
19
- return k;
25
+ return a;
20
26
  },
21
27
  get noFullWidth () {
22
28
  return n;
@@ -28,19 +34,19 @@ _export(exports, {
28
34
  return f;
29
35
  },
30
36
  get vars () {
31
- return a;
37
+ return _;
32
38
  },
33
39
  get wrap () {
34
40
  return e;
35
41
  }
36
42
  });
37
- /* empty css */ var a = {
38
- space: "var(--v16_62_kkfbnv0)",
39
- spaceMobile: "var(--v16_62_kkfbnv1)",
40
- spaceTablet: "var(--v16_62_kkfbnv2)",
41
- spaceDesktop: "var(--v16_62_kkfbnv3)",
42
- verticalSpace: "var(--v16_62_kkfbnv4)",
43
- verticalSpaceMobile: "var(--v16_62_kkfbnv5)",
44
- verticalSpaceTablet: "var(--v16_62_kkfbnv6)",
45
- verticalSpaceDesktop: "var(--v16_62_kkfbnv7)"
46
- }, k = "v16_62_kkfbnv8", _ = "v16_62_kkfbnv9", r = "v16_62_kkfbnva", e = "v16_62_kkfbnvb", n = "v16_62_kkfbnvc", b = "v16_62_kkfbnvd", f = "v16_62_kkfbnve";
43
+ /* empty css */ var _ = {
44
+ space: "var(--v16_63_1_kkfbnv0)",
45
+ spaceMobile: "var(--v16_63_1_kkfbnv1)",
46
+ spaceTablet: "var(--v16_63_1_kkfbnv2)",
47
+ spaceDesktop: "var(--v16_63_1_kkfbnv3)",
48
+ verticalSpace: "var(--v16_63_1_kkfbnv4)",
49
+ verticalSpaceMobile: "var(--v16_63_1_kkfbnv5)",
50
+ verticalSpaceTablet: "var(--v16_63_1_kkfbnv6)",
51
+ verticalSpaceDesktop: "var(--v16_63_1_kkfbnv7)"
52
+ }, a = "v16_63_1_kkfbnv8", k = "v16_63_1_kkfbnv9", r = "v16_63_1_kkfbnva", e = "v16_63_1_kkfbnvb", n = "v16_63_1_kkfbnvc", b = "v16_63_1_kkfbnvd", f = "v16_63_1_kkfbnve", p = "v16_63_1_kkfbnvf", i = "v16_63_1_kkfbnvg";
@@ -15,3 +15,5 @@ export declare const wrap: string;
15
15
  export declare const noFullWidth: string;
16
16
  export declare const stringSpace: string;
17
17
  export declare const stringSpaceWithWrap: string;
18
+ export declare const expand: string;
19
+ export declare const expandItem: string;
package/dist/inline.d.ts CHANGED
@@ -14,6 +14,15 @@ type Props = {
14
14
  fullWidth?: boolean;
15
15
  dataAttributes?: DataAttributes;
16
16
  wrap?: boolean;
17
+ /**
18
+ * Index or indexes of the children that should grow to fill the available space.
19
+ * Indexes refer to entries in `React.Children.toArray(children)`, so empty nodes
20
+ * (`null`, `undefined` and booleans) are ignored, but React elements still count
21
+ * even if they ultimately render no content.
22
+ *
23
+ * This prop has no effect when `wrap` is enabled.
24
+ */
25
+ expand?: number | ReadonlyArray<number>;
17
26
  };
18
- declare const Inline: ({ space, verticalSpace, className, children, role, alignItems, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, }: Props) => JSX.Element;
27
+ declare const Inline: ({ space, verticalSpace, className, children, role, alignItems, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, expand, }: Props) => JSX.Element;
19
28
  export default Inline;
package/dist/inline.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return q;
9
+ return U;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -115,52 +115,53 @@ function _object_spread_props(target, source) {
115
115
  }
116
116
  return target;
117
117
  }
118
- const s = (e)=>typeof e == "number" ? `${e}px` : `space-${e}`, M = (e, a)=>{
119
- const o = (t, i)=>{
120
- if (typeof t == "number" || typeof t == "string") return {
121
- [i.default]: s(t)
118
+ const n = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, _ = (t, i)=>{
119
+ const o = (e, l)=>{
120
+ if (typeof e == "number" || typeof e == "string") return {
121
+ [l.default]: n(e)
122
122
  };
123
- const l = {
124
- [i.mobile]: s(t.mobile),
125
- [i.desktop]: s(t.desktop)
123
+ const a = {
124
+ [l.mobile]: n(e.mobile),
125
+ [l.desktop]: n(e.desktop)
126
126
  };
127
- return t.tablet && (l[i.tablet] = s(t.tablet)), l;
128
- }, n = o(e, {
127
+ return e.tablet && (a[l.tablet] = n(e.tablet)), a;
128
+ }, s = o(t, {
129
129
  default: _inlinecssmistica.vars.space,
130
130
  mobile: _inlinecssmistica.vars.spaceMobile,
131
131
  tablet: _inlinecssmistica.vars.spaceTablet,
132
132
  desktop: _inlinecssmistica.vars.spaceDesktop
133
133
  });
134
- if (a) {
135
- const t = o(a, {
134
+ if (i) {
135
+ const e = o(i, {
136
136
  default: _inlinecssmistica.vars.verticalSpace,
137
137
  mobile: _inlinecssmistica.vars.verticalSpaceMobile,
138
138
  tablet: _inlinecssmistica.vars.verticalSpaceTablet,
139
139
  desktop: _inlinecssmistica.vars.verticalSpaceDesktop
140
140
  });
141
- return _object_spread({}, n, t);
141
+ return _object_spread({}, s, e);
142
142
  }
143
- return n;
144
- }, q = (param)=>{
145
- let { space: e, verticalSpace: a, className: o, children: n, role: t, alignItems: i = "stretch", "aria-label": l, "aria-labelledby": d, fullWidth: b, wrap: c, dataAttributes: u } = param;
146
- const { platformOverrides: m } = (0, _hooks.useTheme)();
143
+ return s;
144
+ }, S = (t, i)=>t === void 0 ? !1 : Array.isArray(t) ? t.includes(i) : t === i, U = (param)=>{
145
+ let { space: t, verticalSpace: i, className: o, children: s, role: e, alignItems: l = "stretch", "aria-label": a, "aria-labelledby": g, fullWidth: I, wrap: c, dataAttributes: k, expand: d } = param;
146
+ const { platformOverrides: m } = (0, _hooks.useTheme)(), x = typeof t == "string", f = _react.Children.toArray(s).filter(Boolean), u = f.some((b, p)=>S(d, p)) && !c;
147
147
  return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
148
- className: (0, _classnames.default)(o, _inlinecssmistica.inline, c ? _inlinecssmistica.wrap : b ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, typeof e == "string" ? c ? _inlinecssmistica.stringSpaceWithWrap : _inlinecssmistica.stringSpace : _inlinecssmistica.marginInline),
149
- style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(M(e, a))), {
150
- alignItems: i
148
+ className: (0, _classnames.default)(o, _inlinecssmistica.inline, c ? _inlinecssmistica.wrap : I || u ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, x ? c ? _inlinecssmistica.stringSpaceWithWrap : _inlinecssmistica.stringSpace : _inlinecssmistica.marginInline, u && _inlinecssmistica.expand),
149
+ style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(_(t, i))), {
150
+ alignItems: l
151
151
  }),
152
- role: t,
153
- "aria-label": l,
154
- "aria-labelledby": l ? void 0 : d
155
- }, (0, _dom.getPrefixedDataAttributes)(u, "Inline")), {
156
- children: _react.Children.map(n, (p)=>p || p === 0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
157
- role: t === "list" ? "listitem" : void 0,
152
+ role: e,
153
+ "aria-label": a,
154
+ "aria-labelledby": a ? void 0 : g
155
+ }, (0, _dom.getPrefixedDataAttributes)(k, "Inline")), {
156
+ children: _react.Children.map(f, (b, p)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
157
+ role: e === "list" ? "listitem" : void 0,
158
+ className: (0, _classnames.default)(S(d, p) && _inlinecssmistica.expandItem),
158
159
  style: {
159
160
  // Hack to fix https://jira.tid.es/browse/WEB-1683
160
161
  // In iOS the inline component sometimes cuts the last line of the content
161
162
  paddingBottom: (0, _platform.isIos)(m) && !(0, _platform.isRunningAcceptanceTest)(m) ? 1 : void 0
162
163
  },
163
- children: p
164
- }) : null)
164
+ children: b
165
+ }))
165
166
  }));
166
167
  };
@@ -91,4 +91,4 @@ _export(exports, {
91
91
  return p;
92
92
  }
93
93
  });
94
- /* empty css */ /* empty css */ var n = "v16_62_2buj9g0", f = "v16_62_2buj9g1 v16_62_1y2v1nfqr", y = "v16_62_2buj9g2", r = "v16_62_2buj9g3", u = "v16_62_2buj9g4", a = "v16_62_2buj9g5 v16_62_1y2v1nft7", g = "v16_62_2buj9g7 v16_62_2buj9g6 v16_62_1y2v1nffx v16_62_1y2v1nfh6 v16_62_1y2v1nfif v16_62_1y2v1nfjo v16_62_1y2v1nfqr v16_62_1y2v1nfsm v16_62_1y2v1nffw v16_62_1y2v1nfq6 v16_62_1y2v1nfr8 v16_62_1y2v1nfpy", j = "v16_62_2buj9g8 v16_62_1y2v1nfiu v16_62_1y2v1nfk3", b = "v16_62_2buj9g9 v16_62_1y2v1nfgc v16_62_1y2v1nfhl v16_62_1y2v1nfq4 v16_62_1y2v1nfqr v16_62_1y2v1nfsh", t = "v16_62_2buj9ga v16_62_1y2v1nfk3", i = "v16_62_2buj9gb v16_62_1y2v1nfq4 v16_62_1y2v1nfqm v16_62_1y2v1nfqo", o = "v16_62_2buj9gc v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfqq", q = "v16_62_2buj9gd v16_62_1y2v1nfq4 v16_62_1y2v1nfqj", e = "v16_62_2buj9gf v16_62_2buj9gd v16_62_1y2v1nfq4 v16_62_1y2v1nfqj v16_62_2buj9ge v16_62_1y2v1nfqd v16_62_1y2v1nfru v16_62_1y2v1nfr8 v16_62_1y2v1nfqm", d = "v16_62_2buj9gg", l = "v16_62_2buj9gh", h = "v16_62_2buj9gi", c = "v16_62_2buj9gj v16_62_2buj9gd v16_62_1y2v1nfq4 v16_62_1y2v1nfqj", s = "v16_62_2buj9gk v16_62_1y2v1nfq4 v16_62_1y2v1nfq9 v16_62_1y2v1nfr8", m = "v16_62_2buj9gn v16_62_2buj9gl v16_62_1y2v1nffx v16_62_1y2v1nfh6 v16_62_1y2v1nfif v16_62_1y2v1nfjo v16_62_1y2v1nfsm v16_62_1y2v1nffw v16_62_2buj9gm v16_62_1y2v1nfiu v16_62_1y2v1nfk3 v16_62_1y2v1nfq6 v16_62_1y2v1nfqp", k = "v16_62_2buj9gp v16_62_2buj9go v16_62_1y2v1nfq4", w = "v16_62_2buj9gr v16_62_2buj9gl v16_62_1y2v1nffx v16_62_1y2v1nfh6 v16_62_1y2v1nfif v16_62_1y2v1nfjo v16_62_1y2v1nfsm v16_62_1y2v1nffw v16_62_2buj9gq v16_62_1y2v1nfiu v16_62_1y2v1nfk3 v16_62_1y2v1nfq4 v16_62_1y2v1nfqj v16_62_1y2v1nfqo v16_62_1y2v1nfqs v16_62_1y2v1nfr8", p = "v16_62_2buj9gs", C = "v16_62_2buj9gt", x = "v16_62_2buj9gu", A = "v16_62_2buj9gv", B = "v16_62_2buj9gw";
94
+ /* empty css */ /* empty css */ var n = "v16_63_1_2buj9g0", f = "v16_63_1_2buj9g1 v16_63_1_1y2v1nfqr", y = "v16_63_1_2buj9g2", r = "v16_63_1_2buj9g3", u = "v16_63_1_2buj9g4", a = "v16_63_1_2buj9g5 v16_63_1_1y2v1nft7", g = "v16_63_1_2buj9g7 v16_63_1_2buj9g6 v16_63_1_1y2v1nffx v16_63_1_1y2v1nfh6 v16_63_1_1y2v1nfif v16_63_1_1y2v1nfjo v16_63_1_1y2v1nfqr v16_63_1_1y2v1nfsm v16_63_1_1y2v1nffw v16_63_1_1y2v1nfq6 v16_63_1_1y2v1nfr8 v16_63_1_1y2v1nfpy", j = "v16_63_1_2buj9g8 v16_63_1_1y2v1nfiu v16_63_1_1y2v1nfk3", b = "v16_63_1_2buj9g9 v16_63_1_1y2v1nfgc v16_63_1_1y2v1nfhl v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqr v16_63_1_1y2v1nfsh", t = "v16_63_1_2buj9ga v16_63_1_1y2v1nfk3", i = "v16_63_1_2buj9gb v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqm v16_63_1_1y2v1nfqo", o = "v16_63_1_2buj9gc v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqa v16_63_1_1y2v1nfqq", q = "v16_63_1_2buj9gd v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqj", e = "v16_63_1_2buj9gf v16_63_1_2buj9gd v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqj v16_63_1_2buj9ge v16_63_1_1y2v1nfqd v16_63_1_1y2v1nfru v16_63_1_1y2v1nfr8 v16_63_1_1y2v1nfqm", d = "v16_63_1_2buj9gg", l = "v16_63_1_2buj9gh", h = "v16_63_1_2buj9gi", c = "v16_63_1_2buj9gj v16_63_1_2buj9gd v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqj", s = "v16_63_1_2buj9gk v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfq9 v16_63_1_1y2v1nfr8", m = "v16_63_1_2buj9gn v16_63_1_2buj9gl v16_63_1_1y2v1nffx v16_63_1_1y2v1nfh6 v16_63_1_1y2v1nfif v16_63_1_1y2v1nfjo v16_63_1_1y2v1nfsm v16_63_1_1y2v1nffw v16_63_1_2buj9gm v16_63_1_1y2v1nfiu v16_63_1_1y2v1nfk3 v16_63_1_1y2v1nfq6 v16_63_1_1y2v1nfqp", k = "v16_63_1_2buj9gp v16_63_1_2buj9go v16_63_1_1y2v1nfq4", w = "v16_63_1_2buj9gr v16_63_1_2buj9gl v16_63_1_1y2v1nffx v16_63_1_1y2v1nfh6 v16_63_1_1y2v1nfif v16_63_1_1y2v1nfjo v16_63_1_1y2v1nfsm v16_63_1_1y2v1nffw v16_63_1_2buj9gq v16_63_1_1y2v1nfiu v16_63_1_1y2v1nfk3 v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqj v16_63_1_1y2v1nfqo v16_63_1_1y2v1nfqs v16_63_1_1y2v1nfr8", p = "v16_63_1_2buj9gs", C = "v16_63_1_2buj9gt", x = "v16_63_1_2buj9gu", A = "v16_63_1_2buj9gv", B = "v16_63_1_2buj9gw";
@@ -22,4 +22,4 @@ _export(exports, {
22
22
  return y;
23
23
  }
24
24
  });
25
- /* empty css */ /* empty css */ var n = "v16_62_1num3qg2 v16_62_1num3qg1 v16_62_1y2v1nfq0 v16_62_1y2v1nfte v16_62_1y2v1nftt v16_62_1y2v1nfu8", r = "v16_62_1num3qg3", y = "v16_62_1num3qg4 v16_62_1y2v1nfqr v16_62_1y2v1nft8 v16_62_1y2v1nfpy v16_62_1y2v1nfbx v16_62_1y2v1nfrb", f = "v16_62_1num3qg7 v16_62_1num3qg6 v16_62_1y2v1nfpz v16_62_1y2v1nfqr v16_62_1y2v1nfr8";
25
+ /* empty css */ /* empty css */ var n = "v16_63_1_1num3qg2 v16_63_1_1num3qg1 v16_63_1_1y2v1nfq0 v16_63_1_1y2v1nfte v16_63_1_1y2v1nftt v16_63_1_1y2v1nfu8", r = "v16_63_1_1num3qg3", y = "v16_63_1_1num3qg4 v16_63_1_1y2v1nfqr v16_63_1_1y2v1nft8 v16_63_1_1y2v1nfpy v16_63_1_1y2v1nfbx v16_63_1_1y2v1nfrb", f = "v16_63_1_1num3qg7 v16_63_1_1num3qg6 v16_63_1_1y2v1nfpz v16_63_1_1y2v1nfqr v16_63_1_1y2v1nfr8";
@@ -43,7 +43,7 @@ _export(exports, {
43
43
  return f;
44
44
  }
45
45
  });
46
- /* empty css */ /* empty css */ var e = "v16_62_flke8b1 v16_62_flke8b0 v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfqj", n = 500, a = "v16_62_flke8b3", r = {
47
- default: "v16_62_flke8b4",
48
- brand: "v16_62_flke8b5"
49
- }, f = "v16_62_flke8b6", l = "v16_62_flke8b7 v16_62_1y2v1nfqq v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfqj v16_62_1y2v1nfqd", d = "v16_62_flke8b9 v16_62_flke8b8 v16_62_1y2v1nfgi", k = "v16_62_flke8bb", o = "v16_62_flke8bc", b = "v16_62_flke8be", i = "v16_62_flke8bf";
46
+ /* empty css */ /* empty css */ var e = "v16_63_1_flke8b1 v16_63_1_flke8b0 v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqa v16_63_1_1y2v1nfqj", n = 500, a = "v16_63_1_flke8b3", r = {
47
+ default: "v16_63_1_flke8b4",
48
+ brand: "v16_63_1_flke8b5"
49
+ }, f = "v16_63_1_flke8b6", l = "v16_63_1_flke8b7 v16_63_1_1y2v1nfqq v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqa v16_63_1_1y2v1nfqj v16_63_1_1y2v1nfqd", d = "v16_63_1_flke8b9 v16_63_1_flke8b8 v16_63_1_1y2v1nfgi", k = "v16_63_1_flke8bb", o = "v16_63_1_flke8bc", b = "v16_63_1_flke8be", i = "v16_63_1_flke8bf";
@@ -16,12 +16,12 @@ _export(exports, {
16
16
  return r;
17
17
  },
18
18
  get vars () {
19
- return _;
19
+ return v;
20
20
  }
21
21
  });
22
- /* empty css */ var _ = {
23
- size: "var(--v16_62_140ft6x0)",
24
- sizeMobile: "var(--v16_62_140ft6x1)",
25
- sizeTablet: "var(--v16_62_140ft6x2)",
26
- sizeDesktop: "var(--v16_62_140ft6x3)"
27
- }, r = "v16_62_140ft6x4", t = "v16_62_140ft6x5";
22
+ /* empty css */ var v = {
23
+ size: "var(--v16_63_1_140ft6x0)",
24
+ sizeMobile: "var(--v16_63_1_140ft6x1)",
25
+ sizeTablet: "var(--v16_63_1_140ft6x2)",
26
+ sizeDesktop: "var(--v16_63_1_140ft6x3)"
27
+ }, r = "v16_63_1_140ft6x4", t = "v16_63_1_140ft6x5";
@@ -44,16 +44,16 @@ _export(exports, {
44
44
  }
45
45
  });
46
46
  /* empty css */ /* empty css */ var k = {
47
- top: "var(--v16_62_2k0k3u0)",
48
- bottom: "var(--v16_62_2k0k3u1)",
49
- left: "var(--v16_62_2k0k3u2)",
50
- right: "var(--v16_62_2k0k3u4)",
51
- width: "var(--v16_62_2k0k3u3)",
52
- maxHeight: "var(--v16_62_2k0k3u5)",
53
- transformOrigin: "var(--v16_62_2k0k3u6)"
54
- }, e = "v16_62_2k0k3u8 v16_62_2k0k3u7 v16_62_1y2v1nfg6 v16_62_1y2v1nfhf v16_62_1y2v1nfio v16_62_1y2v1nfjx v16_62_1y2v1nf83 v16_62_1y2v1nfsy v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfpz", n = {
55
- enter: "v16_62_2k0k3u9",
56
- enterActive: "v16_62_2k0k3ua",
57
- exit: "v16_62_2k0k3ub",
58
- exitActive: "v16_62_2k0k3uc"
59
- }, r = "v16_62_2k0k3ud", t = "v16_62_2k0k3ue", a = "v16_62_2k0k3uf", u = "v16_62_2k0k3ug", i = "v16_62_2k0k3ui v16_62_2k0k3uh v16_62_1y2v1nfg6 v16_62_1y2v1nfhf", m = "v16_62_2k0k3uj", f = "v16_62_2k0k3uk", o = "v16_62_2k0k3ul";
47
+ top: "var(--v16_63_1_2k0k3u0)",
48
+ bottom: "var(--v16_63_1_2k0k3u1)",
49
+ left: "var(--v16_63_1_2k0k3u2)",
50
+ right: "var(--v16_63_1_2k0k3u4)",
51
+ width: "var(--v16_63_1_2k0k3u3)",
52
+ maxHeight: "var(--v16_63_1_2k0k3u5)",
53
+ transformOrigin: "var(--v16_63_1_2k0k3u6)"
54
+ }, e = "v16_63_1_2k0k3u8 v16_63_1_2k0k3u7 v16_63_1_1y2v1nfg6 v16_63_1_1y2v1nfhf v16_63_1_1y2v1nfio v16_63_1_1y2v1nfjx v16_63_1_1y2v1nf83 v16_63_1_1y2v1nfsy v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqa v16_63_1_1y2v1nfpz", n = {
55
+ enter: "v16_63_1_2k0k3u9",
56
+ enterActive: "v16_63_1_2k0k3ua",
57
+ exit: "v16_63_1_2k0k3ub",
58
+ exitActive: "v16_63_1_2k0k3uc"
59
+ }, r = "v16_63_1_2k0k3ud", t = "v16_63_1_2k0k3ue", a = "v16_63_1_2k0k3uf", u = "v16_63_1_2k0k3ug", i = "v16_63_1_2k0k3ui v16_63_1_2k0k3uh v16_63_1_1y2v1nfg6 v16_63_1_1y2v1nfhf", m = "v16_63_1_2k0k3uj", f = "v16_63_1_2k0k3uk", o = "v16_63_1_2k0k3ul";
package/dist/menu.d.ts CHANGED
@@ -7,19 +7,37 @@ interface MenuItemBaseProps {
7
7
  Icon?: (props: IconProps) => JSX.Element;
8
8
  destructive?: boolean;
9
9
  disabled?: boolean;
10
- onPress: (item: number) => void;
11
10
  dataAttributes?: DataAttributes;
12
11
  }
13
- interface MenuItemWithoutControlProps extends MenuItemBaseProps {
12
+ interface MenuItemOnPressProps extends MenuItemBaseProps {
13
+ onPress: (item: number) => void;
14
+ controlType?: 'checkbox';
15
+ checked?: boolean;
16
+ href?: undefined;
17
+ to?: undefined;
18
+ }
19
+ interface MenuItemHrefProps extends MenuItemBaseProps {
20
+ href: string;
21
+ newTab?: boolean;
22
+ loadOnTop?: boolean;
23
+ onNavigate?: () => void | Promise<void>;
24
+ onPress?: undefined;
25
+ to?: undefined;
14
26
  controlType?: undefined;
15
27
  checked?: undefined;
16
28
  }
17
- interface MenuItemWithControlProps extends MenuItemBaseProps {
18
- controlType?: 'checkbox';
19
- checked?: boolean;
29
+ interface MenuItemToProps extends MenuItemBaseProps {
30
+ to: string;
31
+ newTab?: boolean;
32
+ fullPageOnWebView?: boolean;
33
+ onNavigate?: () => void | Promise<void>;
34
+ onPress?: undefined;
35
+ href?: undefined;
36
+ controlType?: undefined;
37
+ checked?: undefined;
20
38
  }
21
- type MenuItemProps = ExclusifyUnion<MenuItemWithControlProps | MenuItemWithoutControlProps>;
22
- export declare const MenuItem: ({ label, Icon, destructive, disabled, onPress, controlType, checked, description, dataAttributes, }: MenuItemProps) => JSX.Element;
39
+ type MenuItemProps = ExclusifyUnion<MenuItemOnPressProps | MenuItemHrefProps | MenuItemToProps>;
40
+ export declare const MenuItem: ({ label, Icon, destructive, disabled, onPress, href, to, newTab, loadOnTop, fullPageOnWebView, onNavigate, controlType, checked, description, dataAttributes, }: MenuItemProps) => JSX.Element;
23
41
  type MenuSectionProps = {
24
42
  children?: React.ReactNode;
25
43
  };