carbon-react 161.13.2 → 161.15.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.js +1 -1
- package/esm/__internal__/input-icon-toggle/input-icon-toggle.component.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.component.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.component.d.ts +1 -1
- package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.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.component.d.ts +3 -3
- package/esm/components/anchor-navigation/anchor-navigation.component.js +1 -1
- package/esm/components/anchor-navigation/anchor-navigation.style.d.ts +2 -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.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.component.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.component.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.component.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.component.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.component.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-header/dialog-header.component.js +1 -1
- package/esm/components/dialog/__internal__/__next__/dialog.component.js +1 -1
- package/esm/components/dialog/__internal__/__next__/dialog.style.js +1 -1
- package/esm/components/dismissible-box/dismissible-box.component.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.component.js +1 -1
- package/esm/components/draggable/draggable-item/draggable-item.style.js +1 -1
- package/esm/components/drawer/drawer.component.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.component.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.component.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.component.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.component.js +1 -1
- package/esm/components/flat-table/sort/sort.style.js +1 -1
- package/esm/components/form/__internal__/form-summary.component.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.component.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.component.d.ts +16 -3
- package/esm/components/icon/icon.component.js +1 -1
- package/esm/components/icon/icon.style.d.ts +6 -2
- package/esm/components/icon/icon.style.js +1 -1
- package/esm/components/icon/icon.utils.d.ts +3 -0
- package/esm/components/icon/icon.utils.js +1 -0
- package/esm/components/icon/index.d.ts +2 -0
- package/esm/components/icon/index.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.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.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.component.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.component.js +1 -1
- package/esm/components/message/message.style.js +1 -1
- package/esm/components/multi-action-button/multi-action-button.component.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.style.js +1 -1
- package/esm/components/pager/__internal__/pagination-navigation.component.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.component.js +1 -1
- package/esm/components/pill/pill.style.js +1 -1
- package/esm/components/pod/pod.component.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__/legacy/search-button.style.js +1 -1
- package/esm/components/search/__internal__/legacy/search.component.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.component.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.component.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.component.js +1 -1
- package/esm/components/split-button/split-button.style.js +1 -1
- package/esm/components/step-flow/step-flow.component.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.component.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.component.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.component.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.component.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.component.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-full-screen/vertical-menu-full-screen.component.js +1 -1
- package/esm/components/vertical-menu/vertical-menu.style.js +1 -1
- package/esm/index.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.js +1 -1
- package/lib/__internal__/input-icon-toggle/input-icon-toggle.component.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.component.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.component.d.ts +1 -1
- package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.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.component.d.ts +3 -3
- package/lib/components/anchor-navigation/anchor-navigation.component.js +1 -1
- package/lib/components/anchor-navigation/anchor-navigation.style.d.ts +2 -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.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.component.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.component.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.component.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.component.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.component.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-header/dialog-header.component.js +1 -1
- package/lib/components/dialog/__internal__/__next__/dialog.component.js +1 -1
- package/lib/components/dialog/__internal__/__next__/dialog.style.js +1 -1
- package/lib/components/dismissible-box/dismissible-box.component.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.component.js +1 -1
- package/lib/components/draggable/draggable-item/draggable-item.style.js +1 -1
- package/lib/components/drawer/drawer.component.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.component.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.component.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.component.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.component.js +1 -1
- package/lib/components/flat-table/sort/sort.style.js +1 -1
- package/lib/components/form/__internal__/form-summary.component.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.component.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.component.d.ts +16 -3
- package/lib/components/icon/icon.component.js +1 -1
- package/lib/components/icon/icon.style.d.ts +6 -2
- package/lib/components/icon/icon.style.js +1 -1
- package/lib/components/icon/icon.utils.d.ts +3 -0
- package/lib/components/icon/icon.utils.js +1 -0
- package/lib/components/icon/index.d.ts +2 -0
- package/lib/components/icon/index.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.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.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.component.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.component.js +1 -1
- package/lib/components/message/message.style.js +1 -1
- package/lib/components/multi-action-button/multi-action-button.component.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.style.js +1 -1
- package/lib/components/pager/__internal__/pagination-navigation.component.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.component.js +1 -1
- package/lib/components/pill/pill.style.js +1 -1
- package/lib/components/pod/pod.component.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__/legacy/search-button.style.js +1 -1
- package/lib/components/search/__internal__/legacy/search.component.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.component.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.component.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.component.js +1 -1
- package/lib/components/split-button/split-button.style.js +1 -1
- package/lib/components/step-flow/step-flow.component.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.component.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.component.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.component.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.component.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.component.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-full-screen/vertical-menu-full-screen.component.js +1 -1
- package/lib/components/vertical-menu/vertical-menu.style.js +1 -1
- package/lib/index.js +1 -1
- package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import a,{css as o}from"styled-components";import i from"../../../style/utils/add-focus-styling.js";const t=6,r={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},e=a.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"
|
|
1
|
+
import a,{css as o}from"styled-components";import i from"../../../style/utils/add-focus-styling.js";const t=6,r={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},e=a.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"carbon_v161_14_0__sc-7fd6778d-0"})(["padding:0 6px;"]),d=a.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"carbon_v161_14_0__sc-7fd6778d-1"})(["display:flex;"," width:100%;padding:","px;overflow-x:hidden;"],(({$orientation:a,$scrollRequired:i})=>o([""," ",""],"horizontal"===a&&o(["margin-bottom:8px;",""],i&&o(["margin-inline:-","px;"],6)),"vertical"===a&&o(["flex-direction:column;flex-wrap:wrap;margin-right:8px;"]))),6),n=a.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"carbon_v161_14_0__sc-7fd6778d-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:a})=>a&&o(["width:",";"],a))),l=a.div.withConfig({displayName:"tabs.style__Spacer",componentId:"carbon_v161_14_0__sc-7fd6778d-3"})(["align-self:flex-end;background:var(--tab-border-active-alt);flex-grow:1;height:2px;"]),b=a.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"carbon_v161_14_0__sc-7fd6778d-4"})(["height:",";width:",";border-radius:var(--global-radius-none);border-top-right-radius:var(--global-radius-action-m);border-top-left-radius:var(--global-radius-action-m);border-color:var(--tab-border-active-alt);background:white;border:none;border-bottom:2px solid var(--tab-border-active-alt);top:6px;position:relative;z-index:1;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=a.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"carbon_v161_14_0__sc-7fd6778d-5"})(["height:",";width:",";border-radius:var(--global-radius-none);border-color:var(--tab-border-active-alt);border:none;border-bottom:2px solid var(--tab-border-active-alt);top:4px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),s=a.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"carbon_v161_14_0__sc-7fd6778d-6"})(["background-color:transparent;border:none;border-bottom:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) var(--global-radius-action-m) 0 0;white-space:nowrap;height:fit-content;color:var(--tab-label-default);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{"," ","}:hover{background-color:var(--tab-bg-hover);cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({$hasCustomLayout:a})=>!a&&o(["align-items:center;display:flex;gap:8px;"])),(({activeTab:a,$orientation:i,$size:t,error:r,warning:e,info:d,$hasCustomLayout:n})=>a&&o([""," "," ",""],"horizontal"===i&&(r||e||d)&&o(["position:relative;top:1px;"]),"large"===t&&o(["margin-top:-4px;"]),n&&"horizontal"===i&&o(["position:relative;top:-2px;left:1px;"]))),(({$size:a,$hasCustomLayout:i})=>o(["font-size:","px;height:","px;",""],r[a].fontSize,r[a].height,i?o(["padding:0;"]):o(["padding:","px ","px;"],r[a].paddingY,r[a].paddingX))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l})=>a&&"horizontal"===e&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-bottom:none;color:var(--tab-label-active);",' :hover{background-color:var(--tab-bg-active);}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:var(--global-radius-container-2-xs);min-width:24px;}"],!l&&o(["padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],r[d].paddingY-4,r[d].paddingX-2,r[d].paddingY,r[d].paddingX-2),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black"))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l,$headerWidth:b})=>"vertical"===e&&o(["border:none;border-right:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);max-width:",";width:",";"," ",""],null!=b?b:"200px",null!=b?b:"200px",b&&o(["white-space:normal;height:auto;"]),a&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-right:none;"," :hover{background-color:var(--tab-bg-active);}.tab-title-content-wrapper{"," ",' ::after{content:"";position:absolute;right:0;width:4px;'," height:60%;background-color:",";border-radius:var(--global-radius-container-2-xs);min-height:24px;}}"],!l&&o(["padding-top:","px;padding-right:var(--global-space-none);padding-bottom:","px;padding-left:","px;"],"medium"===d?r.medium.paddingY-2:4,"medium"===d?r.medium.paddingY-2:r.large.paddingY,r[d].paddingX-2),b&&!l&&o(["padding-right:18px;"]),l&&o(["width:100%;> *{position:relative;left:-2px;top:-2px;}"]),l&&o(["top:20%;right:0px;"]),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black")))),i(),(({$orientation:a})=>o(["border-top-left-radius:var(--global-radius-action-m);border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:var(--global-radius-none);"],"horizontal"===a?"var(--global-radius-action-m)":"var(--global-radius-none)","horizontal"===a?"var(--global-radius-none)":"var(--global-radius-action-m)"))),g=a.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"carbon_v161_14_0__sc-7fd6778d-7"})(["display:flex;",""],(({$orientation:a})=>o(["flex-direction:",";"],"horizontal"===a?"column":"row"))),c=a.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"carbon_v161_14_0__sc-7fd6778d-8"})(["",""],(({visible:a})=>o(["display:",";"],a?"block":"none")));export{l as Spacer,b as StyledScrollButton,p as StyledScrollButtonPlaceholder,s as StyledTab,d as StyledTabList,n as StyledTabListWrapper,e as StyledTabPanel,c as StyledTabProvider,g as StyledTabs,t as TAB_LIST_FOCUS_PADDING};
|
package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as a}from"styled-components";import o from"../../../../../style/utils/visually-hidden.js";const r={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},e=t.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"
|
|
1
|
+
import t,{css as a}from"styled-components";import o from"../../../../../style/utils/visually-hidden.js";const r={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},e=t.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"carbon_v161_14_0__sc-12917643-0"})(["",""],(({size:t})=>a(["font:",";color:var(--input-typical-txt-alt);"],r[t]))),l=t.div.withConfig({displayName:"character-counter.style__VisuallyHiddenCharacterCounter",componentId:"carbon_v161_14_0__sc-12917643-1"})(['::after{content:" ";}',""],o);export{e as StyledCharacterCounter,l as VisuallyHiddenCharacterCounter,e as default};
|
package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import a,{css as r}from"styled-components";import o from"../../../../../style/utils/add-focus-styling.js";const e={small:{padding:"var(--global-space-comp-s)"},medium:{padding:"var(--global-space-comp-m)"},large:{padding:"var(--global-space-comp-l)"}},d=a.div.withConfig({displayName:"content-editor.style__StyledContentEditable",componentId:"
|
|
1
|
+
import a,{css as r}from"styled-components";import o from"../../../../../style/utils/add-focus-styling.js";const e={small:{padding:"var(--global-space-comp-s)"},medium:{padding:"var(--global-space-comp-m)"},large:{padding:"var(--global-space-comp-l)"}},d=a.div.withConfig({displayName:"content-editor.style__StyledContentEditable",componentId:"carbon_v161_14_0__sc-ee83d3f6-0"})(["",""],(({error:a,namespace:d,rows:i,readOnly:t,size:l,hasFooter:n})=>r([""," .","-editable{min-height:","px;"," padding:",";"," "," &:focus{","}& > p:first-of-type{margin:0;}& > p{line-height:150%;}}"],t&&r(["padding:",";p:first-of-type{margin:0;}"],e[l].padding),d,i&&i>2?21*i:210,t&&r(["border-radius:var(--global-radius-container-m);"]),e[l].padding,!n&&r(["border-bottom-right-radius:var(--global-radius-container-m);border-bottom-left-radius:var(--global-radius-container-m);"]),a&&r(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),o())));export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as a}from"styled-components";const e=o.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"
|
|
1
|
+
import o,{css as a}from"styled-components";const e=o.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"carbon_v161_14_0__sc-742f32ff-0"})(["background:var(--popover-bg-default);box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-action-m);position:relative;top:","px;left:","px;width:250px;"],(({parentOffsetTop:o})=>-o),(({parentOffsetLeft:o})=>-o)),l={small:{listPadding:"var(--global-space-comp-xs) 0",listItemFont:"var(--global-font-static-comp-regular-s)",listItemPadding:"var(--global-space-comp-xs) var(--global-space-comp-m) var(--global-space-comp-xs) var(--global-size-2-xs)",listItemMinHeight:"var(--global-size-s)",textMarginLeft:"var(--global-space-comp-2-xs)"},medium:{listPadding:"var(--global-space-comp-s) 0",listItemFont:"var(--global-font-static-comp-regular-m)",listItemPadding:"var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-m)",textMarginLeft:"var(--global-space-comp-xs)"},large:{listPadding:"var(--global-space-comp-m) 0",listItemFont:"var(--global-font-static-comp-regular-l)",listItemPadding:"var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-l)",textMarginLeft:"var(--global-space-comp-xs)"}},t=o.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"carbon_v161_14_0__sc-742f32ff-1"})(["padding:",";list-style:none;margin:0;border-radius:var(--global-radius-container-m);max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"],(({$size:o})=>l[o].listPadding)),i=o.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"carbon_v161_14_0__sc-742f32ff-2"})(["",";"],(({$size:o})=>a(["box-sizing:border-box;padding:",";min-height:",";color:var(--input-dropdown-label-default);cursor:pointer;font:",";display:flex;align-items:center;flex-direction:row;background-color:var(--popover-bg-default);&:hover{color:var(--popover-label-hover);}&.selected{background:var(--popover-bg-hover);color:var(--popover-label-hover);}.text{display:flex;flex-grow:1;min-width:150px;margin-left:",';align-items:center;white-space:pre;}div[data-component="portrait"]{color:var(--input-dropdown-label-default);font:var(--profile-font-initials-xs);min-width:var(--profile-size-outside-xs);height:var(--profile-size-outside-xs);overflow:hidden;border-radius:var(--global-radius-container-circle);border:none;box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--profile-border-default);display:inline-block;[data-element="initials"],[data-component="icon"]{color:var(--input-dropdown-label-default);}}'],l[o].listItemPadding,l[o].listItemMinHeight,l[o].listItemFont,l[o].textMarginLeft)));export{t as MentionsList,i as MentionsListItem,e as TypeaheadPopover};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"styled-components";const t=e.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"
|
|
1
|
+
import e from"styled-components";const t=e.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"carbon_v161_14_0__sc-ebc3eff5-0"})(["pointer-events:none;position:absolute;top:12px;color:var(--input-typical-txt-alt);left:14px;user-select:none;"]);export{t as default};
|
package/esm/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"styled-components";const e=o.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"
|
|
1
|
+
import o from"styled-components";const e=o.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"carbon_v161_14_0__sc-9b30eeea-0"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;.button-group-divider{width:1px;background-color:var(--container-standard-border-default);min-height:var(--global-size-s);}"]);export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as
|
|
1
|
+
import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as o,useMemo as r,useEffect as t}from"react";import{StyledButton as l,StyledMenu as a,StyledMenuItem as i}from"./dropdown.style.js";import{Box as u}from"../../../../../../box/box.component.js";import d from"../../../../../../icon/icon.component.js";import"../../../../../../icon/icon.style.js";import p from"../../../../../../../hooks/__internal__/useLocale/useLocale.js";const c=({namespace:c,onChange:s,options:m,value:v,isFirstButton:y=!1,isOpen:b,setIsOpen:f,focusedIndex:h,setFocusedIndex:x,size:g="medium"})=>{var w,k;const D=p(),E=o(null),j=o(null),_=`${c}-typography-menu`,I=r((()=>{const e=m.find((e=>e.id===v));if(!e)return D.textEditor.typography.paragraph();const n=e.id;return D.textEditor.typography[n]()}),[D,m,v]);t((()=>{const e=e=>{E.current&&j.current&&!E.current.contains(e.target)&&!j.current.contains(e.target)&&(null==f||f(!1),null==x||x(-1))};return b&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[b,x,f]),t((()=>{var e;b&&h>=0&&j.current&&(null===(e=j.current.querySelectorAll('[role="option"]')[h])||void 0===e||e.focus())}),[b,h]);const $=e=>{switch(e.key){case"Enter":case" ":if(!b){e.preventDefault(),null==f||f(!0),null==x||x(0);break}var n,o;h>=0&&(e.preventDefault(),null===(n=m[h])||void 0===n||n.onClick(),null==f||f(!1),null==x||x(-1),null===(o=E.current)||void 0===o||o.focus());break;case"ArrowDown":e.preventDefault(),b?null==x||x(h<m.length-1?h+1:0):(null==f||f(!0),null==x||x(0));break;case"ArrowUp":e.preventDefault(),b?null==x||x(h>0?h-1:m.length-1):(null==f||f(!0),null==x||x(m.length-1));break;case"Home":e.preventDefault(),b&&(null==x||x(0));break;case"End":e.preventDefault(),b&&(null==x||x(m.length-1));break;case"Escape":var r;b&&(e.preventDefault(),null==f||f(!1),null==x||x(-1),null===(r=E.current)||void 0===r||r.focus());break;case"Tab":b&&(null==f||f(!1),null==x||x(-1))}};return e(u,{position:"relative",display:"inline-block",minWidth:"large"===g?"180px":"166px","data-role":"toolbar-dropdown-wrapper",children:[e(l,{ref:E,type:"button",role:"combobox","aria-haspopup":"listbox",menuOpen:b,"aria-activedescendant":null===(w=m[h])||void 0===w?void 0:w.id,"aria-controls":b?_:void 0,"aria-expanded":b,"aria-label":D.textEditor.typography.selectAria(),onKeyDown:$,onClick:()=>{null==f||f(!b)},className:"toolbar-button editor-dropdown",tabIndex:y?0:-1,"data-role":`${c}-typography-dropdown`,id:`${c}-typography-dropdown`,size:g,children:[I," ",n("span",{"aria-hidden":"true",children:n(d,{type:b?"caret_up":"caret_down"})})]}),b&&n(a,{ref:j,role:"listbox",id:_,"aria-labelledby":null===(k=E.current)||void 0===k?void 0:k.id,onKeyDown:$,size:g,"aria-expanded":b,children:m.map((e=>{const o=e.id,r=D.textEditor.typography[o]();return n(i,{id:e.id,role:"option","data-role":`${c}-typography-option-${e.id}`,tabIndex:-1,onMouseDown:n=>{n.preventDefault(),(e=>{e.onClick(),null==f||f(!1),null==x||x(-1),null==s||s(e.id)})(e)},size:g,children:r},e.id)}))})]})};export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as t}from"styled-components";import e from"../../../../../../../style/utils/add-focus-styling.js";const a={small:{buttonFont:"var(--global-font-static-comp-medium-s)",buttonHeight:"var(--global-size-s)",dropdownTop:"36px",dropdownPadding:"var(--global-space-comp-xs)",itemHeight:"var(--global-size-s)",itemFont:"var(--global-font-static-comp-regular-s)"},medium:{buttonFont:"var(--global-font-static-comp-medium-m)",buttonHeight:"var(--global-size-m)",dropdownTop:"44px",dropdownPadding:"var(--global-space-comp-s)",itemHeight:"var(--global-size-m)",itemFont:"var(--global-font-static-comp-regular-m)"},large:{buttonFont:"var(--global-font-static-comp-medium-l)",buttonHeight:"var(--global-size-l)",dropdownTop:"52px",dropdownPadding:"var(--global-space-comp-m)",itemHeight:"var(--global-size-l)",itemFont:"var(--global-font-static-comp-regular-l)"}},n=o.button.withConfig({displayName:"dropdown.style__StyledButton",componentId:"
|
|
1
|
+
import o,{css as t}from"styled-components";import e from"../../../../../../../style/utils/add-focus-styling.js";const a={small:{buttonFont:"var(--global-font-static-comp-medium-s)",buttonHeight:"var(--global-size-s)",dropdownTop:"36px",dropdownPadding:"var(--global-space-comp-xs)",itemHeight:"var(--global-size-s)",itemFont:"var(--global-font-static-comp-regular-s)"},medium:{buttonFont:"var(--global-font-static-comp-medium-m)",buttonHeight:"var(--global-size-m)",dropdownTop:"44px",dropdownPadding:"var(--global-space-comp-s)",itemHeight:"var(--global-size-m)",itemFont:"var(--global-font-static-comp-regular-m)"},large:{buttonFont:"var(--global-font-static-comp-medium-l)",buttonHeight:"var(--global-size-l)",dropdownTop:"52px",dropdownPadding:"var(--global-space-comp-m)",itemHeight:"var(--global-size-l)",itemFont:"var(--global-font-static-comp-regular-l)"}},n=o.button.withConfig({displayName:"dropdown.style__StyledButton",componentId:"carbon_v161_14_0__sc-96f98e55-0"})(["",""],(({size:o,menuOpen:n})=>t(["width:100%;height:",";display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;border-radius:var(--global-radius-action-m);cursor:pointer;padding:0 var(--global-space-comp-xs);color:var(--button-typical-toggle-label-default);font:",";"," &:focus{","}"],a[o].buttonHeight,a[o].buttonFont,n&&t(["",""],e()),e()))),l=o.ul.withConfig({displayName:"dropdown.style__StyledMenu",componentId:"carbon_v161_14_0__sc-96f98e55-1"})(["",""],(({size:o})=>t(["position:absolute;top:",";left:0;z-index:1;background:var(--popover-bg-default);border-radius:var(--global-radius-container-m);box-shadow:var(--global-depth-lvl1);list-style:none;margin:0;padding:"," 0;width:100%;overflow-y:auto;"],a[o].dropdownTop,a[o].dropdownPadding))),r=o.li.withConfig({displayName:"dropdown.style__StyledMenuItem",componentId:"carbon_v161_14_0__sc-96f98e55-2"})(["",""],(({size:o})=>t(["display:flex;align-items:center;box-sizing:border-box;min-height:",";padding:"," var(--global-space-comp-xl);cursor:pointer;user-select:none;color:var(--input-dropdown-label-default);font:",";&:hover{background-color:var(--input-dropdown-bg-hover);color:var(--input-dropdown-label-hover);}&:focus-visible{box-shadow:inset 0px 0px 0px var(--global-borderwidth-s) var(--focus-borderalt);outline:none;}"],a[o].itemHeight,a[o].dropdownPadding,a[o].itemFont)));export{n as StyledButton,l as StyledMenu,r as StyledMenuItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as a}from"styled-components";import{Button as t}from"../../../../button/__next__/button.component.js";const l={small:{toolbarPadding:"var(--global-space-comp-s)",withHeaderPadding:"var(--global-space-comp-xs)",buttonSize:"var(--global-size-s)"},medium:{toolbarPadding:"var(--global-space-comp-m)",withHeaderPadding:"var(--global-space-comp-s)",buttonSize:"var(--global-size-m)"},large:{toolbarPadding:"var(--global-space-comp-l)",withHeaderPadding:"var(--global-space-comp-m)",buttonSize:"var(--global-size-l)"}},e=o.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"
|
|
1
|
+
import o,{css as a}from"styled-components";import{Button as t}from"../../../../button/__next__/button.component.js";const l={small:{toolbarPadding:"var(--global-space-comp-s)",withHeaderPadding:"var(--global-space-comp-xs)",buttonSize:"var(--global-size-s)"},medium:{toolbarPadding:"var(--global-space-comp-m)",withHeaderPadding:"var(--global-space-comp-s)",buttonSize:"var(--global-size-m)"},large:{toolbarPadding:"var(--global-space-comp-l)",withHeaderPadding:"var(--global-space-comp-m)",buttonSize:"var(--global-size-l)"}},e=o.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"carbon_v161_14_0__sc-d3bf0194-0"})(["",";display:flex;flex-direction:row;gap:var(--global-space-comp-s);border-bottom:var(--global-borderwidth-xs) solid var(--input-typical-border-default);align-items:center;flex-wrap:wrap;"],(({size:o,hasHeader:t})=>a(["padding:",";",""],l[o].toolbarPadding,t&&a(["padding-top:",";"],l[o].withHeaderPadding)))),r=o.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"carbon_v161_14_0__sc-d3bf0194-1"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;flex-wrap:wrap;padding:var(--global-space-comp-xs);"]),i=o.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"carbon_v161_14_0__sc-d3bf0194-2"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);"]),d=o(t).withConfig({displayName:"toolbar.style__FormattingButton",componentId:"carbon_v161_14_0__sc-d3bf0194-3"})(["border:none;color:var(--button-typical-toggle-label-default);&:hover{background-color:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}"," ",""],(({size:o})=>a(["min-width:",";min-height:",";"],l[o].buttonSize,l[o].buttonSize)),(({isActive:o})=>o&&a(["background-color:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"])));export{i as CommandButtons,d as FormattingButton,r as StyledToolbar,e as StyledToolbarWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as a}from"styled-components";import{margin as e}from"styled-system";const r={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},t=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"
|
|
1
|
+
import o,{css as a}from"styled-components";import{margin as e}from"styled-system";const r={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},t=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"carbon_v161_14_0__sc-24366676-0"})(["position:relative;box-sizing:border-box;",""],(({error:o})=>o&&a(["margin:-1px;"]))),i=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"carbon_v161_14_0__sc-24366676-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],e),l=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"carbon_v161_14_0__sc-24366676-2"})(["",""],(({size:o})=>a(["display:flex;flex-direction:column;gap:",";margin-top:",';position:relative;.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}a:not([data-component="link-preview"]){color:var(--link-typical-label-default);cursor:pointer;&:hover{color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],r[o].validationGap,r[o].contentMargin))),d=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"carbon_v161_14_0__sc-24366676-3"})(["border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);background-color:var(--input-typical-bg-default);",";"],(({isReadOnly:o})=>o&&a(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),n=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"carbon_v161_14_0__sc-24366676-4"})(["",";"],(({size:o})=>a(["padding:"," "," 0;"],r[o].headerPadding,r[o].headerPadding))),c=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"carbon_v161_14_0__sc-24366676-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:o})=>a(["padding:",";"],r[o].footerPadding)));export{d as StyledEditorToolbarWrapper,c as StyledFooterWrapper,n as StyledHeaderWrapper,t as StyledTextEditor,i as StyledTextEditorWrapper,l as StyledWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import a,{css as r}from"styled-components";import{margin as e}from"styled-system";import l from"../../__internal__/legacy-input/input.style.js";import i from"../../__internal__/hint-text/hint-text.style.js";import t from"../../__internal__/legacy-input/input-presentation.style.js";import o,{StyledLabelContainer as n}from"../../__internal__/legacy-label/label.style.js";import d from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import s from"../../__internal__/validation-message/validation-message.style.js";import b from"../../style/themes/apply-base-theme.js";import{getDefaultMinHeightBySize as c}from"./textarea.component.js";import p from"../../style/utils/add-focus-styling.js";const g={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},m=(a,e)=>r(["font:",";"],{small:`var(--global-font-static-comp-${e}-s)`,medium:`var(--global-font-static-comp-${e}-m)`,large:`var(--global-font-static-comp-${e}-l)`}[a]),u=(a,e)=>a?r(["margin-bottom:0px;"]):r(["",";"],e&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[e]};`),v=a.div.attrs(b).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"
|
|
1
|
+
import a,{css as r}from"styled-components";import{margin as e}from"styled-system";import l from"../../__internal__/legacy-input/input.style.js";import i from"../../__internal__/hint-text/hint-text.style.js";import t from"../../__internal__/legacy-input/input-presentation.style.js";import o,{StyledLabelContainer as n}from"../../__internal__/legacy-label/label.style.js";import d from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import s from"../../__internal__/validation-message/validation-message.style.js";import b from"../../style/themes/apply-base-theme.js";import{getDefaultMinHeightBySize as c}from"./textarea.component.js";import p from"../../style/utils/add-focus-styling.js";const g={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},m=(a,e)=>r(["font:",";"],{small:`var(--global-font-static-comp-${e}-s)`,medium:`var(--global-font-static-comp-${e}-m)`,large:`var(--global-font-static-comp-${e}-l)`}[a]),u=(a,e)=>a?r(["margin-bottom:0px;"]):r(["",";"],e&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[e]};`),v=a.div.attrs(b).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"carbon_v161_14_0__sc-9e0bdbe8-0"})(["margin-bottom:var(--fieldSpacing);",";","{",";}","{"," box-sizing:border-box;color:var(--input-typical-txt-default);border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}","{","}"," ","{color:",";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],e,o,(({labelInline:a})=>a&&"text-align: right;"),l,(({$size:a})=>m(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:r})=>a?`${a}px`:c(r)),(({$size:a})=>`${g[a].verticalPadding} ${g[a].horizontalPadding}`),(({$resize:a,labelInline:r,$labelWidth:e,$inputWidth:l})=>`${(({$resize:a,labelInline:r,$labelWidth:e,$inputWidth:l})=>{if(a&&"none"!==a)return r?`${l||100-e}vw`:"100vw"})({$resize:a,labelInline:r,$labelWidth:e,$inputWidth:l})}`),(({$resize:a,$maxWidth:r})=>"none"!==a&&r&&`max-width: ${r};`),(({hasIcon:a})=>a&&"padding-right: var(--spacing500);"),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(a=>"none"!==a.$resize&&r(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),n,(({$hasHint:a,$size:r})=>u(!!a,r)),(({labelInline:a,$labelSpacing:e,$size:l})=>a&&r(["","{align-items:flex-start;padding-top:",";margin-bottom:0px;","}"],n,"small"===l?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!e&&`padding-right: ${"large"===l?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),o,(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>m(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:a,$size:e,$disabled:l})=>a&&r(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],m(e,"medium"),l?"disabled":"required")),d,t,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:a})=>a&&r(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:a})=>a&&r(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),t,p(),i,(({$size:a})=>u(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:a})=>r(["","{justify-content:",";}"],i,"right"!==a?"flex-start":"flex-end")),s,(({$hasWarning:a,$size:e})=>a&&r(["color:var(--input-validation-label-warn);",""],m(e,"regular"))),(({$hasError:a,$size:e})=>a&&r(["color:var(--input-validation-label-error);",""],m(e,"medium")))),h=a.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"carbon_v161_14_0__sc-9e0bdbe8-1"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:r,$labelWidth:e})=>a?`${r||100-e}%`:"100%"));export{h as StyledTextareaValidationContainer,v as default,m as getFont};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import l from"../../../../style/themes/apply-base-theme.js";const n=e.div.attrs(l).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"
|
|
1
|
+
import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import l from"../../../../style/themes/apply-base-theme.js";const n=e.div.attrs(l).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"carbon_v161_14_0__sc-b2bdfb97-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &,.numeral-date-wrapper &{gap:var(--global-space-comp-xs);}.time &{gap:unset;}.legacy-search &{flex:1 1 0%;}"],t,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=e.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"carbon_v161_14_0__sc-b2bdfb97-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n --label-spacing: ${e}%;\n\n [data-component="date-range"] & {\n --label-spacing: ${2*e}%;\n }\n `),(({$labelInline:e,$size:t})=>a([""," ",""],e&&a(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!e&&a(["justify-content:flex-end;align-items:flex-start;"])))),p=e.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"carbon_v161_14_0__sc-b2bdfb97-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:e,$inputWidth:t})=>a([""," width:",";"],e&&`max-width: ${e};`,t?`${t}%`:"100%")));export{p as InputWrapper,i as LabelWrapper,n as StyledTextInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as o}from"styled-components";import{space as i}from"styled-system";import e from"../../../style/themes/apply-base-theme.js";import r from"../../../style/utils/element-sizing.js";const s=t.div.attrs(e).withConfig({displayName:"tile-content.style__StyledTileContent",componentId:"
|
|
1
|
+
import t,{css as o}from"styled-components";import{space as i}from"styled-system";import e from"../../../style/themes/apply-base-theme.js";import r from"../../../style/utils/element-sizing.js";const s=t.div.attrs(e).withConfig({displayName:"tile-content.style__StyledTileContent",componentId:"carbon_v161_14_0__sc-a8bdaa22-0"})(["",""],(({isHorizontal:t,width:e,height:s})=>o([""," box-sizing:border-box;position:relative;flex-grow:1;"," ",""],i,o(t?["display:inline;:last-of-type{padding-right:0;}:first-of-type{padding-left:0;}:not(:last-of-type){margin-top:0;border-right:solid 1px var(--colorsUtilityMajor050);}"]:["width:auto;:last-of-type{padding-bottom:0;}:first-of-type{padding-top:0;}:not(:last-of-type){margin-top:0;border-bottom:solid 1px var(--colorsUtilityMajor050);}"]),(e||s)&&o(["flex-grow:0;",""],r({width:e||void 0,height:s||void 0})))));export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r,{css as t}from"styled-components";import{padding as o}from"styled-system";import e from"../../../style/themes/apply-base-theme.js";const a=r.div.attrs(e).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"
|
|
1
|
+
import r,{css as t}from"styled-components";import{padding as o}from"styled-system";import e from"../../../style/themes/apply-base-theme.js";const a=r.div.attrs(e).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v161_14_0__sc-df8c927f-0"})([""," border-bottom-left-radius:calc(var(--tileBorderRadius) - 1px);border-bottom-right-radius:calc(var(--tileBorderRadius) - 1px);",""],o,(({variant:r})=>t(["background:",";border-top:1px solid ",";"],(r=>{switch(r){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(r),"grey"===r?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r,{css as t}from"styled-components";import{padding as e}from"styled-system";import a from"../../../style/themes/apply-base-theme.js";const o=r.div.attrs(a).withConfig({displayName:"tile-header.style__StyledTileHeader",componentId:"
|
|
1
|
+
import r,{css as t}from"styled-components";import{padding as e}from"styled-system";import a from"../../../style/themes/apply-base-theme.js";const o=r.div.attrs(a).withConfig({displayName:"tile-header.style__StyledTileHeader",componentId:"carbon_v161_14_0__sc-bb6ec2c7-0"})([""," border-top-left-radius:calc(var(--tileBorderRadius) - 1px);border-top-right-radius:calc(var(--tileBorderRadius) - 1px);",""],e,(({variant:r})=>t(["background:",";border-bottom:1px solid ",";"],(r=>{switch(r){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(r),"grey"===r?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r,{css as t}from"styled-components";import{space as e}from"styled-system";import o from"../../style/themes/apply-base-theme.js";import a from"../../style/utils/element-sizing.js";import i from"./tile-content/tile-content.style.js";const s=r=>{switch(r){case"large":return"var(--borderRadius200)";case"small":return"var(--borderRadius050)";default:return"var(--borderRadius100)"}},n=r.div.attrs(o).withConfig({displayName:"tile.style__StyledTile",componentId:"
|
|
1
|
+
import r,{css as t}from"styled-components";import{space as e}from"styled-system";import o from"../../style/themes/apply-base-theme.js";import a from"../../style/utils/element-sizing.js";import i from"./tile-content/tile-content.style.js";const s=r=>{switch(r){case"large":return"var(--borderRadius200)";case"small":return"var(--borderRadius050)";default:return"var(--borderRadius100)"}},n=r.div.attrs(o).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v161_14_0__sc-418bb97f-0"})(["",""],(({borderVariant:r,borderWidth:o="borderWidth100",isHorizontal:n,variant:c,width:l,roundness:d,highlightVariant:u,height:v})=>t([""," "," box-sizing:border-box;border:var(--",") solid ",";border-radius:",";--tileBorderRadius:",";> *:first-child:not(","){border-top-left-radius:calc("," - 1px);border-top-right-radius:calc("," - 1px);}> *:last-child:not(","){border-bottom-left-radius:calc("," - 1px);border-bottom-right-radius:calc("," - 1px);}"," "," "," "," display:flex;flex-direction:",";position:relative;",""],e,u&&t(['overflow:hidden;&::before{display:block;content:"";height:100%;width:8px;position:absolute;top:0;left:0;background:',";}"],(r=>{switch(r){case"success":return"var(--colorsSemanticPositive500)";case"neutral":return"var(--colorsSemanticNeutral500)";case"error":return"var(--colorsSemanticNegative500)";case"warning":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";case"important":return" #8F4CD7";default:return"linear-gradient(0deg, rgb(143, 73, 254) 5%, rgb(0, 146, 219) 50%, rgb(19, 160, 56) 95%)"}})(u)),o,((r,t)=>{switch(r){case"selected":return"var(--colorsUtilityYin100)";case"positive":return"var(--colorsSemanticPositive500)";case"negative":return"var(--colorsSemanticNegative500)";case"caution":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";default:switch(t){case"active":return"var(--colorsActionMajor500)";case"grey":return"var(--colorsUtilityMajor200)";default:return"var(--colorsUtilityMajor100)"}}})(r,c),s(d),s(d),i,s(d),s(d),i,s(d),s(d),"tile"===c&&t(["background-color:var(--colorsUtilityYang100);"]),"transparent"===c&&t(["background-color:transparent;"]),"active"===c&&t(["background-color:var(--colorsActionMajor025);"]),"grey"===c&&t(["background-color:var(--colorsUtilityMajor025);"]),n?"row":"column",a({width:l||void 0,height:v||void 0}))));export{n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"styled-components";import{StyledAccordionContentContainer as n,StyledAccordionContent as t}from"../../../accordion/accordion.style.js";const c=o(n).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"
|
|
1
|
+
import o from"styled-components";import{StyledAccordionContentContainer as n,StyledAccordionContent as t}from"../../../accordion/accordion.style.js";const c=o(n).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v161_14_0__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),i=o(t).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v161_14_0__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);export{i as StyledContent,c as StyledContentContainer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{margin as o}from"styled-system";import{Fieldset as i}from"../fieldset/fieldset.component.js";import n from"../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../__internal__/legacy-input/input-presentation.style.js";import"../carbon-provider/__internal__/new-validation.context.js";import{StyledLegend as r,StyledFieldsetContent as l}from"../fieldset/fieldset.style.js";import a from"../icon/icon.style.js";import s from"../../style/themes/apply-base-theme.js";import c from"../../style/utils/add-focus-styling.js";const d=e.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"
|
|
1
|
+
import e,{css as t}from"styled-components";import{margin as o}from"styled-system";import{Fieldset as i}from"../fieldset/fieldset.component.js";import n from"../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../__internal__/legacy-input/input-presentation.style.js";import"../carbon-provider/__internal__/new-validation.context.js";import{StyledLegend as r,StyledFieldsetContent as l}from"../fieldset/fieldset.style.js";import a from"../icon/icon.style.js";import s from"../../style/themes/apply-base-theme.js";import c from"../../style/utils/add-focus-styling.js";const d=e.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"carbon_v161_14_0__sc-88022e8f-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),_=e.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"carbon_v161_14_0__sc-88022e8f-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=e.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"carbon_v161_14_0__sc-88022e8f-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),m=e.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"carbon_v161_14_0__sc-88022e8f-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),f=e.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"carbon_v161_14_0__sc-88022e8f-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:e})=>e&&t(["background:var(--colorsActionMajor025);"])),(({disabled:e})=>e&&t(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],d,_,m,p))),y=e.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"carbon_v161_14_0__sc-88022e8f-5"})(["",""],(({checked:e,hasFocus:o})=>t(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],e&&t(["border-color:var(--colorsActionMajor500);z-index:10;"]),o&&t([""," z-index:15;"],c())))),g=e.div.attrs(s).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"carbon_v161_14_0__sc-88022e8f-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],o,y,(({checked:e,disabled:o})=>!e&&!o&&t(["&:hover ","{background:var(--colorsActionMinor050);}"],f))),v=e.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"carbon_v161_14_0__sc-88022e8f-7"})(["width:fit-content;position:relative;z-index:200;"]),h=e.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"carbon_v161_14_0__sc-88022e8f-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n span[data-element="chevron_down"] {\n transition: transform 0.3s;\n ${!e&&"transform: rotate(-90deg)"};\n }\n `)),b=e(n).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"carbon_v161_14_0__sc-88022e8f-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),x=e.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"carbon_v161_14_0__sc-88022e8f-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),w=e.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"carbon_v161_14_0__sc-88022e8f-11"})(["",""],(({hasActionAdornment:e})=>t(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],e&&`\n margin-right: var(--sizing200);\n display: flex;\n align-items: baseline;\n min-height: var(--sizing400);\n\n ${a} {\n top: 2px;\n }\n `))),u=e(i).attrs(s).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"carbon_v161_14_0__sc-88022e8f-12"})([""," ","{font-size:16px;}","{gap:0px;}",""],o,r,l,(({multiSelect:e})=>e&&t(["","{margin-bottom:8px;}"],g))),S=e.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"carbon_v161_14_0__sc-88022e8f-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);export{h as StyledAccordionFooterWrapper,p as StyledAdornment,m as StyledDescription,w as StyledDeselectWrapper,y as StyledFocusWrapper,v as StyledFooterWrapper,S as StyledGroupDescription,_ as StyledSubtitle,f as StyledTileSelect,g as StyledTileSelectContainer,u as StyledTileSelectFieldset,b as StyledTileSelectInput,d as StyledTitle,x as StyledTitleContainer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"styled-components";import t from"../../__internal__/legacy-label/label.component.js";const o=e(t).withConfig({displayName:"time.style__StyledLabel",componentId:"
|
|
1
|
+
import e from"styled-components";import t from"../../__internal__/legacy-label/label.component.js";const o=e(t).withConfig({displayName:"time.style__StyledLabel",componentId:"carbon_v161_14_0__sc-f5dd46fd-0"})(["label{font-weight:var(--fontWeights400);}"]);export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as n,useState as o,useCallback as i,useEffect as a}from"react";import{TransitionGroup as c,CSSTransition as l}from"react-transition-group";import s from"../icon/icon.component.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import{StyledPortal as p,ToastWrapper as m,StyledToast as f,StyledToastContent as d}from"./toast.style.js";import{TypeIconStyle as g}from"../message/message.style.js";import
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as n,useState as o,useCallback as i,useEffect as a}from"react";import{TransitionGroup as c,CSSTransition as l}from"react-transition-group";import s from"../icon/icon.component.js";import"../icon/icon.style.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import{StyledPortal as p,ToastWrapper as m,StyledToast as f,StyledToastContent as d}from"./toast.style.js";import{TypeIconStyle as g}from"../message/message.style.js";import y from"../icon-button/icon-button.component.js";import b from"../../__internal__/utils/helpers/events/events.js";import O from"../../hooks/__internal__/useLocale/useLocale.js";import j from"../../hooks/__internal__/useModalManager/useModalManager.js";import h from"../../__internal__/utils/helpers/guid/index.js";import{Typography as v}from"../typography/typography.component.js";function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(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){_(e,t,r[t])}))}return e}function w(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}const x=r(((r,p)=>{var{align:_="center",alignY:x,children:D,id:k,maxWidth:N,onDismiss:I,open:M=!0,targetPortalId:S,timeout:E,variant:Y="success",disableAutoFocus:T,closeButtonDataProps:B}=r,L=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["align","alignY","children","id","maxWidth","onDismiss","open","targetPortalId","timeout","variant","disableAutoFocus","closeButtonDataProps"]);const R="notice"===Y,W="notification"===Y,A=O(),F=n(h()),$=n(h()),C=n(null),K=n(null),q=n(null),z=n(null),G=n(null),[H,J]=o(0),Q=`${!R&&F.current} ${$.current}`;let U=C;p&&"object"==typeof p&&"current"in p&&(U=p);const V=i((e=>{I&&b.isEscKey(e)&&(e.stopImmediatePropagation(),I(e))}),[I]);j({open:M,closeModal:V,modalRef:U,topModalOverride:!0}),a((()=>{K.current&&clearTimeout(K.current),E&&M&&I&&(K.current=setTimeout((()=>I()),+E))}),[I,M,E]),a((()=>{T||(M?setTimeout((()=>{var e;G.current=document.activeElement,null===(e=q.current)||void 0===e||e.focus()}),0):G.current&&(G.current.focus(),G.current=null,J(0)))}),[M,I,T]),a((()=>()=>{G.current&&G.current.focus()}),[]);const X={notification:"alert",neutral:"info",success:"tick_circle",error:"error",info:"info",warning:"warning"}[Y]||"none";return e(m,{align:_,ref:U,isNotice:R,"data-role":"toast-wrapper",role:"region","aria-hidden":!M,"aria-labelledby":M?Q:void 0,children:e(c,{children:function(){if(!M)return null;let r="success";return R||W||(r=Y),e(l,{enter:!0,classNames:R?"toast-alternative":"toast",timeout:{appear:1600,enter:1500,exit:500},nodeRef:q,children:t(f,w(P(w(P({align:_,alignY:x,isNotice:R,isNotification:W},u("toast",L)),{variant:r,id:k,maxWidth:N,ref:q}),!T&&{tabIndex:H,onBlur:()=>J(void 0)}),{children:[!R&&t(g,{variant:W?"info":Y,"data-role":"toast-type-icon",children:[e(s,{type:X}),e(v,{screenReaderOnly:!0,id:F.current,children:A.toast[Y]()})]}),e(d,{isNotice:R,isDismiss:!!I,"data-role":"toast-content",id:$.current,children:D}),I&&e(y,w(P({"aria-label":A.toast.ariaLabels.close(),onClick:I,ref:z},u("close",P({"data-element":"close"},B))),{children:e(s,{type:"close"})}))]}))})}()})})})),D=r(((t,r)=>{const{targetPortalId:n,align:o,alignY:i,variant:a}=t;return e(p,{id:n,align:null!=o?o:"center",alignY:i,isNotice:"notice"===a,children:e(x,w(P({},t),{ref:r}))})}));D.displayName="Toast";export{D as Toast,D as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as o}from"styled-components";import a from"../icon-button/icon-button.style.js";import{Portal as e}from"../portal/portal.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";const n=t(e).attrs(i).withConfig({displayName:"toast.style__StyledPortal",componentId:"
|
|
1
|
+
import t,{css as o}from"styled-components";import a from"../icon-button/icon-button.style.js";import{Portal as e}from"../portal/portal.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";const n=t(e).attrs(i).withConfig({displayName:"toast.style__StyledPortal",componentId:"carbon_v161_14_0__sc-6f15a9b3-0"})(["",""],(({theme:t,isNotice:a,align:e,alignY:i})=>o(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],t.zIndex.notification,"left"===e&&o(["left:0;transform:translateX(50%);"]),"center"===e&&o(["margin-left:50%;transform:translateX(-50%);"]),"right"===e&&o(["right:0;transform:translateX(-50%);"]),a&&o(["bottom:0;top:auto;width:100%;"]),"top"===i&&o(["top:0;bottom:auto;"]),"center"===i&&o(["top:50%;transform:translate(",",-50%);"],"left"===e?"50%":"-50%"),"bottom"===i&&o(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),s=".toast",p=".toast-alternative",l={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},c=o(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=t.div.withConfig({displayName:"toast.style__StyledToast",componentId:"carbon_v161_14_0__sc-6f15a9b3-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:t,align:e,isNotification:i,alignY:r,isNotice:n,variant:s})=>o(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],l[s],a,c,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",n||"center"===r||"bottom"===r?"0":"30px","bottom"!==r||n?"0":"30px",t||"300px","center"===e||"right"===e?"auto":"30px","center"===e||"left"===e?"auto":"30px",i&&o(["border:1px solid var(--colorsSemanticInfo500);"]))),s,s,s,s,s,s,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),s,s,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),a,c,(({isNotice:t,alignY:e})=>t&&o(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],a,a,r,p,p,"top"===e?"top: -40px":"bottom: -40px",p,"top"===e?"top: 0":"bottom: 0",p,p,p,p,"top"===e?"top: 0":"bottom: 0",p,p,"top"===e?"top: -40px":"bottom: -40px"))),d=t.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"carbon_v161_14_0__sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:t})=>t&&o(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:t,isNotice:a})=>t&&o(["padding-right:",";"],a?"88px":"48px"))),x=t.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"carbon_v161_14_0__sc-6f15a9b3-3"})([""," ",""],(({align:t})=>t&&o(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],t)),(({isNotice:t})=>t&&o(["display:block;"])));export{n as StyledPortal,m as StyledToast,d as StyledToastContent,x as ToastWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t}from"react";import o,{createGlobalStyle as n}from"styled-components";import a from"../../__internal__/utils/helpers/guid/index.js";import p from"./__internal__/context/tokens-wrapper.context.js";import i from"./__internal__/static-tokens/index.js";import c from"./__internal__/hooks/useModeSwitcher.js";import{overrideTokens as s}from"./__internal__/utils/generate-tokens-from-overrides.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){d(e,r,t[r])}))}return e}const m=o.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t}from"react";import o,{createGlobalStyle as n}from"styled-components";import a from"../../__internal__/utils/helpers/guid/index.js";import p from"./__internal__/context/tokens-wrapper.context.js";import i from"./__internal__/static-tokens/index.js";import c from"./__internal__/hooks/useModeSwitcher.js";import{overrideTokens as s}from"./__internal__/utils/generate-tokens-from-overrides.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){d(e,r,t[r])}))}return e}const m=o.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"carbon_v161_14_0__sc-aaecd17e-0"})(["height:",";"],(({$height:e})=>e)),u=n(['[data-component="tokens-wrapper"],[data-role="carbon-portal-scoped-tokens-provider"],.carbon-portal-scoped-tokens-provider{',"}"],i),b=n(["",""],(({$wrapperId:e,$overrides:r})=>`\n [data-component="tokens-wrapper"][data-tokens-wrapper-id="${e}"],\n [data-role="carbon-portal-scoped-tokens-provider"][data-tokens-wrapper-id="${e}"] {\n ${s(r)}\n }\n `)),f=({children:o,height:n="auto",modeSupportOptIn:i=!1,modeOverride:s,overrides:d})=>{const f=t(a()),_=c(s),{current:O}=f,w=i?{className:`carbon-${_}-mode`,"data-carbon-theme":"dark"===_?"dark":"light"}:{};return e(p.Provider,{value:{wrapperId:d?O:void 0},children:r(m,(h=l({"data-component":"tokens-wrapper","data-role":"tokens-wrapper","data-tokens-wrapper-id":d?O:void 0,$height:n},w),k={children:[e(u,{"data-role":"carbon-fusion-tokens"}),d&&e(b,{"data-role":"carbon-fusion-overrides",$wrapperId:O,$overrides:d}),o]},k=null!=k?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(h,Object.getOwnPropertyDescriptors(k)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(k)).forEach((function(e){Object.defineProperty(h,e,Object.getOwnPropertyDescriptor(k,e))})),h))});var h,k};export{f as TokensWrapper,f as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as t}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import{toColor as r}from"../../style/utils/color.js";const i=o.div.attrs(e).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"
|
|
1
|
+
import o,{css as t}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import{toColor as r}from"../../style/utils/color.js";const i=o.div.attrs(e).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"carbon_v161_14_0__sc-55209bbd-0"})(["",""],(({theme:o,type:e,bgColor:i})=>t(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],o.zIndex.popover,((o,t,e)=>t?r(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(o,i,e))));export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{keyframes as t,css as e}from"styled-components";import r from"../../style/themes/apply-base-theme.js";import{toColor as a}from"../../style/utils/color.js";const i=t(["0%{opacity:0;}100%{opacity:1;}"]),l=o.div.attrs(r).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"
|
|
1
|
+
import o,{keyframes as t,css as e}from"styled-components";import r from"../../style/themes/apply-base-theme.js";import{toColor as a}from"../../style/utils/color.js";const i=t(["0%{opacity:0;}100%{opacity:1;}"]),l=o.div.attrs(r).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"carbon_v161_14_0__sc-386308ac-0"})(["",""],(({size:o,theme:t,type:r,bgColor:l,fontColor:n})=>e(["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,t.zIndex.popover,n?a(t,n):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((o,t,e)=>t?a(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,l,r))));export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as e}from"styled-components";import{space as o}from"styled-system";import n from"../../../../style/themes/apply-base-theme.js";import a from"../../../../style/utils/visually-hidden.js";const i={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"},r=t.span.attrs(n).withConfig({displayName:"typography.style__StyledTypography",componentId:"
|
|
1
|
+
import t,{css as e}from"styled-components";import{space as o}from"styled-system";import n from"../../../../style/themes/apply-base-theme.js";import a from"../../../../style/utils/visually-hidden.js";const i={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"},r=t.span.attrs(n).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v161_14_0__sc-fb92dc-0"})(["",""],(({$display:t,$variant:n,$fluid:r,$inverse:s,$size:l,$color:d,$weight:v,$whiteSpace:$,$wordBreak:c,$wordWrap:p,$textAlign:g,$textDecoration:f,$textOverflow:m,$textTransform:h,$overflow:u,$screenReaderOnly:y})=>{const b=r?"fluid":"static",x="M"===l?"m":"l",w={neutral:`var(--page-content${s?"-inverse":""}-txt-default)`,subtle:`var(--page-content${s?"-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 i,z="strong"===n||"b"===n,j="sup"===n||"sub"===n,k=`--global-font-${b}-body-medium-${x}`,O=`--global-font-${b}-body-${v}-${x}`;return e([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],!y&&"margin: unset;",o,y&&a,void 0!==t&&`display: ${t};`,void 0!==$&&`white-space: ${$};`,void 0!==c&&`word-break: ${c};`,void 0!==p&&`word-wrap: ${p};`,void 0!==g&&`text-align: ${g};`,void 0!==f&&`text-decoration: ${f};`,void 0!==m&&`text-overflow: ${m};`,void 0!==h&&`text-transform: ${h};`,void 0!==u&&`overflow: ${u};`,_&&e(["font:var(",");color:",";"],`--global-font-${b}-${_?i[n]:""}`,w),z&&e(["font:var(",");color:",";"],k,w),"sup"===n&&e(["font:var(",");font-size:0.75em;color:",";vertical-align:super;"],O,w),"sub"===n&&e(["font:var(",");font-size:0.75em;color:",";vertical-align:sub;"],O,w),!_&&!z&&!j&&e(["font:var(",");color:",";"],O,w))}));export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{space as o}from"styled-system";import p from"../../style/themes/apply-base-theme.js";import{Typography as s}from"./__internal__/__next__/typography.component.js";import a from"../../style/utils/visually-hidden.js";const i=e(s).attrs(p).withConfig({displayName:"typography.style__StyledTypography",componentId:"
|
|
1
|
+
import e,{css as t}from"styled-components";import{space as o}from"styled-system";import p from"../../style/themes/apply-base-theme.js";import{Typography as s}from"./__internal__/__next__/typography.component.js";import a from"../../style/utils/visually-hidden.js";const i=e(s).attrs(p).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v161_14_0__sc-bec9c5e6-0"})([""," ",""],(({fontSize:e,fontWeight:o,lineHeight:p,variant:s,screenReaderOnly:i})=>t([""," "," "," margin:",";",""],e&&`font-size: ${e};`,o&&`font-weight: ${o};`,p&&`line-height: ${p};`,"p"===s?"0 0 var(--global-space-comp-l)":"0",i&&a)),o);i.displayName="Typography";export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as e}from"styled-components";import{space as i}from"styled-system";import s from"../../style/themes/apply-base-theme.js";const r=t.div.attrs(s).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"
|
|
1
|
+
import t,{css as e}from"styled-components";import{space as i}from"styled-system";import s from"../../style/themes/apply-base-theme.js";const r=t.div.attrs(s).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"carbon_v161_14_0__sc-b3cc6d7-0"})([""," "," ",""],i,(({height:t})=>t&&e(["height:",";"],"string"==typeof t?`${t}`:`${t}px`)),(({displayInline:t})=>t?"display: inline;":"")),d=t.div.attrs(s).withConfig({displayName:"vertical-divider.style__StyledDivider",componentId:"carbon_v161_14_0__sc-b3cc6d7-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({theme:t,tint:e})=>t.palette.slateTint(e)));export{d as StyledDivider,r as StyledVerticalWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"styled-components";import{margin as o}from"styled-system";const i=e.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"
|
|
1
|
+
import e from"styled-components";import{margin as o}from"styled-system";const i=e.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"carbon_v161_14_0__sc-681f134d-0"})([""," ",";"],o,(({depth:e,responsive:o})=>e>0&&o&&"max-width: 88%")),r=e.hr.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledHr",componentId:"carbon_v161_14_0__sc-681f134d-1"})(["border-color:#ffffff33;border-bottom:1px;"]);export{r as StyledHr,i as StyledResponsiveVerticalMenuDivider};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";import t,{useRef as i,forwardRef as o,useMemo as c,useState as l,createContext as s}from"react";import{StyledResponsiveMenu as a}from"../responsive-vertical-menu.style.js";import{StyledResponsiveMenuListItem as d,StyledResponsiveMenuItem as p,StyledIcon as u,StyledNestedMenuWrapper as m,StyledNestedMenu as v,StyledMenuItemContent as h,StyledResponsiveMenuActionButton as f,StyledResponsiveMenuActionLink as y}from"./responsive-vertical-menu-item.style.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import b from"../../../../style/utils/filter-styled-system-margin-props.js";import{useDepth as O,IncreaseDepth as j}from"../__internal__/depth.context.js";import{useResponsiveVerticalMenu as g}from"../responsive-vertical-menu.context.js";import w from"../../../icon/icon.component.js";import _ from"../../../../__internal__/utils/helpers/guid/index.js";import P from"../../../../__internal__/utils/helpers/events/events.js";function x(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function I(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){x(e,n,r[n])}))}return e}function C(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 r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}function $(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}const k=s(void 0),D=({customIcon:r,depth:t,hasChildren:i,icon:o,label:c,responsive:l})=>n(h,r?{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:t,hasChildren:i,icon:!0,responsive:l,children:[r,c]}:{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:t,hasChildren:i,icon:!!o,responsive:l,children:[o&&e(w,{type:o}),c]}),S=o(((o,s)=>{var{children:h,customIcon:j,icon:w,id:_,href:x,label:S,onClick:M,rel:K,target:E,ariaCurrent:A}=o,q=$(o,["children","customIcon","icon","id","href","label","onClick","rel","target","ariaCurrent"]);const{activeMenuItem:z,responsiveMode:B,setActive:F,setActiveMenuItem:G,reducedMotion:H,left:J,top:L,width:N,height:Q}=g(),R=O(),T=(null==z?void 0:z.id)===_,U=t.Children.count(h)>0,V=i(null),W=c((()=>B&&0===R),[R,B]),[X,Y]=l(W&&U||R>=2),Z=e=>{if(P.isEnterKey(e)||P.isSpaceKey(e)){if(U&&e.preventDefault(),!M&&P.isSpaceKey(e)&&e.preventDefault(),W)return;if(U)if(0!==R||B)Y(!X);else{const e=(null==z?void 0:z.id)===_;G(e?null:{id:_,label:S,children:h})}}},ee=e=>{null==M||M(e),F(!1)};return e(d,C(I({},b(q)),{children:U?n(r,{children:[n(p,C(I({active:T,"aria-expanded":B&&0===R?void 0:T||X,"aria-controls":T||X?B?0===R?void 0:`${_}-nested-menu-wrapper`:"responsive-vertical-menu-secondary":void 0,"data-component":`responsive-vertical-menu-item-${_}`,"data-depth":R,"data-role":`responsive-vertical-menu-item-${_}`,depth:R,hasIcon:!!w||!!j,id:_,onClick:()=>{if(!W)if(0!==R||B)Y(!X);else{const e=(null==z?void 0:z.id)===_;G(e?null:{id:_,label:S,children:h})}},onKeyDown:e=>{B||Z(e)},ref:s,responsive:B,tabIndex:W?-1:0,type:"button"},q),{children:[e(D,{customIcon:j,depth:R,hasChildren:!0,icon:w,label:S,responsive:B}),!W&&e(u,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:R,expanded:X||T,reduceMotion:!!H,type:R>=1?"chevron_down_thick":"chevron_right_thick"})]})),X&&e(m,{"data-component":`${_}-nested-menu-wrapper`,"data-role":`${_}-nested-menu-wrapper`,depth:R,hasIcon:!!w||!!j,id:`${_}-nested-menu-wrapper`,responsive:B,children:e(v,{"data-component":`${_}-nested-menu`,"data-role":`${_}-nested-menu`,depth:R,hasIcon:!!w||!!j,id:`${_}-nested-menu`,responsive:B,children:e(k.Provider,{value:_,children:h})})}),T&&!B&&e(a,{"data-component":"responsive-vertical-menu-secondary","data-role":"responsive-vertical-menu-secondary",height:Q||"100%",id:"responsive-vertical-menu-secondary",left:J,menu:"secondary",reduceMotion:!1,ref:V,responsive:!1,tabIndex:-1,top:L,width:N,children:z.children})]}):(()=>{const n=I({"data-component":`responsive-vertical-menu-item-${_}`,"data-depth":R,"data-role":`responsive-vertical-menu-item-${_}`,"aria-current":A,depth:R,href:x,id:_,onClick:ee,onKeyDown:e=>{B||Z(e)},rel:K,responsive:B,tabIndex:0,target:E},q),r=e(D,{customIcon:j,depth:R,hasChildren:!1,icon:w,label:S,responsive:B});return e(M&&!x?f:y,C(I({ref:s},n),{children:r}))})()}))})),M=n=>{var{children:r,id:t,label:o}=n,c=$(n,["children","id","label"]);const l=O(),s=i(null),a=i(t||_());return e(S,C(I({id:a.current,label:o},c),{"data-depth":l,ref:s,children:r&&e(k.Provider,{value:t,children:e(j,{children:r})})}))};export{M as ResponsiveVerticalMenuItem,M as default};
|
|
1
|
+
import{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";import t,{useRef as i,forwardRef as o,useMemo as c,useState as l,createContext as s}from"react";import{StyledResponsiveMenu as a}from"../responsive-vertical-menu.style.js";import{StyledResponsiveMenuListItem as d,StyledResponsiveMenuItem as p,StyledIcon as u,StyledNestedMenuWrapper as m,StyledNestedMenu as v,StyledMenuItemContent as h,StyledResponsiveMenuActionButton as f,StyledResponsiveMenuActionLink as y}from"./responsive-vertical-menu-item.style.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import b from"../../../../style/utils/filter-styled-system-margin-props.js";import{useDepth as O,IncreaseDepth as j}from"../__internal__/depth.context.js";import{useResponsiveVerticalMenu as g}from"../responsive-vertical-menu.context.js";import w from"../../../icon/icon.component.js";import"../../../icon/icon.style.js";import _ from"../../../../__internal__/utils/helpers/guid/index.js";import P from"../../../../__internal__/utils/helpers/events/events.js";function x(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function I(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){x(e,n,r[n])}))}return e}function C(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 r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}function $(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}const k=s(void 0),D=({customIcon:r,depth:t,hasChildren:i,icon:o,label:c,responsive:l})=>n(h,r?{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:t,hasChildren:i,icon:!0,responsive:l,children:[r,c]}:{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:t,hasChildren:i,icon:!!o,responsive:l,children:[o&&e(w,{type:o}),c]}),S=o(((o,s)=>{var{children:h,customIcon:j,icon:w,id:_,href:x,label:S,onClick:M,rel:K,target:E,ariaCurrent:A}=o,q=$(o,["children","customIcon","icon","id","href","label","onClick","rel","target","ariaCurrent"]);const{activeMenuItem:z,responsiveMode:B,setActive:F,setActiveMenuItem:G,reducedMotion:H,left:J,top:L,width:N,height:Q}=g(),R=O(),T=(null==z?void 0:z.id)===_,U=t.Children.count(h)>0,V=i(null),W=c((()=>B&&0===R),[R,B]),[X,Y]=l(W&&U||R>=2),Z=e=>{if(P.isEnterKey(e)||P.isSpaceKey(e)){if(U&&e.preventDefault(),!M&&P.isSpaceKey(e)&&e.preventDefault(),W)return;if(U)if(0!==R||B)Y(!X);else{const e=(null==z?void 0:z.id)===_;G(e?null:{id:_,label:S,children:h})}}},ee=e=>{null==M||M(e),F(!1)};return e(d,C(I({},b(q)),{children:U?n(r,{children:[n(p,C(I({active:T,"aria-expanded":B&&0===R?void 0:T||X,"aria-controls":T||X?B?0===R?void 0:`${_}-nested-menu-wrapper`:"responsive-vertical-menu-secondary":void 0,"data-component":`responsive-vertical-menu-item-${_}`,"data-depth":R,"data-role":`responsive-vertical-menu-item-${_}`,depth:R,hasIcon:!!w||!!j,id:_,onClick:()=>{if(!W)if(0!==R||B)Y(!X);else{const e=(null==z?void 0:z.id)===_;G(e?null:{id:_,label:S,children:h})}},onKeyDown:e=>{B||Z(e)},ref:s,responsive:B,tabIndex:W?-1:0,type:"button"},q),{children:[e(D,{customIcon:j,depth:R,hasChildren:!0,icon:w,label:S,responsive:B}),!W&&e(u,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:R,expanded:X||T,reduceMotion:!!H,type:R>=1?"chevron_down_thick":"chevron_right_thick"})]})),X&&e(m,{"data-component":`${_}-nested-menu-wrapper`,"data-role":`${_}-nested-menu-wrapper`,depth:R,hasIcon:!!w||!!j,id:`${_}-nested-menu-wrapper`,responsive:B,children:e(v,{"data-component":`${_}-nested-menu`,"data-role":`${_}-nested-menu`,depth:R,hasIcon:!!w||!!j,id:`${_}-nested-menu`,responsive:B,children:e(k.Provider,{value:_,children:h})})}),T&&!B&&e(a,{"data-component":"responsive-vertical-menu-secondary","data-role":"responsive-vertical-menu-secondary",height:Q||"100%",id:"responsive-vertical-menu-secondary",left:J,menu:"secondary",reduceMotion:!1,ref:V,responsive:!1,tabIndex:-1,top:L,width:N,children:z.children})]}):(()=>{const n=I({"data-component":`responsive-vertical-menu-item-${_}`,"data-depth":R,"data-role":`responsive-vertical-menu-item-${_}`,"aria-current":A,depth:R,href:x,id:_,onClick:ee,onKeyDown:e=>{B||Z(e)},rel:K,responsive:B,tabIndex:0,target:E},q),r=e(D,{customIcon:j,depth:R,hasChildren:!1,icon:w,label:S,responsive:B});return e(M&&!x?f:y,C(I({ref:s},n),{children:r}))})()}))})),M=n=>{var{children:r,id:t,label:o}=n,c=$(n,["children","id","label"]);const l=O(),s=i(null),a=i(t||_());return e(S,C(I({id:a.current,label:o},c),{"data-depth":l,ref:s,children:r&&e(k.Provider,{value:t,children:e(j,{children:r})})}))};export{M as ResponsiveVerticalMenuItem,M as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{padding as o,margin as n}from"styled-system";import i from"../../../icon/icon.component.js";import a from"../../../../style/utils/add-focus-styling.js";const r=(e,t)=>e&&t?"180deg":"0deg",s=t(["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{',"}"],o,a(!0)),c=e(i).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"
|
|
1
|
+
import e,{css as t}from"styled-components";import{padding as o,margin as n}from"styled-system";import i from"../../../icon/icon.component.js";import"../../../icon/icon.style.js";import a from"../../../../style/utils/add-focus-styling.js";const r=(e,t)=>e&&t?"180deg":"0deg",s=t(["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{',"}"],o,a(!0)),c=e(i).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"carbon_v161_14_0__sc-ffae1a5b-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>r(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:e,expanded:o,reduceMotion:n})=>o&&t(["rotate:",";transition:rotate "," ease-out;"],r(e,o),n?0:"0.2s"))),l=e.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"carbon_v161_14_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=e.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"carbon_v161_14_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:e,responsive:o})=>1===e&&o&&t(["padding:0 0 0 16px;"]))),p=e.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"carbon_v161_14_0__sc-ffae1a5b-3"})(["padding:0;",""],(({depth:e,hasIcon:o,responsive:n})=>t(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],e<2&&!o?"100%":"88%",n&&t(["margin-left:",";"],o||1===e?"var(--spacing200)":"0"),1===e?"var(--fontWeights400)":"var(--fontWeights500)"))),v=e.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"carbon_v161_14_0__sc-ffae1a5b-4"})(["list-style:none;"," padding:0;"],n),g=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"carbon_v161_14_0__sc-ffae1a5b-5"})([""," "," "," ",""],s,(({active:e,responsive:o})=>e&&!o&&t(["background-color:var(--colorsGray850);"])),(({depth:e,responsive:o})=>0===e&&o&&t(["color:var(--colorsUtilityYang080);cursor:default;"])),(({depth:e})=>e>=2&&t(['&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);[data-component="icon"]{color:var(--colorsUtilityYang080);}}']))),m=e.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionLink",componentId:"carbon_v161_14_0__sc-ffae1a5b-6"})([""," min-height:40px;text-decoration:none;",""],s,(({depth:e,responsive:o})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],o&&e>=3&&t(["margin-left:var(--spacing300);"])))),_=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionButton",componentId:"carbon_v161_14_0__sc-ffae1a5b-7"})([""," min-height:40px;text-decoration:none;",""],s,(({depth:e,responsive:o})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],o&&e>=3&&t(["margin-left:var(--spacing300);"]))));export{c as StyledIcon,l as StyledMenuItemContent,p as StyledNestedMenu,d as StyledNestedMenuWrapper,_ as StyledResponsiveMenuActionButton,m as StyledResponsiveMenuActionLink,g as StyledResponsiveMenuItem,v as StyledResponsiveMenuListItem};
|
package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as t}from"styled-components";import a from"../../button/button.component.js";import n from"../../../style/utils/add-focus-styling.js";const i=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"
|
|
1
|
+
import o,{css as t}from"styled-components";import a from"../../button/button.component.js";import n from"../../../style/utils/add-focus-styling.js";const i=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"carbon_v161_14_0__sc-aefcc134-0"})(["position:fixed;inset:0;"]),e=o.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"carbon_v161_14_0__sc-aefcc134-1"})(["position:fixed;top:0;",""],(({width:o})=>t(["width:",";"],o))),r=o(a).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"carbon_v161_14_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"),n(!0),n(!0)),c=o(a).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"carbon_v161_14_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);}']),l=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"carbon_v161_14_0__sc-aefcc134-4"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),d=o.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"carbon_v161_14_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:o})=>!o&&t(["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:o})=>t(["top:",";max-height:calc(100% - ",");"],o,"auto"===o?"40px":o)),(({childOpen:o})=>o&&t(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:o,left:a,menu:n})=>"secondary"===n&&t(["left:",";height:",";"],a,o)));export{e as ModalContainer,i as StyledBackdrop,r as StyledButton,c as StyledCloseButton,l as StyledGlobalVerticalMenuWrapper,d as StyledResponsiveMenu};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useCallback as o}from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import l from"../../../hooks/__internal__/useLocale/useLocale.js";import{Portal as i}from"../../portal/portal.js";import a from"../../../__internal__/focus-trap/focus-trap.component.js";import c from"../../icon-button/icon-button.component.js";import s from"../../icon/icon.component.js";import{Box as p}from"../../box/box.component.js";import{StyledVerticalMenuFullScreen as u,StyledList as f}from"../vertical-menu.style.js";import{VerticalMenuProvider as m}from"../__internal__/vertical-menu.context.js";import{getDocument as b}from"../../../__internal__/dom/globals.js";import d from"../../../__internal__/utils/helpers/events/events.js";import y from"../../../hooks/__internal__/useModalManager/useModalManager.js";import O from"../../../hooks/useMediaQuery/useMediaQuery.js";function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){j(e,r,t[r])}))}return e}const g=j=>{var{"aria-label":g,"aria-labelledby":h,children:v,isOpen:x,onClose:P}=j,w=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(j,["aria-label","aria-labelledby","children","isOpen","onClose"]);const M=l(),S=t(null),k=!O("screen and (prefers-reduced-motion: no-preference)"),C=o((e=>{d.isEscKey(e)&&P(e)}),[P]),E=b();return y({open:x,closeModal:C,modalRef:S,topModalOverride:!0,focusCallToActionElement:null==E?void 0:E.activeElement}),e(i,{children:e(a,{isOpen:x,wrapperRef:S,children:r(u,(D=_({ref:S,isOpen:x,prefersReducedMotion:k,scrollVariant:"light",as:"nav","aria-label":g,"aria-labelledby":h},n("vertical-menu-full-screen",w)),L={children:[e(p,{display:"flex",justifyContent:"flex-end",height:"60px",alignItems:"flex-start",px:"20px",pt:"20px",boxSizing:"border-box",children:e(c,{"aria-label":M.verticalMenuFullScreen.ariaLabels.close(),onClick:P,"data-element":"close",children:e(s,{type:"close",color:"var(--colorsComponentsLeftnavWinterStandardContent)"})})}),e(m,{value:{isFullScreen:!0},children:e(f,{children:v})})]},L=null!=L?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(L,e))})),D))})});var D,L};export{g as VerticalMenuFullScreen,g as default};
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useCallback as o}from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import l from"../../../hooks/__internal__/useLocale/useLocale.js";import{Portal as i}from"../../portal/portal.js";import a from"../../../__internal__/focus-trap/focus-trap.component.js";import c from"../../icon-button/icon-button.component.js";import s from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Box as p}from"../../box/box.component.js";import{StyledVerticalMenuFullScreen as u,StyledList as f}from"../vertical-menu.style.js";import{VerticalMenuProvider as m}from"../__internal__/vertical-menu.context.js";import{getDocument as b}from"../../../__internal__/dom/globals.js";import d from"../../../__internal__/utils/helpers/events/events.js";import y from"../../../hooks/__internal__/useModalManager/useModalManager.js";import O from"../../../hooks/useMediaQuery/useMediaQuery.js";function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){j(e,r,t[r])}))}return e}const g=j=>{var{"aria-label":g,"aria-labelledby":h,children:v,isOpen:x,onClose:P}=j,w=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(j,["aria-label","aria-labelledby","children","isOpen","onClose"]);const M=l(),S=t(null),k=!O("screen and (prefers-reduced-motion: no-preference)"),C=o((e=>{d.isEscKey(e)&&P(e)}),[P]),E=b();return y({open:x,closeModal:C,modalRef:S,topModalOverride:!0,focusCallToActionElement:null==E?void 0:E.activeElement}),e(i,{children:e(a,{isOpen:x,wrapperRef:S,children:r(u,(D=_({ref:S,isOpen:x,prefersReducedMotion:k,scrollVariant:"light",as:"nav","aria-label":g,"aria-labelledby":h},n("vertical-menu-full-screen",w)),L={children:[e(p,{display:"flex",justifyContent:"flex-end",height:"60px",alignItems:"flex-start",px:"20px",pt:"20px",boxSizing:"border-box",children:e(c,{"aria-label":M.verticalMenuFullScreen.ariaLabels.close(),onClick:P,"data-element":"close",children:e(s,{type:"close",color:"var(--colorsComponentsLeftnavWinterStandardContent)"})})}),e(m,{value:{isFullScreen:!0},children:e(f,{children:v})})]},L=null!=L?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(L,e))})),D))})});var D,L};export{g as VerticalMenuFullScreen,g as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{margin as o,padding as n}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import r from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.style.js";import l from"../icon/icon.component.js";import s from"../box/box.style.js";const d=e.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"
|
|
1
|
+
import e,{css as t}from"styled-components";import{margin as o,padding as n}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import r from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.style.js";import l from"../icon/icon.component.js";import s from"../box/box.style.js";const d=e.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"carbon_v161_14_0__sc-44693e7f-0"})(["display:flex;flex:1;flex-direction:column;min-height:0;list-style:none;margin:0;padding:0;"]),c=e.li.attrs(r).withConfig({displayName:"vertical-menu.style__StyledListItem",componentId:"carbon_v161_14_0__sc-44693e7f-1"})(["",""],o),p=e.div.attrs(r).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"carbon_v161_14_0__sc-44693e7f-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),n,i(!0),(({active:e})=>e&&t(['&: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);}}'])),a),m=e.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"carbon_v161_14_0__sc-44693e7f-3"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),_=e.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"carbon_v161_14_0__sc-44693e7f-4"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),f=e(l).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"carbon_v161_14_0__sc-44693e7f-5"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),v=e.div.withConfig({displayName:"vertical-menu.style__StyledCustomIconWrapper",componentId:"carbon_v161_14_0__sc-44693e7f-6"})(["margin-right:12px;width:20px;"]),y=e(l).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"carbon_v161_14_0__sc-44693e7f-7"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),h=e(s).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"carbon_v161_14_0__sc-44693e7f-8"})(["display:flex;&::-webkit-scrollbar{width:12px;}"]),x=e(s).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"carbon_v161_14_0__sc-44693e7f-9"})(["display:flex;flex-direction:column;position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:e})=>!e&&t(["transition:all 0.3s ease;"])),(({isOpen:e})=>e&&t(["visibility:visible;transform:translateX(0);"])),(({isOpen:e})=>!e&&t(["transform:translateX(-100%);visibility:hidden;"])));export{_ as StyledAdornment,y as StyledChevronIcon,v as StyledCustomIconWrapper,d as StyledList,c as StyledListItem,m as StyledTitle,f as StyledTitleIcon,h as StyledVerticalMenu,x as StyledVerticalMenuFullScreen,p as StyledVerticalMenuItem};
|