@ebay/ui-core-react 8.5.2 → 8.7.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/README.md +104 -84
- package/common/__mocks__/random-id.d.ts.map +1 -1
- package/common/component-utils/forwardRef.d.ts +1 -1
- package/common/component-utils/forwardRef.d.ts.map +1 -1
- package/common/component-utils/index.d.ts +2 -2
- package/common/component-utils/index.d.ts.map +1 -1
- package/common/component-utils/utils.d.ts +2 -2
- package/common/component-utils/utils.d.ts.map +1 -1
- package/common/debounce.d.ts.map +1 -1
- package/common/dropdown.d.ts +10 -10
- package/common/dropdown.d.ts.map +1 -1
- package/common/event-utils/index.d.ts +2 -2
- package/common/event-utils/index.d.ts.map +1 -1
- package/common/event-utils/types.d.ts +4 -4
- package/common/event-utils/types.d.ts.map +1 -1
- package/common/event-utils/use-key-press.d.ts.map +1 -1
- package/common/event-utils/use-roving-index.d.ts +1 -1
- package/common/event-utils/use-roving-index.d.ts.map +1 -1
- package/common/floating-label-utils/hooks.d.ts +6 -6
- package/common/floating-label-utils/hooks.d.ts.map +1 -1
- package/common/notice-utils/notice-content.d.ts +2 -2
- package/common/notice-utils/notice-content.d.ts.map +1 -1
- package/common/notice-utils/notice-cta.d.ts +2 -2
- package/common/notice-utils/notice-cta.d.ts.map +1 -1
- package/common/notice-utils/notice-footer.d.ts +2 -2
- package/common/notice-utils/notice-footer.d.ts.map +1 -1
- package/common/notice-utils/notice-title.d.ts +3 -3
- package/common/notice-utils/notice-title.d.ts.map +1 -1
- package/common/random-id.d.ts.map +1 -1
- package/common/range.d.ts.map +1 -1
- package/common/tooltip-utils/constants.d.ts +2 -2
- package/common/tooltip-utils/constants.d.ts.map +1 -1
- package/common/tooltip-utils/index.d.ts +7 -7
- package/common/tooltip-utils/index.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-close-button.d.ts +1 -1
- package/common/tooltip-utils/tooltip-close-button.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-content.d.ts +2 -2
- package/common/tooltip-utils/tooltip-content.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-footer.d.ts +2 -2
- package/common/tooltip-utils/tooltip-footer.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip-host.d.ts +1 -1
- package/common/tooltip-utils/tooltip-host.d.ts.map +1 -1
- package/common/tooltip-utils/tooltip.d.ts +3 -3
- package/common/tooltip-utils/tooltip.d.ts.map +1 -1
- package/common/tooltip-utils/types.d.ts +2 -2
- package/common/tooltip-utils/types.d.ts.map +1 -1
- package/common/tooltip-utils/use-tooltip.d.ts +1 -1
- package/common/tooltip-utils/use-tooltip.d.ts.map +1 -1
- package/dialog-previous-button-B1dTCOv2.js +1 -0
- package/ebay-accordion/accordion.d.ts +5 -5
- package/ebay-accordion/accordion.d.ts.map +1 -1
- package/ebay-accordion/index.d.ts +2 -2
- package/ebay-accordion/index.d.ts.map +1 -1
- package/ebay-accordion/index.js +2 -2
- package/ebay-alert-dialog/README.md +14 -11
- package/ebay-alert-dialog/alert-dialog.d.ts +2 -2
- package/ebay-alert-dialog/alert-dialog.d.ts.map +1 -1
- package/ebay-alert-dialog/index.d.ts +1 -1
- package/ebay-alert-dialog/index.d.ts.map +1 -1
- package/ebay-alert-dialog/index.js +1 -1
- package/ebay-avatar/avatar-image.d.ts +2 -2
- package/ebay-avatar/avatar-image.d.ts.map +1 -1
- package/ebay-avatar/avatar.d.ts +3 -3
- package/ebay-avatar/avatar.d.ts.map +1 -1
- package/ebay-avatar/index.d.ts +3 -3
- package/ebay-avatar/index.d.ts.map +1 -1
- package/ebay-avatar/types.d.ts +1 -1
- package/ebay-avatar/utils.d.ts +1 -1
- package/ebay-avatar/utils.d.ts.map +1 -1
- package/ebay-badge/README.md +13 -8
- package/ebay-badge/badge.d.ts +3 -3
- package/ebay-badge/badge.d.ts.map +1 -1
- package/ebay-badge/index.d.ts +1 -1
- package/ebay-badge/index.d.ts.map +1 -1
- package/ebay-breadcrumbs/README.md +18 -13
- package/ebay-breadcrumbs/breadcrumb-item.d.ts +3 -3
- package/ebay-breadcrumbs/breadcrumb-item.d.ts.map +1 -1
- package/ebay-breadcrumbs/breadcrumbs.d.ts +3 -3
- package/ebay-breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/ebay-breadcrumbs/index.d.ts +2 -2
- package/ebay-breadcrumbs/index.d.ts.map +1 -1
- package/ebay-button/README.md +34 -23
- package/ebay-button/button-cell.d.ts +3 -3
- package/ebay-button/button-cell.d.ts.map +1 -1
- package/ebay-button/button-expand.d.ts +1 -1
- package/ebay-button/button-expand.d.ts.map +1 -1
- package/ebay-button/button-loading.d.ts +1 -1
- package/ebay-button/button-loading.d.ts.map +1 -1
- package/ebay-button/button-text.d.ts +2 -2
- package/ebay-button/button-text.d.ts.map +1 -1
- package/ebay-button/button.d.ts +3 -3
- package/ebay-button/button.d.ts.map +1 -1
- package/ebay-button/index.d.ts +3 -3
- package/ebay-button/index.d.ts.map +1 -1
- package/ebay-button/types.d.ts +5 -5
- package/ebay-button/types.d.ts.map +1 -1
- package/ebay-calendar/README.md +23 -20
- package/ebay-calendar/calendar.d.ts +2 -2
- package/ebay-calendar/calendar.d.ts.map +1 -1
- package/ebay-calendar/date-utils.d.ts +1 -1
- package/ebay-calendar/date-utils.d.ts.map +1 -1
- package/ebay-calendar/index.d.ts +1 -1
- package/ebay-calendar/index.d.ts.map +1 -1
- package/ebay-carousel/README.md +21 -22
- package/ebay-carousel/carousel-control-button.d.ts +2 -2
- package/ebay-carousel/carousel-control-button.d.ts.map +1 -1
- package/ebay-carousel/carousel-item.d.ts +3 -3
- package/ebay-carousel/carousel-item.d.ts.map +1 -1
- package/ebay-carousel/carousel-list.d.ts +2 -2
- package/ebay-carousel/carousel-list.d.ts.map +1 -1
- package/ebay-carousel/carousel.d.ts +2 -2
- package/ebay-carousel/carousel.d.ts.map +1 -1
- package/ebay-carousel/helpers.d.ts +5 -5
- package/ebay-carousel/helpers.d.ts.map +1 -1
- package/ebay-carousel/index.d.ts +2 -2
- package/ebay-carousel/index.d.ts.map +1 -1
- package/ebay-carousel/scroll-to-transition.d.ts.map +1 -1
- package/ebay-carousel/types.d.ts +5 -5
- package/ebay-carousel/types.d.ts.map +1 -1
- package/ebay-ccd/README.md +11 -17
- package/ebay-ccd/ccd.d.ts +4 -4
- package/ebay-ccd/ccd.d.ts.map +1 -1
- package/ebay-ccd/index.d.ts +1 -1
- package/ebay-character-count/README.md +6 -6
- package/ebay-character-count/character-count.d.ts +3 -3
- package/ebay-character-count/character-count.d.ts.map +1 -1
- package/ebay-character-count/index.d.ts +2 -2
- package/ebay-checkbox/README.md +14 -9
- package/ebay-checkbox/checkbox.d.ts +3 -3
- package/ebay-checkbox/checkbox.d.ts.map +1 -1
- package/ebay-checkbox/index.d.ts +2 -2
- package/ebay-checkbox/index.d.ts.map +1 -1
- package/ebay-checkbox/types.d.ts +2 -2
- package/ebay-checkbox/types.d.ts.map +1 -1
- package/ebay-chip/README.md +6 -10
- package/ebay-chip/chip.d.ts +3 -3
- package/ebay-chip/chip.d.ts.map +1 -1
- package/ebay-chip/index.d.ts +1 -1
- package/ebay-chip/index.d.ts.map +1 -1
- package/ebay-chips-combobox/chips-combobox.d.ts +4 -4
- package/ebay-chips-combobox/chips-combobox.d.ts.map +1 -1
- package/ebay-chips-combobox/index.d.ts +3 -3
- package/ebay-chips-combobox/index.d.ts.map +1 -1
- package/ebay-chips-combobox/types.d.ts +1 -1
- package/ebay-chips-combobox/types.d.ts.map +1 -1
- package/ebay-combobox/combobox-button.d.ts +2 -2
- package/ebay-combobox/combobox-button.d.ts.map +1 -1
- package/ebay-combobox/combobox-option.d.ts +2 -2
- package/ebay-combobox/combobox-option.d.ts.map +1 -1
- package/ebay-combobox/combobox.d.ts +3 -3
- package/ebay-combobox/combobox.d.ts.map +1 -1
- package/ebay-combobox/index.d.ts +4 -4
- package/ebay-combobox/index.d.ts.map +1 -1
- package/ebay-combobox/types.d.ts +4 -4
- package/ebay-combobox/types.d.ts.map +1 -1
- package/ebay-confirm-dialog/README.md +17 -13
- package/ebay-confirm-dialog/confirm-dialog.d.ts +3 -3
- package/ebay-confirm-dialog/confirm-dialog.d.ts.map +1 -1
- package/ebay-confirm-dialog/index.d.ts +1 -1
- package/ebay-confirm-dialog/index.d.ts.map +1 -1
- package/ebay-confirm-dialog/index.js +1 -1
- package/ebay-cta-button/README.md +15 -9
- package/ebay-cta-button/cta-button.d.ts +3 -3
- package/ebay-cta-button/cta-button.d.ts.map +1 -1
- package/ebay-cta-button/index.d.ts +1 -1
- package/ebay-cta-button/index.d.ts.map +1 -1
- package/ebay-date-textbox/README.md +25 -24
- package/ebay-date-textbox/date-textbox.d.ts +4 -4
- package/ebay-date-textbox/date-textbox.d.ts.map +1 -1
- package/ebay-date-textbox/index.d.ts +1 -1
- package/ebay-date-textbox/index.d.ts.map +1 -1
- package/ebay-details/ebay-details.d.ts +5 -6
- package/ebay-details/ebay-details.d.ts.map +1 -1
- package/ebay-details/index.d.ts +1 -1
- package/ebay-details/index.d.ts.map +1 -1
- package/ebay-details/index.js +1 -1
- package/ebay-details-BuPepKYE.js +1 -0
- package/ebay-dialog-base/README.md +2 -6
- package/ebay-dialog-base/components/animation.d.ts +2 -2
- package/ebay-dialog-base/components/animation.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-actions.d.ts +1 -1
- package/ebay-dialog-base/components/dialog-actions.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-close-button.d.ts +1 -1
- package/ebay-dialog-base/components/dialog-close-button.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-footer.d.ts +1 -1
- package/ebay-dialog-base/components/dialog-footer.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-header.d.ts +2 -2
- package/ebay-dialog-base/components/dialog-header.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialog-previous-button.d.ts +2 -2
- package/ebay-dialog-base/components/dialog-previous-button.d.ts.map +1 -1
- package/ebay-dialog-base/components/dialogBase.d.ts +8 -8
- package/ebay-dialog-base/components/dialogBase.d.ts.map +1 -1
- package/ebay-dialog-base/dialog-base-with-state.d.ts +2 -2
- package/ebay-dialog-base/dialog-base-with-state.d.ts.map +1 -1
- package/ebay-dialog-base/index.d.ts +9 -9
- package/ebay-dialog-base/index.d.ts.map +1 -1
- package/ebay-dialog-base/index.js +1 -1
- package/ebay-dialog-base/types.d.ts +1 -1
- package/ebay-dialog-base/types.d.ts.map +1 -1
- package/ebay-drawer-dialog-deprecated/README.md +18 -8
- package/ebay-drawer-dialog-deprecated/components/drawer.d.ts +2 -2
- package/ebay-drawer-dialog-deprecated/components/drawer.d.ts.map +1 -1
- package/ebay-drawer-dialog-deprecated/index.d.ts +1 -1
- package/ebay-drawer-dialog-deprecated/index.d.ts.map +1 -1
- package/ebay-drawer-dialog-deprecated/index.js +1 -1
- package/ebay-education-notice/README.md +6 -9
- package/ebay-education-notice/education-notice-footer.d.ts +1 -1
- package/ebay-education-notice/education-notice-footer.d.ts.map +1 -1
- package/ebay-education-notice/education-notice-title.d.ts +2 -2
- package/ebay-education-notice/education-notice-title.d.ts.map +1 -1
- package/ebay-education-notice/education-notice.d.ts +6 -6
- package/ebay-education-notice/education-notice.d.ts.map +1 -1
- package/ebay-education-notice/index.d.ts +4 -4
- package/ebay-education-notice/index.d.ts.map +1 -1
- package/ebay-education-notice/types.d.ts +1 -1
- package/ebay-education-notice/types.d.ts.map +1 -1
- package/ebay-eek/README.md +13 -8
- package/ebay-eek/eek-rating.d.ts +1 -1
- package/ebay-eek/eek-rating.d.ts.map +1 -1
- package/ebay-eek/eek-util.d.ts +1 -1
- package/ebay-eek/eek-util.d.ts.map +1 -1
- package/ebay-eek/index.d.ts +1 -1
- package/ebay-eek/index.d.ts.map +1 -1
- package/ebay-fake-link/fake-link.d.ts +4 -4
- package/ebay-fake-link/fake-link.d.ts.map +1 -1
- package/ebay-fake-link/index.d.ts +1 -1
- package/ebay-fake-link/index.d.ts.map +1 -1
- package/ebay-fake-menu/README.md +23 -15
- package/ebay-fake-menu/index.d.ts +3 -3
- package/ebay-fake-menu/index.d.ts.map +1 -1
- package/ebay-fake-menu/menu-item-separator.d.ts +2 -2
- package/ebay-fake-menu/menu-item-separator.d.ts.map +1 -1
- package/ebay-fake-menu/menu-item.d.ts +3 -3
- package/ebay-fake-menu/menu-item.d.ts.map +1 -1
- package/ebay-fake-menu/menu.d.ts +3 -3
- package/ebay-fake-menu/menu.d.ts.map +1 -1
- package/ebay-fake-menu-button/README.md +34 -31
- package/ebay-fake-menu-button/index.d.ts +4 -4
- package/ebay-fake-menu-button/index.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button-item.d.ts +2 -2
- package/ebay-fake-menu-button/menu-button-item.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button-label.d.ts +1 -1
- package/ebay-fake-menu-button/menu-button-label.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button-separator.d.ts +2 -2
- package/ebay-fake-menu-button/menu-button-separator.d.ts.map +1 -1
- package/ebay-fake-menu-button/menu-button.d.ts +5 -5
- package/ebay-fake-menu-button/menu-button.d.ts.map +1 -1
- package/ebay-fake-tabs/README.md +14 -9
- package/ebay-fake-tabs/fake-tabs.d.ts +2 -2
- package/ebay-fake-tabs/fake-tabs.d.ts.map +1 -1
- package/ebay-fake-tabs/index.d.ts +2 -2
- package/ebay-fake-tabs/index.d.ts.map +1 -1
- package/ebay-fake-tabs/tab.d.ts +3 -3
- package/ebay-fake-tabs/tab.d.ts.map +1 -1
- package/ebay-field/README.md +30 -21
- package/ebay-field/description.d.ts +3 -3
- package/ebay-field/description.d.ts.map +1 -1
- package/ebay-field/field.d.ts +2 -2
- package/ebay-field/field.d.ts.map +1 -1
- package/ebay-field/index.d.ts +4 -4
- package/ebay-field/index.d.ts.map +1 -1
- package/ebay-field/label.d.ts +3 -3
- package/ebay-field/label.d.ts.map +1 -1
- package/ebay-field/types.d.ts +4 -4
- package/ebay-field/types.d.ts.map +1 -1
- package/ebay-file-input/README.md +4 -8
- package/ebay-file-input/file-input.d.ts +3 -3
- package/ebay-file-input/file-input.d.ts.map +1 -1
- package/ebay-file-input/index.d.ts +1 -1
- package/ebay-file-input/index.d.ts.map +1 -1
- package/ebay-file-input/types.d.ts +1 -1
- package/ebay-file-preview-card/README.md +25 -8
- package/ebay-file-preview-card/ebay-file-preview-card-action.d.ts +6 -0
- package/ebay-file-preview-card/ebay-file-preview-card-action.d.ts.map +1 -0
- package/ebay-file-preview-card/file-preview-action.d.ts +10 -7
- package/ebay-file-preview-card/file-preview-action.d.ts.map +1 -1
- package/ebay-file-preview-card/file-preview-card.d.ts +9 -7
- package/ebay-file-preview-card/file-preview-card.d.ts.map +1 -1
- package/ebay-file-preview-card/file-preview-content.d.ts +3 -3
- package/ebay-file-preview-card/file-preview-content.d.ts.map +1 -1
- package/ebay-file-preview-card/file-preview-label.d.ts +2 -2
- package/ebay-file-preview-card/file-preview-label.d.ts.map +1 -1
- package/ebay-file-preview-card/index.d.ts +3 -2
- package/ebay-file-preview-card/index.d.ts.map +1 -1
- package/ebay-file-preview-card/index.js +1 -1
- package/ebay-file-preview-card/types.d.ts +2 -2
- package/ebay-file-preview-card/types.d.ts.map +1 -1
- package/ebay-file-preview-card-group/README.md +5 -4
- package/ebay-file-preview-card-group/file-preview-card-group.d.ts +6 -5
- package/ebay-file-preview-card-group/file-preview-card-group.d.ts.map +1 -1
- package/ebay-file-preview-card-group/index.d.ts +1 -1
- package/ebay-file-preview-card-group/index.d.ts.map +1 -1
- package/ebay-file-preview-card-group/index.js +1 -1
- package/ebay-file-preview-card-group/types.d.ts +2 -2
- package/ebay-file-preview-card-group/types.d.ts.map +1 -1
- package/ebay-filter/filter.d.ts +3 -3
- package/ebay-filter/filter.d.ts.map +1 -1
- package/ebay-filter/index.d.ts +2 -2
- package/ebay-filter/index.d.ts.map +1 -1
- package/ebay-filter/types.d.ts +1 -1
- package/ebay-filter/types.d.ts.map +1 -1
- package/ebay-filter-menu/filter-menu-footer-button.d.ts +4 -4
- package/ebay-filter-menu/filter-menu-footer-button.d.ts.map +1 -1
- package/ebay-filter-menu/filter-menu-item.d.ts +4 -4
- package/ebay-filter-menu/filter-menu-item.d.ts.map +1 -1
- package/ebay-filter-menu/filter-menu.d.ts +3 -3
- package/ebay-filter-menu/filter-menu.d.ts.map +1 -1
- package/ebay-filter-menu/index.d.ts +4 -4
- package/ebay-filter-menu/index.d.ts.map +1 -1
- package/ebay-filter-menu/types.d.ts +3 -3
- package/ebay-filter-menu/types.d.ts.map +1 -1
- package/ebay-filter-menu-button/README.md +5 -5
- package/ebay-filter-menu-button/filter-menu-button.d.ts +2 -2
- package/ebay-filter-menu-button/filter-menu-button.d.ts.map +1 -1
- package/ebay-filter-menu-button/index.d.ts +2 -2
- package/ebay-filter-menu-button/index.d.ts.map +1 -1
- package/ebay-fullscreen-dialog-deprecated/README.md +13 -10
- package/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.d.ts +3 -3
- package/ebay-fullscreen-dialog-deprecated/fullscreen-dialog.d.ts.map +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.d.ts +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.d.ts.map +1 -1
- package/ebay-fullscreen-dialog-deprecated/index.js +1 -1
- package/ebay-icon/README.md +13 -9
- package/ebay-icon/icon.d.ts +5 -5
- package/ebay-icon/icon.d.ts.map +1 -1
- package/ebay-icon/index.d.ts +2 -2
- package/ebay-icon/index.d.ts.map +1 -1
- package/ebay-icon-button/README.md +23 -15
- package/ebay-icon-button/icon-button.d.ts +5 -5
- package/ebay-icon-button/icon-button.d.ts.map +1 -1
- package/ebay-icon-button/index.d.ts +1 -1
- package/ebay-icon-button/index.d.ts.map +1 -1
- package/ebay-image-placeholder/README.md +1 -6
- package/ebay-image-placeholder/image-placeholder.d.ts +1 -1
- package/ebay-image-placeholder/image-placeholder.d.ts.map +1 -1
- package/ebay-image-placeholder/index.d.ts +1 -1
- package/ebay-image-placeholder/index.d.ts.map +1 -1
- package/ebay-infotip/README.md +17 -20
- package/ebay-infotip/ebay-infotip-content.d.ts +3 -3
- package/ebay-infotip/ebay-infotip-content.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip-heading.d.ts +2 -2
- package/ebay-infotip/ebay-infotip-heading.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip-host.d.ts +4 -4
- package/ebay-infotip/ebay-infotip-host.d.ts.map +1 -1
- package/ebay-infotip/ebay-infotip.d.ts +5 -5
- package/ebay-infotip/ebay-infotip.d.ts.map +1 -1
- package/ebay-infotip/index.d.ts +5 -5
- package/ebay-infotip/index.d.ts.map +1 -1
- package/ebay-infotip/index.js +1 -1
- package/ebay-infotip/types.d.ts +1 -1
- package/ebay-infotip/types.d.ts.map +1 -1
- package/ebay-inline-notice/README.md +8 -8
- package/ebay-inline-notice/index.d.ts +3 -3
- package/ebay-inline-notice/index.d.ts.map +1 -1
- package/ebay-inline-notice/inline-notice.d.ts +4 -4
- package/ebay-inline-notice/inline-notice.d.ts.map +1 -1
- package/ebay-inline-notice/types.d.ts +1 -1
- package/ebay-inline-notice/types.d.ts.map +1 -1
- package/ebay-lightbox-dialog/README.md +17 -13
- package/ebay-lightbox-dialog/index.d.ts +1 -1
- package/ebay-lightbox-dialog/index.d.ts.map +1 -1
- package/ebay-lightbox-dialog/index.js +1 -1
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts +7 -7
- package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map +1 -1
- package/ebay-list/README.md +149 -0
- package/ebay-list/index.d.ts +5 -0
- package/ebay-list/index.d.ts.map +1 -0
- package/ebay-list/index.js +1 -0
- package/ebay-list/list-item-leading.d.ts +7 -0
- package/ebay-list/list-item-leading.d.ts.map +1 -0
- package/ebay-list/list-item-trailing.d.ts +7 -0
- package/ebay-list/list-item-trailing.d.ts.map +1 -0
- package/ebay-list/list-item.d.ts +11 -0
- package/ebay-list/list-item.d.ts.map +1 -0
- package/ebay-list/list.d.ts +8 -0
- package/ebay-list/list.d.ts.map +1 -0
- package/ebay-list/types.d.ts +6 -0
- package/ebay-list/types.d.ts.map +1 -0
- package/ebay-listbox/README.md +16 -26
- package/ebay-listbox/index.d.ts +3 -3
- package/ebay-listbox/index.d.ts.map +1 -1
- package/ebay-listbox/listbox-option-description.d.ts +2 -2
- package/ebay-listbox/listbox-option-description.d.ts.map +1 -1
- package/ebay-listbox/listbox-option.d.ts +2 -2
- package/ebay-listbox/listbox-option.d.ts.map +1 -1
- package/ebay-listbox/listbox.d.ts +5 -5
- package/ebay-listbox/listbox.d.ts.map +1 -1
- package/ebay-listbox-button/README.md +17 -9
- package/ebay-listbox-button/index.d.ts +2 -2
- package/ebay-listbox-button/index.d.ts.map +1 -1
- package/ebay-listbox-button/listbox-button-option.d.ts +3 -3
- package/ebay-listbox-button/listbox-button-option.d.ts.map +1 -1
- package/ebay-listbox-button/listbox-button.d.ts +3 -3
- package/ebay-listbox-button/listbox-button.d.ts.map +1 -1
- package/ebay-menu/README.md +24 -20
- package/ebay-menu/index.d.ts +4 -4
- package/ebay-menu/index.d.ts.map +1 -1
- package/ebay-menu/menu-item-separator.d.ts +2 -2
- package/ebay-menu/menu-item-separator.d.ts.map +1 -1
- package/ebay-menu/menu-item.d.ts +3 -3
- package/ebay-menu/menu-item.d.ts.map +1 -1
- package/ebay-menu/menu.d.ts +2 -2
- package/ebay-menu/menu.d.ts.map +1 -1
- package/ebay-menu/types.d.ts +7 -7
- package/ebay-menu/types.d.ts.map +1 -1
- package/ebay-menu-button/README.md +33 -30
- package/ebay-menu-button/index.d.ts +5 -5
- package/ebay-menu-button/index.d.ts.map +1 -1
- package/ebay-menu-button/menu-button-item.d.ts +1 -1
- package/ebay-menu-button/menu-button-item.d.ts.map +1 -1
- package/ebay-menu-button/menu-button-label.d.ts +1 -1
- package/ebay-menu-button/menu-button-label.d.ts.map +1 -1
- package/ebay-menu-button/menu-button-separator.d.ts +2 -2
- package/ebay-menu-button/menu-button-separator.d.ts.map +1 -1
- package/ebay-menu-button/menu-button.d.ts +2 -2
- package/ebay-menu-button/menu-button.d.ts.map +1 -1
- package/ebay-menu-button/types.d.ts +6 -6
- package/ebay-menu-button/types.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-content/index.d.ts +1 -1
- package/ebay-notice-base/components/ebay-notice-content/index.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-content/notice-content.d.ts +3 -3
- package/ebay-notice-base/components/ebay-notice-content/notice-content.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-title/index.d.ts +1 -1
- package/ebay-notice-base/components/ebay-notice-title/index.d.ts.map +1 -1
- package/ebay-notice-base/components/ebay-notice-title/notice-title.d.ts +1 -1
- package/ebay-notice-base/components/ebay-notice-title/notice-title.d.ts.map +1 -1
- package/ebay-notice-base/index.d.ts +2 -2
- package/ebay-notice-base/index.d.ts.map +1 -1
- package/ebay-page-notice/README.md +13 -11
- package/ebay-page-notice/index.d.ts +5 -5
- package/ebay-page-notice/index.d.ts.map +1 -1
- package/ebay-page-notice/page-notice-cta.d.ts +1 -1
- package/ebay-page-notice/page-notice-cta.d.ts.map +1 -1
- package/ebay-page-notice/page-notice-footer.d.ts +1 -1
- package/ebay-page-notice/page-notice-footer.d.ts.map +1 -1
- package/ebay-page-notice/page-notice-title.d.ts +2 -2
- package/ebay-page-notice/page-notice-title.d.ts.map +1 -1
- package/ebay-page-notice/page-notice.d.ts +4 -4
- package/ebay-page-notice/page-notice.d.ts.map +1 -1
- package/ebay-pagination/README.md +29 -23
- package/ebay-pagination/const.d.ts.map +1 -1
- package/ebay-pagination/helpers.d.ts +1 -1
- package/ebay-pagination/helpers.d.ts.map +1 -1
- package/ebay-pagination/index.d.ts +3 -3
- package/ebay-pagination/index.d.ts.map +1 -1
- package/ebay-pagination/pagination-item.d.ts +4 -4
- package/ebay-pagination/pagination-item.d.ts.map +1 -1
- package/ebay-pagination/pagination.d.ts +4 -4
- package/ebay-pagination/pagination.d.ts.map +1 -1
- package/ebay-pagination/types.d.ts +2 -2
- package/ebay-pagination/types.d.ts.map +1 -1
- package/ebay-panel-dialog/README.md +14 -11
- package/ebay-panel-dialog/index.d.ts +1 -1
- package/ebay-panel-dialog/index.d.ts.map +1 -1
- package/ebay-panel-dialog/index.js +1 -1
- package/ebay-panel-dialog/panel-dialog.d.ts +4 -4
- package/ebay-panel-dialog/panel-dialog.d.ts.map +1 -1
- package/ebay-progress-bar/README.md +13 -8
- package/ebay-progress-bar/index.d.ts +1 -1
- package/ebay-progress-bar/index.d.ts.map +1 -1
- package/ebay-progress-bar/progress-bar.d.ts +2 -2
- package/ebay-progress-bar/progress-bar.d.ts.map +1 -1
- package/ebay-progress-bar-expressive/README.md +12 -9
- package/ebay-progress-bar-expressive/index.d.ts +2 -2
- package/ebay-progress-bar-expressive/index.d.ts.map +1 -1
- package/ebay-progress-bar-expressive/progress-bar-expressive-message.d.ts +2 -2
- package/ebay-progress-bar-expressive/progress-bar-expressive-message.d.ts.map +1 -1
- package/ebay-progress-bar-expressive/progress-bar-expressive.d.ts +3 -3
- package/ebay-progress-bar-expressive/progress-bar-expressive.d.ts.map +1 -1
- package/ebay-progress-spinner/README.md +12 -7
- package/ebay-progress-spinner/index.d.ts +1 -1
- package/ebay-progress-spinner/index.d.ts.map +1 -1
- package/ebay-progress-spinner/progress-spinner.d.ts +4 -4
- package/ebay-progress-spinner/progress-spinner.d.ts.map +1 -1
- package/ebay-progress-stepper/README.md +13 -12
- package/ebay-progress-stepper/ebay-progress-step.d.ts +2 -2
- package/ebay-progress-stepper/ebay-progress-step.d.ts.map +1 -1
- package/ebay-progress-stepper/ebay-progress-stepper.d.ts +2 -2
- package/ebay-progress-stepper/ebay-progress-stepper.d.ts.map +1 -1
- package/ebay-progress-stepper/ebay-progress-title.d.ts +1 -1
- package/ebay-progress-stepper/ebay-progress-title.d.ts.map +1 -1
- package/ebay-progress-stepper/index.d.ts +4 -4
- package/ebay-progress-stepper/index.d.ts.map +1 -1
- package/ebay-progress-stepper/types.d.ts +2 -2
- package/ebay-radio/README.md +19 -11
- package/ebay-radio/index.d.ts +1 -1
- package/ebay-radio/index.d.ts.map +1 -1
- package/ebay-radio/radio.d.ts +4 -4
- package/ebay-radio/radio.d.ts.map +1 -1
- package/ebay-section-notice/README.md +15 -13
- package/ebay-section-notice/index.d.ts +5 -5
- package/ebay-section-notice/index.d.ts.map +1 -1
- package/ebay-section-notice/section-notice-cta.d.ts +1 -1
- package/ebay-section-notice/section-notice-cta.d.ts.map +1 -1
- package/ebay-section-notice/section-notice-footer.d.ts +1 -1
- package/ebay-section-notice/section-notice-footer.d.ts.map +1 -1
- package/ebay-section-notice/section-notice-title.d.ts +2 -2
- package/ebay-section-notice/section-notice-title.d.ts.map +1 -1
- package/ebay-section-notice/section-notice.d.ts +6 -6
- package/ebay-section-notice/section-notice.d.ts.map +1 -1
- package/ebay-section-title/README.md +23 -16
- package/ebay-section-title/cta.d.ts +2 -2
- package/ebay-section-title/cta.d.ts.map +1 -1
- package/ebay-section-title/index.d.ts +5 -5
- package/ebay-section-title/index.d.ts.map +1 -1
- package/ebay-section-title/info.d.ts +2 -2
- package/ebay-section-title/info.d.ts.map +1 -1
- package/ebay-section-title/overflow.d.ts +2 -2
- package/ebay-section-title/overflow.d.ts.map +1 -1
- package/ebay-section-title/section-title.d.ts +2 -2
- package/ebay-section-title/section-title.d.ts.map +1 -1
- package/ebay-section-title/subtitle.d.ts +2 -2
- package/ebay-section-title/subtitle.d.ts.map +1 -1
- package/ebay-section-title/title.d.ts +2 -2
- package/ebay-section-title/title.d.ts.map +1 -1
- package/ebay-segmented-buttons/README.md +11 -8
- package/ebay-segmented-buttons/button.d.ts +2 -2
- package/ebay-segmented-buttons/button.d.ts.map +1 -1
- package/ebay-segmented-buttons/index.d.ts +3 -3
- package/ebay-segmented-buttons/index.d.ts.map +1 -1
- package/ebay-segmented-buttons/segmented-buttons.d.ts +2 -2
- package/ebay-segmented-buttons/segmented-buttons.d.ts.map +1 -1
- package/ebay-segmented-buttons/types.d.ts +5 -5
- package/ebay-segmented-buttons/types.d.ts.map +1 -1
- package/ebay-select/README.md +38 -27
- package/ebay-select/ebay-select-option.d.ts +2 -2
- package/ebay-select/ebay-select-option.d.ts.map +1 -1
- package/ebay-select/ebay-select.d.ts +4 -4
- package/ebay-select/ebay-select.d.ts.map +1 -1
- package/ebay-select/index.d.ts +2 -2
- package/ebay-select/index.d.ts.map +1 -1
- package/ebay-signal/README.md +13 -6
- package/ebay-signal/index.d.ts +1 -1
- package/ebay-signal/index.d.ts.map +1 -1
- package/ebay-signal/signal.d.ts +3 -3
- package/ebay-signal/signal.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-avatar.d.ts +2 -2
- package/ebay-skeleton/ebay-skeleton-avatar.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-button.d.ts +3 -3
- package/ebay-skeleton/ebay-skeleton-button.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-image.d.ts +2 -2
- package/ebay-skeleton/ebay-skeleton-image.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-text.d.ts +3 -3
- package/ebay-skeleton/ebay-skeleton-text.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton-textbox.d.ts +2 -2
- package/ebay-skeleton/ebay-skeleton-textbox.d.ts.map +1 -1
- package/ebay-skeleton/ebay-skeleton.d.ts +3 -3
- package/ebay-skeleton/ebay-skeleton.d.ts.map +1 -1
- package/ebay-skeleton/index.d.ts +6 -6
- package/ebay-skeleton/index.d.ts.map +1 -1
- package/ebay-skeleton/types.d.ts +4 -4
- package/ebay-skeleton/types.d.ts.map +1 -1
- package/ebay-snackbar-dialog/README.md +21 -16
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.d.ts +1 -1
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog-action.d.ts.map +1 -1
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.d.ts +4 -4
- package/ebay-snackbar-dialog/components/ebay-snackbar-dialog.d.ts.map +1 -1
- package/ebay-snackbar-dialog/index.d.ts +2 -2
- package/ebay-snackbar-dialog/index.d.ts.map +1 -1
- package/ebay-snackbar-dialog/index.js +1 -1
- package/ebay-split-button/README.md +29 -23
- package/ebay-split-button/index.d.ts +2 -2
- package/ebay-split-button/index.d.ts.map +1 -1
- package/ebay-split-button/split-button.d.ts +2 -2
- package/ebay-split-button/split-button.d.ts.map +1 -1
- package/ebay-split-button/types.d.ts +5 -5
- package/ebay-split-button/types.d.ts.map +1 -1
- package/ebay-star-rating/README.md +13 -7
- package/ebay-star-rating/index.d.ts +1 -1
- package/ebay-star-rating/index.d.ts.map +1 -1
- package/ebay-star-rating/star-rating.d.ts +2 -2
- package/ebay-star-rating/star-rating.d.ts.map +1 -1
- package/ebay-star-rating-select/README.md +20 -14
- package/ebay-star-rating-select/index.d.ts +1 -1
- package/ebay-star-rating-select/index.d.ts.map +1 -1
- package/ebay-star-rating-select/star-rating-select.d.ts +3 -3
- package/ebay-star-rating-select/star-rating-select.d.ts.map +1 -1
- package/ebay-svg/README.md +11 -8
- package/ebay-svg/index.d.ts +1 -1
- package/ebay-svg/index.d.ts.map +1 -1
- package/ebay-svg/svg.d.ts +2 -2
- package/ebay-svg/svg.d.ts.map +1 -1
- package/ebay-switch/README.md +13 -6
- package/ebay-switch/ebay-switch.d.ts +3 -3
- package/ebay-switch/ebay-switch.d.ts.map +1 -1
- package/ebay-switch/index.d.ts +1 -1
- package/ebay-switch/index.d.ts.map +1 -1
- package/ebay-table/index.d.ts +5 -5
- package/ebay-table/index.d.ts.map +1 -1
- package/ebay-table/table-cell.d.ts +3 -3
- package/ebay-table/table-cell.d.ts.map +1 -1
- package/ebay-table/table-header.d.ts +3 -3
- package/ebay-table/table-header.d.ts.map +1 -1
- package/ebay-table/table-row.d.ts +4 -4
- package/ebay-table/table-row.d.ts.map +1 -1
- package/ebay-table/table.d.ts +4 -4
- package/ebay-table/table.d.ts.map +1 -1
- package/ebay-table/types.d.ts +7 -7
- package/ebay-table/types.d.ts.map +1 -1
- package/ebay-tabs/README.md +16 -10
- package/ebay-tabs/index.d.ts +4 -4
- package/ebay-tabs/index.d.ts.map +1 -1
- package/ebay-tabs/tab-panel.d.ts +2 -2
- package/ebay-tabs/tab-panel.d.ts.map +1 -1
- package/ebay-tabs/tab.d.ts +2 -2
- package/ebay-tabs/tab.d.ts.map +1 -1
- package/ebay-tabs/tabs.d.ts +2 -2
- package/ebay-tabs/tabs.d.ts.map +1 -1
- package/ebay-tabs/types.d.ts +4 -4
- package/ebay-tabs/types.d.ts.map +1 -1
- package/ebay-textbox/README.md +38 -29
- package/ebay-textbox/index.d.ts +6 -6
- package/ebay-textbox/index.d.ts.map +1 -1
- package/ebay-textbox/postfix-icon.d.ts +2 -2
- package/ebay-textbox/postfix-icon.d.ts.map +1 -1
- package/ebay-textbox/postfix-text.d.ts +2 -2
- package/ebay-textbox/postfix-text.d.ts.map +1 -1
- package/ebay-textbox/prefix-icon.d.ts +2 -2
- package/ebay-textbox/prefix-icon.d.ts.map +1 -1
- package/ebay-textbox/prefix-text.d.ts +2 -2
- package/ebay-textbox/prefix-text.d.ts.map +1 -1
- package/ebay-textbox/textbox.d.ts +5 -5
- package/ebay-textbox/textbox.d.ts.map +1 -1
- package/ebay-textbox/types.d.ts +6 -6
- package/ebay-textbox/types.d.ts.map +1 -1
- package/ebay-toast-dialog/README.md +7 -6
- package/ebay-toast-dialog/components/toast.d.ts +3 -3
- package/ebay-toast-dialog/components/toast.d.ts.map +1 -1
- package/ebay-toast-dialog/index.d.ts +1 -1
- package/ebay-toast-dialog/index.d.ts.map +1 -1
- package/ebay-toast-dialog/index.js +1 -1
- package/ebay-toggle-button/index.d.ts +2 -2
- package/ebay-toggle-button/index.d.ts.map +1 -1
- package/ebay-toggle-button/toggle-button.d.ts +2 -2
- package/ebay-toggle-button/toggle-button.d.ts.map +1 -1
- package/ebay-toggle-button/types.d.ts +5 -5
- package/ebay-toggle-button/types.d.ts.map +1 -1
- package/ebay-toggle-button-group/README.md +12 -12
- package/ebay-toggle-button-group/index.d.ts +2 -2
- package/ebay-toggle-button-group/index.d.ts.map +1 -1
- package/ebay-toggle-button-group/toggle-button-group.d.ts +2 -2
- package/ebay-toggle-button-group/toggle-button-group.d.ts.map +1 -1
- package/ebay-toggle-button-group/types.d.ts +5 -5
- package/ebay-toggle-button-group/types.d.ts.map +1 -1
- package/ebay-tooltip/README.md +10 -7
- package/ebay-tooltip/ebay-tooltip-content.d.ts +3 -3
- package/ebay-tooltip/ebay-tooltip-content.d.ts.map +1 -1
- package/ebay-tooltip/ebay-tooltip-host.d.ts +3 -3
- package/ebay-tooltip/ebay-tooltip-host.d.ts.map +1 -1
- package/ebay-tooltip/ebay-tooltip.d.ts +3 -3
- package/ebay-tooltip/ebay-tooltip.d.ts.map +1 -1
- package/ebay-tooltip/index.d.ts +5 -5
- package/ebay-tooltip/index.d.ts.map +1 -1
- package/ebay-tourtip/README.md +23 -26
- package/ebay-tourtip/ebay-tourtip-content.d.ts +3 -3
- package/ebay-tourtip/ebay-tourtip-content.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip-footer.d.ts +2 -2
- package/ebay-tourtip/ebay-tourtip-footer.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip-heading.d.ts +2 -2
- package/ebay-tourtip/ebay-tourtip-heading.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip-host.d.ts +3 -3
- package/ebay-tourtip/ebay-tourtip-host.d.ts.map +1 -1
- package/ebay-tourtip/ebay-tourtip.d.ts +4 -4
- package/ebay-tourtip/ebay-tourtip.d.ts.map +1 -1
- package/ebay-tourtip/index.d.ts +6 -6
- package/ebay-tourtip/index.d.ts.map +1 -1
- package/ebay-tri-state-checkbox/Readme.md +15 -12
- package/ebay-tri-state-checkbox/index.d.ts +2 -2
- package/ebay-tri-state-checkbox/index.d.ts.map +1 -1
- package/ebay-tri-state-checkbox/tri-state-checkbox.d.ts +3 -3
- package/ebay-tri-state-checkbox/tri-state-checkbox.d.ts.map +1 -1
- package/ebay-tri-state-checkbox/types.d.ts +3 -3
- package/ebay-tri-state-checkbox/types.d.ts.map +1 -1
- package/ebay-video/README.md +24 -19
- package/ebay-video/const.d.ts.map +1 -1
- package/ebay-video/controls.d.ts.map +1 -1
- package/ebay-video/index.d.ts +3 -3
- package/ebay-video/index.d.ts.map +1 -1
- package/ebay-video/reportButton.d.ts +1 -1
- package/ebay-video/reportButton.d.ts.map +1 -1
- package/ebay-video/source.d.ts +2 -2
- package/ebay-video/source.d.ts.map +1 -1
- package/ebay-video/types.d.ts +3 -3
- package/ebay-video/types.d.ts.map +1 -1
- package/ebay-video/video.d.ts +4 -4
- package/ebay-video/video.d.ts.map +1 -1
- package/events/index.d.ts +4 -4
- package/events/index.d.ts.map +1 -1
- package/file-preview-card-BD6TIsY7.js +1 -0
- package/{lightbox-dialog-B19PMyMY.js → lightbox-dialog-DqcQsTSy.js} +1 -1
- package/package.json +79 -78
- package/utils/index.d.ts +6 -6
- package/utils/index.d.ts.map +1 -1
- package/dialog-previous-button-DR6Ujner.js +0 -1
- package/ebay-details-CwOA53up.js +0 -1
- package/file-preview-card-D4qnvGtF.js +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { ComponentProps, FC, KeyboardEventHandler, MouseEventHandler } from
|
|
2
|
-
import { Icon } from
|
|
3
|
-
export type SectionNoticeStatus =
|
|
4
|
-
export type Props = ComponentProps<
|
|
1
|
+
import { ComponentProps, FC, KeyboardEventHandler, MouseEventHandler } from "react";
|
|
2
|
+
import { Icon } from "../ebay-icon";
|
|
3
|
+
export type SectionNoticeStatus = "general" | "none" | "attention" | "confirmation" | "information" | "education";
|
|
4
|
+
export type Props = ComponentProps<"section"> & {
|
|
5
5
|
status?: SectionNoticeStatus;
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
"aria-label"?: string;
|
|
7
|
+
"aria-roledescription"?: string;
|
|
8
8
|
className?: string;
|
|
9
9
|
a11yDismissText?: string;
|
|
10
10
|
onDismiss?: MouseEventHandler & KeyboardEventHandler;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"section-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-section-notice/section-notice.tsx"],"names":[],"mappings":"AAAA,OAAc,
|
|
1
|
+
{"version":3,"file":"section-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-section-notice/section-notice.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,oBAAoB,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAIhH,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAK9C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,CAAC;AAClH,MAAM,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,GAAG;IAC5C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IACrD,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CA2EhC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
# EbaySectionTitle
|
|
2
2
|
|
|
3
3
|
## Install
|
|
4
|
+
|
|
4
5
|
```shell
|
|
5
6
|
yarn add @ebay/ui-core-react
|
|
6
7
|
```
|
|
@@ -8,22 +9,25 @@ yarn add @ebay/ui-core-react
|
|
|
8
9
|
## Usage
|
|
9
10
|
|
|
10
11
|
### Import JS
|
|
12
|
+
|
|
11
13
|
```jsx
|
|
12
14
|
import {
|
|
13
15
|
EbaySectionTitle,
|
|
14
16
|
EbaySectionTitleTitle as Title,
|
|
15
|
-
EbaySectionTitleSubtitle as Subtitle
|
|
16
|
-
} from
|
|
17
|
+
EbaySectionTitleSubtitle as Subtitle,
|
|
18
|
+
} from "@ebay/ui-core-react/ebay-section-title";
|
|
17
19
|
```
|
|
18
20
|
|
|
19
21
|
### Import styles from Skin
|
|
22
|
+
|
|
20
23
|
```jsx
|
|
21
|
-
import
|
|
24
|
+
import "@ebay/skin/section-title";
|
|
22
25
|
```
|
|
23
26
|
|
|
24
27
|
### or if using CSS/SCSS
|
|
28
|
+
|
|
25
29
|
```jsx
|
|
26
|
-
import
|
|
30
|
+
import "@ebay/skin/section-title.css";
|
|
27
31
|
```
|
|
28
32
|
|
|
29
33
|
```jsx
|
|
@@ -37,24 +41,25 @@ import '@ebay/skin/section-title.css'
|
|
|
37
41
|
|
|
38
42
|
## EbaySectionTitle Props
|
|
39
43
|
|
|
40
|
-
| Name | Type | Stateful | Required | Description
|
|
41
|
-
| --------- |
|
|
44
|
+
| Name | Type | Stateful | Required | Description |
|
|
45
|
+
| --------- | ------ | -------- | -------- | ------------------------------------------------------------------------------------------------------- |
|
|
42
46
|
| `ctaText` | string | No | No | URL text. Optional content to be displayed next to title. `href` is required when using this attribute. |
|
|
43
|
-
| `href` | string | No | No | URL. Title content and optional CTA content will link to this. Populating `cta-text` is optional.
|
|
47
|
+
| `href` | string | No | No | URL. Title content and optional CTA content will link to this. Populating `cta-text` is optional. |
|
|
44
48
|
|
|
45
49
|
## Nested Components
|
|
46
|
-
|
|
47
|
-
|
|
|
50
|
+
|
|
51
|
+
| Name | Required | Description |
|
|
52
|
+
| ---------- | -------- | ---------------------------------------------------------------------------------------- |
|
|
48
53
|
| `title` | No | The main title content to be displayed. Title tag is required when using other sub-tags. |
|
|
49
|
-
| `subtitle` | No | The subtitle content to be displayed
|
|
50
|
-
| `info` | No | Placeholder for `<EbayInfotip>` component
|
|
51
|
-
| `overflow` | No | Placeholder for `<EbayMenuButton>` component
|
|
54
|
+
| `subtitle` | No | The subtitle content to be displayed |
|
|
55
|
+
| `info` | No | Placeholder for `<EbayInfotip>` component |
|
|
56
|
+
| `overflow` | No | Placeholder for `<EbayMenuButton>` component |
|
|
52
57
|
|
|
53
58
|
### Examples
|
|
54
59
|
|
|
55
60
|
```jsx
|
|
56
|
-
import { EbaySectionTitleInfo as Info } from
|
|
57
|
-
import { EbayInfotip, EbayInfotipHeading, EbayInfotipContent } from
|
|
61
|
+
import { EbaySectionTitleInfo as Info } from "@ebay/ui-core-react/ebay-section-title";
|
|
62
|
+
import { EbayInfotip, EbayInfotipHeading, EbayInfotipContent } from "@ebay/ui-core-react/ebay-infotip";
|
|
58
63
|
|
|
59
64
|
<Info>
|
|
60
65
|
<EbayInfotip
|
|
@@ -64,7 +69,9 @@ import { EbayInfotip, EbayInfotipHeading, EbayInfotipContent } from '@ebay/ui-co
|
|
|
64
69
|
icon="information"
|
|
65
70
|
>
|
|
66
71
|
<EbayInfotipHeading>Important</EbayInfotipHeading>
|
|
67
|
-
<EbayInfotipContent
|
|
72
|
+
<EbayInfotipContent>
|
|
73
|
+
<p>This is some important info</p>
|
|
74
|
+
</EbayInfotipContent>
|
|
68
75
|
</EbayInfotip>
|
|
69
|
-
</Info
|
|
76
|
+
</Info>;
|
|
70
77
|
```
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cta.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/cta.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"cta.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/cta.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,KAAK,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,GAAG,EAAE,EAAE,CAAC,KAAK,CAUlB,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { default as EbaySectionTitle } from
|
|
2
|
-
export { default as EbaySectionTitleTitle } from
|
|
3
|
-
export { default as EbaySectionTitleSubtitle } from
|
|
4
|
-
export { default as EbaySectionTitleInfo } from
|
|
5
|
-
export { default as EbaySectionTitleOverflow } from
|
|
1
|
+
export { default as EbaySectionTitle } from "./section-title";
|
|
2
|
+
export { default as EbaySectionTitleTitle } from "./title";
|
|
3
|
+
export { default as EbaySectionTitleSubtitle } from "./subtitle";
|
|
4
|
+
export { default as EbaySectionTitleInfo } from "./info";
|
|
5
|
+
export { default as EbaySectionTitleOverflow } from "./overflow";
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/info.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"info.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/info.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlD,KAAK,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CAInB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
type Props = ComponentProps<
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
type Props = ComponentProps<"div">;
|
|
3
3
|
declare const Overflow: FC<Props>;
|
|
4
4
|
export default Overflow;
|
|
5
5
|
//# sourceMappingURL=overflow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overflow.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/overflow.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"overflow.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/overflow.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlD,KAAK,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnC,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,KAAK,CAIvB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FC, HTMLProps, ReactNode } from
|
|
2
|
-
export type EbaySectionTitleProps = Omit<HTMLProps<HTMLDivElement>,
|
|
1
|
+
import { FC, HTMLProps, ReactNode } from "react";
|
|
2
|
+
export type EbaySectionTitleProps = Omit<HTMLProps<HTMLDivElement>, "title"> & {
|
|
3
3
|
href?: string;
|
|
4
4
|
ctaText?: ReactNode;
|
|
5
5
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"section-title.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/section-title.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"section-title.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/section-title.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWxD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgB/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
type Props = ComponentProps<
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
type Props = ComponentProps<"span">;
|
|
3
3
|
declare const Subtitle: FC<Props>;
|
|
4
4
|
export default Subtitle;
|
|
5
5
|
//# sourceMappingURL=subtitle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"subtitle.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/subtitle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"subtitle.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/subtitle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlD,KAAK,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAEpC,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,KAAK,CAIvB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/title.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/title.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlD,KAAK,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAElC,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,KAAK,CAIpB,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
# EbaySegmentedButtons
|
|
2
2
|
|
|
3
3
|
## Demo
|
|
4
|
+
|
|
4
5
|
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-segmented-buttons--default)
|
|
5
6
|
|
|
6
7
|
## Install
|
|
8
|
+
|
|
7
9
|
```
|
|
8
10
|
yarn add @ebay/ui-core-react @ebay/skin
|
|
9
11
|
```
|
|
10
12
|
|
|
11
13
|
## Usage
|
|
14
|
+
|
|
12
15
|
```
|
|
13
16
|
import React from 'react'
|
|
14
17
|
import { EbaySegmentedButtons, EbaySegmentedButton as Button } from '@ebay/ui-core-react/ebay-segmented-buttons'
|
|
@@ -29,14 +32,14 @@ export const Example = () => (
|
|
|
29
32
|
|
|
30
33
|
## EbaySegmentedButtons Props
|
|
31
34
|
|
|
32
|
-
Name
|
|
33
|
-
|
|
34
|
-
`size`
|
|
35
|
-
`onChange` | Function | No
|
|
35
|
+
| Name | Type | Required | Description |
|
|
36
|
+
| ---------- | -------- | -------- | -------------------------------------------------------------------------------------- |
|
|
37
|
+
| `size` | enum | No | Can be `regular` (default) or `large` |
|
|
38
|
+
| `onChange` | Function | No | props: (e: event, { index: number, value: string), triggered on selected button change |
|
|
36
39
|
|
|
37
40
|
## EbaySegmentedButton Props
|
|
38
41
|
|
|
39
|
-
Name
|
|
40
|
-
|
|
41
|
-
`value`
|
|
42
|
-
`selected` | Boolean
|
|
42
|
+
| Name | Type | Required | Description |
|
|
43
|
+
| ---------- | ------- | -------- | ----------------------------------------- |
|
|
44
|
+
| `value` | String | No | the value to use with `onChange` callback |
|
|
45
|
+
| `selected` | Boolean | No | Whether or not the button is selected |
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FC } from
|
|
2
|
-
import { SegmentedButtonProps } from
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { SegmentedButtonProps } from "./types";
|
|
3
3
|
declare const SegmentedButton: FC<SegmentedButtonProps>;
|
|
4
4
|
export default SegmentedButton;
|
|
5
5
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ebay-segmented-buttons/button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ebay-segmented-buttons/button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyB7C,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as EbaySegmentedButtons } from
|
|
2
|
-
export { default as EbaySegmentedButton } from
|
|
3
|
-
export type { SegmentedButtonsProps, SegmentedButtonProps, SegmentedButtonSize } from
|
|
1
|
+
export { default as EbaySegmentedButtons } from "./segmented-buttons";
|
|
2
|
+
export { default as EbaySegmentedButton } from "./button";
|
|
3
|
+
export type { SegmentedButtonsProps, SegmentedButtonProps, SegmentedButtonSize } from "./types";
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-segmented-buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-segmented-buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC1D,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FC } from
|
|
2
|
-
import { SegmentedButtonsProps } from
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { SegmentedButtonsProps } from "./types";
|
|
3
3
|
declare const EbaySegmentedButtons: FC<SegmentedButtonsProps>;
|
|
4
4
|
export default EbaySegmentedButtons;
|
|
5
5
|
//# sourceMappingURL=segmented-buttons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-buttons.d.ts","sourceRoot":"","sources":["../../src/ebay-segmented-buttons/segmented-buttons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,EAAE,EAA0B,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"segmented-buttons.d.ts","sourceRoot":"","sources":["../../src/ebay-segmented-buttons/segmented-buttons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,EAAE,EAA0B,MAAM,OAAO,CAAC;AAExE,OAAO,EAAwB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAItE,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,qBAAqB,CA8BnD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ComponentProps } from
|
|
2
|
-
import { EbayChangeEventHandler, EbayMouseEventHandler } from
|
|
3
|
-
export type SegmentedButtonProps = Omit<ComponentProps<
|
|
1
|
+
import { ComponentProps } from "react";
|
|
2
|
+
import { EbayChangeEventHandler, EbayMouseEventHandler } from "../common/event-utils/types";
|
|
3
|
+
export type SegmentedButtonProps = Omit<ComponentProps<"button">, "onClick"> & {
|
|
4
4
|
value?: string;
|
|
5
5
|
selected?: boolean;
|
|
6
6
|
onClick?: EbayMouseEventHandler<HTMLButtonElement>;
|
|
7
7
|
};
|
|
8
|
-
export type SegmentedButtonSize =
|
|
9
|
-
export type SegmentedButtonsProps = Omit<ComponentProps<
|
|
8
|
+
export type SegmentedButtonSize = "large" | "regular";
|
|
9
|
+
export type SegmentedButtonsProps = Omit<ComponentProps<"div">, "onChange"> & {
|
|
10
10
|
size?: SegmentedButtonSize;
|
|
11
11
|
onChange?: EbayChangeEventHandler<HTMLButtonElement, {
|
|
12
12
|
index: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-segmented-buttons/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-segmented-buttons/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAE5F,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,GAAG;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1E,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC3F,CAAC"}
|
package/ebay-select/README.md
CHANGED
|
@@ -1,68 +1,79 @@
|
|
|
1
1
|
# EbaySelect
|
|
2
|
+
|
|
2
3
|
This component is used to create a native `<select>` form element with default browser styling.
|
|
3
4
|
|
|
4
5
|
## Demo
|
|
6
|
+
|
|
5
7
|
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-select--basic)
|
|
6
8
|
|
|
7
9
|
## Import JS
|
|
10
|
+
|
|
8
11
|
```jsx harmony
|
|
9
|
-
import { EbaySelect, EbaySelectOption } from
|
|
12
|
+
import { EbaySelect, EbaySelectOption } from "@ebay/ui-core-react/ebay-select";
|
|
10
13
|
```
|
|
14
|
+
|
|
11
15
|
## Import following styles from SKIN
|
|
16
|
+
|
|
12
17
|
```jsx harmony
|
|
13
|
-
import
|
|
18
|
+
import "@ebay/skin/select";
|
|
14
19
|
|
|
15
20
|
// Add if you're using floating labels
|
|
16
|
-
import
|
|
21
|
+
import "@ebay/skin/floating-label";
|
|
17
22
|
```
|
|
23
|
+
|
|
18
24
|
## Import styles using SCSS/CSS
|
|
25
|
+
|
|
19
26
|
```jsx harmony
|
|
20
|
-
import
|
|
27
|
+
import "@ebay/skin/select.css";
|
|
21
28
|
|
|
22
29
|
// Add if you're using floating labels
|
|
23
|
-
import
|
|
30
|
+
import "@ebay/skin/floating-label.css";
|
|
24
31
|
```
|
|
25
32
|
|
|
26
33
|
## Usage
|
|
34
|
+
|
|
27
35
|
When no selected option is specified:
|
|
36
|
+
|
|
28
37
|
```jsx harmony
|
|
29
|
-
|
|
30
|
-
<EbaySelectOption value=
|
|
31
|
-
<EbaySelectOption value=
|
|
32
|
-
<EbaySelectOption value=
|
|
38
|
+
<EbaySelect name="formSelect">
|
|
39
|
+
<EbaySelectOption value="1">Option 1</EbaySelectOption>
|
|
40
|
+
<EbaySelectOption value="2">Option 2</EbaySelectOption>
|
|
41
|
+
<EbaySelectOption value="3">Option 3</EbaySelectOption>
|
|
33
42
|
</EbaySelect>
|
|
34
43
|
```
|
|
35
44
|
|
|
36
45
|
When a selected option is specified:
|
|
46
|
+
|
|
37
47
|
```jsx harmony
|
|
38
|
-
<EbaySelect name=
|
|
39
|
-
<EbaySelectOption value=
|
|
40
|
-
<EbaySelectOption value=
|
|
41
|
-
<EbaySelectOption value=
|
|
48
|
+
<EbaySelect name="formSelect" value="2">
|
|
49
|
+
<EbaySelectOption value="1">Option 1</EbaySelectOption>
|
|
50
|
+
<EbaySelectOption value="2">Option 2</EbaySelectOption>
|
|
51
|
+
<EbaySelectOption value="3">Option 3</EbaySelectOption>
|
|
42
52
|
</EbaySelect>
|
|
43
53
|
```
|
|
54
|
+
|
|
44
55
|
Please look at this documentation as to the recommended way in React to pre-select a value:
|
|
45
56
|
https://reactjs.org/docs/forms.html#the-select-tag. Notice that the selected value is set right in the props of `<EbaySelect/>`.
|
|
46
57
|
|
|
47
58
|
## EbaySelect Attributes
|
|
48
59
|
|
|
49
|
-
| Name | Type
|
|
50
|
-
| --------------- |
|
|
51
|
-
| `name` | String
|
|
52
|
-
| `value` | String
|
|
53
|
-
| `defaultValue` | String
|
|
54
|
-
| `disabled` | String
|
|
55
|
-
| `className` | String
|
|
56
|
-
| `borderless` | String
|
|
57
|
-
| `floatingLabel` | String
|
|
58
|
-
| `inputSize` | String
|
|
59
|
-
| `invalid` | Boolean
|
|
60
|
+
| Name | Type | Required | Description |
|
|
61
|
+
| --------------- | ------- | -------- | --------------------------------------------------------------------------------- |
|
|
62
|
+
| `name` | String | Yes | passed to the `<select>` element |
|
|
63
|
+
| `value` | String | No | Set the value of the `<select>` element. Use this for **controlled component**. |
|
|
64
|
+
| `defaultValue` | String | No | Set the initial value for `<select>` elemtn, only for **uncontrolled component**. |
|
|
65
|
+
| `disabled` | String | No | passed to the `<select>` element, default is `false` |
|
|
66
|
+
| `className` | String | No | passed to the wrapper-element of the `<select>` element |
|
|
67
|
+
| `borderless` | String | No | whether button has borders, default is `false` |
|
|
68
|
+
| `floatingLabel` | String | No | Indicates that the select is a floating label type and renders it as a label |
|
|
69
|
+
| `inputSize` | String | No | `default` (default), `large` |
|
|
70
|
+
| `invalid` | Boolean | No | Indicates a field-level error with red border if true |
|
|
60
71
|
|
|
61
72
|
## Callbacks
|
|
62
73
|
|
|
63
|
-
| Name
|
|
64
|
-
|
|
|
65
|
-
| `onChange`
|
|
74
|
+
| Name | Type | Required | Description |
|
|
75
|
+
| ---------- | -------- | -------- | --------------------------------------------------------------------------------------------- |
|
|
76
|
+
| `onChange` | Function | No | Called on option change with arguments: `(ChangeEvent, { index: number, selected: string[] }` |
|
|
66
77
|
|
|
67
78
|
## EbaySelectOption Attributes
|
|
68
79
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ebay-select-option.d.ts","sourceRoot":"","sources":["../../src/ebay-select/ebay-select-option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"ebay-select-option.d.ts","sourceRoot":"","sources":["../../src/ebay-select/ebay-select-option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElD,KAAK,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,WAAW,CAAoE,CAAC;AAE3G,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import React, { ComponentProps } from
|
|
2
|
-
import { EbayChangeEventHandler } from
|
|
1
|
+
import React, { ComponentProps } from "react";
|
|
2
|
+
import { EbayChangeEventHandler } from "../common/event-utils/types";
|
|
3
3
|
type SelectValue = string | ReadonlyArray<string> | number;
|
|
4
4
|
export type ChangeEventProps = {
|
|
5
5
|
index: number;
|
|
6
6
|
selected: string[];
|
|
7
7
|
};
|
|
8
|
-
export type EbaySelectProps = Omit<ComponentProps<
|
|
8
|
+
export type EbaySelectProps = Omit<ComponentProps<"select">, "onChange"> & {
|
|
9
9
|
borderless?: boolean;
|
|
10
10
|
defaultValue?: SelectValue;
|
|
11
11
|
onChange?: EbayChangeEventHandler<HTMLSelectElement, ChangeEventProps>;
|
|
12
12
|
floatingLabel?: string;
|
|
13
13
|
forwardedRef?: React.Ref<HTMLSelectElement>;
|
|
14
|
-
inputSize?:
|
|
14
|
+
inputSize?: "default" | "large";
|
|
15
15
|
invalid?: boolean;
|
|
16
16
|
};
|
|
17
17
|
declare const _default: React.ForwardRefExoticComponent<Omit<EbaySelectProps, "ref"> & React.RefAttributes<React.FC<EbaySelectProps>>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ebay-select.d.ts","sourceRoot":"","sources":["../../src/ebay-select/ebay-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,cAAc,EAA4B,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"ebay-select.d.ts","sourceRoot":"","sources":["../../src/ebay-select/ebay-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,cAAc,EAA4B,MAAM,OAAO,CAAC;AAMnG,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAIrE,KAAK,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;;AAyEF,wBAA2D"}
|
package/ebay-select/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as EbaySelect, type EbaySelectProps, type ChangeEventProps } from
|
|
2
|
-
export { default as EbaySelectOption } from
|
|
1
|
+
export { default as EbaySelect, type EbaySelectProps, type ChangeEventProps } from "./ebay-select";
|
|
2
|
+
export { default as EbaySelectOption } from "./ebay-select-option";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}
|
package/ebay-signal/README.md
CHANGED
|
@@ -4,24 +4,31 @@
|
|
|
4
4
|
Signals are data-backed recommendations to help customers make more informed decisions. There are four signal statuses, each corresponding to a specific color: `trustworthy`, `recent`, `time-sensitive` & `neutral`. Defaults to `neutral` if none specified.
|
|
5
5
|
|
|
6
6
|
## Demo
|
|
7
|
+
|
|
7
8
|
[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/graphics-icons-ebay-signal--default-case)
|
|
8
9
|
|
|
9
10
|
## Usage
|
|
11
|
+
|
|
10
12
|
```
|
|
11
13
|
yarn add @ebay/ui-core-react
|
|
12
14
|
```
|
|
15
|
+
|
|
13
16
|
### Import JS
|
|
17
|
+
|
|
14
18
|
```jsx harmony
|
|
15
|
-
import { EbaySignal } from
|
|
19
|
+
import { EbaySignal } from "@ebay/ui-core-react/ebay-signal";
|
|
16
20
|
```
|
|
21
|
+
|
|
17
22
|
## Import styles from Skin
|
|
23
|
+
|
|
18
24
|
```jsx harmony
|
|
19
|
-
import
|
|
25
|
+
import "@ebay/skin/signal";
|
|
20
26
|
```
|
|
21
27
|
|
|
22
28
|
## ...or using SCSS/CSS
|
|
29
|
+
|
|
23
30
|
```jsx harmony
|
|
24
|
-
import
|
|
31
|
+
import "@ebay/skin/signal.css";
|
|
25
32
|
```
|
|
26
33
|
|
|
27
34
|
```jsx harmony
|
|
@@ -30,6 +37,6 @@ import '@ebay/skin/signal.css'
|
|
|
30
37
|
|
|
31
38
|
## Attributes
|
|
32
39
|
|
|
33
|
-
Name
|
|
34
|
-
|
|
35
|
-
`status` | String | No
|
|
40
|
+
| Name | Type | Stateful | Description |
|
|
41
|
+
| -------- | ------ | -------- | -------------------------------------------------------------------------------------------------------------------- |
|
|
42
|
+
| `status` | String | No | Status of signal; determines color. Possible values: `trustworthy`, `recent`, `time-sensitive` & `neutral` (default) |
|
package/ebay-signal/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as EbaySignal, type SignalStatus } from
|
|
1
|
+
export { default as EbaySignal, type SignalStatus } from "./signal";
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-signal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-signal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC"}
|
package/ebay-signal/signal.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FC, ComponentProps } from
|
|
2
|
-
export type SignalStatus =
|
|
3
|
-
type Props = ComponentProps<
|
|
1
|
+
import { FC, ComponentProps } from "react";
|
|
2
|
+
export type SignalStatus = "neutral" | "trustworthy" | "time-sensitive" | "recent";
|
|
3
|
+
type Props = ComponentProps<"span"> & {
|
|
4
4
|
status?: SignalStatus;
|
|
5
5
|
};
|
|
6
6
|
declare const EbaySignal: FC<Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signal.d.ts","sourceRoot":"","sources":["../../src/ebay-signal/signal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"signal.d.ts","sourceRoot":"","sources":["../../src/ebay-signal/signal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,gBAAgB,GAAG,QAAQ,CAAC;AAEnF,KAAK,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAGzB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ReactNode } from
|
|
2
|
-
import { BaseSkeletonComponentProps, SupportedElements } from
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { BaseSkeletonComponentProps, SupportedElements } from "./types";
|
|
3
3
|
export type EbaySkeletonAvatarProps<T extends SupportedElements> = BaseSkeletonComponentProps<T>;
|
|
4
4
|
declare const EbaySkeletonAvatar: <T extends SupportedElements = "div">(props: EbaySkeletonAvatarProps<T>) => ReactNode;
|
|
5
5
|
export default EbaySkeletonAvatar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ebay-skeleton-avatar.d.ts","sourceRoot":"","sources":["../../src/ebay-skeleton/ebay-skeleton-avatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"ebay-skeleton-avatar.d.ts","sourceRoot":"","sources":["../../src/ebay-skeleton/ebay-skeleton-avatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAExE,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,iBAAiB,IAAI,0BAA0B,CAAC,CAAC,CAAC,CAAC;AAEjG,QAAA,MAAM,kBAAkB,GAAI,CAAC,SAAS,iBAAiB,GAAG,KAAK,EAAE,OAAO,uBAAuB,CAAC,CAAC,CAAC,KAAG,SAIpG,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ReactNode } from
|
|
2
|
-
import { BaseSkeletonComponentProps, SupportedElements } from
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { BaseSkeletonComponentProps, SupportedElements } from "./types";
|
|
3
3
|
export type EbaySkeletonButtonProps<T extends SupportedElements> = BaseSkeletonComponentProps<T> & {
|
|
4
|
-
size?:
|
|
4
|
+
size?: "small" | "large";
|
|
5
5
|
};
|
|
6
6
|
declare const EbaySkeletonButton: <T extends SupportedElements = "div">(props: EbaySkeletonButtonProps<T>) => ReactNode;
|
|
7
7
|
export default EbaySkeletonButton;
|