@scania/tegel 1.0.0 → 1.0.1
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/README.md +178 -178
- package/components/checkbox.js +75 -0
- package/{dist/components → components}/core-header-item.js +1 -0
- package/{dist/components → components}/divider.js +1 -0
- package/{dist/components → components}/header-dropdown-list-item.js +1 -0
- package/{dist/components → components}/header-dropdown-list.js +1 -0
- package/{dist/components → components}/header-item.js +1 -0
- package/{dist/components → components}/header-launcher-button.js +1 -0
- package/{dist/components → components}/icon.js +2 -1
- package/{dist/components → components}/popover-canvas.js +1 -0
- package/{dist/components → components}/popover-core.js +1 -0
- package/{dist/components → components}/side-menu-item.js +1 -0
- package/{dist/components → components}/side-menu-user-image.js +1 -0
- package/{dist/components → components}/side-menu-user-label.js +1 -0
- package/{dist/components → components}/tds-accordion-item.d.ts +1 -1
- package/{dist/components → components}/tds-accordion-item.js +6 -5
- package/{dist/components → components}/tds-accordion.d.ts +1 -1
- package/{dist/components → components}/tds-accordion.js +1 -0
- package/{dist/components → components}/tds-badge.d.ts +1 -1
- package/{dist/components → components}/tds-badge.js +1 -0
- package/{dist/components → components}/tds-banner.d.ts +1 -1
- package/{dist/components → components}/tds-banner.js +1 -9
- package/{dist/components → components}/tds-block.d.ts +1 -1
- package/{dist/components → components}/tds-block.js +1 -0
- package/{dist/components → components}/tds-body-cell.d.ts +1 -1
- package/{dist/components → components}/tds-body-cell.js +1 -0
- package/{dist/components → components}/tds-breadcrumb.d.ts +1 -1
- package/{dist/components → components}/tds-breadcrumb.js +1 -0
- package/{dist/components → components}/tds-breadcrumbs.d.ts +1 -1
- package/{dist/components → components}/tds-breadcrumbs.js +1 -0
- package/{dist/components → components}/tds-button.d.ts +1 -1
- package/{dist/components → components}/tds-button.js +1 -0
- package/{dist/components → components}/tds-card.d.ts +1 -1
- package/{dist/components → components}/tds-card.js +1 -0
- package/{dist/components → components}/tds-checkbox.d.ts +1 -1
- package/{dist/components → components}/tds-chip.d.ts +1 -1
- package/{dist/components → components}/tds-chip.js +1 -0
- package/{dist/components → components}/tds-core-header-item.d.ts +1 -1
- package/{dist/components → components}/tds-datetime.d.ts +1 -1
- package/{dist/components → components}/tds-datetime.js +9 -8
- package/{dist/components → components}/tds-divider.d.ts +1 -1
- package/{dist/components → components}/tds-dropdown-option.d.ts +1 -1
- package/{dist/components → components}/tds-dropdown-option.js +6 -5
- package/{dist/components → components}/tds-dropdown.d.ts +1 -1
- package/{dist/components → components}/tds-dropdown.js +18 -17
- package/{dist/components → components}/tds-folder-tab.d.ts +1 -1
- package/{dist/components → components}/tds-folder-tab.js +2 -1
- package/{dist/components → components}/tds-folder-tabs.d.ts +1 -1
- package/{dist/components → components}/tds-folder-tabs.js +1 -0
- package/{dist/components → components}/tds-footer-group.d.ts +1 -1
- package/{dist/components → components}/tds-footer-group.js +3 -2
- package/{dist/components → components}/tds-footer-item.d.ts +1 -1
- package/{dist/components → components}/tds-footer-item.js +1 -0
- package/{dist/components → components}/tds-footer.d.ts +1 -1
- package/{dist/components → components}/tds-footer.js +1 -0
- package/{dist/components → components}/tds-header-brand-symbol.d.ts +1 -1
- package/{dist/components → components}/tds-header-brand-symbol.js +1 -0
- package/{dist/components → components}/tds-header-cell.d.ts +1 -1
- package/{dist/components → components}/tds-header-cell.js +1 -0
- package/{dist/components → components}/tds-header-dropdown-list-item.d.ts +1 -1
- package/{dist/components → components}/tds-header-dropdown-list-user.d.ts +1 -1
- package/{dist/components → components}/tds-header-dropdown-list-user.js +1 -0
- package/{dist/components → components}/tds-header-dropdown-list.d.ts +1 -1
- package/{dist/components → components}/tds-header-dropdown.d.ts +1 -1
- package/{dist/components → components}/tds-header-dropdown.js +1 -0
- package/{dist/components → components}/tds-header-hamburger.d.ts +1 -1
- package/{dist/components → components}/tds-header-hamburger.js +1 -0
- package/{dist/components → components}/tds-header-item.d.ts +1 -1
- package/{dist/components → components}/tds-header-launcher-button.d.ts +1 -1
- package/{dist/components → components}/tds-header-launcher-grid-item.d.ts +1 -1
- package/{dist/components → components}/tds-header-launcher-grid-item.js +1 -0
- package/{dist/components → components}/tds-header-launcher-grid-title.d.ts +1 -1
- package/{dist/components → components}/tds-header-launcher-grid-title.js +1 -0
- package/{dist/components → components}/tds-header-launcher-grid.d.ts +1 -1
- package/{dist/components → components}/tds-header-launcher-grid.js +1 -0
- package/{dist/components → components}/tds-header-launcher-list-item.d.ts +1 -1
- package/{dist/components → components}/tds-header-launcher-list-item.js +1 -0
- package/{dist/components → components}/tds-header-launcher-list-title.d.ts +1 -1
- package/{dist/components → components}/tds-header-launcher-list-title.js +1 -0
- package/{dist/components → components}/tds-header-launcher-list.d.ts +1 -1
- package/{dist/components → components}/tds-header-launcher-list.js +1 -0
- package/{dist/components → components}/tds-header-launcher.d.ts +1 -1
- package/{dist/components → components}/tds-header-launcher.js +1 -0
- package/{dist/components → components}/tds-header-title.d.ts +1 -1
- package/{dist/components → components}/tds-header-title.js +1 -0
- package/{dist/components → components}/tds-header.d.ts +1 -1
- package/{dist/components → components}/tds-header.js +1 -0
- package/{dist/components → components}/tds-icon.d.ts +1 -1
- package/{dist/components → components}/tds-inline-tab.d.ts +1 -1
- package/{dist/components → components}/tds-inline-tab.js +2 -1
- package/{dist/components → components}/tds-inline-tabs.d.ts +1 -1
- package/{dist/components → components}/tds-inline-tabs.js +1 -0
- package/{dist/components → components}/tds-link.d.ts +1 -1
- package/{dist/components → components}/tds-link.js +4 -3
- package/{dist/components → components}/tds-message.d.ts +1 -1
- package/{dist/components → components}/tds-message.js +4 -3
- package/{dist/components → components}/tds-modal.d.ts +1 -1
- package/{dist/components → components}/tds-modal.js +1 -0
- package/{dist/components → components}/tds-navigation-tab.d.ts +1 -1
- package/{dist/components → components}/tds-navigation-tab.js +2 -1
- package/{dist/components → components}/tds-navigation-tabs.d.ts +1 -1
- package/{dist/components → components}/tds-navigation-tabs.js +1 -0
- package/{dist/components → components}/tds-popover-canvas.d.ts +1 -1
- package/{dist/components → components}/tds-popover-core.d.ts +1 -1
- package/{dist/components → components}/tds-popover-menu-item.d.ts +1 -1
- package/{dist/components → components}/tds-popover-menu-item.js +1 -0
- package/{dist/components → components}/tds-popover-menu.d.ts +1 -1
- package/{dist/components → components}/tds-popover-menu.js +1 -0
- package/{dist/components → components}/tds-radio-button.d.ts +1 -1
- package/{dist/components → components}/tds-radio-button.js +1 -0
- package/{dist/components → components}/tds-side-menu-close-button.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu-close-button.js +1 -0
- package/{dist/components → components}/tds-side-menu-collapse-button.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu-collapse-button.js +1 -0
- package/{dist/components → components}/tds-side-menu-dropdown-list-item.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu-dropdown-list-item.js +1 -0
- package/{dist/components → components}/tds-side-menu-dropdown-list.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu-dropdown-list.js +1 -0
- package/{dist/components → components}/tds-side-menu-dropdown.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu-dropdown.js +1 -0
- package/{dist/components → components}/tds-side-menu-item.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu-overlay.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu-overlay.js +1 -0
- package/{dist/components → components}/tds-side-menu-user-image.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu-user-label.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu-user.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu-user.js +1 -0
- package/{dist/components → components}/tds-side-menu.d.ts +1 -1
- package/{dist/components → components}/tds-side-menu.js +1 -0
- package/{dist/components → components}/tds-slider.d.ts +1 -1
- package/{dist/components → components}/tds-slider.js +1 -0
- package/{dist/components → components}/tds-spinner.d.ts +1 -1
- package/{dist/components → components}/tds-spinner.js +1 -0
- package/{dist/components → components}/tds-step.d.ts +1 -1
- package/{dist/components → components}/tds-step.js +1 -0
- package/{dist/components → components}/tds-stepper.d.ts +1 -1
- package/{dist/components → components}/tds-stepper.js +1 -0
- package/{dist/components → components}/tds-table-body-row-expandable.d.ts +1 -1
- package/{dist/components → components}/tds-table-body-row-expandable.js +1 -0
- package/{dist/components → components}/tds-table-body-row.d.ts +1 -1
- package/{dist/components → components}/tds-table-body-row.js +1 -0
- package/{dist/components → components}/tds-table-body.d.ts +1 -1
- package/{dist/components → components}/tds-table-body.js +1 -0
- package/{dist/components → components}/tds-table-footer.d.ts +1 -1
- package/{dist/components → components}/tds-table-footer.js +2 -1
- package/{dist/components → components}/tds-table-header.d.ts +1 -1
- package/{dist/components → components}/tds-table-header.js +1 -0
- package/{dist/components → components}/tds-table-toolbar.d.ts +1 -1
- package/{dist/components → components}/tds-table-toolbar.js +1 -0
- package/{dist/components → components}/tds-table.d.ts +1 -1
- package/{dist/components → components}/tds-table.js +1 -0
- package/{dist/components → components}/tds-text-field.d.ts +1 -1
- package/{dist/components → components}/tds-text-field.js +12 -11
- package/{dist/components → components}/tds-textarea.d.ts +1 -1
- package/{dist/components → components}/tds-textarea.js +11 -10
- package/{dist/components → components}/tds-toast.d.ts +1 -1
- package/{dist/components → components}/tds-toast.js +3 -2
- package/{dist/components → components}/tds-toggle.d.ts +1 -1
- package/{dist/components → components}/tds-toggle.js +1 -0
- package/{dist/components → components}/tds-tooltip.d.ts +1 -1
- package/{dist/components → components}/tds-tooltip.js +1 -0
- package/dist/cjs/tds-accordion-item.cjs.entry.js +5 -5
- package/dist/cjs/tds-banner.cjs.entry.js +0 -9
- package/dist/cjs/tds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/tds-datetime.cjs.entry.js +8 -8
- package/dist/cjs/tds-dropdown-option.cjs.entry.js +5 -5
- package/dist/cjs/tds-dropdown.cjs.entry.js +17 -17
- package/dist/cjs/tds-folder-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer-group.cjs.entry.js +2 -2
- package/dist/cjs/tds-icon.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-link.cjs.entry.js +3 -3
- package/dist/cjs/tds-message.cjs.entry.js +3 -3
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-text-field.cjs.entry.js +11 -11
- package/dist/cjs/tds-textarea.cjs.entry.js +10 -10
- package/dist/cjs/tds-toast.cjs.entry.js +2 -2
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +6 -6
- package/dist/collection/components/accordion/accordion.stories.js +21 -21
- package/dist/collection/components/badge/badge.stories.js +30 -30
- package/dist/collection/components/banner/banner.js +2 -25
- package/dist/collection/components/banner/banner.stories.js +16 -19
- package/dist/collection/components/block/block.stories.js +9 -9
- package/dist/collection/components/breadcrumbs/breadcrumbs.stories.js +12 -12
- package/dist/collection/components/button/button.stories.js +26 -26
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/card/card.stories.js +31 -31
- package/dist/collection/components/checkbox/checkbox.css +14 -0
- package/dist/collection/components/checkbox/checkbox.js +1 -1
- package/dist/collection/components/checkbox/checkbox.stories.js +22 -22
- package/dist/collection/components/chip/chip.js +5 -5
- package/dist/collection/components/chip/chip.stories.js +93 -93
- package/dist/collection/components/datetime/datetime.js +8 -8
- package/dist/collection/components/datetime/datetime.stories.js +40 -40
- package/dist/collection/components/divider/divider.stories.js +4 -4
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.css +4 -4
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +5 -5
- package/dist/collection/components/dropdown/dropdown.js +18 -18
- package/dist/collection/components/dropdown/dropdown.stories.js +57 -57
- package/dist/collection/components/footer/footer-group/footer-group.js +2 -2
- package/dist/collection/components/footer/footer.stories.js +93 -93
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +1 -1
- package/dist/collection/components/header/header-item/header-item.js +1 -1
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +1 -1
- package/dist/collection/components/header/header.stories.js +31 -31
- package/dist/collection/components/icon/icon.stories.js +2 -2
- package/dist/collection/components/icon/iconsArray.js +115 -115
- package/dist/collection/components/link/link.js +3 -3
- package/dist/collection/components/link/link.stories.js +9 -9
- package/dist/collection/components/message/message.js +3 -3
- package/dist/collection/components/message/message.stories.js +18 -18
- package/dist/collection/components/modal/modal.js +1 -1
- package/dist/collection/components/modal/modal.stories.js +27 -27
- package/dist/collection/components/popover-canvas/popover-canvas.js +1 -1
- package/dist/collection/components/popover-canvas/popover-canvas.stories.js +33 -33
- package/dist/collection/components/popover-core/popover-core.js +1 -1
- package/dist/collection/components/popover-menu/popover-menu.js +1 -1
- package/dist/collection/components/popover-menu/popover-menu.stories.js +60 -60
- package/dist/collection/components/radio-button/radio-button.js +2 -2
- package/dist/collection/components/radio-button/radio-button.stories.js +44 -44
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +1 -1
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +1 -1
- package/dist/collection/components/side-menu/side-menu.js +4 -4
- package/dist/collection/components/side-menu/side-menu.stories.js +143 -143
- package/dist/collection/components/slider/slider.js +1 -1
- package/dist/collection/components/slider/slider.stories.js +38 -38
- package/dist/collection/components/spinner/spinner.stories.js +5 -5
- package/dist/collection/components/stepper/stepper.js +2 -2
- package/dist/collection/components/stepper/stepper.stories.js +14 -14
- package/dist/collection/components/table/table/table.js +2 -2
- package/dist/collection/components/table/table-body-row/table-body-row.js +1 -1
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +1 -1
- package/dist/collection/components/table/table-component-basic.stories.js +51 -51
- package/dist/collection/components/table/table-component-batch-actions.stories.js +58 -58
- package/dist/collection/components/table/table-component-custom-width.stories.js +52 -52
- package/dist/collection/components/table/table-component-expandable-rows.stories.js +38 -38
- package/dist/collection/components/table/table-component-filtering.stories.js +71 -71
- package/dist/collection/components/table/table-component-multiselect.stories.js +73 -73
- package/dist/collection/components/table/table-component-pagination.stories.js +72 -72
- package/dist/collection/components/table/table-component-sorting.stories.js +74 -74
- package/dist/collection/components/table/table-footer/table-footer.css +2 -1
- package/dist/collection/components/table/table-footer/table-footer.js +1 -1
- package/dist/collection/components/table/table-header/table-header.js +1 -1
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +3 -3
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +1 -1
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.stories.js +34 -34
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +1 -1
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.stories.js +34 -34
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +1 -1
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.stories.js +36 -36
- package/dist/collection/components/text-field/text-field.js +12 -12
- package/dist/collection/components/text-field/text-field.stories.js +45 -45
- package/dist/collection/components/textarea/textarea.js +10 -10
- package/dist/collection/components/textarea/textarea.stories.js +40 -40
- package/dist/collection/components/toast/toast.js +3 -3
- package/dist/collection/components/toast/toast.stories.js +15 -15
- package/dist/collection/components/toggle/toggle.js +1 -1
- package/dist/collection/components/toggle/toggle.stories.js +17 -17
- package/dist/collection/components/tooltip/tooltip.stories.js +33 -33
- package/dist/collection/stories/Installation/installation.stories.js +205 -205
- package/dist/collection/stories/announcements/announce-tegel.stories.js +248 -248
- package/dist/collection/stories/announcements/prefix-change.stories.js +79 -79
- package/dist/collection/stories/foundations/color/color-brand.stories.js +24 -24
- package/dist/collection/stories/foundations/color/color-scales.stories.js +18 -18
- package/dist/collection/stories/foundations/color/color-semantic.stories.js +26 -26
- package/dist/collection/stories/foundations/grid/grid.stories.js +334 -334
- package/dist/collection/stories/foundations/spacing/spacing-element.stories.js +90 -90
- package/dist/collection/stories/foundations/spacing/spacing-layout.stories.js +84 -84
- package/dist/collection/stories/foundations/typography/typography-body.stories.js +7 -7
- package/dist/collection/stories/foundations/typography/typography-detail.stories.js +8 -8
- package/dist/collection/stories/foundations/typography/typography-headline.stories.js +17 -17
- package/dist/collection/stories/foundations/typography/typography-paragraph.stories.js +3 -3
- package/dist/collection/stories/patterns/navigation/navigation-basic.stories.js +53 -53
- package/dist/collection/stories/patterns/navigation/navigation-fewitems.stories.js +227 -227
- package/dist/collection/stories/patterns/navigation/navigation-manyitems.stories.js +202 -202
- package/dist/collection/stories/patterns/navigation/navigation-user-menu.stories.js +98 -98
- package/dist/collection/stories/tegel.stories.js +270 -279
- package/dist/collection/stories/utility/color/background-color.stories.js +13 -13
- package/dist/collection/stories/utility/color/text-color.stories.js +11 -11
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/tds-accordion-item.entry.js +5 -5
- package/dist/esm/tds-banner.entry.js +0 -9
- package/dist/esm/tds-checkbox.entry.js +1 -1
- package/dist/esm/tds-datetime.entry.js +8 -8
- package/dist/esm/tds-dropdown-option.entry.js +5 -5
- package/dist/esm/tds-dropdown.entry.js +17 -17
- package/dist/esm/tds-folder-tab.entry.js +1 -1
- package/dist/esm/tds-footer-group.entry.js +2 -2
- package/dist/esm/tds-icon.entry.js +1 -1
- package/dist/esm/tds-inline-tab.entry.js +1 -1
- package/dist/esm/tds-link.entry.js +3 -3
- package/dist/esm/tds-message.entry.js +3 -3
- package/dist/esm/tds-navigation-tab.entry.js +1 -1
- package/dist/esm/tds-table-footer.entry.js +1 -1
- package/dist/esm/tds-text-field.entry.js +11 -11
- package/dist/esm/tds-textarea.entry.js +10 -10
- package/dist/esm/tds-toast.entry.js +2 -2
- package/dist/tegel/p-2efaac74.entry.js +1 -0
- package/dist/tegel/{p-9b560c6d.entry.js → p-67fa6245.entry.js} +1 -1
- package/dist/tegel/p-e9ae12d7.entry.js +1 -0
- package/dist/tegel/{p-52edb8b7.entry.js → p-e9b8d1d5.entry.js} +1 -1
- package/dist/tegel/tegel.css +2 -4
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/banner/banner.d.ts +0 -5
- package/dist/types/components/text-field/text-field.d.ts +1 -1
- package/dist/types/components.d.ts +58 -64
- package/dist/types/global.d.ts +2 -2
- package/package.json +81 -80
- package/dist/components/checkbox.js +0 -74
- package/dist/tegel/p-cf75e7c1.entry.js +0 -1
- package/dist/tegel/p-faaa50c2.entry.js +0 -1
- /package/{dist/components → components}/index.d.ts +0 -0
- /package/{dist/components → components}/index.js +0 -0
- /package/{dist/components → components}/tds-checkbox.js +0 -0
- /package/{dist/components → components}/tds-core-header-item.js +0 -0
- /package/{dist/components → components}/tds-divider.js +0 -0
- /package/{dist/components → components}/tds-header-dropdown-list-item.js +0 -0
- /package/{dist/components → components}/tds-header-dropdown-list.js +0 -0
- /package/{dist/components → components}/tds-header-item.js +0 -0
- /package/{dist/components → components}/tds-header-launcher-button.js +0 -0
- /package/{dist/components → components}/tds-icon.js +0 -0
- /package/{dist/components → components}/tds-popover-canvas.js +0 -0
- /package/{dist/components → components}/tds-popover-core.js +0 -0
- /package/{dist/components → components}/tds-side-menu-item.js +0 -0
- /package/{dist/components → components}/tds-side-menu-user-image.js +0 -0
- /package/{dist/components → components}/tds-side-menu-user-label.js +0 -0
- /package/{dist/components → components}/utils.js +0 -0
|
@@ -26,11 +26,11 @@ const TdsAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsAccordionIt
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (h(Host, null, h("div", { class: `tds-accordion-item
|
|
30
|
-
${this.disabled ? 'disabled' : ''}
|
|
31
|
-
${this.expanded ? 'expanded' : ''}
|
|
32
|
-
` }, h("button", { type: "button", "aria-expanded": this.expanded, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { class: "tds-accordion-title" }, this.header, h("slot", { name: "header" })), h("div", { class: "tds-accordion-icon" }, h("tds-icon", { name: "chevron_down", size: "16px" }))), h("div", { class: `tds-accordion-panel
|
|
33
|
-
${this.paddingReset ? 'tds-accordion-panel--padding-reset ' : ''}
|
|
29
|
+
return (h(Host, null, h("div", { class: `tds-accordion-item
|
|
30
|
+
${this.disabled ? 'disabled' : ''}
|
|
31
|
+
${this.expanded ? 'expanded' : ''}
|
|
32
|
+
` }, h("button", { type: "button", "aria-expanded": this.expanded, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { class: "tds-accordion-title" }, this.header, h("slot", { name: "header" })), h("div", { class: "tds-accordion-icon" }, h("tds-icon", { name: "chevron_down", size: "16px" }))), h("div", { class: `tds-accordion-panel
|
|
33
|
+
${this.paddingReset ? 'tds-accordion-panel--padding-reset ' : ''}
|
|
34
34
|
` }, h("slot", null)))));
|
|
35
35
|
}
|
|
36
36
|
static get style() { return accordionItemCss; }
|
|
@@ -60,6 +60,7 @@ function defineCustomElement$1() {
|
|
|
60
60
|
break;
|
|
61
61
|
} });
|
|
62
62
|
}
|
|
63
|
+
defineCustomElement$1();
|
|
63
64
|
|
|
64
65
|
const TdsAccordionItem = TdsAccordionItem$1;
|
|
65
66
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -10,7 +10,6 @@ const TdsBanner$1 = /*@__PURE__*/ proxyCustomElement(class TdsBanner extends HTM
|
|
|
10
10
|
this.__registerHost();
|
|
11
11
|
this.__attachShadow();
|
|
12
12
|
this.tdsClose = createEvent(this, "tdsClose", 7);
|
|
13
|
-
this.tdsShow = createEvent(this, "tdsShow", 7);
|
|
14
13
|
this.handleClose = () => {
|
|
15
14
|
const tdsCloseEvent = this.tdsClose.emit({
|
|
16
15
|
bannerId: this.bannerId,
|
|
@@ -19,14 +18,6 @@ const TdsBanner$1 = /*@__PURE__*/ proxyCustomElement(class TdsBanner extends HTM
|
|
|
19
18
|
this.hidden = true;
|
|
20
19
|
}
|
|
21
20
|
};
|
|
22
|
-
this.handleShow = () => {
|
|
23
|
-
const tdsCloseEvent = this.tdsShow.emit({
|
|
24
|
-
bannerId: this.bannerId,
|
|
25
|
-
});
|
|
26
|
-
if (!tdsCloseEvent.defaultPrevented) {
|
|
27
|
-
this.hidden = false;
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
21
|
this.icon = undefined;
|
|
31
22
|
this.header = undefined;
|
|
32
23
|
this.subheader = undefined;
|
|
@@ -88,6 +79,7 @@ function defineCustomElement$1() {
|
|
|
88
79
|
break;
|
|
89
80
|
} });
|
|
90
81
|
}
|
|
82
|
+
defineCustomElement$1();
|
|
91
83
|
|
|
92
84
|
const TdsBanner = TdsBanner$1;
|
|
93
85
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -85,16 +85,16 @@ const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends
|
|
|
85
85
|
if (this.size === 'sm') {
|
|
86
86
|
className += `${className}-sm`;
|
|
87
87
|
}
|
|
88
|
-
return (h("div", { class: `
|
|
89
|
-
${this.noMinWidth ? 'tds-form-datetime-nomin' : ''}
|
|
90
|
-
${this.focusInput ? 'tds-form-datetime tds-datetime-focus' : ' tds-form-datetime'}
|
|
91
|
-
${this.value.length > 0 ? 'tds-datetime-data' : ''}
|
|
92
|
-
${this.disabled ? 'tds-form-datetime-disabled' : ''}
|
|
93
|
-
${this.size === 'md' ? 'tds-form-datetime-md' : ''}
|
|
94
|
-
${this.size === 'sm' ? 'tds-form-datetime-sm' : ''}
|
|
88
|
+
return (h("div", { class: `
|
|
89
|
+
${this.noMinWidth ? 'tds-form-datetime-nomin' : ''}
|
|
90
|
+
${this.focusInput ? 'tds-form-datetime tds-datetime-focus' : ' tds-form-datetime'}
|
|
91
|
+
${this.value.length > 0 ? 'tds-datetime-data' : ''}
|
|
92
|
+
${this.disabled ? 'tds-form-datetime-disabled' : ''}
|
|
93
|
+
${this.size === 'md' ? 'tds-form-datetime-md' : ''}
|
|
94
|
+
${this.size === 'sm' ? 'tds-form-datetime-sm' : ''}
|
|
95
95
|
${this.state === 'error' || this.state === 'success'
|
|
96
96
|
? `tds-form-datetime-${this.state}`
|
|
97
|
-
: ''}
|
|
97
|
+
: ''}
|
|
98
98
|
${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && (h("label", { htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { class: "tds-datetime-input-container" }, h("input", { ref: (inputEl) => (this.textInput = inputEl), class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e) }), h("div", { class: "datetime-icon icon-datetime-local" }, h("tds-icon", { size: "20px", name: "calendar" })), h("div", { class: "datetime-icon icon-time" }, h("tds-icon", { size: "20px", name: "clock" }))), h("div", { class: "tds-datetime-bar" })), h("div", { class: "tds-datetime-helper" }, this.helper && (h("div", { class: "tds-helper" }, this.state === 'error' && h("tds-icon", { name: "error", size: "16px" }), this.helper)))));
|
|
99
99
|
}
|
|
100
100
|
static get style() { return datetimeCss; }
|
|
@@ -133,6 +133,7 @@ function defineCustomElement$1() {
|
|
|
133
133
|
break;
|
|
134
134
|
} });
|
|
135
135
|
}
|
|
136
|
+
defineCustomElement$1();
|
|
136
137
|
|
|
137
138
|
const TdsDatetime = TdsDatetime$1;
|
|
138
139
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
|
|
|
2
2
|
import { d as defineCustomElement$3 } from './checkbox.js';
|
|
3
3
|
import { d as defineCustomElement$2 } from './icon.js';
|
|
4
4
|
|
|
5
|
-
const dropdownOptionCss = ":host{display:block;background-color:var(--tds-dropdown-option-background)}:host .dropdown-option{display:flex;align-items:center;color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option.lg{height:47px}:host .dropdown-option.md{height:47px}:host .dropdown-option.sm{height:39px}:host .dropdown-option button{all:unset;width:100%;height:100%}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .dropdown-option .multiselect{
|
|
5
|
+
const dropdownOptionCss = ":host{display:block;background-color:var(--tds-dropdown-option-background)}:host .dropdown-option{display:flex;align-items:center;color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option.lg{height:47px}:host .dropdown-option.md{height:47px}:host .dropdown-option.sm{height:39px}:host .dropdown-option button{all:unset;width:100%;height:100%}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%;padding:0 16px}:host .dropdown-option:hover{background-color:var(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";
|
|
6
6
|
|
|
7
7
|
const TdsDropdownOption$1 = /*@__PURE__*/ proxyCustomElement(class TdsDropdownOption extends HTMLElement {
|
|
8
8
|
constructor() {
|
|
@@ -69,10 +69,10 @@ const TdsDropdownOption$1 = /*@__PURE__*/ proxyCustomElement(class TdsDropdownOp
|
|
|
69
69
|
this.selected = selected;
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
|
-
return (h(Host, { role: "option", "aria-disabled": this.disabled, "aria-selected": this.selected }, h("div", { class: `dropdown-option
|
|
73
|
-
${this.size}
|
|
74
|
-
${this.selected ? 'selected' : ''}
|
|
75
|
-
${this.disabled ? 'disabled' : ''}
|
|
72
|
+
return (h(Host, { role: "option", "aria-disabled": this.disabled, "aria-selected": this.selected }, h("div", { class: `dropdown-option
|
|
73
|
+
${this.size}
|
|
74
|
+
${this.selected ? 'selected' : ''}
|
|
75
|
+
${this.disabled ? 'disabled' : ''}
|
|
76
76
|
` }, this.multiselect ? (h("div", { class: "multiselect", onKeyDown: (event) => {
|
|
77
77
|
if (event.key === 'Escape') {
|
|
78
78
|
this.parentElement.close();
|
|
@@ -117,6 +117,7 @@ function defineCustomElement$1() {
|
|
|
117
117
|
break;
|
|
118
118
|
} });
|
|
119
119
|
}
|
|
120
|
+
defineCustomElement$1();
|
|
120
121
|
|
|
121
122
|
const TdsDropdownOption = TdsDropdownOption$1;
|
|
122
123
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -223,11 +223,11 @@ const TdsDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsDropdown extends
|
|
|
223
223
|
render() {
|
|
224
224
|
var _a, _b, _c, _d;
|
|
225
225
|
appendHiddenInput(this.host, this.name, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((item) => item.value).toString(), this.disabled);
|
|
226
|
-
return (h(Host, { role: "select", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && this.labelPosition === 'outside' && (h("div", { class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { class: `dropdown-select ${this.size} ${this.disabled ? 'disabled' : ''}` }, this.filter ? (h("div", { class: `filter ${this.filterFocus ? 'focus' : ''}
|
|
227
|
-
${this.disabled ? 'disabled' : ''}` }, h("div", { class: "value-wrapper" }, this.label && this.labelPosition === 'inside' && this.placeholder && (h("div", { class: `label-inside ${this.size}` }, this.label)), this.label && this.labelPosition === 'inside' && !this.placeholder && (h("div", { class: `
|
|
228
|
-
label-inside-as-placeholder
|
|
229
|
-
${this.size}
|
|
230
|
-
${((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) ? 'selected' : ''}
|
|
226
|
+
return (h(Host, { role: "select", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && this.labelPosition === 'outside' && (h("div", { class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { class: `dropdown-select ${this.size} ${this.disabled ? 'disabled' : ''}` }, this.filter ? (h("div", { class: `filter ${this.filterFocus ? 'focus' : ''}
|
|
227
|
+
${this.disabled ? 'disabled' : ''}` }, h("div", { class: "value-wrapper" }, this.label && this.labelPosition === 'inside' && this.placeholder && (h("div", { class: `label-inside ${this.size}` }, this.label)), this.label && this.labelPosition === 'inside' && !this.placeholder && (h("div", { class: `
|
|
228
|
+
label-inside-as-placeholder
|
|
229
|
+
${this.size}
|
|
230
|
+
${((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) ? 'selected' : ''}
|
|
231
231
|
` }, this.label)), h("input", {
|
|
232
232
|
// eslint-disable-next-line no-return-assign
|
|
233
233
|
ref: (element) => (this.inputElement = element), class: `${this.labelPosition === 'inside' ? 'placeholder' : ''}`, type: "text", placeholder: this.placeholder, value: this.getValue(), disabled: this.disabled, onInput: (event) => this.handleFilter(event), onBlur: (event) => {
|
|
@@ -250,18 +250,18 @@ const TdsDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsDropdown extends
|
|
|
250
250
|
if (event.key === 'Escape') {
|
|
251
251
|
this.open = false;
|
|
252
252
|
}
|
|
253
|
-
}, class: `
|
|
254
|
-
${this.selection ? 'value' : 'placeholder'}
|
|
255
|
-
${this.open ? 'open' : 'closed'}
|
|
256
|
-
${this.error ? 'error' : ''}
|
|
257
|
-
`, disabled: this.disabled }, h("div", { class: `value-wrapper ${this.size}` }, this.label && this.labelPosition === 'inside' && this.placeholder && (h("div", { class: `label-inside ${this.size}` }, this.label)), this.label && this.labelPosition === 'inside' && !this.placeholder && (h("div", { class: `
|
|
258
|
-
label-inside-as-placeholder
|
|
259
|
-
${this.size}
|
|
260
|
-
${((_c = this.selection) === null || _c === void 0 ? void 0 : _c.length) ? 'selected' : ''}
|
|
261
|
-
` }, this.label)), h("div", { class: `placeholder ${this.size}` }, ((_d = this.selection) === null || _d === void 0 ? void 0 : _d.length) ? this.getValue() : this.placeholder), h("tds-icon", { class: `${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { ref: (element) => (this.dropdownList = element), class: `dropdown-list
|
|
262
|
-
${this.size}
|
|
263
|
-
${this.open ? 'open' : 'closed'}
|
|
264
|
-
${this.getOpenDirection()}
|
|
253
|
+
}, class: `
|
|
254
|
+
${this.selection ? 'value' : 'placeholder'}
|
|
255
|
+
${this.open ? 'open' : 'closed'}
|
|
256
|
+
${this.error ? 'error' : ''}
|
|
257
|
+
`, disabled: this.disabled }, h("div", { class: `value-wrapper ${this.size}` }, this.label && this.labelPosition === 'inside' && this.placeholder && (h("div", { class: `label-inside ${this.size}` }, this.label)), this.label && this.labelPosition === 'inside' && !this.placeholder && (h("div", { class: `
|
|
258
|
+
label-inside-as-placeholder
|
|
259
|
+
${this.size}
|
|
260
|
+
${((_c = this.selection) === null || _c === void 0 ? void 0 : _c.length) ? 'selected' : ''}
|
|
261
|
+
` }, this.label)), h("div", { class: `placeholder ${this.size}` }, ((_d = this.selection) === null || _d === void 0 ? void 0 : _d.length) ? this.getValue() : this.placeholder), h("tds-icon", { class: `${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { ref: (element) => (this.dropdownList = element), class: `dropdown-list
|
|
262
|
+
${this.size}
|
|
263
|
+
${this.open ? 'open' : 'closed'}
|
|
264
|
+
${this.getOpenDirection()}
|
|
265
265
|
${this.label && this.labelPosition === 'outside' ? 'label-outside' : ''}` }, h("slot", null), this.filterResult === 0 && (h("div", { class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { class: `helper ${this.error ? 'error' : ''} ${this.disabled ? 'disabled' : ''}` }, this.error && h("tds-icon", { name: "error", size: "16px" }), this.helper))));
|
|
266
266
|
}
|
|
267
267
|
get host() { return this; }
|
|
@@ -311,6 +311,7 @@ function defineCustomElement$1() {
|
|
|
311
311
|
break;
|
|
312
312
|
} });
|
|
313
313
|
}
|
|
314
|
+
defineCustomElement$1();
|
|
314
315
|
|
|
315
316
|
const TdsDropdown = TdsDropdown$1;
|
|
316
317
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -20,7 +20,7 @@ const TdsFolderTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsFolderTab exten
|
|
|
20
20
|
this.selected = selected;
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h(Host, { role: "listitem" }, h("div", { class: `${this.disabled ? 'disabled' : ''}
|
|
23
|
+
return (h(Host, { role: "listitem" }, h("div", { class: `${this.disabled ? 'disabled' : ''}
|
|
24
24
|
${this.selected ? 'selected' : ''}`, style: { width: `${this.tabWidth}px` } }, h("slot", null))));
|
|
25
25
|
}
|
|
26
26
|
static get style() { return folderTabCss; }
|
|
@@ -44,6 +44,7 @@ function defineCustomElement$1() {
|
|
|
44
44
|
break;
|
|
45
45
|
} });
|
|
46
46
|
}
|
|
47
|
+
defineCustomElement$1();
|
|
47
48
|
|
|
48
49
|
const TdsFolderTab = TdsFolderTab$1;
|
|
49
50
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -25,8 +25,8 @@ const TdsFooterGroup$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooterGroup e
|
|
|
25
25
|
render() {
|
|
26
26
|
return (h(Host, null, this.titleText && this.topPartGroup && (h("div", { class: "footer-top-title" }, this.titleText)), this.titleText && this.topPartGroup && (h("button", { onClick: () => {
|
|
27
27
|
this.open = !this.open;
|
|
28
|
-
}, class: `footer-top-title-button ${this.open ? 'expanded' : 'closed'}` }, this.titleText, h("tds-icon", { name: "chevron_down", size: "20px" }))), h("div", { role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
|
|
29
|
-
${this.topPartGroup ? 'top-part-child' : ''}
|
|
28
|
+
}, class: `footer-top-title-button ${this.open ? 'expanded' : 'closed'}` }, this.titleText, h("tds-icon", { name: "chevron_down", size: "20px" }))), h("div", { role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
|
|
29
|
+
${this.topPartGroup ? 'top-part-child' : ''}
|
|
30
30
|
${this.open ? 'expanded' : 'closed'}` }, h("slot", null))));
|
|
31
31
|
}
|
|
32
32
|
get host() { return this; }
|
|
@@ -53,6 +53,7 @@ function defineCustomElement$1() {
|
|
|
53
53
|
break;
|
|
54
54
|
} });
|
|
55
55
|
}
|
|
56
|
+
defineCustomElement$1();
|
|
56
57
|
|
|
57
58
|
const TdsFooterGroup = TdsFooterGroup$1;
|
|
58
59
|
const defineCustomElement = defineCustomElement$1;
|