@scania/tegel 1.18.0-beta.0 → 1.18.0-beta.2
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/dist/cjs/findClosestComponent-64302a79.js +14 -0
- package/dist/cjs/getDirectChildHTMLElementOfKind-6e210da2.js +11 -0
- package/dist/cjs/index-ca8040ad.js +58 -46
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tagName-3399a06c.js +120 -0
- package/dist/cjs/tds-accordion-item.cjs.entry.js +7 -4
- package/dist/cjs/tds-badge.cjs.entry.js +1 -1
- package/dist/cjs/tds-banner.cjs.entry.js +5 -3
- package/dist/cjs/tds-block.cjs.entry.js +2 -2
- package/dist/cjs/tds-body-cell.cjs.entry.js +5 -3
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/tds-button.cjs.entry.js +3 -3
- package/dist/cjs/tds-card.cjs.entry.js +4 -2
- package/dist/cjs/tds-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/tds-chip.cjs.entry.js +1 -1
- package/dist/cjs/tds-core-header-item.cjs.entry.js +20 -0
- package/dist/cjs/tds-datetime.cjs.entry.js +6 -3
- package/dist/cjs/tds-divider.cjs.entry.js +1 -1
- package/dist/cjs/tds-dropdown-option.cjs.entry.js +95 -0
- package/dist/cjs/{tds-dropdown_2.cjs.entry.js → tds-dropdown.cjs.entry.js} +12 -98
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +4 -2
- package/dist/cjs/tds-footer-group.cjs.entry.js +6 -4
- package/dist/cjs/tds-footer-item.cjs.entry.js +6 -2
- package/dist/cjs/tds-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-cell.cjs.entry.js +9 -4
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +4 -4
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +5 -3
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +4 -2
- package/dist/cjs/{tds-core-header-item_2.cjs.entry.js → tds-header-item.cjs.entry.js} +6 -17
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +4 -2
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +4 -4
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +4 -1
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +4 -1
- package/dist/cjs/tds-header-launcher.cjs.entry.js +6 -3
- package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header.cjs.entry.js +2 -15
- package/dist/cjs/tds-icon.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +4 -2
- package/dist/cjs/tds-link.cjs.entry.js +2 -2
- package/dist/cjs/tds-message.cjs.entry.js +6 -3
- package/dist/cjs/tds-modal.cjs.entry.js +3 -1
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -2
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +4 -2
- package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/tds-popover-menu.cjs.entry.js +5 -3
- package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +3 -1
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +8 -5
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +7 -5
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +5 -3
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +7 -4
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +8 -5
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-user-image.cjs.entry.js +22 -0
- package/dist/cjs/tds-side-menu-user-label.cjs.entry.js +22 -0
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +5 -2
- package/dist/cjs/tds-slider.cjs.entry.js +11 -8
- package/dist/cjs/tds-step.cjs.entry.js +7 -4
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +8 -5
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +12 -9
- package/dist/cjs/tds-table-body-row.cjs.entry.js +6 -3
- package/dist/cjs/tds-table-body.cjs.entry.js +12 -6
- package/dist/cjs/tds-table-footer.cjs.entry.js +12 -8
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +8 -5
- package/dist/cjs/tds-table-header.cjs.entry.js +13 -7
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +6 -3
- package/dist/cjs/tds-table.cjs.entry.js +13 -9
- package/dist/cjs/tds-text-field.cjs.entry.js +8 -6
- package/dist/cjs/tds-textarea.cjs.entry.js +6 -3
- package/dist/cjs/tds-toast.cjs.entry.js +9 -6
- package/dist/cjs/tds-tooltip.cjs.entry.js +4 -2
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion-item/accordion-item.css +1 -6
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +6 -3
- package/dist/collection/components/badge/badge.js +1 -1
- package/dist/collection/components/banner/banner.css +1 -1
- package/dist/collection/components/banner/banner.js +4 -2
- package/dist/collection/components/block/block.js +2 -2
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +1 -1
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +1 -1
- package/dist/collection/components/button/button.css +58 -187
- package/dist/collection/components/button/button.js +2 -2
- package/dist/collection/components/card/card.js +4 -2
- package/dist/collection/components/checkbox/checkbox.js +2 -2
- package/dist/collection/components/chip/chip.js +1 -1
- package/dist/collection/components/datetime/datetime.css +2 -2
- package/dist/collection/components/datetime/datetime.js +6 -3
- package/dist/collection/components/divider/divider.js +1 -1
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +7 -7
- package/dist/collection/components/dropdown/dropdown.css +3 -3
- package/dist/collection/components/dropdown/dropdown.js +11 -8
- package/dist/collection/components/footer/footer-group/footer-group.css +2 -2
- package/dist/collection/components/footer/footer-group/footer-group.js +5 -3
- package/dist/collection/components/footer/footer-item/footer-item.js +5 -2
- package/dist/collection/components/footer/footer.js +1 -1
- package/dist/collection/components/header/core-header-item/core-header-item.js +1 -1
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.css +3 -3
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +1 -1
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +5 -3
- package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +2 -2
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -2
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +1 -1
- package/dist/collection/components/header/header-hamburger/header-hamburger.css +3 -3
- package/dist/collection/components/header/header-hamburger/header-hamburger.js +3 -1
- package/dist/collection/components/header/header-item/header-item.js +6 -3
- package/dist/collection/components/header/header-launcher/header-launcher.js +6 -3
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.css +1 -1
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +3 -1
- package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +1 -1
- package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +1 -1
- package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +1 -1
- package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +4 -1
- package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +4 -1
- package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +1 -1
- package/dist/collection/components/header/header-title/header-title.js +1 -1
- package/dist/collection/components/header/header.css +7 -7
- package/dist/collection/components/header/header.js +1 -14
- package/dist/collection/components/icon/icon.js +1 -1
- package/dist/collection/components/link/link.js +2 -2
- package/dist/collection/components/message/message.css +5 -5
- package/dist/collection/components/message/message.js +5 -2
- package/dist/collection/components/modal/modal.js +3 -1
- package/dist/collection/components/popover-canvas/popover-canvas.js +4 -2
- package/dist/collection/components/popover-core/popover-core.js +1 -1
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.css +2 -2
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
- package/dist/collection/components/popover-menu/popover-menu.css +1 -5
- package/dist/collection/components/popover-menu/popover-menu.js +4 -2
- package/dist/collection/components/radio-button/radio-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +3 -1
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +8 -5
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +7 -4
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +4 -3
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +6 -5
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +1 -1
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +6 -4
- package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.css +1 -1
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +4 -1
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
- package/dist/collection/components/slider/slider.css +5 -5
- package/dist/collection/components/slider/slider.js +11 -8
- package/dist/collection/components/stepper/step/step.css +1 -1
- package/dist/collection/components/stepper/step/step.js +6 -3
- package/dist/collection/components/table/table/table.js +20 -9
- package/dist/collection/components/table/table-body/table-body.css +12 -12
- package/dist/collection/components/table/table-body/table-body.js +10 -5
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +4 -3
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.css +3 -3
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +7 -4
- package/dist/collection/components/table/table-body-row/table-body-row.js +6 -3
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +11 -9
- package/dist/collection/components/table/table-footer/table-footer.css +1 -1
- package/dist/collection/components/table/table-footer/table-footer.js +11 -7
- package/dist/collection/components/table/table-header/table-header.js +13 -7
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +9 -4
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.css +3 -3
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +7 -4
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +6 -3
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +4 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +4 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -2
- package/dist/collection/components/text-field/text-field.css +3 -3
- package/dist/collection/components/text-field/text-field.js +7 -5
- package/dist/collection/components/textarea/textarea.js +6 -3
- package/dist/collection/components/toast/toast.css +6 -6
- package/dist/collection/components/toast/toast.js +8 -5
- package/dist/collection/components/tooltip/tooltip.js +4 -2
- package/dist/collection/utils/findClosestComponent.js +9 -0
- package/dist/collection/utils/getDirectChildHTMLElementOfKind.js +6 -0
- package/dist/collection/utils/tagName.js +29 -0
- package/dist/collection/utils/tagNames.js +91 -0
- package/dist/components/p-875e2e9c.js +12 -0
- package/dist/components/{p-0676aa23.js → p-93414e58.js} +7 -10
- package/dist/components/p-b33f8162.js +116 -0
- package/dist/components/p-d18575db.js +9 -0
- package/dist/components/tds-accordion-item.js +8 -11
- package/dist/components/tds-badge.js +1 -1
- package/dist/components/tds-banner.js +6 -10
- package/dist/components/tds-block.js +2 -2
- package/dist/components/tds-body-cell.js +4 -3
- package/dist/components/tds-breadcrumb.js +1 -1
- package/dist/components/tds-breadcrumbs.js +1 -1
- package/dist/components/tds-button.js +3 -3
- package/dist/components/tds-card.js +5 -9
- package/dist/components/tds-checkbox.js +89 -1
- package/dist/components/tds-chip.js +1 -1
- package/dist/components/tds-core-header-item.js +30 -1
- package/dist/components/tds-datetime.js +7 -10
- package/dist/components/tds-divider.js +33 -1
- package/dist/components/tds-dropdown-option.js +112 -1
- package/dist/components/tds-dropdown.js +516 -1
- package/dist/components/tds-folder-tabs.js +5 -9
- package/dist/components/tds-footer-group.js +7 -11
- package/dist/components/tds-footer-item.js +5 -2
- package/dist/components/tds-footer.js +1 -1
- package/dist/components/tds-header-brand-symbol.js +4 -10
- package/dist/components/tds-header-cell.js +10 -11
- package/dist/components/tds-header-dropdown-list-item.js +39 -1
- package/dist/components/tds-header-dropdown-list-user.js +1 -1
- package/dist/components/tds-header-dropdown-list.js +99 -1
- package/dist/components/tds-header-dropdown.js +6 -34
- package/dist/components/tds-header-hamburger.js +5 -21
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +39 -1
- package/dist/components/tds-header-launcher-grid-item.js +1 -1
- package/dist/components/tds-header-launcher-grid-title.js +1 -1
- package/dist/components/tds-header-launcher-grid.js +1 -1
- package/dist/components/tds-header-launcher-list-item.js +5 -8
- package/dist/components/tds-header-launcher-list-title.js +1 -1
- package/dist/components/tds-header-launcher-list.js +5 -8
- package/dist/components/tds-header-launcher.js +7 -40
- package/dist/components/tds-header-title.js +1 -1
- package/dist/components/tds-header.js +2 -15
- package/dist/components/tds-icon.js +63 -1
- package/dist/components/tds-inline-tabs.js +5 -9
- package/dist/components/tds-link.js +2 -2
- package/dist/components/tds-message.js +7 -10
- package/dist/components/tds-modal.js +4 -8
- package/dist/components/tds-navigation-tabs.js +5 -9
- package/dist/components/tds-popover-canvas.js +66 -1
- package/dist/components/tds-popover-core.js +1998 -1
- package/dist/components/tds-popover-menu-item.js +3 -3
- package/dist/components/tds-popover-menu.js +6 -10
- package/dist/components/tds-radio-button.js +1 -1
- package/dist/components/tds-side-menu-close-button.js +4 -8
- package/dist/components/tds-side-menu-collapse-button.js +9 -12
- package/dist/components/tds-side-menu-dropdown-list-item.js +6 -5
- package/dist/components/tds-side-menu-dropdown-list.js +4 -3
- package/dist/components/tds-side-menu-dropdown.js +8 -17
- package/dist/components/tds-side-menu-item.js +90 -1
- package/dist/components/tds-side-menu-overlay.js +1 -1
- package/dist/components/tds-side-menu-user-image.js +35 -1
- package/dist/components/tds-side-menu-user-label.js +35 -1
- package/dist/components/tds-side-menu-user.js +6 -15
- package/dist/components/tds-slider.js +13 -16
- package/dist/components/tds-step.js +8 -11
- package/dist/components/tds-table-body-input-wrapper.js +9 -12
- package/dist/components/tds-table-body-row-expandable.js +11 -9
- package/dist/components/tds-table-body-row.js +7 -10
- package/dist/components/tds-table-body.js +11 -6
- package/dist/components/tds-table-footer.js +13 -33
- package/dist/components/tds-table-header-input-wrapper.js +9 -12
- package/dist/components/tds-table-header.js +14 -14
- package/dist/components/tds-table-toolbar.js +7 -10
- package/dist/components/tds-table.js +12 -9
- package/dist/components/tds-text-field.js +9 -13
- package/dist/components/tds-textarea.js +7 -10
- package/dist/components/tds-toast.js +10 -13
- package/dist/components/tds-tooltip.js +5 -9
- package/dist/esm/findClosestComponent-884d0262.js +12 -0
- package/dist/esm/getDirectChildHTMLElementOfKind-96e23d9f.js +9 -0
- package/dist/esm/index-51d04e39.js +58 -46
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tagName-2e4b5836.js +116 -0
- package/dist/esm/tds-accordion-item.entry.js +8 -5
- package/dist/esm/tds-badge.entry.js +1 -1
- package/dist/esm/tds-banner.entry.js +5 -3
- package/dist/esm/tds-block.entry.js +2 -2
- package/dist/esm/tds-body-cell.entry.js +5 -3
- package/dist/esm/tds-breadcrumb.entry.js +1 -1
- package/dist/esm/tds-breadcrumbs.entry.js +1 -1
- package/dist/esm/tds-button.entry.js +3 -3
- package/dist/esm/tds-card.entry.js +4 -2
- package/dist/esm/tds-checkbox.entry.js +2 -2
- package/dist/esm/tds-chip.entry.js +1 -1
- package/dist/esm/tds-core-header-item.entry.js +16 -0
- package/dist/esm/tds-datetime.entry.js +7 -4
- package/dist/esm/tds-divider.entry.js +1 -1
- package/dist/{components/p-1c256b8d.js → esm/tds-dropdown-option.entry.js} +15 -50
- package/dist/{components/p-f5531179.js → esm/tds-dropdown.entry.js} +20 -66
- package/dist/esm/tds-folder-tabs.entry.js +4 -2
- package/dist/esm/tds-footer-group.entry.js +6 -4
- package/dist/esm/tds-footer-item.entry.js +6 -2
- package/dist/esm/tds-footer.entry.js +1 -1
- package/dist/esm/tds-header-brand-symbol.entry.js +2 -2
- package/dist/esm/tds-header-cell.entry.js +9 -4
- package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
- package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list.entry.js +3 -3
- package/dist/esm/tds-header-dropdown.entry.js +5 -3
- package/dist/esm/tds-header-hamburger.entry.js +4 -2
- package/dist/esm/{tds-core-header-item_2.entry.js → tds-header-item.entry.js} +7 -17
- package/dist/esm/tds-header-launcher-button.entry.js +4 -2
- package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid.entry.js +2 -2
- package/dist/esm/tds-header-launcher-list-item.entry.js +5 -2
- package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list.entry.js +5 -2
- package/dist/esm/tds-header-launcher.entry.js +6 -3
- package/dist/esm/tds-header-title.entry.js +1 -1
- package/dist/esm/tds-header.entry.js +2 -15
- package/dist/esm/tds-icon.entry.js +1 -1
- package/dist/esm/tds-inline-tabs.entry.js +4 -2
- package/dist/esm/tds-link.entry.js +2 -2
- package/dist/esm/tds-message.entry.js +7 -4
- package/dist/esm/tds-modal.entry.js +3 -1
- package/dist/esm/tds-navigation-tabs.entry.js +4 -2
- package/dist/esm/tds-popover-canvas.entry.js +4 -2
- package/dist/esm/tds-popover-core.entry.js +1 -1
- package/dist/esm/tds-popover-menu-item.entry.js +3 -3
- package/dist/esm/tds-popover-menu.entry.js +5 -3
- package/dist/esm/tds-radio-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-close-button.entry.js +3 -1
- package/dist/esm/tds-side-menu-collapse-button.entry.js +8 -5
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +7 -5
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +5 -3
- package/dist/esm/tds-side-menu-dropdown.entry.js +7 -4
- package/dist/esm/tds-side-menu-item.entry.js +8 -5
- package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
- package/dist/esm/tds-side-menu-user-image.entry.js +18 -0
- package/dist/esm/tds-side-menu-user-label.entry.js +18 -0
- package/dist/esm/tds-side-menu-user.entry.js +6 -3
- package/dist/esm/tds-slider.entry.js +12 -9
- package/dist/esm/tds-step.entry.js +7 -4
- package/dist/esm/tds-table-body-input-wrapper.entry.js +8 -5
- package/dist/esm/tds-table-body-row-expandable.entry.js +12 -9
- package/dist/esm/tds-table-body-row.entry.js +6 -3
- package/dist/esm/tds-table-body.entry.js +12 -6
- package/dist/esm/tds-table-footer.entry.js +12 -8
- package/dist/esm/tds-table-header-input-wrapper.entry.js +8 -5
- package/dist/esm/tds-table-header.entry.js +13 -7
- package/dist/esm/tds-table-toolbar.entry.js +6 -3
- package/dist/esm/tds-table.entry.js +13 -9
- package/dist/esm/tds-text-field.entry.js +8 -6
- package/dist/esm/tds-textarea.entry.js +7 -4
- package/dist/esm/tds-toast.entry.js +9 -6
- package/dist/esm/tds-tooltip.entry.js +4 -2
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-01dc0370.entry.js +1 -0
- package/dist/tegel/p-06431096.entry.js +1 -0
- package/dist/tegel/p-07e3a645.entry.js +1 -0
- package/dist/tegel/p-082d6de9.entry.js +1 -0
- package/dist/tegel/p-0a228d69.entry.js +1 -0
- package/dist/tegel/p-0d80429b.entry.js +1 -0
- package/dist/tegel/p-136c978a.entry.js +1 -0
- package/dist/tegel/p-13f14f71.entry.js +1 -0
- package/dist/tegel/p-15638893.entry.js +1 -0
- package/dist/tegel/p-16d3d938.entry.js +1 -0
- package/dist/tegel/p-191a6e60.entry.js +1 -0
- package/dist/tegel/p-19cda6ca.entry.js +1 -0
- package/dist/tegel/p-1c4b7a7d.entry.js +1 -0
- package/dist/tegel/p-2094ccde.entry.js +1 -0
- package/dist/tegel/p-26603eef.entry.js +1 -0
- package/dist/tegel/p-2b5871d5.entry.js +1 -0
- package/dist/tegel/p-304a4c84.entry.js +1 -0
- package/dist/tegel/p-3cc3e9f1.entry.js +1 -0
- package/dist/tegel/p-3cf784a4.entry.js +1 -0
- package/dist/tegel/p-400d5972.entry.js +1 -0
- package/dist/tegel/p-4132bc7c.entry.js +1 -0
- package/dist/tegel/{p-de540cc0.entry.js → p-416d8080.entry.js} +1 -1
- package/dist/tegel/p-43a74ec0.entry.js +1 -0
- package/dist/tegel/p-448fef57.entry.js +1 -0
- package/dist/tegel/p-45aa4dca.entry.js +1 -0
- package/dist/tegel/p-48148b7d.entry.js +1 -0
- package/dist/tegel/p-4a2000f2.entry.js +1 -0
- package/dist/tegel/{p-f9325536.entry.js → p-4b23a02f.entry.js} +1 -1
- package/dist/tegel/p-4eea4c8f.entry.js +1 -0
- package/dist/tegel/p-54a87c06.entry.js +1 -0
- package/dist/tegel/p-5be505ca.entry.js +1 -0
- package/dist/tegel/p-5f5fb18b.entry.js +1 -0
- package/dist/tegel/p-62196862.entry.js +1 -0
- package/dist/tegel/p-6542a541.entry.js +1 -0
- package/dist/tegel/p-6aea533d.entry.js +1 -0
- package/dist/tegel/p-6bc339db.entry.js +1 -0
- package/dist/tegel/p-718a5428.entry.js +1 -0
- package/dist/tegel/{p-fe9b385f.entry.js → p-73d72704.entry.js} +1 -1
- package/dist/tegel/{p-ede11de8.entry.js → p-7639adea.entry.js} +1 -1
- package/dist/tegel/p-79a4da37.entry.js +1 -0
- package/dist/tegel/p-7e989008.entry.js +1 -0
- package/dist/tegel/p-807d3a4e.entry.js +1 -0
- package/dist/tegel/p-81dc1e2f.entry.js +1 -0
- package/dist/tegel/p-854dcbe4.entry.js +1 -0
- package/dist/tegel/p-859e3ebf.js +1 -0
- package/dist/tegel/p-875e2e9c.js +1 -0
- package/dist/tegel/p-876a3b13.entry.js +1 -0
- package/dist/tegel/p-8a5df7a0.entry.js +1 -0
- package/dist/tegel/{p-50fcdc56.entry.js → p-8ccf3a15.entry.js} +1 -1
- package/dist/tegel/p-91072613.entry.js +1 -0
- package/dist/tegel/{p-bda3d846.entry.js → p-938f3efa.entry.js} +1 -1
- package/dist/tegel/p-985a2d37.entry.js +1 -0
- package/dist/tegel/{p-6b405a0f.entry.js → p-9a120de1.entry.js} +1 -1
- package/dist/tegel/p-9ac97508.entry.js +1 -0
- package/dist/tegel/{p-1ce239bf.entry.js → p-9d00bc5e.entry.js} +1 -1
- package/dist/tegel/p-9e49e118.entry.js +1 -0
- package/dist/tegel/p-a056ecbf.entry.js +1 -0
- package/dist/tegel/p-a66dcbc0.entry.js +1 -0
- package/dist/tegel/p-abe194db.entry.js +1 -0
- package/dist/tegel/p-ae0d0422.entry.js +1 -0
- package/dist/tegel/{p-c3513f1f.entry.js → p-b1fcdbd1.entry.js} +1 -1
- package/dist/tegel/p-b33f8162.js +1 -0
- package/dist/tegel/{p-9bf7f5cd.entry.js → p-b36fafa5.entry.js} +1 -1
- package/dist/tegel/{p-e65dba91.entry.js → p-b7cb84d1.entry.js} +1 -1
- package/dist/tegel/{p-cd289e17.entry.js → p-c026cd40.entry.js} +1 -1
- package/dist/tegel/p-ca19d259.entry.js +1 -0
- package/dist/tegel/{p-0df92ce7.entry.js → p-cc2524ea.entry.js} +1 -1
- package/dist/tegel/p-cdd4acb0.entry.js +1 -0
- package/dist/tegel/p-d023830f.entry.js +1 -0
- package/dist/tegel/p-d18575db.js +1 -0
- package/dist/tegel/{p-a464920f.entry.js → p-db250bc9.entry.js} +1 -1
- package/dist/tegel/p-ddb96690.entry.js +1 -0
- package/dist/tegel/p-e455db38.entry.js +1 -0
- package/dist/tegel/p-ef49682d.entry.js +1 -0
- package/dist/tegel/p-efc72ccb.entry.js +1 -0
- package/dist/tegel/p-f7c4f098.entry.js +1 -0
- package/dist/tegel/{p-137929b7.entry.js → p-fb026b94.entry.js} +1 -1
- package/dist/tegel/p-fc844498.entry.js +1 -0
- package/dist/tegel/tegel.css +1 -1
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +1 -0
- package/dist/types/components/datetime/datetime.d.ts +1 -0
- package/dist/types/components/header/header-launcher-list/header-launcher-list.d.ts +1 -0
- package/dist/types/components/header/header-launcher-list-item/header-launcher-list-item.d.ts +1 -0
- package/dist/types/components/header/header.d.ts +0 -2
- package/dist/types/components/message/message.d.ts +1 -0
- package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts +1 -0
- package/dist/types/components/slider/slider.d.ts +1 -0
- package/dist/types/components/stepper/step/step.d.ts +1 -1
- package/dist/types/components/table/table/table.d.ts +1 -1
- package/dist/types/components/table/table-footer/table-footer.d.ts +1 -1
- package/dist/types/components/textarea/textarea.d.ts +1 -0
- package/dist/types/utils/findClosestComponent.d.ts +9 -0
- package/dist/types/utils/getDirectChildHTMLElementOfKind.d.ts +2 -0
- package/dist/types/utils/tagName.d.ts +6 -0
- package/dist/types/utils/tagNames.d.ts +4 -0
- package/package.json +1 -1
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +0 -38
- package/dist/components/p-09d36119.js +0 -37
- package/dist/components/p-0c3cab16.js +0 -90
- package/dist/components/p-30de8ac4.js +0 -32
- package/dist/components/p-3e74be57.js +0 -65
- package/dist/components/p-8e74bb22.js +0 -57
- package/dist/components/p-a9609e88.js +0 -72
- package/dist/components/p-cfb1b588.js +0 -41
- package/dist/components/p-dc461e7b.js +0 -2000
- package/dist/components/p-dddaa520.js +0 -37
- package/dist/components/p-e46088d9.js +0 -35
- package/dist/components/p-e4d7c655.js +0 -91
- package/dist/components/p-fcec766c.js +0 -101
- package/dist/esm/tds-dropdown_2.entry.js +0 -560
- package/dist/esm/tds-side-menu-user-image_2.entry.js +0 -33
- package/dist/tegel/p-06d2fa56.entry.js +0 -1
- package/dist/tegel/p-088bfcd4.entry.js +0 -1
- package/dist/tegel/p-0f38bea7.entry.js +0 -1
- package/dist/tegel/p-0f486a7c.entry.js +0 -1
- package/dist/tegel/p-1634247e.entry.js +0 -1
- package/dist/tegel/p-1a2f3852.entry.js +0 -1
- package/dist/tegel/p-1bc2c73c.entry.js +0 -1
- package/dist/tegel/p-285d7485.entry.js +0 -1
- package/dist/tegel/p-2b030cef.entry.js +0 -1
- package/dist/tegel/p-2e44b4e9.entry.js +0 -1
- package/dist/tegel/p-46fe6712.entry.js +0 -1
- package/dist/tegel/p-4ab7461e.entry.js +0 -1
- package/dist/tegel/p-4bab99d5.entry.js +0 -1
- package/dist/tegel/p-51e49417.entry.js +0 -1
- package/dist/tegel/p-52be41ce.entry.js +0 -1
- package/dist/tegel/p-54a105a4.entry.js +0 -1
- package/dist/tegel/p-588a05aa.entry.js +0 -1
- package/dist/tegel/p-5a891dd2.entry.js +0 -1
- package/dist/tegel/p-5d0e8f1e.entry.js +0 -1
- package/dist/tegel/p-6938329a.entry.js +0 -1
- package/dist/tegel/p-6aabf7e1.entry.js +0 -1
- package/dist/tegel/p-6c26e66f.entry.js +0 -1
- package/dist/tegel/p-73dd2dbb.entry.js +0 -1
- package/dist/tegel/p-7a83cf55.entry.js +0 -1
- package/dist/tegel/p-7d83ba98.entry.js +0 -1
- package/dist/tegel/p-831111e9.entry.js +0 -1
- package/dist/tegel/p-8ae952b6.entry.js +0 -1
- package/dist/tegel/p-91225c7a.entry.js +0 -1
- package/dist/tegel/p-91dcddd5.entry.js +0 -1
- package/dist/tegel/p-930e767e.entry.js +0 -1
- package/dist/tegel/p-9332c225.js +0 -1
- package/dist/tegel/p-959a6780.entry.js +0 -1
- package/dist/tegel/p-987084a5.entry.js +0 -1
- package/dist/tegel/p-9c2dfecc.entry.js +0 -1
- package/dist/tegel/p-9de400f4.entry.js +0 -1
- package/dist/tegel/p-a5a67770.entry.js +0 -1
- package/dist/tegel/p-a642c800.entry.js +0 -1
- package/dist/tegel/p-a9654cd4.entry.js +0 -1
- package/dist/tegel/p-aed1c5cf.entry.js +0 -1
- package/dist/tegel/p-b21eb276.entry.js +0 -1
- package/dist/tegel/p-b4c7099f.entry.js +0 -1
- package/dist/tegel/p-b9ac3122.entry.js +0 -1
- package/dist/tegel/p-b9e37cf2.entry.js +0 -1
- package/dist/tegel/p-bb129d43.entry.js +0 -1
- package/dist/tegel/p-bcae4d3a.entry.js +0 -1
- package/dist/tegel/p-c18b2746.entry.js +0 -1
- package/dist/tegel/p-c790ef93.entry.js +0 -1
- package/dist/tegel/p-c917d8be.entry.js +0 -1
- package/dist/tegel/p-cd5219ac.entry.js +0 -1
- package/dist/tegel/p-d1cbe5be.entry.js +0 -1
- package/dist/tegel/p-db00f607.entry.js +0 -1
- package/dist/tegel/p-dcbd977f.entry.js +0 -1
- package/dist/tegel/p-e7108828.entry.js +0 -1
- package/dist/tegel/p-ed02ad2b.entry.js +0 -1
- package/dist/tegel/p-f0d46e61.entry.js +0 -1
- package/dist/tegel/p-f841f094.entry.js +0 -1
- package/dist/tegel/p-ff5cd75f.entry.js +0 -1
- package/dist/cjs/{isHeadingElement-4f06b688.js → getPreviousNestedChildOfSiblingsMatching-4e700df1.js} +12 -12
- package/dist/esm/{isHeadingElement-8efea284.js → getPreviousNestedChildOfSiblingsMatching-a6fcb512.js} +12 -12
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
const TAG_NAMES = [
|
|
2
|
+
'tds-accordion',
|
|
3
|
+
'tds-badge',
|
|
4
|
+
'tds-block',
|
|
5
|
+
'tds-breadcrumbs',
|
|
6
|
+
'tds-button',
|
|
7
|
+
'tds-banner',
|
|
8
|
+
'tds-card',
|
|
9
|
+
'tds-checkbox',
|
|
10
|
+
'tds-chip',
|
|
11
|
+
'tds-datetime',
|
|
12
|
+
'tds-divider',
|
|
13
|
+
'tds-dropdown',
|
|
14
|
+
'tds-footer',
|
|
15
|
+
'tds-header',
|
|
16
|
+
'tds-icon',
|
|
17
|
+
'tds-link',
|
|
18
|
+
'tds-message',
|
|
19
|
+
'tds-modal',
|
|
20
|
+
'tds-popover-canvas',
|
|
21
|
+
'tds-popover-core',
|
|
22
|
+
'tds-popover-menu',
|
|
23
|
+
'tds-radio-button',
|
|
24
|
+
'tds-side-menu',
|
|
25
|
+
'tds-slider',
|
|
26
|
+
'tds-spinner',
|
|
27
|
+
'tds-stepper',
|
|
28
|
+
'tds-text-field',
|
|
29
|
+
'tds-textarea',
|
|
30
|
+
'tds-toast',
|
|
31
|
+
'tds-toggle',
|
|
32
|
+
'tds-tooltip',
|
|
33
|
+
'tds-accordion-item',
|
|
34
|
+
'tds-breadcrumb',
|
|
35
|
+
'tds-dropdown-option',
|
|
36
|
+
'tds-footer-group',
|
|
37
|
+
'tds-footer-item',
|
|
38
|
+
'tds-core-header-item',
|
|
39
|
+
'tds-header-dropdown',
|
|
40
|
+
'tds-header-brand-symbol',
|
|
41
|
+
'tds-header-dropdown-list',
|
|
42
|
+
'tds-header-dropdown-list-item',
|
|
43
|
+
'tds-header-hamburger',
|
|
44
|
+
'tds-header-dropdown-list-user',
|
|
45
|
+
'tds-header-item',
|
|
46
|
+
'tds-header-launcher',
|
|
47
|
+
'tds-header-launcher-button',
|
|
48
|
+
'tds-header-launcher-grid',
|
|
49
|
+
'tds-header-launcher-grid-item',
|
|
50
|
+
'tds-header-launcher-grid-title',
|
|
51
|
+
'tds-header-launcher-list',
|
|
52
|
+
'tds-header-launcher-list-item',
|
|
53
|
+
'tds-header-launcher-list-title',
|
|
54
|
+
'tds-header-title',
|
|
55
|
+
'tds-popover-menu-item',
|
|
56
|
+
'tds-side-menu-dropdown',
|
|
57
|
+
'tds-side-menu-collapse-button',
|
|
58
|
+
'tds-side-menu-close-button',
|
|
59
|
+
'tds-side-menu-dropdown-list',
|
|
60
|
+
'tds-side-menu-item',
|
|
61
|
+
'tds-side-menu-dropdown-list-item',
|
|
62
|
+
'tds-side-menu-overlay',
|
|
63
|
+
'tds-side-menu-user',
|
|
64
|
+
'tds-side-menu-user-image',
|
|
65
|
+
'tds-side-menu-user-label',
|
|
66
|
+
'tds-step',
|
|
67
|
+
'tds-table',
|
|
68
|
+
'tds-table-body',
|
|
69
|
+
'tds-body-cell',
|
|
70
|
+
'tds-table-body-input-wrapper',
|
|
71
|
+
'tds-table-body-row',
|
|
72
|
+
'tds-table-body-row-expandable',
|
|
73
|
+
'tds-table-footer',
|
|
74
|
+
'tds-table-header',
|
|
75
|
+
'tds-header-cell',
|
|
76
|
+
'tds-table-header-input-wrapper',
|
|
77
|
+
'tds-table-toolbar',
|
|
78
|
+
'tds-folder-tabs',
|
|
79
|
+
'tds-inline-tabs',
|
|
80
|
+
'tds-navigation-tabs',
|
|
81
|
+
'tds-date-picker',
|
|
82
|
+
'tds-date-range-picker',
|
|
83
|
+
'tds-folder-tab',
|
|
84
|
+
'tds-inline-tab',
|
|
85
|
+
'tds-navigation-tab',
|
|
86
|
+
'date-picker-day',
|
|
87
|
+
'date-picker-month',
|
|
88
|
+
'date-picker-year',
|
|
89
|
+
'date-range-picker-day',
|
|
90
|
+
];
|
|
91
|
+
|
|
92
|
+
// eslint-disable-next-line import/no-relative-packages
|
|
93
|
+
// Utils to handle tag names for 'tds-' prefixed components
|
|
94
|
+
const getTagName = (el) => {
|
|
95
|
+
if (!el || !(el instanceof HTMLElement)) {
|
|
96
|
+
console.error('Invalid element provided:', el);
|
|
97
|
+
return ''; // Return a default or throw an error
|
|
98
|
+
}
|
|
99
|
+
return el.tagName.toLowerCase();
|
|
100
|
+
};
|
|
101
|
+
const paramCaseToCamelCase = (str) => str.replace(/-(\w)/g, (_, group) => group.toUpperCase());
|
|
102
|
+
class PrefixedTagNamesCache extends Map {
|
|
103
|
+
}
|
|
104
|
+
const PREFIXED_TAG_NAMES_CACHE = new PrefixedTagNamesCache();
|
|
105
|
+
const getPrefixedTagNames = (host) => {
|
|
106
|
+
const [, prefix = ''] = /^([a-z-]+)-tds-[a-z-]+$/.exec(getTagName(host)) || [];
|
|
107
|
+
if (!PREFIXED_TAG_NAMES_CACHE.has(prefix)) {
|
|
108
|
+
const tagNames = TAG_NAMES.reduce(prefix
|
|
109
|
+
? (result, tag) => (Object.assign(Object.assign({}, result), { [paramCaseToCamelCase(tag)]: `${prefix}-${tag}` }))
|
|
110
|
+
: (result, tag) => (Object.assign(Object.assign({}, result), { [paramCaseToCamelCase(tag)]: tag })), {});
|
|
111
|
+
PREFIXED_TAG_NAMES_CACHE.set(prefix, tagNames);
|
|
112
|
+
}
|
|
113
|
+
return PREFIXED_TAG_NAMES_CACHE.get(prefix);
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
export { getTagName as a, getPrefixedTagNames as g, paramCaseToCamelCase as p };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { a as getTagName, g as getPrefixedTagNames, p as paramCaseToCamelCase } from './p-b33f8162.js';
|
|
2
|
+
|
|
3
|
+
const getDirectChildHTMLElementOfKind = (element, tagName) => {
|
|
4
|
+
const children = Array.from(element.children);
|
|
5
|
+
const prefixedElementTagName = getPrefixedTagNames(element)[paramCaseToCamelCase(tagName)];
|
|
6
|
+
return Array.from(children).filter((el) => getTagName(el) === prefixedElementTagName);
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export { getDirectChildHTMLElementOfKind as g };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
|
|
2
|
-
import {
|
|
2
|
+
import { g as getPrefixedTagNames } from './p-b33f8162.js';
|
|
3
3
|
|
|
4
|
-
const accordionItemCss = ".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-
|
|
4
|
+
const accordionItemCss = ".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{display:block;transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:focus,.tds-accordion-item.disabled:focus *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-start,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:focus .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:focus{border-top:1px solid var(--tds-accordion-border-focus)}.tds-accordion-item[disabled=true]:focus{border-color:var(--tds-accordion-border)}:host(:focus) .tds-accordion-item{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host(:focus) .tds-accordion-item .tds-accordion-header-icon-start,:host(:focus) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-focus);outline:none}:host(:hover) .tds-accordion-header-icon-start,:host(:hover) .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-hover)}:host(:active) .tds-accordion-header-icon-start,:host(:active) .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}";
|
|
5
5
|
const TdsAccordionItemStyle0 = accordionItemCss;
|
|
6
6
|
|
|
7
7
|
const TdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsAccordionItem extends H {
|
|
@@ -27,13 +27,15 @@ const TdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsAccordionIt
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
|
|
30
|
+
const prefixedTagNames = getPrefixedTagNames(this.host);
|
|
31
|
+
return (h(Host, { key: '28a9b6813c1cd7ce9df1528cefe381efe4a817e5' }, h("div", { key: 'b4f8d10531ec73f8090da847febc291638938eba', class: `tds-accordion-item
|
|
31
32
|
${this.disabled ? 'disabled' : ''}
|
|
32
33
|
${this.expanded ? 'expanded' : ''}
|
|
33
|
-
` }, h("button", { key: '
|
|
34
|
+
` }, h("button", { key: 'b1b7db7fc8522f1092c6fff48e2a78bca6868bcf', type: "button", "aria-expanded": this.expanded, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { key: 'cef4676f3219664ead89806ad0450fd9593e7b43', class: "tds-accordion-title" }, this.header, h("slot", { key: '4ab9fef8b30367f2f205b30d972217a9e62b4e78', name: "header" })), h(prefixedTagNames.tdsIcon, { key: '5eca372583b5928ffc98b702d66256927f40ad46', class: "tds-accordion-icon", name: "chevron_down", size: "16px" })), h("div", { key: 'aed7c35e282116fcc9a9c57a4b14a819c41543f7', class: `tds-accordion-panel
|
|
34
35
|
${this.paddingReset ? 'tds-accordion-panel--padding-reset ' : ''}
|
|
35
|
-
` }, h("slot", { key: '
|
|
36
|
+
` }, h("slot", { key: 'b86f51f588f2cfa6d628743b0cd27d5055461db9' })))));
|
|
36
37
|
}
|
|
38
|
+
get host() { return this; }
|
|
37
39
|
static get style() { return TdsAccordionItemStyle0; }
|
|
38
40
|
}, [1, "tds-accordion-item", {
|
|
39
41
|
"header": [1],
|
|
@@ -47,18 +49,13 @@ function defineCustomElement$1() {
|
|
|
47
49
|
if (typeof customElements === "undefined") {
|
|
48
50
|
return;
|
|
49
51
|
}
|
|
50
|
-
const components = ["tds-accordion-item"
|
|
52
|
+
const components = ["tds-accordion-item"];
|
|
51
53
|
components.forEach(tagName => { switch (tagName) {
|
|
52
54
|
case "tds-accordion-item":
|
|
53
55
|
if (!customElements.get(tagName)) {
|
|
54
56
|
customElements.define(tagName, TdsAccordionItem$1);
|
|
55
57
|
}
|
|
56
58
|
break;
|
|
57
|
-
case "tds-icon":
|
|
58
|
-
if (!customElements.get(tagName)) {
|
|
59
|
-
defineCustomElement$2();
|
|
60
|
-
}
|
|
61
|
-
break;
|
|
62
59
|
} });
|
|
63
60
|
}
|
|
64
61
|
defineCustomElement$1();
|
|
@@ -35,7 +35,7 @@ const TdsBadge$1 = /*@__PURE__*/ proxyCustomElement(class TdsBadge extends H {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h("host", { key: '
|
|
38
|
+
return (h("host", { key: 'a5a6ce060264e11cba8aef2853f90577accffd55', class: `tds-badge tds-badge-${this.size} ${this.shape === 'pill' ? 'tds-badge-pill' : ''} ${this.hidden ? 'tds-badge-hidden' : ''}` }, h("div", { key: '4223eea95d0d1cf80bc05638ddd448366f2ee8cf', class: "tds-badge-text" }, this.text)));
|
|
39
39
|
}
|
|
40
40
|
static get watchers() { return {
|
|
41
41
|
"value": ["watchProps"],
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
|
|
2
2
|
import { g as generateUniqueId } from './p-11648030.js';
|
|
3
3
|
import { h as hasSlot } from './p-ae110fc2.js';
|
|
4
|
-
import {
|
|
4
|
+
import { g as getPrefixedTagNames } from './p-b33f8162.js';
|
|
5
5
|
|
|
6
|
-
const bannerCss = ":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;margin-top:16px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible
|
|
6
|
+
const bannerCss = ":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;margin-top:16px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible .close-icon{outline:2px solid var(--tds-blue-400);outline-offset:-2px}";
|
|
7
7
|
const TdsBannerStyle0 = bannerCss;
|
|
8
8
|
|
|
9
9
|
const TdsBanner$1 = /*@__PURE__*/ proxyCustomElement(class TdsBanner extends H {
|
|
@@ -44,12 +44,13 @@ const TdsBanner$1 = /*@__PURE__*/ proxyCustomElement(class TdsBanner extends H {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
|
+
const prefixedTagNames = getPrefixedTagNames(this.host);
|
|
47
48
|
const usesHeaderSlot = hasSlot('subheader', this.host);
|
|
48
49
|
const usesSubheaderSlot = hasSlot('subheader', this.host);
|
|
49
50
|
const usesActionsSlot = hasSlot('actions', this.host);
|
|
50
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: '4c7f1c937071fcf3a17411c0f6638fea144c29a4', role: "banner", "aria-hidden": `${this.hidden}`, "aria-live": this.host.getAttribute('aria-live') ? this.host.getAttribute('aria-live') : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: `${this.variant} ${this.hidden ? 'hide' : 'show'}` }, this.icon && (h("div", { key: '40345dbb2f0f04cec60981bedc6c89660ce8cd61', class: `banner-icon ${this.variant}` }, h(prefixedTagNames.tdsIcon, { key: '0c96f6f3fc2fd7d5cf531722e57aa17fb72ffd96', name: this.icon, size: "20px" }))), h("div", { key: '5061944736970e9795abd4dd3bc2c8c4cdf80c4c', class: "content" }, h("div", { key: '3a6c2965ef419d8078a47c8aa3fd4afb00ac5bef', class: "header-subheader" }, this.header && h("div", { key: '4c7b602eb5e1ebba544f4769f42678e576de3462', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '346ecb5faf67f8e535d4a082ab282150f5ea561a', name: "header" }), this.subheader && h("div", { key: 'd6b36fa0b71d10efaf0634d7c7e920aedbcf0737', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '444d74bffaddb7ff2fd7e1bb4442b84ea8e33d9b', name: "subheader" })), usesActionsSlot && h("slot", { key: 'dd15801d4e87e2eb7646f23d6dfbc2ef8771b58e', name: "actions" })), h("div", { key: 'a6189cd2d6122fb0a73da1f233579ff447e960b2', class: `banner-close` }, h("button", { key: '8fc77a6b589c5b07c3d92ca837c2cc6dca9b4817', onClick: () => {
|
|
51
52
|
this.handleClose();
|
|
52
|
-
} }, h(
|
|
53
|
+
} }, h(prefixedTagNames.tdsIcon, { key: '889ee2b6eef607036095d4ee9f6dda04e9e7ffd3', class: "close-icon", name: "cross", size: "20px" })))));
|
|
53
54
|
}
|
|
54
55
|
get host() { return this; }
|
|
55
56
|
static get style() { return TdsBannerStyle0; }
|
|
@@ -67,18 +68,13 @@ function defineCustomElement$1() {
|
|
|
67
68
|
if (typeof customElements === "undefined") {
|
|
68
69
|
return;
|
|
69
70
|
}
|
|
70
|
-
const components = ["tds-banner"
|
|
71
|
+
const components = ["tds-banner"];
|
|
71
72
|
components.forEach(tagName => { switch (tagName) {
|
|
72
73
|
case "tds-banner":
|
|
73
74
|
if (!customElements.get(tagName)) {
|
|
74
75
|
customElements.define(tagName, TdsBanner$1);
|
|
75
76
|
}
|
|
76
77
|
break;
|
|
77
|
-
case "tds-icon":
|
|
78
|
-
if (!customElements.get(tagName)) {
|
|
79
|
-
defineCustomElement$2();
|
|
80
|
-
}
|
|
81
|
-
break;
|
|
82
78
|
} });
|
|
83
79
|
}
|
|
84
80
|
defineCustomElement$1();
|
|
@@ -12,7 +12,7 @@ const TdsBlock$1 = /*@__PURE__*/ proxyCustomElement(class TdsBlock extends H {
|
|
|
12
12
|
}
|
|
13
13
|
setModeVariantOnChildBlocks() {
|
|
14
14
|
var _a;
|
|
15
|
-
this.children = Array.from(this.host.children).filter((item) => item.tagName
|
|
15
|
+
this.children = Array.from(this.host.children).filter((item) => item.tagName.toLowerCase().endsWith('tds-block'));
|
|
16
16
|
(_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
|
|
17
17
|
if (!this.modeVariant) {
|
|
18
18
|
item.setAttribute('mode-variant', 'secondary');
|
|
@@ -24,7 +24,7 @@ const TdsBlock$1 = /*@__PURE__*/ proxyCustomElement(class TdsBlock extends H {
|
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
this.setModeVariantOnChildBlocks();
|
|
27
|
-
return (h("div", { key: '
|
|
27
|
+
return (h("div", { key: '0c3f1a39cf2ad5e73a2ba7a00ee6f094221fbc64', class: `tds-block ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", { key: 'f87573f79325d6f1d1a2c46bdeac392d7d78fe04' })));
|
|
28
28
|
}
|
|
29
29
|
get host() { return this; }
|
|
30
30
|
static get style() { return TdsBlockStyle0; }
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
|
|
2
|
+
import { f as findClosestComponent } from './p-875e2e9c.js';
|
|
2
3
|
|
|
3
4
|
const tableBodyCellCss = ":host(.tds-table__body-cell){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.tds-table__body-cell) *{box-sizing:border-box}:host(.tds-table__body-cell--hover){background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact){padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}";
|
|
4
5
|
const TdsBodyCellStyle0 = tableBodyCellCss;
|
|
@@ -60,7 +61,7 @@ const TdsTableBodyCell = /*@__PURE__*/ proxyCustomElement(class TdsTableBodyCell
|
|
|
60
61
|
}
|
|
61
62
|
}
|
|
62
63
|
connectedCallback() {
|
|
63
|
-
this.tableEl = this.host
|
|
64
|
+
this.tableEl = findClosestComponent(this.host, 'tdsTable');
|
|
64
65
|
this.tableId = this.tableEl.tableId;
|
|
65
66
|
}
|
|
66
67
|
componentWillLoad() {
|
|
@@ -84,13 +85,13 @@ const TdsTableBodyCell = /*@__PURE__*/ proxyCustomElement(class TdsTableBodyCell
|
|
|
84
85
|
// Conditionally set padding style
|
|
85
86
|
padding: paddingStyle,
|
|
86
87
|
};
|
|
87
|
-
return (h(Host, { key: '
|
|
88
|
+
return (h(Host, { key: '6de8ab0824c4f9f51d5de083f652fa2f2a6606c0', class: {
|
|
88
89
|
'tds-table__body-cell': true,
|
|
89
90
|
'tds-table__body-cell--hover': this.activeSorting,
|
|
90
91
|
'tds-table__compact': this.compactDesign,
|
|
91
92
|
'tds-table--divider': this.verticalDividers,
|
|
92
93
|
'tds-table--no-min-width': this.noMinWidth,
|
|
93
|
-
}, style: dynamicStyles }, this.cellValue, h("slot", { key: '
|
|
94
|
+
}, style: dynamicStyles }, this.cellValue, h("slot", { key: 'ab77a6e5a3b7aa2b157e68c407d113aa50e31ffb' })));
|
|
94
95
|
}
|
|
95
96
|
get host() { return this; }
|
|
96
97
|
static get style() { return TdsBodyCellStyle0; }
|
|
@@ -11,7 +11,7 @@ const TdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class TdsBreadcrumb ext
|
|
|
11
11
|
this.current = false;
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: '11d48f4384382b3dfe076e359299f1f7cb78f86a', role: "listitem", class: `${this.current ? 'current' : ''}` }, h("slot", { key: 'f69fd961e41c2f40b6224eb57393984fcc68972d' })));
|
|
15
15
|
}
|
|
16
16
|
static get style() { return TdsBreadcrumbStyle0; }
|
|
17
17
|
}, [1, "tds-breadcrumb", {
|
|
@@ -12,7 +12,7 @@ const TdsBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class TdsBreadcrumbs e
|
|
|
12
12
|
render() {
|
|
13
13
|
var _a;
|
|
14
14
|
(_a = this.host.children[this.host.children.length - 1]) === null || _a === void 0 ? void 0 : _a.classList.add('last');
|
|
15
|
-
return (h("nav", { key: '
|
|
15
|
+
return (h("nav", { key: 'c96dd1ecaa4ed5d8fde547a066ed686a96a2fc71' }, h("div", { key: '6a81dcdcaf71350374ea0ed4dde7919f85ef85b6', role: "list", class: 'tds-breadcrumb' }, h("slot", { key: 'c0baefb0fe030cd0ba9932878e3eb4570138961f' }))));
|
|
16
16
|
}
|
|
17
17
|
get host() { return this; }
|
|
18
18
|
static get style() { return TdsBreadcrumbsStyle0; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
|
|
2
2
|
import { h as hasSlot } from './p-ae110fc2.js';
|
|
3
3
|
|
|
4
|
-
const buttonCss = ".sc-tds-button:root,.tds-mode-light.sc-tds-button{--tds-btn-primary-background:var(--tds-blue-600);--tds-btn-primary-color:var(--tds-white);--tds-btn-primary-border-color:transparent;--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-color-hover:var(--tds-white);--tds-btn-primary-border-color-hover:transparent;--tds-btn-primary-background-active:var(--tds-blue-700);--tds-btn-primary-color-active:var(--tds-white);--tds-btn-primary-border-color-active:var(--tds-blue-700);--tds-btn-primary-background-focus:var(--tds-blue-400);--tds-btn-primary-color-focus:var(--tds-white);--tds-btn-primary-border-color-focus:var(--tds-blue-600);--tds-btn-primary-outline-color-focus:var(--tds-blue-600);--tds-btn-primary-background-disabled-primary:var(--tds-grey-50);--tds-btn-primary-background-disabled-secondary:var(--tds-white);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-grey-400);--tds-btn-primary-border-color-disabled:transparent;--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-black);--tds-btn-secondary-border-color:var(--tds-black-48);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-black);--tds-btn-secondary-border-color-active:var(--tds-black-87);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-black);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-black-38);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-black-38);--tds-btn-secondary-border-color-disabled:var(--tds-black-38);--tds-btn-icon-secondary-color-focus:var(--tds-black);--tds-btn-icon-secondary-fill-focus:var(--tds-black);--tds-btn-icon-secondary-fill-active:var(--tds-grey-958);--tds-btn-icon-secondary-fill:var(--tds-grey-958);--tds-btn-icon-secondary-color:var(--tds-grey-958);--tds-btn-icon-secondary-fill-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-active:var(--tds-grey-958);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-black);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-black);--tds-btn-ghost-border-color-hover:var(--tds-black-48);--tds-btn-ghost-outline-color-hover:var(--tds-black-48);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-black);--tds-btn-ghost-border-color-active:var(--tds-black-87);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-black);--tds-btn-ghost-border-color-focus:var(--tds-blue-400);--tds-btn-ghost-outline-color-focus:var(--tds-blue-400);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-black-38);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-958);--tds-btn-icon-ghost-color:var(--tds-grey-958);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:var(--tds-red-700);--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-50);--tds-btn-danger-background-disabled-secondary:var(--tds-white);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-black-38);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-grey-50);--tds-btn-icon-danger-color:var(--tds-grey-50)}.sc-tds-button:root .tds-mode-variant-primary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.sc-tds-button:root .tds-mode-variant-secondary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}.tds-mode-dark.sc-tds-button{--tds-btn-primary-background:var(--tds-blue-400);--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-background-active:var(--tds-blue-300);--tds-btn-primary-background-focus:var(--tds-blue-600);--tds-btn-primary-border-color-focus:var(--tds-blue-400);--tds-btn-primary-outline-color-focus:var(--tds-blue-400);--tds-btn-primary-background-disabled-primary:var(--tds-grey-900);--tds-btn-primary-background-disabled-secondary:var(--tds-grey-868);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-white-38);--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-white);--tds-btn-secondary-border-color:var(--tds-white-48);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-white);--tds-btn-secondary-border-color-active:var(--tds-white-87);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-white);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-white-38);--tds-btn-secondary-border-color-disabled:var(--tds-white-38);--tds-btn-icon-secondary-color-focus:var(--tds-white);--tds-btn-icon-secondary-fill-focus:var(--tds-white);--tds-btn-icon-secondary-fill:var(--tds-grey-50);--tds-btn-icon-secondary-color:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-white);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-white);--tds-btn-ghost-border-color-hover:var(--tds-white-48);--tds-btn-ghost-outline-color-hover:var(--tds-white-48);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-white);--tds-btn-ghost-border-color-active:var(--tds-white-87);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-white);--tds-btn-ghost-border-color-focus:var(--tds-blue-300);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-white-38);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-50);--tds-btn-icon-ghost-color:var(--tds-grey-50);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:transparent;--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-900);--tds-btn-danger-background-disabled-secondary:var(--tds-grey-868);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-white-38);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}.tds-mode-dark.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.tds-mode-dark.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}button.sc-tds-button{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:4px;border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:disabled,button.disabled.sc-tds-button{cursor:unset}button.sc-tds-button:focus{outline:none}button.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:2px}button.xs.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.sm.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.md.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.lg.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}button.primary.sc-tds-button{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary.icon.sc-tds-button{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color)}button.primary.sc-tds-button:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary.sc-tds-button:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible.sc-tds-button-s>[slot=icon],button.primary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary.sc-tds-button:active,button.primary.active.sc-tds-button{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-active);color:var(--tds-btn-icon-primary-fill-active);fill:var(--tds-btn-icon-primary-color-active);color:var(--tds-btn-icon-primary-color-active)}button.primary.disabled.sc-tds-button,button.primary.sc-tds-button:disabled{cursor:not-allowed;background:var(--tds-btn-primary-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-primary-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-primary-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-primary-outline-color-disabled)}button.secondary.sc-tds-button{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary.icon.sc-tds-button{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color)}button.secondary.sc-tds-button:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary.sc-tds-button:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible.sc-tds-button-s>[slot=icon],button.secondary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary.sc-tds-button:active,button.secondary.active.sc-tds-button{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-active);color:var(--tds-btn-icon-secondary-fill-active);fill:var(--tds-btn-icon-secondary-color-active);color:var(--tds-btn-icon-secondary-color-active)}button.secondary.disabled.sc-tds-button,button.secondary.sc-tds-button:disabled{cursor:not-allowed;background:var(--tds-btn-secondary-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-secondary-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-secondary-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-secondary-outline-color-disabled)}button.ghost.sc-tds-button{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost.icon.sc-tds-button{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color)}button.ghost.sc-tds-button:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost.sc-tds-button:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible.sc-tds-button-s>[slot=icon],button.ghost:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost.sc-tds-button:active,button.ghost.active.sc-tds-button{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost:active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-active);color:var(--tds-btn-icon-ghost-fill-active);fill:var(--tds-btn-icon-ghost-color-active);color:var(--tds-btn-icon-ghost-color-active)}button.ghost.disabled.sc-tds-button,button.ghost.sc-tds-button:disabled{cursor:not-allowed;background:var(--tds-btn-ghost-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-ghost-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-ghost-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-ghost-outline-color-disabled)}button.danger.sc-tds-button{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger.icon.sc-tds-button{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color)}button.danger.sc-tds-button:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger.sc-tds-button:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible.sc-tds-button-s>[slot=icon],button.danger:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger.sc-tds-button:active,button.danger.active.sc-tds-button{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger:active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-active);color:var(--tds-btn-icon-danger-fill-active);fill:var(--tds-btn-icon-danger-color-active);color:var(--tds-btn-icon-danger-color-active)}button.danger.disabled.sc-tds-button,button.danger.sc-tds-button:disabled{cursor:not-allowed;background:var(--tds-btn-danger-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-danger-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-danger-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-danger-outline-color-disabled)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.sc-tds-button-htds-button.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-htds-button .sm.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button[disabled=true].sc-tds-button-h{pointer-events:none}.sc-tds-button-htds-button[disabled=true].sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button[disabled=true] .sc-tds-button-s>[slot=icon]{pointer-events:none}tds-button[fullbleed].sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button button.sc-tds-button{display:inline-flex;align-items:center}tds-button button.sm.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button button.md.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.lg.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.only-icon.sc-tds-button-s>[slot=icon]{margin-left:0}";
|
|
4
|
+
const buttonCss = ".sc-tds-button:root,.tds-mode-light.sc-tds-button{--tds-btn-primary-background:var(--tds-blue-600);--tds-btn-primary-color:var(--tds-white);--tds-btn-primary-border-color:transparent;--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-color-hover:var(--tds-white);--tds-btn-primary-border-color-hover:transparent;--tds-btn-primary-background-active:var(--tds-blue-700);--tds-btn-primary-color-active:var(--tds-white);--tds-btn-primary-border-color-active:var(--tds-blue-700);--tds-btn-primary-background-focus:var(--tds-blue-400);--tds-btn-primary-color-focus:var(--tds-white);--tds-btn-primary-border-color-focus:var(--tds-blue-600);--tds-btn-primary-outline-color-focus:var(--tds-blue-600);--tds-btn-primary-background-disabled-primary:var(--tds-grey-50);--tds-btn-primary-background-disabled-secondary:var(--tds-white);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-grey-400);--tds-btn-primary-border-color-disabled:transparent;--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-black);--tds-btn-secondary-border-color:var(--tds-black-48);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-black);--tds-btn-secondary-border-color-active:var(--tds-black-87);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-black);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-black-38);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-black-38);--tds-btn-secondary-border-color-disabled:var(--tds-black-38);--tds-btn-icon-secondary-color-focus:var(--tds-black);--tds-btn-icon-secondary-fill-focus:var(--tds-black);--tds-btn-icon-secondary-fill-active:var(--tds-grey-958);--tds-btn-icon-secondary-fill:var(--tds-grey-958);--tds-btn-icon-secondary-color:var(--tds-grey-958);--tds-btn-icon-secondary-fill-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-active:var(--tds-grey-958);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-black);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-black);--tds-btn-ghost-border-color-hover:var(--tds-black-48);--tds-btn-ghost-outline-color-hover:var(--tds-black-48);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-black);--tds-btn-ghost-border-color-active:var(--tds-black-87);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-black);--tds-btn-ghost-border-color-focus:var(--tds-blue-400);--tds-btn-ghost-outline-color-focus:var(--tds-blue-400);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-black-38);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-958);--tds-btn-icon-ghost-color:var(--tds-grey-958);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:var(--tds-red-700);--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-50);--tds-btn-danger-background-disabled-secondary:var(--tds-white);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-black-38);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-grey-50);--tds-btn-icon-danger-color:var(--tds-grey-50)}.sc-tds-button:root .tds-mode-variant-primary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.sc-tds-button:root .tds-mode-variant-secondary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}.tds-mode-dark.sc-tds-button{--tds-btn-primary-background:var(--tds-blue-400);--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-background-active:var(--tds-blue-300);--tds-btn-primary-background-focus:var(--tds-blue-600);--tds-btn-primary-border-color-focus:var(--tds-blue-400);--tds-btn-primary-outline-color-focus:var(--tds-blue-400);--tds-btn-primary-background-disabled-primary:var(--tds-grey-900);--tds-btn-primary-background-disabled-secondary:var(--tds-grey-868);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-white-38);--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-white);--tds-btn-secondary-border-color:var(--tds-white-48);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-white);--tds-btn-secondary-border-color-active:var(--tds-white-87);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-white);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:var(--tds-white-38);--tds-btn-secondary-border-color-disabled:var(--tds-white-38);--tds-btn-icon-secondary-color-focus:var(--tds-white);--tds-btn-icon-secondary-fill-focus:var(--tds-white);--tds-btn-icon-secondary-fill:var(--tds-grey-50);--tds-btn-icon-secondary-color:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-white);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-white);--tds-btn-ghost-border-color-hover:var(--tds-white-48);--tds-btn-ghost-outline-color-hover:var(--tds-white-48);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-white);--tds-btn-ghost-border-color-active:var(--tds-white-87);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-white);--tds-btn-ghost-border-color-focus:var(--tds-blue-300);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:var(--tds-white-38);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-50);--tds-btn-icon-ghost-color:var(--tds-grey-50);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:transparent;--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-900);--tds-btn-danger-background-disabled-secondary:var(--tds-grey-868);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:var(--tds-white-38);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}.tds-mode-dark.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.tds-mode-dark.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}.sc-tds-button-h{box-sizing:border-box;display:inline-flex;align-items:center;border-radius:4px;text-decoration:none;cursor:pointer;position:relative}.sc-tds-button-h *.sc-tds-button{box-sizing:border-box}.sc-tds-button-h button.sc-tds-button{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:4px;border:1px solid;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;padding:var(--tds-spacing-element-20);height:56px;outline:none}.sc-tds-button-h button.sc-tds-button:disabled,.sc-tds-button-h button.disabled.sc-tds-button{cursor:not-allowed}.sc-tds-button-h button.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}.sc-tds-button-h button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:2px}.sc-tds-button-h button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}.sc-tds-button-h button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}.sc-tds-button-h button.sm.only-icon.sc-tds-button{padding:11px}.sc-tds-button-h button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}.sc-tds-button-h button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}.sc-tds-button-h button.md.only-icon.sc-tds-button{padding:13px}.sc-tds-button-h button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}.sc-tds-button-h button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}.sc-tds-button-h button.lg.only-icon.sc-tds-button{padding:17px}.sc-tds-button-h button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}.sc-tds-button-h button.primary.sc-tds-button{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}.sc-tds-button-h button.primary.icon.sc-tds-button{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color)}.sc-tds-button-h button.primary.sc-tds-button:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}.sc-tds-button-h button.primary.sc-tds-button:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}.sc-tds-button-h button.primary.sc-tds-button:active,.sc-tds-button-h button.primary.active.sc-tds-button{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}.sc-tds-button-h button.primary.disabled.sc-tds-button,.sc-tds-button-h button.primary.sc-tds-button:disabled{background:var(--tds-btn-primary-background-disabled);border-color:var(--tds-btn-primary-border-color-disabled);color:var(--tds-btn-primary-color-disabled);outline-color:var(--tds-btn-primary-outline-color-disabled)}.sc-tds-button-h button.secondary.sc-tds-button{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}.sc-tds-button-h button.secondary.icon.sc-tds-button{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color)}.sc-tds-button-h button.secondary.sc-tds-button:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}.sc-tds-button-h button.secondary.sc-tds-button:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}.sc-tds-button-h button.secondary.sc-tds-button:active,.sc-tds-button-h button.secondary.active.sc-tds-button{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}.sc-tds-button-h button.secondary.disabled.sc-tds-button,.sc-tds-button-h button.secondary.sc-tds-button:disabled{background:var(--tds-btn-secondary-background-disabled);border-color:var(--tds-btn-secondary-border-color-disabled);color:var(--tds-btn-secondary-color-disabled);outline-color:var(--tds-btn-secondary-outline-color-disabled)}.sc-tds-button-h button.ghost.sc-tds-button{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}.sc-tds-button-h button.ghost.icon.sc-tds-button{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color)}.sc-tds-button-h button.ghost.sc-tds-button:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}.sc-tds-button-h button.ghost.sc-tds-button:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}.sc-tds-button-h button.ghost.sc-tds-button:active,.sc-tds-button-h button.ghost.active.sc-tds-button{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}.sc-tds-button-h button.ghost.disabled.sc-tds-button,.sc-tds-button-h button.ghost.sc-tds-button:disabled{background:var(--tds-btn-ghost-background-disabled);border-color:var(--tds-btn-ghost-border-color-disabled);color:var(--tds-btn-ghost-color-disabled);outline-color:var(--tds-btn-ghost-outline-color-disabled)}.sc-tds-button-h button.danger.sc-tds-button{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}.sc-tds-button-h button.danger.icon.sc-tds-button{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color)}.sc-tds-button-h button.danger.sc-tds-button:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}.sc-tds-button-h button.danger.sc-tds-button:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}.sc-tds-button-h button.danger.sc-tds-button:active,.sc-tds-button-h button.danger.active.sc-tds-button{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}.sc-tds-button-h button.danger.disabled.sc-tds-button,.sc-tds-button-h button.danger.sc-tds-button:disabled{background:var(--tds-btn-danger-background-disabled);border-color:var(--tds-btn-danger-border-color-disabled);color:var(--tds-btn-danger-color-disabled);outline-color:var(--tds-btn-danger-outline-color-disabled)}.sc-tds-button-h.sc-tds-button-s>[slot=icon],.sc-tds-button-h .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-h .sm.sc-tds-button-s>[slot=icon],.sc-tds-button-h .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}[disabled=true].sc-tds-button-h{pointer-events:none}.sc-tds-button-h[disabled=true].sc-tds-button-s>[slot=icon],.sc-tds-button-h[disabled=true] .sc-tds-button-s>[slot=icon]{pointer-events:none}[fullbleed].sc-tds-button-h{width:100%;justify-content:center}";
|
|
5
5
|
const TdsButtonStyle0 = buttonCss;
|
|
6
6
|
|
|
7
7
|
const TdsButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsButton extends H {
|
|
@@ -23,7 +23,7 @@ const TdsButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsButton extends H {
|
|
|
23
23
|
if (!this.text && !hasLabelSlot) {
|
|
24
24
|
this.onlyIcon = true;
|
|
25
25
|
}
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: 'bc1016f248709a78c51b655ed9a7e6e5d1645a48', class: `${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("button", { key: 'b1968dfbbd3b2efb212833c32b1823a1b33680d2', type: this.type, disabled: this.disabled, class: {
|
|
27
27
|
'primary': this.variant === 'primary',
|
|
28
28
|
'secondary': this.variant === 'secondary',
|
|
29
29
|
'ghost': this.variant === 'ghost',
|
|
@@ -36,7 +36,7 @@ const TdsButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsButton extends H {
|
|
|
36
36
|
'fullbleed': this.fullbleed,
|
|
37
37
|
'icon': hasIconSlot,
|
|
38
38
|
'only-icon': this.onlyIcon,
|
|
39
|
-
} }, this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '
|
|
39
|
+
} }, this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '47b7c91724aaac51684bd990c4c6bb8304f2ffa8', name: "label" }), hasIconSlot && h("slot", { key: '17a004151ddd450efd4ebc74220aa6b449fc81cd', name: "icon" }))));
|
|
40
40
|
}
|
|
41
41
|
get host() { return this; }
|
|
42
42
|
static get style() { return TdsButtonStyle0; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
|
|
2
2
|
import { g as generateUniqueId } from './p-11648030.js';
|
|
3
3
|
import { h as hasSlot } from './p-ae110fc2.js';
|
|
4
|
-
import {
|
|
4
|
+
import { g as getPrefixedTagNames } from './p-b33f8162.js';
|
|
5
5
|
|
|
6
6
|
const cardCss = ".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .header-subheader{display:flex;flex-direction:column;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}";
|
|
7
7
|
const TdsCardStyle0 = cardCss;
|
|
@@ -27,7 +27,8 @@ const TdsCard$1 = /*@__PURE__*/ proxyCustomElement(class TdsCard extends H {
|
|
|
27
27
|
const usesBodySlot = hasSlot('body', this.host);
|
|
28
28
|
const usesBodyImageSlot = hasSlot('body-image', this.host);
|
|
29
29
|
const usesActionsSlot = hasSlot('actions', this.host);
|
|
30
|
-
|
|
30
|
+
const prefixedTagNames = getPrefixedTagNames(this.host);
|
|
31
|
+
return (h("div", { class: this.stretch && 'stretch' }, this.imagePlacement === 'below-header' && this.getCardHeader(), h("div", { class: `card-body` }, usesBodyImageSlot && h("slot", { name: "body-image" }), this.bodyImg && h("img", { class: "card-body-img", src: this.bodyImg, alt: this.bodyImgAlt }), this.imagePlacement === 'above-header' && this.getCardHeader(), this.bodyDivider && h(prefixedTagNames.tdsDivider, null), usesBodySlot && h("slot", { name: "body" })), usesActionsSlot && h("slot", { name: `actions` })));
|
|
31
32
|
};
|
|
32
33
|
this.modeVariant = null;
|
|
33
34
|
this.imagePlacement = 'below-header';
|
|
@@ -41,7 +42,7 @@ const TdsCard$1 = /*@__PURE__*/ proxyCustomElement(class TdsCard extends H {
|
|
|
41
42
|
this.cardId = generateUniqueId();
|
|
42
43
|
}
|
|
43
44
|
render() {
|
|
44
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '7919fe89b0e312b6f75439d35382d86141f5f3e5', class: this.modeVariant && `tds-mode-variant-${this.modeVariant}` }, this.clickable ? (h("button", { class: `card ${this.clickable ? 'clickable' : ''} ${this.stretch ? `${this.imagePlacement}-stretch` : this.imagePlacement}`, onClick: () => {
|
|
45
46
|
if (this.clickable) {
|
|
46
47
|
this.handleClick();
|
|
47
48
|
}
|
|
@@ -65,18 +66,13 @@ function defineCustomElement$1() {
|
|
|
65
66
|
if (typeof customElements === "undefined") {
|
|
66
67
|
return;
|
|
67
68
|
}
|
|
68
|
-
const components = ["tds-card"
|
|
69
|
+
const components = ["tds-card"];
|
|
69
70
|
components.forEach(tagName => { switch (tagName) {
|
|
70
71
|
case "tds-card":
|
|
71
72
|
if (!customElements.get(tagName)) {
|
|
72
73
|
customElements.define(tagName, TdsCard$1);
|
|
73
74
|
}
|
|
74
75
|
break;
|
|
75
|
-
case "tds-divider":
|
|
76
|
-
if (!customElements.get(tagName)) {
|
|
77
|
-
defineCustomElement$2();
|
|
78
|
-
}
|
|
79
|
-
break;
|
|
80
76
|
} });
|
|
81
77
|
}
|
|
82
78
|
defineCustomElement$1();
|
|
@@ -1,4 +1,92 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
|
|
2
|
+
import { g as generateUniqueId } from './p-11648030.js';
|
|
3
|
+
|
|
4
|
+
const checkboxCss = ".sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:\"\";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:\"\";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:24px;height:24px;left:0;top:0;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-grey-600);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-image:var(--tds-checkbox-background-img-indeterminate);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:disabled::after{background-image:var(--tds-checkbox-background-img-indeterminate-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}";
|
|
5
|
+
const TdsCheckboxStyle0 = checkboxCss;
|
|
6
|
+
|
|
7
|
+
const TdsCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends H {
|
|
8
|
+
constructor() {
|
|
9
|
+
super();
|
|
10
|
+
this.__registerHost();
|
|
11
|
+
this.tdsChange = createEvent(this, "tdsChange", 6);
|
|
12
|
+
this.tdsFocus = createEvent(this, "tdsFocus", 6);
|
|
13
|
+
this.tdsBlur = createEvent(this, "tdsBlur", 6);
|
|
14
|
+
this.handleChange = () => {
|
|
15
|
+
this.checked = !this.checked;
|
|
16
|
+
this.indeterminate = false;
|
|
17
|
+
this.tdsChange.emit({
|
|
18
|
+
checkboxId: this.checkboxId,
|
|
19
|
+
checked: this.checked,
|
|
20
|
+
indeterminate: this.indeterminate,
|
|
21
|
+
value: this.value,
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
this.name = undefined;
|
|
25
|
+
this.checkboxId = generateUniqueId();
|
|
26
|
+
this.disabled = false;
|
|
27
|
+
this.required = false;
|
|
28
|
+
this.checked = false;
|
|
29
|
+
this.indeterminate = false;
|
|
30
|
+
this.value = undefined;
|
|
31
|
+
}
|
|
32
|
+
/** Toggles the checked value of the component. */
|
|
33
|
+
async toggleCheckbox() {
|
|
34
|
+
this.checked = !this.checked;
|
|
35
|
+
this.indeterminate = false;
|
|
36
|
+
return {
|
|
37
|
+
checkboxId: this.checkboxId,
|
|
38
|
+
checked: this.checked,
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
handleIndeterminateState() {
|
|
42
|
+
this.inputElement.indeterminate = this.indeterminate;
|
|
43
|
+
}
|
|
44
|
+
/** Set the input as focus when clicking the component */
|
|
45
|
+
handleFocus(event) {
|
|
46
|
+
this.tdsFocus.emit(event);
|
|
47
|
+
}
|
|
48
|
+
/** Set the input as blur when clicking outside the component */
|
|
49
|
+
handleBlur(event) {
|
|
50
|
+
this.tdsBlur.emit(event);
|
|
51
|
+
}
|
|
52
|
+
render() {
|
|
53
|
+
return (h("div", { key: '2dcea9f37f97567ee76642f57c5f6a8d906459bd', class: "tds-checkbox" }, h("input", { key: '65c80f9b2adf4ff01858cdb52dd22e99a0e35064',
|
|
54
|
+
// eslint-disable-next-line no-return-assign
|
|
55
|
+
ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
|
|
56
|
+
this.handleChange();
|
|
57
|
+
} }), h("label", { key: '14c426721c7c13700b8f81428b048da05eeed964', htmlFor: this.checkboxId }, h("slot", { key: '79539b265977d9a4a73a2c397ed9722597c5dfc4', name: "label" }))));
|
|
58
|
+
}
|
|
59
|
+
get host() { return this; }
|
|
60
|
+
static get watchers() { return {
|
|
61
|
+
"indeterminate": ["handleIndeterminateState"]
|
|
62
|
+
}; }
|
|
63
|
+
static get style() { return TdsCheckboxStyle0; }
|
|
64
|
+
}, [6, "tds-checkbox", {
|
|
65
|
+
"name": [1],
|
|
66
|
+
"checkboxId": [1, "checkbox-id"],
|
|
67
|
+
"disabled": [4],
|
|
68
|
+
"required": [4],
|
|
69
|
+
"checked": [1540],
|
|
70
|
+
"indeterminate": [1028],
|
|
71
|
+
"value": [1],
|
|
72
|
+
"toggleCheckbox": [64]
|
|
73
|
+
}, undefined, {
|
|
74
|
+
"indeterminate": ["handleIndeterminateState"]
|
|
75
|
+
}]);
|
|
76
|
+
function defineCustomElement$1() {
|
|
77
|
+
if (typeof customElements === "undefined") {
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
const components = ["tds-checkbox"];
|
|
81
|
+
components.forEach(tagName => { switch (tagName) {
|
|
82
|
+
case "tds-checkbox":
|
|
83
|
+
if (!customElements.get(tagName)) {
|
|
84
|
+
customElements.define(tagName, TdsCheckbox$1);
|
|
85
|
+
}
|
|
86
|
+
break;
|
|
87
|
+
} });
|
|
88
|
+
}
|
|
89
|
+
defineCustomElement$1();
|
|
2
90
|
|
|
3
91
|
const TdsCheckbox = TdsCheckbox$1;
|
|
4
92
|
const defineCustomElement = defineCustomElement$1;
|