@xplortech/apollo-core 2.11.0 → 2.12.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/.typings/apollo-components.html-data.json +99 -10
- package/AGENTS.md +27 -3
- package/README.md +12 -0
- package/build/components/accordion.css +1 -0
- package/build/components/application-shell.css +1 -0
- package/build/components/avatar.css +1 -0
- package/build/components/backdrop.css +1 -0
- package/build/components/badge.css +1 -0
- package/build/components/banner.css +1 -0
- package/build/components/breadcrumbs.css +1 -0
- package/build/components/button-row.css +1 -0
- package/build/components/button.css +1 -0
- package/build/components/calendar.css +1 -0
- package/build/components/checkbox-radio.css +1 -0
- package/build/components/choicelist.css +1 -0
- package/build/components/content-area.css +1 -0
- package/build/components/dashboard.css +1 -0
- package/build/components/data-card.css +1 -0
- package/build/components/divider.css +1 -0
- package/build/components/dropdown.css +1 -0
- package/build/components/dynamic-table-cell.css +1 -0
- package/build/components/dynamic-table-row.css +1 -0
- package/build/components/dynamic-table.css +1 -0
- package/build/components/grid.css +1 -0
- package/build/components/header-accordion.css +1 -0
- package/build/components/icon.css +1 -0
- package/build/components/input-color.css +1 -0
- package/build/components/input-date.css +1 -0
- package/build/components/input-file.css +1 -0
- package/build/components/input-phone.css +1 -0
- package/build/components/input-search.css +1 -0
- package/build/components/input-time.css +1 -0
- package/build/components/input.css +1 -0
- package/build/components/label.css +1 -0
- package/build/components/large-card.css +1 -0
- package/build/components/list-action.css +1 -0
- package/build/components/list-item.css +1 -0
- package/build/components/list.css +1 -0
- package/build/components/main-nav.css +1 -0
- package/build/components/modal.css +1 -0
- package/build/components/nav-item.css +1 -0
- package/build/components/pagination.css +1 -0
- package/build/components/panel.css +1 -0
- package/build/components/popover.css +1 -0
- package/build/components/progress-bar.css +1 -0
- package/build/components/progress-indicator.css +1 -0
- package/build/components/secondary-nav.css +1 -0
- package/build/components/select.css +1 -0
- package/build/components/side-nav.css +1 -0
- package/build/components/skeleton.css +1 -0
- package/build/components/slideout.css +1 -0
- package/build/components/spotlight.css +1 -0
- package/build/components/table-header-cell.css +1 -0
- package/build/components/table-header.css +1 -0
- package/build/components/table.css +1 -0
- package/build/components/tabs.css +1 -0
- package/build/components/tag.css +1 -0
- package/build/components/toast.css +1 -0
- package/build/components/toggle.css +1 -0
- package/build/components/toolbar.css +1 -0
- package/build/components/tooltip.css +1 -0
- package/build/components/top-nav.css +1 -0
- package/build/components/utility-bar.css +1 -0
- package/build/components-manifest.json +220 -0
- package/build/core.css +2 -0
- package/build/reset.css +394 -0
- package/build/style.css +2 -13345
- package/build/tailwind-theme.css +2 -0
- package/build/typography.css +1 -0
- package/build/variables/apollo.css +779 -0
- package/build/variables/field-edge.css +554 -0
- package/build/vendor/flatpickr.css +1 -0
- package/dist/apollo-core/apollo-core.css +2 -55
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/p-0095174c.entry.js +1 -0
- package/dist/apollo-core/p-020ecd66.entry.js +1 -0
- package/dist/apollo-core/p-0463c29f.entry.js +1 -0
- package/dist/apollo-core/p-091411e3.entry.js +1 -0
- package/dist/apollo-core/p-0be4dbb8.entry.js +1 -0
- package/dist/apollo-core/p-1139fac0.entry.js +1 -0
- package/dist/apollo-core/p-121d1a4b.entry.js +1 -0
- package/dist/apollo-core/p-140a96c7.entry.js +1 -0
- package/dist/apollo-core/p-1M1pu0C2.js +1 -0
- package/dist/apollo-core/p-1a417191.entry.js +1 -0
- package/dist/apollo-core/p-256ece8b.entry.js +1 -0
- package/dist/apollo-core/p-26861d09.entry.js +1 -0
- package/dist/apollo-core/p-26b6a0ed.entry.js +1 -0
- package/dist/apollo-core/p-39e71d86.entry.js +1 -0
- package/dist/apollo-core/p-3d9c90ee.entry.js +1 -0
- package/dist/apollo-core/p-3dd1de49.entry.js +1 -0
- package/dist/apollo-core/p-4129d971.entry.js +1 -0
- package/dist/apollo-core/p-46d21684.entry.js +1 -0
- package/dist/apollo-core/p-4e61587f.entry.js +1 -0
- package/dist/apollo-core/p-5afc9831.entry.js +1 -0
- package/dist/apollo-core/p-5ca18bc1.entry.js +1 -0
- package/dist/apollo-core/p-5d25a84a.entry.js +1 -0
- package/dist/apollo-core/p-5e5c5016.entry.js +1 -0
- package/dist/apollo-core/p-601b3ab5.entry.js +1 -0
- package/dist/apollo-core/p-616c5a32.entry.js +1 -0
- package/dist/apollo-core/p-638fd9b1.entry.js +1 -0
- package/dist/apollo-core/p-643c8038.entry.js +1 -0
- package/dist/apollo-core/p-707b1918.entry.js +1 -0
- package/dist/apollo-core/p-724c5038.entry.js +1 -0
- package/dist/apollo-core/p-76f64d65.entry.js +1 -0
- package/dist/apollo-core/p-7976cd3b.entry.js +1 -0
- package/dist/apollo-core/p-7f105d63.entry.js +1 -0
- package/dist/apollo-core/p-80a11cad.entry.js +1 -0
- package/dist/apollo-core/p-853418be.entry.js +1 -0
- package/dist/apollo-core/p-875e0eaa.entry.js +1 -0
- package/dist/apollo-core/p-8845106f.entry.js +1 -0
- package/dist/apollo-core/p-8a81ef98.entry.js +1 -0
- package/dist/apollo-core/p-8a925e9d.entry.js +1 -0
- package/dist/apollo-core/p-8ddbf2e2.entry.js +1 -0
- package/dist/apollo-core/p-9747cf43.entry.js +1 -0
- package/dist/apollo-core/p-9b0174b1.entry.js +1 -0
- package/dist/apollo-core/p-9bf2ff9f.entry.js +1 -0
- package/dist/apollo-core/p-BFTU3MAI.js +1 -0
- package/dist/apollo-core/p-BQtbf88X.js +1 -0
- package/dist/apollo-core/p-CWdQxaaX.js +1 -0
- package/dist/apollo-core/p-C_PEOQWj.js +1 -0
- package/dist/apollo-core/p-CzwViN3U.js +1 -0
- package/dist/apollo-core/p-DkqlawVY.js +1 -0
- package/dist/apollo-core/p-Dqb1pIRo.js +1 -0
- package/dist/apollo-core/p-_r9-FML8.js +1 -0
- package/dist/apollo-core/p-a0d3b7f8.entry.js +1 -0
- package/dist/apollo-core/p-a33b0943.entry.js +1 -0
- package/dist/apollo-core/p-b537f72d.entry.js +1 -0
- package/dist/apollo-core/p-ba41bbd5.entry.js +1 -0
- package/dist/apollo-core/p-bb22ed2a.entry.js +1 -0
- package/dist/apollo-core/p-c25aebe5.entry.js +1 -0
- package/dist/apollo-core/p-c427a31d.entry.js +1 -0
- package/dist/apollo-core/p-cde21f72.entry.js +1 -0
- package/dist/apollo-core/p-d288c1d1.entry.js +1 -0
- package/dist/apollo-core/p-d37488d4.entry.js +1 -0
- package/dist/apollo-core/p-d3f2b8b8.entry.js +1 -0
- package/dist/apollo-core/p-dfaba114.entry.js +1 -0
- package/dist/apollo-core/p-e00ed4f4.entry.js +1 -0
- package/dist/apollo-core/p-e2a16242.entry.js +1 -0
- package/dist/apollo-core/p-e4ae3f60.entry.js +1 -0
- package/dist/apollo-core/p-ec488f9c.entry.js +1 -0
- package/dist/apollo-core/p-efa21ec0.entry.js +1 -0
- package/dist/apollo-core/p-f199ad66.entry.js +1 -0
- package/dist/apollo-core/p-f2bfe6a6.entry.js +1 -0
- package/dist/apollo-core/p-fd2756d8.entry.js +1 -0
- package/dist/apollo-core/p-fef6c256.entry.js +1 -0
- package/dist/apollo-core/p-ff8acf15.entry.js +1 -0
- package/dist/apollo-core/p-ukZKsqqq.js +2 -0
- package/dist/cjs/_commonjsHelpers-BJu3ubxk.js +10 -0
- package/dist/cjs/apollo-core.cjs.js +2 -2
- package/dist/cjs/floating-ui.dom-DuvGwvW-.js +1710 -0
- package/dist/cjs/{index-BaXVr8ux.js → index-3cBvw409.js} +756 -9
- package/dist/cjs/index-DP4JWqOH.js +456 -0
- package/dist/cjs/{lifecycle-Bf3QwiVa.js → lifecycle-DeSsFfQZ.js} +4 -0
- package/dist/cjs/light-dom-slots-CS8Q9rRZ.js +19 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/side-nav-slot-utils-DMog5BVN.js +41 -0
- package/dist/cjs/slot-presence-HmQUW2Ba.js +10 -0
- package/dist/cjs/tab-a11y-ids--A4ZoXEj.js +27 -0
- package/dist/cjs/top-nav-constants-DckvgAo7.js +5 -0
- package/dist/cjs/xpl-accordion.cjs.entry.js +5 -3
- package/dist/cjs/xpl-application-shell.cjs.entry.js +2 -2
- package/dist/cjs/xpl-avatar_3.cjs.entry.js +210 -0
- package/dist/cjs/xpl-backdrop.cjs.entry.js +19 -0
- package/dist/cjs/xpl-badge.cjs.entry.js +37 -0
- package/dist/cjs/xpl-banner.cjs.entry.js +74 -0
- package/dist/cjs/xpl-breadcrumb-item.cjs.entry.js +18 -0
- package/dist/cjs/xpl-breadcrumbs.cjs.entry.js +14 -0
- package/dist/cjs/xpl-button-row.cjs.entry.js +2 -2
- package/dist/cjs/xpl-button.cjs.entry.js +81 -0
- package/dist/cjs/xpl-calendar.cjs.entry.js +10 -6
- package/dist/cjs/xpl-checkbox.cjs.entry.js +32 -0
- package/dist/cjs/xpl-choicelist.cjs.entry.js +68 -0
- package/dist/cjs/xpl-content-area.cjs.entry.js +15 -0
- package/dist/cjs/xpl-dashboard.cjs.entry.js +14 -0
- package/dist/cjs/xpl-data-card.cjs.entry.js +111 -0
- package/dist/cjs/xpl-dropdown_4.cjs.entry.js +577 -0
- package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +8 -6
- package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +5 -5
- package/dist/cjs/xpl-dynamic-table.cjs.entry.js +11 -18
- package/dist/cjs/xpl-grid-item.cjs.entry.js +2 -2
- package/dist/cjs/xpl-grid.cjs.entry.js +6 -6
- package/dist/cjs/xpl-header-accordion.cjs.entry.js +69 -0
- package/dist/{esm/xpl-avatar_54.entry.js → cjs/xpl-icon.cjs.entry.js} +1205 -10568
- package/dist/cjs/xpl-input-color.cjs.entry.js +435 -0
- package/dist/cjs/xpl-input-phone.cjs.entry.js +509 -0
- package/dist/cjs/xpl-input-time.cjs.entry.js +196 -0
- package/dist/cjs/xpl-input_4.cjs.entry.js +524 -0
- package/dist/cjs/xpl-large-card.cjs.entry.js +63 -4
- package/dist/cjs/xpl-list-item.cjs.entry.js +460 -0
- package/dist/cjs/xpl-list.cjs.entry.js +396 -0
- package/dist/cjs/xpl-main-nav.cjs.entry.js +2 -2
- package/dist/cjs/xpl-modal.cjs.entry.js +78 -0
- package/dist/cjs/xpl-nav-header-menu.cjs.entry.js +86 -0
- package/dist/cjs/xpl-nav-item.cjs.entry.js +25 -0
- package/dist/cjs/xpl-pagination.cjs.entry.js +112 -0
- package/dist/cjs/xpl-panel.cjs.entry.js +21 -0
- package/dist/cjs/xpl-popover.cjs.entry.js +265 -0
- package/dist/cjs/xpl-progress-bar.cjs.entry.js +41 -0
- package/dist/cjs/xpl-progress-indicator.cjs.entry.js +74 -0
- package/dist/cjs/xpl-secondary-nav.cjs.entry.js +14 -0
- package/dist/cjs/xpl-select_2.cjs.entry.js +493 -0
- package/dist/cjs/xpl-side-nav-header-item.cjs.entry.js +101 -0
- package/dist/cjs/xpl-side-nav-item.cjs.entry.js +130 -0
- package/dist/cjs/xpl-side-nav-section.cjs.entry.js +105 -0
- package/dist/cjs/xpl-side-nav.cjs.entry.js +272 -0
- package/dist/cjs/xpl-skeleton.cjs.entry.js +26 -0
- package/dist/cjs/xpl-slideout.cjs.entry.js +47 -0
- package/dist/cjs/xpl-spotlight.cjs.entry.js +722 -0
- package/dist/cjs/xpl-tab-panel.cjs.entry.js +24 -0
- package/dist/cjs/xpl-tab.cjs.entry.js +87 -0
- package/dist/cjs/xpl-table-header-cell.cjs.entry.js +5 -3
- package/dist/cjs/xpl-table-header.cjs.entry.js +2 -2
- package/dist/cjs/xpl-table.cjs.entry.js +185 -0
- package/dist/cjs/xpl-tabs.cjs.entry.js +373 -0
- package/dist/cjs/xpl-toast.cjs.entry.js +91 -0
- package/dist/cjs/xpl-toggle.cjs.entry.js +6 -6
- package/dist/cjs/xpl-toolbar.cjs.entry.js +3 -3
- package/dist/cjs/xpl-tooltip.cjs.entry.js +18 -0
- package/dist/cjs/xpl-top-nav-item.cjs.entry.js +435 -0
- package/dist/cjs/xpl-top-nav-menu.cjs.entry.js +16 -22
- package/dist/cjs/xpl-top-nav.cjs.entry.js +342 -0
- package/dist/cjs/xpl-utility-bar.cjs.entry.js +23 -0
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/xpl-accordion/accordion.stories.js +6 -2
- package/dist/collection/components/xpl-accordion/xpl-accordion.js +4 -2
- package/dist/collection/components/xpl-application-shell/application-shell.stories.js +19 -1
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
- package/dist/collection/components/xpl-avatar/avatar.stories.js +19 -9
- package/dist/collection/components/xpl-avatar/xpl-avatar.js +12 -16
- package/dist/collection/components/xpl-backdrop/backdrop.stories.js +17 -3
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -1
- package/dist/collection/components/xpl-badge/badge.stories.js +21 -8
- package/dist/collection/components/xpl-badge/xpl-badge.js +4 -5
- package/dist/collection/components/xpl-banner/banner.stories.js +1 -1
- package/dist/collection/components/xpl-banner/xpl-banner.js +7 -9
- package/dist/collection/components/xpl-breadcrumbs/breadcrumbs.stories.js +5 -0
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -1
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -1
- package/dist/collection/components/xpl-button/button.stories.js +2 -0
- package/dist/collection/components/xpl-button/xpl-button.js +17 -14
- package/dist/collection/components/xpl-button-row/button-row.stories.js +9 -0
- package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -1
- package/dist/collection/components/xpl-calendar/calendar.stories.js +11 -3
- package/dist/collection/components/xpl-calendar/xpl-calendar.js +9 -5
- package/dist/collection/components/xpl-checkbox/checkbox.stories.js +11 -2
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +7 -8
- package/dist/collection/components/xpl-choicelist/choicelist.stories.js +24 -0
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +6 -6
- package/dist/collection/components/xpl-content-area/content-area.stories.js +13 -24
- package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -1
- package/dist/collection/components/xpl-dashboard/dashboard.stories.js +9 -0
- package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +1 -1
- package/dist/collection/components/xpl-data-card/data-card.stories.js +55 -0
- package/dist/collection/components/xpl-data-card/xpl-data-card.js +69 -5
- package/dist/collection/components/xpl-divider/divider.stories.js +11 -0
- package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
- package/dist/collection/components/xpl-dropdown/dropdown.stories.js +13 -5
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +2 -17
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +9 -5
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +108 -116
- package/dist/collection/components/xpl-dynamic-table/dynamic-table.stories.js +5 -1
- package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +13 -19
- package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +7 -5
- package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +4 -4
- package/dist/collection/components/xpl-grid/grid.stories.js +9 -0
- package/dist/collection/components/xpl-grid/xpl-grid.js +5 -5
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -1
- package/dist/collection/components/xpl-header-accordion/header-accordion.stories.js +6 -2
- package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +7 -23
- package/dist/collection/components/xpl-icon/icons.stories.js +21 -2
- package/dist/collection/components/xpl-icon/xpl-icon.js +2 -3
- package/dist/collection/components/xpl-input/input.stories.js +120 -104
- package/dist/collection/components/xpl-input/xpl-input-color/color-utils.js +12 -6
- package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +47 -38
- package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +31 -14
- package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +11 -13
- package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +38 -41
- package/dist/collection/components/xpl-input/xpl-input-search/xpl-input-search.js +5 -8
- package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +11 -10
- package/dist/collection/components/xpl-input/xpl-input.js +69 -37
- package/dist/collection/components/xpl-large-card/large-card.stories.js +27 -3
- package/dist/collection/components/xpl-large-card/xpl-large-card.js +69 -3
- package/dist/collection/components/xpl-list/list.stories.js +11 -2
- package/dist/collection/components/xpl-list/xpl-list-item/xpl-list-item.js +29 -31
- package/dist/collection/components/xpl-list/xpl-list.js +21 -26
- package/dist/collection/components/xpl-main-nav/main-nav.stories.js +5 -0
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -1
- package/dist/collection/components/xpl-modal/modal.stories.js +15 -6
- package/dist/collection/components/xpl-modal/xpl-modal.js +21 -8
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +2 -2
- package/dist/collection/components/xpl-pagination/pagination.stories.js +10 -2
- package/dist/collection/components/xpl-pagination/xpl-pagination.js +10 -12
- package/dist/collection/components/xpl-panel/panel.stories.js +9 -0
- package/dist/collection/components/xpl-panel/xpl-panel.js +2 -2
- package/dist/collection/components/xpl-popover/popover.stories.js +15 -5
- package/dist/collection/components/xpl-popover/xpl-popover.js +36 -8
- package/dist/collection/components/xpl-progress-bar/progress-bar.stories.js +10 -1
- package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +2 -2
- package/dist/collection/components/xpl-progress-indicator/progress-indicator.stories.js +9 -1
- package/dist/collection/components/xpl-progress-indicator/xpl-progress-indicator.js +1 -1
- package/dist/collection/components/xpl-radio/radio.stories.js +9 -0
- package/dist/collection/components/xpl-radio/xpl-radio.js +7 -7
- package/dist/collection/components/xpl-secondary-nav/secondary-nav.stories.js +10 -5
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -1
- package/dist/collection/components/xpl-select/select.stories.js +11 -8
- package/dist/collection/components/xpl-select/xpl-select.js +91 -49
- package/dist/collection/components/xpl-side-nav/side-nav-slot-utils.js +35 -0
- package/dist/collection/components/xpl-side-nav/side-nav.stories.js +454 -18
- package/dist/collection/components/xpl-side-nav/xpl-side-nav-header-item/xpl-side-nav-header-item.js +201 -0
- package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +10 -11
- package/dist/collection/components/xpl-side-nav/xpl-side-nav-section/xpl-side-nav-section.js +186 -0
- package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +75 -12
- package/dist/collection/components/xpl-skeleton/skeleton.stories.js +10 -1
- package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +3 -3
- package/dist/collection/components/xpl-slideout/slideout.stories.js +13 -0
- package/dist/collection/components/xpl-slideout/xpl-slideout.js +4 -1
- package/dist/collection/components/xpl-spotlight/spotlight.stories.js +22 -15
- package/dist/collection/components/xpl-spotlight/xpl-spotlight.js +44 -49
- package/dist/collection/components/xpl-tab/xpl-tab.js +63 -8
- package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +3 -4
- package/dist/collection/components/xpl-table/table.stories.js +11 -2
- package/dist/collection/components/xpl-table/xpl-table.js +52 -36
- package/dist/collection/components/xpl-table-header/table-header.stories.js +9 -1
- package/dist/collection/components/xpl-table-header/xpl-table-header.js +1 -1
- package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js +10 -2
- package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +4 -2
- package/dist/collection/components/xpl-tabs/segment-control.stories.js +10 -1
- package/dist/collection/components/xpl-tabs/tabs.shared.js +77 -19
- package/dist/collection/components/xpl-tabs/tabs.stories.js +14 -2
- package/dist/collection/components/xpl-tabs/xpl-tabs.js +29 -25
- package/dist/collection/components/xpl-tag/tag.stories.js +15 -9
- package/dist/collection/components/xpl-tag/xpl-tag.js +5 -7
- package/dist/collection/components/xpl-toast/toast.stories.js +43 -17
- package/dist/collection/components/xpl-toast/xpl-toast.js +107 -56
- package/dist/collection/components/xpl-toggle/toggle.stories.js +8 -1
- package/dist/collection/components/xpl-toggle/xpl-toggle.js +5 -5
- package/dist/collection/components/xpl-toolbar/toolbar.stories.js +39 -0
- package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +2 -2
- package/dist/collection/components/xpl-tooltip/tooltip.stories.js +9 -0
- package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +1 -1
- package/dist/collection/components/xpl-top-nav/top-nav.stories.js +35 -16
- package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js +11 -5
- package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +50 -32
- package/dist/collection/components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu.js +13 -18
- package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +96 -34
- package/dist/collection/components/xpl-utility-bar/utility-bar.stories.js +16 -9
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
- package/dist/collection/utils/floating.js +69 -0
- package/dist/collection/utils/layout-ancestors.js +7 -0
- package/dist/collection/utils/lifecycle.js +13 -10
- package/dist/collection/utils/light-dom-slots.js +15 -0
- package/dist/collection/utils/slot-presence.js +6 -0
- package/dist/collection/utils/ssr-known-mismatches.js +50 -0
- package/dist/collection/utils/tab-a11y-ids.js +1 -2
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +1 -1
- package/dist/components/p-1M1pu0C2.js +1 -0
- package/dist/components/p-2jYZ7ACH.js +1 -0
- package/dist/components/p-BGqQbjLl.js +1 -0
- package/dist/components/p-BQtbf88X.js +1 -0
- package/dist/components/p-BSHdGbmH.js +1 -0
- package/dist/components/p-BnTsRbko.js +1 -0
- package/dist/components/p-Bseq_BgD.js +1 -0
- package/dist/components/p-CCgZCY_A.js +1 -0
- package/dist/components/p-CJzsLWeV.js +1 -0
- package/dist/components/p-CRKY79vL.js +1 -0
- package/dist/components/p-C_PEOQWj.js +1 -0
- package/dist/components/p-CjbPCnPP.js +1 -0
- package/dist/components/p-Cjxw-qOg.js +1 -0
- package/dist/components/p-D6JUVA1x.js +1 -0
- package/dist/components/p-DFGw0APN.js +1 -0
- package/dist/components/p-DLLQBDCb.js +1 -0
- package/dist/components/p-DS2Kv5fl.js +1 -0
- package/dist/components/p-DWUJ_jsx.js +1 -0
- package/dist/components/p-Di1NDy0w.js +1 -0
- package/dist/components/p-DkM7jyQB.js +1 -0
- package/dist/components/p-DkqlawVY.js +1 -0
- package/dist/components/p-Dqb1pIRo.js +1 -0
- package/dist/components/p-DsRsm61K.js +1 -0
- package/dist/components/p-DywQ3S73.js +1 -0
- package/dist/components/p-Dzp5p-eh.js +1 -0
- package/dist/components/p-Mehog36m.js +1 -0
- package/dist/components/p-RYnBuuDE.js +1 -0
- package/dist/components/p-_r9-FML8.js +1 -0
- package/dist/components/{p-ByJRw26d.js → p-imCMp2Nl.js} +1 -1
- package/dist/components/xpl-accordion.js +1 -1
- package/dist/components/xpl-application-shell.js +1 -1
- package/dist/components/xpl-avatar.js +1 -1
- package/dist/components/xpl-backdrop.js +1 -1
- package/dist/components/xpl-badge.js +1 -1
- package/dist/components/xpl-banner.js +1 -1
- package/dist/components/xpl-breadcrumb-item.js +1 -1
- package/dist/components/xpl-breadcrumbs.js +1 -1
- package/dist/components/xpl-button-row.js +1 -1
- package/dist/components/xpl-button.js +1 -1
- package/dist/components/xpl-calendar.js +1 -1
- package/dist/components/xpl-checkbox.js +1 -1
- package/dist/components/xpl-choicelist.js +1 -1
- package/dist/components/xpl-content-area.js +1 -1
- package/dist/components/xpl-dashboard.js +1 -1
- package/dist/components/xpl-data-card.js +1 -1
- package/dist/components/xpl-divider.js +1 -1
- package/dist/components/xpl-dropdown-group.js +1 -1
- package/dist/components/xpl-dropdown-heading.js +1 -1
- package/dist/components/xpl-dropdown-option.js +1 -1
- package/dist/components/xpl-dropdown.js +1 -1
- package/dist/components/xpl-dynamic-table-cell.js +1 -1
- package/dist/components/xpl-dynamic-table-row.js +1 -1
- package/dist/components/xpl-dynamic-table.js +1 -1
- package/dist/components/xpl-grid-item.js +1 -1
- package/dist/components/xpl-grid.js +1 -1
- package/dist/components/xpl-header-accordion.js +1 -1
- package/dist/components/xpl-icon.js +1 -1
- package/dist/components/xpl-input-color.js +1 -1
- package/dist/components/xpl-input-date.js +1 -1
- package/dist/components/xpl-input-file.js +1 -1
- package/dist/components/xpl-input-phone.js +1 -1
- package/dist/components/xpl-input-search.js +1 -1
- package/dist/components/xpl-input-time.js +1 -1
- package/dist/components/xpl-input.js +1 -1
- package/dist/components/xpl-large-card.js +1 -1
- package/dist/components/xpl-list-item.js +1 -1
- package/dist/components/xpl-list.js +1 -1
- package/dist/components/xpl-main-nav.js +1 -1
- package/dist/components/xpl-modal.js +1 -1
- package/dist/components/xpl-nav-header-menu.js +1 -1
- package/dist/components/xpl-nav-item.js +1 -1
- package/dist/components/xpl-pagination.js +1 -1
- package/dist/components/xpl-panel.js +1 -1
- package/dist/components/xpl-popover.js +1 -1
- package/dist/components/xpl-progress-bar.js +1 -1
- package/dist/components/xpl-progress-indicator.js +1 -1
- package/dist/components/xpl-radio.js +1 -1
- package/dist/components/xpl-secondary-nav.js +1 -1
- package/dist/components/xpl-select.js +1 -1
- package/dist/components/xpl-side-nav-header-item.d.ts +11 -0
- package/dist/components/xpl-side-nav-header-item.js +1 -0
- package/dist/components/xpl-side-nav-item.js +1 -1
- package/dist/components/xpl-side-nav-section.d.ts +11 -0
- package/dist/components/xpl-side-nav-section.js +1 -0
- package/dist/components/xpl-side-nav.js +1 -1
- package/dist/components/xpl-skeleton.js +1 -1
- package/dist/components/xpl-slideout.js +1 -1
- package/dist/components/xpl-spotlight.js +1 -1
- package/dist/components/xpl-tab-panel.js +1 -1
- package/dist/components/xpl-tab.js +1 -1
- package/dist/components/xpl-table-header-cell.js +1 -1
- package/dist/components/xpl-table-header.js +1 -1
- package/dist/components/xpl-table.js +1 -1
- package/dist/components/xpl-tabs.js +1 -1
- package/dist/components/xpl-tag.js +1 -1
- package/dist/components/xpl-toast.js +1 -1
- package/dist/components/xpl-toggle.js +1 -1
- package/dist/components/xpl-toolbar.js +1 -1
- package/dist/components/xpl-tooltip.js +1 -1
- package/dist/components/xpl-top-nav-item.js +1 -1
- package/dist/components/xpl-top-nav-menu.js +1 -1
- package/dist/components/xpl-top-nav.js +1 -1
- package/dist/components/xpl-utility-bar.js +1 -1
- package/dist/css/typography.stories.js +9 -0
- package/dist/docs/xpl-application-shell/readme.md +33 -0
- package/dist/docs/xpl-backdrop/readme.md +7 -0
- package/dist/docs/xpl-badge/readme.md +2 -0
- package/dist/docs/xpl-breadcrumbs/xpl-breadcrumbs/readme.md +9 -0
- package/dist/docs/xpl-button/readme.md +4 -2
- package/dist/docs/xpl-checkbox/readme.md +12 -0
- package/dist/docs/xpl-choicelist/readme.md +21 -0
- package/dist/docs/xpl-content-area/readme.md +8 -0
- package/dist/docs/xpl-data-card/readme.md +26 -0
- package/dist/docs/xpl-dropdown/readme.md +32 -6
- package/dist/docs/xpl-dynamic-table/readme.md +35 -0
- package/dist/docs/xpl-header-accordion/readme.md +18 -0
- package/dist/docs/xpl-icon/readme.md +21 -0
- package/dist/docs/xpl-input/xpl-input-color/readme.md +18 -0
- package/dist/docs/xpl-input/xpl-input-file/readme.md +13 -0
- package/dist/docs/xpl-input/xpl-input-time/readme.md +9 -0
- package/dist/docs/xpl-large-card/readme.md +18 -0
- package/dist/docs/xpl-list/readme.md +2 -2
- package/dist/docs/xpl-list/xpl-list-item/readme.md +3 -3
- package/dist/docs/xpl-main-nav/readme.md +16 -0
- package/dist/docs/xpl-modal/readme.md +20 -0
- package/dist/docs/xpl-nav-item/readme.md +14 -0
- package/dist/docs/xpl-pagination/readme.md +29 -0
- package/dist/docs/xpl-radio/readme.md +12 -0
- package/dist/docs/xpl-secondary-nav/readme.md +25 -0
- package/dist/docs/xpl-select/readme.md +13 -0
- package/dist/docs/xpl-side-nav/readme.md +12 -7
- package/dist/docs/xpl-side-nav/xpl-side-nav-header-item/readme.md +155 -0
- package/dist/docs/xpl-side-nav/xpl-side-nav-item/readme.md +16 -6
- package/dist/docs/xpl-side-nav/xpl-side-nav-section/readme.md +126 -0
- package/dist/docs/xpl-slideout/readme.md +23 -0
- package/dist/docs/xpl-tab/readme.md +14 -8
- package/dist/docs/xpl-table/readme.md +4 -4
- package/dist/docs/xpl-toast/readme.md +90 -7
- package/dist/docs/xpl-toggle/readme.md +46 -0
- package/dist/docs/xpl-toolbar/readme.md +19 -0
- package/dist/docs/xpl-top-nav/readme.md +2 -1
- package/dist/docs/xpl-top-nav/xpl-top-nav-item/readme.md +5 -5
- package/dist/docs/xpl-utility-bar/readme.md +12 -0
- package/dist/docs.d.ts +480 -0
- package/dist/docs.json +16441 -0
- package/dist/esm/_commonjsHelpers-BFTU3MAI.js +7 -0
- package/dist/esm/apollo-core.js +3 -3
- package/dist/esm/floating-ui.dom-1M1pu0C2.js +1702 -0
- package/dist/esm/index-BhYfWG18.js +454 -0
- package/dist/esm/{index-CXkZUm1c.js → index-ukZKsqqq.js} +756 -9
- package/dist/esm/{lifecycle-BUgtURvw.js → lifecycle-Dqb1pIRo.js} +4 -1
- package/dist/esm/light-dom-slots-DkqlawVY.js +17 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/side-nav-slot-utils-C_PEOQWj.js +37 -0
- package/dist/esm/slot-presence-_r9-FML8.js +8 -0
- package/dist/esm/tab-a11y-ids-BQtbf88X.js +23 -0
- package/dist/esm/top-nav-constants-CWdQxaaX.js +3 -0
- package/dist/esm/xpl-accordion.entry.js +5 -3
- package/dist/esm/xpl-application-shell.entry.js +2 -2
- package/dist/esm/xpl-avatar_3.entry.js +206 -0
- package/dist/esm/xpl-backdrop.entry.js +17 -0
- package/dist/esm/xpl-badge.entry.js +35 -0
- package/dist/esm/xpl-banner.entry.js +72 -0
- package/dist/esm/xpl-breadcrumb-item.entry.js +16 -0
- package/dist/esm/xpl-breadcrumbs.entry.js +12 -0
- package/dist/esm/xpl-button-row.entry.js +2 -2
- package/dist/esm/xpl-button.entry.js +79 -0
- package/dist/esm/xpl-calendar.entry.js +10 -6
- package/dist/esm/xpl-checkbox.entry.js +30 -0
- package/dist/esm/xpl-choicelist.entry.js +66 -0
- package/dist/esm/xpl-content-area.entry.js +13 -0
- package/dist/esm/xpl-dashboard.entry.js +12 -0
- package/dist/esm/xpl-data-card.entry.js +109 -0
- package/dist/esm/xpl-dropdown_4.entry.js +572 -0
- package/dist/esm/xpl-dynamic-table-cell.entry.js +8 -6
- package/dist/esm/xpl-dynamic-table-row.entry.js +5 -5
- package/dist/esm/xpl-dynamic-table.entry.js +11 -18
- package/dist/esm/xpl-grid-item.entry.js +2 -2
- package/dist/esm/xpl-grid.entry.js +6 -6
- package/dist/esm/xpl-header-accordion.entry.js +67 -0
- package/dist/{cjs/xpl-avatar_54.cjs.entry.js → esm/xpl-icon.entry.js} +1202 -10622
- package/dist/esm/xpl-input-color.entry.js +433 -0
- package/dist/esm/xpl-input-phone.entry.js +507 -0
- package/dist/esm/xpl-input-time.entry.js +194 -0
- package/dist/esm/xpl-input_4.entry.js +519 -0
- package/dist/esm/xpl-large-card.entry.js +63 -4
- package/dist/esm/xpl-list-item.entry.js +458 -0
- package/dist/esm/xpl-list.entry.js +394 -0
- package/dist/esm/xpl-main-nav.entry.js +2 -2
- package/dist/esm/xpl-modal.entry.js +76 -0
- package/dist/esm/xpl-nav-header-menu.entry.js +84 -0
- package/dist/esm/xpl-nav-item.entry.js +23 -0
- package/dist/esm/xpl-pagination.entry.js +110 -0
- package/dist/esm/xpl-panel.entry.js +19 -0
- package/dist/esm/xpl-popover.entry.js +263 -0
- package/dist/esm/xpl-progress-bar.entry.js +39 -0
- package/dist/esm/xpl-progress-indicator.entry.js +72 -0
- package/dist/esm/xpl-secondary-nav.entry.js +12 -0
- package/dist/esm/xpl-select_2.entry.js +490 -0
- package/dist/esm/xpl-side-nav-header-item.entry.js +99 -0
- package/dist/esm/xpl-side-nav-item.entry.js +128 -0
- package/dist/esm/xpl-side-nav-section.entry.js +103 -0
- package/dist/esm/xpl-side-nav.entry.js +270 -0
- package/dist/esm/xpl-skeleton.entry.js +24 -0
- package/dist/esm/xpl-slideout.entry.js +45 -0
- package/dist/esm/xpl-spotlight.entry.js +720 -0
- package/dist/esm/xpl-tab-panel.entry.js +22 -0
- package/dist/esm/xpl-tab.entry.js +85 -0
- package/dist/esm/xpl-table-header-cell.entry.js +5 -3
- package/dist/esm/xpl-table-header.entry.js +2 -2
- package/dist/esm/xpl-table.entry.js +183 -0
- package/dist/esm/xpl-tabs.entry.js +371 -0
- package/dist/esm/xpl-toast.entry.js +89 -0
- package/dist/esm/xpl-toggle.entry.js +6 -6
- package/dist/esm/xpl-toolbar.entry.js +3 -3
- package/dist/esm/xpl-tooltip.entry.js +16 -0
- package/dist/esm/xpl-top-nav-item.entry.js +433 -0
- package/dist/esm/xpl-top-nav-menu.entry.js +15 -21
- package/dist/esm/xpl-top-nav.entry.js +340 -0
- package/dist/esm/xpl-utility-bar.entry.js +21 -0
- package/dist/types/components/xpl-accordion/accordion.stories.d.ts +11 -2
- package/dist/types/components/xpl-application-shell/application-shell.stories.d.ts +5 -23
- package/dist/types/components/xpl-application-shell/xpl-application-shell.d.ts +1 -1
- package/dist/types/components/xpl-avatar/avatar.stories.d.ts +17 -116
- package/dist/types/components/xpl-backdrop/backdrop.stories.d.ts +2 -0
- package/dist/types/components/xpl-badge/badge.stories.d.ts +7 -0
- package/dist/types/components/xpl-breadcrumbs/breadcrumbs.stories.d.ts +10 -27
- package/dist/types/components/xpl-button/button.stories.d.ts +4 -0
- package/dist/types/components/xpl-button-row/button-row.stories.d.ts +10 -21
- package/dist/types/components/xpl-calendar/calendar.stories.d.ts +11 -28
- package/dist/types/components/xpl-checkbox/checkbox.stories.d.ts +13 -31
- package/dist/types/components/xpl-choicelist/choicelist.stories.d.ts +9 -23
- package/dist/types/components/xpl-content-area/content-area.stories.d.ts +7 -1
- package/dist/types/components/xpl-dashboard/dashboard.stories.d.ts +8 -17
- package/dist/types/components/xpl-data-card/data-card.stories.d.ts +32 -37
- package/dist/types/components/xpl-data-card/xpl-data-card.d.ts +12 -0
- package/dist/types/components/xpl-divider/divider.stories.d.ts +10 -23
- package/dist/types/components/xpl-dropdown/dropdown.stories.d.ts +160 -8
- package/dist/types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.d.ts +1 -1
- package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +7 -9
- package/dist/types/components/xpl-dynamic-table/dynamic-table.stories.d.ts +7 -22
- package/dist/types/components/xpl-dynamic-table/xpl-dynamic-table.d.ts +2 -1
- package/dist/types/components/xpl-grid/grid.stories.d.ts +23 -47
- package/dist/types/components/xpl-header-accordion/header-accordion.stories.d.ts +8 -24
- package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts +0 -2
- package/dist/types/components/xpl-icon/icons.stories.d.ts +16 -39
- package/dist/types/components/xpl-input/input.stories.d.ts +255 -54
- package/dist/types/components/xpl-input/xpl-input-date/xpl-input-date.d.ts +1 -1
- package/dist/types/components/xpl-input/xpl-input-file/xpl-input-file.d.ts +1 -1
- package/dist/types/components/xpl-input/xpl-input-phone/xpl-input-phone.d.ts +2 -2
- package/dist/types/components/xpl-input/xpl-input-time/time-utils.d.ts +1 -1
- package/dist/types/components/xpl-input/xpl-input-time/xpl-input-time.d.ts +1 -1
- package/dist/types/components/xpl-input/xpl-input.d.ts +11 -6
- package/dist/types/components/xpl-large-card/large-card.stories.d.ts +12 -30
- package/dist/types/components/xpl-large-card/xpl-large-card.d.ts +12 -0
- package/dist/types/components/xpl-list/list.stories.d.ts +33 -1
- package/dist/types/components/xpl-list/listitem.d.ts +5 -0
- package/dist/types/components/xpl-list/xpl-list-item/xpl-list-item.d.ts +0 -1
- package/dist/types/components/xpl-main-nav/main-nav.stories.d.ts +7 -1
- package/dist/types/components/xpl-modal/modal.stories.d.ts +16 -16
- package/dist/types/components/xpl-modal/xpl-modal.d.ts +3 -1
- package/dist/types/components/xpl-pagination/pagination.stories.d.ts +9 -30
- package/dist/types/components/xpl-panel/panel.stories.d.ts +9 -1
- package/dist/types/components/xpl-popover/popover.stories.d.ts +12 -3
- package/dist/types/components/xpl-popover/xpl-popover.d.ts +4 -2
- package/dist/types/components/xpl-progress-bar/progress-bar.stories.d.ts +13 -24
- package/dist/types/components/xpl-progress-indicator/progress-indicator.stories.d.ts +2 -0
- package/dist/types/components/xpl-radio/radio.stories.d.ts +3 -0
- package/dist/types/components/xpl-secondary-nav/secondary-nav.stories.d.ts +4 -1
- package/dist/types/components/xpl-select/select.stories.d.ts +35 -45
- package/dist/types/components/xpl-select/xpl-select.d.ts +1 -0
- package/dist/types/components/xpl-side-nav/side-nav-slot-utils.d.ts +3 -0
- package/dist/types/components/xpl-side-nav/side-nav.stories.d.ts +73 -1
- package/dist/types/components/xpl-side-nav/xpl-side-nav-header-item/xpl-side-nav-header-item.d.ts +24 -0
- package/dist/types/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.d.ts +1 -1
- package/dist/types/components/xpl-side-nav/xpl-side-nav-section/xpl-side-nav-section.d.ts +24 -0
- package/dist/types/components/xpl-side-nav/xpl-side-nav.d.ts +10 -0
- package/dist/types/components/xpl-skeleton/skeleton.stories.d.ts +11 -1
- package/dist/types/components/xpl-slideout/slideout.stories.d.ts +20 -16
- package/dist/types/components/xpl-spotlight/spotlight.stories.d.ts +7 -1
- package/dist/types/components/xpl-spotlight/xpl-spotlight.d.ts +1 -0
- package/dist/types/components/xpl-tab/xpl-tab.d.ts +5 -0
- package/dist/types/components/xpl-table/table.stories.d.ts +16 -37
- package/dist/types/components/xpl-table/xpl-table.d.ts +8 -8
- package/dist/types/components/xpl-table-header/table-header.stories.d.ts +21 -48
- package/dist/types/components/xpl-table-header-cell/table-header-cell.stories.d.ts +11 -34
- package/dist/types/components/xpl-tabs/segment-control.stories.d.ts +22 -0
- package/dist/types/components/xpl-tabs/tabs.shared.d.ts +35 -1
- package/dist/types/components/xpl-tabs/tabs.stories.d.ts +29 -19
- package/dist/types/components/xpl-tag/tag.stories.d.ts +3 -0
- package/dist/types/components/xpl-toast/toast.stories.d.ts +17 -13
- package/dist/types/components/xpl-toast/xpl-toast.d.ts +13 -4
- package/dist/types/components/xpl-toggle/toggle.stories.d.ts +13 -31
- package/dist/types/components/xpl-toolbar/toolbar.stories.d.ts +35 -0
- package/dist/types/components/xpl-tooltip/tooltip.stories.d.ts +10 -24
- package/dist/types/components/xpl-top-nav/top-nav.stories.d.ts +9 -0
- package/dist/types/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.d.ts +3 -0
- package/dist/types/components/xpl-top-nav/xpl-top-nav.d.ts +7 -2
- package/dist/types/components/xpl-utility-bar/utility-bar.stories.d.ts +9 -2
- package/dist/types/components.d.ts +1006 -46
- package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/.storybook/utils/story-function.d.ts +11 -0
- package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/.storybook/utils/wait-for-hydration.d.ts +1 -0
- package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/src/css/typography.stories.d.ts +76 -0
- package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/src/utils/form-bindings.d.ts +4 -0
- package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/src/utils/story-vrt.d.ts +1 -0
- package/dist/types/third-party.d.ts +20 -0
- package/dist/types/utils/floating.d.ts +26 -0
- package/dist/types/utils/lifecycle.d.ts +1 -1
- package/dist/types/utils/light-dom-slots.d.ts +6 -0
- package/dist/types/utils/slot-presence.d.ts +1 -0
- package/dist/types/utils/ssr-known-mismatches.d.ts +16 -0
- package/dist/utils/form-bindings.js +64 -0
- package/dist/utils/story-vrt.js +48 -0
- package/hydrate/index.d.ts +287 -0
- package/hydrate/index.js +51669 -0
- package/hydrate/index.mjs +51659 -0
- package/hydrate/package.json +12 -0
- package/package.json +99 -42
- package/dist/apollo-core/p-048fdde0.entry.js +0 -1
- package/dist/apollo-core/p-0abc496e.entry.js +0 -1
- package/dist/apollo-core/p-1442c052.entry.js +0 -1
- package/dist/apollo-core/p-1e498763.entry.js +0 -1
- package/dist/apollo-core/p-26c3a508.entry.js +0 -1
- package/dist/apollo-core/p-3b8639b7.entry.js +0 -1
- package/dist/apollo-core/p-4ce52107.entry.js +0 -1
- package/dist/apollo-core/p-6710fb29.entry.js +0 -1
- package/dist/apollo-core/p-7e622809.entry.js +0 -1
- package/dist/apollo-core/p-87068144.entry.js +0 -1
- package/dist/apollo-core/p-BUgtURvw.js +0 -1
- package/dist/apollo-core/p-CXkZUm1c.js +0 -2
- package/dist/apollo-core/p-a3b4820a.entry.js +0 -1
- package/dist/apollo-core/p-b2d6dd0e.entry.js +0 -1
- package/dist/apollo-core/p-bd2249ef.entry.js +0 -1
- package/dist/apollo-core/p-c96b7957.entry.js +0 -1
- package/dist/apollo-core/p-d6be63cd.entry.js +0 -1
- package/dist/apollo-core/p-ddf76cee.entry.js +0 -1
- package/dist/apollo-core/p-f0554edd.entry.js +0 -1
- package/dist/components/p-2xGSxBGa.js +0 -1
- package/dist/components/p-B8RYNiz-.js +0 -1
- package/dist/components/p-BDWXBWGE.js +0 -1
- package/dist/components/p-BJqNuBZr.js +0 -1
- package/dist/components/p-BT_Lq3Vd.js +0 -1
- package/dist/components/p-BUgtURvw.js +0 -1
- package/dist/components/p-B_sq_SAX.js +0 -1
- package/dist/components/p-Bsy-VVS5.js +0 -1
- package/dist/components/p-BxHFEnPN.js +0 -1
- package/dist/components/p-C5_Yo0ZP.js +0 -1
- package/dist/components/p-C8rmEAx6.js +0 -1
- package/dist/components/p-CF_YTx16.js +0 -1
- package/dist/components/p-CFpsSZyr.js +0 -1
- package/dist/components/p-CUYkG-PB.js +0 -1
- package/dist/components/p-CaW0fL0P.js +0 -1
- package/dist/components/p-CuisR8WP.js +0 -1
- package/dist/components/p-D2SFagIb.js +0 -1
- package/dist/components/p-DKUNbsb0.js +0 -1
- package/dist/components/p-DcXL24UI.js +0 -1
- package/dist/components/p-Dp3H99Yc.js +0 -1
- package/dist/components/p-M900WO1C.js +0 -1
- package/dist/components/p-Yj_QFaRn.js +0 -1
- package/dist/components/p-ZTFt9sBy.js +0 -1
- package/dist/components/p-gfb3l9Pr.js +0 -1
- package/dist/components/p-h1Gbk5lO.js +0 -1
- package/dist/types/home/runner/work/apollo/apollo/packages/apollo-core/.stencil/css/typography.stories.d.ts +0 -90
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"name": "xpl-application-shell",
|
|
61
61
|
"description": {
|
|
62
62
|
"kind": "markdown",
|
|
63
|
-
"value": ""
|
|
63
|
+
"value": "`xpl-application-shell` is the top-level layout container for an Apollo application. It arranges the main navigation rail, an optional utility bar, an optional secondary navigation column, and the page content into a responsive CSS grid, and drives the CSS-only open/close animation of the navigation rail."
|
|
64
64
|
},
|
|
65
65
|
"attributes": [
|
|
66
66
|
{
|
|
@@ -2212,7 +2212,7 @@
|
|
|
2212
2212
|
"name": "xpl-side-nav",
|
|
2213
2213
|
"description": {
|
|
2214
2214
|
"kind": "markdown",
|
|
2215
|
-
"value": "Slot-based sidebar for app navigation: a scrollable
|
|
2215
|
+
"value": "Slot-based sidebar for app navigation: a scrollable `nav-header` + `section`\narea and a fixed `nav-footer`. Compose with `xpl-side-nav-item` for rows.\n\n**Mobile (v2):** below the Tailwind `md` breakpoint, the sidebar collapses to a\n~56px top bar with a toggle button (`sidebar-left-show` / `sidebar-left-hide`).\nActivating the toggle opens a drawer containing the `section` + `nav-footer`\ncontent behind an `xpl-backdrop` scrim. The drawer traps focus while open;\nEscape or a backdrop click closes it and returns focus to the toggle. Above\n`md` the toggle and backdrop are hidden via CSS and the sidebar renders inline.\n\nThe toggle is always rendered (no gating prop) and hidden above the breakpoint\nin CSS. Open state is exposed via the `open` prop (controlled or uncontrolled),\nthe `openChange` event, and the `toggle()` / `setOpen()` methods.\n\n**v2 breaking change (beta):** consumers who wrapped their own mobile toggle\naround `xpl-side-nav` should remove it — the toggle and drawer are now built in."
|
|
2216
2216
|
},
|
|
2217
2217
|
"attributes": [
|
|
2218
2218
|
{
|
|
@@ -2225,6 +2225,39 @@
|
|
|
2225
2225
|
}
|
|
2226
2226
|
]
|
|
2227
2227
|
},
|
|
2228
|
+
{
|
|
2229
|
+
"name": "xpl-side-nav-header-item",
|
|
2230
|
+
"description": {
|
|
2231
|
+
"kind": "markdown",
|
|
2232
|
+
"value": "Header row for `xpl-side-nav`'s `nav-header` slot (Figma `<navHeaderItem>`,\nnode `51299-9007`). Two types:\n\n- **`product-label` (default)** — a non-interactive `<div>` row that shows the\n current product/area name in a subdued color. No click behavior.\n- **`sub-account`** — an interactive `<button>` row (e.g. a location / account\n switcher). Emits `navigate` on activation (pointer click or keyboard); the\n consumer wires this to open a modal or other entity-switching experience.\n When no `slot=\"trailing\"` content is provided, an auto chevron\n (`chevron-expand-y`, a static dual-arrow glyph — no rotation) renders by default.\n\nBoth types support `slot=\"leading\"` / `slot=\"trailing\"` (the `icon` prop is a\nconvenience shorthand for `slot=\"leading\"`, same as `xpl-side-nav-item`) so they\ncan scale to future uses. Unlike `xpl-side-nav-item`, the leading/trailing\ncolumns are NOT unconditionally reserved — they only render when there is\ncontent, matching the Figma variants where the leading icon is an optional toggle.\n\n**Note on the `sub-account` hover / selected visual:** the interactive row\nmirrors `xpl-side-nav-item` — the hover and selected backgrounds fill a single\n`__content` pill that wraps the leading icon + label + trailing chevron, with\nan 8px (`--xpl-border-radius-default`) radius. The pill insets 8px from the nav\nedge (an 8px gutter on the button) so it lines up with the item rows below it,\nand hover/selected therefore highlight the whole row content rather than a\npartial fragment."
|
|
2233
|
+
},
|
|
2234
|
+
"attributes": [
|
|
2235
|
+
{
|
|
2236
|
+
"name": "icon",
|
|
2237
|
+
"description": "Optional icon name; renders as the default content for `slot=\"leading\"`.\nWhen `slot=\"leading\"` content is present, this prop is ignored."
|
|
2238
|
+
},
|
|
2239
|
+
{
|
|
2240
|
+
"name": "label",
|
|
2241
|
+
"description": "The display label for the header item (e.g. the product name or sub-account name)."
|
|
2242
|
+
},
|
|
2243
|
+
{
|
|
2244
|
+
"name": "selected",
|
|
2245
|
+
"description": "Whether the item is currently in a selected state. Only meaningful when\n`type` is `sub-account` — applies the information-surface pill around the\nlabel + trailing chevron."
|
|
2246
|
+
},
|
|
2247
|
+
{
|
|
2248
|
+
"name": "type",
|
|
2249
|
+
"description": "The header item variant. `product-label` is a static, non-interactive\nlabel. `sub-account` is an interactive button that emits `navigate`.",
|
|
2250
|
+
"values": [
|
|
2251
|
+
{
|
|
2252
|
+
"name": "product-label"
|
|
2253
|
+
},
|
|
2254
|
+
{
|
|
2255
|
+
"name": "sub-account"
|
|
2256
|
+
}
|
|
2257
|
+
]
|
|
2258
|
+
}
|
|
2259
|
+
]
|
|
2260
|
+
},
|
|
2228
2261
|
{
|
|
2229
2262
|
"name": "xpl-side-nav-item",
|
|
2230
2263
|
"description": {
|
|
@@ -2266,6 +2299,27 @@
|
|
|
2266
2299
|
}
|
|
2267
2300
|
]
|
|
2268
2301
|
},
|
|
2302
|
+
{
|
|
2303
|
+
"name": "xpl-side-nav-section",
|
|
2304
|
+
"description": {
|
|
2305
|
+
"kind": "markdown",
|
|
2306
|
+
"value": "Grouping / accordion header for `xpl-side-nav`. Wraps nested `xpl-side-nav-item`\n(and optional divider separators) elements in the default slot and collapses\nthem as a unit.\n\nTwo variants:\n- **Collapsible (default, `collapsible=true`)** — a `<button>` header with a\n chevron (`chevron-right` collapsed / `chevron-down` expanded, no rotation —\n the glyph itself swaps). Click toggles `expanded` and emits `expandedChange`.\n- **Static (`collapsible=false`)** — a non-interactive title row with no chevron;\n children are always shown. Used for a static section label (e.g. a future\n product-name / location-changer header).\n\nUnlike `xpl-side-nav-item[has-children]`, section children are **not indented**\n— they align with top-level items at the same leading-icon column.\n\n`slot=\"badge\"` renders an optional badge (e.g. `xpl-badge`) in the header title\nrow. The wrapper is suppressed when the slot is empty."
|
|
2307
|
+
},
|
|
2308
|
+
"attributes": [
|
|
2309
|
+
{
|
|
2310
|
+
"name": "collapsible",
|
|
2311
|
+
"description": "Whether the section can be collapsed/expanded. When `false`, renders a static\ntitle (no chevron, not a button) and children are always shown."
|
|
2312
|
+
},
|
|
2313
|
+
{
|
|
2314
|
+
"name": "expanded",
|
|
2315
|
+
"description": "Whether the section is currently expanded. Only meaningful when `collapsible` is true."
|
|
2316
|
+
},
|
|
2317
|
+
{
|
|
2318
|
+
"name": "heading",
|
|
2319
|
+
"description": "The section title text. Optional, but when `collapsible` is true and both\n`heading` and `slot=\"badge\"` lack an accessible name, the toggle `<button>`\nfalls back to `aria-label=\"Toggle section\"` so it always has an accessible name."
|
|
2320
|
+
}
|
|
2321
|
+
]
|
|
2322
|
+
},
|
|
2269
2323
|
{
|
|
2270
2324
|
"name": "xpl-skeleton",
|
|
2271
2325
|
"description": {
|
|
@@ -2470,6 +2524,37 @@
|
|
|
2470
2524
|
"value": "`xpl-tab` is the **label / trigger** for one tab in an `xpl-tabs` group. Place each instance in the **`heading`** slot of `xpl-tabs`. The **`target`** string links this tab to the matching **`xpl-tab-panel`** (same `target` value). The parent sets **`selected`** and syncs **`value`**; you normally do not set `selected` by hand.\n\nUnderline tabs render a native **`<button role=\"tab\">`**; segment tabs render **`xpl-button`** with the same tab semantics on the inner control. For variant-specific examples, icon usage, and token tables, see the matching section on the **Tabs** or **Segment control** Storybook page.\n\n**`group-disabled`** is applied by `xpl-tabs` when the group has **`disabled`**; it keeps pills and underline buttons in a disabled state together with the parent."
|
|
2471
2525
|
},
|
|
2472
2526
|
"attributes": [
|
|
2527
|
+
{
|
|
2528
|
+
"name": "badge",
|
|
2529
|
+
"description": "Optional trailing number badge (e.g. a count). Rendered after the label as a compact\n`xpl-badge` in both underline (`type=\"tabs\"`) and segment (`type=\"segment\"`) tabs.\nLeave empty to omit the badge."
|
|
2530
|
+
},
|
|
2531
|
+
{
|
|
2532
|
+
"name": "badge-variant",
|
|
2533
|
+
"description": "Color palette for the trailing number badge. Only applies when `badge` is set.\nDefaults to `purple` — the standard number-badge color in the Figma XPL-Tab Group spec.",
|
|
2534
|
+
"values": [
|
|
2535
|
+
{
|
|
2536
|
+
"name": "blue"
|
|
2537
|
+
},
|
|
2538
|
+
{
|
|
2539
|
+
"name": "gray"
|
|
2540
|
+
},
|
|
2541
|
+
{
|
|
2542
|
+
"name": "green"
|
|
2543
|
+
},
|
|
2544
|
+
{
|
|
2545
|
+
"name": "orange"
|
|
2546
|
+
},
|
|
2547
|
+
{
|
|
2548
|
+
"name": "purple"
|
|
2549
|
+
},
|
|
2550
|
+
{
|
|
2551
|
+
"name": "red"
|
|
2552
|
+
},
|
|
2553
|
+
{
|
|
2554
|
+
"name": "yellow"
|
|
2555
|
+
}
|
|
2556
|
+
]
|
|
2557
|
+
},
|
|
2473
2558
|
{
|
|
2474
2559
|
"name": "disabled",
|
|
2475
2560
|
"description": "Disables this tab (pill or underline)."
|
|
@@ -2480,11 +2565,11 @@
|
|
|
2480
2565
|
},
|
|
2481
2566
|
{
|
|
2482
2567
|
"name": "icon",
|
|
2483
|
-
"description": "Optional icon name
|
|
2568
|
+
"description": "Optional leading icon name (from the Apollo icon set). Rendered in both underline\n(`type=\"tabs\"`) and segment (`type=\"segment\"`) tabs."
|
|
2484
2569
|
},
|
|
2485
2570
|
{
|
|
2486
2571
|
"name": "icon-position",
|
|
2487
|
-
"description": "Icon position
|
|
2572
|
+
"description": "Icon position relative to the label. Applies to both underline and segment tabs.",
|
|
2488
2573
|
"values": [
|
|
2489
2574
|
{
|
|
2490
2575
|
"name": "end"
|
|
@@ -2673,23 +2758,27 @@
|
|
|
2673
2758
|
"attributes": [
|
|
2674
2759
|
{
|
|
2675
2760
|
"name": "caption",
|
|
2676
|
-
"description": ""
|
|
2761
|
+
"description": "The caption of the toast, limited to 85 characters."
|
|
2677
2762
|
},
|
|
2678
2763
|
{
|
|
2679
2764
|
"name": "dismissable",
|
|
2680
|
-
"description": ""
|
|
2765
|
+
"description": "Whether the toast shows a dismiss (close) button."
|
|
2766
|
+
},
|
|
2767
|
+
{
|
|
2768
|
+
"name": "dismissible",
|
|
2769
|
+
"description": "Whether the toast shows a dismiss (close) button."
|
|
2681
2770
|
},
|
|
2682
2771
|
{
|
|
2683
2772
|
"name": "show-icon",
|
|
2684
|
-
"description": ""
|
|
2773
|
+
"description": "Whether to show the leading sentiment icon."
|
|
2685
2774
|
},
|
|
2686
2775
|
{
|
|
2687
2776
|
"name": "timeout",
|
|
2688
|
-
"description": ""
|
|
2777
|
+
"description": "How long the toast waits before auto-dismissing, in ms. Set to `0` to disable auto-dismiss.\nIgnored when the `action` slot has content."
|
|
2689
2778
|
},
|
|
2690
2779
|
{
|
|
2691
2780
|
"name": "variant",
|
|
2692
|
-
"description": "",
|
|
2781
|
+
"description": "The sentiment of the toast.",
|
|
2693
2782
|
"values": [
|
|
2694
2783
|
{
|
|
2695
2784
|
"name": "neutral"
|
|
@@ -2813,7 +2902,7 @@
|
|
|
2813
2902
|
"name": "xpl-top-nav",
|
|
2814
2903
|
"description": {
|
|
2815
2904
|
"kind": "markdown",
|
|
2816
|
-
"value": "Horizontal top navigation with **`left-aside`** and a **right rail**: **`right-aside`** then **user menu**\n(see **`.xpl-top-nav__right-rail`** in `render()`). The account menu uses an internal **`xpl-popover`** (**`bottom-end`**, **`display=\"menu\"`**): built-in trigger uses **`child-account-label`** (prop / attribute) as the label beside a trailing **`chevron-down`** on **`xpl-button`** (**`icon`** / **`iconPosition=\"end\"`**), or **`slot=\"user-menu-trigger\"`** for a custom trigger; panel from **`slot=\"user-menu\"`** (e.g. **`xpl-nav-header-menu`**).\nOptional **`nav-control`** and **`navOpen`**. **`left-aside`** uses **`role=\"list\"`** for primary **`xpl-top-nav-item`** rows (**`role=\"listitem\"`** on each item host). The built-in **`xpl-top-nav__brand`** item omits **`listitem`** (it is not a child of that list). **`label`** maps to **`nav`** **`aria-label`**. Opening state is internal (not a prop) — use **`navOpen`** and host **`xpl-top-nav--open`** for styling.\n\n**Escape:** With **`nav-control`**, **Escape** closes the mobile drawer and emits **`navOpen`** **`false`** (skips while **any** descendant **`xpl-popover`** is open — detected from each popover’s inner **`.xpl-popover--is-open`** marker — or when a **`xpl-top-nav-item`** dropdown is open — capture/bubble order). Focus returns to the nav toggle after the drawer closes (**Escape** or second toggle click).\n**`xpl-top-nav-item`** **`slot=\"dropdown\"`** uses document **capture** for **Escape** first; the shell uses **bubble**\non **`ownerDocument`** so nested dropdowns close before the drawer.\n\n**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens under this subtree\nresolve to dark-mode values even when the page root is light. Floating overlays (e.g. **`xpl-popover`** / **`xpl-dropdown`**\ncontent teleported outside the host) do not inherit this scope — add **`dark`** on those panels if they should match.\n\n**Layout:** **`right-aside`** and the user-menu region are wrapped internally (**`.xpl-top-nav__right-lead`**, etc.).\nConsumers should not add those BEM classes — slot content only.\n\n**Brand logo:** use **`brand-logo`** (URL) for a built-in **`<img>`**, or **`slot=\"brand-logo\"`** for custom markup (e.g. **`xpl-icon`**, SVG). When the URL prop is set, it takes precedence and the slot is not used for the image. On **narrow viewports** (one pixel below Tailwind **`md`** — see **`top-nav.css`**), **`brand-name`** text is hidden in the bar (logo / slot mark only); keep a meaningful **`alt`** on **`brand-logo`** or accessible slotted mark for context.\n\n**Narrow / mobile** (same breakpoint as above): **`slot=\"left-aside\"`** is **hidden** in the bar until **`nav-control`**\nis set **and** the drawer is open (floating panel per Figma). **Without **`nav-control`**, there is no mobile drawer** —\nprimary links remain hidden below **`md`** until the viewport is wide enough for the horizontal bar. The built-in **brand**\nstays in the top bar (**hamburger → brand** when **`nav-control`** is set). **`right-aside`** is hidden in the bar on narrow\nviewports (**`top-nav.css`**, one pixel below Tailwind **`md`**); duplicate those actions into **`xpl-nav-header-menu`**\n**`slot=\"right-aside-mobile\"`** (below profile, above the list; narrow-only CSS in **`top-nav.css`**) per Figma.\n\n**Account menu vs drawer:** Opening the built-in account **`xpl-popover`** while the mobile drawer is open **closes the drawer**\nand emits **`navOpen(false)`** so the two layers do not stack."
|
|
2905
|
+
"value": "Horizontal top navigation with **`left-aside`** and a **right rail**: **`right-aside`** then **user menu**\n(see **`.xpl-top-nav__right-rail`** in `render()`). The account menu uses an internal **`xpl-popover`** (**`bottom-end`**, **`display=\"menu\"`**): built-in trigger uses **`child-account-label`** (prop / attribute) as the label beside a trailing **`chevron-down`** on **`xpl-button`** (**`icon`** / **`iconPosition=\"end\"`**), or **`slot=\"user-menu-trigger\"`** for a custom trigger; panel from **`slot=\"user-menu\"`** (e.g. **`xpl-nav-header-menu`**).\nOptional **`nav-control`** and **`navOpen`**. **`left-aside`** uses **`role=\"list\"`** for primary **`xpl-top-nav-item`** rows (**`role=\"listitem\"`** on each item host). The built-in **`xpl-top-nav__brand`** item omits **`listitem`** (it is not a child of that list). **`label`** maps to **`nav`** **`aria-label`**. Opening state is internal (not a prop) — use **`navOpen`** and host **`xpl-top-nav--open`** for styling.\n\n**Escape:** With **`nav-control`**, **Escape** closes the mobile drawer and emits **`navOpen`** **`false`** (skips while **any** descendant **`xpl-popover`** is open — detected from each popover’s inner **`.xpl-popover--is-open`** marker — or when a **`xpl-top-nav-item`** dropdown is open — capture/bubble order). Focus returns to the nav toggle after the drawer closes (**Escape** or second toggle click).\n**Outside click:** With **`nav-control`**, a click outside the drawer panel (**`.xpl-top-nav__left-primary`**) also closes it and emits **`navOpen`** **`false`** (document **capture**, mirroring **`xpl-top-nav-item`**); it skips clicks on the hamburger toggle and while a descendant **`xpl-popover`** is open, and does not move focus.\n**`xpl-top-nav-item`** **`slot=\"dropdown\"`** uses document **capture** for **Escape** first; the shell uses **bubble**\non **`ownerDocument`** so nested dropdowns close before the drawer.\n\n**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens under this subtree\nresolve to dark-mode values even when the page root is light. Floating overlays (e.g. **`xpl-popover`** / **`xpl-dropdown`**\ncontent teleported outside the host) do not inherit this scope — add **`dark`** on those panels if they should match.\n\n**Layout:** **`right-aside`** and the user-menu region are wrapped internally (**`.xpl-top-nav__right-lead`**, etc.).\nConsumers should not add those BEM classes — slot content only.\n\n**Brand logo:** use **`brand-logo`** (URL) for a built-in **`<img>`**, or **`slot=\"brand-logo\"`** for custom markup (e.g. **`xpl-icon`**, SVG). When the URL prop is set, it takes precedence and the slot is not used for the image. On **narrow viewports** (one pixel below Tailwind **`md`** — see **`top-nav.css`**), **`brand-name`** text is hidden in the bar (logo / slot mark only); keep a meaningful **`alt`** on **`brand-logo`** or accessible slotted mark for context.\n\n**Narrow / mobile** (same breakpoint as above): **`slot=\"left-aside\"`** is **hidden** in the bar until **`nav-control`**\nis set **and** the drawer is open (floating panel per Figma). **Without **`nav-control`**, there is no mobile drawer** —\nprimary links remain hidden below **`md`** until the viewport is wide enough for the horizontal bar. The built-in **brand**\nstays in the top bar (**hamburger → brand** when **`nav-control`** is set). **`right-aside`** is hidden in the bar on narrow\nviewports (**`top-nav.css`**, one pixel below Tailwind **`md`**); duplicate those actions into **`xpl-nav-header-menu`**\n**`slot=\"right-aside-mobile\"`** (below profile, above the list; narrow-only CSS in **`top-nav.css`**) per Figma.\n\n**Account menu vs drawer:** Opening the built-in account **`xpl-popover`** while the mobile drawer is open **closes the drawer**\nand emits **`navOpen(false)`** so the two layers do not stack."
|
|
2817
2906
|
},
|
|
2818
2907
|
"attributes": [
|
|
2819
2908
|
{
|
package/AGENTS.md
CHANGED
|
@@ -11,17 +11,41 @@ See the root [AGENTS.md](https://github.com/xplor/apollo/blob/main/AGENTS.md) fo
|
|
|
11
11
|
| Task | Command |
|
|
12
12
|
|------|---------|
|
|
13
13
|
| Build | `nx build @xplortech/apollo-core` |
|
|
14
|
-
| Dev server | `npm run dev` or `nx dev @xplortech/apollo-core` |
|
|
14
|
+
| Dev server | `npm run dev` or `npm run storybook:dev` (Storybook on `:9009`; Nx: `nx storybook:dev @xplortech/apollo-core`) |
|
|
15
15
|
| Unit tests | `nx test @xplortech/apollo-core` |
|
|
16
|
+
| Unit tests with coverage | `nx test @xplortech/apollo-core -- --coverage` |
|
|
17
|
+
| SSR smoke (renderToString + hydrateDocument) | `npm run test.ssr` (or `nx test.ssr @xplortech/apollo-core`) |
|
|
16
18
|
| E2E tests | `npm run test.e2e` (or `nx test.e2e @xplortech/apollo-core`) |
|
|
17
|
-
| Storybook | `npm run storybook` |
|
|
19
|
+
| Storybook (watchers not started) | `npm run storybook` (Nx: `nx storybook @xplortech/apollo-core`) |
|
|
18
20
|
| Lint (all) | `nx lint @xplortech/apollo-core` |
|
|
19
21
|
| CSS lint | `nx lint:css @xplortech/apollo-core` |
|
|
20
22
|
|
|
21
23
|
**Nx Release group:** `core` (tag pattern `core@{version}`).
|
|
22
24
|
|
|
25
|
+
## Test coverage
|
|
26
|
+
|
|
27
|
+
Coverage is measured with [Vitest v8 provider](https://vitest.dev/guide/coverage) and scoped to `src/components/**/*.{ts,tsx}` (test files, stories, and generated artifacts are excluded from the denominator).
|
|
28
|
+
|
|
29
|
+
**Enforced thresholds:** statements, lines, and functions ≥ 80% / 80% / 75% respectively. Running `nx test @xplortech/apollo-core -- --coverage` collects coverage across the `spec` and `spec-dom` projects and fails if any enforced metric falls below its floor. The same command runs unconditionally as a CI gate in `.github/workflows/tests.yml` ("Enforcing Apollo Core Coverage Threshold") on every PR.
|
|
30
|
+
|
|
31
|
+
Branches are reported but not currently enforced (≈68% vs 70% target — tuned after bulk coverage work in Issue 3; see XPL-438).
|
|
32
|
+
|
|
33
|
+
> **Note for agents:** when adding new component logic, ensure accompanying `*.spec.{ts,tsx}` tests keep statements, lines, and functions above the floors. Check locally with `nx test @xplortech/apollo-core -- --coverage` before opening a PR.
|
|
34
|
+
|
|
35
|
+
## Storybook & VRT helpers
|
|
36
|
+
|
|
37
|
+
Shared Storybook/test utilities live in [`.storybook/utils/`](./.storybook/utils/). Import them via the `@storybook/utils` path alias (resolved by ESLint, TypeScript, Storybook's Vite config, and Vitest) rather than deep relative paths:
|
|
38
|
+
|
|
39
|
+
```ts
|
|
40
|
+
import { waitForHydration } from '@storybook/utils/wait-for-hydration';
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
> The alias is scoped to `@storybook/utils` (not a broad `@storybook`) on purpose — a broad alias would shadow the real `@storybook/*` npm packages.
|
|
44
|
+
|
|
45
|
+
- **`waitForHydration(root)`** — awaits until every Stencil `xpl-*` element under `root` has the `hydrated` class (and paint has settled), with a 3s ceiling. Use it in a story's `play({ canvasElement })` hook for any **VRT story** (`tags: ['vrt']`) that composes lazy child web components (`xpl-button`, `xpl-icon`, `xpl-select`, …). Those children hydrate slower in CI than locally, so without it the auto-snapshot (`afterEach`) can capture a half-rendered or blank component and flake. Do not re-implement this per story — reuse the shared helper.
|
|
46
|
+
|
|
23
47
|
## Public API
|
|
24
48
|
|
|
25
49
|
- Consumer overview: [README.md](./README.md)
|
|
26
|
-
- Interactive docs: [Apollo Storybook](https://
|
|
50
|
+
- Interactive docs: [Apollo Storybook](https://apollo.xplordocs.com/)
|
|
27
51
|
- Mintlify component reference: [platform.xplordocs.com/apollo](https://platform.xplordocs.com/apollo) (see [llms.txt](https://platform.xplordocs.com/llms.txt) for AI-oriented indexes)
|
package/README.md
CHANGED
|
@@ -43,6 +43,18 @@ The pages for each component on the left include interactive embedded components
|
|
|
43
43
|
<button class="xpl-button">Button Text</xpl-button>
|
|
44
44
|
```
|
|
45
45
|
|
|
46
|
+
## Server-side rendering
|
|
47
|
+
|
|
48
|
+
Apollo Core includes a first-class SSR/hydration entry point published as `@xplortech/apollo-core/hydrate`:
|
|
49
|
+
|
|
50
|
+
```js
|
|
51
|
+
import { renderToString, hydrateDocument } from '@xplortech/apollo-core/hydrate';
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
`renderToString` renders a static HTML string on the server, and `hydrateDocument` hydrates an already-serialized document in the browser. The React (`@xplortech/apollo-react`) and Vue (`@xplortech/apollo-vue`) wrappers leverage this entry point through their `hydrateModule` for framework-native SSR.
|
|
55
|
+
|
|
56
|
+
A full integration guide for Next.js, Nuxt, and Angular Universal is planned as a follow-up documentation update.
|
|
57
|
+
|
|
46
58
|
To pass more complex data to a component, such as objects and arrays, you'll need to use javascript. For example, if you are rendering a xpl-table component, you need to add the data separate from the component markup:
|
|
47
59
|
|
|
48
60
|
```html
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-accordion{--xpl-column-widths:inherit;color:var(--xpl-text-default);padding-block:var(--xpl-space-10) var(--xpl-space-8);padding-inline:var(--xpl-space-16) 0;flex-flow:wrap;align-items:center;width:100%;display:flex}.xpl-accordion .xpl-checkbox{margin-right:var(--xpl-space-12)}.xpl-accordion--border-bottom,.xpl-accordion--border-bottom--expanded{border-bottom:var(--xpl-border-small) solid var(--xpl-border-default)}.xpl-accordion--border-bordered,.xpl-accordion--border-bordered--expanded{border:var(--xpl-border-small) solid var(--xpl-border-default);border-radius:var(--xpl-border-radius-default)}.xpl-accordion .xpl-accordion-toggle-area{text-align:left;text-wrap:wrap;flex-direction:column;align-items:center;width:100%;padding-left:0;padding-right:0;display:flex}.xpl-accordion .xpl-accordion-toggle-area:focus-visible{outline-color:var(--xpl-border-focus);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.xpl-accordion .xpl-accordion-toggle-area .xpl-accordion-icon-chevron{color:var(--xpl-icon-default);margin-left:auto;margin-right:var(--xpl-space-16);transition:transform .2s}.xpl-accordion .xpl-accordion-toggle-area .xpl-accordion-icon-chevron.xpl-accordion-icon-chevron--rotate{transform:rotate(-180deg)}.xpl-accordion .xpl-accordion-header{width:100%;color:var(--xpl-text-strong);margin-bottom:var(--xpl-space-8);flex-direction:row;align-items:center;display:flex}.xpl-accordion .xpl-accordion-header [slot=heading]{text-align:left;flex-direction:row;align-items:center;width:100%;display:flex}.xpl-accordion .xpl-accordion-header--size-1{font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);line-height:1.4286}.xpl-accordion .xpl-accordion-header--size-2{font-size:var(--xpl-font-size-title-4);font-weight:var(--xpl-font-weight-medium);line-height:1.5}.xpl-accordion .xpl-accordion-header--size-3{font-size:var(--xpl-font-size-title-3);font-weight:var(--xpl-font-weight-bold);line-height:1.4}.xpl-accordion .xpl-accordion-description{color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-callout);text-align:left;text-wrap:wrap;flex-direction:row;align-items:center;width:100%;font-weight:400;line-height:1.3333;display:flex}.xpl-accordion .xpl-checkbox-radio-container{margin-bottom:var(--xpl-space-4)}.xpl-accordion .xpl-checkbox-radio-container .xpl-label{padding:0}.xpl-accordion .xpl-accordion-content{padding-block:var(--xpl-space-16);width:100%}.xpl-accordion .xpl-accordion-content--hidden{display:none}.xpl-accordion .xpl-accordion-content--shown>*{grid-template-columns:var(--xpl-column-widths);display:grid}.xpl-accordion .xpl-accordion-content .xpl-checkbox-radio-container:not(:last-child){margin-bottom:var(--xpl-space-16)}.xpl-accordion .xpl-accordion-content .xpl-checkbox-radio-container:last-child{margin-bottom:0}.xpl-accordion ::slotted([slot=content]){grid-template-columns:var(--xpl-column-widths);display:grid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-application-shell{background-color:var(--xpl-background-surface-inverse-on-light);grid-template:"nav utility utility"min-content"nav subnav content"1fr/min-content min-content 1fr;max-height:100vh}.xpl-application-shell__nav{grid-area:nav;height:100vh}.xpl-application-shell__nav--sm,.xpl-application-shell__nav--md,.xpl-application-shell__nav--default{width:0;transition-property:all;transition-timing-function:ease-in-out}.xpl-application-shell__nav--sm{transition-duration:.2s;transform:translate(-74px)}.xpl-application-shell__nav--sm--open{width:74px;transition-duration:.2s}.xpl-application-shell__nav--md{transition-duration:.25s;transform:translate(-112px)}.xpl-application-shell__nav--md--open{width:112px;transition-duration:.25s}.xpl-application-shell__nav--default{transition-duration:.3s;transform:translate(-240px)}.xpl-application-shell__nav--default--open{width:240px;transition-duration:.3s}.xpl-application-shell__nav{position:sticky;top:0}.xpl-application-shell__subnav{background-color:var(--xpl-background-surface-default);color:var(--xpl-text-default);border-top:var(--xpl-border-small) solid var(--xpl-border-default);grid-area:subnav}.xpl-application-shell__utility{border-left:var(--xpl-border-small) solid var(--xpl-border-default);grid-area:utility;position:sticky;top:0}.xpl-application-shell__content{background-color:var(--xpl-background-surface-subtlest);color:var(--xpl-text-default);border-left:var(--xpl-border-small) solid var(--xpl-border-default);border-top:var(--xpl-border-small) solid var(--xpl-border-default);grid-area:content;overflow-y:auto}.xpl-application-shell{display:grid}@media (max-width:1023px){.xpl-application-shell{grid-template:"nav utility"min-content"nav subnav"min-content"nav content"1fr/min-content 1fr;height:100vh}.xpl-application-shell__sidebar--open{grid-template-columns:min-content 100vw}.xpl-application-shell__subnav{border-top:0}.xpl-application-shell__subnav,.xpl-application-shell__content,.xpl-application-shell__utility{border-left:0}.xpl-application-shell{overflow:hidden}}@media (max-width:640px){.xpl-application-shell{grid-template-columns:min-content 100vw;height:-webkit-fill-available}.xpl-application-shell__nav{max-height:-webkit-fill-available}.xpl-application-shell__backdrop--open{grid-area:utility/subnav/content}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-avatar,a.xpl-avatar{border-radius:var(--xpl-border-radius-full);font-family:var(--xpl-font-family-default);font-size:var(--xpl-font-size-title-4);font-weight:var(--xpl-font-weight-semibold);vertical-align:middle;text-transform:uppercase;display:inline-block;position:relative}a.xpl-avatar{--tw-outline-style:none;outline-style:none;text-decoration-line:none}@media (forced-colors:active){a.xpl-avatar{outline-offset:2px;outline:2px solid #0000}}a.xpl-avatar{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-in-out);transition-duration:.2s;transition-timing-function:var(--ease-in-out)}a.xpl-avatar:focus-visible,.xpl-avatar__with-text-link:focus-visible .xpl-avatar__with-text-avatar{outline-color:var(--xpl-border-focus);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}a.xpl-avatar.xpl-avatar--green:focus-visible,.xpl-avatar__with-text-link:focus-visible:has(.xpl-avatar--green) .xpl-avatar__with-text-avatar{outline-color:var(--xpl-border-positive)}a.xpl-avatar.xpl-avatar--yellow:focus-visible,.xpl-avatar__with-text-link:focus-visible:has(.xpl-avatar--yellow) .xpl-avatar__with-text-avatar{outline-color:var(--xpl-border-accent-highlight)}a.xpl-avatar.xpl-avatar--pink:focus-visible,.xpl-avatar__with-text-link:focus-visible:has(.xpl-avatar--pink) .xpl-avatar__with-text-avatar{outline-color:var(--xpl-border-accent-default)}a.xpl-avatar.xpl-avatar--primary:focus-visible,.xpl-avatar__with-text-link:focus-visible:has(.xpl-avatar--primary) .xpl-avatar__with-text-avatar{outline-color:var(--xpl-border-accent-brand)}a.xpl-avatar:after{content:"";border-radius:var(--xpl-border-radius-full);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-in-out);transition-duration:.2s;transition-timing-function:var(--ease-in-out);background-color:#0000;position:absolute;inset:0}.xpl-avatar--with-text .xpl-avatar__with-text-avatar:after{content:"";border-radius:var(--xpl-border-radius-full);pointer-events:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-in-out);transition-duration:.2s;transition-timing-function:var(--ease-in-out);background-color:#0000;position:absolute;inset:0}a.xpl-avatar:hover:after,.xpl-avatar__with-text-link:hover:not(.xpl-avatar--disabled) .xpl-avatar__with-text-avatar:after{background-color:var(--xpl-background-surface-transparent-25)}.xpl-avatar--disabled{cursor:not-allowed}.xpl-avatar img,.xpl-avatar__placeholder{width:var(--xpl-size-250);height:var(--xpl-size-250);border-radius:var(--xpl-border-radius-full);font-size:var(--xpl-font-size-title-4);line-height:1.5;display:block}.xpl-avatar img{object-fit:cover}.xpl-avatar__placeholder{background-color:var(--xpl-background-brand-secondary);color:var(--xpl-text-inverse);justify-content:center;align-items:center;display:flex}.xpl-avatar--green .xpl-avatar__placeholder{background-color:var(--xpl-background-accent-positive);color:var(--xpl-text-inverse-on-light)}.xpl-avatar--yellow .xpl-avatar__placeholder{background-color:var(--xpl-background-accent-highlight);color:var(--xpl-text-inverse-on-light)}.xpl-avatar--pink .xpl-avatar__placeholder{background-color:var(--xpl-background-accent-pink);color:var(--xpl-text-inverse-on-light)}.xpl-avatar--primary .xpl-avatar__placeholder{background-color:var(--xpl-background-accent-brand)}.xpl-avatar--secondary .xpl-avatar__placeholder{background-color:var(--xpl-background-brand-secondary)}.xpl-avatar--sm img,.xpl-avatar--sm .xpl-avatar__placeholder{width:var(--xpl-size-150);height:var(--xpl-size-150);font-size:var(--xpl-font-size-caption);line-height:.875}.xpl-avatar--md img,.xpl-avatar--md .xpl-avatar__placeholder{width:var(--xpl-size-200);height:var(--xpl-size-200);font-size:var(--xpl-font-size-caption);line-height:.875}.xpl-avatar--profile img,.xpl-avatar--profile .xpl-avatar__placeholder{width:9rem;height:9rem;font-size:var(--xpl-font-size-title-1);line-height:2.25}.xpl-avatar--profile.xpl-avatar--sm img,.xpl-avatar--profile.xpl-avatar--sm .xpl-avatar__placeholder{width:var(--xpl-size-500);height:var(--xpl-size-500);font-size:var(--xpl-font-size-title-2);line-height:2}.xpl-avatar--profile>div .xpl-badge--dot-only{bottom:10%;right:10%}.xpl-avatar .xpl-badge--dot-only,.xpl-avatar--with-text .xpl-avatar__with-text-avatar .xpl-badge--dot-only{width:var(--xpl-size-0625);height:var(--xpl-size-0625);min-width:var(--xpl-size-0625);min-height:var(--xpl-size-0625);z-index:var(--xpl-z-index-100);padding:0;position:absolute;bottom:0;right:0}.xpl-avatar--md .xpl-badge--dot-only{width:var(--xpl-size-050);height:var(--xpl-size-050);min-width:var(--xpl-size-050);min-height:var(--xpl-size-050)}.xpl-avatar--sm .xpl-badge--dot-only{width:var(--xpl-size-0375);height:var(--xpl-size-0375);min-width:var(--xpl-size-0375);min-height:var(--xpl-size-0375)}.xpl-avatar--with-text{gap:var(--xpl-space-12);border-radius:var(--xpl-border-radius-default);align-items:center;width:100%;height:auto;display:inline-flex}.xpl-avatar--with-text .xpl-avatar__with-text-avatar{border-radius:var(--xpl-border-radius-full);flex-shrink:0;position:relative}.xpl-avatar--with-text .xpl-avatar__with-text-avatar img,.xpl-avatar--with-text .xpl-avatar__with-text-avatar .xpl-avatar__placeholder{width:var(--xpl-size-250);height:var(--xpl-size-250);min-width:var(--xpl-size-250);min-height:var(--xpl-size-250);font-size:var(--xpl-font-size-title-4);line-height:1.5}.xpl-avatar__with-text-link{--tw-outline-style:none;outline-style:none;text-decoration-line:none}@media (forced-colors:active){.xpl-avatar__with-text-link{outline-offset:2px;outline:2px solid #0000}}.xpl-avatar__with-text-content{gap:var(--xpl-space-2);text-transform:none;flex-direction:column;min-width:0;display:flex}.xpl-avatar__with-text-name{color:var(--xpl-text-strong);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.xpl-avatar__with-text-sub{color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-body);font-weight:var(--xpl-font-weight-normal);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.xpl-avatar-group__wrap{margin-left:calc(-1 * var(--xpl-space-12));z-index:var(--xpl-z-index-100);position:relative}.xpl-avatar-group__wrap:first-child{z-index:var(--xpl-z-index-100)}.xpl-avatar-group__wrap:nth-child(2){z-index:var(--xpl-z-index-200)}.xpl-avatar-group__wrap:nth-child(3){z-index:var(--xpl-z-index-300)}.xpl-avatar-group__wrap:nth-child(4){z-index:var(--xpl-z-index-400)}.xpl-avatar-group__wrap:first-child{margin-left:0}.xpl-avatar-group__item{flex-shrink:0;display:inline-flex}.xpl-avatar-group__item img,.xpl-avatar-group__item .xpl-avatar__placeholder{box-shadow:0 0 0 var(--xpl-border-large) var(--xpl-background-surface-default)}.xpl-avatar-group__count{z-index:var(--xpl-z-index-500);min-width:var(--xpl-size-250);height:var(--xpl-size-250);margin-left:calc(-1 * var(--xpl-space-12));border-radius:var(--xpl-border-radius-full);background-color:var(--xpl-background-surface-subtle);color:var(--xpl-text-subdued);font-family:var(--xpl-font-family-default);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-semibold);box-shadow:0 0 0 var(--xpl-border-large) var(--xpl-background-surface-default);flex-shrink:0;justify-content:center;align-items:center;line-height:1.25;display:flex;position:relative}.xpl-avatar-group__count--sm{min-width:var(--xpl-size-150);height:var(--xpl-size-150);margin-left:calc(-1 * var(--xpl-space-8));font-size:var(--xpl-font-size-caption)}.xpl-avatar-group__count--md{min-width:var(--xpl-size-200);height:var(--xpl-size-200);margin-left:calc(-1 * var(--xpl-space-10));font-size:var(--xpl-font-size-caption)}.xpl-avatar-group--sm .xpl-avatar-group__wrap{margin-left:calc(-1 * var(--xpl-space-8))}.xpl-avatar-group--sm .xpl-avatar-group__wrap:first-child{margin-left:0}.xpl-avatar-group--sm img,.xpl-avatar-group--sm .xpl-avatar__placeholder{width:var(--xpl-size-150);height:var(--xpl-size-150);min-width:var(--xpl-size-150);min-height:var(--xpl-size-150)}.xpl-avatar-group--md .xpl-avatar-group__wrap{margin-left:calc(-1 * var(--xpl-space-10))}.xpl-avatar-group--md .xpl-avatar-group__wrap:first-child{margin-left:0}.xpl-avatar-group--md img,.xpl-avatar-group--md .xpl-avatar__placeholder{width:var(--xpl-size-200);height:var(--xpl-size-200);min-width:var(--xpl-size-200);min-height:var(--xpl-size-200)}.xpl-avatar-group{align-items:center;gap:var(--xpl-space-0);flex-wrap:nowrap;display:flex;overflow:visible}.xpl-avatar-group:not(:has(.xpl-avatar-group__wrap)){gap:var(--xpl-space-0);flex-wrap:nowrap;display:flex;overflow:hidden}.xpl-avatar-group:not(:has(.xpl-avatar-group__wrap))>img{box-shadow:0 0 0 var(--xpl-border-large) var(--xpl-background-surface-default);object-fit:cover;width:var(--xpl-size-200);height:var(--xpl-size-200);min-width:var(--xpl-size-200);min-height:var(--xpl-size-200);border-radius:3.40282e38px;flex-shrink:0;display:inline-block}.xpl-avatar-group--s:not(:has(.xpl-avatar-group__wrap))>img{width:var(--xpl-size-150);height:var(--xpl-size-150);min-width:var(--xpl-size-150);min-height:var(--xpl-size-150)}.xpl-avatar-group--l:not(:has(.xpl-avatar-group__wrap))>img{width:var(--xpl-size-250);height:var(--xpl-size-250);min-width:var(--xpl-size-250);min-height:var(--xpl-size-250)}.xpl-avatar-group:not(:has(.xpl-avatar-group__wrap))>img:not(:first-child){margin-left:calc(-1 * var(--xpl-space-8))}.xpl-avatar-group--s:not(:has(.xpl-avatar-group__wrap))>img:not(:first-child){margin-left:calc(-1 * var(--xpl-space-4))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-backdrop{background-color:var(--xpl-background-surface-backdrop)}.xpl-backdrop--fixed{position:fixed;inset:0}.xpl-backdrop--relative{position:relative}.xpl-backdrop{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */xpl-badge{vertical-align:middle;max-width:100%;display:inline-flex}.xpl-badge,button.xpl-badge{background-color:var(--xpl-background-badge-default);border-color:var(--xpl-border-badge-purple);border-style:solid;border-width:var(--xpl-border-small);color:var(--xpl-text-badge-default);font-family:var(--xpl-font-family-default);gap:var(--xpl-space-4);height:var(--xpl-size-150);padding:var(--xpl-space-2) var(--xpl-space-12);vertical-align:middle;justify-content:center;align-items:center;min-width:0;display:inline-flex}.xpl-badge--size-default:not(.xpl-badge--dot-only){font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);line-height:1.4286}.xpl-badge--size-small{height:var(--xpl-size-125);padding:var(--xpl-space-2) var(--xpl-space-8)}.xpl-badge--size-small:not(.xpl-badge--dot-only){font-size:var(--xpl-font-size-callout);font-weight:var(--xpl-font-weight-semibold);line-height:1.3333}.xpl-badge--shape-rounded{border-radius:var(--xpl-border-radius-full)}.xpl-badge--shape-boxy{border-radius:var(--xpl-border-radius-small)}.xpl-badge--dot-only{background-color:var(--xpl-icon-badge-default);border-color:var(--xpl-color-transparent-0);border-radius:var(--xpl-border-radius-full);color:var(--xpl-text-inverse);font-weight:var(--xpl-font-weight-bold);padding:var(--xpl-space-2) var(--xpl-space-4);vertical-align:middle;justify-content:center;align-items:center;min-width:.875rem;height:.875rem;font-size:.5rem;line-height:.5rem;display:inline-flex}.xpl-badge--dot-only-bordered{box-shadow:0 0 0 var(--xpl-space-2) var(--xpl-border-inverse)}.xpl-badge--dot:before{background-color:var(--xpl-icon-badge-default);border-radius:var(--xpl-border-radius-full);content:"";height:var(--xpl-size-050);width:var(--xpl-size-050);flex-shrink:0;display:inline-block}.xpl-badge--green{background-color:var(--xpl-background-badge-green);border-color:var(--xpl-border-badge-green);color:var(--xpl-text-badge-green)}.xpl-badge--green.xpl-badge--dot-only{color:var(--xpl-text-inverse);background-color:var(--xpl-icon-badge-green)}.xpl-badge--green:before{background-color:var(--xpl-icon-badge-green)}.xpl-badge--yellow{background-color:var(--xpl-background-badge-yellow);border-color:var(--xpl-border-badge-yellow);color:var(--xpl-text-badge-yellow)}.xpl-badge--yellow.xpl-badge--dot-only{color:var(--xpl-color-neutral-1100);background-color:var(--xpl-icon-badge-yellow)}.xpl-badge--yellow:before{background-color:var(--xpl-icon-badge-yellow)}.xpl-badge--gray{background-color:var(--xpl-background-badge-grey);border-color:var(--xpl-border-badge-grey);color:var(--xpl-text-badge-gray)}.xpl-badge--gray.xpl-badge--dot-only{color:var(--xpl-color-neutral-1100);background-color:var(--xpl-icon-badge-grey)}.xpl-badge--gray:before{background-color:var(--xpl-icon-badge-grey)}.xpl-badge--orange{background-color:var(--xpl-background-badge-orange);border-color:var(--xpl-border-badge-orange);color:var(--xpl-text-strong)}.xpl-badge--orange.xpl-badge--dot-only{color:var(--xpl-color-neutral-1100);background-color:var(--xpl-background-accent-brand)}.xpl-badge--orange:before{background-color:var(--xpl-background-accent-brand)}.xpl-badge--blue{background-color:var(--xpl-background-badge-blue);border-color:var(--xpl-border-badge-blue);color:var(--xpl-text-badge-blue)}.xpl-badge--blue.xpl-badge--dot-only{color:var(--xpl-text-inverse);background-color:var(--xpl-icon-badge-blue)}.xpl-badge--blue:before{background-color:var(--xpl-icon-badge-blue)}.xpl-badge--red{background-color:var(--xpl-background-badge-red);border-color:var(--xpl-border-badge-red);color:var(--xpl-text-badge-red)}.xpl-badge--red.xpl-badge--dot-only{color:var(--xpl-text-inverse);background-color:var(--xpl-icon-badge-red)}.xpl-badge--red:before{background-color:var(--xpl-icon-badge-red)}.xpl-badge__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-banner{--xpl-banner-border-color:var(--xpl-border-accent-information);background:var(--xpl-background-messaging-information);border-bottom-width:var(--xpl-border-small);border-color:var(--xpl-banner-border-color);border-top-width:var(--xpl-border-small);gap:var(--xpl-space-8);padding:var(--xpl-space-8) var(--xpl-space-32);min-height:var(--xpl-size-300);align-items:center;width:100%;display:flex}.xpl-banner__icon{color:var(--xpl-icon-default);flex-shrink:0;display:inline-flex}.xpl-banner__body{color:var(--xpl-text-default);gap:var(--xpl-space-8);flex-wrap:wrap;flex:auto;align-items:baseline;min-width:0;display:flex}.xpl-banner__heading,.xpl-banner__description{margin:0}.xpl-banner__heading{color:var(--xpl-text-strong,var(--xpl-text-default));font-weight:var(--xpl-font-weight-medium);line-height:1.4286;font-size:var(--xpl-font-size-title-5)}.xpl-banner__description{color:var(--xpl-text-default);font-size:var(--xpl-font-size-body);font-weight:var(--xpl-font-weight-normal);overflow-wrap:anywhere;flex:auto;min-width:0;line-height:1.4286}.xpl-banner__actions{gap:var(--xpl-space-8);flex-shrink:0;align-items:center;display:inline-flex}.xpl-banner__actions>xpl-button{display:inline-flex}.xpl-banner__dismiss{background:var(--xpl-background-surface-transparent-0);color:var(--xpl-icon-default);padding-left:var(--xpl-space-16);cursor:pointer;border-style:var(--tw-border-style);border-width:0;flex-shrink:0;justify-content:center;align-items:center;padding-right:0;display:inline-flex}.xpl-banner__dismiss:focus-visible{border-radius:var(--xpl-border-radius-small);outline-color:var(--xpl-border-accent-information);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.xpl-banner--truncate-desc .xpl-banner__body{flex-wrap:wrap;overflow:hidden}.xpl-banner--truncate-desc .xpl-banner__description{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.xpl-banner--section{border-color:var(--xpl-banner-border-color);border-radius:var(--xpl-border-radius-small);border-style:solid;border-width:var(--xpl-border-small);gap:var(--xpl-space-8);padding:var(--xpl-space-16);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.xpl-banner--section .xpl-banner__body{display:contents}.xpl-banner--section .xpl-banner__icon{grid-row-start:1;grid-column-start:1}.xpl-banner--section .xpl-banner__heading{flex:unset;grid-row-start:1;grid-column-start:2}.xpl-banner--section .xpl-banner__dismiss{grid-row-start:1;grid-column-start:3;margin-left:0;padding:0}.xpl-banner--section .xpl-banner__description{color:var(--xpl-text-default);font-size:var(--xpl-font-size-callout);overflow-wrap:anywhere;grid-row-start:2;grid-column-start:2;margin:0}.xpl-banner--section .xpl-banner__actions{margin-left:calc(-1 * var(--xpl-space-10));padding-top:var(--xpl-space-8);grid-row-start:3;grid-column-start:2;justify-content:flex-start}.xpl-banner--section.xpl-banner--truncate-desc .xpl-banner__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.xpl-banner--section.xpl-banner--no-icon .xpl-banner__heading,.xpl-banner--section.xpl-banner--no-icon .xpl-banner__description,.xpl-banner--section.xpl-banner--no-icon .xpl-banner__actions{grid-column:1/3}.xpl-banner--error{--xpl-banner-border-color:var(--xpl-border-negative);background:var(--xpl-background-messaging-negative-bold)}.xpl-banner--error .xpl-banner__icon,.xpl-banner--error .xpl-banner__heading,.xpl-banner--error .xpl-banner__description,.xpl-banner--error .xpl-banner__body,.xpl-banner--error .xpl-banner__dismiss{color:var(--xpl-text-inverse-on-dark)}.xpl-banner--error .xpl-banner__dismiss:focus-visible{outline-color:var(--xpl-text-inverse-on-dark)}.xpl-banner--warning{--xpl-banner-border-color:var(--xpl-border-accent-warning);background:var(--xpl-background-messaging-warning)}.xpl-banner--warning .xpl-banner__icon{color:var(--xpl-icon-default)}.xpl-banner--warning .xpl-banner__dismiss:focus-visible{outline-color:var(--xpl-border-accent-warning)}.xpl-banner--positive{--xpl-banner-border-color:var(--xpl-border-positive);background:var(--xpl-background-messaging-positive)}.xpl-banner--positive .xpl-banner__dismiss:focus-visible{outline-color:var(--xpl-border-positive)}.xpl-banner--section.xpl-banner--error{background:var(--xpl-background-messaging-negative)}.xpl-banner--section.xpl-banner--error .xpl-banner__icon,.xpl-banner--section.xpl-banner--error .xpl-banner__heading,.xpl-banner--section.xpl-banner--error .xpl-banner__description,.xpl-banner--section.xpl-banner--error .xpl-banner__dismiss,.xpl-banner--section.xpl-banner--error .xpl-banner__body{color:var(--xpl-text-default)}.xpl-banner--section.xpl-banner--error .xpl-banner__dismiss:focus-visible{outline-color:var(--xpl-border-negative)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-breadcrumbs a{color:inherit;text-decoration:none}.xpl-breadcrumbs ol,.xpl-breadcrumbs ol span{color:var(--xpl-text-subdued)}.xpl-breadcrumbs ol span svg{height:9px;margin-top:calc(var(--spacing) * .5)}.xpl-breadcrumbs ol span{align-content:center;display:grid}.xpl-breadcrumbs ol .xpl-breadcrumb-item:hover{color:var(--xpl-text-link-hovered)}.xpl-breadcrumbs ol .xpl-breadcrumb-item a,.xpl-breadcrumbs ol .xpl-breadcrumb-item button,.xpl-breadcrumbs ol .xpl-breadcrumb-item span{padding-right:calc(var(--spacing) * 2)}.xpl-breadcrumbs ol .xpl-breadcrumb-item:nth-last-of-type(3){display:none}@media (min-width:48rem){.xpl-breadcrumbs ol .xpl-breadcrumb-item:nth-last-of-type(3){display:flex}}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child{color:var(--xpl-text-default)}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child:hover{color:var(--xpl-text-link-hovered)}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child span{display:none}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child{pointer-events:none;cursor:default;text-decoration-line:none}.xpl-breadcrumbs ol .xpl-breadcrumb-item{align-content:center;display:flex}.xpl-breadcrumbs ol{font-size:var(--xpl-font-size-body);font-weight:var(--xpl-font-weight-normal);align-content:center;line-height:1.4286;display:flex}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-button-row{border-top-width:var(--xpl-border-small);border-top-style:solid;border-top-color:var(--xpl-border-default);padding-top:var(--xpl-space-24);width:100%;display:block}.xpl-button-row-inner{justify-content:space-between;display:flex}.xpl-button-row xpl-button+xpl-button .xpl-button{margin-left:var(--xpl-space-16)}.xpl-button-row__right .xpl-button--secondary{display:none}.xpl-button-row__right{display:flex}@media screen and (max-width:640px){.xpl-button-row-inner{display:block}.xpl-button-row .xpl-button a,.xpl-button-row .xpl-button button{margin-bottom:var(--xpl-space-16);justify-content:center;width:100%}.xpl-button-row xpl-button+xpl-button .xpl-button{margin-left:var(--xpl-space-0)}.xpl-button-row__left .xpl-button--secondary{display:none}.xpl-button-row__right .xpl-button--secondary{display:block}.xpl-button-row__right{flex-direction:column-reverse}.xpl-button-row__right xpl-button:first-child .xpl-button{margin-bottom:var(--xpl-space-0)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-button{height:var(--xpl-size-250);display:inline-flex}button.xpl-button,a.xpl-button,.xpl-button button,.xpl-button a{background-color:var(--xpl-background-action-primary-default);border-radius:var(--xpl-border-radius-button);color:var(--xpl-text-inverse);font-family:var(--xpl-font-family-default);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);align-content:center;align-items:center;gap:var(--xpl-space-6);height:var(--xpl-size-250);padding:var(--xpl-space-12) var(--xpl-space-16);white-space:nowrap;grid-auto-flow:column;justify-content:center;justify-items:center;text-decoration:none;display:inline-grid}button.xpl-button .xpl-button__icon,a.xpl-button .xpl-button__icon,.xpl-button button .xpl-button__icon,.xpl-button a .xpl-button__icon{justify-content:center;align-items:center;min-width:0;display:inline-flex}button.xpl-button .xpl-button__icon svg,button.xpl-button button>svg,a.xpl-button .xpl-button__icon svg,a.xpl-button button>svg,.xpl-button button .xpl-button__icon svg,.xpl-button button button>svg,.xpl-button a .xpl-button__icon svg,.xpl-button a button>svg,button.xpl-button svg,a.xpl-button svg,.xpl-button button svg,.xpl-button a svg{width:var(--xpl-size-125);height:var(--xpl-size-125)}button.xpl-button:hover,a.xpl-button:hover,.xpl-button button:hover,.xpl-button a:hover{background-color:var(--xpl-background-action-primary-hover)}button.xpl-button:active,a.xpl-button:active,.xpl-button button:active,.xpl-button a:active{background-color:var(--xpl-background-action-primary-active);outline-color:var(--xpl-border-active);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}button.xpl-button:focus-visible,a.xpl-button:focus-visible,.xpl-button button:focus-visible,.xpl-button a:focus-visible{background-color:var(--xpl-background-action-primary-focus);outline-color:var(--xpl-border-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}button.xpl-button:disabled,button.xpl-button:disabled:hover,button.xpl-button:disabled:focus-visible,button.xpl-button:disabled:active,a.xpl-button:disabled,a.xpl-button:disabled:hover,a.xpl-button:disabled:focus-visible,a.xpl-button:disabled:active,.xpl-button button:disabled,.xpl-button button:disabled:hover,.xpl-button button:disabled:focus-visible,.xpl-button button:disabled:active,.xpl-button a:disabled,.xpl-button a:disabled:hover,.xpl-button a:disabled:focus-visible,.xpl-button a:disabled:active{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled);box-shadow:none;cursor:not-allowed;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){button.xpl-button:disabled,button.xpl-button:disabled:hover,button.xpl-button:disabled:focus-visible,button.xpl-button:disabled:active,a.xpl-button:disabled,a.xpl-button:disabled:hover,a.xpl-button:disabled:focus-visible,a.xpl-button:disabled:active,.xpl-button button:disabled,.xpl-button button:disabled:hover,.xpl-button button:disabled:focus-visible,.xpl-button button:disabled:active,.xpl-button a:disabled,.xpl-button a:disabled:hover,.xpl-button a:disabled:focus-visible,.xpl-button a:disabled:active{outline-offset:2px;outline:2px solid #0000}}button.xpl-button,a.xpl-button,.xpl-button button,.xpl-button a{cursor:pointer;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}button.xpl-button--sm,a.xpl-button--sm,.xpl-button--sm button,.xpl-button--sm a,button.xpl-button--xs,a.xpl-button--xs,.xpl-button--xs button,.xpl-button--xs a{font-size:var(--xpl-font-size-callout);font-weight:var(--xpl-font-weight-semibold);line-height:1.3333;font-family:var(--xpl-font-family-default)}.xpl-button--sm{height:var(--xpl-size-200)}button.xpl-button--sm,a.xpl-button--sm,.xpl-button--sm button,.xpl-button--sm a{height:var(--xpl-size-200);min-width:var(--xpl-size-200);padding:var(--xpl-space-8) var(--xpl-space-12)}button.xpl-button--sm .xpl-button__icon svg,a.xpl-button--sm .xpl-button__icon svg,.xpl-button--sm button .xpl-button__icon svg,.xpl-button--sm a .xpl-button__icon svg,button.xpl-button--sm svg,a.xpl-button--sm svg,.xpl-button--sm button svg,.xpl-button--sm a svg{width:var(--xpl-size-100);height:var(--xpl-size-100)}.xpl-button--xs{height:var(--xpl-size-150)}button.xpl-button--xs,a.xpl-button--xs,.xpl-button--xs button,.xpl-button--xs a{height:var(--xpl-size-150);min-width:var(--xpl-size-150);padding:var(--xpl-space-4) var(--xpl-space-10)}button.xpl-button--xs .xpl-button__icon svg,a.xpl-button--xs .xpl-button__icon svg,.xpl-button--xs button .xpl-button__icon svg,.xpl-button--xs a .xpl-button__icon svg,button.xpl-button--xs svg,a.xpl-button--xs svg,.xpl-button--xs button svg,.xpl-button--xs a svg{width:var(--xpl-size-075);height:var(--xpl-size-075)}button.xpl-button--icon-only,a.xpl-button--icon-only,.xpl-button--icon-only button,.xpl-button--icon-only a{width:var(--xpl-size-250);justify-content:center;padding:0;display:flex}button.xpl-button--icon-only .xpl-button__icon svg,a.xpl-button--icon-only .xpl-button__icon svg,.xpl-button--icon-only button .xpl-button__icon svg,.xpl-button--icon-only a .xpl-button__icon svg,button.xpl-button--icon-only svg,a.xpl-button--icon-only svg,.xpl-button--icon-only button svg,.xpl-button--icon-only a svg{height:var(--xpl-size-125);width:var(--xpl-size-125)}button.xpl-button--icon-only.xpl-button--sm,a.xpl-button--icon-only.xpl-button--sm,.xpl-button--icon-only.xpl-button--sm a,.xpl-button--icon-only.xpl-button--sm span,.xpl-button--icon-only.xpl-button--sm button{height:var(--xpl-size-200);width:var(--xpl-size-200)}button.xpl-button--icon-only.xpl-button--sm svg,a.xpl-button--icon-only.xpl-button--sm svg,.xpl-button--icon-only.xpl-button--sm a svg,.xpl-button--icon-only.xpl-button--sm span svg,.xpl-button--icon-only.xpl-button--sm button svg{height:var(--xpl-size-100);width:var(--xpl-size-100)}button.xpl-button--icon-only.xpl-button--xs,a.xpl-button--icon-only.xpl-button--xs,.xpl-button--icon-only.xpl-button--xs a,.xpl-button--icon-only.xpl-button--xs button{height:var(--xpl-size-150);width:var(--xpl-size-150)}button.xpl-button--icon-only.xpl-button--xs svg,a.xpl-button--icon-only.xpl-button--xs svg,.xpl-button--icon-only.xpl-button--xs a svg,.xpl-button--icon-only.xpl-button--xs button svg{height:var(--xpl-size-075);width:var(--xpl-size-075)}a.xpl-button--secondary,button.xpl-button--secondary,.xpl-button--secondary a,.xpl-button--secondary button{box-sizing:border-box;border:var(--xpl-border-small) solid;background-color:var(--xpl-background-action-secondary-default);border-color:var(--xpl-border-strong);color:var(--xpl-text-default)}a.xpl-button--secondary:hover,button.xpl-button--secondary:hover,.xpl-button--secondary a:hover,.xpl-button--secondary button:hover{border-color:var(--xpl-border-hover);background-color:var(--xpl-background-action-secondary-hover)}a.xpl-button--secondary:active,button.xpl-button--secondary:active,.xpl-button--secondary a:active,.xpl-button--secondary button:active{border-color:var(--xpl-border-active);background-color:var(--xpl-background-action-secondary-active);outline-color:var(--xpl-border-active);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--secondary:focus-visible,button.xpl-button--secondary:focus-visible,.xpl-button--secondary a:focus-visible,.xpl-button--secondary button:focus-visible{background-color:var(--xpl-background-action-secondary-focus);outline-color:var(--xpl-border-focus);border-color:var(--xpl-border-strong);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--tertiary,button.xpl-button--tertiary,.xpl-button--tertiary a,.xpl-button--tertiary button,a.xpl-button--subtle,button.xpl-button--subtle,.xpl-button--subtle a,.xpl-button--subtle button{background-color:var(--xpl-background-action-tertiary-default);color:var(--xpl-text-default)}a.xpl-button--tertiary:hover,button.xpl-button--tertiary:hover,.xpl-button--tertiary a:hover,.xpl-button--tertiary button:hover,a.xpl-button--subtle:hover,button.xpl-button--subtle:hover,.xpl-button--subtle a:hover,.xpl-button--subtle button:hover{background-color:var(--xpl-background-action-tertiary-hover)}a.xpl-button--tertiary:active,button.xpl-button--tertiary:active,.xpl-button--tertiary a:active,.xpl-button--tertiary button:active,a.xpl-button--subtle:active,button.xpl-button--subtle:active,.xpl-button--subtle a:active,.xpl-button--subtle button:active{background-color:var(--xpl-background-action-tertiary-active);outline-color:var(--xpl-border-subtle);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--tertiary:focus-visible,button.xpl-button--tertiary:focus-visible,.xpl-button--tertiary a:focus-visible,.xpl-button--tertiary button:focus-visible,a.xpl-button--subtle:focus-visible,button.xpl-button--subtle:focus-visible,.xpl-button--subtle a:focus-visible,.xpl-button--subtle button:focus-visible{outline-color:var(--xpl-border-subtle);border-color:var(--xpl-border-subtle);background-color:var(--xpl-background-action-tertiary-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--positive,button.xpl-button--positive,.xpl-button--positive a,.xpl-button--positive button,a.xpl-button--success,button.xpl-button--success,.xpl-button--success a,.xpl-button--success button{background-color:var(--xpl-background-action-positive-default);color:var(--xpl-text-inverse)}a.xpl-button--positive:hover,button.xpl-button--positive:hover,.xpl-button--positive a:hover,.xpl-button--positive button:hover,a.xpl-button--success:hover,button.xpl-button--success:hover,.xpl-button--success a:hover,.xpl-button--success button:hover{background-color:var(--xpl-background-action-positive-hover)}a.xpl-button--positive:active,button.xpl-button--positive:active,.xpl-button--positive a:active,.xpl-button--positive button:active,a.xpl-button--success:active,button.xpl-button--success:active,.xpl-button--success a:active,.xpl-button--success button:active{background-color:var(--xpl-background-action-positive-active);outline-color:var(--xpl-border-positive);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--positive:focus-visible,button.xpl-button--positive:focus-visible,.xpl-button--positive a:focus-visible,.xpl-button--positive button:focus-visible,a.xpl-button--success:focus-visible,button.xpl-button--success:focus-visible,.xpl-button--success a:focus-visible,.xpl-button--success button:focus-visible{outline-color:var(--xpl-border-positive);background-color:var(--xpl-background-action-positive-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--positive.xpl-button--secondary,button.xpl-button--positive.xpl-button--secondary,.xpl-button--positive.xpl-button--secondary a,.xpl-button--positive.xpl-button--secondary button,a.xpl-button--success.xpl-button--secondary,button.xpl-button--success.xpl-button--secondary,.xpl-button--success.xpl-button--secondary a,.xpl-button--success.xpl-button--secondary button{background-color:var(--xpl-background-action-secondary-default);color:var(--xpl-text-positive)}a.xpl-button--positive.xpl-button--secondary:hover,button.xpl-button--positive.xpl-button--secondary:hover,.xpl-button--positive.xpl-button--secondary a:hover,.xpl-button--positive.xpl-button--secondary button:hover,a.xpl-button--success.xpl-button--secondary:hover,button.xpl-button--success.xpl-button--secondary:hover,.xpl-button--success.xpl-button--secondary a:hover,.xpl-button--success.xpl-button--secondary button:hover{background-color:var(--xpl-background-action-secondary-hover);border-color:var(--xpl-border-positive)}a.xpl-button--positive.xpl-button--secondary:active,button.xpl-button--positive.xpl-button--secondary:active,.xpl-button--positive.xpl-button--secondary a:active,.xpl-button--positive.xpl-button--secondary button:active,a.xpl-button--success.xpl-button--secondary:active,button.xpl-button--success.xpl-button--secondary:active,.xpl-button--success.xpl-button--secondary a:active,.xpl-button--success.xpl-button--secondary button:active{background-color:var(--xpl-background-action-secondary-active);border-color:var(--xpl-border-positive);outline-color:var(--xpl-border-positive);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--positive.xpl-button--secondary:focus-visible,button.xpl-button--positive.xpl-button--secondary:focus-visible,.xpl-button--positive.xpl-button--secondary a:focus-visible,.xpl-button--positive.xpl-button--secondary button:focus-visible,a.xpl-button--success.xpl-button--secondary:focus-visible,button.xpl-button--success.xpl-button--secondary:focus-visible,.xpl-button--success.xpl-button--secondary a:focus-visible,.xpl-button--success.xpl-button--secondary button:focus-visible{background-color:var(--xpl-background-action-secondary-focus);outline-color:var(--xpl-border-positive);border-color:var(--xpl-border-strong);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--positive.xpl-button--secondary:disabled,a.xpl-button--positive.xpl-button--secondary:disabled:hover,button.xpl-button--positive.xpl-button--secondary:disabled,button.xpl-button--positive.xpl-button--secondary:disabled:hover,.xpl-button--positive.xpl-button--secondary a:disabled,.xpl-button--positive.xpl-button--secondary a:disabled:hover,.xpl-button--positive.xpl-button--secondary button:disabled,.xpl-button--positive.xpl-button--secondary button:disabled:hover,a.xpl-button--success.xpl-button--secondary:disabled,a.xpl-button--success.xpl-button--secondary:disabled:hover,button.xpl-button--success.xpl-button--secondary:disabled,button.xpl-button--success.xpl-button--secondary:disabled:hover,.xpl-button--success.xpl-button--secondary a:disabled,.xpl-button--success.xpl-button--secondary a:disabled:hover,.xpl-button--success.xpl-button--secondary button:disabled,.xpl-button--success.xpl-button--secondary button:disabled:hover{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled)}a.xpl-button--positive.xpl-button--tertiary,button.xpl-button--positive.xpl-button--tertiary,.xpl-button--positive.xpl-button--tertiary a,.xpl-button--positive.xpl-button--tertiary button,a.xpl-button--positive.xpl-button--subtle,button.xpl-button--positive.xpl-button--subtle,.xpl-button--positive.xpl-button--subtle a,.xpl-button--positive.xpl-button--subtle button,a.xpl-button--success.xpl-button--tertiary,button.xpl-button--success.xpl-button--tertiary,.xpl-button--success.xpl-button--tertiary a,.xpl-button--success.xpl-button--tertiary button,a.xpl-button--success.xpl-button--subtle,button.xpl-button--success.xpl-button--subtle,.xpl-button--success.xpl-button--subtle a,.xpl-button--success.xpl-button--subtle button{background-color:var(--xpl-background-action-tertiary-default);color:var(--xpl-text-positive)}a.xpl-button--positive.xpl-button--tertiary:hover,button.xpl-button--positive.xpl-button--tertiary:hover,.xpl-button--positive.xpl-button--tertiary a:hover,.xpl-button--positive.xpl-button--tertiary button:hover,a.xpl-button--positive.xpl-button--subtle:hover,button.xpl-button--positive.xpl-button--subtle:hover,.xpl-button--positive.xpl-button--subtle a:hover,.xpl-button--positive.xpl-button--subtle button:hover,a.xpl-button--success.xpl-button--tertiary:hover,button.xpl-button--success.xpl-button--tertiary:hover,.xpl-button--success.xpl-button--tertiary a:hover,.xpl-button--success.xpl-button--tertiary button:hover,a.xpl-button--success.xpl-button--subtle:hover,button.xpl-button--success.xpl-button--subtle:hover,.xpl-button--success.xpl-button--subtle a:hover,.xpl-button--success.xpl-button--subtle button:hover{background-color:var(--xpl-background-action-tertiary-hover)}a.xpl-button--positive.xpl-button--tertiary:active,button.xpl-button--positive.xpl-button--tertiary:active,.xpl-button--positive.xpl-button--tertiary a:active,.xpl-button--positive.xpl-button--tertiary button:active,a.xpl-button--positive.xpl-button--subtle:active,button.xpl-button--positive.xpl-button--subtle:active,.xpl-button--positive.xpl-button--subtle a:active,.xpl-button--positive.xpl-button--subtle button:active,a.xpl-button--success.xpl-button--tertiary:active,button.xpl-button--success.xpl-button--tertiary:active,.xpl-button--success.xpl-button--tertiary a:active,.xpl-button--success.xpl-button--tertiary button:active,a.xpl-button--success.xpl-button--subtle:active,button.xpl-button--success.xpl-button--subtle:active,.xpl-button--success.xpl-button--subtle a:active,.xpl-button--success.xpl-button--subtle button:active{background-color:var(--xpl-background-action-tertiary-active);outline-color:var(--xpl-border-subtle);border-color:var(--xpl-border-inverse);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--positive.xpl-button--tertiary:focus-visible,button.xpl-button--positive.xpl-button--tertiary:focus-visible,.xpl-button--positive.xpl-button--tertiary a:focus-visible,.xpl-button--positive.xpl-button--tertiary button:focus-visible,a.xpl-button--positive.xpl-button--subtle:focus-visible,button.xpl-button--positive.xpl-button--subtle:focus-visible,.xpl-button--positive.xpl-button--subtle a:focus-visible,.xpl-button--positive.xpl-button--subtle button:focus-visible,a.xpl-button--success.xpl-button--tertiary:focus-visible,button.xpl-button--success.xpl-button--tertiary:focus-visible,.xpl-button--success.xpl-button--tertiary a:focus-visible,.xpl-button--success.xpl-button--tertiary button:focus-visible,a.xpl-button--success.xpl-button--subtle:focus-visible,button.xpl-button--success.xpl-button--subtle:focus-visible,.xpl-button--success.xpl-button--subtle a:focus-visible,.xpl-button--success.xpl-button--subtle button:focus-visible{outline-color:var(--xpl-border-subtle);border-color:var(--xpl-border-inverse);background-color:var(--xpl-background-action-tertiary-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--positive.xpl-button--tertiary:disabled,a.xpl-button--positive.xpl-button--tertiary:disabled:hover,button.xpl-button--positive.xpl-button--tertiary:disabled,button.xpl-button--positive.xpl-button--tertiary:disabled:hover,.xpl-button--positive.xpl-button--tertiary a:disabled,.xpl-button--positive.xpl-button--tertiary a:disabled:hover,.xpl-button--positive.xpl-button--tertiary button:disabled,.xpl-button--positive.xpl-button--tertiary button:disabled:hover,a.xpl-button--positive.xpl-button--subtle:disabled,a.xpl-button--positive.xpl-button--subtle:disabled:hover,button.xpl-button--positive.xpl-button--subtle:disabled,button.xpl-button--positive.xpl-button--subtle:disabled:hover,.xpl-button--positive.xpl-button--subtle a:disabled,.xpl-button--positive.xpl-button--subtle a:disabled:hover,.xpl-button--positive.xpl-button--subtle button:disabled,.xpl-button--positive.xpl-button--subtle button:disabled:hover,a.xpl-button--success.xpl-button--tertiary:disabled,a.xpl-button--success.xpl-button--tertiary:disabled:hover,button.xpl-button--success.xpl-button--tertiary:disabled,button.xpl-button--success.xpl-button--tertiary:disabled:hover,.xpl-button--success.xpl-button--tertiary a:disabled,.xpl-button--success.xpl-button--tertiary a:disabled:hover,.xpl-button--success.xpl-button--tertiary button:disabled,.xpl-button--success.xpl-button--tertiary button:disabled:hover,a.xpl-button--success.xpl-button--subtle:disabled,a.xpl-button--success.xpl-button--subtle:disabled:hover,button.xpl-button--success.xpl-button--subtle:disabled,button.xpl-button--success.xpl-button--subtle:disabled:hover,.xpl-button--success.xpl-button--subtle a:disabled,.xpl-button--success.xpl-button--subtle a:disabled:hover,.xpl-button--success.xpl-button--subtle button:disabled,.xpl-button--success.xpl-button--subtle button:disabled:hover{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled)}a.xpl-button--negative,button.xpl-button--negative,.xpl-button--negative a,.xpl-button--negative button,a.xpl-button--warning,button.xpl-button--warning,.xpl-button--warning a,.xpl-button--warning button{background-color:var(--xpl-background-action-negative-default);color:var(--xpl-text-inverse)}a.xpl-button--negative:hover,button.xpl-button--negative:hover,.xpl-button--negative a:hover,.xpl-button--negative button:hover,a.xpl-button--warning:hover,button.xpl-button--warning:hover,.xpl-button--warning a:hover,.xpl-button--warning button:hover{background-color:var(--xpl-background-action-negative-hover)}a.xpl-button--negative:active,button.xpl-button--negative:active,.xpl-button--negative a:active,.xpl-button--negative button:active,a.xpl-button--warning:active,button.xpl-button--warning:active,.xpl-button--warning a:active,.xpl-button--warning button:active{background-color:var(--xpl-background-action-negative-active);outline-color:var(--xpl-border-negative);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--negative:focus-visible,button.xpl-button--negative:focus-visible,.xpl-button--negative a:focus-visible,.xpl-button--negative button:focus-visible,a.xpl-button--warning:focus-visible,button.xpl-button--warning:focus-visible,.xpl-button--warning a:focus-visible,.xpl-button--warning button:focus-visible{outline-color:var(--xpl-border-negative);background-color:var(--xpl-background-action-negative-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--negative.xpl-button--secondary,button.xpl-button--negative.xpl-button--secondary,.xpl-button--negative.xpl-button--secondary a,.xpl-button--negative.xpl-button--secondary button,a.xpl-button--warning.xpl-button--secondary,button.xpl-button--warning.xpl-button--secondary,.xpl-button--warning.xpl-button--secondary a,.xpl-button--warning.xpl-button--secondary button{background-color:var(--xpl-background-action-secondary-default);color:var(--xpl-text-negative)}a.xpl-button--negative.xpl-button--secondary:hover,button.xpl-button--negative.xpl-button--secondary:hover,.xpl-button--negative.xpl-button--secondary a:hover,.xpl-button--negative.xpl-button--secondary button:hover,a.xpl-button--warning.xpl-button--secondary:hover,button.xpl-button--warning.xpl-button--secondary:hover,.xpl-button--warning.xpl-button--secondary a:hover,.xpl-button--warning.xpl-button--secondary button:hover{background-color:var(--xpl-background-action-secondary-hover);border-color:var(--xpl-border-negative)}a.xpl-button--negative.xpl-button--secondary:active,button.xpl-button--negative.xpl-button--secondary:active,.xpl-button--negative.xpl-button--secondary a:active,.xpl-button--negative.xpl-button--secondary button:active,a.xpl-button--warning.xpl-button--secondary:active,button.xpl-button--warning.xpl-button--secondary:active,.xpl-button--warning.xpl-button--secondary a:active,.xpl-button--warning.xpl-button--secondary button:active{background-color:var(--xpl-background-action-secondary-active);border-color:var(--xpl-border-negative);outline-color:var(--xpl-border-negative);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--negative.xpl-button--secondary:focus-visible,button.xpl-button--negative.xpl-button--secondary:focus-visible,.xpl-button--negative.xpl-button--secondary a:focus-visible,.xpl-button--negative.xpl-button--secondary button:focus-visible,a.xpl-button--warning.xpl-button--secondary:focus-visible,button.xpl-button--warning.xpl-button--secondary:focus-visible,.xpl-button--warning.xpl-button--secondary a:focus-visible,.xpl-button--warning.xpl-button--secondary button:focus-visible{outline-color:var(--xpl-border-negative);background-color:var(--xpl-background-action-secondary-focus);border-color:var(--xpl-border-strong);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--negative.xpl-button--secondary:disabled,a.xpl-button--negative.xpl-button--secondary:disabled:hover,button.xpl-button--negative.xpl-button--secondary:disabled,button.xpl-button--negative.xpl-button--secondary:disabled:hover,.xpl-button--negative.xpl-button--secondary a:disabled,.xpl-button--negative.xpl-button--secondary a:disabled:hover,.xpl-button--negative.xpl-button--secondary button:disabled,.xpl-button--negative.xpl-button--secondary button:disabled:hover,a.xpl-button--warning.xpl-button--secondary:disabled,a.xpl-button--warning.xpl-button--secondary:disabled:hover,button.xpl-button--warning.xpl-button--secondary:disabled,button.xpl-button--warning.xpl-button--secondary:disabled:hover,.xpl-button--warning.xpl-button--secondary a:disabled,.xpl-button--warning.xpl-button--secondary a:disabled:hover,.xpl-button--warning.xpl-button--secondary button:disabled,.xpl-button--warning.xpl-button--secondary button:disabled:hover{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled)}a.xpl-button--negative.xpl-button--tertiary,button.xpl-button--negative.xpl-button--tertiary,.xpl-button--negative.xpl-button--tertiary a,.xpl-button--negative.xpl-button--tertiary button,a.xpl-button--negative.xpl-button--subtle,button.xpl-button--negative.xpl-button--subtle,.xpl-button--negative.xpl-button--subtle a,.xpl-button--negative.xpl-button--subtle button,a.xpl-button--warning.xpl-button--tertiary,button.xpl-button--warning.xpl-button--tertiary,.xpl-button--warning.xpl-button--tertiary a,.xpl-button--warning.xpl-button--tertiary button,a.xpl-button--warning.xpl-button--subtle,button.xpl-button--warning.xpl-button--subtle,.xpl-button--warning.xpl-button--subtle a,.xpl-button--warning.xpl-button--subtle button{background-color:var(--xpl-background-action-tertiary-default);color:var(--xpl-text-negative)}a.xpl-button--negative.xpl-button--tertiary:hover,button.xpl-button--negative.xpl-button--tertiary:hover,.xpl-button--negative.xpl-button--tertiary a:hover,.xpl-button--negative.xpl-button--tertiary button:hover,a.xpl-button--negative.xpl-button--subtle:hover,button.xpl-button--negative.xpl-button--subtle:hover,.xpl-button--negative.xpl-button--subtle a:hover,.xpl-button--negative.xpl-button--subtle button:hover,a.xpl-button--warning.xpl-button--tertiary:hover,button.xpl-button--warning.xpl-button--tertiary:hover,.xpl-button--warning.xpl-button--tertiary a:hover,.xpl-button--warning.xpl-button--tertiary button:hover,a.xpl-button--warning.xpl-button--subtle:hover,button.xpl-button--warning.xpl-button--subtle:hover,.xpl-button--warning.xpl-button--subtle a:hover,.xpl-button--warning.xpl-button--subtle button:hover{background-color:var(--xpl-background-action-tertiary-hover)}a.xpl-button--negative.xpl-button--tertiary:active,button.xpl-button--negative.xpl-button--tertiary:active,.xpl-button--negative.xpl-button--tertiary a:active,.xpl-button--negative.xpl-button--tertiary button:active,a.xpl-button--negative.xpl-button--subtle:active,button.xpl-button--negative.xpl-button--subtle:active,.xpl-button--negative.xpl-button--subtle a:active,.xpl-button--negative.xpl-button--subtle button:active,a.xpl-button--warning.xpl-button--tertiary:active,button.xpl-button--warning.xpl-button--tertiary:active,.xpl-button--warning.xpl-button--tertiary a:active,.xpl-button--warning.xpl-button--tertiary button:active,a.xpl-button--warning.xpl-button--subtle:active,button.xpl-button--warning.xpl-button--subtle:active,.xpl-button--warning.xpl-button--subtle a:active,.xpl-button--warning.xpl-button--subtle button:active{background-color:var(--xpl-background-action-tertiary-active);outline-color:var(--xpl-border-subtle);border-color:var(--xpl-border-inverse);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--negative.xpl-button--tertiary:focus-visible,button.xpl-button--negative.xpl-button--tertiary:focus-visible,.xpl-button--negative.xpl-button--tertiary a:focus-visible,.xpl-button--negative.xpl-button--tertiary button:focus-visible,a.xpl-button--negative.xpl-button--subtle:focus-visible,button.xpl-button--negative.xpl-button--subtle:focus-visible,.xpl-button--negative.xpl-button--subtle a:focus-visible,.xpl-button--negative.xpl-button--subtle button:focus-visible,a.xpl-button--warning.xpl-button--tertiary:focus-visible,button.xpl-button--warning.xpl-button--tertiary:focus-visible,.xpl-button--warning.xpl-button--tertiary a:focus-visible,.xpl-button--warning.xpl-button--tertiary button:focus-visible,a.xpl-button--warning.xpl-button--subtle:focus-visible,button.xpl-button--warning.xpl-button--subtle:focus-visible,.xpl-button--warning.xpl-button--subtle a:focus-visible,.xpl-button--warning.xpl-button--subtle button:focus-visible{outline-color:var(--xpl-border-subtle);border-color:var(--xpl-border-inverse);background-color:var(--xpl-background-action-tertiary-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--negative.xpl-button--tertiary:disabled,a.xpl-button--negative.xpl-button--tertiary:disabled:hover,button.xpl-button--negative.xpl-button--tertiary:disabled,button.xpl-button--negative.xpl-button--tertiary:disabled:hover,.xpl-button--negative.xpl-button--tertiary a:disabled,.xpl-button--negative.xpl-button--tertiary a:disabled:hover,.xpl-button--negative.xpl-button--tertiary button:disabled,.xpl-button--negative.xpl-button--tertiary button:disabled:hover,a.xpl-button--negative.xpl-button--subtle:disabled,a.xpl-button--negative.xpl-button--subtle:disabled:hover,button.xpl-button--negative.xpl-button--subtle:disabled,button.xpl-button--negative.xpl-button--subtle:disabled:hover,.xpl-button--negative.xpl-button--subtle a:disabled,.xpl-button--negative.xpl-button--subtle a:disabled:hover,.xpl-button--negative.xpl-button--subtle button:disabled,.xpl-button--negative.xpl-button--subtle button:disabled:hover,a.xpl-button--warning.xpl-button--tertiary:disabled,a.xpl-button--warning.xpl-button--tertiary:disabled:hover,button.xpl-button--warning.xpl-button--tertiary:disabled,button.xpl-button--warning.xpl-button--tertiary:disabled:hover,.xpl-button--warning.xpl-button--tertiary a:disabled,.xpl-button--warning.xpl-button--tertiary a:disabled:hover,.xpl-button--warning.xpl-button--tertiary button:disabled,.xpl-button--warning.xpl-button--tertiary button:disabled:hover,a.xpl-button--warning.xpl-button--subtle:disabled,a.xpl-button--warning.xpl-button--subtle:disabled:hover,button.xpl-button--warning.xpl-button--subtle:disabled,button.xpl-button--warning.xpl-button--subtle:disabled:hover,.xpl-button--warning.xpl-button--subtle a:disabled,.xpl-button--warning.xpl-button--subtle a:disabled:hover,.xpl-button--warning.xpl-button--subtle button:disabled,.xpl-button--warning.xpl-button--subtle button:disabled:hover{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled)}button.xpl-button__icon-position--end .xpl-button__icon,a.xpl-button__icon-position--end .xpl-button__icon,.xpl-button__icon-position--end button .xpl-button__icon,.xpl-button__icon-position--end a .xpl-button__icon{order:2}a.xpl-button--disabled,button.xpl-button--disabled,.xpl-button--disabled a,.xpl-button--disabled a:hover,.xpl-button--disabled a:focus-visible,.xpl-button--disabled a:active,a.xpl-button--link-disabled,button.xpl-button--link-disabled,.xpl-button--link-disabled a,.xpl-button--link-disabled a:hover,.xpl-button--link-disabled a:focus-visible,.xpl-button--link-disabled a:active,a.xpl-button--disabled.xpl-button--positive,button.xpl-button--disabled.xpl-button--positive,.xpl-button--disabled.xpl-button--positive a,.xpl-button--disabled.xpl-button--positive a:hover,.xpl-button--disabled.xpl-button--positive a:focus-visible,.xpl-button--disabled.xpl-button--positive a:active,a.xpl-button--disabled.xpl-button--success,button.xpl-button--disabled.xpl-button--success,.xpl-button--disabled.xpl-button--success a,.xpl-button--disabled.xpl-button--success a:hover,.xpl-button--disabled.xpl-button--success a:focus-visible,.xpl-button--disabled.xpl-button--success a:active,a.xpl-button--disabled.xpl-button--warning,button.xpl-button--disabled.xpl-button--warning,.xpl-button--disabled.xpl-button--warning a,.xpl-button--disabled.xpl-button--warning a:hover,.xpl-button--disabled.xpl-button--warning a:focus-visible,.xpl-button--disabled.xpl-button--warning a:active,a.xpl-button--disabled.xpl-button--negative,button.xpl-button--disabled.xpl-button--negative,.xpl-button--disabled.xpl-button--negative a,.xpl-button--disabled.xpl-button--negative a:hover,.xpl-button--disabled.xpl-button--negative a:focus-visible,.xpl-button--disabled.xpl-button--negative a:active,a.xpl-button--disabled.xpl-button--neutral,button.xpl-button--disabled.xpl-button--neutral,.xpl-button--disabled.xpl-button--neutral a,.xpl-button--disabled.xpl-button--neutral a:hover,.xpl-button--disabled.xpl-button--neutral a:focus-visible,.xpl-button--disabled.xpl-button--neutral a:active{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled);box-shadow:none;cursor:not-allowed;border-style:var(--tw-border-style);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-width:0}.xpl-button--full-width{width:100%;display:flex}a.xpl-button--full-width,button.xpl-button--full-width,.xpl-button--full-width a,.xpl-button--full-width button{width:100%}button.xpl-button--loading,a.xpl-button--loading,.xpl-button--loading button,.xpl-button--loading a{pointer-events:none;cursor:wait;grid-auto-flow:column;justify-content:center;align-items:center;display:inline-grid;position:relative;overflow:hidden}.xpl-button--loading .xpl-button__icon,.xpl-button--loading button>:not(.xpl-button__loading-overlay){pointer-events:none;visibility:hidden;opacity:0}.xpl-button--loading .xpl-button__loading-overlay{z-index:var(--xpl-z-index-100);background:inherit;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}button.xpl-button--loading,.xpl-button--loading button,button.xpl-button--loading.xpl-button--tertiary,.xpl-button--loading.xpl-button--tertiary button,button.xpl-button--loading.xpl-button--subtle,.xpl-button--loading.xpl-button--subtle button,button.xpl-button--loading.xpl-button--secondary,.xpl-button--loading.xpl-button--secondary button,button.xpl-button--loading.xpl-button--primary,.xpl-button--loading.xpl-button--primary button{color:#0000}.xpl-button--loading.xpl-button--tertiary .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--secondary .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--primary .xpl-button__loading-spinner{color:var(--xpl-text-inverse)}.xpl-button--loading.xpl-button--secondary.xpl-button--neutral .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--tertiary.xpl-button--neutral .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle.xpl-button--neutral .xpl-button__loading-spinner{color:var(--xpl-text-default)}.xpl-button--loading.xpl-button--secondary.xpl-button--positive .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--secondary.xpl-button--success .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--tertiary.xpl-button--positive .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--tertiary.xpl-button--success .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle.xpl-button--positive .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle.xpl-button--success .xpl-button__loading-spinner{color:var(--xpl-text-positive)}.xpl-button--loading.xpl-button--secondary.xpl-button--negative .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--secondary.xpl-button--warning .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--tertiary.xpl-button--negative .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--tertiary.xpl-button--warning .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle.xpl-button--negative .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle.xpl-button--warning .xpl-button__loading-spinner{color:var(--xpl-text-negative)}.xpl-button--loading.xpl-button--disabled .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--disabled.xpl-button--secondary .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--disabled.xpl-button--tertiary .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--disabled.xpl-button--subtle .xpl-button__loading-spinner{color:var(--xpl-icon-disabled)}.xpl-button--loading .xpl-button__loading-spinner{width:var(--xpl-size-1125);height:var(--xpl-size-1125);color:var(--xpl-text-inverse);animation:var(--animate-spin);justify-content:center;align-items:center;display:flex}.xpl-button--loading.xpl-button .xpl-button__loading-spinner xpl-icon{width:var(--xpl-size-1125);height:var(--xpl-size-1125);color:currentColor;opacity:1;visibility:visible}.xpl-button--loading.xpl-button .xpl-button__loading-spinner svg{width:100%;height:100%}.xpl-button--loading.xpl-button--sm .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--sm.xpl-button .xpl-button__loading-spinner xpl-icon,.xpl-button--loading.xpl-button--xs .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--xs.xpl-button .xpl-button__loading-spinner xpl-icon{width:var(--xpl-size-075);height:var(--xpl-size-075)}.xpl-button--loading.xpl-button--icon-only.xpl-button--sm .xpl-button__loading-spinner{width:var(--xpl-size-075);height:var(--xpl-size-075);min-width:var(--xpl-size-075);min-height:var(--xpl-size-075);overflow:hidden}.xpl-button--loading.xpl-button--icon-only.xpl-button--sm.xpl-button .xpl-button__loading-spinner xpl-icon{width:var(--xpl-size-075);height:var(--xpl-size-075);min-width:var(--xpl-size-075);min-height:var(--xpl-size-075)}.xpl-button--loading.xpl-button--icon-only.xpl-button--sm.xpl-button .xpl-button__loading-spinner xpl-icon,.xpl-button--loading.xpl-button--icon-only.xpl-button--sm.xpl-button .xpl-button__loading-spinner figure,.xpl-button--loading.xpl-button--icon-only.xpl-button--sm.xpl-button .xpl-button__loading-spinner span,.xpl-button--loading.xpl-button--icon-only.xpl-button--sm.xpl-button .xpl-button__loading-spinner svg{max-width:var(--xpl-size-075);max-height:var(--xpl-size-075)}.xpl-button--loading{pointer-events:none;cursor:wait}@media (hover:hover){.xpl-button--loading:hover{cursor:wait}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-calendar .flatpickr-calendar{box-shadow:none;border:none}.xpl-calendar-input{display:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-checkbox,.xpl-radio{border-color:var(--xpl-border-strong);border-width:var(--xpl-border-small);height:var(--xpl-size-100);min-height:var(--xpl-size-100);min-width:var(--xpl-size-100);width:var(--xpl-size-100);cursor:pointer;appearance:none;flex-shrink:0;position:relative;top:2px}.xpl-checkbox-radio-container{margin-bottom:calc(var(--spacing) * 6);display:flex}.xpl-checkbox-radio-container input+label{padding-left:var(--xpl-space-12);padding-right:var(--xpl-space-12);cursor:pointer;vertical-align:middle}.xpl-checkbox-radio-container.styled{border-color:var(--xpl-border-default);border-radius:var(--xpl-border-radius-small);border-width:var(--xpl-border-small);position:relative}.xpl-checkbox-radio-container.styled:not(.disabled):hover,.xpl-checkbox-radio-container.styled:not(.disabled):has(:focus-visible){border-color:var(--xpl-border-hover)}.xpl-checkbox-radio-container.styled input{left:var(--xpl-space-16);margin-bottom:var(--xpl-space-16);margin-top:var(--xpl-space-16);position:absolute}.xpl-checkbox-radio-container.styled label{background-color:var(--xpl-background-surface-default);border-radius:var(--xpl-border-radius-small);padding-bottom:var(--xpl-space-16);padding-left:calc(var(--xpl-space-16) + var(--xpl-size-100) + var(--xpl-space-12));padding-right:var(--xpl-space-12);padding-top:var(--xpl-space-16);width:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:block}.xpl-checkbox-radio-container.styled input:checked+label,.xpl-checkbox-radio-container.styled .xpl-checkbox:indeterminate+label{background-color:var(--xpl-background-surface-information)}.xpl-checkbox-radio-container.styled .xpl-checkbox:disabled+label,.xpl-checkbox-radio-container.styled .xpl-radio:disabled+label,.xpl-checkbox-radio-container.styled .xpl-checkbox:disabled:indeterminate+label{background-color:var(--xpl-background-action-disabled)}.xpl-checkbox{background-color:var(--xpl-background-surface-default);border-radius:var(--xpl-border-radius-small);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.xpl-checkbox:hover,.xpl-checkbox:checked,.xpl-checkbox:indeterminate{border-color:var(--xpl-border-hover)}.xpl-checkbox:checked,.xpl-checkbox:indeterminate{background-color:var(--xpl-background-action-primary-default)}.xpl-checkbox:focus-visible{outline-color:var(--xpl-border-focus);outline-style:solid;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.xpl-checkbox:disabled{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-border-default);cursor:not-allowed}.xpl-checkbox:disabled:checked,.xpl-checkbox:disabled:indeterminate{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-border-default)}.xpl-checkbox:after{content:"";height:var(--xpl-size-100);width:var(--xpl-size-100);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:block}.xpl-checkbox:indeterminate:after,.xpl-checkbox:checked:after{background-color:var(--xpl-text-inverse);opacity:1;-webkit-mask-position:calc(50% - 1px) calc(50% - 1px);mask-position:calc(50% - 1px) calc(50% - 1px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.xpl-checkbox:indeterminate:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5L10 2.5L10 4.5L0 4.5Z' fill='white'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5L10 2.5L10 4.5L0 4.5Z' fill='white'/%3E%3C/svg%3E%0A")}.xpl-checkbox:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37866 7.6145C4.57397 7.80981 4.90601 7.80981 5.10132 7.6145L10.8435 1.87231C11.0388 1.677 11.0388 1.34497 10.8435 1.14966L10.1404 0.446533C9.94507 0.251221 9.63257 0.251221 9.43726 0.446533L4.74976 5.13403L2.54272 2.94653C2.34741 2.75122 2.03491 2.75122 1.8396 2.94653L1.13647 3.64966C0.941162 3.84497 0.941162 4.177 1.13647 4.37231L4.37866 7.6145Z' fill='white'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37866 7.6145C4.57397 7.80981 4.90601 7.80981 5.10132 7.6145L10.8435 1.87231C11.0388 1.677 11.0388 1.34497 10.8435 1.14966L10.1404 0.446533C9.94507 0.251221 9.63257 0.251221 9.43726 0.446533L4.74976 5.13403L2.54272 2.94653C2.34741 2.75122 2.03491 2.75122 1.8396 2.94653L1.13647 3.64966C0.941162 3.84497 0.941162 4.177 1.13647 4.37231L4.37866 7.6145Z' fill='white'/%3E%3C/svg%3E%0A")}.xpl-checkbox:disabled:checked:after,.xpl-checkbox:disabled:indeterminate:after{background-color:var(--xpl-icon-disabled)}.xpl-radio{border-radius:3.40282e38px;transition-property:border;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.xpl-radio:checked{border-width:5px}.xpl-radio:hover,.xpl-radio:active,.xpl-radio:checked{border-color:var(--xpl-border-hover)}.xpl-radio:focus-visible{outline-color:var(--xpl-border-focus);outline-style:solid;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.xpl-radio:disabled{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-border-default);cursor:not-allowed}.xpl-radio:disabled:checked{background-color:var(--xpl-background-surface-default);border-color:var(--xpl-border-default)}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-choicelist-heading{margin-bottom:var(--xpl-space-8)}.xpl-choicelist-heading>h3{color:var(--xpl-text-strong);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);margin:0;line-height:1.4286}.xpl-choicelist-heading>p{color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-callout);margin:0;font-weight:400;line-height:1.3333}.xpl-choicelist{margin:0;padding:0;display:block}.xpl-choicelist li{margin-bottom:var(--xpl-space-16)}.xpl-choicelist .xpl-checkbox-radio-container{margin-bottom:0}.xpl-choicelist--styled{border-color:var(--xpl-border-default);border-radius:var(--xpl-border-radius-small);border-style:solid;border-width:var(--xpl-border-small);overflow:hidden}.xpl-choicelist--styled .xpl-radio-container,.xpl-choicelist--styled .xpl-checkbox-container{margin-bottom:0}.xpl-choicelist--styled li{border-bottom-color:var(--xpl-border-default);border-bottom-style:solid;border-bottom-width:var(--xpl-border-small);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));margin-bottom:0;display:block;position:relative}.xpl-choicelist--styled li:last-child{border-bottom-width:var(--xpl-border-none)}.xpl-choicelist--styled li.selected{background-color:var(--xpl-background-surface-information)}.xpl-choicelist--styled input{margin-bottom:var(--xpl-space-16);margin-left:var(--xpl-space-16);margin-top:var(--xpl-space-16);position:absolute}.xpl-choicelist--styled label{padding-bottom:var(--xpl-space-16);padding-right:var(--xpl-space-12);padding-top:var(--xpl-space-16);width:100%;display:block}.xpl-choicelist--styled .xpl-checkbox+label,.xpl-choicelist--styled .xpl-radio+label{padding-left:calc(var(--xpl-space-16) + var(--xpl-size-100) + var(--xpl-space-12))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-content-area-wrapper{background-color:var(--xpl-background-surface-subtlest);min-width:0;height:100%;color:var(--xpl-text-default)}.xpl-content-area-wrapper__wide .xpl-content-area{padding:calc(var(--spacing) * 6)}@media (min-width:48rem){.xpl-content-area-wrapper__wide .xpl-content-area{padding:calc(var(--spacing) * 8)}}.xpl-content-area-wrapper__narrow{grid-template-columns:minmax(15%,auto) minmax(auto,840px) minmax(15%,auto);grid-template-areas:".content."}.xpl-content-area-wrapper__narrow .xpl-content-area{padding-block:calc(var(--spacing) * 20);grid-column:2/span 1}@media (max-width:1023px){.xpl-content-area-wrapper__narrow .xpl-content-area{grid-template-columns:none;padding:0}.xpl-content-area-wrapper__narrow{padding:calc(var(--spacing) * 6);grid-template-rows:none;grid-template-columns:none}}.xpl-content-area-wrapper__narrow{grid-auto-flow:column;justify-items:center;display:grid}.xpl-content-area-wrapper__full{max-width:none;padding:calc(var(--spacing) * 6)}@media (min-width:40rem){.xpl-content-area-wrapper__full{padding:calc(var(--spacing) * 8)}}@media (min-width:64rem){.xpl-content-area-wrapper__full{padding:0}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-dashboard{gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-data-card{background-color:var(--xpl-background-surface-default);border-color:var(--xpl-border-default);color:var(--xpl-text-default);border-radius:var(--radius-md);border-style:var(--tw-border-style);min-width:10.875rem;max-width:37rem;padding:calc(var(--spacing) * 4);--tw-duration:.1s;--tw-ease:var(--ease-in-out);transition-duration:.1s;transition-timing-function:var(--ease-in-out);border-width:1px;flex-direction:column;flex-grow:1;flex-basis:21%;display:flex;position:relative;container:card/inline-size}.xpl-data-card__anchor{border-color:var(--xpl-border-default);border-radius:.375rem;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.xpl-data-card__anchor span{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.xpl-data-card__anchor:active{border-color:var(--xpl-background-action-primary-default)}.xpl-data-card__anchor:hover{border-radius:var(--xpl-border-radius-default);border:var(--xpl-border-small) solid var(--xpl-background-action-primary-default);box-shadow:0 4px 6px -1px var(--xpl-background-surface-transparent-10), 0 2px 4px -1px var(--xpl-background-surface-transparent-5)}.xpl-data-card__anchor:focus-visible{border-radius:var(--xpl-border-radius-default);border:var(--xpl-border-small) solid var(--xpl-border-focus);outline-color:var(--xpl-border-focus);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.xpl-data-card__header{color:var(--xpl-text-default);margin-bottom:var(--xpl-space-4);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);justify-content:space-between;align-self:stretch;align-items:flex-start;line-height:1.4286;display:flex}.xpl-data-card__header header{align-items:center;gap:calc(var(--spacing) * 1.5);align-self:stretch;display:flex}.xpl-data-card__header [slot=title]{align-items:center;display:flex}.xpl-data-card__header-arrow{color:var(--xpl-icon-default)}.xpl-data-card [class^=xpl-data-card__icon]{margin-right:var(--xpl-space-6)}.xpl-data-card__icon--primary .xpl-icon{color:var(--xpl-icon-brand)}.xpl-data-card__icon--secondary .xpl-icon{color:var(--xpl-background-action-primary-default)}.xpl-data-card__body{gap:calc(var(--spacing) * 1.5);width:calc(100% - 16px);height:100%;margin-inline-start:0;display:flex}.xpl-data-card__left,.xpl-data-card__right{flex:50%;display:flex}.xpl-data-card__left{flex-wrap:wrap;align-items:stretch;height:100%;display:flex}.xpl-data-card__left>*{width:100%}.xpl-data-card-stat--small{color:var(--xpl-text-default);font-size:var(--xpl-font-size-callout);font-weight:var(--xpl-font-weight-semibold);align-items:center;gap:var(--spacing);line-height:1.3333;display:flex}.xpl-data-card-stat--short abbr[title]{text-decoration:none}.xpl-data-card-stat--long,.xpl-data-card-stat--short{color:var(--xpl-text-default);margin-bottom:var(--xpl-space-4);font-size:var(--xpl-font-size-display-3);font-weight:var(--xpl-font-weight-semibold);line-height:1.2}.xpl-data-card__detail{color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-callout);align-self:flex-end;font-weight:400;line-height:1.3333}.xpl-data-card .positive{color:var(--xpl-text-positive)}.xpl-data-card .negative{color:var(--xpl-text-negative)}.xpl-data-card .neutral{color:var(--xpl-text-subdued)}@media (max-width:640px){.xpl-data-card{flex-basis:42%}}@container card (max-width:212px){.xpl-data-card dd{font-size:var(--xpl-font-size-title-2);line-height:1.3333}}@container card (max-width:441px){.xpl-data-card-stat--long{display:none}}@container card (min-width:441px){.xpl-data-card-stat--short{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-divider{border-bottom-width:var(--xpl-border-small);border-bottom-style:solid;border-bottom-color:var(--xpl-border-default);color:var(--xpl-text-default);font-size:var(--xpl-font-size-body);margin-bottom:var(--xpl-space-16);padding-bottom:var(--xpl-space-4);display:block}.xpl-divider--3{font-size:var(--xpl-font-size-title-3);font-weight:var(--xpl-font-weight-bold);line-height:1.4}.xpl-divider--2{font-size:var(--xpl-font-size-title-4);font-weight:var(--xpl-font-weight-medium);line-height:1.5}.xpl-divider--1{font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);line-height:1.4286}.xpl-divider--0{padding-bottom:var(--xpl-space-0)}.xpl-divider--0 span{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-dropdown{background-color:var(--xpl-background-surface-default);color:var(--xpl-text-default);border:var(--xpl-border-small) solid var(--xpl-border-default);border-radius:var(--xpl-border-radius-small);pointer-events:none;--tw-translate-y:calc(var(--spacing) * -2);width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);opacity:0;--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute;overflow:hidden}.xpl-dropdown--open{pointer-events:auto;z-index:50;--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y);opacity:1}.xpl-dropdown--anchor-to-trigger{will-change:transform;--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y);margin:0;position:fixed;transform:none}.xpl-dropdown--above{margin-top:0;margin-bottom:var(--spacing)}.xpl-dropdown--anchor-to-trigger.xpl-dropdown--above{margin:0}.xpl-dropdown-list{--xpl-dropdown-list-max-height:300px;max-height:var(--xpl-dropdown-list-max-height);height:100%;overflow-y:auto}.xpl-dropdown-list-item{list-style:none}.xpl-dropdown__virtual-sizer{margin:0;padding:0;list-style:none;position:relative}.xpl-dropdown-option{color:var(--xpl-text-default);cursor:pointer;width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);text-align:left;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));display:block}.xpl-dropdown--virtualized .xpl-dropdown-option{box-sizing:border-box;align-items:center;padding-block:0;display:flex;overflow:hidden}.xpl-dropdown-option--virtual{inset-inline:0;width:100%;height:45px;position:absolute;top:0}.xpl-dropdown-option:not(.xpl-dropdown-option--disabled):focus{background-color:var(--xpl-background-action-tertiary-hover);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.xpl-dropdown-option:not(.xpl-dropdown-option--disabled):focus{outline-offset:2px;outline:2px solid #0000}}.xpl-dropdown-option:not(.xpl-dropdown-option--disabled):not(.xpl-dropdown-option--selected):hover{background-color:var(--xpl-background-surface-subtlest)}.xpl-dropdown-option--disabled,.xpl-dropdown-option--disabled [disabled]{touch-action:none;pointer-events:none}.xpl-dropdown-option--disabled{cursor:not-allowed;opacity:.6}.xpl-dropdown-option--selected{background-color:var(--xpl-background-surface-information);border-right:calc(2 * var(--xpl-border-large)) solid var(--xpl-background-action-primary-default)}.xpl-dropdown-list-item__icon{color:var(--xpl-icon-default)}.xpl-dropdown-list-item__subtitle{font-size:var(--xpl-font-size-callout);color:var(--xpl-text-subdued);font-weight:400;line-height:1.3333;display:block}.xpl-dropdown.xpl-dropdown--multi .xpl-dropdown-option--selected{border-style:var(--tw-border-style);border-width:0;position:relative}.xpl-dropdown.xpl-dropdown--multi .xpl-dropdown-option--selected:after{content:"";top:50%;right:var(--xpl-space-16);width:var(--xpl-size-075);height:var(--xpl-size-075);background-color:var(--xpl-icon-information);position:absolute;transform:translateY(-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6C12 9.31372 9.31372 12 6 12C2.68628 12 0 9.31372 0 6C0 2.68628 2.68628 0 6 0C9.31372 0 12 2.68628 12 6ZM5.30598 9.17695L9.7576 4.72534C9.90876 4.57418 9.90876 4.32907 9.7576 4.17791L9.21017 3.63048C9.05901 3.4793 8.8139 3.4793 8.66272 3.63048L5.03226 7.26092L3.33728 5.56594C3.18612 5.41478 2.94102 5.41478 2.78983 5.56594L2.2424 6.11337C2.09124 6.26453 2.09124 6.50964 2.2424 6.6608L4.75853 9.17693C4.90972 9.32811 5.1548 9.32811 5.30598 9.17695V9.17695Z' fill='white'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6C12 9.31372 9.31372 12 6 12C2.68628 12 0 9.31372 0 6C0 2.68628 2.68628 0 6 0C9.31372 0 12 2.68628 12 6ZM5.30598 9.17695L9.7576 4.72534C9.90876 4.57418 9.90876 4.32907 9.7576 4.17791L9.21017 3.63048C9.05901 3.4793 8.8139 3.4793 8.66272 3.63048L5.03226 7.26092L3.33728 5.56594C3.18612 5.41478 2.94102 5.41478 2.78983 5.56594L2.2424 6.11337C2.09124 6.26453 2.09124 6.50964 2.2424 6.6608L4.75853 9.17693C4.90972 9.32811 5.1548 9.32811 5.30598 9.17695V9.17695Z' fill='white'/%3E%3C/svg%3E%0A");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.xpl-dropdown-heading{color:var(--xpl-text-default);border-bottom:var(--xpl-border-small) solid var(--xpl-border-default);font-size:var(--xpl-font-size-callout);font-weight:var(--xpl-font-weight-semibold);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 4);line-height:1.3333;display:block}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-dynamic-table-cell{border-right-style:var(--tw-border-style);border-right-width:1px;border-bottom-style:var(--tw-border-style);vertical-align:middle;padding:calc(var(--spacing) * 4);text-align:left;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;height:var(--xpl-size-350);min-width:var(--xpl-size-300);border-bottom-width:1px;border-color:var(--xpl-border-default);background-color:var(--xpl-background-surface-default);color:var(--xpl-text-default);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);justify-content:center;align-items:center;line-height:1.4286;display:flex;overflow:hidden}.xpl-dynamic-table-cell .xpl-checkbox-radio-container{margin-bottom:var(--spacing)}.xpl-dynamic-table-cell .xpl-checkbox-radio-container .xpl-label{padding:0}.xpl-dynamic-table-cell xpl-avatar{padding-right:calc(var(--spacing) * 2)}.xpl-dynamic-table-cell xpl-icon{color:var(--xpl-icon-default)}.xpl-dynamic-table-cell button[dropdown]{width:100%;height:100%;padding:calc(var(--spacing) * 4);--tw-outline-style:none;outline-style:none;flex-direction:row;justify-content:center;align-items:center;display:flex}@media (forced-colors:active){.xpl-dynamic-table-cell button[dropdown]{outline-offset:2px;outline:2px solid #0000}}.xpl-dynamic-table-cell button[dropdown] xpl-icon{margin-left:calc(var(--spacing) * 2)}.xpl-dynamic-table-cell button[dropdown]:focus-visible{box-shadow:inset 0 0 0 1px var(--xpl-border-focus)}.xpl-dynamic-table-cell button[dropdown]:disabled{cursor:not-allowed}.xpl-dynamic-table-cell span:not(button[dropdown] span){-webkit-line-clamp:2;text-wrap:wrap;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;-webkit-box-orient:vertical;margin-right:auto;display:-webkit-box;overflow:hidden}.xpl-dynamic-table-cell:has(button[dropdown]){padding:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-dynamic-table-row{display:contents}.xpl-dynamic-table-row>:first-child{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--xpl-border-default)}.xpl-dynamic-table-row.selected .xpl-dynamic-table-cell{background-color:var(--xpl-background-surface-information)}.xpl-dynamic-table-row.disabled .xpl-dynamic-table-cell{background-color:var(--xpl-background-surface-subtlest);color:var(--xpl-text-disabled)}.xpl-dynamic-table-row.disabled .xpl-dynamic-table-cell .xpl-badge{color:var(--xpl-text-disabled)}.xpl-dynamic-table-row.disabled .xpl-dynamic-table-cell xpl-icon{color:var(--xpl-icon-disabled)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */xpl-dynamic-table{--xpl-column-widths:none}.xpl-dynamic-table{display:grid}.xpl-dynamic-table>*{grid-template-columns:var(--xpl-column-widths);display:grid}.xpl-dynamic-table--accordion,.xpl-dynamic-table--accordion>[slot=body]{row-gap:var(--xpl-space-8)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-grid{flex-wrap:wrap;width:100%;display:flex}.xpl-grid-item{margin-right:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 6);flex-shrink:0}@media screen and (max-width:639px){.xpl-grid-item-xs-1{flex:0 0 calc(16.667% - 20px)}.xpl-grid-item-xs-2{flex:0 0 calc(33.333% - 16px)}.xpl-grid-item-xs-3{flex:0 0 calc(50% - 12px)}.xpl-grid-item-xs-4{flex:0 0 calc(66.667% - 8px)}.xpl-grid-item-xs-5{flex:0 0 calc(83.333% - 4px)}.xpl-grid-item-xs-6{flex:0 0 100%}.xpl-grid-item-xs-last{margin-right:0}}@media screen and (min-width:640px) and (max-width:1023px){.xpl-grid-item-sm-1{flex:0 0 calc(16.667% - 20px)}.xpl-grid-item-sm-2{flex:0 0 calc(33.333% - 16px)}.xpl-grid-item-sm-3{flex:0 0 calc(50% - 12px)}.xpl-grid-item-sm-4{flex:0 0 calc(66.667% - 8px)}.xpl-grid-item-sm-5{flex:0 0 calc(83.333% - 4px)}.xpl-grid-item-sm-6{flex:0 0 100%}.xpl-grid-item-sm-last{margin-right:0}}@media screen and (min-width:1024px) and (max-width:1279px){.xpl-grid-item-md-1{flex:0 0 calc(16.667% - 20px)}.xpl-grid-item-md-2{flex:0 0 calc(33.333% - 16px)}.xpl-grid-item-md-3{flex:0 0 calc(50% - 12px)}.xpl-grid-item-md-4{flex:0 0 calc(66.667% - 8px)}.xpl-grid-item-md-5{flex:0 0 calc(83.333% - 4px)}.xpl-grid-item-md-6{flex:0 0 100%}.xpl-grid-item-md-last{margin-right:0}}@media screen and (min-width:1280px){.xpl-grid-item-lg-1{flex:0 0 calc(16.667% - 20px)}.xpl-grid-item-lg-2{flex:0 0 calc(33.333% - 16px)}.xpl-grid-item-lg-3{flex:0 0 calc(50% - 12px)}.xpl-grid-item-lg-4{flex:0 0 calc(66.667% - 8px)}.xpl-grid-item-lg-5{flex:0 0 calc(83.333% - 4px)}.xpl-grid-item-lg-6{flex:0 0 100%}.xpl-grid-item-lg-last{margin-right:0}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-header-accordion{--xpl-column-widths:inherit;grid-column:1/-1}.xpl-header-accordion .header-accordion{border-style:var(--tw-border-style);width:100%;padding-left:calc(var(--spacing) * 4);min-height:var(--xpl-size-350);background-color:var(--xpl-background-surface-subtlest);border-width:1px;border-color:var(--xpl-border-default);color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);flex-direction:row;align-items:center;line-height:1.4286;display:flex}.xpl-header-accordion .header-accordion--collapsed{border-radius:var(--xpl-border-radius-default)}.xpl-header-accordion .header-accordion--expanded{border-top-left-radius:var(--xpl-border-radius-default);border-top-right-radius:var(--xpl-border-radius-default)}.xpl-header-accordion .header-accordion .xpl-checkbox-radio-container{margin-right:calc(var(--spacing) * 4);margin-bottom:var(--spacing)}.xpl-header-accordion .header-accordion .xpl-checkbox-radio-container .xpl-label{padding:0}.xpl-header-accordion .header-accordion .toggle-area{width:100%;padding-block:calc(var(--spacing) * 4);padding-right:0;padding-left:calc(var(--spacing) * 4);text-align:left;text-wrap:wrap;flex-direction:row;align-items:center;display:flex}.xpl-header-accordion .header-accordion .toggle-area:focus-visible{outline-color:var(--xpl-border-focus)}.xpl-header-accordion .header-accordion .toggle-area xpl-icon{margin-right:calc(var(--spacing) * 4);color:var(--xpl-icon-default);margin-left:auto;transition:transform .2s}.xpl-header-accordion .header-accordion .toggle-area xpl-icon.rotate{transform:rotate(-180deg)}.xpl-header-accordion .content--hidden{display:none}.xpl-header-accordion .content--shown>*{grid-template-columns:var(--xpl-column-widths);display:grid}.xpl-header-accordion .content--shown>*>xpl-dynamic-table-row:last-child>xpl-dynamic-table-cell:first-child,.xpl-header-accordion .content--shown>xpl-dynamic-table-row:last-child>xpl-dynamic-table-cell:first-child{border-bottom-left-radius:var(--xpl-border-radius-default)}.xpl-header-accordion .content--shown>*>xpl-dynamic-table-row:last-child>xpl-dynamic-table-cell:last-child,.xpl-header-accordion .content--shown>xpl-dynamic-table-row:last-child>xpl-dynamic-table-cell:last-child{border-bottom-right-radius:var(--xpl-border-radius-default)}.xpl-header-accordion .content{border-inline-style:var(--tw-border-style);border-inline-width:1px;border-bottom-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing) * 4);border-bottom-left-radius:var(--xpl-border-radius-default);border-bottom-right-radius:var(--xpl-border-radius-default);background-color:var(--xpl-background-surface-default);border-bottom-width:1px;border-color:var(--xpl-border-default);color:var(--xpl-text-link-default)}.xpl-header-accordion ::slotted([slot=content]){grid-template-columns:var(--xpl-column-widths);display:grid}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-icon__wrapper{margin:0}.xpl-icon__wrapper--with-background{color:var(--xpl-icon-default)}.xpl-icon__wrapper--with-background--orange{background-color:var(--xpl-color-orange-50)}.xpl-icon__wrapper--with-background--purple{background-color:var(--xpl-color-purple-50)}.xpl-icon__wrapper--with-background--red{background-color:var(--xpl-color-red-50)}.xpl-icon__wrapper--with-background--yellow{background-color:var(--xpl-color-yellow-50)}.xpl-icon__wrapper--with-background--gray{background-color:var(--xpl-color-neutral-50)}.xpl-icon__wrapper--with-background{border-radius:var(--radius-md);padding:var(--spacing)}.xpl-icon__wrapper figcaption{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dark .xpl-icon__wrapper--with-background--orange{background-color:var(--xpl-color-orange-900)}.dark .xpl-icon__wrapper--with-background--purple{background-color:var(--xpl-color-purple-900)}.dark .xpl-icon__wrapper--with-background--red{background-color:var(--xpl-color-red-900)}.dark .xpl-icon__wrapper--with-background--yellow{background-color:var(--xpl-color-yellow-900)}.dark .xpl-icon__wrapper--with-background--gray{background-color:var(--xpl-color-neutral-900)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-input-color__display{height:var(--xpl-size-250);border-color:var(--xpl-border-default);color:var(--xpl-text-default);font-family:var(--xpl-font-family-default);cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-md);border-style:var(--tw-border-style);width:280px;min-width:200px;padding-inline:calc(var(--spacing) * 3);border-width:1px;display:flex;position:relative;overflow:hidden}.xpl-input-color__display--disabled{background-color:var(--xpl-background-action-disabled);pointer-events:none;cursor:not-allowed}.xpl-input-color__display--error{border-color:var(--xpl-border-negative)}.xpl-input-color__icon{color:var(--xpl-icon-default);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-in-out);transition-duration:.2s;transition-timing-function:var(--ease-in-out)}.xpl-input-color__icon:hover{color:var(--xpl-background-action-primary-default)}.xpl-input-color__color{border-color:var(--xpl-border-default);height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);border-radius:var(--radius-sm);border-style:var(--tw-border-style);border-width:1px;flex-shrink:0}.xpl-input-color__placeholder{color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-body);font-weight:var(--xpl-font-weight-normal);flex-grow:1;line-height:1.4286}.xpl-input-color__value{font-size:var(--xpl-font-size-body);font-weight:var(--xpl-font-weight-normal);flex-grow:1;line-height:1.4286}.xpl-input-color__menu{width:calc(var(--spacing) * 72);gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.xpl-input-color__inputs{gap:var(--spacing);display:flex}.xpl-input-color__inputs>:first-child{flex-shrink:0;flex-basis:calc(var(--spacing) * 20)}.xpl-input-color__inputs .xpl-input-wrapper{padding-left:calc(var(--spacing) * 2)}.xpl-input-color__slider{margin-bottom:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);cursor:pointer;appearance:none;border-radius:var(--radius-sm);--tw-outline-style:none;outline-style:none;width:100%}@media (forced-colors:active){.xpl-input-color__slider{outline-offset:2px;outline:2px solid #0000}}.xpl-input-color__sl-grid{border-color:var(--xpl-border-subtle);height:calc(var(--spacing) * 40);cursor:crosshair;border-radius:var(--radius-sm);border-style:var(--tw-border-style);-webkit-user-select:none;user-select:none;border-width:1px;position:relative}.xpl-input-color__sl-thumb{border-color:var(--xpl-color-neutral-0);box-shadow:0 0 0 1.5px var(--xpl-color-neutral-0), inset 0 0 1px 1px var(--xpl-color-neutral-600), 0 0 1px 2px var(--xpl-color-neutral-600);pointer-events:none;height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:2px;border-radius:3.40282e38px;position:absolute;transform:translate(-50%,-50%)}.xpl-input-color__grid{gap:calc(var(--spacing) * 2);border-radius:var(--radius-sm);grid-template-columns:40px 1fr;grid-template-areas:"preview hue""preview alpha";display:grid}.xpl-input-color__grid input{height:calc(var(--spacing) * 4);appearance:none;background-color:#0000;border-radius:3.40282e38px;padding:0;position:relative}.xpl-input-color__grid input::-webkit-slider-runnable-track{border-color:var(--xpl-border-subtle);border-style:var(--tw-border-style);--tw-border-style:solid;background-color:#0000;border-style:solid;border-width:1px;border-radius:3.40282e38px}.xpl-input-color__grid input::-webkit-slider-thumb{border-color:var(--xpl-color-neutral-0);box-shadow:inset 0 0 1px 1px var(--xpl-color-neutral-600), 0 0 1px 1px var(--xpl-color-neutral-600);box-sizing:border-box;height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);appearance:none;border-style:var(--tw-border-style);--tw-border-style:solid;background-color:#0000;border-style:solid;border-width:4px;border-radius:3.40282e38px;padding:0}.xpl-input-color__grid input::-moz-range-track{border-color:var(--xpl-border-subtle);height:calc(var(--spacing) * 4);border-style:var(--tw-border-style);--tw-border-style:solid;background-color:#0000;border-style:solid;border-width:1px;border-radius:3.40282e38px}.xpl-input-color__grid input::-moz-range-thumb{border-color:var(--xpl-color-neutral-0);box-shadow:inset 0 0 1px 1px var(--xpl-color-neutral-600), 0 0 1px 1px var(--xpl-color-neutral-600);box-sizing:border-box;height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);appearance:none;border-style:var(--tw-border-style);--tw-border-style:solid;background-color:#0000;border-style:solid;border-width:4px;border-radius:3.40282e38px;padding:0}.xpl-input-color__hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);grid-area:hue}.xpl-input-color__alpha{height:calc(var(--spacing) * 4);background-position:0 0,0 0,0 4px,4px -4px,-4px 0;background-repeat:repeat;background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;grid-area:alpha;position:relative}.xpl-input-color__preview{border-color:var(--xpl-border-subtle);height:calc(var(--spacing) * 10);border-radius:var(--radius-xs);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;grid-area:preview}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-input-date--flatpickr-static .xpl-input-wrapper{overflow:visible}.xpl-input-date--mode-range .xpl-input-wrapper{min-width:calc(var(--spacing) * 60)}.xpl-input-date--error .xpl-input-wrapper{border-color:var(--xpl-border-negative)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-input-file{gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.xpl-input-file__trigger-wrapper{display:flex}.xpl-input-file__trigger-wrapper--input{width:100%;position:relative}.xpl-input-file__trigger-wrapper--hidden{display:none}.xpl-input-file--disabled .xpl-input-file__trigger-wrapper{cursor:not-allowed}.xpl-input-file input[type=file]{display:none}.xpl-input-file__file-list{color:var(--xpl-text-default);flex-direction:column;justify-content:center;display:flex}.xpl-input-file__file-item{align-items:center;gap:calc(var(--spacing) * 4);display:flex}.xpl-input-file__file-name{font-size:var(--xpl-font-size-callout);font-weight:400;line-height:1.3333}.xpl-input-file__accept{color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-caption);flex-basis:100%;font-weight:400;line-height:1.4}.xpl-input-file__remove-icon{color:var(--xpl-icon-default);margin-right:calc(var(--spacing) * 2);cursor:pointer}.xpl-input-file--disabled{opacity:.5}
|