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.
- package/esm/__internal__/character-count/character-count.style.js +1 -1
- package/esm/__internal__/checkable-input/checkable-input.style.js +1 -1
- package/esm/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
- package/esm/__internal__/error-border/error-border.style.js +1 -1
- package/esm/__internal__/field-help/field-help.style.js +1 -1
- package/esm/__internal__/fieldset/__next__/fieldset.style.js +1 -1
- package/esm/__internal__/fieldset/fieldset.style.js +1 -1
- package/esm/__internal__/form-field/form-field.style.js +1 -1
- package/esm/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
- package/esm/__internal__/hint-text/hint-text.style.js +1 -1
- package/esm/__internal__/input/input-style-overrides.style.js +1 -1
- package/esm/__internal__/input/input.style.js +1 -1
- package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
- package/esm/__internal__/label/label.style.js +1 -1
- package/esm/__internal__/legacy-error-border/error-border.style.js +1 -1
- package/esm/__internal__/legacy-hint-text/hint-text.style.js +1 -1
- package/esm/__internal__/legacy-input/input-presentation.style.js +1 -1
- package/esm/__internal__/legacy-input/input.style.js +1 -1
- package/esm/__internal__/legacy-label/icon-wrapper.style.js +1 -1
- package/esm/__internal__/legacy-label/label.style.js +1 -1
- package/esm/__internal__/modal/modal.style.js +1 -1
- package/esm/__internal__/popover/popover.component.d.ts +3 -1
- package/esm/__internal__/popover/popover.component.js +1 -1
- package/esm/__internal__/popover/popover.style.js +1 -1
- package/esm/__internal__/popover-menu/contexts/index.d.ts +2 -1
- package/esm/__internal__/popover-menu/contexts/index.js +1 -1
- package/esm/__internal__/popover-menu/contexts/menu-item.context.d.ts +4 -0
- package/esm/__internal__/popover-menu/contexts/menu-item.context.js +1 -0
- package/esm/__internal__/popover-menu/contexts/popover-menu.context.d.ts +22 -0
- package/esm/__internal__/popover-menu/contexts/popover-menu.context.js +1 -1
- package/esm/__internal__/popover-menu/hooks/index.d.ts +1 -1
- package/esm/__internal__/popover-menu/hooks/index.js +1 -1
- package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.d.ts +6 -3
- package/esm/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.js +1 -1
- package/esm/__internal__/popover-menu/index.d.ts +1 -0
- package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item.component.d.ts +6 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
- package/esm/__internal__/popover-menu/popover-menu.component.d.ts +16 -14
- package/esm/__internal__/popover-menu/popover-menu.component.js +1 -1
- package/esm/__internal__/popover-menu/utils/index.d.ts +4 -1
- package/esm/__internal__/popover-menu/utils/index.js +1 -1
- package/esm/__internal__/validation-message/__next__/validation-message.style.js +1 -1
- package/esm/__internal__/validation-message/validation-message.style.js +1 -1
- package/esm/__internal__/validations/validation-icon.style.js +1 -1
- package/esm/components/accordion/accordion.style.js +1 -1
- package/esm/components/action-popover/action-popover.style.js +1 -1
- package/esm/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
- package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
- package/esm/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
- package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
- package/esm/components/anchor-navigation/anchor-navigation.style.js +1 -1
- package/esm/components/anchor-navigation/anchor-section-divider.component.js +1 -1
- package/esm/components/badge/badge.style.js +1 -1
- package/esm/components/batch-selection/batch-selection.style.js +1 -1
- package/esm/components/box/box.style.js +1 -1
- package/esm/components/breadcrumbs/breadcrumbs.style.js +1 -1
- package/esm/components/breadcrumbs/crumb/crumb.style.js +1 -1
- package/esm/components/button/__next__/button.component.js +1 -1
- package/esm/components/button/__next__/button.style.js +1 -1
- package/esm/components/button/button.style.js +1 -1
- package/esm/components/button-bar/button-bar.style.js +1 -1
- package/esm/components/button-minor/button-minor.style.js +1 -1
- package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
- package/esm/components/button-toggle/button-toggle.style.js +1 -1
- package/esm/components/card/card-column/card-column.style.js +1 -1
- package/esm/components/card/card-footer/card-footer.style.js +1 -1
- package/esm/components/card/card-row/card-row.style.js +1 -1
- package/esm/components/card/card.style.js +1 -1
- package/esm/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
- package/esm/components/checkbox/checkbox.style.js +1 -1
- package/esm/components/confirm/confirm.style.js +1 -1
- package/esm/components/content/content.style.js +1 -1
- package/esm/components/date/__internal__/date-picker/day-picker.style.js +1 -1
- package/esm/components/date/__internal__/navbar/button.style.js +1 -1
- package/esm/components/date/__internal__/navbar/navbar.style.js +1 -1
- package/esm/components/date/__internal__/weekday/abbr.style.js +1 -1
- package/esm/components/date/__internal__/weekday/weekday.style.js +1 -1
- package/esm/components/date/date.style.js +1 -1
- package/esm/components/date-range/date-range.style.js +1 -1
- package/esm/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
- package/esm/components/decimal/decimal.style.js +1 -1
- package/esm/components/definition-list/definition-list.style.js +1 -1
- package/esm/components/detail/detail.style.js +1 -1
- package/esm/components/dialog/__internal__/__next__/dialog.style.js +1 -1
- package/esm/components/dismissible-box/dismissible-box.style.js +1 -1
- package/esm/components/divider/divider.style.js +1 -1
- package/esm/components/draggable/draggable-item/draggable-item.style.js +1 -1
- package/esm/components/drawer/drawer.style.js +1 -1
- package/esm/components/duelling-picklist/duelling-picklist.style.js +1 -1
- package/esm/components/duelling-picklist/picklist/picklist.style.js +1 -1
- package/esm/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
- package/esm/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
- package/esm/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
- package/esm/components/fieldset/fieldset.style.js +1 -1
- package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
- package/esm/components/file-input/file-input.style.js +1 -1
- package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
- package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
- package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
- package/esm/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
- package/esm/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
- package/esm/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
- package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
- package/esm/components/flat-table/flat-table.style.js +1 -1
- package/esm/components/flat-table/sort/sort.style.js +1 -1
- package/esm/components/form/__internal__/form-summary.style.js +1 -1
- package/esm/components/form/form.style.js +1 -1
- package/esm/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
- package/esm/components/global-header/global-header.component.js +1 -1
- package/esm/components/grid/grid-container/grid-container.style.js +1 -1
- package/esm/components/grid/grid-item/grid-item.style.js +1 -1
- package/esm/components/heading/heading.style.js +1 -1
- package/esm/components/help/help.style.js +1 -1
- package/esm/components/hr/hr.style.js +1 -1
- package/esm/components/icon/icon.style.js +1 -1
- package/esm/components/icon-button/icon-button.style.js +1 -1
- package/esm/components/image/image.style.js +1 -1
- package/esm/components/inline-inputs/inline-inputs.style.js +1 -1
- package/esm/components/link/link.style.js +1 -1
- package/esm/components/link-preview/__internal__/placeholder.component.js +1 -1
- package/esm/components/link-preview/link-preview.style.js +1 -1
- package/esm/components/loader/__next__/internal/star.style.js +1 -1
- package/esm/components/loader/__next__/loader.style.js +1 -1
- package/esm/components/loader/loader-square.style.js +1 -1
- package/esm/components/loader/loader.style.js +1 -1
- package/esm/components/loader-bar/loader-bar.style.js +1 -1
- package/esm/components/loader-spinner/loader-spinner.style.js +1 -1
- package/esm/components/loader-star/internal/star.style.js +1 -1
- package/esm/components/loader-star/loader-star.style.js +1 -1
- package/esm/components/menu/__internal__/submenu/submenu.style.js +1 -1
- package/esm/components/menu/menu-divider/menu-divider.style.js +1 -1
- package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/esm/components/menu/menu-item/menu-item.style.js +1 -1
- package/esm/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
- package/esm/components/menu/menu.style.js +1 -1
- package/esm/components/menu/scrollable-block/scrollable-block.style.js +1 -1
- package/esm/components/message/message.style.js +1 -1
- package/esm/components/multi-action-button/multi-action-button.style.js +1 -1
- package/esm/components/navigation-bar/navigation-bar.style.js +1 -1
- package/esm/components/note/__internal__/status-icon/status-icon.style.js +1 -1
- package/esm/components/note/note.style.js +1 -1
- package/esm/components/numeral-date/numeral-date.component.d.ts +63 -14
- package/esm/components/numeral-date/numeral-date.component.js +1 -1
- package/esm/components/numeral-date/numeral-date.style.d.ts +1 -0
- package/esm/components/numeral-date/numeral-date.style.js +1 -1
- package/esm/components/pager/__internal__/pagination-navigation.style.js +1 -1
- package/esm/components/pager/pager.style.js +1 -1
- package/esm/components/pages/page/page.style.js +1 -1
- package/esm/components/pages/pages.style.js +1 -1
- package/esm/components/password/password.style.js +1 -1
- package/esm/components/pill/pill.style.js +1 -1
- package/esm/components/pod/pod.style.js +1 -1
- package/esm/components/popover-container/popover-container.style.js +1 -1
- package/esm/components/portal/portal.js +1 -1
- package/esm/components/portal/portal.style.js +1 -1
- package/esm/components/portrait/portrait.style.js +1 -1
- package/esm/components/preview/preview.style.js +1 -1
- package/esm/components/profile/profile.style.js +1 -1
- package/esm/components/progress-tracker/progress-tracker.style.js +1 -1
- package/esm/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
- package/esm/components/radio-button/radio-button.style.js +1 -1
- package/esm/components/search/__internal__/legacy/search-button.style.js +1 -1
- package/esm/components/search/__internal__/legacy/search.style.js +1 -1
- package/esm/components/search/__internal__/results-announcement.component.js +1 -1
- package/esm/components/search/search.component.js +1 -1
- package/esm/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
- package/esm/components/select/__internal__/select-list/select-list.style.js +1 -1
- package/esm/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
- package/esm/components/select/__internal__/utils/matching-text.style.js +1 -1
- package/esm/components/select/multi-select/multi-select.style.js +1 -1
- package/esm/components/select/option/option.style.js +1 -1
- package/esm/components/select/option-group-header/option-group-header.style.js +1 -1
- package/esm/components/select/option-row/option-row.style.js +1 -1
- package/esm/components/select/select.style.js +1 -1
- package/esm/components/settings-row/settings-row.style.js +1 -1
- package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
- package/esm/components/sidebar/sidebar.style.js +1 -1
- package/esm/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
- package/esm/components/simple-color-picker/simple-color-picker.style.js +1 -1
- package/esm/components/split-button/split-button-children.style.js +1 -1
- package/esm/components/split-button/split-button-toggle.style.js +1 -1
- package/esm/components/split-button/split-button.style.js +1 -1
- package/esm/components/step-flow/step-flow.style.js +1 -1
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
- package/esm/components/step-sequence/step-sequence.style.js +1 -1
- package/esm/components/switch/switch.style.js +1 -1
- package/esm/components/tabs/__next__/tabs.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
- package/esm/components/text-editor/text-editor.style.js +1 -1
- package/esm/components/textarea/textarea.style.js +1 -1
- package/esm/components/textbox/__internal__/__next__/text-input.style.js +1 -1
- package/esm/components/tile/tile-content/tile-content.style.js +1 -1
- package/esm/components/tile/tile-footer/tile-footer.style.js +1 -1
- package/esm/components/tile/tile-header/tile-header.style.js +1 -1
- package/esm/components/tile/tile.style.js +1 -1
- package/esm/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
- package/esm/components/tile-select/tile-select.style.js +1 -1
- package/esm/components/time/time.style.js +1 -1
- package/esm/components/toast/toast.style.js +1 -1
- package/esm/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
- package/esm/components/tooltip/tooltip-pointer.style.js +1 -1
- package/esm/components/tooltip/tooltip.style.js +1 -1
- package/esm/components/typography/__internal__/__next__/typography.style.js +1 -1
- package/esm/components/typography/typography.style.js +1 -1
- package/esm/components/vertical-divider/vertical-divider.style.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
- package/esm/components/vertical-menu/vertical-menu.style.js +1 -1
- package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
- package/lib/__internal__/character-count/character-count.style.js +1 -1
- package/lib/__internal__/checkable-input/checkable-input.style.js +1 -1
- package/lib/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
- package/lib/__internal__/error-border/error-border.style.js +1 -1
- package/lib/__internal__/field-help/field-help.style.js +1 -1
- package/lib/__internal__/fieldset/__next__/fieldset.style.js +1 -1
- package/lib/__internal__/fieldset/fieldset.style.js +1 -1
- package/lib/__internal__/form-field/form-field.style.js +1 -1
- package/lib/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
- package/lib/__internal__/hint-text/hint-text.style.js +1 -1
- package/lib/__internal__/input/input-style-overrides.style.js +1 -1
- package/lib/__internal__/input/input.style.js +1 -1
- package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
- package/lib/__internal__/label/label.style.js +1 -1
- package/lib/__internal__/legacy-error-border/error-border.style.js +1 -1
- package/lib/__internal__/legacy-hint-text/hint-text.style.js +1 -1
- package/lib/__internal__/legacy-input/input-presentation.style.js +1 -1
- package/lib/__internal__/legacy-input/input.style.js +1 -1
- package/lib/__internal__/legacy-label/icon-wrapper.style.js +1 -1
- package/lib/__internal__/legacy-label/label.style.js +1 -1
- package/lib/__internal__/modal/modal.style.js +1 -1
- package/lib/__internal__/popover/popover.component.d.ts +3 -1
- package/lib/__internal__/popover/popover.component.js +1 -1
- package/lib/__internal__/popover/popover.style.js +1 -1
- package/lib/__internal__/popover-menu/contexts/index.d.ts +2 -1
- package/lib/__internal__/popover-menu/contexts/index.js +1 -1
- package/lib/__internal__/popover-menu/contexts/menu-item.context.d.ts +4 -0
- package/lib/__internal__/popover-menu/contexts/menu-item.context.js +1 -0
- package/lib/__internal__/popover-menu/contexts/popover-menu.context.d.ts +22 -0
- package/lib/__internal__/popover-menu/contexts/popover-menu.context.js +1 -1
- package/lib/__internal__/popover-menu/hooks/index.d.ts +1 -1
- package/lib/__internal__/popover-menu/hooks/index.js +1 -1
- package/lib/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.d.ts +6 -3
- package/lib/__internal__/popover-menu/hooks/useHandleDropdownMenuKeyDown.js +1 -1
- package/lib/__internal__/popover-menu/index.d.ts +1 -0
- package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item.component.d.ts +6 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
- package/lib/__internal__/popover-menu/popover-menu.component.d.ts +16 -14
- package/lib/__internal__/popover-menu/popover-menu.component.js +1 -1
- package/lib/__internal__/popover-menu/utils/index.d.ts +4 -1
- package/lib/__internal__/popover-menu/utils/index.js +1 -1
- package/lib/__internal__/validation-message/__next__/validation-message.style.js +1 -1
- package/lib/__internal__/validation-message/validation-message.style.js +1 -1
- package/lib/__internal__/validations/validation-icon.style.js +1 -1
- package/lib/components/accordion/accordion.style.js +1 -1
- package/lib/components/action-popover/action-popover.style.js +1 -1
- package/lib/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
- package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
- package/lib/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
- package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
- package/lib/components/anchor-navigation/anchor-navigation.style.js +1 -1
- package/lib/components/anchor-navigation/anchor-section-divider.component.js +1 -1
- package/lib/components/badge/badge.style.js +1 -1
- package/lib/components/batch-selection/batch-selection.style.js +1 -1
- package/lib/components/box/box.style.js +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.style.js +1 -1
- package/lib/components/breadcrumbs/crumb/crumb.style.js +1 -1
- package/lib/components/button/__next__/button.component.js +1 -1
- package/lib/components/button/__next__/button.style.js +1 -1
- package/lib/components/button/button.style.js +1 -1
- package/lib/components/button-bar/button-bar.style.js +1 -1
- package/lib/components/button-minor/button-minor.style.js +1 -1
- package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
- package/lib/components/button-toggle/button-toggle.style.js +1 -1
- package/lib/components/card/card-column/card-column.style.js +1 -1
- package/lib/components/card/card-footer/card-footer.style.js +1 -1
- package/lib/components/card/card-row/card-row.style.js +1 -1
- package/lib/components/card/card.style.js +1 -1
- package/lib/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
- package/lib/components/checkbox/checkbox.style.js +1 -1
- package/lib/components/confirm/confirm.style.js +1 -1
- package/lib/components/content/content.style.js +1 -1
- package/lib/components/date/__internal__/date-picker/day-picker.style.js +1 -1
- package/lib/components/date/__internal__/navbar/button.style.js +1 -1
- package/lib/components/date/__internal__/navbar/navbar.style.js +1 -1
- package/lib/components/date/__internal__/weekday/abbr.style.js +1 -1
- package/lib/components/date/__internal__/weekday/weekday.style.js +1 -1
- package/lib/components/date/date.style.js +1 -1
- package/lib/components/date-range/date-range.style.js +1 -1
- package/lib/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
- package/lib/components/decimal/decimal.style.js +1 -1
- package/lib/components/definition-list/definition-list.style.js +1 -1
- package/lib/components/detail/detail.style.js +1 -1
- package/lib/components/dialog/__internal__/__next__/dialog.style.js +1 -1
- package/lib/components/dismissible-box/dismissible-box.style.js +1 -1
- package/lib/components/divider/divider.style.js +1 -1
- package/lib/components/draggable/draggable-item/draggable-item.style.js +1 -1
- package/lib/components/drawer/drawer.style.js +1 -1
- package/lib/components/duelling-picklist/duelling-picklist.style.js +1 -1
- package/lib/components/duelling-picklist/picklist/picklist.style.js +1 -1
- package/lib/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
- package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
- package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
- package/lib/components/fieldset/fieldset.style.js +1 -1
- package/lib/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
- package/lib/components/file-input/file-input.style.js +1 -1
- package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
- package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
- package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
- package/lib/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
- package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
- package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
- package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
- package/lib/components/flat-table/flat-table.style.js +1 -1
- package/lib/components/flat-table/sort/sort.style.js +1 -1
- package/lib/components/form/__internal__/form-summary.style.js +1 -1
- package/lib/components/form/form.style.js +1 -1
- package/lib/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
- package/lib/components/global-header/global-header.component.js +1 -1
- package/lib/components/grid/grid-container/grid-container.style.js +1 -1
- package/lib/components/grid/grid-item/grid-item.style.js +1 -1
- package/lib/components/heading/heading.style.js +1 -1
- package/lib/components/help/help.style.js +1 -1
- package/lib/components/hr/hr.style.js +1 -1
- package/lib/components/icon/icon.style.js +1 -1
- package/lib/components/icon-button/icon-button.style.js +1 -1
- package/lib/components/image/image.style.js +1 -1
- package/lib/components/inline-inputs/inline-inputs.style.js +1 -1
- package/lib/components/link/link.style.js +1 -1
- package/lib/components/link-preview/__internal__/placeholder.component.js +1 -1
- package/lib/components/link-preview/link-preview.style.js +1 -1
- package/lib/components/loader/__next__/internal/star.style.js +1 -1
- package/lib/components/loader/__next__/loader.style.js +1 -1
- package/lib/components/loader/loader-square.style.js +1 -1
- package/lib/components/loader/loader.style.js +1 -1
- package/lib/components/loader-bar/loader-bar.style.js +1 -1
- package/lib/components/loader-spinner/loader-spinner.style.js +1 -1
- package/lib/components/loader-star/internal/star.style.js +1 -1
- package/lib/components/loader-star/loader-star.style.js +1 -1
- package/lib/components/menu/__internal__/submenu/submenu.style.js +1 -1
- package/lib/components/menu/menu-divider/menu-divider.style.js +1 -1
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/lib/components/menu/menu-item/menu-item.style.js +1 -1
- package/lib/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
- package/lib/components/menu/menu.style.js +1 -1
- package/lib/components/menu/scrollable-block/scrollable-block.style.js +1 -1
- package/lib/components/message/message.style.js +1 -1
- package/lib/components/multi-action-button/multi-action-button.style.js +1 -1
- package/lib/components/navigation-bar/navigation-bar.style.js +1 -1
- package/lib/components/note/__internal__/status-icon/status-icon.style.js +1 -1
- package/lib/components/note/note.style.js +1 -1
- package/lib/components/numeral-date/numeral-date.component.d.ts +63 -14
- package/lib/components/numeral-date/numeral-date.component.js +1 -1
- package/lib/components/numeral-date/numeral-date.style.d.ts +1 -0
- package/lib/components/numeral-date/numeral-date.style.js +1 -1
- package/lib/components/pager/__internal__/pagination-navigation.style.js +1 -1
- package/lib/components/pager/pager.style.js +1 -1
- package/lib/components/pages/page/page.style.js +1 -1
- package/lib/components/pages/pages.style.js +1 -1
- package/lib/components/password/password.style.js +1 -1
- package/lib/components/pill/pill.style.js +1 -1
- package/lib/components/pod/pod.style.js +1 -1
- package/lib/components/popover-container/popover-container.style.js +1 -1
- package/lib/components/portal/portal.js +1 -1
- package/lib/components/portal/portal.style.js +1 -1
- package/lib/components/portrait/portrait.style.js +1 -1
- package/lib/components/preview/preview.style.js +1 -1
- package/lib/components/profile/profile.style.js +1 -1
- package/lib/components/progress-tracker/progress-tracker.style.js +1 -1
- package/lib/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
- package/lib/components/radio-button/radio-button.style.js +1 -1
- package/lib/components/search/__internal__/legacy/search-button.style.js +1 -1
- package/lib/components/search/__internal__/legacy/search.style.js +1 -1
- package/lib/components/search/__internal__/results-announcement.component.js +1 -1
- package/lib/components/search/search.component.js +1 -1
- package/lib/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
- package/lib/components/select/__internal__/select-list/select-list.style.js +1 -1
- package/lib/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
- package/lib/components/select/__internal__/utils/matching-text.style.js +1 -1
- package/lib/components/select/multi-select/multi-select.style.js +1 -1
- package/lib/components/select/option/option.style.js +1 -1
- package/lib/components/select/option-group-header/option-group-header.style.js +1 -1
- package/lib/components/select/option-row/option-row.style.js +1 -1
- package/lib/components/select/select.style.js +1 -1
- package/lib/components/settings-row/settings-row.style.js +1 -1
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
- package/lib/components/sidebar/sidebar.style.js +1 -1
- package/lib/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
- package/lib/components/simple-color-picker/simple-color-picker.style.js +1 -1
- package/lib/components/split-button/split-button-children.style.js +1 -1
- package/lib/components/split-button/split-button-toggle.style.js +1 -1
- package/lib/components/split-button/split-button.style.js +1 -1
- package/lib/components/step-flow/step-flow.style.js +1 -1
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
- package/lib/components/step-sequence/step-sequence.style.js +1 -1
- package/lib/components/switch/switch.style.js +1 -1
- package/lib/components/tabs/__next__/tabs.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
- package/lib/components/text-editor/text-editor.style.js +1 -1
- package/lib/components/textarea/textarea.style.js +1 -1
- package/lib/components/textbox/__internal__/__next__/text-input.style.js +1 -1
- package/lib/components/tile/tile-content/tile-content.style.js +1 -1
- package/lib/components/tile/tile-footer/tile-footer.style.js +1 -1
- package/lib/components/tile/tile-header/tile-header.style.js +1 -1
- package/lib/components/tile/tile.style.js +1 -1
- package/lib/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
- package/lib/components/tile-select/tile-select.style.js +1 -1
- package/lib/components/time/time.style.js +1 -1
- package/lib/components/toast/toast.style.js +1 -1
- package/lib/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
- package/lib/components/tooltip/tooltip-pointer.style.js +1 -1
- package/lib/components/tooltip/tooltip.style.js +1 -1
- package/lib/components/typography/__internal__/__next__/typography.style.js +1 -1
- package/lib/components/typography/typography.style.js +1 -1
- package/lib/components/vertical-divider/vertical-divider.style.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
- package/lib/components/vertical-menu/vertical-menu.style.js +1 -1
- package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
- package/package.json +1 -1
- package/esm/__internal__/popover-menu/utils/wrap-children-in-menu-items.util.d.ts +0 -3
- package/esm/__internal__/popover-menu/utils/wrap-children-in-menu-items.util.js +0 -1
- package/lib/__internal__/popover-menu/utils/wrap-children-in-menu-items.util.d.ts +0 -3
- 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:
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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,
|
|
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:"
|
|
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 @@
|
|
|
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,
|
|
1
|
+
export { useHandleDropdownMenuKeyDown, setFocus, } from "./useHandleDropdownMenuKeyDown";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./useHandleDropdownMenuKeyDown.js");exports.
|
|
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
|
|
3
|
-
export declare const
|
|
4
|
-
|
|
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
|
|
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";
|
package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js
CHANGED
|
@@ -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
|
|
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;
|
package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime")
|
|
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;
|
package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js
CHANGED
|
@@ -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:"
|
|
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;
|
package/lib/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js
CHANGED
|
@@ -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:"
|
|
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;
|
package/lib/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js
CHANGED
|
@@ -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")
|
|
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"),
|
|
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 {
|
|
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
|
|
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
|
|
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>(
|
|
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"),
|
|
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
|
-
|
|
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";
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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;
|