@brandsync/wc 1.12.1 → 1.14.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 +22 -0
- package/CONVENTIONS.md +109 -0
- package/REFERENCE.md +1388 -0
- package/custom-elements.json +5069 -2575
- 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-056608f0.entry.js +1 -0
- package/dist/brandsync-wc/p-0cb6fc39.entry.js +1 -0
- package/dist/brandsync-wc/p-0e738622.entry.js +1 -0
- 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-56c37e0a.entry.js → p-16c78ff6.entry.js} +1 -1
- package/dist/brandsync-wc/p-1b5cc9b8.entry.js +1 -0
- package/dist/brandsync-wc/p-204cc690.entry.js +1 -0
- package/dist/brandsync-wc/p-221244a9.entry.js +1 -0
- package/dist/brandsync-wc/p-227a5182.entry.js +1 -0
- package/dist/brandsync-wc/p-23b56775.entry.js +1 -0
- package/dist/brandsync-wc/p-2967240d.entry.js +1 -0
- package/dist/brandsync-wc/p-2c1efaa1.entry.js +1 -0
- package/dist/brandsync-wc/p-2e68b76e.entry.js +1 -0
- package/dist/brandsync-wc/{p-a9169157.entry.js → p-315b510c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1978e63c.entry.js → p-31cd66e0.entry.js} +1 -1
- package/dist/brandsync-wc/p-3477539c.entry.js +1 -0
- 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-2497d128.entry.js → p-3dabf202.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-f15d9524.entry.js → p-4b40a596.entry.js} +1 -1
- package/dist/brandsync-wc/p-51f40972.entry.js +1 -0
- package/dist/brandsync-wc/{p-39a26c64.entry.js → p-617bd76d.entry.js} +1 -1
- package/dist/brandsync-wc/p-658532b7.entry.js +1 -0
- package/dist/brandsync-wc/{p-617bd13a.entry.js → p-686297f1.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-00a0d489.entry.js → p-8048d033.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0b2d3b7e.entry.js → p-80700878.entry.js} +1 -1
- package/dist/brandsync-wc/{p-2368a92e.entry.js → p-8184d7de.entry.js} +1 -1
- package/dist/brandsync-wc/p-833f9dc4.entry.js +1 -0
- package/dist/brandsync-wc/p-8390a155.entry.js +1 -0
- 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-9d12b1fb.entry.js +1 -0
- package/dist/brandsync-wc/{p-5ba90a13.entry.js → p-9d660c03.entry.js} +1 -1
- package/dist/brandsync-wc/p-9fa67924.entry.js +1 -0
- 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-a2e59aca.entry.js +1 -0
- package/dist/brandsync-wc/{p-09435f41.entry.js → p-a5659499.entry.js} +1 -1
- package/dist/brandsync-wc/p-b6ac1b50.entry.js +1 -0
- package/dist/brandsync-wc/{p-69c0a85d.entry.js → p-b793a0d6.entry.js} +1 -1
- package/dist/brandsync-wc/p-bee30626.entry.js +1 -0
- package/dist/brandsync-wc/{p-1aab6d07.entry.js → p-c05ee501.entry.js} +1 -1
- package/dist/brandsync-wc/p-c488cc8b.entry.js +1 -0
- package/dist/brandsync-wc/p-c67bc817.entry.js +1 -0
- package/dist/brandsync-wc/{p-247e36ad.entry.js → p-cc1055e6.entry.js} +1 -1
- package/dist/brandsync-wc/p-cc25ee67.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-282ddbee.entry.js → p-d892277f.entry.js} +1 -1
- package/dist/brandsync-wc/p-dd52209a.entry.js +1 -0
- package/dist/brandsync-wc/{p-09bc1923.entry.js → p-df3e7973.entry.js} +1 -1
- package/dist/brandsync-wc/p-dfad8c0a.entry.js +1 -0
- package/dist/brandsync-wc/p-e0927a9a.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-f5180578.entry.js → p-e6fc2cd4.entry.js} +1 -1
- 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-2177042f.entry.js → p-fa6b9750.entry.js} +1 -1
- 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 +15 -7
- 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-split-pane.cjs.entry.js +193 -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 +10 -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 +92 -4
- 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-split-pane/bs-split-pane.cmp.test.js +107 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.css +108 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.js +404 -0
- package/dist/collection/components/bs-split-pane/bs-split-pane.stories.js +47 -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-split-pane.d.ts +11 -0
- package/dist/components/bs-split-pane.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-C_j_jDM6.js → p-BESyTlfT.js} +1 -1
- package/dist/components/{p-YsHQLXET.js → p-BIW9eUic.js} +1 -1
- package/dist/components/{p-Be_Pmccm.js → p-BJR8KVFc.js} +1 -1
- package/dist/components/{p-BEEoVNRu.js → p-BTPdjnXT.js} +1 -1
- package/dist/components/{p-Be9L4_Fe.js → p-CDYw4Eyj.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-DE8K7fg0.js → p-CiSEDtbE.js} +1 -1
- package/dist/components/{p-CbimDNGY.js → p-CrmEXUwm.js} +1 -1
- 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-Dm3TqgV_.js +1 -0
- package/dist/components/{p-CUfs0ROR.js → p-DpVeeIko.js} +1 -1
- package/dist/components/{p-CA31vqjL.js → p-DvNED6Lb.js} +1 -1
- package/dist/components/{p-Bl_tVzeq.js → p-HAmR4gM2.js} +1 -1
- package/dist/components/p-HzaOqQ0U.js +1 -0
- 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-nC2VxRNo.js +1 -0
- package/dist/components/p-zscW5LNR.js +1 -0
- 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 +15 -7
- 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-split-pane.entry.js +191 -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-split-pane/bs-split-pane.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-split-pane/bs-split-pane.d.ts +85 -0
- package/dist/types/components/bs-split-pane/bs-split-pane.stories.d.ts +15 -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 +1995 -39
- package/dist/types/global/brand-theming.cmp.test.d.ts +1 -0
- package/package.json +21 -5
- package/reference.d.ts +245 -0
- package/reference.json +4284 -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-22f8201a.entry.js +0 -1
- package/dist/brandsync-wc/p-34e5feaf.entry.js +0 -1
- package/dist/brandsync-wc/p-3a1af63a.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-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-BGW5q5LZ.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,21 @@ 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";
|
|
50
|
+
import { BsSplitPaneOrientation } from "./components/bs-split-pane/bs-split-pane";
|
|
45
51
|
import { BsStepperDirection } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
|
|
46
52
|
import { BsStepperDirection as BsStepperDirection1, BsStepperStepComputedState } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
|
|
47
53
|
import { BsSwitchSize } from "./components/bs-switch/bs-switch";
|
|
@@ -49,6 +55,7 @@ import { BsTabIconPosition } from "./components/bs-tab/bs-tab/bs-tab";
|
|
|
49
55
|
import { BsTabsOrientation, BsTabsType } from "./components/bs-tab/bs-tabs/bs-tabs";
|
|
50
56
|
import { BsTimepickerChange } from "./components/bs-timepicker/bs-timepicker";
|
|
51
57
|
import { BsToastState } from "./components/bs-toast/bs-toast";
|
|
58
|
+
import { BsTooltipTriggerPlacement } from "./components/bs-tooltip-trigger/bs-tooltip-trigger";
|
|
52
59
|
import { BsWhatsNewFilter, BsWhatsNewItem, BsWhatsNewType } from "./components/bs-whats-new/bs-whats-new";
|
|
53
60
|
import { BsWhatsNewEntryTagColor } from "./components/bs-whats-new-entry/bs-whats-new-entry";
|
|
54
61
|
import { BsWhatsNewEntryTagColor as BsWhatsNewEntryTagColor1 } from "./components/bs-whats-new-entry/bs-whats-new-entry";
|
|
@@ -80,15 +87,21 @@ export { BsFileUploadItemState } from "./components/bs-file-upload-item/bs-file-
|
|
|
80
87
|
export { BsIconButtonSize, BsIconButtonVariant } from "./components/bs-button/bs-icon-button/bs-icon-button";
|
|
81
88
|
export { BsIconTileIntent, BsIconTileSize } from "./components/bs-icon-tile/bs-icon-tile";
|
|
82
89
|
export { BsLogoBackground, BsLogoVariant } from "./components/bs-logo/bs-logo";
|
|
90
|
+
export { BsMessageRole, BsMessageStatus } from "./components/bs-message/bs-message";
|
|
83
91
|
export { BsNavigationHeaderAlignment } from "./components/ui-shell/bs-navigation-header/bs-navigation-header/bs-navigation-header";
|
|
84
92
|
export { BsOnboardingChecklistType, BsOnboardingLauncherLayout, BsOnboardingStep } from "./components/bs-onboarding-checklist/bs-onboarding-checklist";
|
|
93
|
+
export { BsPopoverPlacement } from "./components/bs-popover/bs-popover";
|
|
85
94
|
export { BsProductTourDirection, BsProductTourType } from "./components/bs-product-tour/bs-product-tour";
|
|
86
95
|
export { BsProgressSize, BsProgressStrokeWidth, BsProgressType } from "./components/bs-progress/bs-progress";
|
|
87
96
|
export { BsProgressLinearSize, BsProgressLinearType } from "./components/bs-progress-linear/bs-progress-linear";
|
|
88
97
|
export { BsQrCodeSize, BsQrCodeState, BsQrCodeType } from "./components/bs-qr-code/bs-qr-code";
|
|
89
98
|
export { BsSessionTimeoutAlternative, BsSessionTimeoutType } from "./components/bs-session-timeout/bs-session-timeout";
|
|
99
|
+
export { BsSidePanelSide } from "./components/bs-side-panel/bs-side-panel";
|
|
100
|
+
export { BsSkeletonVariant } from "./components/bs-skeleton/bs-skeleton";
|
|
90
101
|
export { BsSliderType } from "./components/bs-slider/bs-slider";
|
|
91
102
|
export { BsSnackbarVariant } from "./components/bs-snackbar/bs-snackbar";
|
|
103
|
+
export { BsSpinnerSize } from "./components/bs-spinner/bs-spinner";
|
|
104
|
+
export { BsSplitPaneOrientation } from "./components/bs-split-pane/bs-split-pane";
|
|
92
105
|
export { BsStepperDirection } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
|
|
93
106
|
export { BsStepperDirection as BsStepperDirection1, BsStepperStepComputedState } from "./components/bs-stepper/bs-stepper-step/bs-stepper-step";
|
|
94
107
|
export { BsSwitchSize } from "./components/bs-switch/bs-switch";
|
|
@@ -96,6 +109,7 @@ export { BsTabIconPosition } from "./components/bs-tab/bs-tab/bs-tab";
|
|
|
96
109
|
export { BsTabsOrientation, BsTabsType } from "./components/bs-tab/bs-tabs/bs-tabs";
|
|
97
110
|
export { BsTimepickerChange } from "./components/bs-timepicker/bs-timepicker";
|
|
98
111
|
export { BsToastState } from "./components/bs-toast/bs-toast";
|
|
112
|
+
export { BsTooltipTriggerPlacement } from "./components/bs-tooltip-trigger/bs-tooltip-trigger";
|
|
99
113
|
export { BsWhatsNewFilter, BsWhatsNewItem, BsWhatsNewType } from "./components/bs-whats-new/bs-whats-new";
|
|
100
114
|
export { BsWhatsNewEntryTagColor } from "./components/bs-whats-new-entry/bs-whats-new-entry";
|
|
101
115
|
export { BsWhatsNewEntryTagColor as BsWhatsNewEntryTagColor1 } from "./components/bs-whats-new-entry/bs-whats-new-entry";
|
|
@@ -135,6 +149,25 @@ export namespace Components {
|
|
|
135
149
|
*/
|
|
136
150
|
"size": BsAccordionSize;
|
|
137
151
|
}
|
|
152
|
+
/**
|
|
153
|
+
* Coordinates child `bs-accordion` elements. By default only one stays expanded: when a child
|
|
154
|
+
* requests expansion (its `bsToggle` event), the others are collapsed. With `multiple`, children
|
|
155
|
+
* are left independent.
|
|
156
|
+
* Because `bs-accordion` is a controlled component, the group applies the requested value to the
|
|
157
|
+
* child's `expanded` property itself.
|
|
158
|
+
* ## When to use
|
|
159
|
+
* - A stack of FAQ-style sections where one open at a time keeps the page short.
|
|
160
|
+
* ## When not to use
|
|
161
|
+
* - A single section (use `bs-accordion` directly).
|
|
162
|
+
* @prop --bs-accordion-group-gap - Gap between accordions. Defaults to `0`.
|
|
163
|
+
*/
|
|
164
|
+
interface BsAccordionGroup {
|
|
165
|
+
/**
|
|
166
|
+
* Allow several accordions to be expanded at once.
|
|
167
|
+
* @default false
|
|
168
|
+
*/
|
|
169
|
+
"multiple": boolean;
|
|
170
|
+
}
|
|
138
171
|
/**
|
|
139
172
|
* A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
|
|
140
173
|
* important information."
|
|
@@ -268,11 +301,21 @@ export namespace Components {
|
|
|
268
301
|
* @default true
|
|
269
302
|
*/
|
|
270
303
|
"removable": boolean;
|
|
304
|
+
/**
|
|
305
|
+
* Prefix of the remove button's accessible name ("Remove attachment: {fileName}").
|
|
306
|
+
* @default 'Remove attachment'
|
|
307
|
+
*/
|
|
308
|
+
"removeLabel": string;
|
|
271
309
|
/**
|
|
272
310
|
* Which kind of attachment preview to render.
|
|
273
311
|
* @default 'image'
|
|
274
312
|
*/
|
|
275
313
|
"type": BsAttachmentType;
|
|
314
|
+
/**
|
|
315
|
+
* Accessible name of the upload spinner while `loading`.
|
|
316
|
+
* @default 'Uploading'
|
|
317
|
+
*/
|
|
318
|
+
"uploadingLabel": string;
|
|
276
319
|
}
|
|
277
320
|
/**
|
|
278
321
|
* A horizontally-scrolling row wrapper for one or more `bs-attachment` previews, for slotting into
|
|
@@ -549,6 +592,11 @@ export namespace Components {
|
|
|
549
592
|
* @prop --bs-button-skeleton-width - Placeholder width. Defaults to `96px`.
|
|
550
593
|
*/
|
|
551
594
|
interface BsButtonSkeleton {
|
|
595
|
+
/**
|
|
596
|
+
* Accessible name announced for the loading placeholder.
|
|
597
|
+
* @default 'Loading'
|
|
598
|
+
*/
|
|
599
|
+
"loadingLabel": string;
|
|
552
600
|
/**
|
|
553
601
|
* Sizing scale, matching the `bs-button` size it stands in for.
|
|
554
602
|
* @default 'md'
|
|
@@ -689,20 +737,57 @@ export namespace Components {
|
|
|
689
737
|
* Aliased to `--bs-text-action`.
|
|
690
738
|
*/
|
|
691
739
|
interface BsChatbotFeedback {
|
|
740
|
+
/**
|
|
741
|
+
* Accessible name of the close button.
|
|
742
|
+
* @default 'Close'
|
|
743
|
+
*/
|
|
744
|
+
"closeLabel": string;
|
|
692
745
|
/**
|
|
693
746
|
* The comment text.
|
|
694
747
|
* @default ''
|
|
695
748
|
*/
|
|
696
749
|
"comment": string;
|
|
697
750
|
/**
|
|
698
|
-
*
|
|
751
|
+
* Label above the optional comment field.
|
|
752
|
+
* @default 'Tell us what you think'
|
|
699
753
|
*/
|
|
754
|
+
"commentLabel": string;
|
|
755
|
+
/**
|
|
756
|
+
* Placeholder of the optional comment field.
|
|
757
|
+
* @default 'e.g.The response was helpful ....'
|
|
758
|
+
*/
|
|
759
|
+
"commentPlaceholder": string;
|
|
700
760
|
"heading"?: string;
|
|
761
|
+
/**
|
|
762
|
+
* Text of the "new chat" button.
|
|
763
|
+
* @default 'Start new chat'
|
|
764
|
+
*/
|
|
765
|
+
"newChatLabel": string;
|
|
701
766
|
/**
|
|
702
767
|
* Current star rating, 0-5. 0 means no rating has been given yet.
|
|
703
768
|
* @default 0
|
|
704
769
|
*/
|
|
705
770
|
"rating": number;
|
|
771
|
+
/**
|
|
772
|
+
* Accessible name of the star rating group.
|
|
773
|
+
* @default 'Rating'
|
|
774
|
+
*/
|
|
775
|
+
"ratingLabel": string;
|
|
776
|
+
/**
|
|
777
|
+
* Singular star noun used in each star's accessible name ("1 star").
|
|
778
|
+
* @default 'star'
|
|
779
|
+
*/
|
|
780
|
+
"starLabel": string;
|
|
781
|
+
/**
|
|
782
|
+
* Plural star noun used in each star's accessible name ("3 stars").
|
|
783
|
+
* @default 'stars'
|
|
784
|
+
*/
|
|
785
|
+
"starsLabel": string;
|
|
786
|
+
/**
|
|
787
|
+
* Text of the submit button.
|
|
788
|
+
* @default 'Submit feedback'
|
|
789
|
+
*/
|
|
790
|
+
"submitLabel": string;
|
|
706
791
|
/**
|
|
707
792
|
* Whether feedback has been submitted. Switches the card from the editable form to the read-only "thanks" view.
|
|
708
793
|
* @default false
|
|
@@ -741,6 +826,21 @@ export namespace Components {
|
|
|
741
826
|
* @prop --bs-chatbot-header-icon - Icon color. Aliased to `--bs-icon-default`.
|
|
742
827
|
*/
|
|
743
828
|
interface BsChatbotHeader {
|
|
829
|
+
/**
|
|
830
|
+
* Accessible name and tooltip text of the "Close" button.
|
|
831
|
+
* @default 'Close'
|
|
832
|
+
*/
|
|
833
|
+
"closeLabel": string;
|
|
834
|
+
/**
|
|
835
|
+
* Accessible name and tooltip text of the expand button while `expanded`.
|
|
836
|
+
* @default 'Exit fullscreen'
|
|
837
|
+
*/
|
|
838
|
+
"collapseLabel": string;
|
|
839
|
+
/**
|
|
840
|
+
* Accessible name and tooltip text of the expand button while collapsed.
|
|
841
|
+
* @default 'Fullscreen'
|
|
842
|
+
*/
|
|
843
|
+
"expandLabel": string;
|
|
744
844
|
/**
|
|
745
845
|
* 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
846
|
* @default false
|
|
@@ -751,6 +851,36 @@ export namespace Components {
|
|
|
751
851
|
* @default 'Genie'
|
|
752
852
|
*/
|
|
753
853
|
"heading": string;
|
|
854
|
+
/**
|
|
855
|
+
* Removes the "Close" button from the DOM.
|
|
856
|
+
* @default false
|
|
857
|
+
*/
|
|
858
|
+
"hideClose": boolean;
|
|
859
|
+
/**
|
|
860
|
+
* Removes the expand/fullscreen button from the DOM.
|
|
861
|
+
* @default false
|
|
862
|
+
*/
|
|
863
|
+
"hideExpand": boolean;
|
|
864
|
+
/**
|
|
865
|
+
* Removes the "History" button from the DOM.
|
|
866
|
+
* @default false
|
|
867
|
+
*/
|
|
868
|
+
"hideHistory": boolean;
|
|
869
|
+
/**
|
|
870
|
+
* Removes the "New chat" button from the DOM.
|
|
871
|
+
* @default false
|
|
872
|
+
*/
|
|
873
|
+
"hideNewChat": boolean;
|
|
874
|
+
/**
|
|
875
|
+
* Accessible name and tooltip text of the "History" button.
|
|
876
|
+
* @default 'History'
|
|
877
|
+
*/
|
|
878
|
+
"historyLabel": string;
|
|
879
|
+
/**
|
|
880
|
+
* Accessible name and tooltip text of the "New chat" button.
|
|
881
|
+
* @default 'New chat'
|
|
882
|
+
*/
|
|
883
|
+
"newChatLabel": string;
|
|
754
884
|
}
|
|
755
885
|
/**
|
|
756
886
|
* The row of action buttons that appears below an AI response message in a Genie chat panel:
|
|
@@ -777,15 +907,65 @@ export namespace Components {
|
|
|
777
907
|
* @prop --bs-chatbot-response-action-sources-line-height - Aliased to `--bs-line-height-body-sm`.
|
|
778
908
|
*/
|
|
779
909
|
interface BsChatbotResponseAction {
|
|
910
|
+
/**
|
|
911
|
+
* Accessible name of the Copy button.
|
|
912
|
+
* @default 'Copy'
|
|
913
|
+
*/
|
|
914
|
+
"copyLabel": string;
|
|
915
|
+
/**
|
|
916
|
+
* Accessible name of the Dislike button.
|
|
917
|
+
* @default 'Dislike'
|
|
918
|
+
*/
|
|
919
|
+
"dislikeLabel": string;
|
|
920
|
+
/**
|
|
921
|
+
* 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.
|
|
922
|
+
* @default false
|
|
923
|
+
*/
|
|
924
|
+
"disliked": boolean;
|
|
925
|
+
/**
|
|
926
|
+
* Removes the "Regenerate" button from the DOM.
|
|
927
|
+
* @default false
|
|
928
|
+
*/
|
|
929
|
+
"hideRegenerate": boolean;
|
|
930
|
+
/**
|
|
931
|
+
* Accessible name (and visible text, where applicable) of the Like button.
|
|
932
|
+
* @default 'Like'
|
|
933
|
+
*/
|
|
934
|
+
"likeLabel": string;
|
|
935
|
+
/**
|
|
936
|
+
* 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.
|
|
937
|
+
* @default false
|
|
938
|
+
*/
|
|
939
|
+
"liked": boolean;
|
|
940
|
+
/**
|
|
941
|
+
* Accessible name of the "More options" button.
|
|
942
|
+
* @default 'More options'
|
|
943
|
+
*/
|
|
944
|
+
"menuLabel": string;
|
|
780
945
|
/**
|
|
781
946
|
* 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
947
|
* @default false
|
|
783
948
|
*/
|
|
784
949
|
"menuOpen": boolean;
|
|
950
|
+
/**
|
|
951
|
+
* Accessible name of the Regenerate button.
|
|
952
|
+
* @default 'Regenerate'
|
|
953
|
+
*/
|
|
954
|
+
"regenerateLabel": string;
|
|
955
|
+
/**
|
|
956
|
+
* Label for a single source; rendered as "1 {sourceLabel}".
|
|
957
|
+
* @default 'source'
|
|
958
|
+
*/
|
|
959
|
+
"sourceLabel": string;
|
|
785
960
|
/**
|
|
786
961
|
* 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
962
|
*/
|
|
788
963
|
"sourcesCount"?: number;
|
|
964
|
+
/**
|
|
965
|
+
* Label for multiple sources; rendered as "N {sourcesLabel}".
|
|
966
|
+
* @default 'sources'
|
|
967
|
+
*/
|
|
968
|
+
"sourcesLabel": string;
|
|
789
969
|
}
|
|
790
970
|
/**
|
|
791
971
|
* The "Sources" panel shown alongside a Genie AI chat response -- a header with a title, a count
|
|
@@ -817,8 +997,10 @@ export namespace Components {
|
|
|
817
997
|
*/
|
|
818
998
|
interface BsChatbotSourcesDrawer {
|
|
819
999
|
/**
|
|
820
|
-
*
|
|
1000
|
+
* Accessible name of the collapse button.
|
|
1001
|
+
* @default 'Collapse sources'
|
|
821
1002
|
*/
|
|
1003
|
+
"collapseLabel": string;
|
|
822
1004
|
"count"?: number;
|
|
823
1005
|
/**
|
|
824
1006
|
* The panel title.
|
|
@@ -843,11 +1025,8 @@ export namespace Components {
|
|
|
843
1025
|
* Aliased to `--bs-color-primary-container`.
|
|
844
1026
|
* @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
|
|
845
1027
|
* `--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).
|
|
1028
|
+
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased to
|
|
1029
|
+
* `--bs-color-primary-container-pressed`.
|
|
851
1030
|
* @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
|
|
852
1031
|
* `--bs-color-primary-container-hover` (same as hover).
|
|
853
1032
|
* @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
|
|
@@ -945,6 +1124,11 @@ export namespace Components {
|
|
|
945
1124
|
* `96px`.
|
|
946
1125
|
*/
|
|
947
1126
|
interface BsCheckboxSkeleton {
|
|
1127
|
+
/**
|
|
1128
|
+
* Accessible name announced for the loading placeholder.
|
|
1129
|
+
* @default 'Loading'
|
|
1130
|
+
*/
|
|
1131
|
+
"loadingLabel": string;
|
|
948
1132
|
/**
|
|
949
1133
|
* Sizing scale, matching the `bs-checkbox` size it stands in for. Defaults to `lg`, the same (unusual) default `bs-checkbox` itself uses.
|
|
950
1134
|
* @default 'lg'
|
|
@@ -1036,6 +1220,11 @@ export namespace Components {
|
|
|
1036
1220
|
* @default false
|
|
1037
1221
|
*/
|
|
1038
1222
|
"disabled": boolean;
|
|
1223
|
+
/**
|
|
1224
|
+
* Prefix of the remove button's accessible name ("Remove {label}").
|
|
1225
|
+
* @default 'Remove'
|
|
1226
|
+
*/
|
|
1227
|
+
"removeLabel": string;
|
|
1039
1228
|
/**
|
|
1040
1229
|
* 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
1230
|
* @default false
|
|
@@ -1047,6 +1236,41 @@ export namespace Components {
|
|
|
1047
1236
|
*/
|
|
1048
1237
|
"size": BsChipInputSize;
|
|
1049
1238
|
}
|
|
1239
|
+
/**
|
|
1240
|
+
* Presentational card previewing a cited source: file name, originating system, page number and a
|
|
1241
|
+
* snippet of the cited text. It does no fetching -- the consumer supplies content through slots.
|
|
1242
|
+
* When `href` is set, the header becomes a link action.
|
|
1243
|
+
* Composed from: `bs-card` (the surface) and `bs-source-link` (the file name / source header and
|
|
1244
|
+
* open action).
|
|
1245
|
+
* ## When to use
|
|
1246
|
+
* - Showing the passage a chat answer was grounded in, e.g. on citation hover/click.
|
|
1247
|
+
* ## When not to use
|
|
1248
|
+
* - As a list row of sources -- use `bs-source-link` directly in `bs-chatbot-sources-drawer`.
|
|
1249
|
+
* @prop --bs-citation-preview-gap - Gap between header, snippet and footer. Aliased to `--bs-spacing-100`.
|
|
1250
|
+
* @prop --bs-citation-preview-snippet-color - Snippet text color. Aliased to `--bs-text-default`.
|
|
1251
|
+
* @prop --bs-citation-preview-snippet-bg - Snippet background. Aliased to `--bs-surface-base`.
|
|
1252
|
+
* @prop --bs-citation-preview-snippet-radius - Snippet corner radius. Aliased to `--bs-border-radius-100`.
|
|
1253
|
+
* @prop --bs-citation-preview-page-color - Page label color. Aliased to `--bs-text-secondary`.
|
|
1254
|
+
*/
|
|
1255
|
+
interface BsCitationPreview {
|
|
1256
|
+
/**
|
|
1257
|
+
* The cited document's file name.
|
|
1258
|
+
* @default 'Source'
|
|
1259
|
+
*/
|
|
1260
|
+
"fileName": string;
|
|
1261
|
+
/**
|
|
1262
|
+
* If set, the header becomes a link that opens this URL.
|
|
1263
|
+
*/
|
|
1264
|
+
"href"?: string;
|
|
1265
|
+
/**
|
|
1266
|
+
* Page (or page range) of the citation, shown as "Page N".
|
|
1267
|
+
*/
|
|
1268
|
+
"page"?: string | number;
|
|
1269
|
+
/**
|
|
1270
|
+
* The system/app the document came from.
|
|
1271
|
+
*/
|
|
1272
|
+
"sourceName"?: string;
|
|
1273
|
+
}
|
|
1050
1274
|
/**
|
|
1051
1275
|
* A chat composer input for Genie AI-style conversational interfaces: a text field
|
|
1052
1276
|
* plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
|
|
@@ -1086,15 +1310,64 @@ export namespace Components {
|
|
|
1086
1310
|
* @default null
|
|
1087
1311
|
*/
|
|
1088
1312
|
"ariaLabel": string | null;
|
|
1313
|
+
/**
|
|
1314
|
+
* Accessible name of the attach button.
|
|
1315
|
+
* @default 'Attach'
|
|
1316
|
+
*/
|
|
1317
|
+
"attachLabel": string;
|
|
1318
|
+
/**
|
|
1319
|
+
* Accessible name of the primary action button while `state="recording"`.
|
|
1320
|
+
* @default 'Confirm'
|
|
1321
|
+
*/
|
|
1322
|
+
"confirmLabel": string;
|
|
1323
|
+
/**
|
|
1324
|
+
* Removes the attach ("+") button from the DOM.
|
|
1325
|
+
* @default false
|
|
1326
|
+
*/
|
|
1327
|
+
"hideAttach": boolean;
|
|
1328
|
+
/**
|
|
1329
|
+
* Removes the mic button from the DOM.
|
|
1330
|
+
* @default false
|
|
1331
|
+
*/
|
|
1332
|
+
"hideMic": boolean;
|
|
1333
|
+
/**
|
|
1334
|
+
* 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.
|
|
1335
|
+
* @default false
|
|
1336
|
+
*/
|
|
1337
|
+
"loading": boolean;
|
|
1338
|
+
/**
|
|
1339
|
+
* Maximum number of characters the text field accepts (native `maxlength`). Unset = unlimited.
|
|
1340
|
+
*/
|
|
1341
|
+
"maxLength"?: number;
|
|
1342
|
+
/**
|
|
1343
|
+
* Accessible name of the mic button while not recording.
|
|
1344
|
+
* @default 'Start voice input'
|
|
1345
|
+
*/
|
|
1346
|
+
"micLabel": string;
|
|
1089
1347
|
/**
|
|
1090
1348
|
* Overrides the variant's default placeholder.
|
|
1091
1349
|
*/
|
|
1092
1350
|
"placeholder"?: string;
|
|
1351
|
+
/**
|
|
1352
|
+
* Accessible name of the primary action button in `idle` / `disabled` state.
|
|
1353
|
+
* @default 'Send'
|
|
1354
|
+
*/
|
|
1355
|
+
"sendLabel": string;
|
|
1093
1356
|
/**
|
|
1094
1357
|
* 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
1358
|
* @default 'idle'
|
|
1096
1359
|
*/
|
|
1097
1360
|
"state": BsComposerState;
|
|
1361
|
+
/**
|
|
1362
|
+
* Accessible name of the primary action button while `state="generating"`.
|
|
1363
|
+
* @default 'Stop'
|
|
1364
|
+
*/
|
|
1365
|
+
"stopLabel": string;
|
|
1366
|
+
/**
|
|
1367
|
+
* Accessible name of the mic button while `state="recording"`.
|
|
1368
|
+
* @default 'Stop recording'
|
|
1369
|
+
*/
|
|
1370
|
+
"stopRecordingLabel": string;
|
|
1098
1371
|
/**
|
|
1099
1372
|
* 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
1373
|
* @default ''
|
|
@@ -1180,6 +1453,16 @@ export namespace Components {
|
|
|
1180
1453
|
* @default true
|
|
1181
1454
|
*/
|
|
1182
1455
|
"allowClose": boolean;
|
|
1456
|
+
/**
|
|
1457
|
+
* Accessible name of the close button.
|
|
1458
|
+
* @default 'Dismiss'
|
|
1459
|
+
*/
|
|
1460
|
+
"closeLabel": string;
|
|
1461
|
+
/**
|
|
1462
|
+
* 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...".
|
|
1463
|
+
* @default false
|
|
1464
|
+
*/
|
|
1465
|
+
"loading": boolean;
|
|
1183
1466
|
/**
|
|
1184
1467
|
* The message text.
|
|
1185
1468
|
* @default 'This is a message'
|
|
@@ -1328,6 +1611,11 @@ export namespace Components {
|
|
|
1328
1611
|
* @default []
|
|
1329
1612
|
*/
|
|
1330
1613
|
"rows": BsDataTableRow[];
|
|
1614
|
+
/**
|
|
1615
|
+
* Accessible name of the select-all checkbox in the header (when `selectable`).
|
|
1616
|
+
* @default 'Select all rows'
|
|
1617
|
+
*/
|
|
1618
|
+
"selectAllLabel": string;
|
|
1331
1619
|
/**
|
|
1332
1620
|
* @default false
|
|
1333
1621
|
*/
|
|
@@ -1455,6 +1743,11 @@ export namespace Components {
|
|
|
1455
1743
|
* @default false
|
|
1456
1744
|
*/
|
|
1457
1745
|
"centered": boolean;
|
|
1746
|
+
/**
|
|
1747
|
+
* Accessible name of the close button.
|
|
1748
|
+
* @default 'Close'
|
|
1749
|
+
*/
|
|
1750
|
+
"closeLabel": string;
|
|
1458
1751
|
"heading"?: string;
|
|
1459
1752
|
/**
|
|
1460
1753
|
* 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 +2069,27 @@ export namespace Components {
|
|
|
1776
2069
|
* @default []
|
|
1777
2070
|
*/
|
|
1778
2071
|
"countryOptions": { code: string; label: string; flagIcon?: string }[];
|
|
2072
|
+
/**
|
|
2073
|
+
* Accessible name of the number stepper's decrement button.
|
|
2074
|
+
* @default 'Decrement'
|
|
2075
|
+
*/
|
|
2076
|
+
"decrementLabel": string;
|
|
1779
2077
|
"description"?: string;
|
|
1780
2078
|
/**
|
|
1781
2079
|
* @default false
|
|
1782
2080
|
*/
|
|
1783
2081
|
"disabled": boolean;
|
|
1784
2082
|
"error"?: string;
|
|
2083
|
+
/**
|
|
2084
|
+
* Accessible name of the password toggle while the password is visible.
|
|
2085
|
+
* @default 'Hide password'
|
|
2086
|
+
*/
|
|
2087
|
+
"hidePasswordLabel": string;
|
|
2088
|
+
/**
|
|
2089
|
+
* Accessible name of the number stepper's increment button.
|
|
2090
|
+
* @default 'Increment'
|
|
2091
|
+
*/
|
|
2092
|
+
"incrementLabel": string;
|
|
1785
2093
|
/**
|
|
1786
2094
|
* 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
2095
|
* @default ''
|
|
@@ -1826,6 +2134,11 @@ export namespace Components {
|
|
|
1826
2134
|
* @default 3
|
|
1827
2135
|
*/
|
|
1828
2136
|
"rows": number;
|
|
2137
|
+
/**
|
|
2138
|
+
* Accessible name of the password toggle while the password is hidden.
|
|
2139
|
+
* @default 'Show password'
|
|
2140
|
+
*/
|
|
2141
|
+
"showPasswordLabel": string;
|
|
1829
2142
|
/**
|
|
1830
2143
|
* Step size for `type="number"`'s increment/decrement stepper buttons.
|
|
1831
2144
|
* @default 1
|
|
@@ -1950,6 +2263,74 @@ export namespace Components {
|
|
|
1950
2263
|
*/
|
|
1951
2264
|
"disabled": boolean;
|
|
1952
2265
|
}
|
|
2266
|
+
/**
|
|
2267
|
+
* A single chat message bubble. User messages align to the end with a primary-tinted bubble;
|
|
2268
|
+
* assistant messages align to the start on a neutral bubble. The consumer renders the content
|
|
2269
|
+
* (e.g. markdown) into the default slot.
|
|
2270
|
+
* Composed from: `bs-card` (the bubble surface).
|
|
2271
|
+
* ## When to use
|
|
2272
|
+
* - One entry per turn in a chat transcript, usually inside `bs-message-list`.
|
|
2273
|
+
* ## When not to use
|
|
2274
|
+
* - For transient notices or system banners -- use `bs-toast` / `bs-composer-status-banner`.
|
|
2275
|
+
* @prop --bs-message-gap - Gap between avatar and message column. Aliased to `--bs-spacing-100`.
|
|
2276
|
+
* @prop --bs-message-max-width - Max width of the message column. Defaults to `80%`.
|
|
2277
|
+
* @prop --bs-message-padding - Bubble padding. Aliased to `--bs-spacing-150`.
|
|
2278
|
+
* @prop --bs-message-radius - Bubble corner radius. Aliased to `--bs-border-radius-150`.
|
|
2279
|
+
* @prop --bs-message-user-bg - User bubble background. Aliased to `--bs-color-primary-container`.
|
|
2280
|
+
* @prop --bs-message-user-color - User bubble text color. Aliased to `--bs-text-default`.
|
|
2281
|
+
* @prop --bs-message-assistant-bg - Assistant bubble background. Aliased to `--bs-color-neutral-container`.
|
|
2282
|
+
* @prop --bs-message-assistant-color - Assistant bubble text color. Aliased to `--bs-text-default`.
|
|
2283
|
+
* @prop --bs-message-error-bg - Error bubble background. Aliased to `--bs-color-error-container`.
|
|
2284
|
+
* @prop --bs-message-error-color - Error bubble text color. Aliased to `--bs-text-error`.
|
|
2285
|
+
* @prop --bs-message-pending-opacity - Bubble opacity while pending. Defaults to `0.6`.
|
|
2286
|
+
* @prop --bs-message-timestamp-color - Timestamp color. Aliased to `--bs-text-secondary`.
|
|
2287
|
+
* @prop --bs-message-timestamp-font-size - Timestamp font size. Aliased to `--bs-font-size-xs`.
|
|
2288
|
+
*/
|
|
2289
|
+
interface BsMessage {
|
|
2290
|
+
/**
|
|
2291
|
+
* Machine-readable value for the `<time>` element's `datetime` attribute.
|
|
2292
|
+
*/
|
|
2293
|
+
"datetime"?: string;
|
|
2294
|
+
/**
|
|
2295
|
+
* Who sent the message. Controls alignment and colour.
|
|
2296
|
+
* @default 'assistant'
|
|
2297
|
+
*/
|
|
2298
|
+
"role": BsMessageRole;
|
|
2299
|
+
/**
|
|
2300
|
+
* Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`.
|
|
2301
|
+
* @default 'default'
|
|
2302
|
+
*/
|
|
2303
|
+
"status": BsMessageStatus;
|
|
2304
|
+
/**
|
|
2305
|
+
* Human-readable timestamp text shown inside a `<time>` element. Omit to render none.
|
|
2306
|
+
*/
|
|
2307
|
+
"timestamp"?: string;
|
|
2308
|
+
}
|
|
2309
|
+
/**
|
|
2310
|
+
* Scrollable chat transcript container (`role="log"`, `aria-live="polite"`) for `bs-message`
|
|
2311
|
+
* children. It keeps itself pinned to the newest message while the user is near the bottom; when
|
|
2312
|
+
* the user has scrolled up and new content arrives, it shows a "scroll to latest" button instead
|
|
2313
|
+
* of yanking the viewport.
|
|
2314
|
+
* Composed from: `bs-icon-button` (the scroll-to-latest control).
|
|
2315
|
+
* ## When to use
|
|
2316
|
+
* - Holding the messages of a chat conversation.
|
|
2317
|
+
* ## When not to use
|
|
2318
|
+
* - For generic scrollable lists -- this is built around append-at-the-bottom transcripts.
|
|
2319
|
+
* @prop --bs-message-list-gap - Gap between messages. Aliased to `--bs-spacing-200`.
|
|
2320
|
+
* @prop --bs-message-list-padding - Padding inside the scroll area. Aliased to `--bs-spacing-200`.
|
|
2321
|
+
* @prop --bs-message-list-button-offset - Distance of the scroll-to-latest button from the bottom edge. Aliased to `--bs-spacing-200`.
|
|
2322
|
+
*/
|
|
2323
|
+
interface BsMessageList {
|
|
2324
|
+
/**
|
|
2325
|
+
* Scrolls to the newest message and re-enables auto-follow.
|
|
2326
|
+
*/
|
|
2327
|
+
"scrollToLatest": () => Promise<void>;
|
|
2328
|
+
/**
|
|
2329
|
+
* Accessible name of the scroll-to-latest button.
|
|
2330
|
+
* @default 'Scroll to latest message'
|
|
2331
|
+
*/
|
|
2332
|
+
"scrollToLatestLabel": string;
|
|
2333
|
+
}
|
|
1953
2334
|
/**
|
|
1954
2335
|
* A left-side persistent navigation sidebar: the BrandSync logo, a "Main Menu" title with a
|
|
1955
2336
|
* collapse toggle, a reserved slot for a search field, and a scrollable list of nav items.
|
|
@@ -1992,6 +2373,11 @@ export namespace Components {
|
|
|
1992
2373
|
* On wider screens `open` is ignored and nothing changes.
|
|
1993
2374
|
*/
|
|
1994
2375
|
interface BsNavigationDrawer {
|
|
2376
|
+
/**
|
|
2377
|
+
* Accessible name of the collapse toggle while the drawer is expanded.
|
|
2378
|
+
* @default 'Collapse'
|
|
2379
|
+
*/
|
|
2380
|
+
"collapseLabel": string;
|
|
1995
2381
|
/**
|
|
1996
2382
|
* 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
2383
|
* @default false
|
|
@@ -2002,6 +2388,11 @@ export namespace Components {
|
|
|
2002
2388
|
* @default true
|
|
2003
2389
|
*/
|
|
2004
2390
|
"collapsible": boolean;
|
|
2391
|
+
/**
|
|
2392
|
+
* Accessible name of the collapse toggle while the drawer is collapsed.
|
|
2393
|
+
* @default 'Expand'
|
|
2394
|
+
*/
|
|
2395
|
+
"expandLabel": string;
|
|
2005
2396
|
/**
|
|
2006
2397
|
* 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
2398
|
* @default 'Main Menu'
|
|
@@ -2017,6 +2408,11 @@ export namespace Components {
|
|
|
2017
2408
|
* @default false
|
|
2018
2409
|
*/
|
|
2019
2410
|
"open": boolean;
|
|
2411
|
+
/**
|
|
2412
|
+
* Accessible name of the search trigger.
|
|
2413
|
+
* @default 'Search'
|
|
2414
|
+
*/
|
|
2415
|
+
"searchLabel": string;
|
|
2020
2416
|
/**
|
|
2021
2417
|
* 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
2418
|
* @default true
|
|
@@ -2262,11 +2658,21 @@ export namespace Components {
|
|
|
2262
2658
|
* @default 1
|
|
2263
2659
|
*/
|
|
2264
2660
|
"currentPage": number;
|
|
2661
|
+
/**
|
|
2662
|
+
* Accessible name of the pagination landmark.
|
|
2663
|
+
* @default 'Pagination'
|
|
2664
|
+
*/
|
|
2665
|
+
"navLabel": string;
|
|
2265
2666
|
/**
|
|
2266
2667
|
* Accessible name for the next-page button.
|
|
2267
2668
|
* @default 'Next page'
|
|
2268
2669
|
*/
|
|
2269
2670
|
"nextLabel": string;
|
|
2671
|
+
/**
|
|
2672
|
+
* Prefix of each page button's accessible name ("Go to page 3").
|
|
2673
|
+
* @default 'Go to page'
|
|
2674
|
+
*/
|
|
2675
|
+
"pageLabel": string;
|
|
2270
2676
|
/**
|
|
2271
2677
|
* Accessible name for the previous-page button.
|
|
2272
2678
|
* @default 'Previous page'
|
|
@@ -2283,6 +2689,34 @@ export namespace Components {
|
|
|
2283
2689
|
*/
|
|
2284
2690
|
"totalPages": number;
|
|
2285
2691
|
}
|
|
2692
|
+
/**
|
|
2693
|
+
* A trigger plus a popup panel that opens on trigger click and closes on outside click or Escape.
|
|
2694
|
+
* The popup is positioned with CSS (absolute, relative to the host) and flips to the opposite side
|
|
2695
|
+
* when it would overflow the viewport; the effective placement is mirrored on the host as
|
|
2696
|
+
* `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.
|
|
2697
|
+
* ## When to use
|
|
2698
|
+
* - A menu, language list or small set of options revealed from a button.
|
|
2699
|
+
* ## When not to use
|
|
2700
|
+
* - A blocking decision (use `bs-dialog`) or a hover-only hint (use `bs-tooltip-trigger`).
|
|
2701
|
+
* @prop --bs-popover-bg - Popup background. Aliased to `--bs-surface-raised`.
|
|
2702
|
+
* @prop --bs-popover-radius - Popup corner radius. Aliased to `--bs-border-radius-100`.
|
|
2703
|
+
* @prop --bs-popover-shadow - Popup shadow. Aliased to `--bs-shadow-md`.
|
|
2704
|
+
* @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
|
|
2705
|
+
* @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
|
|
2706
|
+
* @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
|
|
2707
|
+
*/
|
|
2708
|
+
interface BsPopover {
|
|
2709
|
+
/**
|
|
2710
|
+
* Whether the popup is shown.
|
|
2711
|
+
* @default false
|
|
2712
|
+
*/
|
|
2713
|
+
"open": boolean;
|
|
2714
|
+
/**
|
|
2715
|
+
* Where the popup sits relative to the trigger.
|
|
2716
|
+
* @default 'bottom-start'
|
|
2717
|
+
*/
|
|
2718
|
+
"placement": BsPopoverPlacement;
|
|
2719
|
+
}
|
|
2286
2720
|
/**
|
|
2287
2721
|
* One step of a product tour: a centred **welcome** or **success** card with an art tile, or a
|
|
2288
2722
|
* **pointer** card -- a compact step with a close button, a "1 of 3" progress label and Back/Next
|
|
@@ -2730,6 +3164,98 @@ export namespace Components {
|
|
|
2730
3164
|
*/
|
|
2731
3165
|
"type": BsSessionTimeoutType;
|
|
2732
3166
|
}
|
|
3167
|
+
/**
|
|
3168
|
+
* A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
|
|
3169
|
+
* and similar secondary content. Closes via its close button or Escape and emits `bsClose`.
|
|
3170
|
+
* Composed from `bs-icon-button` (close button).
|
|
3171
|
+
* While open, Tab/Shift+Tab are trapped in the panel; with `overlay`, the rest of the page is made `inert`.
|
|
3172
|
+
* ## When to use
|
|
3173
|
+
* - Secondary content that sits beside the page without leaving it.
|
|
3174
|
+
* ## When not to use
|
|
3175
|
+
* - A blocking confirmation (use `bs-dialog`).
|
|
3176
|
+
* @prop --bs-side-panel-bg - Panel background. Aliased to `--bs-surface-raised`.
|
|
3177
|
+
* @prop --bs-side-panel-width - Panel width. Aliased to `calc(var(--bs-scale-1600) * 3)`.
|
|
3178
|
+
* @prop --bs-side-panel-padding - Header/body/footer padding. Aliased to `--bs-spacing-200`.
|
|
3179
|
+
* @prop --bs-side-panel-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
|
|
3180
|
+
* @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
|
|
3181
|
+
* @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
|
|
3182
|
+
* @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
|
|
3183
|
+
*/
|
|
3184
|
+
interface BsSidePanel {
|
|
3185
|
+
/**
|
|
3186
|
+
* Accessible label of the close button.
|
|
3187
|
+
* @default 'Close'
|
|
3188
|
+
*/
|
|
3189
|
+
"closeLabel": string;
|
|
3190
|
+
/**
|
|
3191
|
+
* Panel title; also its accessible name.
|
|
3192
|
+
* @default ''
|
|
3193
|
+
*/
|
|
3194
|
+
"heading": string;
|
|
3195
|
+
/**
|
|
3196
|
+
* Whether the panel is visible.
|
|
3197
|
+
* @default false
|
|
3198
|
+
*/
|
|
3199
|
+
"open": boolean;
|
|
3200
|
+
/**
|
|
3201
|
+
* Shows a backdrop behind the panel; clicking it closes the panel.
|
|
3202
|
+
* @default false
|
|
3203
|
+
*/
|
|
3204
|
+
"overlay": boolean;
|
|
3205
|
+
/**
|
|
3206
|
+
* Edge the panel is anchored to.
|
|
3207
|
+
* @default 'end'
|
|
3208
|
+
*/
|
|
3209
|
+
"side": BsSidePanelSide;
|
|
3210
|
+
}
|
|
3211
|
+
/**
|
|
3212
|
+
* A general-purpose loading placeholder for content whose shape isn't covered by a dedicated
|
|
3213
|
+
* skeleton (e.g. `bs-button-skeleton`). Renders a pulsing text line (or several), rectangle or circle.
|
|
3214
|
+
* Decorative by default (`aria-hidden="true"`). Set `label` to expose it to assistive tech as a
|
|
3215
|
+
* `role="status"` live region with that accessible name -- do this on one placeholder per loading
|
|
3216
|
+
* region, not on every placeholder, so screen readers don't announce it repeatedly.
|
|
3217
|
+
* ## When to use
|
|
3218
|
+
* - Standing in for text, images, avatars or other blocks while their data loads.
|
|
3219
|
+
* ## When not to use
|
|
3220
|
+
* - For a `bs-button` or `bs-checkbox` placeholder -- use `bs-button-skeleton` / `bs-checkbox-skeleton`.
|
|
3221
|
+
* - For an in-progress action on already-rendered UI -- use `bs-spinner` or `bs-progress`.
|
|
3222
|
+
* @prop --bs-skeleton-bg - Placeholder color. Aliased to `--bs-color-neutral-container`.
|
|
3223
|
+
* @prop --bs-skeleton-radius - Corner radius for `text`/`rect`. Aliased to `--bs-border-radius-100`.
|
|
3224
|
+
* @prop --bs-skeleton-width - Width when the `width` prop is not set. Defaults to `100%`.
|
|
3225
|
+
* @prop --bs-skeleton-text-height - Height of each text line when `height` is not set. Defaults to `1em`.
|
|
3226
|
+
* @prop --bs-skeleton-rect-height - Height of `rect`/`circle` when `height` is not set. Defaults to `96px`.
|
|
3227
|
+
* @prop --bs-skeleton-gap - Gap between text lines. Aliased to `--bs-spacing-100`.
|
|
3228
|
+
* @prop --bs-skeleton-duration - Pulse duration. Defaults to `1.5s`.
|
|
3229
|
+
*/
|
|
3230
|
+
interface BsSkeleton {
|
|
3231
|
+
/**
|
|
3232
|
+
* Whether the placeholder pulses. Disabled automatically under `prefers-reduced-motion`.
|
|
3233
|
+
* @default true
|
|
3234
|
+
*/
|
|
3235
|
+
"animated": boolean;
|
|
3236
|
+
/**
|
|
3237
|
+
* Any CSS length. Falls back to the variant's default height custom property.
|
|
3238
|
+
*/
|
|
3239
|
+
"height"?: string;
|
|
3240
|
+
/**
|
|
3241
|
+
* When set, the placeholder gets `role="status"` and this as its `aria-label`; otherwise it is `aria-hidden="true"`.
|
|
3242
|
+
*/
|
|
3243
|
+
"label"?: string;
|
|
3244
|
+
/**
|
|
3245
|
+
* Number of text lines (`variant="text"` only). The last line of a multi-line block is shorter. Values below 1 are treated as 1.
|
|
3246
|
+
* @default 1
|
|
3247
|
+
*/
|
|
3248
|
+
"lines": number;
|
|
3249
|
+
/**
|
|
3250
|
+
* Shape of the placeholder.
|
|
3251
|
+
* @default 'text'
|
|
3252
|
+
*/
|
|
3253
|
+
"variant": BsSkeletonVariant;
|
|
3254
|
+
/**
|
|
3255
|
+
* 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.
|
|
3256
|
+
*/
|
|
3257
|
+
"width"?: string;
|
|
3258
|
+
}
|
|
2733
3259
|
/**
|
|
2734
3260
|
* A slider for picking a single numeric value (`type="default"`), a value snapped to evenly
|
|
2735
3261
|
* spaced ticks (`type="segmented"`), or a min/max pair (`type="range"`) from within a bounded
|
|
@@ -2756,6 +3282,11 @@ export namespace Components {
|
|
|
2756
3282
|
* @default false
|
|
2757
3283
|
*/
|
|
2758
3284
|
"disabled": boolean;
|
|
3285
|
+
/**
|
|
3286
|
+
* Accessible name of the upper-bound thumb / percent field when `ariaLabel` is unset.
|
|
3287
|
+
* @default 'End value'
|
|
3288
|
+
*/
|
|
3289
|
+
"endValueLabel": string;
|
|
2759
3290
|
/**
|
|
2760
3291
|
* Label text shown above the track when `showLabel` is set.
|
|
2761
3292
|
* @default 'Label'
|
|
@@ -2785,6 +3316,11 @@ export namespace Components {
|
|
|
2785
3316
|
* @default true
|
|
2786
3317
|
*/
|
|
2787
3318
|
"showLabel": boolean;
|
|
3319
|
+
/**
|
|
3320
|
+
* Accessible name of the lower-bound thumb / percent field when `ariaLabel` is unset.
|
|
3321
|
+
* @default 'Start value'
|
|
3322
|
+
*/
|
|
3323
|
+
"startValueLabel": string;
|
|
2788
3324
|
/**
|
|
2789
3325
|
* 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
3326
|
* @default 1
|
|
@@ -2885,22 +3421,110 @@ export namespace Components {
|
|
|
2885
3421
|
*/
|
|
2886
3422
|
"fileName": string;
|
|
2887
3423
|
/**
|
|
2888
|
-
* If set, renders the row as a link that opens this URL; otherwise as a button that only emits `bsOpen`.
|
|
3424
|
+
* If set, renders the row as a link that opens this URL; otherwise as a button that only emits `bsOpen`.
|
|
3425
|
+
*/
|
|
3426
|
+
"href"?: string;
|
|
3427
|
+
/**
|
|
3428
|
+
* The system/app the document came from (e.g. "HoltePortalen").
|
|
3429
|
+
*/
|
|
3430
|
+
"sourceName"?: string;
|
|
3431
|
+
/**
|
|
3432
|
+
* `target` used when `href` is set.
|
|
3433
|
+
* @default '_blank'
|
|
3434
|
+
*/
|
|
3435
|
+
"target": string;
|
|
3436
|
+
/**
|
|
3437
|
+
* The document's version label (e.g. "v3.2"). Omit if the source has no version.
|
|
3438
|
+
*/
|
|
3439
|
+
"version"?: string;
|
|
3440
|
+
}
|
|
3441
|
+
/**
|
|
3442
|
+
* A small inline spinner sized for text. By default (`size="inherit"`) it is `1em` square so it
|
|
3443
|
+
* scales with the surrounding font size, and it draws in `currentColor` so it matches the
|
|
3444
|
+
* surrounding text. Built as plain inline SVG: `bs-progress` has fixed pixel diameters and a
|
|
3445
|
+
* block layout, so it can't sit inline with text.
|
|
3446
|
+
* ## When to use
|
|
3447
|
+
* - Inline "busy" feedback next to or inside text, e.g. "Saving..." or within a button label.
|
|
3448
|
+
* ## When not to use
|
|
3449
|
+
* - For a large or standalone loading indicator, or one with a known percentage -- use `bs-progress`.
|
|
3450
|
+
* - As a content placeholder -- use `bs-skeleton`.
|
|
3451
|
+
* @prop --bs-spinner-size-xs - Diameter at `size="xs"`. Aliased to `--bs-spacing-200`.
|
|
3452
|
+
* @prop --bs-spinner-size-sm - Diameter at `size="sm"`. Aliased to `--bs-spacing-250`.
|
|
3453
|
+
* @prop --bs-spinner-size-md - Diameter at `size="md"`. Aliased to `--bs-spacing-300`.
|
|
3454
|
+
* @prop --bs-spinner-color - Spinner color. Defaults to `currentColor`.
|
|
3455
|
+
* @prop --bs-spinner-track-opacity - Opacity of the background track ring. Defaults to `0.25`.
|
|
3456
|
+
* @prop --bs-spinner-duration - Rotation duration. Defaults to `0.8s`.
|
|
3457
|
+
*/
|
|
3458
|
+
interface BsSpinner {
|
|
3459
|
+
/**
|
|
3460
|
+
* 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).
|
|
3461
|
+
*/
|
|
3462
|
+
"label"?: string;
|
|
3463
|
+
/**
|
|
3464
|
+
* `xs`/`sm`/`md` use fixed token sizes; `inherit` (default) is `1em`, following the font size.
|
|
3465
|
+
* @default 'inherit'
|
|
3466
|
+
*/
|
|
3467
|
+
"size": BsSpinnerSize;
|
|
3468
|
+
}
|
|
3469
|
+
/**
|
|
3470
|
+
* A resizable layout of two or three panes separated by draggable, keyboard-operable dividers
|
|
3471
|
+
* (the WAI-ARIA "window splitter" pattern). Content goes into the named slots `pane-1`, `pane-2`
|
|
3472
|
+
* and (optionally) `pane-3`; the pane count follows which slots have content.
|
|
3473
|
+
* `orientation="horizontal"` places panes side by side (vertical dividers); `"vertical"` stacks
|
|
3474
|
+
* them (horizontal dividers). The first pane has a fixed size (`--bs-split-pane-first-size`) that
|
|
3475
|
+
* the user can change by dragging; the last pane absorbs the remaining space. `collapsed` shrinks
|
|
3476
|
+
* the first pane to a narrow rail (`--bs-split-pane-collapsed-size`) -- the component reflects the
|
|
3477
|
+
* attribute so slotted content can switch to its compact rendering (e.g. icon-only list items).
|
|
3478
|
+
* ## When to use
|
|
3479
|
+
* - Master/detail layouts: a navigation or list pane next to one or two detail panes.
|
|
3480
|
+
* ## When not to use
|
|
3481
|
+
* - A temporary overlay panel (use `bs-side-panel`).
|
|
3482
|
+
* - A fixed, non-resizable two-column layout (plain CSS grid; or set `resizable="false"` to keep
|
|
3483
|
+
* the dividers purely visual).
|
|
3484
|
+
* @prop --bs-split-pane-radius - Corner radius of the container. Aliased to `--bs-border-radius-100`.
|
|
3485
|
+
* @prop --bs-split-pane-bg - Pane background. Aliased to `--bs-surface-base`.
|
|
3486
|
+
* @prop --bs-split-pane-color - Text colour inherited by slotted content. Aliased to `--bs-text-default`.
|
|
3487
|
+
* @prop --bs-split-pane-first-size - Initial size of the first pane along the layout axis. Defaults to `333px` (Figma).
|
|
3488
|
+
* @prop --bs-split-pane-collapsed-size - Size of the first pane while `collapsed`. Defaults to `106px` (Figma).
|
|
3489
|
+
* @prop --bs-split-pane-min-size - Smallest size a resized pane may take. Defaults to `96px`.
|
|
3490
|
+
* @prop --bs-split-pane-divider-size - Thickness of a divider. Aliased to `--bs-spacing-75`.
|
|
3491
|
+
* @prop --bs-split-pane-divider-bg - Divider track colour. Aliased to `--bs-surface-container`.
|
|
3492
|
+
* @prop --bs-split-pane-divider-thumb - Divider thumb colour. Aliased to `--bs-border-neutral-container`.
|
|
3493
|
+
* @prop --bs-split-pane-divider-thumb-active - Divider thumb colour on hover, focus and drag. Aliased to `--bs-border-neutral-hover`.
|
|
3494
|
+
* @prop --bs-split-pane-divider-thumb-length - Length of the divider thumb. Defaults to `250px` (Figma).
|
|
3495
|
+
* @prop --bs-split-pane-border - Border between the first pane and the rest when dividers are not resizable. Aliased to `--bs-border-neutral-container`.
|
|
3496
|
+
* @prop --bs-split-pane-focus-ring - Divider focus ring colour. Aliased to `--bs-border-neutral-focus`.
|
|
3497
|
+
*/
|
|
3498
|
+
interface BsSplitPane {
|
|
3499
|
+
/**
|
|
3500
|
+
* Collapses the first pane to a narrow rail. Mutable: the Enter key on the first divider toggles it.
|
|
3501
|
+
* @default false
|
|
3502
|
+
*/
|
|
3503
|
+
"collapsed": boolean;
|
|
3504
|
+
/**
|
|
3505
|
+
* Accessible name of each divider.
|
|
3506
|
+
* @default 'Resize panes'
|
|
3507
|
+
*/
|
|
3508
|
+
"dividerLabel": string;
|
|
3509
|
+
/**
|
|
3510
|
+
* `horizontal` = panes side by side, `vertical` = panes stacked.
|
|
3511
|
+
* @default 'horizontal'
|
|
2889
3512
|
*/
|
|
2890
|
-
"
|
|
3513
|
+
"orientation": BsSplitPaneOrientation;
|
|
2891
3514
|
/**
|
|
2892
|
-
*
|
|
3515
|
+
* Whether the dividers can be dragged / operated by keyboard. `false` keeps them as visual separators.
|
|
3516
|
+
* @default true
|
|
2893
3517
|
*/
|
|
2894
|
-
"
|
|
3518
|
+
"resizable": boolean;
|
|
2895
3519
|
/**
|
|
2896
|
-
*
|
|
2897
|
-
* @default
|
|
3520
|
+
* Pixels moved per arrow-key press (Shift multiplies by 4).
|
|
3521
|
+
* @default 16
|
|
2898
3522
|
*/
|
|
2899
|
-
"
|
|
3523
|
+
"step": number;
|
|
2900
3524
|
/**
|
|
2901
|
-
*
|
|
3525
|
+
* Toggles `collapsed` and emits `bsCollapsedChange`.
|
|
2902
3526
|
*/
|
|
2903
|
-
"
|
|
3527
|
+
"toggleCollapsed": () => Promise<void>;
|
|
2904
3528
|
}
|
|
2905
3529
|
/**
|
|
2906
3530
|
* A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
|
|
@@ -3145,6 +3769,11 @@ export namespace Components {
|
|
|
3145
3769
|
* @default 'Confirm'
|
|
3146
3770
|
*/
|
|
3147
3771
|
"confirmLabel": string;
|
|
3772
|
+
/**
|
|
3773
|
+
* Verb prefix of each column's decrement button name ("Decrease hour").
|
|
3774
|
+
* @default 'Decrease'
|
|
3775
|
+
*/
|
|
3776
|
+
"decreaseLabel": string;
|
|
3148
3777
|
/**
|
|
3149
3778
|
* 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
3779
|
* @default '12h'
|
|
@@ -3161,10 +3790,14 @@ export namespace Components {
|
|
|
3161
3790
|
*/
|
|
3162
3791
|
"heading": string;
|
|
3163
3792
|
/**
|
|
3164
|
-
* Accessible name of the hour spinner.
|
|
3165
3793
|
* @default 'Hour'
|
|
3166
3794
|
*/
|
|
3167
3795
|
"hourLabel": string;
|
|
3796
|
+
/**
|
|
3797
|
+
* Verb prefix of each column's increment button name ("Increase hour").
|
|
3798
|
+
* @default 'Increase'
|
|
3799
|
+
*/
|
|
3800
|
+
"increaseLabel": string;
|
|
3168
3801
|
/**
|
|
3169
3802
|
* Accessible name of the minute spinner.
|
|
3170
3803
|
* @default 'Minute'
|
|
@@ -3199,6 +3832,11 @@ export namespace Components {
|
|
|
3199
3832
|
* auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
|
|
3200
3833
|
*/
|
|
3201
3834
|
interface BsToast {
|
|
3835
|
+
/**
|
|
3836
|
+
* Accessible name of the dismiss button.
|
|
3837
|
+
* @default 'Dismiss'
|
|
3838
|
+
*/
|
|
3839
|
+
"dismissLabel": string;
|
|
3202
3840
|
/**
|
|
3203
3841
|
* Semantic state. Each state has its own icon and matching container/text tokens -- there is no neutral/default state.
|
|
3204
3842
|
* @default 'info'
|
|
@@ -3239,6 +3877,34 @@ export namespace Components {
|
|
|
3239
3877
|
*/
|
|
3240
3878
|
"placement": 'top';
|
|
3241
3879
|
}
|
|
3880
|
+
/**
|
|
3881
|
+
* Wraps a trigger element and shows a `bs-tooltip` on hover or keyboard focus, after an optional
|
|
3882
|
+
* delay. Escape dismisses it. The tooltip is linked to the trigger with `aria-describedby`.
|
|
3883
|
+
* Composed from `bs-tooltip`.
|
|
3884
|
+
* ## When to use
|
|
3885
|
+
* - A short hint for an icon button or truncated label.
|
|
3886
|
+
* ## When not to use
|
|
3887
|
+
* - Interactive content or long text (use `bs-popover`).
|
|
3888
|
+
* @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
|
|
3889
|
+
* @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
|
|
3890
|
+
*/
|
|
3891
|
+
interface BsTooltipTrigger {
|
|
3892
|
+
/**
|
|
3893
|
+
* Milliseconds to wait before showing the tooltip.
|
|
3894
|
+
* @default 0
|
|
3895
|
+
*/
|
|
3896
|
+
"delay": number;
|
|
3897
|
+
/**
|
|
3898
|
+
* Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'.
|
|
3899
|
+
* @default 'bottom'
|
|
3900
|
+
*/
|
|
3901
|
+
"placement": BsTooltipTriggerPlacement;
|
|
3902
|
+
/**
|
|
3903
|
+
* Tooltip message.
|
|
3904
|
+
* @default ''
|
|
3905
|
+
*/
|
|
3906
|
+
"text": string;
|
|
3907
|
+
}
|
|
3242
3908
|
/**
|
|
3243
3909
|
* A product's "What's new" surface, in three forms matching the Figma component:
|
|
3244
3910
|
* - `feed` -- a docked panel: heading, "Mark all as read", filter tabs, the list of updates (each a
|
|
@@ -3484,6 +4150,10 @@ export interface BsChipInputCustomEvent<T> extends CustomEvent<T> {
|
|
|
3484
4150
|
detail: T;
|
|
3485
4151
|
target: HTMLBsChipInputElement;
|
|
3486
4152
|
}
|
|
4153
|
+
export interface BsCitationPreviewCustomEvent<T> extends CustomEvent<T> {
|
|
4154
|
+
detail: T;
|
|
4155
|
+
target: HTMLBsCitationPreviewElement;
|
|
4156
|
+
}
|
|
3487
4157
|
export interface BsComposerCustomEvent<T> extends CustomEvent<T> {
|
|
3488
4158
|
detail: T;
|
|
3489
4159
|
target: HTMLBsComposerElement;
|
|
@@ -3532,6 +4202,10 @@ export interface BsMenuItemCustomEvent<T> extends CustomEvent<T> {
|
|
|
3532
4202
|
detail: T;
|
|
3533
4203
|
target: HTMLBsMenuItemElement;
|
|
3534
4204
|
}
|
|
4205
|
+
export interface BsMessageListCustomEvent<T> extends CustomEvent<T> {
|
|
4206
|
+
detail: T;
|
|
4207
|
+
target: HTMLBsMessageListElement;
|
|
4208
|
+
}
|
|
3535
4209
|
export interface BsNavigationDrawerCustomEvent<T> extends CustomEvent<T> {
|
|
3536
4210
|
detail: T;
|
|
3537
4211
|
target: HTMLBsNavigationDrawerElement;
|
|
@@ -3548,6 +4222,10 @@ export interface BsPaginationCustomEvent<T> extends CustomEvent<T> {
|
|
|
3548
4222
|
detail: T;
|
|
3549
4223
|
target: HTMLBsPaginationElement;
|
|
3550
4224
|
}
|
|
4225
|
+
export interface BsPopoverCustomEvent<T> extends CustomEvent<T> {
|
|
4226
|
+
detail: T;
|
|
4227
|
+
target: HTMLBsPopoverElement;
|
|
4228
|
+
}
|
|
3551
4229
|
export interface BsProductTourCustomEvent<T> extends CustomEvent<T> {
|
|
3552
4230
|
detail: T;
|
|
3553
4231
|
target: HTMLBsProductTourElement;
|
|
@@ -3564,6 +4242,10 @@ export interface BsSessionTimeoutCustomEvent<T> extends CustomEvent<T> {
|
|
|
3564
4242
|
detail: T;
|
|
3565
4243
|
target: HTMLBsSessionTimeoutElement;
|
|
3566
4244
|
}
|
|
4245
|
+
export interface BsSidePanelCustomEvent<T> extends CustomEvent<T> {
|
|
4246
|
+
detail: T;
|
|
4247
|
+
target: HTMLBsSidePanelElement;
|
|
4248
|
+
}
|
|
3567
4249
|
export interface BsSliderCustomEvent<T> extends CustomEvent<T> {
|
|
3568
4250
|
detail: T;
|
|
3569
4251
|
target: HTMLBsSliderElement;
|
|
@@ -3576,6 +4258,10 @@ export interface BsSourceLinkCustomEvent<T> extends CustomEvent<T> {
|
|
|
3576
4258
|
detail: T;
|
|
3577
4259
|
target: HTMLBsSourceLinkElement;
|
|
3578
4260
|
}
|
|
4261
|
+
export interface BsSplitPaneCustomEvent<T> extends CustomEvent<T> {
|
|
4262
|
+
detail: T;
|
|
4263
|
+
target: HTMLBsSplitPaneElement;
|
|
4264
|
+
}
|
|
3579
4265
|
export interface BsSwitchCustomEvent<T> extends CustomEvent<T> {
|
|
3580
4266
|
detail: T;
|
|
3581
4267
|
target: HTMLBsSwitchElement;
|
|
@@ -3630,6 +4316,24 @@ declare global {
|
|
|
3630
4316
|
prototype: HTMLBsAccordionElement;
|
|
3631
4317
|
new (): HTMLBsAccordionElement;
|
|
3632
4318
|
};
|
|
4319
|
+
/**
|
|
4320
|
+
* Coordinates child `bs-accordion` elements. By default only one stays expanded: when a child
|
|
4321
|
+
* requests expansion (its `bsToggle` event), the others are collapsed. With `multiple`, children
|
|
4322
|
+
* are left independent.
|
|
4323
|
+
* Because `bs-accordion` is a controlled component, the group applies the requested value to the
|
|
4324
|
+
* child's `expanded` property itself.
|
|
4325
|
+
* ## When to use
|
|
4326
|
+
* - A stack of FAQ-style sections where one open at a time keeps the page short.
|
|
4327
|
+
* ## When not to use
|
|
4328
|
+
* - A single section (use `bs-accordion` directly).
|
|
4329
|
+
* @prop --bs-accordion-group-gap - Gap between accordions. Defaults to `0`.
|
|
4330
|
+
*/
|
|
4331
|
+
interface HTMLBsAccordionGroupElement extends Components.BsAccordionGroup, HTMLStencilElement {
|
|
4332
|
+
}
|
|
4333
|
+
var HTMLBsAccordionGroupElement: {
|
|
4334
|
+
prototype: HTMLBsAccordionGroupElement;
|
|
4335
|
+
new (): HTMLBsAccordionGroupElement;
|
|
4336
|
+
};
|
|
3633
4337
|
/**
|
|
3634
4338
|
* A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
|
|
3635
4339
|
* important information."
|
|
@@ -4246,11 +4950,8 @@ declare global {
|
|
|
4246
4950
|
* Aliased to `--bs-color-primary-container`.
|
|
4247
4951
|
* @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
|
|
4248
4952
|
* `--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).
|
|
4953
|
+
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased to
|
|
4954
|
+
* `--bs-color-primary-container-pressed`.
|
|
4254
4955
|
* @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
|
|
4255
4956
|
* `--bs-color-primary-container-hover` (same as hover).
|
|
4256
4957
|
* @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
|
|
@@ -4407,6 +5108,39 @@ declare global {
|
|
|
4407
5108
|
prototype: HTMLBsChipInputElement;
|
|
4408
5109
|
new (): HTMLBsChipInputElement;
|
|
4409
5110
|
};
|
|
5111
|
+
interface HTMLBsCitationPreviewElementEventMap {
|
|
5112
|
+
"bsOpen": void;
|
|
5113
|
+
}
|
|
5114
|
+
/**
|
|
5115
|
+
* Presentational card previewing a cited source: file name, originating system, page number and a
|
|
5116
|
+
* snippet of the cited text. It does no fetching -- the consumer supplies content through slots.
|
|
5117
|
+
* When `href` is set, the header becomes a link action.
|
|
5118
|
+
* Composed from: `bs-card` (the surface) and `bs-source-link` (the file name / source header and
|
|
5119
|
+
* open action).
|
|
5120
|
+
* ## When to use
|
|
5121
|
+
* - Showing the passage a chat answer was grounded in, e.g. on citation hover/click.
|
|
5122
|
+
* ## When not to use
|
|
5123
|
+
* - As a list row of sources -- use `bs-source-link` directly in `bs-chatbot-sources-drawer`.
|
|
5124
|
+
* @prop --bs-citation-preview-gap - Gap between header, snippet and footer. Aliased to `--bs-spacing-100`.
|
|
5125
|
+
* @prop --bs-citation-preview-snippet-color - Snippet text color. Aliased to `--bs-text-default`.
|
|
5126
|
+
* @prop --bs-citation-preview-snippet-bg - Snippet background. Aliased to `--bs-surface-base`.
|
|
5127
|
+
* @prop --bs-citation-preview-snippet-radius - Snippet corner radius. Aliased to `--bs-border-radius-100`.
|
|
5128
|
+
* @prop --bs-citation-preview-page-color - Page label color. Aliased to `--bs-text-secondary`.
|
|
5129
|
+
*/
|
|
5130
|
+
interface HTMLBsCitationPreviewElement extends Components.BsCitationPreview, HTMLStencilElement {
|
|
5131
|
+
addEventListener<K extends keyof HTMLBsCitationPreviewElementEventMap>(type: K, listener: (this: HTMLBsCitationPreviewElement, ev: BsCitationPreviewCustomEvent<HTMLBsCitationPreviewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5132
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5133
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5134
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
5135
|
+
removeEventListener<K extends keyof HTMLBsCitationPreviewElementEventMap>(type: K, listener: (this: HTMLBsCitationPreviewElement, ev: BsCitationPreviewCustomEvent<HTMLBsCitationPreviewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
5136
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
5137
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
5138
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
5139
|
+
}
|
|
5140
|
+
var HTMLBsCitationPreviewElement: {
|
|
5141
|
+
prototype: HTMLBsCitationPreviewElement;
|
|
5142
|
+
new (): HTMLBsCitationPreviewElement;
|
|
5143
|
+
};
|
|
4410
5144
|
interface HTMLBsComposerElementEventMap {
|
|
4411
5145
|
"bsInput": string;
|
|
4412
5146
|
"bsSubmit": void;
|
|
@@ -4992,6 +5726,66 @@ declare global {
|
|
|
4992
5726
|
prototype: HTMLBsMenuItemElement;
|
|
4993
5727
|
new (): HTMLBsMenuItemElement;
|
|
4994
5728
|
};
|
|
5729
|
+
/**
|
|
5730
|
+
* A single chat message bubble. User messages align to the end with a primary-tinted bubble;
|
|
5731
|
+
* assistant messages align to the start on a neutral bubble. The consumer renders the content
|
|
5732
|
+
* (e.g. markdown) into the default slot.
|
|
5733
|
+
* Composed from: `bs-card` (the bubble surface).
|
|
5734
|
+
* ## When to use
|
|
5735
|
+
* - One entry per turn in a chat transcript, usually inside `bs-message-list`.
|
|
5736
|
+
* ## When not to use
|
|
5737
|
+
* - For transient notices or system banners -- use `bs-toast` / `bs-composer-status-banner`.
|
|
5738
|
+
* @prop --bs-message-gap - Gap between avatar and message column. Aliased to `--bs-spacing-100`.
|
|
5739
|
+
* @prop --bs-message-max-width - Max width of the message column. Defaults to `80%`.
|
|
5740
|
+
* @prop --bs-message-padding - Bubble padding. Aliased to `--bs-spacing-150`.
|
|
5741
|
+
* @prop --bs-message-radius - Bubble corner radius. Aliased to `--bs-border-radius-150`.
|
|
5742
|
+
* @prop --bs-message-user-bg - User bubble background. Aliased to `--bs-color-primary-container`.
|
|
5743
|
+
* @prop --bs-message-user-color - User bubble text color. Aliased to `--bs-text-default`.
|
|
5744
|
+
* @prop --bs-message-assistant-bg - Assistant bubble background. Aliased to `--bs-color-neutral-container`.
|
|
5745
|
+
* @prop --bs-message-assistant-color - Assistant bubble text color. Aliased to `--bs-text-default`.
|
|
5746
|
+
* @prop --bs-message-error-bg - Error bubble background. Aliased to `--bs-color-error-container`.
|
|
5747
|
+
* @prop --bs-message-error-color - Error bubble text color. Aliased to `--bs-text-error`.
|
|
5748
|
+
* @prop --bs-message-pending-opacity - Bubble opacity while pending. Defaults to `0.6`.
|
|
5749
|
+
* @prop --bs-message-timestamp-color - Timestamp color. Aliased to `--bs-text-secondary`.
|
|
5750
|
+
* @prop --bs-message-timestamp-font-size - Timestamp font size. Aliased to `--bs-font-size-xs`.
|
|
5751
|
+
*/
|
|
5752
|
+
interface HTMLBsMessageElement extends Components.BsMessage, HTMLStencilElement {
|
|
5753
|
+
}
|
|
5754
|
+
var HTMLBsMessageElement: {
|
|
5755
|
+
prototype: HTMLBsMessageElement;
|
|
5756
|
+
new (): HTMLBsMessageElement;
|
|
5757
|
+
};
|
|
5758
|
+
interface HTMLBsMessageListElementEventMap {
|
|
5759
|
+
"bsScrollToLatest": void;
|
|
5760
|
+
}
|
|
5761
|
+
/**
|
|
5762
|
+
* Scrollable chat transcript container (`role="log"`, `aria-live="polite"`) for `bs-message`
|
|
5763
|
+
* children. It keeps itself pinned to the newest message while the user is near the bottom; when
|
|
5764
|
+
* the user has scrolled up and new content arrives, it shows a "scroll to latest" button instead
|
|
5765
|
+
* of yanking the viewport.
|
|
5766
|
+
* Composed from: `bs-icon-button` (the scroll-to-latest control).
|
|
5767
|
+
* ## When to use
|
|
5768
|
+
* - Holding the messages of a chat conversation.
|
|
5769
|
+
* ## When not to use
|
|
5770
|
+
* - For generic scrollable lists -- this is built around append-at-the-bottom transcripts.
|
|
5771
|
+
* @prop --bs-message-list-gap - Gap between messages. Aliased to `--bs-spacing-200`.
|
|
5772
|
+
* @prop --bs-message-list-padding - Padding inside the scroll area. Aliased to `--bs-spacing-200`.
|
|
5773
|
+
* @prop --bs-message-list-button-offset - Distance of the scroll-to-latest button from the bottom edge. Aliased to `--bs-spacing-200`.
|
|
5774
|
+
*/
|
|
5775
|
+
interface HTMLBsMessageListElement extends Components.BsMessageList, HTMLStencilElement {
|
|
5776
|
+
addEventListener<K extends keyof HTMLBsMessageListElementEventMap>(type: K, listener: (this: HTMLBsMessageListElement, ev: BsMessageListCustomEvent<HTMLBsMessageListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5777
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5778
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
5779
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
5780
|
+
removeEventListener<K extends keyof HTMLBsMessageListElementEventMap>(type: K, listener: (this: HTMLBsMessageListElement, ev: BsMessageListCustomEvent<HTMLBsMessageListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
5781
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
5782
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
5783
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
5784
|
+
}
|
|
5785
|
+
var HTMLBsMessageListElement: {
|
|
5786
|
+
prototype: HTMLBsMessageListElement;
|
|
5787
|
+
new (): HTMLBsMessageListElement;
|
|
5788
|
+
};
|
|
4995
5789
|
interface HTMLBsNavigationDrawerElementEventMap {
|
|
4996
5790
|
"bsCollapse": boolean;
|
|
4997
5791
|
"bsSearchClick": void;
|
|
@@ -5200,6 +5994,39 @@ declare global {
|
|
|
5200
5994
|
prototype: HTMLBsPaginationElement;
|
|
5201
5995
|
new (): HTMLBsPaginationElement;
|
|
5202
5996
|
};
|
|
5997
|
+
interface HTMLBsPopoverElementEventMap {
|
|
5998
|
+
"bsOpenChange": boolean;
|
|
5999
|
+
}
|
|
6000
|
+
/**
|
|
6001
|
+
* A trigger plus a popup panel that opens on trigger click and closes on outside click or Escape.
|
|
6002
|
+
* The popup is positioned with CSS (absolute, relative to the host) and flips to the opposite side
|
|
6003
|
+
* when it would overflow the viewport; the effective placement is mirrored on the host as
|
|
6004
|
+
* `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.
|
|
6005
|
+
* ## When to use
|
|
6006
|
+
* - A menu, language list or small set of options revealed from a button.
|
|
6007
|
+
* ## When not to use
|
|
6008
|
+
* - A blocking decision (use `bs-dialog`) or a hover-only hint (use `bs-tooltip-trigger`).
|
|
6009
|
+
* @prop --bs-popover-bg - Popup background. Aliased to `--bs-surface-raised`.
|
|
6010
|
+
* @prop --bs-popover-radius - Popup corner radius. Aliased to `--bs-border-radius-100`.
|
|
6011
|
+
* @prop --bs-popover-shadow - Popup shadow. Aliased to `--bs-shadow-md`.
|
|
6012
|
+
* @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
|
|
6013
|
+
* @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
|
|
6014
|
+
* @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
|
|
6015
|
+
*/
|
|
6016
|
+
interface HTMLBsPopoverElement extends Components.BsPopover, HTMLStencilElement {
|
|
6017
|
+
addEventListener<K extends keyof HTMLBsPopoverElementEventMap>(type: K, listener: (this: HTMLBsPopoverElement, ev: BsPopoverCustomEvent<HTMLBsPopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6018
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6019
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6020
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
6021
|
+
removeEventListener<K extends keyof HTMLBsPopoverElementEventMap>(type: K, listener: (this: HTMLBsPopoverElement, ev: BsPopoverCustomEvent<HTMLBsPopoverElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
6022
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
6023
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
6024
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
6025
|
+
}
|
|
6026
|
+
var HTMLBsPopoverElement: {
|
|
6027
|
+
prototype: HTMLBsPopoverElement;
|
|
6028
|
+
new (): HTMLBsPopoverElement;
|
|
6029
|
+
};
|
|
5203
6030
|
interface HTMLBsProductTourElementEventMap {
|
|
5204
6031
|
"bsPrimary": void;
|
|
5205
6032
|
"bsSecondary": void;
|
|
@@ -5391,6 +6218,65 @@ declare global {
|
|
|
5391
6218
|
prototype: HTMLBsSessionTimeoutElement;
|
|
5392
6219
|
new (): HTMLBsSessionTimeoutElement;
|
|
5393
6220
|
};
|
|
6221
|
+
interface HTMLBsSidePanelElementEventMap {
|
|
6222
|
+
"bsClose": void;
|
|
6223
|
+
}
|
|
6224
|
+
/**
|
|
6225
|
+
* A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
|
|
6226
|
+
* and similar secondary content. Closes via its close button or Escape and emits `bsClose`.
|
|
6227
|
+
* Composed from `bs-icon-button` (close button).
|
|
6228
|
+
* While open, Tab/Shift+Tab are trapped in the panel; with `overlay`, the rest of the page is made `inert`.
|
|
6229
|
+
* ## When to use
|
|
6230
|
+
* - Secondary content that sits beside the page without leaving it.
|
|
6231
|
+
* ## When not to use
|
|
6232
|
+
* - A blocking confirmation (use `bs-dialog`).
|
|
6233
|
+
* @prop --bs-side-panel-bg - Panel background. Aliased to `--bs-surface-raised`.
|
|
6234
|
+
* @prop --bs-side-panel-width - Panel width. Aliased to `calc(var(--bs-scale-1600) * 3)`.
|
|
6235
|
+
* @prop --bs-side-panel-padding - Header/body/footer padding. Aliased to `--bs-spacing-200`.
|
|
6236
|
+
* @prop --bs-side-panel-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
|
|
6237
|
+
* @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
|
|
6238
|
+
* @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
|
|
6239
|
+
* @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
|
|
6240
|
+
*/
|
|
6241
|
+
interface HTMLBsSidePanelElement extends Components.BsSidePanel, HTMLStencilElement {
|
|
6242
|
+
addEventListener<K extends keyof HTMLBsSidePanelElementEventMap>(type: K, listener: (this: HTMLBsSidePanelElement, ev: BsSidePanelCustomEvent<HTMLBsSidePanelElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6243
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6244
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6245
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
6246
|
+
removeEventListener<K extends keyof HTMLBsSidePanelElementEventMap>(type: K, listener: (this: HTMLBsSidePanelElement, ev: BsSidePanelCustomEvent<HTMLBsSidePanelElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
6247
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
6248
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
6249
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
6250
|
+
}
|
|
6251
|
+
var HTMLBsSidePanelElement: {
|
|
6252
|
+
prototype: HTMLBsSidePanelElement;
|
|
6253
|
+
new (): HTMLBsSidePanelElement;
|
|
6254
|
+
};
|
|
6255
|
+
/**
|
|
6256
|
+
* A general-purpose loading placeholder for content whose shape isn't covered by a dedicated
|
|
6257
|
+
* skeleton (e.g. `bs-button-skeleton`). Renders a pulsing text line (or several), rectangle or circle.
|
|
6258
|
+
* Decorative by default (`aria-hidden="true"`). Set `label` to expose it to assistive tech as a
|
|
6259
|
+
* `role="status"` live region with that accessible name -- do this on one placeholder per loading
|
|
6260
|
+
* region, not on every placeholder, so screen readers don't announce it repeatedly.
|
|
6261
|
+
* ## When to use
|
|
6262
|
+
* - Standing in for text, images, avatars or other blocks while their data loads.
|
|
6263
|
+
* ## When not to use
|
|
6264
|
+
* - For a `bs-button` or `bs-checkbox` placeholder -- use `bs-button-skeleton` / `bs-checkbox-skeleton`.
|
|
6265
|
+
* - For an in-progress action on already-rendered UI -- use `bs-spinner` or `bs-progress`.
|
|
6266
|
+
* @prop --bs-skeleton-bg - Placeholder color. Aliased to `--bs-color-neutral-container`.
|
|
6267
|
+
* @prop --bs-skeleton-radius - Corner radius for `text`/`rect`. Aliased to `--bs-border-radius-100`.
|
|
6268
|
+
* @prop --bs-skeleton-width - Width when the `width` prop is not set. Defaults to `100%`.
|
|
6269
|
+
* @prop --bs-skeleton-text-height - Height of each text line when `height` is not set. Defaults to `1em`.
|
|
6270
|
+
* @prop --bs-skeleton-rect-height - Height of `rect`/`circle` when `height` is not set. Defaults to `96px`.
|
|
6271
|
+
* @prop --bs-skeleton-gap - Gap between text lines. Aliased to `--bs-spacing-100`.
|
|
6272
|
+
* @prop --bs-skeleton-duration - Pulse duration. Defaults to `1.5s`.
|
|
6273
|
+
*/
|
|
6274
|
+
interface HTMLBsSkeletonElement extends Components.BsSkeleton, HTMLStencilElement {
|
|
6275
|
+
}
|
|
6276
|
+
var HTMLBsSkeletonElement: {
|
|
6277
|
+
prototype: HTMLBsSkeletonElement;
|
|
6278
|
+
new (): HTMLBsSkeletonElement;
|
|
6279
|
+
};
|
|
5394
6280
|
interface HTMLBsSliderElementEventMap {
|
|
5395
6281
|
"bsChange": number;
|
|
5396
6282
|
"bsRangeChange": { start: number; end: number };
|
|
@@ -5503,6 +6389,76 @@ declare global {
|
|
|
5503
6389
|
prototype: HTMLBsSourceLinkElement;
|
|
5504
6390
|
new (): HTMLBsSourceLinkElement;
|
|
5505
6391
|
};
|
|
6392
|
+
/**
|
|
6393
|
+
* A small inline spinner sized for text. By default (`size="inherit"`) it is `1em` square so it
|
|
6394
|
+
* scales with the surrounding font size, and it draws in `currentColor` so it matches the
|
|
6395
|
+
* surrounding text. Built as plain inline SVG: `bs-progress` has fixed pixel diameters and a
|
|
6396
|
+
* block layout, so it can't sit inline with text.
|
|
6397
|
+
* ## When to use
|
|
6398
|
+
* - Inline "busy" feedback next to or inside text, e.g. "Saving..." or within a button label.
|
|
6399
|
+
* ## When not to use
|
|
6400
|
+
* - For a large or standalone loading indicator, or one with a known percentage -- use `bs-progress`.
|
|
6401
|
+
* - As a content placeholder -- use `bs-skeleton`.
|
|
6402
|
+
* @prop --bs-spinner-size-xs - Diameter at `size="xs"`. Aliased to `--bs-spacing-200`.
|
|
6403
|
+
* @prop --bs-spinner-size-sm - Diameter at `size="sm"`. Aliased to `--bs-spacing-250`.
|
|
6404
|
+
* @prop --bs-spinner-size-md - Diameter at `size="md"`. Aliased to `--bs-spacing-300`.
|
|
6405
|
+
* @prop --bs-spinner-color - Spinner color. Defaults to `currentColor`.
|
|
6406
|
+
* @prop --bs-spinner-track-opacity - Opacity of the background track ring. Defaults to `0.25`.
|
|
6407
|
+
* @prop --bs-spinner-duration - Rotation duration. Defaults to `0.8s`.
|
|
6408
|
+
*/
|
|
6409
|
+
interface HTMLBsSpinnerElement extends Components.BsSpinner, HTMLStencilElement {
|
|
6410
|
+
}
|
|
6411
|
+
var HTMLBsSpinnerElement: {
|
|
6412
|
+
prototype: HTMLBsSpinnerElement;
|
|
6413
|
+
new (): HTMLBsSpinnerElement;
|
|
6414
|
+
};
|
|
6415
|
+
interface HTMLBsSplitPaneElementEventMap {
|
|
6416
|
+
"bsResize": number[];
|
|
6417
|
+
"bsCollapsedChange": boolean;
|
|
6418
|
+
}
|
|
6419
|
+
/**
|
|
6420
|
+
* A resizable layout of two or three panes separated by draggable, keyboard-operable dividers
|
|
6421
|
+
* (the WAI-ARIA "window splitter" pattern). Content goes into the named slots `pane-1`, `pane-2`
|
|
6422
|
+
* and (optionally) `pane-3`; the pane count follows which slots have content.
|
|
6423
|
+
* `orientation="horizontal"` places panes side by side (vertical dividers); `"vertical"` stacks
|
|
6424
|
+
* them (horizontal dividers). The first pane has a fixed size (`--bs-split-pane-first-size`) that
|
|
6425
|
+
* the user can change by dragging; the last pane absorbs the remaining space. `collapsed` shrinks
|
|
6426
|
+
* the first pane to a narrow rail (`--bs-split-pane-collapsed-size`) -- the component reflects the
|
|
6427
|
+
* attribute so slotted content can switch to its compact rendering (e.g. icon-only list items).
|
|
6428
|
+
* ## When to use
|
|
6429
|
+
* - Master/detail layouts: a navigation or list pane next to one or two detail panes.
|
|
6430
|
+
* ## When not to use
|
|
6431
|
+
* - A temporary overlay panel (use `bs-side-panel`).
|
|
6432
|
+
* - A fixed, non-resizable two-column layout (plain CSS grid; or set `resizable="false"` to keep
|
|
6433
|
+
* the dividers purely visual).
|
|
6434
|
+
* @prop --bs-split-pane-radius - Corner radius of the container. Aliased to `--bs-border-radius-100`.
|
|
6435
|
+
* @prop --bs-split-pane-bg - Pane background. Aliased to `--bs-surface-base`.
|
|
6436
|
+
* @prop --bs-split-pane-color - Text colour inherited by slotted content. Aliased to `--bs-text-default`.
|
|
6437
|
+
* @prop --bs-split-pane-first-size - Initial size of the first pane along the layout axis. Defaults to `333px` (Figma).
|
|
6438
|
+
* @prop --bs-split-pane-collapsed-size - Size of the first pane while `collapsed`. Defaults to `106px` (Figma).
|
|
6439
|
+
* @prop --bs-split-pane-min-size - Smallest size a resized pane may take. Defaults to `96px`.
|
|
6440
|
+
* @prop --bs-split-pane-divider-size - Thickness of a divider. Aliased to `--bs-spacing-75`.
|
|
6441
|
+
* @prop --bs-split-pane-divider-bg - Divider track colour. Aliased to `--bs-surface-container`.
|
|
6442
|
+
* @prop --bs-split-pane-divider-thumb - Divider thumb colour. Aliased to `--bs-border-neutral-container`.
|
|
6443
|
+
* @prop --bs-split-pane-divider-thumb-active - Divider thumb colour on hover, focus and drag. Aliased to `--bs-border-neutral-hover`.
|
|
6444
|
+
* @prop --bs-split-pane-divider-thumb-length - Length of the divider thumb. Defaults to `250px` (Figma).
|
|
6445
|
+
* @prop --bs-split-pane-border - Border between the first pane and the rest when dividers are not resizable. Aliased to `--bs-border-neutral-container`.
|
|
6446
|
+
* @prop --bs-split-pane-focus-ring - Divider focus ring colour. Aliased to `--bs-border-neutral-focus`.
|
|
6447
|
+
*/
|
|
6448
|
+
interface HTMLBsSplitPaneElement extends Components.BsSplitPane, HTMLStencilElement {
|
|
6449
|
+
addEventListener<K extends keyof HTMLBsSplitPaneElementEventMap>(type: K, listener: (this: HTMLBsSplitPaneElement, ev: BsSplitPaneCustomEvent<HTMLBsSplitPaneElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6450
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6451
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
6452
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
6453
|
+
removeEventListener<K extends keyof HTMLBsSplitPaneElementEventMap>(type: K, listener: (this: HTMLBsSplitPaneElement, ev: BsSplitPaneCustomEvent<HTMLBsSplitPaneElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
6454
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
6455
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
6456
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
6457
|
+
}
|
|
6458
|
+
var HTMLBsSplitPaneElement: {
|
|
6459
|
+
prototype: HTMLBsSplitPaneElement;
|
|
6460
|
+
new (): HTMLBsSplitPaneElement;
|
|
6461
|
+
};
|
|
5506
6462
|
/**
|
|
5507
6463
|
* A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
|
|
5508
6464
|
* an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or
|
|
@@ -5744,6 +6700,23 @@ declare global {
|
|
|
5744
6700
|
prototype: HTMLBsTooltipElement;
|
|
5745
6701
|
new (): HTMLBsTooltipElement;
|
|
5746
6702
|
};
|
|
6703
|
+
/**
|
|
6704
|
+
* Wraps a trigger element and shows a `bs-tooltip` on hover or keyboard focus, after an optional
|
|
6705
|
+
* delay. Escape dismisses it. The tooltip is linked to the trigger with `aria-describedby`.
|
|
6706
|
+
* Composed from `bs-tooltip`.
|
|
6707
|
+
* ## When to use
|
|
6708
|
+
* - A short hint for an icon button or truncated label.
|
|
6709
|
+
* ## When not to use
|
|
6710
|
+
* - Interactive content or long text (use `bs-popover`).
|
|
6711
|
+
* @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
|
|
6712
|
+
* @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
|
|
6713
|
+
*/
|
|
6714
|
+
interface HTMLBsTooltipTriggerElement extends Components.BsTooltipTrigger, HTMLStencilElement {
|
|
6715
|
+
}
|
|
6716
|
+
var HTMLBsTooltipTriggerElement: {
|
|
6717
|
+
prototype: HTMLBsTooltipTriggerElement;
|
|
6718
|
+
new (): HTMLBsTooltipTriggerElement;
|
|
6719
|
+
};
|
|
5747
6720
|
interface HTMLBsWhatsNewElementEventMap {
|
|
5748
6721
|
"bsMarkAllRead": void;
|
|
5749
6722
|
"bsEntryAction": { id: string };
|
|
@@ -5815,6 +6788,7 @@ declare global {
|
|
|
5815
6788
|
};
|
|
5816
6789
|
interface HTMLElementTagNameMap {
|
|
5817
6790
|
"bs-accordion": HTMLBsAccordionElement;
|
|
6791
|
+
"bs-accordion-group": HTMLBsAccordionGroupElement;
|
|
5818
6792
|
"bs-ai-disclaimer": HTMLBsAiDisclaimerElement;
|
|
5819
6793
|
"bs-ai-greeting": HTMLBsAiGreetingElement;
|
|
5820
6794
|
"bs-ai-thinking": HTMLBsAiThinkingElement;
|
|
@@ -5839,6 +6813,7 @@ declare global {
|
|
|
5839
6813
|
"bs-chip-filter": HTMLBsChipFilterElement;
|
|
5840
6814
|
"bs-chip-informative": HTMLBsChipInformativeElement;
|
|
5841
6815
|
"bs-chip-input": HTMLBsChipInputElement;
|
|
6816
|
+
"bs-citation-preview": HTMLBsCitationPreviewElement;
|
|
5842
6817
|
"bs-composer": HTMLBsComposerElement;
|
|
5843
6818
|
"bs-composer-status-banner": HTMLBsComposerStatusBannerElement;
|
|
5844
6819
|
"bs-cookie-consent": HTMLBsCookieConsentElement;
|
|
@@ -5855,20 +6830,27 @@ declare global {
|
|
|
5855
6830
|
"bs-logo": HTMLBsLogoElement;
|
|
5856
6831
|
"bs-menu": HTMLBsMenuElement;
|
|
5857
6832
|
"bs-menu-item": HTMLBsMenuItemElement;
|
|
6833
|
+
"bs-message": HTMLBsMessageElement;
|
|
6834
|
+
"bs-message-list": HTMLBsMessageListElement;
|
|
5858
6835
|
"bs-navigation-drawer": HTMLBsNavigationDrawerElement;
|
|
5859
6836
|
"bs-navigation-drawer-item": HTMLBsNavigationDrawerItemElement;
|
|
5860
6837
|
"bs-navigation-header": HTMLBsNavigationHeaderElement;
|
|
5861
6838
|
"bs-onboarding-checklist": HTMLBsOnboardingChecklistElement;
|
|
5862
6839
|
"bs-pagination": HTMLBsPaginationElement;
|
|
6840
|
+
"bs-popover": HTMLBsPopoverElement;
|
|
5863
6841
|
"bs-product-tour": HTMLBsProductTourElement;
|
|
5864
6842
|
"bs-progress": HTMLBsProgressElement;
|
|
5865
6843
|
"bs-progress-linear": HTMLBsProgressLinearElement;
|
|
5866
6844
|
"bs-qr-code": HTMLBsQrCodeElement;
|
|
5867
6845
|
"bs-radio": HTMLBsRadioElement;
|
|
5868
6846
|
"bs-session-timeout": HTMLBsSessionTimeoutElement;
|
|
6847
|
+
"bs-side-panel": HTMLBsSidePanelElement;
|
|
6848
|
+
"bs-skeleton": HTMLBsSkeletonElement;
|
|
5869
6849
|
"bs-slider": HTMLBsSliderElement;
|
|
5870
6850
|
"bs-snackbar": HTMLBsSnackbarElement;
|
|
5871
6851
|
"bs-source-link": HTMLBsSourceLinkElement;
|
|
6852
|
+
"bs-spinner": HTMLBsSpinnerElement;
|
|
6853
|
+
"bs-split-pane": HTMLBsSplitPaneElement;
|
|
5872
6854
|
"bs-stepper": HTMLBsStepperElement;
|
|
5873
6855
|
"bs-stepper-step": HTMLBsStepperStepElement;
|
|
5874
6856
|
"bs-switch": HTMLBsSwitchElement;
|
|
@@ -5877,6 +6859,7 @@ declare global {
|
|
|
5877
6859
|
"bs-timepicker": HTMLBsTimepickerElement;
|
|
5878
6860
|
"bs-toast": HTMLBsToastElement;
|
|
5879
6861
|
"bs-tooltip": HTMLBsTooltipElement;
|
|
6862
|
+
"bs-tooltip-trigger": HTMLBsTooltipTriggerElement;
|
|
5880
6863
|
"bs-whats-new": HTMLBsWhatsNewElement;
|
|
5881
6864
|
"bs-whats-new-entry": HTMLBsWhatsNewEntryElement;
|
|
5882
6865
|
}
|
|
@@ -5921,6 +6904,25 @@ declare namespace LocalJSX {
|
|
|
5921
6904
|
*/
|
|
5922
6905
|
"size"?: BsAccordionSize;
|
|
5923
6906
|
}
|
|
6907
|
+
/**
|
|
6908
|
+
* Coordinates child `bs-accordion` elements. By default only one stays expanded: when a child
|
|
6909
|
+
* requests expansion (its `bsToggle` event), the others are collapsed. With `multiple`, children
|
|
6910
|
+
* are left independent.
|
|
6911
|
+
* Because `bs-accordion` is a controlled component, the group applies the requested value to the
|
|
6912
|
+
* child's `expanded` property itself.
|
|
6913
|
+
* ## When to use
|
|
6914
|
+
* - A stack of FAQ-style sections where one open at a time keeps the page short.
|
|
6915
|
+
* ## When not to use
|
|
6916
|
+
* - A single section (use `bs-accordion` directly).
|
|
6917
|
+
* @prop --bs-accordion-group-gap - Gap between accordions. Defaults to `0`.
|
|
6918
|
+
*/
|
|
6919
|
+
interface BsAccordionGroup {
|
|
6920
|
+
/**
|
|
6921
|
+
* Allow several accordions to be expanded at once.
|
|
6922
|
+
* @default false
|
|
6923
|
+
*/
|
|
6924
|
+
"multiple"?: boolean;
|
|
6925
|
+
}
|
|
5924
6926
|
/**
|
|
5925
6927
|
* A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
|
|
5926
6928
|
* important information."
|
|
@@ -6058,11 +7060,21 @@ declare namespace LocalJSX {
|
|
|
6058
7060
|
* @default true
|
|
6059
7061
|
*/
|
|
6060
7062
|
"removable"?: boolean;
|
|
7063
|
+
/**
|
|
7064
|
+
* Prefix of the remove button's accessible name ("Remove attachment: {fileName}").
|
|
7065
|
+
* @default 'Remove attachment'
|
|
7066
|
+
*/
|
|
7067
|
+
"removeLabel"?: string;
|
|
6061
7068
|
/**
|
|
6062
7069
|
* Which kind of attachment preview to render.
|
|
6063
7070
|
* @default 'image'
|
|
6064
7071
|
*/
|
|
6065
7072
|
"type"?: BsAttachmentType;
|
|
7073
|
+
/**
|
|
7074
|
+
* Accessible name of the upload spinner while `loading`.
|
|
7075
|
+
* @default 'Uploading'
|
|
7076
|
+
*/
|
|
7077
|
+
"uploadingLabel"?: string;
|
|
6066
7078
|
}
|
|
6067
7079
|
/**
|
|
6068
7080
|
* A horizontally-scrolling row wrapper for one or more `bs-attachment` previews, for slotting into
|
|
@@ -6355,6 +7367,11 @@ declare namespace LocalJSX {
|
|
|
6355
7367
|
* @prop --bs-button-skeleton-width - Placeholder width. Defaults to `96px`.
|
|
6356
7368
|
*/
|
|
6357
7369
|
interface BsButtonSkeleton {
|
|
7370
|
+
/**
|
|
7371
|
+
* Accessible name announced for the loading placeholder.
|
|
7372
|
+
* @default 'Loading'
|
|
7373
|
+
*/
|
|
7374
|
+
"loadingLabel"?: string;
|
|
6358
7375
|
/**
|
|
6359
7376
|
* Sizing scale, matching the `bs-button` size it stands in for.
|
|
6360
7377
|
* @default 'md'
|
|
@@ -6503,15 +7520,32 @@ declare namespace LocalJSX {
|
|
|
6503
7520
|
* Aliased to `--bs-text-action`.
|
|
6504
7521
|
*/
|
|
6505
7522
|
interface BsChatbotFeedback {
|
|
7523
|
+
/**
|
|
7524
|
+
* Accessible name of the close button.
|
|
7525
|
+
* @default 'Close'
|
|
7526
|
+
*/
|
|
7527
|
+
"closeLabel"?: string;
|
|
6506
7528
|
/**
|
|
6507
7529
|
* The comment text.
|
|
6508
7530
|
* @default ''
|
|
6509
7531
|
*/
|
|
6510
7532
|
"comment"?: string;
|
|
6511
7533
|
/**
|
|
6512
|
-
*
|
|
7534
|
+
* Label above the optional comment field.
|
|
7535
|
+
* @default 'Tell us what you think'
|
|
7536
|
+
*/
|
|
7537
|
+
"commentLabel"?: string;
|
|
7538
|
+
/**
|
|
7539
|
+
* Placeholder of the optional comment field.
|
|
7540
|
+
* @default 'e.g.The response was helpful ....'
|
|
6513
7541
|
*/
|
|
7542
|
+
"commentPlaceholder"?: string;
|
|
6514
7543
|
"heading"?: string;
|
|
7544
|
+
/**
|
|
7545
|
+
* Text of the "new chat" button.
|
|
7546
|
+
* @default 'Start new chat'
|
|
7547
|
+
*/
|
|
7548
|
+
"newChatLabel"?: string;
|
|
6515
7549
|
/**
|
|
6516
7550
|
* Fires when the close button is clicked. The consuming app owns actually hiding the card.
|
|
6517
7551
|
*/
|
|
@@ -6537,6 +7571,26 @@ declare namespace LocalJSX {
|
|
|
6537
7571
|
* @default 0
|
|
6538
7572
|
*/
|
|
6539
7573
|
"rating"?: number;
|
|
7574
|
+
/**
|
|
7575
|
+
* Accessible name of the star rating group.
|
|
7576
|
+
* @default 'Rating'
|
|
7577
|
+
*/
|
|
7578
|
+
"ratingLabel"?: string;
|
|
7579
|
+
/**
|
|
7580
|
+
* Singular star noun used in each star's accessible name ("1 star").
|
|
7581
|
+
* @default 'star'
|
|
7582
|
+
*/
|
|
7583
|
+
"starLabel"?: string;
|
|
7584
|
+
/**
|
|
7585
|
+
* Plural star noun used in each star's accessible name ("3 stars").
|
|
7586
|
+
* @default 'stars'
|
|
7587
|
+
*/
|
|
7588
|
+
"starsLabel"?: string;
|
|
7589
|
+
/**
|
|
7590
|
+
* Text of the submit button.
|
|
7591
|
+
* @default 'Submit feedback'
|
|
7592
|
+
*/
|
|
7593
|
+
"submitLabel"?: string;
|
|
6540
7594
|
/**
|
|
6541
7595
|
* Whether feedback has been submitted. Switches the card from the editable form to the read-only "thanks" view.
|
|
6542
7596
|
* @default false
|
|
@@ -6575,6 +7629,21 @@ declare namespace LocalJSX {
|
|
|
6575
7629
|
* @prop --bs-chatbot-header-icon - Icon color. Aliased to `--bs-icon-default`.
|
|
6576
7630
|
*/
|
|
6577
7631
|
interface BsChatbotHeader {
|
|
7632
|
+
/**
|
|
7633
|
+
* Accessible name and tooltip text of the "Close" button.
|
|
7634
|
+
* @default 'Close'
|
|
7635
|
+
*/
|
|
7636
|
+
"closeLabel"?: string;
|
|
7637
|
+
/**
|
|
7638
|
+
* Accessible name and tooltip text of the expand button while `expanded`.
|
|
7639
|
+
* @default 'Exit fullscreen'
|
|
7640
|
+
*/
|
|
7641
|
+
"collapseLabel"?: string;
|
|
7642
|
+
/**
|
|
7643
|
+
* Accessible name and tooltip text of the expand button while collapsed.
|
|
7644
|
+
* @default 'Fullscreen'
|
|
7645
|
+
*/
|
|
7646
|
+
"expandLabel"?: string;
|
|
6578
7647
|
/**
|
|
6579
7648
|
* 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
7649
|
* @default false
|
|
@@ -6585,6 +7654,36 @@ declare namespace LocalJSX {
|
|
|
6585
7654
|
* @default 'Genie'
|
|
6586
7655
|
*/
|
|
6587
7656
|
"heading"?: string;
|
|
7657
|
+
/**
|
|
7658
|
+
* Removes the "Close" button from the DOM.
|
|
7659
|
+
* @default false
|
|
7660
|
+
*/
|
|
7661
|
+
"hideClose"?: boolean;
|
|
7662
|
+
/**
|
|
7663
|
+
* Removes the expand/fullscreen button from the DOM.
|
|
7664
|
+
* @default false
|
|
7665
|
+
*/
|
|
7666
|
+
"hideExpand"?: boolean;
|
|
7667
|
+
/**
|
|
7668
|
+
* Removes the "History" button from the DOM.
|
|
7669
|
+
* @default false
|
|
7670
|
+
*/
|
|
7671
|
+
"hideHistory"?: boolean;
|
|
7672
|
+
/**
|
|
7673
|
+
* Removes the "New chat" button from the DOM.
|
|
7674
|
+
* @default false
|
|
7675
|
+
*/
|
|
7676
|
+
"hideNewChat"?: boolean;
|
|
7677
|
+
/**
|
|
7678
|
+
* Accessible name and tooltip text of the "History" button.
|
|
7679
|
+
* @default 'History'
|
|
7680
|
+
*/
|
|
7681
|
+
"historyLabel"?: string;
|
|
7682
|
+
/**
|
|
7683
|
+
* Accessible name and tooltip text of the "New chat" button.
|
|
7684
|
+
* @default 'New chat'
|
|
7685
|
+
*/
|
|
7686
|
+
"newChatLabel"?: string;
|
|
6588
7687
|
/**
|
|
6589
7688
|
* Fires when the "Close" button is clicked.
|
|
6590
7689
|
*/
|
|
@@ -6627,6 +7726,41 @@ declare namespace LocalJSX {
|
|
|
6627
7726
|
* @prop --bs-chatbot-response-action-sources-line-height - Aliased to `--bs-line-height-body-sm`.
|
|
6628
7727
|
*/
|
|
6629
7728
|
interface BsChatbotResponseAction {
|
|
7729
|
+
/**
|
|
7730
|
+
* Accessible name of the Copy button.
|
|
7731
|
+
* @default 'Copy'
|
|
7732
|
+
*/
|
|
7733
|
+
"copyLabel"?: string;
|
|
7734
|
+
/**
|
|
7735
|
+
* Accessible name of the Dislike button.
|
|
7736
|
+
* @default 'Dislike'
|
|
7737
|
+
*/
|
|
7738
|
+
"dislikeLabel"?: string;
|
|
7739
|
+
/**
|
|
7740
|
+
* 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.
|
|
7741
|
+
* @default false
|
|
7742
|
+
*/
|
|
7743
|
+
"disliked"?: boolean;
|
|
7744
|
+
/**
|
|
7745
|
+
* Removes the "Regenerate" button from the DOM.
|
|
7746
|
+
* @default false
|
|
7747
|
+
*/
|
|
7748
|
+
"hideRegenerate"?: boolean;
|
|
7749
|
+
/**
|
|
7750
|
+
* Accessible name (and visible text, where applicable) of the Like button.
|
|
7751
|
+
* @default 'Like'
|
|
7752
|
+
*/
|
|
7753
|
+
"likeLabel"?: string;
|
|
7754
|
+
/**
|
|
7755
|
+
* 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.
|
|
7756
|
+
* @default false
|
|
7757
|
+
*/
|
|
7758
|
+
"liked"?: boolean;
|
|
7759
|
+
/**
|
|
7760
|
+
* Accessible name of the "More options" button.
|
|
7761
|
+
* @default 'More options'
|
|
7762
|
+
*/
|
|
7763
|
+
"menuLabel"?: string;
|
|
6630
7764
|
/**
|
|
6631
7765
|
* 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
7766
|
* @default false
|
|
@@ -6656,10 +7790,25 @@ declare namespace LocalJSX {
|
|
|
6656
7790
|
* Fires when the "N sources" button is clicked.
|
|
6657
7791
|
*/
|
|
6658
7792
|
"onBsSourcesClick"?: (event: BsChatbotResponseActionCustomEvent<void>) => void;
|
|
7793
|
+
/**
|
|
7794
|
+
* Accessible name of the Regenerate button.
|
|
7795
|
+
* @default 'Regenerate'
|
|
7796
|
+
*/
|
|
7797
|
+
"regenerateLabel"?: string;
|
|
7798
|
+
/**
|
|
7799
|
+
* Label for a single source; rendered as "1 {sourceLabel}".
|
|
7800
|
+
* @default 'source'
|
|
7801
|
+
*/
|
|
7802
|
+
"sourceLabel"?: string;
|
|
6659
7803
|
/**
|
|
6660
7804
|
* 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
7805
|
*/
|
|
6662
7806
|
"sourcesCount"?: number;
|
|
7807
|
+
/**
|
|
7808
|
+
* Label for multiple sources; rendered as "N {sourcesLabel}".
|
|
7809
|
+
* @default 'sources'
|
|
7810
|
+
*/
|
|
7811
|
+
"sourcesLabel"?: string;
|
|
6663
7812
|
}
|
|
6664
7813
|
/**
|
|
6665
7814
|
* The "Sources" panel shown alongside a Genie AI chat response -- a header with a title, a count
|
|
@@ -6691,8 +7840,10 @@ declare namespace LocalJSX {
|
|
|
6691
7840
|
*/
|
|
6692
7841
|
interface BsChatbotSourcesDrawer {
|
|
6693
7842
|
/**
|
|
6694
|
-
*
|
|
7843
|
+
* Accessible name of the collapse button.
|
|
7844
|
+
* @default 'Collapse sources'
|
|
6695
7845
|
*/
|
|
7846
|
+
"collapseLabel"?: string;
|
|
6696
7847
|
"count"?: number;
|
|
6697
7848
|
/**
|
|
6698
7849
|
* The panel title.
|
|
@@ -6721,11 +7872,8 @@ declare namespace LocalJSX {
|
|
|
6721
7872
|
* Aliased to `--bs-color-primary-container`.
|
|
6722
7873
|
* @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
|
|
6723
7874
|
* `--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).
|
|
7875
|
+
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased to
|
|
7876
|
+
* `--bs-color-primary-container-pressed`.
|
|
6729
7877
|
* @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
|
|
6730
7878
|
* `--bs-color-primary-container-hover` (same as hover).
|
|
6731
7879
|
* @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
|
|
@@ -6835,6 +7983,11 @@ declare namespace LocalJSX {
|
|
|
6835
7983
|
* `96px`.
|
|
6836
7984
|
*/
|
|
6837
7985
|
interface BsCheckboxSkeleton {
|
|
7986
|
+
/**
|
|
7987
|
+
* Accessible name announced for the loading placeholder.
|
|
7988
|
+
* @default 'Loading'
|
|
7989
|
+
*/
|
|
7990
|
+
"loadingLabel"?: string;
|
|
6838
7991
|
/**
|
|
6839
7992
|
* Sizing scale, matching the `bs-checkbox` size it stands in for. Defaults to `lg`, the same (unusual) default `bs-checkbox` itself uses.
|
|
6840
7993
|
* @default 'lg'
|
|
@@ -6938,6 +8091,11 @@ declare namespace LocalJSX {
|
|
|
6938
8091
|
* 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.
|
|
6939
8092
|
*/
|
|
6940
8093
|
"onBsRemove"?: (event: BsChipInputCustomEvent<void>) => void;
|
|
8094
|
+
/**
|
|
8095
|
+
* Prefix of the remove button's accessible name ("Remove {label}").
|
|
8096
|
+
* @default 'Remove'
|
|
8097
|
+
*/
|
|
8098
|
+
"removeLabel"?: string;
|
|
6941
8099
|
/**
|
|
6942
8100
|
* 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.
|
|
6943
8101
|
* @default false
|
|
@@ -6949,6 +8107,45 @@ declare namespace LocalJSX {
|
|
|
6949
8107
|
*/
|
|
6950
8108
|
"size"?: BsChipInputSize;
|
|
6951
8109
|
}
|
|
8110
|
+
/**
|
|
8111
|
+
* Presentational card previewing a cited source: file name, originating system, page number and a
|
|
8112
|
+
* snippet of the cited text. It does no fetching -- the consumer supplies content through slots.
|
|
8113
|
+
* When `href` is set, the header becomes a link action.
|
|
8114
|
+
* Composed from: `bs-card` (the surface) and `bs-source-link` (the file name / source header and
|
|
8115
|
+
* open action).
|
|
8116
|
+
* ## When to use
|
|
8117
|
+
* - Showing the passage a chat answer was grounded in, e.g. on citation hover/click.
|
|
8118
|
+
* ## When not to use
|
|
8119
|
+
* - As a list row of sources -- use `bs-source-link` directly in `bs-chatbot-sources-drawer`.
|
|
8120
|
+
* @prop --bs-citation-preview-gap - Gap between header, snippet and footer. Aliased to `--bs-spacing-100`.
|
|
8121
|
+
* @prop --bs-citation-preview-snippet-color - Snippet text color. Aliased to `--bs-text-default`.
|
|
8122
|
+
* @prop --bs-citation-preview-snippet-bg - Snippet background. Aliased to `--bs-surface-base`.
|
|
8123
|
+
* @prop --bs-citation-preview-snippet-radius - Snippet corner radius. Aliased to `--bs-border-radius-100`.
|
|
8124
|
+
* @prop --bs-citation-preview-page-color - Page label color. Aliased to `--bs-text-secondary`.
|
|
8125
|
+
*/
|
|
8126
|
+
interface BsCitationPreview {
|
|
8127
|
+
/**
|
|
8128
|
+
* The cited document's file name.
|
|
8129
|
+
* @default 'Source'
|
|
8130
|
+
*/
|
|
8131
|
+
"fileName"?: string;
|
|
8132
|
+
/**
|
|
8133
|
+
* If set, the header becomes a link that opens this URL.
|
|
8134
|
+
*/
|
|
8135
|
+
"href"?: string;
|
|
8136
|
+
/**
|
|
8137
|
+
* Fires when the header action is activated (whether or not `href` is set).
|
|
8138
|
+
*/
|
|
8139
|
+
"onBsOpen"?: (event: BsCitationPreviewCustomEvent<void>) => void;
|
|
8140
|
+
/**
|
|
8141
|
+
* Page (or page range) of the citation, shown as "Page N".
|
|
8142
|
+
*/
|
|
8143
|
+
"page"?: string | number;
|
|
8144
|
+
/**
|
|
8145
|
+
* The system/app the document came from.
|
|
8146
|
+
*/
|
|
8147
|
+
"sourceName"?: string;
|
|
8148
|
+
}
|
|
6952
8149
|
/**
|
|
6953
8150
|
* A chat composer input for Genie AI-style conversational interfaces: a text field
|
|
6954
8151
|
* plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
|
|
@@ -6984,10 +8181,44 @@ declare namespace LocalJSX {
|
|
|
6984
8181
|
*/
|
|
6985
8182
|
interface BsComposer {
|
|
6986
8183
|
/**
|
|
6987
|
-
* Accessible name for the text field. This component has no visible `<label>` (chat composers don't show one in the design), so `ariaLabel` is the only way a consumer gives the textbox an accessible name -- set it in every real usage.
|
|
6988
|
-
* @default null
|
|
8184
|
+
* Accessible name for the text field. This component has no visible `<label>` (chat composers don't show one in the design), so `ariaLabel` is the only way a consumer gives the textbox an accessible name -- set it in every real usage.
|
|
8185
|
+
* @default null
|
|
8186
|
+
*/
|
|
8187
|
+
"ariaLabel"?: string | null;
|
|
8188
|
+
/**
|
|
8189
|
+
* Accessible name of the attach button.
|
|
8190
|
+
* @default 'Attach'
|
|
8191
|
+
*/
|
|
8192
|
+
"attachLabel"?: string;
|
|
8193
|
+
/**
|
|
8194
|
+
* Accessible name of the primary action button while `state="recording"`.
|
|
8195
|
+
* @default 'Confirm'
|
|
8196
|
+
*/
|
|
8197
|
+
"confirmLabel"?: string;
|
|
8198
|
+
/**
|
|
8199
|
+
* Removes the attach ("+") button from the DOM.
|
|
8200
|
+
* @default false
|
|
8201
|
+
*/
|
|
8202
|
+
"hideAttach"?: boolean;
|
|
8203
|
+
/**
|
|
8204
|
+
* Removes the mic button from the DOM.
|
|
8205
|
+
* @default false
|
|
8206
|
+
*/
|
|
8207
|
+
"hideMic"?: boolean;
|
|
8208
|
+
/**
|
|
8209
|
+
* 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.
|
|
8210
|
+
* @default false
|
|
8211
|
+
*/
|
|
8212
|
+
"loading"?: boolean;
|
|
8213
|
+
/**
|
|
8214
|
+
* Maximum number of characters the text field accepts (native `maxlength`). Unset = unlimited.
|
|
8215
|
+
*/
|
|
8216
|
+
"maxLength"?: number;
|
|
8217
|
+
/**
|
|
8218
|
+
* Accessible name of the mic button while not recording.
|
|
8219
|
+
* @default 'Start voice input'
|
|
6989
8220
|
*/
|
|
6990
|
-
"
|
|
8221
|
+
"micLabel"?: string;
|
|
6991
8222
|
/**
|
|
6992
8223
|
* Fires when the "+" attach button is clicked.
|
|
6993
8224
|
*/
|
|
@@ -7005,7 +8236,7 @@ declare namespace LocalJSX {
|
|
|
7005
8236
|
*/
|
|
7006
8237
|
"onBsStop"?: (event: BsComposerCustomEvent<void>) => void;
|
|
7007
8238
|
/**
|
|
7008
|
-
* Fires when the primary action button is clicked while `state="idle"
|
|
8239
|
+
* Fires when the primary action button is clicked while `state="idle"` and `value` is non-empty (whitespace-only counts as empty).
|
|
7009
8240
|
*/
|
|
7010
8241
|
"onBsSubmit"?: (event: BsComposerCustomEvent<void>) => void;
|
|
7011
8242
|
/**
|
|
@@ -7016,11 +8247,26 @@ declare namespace LocalJSX {
|
|
|
7016
8247
|
* Overrides the variant's default placeholder.
|
|
7017
8248
|
*/
|
|
7018
8249
|
"placeholder"?: string;
|
|
8250
|
+
/**
|
|
8251
|
+
* Accessible name of the primary action button in `idle` / `disabled` state.
|
|
8252
|
+
* @default 'Send'
|
|
8253
|
+
*/
|
|
8254
|
+
"sendLabel"?: string;
|
|
7019
8255
|
/**
|
|
7020
8256
|
* 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
8257
|
* @default 'idle'
|
|
7022
8258
|
*/
|
|
7023
8259
|
"state"?: BsComposerState;
|
|
8260
|
+
/**
|
|
8261
|
+
* Accessible name of the primary action button while `state="generating"`.
|
|
8262
|
+
* @default 'Stop'
|
|
8263
|
+
*/
|
|
8264
|
+
"stopLabel"?: string;
|
|
8265
|
+
/**
|
|
8266
|
+
* Accessible name of the mic button while `state="recording"`.
|
|
8267
|
+
* @default 'Stop recording'
|
|
8268
|
+
*/
|
|
8269
|
+
"stopRecordingLabel"?: string;
|
|
7024
8270
|
/**
|
|
7025
8271
|
* 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
8272
|
* @default ''
|
|
@@ -7106,6 +8352,16 @@ declare namespace LocalJSX {
|
|
|
7106
8352
|
* @default true
|
|
7107
8353
|
*/
|
|
7108
8354
|
"allowClose"?: boolean;
|
|
8355
|
+
/**
|
|
8356
|
+
* Accessible name of the close button.
|
|
8357
|
+
* @default 'Dismiss'
|
|
8358
|
+
*/
|
|
8359
|
+
"closeLabel"?: string;
|
|
8360
|
+
/**
|
|
8361
|
+
* 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...".
|
|
8362
|
+
* @default false
|
|
8363
|
+
*/
|
|
8364
|
+
"loading"?: boolean;
|
|
7109
8365
|
/**
|
|
7110
8366
|
* The message text.
|
|
7111
8367
|
* @default 'This is a message'
|
|
@@ -7288,6 +8544,11 @@ declare namespace LocalJSX {
|
|
|
7288
8544
|
* @default []
|
|
7289
8545
|
*/
|
|
7290
8546
|
"rows"?: BsDataTableRow[];
|
|
8547
|
+
/**
|
|
8548
|
+
* Accessible name of the select-all checkbox in the header (when `selectable`).
|
|
8549
|
+
* @default 'Select all rows'
|
|
8550
|
+
*/
|
|
8551
|
+
"selectAllLabel"?: string;
|
|
7291
8552
|
/**
|
|
7292
8553
|
* @default false
|
|
7293
8554
|
*/
|
|
@@ -7427,6 +8688,11 @@ declare namespace LocalJSX {
|
|
|
7427
8688
|
* @default false
|
|
7428
8689
|
*/
|
|
7429
8690
|
"centered"?: boolean;
|
|
8691
|
+
/**
|
|
8692
|
+
* Accessible name of the close button.
|
|
8693
|
+
* @default 'Close'
|
|
8694
|
+
*/
|
|
8695
|
+
"closeLabel"?: string;
|
|
7430
8696
|
"heading"?: string;
|
|
7431
8697
|
"onBsClose"?: (event: BsDialogCustomEvent<void>) => void;
|
|
7432
8698
|
/**
|
|
@@ -7785,6 +9051,11 @@ declare namespace LocalJSX {
|
|
|
7785
9051
|
* @default []
|
|
7786
9052
|
*/
|
|
7787
9053
|
"countryOptions"?: { code: string; label: string; flagIcon?: string }[];
|
|
9054
|
+
/**
|
|
9055
|
+
* Accessible name of the number stepper's decrement button.
|
|
9056
|
+
* @default 'Decrement'
|
|
9057
|
+
*/
|
|
9058
|
+
"decrementLabel"?: string;
|
|
7788
9059
|
"description"?: string;
|
|
7789
9060
|
/**
|
|
7790
9061
|
* @default false
|
|
@@ -7795,6 +9066,16 @@ declare namespace LocalJSX {
|
|
|
7795
9066
|
* The `id` of a `<form>` element to associate this element with.
|
|
7796
9067
|
*/
|
|
7797
9068
|
"form"?: string;
|
|
9069
|
+
/**
|
|
9070
|
+
* Accessible name of the password toggle while the password is visible.
|
|
9071
|
+
* @default 'Hide password'
|
|
9072
|
+
*/
|
|
9073
|
+
"hidePasswordLabel"?: string;
|
|
9074
|
+
/**
|
|
9075
|
+
* Accessible name of the number stepper's increment button.
|
|
9076
|
+
* @default 'Increment'
|
|
9077
|
+
*/
|
|
9078
|
+
"incrementLabel"?: string;
|
|
7798
9079
|
/**
|
|
7799
9080
|
* 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
9081
|
* @default ''
|
|
@@ -7861,6 +9142,11 @@ declare namespace LocalJSX {
|
|
|
7861
9142
|
* @default 3
|
|
7862
9143
|
*/
|
|
7863
9144
|
"rows"?: number;
|
|
9145
|
+
/**
|
|
9146
|
+
* Accessible name of the password toggle while the password is hidden.
|
|
9147
|
+
* @default 'Show password'
|
|
9148
|
+
*/
|
|
9149
|
+
"showPasswordLabel"?: string;
|
|
7864
9150
|
/**
|
|
7865
9151
|
* Step size for `type="number"`'s increment/decrement stepper buttons.
|
|
7866
9152
|
* @default 1
|
|
@@ -7989,6 +9275,74 @@ declare namespace LocalJSX {
|
|
|
7989
9275
|
*/
|
|
7990
9276
|
"onBsSelect"?: (event: BsMenuItemCustomEvent<void>) => void;
|
|
7991
9277
|
}
|
|
9278
|
+
/**
|
|
9279
|
+
* A single chat message bubble. User messages align to the end with a primary-tinted bubble;
|
|
9280
|
+
* assistant messages align to the start on a neutral bubble. The consumer renders the content
|
|
9281
|
+
* (e.g. markdown) into the default slot.
|
|
9282
|
+
* Composed from: `bs-card` (the bubble surface).
|
|
9283
|
+
* ## When to use
|
|
9284
|
+
* - One entry per turn in a chat transcript, usually inside `bs-message-list`.
|
|
9285
|
+
* ## When not to use
|
|
9286
|
+
* - For transient notices or system banners -- use `bs-toast` / `bs-composer-status-banner`.
|
|
9287
|
+
* @prop --bs-message-gap - Gap between avatar and message column. Aliased to `--bs-spacing-100`.
|
|
9288
|
+
* @prop --bs-message-max-width - Max width of the message column. Defaults to `80%`.
|
|
9289
|
+
* @prop --bs-message-padding - Bubble padding. Aliased to `--bs-spacing-150`.
|
|
9290
|
+
* @prop --bs-message-radius - Bubble corner radius. Aliased to `--bs-border-radius-150`.
|
|
9291
|
+
* @prop --bs-message-user-bg - User bubble background. Aliased to `--bs-color-primary-container`.
|
|
9292
|
+
* @prop --bs-message-user-color - User bubble text color. Aliased to `--bs-text-default`.
|
|
9293
|
+
* @prop --bs-message-assistant-bg - Assistant bubble background. Aliased to `--bs-color-neutral-container`.
|
|
9294
|
+
* @prop --bs-message-assistant-color - Assistant bubble text color. Aliased to `--bs-text-default`.
|
|
9295
|
+
* @prop --bs-message-error-bg - Error bubble background. Aliased to `--bs-color-error-container`.
|
|
9296
|
+
* @prop --bs-message-error-color - Error bubble text color. Aliased to `--bs-text-error`.
|
|
9297
|
+
* @prop --bs-message-pending-opacity - Bubble opacity while pending. Defaults to `0.6`.
|
|
9298
|
+
* @prop --bs-message-timestamp-color - Timestamp color. Aliased to `--bs-text-secondary`.
|
|
9299
|
+
* @prop --bs-message-timestamp-font-size - Timestamp font size. Aliased to `--bs-font-size-xs`.
|
|
9300
|
+
*/
|
|
9301
|
+
interface BsMessage {
|
|
9302
|
+
/**
|
|
9303
|
+
* Machine-readable value for the `<time>` element's `datetime` attribute.
|
|
9304
|
+
*/
|
|
9305
|
+
"datetime"?: string;
|
|
9306
|
+
/**
|
|
9307
|
+
* Who sent the message. Controls alignment and colour.
|
|
9308
|
+
* @default 'assistant'
|
|
9309
|
+
*/
|
|
9310
|
+
"role"?: BsMessageRole;
|
|
9311
|
+
/**
|
|
9312
|
+
* Delivery/render state. `error` uses error colours; `pending` dims the bubble and sets `aria-busy`.
|
|
9313
|
+
* @default 'default'
|
|
9314
|
+
*/
|
|
9315
|
+
"status"?: BsMessageStatus;
|
|
9316
|
+
/**
|
|
9317
|
+
* Human-readable timestamp text shown inside a `<time>` element. Omit to render none.
|
|
9318
|
+
*/
|
|
9319
|
+
"timestamp"?: string;
|
|
9320
|
+
}
|
|
9321
|
+
/**
|
|
9322
|
+
* Scrollable chat transcript container (`role="log"`, `aria-live="polite"`) for `bs-message`
|
|
9323
|
+
* children. It keeps itself pinned to the newest message while the user is near the bottom; when
|
|
9324
|
+
* the user has scrolled up and new content arrives, it shows a "scroll to latest" button instead
|
|
9325
|
+
* of yanking the viewport.
|
|
9326
|
+
* Composed from: `bs-icon-button` (the scroll-to-latest control).
|
|
9327
|
+
* ## When to use
|
|
9328
|
+
* - Holding the messages of a chat conversation.
|
|
9329
|
+
* ## When not to use
|
|
9330
|
+
* - For generic scrollable lists -- this is built around append-at-the-bottom transcripts.
|
|
9331
|
+
* @prop --bs-message-list-gap - Gap between messages. Aliased to `--bs-spacing-200`.
|
|
9332
|
+
* @prop --bs-message-list-padding - Padding inside the scroll area. Aliased to `--bs-spacing-200`.
|
|
9333
|
+
* @prop --bs-message-list-button-offset - Distance of the scroll-to-latest button from the bottom edge. Aliased to `--bs-spacing-200`.
|
|
9334
|
+
*/
|
|
9335
|
+
interface BsMessageList {
|
|
9336
|
+
/**
|
|
9337
|
+
* Fires when the scroll-to-latest button is activated or `scrollToLatest()` is called.
|
|
9338
|
+
*/
|
|
9339
|
+
"onBsScrollToLatest"?: (event: BsMessageListCustomEvent<void>) => void;
|
|
9340
|
+
/**
|
|
9341
|
+
* Accessible name of the scroll-to-latest button.
|
|
9342
|
+
* @default 'Scroll to latest message'
|
|
9343
|
+
*/
|
|
9344
|
+
"scrollToLatestLabel"?: string;
|
|
9345
|
+
}
|
|
7992
9346
|
/**
|
|
7993
9347
|
* A left-side persistent navigation sidebar: the BrandSync logo, a "Main Menu" title with a
|
|
7994
9348
|
* collapse toggle, a reserved slot for a search field, and a scrollable list of nav items.
|
|
@@ -8031,6 +9385,11 @@ declare namespace LocalJSX {
|
|
|
8031
9385
|
* On wider screens `open` is ignored and nothing changes.
|
|
8032
9386
|
*/
|
|
8033
9387
|
interface BsNavigationDrawer {
|
|
9388
|
+
/**
|
|
9389
|
+
* Accessible name of the collapse toggle while the drawer is expanded.
|
|
9390
|
+
* @default 'Collapse'
|
|
9391
|
+
*/
|
|
9392
|
+
"collapseLabel"?: string;
|
|
8034
9393
|
/**
|
|
8035
9394
|
* 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
9395
|
* @default false
|
|
@@ -8041,6 +9400,11 @@ declare namespace LocalJSX {
|
|
|
8041
9400
|
* @default true
|
|
8042
9401
|
*/
|
|
8043
9402
|
"collapsible"?: boolean;
|
|
9403
|
+
/**
|
|
9404
|
+
* Accessible name of the collapse toggle while the drawer is collapsed.
|
|
9405
|
+
* @default 'Expand'
|
|
9406
|
+
*/
|
|
9407
|
+
"expandLabel"?: string;
|
|
8044
9408
|
/**
|
|
8045
9409
|
* 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
9410
|
* @default 'Main Menu'
|
|
@@ -8068,6 +9432,11 @@ declare namespace LocalJSX {
|
|
|
8068
9432
|
* @default false
|
|
8069
9433
|
*/
|
|
8070
9434
|
"open"?: boolean;
|
|
9435
|
+
/**
|
|
9436
|
+
* Accessible name of the search trigger.
|
|
9437
|
+
* @default 'Search'
|
|
9438
|
+
*/
|
|
9439
|
+
"searchLabel"?: string;
|
|
8071
9440
|
/**
|
|
8072
9441
|
* 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
9442
|
* @default true
|
|
@@ -8345,6 +9714,11 @@ declare namespace LocalJSX {
|
|
|
8345
9714
|
* @default 1
|
|
8346
9715
|
*/
|
|
8347
9716
|
"currentPage"?: number;
|
|
9717
|
+
/**
|
|
9718
|
+
* Accessible name of the pagination landmark.
|
|
9719
|
+
* @default 'Pagination'
|
|
9720
|
+
*/
|
|
9721
|
+
"navLabel"?: string;
|
|
8348
9722
|
/**
|
|
8349
9723
|
* Accessible name for the next-page button.
|
|
8350
9724
|
* @default 'Next page'
|
|
@@ -8354,6 +9728,11 @@ declare namespace LocalJSX {
|
|
|
8354
9728
|
* 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
9729
|
*/
|
|
8356
9730
|
"onBsPageChange"?: (event: BsPaginationCustomEvent<number>) => void;
|
|
9731
|
+
/**
|
|
9732
|
+
* Prefix of each page button's accessible name ("Go to page 3").
|
|
9733
|
+
* @default 'Go to page'
|
|
9734
|
+
*/
|
|
9735
|
+
"pageLabel"?: string;
|
|
8357
9736
|
/**
|
|
8358
9737
|
* Accessible name for the previous-page button.
|
|
8359
9738
|
* @default 'Previous page'
|
|
@@ -8370,6 +9749,38 @@ declare namespace LocalJSX {
|
|
|
8370
9749
|
*/
|
|
8371
9750
|
"totalPages"?: number;
|
|
8372
9751
|
}
|
|
9752
|
+
/**
|
|
9753
|
+
* A trigger plus a popup panel that opens on trigger click and closes on outside click or Escape.
|
|
9754
|
+
* The popup is positioned with CSS (absolute, relative to the host) and flips to the opposite side
|
|
9755
|
+
* when it would overflow the viewport; the effective placement is mirrored on the host as
|
|
9756
|
+
* `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.
|
|
9757
|
+
* ## When to use
|
|
9758
|
+
* - A menu, language list or small set of options revealed from a button.
|
|
9759
|
+
* ## When not to use
|
|
9760
|
+
* - A blocking decision (use `bs-dialog`) or a hover-only hint (use `bs-tooltip-trigger`).
|
|
9761
|
+
* @prop --bs-popover-bg - Popup background. Aliased to `--bs-surface-raised`.
|
|
9762
|
+
* @prop --bs-popover-radius - Popup corner radius. Aliased to `--bs-border-radius-100`.
|
|
9763
|
+
* @prop --bs-popover-shadow - Popup shadow. Aliased to `--bs-shadow-md`.
|
|
9764
|
+
* @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
|
|
9765
|
+
* @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
|
|
9766
|
+
* @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
|
|
9767
|
+
*/
|
|
9768
|
+
interface BsPopover {
|
|
9769
|
+
/**
|
|
9770
|
+
* Emitted when the open state changes through user interaction, with the new value.
|
|
9771
|
+
*/
|
|
9772
|
+
"onBsOpenChange"?: (event: BsPopoverCustomEvent<boolean>) => void;
|
|
9773
|
+
/**
|
|
9774
|
+
* Whether the popup is shown.
|
|
9775
|
+
* @default false
|
|
9776
|
+
*/
|
|
9777
|
+
"open"?: boolean;
|
|
9778
|
+
/**
|
|
9779
|
+
* Where the popup sits relative to the trigger.
|
|
9780
|
+
* @default 'bottom-start'
|
|
9781
|
+
*/
|
|
9782
|
+
"placement"?: BsPopoverPlacement;
|
|
9783
|
+
}
|
|
8373
9784
|
/**
|
|
8374
9785
|
* One step of a product tour: a centred **welcome** or **success** card with an art tile, or a
|
|
8375
9786
|
* **pointer** card -- a compact step with a close button, a "1 of 3" progress label and Back/Next
|
|
@@ -8877,6 +10288,102 @@ declare namespace LocalJSX {
|
|
|
8877
10288
|
*/
|
|
8878
10289
|
"type"?: BsSessionTimeoutType;
|
|
8879
10290
|
}
|
|
10291
|
+
/**
|
|
10292
|
+
* A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
|
|
10293
|
+
* and similar secondary content. Closes via its close button or Escape and emits `bsClose`.
|
|
10294
|
+
* Composed from `bs-icon-button` (close button).
|
|
10295
|
+
* While open, Tab/Shift+Tab are trapped in the panel; with `overlay`, the rest of the page is made `inert`.
|
|
10296
|
+
* ## When to use
|
|
10297
|
+
* - Secondary content that sits beside the page without leaving it.
|
|
10298
|
+
* ## When not to use
|
|
10299
|
+
* - A blocking confirmation (use `bs-dialog`).
|
|
10300
|
+
* @prop --bs-side-panel-bg - Panel background. Aliased to `--bs-surface-raised`.
|
|
10301
|
+
* @prop --bs-side-panel-width - Panel width. Aliased to `calc(var(--bs-scale-1600) * 3)`.
|
|
10302
|
+
* @prop --bs-side-panel-padding - Header/body/footer padding. Aliased to `--bs-spacing-200`.
|
|
10303
|
+
* @prop --bs-side-panel-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
|
|
10304
|
+
* @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
|
|
10305
|
+
* @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
|
|
10306
|
+
* @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
|
|
10307
|
+
*/
|
|
10308
|
+
interface BsSidePanel {
|
|
10309
|
+
/**
|
|
10310
|
+
* Accessible label of the close button.
|
|
10311
|
+
* @default 'Close'
|
|
10312
|
+
*/
|
|
10313
|
+
"closeLabel"?: string;
|
|
10314
|
+
/**
|
|
10315
|
+
* Panel title; also its accessible name.
|
|
10316
|
+
* @default ''
|
|
10317
|
+
*/
|
|
10318
|
+
"heading"?: string;
|
|
10319
|
+
/**
|
|
10320
|
+
* Emitted when the panel requests to close (close button, Escape, overlay click).
|
|
10321
|
+
*/
|
|
10322
|
+
"onBsClose"?: (event: BsSidePanelCustomEvent<void>) => void;
|
|
10323
|
+
/**
|
|
10324
|
+
* Whether the panel is visible.
|
|
10325
|
+
* @default false
|
|
10326
|
+
*/
|
|
10327
|
+
"open"?: boolean;
|
|
10328
|
+
/**
|
|
10329
|
+
* Shows a backdrop behind the panel; clicking it closes the panel.
|
|
10330
|
+
* @default false
|
|
10331
|
+
*/
|
|
10332
|
+
"overlay"?: boolean;
|
|
10333
|
+
/**
|
|
10334
|
+
* Edge the panel is anchored to.
|
|
10335
|
+
* @default 'end'
|
|
10336
|
+
*/
|
|
10337
|
+
"side"?: BsSidePanelSide;
|
|
10338
|
+
}
|
|
10339
|
+
/**
|
|
10340
|
+
* A general-purpose loading placeholder for content whose shape isn't covered by a dedicated
|
|
10341
|
+
* skeleton (e.g. `bs-button-skeleton`). Renders a pulsing text line (or several), rectangle or circle.
|
|
10342
|
+
* Decorative by default (`aria-hidden="true"`). Set `label` to expose it to assistive tech as a
|
|
10343
|
+
* `role="status"` live region with that accessible name -- do this on one placeholder per loading
|
|
10344
|
+
* region, not on every placeholder, so screen readers don't announce it repeatedly.
|
|
10345
|
+
* ## When to use
|
|
10346
|
+
* - Standing in for text, images, avatars or other blocks while their data loads.
|
|
10347
|
+
* ## When not to use
|
|
10348
|
+
* - For a `bs-button` or `bs-checkbox` placeholder -- use `bs-button-skeleton` / `bs-checkbox-skeleton`.
|
|
10349
|
+
* - For an in-progress action on already-rendered UI -- use `bs-spinner` or `bs-progress`.
|
|
10350
|
+
* @prop --bs-skeleton-bg - Placeholder color. Aliased to `--bs-color-neutral-container`.
|
|
10351
|
+
* @prop --bs-skeleton-radius - Corner radius for `text`/`rect`. Aliased to `--bs-border-radius-100`.
|
|
10352
|
+
* @prop --bs-skeleton-width - Width when the `width` prop is not set. Defaults to `100%`.
|
|
10353
|
+
* @prop --bs-skeleton-text-height - Height of each text line when `height` is not set. Defaults to `1em`.
|
|
10354
|
+
* @prop --bs-skeleton-rect-height - Height of `rect`/`circle` when `height` is not set. Defaults to `96px`.
|
|
10355
|
+
* @prop --bs-skeleton-gap - Gap between text lines. Aliased to `--bs-spacing-100`.
|
|
10356
|
+
* @prop --bs-skeleton-duration - Pulse duration. Defaults to `1.5s`.
|
|
10357
|
+
*/
|
|
10358
|
+
interface BsSkeleton {
|
|
10359
|
+
/**
|
|
10360
|
+
* Whether the placeholder pulses. Disabled automatically under `prefers-reduced-motion`.
|
|
10361
|
+
* @default true
|
|
10362
|
+
*/
|
|
10363
|
+
"animated"?: boolean;
|
|
10364
|
+
/**
|
|
10365
|
+
* Any CSS length. Falls back to the variant's default height custom property.
|
|
10366
|
+
*/
|
|
10367
|
+
"height"?: string;
|
|
10368
|
+
/**
|
|
10369
|
+
* When set, the placeholder gets `role="status"` and this as its `aria-label`; otherwise it is `aria-hidden="true"`.
|
|
10370
|
+
*/
|
|
10371
|
+
"label"?: string;
|
|
10372
|
+
/**
|
|
10373
|
+
* Number of text lines (`variant="text"` only). The last line of a multi-line block is shorter. Values below 1 are treated as 1.
|
|
10374
|
+
* @default 1
|
|
10375
|
+
*/
|
|
10376
|
+
"lines"?: number;
|
|
10377
|
+
/**
|
|
10378
|
+
* Shape of the placeholder.
|
|
10379
|
+
* @default 'text'
|
|
10380
|
+
*/
|
|
10381
|
+
"variant"?: BsSkeletonVariant;
|
|
10382
|
+
/**
|
|
10383
|
+
* 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.
|
|
10384
|
+
*/
|
|
10385
|
+
"width"?: string;
|
|
10386
|
+
}
|
|
8880
10387
|
/**
|
|
8881
10388
|
* A slider for picking a single numeric value (`type="default"`), a value snapped to evenly
|
|
8882
10389
|
* spaced ticks (`type="segmented"`), or a min/max pair (`type="range"`) from within a bounded
|
|
@@ -8903,6 +10410,11 @@ declare namespace LocalJSX {
|
|
|
8903
10410
|
* @default false
|
|
8904
10411
|
*/
|
|
8905
10412
|
"disabled"?: boolean;
|
|
10413
|
+
/**
|
|
10414
|
+
* Accessible name of the upper-bound thumb / percent field when `ariaLabel` is unset.
|
|
10415
|
+
* @default 'End value'
|
|
10416
|
+
*/
|
|
10417
|
+
"endValueLabel"?: string;
|
|
8906
10418
|
/**
|
|
8907
10419
|
* The `id` of a `<form>` element to associate this element with.
|
|
8908
10420
|
*/
|
|
@@ -8944,6 +10456,11 @@ declare namespace LocalJSX {
|
|
|
8944
10456
|
* @default true
|
|
8945
10457
|
*/
|
|
8946
10458
|
"showLabel"?: boolean;
|
|
10459
|
+
/**
|
|
10460
|
+
* Accessible name of the lower-bound thumb / percent field when `ariaLabel` is unset.
|
|
10461
|
+
* @default 'Start value'
|
|
10462
|
+
*/
|
|
10463
|
+
"startValueLabel"?: string;
|
|
8947
10464
|
/**
|
|
8948
10465
|
* 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
10466
|
* @default 1
|
|
@@ -9073,6 +10590,98 @@ declare namespace LocalJSX {
|
|
|
9073
10590
|
*/
|
|
9074
10591
|
"version"?: string;
|
|
9075
10592
|
}
|
|
10593
|
+
/**
|
|
10594
|
+
* A small inline spinner sized for text. By default (`size="inherit"`) it is `1em` square so it
|
|
10595
|
+
* scales with the surrounding font size, and it draws in `currentColor` so it matches the
|
|
10596
|
+
* surrounding text. Built as plain inline SVG: `bs-progress` has fixed pixel diameters and a
|
|
10597
|
+
* block layout, so it can't sit inline with text.
|
|
10598
|
+
* ## When to use
|
|
10599
|
+
* - Inline "busy" feedback next to or inside text, e.g. "Saving..." or within a button label.
|
|
10600
|
+
* ## When not to use
|
|
10601
|
+
* - For a large or standalone loading indicator, or one with a known percentage -- use `bs-progress`.
|
|
10602
|
+
* - As a content placeholder -- use `bs-skeleton`.
|
|
10603
|
+
* @prop --bs-spinner-size-xs - Diameter at `size="xs"`. Aliased to `--bs-spacing-200`.
|
|
10604
|
+
* @prop --bs-spinner-size-sm - Diameter at `size="sm"`. Aliased to `--bs-spacing-250`.
|
|
10605
|
+
* @prop --bs-spinner-size-md - Diameter at `size="md"`. Aliased to `--bs-spacing-300`.
|
|
10606
|
+
* @prop --bs-spinner-color - Spinner color. Defaults to `currentColor`.
|
|
10607
|
+
* @prop --bs-spinner-track-opacity - Opacity of the background track ring. Defaults to `0.25`.
|
|
10608
|
+
* @prop --bs-spinner-duration - Rotation duration. Defaults to `0.8s`.
|
|
10609
|
+
*/
|
|
10610
|
+
interface BsSpinner {
|
|
10611
|
+
/**
|
|
10612
|
+
* 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).
|
|
10613
|
+
*/
|
|
10614
|
+
"label"?: string;
|
|
10615
|
+
/**
|
|
10616
|
+
* `xs`/`sm`/`md` use fixed token sizes; `inherit` (default) is `1em`, following the font size.
|
|
10617
|
+
* @default 'inherit'
|
|
10618
|
+
*/
|
|
10619
|
+
"size"?: BsSpinnerSize;
|
|
10620
|
+
}
|
|
10621
|
+
/**
|
|
10622
|
+
* A resizable layout of two or three panes separated by draggable, keyboard-operable dividers
|
|
10623
|
+
* (the WAI-ARIA "window splitter" pattern). Content goes into the named slots `pane-1`, `pane-2`
|
|
10624
|
+
* and (optionally) `pane-3`; the pane count follows which slots have content.
|
|
10625
|
+
* `orientation="horizontal"` places panes side by side (vertical dividers); `"vertical"` stacks
|
|
10626
|
+
* them (horizontal dividers). The first pane has a fixed size (`--bs-split-pane-first-size`) that
|
|
10627
|
+
* the user can change by dragging; the last pane absorbs the remaining space. `collapsed` shrinks
|
|
10628
|
+
* the first pane to a narrow rail (`--bs-split-pane-collapsed-size`) -- the component reflects the
|
|
10629
|
+
* attribute so slotted content can switch to its compact rendering (e.g. icon-only list items).
|
|
10630
|
+
* ## When to use
|
|
10631
|
+
* - Master/detail layouts: a navigation or list pane next to one or two detail panes.
|
|
10632
|
+
* ## When not to use
|
|
10633
|
+
* - A temporary overlay panel (use `bs-side-panel`).
|
|
10634
|
+
* - A fixed, non-resizable two-column layout (plain CSS grid; or set `resizable="false"` to keep
|
|
10635
|
+
* the dividers purely visual).
|
|
10636
|
+
* @prop --bs-split-pane-radius - Corner radius of the container. Aliased to `--bs-border-radius-100`.
|
|
10637
|
+
* @prop --bs-split-pane-bg - Pane background. Aliased to `--bs-surface-base`.
|
|
10638
|
+
* @prop --bs-split-pane-color - Text colour inherited by slotted content. Aliased to `--bs-text-default`.
|
|
10639
|
+
* @prop --bs-split-pane-first-size - Initial size of the first pane along the layout axis. Defaults to `333px` (Figma).
|
|
10640
|
+
* @prop --bs-split-pane-collapsed-size - Size of the first pane while `collapsed`. Defaults to `106px` (Figma).
|
|
10641
|
+
* @prop --bs-split-pane-min-size - Smallest size a resized pane may take. Defaults to `96px`.
|
|
10642
|
+
* @prop --bs-split-pane-divider-size - Thickness of a divider. Aliased to `--bs-spacing-75`.
|
|
10643
|
+
* @prop --bs-split-pane-divider-bg - Divider track colour. Aliased to `--bs-surface-container`.
|
|
10644
|
+
* @prop --bs-split-pane-divider-thumb - Divider thumb colour. Aliased to `--bs-border-neutral-container`.
|
|
10645
|
+
* @prop --bs-split-pane-divider-thumb-active - Divider thumb colour on hover, focus and drag. Aliased to `--bs-border-neutral-hover`.
|
|
10646
|
+
* @prop --bs-split-pane-divider-thumb-length - Length of the divider thumb. Defaults to `250px` (Figma).
|
|
10647
|
+
* @prop --bs-split-pane-border - Border between the first pane and the rest when dividers are not resizable. Aliased to `--bs-border-neutral-container`.
|
|
10648
|
+
* @prop --bs-split-pane-focus-ring - Divider focus ring colour. Aliased to `--bs-border-neutral-focus`.
|
|
10649
|
+
*/
|
|
10650
|
+
interface BsSplitPane {
|
|
10651
|
+
/**
|
|
10652
|
+
* Collapses the first pane to a narrow rail. Mutable: the Enter key on the first divider toggles it.
|
|
10653
|
+
* @default false
|
|
10654
|
+
*/
|
|
10655
|
+
"collapsed"?: boolean;
|
|
10656
|
+
/**
|
|
10657
|
+
* Accessible name of each divider.
|
|
10658
|
+
* @default 'Resize panes'
|
|
10659
|
+
*/
|
|
10660
|
+
"dividerLabel"?: string;
|
|
10661
|
+
/**
|
|
10662
|
+
* Fires when `collapsed` changes through user interaction.
|
|
10663
|
+
*/
|
|
10664
|
+
"onBsCollapsedChange"?: (event: BsSplitPaneCustomEvent<boolean>) => void;
|
|
10665
|
+
/**
|
|
10666
|
+
* Fires after a resize (pointer release or key press) with the pixel size of every pane except the last.
|
|
10667
|
+
*/
|
|
10668
|
+
"onBsResize"?: (event: BsSplitPaneCustomEvent<number[]>) => void;
|
|
10669
|
+
/**
|
|
10670
|
+
* `horizontal` = panes side by side, `vertical` = panes stacked.
|
|
10671
|
+
* @default 'horizontal'
|
|
10672
|
+
*/
|
|
10673
|
+
"orientation"?: BsSplitPaneOrientation;
|
|
10674
|
+
/**
|
|
10675
|
+
* Whether the dividers can be dragged / operated by keyboard. `false` keeps them as visual separators.
|
|
10676
|
+
* @default true
|
|
10677
|
+
*/
|
|
10678
|
+
"resizable"?: boolean;
|
|
10679
|
+
/**
|
|
10680
|
+
* Pixels moved per arrow-key press (Shift multiplies by 4).
|
|
10681
|
+
* @default 16
|
|
10682
|
+
*/
|
|
10683
|
+
"step"?: number;
|
|
10684
|
+
}
|
|
9076
10685
|
/**
|
|
9077
10686
|
* A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
|
|
9078
10687
|
* an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or
|
|
@@ -9332,6 +10941,11 @@ declare namespace LocalJSX {
|
|
|
9332
10941
|
* @default 'Confirm'
|
|
9333
10942
|
*/
|
|
9334
10943
|
"confirmLabel"?: string;
|
|
10944
|
+
/**
|
|
10945
|
+
* Verb prefix of each column's decrement button name ("Decrease hour").
|
|
10946
|
+
* @default 'Decrease'
|
|
10947
|
+
*/
|
|
10948
|
+
"decreaseLabel"?: string;
|
|
9335
10949
|
/**
|
|
9336
10950
|
* If `true`, the user cannot interact with the element.
|
|
9337
10951
|
*/
|
|
@@ -9356,10 +10970,14 @@ declare namespace LocalJSX {
|
|
|
9356
10970
|
*/
|
|
9357
10971
|
"heading"?: string;
|
|
9358
10972
|
/**
|
|
9359
|
-
* Accessible name of the hour spinner.
|
|
9360
10973
|
* @default 'Hour'
|
|
9361
10974
|
*/
|
|
9362
10975
|
"hourLabel"?: string;
|
|
10976
|
+
/**
|
|
10977
|
+
* Verb prefix of each column's increment button name ("Increase hour").
|
|
10978
|
+
* @default 'Increase'
|
|
10979
|
+
*/
|
|
10980
|
+
"increaseLabel"?: string;
|
|
9363
10981
|
/**
|
|
9364
10982
|
* Accessible name of the minute spinner.
|
|
9365
10983
|
* @default 'Minute'
|
|
@@ -9402,6 +11020,11 @@ declare namespace LocalJSX {
|
|
|
9402
11020
|
* auto-dismiss timing at all (it's a static visual spec), so this deliberately doesn't invent one.
|
|
9403
11021
|
*/
|
|
9404
11022
|
interface BsToast {
|
|
11023
|
+
/**
|
|
11024
|
+
* Accessible name of the dismiss button.
|
|
11025
|
+
* @default 'Dismiss'
|
|
11026
|
+
*/
|
|
11027
|
+
"dismissLabel"?: string;
|
|
9405
11028
|
/**
|
|
9406
11029
|
* 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
11030
|
*/
|
|
@@ -9446,6 +11069,34 @@ declare namespace LocalJSX {
|
|
|
9446
11069
|
*/
|
|
9447
11070
|
"placement"?: 'top';
|
|
9448
11071
|
}
|
|
11072
|
+
/**
|
|
11073
|
+
* Wraps a trigger element and shows a `bs-tooltip` on hover or keyboard focus, after an optional
|
|
11074
|
+
* delay. Escape dismisses it. The tooltip is linked to the trigger with `aria-describedby`.
|
|
11075
|
+
* Composed from `bs-tooltip`.
|
|
11076
|
+
* ## When to use
|
|
11077
|
+
* - A short hint for an icon button or truncated label.
|
|
11078
|
+
* ## When not to use
|
|
11079
|
+
* - Interactive content or long text (use `bs-popover`).
|
|
11080
|
+
* @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
|
|
11081
|
+
* @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
|
|
11082
|
+
*/
|
|
11083
|
+
interface BsTooltipTrigger {
|
|
11084
|
+
/**
|
|
11085
|
+
* Milliseconds to wait before showing the tooltip.
|
|
11086
|
+
* @default 0
|
|
11087
|
+
*/
|
|
11088
|
+
"delay"?: number;
|
|
11089
|
+
/**
|
|
11090
|
+
* Side of the trigger the tooltip appears on. The bs-tooltip arrow is only drawn for 'bottom'.
|
|
11091
|
+
* @default 'bottom'
|
|
11092
|
+
*/
|
|
11093
|
+
"placement"?: BsTooltipTriggerPlacement;
|
|
11094
|
+
/**
|
|
11095
|
+
* Tooltip message.
|
|
11096
|
+
* @default ''
|
|
11097
|
+
*/
|
|
11098
|
+
"text"?: string;
|
|
11099
|
+
}
|
|
9449
11100
|
/**
|
|
9450
11101
|
* A product's "What's new" surface, in three forms matching the Figma component:
|
|
9451
11102
|
* - `feed` -- a docked panel: heading, "Mark all as read", filter tabs, the list of updates (each a
|
|
@@ -9678,6 +11329,9 @@ declare namespace LocalJSX {
|
|
|
9678
11329
|
"showIcon": boolean;
|
|
9679
11330
|
"showPreview": boolean;
|
|
9680
11331
|
}
|
|
11332
|
+
interface BsAccordionGroupAttributes {
|
|
11333
|
+
"multiple": boolean;
|
|
11334
|
+
}
|
|
9681
11335
|
interface BsAiGreetingAttributes {
|
|
9682
11336
|
"assistantName": string;
|
|
9683
11337
|
"productName": string;
|
|
@@ -9686,6 +11340,8 @@ declare namespace LocalJSX {
|
|
|
9686
11340
|
"label": string;
|
|
9687
11341
|
}
|
|
9688
11342
|
interface BsAttachmentAttributes {
|
|
11343
|
+
"uploadingLabel": string;
|
|
11344
|
+
"removeLabel": string;
|
|
9689
11345
|
"type": BsAttachmentType;
|
|
9690
11346
|
"fileName": string;
|
|
9691
11347
|
"imageSrc": string;
|
|
@@ -9730,6 +11386,7 @@ declare namespace LocalJSX {
|
|
|
9730
11386
|
}
|
|
9731
11387
|
interface BsButtonSkeletonAttributes {
|
|
9732
11388
|
"size": BsButtonSize;
|
|
11389
|
+
"loadingLabel": string;
|
|
9733
11390
|
}
|
|
9734
11391
|
interface BsCardAttributes {
|
|
9735
11392
|
"surface": BsCardSurface;
|
|
@@ -9751,19 +11408,47 @@ declare namespace LocalJSX {
|
|
|
9751
11408
|
"rating": number;
|
|
9752
11409
|
"submitted": boolean;
|
|
9753
11410
|
"comment": string;
|
|
11411
|
+
"closeLabel": string;
|
|
11412
|
+
"commentLabel": string;
|
|
11413
|
+
"commentPlaceholder": string;
|
|
11414
|
+
"submitLabel": string;
|
|
11415
|
+
"newChatLabel": string;
|
|
11416
|
+
"ratingLabel": string;
|
|
11417
|
+
"starLabel": string;
|
|
11418
|
+
"starsLabel": string;
|
|
9754
11419
|
"heading": string;
|
|
9755
11420
|
"subtitle": string;
|
|
9756
11421
|
}
|
|
9757
11422
|
interface BsChatbotHeaderAttributes {
|
|
9758
11423
|
"heading": string;
|
|
9759
11424
|
"expanded": boolean;
|
|
11425
|
+
"hideNewChat": boolean;
|
|
11426
|
+
"hideHistory": boolean;
|
|
11427
|
+
"hideExpand": boolean;
|
|
11428
|
+
"hideClose": boolean;
|
|
11429
|
+
"newChatLabel": string;
|
|
11430
|
+
"historyLabel": string;
|
|
11431
|
+
"expandLabel": string;
|
|
11432
|
+
"collapseLabel": string;
|
|
11433
|
+
"closeLabel": string;
|
|
9760
11434
|
}
|
|
9761
11435
|
interface BsChatbotResponseActionAttributes {
|
|
9762
11436
|
"sourcesCount": number;
|
|
9763
11437
|
"menuOpen": boolean;
|
|
11438
|
+
"liked": boolean;
|
|
11439
|
+
"disliked": boolean;
|
|
11440
|
+
"hideRegenerate": boolean;
|
|
11441
|
+
"likeLabel": string;
|
|
11442
|
+
"dislikeLabel": string;
|
|
11443
|
+
"copyLabel": string;
|
|
11444
|
+
"regenerateLabel": string;
|
|
11445
|
+
"menuLabel": string;
|
|
11446
|
+
"sourceLabel": string;
|
|
11447
|
+
"sourcesLabel": string;
|
|
9764
11448
|
}
|
|
9765
11449
|
interface BsChatbotSourcesDrawerAttributes {
|
|
9766
11450
|
"heading": string;
|
|
11451
|
+
"collapseLabel": string;
|
|
9767
11452
|
"count": number;
|
|
9768
11453
|
}
|
|
9769
11454
|
interface BsChatbotSuggestionButtonAttributes {
|
|
@@ -9782,6 +11467,7 @@ declare namespace LocalJSX {
|
|
|
9782
11467
|
}
|
|
9783
11468
|
interface BsCheckboxSkeletonAttributes {
|
|
9784
11469
|
"size": BsCheckboxSize;
|
|
11470
|
+
"loadingLabel": string;
|
|
9785
11471
|
}
|
|
9786
11472
|
interface BsChipFilterAttributes {
|
|
9787
11473
|
"size": BsChipFilterSize;
|
|
@@ -9797,15 +11483,32 @@ declare namespace LocalJSX {
|
|
|
9797
11483
|
}
|
|
9798
11484
|
interface BsChipInputAttributes {
|
|
9799
11485
|
"size": BsChipInputSize;
|
|
11486
|
+
"removeLabel": string;
|
|
9800
11487
|
"selected": boolean;
|
|
9801
11488
|
"disabled": boolean;
|
|
9802
11489
|
}
|
|
11490
|
+
interface BsCitationPreviewAttributes {
|
|
11491
|
+
"fileName": string;
|
|
11492
|
+
"sourceName": string;
|
|
11493
|
+
"page": string;
|
|
11494
|
+
"href": string;
|
|
11495
|
+
}
|
|
9803
11496
|
interface BsComposerAttributes {
|
|
9804
11497
|
"variant": BsComposerVariant;
|
|
9805
11498
|
"placeholder": string;
|
|
9806
11499
|
"value": string;
|
|
9807
11500
|
"state": BsComposerState;
|
|
9808
11501
|
"ariaLabel": string | null;
|
|
11502
|
+
"loading": boolean;
|
|
11503
|
+
"maxLength": number;
|
|
11504
|
+
"hideAttach": boolean;
|
|
11505
|
+
"hideMic": boolean;
|
|
11506
|
+
"attachLabel": string;
|
|
11507
|
+
"micLabel": string;
|
|
11508
|
+
"stopRecordingLabel": string;
|
|
11509
|
+
"sendLabel": string;
|
|
11510
|
+
"stopLabel": string;
|
|
11511
|
+
"confirmLabel": string;
|
|
9809
11512
|
}
|
|
9810
11513
|
interface BsComposerStatusBannerAttributes {
|
|
9811
11514
|
"type": BsComposerStatusBannerType;
|
|
@@ -9813,6 +11516,8 @@ declare namespace LocalJSX {
|
|
|
9813
11516
|
"showIcon": boolean;
|
|
9814
11517
|
"showButton": boolean;
|
|
9815
11518
|
"actionLabel": string;
|
|
11519
|
+
"loading": boolean;
|
|
11520
|
+
"closeLabel": string;
|
|
9816
11521
|
"allowClose": boolean;
|
|
9817
11522
|
}
|
|
9818
11523
|
interface BsCookieConsentAttributes {
|
|
@@ -9834,6 +11539,7 @@ declare namespace LocalJSX {
|
|
|
9834
11539
|
interface BsDataTableAttributes {
|
|
9835
11540
|
"sortColumn": string;
|
|
9836
11541
|
"sortDirection": 'asc' | 'desc';
|
|
11542
|
+
"selectAllLabel": string;
|
|
9837
11543
|
"selectable": boolean;
|
|
9838
11544
|
}
|
|
9839
11545
|
interface BsDatepickerAttributes {
|
|
@@ -9856,6 +11562,7 @@ declare namespace LocalJSX {
|
|
|
9856
11562
|
interface BsDialogAttributes {
|
|
9857
11563
|
"open": boolean;
|
|
9858
11564
|
"heading": string;
|
|
11565
|
+
"closeLabel": string;
|
|
9859
11566
|
"size": BsDialogSize;
|
|
9860
11567
|
"centered": boolean;
|
|
9861
11568
|
}
|
|
@@ -9912,6 +11619,10 @@ declare namespace LocalJSX {
|
|
|
9912
11619
|
interface BsInputAttributes {
|
|
9913
11620
|
"name": string;
|
|
9914
11621
|
"value": string;
|
|
11622
|
+
"showPasswordLabel": string;
|
|
11623
|
+
"hidePasswordLabel": string;
|
|
11624
|
+
"incrementLabel": string;
|
|
11625
|
+
"decrementLabel": string;
|
|
9915
11626
|
"type": | 'text'
|
|
9916
11627
|
| 'email'
|
|
9917
11628
|
| 'password'
|
|
@@ -9949,9 +11660,21 @@ declare namespace LocalJSX {
|
|
|
9949
11660
|
interface BsMenuItemAttributes {
|
|
9950
11661
|
"disabled": boolean;
|
|
9951
11662
|
}
|
|
11663
|
+
interface BsMessageAttributes {
|
|
11664
|
+
"role": BsMessageRole;
|
|
11665
|
+
"timestamp": string;
|
|
11666
|
+
"datetime": string;
|
|
11667
|
+
"status": BsMessageStatus;
|
|
11668
|
+
}
|
|
11669
|
+
interface BsMessageListAttributes {
|
|
11670
|
+
"scrollToLatestLabel": string;
|
|
11671
|
+
}
|
|
9952
11672
|
interface BsNavigationDrawerAttributes {
|
|
9953
11673
|
"heading": string;
|
|
9954
11674
|
"collapsible": boolean;
|
|
11675
|
+
"collapseLabel": string;
|
|
11676
|
+
"expandLabel": string;
|
|
11677
|
+
"searchLabel": string;
|
|
9955
11678
|
"collapsed": boolean;
|
|
9956
11679
|
"logoBackground": 'auto' | 'light' | 'dark';
|
|
9957
11680
|
"showLogo": boolean;
|
|
@@ -9995,9 +11718,15 @@ declare namespace LocalJSX {
|
|
|
9995
11718
|
"totalPages": number;
|
|
9996
11719
|
"currentPage": number;
|
|
9997
11720
|
"siblingCount": number;
|
|
11721
|
+
"navLabel": string;
|
|
11722
|
+
"pageLabel": string;
|
|
9998
11723
|
"previousLabel": string;
|
|
9999
11724
|
"nextLabel": string;
|
|
10000
11725
|
}
|
|
11726
|
+
interface BsPopoverAttributes {
|
|
11727
|
+
"open": boolean;
|
|
11728
|
+
"placement": BsPopoverPlacement;
|
|
11729
|
+
}
|
|
10001
11730
|
interface BsProductTourAttributes {
|
|
10002
11731
|
"type": BsProductTourType;
|
|
10003
11732
|
"direction": BsProductTourDirection;
|
|
@@ -10079,6 +11808,21 @@ declare namespace LocalJSX {
|
|
|
10079
11808
|
"dividerLabel": string;
|
|
10080
11809
|
"cancelLabel": string;
|
|
10081
11810
|
}
|
|
11811
|
+
interface BsSidePanelAttributes {
|
|
11812
|
+
"open": boolean;
|
|
11813
|
+
"heading": string;
|
|
11814
|
+
"side": BsSidePanelSide;
|
|
11815
|
+
"closeLabel": string;
|
|
11816
|
+
"overlay": boolean;
|
|
11817
|
+
}
|
|
11818
|
+
interface BsSkeletonAttributes {
|
|
11819
|
+
"variant": BsSkeletonVariant;
|
|
11820
|
+
"width": string;
|
|
11821
|
+
"height": string;
|
|
11822
|
+
"lines": number;
|
|
11823
|
+
"animated": boolean;
|
|
11824
|
+
"label": string;
|
|
11825
|
+
}
|
|
10082
11826
|
interface BsSliderAttributes {
|
|
10083
11827
|
"type": BsSliderType;
|
|
10084
11828
|
"name": string;
|
|
@@ -10092,6 +11836,8 @@ declare namespace LocalJSX {
|
|
|
10092
11836
|
"valueEnd": number;
|
|
10093
11837
|
"segments": number;
|
|
10094
11838
|
"disabled": boolean;
|
|
11839
|
+
"startValueLabel": string;
|
|
11840
|
+
"endValueLabel": string;
|
|
10095
11841
|
"ariaLabel": string | null;
|
|
10096
11842
|
}
|
|
10097
11843
|
interface BsSnackbarAttributes {
|
|
@@ -10108,6 +11854,17 @@ declare namespace LocalJSX {
|
|
|
10108
11854
|
"href": string;
|
|
10109
11855
|
"target": string;
|
|
10110
11856
|
}
|
|
11857
|
+
interface BsSpinnerAttributes {
|
|
11858
|
+
"size": BsSpinnerSize;
|
|
11859
|
+
"label": string;
|
|
11860
|
+
}
|
|
11861
|
+
interface BsSplitPaneAttributes {
|
|
11862
|
+
"orientation": BsSplitPaneOrientation;
|
|
11863
|
+
"collapsed": boolean;
|
|
11864
|
+
"resizable": boolean;
|
|
11865
|
+
"dividerLabel": string;
|
|
11866
|
+
"step": number;
|
|
11867
|
+
}
|
|
10111
11868
|
interface BsStepperAttributes {
|
|
10112
11869
|
"currentStep": number;
|
|
10113
11870
|
"direction": BsStepperDirection;
|
|
@@ -10152,16 +11909,24 @@ declare namespace LocalJSX {
|
|
|
10152
11909
|
"formatLabel": string;
|
|
10153
11910
|
"confirmLabel": string;
|
|
10154
11911
|
"cancelLabel": string;
|
|
11912
|
+
"increaseLabel": string;
|
|
11913
|
+
"decreaseLabel": string;
|
|
10155
11914
|
"hourLabel": string;
|
|
10156
11915
|
"minuteLabel": string;
|
|
10157
11916
|
"periodLabel": string;
|
|
10158
11917
|
}
|
|
10159
11918
|
interface BsToastAttributes {
|
|
10160
11919
|
"state": BsToastState;
|
|
11920
|
+
"dismissLabel": string;
|
|
10161
11921
|
}
|
|
10162
11922
|
interface BsTooltipAttributes {
|
|
10163
11923
|
"placement": 'top';
|
|
10164
11924
|
}
|
|
11925
|
+
interface BsTooltipTriggerAttributes {
|
|
11926
|
+
"text": string;
|
|
11927
|
+
"delay": number;
|
|
11928
|
+
"placement": BsTooltipTriggerPlacement;
|
|
11929
|
+
}
|
|
10165
11930
|
interface BsWhatsNewAttributes {
|
|
10166
11931
|
"type": BsWhatsNewType;
|
|
10167
11932
|
"heading": string;
|
|
@@ -10200,6 +11965,7 @@ declare namespace LocalJSX {
|
|
|
10200
11965
|
|
|
10201
11966
|
interface IntrinsicElements {
|
|
10202
11967
|
"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] };
|
|
11968
|
+
"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
11969
|
"bs-ai-disclaimer": BsAiDisclaimer;
|
|
10204
11970
|
"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
11971
|
"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 +11990,7 @@ declare namespace LocalJSX {
|
|
|
10224
11990
|
"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
11991
|
"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
11992
|
"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] };
|
|
11993
|
+
"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
11994
|
"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
11995
|
"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
11996
|
"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 +12007,27 @@ declare namespace LocalJSX {
|
|
|
10240
12007
|
"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
12008
|
"bs-menu": BsMenu;
|
|
10242
12009
|
"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] };
|
|
12010
|
+
"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] };
|
|
12011
|
+
"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
12012
|
"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
12013
|
"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
12014
|
"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
12015
|
"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
12016
|
"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] };
|
|
12017
|
+
"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
12018
|
"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
12019
|
"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
12020
|
"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
12021
|
"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
12022
|
"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
12023
|
"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] };
|
|
12024
|
+
"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] };
|
|
12025
|
+
"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
12026
|
"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
12027
|
"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
12028
|
"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] };
|
|
12029
|
+
"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] };
|
|
12030
|
+
"bs-split-pane": Omit<BsSplitPane, keyof BsSplitPaneAttributes> & { [K in keyof BsSplitPane & keyof BsSplitPaneAttributes]?: BsSplitPane[K] } & { [K in keyof BsSplitPane & keyof BsSplitPaneAttributes as `attr:${K}`]?: BsSplitPaneAttributes[K] } & { [K in keyof BsSplitPane & keyof BsSplitPaneAttributes as `prop:${K}`]?: BsSplitPane[K] };
|
|
10257
12031
|
"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
12032
|
"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
12033
|
"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 +12036,7 @@ declare namespace LocalJSX {
|
|
|
10262
12036
|
"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
12037
|
"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
12038
|
"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] };
|
|
12039
|
+
"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
12040
|
"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
12041
|
"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
12042
|
}
|
|
@@ -10279,6 +12054,19 @@ declare module "@stencil/core" {
|
|
|
10279
12054
|
* section, not a group behavior.
|
|
10280
12055
|
*/
|
|
10281
12056
|
"bs-accordion": LocalJSX.IntrinsicElements["bs-accordion"] & JSXBase.HTMLAttributes<HTMLBsAccordionElement>;
|
|
12057
|
+
/**
|
|
12058
|
+
* Coordinates child `bs-accordion` elements. By default only one stays expanded: when a child
|
|
12059
|
+
* requests expansion (its `bsToggle` event), the others are collapsed. With `multiple`, children
|
|
12060
|
+
* are left independent.
|
|
12061
|
+
* Because `bs-accordion` is a controlled component, the group applies the requested value to the
|
|
12062
|
+
* child's `expanded` property itself.
|
|
12063
|
+
* ## When to use
|
|
12064
|
+
* - A stack of FAQ-style sections where one open at a time keeps the page short.
|
|
12065
|
+
* ## When not to use
|
|
12066
|
+
* - A single section (use `bs-accordion` directly).
|
|
12067
|
+
* @prop --bs-accordion-group-gap - Gap between accordions. Defaults to `0`.
|
|
12068
|
+
*/
|
|
12069
|
+
"bs-accordion-group": LocalJSX.IntrinsicElements["bs-accordion-group"] & JSXBase.HTMLAttributes<HTMLBsAccordionGroupElement>;
|
|
10282
12070
|
/**
|
|
10283
12071
|
* A centered caption disclaimer for Genie AI surfaces, e.g. "AI can make mistakes. Please verify
|
|
10284
12072
|
* important information."
|
|
@@ -10701,11 +12489,8 @@ declare module "@stencil/core" {
|
|
|
10701
12489
|
* Aliased to `--bs-color-primary-container`.
|
|
10702
12490
|
* @prop --bs-chatbot-suggestion-button-bg-hover - Background on hover. Aliased to
|
|
10703
12491
|
* `--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).
|
|
12492
|
+
* @prop --bs-chatbot-suggestion-button-bg-pressed - Background when pressed. Aliased to
|
|
12493
|
+
* `--bs-color-primary-container-pressed`.
|
|
10709
12494
|
* @prop --bs-chatbot-suggestion-button-bg-focus - Background when focused. Aliased to
|
|
10710
12495
|
* `--bs-color-primary-container-hover` (same as hover).
|
|
10711
12496
|
* @prop --bs-chatbot-suggestion-button-text-default - Text color in the default state. Aliased to
|
|
@@ -10790,6 +12575,23 @@ declare module "@stencil/core" {
|
|
|
10790
12575
|
* - A static, non-interactive status/category label -- use `bs-badge`.
|
|
10791
12576
|
*/
|
|
10792
12577
|
"bs-chip-input": LocalJSX.IntrinsicElements["bs-chip-input"] & JSXBase.HTMLAttributes<HTMLBsChipInputElement>;
|
|
12578
|
+
/**
|
|
12579
|
+
* Presentational card previewing a cited source: file name, originating system, page number and a
|
|
12580
|
+
* snippet of the cited text. It does no fetching -- the consumer supplies content through slots.
|
|
12581
|
+
* When `href` is set, the header becomes a link action.
|
|
12582
|
+
* Composed from: `bs-card` (the surface) and `bs-source-link` (the file name / source header and
|
|
12583
|
+
* open action).
|
|
12584
|
+
* ## When to use
|
|
12585
|
+
* - Showing the passage a chat answer was grounded in, e.g. on citation hover/click.
|
|
12586
|
+
* ## When not to use
|
|
12587
|
+
* - As a list row of sources -- use `bs-source-link` directly in `bs-chatbot-sources-drawer`.
|
|
12588
|
+
* @prop --bs-citation-preview-gap - Gap between header, snippet and footer. Aliased to `--bs-spacing-100`.
|
|
12589
|
+
* @prop --bs-citation-preview-snippet-color - Snippet text color. Aliased to `--bs-text-default`.
|
|
12590
|
+
* @prop --bs-citation-preview-snippet-bg - Snippet background. Aliased to `--bs-surface-base`.
|
|
12591
|
+
* @prop --bs-citation-preview-snippet-radius - Snippet corner radius. Aliased to `--bs-border-radius-100`.
|
|
12592
|
+
* @prop --bs-citation-preview-page-color - Page label color. Aliased to `--bs-text-secondary`.
|
|
12593
|
+
*/
|
|
12594
|
+
"bs-citation-preview": LocalJSX.IntrinsicElements["bs-citation-preview"] & JSXBase.HTMLAttributes<HTMLBsCitationPreviewElement>;
|
|
10793
12595
|
/**
|
|
10794
12596
|
* A chat composer input for Genie AI-style conversational interfaces: a text field
|
|
10795
12597
|
* plus an attach button, a mic/voice-recording toggle, and a single primary action button whose
|
|
@@ -11141,6 +12943,45 @@ declare module "@stencil/core" {
|
|
|
11141
12943
|
* @prop --bs-menu-item-line-height - Aliased to `--bs-line-height-body-md`.
|
|
11142
12944
|
*/
|
|
11143
12945
|
"bs-menu-item": LocalJSX.IntrinsicElements["bs-menu-item"] & JSXBase.HTMLAttributes<HTMLBsMenuItemElement>;
|
|
12946
|
+
/**
|
|
12947
|
+
* A single chat message bubble. User messages align to the end with a primary-tinted bubble;
|
|
12948
|
+
* assistant messages align to the start on a neutral bubble. The consumer renders the content
|
|
12949
|
+
* (e.g. markdown) into the default slot.
|
|
12950
|
+
* Composed from: `bs-card` (the bubble surface).
|
|
12951
|
+
* ## When to use
|
|
12952
|
+
* - One entry per turn in a chat transcript, usually inside `bs-message-list`.
|
|
12953
|
+
* ## When not to use
|
|
12954
|
+
* - For transient notices or system banners -- use `bs-toast` / `bs-composer-status-banner`.
|
|
12955
|
+
* @prop --bs-message-gap - Gap between avatar and message column. Aliased to `--bs-spacing-100`.
|
|
12956
|
+
* @prop --bs-message-max-width - Max width of the message column. Defaults to `80%`.
|
|
12957
|
+
* @prop --bs-message-padding - Bubble padding. Aliased to `--bs-spacing-150`.
|
|
12958
|
+
* @prop --bs-message-radius - Bubble corner radius. Aliased to `--bs-border-radius-150`.
|
|
12959
|
+
* @prop --bs-message-user-bg - User bubble background. Aliased to `--bs-color-primary-container`.
|
|
12960
|
+
* @prop --bs-message-user-color - User bubble text color. Aliased to `--bs-text-default`.
|
|
12961
|
+
* @prop --bs-message-assistant-bg - Assistant bubble background. Aliased to `--bs-color-neutral-container`.
|
|
12962
|
+
* @prop --bs-message-assistant-color - Assistant bubble text color. Aliased to `--bs-text-default`.
|
|
12963
|
+
* @prop --bs-message-error-bg - Error bubble background. Aliased to `--bs-color-error-container`.
|
|
12964
|
+
* @prop --bs-message-error-color - Error bubble text color. Aliased to `--bs-text-error`.
|
|
12965
|
+
* @prop --bs-message-pending-opacity - Bubble opacity while pending. Defaults to `0.6`.
|
|
12966
|
+
* @prop --bs-message-timestamp-color - Timestamp color. Aliased to `--bs-text-secondary`.
|
|
12967
|
+
* @prop --bs-message-timestamp-font-size - Timestamp font size. Aliased to `--bs-font-size-xs`.
|
|
12968
|
+
*/
|
|
12969
|
+
"bs-message": LocalJSX.IntrinsicElements["bs-message"] & JSXBase.HTMLAttributes<HTMLBsMessageElement>;
|
|
12970
|
+
/**
|
|
12971
|
+
* Scrollable chat transcript container (`role="log"`, `aria-live="polite"`) for `bs-message`
|
|
12972
|
+
* children. It keeps itself pinned to the newest message while the user is near the bottom; when
|
|
12973
|
+
* the user has scrolled up and new content arrives, it shows a "scroll to latest" button instead
|
|
12974
|
+
* of yanking the viewport.
|
|
12975
|
+
* Composed from: `bs-icon-button` (the scroll-to-latest control).
|
|
12976
|
+
* ## When to use
|
|
12977
|
+
* - Holding the messages of a chat conversation.
|
|
12978
|
+
* ## When not to use
|
|
12979
|
+
* - For generic scrollable lists -- this is built around append-at-the-bottom transcripts.
|
|
12980
|
+
* @prop --bs-message-list-gap - Gap between messages. Aliased to `--bs-spacing-200`.
|
|
12981
|
+
* @prop --bs-message-list-padding - Padding inside the scroll area. Aliased to `--bs-spacing-200`.
|
|
12982
|
+
* @prop --bs-message-list-button-offset - Distance of the scroll-to-latest button from the bottom edge. Aliased to `--bs-spacing-200`.
|
|
12983
|
+
*/
|
|
12984
|
+
"bs-message-list": LocalJSX.IntrinsicElements["bs-message-list"] & JSXBase.HTMLAttributes<HTMLBsMessageListElement>;
|
|
11144
12985
|
/**
|
|
11145
12986
|
* A left-side persistent navigation sidebar: the BrandSync logo, a "Main Menu" title with a
|
|
11146
12987
|
* collapse toggle, a reserved slot for a search field, and a scrollable list of nav items.
|
|
@@ -11272,6 +13113,23 @@ declare module "@stencil/core" {
|
|
|
11272
13113
|
* plain prev/next controls (no numbers) are simpler there.
|
|
11273
13114
|
*/
|
|
11274
13115
|
"bs-pagination": LocalJSX.IntrinsicElements["bs-pagination"] & JSXBase.HTMLAttributes<HTMLBsPaginationElement>;
|
|
13116
|
+
/**
|
|
13117
|
+
* A trigger plus a popup panel that opens on trigger click and closes on outside click or Escape.
|
|
13118
|
+
* The popup is positioned with CSS (absolute, relative to the host) and flips to the opposite side
|
|
13119
|
+
* when it would overflow the viewport; the effective placement is mirrored on the host as
|
|
13120
|
+
* `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.
|
|
13121
|
+
* ## When to use
|
|
13122
|
+
* - A menu, language list or small set of options revealed from a button.
|
|
13123
|
+
* ## When not to use
|
|
13124
|
+
* - A blocking decision (use `bs-dialog`) or a hover-only hint (use `bs-tooltip-trigger`).
|
|
13125
|
+
* @prop --bs-popover-bg - Popup background. Aliased to `--bs-surface-raised`.
|
|
13126
|
+
* @prop --bs-popover-radius - Popup corner radius. Aliased to `--bs-border-radius-100`.
|
|
13127
|
+
* @prop --bs-popover-shadow - Popup shadow. Aliased to `--bs-shadow-md`.
|
|
13128
|
+
* @prop --bs-popover-offset - Gap between trigger and popup. Aliased to `--bs-spacing-100`.
|
|
13129
|
+
* @prop --bs-popover-min-width - Minimum popup width. Aliased to `--bs-scale-1600`.
|
|
13130
|
+
* @prop --bs-popover-z-index - Popup stacking order. Aliased to `--bs-z-index-popover`.
|
|
13131
|
+
*/
|
|
13132
|
+
"bs-popover": LocalJSX.IntrinsicElements["bs-popover"] & JSXBase.HTMLAttributes<HTMLBsPopoverElement>;
|
|
11275
13133
|
/**
|
|
11276
13134
|
* One step of a product tour: a centred **welcome** or **success** card with an art tile, or a
|
|
11277
13135
|
* **pointer** card -- a compact step with a close button, a "1 of 3" progress label and Back/Next
|
|
@@ -11379,6 +13237,44 @@ declare module "@stencil/core" {
|
|
|
11379
13237
|
* (`bs-dialog`) if the warning must trap focus.
|
|
11380
13238
|
*/
|
|
11381
13239
|
"bs-session-timeout": LocalJSX.IntrinsicElements["bs-session-timeout"] & JSXBase.HTMLAttributes<HTMLBsSessionTimeoutElement>;
|
|
13240
|
+
/**
|
|
13241
|
+
* A generic slide-in panel (drawer) anchored to the start or end edge, for history, filters, FAQ
|
|
13242
|
+
* and similar secondary content. Closes via its close button or Escape and emits `bsClose`.
|
|
13243
|
+
* Composed from `bs-icon-button` (close button).
|
|
13244
|
+
* While open, Tab/Shift+Tab are trapped in the panel; with `overlay`, the rest of the page is made `inert`.
|
|
13245
|
+
* ## When to use
|
|
13246
|
+
* - Secondary content that sits beside the page without leaving it.
|
|
13247
|
+
* ## When not to use
|
|
13248
|
+
* - A blocking confirmation (use `bs-dialog`).
|
|
13249
|
+
* @prop --bs-side-panel-bg - Panel background. Aliased to `--bs-surface-raised`.
|
|
13250
|
+
* @prop --bs-side-panel-width - Panel width. Aliased to `calc(var(--bs-scale-1600) * 3)`.
|
|
13251
|
+
* @prop --bs-side-panel-padding - Header/body/footer padding. Aliased to `--bs-spacing-200`.
|
|
13252
|
+
* @prop --bs-side-panel-shadow - Panel shadow. Aliased to `--bs-shadow-md`.
|
|
13253
|
+
* @prop --bs-side-panel-overlay-bg - Backdrop color. Aliased to `--bs-surface-overlay`.
|
|
13254
|
+
* @prop --bs-side-panel-color - Text color. Aliased to `--bs-text-default`.
|
|
13255
|
+
* @prop --bs-side-panel-z-index - Stacking order. Aliased to `--bs-z-index-modal`.
|
|
13256
|
+
*/
|
|
13257
|
+
"bs-side-panel": LocalJSX.IntrinsicElements["bs-side-panel"] & JSXBase.HTMLAttributes<HTMLBsSidePanelElement>;
|
|
13258
|
+
/**
|
|
13259
|
+
* A general-purpose loading placeholder for content whose shape isn't covered by a dedicated
|
|
13260
|
+
* skeleton (e.g. `bs-button-skeleton`). Renders a pulsing text line (or several), rectangle or circle.
|
|
13261
|
+
* Decorative by default (`aria-hidden="true"`). Set `label` to expose it to assistive tech as a
|
|
13262
|
+
* `role="status"` live region with that accessible name -- do this on one placeholder per loading
|
|
13263
|
+
* region, not on every placeholder, so screen readers don't announce it repeatedly.
|
|
13264
|
+
* ## When to use
|
|
13265
|
+
* - Standing in for text, images, avatars or other blocks while their data loads.
|
|
13266
|
+
* ## When not to use
|
|
13267
|
+
* - For a `bs-button` or `bs-checkbox` placeholder -- use `bs-button-skeleton` / `bs-checkbox-skeleton`.
|
|
13268
|
+
* - For an in-progress action on already-rendered UI -- use `bs-spinner` or `bs-progress`.
|
|
13269
|
+
* @prop --bs-skeleton-bg - Placeholder color. Aliased to `--bs-color-neutral-container`.
|
|
13270
|
+
* @prop --bs-skeleton-radius - Corner radius for `text`/`rect`. Aliased to `--bs-border-radius-100`.
|
|
13271
|
+
* @prop --bs-skeleton-width - Width when the `width` prop is not set. Defaults to `100%`.
|
|
13272
|
+
* @prop --bs-skeleton-text-height - Height of each text line when `height` is not set. Defaults to `1em`.
|
|
13273
|
+
* @prop --bs-skeleton-rect-height - Height of `rect`/`circle` when `height` is not set. Defaults to `96px`.
|
|
13274
|
+
* @prop --bs-skeleton-gap - Gap between text lines. Aliased to `--bs-spacing-100`.
|
|
13275
|
+
* @prop --bs-skeleton-duration - Pulse duration. Defaults to `1.5s`.
|
|
13276
|
+
*/
|
|
13277
|
+
"bs-skeleton": LocalJSX.IntrinsicElements["bs-skeleton"] & JSXBase.HTMLAttributes<HTMLBsSkeletonElement>;
|
|
11382
13278
|
/**
|
|
11383
13279
|
* A slider for picking a single numeric value (`type="default"`), a value snapped to evenly
|
|
11384
13280
|
* spaced ticks (`type="segmented"`), or a min/max pair (`type="range"`) from within a bounded
|
|
@@ -11441,6 +13337,54 @@ declare module "@stencil/core" {
|
|
|
11441
13337
|
* `--bs-text-secondary`.
|
|
11442
13338
|
*/
|
|
11443
13339
|
"bs-source-link": LocalJSX.IntrinsicElements["bs-source-link"] & JSXBase.HTMLAttributes<HTMLBsSourceLinkElement>;
|
|
13340
|
+
/**
|
|
13341
|
+
* A small inline spinner sized for text. By default (`size="inherit"`) it is `1em` square so it
|
|
13342
|
+
* scales with the surrounding font size, and it draws in `currentColor` so it matches the
|
|
13343
|
+
* surrounding text. Built as plain inline SVG: `bs-progress` has fixed pixel diameters and a
|
|
13344
|
+
* block layout, so it can't sit inline with text.
|
|
13345
|
+
* ## When to use
|
|
13346
|
+
* - Inline "busy" feedback next to or inside text, e.g. "Saving..." or within a button label.
|
|
13347
|
+
* ## When not to use
|
|
13348
|
+
* - For a large or standalone loading indicator, or one with a known percentage -- use `bs-progress`.
|
|
13349
|
+
* - As a content placeholder -- use `bs-skeleton`.
|
|
13350
|
+
* @prop --bs-spinner-size-xs - Diameter at `size="xs"`. Aliased to `--bs-spacing-200`.
|
|
13351
|
+
* @prop --bs-spinner-size-sm - Diameter at `size="sm"`. Aliased to `--bs-spacing-250`.
|
|
13352
|
+
* @prop --bs-spinner-size-md - Diameter at `size="md"`. Aliased to `--bs-spacing-300`.
|
|
13353
|
+
* @prop --bs-spinner-color - Spinner color. Defaults to `currentColor`.
|
|
13354
|
+
* @prop --bs-spinner-track-opacity - Opacity of the background track ring. Defaults to `0.25`.
|
|
13355
|
+
* @prop --bs-spinner-duration - Rotation duration. Defaults to `0.8s`.
|
|
13356
|
+
*/
|
|
13357
|
+
"bs-spinner": LocalJSX.IntrinsicElements["bs-spinner"] & JSXBase.HTMLAttributes<HTMLBsSpinnerElement>;
|
|
13358
|
+
/**
|
|
13359
|
+
* A resizable layout of two or three panes separated by draggable, keyboard-operable dividers
|
|
13360
|
+
* (the WAI-ARIA "window splitter" pattern). Content goes into the named slots `pane-1`, `pane-2`
|
|
13361
|
+
* and (optionally) `pane-3`; the pane count follows which slots have content.
|
|
13362
|
+
* `orientation="horizontal"` places panes side by side (vertical dividers); `"vertical"` stacks
|
|
13363
|
+
* them (horizontal dividers). The first pane has a fixed size (`--bs-split-pane-first-size`) that
|
|
13364
|
+
* the user can change by dragging; the last pane absorbs the remaining space. `collapsed` shrinks
|
|
13365
|
+
* the first pane to a narrow rail (`--bs-split-pane-collapsed-size`) -- the component reflects the
|
|
13366
|
+
* attribute so slotted content can switch to its compact rendering (e.g. icon-only list items).
|
|
13367
|
+
* ## When to use
|
|
13368
|
+
* - Master/detail layouts: a navigation or list pane next to one or two detail panes.
|
|
13369
|
+
* ## When not to use
|
|
13370
|
+
* - A temporary overlay panel (use `bs-side-panel`).
|
|
13371
|
+
* - A fixed, non-resizable two-column layout (plain CSS grid; or set `resizable="false"` to keep
|
|
13372
|
+
* the dividers purely visual).
|
|
13373
|
+
* @prop --bs-split-pane-radius - Corner radius of the container. Aliased to `--bs-border-radius-100`.
|
|
13374
|
+
* @prop --bs-split-pane-bg - Pane background. Aliased to `--bs-surface-base`.
|
|
13375
|
+
* @prop --bs-split-pane-color - Text colour inherited by slotted content. Aliased to `--bs-text-default`.
|
|
13376
|
+
* @prop --bs-split-pane-first-size - Initial size of the first pane along the layout axis. Defaults to `333px` (Figma).
|
|
13377
|
+
* @prop --bs-split-pane-collapsed-size - Size of the first pane while `collapsed`. Defaults to `106px` (Figma).
|
|
13378
|
+
* @prop --bs-split-pane-min-size - Smallest size a resized pane may take. Defaults to `96px`.
|
|
13379
|
+
* @prop --bs-split-pane-divider-size - Thickness of a divider. Aliased to `--bs-spacing-75`.
|
|
13380
|
+
* @prop --bs-split-pane-divider-bg - Divider track colour. Aliased to `--bs-surface-container`.
|
|
13381
|
+
* @prop --bs-split-pane-divider-thumb - Divider thumb colour. Aliased to `--bs-border-neutral-container`.
|
|
13382
|
+
* @prop --bs-split-pane-divider-thumb-active - Divider thumb colour on hover, focus and drag. Aliased to `--bs-border-neutral-hover`.
|
|
13383
|
+
* @prop --bs-split-pane-divider-thumb-length - Length of the divider thumb. Defaults to `250px` (Figma).
|
|
13384
|
+
* @prop --bs-split-pane-border - Border between the first pane and the rest when dividers are not resizable. Aliased to `--bs-border-neutral-container`.
|
|
13385
|
+
* @prop --bs-split-pane-focus-ring - Divider focus ring colour. Aliased to `--bs-border-neutral-focus`.
|
|
13386
|
+
*/
|
|
13387
|
+
"bs-split-pane": LocalJSX.IntrinsicElements["bs-split-pane"] & JSXBase.HTMLAttributes<HTMLBsSplitPaneElement>;
|
|
11444
13388
|
/**
|
|
11445
13389
|
* A sequence of named steps showing overall progress through a multi-step flow (e.g. a checkout,
|
|
11446
13390
|
* an onboarding wizard) -- each step reads as enabled (not yet reached), current, done, error, or
|
|
@@ -11586,6 +13530,18 @@ declare module "@stencil/core" {
|
|
|
11586
13530
|
* `--bs-line-height-body-sm`.
|
|
11587
13531
|
*/
|
|
11588
13532
|
"bs-tooltip": LocalJSX.IntrinsicElements["bs-tooltip"] & JSXBase.HTMLAttributes<HTMLBsTooltipElement>;
|
|
13533
|
+
/**
|
|
13534
|
+
* Wraps a trigger element and shows a `bs-tooltip` on hover or keyboard focus, after an optional
|
|
13535
|
+
* delay. Escape dismisses it. The tooltip is linked to the trigger with `aria-describedby`.
|
|
13536
|
+
* Composed from `bs-tooltip`.
|
|
13537
|
+
* ## When to use
|
|
13538
|
+
* - A short hint for an icon button or truncated label.
|
|
13539
|
+
* ## When not to use
|
|
13540
|
+
* - Interactive content or long text (use `bs-popover`).
|
|
13541
|
+
* @prop --bs-tooltip-trigger-offset - Gap between trigger and tooltip. Aliased to `--bs-spacing-100`.
|
|
13542
|
+
* @prop --bs-tooltip-trigger-z-index - Stacking order. Aliased to `--bs-z-index-popover`.
|
|
13543
|
+
*/
|
|
13544
|
+
"bs-tooltip-trigger": LocalJSX.IntrinsicElements["bs-tooltip-trigger"] & JSXBase.HTMLAttributes<HTMLBsTooltipTriggerElement>;
|
|
11589
13545
|
/**
|
|
11590
13546
|
* A product's "What's new" surface, in three forms matching the Figma component:
|
|
11591
13547
|
* - `feed` -- a docked panel: heading, "Mark all as read", filter tabs, the list of updates (each a
|