@carbon/web-components 2.54.0 → 2.55.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/custom-elements.json +331 -187
- package/es/components/accordion/accordion.scss.js +1 -1
- package/es/components/ai-label/ai-label.scss.js +1 -1
- package/es/components/ai-skeleton/ai-skeleton.scss.js +1 -1
- package/es/components/badge-indicator/badge-indicator.scss.js +1 -1
- package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es/components/button/button.d.ts +1 -1
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +7 -5
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/checkbox/checkbox.scss.js +1 -1
- package/es/components/code-snippet/code-snippet.scss.js +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/combo-button/combo-button.scss.js +1 -1
- package/es/components/contained-list/contained-list.scss.js +1 -1
- package/es/components/content-switcher/content-switcher.scss.js +1 -1
- package/es/components/copy-button/copy-button.scss.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/date-picker/date-picker.scss.js +1 -1
- package/es/components/date-picker/date-picker.scss.js.map +1 -1
- package/es/components/dialog/dialog-body.js +1 -1
- package/es/components/dialog/dialog-close-button.js +1 -1
- package/es/components/dialog/dialog-footer.js +1 -1
- package/es/components/dialog/dialog-subtitle.js +1 -1
- package/es/components/dialog/dialog-title.js +1 -1
- package/es/components/dialog/dialog.d.ts +18 -7
- package/es/components/dialog/dialog.d.ts.map +1 -1
- package/es/components/dialog/dialog.js +51 -17
- package/es/components/dialog/dialog.js.map +1 -1
- package/es/components/dialog/dialog.scss.js +1 -1
- package/es/components/dialog/dialog.scss.js.map +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/feature-flags/index.d.ts.map +1 -1
- package/es/components/feature-flags/index.js +8 -3
- package/es/components/feature-flags/index.js.map +1 -1
- package/es/components/file-uploader/file-uploader-button.d.ts.map +1 -1
- package/es/components/file-uploader/file-uploader-button.js +3 -2
- package/es/components/file-uploader/file-uploader-button.js.map +1 -1
- package/es/components/file-uploader/file-uploader-drop-container.d.ts +1 -1
- package/es/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
- package/es/components/file-uploader/file-uploader-drop-container.js +3 -2
- package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
- package/es/components/file-uploader/file-uploader-item.d.ts +4 -0
- package/es/components/file-uploader/file-uploader-item.d.ts.map +1 -1
- package/es/components/file-uploader/file-uploader-item.js +6 -0
- package/es/components/file-uploader/file-uploader-item.js.map +1 -1
- package/es/components/file-uploader/file-uploader.scss.js +1 -1
- package/es/components/file-uploader/file-uploader.scss.js.map +1 -1
- package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
- package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es/components/fluid-form/fluid-form.scss.js +1 -1
- package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
- package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
- package/es/components/fluid-search/fluid-search.scss.js +1 -1
- package/es/components/fluid-select/fluid-select.scss.js +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es/components/form/form-item.scss.js +1 -1
- package/es/components/form/form.scss.js +1 -1
- package/es/components/form-group/form-group.scss.js +1 -1
- package/es/components/heading/heading.scss.js +1 -1
- package/es/components/icon-button/icon-button.scss.js +1 -1
- package/es/components/icon-indicator/icon-indicator.scss.js +1 -1
- package/es/components/inline-loading/inline-loading.scss.js +1 -1
- package/es/components/link/link.d.ts +1 -1
- package/es/components/link/link.d.ts.map +1 -1
- package/es/components/link/link.js.map +1 -1
- package/es/components/link/link.scss.js +1 -1
- package/es/components/list/list.scss.js +1 -1
- package/es/components/loading/loading.scss.js +1 -1
- package/es/components/menu/menu-item.d.ts.map +1 -1
- package/es/components/menu/menu-item.js +3 -3
- package/es/components/menu/menu-item.js.map +1 -1
- package/es/components/menu/menu-item.scss.js +1 -1
- package/es/components/menu/menu.scss.js +1 -1
- package/es/components/menu-button/menu-button.scss.js +1 -1
- package/es/components/modal/modal-base.d.ts +144 -0
- package/es/components/modal/modal-base.d.ts.map +1 -0
- package/es/components/modal/modal-base.js +229 -0
- package/es/components/modal/modal-base.js.map +1 -0
- package/es/components/modal/modal.d.ts +15 -89
- package/es/components/modal/modal.d.ts.map +1 -1
- package/es/components/modal/modal.js +66 -169
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/modal/modal.scss.js +1 -1
- package/es/components/modal/modal.scss.js.map +1 -1
- package/es/components/multi-select/multi-select.d.ts +4 -0
- package/es/components/multi-select/multi-select.d.ts.map +1 -1
- package/es/components/multi-select/multi-select.js +4 -1
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/notification/actionable-notification.scss.js +1 -1
- package/es/components/notification/inline-notification.scss.js +1 -1
- package/es/components/notification/toast-notification.scss.js +1 -1
- package/es/components/number-input/number-input.scss.js +1 -1
- package/es/components/overflow-menu/overflow-menu-item.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.js +4 -3
- package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es/components/page-header/index.d.ts +4 -0
- package/es/components/page-header/index.d.ts.map +1 -1
- package/es/components/page-header/page-header-breadcrumb.d.ts +7 -0
- package/es/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
- package/es/components/page-header/page-header-breadcrumb.js +7 -0
- package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es/components/page-header/page-header-content-text.d.ts +7 -0
- package/es/components/page-header/page-header-content-text.d.ts.map +1 -1
- package/es/components/page-header/page-header-content-text.js +7 -0
- package/es/components/page-header/page-header-content-text.js.map +1 -1
- package/es/components/page-header/page-header-content.d.ts +7 -0
- package/es/components/page-header/page-header-content.d.ts.map +1 -1
- package/es/components/page-header/page-header-content.js +7 -0
- package/es/components/page-header/page-header-content.js.map +1 -1
- package/es/components/page-header/page-header-hero-image.d.ts +7 -0
- package/es/components/page-header/page-header-hero-image.d.ts.map +1 -1
- package/es/components/page-header/page-header-hero-image.js +7 -0
- package/es/components/page-header/page-header-hero-image.js.map +1 -1
- package/es/components/page-header/page-header-tabs.d.ts +7 -0
- package/es/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/es/components/page-header/page-header-tabs.js +7 -0
- package/es/components/page-header/page-header-tabs.js.map +1 -1
- package/es/components/page-header/page-header.d.ts +7 -0
- package/es/components/page-header/page-header.d.ts.map +1 -1
- package/es/components/page-header/page-header.js +7 -0
- package/es/components/page-header/page-header.js.map +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/page-header/page-header.scss.js.map +1 -1
- package/es/components/pagination/pagination.scss.js +1 -1
- package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
- package/es/components/password-input/password-input.scss.js +1 -1
- package/es/components/popover/popover.scss.js +1 -1
- package/es/components/progress-bar/progress-bar.scss.js +1 -1
- package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
- package/es/components/radio-button/radio-button.scss.js +1 -1
- package/es/components/search/search.d.ts +4 -0
- package/es/components/search/search.d.ts.map +1 -1
- package/es/components/search/search.js +4 -1
- package/es/components/search/search.js.map +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/select/select.scss.js +1 -1
- package/es/components/shape-indicator/shape-indicator.scss.js +1 -1
- package/es/components/side-panel/side-panel.d.ts +1 -1
- package/es/components/side-panel/side-panel.js +1 -1
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/skeleton-icon/skeleton-icon.scss.js +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.scss.js +1 -1
- package/es/components/skeleton-text/skeleton-text.scss.js +1 -1
- package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/slug/slug.scss.js +1 -1
- package/es/components/stack/stack.scss.js +1 -1
- package/es/components/structured-list/structured-list.scss.js +1 -1
- package/es/components/tabs/defs.d.ts +26 -0
- package/es/components/tabs/defs.d.ts.map +1 -1
- package/es/components/tabs/defs.js +28 -1
- package/es/components/tabs/defs.js.map +1 -1
- package/es/components/tabs/index.d.ts +1 -0
- package/es/components/tabs/index.d.ts.map +1 -1
- package/es/components/tabs/index.js +1 -0
- package/es/components/tabs/stories/tabs-wrapper.d.ts +9 -0
- package/es/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
- package/es/components/tabs/stories/tabs-wrapper.js +24 -10
- package/es/components/tabs/stories/tabs-wrapper.js.map +1 -1
- package/es/components/tabs/tab.d.ts +60 -1
- package/es/components/tabs/tab.d.ts.map +1 -1
- package/es/components/tabs/tab.js +76 -9
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs-vertical.d.ts +29 -0
- package/es/components/tabs/tabs-vertical.d.ts.map +1 -0
- package/es/components/tabs/tabs-vertical.js +113 -0
- package/es/components/tabs/tabs-vertical.js.map +1 -0
- package/es/components/tabs/tabs.d.ts +34 -4
- package/es/components/tabs/tabs.d.ts.map +1 -1
- package/es/components/tabs/tabs.js +86 -19
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tabs/tabs.scss.js +1 -1
- package/es/components/tabs/tabs.scss.js.map +1 -1
- package/es/components/tag/tag.scss.js +1 -1
- package/es/components/tearsheet/tearsheet.d.ts +1 -1
- package/es/components/tearsheet/tearsheet.js +1 -1
- package/es/components/tearsheet/tearsheet.js.map +1 -1
- package/es/components/text-input/text-input.scss.js +1 -1
- package/es/components/textarea/textarea.scss.js +1 -1
- package/es/components/tile/clickable-tile.d.ts +1 -1
- package/es/components/tile/clickable-tile.d.ts.map +1 -1
- package/es/components/tile/clickable-tile.js +6 -1
- package/es/components/tile/clickable-tile.js.map +1 -1
- package/es/components/tile/radio-tile.d.ts +4 -1
- package/es/components/tile/radio-tile.d.ts.map +1 -1
- package/es/components/tile/radio-tile.js +23 -6
- package/es/components/tile/radio-tile.js.map +1 -1
- package/es/components/tile/tile.scss.js +1 -1
- package/es/components/tile/tile.scss.js.map +1 -1
- package/es/components/time-picker/time-picker.scss.js +1 -1
- package/es/components/toggle/toggle.scss.js +1 -1
- package/es/components/toggle-tip/toggletip.scss.js +1 -1
- package/es/components/tooltip/tooltip.scss.js +1 -1
- package/es/components/tree-view/tree-view.scss.js +1 -1
- package/es/components/ui-shell/header.scss.js +1 -1
- package/es/components/ui-shell/side-nav.scss.js +1 -1
- package/es/globals/decorators/carbon-element.js.map +1 -1
- package/es/index.js +1 -1
- package/es-custom/components/accordion/accordion.scss.js +1 -1
- package/es-custom/components/ai-label/ai-label.scss.js +1 -1
- package/es-custom/components/ai-skeleton/ai-skeleton.scss.js +1 -1
- package/es-custom/components/badge-indicator/badge-indicator.scss.js +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es-custom/components/button/button.d.ts +1 -1
- package/es-custom/components/button/button.d.ts.map +1 -1
- package/es-custom/components/button/button.js +7 -5
- package/es-custom/components/button/button.js.map +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/checkbox/checkbox.scss.js +1 -1
- package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/combo-button/combo-button.scss.js +1 -1
- package/es-custom/components/contained-list/contained-list.scss.js +1 -1
- package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
- package/es-custom/components/copy-button/copy-button.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js.map +1 -1
- package/es-custom/components/dialog/dialog-body.js +1 -1
- package/es-custom/components/dialog/dialog-close-button.js +1 -1
- package/es-custom/components/dialog/dialog-footer.js +1 -1
- package/es-custom/components/dialog/dialog-subtitle.js +1 -1
- package/es-custom/components/dialog/dialog-title.js +1 -1
- package/es-custom/components/dialog/dialog.d.ts +18 -7
- package/es-custom/components/dialog/dialog.d.ts.map +1 -1
- package/es-custom/components/dialog/dialog.js +51 -17
- package/es-custom/components/dialog/dialog.js.map +1 -1
- package/es-custom/components/dialog/dialog.scss.js +1 -1
- package/es-custom/components/dialog/dialog.scss.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/feature-flags/index.d.ts.map +1 -1
- package/es-custom/components/feature-flags/index.js +8 -3
- package/es-custom/components/feature-flags/index.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-button.d.ts.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-button.js +3 -2
- package/es-custom/components/file-uploader/file-uploader-button.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts +1 -1
- package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-drop-container.js +3 -2
- package/es-custom/components/file-uploader/file-uploader-drop-container.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-item.d.ts +4 -0
- package/es-custom/components/file-uploader/file-uploader-item.d.ts.map +1 -1
- package/es-custom/components/file-uploader/file-uploader-item.js +6 -0
- package/es-custom/components/file-uploader/file-uploader-item.js.map +1 -1
- package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
- package/es-custom/components/file-uploader/file-uploader.scss.js.map +1 -1
- package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
- package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es-custom/components/fluid-form/fluid-form.scss.js +1 -1
- package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
- package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
- package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
- package/es-custom/components/fluid-select/fluid-select.scss.js +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es-custom/components/form/form-item.scss.js +1 -1
- package/es-custom/components/form/form.scss.js +1 -1
- package/es-custom/components/form-group/form-group.scss.js +1 -1
- package/es-custom/components/heading/heading.scss.js +1 -1
- package/es-custom/components/icon-button/icon-button.scss.js +1 -1
- package/es-custom/components/icon-indicator/icon-indicator.scss.js +1 -1
- package/es-custom/components/inline-loading/inline-loading.scss.js +1 -1
- package/es-custom/components/link/link.d.ts +1 -1
- package/es-custom/components/link/link.d.ts.map +1 -1
- package/es-custom/components/link/link.js.map +1 -1
- package/es-custom/components/link/link.scss.js +1 -1
- package/es-custom/components/list/list.scss.js +1 -1
- package/es-custom/components/loading/loading.scss.js +1 -1
- package/es-custom/components/menu/menu-item.d.ts.map +1 -1
- package/es-custom/components/menu/menu-item.js +3 -3
- package/es-custom/components/menu/menu-item.js.map +1 -1
- package/es-custom/components/menu/menu-item.scss.js +1 -1
- package/es-custom/components/menu/menu.scss.js +1 -1
- package/es-custom/components/menu-button/menu-button.scss.js +1 -1
- package/es-custom/components/modal/modal-base.d.ts +144 -0
- package/es-custom/components/modal/modal-base.d.ts.map +1 -0
- package/es-custom/components/modal/modal-base.js +229 -0
- package/es-custom/components/modal/modal-base.js.map +1 -0
- package/es-custom/components/modal/modal.d.ts +15 -89
- package/es-custom/components/modal/modal.d.ts.map +1 -1
- package/es-custom/components/modal/modal.js +66 -169
- package/es-custom/components/modal/modal.js.map +1 -1
- package/es-custom/components/modal/modal.scss.js +1 -1
- package/es-custom/components/modal/modal.scss.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.d.ts +4 -0
- package/es-custom/components/multi-select/multi-select.d.ts.map +1 -1
- package/es-custom/components/multi-select/multi-select.js +4 -1
- package/es-custom/components/multi-select/multi-select.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/notification/actionable-notification.scss.js +1 -1
- package/es-custom/components/notification/inline-notification.scss.js +1 -1
- package/es-custom/components/notification/toast-notification.scss.js +1 -1
- package/es-custom/components/number-input/number-input.scss.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-item.d.ts.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-item.js +4 -3
- package/es-custom/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es-custom/components/page-header/index.d.ts +4 -0
- package/es-custom/components/page-header/index.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header-breadcrumb.d.ts +7 -0
- package/es-custom/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header-breadcrumb.js +7 -0
- package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es-custom/components/page-header/page-header-content-text.d.ts +7 -0
- package/es-custom/components/page-header/page-header-content-text.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header-content-text.js +7 -0
- package/es-custom/components/page-header/page-header-content-text.js.map +1 -1
- package/es-custom/components/page-header/page-header-content.d.ts +7 -0
- package/es-custom/components/page-header/page-header-content.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header-content.js +7 -0
- package/es-custom/components/page-header/page-header-content.js.map +1 -1
- package/es-custom/components/page-header/page-header-hero-image.d.ts +7 -0
- package/es-custom/components/page-header/page-header-hero-image.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header-hero-image.js +7 -0
- package/es-custom/components/page-header/page-header-hero-image.js.map +1 -1
- package/es-custom/components/page-header/page-header-tabs.d.ts +7 -0
- package/es-custom/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header-tabs.js +7 -0
- package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
- package/es-custom/components/page-header/page-header.d.ts +7 -0
- package/es-custom/components/page-header/page-header.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header.js +7 -0
- package/es-custom/components/page-header/page-header.js.map +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/page-header/page-header.scss.js.map +1 -1
- package/es-custom/components/pagination/pagination.scss.js +1 -1
- package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
- package/es-custom/components/password-input/password-input.scss.js +1 -1
- package/es-custom/components/popover/popover.scss.js +1 -1
- package/es-custom/components/progress-bar/progress-bar.scss.js +1 -1
- package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
- package/es-custom/components/radio-button/radio-button.scss.js +1 -1
- package/es-custom/components/search/search.d.ts +4 -0
- package/es-custom/components/search/search.d.ts.map +1 -1
- package/es-custom/components/search/search.js +4 -1
- package/es-custom/components/search/search.js.map +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/select/select.scss.js +1 -1
- package/es-custom/components/shape-indicator/shape-indicator.scss.js +1 -1
- package/es-custom/components/side-panel/side-panel.d.ts +1 -1
- package/es-custom/components/side-panel/side-panel.js +1 -1
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/skeleton-icon/skeleton-icon.scss.js +1 -1
- package/es-custom/components/skeleton-placeholder/skeleton-placeholder.scss.js +1 -1
- package/es-custom/components/skeleton-text/skeleton-text.scss.js +1 -1
- package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/slug/slug.scss.js +1 -1
- package/es-custom/components/stack/stack.scss.js +1 -1
- package/es-custom/components/structured-list/structured-list.scss.js +1 -1
- package/es-custom/components/tabs/defs.d.ts +26 -0
- package/es-custom/components/tabs/defs.d.ts.map +1 -1
- package/es-custom/components/tabs/defs.js +28 -1
- package/es-custom/components/tabs/defs.js.map +1 -1
- package/es-custom/components/tabs/index.d.ts +1 -0
- package/es-custom/components/tabs/index.d.ts.map +1 -1
- package/es-custom/components/tabs/index.js +1 -0
- package/es-custom/components/tabs/stories/tabs-wrapper.d.ts +9 -0
- package/es-custom/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
- package/es-custom/components/tabs/stories/tabs-wrapper.js +24 -10
- package/es-custom/components/tabs/stories/tabs-wrapper.js.map +1 -1
- package/es-custom/components/tabs/tab.d.ts +60 -1
- package/es-custom/components/tabs/tab.d.ts.map +1 -1
- package/es-custom/components/tabs/tab.js +76 -9
- package/es-custom/components/tabs/tab.js.map +1 -1
- package/es-custom/components/tabs/tabs-vertical.d.ts +29 -0
- package/es-custom/components/tabs/tabs-vertical.d.ts.map +1 -0
- package/es-custom/components/tabs/tabs-vertical.js +113 -0
- package/es-custom/components/tabs/tabs-vertical.js.map +1 -0
- package/es-custom/components/tabs/tabs.d.ts +34 -4
- package/es-custom/components/tabs/tabs.d.ts.map +1 -1
- package/es-custom/components/tabs/tabs.js +86 -19
- package/es-custom/components/tabs/tabs.js.map +1 -1
- package/es-custom/components/tabs/tabs.scss.js +1 -1
- package/es-custom/components/tabs/tabs.scss.js.map +1 -1
- package/es-custom/components/tag/tag.scss.js +1 -1
- package/es-custom/components/tearsheet/tearsheet.d.ts +1 -1
- package/es-custom/components/tearsheet/tearsheet.js +1 -1
- package/es-custom/components/tearsheet/tearsheet.js.map +1 -1
- package/es-custom/components/text-input/text-input.scss.js +1 -1
- package/es-custom/components/textarea/textarea.scss.js +1 -1
- package/es-custom/components/tile/clickable-tile.d.ts +1 -1
- package/es-custom/components/tile/clickable-tile.d.ts.map +1 -1
- package/es-custom/components/tile/clickable-tile.js +6 -1
- package/es-custom/components/tile/clickable-tile.js.map +1 -1
- package/es-custom/components/tile/radio-tile.d.ts +4 -1
- package/es-custom/components/tile/radio-tile.d.ts.map +1 -1
- package/es-custom/components/tile/radio-tile.js +23 -6
- package/es-custom/components/tile/radio-tile.js.map +1 -1
- package/es-custom/components/tile/tile.scss.js +1 -1
- package/es-custom/components/tile/tile.scss.js.map +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js +1 -1
- package/es-custom/components/toggle/toggle.scss.js +1 -1
- package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
- package/es-custom/components/tooltip/tooltip.scss.js +1 -1
- package/es-custom/components/tree-view/tree-view.scss.js +1 -1
- package/es-custom/components/ui-shell/header.scss.js +1 -1
- package/es-custom/components/ui-shell/side-nav.scss.js +1 -1
- package/es-custom/globals/decorators/carbon-element.js.map +1 -1
- package/es-custom/index.js +1 -1
- package/lib/components/button/button.d.ts +1 -1
- package/lib/components/button/button.d.ts.map +1 -1
- package/lib/components/dialog/dialog.d.ts +18 -7
- package/lib/components/dialog/dialog.d.ts.map +1 -1
- package/lib/components/feature-flags/index.d.ts.map +1 -1
- package/lib/components/file-uploader/file-uploader-button.d.ts.map +1 -1
- package/lib/components/file-uploader/file-uploader-drop-container.d.ts +1 -1
- package/lib/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
- package/lib/components/file-uploader/file-uploader-item.d.ts +4 -0
- package/lib/components/file-uploader/file-uploader-item.d.ts.map +1 -1
- package/lib/components/link/link.d.ts +1 -1
- package/lib/components/link/link.d.ts.map +1 -1
- package/lib/components/menu/menu-item.d.ts.map +1 -1
- package/lib/components/modal/modal-base.d.ts +144 -0
- package/lib/components/modal/modal-base.d.ts.map +1 -0
- package/lib/components/modal/modal.d.ts +15 -89
- package/lib/components/modal/modal.d.ts.map +1 -1
- package/lib/components/multi-select/multi-select.d.ts +4 -0
- package/lib/components/multi-select/multi-select.d.ts.map +1 -1
- package/lib/components/overflow-menu/overflow-menu-item.d.ts.map +1 -1
- package/lib/components/page-header/index.d.ts +4 -0
- package/lib/components/page-header/index.d.ts.map +1 -1
- package/lib/components/page-header/page-header-breadcrumb.d.ts +7 -0
- package/lib/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
- package/lib/components/page-header/page-header-content-text.d.ts +7 -0
- package/lib/components/page-header/page-header-content-text.d.ts.map +1 -1
- package/lib/components/page-header/page-header-content.d.ts +7 -0
- package/lib/components/page-header/page-header-content.d.ts.map +1 -1
- package/lib/components/page-header/page-header-hero-image.d.ts +7 -0
- package/lib/components/page-header/page-header-hero-image.d.ts.map +1 -1
- package/lib/components/page-header/page-header-tabs.d.ts +7 -0
- package/lib/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/lib/components/page-header/page-header.d.ts +7 -0
- package/lib/components/page-header/page-header.d.ts.map +1 -1
- package/lib/components/search/search.d.ts +4 -0
- package/lib/components/search/search.d.ts.map +1 -1
- package/lib/components/side-panel/side-panel.d.ts +1 -1
- package/lib/components/tabs/defs.d.ts +26 -0
- package/lib/components/tabs/defs.d.ts.map +1 -1
- package/lib/components/tabs/defs.js +29 -0
- package/lib/components/tabs/defs.js.map +1 -1
- package/lib/components/tabs/index.d.ts +1 -0
- package/lib/components/tabs/index.d.ts.map +1 -1
- package/lib/components/tabs/stories/tabs-wrapper.d.ts +9 -0
- package/lib/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
- package/lib/components/tabs/tab.d.ts +60 -1
- package/lib/components/tabs/tab.d.ts.map +1 -1
- package/lib/components/tabs/tabs-vertical.d.ts +29 -0
- package/lib/components/tabs/tabs-vertical.d.ts.map +1 -0
- package/lib/components/tabs/tabs.d.ts +34 -4
- package/lib/components/tabs/tabs.d.ts.map +1 -1
- package/lib/components/tearsheet/tearsheet.d.ts +1 -1
- package/lib/components/tile/clickable-tile.d.ts +1 -1
- package/lib/components/tile/clickable-tile.d.ts.map +1 -1
- package/lib/components/tile/radio-tile.d.ts +4 -1
- package/lib/components/tile/radio-tile.d.ts.map +1 -1
- package/package.json +9 -9
- package/scss/components/date-picker/date-picker.scss +2 -1
- package/scss/components/dialog/dialog.scss +10 -4
- package/scss/components/file-uploader/file-uploader.scss +4 -0
- package/scss/components/modal/modal.scss +28 -1
- package/scss/components/page-header/page-header.scss +2 -0
- package/scss/components/tabs/tabs-story.scss +5 -0
- package/scss/components/tabs/tabs.scss +289 -6
- package/scss/components/tile/tile.scss +67 -1
- package/telemetry.yml +12 -6
|
@@ -4,9 +4,16 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated PageHeader has moved to Carbon for IBM Products.
|
|
9
|
+
* See https://github.com/carbon-design-system/carbon/issues/21926
|
|
10
|
+
*/
|
|
7
11
|
import { LitElement } from 'lit';
|
|
8
12
|
/**
|
|
9
13
|
* Page header Content Text.
|
|
14
|
+
* @deprecated This component has moved to Carbon for IBM Products and is now maintained in
|
|
15
|
+
* `@carbon/ibm-products-web-components`.
|
|
16
|
+
* See https://github.com/carbon-design-system/carbon/issues/21926
|
|
10
17
|
* @element cds-page-header-content-text
|
|
11
18
|
*/
|
|
12
19
|
declare class CDSPageHeaderContentText extends LitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-content-text.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC
|
|
1
|
+
{"version":3,"file":"page-header-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-content-text.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;;;GAMG;AACH,cACM,wBAAyB,SAAQ,UAAU;IAC/C;;OAEG;IAEH,QAAQ,SAAM;IAEd,MAAM;IAYN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,wBAAwB,CAAC"}
|
|
@@ -4,9 +4,16 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated PageHeader has moved to Carbon for IBM Products.
|
|
9
|
+
* See https://github.com/carbon-design-system/carbon/issues/21926
|
|
10
|
+
*/
|
|
7
11
|
import { LitElement } from 'lit';
|
|
8
12
|
/**
|
|
9
13
|
* Page header content.
|
|
14
|
+
* @deprecated This component has moved to Carbon for IBM Products and is now maintained in
|
|
15
|
+
* `@carbon/ibm-products-web-components`.
|
|
16
|
+
* See https://github.com/carbon-design-system/carbon/issues/21926
|
|
10
17
|
* @element cds-page-header-content
|
|
11
18
|
*/
|
|
12
19
|
declare class CDSPageHeaderContent extends LitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header-content.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-content.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC
|
|
1
|
+
{"version":3,"file":"page-header-content.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-content.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;;;;GAMG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAS;IAEtC;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAY7C;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;;OAGG;IAEH,UAAU,UAAS;IAEnB,OAAO;IAWP,MAAM;IAgDN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
|
|
@@ -4,9 +4,16 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated PageHeader has moved to Carbon for IBM Products.
|
|
9
|
+
* See https://github.com/carbon-design-system/carbon/issues/21926
|
|
10
|
+
*/
|
|
7
11
|
import { LitElement } from 'lit';
|
|
8
12
|
/**
|
|
9
13
|
* Page header Hero Image.
|
|
14
|
+
* @deprecated This component has moved to Carbon for IBM Products and is now maintained in
|
|
15
|
+
* `@carbon/ibm-products-web-components`.
|
|
16
|
+
* See https://github.com/carbon-design-system/carbon/issues/21926
|
|
10
17
|
* @element cds-page-header-hero-image
|
|
11
18
|
*/
|
|
12
19
|
declare class CDSPageHeaderHeroImage extends LitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header-hero-image.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-hero-image.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC
|
|
1
|
+
{"version":3,"file":"page-header-hero-image.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-hero-image.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;;GAMG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC"}
|
|
@@ -4,9 +4,16 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated PageHeader has moved to Carbon for IBM Products.
|
|
9
|
+
* See https://github.com/carbon-design-system/carbon/issues/21926
|
|
10
|
+
*/
|
|
7
11
|
import { LitElement } from 'lit';
|
|
8
12
|
/**
|
|
9
13
|
* Page header Tabs Bar.
|
|
14
|
+
* @deprecated This component has moved to Carbon for IBM Products and is now maintained in
|
|
15
|
+
* `@carbon/ibm-products-web-components`.
|
|
16
|
+
* See https://github.com/carbon-design-system/carbon/issues/21926
|
|
10
17
|
* @element cds-page-header-tabs
|
|
11
18
|
*/
|
|
12
19
|
declare class CDSPageHeaderTabs extends LitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC
|
|
1
|
+
{"version":3,"file":"page-header-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;;GAMG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC,MAAM;IAcN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -4,9 +4,16 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated PageHeader has moved to Carbon for IBM Products.
|
|
9
|
+
* See https://github.com/carbon-design-system/carbon/issues/21926
|
|
10
|
+
*/
|
|
7
11
|
import { LitElement } from 'lit';
|
|
8
12
|
/**
|
|
9
13
|
* Page header.
|
|
14
|
+
* @deprecated This component has moved to Carbon for IBM Products and is now maintained in
|
|
15
|
+
* `@carbon/ibm-products-web-components`.
|
|
16
|
+
* See https://github.com/carbon-design-system/carbon/issues/21926
|
|
10
17
|
* @element cds-page-header
|
|
11
18
|
*/
|
|
12
19
|
declare class CDSPageHeader extends LitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC
|
|
1
|
+
{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;;GAMG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC,MAAM;IAMN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -81,6 +81,10 @@ declare class CDSSearch extends CDSSearch_base {
|
|
|
81
81
|
* defaults to "off"
|
|
82
82
|
*/
|
|
83
83
|
autoComplete: string;
|
|
84
|
+
/**
|
|
85
|
+
* Sets the input to be focussed automatically on page load. Defaults to false
|
|
86
|
+
*/
|
|
87
|
+
autofocus: boolean;
|
|
84
88
|
/**
|
|
85
89
|
* Specify a label to be read by screen readers on the "close" button
|
|
86
90
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAOrC,OAAO,EAAE,WAAW,EAAE,CAAC;;;;;;;;;;uBAHwB,CAAA;;;;;;;;;;;;AAK/C;;;;;;;;;;GAUG;AACH,cACM,SAAU,SAAQ,cAAoD;IAC1E;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAqBpC;;OAEG;IAKH,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,eAAe;IAMvB;;;;OAIG;IAIH,OAAO,CAAC,WAAW;IA4CnB;;;OAGG;IAIH,OAAO,CAAC,YAAY;IAMpB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAQzB,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;;OAGG;IACH,OAAO,CAAC,eAAe;IAYvB;;;OAGG;IAEH,YAAY,SAAS;IAErB;;OAEG;IAEH,oBAAoB,SAAM;IAE1B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,WAAW,SAAY;IAEvB;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;
|
|
1
|
+
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAOrC,OAAO,EAAE,WAAW,EAAE,CAAC;;;;;;;;;;uBAHwB,CAAA;;;;;;;;;;;;AAK/C;;;;;;;;;;GAUG;AACH,cACM,SAAU,SAAQ,cAAoD;IAC1E;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAqBpC;;OAEG;IAKH,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,eAAe;IAMvB;;;;OAIG;IAIH,OAAO,CAAC,WAAW;IA4CnB;;;OAGG;IAIH,OAAO,CAAC,YAAY;IAMpB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAQzB,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;;OAGG;IACH,OAAO,CAAC,eAAe;IAYvB;;;OAGG;IAEH,YAAY,SAAS;IAErB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,oBAAoB,SAAM;IAE1B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,WAAW,SAAY;IAEvB;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IAiEN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -46,6 +46,15 @@ export declare enum TABS_TYPE {
|
|
|
46
46
|
*/
|
|
47
47
|
CONTAINED = "contained"
|
|
48
48
|
}
|
|
49
|
+
/**
|
|
50
|
+
* Vertical navigation direction, associated with key symbols.
|
|
51
|
+
*/
|
|
52
|
+
export declare const VERTICAL_NAVIGATION_DIRECTION: {
|
|
53
|
+
Up: number;
|
|
54
|
+
ArrowUp: number;
|
|
55
|
+
Down: number;
|
|
56
|
+
ArrowDown: number;
|
|
57
|
+
};
|
|
49
58
|
/**
|
|
50
59
|
* Tabs icon sizes.
|
|
51
60
|
*/
|
|
@@ -59,4 +68,21 @@ export declare enum TABS_ICON_SIZE {
|
|
|
59
68
|
*/
|
|
60
69
|
LARGE = "lg"
|
|
61
70
|
}
|
|
71
|
+
/**
|
|
72
|
+
* Tabs size.
|
|
73
|
+
*/
|
|
74
|
+
export declare enum TABS_SIZE {
|
|
75
|
+
/**
|
|
76
|
+
* Small size.
|
|
77
|
+
*/
|
|
78
|
+
SMALL = "sm",
|
|
79
|
+
/**
|
|
80
|
+
* Medium size.
|
|
81
|
+
*/
|
|
82
|
+
MEDIUM = "md",
|
|
83
|
+
/**
|
|
84
|
+
* Large size.
|
|
85
|
+
*/
|
|
86
|
+
LARGE = "lg"
|
|
87
|
+
}
|
|
62
88
|
//# sourceMappingURL=defs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,SAAS,cAAc;CACxB;AAED;;GAEG;AACH,oBAAY,cAAc;IACxB;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,KAAK,OAAO;CACb"}
|
|
1
|
+
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,SAAS,cAAc;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,6BAA6B;;;;;CAKzC,CAAC;AAEF;;GAEG;AACH,oBAAY,cAAc;IACxB;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,KAAK,OAAO;CACb;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb"}
|
|
@@ -58,6 +58,15 @@ let TABS_TYPE = /* @__PURE__ */ function(TABS_TYPE) {
|
|
|
58
58
|
return TABS_TYPE;
|
|
59
59
|
}({});
|
|
60
60
|
/**
|
|
61
|
+
* Vertical navigation direction, associated with key symbols.
|
|
62
|
+
*/
|
|
63
|
+
const VERTICAL_NAVIGATION_DIRECTION = {
|
|
64
|
+
Up: -1,
|
|
65
|
+
ArrowUp: -1,
|
|
66
|
+
Down: 1,
|
|
67
|
+
ArrowDown: 1
|
|
68
|
+
};
|
|
69
|
+
/**
|
|
61
70
|
* Tabs icon sizes.
|
|
62
71
|
*/
|
|
63
72
|
let TABS_ICON_SIZE = /* @__PURE__ */ function(TABS_ICON_SIZE) {
|
|
@@ -71,9 +80,29 @@ let TABS_ICON_SIZE = /* @__PURE__ */ function(TABS_ICON_SIZE) {
|
|
|
71
80
|
TABS_ICON_SIZE["LARGE"] = "lg";
|
|
72
81
|
return TABS_ICON_SIZE;
|
|
73
82
|
}({});
|
|
83
|
+
/**
|
|
84
|
+
* Tabs size.
|
|
85
|
+
*/
|
|
86
|
+
let TABS_SIZE = /* @__PURE__ */ function(TABS_SIZE) {
|
|
87
|
+
/**
|
|
88
|
+
* Small size.
|
|
89
|
+
*/
|
|
90
|
+
TABS_SIZE["SMALL"] = "sm";
|
|
91
|
+
/**
|
|
92
|
+
* Medium size.
|
|
93
|
+
*/
|
|
94
|
+
TABS_SIZE["MEDIUM"] = "md";
|
|
95
|
+
/**
|
|
96
|
+
* Large size.
|
|
97
|
+
*/
|
|
98
|
+
TABS_SIZE["LARGE"] = "lg";
|
|
99
|
+
return TABS_SIZE;
|
|
100
|
+
}({});
|
|
74
101
|
//#endregion
|
|
75
102
|
exports.TABS_ICON_SIZE = TABS_ICON_SIZE;
|
|
76
103
|
exports.TABS_KEYBOARD_ACTION = TABS_KEYBOARD_ACTION;
|
|
104
|
+
exports.TABS_SIZE = TABS_SIZE;
|
|
77
105
|
exports.TABS_TYPE = TABS_TYPE;
|
|
106
|
+
exports.VERTICAL_NAVIGATION_DIRECTION = VERTICAL_NAVIGATION_DIRECTION;
|
|
78
107
|
|
|
79
108
|
//# sourceMappingURL=defs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/tabs/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum TABS_KEYBOARD_ACTION {\n /**\n * Not doing any action.\n */\n NONE = 'none',\n\n /**\n * Keyboard action to navigate back/forward.\n */\n NAVIGATING = 'navigating',\n\n /**\n * Keyboard action to Enter/Space.\n */\n ACTIVATING = 'activating',\n\n /**\n * Keyboard action to navigate to first tab using home key\n */\n HOME = 'home',\n\n /**\n * Keyboard action to navigate to last tab using end key\n */\n END = 'end',\n}\n\n/**\n * Tabs types.\n */\nexport enum TABS_TYPE {\n /**\n * Regular tabs.\n */\n REGULAR = '',\n\n /**\n * Container type.\n */\n CONTAINER = 'container',\n\n /**\n * Contained type.\n */\n CONTAINED = 'contained',\n}\n\n/**\n * Tabs icon sizes.\n */\nexport enum TABS_ICON_SIZE {\n /**\n * Default icon size.\n */\n DEFAULT = 'default',\n\n /**\n * Large icon size.\n */\n LARGE = 'lg',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAY,uBAAL,yBAAA,sBAAA;;;;AAIL,sBAAA,UAAA;;;;AAKA,sBAAA,gBAAA;;;;AAKA,sBAAA,gBAAA;;;;AAKA,sBAAA,UAAA;;;;AAKA,sBAAA,SAAA;;KACD;;;;AAKD,IAAY,YAAL,yBAAA,WAAA;;;;AAIL,WAAA,aAAA;;;;AAKA,WAAA,eAAA;;;;AAKA,WAAA,eAAA;;KACD;;;;AAKD,IAAY,iBAAL,yBAAA,gBAAA;;;;AAIL,gBAAA,aAAA;;;;AAKA,gBAAA,WAAA;;KACD"}
|
|
1
|
+
{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/tabs/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum TABS_KEYBOARD_ACTION {\n /**\n * Not doing any action.\n */\n NONE = 'none',\n\n /**\n * Keyboard action to navigate back/forward.\n */\n NAVIGATING = 'navigating',\n\n /**\n * Keyboard action to Enter/Space.\n */\n ACTIVATING = 'activating',\n\n /**\n * Keyboard action to navigate to first tab using home key\n */\n HOME = 'home',\n\n /**\n * Keyboard action to navigate to last tab using end key\n */\n END = 'end',\n}\n\n/**\n * Tabs types.\n */\nexport enum TABS_TYPE {\n /**\n * Regular tabs.\n */\n REGULAR = '',\n\n /**\n * Container type.\n */\n CONTAINER = 'container',\n\n /**\n * Contained type.\n */\n CONTAINED = 'contained',\n}\n\n/**\n * Vertical navigation direction, associated with key symbols.\n */\nexport const VERTICAL_NAVIGATION_DIRECTION = {\n Up: -1,\n ArrowUp: -1,\n Down: 1,\n ArrowDown: 1,\n};\n\n/**\n * Tabs icon sizes.\n */\nexport enum TABS_ICON_SIZE {\n /**\n * Default icon size.\n */\n DEFAULT = 'default',\n\n /**\n * Large icon size.\n */\n LARGE = 'lg',\n}\n\n/**\n * Tabs size.\n */\nexport enum TABS_SIZE {\n /**\n * Small size.\n */\n SMALL = 'sm',\n\n /**\n * Medium size.\n */\n MEDIUM = 'md',\n\n /**\n * Large size.\n */\n LARGE = 'lg',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAY,uBAAL,yBAAA,sBAAA;;;;AAIL,sBAAA,UAAA;;;;AAKA,sBAAA,gBAAA;;;;AAKA,sBAAA,gBAAA;;;;AAKA,sBAAA,UAAA;;;;AAKA,sBAAA,SAAA;;KACD;;;;AAKD,IAAY,YAAL,yBAAA,WAAA;;;;AAIL,WAAA,aAAA;;;;AAKA,WAAA,eAAA;;;;AAKA,WAAA,eAAA;;KACD;;;;AAKD,MAAa,gCAAgC;CAC3C,IAAI;CACJ,SAAS;CACT,MAAM;CACN,WAAW;CACZ;;;;AAKD,IAAY,iBAAL,yBAAA,gBAAA;;;;AAIL,gBAAA,aAAA;;;;AAKA,gBAAA,WAAA;;KACD;;;;AAKD,IAAY,YAAL,yBAAA,WAAA;;;;AAIL,WAAA,WAAA;;;;AAKA,WAAA,YAAA;;;;AAKA,WAAA,WAAA;;KACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,QAAQ,CAAC;AAChB,OAAO,OAAO,CAAC;AACf,OAAO,gBAAgB,CAAC;AACxB,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,QAAQ,CAAC;AAChB,OAAO,OAAO,CAAC;AACf,OAAO,gBAAgB,CAAC;AACxB,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,YAAY,CAAC"}
|
|
@@ -5,11 +5,16 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import { LitElement } from 'lit';
|
|
8
|
+
import { TABS_SIZE } from '../defs';
|
|
8
9
|
import '../../button';
|
|
9
10
|
/**
|
|
10
11
|
* Wrapper component for dismissable tabs story with state management
|
|
11
12
|
*/
|
|
12
13
|
export declare class DismissableTabsWrapper extends LitElement {
|
|
14
|
+
/**
|
|
15
|
+
* Whether to render tabs with icons
|
|
16
|
+
*/
|
|
17
|
+
withIcons: boolean;
|
|
13
18
|
private _defaultTabs;
|
|
14
19
|
/**
|
|
15
20
|
* Array of tab configurations
|
|
@@ -35,6 +40,10 @@ export declare class DismissableTabsWrapper extends LitElement {
|
|
|
35
40
|
* Selected index for the initially selected content
|
|
36
41
|
*/
|
|
37
42
|
selectedIndex: number;
|
|
43
|
+
/**
|
|
44
|
+
* Size of the tabs
|
|
45
|
+
*/
|
|
46
|
+
size?: TABS_SIZE;
|
|
38
47
|
/**
|
|
39
48
|
* Handle tab dismissed event
|
|
40
49
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/stories/tabs-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"tabs-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/stories/tabs-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMpC,OAAO,cAAc,CAAC;AAEtB;;GAEG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD;;OAEG;IAEH,SAAS,UAAS;IAElB,OAAO,CAAC,YAAY,CAgBlB;IACF;;OAEG;IAEH,OAAO,CAAC,KAAK,CAAqB;IAElC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAClB;;OAEG;IAEH,WAAW,UAAQ;IAEnB;;OAEG;IAEH,aAAa,SAAe;IAE5B;;OAEG;IAEH,aAAa,SAAK;IAElB;;OAEG;IAEH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAKxB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,SAAS;IAIjB,MAAM;IA4CN;;OAEG;IACH,gBAAgB;CAGjB"}
|
|
@@ -7,6 +7,20 @@
|
|
|
7
7
|
import CDSContentSwitcherItem from '../content-switcher/content-switcher-item';
|
|
8
8
|
import { TABS_ICON_SIZE, TABS_TYPE } from './defs';
|
|
9
9
|
import '../button/button';
|
|
10
|
+
declare const CDSTab_base: {
|
|
11
|
+
new (...args: any[]): {
|
|
12
|
+
_handles: Set<import("../../globals/internal/handle").default>;
|
|
13
|
+
connectedCallback(): void;
|
|
14
|
+
disconnectedCallback(): void;
|
|
15
|
+
};
|
|
16
|
+
_hostListeners: {
|
|
17
|
+
[listenerName: string]: {
|
|
18
|
+
[type: string]: {
|
|
19
|
+
options?: boolean | AddEventListenerOptions;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
} & typeof CDSContentSwitcherItem;
|
|
10
24
|
/**
|
|
11
25
|
* Basic tab.
|
|
12
26
|
*
|
|
@@ -16,7 +30,7 @@ import '../button/button';
|
|
|
16
30
|
* Cancellation of this event stops changing the user-initiated action.
|
|
17
31
|
* @fires cds-tab-closed - The custom event fired after a a tab is closed upon a user gesture.
|
|
18
32
|
*/
|
|
19
|
-
export default class CDSTab extends
|
|
33
|
+
export default class CDSTab extends CDSTab_base {
|
|
20
34
|
/**
|
|
21
35
|
* `true` if this tab should be highlighted.
|
|
22
36
|
* If `true`, parent `<cds-tabs>` selects/deselects this tab upon keyboard interaction.
|
|
@@ -28,6 +42,11 @@ export default class CDSTab extends CDSContentSwitcherItem {
|
|
|
28
42
|
* Tab type.
|
|
29
43
|
*/
|
|
30
44
|
type: TABS_TYPE;
|
|
45
|
+
/**
|
|
46
|
+
* `true` if the tab is in vertical orientation.
|
|
47
|
+
* This is automatically set by the parent `<cds-tabs>` when it's in vertical mode.
|
|
48
|
+
*/
|
|
49
|
+
vertical: boolean;
|
|
31
50
|
/**
|
|
32
51
|
* `true` if this tab is icon-only.
|
|
33
52
|
*/
|
|
@@ -40,10 +59,20 @@ export default class CDSTab extends CDSContentSwitcherItem {
|
|
|
40
59
|
* The tab text content.
|
|
41
60
|
*/
|
|
42
61
|
tabTitle: any;
|
|
62
|
+
/**
|
|
63
|
+
* An optional label to render under the primary tab label.
|
|
64
|
+
* Only useful for contained tabs.
|
|
65
|
+
*/
|
|
66
|
+
secondaryLabel?: string;
|
|
43
67
|
/**
|
|
44
68
|
* **Experimental**: Display an empty dot badge on the Tab.
|
|
45
69
|
*/
|
|
46
70
|
badgeIndicator: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* `true` if the tab text is truncated with ellipsis.
|
|
73
|
+
* This state is automatically updated when the component renders in vertical mode.
|
|
74
|
+
*/
|
|
75
|
+
truncated: boolean;
|
|
47
76
|
/**
|
|
48
77
|
* Whether this tab should be dismissable.
|
|
49
78
|
*/
|
|
@@ -52,12 +81,41 @@ export default class CDSTab extends CDSContentSwitcherItem {
|
|
|
52
81
|
* The index of the tab component
|
|
53
82
|
*/
|
|
54
83
|
_index: number;
|
|
84
|
+
/**
|
|
85
|
+
* Reference to the label span element (only present in vertical mode).
|
|
86
|
+
* @private
|
|
87
|
+
*/
|
|
88
|
+
private _labelElement?;
|
|
89
|
+
/**
|
|
90
|
+
* Checks if the text overflow ellipsis is currently applied to the label.
|
|
91
|
+
* This is useful for determining if a tooltip should be shown.
|
|
92
|
+
*
|
|
93
|
+
* @returns `true` if text is truncated/clamped, `false` otherwise or if not in vertical mode
|
|
94
|
+
*/
|
|
95
|
+
isTextTruncated(): boolean;
|
|
96
|
+
/**
|
|
97
|
+
* Updates the truncated state after the component has rendered.
|
|
98
|
+
*/
|
|
99
|
+
updated(changedProperties: Map<PropertyKey, unknown>): void;
|
|
55
100
|
/**
|
|
56
101
|
* Handles `slotchange` event.
|
|
57
102
|
*/
|
|
58
103
|
protected _handleSlotChange({ target }: Event): void;
|
|
104
|
+
/**
|
|
105
|
+
* Handles `keydown` event on the tab.
|
|
106
|
+
* Triggers tab close when Delete key is pressed on a dismissable tab.
|
|
107
|
+
*/
|
|
108
|
+
protected _handleKeydown(event: KeyboardEvent): void;
|
|
59
109
|
connectedCallback(): void;
|
|
60
110
|
render(): import("lit-html").TemplateResult<1>;
|
|
111
|
+
/**
|
|
112
|
+
* Handles the close action for the tab.
|
|
113
|
+
* Dispatches before-close and close events.
|
|
114
|
+
*/
|
|
115
|
+
protected _handleClose(event: Event): void;
|
|
116
|
+
/**
|
|
117
|
+
* Handles click event on the close button.
|
|
118
|
+
*/
|
|
61
119
|
_handleClick(event: Event): void;
|
|
62
120
|
/**
|
|
63
121
|
* The name of the custom event fired before a tab is closed upon a user gesture.
|
|
@@ -70,4 +128,5 @@ export default class CDSTab extends CDSContentSwitcherItem {
|
|
|
70
128
|
static get eventClose(): string;
|
|
71
129
|
static styles: any;
|
|
72
130
|
}
|
|
131
|
+
export {};
|
|
73
132
|
//# sourceMappingURL=tab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAKnD,OAAO,kBAAkB,CAAC;;;;;;;;;;uBAE6B,CAAC;;;;;AAGxD;;;;;;;;GAQG;AAEH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,WAAyC;IAC3E;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;OAEG;IAEH,QAAQ,MAAC;IAET;;;OAGG;IAEH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;;OAGG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,MAAM,SAAM;IAEZ;;;OAGG;IAEH,OAAO,CAAC,aAAa,CAAC,CAAc;IAEpC;;;;;OAKG;IACH,eAAe,IAAI,OAAO;IAU1B;;OAEG;IACH,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAYpD;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAQ7C;;;OAGG;IAEH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IAY7C,iBAAiB;IAOjB,MAAM;IAuFN;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK;IAwBnC;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,KAAK;IAIzB;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2019, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import { LitElement } from 'lit';
|
|
8
|
+
/**
|
|
9
|
+
* Vertical tabs container component.
|
|
10
|
+
*
|
|
11
|
+
* @element cds-tabs-vertical
|
|
12
|
+
* @slot tabs - The `<cds-tabs>` navigation element.
|
|
13
|
+
* @slot panel - One or more `<div role="tabpanel">` elements.
|
|
14
|
+
*/
|
|
15
|
+
export default class CDSTabsVertical extends LitElement {
|
|
16
|
+
/**
|
|
17
|
+
* Option to set a height style only if using vertical variation.
|
|
18
|
+
*/
|
|
19
|
+
customHeight?: string;
|
|
20
|
+
private _mediaQueryList;
|
|
21
|
+
private _handleViewportChange;
|
|
22
|
+
firstUpdated(): void;
|
|
23
|
+
updated(changedProperties: any): void;
|
|
24
|
+
disconnectedCallback(): void;
|
|
25
|
+
private _applyHeight;
|
|
26
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
27
|
+
static styles: any;
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=tabs-vertical.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs-vertical.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-vertical.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAevC;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IACrD;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,eAAe,CAA+B;IAEtD,OAAO,CAAC,qBAAqB,CAe3B;IAEF,YAAY;IAeZ,OAAO,CAAC,iBAAiB,KAAA;IAOzB,oBAAoB;IASpB,OAAO,CAAC,YAAY;IA2CpB,MAAM;IASN,MAAM,CAAC,MAAM,MAAU;CACxB"}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { TemplateResult } from 'lit';
|
|
8
8
|
import CDSContentSwitcher, { NAVIGATION_DIRECTION } from '../content-switcher/content-switcher';
|
|
9
|
-
import { TABS_ICON_SIZE, TABS_KEYBOARD_ACTION, TABS_TYPE } from './defs';
|
|
9
|
+
import { VERTICAL_NAVIGATION_DIRECTION, TABS_ICON_SIZE, TABS_KEYBOARD_ACTION, TABS_TYPE, TABS_SIZE } from './defs';
|
|
10
10
|
import CDSTab from './tab';
|
|
11
|
-
export { NAVIGATION_DIRECTION, TABS_ICON_SIZE, TABS_KEYBOARD_ACTION, TABS_TYPE, };
|
|
11
|
+
export { NAVIGATION_DIRECTION, VERTICAL_NAVIGATION_DIRECTION, TABS_ICON_SIZE, TABS_KEYBOARD_ACTION, TABS_TYPE, TABS_SIZE, };
|
|
12
12
|
declare const CDSTabs_base: {
|
|
13
13
|
new (...args: any[]): {
|
|
14
14
|
_handles: Set<import("../../globals/internal/handle").default>;
|
|
@@ -57,6 +57,10 @@ export default class CDSTabs extends CDSTabs_base {
|
|
|
57
57
|
* The width of the overflow scroll buttons.
|
|
58
58
|
*/
|
|
59
59
|
private BUTTON_WIDTH;
|
|
60
|
+
/**
|
|
61
|
+
* Propagates the layout size token to the host and all child tabs.
|
|
62
|
+
*/
|
|
63
|
+
private _syncSizeToTabs;
|
|
60
64
|
/**
|
|
61
65
|
* Navigates through tabs.
|
|
62
66
|
*
|
|
@@ -77,6 +81,13 @@ export default class CDSTabs extends CDSTabs_base {
|
|
|
77
81
|
* If null or undefined, all tabs will have their highlighted state set to false.
|
|
78
82
|
*/
|
|
79
83
|
protected resetHighlighted(nextItem?: CDSTab | null): void;
|
|
84
|
+
/**
|
|
85
|
+
* Resets the selected state of all tabs, setting only the specified tab as selected.
|
|
86
|
+
*
|
|
87
|
+
* @param nextItem The tab item to be selected. If provided, only this item will be selected.
|
|
88
|
+
* If null or undefined, all tabs will have their selected state set to false.
|
|
89
|
+
*/
|
|
90
|
+
protected resetSelected(nextItem?: CDSTab | null): void;
|
|
80
91
|
protected _handleClick(event: MouseEvent): void;
|
|
81
92
|
protected _handleKeydown(event: KeyboardEvent): void;
|
|
82
93
|
protected _handleTabClosed(event: CustomEvent): void;
|
|
@@ -90,7 +101,12 @@ export default class CDSTabs extends CDSTabs_base {
|
|
|
90
101
|
protected _handleScrollButtonClick(_: any, { direction }: {
|
|
91
102
|
direction: any;
|
|
92
103
|
}): void;
|
|
104
|
+
private _syncSecondaryLabels;
|
|
93
105
|
_handleSlotchange(): void;
|
|
106
|
+
/**
|
|
107
|
+
* Updates the vertical attribute on all child tabs based on the vertical property.
|
|
108
|
+
*/
|
|
109
|
+
private _updateTabsVerticalAttribute;
|
|
94
110
|
protected _selectionDidChange(itemToSelect: CDSTab, interactionType?: 'mouse' | 'keyboard' | undefined): void;
|
|
95
111
|
/**
|
|
96
112
|
* The scrolling container.
|
|
@@ -130,14 +146,27 @@ export default class CDSTabs extends CDSTabs_base {
|
|
|
130
146
|
* Tabs type.
|
|
131
147
|
*/
|
|
132
148
|
type: TABS_TYPE;
|
|
149
|
+
/**
|
|
150
|
+
* `true` if the tabs are in vertical orientation.
|
|
151
|
+
* This is automatically set by `cds-tabs-vertical`.
|
|
152
|
+
*/
|
|
153
|
+
vertical: boolean;
|
|
133
154
|
/**
|
|
134
155
|
* Whether the rendered Tab children should be dismissable.
|
|
135
156
|
*/
|
|
136
157
|
dismissable: any;
|
|
158
|
+
/**
|
|
159
|
+
* Specify the size of contained tabs.
|
|
160
|
+
*/
|
|
161
|
+
size?: TABS_SIZE;
|
|
137
162
|
/**
|
|
138
163
|
* Specify the icon size used by icon-only tabs.
|
|
139
164
|
*/
|
|
140
165
|
iconSize?: TABS_ICON_SIZE;
|
|
166
|
+
/**
|
|
167
|
+
* Used for tabs within a grid, this makes it so tabs span the full container width and have the same width. Only available on contained tabs with <9 children
|
|
168
|
+
*/
|
|
169
|
+
fullWidth: boolean;
|
|
141
170
|
/**
|
|
142
171
|
* `true` if left-hand scroll intersection sentinel intersects with the host element.
|
|
143
172
|
* In this condition, the left-hand paginator button should be hidden.
|
|
@@ -216,8 +245,9 @@ export default class CDSTabs extends CDSTabs_base {
|
|
|
216
245
|
static styles: any;
|
|
217
246
|
/**
|
|
218
247
|
* @param key The key symbol.
|
|
219
|
-
* @
|
|
248
|
+
* @param isVertical Whether the tabs are in vertical orientation.
|
|
249
|
+
* @returns A action for tabs for the given key symbol.
|
|
220
250
|
*/
|
|
221
|
-
static getAction(key: string): TABS_KEYBOARD_ACTION;
|
|
251
|
+
static getAction(key: string, isVertical?: boolean): TABS_KEYBOARD_ACTION;
|
|
222
252
|
}
|
|
223
253
|
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAU3C,OAAO,kBAAkB,EAAE,EACzB,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAU3C,OAAO,kBAAkB,EAAE,EACzB,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,6BAA6B,EAC7B,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,SAAS,EACV,MAAM,QAAQ,CAAC;AAChB,OAAO,MAAM,MAAM,OAAO,CAAC;AAI3B,OAAO,EACL,oBAAoB,EACpB,6BAA6B,EAC7B,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,SAAS,GACV,CAAC;;;;;;;;;;uBAjBC,CAAC;;;;;AAmBJ;;;;;;;;GAQG;AAEH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAqC;IACxE;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAEtC;;OAEG;IAGH,OAAO,CAAC,aAAa,CAAK;IAE1B;;OAEG;IACH,OAAO,CAAC,UAAU,CAAK;IAEvB;;OAEG;IAGH,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,OAAO,CAAwB;IAEvC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAM;IAE1B;;OAEG;IACH,OAAO,CAAC,eAAe;IAuBvB;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IA+BrC;;;;;OAKG;IACH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAOnD;;;;;OAKG;IACH,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAQhD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IASxC,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IA2E7C,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,WAAW;IAyD7C;;;;;;OAMG;IACH,SAAS,CAAC,wBAAwB,CAAC,CAAC,KAAA,EAAE,EAAE,SAAS,EAAE;;KAAA;IA4BnD,OAAO,CAAC,oBAAoB;IAW5B,iBAAiB;IAoBjB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAWpC,SAAS,CAAC,mBAAmB,CAC3B,YAAY,EAAE,MAAM,EACpB,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS;IAMpD;;OAEG;IAEH,OAAO,CAAC,qBAAqB,CAAC,CAAc;IAE5C;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;OAEG;IAEH,OAAO,CAAC,sBAAsB,CAAK;IAEnC;;;OAGG;IAEH,OAAO,CAAC,6BAA6B,CAAC,CAAc;IAEpD;;;OAGG;IAEH,OAAO,CAAC,8BAA8B,CAAC,CAAc;IAErD;;OAEG;IAEH,2BAA2B,SACkC;IAE7D;;OAEG;IAEH,yBAAyB,SAAuB;IAEhD;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB;;;OAGG;IAEH,QAAQ,UAAS;IACjB;;OAEG;IAEH,WAAW,MAAC;IAEZ;;OAEG;IAEH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IAEH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;OAEG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,OAAO,CAAC,mCAAmC,CAAQ;IAEnD;;;OAGG;IAEH,OAAO,CAAC,oCAAoC,CAAQ;IAEpD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAqC;IAElE;;;;OAIG;IACH,OAAO,CAAC,6BAA6B,CAcnC;IAEF;;;;;OAKG;IACH,OAAO,CAAC,4CAA4C;IA+BpD,oBAAoB;IAKpB,YAAY,CAAC,iBAAiB,KAAA;IAsB9B,YAAY;IASZ,OAAO,CAAC,iBAAiB,KAAA;IAyDzB;;OAEG;IACH,SAAS,CAAC,oBAAoB,IAAI,cAAc,GAAG,IAAI;IA0BvD;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,cAAc,GAAG,IAAI;IA0BnD,MAAM;IA8BN,SAAS,CAAC,gBAAgB;IAS1B,SAAS,CAAC,eAAe;IAiBzB;;OAEG;IACH,MAAM,CAAC,YAAY,cAA2B;IAE9C;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;IAEvB;;;;OAIG;IACH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,UAAQ;CAmBjD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clickable-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/clickable-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"clickable-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/clickable-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAS3C;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,OAAO;IAEpC,SAAS,KAAK,QAAQ,IAAI,GAAG,CAU5B;IAED;;;;OAIG;IAEH,WAAW,oBAA6B;IAExC;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;;OAGG;IAEH,iBAAiB,UAAS;IAG1B,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,UAAS;IAEb;;;;;OAKG;IACH,iBAAiB;IAQjB;;OAEG;IACH,SAAS,CAAC,YAAY;IAuBtB;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2019,
|
|
2
|
+
* Copyright IBM Corp. 2019, 2026
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -13,11 +13,14 @@ import SelectableTile from './selectable-tile';
|
|
|
13
13
|
* The name of the custom event fired after this radio tile changes its selected state.
|
|
14
14
|
*/
|
|
15
15
|
declare class CDSRadioTile extends SelectableTile {
|
|
16
|
+
private _hasRadioButtonIcons;
|
|
17
|
+
connectedCallback(): void;
|
|
16
18
|
/**
|
|
17
19
|
* Handles `change` event on the `<input>` in the shadow DOM.
|
|
18
20
|
*/
|
|
19
21
|
protected _handleChange(): void;
|
|
20
22
|
protected _handleKeydown: (event: KeyboardEvent) => void;
|
|
23
|
+
protected _renderIcon(): import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/unsafe-svg.js").UnsafeSVGDirective> | import("lit-html").TemplateResult | null;
|
|
21
24
|
render(): import("lit-html").TemplateResult<1>;
|
|
22
25
|
/**
|
|
23
26
|
* The name of the custom event fired after this selectable tile changes its selected state.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/radio-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,cAAc,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"radio-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/radio-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAQ/C;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,cAAc;IACvC,OAAO,CAAC,oBAAoB,CAAS;IAErC,iBAAiB;IAcjB;;OAEG;IACH,SAAS,CAAC,aAAa;IAgBvB,SAAS,CAAC,cAAc,GAAI,OAAO,aAAa,UAI9C;IAEF,SAAS,CAAC,WAAW;IAgBrB,MAAM;IA2CN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;CACF;AAED,eAAe,YAAY,CAAC"}
|