@scania/tegel 1.41.0-stencil-core-beta.0 → 1.42.0-input-decimal-fix-beta.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 +58 -42
- 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.css +8 -0
- package/dist/collection/components/text-field/text-field.js +124 -104
- 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-Ip9G3co9.js → p-152b0078.js} +64 -50
- 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-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 +56 -42
- 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-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-f7e8b26c.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/text-field/text-field.d.ts +12 -1
- package/dist/types/components.d.ts +21 -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
|
/**
|
|
@@ -1785,19 +1558,20 @@ export namespace Components {
|
|
|
1785
1558
|
* Helper text
|
|
1786
1559
|
*/
|
|
1787
1560
|
"helper": string;
|
|
1561
|
+
/**
|
|
1562
|
+
* Hides the native arrows on number input type
|
|
1563
|
+
*/
|
|
1564
|
+
"hideNumberArrows": boolean;
|
|
1788
1565
|
/**
|
|
1789
1566
|
* Hides the read-only icon in the Text Field. Requires Read Only to be enabled.
|
|
1790
|
-
* @default false
|
|
1791
1567
|
*/
|
|
1792
1568
|
"hideReadOnlyIcon": boolean;
|
|
1793
1569
|
/**
|
|
1794
1570
|
* Label text
|
|
1795
|
-
* @default ''
|
|
1796
1571
|
*/
|
|
1797
1572
|
"label": string;
|
|
1798
1573
|
/**
|
|
1799
1574
|
* Position of the label for the Text Field.
|
|
1800
|
-
* @default 'no-label'
|
|
1801
1575
|
*/
|
|
1802
1576
|
"labelPosition": 'inside' | 'outside' | 'no-label';
|
|
1803
1577
|
/**
|
|
@@ -1814,63 +1588,56 @@ export namespace Components {
|
|
|
1814
1588
|
"min": string | number;
|
|
1815
1589
|
/**
|
|
1816
1590
|
* Mode variant of the Text Field
|
|
1817
|
-
* @default null
|
|
1818
1591
|
*/
|
|
1819
1592
|
"modeVariant": 'primary' | 'secondary';
|
|
1820
1593
|
/**
|
|
1821
1594
|
* Name property
|
|
1822
|
-
* @default ''
|
|
1823
1595
|
*/
|
|
1824
1596
|
"name": string;
|
|
1825
1597
|
/**
|
|
1826
1598
|
* Unset minimum width of 208px.
|
|
1827
|
-
* @default false
|
|
1828
1599
|
*/
|
|
1829
1600
|
"noMinWidth": boolean;
|
|
1830
1601
|
/**
|
|
1831
1602
|
* Placeholder text
|
|
1832
|
-
* @default ''
|
|
1833
1603
|
*/
|
|
1834
1604
|
"placeholder": string;
|
|
1835
1605
|
/**
|
|
1836
1606
|
* Set input in readonly state
|
|
1837
|
-
* @default false
|
|
1838
1607
|
*/
|
|
1839
1608
|
"readOnly": boolean;
|
|
1840
1609
|
/**
|
|
1841
1610
|
* Makes the text field required
|
|
1842
|
-
* @default false
|
|
1843
1611
|
*/
|
|
1844
1612
|
"required": boolean;
|
|
1845
1613
|
/**
|
|
1846
1614
|
* Size of the input
|
|
1847
|
-
* @default 'lg'
|
|
1848
1615
|
*/
|
|
1849
1616
|
"size": 'sm' | 'md' | 'lg';
|
|
1850
1617
|
/**
|
|
1851
1618
|
* Error state of input
|
|
1852
|
-
* @default 'default'
|
|
1853
1619
|
*/
|
|
1854
1620
|
"state": 'error' | 'success' | 'default';
|
|
1621
|
+
/**
|
|
1622
|
+
* Step value for input type number
|
|
1623
|
+
*/
|
|
1624
|
+
"step": string | number;
|
|
1855
1625
|
/**
|
|
1856
1626
|
* Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true.
|
|
1857
1627
|
*/
|
|
1858
1628
|
"tdsAriaLabel": string;
|
|
1859
1629
|
/**
|
|
1860
1630
|
* Which input type, text, password or similar
|
|
1861
|
-
* @default 'text'
|
|
1862
1631
|
*/
|
|
1863
1632
|
"type": 'text' | 'password' | 'number' | 'email' | 'tel';
|
|
1864
1633
|
/**
|
|
1865
1634
|
* Value of the input text
|
|
1866
|
-
* @default ''
|
|
1867
1635
|
*/
|
|
1868
1636
|
"value": string;
|
|
1869
1637
|
}
|
|
1870
1638
|
interface TdsTextarea {
|
|
1871
1639
|
/**
|
|
1872
1640
|
* Control of autofocus
|
|
1873
|
-
* @default false
|
|
1874
1641
|
*/
|
|
1875
1642
|
"autofocus": boolean;
|
|
1876
1643
|
/**
|
|
@@ -1879,7 +1646,6 @@ export namespace Components {
|
|
|
1879
1646
|
"cols": number;
|
|
1880
1647
|
/**
|
|
1881
1648
|
* Set input in disabled state
|
|
1882
|
-
* @default false
|
|
1883
1649
|
*/
|
|
1884
1650
|
"disabled": boolean;
|
|
1885
1651
|
/**
|
|
@@ -1892,17 +1658,14 @@ export namespace Components {
|
|
|
1892
1658
|
"helper": string;
|
|
1893
1659
|
/**
|
|
1894
1660
|
* Hide the readonly icon
|
|
1895
|
-
* @default false
|
|
1896
1661
|
*/
|
|
1897
1662
|
"hideReadOnlyIcon": boolean;
|
|
1898
1663
|
/**
|
|
1899
1664
|
* Label text
|
|
1900
|
-
* @default ''
|
|
1901
1665
|
*/
|
|
1902
1666
|
"label": string;
|
|
1903
1667
|
/**
|
|
1904
1668
|
* Position of the label for the Textarea.
|
|
1905
|
-
* @default 'no-label'
|
|
1906
1669
|
*/
|
|
1907
1670
|
"labelPosition": 'inside' | 'outside' | 'no-label';
|
|
1908
1671
|
/**
|
|
@@ -1911,27 +1674,22 @@ export namespace Components {
|
|
|
1911
1674
|
"maxLength": number;
|
|
1912
1675
|
/**
|
|
1913
1676
|
* Mode variant of the Textarea
|
|
1914
|
-
* @default null
|
|
1915
1677
|
*/
|
|
1916
1678
|
"modeVariant": 'primary' | 'secondary';
|
|
1917
1679
|
/**
|
|
1918
1680
|
* Name attribute
|
|
1919
|
-
* @default ''
|
|
1920
1681
|
*/
|
|
1921
1682
|
"name": string;
|
|
1922
1683
|
/**
|
|
1923
1684
|
* Unset minimum width of 208px.
|
|
1924
|
-
* @default false
|
|
1925
1685
|
*/
|
|
1926
1686
|
"noMinWidth": boolean;
|
|
1927
1687
|
/**
|
|
1928
1688
|
* Placeholder text
|
|
1929
|
-
* @default ''
|
|
1930
1689
|
*/
|
|
1931
1690
|
"placeholder": string;
|
|
1932
1691
|
/**
|
|
1933
1692
|
* Set input in readonly state
|
|
1934
|
-
* @default false
|
|
1935
1693
|
*/
|
|
1936
1694
|
"readOnly": boolean;
|
|
1937
1695
|
/**
|
|
@@ -1940,7 +1698,6 @@ export namespace Components {
|
|
|
1940
1698
|
"rows": number;
|
|
1941
1699
|
/**
|
|
1942
1700
|
* Error state of input
|
|
1943
|
-
* @default 'default'
|
|
1944
1701
|
*/
|
|
1945
1702
|
"state": 'error' | 'success' | 'default';
|
|
1946
1703
|
/**
|
|
@@ -1949,14 +1706,12 @@ export namespace Components {
|
|
|
1949
1706
|
"tdsAriaLabel": string;
|
|
1950
1707
|
/**
|
|
1951
1708
|
* Value of the input text
|
|
1952
|
-
* @default ''
|
|
1953
1709
|
*/
|
|
1954
1710
|
"value": string;
|
|
1955
1711
|
}
|
|
1956
1712
|
interface TdsToast {
|
|
1957
1713
|
/**
|
|
1958
1714
|
* Enables the close button.
|
|
1959
|
-
* @default true
|
|
1960
1715
|
*/
|
|
1961
1716
|
"closable": boolean;
|
|
1962
1717
|
/**
|
|
@@ -1965,7 +1720,6 @@ export namespace Components {
|
|
|
1965
1720
|
"header": string;
|
|
1966
1721
|
/**
|
|
1967
1722
|
* Hides the Toast.
|
|
1968
|
-
* @default false
|
|
1969
1723
|
*/
|
|
1970
1724
|
"hidden": boolean;
|
|
1971
1725
|
/**
|
|
@@ -1982,7 +1736,6 @@ export namespace Components {
|
|
|
1982
1736
|
"subheader": string;
|
|
1983
1737
|
/**
|
|
1984
1738
|
* ARIA live for the Toast.
|
|
1985
|
-
* @default 'polite'
|
|
1986
1739
|
*/
|
|
1987
1740
|
"tdsAriaLive": 'polite' | 'assertive';
|
|
1988
1741
|
/**
|
|
@@ -1991,29 +1744,24 @@ export namespace Components {
|
|
|
1991
1744
|
"tdsCloseAriaLabel": string;
|
|
1992
1745
|
/**
|
|
1993
1746
|
* ID for the Toast. Randomly generated if not specified.
|
|
1994
|
-
* @default generateUniqueId()
|
|
1995
1747
|
*/
|
|
1996
1748
|
"toastId": string;
|
|
1997
1749
|
/**
|
|
1998
1750
|
* ARIA role for the Toast.
|
|
1999
|
-
* @default 'alert'
|
|
2000
1751
|
*/
|
|
2001
1752
|
"toastRole": 'alert' | 'log' | 'status';
|
|
2002
1753
|
/**
|
|
2003
1754
|
* Type of Toast.
|
|
2004
|
-
* @default 'information'
|
|
2005
1755
|
*/
|
|
2006
1756
|
"variant": 'information' | 'error' | 'warning' | 'success';
|
|
2007
1757
|
}
|
|
2008
1758
|
interface TdsToggle {
|
|
2009
1759
|
/**
|
|
2010
1760
|
* Sets the Toggle as checked
|
|
2011
|
-
* @default false
|
|
2012
1761
|
*/
|
|
2013
1762
|
"checked": boolean;
|
|
2014
1763
|
/**
|
|
2015
1764
|
* Sets the Toggle in a disabled state
|
|
2016
|
-
* @default false
|
|
2017
1765
|
*/
|
|
2018
1766
|
"disabled": boolean;
|
|
2019
1767
|
/**
|
|
@@ -2030,12 +1778,10 @@ export namespace Components {
|
|
|
2030
1778
|
"name": string;
|
|
2031
1779
|
/**
|
|
2032
1780
|
* Make the Toggle required
|
|
2033
|
-
* @default false
|
|
2034
1781
|
*/
|
|
2035
1782
|
"required": boolean;
|
|
2036
1783
|
/**
|
|
2037
1784
|
* Size of the Toggle
|
|
2038
|
-
* @default 'lg'
|
|
2039
1785
|
*/
|
|
2040
1786
|
"size": 'sm' | 'lg';
|
|
2041
1787
|
/**
|
|
@@ -2048,34 +1794,28 @@ export namespace Components {
|
|
|
2048
1794
|
"toggle": () => Promise<{ toggleId: string; checked: boolean; }>;
|
|
2049
1795
|
/**
|
|
2050
1796
|
* ID of the Toggle's input element, if not specified, it's randomly generated
|
|
2051
|
-
* @default generateUniqueId()
|
|
2052
1797
|
*/
|
|
2053
1798
|
"toggleId": string;
|
|
2054
1799
|
}
|
|
2055
1800
|
interface TdsTooltip {
|
|
2056
1801
|
/**
|
|
2057
1802
|
* Decides if the component should be visible from the start.
|
|
2058
|
-
* @default false
|
|
2059
1803
|
*/
|
|
2060
1804
|
"defaultShow": boolean;
|
|
2061
1805
|
/**
|
|
2062
1806
|
* Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
|
|
2063
|
-
* @default false
|
|
2064
1807
|
*/
|
|
2065
1808
|
"mouseOverTooltip": boolean;
|
|
2066
1809
|
/**
|
|
2067
1810
|
* Sets the offset distance
|
|
2068
|
-
* @default 8
|
|
2069
1811
|
*/
|
|
2070
1812
|
"offsetDistance": number;
|
|
2071
1813
|
/**
|
|
2072
1814
|
* Sets the offset skidding
|
|
2073
|
-
* @default 0
|
|
2074
1815
|
*/
|
|
2075
1816
|
"offsetSkidding": number;
|
|
2076
1817
|
/**
|
|
2077
1818
|
* Placement of Tooltip.
|
|
2078
|
-
* @default 'bottom'
|
|
2079
1819
|
*/
|
|
2080
1820
|
"placement": Placement;
|
|
2081
1821
|
/**
|
|
@@ -2088,7 +1828,6 @@ export namespace Components {
|
|
|
2088
1828
|
"selector": string;
|
|
2089
1829
|
/**
|
|
2090
1830
|
* Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
|
|
2091
|
-
* @default null
|
|
2092
1831
|
*/
|
|
2093
1832
|
"show": boolean;
|
|
2094
1833
|
/**
|
|
@@ -2097,12 +1836,10 @@ export namespace Components {
|
|
|
2097
1836
|
"tdsAriaDescribedby": string;
|
|
2098
1837
|
/**
|
|
2099
1838
|
* In case Tooltip contains only text, no HTML, a text can be passed by this prop
|
|
2100
|
-
* @default ''
|
|
2101
1839
|
*/
|
|
2102
1840
|
"text": string;
|
|
2103
1841
|
/**
|
|
2104
1842
|
* What triggers the popover to show
|
|
2105
|
-
* @default 'hover'
|
|
2106
1843
|
*/
|
|
2107
1844
|
"trigger": 'click' | 'hover';
|
|
2108
1845
|
}
|
|
@@ -3074,6 +2811,7 @@ declare global {
|
|
|
3074
2811
|
"tdsInput": InputEvent;
|
|
3075
2812
|
"tdsFocus": FocusEvent;
|
|
3076
2813
|
"tdsBlur": FocusEvent;
|
|
2814
|
+
"tdsError": { originalValue: string; clampedValue: string; reason: 'min' | 'max' };
|
|
3077
2815
|
}
|
|
3078
2816
|
interface HTMLTdsTextFieldElement extends Components.TdsTextField, HTMLStencilElement {
|
|
3079
2817
|
addEventListener<K extends keyof HTMLTdsTextFieldElementEventMap>(type: K, listener: (this: HTMLTdsTextFieldElement, ev: TdsTextFieldCustomEvent<HTMLTdsTextFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -3244,39 +2982,32 @@ declare namespace LocalJSX {
|
|
|
3244
2982
|
interface TdsAccordion {
|
|
3245
2983
|
/**
|
|
3246
2984
|
* Removes the bottom border of the last Accordion item.
|
|
3247
|
-
* @default false
|
|
3248
2985
|
*/
|
|
3249
2986
|
"hideLastBorder"?: boolean;
|
|
3250
2987
|
/**
|
|
3251
2988
|
* Set the variant of the Accordion.
|
|
3252
|
-
* @default null
|
|
3253
2989
|
*/
|
|
3254
2990
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3255
2991
|
}
|
|
3256
2992
|
interface TdsAccordionItem {
|
|
3257
2993
|
/**
|
|
3258
2994
|
* Specifies the heading level (aria-level) for accessibility. Only accepts values between 1 and 6.
|
|
3259
|
-
* @default '6'
|
|
3260
2995
|
*/
|
|
3261
2996
|
"ariaLevelValue"?: '1' | '2' | '3' | '4' | '5' | '6';
|
|
3262
2997
|
/**
|
|
3263
2998
|
* Disabled option in `boolean`.
|
|
3264
|
-
* @default false
|
|
3265
2999
|
*/
|
|
3266
3000
|
"disabled"?: boolean;
|
|
3267
3001
|
/**
|
|
3268
3002
|
* Changes position of the expand icon.
|
|
3269
|
-
* @default 'end'
|
|
3270
3003
|
*/
|
|
3271
3004
|
"expandIconPosition"?: 'start' | 'end';
|
|
3272
3005
|
/**
|
|
3273
3006
|
* Set to true to expand panel open
|
|
3274
|
-
* @default false
|
|
3275
3007
|
*/
|
|
3276
3008
|
"expanded"?: boolean;
|
|
3277
3009
|
/**
|
|
3278
3010
|
* The header gives users the context about the additional information available inside the panel
|
|
3279
|
-
* @default ''
|
|
3280
3011
|
*/
|
|
3281
3012
|
"header"?: string;
|
|
3282
3013
|
/**
|
|
@@ -3287,36 +3018,30 @@ declare namespace LocalJSX {
|
|
|
3287
3018
|
}>) => void;
|
|
3288
3019
|
/**
|
|
3289
3020
|
* When true, 16px on right padding instead of 64px
|
|
3290
|
-
* @default false
|
|
3291
3021
|
*/
|
|
3292
3022
|
"paddingReset"?: boolean;
|
|
3293
3023
|
}
|
|
3294
3024
|
interface TdsBadge {
|
|
3295
3025
|
/**
|
|
3296
3026
|
* Changes visibility of Badge
|
|
3297
|
-
* @default false
|
|
3298
3027
|
*/
|
|
3299
3028
|
"hidden"?: boolean;
|
|
3300
3029
|
/**
|
|
3301
3030
|
* Sets component size.
|
|
3302
|
-
* @default 'lg'
|
|
3303
3031
|
*/
|
|
3304
3032
|
"size"?: 'lg' | 'sm';
|
|
3305
3033
|
/**
|
|
3306
3034
|
* Defines aria-live attribute
|
|
3307
|
-
* @default 'polite'
|
|
3308
3035
|
*/
|
|
3309
3036
|
"tdsAriaLive"?: 'off' | 'polite' | 'assertive';
|
|
3310
3037
|
/**
|
|
3311
3038
|
* Value shown in Badge
|
|
3312
|
-
* @default ''
|
|
3313
3039
|
*/
|
|
3314
3040
|
"value"?: string;
|
|
3315
3041
|
}
|
|
3316
3042
|
interface TdsBanner {
|
|
3317
3043
|
/**
|
|
3318
3044
|
* 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
3045
|
*/
|
|
3321
3046
|
"bannerId"?: string;
|
|
3322
3047
|
/**
|
|
@@ -3325,7 +3050,6 @@ declare namespace LocalJSX {
|
|
|
3325
3050
|
"header"?: string;
|
|
3326
3051
|
/**
|
|
3327
3052
|
* Hides the Banner
|
|
3328
|
-
* @default false
|
|
3329
3053
|
*/
|
|
3330
3054
|
"hidden"?: boolean;
|
|
3331
3055
|
/**
|
|
@@ -3340,7 +3064,6 @@ declare namespace LocalJSX {
|
|
|
3340
3064
|
}>) => void;
|
|
3341
3065
|
/**
|
|
3342
3066
|
* 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
3067
|
*/
|
|
3345
3068
|
"roleType"?: 'banner' | 'region' | 'alert';
|
|
3346
3069
|
/**
|
|
@@ -3349,7 +3072,6 @@ declare namespace LocalJSX {
|
|
|
3349
3072
|
"subheader"?: string;
|
|
3350
3073
|
/**
|
|
3351
3074
|
* Variant of Banner
|
|
3352
|
-
* @default 'default'
|
|
3353
3075
|
*/
|
|
3354
3076
|
"variant"?: 'error' | 'information' | 'default';
|
|
3355
3077
|
}
|
|
@@ -3361,7 +3083,6 @@ declare namespace LocalJSX {
|
|
|
3361
3083
|
interface TdsBlock {
|
|
3362
3084
|
/**
|
|
3363
3085
|
* Specifies the HTML tag to be used for the component wrapper.
|
|
3364
|
-
* @default 'div'
|
|
3365
3086
|
*/
|
|
3366
3087
|
"componentTag"?: | 'section'
|
|
3367
3088
|
| 'div'
|
|
@@ -3373,7 +3094,6 @@ declare namespace LocalJSX {
|
|
|
3373
3094
|
| 'main';
|
|
3374
3095
|
/**
|
|
3375
3096
|
* Mode variant of the component, based on current mode.
|
|
3376
|
-
* @default null
|
|
3377
3097
|
*/
|
|
3378
3098
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3379
3099
|
}
|
|
@@ -3388,7 +3108,6 @@ declare namespace LocalJSX {
|
|
|
3388
3108
|
"cellValue"?: string | number;
|
|
3389
3109
|
/**
|
|
3390
3110
|
* Disables internal padding. Useful when passing other components to cell.
|
|
3391
|
-
* @default false
|
|
3392
3111
|
*/
|
|
3393
3112
|
"disablePadding"?: boolean;
|
|
3394
3113
|
/**
|
|
@@ -3399,7 +3118,6 @@ declare namespace LocalJSX {
|
|
|
3399
3118
|
interface TdsBreadcrumb {
|
|
3400
3119
|
/**
|
|
3401
3120
|
* Boolean for the current link
|
|
3402
|
-
* @default false
|
|
3403
3121
|
*/
|
|
3404
3122
|
"current"?: boolean;
|
|
3405
3123
|
}
|
|
@@ -3412,22 +3130,18 @@ declare namespace LocalJSX {
|
|
|
3412
3130
|
interface TdsButton {
|
|
3413
3131
|
/**
|
|
3414
3132
|
* Determines if and how the button should animate.
|
|
3415
|
-
* @default 'none'
|
|
3416
3133
|
*/
|
|
3417
3134
|
"animation"?: 'none' | 'fade';
|
|
3418
3135
|
/**
|
|
3419
3136
|
* Control for disabled state of a component
|
|
3420
|
-
* @default false
|
|
3421
3137
|
*/
|
|
3422
3138
|
"disabled"?: boolean;
|
|
3423
3139
|
/**
|
|
3424
3140
|
* When enabled, the Button takes 100% width
|
|
3425
|
-
* @default false
|
|
3426
3141
|
*/
|
|
3427
3142
|
"fullbleed"?: boolean;
|
|
3428
3143
|
/**
|
|
3429
3144
|
* Set the mode variant of the Button.
|
|
3430
|
-
* @default null
|
|
3431
3145
|
*/
|
|
3432
3146
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3433
3147
|
/**
|
|
@@ -3436,7 +3150,6 @@ declare namespace LocalJSX {
|
|
|
3436
3150
|
"name"?: string;
|
|
3437
3151
|
/**
|
|
3438
3152
|
* Size of a Button
|
|
3439
|
-
* @default 'lg'
|
|
3440
3153
|
*/
|
|
3441
3154
|
"size"?: 'xs' | 'sm' | 'md' | 'lg';
|
|
3442
3155
|
/**
|
|
@@ -3449,7 +3162,6 @@ declare namespace LocalJSX {
|
|
|
3449
3162
|
"text"?: string;
|
|
3450
3163
|
/**
|
|
3451
3164
|
* Button's type
|
|
3452
|
-
* @default 'button'
|
|
3453
3165
|
*/
|
|
3454
3166
|
"type"?: 'button' | 'submit' | 'reset';
|
|
3455
3167
|
/**
|
|
@@ -3458,14 +3170,12 @@ declare namespace LocalJSX {
|
|
|
3458
3170
|
"value"?: string;
|
|
3459
3171
|
/**
|
|
3460
3172
|
* Variation of Button's design
|
|
3461
|
-
* @default 'primary'
|
|
3462
3173
|
*/
|
|
3463
3174
|
"variant"?: 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
3464
3175
|
}
|
|
3465
3176
|
interface TdsCard {
|
|
3466
3177
|
/**
|
|
3467
3178
|
* Divider for the body
|
|
3468
|
-
* @default false
|
|
3469
3179
|
*/
|
|
3470
3180
|
"bodyDivider"?: boolean;
|
|
3471
3181
|
/**
|
|
@@ -3478,22 +3188,18 @@ declare namespace LocalJSX {
|
|
|
3478
3188
|
"bodyImgAlt"?: string;
|
|
3479
3189
|
/**
|
|
3480
3190
|
* 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
3191
|
*/
|
|
3483
3192
|
"cardId"?: string;
|
|
3484
3193
|
/**
|
|
3485
3194
|
* Makes the Card clickable.
|
|
3486
|
-
* @default false
|
|
3487
3195
|
*/
|
|
3488
3196
|
"clickable"?: boolean;
|
|
3489
3197
|
/**
|
|
3490
3198
|
* Enables expandable behaviour. When true, clicking the header toggles content visibility.
|
|
3491
|
-
* @default false
|
|
3492
3199
|
*/
|
|
3493
3200
|
"expandable"?: boolean;
|
|
3494
3201
|
/**
|
|
3495
3202
|
* Tracks the current expanded state when expandable is enabled.
|
|
3496
|
-
* @default false
|
|
3497
3203
|
*/
|
|
3498
3204
|
"expanded"?: boolean;
|
|
3499
3205
|
/**
|
|
@@ -3502,12 +3208,10 @@ declare namespace LocalJSX {
|
|
|
3502
3208
|
"header"?: string;
|
|
3503
3209
|
/**
|
|
3504
3210
|
* Placement of the header
|
|
3505
|
-
* @default 'below-header'
|
|
3506
3211
|
*/
|
|
3507
3212
|
"imagePlacement"?: 'above-header' | 'below-header';
|
|
3508
3213
|
/**
|
|
3509
3214
|
* Variant of the Card based on the theme used.
|
|
3510
|
-
* @default null
|
|
3511
3215
|
*/
|
|
3512
3216
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3513
3217
|
/**
|
|
@@ -3516,9 +3220,6 @@ declare namespace LocalJSX {
|
|
|
3516
3220
|
"onTdsClick"?: (event: TdsCardCustomEvent<{
|
|
3517
3221
|
cardId: string;
|
|
3518
3222
|
}>) => void;
|
|
3519
|
-
/**
|
|
3520
|
-
* @default false
|
|
3521
|
-
*/
|
|
3522
3223
|
"stretch"?: boolean;
|
|
3523
3224
|
/**
|
|
3524
3225
|
* Subheader text in the header
|
|
@@ -3528,22 +3229,18 @@ declare namespace LocalJSX {
|
|
|
3528
3229
|
interface TdsCheckbox {
|
|
3529
3230
|
/**
|
|
3530
3231
|
* ID for the Checkbox's input element. Randomly generated if not specified.
|
|
3531
|
-
* @default generateUniqueId()
|
|
3532
3232
|
*/
|
|
3533
3233
|
"checkboxId"?: string;
|
|
3534
3234
|
/**
|
|
3535
3235
|
* Sets the Checkbox as checked
|
|
3536
|
-
* @default false
|
|
3537
3236
|
*/
|
|
3538
3237
|
"checked"?: boolean;
|
|
3539
3238
|
/**
|
|
3540
3239
|
* Sets the Checkbox in a disabled state
|
|
3541
|
-
* @default false
|
|
3542
3240
|
*/
|
|
3543
3241
|
"disabled"?: boolean;
|
|
3544
3242
|
/**
|
|
3545
3243
|
* Sets the Checkbox as indeterminate
|
|
3546
|
-
* @default false
|
|
3547
3244
|
*/
|
|
3548
3245
|
"indeterminate"?: boolean;
|
|
3549
3246
|
/**
|
|
@@ -3569,7 +3266,6 @@ declare namespace LocalJSX {
|
|
|
3569
3266
|
"onTdsFocus"?: (event: TdsCheckboxCustomEvent<FocusEvent>) => void;
|
|
3570
3267
|
/**
|
|
3571
3268
|
* Make the Checkbox required
|
|
3572
|
-
* @default false
|
|
3573
3269
|
*/
|
|
3574
3270
|
"required"?: boolean;
|
|
3575
3271
|
/**
|
|
@@ -3588,17 +3284,14 @@ declare namespace LocalJSX {
|
|
|
3588
3284
|
interface TdsChip {
|
|
3589
3285
|
/**
|
|
3590
3286
|
* Controls component's checked attribute. Valid only for type checkbox and radio.
|
|
3591
|
-
* @default false
|
|
3592
3287
|
*/
|
|
3593
3288
|
"checked"?: boolean;
|
|
3594
3289
|
/**
|
|
3595
3290
|
* 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
3291
|
*/
|
|
3598
3292
|
"chipId"?: string;
|
|
3599
3293
|
/**
|
|
3600
3294
|
* Sets the Chip in a disabled state
|
|
3601
|
-
* @default false
|
|
3602
3295
|
*/
|
|
3603
3296
|
"disabled"?: boolean;
|
|
3604
3297
|
/**
|
|
@@ -3621,7 +3314,6 @@ declare namespace LocalJSX {
|
|
|
3621
3314
|
}>) => void;
|
|
3622
3315
|
/**
|
|
3623
3316
|
* Size of the Chip component
|
|
3624
|
-
* @default 'lg'
|
|
3625
3317
|
*/
|
|
3626
3318
|
"size"?: 'sm' | 'lg';
|
|
3627
3319
|
/**
|
|
@@ -3630,7 +3322,6 @@ declare namespace LocalJSX {
|
|
|
3630
3322
|
"tdsAriaLabel"?: string;
|
|
3631
3323
|
/**
|
|
3632
3324
|
* Type of Chip, depends on usage
|
|
3633
|
-
* @default 'button'
|
|
3634
3325
|
*/
|
|
3635
3326
|
"type"?: 'button' | 'radio' | 'checkbox';
|
|
3636
3327
|
/**
|
|
@@ -3643,32 +3334,26 @@ declare namespace LocalJSX {
|
|
|
3643
3334
|
interface TdsDatetime {
|
|
3644
3335
|
/**
|
|
3645
3336
|
* Autofocus for input
|
|
3646
|
-
* @default false
|
|
3647
3337
|
*/
|
|
3648
3338
|
"autofocus"?: boolean;
|
|
3649
3339
|
/**
|
|
3650
3340
|
* 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
3341
|
*/
|
|
3653
3342
|
"defaultValue"?: string | 'none';
|
|
3654
3343
|
/**
|
|
3655
3344
|
* Set input in disabled state
|
|
3656
|
-
* @default false
|
|
3657
3345
|
*/
|
|
3658
3346
|
"disabled"?: boolean;
|
|
3659
3347
|
/**
|
|
3660
3348
|
* Helper text for the component
|
|
3661
|
-
* @default ''
|
|
3662
3349
|
*/
|
|
3663
3350
|
"helper"?: string;
|
|
3664
3351
|
/**
|
|
3665
3352
|
* Label text for the component
|
|
3666
|
-
* @default ''
|
|
3667
3353
|
*/
|
|
3668
3354
|
"label"?: string;
|
|
3669
3355
|
/**
|
|
3670
3356
|
* Position of the label
|
|
3671
|
-
* @default 'no-label'
|
|
3672
3357
|
*/
|
|
3673
3358
|
"labelPosition"?: 'inside' | 'outside' | 'no-label';
|
|
3674
3359
|
/**
|
|
@@ -3681,17 +3366,14 @@ declare namespace LocalJSX {
|
|
|
3681
3366
|
"min"?: string;
|
|
3682
3367
|
/**
|
|
3683
3368
|
* Set the variant of the Datetime component.
|
|
3684
|
-
* @default null
|
|
3685
3369
|
*/
|
|
3686
3370
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3687
3371
|
/**
|
|
3688
3372
|
* Name property. Uses a unique ID as fallback if not specified.
|
|
3689
|
-
* @default `datetime-${generateUniqueId()}`
|
|
3690
3373
|
*/
|
|
3691
3374
|
"name"?: string;
|
|
3692
3375
|
/**
|
|
3693
3376
|
* Resets min width rule
|
|
3694
|
-
* @default false
|
|
3695
3377
|
*/
|
|
3696
3378
|
"noMinWidth"?: boolean;
|
|
3697
3379
|
/**
|
|
@@ -3712,7 +3394,6 @@ declare namespace LocalJSX {
|
|
|
3712
3394
|
"onTdsInput"?: (event: TdsDatetimeCustomEvent<InputEvent>) => void;
|
|
3713
3395
|
/**
|
|
3714
3396
|
* Size of the input
|
|
3715
|
-
* @default 'lg'
|
|
3716
3397
|
*/
|
|
3717
3398
|
"size"?: 'sm' | 'md' | 'lg';
|
|
3718
3399
|
/**
|
|
@@ -3725,31 +3406,24 @@ declare namespace LocalJSX {
|
|
|
3725
3406
|
"tdsAriaLabel"?: string;
|
|
3726
3407
|
/**
|
|
3727
3408
|
* Sets an input type
|
|
3728
|
-
* @default 'datetime-local'
|
|
3729
3409
|
*/
|
|
3730
3410
|
"type"?: 'datetime-local' | 'date' | 'month' | 'week' | 'time';
|
|
3731
3411
|
/**
|
|
3732
3412
|
* Value of the input text
|
|
3733
|
-
* @default ''
|
|
3734
3413
|
*/
|
|
3735
3414
|
"value"?: string;
|
|
3736
3415
|
}
|
|
3737
3416
|
interface TdsDivider {
|
|
3738
3417
|
/**
|
|
3739
3418
|
* Orientation of the Divider, horizontal if not specified.
|
|
3740
|
-
* @default 'horizontal'
|
|
3741
3419
|
*/
|
|
3742
3420
|
"orientation"?: 'horizontal' | 'vertical';
|
|
3743
3421
|
/**
|
|
3744
3422
|
* Variant of the Divider, subtle if not specified.
|
|
3745
|
-
* @default 'subtle'
|
|
3746
3423
|
*/
|
|
3747
3424
|
"variant"?: 'discrete' | 'subtle' | 'soft' | 'defined' | 'dark-blue';
|
|
3748
3425
|
}
|
|
3749
3426
|
interface TdsDropdown {
|
|
3750
|
-
/**
|
|
3751
|
-
* @default 'slide'
|
|
3752
|
-
*/
|
|
3753
3427
|
"animation"?: 'none' | 'slide';
|
|
3754
3428
|
/**
|
|
3755
3429
|
* Default value selected in the Dropdown.
|
|
@@ -3757,17 +3431,14 @@ declare namespace LocalJSX {
|
|
|
3757
3431
|
"defaultValue"?: string | number;
|
|
3758
3432
|
/**
|
|
3759
3433
|
* Sets the Dropdown in a disabled state
|
|
3760
|
-
* @default false
|
|
3761
3434
|
*/
|
|
3762
3435
|
"disabled"?: boolean;
|
|
3763
3436
|
/**
|
|
3764
3437
|
* Sets the Dropdown in an error state
|
|
3765
|
-
* @default false
|
|
3766
3438
|
*/
|
|
3767
3439
|
"error"?: boolean;
|
|
3768
3440
|
/**
|
|
3769
3441
|
* Enables filtration in the Dropdown.
|
|
3770
|
-
* @default false
|
|
3771
3442
|
*/
|
|
3772
3443
|
"filter"?: boolean;
|
|
3773
3444
|
/**
|
|
@@ -3784,12 +3455,10 @@ declare namespace LocalJSX {
|
|
|
3784
3455
|
"labelPosition"?: 'inside' | 'outside';
|
|
3785
3456
|
/**
|
|
3786
3457
|
* Mode variant of the component, based on current mode.
|
|
3787
|
-
* @default null
|
|
3788
3458
|
*/
|
|
3789
3459
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3790
3460
|
/**
|
|
3791
3461
|
* Enables multiselect in the Dropdown.
|
|
3792
|
-
* @default false
|
|
3793
3462
|
*/
|
|
3794
3463
|
"multiselect"?: boolean;
|
|
3795
3464
|
/**
|
|
@@ -3798,12 +3467,10 @@ declare namespace LocalJSX {
|
|
|
3798
3467
|
"name"?: string;
|
|
3799
3468
|
/**
|
|
3800
3469
|
* 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
3470
|
*/
|
|
3803
3471
|
"noResultText"?: string;
|
|
3804
3472
|
/**
|
|
3805
3473
|
* Normalizes input text for fuzzier search
|
|
3806
|
-
* @default true
|
|
3807
3474
|
*/
|
|
3808
3475
|
"normalizeText"?: boolean;
|
|
3809
3476
|
/**
|
|
@@ -3831,7 +3498,6 @@ declare namespace LocalJSX {
|
|
|
3831
3498
|
"onTdsInput"?: (event: TdsDropdownCustomEvent<InputEvent>) => void;
|
|
3832
3499
|
/**
|
|
3833
3500
|
* The direction the Dropdown should open, auto if not specified.
|
|
3834
|
-
* @default 'auto'
|
|
3835
3501
|
*/
|
|
3836
3502
|
"openDirection"?: 'up' | 'down' | 'auto';
|
|
3837
3503
|
/**
|
|
@@ -3840,7 +3506,6 @@ declare namespace LocalJSX {
|
|
|
3840
3506
|
"placeholder"?: string;
|
|
3841
3507
|
/**
|
|
3842
3508
|
* The size of the Dropdown.
|
|
3843
|
-
* @default 'lg'
|
|
3844
3509
|
*/
|
|
3845
3510
|
"size"?: 'xs' | 'sm' | 'md' | 'lg';
|
|
3846
3511
|
/**
|
|
@@ -3849,14 +3514,12 @@ declare namespace LocalJSX {
|
|
|
3849
3514
|
"tdsAriaLabel"?: string;
|
|
3850
3515
|
/**
|
|
3851
3516
|
* Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
|
|
3852
|
-
* @default null
|
|
3853
3517
|
*/
|
|
3854
3518
|
"value"?: string | number | (string | number)[];
|
|
3855
3519
|
}
|
|
3856
3520
|
interface TdsDropdownOption {
|
|
3857
3521
|
/**
|
|
3858
3522
|
* Sets the option as disabled.
|
|
3859
|
-
* @default false
|
|
3860
3523
|
*/
|
|
3861
3524
|
"disabled"?: boolean;
|
|
3862
3525
|
/**
|
|
@@ -3886,19 +3549,16 @@ declare namespace LocalJSX {
|
|
|
3886
3549
|
interface TdsFolderTab {
|
|
3887
3550
|
/**
|
|
3888
3551
|
* Disables the Tab.
|
|
3889
|
-
* @default false
|
|
3890
3552
|
*/
|
|
3891
3553
|
"disabled"?: boolean;
|
|
3892
3554
|
}
|
|
3893
3555
|
interface TdsFolderTabs {
|
|
3894
3556
|
/**
|
|
3895
3557
|
* Sets the default selected Tab.
|
|
3896
|
-
* @default 0
|
|
3897
3558
|
*/
|
|
3898
3559
|
"defaultSelectedIndex"?: number;
|
|
3899
3560
|
/**
|
|
3900
3561
|
* Variant of the Tabs, primary= on white, secondary= on grey50
|
|
3901
|
-
* @default null
|
|
3902
3562
|
*/
|
|
3903
3563
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3904
3564
|
/**
|
|
@@ -3913,19 +3573,16 @@ declare namespace LocalJSX {
|
|
|
3913
3573
|
"selectedIndex"?: number;
|
|
3914
3574
|
/**
|
|
3915
3575
|
* Defines aria-label on left scroll button
|
|
3916
|
-
* @default 'Scroll left'
|
|
3917
3576
|
*/
|
|
3918
3577
|
"tdsScrollLeftAriaLabel"?: string;
|
|
3919
3578
|
/**
|
|
3920
3579
|
* Defines aria-label on right scroll button
|
|
3921
|
-
* @default 'Scroll right'
|
|
3922
3580
|
*/
|
|
3923
3581
|
"tdsScrollRightAriaLabel"?: string;
|
|
3924
3582
|
}
|
|
3925
3583
|
interface TdsFooter {
|
|
3926
3584
|
/**
|
|
3927
3585
|
* Mode variant of the component, based on current mode.
|
|
3928
|
-
* @default null
|
|
3929
3586
|
*/
|
|
3930
3587
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3931
3588
|
}
|
|
@@ -3960,7 +3617,6 @@ declare namespace LocalJSX {
|
|
|
3960
3617
|
"customWidth"?: string;
|
|
3961
3618
|
/**
|
|
3962
3619
|
* Disables internal padding. Useful when passing other components to cell.
|
|
3963
|
-
* @default false
|
|
3964
3620
|
*/
|
|
3965
3621
|
"disablePadding"?: boolean;
|
|
3966
3622
|
/**
|
|
@@ -3973,17 +3629,14 @@ declare namespace LocalJSX {
|
|
|
3973
3629
|
}>) => void;
|
|
3974
3630
|
/**
|
|
3975
3631
|
* Enables sorting on that column
|
|
3976
|
-
* @default false
|
|
3977
3632
|
*/
|
|
3978
3633
|
"sortable"?: boolean;
|
|
3979
3634
|
/**
|
|
3980
3635
|
* Aria label for the sort button, providing an accessible description
|
|
3981
|
-
* @default ''
|
|
3982
3636
|
*/
|
|
3983
3637
|
"tdsAriaLabelSortButton"?: string;
|
|
3984
3638
|
/**
|
|
3985
3639
|
* Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
|
|
3986
|
-
* @default 'left'
|
|
3987
3640
|
*/
|
|
3988
3641
|
"textAlign"?: 'left' | 'start' | 'right' | 'end' | 'center';
|
|
3989
3642
|
}
|
|
@@ -3994,12 +3647,10 @@ declare namespace LocalJSX {
|
|
|
3994
3647
|
"label"?: string;
|
|
3995
3648
|
/**
|
|
3996
3649
|
* If the dropdown icon (downwards chevron) should be hidden.
|
|
3997
|
-
* @default false
|
|
3998
3650
|
*/
|
|
3999
3651
|
"noDropdownIcon"?: boolean;
|
|
4000
3652
|
/**
|
|
4001
3653
|
* If the button that opens the dropdown should appear selected.
|
|
4002
|
-
* @default false
|
|
4003
3654
|
*/
|
|
4004
3655
|
"selected"?: boolean;
|
|
4005
3656
|
/**
|
|
@@ -4010,19 +3661,16 @@ declare namespace LocalJSX {
|
|
|
4010
3661
|
interface TdsHeaderDropdownList {
|
|
4011
3662
|
/**
|
|
4012
3663
|
* The size of the component.
|
|
4013
|
-
* @default 'md'
|
|
4014
3664
|
*/
|
|
4015
3665
|
"size"?: 'lg' | 'md';
|
|
4016
3666
|
}
|
|
4017
3667
|
interface TdsHeaderDropdownListItem {
|
|
4018
3668
|
/**
|
|
4019
3669
|
* If the link should appear selected.
|
|
4020
|
-
* @default false
|
|
4021
3670
|
*/
|
|
4022
3671
|
"selected"?: boolean;
|
|
4023
3672
|
/**
|
|
4024
3673
|
* The size of the component.
|
|
4025
|
-
* @default 'md'
|
|
4026
3674
|
*/
|
|
4027
3675
|
"size"?: 'md' | 'lg';
|
|
4028
3676
|
}
|
|
@@ -4053,12 +3701,10 @@ declare namespace LocalJSX {
|
|
|
4053
3701
|
interface TdsHeaderItem {
|
|
4054
3702
|
/**
|
|
4055
3703
|
* 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
3704
|
*/
|
|
4058
3705
|
"active"?: boolean;
|
|
4059
3706
|
/**
|
|
4060
3707
|
* If the button should appear selected.
|
|
4061
|
-
* @default false
|
|
4062
3708
|
*/
|
|
4063
3709
|
"selected"?: boolean;
|
|
4064
3710
|
}
|
|
@@ -4071,7 +3717,6 @@ declare namespace LocalJSX {
|
|
|
4071
3717
|
interface TdsHeaderLauncherButton {
|
|
4072
3718
|
/**
|
|
4073
3719
|
* 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
3720
|
*/
|
|
4076
3721
|
"active"?: boolean;
|
|
4077
3722
|
/**
|
|
@@ -4096,12 +3741,10 @@ declare namespace LocalJSX {
|
|
|
4096
3741
|
interface TdsIcon {
|
|
4097
3742
|
/**
|
|
4098
3743
|
* 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
3744
|
*/
|
|
4101
3745
|
"name"?: IconNames;
|
|
4102
3746
|
/**
|
|
4103
3747
|
* Pass a size of icon as a string, for example, 32px, 1rem, 4em...
|
|
4104
|
-
* @default '16px'
|
|
4105
3748
|
*/
|
|
4106
3749
|
"size"?: string;
|
|
4107
3750
|
/**
|
|
@@ -4114,31 +3757,26 @@ declare namespace LocalJSX {
|
|
|
4114
3757
|
"svgTitle"?: string;
|
|
4115
3758
|
/**
|
|
4116
3759
|
* Set aria-hidden attribute on svg
|
|
4117
|
-
* @default false
|
|
4118
3760
|
*/
|
|
4119
3761
|
"tdsAriaHidden"?: boolean;
|
|
4120
3762
|
}
|
|
4121
3763
|
interface TdsInlineTab {
|
|
4122
3764
|
/**
|
|
4123
3765
|
* Disables the Tab.
|
|
4124
|
-
* @default false
|
|
4125
3766
|
*/
|
|
4126
3767
|
"disabled"?: boolean;
|
|
4127
3768
|
}
|
|
4128
3769
|
interface TdsInlineTabs {
|
|
4129
3770
|
/**
|
|
4130
3771
|
* Sets the default selected Tab.
|
|
4131
|
-
* @default 0
|
|
4132
3772
|
*/
|
|
4133
3773
|
"defaultSelectedIndex"?: number;
|
|
4134
3774
|
/**
|
|
4135
3775
|
* Custom left padding value for the wrapper element.
|
|
4136
|
-
* @default 32
|
|
4137
3776
|
*/
|
|
4138
3777
|
"leftPadding"?: number;
|
|
4139
3778
|
/**
|
|
4140
3779
|
* Variant of the Tabs, primary= on white, secondary= on grey50
|
|
4141
|
-
* @default 'primary'
|
|
4142
3780
|
*/
|
|
4143
3781
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4144
3782
|
/**
|
|
@@ -4153,29 +3791,24 @@ declare namespace LocalJSX {
|
|
|
4153
3791
|
"selectedIndex"?: number;
|
|
4154
3792
|
/**
|
|
4155
3793
|
* Defines aria-label on left scroll button
|
|
4156
|
-
* @default 'Scroll left'
|
|
4157
3794
|
*/
|
|
4158
3795
|
"tdsScrollLeftAriaLabel"?: string;
|
|
4159
3796
|
/**
|
|
4160
3797
|
* Defines aria-label on right scroll button
|
|
4161
|
-
* @default 'Scroll right'
|
|
4162
3798
|
*/
|
|
4163
3799
|
"tdsScrollRightAriaLabel"?: string;
|
|
4164
3800
|
}
|
|
4165
3801
|
interface TdsLink {
|
|
4166
3802
|
/**
|
|
4167
3803
|
* Disables the Link
|
|
4168
|
-
* @default false
|
|
4169
3804
|
*/
|
|
4170
3805
|
"disabled"?: boolean;
|
|
4171
3806
|
/**
|
|
4172
3807
|
* Displays the Link as a standalone component. Not part of a paragraph.
|
|
4173
|
-
* @default false
|
|
4174
3808
|
*/
|
|
4175
3809
|
"standalone"?: boolean;
|
|
4176
3810
|
/**
|
|
4177
3811
|
* Displays the Link with an underline.
|
|
4178
|
-
* @default true
|
|
4179
3812
|
*/
|
|
4180
3813
|
"underline"?: boolean;
|
|
4181
3814
|
}
|
|
@@ -4186,22 +3819,18 @@ declare namespace LocalJSX {
|
|
|
4186
3819
|
"header"?: string;
|
|
4187
3820
|
/**
|
|
4188
3821
|
* Minimal Message styling.
|
|
4189
|
-
* @default false
|
|
4190
3822
|
*/
|
|
4191
3823
|
"minimal"?: boolean;
|
|
4192
3824
|
/**
|
|
4193
3825
|
* Variant of the component, based on current mode.
|
|
4194
|
-
* @default null
|
|
4195
3826
|
*/
|
|
4196
3827
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4197
3828
|
/**
|
|
4198
3829
|
* Removes the icon in the Message.
|
|
4199
|
-
* @default false
|
|
4200
3830
|
*/
|
|
4201
3831
|
"noIcon"?: boolean;
|
|
4202
3832
|
/**
|
|
4203
3833
|
* 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
3834
|
*/
|
|
4206
3835
|
"tdsAlertDialog"?: 'alertdialog' | 'dialog';
|
|
4207
3836
|
/**
|
|
@@ -4210,19 +3839,16 @@ declare namespace LocalJSX {
|
|
|
4210
3839
|
"tdsAriaLabel"?: string;
|
|
4211
3840
|
/**
|
|
4212
3841
|
* Variant of Message.
|
|
4213
|
-
* @default 'information'
|
|
4214
3842
|
*/
|
|
4215
3843
|
"variant"?: 'information' | 'error' | 'warning' | 'success';
|
|
4216
3844
|
}
|
|
4217
3845
|
interface TdsModal {
|
|
4218
3846
|
/**
|
|
4219
3847
|
* Changes the position behaviour of the actions slot.
|
|
4220
|
-
* @default 'static'
|
|
4221
3848
|
*/
|
|
4222
3849
|
"actionsPosition"?: 'sticky' | 'static';
|
|
4223
3850
|
/**
|
|
4224
3851
|
* Shows or hides the close [X] button.
|
|
4225
|
-
* @default true
|
|
4226
3852
|
*/
|
|
4227
3853
|
"closable"?: boolean;
|
|
4228
3854
|
/**
|
|
@@ -4239,7 +3865,6 @@ declare namespace LocalJSX {
|
|
|
4239
3865
|
"onTdsOpen"?: (event: TdsModalCustomEvent<void>) => void;
|
|
4240
3866
|
/**
|
|
4241
3867
|
* Disables closing Modal on clicking on overlay area.
|
|
4242
|
-
* @default false
|
|
4243
3868
|
*/
|
|
4244
3869
|
"prevent"?: boolean;
|
|
4245
3870
|
/**
|
|
@@ -4256,36 +3881,30 @@ declare namespace LocalJSX {
|
|
|
4256
3881
|
"show"?: boolean;
|
|
4257
3882
|
/**
|
|
4258
3883
|
* Size of Modal
|
|
4259
|
-
* @default 'md'
|
|
4260
3884
|
*/
|
|
4261
3885
|
"size"?: 'xs' | 'sm' | 'md' | 'lg';
|
|
4262
3886
|
/**
|
|
4263
3887
|
* 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
3888
|
*/
|
|
4266
3889
|
"tdsAlertDialog"?: 'alertdialog' | 'dialog';
|
|
4267
3890
|
}
|
|
4268
3891
|
interface TdsNavigationTab {
|
|
4269
3892
|
/**
|
|
4270
3893
|
* Disables the Tab.
|
|
4271
|
-
* @default false
|
|
4272
3894
|
*/
|
|
4273
3895
|
"disabled"?: boolean;
|
|
4274
3896
|
}
|
|
4275
3897
|
interface TdsNavigationTabs {
|
|
4276
3898
|
/**
|
|
4277
3899
|
* Sets the default selected Tab.
|
|
4278
|
-
* @default 0
|
|
4279
3900
|
*/
|
|
4280
3901
|
"defaultSelectedIndex"?: number;
|
|
4281
3902
|
/**
|
|
4282
3903
|
* Custom left padding value for the wrapper element.
|
|
4283
|
-
* @default 32
|
|
4284
3904
|
*/
|
|
4285
3905
|
"leftPadding"?: number;
|
|
4286
3906
|
/**
|
|
4287
3907
|
* Variant of the Tabs, primary= on white, secondary= on grey50
|
|
4288
|
-
* @default 'primary'
|
|
4289
3908
|
*/
|
|
4290
3909
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4291
3910
|
/**
|
|
@@ -4300,49 +3919,40 @@ declare namespace LocalJSX {
|
|
|
4300
3919
|
"selectedIndex"?: number;
|
|
4301
3920
|
/**
|
|
4302
3921
|
* Defines aria-label on left scroll button
|
|
4303
|
-
* @default 'Scroll left'
|
|
4304
3922
|
*/
|
|
4305
3923
|
"tdsScrollLeftAriaLabel"?: string;
|
|
4306
3924
|
/**
|
|
4307
3925
|
* Defines aria-label on right scroll button
|
|
4308
|
-
* @default 'Scroll right'
|
|
4309
3926
|
*/
|
|
4310
3927
|
"tdsScrollRightAriaLabel"?: string;
|
|
4311
3928
|
}
|
|
4312
3929
|
interface TdsPopoverCanvas {
|
|
4313
3930
|
/**
|
|
4314
3931
|
* Whether the popover should animate when being opened/closed or not
|
|
4315
|
-
* @default 'none'
|
|
4316
3932
|
*/
|
|
4317
3933
|
"animation"?: 'none' | 'fade' | string;
|
|
4318
3934
|
/**
|
|
4319
3935
|
* Decides if the component should be visible from the start.
|
|
4320
|
-
* @default false
|
|
4321
3936
|
*/
|
|
4322
3937
|
"defaultShow"?: boolean;
|
|
4323
3938
|
/**
|
|
4324
3939
|
* Mode variant of the component, based on current mode.
|
|
4325
|
-
* @default null
|
|
4326
3940
|
*/
|
|
4327
3941
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4328
3942
|
/**
|
|
4329
3943
|
* Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
|
|
4330
|
-
* @default []
|
|
4331
3944
|
*/
|
|
4332
3945
|
"modifiers"?: object[];
|
|
4333
3946
|
/**
|
|
4334
3947
|
* Sets the offset distance
|
|
4335
|
-
* @default 8
|
|
4336
3948
|
*/
|
|
4337
3949
|
"offsetDistance"?: number;
|
|
4338
3950
|
/**
|
|
4339
3951
|
* Sets the offset skidding
|
|
4340
|
-
* @default 0
|
|
4341
3952
|
*/
|
|
4342
3953
|
"offsetSkidding"?: number;
|
|
4343
3954
|
/**
|
|
4344
3955
|
* Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement
|
|
4345
|
-
* @default 'auto'
|
|
4346
3956
|
*/
|
|
4347
3957
|
"placement"?: Placement;
|
|
4348
3958
|
/**
|
|
@@ -4355,49 +3965,40 @@ declare namespace LocalJSX {
|
|
|
4355
3965
|
"selector"?: string;
|
|
4356
3966
|
/**
|
|
4357
3967
|
* 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
3968
|
*/
|
|
4360
3969
|
"show"?: boolean;
|
|
4361
3970
|
/**
|
|
4362
3971
|
* 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
3972
|
*/
|
|
4365
3973
|
"tdsAlertDialog"?: 'alertdialog' | 'dialog';
|
|
4366
3974
|
}
|
|
4367
3975
|
interface TdsPopoverCore {
|
|
4368
3976
|
/**
|
|
4369
3977
|
* Whether the popover should animate when being opened/closed or not
|
|
4370
|
-
* @default 'none'
|
|
4371
3978
|
*/
|
|
4372
3979
|
"animation"?: 'none' | 'fade' | string;
|
|
4373
3980
|
/**
|
|
4374
3981
|
* Decides if the popover should hide automatically. Alternatevly it can be hidden externally based on emitted events.
|
|
4375
|
-
* @default true
|
|
4376
3982
|
*/
|
|
4377
3983
|
"autoHide"?: boolean;
|
|
4378
3984
|
/**
|
|
4379
3985
|
* Decides if the component should be visible from the start.
|
|
4380
|
-
* @default false
|
|
4381
3986
|
*/
|
|
4382
3987
|
"defaultShow"?: boolean;
|
|
4383
3988
|
/**
|
|
4384
3989
|
* Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
|
|
4385
|
-
* @default []
|
|
4386
3990
|
*/
|
|
4387
3991
|
"modifiers"?: Object[];
|
|
4388
3992
|
/**
|
|
4389
3993
|
* Sets the offset distance
|
|
4390
|
-
* @default 8
|
|
4391
3994
|
*/
|
|
4392
3995
|
"offsetDistance"?: number;
|
|
4393
3996
|
/**
|
|
4394
3997
|
* Sets the offset skidding
|
|
4395
|
-
* @default 0
|
|
4396
3998
|
*/
|
|
4397
3999
|
"offsetSkidding"?: number;
|
|
4398
4000
|
/**
|
|
4399
4001
|
* Decides the placement of the Popover Menu
|
|
4400
|
-
* @default 'auto'
|
|
4401
4002
|
*/
|
|
4402
4003
|
"placement"?: Placement;
|
|
4403
4004
|
/**
|
|
@@ -4410,49 +4011,40 @@ declare namespace LocalJSX {
|
|
|
4410
4011
|
"selector"?: string;
|
|
4411
4012
|
/**
|
|
4412
4013
|
* 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
4014
|
*/
|
|
4415
4015
|
"show"?: boolean;
|
|
4416
4016
|
/**
|
|
4417
4017
|
* What triggers the popover to show
|
|
4418
|
-
* @default 'click'
|
|
4419
4018
|
*/
|
|
4420
4019
|
"trigger"?: 'click' | 'hover' | 'hover-popover';
|
|
4421
4020
|
}
|
|
4422
4021
|
interface TdsPopoverMenu {
|
|
4423
4022
|
/**
|
|
4424
4023
|
* Whether the popover should animate when being opened/closed or not
|
|
4425
|
-
* @default 'none'
|
|
4426
4024
|
*/
|
|
4427
4025
|
"animation"?: 'none' | 'fade' | string;
|
|
4428
4026
|
/**
|
|
4429
4027
|
* Decides if the component should be visible from the start.
|
|
4430
|
-
* @default false
|
|
4431
4028
|
*/
|
|
4432
4029
|
"defaultShow"?: boolean;
|
|
4433
4030
|
/**
|
|
4434
4031
|
* If true this unsets the width (160px) of the Popover Menu
|
|
4435
|
-
* @default false
|
|
4436
4032
|
*/
|
|
4437
4033
|
"fluidWidth"?: boolean;
|
|
4438
4034
|
/**
|
|
4439
4035
|
* Mode variant of the component, based on current mode.
|
|
4440
|
-
* @default null
|
|
4441
4036
|
*/
|
|
4442
4037
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4443
4038
|
/**
|
|
4444
4039
|
* Sets the offset distance
|
|
4445
|
-
* @default 8
|
|
4446
4040
|
*/
|
|
4447
4041
|
"offsetDistance"?: number;
|
|
4448
4042
|
/**
|
|
4449
4043
|
* Sets the offset skidding
|
|
4450
|
-
* @default 0
|
|
4451
4044
|
*/
|
|
4452
4045
|
"offsetSkidding"?: number;
|
|
4453
4046
|
/**
|
|
4454
4047
|
* Decides the placement of the Popover Menu
|
|
4455
|
-
* @default 'auto'
|
|
4456
4048
|
*/
|
|
4457
4049
|
"placement"?: Placement;
|
|
4458
4050
|
/**
|
|
@@ -4465,26 +4057,22 @@ declare namespace LocalJSX {
|
|
|
4465
4057
|
"selector"?: string;
|
|
4466
4058
|
/**
|
|
4467
4059
|
* 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
4060
|
*/
|
|
4470
4061
|
"show"?: boolean;
|
|
4471
4062
|
}
|
|
4472
4063
|
interface TdsPopoverMenuItem {
|
|
4473
4064
|
/**
|
|
4474
4065
|
* Disables the Popover Menu Item
|
|
4475
|
-
* @default false
|
|
4476
4066
|
*/
|
|
4477
4067
|
"disabled"?: boolean;
|
|
4478
4068
|
}
|
|
4479
4069
|
interface TdsRadioButton {
|
|
4480
4070
|
/**
|
|
4481
4071
|
* Decides if the Radio Button is checked or not.
|
|
4482
|
-
* @default false
|
|
4483
4072
|
*/
|
|
4484
4073
|
"checked"?: boolean;
|
|
4485
4074
|
/**
|
|
4486
4075
|
* Decides if the Radio Button is disabled or not.
|
|
4487
|
-
* @default false
|
|
4488
4076
|
*/
|
|
4489
4077
|
"disabled"?: boolean;
|
|
4490
4078
|
/**
|
|
@@ -4500,12 +4088,10 @@ declare namespace LocalJSX {
|
|
|
4500
4088
|
}>) => void;
|
|
4501
4089
|
/**
|
|
4502
4090
|
* Unique Radio Button identifier.
|
|
4503
|
-
* @default generateUniqueId()
|
|
4504
4091
|
*/
|
|
4505
4092
|
"radioId"?: string;
|
|
4506
4093
|
/**
|
|
4507
4094
|
* Decides if the Radio Button is required or not.
|
|
4508
|
-
* @default false
|
|
4509
4095
|
*/
|
|
4510
4096
|
"required"?: boolean;
|
|
4511
4097
|
/**
|
|
@@ -4524,7 +4110,6 @@ declare namespace LocalJSX {
|
|
|
4524
4110
|
interface TdsSideMenu {
|
|
4525
4111
|
/**
|
|
4526
4112
|
* 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
4113
|
*/
|
|
4529
4114
|
"collapsed"?: boolean;
|
|
4530
4115
|
/**
|
|
@@ -4533,12 +4118,10 @@ declare namespace LocalJSX {
|
|
|
4533
4118
|
"onTdsCollapse"?: (event: TdsSideMenuCustomEvent<CollapseEvent>) => void;
|
|
4534
4119
|
/**
|
|
4535
4120
|
* Applicable only for mobile. If the Side Menu is open or not.
|
|
4536
|
-
* @default false
|
|
4537
4121
|
*/
|
|
4538
4122
|
"open"?: boolean;
|
|
4539
4123
|
/**
|
|
4540
4124
|
* Applicable only for desktop. If the Side Menu should always be shown.
|
|
4541
|
-
* @default false
|
|
4542
4125
|
*/
|
|
4543
4126
|
"persistent"?: boolean;
|
|
4544
4127
|
}
|
|
@@ -4557,17 +4140,14 @@ declare namespace LocalJSX {
|
|
|
4557
4140
|
"buttonLabel"?: string;
|
|
4558
4141
|
/**
|
|
4559
4142
|
* If the dropdown should be open from the start.
|
|
4560
|
-
* @default false
|
|
4561
4143
|
*/
|
|
4562
4144
|
"defaultOpen"?: boolean;
|
|
4563
4145
|
/**
|
|
4564
4146
|
* Toggle open state programmatically
|
|
4565
|
-
* @default false
|
|
4566
4147
|
*/
|
|
4567
4148
|
"open"?: boolean;
|
|
4568
4149
|
/**
|
|
4569
4150
|
* If the button that opens the dropdown should appear selected.
|
|
4570
|
-
* @default false
|
|
4571
4151
|
*/
|
|
4572
4152
|
"selected"?: boolean;
|
|
4573
4153
|
}
|
|
@@ -4576,19 +4156,16 @@ declare namespace LocalJSX {
|
|
|
4576
4156
|
interface TdsSideMenuDropdownListItem {
|
|
4577
4157
|
/**
|
|
4578
4158
|
* If the item should appear selected.
|
|
4579
|
-
* @default false
|
|
4580
4159
|
*/
|
|
4581
4160
|
"selected"?: boolean;
|
|
4582
4161
|
}
|
|
4583
4162
|
interface TdsSideMenuItem {
|
|
4584
4163
|
/**
|
|
4585
4164
|
* 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
4165
|
*/
|
|
4588
4166
|
"active"?: boolean;
|
|
4589
4167
|
/**
|
|
4590
4168
|
* If the item should appear selected.
|
|
4591
|
-
* @default false
|
|
4592
4169
|
*/
|
|
4593
4170
|
"selected"?: boolean;
|
|
4594
4171
|
}
|
|
@@ -4635,37 +4212,30 @@ declare namespace LocalJSX {
|
|
|
4635
4212
|
interface TdsSlider {
|
|
4636
4213
|
/**
|
|
4637
4214
|
* Decide to show the controls or not
|
|
4638
|
-
* @default false
|
|
4639
4215
|
*/
|
|
4640
4216
|
"controls"?: boolean;
|
|
4641
4217
|
/**
|
|
4642
4218
|
* Sets the disabled state for the whole component
|
|
4643
|
-
* @default false
|
|
4644
4219
|
*/
|
|
4645
4220
|
"disabled"?: boolean;
|
|
4646
4221
|
/**
|
|
4647
4222
|
* Decide to show the input field or not
|
|
4648
|
-
* @default false
|
|
4649
4223
|
*/
|
|
4650
4224
|
"input"?: boolean;
|
|
4651
4225
|
/**
|
|
4652
4226
|
* Text for label
|
|
4653
|
-
* @default ''
|
|
4654
4227
|
*/
|
|
4655
4228
|
"label"?: string;
|
|
4656
4229
|
/**
|
|
4657
4230
|
* Maximum value
|
|
4658
|
-
* @default '100'
|
|
4659
4231
|
*/
|
|
4660
4232
|
"max"?: string;
|
|
4661
4233
|
/**
|
|
4662
4234
|
* Minimum value
|
|
4663
|
-
* @default '0'
|
|
4664
4235
|
*/
|
|
4665
4236
|
"min"?: string;
|
|
4666
4237
|
/**
|
|
4667
4238
|
* Name property (will be inherited by the native slider component)
|
|
4668
|
-
* @default ''
|
|
4669
4239
|
*/
|
|
4670
4240
|
"name"?: string;
|
|
4671
4241
|
/**
|
|
@@ -4682,69 +4252,56 @@ declare namespace LocalJSX {
|
|
|
4682
4252
|
}>) => void;
|
|
4683
4253
|
/**
|
|
4684
4254
|
* Sets the read only state for the whole component
|
|
4685
|
-
* @default false
|
|
4686
4255
|
*/
|
|
4687
4256
|
"readOnly"?: boolean;
|
|
4688
4257
|
/**
|
|
4689
4258
|
* Decide to show numbers above the tick markers or not
|
|
4690
|
-
* @default false
|
|
4691
4259
|
*/
|
|
4692
4260
|
"showTickNumbers"?: boolean;
|
|
4693
4261
|
/**
|
|
4694
4262
|
* ID for the Slider's input element, randomly generated if not specified.
|
|
4695
|
-
* @default generateUniqueId()
|
|
4696
4263
|
*/
|
|
4697
4264
|
"sliderId"?: string;
|
|
4698
4265
|
/**
|
|
4699
4266
|
* Snap to the tick's grid
|
|
4700
|
-
* @default false
|
|
4701
4267
|
*/
|
|
4702
4268
|
"snap"?: boolean;
|
|
4703
4269
|
/**
|
|
4704
4270
|
* Defines how much to increment/decrement the value when using controls
|
|
4705
|
-
* @default '1'
|
|
4706
4271
|
*/
|
|
4707
4272
|
"step"?: string;
|
|
4708
4273
|
/**
|
|
4709
4274
|
* Sets the aria-label for the slider control.
|
|
4710
|
-
* @default ''
|
|
4711
4275
|
*/
|
|
4712
4276
|
"tdsAriaLabel"?: string;
|
|
4713
4277
|
/**
|
|
4714
4278
|
* Sets the read only aria label for the input field
|
|
4715
|
-
* @default ''
|
|
4716
4279
|
*/
|
|
4717
4280
|
"tdsReadOnlyAriaLabel"?: string;
|
|
4718
4281
|
/**
|
|
4719
4282
|
* Sets the size of the thumb
|
|
4720
|
-
* @default 'lg'
|
|
4721
4283
|
*/
|
|
4722
4284
|
"thumbSize"?: 'sm' | 'lg';
|
|
4723
4285
|
/**
|
|
4724
4286
|
* Number of tick markers (tick for min- and max-value will be added automatically)
|
|
4725
|
-
* @default '0'
|
|
4726
4287
|
*/
|
|
4727
4288
|
"ticks"?: string;
|
|
4728
4289
|
/**
|
|
4729
4290
|
* Decide to show the tooltip or not
|
|
4730
|
-
* @default false
|
|
4731
4291
|
*/
|
|
4732
4292
|
"tooltip"?: boolean;
|
|
4733
4293
|
/**
|
|
4734
4294
|
* Initial value
|
|
4735
|
-
* @default '0'
|
|
4736
4295
|
*/
|
|
4737
4296
|
"value"?: string;
|
|
4738
4297
|
}
|
|
4739
4298
|
interface TdsSpinner {
|
|
4740
4299
|
/**
|
|
4741
4300
|
* Size of the Spinner
|
|
4742
|
-
* @default 'lg'
|
|
4743
4301
|
*/
|
|
4744
4302
|
"size"?: 'xs' | 'sm' | 'md' | 'lg';
|
|
4745
4303
|
/**
|
|
4746
4304
|
* Variant of the Spinner
|
|
4747
|
-
* @default 'standard'
|
|
4748
4305
|
*/
|
|
4749
4306
|
"variant"?: 'standard' | 'inverted';
|
|
4750
4307
|
}
|
|
@@ -4755,7 +4312,6 @@ declare namespace LocalJSX {
|
|
|
4755
4312
|
"index"?: string;
|
|
4756
4313
|
/**
|
|
4757
4314
|
* State of the Step
|
|
4758
|
-
* @default 'upcoming'
|
|
4759
4315
|
*/
|
|
4760
4316
|
"state"?: 'current' | 'error' | 'success' | 'upcoming';
|
|
4761
4317
|
"tdsAriaCurrent"?: string;
|
|
@@ -4763,59 +4319,48 @@ declare namespace LocalJSX {
|
|
|
4763
4319
|
interface TdsStepper {
|
|
4764
4320
|
/**
|
|
4765
4321
|
* Hides the label for the child components if true.
|
|
4766
|
-
* @default false
|
|
4767
4322
|
*/
|
|
4768
4323
|
"hideLabels"?: boolean;
|
|
4769
4324
|
/**
|
|
4770
4325
|
* Text position, only available on a direction: horizontal
|
|
4771
|
-
* @default 'below'
|
|
4772
4326
|
*/
|
|
4773
4327
|
"labelPosition"?: 'aside' | 'below';
|
|
4774
4328
|
/**
|
|
4775
4329
|
* The orientation the Steps
|
|
4776
|
-
* @default 'horizontal'
|
|
4777
4330
|
*/
|
|
4778
4331
|
"orientation"?: 'horizontal' | 'vertical';
|
|
4779
4332
|
/**
|
|
4780
4333
|
* Size of the component and it's children.
|
|
4781
|
-
* @default 'lg'
|
|
4782
4334
|
*/
|
|
4783
4335
|
"size"?: 'sm' | 'lg';
|
|
4784
4336
|
/**
|
|
4785
4337
|
* 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
4338
|
*/
|
|
4788
4339
|
"stepperId"?: string;
|
|
4789
4340
|
/**
|
|
4790
4341
|
* Label for the stepper component, for screen reader users
|
|
4791
|
-
* @default 'Progress steps'
|
|
4792
4342
|
*/
|
|
4793
4343
|
"tdsAriaLabel"?: string;
|
|
4794
4344
|
}
|
|
4795
4345
|
interface TdsTable {
|
|
4796
4346
|
/**
|
|
4797
4347
|
* Enables style where Table toolbar, rows and footer are less high
|
|
4798
|
-
* @default false
|
|
4799
4348
|
*/
|
|
4800
4349
|
"compactDesign"?: boolean;
|
|
4801
4350
|
/**
|
|
4802
4351
|
* Enables extended row feature of Table
|
|
4803
|
-
* @default false
|
|
4804
4352
|
*/
|
|
4805
4353
|
"expandableRows"?: boolean;
|
|
4806
4354
|
/**
|
|
4807
4355
|
* Width of the table, used as the constraint for horizontal scrolling. **NOTE**: this will disable usage of the responsive flag
|
|
4808
|
-
* @default null
|
|
4809
4356
|
*/
|
|
4810
4357
|
"horizontalScrollWidth"?: string;
|
|
4811
4358
|
/**
|
|
4812
4359
|
* Variant of the component, based on current mode.
|
|
4813
|
-
* @default null
|
|
4814
4360
|
*/
|
|
4815
4361
|
"modeVariant"?: 'primary' | 'secondary';
|
|
4816
4362
|
/**
|
|
4817
4363
|
* Enables multiselect feature of Table
|
|
4818
|
-
* @default false
|
|
4819
4364
|
*/
|
|
4820
4365
|
"multiselect"?: boolean;
|
|
4821
4366
|
/**
|
|
@@ -4824,22 +4369,18 @@ declare namespace LocalJSX {
|
|
|
4824
4369
|
"noMinWidth"?: boolean;
|
|
4825
4370
|
/**
|
|
4826
4371
|
* Enables Table to take 100% available width with equal spacing of columns
|
|
4827
|
-
* @default false
|
|
4828
4372
|
*/
|
|
4829
4373
|
"responsive"?: boolean;
|
|
4830
4374
|
/**
|
|
4831
4375
|
* 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
4376
|
*/
|
|
4834
4377
|
"tableId"?: string;
|
|
4835
4378
|
/**
|
|
4836
4379
|
* Enables style with vertical dividers between columns
|
|
4837
|
-
* @default false
|
|
4838
4380
|
*/
|
|
4839
4381
|
"verticalDividers"?: boolean;
|
|
4840
4382
|
/**
|
|
4841
4383
|
* Enables zebra stripe mode on the table rows or columns.
|
|
4842
|
-
* @default 'none'
|
|
4843
4384
|
*/
|
|
4844
4385
|
"zebraMode"?: | 'rows-odd'
|
|
4845
4386
|
| 'rows-even'
|
|
@@ -4852,19 +4393,16 @@ declare namespace LocalJSX {
|
|
|
4852
4393
|
interface TdsTableBodyInputWrapper {
|
|
4853
4394
|
/**
|
|
4854
4395
|
* Controls if the edit icon is shown
|
|
4855
|
-
* @default true
|
|
4856
4396
|
*/
|
|
4857
4397
|
"showIcon"?: boolean;
|
|
4858
4398
|
}
|
|
4859
4399
|
interface TdsTableBodyRow {
|
|
4860
4400
|
/**
|
|
4861
4401
|
* Makes the row clickable and tabbable for accessibility purposes.
|
|
4862
|
-
* @default false
|
|
4863
4402
|
*/
|
|
4864
4403
|
"clickable"?: boolean;
|
|
4865
4404
|
/**
|
|
4866
4405
|
* Marks the row as disabled, used for multiselect table.
|
|
4867
|
-
* @default false
|
|
4868
4406
|
*/
|
|
4869
4407
|
"disabled"?: boolean;
|
|
4870
4408
|
/**
|
|
@@ -4885,19 +4423,16 @@ declare namespace LocalJSX {
|
|
|
4885
4423
|
}>) => void;
|
|
4886
4424
|
/**
|
|
4887
4425
|
* Marks the row as selected, used for multiselect table.
|
|
4888
|
-
* @default false
|
|
4889
4426
|
*/
|
|
4890
4427
|
"selected"?: boolean;
|
|
4891
4428
|
}
|
|
4892
4429
|
interface TdsTableBodyRowExpandable {
|
|
4893
4430
|
/**
|
|
4894
4431
|
* Enables auto-collapse of other expandable rows when one row is expanded
|
|
4895
|
-
* @default false
|
|
4896
4432
|
*/
|
|
4897
4433
|
"autoCollapse"?: boolean;
|
|
4898
4434
|
/**
|
|
4899
4435
|
* 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
4436
|
*/
|
|
4902
4437
|
"colSpan"?: number;
|
|
4903
4438
|
/**
|
|
@@ -4914,24 +4449,20 @@ declare namespace LocalJSX {
|
|
|
4914
4449
|
}>) => void;
|
|
4915
4450
|
/**
|
|
4916
4451
|
* Controls the overflow behavior of the expandable row content
|
|
4917
|
-
* @default 'auto'
|
|
4918
4452
|
*/
|
|
4919
4453
|
"overflow"?: 'auto' | 'hidden' | 'visible';
|
|
4920
4454
|
/**
|
|
4921
4455
|
* ID for the table row. Randomly generated if not specified.
|
|
4922
|
-
* @default generateUniqueId()
|
|
4923
4456
|
*/
|
|
4924
4457
|
"rowId"?: string;
|
|
4925
4458
|
/**
|
|
4926
4459
|
* Aria label for the expand button, providing an accessible description
|
|
4927
|
-
* @default ''
|
|
4928
4460
|
*/
|
|
4929
4461
|
"tdsAriaLabelExpandButton"?: string;
|
|
4930
4462
|
}
|
|
4931
4463
|
interface TdsTableFooter {
|
|
4932
4464
|
/**
|
|
4933
4465
|
* <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
4466
|
*/
|
|
4936
4467
|
"cols"?: number;
|
|
4937
4468
|
/**
|
|
@@ -4944,44 +4475,36 @@ declare namespace LocalJSX {
|
|
|
4944
4475
|
}>) => void;
|
|
4945
4476
|
/**
|
|
4946
4477
|
* Sets the number of pages.
|
|
4947
|
-
* @default null
|
|
4948
4478
|
*/
|
|
4949
4479
|
"pages"?: number;
|
|
4950
4480
|
/**
|
|
4951
4481
|
* Enable pagination and show pagination controls
|
|
4952
|
-
* @default false
|
|
4953
4482
|
*/
|
|
4954
4483
|
"pagination"?: boolean;
|
|
4955
4484
|
/**
|
|
4956
4485
|
* Sets the pagination number.
|
|
4957
|
-
* @default 1
|
|
4958
4486
|
*/
|
|
4959
4487
|
"paginationValue"?: number;
|
|
4960
4488
|
/**
|
|
4961
4489
|
* Set available rows per page values
|
|
4962
|
-
* @default [10, 25, 50]
|
|
4963
4490
|
*/
|
|
4964
4491
|
"rowsPerPageValues"?: number[];
|
|
4965
4492
|
/**
|
|
4966
4493
|
* Enable rows per page dropdown
|
|
4967
|
-
* @default true
|
|
4968
4494
|
*/
|
|
4969
4495
|
"rowsperpage"?: boolean;
|
|
4970
4496
|
}
|
|
4971
4497
|
interface TdsTableHeader {
|
|
4972
4498
|
/**
|
|
4973
4499
|
* @deprecated Deprecated, use selected instead.
|
|
4974
|
-
* @default false
|
|
4975
4500
|
*/
|
|
4976
4501
|
"allSelected"?: boolean;
|
|
4977
4502
|
/**
|
|
4978
4503
|
* Prop for controlling the enabled/disabled state of the "All selected"-checkbox.
|
|
4979
|
-
* @default false
|
|
4980
4504
|
*/
|
|
4981
4505
|
"disabled"?: boolean;
|
|
4982
4506
|
/**
|
|
4983
4507
|
* Prop for controlling the indeterminate state of the "All selected"-checkbox.
|
|
4984
|
-
* @default false
|
|
4985
4508
|
*/
|
|
4986
4509
|
"indeterminate"?: boolean;
|
|
4987
4510
|
/**
|
|
@@ -4998,20 +4521,15 @@ declare namespace LocalJSX {
|
|
|
4998
4521
|
"selected"?: boolean;
|
|
4999
4522
|
}
|
|
5000
4523
|
interface TdsTableHeaderInputWrapper {
|
|
5001
|
-
/**
|
|
5002
|
-
* @default false
|
|
5003
|
-
*/
|
|
5004
4524
|
"compactDesign"?: boolean;
|
|
5005
4525
|
/**
|
|
5006
4526
|
* Controls if the search icon is shown
|
|
5007
|
-
* @default true
|
|
5008
4527
|
*/
|
|
5009
4528
|
"showIcon"?: boolean;
|
|
5010
4529
|
}
|
|
5011
4530
|
interface TdsTableToolbar {
|
|
5012
4531
|
/**
|
|
5013
4532
|
* Enables preview of searchbar
|
|
5014
|
-
* @default false
|
|
5015
4533
|
*/
|
|
5016
4534
|
"filter"?: boolean;
|
|
5017
4535
|
/**
|
|
@@ -5023,19 +4541,16 @@ declare namespace LocalJSX {
|
|
|
5023
4541
|
}>) => void;
|
|
5024
4542
|
/**
|
|
5025
4543
|
* Adds title to the Table
|
|
5026
|
-
* @default ''
|
|
5027
4544
|
*/
|
|
5028
4545
|
"tableTitle"?: string;
|
|
5029
4546
|
/**
|
|
5030
4547
|
* Aria label for the search input, providing an accessible description
|
|
5031
|
-
* @default ''
|
|
5032
4548
|
*/
|
|
5033
4549
|
"tdsSearchAriaLabel"?: string;
|
|
5034
4550
|
}
|
|
5035
4551
|
interface TdsTag {
|
|
5036
4552
|
/**
|
|
5037
4553
|
* Sets the size of the tag
|
|
5038
|
-
* @default 'lg'
|
|
5039
4554
|
*/
|
|
5040
4555
|
"size"?: 'lg' | 'sm';
|
|
5041
4556
|
/**
|
|
@@ -5044,43 +4559,40 @@ declare namespace LocalJSX {
|
|
|
5044
4559
|
"text": string;
|
|
5045
4560
|
/**
|
|
5046
4561
|
* Sets the variant mode of the tag
|
|
5047
|
-
* @default 'Neutral'
|
|
5048
4562
|
*/
|
|
5049
4563
|
"variant"?: 'Success' | 'Warning' | 'New' | 'Neutral' | 'Information' | 'Error';
|
|
5050
4564
|
}
|
|
5051
4565
|
interface TdsTextField {
|
|
5052
4566
|
/**
|
|
5053
4567
|
* Value to be used for the text field's autocomplete attribute
|
|
5054
|
-
* @default 'off'
|
|
5055
4568
|
*/
|
|
5056
4569
|
"autocomplete"?: string;
|
|
5057
4570
|
/**
|
|
5058
4571
|
* Autofocus for input
|
|
5059
|
-
* @default false
|
|
5060
4572
|
*/
|
|
5061
4573
|
"autofocus"?: boolean;
|
|
5062
4574
|
/**
|
|
5063
4575
|
* Set input in disabled state
|
|
5064
|
-
* @default false
|
|
5065
4576
|
*/
|
|
5066
4577
|
"disabled"?: boolean;
|
|
5067
4578
|
/**
|
|
5068
4579
|
* Helper text
|
|
5069
4580
|
*/
|
|
5070
4581
|
"helper"?: string;
|
|
4582
|
+
/**
|
|
4583
|
+
* Hides the native arrows on number input type
|
|
4584
|
+
*/
|
|
4585
|
+
"hideNumberArrows"?: boolean;
|
|
5071
4586
|
/**
|
|
5072
4587
|
* Hides the read-only icon in the Text Field. Requires Read Only to be enabled.
|
|
5073
|
-
* @default false
|
|
5074
4588
|
*/
|
|
5075
4589
|
"hideReadOnlyIcon"?: boolean;
|
|
5076
4590
|
/**
|
|
5077
4591
|
* Label text
|
|
5078
|
-
* @default ''
|
|
5079
4592
|
*/
|
|
5080
4593
|
"label"?: string;
|
|
5081
4594
|
/**
|
|
5082
4595
|
* Position of the label for the Text Field.
|
|
5083
|
-
* @default 'no-label'
|
|
5084
4596
|
*/
|
|
5085
4597
|
"labelPosition"?: 'inside' | 'outside' | 'no-label';
|
|
5086
4598
|
/**
|
|
@@ -5097,17 +4609,14 @@ declare namespace LocalJSX {
|
|
|
5097
4609
|
"min"?: string | number;
|
|
5098
4610
|
/**
|
|
5099
4611
|
* Mode variant of the Text Field
|
|
5100
|
-
* @default null
|
|
5101
4612
|
*/
|
|
5102
4613
|
"modeVariant"?: 'primary' | 'secondary';
|
|
5103
4614
|
/**
|
|
5104
4615
|
* Name property
|
|
5105
|
-
* @default ''
|
|
5106
4616
|
*/
|
|
5107
4617
|
"name"?: string;
|
|
5108
4618
|
/**
|
|
5109
4619
|
* Unset minimum width of 208px.
|
|
5110
|
-
* @default false
|
|
5111
4620
|
*/
|
|
5112
4621
|
"noMinWidth"?: boolean;
|
|
5113
4622
|
/**
|
|
@@ -5118,6 +4627,10 @@ declare namespace LocalJSX {
|
|
|
5118
4627
|
* Change event for the Text Field
|
|
5119
4628
|
*/
|
|
5120
4629
|
"onTdsChange"?: (event: TdsTextFieldCustomEvent<any>) => void;
|
|
4630
|
+
/**
|
|
4631
|
+
* Error event for the Text Field - emitted when value is clamped to min/max
|
|
4632
|
+
*/
|
|
4633
|
+
"onTdsError"?: (event: TdsTextFieldCustomEvent<{ originalValue: string; clampedValue: string; reason: 'min' | 'max' }>) => void;
|
|
5121
4634
|
/**
|
|
5122
4635
|
* Focus event for the Text Field
|
|
5123
4636
|
*/
|
|
@@ -5128,48 +4641,44 @@ declare namespace LocalJSX {
|
|
|
5128
4641
|
"onTdsInput"?: (event: TdsTextFieldCustomEvent<InputEvent>) => void;
|
|
5129
4642
|
/**
|
|
5130
4643
|
* Placeholder text
|
|
5131
|
-
* @default ''
|
|
5132
4644
|
*/
|
|
5133
4645
|
"placeholder"?: string;
|
|
5134
4646
|
/**
|
|
5135
4647
|
* Set input in readonly state
|
|
5136
|
-
* @default false
|
|
5137
4648
|
*/
|
|
5138
4649
|
"readOnly"?: boolean;
|
|
5139
4650
|
/**
|
|
5140
4651
|
* Makes the text field required
|
|
5141
|
-
* @default false
|
|
5142
4652
|
*/
|
|
5143
4653
|
"required"?: boolean;
|
|
5144
4654
|
/**
|
|
5145
4655
|
* Size of the input
|
|
5146
|
-
* @default 'lg'
|
|
5147
4656
|
*/
|
|
5148
4657
|
"size"?: 'sm' | 'md' | 'lg';
|
|
5149
4658
|
/**
|
|
5150
4659
|
* Error state of input
|
|
5151
|
-
* @default 'default'
|
|
5152
4660
|
*/
|
|
5153
4661
|
"state"?: 'error' | 'success' | 'default';
|
|
4662
|
+
/**
|
|
4663
|
+
* Step value for input type number
|
|
4664
|
+
*/
|
|
4665
|
+
"step"?: string | number;
|
|
5154
4666
|
/**
|
|
5155
4667
|
* Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true.
|
|
5156
4668
|
*/
|
|
5157
4669
|
"tdsAriaLabel"?: string;
|
|
5158
4670
|
/**
|
|
5159
4671
|
* Which input type, text, password or similar
|
|
5160
|
-
* @default 'text'
|
|
5161
4672
|
*/
|
|
5162
4673
|
"type"?: 'text' | 'password' | 'number' | 'email' | 'tel';
|
|
5163
4674
|
/**
|
|
5164
4675
|
* Value of the input text
|
|
5165
|
-
* @default ''
|
|
5166
4676
|
*/
|
|
5167
4677
|
"value"?: string;
|
|
5168
4678
|
}
|
|
5169
4679
|
interface TdsTextarea {
|
|
5170
4680
|
/**
|
|
5171
4681
|
* Control of autofocus
|
|
5172
|
-
* @default false
|
|
5173
4682
|
*/
|
|
5174
4683
|
"autofocus"?: boolean;
|
|
5175
4684
|
/**
|
|
@@ -5178,7 +4687,6 @@ declare namespace LocalJSX {
|
|
|
5178
4687
|
"cols"?: number;
|
|
5179
4688
|
/**
|
|
5180
4689
|
* Set input in disabled state
|
|
5181
|
-
* @default false
|
|
5182
4690
|
*/
|
|
5183
4691
|
"disabled"?: boolean;
|
|
5184
4692
|
/**
|
|
@@ -5187,17 +4695,14 @@ declare namespace LocalJSX {
|
|
|
5187
4695
|
"helper"?: string;
|
|
5188
4696
|
/**
|
|
5189
4697
|
* Hide the readonly icon
|
|
5190
|
-
* @default false
|
|
5191
4698
|
*/
|
|
5192
4699
|
"hideReadOnlyIcon"?: boolean;
|
|
5193
4700
|
/**
|
|
5194
4701
|
* Label text
|
|
5195
|
-
* @default ''
|
|
5196
4702
|
*/
|
|
5197
4703
|
"label"?: string;
|
|
5198
4704
|
/**
|
|
5199
4705
|
* Position of the label for the Textarea.
|
|
5200
|
-
* @default 'no-label'
|
|
5201
4706
|
*/
|
|
5202
4707
|
"labelPosition"?: 'inside' | 'outside' | 'no-label';
|
|
5203
4708
|
/**
|
|
@@ -5206,17 +4711,14 @@ declare namespace LocalJSX {
|
|
|
5206
4711
|
"maxLength"?: number;
|
|
5207
4712
|
/**
|
|
5208
4713
|
* Mode variant of the Textarea
|
|
5209
|
-
* @default null
|
|
5210
4714
|
*/
|
|
5211
4715
|
"modeVariant"?: 'primary' | 'secondary';
|
|
5212
4716
|
/**
|
|
5213
4717
|
* Name attribute
|
|
5214
|
-
* @default ''
|
|
5215
4718
|
*/
|
|
5216
4719
|
"name"?: string;
|
|
5217
4720
|
/**
|
|
5218
4721
|
* Unset minimum width of 208px.
|
|
5219
|
-
* @default false
|
|
5220
4722
|
*/
|
|
5221
4723
|
"noMinWidth"?: boolean;
|
|
5222
4724
|
/**
|
|
@@ -5237,12 +4739,10 @@ declare namespace LocalJSX {
|
|
|
5237
4739
|
"onTdsInput"?: (event: TdsTextareaCustomEvent<InputEvent>) => void;
|
|
5238
4740
|
/**
|
|
5239
4741
|
* Placeholder text
|
|
5240
|
-
* @default ''
|
|
5241
4742
|
*/
|
|
5242
4743
|
"placeholder"?: string;
|
|
5243
4744
|
/**
|
|
5244
4745
|
* Set input in readonly state
|
|
5245
|
-
* @default false
|
|
5246
4746
|
*/
|
|
5247
4747
|
"readOnly"?: boolean;
|
|
5248
4748
|
/**
|
|
@@ -5251,7 +4751,6 @@ declare namespace LocalJSX {
|
|
|
5251
4751
|
"rows"?: number;
|
|
5252
4752
|
/**
|
|
5253
4753
|
* Error state of input
|
|
5254
|
-
* @default 'default'
|
|
5255
4754
|
*/
|
|
5256
4755
|
"state"?: 'error' | 'success' | 'default';
|
|
5257
4756
|
/**
|
|
@@ -5260,14 +4759,12 @@ declare namespace LocalJSX {
|
|
|
5260
4759
|
"tdsAriaLabel"?: string;
|
|
5261
4760
|
/**
|
|
5262
4761
|
* Value of the input text
|
|
5263
|
-
* @default ''
|
|
5264
4762
|
*/
|
|
5265
4763
|
"value"?: string;
|
|
5266
4764
|
}
|
|
5267
4765
|
interface TdsToast {
|
|
5268
4766
|
/**
|
|
5269
4767
|
* Enables the close button.
|
|
5270
|
-
* @default true
|
|
5271
4768
|
*/
|
|
5272
4769
|
"closable"?: boolean;
|
|
5273
4770
|
/**
|
|
@@ -5276,7 +4773,6 @@ declare namespace LocalJSX {
|
|
|
5276
4773
|
"header"?: string;
|
|
5277
4774
|
/**
|
|
5278
4775
|
* Hides the Toast.
|
|
5279
|
-
* @default false
|
|
5280
4776
|
*/
|
|
5281
4777
|
"hidden"?: boolean;
|
|
5282
4778
|
/**
|
|
@@ -5291,7 +4787,6 @@ declare namespace LocalJSX {
|
|
|
5291
4787
|
"subheader"?: string;
|
|
5292
4788
|
/**
|
|
5293
4789
|
* ARIA live for the Toast.
|
|
5294
|
-
* @default 'polite'
|
|
5295
4790
|
*/
|
|
5296
4791
|
"tdsAriaLive"?: 'polite' | 'assertive';
|
|
5297
4792
|
/**
|
|
@@ -5300,29 +4795,24 @@ declare namespace LocalJSX {
|
|
|
5300
4795
|
"tdsCloseAriaLabel"?: string;
|
|
5301
4796
|
/**
|
|
5302
4797
|
* ID for the Toast. Randomly generated if not specified.
|
|
5303
|
-
* @default generateUniqueId()
|
|
5304
4798
|
*/
|
|
5305
4799
|
"toastId"?: string;
|
|
5306
4800
|
/**
|
|
5307
4801
|
* ARIA role for the Toast.
|
|
5308
|
-
* @default 'alert'
|
|
5309
4802
|
*/
|
|
5310
4803
|
"toastRole"?: 'alert' | 'log' | 'status';
|
|
5311
4804
|
/**
|
|
5312
4805
|
* Type of Toast.
|
|
5313
|
-
* @default 'information'
|
|
5314
4806
|
*/
|
|
5315
4807
|
"variant"?: 'information' | 'error' | 'warning' | 'success';
|
|
5316
4808
|
}
|
|
5317
4809
|
interface TdsToggle {
|
|
5318
4810
|
/**
|
|
5319
4811
|
* Sets the Toggle as checked
|
|
5320
|
-
* @default false
|
|
5321
4812
|
*/
|
|
5322
4813
|
"checked"?: boolean;
|
|
5323
4814
|
/**
|
|
5324
4815
|
* Sets the Toggle in a disabled state
|
|
5325
|
-
* @default false
|
|
5326
4816
|
*/
|
|
5327
4817
|
"disabled"?: boolean;
|
|
5328
4818
|
/**
|
|
@@ -5342,12 +4832,10 @@ declare namespace LocalJSX {
|
|
|
5342
4832
|
}>) => void;
|
|
5343
4833
|
/**
|
|
5344
4834
|
* Make the Toggle required
|
|
5345
|
-
* @default false
|
|
5346
4835
|
*/
|
|
5347
4836
|
"required"?: boolean;
|
|
5348
4837
|
/**
|
|
5349
4838
|
* Size of the Toggle
|
|
5350
|
-
* @default 'lg'
|
|
5351
4839
|
*/
|
|
5352
4840
|
"size"?: 'sm' | 'lg';
|
|
5353
4841
|
/**
|
|
@@ -5356,34 +4844,28 @@ declare namespace LocalJSX {
|
|
|
5356
4844
|
"tdsAriaLabel"?: string;
|
|
5357
4845
|
/**
|
|
5358
4846
|
* ID of the Toggle's input element, if not specified, it's randomly generated
|
|
5359
|
-
* @default generateUniqueId()
|
|
5360
4847
|
*/
|
|
5361
4848
|
"toggleId"?: string;
|
|
5362
4849
|
}
|
|
5363
4850
|
interface TdsTooltip {
|
|
5364
4851
|
/**
|
|
5365
4852
|
* Decides if the component should be visible from the start.
|
|
5366
|
-
* @default false
|
|
5367
4853
|
*/
|
|
5368
4854
|
"defaultShow"?: boolean;
|
|
5369
4855
|
/**
|
|
5370
4856
|
* Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
|
|
5371
|
-
* @default false
|
|
5372
4857
|
*/
|
|
5373
4858
|
"mouseOverTooltip"?: boolean;
|
|
5374
4859
|
/**
|
|
5375
4860
|
* Sets the offset distance
|
|
5376
|
-
* @default 8
|
|
5377
4861
|
*/
|
|
5378
4862
|
"offsetDistance"?: number;
|
|
5379
4863
|
/**
|
|
5380
4864
|
* Sets the offset skidding
|
|
5381
|
-
* @default 0
|
|
5382
4865
|
*/
|
|
5383
4866
|
"offsetSkidding"?: number;
|
|
5384
4867
|
/**
|
|
5385
4868
|
* Placement of Tooltip.
|
|
5386
|
-
* @default 'bottom'
|
|
5387
4869
|
*/
|
|
5388
4870
|
"placement"?: Placement;
|
|
5389
4871
|
/**
|
|
@@ -5396,7 +4878,6 @@ declare namespace LocalJSX {
|
|
|
5396
4878
|
"selector"?: string;
|
|
5397
4879
|
/**
|
|
5398
4880
|
* Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
|
|
5399
|
-
* @default null
|
|
5400
4881
|
*/
|
|
5401
4882
|
"show"?: boolean;
|
|
5402
4883
|
/**
|
|
@@ -5405,12 +4886,10 @@ declare namespace LocalJSX {
|
|
|
5405
4886
|
"tdsAriaDescribedby"?: string;
|
|
5406
4887
|
/**
|
|
5407
4888
|
* In case Tooltip contains only text, no HTML, a text can be passed by this prop
|
|
5408
|
-
* @default ''
|
|
5409
4889
|
*/
|
|
5410
4890
|
"text"?: string;
|
|
5411
4891
|
/**
|
|
5412
4892
|
* What triggers the popover to show
|
|
5413
|
-
* @default 'hover'
|
|
5414
4893
|
*/
|
|
5415
4894
|
"trigger"?: 'click' | 'hover';
|
|
5416
4895
|
}
|