@scania/tegel 1.41.0-stencil-core-beta.0 → 1.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/index-ca8040ad.js +2039 -0
- package/dist/cjs/{inheritAriaAttributes-D_xFGssc.js → inheritAriaAttributes-dedbbc57.js} +1 -1
- package/dist/cjs/{isHeadingElement-DihKNeqS.js → isHeadingElement-4f06b688.js} +1 -1
- package/dist/cjs/loader.cjs.js +6 -3
- package/dist/cjs/tds-accordion-item.cjs.entry.js +6 -9
- package/dist/cjs/tds-accordion.cjs.entry.js +5 -4
- package/dist/cjs/tds-badge.cjs.entry.js +5 -6
- package/dist/cjs/tds-banner.cjs.entry.js +14 -18
- package/dist/cjs/tds-block.cjs.entry.js +5 -4
- package/dist/cjs/tds-body-cell.cjs.entry.js +9 -3
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +5 -3
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +6 -2
- package/dist/cjs/tds-button_2.cjs.entry.js +12 -13
- package/dist/cjs/tds-card.cjs.entry.js +19 -28
- package/dist/cjs/tds-checkbox.cjs.entry.js +15 -13
- package/dist/cjs/tds-chip.cjs.entry.js +15 -18
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +8 -7
- package/dist/cjs/tds-datetime.cjs.entry.js +23 -27
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +43 -34
- package/dist/cjs/tds-folder-tab.cjs.entry.js +6 -3
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +13 -13
- package/dist/cjs/tds-footer-group.cjs.entry.js +10 -5
- package/dist/cjs/tds-footer-item.cjs.entry.js +5 -2
- package/dist/cjs/tds-footer.cjs.entry.js +7 -5
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +5 -2
- package/dist/cjs/tds-header-cell.cjs.entry.js +22 -18
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +5 -4
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +9 -2
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +8 -5
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +12 -8
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +8 -4
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +8 -6
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +5 -2
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +6 -3
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +8 -4
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +5 -2
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +6 -3
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +4 -2
- package/dist/cjs/tds-header-launcher.cjs.entry.js +11 -6
- package/dist/cjs/tds-header-title.cjs.entry.js +5 -2
- package/dist/cjs/tds-header.cjs.entry.js +7 -4
- package/dist/cjs/tds-icon.cjs.entry.js +12 -10
- package/dist/cjs/tds-inline-tab.cjs.entry.js +5 -3
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +13 -14
- package/dist/cjs/tds-link.cjs.entry.js +5 -5
- package/dist/cjs/tds-message.cjs.entry.js +13 -13
- package/dist/cjs/tds-modal.cjs.entry.js +18 -18
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +5 -3
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +13 -14
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +10 -16
- package/dist/cjs/tds-popover-core.cjs.entry.js +35 -39
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +5 -3
- package/dist/cjs/tds-popover-menu.cjs.entry.js +10 -15
- package/dist/cjs/tds-radio-button.cjs.entry.js +14 -11
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +7 -4
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +6 -3
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +5 -3
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +5 -2
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +7 -5
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +6 -6
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +5 -2
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +11 -3
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +9 -2
- package/dist/cjs/tds-side-menu.cjs.entry.js +12 -15
- package/dist/cjs/tds-slider.cjs.entry.js +24 -39
- package/dist/cjs/tds-spinner.cjs.entry.js +5 -4
- package/dist/cjs/tds-step.cjs.entry.js +11 -3
- package/dist/cjs/tds-stepper.cjs.entry.js +6 -13
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +5 -3
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +7 -11
- package/dist/cjs/tds-table-body-row.cjs.entry.js +5 -5
- package/dist/cjs/tds-table-body.cjs.entry.js +11 -7
- package/dist/cjs/tds-table-footer.cjs.entry.js +17 -21
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +5 -3
- package/dist/cjs/tds-table-header.cjs.entry.js +6 -5
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +5 -5
- package/dist/cjs/tds-table.cjs.entry.js +7 -21
- package/dist/cjs/tds-tag.cjs.entry.js +7 -5
- package/dist/cjs/tds-text-field.cjs.entry.js +13 -22
- package/dist/cjs/tds-textarea.cjs.entry.js +13 -16
- package/dist/cjs/tds-toast.cjs.entry.js +16 -16
- package/dist/cjs/tds-toggle.cjs.entry.js +14 -13
- package/dist/cjs/tds-tooltip.cjs.entry.js +17 -19
- package/dist/cjs/tegel.cjs.js +8 -7
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +6 -24
- package/dist/collection/components/accordion/accordion.js +2 -8
- package/dist/collection/components/badge/badge.js +4 -16
- package/dist/collection/components/banner/banner.js +18 -39
- package/dist/collection/components/block/block.js +2 -8
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +1 -4
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +5 -4
- package/dist/collection/components/button/button.js +19 -44
- package/dist/collection/components/card/card.js +28 -64
- package/dist/collection/components/checkbox/checkbox.js +22 -41
- package/dist/collection/components/chip/chip.js +19 -41
- package/dist/collection/components/datetime/datetime.js +37 -76
- package/dist/collection/components/divider/divider.js +2 -8
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +12 -16
- package/dist/collection/components/dropdown/dropdown.js +50 -86
- package/dist/collection/components/footer/footer-group/footer-group.js +8 -10
- package/dist/collection/components/footer/footer.js +2 -5
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +12 -19
- package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +2 -4
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +2 -8
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +14 -16
- package/dist/collection/components/header/header-hamburger/header-hamburger.js +5 -4
- package/dist/collection/components/header/header-item/header-item.js +2 -9
- package/dist/collection/components/header/header-launcher/header-launcher.js +5 -5
- package/dist/collection/components/header/header-launcher-button/header-launcher-button.js +4 -9
- package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +3 -0
- package/dist/collection/components/icon/icon.js +15 -26
- package/dist/collection/components/link/link.js +3 -12
- package/dist/collection/components/message/message.js +16 -33
- package/dist/collection/components/modal/modal.js +23 -44
- package/dist/collection/components/popover-canvas/popover-canvas.js +15 -46
- package/dist/collection/components/popover-core/popover-core.js +29 -60
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +1 -4
- package/dist/collection/components/popover-menu/popover-menu.js +15 -43
- package/dist/collection/components/radio-button/radio-button.js +20 -36
- 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 +7 -16
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +1 -4
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -9
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +14 -16
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +8 -8
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +8 -8
- package/dist/collection/components/side-menu/side-menu.js +10 -22
- package/dist/collection/components/slider/slider.js +36 -90
- package/dist/collection/components/spinner/spinner.js +2 -8
- package/dist/collection/components/stepper/step/step.js +11 -12
- package/dist/collection/components/stepper/stepper.js +6 -28
- package/dist/collection/components/table/table/table.js +12 -49
- package/dist/collection/components/table/table-body/table-body.js +6 -5
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +11 -16
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -4
- package/dist/collection/components/table/table-body-row/table-body-row.js +3 -12
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +8 -27
- package/dist/collection/components/table/table-footer/table-footer.js +17 -36
- package/dist/collection/components/table/table-header/table-header.js +6 -16
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +27 -40
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +2 -7
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +3 -12
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -4
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +14 -27
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +1 -4
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +15 -31
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +1 -4
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +15 -31
- package/dist/collection/components/tag/tag.js +5 -12
- package/dist/collection/components/text-field/text-field.js +31 -85
- package/dist/collection/components/textarea/textarea.js +28 -68
- package/dist/collection/components/toast/toast.js +21 -42
- package/dist/collection/components/toggle/toggle.js +19 -37
- package/dist/collection/components/tooltip/tooltip.js +24 -51
- package/dist/components/index.js +1 -1825
- package/dist/components/{p-DnzQe_HU.js → p-04a014cf.js} +19 -25
- package/dist/components/{p-Q3W78DlP.js → p-0bd4c19c.js} +1 -1
- package/dist/components/{p-BxmFjTxG.js → p-1dafdc8c.js} +7 -11
- package/dist/components/p-28ef5186.js +1507 -0
- package/dist/components/{p-X1sPx4t5.js → p-3308d5fa.js} +36 -44
- package/dist/components/{p-FqP1yGh_.js → p-381677ec.js} +6 -9
- package/dist/components/{p-Ip9G3co9.js → p-3a7e4d0d.js} +17 -30
- package/dist/components/{p-CMsPXG7a.js → p-3f2187a4.js} +8 -7
- package/dist/components/{p-Ca3wGDna.js → p-44f5b5e1.js} +16 -18
- package/dist/components/{p-BhQM9_yR.js → p-5ea0ae00.js} +37 -35
- package/dist/components/{p-B569z5eW.js → p-63552d0e.js} +12 -22
- package/dist/components/{p-SqXsUd-b.js → p-6ef207b2.js} +16 -15
- package/dist/components/{p-BHBgkUfr.js → p-7c3348eb.js} +8 -12
- package/dist/components/{p-CuIyaNyT.js → p-859e3ebf.js} +1 -1
- package/dist/components/{p-QnvG_QPu.js → p-9336db16.js} +8 -9
- package/dist/components/{p-DuxH3vDC.js → p-bff614d5.js} +8 -7
- package/dist/components/{p-ChCWm6If.js → p-c62b61fe.js} +11 -15
- package/dist/components/{p-D1ati-pM.js → p-d10d21bd.js} +11 -13
- package/dist/components/{p-HRj1DOvh.js → p-de86852a.js} +6 -9
- package/dist/components/{p-BhLq7lgx.js → p-e1622f4a.js} +6 -7
- package/dist/components/{p-CPDv0bBc.js → p-f7d94947.js} +13 -15
- package/dist/components/tds-accordion-item.js +8 -15
- package/dist/components/tds-accordion.js +6 -9
- package/dist/components/tds-badge.js +6 -11
- package/dist/components/tds-banner.js +16 -24
- package/dist/components/tds-block.js +6 -9
- package/dist/components/tds-body-cell.js +10 -8
- package/dist/components/tds-breadcrumb.js +6 -8
- package/dist/components/tds-breadcrumbs.js +7 -7
- package/dist/components/tds-button.js +1 -1
- package/dist/components/tds-card.js +23 -36
- package/dist/components/tds-checkbox.js +1 -1
- package/dist/components/tds-chip.js +16 -23
- package/dist/components/tds-core-header-item.js +1 -1
- package/dist/components/tds-datetime.js +25 -33
- package/dist/components/tds-divider.js +1 -1
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-dropdown.js +1 -1
- package/dist/components/tds-folder-tab.js +7 -8
- package/dist/components/tds-folder-tabs.js +15 -19
- package/dist/components/tds-footer-group.js +12 -11
- package/dist/components/tds-footer-item.js +6 -7
- package/dist/components/tds-footer.js +8 -10
- package/dist/components/tds-header-brand-symbol.js +8 -9
- package/dist/components/tds-header-cell.js +24 -24
- package/dist/components/tds-header-dropdown-list-item.js +1 -1
- package/dist/components/tds-header-dropdown-list-user.js +10 -7
- package/dist/components/tds-header-dropdown-list.js +1 -1
- package/dist/components/tds-header-dropdown.js +18 -18
- package/dist/components/tds-header-hamburger.js +11 -11
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +1 -1
- package/dist/components/tds-header-launcher-grid-item.js +6 -7
- package/dist/components/tds-header-launcher-grid-title.js +7 -8
- package/dist/components/tds-header-launcher-grid.js +8 -8
- package/dist/components/tds-header-launcher-list-item.js +7 -8
- package/dist/components/tds-header-launcher-list-title.js +7 -8
- package/dist/components/tds-header-launcher-list.js +6 -8
- package/dist/components/tds-header-launcher.js +17 -16
- package/dist/components/tds-header-title.js +6 -7
- package/dist/components/tds-header.js +7 -8
- package/dist/components/tds-icon.js +1 -1
- package/dist/components/tds-inline-tab.js +6 -8
- package/dist/components/tds-inline-tabs.js +15 -20
- package/dist/components/tds-link.js +6 -10
- package/dist/components/tds-message.js +15 -19
- package/dist/components/tds-modal.js +20 -24
- package/dist/components/tds-navigation-tab.js +6 -8
- package/dist/components/tds-navigation-tabs.js +15 -20
- package/dist/components/tds-popover-canvas.js +1 -1
- package/dist/components/tds-popover-core.js +1 -1
- package/dist/components/tds-popover-menu-item.js +6 -8
- package/dist/components/tds-popover-menu.js +12 -21
- package/dist/components/tds-radio-button.js +15 -16
- package/dist/components/tds-side-menu-close-button.js +8 -9
- package/dist/components/tds-side-menu-collapse-button.js +8 -9
- package/dist/components/tds-side-menu-dropdown-list-item.js +6 -8
- package/dist/components/tds-side-menu-dropdown-list.js +6 -7
- package/dist/components/tds-side-menu-dropdown.js +10 -12
- package/dist/components/tds-side-menu-item.js +1 -1
- package/dist/components/tds-side-menu-overlay.js +6 -7
- package/dist/components/tds-side-menu-user-image.js +1 -1
- package/dist/components/tds-side-menu-user-label.js +1 -1
- package/dist/components/tds-side-menu-user.js +12 -9
- package/dist/components/tds-side-menu.js +13 -20
- package/dist/components/tds-slider.js +29 -48
- package/dist/components/tds-spinner.js +6 -9
- package/dist/components/tds-step.js +13 -9
- package/dist/components/tds-stepper.js +7 -18
- package/dist/components/tds-table-body-input-wrapper.js +7 -9
- package/dist/components/tds-table-body-row-expandable.js +8 -16
- package/dist/components/tds-table-body-row.js +7 -11
- package/dist/components/tds-table-body.js +12 -12
- package/dist/components/tds-table-footer.js +22 -30
- package/dist/components/tds-table-header-input-wrapper.js +7 -9
- package/dist/components/tds-table-header.js +8 -11
- package/dist/components/tds-table-toolbar.js +7 -11
- package/dist/components/tds-table.js +8 -26
- package/dist/components/tds-tag.js +8 -10
- package/dist/components/tds-text-field.js +1 -1
- package/dist/components/tds-textarea.js +17 -24
- package/dist/components/tds-toast.js +18 -22
- package/dist/components/tds-toggle.js +15 -18
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/index-51d04e39.js +2009 -0
- package/dist/esm/{inheritAriaAttributes-DyLhgCIg.js → inheritAriaAttributes-04f2f252.js} +1 -1
- package/dist/esm/{isHeadingElement-BQco7VNg.js → isHeadingElement-8efea284.js} +1 -1
- package/dist/esm/loader.js +4 -3
- package/dist/esm/tds-accordion-item.entry.js +4 -9
- package/dist/esm/tds-accordion.entry.js +3 -4
- package/dist/esm/tds-badge.entry.js +3 -6
- package/dist/esm/tds-banner.entry.js +12 -18
- package/dist/esm/tds-block.entry.js +3 -4
- package/dist/esm/tds-body-cell.entry.js +7 -3
- package/dist/esm/tds-breadcrumb.entry.js +3 -3
- package/dist/esm/tds-breadcrumbs.entry.js +4 -2
- package/dist/esm/tds-button_2.entry.js +10 -13
- package/dist/esm/tds-card.entry.js +17 -28
- package/dist/esm/tds-checkbox.entry.js +13 -13
- package/dist/esm/tds-chip.entry.js +13 -18
- package/dist/esm/tds-core-header-item_2.entry.js +6 -7
- package/dist/esm/tds-datetime.entry.js +21 -27
- package/dist/esm/tds-dropdown_2.entry.js +41 -34
- package/dist/esm/tds-folder-tab.entry.js +4 -3
- package/dist/esm/tds-folder-tabs.entry.js +11 -13
- package/dist/esm/tds-footer-group.entry.js +8 -5
- package/dist/esm/tds-footer-item.entry.js +3 -2
- package/dist/esm/tds-footer.entry.js +5 -5
- package/dist/esm/tds-header-brand-symbol.entry.js +3 -2
- package/dist/esm/tds-header-cell.entry.js +20 -18
- package/dist/esm/tds-header-dropdown-list-item.entry.js +3 -4
- package/dist/esm/tds-header-dropdown-list-user.entry.js +7 -2
- package/dist/esm/tds-header-dropdown-list.entry.js +6 -5
- package/dist/esm/tds-header-dropdown.entry.js +10 -8
- package/dist/esm/tds-header-hamburger.entry.js +6 -4
- package/dist/esm/tds-header-launcher-button.entry.js +6 -6
- package/dist/esm/tds-header-launcher-grid-item.entry.js +3 -2
- package/dist/esm/tds-header-launcher-grid-title.entry.js +4 -3
- package/dist/esm/tds-header-launcher-grid.entry.js +6 -4
- package/dist/esm/tds-header-launcher-list-item.entry.js +3 -2
- package/dist/esm/tds-header-launcher-list-title.entry.js +4 -3
- package/dist/esm/tds-header-launcher-list.entry.js +2 -2
- package/dist/esm/tds-header-launcher.entry.js +9 -6
- package/dist/esm/tds-header-title.entry.js +3 -2
- package/dist/esm/tds-header.entry.js +5 -4
- package/dist/esm/tds-icon.entry.js +10 -10
- package/dist/esm/tds-inline-tab.entry.js +3 -3
- package/dist/esm/tds-inline-tabs.entry.js +11 -14
- package/dist/esm/tds-link.entry.js +3 -5
- package/dist/esm/tds-message.entry.js +11 -13
- package/dist/esm/tds-modal.entry.js +16 -18
- package/dist/esm/tds-navigation-tab.entry.js +3 -3
- package/dist/esm/tds-navigation-tabs.entry.js +11 -14
- package/dist/esm/tds-popover-canvas.entry.js +8 -16
- package/dist/esm/tds-popover-core.entry.js +33 -39
- package/dist/esm/tds-popover-menu-item.entry.js +3 -3
- package/dist/esm/tds-popover-menu.entry.js +8 -15
- package/dist/esm/tds-radio-button.entry.js +12 -11
- package/dist/esm/tds-side-menu-close-button.entry.js +5 -4
- package/dist/esm/tds-side-menu-collapse-button.entry.js +4 -3
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +3 -2
- package/dist/esm/tds-side-menu-dropdown.entry.js +5 -5
- package/dist/esm/tds-side-menu-item.entry.js +4 -6
- package/dist/esm/tds-side-menu-overlay.entry.js +3 -2
- package/dist/esm/tds-side-menu-user-image_2.entry.js +9 -3
- package/dist/esm/tds-side-menu-user.entry.js +7 -2
- package/dist/esm/tds-side-menu.entry.js +10 -15
- package/dist/esm/tds-slider.entry.js +22 -39
- package/dist/esm/tds-spinner.entry.js +3 -4
- package/dist/esm/tds-step.entry.js +9 -3
- package/dist/esm/tds-stepper.entry.js +4 -13
- package/dist/esm/tds-table-body-input-wrapper.entry.js +3 -3
- package/dist/esm/tds-table-body-row-expandable.entry.js +5 -11
- package/dist/esm/tds-table-body-row.entry.js +3 -5
- package/dist/esm/tds-table-body.entry.js +9 -7
- package/dist/esm/tds-table-footer.entry.js +15 -21
- package/dist/esm/tds-table-header-input-wrapper.entry.js +3 -3
- package/dist/esm/tds-table-header.entry.js +4 -5
- package/dist/esm/tds-table-toolbar.entry.js +3 -5
- package/dist/esm/tds-table.entry.js +5 -21
- package/dist/esm/tds-tag.entry.js +5 -5
- package/dist/esm/tds-text-field.entry.js +11 -22
- package/dist/esm/tds-textarea.entry.js +11 -16
- package/dist/esm/tds-toast.entry.js +14 -16
- package/dist/esm/tds-toggle.entry.js +12 -13
- package/dist/esm/tds-tooltip.entry.js +15 -19
- package/dist/esm/tegel.js +5 -5
- package/dist/tegel/p-0672ddfc.entry.js +1 -0
- package/dist/tegel/p-08ad6a21.entry.js +1 -0
- package/dist/tegel/p-08f63e5d.entry.js +1 -0
- package/dist/tegel/{p-206d4703.entry.js → p-09cd056c.entry.js} +1 -1
- package/dist/tegel/{p-Q3W78DlP.js → p-0bd4c19c.js} +1 -1
- package/dist/tegel/p-0c9a51d9.entry.js +1 -0
- package/dist/tegel/{p-d8a35537.entry.js → p-0cfe8671.entry.js} +1 -1
- package/dist/tegel/{p-954e6cf0.entry.js → p-0e772ad7.entry.js} +1 -1
- package/dist/tegel/{p-b9cb2eef.entry.js → p-133351b5.entry.js} +1 -1
- package/dist/tegel/p-177386d5.entry.js +1 -0
- package/dist/tegel/p-17bc1e49.entry.js +1 -0
- package/dist/tegel/p-1859156f.entry.js +1 -0
- package/dist/tegel/p-1b471db7.entry.js +1 -0
- package/dist/tegel/p-1f4267a8.entry.js +1 -0
- package/dist/tegel/p-2049fab2.js +2 -0
- package/dist/tegel/{p-192332e7.entry.js → p-24a76927.entry.js} +1 -1
- package/dist/tegel/{p-b5deab8e.entry.js → p-2766b46f.entry.js} +1 -1
- package/dist/tegel/p-28f85555.entry.js +1 -0
- package/dist/tegel/{p-299e0e56.entry.js → p-2faeb483.entry.js} +1 -1
- package/dist/tegel/p-304f5a5c.entry.js +1 -0
- package/dist/tegel/p-354d3986.entry.js +1 -0
- package/dist/tegel/p-379df59b.entry.js +1 -0
- package/dist/tegel/{p-a74d375a.entry.js → p-3c348fcb.entry.js} +1 -1
- package/dist/tegel/p-3c97cb45.entry.js +1 -0
- package/dist/tegel/p-3e6d65ee.entry.js +1 -0
- package/dist/tegel/p-445fa788.entry.js +1 -0
- package/dist/tegel/p-464469fe.entry.js +1 -0
- package/dist/tegel/{p-5bea354f.entry.js → p-4b5e15cc.entry.js} +1 -1
- package/dist/tegel/p-4de2807c.entry.js +1 -0
- package/dist/tegel/{p-73c9a5b3.entry.js → p-51a17707.entry.js} +1 -1
- package/dist/tegel/p-52689019.entry.js +1 -0
- package/dist/tegel/p-57a28f62.entry.js +1 -0
- package/dist/tegel/p-5c8fd75e.entry.js +1 -0
- package/dist/tegel/{p-0ac95ef0.entry.js → p-646d1df4.entry.js} +1 -1
- package/dist/tegel/{p-d659aefa.entry.js → p-650b98bf.entry.js} +1 -1
- package/dist/tegel/{p-996f0ac5.entry.js → p-655051b6.entry.js} +1 -1
- package/dist/tegel/p-6b340718.entry.js +1 -0
- package/dist/tegel/{p-3de8e52b.entry.js → p-72006dd7.entry.js} +1 -1
- package/dist/tegel/{p-08ef673e.entry.js → p-743d4f07.entry.js} +1 -1
- package/dist/tegel/{p-3a5588b2.entry.js → p-771f53c2.entry.js} +1 -1
- package/dist/tegel/{p-fa8a4f27.entry.js → p-77cfb0ef.entry.js} +1 -1
- package/dist/tegel/p-7887bdbb.entry.js +1 -0
- package/dist/tegel/p-7b598e60.entry.js +1 -0
- package/dist/tegel/p-7ef50e7f.entry.js +1 -0
- package/dist/tegel/{p-15c69748.entry.js → p-87219f00.entry.js} +1 -1
- package/dist/tegel/{p-c7c4f528.entry.js → p-88bb1059.entry.js} +1 -1
- package/dist/tegel/{p-e777d558.entry.js → p-8a4837ae.entry.js} +1 -1
- package/dist/tegel/p-8c2695af.entry.js +1 -0
- package/dist/tegel/{p-Bx66i7RU.js → p-9332c225.js} +1 -1
- package/dist/tegel/{p-fb59d675.entry.js → p-987f8f0f.entry.js} +1 -1
- package/dist/tegel/p-9b635e01.entry.js +1 -0
- package/dist/tegel/p-9f187848.entry.js +1 -0
- package/dist/tegel/p-9fdc8fa5.entry.js +1 -0
- package/dist/tegel/{p-4489b7d5.entry.js → p-a090bd2f.entry.js} +1 -1
- package/dist/tegel/p-a56436c8.entry.js +1 -0
- package/dist/tegel/p-ab00e6e4.entry.js +1 -0
- package/dist/tegel/p-b210d23c.entry.js +1 -0
- package/dist/tegel/{p-20b5c366.entry.js → p-b734b309.entry.js} +1 -1
- package/dist/tegel/p-b7abb81f.entry.js +1 -0
- package/dist/tegel/p-bcd5e06d.entry.js +1 -0
- package/dist/tegel/p-c0cbc9f5.entry.js +1 -0
- package/dist/tegel/{p-648df3a1.entry.js → p-c163d44f.entry.js} +1 -1
- package/dist/tegel/p-c23a3f12.entry.js +1 -0
- package/dist/tegel/{p-bc4d68b0.entry.js → p-c2e514b4.entry.js} +1 -1
- package/dist/tegel/{p-de9f2a0d.entry.js → p-c6968db1.entry.js} +1 -1
- package/dist/tegel/p-ca16f1ed.entry.js +1 -0
- package/dist/tegel/p-ca32a270.entry.js +1 -0
- package/dist/tegel/p-cc962b6c.entry.js +1 -0
- package/dist/tegel/{p-7cec9df0.entry.js → p-ceed0476.entry.js} +1 -1
- package/dist/tegel/p-cf717912.entry.js +1 -0
- package/dist/tegel/{p-d2b7c692.entry.js → p-cfd7ed1a.entry.js} +1 -1
- package/dist/tegel/{p-e1daba90.entry.js → p-d1d45942.entry.js} +1 -1
- package/dist/tegel/p-d7cdbc4e.entry.js +1 -0
- package/dist/tegel/p-e1255160.js +1 -0
- package/dist/tegel/p-e5b796e7.entry.js +1 -0
- package/dist/tegel/p-e6e9d11f.entry.js +1 -0
- package/dist/tegel/p-e8b58680.entry.js +1 -0
- package/dist/tegel/p-eb91e33b.entry.js +1 -0
- package/dist/tegel/{p-1f255f25.entry.js → p-f2318c88.entry.js} +1 -1
- package/dist/tegel/{p-d03f33c0.entry.js → p-f31f56fe.entry.js} +1 -1
- package/dist/tegel/p-f3c32d4d.entry.js +1 -0
- package/dist/tegel/p-f8a37d39.entry.js +1 -0
- package/dist/tegel/{p-2a1342d8.entry.js → p-fd15ced7.entry.js} +1 -1
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/slider/slider-stories-setup.d.ts +1 -1
- package/dist/types/components.d.ts +0 -542
- package/dist/types/stencil-public-runtime.d.ts +4 -86
- package/loader/package.json +11 -0
- package/package.json +2 -2
- package/dist/cjs/index-CxAGLnpY.js +0 -2414
- package/dist/esm/index-BqRtRha-.js +0 -2385
- package/dist/tegel/p-03ff8648.entry.js +0 -1
- package/dist/tegel/p-11159349.entry.js +0 -1
- package/dist/tegel/p-26907beb.entry.js +0 -1
- package/dist/tegel/p-312c49f8.entry.js +0 -1
- package/dist/tegel/p-342052b9.entry.js +0 -1
- package/dist/tegel/p-3557fbdf.entry.js +0 -1
- package/dist/tegel/p-3806a0e4.entry.js +0 -1
- package/dist/tegel/p-3ba30c59.entry.js +0 -1
- package/dist/tegel/p-3bd99720.entry.js +0 -1
- package/dist/tegel/p-41084e54.entry.js +0 -1
- package/dist/tegel/p-41242d2e.entry.js +0 -1
- package/dist/tegel/p-43f6c149.entry.js +0 -1
- package/dist/tegel/p-4e58b98d.entry.js +0 -1
- package/dist/tegel/p-503abc18.entry.js +0 -1
- package/dist/tegel/p-5eed2dae.entry.js +0 -1
- package/dist/tegel/p-6253f1d8.entry.js +0 -1
- package/dist/tegel/p-6301a8b5.entry.js +0 -1
- package/dist/tegel/p-65d43cfd.entry.js +0 -1
- package/dist/tegel/p-6d4e71fd.entry.js +0 -1
- package/dist/tegel/p-7ef6db3c.entry.js +0 -1
- package/dist/tegel/p-81314f19.entry.js +0 -1
- package/dist/tegel/p-88d3bbbd.entry.js +0 -1
- package/dist/tegel/p-8a5df42a.entry.js +0 -1
- package/dist/tegel/p-8f1bbe70.entry.js +0 -1
- package/dist/tegel/p-9296f0d1.entry.js +0 -1
- package/dist/tegel/p-9fed9d16.entry.js +0 -1
- package/dist/tegel/p-BqRtRha-.js +0 -2
- package/dist/tegel/p-a13ecd87.entry.js +0 -1
- package/dist/tegel/p-a8d29ac5.entry.js +0 -1
- package/dist/tegel/p-abe630f5.entry.js +0 -1
- package/dist/tegel/p-b2934101.entry.js +0 -1
- package/dist/tegel/p-b2d9244a.entry.js +0 -1
- package/dist/tegel/p-b901a7e3.entry.js +0 -1
- package/dist/tegel/p-bbcab377.entry.js +0 -1
- package/dist/tegel/p-c2ae97bb.entry.js +0 -1
- package/dist/tegel/p-ca437b9a.entry.js +0 -1
- package/dist/tegel/p-d0c0c8f3.entry.js +0 -1
- package/dist/tegel/p-d1f9c4fd.entry.js +0 -1
- package/dist/tegel/p-d67ff384.entry.js +0 -1
- package/dist/tegel/p-dec2ede0.entry.js +0 -1
- package/dist/tegel/p-e5166678.entry.js +0 -1
- package/dist/tegel/p-e643c9b3.entry.js +0 -1
- package/dist/tegel/p-f0c912af.entry.js +0 -1
- package/dist/tegel/p-f3da2bf5.entry.js +0 -1
- package/dist/tegel/p-f46be246.entry.js +0 -1
- package/dist/tegel/p-f5a7d350.entry.js +0 -1
- package/dist/tegel/p-fa19eac0.entry.js +0 -1
- package/dist/tegel/p-ff6da1f1.entry.js +0 -1
- /package/dist/cjs/{dfs-Clg9RCmq.js → dfs-84f7f63e.js} +0 -0
- /package/dist/cjs/{generateUniqueId-ComXTAM_.js → generateUniqueId-e3fc9863.js} +0 -0
- /package/dist/cjs/{getAriaInvalid-Bdg4qUb_.js → getAriaInvalid-66a2eade.js} +0 -0
- /package/dist/cjs/{hasSlot-D-DVNhGg.js → hasSlot-1c90e9ba.js} +0 -0
- /package/dist/cjs/{inheritAttributes-CGw91JfB.js → inheritAttributes-ff9ad737.js} +0 -0
- /package/dist/components/{p-Cn4f8w1e.js → p-11648030.js} +0 -0
- /package/dist/components/{p-CF8bH08v.js → p-3fe9cbbf.js} +0 -0
- /package/dist/components/{p-CLF3diNe.js → p-52bf0fdf.js} +0 -0
- /package/dist/components/{p-CBZ6wC3m.js → p-a1181b1f.js} +0 -0
- /package/dist/components/{p-DDX6uFcm.js → p-ae110fc2.js} +0 -0
- /package/dist/components/{p-wEP_nEaO.js → p-bbf9492a.js} +0 -0
- /package/dist/esm/{dfs-CLF3diNe.js → dfs-1e574d5f.js} +0 -0
- /package/dist/esm/{generateUniqueId-Cn4f8w1e.js → generateUniqueId-7934d315.js} +0 -0
- /package/dist/esm/{getAriaInvalid-wEP_nEaO.js → getAriaInvalid-a9944cb9.js} +0 -0
- /package/dist/esm/{hasSlot-DDX6uFcm.js → hasSlot-d52114d0.js} +0 -0
- /package/dist/esm/{inheritAttributes-CF8bH08v.js → inheritAttributes-d21e267b.js} +0 -0
- /package/dist/tegel/{p-Cn4f8w1e.js → p-11648030.js} +0 -0
- /package/dist/tegel/{p-CF8bH08v.js → p-3fe9cbbf.js} +0 -0
- /package/dist/tegel/{p-CLF3diNe.js → p-52bf0fdf.js} +0 -0
- /package/dist/tegel/{p-DDX6uFcm.js → p-ae110fc2.js} +0 -0
- /package/dist/tegel/{p-wEP_nEaO.js → p-bbf9492a.js} +0 -0
|
@@ -21,19 +21,16 @@ export namespace Components {
|
|
|
21
21
|
interface TdsAccordion {
|
|
22
22
|
/**
|
|
23
23
|
* Removes the bottom border of the last Accordion item.
|
|
24
|
-
* @default false
|
|
25
24
|
*/
|
|
26
25
|
"hideLastBorder": boolean;
|
|
27
26
|
/**
|
|
28
27
|
* Set the variant of the Accordion.
|
|
29
|
-
* @default null
|
|
30
28
|
*/
|
|
31
29
|
"modeVariant": 'primary' | 'secondary';
|
|
32
30
|
}
|
|
33
31
|
interface TdsAccordionItem {
|
|
34
32
|
/**
|
|
35
33
|
* Specifies the heading level (aria-level) for accessibility. Only accepts values between 1 and 6.
|
|
36
|
-
* @default '6'
|
|
37
34
|
*/
|
|
38
35
|
"ariaLevelValue": '1' | '2' | '3' | '4' | '5' | '6';
|
|
39
36
|
/**
|
|
@@ -42,7 +39,6 @@ export namespace Components {
|
|
|
42
39
|
"collapse": () => Promise<void>;
|
|
43
40
|
/**
|
|
44
41
|
* Disabled option in `boolean`.
|
|
45
|
-
* @default false
|
|
46
42
|
*/
|
|
47
43
|
"disabled": boolean;
|
|
48
44
|
/**
|
|
@@ -51,17 +47,14 @@ export namespace Components {
|
|
|
51
47
|
"expand": () => Promise<void>;
|
|
52
48
|
/**
|
|
53
49
|
* Changes position of the expand icon.
|
|
54
|
-
* @default 'end'
|
|
55
50
|
*/
|
|
56
51
|
"expandIconPosition": 'start' | 'end';
|
|
57
52
|
/**
|
|
58
53
|
* Set to true to expand panel open
|
|
59
|
-
* @default false
|
|
60
54
|
*/
|
|
61
55
|
"expanded": boolean;
|
|
62
56
|
/**
|
|
63
57
|
* The header gives users the context about the additional information available inside the panel
|
|
64
|
-
* @default ''
|
|
65
58
|
*/
|
|
66
59
|
"header": string;
|
|
67
60
|
/**
|
|
@@ -70,7 +63,6 @@ export namespace Components {
|
|
|
70
63
|
"isExpanded": () => Promise<boolean>;
|
|
71
64
|
/**
|
|
72
65
|
* When true, 16px on right padding instead of 64px
|
|
73
|
-
* @default false
|
|
74
66
|
*/
|
|
75
67
|
"paddingReset": boolean;
|
|
76
68
|
/**
|
|
@@ -81,29 +73,24 @@ export namespace Components {
|
|
|
81
73
|
interface TdsBadge {
|
|
82
74
|
/**
|
|
83
75
|
* Changes visibility of Badge
|
|
84
|
-
* @default false
|
|
85
76
|
*/
|
|
86
77
|
"hidden": boolean;
|
|
87
78
|
/**
|
|
88
79
|
* Sets component size.
|
|
89
|
-
* @default 'lg'
|
|
90
80
|
*/
|
|
91
81
|
"size": 'lg' | 'sm';
|
|
92
82
|
/**
|
|
93
83
|
* Defines aria-live attribute
|
|
94
|
-
* @default 'polite'
|
|
95
84
|
*/
|
|
96
85
|
"tdsAriaLive": 'off' | 'polite' | 'assertive';
|
|
97
86
|
/**
|
|
98
87
|
* Value shown in Badge
|
|
99
|
-
* @default ''
|
|
100
88
|
*/
|
|
101
89
|
"value": string;
|
|
102
90
|
}
|
|
103
91
|
interface TdsBanner {
|
|
104
92
|
/**
|
|
105
93
|
* ID used for internal table functionality and events, must be unique. **NOTE**: If you're listening for Banner close events, you need to set this ID yourself to identify the Banner, as the default ID is random and will be different every time.
|
|
106
|
-
* @default generateUniqueId()
|
|
107
94
|
*/
|
|
108
95
|
"bannerId": string;
|
|
109
96
|
/**
|
|
@@ -112,7 +99,6 @@ export namespace Components {
|
|
|
112
99
|
"header": string;
|
|
113
100
|
/**
|
|
114
101
|
* Hides the Banner
|
|
115
|
-
* @default false
|
|
116
102
|
*/
|
|
117
103
|
"hidden": boolean;
|
|
118
104
|
/**
|
|
@@ -125,7 +111,6 @@ export namespace Components {
|
|
|
125
111
|
"icon": IconNames;
|
|
126
112
|
/**
|
|
127
113
|
* Defines the ARIA role of the banner. Defaults to "banner" for global use, but can be set to "region" or "alert" if used differently.
|
|
128
|
-
* @default 'banner'
|
|
129
114
|
*/
|
|
130
115
|
"roleType": 'banner' | 'region' | 'alert';
|
|
131
116
|
/**
|
|
@@ -138,7 +123,6 @@ export namespace Components {
|
|
|
138
123
|
"subheader": string;
|
|
139
124
|
/**
|
|
140
125
|
* Variant of Banner
|
|
141
|
-
* @default 'default'
|
|
142
126
|
*/
|
|
143
127
|
"variant": 'error' | 'information' | 'default';
|
|
144
128
|
}
|
|
@@ -150,7 +134,6 @@ export namespace Components {
|
|
|
150
134
|
interface TdsBlock {
|
|
151
135
|
/**
|
|
152
136
|
* Specifies the HTML tag to be used for the component wrapper.
|
|
153
|
-
* @default 'div'
|
|
154
137
|
*/
|
|
155
138
|
"componentTag": | 'section'
|
|
156
139
|
| 'div'
|
|
@@ -162,7 +145,6 @@ export namespace Components {
|
|
|
162
145
|
| 'main';
|
|
163
146
|
/**
|
|
164
147
|
* Mode variant of the component, based on current mode.
|
|
165
|
-
* @default null
|
|
166
148
|
*/
|
|
167
149
|
"modeVariant": 'primary' | 'secondary';
|
|
168
150
|
}
|
|
@@ -177,7 +159,6 @@ export namespace Components {
|
|
|
177
159
|
"cellValue": string | number;
|
|
178
160
|
/**
|
|
179
161
|
* Disables internal padding. Useful when passing other components to cell.
|
|
180
|
-
* @default false
|
|
181
162
|
*/
|
|
182
163
|
"disablePadding": boolean;
|
|
183
164
|
/**
|
|
@@ -188,7 +169,6 @@ export namespace Components {
|
|
|
188
169
|
interface TdsBreadcrumb {
|
|
189
170
|
/**
|
|
190
171
|
* Boolean for the current link
|
|
191
|
-
* @default false
|
|
192
172
|
*/
|
|
193
173
|
"current": boolean;
|
|
194
174
|
}
|
|
@@ -201,22 +181,18 @@ export namespace Components {
|
|
|
201
181
|
interface TdsButton {
|
|
202
182
|
/**
|
|
203
183
|
* Determines if and how the button should animate.
|
|
204
|
-
* @default 'none'
|
|
205
184
|
*/
|
|
206
185
|
"animation": 'none' | 'fade';
|
|
207
186
|
/**
|
|
208
187
|
* Control for disabled state of a component
|
|
209
|
-
* @default false
|
|
210
188
|
*/
|
|
211
189
|
"disabled": boolean;
|
|
212
190
|
/**
|
|
213
191
|
* When enabled, the Button takes 100% width
|
|
214
|
-
* @default false
|
|
215
192
|
*/
|
|
216
193
|
"fullbleed": boolean;
|
|
217
194
|
/**
|
|
218
195
|
* Set the mode variant of the Button.
|
|
219
|
-
* @default null
|
|
220
196
|
*/
|
|
221
197
|
"modeVariant": 'primary' | 'secondary';
|
|
222
198
|
/**
|
|
@@ -225,7 +201,6 @@ export namespace Components {
|
|
|
225
201
|
"name": string;
|
|
226
202
|
/**
|
|
227
203
|
* Size of a Button
|
|
228
|
-
* @default 'lg'
|
|
229
204
|
*/
|
|
230
205
|
"size": 'xs' | 'sm' | 'md' | 'lg';
|
|
231
206
|
/**
|
|
@@ -238,7 +213,6 @@ export namespace Components {
|
|
|
238
213
|
"text": string;
|
|
239
214
|
/**
|
|
240
215
|
* Button's type
|
|
241
|
-
* @default 'button'
|
|
242
216
|
*/
|
|
243
217
|
"type": 'button' | 'submit' | 'reset';
|
|
244
218
|
/**
|
|
@@ -247,14 +221,12 @@ export namespace Components {
|
|
|
247
221
|
"value": string;
|
|
248
222
|
/**
|
|
249
223
|
* Variation of Button's design
|
|
250
|
-
* @default 'primary'
|
|
251
224
|
*/
|
|
252
225
|
"variant": 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
253
226
|
}
|
|
254
227
|
interface TdsCard {
|
|
255
228
|
/**
|
|
256
229
|
* Divider for the body
|
|
257
|
-
* @default false
|
|
258
230
|
*/
|
|
259
231
|
"bodyDivider": boolean;
|
|
260
232
|
/**
|
|
@@ -267,22 +239,18 @@ export namespace Components {
|
|
|
267
239
|
"bodyImgAlt": string;
|
|
268
240
|
/**
|
|
269
241
|
* ID for the Card, must be unique. **NOTE**: If you're listening for Card events, you need to set this ID yourself to identify the Card, as the default ID is random and will be different every time.
|
|
270
|
-
* @default generateUniqueId()
|
|
271
242
|
*/
|
|
272
243
|
"cardId": string;
|
|
273
244
|
/**
|
|
274
245
|
* Makes the Card clickable.
|
|
275
|
-
* @default false
|
|
276
246
|
*/
|
|
277
247
|
"clickable": boolean;
|
|
278
248
|
/**
|
|
279
249
|
* Enables expandable behaviour. When true, clicking the header toggles content visibility.
|
|
280
|
-
* @default false
|
|
281
250
|
*/
|
|
282
251
|
"expandable": boolean;
|
|
283
252
|
/**
|
|
284
253
|
* Tracks the current expanded state when expandable is enabled.
|
|
285
|
-
* @default false
|
|
286
254
|
*/
|
|
287
255
|
"expanded": boolean;
|
|
288
256
|
/**
|
|
@@ -291,17 +259,12 @@ export namespace Components {
|
|
|
291
259
|
"header": string;
|
|
292
260
|
/**
|
|
293
261
|
* Placement of the header
|
|
294
|
-
* @default 'below-header'
|
|
295
262
|
*/
|
|
296
263
|
"imagePlacement": 'above-header' | 'below-header';
|
|
297
264
|
/**
|
|
298
265
|
* Variant of the Card based on the theme used.
|
|
299
|
-
* @default null
|
|
300
266
|
*/
|
|
301
267
|
"modeVariant": 'primary' | 'secondary';
|
|
302
|
-
/**
|
|
303
|
-
* @default false
|
|
304
|
-
*/
|
|
305
268
|
"stretch": boolean;
|
|
306
269
|
/**
|
|
307
270
|
* Subheader text in the header
|
|
@@ -311,17 +274,14 @@ export namespace Components {
|
|
|
311
274
|
interface TdsCheckbox {
|
|
312
275
|
/**
|
|
313
276
|
* ID for the Checkbox's input element. Randomly generated if not specified.
|
|
314
|
-
* @default generateUniqueId()
|
|
315
277
|
*/
|
|
316
278
|
"checkboxId": string;
|
|
317
279
|
/**
|
|
318
280
|
* Sets the Checkbox as checked
|
|
319
|
-
* @default false
|
|
320
281
|
*/
|
|
321
282
|
"checked": boolean;
|
|
322
283
|
/**
|
|
323
284
|
* Sets the Checkbox in a disabled state
|
|
324
|
-
* @default false
|
|
325
285
|
*/
|
|
326
286
|
"disabled": boolean;
|
|
327
287
|
/**
|
|
@@ -330,7 +290,6 @@ export namespace Components {
|
|
|
330
290
|
"focusElement": () => Promise<void>;
|
|
331
291
|
/**
|
|
332
292
|
* Sets the Checkbox as indeterminate
|
|
333
|
-
* @default false
|
|
334
293
|
*/
|
|
335
294
|
"indeterminate": boolean;
|
|
336
295
|
/**
|
|
@@ -339,7 +298,6 @@ export namespace Components {
|
|
|
339
298
|
"name": string;
|
|
340
299
|
/**
|
|
341
300
|
* Make the Checkbox required
|
|
342
|
-
* @default false
|
|
343
301
|
*/
|
|
344
302
|
"required": boolean;
|
|
345
303
|
/**
|
|
@@ -362,17 +320,14 @@ export namespace Components {
|
|
|
362
320
|
interface TdsChip {
|
|
363
321
|
/**
|
|
364
322
|
* Controls component's checked attribute. Valid only for type checkbox and radio.
|
|
365
|
-
* @default false
|
|
366
323
|
*/
|
|
367
324
|
"checked": boolean;
|
|
368
325
|
/**
|
|
369
326
|
* ID used for internal Chip functionality and events, must be unique. **NOTE**: If you're listening for input events, you need to set this ID yourself to identify the input, as the default ID is random and will be different every time.
|
|
370
|
-
* @default generateUniqueId()
|
|
371
327
|
*/
|
|
372
328
|
"chipId": string;
|
|
373
329
|
/**
|
|
374
330
|
* Sets the Chip in a disabled state
|
|
375
|
-
* @default false
|
|
376
331
|
*/
|
|
377
332
|
"disabled": boolean;
|
|
378
333
|
/**
|
|
@@ -381,7 +336,6 @@ export namespace Components {
|
|
|
381
336
|
"name": string;
|
|
382
337
|
/**
|
|
383
338
|
* Size of the Chip component
|
|
384
|
-
* @default 'lg'
|
|
385
339
|
*/
|
|
386
340
|
"size": 'sm' | 'lg';
|
|
387
341
|
/**
|
|
@@ -390,7 +344,6 @@ export namespace Components {
|
|
|
390
344
|
"tdsAriaLabel": string;
|
|
391
345
|
/**
|
|
392
346
|
* Type of Chip, depends on usage
|
|
393
|
-
* @default 'button'
|
|
394
347
|
*/
|
|
395
348
|
"type": 'button' | 'radio' | 'checkbox';
|
|
396
349
|
/**
|
|
@@ -403,17 +356,14 @@ export namespace Components {
|
|
|
403
356
|
interface TdsDatetime {
|
|
404
357
|
/**
|
|
405
358
|
* Autofocus for input
|
|
406
|
-
* @default false
|
|
407
359
|
*/
|
|
408
360
|
"autofocus": boolean;
|
|
409
361
|
/**
|
|
410
362
|
* Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for month: YY-MM. Format for week: YY-Www Format for date-time: YY-MM-DDTHH-MM
|
|
411
|
-
* @default 'none'
|
|
412
363
|
*/
|
|
413
364
|
"defaultValue": string | 'none';
|
|
414
365
|
/**
|
|
415
366
|
* Set input in disabled state
|
|
416
|
-
* @default false
|
|
417
367
|
*/
|
|
418
368
|
"disabled": boolean;
|
|
419
369
|
/**
|
|
@@ -422,17 +372,14 @@ export namespace Components {
|
|
|
422
372
|
"focusElement": () => Promise<void>;
|
|
423
373
|
/**
|
|
424
374
|
* Helper text for the component
|
|
425
|
-
* @default ''
|
|
426
375
|
*/
|
|
427
376
|
"helper": string;
|
|
428
377
|
/**
|
|
429
378
|
* Label text for the component
|
|
430
|
-
* @default ''
|
|
431
379
|
*/
|
|
432
380
|
"label": string;
|
|
433
381
|
/**
|
|
434
382
|
* Position of the label
|
|
435
|
-
* @default 'no-label'
|
|
436
383
|
*/
|
|
437
384
|
"labelPosition": 'inside' | 'outside' | 'no-label';
|
|
438
385
|
/**
|
|
@@ -445,17 +392,14 @@ export namespace Components {
|
|
|
445
392
|
"min": string;
|
|
446
393
|
/**
|
|
447
394
|
* Set the variant of the Datetime component.
|
|
448
|
-
* @default null
|
|
449
395
|
*/
|
|
450
396
|
"modeVariant": 'primary' | 'secondary';
|
|
451
397
|
/**
|
|
452
398
|
* Name property. Uses a unique ID as fallback if not specified.
|
|
453
|
-
* @default `datetime-${generateUniqueId()}`
|
|
454
399
|
*/
|
|
455
400
|
"name": string;
|
|
456
401
|
/**
|
|
457
402
|
* Resets min width rule
|
|
458
|
-
* @default false
|
|
459
403
|
*/
|
|
460
404
|
"noMinWidth": boolean;
|
|
461
405
|
/**
|
|
@@ -468,7 +412,6 @@ export namespace Components {
|
|
|
468
412
|
"setValue": (newValue: string) => Promise<void>;
|
|
469
413
|
/**
|
|
470
414
|
* Size of the input
|
|
471
|
-
* @default 'lg'
|
|
472
415
|
*/
|
|
473
416
|
"size": 'sm' | 'md' | 'lg';
|
|
474
417
|
/**
|
|
@@ -481,31 +424,24 @@ export namespace Components {
|
|
|
481
424
|
"tdsAriaLabel": string;
|
|
482
425
|
/**
|
|
483
426
|
* Sets an input type
|
|
484
|
-
* @default 'datetime-local'
|
|
485
427
|
*/
|
|
486
428
|
"type": 'datetime-local' | 'date' | 'month' | 'week' | 'time';
|
|
487
429
|
/**
|
|
488
430
|
* Value of the input text
|
|
489
|
-
* @default ''
|
|
490
431
|
*/
|
|
491
432
|
"value": string;
|
|
492
433
|
}
|
|
493
434
|
interface TdsDivider {
|
|
494
435
|
/**
|
|
495
436
|
* Orientation of the Divider, horizontal if not specified.
|
|
496
|
-
* @default 'horizontal'
|
|
497
437
|
*/
|
|
498
438
|
"orientation": 'horizontal' | 'vertical';
|
|
499
439
|
/**
|
|
500
440
|
* Variant of the Divider, subtle if not specified.
|
|
501
|
-
* @default 'subtle'
|
|
502
441
|
*/
|
|
503
442
|
"variant": 'discrete' | 'subtle' | 'soft' | 'defined' | 'dark-blue';
|
|
504
443
|
}
|
|
505
444
|
interface TdsDropdown {
|
|
506
|
-
/**
|
|
507
|
-
* @default 'slide'
|
|
508
|
-
*/
|
|
509
445
|
"animation": 'none' | 'slide';
|
|
510
446
|
"appendValue": (value: string) => Promise<void>;
|
|
511
447
|
/**
|
|
@@ -518,17 +454,14 @@ export namespace Components {
|
|
|
518
454
|
"defaultValue": string | number;
|
|
519
455
|
/**
|
|
520
456
|
* Sets the Dropdown in a disabled state
|
|
521
|
-
* @default false
|
|
522
457
|
*/
|
|
523
458
|
"disabled": boolean;
|
|
524
459
|
/**
|
|
525
460
|
* Sets the Dropdown in an error state
|
|
526
|
-
* @default false
|
|
527
461
|
*/
|
|
528
462
|
"error": boolean;
|
|
529
463
|
/**
|
|
530
464
|
* Enables filtration in the Dropdown.
|
|
531
|
-
* @default false
|
|
532
465
|
*/
|
|
533
466
|
"filter": boolean;
|
|
534
467
|
/**
|
|
@@ -549,12 +482,10 @@ export namespace Components {
|
|
|
549
482
|
"labelPosition": 'inside' | 'outside';
|
|
550
483
|
/**
|
|
551
484
|
* Mode variant of the component, based on current mode.
|
|
552
|
-
* @default null
|
|
553
485
|
*/
|
|
554
486
|
"modeVariant": 'primary' | 'secondary';
|
|
555
487
|
/**
|
|
556
488
|
* Enables multiselect in the Dropdown.
|
|
557
|
-
* @default false
|
|
558
489
|
*/
|
|
559
490
|
"multiselect": boolean;
|
|
560
491
|
/**
|
|
@@ -563,17 +494,14 @@ export namespace Components {
|
|
|
563
494
|
"name": string;
|
|
564
495
|
/**
|
|
565
496
|
* Text that is displayed if filter is used and there are no options that matches the search. Setting it to an empty string disables message from showing up.
|
|
566
|
-
* @default 'No result'
|
|
567
497
|
*/
|
|
568
498
|
"noResultText"?: string;
|
|
569
499
|
/**
|
|
570
500
|
* Normalizes input text for fuzzier search
|
|
571
|
-
* @default true
|
|
572
501
|
*/
|
|
573
502
|
"normalizeText": boolean;
|
|
574
503
|
/**
|
|
575
504
|
* The direction the Dropdown should open, auto if not specified.
|
|
576
|
-
* @default 'auto'
|
|
577
505
|
*/
|
|
578
506
|
"openDirection": 'up' | 'down' | 'auto';
|
|
579
507
|
/**
|
|
@@ -588,7 +516,6 @@ export namespace Components {
|
|
|
588
516
|
"setValue": (value: string | number | string[] | number[], label?: string) => Promise<{ value: string | number; label: string; }[]>;
|
|
589
517
|
/**
|
|
590
518
|
* The size of the Dropdown.
|
|
591
|
-
* @default 'lg'
|
|
592
519
|
*/
|
|
593
520
|
"size": 'xs' | 'sm' | 'md' | 'lg';
|
|
594
521
|
/**
|
|
@@ -601,14 +528,12 @@ export namespace Components {
|
|
|
601
528
|
"updateDisplay": () => Promise<void>;
|
|
602
529
|
/**
|
|
603
530
|
* Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
|
|
604
|
-
* @default null
|
|
605
531
|
*/
|
|
606
532
|
"value": string | number | (string | number)[];
|
|
607
533
|
}
|
|
608
534
|
interface TdsDropdownOption {
|
|
609
535
|
/**
|
|
610
536
|
* Sets the option as disabled.
|
|
611
|
-
* @default false
|
|
612
537
|
*/
|
|
613
538
|
"disabled": boolean;
|
|
614
539
|
/**
|
|
@@ -627,7 +552,6 @@ export namespace Components {
|
|
|
627
552
|
interface TdsFolderTab {
|
|
628
553
|
/**
|
|
629
554
|
* Disables the Tab.
|
|
630
|
-
* @default false
|
|
631
555
|
*/
|
|
632
556
|
"disabled": boolean;
|
|
633
557
|
"setSelected": (selected: boolean) => Promise<void>;
|
|
@@ -636,12 +560,10 @@ export namespace Components {
|
|
|
636
560
|
interface TdsFolderTabs {
|
|
637
561
|
/**
|
|
638
562
|
* Sets the default selected Tab.
|
|
639
|
-
* @default 0
|
|
640
563
|
*/
|
|
641
564
|
"defaultSelectedIndex": number;
|
|
642
565
|
/**
|
|
643
566
|
* Variant of the Tabs, primary= on white, secondary= on grey50
|
|
644
|
-
* @default null
|
|
645
567
|
*/
|
|
646
568
|
"modeVariant": 'primary' | 'secondary';
|
|
647
569
|
/**
|
|
@@ -658,19 +580,16 @@ export namespace Components {
|
|
|
658
580
|
"selectedIndex": number;
|
|
659
581
|
/**
|
|
660
582
|
* Defines aria-label on left scroll button
|
|
661
|
-
* @default 'Scroll left'
|
|
662
583
|
*/
|
|
663
584
|
"tdsScrollLeftAriaLabel": string;
|
|
664
585
|
/**
|
|
665
586
|
* Defines aria-label on right scroll button
|
|
666
|
-
* @default 'Scroll right'
|
|
667
587
|
*/
|
|
668
588
|
"tdsScrollRightAriaLabel": string;
|
|
669
589
|
}
|
|
670
590
|
interface TdsFooter {
|
|
671
591
|
/**
|
|
672
592
|
* Mode variant of the component, based on current mode.
|
|
673
|
-
* @default null
|
|
674
593
|
*/
|
|
675
594
|
"modeVariant": 'primary' | 'secondary';
|
|
676
595
|
}
|
|
@@ -705,22 +624,18 @@ export namespace Components {
|
|
|
705
624
|
"customWidth"?: string;
|
|
706
625
|
/**
|
|
707
626
|
* Disables internal padding. Useful when passing other components to cell.
|
|
708
|
-
* @default false
|
|
709
627
|
*/
|
|
710
628
|
"disablePadding": boolean;
|
|
711
629
|
/**
|
|
712
630
|
* Enables sorting on that column
|
|
713
|
-
* @default false
|
|
714
631
|
*/
|
|
715
632
|
"sortable": boolean;
|
|
716
633
|
/**
|
|
717
634
|
* Aria label for the sort button, providing an accessible description
|
|
718
|
-
* @default ''
|
|
719
635
|
*/
|
|
720
636
|
"tdsAriaLabelSortButton"?: string;
|
|
721
637
|
/**
|
|
722
638
|
* Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
|
|
723
|
-
* @default 'left'
|
|
724
639
|
*/
|
|
725
640
|
"textAlign": 'left' | 'start' | 'right' | 'end' | 'center';
|
|
726
641
|
}
|
|
@@ -731,12 +646,10 @@ export namespace Components {
|
|
|
731
646
|
"label": string;
|
|
732
647
|
/**
|
|
733
648
|
* If the dropdown icon (downwards chevron) should be hidden.
|
|
734
|
-
* @default false
|
|
735
649
|
*/
|
|
736
650
|
"noDropdownIcon": boolean;
|
|
737
651
|
/**
|
|
738
652
|
* If the button that opens the dropdown should appear selected.
|
|
739
|
-
* @default false
|
|
740
653
|
*/
|
|
741
654
|
"selected": boolean;
|
|
742
655
|
/**
|
|
@@ -747,19 +660,16 @@ export namespace Components {
|
|
|
747
660
|
interface TdsHeaderDropdownList {
|
|
748
661
|
/**
|
|
749
662
|
* The size of the component.
|
|
750
|
-
* @default 'md'
|
|
751
663
|
*/
|
|
752
664
|
"size": 'lg' | 'md';
|
|
753
665
|
}
|
|
754
666
|
interface TdsHeaderDropdownListItem {
|
|
755
667
|
/**
|
|
756
668
|
* If the link should appear selected.
|
|
757
|
-
* @default false
|
|
758
669
|
*/
|
|
759
670
|
"selected": boolean;
|
|
760
671
|
/**
|
|
761
672
|
* The size of the component.
|
|
762
|
-
* @default 'md'
|
|
763
673
|
*/
|
|
764
674
|
"size": 'md' | 'lg';
|
|
765
675
|
}
|
|
@@ -790,12 +700,10 @@ export namespace Components {
|
|
|
790
700
|
interface TdsHeaderItem {
|
|
791
701
|
/**
|
|
792
702
|
* If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
|
|
793
|
-
* @default false
|
|
794
703
|
*/
|
|
795
704
|
"active": boolean;
|
|
796
705
|
/**
|
|
797
706
|
* If the button should appear selected.
|
|
798
|
-
* @default false
|
|
799
707
|
*/
|
|
800
708
|
"selected": boolean;
|
|
801
709
|
}
|
|
@@ -808,7 +716,6 @@ export namespace Components {
|
|
|
808
716
|
interface TdsHeaderLauncherButton {
|
|
809
717
|
/**
|
|
810
718
|
* If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
|
|
811
|
-
* @default false
|
|
812
719
|
*/
|
|
813
720
|
"active": boolean;
|
|
814
721
|
/**
|
|
@@ -833,12 +740,10 @@ export namespace Components {
|
|
|
833
740
|
interface TdsIcon {
|
|
834
741
|
/**
|
|
835
742
|
* Pass the name of the icon. For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library
|
|
836
|
-
* @default 'truck'
|
|
837
743
|
*/
|
|
838
744
|
"name": IconNames;
|
|
839
745
|
/**
|
|
840
746
|
* Pass a size of icon as a string, for example, 32px, 1rem, 4em...
|
|
841
|
-
* @default '16px'
|
|
842
747
|
*/
|
|
843
748
|
"size": string;
|
|
844
749
|
/**
|
|
@@ -851,14 +756,12 @@ export namespace Components {
|
|
|
851
756
|
"svgTitle"?: string;
|
|
852
757
|
/**
|
|
853
758
|
* Set aria-hidden attribute on svg
|
|
854
|
-
* @default false
|
|
855
759
|
*/
|
|
856
760
|
"tdsAriaHidden": boolean;
|
|
857
761
|
}
|
|
858
762
|
interface TdsInlineTab {
|
|
859
763
|
/**
|
|
860
764
|
* Disables the Tab.
|
|
861
|
-
* @default false
|
|
862
765
|
*/
|
|
863
766
|
"disabled": boolean;
|
|
864
767
|
"setSelected": (selected: boolean) => Promise<void>;
|
|
@@ -866,17 +769,14 @@ export namespace Components {
|
|
|
866
769
|
interface TdsInlineTabs {
|
|
867
770
|
/**
|
|
868
771
|
* Sets the default selected Tab.
|
|
869
|
-
* @default 0
|
|
870
772
|
*/
|
|
871
773
|
"defaultSelectedIndex": number;
|
|
872
774
|
/**
|
|
873
775
|
* Custom left padding value for the wrapper element.
|
|
874
|
-
* @default 32
|
|
875
776
|
*/
|
|
876
777
|
"leftPadding": number;
|
|
877
778
|
/**
|
|
878
779
|
* Variant of the Tabs, primary= on white, secondary= on grey50
|
|
879
|
-
* @default 'primary'
|
|
880
780
|
*/
|
|
881
781
|
"modeVariant": 'primary' | 'secondary';
|
|
882
782
|
/**
|
|
@@ -893,29 +793,24 @@ export namespace Components {
|
|
|
893
793
|
"selectedIndex": number;
|
|
894
794
|
/**
|
|
895
795
|
* Defines aria-label on left scroll button
|
|
896
|
-
* @default 'Scroll left'
|
|
897
796
|
*/
|
|
898
797
|
"tdsScrollLeftAriaLabel": string;
|
|
899
798
|
/**
|
|
900
799
|
* Defines aria-label on right scroll button
|
|
901
|
-
* @default 'Scroll right'
|
|
902
800
|
*/
|
|
903
801
|
"tdsScrollRightAriaLabel": string;
|
|
904
802
|
}
|
|
905
803
|
interface TdsLink {
|
|
906
804
|
/**
|
|
907
805
|
* Disables the Link
|
|
908
|
-
* @default false
|
|
909
806
|
*/
|
|
910
807
|
"disabled": boolean;
|
|
911
808
|
/**
|
|
912
809
|
* Displays the Link as a standalone component. Not part of a paragraph.
|
|
913
|
-
* @default false
|
|
914
810
|
*/
|
|
915
811
|
"standalone": boolean;
|
|
916
812
|
/**
|
|
917
813
|
* Displays the Link with an underline.
|
|
918
|
-
* @default true
|
|
919
814
|
*/
|
|
920
815
|
"underline": boolean;
|
|
921
816
|
}
|
|
@@ -926,22 +821,18 @@ export namespace Components {
|
|
|
926
821
|
"header": string;
|
|
927
822
|
/**
|
|
928
823
|
* Minimal Message styling.
|
|
929
|
-
* @default false
|
|
930
824
|
*/
|
|
931
825
|
"minimal": boolean;
|
|
932
826
|
/**
|
|
933
827
|
* Variant of the component, based on current mode.
|
|
934
|
-
* @default null
|
|
935
828
|
*/
|
|
936
829
|
"modeVariant": 'primary' | 'secondary';
|
|
937
830
|
/**
|
|
938
831
|
* Removes the icon in the Message.
|
|
939
|
-
* @default false
|
|
940
832
|
*/
|
|
941
833
|
"noIcon": boolean;
|
|
942
834
|
/**
|
|
943
835
|
* Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
|
|
944
|
-
* @default 'dialog'
|
|
945
836
|
*/
|
|
946
837
|
"tdsAlertDialog": 'alertdialog' | 'dialog';
|
|
947
838
|
/**
|
|
@@ -950,14 +841,12 @@ export namespace Components {
|
|
|
950
841
|
"tdsAriaLabel": string;
|
|
951
842
|
/**
|
|
952
843
|
* Variant of Message.
|
|
953
|
-
* @default 'information'
|
|
954
844
|
*/
|
|
955
845
|
"variant": 'information' | 'error' | 'warning' | 'success';
|
|
956
846
|
}
|
|
957
847
|
interface TdsModal {
|
|
958
848
|
/**
|
|
959
849
|
* Changes the position behaviour of the actions slot.
|
|
960
|
-
* @default 'static'
|
|
961
850
|
*/
|
|
962
851
|
"actionsPosition": 'sticky' | 'static';
|
|
963
852
|
/**
|
|
@@ -966,7 +855,6 @@ export namespace Components {
|
|
|
966
855
|
"cleanupModal": () => Promise<void>;
|
|
967
856
|
/**
|
|
968
857
|
* Shows or hides the close [X] button.
|
|
969
|
-
* @default true
|
|
970
858
|
*/
|
|
971
859
|
"closable": boolean;
|
|
972
860
|
/**
|
|
@@ -987,7 +875,6 @@ export namespace Components {
|
|
|
987
875
|
"isOpen": () => Promise<boolean>;
|
|
988
876
|
/**
|
|
989
877
|
* Disables closing Modal on clicking on overlay area.
|
|
990
|
-
* @default false
|
|
991
878
|
*/
|
|
992
879
|
"prevent": boolean;
|
|
993
880
|
/**
|
|
@@ -1008,19 +895,16 @@ export namespace Components {
|
|
|
1008
895
|
"showModal": () => Promise<void>;
|
|
1009
896
|
/**
|
|
1010
897
|
* Size of Modal
|
|
1011
|
-
* @default 'md'
|
|
1012
898
|
*/
|
|
1013
899
|
"size": 'xs' | 'sm' | 'md' | 'lg';
|
|
1014
900
|
/**
|
|
1015
901
|
* Role of the modal component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
|
|
1016
|
-
* @default 'dialog'
|
|
1017
902
|
*/
|
|
1018
903
|
"tdsAlertDialog": 'alertdialog' | 'dialog';
|
|
1019
904
|
}
|
|
1020
905
|
interface TdsNavigationTab {
|
|
1021
906
|
/**
|
|
1022
907
|
* Disables the Tab.
|
|
1023
|
-
* @default false
|
|
1024
908
|
*/
|
|
1025
909
|
"disabled": boolean;
|
|
1026
910
|
"setSelected": (selected: boolean) => Promise<void>;
|
|
@@ -1028,17 +912,14 @@ export namespace Components {
|
|
|
1028
912
|
interface TdsNavigationTabs {
|
|
1029
913
|
/**
|
|
1030
914
|
* Sets the default selected Tab.
|
|
1031
|
-
* @default 0
|
|
1032
915
|
*/
|
|
1033
916
|
"defaultSelectedIndex": number;
|
|
1034
917
|
/**
|
|
1035
918
|
* Custom left padding value for the wrapper element.
|
|
1036
|
-
* @default 32
|
|
1037
919
|
*/
|
|
1038
920
|
"leftPadding": number;
|
|
1039
921
|
/**
|
|
1040
922
|
* Variant of the Tabs, primary= on white, secondary= on grey50
|
|
1041
|
-
* @default 'primary'
|
|
1042
923
|
*/
|
|
1043
924
|
"modeVariant": 'primary' | 'secondary';
|
|
1044
925
|
/**
|
|
@@ -1055,19 +936,16 @@ export namespace Components {
|
|
|
1055
936
|
"selectedIndex": number;
|
|
1056
937
|
/**
|
|
1057
938
|
* Defines aria-label on left scroll button
|
|
1058
|
-
* @default 'Scroll left'
|
|
1059
939
|
*/
|
|
1060
940
|
"tdsScrollLeftAriaLabel": string;
|
|
1061
941
|
/**
|
|
1062
942
|
* Defines aria-label on right scroll button
|
|
1063
|
-
* @default 'Scroll right'
|
|
1064
943
|
*/
|
|
1065
944
|
"tdsScrollRightAriaLabel": string;
|
|
1066
945
|
}
|
|
1067
946
|
interface TdsPopoverCanvas {
|
|
1068
947
|
/**
|
|
1069
948
|
* Whether the popover should animate when being opened/closed or not
|
|
1070
|
-
* @default 'none'
|
|
1071
949
|
*/
|
|
1072
950
|
"animation": 'none' | 'fade' | string;
|
|
1073
951
|
/**
|
|
@@ -1076,32 +954,26 @@ export namespace Components {
|
|
|
1076
954
|
"close": () => Promise<void>;
|
|
1077
955
|
/**
|
|
1078
956
|
* Decides if the component should be visible from the start.
|
|
1079
|
-
* @default false
|
|
1080
957
|
*/
|
|
1081
958
|
"defaultShow": boolean;
|
|
1082
959
|
/**
|
|
1083
960
|
* Mode variant of the component, based on current mode.
|
|
1084
|
-
* @default null
|
|
1085
961
|
*/
|
|
1086
962
|
"modeVariant": 'primary' | 'secondary';
|
|
1087
963
|
/**
|
|
1088
964
|
* Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
|
|
1089
|
-
* @default []
|
|
1090
965
|
*/
|
|
1091
966
|
"modifiers": object[];
|
|
1092
967
|
/**
|
|
1093
968
|
* Sets the offset distance
|
|
1094
|
-
* @default 8
|
|
1095
969
|
*/
|
|
1096
970
|
"offsetDistance": number;
|
|
1097
971
|
/**
|
|
1098
972
|
* Sets the offset skidding
|
|
1099
|
-
* @default 0
|
|
1100
973
|
*/
|
|
1101
974
|
"offsetSkidding": number;
|
|
1102
975
|
/**
|
|
1103
976
|
* Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement
|
|
1104
|
-
* @default 'auto'
|
|
1105
977
|
*/
|
|
1106
978
|
"placement": Placement;
|
|
1107
979
|
/**
|
|
@@ -1114,24 +986,20 @@ export namespace Components {
|
|
|
1114
986
|
"selector": string;
|
|
1115
987
|
/**
|
|
1116
988
|
* Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
|
|
1117
|
-
* @default null
|
|
1118
989
|
*/
|
|
1119
990
|
"show": boolean;
|
|
1120
991
|
/**
|
|
1121
992
|
* Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
|
|
1122
|
-
* @default 'dialog'
|
|
1123
993
|
*/
|
|
1124
994
|
"tdsAlertDialog": 'alertdialog' | 'dialog';
|
|
1125
995
|
}
|
|
1126
996
|
interface TdsPopoverCore {
|
|
1127
997
|
/**
|
|
1128
998
|
* Whether the popover should animate when being opened/closed or not
|
|
1129
|
-
* @default 'none'
|
|
1130
999
|
*/
|
|
1131
1000
|
"animation": 'none' | 'fade' | string;
|
|
1132
1001
|
/**
|
|
1133
1002
|
* Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
|
|
1134
|
-
* @default true
|
|
1135
1003
|
*/
|
|
1136
1004
|
"autoHide": boolean;
|
|
1137
1005
|
/**
|
|
@@ -1140,27 +1008,22 @@ export namespace Components {
|
|
|
1140
1008
|
"close": () => Promise<void>;
|
|
1141
1009
|
/**
|
|
1142
1010
|
* Decides if the component should be visible from the start.
|
|
1143
|
-
* @default false
|
|
1144
1011
|
*/
|
|
1145
1012
|
"defaultShow": boolean;
|
|
1146
1013
|
/**
|
|
1147
1014
|
* Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
|
|
1148
|
-
* @default []
|
|
1149
1015
|
*/
|
|
1150
1016
|
"modifiers": Object[];
|
|
1151
1017
|
/**
|
|
1152
1018
|
* Sets the offset distance
|
|
1153
|
-
* @default 8
|
|
1154
1019
|
*/
|
|
1155
1020
|
"offsetDistance": number;
|
|
1156
1021
|
/**
|
|
1157
1022
|
* Sets the offset skidding
|
|
1158
|
-
* @default 0
|
|
1159
1023
|
*/
|
|
1160
1024
|
"offsetSkidding": number;
|
|
1161
1025
|
/**
|
|
1162
1026
|
* Decides the placement of the Popover Menu
|
|
1163
|
-
* @default 'auto'
|
|
1164
1027
|
*/
|
|
1165
1028
|
"placement": Placement;
|
|
1166
1029
|
/**
|
|
@@ -1173,19 +1036,16 @@ export namespace Components {
|
|
|
1173
1036
|
"selector": string;
|
|
1174
1037
|
/**
|
|
1175
1038
|
* Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
|
|
1176
|
-
* @default null
|
|
1177
1039
|
*/
|
|
1178
1040
|
"show": boolean;
|
|
1179
1041
|
/**
|
|
1180
1042
|
* What triggers the popover to show
|
|
1181
|
-
* @default 'click'
|
|
1182
1043
|
*/
|
|
1183
1044
|
"trigger": 'click' | 'hover' | 'hover-popover';
|
|
1184
1045
|
}
|
|
1185
1046
|
interface TdsPopoverMenu {
|
|
1186
1047
|
/**
|
|
1187
1048
|
* Whether the popover should animate when being opened/closed or not
|
|
1188
|
-
* @default 'none'
|
|
1189
1049
|
*/
|
|
1190
1050
|
"animation": 'none' | 'fade' | string;
|
|
1191
1051
|
/**
|
|
@@ -1194,32 +1054,26 @@ export namespace Components {
|
|
|
1194
1054
|
"close": () => Promise<void>;
|
|
1195
1055
|
/**
|
|
1196
1056
|
* Decides if the component should be visible from the start.
|
|
1197
|
-
* @default false
|
|
1198
1057
|
*/
|
|
1199
1058
|
"defaultShow": boolean;
|
|
1200
1059
|
/**
|
|
1201
1060
|
* If true this unsets the width (160px) of the Popover Menu
|
|
1202
|
-
* @default false
|
|
1203
1061
|
*/
|
|
1204
1062
|
"fluidWidth": boolean;
|
|
1205
1063
|
/**
|
|
1206
1064
|
* Mode variant of the component, based on current mode.
|
|
1207
|
-
* @default null
|
|
1208
1065
|
*/
|
|
1209
1066
|
"modeVariant": 'primary' | 'secondary';
|
|
1210
1067
|
/**
|
|
1211
1068
|
* Sets the offset distance
|
|
1212
|
-
* @default 8
|
|
1213
1069
|
*/
|
|
1214
1070
|
"offsetDistance": number;
|
|
1215
1071
|
/**
|
|
1216
1072
|
* Sets the offset skidding
|
|
1217
|
-
* @default 0
|
|
1218
1073
|
*/
|
|
1219
1074
|
"offsetSkidding": number;
|
|
1220
1075
|
/**
|
|
1221
1076
|
* Decides the placement of the Popover Menu
|
|
1222
|
-
* @default 'auto'
|
|
1223
1077
|
*/
|
|
1224
1078
|
"placement": Placement;
|
|
1225
1079
|
/**
|
|
@@ -1232,26 +1086,22 @@ export namespace Components {
|
|
|
1232
1086
|
"selector": string;
|
|
1233
1087
|
/**
|
|
1234
1088
|
* Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
|
|
1235
|
-
* @default null
|
|
1236
1089
|
*/
|
|
1237
1090
|
"show": boolean;
|
|
1238
1091
|
}
|
|
1239
1092
|
interface TdsPopoverMenuItem {
|
|
1240
1093
|
/**
|
|
1241
1094
|
* Disables the Popover Menu Item
|
|
1242
|
-
* @default false
|
|
1243
1095
|
*/
|
|
1244
1096
|
"disabled": boolean;
|
|
1245
1097
|
}
|
|
1246
1098
|
interface TdsRadioButton {
|
|
1247
1099
|
/**
|
|
1248
1100
|
* Decides if the Radio Button is checked or not.
|
|
1249
|
-
* @default false
|
|
1250
1101
|
*/
|
|
1251
1102
|
"checked": boolean;
|
|
1252
1103
|
/**
|
|
1253
1104
|
* Decides if the Radio Button is disabled or not.
|
|
1254
|
-
* @default false
|
|
1255
1105
|
*/
|
|
1256
1106
|
"disabled": boolean;
|
|
1257
1107
|
/**
|
|
@@ -1264,12 +1114,10 @@ export namespace Components {
|
|
|
1264
1114
|
"name": string;
|
|
1265
1115
|
/**
|
|
1266
1116
|
* Unique Radio Button identifier.
|
|
1267
|
-
* @default generateUniqueId()
|
|
1268
1117
|
*/
|
|
1269
1118
|
"radioId": string;
|
|
1270
1119
|
/**
|
|
1271
1120
|
* Decides if the Radio Button is required or not.
|
|
1272
|
-
* @default false
|
|
1273
1121
|
*/
|
|
1274
1122
|
"required": boolean;
|
|
1275
1123
|
/**
|
|
@@ -1288,17 +1136,14 @@ export namespace Components {
|
|
|
1288
1136
|
interface TdsSideMenu {
|
|
1289
1137
|
/**
|
|
1290
1138
|
* If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tdsCollapse event.
|
|
1291
|
-
* @default false
|
|
1292
1139
|
*/
|
|
1293
1140
|
"collapsed": boolean;
|
|
1294
1141
|
/**
|
|
1295
1142
|
* Applicable only for mobile. If the Side Menu is open or not.
|
|
1296
|
-
* @default false
|
|
1297
1143
|
*/
|
|
1298
1144
|
"open": boolean;
|
|
1299
1145
|
/**
|
|
1300
1146
|
* Applicable only for desktop. If the Side Menu should always be shown.
|
|
1301
|
-
* @default false
|
|
1302
1147
|
*/
|
|
1303
1148
|
"persistent": boolean;
|
|
1304
1149
|
}
|
|
@@ -1313,17 +1158,14 @@ export namespace Components {
|
|
|
1313
1158
|
"buttonLabel": string;
|
|
1314
1159
|
/**
|
|
1315
1160
|
* If the dropdown should be open from the start.
|
|
1316
|
-
* @default false
|
|
1317
1161
|
*/
|
|
1318
1162
|
"defaultOpen": boolean;
|
|
1319
1163
|
/**
|
|
1320
1164
|
* Toggle open state programmatically
|
|
1321
|
-
* @default false
|
|
1322
1165
|
*/
|
|
1323
1166
|
"open": boolean;
|
|
1324
1167
|
/**
|
|
1325
1168
|
* If the button that opens the dropdown should appear selected.
|
|
1326
|
-
* @default false
|
|
1327
1169
|
*/
|
|
1328
1170
|
"selected": boolean;
|
|
1329
1171
|
}
|
|
@@ -1332,19 +1174,16 @@ export namespace Components {
|
|
|
1332
1174
|
interface TdsSideMenuDropdownListItem {
|
|
1333
1175
|
/**
|
|
1334
1176
|
* If the item should appear selected.
|
|
1335
|
-
* @default false
|
|
1336
1177
|
*/
|
|
1337
1178
|
"selected": boolean;
|
|
1338
1179
|
}
|
|
1339
1180
|
interface TdsSideMenuItem {
|
|
1340
1181
|
/**
|
|
1341
1182
|
* If the item should appear active. Can be used when the item is triggering a dropdown, and the dropdown is open, for example.
|
|
1342
|
-
* @default false
|
|
1343
1183
|
*/
|
|
1344
1184
|
"active": boolean;
|
|
1345
1185
|
/**
|
|
1346
1186
|
* If the item should appear selected.
|
|
1347
|
-
* @default false
|
|
1348
1187
|
*/
|
|
1349
1188
|
"selected": boolean;
|
|
1350
1189
|
}
|
|
@@ -1391,42 +1230,34 @@ export namespace Components {
|
|
|
1391
1230
|
interface TdsSlider {
|
|
1392
1231
|
/**
|
|
1393
1232
|
* Decide to show the controls or not
|
|
1394
|
-
* @default false
|
|
1395
1233
|
*/
|
|
1396
1234
|
"controls": boolean;
|
|
1397
1235
|
/**
|
|
1398
1236
|
* Sets the disabled state for the whole component
|
|
1399
|
-
* @default false
|
|
1400
1237
|
*/
|
|
1401
1238
|
"disabled": boolean;
|
|
1402
1239
|
/**
|
|
1403
1240
|
* Decide to show the input field or not
|
|
1404
|
-
* @default false
|
|
1405
1241
|
*/
|
|
1406
1242
|
"input": boolean;
|
|
1407
1243
|
/**
|
|
1408
1244
|
* Text for label
|
|
1409
|
-
* @default ''
|
|
1410
1245
|
*/
|
|
1411
1246
|
"label": string;
|
|
1412
1247
|
/**
|
|
1413
1248
|
* Maximum value
|
|
1414
|
-
* @default '100'
|
|
1415
1249
|
*/
|
|
1416
1250
|
"max": string;
|
|
1417
1251
|
/**
|
|
1418
1252
|
* Minimum value
|
|
1419
|
-
* @default '0'
|
|
1420
1253
|
*/
|
|
1421
1254
|
"min": string;
|
|
1422
1255
|
/**
|
|
1423
1256
|
* Name property (will be inherited by the native slider component)
|
|
1424
|
-
* @default ''
|
|
1425
1257
|
*/
|
|
1426
1258
|
"name": string;
|
|
1427
1259
|
/**
|
|
1428
1260
|
* Sets the read only state for the whole component
|
|
1429
|
-
* @default false
|
|
1430
1261
|
*/
|
|
1431
1262
|
"readOnly": boolean;
|
|
1432
1263
|
/**
|
|
@@ -1435,64 +1266,52 @@ export namespace Components {
|
|
|
1435
1266
|
"reset": () => Promise<void>;
|
|
1436
1267
|
/**
|
|
1437
1268
|
* Decide to show numbers above the tick markers or not
|
|
1438
|
-
* @default false
|
|
1439
1269
|
*/
|
|
1440
1270
|
"showTickNumbers": boolean;
|
|
1441
1271
|
/**
|
|
1442
1272
|
* ID for the Slider's input element, randomly generated if not specified.
|
|
1443
|
-
* @default generateUniqueId()
|
|
1444
1273
|
*/
|
|
1445
1274
|
"sliderId": string;
|
|
1446
1275
|
/**
|
|
1447
1276
|
* Snap to the tick's grid
|
|
1448
|
-
* @default false
|
|
1449
1277
|
*/
|
|
1450
1278
|
"snap": boolean;
|
|
1451
1279
|
/**
|
|
1452
1280
|
* Defines how much to increment/decrement the value when using controls
|
|
1453
|
-
* @default '1'
|
|
1454
1281
|
*/
|
|
1455
1282
|
"step": string;
|
|
1456
1283
|
/**
|
|
1457
1284
|
* Sets the aria-label for the slider control.
|
|
1458
|
-
* @default ''
|
|
1459
1285
|
*/
|
|
1460
1286
|
"tdsAriaLabel": string;
|
|
1461
1287
|
/**
|
|
1462
1288
|
* Sets the read only aria label for the input field
|
|
1463
|
-
* @default ''
|
|
1464
1289
|
*/
|
|
1465
1290
|
"tdsReadOnlyAriaLabel": string;
|
|
1466
1291
|
/**
|
|
1467
1292
|
* Sets the size of the thumb
|
|
1468
|
-
* @default 'lg'
|
|
1469
1293
|
*/
|
|
1470
1294
|
"thumbSize": 'sm' | 'lg';
|
|
1471
1295
|
/**
|
|
1472
1296
|
* Number of tick markers (tick for min- and max-value will be added automatically)
|
|
1473
|
-
* @default '0'
|
|
1474
1297
|
*/
|
|
1475
1298
|
"ticks": string;
|
|
1476
1299
|
/**
|
|
1477
1300
|
* Decide to show the tooltip or not
|
|
1478
|
-
* @default false
|
|
1479
1301
|
*/
|
|
1480
1302
|
"tooltip": boolean;
|
|
1481
1303
|
/**
|
|
1482
1304
|
* Initial value
|
|
1483
|
-
* @default '0'
|
|
1484
1305
|
*/
|
|
1485
1306
|
"value": string;
|
|
1486
1307
|
}
|
|
1487
1308
|
interface TdsSpinner {
|
|
1488
1309
|
/**
|
|
1489
1310
|
* Size of the Spinner
|
|
1490
|
-
* @default 'lg'
|
|
1491
1311
|
*/
|
|
1492
1312
|
"size": 'xs' | 'sm' | 'md' | 'lg';
|
|
1493
1313
|
/**
|
|
1494
1314
|
* Variant of the Spinner
|
|
1495
|
-
* @default 'standard'
|
|
1496
1315
|
*/
|
|
1497
1316
|
"variant": 'standard' | 'inverted';
|
|
1498
1317
|
}
|
|
@@ -1503,7 +1322,6 @@ export namespace Components {
|
|
|
1503
1322
|
"index": string;
|
|
1504
1323
|
/**
|
|
1505
1324
|
* State of the Step
|
|
1506
|
-
* @default 'upcoming'
|
|
1507
1325
|
*/
|
|
1508
1326
|
"state": 'current' | 'error' | 'success' | 'upcoming';
|
|
1509
1327
|
"tdsAriaCurrent": string;
|
|
@@ -1511,44 +1329,36 @@ export namespace Components {
|
|
|
1511
1329
|
interface TdsStepper {
|
|
1512
1330
|
/**
|
|
1513
1331
|
* Hides the label for the child components if true.
|
|
1514
|
-
* @default false
|
|
1515
1332
|
*/
|
|
1516
1333
|
"hideLabels": boolean;
|
|
1517
1334
|
/**
|
|
1518
1335
|
* Text position, only available on a direction: horizontal
|
|
1519
|
-
* @default 'below'
|
|
1520
1336
|
*/
|
|
1521
1337
|
"labelPosition": 'aside' | 'below';
|
|
1522
1338
|
/**
|
|
1523
1339
|
* The orientation the Steps
|
|
1524
|
-
* @default 'horizontal'
|
|
1525
1340
|
*/
|
|
1526
1341
|
"orientation": 'horizontal' | 'vertical';
|
|
1527
1342
|
/**
|
|
1528
1343
|
* Size of the component and it's children.
|
|
1529
|
-
* @default 'lg'
|
|
1530
1344
|
*/
|
|
1531
1345
|
"size": 'sm' | 'lg';
|
|
1532
1346
|
/**
|
|
1533
1347
|
* ID used for internal Stepper functionality and events, must be unique. **NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper, as the default ID is random and will be different every time.
|
|
1534
|
-
* @default generateUniqueId()
|
|
1535
1348
|
*/
|
|
1536
1349
|
"stepperId": string;
|
|
1537
1350
|
/**
|
|
1538
1351
|
* Label for the stepper component, for screen reader users
|
|
1539
|
-
* @default 'Progress steps'
|
|
1540
1352
|
*/
|
|
1541
1353
|
"tdsAriaLabel": string;
|
|
1542
1354
|
}
|
|
1543
1355
|
interface TdsTable {
|
|
1544
1356
|
/**
|
|
1545
1357
|
* Enables style where Table toolbar, rows and footer are less high
|
|
1546
|
-
* @default false
|
|
1547
1358
|
*/
|
|
1548
1359
|
"compactDesign": boolean;
|
|
1549
1360
|
/**
|
|
1550
1361
|
* Enables extended row feature of Table
|
|
1551
|
-
* @default false
|
|
1552
1362
|
*/
|
|
1553
1363
|
"expandableRows": boolean;
|
|
1554
1364
|
/**
|
|
@@ -1557,17 +1367,14 @@ export namespace Components {
|
|
|
1557
1367
|
"getSelectedRows": () => Promise<any[]>;
|
|
1558
1368
|
/**
|
|
1559
1369
|
* Width of the table, used as the constraint for horizontal scrolling. **NOTE**: this will disable usage of the responsive flag
|
|
1560
|
-
* @default null
|
|
1561
1370
|
*/
|
|
1562
1371
|
"horizontalScrollWidth"?: string;
|
|
1563
1372
|
/**
|
|
1564
1373
|
* Variant of the component, based on current mode.
|
|
1565
|
-
* @default null
|
|
1566
1374
|
*/
|
|
1567
1375
|
"modeVariant": 'primary' | 'secondary';
|
|
1568
1376
|
/**
|
|
1569
1377
|
* Enables multiselect feature of Table
|
|
1570
|
-
* @default false
|
|
1571
1378
|
*/
|
|
1572
1379
|
"multiselect": boolean;
|
|
1573
1380
|
/**
|
|
@@ -1576,22 +1383,18 @@ export namespace Components {
|
|
|
1576
1383
|
"noMinWidth": boolean;
|
|
1577
1384
|
/**
|
|
1578
1385
|
* Enables Table to take 100% available width with equal spacing of columns
|
|
1579
|
-
* @default false
|
|
1580
1386
|
*/
|
|
1581
1387
|
"responsive": boolean;
|
|
1582
1388
|
/**
|
|
1583
1389
|
* ID used for internal Table functionality and events, must be unique. **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table, as the default ID is random and will be different every time.
|
|
1584
|
-
* @default generateUniqueId()
|
|
1585
1390
|
*/
|
|
1586
1391
|
"tableId": string;
|
|
1587
1392
|
/**
|
|
1588
1393
|
* Enables style with vertical dividers between columns
|
|
1589
|
-
* @default false
|
|
1590
1394
|
*/
|
|
1591
1395
|
"verticalDividers": boolean;
|
|
1592
1396
|
/**
|
|
1593
1397
|
* Enables zebra stripe mode on the table rows or columns.
|
|
1594
|
-
* @default 'none'
|
|
1595
1398
|
*/
|
|
1596
1399
|
"zebraMode": | 'rows-odd'
|
|
1597
1400
|
| 'rows-even'
|
|
@@ -1604,36 +1407,30 @@ export namespace Components {
|
|
|
1604
1407
|
interface TdsTableBodyInputWrapper {
|
|
1605
1408
|
/**
|
|
1606
1409
|
* Controls if the edit icon is shown
|
|
1607
|
-
* @default true
|
|
1608
1410
|
*/
|
|
1609
1411
|
"showIcon": boolean;
|
|
1610
1412
|
}
|
|
1611
1413
|
interface TdsTableBodyRow {
|
|
1612
1414
|
/**
|
|
1613
1415
|
* Makes the row clickable and tabbable for accessibility purposes.
|
|
1614
|
-
* @default false
|
|
1615
1416
|
*/
|
|
1616
1417
|
"clickable": boolean;
|
|
1617
1418
|
/**
|
|
1618
1419
|
* Marks the row as disabled, used for multiselect table.
|
|
1619
|
-
* @default false
|
|
1620
1420
|
*/
|
|
1621
1421
|
"disabled"?: boolean;
|
|
1622
1422
|
/**
|
|
1623
1423
|
* Marks the row as selected, used for multiselect table.
|
|
1624
|
-
* @default false
|
|
1625
1424
|
*/
|
|
1626
1425
|
"selected": boolean;
|
|
1627
1426
|
}
|
|
1628
1427
|
interface TdsTableBodyRowExpandable {
|
|
1629
1428
|
/**
|
|
1630
1429
|
* Enables auto-collapse of other expandable rows when one row is expanded
|
|
1631
|
-
* @default false
|
|
1632
1430
|
*/
|
|
1633
1431
|
"autoCollapse": boolean;
|
|
1634
1432
|
/**
|
|
1635
1433
|
* In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
|
|
1636
|
-
* @default null
|
|
1637
1434
|
*/
|
|
1638
1435
|
"colSpan": number;
|
|
1639
1436
|
/**
|
|
@@ -1650,66 +1447,54 @@ export namespace Components {
|
|
|
1650
1447
|
"expanded": boolean;
|
|
1651
1448
|
/**
|
|
1652
1449
|
* Controls the overflow behavior of the expandable row content
|
|
1653
|
-
* @default 'auto'
|
|
1654
1450
|
*/
|
|
1655
1451
|
"overflow": 'auto' | 'hidden' | 'visible';
|
|
1656
1452
|
/**
|
|
1657
1453
|
* ID for the table row. Randomly generated if not specified.
|
|
1658
|
-
* @default generateUniqueId()
|
|
1659
1454
|
*/
|
|
1660
1455
|
"rowId": string;
|
|
1661
1456
|
/**
|
|
1662
1457
|
* Aria label for the expand button, providing an accessible description
|
|
1663
|
-
* @default ''
|
|
1664
1458
|
*/
|
|
1665
1459
|
"tdsAriaLabelExpandButton": string;
|
|
1666
1460
|
}
|
|
1667
1461
|
interface TdsTableFooter {
|
|
1668
1462
|
/**
|
|
1669
1463
|
* <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails.
|
|
1670
|
-
* @default null
|
|
1671
1464
|
*/
|
|
1672
1465
|
"cols": number;
|
|
1673
1466
|
/**
|
|
1674
1467
|
* Sets the number of pages.
|
|
1675
|
-
* @default null
|
|
1676
1468
|
*/
|
|
1677
1469
|
"pages": number;
|
|
1678
1470
|
/**
|
|
1679
1471
|
* Enable pagination and show pagination controls
|
|
1680
|
-
* @default false
|
|
1681
1472
|
*/
|
|
1682
1473
|
"pagination": boolean;
|
|
1683
1474
|
/**
|
|
1684
1475
|
* Sets the pagination number.
|
|
1685
|
-
* @default 1
|
|
1686
1476
|
*/
|
|
1687
1477
|
"paginationValue": number;
|
|
1688
1478
|
/**
|
|
1689
1479
|
* Set available rows per page values
|
|
1690
|
-
* @default [10, 25, 50]
|
|
1691
1480
|
*/
|
|
1692
1481
|
"rowsPerPageValues": number[];
|
|
1693
1482
|
/**
|
|
1694
1483
|
* Enable rows per page dropdown
|
|
1695
|
-
* @default true
|
|
1696
1484
|
*/
|
|
1697
1485
|
"rowsperpage": boolean;
|
|
1698
1486
|
}
|
|
1699
1487
|
interface TdsTableHeader {
|
|
1700
1488
|
/**
|
|
1701
1489
|
* @deprecated Deprecated, use selected instead.
|
|
1702
|
-
* @default false
|
|
1703
1490
|
*/
|
|
1704
1491
|
"allSelected": boolean;
|
|
1705
1492
|
/**
|
|
1706
1493
|
* Prop for controlling the enabled/disabled state of the "All selected"-checkbox.
|
|
1707
|
-
* @default false
|
|
1708
1494
|
*/
|
|
1709
1495
|
"disabled"?: boolean;
|
|
1710
1496
|
/**
|
|
1711
1497
|
* Prop for controlling the indeterminate state of the "All selected"-checkbox.
|
|
1712
|
-
* @default false
|
|
1713
1498
|
*/
|
|
1714
1499
|
"indeterminate": boolean;
|
|
1715
1500
|
/**
|
|
@@ -1718,37 +1503,29 @@ export namespace Components {
|
|
|
1718
1503
|
"selected": boolean;
|
|
1719
1504
|
}
|
|
1720
1505
|
interface TdsTableHeaderInputWrapper {
|
|
1721
|
-
/**
|
|
1722
|
-
* @default false
|
|
1723
|
-
*/
|
|
1724
1506
|
"compactDesign": boolean;
|
|
1725
1507
|
/**
|
|
1726
1508
|
* Controls if the search icon is shown
|
|
1727
|
-
* @default true
|
|
1728
1509
|
*/
|
|
1729
1510
|
"showIcon": boolean;
|
|
1730
1511
|
}
|
|
1731
1512
|
interface TdsTableToolbar {
|
|
1732
1513
|
/**
|
|
1733
1514
|
* Enables preview of searchbar
|
|
1734
|
-
* @default false
|
|
1735
1515
|
*/
|
|
1736
1516
|
"filter": boolean;
|
|
1737
1517
|
/**
|
|
1738
1518
|
* Adds title to the Table
|
|
1739
|
-
* @default ''
|
|
1740
1519
|
*/
|
|
1741
1520
|
"tableTitle": string;
|
|
1742
1521
|
/**
|
|
1743
1522
|
* Aria label for the search input, providing an accessible description
|
|
1744
|
-
* @default ''
|
|
1745
1523
|
*/
|
|
1746
1524
|
"tdsSearchAriaLabel": string;
|
|
1747
1525
|
}
|
|
1748
1526
|
interface TdsTag {
|
|
1749
1527
|
/**
|
|
1750
1528
|
* Sets the size of the tag
|
|
1751
|
-
* @default 'lg'
|
|
1752
1529
|
*/
|
|
1753
1530
|
"size": 'lg' | 'sm';
|
|
1754
1531
|
/**
|
|
@@ -1757,24 +1534,20 @@ export namespace Components {
|
|
|
1757
1534
|
"text": string;
|
|
1758
1535
|
/**
|
|
1759
1536
|
* Sets the variant mode of the tag
|
|
1760
|
-
* @default 'Neutral'
|
|
1761
1537
|
*/
|
|
1762
1538
|
"variant": 'Success' | 'Warning' | 'New' | 'Neutral' | 'Information' | 'Error';
|
|
1763
1539
|
}
|
|
1764
1540
|
interface TdsTextField {
|
|
1765
1541
|
/**
|
|
1766
1542
|
* Value to be used for the text field's autocomplete attribute
|
|
1767
|
-
* @default 'off'
|
|
1768
1543
|
*/
|
|
1769
1544
|
"autocomplete": string;
|
|
1770
1545
|
/**
|
|
1771
1546
|
* Autofocus for input
|
|
1772
|
-
* @default false
|
|
1773
1547
|
*/
|
|
1774
1548
|
"autofocus": boolean;
|
|
1775
1549
|
/**
|
|
1776
1550
|
* Set input in disabled state
|
|
1777
|
-
* @default false
|
|
1778
1551
|
*/
|
|
1779
1552
|
"disabled": boolean;
|
|
1780
1553
|
/**
|
|
@@ -1787,17 +1560,14 @@ export namespace Components {
|
|
|
1787
1560
|
"helper": string;
|
|
1788
1561
|
/**
|
|
1789
1562
|
* Hides the read-only icon in the Text Field. Requires Read Only to be enabled.
|
|
1790
|
-
* @default false
|
|
1791
1563
|
*/
|
|
1792
1564
|
"hideReadOnlyIcon": boolean;
|
|
1793
1565
|
/**
|
|
1794
1566
|
* Label text
|
|
1795
|
-
* @default ''
|
|
1796
1567
|
*/
|
|
1797
1568
|
"label": string;
|
|
1798
1569
|
/**
|
|
1799
1570
|
* Position of the label for the Text Field.
|
|
1800
|
-
* @default 'no-label'
|
|
1801
1571
|
*/
|
|
1802
1572
|
"labelPosition": 'inside' | 'outside' | 'no-label';
|
|
1803
1573
|
/**
|
|
@@ -1814,42 +1584,34 @@ export namespace Components {
|
|
|
1814
1584
|
"min": string | number;
|
|
1815
1585
|
/**
|
|
1816
1586
|
* Mode variant of the Text Field
|
|
1817
|
-
* @default null
|
|
1818
1587
|
*/
|
|
1819
1588
|
"modeVariant": 'primary' | 'secondary';
|
|
1820
1589
|
/**
|
|
1821
1590
|
* Name property
|
|
1822
|
-
* @default ''
|
|
1823
1591
|
*/
|
|
1824
1592
|
"name": string;
|
|
1825
1593
|
/**
|
|
1826
1594
|
* Unset minimum width of 208px.
|
|
1827
|
-
* @default false
|
|
1828
1595
|
*/
|
|
1829
1596
|
"noMinWidth": boolean;
|
|
1830
1597
|
/**
|
|
1831
1598
|
* Placeholder text
|
|
1832
|
-
* @default ''
|
|
1833
1599
|
*/
|
|
1834
1600
|
"placeholder": string;
|
|
1835
1601
|
/**
|
|
1836
1602
|
* Set input in readonly state
|
|
1837
|
-
* @default false
|
|
1838
1603
|
*/
|
|
1839
1604
|
"readOnly": boolean;
|
|
1840
1605
|
/**
|
|
1841
1606
|
* Makes the text field required
|
|
1842
|
-
* @default false
|
|
1843
1607
|
*/
|
|
1844
1608
|
"required": boolean;
|
|
1845
1609
|
/**
|
|
1846
1610
|
* Size of the input
|
|
1847
|
-
* @default 'lg'
|
|
1848
1611
|
*/
|
|
1849
1612
|
"size": 'sm' | 'md' | 'lg';
|
|
1850
1613
|
/**
|
|
1851
1614
|
* Error state of input
|
|
1852
|
-
* @default 'default'
|
|
1853
1615
|
*/
|
|
1854
1616
|
"state": 'error' | 'success' | 'default';
|
|
1855
1617
|
/**
|
|
@@ -1858,19 +1620,16 @@ export namespace Components {
|
|
|
1858
1620
|
"tdsAriaLabel": string;
|
|
1859
1621
|
/**
|
|
1860
1622
|
* Which input type, text, password or similar
|
|
1861
|
-
* @default 'text'
|
|
1862
1623
|
*/
|
|
1863
1624
|
"type": 'text' | 'password' | 'number' | 'email' | 'tel';
|
|
1864
1625
|
/**
|
|
1865
1626
|
* Value of the input text
|
|
1866
|
-
* @default ''
|
|
1867
1627
|
*/
|
|
1868
1628
|
"value": string;
|
|
1869
1629
|
}
|
|
1870
1630
|
interface TdsTextarea {
|
|
1871
1631
|
/**
|
|
1872
1632
|
* Control of autofocus
|
|
1873
|
-
* @default false
|
|
1874
1633
|
*/
|
|
1875
1634
|
"autofocus": boolean;
|
|
1876
1635
|
/**
|
|
@@ -1879,7 +1638,6 @@ export namespace Components {
|
|
|
1879
1638
|
"cols": number;
|
|
1880
1639
|
/**
|
|
1881
1640
|
* Set input in disabled state
|
|
1882
|
-
* @default false
|
|
1883
1641
|
*/
|
|
1884
1642
|
"disabled": boolean;
|
|
1885
1643
|
/**
|
|
@@ -1892,17 +1650,14 @@ export namespace Components {
|
|
|
1892
1650
|
"helper": string;
|
|
1893
1651
|
/**
|
|
1894
1652
|
* Hide the readonly icon
|
|
1895
|
-
* @default false
|
|
1896
1653
|
*/
|
|
1897
1654
|
"hideReadOnlyIcon": boolean;
|
|
1898
1655
|
/**
|
|
1899
1656
|
* Label text
|
|
1900
|
-
* @default ''
|
|
1901
1657
|
*/
|
|
1902
1658
|
"label": string;
|
|
1903
1659
|
/**
|
|
1904
1660
|
* Position of the label for the Textarea.
|
|
1905
|
-
* @default 'no-label'
|
|
1906
1661
|
*/
|
|
1907
1662
|
"labelPosition": 'inside' | 'outside' | 'no-label';
|
|
1908
1663
|
/**
|
|
@@ -1911,27 +1666,22 @@ export namespace Components {
|
|
|
1911
1666
|
"maxLength": number;
|
|
1912
1667
|
/**
|
|
1913
1668
|
* Mode variant of the Textarea
|
|
1914
|
-
* @default null
|
|
1915
1669
|
*/
|
|
1916
1670
|
"modeVariant": 'primary' | 'secondary';
|
|
1917
1671
|
/**
|
|
1918
1672
|
* Name attribute
|
|
1919
|
-
* @default ''
|
|
1920
1673
|
*/
|
|
1921
1674
|
"name": string;
|
|
1922
1675
|
/**
|
|
1923
1676
|
* Unset minimum width of 208px.
|
|
1924
|
-
* @default false
|
|
1925
1677
|
*/
|
|
1926
1678
|
"noMinWidth": boolean;
|
|
1927
1679
|
/**
|
|
1928
1680
|
* Placeholder text
|
|
1929
|
-
* @default ''
|
|
1930
1681
|
*/
|
|
1931
1682
|
"placeholder": string;
|
|
1932
1683
|
/**
|
|
1933
1684
|
* Set input in readonly state
|
|
1934
|
-
* @default false
|
|
1935
1685
|
*/
|
|
1936
1686
|
"readOnly": boolean;
|
|
1937
1687
|
/**
|
|
@@ -1940,7 +1690,6 @@ export namespace Components {
|
|
|
1940
1690
|
"rows": number;
|
|
1941
1691
|
/**
|
|
1942
1692
|
* Error state of input
|
|
1943
|
-
* @default 'default'
|
|
1944
1693
|
*/
|
|
1945
1694
|
"state": 'error' | 'success' | 'default';
|
|
1946
1695
|
/**
|
|
@@ -1949,14 +1698,12 @@ export namespace Components {
|
|
|
1949
1698
|
"tdsAriaLabel": string;
|
|
1950
1699
|
/**
|
|
1951
1700
|
* Value of the input text
|
|
1952
|
-
* @default ''
|
|
1953
1701
|
*/
|
|
1954
1702
|
"value": string;
|
|
1955
1703
|
}
|
|
1956
1704
|
interface TdsToast {
|
|
1957
1705
|
/**
|
|
1958
1706
|
* Enables the close button.
|
|
1959
|
-
* @default true
|
|
1960
1707
|
*/
|
|
1961
1708
|
"closable": boolean;
|
|
1962
1709
|
/**
|
|
@@ -1965,7 +1712,6 @@ export namespace Components {
|
|
|
1965
1712
|
"header": string;
|
|
1966
1713
|
/**
|
|
1967
1714
|
* Hides the Toast.
|
|
1968
|
-
* @default false
|
|
1969
1715
|
*/
|
|
1970
1716
|
"hidden": boolean;
|
|
1971
1717
|
/**
|
|
@@ -1982,7 +1728,6 @@ export namespace Components {
|
|
|
1982
1728
|
"subheader": string;
|
|
1983
1729
|
/**
|
|
1984
1730
|
* ARIA live for the Toast.
|
|
1985
|
-
* @default 'polite'
|
|
1986
1731
|
*/
|
|
1987
1732
|
"tdsAriaLive": 'polite' | 'assertive';
|
|
1988
1733
|
/**
|
|
@@ -1991,29 +1736,24 @@ export namespace Components {
|
|
|
1991
1736
|
"tdsCloseAriaLabel": string;
|
|
1992
1737
|
/**
|
|
1993
1738
|
* ID for the Toast. Randomly generated if not specified.
|
|
1994
|
-
* @default generateUniqueId()
|
|
1995
1739
|
*/
|
|
1996
1740
|
"toastId": string;
|
|
1997
1741
|
/**
|
|
1998
1742
|
* ARIA role for the Toast.
|
|
1999
|
-
* @default 'alert'
|
|
2000
1743
|
*/
|
|
2001
1744
|
"toastRole": 'alert' | 'log' | 'status';
|
|
2002
1745
|
/**
|
|
2003
1746
|
* Type of Toast.
|
|
2004
|
-
* @default 'information'
|
|
2005
1747
|
*/
|
|
2006
1748
|
"variant": 'information' | 'error' | 'warning' | 'success';
|
|
2007
1749
|
}
|
|
2008
1750
|
interface TdsToggle {
|
|
2009
1751
|
/**
|
|
2010
1752
|
* Sets the Toggle as checked
|
|
2011
|
-
* @default false
|
|
2012
1753
|
*/
|
|
2013
1754
|
"checked": boolean;
|
|
2014
1755
|
/**
|
|
2015
1756
|
* Sets the Toggle in a disabled state
|
|
2016
|
-
* @default false
|
|
2017
1757
|
*/
|
|
2018
1758
|
"disabled": boolean;
|
|
2019
1759
|
/**
|
|
@@ -2030,12 +1770,10 @@ export namespace Components {
|
|
|
2030
1770
|
"name": string;
|
|
2031
1771
|
/**
|
|
2032
1772
|
* Make the Toggle required
|
|
2033
|
-
* @default false
|
|
2034
1773
|
*/
|
|
2035
1774
|
"required": boolean;
|
|
2036
1775
|
/**
|
|
2037
1776
|
* Size of the Toggle
|
|
2038
|
-
* @default 'lg'
|
|
2039
1777
|
*/
|
|
2040
1778
|
"size": 'sm' | 'lg';
|
|
2041
1779
|
/**
|
|
@@ -2048,34 +1786,28 @@ export namespace Components {
|
|
|
2048
1786
|
"toggle": () => Promise<{ toggleId: string; checked: boolean; }>;
|
|
2049
1787
|
/**
|
|
2050
1788
|
* ID of the Toggle's input element, if not specified, it's randomly generated
|
|
2051
|
-
* @default generateUniqueId()
|
|
2052
1789
|
*/
|
|
2053
1790
|
"toggleId": string;
|
|
2054
1791
|
}
|
|
2055
1792
|
interface TdsTooltip {
|
|
2056
1793
|
/**
|
|
2057
1794
|
* Decides if the component should be visible from the start.
|
|
2058
|
-
* @default false
|
|
2059
1795
|
*/
|
|
2060
1796
|
"defaultShow": boolean;
|
|
2061
1797
|
/**
|
|
2062
1798
|
* Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
|
|
2063
|
-
* @default false
|
|
2064
1799
|
*/
|
|
2065
1800
|
"mouseOverTooltip": boolean;
|
|
2066
1801
|
/**
|
|
2067
1802
|
* Sets the offset distance
|
|
2068
|
-
* @default 8
|
|
2069
1803
|
*/
|
|
2070
1804
|
"offsetDistance": number;
|
|
2071
1805
|
/**
|
|
2072
1806
|
* Sets the offset skidding
|
|
2073
|
-
* @default 0
|
|
2074
1807
|
*/
|
|
2075
1808
|
"offsetSkidding": number;
|
|
2076
1809
|
/**
|
|
2077
1810
|
* Placement of Tooltip.
|
|
2078
|
-
* @default 'bottom'
|
|
2079
1811
|
*/
|
|
2080
1812
|
"placement": Placement;
|
|
2081
1813
|
/**
|
|
@@ -2088,7 +1820,6 @@ export namespace Components {
|
|
|
2088
1820
|
"selector": string;
|
|
2089
1821
|
/**
|
|
2090
1822
|
* Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
|
|
2091
|
-
* @default null
|
|
2092
1823
|
*/
|
|
2093
1824
|
"show": boolean;
|
|
2094
1825
|
/**
|
|
@@ -2097,12 +1828,10 @@ export namespace Components {
|
|
|
2097
1828
|
"tdsAriaDescribedby": string;
|
|
2098
1829
|
/**
|
|
2099
1830
|
* In case Tooltip contains only text, no HTML, a text can be passed by this prop
|
|
2100
|
-
* @default ''
|
|
2101
1831
|
*/
|
|
2102
1832
|
"text": string;
|
|
2103
1833
|
/**
|
|
2104
1834
|
* What triggers the popover to show
|
|
2105
|
-
* @default 'hover'
|
|
2106
1835
|
*/
|
|
2107
1836
|
"trigger": 'click' | 'hover';
|
|
2108
1837
|
}
|
|
@@ -3244,39 +2973,32 @@ declare namespace LocalJSX {
|
|
|
3244
2973
|
interface TdsAccordion {
|
|
3245
2974
|
/**
|
|
3246
2975
|
* Removes the bottom border of the last Accordion item.
|
|
3247
|
-
* @default false
|
|
3248
2976
|
*/
|
|
3249
2977
|
"hideLastBorder"?: boolean;
|
|
3250
2978
|
/**
|
|
3251
2979
|
* Set the variant of the Accordion.
|
|
3252
|
-
* @default null
|
|
3253
2980
|
*/
|
|
3254
2981
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3255
2982
|
}
|
|
3256
2983
|
interface TdsAccordionItem {
|
|
3257
2984
|
/**
|
|
3258
2985
|
* Specifies the heading level (aria-level) for accessibility. Only accepts values between 1 and 6.
|
|
3259
|
-
* @default '6'
|
|
3260
2986
|
*/
|
|
3261
2987
|
"ariaLevelValue"?: '1' | '2' | '3' | '4' | '5' | '6';
|
|
3262
2988
|
/**
|
|
3263
2989
|
* Disabled option in `boolean`.
|
|
3264
|
-
* @default false
|
|
3265
2990
|
*/
|
|
3266
2991
|
"disabled"?: boolean;
|
|
3267
2992
|
/**
|
|
3268
2993
|
* Changes position of the expand icon.
|
|
3269
|
-
* @default 'end'
|
|
3270
2994
|
*/
|
|
3271
2995
|
"expandIconPosition"?: 'start' | 'end';
|
|
3272
2996
|
/**
|
|
3273
2997
|
* Set to true to expand panel open
|
|
3274
|
-
* @default false
|
|
3275
2998
|
*/
|
|
3276
2999
|
"expanded"?: boolean;
|
|
3277
3000
|
/**
|
|
3278
3001
|
* The header gives users the context about the additional information available inside the panel
|
|
3279
|
-
* @default ''
|
|
3280
3002
|
*/
|
|
3281
3003
|
"header"?: string;
|
|
3282
3004
|
/**
|
|
@@ -3287,36 +3009,30 @@ declare namespace LocalJSX {
|
|
|
3287
3009
|
}>) => void;
|
|
3288
3010
|
/**
|
|
3289
3011
|
* When true, 16px on right padding instead of 64px
|
|
3290
|
-
* @default false
|
|
3291
3012
|
*/
|
|
3292
3013
|
"paddingReset"?: boolean;
|
|
3293
3014
|
}
|
|
3294
3015
|
interface TdsBadge {
|
|
3295
3016
|
/**
|
|
3296
3017
|
* Changes visibility of Badge
|
|
3297
|
-
* @default false
|
|
3298
3018
|
*/
|
|
3299
3019
|
"hidden"?: boolean;
|
|
3300
3020
|
/**
|
|
3301
3021
|
* Sets component size.
|
|
3302
|
-
* @default 'lg'
|
|
3303
3022
|
*/
|
|
3304
3023
|
"size"?: 'lg' | 'sm';
|
|
3305
3024
|
/**
|
|
3306
3025
|
* Defines aria-live attribute
|
|
3307
|
-
* @default 'polite'
|
|
3308
3026
|
*/
|
|
3309
3027
|
"tdsAriaLive"?: 'off' | 'polite' | 'assertive';
|
|
3310
3028
|
/**
|
|
3311
3029
|
* Value shown in Badge
|
|
3312
|
-
* @default ''
|
|
3313
3030
|
*/
|
|
3314
3031
|
"value"?: string;
|
|
3315
3032
|
}
|
|
3316
3033
|
interface TdsBanner {
|
|
3317
3034
|
/**
|
|
3318
3035
|
* ID used for internal table functionality and events, must be unique. **NOTE**: If you're listening for Banner close events, you need to set this ID yourself to identify the Banner, as the default ID is random and will be different every time.
|
|
3319
|
-
* @default generateUniqueId()
|
|
3320
3036
|
*/
|
|
3321
3037
|
"bannerId"?: string;
|
|
3322
3038
|
/**
|
|
@@ -3325,7 +3041,6 @@ declare namespace LocalJSX {
|
|
|
3325
3041
|
"header"?: string;
|
|
3326
3042
|
/**
|
|
3327
3043
|
* Hides the Banner
|
|
3328
|
-
* @default false
|
|
3329
3044
|
*/
|
|
3330
3045
|
"hidden"?: boolean;
|
|
3331
3046
|
/**
|
|
@@ -3340,7 +3055,6 @@ declare namespace LocalJSX {
|
|
|
3340
3055
|
}>) => void;
|
|
3341
3056
|
/**
|
|
3342
3057
|
* Defines the ARIA role of the banner. Defaults to "banner" for global use, but can be set to "region" or "alert" if used differently.
|
|
3343
|
-
* @default 'banner'
|
|
3344
3058
|
*/
|
|
3345
3059
|
"roleType"?: 'banner' | 'region' | 'alert';
|
|
3346
3060
|
/**
|
|
@@ -3349,7 +3063,6 @@ declare namespace LocalJSX {
|
|
|
3349
3063
|
"subheader"?: string;
|
|
3350
3064
|
/**
|
|
3351
3065
|
* Variant of Banner
|
|
3352
|
-
* @default 'default'
|
|
3353
3066
|
*/
|
|
3354
3067
|
"variant"?: 'error' | 'information' | 'default';
|
|
3355
3068
|
}
|
|
@@ -3361,7 +3074,6 @@ declare namespace LocalJSX {
|
|
|
3361
3074
|
interface TdsBlock {
|
|
3362
3075
|
/**
|
|
3363
3076
|
* Specifies the HTML tag to be used for the component wrapper.
|
|
3364
|
-
* @default 'div'
|
|
3365
3077
|
*/
|
|
3366
3078
|
"componentTag"?: | 'section'
|
|
3367
3079
|
| 'div'
|
|
@@ -3373,7 +3085,6 @@ declare namespace LocalJSX {
|
|
|
3373
3085
|
| 'main';
|
|
3374
3086
|
/**
|
|
3375
3087
|
* Mode variant of the component, based on current mode.
|
|
3376
|
-
* @default null
|
|
3377
3088
|
*/
|
|
3378
3089
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3379
3090
|
}
|
|
@@ -3388,7 +3099,6 @@ declare namespace LocalJSX {
|
|
|
3388
3099
|
"cellValue"?: string | number;
|
|
3389
3100
|
/**
|
|
3390
3101
|
* Disables internal padding. Useful when passing other components to cell.
|
|
3391
|
-
* @default false
|
|
3392
3102
|
*/
|
|
3393
3103
|
"disablePadding"?: boolean;
|
|
3394
3104
|
/**
|
|
@@ -3399,7 +3109,6 @@ declare namespace LocalJSX {
|
|
|
3399
3109
|
interface TdsBreadcrumb {
|
|
3400
3110
|
/**
|
|
3401
3111
|
* Boolean for the current link
|
|
3402
|
-
* @default false
|
|
3403
3112
|
*/
|
|
3404
3113
|
"current"?: boolean;
|
|
3405
3114
|
}
|
|
@@ -3412,22 +3121,18 @@ declare namespace LocalJSX {
|
|
|
3412
3121
|
interface TdsButton {
|
|
3413
3122
|
/**
|
|
3414
3123
|
* Determines if and how the button should animate.
|
|
3415
|
-
* @default 'none'
|
|
3416
3124
|
*/
|
|
3417
3125
|
"animation"?: 'none' | 'fade';
|
|
3418
3126
|
/**
|
|
3419
3127
|
* Control for disabled state of a component
|
|
3420
|
-
* @default false
|
|
3421
3128
|
*/
|
|
3422
3129
|
"disabled"?: boolean;
|
|
3423
3130
|
/**
|
|
3424
3131
|
* When enabled, the Button takes 100% width
|
|
3425
|
-
* @default false
|
|
3426
3132
|
*/
|
|
3427
3133
|
"fullbleed"?: boolean;
|
|
3428
3134
|
/**
|
|
3429
3135
|
* Set the mode variant of the Button.
|
|
3430
|
-
* @default null
|
|
3431
3136
|
*/
|
|
3432
3137
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3433
3138
|
/**
|
|
@@ -3436,7 +3141,6 @@ declare namespace LocalJSX {
|
|
|
3436
3141
|
"name"?: string;
|
|
3437
3142
|
/**
|
|
3438
3143
|
* Size of a Button
|
|
3439
|
-
* @default 'lg'
|
|
3440
3144
|
*/
|
|
3441
3145
|
"size"?: 'xs' | 'sm' | 'md' | 'lg';
|
|
3442
3146
|
/**
|
|
@@ -3449,7 +3153,6 @@ declare namespace LocalJSX {
|
|
|
3449
3153
|
"text"?: string;
|
|
3450
3154
|
/**
|
|
3451
3155
|
* Button's type
|
|
3452
|
-
* @default 'button'
|
|
3453
3156
|
*/
|
|
3454
3157
|
"type"?: 'button' | 'submit' | 'reset';
|
|
3455
3158
|
/**
|
|
@@ -3458,14 +3161,12 @@ declare namespace LocalJSX {
|
|
|
3458
3161
|
"value"?: string;
|
|
3459
3162
|
/**
|
|
3460
3163
|
* Variation of Button's design
|
|
3461
|
-
* @default 'primary'
|
|
3462
3164
|
*/
|
|
3463
3165
|
"variant"?: 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
3464
3166
|
}
|
|
3465
3167
|
interface TdsCard {
|
|
3466
3168
|
/**
|
|
3467
3169
|
* Divider for the body
|
|
3468
|
-
* @default false
|
|
3469
3170
|
*/
|
|
3470
3171
|
"bodyDivider"?: boolean;
|
|
3471
3172
|
/**
|
|
@@ -3478,22 +3179,18 @@ declare namespace LocalJSX {
|
|
|
3478
3179
|
"bodyImgAlt"?: string;
|
|
3479
3180
|
/**
|
|
3480
3181
|
* ID for the Card, must be unique. **NOTE**: If you're listening for Card events, you need to set this ID yourself to identify the Card, as the default ID is random and will be different every time.
|
|
3481
|
-
* @default generateUniqueId()
|
|
3482
3182
|
*/
|
|
3483
3183
|
"cardId"?: string;
|
|
3484
3184
|
/**
|
|
3485
3185
|
* Makes the Card clickable.
|
|
3486
|
-
* @default false
|
|
3487
3186
|
*/
|
|
3488
3187
|
"clickable"?: boolean;
|
|
3489
3188
|
/**
|
|
3490
3189
|
* Enables expandable behaviour. When true, clicking the header toggles content visibility.
|
|
3491
|
-
* @default false
|
|
3492
3190
|
*/
|
|
3493
3191
|
"expandable"?: boolean;
|
|
3494
3192
|
/**
|
|
3495
3193
|
* Tracks the current expanded state when expandable is enabled.
|
|
3496
|
-
* @default false
|
|
3497
3194
|
*/
|
|
3498
3195
|
"expanded"?: boolean;
|
|
3499
3196
|
/**
|
|
@@ -3502,12 +3199,10 @@ declare namespace LocalJSX {
|
|
|
3502
3199
|
"header"?: string;
|
|
3503
3200
|
/**
|
|
3504
3201
|
* Placement of the header
|
|
3505
|
-
* @default 'below-header'
|
|
3506
3202
|
*/
|
|
3507
3203
|
"imagePlacement"?: 'above-header' | 'below-header';
|
|
3508
3204
|
/**
|
|
3509
3205
|
* Variant of the Card based on the theme used.
|
|
3510
|
-
* @default null
|
|
3511
3206
|
*/
|
|
3512
3207
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3513
3208
|
/**
|
|
@@ -3516,9 +3211,6 @@ declare namespace LocalJSX {
|
|
|
3516
3211
|
"onTdsClick"?: (event: TdsCardCustomEvent<{
|
|
3517
3212
|
cardId: string;
|
|
3518
3213
|
}>) => void;
|
|
3519
|
-
/**
|
|
3520
|
-
* @default false
|
|
3521
|
-
*/
|
|
3522
3214
|
"stretch"?: boolean;
|
|
3523
3215
|
/**
|
|
3524
3216
|
* Subheader text in the header
|
|
@@ -3528,22 +3220,18 @@ declare namespace LocalJSX {
|
|
|
3528
3220
|
interface TdsCheckbox {
|
|
3529
3221
|
/**
|
|
3530
3222
|
* ID for the Checkbox's input element. Randomly generated if not specified.
|
|
3531
|
-
* @default generateUniqueId()
|
|
3532
3223
|
*/
|
|
3533
3224
|
"checkboxId"?: string;
|
|
3534
3225
|
/**
|
|
3535
3226
|
* Sets the Checkbox as checked
|
|
3536
|
-
* @default false
|
|
3537
3227
|
*/
|
|
3538
3228
|
"checked"?: boolean;
|
|
3539
3229
|
/**
|
|
3540
3230
|
* Sets the Checkbox in a disabled state
|
|
3541
|
-
* @default false
|
|
3542
3231
|
*/
|
|
3543
3232
|
"disabled"?: boolean;
|
|
3544
3233
|
/**
|
|
3545
3234
|
* Sets the Checkbox as indeterminate
|
|
3546
|
-
* @default false
|
|
3547
3235
|
*/
|
|
3548
3236
|
"indeterminate"?: boolean;
|
|
3549
3237
|
/**
|
|
@@ -3569,7 +3257,6 @@ declare namespace LocalJSX {
|
|
|
3569
3257
|
"onTdsFocus"?: (event: TdsCheckboxCustomEvent<FocusEvent>) => void;
|
|
3570
3258
|
/**
|
|
3571
3259
|
* Make the Checkbox required
|
|
3572
|
-
* @default false
|
|
3573
3260
|
*/
|
|
3574
3261
|
"required"?: boolean;
|
|
3575
3262
|
/**
|
|
@@ -3588,17 +3275,14 @@ declare namespace LocalJSX {
|
|
|
3588
3275
|
interface TdsChip {
|
|
3589
3276
|
/**
|
|
3590
3277
|
* Controls component's checked attribute. Valid only for type checkbox and radio.
|
|
3591
|
-
* @default false
|
|
3592
3278
|
*/
|
|
3593
3279
|
"checked"?: boolean;
|
|
3594
3280
|
/**
|
|
3595
3281
|
* ID used for internal Chip functionality and events, must be unique. **NOTE**: If you're listening for input events, you need to set this ID yourself to identify the input, as the default ID is random and will be different every time.
|
|
3596
|
-
* @default generateUniqueId()
|
|
3597
3282
|
*/
|
|
3598
3283
|
"chipId"?: string;
|
|
3599
3284
|
/**
|
|
3600
3285
|
* Sets the Chip in a disabled state
|
|
3601
|
-
* @default false
|
|
3602
3286
|
*/
|
|
3603
3287
|
"disabled"?: boolean;
|
|
3604
3288
|
/**
|
|
@@ -3621,7 +3305,6 @@ declare namespace LocalJSX {
|
|
|
3621
3305
|
}>) => void;
|
|
3622
3306
|
/**
|
|
3623
3307
|
* Size of the Chip component
|
|
3624
|
-
* @default 'lg'
|
|
3625
3308
|
*/
|
|
3626
3309
|
"size"?: 'sm' | 'lg';
|
|
3627
3310
|
/**
|
|
@@ -3630,7 +3313,6 @@ declare namespace LocalJSX {
|
|
|
3630
3313
|
"tdsAriaLabel"?: string;
|
|
3631
3314
|
/**
|
|
3632
3315
|
* Type of Chip, depends on usage
|
|
3633
|
-
* @default 'button'
|
|
3634
3316
|
*/
|
|
3635
3317
|
"type"?: 'button' | 'radio' | 'checkbox';
|
|
3636
3318
|
/**
|
|
@@ -3643,32 +3325,26 @@ declare namespace LocalJSX {
|
|
|
3643
3325
|
interface TdsDatetime {
|
|
3644
3326
|
/**
|
|
3645
3327
|
* Autofocus for input
|
|
3646
|
-
* @default false
|
|
3647
3328
|
*/
|
|
3648
3329
|
"autofocus"?: boolean;
|
|
3649
3330
|
/**
|
|
3650
3331
|
* Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for month: YY-MM. Format for week: YY-Www Format for date-time: YY-MM-DDTHH-MM
|
|
3651
|
-
* @default 'none'
|
|
3652
3332
|
*/
|
|
3653
3333
|
"defaultValue"?: string | 'none';
|
|
3654
3334
|
/**
|
|
3655
3335
|
* Set input in disabled state
|
|
3656
|
-
* @default false
|
|
3657
3336
|
*/
|
|
3658
3337
|
"disabled"?: boolean;
|
|
3659
3338
|
/**
|
|
3660
3339
|
* Helper text for the component
|
|
3661
|
-
* @default ''
|
|
3662
3340
|
*/
|
|
3663
3341
|
"helper"?: string;
|
|
3664
3342
|
/**
|
|
3665
3343
|
* Label text for the component
|
|
3666
|
-
* @default ''
|
|
3667
3344
|
*/
|
|
3668
3345
|
"label"?: string;
|
|
3669
3346
|
/**
|
|
3670
3347
|
* Position of the label
|
|
3671
|
-
* @default 'no-label'
|
|
3672
3348
|
*/
|
|
3673
3349
|
"labelPosition"?: 'inside' | 'outside' | 'no-label';
|
|
3674
3350
|
/**
|
|
@@ -3681,17 +3357,14 @@ declare namespace LocalJSX {
|
|
|
3681
3357
|
"min"?: string;
|
|
3682
3358
|
/**
|
|
3683
3359
|
* Set the variant of the Datetime component.
|
|
3684
|
-
* @default null
|
|
3685
3360
|
*/
|
|
3686
3361
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3687
3362
|
/**
|
|
3688
3363
|
* Name property. Uses a unique ID as fallback if not specified.
|
|
3689
|
-
* @default `datetime-${generateUniqueId()}`
|
|
3690
3364
|
*/
|
|
3691
3365
|
"name"?: string;
|
|
3692
3366
|
/**
|
|
3693
3367
|
* Resets min width rule
|
|
3694
|
-
* @default false
|
|
3695
3368
|
*/
|
|
3696
3369
|
"noMinWidth"?: boolean;
|
|
3697
3370
|
/**
|
|
@@ -3712,7 +3385,6 @@ declare namespace LocalJSX {
|
|
|
3712
3385
|
"onTdsInput"?: (event: TdsDatetimeCustomEvent<InputEvent>) => void;
|
|
3713
3386
|
/**
|
|
3714
3387
|
* Size of the input
|
|
3715
|
-
* @default 'lg'
|
|
3716
3388
|
*/
|
|
3717
3389
|
"size"?: 'sm' | 'md' | 'lg';
|
|
3718
3390
|
/**
|
|
@@ -3725,31 +3397,24 @@ declare namespace LocalJSX {
|
|
|
3725
3397
|
"tdsAriaLabel"?: string;
|
|
3726
3398
|
/**
|
|
3727
3399
|
* Sets an input type
|
|
3728
|
-
* @default 'datetime-local'
|
|
3729
3400
|
*/
|
|
3730
3401
|
"type"?: 'datetime-local' | 'date' | 'month' | 'week' | 'time';
|
|
3731
3402
|
/**
|
|
3732
3403
|
* Value of the input text
|
|
3733
|
-
* @default ''
|
|
3734
3404
|
*/
|
|
3735
3405
|
"value"?: string;
|
|
3736
3406
|
}
|
|
3737
3407
|
interface TdsDivider {
|
|
3738
3408
|
/**
|
|
3739
3409
|
* Orientation of the Divider, horizontal if not specified.
|
|
3740
|
-
* @default 'horizontal'
|
|
3741
3410
|
*/
|
|
3742
3411
|
"orientation"?: 'horizontal' | 'vertical';
|
|
3743
3412
|
/**
|
|
3744
3413
|
* Variant of the Divider, subtle if not specified.
|
|
3745
|
-
* @default 'subtle'
|
|
3746
3414
|
*/
|
|
3747
3415
|
"variant"?: 'discrete' | 'subtle' | 'soft' | 'defined' | 'dark-blue';
|
|
3748
3416
|
}
|
|
3749
3417
|
interface TdsDropdown {
|
|
3750
|
-
/**
|
|
3751
|
-
* @default 'slide'
|
|
3752
|
-
*/
|
|
3753
3418
|
"animation"?: 'none' | 'slide';
|
|
3754
3419
|
/**
|
|
3755
3420
|
* Default value selected in the Dropdown.
|
|
@@ -3757,17 +3422,14 @@ declare namespace LocalJSX {
|
|
|
3757
3422
|
"defaultValue"?: string | number;
|
|
3758
3423
|
/**
|
|
3759
3424
|
* Sets the Dropdown in a disabled state
|
|
3760
|
-
* @default false
|
|
3761
3425
|
*/
|
|
3762
3426
|
"disabled"?: boolean;
|
|
3763
3427
|
/**
|
|
3764
3428
|
* Sets the Dropdown in an error state
|
|
3765
|
-
* @default false
|
|
3766
3429
|
*/
|
|
3767
3430
|
"error"?: boolean;
|
|
3768
3431
|
/**
|
|
3769
3432
|
* Enables filtration in the Dropdown.
|
|
3770
|
-
* @default false
|
|
3771
3433
|
*/
|
|
3772
3434
|
"filter"?: boolean;
|
|
3773
3435
|
/**
|
|
@@ -3784,12 +3446,10 @@ declare namespace LocalJSX {
|
|
|
3784
3446
|
"labelPosition"?: 'inside' | 'outside';
|
|
3785
3447
|
/**
|
|
3786
3448
|
* Mode variant of the component, based on current mode.
|
|
3787
|
-
* @default null
|
|
3788
3449
|
*/
|
|
3789
3450
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3790
3451
|
/**
|
|
3791
3452
|
* Enables multiselect in the Dropdown.
|
|
3792
|
-
* @default false
|
|
3793
3453
|
*/
|
|
3794
3454
|
"multiselect"?: boolean;
|
|
3795
3455
|
/**
|
|
@@ -3798,12 +3458,10 @@ declare namespace LocalJSX {
|
|
|
3798
3458
|
"name"?: string;
|
|
3799
3459
|
/**
|
|
3800
3460
|
* Text that is displayed if filter is used and there are no options that matches the search. Setting it to an empty string disables message from showing up.
|
|
3801
|
-
* @default 'No result'
|
|
3802
3461
|
*/
|
|
3803
3462
|
"noResultText"?: string;
|
|
3804
3463
|
/**
|
|
3805
3464
|
* Normalizes input text for fuzzier search
|
|
3806
|
-
* @default true
|
|
3807
3465
|
*/
|
|
3808
3466
|
"normalizeText"?: boolean;
|
|
3809
3467
|
/**
|
|
@@ -3831,7 +3489,6 @@ declare namespace LocalJSX {
|
|
|
3831
3489
|
"onTdsInput"?: (event: TdsDropdownCustomEvent<InputEvent>) => void;
|
|
3832
3490
|
/**
|
|
3833
3491
|
* The direction the Dropdown should open, auto if not specified.
|
|
3834
|
-
* @default 'auto'
|
|
3835
3492
|
*/
|
|
3836
3493
|
"openDirection"?: 'up' | 'down' | 'auto';
|
|
3837
3494
|
/**
|
|
@@ -3840,7 +3497,6 @@ declare namespace LocalJSX {
|
|
|
3840
3497
|
"placeholder"?: string;
|
|
3841
3498
|
/**
|
|
3842
3499
|
* The size of the Dropdown.
|
|
3843
|
-
* @default 'lg'
|
|
3844
3500
|
*/
|
|
3845
3501
|
"size"?: 'xs' | 'sm' | 'md' | 'lg';
|
|
3846
3502
|
/**
|
|
@@ -3849,14 +3505,12 @@ declare namespace LocalJSX {
|
|
|
3849
3505
|
"tdsAriaLabel"?: string;
|
|
3850
3506
|
/**
|
|
3851
3507
|
* Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
|
|
3852
|
-
* @default null
|
|
3853
3508
|
*/
|
|
3854
3509
|
"value"?: string | number | (string | number)[];
|
|
3855
3510
|
}
|
|
3856
3511
|
interface TdsDropdownOption {
|
|
3857
3512
|
/**
|
|
3858
3513
|
* Sets the option as disabled.
|
|
3859
|
-
* @default false
|
|
3860
3514
|
*/
|
|
3861
3515
|
"disabled"?: boolean;
|
|
3862
3516
|
/**
|
|
@@ -3886,19 +3540,16 @@ declare namespace LocalJSX {
|
|
|
3886
3540
|
interface TdsFolderTab {
|
|
3887
3541
|
/**
|
|
3888
3542
|
* Disables the Tab.
|
|
3889
|
-
* @default false
|
|
3890
3543
|
*/
|
|
3891
3544
|
"disabled"?: boolean;
|
|
3892
3545
|
}
|
|
3893
3546
|
interface TdsFolderTabs {
|
|
3894
3547
|
/**
|
|
3895
3548
|
* Sets the default selected Tab.
|
|
3896
|
-
* @default 0
|
|
3897
3549
|
*/
|
|
3898
3550
|
"defaultSelectedIndex"?: number;
|
|
3899
3551
|
/**
|
|
3900
3552
|
* Variant of the Tabs, primary= on white, secondary= on grey50
|
|
3901
|
-
* @default null
|
|
3902
3553
|
*/
|
|
3903
3554
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3904
3555
|
/**
|
|
@@ -3913,19 +3564,16 @@ declare namespace LocalJSX {
|
|
|
3913
3564
|
"selectedIndex"?: number;
|
|
3914
3565
|
/**
|
|
3915
3566
|
* Defines aria-label on left scroll button
|
|
3916
|
-
* @default 'Scroll left'
|
|
3917
3567
|
*/
|
|
3918
3568
|
"tdsScrollLeftAriaLabel"?: string;
|
|
3919
3569
|
/**
|
|
3920
3570
|
* Defines aria-label on right scroll button
|
|
3921
|
-
* @default 'Scroll right'
|
|
3922
3571
|
*/
|
|
3923
3572
|
"tdsScrollRightAriaLabel"?: string;
|
|
3924
3573
|
}
|
|
3925
3574
|
interface TdsFooter {
|
|
3926
3575
|
/**
|
|
3927
3576
|
* Mode variant of the component, based on current mode.
|
|
3928
|
-
* @default null
|
|
3929
3577
|
*/
|
|
3930
3578
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3931
3579
|
}
|
|
@@ -3960,7 +3608,6 @@ declare namespace LocalJSX {
|
|
|
3960
3608
|
"customWidth"?: string;
|
|
3961
3609
|
/**
|
|
3962
3610
|
* Disables internal padding. Useful when passing other components to cell.
|
|
3963
|
-
* @default false
|
|
3964
3611
|
*/
|
|
3965
3612
|
"disablePadding"?: boolean;
|
|
3966
3613
|
/**
|
|
@@ -3973,17 +3620,14 @@ declare namespace LocalJSX {
|
|
|
3973
3620
|
}>) => void;
|
|
3974
3621
|
/**
|
|
3975
3622
|
* Enables sorting on that column
|
|
3976
|
-
* @default false
|
|
3977
3623
|
*/
|
|
3978
3624
|
"sortable"?: boolean;
|
|
3979
3625
|
/**
|
|
3980
3626
|
* Aria label for the sort button, providing an accessible description
|
|
3981
|
-
* @default ''
|
|
3982
3627
|
*/
|
|
3983
3628
|
"tdsAriaLabelSortButton"?: string;
|
|
3984
3629
|
/**
|
|
3985
3630
|
* Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
|
|
3986
|
-
* @default 'left'
|
|
3987
3631
|
*/
|
|
3988
3632
|
"textAlign"?: 'left' | 'start' | 'right' | 'end' | 'center';
|
|
3989
3633
|
}
|
|
@@ -3994,12 +3638,10 @@ declare namespace LocalJSX {
|
|
|
3994
3638
|
"label"?: string;
|
|
3995
3639
|
/**
|
|
3996
3640
|
* If the dropdown icon (downwards chevron) should be hidden.
|
|
3997
|
-
* @default false
|
|
3998
3641
|
*/
|
|
3999
3642
|
"noDropdownIcon"?: boolean;
|
|
4000
3643
|
/**
|
|
4001
3644
|
* If the button that opens the dropdown should appear selected.
|
|
4002
|
-
* @default false
|
|
4003
3645
|
*/
|
|
4004
3646
|
"selected"?: boolean;
|
|
4005
3647
|
/**
|
|
@@ -4010,19 +3652,16 @@ declare namespace LocalJSX {
|
|
|
4010
3652
|
interface TdsHeaderDropdownList {
|
|
4011
3653
|
/**
|
|
4012
3654
|
* The size of the component.
|
|
4013
|
-
* @default 'md'
|
|
4014
3655
|
*/
|
|
4015
3656
|
"size"?: 'lg' | 'md';
|
|
4016
3657
|
}
|
|
4017
3658
|
interface TdsHeaderDropdownListItem {
|
|
4018
3659
|
/**
|
|
4019
3660
|
* If the link should appear selected.
|
|
4020
|
-
* @default false
|
|
4021
3661
|
*/
|
|
4022
3662
|
"selected"?: boolean;
|
|
4023
3663
|
/**
|
|
4024
3664
|
* The size of the component.
|
|
4025
|
-
* @default 'md'
|
|
4026
3665
|
*/
|
|
4027
3666
|
"size"?: 'md' | 'lg';
|
|
4028
3667
|
}
|
|
@@ -4053,12 +3692,10 @@ declare namespace LocalJSX {
|
|
|
4053
3692
|
interface TdsHeaderItem {
|
|
4054
3693
|
/**
|
|
4055
3694
|
* If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
|
|
4056
|
-
* @default false
|
|
4057
3695
|
*/
|
|
4058
3696
|
"active"?: boolean;
|
|
4059
3697
|
/**
|
|
4060
3698
|
* If the button should appear selected.
|
|
4061
|
-
* @default false
|
|
4062
3699
|
*/
|
|
4063
3700
|
"selected"?: boolean;
|
|
4064
3701
|
}
|
|
@@ -4071,7 +3708,6 @@ declare namespace LocalJSX {
|
|
|
4071
3708
|
interface TdsHeaderLauncherButton {
|
|
4072
3709
|
/**
|
|
4073
3710
|
* If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
|
|
4074
|
-
* @default false
|
|
4075
3711
|
*/
|
|
4076
3712
|
"active"?: boolean;
|
|
4077
3713
|
/**
|
|
@@ -4096,12 +3732,10 @@ declare namespace LocalJSX {
|
|
|
4096
3732
|
interface TdsIcon {
|
|
4097
3733
|
/**
|
|
4098
3734
|
* Pass the name of the icon. For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library
|
|
4099
|
-
* @default 'truck'
|
|
4100
3735
|
*/
|
|
4101
3736
|
"name"?: IconNames;
|
|
4102
3737
|
/**
|
|
4103
3738
|
* Pass a size of icon as a string, for example, 32px, 1rem, 4em...
|
|
4104
|
-
* @default '16px'
|
|
4105
3739
|
*/
|
|
4106
3740
|
"size"?: string;
|
|
4107
3741
|
/**
|
|
@@ -4114,31 +3748,26 @@ declare namespace LocalJSX {
|
|
|
4114
3748
|
"svgTitle"?: string;
|
|
4115
3749
|
/**
|
|
4116
3750
|
* Set aria-hidden attribute on svg
|
|
4117
|
-
* @default false
|
|
4118
3751
|
*/
|
|
4119
3752
|
"tdsAriaHidden"?: boolean;
|
|
4120
3753
|
}
|
|
4121
3754
|
interface TdsInlineTab {
|
|
4122
3755
|
/**
|
|
4123
3756
|
* Disables the Tab.
|
|
4124
|
-
* @default false
|
|
4125
3757
|
*/
|
|
4126
3758
|
"disabled"?: boolean;
|
|
4127
3759
|
}
|
|
4128
3760
|
interface TdsInlineTabs {
|
|
4129
3761
|
/**
|
|
4130
3762
|
* Sets the default selected Tab.
|
|
4131
|
-
* @default 0
|
|
4132
3763
|
*/
|
|
4133
3764
|
"defaultSelectedIndex"?: number;
|
|
4134
3765
|
/**
|
|
4135
3766
|
* Custom left padding value for the wrapper element.
|
|
4136
|
-
* @default 32
|
|
4137
3767
|
*/
|
|
4138
3768
|
"leftPadding"?: number;
|
|
4139
3769
|
/**
|
|
4140
3770
|
* Variant of the Tabs, primary= on white, secondary= on grey50
|
|
4141
|
-
* @default 'primary'
|
|
4142
3771
|
*/
|
|
4143
3772
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4144
3773
|
/**
|
|
@@ -4153,29 +3782,24 @@ declare namespace LocalJSX {
|
|
|
4153
3782
|
"selectedIndex"?: number;
|
|
4154
3783
|
/**
|
|
4155
3784
|
* Defines aria-label on left scroll button
|
|
4156
|
-
* @default 'Scroll left'
|
|
4157
3785
|
*/
|
|
4158
3786
|
"tdsScrollLeftAriaLabel"?: string;
|
|
4159
3787
|
/**
|
|
4160
3788
|
* Defines aria-label on right scroll button
|
|
4161
|
-
* @default 'Scroll right'
|
|
4162
3789
|
*/
|
|
4163
3790
|
"tdsScrollRightAriaLabel"?: string;
|
|
4164
3791
|
}
|
|
4165
3792
|
interface TdsLink {
|
|
4166
3793
|
/**
|
|
4167
3794
|
* Disables the Link
|
|
4168
|
-
* @default false
|
|
4169
3795
|
*/
|
|
4170
3796
|
"disabled"?: boolean;
|
|
4171
3797
|
/**
|
|
4172
3798
|
* Displays the Link as a standalone component. Not part of a paragraph.
|
|
4173
|
-
* @default false
|
|
4174
3799
|
*/
|
|
4175
3800
|
"standalone"?: boolean;
|
|
4176
3801
|
/**
|
|
4177
3802
|
* Displays the Link with an underline.
|
|
4178
|
-
* @default true
|
|
4179
3803
|
*/
|
|
4180
3804
|
"underline"?: boolean;
|
|
4181
3805
|
}
|
|
@@ -4186,22 +3810,18 @@ declare namespace LocalJSX {
|
|
|
4186
3810
|
"header"?: string;
|
|
4187
3811
|
/**
|
|
4188
3812
|
* Minimal Message styling.
|
|
4189
|
-
* @default false
|
|
4190
3813
|
*/
|
|
4191
3814
|
"minimal"?: boolean;
|
|
4192
3815
|
/**
|
|
4193
3816
|
* Variant of the component, based on current mode.
|
|
4194
|
-
* @default null
|
|
4195
3817
|
*/
|
|
4196
3818
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4197
3819
|
/**
|
|
4198
3820
|
* Removes the icon in the Message.
|
|
4199
|
-
* @default false
|
|
4200
3821
|
*/
|
|
4201
3822
|
"noIcon"?: boolean;
|
|
4202
3823
|
/**
|
|
4203
3824
|
* Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
|
|
4204
|
-
* @default 'dialog'
|
|
4205
3825
|
*/
|
|
4206
3826
|
"tdsAlertDialog"?: 'alertdialog' | 'dialog';
|
|
4207
3827
|
/**
|
|
@@ -4210,19 +3830,16 @@ declare namespace LocalJSX {
|
|
|
4210
3830
|
"tdsAriaLabel"?: string;
|
|
4211
3831
|
/**
|
|
4212
3832
|
* Variant of Message.
|
|
4213
|
-
* @default 'information'
|
|
4214
3833
|
*/
|
|
4215
3834
|
"variant"?: 'information' | 'error' | 'warning' | 'success';
|
|
4216
3835
|
}
|
|
4217
3836
|
interface TdsModal {
|
|
4218
3837
|
/**
|
|
4219
3838
|
* Changes the position behaviour of the actions slot.
|
|
4220
|
-
* @default 'static'
|
|
4221
3839
|
*/
|
|
4222
3840
|
"actionsPosition"?: 'sticky' | 'static';
|
|
4223
3841
|
/**
|
|
4224
3842
|
* Shows or hides the close [X] button.
|
|
4225
|
-
* @default true
|
|
4226
3843
|
*/
|
|
4227
3844
|
"closable"?: boolean;
|
|
4228
3845
|
/**
|
|
@@ -4239,7 +3856,6 @@ declare namespace LocalJSX {
|
|
|
4239
3856
|
"onTdsOpen"?: (event: TdsModalCustomEvent<void>) => void;
|
|
4240
3857
|
/**
|
|
4241
3858
|
* Disables closing Modal on clicking on overlay area.
|
|
4242
|
-
* @default false
|
|
4243
3859
|
*/
|
|
4244
3860
|
"prevent"?: boolean;
|
|
4245
3861
|
/**
|
|
@@ -4256,36 +3872,30 @@ declare namespace LocalJSX {
|
|
|
4256
3872
|
"show"?: boolean;
|
|
4257
3873
|
/**
|
|
4258
3874
|
* Size of Modal
|
|
4259
|
-
* @default 'md'
|
|
4260
3875
|
*/
|
|
4261
3876
|
"size"?: 'xs' | 'sm' | 'md' | 'lg';
|
|
4262
3877
|
/**
|
|
4263
3878
|
* Role of the modal component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
|
|
4264
|
-
* @default 'dialog'
|
|
4265
3879
|
*/
|
|
4266
3880
|
"tdsAlertDialog"?: 'alertdialog' | 'dialog';
|
|
4267
3881
|
}
|
|
4268
3882
|
interface TdsNavigationTab {
|
|
4269
3883
|
/**
|
|
4270
3884
|
* Disables the Tab.
|
|
4271
|
-
* @default false
|
|
4272
3885
|
*/
|
|
4273
3886
|
"disabled"?: boolean;
|
|
4274
3887
|
}
|
|
4275
3888
|
interface TdsNavigationTabs {
|
|
4276
3889
|
/**
|
|
4277
3890
|
* Sets the default selected Tab.
|
|
4278
|
-
* @default 0
|
|
4279
3891
|
*/
|
|
4280
3892
|
"defaultSelectedIndex"?: number;
|
|
4281
3893
|
/**
|
|
4282
3894
|
* Custom left padding value for the wrapper element.
|
|
4283
|
-
* @default 32
|
|
4284
3895
|
*/
|
|
4285
3896
|
"leftPadding"?: number;
|
|
4286
3897
|
/**
|
|
4287
3898
|
* Variant of the Tabs, primary= on white, secondary= on grey50
|
|
4288
|
-
* @default 'primary'
|
|
4289
3899
|
*/
|
|
4290
3900
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4291
3901
|
/**
|
|
@@ -4300,49 +3910,40 @@ declare namespace LocalJSX {
|
|
|
4300
3910
|
"selectedIndex"?: number;
|
|
4301
3911
|
/**
|
|
4302
3912
|
* Defines aria-label on left scroll button
|
|
4303
|
-
* @default 'Scroll left'
|
|
4304
3913
|
*/
|
|
4305
3914
|
"tdsScrollLeftAriaLabel"?: string;
|
|
4306
3915
|
/**
|
|
4307
3916
|
* Defines aria-label on right scroll button
|
|
4308
|
-
* @default 'Scroll right'
|
|
4309
3917
|
*/
|
|
4310
3918
|
"tdsScrollRightAriaLabel"?: string;
|
|
4311
3919
|
}
|
|
4312
3920
|
interface TdsPopoverCanvas {
|
|
4313
3921
|
/**
|
|
4314
3922
|
* Whether the popover should animate when being opened/closed or not
|
|
4315
|
-
* @default 'none'
|
|
4316
3923
|
*/
|
|
4317
3924
|
"animation"?: 'none' | 'fade' | string;
|
|
4318
3925
|
/**
|
|
4319
3926
|
* Decides if the component should be visible from the start.
|
|
4320
|
-
* @default false
|
|
4321
3927
|
*/
|
|
4322
3928
|
"defaultShow"?: boolean;
|
|
4323
3929
|
/**
|
|
4324
3930
|
* Mode variant of the component, based on current mode.
|
|
4325
|
-
* @default null
|
|
4326
3931
|
*/
|
|
4327
3932
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4328
3933
|
/**
|
|
4329
3934
|
* Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
|
|
4330
|
-
* @default []
|
|
4331
3935
|
*/
|
|
4332
3936
|
"modifiers"?: object[];
|
|
4333
3937
|
/**
|
|
4334
3938
|
* Sets the offset distance
|
|
4335
|
-
* @default 8
|
|
4336
3939
|
*/
|
|
4337
3940
|
"offsetDistance"?: number;
|
|
4338
3941
|
/**
|
|
4339
3942
|
* Sets the offset skidding
|
|
4340
|
-
* @default 0
|
|
4341
3943
|
*/
|
|
4342
3944
|
"offsetSkidding"?: number;
|
|
4343
3945
|
/**
|
|
4344
3946
|
* Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement
|
|
4345
|
-
* @default 'auto'
|
|
4346
3947
|
*/
|
|
4347
3948
|
"placement"?: Placement;
|
|
4348
3949
|
/**
|
|
@@ -4355,49 +3956,40 @@ declare namespace LocalJSX {
|
|
|
4355
3956
|
"selector"?: string;
|
|
4356
3957
|
/**
|
|
4357
3958
|
* Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
|
|
4358
|
-
* @default null
|
|
4359
3959
|
*/
|
|
4360
3960
|
"show"?: boolean;
|
|
4361
3961
|
/**
|
|
4362
3962
|
* Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
|
|
4363
|
-
* @default 'dialog'
|
|
4364
3963
|
*/
|
|
4365
3964
|
"tdsAlertDialog"?: 'alertdialog' | 'dialog';
|
|
4366
3965
|
}
|
|
4367
3966
|
interface TdsPopoverCore {
|
|
4368
3967
|
/**
|
|
4369
3968
|
* Whether the popover should animate when being opened/closed or not
|
|
4370
|
-
* @default 'none'
|
|
4371
3969
|
*/
|
|
4372
3970
|
"animation"?: 'none' | 'fade' | string;
|
|
4373
3971
|
/**
|
|
4374
3972
|
* Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
|
|
4375
|
-
* @default true
|
|
4376
3973
|
*/
|
|
4377
3974
|
"autoHide"?: boolean;
|
|
4378
3975
|
/**
|
|
4379
3976
|
* Decides if the component should be visible from the start.
|
|
4380
|
-
* @default false
|
|
4381
3977
|
*/
|
|
4382
3978
|
"defaultShow"?: boolean;
|
|
4383
3979
|
/**
|
|
4384
3980
|
* Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
|
|
4385
|
-
* @default []
|
|
4386
3981
|
*/
|
|
4387
3982
|
"modifiers"?: Object[];
|
|
4388
3983
|
/**
|
|
4389
3984
|
* Sets the offset distance
|
|
4390
|
-
* @default 8
|
|
4391
3985
|
*/
|
|
4392
3986
|
"offsetDistance"?: number;
|
|
4393
3987
|
/**
|
|
4394
3988
|
* Sets the offset skidding
|
|
4395
|
-
* @default 0
|
|
4396
3989
|
*/
|
|
4397
3990
|
"offsetSkidding"?: number;
|
|
4398
3991
|
/**
|
|
4399
3992
|
* Decides the placement of the Popover Menu
|
|
4400
|
-
* @default 'auto'
|
|
4401
3993
|
*/
|
|
4402
3994
|
"placement"?: Placement;
|
|
4403
3995
|
/**
|
|
@@ -4410,49 +4002,40 @@ declare namespace LocalJSX {
|
|
|
4410
4002
|
"selector"?: string;
|
|
4411
4003
|
/**
|
|
4412
4004
|
* Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
|
|
4413
|
-
* @default null
|
|
4414
4005
|
*/
|
|
4415
4006
|
"show"?: boolean;
|
|
4416
4007
|
/**
|
|
4417
4008
|
* What triggers the popover to show
|
|
4418
|
-
* @default 'click'
|
|
4419
4009
|
*/
|
|
4420
4010
|
"trigger"?: 'click' | 'hover' | 'hover-popover';
|
|
4421
4011
|
}
|
|
4422
4012
|
interface TdsPopoverMenu {
|
|
4423
4013
|
/**
|
|
4424
4014
|
* Whether the popover should animate when being opened/closed or not
|
|
4425
|
-
* @default 'none'
|
|
4426
4015
|
*/
|
|
4427
4016
|
"animation"?: 'none' | 'fade' | string;
|
|
4428
4017
|
/**
|
|
4429
4018
|
* Decides if the component should be visible from the start.
|
|
4430
|
-
* @default false
|
|
4431
4019
|
*/
|
|
4432
4020
|
"defaultShow"?: boolean;
|
|
4433
4021
|
/**
|
|
4434
4022
|
* If true this unsets the width (160px) of the Popover Menu
|
|
4435
|
-
* @default false
|
|
4436
4023
|
*/
|
|
4437
4024
|
"fluidWidth"?: boolean;
|
|
4438
4025
|
/**
|
|
4439
4026
|
* Mode variant of the component, based on current mode.
|
|
4440
|
-
* @default null
|
|
4441
4027
|
*/
|
|
4442
4028
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4443
4029
|
/**
|
|
4444
4030
|
* Sets the offset distance
|
|
4445
|
-
* @default 8
|
|
4446
4031
|
*/
|
|
4447
4032
|
"offsetDistance"?: number;
|
|
4448
4033
|
/**
|
|
4449
4034
|
* Sets the offset skidding
|
|
4450
|
-
* @default 0
|
|
4451
4035
|
*/
|
|
4452
4036
|
"offsetSkidding"?: number;
|
|
4453
4037
|
/**
|
|
4454
4038
|
* Decides the placement of the Popover Menu
|
|
4455
|
-
* @default 'auto'
|
|
4456
4039
|
*/
|
|
4457
4040
|
"placement"?: Placement;
|
|
4458
4041
|
/**
|
|
@@ -4465,26 +4048,22 @@ declare namespace LocalJSX {
|
|
|
4465
4048
|
"selector"?: string;
|
|
4466
4049
|
/**
|
|
4467
4050
|
* Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
|
|
4468
|
-
* @default null
|
|
4469
4051
|
*/
|
|
4470
4052
|
"show"?: boolean;
|
|
4471
4053
|
}
|
|
4472
4054
|
interface TdsPopoverMenuItem {
|
|
4473
4055
|
/**
|
|
4474
4056
|
* Disables the Popover Menu Item
|
|
4475
|
-
* @default false
|
|
4476
4057
|
*/
|
|
4477
4058
|
"disabled"?: boolean;
|
|
4478
4059
|
}
|
|
4479
4060
|
interface TdsRadioButton {
|
|
4480
4061
|
/**
|
|
4481
4062
|
* Decides if the Radio Button is checked or not.
|
|
4482
|
-
* @default false
|
|
4483
4063
|
*/
|
|
4484
4064
|
"checked"?: boolean;
|
|
4485
4065
|
/**
|
|
4486
4066
|
* Decides if the Radio Button is disabled or not.
|
|
4487
|
-
* @default false
|
|
4488
4067
|
*/
|
|
4489
4068
|
"disabled"?: boolean;
|
|
4490
4069
|
/**
|
|
@@ -4500,12 +4079,10 @@ declare namespace LocalJSX {
|
|
|
4500
4079
|
}>) => void;
|
|
4501
4080
|
/**
|
|
4502
4081
|
* Unique Radio Button identifier.
|
|
4503
|
-
* @default generateUniqueId()
|
|
4504
4082
|
*/
|
|
4505
4083
|
"radioId"?: string;
|
|
4506
4084
|
/**
|
|
4507
4085
|
* Decides if the Radio Button is required or not.
|
|
4508
|
-
* @default false
|
|
4509
4086
|
*/
|
|
4510
4087
|
"required"?: boolean;
|
|
4511
4088
|
/**
|
|
@@ -4524,7 +4101,6 @@ declare namespace LocalJSX {
|
|
|
4524
4101
|
interface TdsSideMenu {
|
|
4525
4102
|
/**
|
|
4526
4103
|
* If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tdsCollapse event.
|
|
4527
|
-
* @default false
|
|
4528
4104
|
*/
|
|
4529
4105
|
"collapsed"?: boolean;
|
|
4530
4106
|
/**
|
|
@@ -4533,12 +4109,10 @@ declare namespace LocalJSX {
|
|
|
4533
4109
|
"onTdsCollapse"?: (event: TdsSideMenuCustomEvent<CollapseEvent>) => void;
|
|
4534
4110
|
/**
|
|
4535
4111
|
* Applicable only for mobile. If the Side Menu is open or not.
|
|
4536
|
-
* @default false
|
|
4537
4112
|
*/
|
|
4538
4113
|
"open"?: boolean;
|
|
4539
4114
|
/**
|
|
4540
4115
|
* Applicable only for desktop. If the Side Menu should always be shown.
|
|
4541
|
-
* @default false
|
|
4542
4116
|
*/
|
|
4543
4117
|
"persistent"?: boolean;
|
|
4544
4118
|
}
|
|
@@ -4557,17 +4131,14 @@ declare namespace LocalJSX {
|
|
|
4557
4131
|
"buttonLabel"?: string;
|
|
4558
4132
|
/**
|
|
4559
4133
|
* If the dropdown should be open from the start.
|
|
4560
|
-
* @default false
|
|
4561
4134
|
*/
|
|
4562
4135
|
"defaultOpen"?: boolean;
|
|
4563
4136
|
/**
|
|
4564
4137
|
* Toggle open state programmatically
|
|
4565
|
-
* @default false
|
|
4566
4138
|
*/
|
|
4567
4139
|
"open"?: boolean;
|
|
4568
4140
|
/**
|
|
4569
4141
|
* If the button that opens the dropdown should appear selected.
|
|
4570
|
-
* @default false
|
|
4571
4142
|
*/
|
|
4572
4143
|
"selected"?: boolean;
|
|
4573
4144
|
}
|
|
@@ -4576,19 +4147,16 @@ declare namespace LocalJSX {
|
|
|
4576
4147
|
interface TdsSideMenuDropdownListItem {
|
|
4577
4148
|
/**
|
|
4578
4149
|
* If the item should appear selected.
|
|
4579
|
-
* @default false
|
|
4580
4150
|
*/
|
|
4581
4151
|
"selected"?: boolean;
|
|
4582
4152
|
}
|
|
4583
4153
|
interface TdsSideMenuItem {
|
|
4584
4154
|
/**
|
|
4585
4155
|
* If the item should appear active. Can be used when the item is triggering a dropdown, and the dropdown is open, for example.
|
|
4586
|
-
* @default false
|
|
4587
4156
|
*/
|
|
4588
4157
|
"active"?: boolean;
|
|
4589
4158
|
/**
|
|
4590
4159
|
* If the item should appear selected.
|
|
4591
|
-
* @default false
|
|
4592
4160
|
*/
|
|
4593
4161
|
"selected"?: boolean;
|
|
4594
4162
|
}
|
|
@@ -4635,37 +4203,30 @@ declare namespace LocalJSX {
|
|
|
4635
4203
|
interface TdsSlider {
|
|
4636
4204
|
/**
|
|
4637
4205
|
* Decide to show the controls or not
|
|
4638
|
-
* @default false
|
|
4639
4206
|
*/
|
|
4640
4207
|
"controls"?: boolean;
|
|
4641
4208
|
/**
|
|
4642
4209
|
* Sets the disabled state for the whole component
|
|
4643
|
-
* @default false
|
|
4644
4210
|
*/
|
|
4645
4211
|
"disabled"?: boolean;
|
|
4646
4212
|
/**
|
|
4647
4213
|
* Decide to show the input field or not
|
|
4648
|
-
* @default false
|
|
4649
4214
|
*/
|
|
4650
4215
|
"input"?: boolean;
|
|
4651
4216
|
/**
|
|
4652
4217
|
* Text for label
|
|
4653
|
-
* @default ''
|
|
4654
4218
|
*/
|
|
4655
4219
|
"label"?: string;
|
|
4656
4220
|
/**
|
|
4657
4221
|
* Maximum value
|
|
4658
|
-
* @default '100'
|
|
4659
4222
|
*/
|
|
4660
4223
|
"max"?: string;
|
|
4661
4224
|
/**
|
|
4662
4225
|
* Minimum value
|
|
4663
|
-
* @default '0'
|
|
4664
4226
|
*/
|
|
4665
4227
|
"min"?: string;
|
|
4666
4228
|
/**
|
|
4667
4229
|
* Name property (will be inherited by the native slider component)
|
|
4668
|
-
* @default ''
|
|
4669
4230
|
*/
|
|
4670
4231
|
"name"?: string;
|
|
4671
4232
|
/**
|
|
@@ -4682,69 +4243,56 @@ declare namespace LocalJSX {
|
|
|
4682
4243
|
}>) => void;
|
|
4683
4244
|
/**
|
|
4684
4245
|
* Sets the read only state for the whole component
|
|
4685
|
-
* @default false
|
|
4686
4246
|
*/
|
|
4687
4247
|
"readOnly"?: boolean;
|
|
4688
4248
|
/**
|
|
4689
4249
|
* Decide to show numbers above the tick markers or not
|
|
4690
|
-
* @default false
|
|
4691
4250
|
*/
|
|
4692
4251
|
"showTickNumbers"?: boolean;
|
|
4693
4252
|
/**
|
|
4694
4253
|
* ID for the Slider's input element, randomly generated if not specified.
|
|
4695
|
-
* @default generateUniqueId()
|
|
4696
4254
|
*/
|
|
4697
4255
|
"sliderId"?: string;
|
|
4698
4256
|
/**
|
|
4699
4257
|
* Snap to the tick's grid
|
|
4700
|
-
* @default false
|
|
4701
4258
|
*/
|
|
4702
4259
|
"snap"?: boolean;
|
|
4703
4260
|
/**
|
|
4704
4261
|
* Defines how much to increment/decrement the value when using controls
|
|
4705
|
-
* @default '1'
|
|
4706
4262
|
*/
|
|
4707
4263
|
"step"?: string;
|
|
4708
4264
|
/**
|
|
4709
4265
|
* Sets the aria-label for the slider control.
|
|
4710
|
-
* @default ''
|
|
4711
4266
|
*/
|
|
4712
4267
|
"tdsAriaLabel"?: string;
|
|
4713
4268
|
/**
|
|
4714
4269
|
* Sets the read only aria label for the input field
|
|
4715
|
-
* @default ''
|
|
4716
4270
|
*/
|
|
4717
4271
|
"tdsReadOnlyAriaLabel"?: string;
|
|
4718
4272
|
/**
|
|
4719
4273
|
* Sets the size of the thumb
|
|
4720
|
-
* @default 'lg'
|
|
4721
4274
|
*/
|
|
4722
4275
|
"thumbSize"?: 'sm' | 'lg';
|
|
4723
4276
|
/**
|
|
4724
4277
|
* Number of tick markers (tick for min- and max-value will be added automatically)
|
|
4725
|
-
* @default '0'
|
|
4726
4278
|
*/
|
|
4727
4279
|
"ticks"?: string;
|
|
4728
4280
|
/**
|
|
4729
4281
|
* Decide to show the tooltip or not
|
|
4730
|
-
* @default false
|
|
4731
4282
|
*/
|
|
4732
4283
|
"tooltip"?: boolean;
|
|
4733
4284
|
/**
|
|
4734
4285
|
* Initial value
|
|
4735
|
-
* @default '0'
|
|
4736
4286
|
*/
|
|
4737
4287
|
"value"?: string;
|
|
4738
4288
|
}
|
|
4739
4289
|
interface TdsSpinner {
|
|
4740
4290
|
/**
|
|
4741
4291
|
* Size of the Spinner
|
|
4742
|
-
* @default 'lg'
|
|
4743
4292
|
*/
|
|
4744
4293
|
"size"?: 'xs' | 'sm' | 'md' | 'lg';
|
|
4745
4294
|
/**
|
|
4746
4295
|
* Variant of the Spinner
|
|
4747
|
-
* @default 'standard'
|
|
4748
4296
|
*/
|
|
4749
4297
|
"variant"?: 'standard' | 'inverted';
|
|
4750
4298
|
}
|
|
@@ -4755,7 +4303,6 @@ declare namespace LocalJSX {
|
|
|
4755
4303
|
"index"?: string;
|
|
4756
4304
|
/**
|
|
4757
4305
|
* State of the Step
|
|
4758
|
-
* @default 'upcoming'
|
|
4759
4306
|
*/
|
|
4760
4307
|
"state"?: 'current' | 'error' | 'success' | 'upcoming';
|
|
4761
4308
|
"tdsAriaCurrent"?: string;
|
|
@@ -4763,59 +4310,48 @@ declare namespace LocalJSX {
|
|
|
4763
4310
|
interface TdsStepper {
|
|
4764
4311
|
/**
|
|
4765
4312
|
* Hides the label for the child components if true.
|
|
4766
|
-
* @default false
|
|
4767
4313
|
*/
|
|
4768
4314
|
"hideLabels"?: boolean;
|
|
4769
4315
|
/**
|
|
4770
4316
|
* Text position, only available on a direction: horizontal
|
|
4771
|
-
* @default 'below'
|
|
4772
4317
|
*/
|
|
4773
4318
|
"labelPosition"?: 'aside' | 'below';
|
|
4774
4319
|
/**
|
|
4775
4320
|
* The orientation the Steps
|
|
4776
|
-
* @default 'horizontal'
|
|
4777
4321
|
*/
|
|
4778
4322
|
"orientation"?: 'horizontal' | 'vertical';
|
|
4779
4323
|
/**
|
|
4780
4324
|
* Size of the component and it's children.
|
|
4781
|
-
* @default 'lg'
|
|
4782
4325
|
*/
|
|
4783
4326
|
"size"?: 'sm' | 'lg';
|
|
4784
4327
|
/**
|
|
4785
4328
|
* ID used for internal Stepper functionality and events, must be unique. **NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper, as the default ID is random and will be different every time.
|
|
4786
|
-
* @default generateUniqueId()
|
|
4787
4329
|
*/
|
|
4788
4330
|
"stepperId"?: string;
|
|
4789
4331
|
/**
|
|
4790
4332
|
* Label for the stepper component, for screen reader users
|
|
4791
|
-
* @default 'Progress steps'
|
|
4792
4333
|
*/
|
|
4793
4334
|
"tdsAriaLabel"?: string;
|
|
4794
4335
|
}
|
|
4795
4336
|
interface TdsTable {
|
|
4796
4337
|
/**
|
|
4797
4338
|
* Enables style where Table toolbar, rows and footer are less high
|
|
4798
|
-
* @default false
|
|
4799
4339
|
*/
|
|
4800
4340
|
"compactDesign"?: boolean;
|
|
4801
4341
|
/**
|
|
4802
4342
|
* Enables extended row feature of Table
|
|
4803
|
-
* @default false
|
|
4804
4343
|
*/
|
|
4805
4344
|
"expandableRows"?: boolean;
|
|
4806
4345
|
/**
|
|
4807
4346
|
* Width of the table, used as the constraint for horizontal scrolling. **NOTE**: this will disable usage of the responsive flag
|
|
4808
|
-
* @default null
|
|
4809
4347
|
*/
|
|
4810
4348
|
"horizontalScrollWidth"?: string;
|
|
4811
4349
|
/**
|
|
4812
4350
|
* Variant of the component, based on current mode.
|
|
4813
|
-
* @default null
|
|
4814
4351
|
*/
|
|
4815
4352
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4816
4353
|
/**
|
|
4817
4354
|
* Enables multiselect feature of Table
|
|
4818
|
-
* @default false
|
|
4819
4355
|
*/
|
|
4820
4356
|
"multiselect"?: boolean;
|
|
4821
4357
|
/**
|
|
@@ -4824,22 +4360,18 @@ declare namespace LocalJSX {
|
|
|
4824
4360
|
"noMinWidth"?: boolean;
|
|
4825
4361
|
/**
|
|
4826
4362
|
* Enables Table to take 100% available width with equal spacing of columns
|
|
4827
|
-
* @default false
|
|
4828
4363
|
*/
|
|
4829
4364
|
"responsive"?: boolean;
|
|
4830
4365
|
/**
|
|
4831
4366
|
* ID used for internal Table functionality and events, must be unique. **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table, as the default ID is random and will be different every time.
|
|
4832
|
-
* @default generateUniqueId()
|
|
4833
4367
|
*/
|
|
4834
4368
|
"tableId"?: string;
|
|
4835
4369
|
/**
|
|
4836
4370
|
* Enables style with vertical dividers between columns
|
|
4837
|
-
* @default false
|
|
4838
4371
|
*/
|
|
4839
4372
|
"verticalDividers"?: boolean;
|
|
4840
4373
|
/**
|
|
4841
4374
|
* Enables zebra stripe mode on the table rows or columns.
|
|
4842
|
-
* @default 'none'
|
|
4843
4375
|
*/
|
|
4844
4376
|
"zebraMode"?: | 'rows-odd'
|
|
4845
4377
|
| 'rows-even'
|
|
@@ -4852,19 +4384,16 @@ declare namespace LocalJSX {
|
|
|
4852
4384
|
interface TdsTableBodyInputWrapper {
|
|
4853
4385
|
/**
|
|
4854
4386
|
* Controls if the edit icon is shown
|
|
4855
|
-
* @default true
|
|
4856
4387
|
*/
|
|
4857
4388
|
"showIcon"?: boolean;
|
|
4858
4389
|
}
|
|
4859
4390
|
interface TdsTableBodyRow {
|
|
4860
4391
|
/**
|
|
4861
4392
|
* Makes the row clickable and tabbable for accessibility purposes.
|
|
4862
|
-
* @default false
|
|
4863
4393
|
*/
|
|
4864
4394
|
"clickable"?: boolean;
|
|
4865
4395
|
/**
|
|
4866
4396
|
* Marks the row as disabled, used for multiselect table.
|
|
4867
|
-
* @default false
|
|
4868
4397
|
*/
|
|
4869
4398
|
"disabled"?: boolean;
|
|
4870
4399
|
/**
|
|
@@ -4885,19 +4414,16 @@ declare namespace LocalJSX {
|
|
|
4885
4414
|
}>) => void;
|
|
4886
4415
|
/**
|
|
4887
4416
|
* Marks the row as selected, used for multiselect table.
|
|
4888
|
-
* @default false
|
|
4889
4417
|
*/
|
|
4890
4418
|
"selected"?: boolean;
|
|
4891
4419
|
}
|
|
4892
4420
|
interface TdsTableBodyRowExpandable {
|
|
4893
4421
|
/**
|
|
4894
4422
|
* Enables auto-collapse of other expandable rows when one row is expanded
|
|
4895
|
-
* @default false
|
|
4896
4423
|
*/
|
|
4897
4424
|
"autoCollapse"?: boolean;
|
|
4898
4425
|
/**
|
|
4899
4426
|
* In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
|
|
4900
|
-
* @default null
|
|
4901
4427
|
*/
|
|
4902
4428
|
"colSpan"?: number;
|
|
4903
4429
|
/**
|
|
@@ -4914,24 +4440,20 @@ declare namespace LocalJSX {
|
|
|
4914
4440
|
}>) => void;
|
|
4915
4441
|
/**
|
|
4916
4442
|
* Controls the overflow behavior of the expandable row content
|
|
4917
|
-
* @default 'auto'
|
|
4918
4443
|
*/
|
|
4919
4444
|
"overflow"?: 'auto' | 'hidden' | 'visible';
|
|
4920
4445
|
/**
|
|
4921
4446
|
* ID for the table row. Randomly generated if not specified.
|
|
4922
|
-
* @default generateUniqueId()
|
|
4923
4447
|
*/
|
|
4924
4448
|
"rowId"?: string;
|
|
4925
4449
|
/**
|
|
4926
4450
|
* Aria label for the expand button, providing an accessible description
|
|
4927
|
-
* @default ''
|
|
4928
4451
|
*/
|
|
4929
4452
|
"tdsAriaLabelExpandButton"?: string;
|
|
4930
4453
|
}
|
|
4931
4454
|
interface TdsTableFooter {
|
|
4932
4455
|
/**
|
|
4933
4456
|
* <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails.
|
|
4934
|
-
* @default null
|
|
4935
4457
|
*/
|
|
4936
4458
|
"cols"?: number;
|
|
4937
4459
|
/**
|
|
@@ -4944,44 +4466,36 @@ declare namespace LocalJSX {
|
|
|
4944
4466
|
}>) => void;
|
|
4945
4467
|
/**
|
|
4946
4468
|
* Sets the number of pages.
|
|
4947
|
-
* @default null
|
|
4948
4469
|
*/
|
|
4949
4470
|
"pages"?: number;
|
|
4950
4471
|
/**
|
|
4951
4472
|
* Enable pagination and show pagination controls
|
|
4952
|
-
* @default false
|
|
4953
4473
|
*/
|
|
4954
4474
|
"pagination"?: boolean;
|
|
4955
4475
|
/**
|
|
4956
4476
|
* Sets the pagination number.
|
|
4957
|
-
* @default 1
|
|
4958
4477
|
*/
|
|
4959
4478
|
"paginationValue"?: number;
|
|
4960
4479
|
/**
|
|
4961
4480
|
* Set available rows per page values
|
|
4962
|
-
* @default [10, 25, 50]
|
|
4963
4481
|
*/
|
|
4964
4482
|
"rowsPerPageValues"?: number[];
|
|
4965
4483
|
/**
|
|
4966
4484
|
* Enable rows per page dropdown
|
|
4967
|
-
* @default true
|
|
4968
4485
|
*/
|
|
4969
4486
|
"rowsperpage"?: boolean;
|
|
4970
4487
|
}
|
|
4971
4488
|
interface TdsTableHeader {
|
|
4972
4489
|
/**
|
|
4973
4490
|
* @deprecated Deprecated, use selected instead.
|
|
4974
|
-
* @default false
|
|
4975
4491
|
*/
|
|
4976
4492
|
"allSelected"?: boolean;
|
|
4977
4493
|
/**
|
|
4978
4494
|
* Prop for controlling the enabled/disabled state of the "All selected"-checkbox.
|
|
4979
|
-
* @default false
|
|
4980
4495
|
*/
|
|
4981
4496
|
"disabled"?: boolean;
|
|
4982
4497
|
/**
|
|
4983
4498
|
* Prop for controlling the indeterminate state of the "All selected"-checkbox.
|
|
4984
|
-
* @default false
|
|
4985
4499
|
*/
|
|
4986
4500
|
"indeterminate"?: boolean;
|
|
4987
4501
|
/**
|
|
@@ -4998,20 +4512,15 @@ declare namespace LocalJSX {
|
|
|
4998
4512
|
"selected"?: boolean;
|
|
4999
4513
|
}
|
|
5000
4514
|
interface TdsTableHeaderInputWrapper {
|
|
5001
|
-
/**
|
|
5002
|
-
* @default false
|
|
5003
|
-
*/
|
|
5004
4515
|
"compactDesign"?: boolean;
|
|
5005
4516
|
/**
|
|
5006
4517
|
* Controls if the search icon is shown
|
|
5007
|
-
* @default true
|
|
5008
4518
|
*/
|
|
5009
4519
|
"showIcon"?: boolean;
|
|
5010
4520
|
}
|
|
5011
4521
|
interface TdsTableToolbar {
|
|
5012
4522
|
/**
|
|
5013
4523
|
* Enables preview of searchbar
|
|
5014
|
-
* @default false
|
|
5015
4524
|
*/
|
|
5016
4525
|
"filter"?: boolean;
|
|
5017
4526
|
/**
|
|
@@ -5023,19 +4532,16 @@ declare namespace LocalJSX {
|
|
|
5023
4532
|
}>) => void;
|
|
5024
4533
|
/**
|
|
5025
4534
|
* Adds title to the Table
|
|
5026
|
-
* @default ''
|
|
5027
4535
|
*/
|
|
5028
4536
|
"tableTitle"?: string;
|
|
5029
4537
|
/**
|
|
5030
4538
|
* Aria label for the search input, providing an accessible description
|
|
5031
|
-
* @default ''
|
|
5032
4539
|
*/
|
|
5033
4540
|
"tdsSearchAriaLabel"?: string;
|
|
5034
4541
|
}
|
|
5035
4542
|
interface TdsTag {
|
|
5036
4543
|
/**
|
|
5037
4544
|
* Sets the size of the tag
|
|
5038
|
-
* @default 'lg'
|
|
5039
4545
|
*/
|
|
5040
4546
|
"size"?: 'lg' | 'sm';
|
|
5041
4547
|
/**
|
|
@@ -5044,24 +4550,20 @@ declare namespace LocalJSX {
|
|
|
5044
4550
|
"text": string;
|
|
5045
4551
|
/**
|
|
5046
4552
|
* Sets the variant mode of the tag
|
|
5047
|
-
* @default 'Neutral'
|
|
5048
4553
|
*/
|
|
5049
4554
|
"variant"?: 'Success' | 'Warning' | 'New' | 'Neutral' | 'Information' | 'Error';
|
|
5050
4555
|
}
|
|
5051
4556
|
interface TdsTextField {
|
|
5052
4557
|
/**
|
|
5053
4558
|
* Value to be used for the text field's autocomplete attribute
|
|
5054
|
-
* @default 'off'
|
|
5055
4559
|
*/
|
|
5056
4560
|
"autocomplete"?: string;
|
|
5057
4561
|
/**
|
|
5058
4562
|
* Autofocus for input
|
|
5059
|
-
* @default false
|
|
5060
4563
|
*/
|
|
5061
4564
|
"autofocus"?: boolean;
|
|
5062
4565
|
/**
|
|
5063
4566
|
* Set input in disabled state
|
|
5064
|
-
* @default false
|
|
5065
4567
|
*/
|
|
5066
4568
|
"disabled"?: boolean;
|
|
5067
4569
|
/**
|
|
@@ -5070,17 +4572,14 @@ declare namespace LocalJSX {
|
|
|
5070
4572
|
"helper"?: string;
|
|
5071
4573
|
/**
|
|
5072
4574
|
* Hides the read-only icon in the Text Field. Requires Read Only to be enabled.
|
|
5073
|
-
* @default false
|
|
5074
4575
|
*/
|
|
5075
4576
|
"hideReadOnlyIcon"?: boolean;
|
|
5076
4577
|
/**
|
|
5077
4578
|
* Label text
|
|
5078
|
-
* @default ''
|
|
5079
4579
|
*/
|
|
5080
4580
|
"label"?: string;
|
|
5081
4581
|
/**
|
|
5082
4582
|
* Position of the label for the Text Field.
|
|
5083
|
-
* @default 'no-label'
|
|
5084
4583
|
*/
|
|
5085
4584
|
"labelPosition"?: 'inside' | 'outside' | 'no-label';
|
|
5086
4585
|
/**
|
|
@@ -5097,17 +4596,14 @@ declare namespace LocalJSX {
|
|
|
5097
4596
|
"min"?: string | number;
|
|
5098
4597
|
/**
|
|
5099
4598
|
* Mode variant of the Text Field
|
|
5100
|
-
* @default null
|
|
5101
4599
|
*/
|
|
5102
4600
|
"modeVariant"?: 'primary' | 'secondary';
|
|
5103
4601
|
/**
|
|
5104
4602
|
* Name property
|
|
5105
|
-
* @default ''
|
|
5106
4603
|
*/
|
|
5107
4604
|
"name"?: string;
|
|
5108
4605
|
/**
|
|
5109
4606
|
* Unset minimum width of 208px.
|
|
5110
|
-
* @default false
|
|
5111
4607
|
*/
|
|
5112
4608
|
"noMinWidth"?: boolean;
|
|
5113
4609
|
/**
|
|
@@ -5128,27 +4624,22 @@ declare namespace LocalJSX {
|
|
|
5128
4624
|
"onTdsInput"?: (event: TdsTextFieldCustomEvent<InputEvent>) => void;
|
|
5129
4625
|
/**
|
|
5130
4626
|
* Placeholder text
|
|
5131
|
-
* @default ''
|
|
5132
4627
|
*/
|
|
5133
4628
|
"placeholder"?: string;
|
|
5134
4629
|
/**
|
|
5135
4630
|
* Set input in readonly state
|
|
5136
|
-
* @default false
|
|
5137
4631
|
*/
|
|
5138
4632
|
"readOnly"?: boolean;
|
|
5139
4633
|
/**
|
|
5140
4634
|
* Makes the text field required
|
|
5141
|
-
* @default false
|
|
5142
4635
|
*/
|
|
5143
4636
|
"required"?: boolean;
|
|
5144
4637
|
/**
|
|
5145
4638
|
* Size of the input
|
|
5146
|
-
* @default 'lg'
|
|
5147
4639
|
*/
|
|
5148
4640
|
"size"?: 'sm' | 'md' | 'lg';
|
|
5149
4641
|
/**
|
|
5150
4642
|
* Error state of input
|
|
5151
|
-
* @default 'default'
|
|
5152
4643
|
*/
|
|
5153
4644
|
"state"?: 'error' | 'success' | 'default';
|
|
5154
4645
|
/**
|
|
@@ -5157,19 +4648,16 @@ declare namespace LocalJSX {
|
|
|
5157
4648
|
"tdsAriaLabel"?: string;
|
|
5158
4649
|
/**
|
|
5159
4650
|
* Which input type, text, password or similar
|
|
5160
|
-
* @default 'text'
|
|
5161
4651
|
*/
|
|
5162
4652
|
"type"?: 'text' | 'password' | 'number' | 'email' | 'tel';
|
|
5163
4653
|
/**
|
|
5164
4654
|
* Value of the input text
|
|
5165
|
-
* @default ''
|
|
5166
4655
|
*/
|
|
5167
4656
|
"value"?: string;
|
|
5168
4657
|
}
|
|
5169
4658
|
interface TdsTextarea {
|
|
5170
4659
|
/**
|
|
5171
4660
|
* Control of autofocus
|
|
5172
|
-
* @default false
|
|
5173
4661
|
*/
|
|
5174
4662
|
"autofocus"?: boolean;
|
|
5175
4663
|
/**
|
|
@@ -5178,7 +4666,6 @@ declare namespace LocalJSX {
|
|
|
5178
4666
|
"cols"?: number;
|
|
5179
4667
|
/**
|
|
5180
4668
|
* Set input in disabled state
|
|
5181
|
-
* @default false
|
|
5182
4669
|
*/
|
|
5183
4670
|
"disabled"?: boolean;
|
|
5184
4671
|
/**
|
|
@@ -5187,17 +4674,14 @@ declare namespace LocalJSX {
|
|
|
5187
4674
|
"helper"?: string;
|
|
5188
4675
|
/**
|
|
5189
4676
|
* Hide the readonly icon
|
|
5190
|
-
* @default false
|
|
5191
4677
|
*/
|
|
5192
4678
|
"hideReadOnlyIcon"?: boolean;
|
|
5193
4679
|
/**
|
|
5194
4680
|
* Label text
|
|
5195
|
-
* @default ''
|
|
5196
4681
|
*/
|
|
5197
4682
|
"label"?: string;
|
|
5198
4683
|
/**
|
|
5199
4684
|
* Position of the label for the Textarea.
|
|
5200
|
-
* @default 'no-label'
|
|
5201
4685
|
*/
|
|
5202
4686
|
"labelPosition"?: 'inside' | 'outside' | 'no-label';
|
|
5203
4687
|
/**
|
|
@@ -5206,17 +4690,14 @@ declare namespace LocalJSX {
|
|
|
5206
4690
|
"maxLength"?: number;
|
|
5207
4691
|
/**
|
|
5208
4692
|
* Mode variant of the Textarea
|
|
5209
|
-
* @default null
|
|
5210
4693
|
*/
|
|
5211
4694
|
"modeVariant"?: 'primary' | 'secondary';
|
|
5212
4695
|
/**
|
|
5213
4696
|
* Name attribute
|
|
5214
|
-
* @default ''
|
|
5215
4697
|
*/
|
|
5216
4698
|
"name"?: string;
|
|
5217
4699
|
/**
|
|
5218
4700
|
* Unset minimum width of 208px.
|
|
5219
|
-
* @default false
|
|
5220
4701
|
*/
|
|
5221
4702
|
"noMinWidth"?: boolean;
|
|
5222
4703
|
/**
|
|
@@ -5237,12 +4718,10 @@ declare namespace LocalJSX {
|
|
|
5237
4718
|
"onTdsInput"?: (event: TdsTextareaCustomEvent<InputEvent>) => void;
|
|
5238
4719
|
/**
|
|
5239
4720
|
* Placeholder text
|
|
5240
|
-
* @default ''
|
|
5241
4721
|
*/
|
|
5242
4722
|
"placeholder"?: string;
|
|
5243
4723
|
/**
|
|
5244
4724
|
* Set input in readonly state
|
|
5245
|
-
* @default false
|
|
5246
4725
|
*/
|
|
5247
4726
|
"readOnly"?: boolean;
|
|
5248
4727
|
/**
|
|
@@ -5251,7 +4730,6 @@ declare namespace LocalJSX {
|
|
|
5251
4730
|
"rows"?: number;
|
|
5252
4731
|
/**
|
|
5253
4732
|
* Error state of input
|
|
5254
|
-
* @default 'default'
|
|
5255
4733
|
*/
|
|
5256
4734
|
"state"?: 'error' | 'success' | 'default';
|
|
5257
4735
|
/**
|
|
@@ -5260,14 +4738,12 @@ declare namespace LocalJSX {
|
|
|
5260
4738
|
"tdsAriaLabel"?: string;
|
|
5261
4739
|
/**
|
|
5262
4740
|
* Value of the input text
|
|
5263
|
-
* @default ''
|
|
5264
4741
|
*/
|
|
5265
4742
|
"value"?: string;
|
|
5266
4743
|
}
|
|
5267
4744
|
interface TdsToast {
|
|
5268
4745
|
/**
|
|
5269
4746
|
* Enables the close button.
|
|
5270
|
-
* @default true
|
|
5271
4747
|
*/
|
|
5272
4748
|
"closable"?: boolean;
|
|
5273
4749
|
/**
|
|
@@ -5276,7 +4752,6 @@ declare namespace LocalJSX {
|
|
|
5276
4752
|
"header"?: string;
|
|
5277
4753
|
/**
|
|
5278
4754
|
* Hides the Toast.
|
|
5279
|
-
* @default false
|
|
5280
4755
|
*/
|
|
5281
4756
|
"hidden"?: boolean;
|
|
5282
4757
|
/**
|
|
@@ -5291,7 +4766,6 @@ declare namespace LocalJSX {
|
|
|
5291
4766
|
"subheader"?: string;
|
|
5292
4767
|
/**
|
|
5293
4768
|
* ARIA live for the Toast.
|
|
5294
|
-
* @default 'polite'
|
|
5295
4769
|
*/
|
|
5296
4770
|
"tdsAriaLive"?: 'polite' | 'assertive';
|
|
5297
4771
|
/**
|
|
@@ -5300,29 +4774,24 @@ declare namespace LocalJSX {
|
|
|
5300
4774
|
"tdsCloseAriaLabel"?: string;
|
|
5301
4775
|
/**
|
|
5302
4776
|
* ID for the Toast. Randomly generated if not specified.
|
|
5303
|
-
* @default generateUniqueId()
|
|
5304
4777
|
*/
|
|
5305
4778
|
"toastId"?: string;
|
|
5306
4779
|
/**
|
|
5307
4780
|
* ARIA role for the Toast.
|
|
5308
|
-
* @default 'alert'
|
|
5309
4781
|
*/
|
|
5310
4782
|
"toastRole"?: 'alert' | 'log' | 'status';
|
|
5311
4783
|
/**
|
|
5312
4784
|
* Type of Toast.
|
|
5313
|
-
* @default 'information'
|
|
5314
4785
|
*/
|
|
5315
4786
|
"variant"?: 'information' | 'error' | 'warning' | 'success';
|
|
5316
4787
|
}
|
|
5317
4788
|
interface TdsToggle {
|
|
5318
4789
|
/**
|
|
5319
4790
|
* Sets the Toggle as checked
|
|
5320
|
-
* @default false
|
|
5321
4791
|
*/
|
|
5322
4792
|
"checked"?: boolean;
|
|
5323
4793
|
/**
|
|
5324
4794
|
* Sets the Toggle in a disabled state
|
|
5325
|
-
* @default false
|
|
5326
4795
|
*/
|
|
5327
4796
|
"disabled"?: boolean;
|
|
5328
4797
|
/**
|
|
@@ -5342,12 +4811,10 @@ declare namespace LocalJSX {
|
|
|
5342
4811
|
}>) => void;
|
|
5343
4812
|
/**
|
|
5344
4813
|
* Make the Toggle required
|
|
5345
|
-
* @default false
|
|
5346
4814
|
*/
|
|
5347
4815
|
"required"?: boolean;
|
|
5348
4816
|
/**
|
|
5349
4817
|
* Size of the Toggle
|
|
5350
|
-
* @default 'lg'
|
|
5351
4818
|
*/
|
|
5352
4819
|
"size"?: 'sm' | 'lg';
|
|
5353
4820
|
/**
|
|
@@ -5356,34 +4823,28 @@ declare namespace LocalJSX {
|
|
|
5356
4823
|
"tdsAriaLabel"?: string;
|
|
5357
4824
|
/**
|
|
5358
4825
|
* ID of the Toggle's input element, if not specified, it's randomly generated
|
|
5359
|
-
* @default generateUniqueId()
|
|
5360
4826
|
*/
|
|
5361
4827
|
"toggleId"?: string;
|
|
5362
4828
|
}
|
|
5363
4829
|
interface TdsTooltip {
|
|
5364
4830
|
/**
|
|
5365
4831
|
* Decides if the component should be visible from the start.
|
|
5366
|
-
* @default false
|
|
5367
4832
|
*/
|
|
5368
4833
|
"defaultShow"?: boolean;
|
|
5369
4834
|
/**
|
|
5370
4835
|
* Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
|
|
5371
|
-
* @default false
|
|
5372
4836
|
*/
|
|
5373
4837
|
"mouseOverTooltip"?: boolean;
|
|
5374
4838
|
/**
|
|
5375
4839
|
* Sets the offset distance
|
|
5376
|
-
* @default 8
|
|
5377
4840
|
*/
|
|
5378
4841
|
"offsetDistance"?: number;
|
|
5379
4842
|
/**
|
|
5380
4843
|
* Sets the offset skidding
|
|
5381
|
-
* @default 0
|
|
5382
4844
|
*/
|
|
5383
4845
|
"offsetSkidding"?: number;
|
|
5384
4846
|
/**
|
|
5385
4847
|
* Placement of Tooltip.
|
|
5386
|
-
* @default 'bottom'
|
|
5387
4848
|
*/
|
|
5388
4849
|
"placement"?: Placement;
|
|
5389
4850
|
/**
|
|
@@ -5396,7 +4857,6 @@ declare namespace LocalJSX {
|
|
|
5396
4857
|
"selector"?: string;
|
|
5397
4858
|
/**
|
|
5398
4859
|
* Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
|
|
5399
|
-
* @default null
|
|
5400
4860
|
*/
|
|
5401
4861
|
"show"?: boolean;
|
|
5402
4862
|
/**
|
|
@@ -5405,12 +4865,10 @@ declare namespace LocalJSX {
|
|
|
5405
4865
|
"tdsAriaDescribedby"?: string;
|
|
5406
4866
|
/**
|
|
5407
4867
|
* In case Tooltip contains only text, no HTML, a text can be passed by this prop
|
|
5408
|
-
* @default ''
|
|
5409
4868
|
*/
|
|
5410
4869
|
"text"?: string;
|
|
5411
4870
|
/**
|
|
5412
4871
|
* What triggers the popover to show
|
|
5413
|
-
* @default 'hover'
|
|
5414
4872
|
*/
|
|
5415
4873
|
"trigger"?: 'click' | 'hover';
|
|
5416
4874
|
}
|