@brandsync/wc 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +587 -162
- package/dist/brandsync-wc/brandsync-wc.esm.js +1 -1
- package/dist/brandsync-wc/p-00d40aca.entry.js +1 -0
- package/dist/brandsync-wc/{p-6e95eb36.entry.js → p-0299e8e1.entry.js} +1 -1
- package/dist/brandsync-wc/{p-613ff380.entry.js → p-0921ca0d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4f8459ae.entry.js → p-0a2d690f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-b5cbe30b.entry.js → p-0cf117f4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-aa43d478.entry.js → p-127d698d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9bcd99aa.entry.js → p-1780224d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-55a8d4b5.entry.js → p-18e0cff4.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e2a37bda.entry.js → p-1abacfe8.entry.js} +1 -1
- package/dist/brandsync-wc/{p-10f6f3cd.entry.js → p-2a7cc40c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-9f1e4a91.entry.js → p-2e7586dd.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e3ce0c8c.entry.js → p-31b28025.entry.js} +1 -1
- package/dist/brandsync-wc/{p-17a695af.entry.js → p-32fe390d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-38aad266.entry.js → p-35bcb932.entry.js} +1 -1
- package/dist/brandsync-wc/{p-0ba35c3b.entry.js → p-393efb5d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-37365a51.entry.js → p-3e61d206.entry.js} +1 -1
- package/dist/brandsync-wc/{p-baa4e2e0.entry.js → p-3e8728dc.entry.js} +1 -1
- package/dist/brandsync-wc/{p-45016a37.entry.js → p-5321186f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-4ec24ccb.entry.js → p-579fbe4d.entry.js} +1 -1
- package/dist/brandsync-wc/{p-16c960b5.entry.js → p-63906504.entry.js} +1 -1
- package/dist/brandsync-wc/{p-59ac2495.entry.js → p-673546bf.entry.js} +1 -1
- package/dist/brandsync-wc/{p-69c5bc2e.entry.js → p-696f885c.entry.js} +1 -1
- package/dist/brandsync-wc/{p-27cce165.entry.js → p-6ef0a0ed.entry.js} +1 -1
- package/dist/brandsync-wc/{p-e231e4cf.entry.js → p-6fc78ccf.entry.js} +1 -1
- package/dist/brandsync-wc/{p-917a5bbc.entry.js → p-7091f130.entry.js} +1 -1
- package/dist/brandsync-wc/{p-752c04c8.entry.js → p-72e02bd5.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c04cf1bb.entry.js → p-778fcc55.entry.js} +1 -1
- package/dist/brandsync-wc/{p-63167373.entry.js → p-790fadf9.entry.js} +1 -1
- package/dist/brandsync-wc/{p-196cfcf0.entry.js → p-82953f42.entry.js} +1 -1
- package/dist/brandsync-wc/p-8b5f4ca7.entry.js +1 -0
- package/dist/brandsync-wc/{p-Do3l4of3.js → p-CvfB8CQv.js} +2 -2
- package/dist/brandsync-wc/{p-c3079ad7.entry.js → p-a16afeaa.entry.js} +1 -1
- package/dist/brandsync-wc/{p-cc79e75f.entry.js → p-a73bfd31.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c90f5a74.entry.js → p-a7704457.entry.js} +1 -1
- package/dist/brandsync-wc/{p-1fcc9f47.entry.js → p-aa1cc2b6.entry.js} +1 -1
- package/dist/brandsync-wc/{p-d037b619.entry.js → p-ac12372f.entry.js} +1 -1
- package/dist/brandsync-wc/p-b2abd8d9.entry.js +1 -0
- package/dist/brandsync-wc/p-b63362e7.entry.js +1 -0
- package/dist/brandsync-wc/{p-ab8de9b6.entry.js → p-bb2ec290.entry.js} +1 -1
- package/dist/brandsync-wc/{p-7e544766.entry.js → p-c7427962.entry.js} +1 -1
- package/dist/brandsync-wc/{p-48000949.entry.js → p-c76ca89f.entry.js} +1 -1
- package/dist/brandsync-wc/{p-43e37883.entry.js → p-c7b9a5c7.entry.js} +1 -1
- package/dist/brandsync-wc/{p-c3c383dc.entry.js → p-ca74c7d9.entry.js} +1 -1
- package/dist/brandsync-wc/p-cc9f85d6.entry.js +1 -0
- package/dist/brandsync-wc/p-cff188cb.entry.js +1 -0
- package/dist/brandsync-wc/{p-b18e4845.entry.js → p-e230ed08.entry.js} +1 -1
- package/dist/brandsync-wc/{p-5ae9e60e.entry.js → p-f652d79c.entry.js} +1 -1
- package/dist/brandsync-wc/p-fc9d52d4.entry.js +1 -0
- package/dist/cjs/brandsync-wc.cjs.js +3 -3
- 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 +1 -1
- 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 +2 -2
- package/dist/cjs/bs-button.cjs.entry.js +1 -1
- package/dist/cjs/bs-card.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-feedback.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-header.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-response-action.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-sources-drawer.cjs.entry.js +2 -2
- package/dist/cjs/bs-chatbot-suggestion-button.cjs.entry.js +2 -2
- package/dist/cjs/bs-checkbox-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/bs-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/bs-chip-filter.cjs.entry.js +68 -0
- package/dist/cjs/bs-chip-informative.cjs.entry.js +42 -0
- package/dist/cjs/bs-chip-input.cjs.entry.js +76 -0
- package/dist/cjs/bs-composer-status-banner.cjs.entry.js +2 -2
- package/dist/cjs/bs-composer.cjs.entry.js +2 -2
- package/dist/cjs/bs-data-table.cjs.entry.js +3 -3
- package/dist/cjs/bs-dialog.cjs.entry.js +13 -3
- package/dist/cjs/bs-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/bs-inline-tab.cjs.entry.js +2 -2
- package/dist/cjs/bs-input.cjs.entry.js +3 -3
- package/dist/cjs/bs-logo.cjs.entry.js +1 -1
- package/dist/cjs/bs-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/bs-menu.cjs.entry.js +2 -2
- package/dist/cjs/bs-navigation-drawer-item.cjs.entry.js +2 -2
- package/dist/cjs/bs-navigation-drawer.cjs.entry.js +2 -2
- package/dist/cjs/bs-navigation-header.cjs.entry.js +2 -2
- package/dist/cjs/bs-pagination.cjs.entry.js +2 -2
- package/dist/cjs/bs-radio.cjs.entry.js +2 -2
- package/dist/cjs/bs-slider.cjs.entry.js +2 -2
- 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-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.cjs.entry.js +2 -2
- package/dist/cjs/bs-tabs.cjs.entry.js +2 -2
- package/dist/cjs/bs-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/{index-DHVw-IPK.js → index-CdAh5BFg.js} +27 -14
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +4 -1
- 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 +1 -1
- package/dist/collection/components/bs-attachment-list/bs-attachment-list.js +1 -1
- package/dist/collection/components/bs-avatar/bs-avatar.js +2 -2
- package/dist/collection/components/bs-badge/bs-badge.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb/bs-breadcrumb.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.js +1 -1
- package/dist/collection/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.js +1 -1
- package/dist/collection/components/bs-button/bs-button/bs-button.js +2 -2
- package/dist/collection/components/bs-button/bs-icon-button/bs-icon-button.js +3 -3
- package/dist/collection/components/bs-button-skeleton/bs-button-skeleton.js +1 -1
- package/dist/collection/components/bs-card/bs-card.css +6 -0
- package/dist/collection/components/bs-card/bs-card.js +1 -1
- package/dist/collection/components/bs-chatbot-feedback/bs-chatbot-feedback.js +1 -1
- package/dist/collection/components/bs-chatbot-header/bs-chatbot-header.js +1 -1
- package/dist/collection/components/bs-chatbot-response-action/bs-chatbot-response-action.js +1 -1
- package/dist/collection/components/bs-chatbot-sources-drawer/bs-chatbot-sources-drawer.js +1 -1
- package/dist/collection/components/bs-chatbot-suggestion-button/bs-chatbot-suggestion-button.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.js +1 -1
- package/dist/collection/components/bs-checkbox/bs-checkbox.js +1 -1
- package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.cmp.test.js +99 -0
- package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.css +156 -0
- package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.js +222 -0
- package/dist/collection/components/bs-chip/bs-chip-filter/bs-chip-filter.stories.js +76 -0
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.cmp.test.js +43 -0
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.css +135 -0
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.js +143 -0
- package/dist/collection/components/bs-chip/bs-chip-informative/bs-chip-informative.stories.js +70 -0
- package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.cmp.test.js +93 -0
- package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.css +172 -0
- package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.js +208 -0
- package/dist/collection/components/bs-chip/bs-chip-input/bs-chip-input.stories.js +67 -0
- package/dist/collection/components/bs-composer/bs-composer.js +3 -3
- package/dist/collection/components/bs-composer-status-banner/bs-composer-status-banner.js +2 -2
- package/dist/collection/components/bs-data-table/bs-data-table.js +6 -6
- package/dist/collection/components/bs-dialog/bs-dialog.cmp.test.js +6 -0
- package/dist/collection/components/bs-dialog/bs-dialog.js +13 -3
- package/dist/collection/components/bs-input/bs-input.js +2 -2
- package/dist/collection/components/bs-logo/bs-logo.js +2 -2
- 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-pagination/bs-pagination.js +1 -1
- package/dist/collection/components/bs-radio/bs-radio.js +1 -1
- package/dist/collection/components/bs-slider/bs-slider.js +2 -2
- package/dist/collection/components/bs-snackbar/bs-snackbar.js +2 -2
- package/dist/collection/components/bs-source-link/bs-source-link.js +2 -2
- 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 +3 -3
- package/dist/collection/components/bs-switch/bs-switch.js +2 -2
- 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 +2 -2
- package/dist/collection/components/bs-tab/bs-tabs/bs-tabs.js +3 -3
- package/dist/collection/components/bs-tooltip/bs-tooltip.js +1 -1
- package/dist/collection/components/ui-shell/bs-navigation-drawer/bs-navigation-drawer/bs-navigation-drawer.js +1 -1
- 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 +2 -2
- 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-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.d.ts +11 -0
- package/dist/components/bs-chip-filter.js +1 -0
- package/dist/components/bs-chip-informative.d.ts +11 -0
- package/dist/components/bs-chip-informative.js +1 -0
- package/dist/components/bs-chip-input.d.ts +11 -0
- package/dist/components/bs-chip-input.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-data-table.js +1 -1
- package/dist/components/bs-dialog.js +1 -1
- package/dist/components/bs-icon-button.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-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-pagination.js +1 -1
- package/dist/components/bs-radio.js +1 -1
- 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-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-tooltip.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-BFcVSpES.js → p-B8JpGodL.js} +1 -1
- package/dist/components/{p-CUa8zihb.js → p-BFVUq5m5.js} +1 -1
- package/dist/components/{p-Bs7nEbqK.js → p-BPUNjzjH.js} +1 -1
- package/dist/components/{p-CPSCOLIf.js → p-Bb6vh9PN.js} +1 -1
- package/dist/components/{p-BJZYe7M4.js → p-CsnFdZ3v.js} +1 -1
- package/dist/components/{p-BKaZWFE1.js → p-DwVm6HIb.js} +1 -1
- package/dist/esm/brandsync-wc.js +4 -4
- 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 +1 -1
- 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 +2 -2
- package/dist/esm/bs-button.entry.js +1 -1
- package/dist/esm/bs-card.entry.js +2 -2
- package/dist/esm/bs-chatbot-feedback.entry.js +2 -2
- package/dist/esm/bs-chatbot-header.entry.js +2 -2
- package/dist/esm/bs-chatbot-response-action.entry.js +2 -2
- package/dist/esm/bs-chatbot-sources-drawer.entry.js +2 -2
- package/dist/esm/bs-chatbot-suggestion-button.entry.js +2 -2
- package/dist/esm/bs-checkbox-skeleton.entry.js +2 -2
- package/dist/esm/bs-checkbox.entry.js +1 -1
- package/dist/esm/bs-chip-filter.entry.js +66 -0
- package/dist/esm/bs-chip-informative.entry.js +40 -0
- package/dist/esm/bs-chip-input.entry.js +74 -0
- package/dist/esm/bs-composer-status-banner.entry.js +2 -2
- package/dist/esm/bs-composer.entry.js +2 -2
- package/dist/esm/bs-data-table.entry.js +3 -3
- package/dist/esm/bs-dialog.entry.js +13 -3
- package/dist/esm/bs-icon-button.entry.js +2 -2
- package/dist/esm/bs-inline-tab.entry.js +2 -2
- package/dist/esm/bs-input.entry.js +3 -3
- package/dist/esm/bs-logo.entry.js +1 -1
- package/dist/esm/bs-menu-item.entry.js +2 -2
- package/dist/esm/bs-menu.entry.js +2 -2
- package/dist/esm/bs-navigation-drawer-item.entry.js +2 -2
- package/dist/esm/bs-navigation-drawer.entry.js +2 -2
- package/dist/esm/bs-navigation-header.entry.js +2 -2
- package/dist/esm/bs-pagination.entry.js +2 -2
- package/dist/esm/bs-radio.entry.js +2 -2
- package/dist/esm/bs-slider.entry.js +2 -2
- package/dist/esm/bs-snackbar.entry.js +2 -2
- package/dist/esm/bs-source-link.entry.js +3 -3
- 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.entry.js +2 -2
- package/dist/esm/bs-tabs.entry.js +2 -2
- package/dist/esm/bs-tooltip.entry.js +2 -2
- package/dist/esm/{index-Do3l4of3.js → index-CvfB8CQv.js} +27 -14
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/bs-chip/bs-chip-filter/bs-chip-filter.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-chip/bs-chip-filter/bs-chip-filter.d.ts +56 -0
- package/dist/types/components/bs-chip/bs-chip-filter/bs-chip-filter.stories.d.ts +20 -0
- package/dist/types/components/bs-chip/bs-chip-informative/bs-chip-informative.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-chip/bs-chip-informative/bs-chip-informative.d.ts +41 -0
- package/dist/types/components/bs-chip/bs-chip-informative/bs-chip-informative.stories.d.ts +21 -0
- package/dist/types/components/bs-chip/bs-chip-input/bs-chip-input.cmp.test.d.ts +1 -0
- package/dist/types/components/bs-chip/bs-chip-input/bs-chip-input.d.ts +60 -0
- package/dist/types/components/bs-chip/bs-chip-input/bs-chip-input.stories.d.ts +18 -0
- package/dist/types/components.d.ts +355 -0
- package/dist/types/stencil-public-runtime.d.ts +62 -55
- package/loader/index.d.ts +1 -1
- package/package.json +6 -5
- package/dist/brandsync-wc/p-3efb76dd.entry.js +0 -1
- package/dist/brandsync-wc/p-ce7fc368.entry.js +0 -1
- package/dist/brandsync-wc/p-d22990c0.entry.js +0 -1
- package/dist/brandsync-wc/p-f0ae2740.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CdAh5BFg.js');
|
|
4
4
|
|
|
5
5
|
const bsRadioCss = () => `:host{display:inline-block;--bs-radio-size:var(--bs-spacing-300);--bs-radio-border-width:2px;--bs-radio-state-layer-size:40px;--bs-radio-hit-area-size:48px;--bs-radio-gap:var(--bs-spacing-100)}.bs-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bs-radio-gap);font-family:inherit;cursor:pointer}.bs-radio--disabled{cursor:not-allowed}.bs-radio__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-radio__input:disabled{cursor:not-allowed}.bs-radio__hit-area{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-hit-area-size);height:var(--bs-radio-hit-area-size)}.bs-radio__state-layer{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--bs-radio-state-layer-size);height:var(--bs-radio-state-layer-size);border-radius:50%;background:var(--bs-radio-bg-default)}.bs-radio__circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-radio-size);height:var(--bs-radio-size);border:var(--bs-radio-border-width) solid var(--bs-radio-enabled-border-default);border-radius:50%;background:transparent}.bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-default)}.bs-radio__dot{width:50%;height:50%;border-radius:50%;background:var(--bs-radio-icon-checked)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-hover)}.bs-radio__input:hover:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-hover)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-focus);outline:2px solid var(--bs-radio-focus-ring);outline-offset:2px}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-focus)}.bs-radio__input:focus-visible~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-focus)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-enabled-border-pressed)}.bs-radio__input:active:not(:disabled)~.bs-radio__hit-area .bs-radio__circle--selected{border-color:var(--bs-radio-selected-border-pressed)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__state-layer{background:var(--bs-radio-bg-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle{border-color:var(--bs-radio-border-disabled)}.bs-radio__input:disabled~.bs-radio__hit-area .bs-radio__circle--selected .bs-radio__dot{background:var(--bs-radio-icon-disabled)}.bs-radio__label{font-size:var(--bs-font-size-md);color:var(--bs-radio-label-default)}.bs-radio--disabled .bs-radio__label{color:var(--bs-radio-label-disabled)}`;
|
|
6
6
|
|
|
@@ -40,7 +40,7 @@ const BsRadio = class {
|
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
render() {
|
|
43
|
-
return (index.h("label", { key: '
|
|
43
|
+
return (index.h("label", { key: '349589d9d20270aedcbd67d528057b9b0c41c486', class: `bs-radio ${this.disabled ? 'bs-radio--disabled' : ''}` }, index.h("input", { key: '36da81bb4a82a78cd1e49ca2d27b4837e6077bd9', class: "bs-radio__input", type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), index.h("span", { key: '1f5e0d0a2c49875b63b70bf1618f1c374d7f5dae', class: "bs-radio__hit-area" }, index.h("span", { key: '63f4e1e619aa3faca1cda08ad878f23b83836d0c', class: "bs-radio__state-layer" }, index.h("span", { key: '5487d7782497766e8d3c1261c035214055b4ecf3', part: "circle", class: `bs-radio__circle ${this.checked ? 'bs-radio__circle--selected' : ''}` }, this.checked && index.h("span", { key: '6a8cd123cf6588c8e18c5841176556bf8f22b1bb', part: "dot", class: "bs-radio__dot" })))), index.h("span", { key: 'b21075cb92382cbdcb3d11404b5db27ac5823308', part: "label", class: "bs-radio__label" }, index.h("slot", { key: '8ca2bb29e32c2f0d52832b42643c0efd7cc89e9a' }))));
|
|
44
44
|
}
|
|
45
45
|
static get delegatesFocus() { return true; }
|
|
46
46
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CdAh5BFg.js');
|
|
4
4
|
|
|
5
5
|
const bsSliderCss = () => `:host{display:block;--bs-slider-gap:var(--bs-spacing-100);--bs-slider-label-color:var(--bs-text-default);--bs-slider-label-color-disabled:var(--bs-text-muted);--bs-slider-label-font-weight:var(--bs-font-weight-semibold);--bs-slider-track-height:var(--bs-spacing-50);--bs-slider-track-radius:var(--bs-border-radius-full);--bs-slider-track-bg:var(--bs-surface-container);--bs-slider-track-bg-disabled:var(--bs-surface-action-disabled);--bs-slider-fill-bg:var(--bs-surface-action);--bs-slider-fill-bg-disabled:var(--bs-surface-on-action-disabled);--bs-slider-knob-hit-size:var(--bs-spacing-600);--bs-slider-knob-size:var(--bs-spacing-300);--bs-slider-knob-bg:var(--bs-surface-action);--bs-slider-knob-color-disabled:var(--bs-surface-on-action-disabled);--bs-slider-focus-ring-color:var(--bs-border-primary-focus);--bs-slider-focus-ring-gap-color:var(--bs-surface-base);--bs-slider-tick-bg:var(--bs-surface-inset);--bs-slider-tooltip-bg:var(--bs-surface-inverse);--bs-slider-tooltip-color:var(--bs-text-inverse);--bs-slider-tooltip-radius:var(--bs-border-radius-50);--bs-slider-field-width:56px;--bs-slider-field-border:var(--bs-input-border-default);--bs-slider-field-bg:var(--bs-input-bg-default);--bs-slider-field-radius:var(--bs-border-radius-100);--bs-slider-field-text:var(--bs-input-text);--bs-slider-field-text-disabled:var(--bs-text-on-disabled);--bs-slider-bound-color:var(--bs-text-default);--bs-slider-bound-color-disabled:var(--bs-text-on-disabled)}.bs-slider{display:flex;flex-direction:column;gap:var(--bs-slider-gap);font-family:inherit}.bs-slider__label{font-size:var(--bs-font-size-sm);font-weight:var(--bs-slider-label-font-weight);color:var(--bs-slider-label-color)}.bs-slider--disabled .bs-slider__label{color:var(--bs-slider-label-color-disabled);font-weight:normal}.bs-slider__header{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-slider-gap)}.bs-slider__value-fields{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-slider__row{display:flex;align-items:center;gap:var(--bs-slider-gap)}.bs-slider__bound{color:var(--bs-slider-bound-color);font-size:var(--bs-font-size-md);flex-shrink:0}.bs-slider--disabled .bs-slider__bound{color:var(--bs-slider-bound-color-disabled)}.bs-slider__separator{color:var(--bs-slider-field-text);flex-shrink:0}.bs-slider--disabled .bs-slider__separator{color:var(--bs-slider-field-text-disabled)}.bs-slider__field{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-spacing-25);flex-shrink:0;width:var(--bs-slider-field-width);border:1px solid var(--bs-slider-field-border);border-radius:var(--bs-slider-field-radius);background:var(--bs-slider-field-bg);padding:var(--bs-spacing-50) var(--bs-spacing-100)}.bs-slider--disabled .bs-slider__field{cursor:not-allowed}.bs-slider__field-input{flex:1;min-width:0;border:none;outline:none;padding:0;background:transparent;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm);font-family:inherit;text-align:left;-moz-appearance:textfield}.bs-slider__field-suffix{flex-shrink:0;color:var(--bs-slider-field-text);font-size:var(--bs-font-size-sm)}.bs-slider--disabled .bs-slider__field-suffix{color:var(--bs-slider-field-text-disabled)}.bs-slider__field-input::-webkit-outer-spin-button,.bs-slider__field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bs-slider__field-input:disabled{color:var(--bs-slider-field-text-disabled);cursor:not-allowed}.bs-slider__track-wrapper{position:relative;flex:1;min-width:0;height:var(--bs-slider-knob-hit-size);display:flex;align-items:center}.bs-slider__track{position:relative;width:100%;height:var(--bs-slider-track-height);border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-track-bg);overflow:visible;pointer-events:none}.bs-slider--disabled .bs-slider__track{background:var(--bs-slider-track-bg-disabled)}.bs-slider__track-fill{position:absolute;top:0;bottom:0;left:var(--bs-slider-fill-start, 0%);right:calc(100% - var(--bs-slider-fill-end, 0%));border-radius:var(--bs-slider-track-radius);background:var(--bs-slider-fill-bg)}.bs-slider--disabled .bs-slider__track-fill{background:var(--bs-slider-fill-bg-disabled)}.bs-slider__ticks{position:absolute;top:50%;left:0;width:100%;height:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.bs-slider__tick{width:2px;height:var(--bs-spacing-50);background:var(--bs-slider-tick-bg)}.bs-slider__tick--hidden{opacity:0}.bs-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:pointer}.bs-slider--disabled .bs-slider__input{cursor:not-allowed}.bs-slider__input::-webkit-slider-runnable-track{background:transparent}.bs-slider__input::-moz-range-track{background:transparent}.bs-slider__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider__input::-moz-range-thumb{box-sizing:border-box;width:var(--bs-slider-knob-size);height:var(--bs-slider-knob-size);border-radius:var(--bs-border-radius-full);border:none;background:var(--bs-slider-knob-bg);cursor:pointer}.bs-slider--disabled .bs-slider__input::-webkit-slider-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider--disabled .bs-slider__input::-moz-range-thumb{cursor:not-allowed;background:var(--bs-slider-knob-color-disabled)}.bs-slider__input--start,.bs-slider__input--end{pointer-events:none}.bs-slider__input--start::-webkit-slider-thumb,.bs-slider__input--end::-webkit-slider-thumb{pointer-events:auto}.bs-slider__input--start::-moz-range-thumb,.bs-slider__input--end::-moz-range-thumb{pointer-events:auto}.bs-slider__input:focus-visible::-webkit-slider-thumb,.bs-slider__input:active::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__input:focus-visible::-moz-range-thumb,.bs-slider__input:active::-moz-range-thumb{box-shadow:0 0 0 2px var(--bs-slider-focus-ring-gap-color), 0 0 0 4px var(--bs-slider-focus-ring-color)}.bs-slider__tooltip{position:absolute;bottom:calc(50% + 38px);transform:translateX(-50%);padding:var(--bs-spacing-25) var(--bs-spacing-100);background:var(--bs-slider-tooltip-bg);color:var(--bs-slider-tooltip-color);border-radius:var(--bs-slider-tooltip-radius);font-size:var(--bs-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.1s ease}.bs-slider__tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-slider-tooltip-bg);clip-path:polygon(50% 100%, 0% 0%, 100% 0%)}.bs-slider__input:focus-visible~.bs-slider__tooltip,.bs-slider__input:active~.bs-slider__tooltip{opacity:1}.bs-slider__input--start:focus-visible~.bs-slider__tooltip--end,.bs-slider__input--start:active~.bs-slider__tooltip--end,.bs-slider__input--end:focus-visible~.bs-slider__tooltip--start,.bs-slider__input--end:active~.bs-slider__tooltip--start{opacity:0}`;
|
|
6
6
|
|
|
@@ -182,7 +182,7 @@ const BsSlider = class {
|
|
|
182
182
|
render() {
|
|
183
183
|
const isRange = this.type === 'range';
|
|
184
184
|
const rootClasses = ['bs-slider', this.disabled ? 'bs-slider--disabled' : ''].filter(Boolean).join(' ');
|
|
185
|
-
return (index.h("div", { key: '
|
|
185
|
+
return (index.h("div", { key: 'e4647158959bb507711a1d9872e68f64d5f7bd34', class: rootClasses }, this.showLabel && (index.h("div", { key: 'eb5d67b8717cc627b63a17f85471e757d35cec85', class: "bs-slider__header" }, index.h("span", { key: '48f6184206774111a5beb1869857020d7008f013', id: "bs-slider-label", part: "label", class: "bs-slider__label" }, this.label), isRange ? (index.h("span", { class: "bs-slider__value-fields" }, this.renderPercentField(this.percent(this.effectiveValueStart), this.onStartPercentFieldChange, this.ariaLabel ?? 'Start value'), index.h("span", { class: "bs-slider__separator" }, "\u2013"), this.renderPercentField(this.percent(this.effectiveValueEnd), this.onEndPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} end` : 'End value'))) : (this.renderPercentField(this.percent(this.value), this.onPercentFieldChange, this.ariaLabel ? `${this.ariaLabel} value` : 'Value')))), index.h("div", { key: '1ee4796e51f2d29b1b5bad812d81f037d1d2d29f', class: "bs-slider__row" }, this.showLabel && (index.h("span", { key: '4bfdfd86f9c5ae5c2f8ca08c0758be9fce483056', part: "bound", class: "bs-slider__bound" }, this.min)), isRange ? this.renderRangeThumbs() : this.renderSingleThumb(), this.showLabel && (index.h("span", { key: '06ee3063570c858bcdf49960b9021a301e56288e', part: "bound", class: "bs-slider__bound" }, this.max)))));
|
|
186
186
|
}
|
|
187
187
|
static get delegatesFocus() { return true; }
|
|
188
188
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CdAh5BFg.js');
|
|
4
4
|
|
|
5
5
|
const bsSnackbarCss = () => `:host{display:inline-flex;--bs-snackbar-radius:var(--bs-border-radius-100);--bs-snackbar-shadow:var(--bs-shadow-md);--bs-snackbar-gap:var(--bs-spacing-100);--bs-snackbar-content-padding-y:var(--bs-spacing-200);--bs-snackbar-content-padding-x:var(--bs-spacing-200);--bs-snackbar-content-gap:var(--bs-spacing-150);--bs-snackbar-font-size:var(--bs-font-size-md);--bs-snackbar-line-height:var(--bs-line-height-body-md);--bs-snackbar-actions-padding-y:var(--bs-spacing-50);--bs-snackbar-actions-padding-x:var(--bs-spacing-100);--bs-snackbar-actions-gap:var(--bs-spacing-50);--bs-snackbar-action-radius:var(--bs-border-radius-100);--bs-snackbar-action-font-size:var(--bs-font-size-sm);--bs-snackbar-action-font-weight:var(--bs-font-weight-medium);--bs-snackbar-action-line-height:var(--bs-line-height-body-sm);--bs-snackbar-close-radius:var(--bs-border-radius-100);--bs-snackbar-surface-default:var(--bs-snackbar-bg-default);--bs-snackbar-color-default:var(--bs-snackbar-text-default);--bs-snackbar-action-border-default:var(--bs-blue-300);--bs-snackbar-action-text-default:var(--bs-snackbar-action-text);--bs-snackbar-surface-info:var(--bs-color-info-container);--bs-snackbar-text-info:var(--bs-text-info);--bs-snackbar-action-bg-info:var(--bs-snackbar-bg-info);--bs-snackbar-action-bg-info-hover:var(--bs-color-info-hover);--bs-snackbar-action-bg-info-pressed:var(--bs-color-info-pressed);--bs-snackbar-surface-warning:var(--bs-color-warning-container);--bs-snackbar-text-warning:var(--bs-text-warning);--bs-snackbar-action-bg-warning:var(--bs-snackbar-bg-warning);--bs-snackbar-action-bg-warning-hover:var(--bs-color-warning-hover);--bs-snackbar-action-bg-warning-pressed:var(--bs-color-warning-pressed);--bs-snackbar-surface-success:var(--bs-color-success-container);--bs-snackbar-text-success:var(--bs-text-success);--bs-snackbar-action-bg-success:var(--bs-snackbar-bg-success);--bs-snackbar-action-bg-success-hover:var(--bs-color-success-hover);--bs-snackbar-action-bg-success-pressed:var(--bs-color-success-pressed);--bs-snackbar-surface-error:var(--bs-color-error-container);--bs-snackbar-text-error:var(--bs-text-error);--bs-snackbar-action-bg-error:var(--bs-snackbar-bg-error);--bs-snackbar-action-bg-error-hover:var(--bs-color-error-hover);--bs-snackbar-action-bg-error-pressed:var(--bs-color-error-pressed);--bs-snackbar-action-text-on-action:var(--bs-text-on-action);--bs-snackbar-spinner-track:var(--bs-neutral-200)}.bs-snackbar{display:flex;align-items:center;gap:var(--bs-snackbar-gap);border-radius:var(--bs-snackbar-radius);box-shadow:var(--bs-snackbar-shadow);font-family:inherit}.bs-snackbar--default{background:var(--bs-snackbar-surface-default);color:var(--bs-snackbar-color-default)}.bs-snackbar--info{background:var(--bs-snackbar-surface-info);color:var(--bs-snackbar-text-info)}.bs-snackbar--warning{background:var(--bs-snackbar-surface-warning);color:var(--bs-snackbar-text-warning)}.bs-snackbar--success{background:var(--bs-snackbar-surface-success);color:var(--bs-snackbar-text-success)}.bs-snackbar--error{background:var(--bs-snackbar-surface-error);color:var(--bs-snackbar-text-error)}.bs-snackbar__content{display:flex;align-items:center;gap:var(--bs-snackbar-content-gap);flex:1 1 auto;min-width:0;padding:var(--bs-snackbar-content-padding-y) 0 var(--bs-snackbar-content-padding-y) var(--bs-snackbar-content-padding-x)}.bs-snackbar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.bs-snackbar__icon svg{width:24px;height:24px}.bs-snackbar__spinner{display:inline-block;box-sizing:border-box;width:24px;height:24px;border:2px solid var(--bs-snackbar-spinner-track);border-top-color:currentColor;border-radius:50%;animation:bs-snackbar-spin 0.8s linear infinite}@keyframes bs-snackbar-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bs-snackbar__spinner{animation:none}}.bs-snackbar__message{flex:1 1 auto;min-width:0;font-size:var(--bs-snackbar-font-size);line-height:calc(var(--bs-snackbar-line-height) * 1px)}.bs-snackbar__actions{display:flex;align-items:center;align-self:stretch;gap:var(--bs-snackbar-actions-gap);flex-shrink:0;padding:var(--bs-snackbar-actions-padding-y) var(--bs-snackbar-actions-padding-x) var(--bs-snackbar-actions-padding-y) 0}.bs-snackbar__action{height:32px;padding:0 var(--bs-spacing-150);border-radius:var(--bs-snackbar-action-radius);font-family:inherit;font-size:var(--bs-snackbar-action-font-size);font-weight:var(--bs-snackbar-action-font-weight);line-height:calc(var(--bs-snackbar-action-line-height) * 1px);white-space:nowrap;cursor:pointer;border:none;background:transparent}.bs-snackbar--default .bs-snackbar__action{border:1px solid var(--bs-snackbar-action-border-default);color:var(--bs-snackbar-action-text-default)}.bs-snackbar--info .bs-snackbar__action{background:var(--bs-snackbar-action-bg-info);color:var(--bs-snackbar-action-text-on-action)}.bs-snackbar--info .bs-snackbar__action:hover{background:var(--bs-snackbar-action-bg-info-hover)}.bs-snackbar--info .bs-snackbar__action:active{background:var(--bs-snackbar-action-bg-info-pressed)}.bs-snackbar--warning .bs-snackbar__action{background:var(--bs-snackbar-action-bg-warning);color:var(--bs-snackbar-action-text-on-action)}.bs-snackbar--warning .bs-snackbar__action:hover{background:var(--bs-snackbar-action-bg-warning-hover)}.bs-snackbar--warning .bs-snackbar__action:active{background:var(--bs-snackbar-action-bg-warning-pressed)}.bs-snackbar--success .bs-snackbar__action{background:var(--bs-snackbar-action-bg-success);color:var(--bs-snackbar-action-text-on-action)}.bs-snackbar--success .bs-snackbar__action:hover{background:var(--bs-snackbar-action-bg-success-hover)}.bs-snackbar--success .bs-snackbar__action:active{background:var(--bs-snackbar-action-bg-success-pressed)}.bs-snackbar--error .bs-snackbar__action{background:var(--bs-snackbar-action-bg-error);color:var(--bs-snackbar-action-text-on-action)}.bs-snackbar--error .bs-snackbar__action:hover{background:var(--bs-snackbar-action-bg-error-hover)}.bs-snackbar--error .bs-snackbar__action:active{background:var(--bs-snackbar-action-bg-error-pressed)}.bs-snackbar__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:0;border:none;background:transparent;border-radius:var(--bs-snackbar-close-radius);color:inherit;cursor:pointer}.bs-snackbar__close svg{width:24px;height:24px}.bs-snackbar--default .bs-snackbar__action:hover,.bs-snackbar__close:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.bs-snackbar--default .bs-snackbar__action:active,.bs-snackbar__close:active{background:color-mix(in srgb, currentColor 24%, transparent)}.bs-snackbar__action:focus-visible,.bs-snackbar__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}`;
|
|
6
6
|
|
|
@@ -31,7 +31,7 @@ const BsSnackbar = class {
|
|
|
31
31
|
this.bsDismiss.emit();
|
|
32
32
|
};
|
|
33
33
|
render() {
|
|
34
|
-
return (index.h("div", { key: '
|
|
34
|
+
return (index.h("div", { key: '3dc0997bd057ef72d7322d28ad5c561fb5e24730', part: "container", class: `bs-snackbar bs-snackbar--${this.variant}`, role: "status", "aria-live": this.variant === 'error' ? 'assertive' : 'polite' }, index.h("div", { key: '3b77e4ac957cd73368883afbb7b47fb5cc46966b', class: "bs-snackbar__content" }, index.h("span", { key: '45a8c01714b0a3bec9ffcc470a83959a1d9f0539', part: "icon", class: "bs-snackbar__icon", "aria-hidden": "true" }, this.loading ? index.h("span", { class: "bs-snackbar__spinner" }) : index.h(CheckCircleIcon, null)), index.h("span", { key: '6738316060e8da63c45ceda8ec2a2fce0dbcbc24', part: "message", class: "bs-snackbar__message" }, index.h("slot", { key: 'f88fe59ad8c970a222b2349a86df8c9ccb2836ab' }))), index.h("div", { key: '171fa694e2faccca014bb75234958cd458b17fe7', class: "bs-snackbar__actions" }, this.actionLabel && (index.h("button", { key: '2f529c556bbc9b6d01fddb23b434a6e381f38529', part: "action", type: "button", class: "bs-snackbar__action", onClick: this.onAction }, this.actionLabel)), index.h("button", { key: '1f45a977afdd80ee603e122fe8ac36b8161d6ee3', part: "close", type: "button", class: "bs-snackbar__close", "aria-label": "Dismiss", onClick: this.onDismiss }, index.h(CloseIcon, { key: 'f16229c70fdbd0329e4a91fe7fbbf58e43e7870f' })))));
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
const CheckCircleIcon = () => (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M8.25 12.75L10.5 15L15.75 9.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CdAh5BFg.js');
|
|
4
4
|
|
|
5
5
|
const bsSourceLinkCss = () => `:host{display:block;--bs-source-link-radius:var(--bs-border-radius-150);--bs-source-link-padding:var(--bs-spacing-150);--bs-source-link-gap:var(--bs-spacing-50);--bs-source-link-icon-gap:var(--bs-spacing-75);--bs-source-link-hover:var(--bs-surface-hover);--bs-source-link-pressed:var(--bs-surface-pressed);--bs-source-link-focus:var(--bs-border-neutral-focus);--bs-source-link-filename-color:var(--bs-text-default);--bs-source-link-meta-color:var(--bs-text-secondary);--bs-source-link-icon-color:var(--bs-icon-default);--bs-source-link-dot-color:var(--bs-text-secondary)}.bs-source-link{box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-source-link-gap);width:100%;padding:var(--bs-source-link-padding);background:none;border:none;border-radius:var(--bs-source-link-radius);font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-source-link:hover,.bs-source-link:focus-visible{background:var(--bs-source-link-hover)}.bs-source-link:active{background:var(--bs-source-link-pressed)}.bs-source-link:focus-visible{outline:2px solid var(--bs-source-link-focus);outline-offset:1px}.bs-source-link__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--bs-source-link-icon-color)}.bs-source-link__left{display:flex;flex:1 0 0;flex-direction:column;gap:2px;min-width:0}.bs-source-link__filename-row{display:flex;align-items:center;gap:var(--bs-source-link-icon-gap);width:100%}.bs-source-link__filename{margin:0;overflow:hidden;color:var(--bs-source-link-filename-color);font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-semibold);line-height:var(--bs-line-height-normal);text-overflow:ellipsis;white-space:nowrap}.bs-source-link__meta{display:flex;align-items:center;gap:var(--bs-spacing-50);padding-left:22px}.bs-source-link__source,.bs-source-link__version{color:var(--bs-source-link-meta-color);font-size:var(--bs-font-size-sm);line-height:var(--bs-line-height-normal);white-space:nowrap}.bs-source-link__dot{width:4px;height:4px;border-radius:50%;background:var(--bs-source-link-dot-color);flex-shrink:0}.bs-source-link__arrow{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-source-link-icon-color)}`;
|
|
6
6
|
|
|
@@ -26,8 +26,8 @@ const BsSourceLink = class {
|
|
|
26
26
|
};
|
|
27
27
|
render() {
|
|
28
28
|
const inner = [
|
|
29
|
-
index.h("span", { key: '
|
|
30
|
-
index.h("span", { key: '
|
|
29
|
+
index.h("span", { key: 'f439433f45bc81b4c515903661311431d99637cd', class: "bs-source-link__left" }, index.h("span", { key: '4ede9ae3793da7453679723866a519e73ee963aa', class: "bs-source-link__filename-row" }, index.h("span", { key: '6b4b95fde466988248d34d27705df76acce5927a', part: "icon", class: "bs-source-link__icon" }, index.h("slot", { key: '24cf2dcc3d04fb2d6e543d1e8bae0e96d0df2d14', name: "icon" }, index.h(FileTextIcon, { key: 'f04e008075912dfac619c1a2e676346bc7d226d5' }))), index.h("p", { key: '16b2120d5391930dfc239cb5dd18c40de0cb7aa0', part: "filename", class: "bs-source-link__filename" }, this.fileName)), index.h("span", { key: 'ec10ed741f33eba57624e0840253f96851f1481a', class: "bs-source-link__meta" }, this.sourceName && (index.h("span", { key: '56d4a784e30ceff1568bb393d4c3b368f81a0f3e', part: "source", class: "bs-source-link__source" }, this.sourceName)), this.sourceName && this.version && index.h("span", { key: '95db8a3be1c61741e7d30229c642fea7d321b6b0', class: "bs-source-link__dot", "aria-hidden": "true" }), this.version && (index.h("span", { key: '4f8caac5193d8671811f9972654ab049f23bac49', part: "version", class: "bs-source-link__version" }, this.version)))),
|
|
30
|
+
index.h("span", { key: '6009485aa7f7d802a82195c50374693f66782737', part: "arrow", class: "bs-source-link__arrow", "aria-hidden": "true" }, index.h(ArrowUpRightIcon, { key: '1032169a5bfb02f9fbf1d7a5d5d255f313e1da29' })),
|
|
31
31
|
];
|
|
32
32
|
return this.href ? (index.h("a", { class: "bs-source-link", href: this.href, target: this.target, rel: "noopener noreferrer", onClick: this.onClick }, inner)) : (index.h("button", { type: "button", class: "bs-source-link", onClick: this.onClick }, inner));
|
|
33
33
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CdAh5BFg.js');
|
|
4
4
|
|
|
5
5
|
const bsStepperStepCss = () => `:host{display:flex;font-family:inherit;font-size:var(--bs-stepper-step-font-size);line-height:calc(var(--bs-stepper-step-line-height) * 1px);--bs-stepper-step-gap:var(--bs-spacing-100);--bs-stepper-step-icon-size:24px;--bs-stepper-step-icon-border-width:1.5px;--bs-stepper-step-connector-color:var(--bs-border-default);--bs-stepper-step-connector-thickness:2px;--bs-stepper-step-icon-border-enabled:var(--bs-border-default);--bs-stepper-step-icon-border-current:var(--bs-color-primary-default);--bs-stepper-step-icon-dot-current:var(--bs-color-primary-default);--bs-stepper-step-icon-bg-done:var(--bs-color-primary-default);--bs-stepper-step-icon-color-done:var(--bs-text-on-action);--bs-stepper-step-icon-border-error:var(--bs-border-error);--bs-stepper-step-icon-color-error:var(--bs-border-error);--bs-stepper-step-icon-border-disabled:var(--bs-border-neutral-disabled);--bs-stepper-step-text-enabled:var(--bs-text-muted);--bs-stepper-step-text-active:var(--bs-text-default);--bs-stepper-step-text-disabled:var(--bs-text-on-disabled);--bs-stepper-step-font-size:var(--bs-font-size-md);--bs-stepper-step-line-height:var(--bs-line-height-body-md);--bs-stepper-step-name-font-weight:var(--bs-font-weight-semibold);--bs-stepper-step-description-font-weight:var(--bs-font-weight-regular)}:host(.bs-stepper-step--horizontal){flex:1 1 0;flex-direction:column}:host(.bs-stepper-step--vertical){width:100%;flex-direction:row;}.bs-stepper-step__top{display:flex;align-items:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__top{flex-direction:row}:host(.bs-stepper-step--vertical) .bs-stepper-step__top{flex-direction:column}.bs-stepper-step__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bs-stepper-step-icon-size);height:var(--bs-stepper-step-icon-size);border-radius:50%;box-sizing:border-box}.bs-stepper-step__icon svg{width:16px;height:16px}.bs-stepper-step__icon--enabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-enabled)}.bs-stepper-step__icon--current{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-current)}.bs-stepper-step__icon-dot{width:16px;height:16px;border-radius:50%;background:var(--bs-stepper-step-icon-dot-current)}.bs-stepper-step__icon--done{background:var(--bs-stepper-step-icon-bg-done);color:var(--bs-stepper-step-icon-color-done)}.bs-stepper-step__icon--error{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-error);color:var(--bs-stepper-step-icon-color-error)}.bs-stepper-step__icon--disabled{border:var(--bs-stepper-step-icon-border-width) solid var(--bs-stepper-step-icon-border-disabled)}.bs-stepper-step__connector{display:flex;align-items:center;justify-content:center}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector{flex:1 1 auto;margin-left:var(--bs-stepper-step-gap)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector{flex:1 1 auto;flex-direction:column;align-items:center;width:var(--bs-stepper-step-icon-size);margin:var(--bs-stepper-step-gap) 0;min-height:var(--bs-stepper-step-icon-size)}.bs-stepper-step__connector-line{display:block;border-radius:calc(var(--bs-stepper-step-connector-thickness) / 2);background:var(--bs-stepper-step-connector-color)}:host(.bs-stepper-step--horizontal) .bs-stepper-step__connector-line{width:100%;height:var(--bs-stepper-step-connector-thickness)}:host(.bs-stepper-step--vertical) .bs-stepper-step__connector-line{flex:1 1 auto;width:var(--bs-stepper-step-connector-thickness)}:host(:last-child) .bs-stepper-step__connector{visibility:hidden}.bs-stepper-step__label{display:flex;flex-direction:column}:host(.bs-stepper-step--horizontal) .bs-stepper-step__label{margin-top:var(--bs-stepper-step-gap);width:var(--bs-stepper-step-icon-size);align-self:flex-start;align-items:center;text-align:center}:host(.bs-stepper-step--vertical) .bs-stepper-step__label{margin-left:var(--bs-stepper-step-gap);text-align:left}.bs-stepper-step__name{font-weight:var(--bs-stepper-step-name-font-weight);white-space:nowrap}.bs-stepper-step__description{font-weight:var(--bs-stepper-step-description-font-weight);white-space:nowrap}.bs-stepper-step__label--enabled .bs-stepper-step__name,.bs-stepper-step__label--enabled .bs-stepper-step__description,.bs-stepper-step__label--error .bs-stepper-step__name,.bs-stepper-step__label--error .bs-stepper-step__description{color:var(--bs-stepper-step-text-enabled)}.bs-stepper-step__label--current .bs-stepper-step__name,.bs-stepper-step__label--current .bs-stepper-step__description,.bs-stepper-step__label--done .bs-stepper-step__name,.bs-stepper-step__label--done .bs-stepper-step__description{color:var(--bs-stepper-step-text-active)}.bs-stepper-step__label--disabled .bs-stepper-step__name,.bs-stepper-step__label--disabled .bs-stepper-step__description{color:var(--bs-stepper-step-text-disabled)}`;
|
|
6
6
|
|
|
@@ -34,7 +34,7 @@ const BsStepperStep = class {
|
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
36
|
const state = this.state;
|
|
37
|
-
return (index.h(index.Host, { key: '
|
|
37
|
+
return (index.h(index.Host, { key: '23bdc6334a36d9b2dd28719b9b23fbc17ad8f29b', role: "listitem", class: `bs-stepper-step--${this.direction}` }, index.h("div", { key: '388e17882bb5215c33e0665107acbcff5c7b4c9c', class: "bs-stepper-step__top" }, index.h("span", { key: '6cf79ab50a94f9578e76f14ca23cdfa984ef394b', part: "icon", class: `bs-stepper-step__icon bs-stepper-step__icon--${state}` }, state === 'current' && index.h("span", { key: '8081181e8865a29f703c74d5a20183513bdf2b66', class: "bs-stepper-step__icon-dot" }), state === 'done' && index.h(CheckIcon, { key: '92755c827c9c09b1bae504daabd2067fc498b355' }), state === 'error' && index.h(ExclamationIcon, { key: '62ac0a0826b8f8b507fcd0a7c47bff3c39f804b4' })), index.h("span", { key: 'a1c15ede35ab01d876a0289552dffc37c75626d1', part: "connector", class: "bs-stepper-step__connector", "aria-hidden": "true" }, index.h("span", { key: '5029f8f629af1091bcb8fa2a47ebe12a7bd6628e', class: "bs-stepper-step__connector-line" }))), index.h("span", { key: '3835e986646f619751043ab0eeb1b5d977f22a58', part: "label", class: `bs-stepper-step__label bs-stepper-step__label--${state}` }, index.h("span", { key: '5da4053ea5ecf588853b5d9678737a67b7aadbe1', part: "name", class: "bs-stepper-step__name" }, this.name), this.showDescription && this.description && (index.h("span", { key: 'd5544b97eefe9311ac13f0cbcd4bf6d87bc24ca5', part: "description", class: "bs-stepper-step__description" }, this.description)))));
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
const CheckIcon = () => (index.h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M2.5 9L6 12.5L14 4.5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CdAh5BFg.js');
|
|
4
4
|
|
|
5
5
|
const bsStepperCss = () => `:host{display:flex;width:100%;--bs-stepper-edge-padding:var(--bs-spacing-800)}:host([direction='vertical']){flex-direction:column}:host(:not([direction='vertical'])){flex-direction:row;align-items:flex-start;padding:0 var(--bs-stepper-edge-padding)}`;
|
|
6
6
|
|
|
@@ -43,7 +43,7 @@ const BsStepper = class {
|
|
|
43
43
|
});
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
|
-
return index.h("slot", { key: '
|
|
46
|
+
return index.h("slot", { key: '1c5d7d0c6a9fef9c06dfd08bd529a1582fe18478', onSlotchange: this.onSlotChange });
|
|
47
47
|
}
|
|
48
48
|
static get watchers() { return {
|
|
49
49
|
"currentStep": [{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CdAh5BFg.js');
|
|
4
4
|
|
|
5
5
|
const bsSwitchCss = () => `:host{display:inline-block;--bs-switch-radius:var(--bs-border-radius-full);--bs-switch-padding:var(--bs-spacing-25);--bs-switch-gap:var(--bs-spacing-100);--bs-switch-track-width-md:36px;--bs-switch-track-height-md:20px;--bs-switch-track-width-lg:48px;--bs-switch-track-height-lg:28px;--bs-switch-knob-size-md:16px;--bs-switch-knob-size-lg:24px;--bs-switch-border-width:1px;--bs-switch-track-bg:var(--bs-switch-track-bg-default);--bs-switch-track-bg-checked:var(--bs-switch-track-bg-checked-default);--bs-switch-track-bg-checked-focus:var(--bs-switch-track-bg-checked-focused);--bs-switch-track-border:var(--bs-switch-track-border-default);--bs-switch-focus-ring-color:var(--bs-switch-track-border-focus);--bs-switch-knob-bg:var(--bs-switch-thumb-bg-default);--bs-switch-knob-bg-hover:var(--bs-switch-thumb-bg-hover);--bs-switch-knob-bg-checked:var(--bs-switch-thumb-bg-checked);--bs-switch-knob-bg-disabled:var(--bs-switch-thumb-bg-disabled);--bs-switch-label-color:var(--bs-text-default);--bs-switch-label-color-disabled:var(--bs-text-on-disabled)}.bs-switch{position:relative;display:inline-flex;align-items:center;gap:var(--bs-switch-gap);font-family:inherit;cursor:pointer}.bs-switch--disabled{cursor:not-allowed}.bs-switch__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.bs-switch__input:disabled{cursor:not-allowed}.bs-switch__track{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;padding:var(--bs-switch-padding);border:var(--bs-switch-border-width) solid var(--bs-switch-track-border);border-radius:var(--bs-switch-radius);background:var(--bs-switch-track-bg);transition:background-color 0.15s ease, border-color 0.15s ease}.bs-switch__track--md{width:var(--bs-switch-track-width-md);height:var(--bs-switch-track-height-md)}.bs-switch__track--lg{width:var(--bs-switch-track-width-lg);height:var(--bs-switch-track-height-lg)}.bs-switch__track--checked{justify-content:flex-end;background:var(--bs-switch-track-bg-checked)}.bs-switch__knob{box-sizing:border-box;border-radius:var(--bs-border-radius-full);background:var(--bs-switch-knob-bg);transition:background-color 0.15s ease}.bs-switch__knob--md{width:var(--bs-switch-knob-size-md);height:var(--bs-switch-knob-size-md)}.bs-switch__knob--lg{width:var(--bs-switch-knob-size-lg);height:var(--bs-switch-knob-size-lg)}.bs-switch__track--checked .bs-switch__knob{background:var(--bs-switch-knob-bg-checked)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track{background:var(--bs-switch-track-bg-hover);border-color:var(--bs-switch-track-border-hover)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track .bs-switch__knob{background:var(--bs-switch-knob-bg-hover)}.bs-switch__input:hover:not(:disabled)~.bs-switch__track--checked{background:var(--bs-switch-track-bg-checked-hover)}.bs-switch__input:focus-visible~.bs-switch__track{border-color:var(--bs-switch-track-border-hover);outline:2px solid var(--bs-switch-focus-ring-color);outline-offset:2px}.bs-switch__input:focus-visible~.bs-switch__track--checked{background:var(--bs-switch-track-bg-checked-focus)}.bs-switch__track--disabled{background:var(--bs-switch-track-bg-disabled);border-color:var(--bs-switch-track-border)}.bs-switch__track--disabled.bs-switch__track--checked{background:var(--bs-switch-track-bg-disabled)}.bs-switch__knob--disabled{background:var(--bs-switch-knob-bg-disabled)}.bs-switch__label{font-size:var(--bs-font-size-md);color:var(--bs-switch-label-color)}.bs-switch--disabled .bs-switch__label{color:var(--bs-switch-label-color-disabled)}`;
|
|
6
6
|
|
|
@@ -48,7 +48,7 @@ const BsSwitch = class {
|
|
|
48
48
|
const knobClasses = ['bs-switch__knob', `bs-switch__knob--${this.size}`, this.disabled ? 'bs-switch__knob--disabled' : '']
|
|
49
49
|
.filter(Boolean)
|
|
50
50
|
.join(' ');
|
|
51
|
-
return (index.h("label", { key: '
|
|
51
|
+
return (index.h("label", { key: '72a1a031e9ed8763a2b60f3c23de18973cc7409d', class: `bs-switch ${this.disabled ? 'bs-switch--disabled' : ''}` }, index.h("input", { key: '90427f6930abcb294526caa912331a568f6eaaeb', class: "bs-switch__input", type: "checkbox", role: "switch", checked: this.checked, disabled: this.disabled, "aria-checked": String(this.checked), "aria-label": this.ariaLabel, onChange: this.onChange }), index.h("span", { key: 'be4eb4528f413527e67f38201c20ca86eeef37c1', part: "track", class: trackClasses }, index.h("span", { key: '030a60024a77bfae2f78a40128dd62a8581f5fd1', part: "knob", class: knobClasses })), index.h("span", { key: '5792002eed1c0489a1456e362f0fd3c290522834', part: "label", class: "bs-switch__label" }, index.h("slot", { key: '9dadf202bcde1760dcda56ca84155ecdb117b746' }))));
|
|
52
52
|
}
|
|
53
53
|
static get delegatesFocus() { return true; }
|
|
54
54
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CdAh5BFg.js');
|
|
4
4
|
|
|
5
5
|
const bsTabCss = () => `:host{display:inline-block;--bs-tab-radius:var(--bs-border-radius-100);--bs-tab-padding-y:var(--bs-spacing-150);--bs-tab-padding-x:var(--bs-spacing-200);--bs-tab-gap:var(--bs-spacing-75);--bs-tab-gap-vertical:var(--bs-spacing-50);--bs-tab-color-default:var(--bs-text-muted);--bs-tab-icon-color-default:var(--bs-icon-muted);--bs-tab-color-hover:var(--bs-text-default);--bs-tab-icon-color-hover:var(--bs-icon-default);--bs-tab-indicator-hover:var(--bs-border-neutral-hover);--bs-tab-color-selected:var(--bs-color-primary-default);--bs-tab-color-selected-hover:var(--bs-color-primary-hover);--bs-tab-color-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-indicator-selected:var(--bs-color-primary-default);--bs-tab-indicator-selected-hover:var(--bs-color-primary-hover);--bs-tab-indicator-selected-pressed:var(--bs-color-primary-pressed);--bs-tab-focus-ring-color:var(--bs-border-neutral-focus);--bs-tab-color-disabled:var(--bs-text-on-disabled);--bs-tab-icon-color-disabled:var(--bs-icon-disabled);--bs-tab-font-size:var(--bs-font-size-md);--bs-tab-line-height:var(--bs-line-height-body-md)}.bs-tab{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent;color:var(--bs-tab-color-default);font-family:inherit;border-radius:var(--bs-tab-radius);padding:var(--bs-tab-padding-y) var(--bs-tab-padding-x);gap:var(--bs-tab-gap);transition:color var(--bs-duration-fast) var(--bs-easing-standard), background-color var(--bs-duration-fast) var(--bs-easing-standard)}.bs-tab--vertical{flex-direction:column;gap:var(--bs-tab-gap-vertical)}.bs-tab:focus-visible{outline:2px solid var(--bs-tab-focus-ring-color);outline-offset:2px}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active{color:var(--bs-tab-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__icon,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__icon{color:var(--bs-tab-icon-color-hover)}.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):focus-visible .bs-tab__indicator,.bs-tab:not(.bs-tab--selected):not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-hover)}.bs-tab--selected{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__icon--has-content{color:var(--bs-tab-color-selected)}.bs-tab--selected .bs-tab__indicator{background:var(--bs-tab-indicator-selected)}.bs-tab--selected:not(.bs-tab--disabled):hover,.bs-tab--selected:not(.bs-tab--disabled):focus-visible{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__icon--has-content,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):hover .bs-tab__indicator,.bs-tab--selected:not(.bs-tab--disabled):focus-visible .bs-tab__indicator{background:var(--bs-tab-indicator-selected-hover)}.bs-tab--selected:not(.bs-tab--disabled):active{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__icon--has-content{color:var(--bs-tab-color-selected-pressed)}.bs-tab--selected:not(.bs-tab--disabled):active .bs-tab__indicator{background:var(--bs-tab-indicator-selected-pressed)}.bs-tab--disabled{color:var(--bs-tab-color-disabled);cursor:not-allowed}.bs-tab--disabled .bs-tab__icon--has-content{color:var(--bs-tab-icon-color-disabled)}.bs-tab--disabled .bs-tab__indicator{background:transparent}.bs-tab__icon{display:none;width:24px;height:24px;flex-shrink:0;color:var(--bs-tab-icon-color-default)}.bs-tab__icon--has-content{display:inline-flex;align-items:center;justify-content:center}.bs-tab__icon ::slotted(svg){width:24px;height:24px}.bs-tab__label{display:none;font-size:var(--bs-tab-font-size);line-height:calc(var(--bs-tab-line-height) * 1px);white-space:nowrap}.bs-tab__label--has-content{display:inline-block}.bs-tab__badge{display:none}.bs-tab__badge--has-content{display:inline-flex;align-items:center}.bs-tab__indicator{position:absolute;left:var(--bs-tab-padding-x);right:var(--bs-tab-padding-x);bottom:0;height:2px;background:transparent;border-radius:var(--bs-border-radius-50, 2px)}`;
|
|
6
6
|
|
|
@@ -72,7 +72,7 @@ const BsTab = class {
|
|
|
72
72
|
const iconOnly = this.hasIcon && !this.hasLabel;
|
|
73
73
|
const vertical = this.hasIcon && this.hasLabel && this.iconPosition === 'top';
|
|
74
74
|
const showBadge = this.hasBadge && !iconOnly && !vertical;
|
|
75
|
-
return (index.h("button", { key: '
|
|
75
|
+
return (index.h("button", { key: '108e2a145203f9686056af4ef0afaccb9d2db30a', type: "button", part: "tab", role: "tab", class: `bs-tab ${this.selected ? 'bs-tab--selected' : ''} ${this.disabled ? 'bs-tab--disabled' : ''} ${iconOnly ? 'bs-tab--icon-only' : ''} ${vertical ? 'bs-tab--vertical' : ''}`, disabled: this.disabled, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel, onClick: this.onClick }, index.h("span", { key: '16ac002486b78656a93cdb79ec2c496784fc97bd', part: "icon", class: `bs-tab__icon ${this.hasIcon ? 'bs-tab__icon--has-content' : ''}` }, index.h("slot", { key: '18eb1f6346db1658af06d4fd0fe3b9e647459abe', name: "icon", onSlotchange: this.onIconSlotchange })), index.h("span", { key: 'f97b7760370940a57d240635aa5680ffab053be8', part: "label", class: `bs-tab__label ${this.hasLabel ? 'bs-tab__label--has-content' : ''}` }, index.h("slot", { key: '2ba740311a892af6d6db0d84ad0f126ca35c48de', onSlotchange: this.onLabelSlotchange })), index.h("span", { key: 'f1090ed9db4149673c29d1e62ec62db024c50868', part: "badge", class: `bs-tab__badge ${showBadge ? 'bs-tab__badge--has-content' : ''}` }, index.h("slot", { key: 'a594d11d28f47d5e2665d3f1378892f8fb68c4aa', name: "badge", onSlotchange: this.onBadgeSlotchange })), index.h("span", { key: '1fd376b6321eeeec0e0a67000bd0c9d5166f9a40', part: "indicator", class: "bs-tab__indicator" })));
|
|
76
76
|
}
|
|
77
77
|
};
|
|
78
78
|
BsTab.style = bsTabCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CdAh5BFg.js');
|
|
4
4
|
|
|
5
5
|
const bsTabsCss = () => `:host{display:inline-block;--bs-tabs-tab-gap:var(--bs-spacing-100);--bs-tabs-inline-tab-bg:var(--bs-color-neutral-container);--bs-tabs-inline-tab-padding-x:var(--bs-spacing-50);--bs-tabs-inline-tab-radius:var(--bs-border-radius-full);--bs-tabs-inline-tab-gap:var(--bs-spacing-50)}.bs-tabs{display:inline-flex;align-items:center}.bs-tabs--vertical{display:flex;flex-direction:column;align-items:flex-start}.bs-tabs--bs-tab{gap:var(--bs-tabs-tab-gap)}.bs-tabs--bs-inline-tab{background:var(--bs-tabs-inline-tab-bg);padding:0 var(--bs-tabs-inline-tab-padding-x);border-radius:var(--bs-tabs-inline-tab-radius);gap:var(--bs-tabs-inline-tab-gap)}`;
|
|
6
6
|
|
|
@@ -31,7 +31,7 @@ const BsTabs = class {
|
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
33
|
const vertical = this.orientation === 'vertical';
|
|
34
|
-
return (index.h("div", { key: '
|
|
34
|
+
return (index.h("div", { key: '625a82decaddca7fc41585696f15a8fdd19c3127', part: "tablist", role: "tablist", "aria-orientation": this.orientation, class: `bs-tabs bs-tabs--${this.type} ${vertical ? 'bs-tabs--vertical' : ''}` }, index.h("slot", { key: '059943f777aaf60a2de4026bcb25f561f66a5020' })));
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
BsTabs.style = bsTabsCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CdAh5BFg.js');
|
|
4
4
|
|
|
5
5
|
const bsTooltipCss = () => `:host{display:inline-block;--bs-tooltip-bg:var(--bs-surface-inverse);--bs-tooltip-color:var(--bs-text-inverse);--bs-tooltip-radius:var(--bs-border-radius-50);--bs-tooltip-padding-x:var(--bs-spacing-200);--bs-tooltip-padding-y:var(--bs-spacing-100);--bs-tooltip-max-width:200px;--bs-tooltip-shadow:-1px 4px 8px rgba(0, 0, 0, 0.08);--bs-tooltip-font-size:var(--bs-font-size-sm);--bs-tooltip-line-height:var(--bs-line-height-body-sm)}.bs-tooltip{position:relative;display:inline-block}.bs-tooltip__bubble{box-sizing:border-box;max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);background:var(--bs-tooltip-bg);color:var(--bs-tooltip-color);border-radius:var(--bs-tooltip-radius);box-shadow:var(--bs-tooltip-shadow);font-family:inherit;font-size:var(--bs-tooltip-font-size);line-height:calc(var(--bs-tooltip-line-height) * 1px)}.bs-tooltip__arrow{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bs-tooltip-bg);clip-path:polygon(50% 0, 0% 100%, 100% 100%)}`;
|
|
6
6
|
|
|
@@ -16,7 +16,7 @@ const BsTooltip = class {
|
|
|
16
16
|
*/
|
|
17
17
|
placement = 'top';
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h("div", { key: '
|
|
19
|
+
return (index.h("div", { key: '826c86a864ed2b09e1889908daf64fe8cc7062b8', class: "bs-tooltip" }, index.h("span", { key: 'e04ca83b8422ccd1fdb64c8a91e2e4e332f226ed', part: "arrow", class: "bs-tooltip__arrow" }), index.h("div", { key: 'c02cf0ed9cfeedc3c6ca71e5770e546b841bf70f', part: "bubble", class: "bs-tooltip__bubble" }, index.h("slot", { key: '2279ab519e7372a339823c252e0e9da2aa7a6789' }))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
BsTooltip.style = bsTooltipCss();
|
|
@@ -7,7 +7,7 @@ const globalScripts = () => {};
|
|
|
7
7
|
const globalStyles = "/*\n * Brandsync design tokens, vendored from the brandsync-tokens npm package (v1.0.31).\n * Source: node_modules/brandsync-tokens/dist/css/tokens.css\n * Re-copy this file whenever brandsync-tokens is bumped -- Stencil's globalStyle\n * pipeline cannot resolve a bare node_modules @import, so this cannot just re-export it.\n */\n\n:root {\n\n /* Static Colors */\n --bs-static-white: #ffffff;\n --bs-static-black: #000000;\n\n /* Neutral Scale */\n --bs-neutral-25: #f9fafb;\n --bs-neutral-50: #eff0f8;\n --bs-neutral-100: #dee2ed;\n --bs-neutral-200: #c2c7d3;\n --bs-neutral-300: #a0a5b4;\n --bs-neutral-400: #828998;\n --bs-neutral-500: #6d7585;\n --bs-neutral-600: #5d6472;\n --bs-neutral-700: #4d535f;\n --bs-neutral-800: #363c47;\n --bs-neutral-900: #21262e;\n --bs-neutral-950: #191c22;\n --bs-neutral-500-transparent: rgba(109, 117, 133, 0.3);\n --bs-neutral-500-transparent-2: rgba(109, 117, 133, 0.75);\n --bs-neutral-50-transparent: rgba(239, 240, 248, 0.9);\n\n /* Gray Scale */\n --bs-gray-25: #fbfbfb;\n --bs-gray-50: #f6f7f7;\n --bs-gray-100: #eef1f1;\n --bs-gray-200: #dfe5e6;\n --bs-gray-300: #cbd3d6;\n --bs-gray-400: #b6bec3;\n --bs-gray-500: #a2aab2;\n --bs-gray-600: #8c959f;\n --bs-gray-700: #7f868f;\n --bs-gray-800: #636970;\n --bs-gray-900: #53585c;\n --bs-gray-950: #303236;\n --bs-gray-transparent: rgba(162, 170, 178, 0.24);\n --bs-gray-transparent-2: rgba(162, 170, 178, 0.32);\n --bs-gray-transparent-3: rgba(162, 170, 178, 0.44);\n\n /* Success Scale */\n --bs-success-50: #e5f5e9;\n --bs-success-100: #c5ebd5;\n --bs-success-200: #94d4b3;\n --bs-success-300: #6bb491;\n --bs-success-400: #469873;\n --bs-success-500: #00855b;\n --bs-success-600: #11714e;\n --bs-success-700: #1b5d43;\n --bs-success-800: #184330;\n --bs-success-900: #0f2b1e;\n --bs-success-950: #101e17;\n\n /* Error Scale */\n --bs-error-50: #fcecea;\n --bs-error-100: #ffdad7;\n --bs-error-200: #ffb3ae;\n --bs-error-300: #ff807a;\n --bs-error-400: #ee5351;\n --bs-error-500: #d93539;\n --bs-error-600: #b92f31;\n --bs-error-700: #982a2a;\n --bs-error-800: #701d1e;\n --bs-error-900: #481212;\n --bs-error-950: #34100f;\n\n /* Warning Scale */\n --bs-warning-50: #ffefdb;\n --bs-warning-100: #ffdea1;\n --bs-warning-200: #f1bd51;\n --bs-warning-300: #d39b00;\n --bs-warning-400: #b18100;\n --bs-warning-500: #956d00;\n --bs-warning-600: #805d00;\n --bs-warning-700: #6b4d00;\n --bs-warning-800: #4e3700;\n --bs-warning-900: #332300;\n --bs-warning-950: #261a00;\n\n /* Information Scale */\n --bs-information-50: #edf0fa;\n --bs-information-100: #d6e3f8;\n --bs-information-200: #aec8ed;\n --bs-information-300: #73a9ea;\n --bs-information-400: #448cd6;\n --bs-information-500: #0078cb;\n --bs-information-600: #0066ae;\n --bs-information-700: #005592;\n --bs-information-800: #003d6c;\n --bs-information-900: #00283f;\n --bs-information-950: #111c2a;\n\n /* Purple */\n --bs-purple-50: #f3effb;\n --bs-purple-100: #e5dffd;\n --bs-purple-200: #c8c0ff;\n --bs-purple-300: #a49aff;\n --bs-purple-400: #8676fe;\n --bs-purple-500: #715afc;\n --bs-purple-600: #5e47e6;\n --bs-purple-700: #4b35c9;\n --bs-purple-800: #3720a1;\n --bs-purple-900: #220f73;\n --bs-purple-950: #201463;\n\n /* Cobalt */\n --bs-cobalt-50: #f1effa;\n --bs-cobalt-100: #e0e0fd;\n --bs-cobalt-200: #bcc2ff;\n --bs-cobalt-300: #939eff;\n --bs-cobalt-400: #6d7cff;\n --bs-cobalt-500: #4f63ff;\n --bs-cobalt-600: #3b4ee9;\n --bs-cobalt-700: #303ecd;\n --bs-cobalt-800: #1928a5;\n --bs-cobalt-900: #091675;\n --bs-cobalt-950: #050d5d;\n\n /* Blue */\n --bs-blue-50: #eef0fa;\n --bs-blue-100: #d8e3fc;\n --bs-blue-200: #aec7f8;\n --bs-blue-300: #7aa6f2;\n --bs-blue-400: #3e88ef;\n --bs-blue-500: #0073e1;\n --bs-blue-600: #0062c1;\n --bs-blue-700: #0051a2;\n --bs-blue-800: #003a78;\n --bs-blue-900: #002550;\n --bs-blue-950: #001b3e;\n\n /* Steel */\n --bs-steel-50: #eef0f6;\n --bs-steel-100: #d9e3f1;\n --bs-steel-200: #b1c9e3;\n --bs-steel-300: #83aad0;\n --bs-steel-400: #558dbe;\n --bs-steel-500: #3779ae;\n --bs-steel-600: #2b6796;\n --bs-steel-700: #1f567f;\n --bs-steel-800: #103e5f;\n --bs-steel-900: #041d30;\n --bs-steel-950: #032841;\n\n /* Teal */\n --bs-teal-50: #e9f3f2;\n --bs-teal-100: #c8e9e7;\n --bs-teal-200: #9ed1cf;\n --bs-teal-300: #72b2b0;\n --bs-teal-400: #469593;\n --bs-teal-500: #008280;\n --bs-teal-600: #116f6e;\n --bs-teal-700: #185b5a;\n --bs-teal-800: #144241;\n --bs-teal-900: #032b2a;\n --bs-teal-950: #02201f;\n\n /* Jade */\n --bs-jade-50: #eaf3ef;\n --bs-jade-100: #c6eadf;\n --bs-jade-200: #8cd4c2;\n --bs-jade-300: #63b4a2;\n --bs-jade-400: #349985;\n --bs-jade-500: #008370;\n --bs-jade-600: #0e7060;\n --bs-jade-700: #0e5d50;\n --bs-jade-800: #034439;\n --bs-jade-900: #002c24;\n --bs-jade-950: #02201a;\n\n /* Green */\n --bs-green-50: #ecf2ea;\n --bs-green-100: #d0e9d2;\n --bs-green-200: #9fd3a9;\n --bs-green-300: #78b385;\n --bs-green-400: #469961;\n --bs-green-500: #23834a;\n --bs-green-600: #2a7043;\n --bs-green-700: #295c3a;\n --bs-green-800: #21422a;\n --bs-green-900: #112b19;\n --bs-green-950: #0b2011;\n\n /* Lime */\n --bs-lime-50: #f0f2e7;\n --bs-lime-100: #d7e8c6;\n --bs-lime-200: #add18f;\n --bs-lime-300: #81b45c;\n --bs-lime-400: #64963f;\n --bs-lime-500: #478019;\n --bs-lime-600: #406f1d;\n --bs-lime-700: #385b1e;\n --bs-lime-800: #2a4218;\n --bs-lime-900: #182a0c;\n --bs-lime-950: #121f09;\n\n /* Yellow */\n --bs-yellow-50: #faf1db;\n --bs-yellow-100: #f9e28a;\n --bs-yellow-200: #e3c437;\n --bs-yellow-300: #c0a300;\n --bs-yellow-400: #a18800;\n --bs-yellow-500: #887200;\n --bs-yellow-600: #746202;\n --bs-yellow-700: #615102;\n --bs-yellow-800: #463a01;\n --bs-yellow-900: #2e2500;\n --bs-yellow-950: #221b00;\n\n /* Amber */\n --bs-amber-50: #fceee0;\n --bs-amber-100: #f8dfbf;\n --bs-amber-200: #f1be71;\n --bs-amber-300: #d19c46;\n --bs-amber-400: #b47f1e;\n --bs-amber-500: #996805;\n --bs-amber-600: #875b04;\n --bs-amber-700: #6f4b02;\n --bs-amber-800: #513601;\n --bs-amber-900: #352201;\n --bs-amber-950: #291900;\n\n /* Orange */\n --bs-orange-50: #faeee9;\n --bs-orange-100: #f9ddd0;\n --bs-orange-200: #f7b997;\n --bs-orange-300: #f08c50;\n --bs-orange-400: #d26d2b;\n --bs-orange-500: #ba5400;\n --bs-orange-600: #a24907;\n --bs-orange-700: #873d07;\n --bs-orange-800: #642c04;\n --bs-orange-900: #411b02;\n --bs-orange-950: #301302;\n\n /* Magenta */\n --bs-magenta-50: #fbeeef;\n --bs-magenta-100: #ffd7e0;\n --bs-magenta-200: #ffb1c7;\n --bs-magenta-300: #ff7aa7;\n --bs-magenta-400: #ea4f8b;\n --bs-magenta-500: #d12e75;\n --bs-magenta-600: #b62965;\n --bs-magenta-700: #9a1f53;\n --bs-magenta-800: #71163c;\n --bs-magenta-900: #4a0d27;\n --bs-magenta-950: #38091c;\n\n /* Maroon */\n --bs-maroon-50: #f9eef3;\n --bs-maroon-100: #f6dbef;\n --bs-maroon-200: #eab6e3;\n --bs-maroon-300: #d88cd1;\n --bs-maroon-400: #c465c0;\n --bs-maroon-500: #b14bb0;\n --bs-maroon-600: #983f98;\n --bs-maroon-700: #7f347e;\n --bs-maroon-800: #5e245d;\n --bs-maroon-900: #3e163d;\n --bs-maroon-950: #2c122b;\n\n /* Violet */\n --bs-violet-50: #f9eefe;\n --bs-violet-100: #eedcfd;\n --bs-violet-200: #d8b8fd;\n --bs-violet-300: #be92f4;\n --bs-violet-400: #a372dd;\n --bs-violet-500: #8f5ace;\n --bs-violet-600: #7750a8;\n --bs-violet-700: #64428d;\n --bs-violet-800: #492e6a;\n --bs-violet-900: #311b4b;\n --bs-violet-950: #241338;\n\n /* Typography - Font Family */\n --bs-typography-font-family-heading: Roboto;\n --bs-typography-font-family-body: Roboto;\n\n /* Typography - Font Weight */\n --bs-font-weight-thin: 100;\n --bs-font-weight-regular: 400;\n --bs-font-weight-medium: 500;\n --bs-font-weight-semibold: 600;\n --bs-font-weight-bold: 700;\n --bs-font-weight-black: 900;\n\n /* Typography - Font Size Scale */\n --bs-font-size-2xs: 10px;\n --bs-font-size-xs: 12px;\n --bs-font-size-sm: 14px;\n --bs-font-size-md: 16px;\n --bs-font-size-lg: 18px;\n --bs-font-size-xl: 20px;\n --bs-font-size-2xl: 24px;\n --bs-font-size-3xl: 28px;\n --bs-font-size-4xl: 32px;\n --bs-font-size-5xl: 40px;\n --bs-font-size-6xl: 48px;\n\n /* Typography - Line Height */\n --bs-line-height-none: 1;\n --bs-line-height-tight: 1.1;\n --bs-line-height-snug: 1.25;\n --bs-line-height-normal: 1.5;\n --bs-line-height-relaxed: 1.625;\n --bs-line-height-loose: 2;\n --bs-line-height-display: 96;\n --bs-line-height-heading: 56;\n --bs-line-height-body: 28;\n --bs-line-height-caption: 24;\n\n /* Typography - Letter Spacing */\n --bs-letter-spacing-tighter: -0.05em;\n --bs-letter-spacing-tight: -0.025em;\n --bs-letter-spacing-normal: 0em;\n --bs-letter-spacing-wide: 0.025em;\n --bs-letter-spacing-wider: 0.05em;\n --bs-letter-spacing-widest: 0.1em;\n\n /* Shadow Scale */\n --bs-shadow-none: none;\n --bs-shadow-xs: 0 1px 2px rgba(33,38,46,0.06), 0 1px 3px rgba(33,38,46,0.10);\n --bs-shadow-sm: 0 1px 3px rgba(33,38,46,0.08), 0 2px 6px rgba(33,38,46,0.12);\n --bs-shadow-md: 0 2px 8px rgba(33,38,46,0.10), 0 4px 16px rgba(33,38,46,0.16);\n --bs-shadow-lg: 0 4px 16px rgba(33,38,46,0.12), 0 8px 32px rgba(33,38,46,0.20);\n --bs-shadow-xl: 0 8px 24px rgba(33,38,46,0.14), 0 16px 48px rgba(33,38,46,0.24);\n --bs-shadow-2xl: 0 16px 48px rgba(33,38,46,0.20), 0 32px 64px rgba(33,38,46,0.32);\n\n /* Z-Index Scale */\n --bs-z-index-below: -1;\n --bs-z-index-base: 0;\n --bs-z-index-raised: 10;\n --bs-z-index-dropdown: 100;\n --bs-z-index-sticky: 200;\n --bs-z-index-overlay: 300;\n --bs-z-index-modal: 400;\n --bs-z-index-popover: 500;\n --bs-z-index-toast: 600;\n --bs-z-index-top: 999;\n\n /* Breakpoints */\n --bs-breakpoint-xs: 480px;\n --bs-breakpoint-sm: 640px;\n --bs-breakpoint-md: 768px;\n --bs-breakpoint-lg: 1024px;\n --bs-breakpoint-xl: 1280px;\n --bs-breakpoint-2xl: 1536px;\n\n /* Grid */\n --bs-grid-columns: 12;\n --bs-grid-container-max: 1440px;\n --bs-grid-gutter: var(--bs-spacing-200);\n --bs-grid-margin-sm: var(--bs-spacing-200);\n --bs-grid-margin-md: var(--bs-spacing-300);\n --bs-grid-margin-lg: var(--bs-spacing-400);\n --bs-grid-sidebar-width: var(--bs-sizing-3200);\n --bs-grid-panel-min-width: var(--bs-sizing-3200);\n\n /* Opacity */\n --bs-opacity-disabled: 0.5;\n --bs-opacity-hover: 0.8;\n --bs-opacity-focus: 0.9;\n\n /* Motion - Duration */\n --bs-duration-instant: 0ms;\n --bs-duration-fast: 100ms;\n --bs-duration-default: 200ms;\n --bs-duration-slow: 300ms;\n --bs-duration-slower: 500ms;\n\n /* Motion - Easing */\n --bs-easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);\n --bs-easing-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);\n --bs-easing-accelerate: cubic-bezier(0.4, 0.0, 1.0, 1);\n --bs-easing-linear: linear;\n\n /* Primary Colors - Light Mode */\n --bs-color-primary-default: var(--bs-brand-600);\n --bs-color-primary-hover: var(--bs-brand-700);\n --bs-color-primary-focused: var(--bs-brand-700);\n --bs-color-primary-pressed: var(--bs-brand-800);\n --bs-color-primary-container: var(--bs-brand-50);\n --bs-color-primary-container-hover: var(--bs-brand-100);\n\n /* Neutral Colors - Light Mode */\n --bs-color-neutral-default: var(--bs-neutral-700);\n --bs-color-neutral-hover: var(--bs-neutral-800);\n --bs-color-neutral-focused: var(--bs-neutral-800);\n --bs-color-neutral-pressed: var(--bs-neutral-900);\n --bs-color-neutral-container: var(--bs-neutral-50);\n --bs-color-neutral-container-hover: var(--bs-neutral-100);\n --bs-color-neutral-container-focused: var(--bs-neutral-200);\n --bs-color-neutral-container-pressed: var(--bs-neutral-300);\n\n /* Accent Colors - Light Mode */\n --bs-color-accent-default: var(--bs-brand-colors-magenta-600);\n --bs-color-accent-hover: var(--bs-brand-colors-magenta-700);\n --bs-color-accent-active: var(--bs-brand-colors-magenta-800);\n --bs-color-accent-container: var(--bs-brand-colors-magenta-100);\n\n /* Success Colors - Light Mode */\n --bs-color-success-default: var(--bs-success-600);\n --bs-color-success-hover: var(--bs-success-700);\n --bs-color-success-focused: var(--bs-success-700);\n --bs-color-success-pressed: var(--bs-success-800);\n --bs-color-success-container: var(--bs-success-100);\n\n /* Warning Colors - Light Mode */\n --bs-color-warning-default: var(--bs-warning-600);\n --bs-color-warning-hover: var(--bs-warning-700);\n --bs-color-warning-focused: var(--bs-warning-700);\n --bs-color-warning-pressed: var(--bs-warning-800);\n --bs-color-warning-container: var(--bs-warning-100);\n\n /* Error Colors - Light Mode */\n --bs-color-error-default: var(--bs-error-600);\n --bs-color-error-hover: var(--bs-error-700);\n --bs-color-error-focused: var(--bs-error-700);\n --bs-color-error-pressed: var(--bs-error-800);\n --bs-color-error-container: var(--bs-error-100);\n\n /* Info Colors - Light Mode */\n --bs-color-info-default: var(--bs-information-600);\n --bs-color-info-hover: var(--bs-information-700);\n --bs-color-info-focused: var(--bs-information-700);\n --bs-color-info-pressed: var(--bs-information-800);\n --bs-color-info-container: var(--bs-information-100);\n\n /* Text Colors - Light Mode */\n --bs-text-static-white: var(--bs-white);\n --bs-text-static-black: var(--bs-black);\n --bs-text-default: var(--bs-black);\n --bs-text-secondary: var(--bs-neutral-600);\n --bs-text-muted: var(--bs-neutral-500);\n --bs-text-inverse: var(--bs-static-white);\n --bs-text-link: var(--bs-information-700);\n --bs-text-action: var(--bs-brand-600);\n --bs-text-action-hover: var(--bs-brand-700);\n --bs-text-success: var(--bs-success-700);\n --bs-text-info: var(--bs-information-700);\n --bs-text-warning: var(--bs-warning-700);\n --bs-text-error: var(--bs-error-700);\n --bs-text-on-action: var(--bs-white);\n --bs-text-on-disabled: var(--bs-neutral-400);\n --bs-text-accent: var(--bs-brand-colors-purple-700);\n --bs-text-inverse-accent: var(--bs-brand-colors-purple-400);\n --bs-text-neutral---default: var(--bs-neutral-600);\n --bs-text-neutral---hover: var(--bs-neutral-800);\n --bs-text-neutral---focused: var(--bs-neutral-800);\n --bs-text-neutral---pressed: var(--bs-neutral-900);\n --bs-text-neutral-default: var(--bs-neutral-600);\n --bs-text-neutral-hover: var(--bs-neutral-800);\n --bs-text-neutral-focused: var(--bs-neutral-800);\n --bs-text-neutral-pressed: var(--bs-neutral-900);\n\n /* Surface Colors - Light Mode */\n --bs-surface-base: var(--bs-white);\n --bs-surface-raised: var(--bs-static-white);\n --bs-surface-container: var(--bs-neutral-50);\n --bs-surface-hover: var(--bs-neutral-100);\n --bs-surface-focus: var(--bs-neutral-100);\n --bs-surface-pressed: var(--bs-neutral-300);\n --bs-surface-selected: var(--bs-neutral-50);\n --bs-surface-selected-hover: var(--bs-neutral-200);\n --bs-surface-selected-focus: var(--bs-neutral-200);\n --bs-surface-selected-pressed: var(--bs-neutral-200);\n --bs-surface-active: var(--bs-neutral-100);\n --bs-surface-action: var(--bs-color-primary-default);\n --bs-surface-inset: var(--bs-neutral-50);\n --bs-surface-inverse: var(--bs-neutral-900);\n --bs-surface-accent: var(--bs-gray-transparent-2);\n --bs-surface-on-action: var(--bs-gray-25);\n --bs-surface-on-action-disabled: var(--bs-neutral-300);\n --bs-surface-action-disabled: var(--bs-neutral-100);\n --bs-surface-success: var(--bs-success-50);\n --bs-surface-info: var(--bs-information-50);\n --bs-surface-warning: var(--bs-warning-50);\n --bs-surface-error: var(--bs-error-50);\n --bs-surface-overlay: var(--bs-neutral-500-transparent);\n --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent-2);\n\n /* Icon Colors - Light Mode */\n --bs-icon-static-white: var(--bs-white);\n --bs-icon-static-black: var(--bs-black);\n --bs-icon-default: var(--bs-neutral-900);\n --bs-icon-muted: var(--bs-neutral-500);\n --bs-icon-disabled: var(--bs-neutral-400);\n --bs-icon-inverse: var(--bs-static-white);\n --bs-icon-action: var(--bs-brand-600);\n --bs-icon-action-hover: var(--bs-brand-700);\n --bs-icon-success: var(--bs-success-600);\n --bs-icon-info: var(--bs-information-700);\n --bs-icon-warning: var(--bs-warning-700);\n --bs-icon-error: var(--bs-error-700);\n --bs-icon-neutral-default: var(--bs-neutral-700);\n --bs-icon-neutral-hover: var(--bs-neutral-800);\n --bs-icon-neutral-focused: var(--bs-neutral-800);\n --bs-icon-neutral-pressed: var(--bs-neutral-900);\n\n /* Border Colors - Light Mode */\n --bs-border-default: var(--bs-neutral-100);\n --bs-border-neutral-hover: var(--bs-neutral-400);\n --bs-border-neutral-focus: var(--bs-focus-border-);\n --bs-border-neutral-active: var(--bs-neutral-500);\n --bs-border-neutral-disabled: var(--bs-neutral-200);\n --bs-border-neutral-container: var(--bs-neutral-200);\n --bs-border-neutral-container-hover: var(--bs-neutral-300);\n --bs-border-neutral-container-focused: var(--bs-focus-border-);\n --bs-border-neutral-container-pressed: var(--bs-neutral-400);\n --bs-border-success: var(--bs-success-500);\n --bs-border-success-hover: var(--bs-success-600);\n --bs-border-success-focus: var(--bs-focus-border-);\n --bs-border-warning: var(--bs-warning-500);\n --bs-border-warning-hover: var(--bs-warning-600);\n --bs-border-warning-focus: var(--bs-focus-border-);\n --bs-border-error: var(--bs-error-700);\n --bs-border-error-hover: var(--bs-error-800);\n --bs-border-error-focus: var(--bs-focus-border-);\n --bs-border-info: var(--bs-information-500);\n --bs-border-info-hover: var(--bs-information-600);\n --bs-border-info-focus: var(--bs-focus-border-);\n --bs-border-primary: var(--bs-brand-500);\n --bs-border-primary-hover: var(--bs-brand-600);\n --bs-border-primary-focus: var(--bs-focus-border-);\n --bs-border-primary-pressed: var(--bs-brand-700);\n\n /* Elevation Colors - Light Mode */\n --bs-elevation-none: var(--bs-light-mode-0);\n --bs-elevation-low: var(--bs-light-mode-100);\n --bs-elevation-medium: var(--bs-light-mode-200);\n --bs-elevation-high: var(--bs-light-mode-300);\n --bs-elevation-higher: var(--bs-light-mode-400);\n --bs-elevation-highest: var(--bs-light-mode-500);\n --bs-elevation-inner: var(--bs-light-mode-600);\n --bs-elevation-focus: var(--bs-light-mode-700);\n\n /* Spacing */\n --bs-spacing-0: var(--bs-scale-0);\n --bs-spacing-25: var(--bs-scale-25);\n --bs-spacing-50: var(--bs-scale-50);\n --bs-spacing-75: var(--bs-scale-75);\n --bs-spacing-100: var(--bs-scale-100);\n --bs-spacing-150: var(--bs-scale-150);\n --bs-spacing-200: var(--bs-scale-200);\n --bs-spacing-250: var(--bs-scale-250);\n --bs-spacing-300: var(--bs-scale-300);\n --bs-spacing-350: var(--bs-scale-350);\n --bs-spacing-400: var(--bs-scale-400);\n --bs-spacing-500: var(--bs-scale-500);\n --bs-spacing-550: var(--bs-scale-550);\n --bs-spacing-600: var(--bs-scale-600);\n --bs-spacing-700: var(--bs-scale-700);\n --bs-spacing-800: var(--bs-scale-800);\n --bs-spacing-1000: var(--bs-scale-1000);\n --bs-spacing-1200: var(--bs-scale-1200);\n --bs-spacing-1500: var(--bs-scale-1500);\n --bs-spacing--600: var(--bs-scale--600);\n --bs-spacing--500: var(--bs-scale--500);\n --bs-spacing--350: var(--bs-scale--350);\n --bs-spacing--200: var(--bs-scale--200);\n --bs-spacing--150: var(--bs-scale--150);\n --bs-spacing--100: var(--bs-scale--100);\n\n /* Border Radius */\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n\n /* Components */\n --bs-avatar-text-primary: var(--bs-text-action);\n --bs-avatar-text-default: var(--bs-text-default);\n --bs-avatar-text-secondary: var(--bs-text-secondary);\n --bs-avatar-border-primary: var(--bs-border-neutral-container);\n --bs-avatar-border-hover: var(--bs-border-neutral-container-hover);\n --bs-avatar-border-pressed: var(--bs-border-neutral-container-pressed);\n --bs-avatar-border-focused: var(--bs-border-neutral-container);\n --bs-avatar-bg-dafault: var(--bs-surface-raised);\n --bs-avatar-bg-hover: var(--bs-surface-raised);\n --bs-avatar-bg-pressed: var(--bs-surface-raised);\n --bs-avatar-bg-focused: var(--bs-surface-raised);\n --bs-avatar-icon-primary: var(--bs-icon-muted);\n --bs-avatar-border-focus: var(--bs-border-neutral-focus);\n --bs-switch-track-bg-default: var(--bs-surface-active);\n --bs-switch-track-bg-hover: var(--bs-surface-hover);\n --bs-switch-track-bg-checked-default: var(--bs-color-primary-default);\n --bs-switch-track-bg-checked-hover: var(--bs-color-primary-hover);\n --bs-switch-track-bg-checked-focused: var(--bs-color-primary-focused);\n --bs-switch-thumb-bg-default: var(--bs-surface-base);\n --bs-switch-thumb-bg-hover: var(--bs-surface-raised);\n --bs-switch-thumb-bg-checked: var(--bs-surface-base);\n --bs-switch-thumb-bg-disabled: var(--bs-surface-on-action-disabled);\n --bs-switch-track-border-default: var(--bs-border-neutral-container);\n --bs-switch-icon-default: {color.icons.secondary};\n --bs-switch-track-border-hover: var(--bs-border-neutral-container-hover);\n --bs-switch-track-border-focus: var(--bs-border-neutral-focus);\n --bs-switch-icon-checked: var(--bs-icon-action);\n --bs-switch-track-bg-disabled: var(--bs-surface-action-disabled);\n --bs-switch-icon-disabled: var(--bs-icon-disabled);\n --bs-input-bg-default: var(--bs-surface-base);\n --bs-input-bg-filled: var(--bs-surface-raised);\n --bs-input-bg-disabled: var(--bs-surface-action-disabled);\n --bs-input-border-default: var(--bs-border-neutral-container);\n --bs-input-border-hover: var(--bs-border-neutral-container-hover);\n --bs-input-border-focus: var(--bs-border-neutral-focus);\n --bs-input-border-disabled: var(--bs-border-neutral-disabled);\n --bs-input-border-error: var(--bs-border-error);\n --bs-input-text: var(--bs-text-default);\n --bs-input-text-success: var(--bs-text-success);\n --bs-input-text-disabled: var(--bs-text-on-disabled);\n --bs-input-placeholder: var(--bs-text-secondary);\n --bs-input-label: var(--bs-text-default);\n --bs-input-error: var(--bs-text-error);\n --bs-input-description: var(--bs-text-secondary);\n --bs-input-label-focus: var(--bs-color-primary-default);\n --bs-input-icon: {color.icons.secondary};\n --bs-input-icon-error: var(--bs-icon-error);\n --bs-input-icon-success: var(--bs-icon-success);\n --bs-input-icon-disabled: var(--bs-icon-disabled);\n --bs-chip-text-default: var(--bs-text-default);\n --bs-chip-text-static: var(--bs-text-static-white);\n --bs-chip-text-primary: var(--bs-text-default);\n --bs-chip-text-on-primary: var(--bs-text-on-action);\n --bs-chip-text-warning: var(--bs-text-warning);\n --bs-chip-text-success: var(--bs-text-success);\n --bs-chip-text-neutral: var(--bs-text-default);\n --bs-chip-text-inverse: var(--bs-text-inverse);\n --bs-chip-text-info: var(--bs-text-info);\n --bs-chip-text-error: var(--bs-text-error);\n --bs-chip-text-disabled: var(--bs-text-on-disabled);\n --bs-chip-icon-static: var(--bs-icon-static-white);\n --bs-chip-icon-default: var(--bs-icon-default);\n --bs-chip-icon-inverse: var(--bs-icon-inverse);\n --bs-chip-icon-primary: {color.icons.secondary};\n --bs-chip-icon-success: var(--bs-icon-success);\n --bs-chip-icon-warning: var(--bs-icon-warning);\n --bs-chip-icon-info: var(--bs-icon-info);\n --bs-chip-icon-error: var(--bs-icon-error);\n --bs-chip-icon-disabled: var(--bs-icon-disabled);\n --bs-chip-border-default: var(--bs-border-default);\n --bs-chip-border-inverse: var(--bs-border-neutral-container);\n --bs-chip-border-focus: var(--bs-border-neutral-focus);\n --bs-chip-bg-default: var(--bs-surface-action-disabled);\n --bs-chip-bg-neutral: var(--bs-color-neutral-default);\n --bs-chip-bg-neutral-container: var(--bs-color-neutral-container);\n --bs-chip-bg-inverse: var(--bs-surface-inset);\n --bs-chip-bg-success: var(--bs-color-success-default);\n --bs-chip-bg-success-container: var(--bs-color-success-container);\n --bs-chip-bg-warning: var(--bs-color-warning-default);\n --bs-chip-bg-warning-container: var(--bs-color-warning-container);\n --bs-chip-bg-info: var(--bs-color-info-default);\n --bs-chip-bg-info-container: var(--bs-color-info-container);\n --bs-chip-bg-error: var(--bs-color-error-default);\n --bs-chip-bg-error-container: var(--bs-color-error-container);\n --bs-chip-bg-primary: var(--bs-color-neutral-default);\n --bs-chip-bg-primary-hover: var(--bs-color-neutral-hover);\n --bs-chip-bg-primary-focused: var(--bs-color-neutral-focused);\n --bs-chip-bg-primary-pressed: var(--bs-color-neutral-pressed);\n --bs-chip-bg-primary-container: var(--bs-color-neutral-container);\n --bs-chip-bg-primary-container-hover: var(--bs-color-neutral-container-hover);\n --bs-chip-bg-primary-container-focused: var(--bs-color-neutral-container-focused);\n --bs-chip-bg-primary-container-pressed: var(--bs-color-neutral-container-pressed);\n --bs-chip-bg-disabled: var(--bs-surface-action-disabled);\n --bs-badge-bg-default: var(--bs-surface-action-disabled);\n --bs-badge-bg-primary: var(--bs-color-primary-default);\n --bs-badge-bg-primary-container: var(--bs-color-primary-container);\n --bs-badge-bg-success: var(--bs-color-success-default);\n --bs-badge-bg-success-container: var(--bs-color-success-container);\n --bs-badge-bg-warning: var(--bs-color-warning-default);\n --bs-badge-bg-warning-container: var(--bs-color-warning-container);\n --bs-badge-bg-info: var(--bs-color-info-default);\n --bs-badge-bg-info-container: var(--bs-color-info-container);\n --bs-badge-bg-error: var(--bs-color-error-default);\n --bs-badge-bg-error-container: var(--bs-color-error-container);\n --bs-badge-bg-neutral: var(--bs-color-neutral-default);\n --bs-badge-bg-neutral-container: var(--bs-color-neutral-container);\n --bs-badge-bg-inverse: var(--bs-surface-inset);\n --bs-badge-border-default: var(--bs-border-default);\n --bs-badge-text-default: var(--bs-text-default);\n --bs-badge-text-neutral: var(--bs-text-default);\n --bs-badge-text-inverse: var(--bs-text-inverse);\n --bs-badge-text-warning: var(--bs-text-warning);\n --bs-badge-text-info: var(--bs-text-info);\n --bs-badge-text-error: var(--bs-text-error);\n --bs-badge-text-primary: var(--bs-text-action);\n --bs-badge-text-success: var(--bs-text-success);\n --bs-radio-bg-default: var(--bs-alpha-5);\n --bs-radio-bg-hover: var(--bs-alpha-60);\n --bs-radio-bg-focus: var(--bs-alpha-80);\n --bs-radio-bg-pressed: var(--bs-alpha-90);\n --bs-radio-bg-disabled: var(--bs-surface-action-disabled);\n --bs-radio-selected-border-default: var(--bs-border-primary);\n --bs-radio-selected-border-hover: var(--bs-border-primary-hover);\n --bs-radio-selected-border-focus: var(--bs-border-primary-focus);\n --bs-radio-selected-border-pressed: var(--bs-border-primary-pressed);\n --bs-radio-enabled-border-default: var(--bs-border-default);\n --bs-radio-enabled-border-hover: var(--bs-border-neutral-hover);\n --bs-radio-enabled-border-focus: var(--bs-border-neutral-hover);\n --bs-radio-enabled-border-pressed: var(--bs-border-neutral-active);\n --bs-radio-border-disabled: var(--bs-border-neutral-disabled);\n --bs-radio-icon-checked: var(--bs-icon-action);\n --bs-radio-icon-hover: var(--bs-icon-action-hover);\n --bs-radio-icon-disabled: var(--bs-icon-muted);\n --bs-radio-label-default: var(--bs-text-default);\n --bs-radio-label-disabled: var(--bs-text-muted);\n --bs-radio-focus-ring: var(--bs-border-neutral-focus);\n --bs-paper-bg-base: var(--bs-surface-base);\n --bs-paper-bg-raised: var(--bs-surface-raised);\n --bs-paper-bg-container: var(--bs-surface-container);\n --bs-paper-bg-hover: var(--bs-surface-hover);\n --bs-paper-bg-disabled: var(--bs-surface-action-disabled);\n --bs-paper-border-surface: var(--bs-border-neutral-container);\n --bs-button-primary-default: var(--bs-color-primary-default);\n --bs-button-primary-hover: var(--bs-color-primary-hover);\n --bs-button-primary-focus: var(--bs-color-primary-focused);\n --bs-button-primary-pressed: var(--bs-color-primary-pressed);\n --bs-button-primary-disabled: var(--bs-surface-action-disabled);\n --bs-button-primary-container: var(--bs-color-primary-container);\n --bs-button-neutral-default: var(--bs-color-neutral-default);\n --bs-button-neutral-hover: var(--bs-color-neutral-hover);\n --bs-button-neutral-focus: var(--bs-color-neutral-container-focused);\n --bs-button-neutral-pressed: var(--bs-color-primary-pressed);\n --bs-button-neutral-disabled: var(--bs-surface-action-disabled);\n --bs-button-neutral-container: var(--bs-color-neutral-container);\n --bs-snackbar-bg-default: var(--bs-surface-inverse);\n --bs-snackbar-text-default: var(--bs-text-inverse);\n --bs-snackbar-icon-default: var(--bs-icon-inverse);\n --bs-snackbar-bg-action: var(--bs-color-primary-default);\n --bs-snackbar-bg-success: var(--bs-color-success-default);\n --bs-snackbar-bg-error: var(--bs-color-error-default);\n --bs-snackbar-bg-warning: var(--bs-color-warning-default);\n --bs-snackbar-bg-info: var(--bs-color-info-default);\n --bs-snackbar-action-text: var(--bs-text-action);\n --bs-snackbar-action-border-focus: var(--bs-color-primary-focused);\n\n --bs-shadow-ambient-color-xs: rgba(33, 38, 46, 0.06);\n --bs-shadow-ambient-color-sm: rgba(33, 38, 46, 0.08);\n --bs-shadow-ambient-color-md: rgba(33, 38, 46, 0.1);\n --bs-shadow-ambient-color-lg: rgba(33, 38, 46, 0.12);\n --bs-shadow-ambient-color-xl: rgba(33, 38, 46, 0.14);\n --bs-shadow-ambient-color-2xl: rgba(33, 38, 46, 0.2);\n --bs-shadow-key-color-xs: rgba(33, 38, 46, 0.1);\n --bs-shadow-key-color-sm: rgba(33, 38, 46, 0.12);\n --bs-shadow-key-color-md: rgba(33, 38, 46, 0.16);\n --bs-shadow-key-color-lg: rgba(33, 38, 46, 0.2);\n --bs-shadow-key-color-xl: rgba(33, 38, 46, 0.24);\n --bs-shadow-key-color-2xl: rgba(33, 38, 46, 0.32);\n --bs-shadow-position-0: 0px;\n --bs-shadow-position-10: 1px;\n --bs-shadow-position-25: 2px;\n --bs-shadow-position-50: 4px;\n --bs-shadow-position-100: 8px;\n --bs-shadow-position-150: 12px;\n --bs-shadow-position-200: 16px;\n --bs-shadow-blur-0: 0px;\n --bs-shadow-blur-10: 1px;\n --bs-shadow-blur-25: 2px;\n --bs-shadow-blur-50: 4px;\n --bs-shadow-blur-100: 8px;\n --bs-shadow-blur-150: 12px;\n --bs-shadow-blur-200: 16px;\n --bs-shadow-blur-300: 24px;\n --bs-text-style-display-size: var(--bs-font-size-6xl);\n --bs-text-style-display-weight: 700;\n --bs-text-style-display-line-height: var(--bs-line-height-tight);\n --bs-text-style-display-letter-spacing: var(--bs-letter-spacing-tight);\n --bs-text-style-heading-1-size: var(--bs-font-size-4xl);\n --bs-text-style-heading-1-weight: 600;\n --bs-text-style-heading-1-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-1-letter-spacing: var(--bs-letter-spacing-tight);\n --bs-text-style-heading-2-size: var(--bs-font-size-3xl);\n --bs-text-style-heading-2-weight: 600;\n --bs-text-style-heading-2-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-2-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-heading-3-size: var(--bs-font-size-2xl);\n --bs-text-style-heading-3-weight: 600;\n --bs-text-style-heading-3-line-height: var(--bs-line-height-snug);\n --bs-text-style-heading-3-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-heading-4-size: var(--bs-font-size-xl);\n --bs-text-style-heading-4-weight: 500;\n --bs-text-style-heading-4-line-height: var(--bs-line-height-normal);\n --bs-text-style-heading-4-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-lg-size: var(--bs-font-size-lg);\n --bs-text-style-body-lg-weight: 400;\n --bs-text-style-body-lg-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-lg-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-md-size: var(--bs-font-size-md);\n --bs-text-style-body-md-weight: 400;\n --bs-text-style-body-md-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-md-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-body-sm-size: var(--bs-font-size-sm);\n --bs-text-style-body-sm-weight: 400;\n --bs-text-style-body-sm-line-height: var(--bs-line-height-normal);\n --bs-text-style-body-sm-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-lg-size: var(--bs-font-size-md);\n --bs-text-style-label-lg-weight: 500;\n --bs-text-style-label-lg-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-lg-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-md-size: var(--bs-font-size-sm);\n --bs-text-style-label-md-weight: 500;\n --bs-text-style-label-md-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-md-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-label-sm-size: var(--bs-font-size-xs);\n --bs-text-style-label-sm-weight: 500;\n --bs-text-style-label-sm-line-height: var(--bs-line-height-snug);\n --bs-text-style-label-sm-letter-spacing: var(--bs-letter-spacing-wide);\n --bs-text-style-caption-size: var(--bs-font-size-xs);\n --bs-text-style-caption-weight: 400;\n --bs-text-style-caption-line-height: var(--bs-line-height-normal);\n --bs-text-style-caption-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-overline-size: var(--bs-font-size-xs);\n --bs-text-style-overline-weight: 500;\n --bs-text-style-overline-line-height: var(--bs-line-height-normal);\n --bs-text-style-overline-letter-spacing: var(--bs-letter-spacing-widest);\n --bs-text-style-data-size: var(--bs-font-size-sm);\n --bs-text-style-data-weight: 500;\n --bs-text-style-data-line-height: var(--bs-line-height-tight);\n --bs-text-style-data-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-text-style-data-dense-size: var(--bs-font-size-2xs);\n --bs-text-style-data-dense-weight: 400;\n --bs-text-style-data-dense-line-height: var(--bs-line-height-tight);\n --bs-text-style-data-dense-letter-spacing: var(--bs-letter-spacing-normal);\n --bs-typography-font-family-heading: Roboto;\n --bs-typography-font-family-body: Roboto;\n --bs-typography-font-weight-thin: thin;\n --bs-typography-font-weight-regular: regular;\n --bs-typography-font-weight-medium: medium;\n --bs-typography-font-weight-semibold: semibold;\n --bs-typography-font-weight-bold: bold;\n --bs-typography-font-weight-black: black;\n --bs-scale-0: 0px;\n --bs-scale-10: 1px;\n --bs-scale-25: 2px;\n --bs-scale-50: 4px;\n --bs-scale-75: 6px;\n --bs-scale-100: 8px;\n --bs-scale-150: 12px;\n --bs-scale-200: 16px;\n --bs-scale-250: 20px;\n --bs-scale-300: 24px;\n --bs-scale-350: 28px;\n --bs-scale-400: 32px;\n --bs-scale-500: 40px;\n --bs-scale-550: 44px;\n --bs-scale-600: 48px;\n --bs-scale-700: 56px;\n --bs-scale-800: 64px;\n --bs-scale-1000: 80px;\n --bs-scale-1200: 96px;\n --bs-scale-1500: 120px;\n --bs-scale-1600: 128px;\n --bs-scale-3200: 256px;\n --bs-scale-6400: 512px;\n --bs-scale--600: -48px;\n --bs-scale--500: -40px;\n --bs-scale--350: -28px;\n --bs-scale--200: -16px;\n --bs-scale--150: -12px;\n --bs-scale--100: -8px;\n --bs-white: #ffffff;\n --bs-black: #000000;\n --bs-brand-colors-purple-50: #f3effb;\n --bs-brand-colors-purple-100: #e5dffd;\n --bs-brand-colors-purple-200: #c8c0ff;\n --bs-brand-colors-purple-300: #a49aff;\n --bs-brand-colors-purple-400: #8676fe;\n --bs-brand-colors-purple-500: #715afc;\n --bs-brand-colors-purple-600: #5e47e6;\n --bs-brand-colors-purple-700: #4b35c9;\n --bs-brand-colors-purple-800: #3720a1;\n --bs-brand-colors-purple-900: #220f73;\n --bs-brand-colors-purple-950: #201463;\n --bs-brand-colors-cobalt-50: #f1effa;\n --bs-brand-colors-cobalt-100: #e0e0fd;\n --bs-brand-colors-cobalt-200: #bcc2ff;\n --bs-brand-colors-cobalt-300: #939eff;\n --bs-brand-colors-cobalt-400: #6d7cff;\n --bs-brand-colors-cobalt-500: #4f63ff;\n --bs-brand-colors-cobalt-600: #3b4ee9;\n --bs-brand-colors-cobalt-700: #303ecd;\n --bs-brand-colors-cobalt-800: #1928a5;\n --bs-brand-colors-cobalt-900: #091675;\n --bs-brand-colors-cobalt-950: #050d5d;\n --bs-brand-colors-blue-50: #eef0fa;\n --bs-brand-colors-blue-100: #d8e3fc;\n --bs-brand-colors-blue-200: #aec7f8;\n --bs-brand-colors-blue-300: #7aa6f2;\n --bs-brand-colors-blue-400: #3e88ef;\n --bs-brand-colors-blue-500: #0073e1;\n --bs-brand-colors-blue-600: #0062c1;\n --bs-brand-colors-blue-700: #0051a2;\n --bs-brand-colors-blue-800: #003a78;\n --bs-brand-colors-blue-900: #002550;\n --bs-brand-colors-blue-950: #001b3e;\n --bs-brand-colors-green-50: #ecf2ea;\n --bs-brand-colors-green-100: #d0e9d2;\n --bs-brand-colors-green-200: #9fd3a9;\n --bs-brand-colors-green-300: #78b385;\n --bs-brand-colors-green-400: #469961;\n --bs-brand-colors-green-500: #23834a;\n --bs-brand-colors-green-600: #2a7043;\n --bs-brand-colors-green-700: #295c3a;\n --bs-brand-colors-green-800: #21422a;\n --bs-brand-colors-green-900: #112b19;\n --bs-brand-colors-green-950: #0b2011;\n --bs-brand-colors-lime-50: #f0f2e7;\n --bs-brand-colors-lime-100: #d7e8c6;\n --bs-brand-colors-lime-200: #add18f;\n --bs-brand-colors-lime-300: #81b45c;\n --bs-brand-colors-lime-400: #64963f;\n --bs-brand-colors-lime-500: #478019;\n --bs-brand-colors-lime-600: #406f1d;\n --bs-brand-colors-lime-700: #385b1e;\n --bs-brand-colors-lime-800: #2a4218;\n --bs-brand-colors-lime-900: #182a0c;\n --bs-brand-colors-lime-950: #121f09;\n --bs-brand-colors-yellow-50: #faf1db;\n --bs-brand-colors-yellow-100: #f9e28a;\n --bs-brand-colors-yellow-200: #e3c437;\n --bs-brand-colors-yellow-300: #c0a300;\n --bs-brand-colors-yellow-400: #a18800;\n --bs-brand-colors-yellow-500: #887200;\n --bs-brand-colors-yellow-600: #746202;\n --bs-brand-colors-yellow-700: #615102;\n --bs-brand-colors-yellow-800: #463a01;\n --bs-brand-colors-yellow-900: #2e2500;\n --bs-brand-colors-yellow-950: #221b00;\n --bs-brand-colors-amber-50: #fceee0;\n --bs-brand-colors-amber-100: #f8dfbf;\n --bs-brand-colors-amber-200: #f1be71;\n --bs-brand-colors-amber-300: #d19c46;\n --bs-brand-colors-amber-400: #b47f1e;\n --bs-brand-colors-amber-500: #996805;\n --bs-brand-colors-amber-600: #875b04;\n --bs-brand-colors-amber-700: #6f4b02;\n --bs-brand-colors-amber-800: #513601;\n --bs-brand-colors-amber-900: #352201;\n --bs-brand-colors-amber-950: #291900;\n --bs-brand-colors-orange-50: #faeee9;\n --bs-brand-colors-orange-100: #f9ddd0;\n --bs-brand-colors-orange-200: #f7b997;\n --bs-brand-colors-orange-300: #f08c50;\n --bs-brand-colors-orange-400: #d26d2b;\n --bs-brand-colors-orange-500: #ba5400;\n --bs-brand-colors-orange-600: #a24907;\n --bs-brand-colors-orange-700: #873d07;\n --bs-brand-colors-orange-800: #642c04;\n --bs-brand-colors-orange-900: #411b02;\n --bs-brand-colors-orange-950: #301302;\n --bs-brand-colors-magenta-50: #fbeeef;\n --bs-brand-colors-magenta-100: #ffd7e0;\n --bs-brand-colors-magenta-200: #ffb1c7;\n --bs-brand-colors-magenta-300: #ff7aa7;\n --bs-brand-colors-magenta-400: #ea4f8b;\n --bs-brand-colors-magenta-500: #d12e75;\n --bs-brand-colors-magenta-600: #b62965;\n --bs-brand-colors-magenta-700: #9a1f53;\n --bs-brand-colors-magenta-800: #71163c;\n --bs-brand-colors-magenta-900: #4a0d27;\n --bs-brand-colors-magenta-950: #38091c;\n --bs-brand-colors-maroon-50: #f9eef3;\n --bs-brand-colors-maroon-100: #f6dbef;\n --bs-brand-colors-maroon-200: #eab6e3;\n --bs-brand-colors-maroon-300: #d88cd1;\n --bs-brand-colors-maroon-400: #c465c0;\n --bs-brand-colors-maroon-500: #b14bb0;\n --bs-brand-colors-maroon-600: #983f98;\n --bs-brand-colors-maroon-700: #7f347e;\n --bs-brand-colors-maroon-800: #5e245d;\n --bs-brand-colors-maroon-900: #3e163d;\n --bs-brand-colors-maroon-950: #2c122b;\n --bs-brand-colors-violet-50: #f9eefe;\n --bs-brand-colors-violet-100: #eedcfd;\n --bs-brand-colors-violet-200: #d8b8fd;\n --bs-brand-colors-violet-300: #be92f4;\n --bs-brand-colors-violet-400: #a372dd;\n --bs-brand-colors-violet-500: #8f5ace;\n --bs-brand-colors-violet-600: #7750a8;\n --bs-brand-colors-violet-700: #64428d;\n --bs-brand-colors-violet-800: #492e6a;\n --bs-brand-colors-violet-900: #311b4b;\n --bs-brand-colors-violet-950: #241338;\n --bs-light-mode-0: rgba(0, 0, 0, 0);\n --bs-light-mode-100: rgba(0, 0, 0, 0.05);\n --bs-light-mode-200: rgba(0, 0, 0, 0.08);\n --bs-light-mode-300: rgba(0, 0, 0, 0.1);\n --bs-light-mode-400: rgba(0, 0, 0, 0.12);\n --bs-light-mode-500: rgba(0, 0, 0, 0.14);\n --bs-light-mode-600: rgba(0, 1, 2, 0.1);\n --bs-light-mode-700: rgba(28, 133, 255, 0.4);\n --bs-dark-mode-0: rgba(0, 0, 0, 0);\n --bs-dark-mode-100: rgba(0, 0, 0, 0.4);\n --bs-dark-mode-200: rgba(0, 0, 0, 0.35);\n --bs-dark-mode-300: rgba(0, 0, 0, 0.3);\n --bs-dark-mode-400: rgba(0, 0, 0, 0.25);\n --bs-dark-mode-500: rgba(0, 0, 0, 0.2);\n --bs-dark-mode-600: rgba(0, 1, 2, 0.05);\n --bs-dark-mode-700: rgba(28, 133, 255, 0.05);\n --bs-alpha-5: rgba(0, 0, 0, 0);\n --bs-alpha-10: rgba(0, 0, 0, 0);\n --bs-alpha-20: rgba(0, 0, 0, 0);\n --bs-alpha-30: rgba(0, 0, 0, 0);\n --bs-alpha-40: rgba(0, 0, 0, 0);\n --bs-alpha-50: rgba(0, 0, 0, 0);\n --bs-alpha-60: rgba(0, 0, 0, 0.01);\n --bs-alpha-70: rgba(0, 0, 0, 0.01);\n --bs-alpha-80: rgba(0, 0, 0, 0.01);\n --bs-alpha-90: rgba(0, 0, 0, 0.01);\n --bs-alpha-100: rgba(0, 0, 0, 0.01);\n --bs-fontsize-display-display1: 80px;\n --bs-fontsize-display-display2: 72px;\n --bs-fontsize-display-display3: 60px;\n --bs-fontsize-display-display4: 56px;\n --bs-fontsize-display-display5: 48px;\n --bs-fontsize-display-display6: 40px;\n --bs-fontsize-display-display7: 32px;\n --bs-fontsize-heading-h1: 48px;\n --bs-fontsize-heading-h2: 40px;\n --bs-fontsize-heading-h3: 32px;\n --bs-fontsize-heading-h4: 24px;\n --bs-fontsize-heading-h5: 20px;\n --bs-fontsize-heading-h6: 16px;\n --bs-fontsize-body-lg: 20px;\n --bs-fontsize-body-md: 16px;\n --bs-fontsize-body-sm: 14px;\n --bs-fontsize-caption-lg: 16px;\n --bs-fontsize-caption-md: 14px;\n --bs-fontsize-caption-sm: 12px;\n --bs-line-height-display-display1: 96;\n --bs-line-height-display-display2: 88;\n --bs-line-height-display-display3: 72;\n --bs-line-height-display-display4: 64;\n --bs-line-height-display-display5: 56;\n --bs-line-height-display-display6: 48;\n --bs-line-height-display-display7: 40;\n --bs-line-height-heading-h1: 56;\n --bs-line-height-heading-h2: 48;\n --bs-line-height-heading-h3: 40;\n --bs-line-height-heading-h4: 32;\n --bs-line-height-heading-h5: 24;\n --bs-line-height-heading-h6: 20;\n --bs-line-height-body-lg: 28;\n --bs-line-height-body-md: 24;\n --bs-line-height-body-sm: 20;\n --bs-line-height-caption-lg: 24;\n --bs-line-height-caption-md: 20;\n --bs-line-height-caption-sm: 16;\n --bs-paragraph-spacing-display-display1: 40;\n --bs-paragraph-spacing-display-display2: 36;\n --bs-paragraph-spacing-display-display3: 30;\n --bs-paragraph-spacing-display-display4: 28;\n --bs-paragraph-spacing-display-display5: 24;\n --bs-paragraph-spacing-display-display6: 20;\n --bs-paragraph-spacing-display-display7: 16;\n --bs-paragraph-spacing-heading-h1: 24;\n --bs-paragraph-spacing-heading-h2: 20;\n --bs-paragraph-spacing-heading-h3: 16;\n --bs-paragraph-spacing-heading-h4: 12;\n --bs-paragraph-spacing-heading-h5: 10;\n --bs-paragraph-spacing-heading-h6: 8;\n --bs-paragraph-spacing-body-lg: 10;\n --bs-paragraph-spacing-body-md: 8;\n --bs-paragraph-spacing-body-sm: 8;\n --bs-paragraph-spacing-caption-lg: 8;\n --bs-paragraph-spacing-caption-md: 8;\n --bs-paragraph-spacing-caption-sm: 6;\n --bs-margin-fluid: var(--bs-scale-300);\n --bs-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-gutter-gutter: var(--bs-scale-300);\n --bs-layout-columns-columns: 12rem;\n --bs-breakpoints-max-width: 1920rem;\n --bs-breakpoints-min-width: 1024rem;\n --bs-navigation-header-hamburger-menu: false;\n --bs-navigation-header-logo: true;\n --bs-navigation-header-left-menu: true;\n --bs-navigation-header-page-label: false;\n --bs-navigation-header-gap: 40;\n --bs-brand-50: var(--bs-brand-colors-blue-50);\n --bs-brand-100: var(--bs-brand-colors-blue-100);\n --bs-brand-200: var(--bs-brand-colors-blue-200);\n --bs-brand-300: var(--bs-brand-colors-blue-300);\n --bs-brand-400: var(--bs-brand-colors-blue-400);\n --bs-brand-500: var(--bs-brand-colors-blue-500);\n --bs-brand-600: var(--bs-brand-colors-blue-600);\n --bs-brand-700: var(--bs-brand-colors-blue-700);\n --bs-brand-800: var(--bs-brand-colors-blue-800);\n --bs-brand-900: var(--bs-brand-colors-blue-900);\n --bs-brand-950: var(--bs-brand-colors-blue-950);\n --bs-4-responsive-desktop-fontsize-display-display1: 80px;\n --bs-4-responsive-desktop-fontsize-display-display2: 72px;\n --bs-4-responsive-desktop-fontsize-display-display3: 60px;\n --bs-4-responsive-desktop-fontsize-display-display4: 56px;\n --bs-4-responsive-desktop-fontsize-display-display5: 48px;\n --bs-4-responsive-desktop-fontsize-display-display6: 40px;\n --bs-4-responsive-desktop-fontsize-display-display7: 32px;\n --bs-4-responsive-desktop-fontsize-heading-h1: 48px;\n --bs-4-responsive-desktop-fontsize-heading-h2: 40px;\n --bs-4-responsive-desktop-fontsize-heading-h3: 32px;\n --bs-4-responsive-desktop-fontsize-heading-h4: 24px;\n --bs-4-responsive-desktop-fontsize-heading-h5: 20px;\n --bs-4-responsive-desktop-fontsize-heading-h6: 16px;\n --bs-4-responsive-desktop-fontsize-body-lg: 20px;\n --bs-4-responsive-desktop-fontsize-body-md: 16px;\n --bs-4-responsive-desktop-fontsize-body-sm: 14px;\n --bs-4-responsive-desktop-fontsize-caption-lg: 16px;\n --bs-4-responsive-desktop-fontsize-caption-md: 14px;\n --bs-4-responsive-desktop-fontsize-caption-sm: 12px;\n --bs-4-responsive-desktop-line-height-display-display1: 96;\n --bs-4-responsive-desktop-line-height-display-display2: 88;\n --bs-4-responsive-desktop-line-height-display-display3: 72;\n --bs-4-responsive-desktop-line-height-display-display4: 64;\n --bs-4-responsive-desktop-line-height-display-display5: 56;\n --bs-4-responsive-desktop-line-height-display-display6: 48;\n --bs-4-responsive-desktop-line-height-display-display7: 40;\n --bs-4-responsive-desktop-line-height-heading-h1: 56;\n --bs-4-responsive-desktop-line-height-heading-h2: 48;\n --bs-4-responsive-desktop-line-height-heading-h3: 40;\n --bs-4-responsive-desktop-line-height-heading-h4: 32;\n --bs-4-responsive-desktop-line-height-heading-h5: 24;\n --bs-4-responsive-desktop-line-height-heading-h6: 20;\n --bs-4-responsive-desktop-line-height-body-lg: 28;\n --bs-4-responsive-desktop-line-height-body-md: 24;\n --bs-4-responsive-desktop-line-height-body-sm: 20;\n --bs-4-responsive-desktop-line-height-caption-lg: 24;\n --bs-4-responsive-desktop-line-height-caption-md: 20;\n --bs-4-responsive-desktop-line-height-caption-sm: 16;\n --bs-4-responsive-desktop-paragraph-spacing-display-display1: 40;\n --bs-4-responsive-desktop-paragraph-spacing-display-display2: 36;\n --bs-4-responsive-desktop-paragraph-spacing-display-display3: 30;\n --bs-4-responsive-desktop-paragraph-spacing-display-display4: 28;\n --bs-4-responsive-desktop-paragraph-spacing-display-display5: 24;\n --bs-4-responsive-desktop-paragraph-spacing-display-display6: 20;\n --bs-4-responsive-desktop-paragraph-spacing-display-display7: 16;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h1: 24;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h2: 20;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h3: 16;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h4: 12;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h5: 10;\n --bs-4-responsive-desktop-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-desktop-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-desktop-paragraph-spacing-body-md: 8;\n --bs-4-responsive-desktop-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-desktop-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-desktop-margin-fluid: var(--bs-scale-300);\n --bs-4-responsive-desktop-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-4-responsive-desktop-gutter-gutter: var(--bs-scale-300);\n --bs-4-responsive-desktop-layout-columns-columns: 12rem;\n --bs-4-responsive-desktop-breakpoints-max-width: 1920rem;\n --bs-4-responsive-desktop-breakpoints-min-width: 1024rem;\n --bs-4-responsive-desktop-navigation-header-hamburger-menu: false;\n --bs-4-responsive-desktop-navigation-header-logo: true;\n --bs-4-responsive-desktop-navigation-header-left-menu: true;\n --bs-4-responsive-desktop-navigation-header-page-label: false;\n --bs-4-responsive-desktop-navigation-header-gap: 40;\n --bs-4-responsive-tablet-fontsize-display-display1: 72px;\n --bs-4-responsive-tablet-fontsize-display-display2: 64px;\n --bs-4-responsive-tablet-fontsize-display-display3: 56px;\n --bs-4-responsive-tablet-fontsize-display-display4: 48px;\n --bs-4-responsive-tablet-fontsize-display-display5: 40px;\n --bs-4-responsive-tablet-fontsize-display-display6: 32px;\n --bs-4-responsive-tablet-fontsize-display-display7: 24px;\n --bs-4-responsive-tablet-fontsize-heading-h1: 40px;\n --bs-4-responsive-tablet-fontsize-heading-h2: 32px;\n --bs-4-responsive-tablet-fontsize-heading-h3: 24px;\n --bs-4-responsive-tablet-fontsize-heading-h4: 22px;\n --bs-4-responsive-tablet-fontsize-heading-h5: 20px;\n --bs-4-responsive-tablet-fontsize-heading-h6: 16px;\n --bs-4-responsive-tablet-fontsize-body-lg: 20px;\n --bs-4-responsive-tablet-fontsize-body-md: 16px;\n --bs-4-responsive-tablet-fontsize-body-sm: 14px;\n --bs-4-responsive-tablet-fontsize-caption-lg: 14px;\n --bs-4-responsive-tablet-fontsize-caption-md: 14px;\n --bs-4-responsive-tablet-fontsize-caption-sm: 12px;\n --bs-4-responsive-tablet-line-height-display-display1: 88;\n --bs-4-responsive-tablet-line-height-display-display2: 72;\n --bs-4-responsive-tablet-line-height-display-display3: 64;\n --bs-4-responsive-tablet-line-height-display-display4: 56;\n --bs-4-responsive-tablet-line-height-display-display5: 48;\n --bs-4-responsive-tablet-line-height-display-display6: 40;\n --bs-4-responsive-tablet-line-height-display-display7: 32;\n --bs-4-responsive-tablet-line-height-heading-h1: 48;\n --bs-4-responsive-tablet-line-height-heading-h2: 40;\n --bs-4-responsive-tablet-line-height-heading-h3: 32;\n --bs-4-responsive-tablet-line-height-heading-h4: 28;\n --bs-4-responsive-tablet-line-height-heading-h5: 24;\n --bs-4-responsive-tablet-line-height-heading-h6: 20;\n --bs-4-responsive-tablet-line-height-body-lg: 28;\n --bs-4-responsive-tablet-line-height-body-md: 24;\n --bs-4-responsive-tablet-line-height-body-sm: 20;\n --bs-4-responsive-tablet-line-height-caption-lg: 20;\n --bs-4-responsive-tablet-line-height-caption-md: 20;\n --bs-4-responsive-tablet-line-height-caption-sm: 16;\n --bs-4-responsive-tablet-paragraph-spacing-display-display1: 36;\n --bs-4-responsive-tablet-paragraph-spacing-display-display2: 32;\n --bs-4-responsive-tablet-paragraph-spacing-display-display3: 28;\n --bs-4-responsive-tablet-paragraph-spacing-display-display4: 24;\n --bs-4-responsive-tablet-paragraph-spacing-display-display5: 20;\n --bs-4-responsive-tablet-paragraph-spacing-display-display6: 16;\n --bs-4-responsive-tablet-paragraph-spacing-display-display7: 12;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h1: 20;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h2: 16;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h3: 12;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h4: 10;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h5: 8;\n --bs-4-responsive-tablet-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-tablet-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-tablet-paragraph-spacing-body-md: 8;\n --bs-4-responsive-tablet-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-tablet-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-tablet-margin-fluid: var(--bs-scale-300);\n --bs-4-responsive-tablet-margin-with-navigation-drawer: var(--bs-scale-300);\n --bs-4-responsive-tablet-gutter-gutter: var(--bs-scale-200);\n --bs-4-responsive-tablet-layout-columns-columns: 8rem;\n --bs-4-responsive-tablet-breakpoints-max-width: 1023rem;\n --bs-4-responsive-tablet-breakpoints-min-width: 600rem;\n --bs-4-responsive-tablet-navigation-header-hamburger-menu: true;\n --bs-4-responsive-tablet-navigation-header-logo: false;\n --bs-4-responsive-tablet-navigation-header-left-menu: false;\n --bs-4-responsive-tablet-navigation-header-page-label: false;\n --bs-4-responsive-tablet-navigation-header-gap: 12;\n --bs-4-responsive-mobile-fontsize-display-display1: 64px;\n --bs-4-responsive-mobile-fontsize-display-display2: 56px;\n --bs-4-responsive-mobile-fontsize-display-display3: 48px;\n --bs-4-responsive-mobile-fontsize-display-display4: 40px;\n --bs-4-responsive-mobile-fontsize-display-display5: 32px;\n --bs-4-responsive-mobile-fontsize-display-display6: 24px;\n --bs-4-responsive-mobile-fontsize-display-display7: 20px;\n --bs-4-responsive-mobile-fontsize-heading-h1: 32px;\n --bs-4-responsive-mobile-fontsize-heading-h2: 28px;\n --bs-4-responsive-mobile-fontsize-heading-h3: 24px;\n --bs-4-responsive-mobile-fontsize-heading-h4: 22px;\n --bs-4-responsive-mobile-fontsize-heading-h5: 20px;\n --bs-4-responsive-mobile-fontsize-heading-h6: 16px;\n --bs-4-responsive-mobile-fontsize-body-lg: 18px;\n --bs-4-responsive-mobile-fontsize-body-md: 16px;\n --bs-4-responsive-mobile-fontsize-body-sm: 12px;\n --bs-4-responsive-mobile-fontsize-caption-lg: 14px;\n --bs-4-responsive-mobile-fontsize-caption-md: 14px;\n --bs-4-responsive-mobile-fontsize-caption-sm: 12px;\n --bs-4-responsive-mobile-line-height-display-display1: 72;\n --bs-4-responsive-mobile-line-height-display-display2: 64;\n --bs-4-responsive-mobile-line-height-display-display3: 56;\n --bs-4-responsive-mobile-line-height-display-display4: 48;\n --bs-4-responsive-mobile-line-height-display-display5: 40;\n --bs-4-responsive-mobile-line-height-display-display6: 32;\n --bs-4-responsive-mobile-line-height-display-display7: 28;\n --bs-4-responsive-mobile-line-height-heading-h1: 40;\n --bs-4-responsive-mobile-line-height-heading-h2: 36;\n --bs-4-responsive-mobile-line-height-heading-h3: 32;\n --bs-4-responsive-mobile-line-height-heading-h4: 28;\n --bs-4-responsive-mobile-line-height-heading-h5: 24;\n --bs-4-responsive-mobile-line-height-heading-h6: 20;\n --bs-4-responsive-mobile-line-height-body-lg: 24;\n --bs-4-responsive-mobile-line-height-body-md: 24;\n --bs-4-responsive-mobile-line-height-body-sm: 20;\n --bs-4-responsive-mobile-line-height-caption-lg: 20;\n --bs-4-responsive-mobile-line-height-caption-md: 20;\n --bs-4-responsive-mobile-line-height-caption-sm: 16;\n --bs-4-responsive-mobile-paragraph-spacing-display-display1: 32;\n --bs-4-responsive-mobile-paragraph-spacing-display-display2: 28;\n --bs-4-responsive-mobile-paragraph-spacing-display-display3: 24;\n --bs-4-responsive-mobile-paragraph-spacing-display-display4: 20;\n --bs-4-responsive-mobile-paragraph-spacing-display-display5: 16;\n --bs-4-responsive-mobile-paragraph-spacing-display-display6: 12;\n --bs-4-responsive-mobile-paragraph-spacing-display-display7: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h1: 16;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h2: 12;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h3: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h4: 10;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h5: 8;\n --bs-4-responsive-mobile-paragraph-spacing-heading-h6: 8;\n --bs-4-responsive-mobile-paragraph-spacing-body-lg: 10;\n --bs-4-responsive-mobile-paragraph-spacing-body-md: 8;\n --bs-4-responsive-mobile-paragraph-spacing-body-sm: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-lg: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-md: 8;\n --bs-4-responsive-mobile-paragraph-spacing-caption-sm: 6;\n --bs-4-responsive-mobile-margin-fluid: var(--bs-scale-200);\n --bs-4-responsive-mobile-margin-with-navigation-drawer: var(--bs-scale-200);\n --bs-4-responsive-mobile-gutter-gutter: var(--bs-scale-200);\n --bs-4-responsive-mobile-layout-columns-columns: 4rem;\n --bs-4-responsive-mobile-breakpoints-max-width: 599rem;\n --bs-4-responsive-mobile-breakpoints-min-width: 0;\n --bs-4-responsive-mobile-navigation-header-hamburger-menu: true;\n --bs-4-responsive-mobile-navigation-header-logo: false;\n --bs-4-responsive-mobile-navigation-header-left-menu: false;\n --bs-4-responsive-mobile-navigation-header-page-label: true;\n --bs-4-responsive-mobile-navigation-header-gap: 8;\n --bs-5-brand-colors-blue-brand-50: var(--bs-brand-colors-blue-50);\n --bs-5-brand-colors-blue-brand-100: var(--bs-brand-colors-blue-100);\n --bs-5-brand-colors-blue-brand-200: var(--bs-brand-colors-blue-200);\n --bs-5-brand-colors-blue-brand-300: var(--bs-brand-colors-blue-300);\n --bs-5-brand-colors-blue-brand-400: var(--bs-brand-colors-blue-400);\n --bs-5-brand-colors-blue-brand-500: var(--bs-brand-colors-blue-500);\n --bs-5-brand-colors-blue-brand-600: var(--bs-brand-colors-blue-600);\n --bs-5-brand-colors-blue-brand-700: var(--bs-brand-colors-blue-700);\n --bs-5-brand-colors-blue-brand-800: var(--bs-brand-colors-blue-800);\n --bs-5-brand-colors-blue-brand-900: var(--bs-brand-colors-blue-900);\n --bs-5-brand-colors-blue-brand-950: var(--bs-brand-colors-blue-950);\n --bs-5-brand-colors-purple-brand-50: var(--bs-brand-colors-purple-50);\n --bs-5-brand-colors-purple-brand-100: var(--bs-brand-colors-purple-100);\n --bs-5-brand-colors-purple-brand-200: var(--bs-brand-colors-purple-200);\n --bs-5-brand-colors-purple-brand-300: var(--bs-brand-colors-purple-300);\n --bs-5-brand-colors-purple-brand-400: var(--bs-brand-colors-purple-400);\n --bs-5-brand-colors-purple-brand-500: var(--bs-brand-colors-purple-500);\n --bs-5-brand-colors-purple-brand-600: var(--bs-brand-colors-purple-600);\n --bs-5-brand-colors-purple-brand-700: var(--bs-brand-colors-purple-700);\n --bs-5-brand-colors-purple-brand-800: var(--bs-brand-colors-purple-800);\n --bs-5-brand-colors-purple-brand-900: var(--bs-brand-colors-purple-900);\n --bs-5-brand-colors-purple-brand-950: var(--bs-brand-colors-purple-950);\n --bs-5-brand-colors-cobalt-brand-50: var(--bs-brand-colors-cobalt-50);\n --bs-5-brand-colors-cobalt-brand-100: var(--bs-brand-colors-cobalt-100);\n --bs-5-brand-colors-cobalt-brand-200: var(--bs-brand-colors-cobalt-200);\n --bs-5-brand-colors-cobalt-brand-300: var(--bs-brand-colors-cobalt-300);\n --bs-5-brand-colors-cobalt-brand-400: var(--bs-brand-colors-cobalt-400);\n --bs-5-brand-colors-cobalt-brand-500: var(--bs-brand-colors-cobalt-500);\n --bs-5-brand-colors-cobalt-brand-600: var(--bs-brand-colors-cobalt-600);\n --bs-5-brand-colors-cobalt-brand-700: var(--bs-brand-colors-cobalt-700);\n --bs-5-brand-colors-cobalt-brand-800: var(--bs-brand-colors-cobalt-800);\n --bs-5-brand-colors-cobalt-brand-900: var(--bs-brand-colors-cobalt-900);\n --bs-5-brand-colors-cobalt-brand-950: var(--bs-brand-colors-cobalt-950);\n --bs-5-brand-colors-steel-brand-50: {Brand Colors.steel.50};\n --bs-5-brand-colors-steel-brand-100: {Brand Colors.steel.100};\n --bs-5-brand-colors-steel-brand-200: {Brand Colors.steel.200};\n --bs-5-brand-colors-steel-brand-300: {Brand Colors.steel.300};\n --bs-5-brand-colors-steel-brand-400: {Brand Colors.steel.400};\n --bs-5-brand-colors-steel-brand-500: {Brand Colors.steel.500};\n --bs-5-brand-colors-steel-brand-600: {Brand Colors.steel.600};\n --bs-5-brand-colors-steel-brand-700: {Brand Colors.steel.800};\n --bs-5-brand-colors-steel-brand-800: {Brand Colors.steel.800};\n --bs-5-brand-colors-steel-brand-900: {Brand Colors.steel.900};\n --bs-5-brand-colors-steel-brand-950: {Brand Colors.steel.950};\n --bs-5-brand-colors-teal-brand-50: {Brand Colors.teal.50};\n --bs-5-brand-colors-teal-brand-100: {Brand Colors.teal.100};\n --bs-5-brand-colors-teal-brand-200: {Brand Colors.teal.200};\n --bs-5-brand-colors-teal-brand-300: {Brand Colors.teal.300};\n --bs-5-brand-colors-teal-brand-400: {Brand Colors.teal.400};\n --bs-5-brand-colors-teal-brand-500: {Brand Colors.teal.500};\n --bs-5-brand-colors-teal-brand-600: {Brand Colors.teal.600};\n --bs-5-brand-colors-teal-brand-700: {Brand Colors.teal.700};\n --bs-5-brand-colors-teal-brand-800: {Brand Colors.teal.800};\n --bs-5-brand-colors-teal-brand-900: {Brand Colors.teal.900};\n --bs-5-brand-colors-teal-brand-950: {Brand Colors.teal.950};\n --bs-5-brand-colors-jade-brand-50: {Brand Colors.jade.50};\n --bs-5-brand-colors-jade-brand-100: {Brand Colors.jade.100};\n --bs-5-brand-colors-jade-brand-200: {Brand Colors.jade.200};\n --bs-5-brand-colors-jade-brand-300: {Brand Colors.jade.300};\n --bs-5-brand-colors-jade-brand-400: {Brand Colors.jade.400};\n --bs-5-brand-colors-jade-brand-500: {Brand Colors.jade.500};\n --bs-5-brand-colors-jade-brand-600: {Brand Colors.jade.600};\n --bs-5-brand-colors-jade-brand-700: {Brand Colors.teal.700};\n --bs-5-brand-colors-jade-brand-800: {Brand Colors.jade.800};\n --bs-5-brand-colors-jade-brand-900: {Brand Colors.jade.900};\n --bs-5-brand-colors-jade-brand-950: {Brand Colors.jade.950};\n --bs-5-brand-colors-green-brand-50: var(--bs-brand-colors-green-50);\n --bs-5-brand-colors-green-brand-100: var(--bs-brand-colors-green-100);\n --bs-5-brand-colors-green-brand-200: var(--bs-brand-colors-green-200);\n --bs-5-brand-colors-green-brand-300: var(--bs-brand-colors-green-300);\n --bs-5-brand-colors-green-brand-400: var(--bs-brand-colors-green-400);\n --bs-5-brand-colors-green-brand-500: var(--bs-brand-colors-green-500);\n --bs-5-brand-colors-green-brand-600: var(--bs-brand-colors-green-600);\n --bs-5-brand-colors-green-brand-700: var(--bs-brand-colors-green-700);\n --bs-5-brand-colors-green-brand-800: var(--bs-brand-colors-green-800);\n --bs-5-brand-colors-green-brand-900: var(--bs-brand-colors-green-900);\n --bs-5-brand-colors-green-brand-950: var(--bs-brand-colors-green-950);\n --bs-5-brand-colors-lime-brand-50: var(--bs-brand-colors-lime-50);\n --bs-5-brand-colors-lime-brand-100: var(--bs-brand-colors-lime-100);\n --bs-5-brand-colors-lime-brand-200: var(--bs-brand-colors-lime-200);\n --bs-5-brand-colors-lime-brand-300: var(--bs-brand-colors-lime-300);\n --bs-5-brand-colors-lime-brand-400: var(--bs-brand-colors-lime-400);\n --bs-5-brand-colors-lime-brand-500: var(--bs-brand-colors-lime-500);\n --bs-5-brand-colors-lime-brand-600: var(--bs-brand-colors-lime-600);\n --bs-5-brand-colors-lime-brand-700: var(--bs-brand-colors-lime-700);\n --bs-5-brand-colors-lime-brand-800: var(--bs-brand-colors-lime-800);\n --bs-5-brand-colors-lime-brand-900: var(--bs-brand-colors-lime-900);\n --bs-5-brand-colors-lime-brand-950: var(--bs-brand-colors-lime-950);\n --bs-5-brand-colors-yellow-brand-50: var(--bs-brand-colors-yellow-50);\n --bs-5-brand-colors-yellow-brand-100: var(--bs-brand-colors-yellow-100);\n --bs-5-brand-colors-yellow-brand-200: var(--bs-brand-colors-yellow-200);\n --bs-5-brand-colors-yellow-brand-300: var(--bs-brand-colors-yellow-300);\n --bs-5-brand-colors-yellow-brand-400: var(--bs-brand-colors-yellow-400);\n --bs-5-brand-colors-yellow-brand-500: var(--bs-brand-colors-yellow-500);\n --bs-5-brand-colors-yellow-brand-600: var(--bs-brand-colors-yellow-600);\n --bs-5-brand-colors-yellow-brand-700: var(--bs-brand-colors-yellow-700);\n --bs-5-brand-colors-yellow-brand-800: var(--bs-brand-colors-yellow-800);\n --bs-5-brand-colors-yellow-brand-900: var(--bs-brand-colors-yellow-900);\n --bs-5-brand-colors-yellow-brand-950: var(--bs-brand-colors-yellow-950);\n --bs-5-brand-colors-amber-brand-50: var(--bs-brand-colors-amber-50);\n --bs-5-brand-colors-amber-brand-100: var(--bs-brand-colors-amber-100);\n --bs-5-brand-colors-amber-brand-200: var(--bs-brand-colors-amber-200);\n --bs-5-brand-colors-amber-brand-300: var(--bs-brand-colors-amber-300);\n --bs-5-brand-colors-amber-brand-400: var(--bs-brand-colors-amber-400);\n --bs-5-brand-colors-amber-brand-500: var(--bs-brand-colors-amber-500);\n --bs-5-brand-colors-amber-brand-600: var(--bs-brand-colors-amber-600);\n --bs-5-brand-colors-amber-brand-700: var(--bs-brand-colors-amber-700);\n --bs-5-brand-colors-amber-brand-800: var(--bs-brand-colors-amber-800);\n --bs-5-brand-colors-amber-brand-900: var(--bs-brand-colors-amber-900);\n --bs-5-brand-colors-amber-brand-950: var(--bs-brand-colors-amber-950);\n --bs-5-brand-colors-orange-brand-50: var(--bs-brand-colors-orange-50);\n --bs-5-brand-colors-orange-brand-100: var(--bs-brand-colors-orange-100);\n --bs-5-brand-colors-orange-brand-200: var(--bs-brand-colors-orange-200);\n --bs-5-brand-colors-orange-brand-300: var(--bs-brand-colors-orange-300);\n --bs-5-brand-colors-orange-brand-400: var(--bs-brand-colors-orange-400);\n --bs-5-brand-colors-orange-brand-500: var(--bs-brand-colors-orange-500);\n --bs-5-brand-colors-orange-brand-600: var(--bs-brand-colors-orange-600);\n --bs-5-brand-colors-orange-brand-700: var(--bs-brand-colors-orange-700);\n --bs-5-brand-colors-orange-brand-800: var(--bs-brand-colors-orange-800);\n --bs-5-brand-colors-orange-brand-900: var(--bs-brand-colors-orange-900);\n --bs-5-brand-colors-orange-brand-950: var(--bs-brand-colors-amber-950);\n --bs-5-brand-colors-magenta-brand-50: var(--bs-brand-colors-magenta-50);\n --bs-5-brand-colors-magenta-brand-100: var(--bs-brand-colors-magenta-100);\n --bs-5-brand-colors-magenta-brand-200: var(--bs-brand-colors-magenta-200);\n --bs-5-brand-colors-magenta-brand-300: var(--bs-brand-colors-magenta-300);\n --bs-5-brand-colors-magenta-brand-400: var(--bs-brand-colors-magenta-400);\n --bs-5-brand-colors-magenta-brand-500: var(--bs-brand-colors-magenta-500);\n --bs-5-brand-colors-magenta-brand-600: var(--bs-brand-colors-magenta-600);\n --bs-5-brand-colors-magenta-brand-700: var(--bs-brand-colors-magenta-700);\n --bs-5-brand-colors-magenta-brand-800: var(--bs-brand-colors-magenta-800);\n --bs-5-brand-colors-magenta-brand-900: var(--bs-brand-colors-magenta-900);\n --bs-5-brand-colors-magenta-brand-950: var(--bs-brand-colors-magenta-950);\n --bs-5-brand-colors-maroon-brand-50: var(--bs-brand-colors-maroon-50);\n --bs-5-brand-colors-maroon-brand-100: var(--bs-brand-colors-maroon-100);\n --bs-5-brand-colors-maroon-brand-200: var(--bs-brand-colors-maroon-200);\n --bs-5-brand-colors-maroon-brand-300: var(--bs-brand-colors-maroon-300);\n --bs-5-brand-colors-maroon-brand-400: var(--bs-brand-colors-maroon-400);\n --bs-5-brand-colors-maroon-brand-500: var(--bs-brand-colors-maroon-500);\n --bs-5-brand-colors-maroon-brand-600: var(--bs-brand-colors-maroon-600);\n --bs-5-brand-colors-maroon-brand-700: var(--bs-brand-colors-maroon-700);\n --bs-5-brand-colors-maroon-brand-800: var(--bs-brand-colors-maroon-800);\n --bs-5-brand-colors-maroon-brand-900: var(--bs-brand-colors-maroon-900);\n --bs-5-brand-colors-maroon-brand-950: var(--bs-brand-colors-maroon-950);\n --bs-5-brand-colors-violet-brand-50: var(--bs-brand-colors-violet-50);\n --bs-5-brand-colors-violet-brand-100: var(--bs-brand-colors-violet-100);\n --bs-5-brand-colors-violet-brand-200: var(--bs-brand-colors-violet-200);\n --bs-5-brand-colors-violet-brand-300: var(--bs-brand-colors-violet-300);\n --bs-5-brand-colors-violet-brand-400: var(--bs-brand-colors-violet-400);\n --bs-5-brand-colors-violet-brand-500: var(--bs-brand-colors-violet-500);\n --bs-5-brand-colors-violet-brand-600: var(--bs-brand-colors-violet-600);\n --bs-5-brand-colors-violet-brand-700: var(--bs-brand-colors-violet-700);\n --bs-5-brand-colors-violet-brand-800: var(--bs-brand-colors-violet-800);\n --bs-5-brand-colors-violet-brand-900: var(--bs-brand-colors-violet-900);\n --bs-5-brand-colors-violet-brand-950: var(--bs-brand-colors-violet-950);\n --bs-focus-border-: var(--bs-information-500);\n --bs-label: Label;\n --bs-border-width-0: var(--bs-scale-0);\n --bs-border-width-thin: var(--bs-scale-10);\n --bs-border-width-medium: var(--bs-scale-25);\n --bs-border-width-thick: var(--bs-scale-50);\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n --bs-sizing-75: var(--bs-scale-75);\n --bs-sizing-100: var(--bs-scale-100);\n --bs-sizing-200: var(--bs-scale-200);\n --bs-sizing-250: var(--bs-scale-250);\n --bs-sizing-300: var(--bs-scale-300);\n --bs-sizing-400: var(--bs-scale-400);\n --bs-sizing-500: var(--bs-scale-500);\n --bs-sizing-600: var(--bs-scale-600);\n --bs-sizing-700: var(--bs-scale-700);\n --bs-sizing-800: var(--bs-scale-800);\n --bs-sizing-1000: var(--bs-scale-1000);\n --bs-sizing-1200: var(--bs-scale-1200);\n --bs-sizing-1600: var(--bs-scale-1600);\n --bs-sizing-3200: var(--bs-scale-3200);\n --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n[data-theme=\"dark\"] {\n\n /* Primary Colors - Dark Mode */\n --bs-color-primary-default: var(--bs-brand-400);\n --bs-color-primary-hover: var(--bs-brand-300);\n --bs-color-primary-focused: var(--bs-brand-300);\n --bs-color-primary-pressed: var(--bs-brand-200);\n --bs-color-primary-container: var(--bs-brand-950);\n --bs-color-primary-container-hover: var(--bs-brand-900);\n\n /* Neutral Colors - Dark Mode */\n --bs-color-neutral-default: var(--bs-neutral-300);\n --bs-color-neutral-hover: var(--bs-neutral-200);\n --bs-color-neutral-focused: var(--bs-neutral-200);\n --bs-color-neutral-pressed: var(--bs-neutral-50);\n --bs-color-neutral-container: var(--bs-neutral-900);\n --bs-color-neutral-container-hover: var(--bs-neutral-800);\n --bs-color-neutral-container-focused: var(--bs-neutral-800);\n --bs-color-neutral-container-pressed: var(--bs-neutral-700);\n\n /* Accent Colors - Dark Mode */\n --bs-color-accent-default: var(--bs-brand-colors-magenta-400);\n --bs-color-accent-hover: var(--bs-brand-colors-magenta-300);\n --bs-color-accent-active: var(--bs-brand-colors-magenta-200);\n --bs-color-accent-container: var(--bs-brand-colors-magenta-700);\n\n /* Success Colors - Dark Mode */\n --bs-color-success-default: var(--bs-success-400);\n --bs-color-success-hover: var(--bs-success-300);\n --bs-color-success-focused: var(--bs-success-300);\n --bs-color-success-pressed: var(--bs-success-200);\n --bs-color-success-container: var(--bs-success-800);\n\n /* Warning Colors - Dark Mode */\n --bs-color-warning-default: var(--bs-warning-400);\n --bs-color-warning-hover: var(--bs-warning-300);\n --bs-color-warning-focused: var(--bs-warning-300);\n --bs-color-warning-pressed: var(--bs-warning-200);\n --bs-color-warning-container: var(--bs-warning-800);\n\n /* Error Colors - Dark Mode */\n --bs-color-error-default: var(--bs-error-400);\n --bs-color-error-hover: var(--bs-error-300);\n --bs-color-error-focused: var(--bs-error-300);\n --bs-color-error-pressed: var(--bs-error-200);\n --bs-color-error-container: var(--bs-error-950);\n\n /* Info Colors - Dark Mode */\n --bs-color-info-default: var(--bs-information-400);\n --bs-color-info-hover: var(--bs-information-300);\n --bs-color-info-focused: var(--bs-information-300);\n --bs-color-info-pressed: var(--bs-information-200);\n --bs-color-info-container: var(--bs-information-800);\n\n /* Text Colors - Dark Mode */\n --bs-text-static-white: var(--bs-white);\n --bs-text-static-black: var(--bs-black);\n --bs-text-default: var(--bs-white);\n --bs-text-secondary: var(--bs-neutral-200);\n --bs-text-muted: var(--bs-neutral-300);\n --bs-text-inverse: var(--bs-static-black);\n --bs-text-link: var(--bs-information-400);\n --bs-text-action: var(--bs-brand-400);\n --bs-text-action-hover: var(--bs-brand-500);\n --bs-text-success: var(--bs-success-300);\n --bs-text-info: var(--bs-information-300);\n --bs-text-warning: var(--bs-warning-300);\n --bs-text-error: var(--bs-error-300);\n --bs-text-on-action: var(--bs-black);\n --bs-text-on-disabled: var(--bs-neutral-600);\n --bs-text-accent: var(--bs-brand-colors-purple-400);\n --bs-text-inverse-accent: var(--bs-brand-colors-purple-600);\n --bs-text-neutral---default: var(--bs-neutral-300);\n --bs-text-neutral---hover: var(--bs-neutral-200);\n --bs-text-neutral---focused: var(--bs-neutral-200);\n --bs-text-neutral---pressed: var(--bs-neutral-50);\n --bs-text-neutral-default: var(--bs-neutral-300);\n --bs-text-neutral-hover: var(--bs-neutral-200);\n --bs-text-neutral-focused: var(--bs-neutral-200);\n --bs-text-neutral-pressed: var(--bs-neutral-50);\n\n /* Surface Colors - Dark Mode */\n --bs-surface-base: var(--bs-neutral-950);\n --bs-surface-raised: var(--bs-neutral-900);\n --bs-surface-container: var(--bs-neutral-900);\n --bs-surface-hover: var(--bs-neutral-800);\n --bs-surface-focus: var(--bs-neutral-800);\n --bs-surface-pressed: var(--bs-neutral-600);\n --bs-surface-selected: var(--bs-neutral-700);\n --bs-surface-selected-hover: var(--bs-neutral-700);\n --bs-surface-selected-focus: var(--bs-neutral-700);\n --bs-surface-selected-pressed: var(--bs-neutral-600);\n --bs-surface-active: var(--bs-neutral-600);\n --bs-surface-action: var(--bs-color-primary-default);\n --bs-surface-inset: var(--bs-neutral-900);\n --bs-surface-inverse: var(--bs-neutral-50-transparent);\n --bs-surface-accent: var(--bs-gray-transparent-2);\n --bs-surface-on-action: var(--bs-gray-900);\n --bs-surface-on-action-disabled: var(--bs-neutral-600);\n --bs-surface-action-disabled: var(--bs-neutral-900);\n --bs-surface-success: var(--bs-success-600);\n --bs-surface-info: var(--bs-information-600);\n --bs-surface-warning: var(--bs-warning-600);\n --bs-surface-error: var(--bs-error-600);\n --bs-surface-overlay: var(--bs-neutral-500-transparent-2);\n --bs-surface-overlay-level-2: var(--bs-neutral-500-transparent);\n\n /* Icon Colors - Dark Mode */\n --bs-icon-static-white: var(--bs-white);\n --bs-icon-static-black: var(--bs-black);\n --bs-icon-default: var(--bs-neutral-25);\n --bs-icon-muted: var(--bs-neutral-400);\n --bs-icon-disabled: var(--bs-neutral-600);\n --bs-icon-inverse: var(--bs-static-black);\n --bs-icon-action: var(--bs-brand-400);\n --bs-icon-action-hover: var(--bs-brand-300);\n --bs-icon-success: var(--bs-success-400);\n --bs-icon-info: var(--bs-information-300);\n --bs-icon-warning: var(--bs-warning-300);\n --bs-icon-error: var(--bs-error-300);\n --bs-icon-neutral-default: var(--bs-neutral-300);\n --bs-icon-neutral-hover: var(--bs-neutral-200);\n --bs-icon-neutral-focused: var(--bs-neutral-200);\n --bs-icon-neutral-pressed: var(--bs-neutral-50);\n\n /* Border Colors - Dark Mode */\n --bs-border-default: var(--bs-neutral-800);\n --bs-border-neutral-hover: var(--bs-neutral-300);\n --bs-border-neutral-focus: var(--bs-focus-border-);\n --bs-border-neutral-active: var(--bs-neutral-500);\n --bs-border-neutral-disabled: var(--bs-neutral-700);\n --bs-border-neutral-container: var(--bs-neutral-700);\n --bs-border-neutral-container-hover: var(--bs-neutral-500);\n --bs-border-neutral-container-focused: var(--bs-focus-border-);\n --bs-border-neutral-container-pressed: var(--bs-neutral-300);\n --bs-border-success: var(--bs-success-400);\n --bs-border-success-hover: var(--bs-success-300);\n --bs-border-success-focus: var(--bs-focus-border-);\n --bs-border-warning: var(--bs-warning-400);\n --bs-border-warning-hover: var(--bs-warning-300);\n --bs-border-warning-focus: var(--bs-focus-border-);\n --bs-border-error: var(--bs-error-300);\n --bs-border-error-hover: var(--bs-error-200);\n --bs-border-error-focus: var(--bs-focus-border-);\n --bs-border-info: var(--bs-information-400);\n --bs-border-info-hover: var(--bs-information-600);\n --bs-border-info-focus: var(--bs-focus-border-);\n --bs-border-primary: var(--bs-brand-400);\n --bs-border-primary-hover: var(--bs-brand-300);\n --bs-border-primary-focus: var(--bs-focus-border-);\n --bs-border-primary-pressed: var(--bs-brand-200);\n\n /* Elevation Colors - Dark Mode */\n --bs-elevation-none: var(--bs-dark-mode-0);\n --bs-elevation-low: var(--bs-dark-mode-100);\n --bs-elevation-medium: var(--bs-dark-mode-200);\n --bs-elevation-high: var(--bs-dark-mode-300);\n --bs-elevation-higher: var(--bs-dark-mode-400);\n --bs-elevation-highest: var(--bs-dark-mode-500);\n --bs-elevation-inner: var(--bs-dark-mode-600);\n --bs-elevation-focus: var(--bs-dark-mode-700);\n\n --bs-focus-border-: var(--bs-information-300);\n --bs-label: Label;\n --bs-border-width-0: var(--bs-scale-0);\n --bs-border-width-thin: var(--bs-scale-10);\n --bs-border-width-medium: var(--bs-scale-25);\n --bs-border-width-thick: var(--bs-scale-50);\n --bs-border-radius-0: var(--bs-scale-0);\n --bs-border-radius-50: var(--bs-scale-50);\n --bs-border-radius-75: var(--bs-scale-75);\n --bs-border-radius-100: var(--bs-scale-100);\n --bs-border-radius-150: var(--bs-scale-150);\n --bs-border-radius-200: var(--bs-scale-200);\n --bs-border-radius-300: var(--bs-scale-300);\n --bs-border-radius-full: var(--bs-scale-1500);\n --bs-spacing-0: var(--bs-scale-0);\n --bs-spacing-25: var(--bs-scale-25);\n --bs-spacing-50: var(--bs-scale-50);\n --bs-spacing-75: var(--bs-scale-75);\n --bs-spacing-100: var(--bs-scale-100);\n --bs-spacing-150: var(--bs-scale-150);\n --bs-spacing-200: var(--bs-scale-200);\n --bs-spacing-250: var(--bs-scale-250);\n --bs-spacing-300: var(--bs-scale-300);\n --bs-spacing-350: var(--bs-scale-350);\n --bs-spacing-400: var(--bs-scale-400);\n --bs-spacing-500: var(--bs-scale-500);\n --bs-spacing-550: var(--bs-scale-550);\n --bs-spacing-600: var(--bs-scale-600);\n --bs-spacing-700: var(--bs-scale-700);\n --bs-spacing-800: var(--bs-scale-800);\n --bs-spacing-1000: var(--bs-scale-1000);\n --bs-spacing-1200: var(--bs-scale-1200);\n --bs-spacing-1500: var(--bs-scale-1500);\n --bs-spacing--600: var(--bs-scale--600);\n --bs-spacing--500: var(--bs-scale--500);\n --bs-spacing--350: var(--bs-scale--350);\n --bs-spacing--200: var(--bs-scale--200);\n --bs-spacing--150: var(--bs-scale--150);\n --bs-spacing--100: var(--bs-scale--100);\n --bs-sizing-75: var(--bs-scale-75);\n --bs-sizing-100: var(--bs-scale-100);\n --bs-sizing-200: var(--bs-scale-200);\n --bs-sizing-250: var(--bs-scale-250);\n --bs-sizing-300: var(--bs-scale-300);\n --bs-sizing-400: var(--bs-scale-400);\n --bs-sizing-500: var(--bs-scale-500);\n --bs-sizing-600: var(--bs-scale-600);\n --bs-sizing-700: var(--bs-scale-700);\n --bs-sizing-800: var(--bs-scale-800);\n --bs-sizing-1000: var(--bs-scale-1000);\n --bs-sizing-1200: var(--bs-scale-1200);\n --bs-sizing-1600: var(--bs-scale-1600);\n --bs-sizing-3200: var(--bs-scale-3200);\n --bs-sizing-6400: var(--bs-scale-6400);\n}\n\n/* Reduced Motion */\n@media (prefers-reduced-motion: reduce) {\n :root {\n --bs-duration-instant: 0ms;\n --bs-duration-fast: 0ms;\n --bs-duration-default: 0ms;\n --bs-duration-slow: 0ms;\n --bs-duration-slower: 0ms;\n }\n}\n\n/*\n * Sets the document root to Brandsync's typeface (brandsync-tokens defines Roboto for both\n * --bs-typography-font-family-heading and -body). Every component's shadow styles use\n * `font-family: inherit`, so this is what they actually inherit from.\n *\n * Loading the Roboto font file itself is the consuming app's job, same convention already used\n * across eg-brandsync -- a <link> to Google Fonts (or next/font/google) for the weights actually\n * used by brandsync-tokens: 100, 400, 500, 600, 700, 900. See README.md.\n */\n:root {\n font-family: var(--bs-typography-font-family-body), sans-serif;\n}\n\n/*\n * Bridges the `[data-theme=\"dark\"]` attribute (set by a consuming app, or this library's own\n * Storybook \"Theme\" toolbar switch -- see .storybook/preview.ts) to bs-logo's asset-visibility\n * custom properties, so bs-logo's `background=\"auto\"` default (the default) can react to it via\n * ordinary custom property inheritance across shadow DOM boundaries -- the same mechanism every\n * other `--bs-*` token already uses to re-theme component internals, just for a fixed SVG asset\n * that has no token of its own to read. Kept out of tokens.css since that file is vendored\n * wholesale from the brandsync-tokens package and re-copied verbatim on every bump (see its own\n * header comment) -- this is BrandSync-WC's own addition, not an upstream design token.\n */\n:root {\n --bs-logo-asset-light-display: block;\n --bs-logo-asset-dark-display: none;\n}\n\n[data-theme='dark'] {\n --bs-logo-asset-light-display: none;\n --bs-logo-asset-dark-display: block;\n}\n\n";
|
|
8
8
|
|
|
9
9
|
/*
|
|
10
|
-
Stencil Client Platform v4.
|
|
10
|
+
Stencil Client Platform v4.45.1 | MIT Licensed | https://stenciljs.com
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
|
|
@@ -686,7 +686,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
686
686
|
}
|
|
687
687
|
}
|
|
688
688
|
if (newValue == null || newValue === false) {
|
|
689
|
-
if (newValue !== false || elm.getAttribute(memberName) === "") {
|
|
689
|
+
if (newValue !== false || elm.getAttribute(memberName) === "" || flags & 4 /* isHost */ && !isEnumeratedAttribute(memberName)) {
|
|
690
690
|
{
|
|
691
691
|
elm.removeAttribute(memberName);
|
|
692
692
|
}
|
|
@@ -699,6 +699,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
699
699
|
}
|
|
700
700
|
}
|
|
701
701
|
};
|
|
702
|
+
var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
|
|
703
|
+
var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
|
|
702
704
|
var parseClassListRegex = /\s/;
|
|
703
705
|
var parseClassList = (value) => {
|
|
704
706
|
if (typeof value === "object" && value && "baseVal" in value) {
|
|
@@ -902,7 +904,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
|
|
|
902
904
|
if (idxInOld >= 0) {
|
|
903
905
|
elmToMove = oldCh[idxInOld];
|
|
904
906
|
if (elmToMove.$tag$ !== newStartVnode.$tag$) {
|
|
905
|
-
node = createElm(oldCh && oldCh[newStartIdx], newVNode2,
|
|
907
|
+
node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
|
|
906
908
|
} else {
|
|
907
909
|
patch(elmToMove, newStartVnode, isInitialRender);
|
|
908
910
|
oldCh[idxInOld] = void 0;
|
|
@@ -1006,9 +1008,7 @@ var flushQueuedRefCallbacks = () => {
|
|
|
1006
1008
|
}
|
|
1007
1009
|
};
|
|
1008
1010
|
var insertBefore = (parent, newNode, reference, isInitialLoad) => {
|
|
1009
|
-
|
|
1010
|
-
return parent.__insertBefore(newNode, reference);
|
|
1011
|
-
} else {
|
|
1011
|
+
{
|
|
1012
1012
|
return parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
1013
1013
|
}
|
|
1014
1014
|
};
|
|
@@ -1273,6 +1273,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
1273
1273
|
};
|
|
1274
1274
|
|
|
1275
1275
|
// src/runtime/proxy-component.ts
|
|
1276
|
+
var reflectedAttrValue = (propValue) => propValue == null || propValue === false ? null : propValue === true ? "" : String(propValue);
|
|
1276
1277
|
var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
1277
1278
|
var _a, _b;
|
|
1278
1279
|
const prototype = Cstr.prototype;
|
|
@@ -1343,21 +1344,26 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1343
1344
|
}
|
|
1344
1345
|
return;
|
|
1345
1346
|
}
|
|
1346
|
-
const
|
|
1347
|
+
const parsedValue = parsePropertyValue(
|
|
1348
|
+
newValue,
|
|
1349
|
+
memberFlags);
|
|
1350
|
+
const setterSetVal = (val) => {
|
|
1347
1351
|
const currentValue = ref.$lazyInstance$[memberName];
|
|
1348
1352
|
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
1349
1353
|
ref.$instanceValues$.set(memberName, currentValue);
|
|
1350
1354
|
}
|
|
1351
|
-
ref.$lazyInstance$[memberName] =
|
|
1352
|
-
newValue,
|
|
1353
|
-
memberFlags);
|
|
1355
|
+
ref.$lazyInstance$[memberName] = val;
|
|
1354
1356
|
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
1355
1357
|
};
|
|
1356
1358
|
if (ref.$lazyInstance$) {
|
|
1357
|
-
setterSetVal();
|
|
1359
|
+
setterSetVal(parsedValue);
|
|
1358
1360
|
} else {
|
|
1361
|
+
ref.$instanceValues$.set(memberName, parsedValue);
|
|
1359
1362
|
ref.$fetchedCbList$.push(() => {
|
|
1360
|
-
|
|
1363
|
+
const pendingValue = ref.$instanceValues$.get(memberName);
|
|
1364
|
+
if (ref.$lazyInstance$[memberName] !== pendingValue) {
|
|
1365
|
+
setterSetVal(pendingValue);
|
|
1366
|
+
}
|
|
1361
1367
|
});
|
|
1362
1368
|
}
|
|
1363
1369
|
}
|
|
@@ -1394,13 +1400,20 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1394
1400
|
return;
|
|
1395
1401
|
}
|
|
1396
1402
|
const propFlags = members.find(([m]) => m === propName);
|
|
1397
|
-
const
|
|
1403
|
+
const propMemberFlags = propFlags ? propFlags[1][0] : 0;
|
|
1404
|
+
const isBooleanTarget = propMemberFlags & 4 /* Boolean */;
|
|
1405
|
+
if (propMemberFlags & 512 /* ReflectAttr */ && propMemberFlags & 8 /* Any */ && // a complex value is never written to an attribute, so a change while the prop holds
|
|
1406
|
+
// one is always external
|
|
1407
|
+
!isComplexType(this[propName]) && reflectedAttrValue(this[propName]) === newValue) {
|
|
1408
|
+
return;
|
|
1409
|
+
}
|
|
1398
1410
|
const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
|
|
1399
1411
|
if (isBooleanTarget) {
|
|
1400
1412
|
newValue = newValue === null || newValue === "false" ? false : true;
|
|
1401
1413
|
}
|
|
1414
|
+
const currentValue = propMemberFlags & 4096 /* Setter */ ? hostRef.$instanceValues$.get(propName) : this[propName];
|
|
1402
1415
|
const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
|
|
1403
|
-
if (!isSpuriousBooleanRemoval && newValue !=
|
|
1416
|
+
if (!isSpuriousBooleanRemoval && newValue != currentValue && (!propDesc.get || !!propDesc.set)) {
|
|
1404
1417
|
this[propName] = newValue;
|
|
1405
1418
|
}
|
|
1406
1419
|
});
|