@brandsync/wc 1.12.0 → 1.13.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/CHANGELOG.md +24 -0
- package/CONVENTIONS.md +109 -0
- package/REFERENCE.md +1357 -0
- package/custom-elements.json +2628 -338
- package/dist/brandsync-wc/brandsync-wc.css +1 -1783
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/{p-83c90489.entry.js → p-00be9a64.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b9ccd9d1.entry.js → p-020cb767.entry.js} +1 -1
- package/dist/brandsync-wc/p-046a53de.entry.js +1 -0
- package/dist/brandsync-wc/{p-282ddbee.entry.js → p-07966676.entry.js} +1 -1
- package/dist/brandsync-wc/p-0cb6fc39.entry.js +1 -0
- package/dist/brandsync-wc/{p-2497d128.entry.js → p-0e940ee1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e5daa6ca.entry.js → p-10290c41.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e2556b4e.entry.js → p-144b6ac8.entry.js} +1 -1
- package/dist/brandsync-wc/p-1b5cc9b8.entry.js +1 -0
- package/dist/brandsync-wc/p-23b56775.entry.js +1 -0
- package/dist/brandsync-wc/{p-a9169157.entry.js → p-23cc532f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-81605b82.entry.js → p-361aef36.entry.js} +1 -1
- package/dist/brandsync-wc/{p-89fabf27.entry.js → p-3789c7a5.entry.js} +1 -1
- package/dist/brandsync-wc/p-3f6682f8.entry.js +1 -0
- package/dist/brandsync-wc/{p-f5180578.entry.js → p-4054a944.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fc069773.entry.js → p-45cb3e6d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-de110ad0.entry.js → p-47b7fe76.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2f4e08e1.entry.js → p-47cd19aa.entry.js} +1 -1
- package/dist/brandsync-wc/{p-3a1af63a.entry.js → p-4bbc4809.entry.js} +1 -1
- package/dist/brandsync-wc/{p-247e36ad.entry.js → p-4ea435a6.entry.js} +1 -1
- package/dist/brandsync-wc/{p-56c37e0a.entry.js → p-4ea9b6a1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1978e63c.entry.js → p-53362609.entry.js} +1 -1
- package/dist/brandsync-wc/p-658532b7.entry.js +1 -0
- package/dist/brandsync-wc/p-68f0be29.entry.js +1 -0
- package/dist/brandsync-wc/{p-09bc1923.entry.js → p-694fe468.entry.js} +1 -1
- package/dist/brandsync-wc/{p-78f4fcf0.entry.js → p-6ca1e51b.entry.js} +1 -1
- package/dist/brandsync-wc/{p-52cb2358.entry.js → p-6e923ebc.entry.js} +1 -1
- package/dist/brandsync-wc/p-7e24dbd7.entry.js +1 -0
- package/dist/brandsync-wc/{p-00a0d489.entry.js → p-8048d033.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2368a92e.entry.js → p-8184d7de.entry.js} +1 -1
- package/dist/brandsync-wc/p-8390a155.entry.js +1 -0
- package/dist/brandsync-wc/{p-0b2d3b7e.entry.js → p-86028548.entry.js} +1 -1
- package/dist/brandsync-wc/{p-fcee0dc4.entry.js → p-89fa7567.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7796b93f.entry.js → p-8c9938a5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-68fcd4a4.entry.js → p-9125632c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-416322bd.entry.js → p-94d435a2.entry.js} +1 -1
- package/dist/brandsync-wc/{p-69c0a85d.entry.js → p-95f034fc.entry.js} +1 -1
- package/dist/brandsync-wc/p-9b58c0c5.entry.js +1 -0
- package/dist/brandsync-wc/{p-39a26c64.entry.js → p-9cf8274a.entry.js} +1 -1
- package/dist/brandsync-wc/p-9d12b1fb.entry.js +1 -0
- package/dist/brandsync-wc/{p-5ba90a13.entry.js → p-9d660c03.entry.js} +1 -1
- package/dist/brandsync-wc/p-D3SkQJpw.js +3 -0
- package/dist/brandsync-wc/{p-7f954939.entry.js → p-a28ef52e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-09435f41.entry.js → p-a5659499.entry.js} +1 -1
- package/dist/brandsync-wc/p-ab07c9b5.entry.js +1 -0
- package/dist/brandsync-wc/p-b0b2e525.entry.js +1 -0
- package/dist/brandsync-wc/p-b6ac1b50.entry.js +1 -0
- package/dist/brandsync-wc/p-bee30626.entry.js +1 -0
- package/dist/brandsync-wc/p-bf8bd386.entry.js +1 -0
- package/dist/brandsync-wc/{p-1aab6d07.entry.js → p-c05ee501.entry.js} +1 -1
- package/dist/brandsync-wc/p-c3da3080.entry.js +1 -0
- package/dist/brandsync-wc/p-c679b631.entry.js +1 -0
- package/dist/brandsync-wc/p-cceb8484.entry.js +1 -0
- package/dist/brandsync-wc/p-cd53bba9.entry.js +1 -0
- package/dist/brandsync-wc/p-ce16f038.entry.js +1 -0
- package/dist/brandsync-wc/{p-491b51e6.entry.js → p-d5a6098d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-f15d9524.entry.js → p-d64cae57.entry.js} +1 -1
- package/dist/brandsync-wc/p-dfad8c0a.entry.js +1 -0
- package/dist/brandsync-wc/p-e0504a4b.entry.js +1 -0
- package/dist/brandsync-wc/{p-0ee4126c.entry.js → p-e1b7bea7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0b7c77c1.entry.js → p-e65d286c.entry.js} +1 -1
- package/dist/brandsync-wc/p-ed5c2d97.entry.js +1 -0
- package/dist/brandsync-wc/p-f134a502.entry.js +1 -0
- package/dist/brandsync-wc/p-f271e1d2.entry.js +1 -0
- package/dist/brandsync-wc/{p-3f09296a.entry.js → p-f3eca1ce.entry.js} +1 -1
- package/dist/brandsync-wc/{p-617bd13a.entry.js → p-f8d47004.entry.js} +1 -1
- package/dist/brandsync-wc/p-fa34fe20.entry.js +1 -0
- package/dist/brandsync-wc/{p-2177042f.entry.js → p-fa6b9750.entry.js} +1 -1
- package/dist/brandsync-wc/p-fb4d0093.entry.js +1 -0
- package/dist/brandsync-wc/{p-78a69a59.entry.js → p-fc76031e.entry.js} +1 -1
- package/dist/brandsync-wc/{p-be3dd446.entry.js → p-ffc07eb5.entry.js} +1 -1
- package/dist/cjs/brandsync-wc.cjs.js +2 -2
- package/dist/cjs/bs-accordion-group.cjs.entry.js +33 -0
- package/dist/cjs/bs-accordion.cjs.entry.js +1 -1
- package/dist/cjs/bs-ai-disclaimer.cjs.entry.js +2 -2
- package/dist/cjs/bs-ai-greeting.cjs.entry.js +2 -2
- package/dist/cjs/bs-ai-thinking.cjs.entry.js +2 -2
- package/dist/cjs/bs-attachment-list.cjs.entry.js +2 -2
- package/dist/cjs/bs-attachment.cjs.entry.js +9 -5
- package/dist/cjs/bs-avatar.cjs.entry.js +1 -1
- package/dist/cjs/bs-badge.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumb-overflow.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/bs-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/bs-button-skeleton.cjs.entry.js +4 -2
- package/dist/cjs/bs-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-card.cjs.entry.js +1 -1
- package/dist/cjs/bs-carousel.cjs.entry.js +1 -1
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +18 -2
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +20 -2
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +25 -3
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +4 -2
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +3 -3
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +4 -2
- package/dist/cjs/bs-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-filter.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-informative.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-input.cjs.entry.js +4 -2
- package/dist/cjs/bs-citation-preview.cjs.entry.js +29 -0
- package/dist/cjs/bs-composer-status-banner.cjs.entry.js +11 -3
- package/dist/cjs/bs-composer.cjs.entry.js +36 -7
- package/dist/cjs/bs-cookie-consent.cjs.entry.js +1 -1
- package/dist/cjs/bs-data-table.cjs.entry.js +5 -3
- package/dist/cjs/bs-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/bs-dialog.cjs.entry.js +4 -2
- package/dist/cjs/bs-error-page.cjs.entry.js +1 -1
- package/dist/cjs/bs-file-upload-item.cjs.entry.js +1 -1
- package/dist/cjs/bs-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/bs-icon-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-icon-tile.cjs.entry.js +1 -1
- package/dist/cjs/bs-inline-tab.cjs.entry.js +2 -2
- package/dist/cjs/bs-input_3.cjs.entry.js +16 -8
- package/dist/cjs/bs-logo.cjs.entry.js +1 -1
- package/dist/cjs/bs-message-list.cjs.entry.js +71 -0
- package/dist/cjs/bs-message.cjs.entry.js +25 -0
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +2 -2
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +9 -3
- package/dist/cjs/bs-navigation-header.cjs.entry.js +2 -2
- package/dist/cjs/bs-onboarding-checklist.cjs.entry.js +1 -1
- package/dist/cjs/bs-pagination.cjs.entry.js +6 -2
- package/dist/cjs/bs-popover.cjs.entry.js +153 -0
- package/dist/cjs/bs-product-tour.cjs.entry.js +1 -1
- package/dist/cjs/bs-progress-linear.cjs.entry.js +3 -3
- package/dist/cjs/bs-progress.cjs.entry.js +3 -3
- package/dist/cjs/bs-qr-code.cjs.entry.js +2 -2
- package/dist/cjs/bs-radio.cjs.entry.js +2 -2
- package/dist/cjs/bs-session-timeout.cjs.entry.js +2 -2
- package/dist/cjs/bs-side-panel.cjs.entry.js +164 -0
- package/dist/cjs/bs-skeleton.cjs.entry.js +51 -0
- package/dist/cjs/bs-slider.cjs.entry.js +7 -3
- package/dist/cjs/bs-snackbar.cjs.entry.js +2 -2
- package/dist/cjs/bs-source-link.cjs.entry.js +3 -3
- package/dist/cjs/bs-spinner.cjs.entry.js +24 -0
- package/dist/cjs/bs-stepper-step.cjs.entry.js +2 -2
- package/dist/cjs/bs-stepper.cjs.entry.js +2 -2
- package/dist/cjs/bs-switch.cjs.entry.js +2 -2
- package/dist/cjs/bs-tab_3.cjs.entry.js +4 -4
- package/dist/cjs/bs-timepicker.cjs.entry.js +8 -4
- package/dist/cjs/bs-toast.cjs.entry.js +4 -2
- package/dist/cjs/bs-tooltip-trigger.cjs.entry.js +46 -0
- package/dist/cjs/bs-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/bs-whats-new.cjs.entry.js +1 -1
- package/dist/cjs/index-BYfMRtlW.js +1863 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +9 -0
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.cmp.test.js +39 -0
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.css +10 -0
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.js +86 -0
- package/dist/collection/components/bs-accordion-group/bs-accordion-group.stories.js +18 -0
- package/dist/collection/components/bs-ai-disclaimer/bs-ai-disclaimer.js +1 -1
- package/dist/collection/components/bs-ai-greeting/bs-ai-greeting.js +1 -1
- package/dist/collection/components/bs-ai-thinking/bs-ai-thinking.js +1 -1
- package/dist/collection/components/bs-attachment/bs-attachment.js +48 -4
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +23 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.cmp.test.js +10 -0
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +178 -2
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.cmp.test.js +6 -0
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +200 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.cmp.test.js +8 -0
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.css +4 -0
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +223 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +24 -2
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.css +1 -4
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +3 -6
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +23 -1
- package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.js +23 -1
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.cmp.test.js +34 -0
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.css +36 -0
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.js +154 -0
- package/dist/collection/components/bs-citation-preview/bs-citation-preview.stories.js +22 -0
- package/dist/collection/components/bs-composer/bs-composer.cmp.test.js +29 -2
- package/dist/collection/components/bs-composer/bs-composer.css +16 -0
- package/dist/collection/components/bs-composer/bs-composer.js +234 -6
- package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.cmp.test.js +5 -0
- package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.css +16 -0
- package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.js +49 -1
- package/dist/collection/components/bs-data-table/bs-data-table.js +24 -2
- package/dist/collection/components/bs-dialog/bs-dialog.js +23 -1
- package/dist/collection/components/bs-input/bs-input.js +93 -5
- package/dist/collection/components/bs-input/bs-input.stories.js +7 -23
- package/dist/collection/components/bs-menu/bs-menu.js +1 -1
- package/dist/collection/components/bs-menu-item/bs-menu-item.js +1 -1
- package/dist/collection/components/bs-message/bs-message.cmp.test.js +36 -0
- package/dist/collection/components/bs-message/bs-message.css +77 -0
- package/dist/collection/components/bs-message/bs-message.js +156 -0
- package/dist/collection/components/bs-message/bs-message.stories.js +33 -0
- package/dist/collection/components/bs-message-list/bs-message-list.cmp.test.js +58 -0
- package/dist/collection/components/bs-message-list/bs-message-list.css +40 -0
- package/dist/collection/components/bs-message-list/bs-message-list.js +161 -0
- package/dist/collection/components/bs-message-list/bs-message-list.stories.js +17 -0
- package/dist/collection/components/bs-pagination/bs-pagination.cmp.test.js +5 -0
- package/dist/collection/components/bs-pagination/bs-pagination.js +45 -1
- package/dist/collection/components/bs-popover/bs-popover.cmp.test.js +107 -0
- package/dist/collection/components/bs-popover/bs-popover.css +61 -0
- package/dist/collection/components/bs-popover/bs-popover.js +247 -0
- package/dist/collection/components/bs-popover/bs-popover.stories.js +26 -0
- package/dist/collection/components/bs-progress/bs-progress.js +2 -2
- package/dist/collection/components/bs-progress-linear/bs-progress-linear.js +2 -2
- package/dist/collection/components/bs-qr-code/bs-qr-code.js +1 -1
- package/dist/collection/components/bs-radio/bs-radio.js +1 -1
- package/dist/collection/components/bs-session-timeout/bs-session-timeout.js +1 -1
- package/dist/collection/components/bs-side-panel/bs-side-panel.cmp.test.js +117 -0
- package/dist/collection/components/bs-side-panel/bs-side-panel.css +77 -0
- package/dist/collection/components/bs-side-panel/bs-side-panel.js +325 -0
- package/dist/collection/components/bs-side-panel/bs-side-panel.stories.js +24 -0
- package/dist/collection/components/bs-skeleton/bs-skeleton.cmp.test.js +49 -0
- package/dist/collection/components/bs-skeleton/bs-skeleton.css +62 -0
- package/dist/collection/components/bs-skeleton/bs-skeleton.js +204 -0
- package/dist/collection/components/bs-skeleton/bs-skeleton.stories.js +43 -0
- package/dist/collection/components/bs-slider/bs-slider.js +46 -2
- package/dist/collection/components/bs-snackbar/bs-snackbar.js +1 -1
- package/dist/collection/components/bs-source-link/bs-source-link.js +2 -2
- package/dist/collection/components/bs-spinner/bs-spinner.cmp.test.js +32 -0
- package/dist/collection/components/bs-spinner/bs-spinner.css +61 -0
- package/dist/collection/components/bs-spinner/bs-spinner.js +96 -0
- package/dist/collection/components/bs-spinner/bs-spinner.stories.js +30 -0
- package/dist/collection/components/bs-stepper/bs-stepper/bs-stepper.js +1 -1
- package/dist/collection/components/bs-stepper/bs-stepper-step/bs-stepper-step.js +1 -1
- package/dist/collection/components/bs-switch/bs-switch.js +1 -1
- package/dist/collection/components/bs-tab/bs-inline-tab/bs-inline-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tab/bs-tab.js +1 -1
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js +1 -1
- package/dist/collection/components/bs-timepicker/bs-timepicker.js +48 -4
- package/dist/collection/components/bs-toast/bs-toast.js +23 -1
- package/dist/collection/components/bs-tooltip/bs-tooltip.js +1 -1
- package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.cmp.test.js +73 -0
- package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.css +52 -0
- package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.js +140 -0
- package/dist/collection/components/bs-tooltip-trigger/bs-tooltip-trigger.stories.js +21 -0
- package/dist/collection/components/bs-whats-new-entry/bs-whats-new-entry.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +68 -2
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer-item/bs-navigation-drawer-item.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header.js +1 -1
- package/dist/collection/global/brand-theming.cmp.test.js +44 -0
- package/dist/components/bs-accordion-group.d.ts +11 -0
- package/dist/components/bs-accordion-group.js +1 -0
- package/dist/components/bs-accordion.js +1 -1
- package/dist/components/bs-ai-disclaimer.js +1 -1
- package/dist/components/bs-ai-greeting.js +1 -1
- package/dist/components/bs-ai-thinking.js +1 -1
- package/dist/components/bs-attachment-list.js +1 -1
- package/dist/components/bs-attachment.js +1 -1
- package/dist/components/bs-avatar.js +1 -1
- package/dist/components/bs-badge.js +1 -1
- package/dist/components/bs-breadcrumb-overflow.js +1 -1
- package/dist/components/bs-breadcrumb.js +1 -1
- package/dist/components/bs-breadcrumbs.js +1 -1
- package/dist/components/bs-button-skeleton.js +1 -1
- package/dist/components/bs-button.js +1 -1
- package/dist/components/bs-card.js +1 -1
- package/dist/components/bs-carousel.js +1 -1
- package/dist/components/bs-chatbot-feedback.js +1 -1
- package/dist/components/bs-chatbot-header.js +1 -1
- package/dist/components/bs-chatbot-response-action.js +1 -1
- package/dist/components/bs-chatbot-sources-drawer.js +1 -1
- package/dist/components/bs-chatbot-suggestion-button.js +1 -1
- package/dist/components/bs-checkbox-skeleton.js +1 -1
- package/dist/components/bs-checkbox.js +1 -1
- package/dist/components/bs-chip-filter.js +1 -1
- package/dist/components/bs-chip-informative.js +1 -1
- package/dist/components/bs-chip-input.js +1 -1
- package/dist/components/bs-citation-preview.d.ts +11 -0
- package/dist/components/bs-citation-preview.js +1 -0
- package/dist/components/bs-composer-status-banner.js +1 -1
- package/dist/components/bs-composer.js +1 -1
- package/dist/components/bs-cookie-consent.js +1 -1
- package/dist/components/bs-data-table.js +1 -1
- package/dist/components/bs-datepicker.js +1 -1
- package/dist/components/bs-dialog.js +1 -1
- package/dist/components/bs-error-page.js +1 -1
- package/dist/components/bs-file-upload-item.js +1 -1
- package/dist/components/bs-file-upload.js +1 -1
- package/dist/components/bs-icon-button.js +1 -1
- package/dist/components/bs-icon-tile.js +1 -1
- package/dist/components/bs-inline-tab.js +1 -1
- package/dist/components/bs-input.js +1 -1
- package/dist/components/bs-logo.js +1 -1
- package/dist/components/bs-menu-item.js +1 -1
- package/dist/components/bs-menu.js +1 -1
- package/dist/components/bs-message-list.d.ts +11 -0
- package/dist/components/bs-message-list.js +1 -0
- package/dist/components/bs-message.d.ts +11 -0
- package/dist/components/bs-message.js +1 -0
- package/dist/components/bs-navigation-drawer-item.js +1 -1
- package/dist/components/bs-navigation-drawer.js +1 -1
- package/dist/components/bs-navigation-header.js +1 -1
- package/dist/components/bs-onboarding-checklist.js +1 -1
- package/dist/components/bs-pagination.js +1 -1
- package/dist/components/bs-popover.d.ts +11 -0
- package/dist/components/bs-popover.js +1 -0
- package/dist/components/bs-product-tour.js +1 -1
- package/dist/components/bs-progress-linear.js +1 -1
- package/dist/components/bs-progress.js +1 -1
- package/dist/components/bs-qr-code.js +1 -1
- package/dist/components/bs-radio.js +1 -1
- package/dist/components/bs-session-timeout.js +1 -1
- package/dist/components/bs-side-panel.d.ts +11 -0
- package/dist/components/bs-side-panel.js +1 -0
- package/dist/components/bs-skeleton.d.ts +11 -0
- package/dist/components/bs-skeleton.js +1 -0
- package/dist/components/bs-slider.js +1 -1
- package/dist/components/bs-snackbar.js +1 -1
- package/dist/components/bs-source-link.js +1 -1
- package/dist/components/bs-spinner.d.ts +11 -0
- package/dist/components/bs-spinner.js +1 -0
- package/dist/components/bs-stepper-step.js +1 -1
- package/dist/components/bs-stepper.js +1 -1
- package/dist/components/bs-switch.js +1 -1
- package/dist/components/bs-tab.js +1 -1
- package/dist/components/bs-tabs.js +1 -1
- package/dist/components/bs-timepicker.js +1 -1
- package/dist/components/bs-toast.js +1 -1
- package/dist/components/bs-tooltip-trigger.d.ts +11 -0
- package/dist/components/bs-tooltip-trigger.js +1 -0
- package/dist/components/bs-tooltip.js +1 -1
- package/dist/components/bs-whats-new-entry.js +1 -1
- package/dist/components/bs-whats-new.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/p-B2gx7SZk.js +1 -0
- package/dist/components/{p-BEEoVNRu.js → p-BTPdjnXT.js} +1 -1
- package/dist/components/{p-Be9L4_Fe.js → p-BVhF8cZQ.js} +1 -1
- package/dist/components/{p-C_j_jDM6.js → p-Bfq5YVOv.js} +1 -1
- package/dist/components/{p-DE8K7fg0.js → p-C2NR1v3p.js} +1 -1
- package/dist/components/{p-YsHQLXET.js → p-C9jIMBG3.js} +1 -1
- package/dist/components/{p-DuLL7Ouw.js → p-CRtvJlh8.js} +1 -1
- package/dist/components/{p-Dr0Qk9Zc.js → p-ChcaPfNL.js} +1 -1
- package/dist/components/{p-CbimDNGY.js → p-CrmEXUwm.js} +1 -1
- package/dist/components/p-Cu-aeY9t.js +1 -0
- package/dist/components/{p-zTHlbyH6.js → p-DAwSBMeM.js} +1 -1
- package/dist/components/{p-qmS2CBqi.js → p-DYuzgzxI.js} +1 -1
- package/dist/components/p-DfzrJKwN.js +1 -0
- package/dist/components/{p-CUfs0ROR.js → p-DpVeeIko.js} +1 -1
- package/dist/components/p-DqXI9V2A.js +1 -0
- package/dist/components/p-Dqg8l1y6.js +1 -0
- package/dist/components/{p-CA31vqjL.js → p-DvNED6Lb.js} +1 -1
- package/dist/components/{p-C8yT2Ucq.js → p-QnTjSed5.js} +1 -1
- package/dist/components/{p-CncySD_-.js → p-Rx4bpeYN.js} +1 -1
- package/dist/components/{p-Be_Pmccm.js → p-owdeCW0M.js} +1 -1
- package/dist/components/{p-Bl_tVzeq.js → p-uHvS81XA.js} +1 -1
- package/dist/esm/brandsync-wc.js +3 -3
- package/dist/esm/bs-accordion-group.entry.js +31 -0
- package/dist/esm/bs-accordion.entry.js +1 -1
- package/dist/esm/bs-ai-disclaimer.entry.js +2 -2
- package/dist/esm/bs-ai-greeting.entry.js +2 -2
- package/dist/esm/bs-ai-thinking.entry.js +2 -2
- package/dist/esm/bs-attachment-list.entry.js +2 -2
- package/dist/esm/bs-attachment.entry.js +9 -5
- package/dist/esm/bs-avatar.entry.js +1 -1
- package/dist/esm/bs-badge.entry.js +1 -1
- package/dist/esm/bs-breadcrumb-overflow.entry.js +1 -1
- package/dist/esm/bs-breadcrumb.entry.js +1 -1
- package/dist/esm/bs-breadcrumbs.entry.js +2 -2
- package/dist/esm/bs-button-skeleton.entry.js +4 -2
- package/dist/esm/bs-button.entry.js +1 -1
- package/dist/esm/bs-card.entry.js +1 -1
- package/dist/esm/bs-carousel.entry.js +1 -1
- package/dist/esm/bs-chatbot-feedback.entry.js +18 -2
- package/dist/esm/bs-chatbot-header.entry.js +20 -2
- package/dist/esm/bs-chatbot-response-action.entry.js +25 -3
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +4 -2
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +3 -3
- package/dist/esm/bs-checkbox-skeleton.entry.js +4 -2
- package/dist/esm/bs-checkbox.entry.js +1 -1
- package/dist/esm/bs-chip-filter.entry.js +1 -1
- package/dist/esm/bs-chip-informative.entry.js +1 -1
- package/dist/esm/bs-chip-input.entry.js +4 -2
- package/dist/esm/bs-citation-preview.entry.js +27 -0
- package/dist/esm/bs-composer-status-banner.entry.js +11 -3
- package/dist/esm/bs-composer.entry.js +36 -7
- package/dist/esm/bs-cookie-consent.entry.js +1 -1
- package/dist/esm/bs-data-table.entry.js +5 -3
- package/dist/esm/bs-datepicker.entry.js +1 -1
- package/dist/esm/bs-dialog.entry.js +4 -2
- package/dist/esm/bs-error-page.entry.js +1 -1
- package/dist/esm/bs-file-upload-item.entry.js +1 -1
- package/dist/esm/bs-file-upload.entry.js +1 -1
- package/dist/esm/bs-icon-button.entry.js +1 -1
- package/dist/esm/bs-icon-tile.entry.js +1 -1
- package/dist/esm/bs-inline-tab.entry.js +2 -2
- package/dist/esm/bs-input_3.entry.js +16 -8
- package/dist/esm/bs-logo.entry.js +1 -1
- package/dist/esm/bs-message-list.entry.js +69 -0
- package/dist/esm/bs-message.entry.js +23 -0
- package/dist/esm/bs-navigation-drawer-item.entry.js +2 -2
- package/dist/esm/bs-navigation-drawer.entry.js +9 -3
- package/dist/esm/bs-navigation-header.entry.js +2 -2
- package/dist/esm/bs-onboarding-checklist.entry.js +1 -1
- package/dist/esm/bs-pagination.entry.js +6 -2
- package/dist/esm/bs-popover.entry.js +151 -0
- package/dist/esm/bs-product-tour.entry.js +1 -1
- package/dist/esm/bs-progress-linear.entry.js +3 -3
- package/dist/esm/bs-progress.entry.js +3 -3
- package/dist/esm/bs-qr-code.entry.js +2 -2
- package/dist/esm/bs-radio.entry.js +2 -2
- package/dist/esm/bs-session-timeout.entry.js +2 -2
- package/dist/esm/bs-side-panel.entry.js +162 -0
- package/dist/esm/bs-skeleton.entry.js +49 -0
- package/dist/esm/bs-slider.entry.js +7 -3
- package/dist/esm/bs-snackbar.entry.js +2 -2
- package/dist/esm/bs-source-link.entry.js +3 -3
- package/dist/esm/bs-spinner.entry.js +22 -0
- package/dist/esm/bs-stepper-step.entry.js +2 -2
- package/dist/esm/bs-stepper.entry.js +2 -2
- package/dist/esm/bs-switch.entry.js +2 -2
- package/dist/esm/bs-tab_3.entry.js +4 -4
- package/dist/esm/bs-timepicker.entry.js +8 -4
- package/dist/esm/bs-toast.entry.js +4 -2
- package/dist/esm/bs-tooltip-trigger.entry.js +44 -0
- package/dist/esm/bs-tooltip.entry.js +2 -2
- package/dist/esm/bs-whats-new.entry.js +1 -1
- package/dist/esm/index-D3SkQJpw.js +1853 -0
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/bs-accordion-group/bs-accordion-group.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-accordion-group/bs-accordion-group.d.ts +25 -0
- package/dist/types/components/bs-accordion-group/bs-accordion-group.stories.d.ts +9 -0
- package/dist/types/components/bs-attachment/bs-attachment.d.ts +4 -0
- package/dist/types/components/bs-button-skeleton/bs-button-skeleton.d.ts +2 -0
- package/dist/types/components/bs-chatbot-feedback/bs-chatbot-feedback.d.ts +16 -0
- package/dist/types/components/bs-chatbot-header/bs-chatbot-header.d.ts +19 -0
- package/dist/types/components/bs-chatbot-response-action/bs-chatbot-response-action.d.ts +22 -0
- package/dist/types/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.d.ts +2 -0
- package/dist/types/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.d.ts +2 -5
- package/dist/types/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.d.ts +2 -0
- package/dist/types/components/bs-chip/bs-chip-input/bs-chip-input.d.ts +2 -0
- package/dist/types/components/bs-citation-preview/bs-citation-preview.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-citation-preview/bs-citation-preview.d.ts +40 -0
- package/dist/types/components/bs-citation-preview/bs-citation-preview.stories.d.ts +13 -0
- package/dist/types/components/bs-composer/bs-composer.d.ts +25 -1
- package/dist/types/components/bs-composer-status-banner/bs-composer-status-banner.d.ts +5 -0
- package/dist/types/components/bs-data-table/bs-data-table.d.ts +2 -0
- package/dist/types/components/bs-dialog/bs-dialog.d.ts +2 -0
- package/dist/types/components/bs-input/bs-input.d.ts +8 -0
- package/dist/types/components/bs-message/bs-message.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-message/bs-message.d.ts +49 -0
- package/dist/types/components/bs-message/bs-message.stories.d.ts +15 -0
- package/dist/types/components/bs-message-list/bs-message-list.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-message-list/bs-message-list.d.ts +44 -0
- package/dist/types/components/bs-message-list/bs-message-list.stories.d.ts +8 -0
- package/dist/types/components/bs-pagination/bs-pagination.d.ts +4 -0
- package/dist/types/components/bs-popover/bs-popover.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-popover/bs-popover.d.ts +58 -0
- package/dist/types/components/bs-popover/bs-popover.stories.d.ts +11 -0
- package/dist/types/components/bs-side-panel/bs-side-panel.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-side-panel/bs-side-panel.d.ts +67 -0
- package/dist/types/components/bs-side-panel/bs-side-panel.stories.d.ts +14 -0
- package/dist/types/components/bs-skeleton/bs-skeleton.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-skeleton/bs-skeleton.d.ts +44 -0
- package/dist/types/components/bs-skeleton/bs-skeleton.stories.d.ts +17 -0
- package/dist/types/components/bs-slider/bs-slider.d.ts +4 -0
- package/dist/types/components/bs-spinner/bs-spinner.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-spinner/bs-spinner.d.ts +32 -0
- package/dist/types/components/bs-spinner/bs-spinner.stories.d.ts +12 -0
- package/dist/types/components/bs-timepicker/bs-timepicker.d.ts +4 -0
- package/dist/types/components/bs-toast/bs-toast.d.ts +2 -0
- package/dist/types/components/bs-tooltip-trigger/bs-tooltip-trigger.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-tooltip-trigger/bs-tooltip-trigger.d.ts +35 -0
- package/dist/types/components/bs-tooltip-trigger/bs-tooltip-trigger.stories.d.ts +10 -0
- package/dist/types/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.d.ts +6 -0
- package/dist/types/components.d.ts +1778 -38
- package/dist/types/global/brand-theming.cmp.test.d.ts +1 -0
- package/package.json +21 -5
- package/reference.d.ts +242 -0
- package/reference.json +4176 -0
- package/reference.mjs +2 -0
- package/tailwind-preset.cjs +36 -0
- package/testing/vitest-setup.mjs +41 -0
- package/dist/brandsync-wc/p-09cbf05b.entry.js +0 -1
- package/dist/brandsync-wc/p-0f8cd2e8.entry.js +0 -1
- package/dist/brandsync-wc/p-1261f0b0.entry.js +0 -1
- package/dist/brandsync-wc/p-20030f4d.entry.js +0 -1
- package/dist/brandsync-wc/p-34e5feaf.entry.js +0 -1
- package/dist/brandsync-wc/p-452f9c1c.entry.js +0 -1
- package/dist/brandsync-wc/p-6a696161.entry.js +0 -1
- package/dist/brandsync-wc/p-6c6cdf77.entry.js +0 -1
- package/dist/brandsync-wc/p-6e735e37.entry.js +0 -1
- package/dist/brandsync-wc/p-73f214ed.entry.js +0 -1
- package/dist/brandsync-wc/p-823ab3b2.entry.js +0 -1
- package/dist/brandsync-wc/p-89099a39.entry.js +0 -1
- package/dist/brandsync-wc/p-DqQRXQMx.js +0 -3
- package/dist/brandsync-wc/p-b84366a7.entry.js +0 -1
- package/dist/brandsync-wc/p-b8d2ce91.entry.js +0 -1
- package/dist/brandsync-wc/p-b9a4042e.entry.js +0 -1
- package/dist/brandsync-wc/p-d754ee13.entry.js +0 -1
- package/dist/brandsync-wc/p-d75f3f87.entry.js +0 -1
- package/dist/brandsync-wc/p-d8b29a53.entry.js +0 -1
- package/dist/brandsync-wc/p-f7d15fbe.entry.js +0 -1
- package/dist/cjs/index-tFJjflK5.js +0 -1863
- package/dist/components/p-BUskqBR6.js +0 -1
- package/dist/components/p-BZ3M4lOU.js +0 -1
- package/dist/components/p-CVrEuVFo.js +0 -1
- package/dist/components/p-CeUK3n7D.js +0 -1
- package/dist/esm/index-DqQRXQMx.js +0 -1853
|
@@ -33,15 +33,20 @@ import { BsFileUploadItemState } from "./components/bs-file-upload-item/bs-file-
|
|
|
33
33
|
import { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs-icon-button/bs-icon-button";
|
|
34
34
|
import { BsIconTileIntent, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
|
|
35
35
|
import { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
|
|
36
|
+
import { BsMessageRole, BsMessageStatus } from "./components/bs-message/bs-message";
|
|
36
37
|
import { BsNavigationHeaderAlignment } from "./components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header";
|
|
37
38
|
import { BsOnboardingChecklistType, BsOnboardingLauncherLayout, BsOnboardingStep } from "./components/bs-onboarding-checklist/bs-onboarding-checklist";
|
|
39
|
+
import { BsPopoverPlacement } from "./components/bs-popover/bs-popover";
|
|
38
40
|
import { BsProductTourDirection, BsProductTourType } from "./components/bs-product-tour/bs-product-tour";
|
|
39
41
|
import { BsProgressSize, BsProgressStrokeWidth, BsProgressType } from "./components/bs-progress/bs-progress";
|
|
40
42
|
import { BsProgressLinearSize, BsProgressLinearType } from "./components/bs-progress-linear/bs-progress-linear";
|
|
41
43
|
import { BsQrCodeSize, BsQrCodeState, BsQrCodeType } from "./components/bs-qr-code/bs-qr-code";
|
|
42
44
|
import { BsSessionTimeoutAlternative, BsSessionTimeoutType } from "./components/bs-session-timeout/bs-session-timeout";
|
|
45
|
+
import { BsSidePanelSide } from "./components/bs-side-panel/bs-side-panel";
|
|
46
|
+
import { BsSkeletonVariant } from "./components/bs-skeleton/bs-skeleton";
|
|
43
47
|
import { BsSliderType } from "./components/bs-slider/bs-slider";
|
|
44
48
|
import { BsSnackbarVariant } from "./components/bs-snackbar/bs-snackbar";
|
|
49
|
+
import { BsSpinnerSize } from "./components/bs-spinner/bs-spinner";
|
|
45
50
|
import { BsStepperDirection } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
|
|
46
51
|
import { BsStepperDirection as BsStepperDirection1, BsStepperStepComputedState } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
|
|
47
52
|
import { BsSwitchSize } from "./components/bs-switch/bs-switch";
|
|
@@ -49,6 +54,7 @@ import { BsTabIconPosition } from "./components/bs-tab/bs-tab/bs-tab";
|
|
|
49
54
|
import { BsTabsOrientation, BsTabsType } from "./components/bs-tab/bs-tabs/bs-tabs";
|
|
50
55
|
import { BsTimepickerChange } from "./components/bs-timepicker/bs-timepicker";
|
|
51
56
|
import { BsToastState } from "./components/bs-toast/bs-toast";
|
|
57
|
+
import { BsTooltipTriggerPlacement } from "./components/bs-tooltip-trigger/bs-tooltip-trigger";
|
|
52
58
|
import { BsWhatsNewFilter, BsWhatsNewItem, BsWhatsNewType } from "./components/bs-whats-new/bs-whats-new";
|
|
53
59
|
import { BsWhatsNewEntryTagColor } from "./components/bs-whats-new-entry/bs-whats-new-entry";
|
|
54
60
|
import { BsWhatsNewEntryTagColor as BsWhatsNewEntryTagColor1 } from "./components/bs-whats-new-entry/bs-whats-new-entry";
|
|
@@ -80,15 +86,20 @@ export { BsFileUploadItemState } from "./components/bs-file-upload-item/bs-file-
|
|
|
80
86
|
export { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs-icon-button/bs-icon-button";
|
|
81
87
|
export { BsIconTileIntent, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
|
|
82
88
|
export { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
|
|
89
|
+
export { BsMessageRole, BsMessageStatus } from "./components/bs-message/bs-message";
|
|
83
90
|
export { BsNavigationHeaderAlignment } from "./components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header";
|
|
84
91
|
export { BsOnboardingChecklistType, BsOnboardingLauncherLayout, BsOnboardingStep } from "./components/bs-onboarding-checklist/bs-onboarding-checklist";
|
|
92
|
+
export { BsPopoverPlacement } from "./components/bs-popover/bs-popover";
|
|
85
93
|
export { BsProductTourDirection, BsProductTourType } from "./components/bs-product-tour/bs-product-tour";
|
|
86
94
|
export { BsProgressSize, BsProgressStrokeWidth, BsProgressType } from "./components/bs-progress/bs-progress";
|
|
87
95
|
export { BsProgressLinearSize, BsProgressLinearType } from "./components/bs-progress-linear/bs-progress-linear";
|
|
88
96
|
export { BsQrCodeSize, BsQrCodeState, BsQrCodeType } from "./components/bs-qr-code/bs-qr-code";
|
|
89
97
|
export { BsSessionTimeoutAlternative, BsSessionTimeoutType } from "./components/bs-session-timeout/bs-session-timeout";
|
|
98
|
+
export { BsSidePanelSide } from "./components/bs-side-panel/bs-side-panel";
|
|
99
|
+
export { BsSkeletonVariant } from "./components/bs-skeleton/bs-skeleton";
|
|
90
100
|
export { BsSliderType } from "./components/bs-slider/bs-slider";
|
|
91
101
|
export { BsSnackbarVariant } from "./components/bs-snackbar/bs-snackbar";
|
|
102
|
+
export { BsSpinnerSize } from "./components/bs-spinner/bs-spinner";
|
|
92
103
|
export { BsStepperDirection } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
|
|
93
104
|
export { BsStepperDirection as BsStepperDirection1, BsStepperStepComputedState } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
|
|
94
105
|
export { BsSwitchSize } from "./components/bs-switch/bs-switch";
|
|
@@ -96,6 +107,7 @@ export { BsTabIconPosition } from "./components/bs-tab/bs-tab/bs-tab";
|
|
|
96
107
|
export { BsTabsOrientation, BsTabsType } from "./components/bs-tab/bs-tabs/bs-tabs";
|
|
97
108
|
export { BsTimepickerChange } from "./components/bs-timepicker/bs-timepicker";
|
|
98
109
|
export { BsToastState } from "./components/bs-toast/bs-toast";
|
|
110
|
+
export { BsTooltipTriggerPlacement } from "./components/bs-tooltip-trigger/bs-tooltip-trigger";
|
|
99
111
|
export { BsWhatsNewFilter, BsWhatsNewItem, BsWhatsNewType } from "./components/bs-whats-new/bs-whats-new";
|
|
100
112
|
export { BsWhatsNewEntryTagColor } from "./components/bs-whats-new-entry/bs-whats-new-entry";
|
|
101
113
|
export { BsWhatsNewEntryTagColor as BsWhatsNewEntryTagColor1 } from "./components/bs-whats-new-entry/bs-whats-new-entry";
|
|
@@ -135,6 +147,25 @@ export namespace Components {
|
|
|
135
147
|
*/
|
|
136
148
|
"size": BsAccordionSize;
|
|
137
149
|
}
|
|
150
|
+
/**
|
|
151
|
+
* Coordinates child `bs-accordion` elements. By default only one stays expanded: when a child
|
|
152
|
+
* requests expansion (its `bsToggle` event), the others are collapsed. With `multiple`, children
|
|
153
|
+
* are left independent.
|
|
154
|
+
* Because `bs-accordion` is a controlled component, the group applies the requested value to the
|
|
155
|
+
* child's `expanded` property itself.
|
|
156
|
+
* ## When to use
|
|
157
|
+
* - A stack of FAQ-style sections where one open at a time keeps the page short.
|
|
158
|
+
* ## When not to use
|
|
159
|
+
* - A single section (use `bs-accordion` directly).
|
|
160
|
+
* @prop --bs-accordion-group-gap - Gap between accordions. Defaults to `0`.
|
|
161
|
+
*/
|
|
162
|
+
interface BsAccordionGroup {
|
|
163
|
+
/**
|
|
164
|
+
* Allow several accordions to be expanded at once.
|
|
165
|
+
* @default false
|
|
166
|
+
*/
|
|
167
|
+
"multiple": boolean;
|
|
168
|
+
}
|
|
138
169
|
/**
|
|
139
170
|
* A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
|
|
140
171
|
* important information."
|
|
@@ -268,11 +299,21 @@ export namespace Components {
|
|
|
268
299
|
* @default true
|
|
269
300
|
*/
|
|
270
301
|
"removable": boolean;
|
|
302
|
+
/**
|
|
303
|
+
* Prefix of the remove button's accessible name ("Remove attachment: {fileName}").
|
|
304
|
+
* @default 'Remove attachment'
|
|
305
|
+
*/
|
|
306
|
+
"removeLabel": string;
|
|
271
307
|
/**
|
|
272
308
|
* Which kind of attachment preview to render.
|
|
273
309
|
* @default 'image'
|
|
274
310
|
*/
|
|
275
311
|
"type": BsAttachmentType;
|
|
312
|
+
/**
|
|
313
|
+
* Accessible name of the upload spinner while `loading`.
|
|
314
|
+
* @default 'Uploading'
|
|
315
|
+
*/
|
|
316
|
+
"uploadingLabel": string;
|
|
276
317
|
}
|
|
277
318
|
/**
|
|
278
319
|
* A horizontally-scrolling row wrapper for one or more `bs-attachment` previews, for slotting into
|
|
@@ -549,6 +590,11 @@ export namespace Components {
|
|
|
549
590
|
* @prop --bs-button-skeleton-width - Placeholder width. Defaults to `96px`.
|
|
550
591
|
*/
|
|
551
592
|
interface BsButtonSkeleton {
|
|
593
|
+
/**
|
|
594
|
+
* Accessible name announced for the loading placeholder.
|
|
595
|
+
* @default 'Loading'
|
|
596
|
+
*/
|
|
597
|
+
"loadingLabel": string;
|
|
552
598
|
/**
|
|
553
599
|
* Sizing scale, matching the `bs-button` size it stands in for.
|
|
554
600
|
* @default 'md'
|
|
@@ -689,20 +735,57 @@ export namespace Components {
|
|
|
689
735
|
* Aliased to `--bs-text-action`.
|
|
690
736
|
*/
|
|
691
737
|
interface BsChatbotFeedback {
|
|
738
|
+
/**
|
|
739
|
+
* Accessible name of the close button.
|
|
740
|
+
* @default 'Close'
|
|
741
|
+
*/
|
|
742
|
+
"closeLabel": string;
|
|
692
743
|
/**
|
|
693
744
|
* The comment text.
|
|
694
745
|
* @default ''
|
|
695
746
|
*/
|
|
696
747
|
"comment": string;
|
|
697
748
|
/**
|
|
698
|
-
*
|
|
749
|
+
* Label above the optional comment field.
|
|
750
|
+
* @default 'Tell us what you think'
|
|
699
751
|
*/
|
|
752
|
+
"commentLabel": string;
|
|
753
|
+
/**
|
|
754
|
+
* Placeholder of the optional comment field.
|
|
755
|
+
* @default 'e.g.The response was helpful ....'
|
|
756
|
+
*/
|
|
757
|
+
"commentPlaceholder": string;
|
|
700
758
|
"heading"?: string;
|
|
759
|
+
/**
|
|
760
|
+
* Text of the "new chat" button.
|
|
761
|
+
* @default 'Start new chat'
|
|
762
|
+
*/
|
|
763
|
+
"newChatLabel": string;
|
|
701
764
|
/**
|
|
702
765
|
* Current star rating, 0-5. 0 means no rating has been given yet.
|
|
703
766
|
* @default 0
|
|
704
767
|
*/
|
|
705
768
|
"rating": number;
|
|
769
|
+
/**
|
|
770
|
+
* Accessible name of the star rating group.
|
|
771
|
+
* @default 'Rating'
|
|
772
|
+
*/
|
|
773
|
+
"ratingLabel": string;
|
|
774
|
+
/**
|
|
775
|
+
* Singular star noun used in each star's accessible name ("1 star").
|
|
776
|
+
* @default 'star'
|
|
777
|
+
*/
|
|
778
|
+
"starLabel": string;
|
|
779
|
+
/**
|
|
780
|
+
* Plural star noun used in each star's accessible name ("3 stars").
|
|
781
|
+
* @default 'stars'
|
|
782
|
+
*/
|
|
783
|
+
"starsLabel": string;
|
|
784
|
+
/**
|
|
785
|
+
* Text of the submit button.
|
|
786
|
+
* @default 'Submit feedback'
|
|
787
|
+
*/
|
|
788
|
+
"submitLabel": string;
|
|
706
789
|
/**
|
|
707
790
|
* Whether feedback has been submitted. Switches the card from the editable form to the read-only "thanks" view.
|
|
708
791
|
* @default false
|
|
@@ -741,6 +824,21 @@ export namespace Components {
|
|
|
741
824
|
* @prop --bs-chatbot-header-icon - Icon color. Aliased to `--bs-icon-default`.
|
|
742
825
|
*/
|
|
743
826
|
interface BsChatbotHeader {
|
|
827
|
+
/**
|
|
828
|
+
* Accessible name and tooltip text of the "Close" button.
|
|
829
|
+
* @default 'Close'
|
|
830
|
+
*/
|
|
831
|
+
"closeLabel": string;
|
|
832
|
+
/**
|
|
833
|
+
* Accessible name and tooltip text of the expand button while `expanded`.
|
|
834
|
+
* @default 'Exit fullscreen'
|
|
835
|
+
*/
|
|
836
|
+
"collapseLabel": string;
|
|
837
|
+
/**
|
|
838
|
+
* Accessible name and tooltip text of the expand button while collapsed.
|
|
839
|
+
* @default 'Fullscreen'
|
|
840
|
+
*/
|
|
841
|
+
"expandLabel": string;
|
|
744
842
|
/**
|
|
745
843
|
* Whether the chat panel is currently expanded (e.g. to full viewport width/height). This component has no visibility into the surrounding layout, so it does not resize anything itself -- it only tracks and reflects the toggle state (via the `expanded` attribute, for CSS hooks, and `aria-pressed`/`aria-label` on the expand button) and emits `bsExpand` with the new value. The consuming app is responsible for actually resizing its own chat panel container in response to that event, since only the app knows what that container is.
|
|
746
844
|
* @default false
|
|
@@ -751,6 +849,36 @@ export namespace Components {
|
|
|
751
849
|
* @default 'Genie'
|
|
752
850
|
*/
|
|
753
851
|
"heading": string;
|
|
852
|
+
/**
|
|
853
|
+
* Removes the "Close" button from the DOM.
|
|
854
|
+
* @default false
|
|
855
|
+
*/
|
|
856
|
+
"hideClose": boolean;
|
|
857
|
+
/**
|
|
858
|
+
* Removes the expand/fullscreen button from the DOM.
|
|
859
|
+
* @default false
|
|
860
|
+
*/
|
|
861
|
+
"hideExpand": boolean;
|
|
862
|
+
/**
|
|
863
|
+
* Removes the "History" button from the DOM.
|
|
864
|
+
* @default false
|
|
865
|
+
*/
|
|
866
|
+
"hideHistory": boolean;
|
|
867
|
+
/**
|
|
868
|
+
* Removes the "New chat" button from the DOM.
|
|
869
|
+
* @default false
|
|
870
|
+
*/
|
|
871
|
+
"hideNewChat": boolean;
|
|
872
|
+
/**
|
|
873
|
+
* Accessible name and tooltip text of the "History" button.
|
|
874
|
+
* @default 'History'
|
|
875
|
+
*/
|
|
876
|
+
"historyLabel": string;
|
|
877
|
+
/**
|
|
878
|
+
* Accessible name and tooltip text of the "New chat" button.
|
|
879
|
+
* @default 'New chat'
|
|
880
|
+
*/
|
|
881
|
+
"newChatLabel": string;
|
|
754
882
|
}
|
|
755
883
|
/**
|
|
756
884
|
* The row of action buttons that appears below an AI response message in a Genie chat panel:
|
|
@@ -777,15 +905,65 @@ export namespace Components {
|
|
|
777
905
|
* @prop --bs-chatbot-response-action-sources-line-height - Aliased to `--bs-line-height-body-sm`.
|
|
778
906
|
*/
|
|
779
907
|
interface BsChatbotResponseAction {
|
|
908
|
+
/**
|
|
909
|
+
* Accessible name of the Copy button.
|
|
910
|
+
* @default 'Copy'
|
|
911
|
+
*/
|
|
912
|
+
"copyLabel": string;
|
|
913
|
+
/**
|
|
914
|
+
* Accessible name of the Dislike button.
|
|
915
|
+
* @default 'Dislike'
|
|
916
|
+
*/
|
|
917
|
+
"dislikeLabel": string;
|
|
918
|
+
/**
|
|
919
|
+
* Marks the response as disliked: sets `aria-pressed` on the Dislike button and applies the pressed background. Consumer-controlled -- the component never toggles it itself.
|
|
920
|
+
* @default false
|
|
921
|
+
*/
|
|
922
|
+
"disliked": boolean;
|
|
923
|
+
/**
|
|
924
|
+
* Removes the "Regenerate" button from the DOM.
|
|
925
|
+
* @default false
|
|
926
|
+
*/
|
|
927
|
+
"hideRegenerate": boolean;
|
|
928
|
+
/**
|
|
929
|
+
* Accessible name (and visible text, where applicable) of the Like button.
|
|
930
|
+
* @default 'Like'
|
|
931
|
+
*/
|
|
932
|
+
"likeLabel": string;
|
|
933
|
+
/**
|
|
934
|
+
* Marks the response as liked: sets `aria-pressed` on the Like button and applies the pressed background. Consumer-controlled -- the component never toggles it itself.
|
|
935
|
+
* @default false
|
|
936
|
+
*/
|
|
937
|
+
"liked": boolean;
|
|
938
|
+
/**
|
|
939
|
+
* Accessible name of the "More options" button.
|
|
940
|
+
* @default 'More options'
|
|
941
|
+
*/
|
|
942
|
+
"menuLabel": string;
|
|
780
943
|
/**
|
|
781
944
|
* Whether the "more options" popup menu (the `menu` slot) is currently open. Mutable + reflected so the component can track/close itself (kebab click, click outside, Escape) the same way `bs-chatbot-header`'s `expanded` prop tracks its own toggle state, while still emitting `bsMenuOpen` for the consumer to react to.
|
|
782
945
|
* @default false
|
|
783
946
|
*/
|
|
784
947
|
"menuOpen": boolean;
|
|
948
|
+
/**
|
|
949
|
+
* Accessible name of the Regenerate button.
|
|
950
|
+
* @default 'Regenerate'
|
|
951
|
+
*/
|
|
952
|
+
"regenerateLabel": string;
|
|
953
|
+
/**
|
|
954
|
+
* Label for a single source; rendered as "1 {sourceLabel}".
|
|
955
|
+
* @default 'source'
|
|
956
|
+
*/
|
|
957
|
+
"sourceLabel": string;
|
|
785
958
|
/**
|
|
786
959
|
* Number of sources backing the response. When set to a positive number, renders the "N sources" button (singular "1 source" / plural "N sources"). When unset or `0`, the button is not rendered at all.
|
|
787
960
|
*/
|
|
788
961
|
"sourcesCount"?: number;
|
|
962
|
+
/**
|
|
963
|
+
* Label for multiple sources; rendered as "N {sourcesLabel}".
|
|
964
|
+
* @default 'sources'
|
|
965
|
+
*/
|
|
966
|
+
"sourcesLabel": string;
|
|
789
967
|
}
|
|
790
968
|
/**
|
|
791
969
|
* The "Sources" panel shown alongside a Genie AI chat response -- a header with a title, a count
|
|
@@ -817,8 +995,10 @@ export namespace Components {
|
|
|
817
995
|
*/
|
|
818
996
|
interface BsChatbotSourcesDrawer {
|
|
819
997
|
/**
|
|
820
|
-
*
|
|
998
|
+
* Accessible name of the collapse button.
|
|
999
|
+
* @default 'Collapse sources'
|
|
821
1000
|
*/
|
|
1001
|
+
"collapseLabel": string;
|
|
822
1002
|
"count"?: number;
|
|
823
1003
|
/**
|
|
824
1004
|
* The panel title.
|
|
@@ -843,11 +1023,8 @@ export namespace Components {
|
|
|
843
1023
|
* Aliased to `--bs-color-primary-container`.
|
|
844
1024
|
* @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
|
|
845
1025
|
* `--bs-color-primary-container-hover`.
|
|
846
|
-
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased
|
|
847
|
-
*
|
|
848
|
-
* matching this tonal button's lighter pressed shade progression (50 -> 100 -> 200), so this
|
|
849
|
-
* component aliases one locally (same situation `bs-button.css` documents for its
|
|
850
|
-
* subtle/outlined/success/warning/info variants).
|
|
1026
|
+
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased to
|
|
1027
|
+
* `--bs-color-primary-container-pressed`.
|
|
851
1028
|
* @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
|
|
852
1029
|
* `--bs-color-primary-container-hover` (same as hover).
|
|
853
1030
|
* @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
|
|
@@ -945,6 +1122,11 @@ export namespace Components {
|
|
|
945
1122
|
* `96px`.
|
|
946
1123
|
*/
|
|
947
1124
|
interface BsCheckboxSkeleton {
|
|
1125
|
+
/**
|
|
1126
|
+
* Accessible name announced for the loading placeholder.
|
|
1127
|
+
* @default 'Loading'
|
|
1128
|
+
*/
|
|
1129
|
+
"loadingLabel": string;
|
|
948
1130
|
/**
|
|
949
1131
|
* Sizing scale, matching the `bs-checkbox` size it stands in for. Defaults to `lg`, the same (unusual) default `bs-checkbox` itself uses.
|
|
950
1132
|
* @default 'lg'
|
|
@@ -1036,6 +1218,11 @@ export namespace Components {
|
|
|
1036
1218
|
* @default false
|
|
1037
1219
|
*/
|
|
1038
1220
|
"disabled": boolean;
|
|
1221
|
+
/**
|
|
1222
|
+
* Prefix of the remove button's accessible name ("Remove {label}").
|
|
1223
|
+
* @default 'Remove'
|
|
1224
|
+
*/
|
|
1225
|
+
"removeLabel": string;
|
|
1039
1226
|
/**
|
|
1040
1227
|
* Whether the chip reads as toggled on. Mutable so clicking the body toggles directly, and reflected so consumers can target `bs-chip-input[selected]` via CSS.
|
|
1041
1228
|
* @default false
|
|
@@ -1047,6 +1234,41 @@ export namespace Components {
|
|
|
1047
1234
|
*/
|
|
1048
1235
|
"size": BsChipInputSize;
|
|
1049
1236
|
}
|
|
1237
|
+
/**
|
|
1238
|
+
* Presentational card previewing a cited source: file name, originating system, page number and a
|
|
1239
|
+
* snippet of the cited text. It does no fetching -- the consumer supplies content through slots.
|
|
1240
|
+
* When `href` is set, the header becomes a link action.
|
|
1241
|
+
* Composed from: `bs-card` (the surface) and `bs-source-link` (the file name / source header and
|
|
1242
|
+
* open action).
|
|
1243
|
+
* ## When to use
|
|
1244
|
+
* - Showing the passage a chat answer was grounded in, e.g. on citation hover/click.
|
|
1245
|
+
* ## When not to use
|
|
1246
|
+
* - As a list row of sources -- use `bs-source-link` directly in `bs-chatbot-sources-drawer`.
|
|
1247
|
+
* @prop --bs-citation-preview-gap - Gap between header, snippet and footer. Aliased to `--bs-spacing-100`.
|
|
1248
|
+
* @prop --bs-citation-preview-snippet-color - Snippet text color. Aliased to `--bs-text-default`.
|
|
1249
|
+
* @prop --bs-citation-preview-snippet-bg - Snippet background. Aliased to `--bs-surface-base`.
|
|
1250
|
+
* @prop --bs-citation-preview-snippet-radius - Snippet corner radius. Aliased to `--bs-border-radius-100`.
|
|
1251
|
+
* @prop --bs-citation-preview-page-color - Page label color. Aliased to `--bs-text-secondary`.
|
|
1252
|
+
*/
|
|
1253
|
+
interface BsCitationPreview {
|
|
1254
|
+
/**
|
|
1255
|
+
* The cited document's file name.
|
|
1256
|
+
* @default 'Source'
|
|
1257
|
+
*/
|
|
1258
|
+
"fileName": string;
|
|
1259
|
+
/**
|
|
1260
|
+
* If set, the header becomes a link that opens this URL.
|
|
1261
|
+
*/
|
|
1262
|
+
"href"?: string;
|
|
1263
|
+
/**
|
|
1264
|
+
* Page (or page range) of the citation, shown as "Page N".
|
|
1265
|
+
*/
|
|
1266
|
+
"page"?: string | number;
|
|
1267
|
+
/**
|
|
1268
|
+
* The system/app the document came from.
|
|
1269
|
+
*/
|
|
1270
|
+
"sourceName"?: string;
|
|
1271
|
+
}
|
|
1050
1272
|
/**
|
|
1051
1273
|
* A chat composer input for Genie AI-style conversational interfaces: a text field
|
|
1052
1274
|
* plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
|
|
@@ -1086,15 +1308,64 @@ export namespace Components {
|
|
|
1086
1308
|
* @default null
|
|
1087
1309
|
*/
|
|
1088
1310
|
"ariaLabel": string | null;
|
|
1311
|
+
/**
|
|
1312
|
+
* Accessible name of the attach button.
|
|
1313
|
+
* @default 'Attach'
|
|
1314
|
+
*/
|
|
1315
|
+
"attachLabel": string;
|
|
1316
|
+
/**
|
|
1317
|
+
* Accessible name of the primary action button while `state="recording"`.
|
|
1318
|
+
* @default 'Confirm'
|
|
1319
|
+
*/
|
|
1320
|
+
"confirmLabel": string;
|
|
1321
|
+
/**
|
|
1322
|
+
* Removes the attach ("+") button from the DOM.
|
|
1323
|
+
* @default false
|
|
1324
|
+
*/
|
|
1325
|
+
"hideAttach": boolean;
|
|
1326
|
+
/**
|
|
1327
|
+
* Removes the mic button from the DOM.
|
|
1328
|
+
* @default false
|
|
1329
|
+
*/
|
|
1330
|
+
"hideMic": boolean;
|
|
1331
|
+
/**
|
|
1332
|
+
* Waiting state (e.g. the request was sent but no token has streamed in yet): replaces the send icon with a spinner, sets `aria-busy`, and makes the primary action inert so a second submit can't fire. Only has an effect while `state="idle"`; use `state="generating"` once streaming starts so the Stop button appears.
|
|
1333
|
+
* @default false
|
|
1334
|
+
*/
|
|
1335
|
+
"loading": boolean;
|
|
1336
|
+
/**
|
|
1337
|
+
* Maximum number of characters the text field accepts (native `maxlength`). Unset = unlimited.
|
|
1338
|
+
*/
|
|
1339
|
+
"maxLength"?: number;
|
|
1340
|
+
/**
|
|
1341
|
+
* Accessible name of the mic button while not recording.
|
|
1342
|
+
* @default 'Start voice input'
|
|
1343
|
+
*/
|
|
1344
|
+
"micLabel": string;
|
|
1089
1345
|
/**
|
|
1090
1346
|
* Overrides the variant's default placeholder.
|
|
1091
1347
|
*/
|
|
1092
1348
|
"placeholder"?: string;
|
|
1349
|
+
/**
|
|
1350
|
+
* Accessible name of the primary action button in `idle` / `disabled` state.
|
|
1351
|
+
* @default 'Send'
|
|
1352
|
+
*/
|
|
1353
|
+
"sendLabel": string;
|
|
1093
1354
|
/**
|
|
1094
1355
|
* Which of the four mutually-exclusive composer states to render: `idle` (send, enabled), `generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or `recording` (voice input in progress -- shows a waveform and a confirm action). Reflects to a `state` attribute on the host, so a consumer can target a specific state from outside via a CSS attribute selector (e.g. `bs-composer[state="recording"]`) or by querying for it in JS, the same way `bs-input`'s `open` prop reflects.
|
|
1095
1356
|
* @default 'idle'
|
|
1096
1357
|
*/
|
|
1097
1358
|
"state": BsComposerState;
|
|
1359
|
+
/**
|
|
1360
|
+
* Accessible name of the primary action button while `state="generating"`.
|
|
1361
|
+
* @default 'Stop'
|
|
1362
|
+
*/
|
|
1363
|
+
"stopLabel": string;
|
|
1364
|
+
/**
|
|
1365
|
+
* Accessible name of the mic button while `state="recording"`.
|
|
1366
|
+
* @default 'Stop recording'
|
|
1367
|
+
*/
|
|
1368
|
+
"stopRecordingLabel": string;
|
|
1098
1369
|
/**
|
|
1099
1370
|
* Current text value. Native `input` events don't cross the Shadow DOM boundary, so this component re-dispatches them as a `bsInput` custom event instead. The field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to `--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead of growing further. Setting `value` as a prop (not just typing) also re-triggers the resize, so e.g. programmatically clearing the field after submit correctly shrinks it back down. Mutable: kept in sync with the real `<textarea>`'s content on every keystroke (see `onInput`), not pushed one-way from the outside only. Without this, typing alone never updates this prop, so a consumer re-setting `value` to e.g. `''` after the user had typed something would be a no-op (same as the never-updated internal value) and silently fail to clear the field.
|
|
1100
1371
|
* @default ''
|
|
@@ -1180,6 +1451,16 @@ export namespace Components {
|
|
|
1180
1451
|
* @default true
|
|
1181
1452
|
*/
|
|
1182
1453
|
"allowClose": boolean;
|
|
1454
|
+
/**
|
|
1455
|
+
* Accessible name of the close button.
|
|
1456
|
+
* @default 'Dismiss'
|
|
1457
|
+
*/
|
|
1458
|
+
"closeLabel": string;
|
|
1459
|
+
/**
|
|
1460
|
+
* Shows a spinner in place of the default leading icon (a custom `icon` slot still wins) and sets `aria-busy` on the banner. Use for in-progress states such as "Continuing...".
|
|
1461
|
+
* @default false
|
|
1462
|
+
*/
|
|
1463
|
+
"loading": boolean;
|
|
1183
1464
|
/**
|
|
1184
1465
|
* The message text.
|
|
1185
1466
|
* @default 'This is a message'
|
|
@@ -1328,6 +1609,11 @@ export namespace Components {
|
|
|
1328
1609
|
* @default []
|
|
1329
1610
|
*/
|
|
1330
1611
|
"rows": BsDataTableRow[];
|
|
1612
|
+
/**
|
|
1613
|
+
* Accessible name of the select-all checkbox in the header (when `selectable`).
|
|
1614
|
+
* @default 'Select all rows'
|
|
1615
|
+
*/
|
|
1616
|
+
"selectAllLabel": string;
|
|
1331
1617
|
/**
|
|
1332
1618
|
* @default false
|
|
1333
1619
|
*/
|
|
@@ -1455,6 +1741,11 @@ export namespace Components {
|
|
|
1455
1741
|
* @default false
|
|
1456
1742
|
*/
|
|
1457
1743
|
"centered": boolean;
|
|
1744
|
+
/**
|
|
1745
|
+
* Accessible name of the close button.
|
|
1746
|
+
* @default 'Close'
|
|
1747
|
+
*/
|
|
1748
|
+
"closeLabel": string;
|
|
1458
1749
|
"heading"?: string;
|
|
1459
1750
|
/**
|
|
1460
1751
|
* Mutable + reflected so the component can close itself (backdrop click, Escape, close button) the same way a native `<dialog>` does, while still emitting `bsClose` for the consumer to react to.
|
|
@@ -1776,12 +2067,27 @@ export namespace Components {
|
|
|
1776
2067
|
* @default []
|
|
1777
2068
|
*/
|
|
1778
2069
|
"countryOptions": { code: string; label: string; flagIcon?: string }[];
|
|
2070
|
+
/**
|
|
2071
|
+
* Accessible name of the number stepper's decrement button.
|
|
2072
|
+
* @default 'Decrement'
|
|
2073
|
+
*/
|
|
2074
|
+
"decrementLabel": string;
|
|
1779
2075
|
"description"?: string;
|
|
1780
2076
|
/**
|
|
1781
2077
|
* @default false
|
|
1782
2078
|
*/
|
|
1783
2079
|
"disabled": boolean;
|
|
1784
2080
|
"error"?: string;
|
|
2081
|
+
/**
|
|
2082
|
+
* Accessible name of the password toggle while the password is visible.
|
|
2083
|
+
* @default 'Hide password'
|
|
2084
|
+
*/
|
|
2085
|
+
"hidePasswordLabel": string;
|
|
2086
|
+
/**
|
|
2087
|
+
* Accessible name of the number stepper's increment button.
|
|
2088
|
+
* @default 'Increment'
|
|
2089
|
+
*/
|
|
2090
|
+
"incrementLabel": string;
|
|
1785
2091
|
/**
|
|
1786
2092
|
* Current selected title for `type="initials"`. Named `initialsTitle` rather than `title` -- `title` is a reserved standard HTML attribute (tooltip text) inherited by every element, and Stencil warns against shadowing it with a component `@Prop`.
|
|
1787
2093
|
* @default ''
|
|
@@ -1826,6 +2132,11 @@ export namespace Components {
|
|
|
1826
2132
|
* @default 3
|
|
1827
2133
|
*/
|
|
1828
2134
|
"rows": number;
|
|
2135
|
+
/**
|
|
2136
|
+
* Accessible name of the password toggle while the password is hidden.
|
|
2137
|
+
* @default 'Show password'
|
|
2138
|
+
*/
|
|
2139
|
+
"showPasswordLabel": string;
|
|
1829
2140
|
/**
|
|
1830
2141
|
* Step size for `type="number"`'s increment/decrement stepper buttons.
|
|
1831
2142
|
* @default 1
|
|
@@ -1950,6 +2261,74 @@ export namespace Components {
|
|
|
1950
2261
|
*/
|
|
1951
2262
|
"disabled": boolean;
|
|
1952
2263
|
}
|
|
2264
|
+
/**
|
|
2265
|
+
* A single chat message bubble. User messages align to the end with a primary-tinted bubble;
|
|
2266
|
+
* assistant messages align to the start on a neutral bubble. The consumer renders the content
|
|
2267
|
+
* (e.g. markdown) into the default slot.
|
|
2268
|
+
* Composed from: `bs-card` (the bubble surface).
|
|
2269
|
+
* ## When to use
|
|
2270
|
+
* - One entry per turn in a chat transcript, usually inside `bs-message-list`.
|
|
2271
|
+
* ## When not to use
|
|
2272
|
+
* - For transient notices or system banners -- use `bs-toast` / `bs-composer-status-banner`.
|
|
2273
|
+
* @prop --bs-message-gap - Gap between avatar and message column. Aliased to `--bs-spacing-100`.
|
|
2274
|
+
* @prop --bs-message-max-width - Max width of the message column. Defaults to `80%`.
|
|
2275
|
+
* @prop --bs-message-padding - Bubble padding. Aliased to `--bs-spacing-150`.
|
|
2276
|
+
* @prop --bs-message-radius - Bubble corner radius. Aliased to `--bs-border-radius-150`.
|
|
2277
|
+
* @prop --bs-message-user-bg - User bubble background. Aliased to `--bs-color-primary-container`.
|
|
2278
|
+
* @prop --bs-message-user-color - User bubble text color. Aliased to `--bs-text-default`.
|
|
2279
|
+
* @prop --bs-message-assistant-bg - Assistant bubble background. Aliased to `--bs-color-neutral-container`.
|
|
2280
|
+
* @prop --bs-message-assistant-color - Assistant bubble text color. Aliased to `--bs-text-default`.
|
|
2281
|
+
* @prop --bs-message-error-bg - Error bubble background. Aliased to `--bs-color-error-container`.
|
|
2282
|
+
* @prop --bs-message-error-color - Error bubble text color. Aliased to `--bs-text-error`.
|
|
2283
|
+
* @prop --bs-message-pending-opacity - Bubble opacity while pending. Defaults to `0.6`.
|
|
2284
|
+
* @prop --bs-message-timestamp-color - Timestamp color. Aliased to `--bs-text-secondary`.
|
|
2285
|
+
* @prop --bs-message-timestamp-font-size - Timestamp font size. Aliased to `--bs-font-size-xs`.
|
|
2286
|
+
*/
|
|
2287
|
+
interface BsMessage {
|
|
2288
|
+
/**
|
|
2289
|
+
* Machine-readable value for the `<time>` element's `datetime` attribute.
|
|
2290
|
+
*/
|
|
2291
|
+
"datetime"?: string;
|
|
2292
|
+
/**
|
|
2293
|
+
* Who sent the message. Controls alignment and colour.
|
|
2294
|
+
* @default 'assistant'
|
|
2295
|
+
*/
|
|
2296
|
+
"role": BsMessageRole;
|
|
2297
|
+
/**
|
|
2298
|
+
* Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`.
|
|
2299
|
+
* @default 'default'
|
|
2300
|
+
*/
|
|
2301
|
+
"status": BsMessageStatus;
|
|
2302
|
+
/**
|
|
2303
|
+
* Human-readable timestamp text shown inside a `<time>` element. Omit to render none.
|
|
2304
|
+
*/
|
|
2305
|
+
"timestamp"?: string;
|
|
2306
|
+
}
|
|
2307
|
+
/**
|
|
2308
|
+
* Scrollable chat transcript container (`role="log"`, `aria-live="polite"`) for `bs-message`
|
|
2309
|
+
* children. It keeps itself pinned to the newest message while the user is near the bottom; when
|
|
2310
|
+
* the user has scrolled up and new content arrives, it shows a "scroll to latest" button instead
|
|
2311
|
+
* of yanking the viewport.
|
|
2312
|
+
* Composed from: `bs-icon-button` (the scroll-to-latest control).
|
|
2313
|
+
* ## When to use
|
|
2314
|
+
* - Holding the messages of a chat conversation.
|
|
2315
|
+
* ## When not to use
|
|
2316
|
+
* - For generic scrollable lists -- this is built around append-at-the-bottom transcripts.
|
|
2317
|
+
* @prop --bs-message-list-gap - Gap between messages. Aliased to `--bs-spacing-200`.
|
|
2318
|
+
* @prop --bs-message-list-padding - Padding inside the scroll area. Aliased to `--bs-spacing-200`.
|
|
2319
|
+
* @prop --bs-message-list-button-offset - Distance of the scroll-to-latest button from the bottom edge. Aliased to `--bs-spacing-200`.
|
|
2320
|
+
*/
|
|
2321
|
+
interface BsMessageList {
|
|
2322
|
+
/**
|
|
2323
|
+
* Scrolls to the newest message and re-enables auto-follow.
|
|
2324
|
+
*/
|
|
2325
|
+
"scrollToLatest": () => Promise<void>;
|
|
2326
|
+
/**
|
|
2327
|
+
* Accessible name of the scroll-to-latest button.
|
|
2328
|
+
* @default 'Scroll to latest message'
|
|
2329
|
+
*/
|
|
2330
|
+
"scrollToLatestLabel": string;
|
|
2331
|
+
}
|
|
1953
2332
|
/**
|
|
1954
2333
|
* A left-side persistent navigation sidebar: the BrandSync logo, a "Main Menu" title with a
|
|
1955
2334
|
* collapse toggle, a reserved slot for a search field, and a scrollable list of nav items.
|
|
@@ -1992,6 +2371,11 @@ export namespace Components {
|
|
|
1992
2371
|
* On wider screens `open` is ignored and nothing changes.
|
|
1993
2372
|
*/
|
|
1994
2373
|
interface BsNavigationDrawer {
|
|
2374
|
+
/**
|
|
2375
|
+
* Accessible name of the collapse toggle while the drawer is expanded.
|
|
2376
|
+
* @default 'Collapse'
|
|
2377
|
+
*/
|
|
2378
|
+
"collapseLabel": string;
|
|
1995
2379
|
/**
|
|
1996
2380
|
* Narrows the drawer to a 96px icon-only rail (Figma node 8028:135374). Mutable and reflected -- clicking the collapse toggle toggles this directly (self-toggling, see the class doc above for why), and this component keeps every direct-child `bs-navigation-drawer-item`'s own `collapsed` prop synced to match (see `syncItemsCollapsed`).
|
|
1997
2381
|
* @default false
|
|
@@ -2002,6 +2386,11 @@ export namespace Components {
|
|
|
2002
2386
|
* @default true
|
|
2003
2387
|
*/
|
|
2004
2388
|
"collapsible": boolean;
|
|
2389
|
+
/**
|
|
2390
|
+
* Accessible name of the collapse toggle while the drawer is collapsed.
|
|
2391
|
+
* @default 'Expand'
|
|
2392
|
+
*/
|
|
2393
|
+
"expandLabel": string;
|
|
2005
2394
|
/**
|
|
2006
2395
|
* Heading text shown next to the collapse toggle, and used as the `<nav>` landmark's `aria-label` (so the landmark keeps a name even when `collapsed` hides the visible text).
|
|
2007
2396
|
* @default 'Main Menu'
|
|
@@ -2017,6 +2406,11 @@ export namespace Components {
|
|
|
2017
2406
|
* @default false
|
|
2018
2407
|
*/
|
|
2019
2408
|
"open": boolean;
|
|
2409
|
+
/**
|
|
2410
|
+
* Accessible name of the search trigger.
|
|
2411
|
+
* @default 'Search'
|
|
2412
|
+
*/
|
|
2413
|
+
"searchLabel": string;
|
|
2020
2414
|
/**
|
|
2021
2415
|
* Whether to render the BrandSync logo at all. Defaults to `true`. This drawer is normally the one that owns the logo when paired with a `bs-navigation-header` (that header's own `with-navigation-drawer` alignment omits its logo for exactly this reason) -- but the reverse pairing works too: a header that keeps its own logo (`alignment="default"`) paired with this drawer set to `showLogo={false}`, so the brand mark only ever appears once.
|
|
2022
2416
|
* @default true
|
|
@@ -2262,11 +2656,21 @@ export namespace Components {
|
|
|
2262
2656
|
* @default 1
|
|
2263
2657
|
*/
|
|
2264
2658
|
"currentPage": number;
|
|
2659
|
+
/**
|
|
2660
|
+
* Accessible name of the pagination landmark.
|
|
2661
|
+
* @default 'Pagination'
|
|
2662
|
+
*/
|
|
2663
|
+
"navLabel": string;
|
|
2265
2664
|
/**
|
|
2266
2665
|
* Accessible name for the next-page button.
|
|
2267
2666
|
* @default 'Next page'
|
|
2268
2667
|
*/
|
|
2269
2668
|
"nextLabel": string;
|
|
2669
|
+
/**
|
|
2670
|
+
* Prefix of each page button's accessible name ("Go to page 3").
|
|
2671
|
+
* @default 'Go to page'
|
|
2672
|
+
*/
|
|
2673
|
+
"pageLabel": string;
|
|
2270
2674
|
/**
|
|
2271
2675
|
* Accessible name for the previous-page button.
|
|
2272
2676
|
* @default 'Previous page'
|
|
@@ -2283,6 +2687,34 @@ export namespace Components {
|
|
|
2283
2687
|
*/
|
|
2284
2688
|
"totalPages": number;
|
|
2285
2689
|
}
|
|
2690
|
+
/**
|
|
2691
|
+
* A trigger plus a popup panel that opens on trigger click and closes on outside click or Escape.
|
|
2692
|
+
* The popup is positioned with CSS (absolute, relative to the host) and flips to the opposite side
|
|
2693
|
+
* when it would overflow the viewport; the effective placement is mirrored on the host as
|
|
2694
|
+
* `data-placement`. Focus moves into the popup on open and back to the trigger on close. The popup content is slotted, so it is typically a `bs-menu` or a list.
|
|
2695
|
+
* ## When to use
|
|
2696
|
+
* - A menu, language list or small set of options revealed from a button.
|
|
2697
|
+
* ## When not to use
|
|
2698
|
+
* - A blocking decision (use `bs-dialog`) or a hover-only hint (use `bs-tooltip-trigger`).
|
|
2699
|
+
* @prop --bs-popover-bg - Popup background. Aliased to `--bs-surface-raised`.
|
|
2700
|
+
* @prop --bs-popover-radius - Popup corner radius. Aliased to `--bs-border-radius-100`.
|
|
2701
|
+
* @prop --bs-popover-shadow - Popup shadow. Aliased to `--bs-shadow-md`.
|
|
2702
|
+
* @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
|
|
2703
|
+
* @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
|
|
2704
|
+
* @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
|
|
2705
|
+
*/
|
|
2706
|
+
interface BsPopover {
|
|
2707
|
+
/**
|
|
2708
|
+
* Whether the popup is shown.
|
|
2709
|
+
* @default false
|
|
2710
|
+
*/
|
|
2711
|
+
"open": boolean;
|
|
2712
|
+
/**
|
|
2713
|
+
* Where the popup sits relative to the trigger.
|
|
2714
|
+
* @default 'bottom-start'
|
|
2715
|
+
*/
|
|
2716
|
+
"placement": BsPopoverPlacement;
|
|
2717
|
+
}
|
|
2286
2718
|
/**
|
|
2287
2719
|
* One step of a product tour: a centred **welcome** or **success** card with an art tile, or a
|
|
2288
2720
|
* **pointer** card -- a compact step with a close button, a "1 of 3" progress label and Back/Next
|
|
@@ -2730,6 +3162,98 @@ export namespace Components {
|
|
|
2730
3162
|
*/
|
|
2731
3163
|
"type": BsSessionTimeoutType;
|
|
2732
3164
|
}
|
|
3165
|
+
/**
|
|
3166
|
+
* A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
|
|
3167
|
+
* and similar secondary content. Closes via its close button or Escape and emits `bsClose`.
|
|
3168
|
+
* Composed from `bs-icon-button` (close button).
|
|
3169
|
+
* While open, Tab/Shift+Tab are trapped in the panel; with `overlay`, the rest of the page is made `inert`.
|
|
3170
|
+
* ## When to use
|
|
3171
|
+
* - Secondary content that sits beside the page without leaving it.
|
|
3172
|
+
* ## When not to use
|
|
3173
|
+
* - A blocking confirmation (use `bs-dialog`).
|
|
3174
|
+
* @prop --bs-side-panel-bg - Panel background. Aliased to `--bs-surface-raised`.
|
|
3175
|
+
* @prop --bs-side-panel-width - Panel width. Aliased to `calc(var(--bs-scale-1600) * 3)`.
|
|
3176
|
+
* @prop --bs-side-panel-padding - Header/body/footer padding. Aliased to `--bs-spacing-200`.
|
|
3177
|
+
* @prop --bs-side-panel-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
|
|
3178
|
+
* @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
|
|
3179
|
+
* @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
|
|
3180
|
+
* @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
|
|
3181
|
+
*/
|
|
3182
|
+
interface BsSidePanel {
|
|
3183
|
+
/**
|
|
3184
|
+
* Accessible label of the close button.
|
|
3185
|
+
* @default 'Close'
|
|
3186
|
+
*/
|
|
3187
|
+
"closeLabel": string;
|
|
3188
|
+
/**
|
|
3189
|
+
* Panel title; also its accessible name.
|
|
3190
|
+
* @default ''
|
|
3191
|
+
*/
|
|
3192
|
+
"heading": string;
|
|
3193
|
+
/**
|
|
3194
|
+
* Whether the panel is visible.
|
|
3195
|
+
* @default false
|
|
3196
|
+
*/
|
|
3197
|
+
"open": boolean;
|
|
3198
|
+
/**
|
|
3199
|
+
* Shows a backdrop behind the panel; clicking it closes the panel.
|
|
3200
|
+
* @default false
|
|
3201
|
+
*/
|
|
3202
|
+
"overlay": boolean;
|
|
3203
|
+
/**
|
|
3204
|
+
* Edge the panel is anchored to.
|
|
3205
|
+
* @default 'end'
|
|
3206
|
+
*/
|
|
3207
|
+
"side": BsSidePanelSide;
|
|
3208
|
+
}
|
|
3209
|
+
/**
|
|
3210
|
+
* A general-purpose loading placeholder for content whose shape isn't covered by a dedicated
|
|
3211
|
+
* skeleton (e.g. `bs-button-skeleton`). Renders a pulsing text line (or several), rectangle or circle.
|
|
3212
|
+
* Decorative by default (`aria-hidden="true"`). Set `label` to expose it to assistive tech as a
|
|
3213
|
+
* `role="status"` live region with that accessible name -- do this on one placeholder per loading
|
|
3214
|
+
* region, not on every placeholder, so screen readers don't announce it repeatedly.
|
|
3215
|
+
* ## When to use
|
|
3216
|
+
* - Standing in for text, images, avatars or other blocks while their data loads.
|
|
3217
|
+
* ## When not to use
|
|
3218
|
+
* - For a `bs-button` or `bs-checkbox` placeholder -- use `bs-button-skeleton` / `bs-checkbox-skeleton`.
|
|
3219
|
+
* - For an in-progress action on already-rendered UI -- use `bs-spinner` or `bs-progress`.
|
|
3220
|
+
* @prop --bs-skeleton-bg - Placeholder color. Aliased to `--bs-color-neutral-container`.
|
|
3221
|
+
* @prop --bs-skeleton-radius - Corner radius for `text`/`rect`. Aliased to `--bs-border-radius-100`.
|
|
3222
|
+
* @prop --bs-skeleton-width - Width when the `width` prop is not set. Defaults to `100%`.
|
|
3223
|
+
* @prop --bs-skeleton-text-height - Height of each text line when `height` is not set. Defaults to `1em`.
|
|
3224
|
+
* @prop --bs-skeleton-rect-height - Height of `rect`/`circle` when `height` is not set. Defaults to `96px`.
|
|
3225
|
+
* @prop --bs-skeleton-gap - Gap between text lines. Aliased to `--bs-spacing-100`.
|
|
3226
|
+
* @prop --bs-skeleton-duration - Pulse duration. Defaults to `1.5s`.
|
|
3227
|
+
*/
|
|
3228
|
+
interface BsSkeleton {
|
|
3229
|
+
/**
|
|
3230
|
+
* Whether the placeholder pulses. Disabled automatically under `prefers-reduced-motion`.
|
|
3231
|
+
* @default true
|
|
3232
|
+
*/
|
|
3233
|
+
"animated": boolean;
|
|
3234
|
+
/**
|
|
3235
|
+
* Any CSS length. Falls back to the variant's default height custom property.
|
|
3236
|
+
*/
|
|
3237
|
+
"height"?: string;
|
|
3238
|
+
/**
|
|
3239
|
+
* When set, the placeholder gets `role="status"` and this as its `aria-label`; otherwise it is `aria-hidden="true"`.
|
|
3240
|
+
*/
|
|
3241
|
+
"label"?: string;
|
|
3242
|
+
/**
|
|
3243
|
+
* Number of text lines (`variant="text"` only). The last line of a multi-line block is shorter. Values below 1 are treated as 1.
|
|
3244
|
+
* @default 1
|
|
3245
|
+
*/
|
|
3246
|
+
"lines": number;
|
|
3247
|
+
/**
|
|
3248
|
+
* Shape of the placeholder.
|
|
3249
|
+
* @default 'text'
|
|
3250
|
+
*/
|
|
3251
|
+
"variant": BsSkeletonVariant;
|
|
3252
|
+
/**
|
|
3253
|
+
* Any CSS length (e.g. `200px`, `50%`). Falls back to `--bs-skeleton-width`. For `circle`, if only one of `width`/`height` is set the other matches it.
|
|
3254
|
+
*/
|
|
3255
|
+
"width"?: string;
|
|
3256
|
+
}
|
|
2733
3257
|
/**
|
|
2734
3258
|
* A slider for picking a single numeric value (`type="default"`), a value snapped to evenly
|
|
2735
3259
|
* spaced ticks (`type="segmented"`), or a min/max pair (`type="range"`) from within a bounded
|
|
@@ -2756,6 +3280,11 @@ export namespace Components {
|
|
|
2756
3280
|
* @default false
|
|
2757
3281
|
*/
|
|
2758
3282
|
"disabled": boolean;
|
|
3283
|
+
/**
|
|
3284
|
+
* Accessible name of the upper-bound thumb / percent field when `ariaLabel` is unset.
|
|
3285
|
+
* @default 'End value'
|
|
3286
|
+
*/
|
|
3287
|
+
"endValueLabel": string;
|
|
2759
3288
|
/**
|
|
2760
3289
|
* Label text shown above the track when `showLabel` is set.
|
|
2761
3290
|
* @default 'Label'
|
|
@@ -2785,6 +3314,11 @@ export namespace Components {
|
|
|
2785
3314
|
* @default true
|
|
2786
3315
|
*/
|
|
2787
3316
|
"showLabel": boolean;
|
|
3317
|
+
/**
|
|
3318
|
+
* Accessible name of the lower-bound thumb / percent field when `ariaLabel` is unset.
|
|
3319
|
+
* @default 'Start value'
|
|
3320
|
+
*/
|
|
3321
|
+
"startValueLabel": string;
|
|
2788
3322
|
/**
|
|
2789
3323
|
* Step size between selectable values. For `type="segmented"`, the effective step is derived from `(max - min) / segments` instead, so the thumb always snaps to a tick.
|
|
2790
3324
|
* @default 1
|
|
@@ -2902,6 +3436,34 @@ export namespace Components {
|
|
|
2902
3436
|
*/
|
|
2903
3437
|
"version"?: string;
|
|
2904
3438
|
}
|
|
3439
|
+
/**
|
|
3440
|
+
* A small inline spinner sized for text. By default (`size="inherit"`) it is `1em` square so it
|
|
3441
|
+
* scales with the surrounding font size, and it draws in `currentColor` so it matches the
|
|
3442
|
+
* surrounding text. Built as plain inline SVG: `bs-progress` has fixed pixel diameters and a
|
|
3443
|
+
* block layout, so it can't sit inline with text.
|
|
3444
|
+
* ## When to use
|
|
3445
|
+
* - Inline "busy" feedback next to or inside text, e.g. "Saving..." or within a button label.
|
|
3446
|
+
* ## When not to use
|
|
3447
|
+
* - For a large or standalone loading indicator, or one with a known percentage -- use `bs-progress`.
|
|
3448
|
+
* - As a content placeholder -- use `bs-skeleton`.
|
|
3449
|
+
* @prop --bs-spinner-size-xs - Diameter at `size="xs"`. Aliased to `--bs-spacing-200`.
|
|
3450
|
+
* @prop --bs-spinner-size-sm - Diameter at `size="sm"`. Aliased to `--bs-spacing-250`.
|
|
3451
|
+
* @prop --bs-spinner-size-md - Diameter at `size="md"`. Aliased to `--bs-spacing-300`.
|
|
3452
|
+
* @prop --bs-spinner-color - Spinner color. Defaults to `currentColor`.
|
|
3453
|
+
* @prop --bs-spinner-track-opacity - Opacity of the background track ring. Defaults to `0.25`.
|
|
3454
|
+
* @prop --bs-spinner-duration - Rotation duration. Defaults to `0.8s`.
|
|
3455
|
+
*/
|
|
3456
|
+
interface BsSpinner {
|
|
3457
|
+
/**
|
|
3458
|
+
* Accessible name (e.g. "Loading"). When set, the spinner gets `role="status"` and this `aria-label`; when omitted it is `aria-hidden="true"` (use it next to visible text that already says what is happening).
|
|
3459
|
+
*/
|
|
3460
|
+
"label"?: string;
|
|
3461
|
+
/**
|
|
3462
|
+
* `xs`/`sm`/`md` use fixed token sizes; `inherit` (default) is `1em`, following the font size.
|
|
3463
|
+
* @default 'inherit'
|
|
3464
|
+
*/
|
|
3465
|
+
"size": BsSpinnerSize;
|
|
3466
|
+
}
|
|
2905
3467
|
/**
|
|
2906
3468
|
* A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
|
|
2907
3469
|
* an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or
|
|
@@ -3145,6 +3707,11 @@ export namespace Components {
|
|
|
3145
3707
|
* @default 'Confirm'
|
|
3146
3708
|
*/
|
|
3147
3709
|
"confirmLabel": string;
|
|
3710
|
+
/**
|
|
3711
|
+
* Verb prefix of each column's decrement button name ("Decrease hour").
|
|
3712
|
+
* @default 'Decrease'
|
|
3713
|
+
*/
|
|
3714
|
+
"decreaseLabel": string;
|
|
3148
3715
|
/**
|
|
3149
3716
|
* Display format: `12h` (with an AM/PM dropdown) or `24h`. The user can switch it with the 24h switch. Does not change `value`, which is always 24-hour.
|
|
3150
3717
|
* @default '12h'
|
|
@@ -3161,10 +3728,14 @@ export namespace Components {
|
|
|
3161
3728
|
*/
|
|
3162
3729
|
"heading": string;
|
|
3163
3730
|
/**
|
|
3164
|
-
* Accessible name of the hour spinner.
|
|
3165
3731
|
* @default 'Hour'
|
|
3166
3732
|
*/
|
|
3167
3733
|
"hourLabel": string;
|
|
3734
|
+
/**
|
|
3735
|
+
* Verb prefix of each column's increment button name ("Increase hour").
|
|
3736
|
+
* @default 'Increase'
|
|
3737
|
+
*/
|
|
3738
|
+
"increaseLabel": string;
|
|
3168
3739
|
/**
|
|
3169
3740
|
* Accessible name of the minute spinner.
|
|
3170
3741
|
* @default 'Minute'
|
|
@@ -3199,6 +3770,11 @@ export namespace Components {
|
|
|
3199
3770
|
* auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
|
|
3200
3771
|
*/
|
|
3201
3772
|
interface BsToast {
|
|
3773
|
+
/**
|
|
3774
|
+
* Accessible name of the dismiss button.
|
|
3775
|
+
* @default 'Dismiss'
|
|
3776
|
+
*/
|
|
3777
|
+
"dismissLabel": string;
|
|
3202
3778
|
/**
|
|
3203
3779
|
* Semantic state. Each state has its own icon and matching container/text tokens -- there is no neutral/default state.
|
|
3204
3780
|
* @default 'info'
|
|
@@ -3239,6 +3815,34 @@ export namespace Components {
|
|
|
3239
3815
|
*/
|
|
3240
3816
|
"placement": 'top';
|
|
3241
3817
|
}
|
|
3818
|
+
/**
|
|
3819
|
+
* Wraps a trigger element and shows a `bs-tooltip` on hover or keyboard focus, after an optional
|
|
3820
|
+
* delay. Escape dismisses it. The tooltip is linked to the trigger with `aria-describedby`.
|
|
3821
|
+
* Composed from `bs-tooltip`.
|
|
3822
|
+
* ## When to use
|
|
3823
|
+
* - A short hint for an icon button or truncated label.
|
|
3824
|
+
* ## When not to use
|
|
3825
|
+
* - Interactive content or long text (use `bs-popover`).
|
|
3826
|
+
* @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
|
|
3827
|
+
* @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
|
|
3828
|
+
*/
|
|
3829
|
+
interface BsTooltipTrigger {
|
|
3830
|
+
/**
|
|
3831
|
+
* Milliseconds to wait before showing the tooltip.
|
|
3832
|
+
* @default 0
|
|
3833
|
+
*/
|
|
3834
|
+
"delay": number;
|
|
3835
|
+
/**
|
|
3836
|
+
* Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'.
|
|
3837
|
+
* @default 'bottom'
|
|
3838
|
+
*/
|
|
3839
|
+
"placement": BsTooltipTriggerPlacement;
|
|
3840
|
+
/**
|
|
3841
|
+
* Tooltip message.
|
|
3842
|
+
* @default ''
|
|
3843
|
+
*/
|
|
3844
|
+
"text": string;
|
|
3845
|
+
}
|
|
3242
3846
|
/**
|
|
3243
3847
|
* A product's "What's new" surface, in three forms matching the Figma component:
|
|
3244
3848
|
* - `feed` -- a docked panel: heading, "Mark all as read", filter tabs, the list of updates (each a
|
|
@@ -3484,6 +4088,10 @@ export interface BsChipInputCustomEvent<T> extends CustomEvent<T> {
|
|
|
3484
4088
|
detail: T;
|
|
3485
4089
|
target: HTMLBsChipInputElement;
|
|
3486
4090
|
}
|
|
4091
|
+
export interface BsCitationPreviewCustomEvent<T> extends CustomEvent<T> {
|
|
4092
|
+
detail: T;
|
|
4093
|
+
target: HTMLBsCitationPreviewElement;
|
|
4094
|
+
}
|
|
3487
4095
|
export interface BsComposerCustomEvent<T> extends CustomEvent<T> {
|
|
3488
4096
|
detail: T;
|
|
3489
4097
|
target: HTMLBsComposerElement;
|
|
@@ -3532,6 +4140,10 @@ export interface BsMenuItemCustomEvent<T> extends CustomEvent<T> {
|
|
|
3532
4140
|
detail: T;
|
|
3533
4141
|
target: HTMLBsMenuItemElement;
|
|
3534
4142
|
}
|
|
4143
|
+
export interface BsMessageListCustomEvent<T> extends CustomEvent<T> {
|
|
4144
|
+
detail: T;
|
|
4145
|
+
target: HTMLBsMessageListElement;
|
|
4146
|
+
}
|
|
3535
4147
|
export interface BsNavigationDrawerCustomEvent<T> extends CustomEvent<T> {
|
|
3536
4148
|
detail: T;
|
|
3537
4149
|
target: HTMLBsNavigationDrawerElement;
|
|
@@ -3548,6 +4160,10 @@ export interface BsPaginationCustomEvent<T> extends CustomEvent<T> {
|
|
|
3548
4160
|
detail: T;
|
|
3549
4161
|
target: HTMLBsPaginationElement;
|
|
3550
4162
|
}
|
|
4163
|
+
export interface BsPopoverCustomEvent<T> extends CustomEvent<T> {
|
|
4164
|
+
detail: T;
|
|
4165
|
+
target: HTMLBsPopoverElement;
|
|
4166
|
+
}
|
|
3551
4167
|
export interface BsProductTourCustomEvent<T> extends CustomEvent<T> {
|
|
3552
4168
|
detail: T;
|
|
3553
4169
|
target: HTMLBsProductTourElement;
|
|
@@ -3564,6 +4180,10 @@ export interface BsSessionTimeoutCustomEvent<T> extends CustomEvent<T> {
|
|
|
3564
4180
|
detail: T;
|
|
3565
4181
|
target: HTMLBsSessionTimeoutElement;
|
|
3566
4182
|
}
|
|
4183
|
+
export interface BsSidePanelCustomEvent<T> extends CustomEvent<T> {
|
|
4184
|
+
detail: T;
|
|
4185
|
+
target: HTMLBsSidePanelElement;
|
|
4186
|
+
}
|
|
3567
4187
|
export interface BsSliderCustomEvent<T> extends CustomEvent<T> {
|
|
3568
4188
|
detail: T;
|
|
3569
4189
|
target: HTMLBsSliderElement;
|
|
@@ -3630,6 +4250,24 @@ declare global {
|
|
|
3630
4250
|
prototype: HTMLBsAccordionElement;
|
|
3631
4251
|
new (): HTMLBsAccordionElement;
|
|
3632
4252
|
};
|
|
4253
|
+
/**
|
|
4254
|
+
* Coordinates child `bs-accordion` elements. By default only one stays expanded: when a child
|
|
4255
|
+
* requests expansion (its `bsToggle` event), the others are collapsed. With `multiple`, children
|
|
4256
|
+
* are left independent.
|
|
4257
|
+
* Because `bs-accordion` is a controlled component, the group applies the requested value to the
|
|
4258
|
+
* child's `expanded` property itself.
|
|
4259
|
+
* ## When to use
|
|
4260
|
+
* - A stack of FAQ-style sections where one open at a time keeps the page short.
|
|
4261
|
+
* ## When not to use
|
|
4262
|
+
* - A single section (use `bs-accordion` directly).
|
|
4263
|
+
* @prop --bs-accordion-group-gap - Gap between accordions. Defaults to `0`.
|
|
4264
|
+
*/
|
|
4265
|
+
interface HTMLBsAccordionGroupElement extends Components.BsAccordionGroup, HTMLStencilElement {
|
|
4266
|
+
}
|
|
4267
|
+
var HTMLBsAccordionGroupElement: {
|
|
4268
|
+
prototype: HTMLBsAccordionGroupElement;
|
|
4269
|
+
new (): HTMLBsAccordionGroupElement;
|
|
4270
|
+
};
|
|
3633
4271
|
/**
|
|
3634
4272
|
* A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
|
|
3635
4273
|
* important information."
|
|
@@ -4246,11 +4884,8 @@ declare global {
|
|
|
4246
4884
|
* Aliased to `--bs-color-primary-container`.
|
|
4247
4885
|
* @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
|
|
4248
4886
|
* `--bs-color-primary-container-hover`.
|
|
4249
|
-
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased
|
|
4250
|
-
*
|
|
4251
|
-
* matching this tonal button's lighter pressed shade progression (50 -> 100 -> 200), so this
|
|
4252
|
-
* component aliases one locally (same situation `bs-button.css` documents for its
|
|
4253
|
-
* subtle/outlined/success/warning/info variants).
|
|
4887
|
+
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased to
|
|
4888
|
+
* `--bs-color-primary-container-pressed`.
|
|
4254
4889
|
* @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
|
|
4255
4890
|
* `--bs-color-primary-container-hover` (same as hover).
|
|
4256
4891
|
* @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
|
|
@@ -4407,6 +5042,39 @@ declare global {
|
|
|
4407
5042
|
prototype: HTMLBsChipInputElement;
|
|
4408
5043
|
new (): HTMLBsChipInputElement;
|
|
4409
5044
|
};
|
|
5045
|
+
interface HTMLBsCitationPreviewElementEventMap {
|
|
5046
|
+
"bsOpen": void;
|
|
5047
|
+
}
|
|
5048
|
+
/**
|
|
5049
|
+
* Presentational card previewing a cited source: file name, originating system, page number and a
|
|
5050
|
+
* snippet of the cited text. It does no fetching -- the consumer supplies content through slots.
|
|
5051
|
+
* When `href` is set, the header becomes a link action.
|
|
5052
|
+
* Composed from: `bs-card` (the surface) and `bs-source-link` (the file name / source header and
|
|
5053
|
+
* open action).
|
|
5054
|
+
* ## When to use
|
|
5055
|
+
* - Showing the passage a chat answer was grounded in, e.g. on citation hover/click.
|
|
5056
|
+
* ## When not to use
|
|
5057
|
+
* - As a list row of sources -- use `bs-source-link` directly in `bs-chatbot-sources-drawer`.
|
|
5058
|
+
* @prop --bs-citation-preview-gap - Gap between header, snippet and footer. Aliased to `--bs-spacing-100`.
|
|
5059
|
+
* @prop --bs-citation-preview-snippet-color - Snippet text color. Aliased to `--bs-text-default`.
|
|
5060
|
+
* @prop --bs-citation-preview-snippet-bg - Snippet background. Aliased to `--bs-surface-base`.
|
|
5061
|
+
* @prop --bs-citation-preview-snippet-radius - Snippet corner radius. Aliased to `--bs-border-radius-100`.
|
|
5062
|
+
* @prop --bs-citation-preview-page-color - Page label color. Aliased to `--bs-text-secondary`.
|
|
5063
|
+
*/
|
|
5064
|
+
interface HTMLBsCitationPreviewElement extends Components.BsCitationPreview, HTMLStencilElement {
|
|
5065
|
+
addEventListener<K extends keyof HTMLBsCitationPreviewElementEventMap>(type: K, listener: (this: HTMLBsCitationPreviewElement, ev: BsCitationPreviewCustomEvent<HTMLBsCitationPreviewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5066
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5067
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5068
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
5069
|
+
removeEventListener<K extends keyof HTMLBsCitationPreviewElementEventMap>(type: K, listener: (this: HTMLBsCitationPreviewElement, ev: BsCitationPreviewCustomEvent<HTMLBsCitationPreviewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
5070
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
5071
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
5072
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
5073
|
+
}
|
|
5074
|
+
var HTMLBsCitationPreviewElement: {
|
|
5075
|
+
prototype: HTMLBsCitationPreviewElement;
|
|
5076
|
+
new (): HTMLBsCitationPreviewElement;
|
|
5077
|
+
};
|
|
4410
5078
|
interface HTMLBsComposerElementEventMap {
|
|
4411
5079
|
"bsInput": string;
|
|
4412
5080
|
"bsSubmit": void;
|
|
@@ -4992,6 +5660,66 @@ declare global {
|
|
|
4992
5660
|
prototype: HTMLBsMenuItemElement;
|
|
4993
5661
|
new (): HTMLBsMenuItemElement;
|
|
4994
5662
|
};
|
|
5663
|
+
/**
|
|
5664
|
+
* A single chat message bubble. User messages align to the end with a primary-tinted bubble;
|
|
5665
|
+
* assistant messages align to the start on a neutral bubble. The consumer renders the content
|
|
5666
|
+
* (e.g. markdown) into the default slot.
|
|
5667
|
+
* Composed from: `bs-card` (the bubble surface).
|
|
5668
|
+
* ## When to use
|
|
5669
|
+
* - One entry per turn in a chat transcript, usually inside `bs-message-list`.
|
|
5670
|
+
* ## When not to use
|
|
5671
|
+
* - For transient notices or system banners -- use `bs-toast` / `bs-composer-status-banner`.
|
|
5672
|
+
* @prop --bs-message-gap - Gap between avatar and message column. Aliased to `--bs-spacing-100`.
|
|
5673
|
+
* @prop --bs-message-max-width - Max width of the message column. Defaults to `80%`.
|
|
5674
|
+
* @prop --bs-message-padding - Bubble padding. Aliased to `--bs-spacing-150`.
|
|
5675
|
+
* @prop --bs-message-radius - Bubble corner radius. Aliased to `--bs-border-radius-150`.
|
|
5676
|
+
* @prop --bs-message-user-bg - User bubble background. Aliased to `--bs-color-primary-container`.
|
|
5677
|
+
* @prop --bs-message-user-color - User bubble text color. Aliased to `--bs-text-default`.
|
|
5678
|
+
* @prop --bs-message-assistant-bg - Assistant bubble background. Aliased to `--bs-color-neutral-container`.
|
|
5679
|
+
* @prop --bs-message-assistant-color - Assistant bubble text color. Aliased to `--bs-text-default`.
|
|
5680
|
+
* @prop --bs-message-error-bg - Error bubble background. Aliased to `--bs-color-error-container`.
|
|
5681
|
+
* @prop --bs-message-error-color - Error bubble text color. Aliased to `--bs-text-error`.
|
|
5682
|
+
* @prop --bs-message-pending-opacity - Bubble opacity while pending. Defaults to `0.6`.
|
|
5683
|
+
* @prop --bs-message-timestamp-color - Timestamp color. Aliased to `--bs-text-secondary`.
|
|
5684
|
+
* @prop --bs-message-timestamp-font-size - Timestamp font size. Aliased to `--bs-font-size-xs`.
|
|
5685
|
+
*/
|
|
5686
|
+
interface HTMLBsMessageElement extends Components.BsMessage, HTMLStencilElement {
|
|
5687
|
+
}
|
|
5688
|
+
var HTMLBsMessageElement: {
|
|
5689
|
+
prototype: HTMLBsMessageElement;
|
|
5690
|
+
new (): HTMLBsMessageElement;
|
|
5691
|
+
};
|
|
5692
|
+
interface HTMLBsMessageListElementEventMap {
|
|
5693
|
+
"bsScrollToLatest": void;
|
|
5694
|
+
}
|
|
5695
|
+
/**
|
|
5696
|
+
* Scrollable chat transcript container (`role="log"`, `aria-live="polite"`) for `bs-message`
|
|
5697
|
+
* children. It keeps itself pinned to the newest message while the user is near the bottom; when
|
|
5698
|
+
* the user has scrolled up and new content arrives, it shows a "scroll to latest" button instead
|
|
5699
|
+
* of yanking the viewport.
|
|
5700
|
+
* Composed from: `bs-icon-button` (the scroll-to-latest control).
|
|
5701
|
+
* ## When to use
|
|
5702
|
+
* - Holding the messages of a chat conversation.
|
|
5703
|
+
* ## When not to use
|
|
5704
|
+
* - For generic scrollable lists -- this is built around append-at-the-bottom transcripts.
|
|
5705
|
+
* @prop --bs-message-list-gap - Gap between messages. Aliased to `--bs-spacing-200`.
|
|
5706
|
+
* @prop --bs-message-list-padding - Padding inside the scroll area. Aliased to `--bs-spacing-200`.
|
|
5707
|
+
* @prop --bs-message-list-button-offset - Distance of the scroll-to-latest button from the bottom edge. Aliased to `--bs-spacing-200`.
|
|
5708
|
+
*/
|
|
5709
|
+
interface HTMLBsMessageListElement extends Components.BsMessageList, HTMLStencilElement {
|
|
5710
|
+
addEventListener<K extends keyof HTMLBsMessageListElementEventMap>(type: K, listener: (this: HTMLBsMessageListElement, ev: BsMessageListCustomEvent<HTMLBsMessageListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5711
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5712
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5713
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
5714
|
+
removeEventListener<K extends keyof HTMLBsMessageListElementEventMap>(type: K, listener: (this: HTMLBsMessageListElement, ev: BsMessageListCustomEvent<HTMLBsMessageListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
5715
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
5716
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
5717
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
5718
|
+
}
|
|
5719
|
+
var HTMLBsMessageListElement: {
|
|
5720
|
+
prototype: HTMLBsMessageListElement;
|
|
5721
|
+
new (): HTMLBsMessageListElement;
|
|
5722
|
+
};
|
|
4995
5723
|
interface HTMLBsNavigationDrawerElementEventMap {
|
|
4996
5724
|
"bsCollapse": boolean;
|
|
4997
5725
|
"bsSearchClick": void;
|
|
@@ -5200,6 +5928,39 @@ declare global {
|
|
|
5200
5928
|
prototype: HTMLBsPaginationElement;
|
|
5201
5929
|
new (): HTMLBsPaginationElement;
|
|
5202
5930
|
};
|
|
5931
|
+
interface HTMLBsPopoverElementEventMap {
|
|
5932
|
+
"bsOpenChange": boolean;
|
|
5933
|
+
}
|
|
5934
|
+
/**
|
|
5935
|
+
* A trigger plus a popup panel that opens on trigger click and closes on outside click or Escape.
|
|
5936
|
+
* The popup is positioned with CSS (absolute, relative to the host) and flips to the opposite side
|
|
5937
|
+
* when it would overflow the viewport; the effective placement is mirrored on the host as
|
|
5938
|
+
* `data-placement`. Focus moves into the popup on open and back to the trigger on close. The popup content is slotted, so it is typically a `bs-menu` or a list.
|
|
5939
|
+
* ## When to use
|
|
5940
|
+
* - A menu, language list or small set of options revealed from a button.
|
|
5941
|
+
* ## When not to use
|
|
5942
|
+
* - A blocking decision (use `bs-dialog`) or a hover-only hint (use `bs-tooltip-trigger`).
|
|
5943
|
+
* @prop --bs-popover-bg - Popup background. Aliased to `--bs-surface-raised`.
|
|
5944
|
+
* @prop --bs-popover-radius - Popup corner radius. Aliased to `--bs-border-radius-100`.
|
|
5945
|
+
* @prop --bs-popover-shadow - Popup shadow. Aliased to `--bs-shadow-md`.
|
|
5946
|
+
* @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
|
|
5947
|
+
* @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
|
|
5948
|
+
* @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
|
|
5949
|
+
*/
|
|
5950
|
+
interface HTMLBsPopoverElement extends Components.BsPopover, HTMLStencilElement {
|
|
5951
|
+
addEventListener<K extends keyof HTMLBsPopoverElementEventMap>(type: K, listener: (this: HTMLBsPopoverElement, ev: BsPopoverCustomEvent<HTMLBsPopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5952
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5953
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5954
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
5955
|
+
removeEventListener<K extends keyof HTMLBsPopoverElementEventMap>(type: K, listener: (this: HTMLBsPopoverElement, ev: BsPopoverCustomEvent<HTMLBsPopoverElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
5956
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
5957
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
5958
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
5959
|
+
}
|
|
5960
|
+
var HTMLBsPopoverElement: {
|
|
5961
|
+
prototype: HTMLBsPopoverElement;
|
|
5962
|
+
new (): HTMLBsPopoverElement;
|
|
5963
|
+
};
|
|
5203
5964
|
interface HTMLBsProductTourElementEventMap {
|
|
5204
5965
|
"bsPrimary": void;
|
|
5205
5966
|
"bsSecondary": void;
|
|
@@ -5391,6 +6152,65 @@ declare global {
|
|
|
5391
6152
|
prototype: HTMLBsSessionTimeoutElement;
|
|
5392
6153
|
new (): HTMLBsSessionTimeoutElement;
|
|
5393
6154
|
};
|
|
6155
|
+
interface HTMLBsSidePanelElementEventMap {
|
|
6156
|
+
"bsClose": void;
|
|
6157
|
+
}
|
|
6158
|
+
/**
|
|
6159
|
+
* A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
|
|
6160
|
+
* and similar secondary content. Closes via its close button or Escape and emits `bsClose`.
|
|
6161
|
+
* Composed from `bs-icon-button` (close button).
|
|
6162
|
+
* While open, Tab/Shift+Tab are trapped in the panel; with `overlay`, the rest of the page is made `inert`.
|
|
6163
|
+
* ## When to use
|
|
6164
|
+
* - Secondary content that sits beside the page without leaving it.
|
|
6165
|
+
* ## When not to use
|
|
6166
|
+
* - A blocking confirmation (use `bs-dialog`).
|
|
6167
|
+
* @prop --bs-side-panel-bg - Panel background. Aliased to `--bs-surface-raised`.
|
|
6168
|
+
* @prop --bs-side-panel-width - Panel width. Aliased to `calc(var(--bs-scale-1600) * 3)`.
|
|
6169
|
+
* @prop --bs-side-panel-padding - Header/body/footer padding. Aliased to `--bs-spacing-200`.
|
|
6170
|
+
* @prop --bs-side-panel-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
|
|
6171
|
+
* @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
|
|
6172
|
+
* @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
|
|
6173
|
+
* @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
|
|
6174
|
+
*/
|
|
6175
|
+
interface HTMLBsSidePanelElement extends Components.BsSidePanel, HTMLStencilElement {
|
|
6176
|
+
addEventListener<K extends keyof HTMLBsSidePanelElementEventMap>(type: K, listener: (this: HTMLBsSidePanelElement, ev: BsSidePanelCustomEvent<HTMLBsSidePanelElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6177
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6178
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6179
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
6180
|
+
removeEventListener<K extends keyof HTMLBsSidePanelElementEventMap>(type: K, listener: (this: HTMLBsSidePanelElement, ev: BsSidePanelCustomEvent<HTMLBsSidePanelElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
6181
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
6182
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
6183
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
6184
|
+
}
|
|
6185
|
+
var HTMLBsSidePanelElement: {
|
|
6186
|
+
prototype: HTMLBsSidePanelElement;
|
|
6187
|
+
new (): HTMLBsSidePanelElement;
|
|
6188
|
+
};
|
|
6189
|
+
/**
|
|
6190
|
+
* A general-purpose loading placeholder for content whose shape isn't covered by a dedicated
|
|
6191
|
+
* skeleton (e.g. `bs-button-skeleton`). Renders a pulsing text line (or several), rectangle or circle.
|
|
6192
|
+
* Decorative by default (`aria-hidden="true"`). Set `label` to expose it to assistive tech as a
|
|
6193
|
+
* `role="status"` live region with that accessible name -- do this on one placeholder per loading
|
|
6194
|
+
* region, not on every placeholder, so screen readers don't announce it repeatedly.
|
|
6195
|
+
* ## When to use
|
|
6196
|
+
* - Standing in for text, images, avatars or other blocks while their data loads.
|
|
6197
|
+
* ## When not to use
|
|
6198
|
+
* - For a `bs-button` or `bs-checkbox` placeholder -- use `bs-button-skeleton` / `bs-checkbox-skeleton`.
|
|
6199
|
+
* - For an in-progress action on already-rendered UI -- use `bs-spinner` or `bs-progress`.
|
|
6200
|
+
* @prop --bs-skeleton-bg - Placeholder color. Aliased to `--bs-color-neutral-container`.
|
|
6201
|
+
* @prop --bs-skeleton-radius - Corner radius for `text`/`rect`. Aliased to `--bs-border-radius-100`.
|
|
6202
|
+
* @prop --bs-skeleton-width - Width when the `width` prop is not set. Defaults to `100%`.
|
|
6203
|
+
* @prop --bs-skeleton-text-height - Height of each text line when `height` is not set. Defaults to `1em`.
|
|
6204
|
+
* @prop --bs-skeleton-rect-height - Height of `rect`/`circle` when `height` is not set. Defaults to `96px`.
|
|
6205
|
+
* @prop --bs-skeleton-gap - Gap between text lines. Aliased to `--bs-spacing-100`.
|
|
6206
|
+
* @prop --bs-skeleton-duration - Pulse duration. Defaults to `1.5s`.
|
|
6207
|
+
*/
|
|
6208
|
+
interface HTMLBsSkeletonElement extends Components.BsSkeleton, HTMLStencilElement {
|
|
6209
|
+
}
|
|
6210
|
+
var HTMLBsSkeletonElement: {
|
|
6211
|
+
prototype: HTMLBsSkeletonElement;
|
|
6212
|
+
new (): HTMLBsSkeletonElement;
|
|
6213
|
+
};
|
|
5394
6214
|
interface HTMLBsSliderElementEventMap {
|
|
5395
6215
|
"bsChange": number;
|
|
5396
6216
|
"bsRangeChange": { start: number; end: number };
|
|
@@ -5503,6 +6323,29 @@ declare global {
|
|
|
5503
6323
|
prototype: HTMLBsSourceLinkElement;
|
|
5504
6324
|
new (): HTMLBsSourceLinkElement;
|
|
5505
6325
|
};
|
|
6326
|
+
/**
|
|
6327
|
+
* A small inline spinner sized for text. By default (`size="inherit"`) it is `1em` square so it
|
|
6328
|
+
* scales with the surrounding font size, and it draws in `currentColor` so it matches the
|
|
6329
|
+
* surrounding text. Built as plain inline SVG: `bs-progress` has fixed pixel diameters and a
|
|
6330
|
+
* block layout, so it can't sit inline with text.
|
|
6331
|
+
* ## When to use
|
|
6332
|
+
* - Inline "busy" feedback next to or inside text, e.g. "Saving..." or within a button label.
|
|
6333
|
+
* ## When not to use
|
|
6334
|
+
* - For a large or standalone loading indicator, or one with a known percentage -- use `bs-progress`.
|
|
6335
|
+
* - As a content placeholder -- use `bs-skeleton`.
|
|
6336
|
+
* @prop --bs-spinner-size-xs - Diameter at `size="xs"`. Aliased to `--bs-spacing-200`.
|
|
6337
|
+
* @prop --bs-spinner-size-sm - Diameter at `size="sm"`. Aliased to `--bs-spacing-250`.
|
|
6338
|
+
* @prop --bs-spinner-size-md - Diameter at `size="md"`. Aliased to `--bs-spacing-300`.
|
|
6339
|
+
* @prop --bs-spinner-color - Spinner color. Defaults to `currentColor`.
|
|
6340
|
+
* @prop --bs-spinner-track-opacity - Opacity of the background track ring. Defaults to `0.25`.
|
|
6341
|
+
* @prop --bs-spinner-duration - Rotation duration. Defaults to `0.8s`.
|
|
6342
|
+
*/
|
|
6343
|
+
interface HTMLBsSpinnerElement extends Components.BsSpinner, HTMLStencilElement {
|
|
6344
|
+
}
|
|
6345
|
+
var HTMLBsSpinnerElement: {
|
|
6346
|
+
prototype: HTMLBsSpinnerElement;
|
|
6347
|
+
new (): HTMLBsSpinnerElement;
|
|
6348
|
+
};
|
|
5506
6349
|
/**
|
|
5507
6350
|
* A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
|
|
5508
6351
|
* an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or
|
|
@@ -5744,6 +6587,23 @@ declare global {
|
|
|
5744
6587
|
prototype: HTMLBsTooltipElement;
|
|
5745
6588
|
new (): HTMLBsTooltipElement;
|
|
5746
6589
|
};
|
|
6590
|
+
/**
|
|
6591
|
+
* Wraps a trigger element and shows a `bs-tooltip` on hover or keyboard focus, after an optional
|
|
6592
|
+
* delay. Escape dismisses it. The tooltip is linked to the trigger with `aria-describedby`.
|
|
6593
|
+
* Composed from `bs-tooltip`.
|
|
6594
|
+
* ## When to use
|
|
6595
|
+
* - A short hint for an icon button or truncated label.
|
|
6596
|
+
* ## When not to use
|
|
6597
|
+
* - Interactive content or long text (use `bs-popover`).
|
|
6598
|
+
* @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
|
|
6599
|
+
* @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
|
|
6600
|
+
*/
|
|
6601
|
+
interface HTMLBsTooltipTriggerElement extends Components.BsTooltipTrigger, HTMLStencilElement {
|
|
6602
|
+
}
|
|
6603
|
+
var HTMLBsTooltipTriggerElement: {
|
|
6604
|
+
prototype: HTMLBsTooltipTriggerElement;
|
|
6605
|
+
new (): HTMLBsTooltipTriggerElement;
|
|
6606
|
+
};
|
|
5747
6607
|
interface HTMLBsWhatsNewElementEventMap {
|
|
5748
6608
|
"bsMarkAllRead": void;
|
|
5749
6609
|
"bsEntryAction": { id: string };
|
|
@@ -5815,6 +6675,7 @@ declare global {
|
|
|
5815
6675
|
};
|
|
5816
6676
|
interface HTMLElementTagNameMap {
|
|
5817
6677
|
"bs-accordion": HTMLBsAccordionElement;
|
|
6678
|
+
"bs-accordion-group": HTMLBsAccordionGroupElement;
|
|
5818
6679
|
"bs-ai-disclaimer": HTMLBsAiDisclaimerElement;
|
|
5819
6680
|
"bs-ai-greeting": HTMLBsAiGreetingElement;
|
|
5820
6681
|
"bs-ai-thinking": HTMLBsAiThinkingElement;
|
|
@@ -5839,6 +6700,7 @@ declare global {
|
|
|
5839
6700
|
"bs-chip-filter": HTMLBsChipFilterElement;
|
|
5840
6701
|
"bs-chip-informative": HTMLBsChipInformativeElement;
|
|
5841
6702
|
"bs-chip-input": HTMLBsChipInputElement;
|
|
6703
|
+
"bs-citation-preview": HTMLBsCitationPreviewElement;
|
|
5842
6704
|
"bs-composer": HTMLBsComposerElement;
|
|
5843
6705
|
"bs-composer-status-banner": HTMLBsComposerStatusBannerElement;
|
|
5844
6706
|
"bs-cookie-consent": HTMLBsCookieConsentElement;
|
|
@@ -5855,20 +6717,26 @@ declare global {
|
|
|
5855
6717
|
"bs-logo": HTMLBsLogoElement;
|
|
5856
6718
|
"bs-menu": HTMLBsMenuElement;
|
|
5857
6719
|
"bs-menu-item": HTMLBsMenuItemElement;
|
|
6720
|
+
"bs-message": HTMLBsMessageElement;
|
|
6721
|
+
"bs-message-list": HTMLBsMessageListElement;
|
|
5858
6722
|
"bs-navigation-drawer": HTMLBsNavigationDrawerElement;
|
|
5859
6723
|
"bs-navigation-drawer-item": HTMLBsNavigationDrawerItemElement;
|
|
5860
6724
|
"bs-navigation-header": HTMLBsNavigationHeaderElement;
|
|
5861
6725
|
"bs-onboarding-checklist": HTMLBsOnboardingChecklistElement;
|
|
5862
6726
|
"bs-pagination": HTMLBsPaginationElement;
|
|
6727
|
+
"bs-popover": HTMLBsPopoverElement;
|
|
5863
6728
|
"bs-product-tour": HTMLBsProductTourElement;
|
|
5864
6729
|
"bs-progress": HTMLBsProgressElement;
|
|
5865
6730
|
"bs-progress-linear": HTMLBsProgressLinearElement;
|
|
5866
6731
|
"bs-qr-code": HTMLBsQrCodeElement;
|
|
5867
6732
|
"bs-radio": HTMLBsRadioElement;
|
|
5868
6733
|
"bs-session-timeout": HTMLBsSessionTimeoutElement;
|
|
6734
|
+
"bs-side-panel": HTMLBsSidePanelElement;
|
|
6735
|
+
"bs-skeleton": HTMLBsSkeletonElement;
|
|
5869
6736
|
"bs-slider": HTMLBsSliderElement;
|
|
5870
6737
|
"bs-snackbar": HTMLBsSnackbarElement;
|
|
5871
6738
|
"bs-source-link": HTMLBsSourceLinkElement;
|
|
6739
|
+
"bs-spinner": HTMLBsSpinnerElement;
|
|
5872
6740
|
"bs-stepper": HTMLBsStepperElement;
|
|
5873
6741
|
"bs-stepper-step": HTMLBsStepperStepElement;
|
|
5874
6742
|
"bs-switch": HTMLBsSwitchElement;
|
|
@@ -5877,6 +6745,7 @@ declare global {
|
|
|
5877
6745
|
"bs-timepicker": HTMLBsTimepickerElement;
|
|
5878
6746
|
"bs-toast": HTMLBsToastElement;
|
|
5879
6747
|
"bs-tooltip": HTMLBsTooltipElement;
|
|
6748
|
+
"bs-tooltip-trigger": HTMLBsTooltipTriggerElement;
|
|
5880
6749
|
"bs-whats-new": HTMLBsWhatsNewElement;
|
|
5881
6750
|
"bs-whats-new-entry": HTMLBsWhatsNewEntryElement;
|
|
5882
6751
|
}
|
|
@@ -5921,6 +6790,25 @@ declare namespace LocalJSX {
|
|
|
5921
6790
|
*/
|
|
5922
6791
|
"size"?: BsAccordionSize;
|
|
5923
6792
|
}
|
|
6793
|
+
/**
|
|
6794
|
+
* Coordinates child `bs-accordion` elements. By default only one stays expanded: when a child
|
|
6795
|
+
* requests expansion (its `bsToggle` event), the others are collapsed. With `multiple`, children
|
|
6796
|
+
* are left independent.
|
|
6797
|
+
* Because `bs-accordion` is a controlled component, the group applies the requested value to the
|
|
6798
|
+
* child's `expanded` property itself.
|
|
6799
|
+
* ## When to use
|
|
6800
|
+
* - A stack of FAQ-style sections where one open at a time keeps the page short.
|
|
6801
|
+
* ## When not to use
|
|
6802
|
+
* - A single section (use `bs-accordion` directly).
|
|
6803
|
+
* @prop --bs-accordion-group-gap - Gap between accordions. Defaults to `0`.
|
|
6804
|
+
*/
|
|
6805
|
+
interface BsAccordionGroup {
|
|
6806
|
+
/**
|
|
6807
|
+
* Allow several accordions to be expanded at once.
|
|
6808
|
+
* @default false
|
|
6809
|
+
*/
|
|
6810
|
+
"multiple"?: boolean;
|
|
6811
|
+
}
|
|
5924
6812
|
/**
|
|
5925
6813
|
* A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
|
|
5926
6814
|
* important information."
|
|
@@ -6058,11 +6946,21 @@ declare namespace LocalJSX {
|
|
|
6058
6946
|
* @default true
|
|
6059
6947
|
*/
|
|
6060
6948
|
"removable"?: boolean;
|
|
6949
|
+
/**
|
|
6950
|
+
* Prefix of the remove button's accessible name ("Remove attachment: {fileName}").
|
|
6951
|
+
* @default 'Remove attachment'
|
|
6952
|
+
*/
|
|
6953
|
+
"removeLabel"?: string;
|
|
6061
6954
|
/**
|
|
6062
6955
|
* Which kind of attachment preview to render.
|
|
6063
6956
|
* @default 'image'
|
|
6064
6957
|
*/
|
|
6065
6958
|
"type"?: BsAttachmentType;
|
|
6959
|
+
/**
|
|
6960
|
+
* Accessible name of the upload spinner while `loading`.
|
|
6961
|
+
* @default 'Uploading'
|
|
6962
|
+
*/
|
|
6963
|
+
"uploadingLabel"?: string;
|
|
6066
6964
|
}
|
|
6067
6965
|
/**
|
|
6068
6966
|
* A horizontally-scrolling row wrapper for one or more `bs-attachment` previews, for slotting into
|
|
@@ -6355,6 +7253,11 @@ declare namespace LocalJSX {
|
|
|
6355
7253
|
* @prop --bs-button-skeleton-width - Placeholder width. Defaults to `96px`.
|
|
6356
7254
|
*/
|
|
6357
7255
|
interface BsButtonSkeleton {
|
|
7256
|
+
/**
|
|
7257
|
+
* Accessible name announced for the loading placeholder.
|
|
7258
|
+
* @default 'Loading'
|
|
7259
|
+
*/
|
|
7260
|
+
"loadingLabel"?: string;
|
|
6358
7261
|
/**
|
|
6359
7262
|
* Sizing scale, matching the `bs-button` size it stands in for.
|
|
6360
7263
|
* @default 'md'
|
|
@@ -6503,15 +7406,32 @@ declare namespace LocalJSX {
|
|
|
6503
7406
|
* Aliased to `--bs-text-action`.
|
|
6504
7407
|
*/
|
|
6505
7408
|
interface BsChatbotFeedback {
|
|
7409
|
+
/**
|
|
7410
|
+
* Accessible name of the close button.
|
|
7411
|
+
* @default 'Close'
|
|
7412
|
+
*/
|
|
7413
|
+
"closeLabel"?: string;
|
|
6506
7414
|
/**
|
|
6507
7415
|
* The comment text.
|
|
6508
7416
|
* @default ''
|
|
6509
7417
|
*/
|
|
6510
7418
|
"comment"?: string;
|
|
6511
7419
|
/**
|
|
6512
|
-
*
|
|
7420
|
+
* Label above the optional comment field.
|
|
7421
|
+
* @default 'Tell us what you think'
|
|
6513
7422
|
*/
|
|
7423
|
+
"commentLabel"?: string;
|
|
7424
|
+
/**
|
|
7425
|
+
* Placeholder of the optional comment field.
|
|
7426
|
+
* @default 'e.g.The response was helpful ....'
|
|
7427
|
+
*/
|
|
7428
|
+
"commentPlaceholder"?: string;
|
|
6514
7429
|
"heading"?: string;
|
|
7430
|
+
/**
|
|
7431
|
+
* Text of the "new chat" button.
|
|
7432
|
+
* @default 'Start new chat'
|
|
7433
|
+
*/
|
|
7434
|
+
"newChatLabel"?: string;
|
|
6515
7435
|
/**
|
|
6516
7436
|
* Fires when the close button is clicked. The consuming app owns actually hiding the card.
|
|
6517
7437
|
*/
|
|
@@ -6537,6 +7457,26 @@ declare namespace LocalJSX {
|
|
|
6537
7457
|
* @default 0
|
|
6538
7458
|
*/
|
|
6539
7459
|
"rating"?: number;
|
|
7460
|
+
/**
|
|
7461
|
+
* Accessible name of the star rating group.
|
|
7462
|
+
* @default 'Rating'
|
|
7463
|
+
*/
|
|
7464
|
+
"ratingLabel"?: string;
|
|
7465
|
+
/**
|
|
7466
|
+
* Singular star noun used in each star's accessible name ("1 star").
|
|
7467
|
+
* @default 'star'
|
|
7468
|
+
*/
|
|
7469
|
+
"starLabel"?: string;
|
|
7470
|
+
/**
|
|
7471
|
+
* Plural star noun used in each star's accessible name ("3 stars").
|
|
7472
|
+
* @default 'stars'
|
|
7473
|
+
*/
|
|
7474
|
+
"starsLabel"?: string;
|
|
7475
|
+
/**
|
|
7476
|
+
* Text of the submit button.
|
|
7477
|
+
* @default 'Submit feedback'
|
|
7478
|
+
*/
|
|
7479
|
+
"submitLabel"?: string;
|
|
6540
7480
|
/**
|
|
6541
7481
|
* Whether feedback has been submitted. Switches the card from the editable form to the read-only "thanks" view.
|
|
6542
7482
|
* @default false
|
|
@@ -6575,6 +7515,21 @@ declare namespace LocalJSX {
|
|
|
6575
7515
|
* @prop --bs-chatbot-header-icon - Icon color. Aliased to `--bs-icon-default`.
|
|
6576
7516
|
*/
|
|
6577
7517
|
interface BsChatbotHeader {
|
|
7518
|
+
/**
|
|
7519
|
+
* Accessible name and tooltip text of the "Close" button.
|
|
7520
|
+
* @default 'Close'
|
|
7521
|
+
*/
|
|
7522
|
+
"closeLabel"?: string;
|
|
7523
|
+
/**
|
|
7524
|
+
* Accessible name and tooltip text of the expand button while `expanded`.
|
|
7525
|
+
* @default 'Exit fullscreen'
|
|
7526
|
+
*/
|
|
7527
|
+
"collapseLabel"?: string;
|
|
7528
|
+
/**
|
|
7529
|
+
* Accessible name and tooltip text of the expand button while collapsed.
|
|
7530
|
+
* @default 'Fullscreen'
|
|
7531
|
+
*/
|
|
7532
|
+
"expandLabel"?: string;
|
|
6578
7533
|
/**
|
|
6579
7534
|
* Whether the chat panel is currently expanded (e.g. to full viewport width/height). This component has no visibility into the surrounding layout, so it does not resize anything itself -- it only tracks and reflects the toggle state (via the `expanded` attribute, for CSS hooks, and `aria-pressed`/`aria-label` on the expand button) and emits `bsExpand` with the new value. The consuming app is responsible for actually resizing its own chat panel container in response to that event, since only the app knows what that container is.
|
|
6580
7535
|
* @default false
|
|
@@ -6585,6 +7540,36 @@ declare namespace LocalJSX {
|
|
|
6585
7540
|
* @default 'Genie'
|
|
6586
7541
|
*/
|
|
6587
7542
|
"heading"?: string;
|
|
7543
|
+
/**
|
|
7544
|
+
* Removes the "Close" button from the DOM.
|
|
7545
|
+
* @default false
|
|
7546
|
+
*/
|
|
7547
|
+
"hideClose"?: boolean;
|
|
7548
|
+
/**
|
|
7549
|
+
* Removes the expand/fullscreen button from the DOM.
|
|
7550
|
+
* @default false
|
|
7551
|
+
*/
|
|
7552
|
+
"hideExpand"?: boolean;
|
|
7553
|
+
/**
|
|
7554
|
+
* Removes the "History" button from the DOM.
|
|
7555
|
+
* @default false
|
|
7556
|
+
*/
|
|
7557
|
+
"hideHistory"?: boolean;
|
|
7558
|
+
/**
|
|
7559
|
+
* Removes the "New chat" button from the DOM.
|
|
7560
|
+
* @default false
|
|
7561
|
+
*/
|
|
7562
|
+
"hideNewChat"?: boolean;
|
|
7563
|
+
/**
|
|
7564
|
+
* Accessible name and tooltip text of the "History" button.
|
|
7565
|
+
* @default 'History'
|
|
7566
|
+
*/
|
|
7567
|
+
"historyLabel"?: string;
|
|
7568
|
+
/**
|
|
7569
|
+
* Accessible name and tooltip text of the "New chat" button.
|
|
7570
|
+
* @default 'New chat'
|
|
7571
|
+
*/
|
|
7572
|
+
"newChatLabel"?: string;
|
|
6588
7573
|
/**
|
|
6589
7574
|
* Fires when the "Close" button is clicked.
|
|
6590
7575
|
*/
|
|
@@ -6627,6 +7612,41 @@ declare namespace LocalJSX {
|
|
|
6627
7612
|
* @prop --bs-chatbot-response-action-sources-line-height - Aliased to `--bs-line-height-body-sm`.
|
|
6628
7613
|
*/
|
|
6629
7614
|
interface BsChatbotResponseAction {
|
|
7615
|
+
/**
|
|
7616
|
+
* Accessible name of the Copy button.
|
|
7617
|
+
* @default 'Copy'
|
|
7618
|
+
*/
|
|
7619
|
+
"copyLabel"?: string;
|
|
7620
|
+
/**
|
|
7621
|
+
* Accessible name of the Dislike button.
|
|
7622
|
+
* @default 'Dislike'
|
|
7623
|
+
*/
|
|
7624
|
+
"dislikeLabel"?: string;
|
|
7625
|
+
/**
|
|
7626
|
+
* Marks the response as disliked: sets `aria-pressed` on the Dislike button and applies the pressed background. Consumer-controlled -- the component never toggles it itself.
|
|
7627
|
+
* @default false
|
|
7628
|
+
*/
|
|
7629
|
+
"disliked"?: boolean;
|
|
7630
|
+
/**
|
|
7631
|
+
* Removes the "Regenerate" button from the DOM.
|
|
7632
|
+
* @default false
|
|
7633
|
+
*/
|
|
7634
|
+
"hideRegenerate"?: boolean;
|
|
7635
|
+
/**
|
|
7636
|
+
* Accessible name (and visible text, where applicable) of the Like button.
|
|
7637
|
+
* @default 'Like'
|
|
7638
|
+
*/
|
|
7639
|
+
"likeLabel"?: string;
|
|
7640
|
+
/**
|
|
7641
|
+
* Marks the response as liked: sets `aria-pressed` on the Like button and applies the pressed background. Consumer-controlled -- the component never toggles it itself.
|
|
7642
|
+
* @default false
|
|
7643
|
+
*/
|
|
7644
|
+
"liked"?: boolean;
|
|
7645
|
+
/**
|
|
7646
|
+
* Accessible name of the "More options" button.
|
|
7647
|
+
* @default 'More options'
|
|
7648
|
+
*/
|
|
7649
|
+
"menuLabel"?: string;
|
|
6630
7650
|
/**
|
|
6631
7651
|
* Whether the "more options" popup menu (the `menu` slot) is currently open. Mutable + reflected so the component can track/close itself (kebab click, click outside, Escape) the same way `bs-chatbot-header`'s `expanded` prop tracks its own toggle state, while still emitting `bsMenuOpen` for the consumer to react to.
|
|
6632
7652
|
* @default false
|
|
@@ -6656,10 +7676,25 @@ declare namespace LocalJSX {
|
|
|
6656
7676
|
* Fires when the "N sources" button is clicked.
|
|
6657
7677
|
*/
|
|
6658
7678
|
"onBsSourcesClick"?: (event: BsChatbotResponseActionCustomEvent<void>) => void;
|
|
7679
|
+
/**
|
|
7680
|
+
* Accessible name of the Regenerate button.
|
|
7681
|
+
* @default 'Regenerate'
|
|
7682
|
+
*/
|
|
7683
|
+
"regenerateLabel"?: string;
|
|
7684
|
+
/**
|
|
7685
|
+
* Label for a single source; rendered as "1 {sourceLabel}".
|
|
7686
|
+
* @default 'source'
|
|
7687
|
+
*/
|
|
7688
|
+
"sourceLabel"?: string;
|
|
6659
7689
|
/**
|
|
6660
7690
|
* Number of sources backing the response. When set to a positive number, renders the "N sources" button (singular "1 source" / plural "N sources"). When unset or `0`, the button is not rendered at all.
|
|
6661
7691
|
*/
|
|
6662
7692
|
"sourcesCount"?: number;
|
|
7693
|
+
/**
|
|
7694
|
+
* Label for multiple sources; rendered as "N {sourcesLabel}".
|
|
7695
|
+
* @default 'sources'
|
|
7696
|
+
*/
|
|
7697
|
+
"sourcesLabel"?: string;
|
|
6663
7698
|
}
|
|
6664
7699
|
/**
|
|
6665
7700
|
* The "Sources" panel shown alongside a Genie AI chat response -- a header with a title, a count
|
|
@@ -6691,8 +7726,10 @@ declare namespace LocalJSX {
|
|
|
6691
7726
|
*/
|
|
6692
7727
|
interface BsChatbotSourcesDrawer {
|
|
6693
7728
|
/**
|
|
6694
|
-
*
|
|
7729
|
+
* Accessible name of the collapse button.
|
|
7730
|
+
* @default 'Collapse sources'
|
|
6695
7731
|
*/
|
|
7732
|
+
"collapseLabel"?: string;
|
|
6696
7733
|
"count"?: number;
|
|
6697
7734
|
/**
|
|
6698
7735
|
* The panel title.
|
|
@@ -6721,11 +7758,8 @@ declare namespace LocalJSX {
|
|
|
6721
7758
|
* Aliased to `--bs-color-primary-container`.
|
|
6722
7759
|
* @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
|
|
6723
7760
|
* `--bs-color-primary-container-hover`.
|
|
6724
|
-
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased
|
|
6725
|
-
*
|
|
6726
|
-
* matching this tonal button's lighter pressed shade progression (50 -> 100 -> 200), so this
|
|
6727
|
-
* component aliases one locally (same situation `bs-button.css` documents for its
|
|
6728
|
-
* subtle/outlined/success/warning/info variants).
|
|
7761
|
+
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased to
|
|
7762
|
+
* `--bs-color-primary-container-pressed`.
|
|
6729
7763
|
* @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
|
|
6730
7764
|
* `--bs-color-primary-container-hover` (same as hover).
|
|
6731
7765
|
* @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
|
|
@@ -6835,6 +7869,11 @@ declare namespace LocalJSX {
|
|
|
6835
7869
|
* `96px`.
|
|
6836
7870
|
*/
|
|
6837
7871
|
interface BsCheckboxSkeleton {
|
|
7872
|
+
/**
|
|
7873
|
+
* Accessible name announced for the loading placeholder.
|
|
7874
|
+
* @default 'Loading'
|
|
7875
|
+
*/
|
|
7876
|
+
"loadingLabel"?: string;
|
|
6838
7877
|
/**
|
|
6839
7878
|
* Sizing scale, matching the `bs-checkbox` size it stands in for. Defaults to `lg`, the same (unusual) default `bs-checkbox` itself uses.
|
|
6840
7879
|
* @default 'lg'
|
|
@@ -6929,25 +7968,69 @@ declare namespace LocalJSX {
|
|
|
6929
7968
|
* Disables both the body and the remove button, and reflected so `:host([disabled])` can apply the disabled token set (a plain CSS pseudo-class can't target the host itself here, since :host isn't a native form control).
|
|
6930
7969
|
* @default false
|
|
6931
7970
|
*/
|
|
6932
|
-
"disabled"?: boolean;
|
|
7971
|
+
"disabled"?: boolean;
|
|
7972
|
+
/**
|
|
7973
|
+
* Emitted when `selected` changes via clicking the body, with the new value.
|
|
7974
|
+
*/
|
|
7975
|
+
"onBsChange"?: (event: BsChipInputCustomEvent<boolean>) => void;
|
|
7976
|
+
/**
|
|
7977
|
+
* Emitted when the remove button is clicked. No payload -- unlike bs-input's own chip-entry mode (which tracks a `chips: string[]` array internally and can identify which string was removed), a standalone chip doesn't know its own "value" to a consumer; whatever's rendering a list of these already has that context via closure/key.
|
|
7978
|
+
*/
|
|
7979
|
+
"onBsRemove"?: (event: BsChipInputCustomEvent<void>) => void;
|
|
7980
|
+
/**
|
|
7981
|
+
* Prefix of the remove button's accessible name ("Remove {label}").
|
|
7982
|
+
* @default 'Remove'
|
|
7983
|
+
*/
|
|
7984
|
+
"removeLabel"?: string;
|
|
7985
|
+
/**
|
|
7986
|
+
* Whether the chip reads as toggled on. Mutable so clicking the body toggles directly, and reflected so consumers can target `bs-chip-input[selected]` via CSS.
|
|
7987
|
+
* @default false
|
|
7988
|
+
*/
|
|
7989
|
+
"selected"?: boolean;
|
|
7990
|
+
/**
|
|
7991
|
+
* Sizing scale. Controls the chip's height only -- icon size, gap, and font size stay constant across sizes, matching the Figma spec exactly.
|
|
7992
|
+
* @default 'lg'
|
|
7993
|
+
*/
|
|
7994
|
+
"size"?: BsChipInputSize;
|
|
7995
|
+
}
|
|
7996
|
+
/**
|
|
7997
|
+
* Presentational card previewing a cited source: file name, originating system, page number and a
|
|
7998
|
+
* snippet of the cited text. It does no fetching -- the consumer supplies content through slots.
|
|
7999
|
+
* When `href` is set, the header becomes a link action.
|
|
8000
|
+
* Composed from: `bs-card` (the surface) and `bs-source-link` (the file name / source header and
|
|
8001
|
+
* open action).
|
|
8002
|
+
* ## When to use
|
|
8003
|
+
* - Showing the passage a chat answer was grounded in, e.g. on citation hover/click.
|
|
8004
|
+
* ## When not to use
|
|
8005
|
+
* - As a list row of sources -- use `bs-source-link` directly in `bs-chatbot-sources-drawer`.
|
|
8006
|
+
* @prop --bs-citation-preview-gap - Gap between header, snippet and footer. Aliased to `--bs-spacing-100`.
|
|
8007
|
+
* @prop --bs-citation-preview-snippet-color - Snippet text color. Aliased to `--bs-text-default`.
|
|
8008
|
+
* @prop --bs-citation-preview-snippet-bg - Snippet background. Aliased to `--bs-surface-base`.
|
|
8009
|
+
* @prop --bs-citation-preview-snippet-radius - Snippet corner radius. Aliased to `--bs-border-radius-100`.
|
|
8010
|
+
* @prop --bs-citation-preview-page-color - Page label color. Aliased to `--bs-text-secondary`.
|
|
8011
|
+
*/
|
|
8012
|
+
interface BsCitationPreview {
|
|
8013
|
+
/**
|
|
8014
|
+
* The cited document's file name.
|
|
8015
|
+
* @default 'Source'
|
|
8016
|
+
*/
|
|
8017
|
+
"fileName"?: string;
|
|
6933
8018
|
/**
|
|
6934
|
-
*
|
|
8019
|
+
* If set, the header becomes a link that opens this URL.
|
|
6935
8020
|
*/
|
|
6936
|
-
"
|
|
8021
|
+
"href"?: string;
|
|
6937
8022
|
/**
|
|
6938
|
-
*
|
|
8023
|
+
* Fires when the header action is activated (whether or not `href` is set).
|
|
6939
8024
|
*/
|
|
6940
|
-
"
|
|
8025
|
+
"onBsOpen"?: (event: BsCitationPreviewCustomEvent<void>) => void;
|
|
6941
8026
|
/**
|
|
6942
|
-
*
|
|
6943
|
-
* @default false
|
|
8027
|
+
* Page (or page range) of the citation, shown as "Page N".
|
|
6944
8028
|
*/
|
|
6945
|
-
"
|
|
8029
|
+
"page"?: string | number;
|
|
6946
8030
|
/**
|
|
6947
|
-
*
|
|
6948
|
-
* @default 'lg'
|
|
8031
|
+
* The system/app the document came from.
|
|
6949
8032
|
*/
|
|
6950
|
-
"
|
|
8033
|
+
"sourceName"?: string;
|
|
6951
8034
|
}
|
|
6952
8035
|
/**
|
|
6953
8036
|
* A chat composer input for Genie AI-style conversational interfaces: a text field
|
|
@@ -6988,6 +8071,40 @@ declare namespace LocalJSX {
|
|
|
6988
8071
|
* @default null
|
|
6989
8072
|
*/
|
|
6990
8073
|
"ariaLabel"?: string | null;
|
|
8074
|
+
/**
|
|
8075
|
+
* Accessible name of the attach button.
|
|
8076
|
+
* @default 'Attach'
|
|
8077
|
+
*/
|
|
8078
|
+
"attachLabel"?: string;
|
|
8079
|
+
/**
|
|
8080
|
+
* Accessible name of the primary action button while `state="recording"`.
|
|
8081
|
+
* @default 'Confirm'
|
|
8082
|
+
*/
|
|
8083
|
+
"confirmLabel"?: string;
|
|
8084
|
+
/**
|
|
8085
|
+
* Removes the attach ("+") button from the DOM.
|
|
8086
|
+
* @default false
|
|
8087
|
+
*/
|
|
8088
|
+
"hideAttach"?: boolean;
|
|
8089
|
+
/**
|
|
8090
|
+
* Removes the mic button from the DOM.
|
|
8091
|
+
* @default false
|
|
8092
|
+
*/
|
|
8093
|
+
"hideMic"?: boolean;
|
|
8094
|
+
/**
|
|
8095
|
+
* Waiting state (e.g. the request was sent but no token has streamed in yet): replaces the send icon with a spinner, sets `aria-busy`, and makes the primary action inert so a second submit can't fire. Only has an effect while `state="idle"`; use `state="generating"` once streaming starts so the Stop button appears.
|
|
8096
|
+
* @default false
|
|
8097
|
+
*/
|
|
8098
|
+
"loading"?: boolean;
|
|
8099
|
+
/**
|
|
8100
|
+
* Maximum number of characters the text field accepts (native `maxlength`). Unset = unlimited.
|
|
8101
|
+
*/
|
|
8102
|
+
"maxLength"?: number;
|
|
8103
|
+
/**
|
|
8104
|
+
* Accessible name of the mic button while not recording.
|
|
8105
|
+
* @default 'Start voice input'
|
|
8106
|
+
*/
|
|
8107
|
+
"micLabel"?: string;
|
|
6991
8108
|
/**
|
|
6992
8109
|
* Fires when the "+" attach button is clicked.
|
|
6993
8110
|
*/
|
|
@@ -7005,7 +8122,7 @@ declare namespace LocalJSX {
|
|
|
7005
8122
|
*/
|
|
7006
8123
|
"onBsStop"?: (event: BsComposerCustomEvent<void>) => void;
|
|
7007
8124
|
/**
|
|
7008
|
-
* Fires when the primary action button is clicked while `state="idle"
|
|
8125
|
+
* Fires when the primary action button is clicked while `state="idle"` and `value` is non-empty (whitespace-only counts as empty).
|
|
7009
8126
|
*/
|
|
7010
8127
|
"onBsSubmit"?: (event: BsComposerCustomEvent<void>) => void;
|
|
7011
8128
|
/**
|
|
@@ -7016,11 +8133,26 @@ declare namespace LocalJSX {
|
|
|
7016
8133
|
* Overrides the variant's default placeholder.
|
|
7017
8134
|
*/
|
|
7018
8135
|
"placeholder"?: string;
|
|
8136
|
+
/**
|
|
8137
|
+
* Accessible name of the primary action button in `idle` / `disabled` state.
|
|
8138
|
+
* @default 'Send'
|
|
8139
|
+
*/
|
|
8140
|
+
"sendLabel"?: string;
|
|
7019
8141
|
/**
|
|
7020
8142
|
* Which of the four mutually-exclusive composer states to render: `idle` (send, enabled), `generating` (stop, while the AI is responding), `disabled` (send, but not interactive), or `recording` (voice input in progress -- shows a waveform and a confirm action). Reflects to a `state` attribute on the host, so a consumer can target a specific state from outside via a CSS attribute selector (e.g. `bs-composer[state="recording"]`) or by querying for it in JS, the same way `bs-input`'s `open` prop reflects.
|
|
7021
8143
|
* @default 'idle'
|
|
7022
8144
|
*/
|
|
7023
8145
|
"state"?: BsComposerState;
|
|
8146
|
+
/**
|
|
8147
|
+
* Accessible name of the primary action button while `state="generating"`.
|
|
8148
|
+
* @default 'Stop'
|
|
8149
|
+
*/
|
|
8150
|
+
"stopLabel"?: string;
|
|
8151
|
+
/**
|
|
8152
|
+
* Accessible name of the mic button while `state="recording"`.
|
|
8153
|
+
* @default 'Stop recording'
|
|
8154
|
+
*/
|
|
8155
|
+
"stopRecordingLabel"?: string;
|
|
7024
8156
|
/**
|
|
7025
8157
|
* Current text value. Native `input` events don't cross the Shadow DOM boundary, so this component re-dispatches them as a `bsInput` custom event instead. The field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to `--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead of growing further. Setting `value` as a prop (not just typing) also re-triggers the resize, so e.g. programmatically clearing the field after submit correctly shrinks it back down. Mutable: kept in sync with the real `<textarea>`'s content on every keystroke (see `onInput`), not pushed one-way from the outside only. Without this, typing alone never updates this prop, so a consumer re-setting `value` to e.g. `''` after the user had typed something would be a no-op (same as the never-updated internal value) and silently fail to clear the field.
|
|
7026
8158
|
* @default ''
|
|
@@ -7106,6 +8238,16 @@ declare namespace LocalJSX {
|
|
|
7106
8238
|
* @default true
|
|
7107
8239
|
*/
|
|
7108
8240
|
"allowClose"?: boolean;
|
|
8241
|
+
/**
|
|
8242
|
+
* Accessible name of the close button.
|
|
8243
|
+
* @default 'Dismiss'
|
|
8244
|
+
*/
|
|
8245
|
+
"closeLabel"?: string;
|
|
8246
|
+
/**
|
|
8247
|
+
* Shows a spinner in place of the default leading icon (a custom `icon` slot still wins) and sets `aria-busy` on the banner. Use for in-progress states such as "Continuing...".
|
|
8248
|
+
* @default false
|
|
8249
|
+
*/
|
|
8250
|
+
"loading"?: boolean;
|
|
7109
8251
|
/**
|
|
7110
8252
|
* The message text.
|
|
7111
8253
|
* @default 'This is a message'
|
|
@@ -7288,6 +8430,11 @@ declare namespace LocalJSX {
|
|
|
7288
8430
|
* @default []
|
|
7289
8431
|
*/
|
|
7290
8432
|
"rows"?: BsDataTableRow[];
|
|
8433
|
+
/**
|
|
8434
|
+
* Accessible name of the select-all checkbox in the header (when `selectable`).
|
|
8435
|
+
* @default 'Select all rows'
|
|
8436
|
+
*/
|
|
8437
|
+
"selectAllLabel"?: string;
|
|
7291
8438
|
/**
|
|
7292
8439
|
* @default false
|
|
7293
8440
|
*/
|
|
@@ -7427,6 +8574,11 @@ declare namespace LocalJSX {
|
|
|
7427
8574
|
* @default false
|
|
7428
8575
|
*/
|
|
7429
8576
|
"centered"?: boolean;
|
|
8577
|
+
/**
|
|
8578
|
+
* Accessible name of the close button.
|
|
8579
|
+
* @default 'Close'
|
|
8580
|
+
*/
|
|
8581
|
+
"closeLabel"?: string;
|
|
7430
8582
|
"heading"?: string;
|
|
7431
8583
|
"onBsClose"?: (event: BsDialogCustomEvent<void>) => void;
|
|
7432
8584
|
/**
|
|
@@ -7785,6 +8937,11 @@ declare namespace LocalJSX {
|
|
|
7785
8937
|
* @default []
|
|
7786
8938
|
*/
|
|
7787
8939
|
"countryOptions"?: { code: string; label: string; flagIcon?: string }[];
|
|
8940
|
+
/**
|
|
8941
|
+
* Accessible name of the number stepper's decrement button.
|
|
8942
|
+
* @default 'Decrement'
|
|
8943
|
+
*/
|
|
8944
|
+
"decrementLabel"?: string;
|
|
7788
8945
|
"description"?: string;
|
|
7789
8946
|
/**
|
|
7790
8947
|
* @default false
|
|
@@ -7795,6 +8952,16 @@ declare namespace LocalJSX {
|
|
|
7795
8952
|
* The `id` of a `<form>` element to associate this element with.
|
|
7796
8953
|
*/
|
|
7797
8954
|
"form"?: string;
|
|
8955
|
+
/**
|
|
8956
|
+
* Accessible name of the password toggle while the password is visible.
|
|
8957
|
+
* @default 'Hide password'
|
|
8958
|
+
*/
|
|
8959
|
+
"hidePasswordLabel"?: string;
|
|
8960
|
+
/**
|
|
8961
|
+
* Accessible name of the number stepper's increment button.
|
|
8962
|
+
* @default 'Increment'
|
|
8963
|
+
*/
|
|
8964
|
+
"incrementLabel"?: string;
|
|
7798
8965
|
/**
|
|
7799
8966
|
* Current selected title for `type="initials"`. Named `initialsTitle` rather than `title` -- `title` is a reserved standard HTML attribute (tooltip text) inherited by every element, and Stencil warns against shadowing it with a component `@Prop`.
|
|
7800
8967
|
* @default ''
|
|
@@ -7861,6 +9028,11 @@ declare namespace LocalJSX {
|
|
|
7861
9028
|
* @default 3
|
|
7862
9029
|
*/
|
|
7863
9030
|
"rows"?: number;
|
|
9031
|
+
/**
|
|
9032
|
+
* Accessible name of the password toggle while the password is hidden.
|
|
9033
|
+
* @default 'Show password'
|
|
9034
|
+
*/
|
|
9035
|
+
"showPasswordLabel"?: string;
|
|
7864
9036
|
/**
|
|
7865
9037
|
* Step size for `type="number"`'s increment/decrement stepper buttons.
|
|
7866
9038
|
* @default 1
|
|
@@ -7989,6 +9161,74 @@ declare namespace LocalJSX {
|
|
|
7989
9161
|
*/
|
|
7990
9162
|
"onBsSelect"?: (event: BsMenuItemCustomEvent<void>) => void;
|
|
7991
9163
|
}
|
|
9164
|
+
/**
|
|
9165
|
+
* A single chat message bubble. User messages align to the end with a primary-tinted bubble;
|
|
9166
|
+
* assistant messages align to the start on a neutral bubble. The consumer renders the content
|
|
9167
|
+
* (e.g. markdown) into the default slot.
|
|
9168
|
+
* Composed from: `bs-card` (the bubble surface).
|
|
9169
|
+
* ## When to use
|
|
9170
|
+
* - One entry per turn in a chat transcript, usually inside `bs-message-list`.
|
|
9171
|
+
* ## When not to use
|
|
9172
|
+
* - For transient notices or system banners -- use `bs-toast` / `bs-composer-status-banner`.
|
|
9173
|
+
* @prop --bs-message-gap - Gap between avatar and message column. Aliased to `--bs-spacing-100`.
|
|
9174
|
+
* @prop --bs-message-max-width - Max width of the message column. Defaults to `80%`.
|
|
9175
|
+
* @prop --bs-message-padding - Bubble padding. Aliased to `--bs-spacing-150`.
|
|
9176
|
+
* @prop --bs-message-radius - Bubble corner radius. Aliased to `--bs-border-radius-150`.
|
|
9177
|
+
* @prop --bs-message-user-bg - User bubble background. Aliased to `--bs-color-primary-container`.
|
|
9178
|
+
* @prop --bs-message-user-color - User bubble text color. Aliased to `--bs-text-default`.
|
|
9179
|
+
* @prop --bs-message-assistant-bg - Assistant bubble background. Aliased to `--bs-color-neutral-container`.
|
|
9180
|
+
* @prop --bs-message-assistant-color - Assistant bubble text color. Aliased to `--bs-text-default`.
|
|
9181
|
+
* @prop --bs-message-error-bg - Error bubble background. Aliased to `--bs-color-error-container`.
|
|
9182
|
+
* @prop --bs-message-error-color - Error bubble text color. Aliased to `--bs-text-error`.
|
|
9183
|
+
* @prop --bs-message-pending-opacity - Bubble opacity while pending. Defaults to `0.6`.
|
|
9184
|
+
* @prop --bs-message-timestamp-color - Timestamp color. Aliased to `--bs-text-secondary`.
|
|
9185
|
+
* @prop --bs-message-timestamp-font-size - Timestamp font size. Aliased to `--bs-font-size-xs`.
|
|
9186
|
+
*/
|
|
9187
|
+
interface BsMessage {
|
|
9188
|
+
/**
|
|
9189
|
+
* Machine-readable value for the `<time>` element's `datetime` attribute.
|
|
9190
|
+
*/
|
|
9191
|
+
"datetime"?: string;
|
|
9192
|
+
/**
|
|
9193
|
+
* Who sent the message. Controls alignment and colour.
|
|
9194
|
+
* @default 'assistant'
|
|
9195
|
+
*/
|
|
9196
|
+
"role"?: BsMessageRole;
|
|
9197
|
+
/**
|
|
9198
|
+
* Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`.
|
|
9199
|
+
* @default 'default'
|
|
9200
|
+
*/
|
|
9201
|
+
"status"?: BsMessageStatus;
|
|
9202
|
+
/**
|
|
9203
|
+
* Human-readable timestamp text shown inside a `<time>` element. Omit to render none.
|
|
9204
|
+
*/
|
|
9205
|
+
"timestamp"?: string;
|
|
9206
|
+
}
|
|
9207
|
+
/**
|
|
9208
|
+
* Scrollable chat transcript container (`role="log"`, `aria-live="polite"`) for `bs-message`
|
|
9209
|
+
* children. It keeps itself pinned to the newest message while the user is near the bottom; when
|
|
9210
|
+
* the user has scrolled up and new content arrives, it shows a "scroll to latest" button instead
|
|
9211
|
+
* of yanking the viewport.
|
|
9212
|
+
* Composed from: `bs-icon-button` (the scroll-to-latest control).
|
|
9213
|
+
* ## When to use
|
|
9214
|
+
* - Holding the messages of a chat conversation.
|
|
9215
|
+
* ## When not to use
|
|
9216
|
+
* - For generic scrollable lists -- this is built around append-at-the-bottom transcripts.
|
|
9217
|
+
* @prop --bs-message-list-gap - Gap between messages. Aliased to `--bs-spacing-200`.
|
|
9218
|
+
* @prop --bs-message-list-padding - Padding inside the scroll area. Aliased to `--bs-spacing-200`.
|
|
9219
|
+
* @prop --bs-message-list-button-offset - Distance of the scroll-to-latest button from the bottom edge. Aliased to `--bs-spacing-200`.
|
|
9220
|
+
*/
|
|
9221
|
+
interface BsMessageList {
|
|
9222
|
+
/**
|
|
9223
|
+
* Fires when the scroll-to-latest button is activated or `scrollToLatest()` is called.
|
|
9224
|
+
*/
|
|
9225
|
+
"onBsScrollToLatest"?: (event: BsMessageListCustomEvent<void>) => void;
|
|
9226
|
+
/**
|
|
9227
|
+
* Accessible name of the scroll-to-latest button.
|
|
9228
|
+
* @default 'Scroll to latest message'
|
|
9229
|
+
*/
|
|
9230
|
+
"scrollToLatestLabel"?: string;
|
|
9231
|
+
}
|
|
7992
9232
|
/**
|
|
7993
9233
|
* A left-side persistent navigation sidebar: the BrandSync logo, a "Main Menu" title with a
|
|
7994
9234
|
* collapse toggle, a reserved slot for a search field, and a scrollable list of nav items.
|
|
@@ -8031,6 +9271,11 @@ declare namespace LocalJSX {
|
|
|
8031
9271
|
* On wider screens `open` is ignored and nothing changes.
|
|
8032
9272
|
*/
|
|
8033
9273
|
interface BsNavigationDrawer {
|
|
9274
|
+
/**
|
|
9275
|
+
* Accessible name of the collapse toggle while the drawer is expanded.
|
|
9276
|
+
* @default 'Collapse'
|
|
9277
|
+
*/
|
|
9278
|
+
"collapseLabel"?: string;
|
|
8034
9279
|
/**
|
|
8035
9280
|
* Narrows the drawer to a 96px icon-only rail (Figma node 8028:135374). Mutable and reflected -- clicking the collapse toggle toggles this directly (self-toggling, see the class doc above for why), and this component keeps every direct-child `bs-navigation-drawer-item`'s own `collapsed` prop synced to match (see `syncItemsCollapsed`).
|
|
8036
9281
|
* @default false
|
|
@@ -8041,6 +9286,11 @@ declare namespace LocalJSX {
|
|
|
8041
9286
|
* @default true
|
|
8042
9287
|
*/
|
|
8043
9288
|
"collapsible"?: boolean;
|
|
9289
|
+
/**
|
|
9290
|
+
* Accessible name of the collapse toggle while the drawer is collapsed.
|
|
9291
|
+
* @default 'Expand'
|
|
9292
|
+
*/
|
|
9293
|
+
"expandLabel"?: string;
|
|
8044
9294
|
/**
|
|
8045
9295
|
* Heading text shown next to the collapse toggle, and used as the `<nav>` landmark's `aria-label` (so the landmark keeps a name even when `collapsed` hides the visible text).
|
|
8046
9296
|
* @default 'Main Menu'
|
|
@@ -8068,6 +9318,11 @@ declare namespace LocalJSX {
|
|
|
8068
9318
|
* @default false
|
|
8069
9319
|
*/
|
|
8070
9320
|
"open"?: boolean;
|
|
9321
|
+
/**
|
|
9322
|
+
* Accessible name of the search trigger.
|
|
9323
|
+
* @default 'Search'
|
|
9324
|
+
*/
|
|
9325
|
+
"searchLabel"?: string;
|
|
8071
9326
|
/**
|
|
8072
9327
|
* Whether to render the BrandSync logo at all. Defaults to `true`. This drawer is normally the one that owns the logo when paired with a `bs-navigation-header` (that header's own `with-navigation-drawer` alignment omits its logo for exactly this reason) -- but the reverse pairing works too: a header that keeps its own logo (`alignment="default"`) paired with this drawer set to `showLogo={false}`, so the brand mark only ever appears once.
|
|
8073
9328
|
* @default true
|
|
@@ -8345,6 +9600,11 @@ declare namespace LocalJSX {
|
|
|
8345
9600
|
* @default 1
|
|
8346
9601
|
*/
|
|
8347
9602
|
"currentPage"?: number;
|
|
9603
|
+
/**
|
|
9604
|
+
* Accessible name of the pagination landmark.
|
|
9605
|
+
* @default 'Pagination'
|
|
9606
|
+
*/
|
|
9607
|
+
"navLabel"?: string;
|
|
8348
9608
|
/**
|
|
8349
9609
|
* Accessible name for the next-page button.
|
|
8350
9610
|
* @default 'Next page'
|
|
@@ -8354,6 +9614,11 @@ declare namespace LocalJSX {
|
|
|
8354
9614
|
* Fires whenever the active page changes as a result of the user clicking a page/prev/next button -- not when `currentPage` is set programmatically from outside.
|
|
8355
9615
|
*/
|
|
8356
9616
|
"onBsPageChange"?: (event: BsPaginationCustomEvent<number>) => void;
|
|
9617
|
+
/**
|
|
9618
|
+
* Prefix of each page button's accessible name ("Go to page 3").
|
|
9619
|
+
* @default 'Go to page'
|
|
9620
|
+
*/
|
|
9621
|
+
"pageLabel"?: string;
|
|
8357
9622
|
/**
|
|
8358
9623
|
* Accessible name for the previous-page button.
|
|
8359
9624
|
* @default 'Previous page'
|
|
@@ -8370,6 +9635,38 @@ declare namespace LocalJSX {
|
|
|
8370
9635
|
*/
|
|
8371
9636
|
"totalPages"?: number;
|
|
8372
9637
|
}
|
|
9638
|
+
/**
|
|
9639
|
+
* A trigger plus a popup panel that opens on trigger click and closes on outside click or Escape.
|
|
9640
|
+
* The popup is positioned with CSS (absolute, relative to the host) and flips to the opposite side
|
|
9641
|
+
* when it would overflow the viewport; the effective placement is mirrored on the host as
|
|
9642
|
+
* `data-placement`. Focus moves into the popup on open and back to the trigger on close. The popup content is slotted, so it is typically a `bs-menu` or a list.
|
|
9643
|
+
* ## When to use
|
|
9644
|
+
* - A menu, language list or small set of options revealed from a button.
|
|
9645
|
+
* ## When not to use
|
|
9646
|
+
* - A blocking decision (use `bs-dialog`) or a hover-only hint (use `bs-tooltip-trigger`).
|
|
9647
|
+
* @prop --bs-popover-bg - Popup background. Aliased to `--bs-surface-raised`.
|
|
9648
|
+
* @prop --bs-popover-radius - Popup corner radius. Aliased to `--bs-border-radius-100`.
|
|
9649
|
+
* @prop --bs-popover-shadow - Popup shadow. Aliased to `--bs-shadow-md`.
|
|
9650
|
+
* @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
|
|
9651
|
+
* @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
|
|
9652
|
+
* @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
|
|
9653
|
+
*/
|
|
9654
|
+
interface BsPopover {
|
|
9655
|
+
/**
|
|
9656
|
+
* Emitted when the open state changes through user interaction, with the new value.
|
|
9657
|
+
*/
|
|
9658
|
+
"onBsOpenChange"?: (event: BsPopoverCustomEvent<boolean>) => void;
|
|
9659
|
+
/**
|
|
9660
|
+
* Whether the popup is shown.
|
|
9661
|
+
* @default false
|
|
9662
|
+
*/
|
|
9663
|
+
"open"?: boolean;
|
|
9664
|
+
/**
|
|
9665
|
+
* Where the popup sits relative to the trigger.
|
|
9666
|
+
* @default 'bottom-start'
|
|
9667
|
+
*/
|
|
9668
|
+
"placement"?: BsPopoverPlacement;
|
|
9669
|
+
}
|
|
8373
9670
|
/**
|
|
8374
9671
|
* One step of a product tour: a centred **welcome** or **success** card with an art tile, or a
|
|
8375
9672
|
* **pointer** card -- a compact step with a close button, a "1 of 3" progress label and Back/Next
|
|
@@ -8877,6 +10174,102 @@ declare namespace LocalJSX {
|
|
|
8877
10174
|
*/
|
|
8878
10175
|
"type"?: BsSessionTimeoutType;
|
|
8879
10176
|
}
|
|
10177
|
+
/**
|
|
10178
|
+
* A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
|
|
10179
|
+
* and similar secondary content. Closes via its close button or Escape and emits `bsClose`.
|
|
10180
|
+
* Composed from `bs-icon-button` (close button).
|
|
10181
|
+
* While open, Tab/Shift+Tab are trapped in the panel; with `overlay`, the rest of the page is made `inert`.
|
|
10182
|
+
* ## When to use
|
|
10183
|
+
* - Secondary content that sits beside the page without leaving it.
|
|
10184
|
+
* ## When not to use
|
|
10185
|
+
* - A blocking confirmation (use `bs-dialog`).
|
|
10186
|
+
* @prop --bs-side-panel-bg - Panel background. Aliased to `--bs-surface-raised`.
|
|
10187
|
+
* @prop --bs-side-panel-width - Panel width. Aliased to `calc(var(--bs-scale-1600) * 3)`.
|
|
10188
|
+
* @prop --bs-side-panel-padding - Header/body/footer padding. Aliased to `--bs-spacing-200`.
|
|
10189
|
+
* @prop --bs-side-panel-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
|
|
10190
|
+
* @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
|
|
10191
|
+
* @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
|
|
10192
|
+
* @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
|
|
10193
|
+
*/
|
|
10194
|
+
interface BsSidePanel {
|
|
10195
|
+
/**
|
|
10196
|
+
* Accessible label of the close button.
|
|
10197
|
+
* @default 'Close'
|
|
10198
|
+
*/
|
|
10199
|
+
"closeLabel"?: string;
|
|
10200
|
+
/**
|
|
10201
|
+
* Panel title; also its accessible name.
|
|
10202
|
+
* @default ''
|
|
10203
|
+
*/
|
|
10204
|
+
"heading"?: string;
|
|
10205
|
+
/**
|
|
10206
|
+
* Emitted when the panel requests to close (close button, Escape, overlay click).
|
|
10207
|
+
*/
|
|
10208
|
+
"onBsClose"?: (event: BsSidePanelCustomEvent<void>) => void;
|
|
10209
|
+
/**
|
|
10210
|
+
* Whether the panel is visible.
|
|
10211
|
+
* @default false
|
|
10212
|
+
*/
|
|
10213
|
+
"open"?: boolean;
|
|
10214
|
+
/**
|
|
10215
|
+
* Shows a backdrop behind the panel; clicking it closes the panel.
|
|
10216
|
+
* @default false
|
|
10217
|
+
*/
|
|
10218
|
+
"overlay"?: boolean;
|
|
10219
|
+
/**
|
|
10220
|
+
* Edge the panel is anchored to.
|
|
10221
|
+
* @default 'end'
|
|
10222
|
+
*/
|
|
10223
|
+
"side"?: BsSidePanelSide;
|
|
10224
|
+
}
|
|
10225
|
+
/**
|
|
10226
|
+
* A general-purpose loading placeholder for content whose shape isn't covered by a dedicated
|
|
10227
|
+
* skeleton (e.g. `bs-button-skeleton`). Renders a pulsing text line (or several), rectangle or circle.
|
|
10228
|
+
* Decorative by default (`aria-hidden="true"`). Set `label` to expose it to assistive tech as a
|
|
10229
|
+
* `role="status"` live region with that accessible name -- do this on one placeholder per loading
|
|
10230
|
+
* region, not on every placeholder, so screen readers don't announce it repeatedly.
|
|
10231
|
+
* ## When to use
|
|
10232
|
+
* - Standing in for text, images, avatars or other blocks while their data loads.
|
|
10233
|
+
* ## When not to use
|
|
10234
|
+
* - For a `bs-button` or `bs-checkbox` placeholder -- use `bs-button-skeleton` / `bs-checkbox-skeleton`.
|
|
10235
|
+
* - For an in-progress action on already-rendered UI -- use `bs-spinner` or `bs-progress`.
|
|
10236
|
+
* @prop --bs-skeleton-bg - Placeholder color. Aliased to `--bs-color-neutral-container`.
|
|
10237
|
+
* @prop --bs-skeleton-radius - Corner radius for `text`/`rect`. Aliased to `--bs-border-radius-100`.
|
|
10238
|
+
* @prop --bs-skeleton-width - Width when the `width` prop is not set. Defaults to `100%`.
|
|
10239
|
+
* @prop --bs-skeleton-text-height - Height of each text line when `height` is not set. Defaults to `1em`.
|
|
10240
|
+
* @prop --bs-skeleton-rect-height - Height of `rect`/`circle` when `height` is not set. Defaults to `96px`.
|
|
10241
|
+
* @prop --bs-skeleton-gap - Gap between text lines. Aliased to `--bs-spacing-100`.
|
|
10242
|
+
* @prop --bs-skeleton-duration - Pulse duration. Defaults to `1.5s`.
|
|
10243
|
+
*/
|
|
10244
|
+
interface BsSkeleton {
|
|
10245
|
+
/**
|
|
10246
|
+
* Whether the placeholder pulses. Disabled automatically under `prefers-reduced-motion`.
|
|
10247
|
+
* @default true
|
|
10248
|
+
*/
|
|
10249
|
+
"animated"?: boolean;
|
|
10250
|
+
/**
|
|
10251
|
+
* Any CSS length. Falls back to the variant's default height custom property.
|
|
10252
|
+
*/
|
|
10253
|
+
"height"?: string;
|
|
10254
|
+
/**
|
|
10255
|
+
* When set, the placeholder gets `role="status"` and this as its `aria-label`; otherwise it is `aria-hidden="true"`.
|
|
10256
|
+
*/
|
|
10257
|
+
"label"?: string;
|
|
10258
|
+
/**
|
|
10259
|
+
* Number of text lines (`variant="text"` only). The last line of a multi-line block is shorter. Values below 1 are treated as 1.
|
|
10260
|
+
* @default 1
|
|
10261
|
+
*/
|
|
10262
|
+
"lines"?: number;
|
|
10263
|
+
/**
|
|
10264
|
+
* Shape of the placeholder.
|
|
10265
|
+
* @default 'text'
|
|
10266
|
+
*/
|
|
10267
|
+
"variant"?: BsSkeletonVariant;
|
|
10268
|
+
/**
|
|
10269
|
+
* Any CSS length (e.g. `200px`, `50%`). Falls back to `--bs-skeleton-width`. For `circle`, if only one of `width`/`height` is set the other matches it.
|
|
10270
|
+
*/
|
|
10271
|
+
"width"?: string;
|
|
10272
|
+
}
|
|
8880
10273
|
/**
|
|
8881
10274
|
* A slider for picking a single numeric value (`type="default"`), a value snapped to evenly
|
|
8882
10275
|
* spaced ticks (`type="segmented"`), or a min/max pair (`type="range"`) from within a bounded
|
|
@@ -8903,6 +10296,11 @@ declare namespace LocalJSX {
|
|
|
8903
10296
|
* @default false
|
|
8904
10297
|
*/
|
|
8905
10298
|
"disabled"?: boolean;
|
|
10299
|
+
/**
|
|
10300
|
+
* Accessible name of the upper-bound thumb / percent field when `ariaLabel` is unset.
|
|
10301
|
+
* @default 'End value'
|
|
10302
|
+
*/
|
|
10303
|
+
"endValueLabel"?: string;
|
|
8906
10304
|
/**
|
|
8907
10305
|
* The `id` of a `<form>` element to associate this element with.
|
|
8908
10306
|
*/
|
|
@@ -8944,6 +10342,11 @@ declare namespace LocalJSX {
|
|
|
8944
10342
|
* @default true
|
|
8945
10343
|
*/
|
|
8946
10344
|
"showLabel"?: boolean;
|
|
10345
|
+
/**
|
|
10346
|
+
* Accessible name of the lower-bound thumb / percent field when `ariaLabel` is unset.
|
|
10347
|
+
* @default 'Start value'
|
|
10348
|
+
*/
|
|
10349
|
+
"startValueLabel"?: string;
|
|
8947
10350
|
/**
|
|
8948
10351
|
* Step size between selectable values. For `type="segmented"`, the effective step is derived from `(max - min) / segments` instead, so the thumb always snaps to a tick.
|
|
8949
10352
|
* @default 1
|
|
@@ -9073,6 +10476,34 @@ declare namespace LocalJSX {
|
|
|
9073
10476
|
*/
|
|
9074
10477
|
"version"?: string;
|
|
9075
10478
|
}
|
|
10479
|
+
/**
|
|
10480
|
+
* A small inline spinner sized for text. By default (`size="inherit"`) it is `1em` square so it
|
|
10481
|
+
* scales with the surrounding font size, and it draws in `currentColor` so it matches the
|
|
10482
|
+
* surrounding text. Built as plain inline SVG: `bs-progress` has fixed pixel diameters and a
|
|
10483
|
+
* block layout, so it can't sit inline with text.
|
|
10484
|
+
* ## When to use
|
|
10485
|
+
* - Inline "busy" feedback next to or inside text, e.g. "Saving..." or within a button label.
|
|
10486
|
+
* ## When not to use
|
|
10487
|
+
* - For a large or standalone loading indicator, or one with a known percentage -- use `bs-progress`.
|
|
10488
|
+
* - As a content placeholder -- use `bs-skeleton`.
|
|
10489
|
+
* @prop --bs-spinner-size-xs - Diameter at `size="xs"`. Aliased to `--bs-spacing-200`.
|
|
10490
|
+
* @prop --bs-spinner-size-sm - Diameter at `size="sm"`. Aliased to `--bs-spacing-250`.
|
|
10491
|
+
* @prop --bs-spinner-size-md - Diameter at `size="md"`. Aliased to `--bs-spacing-300`.
|
|
10492
|
+
* @prop --bs-spinner-color - Spinner color. Defaults to `currentColor`.
|
|
10493
|
+
* @prop --bs-spinner-track-opacity - Opacity of the background track ring. Defaults to `0.25`.
|
|
10494
|
+
* @prop --bs-spinner-duration - Rotation duration. Defaults to `0.8s`.
|
|
10495
|
+
*/
|
|
10496
|
+
interface BsSpinner {
|
|
10497
|
+
/**
|
|
10498
|
+
* Accessible name (e.g. "Loading"). When set, the spinner gets `role="status"` and this `aria-label`; when omitted it is `aria-hidden="true"` (use it next to visible text that already says what is happening).
|
|
10499
|
+
*/
|
|
10500
|
+
"label"?: string;
|
|
10501
|
+
/**
|
|
10502
|
+
* `xs`/`sm`/`md` use fixed token sizes; `inherit` (default) is `1em`, following the font size.
|
|
10503
|
+
* @default 'inherit'
|
|
10504
|
+
*/
|
|
10505
|
+
"size"?: BsSpinnerSize;
|
|
10506
|
+
}
|
|
9076
10507
|
/**
|
|
9077
10508
|
* A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
|
|
9078
10509
|
* an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or
|
|
@@ -9332,6 +10763,11 @@ declare namespace LocalJSX {
|
|
|
9332
10763
|
* @default 'Confirm'
|
|
9333
10764
|
*/
|
|
9334
10765
|
"confirmLabel"?: string;
|
|
10766
|
+
/**
|
|
10767
|
+
* Verb prefix of each column's decrement button name ("Decrease hour").
|
|
10768
|
+
* @default 'Decrease'
|
|
10769
|
+
*/
|
|
10770
|
+
"decreaseLabel"?: string;
|
|
9335
10771
|
/**
|
|
9336
10772
|
* If `true`, the user cannot interact with the element.
|
|
9337
10773
|
*/
|
|
@@ -9356,10 +10792,14 @@ declare namespace LocalJSX {
|
|
|
9356
10792
|
*/
|
|
9357
10793
|
"heading"?: string;
|
|
9358
10794
|
/**
|
|
9359
|
-
* Accessible name of the hour spinner.
|
|
9360
10795
|
* @default 'Hour'
|
|
9361
10796
|
*/
|
|
9362
10797
|
"hourLabel"?: string;
|
|
10798
|
+
/**
|
|
10799
|
+
* Verb prefix of each column's increment button name ("Increase hour").
|
|
10800
|
+
* @default 'Increase'
|
|
10801
|
+
*/
|
|
10802
|
+
"increaseLabel"?: string;
|
|
9363
10803
|
/**
|
|
9364
10804
|
* Accessible name of the minute spinner.
|
|
9365
10805
|
* @default 'Minute'
|
|
@@ -9402,6 +10842,11 @@ declare namespace LocalJSX {
|
|
|
9402
10842
|
* auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
|
|
9403
10843
|
*/
|
|
9404
10844
|
interface BsToast {
|
|
10845
|
+
/**
|
|
10846
|
+
* Accessible name of the dismiss button.
|
|
10847
|
+
* @default 'Dismiss'
|
|
10848
|
+
*/
|
|
10849
|
+
"dismissLabel"?: string;
|
|
9405
10850
|
/**
|
|
9406
10851
|
* Fires when the close button is clicked. This component doesn't remove itself from the DOM -- the consumer is expected to do that (or hide it) in response to this event.
|
|
9407
10852
|
*/
|
|
@@ -9446,6 +10891,34 @@ declare namespace LocalJSX {
|
|
|
9446
10891
|
*/
|
|
9447
10892
|
"placement"?: 'top';
|
|
9448
10893
|
}
|
|
10894
|
+
/**
|
|
10895
|
+
* Wraps a trigger element and shows a `bs-tooltip` on hover or keyboard focus, after an optional
|
|
10896
|
+
* delay. Escape dismisses it. The tooltip is linked to the trigger with `aria-describedby`.
|
|
10897
|
+
* Composed from `bs-tooltip`.
|
|
10898
|
+
* ## When to use
|
|
10899
|
+
* - A short hint for an icon button or truncated label.
|
|
10900
|
+
* ## When not to use
|
|
10901
|
+
* - Interactive content or long text (use `bs-popover`).
|
|
10902
|
+
* @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
|
|
10903
|
+
* @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
|
|
10904
|
+
*/
|
|
10905
|
+
interface BsTooltipTrigger {
|
|
10906
|
+
/**
|
|
10907
|
+
* Milliseconds to wait before showing the tooltip.
|
|
10908
|
+
* @default 0
|
|
10909
|
+
*/
|
|
10910
|
+
"delay"?: number;
|
|
10911
|
+
/**
|
|
10912
|
+
* Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'.
|
|
10913
|
+
* @default 'bottom'
|
|
10914
|
+
*/
|
|
10915
|
+
"placement"?: BsTooltipTriggerPlacement;
|
|
10916
|
+
/**
|
|
10917
|
+
* Tooltip message.
|
|
10918
|
+
* @default ''
|
|
10919
|
+
*/
|
|
10920
|
+
"text"?: string;
|
|
10921
|
+
}
|
|
9449
10922
|
/**
|
|
9450
10923
|
* A product's "What's new" surface, in three forms matching the Figma component:
|
|
9451
10924
|
* - `feed` -- a docked panel: heading, "Mark all as read", filter tabs, the list of updates (each a
|
|
@@ -9678,6 +11151,9 @@ declare namespace LocalJSX {
|
|
|
9678
11151
|
"showIcon": boolean;
|
|
9679
11152
|
"showPreview": boolean;
|
|
9680
11153
|
}
|
|
11154
|
+
interface BsAccordionGroupAttributes {
|
|
11155
|
+
"multiple": boolean;
|
|
11156
|
+
}
|
|
9681
11157
|
interface BsAiGreetingAttributes {
|
|
9682
11158
|
"assistantName": string;
|
|
9683
11159
|
"productName": string;
|
|
@@ -9686,6 +11162,8 @@ declare namespace LocalJSX {
|
|
|
9686
11162
|
"label": string;
|
|
9687
11163
|
}
|
|
9688
11164
|
interface BsAttachmentAttributes {
|
|
11165
|
+
"uploadingLabel": string;
|
|
11166
|
+
"removeLabel": string;
|
|
9689
11167
|
"type": BsAttachmentType;
|
|
9690
11168
|
"fileName": string;
|
|
9691
11169
|
"imageSrc": string;
|
|
@@ -9730,6 +11208,7 @@ declare namespace LocalJSX {
|
|
|
9730
11208
|
}
|
|
9731
11209
|
interface BsButtonSkeletonAttributes {
|
|
9732
11210
|
"size": BsButtonSize;
|
|
11211
|
+
"loadingLabel": string;
|
|
9733
11212
|
}
|
|
9734
11213
|
interface BsCardAttributes {
|
|
9735
11214
|
"surface": BsCardSurface;
|
|
@@ -9751,19 +11230,47 @@ declare namespace LocalJSX {
|
|
|
9751
11230
|
"rating": number;
|
|
9752
11231
|
"submitted": boolean;
|
|
9753
11232
|
"comment": string;
|
|
11233
|
+
"closeLabel": string;
|
|
11234
|
+
"commentLabel": string;
|
|
11235
|
+
"commentPlaceholder": string;
|
|
11236
|
+
"submitLabel": string;
|
|
11237
|
+
"newChatLabel": string;
|
|
11238
|
+
"ratingLabel": string;
|
|
11239
|
+
"starLabel": string;
|
|
11240
|
+
"starsLabel": string;
|
|
9754
11241
|
"heading": string;
|
|
9755
11242
|
"subtitle": string;
|
|
9756
11243
|
}
|
|
9757
11244
|
interface BsChatbotHeaderAttributes {
|
|
9758
11245
|
"heading": string;
|
|
9759
11246
|
"expanded": boolean;
|
|
11247
|
+
"hideNewChat": boolean;
|
|
11248
|
+
"hideHistory": boolean;
|
|
11249
|
+
"hideExpand": boolean;
|
|
11250
|
+
"hideClose": boolean;
|
|
11251
|
+
"newChatLabel": string;
|
|
11252
|
+
"historyLabel": string;
|
|
11253
|
+
"expandLabel": string;
|
|
11254
|
+
"collapseLabel": string;
|
|
11255
|
+
"closeLabel": string;
|
|
9760
11256
|
}
|
|
9761
11257
|
interface BsChatbotResponseActionAttributes {
|
|
9762
11258
|
"sourcesCount": number;
|
|
9763
11259
|
"menuOpen": boolean;
|
|
11260
|
+
"liked": boolean;
|
|
11261
|
+
"disliked": boolean;
|
|
11262
|
+
"hideRegenerate": boolean;
|
|
11263
|
+
"likeLabel": string;
|
|
11264
|
+
"dislikeLabel": string;
|
|
11265
|
+
"copyLabel": string;
|
|
11266
|
+
"regenerateLabel": string;
|
|
11267
|
+
"menuLabel": string;
|
|
11268
|
+
"sourceLabel": string;
|
|
11269
|
+
"sourcesLabel": string;
|
|
9764
11270
|
}
|
|
9765
11271
|
interface BsChatbotSourcesDrawerAttributes {
|
|
9766
11272
|
"heading": string;
|
|
11273
|
+
"collapseLabel": string;
|
|
9767
11274
|
"count": number;
|
|
9768
11275
|
}
|
|
9769
11276
|
interface BsChatbotSuggestionButtonAttributes {
|
|
@@ -9782,6 +11289,7 @@ declare namespace LocalJSX {
|
|
|
9782
11289
|
}
|
|
9783
11290
|
interface BsCheckboxSkeletonAttributes {
|
|
9784
11291
|
"size": BsCheckboxSize;
|
|
11292
|
+
"loadingLabel": string;
|
|
9785
11293
|
}
|
|
9786
11294
|
interface BsChipFilterAttributes {
|
|
9787
11295
|
"size": BsChipFilterSize;
|
|
@@ -9797,15 +11305,32 @@ declare namespace LocalJSX {
|
|
|
9797
11305
|
}
|
|
9798
11306
|
interface BsChipInputAttributes {
|
|
9799
11307
|
"size": BsChipInputSize;
|
|
11308
|
+
"removeLabel": string;
|
|
9800
11309
|
"selected": boolean;
|
|
9801
11310
|
"disabled": boolean;
|
|
9802
11311
|
}
|
|
11312
|
+
interface BsCitationPreviewAttributes {
|
|
11313
|
+
"fileName": string;
|
|
11314
|
+
"sourceName": string;
|
|
11315
|
+
"page": string;
|
|
11316
|
+
"href": string;
|
|
11317
|
+
}
|
|
9803
11318
|
interface BsComposerAttributes {
|
|
9804
11319
|
"variant": BsComposerVariant;
|
|
9805
11320
|
"placeholder": string;
|
|
9806
11321
|
"value": string;
|
|
9807
11322
|
"state": BsComposerState;
|
|
9808
11323
|
"ariaLabel": string | null;
|
|
11324
|
+
"loading": boolean;
|
|
11325
|
+
"maxLength": number;
|
|
11326
|
+
"hideAttach": boolean;
|
|
11327
|
+
"hideMic": boolean;
|
|
11328
|
+
"attachLabel": string;
|
|
11329
|
+
"micLabel": string;
|
|
11330
|
+
"stopRecordingLabel": string;
|
|
11331
|
+
"sendLabel": string;
|
|
11332
|
+
"stopLabel": string;
|
|
11333
|
+
"confirmLabel": string;
|
|
9809
11334
|
}
|
|
9810
11335
|
interface BsComposerStatusBannerAttributes {
|
|
9811
11336
|
"type": BsComposerStatusBannerType;
|
|
@@ -9813,6 +11338,8 @@ declare namespace LocalJSX {
|
|
|
9813
11338
|
"showIcon": boolean;
|
|
9814
11339
|
"showButton": boolean;
|
|
9815
11340
|
"actionLabel": string;
|
|
11341
|
+
"loading": boolean;
|
|
11342
|
+
"closeLabel": string;
|
|
9816
11343
|
"allowClose": boolean;
|
|
9817
11344
|
}
|
|
9818
11345
|
interface BsCookieConsentAttributes {
|
|
@@ -9834,6 +11361,7 @@ declare namespace LocalJSX {
|
|
|
9834
11361
|
interface BsDataTableAttributes {
|
|
9835
11362
|
"sortColumn": string;
|
|
9836
11363
|
"sortDirection": 'asc' | 'desc';
|
|
11364
|
+
"selectAllLabel": string;
|
|
9837
11365
|
"selectable": boolean;
|
|
9838
11366
|
}
|
|
9839
11367
|
interface BsDatepickerAttributes {
|
|
@@ -9856,6 +11384,7 @@ declare namespace LocalJSX {
|
|
|
9856
11384
|
interface BsDialogAttributes {
|
|
9857
11385
|
"open": boolean;
|
|
9858
11386
|
"heading": string;
|
|
11387
|
+
"closeLabel": string;
|
|
9859
11388
|
"size": BsDialogSize;
|
|
9860
11389
|
"centered": boolean;
|
|
9861
11390
|
}
|
|
@@ -9912,6 +11441,10 @@ declare namespace LocalJSX {
|
|
|
9912
11441
|
interface BsInputAttributes {
|
|
9913
11442
|
"name": string;
|
|
9914
11443
|
"value": string;
|
|
11444
|
+
"showPasswordLabel": string;
|
|
11445
|
+
"hidePasswordLabel": string;
|
|
11446
|
+
"incrementLabel": string;
|
|
11447
|
+
"decrementLabel": string;
|
|
9915
11448
|
"type": | 'text'
|
|
9916
11449
|
| 'email'
|
|
9917
11450
|
| 'password'
|
|
@@ -9949,9 +11482,21 @@ declare namespace LocalJSX {
|
|
|
9949
11482
|
interface BsMenuItemAttributes {
|
|
9950
11483
|
"disabled": boolean;
|
|
9951
11484
|
}
|
|
11485
|
+
interface BsMessageAttributes {
|
|
11486
|
+
"role": BsMessageRole;
|
|
11487
|
+
"timestamp": string;
|
|
11488
|
+
"datetime": string;
|
|
11489
|
+
"status": BsMessageStatus;
|
|
11490
|
+
}
|
|
11491
|
+
interface BsMessageListAttributes {
|
|
11492
|
+
"scrollToLatestLabel": string;
|
|
11493
|
+
}
|
|
9952
11494
|
interface BsNavigationDrawerAttributes {
|
|
9953
11495
|
"heading": string;
|
|
9954
11496
|
"collapsible": boolean;
|
|
11497
|
+
"collapseLabel": string;
|
|
11498
|
+
"expandLabel": string;
|
|
11499
|
+
"searchLabel": string;
|
|
9955
11500
|
"collapsed": boolean;
|
|
9956
11501
|
"logoBackground": 'auto' | 'light' | 'dark';
|
|
9957
11502
|
"showLogo": boolean;
|
|
@@ -9995,9 +11540,15 @@ declare namespace LocalJSX {
|
|
|
9995
11540
|
"totalPages": number;
|
|
9996
11541
|
"currentPage": number;
|
|
9997
11542
|
"siblingCount": number;
|
|
11543
|
+
"navLabel": string;
|
|
11544
|
+
"pageLabel": string;
|
|
9998
11545
|
"previousLabel": string;
|
|
9999
11546
|
"nextLabel": string;
|
|
10000
11547
|
}
|
|
11548
|
+
interface BsPopoverAttributes {
|
|
11549
|
+
"open": boolean;
|
|
11550
|
+
"placement": BsPopoverPlacement;
|
|
11551
|
+
}
|
|
10001
11552
|
interface BsProductTourAttributes {
|
|
10002
11553
|
"type": BsProductTourType;
|
|
10003
11554
|
"direction": BsProductTourDirection;
|
|
@@ -10079,6 +11630,21 @@ declare namespace LocalJSX {
|
|
|
10079
11630
|
"dividerLabel": string;
|
|
10080
11631
|
"cancelLabel": string;
|
|
10081
11632
|
}
|
|
11633
|
+
interface BsSidePanelAttributes {
|
|
11634
|
+
"open": boolean;
|
|
11635
|
+
"heading": string;
|
|
11636
|
+
"side": BsSidePanelSide;
|
|
11637
|
+
"closeLabel": string;
|
|
11638
|
+
"overlay": boolean;
|
|
11639
|
+
}
|
|
11640
|
+
interface BsSkeletonAttributes {
|
|
11641
|
+
"variant": BsSkeletonVariant;
|
|
11642
|
+
"width": string;
|
|
11643
|
+
"height": string;
|
|
11644
|
+
"lines": number;
|
|
11645
|
+
"animated": boolean;
|
|
11646
|
+
"label": string;
|
|
11647
|
+
}
|
|
10082
11648
|
interface BsSliderAttributes {
|
|
10083
11649
|
"type": BsSliderType;
|
|
10084
11650
|
"name": string;
|
|
@@ -10092,6 +11658,8 @@ declare namespace LocalJSX {
|
|
|
10092
11658
|
"valueEnd": number;
|
|
10093
11659
|
"segments": number;
|
|
10094
11660
|
"disabled": boolean;
|
|
11661
|
+
"startValueLabel": string;
|
|
11662
|
+
"endValueLabel": string;
|
|
10095
11663
|
"ariaLabel": string | null;
|
|
10096
11664
|
}
|
|
10097
11665
|
interface BsSnackbarAttributes {
|
|
@@ -10108,6 +11676,10 @@ declare namespace LocalJSX {
|
|
|
10108
11676
|
"href": string;
|
|
10109
11677
|
"target": string;
|
|
10110
11678
|
}
|
|
11679
|
+
interface BsSpinnerAttributes {
|
|
11680
|
+
"size": BsSpinnerSize;
|
|
11681
|
+
"label": string;
|
|
11682
|
+
}
|
|
10111
11683
|
interface BsStepperAttributes {
|
|
10112
11684
|
"currentStep": number;
|
|
10113
11685
|
"direction": BsStepperDirection;
|
|
@@ -10152,16 +11724,24 @@ declare namespace LocalJSX {
|
|
|
10152
11724
|
"formatLabel": string;
|
|
10153
11725
|
"confirmLabel": string;
|
|
10154
11726
|
"cancelLabel": string;
|
|
11727
|
+
"increaseLabel": string;
|
|
11728
|
+
"decreaseLabel": string;
|
|
10155
11729
|
"hourLabel": string;
|
|
10156
11730
|
"minuteLabel": string;
|
|
10157
11731
|
"periodLabel": string;
|
|
10158
11732
|
}
|
|
10159
11733
|
interface BsToastAttributes {
|
|
10160
11734
|
"state": BsToastState;
|
|
11735
|
+
"dismissLabel": string;
|
|
10161
11736
|
}
|
|
10162
11737
|
interface BsTooltipAttributes {
|
|
10163
11738
|
"placement": 'top';
|
|
10164
11739
|
}
|
|
11740
|
+
interface BsTooltipTriggerAttributes {
|
|
11741
|
+
"text": string;
|
|
11742
|
+
"delay": number;
|
|
11743
|
+
"placement": BsTooltipTriggerPlacement;
|
|
11744
|
+
}
|
|
10165
11745
|
interface BsWhatsNewAttributes {
|
|
10166
11746
|
"type": BsWhatsNewType;
|
|
10167
11747
|
"heading": string;
|
|
@@ -10200,6 +11780,7 @@ declare namespace LocalJSX {
|
|
|
10200
11780
|
|
|
10201
11781
|
interface IntrinsicElements {
|
|
10202
11782
|
"bs-accordion": Omit<BsAccordion, keyof BsAccordionAttributes> & { [K in keyof BsAccordion & keyof BsAccordionAttributes]?: BsAccordion[K] } & { [K in keyof BsAccordion & keyof BsAccordionAttributes as `attr:${K}`]?: BsAccordionAttributes[K] } & { [K in keyof BsAccordion & keyof BsAccordionAttributes as `prop:${K}`]?: BsAccordion[K] };
|
|
11783
|
+
"bs-accordion-group": Omit<BsAccordionGroup, keyof BsAccordionGroupAttributes> & { [K in keyof BsAccordionGroup & keyof BsAccordionGroupAttributes]?: BsAccordionGroup[K] } & { [K in keyof BsAccordionGroup & keyof BsAccordionGroupAttributes as `attr:${K}`]?: BsAccordionGroupAttributes[K] } & { [K in keyof BsAccordionGroup & keyof BsAccordionGroupAttributes as `prop:${K}`]?: BsAccordionGroup[K] };
|
|
10203
11784
|
"bs-ai-disclaimer": BsAiDisclaimer;
|
|
10204
11785
|
"bs-ai-greeting": Omit<BsAiGreeting, keyof BsAiGreetingAttributes> & { [K in keyof BsAiGreeting & keyof BsAiGreetingAttributes]?: BsAiGreeting[K] } & { [K in keyof BsAiGreeting & keyof BsAiGreetingAttributes as `attr:${K}`]?: BsAiGreetingAttributes[K] } & { [K in keyof BsAiGreeting & keyof BsAiGreetingAttributes as `prop:${K}`]?: BsAiGreeting[K] };
|
|
10205
11786
|
"bs-ai-thinking": Omit<BsAiThinking, keyof BsAiThinkingAttributes> & { [K in keyof BsAiThinking & keyof BsAiThinkingAttributes]?: BsAiThinking[K] } & { [K in keyof BsAiThinking & keyof BsAiThinkingAttributes as `attr:${K}`]?: BsAiThinkingAttributes[K] } & { [K in keyof BsAiThinking & keyof BsAiThinkingAttributes as `prop:${K}`]?: BsAiThinking[K] };
|
|
@@ -10224,6 +11805,7 @@ declare namespace LocalJSX {
|
|
|
10224
11805
|
"bs-chip-filter": Omit<BsChipFilter, keyof BsChipFilterAttributes> & { [K in keyof BsChipFilter & keyof BsChipFilterAttributes]?: BsChipFilter[K] } & { [K in keyof BsChipFilter & keyof BsChipFilterAttributes as `attr:${K}`]?: BsChipFilterAttributes[K] } & { [K in keyof BsChipFilter & keyof BsChipFilterAttributes as `prop:${K}`]?: BsChipFilter[K] };
|
|
10225
11806
|
"bs-chip-informative": Omit<BsChipInformative, keyof BsChipInformativeAttributes> & { [K in keyof BsChipInformative & keyof BsChipInformativeAttributes]?: BsChipInformative[K] } & { [K in keyof BsChipInformative & keyof BsChipInformativeAttributes as `attr:${K}`]?: BsChipInformativeAttributes[K] } & { [K in keyof BsChipInformative & keyof BsChipInformativeAttributes as `prop:${K}`]?: BsChipInformative[K] };
|
|
10226
11807
|
"bs-chip-input": Omit<BsChipInput, keyof BsChipInputAttributes> & { [K in keyof BsChipInput & keyof BsChipInputAttributes]?: BsChipInput[K] } & { [K in keyof BsChipInput & keyof BsChipInputAttributes as `attr:${K}`]?: BsChipInputAttributes[K] } & { [K in keyof BsChipInput & keyof BsChipInputAttributes as `prop:${K}`]?: BsChipInput[K] };
|
|
11808
|
+
"bs-citation-preview": Omit<BsCitationPreview, keyof BsCitationPreviewAttributes> & { [K in keyof BsCitationPreview & keyof BsCitationPreviewAttributes]?: BsCitationPreview[K] } & { [K in keyof BsCitationPreview & keyof BsCitationPreviewAttributes as `attr:${K}`]?: BsCitationPreviewAttributes[K] } & { [K in keyof BsCitationPreview & keyof BsCitationPreviewAttributes as `prop:${K}`]?: BsCitationPreview[K] };
|
|
10227
11809
|
"bs-composer": Omit<BsComposer, keyof BsComposerAttributes> & { [K in keyof BsComposer & keyof BsComposerAttributes]?: BsComposer[K] } & { [K in keyof BsComposer & keyof BsComposerAttributes as `attr:${K}`]?: BsComposerAttributes[K] } & { [K in keyof BsComposer & keyof BsComposerAttributes as `prop:${K}`]?: BsComposer[K] };
|
|
10228
11810
|
"bs-composer-status-banner": Omit<BsComposerStatusBanner, keyof BsComposerStatusBannerAttributes> & { [K in keyof BsComposerStatusBanner & keyof BsComposerStatusBannerAttributes]?: BsComposerStatusBanner[K] } & { [K in keyof BsComposerStatusBanner & keyof BsComposerStatusBannerAttributes as `attr:${K}`]?: BsComposerStatusBannerAttributes[K] } & { [K in keyof BsComposerStatusBanner & keyof BsComposerStatusBannerAttributes as `prop:${K}`]?: BsComposerStatusBanner[K] };
|
|
10229
11811
|
"bs-cookie-consent": Omit<BsCookieConsent, keyof BsCookieConsentAttributes> & { [K in keyof BsCookieConsent & keyof BsCookieConsentAttributes]?: BsCookieConsent[K] } & { [K in keyof BsCookieConsent & keyof BsCookieConsentAttributes as `attr:${K}`]?: BsCookieConsentAttributes[K] } & { [K in keyof BsCookieConsent & keyof BsCookieConsentAttributes as `prop:${K}`]?: BsCookieConsent[K] };
|
|
@@ -10240,20 +11822,26 @@ declare namespace LocalJSX {
|
|
|
10240
11822
|
"bs-logo": Omit<BsLogo, keyof BsLogoAttributes> & { [K in keyof BsLogo & keyof BsLogoAttributes]?: BsLogo[K] } & { [K in keyof BsLogo & keyof BsLogoAttributes as `attr:${K}`]?: BsLogoAttributes[K] } & { [K in keyof BsLogo & keyof BsLogoAttributes as `prop:${K}`]?: BsLogo[K] };
|
|
10241
11823
|
"bs-menu": BsMenu;
|
|
10242
11824
|
"bs-menu-item": Omit<BsMenuItem, keyof BsMenuItemAttributes> & { [K in keyof BsMenuItem & keyof BsMenuItemAttributes]?: BsMenuItem[K] } & { [K in keyof BsMenuItem & keyof BsMenuItemAttributes as `attr:${K}`]?: BsMenuItemAttributes[K] } & { [K in keyof BsMenuItem & keyof BsMenuItemAttributes as `prop:${K}`]?: BsMenuItem[K] };
|
|
11825
|
+
"bs-message": Omit<BsMessage, keyof BsMessageAttributes> & { [K in keyof BsMessage & keyof BsMessageAttributes]?: BsMessage[K] } & { [K in keyof BsMessage & keyof BsMessageAttributes as `attr:${K}`]?: BsMessageAttributes[K] } & { [K in keyof BsMessage & keyof BsMessageAttributes as `prop:${K}`]?: BsMessage[K] };
|
|
11826
|
+
"bs-message-list": Omit<BsMessageList, keyof BsMessageListAttributes> & { [K in keyof BsMessageList & keyof BsMessageListAttributes]?: BsMessageList[K] } & { [K in keyof BsMessageList & keyof BsMessageListAttributes as `attr:${K}`]?: BsMessageListAttributes[K] } & { [K in keyof BsMessageList & keyof BsMessageListAttributes as `prop:${K}`]?: BsMessageList[K] };
|
|
10243
11827
|
"bs-navigation-drawer": Omit<BsNavigationDrawer, keyof BsNavigationDrawerAttributes> & { [K in keyof BsNavigationDrawer & keyof BsNavigationDrawerAttributes]?: BsNavigationDrawer[K] } & { [K in keyof BsNavigationDrawer & keyof BsNavigationDrawerAttributes as `attr:${K}`]?: BsNavigationDrawerAttributes[K] } & { [K in keyof BsNavigationDrawer & keyof BsNavigationDrawerAttributes as `prop:${K}`]?: BsNavigationDrawer[K] };
|
|
10244
11828
|
"bs-navigation-drawer-item": Omit<BsNavigationDrawerItem, keyof BsNavigationDrawerItemAttributes> & { [K in keyof BsNavigationDrawerItem & keyof BsNavigationDrawerItemAttributes]?: BsNavigationDrawerItem[K] } & { [K in keyof BsNavigationDrawerItem & keyof BsNavigationDrawerItemAttributes as `attr:${K}`]?: BsNavigationDrawerItemAttributes[K] } & { [K in keyof BsNavigationDrawerItem & keyof BsNavigationDrawerItemAttributes as `prop:${K}`]?: BsNavigationDrawerItem[K] };
|
|
10245
11829
|
"bs-navigation-header": Omit<BsNavigationHeader, keyof BsNavigationHeaderAttributes> & { [K in keyof BsNavigationHeader & keyof BsNavigationHeaderAttributes]?: BsNavigationHeader[K] } & { [K in keyof BsNavigationHeader & keyof BsNavigationHeaderAttributes as `attr:${K}`]?: BsNavigationHeaderAttributes[K] } & { [K in keyof BsNavigationHeader & keyof BsNavigationHeaderAttributes as `prop:${K}`]?: BsNavigationHeader[K] };
|
|
10246
11830
|
"bs-onboarding-checklist": Omit<BsOnboardingChecklist, keyof BsOnboardingChecklistAttributes> & { [K in keyof BsOnboardingChecklist & keyof BsOnboardingChecklistAttributes]?: BsOnboardingChecklist[K] } & { [K in keyof BsOnboardingChecklist & keyof BsOnboardingChecklistAttributes as `attr:${K}`]?: BsOnboardingChecklistAttributes[K] } & { [K in keyof BsOnboardingChecklist & keyof BsOnboardingChecklistAttributes as `prop:${K}`]?: BsOnboardingChecklist[K] };
|
|
10247
11831
|
"bs-pagination": Omit<BsPagination, keyof BsPaginationAttributes> & { [K in keyof BsPagination & keyof BsPaginationAttributes]?: BsPagination[K] } & { [K in keyof BsPagination & keyof BsPaginationAttributes as `attr:${K}`]?: BsPaginationAttributes[K] } & { [K in keyof BsPagination & keyof BsPaginationAttributes as `prop:${K}`]?: BsPagination[K] };
|
|
11832
|
+
"bs-popover": Omit<BsPopover, keyof BsPopoverAttributes> & { [K in keyof BsPopover & keyof BsPopoverAttributes]?: BsPopover[K] } & { [K in keyof BsPopover & keyof BsPopoverAttributes as `attr:${K}`]?: BsPopoverAttributes[K] } & { [K in keyof BsPopover & keyof BsPopoverAttributes as `prop:${K}`]?: BsPopover[K] };
|
|
10248
11833
|
"bs-product-tour": Omit<BsProductTour, keyof BsProductTourAttributes> & { [K in keyof BsProductTour & keyof BsProductTourAttributes]?: BsProductTour[K] } & { [K in keyof BsProductTour & keyof BsProductTourAttributes as `attr:${K}`]?: BsProductTourAttributes[K] } & { [K in keyof BsProductTour & keyof BsProductTourAttributes as `prop:${K}`]?: BsProductTour[K] };
|
|
10249
11834
|
"bs-progress": Omit<BsProgress, keyof BsProgressAttributes> & { [K in keyof BsProgress & keyof BsProgressAttributes]?: BsProgress[K] } & { [K in keyof BsProgress & keyof BsProgressAttributes as `attr:${K}`]?: BsProgressAttributes[K] } & { [K in keyof BsProgress & keyof BsProgressAttributes as `prop:${K}`]?: BsProgress[K] };
|
|
10250
11835
|
"bs-progress-linear": Omit<BsProgressLinear, keyof BsProgressLinearAttributes> & { [K in keyof BsProgressLinear & keyof BsProgressLinearAttributes]?: BsProgressLinear[K] } & { [K in keyof BsProgressLinear & keyof BsProgressLinearAttributes as `attr:${K}`]?: BsProgressLinearAttributes[K] } & { [K in keyof BsProgressLinear & keyof BsProgressLinearAttributes as `prop:${K}`]?: BsProgressLinear[K] };
|
|
10251
11836
|
"bs-qr-code": Omit<BsQrCode, keyof BsQrCodeAttributes> & { [K in keyof BsQrCode & keyof BsQrCodeAttributes]?: BsQrCode[K] } & { [K in keyof BsQrCode & keyof BsQrCodeAttributes as `attr:${K}`]?: BsQrCodeAttributes[K] } & { [K in keyof BsQrCode & keyof BsQrCodeAttributes as `prop:${K}`]?: BsQrCode[K] };
|
|
10252
11837
|
"bs-radio": Omit<BsRadio, keyof BsRadioAttributes> & { [K in keyof BsRadio & keyof BsRadioAttributes]?: BsRadio[K] } & { [K in keyof BsRadio & keyof BsRadioAttributes as `attr:${K}`]?: BsRadioAttributes[K] } & { [K in keyof BsRadio & keyof BsRadioAttributes as `prop:${K}`]?: BsRadio[K] };
|
|
10253
11838
|
"bs-session-timeout": Omit<BsSessionTimeout, keyof BsSessionTimeoutAttributes> & { [K in keyof BsSessionTimeout & keyof BsSessionTimeoutAttributes]?: BsSessionTimeout[K] } & { [K in keyof BsSessionTimeout & keyof BsSessionTimeoutAttributes as `attr:${K}`]?: BsSessionTimeoutAttributes[K] } & { [K in keyof BsSessionTimeout & keyof BsSessionTimeoutAttributes as `prop:${K}`]?: BsSessionTimeout[K] };
|
|
11839
|
+
"bs-side-panel": Omit<BsSidePanel, keyof BsSidePanelAttributes> & { [K in keyof BsSidePanel & keyof BsSidePanelAttributes]?: BsSidePanel[K] } & { [K in keyof BsSidePanel & keyof BsSidePanelAttributes as `attr:${K}`]?: BsSidePanelAttributes[K] } & { [K in keyof BsSidePanel & keyof BsSidePanelAttributes as `prop:${K}`]?: BsSidePanel[K] };
|
|
11840
|
+
"bs-skeleton": Omit<BsSkeleton, keyof BsSkeletonAttributes> & { [K in keyof BsSkeleton & keyof BsSkeletonAttributes]?: BsSkeleton[K] } & { [K in keyof BsSkeleton & keyof BsSkeletonAttributes as `attr:${K}`]?: BsSkeletonAttributes[K] } & { [K in keyof BsSkeleton & keyof BsSkeletonAttributes as `prop:${K}`]?: BsSkeleton[K] };
|
|
10254
11841
|
"bs-slider": Omit<BsSlider, keyof BsSliderAttributes> & { [K in keyof BsSlider & keyof BsSliderAttributes]?: BsSlider[K] } & { [K in keyof BsSlider & keyof BsSliderAttributes as `attr:${K}`]?: BsSliderAttributes[K] } & { [K in keyof BsSlider & keyof BsSliderAttributes as `prop:${K}`]?: BsSlider[K] };
|
|
10255
11842
|
"bs-snackbar": Omit<BsSnackbar, keyof BsSnackbarAttributes> & { [K in keyof BsSnackbar & keyof BsSnackbarAttributes]?: BsSnackbar[K] } & { [K in keyof BsSnackbar & keyof BsSnackbarAttributes as `attr:${K}`]?: BsSnackbarAttributes[K] } & { [K in keyof BsSnackbar & keyof BsSnackbarAttributes as `prop:${K}`]?: BsSnackbar[K] };
|
|
10256
11843
|
"bs-source-link": Omit<BsSourceLink, keyof BsSourceLinkAttributes> & { [K in keyof BsSourceLink & keyof BsSourceLinkAttributes]?: BsSourceLink[K] } & { [K in keyof BsSourceLink & keyof BsSourceLinkAttributes as `attr:${K}`]?: BsSourceLinkAttributes[K] } & { [K in keyof BsSourceLink & keyof BsSourceLinkAttributes as `prop:${K}`]?: BsSourceLink[K] };
|
|
11844
|
+
"bs-spinner": Omit<BsSpinner, keyof BsSpinnerAttributes> & { [K in keyof BsSpinner & keyof BsSpinnerAttributes]?: BsSpinner[K] } & { [K in keyof BsSpinner & keyof BsSpinnerAttributes as `attr:${K}`]?: BsSpinnerAttributes[K] } & { [K in keyof BsSpinner & keyof BsSpinnerAttributes as `prop:${K}`]?: BsSpinner[K] };
|
|
10257
11845
|
"bs-stepper": Omit<BsStepper, keyof BsStepperAttributes> & { [K in keyof BsStepper & keyof BsStepperAttributes]?: BsStepper[K] } & { [K in keyof BsStepper & keyof BsStepperAttributes as `attr:${K}`]?: BsStepperAttributes[K] } & { [K in keyof BsStepper & keyof BsStepperAttributes as `prop:${K}`]?: BsStepper[K] };
|
|
10258
11846
|
"bs-stepper-step": Omit<BsStepperStep, keyof BsStepperStepAttributes> & { [K in keyof BsStepperStep & keyof BsStepperStepAttributes]?: BsStepperStep[K] } & { [K in keyof BsStepperStep & keyof BsStepperStepAttributes as `attr:${K}`]?: BsStepperStepAttributes[K] } & { [K in keyof BsStepperStep & keyof BsStepperStepAttributes as `prop:${K}`]?: BsStepperStep[K] };
|
|
10259
11847
|
"bs-switch": Omit<BsSwitch, keyof BsSwitchAttributes> & { [K in keyof BsSwitch & keyof BsSwitchAttributes]?: BsSwitch[K] } & { [K in keyof BsSwitch & keyof BsSwitchAttributes as `attr:${K}`]?: BsSwitchAttributes[K] } & { [K in keyof BsSwitch & keyof BsSwitchAttributes as `prop:${K}`]?: BsSwitch[K] };
|
|
@@ -10262,6 +11850,7 @@ declare namespace LocalJSX {
|
|
|
10262
11850
|
"bs-timepicker": Omit<BsTimepicker, keyof BsTimepickerAttributes> & { [K in keyof BsTimepicker & keyof BsTimepickerAttributes]?: BsTimepicker[K] } & { [K in keyof BsTimepicker & keyof BsTimepickerAttributes as `attr:${K}`]?: BsTimepickerAttributes[K] } & { [K in keyof BsTimepicker & keyof BsTimepickerAttributes as `prop:${K}`]?: BsTimepicker[K] };
|
|
10263
11851
|
"bs-toast": Omit<BsToast, keyof BsToastAttributes> & { [K in keyof BsToast & keyof BsToastAttributes]?: BsToast[K] } & { [K in keyof BsToast & keyof BsToastAttributes as `attr:${K}`]?: BsToastAttributes[K] } & { [K in keyof BsToast & keyof BsToastAttributes as `prop:${K}`]?: BsToast[K] };
|
|
10264
11852
|
"bs-tooltip": Omit<BsTooltip, keyof BsTooltipAttributes> & { [K in keyof BsTooltip & keyof BsTooltipAttributes]?: BsTooltip[K] } & { [K in keyof BsTooltip & keyof BsTooltipAttributes as `attr:${K}`]?: BsTooltipAttributes[K] } & { [K in keyof BsTooltip & keyof BsTooltipAttributes as `prop:${K}`]?: BsTooltip[K] };
|
|
11853
|
+
"bs-tooltip-trigger": Omit<BsTooltipTrigger, keyof BsTooltipTriggerAttributes> & { [K in keyof BsTooltipTrigger & keyof BsTooltipTriggerAttributes]?: BsTooltipTrigger[K] } & { [K in keyof BsTooltipTrigger & keyof BsTooltipTriggerAttributes as `attr:${K}`]?: BsTooltipTriggerAttributes[K] } & { [K in keyof BsTooltipTrigger & keyof BsTooltipTriggerAttributes as `prop:${K}`]?: BsTooltipTrigger[K] };
|
|
10265
11854
|
"bs-whats-new": Omit<BsWhatsNew, keyof BsWhatsNewAttributes> & { [K in keyof BsWhatsNew & keyof BsWhatsNewAttributes]?: BsWhatsNew[K] } & { [K in keyof BsWhatsNew & keyof BsWhatsNewAttributes as `attr:${K}`]?: BsWhatsNewAttributes[K] } & { [K in keyof BsWhatsNew & keyof BsWhatsNewAttributes as `prop:${K}`]?: BsWhatsNew[K] };
|
|
10266
11855
|
"bs-whats-new-entry": Omit<BsWhatsNewEntry, keyof BsWhatsNewEntryAttributes> & { [K in keyof BsWhatsNewEntry & keyof BsWhatsNewEntryAttributes]?: BsWhatsNewEntry[K] } & { [K in keyof BsWhatsNewEntry & keyof BsWhatsNewEntryAttributes as `attr:${K}`]?: BsWhatsNewEntryAttributes[K] } & { [K in keyof BsWhatsNewEntry & keyof BsWhatsNewEntryAttributes as `prop:${K}`]?: BsWhatsNewEntry[K] };
|
|
10267
11856
|
}
|
|
@@ -10279,6 +11868,19 @@ declare module "@stencil/core" {
|
|
|
10279
11868
|
* section, not a group behavior.
|
|
10280
11869
|
*/
|
|
10281
11870
|
"bs-accordion": LocalJSX.IntrinsicElements["bs-accordion"] & JSXBase.HTMLAttributes<HTMLBsAccordionElement>;
|
|
11871
|
+
/**
|
|
11872
|
+
* Coordinates child `bs-accordion` elements. By default only one stays expanded: when a child
|
|
11873
|
+
* requests expansion (its `bsToggle` event), the others are collapsed. With `multiple`, children
|
|
11874
|
+
* are left independent.
|
|
11875
|
+
* Because `bs-accordion` is a controlled component, the group applies the requested value to the
|
|
11876
|
+
* child's `expanded` property itself.
|
|
11877
|
+
* ## When to use
|
|
11878
|
+
* - A stack of FAQ-style sections where one open at a time keeps the page short.
|
|
11879
|
+
* ## When not to use
|
|
11880
|
+
* - A single section (use `bs-accordion` directly).
|
|
11881
|
+
* @prop --bs-accordion-group-gap - Gap between accordions. Defaults to `0`.
|
|
11882
|
+
*/
|
|
11883
|
+
"bs-accordion-group": LocalJSX.IntrinsicElements["bs-accordion-group"] & JSXBase.HTMLAttributes<HTMLBsAccordionGroupElement>;
|
|
10282
11884
|
/**
|
|
10283
11885
|
* A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
|
|
10284
11886
|
* important information."
|
|
@@ -10701,11 +12303,8 @@ declare module "@stencil/core" {
|
|
|
10701
12303
|
* Aliased to `--bs-color-primary-container`.
|
|
10702
12304
|
* @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
|
|
10703
12305
|
* `--bs-color-primary-container-hover`.
|
|
10704
|
-
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased
|
|
10705
|
-
*
|
|
10706
|
-
* matching this tonal button's lighter pressed shade progression (50 -> 100 -> 200), so this
|
|
10707
|
-
* component aliases one locally (same situation `bs-button.css` documents for its
|
|
10708
|
-
* subtle/outlined/success/warning/info variants).
|
|
12306
|
+
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased to
|
|
12307
|
+
* `--bs-color-primary-container-pressed`.
|
|
10709
12308
|
* @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
|
|
10710
12309
|
* `--bs-color-primary-container-hover` (same as hover).
|
|
10711
12310
|
* @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
|
|
@@ -10790,6 +12389,23 @@ declare module "@stencil/core" {
|
|
|
10790
12389
|
* - A static, non-interactive status/category label -- use `bs-badge`.
|
|
10791
12390
|
*/
|
|
10792
12391
|
"bs-chip-input": LocalJSX.IntrinsicElements["bs-chip-input"] & JSXBase.HTMLAttributes<HTMLBsChipInputElement>;
|
|
12392
|
+
/**
|
|
12393
|
+
* Presentational card previewing a cited source: file name, originating system, page number and a
|
|
12394
|
+
* snippet of the cited text. It does no fetching -- the consumer supplies content through slots.
|
|
12395
|
+
* When `href` is set, the header becomes a link action.
|
|
12396
|
+
* Composed from: `bs-card` (the surface) and `bs-source-link` (the file name / source header and
|
|
12397
|
+
* open action).
|
|
12398
|
+
* ## When to use
|
|
12399
|
+
* - Showing the passage a chat answer was grounded in, e.g. on citation hover/click.
|
|
12400
|
+
* ## When not to use
|
|
12401
|
+
* - As a list row of sources -- use `bs-source-link` directly in `bs-chatbot-sources-drawer`.
|
|
12402
|
+
* @prop --bs-citation-preview-gap - Gap between header, snippet and footer. Aliased to `--bs-spacing-100`.
|
|
12403
|
+
* @prop --bs-citation-preview-snippet-color - Snippet text color. Aliased to `--bs-text-default`.
|
|
12404
|
+
* @prop --bs-citation-preview-snippet-bg - Snippet background. Aliased to `--bs-surface-base`.
|
|
12405
|
+
* @prop --bs-citation-preview-snippet-radius - Snippet corner radius. Aliased to `--bs-border-radius-100`.
|
|
12406
|
+
* @prop --bs-citation-preview-page-color - Page label color. Aliased to `--bs-text-secondary`.
|
|
12407
|
+
*/
|
|
12408
|
+
"bs-citation-preview": LocalJSX.IntrinsicElements["bs-citation-preview"] & JSXBase.HTMLAttributes<HTMLBsCitationPreviewElement>;
|
|
10793
12409
|
/**
|
|
10794
12410
|
* A chat composer input for Genie AI-style conversational interfaces: a text field
|
|
10795
12411
|
* plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
|
|
@@ -11141,6 +12757,45 @@ declare module "@stencil/core" {
|
|
|
11141
12757
|
* @prop --bs-menu-item-line-height - Aliased to `--bs-line-height-body-md`.
|
|
11142
12758
|
*/
|
|
11143
12759
|
"bs-menu-item": LocalJSX.IntrinsicElements["bs-menu-item"] & JSXBase.HTMLAttributes<HTMLBsMenuItemElement>;
|
|
12760
|
+
/**
|
|
12761
|
+
* A single chat message bubble. User messages align to the end with a primary-tinted bubble;
|
|
12762
|
+
* assistant messages align to the start on a neutral bubble. The consumer renders the content
|
|
12763
|
+
* (e.g. markdown) into the default slot.
|
|
12764
|
+
* Composed from: `bs-card` (the bubble surface).
|
|
12765
|
+
* ## When to use
|
|
12766
|
+
* - One entry per turn in a chat transcript, usually inside `bs-message-list`.
|
|
12767
|
+
* ## When not to use
|
|
12768
|
+
* - For transient notices or system banners -- use `bs-toast` / `bs-composer-status-banner`.
|
|
12769
|
+
* @prop --bs-message-gap - Gap between avatar and message column. Aliased to `--bs-spacing-100`.
|
|
12770
|
+
* @prop --bs-message-max-width - Max width of the message column. Defaults to `80%`.
|
|
12771
|
+
* @prop --bs-message-padding - Bubble padding. Aliased to `--bs-spacing-150`.
|
|
12772
|
+
* @prop --bs-message-radius - Bubble corner radius. Aliased to `--bs-border-radius-150`.
|
|
12773
|
+
* @prop --bs-message-user-bg - User bubble background. Aliased to `--bs-color-primary-container`.
|
|
12774
|
+
* @prop --bs-message-user-color - User bubble text color. Aliased to `--bs-text-default`.
|
|
12775
|
+
* @prop --bs-message-assistant-bg - Assistant bubble background. Aliased to `--bs-color-neutral-container`.
|
|
12776
|
+
* @prop --bs-message-assistant-color - Assistant bubble text color. Aliased to `--bs-text-default`.
|
|
12777
|
+
* @prop --bs-message-error-bg - Error bubble background. Aliased to `--bs-color-error-container`.
|
|
12778
|
+
* @prop --bs-message-error-color - Error bubble text color. Aliased to `--bs-text-error`.
|
|
12779
|
+
* @prop --bs-message-pending-opacity - Bubble opacity while pending. Defaults to `0.6`.
|
|
12780
|
+
* @prop --bs-message-timestamp-color - Timestamp color. Aliased to `--bs-text-secondary`.
|
|
12781
|
+
* @prop --bs-message-timestamp-font-size - Timestamp font size. Aliased to `--bs-font-size-xs`.
|
|
12782
|
+
*/
|
|
12783
|
+
"bs-message": LocalJSX.IntrinsicElements["bs-message"] & JSXBase.HTMLAttributes<HTMLBsMessageElement>;
|
|
12784
|
+
/**
|
|
12785
|
+
* Scrollable chat transcript container (`role="log"`, `aria-live="polite"`) for `bs-message`
|
|
12786
|
+
* children. It keeps itself pinned to the newest message while the user is near the bottom; when
|
|
12787
|
+
* the user has scrolled up and new content arrives, it shows a "scroll to latest" button instead
|
|
12788
|
+
* of yanking the viewport.
|
|
12789
|
+
* Composed from: `bs-icon-button` (the scroll-to-latest control).
|
|
12790
|
+
* ## When to use
|
|
12791
|
+
* - Holding the messages of a chat conversation.
|
|
12792
|
+
* ## When not to use
|
|
12793
|
+
* - For generic scrollable lists -- this is built around append-at-the-bottom transcripts.
|
|
12794
|
+
* @prop --bs-message-list-gap - Gap between messages. Aliased to `--bs-spacing-200`.
|
|
12795
|
+
* @prop --bs-message-list-padding - Padding inside the scroll area. Aliased to `--bs-spacing-200`.
|
|
12796
|
+
* @prop --bs-message-list-button-offset - Distance of the scroll-to-latest button from the bottom edge. Aliased to `--bs-spacing-200`.
|
|
12797
|
+
*/
|
|
12798
|
+
"bs-message-list": LocalJSX.IntrinsicElements["bs-message-list"] & JSXBase.HTMLAttributes<HTMLBsMessageListElement>;
|
|
11144
12799
|
/**
|
|
11145
12800
|
* A left-side persistent navigation sidebar: the BrandSync logo, a "Main Menu" title with a
|
|
11146
12801
|
* collapse toggle, a reserved slot for a search field, and a scrollable list of nav items.
|
|
@@ -11272,6 +12927,23 @@ declare module "@stencil/core" {
|
|
|
11272
12927
|
* plain prev/next controls (no numbers) are simpler there.
|
|
11273
12928
|
*/
|
|
11274
12929
|
"bs-pagination": LocalJSX.IntrinsicElements["bs-pagination"] & JSXBase.HTMLAttributes<HTMLBsPaginationElement>;
|
|
12930
|
+
/**
|
|
12931
|
+
* A trigger plus a popup panel that opens on trigger click and closes on outside click or Escape.
|
|
12932
|
+
* The popup is positioned with CSS (absolute, relative to the host) and flips to the opposite side
|
|
12933
|
+
* when it would overflow the viewport; the effective placement is mirrored on the host as
|
|
12934
|
+
* `data-placement`. Focus moves into the popup on open and back to the trigger on close. The popup content is slotted, so it is typically a `bs-menu` or a list.
|
|
12935
|
+
* ## When to use
|
|
12936
|
+
* - A menu, language list or small set of options revealed from a button.
|
|
12937
|
+
* ## When not to use
|
|
12938
|
+
* - A blocking decision (use `bs-dialog`) or a hover-only hint (use `bs-tooltip-trigger`).
|
|
12939
|
+
* @prop --bs-popover-bg - Popup background. Aliased to `--bs-surface-raised`.
|
|
12940
|
+
* @prop --bs-popover-radius - Popup corner radius. Aliased to `--bs-border-radius-100`.
|
|
12941
|
+
* @prop --bs-popover-shadow - Popup shadow. Aliased to `--bs-shadow-md`.
|
|
12942
|
+
* @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
|
|
12943
|
+
* @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
|
|
12944
|
+
* @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
|
|
12945
|
+
*/
|
|
12946
|
+
"bs-popover": LocalJSX.IntrinsicElements["bs-popover"] & JSXBase.HTMLAttributes<HTMLBsPopoverElement>;
|
|
11275
12947
|
/**
|
|
11276
12948
|
* One step of a product tour: a centred **welcome** or **success** card with an art tile, or a
|
|
11277
12949
|
* **pointer** card -- a compact step with a close button, a "1 of 3" progress label and Back/Next
|
|
@@ -11379,6 +13051,44 @@ declare module "@stencil/core" {
|
|
|
11379
13051
|
* (`bs-dialog`) if the warning must trap focus.
|
|
11380
13052
|
*/
|
|
11381
13053
|
"bs-session-timeout": LocalJSX.IntrinsicElements["bs-session-timeout"] & JSXBase.HTMLAttributes<HTMLBsSessionTimeoutElement>;
|
|
13054
|
+
/**
|
|
13055
|
+
* A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
|
|
13056
|
+
* and similar secondary content. Closes via its close button or Escape and emits `bsClose`.
|
|
13057
|
+
* Composed from `bs-icon-button` (close button).
|
|
13058
|
+
* While open, Tab/Shift+Tab are trapped in the panel; with `overlay`, the rest of the page is made `inert`.
|
|
13059
|
+
* ## When to use
|
|
13060
|
+
* - Secondary content that sits beside the page without leaving it.
|
|
13061
|
+
* ## When not to use
|
|
13062
|
+
* - A blocking confirmation (use `bs-dialog`).
|
|
13063
|
+
* @prop --bs-side-panel-bg - Panel background. Aliased to `--bs-surface-raised`.
|
|
13064
|
+
* @prop --bs-side-panel-width - Panel width. Aliased to `calc(var(--bs-scale-1600) * 3)`.
|
|
13065
|
+
* @prop --bs-side-panel-padding - Header/body/footer padding. Aliased to `--bs-spacing-200`.
|
|
13066
|
+
* @prop --bs-side-panel-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
|
|
13067
|
+
* @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
|
|
13068
|
+
* @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
|
|
13069
|
+
* @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
|
|
13070
|
+
*/
|
|
13071
|
+
"bs-side-panel": LocalJSX.IntrinsicElements["bs-side-panel"] & JSXBase.HTMLAttributes<HTMLBsSidePanelElement>;
|
|
13072
|
+
/**
|
|
13073
|
+
* A general-purpose loading placeholder for content whose shape isn't covered by a dedicated
|
|
13074
|
+
* skeleton (e.g. `bs-button-skeleton`). Renders a pulsing text line (or several), rectangle or circle.
|
|
13075
|
+
* Decorative by default (`aria-hidden="true"`). Set `label` to expose it to assistive tech as a
|
|
13076
|
+
* `role="status"` live region with that accessible name -- do this on one placeholder per loading
|
|
13077
|
+
* region, not on every placeholder, so screen readers don't announce it repeatedly.
|
|
13078
|
+
* ## When to use
|
|
13079
|
+
* - Standing in for text, images, avatars or other blocks while their data loads.
|
|
13080
|
+
* ## When not to use
|
|
13081
|
+
* - For a `bs-button` or `bs-checkbox` placeholder -- use `bs-button-skeleton` / `bs-checkbox-skeleton`.
|
|
13082
|
+
* - For an in-progress action on already-rendered UI -- use `bs-spinner` or `bs-progress`.
|
|
13083
|
+
* @prop --bs-skeleton-bg - Placeholder color. Aliased to `--bs-color-neutral-container`.
|
|
13084
|
+
* @prop --bs-skeleton-radius - Corner radius for `text`/`rect`. Aliased to `--bs-border-radius-100`.
|
|
13085
|
+
* @prop --bs-skeleton-width - Width when the `width` prop is not set. Defaults to `100%`.
|
|
13086
|
+
* @prop --bs-skeleton-text-height - Height of each text line when `height` is not set. Defaults to `1em`.
|
|
13087
|
+
* @prop --bs-skeleton-rect-height - Height of `rect`/`circle` when `height` is not set. Defaults to `96px`.
|
|
13088
|
+
* @prop --bs-skeleton-gap - Gap between text lines. Aliased to `--bs-spacing-100`.
|
|
13089
|
+
* @prop --bs-skeleton-duration - Pulse duration. Defaults to `1.5s`.
|
|
13090
|
+
*/
|
|
13091
|
+
"bs-skeleton": LocalJSX.IntrinsicElements["bs-skeleton"] & JSXBase.HTMLAttributes<HTMLBsSkeletonElement>;
|
|
11382
13092
|
/**
|
|
11383
13093
|
* A slider for picking a single numeric value (`type="default"`), a value snapped to evenly
|
|
11384
13094
|
* spaced ticks (`type="segmented"`), or a min/max pair (`type="range"`) from within a bounded
|
|
@@ -11441,6 +13151,24 @@ declare module "@stencil/core" {
|
|
|
11441
13151
|
* `--bs-text-secondary`.
|
|
11442
13152
|
*/
|
|
11443
13153
|
"bs-source-link": LocalJSX.IntrinsicElements["bs-source-link"] & JSXBase.HTMLAttributes<HTMLBsSourceLinkElement>;
|
|
13154
|
+
/**
|
|
13155
|
+
* A small inline spinner sized for text. By default (`size="inherit"`) it is `1em` square so it
|
|
13156
|
+
* scales with the surrounding font size, and it draws in `currentColor` so it matches the
|
|
13157
|
+
* surrounding text. Built as plain inline SVG: `bs-progress` has fixed pixel diameters and a
|
|
13158
|
+
* block layout, so it can't sit inline with text.
|
|
13159
|
+
* ## When to use
|
|
13160
|
+
* - Inline "busy" feedback next to or inside text, e.g. "Saving..." or within a button label.
|
|
13161
|
+
* ## When not to use
|
|
13162
|
+
* - For a large or standalone loading indicator, or one with a known percentage -- use `bs-progress`.
|
|
13163
|
+
* - As a content placeholder -- use `bs-skeleton`.
|
|
13164
|
+
* @prop --bs-spinner-size-xs - Diameter at `size="xs"`. Aliased to `--bs-spacing-200`.
|
|
13165
|
+
* @prop --bs-spinner-size-sm - Diameter at `size="sm"`. Aliased to `--bs-spacing-250`.
|
|
13166
|
+
* @prop --bs-spinner-size-md - Diameter at `size="md"`. Aliased to `--bs-spacing-300`.
|
|
13167
|
+
* @prop --bs-spinner-color - Spinner color. Defaults to `currentColor`.
|
|
13168
|
+
* @prop --bs-spinner-track-opacity - Opacity of the background track ring. Defaults to `0.25`.
|
|
13169
|
+
* @prop --bs-spinner-duration - Rotation duration. Defaults to `0.8s`.
|
|
13170
|
+
*/
|
|
13171
|
+
"bs-spinner": LocalJSX.IntrinsicElements["bs-spinner"] & JSXBase.HTMLAttributes<HTMLBsSpinnerElement>;
|
|
11444
13172
|
/**
|
|
11445
13173
|
* A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
|
|
11446
13174
|
* an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or
|
|
@@ -11586,6 +13314,18 @@ declare module "@stencil/core" {
|
|
|
11586
13314
|
* `--bs-line-height-body-sm`.
|
|
11587
13315
|
*/
|
|
11588
13316
|
"bs-tooltip": LocalJSX.IntrinsicElements["bs-tooltip"] & JSXBase.HTMLAttributes<HTMLBsTooltipElement>;
|
|
13317
|
+
/**
|
|
13318
|
+
* Wraps a trigger element and shows a `bs-tooltip` on hover or keyboard focus, after an optional
|
|
13319
|
+
* delay. Escape dismisses it. The tooltip is linked to the trigger with `aria-describedby`.
|
|
13320
|
+
* Composed from `bs-tooltip`.
|
|
13321
|
+
* ## When to use
|
|
13322
|
+
* - A short hint for an icon button or truncated label.
|
|
13323
|
+
* ## When not to use
|
|
13324
|
+
* - Interactive content or long text (use `bs-popover`).
|
|
13325
|
+
* @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
|
|
13326
|
+
* @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
|
|
13327
|
+
*/
|
|
13328
|
+
"bs-tooltip-trigger": LocalJSX.IntrinsicElements["bs-tooltip-trigger"] & JSXBase.HTMLAttributes<HTMLBsTooltipTriggerElement>;
|
|
11589
13329
|
/**
|
|
11590
13330
|
* A product's "What's new" surface, in three forms matching the Figma component:
|
|
11591
13331
|
* - `feed` -- a docked panel: heading, "Mark all as read", filter tabs, the list of updates (each a
|