carbon-react 124.2.0 → 124.2.2
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__/checkable-input/checkable-input.component.js +0 -1
- package/esm/__internal__/checkable-input/hidden-checkable-input.component.js +0 -1
- package/esm/__internal__/focus-trap/focus-trap-utils.js +0 -1
- package/esm/__internal__/input/input.component.js +0 -1
- package/esm/components/accordion/accordion-group/accordion-group.component.js +1 -0
- package/esm/components/box/box.component.js +303 -45
- package/esm/components/checkbox/checkbox.component.js +0 -1
- package/esm/components/date/__internal__/utils.js +0 -1
- package/esm/components/date/date.component.js +0 -7
- package/esm/components/decimal/decimal.component.js +0 -1
- package/esm/components/grouped-character/grouped-character.component.js +0 -1
- package/esm/components/message/message-content/message-content.style.js +0 -8
- package/esm/components/navigation-bar/navigation-bar.component.js +293 -35
- package/esm/components/number/number.component.js +0 -1
- package/esm/components/radio-button/radio-button.component.js +0 -1
- package/esm/components/select/filterable-select/filterable-select.component.js +7 -2
- package/esm/components/select/multi-select/multi-select.component.js +0 -1
- package/esm/components/select/option/option.component.js +0 -1
- package/esm/components/select/select-textbox/select-textbox.component.js +1 -5
- package/esm/components/select/simple-select/simple-select.component.js +0 -1
- package/esm/components/switch/switch.component.js +0 -1
- package/esm/components/textarea/textarea.component.js +0 -1
- package/esm/components/textbox/textbox.component.js +4 -5
- package/esm/components/toast/toast.component.js +4 -4
- package/esm/components/toast/toast.style.d.ts +14 -13
- package/esm/components/toast/toast.style.js +42 -14
- package/lib/__internal__/character-count/character-count.component.js +1 -2
- package/lib/__internal__/character-count/character-count.style.js +6 -10
- package/lib/__internal__/checkable-input/checkable-input-svg-wrapper.style.js +1 -2
- package/lib/__internal__/checkable-input/checkable-input.component.js +3 -5
- package/lib/__internal__/checkable-input/checkable-input.style.js +5 -7
- package/lib/__internal__/checkable-input/hidden-checkable-input.component.js +3 -5
- package/lib/__internal__/checkable-input/hidden-checkable-input.style.js +1 -2
- package/lib/__internal__/field-help/field-help.component.js +1 -2
- package/lib/__internal__/field-help/field-help.style.js +3 -4
- package/lib/__internal__/fieldset/fieldset.component.js +3 -4
- package/lib/__internal__/fieldset/fieldset.style.js +6 -9
- package/lib/__internal__/focus-trap/focus-trap-utils.js +1 -3
- package/lib/__internal__/focus-trap/focus-trap.component.js +6 -8
- package/lib/__internal__/form-field/form-field.component.js +3 -4
- package/lib/__internal__/form-field/form-field.style.js +4 -6
- package/lib/__internal__/form-spacing-provider/form-spacing-context.js +1 -2
- package/lib/__internal__/form-spacing-provider/form-spacing-provider.component.js +1 -2
- package/lib/__internal__/full-screen-heading/full-screen-heading.component.js +3 -4
- package/lib/__internal__/full-screen-heading/full-screen-heading.style.js +4 -6
- package/lib/__internal__/i18n-context/index.js +1 -2
- package/lib/__internal__/input/index.js +1 -2
- package/lib/__internal__/input/input-presentation.component.js +3 -4
- package/lib/__internal__/input/input-presentation.style.js +4 -6
- package/lib/__internal__/input/input-sizes.style.js +1 -2
- package/lib/__internal__/input/input.component.js +3 -5
- package/lib/__internal__/input/input.style.js +3 -4
- package/lib/__internal__/input-behaviour/input-behaviour.component.js +1 -2
- package/lib/__internal__/input-behaviour/input-group-behaviour.component.js +1 -2
- package/lib/__internal__/input-behaviour/useInputBehaviour.js +1 -2
- package/lib/__internal__/input-icon-toggle/input-icon-toggle.component.js +1 -2
- package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +3 -4
- package/lib/__internal__/label/icon-wrapper.style.js +1 -2
- package/lib/__internal__/label/label.component.js +3 -4
- package/lib/__internal__/label/label.style.js +4 -6
- package/lib/__internal__/popover/popover.component.js +3 -4
- package/lib/__internal__/popover/popover.style.js +3 -5
- package/lib/__internal__/radio-button-mapper/radio-button-mapper.component.js +3 -4
- package/lib/__internal__/sticky-footer/sticky-footer.component.js +3 -4
- package/lib/__internal__/sticky-footer/sticky-footer.style.js +3 -4
- package/lib/__internal__/tooltip-provider/index.js +3 -4
- package/lib/__internal__/utils/helpers/browser-type-check/index.js +1 -2
- package/lib/__internal__/utils/helpers/events/events.js +1 -2
- package/lib/__internal__/utils/helpers/tags/tags.js +1 -2
- package/lib/__internal__/utils/logger/index.js +1 -2
- package/lib/__internal__/validation-message/validation-message.component.js +1 -2
- package/lib/__internal__/validation-message/validation-message.style.js +3 -4
- package/lib/__internal__/validations/validation-icon.component.js +3 -4
- package/lib/__internal__/validations/validation-icon.style.js +3 -4
- package/lib/__spec_helper__/mock-resize-observer.js +1 -2
- package/lib/__spec_helper__/test-utils.js +6 -12
- package/lib/components/accordion/accordion-group/accordion-group.component.js +3 -4
- package/lib/components/accordion/accordion.component.js +4 -6
- package/lib/components/accordion/accordion.style.js +11 -20
- package/lib/components/action-popover/action-popover-context.js +1 -2
- package/lib/components/action-popover/action-popover-divider/action-popover-divider.component.js +1 -2
- package/lib/components/action-popover/action-popover-item/action-popover-item.component.js +3 -4
- package/lib/components/action-popover/action-popover-menu/action-popover-menu.component.js +3 -4
- package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js +1 -2
- package/lib/components/action-popover/action-popover.component.js +3 -4
- package/lib/components/action-popover/action-popover.style.js +15 -27
- package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js +3 -4
- package/lib/components/advanced-color-picker/advanced-color-picker.component.js +3 -4
- package/lib/components/advanced-color-picker/advanced-color-picker.style.js +7 -11
- package/lib/components/alert/alert.component.js +1 -2
- package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js +1 -2
- package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +3 -4
- package/lib/components/anchor-navigation/anchor-navigation.component.js +3 -4
- package/lib/components/anchor-navigation/anchor-navigation.style.js +4 -7
- package/lib/components/anchor-navigation/anchor-section-divider.component.js +1 -2
- package/lib/components/badge/badge.component.js +1 -2
- package/lib/components/badge/badge.style.js +6 -10
- package/lib/components/batch-selection/batch-selection.component.js +1 -2
- package/lib/components/batch-selection/batch-selection.style.js +5 -7
- package/lib/components/box/box.component.js +305 -49
- package/lib/components/box/box.config.js +2 -3
- package/lib/components/box/box.style.js +3 -4
- package/lib/components/breadcrumbs/breadcrumbs.component.js +2 -4
- package/lib/components/breadcrumbs/breadcrumbs.style.js +1 -2
- package/lib/components/breadcrumbs/crumb/crumb.component.js +1 -2
- package/lib/components/breadcrumbs/crumb/crumb.style.js +6 -9
- package/lib/components/button/button.component.js +4 -6
- package/lib/components/button/button.config.js +3 -6
- package/lib/components/button/button.style.js +4 -6
- package/lib/components/button/index.js +2 -2
- package/lib/components/button-bar/button-bar.component.js +2 -4
- package/lib/components/button-bar/button-bar.config.js +2 -4
- package/lib/components/button-bar/button-bar.style.js +3 -4
- package/lib/components/button-minor/button-minor.component.js +3 -4
- package/lib/components/button-minor/button-minor.style.js +3 -4
- package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.js +4 -6
- package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +4 -6
- package/lib/components/button-toggle/button-toggle-icon.component.js +1 -2
- package/lib/components/button-toggle/button-toggle.component.js +3 -4
- package/lib/components/button-toggle/button-toggle.style.js +7 -11
- package/lib/components/carbon-provider/carbon-provider.component.js +4 -6
- package/lib/components/carbon-provider/top-modal-context.js +3 -4
- package/lib/components/card/__internal__/card-context/index.js +1 -2
- package/lib/components/card/card-column/card-column.component.js +1 -2
- package/lib/components/card/card-column/card-column.style.js +1 -2
- package/lib/components/card/card-footer/card-footer.component.js +3 -4
- package/lib/components/card/card-footer/card-footer.style.js +3 -4
- package/lib/components/card/card-row/card-row.component.js +1 -2
- package/lib/components/card/card-row/card-row.style.js +3 -4
- package/lib/components/card/card.component.js +3 -4
- package/lib/components/card/card.config.js +2 -4
- package/lib/components/card/card.style.js +3 -4
- package/lib/components/carousel/carousel.component.js +3 -4
- package/lib/components/carousel/carousel.style.js +16 -29
- package/lib/components/carousel/slide/slide.component.js +1 -2
- package/lib/components/carousel/slide/slide.style.js +4 -5
- package/lib/components/carousel/slide.config.js +3 -5
- package/lib/components/checkbox/checkbox-group.component.js +4 -6
- package/lib/components/checkbox/checkbox-group.style.js +4 -6
- package/lib/components/checkbox/checkbox-svg.component.js +1 -2
- package/lib/components/checkbox/checkbox.component.js +4 -7
- package/lib/components/checkbox/checkbox.style.js +3 -4
- package/lib/components/confirm/confirm.component.js +3 -4
- package/lib/components/confirm/confirm.config.js +1 -2
- package/lib/components/confirm/confirm.style.js +5 -7
- package/lib/components/content/content.component.js +1 -2
- package/lib/components/content/content.style.js +6 -9
- package/lib/components/date/__internal__/date-formats/index.js +1 -2
- package/lib/components/date/__internal__/date-picker/date-picker.component.js +3 -4
- package/lib/components/date/__internal__/date-picker/day-picker.style.js +3 -4
- package/lib/components/date/__internal__/navbar/button.style.js +1 -2
- package/lib/components/date/__internal__/navbar/navbar.component.js +1 -2
- package/lib/components/date/__internal__/navbar/navbar.style.js +1 -2
- package/lib/components/date/__internal__/utils.js +0 -1
- package/lib/components/date/__internal__/weekday/abbr.style.js +1 -2
- package/lib/components/date/__internal__/weekday/weekday.component.js +1 -2
- package/lib/components/date/__internal__/weekday/weekday.style.js +1 -2
- package/lib/components/date/date.component.js +4 -13
- package/lib/components/date/date.style.js +3 -4
- package/lib/components/date-range/date-range.component.js +3 -4
- package/lib/components/date-range/date-range.context.js +1 -2
- package/lib/components/date-range/date-range.style.js +1 -2
- package/lib/components/decimal/decimal.component.js +4 -7
- package/lib/components/definition-list/__internal__/dl.context.js +1 -2
- package/lib/components/definition-list/dd.component.js +3 -4
- package/lib/components/definition-list/definition-list.style.js +6 -9
- package/lib/components/definition-list/dl.component.js +1 -2
- package/lib/components/definition-list/dt.component.js +3 -4
- package/lib/components/detail/detail.component.js +1 -2
- package/lib/components/detail/detail.style.js +6 -10
- package/lib/components/dialog/dialog.component.js +4 -6
- package/lib/components/dialog/dialog.config.js +5 -10
- package/lib/components/dialog/dialog.style.js +6 -10
- package/lib/components/dialog-full-screen/content.style.js +3 -4
- package/lib/components/dialog-full-screen/dialog-full-screen.component.js +3 -4
- package/lib/components/dialog-full-screen/dialog-full-screen.style.js +3 -4
- package/lib/components/dismissible-box/dismissible-box.component.js +1 -2
- package/lib/components/dismissible-box/dismissible-box.style.js +4 -5
- package/lib/components/draggable/draggable-container.component.js +3 -4
- package/lib/components/draggable/draggable-item.component.js +1 -2
- package/lib/components/draggable/draggable-item.style.js +3 -6
- package/lib/components/draggable/internal/drop-target.component.js +1 -2
- package/lib/components/drawer/drawer.component.js +4 -6
- package/lib/components/drawer/drawer.style.js +10 -17
- package/lib/components/drawer/index.js +2 -2
- package/lib/components/duelling-picklist/duelling-picklist.component.js +3 -4
- package/lib/components/duelling-picklist/duelling-picklist.context.js +1 -2
- package/lib/components/duelling-picklist/duelling-picklist.style.js +9 -16
- package/lib/components/duelling-picklist/picklist/picklist.component.js +3 -4
- package/lib/components/duelling-picklist/picklist/picklist.style.js +3 -5
- package/lib/components/duelling-picklist/picklist-divider/picklist-divider.component.js +1 -2
- package/lib/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -2
- package/lib/components/duelling-picklist/picklist-group/picklist-group.component.js +4 -6
- package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js +7 -11
- package/lib/components/duelling-picklist/picklist-item/picklist-item.component.js +4 -6
- package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js +6 -9
- package/lib/components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js +1 -2
- package/lib/components/fieldset/fieldset.component.js +1 -2
- package/lib/components/fieldset/fieldset.style.js +4 -7
- package/lib/components/flat-table/cell-sizes.style.js +2 -3
- package/lib/components/flat-table/flat-table-body/flat-table-body.component.js +2 -4
- package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js +3 -4
- package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +3 -4
- package/lib/components/flat-table/flat-table-cell/flat-table-cell.component.js +3 -4
- package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +4 -6
- package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js +3 -4
- package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +3 -4
- package/lib/components/flat-table/flat-table-head/flat-table-head.component.js +4 -6
- package/lib/components/flat-table/flat-table-head/flat-table-head.style.js +1 -2
- package/lib/components/flat-table/flat-table-header/flat-table-header-utils.js +1 -2
- package/lib/components/flat-table/flat-table-header/flat-table-header.component.js +3 -4
- package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +3 -4
- package/lib/components/flat-table/flat-table-row/__internal__/flat-table-row-context.js +2 -3
- package/lib/components/flat-table/flat-table-row/__internal__/flat-table-row-draggable.component.js +1 -2
- package/lib/components/flat-table/flat-table-row/__internal__/sub-row-provider.js +4 -6
- package/lib/components/flat-table/flat-table-row/flat-table-row.component.js +4 -6
- package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +3 -4
- package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.component.js +3 -4
- package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +5 -7
- package/lib/components/flat-table/flat-table.component.js +4 -6
- package/lib/components/flat-table/flat-table.config.js +2 -4
- package/lib/components/flat-table/flat-table.style.js +6 -10
- package/lib/components/flat-table/sort/sort.component.js +3 -4
- package/lib/components/flat-table/sort/sort.style.js +3 -5
- package/lib/components/form/__internal__/form-summary.component.js +3 -4
- package/lib/components/form/__internal__/form-summary.style.js +6 -9
- package/lib/components/form/form.component.js +3 -4
- package/lib/components/form/form.config.js +3 -5
- package/lib/components/form/form.style.js +8 -14
- package/lib/components/global-header/global-header.component.js +1 -2
- package/lib/components/grid/grid-container/grid-container.component.js +1 -2
- package/lib/components/grid/grid-container/grid-container.style.js +1 -2
- package/lib/components/grid/grid-item/grid-item.component.js +1 -2
- package/lib/components/grid/grid-item/grid-item.style.js +3 -4
- package/lib/components/grouped-character/grouped-character.component.js +4 -7
- package/lib/components/heading/heading.component.js +1 -2
- package/lib/components/heading/heading.style.js +14 -25
- package/lib/components/help/help.component.js +3 -4
- package/lib/components/help/help.config.js +1 -2
- package/lib/components/help/help.style.js +3 -4
- package/lib/components/hr/hr.component.js +1 -2
- package/lib/components/hr/hr.style.js +1 -2
- package/lib/components/i18n-provider/i18n-provider.component.js +1 -2
- package/lib/components/icon/icon-config.js +6 -12
- package/lib/components/icon/icon-unicodes.js +1 -2
- package/lib/components/icon/icon.component.js +3 -4
- package/lib/components/icon/icon.style.js +3 -4
- package/lib/components/icon-button/icon-button.component.js +3 -4
- package/lib/components/icon-button/icon-button.style.js +3 -4
- package/lib/components/image/image.component.js +1 -2
- package/lib/components/image/image.style.js +3 -4
- package/lib/components/inline-inputs/inline-inputs.component.js +3 -4
- package/lib/components/inline-inputs/inline-inputs.config.js +1 -2
- package/lib/components/inline-inputs/inline-inputs.style.js +5 -8
- package/lib/components/link/link.component.js +4 -6
- package/lib/components/link/link.config.js +3 -6
- package/lib/components/link/link.style.js +4 -6
- package/lib/components/link-preview/__internal__/placeholder.component.js +2 -4
- package/lib/components/link-preview/link-preview.component.js +1 -2
- package/lib/components/link-preview/link-preview.style.js +9 -15
- package/lib/components/loader/loader-square.style.js +3 -4
- package/lib/components/loader/loader.component.js +1 -2
- package/lib/components/loader/loader.config.js +1 -2
- package/lib/components/loader/loader.style.js +1 -2
- package/lib/components/loader-bar/loader-bar.component.js +3 -4
- package/lib/components/loader-bar/loader-bar.config.js +1 -2
- package/lib/components/loader-bar/loader-bar.style.js +5 -8
- package/lib/components/menu/__internal__/locators.js +6 -12
- package/lib/components/menu/__internal__/spec-helper/index.js +1 -2
- package/lib/components/menu/__internal__/submenu/submenu.component.js +3 -4
- package/lib/components/menu/__internal__/submenu/submenu.context.js +1 -2
- package/lib/components/menu/__internal__/submenu/submenu.style.js +4 -6
- package/lib/components/menu/menu-divider/menu-divider.component.js +3 -4
- package/lib/components/menu/menu-divider/menu-divider.style.js +3 -4
- package/lib/components/menu/menu-full-screen/menu-full-screen.component.js +3 -4
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +4 -6
- package/lib/components/menu/menu-item/menu-item.component.js +3 -4
- package/lib/components/menu/menu-item/menu-item.style.js +3 -4
- package/lib/components/menu/menu-segment-title/menu-segment-title.component.js +3 -4
- package/lib/components/menu/menu-segment-title/menu-segment-title.style.js +5 -7
- package/lib/components/menu/menu.component.js +3 -4
- package/lib/components/menu/menu.config.js +2 -3
- package/lib/components/menu/menu.context.js +2 -3
- package/lib/components/menu/menu.style.js +4 -6
- package/lib/components/menu/scrollable-block/scrollable-block.component.js +3 -4
- package/lib/components/menu/scrollable-block/scrollable-block.style.js +3 -4
- package/lib/components/message/message-content/message-content.component.js +1 -2
- package/lib/components/message/message-content/message-content.style.js +1 -10
- package/lib/components/message/message.component.js +4 -6
- package/lib/components/message/message.style.js +3 -4
- package/lib/components/message/type-icon/type-icon.component.js +1 -2
- package/lib/components/message/type-icon/type-icon.style.js +3 -4
- package/lib/components/modal/__internal__/modal-manager.js +2 -4
- package/lib/components/modal/index.js +2 -2
- package/lib/components/modal/modal.component.js +4 -6
- package/lib/components/modal/modal.style.js +4 -6
- package/lib/components/multi-action-button/multi-action-button.component.js +3 -4
- package/lib/components/multi-action-button/multi-action-button.config.js +3 -6
- package/lib/components/multi-action-button/multi-action-button.style.js +4 -6
- package/lib/components/navigation-bar/fixed-navigation-bar.context.js +3 -4
- package/lib/components/navigation-bar/navigation-bar.component.js +296 -39
- package/lib/components/navigation-bar/navigation-bar.style.js +3 -4
- package/lib/components/note/__internal__/status-icon/status-icon.component.js +1 -2
- package/lib/components/note/__internal__/status-icon/status-icon.style.js +1 -2
- package/lib/components/note/note.component.js +1 -2
- package/lib/components/note/note.style.js +9 -16
- package/lib/components/number/number.component.js +4 -7
- package/lib/components/numeral-date/numeral-date-context.js +1 -2
- package/lib/components/numeral-date/numeral-date.component.js +4 -6
- package/lib/components/numeral-date/numeral-date.style.js +5 -7
- package/lib/components/pager/__internal__/pager-navigation-link.component.js +3 -4
- package/lib/components/pager/__internal__/pager-navigation.component.js +3 -4
- package/lib/components/pager/pager.component.js +3 -4
- package/lib/components/pager/pager.style.js +13 -23
- package/lib/components/pages/page/page.component.js +3 -4
- package/lib/components/pages/page/page.style.js +2 -4
- package/lib/components/pages/pages.component.js +3 -4
- package/lib/components/pages/pages.config.js +3 -5
- package/lib/components/pages/pages.style.js +2 -4
- package/lib/components/password/password.component.js +3 -4
- package/lib/components/password/password.style.js +3 -5
- package/lib/components/pill/pill.component.js +1 -2
- package/lib/components/pill/pill.style.js +3 -4
- package/lib/components/pod/pod.component.js +3 -4
- package/lib/components/pod/pod.config.js +3 -6
- package/lib/components/pod/pod.style.js +13 -24
- package/lib/components/popover-container/popover-container.component.js +3 -4
- package/lib/components/popover-container/popover-container.style.js +6 -12
- package/lib/components/portal/portal.js +4 -6
- package/lib/components/portrait/portrait.component.js +3 -4
- package/lib/components/portrait/portrait.config.js +4 -7
- package/lib/components/portrait/portrait.style.js +5 -10
- package/lib/components/preview/__internal__/preview-placeholder.component.js +1 -2
- package/lib/components/preview/__internal__/preview-placeholder.style.js +4 -5
- package/lib/components/preview/preview.component.js +1 -2
- package/lib/components/preview/preview.style.js +1 -2
- package/lib/components/profile/profile.component.js +1 -2
- package/lib/components/profile/profile.config.js +3 -5
- package/lib/components/profile/profile.style.js +6 -12
- package/lib/components/progress-tracker/progress-tracker.component.js +3 -4
- package/lib/components/progress-tracker/progress-tracker.config.js +1 -2
- package/lib/components/progress-tracker/progress-tracker.style.js +8 -14
- package/lib/components/radio-button/index.js +1 -2
- package/lib/components/radio-button/radio-button-group.component.js +3 -4
- package/lib/components/radio-button/radio-button-group.style.js +4 -6
- package/lib/components/radio-button/radio-button-svg.component.js +1 -2
- package/lib/components/radio-button/radio-button.component.js +4 -7
- package/lib/components/radio-button/radio-button.style.js +3 -4
- package/lib/components/search/search-button.style.js +2 -4
- package/lib/components/search/search.component.js +4 -6
- package/lib/components/search/search.style.js +3 -4
- package/lib/components/select/__internal__/select-list-context.js +1 -2
- package/lib/components/select/__internal__/select-text/select-text.component.js +1 -2
- package/lib/components/select/__internal__/select-text/select-text.style.js +3 -4
- package/lib/components/select/filterable-select/filterable-select.component.js +11 -8
- package/lib/components/select/list-action-button/list-action-button.component.js +1 -2
- package/lib/components/select/list-action-button/list-action-button.style.js +1 -2
- package/lib/components/select/multi-select/multi-select.component.js +4 -7
- package/lib/components/select/multi-select/multi-select.style.js +3 -6
- package/lib/components/select/option/option.component.js +3 -5
- package/lib/components/select/option/option.style.js +3 -4
- package/lib/components/select/option-group-header/option-group-header.component.js +1 -2
- package/lib/components/select/option-group-header/option-group-header.style.js +1 -2
- package/lib/components/select/option-row/option-row.component.js +3 -4
- package/lib/components/select/option-row/option-row.style.js +3 -4
- package/lib/components/select/select-list/select-list-container.style.js +1 -2
- package/lib/components/select/select-list/select-list.component.js +3 -4
- package/lib/components/select/select-list/select-list.style.js +8 -13
- package/lib/components/select/select-textbox/select-textbox.component.js +4 -9
- package/lib/components/select/select.style.js +3 -4
- package/lib/components/select/simple-select/simple-select.component.js +4 -7
- package/lib/components/select/utils/get-next-index-by-key.js +1 -2
- package/lib/components/select/utils/matching-text.style.js +1 -2
- package/lib/components/select/utils/with-filter.hoc.js +3 -4
- package/lib/components/settings-row/settings-row.component.js +1 -2
- package/lib/components/settings-row/settings-row.style.js +6 -9
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +1 -2
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +3 -4
- package/lib/components/sidebar/index.js +2 -2
- package/lib/components/sidebar/sidebar.component.js +5 -8
- package/lib/components/sidebar/sidebar.config.js +7 -14
- package/lib/components/sidebar/sidebar.style.js +3 -4
- package/lib/components/simple-color-picker/simple-color/simple-color.component.js +4 -6
- package/lib/components/simple-color-picker/simple-color/simple-color.style.js +7 -11
- package/lib/components/simple-color-picker/simple-color-picker.component.js +4 -6
- package/lib/components/simple-color-picker/simple-color-picker.style.js +5 -7
- package/lib/components/split-button/__internal__/split-button.context.js +2 -3
- package/lib/components/split-button/split-button-children.style.js +4 -6
- package/lib/components/split-button/split-button-toggle.style.js +3 -4
- package/lib/components/split-button/split-button.component.js +3 -4
- package/lib/components/split-button/split-button.config.js +4 -8
- package/lib/components/split-button/split-button.style.js +3 -4
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js +3 -4
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +7 -11
- package/lib/components/step-sequence/step-sequence.component.js +2 -4
- package/lib/components/step-sequence/step-sequence.config.js +2 -4
- package/lib/components/step-sequence/step-sequence.style.js +3 -4
- package/lib/components/switch/__internal__/switch-slider-panel.style.js +3 -4
- package/lib/components/switch/__internal__/switch-slider.component.js +1 -2
- package/lib/components/switch/__internal__/switch-slider.style.js +3 -4
- package/lib/components/switch/switch.component.js +4 -7
- package/lib/components/switch/switch.style.js +5 -8
- package/lib/components/tabs/__internal__/tab-title/index.js +2 -2
- package/lib/components/tabs/__internal__/tab-title/tab-title.component.js +4 -6
- package/lib/components/tabs/__internal__/tab-title/tab-title.style.js +8 -13
- package/lib/components/tabs/__internal__/tabs-header/tabs-header.component.js +3 -4
- package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.js +9 -15
- package/lib/components/tabs/tab/index.js +2 -2
- package/lib/components/tabs/tab/tab.component.js +4 -6
- package/lib/components/tabs/tab/tab.style.js +3 -4
- package/lib/components/tabs/tabs.component.js +2 -2
- package/lib/components/tabs/tabs.style.js +3 -4
- package/lib/components/text-editor/__internal__/decorators/index.js +1 -2
- package/lib/components/text-editor/__internal__/decorators/link-decorator.js +2 -3
- package/lib/components/text-editor/__internal__/editor-link/editor-link.component.js +3 -4
- package/lib/components/text-editor/__internal__/editor-link/editor-link.style.js +1 -2
- package/lib/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.component.js +1 -2
- package/lib/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.style.js +1 -2
- package/lib/components/text-editor/__internal__/label-wrapper/label-wrapper.component.js +1 -2
- package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.js +2 -4
- package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.style.js +3 -4
- package/lib/components/text-editor/__internal__/toolbar/toolbar.component.js +3 -4
- package/lib/components/text-editor/__internal__/toolbar/toolbar.style.js +4 -7
- package/lib/components/text-editor/index.js +2 -2
- package/lib/components/text-editor/text-editor.component.js +7 -12
- package/lib/components/text-editor/text-editor.style.js +6 -9
- package/lib/components/text-editor/types.js +4 -8
- package/lib/components/textarea/textarea.component.js +4 -7
- package/lib/components/textarea/textarea.style.js +4 -6
- package/lib/components/textbox/__internal__/prefix.style.js +1 -2
- package/lib/components/textbox/textbox.component.js +8 -11
- package/lib/components/textbox/textbox.style.js +5 -7
- package/lib/components/tile/__internal__/tile-context.js +2 -3
- package/lib/components/tile/tile-content/tile-content.component.js +3 -4
- package/lib/components/tile/tile-content/tile-content.style.js +3 -4
- package/lib/components/tile/tile-footer/tile-footer.component.js +1 -2
- package/lib/components/tile/tile-footer/tile-footer.style.js +3 -4
- package/lib/components/tile/tile.component.js +1 -2
- package/lib/components/tile/tile.config.js +2 -4
- package/lib/components/tile/tile.style.js +3 -4
- package/lib/components/tile-select/__internal__/accordion/accordion.component.js +3 -4
- package/lib/components/tile-select/__internal__/accordion/accordion.style.js +3 -5
- package/lib/components/tile-select/tile-select-group.component.js +1 -2
- package/lib/components/tile-select/tile-select.component.js +3 -4
- package/lib/components/tile-select/tile-select.style.js +16 -30
- package/lib/components/toast/toast.component.js +7 -9
- package/lib/components/toast/toast.config.js +1 -2
- package/lib/components/toast/toast.style.d.ts +14 -13
- package/lib/components/toast/toast.style.js +47 -23
- package/lib/components/tooltip/tooltip-pointer.style.js +3 -4
- package/lib/components/tooltip/tooltip.component.js +4 -6
- package/lib/components/tooltip/tooltip.config.js +1 -2
- package/lib/components/tooltip/tooltip.style.js +3 -4
- package/lib/components/typography/typography.component.js +1 -2
- package/lib/components/typography/typography.style.js +3 -4
- package/lib/components/vertical-divider/vertical-divider.component.js +3 -4
- package/lib/components/vertical-divider/vertical-divider.style.js +4 -6
- package/lib/components/vertical-menu/vertical-menu-full-screen.component.js +3 -4
- package/lib/components/vertical-menu/vertical-menu-full-screen.context.js +1 -2
- package/lib/components/vertical-menu/vertical-menu-item.component.js +3 -4
- package/lib/components/vertical-menu/vertical-menu-trigger.component.js +1 -2
- package/lib/components/vertical-menu/vertical-menu.component.js +1 -2
- package/lib/components/vertical-menu/vertical-menu.style.js +11 -19
- package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.js +3 -4
- package/lib/hooks/__internal__/useChildButtons/useChildButtons.js +1 -2
- package/lib/hooks/__internal__/useDebounce/useDebounce.js +1 -2
- package/lib/hooks/__internal__/useFloating/useFloating.js +1 -2
- package/lib/hooks/__internal__/useIsStickyFooterForm/useIsStickyFooterForm.js +2 -2
- package/lib/hooks/__internal__/useModalManager/useModalManager.js +1 -2
- package/lib/hooks/__internal__/useScrollBlock/scroll-block-manager.js +1 -2
- package/lib/hooks/__internal__/useScrollBlock/useScrollBlock.js +1 -2
- package/lib/hooks/__internal__/useStableCallback/useStableCallback.js +1 -2
- package/lib/hooks/__internal__/useThrottle/useThrottle.js +1 -2
- package/lib/locales/en-gb.js +1 -2
- package/lib/locales/pl-pl.js +1 -2
- package/lib/style/color-config/index.js +1 -2
- package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -2
- package/lib/style/design-tokens/debug-theme.util.js +2 -3
- package/lib/style/global-style.js +1 -2
- package/lib/style/palette/index.js +1 -2
- package/lib/style/themes/aegean/index.js +1 -2
- package/lib/style/themes/base/base-theme.config.js +1 -2
- package/lib/style/themes/base/index.js +1 -2
- package/lib/style/themes/index.js +1 -2
- package/lib/style/themes/medium/index.js +2 -3
- package/lib/style/themes/mint/index.js +1 -2
- package/lib/style/themes/none/index.js +1 -2
- package/lib/style/themes/sage/index.js +2 -3
- package/lib/style/themes/small/index.js +2 -3
- package/lib/style/utils/filter-out-position-props.js +1 -2
- package/lib/style/utils/filter-out-styled-system-spacing-props.js +1 -2
- package/lib/style/utils/filter-styled-system-flexbox-props.js +1 -2
- package/lib/style/utils/filter-styled-system-grid-props.js +1 -2
- package/lib/style/utils/filter-styled-system-layout-props.js +1 -2
- package/lib/style/utils/filter-styled-system-margin-props.js +1 -2
- package/lib/style/utils/filter-styled-system-padding-props.js +8 -16
- package/lib/style/utils/get-rgb-values.js +1 -2
- package/lib/style/utils/visually-hidden.js +2 -3
- package/package.json +53 -49
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.StyledSelectLoaderContainer = exports.StyledSelectListTableHeader = exports.StyledSelectListTableBody = exports.StyledSelectListTable = exports.StyledSelectList = void 0;
|
|
7
7
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
8
|
-
function _getRequireWildcardCache(
|
|
9
|
-
function _interopRequireWildcard(
|
|
10
|
-
const StyledSelectList = _styledComponents.default.ul`
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
|
+
const StyledSelectList = exports.StyledSelectList = _styledComponents.default.ul`
|
|
11
11
|
${({
|
|
12
12
|
listHeight
|
|
13
13
|
}) => (0, _styledComponents.css)`
|
|
@@ -24,8 +24,7 @@ const StyledSelectList = _styledComponents.default.ul`
|
|
|
24
24
|
${listHeight === undefined ? "" : `height: ${listHeight}px;`}
|
|
25
25
|
`}
|
|
26
26
|
`;
|
|
27
|
-
exports.
|
|
28
|
-
const StyledSelectLoaderContainer = _styledComponents.default.div`
|
|
27
|
+
const StyledSelectLoaderContainer = exports.StyledSelectLoaderContainer = _styledComponents.default.div`
|
|
29
28
|
display: flex;
|
|
30
29
|
align-items: center;
|
|
31
30
|
justify-content: center;
|
|
@@ -34,8 +33,7 @@ const StyledSelectLoaderContainer = _styledComponents.default.div`
|
|
|
34
33
|
width: 100%;
|
|
35
34
|
flex-grow: 1;
|
|
36
35
|
`;
|
|
37
|
-
exports.
|
|
38
|
-
const StyledSelectListTable = _styledComponents.default.table`
|
|
36
|
+
const StyledSelectListTable = exports.StyledSelectListTable = _styledComponents.default.table`
|
|
39
37
|
background-color: var(--colorsUtilityYang100);
|
|
40
38
|
border-collapse: collapse;
|
|
41
39
|
border-radius: 0px;
|
|
@@ -52,9 +50,8 @@ const StyledSelectListTable = _styledComponents.default.table`
|
|
|
52
50
|
table-layout: fixed;
|
|
53
51
|
}
|
|
54
52
|
`;
|
|
55
|
-
exports.StyledSelectListTable = StyledSelectListTable;
|
|
56
53
|
// TODO (design-tokens): to match current style for border bottom colorsUtilityMajor100
|
|
57
|
-
const StyledSelectListTableHeader = _styledComponents.default.thead`
|
|
54
|
+
const StyledSelectListTableHeader = exports.StyledSelectListTableHeader = _styledComponents.default.thead`
|
|
58
55
|
border-bottom: 1px solid var(--colorsUtilityMajor050);
|
|
59
56
|
position: sticky;
|
|
60
57
|
top: 0;
|
|
@@ -93,8 +90,7 @@ const StyledSelectListTableHeader = _styledComponents.default.thead`
|
|
|
93
90
|
}
|
|
94
91
|
}
|
|
95
92
|
`;
|
|
96
|
-
exports.
|
|
97
|
-
const StyledSelectListTableBody = _styledComponents.default.tbody`
|
|
93
|
+
const StyledSelectListTableBody = exports.StyledSelectListTableBody = _styledComponents.default.tbody`
|
|
98
94
|
display: block;
|
|
99
95
|
width: 100%;
|
|
100
96
|
table-layout: fixed;
|
|
@@ -102,5 +98,4 @@ const StyledSelectListTableBody = _styledComponents.default.tbody`
|
|
|
102
98
|
height: ${({
|
|
103
99
|
listHeight
|
|
104
100
|
}) => `${listHeight}px`};
|
|
105
|
-
`;
|
|
106
|
-
exports.StyledSelectListTableBody = StyledSelectListTableBody;
|
|
101
|
+
`;
|
|
@@ -12,8 +12,8 @@ var _textbox = _interopRequireDefault(require("../../textbox"));
|
|
|
12
12
|
var _selectText = _interopRequireDefault(require("../__internal__/select-text"));
|
|
13
13
|
var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
18
|
const floatingMiddleware = [(0, _dom.offset)(({
|
|
19
19
|
rects
|
|
@@ -69,9 +69,6 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
69
69
|
});
|
|
70
70
|
const l = (0, _useLocale.default)();
|
|
71
71
|
function handleTextboxClick(event) {
|
|
72
|
-
if (disabled || readOnly) {
|
|
73
|
-
return;
|
|
74
|
-
}
|
|
75
72
|
onClick?.(event);
|
|
76
73
|
}
|
|
77
74
|
function handleTextboxFocus(event) {
|
|
@@ -124,7 +121,7 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
124
121
|
}), !hasTextCursor && /*#__PURE__*/_react.default.createElement(_selectText.default, _extends({
|
|
125
122
|
transparent: transparent,
|
|
126
123
|
placeholder: placeholder || l.select.placeholder(),
|
|
127
|
-
onClick: handleTextboxClick,
|
|
124
|
+
onClick: disabled || readOnly ? undefined : handleTextboxClick,
|
|
128
125
|
disabled: disabled,
|
|
129
126
|
readOnly: readOnly,
|
|
130
127
|
size: size
|
|
@@ -204,7 +201,6 @@ SelectTextbox.propTypes = {
|
|
|
204
201
|
"content": _propTypes.default.string,
|
|
205
202
|
"contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
|
|
206
203
|
"contextMenu": _propTypes.default.string,
|
|
207
|
-
"crossOrigin": _propTypes.default.oneOf(["", "anonymous", "use-credentials"]),
|
|
208
204
|
"dangerouslySetInnerHTML": _propTypes.default.shape({
|
|
209
205
|
"__html": _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]).isRequired
|
|
210
206
|
}),
|
|
@@ -672,5 +668,4 @@ SelectTextbox.propTypes = {
|
|
|
672
668
|
"width": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
|
|
673
669
|
};
|
|
674
670
|
SelectTextbox.displayName = "SelectTextbox";
|
|
675
|
-
var _default = SelectTextbox;
|
|
676
|
-
exports.default = _default;
|
|
671
|
+
var _default = exports.default = SelectTextbox;
|
|
@@ -11,8 +11,8 @@ var _input = _interopRequireDefault(require("../../__internal__/input/input.styl
|
|
|
11
11
|
var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle/input-icon-toggle.style"));
|
|
12
12
|
var _themes = require("../../style/themes");
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
16
|
const StyledSelect = _styledComponents.default.div`
|
|
17
17
|
${({
|
|
18
18
|
hasTextCursor,
|
|
@@ -87,5 +87,4 @@ StyledSelect.defaultProps = {
|
|
|
87
87
|
size: "medium",
|
|
88
88
|
theme: _themes.baseTheme
|
|
89
89
|
};
|
|
90
|
-
var _default = StyledSelect;
|
|
91
|
-
exports.default = _default;
|
|
90
|
+
var _default = exports.default = StyledSelect;
|
|
@@ -19,12 +19,12 @@ var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger
|
|
|
19
19
|
var _useFormSpacing = _interopRequireDefault(require("../../../hooks/__internal__/useFormSpacing"));
|
|
20
20
|
var _useInputAccessibility = _interopRequireDefault(require("../../../hooks/__internal__/useInputAccessibility/useInputAccessibility"));
|
|
21
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
|
-
function _getRequireWildcardCache(
|
|
23
|
-
function _interopRequireWildcard(
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
24
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
25
|
let deprecateInputRefWarnTriggered = false;
|
|
26
26
|
let deprecateUncontrolledWarnTriggered = false;
|
|
27
|
-
const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
|
|
27
|
+
const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
|
|
28
28
|
"aria-label": ariaLabel,
|
|
29
29
|
"aria-labelledby": ariaLabelledby,
|
|
30
30
|
value,
|
|
@@ -371,7 +371,6 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
371
371
|
textboxRef: textboxRef
|
|
372
372
|
}, getTextboxProps()))), selectList);
|
|
373
373
|
});
|
|
374
|
-
exports.SimpleSelect = SimpleSelect;
|
|
375
374
|
SimpleSelect.propTypes = {
|
|
376
375
|
"about": _propTypes.default.string,
|
|
377
376
|
"accept": _propTypes.default.string,
|
|
@@ -445,7 +444,6 @@ SimpleSelect.propTypes = {
|
|
|
445
444
|
"content": _propTypes.default.string,
|
|
446
445
|
"contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
|
|
447
446
|
"contextMenu": _propTypes.default.string,
|
|
448
|
-
"crossOrigin": _propTypes.default.oneOf(["", "anonymous", "use-credentials"]),
|
|
449
447
|
"dangerouslySetInnerHTML": _propTypes.default.shape({
|
|
450
448
|
"__html": _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]).isRequired
|
|
451
449
|
}),
|
|
@@ -920,5 +918,4 @@ SimpleSelect.propTypes = {
|
|
|
920
918
|
"warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
|
|
921
919
|
"width": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
|
|
922
920
|
};
|
|
923
|
-
var _default = SimpleSelect;
|
|
924
|
-
exports.default = _default;
|
|
921
|
+
var _default = exports.default = SimpleSelect;
|
|
@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.PAGE_SIZE = void 0;
|
|
7
7
|
exports.default = getNextIndexByKey;
|
|
8
|
-
const PAGE_SIZE = 4;
|
|
9
|
-
exports.PAGE_SIZE = PAGE_SIZE;
|
|
8
|
+
const PAGE_SIZE = exports.PAGE_SIZE = 4;
|
|
10
9
|
function getNextIndexByKey(key, currentIndex, lastIndex, isLoading) {
|
|
11
10
|
const isNoOptionSelected = currentIndex === -1;
|
|
12
11
|
let newIndex = currentIndex;
|
|
@@ -12,8 +12,8 @@ var _option2 = _interopRequireDefault(require("../option"));
|
|
|
12
12
|
var _optionRow2 = _interopRequireDefault(require("../option-row/option-row.component"));
|
|
13
13
|
var _highlightPartOfText = _interopRequireDefault(require("./highlight-part-of-text"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
18
|
const filterOptions = (option, filterText) => {
|
|
19
19
|
const processedText = option.props.text?.toLowerCase();
|
|
@@ -135,5 +135,4 @@ const withFilter = WrappedComponent => {
|
|
|
135
135
|
FilteredComponent.displayName = "FilteredComponent";
|
|
136
136
|
return FilteredComponent;
|
|
137
137
|
};
|
|
138
|
-
var _default = withFilter;
|
|
139
|
-
exports.default = _default;
|
|
138
|
+
var _default = exports.default = withFilter;
|
|
@@ -9,9 +9,9 @@ var _styledSystem = require("styled-system");
|
|
|
9
9
|
var _base = _interopRequireDefault(require("../../style/themes/base"));
|
|
10
10
|
var _heading = require("../heading/heading.style");
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
14
|
-
const StyledSettingsRow = _styledComponents.default.div`
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
const StyledSettingsRow = exports.StyledSettingsRow = _styledComponents.default.div`
|
|
15
15
|
${_styledSystem.margin}
|
|
16
16
|
|
|
17
17
|
clear: both;
|
|
@@ -41,23 +41,20 @@ const StyledSettingsRow = _styledComponents.default.div`
|
|
|
41
41
|
padding-top: 30px;
|
|
42
42
|
}
|
|
43
43
|
`;
|
|
44
|
-
exports.StyledSettingsRow = StyledSettingsRow;
|
|
45
44
|
StyledSettingsRow.defaultProps = {
|
|
46
45
|
theme: _base.default
|
|
47
46
|
};
|
|
48
|
-
const StyledSettingsRowHeader = _styledComponents.default.div`
|
|
47
|
+
const StyledSettingsRowHeader = exports.StyledSettingsRowHeader = _styledComponents.default.div`
|
|
49
48
|
box-sizing: border-box;
|
|
50
49
|
clear: both;
|
|
51
50
|
float: left;
|
|
52
51
|
max-width: 325px;
|
|
53
52
|
width: 35%;
|
|
54
53
|
`;
|
|
55
|
-
exports.
|
|
56
|
-
const StyledSettingsRowInput = _styledComponents.default.div`
|
|
54
|
+
const StyledSettingsRowInput = exports.StyledSettingsRowInput = _styledComponents.default.div`
|
|
57
55
|
box-sizing: border-box;
|
|
58
56
|
clear: both;
|
|
59
57
|
float: left;
|
|
60
58
|
margin-left: 50px;
|
|
61
59
|
width: 100%;
|
|
62
|
-
`;
|
|
63
|
-
exports.StyledSettingsRowInput = StyledSettingsRowInput;
|
|
60
|
+
`;
|
|
@@ -9,8 +9,8 @@ var _styledSystem = require("styled-system");
|
|
|
9
9
|
var _themes = require("../../../../style/themes");
|
|
10
10
|
var _iconButton = _interopRequireDefault(require("../../../icon-button/icon-button.style"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
const StyledSidebarHeader = _styledComponents.default.div`
|
|
15
15
|
background-color: var(--colorsUtilityYang100);
|
|
16
16
|
box-shadow: inset 0 -1px 0 0 var(--colorsUtilityMajor100);
|
|
@@ -37,5 +37,4 @@ const StyledSidebarHeader = _styledComponents.default.div`
|
|
|
37
37
|
StyledSidebarHeader.defaultProps = {
|
|
38
38
|
theme: _themes.baseTheme
|
|
39
39
|
};
|
|
40
|
-
var _default = StyledSidebarHeader;
|
|
41
|
-
exports.default = _default;
|
|
40
|
+
var _default = exports.default = StyledSidebarHeader;
|
|
@@ -16,5 +16,5 @@ Object.defineProperty(exports, "default", {
|
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
var _sidebar = _interopRequireWildcard(require("./sidebar.component"));
|
|
19
|
-
function _getRequireWildcardCache(
|
|
20
|
-
function _interopRequireWildcard(
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -19,14 +19,13 @@ var _utils = require("../../style/utils");
|
|
|
19
19
|
var _useIsStickyFooterForm = _interopRequireDefault(require("../../hooks/__internal__/useIsStickyFooterForm"));
|
|
20
20
|
var _useModalAria = _interopRequireDefault(require("../../hooks/__internal__/useModalAria/useModalAria"));
|
|
21
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
|
-
function _getRequireWildcardCache(
|
|
23
|
-
function _interopRequireWildcard(
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
24
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
25
|
// TODO FE-5408 will investigate why React.RefObject<T> produces a failed prop type when current = null
|
|
26
26
|
|
|
27
|
-
const SidebarContext = /*#__PURE__*/_react.default.createContext({});
|
|
28
|
-
exports.
|
|
29
|
-
const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
|
|
27
|
+
const SidebarContext = exports.SidebarContext = /*#__PURE__*/_react.default.createContext({});
|
|
28
|
+
const Sidebar = exports.Sidebar = /*#__PURE__*/_react.default.forwardRef(({
|
|
30
29
|
"aria-describedby": ariaDescribedBy,
|
|
31
30
|
"aria-label": ariaLabel,
|
|
32
31
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -124,7 +123,6 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
124
123
|
bespokeTrap: bespokeFocusTrap
|
|
125
124
|
}, sidebar));
|
|
126
125
|
});
|
|
127
|
-
exports.Sidebar = Sidebar;
|
|
128
126
|
Sidebar.propTypes = {
|
|
129
127
|
"aria-describedby": _propTypes.default.string,
|
|
130
128
|
"aria-label": _propTypes.default.string,
|
|
@@ -576,5 +574,4 @@ Sidebar.propTypes = {
|
|
|
576
574
|
}), _propTypes.default.string])
|
|
577
575
|
};
|
|
578
576
|
Sidebar.displayName = "Sidebar";
|
|
579
|
-
var _default = Sidebar;
|
|
580
|
-
exports.default = _default;
|
|
577
|
+
var _default = exports.default = Sidebar;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.SIDEBAR_TOP_SPACING = exports.SIDEBAR_SIZES_CSS = exports.SIDEBAR_SIZES = exports.SIDEBAR_RIGHT_PADDING = exports.SIDEBAR_LEFT_PADDING = exports.SIDEBAR_BOTTOM_SPACING = exports.SIDEBAR_ALIGNMENTS = void 0;
|
|
7
|
-
const SIDEBAR_SIZES_CSS = {
|
|
7
|
+
const SIDEBAR_SIZES_CSS = exports.SIDEBAR_SIZES_CSS = {
|
|
8
8
|
"extra-small": "214px",
|
|
9
9
|
small: "314px",
|
|
10
10
|
"medium-small": "414px",
|
|
@@ -13,16 +13,9 @@ const SIDEBAR_SIZES_CSS = {
|
|
|
13
13
|
large: "714px",
|
|
14
14
|
"extra-large": "814px"
|
|
15
15
|
};
|
|
16
|
-
exports.
|
|
17
|
-
const
|
|
18
|
-
exports.
|
|
19
|
-
const
|
|
20
|
-
exports.
|
|
21
|
-
const
|
|
22
|
-
exports.SIDEBAR_TOP_SPACING = SIDEBAR_TOP_SPACING;
|
|
23
|
-
const SIDEBAR_BOTTOM_SPACING = "var(--spacing400)";
|
|
24
|
-
exports.SIDEBAR_BOTTOM_SPACING = SIDEBAR_BOTTOM_SPACING;
|
|
25
|
-
const SIDEBAR_LEFT_PADDING = "var(--spacing400)";
|
|
26
|
-
exports.SIDEBAR_LEFT_PADDING = SIDEBAR_LEFT_PADDING;
|
|
27
|
-
const SIDEBAR_RIGHT_PADDING = "var(--spacing400)";
|
|
28
|
-
exports.SIDEBAR_RIGHT_PADDING = SIDEBAR_RIGHT_PADDING;
|
|
16
|
+
const SIDEBAR_SIZES = exports.SIDEBAR_SIZES = ["extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"];
|
|
17
|
+
const SIDEBAR_ALIGNMENTS = exports.SIDEBAR_ALIGNMENTS = ["left", "right"];
|
|
18
|
+
const SIDEBAR_TOP_SPACING = exports.SIDEBAR_TOP_SPACING = "27px";
|
|
19
|
+
const SIDEBAR_BOTTOM_SPACING = exports.SIDEBAR_BOTTOM_SPACING = "var(--spacing400)";
|
|
20
|
+
const SIDEBAR_LEFT_PADDING = exports.SIDEBAR_LEFT_PADDING = "var(--spacing400)";
|
|
21
|
+
const SIDEBAR_RIGHT_PADDING = exports.SIDEBAR_RIGHT_PADDING = "var(--spacing400)";
|
|
@@ -12,8 +12,8 @@ var _formStyleUtils = require("../../style/utils/form-style-utils");
|
|
|
12
12
|
var _form = require("../form/form.style");
|
|
13
13
|
var _sidebar = require("./sidebar.config");
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
const StyledSidebar = _styledComponents.default.div`
|
|
18
18
|
// prevents outline being added in safari
|
|
19
19
|
:focus {
|
|
@@ -70,5 +70,4 @@ const StyledSidebar = _styledComponents.default.div`
|
|
|
70
70
|
StyledSidebar.defaultProps = {
|
|
71
71
|
theme: _base.default
|
|
72
72
|
};
|
|
73
|
-
var _default = StyledSidebar;
|
|
74
|
-
exports.default = _default;
|
|
73
|
+
var _default = exports.default = StyledSidebar;
|
|
@@ -10,10 +10,10 @@ var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/
|
|
|
10
10
|
var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
|
|
11
11
|
var _simpleColor = require("./simple-color.style");
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
|
-
const SimpleColor = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
16
|
+
const SimpleColor = exports.SimpleColor = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
17
17
|
const {
|
|
18
18
|
onChange,
|
|
19
19
|
onBlur,
|
|
@@ -51,7 +51,6 @@ const SimpleColor = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
51
51
|
type: "tick"
|
|
52
52
|
})));
|
|
53
53
|
});
|
|
54
|
-
exports.SimpleColor = SimpleColor;
|
|
55
54
|
SimpleColor.propTypes = {
|
|
56
55
|
"checked": _propTypes.default.bool,
|
|
57
56
|
"className": _propTypes.default.string,
|
|
@@ -65,5 +64,4 @@ SimpleColor.propTypes = {
|
|
|
65
64
|
"value": _propTypes.default.string.isRequired
|
|
66
65
|
};
|
|
67
66
|
SimpleColor.displayName = "SimpleColor";
|
|
68
|
-
var _default = SimpleColor;
|
|
69
|
-
exports.default = _default;
|
|
67
|
+
var _default = exports.default = SimpleColor;
|
|
@@ -11,9 +11,9 @@ var _icon = _interopRequireDefault(require("../../icon"));
|
|
|
11
11
|
var _getRgbValues = _interopRequireDefault(require("../../../style/utils/get-rgb-values"));
|
|
12
12
|
var _addFocusStyling = _interopRequireDefault(require("../../../style/utils/add-focus-styling"));
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
16
|
-
const StyledSimpleColor = _styledComponents.default.div`
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
+
const StyledSimpleColor = exports.StyledSimpleColor = _styledComponents.default.div`
|
|
17
17
|
width: var(--sizing700);
|
|
18
18
|
height: var(--sizing700);
|
|
19
19
|
margin-right: 2px;
|
|
@@ -23,12 +23,11 @@ const StyledSimpleColor = _styledComponents.default.div`
|
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
25
|
`;
|
|
26
|
-
exports.StyledSimpleColor = StyledSimpleColor;
|
|
27
26
|
const oldFocusStyling = `
|
|
28
27
|
box-shadow: inset 0px 0px 0px var(--borderWidth200) var(--colorsUtilityYang100);
|
|
29
28
|
border: 2px solid var(--colorsSemanticFocus500);
|
|
30
29
|
`;
|
|
31
|
-
const StyledColorSampleBox = _styledComponents.default.div`
|
|
30
|
+
const StyledColorSampleBox = exports.StyledColorSampleBox = _styledComponents.default.div`
|
|
32
31
|
height: 100%;
|
|
33
32
|
width: 100%;
|
|
34
33
|
box-sizing: border-box;
|
|
@@ -55,8 +54,7 @@ theme.focusRedesignOptOut && "border: 2px solid transparent;"}
|
|
|
55
54
|
background-position: -2px -2px;
|
|
56
55
|
`}
|
|
57
56
|
`;
|
|
58
|
-
exports.
|
|
59
|
-
const StyledSimpleColorInput = (0, _styledComponents.default)(_input.Input)`
|
|
57
|
+
const StyledSimpleColorInput = exports.StyledSimpleColorInput = (0, _styledComponents.default)(_input.Input)`
|
|
60
58
|
position: absolute;
|
|
61
59
|
opacity: 0;
|
|
62
60
|
height: var(--sizing700);
|
|
@@ -86,7 +84,6 @@ const StyledSimpleColorInput = (0, _styledComponents.default)(_input.Input)`
|
|
|
86
84
|
`}
|
|
87
85
|
}
|
|
88
86
|
`;
|
|
89
|
-
exports.StyledSimpleColorInput = StyledSimpleColorInput;
|
|
90
87
|
const getIconColor = color => {
|
|
91
88
|
const rgbValues = (0, _getRgbValues.default)(color);
|
|
92
89
|
const [r, g, b] = rgbValues;
|
|
@@ -98,7 +95,7 @@ const getIconColor = color => {
|
|
|
98
95
|
if (contrast < 128) return "var(--colorsUtilityYang100)";
|
|
99
96
|
return "var(--colorsUtilityYin090)";
|
|
100
97
|
};
|
|
101
|
-
const StyledTickIcon = (0, _styledComponents.default)(_icon.default)`
|
|
98
|
+
const StyledTickIcon = exports.StyledTickIcon = (0, _styledComponents.default)(_icon.default)`
|
|
102
99
|
height: 20px;
|
|
103
100
|
width: 20px;
|
|
104
101
|
pointer-events: none;
|
|
@@ -110,5 +107,4 @@ const StyledTickIcon = (0, _styledComponents.default)(_icon.default)`
|
|
|
110
107
|
color
|
|
111
108
|
}) => getIconColor(color)};
|
|
112
109
|
}
|
|
113
|
-
`;
|
|
114
|
-
exports.StyledTickIcon = StyledTickIcon;
|
|
110
|
+
`;
|
|
@@ -18,11 +18,11 @@ var _inputBehaviour = require("../../__internal__/input-behaviour");
|
|
|
18
18
|
var _utils = require("../../style/utils");
|
|
19
19
|
var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
|
|
20
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
function _getRequireWildcardCache(
|
|
22
|
-
function _interopRequireWildcard(
|
|
21
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
22
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
23
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
24
24
|
let deprecateUncontrolledWarnTriggered = false;
|
|
25
|
-
const SimpleColorPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
25
|
+
const SimpleColorPicker = exports.SimpleColorPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
26
26
|
const {
|
|
27
27
|
children,
|
|
28
28
|
error,
|
|
@@ -210,7 +210,6 @@ const SimpleColorPicker = /*#__PURE__*/_react.default.forwardRef((props, ref) =>
|
|
|
210
210
|
tooltipFlipOverrides: ["top", "bottom"]
|
|
211
211
|
}))));
|
|
212
212
|
});
|
|
213
|
-
exports.SimpleColorPicker = SimpleColorPicker;
|
|
214
213
|
SimpleColorPicker.propTypes = {
|
|
215
214
|
"children": _propTypes.default.node,
|
|
216
215
|
"childWidth": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -383,5 +382,4 @@ SimpleColorPicker.propTypes = {
|
|
|
383
382
|
"warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
|
|
384
383
|
};
|
|
385
384
|
SimpleColorPicker.displayName = "SimpleColorPicker";
|
|
386
|
-
var _default = SimpleColorPicker;
|
|
387
|
-
exports.default = _default;
|
|
385
|
+
var _default = exports.default = SimpleColorPicker;
|
|
@@ -7,11 +7,11 @@ exports.StyledContent = exports.StyledColorOptions = void 0;
|
|
|
7
7
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
8
8
|
var _validationIcon = _interopRequireDefault(require("../../__internal__/validations/validation-icon.style"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
function _getRequireWildcardCache(
|
|
11
|
-
function _interopRequireWildcard(
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
12
|
const BORDER_WIDTH = 2;
|
|
13
13
|
const getRoundedMaxWidth = (maxWidth, childWidth) => Math.floor(+maxWidth / +childWidth) * +childWidth;
|
|
14
|
-
const StyledContent = _styledComponents.default.div`
|
|
14
|
+
const StyledContent = exports.StyledContent = _styledComponents.default.div`
|
|
15
15
|
display: flex;
|
|
16
16
|
align-items: center;
|
|
17
17
|
|
|
@@ -19,8 +19,7 @@ const StyledContent = _styledComponents.default.div`
|
|
|
19
19
|
margin-left: 4px;
|
|
20
20
|
}
|
|
21
21
|
`;
|
|
22
|
-
exports.
|
|
23
|
-
const StyledColorOptions = _styledComponents.default.div`
|
|
22
|
+
const StyledColorOptions = exports.StyledColorOptions = _styledComponents.default.div`
|
|
24
23
|
max-width: ${({
|
|
25
24
|
maxWidth,
|
|
26
25
|
childWidth
|
|
@@ -48,5 +47,4 @@ const StyledColorOptions = _styledComponents.default.div`
|
|
|
48
47
|
`;
|
|
49
48
|
return "";
|
|
50
49
|
}}
|
|
51
|
-
`;
|
|
52
|
-
exports.StyledColorOptions = StyledColorOptions;
|
|
50
|
+
`;
|