carbon-react 162.10.0 → 162.12.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.d.ts +0 -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.style.js +1 -1
- 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.js +1 -1
- package/esm/__internal__/popover-menu/popover-menu.component.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.d.ts +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.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/__internal__/dl.context.d.ts +1 -1
- package/esm/components/definition-list/__internal__/dl.context.js +1 -1
- package/esm/components/definition-list/__internal__/utils.d.ts +4 -0
- package/esm/components/definition-list/__internal__/utils.js +1 -0
- package/esm/components/definition-list/dd/dd.component.d.ts +3 -1
- package/esm/components/definition-list/dd/dd.component.js +1 -1
- package/esm/components/definition-list/definition-list.style.d.ts +9 -3
- package/esm/components/definition-list/definition-list.style.js +1 -1
- package/esm/components/definition-list/dl.component.d.ts +7 -5
- package/esm/components/definition-list/dl.component.js +1 -1
- package/esm/components/definition-list/dt/dt.component.d.ts +1 -1
- package/esm/components/definition-list/dt/dt.component.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.component.d.ts +4 -1
- package/esm/components/divider/divider.component.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.component.d.ts +0 -2
- package/esm/components/link/link.component.js +1 -1
- package/esm/components/link/link.style.d.ts +0 -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__/menu-item-variant.context.d.ts +6 -0
- package/esm/components/menu/__internal__/menu-item-variant.context.js +1 -0
- package/esm/components/menu/__internal__/strict-menu.context.d.ts +2 -2
- package/esm/components/menu/__internal__/strict-menu.context.js +1 -1
- package/esm/components/menu/__internal__/submenu/submenu.component.d.ts +3 -11
- package/esm/components/menu/__internal__/submenu/submenu.component.js +1 -1
- package/esm/components/menu/__internal__/submenu/submenu.context.d.ts +1 -1
- package/esm/components/menu/__internal__/submenu/submenu.style.d.ts +15 -18
- package/esm/components/menu/__internal__/submenu/submenu.style.js +1 -1
- package/esm/components/menu/index.d.ts +1 -1
- package/esm/components/menu/menu-divider/menu-divider.component.js +1 -1
- package/esm/components/menu/menu-divider/menu-divider.style.d.ts +6 -4
- package/esm/components/menu/menu-divider/menu-divider.style.js +1 -1
- package/esm/components/menu/menu-full-screen/menu-full-screen.component.js +1 -1
- package/esm/components/menu/menu-full-screen/menu-full-screen.style.d.ts +14 -14
- package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/esm/components/menu/menu-item/menu-item.component.d.ts +10 -10
- package/esm/components/menu/menu-item/menu-item.component.js +1 -1
- package/esm/components/menu/menu-item/menu-item.style.d.ts +30 -21
- package/esm/components/menu/menu-item/menu-item.style.js +1 -1
- package/esm/components/menu/menu-segment-title/menu-segment-title.component.d.ts +4 -3
- package/esm/components/menu/menu-segment-title/menu-segment-title.component.js +1 -1
- package/esm/components/menu/menu-segment-title/menu-segment-title.style.d.ts +6 -8
- package/esm/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
- package/esm/components/menu/menu.component.d.ts +16 -2
- package/esm/components/menu/menu.component.js +1 -1
- package/esm/components/menu/menu.config.d.ts +10 -50
- package/esm/components/menu/menu.config.js +1 -1
- package/esm/components/menu/menu.style.d.ts +4 -13
- package/esm/components/menu/menu.style.js +1 -1
- package/esm/components/menu/scrollable-block/scrollable-block.component.d.ts +1 -1
- package/esm/components/menu/scrollable-block/scrollable-block.component.js +1 -1
- package/esm/components/menu/scrollable-block/scrollable-block.style.d.ts +5 -7
- 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/note.style.js +1 -1
- package/esm/components/numeral-date/numeral-date.style.js +1 -1
- package/esm/components/option-tile/option-tile.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.component.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__/results-announcement.component.js +1 -1
- package/esm/components/search/search.component.d.ts +1 -0
- 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-content/sidebar-content.style.js +1 -1
- package/esm/components/sidebar/__internal__/sidebar-footer/sidebar-footer.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-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-footer/tile-footer.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.d.ts +0 -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.style.js +1 -1
- 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.js +1 -1
- package/lib/__internal__/popover-menu/popover-menu.component.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.d.ts +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.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/__internal__/dl.context.d.ts +1 -1
- package/lib/components/definition-list/__internal__/dl.context.js +1 -1
- package/lib/components/definition-list/__internal__/utils.d.ts +4 -0
- package/lib/components/definition-list/__internal__/utils.js +1 -0
- package/lib/components/definition-list/dd/dd.component.d.ts +3 -1
- package/lib/components/definition-list/dd/dd.component.js +1 -1
- package/lib/components/definition-list/definition-list.style.d.ts +9 -3
- package/lib/components/definition-list/definition-list.style.js +1 -1
- package/lib/components/definition-list/dl.component.d.ts +7 -5
- package/lib/components/definition-list/dl.component.js +1 -1
- package/lib/components/definition-list/dt/dt.component.d.ts +1 -1
- package/lib/components/definition-list/dt/dt.component.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.component.d.ts +4 -1
- package/lib/components/divider/divider.component.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.component.d.ts +0 -2
- package/lib/components/link/link.component.js +1 -1
- package/lib/components/link/link.style.d.ts +0 -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__/menu-item-variant.context.d.ts +6 -0
- package/lib/components/menu/__internal__/menu-item-variant.context.js +1 -0
- package/lib/components/menu/__internal__/strict-menu.context.d.ts +2 -2
- package/lib/components/menu/__internal__/strict-menu.context.js +1 -1
- package/lib/components/menu/__internal__/submenu/submenu.component.d.ts +3 -11
- package/lib/components/menu/__internal__/submenu/submenu.component.js +1 -1
- package/lib/components/menu/__internal__/submenu/submenu.context.d.ts +1 -1
- package/lib/components/menu/__internal__/submenu/submenu.style.d.ts +15 -18
- package/lib/components/menu/__internal__/submenu/submenu.style.js +1 -1
- package/lib/components/menu/index.d.ts +1 -1
- package/lib/components/menu/menu-divider/menu-divider.component.js +1 -1
- package/lib/components/menu/menu-divider/menu-divider.style.d.ts +6 -4
- package/lib/components/menu/menu-divider/menu-divider.style.js +1 -1
- package/lib/components/menu/menu-full-screen/menu-full-screen.component.js +1 -1
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.d.ts +14 -14
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/lib/components/menu/menu-item/menu-item.component.d.ts +10 -10
- package/lib/components/menu/menu-item/menu-item.component.js +1 -1
- package/lib/components/menu/menu-item/menu-item.style.d.ts +30 -21
- package/lib/components/menu/menu-item/menu-item.style.js +1 -1
- package/lib/components/menu/menu-segment-title/menu-segment-title.component.d.ts +4 -3
- package/lib/components/menu/menu-segment-title/menu-segment-title.component.js +1 -1
- package/lib/components/menu/menu-segment-title/menu-segment-title.style.d.ts +6 -8
- package/lib/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
- package/lib/components/menu/menu.component.d.ts +16 -2
- package/lib/components/menu/menu.component.js +1 -1
- package/lib/components/menu/menu.config.d.ts +10 -50
- package/lib/components/menu/menu.config.js +1 -1
- package/lib/components/menu/menu.style.d.ts +4 -13
- package/lib/components/menu/menu.style.js +1 -1
- package/lib/components/menu/scrollable-block/scrollable-block.component.d.ts +1 -1
- package/lib/components/menu/scrollable-block/scrollable-block.component.js +1 -1
- package/lib/components/menu/scrollable-block/scrollable-block.style.d.ts +5 -7
- 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/note.style.js +1 -1
- package/lib/components/numeral-date/numeral-date.style.js +1 -1
- package/lib/components/option-tile/option-tile.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.component.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__/results-announcement.component.js +1 -1
- package/lib/components/search/search.component.d.ts +1 -0
- 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-content/sidebar-content.style.js +1 -1
- package/lib/components/sidebar/__internal__/sidebar-footer/sidebar-footer.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-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-footer/tile-footer.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/components/menu/menu-segment-title/menu-segment-title.context.d.ts +0 -7
- package/esm/components/menu/menu-segment-title/menu-segment-title.context.js +0 -1
- package/esm/components/menu/menu.types.d.ts +0 -9
- package/esm/components/search/__internal__/legacy/search-button.style.d.ts +0 -5
- package/esm/components/search/__internal__/legacy/search-button.style.js +0 -1
- package/esm/components/search/__internal__/legacy/search.component.d.ts +0 -71
- package/esm/components/search/__internal__/legacy/search.component.js +0 -1
- package/esm/components/search/__internal__/legacy/search.style.d.ts +0 -13
- package/esm/components/search/__internal__/legacy/search.style.js +0 -1
- package/lib/components/menu/menu-segment-title/menu-segment-title.context.d.ts +0 -7
- package/lib/components/menu/menu-segment-title/menu-segment-title.context.js +0 -1
- package/lib/components/menu/menu.types.d.ts +0 -9
- package/lib/components/search/__internal__/legacy/search-button.style.d.ts +0 -5
- package/lib/components/search/__internal__/legacy/search-button.style.js +0 -1
- package/lib/components/search/__internal__/legacy/search.component.d.ts +0 -71
- package/lib/components/search/__internal__/legacy/search.component.js +0 -1
- package/lib/components/search/__internal__/legacy/search.style.d.ts +0 -13
- package/lib/components/search/__internal__/legacy/search.style.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}const s=r(e).default.div.attrs(t.default).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}const s=r(e).default.div.attrs(t.default).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"carbon_v162_11_0__sc-55209bbd-0"})(["",""],(({theme:t,type:r,bgColor:s})=>e.css(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],t.zIndex.popover,((e,t,r)=>t?o.toColor(e,t):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,s,r))));exports.default=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const i=e.keyframes(["0%{opacity:0;}100%{opacity:1;}"]),l=a.default.div.attrs(o.default).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const i=e.keyframes(["0%{opacity:0;}100%{opacity:1;}"]),l=a.default.div.attrs(o.default).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"carbon_v162_11_0__sc-386308ac-0"})(["",""],(({size:o,theme:r,type:a,bgColor:l,fontColor:s})=>e.css(["bottom:auto;right:auto;max-width:300px;width:max-content;border-radius:var(--borderRadius050);position:absolute;animation:"," 0.2s linear;z-index:",";text-align:left;color:",";display:inline-block;padding:8px 12px;word-break:break-word;white-space:pre-wrap;font-size:",";line-height:1.5rem;font-weight:400;background-color:",";"],i,r.zIndex.popover,s?t.toColor(r,s):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((e,o,r)=>o?t.toColor(e,o):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(r,l,a))));exports.default=l;
|
|
@@ -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"),a=require("../../../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}const s={h1:"heading-l",h2:"heading-m",h3:"heading-s",h4:"subheading-l",h5:"subheading-m","section-heading":"section-heading-m","section-subheading":"section-heading-s"},i=n(e).default.span.attrs(o.default).withConfig({displayName:"typography.style__StyledTypography",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"),a=require("../../../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}const s={h1:"heading-l",h2:"heading-m",h3:"heading-s",h4:"subheading-l",h5:"subheading-m","section-heading":"section-heading-m","section-subheading":"section-heading-s"},i=n(e).default.span.attrs(o.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_11_0__sc-fb92dc-0"})(["",""],(({$display:o,$variant:n,$fluid:i,$inverse:r,$size:l,$color:d,$weight:c,$whiteSpace:v,$wordBreak:u,$wordWrap:$,$textAlign:p,$textDecoration:f,$textOverflow:g,$textTransform:h,$overflow:y,$screenReaderOnly:b})=>{const m=i?"fluid":"static",x="M"===l?"m":"l",w={neutral:`var(--page-content${r?"-inverse":""}-txt-default)`,subtle:`var(--page-content${r?"-inverse":""}-txt-alt)`,caution:"var(--page-content-caution-txt)",info:"var(--page-content-info-txt)",negative:"var(--page-content-negative-txt)",positive:"var(--page-content-positive-txt)"}[d],_=n&&n in s,q="strong"===n||"b"===n,j="sup"===n||"sub"===n,z=`--global-font-${m}-${_?s[n]:""}`,M=`--global-font-${m}-body-medium-${x}`,O=`--global-font-${m}-body-${c}-${x}`;return e.css([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],!b&&"margin: unset;",t.space,b&&a.default,void 0!==o&&`display: ${o};`,void 0!==v&&`white-space: ${v};`,void 0!==u&&`word-break: ${u};`,void 0!==$&&`word-wrap: ${$};`,void 0!==p&&`text-align: ${p};`,void 0!==f&&`text-decoration: ${f};`,void 0!==g&&`text-overflow: ${g};`,void 0!==h&&`text-transform: ${h};`,void 0!==y&&`overflow: ${y};`,_&&e.css(["font:var(",");color:",";"],z,w),q&&e.css(["font:var(",");color:",";"],M,w),"sup"===n&&e.css(["font:var(",");font-size:0.75em;color:",";vertical-align:super;"],O,w),"sub"===n&&e.css(["font:var(",");font-size:0.75em;color:",";vertical-align:sub;"],O,w),!_&&!q&&!j&&e.css(["font:var(",");color:",";"],O,w))}));exports.default=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../style/themes/apply-base-theme.js"),s=require("./__internal__/__next__/typography.component.js"),a=require("../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}const l=n(e).default(s.Typography).attrs(r.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../style/themes/apply-base-theme.js"),s=require("./__internal__/__next__/typography.component.js"),a=require("../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}const l=n(e).default(s.Typography).attrs(r.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v162_11_0__sc-bec9c5e6-0"})([""," ",""],(({fontSize:t,fontWeight:r,lineHeight:s,variant:n,screenReaderOnly:l})=>{const o="p"===n?"0 0 var(--global-space-comp-l)":"0";return e.css([""," "," "," margin:",";",""],t&&`font-size: ${t};`,r&&`font-weight: ${r};`,s&&`line-height: ${s};`,o,l&&a.default)}),t.space);l.displayName="Typography",exports.default=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(e);const d=s.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(e);const d=s.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"carbon_v162_11_0__sc-b3cc6d7-0"})([""," "," ",""],t.space,(({height:t})=>t&&e.css(["height:",";"],"string"==typeof t?`${t}`:`${t}px`)),(({displayInline:e})=>e?"display: inline;":"")),l=s.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledDivider",componentId:"carbon_v162_11_0__sc-b3cc6d7-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({theme:e,tint:t})=>e.palette.slateTint(t)));exports.StyledDivider=l,exports.StyledVerticalWrapper=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),r=require("styled-system");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const d=i.default.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"
|
|
1
|
+
"use strict";var e=require("styled-components"),r=require("styled-system");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const d=i.default.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"carbon_v162_11_0__sc-681f134d-0"})([""," ",";"],r.margin,(({depth:e,responsive:r})=>e>0&&r&&"max-width: 88%")),s=i.default.hr.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledHr",componentId:"carbon_v162_11_0__sc-681f134d-1"})(["border-color:#ffffff33;border-bottom:1px;"]);exports.StyledHr=s,exports.StyledResponsiveVerticalMenuDivider=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../../icon/icon.component.js");require("../../../icon/icon.style.js");var o=require("../../../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(e);const a=(e,t)=>e&&t?"180deg":"0deg",r=e.css(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:var(--spacing100) var(--spacing200);width:100%;",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],t.padding,o.default(!0)),c=s.default(n.default).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../../icon/icon.component.js");require("../../../icon/icon.style.js");var o=require("../../../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(e);const a=(e,t)=>e&&t?"180deg":"0deg",r=e.css(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:var(--spacing100) var(--spacing200);width:100%;",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],t.padding,o.default(!0)),c=s.default(n.default).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"carbon_v162_11_0__sc-ffae1a5b-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>a(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:t,expanded:n,reduceMotion:o})=>n&&e.css(["rotate:",";transition:rotate "," ease-out;"],a(t,n),o?0:"0.2s"))),l=s.default.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"carbon_v162_11_0__sc-ffae1a5b-1"})(["align-items:center;display:flex;flex-direction:row;gap:var(--spacing100);svg{margin-right:var(--spacing100);max-width:var(--sizing300);min-width:var(--sizing300);}"]),d=s.default.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"carbon_v162_11_0__sc-ffae1a5b-2"})(["box-sizing:border-box;display:flex;justify-content:",";width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:t,responsive:n})=>1===t&&n&&e.css(["padding:0 0 0 16px;"]))),p=s.default.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"carbon_v162_11_0__sc-ffae1a5b-3"})(["padding:0;",""],(({depth:t,hasIcon:n,responsive:o})=>e.css(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],t<2&&!n?"100%":"88%",o&&e.css(["margin-left:",";"],n||1===t?"var(--spacing200)":"0"),1===t?"var(--fontWeights400)":"var(--fontWeights500)"))),v=s.default.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"carbon_v162_11_0__sc-ffae1a5b-4"})(["list-style:none;"," padding:0;"],t.margin),g=s.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"carbon_v162_11_0__sc-ffae1a5b-5"})([""," "," "," ",""],r,(({active:t,responsive:n})=>t&&!n&&e.css(["background-color:var(--colorsGray850);"])),(({depth:t,responsive:n})=>0===t&&n&&e.css(["color:var(--colorsUtilityYang080);cursor:default;"])),(({depth:t})=>t>=2&&e.css(['&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);[data-component="icon"]{color:var(--colorsUtilityYang080);}}']))),f=s.default.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionLink",componentId:"carbon_v162_11_0__sc-ffae1a5b-6"})([""," min-height:40px;text-decoration:none;",""],r,(({depth:t,responsive:n})=>t>=2&&e.css(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],n&&t>=3&&e.css(["margin-left:var(--spacing300);"])))),u=s.default.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionButton",componentId:"carbon_v162_11_0__sc-ffae1a5b-7"})([""," min-height:40px;text-decoration:none;",""],r,(({depth:t,responsive:n})=>t>=2&&e.css(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],n&&t>=3&&e.css(["margin-left:var(--spacing300);"]))));exports.StyledIcon=c,exports.StyledMenuItemContent=l,exports.StyledNestedMenu=p,exports.StyledNestedMenuWrapper=d,exports.StyledResponsiveMenuActionButton=u,exports.StyledResponsiveMenuActionLink=f,exports.StyledResponsiveMenuItem=g,exports.StyledResponsiveMenuListItem=v;
|
package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("styled-components"),t=require("../../button/button.component.js"),e=require("../../../style/utils/add-focus-styling.js");function a(o){return o&&o.__esModule?o:{default:o}}var n=a(o);const r=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"
|
|
1
|
+
"use strict";var o=require("styled-components"),t=require("../../button/button.component.js"),e=require("../../../style/utils/add-focus-styling.js");function a(o){return o&&o.__esModule?o:{default:o}}var n=a(o);const r=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"carbon_v162_11_0__sc-aefcc134-0"})(["position:fixed;inset:0;"]),i=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"carbon_v162_11_0__sc-aefcc134-1"})(["position:fixed;top:0;",""],(({width:t})=>o.css(["width:",";"],t))),c=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"carbon_v162_11_0__sc-aefcc134-2"})(["border-radius:0;background-color:var( ",' );&& [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&&:hover,&&:active{background-color:var(--colorsActionMinorGray700);border-color:transparent;}&&:hover [data-component="icon"]:not([data-color]),&&:active [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:o})=>o?"--colorsActionMinorGray700":"--colorsUtilityYin100"),e.default(!0),e.default(!0)),l=n.default(t.default).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"carbon_v162_11_0__sc-aefcc134-3"})(['border-radius:0;&& [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}&&:hover,&&:active{background-color:var(--colorsActionMinorGray700);border-color:transparent;}&&:hover [data-component="icon"]:not([data-color]),&&:active [data-component="icon"]:not([data-color]){color:var(--colorsUtilityYang100);}']),s=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"carbon_v162_11_0__sc-aefcc134-4"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),d=n.default.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"carbon_v162_11_0__sc-aefcc134-5"})(["margin:0;padding:0;align-items:stretch;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;width:",";max-width:375px;z-index:1000;border-right:",";"," "," ",""],(({height:o})=>o||"100%"),(({responsive:t})=>!t&&o.css(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({width:o})=>o||"100%"),(({childOpen:o,menu:t})=>"secondary"===t||!o&&"primary"===t?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({top:t})=>o.css(["top:",";max-height:calc(100% - ",");"],t,"auto"===t?"40px":t)),(({childOpen:t})=>t&&o.css(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:t,left:e,menu:a})=>"secondary"===a&&o.css(["left:",";height:",";"],e,t)));exports.ModalContainer=i,exports.StyledBackdrop=r,exports.StyledButton=c,exports.StyledCloseButton=l,exports.StyledGlobalVerticalMenuWrapper=s,exports.StyledResponsiveMenu=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("styled-system"),o=require("../../style/utils/add-focus-styling.js"),n=require("../../style/themes/apply-base-theme.js"),r=require("../icon/icon.style.js"),a=require("../icon/icon.component.js");function l(e){return e&&e.__esModule?e:{default:e}}var i=l(e);const d=i.default.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("styled-system"),o=require("../../style/utils/add-focus-styling.js"),n=require("../../style/themes/apply-base-theme.js"),r=require("../icon/icon.style.js"),a=require("../icon/icon.component.js");function l(e){return e&&e.__esModule?e:{default:e}}var i=l(e);const d=i.default.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"carbon_v162_11_0__sc-f6b4614a-0"})(["display:flex;flex:1;flex-direction:column;min-height:0;list-style:none;margin:0;padding:0;"]),s=i.default.li.attrs(n.default).withConfig({displayName:"vertical-menu.style__StyledListItem",componentId:"carbon_v162_11_0__sc-f6b4614a-1"})(["",""],t.margin),c=i.default.div.attrs(n.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"carbon_v162_11_0__sc-f6b4614a-2"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),t.padding,o.default(!0),(({active:t})=>t&&e.css(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),r.default),p=i.default.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"carbon_v162_11_0__sc-f6b4614a-3"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),b=i.default.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"carbon_v162_11_0__sc-f6b4614a-4"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),u=i.default(a.default).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"carbon_v162_11_0__sc-f6b4614a-5"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),f=i.default.div.withConfig({displayName:"vertical-menu.style__StyledCustomIconWrapper",componentId:"carbon_v162_11_0__sc-f6b4614a-6"})(["margin-right:12px;width:20px;"]),_=i.default(a.default).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"carbon_v162_11_0__sc-f6b4614a-7"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),m=i.default.nav.attrs(n.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"carbon_v162_11_0__sc-f6b4614a-8"})(["background-color:rgb(38,38,38);box-sizing:border-box;display:flex;height:",";overflow:auto;padding-block:var(--global-space-layout-3-xs);scrollbar-color:rgb(179,179,179) rgb(77,77,77);width:",";&::-webkit-scrollbar{width:12px;}&::-webkit-scrollbar-track{background-color:rgb(77,77,77);}&::-webkit-scrollbar-thumb{background-color:rgb(179,179,179);}"],(({$height:e})=>e),(({$width:e})=>e)),g=i.default.nav.attrs(n.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"carbon_v162_11_0__sc-f6b4614a-9"})(["display:flex;flex-direction:column;position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:var(--global-space-layout-3-xs) 0;overflow:auto;background-color:rgb(38,38,38);box-sizing:border-box;scrollbar-color:rgb(102,132,148) rgb(242,245,246);z-index:",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:rgb(242,245,246);}&::-webkit-scrollbar-thumb{background-color:rgb(102,132,148);}"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:t})=>!t&&e.css(["transition:all 0.3s ease;"])),(({isOpen:t})=>t&&e.css(["visibility:visible;transform:translateX(0);"])),(({isOpen:t})=>!t&&e.css(["transform:translateX(-100%);visibility:hidden;"])));exports.StyledAdornment=b,exports.StyledChevronIcon=_,exports.StyledCustomIconWrapper=f,exports.StyledList=d,exports.StyledListItem=s,exports.StyledTitle=p,exports.StyledTitleIcon=u,exports.StyledVerticalMenu=m,exports.StyledVerticalMenuFullScreen=g,exports.StyledVerticalMenuItem=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../themes/apply-base-theme.js"),o=require("../generate-css-variables.util.js");function r(e){return e&&e.__esModule?e:{default:e}}const a=r(e).default.div.attrs(t.default).withConfig({displayName:"carbon-scoped-tokens-provider.component__CarbonScopedTokensProvider",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../themes/apply-base-theme.js"),o=require("../generate-css-variables.util.js");function r(e){return e&&e.__esModule?e:{default:e}}const a=r(e).default.div.attrs(t.default).withConfig({displayName:"carbon-scoped-tokens-provider.component__CarbonScopedTokensProvider",componentId:"carbon_v162_11_0__sc-b2d26267-0"})(["margin:0;padding:0;width:auto;display:inline;",""],(({theme:e})=>o.default(e.compatibility)));exports.default=a;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import e from"react";const t=e.createContext({isChildOfSegment:!1,overriddenVariant:"default"});export{t as MenuSegmentContext,t as default};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { FlexboxProps, LayoutProps } from "styled-system";
|
|
2
|
-
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
3
|
-
export type MenuType = "light" | "dark" | "white" | "black";
|
|
4
|
-
export interface MenuProps extends TagProps, Pick<LayoutProps, "width" | "minWidth" | "maxWidth" | "overflow" | "overflowX" | "verticalAlign">, FlexboxProps {
|
|
5
|
-
/** Children elements */
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
/** Defines the color scheme of the component */
|
|
8
|
-
menuType?: MenuType;
|
|
9
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import o from"styled-components";import r from"../../../button/button.style.js";import t from"../../../icon/icon.style.js";import a from"../../../../style/themes/apply-base-theme.js";const e=o.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"carbon_v162_9_1__sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t),n=o.div.attrs(a).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"carbon_v162_9_1__sc-232ba56c-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r,t,t);export{e as StyledButtonIcon,n as default};
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { MarginProps } from "styled-system";
|
|
3
|
-
import { TagProps } from "../../../../__internal__/utils/helpers/tags";
|
|
4
|
-
import { CommonTextboxProps } from "../../../textbox";
|
|
5
|
-
import { ValidationProps } from "../../../../__internal__/validations";
|
|
6
|
-
export interface SearchEvent {
|
|
7
|
-
target: {
|
|
8
|
-
name?: string;
|
|
9
|
-
id?: string;
|
|
10
|
-
value: string;
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
export interface SearchProps extends ValidationProps, MarginProps, TagProps, Pick<CommonTextboxProps, "label" | "inputHint"> {
|
|
14
|
-
/** Prop to specify the aria-label of the search component */
|
|
15
|
-
"aria-label"?: string;
|
|
16
|
-
/** Prop to specify the aria-label of the search button */
|
|
17
|
-
searchButtonAriaLabel?: string;
|
|
18
|
-
/** Prop for `id` */
|
|
19
|
-
id?: string;
|
|
20
|
-
/** Prop for `name` */
|
|
21
|
-
name?: string;
|
|
22
|
-
/** Prop for `onBlur` events */
|
|
23
|
-
onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
|
|
24
|
-
/** Prop for `onChange` events */
|
|
25
|
-
onChange: (ev: SearchEvent) => void;
|
|
26
|
-
/** Prop for `onClick` events.
|
|
27
|
-
* `onClick` events are triggered when the `searchButton` is clicked
|
|
28
|
-
*/
|
|
29
|
-
onClick?: (ev: SearchEvent) => void;
|
|
30
|
-
/**
|
|
31
|
-
* Sets whether the onClick action should be triggered when the Search cross icon is clicked.
|
|
32
|
-
*/
|
|
33
|
-
triggerOnClear?: boolean;
|
|
34
|
-
/** Prop for `onFocus` events */
|
|
35
|
-
onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
|
|
36
|
-
/** Prop for `onKeyDown` events */
|
|
37
|
-
onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
38
|
-
/** Prop for a placeholder */
|
|
39
|
-
placeholder?: string;
|
|
40
|
-
/**
|
|
41
|
-
* Pass a boolean to render a search Button with default text.
|
|
42
|
-
* Pass a string to override the text in the search Button
|
|
43
|
-
* */
|
|
44
|
-
searchButton?: boolean | string;
|
|
45
|
-
/** Data tag prop bag for searchButton */
|
|
46
|
-
searchButtonDataProps?: TagProps;
|
|
47
|
-
/**
|
|
48
|
-
* Prop for specifying an input width length.
|
|
49
|
-
* Leaving the `searchWidth` prop with no value will default the width to '100%'
|
|
50
|
-
*/
|
|
51
|
-
searchWidth?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Prop for specifying the max-width of the input.
|
|
54
|
-
* Leaving the `maxWidth` prop with no value will default the width to '100%'
|
|
55
|
-
*/
|
|
56
|
-
maxWidth?: string;
|
|
57
|
-
/** Current value */
|
|
58
|
-
value: string;
|
|
59
|
-
/** Prop to specify the styling of the search component */
|
|
60
|
-
variant?: "default" | "dark";
|
|
61
|
-
/** Input tabindex */
|
|
62
|
-
tabIndex?: number;
|
|
63
|
-
/** [Legacy] Overrides the default tooltip position */
|
|
64
|
-
tooltipPosition?: "top" | "bottom" | "left" | "right";
|
|
65
|
-
}
|
|
66
|
-
export type SearchHandle = {
|
|
67
|
-
/** Programmatically focus on root container of Dialog. */
|
|
68
|
-
focus: () => void;
|
|
69
|
-
} | null;
|
|
70
|
-
export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<SearchHandle>>;
|
|
71
|
-
export default Search;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useImperativeHandle as o,useState as a,useMemo as i}from"react";import l from"invariant";import s from"../../../../__internal__/utils/helpers/tags/tags.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../../style/utils/filter-styled-system-margin-props.js";import u from"./search.style.js";import p from"./search-button.style.js";import m from"../../../icon/icon.component.js";import"../../../icon/icon.style.js";import{Textbox as f}from"../../../textbox/textbox.component.js";import h from"../../../button/button.component.js";import b from"../../../../hooks/__internal__/useLocale/useLocale.js";import d from"../../../../__internal__/utils/helpers/events/events.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function v(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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function O(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const j=r.forwardRef(((r,y)=>{var{onChange:j,onClick:w,onFocus:P,onBlur:x,onKeyDown:B,value:k,id:_,name:D,label:C,inputHint:S,searchWidth:W,maxWidth:I,searchButton:T,searchButtonDataProps:E,searchButtonAriaLabel:F,placeholder:H,variant:K="default","aria-label":L,tabIndex:N,error:A,warning:$,info:z,tooltipPosition:M,triggerOnClear:R}=r,V=O(r,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonDataProps","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const q=b(),G=n(null),J=n(null);o(y,(()=>({focus(){var e;null===(e=J.current)||void 0===e||e.focus()}})),[]),l("string"==typeof k,"This component has no initial value");const[Q,U]=a(!1),X=0===k.length;let Y={};T&&w&&(Y={onClick:()=>{w({target:{name:D,id:_,value:k}})}});const Z="string"==typeof T?T:q.search.searchButtonText(),ee=!!(null==k?void 0:k.length),{className:te}=V,re=O(V,["className"]),ne=i((()=>["legacy-search",ee?"has-value":void 0,"dark"===K?"dark-background":void 0,T?"with-button":void 0,te].filter(Boolean).join(" ")),[ee,K,T,te]);return e(u,v(g({ref:G,isFocused:Q,searchWidth:W,maxWidth:I,searchHasValue:ee,showSearchButton:!!T,variant:K,id:_,name:D},re,c(re),s("search",re)),{className:ne,children:[t(f,{placeholder:H,value:k,inputIcon:X?void 0:"cross",iconTabIndex:X?-1:0,iconOnClick:()=>{var e;null==j||j({target:v(g({},D&&{name:D},_&&{id:_}),{value:""})}),R&&(null==w||w({target:v(g({},D&&{name:D},_&&{id:_}),{value:""})})),null===(e=J.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":L||(C?void 0:q.search.searchButtonText()),label:C,inputHint:S,onFocus:e=>{U(!0),P&&P(e)},onBlur:e=>{U(!1),x&&x(e)},onChange:e=>{j(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),d.isEscKey(e)&&!X&&(e.stopPropagation(),null==j||j({target:v(g({},D&&{name:D},_&&{id:_}),{value:""})})),B&&B(e)},ref:J,tabIndex:N,error:A,warning:$,info:z,leftChildren:T?void 0:t(m,{type:"search",ml:1}),tooltipPosition:M,my:0,maxWidth:"100%"}),T&&t(p,{children:t(h,v(g({"aria-label":F||Z,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"legacy-search-button"},s(`${Z}-button`,g({"data-element":`${Z}-button`},E)),Y),{children:Z}))})]}))}));export{j as Search,j as default};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
interface StyledSearchProps {
|
|
2
|
-
name?: string;
|
|
3
|
-
isFocused?: boolean;
|
|
4
|
-
searchHasValue?: boolean;
|
|
5
|
-
searchWidth?: string;
|
|
6
|
-
maxWidth?: string;
|
|
7
|
-
showSearchButton?: boolean;
|
|
8
|
-
variant?: string;
|
|
9
|
-
}
|
|
10
|
-
declare const StyledSearch: import("styled-components").StyledComponent<"div", any, {
|
|
11
|
-
theme: object;
|
|
12
|
-
} & StyledSearchProps, "theme">;
|
|
13
|
-
export default StyledSearch;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import a from"../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import e from"../../../icon/icon.style.js";import i from"../../../../style/themes/apply-base-theme.js";import n from"../../../../__internal__/form-field/form-field.style.js";const s=r.div.attrs(i).withConfig({displayName:"search.style__StyledSearch",componentId:"carbon_v162_9_1__sc-a8478a22-0"})(["",""],(({isFocused:r,searchWidth:i,maxWidth:s,searchHasValue:l,showSearchButton:c,variant:m})=>{const d="dark"===m;return t(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],o,i?`${i}`:"100%",s?`${s}`:"100%",!c&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],d?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",d?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(l||r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),n,e,d&&!c&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!d&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),a,l&&t(["margin-bottom:-1px;"]))}));export{s as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("react")).default.createContext({isChildOfSegment:!1,overriddenVariant:"default"});exports.MenuSegmentContext=t,exports.default=t;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { FlexboxProps, LayoutProps } from "styled-system";
|
|
2
|
-
import { TagProps } from "../../__internal__/utils/helpers/tags";
|
|
3
|
-
export type MenuType = "light" | "dark" | "white" | "black";
|
|
4
|
-
export interface MenuProps extends TagProps, Pick<LayoutProps, "width" | "minWidth" | "maxWidth" | "overflow" | "overflowX" | "verticalAlign">, FlexboxProps {
|
|
5
|
-
/** Children elements */
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
/** Defines the color scheme of the component */
|
|
8
|
-
menuType?: MenuType;
|
|
9
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../../../button/button.style.js"),t=require("../../../icon/icon.style.js"),e=require("../../../../style/themes/apply-base-theme.js");function a(o){return o&&o.__esModule?o:{default:o}}var n=a(o);const d=n.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"carbon_v162_9_1__sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=n.default.div.attrs(e.default).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"carbon_v162_9_1__sc-232ba56c-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r.default,t.default,t.default);exports.StyledButtonIcon=d,exports.default=s;
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { MarginProps } from "styled-system";
|
|
3
|
-
import { TagProps } from "../../../../__internal__/utils/helpers/tags";
|
|
4
|
-
import { CommonTextboxProps } from "../../../textbox";
|
|
5
|
-
import { ValidationProps } from "../../../../__internal__/validations";
|
|
6
|
-
export interface SearchEvent {
|
|
7
|
-
target: {
|
|
8
|
-
name?: string;
|
|
9
|
-
id?: string;
|
|
10
|
-
value: string;
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
export interface SearchProps extends ValidationProps, MarginProps, TagProps, Pick<CommonTextboxProps, "label" | "inputHint"> {
|
|
14
|
-
/** Prop to specify the aria-label of the search component */
|
|
15
|
-
"aria-label"?: string;
|
|
16
|
-
/** Prop to specify the aria-label of the search button */
|
|
17
|
-
searchButtonAriaLabel?: string;
|
|
18
|
-
/** Prop for `id` */
|
|
19
|
-
id?: string;
|
|
20
|
-
/** Prop for `name` */
|
|
21
|
-
name?: string;
|
|
22
|
-
/** Prop for `onBlur` events */
|
|
23
|
-
onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
|
|
24
|
-
/** Prop for `onChange` events */
|
|
25
|
-
onChange: (ev: SearchEvent) => void;
|
|
26
|
-
/** Prop for `onClick` events.
|
|
27
|
-
* `onClick` events are triggered when the `searchButton` is clicked
|
|
28
|
-
*/
|
|
29
|
-
onClick?: (ev: SearchEvent) => void;
|
|
30
|
-
/**
|
|
31
|
-
* Sets whether the onClick action should be triggered when the Search cross icon is clicked.
|
|
32
|
-
*/
|
|
33
|
-
triggerOnClear?: boolean;
|
|
34
|
-
/** Prop for `onFocus` events */
|
|
35
|
-
onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
|
|
36
|
-
/** Prop for `onKeyDown` events */
|
|
37
|
-
onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
38
|
-
/** Prop for a placeholder */
|
|
39
|
-
placeholder?: string;
|
|
40
|
-
/**
|
|
41
|
-
* Pass a boolean to render a search Button with default text.
|
|
42
|
-
* Pass a string to override the text in the search Button
|
|
43
|
-
* */
|
|
44
|
-
searchButton?: boolean | string;
|
|
45
|
-
/** Data tag prop bag for searchButton */
|
|
46
|
-
searchButtonDataProps?: TagProps;
|
|
47
|
-
/**
|
|
48
|
-
* Prop for specifying an input width length.
|
|
49
|
-
* Leaving the `searchWidth` prop with no value will default the width to '100%'
|
|
50
|
-
*/
|
|
51
|
-
searchWidth?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Prop for specifying the max-width of the input.
|
|
54
|
-
* Leaving the `maxWidth` prop with no value will default the width to '100%'
|
|
55
|
-
*/
|
|
56
|
-
maxWidth?: string;
|
|
57
|
-
/** Current value */
|
|
58
|
-
value: string;
|
|
59
|
-
/** Prop to specify the styling of the search component */
|
|
60
|
-
variant?: "default" | "dark";
|
|
61
|
-
/** Input tabindex */
|
|
62
|
-
tabIndex?: number;
|
|
63
|
-
/** [Legacy] Overrides the default tooltip position */
|
|
64
|
-
tooltipPosition?: "top" | "bottom" | "left" | "right";
|
|
65
|
-
}
|
|
66
|
-
export type SearchHandle = {
|
|
67
|
-
/** Programmatically focus on root container of Dialog. */
|
|
68
|
-
focus: () => void;
|
|
69
|
-
} | null;
|
|
70
|
-
export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<SearchHandle>>;
|
|
71
|
-
export default Search;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../../../__internal__/utils/helpers/tags/tags.js");require("../../../../style/utils/filter-styled-system-padding-props.js");var o=require("../../../../style/utils/filter-styled-system-margin-props.js"),a=require("./search.style.js"),i=require("./search-button.style.js"),l=require("../../../icon/icon.component.js");require("../../../icon/icon.style.js");var s=require("../../../textbox/textbox.component.js"),u=require("../../../button/button.component.js"),c=require("../../../../hooks/__internal__/useLocale/useLocale.js"),d=require("../../../../__internal__/utils/helpers/events/events.js");function p(e){return e&&e.__esModule?e:{default:e}}var f=p(t),h=p(r);function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){b(e,t,r[t])}))}return e}function g(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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function v(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const m=f.default.forwardRef(((r,p)=>{var{onChange:f,onClick:b,onFocus:m,onBlur:j,onKeyDown:O,value:x,id:P,name:w,label:_,inputHint:q,searchWidth:B,maxWidth:k,searchButton:D,searchButtonDataProps:C,searchButtonAriaLabel:S,placeholder:I,variant:T="default","aria-label":W,tabIndex:H,error:E,warning:F,info:K,tooltipPosition:L,triggerOnClear:M}=r,N=v(r,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonDataProps","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const R=c.default(),A=t.useRef(null),$=t.useRef(null);t.useImperativeHandle(p,(()=>({focus(){var e;null===(e=$.current)||void 0===e||e.focus()}})),[]),h.default("string"==typeof x,"This component has no initial value");const[z,V]=t.useState(!1),G=0===x.length;let J={};D&&b&&(J={onClick:()=>{b({target:{name:w,id:P,value:x}})}});const Q="string"==typeof D?D:R.search.searchButtonText(),U=!!(null==x?void 0:x.length),{className:X}=N,Y=v(N,["className"]),Z=t.useMemo((()=>["legacy-search",U?"has-value":void 0,"dark"===T?"dark-background":void 0,D?"with-button":void 0,X].filter(Boolean).join(" ")),[U,T,D,X]);return e.jsxs(a.default,g(y({ref:A,isFocused:z,searchWidth:B,maxWidth:k,searchHasValue:U,showSearchButton:!!D,variant:T,id:P,name:w},Y,o.default(Y),n.default("search",Y)),{className:Z,children:[e.jsx(s.Textbox,{placeholder:I,value:x,inputIcon:G?void 0:"cross",iconTabIndex:G?-1:0,iconOnClick:()=>{var e;null==f||f({target:g(y({},w&&{name:w},P&&{id:P}),{value:""})}),M&&(null==b||b({target:g(y({},w&&{name:w},P&&{id:P}),{value:""})})),null===(e=$.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":W||(_?void 0:R.search.searchButtonText()),label:_,inputHint:q,onFocus:e=>{V(!0),m&&m(e)},onBlur:e=>{V(!1),j&&j(e)},onChange:e=>{f(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),d.default.isEscKey(e)&&!G&&(e.stopPropagation(),null==f||f({target:g(y({},w&&{name:w},P&&{id:P}),{value:""})})),O&&O(e)},ref:$,tabIndex:H,error:E,warning:F,info:K,leftChildren:D?void 0:e.jsx(l.default,{type:"search",ml:1}),tooltipPosition:L,my:0,maxWidth:"100%"}),D&&e.jsx(i.default,{children:e.jsx(u.default,g(y({"aria-label":S||Q,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"legacy-search-button"},n.default(`${Q}-button`,y({"data-element":`${Q}-button`},C)),J),{children:Q}))})]}))}));exports.Search=m,exports.default=m;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
interface StyledSearchProps {
|
|
2
|
-
name?: string;
|
|
3
|
-
isFocused?: boolean;
|
|
4
|
-
searchHasValue?: boolean;
|
|
5
|
-
searchWidth?: string;
|
|
6
|
-
maxWidth?: string;
|
|
7
|
-
showSearchButton?: boolean;
|
|
8
|
-
variant?: string;
|
|
9
|
-
}
|
|
10
|
-
declare const StyledSearch: import("styled-components").StyledComponent<"div", any, {
|
|
11
|
-
theme: object;
|
|
12
|
-
} & StyledSearchProps, "theme">;
|
|
13
|
-
export default StyledSearch;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../../icon/icon.style.js"),a=require("../../../../style/themes/apply-base-theme.js"),s=require("../../../../__internal__/form-field/form-field.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const l=i(o).default.div.attrs(a.default).withConfig({displayName:"search.style__StyledSearch",componentId:"carbon_v162_9_1__sc-a8478a22-0"})(["",""],(({isFocused:a,searchWidth:i,maxWidth:l,searchHasValue:n,showSearchButton:c,variant:d})=>{const u="dark"===d,m=u?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,i?`${i}`:"100%",l?`${l}`:"100%",!c&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],m,u?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(n||a)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),s.default,e.default,u&&!c&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!u&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),t.default,n&&o.css(["margin-bottom:-1px;"]))}));exports.default=l;
|