carbon-react 161.12.0 → 161.13.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 (447) hide show
  1. package/esm/__internal__/character-count/character-count.style.js +1 -1
  2. package/esm/__internal__/checkable-input/checkable-input.style.js +1 -1
  3. package/esm/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
  4. package/esm/__internal__/error-border/error-border.style.js +1 -1
  5. package/esm/__internal__/field-help/field-help.style.js +1 -1
  6. package/esm/__internal__/fieldset/__next__/fieldset.style.js +1 -1
  7. package/esm/__internal__/fieldset/fieldset.style.js +1 -1
  8. package/esm/__internal__/form-field/form-field.style.js +1 -1
  9. package/esm/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
  10. package/esm/__internal__/hint-text/hint-text.style.js +1 -1
  11. package/esm/__internal__/input/input-style-overrides.style.js +1 -1
  12. package/esm/__internal__/input/input.style.js +1 -1
  13. package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
  14. package/esm/__internal__/label/label.style.js +1 -1
  15. package/esm/__internal__/legacy-error-border/error-border.style.js +1 -1
  16. package/esm/__internal__/legacy-hint-text/hint-text.style.js +1 -1
  17. package/esm/__internal__/legacy-input/input-presentation.style.js +1 -1
  18. package/esm/__internal__/legacy-input/input.style.js +1 -1
  19. package/esm/__internal__/legacy-label/icon-wrapper.style.js +1 -1
  20. package/esm/__internal__/legacy-label/label.style.js +1 -1
  21. package/esm/__internal__/modal/modal.style.js +1 -1
  22. package/esm/__internal__/popover/popover.component.d.ts +3 -1
  23. package/esm/__internal__/popover/popover.component.js +1 -1
  24. package/esm/__internal__/popover/popover.style.js +1 -1
  25. package/esm/__internal__/popover-menu/contexts/index.d.ts +2 -1
  26. package/esm/__internal__/popover-menu/contexts/index.js +1 -1
  27. package/esm/__internal__/popover-menu/contexts/menu-item.context.d.ts +4 -0
  28. package/esm/__internal__/popover-menu/contexts/menu-item.context.js +1 -0
  29. package/esm/__internal__/popover-menu/contexts/popover-menu.context.d.ts +22 -0
  30. package/esm/__internal__/popover-menu/contexts/popover-menu.context.js +1 -1
  31. package/esm/__internal__/popover-menu/hooks/index.d.ts +1 -1
  32. package/esm/__internal__/popover-menu/hooks/index.js +1 -1
  33. package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.d.ts +6 -3
  34. package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.js +1 -1
  35. package/esm/__internal__/popover-menu/index.d.ts +1 -0
  36. package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
  37. package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
  38. package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
  39. package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
  40. package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
  41. package/esm/__internal__/popover-menu/menu-item/menu-item.component.d.ts +6 -1
  42. package/esm/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
  43. package/esm/__internal__/popover-menu/popover-menu.component.d.ts +16 -14
  44. package/esm/__internal__/popover-menu/popover-menu.component.js +1 -1
  45. package/esm/__internal__/popover-menu/utils/index.d.ts +4 -1
  46. package/esm/__internal__/popover-menu/utils/index.js +1 -1
  47. package/esm/__internal__/validation-message/__next__/validation-message.style.js +1 -1
  48. package/esm/__internal__/validation-message/validation-message.style.js +1 -1
  49. package/esm/__internal__/validations/validation-icon.style.js +1 -1
  50. package/esm/components/accordion/accordion.style.js +1 -1
  51. package/esm/components/action-popover/action-popover.style.js +1 -1
  52. package/esm/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
  53. package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
  54. package/esm/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
  55. package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
  56. package/esm/components/anchor-navigation/anchor-navigation.style.js +1 -1
  57. package/esm/components/anchor-navigation/anchor-section-divider.component.js +1 -1
  58. package/esm/components/badge/badge.style.js +1 -1
  59. package/esm/components/batch-selection/batch-selection.style.js +1 -1
  60. package/esm/components/box/box.style.js +1 -1
  61. package/esm/components/breadcrumbs/breadcrumbs.style.js +1 -1
  62. package/esm/components/breadcrumbs/crumb/crumb.style.js +1 -1
  63. package/esm/components/button/__next__/button.component.js +1 -1
  64. package/esm/components/button/__next__/button.style.js +1 -1
  65. package/esm/components/button/button.style.js +1 -1
  66. package/esm/components/button-bar/button-bar.style.js +1 -1
  67. package/esm/components/button-minor/button-minor.style.js +1 -1
  68. package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
  69. package/esm/components/button-toggle/button-toggle.style.js +1 -1
  70. package/esm/components/card/card-column/card-column.style.js +1 -1
  71. package/esm/components/card/card-footer/card-footer.style.js +1 -1
  72. package/esm/components/card/card-row/card-row.style.js +1 -1
  73. package/esm/components/card/card.style.js +1 -1
  74. package/esm/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
  75. package/esm/components/checkbox/checkbox.style.js +1 -1
  76. package/esm/components/confirm/confirm.style.js +1 -1
  77. package/esm/components/content/content.style.js +1 -1
  78. package/esm/components/date/__internal__/date-picker/day-picker.style.js +1 -1
  79. package/esm/components/date/__internal__/navbar/button.style.js +1 -1
  80. package/esm/components/date/__internal__/navbar/navbar.style.js +1 -1
  81. package/esm/components/date/__internal__/weekday/abbr.style.js +1 -1
  82. package/esm/components/date/__internal__/weekday/weekday.style.js +1 -1
  83. package/esm/components/date/date.style.js +1 -1
  84. package/esm/components/date-range/date-range.style.js +1 -1
  85. package/esm/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
  86. package/esm/components/decimal/decimal.style.js +1 -1
  87. package/esm/components/definition-list/definition-list.style.js +1 -1
  88. package/esm/components/detail/detail.style.js +1 -1
  89. package/esm/components/dialog/__internal__/__next__/dialog.style.js +1 -1
  90. package/esm/components/dismissible-box/dismissible-box.style.js +1 -1
  91. package/esm/components/divider/divider.style.js +1 -1
  92. package/esm/components/draggable/draggable-item/draggable-item.style.js +1 -1
  93. package/esm/components/drawer/drawer.style.js +1 -1
  94. package/esm/components/duelling-picklist/duelling-picklist.style.js +1 -1
  95. package/esm/components/duelling-picklist/picklist/picklist.style.js +1 -1
  96. package/esm/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
  97. package/esm/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
  98. package/esm/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
  99. package/esm/components/fieldset/fieldset.style.js +1 -1
  100. package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
  101. package/esm/components/file-input/file-input.style.js +1 -1
  102. package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
  103. package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
  104. package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
  105. package/esm/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
  106. package/esm/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
  107. package/esm/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
  108. package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
  109. package/esm/components/flat-table/flat-table.style.js +1 -1
  110. package/esm/components/flat-table/sort/sort.style.js +1 -1
  111. package/esm/components/form/__internal__/form-summary.style.js +1 -1
  112. package/esm/components/form/form.style.js +1 -1
  113. package/esm/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
  114. package/esm/components/global-header/global-header.component.js +1 -1
  115. package/esm/components/grid/grid-container/grid-container.style.js +1 -1
  116. package/esm/components/grid/grid-item/grid-item.style.js +1 -1
  117. package/esm/components/heading/heading.style.js +1 -1
  118. package/esm/components/help/help.style.js +1 -1
  119. package/esm/components/hr/hr.style.js +1 -1
  120. package/esm/components/icon/icon.style.js +1 -1
  121. package/esm/components/icon-button/icon-button.style.js +1 -1
  122. package/esm/components/image/image.style.js +1 -1
  123. package/esm/components/inline-inputs/inline-inputs.style.js +1 -1
  124. package/esm/components/link/link.style.js +1 -1
  125. package/esm/components/link-preview/__internal__/placeholder.component.js +1 -1
  126. package/esm/components/link-preview/link-preview.style.js +1 -1
  127. package/esm/components/loader/__next__/internal/star.style.js +1 -1
  128. package/esm/components/loader/__next__/loader.style.js +1 -1
  129. package/esm/components/loader/loader-square.style.js +1 -1
  130. package/esm/components/loader/loader.style.js +1 -1
  131. package/esm/components/loader-bar/loader-bar.style.js +1 -1
  132. package/esm/components/loader-spinner/loader-spinner.style.js +1 -1
  133. package/esm/components/loader-star/internal/star.style.js +1 -1
  134. package/esm/components/loader-star/loader-star.style.js +1 -1
  135. package/esm/components/menu/__internal__/submenu/submenu.style.js +1 -1
  136. package/esm/components/menu/menu-divider/menu-divider.style.js +1 -1
  137. package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  138. package/esm/components/menu/menu-item/menu-item.style.js +1 -1
  139. package/esm/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
  140. package/esm/components/menu/menu.style.js +1 -1
  141. package/esm/components/menu/scrollable-block/scrollable-block.style.js +1 -1
  142. package/esm/components/message/message.style.js +1 -1
  143. package/esm/components/multi-action-button/multi-action-button.style.js +1 -1
  144. package/esm/components/navigation-bar/navigation-bar.style.js +1 -1
  145. package/esm/components/note/__internal__/status-icon/status-icon.style.js +1 -1
  146. package/esm/components/note/note.style.js +1 -1
  147. package/esm/components/numeral-date/numeral-date.component.d.ts +63 -14
  148. package/esm/components/numeral-date/numeral-date.component.js +1 -1
  149. package/esm/components/numeral-date/numeral-date.style.d.ts +1 -0
  150. package/esm/components/numeral-date/numeral-date.style.js +1 -1
  151. package/esm/components/pager/__internal__/pagination-navigation.style.js +1 -1
  152. package/esm/components/pager/pager.style.js +1 -1
  153. package/esm/components/pages/page/page.style.js +1 -1
  154. package/esm/components/pages/pages.style.js +1 -1
  155. package/esm/components/password/password.style.js +1 -1
  156. package/esm/components/pill/pill.style.js +1 -1
  157. package/esm/components/pod/pod.style.js +1 -1
  158. package/esm/components/popover-container/popover-container.style.js +1 -1
  159. package/esm/components/portal/portal.js +1 -1
  160. package/esm/components/portal/portal.style.js +1 -1
  161. package/esm/components/portrait/portrait.style.js +1 -1
  162. package/esm/components/preview/preview.style.js +1 -1
  163. package/esm/components/profile/profile.style.js +1 -1
  164. package/esm/components/progress-tracker/progress-tracker.style.js +1 -1
  165. package/esm/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
  166. package/esm/components/radio-button/radio-button.style.js +1 -1
  167. package/esm/components/search/__internal__/legacy/search-button.style.js +1 -1
  168. package/esm/components/search/__internal__/legacy/search.style.js +1 -1
  169. package/esm/components/search/__internal__/results-announcement.component.js +1 -1
  170. package/esm/components/search/search.component.js +1 -1
  171. package/esm/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
  172. package/esm/components/select/__internal__/select-list/select-list.style.js +1 -1
  173. package/esm/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
  174. package/esm/components/select/__internal__/utils/matching-text.style.js +1 -1
  175. package/esm/components/select/multi-select/multi-select.style.js +1 -1
  176. package/esm/components/select/option/option.style.js +1 -1
  177. package/esm/components/select/option-group-header/option-group-header.style.js +1 -1
  178. package/esm/components/select/option-row/option-row.style.js +1 -1
  179. package/esm/components/select/select.style.js +1 -1
  180. package/esm/components/settings-row/settings-row.style.js +1 -1
  181. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
  182. package/esm/components/sidebar/sidebar.style.js +1 -1
  183. package/esm/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
  184. package/esm/components/simple-color-picker/simple-color-picker.style.js +1 -1
  185. package/esm/components/split-button/split-button-children.style.js +1 -1
  186. package/esm/components/split-button/split-button-toggle.style.js +1 -1
  187. package/esm/components/split-button/split-button.style.js +1 -1
  188. package/esm/components/step-flow/step-flow.style.js +1 -1
  189. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
  190. package/esm/components/step-sequence/step-sequence.style.js +1 -1
  191. package/esm/components/switch/switch.style.js +1 -1
  192. package/esm/components/tabs/__next__/tabs.style.js +1 -1
  193. package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
  194. package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
  195. package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
  196. package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
  197. package/esm/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
  198. package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
  199. package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
  200. package/esm/components/text-editor/text-editor.style.js +1 -1
  201. package/esm/components/textarea/textarea.style.js +1 -1
  202. package/esm/components/textbox/__internal__/__next__/text-input.style.js +1 -1
  203. package/esm/components/tile/tile-content/tile-content.style.js +1 -1
  204. package/esm/components/tile/tile-footer/tile-footer.style.js +1 -1
  205. package/esm/components/tile/tile-header/tile-header.style.js +1 -1
  206. package/esm/components/tile/tile.style.js +1 -1
  207. package/esm/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
  208. package/esm/components/tile-select/tile-select.style.js +1 -1
  209. package/esm/components/time/time.style.js +1 -1
  210. package/esm/components/toast/toast.style.js +1 -1
  211. package/esm/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
  212. package/esm/components/tooltip/tooltip-pointer.style.js +1 -1
  213. package/esm/components/tooltip/tooltip.style.js +1 -1
  214. package/esm/components/typography/__internal__/__next__/typography.style.js +1 -1
  215. package/esm/components/typography/typography.style.js +1 -1
  216. package/esm/components/vertical-divider/vertical-divider.style.js +1 -1
  217. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
  218. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
  219. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
  220. package/esm/components/vertical-menu/vertical-menu.style.js +1 -1
  221. package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
  222. package/lib/__internal__/character-count/character-count.style.js +1 -1
  223. package/lib/__internal__/checkable-input/checkable-input.style.js +1 -1
  224. package/lib/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
  225. package/lib/__internal__/error-border/error-border.style.js +1 -1
  226. package/lib/__internal__/field-help/field-help.style.js +1 -1
  227. package/lib/__internal__/fieldset/__next__/fieldset.style.js +1 -1
  228. package/lib/__internal__/fieldset/fieldset.style.js +1 -1
  229. package/lib/__internal__/form-field/form-field.style.js +1 -1
  230. package/lib/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
  231. package/lib/__internal__/hint-text/hint-text.style.js +1 -1
  232. package/lib/__internal__/input/input-style-overrides.style.js +1 -1
  233. package/lib/__internal__/input/input.style.js +1 -1
  234. package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
  235. package/lib/__internal__/label/label.style.js +1 -1
  236. package/lib/__internal__/legacy-error-border/error-border.style.js +1 -1
  237. package/lib/__internal__/legacy-hint-text/hint-text.style.js +1 -1
  238. package/lib/__internal__/legacy-input/input-presentation.style.js +1 -1
  239. package/lib/__internal__/legacy-input/input.style.js +1 -1
  240. package/lib/__internal__/legacy-label/icon-wrapper.style.js +1 -1
  241. package/lib/__internal__/legacy-label/label.style.js +1 -1
  242. package/lib/__internal__/modal/modal.style.js +1 -1
  243. package/lib/__internal__/popover/popover.component.d.ts +3 -1
  244. package/lib/__internal__/popover/popover.component.js +1 -1
  245. package/lib/__internal__/popover/popover.style.js +1 -1
  246. package/lib/__internal__/popover-menu/contexts/index.d.ts +2 -1
  247. package/lib/__internal__/popover-menu/contexts/index.js +1 -1
  248. package/lib/__internal__/popover-menu/contexts/menu-item.context.d.ts +4 -0
  249. package/lib/__internal__/popover-menu/contexts/menu-item.context.js +1 -0
  250. package/lib/__internal__/popover-menu/contexts/popover-menu.context.d.ts +22 -0
  251. package/lib/__internal__/popover-menu/contexts/popover-menu.context.js +1 -1
  252. package/lib/__internal__/popover-menu/hooks/index.d.ts +1 -1
  253. package/lib/__internal__/popover-menu/hooks/index.js +1 -1
  254. package/lib/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.d.ts +6 -3
  255. package/lib/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.js +1 -1
  256. package/lib/__internal__/popover-menu/index.d.ts +1 -0
  257. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
  258. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
  259. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
  260. package/lib/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
  261. package/lib/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
  262. package/lib/__internal__/popover-menu/menu-item/menu-item.component.d.ts +6 -1
  263. package/lib/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
  264. package/lib/__internal__/popover-menu/popover-menu.component.d.ts +16 -14
  265. package/lib/__internal__/popover-menu/popover-menu.component.js +1 -1
  266. package/lib/__internal__/popover-menu/utils/index.d.ts +4 -1
  267. package/lib/__internal__/popover-menu/utils/index.js +1 -1
  268. package/lib/__internal__/validation-message/__next__/validation-message.style.js +1 -1
  269. package/lib/__internal__/validation-message/validation-message.style.js +1 -1
  270. package/lib/__internal__/validations/validation-icon.style.js +1 -1
  271. package/lib/components/accordion/accordion.style.js +1 -1
  272. package/lib/components/action-popover/action-popover.style.js +1 -1
  273. package/lib/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
  274. package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
  275. package/lib/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
  276. package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
  277. package/lib/components/anchor-navigation/anchor-navigation.style.js +1 -1
  278. package/lib/components/anchor-navigation/anchor-section-divider.component.js +1 -1
  279. package/lib/components/badge/badge.style.js +1 -1
  280. package/lib/components/batch-selection/batch-selection.style.js +1 -1
  281. package/lib/components/box/box.style.js +1 -1
  282. package/lib/components/breadcrumbs/breadcrumbs.style.js +1 -1
  283. package/lib/components/breadcrumbs/crumb/crumb.style.js +1 -1
  284. package/lib/components/button/__next__/button.component.js +1 -1
  285. package/lib/components/button/__next__/button.style.js +1 -1
  286. package/lib/components/button/button.style.js +1 -1
  287. package/lib/components/button-bar/button-bar.style.js +1 -1
  288. package/lib/components/button-minor/button-minor.style.js +1 -1
  289. package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
  290. package/lib/components/button-toggle/button-toggle.style.js +1 -1
  291. package/lib/components/card/card-column/card-column.style.js +1 -1
  292. package/lib/components/card/card-footer/card-footer.style.js +1 -1
  293. package/lib/components/card/card-row/card-row.style.js +1 -1
  294. package/lib/components/card/card.style.js +1 -1
  295. package/lib/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
  296. package/lib/components/checkbox/checkbox.style.js +1 -1
  297. package/lib/components/confirm/confirm.style.js +1 -1
  298. package/lib/components/content/content.style.js +1 -1
  299. package/lib/components/date/__internal__/date-picker/day-picker.style.js +1 -1
  300. package/lib/components/date/__internal__/navbar/button.style.js +1 -1
  301. package/lib/components/date/__internal__/navbar/navbar.style.js +1 -1
  302. package/lib/components/date/__internal__/weekday/abbr.style.js +1 -1
  303. package/lib/components/date/__internal__/weekday/weekday.style.js +1 -1
  304. package/lib/components/date/date.style.js +1 -1
  305. package/lib/components/date-range/date-range.style.js +1 -1
  306. package/lib/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
  307. package/lib/components/decimal/decimal.style.js +1 -1
  308. package/lib/components/definition-list/definition-list.style.js +1 -1
  309. package/lib/components/detail/detail.style.js +1 -1
  310. package/lib/components/dialog/__internal__/__next__/dialog.style.js +1 -1
  311. package/lib/components/dismissible-box/dismissible-box.style.js +1 -1
  312. package/lib/components/divider/divider.style.js +1 -1
  313. package/lib/components/draggable/draggable-item/draggable-item.style.js +1 -1
  314. package/lib/components/drawer/drawer.style.js +1 -1
  315. package/lib/components/duelling-picklist/duelling-picklist.style.js +1 -1
  316. package/lib/components/duelling-picklist/picklist/picklist.style.js +1 -1
  317. package/lib/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
  318. package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
  319. package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
  320. package/lib/components/fieldset/fieldset.style.js +1 -1
  321. package/lib/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
  322. package/lib/components/file-input/file-input.style.js +1 -1
  323. package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
  324. package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
  325. package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
  326. package/lib/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
  327. package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
  328. package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
  329. package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
  330. package/lib/components/flat-table/flat-table.style.js +1 -1
  331. package/lib/components/flat-table/sort/sort.style.js +1 -1
  332. package/lib/components/form/__internal__/form-summary.style.js +1 -1
  333. package/lib/components/form/form.style.js +1 -1
  334. package/lib/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
  335. package/lib/components/global-header/global-header.component.js +1 -1
  336. package/lib/components/grid/grid-container/grid-container.style.js +1 -1
  337. package/lib/components/grid/grid-item/grid-item.style.js +1 -1
  338. package/lib/components/heading/heading.style.js +1 -1
  339. package/lib/components/help/help.style.js +1 -1
  340. package/lib/components/hr/hr.style.js +1 -1
  341. package/lib/components/icon/icon.style.js +1 -1
  342. package/lib/components/icon-button/icon-button.style.js +1 -1
  343. package/lib/components/image/image.style.js +1 -1
  344. package/lib/components/inline-inputs/inline-inputs.style.js +1 -1
  345. package/lib/components/link/link.style.js +1 -1
  346. package/lib/components/link-preview/__internal__/placeholder.component.js +1 -1
  347. package/lib/components/link-preview/link-preview.style.js +1 -1
  348. package/lib/components/loader/__next__/internal/star.style.js +1 -1
  349. package/lib/components/loader/__next__/loader.style.js +1 -1
  350. package/lib/components/loader/loader-square.style.js +1 -1
  351. package/lib/components/loader/loader.style.js +1 -1
  352. package/lib/components/loader-bar/loader-bar.style.js +1 -1
  353. package/lib/components/loader-spinner/loader-spinner.style.js +1 -1
  354. package/lib/components/loader-star/internal/star.style.js +1 -1
  355. package/lib/components/loader-star/loader-star.style.js +1 -1
  356. package/lib/components/menu/__internal__/submenu/submenu.style.js +1 -1
  357. package/lib/components/menu/menu-divider/menu-divider.style.js +1 -1
  358. package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  359. package/lib/components/menu/menu-item/menu-item.style.js +1 -1
  360. package/lib/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
  361. package/lib/components/menu/menu.style.js +1 -1
  362. package/lib/components/menu/scrollable-block/scrollable-block.style.js +1 -1
  363. package/lib/components/message/message.style.js +1 -1
  364. package/lib/components/multi-action-button/multi-action-button.style.js +1 -1
  365. package/lib/components/navigation-bar/navigation-bar.style.js +1 -1
  366. package/lib/components/note/__internal__/status-icon/status-icon.style.js +1 -1
  367. package/lib/components/note/note.style.js +1 -1
  368. package/lib/components/numeral-date/numeral-date.component.d.ts +63 -14
  369. package/lib/components/numeral-date/numeral-date.component.js +1 -1
  370. package/lib/components/numeral-date/numeral-date.style.d.ts +1 -0
  371. package/lib/components/numeral-date/numeral-date.style.js +1 -1
  372. package/lib/components/pager/__internal__/pagination-navigation.style.js +1 -1
  373. package/lib/components/pager/pager.style.js +1 -1
  374. package/lib/components/pages/page/page.style.js +1 -1
  375. package/lib/components/pages/pages.style.js +1 -1
  376. package/lib/components/password/password.style.js +1 -1
  377. package/lib/components/pill/pill.style.js +1 -1
  378. package/lib/components/pod/pod.style.js +1 -1
  379. package/lib/components/popover-container/popover-container.style.js +1 -1
  380. package/lib/components/portal/portal.js +1 -1
  381. package/lib/components/portal/portal.style.js +1 -1
  382. package/lib/components/portrait/portrait.style.js +1 -1
  383. package/lib/components/preview/preview.style.js +1 -1
  384. package/lib/components/profile/profile.style.js +1 -1
  385. package/lib/components/progress-tracker/progress-tracker.style.js +1 -1
  386. package/lib/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
  387. package/lib/components/radio-button/radio-button.style.js +1 -1
  388. package/lib/components/search/__internal__/legacy/search-button.style.js +1 -1
  389. package/lib/components/search/__internal__/legacy/search.style.js +1 -1
  390. package/lib/components/search/__internal__/results-announcement.component.js +1 -1
  391. package/lib/components/search/search.component.js +1 -1
  392. package/lib/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
  393. package/lib/components/select/__internal__/select-list/select-list.style.js +1 -1
  394. package/lib/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
  395. package/lib/components/select/__internal__/utils/matching-text.style.js +1 -1
  396. package/lib/components/select/multi-select/multi-select.style.js +1 -1
  397. package/lib/components/select/option/option.style.js +1 -1
  398. package/lib/components/select/option-group-header/option-group-header.style.js +1 -1
  399. package/lib/components/select/option-row/option-row.style.js +1 -1
  400. package/lib/components/select/select.style.js +1 -1
  401. package/lib/components/settings-row/settings-row.style.js +1 -1
  402. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
  403. package/lib/components/sidebar/sidebar.style.js +1 -1
  404. package/lib/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
  405. package/lib/components/simple-color-picker/simple-color-picker.style.js +1 -1
  406. package/lib/components/split-button/split-button-children.style.js +1 -1
  407. package/lib/components/split-button/split-button-toggle.style.js +1 -1
  408. package/lib/components/split-button/split-button.style.js +1 -1
  409. package/lib/components/step-flow/step-flow.style.js +1 -1
  410. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
  411. package/lib/components/step-sequence/step-sequence.style.js +1 -1
  412. package/lib/components/switch/switch.style.js +1 -1
  413. package/lib/components/tabs/__next__/tabs.style.js +1 -1
  414. package/lib/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
  415. package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
  416. package/lib/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
  417. package/lib/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
  418. package/lib/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
  419. package/lib/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
  420. package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
  421. package/lib/components/text-editor/text-editor.style.js +1 -1
  422. package/lib/components/textarea/textarea.style.js +1 -1
  423. package/lib/components/textbox/__internal__/__next__/text-input.style.js +1 -1
  424. package/lib/components/tile/tile-content/tile-content.style.js +1 -1
  425. package/lib/components/tile/tile-footer/tile-footer.style.js +1 -1
  426. package/lib/components/tile/tile-header/tile-header.style.js +1 -1
  427. package/lib/components/tile/tile.style.js +1 -1
  428. package/lib/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
  429. package/lib/components/tile-select/tile-select.style.js +1 -1
  430. package/lib/components/time/time.style.js +1 -1
  431. package/lib/components/toast/toast.style.js +1 -1
  432. package/lib/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
  433. package/lib/components/tooltip/tooltip-pointer.style.js +1 -1
  434. package/lib/components/tooltip/tooltip.style.js +1 -1
  435. package/lib/components/typography/__internal__/__next__/typography.style.js +1 -1
  436. package/lib/components/typography/typography.style.js +1 -1
  437. package/lib/components/vertical-divider/vertical-divider.style.js +1 -1
  438. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
  439. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
  440. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
  441. package/lib/components/vertical-menu/vertical-menu.style.js +1 -1
  442. package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
  443. package/package.json +1 -1
  444. package/esm/__internal__/popover-menu/utils/wrap-children-in-menu-items.util.d.ts +0 -3
  445. package/esm/__internal__/popover-menu/utils/wrap-children-in-menu-items.util.js +0 -1
  446. package/lib/__internal__/popover-menu/utils/wrap-children-in-menu-items.util.d.ts +0 -3
  447. package/lib/__internal__/popover-menu/utils/wrap-children-in-menu-items.util.js +0 -1
@@ -1 +1 @@
1
- "use strict";var a=require("styled-components"),e=require("../../style/utils/add-focus-styling.js");const t=a.css([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),o="url(\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9497 5.05022C15.3403 5.44074 15.3403 6.07391 14.9497 6.46443L11.4142 9.99997L14.9497 13.5355C15.3403 13.926 15.3403 14.5592 14.9497 14.9497C14.5592 15.3402 13.9261 15.3402 13.5355 14.9497L10 11.4142L6.46446 14.9497C6.07394 15.3402 5.44077 15.3402 5.05025 14.9497C4.65972 14.5592 4.65972 13.926 5.05025 13.5355L8.58578 9.99997L5.05025 6.46443C4.65972 6.07391 4.65972 5.44074 5.05025 5.05022C5.44077 4.65969 6.07394 4.65969 6.46446 5.05022L10 8.58575L13.5355 5.05022C13.9261 4.65969 14.5592 4.65969 14.9497 5.05022Z'/%3E%3C/svg%3E\")",r=a.css([".legacy-search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),n=a.css([".legacy-search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),l=a.css([".legacy-search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),s=a.css([".legacy-search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),i=a.css([".legacy-search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.legacy-search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),c=a.css([".legacy-search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),p=a.css([".legacy-search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),u=a.css([""," "," "," "," "," "," ",""],r,n,l,s,i,c,p),b=a.css(['.search &{--search-clear-icon-color:var(--button-typical-subtle-label-default);--search-button-icon-color:var(--button-typical-subtle-label-default);--search-button-hover-bg:var(--button-typical-subtle-bg-hover);--search-button-hover-icon-color:var(--button-typical-subtle-label-hover);input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:var(--global-size-2-xs);height:var(--global-size-2-xs);background-color:var(--search-clear-icon-color);-webkit-mask:center / contain no-repeat ',";mask:center / contain no-repeat ",';cursor:pointer;}button{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);}button:hover{background-color:var(--search-button-hover-bg);}button span[type="search"]{color:var(--search-button-icon-color);}button:hover span[type="search"]{color:var(--search-button-hover-icon-color);}&:focus-within:has(:focus:not(button)){box-shadow:none;-webkit-box-shadow:none;}.input-text-container input[type="search"]:focus{border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);'," z-index:2;}}"],o,o,e.default()),d=a.css(['.search.inverse &{--search-clear-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-hover-bg:var(--button-typical-subtle-inverse-bg-hover);--search-button-hover-icon-color:var( --button-typical-subtle-inverse-label-hover );background-color:var(--input-typical-inverse-bg-default);&[data-role="input-container"]{border-color:var(--input-typical-inverse-border-default);}.input-text-container input[type="search"]{color:var(--input-typical-inverse-txt-default);}}.search.inverse.error &{border-color:var(--input-validation-inverse-border-error);}']),v=a.css([""," ",""],b,d),g=a.css(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),h=a.css([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),x=a.css(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}[data-element="textbox-prefix"]{margin-left:var(--global-space-comp-none);margin-right:var(--global-space-comp-m);}}']),m=a.css([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]),y=a.css(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],e.default());exports.dateStyleOverrides=t,exports.numeralDateStyles=m,exports.passwordStyleOverrides=y,exports.searchNewStyleOverrides=v,exports.searchStyleOverrides=u,exports.selectStyleOverrides=(e,t,o)=>a.css([""," "," "," "," ",""],x,((e,t)=>a.css(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!e&&!t&&a.css(["cursor:pointer;*{cursor:pointer;}"])))(t,o),g,h,(e=>a.css([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ",' span[data-element="textbox-prefix"]{margin-left:var(--global-space-comp-none);margin-right:var(--global-space-comp-m);}}}'],"small"===e&&a.css(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===e&&a.css(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===e&&a.css(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(e));
1
+ "use strict";var a=require("styled-components"),e=require("../../style/utils/add-focus-styling.js");const t=a.css([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),o="url(\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9497 5.05022C15.3403 5.44074 15.3403 6.07391 14.9497 6.46443L11.4142 9.99997L14.9497 13.5355C15.3403 13.926 15.3403 14.5592 14.9497 14.9497C14.5592 15.3402 13.9261 15.3402 13.5355 14.9497L10 11.4142L6.46446 14.9497C6.07394 15.3402 5.44077 15.3402 5.05025 14.9497C4.65972 14.5592 4.65972 13.926 5.05025 13.5355L8.58578 9.99997L5.05025 6.46443C4.65972 6.07391 4.65972 5.44074 5.05025 5.05022C5.44077 4.65969 6.07394 4.65969 6.46446 5.05022L10 8.58575L13.5355 5.05022C13.9261 4.65969 14.5592 4.65969 14.9497 5.05022Z'/%3E%3C/svg%3E\")",r=a.css([".legacy-search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),n=a.css([".legacy-search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),l=a.css([".legacy-search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),s=a.css([".legacy-search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),i=a.css([".legacy-search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.legacy-search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),c=a.css([".legacy-search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),p=a.css([".legacy-search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),u=a.css([""," "," "," "," "," "," ",""],r,n,l,s,i,c,p),b=a.css(['.search &{--search-clear-icon-color:var(--button-typical-subtle-label-default);--search-button-icon-color:var(--button-typical-subtle-label-default);--search-button-hover-bg:var(--button-typical-subtle-bg-hover);--search-button-hover-icon-color:var(--button-typical-subtle-label-hover);input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:var(--global-size-2-xs);height:var(--global-size-2-xs);background-color:var(--search-clear-icon-color);-webkit-mask:center / contain no-repeat ',";mask:center / contain no-repeat ",';cursor:pointer;}button{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);}button:hover{background-color:var(--search-button-hover-bg);}button span[type="search"]{color:var(--search-button-icon-color);}button:hover span[type="search"]{color:var(--search-button-hover-icon-color);}&:focus-within:has(:focus:not(button)){box-shadow:none;-webkit-box-shadow:none;}.input-text-container input[type="search"]:focus{border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);'," z-index:2;}}"],o,o,e.default()),d=a.css(['.search.inverse &{--search-clear-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-hover-bg:var(--button-typical-subtle-inverse-bg-hover);--search-button-hover-icon-color:var( --button-typical-subtle-inverse-label-hover );background-color:var(--input-typical-inverse-bg-default);&[data-role="input-container"]{border-color:var(--input-typical-inverse-border-default);}.input-text-container input[type="search"]{color:var(--input-typical-inverse-txt-default);}}.search.inverse.error &{border-color:var(--input-validation-inverse-border-error);}']),v=a.css([""," ",""],b,d),g=a.css(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),h=a.css([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),x=a.css(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}[data-element="textbox-prefix"]{margin-left:var(--global-space-comp-none);margin-right:var(--global-space-comp-m);}}']),m=a.css([".numeral-date-wrapper &{.input-text-container input{text-align:left;}}"]),y=a.css(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],e.default());exports.dateStyleOverrides=t,exports.numeralDateStyles=m,exports.passwordStyleOverrides=y,exports.searchNewStyleOverrides=v,exports.searchStyleOverrides=u,exports.selectStyleOverrides=(e,t,o)=>a.css([""," "," "," "," ",""],x,((e,t)=>a.css(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!e&&!t&&a.css(["cursor:pointer;*{cursor:pointer;}"])))(t,o),g,h,(e=>a.css([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ",' span[data-element="textbox-prefix"]{margin-left:var(--global-space-comp-none);margin-right:var(--global-space-comp-m);}}}'],"small"===e&&a.css(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===e&&a.css(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===e&&a.css(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(e));
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../style/utils/add-focus-styling.js"),r=require("./input-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(e).default.div.withConfig({displayName:"input.style__InputContainer",componentId:"carbon_v161_11_0__sc-ea58d5e2-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}',""],(({$align:r,$error:t,$isDisabled:l,$isReadOnly:i,$size:o})=>e.css(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===o&&e.css(["min-height:var(--global-size-s);"]),"medium"===o&&e.css(["min-height:var(--global-size-m);"]),"large"===o&&e.css(["min-height:var(--global-size-l);"]),i&&e.css(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),l&&e.css(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!l&&!i&&e.css(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),!l&&!i&&e.css(["background:var(--input-typical-bg-default);border:",";"],t?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),r,i&&e.css(["color:var(--input-typical-txt-read-only);"]),l&&e.css(["color:var(--input-typical-txt-disabled);"]),!i&&!l&&e.css(["color:var(--input-typical-txt-default);"]),"small"===o&&e.css(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===o&&e.css(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===o&&e.css(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),r.dateStyleOverrides,r.searchNewStyleOverrides,r.searchStyleOverrides,(({$size:e,$isDisabled:a,$isReadOnly:t})=>r.selectStyleOverrides(e,a,t)),r.numeralDateStyles,r.passwordStyleOverrides);exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../style/utils/add-focus-styling.js"),r=require("./input-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(e).default.div.withConfig({displayName:"input.style__InputContainer",componentId:"carbon_v161_12_1__sc-e66887c0-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}',""],(({$align:r,$error:t,$isDisabled:l,$isReadOnly:i,$size:o})=>e.css(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===o&&e.css(["min-height:var(--global-size-s);"]),"medium"===o&&e.css(["min-height:var(--global-size-m);"]),"large"===o&&e.css(["min-height:var(--global-size-l);"]),i&&e.css(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),l&&e.css(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!l&&!i&&e.css(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),!l&&!i&&e.css(["background:var(--input-typical-bg-default);border:",";"],t?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),r,i&&e.css(["color:var(--input-typical-txt-read-only);"]),l&&e.css(["color:var(--input-typical-txt-disabled);"]),!i&&!l&&e.css(["color:var(--input-typical-txt-default);"]),"small"===o&&e.css(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===o&&e.css(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===o&&e.css(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),r.dateStyleOverrides,r.searchNewStyleOverrides,r.searchStyleOverrides,(({$size:e,$isDisabled:a,$isReadOnly:t})=>r.selectStyleOverrides(e,a,t)),r.numeralDateStyles,r.passwordStyleOverrides);exports.default=l;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../legacy-input/input-sizes.style.js"),s=require("../../style/utils/add-focus-styling.js");function l(e){return e&&e.__esModule?e:{default:e}}const i=l(e).default.span.withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"carbon_v161_11_0__sc-9c9529d2-0"})(["align-items:center;cursor:pointer;display:flex;justify-content:center;align-self:stretch;"," "," "," "," .multi-select &,.filterable-select &{cursor:pointer;}"],(({$size:s="medium"})=>e.css(["width:",";"],t.default[s].height)),(({$disabled:t})=>t&&e.css(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e.css(["cursor:default;"])),(({$blockFocusStyling:t})=>!t&&e.css(["&:focus{","}"],s.default())));exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../legacy-input/input-sizes.style.js"),s=require("../../style/utils/add-focus-styling.js");function l(e){return e&&e.__esModule?e:{default:e}}const i=l(e).default.span.withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"carbon_v161_12_1__sc-9c9529d2-0"})(["align-items:center;cursor:pointer;display:flex;justify-content:center;align-self:stretch;"," "," "," "," .multi-select &,.filterable-select &{cursor:pointer;}"],(({$size:s="medium"})=>e.css(["width:",";"],t.default[s].height)),(({$disabled:t})=>t&&e.css(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e.css(["cursor:default;"])),(({$blockFocusStyling:t})=>!t&&e.css(["&:focus{","}"],s.default())));exports.default=i;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),l=require("./label-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=e=>{switch(e){case"small":return"var(--global-font-static-comp-medium-s)";case"large":return"var(--global-font-static-comp-medium-l)";default:return"var(--global-font-static-comp-medium-m)"}},r=t(e).default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_11_0__sc-9cb7a248-0"})(["",";font:",";"," .numeral-date-wrapper &,.time &{font:var(--global-font-static-comp-regular-m);}",""],(({$disabled:e,$readOnly:l})=>e?"\n cursor: not-allowed;\n color: var(--input-labelset-label-disabled);\n ":l?"\n cursor: pointer;\n color: var(--input-labelset-label-readOnly);\n ":"\n cursor: pointer;\n color: var(--input-labelset-label-default);\n "),(({$size:e})=>a(e)),(({$isRequired:l,$size:t,$disabled:r})=>l&&e.css(['display:inline-flex;align-items:center;::after{content:"*";color:',";font:",";margin-left:4px;}"],r?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-required)",a(t))),l.default);exports.default=r;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),l=require("./label-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=e=>{switch(e){case"small":return"var(--global-font-static-comp-medium-s)";case"large":return"var(--global-font-static-comp-medium-l)";default:return"var(--global-font-static-comp-medium-m)"}},r=t(e).default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_12_1__sc-8e49371-0"})(["",";font:",";"," .time &{font:var(--global-font-static-comp-regular-m);}",' .fieldset-required-input &{::after{content:"";margin-left:0;}}'],(({$disabled:e,$readOnly:l})=>e?"\n cursor: not-allowed;\n color: var(--input-labelset-label-disabled);\n ":l?"\n cursor: pointer;\n color: var(--input-labelset-label-readOnly);\n ":"\n cursor: pointer;\n color: var(--input-labelset-label-default);\n "),(({$size:e})=>a(e)),(({$isRequired:l,$size:t,$disabled:r})=>l&&e.css(['display:inline-flex;align-items:center;::after{content:"*";color:',";font:",";margin-left:4px;}"],r?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-required)",a(t))),l.default);exports.default=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function o(e){return e&&e.__esModule?e:{default:e}}const r=o(e).default.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v161_11_0__sc-16eee200-0"})(["",""],(({warning:o})=>e.css(["position:absolute;z-index:6;width:2px;background-color:",";left:-12px;bottom:0px;top:0px;"],o?"var(--colorsSemanticCaution500)":"var(--colorsSemanticNegative500)")));exports.default=r;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function o(e){return e&&e.__esModule?e:{default:e}}const r=o(e).default.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v161_12_1__sc-16eee200-0"})(["",""],(({warning:o})=>e.css(["position:absolute;z-index:6;width:2px;background-color:",";left:-12px;bottom:0px;top:0px;"],o?"var(--colorsSemanticCaution500)":"var(--colorsSemanticNegative500)")));exports.default=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components");function e(t){return t&&t.__esModule?t:{default:t}}const i=e(t).default.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"carbon_v161_11_0__sc-88bb91cf-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:e})=>e&&t.css(["font-size:var(--fontSizes200);"])),(({align:e})=>t.css(["justify-content:",";"],"right"!==e?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:e,isDisabled:i})=>t.css(["color:",";"],((t,e)=>t?"var(--colorsUtilityYang080)":e?"var(--input-labelset-label-disabled)":"var(--colorsUtilityYin055)")(e,i))),(({fontWeight:e})=>e&&t.css(["font-weight:",";"],e)),(({maxWidth:e})=>e&&t.css(["max-width:",";"],e)));exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components");function e(t){return t&&t.__esModule?t:{default:t}}const i=e(t).default.div.withConfig({displayName:"hint-text.style__StyledHintText",componentId:"carbon_v161_12_1__sc-88bb91cf-0"})(["display:flex;align-items:center;font-size:14px;"," "," margin-bottom:",";margin-top:",";"," "," ",' ::after{content:" ";}'],(({isLarge:e})=>e&&t.css(["font-size:var(--fontSizes200);"])),(({align:e})=>t.css(["justify-content:",";"],"right"!==e?"flex-start":"flex-end")),(({marginBottom:t})=>t),(({marginTop:t})=>t),(({isDarkBackground:e,isDisabled:i})=>t.css(["color:",";"],((t,e)=>t?"var(--colorsUtilityYang080)":e?"var(--input-labelset-label-disabled)":"var(--colorsUtilityYin055)")(e,i))),(({fontWeight:e})=>e&&t.css(["font-weight:",";"],e)),(({maxWidth:e})=>e&&t.css(["max-width:",";"],e)));exports.default=i;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./input-sizes.style.js"),t=require("./input.style.js"),i=require("../../style/utils/add-focus-styling.js");function o(e){return e&&e.__esModule?e:{default:e}}var n=o(e);const a=n.default.div.withConfig({displayName:"input-presentation.style__StyledInputPresentationContainer",componentId:"carbon_v161_11_0__sc-83661d80-0"})(["flex:0 0 ","%;display:flex;position:relative;max-width:",";"],(({inputWidth:e})=>e),(({maxWidth:e})=>e?`${e}`:"100%")),s=n.default.div.withConfig({displayName:"input-presentation.style__InputPresentationStyle",componentId:"carbon_v161_11_0__sc-83661d80-1"})(["align-items:stretch;background:var(--colorsUtilityYang100);"," box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;width:100%;margin:0;"," "," "," "," "," "," "," input::-ms-clear{display:none;}input::-webkit-contacts-auto-fill-button{display:none !important;}"],(({hideBorders:e})=>e?"border: 1px solid transparent;":"border: 1px solid var(--colorsUtilityMajor300);"),(({borderRadius:e})=>Array.isArray(e)?`border-radius: ${e.map((e=>`var(--${e})`)).join(" ")};`:`border-radius: var(--${e});`),(({size:i,hasIcon:o,align:n})=>i&&e.css(["min-height:",";","{padding:0 ",";"," ","}"],r.default[i].height,t.default,r.default[i].horizontalPadding,o&&"right"===n&&"padding-left: 0;",o&&"left"===n&&"padding-right: 0;")),(({disabled:r,hideBorders:t})=>r&&e.css(["background:var(--colorsUtilityDisabled400);border-color:",";cursor:not-allowed;"],t?"transparent":"var(--colorsUtilityDisabled600)")),(({hasFocus:r})=>r&&e.css(["&{"," z-index:2;}"],i.default())),(function({error:r,warning:t,info:i,disabled:o,validationRedesignOptIn:n}){let a;if(o)return"";if(r)a="var(--colorsSemanticNegative500)";else if(t)a=n?"var(--colorsUtilityMajor300)":"var(--colorsSemanticCaution500)";else{if(!i)return"";a="var(--colorsSemanticInfo500)"}return e.css(["border-color:"," !important;z-index:1;",""],a,r&&`box-shadow: inset 1px 1px 0 ${a}, inset -1px -1px 0 ${a};`)}),(({readOnly:r})=>r&&e.css(["background-color:var(--colorsUtilityReadOnly400);border-color:transparent;"])),(({align:e})=>"right"===e&&"flex-direction: row-reverse;\n "));exports.StyledInputPresentationContainer=a,exports.default=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./input-sizes.style.js"),t=require("./input.style.js"),i=require("../../style/utils/add-focus-styling.js");function o(e){return e&&e.__esModule?e:{default:e}}var n=o(e);const a=n.default.div.withConfig({displayName:"input-presentation.style__StyledInputPresentationContainer",componentId:"carbon_v161_12_1__sc-83661d80-0"})(["flex:0 0 ","%;display:flex;position:relative;max-width:",";"],(({inputWidth:e})=>e),(({maxWidth:e})=>e?`${e}`:"100%")),s=n.default.div.withConfig({displayName:"input-presentation.style__InputPresentationStyle",componentId:"carbon_v161_12_1__sc-83661d80-1"})(["align-items:stretch;background:var(--colorsUtilityYang100);"," box-sizing:border-box;cursor:text;display:flex;flex-wrap:wrap;width:100%;margin:0;"," "," "," "," "," "," "," input::-ms-clear{display:none;}input::-webkit-contacts-auto-fill-button{display:none !important;}"],(({hideBorders:e})=>e?"border: 1px solid transparent;":"border: 1px solid var(--colorsUtilityMajor300);"),(({borderRadius:e})=>Array.isArray(e)?`border-radius: ${e.map((e=>`var(--${e})`)).join(" ")};`:`border-radius: var(--${e});`),(({size:i,hasIcon:o,align:n})=>i&&e.css(["min-height:",";","{padding:0 ",";"," ","}"],r.default[i].height,t.default,r.default[i].horizontalPadding,o&&"right"===n&&"padding-left: 0;",o&&"left"===n&&"padding-right: 0;")),(({disabled:r,hideBorders:t})=>r&&e.css(["background:var(--colorsUtilityDisabled400);border-color:",";cursor:not-allowed;"],t?"transparent":"var(--colorsUtilityDisabled600)")),(({hasFocus:r})=>r&&e.css(["&{"," z-index:2;}"],i.default())),(function({error:r,warning:t,info:i,disabled:o,validationRedesignOptIn:n}){let a;if(o)return"";if(r)a="var(--colorsSemanticNegative500)";else if(t)a=n?"var(--colorsUtilityMajor300)":"var(--colorsSemanticCaution500)";else{if(!i)return"";a="var(--colorsSemanticInfo500)"}return e.css(["border-color:"," !important;z-index:1;",""],a,r&&`box-shadow: inset 1px 1px 0 ${a}, inset -1px -1px 0 ${a};`)}),(({readOnly:r})=>r&&e.css(["background-color:var(--colorsUtilityReadOnly400);border-color:transparent;"])),(({align:e})=>"right"===e&&"flex-direction: row-reverse;\n "));exports.StyledInputPresentationContainer=a,exports.default=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components");function e(r){return r&&r.__esModule?r:{default:r}}const o=e(r).default.input.withConfig({displayName:"input.style__StyledInput",componentId:"carbon_v161_11_0__sc-745cf632-0"})(["background:transparent;border:none;color:var(--colorsUtilityYin090);flex-grow:1;font-size:var(--fontSizes100);outline:none;padding:0;margin:0;width:30px;&:-webkit-autofill{background-clip:text;-webkit-background-clip:text;}"," &::placeholder{color:var(--colorsUtilityYin055);}"," ",""],(({inputBorderRadius:r})=>Array.isArray(r)?`border-radius: ${r.map((r=>`var(--${r})`)).join(" ")};`:`border-radius: var(--${r});`),(({align:e})=>e&&r.css(["text-align:",";"],e)),(({disabled:e})=>e&&r.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;"])));exports.default=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components");function e(r){return r&&r.__esModule?r:{default:r}}const o=e(r).default.input.withConfig({displayName:"input.style__StyledInput",componentId:"carbon_v161_12_1__sc-745cf632-0"})(["background:transparent;border:none;color:var(--colorsUtilityYin090);flex-grow:1;font-size:var(--fontSizes100);outline:none;padding:0;margin:0;width:30px;&:-webkit-autofill{background-clip:text;-webkit-background-clip:text;}"," &::placeholder{color:var(--colorsUtilityYin055);}"," ",""],(({inputBorderRadius:r})=>Array.isArray(r)?`border-radius: ${r.map((r=>`var(--${r})`)).join(" ")};`:`border-radius: var(--${r});`),(({align:e})=>e&&r.css(["text-align:",";"],e)),(({disabled:e})=>e&&r.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;"])));exports.default=o;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../validations/validation-icon.style.js"),i=require("../../components/help/help.style.js");function o(e){return e&&e.__esModule?e:{default:e}}const n=o(e).default.div.withConfig({displayName:"icon-wrapper.style__StyledIconWrapper",componentId:"carbon_v161_11_0__sc-cadb2c42-0"})(["display:inline-block;margin:0;margin-left:4px;width:24px;height:24px;position:relative;margin-top:-3px;margin-bottom:-4px;vertical-align:top;:focus{outline:2px solid var(--colorsSemanticFocus500);}",",","{position:static;}"],t.default,i.default);exports.default=n;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../validations/validation-icon.style.js"),i=require("../../components/help/help.style.js");function o(e){return e&&e.__esModule?e:{default:e}}const n=o(e).default.div.withConfig({displayName:"icon-wrapper.style__StyledIconWrapper",componentId:"carbon_v161_12_1__sc-cadb2c42-0"})(["display:inline-block;margin:0;margin-left:4px;width:24px;height:24px;position:relative;margin-top:-3px;margin-bottom:-4px;vertical-align:top;:focus{outline:2px solid var(--colorsSemanticFocus500);}",",","{position:static;}"],t.default,i.default);exports.default=n;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const i=a.default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_11_0__sc-1af3965d-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>e.css(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&e.css(["color:var(--input-labelset-label-disabled);"]))),s=a.default.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"carbon_v161_11_0__sc-1af3965d-1"})(["display:flex;align-items:center;margin-bottom:8px;.fieldset-content &{margin-bottom:var(--global-space-comp-xs);}"," ",""],(({align:t})=>e.css(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:a,width:i})=>t&&e.css(["box-sizing:border-box;margin-bottom:0;",";width:","%;"],a&&e.css(["padding-right:var(",");"],1===a?"--spacing100":"--spacing200"),i)));exports.StyledLabelContainer=s,exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const i=a.default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"carbon_v161_12_1__sc-1af3965d-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>e.css(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&e.css(["color:var(--input-labelset-label-disabled);"]))),s=a.default.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"carbon_v161_12_1__sc-1af3965d-1"})(["display:flex;align-items:center;margin-bottom:8px;.fieldset-content &{margin-bottom:var(--global-space-comp-xs);}"," ",""],(({align:t})=>e.css(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:a,width:i})=>t&&e.css(["box-sizing:border-box;margin-bottom:0;",";width:","%;"],a&&e.css(["padding-right:var(",");"],1===a?"--spacing100":"--spacing200"),i)));exports.StyledLabelContainer=s,exports.default=i;
@@ -1 +1 @@
1
- "use strict";var t=require("styled-components"),e=require("../../style/themes/apply-base-theme.js");function a(t){return t&&t.__esModule?t:{default:t}}var i=a(t);const o="0.6",n=i.default.div.withConfig({displayName:"modal.style__StyledModalBackground",componentId:"carbon_v161_11_0__sc-d61ee063-0"})(["background-color:rgba(0,20,29,1);bottom:0;left:0;opacity:",";position:fixed;right:0;top:0;",";"],o,(({transitionName:e,transitionTime:a})=>t.css(["&.","-enter,.","-appear{opacity:0;}&.","-enter.","-enter-active,&.","-appear.","-appear-active{opacity:",";transition:opacity ","ms ease-out;}&.","-exit{opacity:",";}&.","-exit.","-exit-active{opacity:0;transition:opacity ","ms 100ms ease-out;}"],e,e,e,e,e,e,o,a,e,o,e,e,a))),s=i.default.div.attrs(e.default).withConfig({displayName:"modal.style__StyledModal",componentId:"carbon_v161_11_0__sc-d61ee063-1"})(["position:absolute;z-index:",";",""],(({theme:t,topModalOverride:e})=>`${e?t.zIndex.notification:t.zIndex.modal}`),(({transitionName:e,transitionTime:a})=>t.css([".","-enter,.","-appear{opacity:0;}.","-enter.","-enter-active,.","-appear.","-appear-active{opacity:1;transition:all ","ms 100ms ease-out;}.","-exit{opacity:1;}.","-exit.","-exit-active{opacity:0;transition:all ","ms ease-out;}"],e,e,e,e,e,e,a,e,e,e,a)));exports.StyledModal=s,exports.StyledModalBackground=n;
1
+ "use strict";var t=require("styled-components"),e=require("../../style/themes/apply-base-theme.js");function a(t){return t&&t.__esModule?t:{default:t}}var i=a(t);const o="0.6",n=i.default.div.withConfig({displayName:"modal.style__StyledModalBackground",componentId:"carbon_v161_12_1__sc-d61ee063-0"})(["background-color:rgba(0,20,29,1);bottom:0;left:0;opacity:",";position:fixed;right:0;top:0;",";"],o,(({transitionName:e,transitionTime:a})=>t.css(["&.","-enter,.","-appear{opacity:0;}&.","-enter.","-enter-active,&.","-appear.","-appear-active{opacity:",";transition:opacity ","ms ease-out;}&.","-exit{opacity:",";}&.","-exit.","-exit-active{opacity:0;transition:opacity ","ms 100ms ease-out;}"],e,e,e,e,e,e,o,a,e,o,e,e,a))),s=i.default.div.attrs(e.default).withConfig({displayName:"modal.style__StyledModal",componentId:"carbon_v161_12_1__sc-d61ee063-1"})(["position:absolute;z-index:",";",""],(({theme:t,topModalOverride:e})=>`${e?t.zIndex.notification:t.zIndex.modal}`),(({transitionName:e,transitionTime:a})=>t.css([".","-enter,.","-appear{opacity:0;}.","-enter.","-enter-active,.","-appear.","-appear-active{opacity:1;transition:all ","ms 100ms ease-out;}.","-exit{opacity:1;}.","-exit.","-exit-active{opacity:0;transition:all ","ms ease-out;}"],e,e,e,e,e,e,a,e,e,e,a)));exports.StyledModal=s,exports.StyledModalBackground=n;
@@ -47,6 +47,8 @@ export interface PopoverProps {
47
47
  * Allows child ref to be set via a prop instead of dynamically finding it via children iteration.
48
48
  */
49
49
  childRefOverride?: MutableRefObject<HTMLDivElement | null>;
50
+ /** Optional custom portal container. Defaults to document.body (or the closest dialog in a modal). */
51
+ portalTarget?: HTMLElement | null;
50
52
  }
51
- declare const Popover: ({ disablePortal, ...props }: PopoverProps) => React.JSX.Element | null;
53
+ declare const Popover: ({ disablePortal, portalTarget, ...props }: PopoverProps) => React.JSX.Element | null;
52
54
  export default Popover;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useFloating/useFloating.js"),a=require("./popover.style.js"),l=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),i=require("../modal/modal.context.js"),c=require("../../hooks/__internal__/useIsBrowser/index.js"),s=require("../../components/tokens-wrapper/__internal__/context/tokens-wrapper.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(r);function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}const b=[n.flip({fallbackStrategy:"initialPlacement"})],y=({children:t,placement:n,reference:l,middleware:i=b,disableBackgroundUI:c,isOpen:s=!0,hide:u,animationFrame:p,popoverStrategy:f="absolute",childRefOverride:y})=>{const O=y||d.default.Children.only(t).ref,v=r.useRef(null),m=O||v;let j;return j=O?t:d.default.cloneElement(t,{ref:m}),o.default({isOpen:s,reference:l,floating:m,placement:n,middleware:i,animationFrame:p,strategy:f}),e.jsx(a.StyledPopoverContent,{hide:u,children:c?e.jsx(a.StyledBackdrop,{"data-role":"popup-backdrop",children:j}):j})};exports.default=n=>{var o,{disablePortal:a}=n,u=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["disablePortal"]);const{isBrowser:p}=c.default(),{isInModal:b}=r.useContext(i.default),{wrapperId:O}=r.useContext(s.default),v=null===(o=u.reference.current)||void 0===o?void 0:o.closest("[role='dialog']"),[m,j]=d.default.useState();return r.useEffect((()=>{var e;const r=null===(e=u.reference.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!r)return;var t;j(null!==(t=r.getAttribute("data-carbon-theme"))&&void 0!==t?t:void 0);const n=new MutationObserver((()=>{var e;j(null!==(e=r.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return n.observe(r,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>n.disconnect()}),[u.reference]),a?e.jsx(y,f({},u)):p?t.createPortal(e.jsx(l.default,(g=f({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":O},m&&{"data-carbon-theme":m}),h=null!=(h={children:e.jsx(y,f({},u))})?h:{},Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(h)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(h)).forEach((function(e){Object.defineProperty(g,e,Object.getOwnPropertyDescriptor(h,e))})),g)),b&&v?v:document.body):null;var g,h};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useFloating/useFloating.js"),a=require("./popover.style.js"),l=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),i=require("../modal/modal.context.js"),c=require("../../hooks/__internal__/useIsBrowser/index.js"),s=require("../../components/tokens-wrapper/__internal__/context/tokens-wrapper.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(r);function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}const b=[n.flip({fallbackStrategy:"initialPlacement"})],y=({children:t,placement:n,reference:l,middleware:i=b,disableBackgroundUI:c,isOpen:s=!0,hide:u,animationFrame:p,popoverStrategy:f="absolute",childRefOverride:y})=>{const O=y||d.default.Children.only(t).ref,m=r.useRef(null),v=O||m;let j;return j=O?t:d.default.cloneElement(t,{ref:v}),o.default({isOpen:s,reference:l,floating:v,placement:n,middleware:i,animationFrame:p,strategy:f}),e.jsx(a.StyledPopoverContent,{hide:u,children:c?e.jsx(a.StyledBackdrop,{"data-role":"popup-backdrop",children:j}):j})};exports.default=n=>{var o,{disablePortal:a,portalTarget:u}=n,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["disablePortal","portalTarget"]);const{isBrowser:b}=c.default(),{isInModal:O}=r.useContext(i.default),{wrapperId:m}=r.useContext(s.default),v=null===(o=p.reference.current)||void 0===o?void 0:o.closest("[role='dialog']"),[j,g]=d.default.useState();if(r.useEffect((()=>{var e;const r=null===(e=p.reference.current)||void 0===e?void 0:e.closest("[data-carbon-theme]");if(!r)return;var t;g(null!==(t=r.getAttribute("data-carbon-theme"))&&void 0!==t?t:void 0);const n=new MutationObserver((()=>{var e;g(null!==(e=r.getAttribute("data-carbon-theme"))&&void 0!==e?e:void 0)}));return n.observe(r,{attributes:!0,attributeFilter:["data-carbon-theme"]}),()=>n.disconnect()}),[p.reference]),a)return e.jsx(y,f({},p));if(!b)return null;const h=null!=u?u:O&&v?v:document.body;return t.createPortal(e.jsx(l.default,function(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}(f({className:"carbon-portal-scoped-tokens-provider","data-role":"carbon-portal-scoped-tokens-provider","data-tokens-wrapper-id":m},j&&{"data-carbon-theme":j}),{children:e.jsx(y,f({},p))})),h)};
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),t=require("../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var d=o(e);const r=d.default.div.attrs(t.default).withConfig({displayName:"popover.style__StyledBackdrop",componentId:"carbon_v161_11_0__sc-fb4df9e5-0"})(["bottom:0;left:0;position:fixed;right:0;top:0;z-index:var( --adaptiveSidebarModalBackdrop,"," );background:transparent;"],(({theme:e})=>e.zIndex.popover)),a=d.default.div.withConfig({displayName:"popover.style__StyledPopoverContent",componentId:"carbon_v161_11_0__sc-fb4df9e5-1"})(["",""],(({hide:e})=>e&&"display: none;"));exports.StyledBackdrop=r,exports.StyledPopoverContent=a;
1
+ "use strict";var e=require("styled-components"),t=require("../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var d=o(e);const r=d.default.div.attrs(t.default).withConfig({displayName:"popover.style__StyledBackdrop",componentId:"carbon_v161_12_1__sc-fb4df9e5-0"})(["bottom:0;left:0;position:fixed;right:0;top:0;z-index:var( --adaptiveSidebarModalBackdrop,"," );background:transparent;"],(({theme:e})=>e.zIndex.popover)),a=d.default.div.withConfig({displayName:"popover.style__StyledPopoverContent",componentId:"carbon_v161_12_1__sc-fb4df9e5-1"})(["",""],(({hide:e})=>e&&"display: none;"));exports.StyledBackdrop=r,exports.StyledPopoverContent=a;
@@ -1,3 +1,4 @@
1
1
  export { PopoverMenuContext } from "./popover-menu.context";
2
- export type { PopoverMenuContextProps } from "./popover-menu.context";
2
+ export type { PopoverMenuContextProps, SubmenuRenderProps, PopoverControlProps, } from "./popover-menu.context";
3
3
  export { default as MenuHeadingContext } from "./menu-heading.context";
4
+ export { default as MenuItemContext } from "./menu-item.context";
@@ -1 +1 @@
1
- "use strict";var e=require("./popover-menu.context.js"),t=require("./menu-heading.context.js");exports.PopoverMenuContext=e.PopoverMenuContext,exports.MenuHeadingContext=t.default;
1
+ "use strict";var e=require("./popover-menu.context.js"),t=require("./menu-heading.context.js"),n=require("./menu-item.context.js");exports.PopoverMenuContext=e.PopoverMenuContext,exports.MenuHeadingContext=t.default,exports.MenuItemContext=n.default;
@@ -0,0 +1,4 @@
1
+ declare const _default: import("react").Context<{
2
+ isDisabled: boolean;
3
+ } | null>;
4
+ export default _default;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react").createContext({isDisabled:!1});exports.default=e;
@@ -1,4 +1,26 @@
1
+ export interface PopoverControlProps {
2
+ "aria-haspopup": "listbox" | "true";
3
+ "aria-controls"?: string;
4
+ "aria-expanded"?: boolean;
5
+ role?: string;
6
+ "aria-activedescendant"?: string;
7
+ }
8
+ export interface SubmenuRenderProps {
9
+ open: boolean;
10
+ submenu: React.ReactNode;
11
+ submenuWidth?: string;
12
+ size: "small" | "medium" | "large";
13
+ onClose: () => void;
14
+ ref: React.RefObject<HTMLUListElement>;
15
+ control: (props: PopoverControlProps) => React.ReactNode;
16
+ triggerRef: React.RefObject<HTMLLIElement>;
17
+ }
1
18
  export interface PopoverMenuContextProps {
2
19
  size: "small" | "medium" | "large";
20
+ isButtonMenu?: boolean;
21
+ isSubmenu?: boolean;
22
+ onSubmenuCloseContext?: () => void;
23
+ focusSubmenuParent?: () => void;
24
+ renderSubmenu?: (props: SubmenuRenderProps) => React.ReactNode;
3
25
  }
4
26
  export declare const PopoverMenuContext: import("react").Context<PopoverMenuContextProps>;
@@ -1 +1 @@
1
- "use strict";const e=require("react").createContext({size:"medium"});exports.PopoverMenuContext=e;
1
+ "use strict";const e=require("react").createContext({size:"medium",isButtonMenu:!1,isSubmenu:!1});exports.PopoverMenuContext=e;
@@ -1 +1 @@
1
- export { useHandleDropdownMenuKeyDown, itemQuerySelector, setFocus, } from "./useHandleDropdownMenuKeyDown";
1
+ export { useHandleDropdownMenuKeyDown, setFocus, } from "./useHandleDropdownMenuKeyDown";
@@ -1 +1 @@
1
- "use strict";var e=require("./useHandleDropdownMenuKeyDown.js");exports.itemQuerySelector=e.itemQuerySelector,exports.setFocus=e.setFocus,exports.useHandleDropdownMenuKeyDown=e.useHandleDropdownMenuKeyDown;
1
+ "use strict";var e=require("./useHandleDropdownMenuKeyDown.js");exports.setFocus=e.setFocus,exports.useHandleDropdownMenuKeyDown=e.useHandleDropdownMenuKeyDown;
@@ -1,4 +1,7 @@
1
1
  import { MutableRefObject } from "react";
2
- export declare const itemQuerySelector = "li[data-component='popover-menu-item']:not([aria-disabled='true'])";
3
- export declare const setFocus: (el?: HTMLElement) => void;
4
- export declare const useHandleDropdownMenuKeyDown: (ref: MutableRefObject<HTMLUListElement | null>, setAriaActivedescendant: React.Dispatch<React.SetStateAction<string>>) => (ev: React.KeyboardEvent<HTMLElement>) => void;
2
+ export declare const setFocus: (el?: HTMLElement, highlightedItem?: HTMLElement, isButtonMenu?: boolean) => void;
3
+ export declare const useHandleDropdownMenuKeyDown: (ref: MutableRefObject<HTMLUListElement | null>, setAriaActivedescendant: React.Dispatch<React.SetStateAction<string>>, onClose: (e?: Event) => void, submenuOptions: {
4
+ isButtonMenu?: boolean;
5
+ isSubmenu?: boolean;
6
+ controlReference?: React.RefObject<HTMLLIElement>;
7
+ }) => (ev: React.KeyboardEvent<HTMLElement>) => void;
@@ -1 +1 @@
1
- "use strict";var e=require("react");const t="li[data-component='popover-menu-item']:not([aria-disabled='true'])",l=e=>{var t;null==e||e.setAttribute("data-has-focus","true"),null==e||null===(t=e.scrollIntoView)||void 0===t||t.call(e,{block:"nearest",inline:"nearest"})};exports.itemQuerySelector=t,exports.setFocus=l,exports.useHandleDropdownMenuKeyDown=(r,n)=>e.useCallback((e=>{var i;const o=Array.from((null===(i=r.current)||void 0===i?void 0:i.querySelectorAll(t))||[]),u=o[0],a=o[o.length-1],d=o.find((e=>"true"===e.getAttribute("data-has-focus"))),v=o.find((e=>"true"===e.getAttribute("aria-selected")));if("ArrowDown"===e.key){if(e.preventDefault(),!d){const e=null!=v?v:u;var s;return n(null!==(s=null==e?void 0:e.id)&&void 0!==s?s:""),void l(e)}var c;if(d.setAttribute("data-has-focus","false"),a===d)return n(null!==(c=null==u?void 0:u.id)&&void 0!==c?c:""),void l(u);const t=o.indexOf(d),r=o[(t+1)%o.length];var f;return n(null!==(f=null==r?void 0:r.id)&&void 0!==f?f:""),void l(r)}if("ArrowUp"===e.key){if(e.preventDefault(),!d){const e=null!=v?v:a;var p;return n(null!==(p=null==e?void 0:e.id)&&void 0!==p?p:""),void l(e)}var A;if(d.setAttribute("data-has-focus","false"),u===d)return n(null!==(A=null==a?void 0:a.id)&&void 0!==A?A:""),void l(a);const t=o.indexOf(d),r=o[(t-1+o.length)%o.length];var b;return n(null!==(b=null==r?void 0:r.id)&&void 0!==b?b:""),void l(r)}var h,y;return"Home"===e.key?(e.preventDefault(),n(null!==(h=null==u?void 0:u.id)&&void 0!==h?h:""),null==d||d.setAttribute("data-has-focus","false"),void l(u)):"End"===e.key?(e.preventDefault(),n(null!==(y=null==a?void 0:a.id)&&void 0!==y?y:""),null==d||d.setAttribute("data-has-focus","false"),void l(a)):void("Enter"===e.key&&d&&(e.preventDefault(),e.stopPropagation(),d.click()))}),[r,n]);
1
+ "use strict";var e=require("react"),t=require("../utils/index.js");const n=(e,t,n)=>{var l;n?null==e||e.focus():(null==t||t.setAttribute("data-has-focus","false"),null==e||e.setAttribute("data-has-focus","true"),null==e||null===(l=e.scrollIntoView)||void 0===l||l.call(e,{block:"nearest",inline:"nearest"}))};exports.setFocus=n,exports.useHandleDropdownMenuKeyDown=(l,o,i,r)=>e.useCallback((e=>{var u,d;const a=null===(u=document.activeElement)||void 0===u?void 0:u.closest('[data-component="scroll-wrapper"]');if(a&&!a.contains(l.current))return;const{isButtonMenu:v,isSubmenu:s}=r,c=Array.from((null===(d=l.current)||void 0===d?void 0:d.querySelectorAll(v?t.buttonMenuItemQuerySelector(s):t.itemQuerySelector(s)))||[]),f=c[0],p=c[c.length-1],m=v?c.find((e=>e.contains(document.activeElement))):c.find((e=>"true"===e.getAttribute("data-has-focus"))),y=c.find((e=>"true"===e.getAttribute("aria-selected")));if("ArrowDown"===e.key){if(e.preventDefault(),e.stopPropagation(),!m){const e=null!=y?y:f;var g;return o(null!==(g=null==e?void 0:e.id)&&void 0!==g?g:""),void n(e,m,v)}var h;if(!v&&p===m)return o(null!==(h=null==f?void 0:f.id)&&void 0!==h?h:""),void n(f,m,v);const t=c.indexOf(m),l=c[v?Math.min(t+1,c.length-1):(t+1)%c.length];var b;return o(null!==(b=null==l?void 0:l.id)&&void 0!==b?b:""),void n(l,m,v)}if("ArrowUp"===e.key){if(e.preventDefault(),e.stopPropagation(),!m){const e=null!=y?y:p;var k;return o(null!==(k=null==e?void 0:e.id)&&void 0!==k?k:""),void n(e,m,v)}var A;if(!v&&f===m)return o(null!==(A=null==p?void 0:p.id)&&void 0!==A?A:""),void n(p,m,v);const t=c.indexOf(m),l=c[v?Math.max(t-1,0):(t-1+c.length)%c.length];var D;return o(null!==(D=null==l?void 0:l.id)&&void 0!==D?D:""),void n(l,m,v)}var w,x;return"Home"===e.key?(e.preventDefault(),o(null!==(w=null==f?void 0:f.id)&&void 0!==w?w:""),void n(f,m,v)):"End"===e.key?(e.preventDefault(),o(null!==(x=null==p?void 0:p.id)&&void 0!==x?x:""),void n(p,m,v)):("Enter"!==e.key||v||m&&(e.preventDefault(),e.stopPropagation(),m.click()),void("Tab"!==e.key||i(e.nativeEvent)))}),[l,o,i,r]);
@@ -1,3 +1,4 @@
1
1
  export { default as PopoverMenu } from "./popover-menu.component";
2
2
  export { MenuItem, MenuItemLeading, MenuItemLabel, MenuItemSubtext, MenuItemDivider, MenuItemHeading, } from "./menu-item";
3
3
  export type { PopoverMenuProps } from "./popover-menu.component";
4
+ export type { PopoverControlProps } from "./contexts";
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),r=require("../../contexts/popover-menu.context.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../../contexts/menu-heading.context.js");const a=o(n).default.span.withConfig({displayName:"menu-item-label.component__StyledMenuItemLabel",componentId:"carbon_v161_11_0__sc-3e81ec8-0"})(["grid-column:-2 / -1;grid-row:1;",""],(({$size:e})=>n.css(["span.menu-item-label-prefix{font:var(--global-font-static-comp-medium-",");}"],e.charAt(0)))),i=({children:n,prefix:o})=>{const{size:i}=t.useContext(r.PopoverMenuContext);return e.jsxs(a,{"data-element":"menu-item-label",$size:i,children:[o&&e.jsx("span",{"data-element":"menu-item-label-prefix",className:"menu-item-label-prefix",children:o}),n]})};i.displayName="PopoverMenuItemLabel",exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),r=require("../../contexts/popover-menu.context.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../../contexts/menu-heading.context.js"),require("../../contexts/menu-item.context.js");const i=o(n).default.span.withConfig({displayName:"menu-item-label.component__StyledMenuItemLabel",componentId:"carbon_v161_12_1__sc-3e81ec8-0"})(["grid-column:-2 / -1;grid-row:1;",""],(({$size:e})=>n.css(["span.menu-item-label-prefix{font:var(--global-font-static-comp-medium-",");}"],e.charAt(0)))),s=({children:n,prefix:o})=>{const{size:s}=t.useContext(r.PopoverMenuContext);return e.jsxs(i,{"data-element":"menu-item-label",$size:s,children:[o&&e.jsx("span",{"data-element":"menu-item-label-prefix",className:"menu-item-label-prefix",children:o}),n]})};s.displayName="PopoverMenuItemLabel",exports.default=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var n=require("styled-components"),t=require("../../../../components/icon/icon.component.js");function a(e){return e&&e.__esModule?e:{default:e}}var i=a(n);const d=i.default.span.withConfig({displayName:"menu-item-leading.component__StyledMenuItemLeading",componentId:"carbon_v161_11_0__sc-e40d8dc9-0"})(['display:flex;grid-row:1;[data-component="icon"]{width:20px;height:20px;}']),o=i.default.span.withConfig({displayName:"menu-item-leading.component__StyledSelectedIconWrapper",componentId:"carbon_v161_11_0__sc-e40d8dc9-1"})(["",""],(({$hasIcon:e})=>`\n padding: 0 var(--global-space-comp-2-xs);\n visibility: ${e?"visible":"hidden"};\n `)),c=({children:n,selectedIcon:a=!1})=>e.jsxs(d,{className:"menu-item-leading","data-element":"leading",children:[e.jsx(o,{"data-role":"selected-icon-wrapper",$hasIcon:a,children:e.jsx(t.default,{type:"tick_thick","data-role":"selected-icon"})}),n]});c.displayName="PopoverMenuItemLeading",exports.default=c;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),o=require("../../contexts/popover-menu.context.js");require("../../contexts/menu-heading.context.js"),require("../../contexts/menu-item.context.js");var i=require("../../../../components/icon/icon.component.js");function c(e){return e&&e.__esModule?e:{default:e}}var a=c(t);const r=a.default.span.withConfig({displayName:"menu-item-leading.component__StyledMenuItemLeading",componentId:"carbon_v161_12_1__sc-38bfc3f-0"})(['display:flex;grid-row:1;[data-component="icon"]{width:20px;height:20px;}']),s=a.default.span.withConfig({displayName:"menu-item-leading.component__StyledSelectedIconWrapper",componentId:"carbon_v161_12_1__sc-38bfc3f-1"})(["",""],(({$hasIcon:e})=>`\n padding: 0 var(--global-space-comp-2-xs);\n visibility: ${e?"visible":"hidden"};\n `)),d=({children:t,selectedIcon:c=!1})=>{const{isButtonMenu:a}=n.useContext(o.PopoverMenuContext);return e.jsxs(r,{className:"menu-item-leading","data-element":"leading",children:[!a&&e.jsx(s,{"data-role":"selected-icon-wrapper",$hasIcon:c,children:e.jsx(i.default,{type:"tick_thick","data-role":"selected-icon"})}),t]})};d.displayName="PopoverMenuItemLeading",exports.default=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),o=require("../../contexts/popover-menu.context.js");function r(e){return e&&e.__esModule?e:{default:e}}require("../../contexts/menu-heading.context.js");const s=r(n).default.span.withConfig({displayName:"menu-item-subtext.component__StyledMenuItemSubtext",componentId:"carbon_v161_11_0__sc-8eef9447-0"})(["grid-column:-2 / -1;grid-row:2;color:var(--input-dropdown-label-subtxt);",""],(({$size:e})=>n.css([""," ",""],("small"===e||"medium"===e)&&"\n font: var(--global-font-static-comp-regular-xs);\n ","large"===e&&"\n font: var(--global-font-static-comp-regular-s);\n "))),u=({children:n})=>{const{size:r}=t.useContext(o.PopoverMenuContext);return e.jsx(s,{"data-element":"menu-item-subtext",className:"menu-item-subtext",$size:r,children:n})};u.displayName="PopoverMenuItemSubtext",exports.default=u;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),o=require("../../contexts/popover-menu.context.js");function r(e){return e&&e.__esModule?e:{default:e}}require("../../contexts/menu-heading.context.js"),require("../../contexts/menu-item.context.js");const s=r(n).default.span.withConfig({displayName:"menu-item-subtext.component__StyledMenuItemSubtext",componentId:"carbon_v161_12_1__sc-8eef9447-0"})(["grid-column:-2 / -1;grid-row:2;color:var(--input-dropdown-label-subtxt);",""],(({$size:e})=>n.css([""," ",""],("small"===e||"medium"===e)&&"\n font: var(--global-font-static-comp-regular-xs);\n ","large"===e&&"\n font: var(--global-font-static-comp-regular-s);\n "))),u=({children:n})=>{const{size:r}=t.useContext(o.PopoverMenuContext);return e.jsx(s,{"data-element":"menu-item-subtext",className:"menu-item-subtext",$size:r,children:n})};u.displayName="PopoverMenuItemSubtext",exports.default=u;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("styled-components"),i=require("../../../../components/divider/divider.component.js");function o(e){return e&&e.__esModule?e:{default:e}}const t=o(r).default.li.withConfig({displayName:"menu-item-divider.component__StyledMenuItemDivider",componentId:"carbon_v161_11_0__sc-dae620b3-0"})(["margin:var(--global-space-comp-m);hr{background-color:var(--container-standard-border-default);height:var(--global-borderwidth-xs);}"]),d=()=>e.jsx(t,{"data-component":"popover-menu-divider","aria-hidden":"true",children:e.jsx(i.Divider,{m:0,type:"horizontal"})});d.displayName="PopoverMenuItemDivider",exports.default=d;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("styled-components"),i=require("../../../../components/divider/divider.component.js");function o(e){return e&&e.__esModule?e:{default:e}}const t=o(r).default.li.withConfig({displayName:"menu-item-divider.component__StyledMenuItemDivider",componentId:"carbon_v161_12_1__sc-dae620b3-0"})(["margin:var(--global-space-comp-m);hr{background-color:var(--container-standard-border-default);height:var(--global-borderwidth-xs);}"]),d=()=>e.jsx(t,{"data-component":"popover-menu-divider","aria-hidden":"true",children:e.jsx(i.Divider,{m:0,type:"horizontal"})});d.displayName="PopoverMenuItemDivider",exports.default=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),r=require("../../contexts/popover-menu.context.js"),o=require("../../contexts/menu-heading.context.js"),i=require("../../../utils/helpers/guid/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var c=a(n);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){l(e,t,n[t])}))}return e}function u(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const d=c.default.div.withConfig({displayName:"menu-item-heading.component__StyledMenuHeadingWithIcon",componentId:"carbon_v161_11_0__sc-f76e7b6a-0"})(["display:flex;align-items:center;gap:",";"],(({$size:e})=>"small"===e?"var(--global-space-comp-2-xs)":"var(--global-space-comp-xs)")),p=c.default.li.withConfig({displayName:"menu-item-heading.component__StyledMenuHeading",componentId:"carbon_v161_11_0__sc-f76e7b6a-1"})(['div[data-element="text"]{'," color:var(--input-dropdown-label-alt);}ul{margin:0;padding:0;list-style:none;overflow:hidden;}"],(({$size:e})=>`\n padding: 0 var(--global-space-comp-m);\n font: var(--global-font-static-comp-medium-${e.charAt(0)});\n margin-left: calc(var(--global-space-comp-m) - 2px);\n `)),m=({children:n,text:a,icon:c})=>{const{size:l}=t.useContext(r.PopoverMenuContext),m=t.useRef(`popover-menu-heading-${i.default()}`),f={"data-element":"text",id:m.current};return e.jsxs(p,{"data-component":"popover-menu-item-heading",$size:l,role:"option",children:[c?e.jsxs(d,u(s({"data-role":"text-with-icon",$size:l},f),{children:[c,a]})):e.jsx("div",u(s({},f),{children:a})),e.jsx(o.default.Provider,{value:{headingId:m.current},children:e.jsx("ul",{role:"listbox","aria-label":a,children:n})})]})};m.displayName="PopoverMenuItemHeading",exports.default=m;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),r=require("../../contexts/popover-menu.context.js"),o=require("../../contexts/menu-heading.context.js");require("../../contexts/menu-item.context.js");var i=require("../../../utils/helpers/guid/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var c=a(n);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){l(e,t,n[t])}))}return e}function u(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const d=c.default.div.withConfig({displayName:"menu-item-heading.component__StyledMenuHeadingWithIcon",componentId:"carbon_v161_12_1__sc-f76e7b6a-0"})(["display:flex;align-items:center;gap:",";"],(({$size:e})=>"small"===e?"var(--global-space-comp-2-xs)":"var(--global-space-comp-xs)")),p=c.default.li.withConfig({displayName:"menu-item-heading.component__StyledMenuHeading",componentId:"carbon_v161_12_1__sc-f76e7b6a-1"})(['div[data-element="text"]{'," color:var(--input-dropdown-label-alt);}ul{margin:0;padding:0;list-style:none;overflow:hidden;}"],(({$size:e})=>`\n padding: 0 var(--global-space-comp-m);\n font: var(--global-font-static-comp-medium-${e.charAt(0)});\n margin-left: calc(var(--global-space-comp-m) - 2px);\n `)),m=({children:n,text:a,icon:c})=>{const{size:l}=t.useContext(r.PopoverMenuContext),m=t.useRef(`popover-menu-heading-${i.default()}`),f={"data-element":"text",id:m.current};return e.jsxs(p,{"data-component":"popover-menu-item-heading",$size:l,role:"option",children:[c?e.jsxs(d,u(s({"data-role":"text-with-icon",$size:l},f),{children:[c,a]})):e.jsx("div",u(s({},f),{children:a})),e.jsx(o.default.Provider,{value:{headingId:m.current},children:e.jsx("ul",{role:"listbox","aria-label":a,children:n})})]})};m.displayName="PopoverMenuItemHeading",exports.default=m;
@@ -5,9 +5,14 @@ export interface MenuItemProps {
5
5
  selected?: boolean;
6
6
  disabled?: boolean;
7
7
  id?: string;
8
+ submenu?: React.ReactNode;
9
+ submenuWidth?: string;
10
+ submenuOpen?: boolean;
11
+ onSubmenuOpen?: () => void;
12
+ onSubmenuClose?: () => void;
8
13
  }
9
14
  declare const MenuItem: {
10
- ({ children, onClick, selected, disabled, id, ...rest }: MenuItemProps): React.JSX.Element;
15
+ ({ children, onClick, selected, disabled, submenu, submenuOpen, onSubmenuOpen, onSubmenuClose, submenuWidth, id, ...rest }: MenuItemProps): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
11
16
  displayName: string;
12
17
  };
13
18
  export default MenuItem;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),r=require("../contexts/popover-menu.context.js"),o=require("../contexts/menu-heading.context.js"),l=require("../../utils/helpers/guid/index.js");function i(e){return e&&e.__esModule?e:{default:e}}function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const s=i(t).default.li.withConfig({displayName:"menu-item.component__StyledMenuItem",componentId:"carbon_v161_11_0__sc-fd6a4b68-0"})(["width:100%;position:relative;box-sizing:border-box;&:not(:has(button)):not(:has(a)){",' display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--global-space-comp-xs);&:not(:has(.menu-item-leading)){grid-template-columns:1fr;}}&[data-has-focus="true"]{outline:var(--focus-borderalt) solid var(--global-borderwidth-s);outline-offset:calc(var(--global-borderwidth-s) * -1);}',""],(({$disabled:e})=>e?"\n * {\n color: var(--input-dropdown-label-disabled);\n }\n cursor: not-allowed;\n ":"\n color: var(--input-dropdown-label-alt);\n cursor: pointer;\n\n :hover {\n * {\n color: var(--input-dropdown-label-hover);\n }\n background-color: var(--input-dropdown-bg-hover);\n }\n "),(({$size:e})=>t.css([""," "," ",""],"small"===e&&"\n padding: var(--global-space-comp-xs) 0;\n\n &:not(:has(.menu-item-subtext)) {\n min-height: var(--global-size-s);\n }\n \n *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n font: var(--global-font-static-comp-regular-s);\n }\n ","medium"===e&&"\n padding: var(--global-space-comp-s) 0;\n\n &:not(:has(.menu-item-subtext)) {\n min-height: var(--global-size-m);\n }\n\n *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n font: var(--global-font-static-comp-regular-m);\n }\n ","large"===e&&"\n padding: var(--global-space-comp-m) 0;\n\n &:not(:has(.menu-item-subtext)) {\n min-height: var(--global-size-l);\n }\n\n *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n font: var(--global-font-static-comp-regular-l);\n }\n "))),u=t=>{var{children:i,onClick:u,selected:c,disabled:d,id:p}=t,b=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["children","onClick","selected","disabled","id"]);const m=n.useRef(null),{size:f}=n.useContext(r.PopoverMenuContext),g=n.useRef(null!=p?p:`popover-menu-item-${l.default()}`).current,v=n.useContext(o.default),h=null==v?void 0:v.headingId;return e.jsx(s,(y=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){a(e,n,t[n])}))}return e}({ref:m,"data-component":"popover-menu-item",className:"popover-menu-item"+(d?"-disabled":""),$size:f,onClick:d?void 0:u,onMouseDown:d?void 0:e=>e.preventDefault(),role:"option","aria-selected":c&&!d,"aria-disabled":d,$disabled:d,id:g},b),O=null!=(O={"aria-describedby":h,children:i})?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(O)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(O)).forEach((function(e){Object.defineProperty(y,e,Object.getOwnPropertyDescriptor(O,e))})),y));var y,O};u.displayName="PopoverMenuItem",exports.default=u;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),o=require("styled-components"),t=require("../contexts/popover-menu.context.js"),r=require("../contexts/menu-heading.context.js"),a=require("../contexts/menu-item.context.js"),l=require("../../utils/helpers/guid/index.js"),u=require("../../../components/icon/icon.component.js"),i=require("../utils/index.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(n),d=s(o);function p(e,n,o){return n in e?Object.defineProperty(e,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[n]=o,e}function b(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(n){p(e,n,o[n])}))}return e}function m(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n.push.apply(n,o)}return n}(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})),e}const v=d.default.li.withConfig({displayName:"menu-item.component__StyledMenuItem",componentId:"carbon_v161_12_1__sc-4bc50bba-0"})(["width:100%;position:relative;box-sizing:border-box;&:not(:has(button)):not(:has(a)){"," display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--global-space-comp-xs);&:not(:has(.menu-item-leading)){grid-template-columns:1fr;}}"," "," ",""],(({$disabled:e})=>e?"\n * {\n color: var(--input-dropdown-label-disabled);\n }\n cursor: not-allowed;\n ":"\n color: var(--input-dropdown-label-alt);\n cursor: pointer;\n\n :hover {\n * {\n color: var(--input-dropdown-label-hover);\n }\n background-color: var(--input-dropdown-bg-hover);\n }\n "),(({$disabled:e,$isButtonMenu:n})=>e?"\n * {\n color: var(--input-dropdown-label-disabled);\n }\n\n & > button, & > a {\n background-color: transparent;\n }\n cursor: not-allowed;\n ":`\n cursor: pointer;\n\n ${n?"\n color: var(--popover-label-default);\n\n & > button:active,\n & > a:active {\n background-color: var(--popover-bg-active);\n color: var(--popover-label-active);\n }\n\n & > button:not(:active):hover,\n & > a:not(:active):hover {\n color: var(--popover-label-hover);\n background-color: var(--popover-bg-hover);\n }\n ":"\n color: var(--input-dropdown-label-alt);\n\n &:not(:active):hover {\n * {\n color: var(--input-dropdown-label-hover);\n }\n background-color: var(--popover-bg-hover);\n }\n "}\n `),(({$isButtonMenu:e})=>o.css(["",""],e?"\n &:focus {\n outline: none;\n }\n ":'\n &[data-has-focus="true"] {\n outline: var(--focus-borderalt) solid var(--global-borderwidth-s);\n outline-offset: calc(var(--global-borderwidth-s) * -1);\n }\n ')),(({$size:e,$isButtonMenu:n})=>o.css([""," "," ",""],"small"===e&&`\n &:not(:has(button)):not(:has(a)) {\n padding: var(--global-space-comp-xs) 0;\n\n &:not(:has(.menu-item-subtext)) {\n min-height: var(--global-size-s);\n }\n }\n\n button, a {\n width: 100%;\n padding: var(--global-space-comp-xs) var(--global-space-comp-m) var(--global-space-comp-xs) var(--global-space-comp-m);\n }\n\n *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n font: var(--global-font-static-comp-${n?"medium":"regular"}-s);\n }\n `,"medium"===e&&`\n &:not(:has(button)):not(:has(a)) {\n padding: var(--global-space-comp-s) 0;\n\n &:not(:has(.menu-item-subtext)) {\n min-height: var(--global-size-m);\n }\n }\n\n button, a {\n width: 100%;\n padding: var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-m);\n }\n\n *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n font: var(--global-font-static-comp-${n?"medium":"regular"}-m);\n }\n `,"large"===e&&`\n &:not(:has(button)):not(:has(a)) {\n padding: var(--global-space-comp-m) 0;\n\n &:not(:has(.menu-item-subtext)) {\n min-height: var(--global-size-l);\n }\n }\n \n button, a {\n width: 100%;\n padding: var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m);\n }\n\n *:not(.menu-item-subtext):not(.menu-item-label-prefix) {\n font: var(--global-font-static-comp-${n?"medium":"regular"}-l);\n }\n `))),f=d.default.div.withConfig({displayName:"menu-item.component__SubmenuParentWrapper",componentId:"carbon_v161_12_1__sc-4bc50bba-1"})(["display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--global-space-comp-xs);"]),g=e=>{if(!c.default.isValidElement(e))return!1;const n=e.props;return!(!n.disabled&&!0!==n["aria-disabled"]&&"true"!==n["aria-disabled"])||c.default.Children.toArray(n.children).some(g)},h=e=>{var n;const o=null===(n=e.current)||void 0===n?void 0:n.querySelector(i.buttonMenuItemQuerySelector(!0));null==o||o.focus()},y=o=>{var{children:i,onClick:s,selected:d,disabled:p,submenu:y,submenuOpen:x,onSubmenuOpen:w,onSubmenuClose:O,submenuWidth:j,id:C}=o,P=function(e,n){if(null==e)return{};var o,t,r=function(e,n){if(null==e)return{};var o,t,r={},a=Object.keys(e);for(t=0;t<a.length;t++)o=a[t],n.indexOf(o)>=0||(r[o]=e[o]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)o=a[t],n.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(o,["children","onClick","selected","disabled","submenu","submenuOpen","onSubmenuOpen","onSubmenuClose","submenuWidth","id"]);const _=n.useRef(null),{size:k,isButtonMenu:S,isSubmenu:$,onSubmenuCloseContext:M,focusSubmenuParent:D,renderSubmenu:q}=n.useContext(t.PopoverMenuContext),z=!!y,E=S&&g(i),I=p||E,B=n.useCallback((n=>((n,o)=>c.default.isValidElement(n)&&1===c.default.Children.count(n)?c.default.cloneElement(n,b({"data-element":"submenu-parent",children:e.jsxs(f,{"data-element":"submenu-parent-wrapper",children:[n.props.children,e.jsx(u.default,{type:"caret_right","data-element":"submenu-icon",ml:3})]})},o)):n)(i,b({},n))),[i]),N=n.useRef(null),R=n.useContext(r.default),A=null==R?void 0:R.headingId,W=n.useRef(null!=C?C:`popover-menu-item-${l.default()}`).current,K=n.useCallback((e=>{if(z&&S)return"ArrowRight"===e.key?(e.preventDefault(),void(x?h(N):null==w||w())):void 0}),[z,S,w,x]);n.useEffect((()=>{x&&h(N)}),[x]);const V=n.useCallback((e=>{var n;const{activeElement:o}=document,t="popover-submenu-item"===(null==o||null===(n=o.parentElement)||void 0===n?void 0:n.getAttribute("data-component"));if("ArrowLeft"===e.key&&(e.preventDefault(),t))return null==D||D(),void(null==M||M())}),[D,M]),L=n.useCallback((e=>{null==w||w(),null==s||s(e)}),[w,s]);return S&&z&&q?q({open:!!x,submenu:y,submenuWidth:j,size:k,onClose:()=>null==O?void 0:O(),ref:N,triggerRef:_,control:n=>e.jsx(v,{ref:_,id:W,"data-component":"popover-menu-item",className:"popover-menu-item"+(I?"-disabled":""),$size:k,onClick:I?void 0:L,onMouseDown:I?void 0:e=>e.preventDefault(),onKeyDown:I?void 0:K,$disabled:I,$isButtonMenu:S,children:B(m(b({},n),{disabled:I}))})}):e.jsx(v,m(b({ref:_,id:W,"data-component":`popover-${$?"submenu":"menu"}-item`,className:"popover-menu-item"+(I?"-disabled":""),$size:k,onClick:I?void 0:s,onMouseDown:I?void 0:e=>e.preventDefault(),onKeyDown:V,role:S?void 0:"option","aria-selected":S?void 0:d&&!I,"aria-disabled":S?void 0:I,$disabled:I,$isButtonMenu:S},P),{"aria-describedby":A,children:e.jsx(a.default.Provider,{value:{isDisabled:!!I},children:i})}))};y.displayName="PopoverMenuItem",exports.default=y;
@@ -1,27 +1,21 @@
1
1
  import React from "react";
2
- import { CSSObject } from "styled-components";
3
- import { type PopoverMenuContextProps } from "./contexts";
2
+ import type { CSSObject } from "styled-components";
3
+ import { PopoverMenuContextProps, PopoverControlProps } from "./contexts";
4
4
  import { TagProps } from "../utils/helpers/tags";
5
5
  interface ListProps {
6
6
  $size: PopoverMenuContextProps["size"];
7
7
  $maxHeight?: string;
8
+ $isButtonMenu?: PopoverMenuContextProps["isButtonMenu"];
8
9
  }
9
10
  export declare const List: import("styled-components").StyledComponent<"ul", any, ListProps, never>;
10
- export interface PopoverControlProps {
11
- "aria-haspopup": "listbox" | "menu";
12
- "aria-controls"?: string;
13
- "aria-expanded"?: boolean;
14
- role?: string;
15
- "aria-activedescendant"?: string;
16
- }
17
- type FocusableHandle = HTMLElement;
11
+ export type FocusableHandle = HTMLElement | HTMLButtonElement | HTMLAnchorElement | HTMLInputElement;
18
12
  export interface PopoverMenuProps<TRef extends FocusableHandle = HTMLElement> extends TagProps {
19
13
  /** The content of the popover menu */
20
14
  children: React.ReactNode;
21
15
  /** Whether the popover menu is open or not */
22
16
  open: boolean;
23
17
  /** The element that the popover menu is anchored to */
24
- popoverControl?: (ref: React.MutableRefObject<TRef | null>, props: PopoverControlProps) => React.ReactNode;
18
+ popoverControl: (ref: React.RefObject<TRef>, props: PopoverControlProps) => React.ReactNode;
25
19
  size?: PopoverMenuContextProps["size"];
26
20
  /** Placement of the popover menu */
27
21
  placement?: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
@@ -40,7 +34,7 @@ export interface PopoverMenuProps<TRef extends FocusableHandle = HTMLElement> ex
40
34
  /** Set the custom width of the menu */
41
35
  width?: string;
42
36
  /** Override default control reference for popover */
43
- controlReference?: React.RefObject<HTMLDivElement>;
37
+ controlReference?: React.RefObject<HTMLDivElement | HTMLLIElement>;
44
38
  /** Set the custom max-height of the menu list */
45
39
  maxHeight?: string;
46
40
  /** Custom styles for the control wrapper element */
@@ -49,11 +43,19 @@ export interface PopoverMenuProps<TRef extends FocusableHandle = HTMLElement> ex
49
43
  listboxAriaLabelledBy?: string;
50
44
  /** Aria label for the listbox */
51
45
  listboxAriaLabel?: string;
46
+ /** Controls the keyboard navigation behavior and sets roles to `list` and `listitem` */
47
+ isButtonMenu?: boolean;
48
+ /** Flag to notify that the menu is a submenu */
49
+ isSubmenu?: boolean;
50
+ /** Ref to the listbox/menu element */
51
+ listRef?: React.Ref<HTMLUListElement>;
52
52
  }
53
- declare const menuPopoverMiddleware: (width?: string) => {
53
+ declare const menuPopoverMiddleware: (width?: string, isButtonMenu?: boolean, isSubmenu?: boolean) => {
54
54
  name: string;
55
55
  options?: any;
56
56
  fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
57
57
  }[];
58
- declare const PopoverMenu: <TRef extends FocusableHandle = HTMLElement>({ children, open, popoverControl, size, placement, onOpen, onClose, width, controlReference, maxHeight, controlWrapperStyle, listboxAriaLabelledBy, listboxAriaLabel, ...rest }: PopoverMenuProps<TRef>) => React.JSX.Element;
58
+ declare const PopoverMenu: <TRef extends FocusableHandle = HTMLElement>(props: PopoverMenuProps<TRef> & {
59
+ ref?: React.ForwardedRef<HTMLDivElement>;
60
+ }) => React.ReactElement;
59
61
  export default PopoverMenu;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),n=require("@floating-ui/dom"),t=require("../popover/popover.component.js"),l=require("./utils/wrap-children-in-menu-items.util.js"),a=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),i=require("./hooks/useHandleDropdownMenuKeyDown.js"),c=require("../utils/helpers/guid/index.js"),s=require("./contexts/popover-menu.context.js");function p(e){return e&&e.__esModule?e:{default:e}}require("./contexts/menu-heading.context.js");var u=p(o);function d(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}const f=u.default.div.withConfig({displayName:"popover-menu.component__PopoverControlWrapper",componentId:"carbon_v161_11_0__sc-2aa9621b-0"})(["display:inline-block;",""],(({$controlWrapperStyle:e})=>e)),b=u.default.ul.withConfig({displayName:"popover-menu.component__List",componentId:"carbon_v161_11_0__sc-2aa9621b-1"})(["margin:var(--global-space-none);padding:var(--global-space-none);background-color:var(--popover-bg-default);overflow:hidden auto;display:flex;flex-direction:column;max-height:",';list-style-type:"";'],(({$maxHeight:e,$size:r})=>null!=e?e:`calc(5 * var(--global-size-${r.charAt(0)}))`)),v={small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"},m=u.default.div.withConfig({displayName:"popover-menu.component__MenuWrapper",componentId:"carbon_v161_11_0__sc-2aa9621b-2"})(["padding:",";box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-container-m);background-color:var(--popover-bg-default);width:max-content;max-width:100%;max-height:100%;position:relative;z-index:var(--carbon-zindex-small-overlay);overflow:hidden;"],(({$size:e})=>o.css([""," var(--global-space-none)"],v[e])));exports.List=b,exports.default=o=>{var{children:p,open:u,popoverControl:v,size:y="medium",placement:g="bottom-end",onOpen:h,onClose:x,width:w,controlReference:O,maxHeight:j,controlWrapperStyle:_,listboxAriaLabelledBy:P,listboxAriaLabel:k}=o,C=function(e,r){if(null==e)return{};var o,n,t=function(e,r){if(null==e)return{};var o,n,t={},l=Object.keys(e);for(n=0;n<l.length;n++)o=l[n],r.indexOf(o)>=0||(t[o]=e[o]);return t}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)o=l[n],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(t[o]=e[o])}return t}(o,["children","open","popoverControl","size","placement","onOpen","onClose","width","controlReference","maxHeight","controlWrapperStyle","listboxAriaLabelledBy","listboxAriaLabel"]);const S=r.useRef(null),D=null!=O?O:S,L=r.useRef(null),q=r.useRef(null),z=r.useRef(`popover-menu-scroll-wrapper-${c.default()}`),E=r.useRef(null),$=l.default(p),R=r.useRef(null),A=a.default(x),M=(e=>[n.offset(8),n.flip({fallbackStrategy:"initialPlacement"}),n.size({apply({rects:r,elements:o}){o.floating.style.width=e||`${r.reference.width}px`}})])(w),[H,W]=r.useState(""),I=r.useCallback((e=>{var r;u&&"Escape"===e.key&&(e.preventDefault(),x(),null==(r=R.current)||r.focus())}),[u,x]);r.useEffect((()=>{const{current:e}=E;return null==e||e.addEventListener("click",A,{passive:!0}),null==e||e.addEventListener("keydown",I),()=>{null==e||e.removeEventListener("click",A),null==e||e.removeEventListener("keydown",I)}}),[A,I]);const K=i.useHandleDropdownMenuKeyDown(q,W),N=r.useCallback((e=>{var r;u&&(null===(r=S.current)||void 0===r?void 0:r.contains(document.activeElement))&&K(e)}),[u,K]);return r.useEffect((()=>{u||W("")}),[u]),e.jsxs("div",(B=function(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(r){d(e,r,o[r])}))}return e}({ref:E,"data-component":"popover-menu"},C),F=null!=(F={children:[v&&e.jsx(f,{ref:S,onKeyDown:N,"data-component":"popover-menu-control",$controlWrapperStyle:_,children:v(R,{"aria-haspopup":"listbox","aria-controls":z.current,"aria-expanded":u,role:"combobox","aria-activedescendant":u&&H?H:void 0})}),e.jsx(s.PopoverMenuContext.Provider,{value:{size:y},children:u&&e.jsx(t.default,{placement:g,reference:D,isOpen:u,"data-component":"popover-menu",middleware:M,disablePortal:!0,popoverStrategy:"fixed",children:e.jsx(m,{$size:y,"data-role":"menu-wrapper",onMouseDown:e=>e.preventDefault(),ref:L,children:e.jsx(b,{$size:y,$maxHeight:j,ref:q,role:"listbox",id:z.current,"aria-labelledby":P,"aria-label":k,children:$})})})})]})?F:{},Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(F)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(F)).forEach((function(e){Object.defineProperty(B,e,Object.getOwnPropertyDescriptor(F,e))})),B));var B,F};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("styled-components"),o=require("../popover/popover.component.js"),t=require("@floating-ui/dom"),l=require("./utils/index.js"),i=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),a=require("./hooks/useHandleDropdownMenuKeyDown.js"),u=require("../utils/helpers/guid/index.js"),s=require("./contexts/popover-menu.context.js");require("./contexts/menu-heading.context.js"),require("./contexts/menu-item.context.js");var c=require("../utils/helpers/combine-refs/index.js");function p(e){return e&&e.__esModule?e:{default:e}}var d=p(r);function f(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}const v=d.default.div.withConfig({displayName:"popover-menu.component__PopoverControlWrapper",componentId:"carbon_v161_12_1__sc-c58ffdf9-0"})(["display:inline-block;",""],(({$controlWrapperStyle:e})=>e)),m=d.default.ul.withConfig({displayName:"popover-menu.component__List",componentId:"carbon_v161_12_1__sc-c58ffdf9-1"})(["margin:var(--global-space-none);padding:var(--global-space-none);background-color:var(--popover-bg-default);display:flex;flex-direction:column;max-height:",';list-style-type:"";list-style:none;',""],(({$maxHeight:e,$size:n})=>null!=e?e:`calc(5 * var(--global-size-${n.charAt(0)}))`),(({$isButtonMenu:e,$size:n})=>!e&&r.css(["overflow:hidden auto;-webkit-overflow-scrolling:touch;max-height:calc(5 * var(--global-size-","));"],n.charAt(0)))),b={small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"},y=d.default.div.withConfig({displayName:"popover-menu.component__MenuWrapper",componentId:"carbon_v161_12_1__sc-c58ffdf9-2"})(["box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-container-m);background-color:var(--popover-bg-default);width:max-content;max-width:100%;position:relative;z-index:var(--carbon-zindex-small-overlay);padding:",";",""],(({$size:e})=>r.css([""," var(--global-space-none)"],b[e])),(({$isButtonMenu:e})=>!e&&r.css(["overflow:hidden;max-height:100%;"]))),g=d.default.div.withConfig({displayName:"popover-menu.component__ScrollWrapper",componentId:"carbon_v161_12_1__sc-c58ffdf9-3"})(["max-height:100%;width:100%;"]),h=e=>{null==e||e.focus()},x=({open:n,placement:r,controlWrapperRef:t,size:l,listRef:i,listboxAriaLabelledBy:a,listboxAriaLabel:u,isButtonMenu:s,children:c,onKeyDown:p,middleware:d,scrollRef:f,listId:v,disablePortal:b,portalTarget:h,maxHeight:x})=>e.jsx(o.default,{placement:r,reference:t,isOpen:n,"data-component":"popover-menu",middleware:d,disablePortal:b,portalTarget:h,popoverStrategy:"absolute",children:e.jsx(y,{$size:l,onKeyDown:p,"data-role":"menu-wrapper",onMouseDown:e=>e.preventDefault(),$isButtonMenu:s,children:e.jsx(g,{ref:f,"data-component":"scroll-wrapper",children:e.jsx(m,{$size:l,ref:i,role:s?"list":"listbox",id:v,"aria-labelledby":a,$isButtonMenu:s,"aria-label":u,$maxHeight:x,children:c})})})}),w=({open:n,isButtonMenu:r,isSubmenu:o,popoverControl:t,controlRef:l,controlWrapperRef:i,onKeyDown:a,listId:u,"aria-activedescendant":s,controlWrapperStyle:c})=>o?t(l,{"aria-haspopup":"true","aria-controls":n?u:void 0,"aria-expanded":n}):e.jsx(v,{ref:i,onKeyDown:a,"data-component":"popover-menu-control",$controlWrapperStyle:c,children:t(l,{"aria-haspopup":r?"true":"listbox","aria-controls":n?u:void 0,"aria-expanded":n,"aria-activedescendant":r?void 0:s,role:r?void 0:"combobox"})}),j=(r,o)=>{var{children:p,open:d,popoverControl:v,size:m="medium",placement:b="bottom-end",onOpen:y,onClose:g,width:j,listboxAriaLabelledBy:O,listboxAriaLabel:S,isButtonMenu:k=!1,isSubmenu:R=!1,id:C,controlReference:P,listRef:M,controlWrapperStyle:D,maxHeight:L}=r,z=function(e,n){if(null==e)return{};var r,o,t=function(e,n){if(null==e)return{};var r,o,t={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],n.indexOf(r)>=0||(t[r]=e[r]);return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(r,["children","open","popoverControl","size","placement","onOpen","onClose","width","listboxAriaLabelledBy","listboxAriaLabel","isButtonMenu","isSubmenu","id","controlReference","listRef","controlWrapperStyle","maxHeight"]);const A=n.useRef(null),B=null!=P?P:A,q=n.useRef(null),$=n.useRef(null),W=c.default(M,$),E=n.useRef(null!=C?C:`popover-menu-wrapper-${u.default()}`),I=n.useRef(null),H=c.default(I,o),K=l.wrapChildrenInItem(p),F=n.useRef(null),N=i.default(g),[T,Q]=n.useState(""),U=((e,n,r)=>[t.offset(r?0:8),t.flip({fallbackStrategy:"initialPlacement"}),t.size({apply({rects:r,elements:o}){n||(o.floating.style.width=e||`${r.reference.width}px`)}})])(j,k,R),G=n.useRef(null),J=n.useCallback((()=>{if(R){var e;const n=null==P||null===(e=P.current)||void 0===e?void 0:e.querySelector("button, a");n&&h(n)}}),[R,P]),V=n.useCallback((e=>{d&&"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),g(),R?J():h(F.current))}),[d,g,R,J]);n.useEffect((()=>{const e=R?q.current:I.current;null==e||e.addEventListener("click",N,{passive:!0}),null==e||e.addEventListener("keydown",V);const n=R?null==P?void 0:P.current:null;return null==n||n.addEventListener("click",N,{passive:!0}),()=>{null==e||e.removeEventListener("click",N),null==e||e.removeEventListener("keydown",V),null==n||n.removeEventListener("click",N)}}),[R,N,V,P]);const X=a.useHandleDropdownMenuKeyDown($,k?()=>{}:Q,g,{isButtonMenu:k,isSubmenu:R}),Y=n.useCallback((e=>{var n;if(d&&(null===(n=A.current)||void 0===n?void 0:n.contains(document.activeElement)))X(e);else if(!d&&k&&!R){if("ArrowDown"===e.key)return e.preventDefault(),null==y||y(),void(G.current="down");if("ArrowUp"===e.key)return e.preventDefault(),null==y||y(),void(G.current="up")}}),[d,X,k,y,R]);n.useEffect((()=>{let e;return d&&k&&!R&&(e=requestAnimationFrame((()=>{var e;const n=null===(e=q.current)||void 0===e?void 0:e.querySelectorAll(l.buttonMenuItemQuerySelector(!1)),r="up"===G.current?null==n?void 0:n[n.length-1]:null==n?void 0:n[0];G.current=null,r&&(Q(r.id),a.setFocus(r,void 0,k))}))),()=>cancelAnimationFrame(e)}),[d,k,R]);const Z=n.useCallback((n=>e.jsx(_,{open:n.open,onClose:e=>{var r;n.onClose(),("click"===(null==e?void 0:e.type)&&!(null===(r=I.current)||void 0===r?void 0:r.contains(null==e?void 0:e.target))||"Tab"===(null==e?void 0:e.key))&&g(e)},size:n.size,isButtonMenu:!0,isSubmenu:!0,width:n.submenuWidth,listRef:n.ref,popoverControl:(e,r)=>n.control(r),placement:"right-start",controlReference:n.triggerRef,children:n.submenu})),[g]),ee=e.jsxs(e.Fragment,{children:[e.jsx(w,{open:d,isButtonMenu:k,isSubmenu:R,popoverControl:v,controlRef:F,controlWrapperRef:A,controlWrapperStyle:D,onKeyDown:Y,listId:E.current,"aria-activedescendant":d&&T?T:void 0}),e.jsx(s.PopoverMenuContext.Provider,{value:{size:m,isButtonMenu:k,isSubmenu:R,onSubmenuCloseContext:R?g:void 0,focusSubmenuParent:R?J:void 0,renderSubmenu:k&&!R?Z:void 0},children:d&&e.jsx(x,{open:d,placement:b,controlWrapperRef:B,size:m,listRef:W,listboxAriaLabelledBy:O,listboxAriaLabel:S,isButtonMenu:k,onKeyDown:X,middleware:U,scrollRef:q,listId:E.current,disablePortal:!R,portalTarget:R?null==P?void 0:P.current:void 0,maxHeight:L,children:K})})]});return R?ee:e.jsx("div",(ne=function(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(n){f(e,n,r[n])}))}return e}({ref:H,"data-component":"popover-menu"},z),re=null!=(re={children:ee})?re:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ne,Object.getOwnPropertyDescriptors(re)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(re)).forEach((function(e){Object.defineProperty(ne,e,Object.getOwnPropertyDescriptor(re,e))})),ne));var ne,re},_=n.forwardRef(j);exports.List=m,exports.default=_;
@@ -1 +1,4 @@
1
- export { default } from "./wrap-children-in-menu-items.util";
1
+ import React from "react";
2
+ export declare const wrapChildrenInItem: (children: React.ReactNode) => React.ReactNode[] | undefined;
3
+ export declare const itemQuerySelector: (isSubmenu?: boolean) => string;
4
+ export declare const buttonMenuItemQuerySelector: (isSubmenu?: boolean) => string;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./wrap-children-in-menu-items.util.js");exports.default=e.default;
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("../menu-item/menu-item.component.js");require("../menu-item/menu-item-content/menu-item-leading.component.js"),require("../menu-item/menu-item-content/menu-item-label.component.js"),require("../menu-item/menu-item-content/menu-item-subtext.component.js");var i=require("../menu-item/menu-item-divider/menu-item-divider.component.js"),m=require("../menu-item/menu-item-heading/menu-item-heading.component.js");function u(e){return e&&e.__esModule?e:{default:e}}var r=u(t);const o=t=>{var u;return null===(u=r.default.Children.map(t,(t=>r.default.isValidElement(t)?t.type===r.default.Fragment?o(t.props.children):t.type===n.default||t.type===i.default||t.type===m.default?t:e.jsx(n.default,{children:t}):null)))||void 0===u?void 0:u.flat().filter(Boolean)},a=e=>`li[data-component='popover-${e?"submenu":"menu"}-item']:not([aria-disabled='true'])`;exports.buttonMenuItemQuerySelector=e=>`${a(e)} button:not([disabled]), ${a(e)} a:not([disabled])`,exports.itemQuerySelector=a,exports.wrapChildrenInItem=o;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("./validation-message-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(e).default.span.withConfig({displayName:"validation-message.style__StyledValidationMessage",componentId:"carbon_v161_11_0__sc-ade67d83-0"})(["",""],(({$isError:t,$size:l})=>e.css(["display:flex;align-items:center;align-content:center;align-self:stretch;flex-wrap:wrap;margin:0px;color:",";"," "," "," ",""],t?"var(--input-validation-label-error)":"var(--input-validation-label-warn)","large"===l&&e.css(["font:",";"],t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-regular-l)"),"medium"===l&&e.css(["font:",";"],t?"var(--global-font-static-comp-medium-m)":"var(--global-font-static-comp-regular-m)"),"small"===l&&e.css(["font:",";"],t?"var(--global-font-static-comp-medium-s)":"var(--global-font-static-comp-regular-s)"),a.default)));exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("./validation-message-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(e).default.span.withConfig({displayName:"validation-message.style__StyledValidationMessage",componentId:"carbon_v161_12_1__sc-ade67d83-0"})(["",""],(({$isError:t,$size:l})=>e.css(["display:flex;align-items:center;align-content:center;align-self:stretch;flex-wrap:wrap;margin:0px;color:",";"," "," "," ",""],t?"var(--input-validation-label-error)":"var(--input-validation-label-warn)","large"===l&&e.css(["font:",";"],t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-regular-l)"),"medium"===l&&e.css(["font:",";"],t?"var(--global-font-static-comp-medium-m)":"var(--global-font-static-comp-regular-m)"),"small"===l&&e.css(["font:",";"],t?"var(--global-font-static-comp-medium-s)":"var(--global-font-static-comp-regular-s)"),a.default)));exports.default=l;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}const o=t(e).default.p.withConfig({displayName:"validation-message.style__StyledValidationMessage",componentId:"carbon_v161_11_0__sc-3359a809-0"})(["",""],(({isWarning:t,isDarkBackground:o,validationMessagePositionTop:a,isLarge:i})=>{const n=o?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)";return e.css(["color:",";font-weight:",";font-size:",";margin:0px;margin-",":8px;"],t?"var(--tempColorsSemanticCaution600)":n,t?"normal":"500",i?"var(--fontSizes200)":"var(--fontSizes100)",a?"bottom":"top")}));exports.default=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}const o=t(e).default.p.withConfig({displayName:"validation-message.style__StyledValidationMessage",componentId:"carbon_v161_12_1__sc-3359a809-0"})(["",""],(({isWarning:t,isDarkBackground:o,validationMessagePositionTop:a,isLarge:i})=>{const n=o?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)";return e.css(["color:",";font-weight:",";font-size:",";margin:0px;margin-",":8px;"],t?"var(--tempColorsSemanticCaution600)":n,t?"normal":"500",i?"var(--fontSizes200)":"var(--fontSizes100)",a?"bottom":"top")}));exports.default=o;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),r=require("../../components/icon/icon.style.js"),n=require("../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}const s={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",warning:"var(--colorsSemanticCaution500)"},i=a(e).default.span.attrs(o.default).withConfig({displayName:"validation-icon.style__ValidationIconStyle",componentId:"carbon_v161_11_0__sc-91300c1b-0"})(["background:none;cursor:default;display:flex;align-items:center;margin-top:0;margin-bottom:0;border:0;outline:none;"," ",":before{color:",";}",":focus{","}",""],(({isPartOfInput:t})=>t&&e.css(["cursor:pointer;"])),r.default,(({validationType:e})=>s[e]),r.default,n.default(),t.margin);exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),r=require("../../components/icon/icon.style.js"),n=require("../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}const s={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",warning:"var(--colorsSemanticCaution500)"},i=a(e).default.span.attrs(o.default).withConfig({displayName:"validation-icon.style__ValidationIconStyle",componentId:"carbon_v161_12_1__sc-91300c1b-0"})(["background:none;cursor:default;display:flex;align-items:center;margin-top:0;margin-bottom:0;border:0;outline:none;"," ",":before{color:",";}",":focus{","}",""],(({isPartOfInput:t})=>t&&e.css(["cursor:pointer;"])),r.default,(({validationType:e})=>s[e]),r.default,n.default(),t.margin);exports.default=i;