@otto-de/b2b-core-components 1.30.0 → 1.31.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
- package/dist/b2b-core-components/p-00666ca7.entry.js +1 -0
- package/dist/b2b-core-components/p-0a63f5f8.entry.js +1 -0
- package/dist/b2b-core-components/{p-9cfba835.entry.js → p-0bf05f33.entry.js} +1 -1
- package/dist/b2b-core-components/{p-68e07419.entry.js → p-0edac105.entry.js} +1 -1
- package/dist/b2b-core-components/p-0ffc90ee.entry.js +1 -0
- package/dist/b2b-core-components/p-168c8684.entry.js +1 -0
- package/dist/b2b-core-components/p-19392020.js +1 -0
- package/dist/b2b-core-components/p-1a908833.entry.js +1 -0
- package/dist/b2b-core-components/{p-a37d6cea.entry.js → p-1dff8b34.entry.js} +1 -1
- package/dist/b2b-core-components/p-2d5df8f7.entry.js +1 -0
- package/dist/b2b-core-components/p-2dc0c5c0.entry.js +1 -0
- package/dist/b2b-core-components/p-318eb15e.entry.js +1 -0
- package/dist/b2b-core-components/p-33c01bb2.entry.js +1 -0
- package/dist/b2b-core-components/p-375cefbd.entry.js +1 -0
- package/dist/b2b-core-components/p-383d0a10.entry.js +1 -0
- package/dist/b2b-core-components/{p-08577a40.entry.js → p-400fa973.entry.js} +1 -1
- package/dist/b2b-core-components/p-413729d1.entry.js +1 -0
- package/dist/b2b-core-components/p-4528e98c.entry.js +1 -0
- package/dist/b2b-core-components/p-49bafb74.entry.js +1 -0
- package/dist/b2b-core-components/{p-745ad406.entry.js → p-4bc0ec9a.entry.js} +1 -1
- package/dist/b2b-core-components/p-564c62d0.entry.js +1 -0
- package/dist/b2b-core-components/{p-6040dca2.entry.js → p-6025d667.entry.js} +1 -1
- package/dist/b2b-core-components/p-61b2a6ad.js +1 -0
- package/dist/b2b-core-components/{p-54d478b6.entry.js → p-661d0249.entry.js} +1 -1
- package/dist/b2b-core-components/p-6dd7fd7b.entry.js +1 -0
- package/dist/b2b-core-components/p-6ff5114b.entry.js +1 -0
- package/dist/b2b-core-components/p-742a18f1.entry.js +1 -0
- package/dist/b2b-core-components/{p-23acc468.entry.js → p-781611fb.entry.js} +1 -1
- package/dist/b2b-core-components/{p-0847e62e.entry.js → p-7bb6f06e.entry.js} +1 -1
- package/dist/b2b-core-components/p-7dd8f3cb.entry.js +1 -0
- package/dist/b2b-core-components/p-815d7a53.entry.js +1 -0
- package/dist/b2b-core-components/{p-5063e5b7.entry.js → p-850c8e01.entry.js} +1 -1
- package/dist/b2b-core-components/{p-e8b1fee4.entry.js → p-86ff8e6c.entry.js} +1 -1
- package/dist/b2b-core-components/{p-552f43c1.entry.js → p-9819f622.entry.js} +1 -1
- package/dist/b2b-core-components/{p-ccf78e23.entry.js → p-9dde1af0.entry.js} +1 -1
- package/dist/b2b-core-components/{p-24c94653.entry.js → p-9f88b476.entry.js} +1 -1
- package/dist/b2b-core-components/p-a155219a.entry.js +1 -0
- package/dist/b2b-core-components/p-a96c8ba0.entry.js +1 -0
- package/dist/b2b-core-components/p-b33059ab.entry.js +1 -0
- package/dist/b2b-core-components/p-b5fdf7df.entry.js +1 -0
- package/dist/b2b-core-components/p-b6a753e8.js +2 -0
- package/dist/b2b-core-components/p-bba0b41b.entry.js +1 -0
- package/dist/b2b-core-components/p-be93498d.entry.js +1 -0
- package/dist/b2b-core-components/p-bfbe4aff.entry.js +1 -0
- package/dist/b2b-core-components/p-c597637e.entry.js +1 -0
- package/dist/b2b-core-components/{p-eb01bb4f.entry.js → p-c67bcebc.entry.js} +1 -1
- package/dist/b2b-core-components/p-cb4cc427.entry.js +1 -0
- package/dist/b2b-core-components/{p-a63dfd99.entry.js → p-d1c8105b.entry.js} +1 -1
- package/dist/b2b-core-components/{p-2f9efe3f.entry.js → p-d26ec403.entry.js} +1 -1
- package/dist/b2b-core-components/p-d3204d75.entry.js +1 -0
- package/dist/b2b-core-components/p-d6457a1d.entry.js +1 -0
- package/dist/b2b-core-components/p-db205434.entry.js +1 -0
- package/dist/b2b-core-components/p-e1255160.js +1 -0
- package/dist/b2b-core-components/p-e520c7cf.entry.js +1 -0
- package/dist/b2b-core-components/p-f2fdce36.entry.js +1 -0
- package/dist/b2b-core-components/p-f5786cad.entry.js +1 -0
- package/dist/b2b-core-components/{p-58fb3508.entry.js → p-f5e9dbf4.entry.js} +1 -1
- package/dist/b2b-core-components/p-f9e278da.entry.js +1 -0
- package/dist/b2b-core-components/p-fa85955c.entry.js +1 -0
- package/dist/b2b-core-components/{p-eb78706f.entry.js → p-fae54521.entry.js} +1 -1
- package/dist/cjs/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/b2b-alert.cjs.entry.js +13 -15
- package/dist/cjs/b2b-anchor.cjs.entry.js +8 -10
- package/dist/cjs/b2b-background-box.cjs.entry.js +7 -10
- package/dist/cjs/b2b-breadcrumb-item.cjs.entry.js +10 -8
- package/dist/cjs/b2b-breadcrumb.cjs.entry.js +10 -9
- package/dist/cjs/b2b-button_2.cjs.entry.js +20 -25
- package/dist/cjs/b2b-card.cjs.entry.js +8 -8
- package/dist/cjs/b2b-checkbox-group.cjs.entry.js +15 -13
- package/dist/cjs/b2b-checkbox.cjs.entry.js +22 -19
- package/dist/cjs/b2b-chip-component_2.cjs.entry.js +24 -20
- package/dist/cjs/b2b-core-components.cjs.js +14 -13
- package/dist/cjs/b2b-date-picker-days_5.cjs.entry.js +50 -40
- package/dist/cjs/b2b-date-picker.cjs.entry.js +37 -36
- package/dist/cjs/b2b-dropdown.cjs.entry.js +26 -24
- package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +10 -8
- package/dist/cjs/b2b-flyout-menu.cjs.entry.js +9 -7
- package/dist/cjs/b2b-grid-col.cjs.entry.js +6 -4
- package/dist/cjs/b2b-grid-row.cjs.entry.js +5 -7
- package/dist/cjs/b2b-grid.cjs.entry.js +6 -4
- package/dist/cjs/b2b-headline.cjs.entry.js +5 -5
- package/dist/cjs/b2b-icon-100.cjs.entry.js +12 -12
- package/dist/cjs/b2b-icon-50.cjs.entry.js +10 -9
- package/dist/cjs/b2b-icon.cjs.entry.js +12 -12
- package/dist/cjs/b2b-input-group_2.cjs.entry.js +24 -24
- package/dist/cjs/b2b-input-label.cjs.entry.js +7 -6
- package/dist/cjs/b2b-input_2.cjs.entry.js +33 -33
- package/dist/cjs/b2b-label.cjs.entry.js +7 -5
- package/dist/cjs/b2b-modal.cjs.entry.js +16 -18
- package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +27 -24
- package/dist/cjs/b2b-pagination.cjs.entry.js +12 -13
- package/dist/cjs/b2b-paragraph.cjs.entry.js +7 -10
- package/dist/cjs/b2b-progress-bar.cjs.entry.js +12 -9
- package/dist/cjs/b2b-radio-button.cjs.entry.js +19 -15
- package/dist/cjs/b2b-radio-group.cjs.entry.js +17 -13
- package/dist/cjs/b2b-required-separator.cjs.entry.js +6 -4
- package/dist/cjs/b2b-rounded-icon.cjs.entry.js +10 -12
- package/dist/cjs/b2b-scrollable-container.cjs.entry.js +6 -3
- package/dist/cjs/b2b-search.cjs.entry.js +10 -9
- package/dist/cjs/b2b-separator.cjs.entry.js +6 -4
- package/dist/cjs/b2b-shimmer.cjs.entry.js +9 -3
- package/dist/cjs/b2b-snackbar.cjs.entry.js +19 -18
- package/dist/cjs/b2b-tab-group.cjs.entry.js +6 -6
- package/dist/cjs/b2b-tab-panel.cjs.entry.js +6 -3
- package/dist/cjs/b2b-tab.cjs.entry.js +8 -8
- package/dist/cjs/b2b-table-cell_2.cjs.entry.js +30 -37
- package/dist/cjs/b2b-table-row.cjs.entry.js +19 -17
- package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +16 -23
- package/dist/cjs/b2b-table.cjs.entry.js +10 -13
- package/dist/cjs/b2b-textarea.cjs.entry.js +23 -17
- package/dist/cjs/b2b-toggle-button.cjs.entry.js +14 -10
- package/dist/cjs/b2b-toggle-chip.cjs.entry.js +14 -10
- package/dist/cjs/b2b-toggle-group.cjs.entry.js +11 -7
- package/dist/cjs/b2b-toggle-switch.cjs.entry.js +15 -13
- package/dist/cjs/b2b-tooltip.cjs.entry.js +12 -11
- package/dist/cjs/b2b-wizard-icon.cjs.entry.js +9 -8
- package/dist/cjs/b2b-wizard-step.cjs.entry.js +8 -9
- package/dist/cjs/b2b-wizard.cjs.entry.js +10 -12
- package/dist/cjs/index-668808fd.js +2516 -0
- package/dist/cjs/loader.cjs.js +6 -3
- package/dist/cjs/{request-Dwsj-gbA.js → request-801c6ba1.js} +0 -2
- package/dist/cjs/{utils--ZrBSHVe.js → utils-499e9db5.js} +9 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/alert/alert.e2e.js +67 -0
- package/dist/collection/components/alert/alert.js +12 -27
- package/dist/collection/components/anchor/anchor.js +9 -26
- package/dist/collection/components/anchor/anchor.spec.js +68 -0
- package/dist/collection/components/background-box/background-box.e2e.js +63 -0
- package/dist/collection/components/background-box/background-box.js +8 -26
- package/dist/collection/components/background-box/background-box.spec.js +64 -0
- package/dist/collection/components/breadcrumb/breadcrumb-item.js +7 -14
- package/dist/collection/components/breadcrumb/breadcrumb.e2e.js +50 -0
- package/dist/collection/components/breadcrumb/breadcrumb.js +6 -12
- package/dist/collection/components/button/button.e2e.js +80 -0
- package/dist/collection/components/button/button.js +23 -52
- package/dist/collection/components/card/card.e2e.js +110 -0
- package/dist/collection/components/card/card.js +5 -14
- package/dist/collection/components/card/card.spec.js +32 -0
- package/dist/collection/components/checkbox/checkbox.e2e.js +38 -0
- package/dist/collection/components/checkbox/checkbox.js +26 -50
- package/dist/collection/components/checkbox/checkbox.spec.js +45 -0
- package/dist/collection/components/checkbox-group/checkbox-group.e2e.js +83 -0
- package/dist/collection/components/checkbox-group/checkbox-group.js +16 -31
- package/dist/collection/components/checkbox-group/checkbox-group.spec.js +38 -0
- package/dist/collection/components/chip/chip.e2e.js +99 -0
- package/dist/collection/components/chip/chip.js +17 -30
- package/dist/collection/components/date-picker/date-picker-days-header.js +3 -6
- package/dist/collection/components/date-picker/date-picker-days.js +20 -44
- package/dist/collection/components/date-picker/date-picker-header.e2e.js +38 -0
- package/dist/collection/components/date-picker/date-picker-header.js +10 -15
- package/dist/collection/components/date-picker/date-picker-months.e2e.js +39 -0
- package/dist/collection/components/date-picker/date-picker-months.js +5 -9
- package/dist/collection/components/date-picker/date-picker-years.e2e.js +39 -0
- package/dist/collection/components/date-picker/date-picker-years.js +4 -5
- package/dist/collection/components/date-picker/date-picker.e2e.js +137 -0
- package/dist/collection/components/date-picker/date-picker.js +44 -76
- package/dist/collection/components/dropdown/dropdown.e2e.js +89 -0
- package/dist/collection/components/dropdown/dropdown.js +27 -46
- package/dist/collection/components/dropdown/dropdown.spec.js +52 -0
- package/dist/collection/components/flyout-menu/flyout-menu-option.js +7 -14
- package/dist/collection/components/flyout-menu/flyout-menu.e2e.js +97 -0
- package/dist/collection/components/flyout-menu/flyout-menu.js +5 -8
- package/dist/collection/components/grid/column.js +5 -9
- package/dist/collection/components/grid/grid.e2e.js +17 -0
- package/dist/collection/components/grid/grid.js +2 -5
- package/dist/collection/components/grid/row.js +6 -18
- package/dist/collection/components/headline/headline.e2e.js +13 -0
- package/dist/collection/components/headline/headline.js +3 -12
- package/dist/collection/components/headline/headline.spec.js +67 -0
- package/dist/collection/components/icon/icon.js +11 -24
- package/dist/collection/components/icon/icon.spec.js +21 -0
- package/dist/collection/components/icon-100/icon-100.e2e.js +40 -0
- package/dist/collection/components/icon-100/icon-100.js +11 -24
- package/dist/collection/components/icon-50/icon-50.e2e.js +32 -0
- package/dist/collection/components/icon-50/icon-50.js +8 -18
- package/dist/collection/components/input/input.e2e.js +84 -0
- package/dist/collection/components/input/input.js +33 -64
- package/dist/collection/components/input/input.spec.js +45 -0
- package/dist/collection/components/input-group/input-group.e2e.js +77 -0
- package/dist/collection/components/input-group/input-group.js +9 -17
- package/dist/collection/components/input-group/input-group.spec.js +56 -0
- package/dist/collection/components/input-label/input-label.e2e.js +10 -0
- package/dist/collection/components/input-label/input-label.js +4 -10
- package/dist/collection/components/input-list/input-list-option.js +3 -4
- package/dist/collection/components/input-list/input-list.e2e.js +242 -0
- package/dist/collection/components/input-list/input-list.js +17 -36
- package/dist/collection/components/label/label.e2e.js +17 -0
- package/dist/collection/components/label/label.js +3 -6
- package/dist/collection/components/label/label.spec.js +58 -0
- package/dist/collection/components/modal/modal.e2e.js +115 -0
- package/dist/collection/components/modal/modal.js +14 -29
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.e2e.js +74 -0
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +33 -57
- package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +8 -15
- package/dist/collection/components/pagination/pagination.e2e.js +257 -0
- package/dist/collection/components/pagination/pagination.js +10 -22
- package/dist/collection/components/pagination/pagination.spec.js +103 -0
- package/dist/collection/components/paragraph/paragraph.e2e.js +13 -0
- package/dist/collection/components/paragraph/paragraph.js +8 -26
- package/dist/collection/components/progress-bar/progress-bar.e2e.js +43 -0
- package/dist/collection/components/progress-bar/progress-bar.js +11 -19
- package/dist/collection/components/radio/radio.e2e.js +45 -0
- package/dist/collection/components/radio/radio.js +20 -37
- package/dist/collection/components/radio/radio.spec.js +38 -0
- package/dist/collection/components/radio-group/radio-group.e2e.js +86 -0
- package/dist/collection/components/radio-group/radio-group.js +19 -34
- package/dist/collection/components/radio-group/radio-group.spec.js +31 -0
- package/dist/collection/components/required-separator/required-separator.e2e.js +17 -0
- package/dist/collection/components/required-separator/required-separator.js +2 -5
- package/dist/collection/components/rounded-icon/rounded-icon.js +8 -19
- package/dist/collection/components/scrollable-container/scrollable-container.js +1 -1
- package/dist/collection/components/search/search.e2e.js +98 -0
- package/dist/collection/components/search/search.js +9 -19
- package/dist/collection/components/separator/separator.e2e.js +22 -0
- package/dist/collection/components/separator/separator.js +2 -5
- package/dist/collection/components/shimmer/shimmer.e2e.js +18 -0
- package/dist/collection/components/shimmer/shimmer.js +9 -10
- package/dist/collection/components/shimmer/shimmer.spec.js +35 -0
- package/dist/collection/components/snackbar/snackbar.e2e.js +61 -0
- package/dist/collection/components/snackbar/snackbar.js +20 -38
- package/dist/collection/components/spinner/spinner.e2e.js +12 -0
- package/dist/collection/components/spinner/spinner.js +3 -9
- package/dist/collection/components/spinner/spinner.spec.js +41 -0
- package/dist/collection/components/tab/tab.e2e.js +35 -0
- package/dist/collection/components/tab/tab.js +5 -14
- package/dist/collection/components/tab/tab.spec.js +31 -0
- package/dist/collection/components/tab-group/tab-group.e2e.js +99 -0
- package/dist/collection/components/tab-group/tab-group.js +3 -7
- package/dist/collection/components/tab-panel/tab-panel.e2e.js +12 -0
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tab-panel/tab-panel.spec.js +10 -0
- package/dist/collection/components/table/table-cell/table-cell.js +17 -40
- package/dist/collection/components/table/table-header/table-header.js +19 -37
- package/dist/collection/components/table/table-row/table-row.js +18 -33
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +15 -37
- package/dist/collection/components/table/table.e2e.js +405 -0
- package/dist/collection/components/table/table.js +4 -12
- package/dist/collection/components/textarea/textarea.e2e.js +91 -0
- package/dist/collection/components/textarea/textarea.js +30 -52
- package/dist/collection/components/toggle-button/toggle-button.e2e.js +44 -0
- package/dist/collection/components/toggle-button/toggle-button.js +13 -22
- package/dist/collection/components/toggle-chip/toggle-chip.e2e.js +47 -0
- package/dist/collection/components/toggle-chip/toggle-chip.js +13 -22
- package/dist/collection/components/toggle-group/toggle-group.e2e.js +65 -0
- package/dist/collection/components/toggle-group/toggle-group.js +7 -10
- package/dist/collection/components/toggle-switch/toggle-switch.e2e.js +50 -0
- package/dist/collection/components/toggle-switch/toggle-switch.js +14 -25
- package/dist/collection/components/tooltip/tooltip.e2e.js +64 -0
- package/dist/collection/components/tooltip/tooltip.js +11 -21
- package/dist/collection/components/wizard/wizard-step.js +5 -15
- package/dist/collection/components/wizard/wizard.e2e.js +149 -0
- package/dist/collection/components/wizard/wizard.js +7 -18
- package/dist/collection/components/wizard-icon/wizard-icon.js +6 -14
- package/dist/collection/docs/config/replace-prop-controls.spec.js +32 -0
- package/dist/collection/utils/utils.spec.js +15 -0
- package/dist/components/b2b-alert.js +13 -17
- package/dist/components/b2b-anchor.js +7 -11
- package/dist/components/b2b-background-box.js +6 -11
- package/dist/components/b2b-breadcrumb-item.js +9 -9
- package/dist/components/b2b-breadcrumb.js +9 -10
- package/dist/components/b2b-button.js +1 -1
- package/dist/components/b2b-card.js +7 -9
- package/dist/components/b2b-checkbox-group.js +15 -15
- package/dist/components/b2b-checkbox.js +1 -1
- package/dist/components/b2b-chip-component.js +1 -1
- package/dist/components/b2b-date-picker-days-header.js +1 -1
- package/dist/components/b2b-date-picker-days.js +1 -1
- package/dist/components/b2b-date-picker-header.js +1 -1
- package/dist/components/b2b-date-picker-months.js +1 -1
- package/dist/components/b2b-date-picker-years.js +1 -1
- package/dist/components/b2b-date-picker.js +43 -44
- package/dist/components/b2b-dropdown.js +26 -26
- package/dist/components/b2b-flyout-menu-option.js +9 -9
- package/dist/components/b2b-flyout-menu.js +8 -8
- package/dist/components/b2b-grid-col.js +5 -5
- package/dist/components/b2b-grid-row.js +4 -8
- package/dist/components/b2b-grid.js +5 -5
- package/dist/components/b2b-headline.js +1 -1
- package/dist/components/b2b-icon-100.js +1 -1
- package/dist/components/b2b-icon-50.js +13 -11
- package/dist/components/b2b-icon.js +16 -15
- package/dist/components/b2b-input-group.js +1 -1
- package/dist/components/b2b-input-label.js +1 -1
- package/dist/components/b2b-input-list-option.js +1 -1
- package/dist/components/b2b-input-list.js +1 -1
- package/dist/components/b2b-input.js +1 -1
- package/dist/components/b2b-label.js +6 -6
- package/dist/components/b2b-modal.js +17 -21
- package/dist/components/b2b-multiselect-dropdown.js +31 -30
- package/dist/components/b2b-multiselect-option.js +1 -1
- package/dist/components/b2b-pagination.js +13 -16
- package/dist/components/b2b-paragraph.js +6 -11
- package/dist/components/b2b-progress-bar.js +11 -10
- package/dist/components/b2b-radio-button.js +19 -17
- package/dist/components/b2b-radio-group.js +17 -15
- package/dist/components/b2b-required-separator.js +6 -6
- package/dist/components/b2b-rounded-icon.js +1 -1
- package/dist/components/b2b-scrollable-container.js +5 -4
- package/dist/components/b2b-search.js +18 -19
- package/dist/components/b2b-separator.js +1 -1
- package/dist/components/b2b-shimmer.js +8 -4
- package/dist/components/b2b-snackbar.js +19 -20
- package/dist/components/b2b-spinner.js +1 -1
- package/dist/components/b2b-tab-group.js +6 -8
- package/dist/components/b2b-tab-panel.js +5 -4
- package/dist/components/b2b-tab.js +7 -9
- package/dist/components/b2b-table-cell.js +1 -1
- package/dist/components/b2b-table-header.js +1 -1
- package/dist/components/b2b-table-row.js +23 -23
- package/dist/components/b2b-table-rowgroup.js +15 -24
- package/dist/components/b2b-table.js +9 -14
- package/dist/components/b2b-textarea.js +23 -19
- package/dist/components/b2b-toggle-button.js +13 -11
- package/dist/components/b2b-toggle-chip.js +13 -11
- package/dist/components/b2b-toggle-group.js +10 -8
- package/dist/components/b2b-toggle-switch.js +14 -14
- package/dist/components/b2b-tooltip.js +11 -12
- package/dist/components/b2b-wizard-icon.js +1 -1
- package/dist/components/b2b-wizard-step.js +10 -13
- package/dist/components/b2b-wizard.js +9 -13
- package/dist/components/{p-CE7t2D9r.js → button.js} +17 -23
- package/dist/components/{p-CLYM9t6v.js → checkbox.js} +22 -21
- package/dist/components/{p-ClL49BcQ.js → chip.js} +15 -13
- package/dist/components/{p-FI-HbnMh.js → date-picker-days-header.js} +7 -7
- package/dist/components/{p-0Vy4494O.js → date-picker-days.js} +24 -21
- package/dist/components/{p-C_U38W4s.js → date-picker-header.js} +17 -15
- package/dist/components/{p-1ZoTG5p9.js → date-picker-months.js} +9 -8
- package/dist/components/{p-dMZsx2Fh.js → date-picker-years.js} +8 -6
- package/dist/components/{p-Bo-B8kdb.js → headline.js} +4 -6
- package/dist/components/{p-B9RvgUY3.js → icon-100.js} +15 -14
- package/dist/components/index.js +1 -1929
- package/dist/components/{p-TB2jJFV6.js → input-group.js} +9 -8
- package/dist/components/{p-Zg4AtKjq.js → input-label.js} +6 -7
- package/dist/components/{p-QTGqu3he.js → input-list-option.js} +7 -5
- package/dist/components/{p-BacBJzW_.js → input-list.js} +21 -24
- package/dist/components/{p-CuUquHzL.js → input.js} +28 -32
- package/dist/components/{p-B7bjXySI.js → multiselect-option.js} +12 -12
- package/dist/{esm/request-B8W50WyB.js → components/request.js} +5 -2
- package/dist/components/{p-i758rnm2.js → rounded-icon.js} +9 -13
- package/dist/components/{p-DO7N8IC0.js → separator.js} +5 -5
- package/dist/components/{p-3cu_Madt.js → spinner.js} +5 -6
- package/dist/components/{p-9OQH2pET.js → table-cell.js} +15 -23
- package/dist/components/{p-BVLpVPNb.js → table-header.js} +17 -18
- package/dist/{esm/utils-BA6KE1BD.js → components/utils.js} +10 -3
- package/dist/components/{p-N6d2-6pL.js → wizard-icon.js} +10 -11
- package/dist/custom-elements.json +0 -24
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/b2b-alert.entry.js +11 -15
- package/dist/esm/b2b-anchor.entry.js +6 -10
- package/dist/esm/b2b-background-box.entry.js +5 -10
- package/dist/esm/b2b-breadcrumb-item.entry.js +8 -8
- package/dist/esm/b2b-breadcrumb.entry.js +8 -9
- package/dist/esm/b2b-button_2.entry.js +18 -25
- package/dist/esm/b2b-card.entry.js +6 -8
- package/dist/esm/b2b-checkbox-group.entry.js +13 -13
- package/dist/esm/b2b-checkbox.entry.js +20 -19
- package/dist/esm/b2b-chip-component_2.entry.js +22 -20
- package/dist/esm/b2b-core-components.js +12 -12
- package/dist/esm/b2b-date-picker-days_5.entry.js +48 -40
- package/dist/esm/b2b-date-picker.entry.js +35 -36
- package/dist/esm/b2b-dropdown.entry.js +24 -24
- package/dist/esm/b2b-flyout-menu-option.entry.js +8 -8
- package/dist/esm/b2b-flyout-menu.entry.js +7 -7
- package/dist/esm/b2b-grid-col.entry.js +4 -4
- package/dist/esm/b2b-grid-row.entry.js +3 -7
- package/dist/esm/b2b-grid.entry.js +4 -4
- package/dist/esm/b2b-headline.entry.js +3 -5
- package/dist/esm/b2b-icon-100.entry.js +10 -12
- package/dist/esm/b2b-icon-50.entry.js +8 -9
- package/dist/esm/b2b-icon.entry.js +10 -12
- package/dist/esm/b2b-input-group_2.entry.js +22 -24
- package/dist/esm/b2b-input-label.entry.js +5 -6
- package/dist/esm/b2b-input_2.entry.js +31 -33
- package/dist/esm/b2b-label.entry.js +5 -5
- package/dist/esm/b2b-modal.entry.js +14 -18
- package/dist/esm/b2b-multiselect-dropdown.entry.js +25 -24
- package/dist/esm/b2b-pagination.entry.js +10 -13
- package/dist/esm/b2b-paragraph.entry.js +5 -10
- package/dist/esm/b2b-progress-bar.entry.js +10 -9
- package/dist/esm/b2b-radio-button.entry.js +17 -15
- package/dist/esm/b2b-radio-group.entry.js +15 -13
- package/dist/esm/b2b-required-separator.entry.js +4 -4
- package/dist/esm/b2b-rounded-icon.entry.js +8 -12
- package/dist/esm/b2b-scrollable-container.entry.js +4 -3
- package/dist/esm/b2b-search.entry.js +8 -9
- package/dist/esm/b2b-separator.entry.js +4 -4
- package/dist/esm/b2b-shimmer.entry.js +7 -3
- package/dist/esm/b2b-snackbar.entry.js +17 -18
- package/dist/esm/b2b-tab-group.entry.js +4 -6
- package/dist/esm/b2b-tab-panel.entry.js +4 -3
- package/dist/esm/b2b-tab.entry.js +6 -8
- package/dist/esm/b2b-table-cell_2.entry.js +28 -37
- package/dist/esm/b2b-table-row.entry.js +17 -17
- package/dist/esm/b2b-table-rowgroup.entry.js +14 -23
- package/dist/esm/b2b-table.entry.js +8 -13
- package/dist/esm/b2b-textarea.entry.js +21 -17
- package/dist/esm/b2b-toggle-button.entry.js +12 -10
- package/dist/esm/b2b-toggle-chip.entry.js +12 -10
- package/dist/esm/b2b-toggle-group.entry.js +9 -7
- package/dist/esm/b2b-toggle-switch.entry.js +13 -13
- package/dist/esm/b2b-tooltip.entry.js +10 -11
- package/dist/esm/b2b-wizard-icon.entry.js +7 -8
- package/dist/esm/b2b-wizard-step.entry.js +6 -9
- package/dist/esm/b2b-wizard.entry.js +8 -12
- package/dist/esm/index-ab9eb36d.js +2487 -0
- package/dist/esm/loader.js +4 -3
- package/dist/esm/polyfills/core-js.js +11 -0
- package/dist/esm/polyfills/dom.js +79 -0
- package/dist/esm/polyfills/es5-html-element.js +1 -0
- package/dist/esm/polyfills/index.js +34 -0
- package/dist/esm/polyfills/system.js +6 -0
- package/dist/{components/p-CPfvpKl5.js → esm/request-1d048f8a.js} +0 -2
- package/dist/{components/p-BA6KE1BD.js → esm/utils-868299de.js} +10 -3
- package/dist/loader/cdn.js +3 -1
- package/dist/loader/index.cjs.js +3 -1
- package/dist/loader/index.d.ts +0 -3
- package/dist/loader/index.es2017.js +3 -1
- package/dist/loader/index.js +3 -1
- package/dist/loader/package.json +11 -0
- package/dist/types/components.d.ts +0 -413
- package/dist/types/stencil-public-runtime.d.ts +11 -32
- package/dist/web-types.json +8 -7
- package/package.json +10 -11
- package/dist/b2b-core-components/p-0002d8d5.entry.js +0 -1
- package/dist/b2b-core-components/p-0386f660.entry.js +0 -1
- package/dist/b2b-core-components/p-0a08e2c8.entry.js +0 -1
- package/dist/b2b-core-components/p-0d8cc4eb.entry.js +0 -1
- package/dist/b2b-core-components/p-197dc9c0.entry.js +0 -1
- package/dist/b2b-core-components/p-220b8c79.entry.js +0 -1
- package/dist/b2b-core-components/p-2933f053.entry.js +0 -1
- package/dist/b2b-core-components/p-3a9f7db8.entry.js +0 -1
- package/dist/b2b-core-components/p-3e0919b3.entry.js +0 -1
- package/dist/b2b-core-components/p-42d9f79d.entry.js +0 -1
- package/dist/b2b-core-components/p-4bb42493.entry.js +0 -1
- package/dist/b2b-core-components/p-4c550170.entry.js +0 -1
- package/dist/b2b-core-components/p-50559efd.entry.js +0 -1
- package/dist/b2b-core-components/p-55db3d57.entry.js +0 -1
- package/dist/b2b-core-components/p-6e7abebc.entry.js +0 -1
- package/dist/b2b-core-components/p-7b75a0a4.entry.js +0 -1
- package/dist/b2b-core-components/p-7cbe33ef.entry.js +0 -1
- package/dist/b2b-core-components/p-8544b7e1.entry.js +0 -1
- package/dist/b2b-core-components/p-88037ad2.entry.js +0 -1
- package/dist/b2b-core-components/p-930425a1.entry.js +0 -1
- package/dist/b2b-core-components/p-B9l4NfeG.js +0 -1
- package/dist/b2b-core-components/p-BA6KE1BD.js +0 -1
- package/dist/b2b-core-components/p-a1a4efd4.entry.js +0 -1
- package/dist/b2b-core-components/p-a61eecf7.entry.js +0 -1
- package/dist/b2b-core-components/p-ada918c2.entry.js +0 -1
- package/dist/b2b-core-components/p-bb020c1c.entry.js +0 -1
- package/dist/b2b-core-components/p-bbb4c6f3.entry.js +0 -1
- package/dist/b2b-core-components/p-c0af184a.entry.js +0 -1
- package/dist/b2b-core-components/p-c40f7176.entry.js +0 -1
- package/dist/b2b-core-components/p-c6043d6a.entry.js +0 -1
- package/dist/b2b-core-components/p-c649c112.entry.js +0 -1
- package/dist/b2b-core-components/p-c69e9220.entry.js +0 -1
- package/dist/b2b-core-components/p-d1b46208.entry.js +0 -1
- package/dist/b2b-core-components/p-d2d40ae5.entry.js +0 -1
- package/dist/b2b-core-components/p-e8e156a4.entry.js +0 -1
- package/dist/b2b-core-components/p-ebcc2cce.entry.js +0 -1
- package/dist/b2b-core-components/p-edea84cc.entry.js +0 -1
- package/dist/b2b-core-components/p-f831e483.entry.js +0 -1
- package/dist/b2b-core-components/p-fdfb094e.entry.js +0 -1
- package/dist/b2b-core-components/p-zl-jO_Vq.js +0 -2
- package/dist/cjs/index-CIrNIFXs.js +0 -2406
- package/dist/esm/index-zl-jO_Vq.js +0 -2378
- /package/dist/b2b-core-components/{p-B8geQC3V.js → p-48608c23.js} +0 -0
- /package/dist/b2b-core-components/{p-BgHEmQ44.js → p-c500d93c.js} +0 -0
- /package/dist/cjs/{date-picker-util-VbL9p5ie.js → date-picker-util-51276571.js} +0 -0
- /package/dist/cjs/{wizard.types-uAv3s7tK.js → wizard.types-40a1058c.js} +0 -0
- /package/dist/components/{p-BsfreBZY.js → date-picker.types.js} +0 -0
- /package/dist/components/{p-BgHEmQ44.js → wizard.types.js} +0 -0
- /package/dist/esm/{date-picker-util-B8geQC3V.js → date-picker-util-44201ca6.js} +0 -0
- /package/dist/esm/{wizard.types-BgHEmQ44.js → wizard.types-40ae9b73.js} +0 -0
|
@@ -29,39 +29,32 @@ export namespace Components {
|
|
|
29
29
|
interface B2bAlert {
|
|
30
30
|
/**
|
|
31
31
|
* Whether or not you want to use a custom icon. Per default, it is false.
|
|
32
|
-
* @default false
|
|
33
32
|
*/
|
|
34
33
|
"customIcon": boolean;
|
|
35
34
|
/**
|
|
36
35
|
* Whether or not the alert has a close button. Per default it is true. Note that errors and small alerts cannot be closed.
|
|
37
|
-
* @default true
|
|
38
36
|
*/
|
|
39
37
|
"hasCloseButton": boolean;
|
|
40
38
|
/**
|
|
41
39
|
* Whether the alert is currently open. Set to true to display the alert.
|
|
42
|
-
* @default false
|
|
43
40
|
*/
|
|
44
41
|
"opened": boolean;
|
|
45
42
|
/**
|
|
46
43
|
* The size of the alert. Per default it is large. If set to small, the alert will only have an icon.
|
|
47
|
-
* @default 'large'
|
|
48
44
|
*/
|
|
49
45
|
"size": 'large' | 'small';
|
|
50
46
|
/**
|
|
51
47
|
* The type of alert. Per default it is info.
|
|
52
|
-
* @default 'info'
|
|
53
48
|
*/
|
|
54
49
|
"type": 'info' | 'success' | 'warning' | 'error';
|
|
55
50
|
}
|
|
56
51
|
interface B2bAnchor {
|
|
57
52
|
/**
|
|
58
53
|
* If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file defaults to the URL string, but can be changed by the user.
|
|
59
|
-
* @default null
|
|
60
54
|
*/
|
|
61
55
|
"download": string;
|
|
62
56
|
/**
|
|
63
57
|
* The hoverColor of the link. Per default, it is set to b2b-color-red-100. If specified as inherit, it is inherited from the parent element.
|
|
64
|
-
* @default 'default'
|
|
65
58
|
*/
|
|
66
59
|
"hoverColor": 'inherit' | 'default';
|
|
67
60
|
/**
|
|
@@ -70,73 +63,60 @@ export namespace Components {
|
|
|
70
63
|
"href": string;
|
|
71
64
|
/**
|
|
72
65
|
* The size of the link. Per default, it is inherited from the parent element. If specified to 100, the font size is 14px.
|
|
73
|
-
* @default 'inherit'
|
|
74
66
|
*/
|
|
75
67
|
"size": 'inherit' | '100';
|
|
76
68
|
/**
|
|
77
69
|
* The target the URL will be opened into. The default is self.
|
|
78
|
-
* @default 'self'
|
|
79
70
|
*/
|
|
80
71
|
"target": 'self' | 'blank' | 'parent' | 'top';
|
|
81
72
|
/**
|
|
82
73
|
* The underlineText of the link. If set to false, the link text will not be underlined.
|
|
83
|
-
* @default true
|
|
84
74
|
*/
|
|
85
75
|
"underlineText": boolean;
|
|
86
76
|
}
|
|
87
77
|
interface B2bBackgroundBox {
|
|
88
78
|
/**
|
|
89
79
|
* Whether the box should have a bottom border. Per default, the border is enabled
|
|
90
|
-
* @default 'default'
|
|
91
80
|
*/
|
|
92
81
|
"borderBottom": 'default' | 'none';
|
|
93
82
|
/**
|
|
94
83
|
* Whether the box should have a left border. Per default, the border is enabled
|
|
95
|
-
* @default 'default'
|
|
96
84
|
*/
|
|
97
85
|
"borderLeft": 'default' | 'none';
|
|
98
86
|
/**
|
|
99
87
|
* Whether the box should have a right border. Per default, the border is enabled
|
|
100
|
-
* @default 'default'
|
|
101
88
|
*/
|
|
102
89
|
"borderRight": 'default' | 'none';
|
|
103
90
|
/**
|
|
104
91
|
* Whether the box should have a top border. Per default, the border is enabled
|
|
105
|
-
* @default 'default'
|
|
106
92
|
*/
|
|
107
93
|
"borderTop": 'default' | 'none';
|
|
108
94
|
/**
|
|
109
95
|
* Sets max width to 1212px. Per default, it is false
|
|
110
|
-
* @default false
|
|
111
96
|
*/
|
|
112
97
|
"maxWidth": boolean;
|
|
113
98
|
/**
|
|
114
99
|
* Whether the box should have a padding. Per default, padding is enabled
|
|
115
|
-
* @default false
|
|
116
100
|
*/
|
|
117
101
|
"noPadding": boolean;
|
|
118
102
|
}
|
|
119
103
|
interface B2bBreadcrumb {
|
|
120
104
|
/**
|
|
121
105
|
* Padding for the bottom of the breadcrumb component
|
|
122
|
-
* @default 0
|
|
123
106
|
*/
|
|
124
107
|
"paddingBottom": number;
|
|
125
108
|
/**
|
|
126
109
|
* Padding for the top of the breadcrumb component
|
|
127
|
-
* @default 0
|
|
128
110
|
*/
|
|
129
111
|
"paddingTop": number;
|
|
130
112
|
}
|
|
131
113
|
interface B2bBreadcrumbItem {
|
|
132
114
|
/**
|
|
133
115
|
* If the item is currently selected. If true, it will not emit an event when clicked and does not have a hover state.
|
|
134
|
-
* @default false
|
|
135
116
|
*/
|
|
136
117
|
"active": boolean;
|
|
137
118
|
/**
|
|
138
119
|
* If defined, an anchor tag will be rendered instead of a span, opening the specified link in the same context when clicked.
|
|
139
|
-
* @default null
|
|
140
120
|
*/
|
|
141
121
|
"href": string;
|
|
142
122
|
/**
|
|
@@ -147,21 +127,16 @@ export namespace Components {
|
|
|
147
127
|
interface B2bButton {
|
|
148
128
|
/**
|
|
149
129
|
* Whether the button is currently active. Set to true when using the button to signify a permanent active state
|
|
150
|
-
* @default false
|
|
151
130
|
*/
|
|
152
131
|
"active": boolean;
|
|
153
132
|
/**
|
|
154
133
|
* Whether the button is disabled.
|
|
155
|
-
* @default false
|
|
156
134
|
*/
|
|
157
135
|
"disabled": boolean;
|
|
158
136
|
/**
|
|
159
137
|
* If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file defaults to the URL string, but can be changed by the user.
|
|
160
138
|
*/
|
|
161
139
|
"download"?: string;
|
|
162
|
-
/**
|
|
163
|
-
* @default false
|
|
164
|
-
*/
|
|
165
140
|
"groupDisabled": boolean;
|
|
166
141
|
/**
|
|
167
142
|
* An optional anchor. If specified, the button will render an anchor element that can be use for navigation or download files
|
|
@@ -169,7 +144,6 @@ export namespace Components {
|
|
|
169
144
|
"href"?: string;
|
|
170
145
|
/**
|
|
171
146
|
* Whether the button is currently loading. Set to true to hide text and display loading spinner instead
|
|
172
|
-
* @default false
|
|
173
147
|
*/
|
|
174
148
|
"loading": boolean;
|
|
175
149
|
/**
|
|
@@ -178,65 +152,52 @@ export namespace Components {
|
|
|
178
152
|
"setFocus": () => Promise<void>;
|
|
179
153
|
/**
|
|
180
154
|
* The size of the button, 100 is the default state
|
|
181
|
-
* @default '100'
|
|
182
155
|
*/
|
|
183
156
|
"size": '100' | '50';
|
|
184
157
|
/**
|
|
185
158
|
* The target of the button if it should behave like an anchor. Per default it is self.
|
|
186
|
-
* @default 'self'
|
|
187
159
|
*/
|
|
188
160
|
"target"?: 'self' | 'blank';
|
|
189
161
|
/**
|
|
190
162
|
* The button type. Matches native HTML types. The default type is 'button'.
|
|
191
|
-
* @default 'button'
|
|
192
163
|
*/
|
|
193
164
|
"type": 'button' | 'submit' | 'reset';
|
|
194
165
|
/**
|
|
195
166
|
* The button variant. If not specified, the button will be the secondary variant.
|
|
196
|
-
* @default 'secondary'
|
|
197
167
|
*/
|
|
198
168
|
"variant": 'primary' | 'secondary';
|
|
199
169
|
/**
|
|
200
170
|
* The width of the button. Per default, it will fit the content
|
|
201
|
-
* @default 'fit-content'
|
|
202
171
|
*/
|
|
203
172
|
"width": 'fit-content' | 'fit-container' | 'custom';
|
|
204
173
|
}
|
|
205
174
|
interface B2bCard {
|
|
206
175
|
/**
|
|
207
176
|
* Disables the card. Per default, it is false
|
|
208
|
-
* @default false
|
|
209
177
|
*/
|
|
210
178
|
"disabled": boolean;
|
|
211
179
|
/**
|
|
212
180
|
* An optional href in case the card is used to redirect on click.
|
|
213
|
-
* @default ''
|
|
214
181
|
*/
|
|
215
182
|
"href"?: string;
|
|
216
183
|
/**
|
|
217
184
|
* The target of the card if used with an href. Blank per default.
|
|
218
|
-
* @default 'blank'
|
|
219
185
|
*/
|
|
220
186
|
"target"?: 'blank' | 'self';
|
|
221
187
|
}
|
|
222
188
|
interface B2bCheckbox {
|
|
223
189
|
/**
|
|
224
190
|
* Whether or not the checkbox is checked. Default value is false and can be set to true if the checkbox should come pre-checked.
|
|
225
|
-
* @default false
|
|
226
191
|
*/
|
|
227
192
|
"checked": boolean;
|
|
228
193
|
/**
|
|
229
194
|
* Whether or not the checkbox is disabled. The default value is false.
|
|
230
|
-
* @default false
|
|
231
195
|
*/
|
|
232
196
|
"disabled": boolean;
|
|
233
197
|
/**
|
|
234
198
|
* The error message. It is undefined by default. If a string is passed in, it will render the checkbox with error styles.
|
|
235
199
|
*/
|
|
236
200
|
"error"?: string;
|
|
237
|
-
/**
|
|
238
|
-
* @default false
|
|
239
|
-
*/
|
|
240
201
|
"groupDisabled": boolean;
|
|
241
202
|
/**
|
|
242
203
|
* The hint text belonging to the checkbox. It is undefined by default. If an error is specified, it will be shown instead of the hint.
|
|
@@ -248,7 +209,6 @@ export namespace Components {
|
|
|
248
209
|
"indeterminate": boolean;
|
|
249
210
|
/**
|
|
250
211
|
* Whether or not the checkbox is rendered with error styles. Defaults to false.
|
|
251
|
-
* @default false
|
|
252
212
|
*/
|
|
253
213
|
"invalid"?: boolean;
|
|
254
214
|
/**
|
|
@@ -261,12 +221,10 @@ export namespace Components {
|
|
|
261
221
|
"name"?: string;
|
|
262
222
|
/**
|
|
263
223
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
264
|
-
* @default false
|
|
265
224
|
*/
|
|
266
225
|
"required": boolean;
|
|
267
226
|
/**
|
|
268
227
|
* If true, renders a standalone inline checkbox with no label and hint/error.
|
|
269
|
-
* @default false
|
|
270
228
|
*/
|
|
271
229
|
"standalone": boolean;
|
|
272
230
|
/**
|
|
@@ -277,12 +235,10 @@ export namespace Components {
|
|
|
277
235
|
interface B2bCheckboxGroup {
|
|
278
236
|
/**
|
|
279
237
|
* The alignment of the checkbox group. Per default it is vertical
|
|
280
|
-
* @default 'vertical'
|
|
281
238
|
*/
|
|
282
239
|
"alignment": 'vertical' | 'horizontal';
|
|
283
240
|
/**
|
|
284
241
|
* Whether or not the checkbox group as a whole is disabled. Default state is false.
|
|
285
|
-
* @default false
|
|
286
242
|
*/
|
|
287
243
|
"disabled": boolean;
|
|
288
244
|
/**
|
|
@@ -295,7 +251,6 @@ export namespace Components {
|
|
|
295
251
|
"hint"?: string;
|
|
296
252
|
/**
|
|
297
253
|
* Whether or not the checkbox group as a whole is invalid. Set to true to display a group error.
|
|
298
|
-
* @default false
|
|
299
254
|
*/
|
|
300
255
|
"invalid": boolean;
|
|
301
256
|
/**
|
|
@@ -304,24 +259,20 @@ export namespace Components {
|
|
|
304
259
|
"label": string;
|
|
305
260
|
/**
|
|
306
261
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
307
|
-
* @default false
|
|
308
262
|
*/
|
|
309
263
|
"required": boolean;
|
|
310
264
|
}
|
|
311
265
|
interface B2bChipComponent {
|
|
312
266
|
/**
|
|
313
267
|
* It is used to customise the margin of chip component
|
|
314
|
-
* @default '8px'
|
|
315
268
|
*/
|
|
316
269
|
"customMargin": string;
|
|
317
270
|
/**
|
|
318
271
|
* Whether the chip is disabled.
|
|
319
|
-
* @default false
|
|
320
272
|
*/
|
|
321
273
|
"disabled": boolean;
|
|
322
274
|
/**
|
|
323
275
|
* Whether or not the chip component has a close button. Per default it is true.
|
|
324
|
-
* @default true
|
|
325
276
|
*/
|
|
326
277
|
"hasCloseButton": boolean;
|
|
327
278
|
/**
|
|
@@ -344,7 +295,6 @@ export namespace Components {
|
|
|
344
295
|
interface B2bDatePicker {
|
|
345
296
|
/**
|
|
346
297
|
* The dates that are part of this array are disabled. By default, this is an empty array.
|
|
347
|
-
* @default []
|
|
348
298
|
*/
|
|
349
299
|
"disableDates": string | string[];
|
|
350
300
|
/**
|
|
@@ -357,7 +307,6 @@ export namespace Components {
|
|
|
357
307
|
"disableDatesUntil": string;
|
|
358
308
|
/**
|
|
359
309
|
* Disable the days of the week specified here.
|
|
360
|
-
* @default []
|
|
361
310
|
*/
|
|
362
311
|
"disableDays": | 'Mo'
|
|
363
312
|
| 'Di'
|
|
@@ -386,49 +335,40 @@ export namespace Components {
|
|
|
386
335
|
"disableWeekends": boolean;
|
|
387
336
|
/**
|
|
388
337
|
* Hint text that should be displayed when showHint is true
|
|
389
|
-
* @default 'Format: TT.MM.JJJJ'
|
|
390
338
|
*/
|
|
391
339
|
"hint": string;
|
|
392
340
|
/**
|
|
393
341
|
* Label for the date picker component.
|
|
394
|
-
* @default 'Zeitpunkt auswählen'
|
|
395
342
|
*/
|
|
396
343
|
"label": string;
|
|
397
344
|
/**
|
|
398
345
|
* The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
|
|
399
|
-
* @default 'de'
|
|
400
346
|
*/
|
|
401
347
|
"language": 'de' | 'en';
|
|
402
348
|
/**
|
|
403
349
|
* The placeholder shown in the date picker.
|
|
404
|
-
* @default null
|
|
405
350
|
*/
|
|
406
351
|
"placeholder": string;
|
|
407
352
|
/**
|
|
408
353
|
* Default date picker date
|
|
409
|
-
* @default undefined
|
|
410
354
|
*/
|
|
411
355
|
"preSelectedDate": string;
|
|
412
356
|
/**
|
|
413
357
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
414
|
-
* @default false
|
|
415
358
|
*/
|
|
416
359
|
"required": boolean;
|
|
417
360
|
/**
|
|
418
361
|
* Whether to show hint message or not.
|
|
419
|
-
* @default true
|
|
420
362
|
*/
|
|
421
363
|
"showHint": boolean;
|
|
422
364
|
/**
|
|
423
365
|
* The width of the input field of the date picker in pixel. Minimum is 250, maximum is 600px.
|
|
424
|
-
* @default 300
|
|
425
366
|
*/
|
|
426
367
|
"width": number;
|
|
427
368
|
}
|
|
428
369
|
interface B2bDatePickerDays {
|
|
429
370
|
/**
|
|
430
371
|
* Internal the dates that are part of this array are disabled. By default, this is an empty array.
|
|
431
|
-
* @default []
|
|
432
372
|
*/
|
|
433
373
|
"disableDates": Date[];
|
|
434
374
|
/**
|
|
@@ -441,22 +381,18 @@ export namespace Components {
|
|
|
441
381
|
"disableDatesUntil": Date;
|
|
442
382
|
/**
|
|
443
383
|
* Internal the specific days of the week that need to be disabled
|
|
444
|
-
* @default []
|
|
445
384
|
*/
|
|
446
385
|
"disableEvery": string[];
|
|
447
386
|
/**
|
|
448
387
|
* Internal whether the dates after the current date are disabled. By default, this is false.
|
|
449
|
-
* @default false
|
|
450
388
|
*/
|
|
451
389
|
"disableFutureDates": boolean;
|
|
452
390
|
/**
|
|
453
391
|
* Internal whether the dates previous to the current date are disabled. By default, this is true.
|
|
454
|
-
* @default false
|
|
455
392
|
*/
|
|
456
393
|
"disablePastDates": boolean;
|
|
457
394
|
/**
|
|
458
395
|
* Internal whether the weekends are disabled. By default, this is false.
|
|
459
|
-
* @default false
|
|
460
396
|
*/
|
|
461
397
|
"disableWeekends": boolean;
|
|
462
398
|
/**
|
|
@@ -475,14 +411,12 @@ export namespace Components {
|
|
|
475
411
|
interface B2bDatePickerDaysHeader {
|
|
476
412
|
/**
|
|
477
413
|
* Internal the language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
|
|
478
|
-
* @default 'de'
|
|
479
414
|
*/
|
|
480
415
|
"language": 'de' | 'en';
|
|
481
416
|
}
|
|
482
417
|
interface B2bDatePickerHeader {
|
|
483
418
|
/**
|
|
484
419
|
* The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
|
|
485
|
-
* @default 'de'
|
|
486
420
|
*/
|
|
487
421
|
"language": 'de' | 'en';
|
|
488
422
|
/**
|
|
@@ -497,7 +431,6 @@ export namespace Components {
|
|
|
497
431
|
interface B2bDatePickerMonths {
|
|
498
432
|
/**
|
|
499
433
|
* Internal The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
|
|
500
|
-
* @default 'de'
|
|
501
434
|
*/
|
|
502
435
|
"language": 'de' | 'en';
|
|
503
436
|
/**
|
|
@@ -518,7 +451,6 @@ export namespace Components {
|
|
|
518
451
|
"clearSelection": () => Promise<void>;
|
|
519
452
|
/**
|
|
520
453
|
* Whether the select as a whole is disabled. Per default it is false.
|
|
521
|
-
* @default false
|
|
522
454
|
*/
|
|
523
455
|
"disabled": boolean;
|
|
524
456
|
/**
|
|
@@ -531,7 +463,6 @@ export namespace Components {
|
|
|
531
463
|
"hint"?: string;
|
|
532
464
|
/**
|
|
533
465
|
* Whether the select is currently invalid. Per default it is false.
|
|
534
|
-
* @default false
|
|
535
466
|
*/
|
|
536
467
|
"invalid": boolean;
|
|
537
468
|
/**
|
|
@@ -544,30 +475,23 @@ export namespace Components {
|
|
|
544
475
|
"name"?: string;
|
|
545
476
|
/**
|
|
546
477
|
* Placeholder text for the dropdown.
|
|
547
|
-
* @default 'Select an option...'
|
|
548
478
|
*/
|
|
549
479
|
"placeholder": string;
|
|
550
480
|
/**
|
|
551
481
|
* Value for the placeholder. Defaults to an empty string but can be customized.
|
|
552
|
-
* @default ''
|
|
553
482
|
*/
|
|
554
483
|
"placeholderValue": string;
|
|
555
484
|
/**
|
|
556
485
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
557
|
-
* @default false
|
|
558
486
|
*/
|
|
559
487
|
"required": boolean;
|
|
560
488
|
}
|
|
561
489
|
interface B2bFlyoutMenu {
|
|
562
|
-
/**
|
|
563
|
-
* @default false
|
|
564
|
-
*/
|
|
565
490
|
"opened": boolean;
|
|
566
491
|
}
|
|
567
492
|
interface B2bFlyoutMenuOption {
|
|
568
493
|
/**
|
|
569
494
|
* Whether the option is disabled. Per default it is false. If disabled is true, the option cannot be selected.
|
|
570
|
-
* @default false
|
|
571
495
|
*/
|
|
572
496
|
"disabled": boolean;
|
|
573
497
|
/**
|
|
@@ -576,14 +500,12 @@ export namespace Components {
|
|
|
576
500
|
"option": string;
|
|
577
501
|
/**
|
|
578
502
|
* Whether the option has a separator at the bottom. Per default it is false.
|
|
579
|
-
* @default false
|
|
580
503
|
*/
|
|
581
504
|
"separator": boolean;
|
|
582
505
|
}
|
|
583
506
|
interface B2bGrid {
|
|
584
507
|
/**
|
|
585
508
|
* The inner padding of the grid container measured in px.
|
|
586
|
-
* @default 24
|
|
587
509
|
*/
|
|
588
510
|
"margin": number;
|
|
589
511
|
}
|
|
@@ -605,24 +527,20 @@ export namespace Components {
|
|
|
605
527
|
| 12;
|
|
606
528
|
/**
|
|
607
529
|
* The alignment of text placed inside a column. Note that this will apply to all children.
|
|
608
|
-
* @default 'left'
|
|
609
530
|
*/
|
|
610
531
|
"textAlign": 'left' | 'center' | 'right';
|
|
611
532
|
}
|
|
612
533
|
interface B2bGridRow {
|
|
613
534
|
/**
|
|
614
535
|
* Vertical alignment of columns. This requires the row to have a defined height.
|
|
615
|
-
* @default 'stretch'
|
|
616
536
|
*/
|
|
617
537
|
"alignItems": 'stretch' | 'flex-start' | 'center' | 'flex-end';
|
|
618
538
|
/**
|
|
619
539
|
* The spacing in between individual columns in px. The higher the gap, the smaller the columns will be.
|
|
620
|
-
* @default 24
|
|
621
540
|
*/
|
|
622
541
|
"columnGap": number;
|
|
623
542
|
/**
|
|
624
543
|
* Horizontal alignment of columns.
|
|
625
|
-
* @default 'start'
|
|
626
544
|
*/
|
|
627
545
|
"justify": | 'start'
|
|
628
546
|
| 'end'
|
|
@@ -632,7 +550,6 @@ export namespace Components {
|
|
|
632
550
|
| 'space-evenly';
|
|
633
551
|
/**
|
|
634
552
|
* The spacing between individual rows in px.
|
|
635
|
-
* @default 24
|
|
636
553
|
*/
|
|
637
554
|
"rowGap": number;
|
|
638
555
|
}
|
|
@@ -643,34 +560,28 @@ export namespace Components {
|
|
|
643
560
|
interface B2bHeadline {
|
|
644
561
|
/**
|
|
645
562
|
* The alignment of the headline.
|
|
646
|
-
* @default 'left'
|
|
647
563
|
*/
|
|
648
564
|
"align": 'left' | 'right' | 'center';
|
|
649
565
|
/**
|
|
650
566
|
* Whether the headline should have a margin. Per default, margins are enabled.
|
|
651
|
-
* @default false
|
|
652
567
|
*/
|
|
653
568
|
"noMargin": boolean;
|
|
654
569
|
/**
|
|
655
570
|
* Each variant has a different hierarchical order, where 1 is the highest level. 400 will render to `<h1>`, 200 to `<h2>` and 100 to `<h3>`
|
|
656
|
-
* @default '400'
|
|
657
571
|
*/
|
|
658
572
|
"size": '400' | '200' | '100';
|
|
659
573
|
}
|
|
660
574
|
interface B2bIcon {
|
|
661
575
|
/**
|
|
662
576
|
* Will display a pointer cursor when hovering the icon
|
|
663
|
-
* @default false
|
|
664
577
|
*/
|
|
665
578
|
"clickable": boolean;
|
|
666
579
|
/**
|
|
667
580
|
* The color of the icon
|
|
668
|
-
* @default 'inherit'
|
|
669
581
|
*/
|
|
670
582
|
"color": 'primary' | 'secondary' | 'inverse' | 'inherit';
|
|
671
583
|
/**
|
|
672
584
|
* Whether the icon can receive focus. Per default it is false. Use this for icon triggers like tooltip or flyout menu.
|
|
673
|
-
* @default false
|
|
674
585
|
*/
|
|
675
586
|
"focusable": boolean;
|
|
676
587
|
/**
|
|
@@ -679,24 +590,20 @@ export namespace Components {
|
|
|
679
590
|
"icon": IconName;
|
|
680
591
|
/**
|
|
681
592
|
* @deprecated The size of the icon. In the future, only 50 and 100 will be support through new components.
|
|
682
|
-
* @default '100'
|
|
683
593
|
*/
|
|
684
594
|
"size": '50' | '100' | '200';
|
|
685
595
|
}
|
|
686
596
|
interface B2bIcon100 {
|
|
687
597
|
/**
|
|
688
598
|
* Will display a pointer cursor when hovering the icon
|
|
689
|
-
* @default false
|
|
690
599
|
*/
|
|
691
600
|
"clickable": boolean;
|
|
692
601
|
/**
|
|
693
602
|
* The color of the icon
|
|
694
|
-
* @default 'inherit'
|
|
695
603
|
*/
|
|
696
604
|
"color": 'primary' | 'secondary' | 'inverse' | 'inherit';
|
|
697
605
|
/**
|
|
698
606
|
* Whether the icon can receive focus. Per default it is false. Use this for icon triggers like tooltip or flyout menu.
|
|
699
|
-
* @default false
|
|
700
607
|
*/
|
|
701
608
|
"focusable": boolean;
|
|
702
609
|
/**
|
|
@@ -705,24 +612,20 @@ export namespace Components {
|
|
|
705
612
|
"icon": IconName1;
|
|
706
613
|
/**
|
|
707
614
|
* The size of the icon in pixel. Minimum is 24, maximum is 96px.
|
|
708
|
-
* @default 24
|
|
709
615
|
*/
|
|
710
616
|
"size": number;
|
|
711
617
|
}
|
|
712
618
|
interface B2bIcon50 {
|
|
713
619
|
/**
|
|
714
620
|
* Will display a pointer cursor when hovering the icon
|
|
715
|
-
* @default false
|
|
716
621
|
*/
|
|
717
622
|
"clickable": boolean;
|
|
718
623
|
/**
|
|
719
624
|
* The color of the icon
|
|
720
|
-
* @default 'inherit'
|
|
721
625
|
*/
|
|
722
626
|
"color": 'primary' | 'secondary' | 'inverse' | 'inherit';
|
|
723
627
|
/**
|
|
724
628
|
* Whether the icon can receive focus. Per default it is false. Use this for icon triggers like tooltip or flyout menu.
|
|
725
|
-
* @default false
|
|
726
629
|
*/
|
|
727
630
|
"focusable": boolean;
|
|
728
631
|
/**
|
|
@@ -741,7 +644,6 @@ export namespace Components {
|
|
|
741
644
|
"clearInput": () => Promise<void>;
|
|
742
645
|
/**
|
|
743
646
|
* Whether or not the input is disabled. Default is false.
|
|
744
|
-
* @default false
|
|
745
647
|
*/
|
|
746
648
|
"disabled": boolean;
|
|
747
649
|
/**
|
|
@@ -750,12 +652,8 @@ export namespace Components {
|
|
|
750
652
|
"error"?: string;
|
|
751
653
|
/**
|
|
752
654
|
* When setting the autofocus to true, the input element will be focused when the page loads.
|
|
753
|
-
* @default false
|
|
754
655
|
*/
|
|
755
656
|
"focusOnLoad": boolean;
|
|
756
|
-
/**
|
|
757
|
-
* @default false
|
|
758
|
-
*/
|
|
759
657
|
"groupDisabled": boolean;
|
|
760
658
|
/**
|
|
761
659
|
* The hint text that appears underneath the input field.
|
|
@@ -763,12 +661,10 @@ export namespace Components {
|
|
|
763
661
|
"hint"?: string;
|
|
764
662
|
/**
|
|
765
663
|
* The alignment of the text.
|
|
766
|
-
* @default 'left'
|
|
767
664
|
*/
|
|
768
665
|
"inputTextAlign": 'left' | 'right' | 'center';
|
|
769
666
|
/**
|
|
770
667
|
* Whether the input is currently invalid. If true, the input is rendered with error styles. Per default it is false.
|
|
771
|
-
* @default false
|
|
772
668
|
*/
|
|
773
669
|
"invalid": boolean;
|
|
774
670
|
/**
|
|
@@ -781,12 +677,10 @@ export namespace Components {
|
|
|
781
677
|
"name"?: string;
|
|
782
678
|
/**
|
|
783
679
|
* A placeholder for the input field. Per default, it is null.
|
|
784
|
-
* @default null
|
|
785
680
|
*/
|
|
786
681
|
"placeholder": string;
|
|
787
682
|
/**
|
|
788
683
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
789
|
-
* @default false
|
|
790
684
|
*/
|
|
791
685
|
"required": boolean;
|
|
792
686
|
/**
|
|
@@ -795,7 +689,6 @@ export namespace Components {
|
|
|
795
689
|
"setFocus": () => Promise<void>;
|
|
796
690
|
/**
|
|
797
691
|
* The type of the input. All native HTML types except date or month are supported. Default is text.
|
|
798
|
-
* @default 'text'
|
|
799
692
|
*/
|
|
800
693
|
"type": | 'text'
|
|
801
694
|
| 'email'
|
|
@@ -806,14 +699,12 @@ export namespace Components {
|
|
|
806
699
|
| 'url';
|
|
807
700
|
/**
|
|
808
701
|
* The default value of the input field. If defined, it will prefill the input.
|
|
809
|
-
* @default null
|
|
810
702
|
*/
|
|
811
703
|
"value": string;
|
|
812
704
|
}
|
|
813
705
|
interface B2bInputGroup {
|
|
814
706
|
/**
|
|
815
707
|
* Whether or not the input group is disabled as a whole. Per default it is false.
|
|
816
|
-
* @default false
|
|
817
708
|
*/
|
|
818
709
|
"disabled": boolean;
|
|
819
710
|
/**
|
|
@@ -826,31 +717,24 @@ export namespace Components {
|
|
|
826
717
|
"hint"?: string;
|
|
827
718
|
/**
|
|
828
719
|
* Whether or not the input group is invalid and should be rendered with error styles as a whole. Per default it is false.
|
|
829
|
-
* @default false
|
|
830
720
|
*/
|
|
831
721
|
"invalid": boolean;
|
|
832
722
|
}
|
|
833
723
|
interface B2bInputLabel {
|
|
834
724
|
/**
|
|
835
725
|
* Will render the label with a disabled style. The default value is false.
|
|
836
|
-
* @default false
|
|
837
726
|
*/
|
|
838
727
|
"disabled": boolean;
|
|
839
728
|
/**
|
|
840
729
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
841
|
-
* @default false
|
|
842
730
|
*/
|
|
843
731
|
"required": boolean;
|
|
844
732
|
}
|
|
845
733
|
interface B2bInputList {
|
|
846
734
|
/**
|
|
847
735
|
* Whether or not the input is disabled. Default is false.
|
|
848
|
-
* @default false
|
|
849
736
|
*/
|
|
850
737
|
"disabled": boolean;
|
|
851
|
-
/**
|
|
852
|
-
* @default false
|
|
853
|
-
*/
|
|
854
738
|
"groupDisabled": boolean;
|
|
855
739
|
/**
|
|
856
740
|
* The input label.
|
|
@@ -858,7 +742,6 @@ export namespace Components {
|
|
|
858
742
|
"label": string;
|
|
859
743
|
/**
|
|
860
744
|
* The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire.
|
|
861
|
-
* @default []
|
|
862
745
|
*/
|
|
863
746
|
"optionsList": string[];
|
|
864
747
|
/**
|
|
@@ -867,12 +750,10 @@ export namespace Components {
|
|
|
867
750
|
"placeholder": string;
|
|
868
751
|
/**
|
|
869
752
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
870
|
-
* @default false
|
|
871
753
|
*/
|
|
872
754
|
"required": boolean;
|
|
873
755
|
/**
|
|
874
756
|
* The default value of the input field. If defined, it will prefill the input.
|
|
875
|
-
* @default null
|
|
876
757
|
*/
|
|
877
758
|
"value": string;
|
|
878
759
|
}
|
|
@@ -885,7 +766,6 @@ export namespace Components {
|
|
|
885
766
|
interface B2bLabel {
|
|
886
767
|
/**
|
|
887
768
|
* The type of the label. Per default it is neutral.
|
|
888
|
-
* @default 'neutral'
|
|
889
769
|
*/
|
|
890
770
|
"type": 'neutral' | 'info' | 'success' | 'warning' | 'error';
|
|
891
771
|
}
|
|
@@ -896,12 +776,10 @@ export namespace Components {
|
|
|
896
776
|
interface B2bModal {
|
|
897
777
|
/**
|
|
898
778
|
* A boolean that indicates whether the modal can be dismissed by clicking in the backdrop outside the modal.
|
|
899
|
-
* @default false
|
|
900
779
|
*/
|
|
901
780
|
"backdropDismiss": boolean;
|
|
902
781
|
/**
|
|
903
782
|
* A boolean to indicate whether the modal can be dismissed by pressing the escape key on the keyboard
|
|
904
|
-
* @default true
|
|
905
783
|
*/
|
|
906
784
|
"escDismiss": boolean;
|
|
907
785
|
/**
|
|
@@ -910,19 +788,16 @@ export namespace Components {
|
|
|
910
788
|
"heading": string;
|
|
911
789
|
/**
|
|
912
790
|
* Whether the modal is shown or not. Default is false
|
|
913
|
-
* @default false
|
|
914
791
|
*/
|
|
915
792
|
"opened": boolean;
|
|
916
793
|
/**
|
|
917
794
|
* The size of the modal. If not specified, will assume the default size
|
|
918
|
-
* @default 'default'
|
|
919
795
|
*/
|
|
920
796
|
"variant": 'default' | 'large';
|
|
921
797
|
}
|
|
922
798
|
interface B2bMultiselectDropdown {
|
|
923
799
|
/**
|
|
924
800
|
* Whether or not the field is disabled. Default is false.
|
|
925
|
-
* @default false
|
|
926
801
|
*/
|
|
927
802
|
"disabled": boolean;
|
|
928
803
|
/**
|
|
@@ -935,7 +810,6 @@ export namespace Components {
|
|
|
935
810
|
"hint"?: string;
|
|
936
811
|
/**
|
|
937
812
|
* Whether the multi select dropdown is currently invalid. Per default, it is false.
|
|
938
|
-
* @default false
|
|
939
813
|
*/
|
|
940
814
|
"invalid": boolean;
|
|
941
815
|
/**
|
|
@@ -944,12 +818,10 @@ export namespace Components {
|
|
|
944
818
|
"label": string;
|
|
945
819
|
/**
|
|
946
820
|
* The maximum amount of chips visible. Adjust this depending on available size of the dropdown.
|
|
947
|
-
* @default 8
|
|
948
821
|
*/
|
|
949
822
|
"maxOptionsVisible": number;
|
|
950
823
|
/**
|
|
951
824
|
* The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire.
|
|
952
|
-
* @default []
|
|
953
825
|
*/
|
|
954
826
|
"optionsList": string | string[];
|
|
955
827
|
/**
|
|
@@ -958,7 +830,6 @@ export namespace Components {
|
|
|
958
830
|
"placeholder": string;
|
|
959
831
|
/**
|
|
960
832
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
961
|
-
* @default false
|
|
962
833
|
*/
|
|
963
834
|
"required": boolean;
|
|
964
835
|
/**
|
|
@@ -971,14 +842,10 @@ export namespace Components {
|
|
|
971
842
|
"selectAllLabel": string;
|
|
972
843
|
/**
|
|
973
844
|
* The initial values to be selected in the dropdown.
|
|
974
|
-
* @default []
|
|
975
845
|
*/
|
|
976
846
|
"selectedValues": string | string[];
|
|
977
847
|
}
|
|
978
848
|
interface B2bMultiselectOption {
|
|
979
|
-
/**
|
|
980
|
-
* @default false
|
|
981
|
-
*/
|
|
982
849
|
"indeterminate"?: boolean;
|
|
983
850
|
/**
|
|
984
851
|
* The label of the option.
|
|
@@ -986,29 +853,24 @@ export namespace Components {
|
|
|
986
853
|
"option": string;
|
|
987
854
|
/**
|
|
988
855
|
* Whether the option is currently selected.
|
|
989
|
-
* @default false
|
|
990
856
|
*/
|
|
991
857
|
"selected": boolean;
|
|
992
858
|
}
|
|
993
859
|
interface B2bPagination {
|
|
994
860
|
/**
|
|
995
861
|
* Use this property to set programmatically the active page
|
|
996
|
-
* @default 1
|
|
997
862
|
*/
|
|
998
863
|
"activePage": number;
|
|
999
864
|
/**
|
|
1000
865
|
* (optional) translation to 'Go to next page'
|
|
1001
|
-
* @default 'Go to next page'
|
|
1002
866
|
*/
|
|
1003
867
|
"ariaLabelNextPage": string;
|
|
1004
868
|
/**
|
|
1005
869
|
* (optional) translation to 'Go to previous page'
|
|
1006
|
-
* @default 'Go to previous page'
|
|
1007
870
|
*/
|
|
1008
871
|
"ariaLabelPreviousPage": string;
|
|
1009
872
|
/**
|
|
1010
873
|
* The total number of pages to calculate the length of pagination component
|
|
1011
|
-
* @default 1
|
|
1012
874
|
*/
|
|
1013
875
|
"totalPages": number;
|
|
1014
876
|
}
|
|
@@ -1019,32 +881,26 @@ export namespace Components {
|
|
|
1019
881
|
interface B2bParagraph {
|
|
1020
882
|
/**
|
|
1021
883
|
* The alignment of the text.
|
|
1022
|
-
* @default 'left'
|
|
1023
884
|
*/
|
|
1024
885
|
"align": 'left' | 'right' | 'center';
|
|
1025
886
|
/**
|
|
1026
887
|
* The positioning of the paragraph in the page flow. Defaults to native block behavior.
|
|
1027
|
-
* @default 'block'
|
|
1028
888
|
*/
|
|
1029
889
|
"display": 'inline' | 'inline-block' | 'block';
|
|
1030
890
|
/**
|
|
1031
891
|
* Whether or not the paragraph has a bottom margin. Defaults to true.
|
|
1032
|
-
* @default true
|
|
1033
892
|
*/
|
|
1034
893
|
"margin": boolean;
|
|
1035
894
|
/**
|
|
1036
895
|
* The size of the text.
|
|
1037
|
-
* @default '100'
|
|
1038
896
|
*/
|
|
1039
897
|
"size": '50' | '100';
|
|
1040
898
|
/**
|
|
1041
899
|
* The color of the paragraph. Defaults to black.
|
|
1042
|
-
* @default 'black-100'
|
|
1043
900
|
*/
|
|
1044
901
|
"variant": 'black-100' | 'grey-400';
|
|
1045
902
|
/**
|
|
1046
903
|
* The weight of the text.
|
|
1047
|
-
* @default 'normal'
|
|
1048
904
|
*/
|
|
1049
905
|
"weight": 'bold' | 'normal';
|
|
1050
906
|
}
|
|
@@ -1055,12 +911,10 @@ export namespace Components {
|
|
|
1055
911
|
"label"?: string;
|
|
1056
912
|
/**
|
|
1057
913
|
* Whether the label should be displayed on the right or left of the progress bar.
|
|
1058
|
-
* @default 'left'
|
|
1059
914
|
*/
|
|
1060
915
|
"labelPosition"?: 'left' | 'right';
|
|
1061
916
|
/**
|
|
1062
917
|
* Whether the label should be displayed below or on the side of the progress bar.
|
|
1063
|
-
* @default 'below'
|
|
1064
918
|
*/
|
|
1065
919
|
"labelType"?: 'below' | 'side';
|
|
1066
920
|
/**
|
|
@@ -1071,12 +925,10 @@ export namespace Components {
|
|
|
1071
925
|
interface B2bRadioButton {
|
|
1072
926
|
/**
|
|
1073
927
|
* Whether or not the radio button is currently checked. Per default it is false.
|
|
1074
|
-
* @default false
|
|
1075
928
|
*/
|
|
1076
929
|
"checked": boolean;
|
|
1077
930
|
/**
|
|
1078
931
|
* Whether or not the radio button is currently disabled. Per default it is false.
|
|
1079
|
-
* @default false
|
|
1080
932
|
*/
|
|
1081
933
|
"disabled": boolean;
|
|
1082
934
|
/**
|
|
@@ -1089,7 +941,6 @@ export namespace Components {
|
|
|
1089
941
|
"hint"?: string;
|
|
1090
942
|
/**
|
|
1091
943
|
* Whether or not the radio button should be rendered with error styles. Per default it is false.
|
|
1092
|
-
* @default false
|
|
1093
944
|
*/
|
|
1094
945
|
"invalid": boolean;
|
|
1095
946
|
/**
|
|
@@ -1102,7 +953,6 @@ export namespace Components {
|
|
|
1102
953
|
"name": string;
|
|
1103
954
|
/**
|
|
1104
955
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
1105
|
-
* @default false
|
|
1106
956
|
*/
|
|
1107
957
|
"required": boolean;
|
|
1108
958
|
/**
|
|
@@ -1113,12 +963,10 @@ export namespace Components {
|
|
|
1113
963
|
interface B2bRadioGroup {
|
|
1114
964
|
/**
|
|
1115
965
|
* The alignment of the radio group. Can be vertical or horizontal, per default it is vertical.
|
|
1116
|
-
* @default 'vertical'
|
|
1117
966
|
*/
|
|
1118
967
|
"alignment": 'vertical' | 'horizontal';
|
|
1119
968
|
/**
|
|
1120
969
|
* Whether or not the radio group is disabled as a whole. Per default it is false.
|
|
1121
|
-
* @default false
|
|
1122
970
|
*/
|
|
1123
971
|
"disabled": boolean;
|
|
1124
972
|
/**
|
|
@@ -1131,7 +979,6 @@ export namespace Components {
|
|
|
1131
979
|
"hint"?: string;
|
|
1132
980
|
/**
|
|
1133
981
|
* Whether or not the radio group is invalid and should be rendered with error styles as a whole. Per default it is false.
|
|
1134
|
-
* @default false
|
|
1135
982
|
*/
|
|
1136
983
|
"invalid": boolean;
|
|
1137
984
|
/**
|
|
@@ -1144,14 +991,12 @@ export namespace Components {
|
|
|
1144
991
|
"name": string;
|
|
1145
992
|
/**
|
|
1146
993
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
1147
|
-
* @default false
|
|
1148
994
|
*/
|
|
1149
995
|
"required": boolean;
|
|
1150
996
|
}
|
|
1151
997
|
interface B2bRequiredSeparator {
|
|
1152
998
|
/**
|
|
1153
999
|
* The required label. Per default it is the german 'Pflichtfeld', but can be altered.
|
|
1154
|
-
* @default 'Pflichtfeld'
|
|
1155
1000
|
*/
|
|
1156
1001
|
"label": string;
|
|
1157
1002
|
}
|
|
@@ -1162,12 +1007,10 @@ export namespace Components {
|
|
|
1162
1007
|
"borderColor": string;
|
|
1163
1008
|
/**
|
|
1164
1009
|
* The color of the circle around the icon or text. Use any type including hex, rgb or css custom properties as long as you pass it as a string
|
|
1165
|
-
* @default 'var(--b2b-color-info-50)'
|
|
1166
1010
|
*/
|
|
1167
1011
|
"color": string;
|
|
1168
1012
|
/**
|
|
1169
1013
|
* The color of the text or icon within the circle. Use any type including hex, rgb or css custom properties as long as you pass it as a string
|
|
1170
|
-
* @default 'var(--b2b-color-copy-default)'
|
|
1171
1014
|
*/
|
|
1172
1015
|
"contentColor": string;
|
|
1173
1016
|
}
|
|
@@ -1176,12 +1019,10 @@ export namespace Components {
|
|
|
1176
1019
|
interface B2bSearch {
|
|
1177
1020
|
/**
|
|
1178
1021
|
* Whether or not the input is disabled. Default is false.
|
|
1179
|
-
* @default false
|
|
1180
1022
|
*/
|
|
1181
1023
|
"disabled": boolean;
|
|
1182
1024
|
/**
|
|
1183
1025
|
* The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire.
|
|
1184
|
-
* @default []
|
|
1185
1026
|
*/
|
|
1186
1027
|
"optionsList": string[];
|
|
1187
1028
|
/**
|
|
@@ -1190,14 +1031,12 @@ export namespace Components {
|
|
|
1190
1031
|
"placeholder": string;
|
|
1191
1032
|
/**
|
|
1192
1033
|
* The default value of the search input field. If defined, it will prefill the input.
|
|
1193
|
-
* @default null
|
|
1194
1034
|
*/
|
|
1195
1035
|
"value": string;
|
|
1196
1036
|
}
|
|
1197
1037
|
interface B2bSeparator {
|
|
1198
1038
|
/**
|
|
1199
1039
|
* The alignment of the separator. Per default it is horizontal.
|
|
1200
|
-
* @default 'horizontal'
|
|
1201
1040
|
*/
|
|
1202
1041
|
"alignment": 'vertical' | 'horizontal';
|
|
1203
1042
|
}
|
|
@@ -1226,27 +1065,22 @@ export namespace Components {
|
|
|
1226
1065
|
"description": string;
|
|
1227
1066
|
/**
|
|
1228
1067
|
* How long is snackbar shown. Default value is 5000 ms.
|
|
1229
|
-
* @default 5000
|
|
1230
1068
|
*/
|
|
1231
1069
|
"duration": number;
|
|
1232
1070
|
/**
|
|
1233
1071
|
* Whether the snackbar has a Call-to-Action. Per default, it is false.
|
|
1234
|
-
* @default false
|
|
1235
1072
|
*/
|
|
1236
1073
|
"hasAction": boolean;
|
|
1237
1074
|
/**
|
|
1238
1075
|
* Whether the snackbar is currently visible. Set to true to display the snackbar.
|
|
1239
|
-
* @default false
|
|
1240
1076
|
*/
|
|
1241
1077
|
"opened": boolean;
|
|
1242
1078
|
/**
|
|
1243
1079
|
* Whether snackbar is show for limited time. Default is true. Error snackbars cannot be timed.
|
|
1244
|
-
* @default true
|
|
1245
1080
|
*/
|
|
1246
1081
|
"timed": boolean;
|
|
1247
1082
|
/**
|
|
1248
1083
|
* The type of snackbar. Default is info.
|
|
1249
|
-
* @default 'info'
|
|
1250
1084
|
*/
|
|
1251
1085
|
"type": 'info' | 'success' | 'warning' | 'error';
|
|
1252
1086
|
/**
|
|
@@ -1261,36 +1095,30 @@ export namespace Components {
|
|
|
1261
1095
|
interface B2bSpinner {
|
|
1262
1096
|
/**
|
|
1263
1097
|
* The color of the spinner.
|
|
1264
|
-
* @default 'primary'
|
|
1265
1098
|
*/
|
|
1266
1099
|
"color": 'primary' | 'secondary' | 'inverse';
|
|
1267
1100
|
/**
|
|
1268
1101
|
* The size of the spinner.
|
|
1269
|
-
* @default '100'
|
|
1270
1102
|
*/
|
|
1271
1103
|
"size": '50' | '100' | '200';
|
|
1272
1104
|
}
|
|
1273
1105
|
interface B2bTab {
|
|
1274
1106
|
/**
|
|
1275
1107
|
* Whether or not the tab is currently disabled. Per default it is false.
|
|
1276
|
-
* @default false
|
|
1277
1108
|
*/
|
|
1278
1109
|
"disabled": boolean;
|
|
1279
1110
|
/**
|
|
1280
1111
|
* Whether or not the tab has an error. Per default, it is false.
|
|
1281
|
-
* @default false
|
|
1282
1112
|
*/
|
|
1283
1113
|
"invalid": boolean;
|
|
1284
1114
|
/**
|
|
1285
1115
|
* Whether or not the tab is currently selected. Per default it is false.
|
|
1286
|
-
* @default false
|
|
1287
1116
|
*/
|
|
1288
1117
|
"selected": boolean;
|
|
1289
1118
|
}
|
|
1290
1119
|
interface B2bTabGroup {
|
|
1291
1120
|
/**
|
|
1292
1121
|
* Determines if the Tab Group will do it's own navigation. Per default, it will use internal navigation. Set it to true if you want to use external, route-based navigation.
|
|
1293
|
-
* @default false
|
|
1294
1122
|
*/
|
|
1295
1123
|
"useRouter": boolean;
|
|
1296
1124
|
}
|
|
@@ -1299,19 +1127,16 @@ export namespace Components {
|
|
|
1299
1127
|
interface B2bTable {
|
|
1300
1128
|
/**
|
|
1301
1129
|
* The size of the table. Both will expand to 100% of parent size. Expand cells will use as much space as content needs and text will wrap. Equal will keep all column sizes proportional to the number of columns. Colspan behaves same as equal, but allows you to set a colspan attribute on individual columns or cells to make them span more than one column.
|
|
1302
|
-
* @default TableSizes.EXPAND
|
|
1303
1130
|
*/
|
|
1304
1131
|
"size": TableSizes;
|
|
1305
1132
|
}
|
|
1306
1133
|
interface B2bTableCell {
|
|
1307
1134
|
/**
|
|
1308
1135
|
* Alignment of the content of the cell, by default is to the left. *
|
|
1309
|
-
* @default ContentAlignment.LEFT
|
|
1310
1136
|
*/
|
|
1311
1137
|
"align": ContentAlignment;
|
|
1312
1138
|
/**
|
|
1313
1139
|
* Background color of the cell. This color selection does not have hover states, as it is handled from the row*
|
|
1314
|
-
* @default 'default'
|
|
1315
1140
|
*/
|
|
1316
1141
|
"color": TableColourOptions;
|
|
1317
1142
|
/**
|
|
@@ -1320,16 +1145,11 @@ export namespace Components {
|
|
|
1320
1145
|
"colspan"?: number;
|
|
1321
1146
|
/**
|
|
1322
1147
|
* adds a border to the right of the cell. *
|
|
1323
|
-
* @default false
|
|
1324
1148
|
*/
|
|
1325
1149
|
"divider": boolean;
|
|
1326
|
-
/**
|
|
1327
|
-
* @default TableSizes.EXPAND
|
|
1328
|
-
*/
|
|
1329
1150
|
"size": TableSizes;
|
|
1330
1151
|
/**
|
|
1331
1152
|
* Whether text should wrap or truncate. It will only truncate when table size is equal *
|
|
1332
|
-
* @default true
|
|
1333
1153
|
*/
|
|
1334
1154
|
"textWrap": boolean;
|
|
1335
1155
|
"totalCols"?: number;
|
|
@@ -1341,22 +1161,18 @@ export namespace Components {
|
|
|
1341
1161
|
"colspan"?: number;
|
|
1342
1162
|
/**
|
|
1343
1163
|
* Alignment of the content of the cell, by default is to the left. *
|
|
1344
|
-
* @default ContentAlignment.LEFT
|
|
1345
1164
|
*/
|
|
1346
1165
|
"contentAlign": ContentAlignment;
|
|
1347
1166
|
/**
|
|
1348
1167
|
* adds a border to the right of the header. *
|
|
1349
|
-
* @default false
|
|
1350
1168
|
*/
|
|
1351
1169
|
"divider": boolean;
|
|
1352
1170
|
/**
|
|
1353
1171
|
* @deprecated Use fixed on the rowgroup instead. Sets the header position to sticky. Use it when table is inside a scrollable container. *
|
|
1354
|
-
* @default false
|
|
1355
1172
|
*/
|
|
1356
1173
|
"fixed": boolean;
|
|
1357
1174
|
/**
|
|
1358
1175
|
* The size of the cell. Follows table size. When size is equal and textWrap is false, the text will truncate with Ellipsis. Other sizes won't affect cell current implementation.
|
|
1359
|
-
* @default TableSizes.EXPAND
|
|
1360
1176
|
*/
|
|
1361
1177
|
"size": TableSizes;
|
|
1362
1178
|
/**
|
|
@@ -1372,22 +1188,18 @@ export namespace Components {
|
|
|
1372
1188
|
interface B2bTableRow {
|
|
1373
1189
|
/**
|
|
1374
1190
|
* If a selectable row is currently checked. Per default, it is false.
|
|
1375
|
-
* @default false
|
|
1376
1191
|
*/
|
|
1377
1192
|
"checked": boolean;
|
|
1378
1193
|
/**
|
|
1379
1194
|
* Background color of the row. Use it semantically. This color selection have hover states *
|
|
1380
|
-
* @default 'default'
|
|
1381
1195
|
*/
|
|
1382
1196
|
"color": TableColourOptions;
|
|
1383
1197
|
/**
|
|
1384
1198
|
* Whether the row will be highlighted on mouse over *
|
|
1385
|
-
* @default true
|
|
1386
1199
|
*/
|
|
1387
1200
|
"highlight": boolean;
|
|
1388
1201
|
/**
|
|
1389
1202
|
* If a selectable row is a parent for an accordion, it becomes indeterminate when some of it's children are checked, but not all.
|
|
1390
|
-
* @default false
|
|
1391
1203
|
*/
|
|
1392
1204
|
"indeterminate": boolean;
|
|
1393
1205
|
"selectable": boolean;
|
|
@@ -1404,28 +1216,23 @@ export namespace Components {
|
|
|
1404
1216
|
interface B2bTableRowgroup {
|
|
1405
1217
|
/**
|
|
1406
1218
|
* Renders the rowgroup as an accordion. Both header and body must have accordion set to true. One table can contain multiple rowgroups of type body, each of which represents an accordion row with children.
|
|
1407
|
-
* @default false
|
|
1408
1219
|
*/
|
|
1409
1220
|
"accordion": boolean;
|
|
1410
1221
|
/**
|
|
1411
1222
|
* Sets the header rowgroup position to sticky. Use this in a scrollable container.
|
|
1412
|
-
* @default false
|
|
1413
1223
|
*/
|
|
1414
1224
|
"fixed": boolean;
|
|
1415
1225
|
/**
|
|
1416
1226
|
* Only use when accordion property is true. Will render the accordion opened if set to true. By default, is false.
|
|
1417
|
-
* @default false
|
|
1418
1227
|
*/
|
|
1419
1228
|
"opened": boolean;
|
|
1420
1229
|
/**
|
|
1421
1230
|
* If the rows in the rowgroup can be selected via checkmark. Per default, it is false.
|
|
1422
|
-
* @default false
|
|
1423
1231
|
*/
|
|
1424
1232
|
"selectable": boolean;
|
|
1425
1233
|
"size": TableSizes;
|
|
1426
1234
|
/**
|
|
1427
1235
|
* Rowgroup allows grouping rows by context: header, body or footer. Header rows are by default not highlightable on mouse over.
|
|
1428
|
-
* @default TableRowgroupTypes.HEADER
|
|
1429
1236
|
*/
|
|
1430
1237
|
"type": TableRowgroupTypes;
|
|
1431
1238
|
}
|
|
@@ -1436,7 +1243,6 @@ export namespace Components {
|
|
|
1436
1243
|
interface B2bTextarea {
|
|
1437
1244
|
/**
|
|
1438
1245
|
* Whether or not the textarea is disabled. Per default it is false.
|
|
1439
|
-
* @default false
|
|
1440
1246
|
*/
|
|
1441
1247
|
"disabled": boolean;
|
|
1442
1248
|
/**
|
|
@@ -1445,7 +1251,6 @@ export namespace Components {
|
|
|
1445
1251
|
"error"?: string;
|
|
1446
1252
|
/**
|
|
1447
1253
|
* Whether or not the textarea should be automatically focused on page load. Per default it is false.
|
|
1448
|
-
* @default false
|
|
1449
1254
|
*/
|
|
1450
1255
|
"focusOnLoad": boolean;
|
|
1451
1256
|
/**
|
|
@@ -1458,7 +1263,6 @@ export namespace Components {
|
|
|
1458
1263
|
"hint"?: string;
|
|
1459
1264
|
/**
|
|
1460
1265
|
* Whether or not the textarea should be displayed with error styles. Per default it is false.
|
|
1461
|
-
* @default false
|
|
1462
1266
|
*/
|
|
1463
1267
|
"invalid": boolean;
|
|
1464
1268
|
/**
|
|
@@ -1479,7 +1283,6 @@ export namespace Components {
|
|
|
1479
1283
|
"placeholder"?: string;
|
|
1480
1284
|
/**
|
|
1481
1285
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
1482
|
-
* @default false
|
|
1483
1286
|
*/
|
|
1484
1287
|
"required": boolean;
|
|
1485
1288
|
/**
|
|
@@ -1491,19 +1294,16 @@ export namespace Components {
|
|
|
1491
1294
|
| 'horizontal';
|
|
1492
1295
|
/**
|
|
1493
1296
|
* The value of the textarea. Per default it is null.
|
|
1494
|
-
* @default null
|
|
1495
1297
|
*/
|
|
1496
1298
|
"value": string;
|
|
1497
1299
|
}
|
|
1498
1300
|
interface B2bToggleButton {
|
|
1499
1301
|
/**
|
|
1500
1302
|
* Whether or not the toggle button is currently checked. Per default it is false.
|
|
1501
|
-
* @default false
|
|
1502
1303
|
*/
|
|
1503
1304
|
"checked": boolean;
|
|
1504
1305
|
/**
|
|
1505
1306
|
* Whether or not the toggle button is currently disabled. Per default it is false.
|
|
1506
|
-
* @default false
|
|
1507
1307
|
*/
|
|
1508
1308
|
"disabled": boolean;
|
|
1509
1309
|
/**
|
|
@@ -1522,12 +1322,10 @@ export namespace Components {
|
|
|
1522
1322
|
interface B2bToggleChip {
|
|
1523
1323
|
/**
|
|
1524
1324
|
* Whether or not the chip is currently active. Per default, it is false.
|
|
1525
|
-
* @default false
|
|
1526
1325
|
*/
|
|
1527
1326
|
"active": boolean;
|
|
1528
1327
|
/**
|
|
1529
1328
|
* Whether or not the chip is currently disabled. Per default it is false.
|
|
1530
|
-
* @default false
|
|
1531
1329
|
*/
|
|
1532
1330
|
"disabled": boolean;
|
|
1533
1331
|
/**
|
|
@@ -1546,7 +1344,6 @@ export namespace Components {
|
|
|
1546
1344
|
interface B2bToggleGroup {
|
|
1547
1345
|
/**
|
|
1548
1346
|
* Whether or not the toggle group is disabled as a whole. Per default it is false.
|
|
1549
|
-
* @default false
|
|
1550
1347
|
*/
|
|
1551
1348
|
"disabled": boolean;
|
|
1552
1349
|
/**
|
|
@@ -1557,7 +1354,6 @@ export namespace Components {
|
|
|
1557
1354
|
interface B2bToggleSwitch {
|
|
1558
1355
|
/**
|
|
1559
1356
|
* Whether or not the toggle button is currently disabled. Per default it is false.
|
|
1560
|
-
* @default false
|
|
1561
1357
|
*/
|
|
1562
1358
|
"disabled": boolean;
|
|
1563
1359
|
/**
|
|
@@ -1566,7 +1362,6 @@ export namespace Components {
|
|
|
1566
1362
|
"label"?: string;
|
|
1567
1363
|
/**
|
|
1568
1364
|
* The alignment of the toggle switch label.
|
|
1569
|
-
* @default 'left'
|
|
1570
1365
|
*/
|
|
1571
1366
|
"labelPosition": 'left' | 'right';
|
|
1572
1367
|
/**
|
|
@@ -1575,7 +1370,6 @@ export namespace Components {
|
|
|
1575
1370
|
"name"?: string;
|
|
1576
1371
|
/**
|
|
1577
1372
|
* Whether or not the toggle button is currently on or off. Per default it is off.
|
|
1578
|
-
* @default false
|
|
1579
1373
|
*/
|
|
1580
1374
|
"state": boolean;
|
|
1581
1375
|
}
|
|
@@ -1590,46 +1384,38 @@ export namespace Components {
|
|
|
1590
1384
|
"content": string;
|
|
1591
1385
|
/**
|
|
1592
1386
|
* Whether the tooltip is currently opened or not. When the trigger is set to custom, changing this prop will change the tooltip's visibility.
|
|
1593
|
-
* @default false
|
|
1594
1387
|
*/
|
|
1595
1388
|
"opened": boolean;
|
|
1596
1389
|
/**
|
|
1597
1390
|
* Position of the tooltip.
|
|
1598
|
-
* @default 'right'
|
|
1599
1391
|
*/
|
|
1600
1392
|
"position": 'left' | 'right' | 'top' | 'bottom';
|
|
1601
1393
|
/**
|
|
1602
1394
|
* The trigger for the tooltip. Can be on hover, on focus or custom, i.e. for an onboarding sequence. Per default it is hover.
|
|
1603
|
-
* @default 'hover'
|
|
1604
1395
|
*/
|
|
1605
1396
|
"trigger": 'hover' | 'focus' | 'custom';
|
|
1606
1397
|
}
|
|
1607
1398
|
interface B2bWizard {
|
|
1608
1399
|
/**
|
|
1609
1400
|
* The current active step
|
|
1610
|
-
* @default '1'
|
|
1611
1401
|
*/
|
|
1612
1402
|
"activeStep": WizardSteps | '0';
|
|
1613
1403
|
/**
|
|
1614
1404
|
* Defaults to true. It will show a checkmark icon when a step is completed. Set as false to show the step number
|
|
1615
|
-
* @default true
|
|
1616
1405
|
*/
|
|
1617
1406
|
"checkIcon": boolean;
|
|
1618
1407
|
/**
|
|
1619
1408
|
* By default, is false, where the wizard will handle steps states. If set to true, steps state must be handled manually.
|
|
1620
|
-
* @default false
|
|
1621
1409
|
*/
|
|
1622
1410
|
"custom": boolean;
|
|
1623
1411
|
}
|
|
1624
1412
|
interface B2bWizardIcon {
|
|
1625
1413
|
/**
|
|
1626
1414
|
* Defaults to true. It will show a checkmark icon when a step is completed. Set as false to show the step number
|
|
1627
|
-
* @default true
|
|
1628
1415
|
*/
|
|
1629
1416
|
"checkIcon": boolean;
|
|
1630
1417
|
/**
|
|
1631
1418
|
* The state of the step
|
|
1632
|
-
* @default WizardStatus.PENDING
|
|
1633
1419
|
*/
|
|
1634
1420
|
"state": WizardStatus;
|
|
1635
1421
|
/**
|
|
@@ -1640,17 +1426,14 @@ export namespace Components {
|
|
|
1640
1426
|
interface B2bWizardStep {
|
|
1641
1427
|
/**
|
|
1642
1428
|
* Defaults to true. It will show a checkmark icon when a step is completed. Set as false to show the step number
|
|
1643
|
-
* @default true
|
|
1644
1429
|
*/
|
|
1645
1430
|
"checkIcon": boolean;
|
|
1646
1431
|
/**
|
|
1647
1432
|
* Use when wizard has property custom true. The state of the step
|
|
1648
|
-
* @default 'pending'
|
|
1649
1433
|
*/
|
|
1650
1434
|
"state": WizardStatus;
|
|
1651
1435
|
/**
|
|
1652
1436
|
* Use when wizard has property custom true. The step number
|
|
1653
|
-
* @default '1'
|
|
1654
1437
|
*/
|
|
1655
1438
|
"step": WizardSteps;
|
|
1656
1439
|
}
|
|
@@ -2703,12 +2486,10 @@ declare namespace LocalJSX {
|
|
|
2703
2486
|
interface B2bAlert {
|
|
2704
2487
|
/**
|
|
2705
2488
|
* Whether or not you want to use a custom icon. Per default, it is false.
|
|
2706
|
-
* @default false
|
|
2707
2489
|
*/
|
|
2708
2490
|
"customIcon"?: boolean;
|
|
2709
2491
|
/**
|
|
2710
2492
|
* Whether or not the alert has a close button. Per default it is true. Note that errors and small alerts cannot be closed.
|
|
2711
|
-
* @default true
|
|
2712
2493
|
*/
|
|
2713
2494
|
"hasCloseButton"?: boolean;
|
|
2714
2495
|
/**
|
|
@@ -2717,29 +2498,24 @@ declare namespace LocalJSX {
|
|
|
2717
2498
|
"onB2b-close"?: (event: B2bAlertCustomEvent<void>) => void;
|
|
2718
2499
|
/**
|
|
2719
2500
|
* Whether the alert is currently open. Set to true to display the alert.
|
|
2720
|
-
* @default false
|
|
2721
2501
|
*/
|
|
2722
2502
|
"opened"?: boolean;
|
|
2723
2503
|
/**
|
|
2724
2504
|
* The size of the alert. Per default it is large. If set to small, the alert will only have an icon.
|
|
2725
|
-
* @default 'large'
|
|
2726
2505
|
*/
|
|
2727
2506
|
"size"?: 'large' | 'small';
|
|
2728
2507
|
/**
|
|
2729
2508
|
* The type of alert. Per default it is info.
|
|
2730
|
-
* @default 'info'
|
|
2731
2509
|
*/
|
|
2732
2510
|
"type"?: 'info' | 'success' | 'warning' | 'error';
|
|
2733
2511
|
}
|
|
2734
2512
|
interface B2bAnchor {
|
|
2735
2513
|
/**
|
|
2736
2514
|
* If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file defaults to the URL string, but can be changed by the user.
|
|
2737
|
-
* @default null
|
|
2738
2515
|
*/
|
|
2739
2516
|
"download"?: string;
|
|
2740
2517
|
/**
|
|
2741
2518
|
* The hoverColor of the link. Per default, it is set to b2b-color-red-100. If specified as inherit, it is inherited from the parent element.
|
|
2742
|
-
* @default 'default'
|
|
2743
2519
|
*/
|
|
2744
2520
|
"hoverColor"?: 'inherit' | 'default';
|
|
2745
2521
|
/**
|
|
@@ -2748,49 +2524,40 @@ declare namespace LocalJSX {
|
|
|
2748
2524
|
"href": string;
|
|
2749
2525
|
/**
|
|
2750
2526
|
* The size of the link. Per default, it is inherited from the parent element. If specified to 100, the font size is 14px.
|
|
2751
|
-
* @default 'inherit'
|
|
2752
2527
|
*/
|
|
2753
2528
|
"size"?: 'inherit' | '100';
|
|
2754
2529
|
/**
|
|
2755
2530
|
* The target the URL will be opened into. The default is self.
|
|
2756
|
-
* @default 'self'
|
|
2757
2531
|
*/
|
|
2758
2532
|
"target"?: 'self' | 'blank' | 'parent' | 'top';
|
|
2759
2533
|
/**
|
|
2760
2534
|
* The underlineText of the link. If set to false, the link text will not be underlined.
|
|
2761
|
-
* @default true
|
|
2762
2535
|
*/
|
|
2763
2536
|
"underlineText"?: boolean;
|
|
2764
2537
|
}
|
|
2765
2538
|
interface B2bBackgroundBox {
|
|
2766
2539
|
/**
|
|
2767
2540
|
* Whether the box should have a bottom border. Per default, the border is enabled
|
|
2768
|
-
* @default 'default'
|
|
2769
2541
|
*/
|
|
2770
2542
|
"borderBottom"?: 'default' | 'none';
|
|
2771
2543
|
/**
|
|
2772
2544
|
* Whether the box should have a left border. Per default, the border is enabled
|
|
2773
|
-
* @default 'default'
|
|
2774
2545
|
*/
|
|
2775
2546
|
"borderLeft"?: 'default' | 'none';
|
|
2776
2547
|
/**
|
|
2777
2548
|
* Whether the box should have a right border. Per default, the border is enabled
|
|
2778
|
-
* @default 'default'
|
|
2779
2549
|
*/
|
|
2780
2550
|
"borderRight"?: 'default' | 'none';
|
|
2781
2551
|
/**
|
|
2782
2552
|
* Whether the box should have a top border. Per default, the border is enabled
|
|
2783
|
-
* @default 'default'
|
|
2784
2553
|
*/
|
|
2785
2554
|
"borderTop"?: 'default' | 'none';
|
|
2786
2555
|
/**
|
|
2787
2556
|
* Sets max width to 1212px. Per default, it is false
|
|
2788
|
-
* @default false
|
|
2789
2557
|
*/
|
|
2790
2558
|
"maxWidth"?: boolean;
|
|
2791
2559
|
/**
|
|
2792
2560
|
* Whether the box should have a padding. Per default, padding is enabled
|
|
2793
|
-
* @default false
|
|
2794
2561
|
*/
|
|
2795
2562
|
"noPadding"?: boolean;
|
|
2796
2563
|
}
|
|
@@ -2801,24 +2568,20 @@ declare namespace LocalJSX {
|
|
|
2801
2568
|
"onB2b-selected"?: (event: B2bBreadcrumbCustomEvent<BreadCrumbChangeEventDetail>) => void;
|
|
2802
2569
|
/**
|
|
2803
2570
|
* Padding for the bottom of the breadcrumb component
|
|
2804
|
-
* @default 0
|
|
2805
2571
|
*/
|
|
2806
2572
|
"paddingBottom"?: number;
|
|
2807
2573
|
/**
|
|
2808
2574
|
* Padding for the top of the breadcrumb component
|
|
2809
|
-
* @default 0
|
|
2810
2575
|
*/
|
|
2811
2576
|
"paddingTop"?: number;
|
|
2812
2577
|
}
|
|
2813
2578
|
interface B2bBreadcrumbItem {
|
|
2814
2579
|
/**
|
|
2815
2580
|
* If the item is currently selected. If true, it will not emit an event when clicked and does not have a hover state.
|
|
2816
|
-
* @default false
|
|
2817
2581
|
*/
|
|
2818
2582
|
"active"?: boolean;
|
|
2819
2583
|
/**
|
|
2820
2584
|
* If defined, an anchor tag will be rendered instead of a span, opening the specified link in the same context when clicked.
|
|
2821
|
-
* @default null
|
|
2822
2585
|
*/
|
|
2823
2586
|
"href"?: string;
|
|
2824
2587
|
/**
|
|
@@ -2829,12 +2592,10 @@ declare namespace LocalJSX {
|
|
|
2829
2592
|
interface B2bButton {
|
|
2830
2593
|
/**
|
|
2831
2594
|
* Whether the button is currently active. Set to true when using the button to signify a permanent active state
|
|
2832
|
-
* @default false
|
|
2833
2595
|
*/
|
|
2834
2596
|
"active"?: boolean;
|
|
2835
2597
|
/**
|
|
2836
2598
|
* Whether the button is disabled.
|
|
2837
|
-
* @default false
|
|
2838
2599
|
*/
|
|
2839
2600
|
"disabled"?: boolean;
|
|
2840
2601
|
/**
|
|
@@ -2847,44 +2608,36 @@ declare namespace LocalJSX {
|
|
|
2847
2608
|
"href"?: string;
|
|
2848
2609
|
/**
|
|
2849
2610
|
* Whether the button is currently loading. Set to true to hide text and display loading spinner instead
|
|
2850
|
-
* @default false
|
|
2851
2611
|
*/
|
|
2852
2612
|
"loading"?: boolean;
|
|
2853
2613
|
/**
|
|
2854
2614
|
* The size of the button, 100 is the default state
|
|
2855
|
-
* @default '100'
|
|
2856
2615
|
*/
|
|
2857
2616
|
"size"?: '100' | '50';
|
|
2858
2617
|
/**
|
|
2859
2618
|
* The target of the button if it should behave like an anchor. Per default it is self.
|
|
2860
|
-
* @default 'self'
|
|
2861
2619
|
*/
|
|
2862
2620
|
"target"?: 'self' | 'blank';
|
|
2863
2621
|
/**
|
|
2864
2622
|
* The button type. Matches native HTML types. The default type is 'button'.
|
|
2865
|
-
* @default 'button'
|
|
2866
2623
|
*/
|
|
2867
2624
|
"type"?: 'button' | 'submit' | 'reset';
|
|
2868
2625
|
/**
|
|
2869
2626
|
* The button variant. If not specified, the button will be the secondary variant.
|
|
2870
|
-
* @default 'secondary'
|
|
2871
2627
|
*/
|
|
2872
2628
|
"variant"?: 'primary' | 'secondary';
|
|
2873
2629
|
/**
|
|
2874
2630
|
* The width of the button. Per default, it will fit the content
|
|
2875
|
-
* @default 'fit-content'
|
|
2876
2631
|
*/
|
|
2877
2632
|
"width"?: 'fit-content' | 'fit-container' | 'custom';
|
|
2878
2633
|
}
|
|
2879
2634
|
interface B2bCard {
|
|
2880
2635
|
/**
|
|
2881
2636
|
* Disables the card. Per default, it is false
|
|
2882
|
-
* @default false
|
|
2883
2637
|
*/
|
|
2884
2638
|
"disabled"?: boolean;
|
|
2885
2639
|
/**
|
|
2886
2640
|
* An optional href in case the card is used to redirect on click.
|
|
2887
|
-
* @default ''
|
|
2888
2641
|
*/
|
|
2889
2642
|
"href"?: string;
|
|
2890
2643
|
/**
|
|
@@ -2893,19 +2646,16 @@ declare namespace LocalJSX {
|
|
|
2893
2646
|
"onB2b-selected"?: (event: B2bCardCustomEvent<void>) => void;
|
|
2894
2647
|
/**
|
|
2895
2648
|
* The target of the card if used with an href. Blank per default.
|
|
2896
|
-
* @default 'blank'
|
|
2897
2649
|
*/
|
|
2898
2650
|
"target"?: 'blank' | 'self';
|
|
2899
2651
|
}
|
|
2900
2652
|
interface B2bCheckbox {
|
|
2901
2653
|
/**
|
|
2902
2654
|
* Whether or not the checkbox is checked. Default value is false and can be set to true if the checkbox should come pre-checked.
|
|
2903
|
-
* @default false
|
|
2904
2655
|
*/
|
|
2905
2656
|
"checked"?: boolean;
|
|
2906
2657
|
/**
|
|
2907
2658
|
* Whether or not the checkbox is disabled. The default value is false.
|
|
2908
|
-
* @default false
|
|
2909
2659
|
*/
|
|
2910
2660
|
"disabled"?: boolean;
|
|
2911
2661
|
/**
|
|
@@ -2922,7 +2672,6 @@ declare namespace LocalJSX {
|
|
|
2922
2672
|
"indeterminate"?: boolean;
|
|
2923
2673
|
/**
|
|
2924
2674
|
* Whether or not the checkbox is rendered with error styles. Defaults to false.
|
|
2925
|
-
* @default false
|
|
2926
2675
|
*/
|
|
2927
2676
|
"invalid"?: boolean;
|
|
2928
2677
|
/**
|
|
@@ -2947,12 +2696,10 @@ declare namespace LocalJSX {
|
|
|
2947
2696
|
"onB2b-focus"?: (event: B2bCheckboxCustomEvent<FocusEvent>) => void;
|
|
2948
2697
|
/**
|
|
2949
2698
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
2950
|
-
* @default false
|
|
2951
2699
|
*/
|
|
2952
2700
|
"required"?: boolean;
|
|
2953
2701
|
/**
|
|
2954
2702
|
* If true, renders a standalone inline checkbox with no label and hint/error.
|
|
2955
|
-
* @default false
|
|
2956
2703
|
*/
|
|
2957
2704
|
"standalone"?: boolean;
|
|
2958
2705
|
/**
|
|
@@ -2963,12 +2710,10 @@ declare namespace LocalJSX {
|
|
|
2963
2710
|
interface B2bCheckboxGroup {
|
|
2964
2711
|
/**
|
|
2965
2712
|
* The alignment of the checkbox group. Per default it is vertical
|
|
2966
|
-
* @default 'vertical'
|
|
2967
2713
|
*/
|
|
2968
2714
|
"alignment"?: 'vertical' | 'horizontal';
|
|
2969
2715
|
/**
|
|
2970
2716
|
* Whether or not the checkbox group as a whole is disabled. Default state is false.
|
|
2971
|
-
* @default false
|
|
2972
2717
|
*/
|
|
2973
2718
|
"disabled"?: boolean;
|
|
2974
2719
|
/**
|
|
@@ -2981,7 +2726,6 @@ declare namespace LocalJSX {
|
|
|
2981
2726
|
"hint"?: string;
|
|
2982
2727
|
/**
|
|
2983
2728
|
* Whether or not the checkbox group as a whole is invalid. Set to true to display a group error.
|
|
2984
|
-
* @default false
|
|
2985
2729
|
*/
|
|
2986
2730
|
"invalid"?: boolean;
|
|
2987
2731
|
/**
|
|
@@ -2994,24 +2738,20 @@ declare namespace LocalJSX {
|
|
|
2994
2738
|
"onB2b-group-change"?: (event: B2bCheckboxGroupCustomEvent<CheckboxEventDetail>) => void;
|
|
2995
2739
|
/**
|
|
2996
2740
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
2997
|
-
* @default false
|
|
2998
2741
|
*/
|
|
2999
2742
|
"required"?: boolean;
|
|
3000
2743
|
}
|
|
3001
2744
|
interface B2bChipComponent {
|
|
3002
2745
|
/**
|
|
3003
2746
|
* It is used to customise the margin of chip component
|
|
3004
|
-
* @default '8px'
|
|
3005
2747
|
*/
|
|
3006
2748
|
"customMargin"?: string;
|
|
3007
2749
|
/**
|
|
3008
2750
|
* Whether the chip is disabled.
|
|
3009
|
-
* @default false
|
|
3010
2751
|
*/
|
|
3011
2752
|
"disabled"?: boolean;
|
|
3012
2753
|
/**
|
|
3013
2754
|
* Whether or not the chip component has a close button. Per default it is true.
|
|
3014
|
-
* @default true
|
|
3015
2755
|
*/
|
|
3016
2756
|
"hasCloseButton"?: boolean;
|
|
3017
2757
|
/**
|
|
@@ -3038,7 +2778,6 @@ declare namespace LocalJSX {
|
|
|
3038
2778
|
interface B2bDatePicker {
|
|
3039
2779
|
/**
|
|
3040
2780
|
* The dates that are part of this array are disabled. By default, this is an empty array.
|
|
3041
|
-
* @default []
|
|
3042
2781
|
*/
|
|
3043
2782
|
"disableDates"?: string | string[];
|
|
3044
2783
|
/**
|
|
@@ -3051,7 +2790,6 @@ declare namespace LocalJSX {
|
|
|
3051
2790
|
"disableDatesUntil"?: string;
|
|
3052
2791
|
/**
|
|
3053
2792
|
* Disable the days of the week specified here.
|
|
3054
|
-
* @default []
|
|
3055
2793
|
*/
|
|
3056
2794
|
"disableDays"?: | 'Mo'
|
|
3057
2795
|
| 'Di'
|
|
@@ -3080,17 +2818,14 @@ declare namespace LocalJSX {
|
|
|
3080
2818
|
"disableWeekends"?: boolean;
|
|
3081
2819
|
/**
|
|
3082
2820
|
* Hint text that should be displayed when showHint is true
|
|
3083
|
-
* @default 'Format: TT.MM.JJJJ'
|
|
3084
2821
|
*/
|
|
3085
2822
|
"hint"?: string;
|
|
3086
2823
|
/**
|
|
3087
2824
|
* Label for the date picker component.
|
|
3088
|
-
* @default 'Zeitpunkt auswählen'
|
|
3089
2825
|
*/
|
|
3090
2826
|
"label"?: string;
|
|
3091
2827
|
/**
|
|
3092
2828
|
* The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
|
|
3093
|
-
* @default 'de'
|
|
3094
2829
|
*/
|
|
3095
2830
|
"language"?: 'de' | 'en';
|
|
3096
2831
|
/**
|
|
@@ -3103,34 +2838,28 @@ declare namespace LocalJSX {
|
|
|
3103
2838
|
"onB2b-selected"?: (event: B2bDatePickerCustomEvent<DatePickerEventDetail>) => void;
|
|
3104
2839
|
/**
|
|
3105
2840
|
* The placeholder shown in the date picker.
|
|
3106
|
-
* @default null
|
|
3107
2841
|
*/
|
|
3108
2842
|
"placeholder"?: string;
|
|
3109
2843
|
/**
|
|
3110
2844
|
* Default date picker date
|
|
3111
|
-
* @default undefined
|
|
3112
2845
|
*/
|
|
3113
2846
|
"preSelectedDate"?: string;
|
|
3114
2847
|
/**
|
|
3115
2848
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
3116
|
-
* @default false
|
|
3117
2849
|
*/
|
|
3118
2850
|
"required"?: boolean;
|
|
3119
2851
|
/**
|
|
3120
2852
|
* Whether to show hint message or not.
|
|
3121
|
-
* @default true
|
|
3122
2853
|
*/
|
|
3123
2854
|
"showHint"?: boolean;
|
|
3124
2855
|
/**
|
|
3125
2856
|
* The width of the input field of the date picker in pixel. Minimum is 250, maximum is 600px.
|
|
3126
|
-
* @default 300
|
|
3127
2857
|
*/
|
|
3128
2858
|
"width"?: number;
|
|
3129
2859
|
}
|
|
3130
2860
|
interface B2bDatePickerDays {
|
|
3131
2861
|
/**
|
|
3132
2862
|
* Internal the dates that are part of this array are disabled. By default, this is an empty array.
|
|
3133
|
-
* @default []
|
|
3134
2863
|
*/
|
|
3135
2864
|
"disableDates"?: Date[];
|
|
3136
2865
|
/**
|
|
@@ -3143,22 +2872,18 @@ declare namespace LocalJSX {
|
|
|
3143
2872
|
"disableDatesUntil"?: Date;
|
|
3144
2873
|
/**
|
|
3145
2874
|
* Internal the specific days of the week that need to be disabled
|
|
3146
|
-
* @default []
|
|
3147
2875
|
*/
|
|
3148
2876
|
"disableEvery"?: string[];
|
|
3149
2877
|
/**
|
|
3150
2878
|
* Internal whether the dates after the current date are disabled. By default, this is false.
|
|
3151
|
-
* @default false
|
|
3152
2879
|
*/
|
|
3153
2880
|
"disableFutureDates"?: boolean;
|
|
3154
2881
|
/**
|
|
3155
2882
|
* Internal whether the dates previous to the current date are disabled. By default, this is true.
|
|
3156
|
-
* @default false
|
|
3157
2883
|
*/
|
|
3158
2884
|
"disablePastDates"?: boolean;
|
|
3159
2885
|
/**
|
|
3160
2886
|
* Internal whether the weekends are disabled. By default, this is false.
|
|
3161
|
-
* @default false
|
|
3162
2887
|
*/
|
|
3163
2888
|
"disableWeekends"?: boolean;
|
|
3164
2889
|
/**
|
|
@@ -3185,14 +2910,12 @@ declare namespace LocalJSX {
|
|
|
3185
2910
|
interface B2bDatePickerDaysHeader {
|
|
3186
2911
|
/**
|
|
3187
2912
|
* Internal the language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
|
|
3188
|
-
* @default 'de'
|
|
3189
2913
|
*/
|
|
3190
2914
|
"language"?: 'de' | 'en';
|
|
3191
2915
|
}
|
|
3192
2916
|
interface B2bDatePickerHeader {
|
|
3193
2917
|
/**
|
|
3194
2918
|
* The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
|
|
3195
|
-
* @default 'de'
|
|
3196
2919
|
*/
|
|
3197
2920
|
"language"?: 'de' | 'en';
|
|
3198
2921
|
/**
|
|
@@ -3219,7 +2942,6 @@ declare namespace LocalJSX {
|
|
|
3219
2942
|
interface B2bDatePickerMonths {
|
|
3220
2943
|
/**
|
|
3221
2944
|
* Internal The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german
|
|
3222
|
-
* @default 'de'
|
|
3223
2945
|
*/
|
|
3224
2946
|
"language"?: 'de' | 'en';
|
|
3225
2947
|
/**
|
|
@@ -3244,7 +2966,6 @@ declare namespace LocalJSX {
|
|
|
3244
2966
|
interface B2bDropdown {
|
|
3245
2967
|
/**
|
|
3246
2968
|
* Whether the select as a whole is disabled. Per default it is false.
|
|
3247
|
-
* @default false
|
|
3248
2969
|
*/
|
|
3249
2970
|
"disabled"?: boolean;
|
|
3250
2971
|
/**
|
|
@@ -3257,7 +2978,6 @@ declare namespace LocalJSX {
|
|
|
3257
2978
|
"hint"?: string;
|
|
3258
2979
|
/**
|
|
3259
2980
|
* Whether the select is currently invalid. Per default it is false.
|
|
3260
|
-
* @default false
|
|
3261
2981
|
*/
|
|
3262
2982
|
"invalid"?: boolean;
|
|
3263
2983
|
/**
|
|
@@ -3282,17 +3002,14 @@ declare namespace LocalJSX {
|
|
|
3282
3002
|
"onB2b-focus"?: (event: B2bDropdownCustomEvent<FocusEvent>) => void;
|
|
3283
3003
|
/**
|
|
3284
3004
|
* Placeholder text for the dropdown.
|
|
3285
|
-
* @default 'Select an option...'
|
|
3286
3005
|
*/
|
|
3287
3006
|
"placeholder"?: string;
|
|
3288
3007
|
/**
|
|
3289
3008
|
* Value for the placeholder. Defaults to an empty string but can be customized.
|
|
3290
|
-
* @default ''
|
|
3291
3009
|
*/
|
|
3292
3010
|
"placeholderValue"?: string;
|
|
3293
3011
|
/**
|
|
3294
3012
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
3295
|
-
* @default false
|
|
3296
3013
|
*/
|
|
3297
3014
|
"required"?: boolean;
|
|
3298
3015
|
}
|
|
@@ -3301,7 +3018,6 @@ declare namespace LocalJSX {
|
|
|
3301
3018
|
interface B2bFlyoutMenuOption {
|
|
3302
3019
|
/**
|
|
3303
3020
|
* Whether the option is disabled. Per default it is false. If disabled is true, the option cannot be selected.
|
|
3304
|
-
* @default false
|
|
3305
3021
|
*/
|
|
3306
3022
|
"disabled"?: boolean;
|
|
3307
3023
|
/**
|
|
@@ -3314,14 +3030,12 @@ declare namespace LocalJSX {
|
|
|
3314
3030
|
"option": string;
|
|
3315
3031
|
/**
|
|
3316
3032
|
* Whether the option has a separator at the bottom. Per default it is false.
|
|
3317
|
-
* @default false
|
|
3318
3033
|
*/
|
|
3319
3034
|
"separator"?: boolean;
|
|
3320
3035
|
}
|
|
3321
3036
|
interface B2bGrid {
|
|
3322
3037
|
/**
|
|
3323
3038
|
* The inner padding of the grid container measured in px.
|
|
3324
|
-
* @default 24
|
|
3325
3039
|
*/
|
|
3326
3040
|
"margin"?: number;
|
|
3327
3041
|
}
|
|
@@ -3343,24 +3057,20 @@ declare namespace LocalJSX {
|
|
|
3343
3057
|
| 12;
|
|
3344
3058
|
/**
|
|
3345
3059
|
* The alignment of text placed inside a column. Note that this will apply to all children.
|
|
3346
|
-
* @default 'left'
|
|
3347
3060
|
*/
|
|
3348
3061
|
"textAlign"?: 'left' | 'center' | 'right';
|
|
3349
3062
|
}
|
|
3350
3063
|
interface B2bGridRow {
|
|
3351
3064
|
/**
|
|
3352
3065
|
* Vertical alignment of columns. This requires the row to have a defined height.
|
|
3353
|
-
* @default 'stretch'
|
|
3354
3066
|
*/
|
|
3355
3067
|
"alignItems"?: 'stretch' | 'flex-start' | 'center' | 'flex-end';
|
|
3356
3068
|
/**
|
|
3357
3069
|
* The spacing in between individual columns in px. The higher the gap, the smaller the columns will be.
|
|
3358
|
-
* @default 24
|
|
3359
3070
|
*/
|
|
3360
3071
|
"columnGap"?: number;
|
|
3361
3072
|
/**
|
|
3362
3073
|
* Horizontal alignment of columns.
|
|
3363
|
-
* @default 'start'
|
|
3364
3074
|
*/
|
|
3365
3075
|
"justify"?: | 'start'
|
|
3366
3076
|
| 'end'
|
|
@@ -3370,7 +3080,6 @@ declare namespace LocalJSX {
|
|
|
3370
3080
|
| 'space-evenly';
|
|
3371
3081
|
/**
|
|
3372
3082
|
* The spacing between individual rows in px.
|
|
3373
|
-
* @default 24
|
|
3374
3083
|
*/
|
|
3375
3084
|
"rowGap"?: number;
|
|
3376
3085
|
}
|
|
@@ -3381,34 +3090,28 @@ declare namespace LocalJSX {
|
|
|
3381
3090
|
interface B2bHeadline {
|
|
3382
3091
|
/**
|
|
3383
3092
|
* The alignment of the headline.
|
|
3384
|
-
* @default 'left'
|
|
3385
3093
|
*/
|
|
3386
3094
|
"align"?: 'left' | 'right' | 'center';
|
|
3387
3095
|
/**
|
|
3388
3096
|
* Whether the headline should have a margin. Per default, margins are enabled.
|
|
3389
|
-
* @default false
|
|
3390
3097
|
*/
|
|
3391
3098
|
"noMargin"?: boolean;
|
|
3392
3099
|
/**
|
|
3393
3100
|
* Each variant has a different hierarchical order, where 1 is the highest level. 400 will render to `<h1>`, 200 to `<h2>` and 100 to `<h3>`
|
|
3394
|
-
* @default '400'
|
|
3395
3101
|
*/
|
|
3396
3102
|
"size"?: '400' | '200' | '100';
|
|
3397
3103
|
}
|
|
3398
3104
|
interface B2bIcon {
|
|
3399
3105
|
/**
|
|
3400
3106
|
* Will display a pointer cursor when hovering the icon
|
|
3401
|
-
* @default false
|
|
3402
3107
|
*/
|
|
3403
3108
|
"clickable"?: boolean;
|
|
3404
3109
|
/**
|
|
3405
3110
|
* The color of the icon
|
|
3406
|
-
* @default 'inherit'
|
|
3407
3111
|
*/
|
|
3408
3112
|
"color"?: 'primary' | 'secondary' | 'inverse' | 'inherit';
|
|
3409
3113
|
/**
|
|
3410
3114
|
* Whether the icon can receive focus. Per default it is false. Use this for icon triggers like tooltip or flyout menu.
|
|
3411
|
-
* @default false
|
|
3412
3115
|
*/
|
|
3413
3116
|
"focusable"?: boolean;
|
|
3414
3117
|
/**
|
|
@@ -3417,24 +3120,20 @@ declare namespace LocalJSX {
|
|
|
3417
3120
|
"icon"?: IconName;
|
|
3418
3121
|
/**
|
|
3419
3122
|
* @deprecated The size of the icon. In the future, only 50 and 100 will be support through new components.
|
|
3420
|
-
* @default '100'
|
|
3421
3123
|
*/
|
|
3422
3124
|
"size"?: '50' | '100' | '200';
|
|
3423
3125
|
}
|
|
3424
3126
|
interface B2bIcon100 {
|
|
3425
3127
|
/**
|
|
3426
3128
|
* Will display a pointer cursor when hovering the icon
|
|
3427
|
-
* @default false
|
|
3428
3129
|
*/
|
|
3429
3130
|
"clickable"?: boolean;
|
|
3430
3131
|
/**
|
|
3431
3132
|
* The color of the icon
|
|
3432
|
-
* @default 'inherit'
|
|
3433
3133
|
*/
|
|
3434
3134
|
"color"?: 'primary' | 'secondary' | 'inverse' | 'inherit';
|
|
3435
3135
|
/**
|
|
3436
3136
|
* Whether the icon can receive focus. Per default it is false. Use this for icon triggers like tooltip or flyout menu.
|
|
3437
|
-
* @default false
|
|
3438
3137
|
*/
|
|
3439
3138
|
"focusable"?: boolean;
|
|
3440
3139
|
/**
|
|
@@ -3443,24 +3142,20 @@ declare namespace LocalJSX {
|
|
|
3443
3142
|
"icon"?: IconName1;
|
|
3444
3143
|
/**
|
|
3445
3144
|
* The size of the icon in pixel. Minimum is 24, maximum is 96px.
|
|
3446
|
-
* @default 24
|
|
3447
3145
|
*/
|
|
3448
3146
|
"size"?: number;
|
|
3449
3147
|
}
|
|
3450
3148
|
interface B2bIcon50 {
|
|
3451
3149
|
/**
|
|
3452
3150
|
* Will display a pointer cursor when hovering the icon
|
|
3453
|
-
* @default false
|
|
3454
3151
|
*/
|
|
3455
3152
|
"clickable"?: boolean;
|
|
3456
3153
|
/**
|
|
3457
3154
|
* The color of the icon
|
|
3458
|
-
* @default 'inherit'
|
|
3459
3155
|
*/
|
|
3460
3156
|
"color"?: 'primary' | 'secondary' | 'inverse' | 'inherit';
|
|
3461
3157
|
/**
|
|
3462
3158
|
* Whether the icon can receive focus. Per default it is false. Use this for icon triggers like tooltip or flyout menu.
|
|
3463
|
-
* @default false
|
|
3464
3159
|
*/
|
|
3465
3160
|
"focusable"?: boolean;
|
|
3466
3161
|
/**
|
|
@@ -3475,7 +3170,6 @@ declare namespace LocalJSX {
|
|
|
3475
3170
|
interface B2bInput {
|
|
3476
3171
|
/**
|
|
3477
3172
|
* Whether or not the input is disabled. Default is false.
|
|
3478
|
-
* @default false
|
|
3479
3173
|
*/
|
|
3480
3174
|
"disabled"?: boolean;
|
|
3481
3175
|
/**
|
|
@@ -3484,7 +3178,6 @@ declare namespace LocalJSX {
|
|
|
3484
3178
|
"error"?: string;
|
|
3485
3179
|
/**
|
|
3486
3180
|
* When setting the autofocus to true, the input element will be focused when the page loads.
|
|
3487
|
-
* @default false
|
|
3488
3181
|
*/
|
|
3489
3182
|
"focusOnLoad"?: boolean;
|
|
3490
3183
|
/**
|
|
@@ -3493,12 +3186,10 @@ declare namespace LocalJSX {
|
|
|
3493
3186
|
"hint"?: string;
|
|
3494
3187
|
/**
|
|
3495
3188
|
* The alignment of the text.
|
|
3496
|
-
* @default 'left'
|
|
3497
3189
|
*/
|
|
3498
3190
|
"inputTextAlign"?: 'left' | 'right' | 'center';
|
|
3499
3191
|
/**
|
|
3500
3192
|
* Whether the input is currently invalid. If true, the input is rendered with error styles. Per default it is false.
|
|
3501
|
-
* @default false
|
|
3502
3193
|
*/
|
|
3503
3194
|
"invalid"?: boolean;
|
|
3504
3195
|
/**
|
|
@@ -3523,17 +3214,14 @@ declare namespace LocalJSX {
|
|
|
3523
3214
|
"onB2b-input"?: (event: B2bInputCustomEvent<InputChangeEvent>) => void;
|
|
3524
3215
|
/**
|
|
3525
3216
|
* A placeholder for the input field. Per default, it is null.
|
|
3526
|
-
* @default null
|
|
3527
3217
|
*/
|
|
3528
3218
|
"placeholder"?: string;
|
|
3529
3219
|
/**
|
|
3530
3220
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
3531
|
-
* @default false
|
|
3532
3221
|
*/
|
|
3533
3222
|
"required"?: boolean;
|
|
3534
3223
|
/**
|
|
3535
3224
|
* The type of the input. All native HTML types except date or month are supported. Default is text.
|
|
3536
|
-
* @default 'text'
|
|
3537
3225
|
*/
|
|
3538
3226
|
"type"?: | 'text'
|
|
3539
3227
|
| 'email'
|
|
@@ -3544,14 +3232,12 @@ declare namespace LocalJSX {
|
|
|
3544
3232
|
| 'url';
|
|
3545
3233
|
/**
|
|
3546
3234
|
* The default value of the input field. If defined, it will prefill the input.
|
|
3547
|
-
* @default null
|
|
3548
3235
|
*/
|
|
3549
3236
|
"value"?: string;
|
|
3550
3237
|
}
|
|
3551
3238
|
interface B2bInputGroup {
|
|
3552
3239
|
/**
|
|
3553
3240
|
* Whether or not the input group is disabled as a whole. Per default it is false.
|
|
3554
|
-
* @default false
|
|
3555
3241
|
*/
|
|
3556
3242
|
"disabled"?: boolean;
|
|
3557
3243
|
/**
|
|
@@ -3564,26 +3250,22 @@ declare namespace LocalJSX {
|
|
|
3564
3250
|
"hint"?: string;
|
|
3565
3251
|
/**
|
|
3566
3252
|
* Whether or not the input group is invalid and should be rendered with error styles as a whole. Per default it is false.
|
|
3567
|
-
* @default false
|
|
3568
3253
|
*/
|
|
3569
3254
|
"invalid"?: boolean;
|
|
3570
3255
|
}
|
|
3571
3256
|
interface B2bInputLabel {
|
|
3572
3257
|
/**
|
|
3573
3258
|
* Will render the label with a disabled style. The default value is false.
|
|
3574
|
-
* @default false
|
|
3575
3259
|
*/
|
|
3576
3260
|
"disabled"?: boolean;
|
|
3577
3261
|
/**
|
|
3578
3262
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
3579
|
-
* @default false
|
|
3580
3263
|
*/
|
|
3581
3264
|
"required"?: boolean;
|
|
3582
3265
|
}
|
|
3583
3266
|
interface B2bInputList {
|
|
3584
3267
|
/**
|
|
3585
3268
|
* Whether or not the input is disabled. Default is false.
|
|
3586
|
-
* @default false
|
|
3587
3269
|
*/
|
|
3588
3270
|
"disabled"?: boolean;
|
|
3589
3271
|
/**
|
|
@@ -3596,7 +3278,6 @@ declare namespace LocalJSX {
|
|
|
3596
3278
|
"onB2b-clear"?: (event: B2bInputListCustomEvent<InputClear>) => void;
|
|
3597
3279
|
/**
|
|
3598
3280
|
* The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire.
|
|
3599
|
-
* @default []
|
|
3600
3281
|
*/
|
|
3601
3282
|
"optionsList"?: string[];
|
|
3602
3283
|
/**
|
|
@@ -3605,12 +3286,10 @@ declare namespace LocalJSX {
|
|
|
3605
3286
|
"placeholder"?: string;
|
|
3606
3287
|
/**
|
|
3607
3288
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
3608
|
-
* @default false
|
|
3609
3289
|
*/
|
|
3610
3290
|
"required"?: boolean;
|
|
3611
3291
|
/**
|
|
3612
3292
|
* The default value of the input field. If defined, it will prefill the input.
|
|
3613
|
-
* @default null
|
|
3614
3293
|
*/
|
|
3615
3294
|
"value"?: string;
|
|
3616
3295
|
}
|
|
@@ -3627,7 +3306,6 @@ declare namespace LocalJSX {
|
|
|
3627
3306
|
interface B2bLabel {
|
|
3628
3307
|
/**
|
|
3629
3308
|
* The type of the label. Per default it is neutral.
|
|
3630
|
-
* @default 'neutral'
|
|
3631
3309
|
*/
|
|
3632
3310
|
"type"?: 'neutral' | 'info' | 'success' | 'warning' | 'error';
|
|
3633
3311
|
}
|
|
@@ -3638,12 +3316,10 @@ declare namespace LocalJSX {
|
|
|
3638
3316
|
interface B2bModal {
|
|
3639
3317
|
/**
|
|
3640
3318
|
* A boolean that indicates whether the modal can be dismissed by clicking in the backdrop outside the modal.
|
|
3641
|
-
* @default false
|
|
3642
3319
|
*/
|
|
3643
3320
|
"backdropDismiss"?: boolean;
|
|
3644
3321
|
/**
|
|
3645
3322
|
* A boolean to indicate whether the modal can be dismissed by pressing the escape key on the keyboard
|
|
3646
|
-
* @default true
|
|
3647
3323
|
*/
|
|
3648
3324
|
"escDismiss"?: boolean;
|
|
3649
3325
|
/**
|
|
@@ -3660,19 +3336,16 @@ declare namespace LocalJSX {
|
|
|
3660
3336
|
"onB2b-close"?: (event: B2bModalCustomEvent<void>) => void;
|
|
3661
3337
|
/**
|
|
3662
3338
|
* Whether the modal is shown or not. Default is false
|
|
3663
|
-
* @default false
|
|
3664
3339
|
*/
|
|
3665
3340
|
"opened"?: boolean;
|
|
3666
3341
|
/**
|
|
3667
3342
|
* The size of the modal. If not specified, will assume the default size
|
|
3668
|
-
* @default 'default'
|
|
3669
3343
|
*/
|
|
3670
3344
|
"variant"?: 'default' | 'large';
|
|
3671
3345
|
}
|
|
3672
3346
|
interface B2bMultiselectDropdown {
|
|
3673
3347
|
/**
|
|
3674
3348
|
* Whether or not the field is disabled. Default is false.
|
|
3675
|
-
* @default false
|
|
3676
3349
|
*/
|
|
3677
3350
|
"disabled"?: boolean;
|
|
3678
3351
|
/**
|
|
@@ -3685,7 +3358,6 @@ declare namespace LocalJSX {
|
|
|
3685
3358
|
"hint"?: string;
|
|
3686
3359
|
/**
|
|
3687
3360
|
* Whether the multi select dropdown is currently invalid. Per default, it is false.
|
|
3688
|
-
* @default false
|
|
3689
3361
|
*/
|
|
3690
3362
|
"invalid"?: boolean;
|
|
3691
3363
|
/**
|
|
@@ -3694,7 +3366,6 @@ declare namespace LocalJSX {
|
|
|
3694
3366
|
"label": string;
|
|
3695
3367
|
/**
|
|
3696
3368
|
* The maximum amount of chips visible. Adjust this depending on available size of the dropdown.
|
|
3697
|
-
* @default 8
|
|
3698
3369
|
*/
|
|
3699
3370
|
"maxOptionsVisible"?: number;
|
|
3700
3371
|
/**
|
|
@@ -3703,7 +3374,6 @@ declare namespace LocalJSX {
|
|
|
3703
3374
|
"onB2b-selected"?: (event: B2bMultiselectDropdownCustomEvent<string[]>) => void;
|
|
3704
3375
|
/**
|
|
3705
3376
|
* The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire.
|
|
3706
|
-
* @default []
|
|
3707
3377
|
*/
|
|
3708
3378
|
"optionsList"?: string | string[];
|
|
3709
3379
|
/**
|
|
@@ -3712,7 +3382,6 @@ declare namespace LocalJSX {
|
|
|
3712
3382
|
"placeholder"?: string;
|
|
3713
3383
|
/**
|
|
3714
3384
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
3715
|
-
* @default false
|
|
3716
3385
|
*/
|
|
3717
3386
|
"required"?: boolean;
|
|
3718
3387
|
/**
|
|
@@ -3725,7 +3394,6 @@ declare namespace LocalJSX {
|
|
|
3725
3394
|
"selectAllLabel"?: string;
|
|
3726
3395
|
/**
|
|
3727
3396
|
* The initial values to be selected in the dropdown.
|
|
3728
|
-
* @default []
|
|
3729
3397
|
*/
|
|
3730
3398
|
"selectedValues"?: string | string[];
|
|
3731
3399
|
}
|
|
@@ -3740,24 +3408,20 @@ declare namespace LocalJSX {
|
|
|
3740
3408
|
"option": string;
|
|
3741
3409
|
/**
|
|
3742
3410
|
* Whether the option is currently selected.
|
|
3743
|
-
* @default false
|
|
3744
3411
|
*/
|
|
3745
3412
|
"selected"?: boolean;
|
|
3746
3413
|
}
|
|
3747
3414
|
interface B2bPagination {
|
|
3748
3415
|
/**
|
|
3749
3416
|
* Use this property to set programmatically the active page
|
|
3750
|
-
* @default 1
|
|
3751
3417
|
*/
|
|
3752
3418
|
"activePage"?: number;
|
|
3753
3419
|
/**
|
|
3754
3420
|
* (optional) translation to 'Go to next page'
|
|
3755
|
-
* @default 'Go to next page'
|
|
3756
3421
|
*/
|
|
3757
3422
|
"ariaLabelNextPage"?: string;
|
|
3758
3423
|
/**
|
|
3759
3424
|
* (optional) translation to 'Go to previous page'
|
|
3760
|
-
* @default 'Go to previous page'
|
|
3761
3425
|
*/
|
|
3762
3426
|
"ariaLabelPreviousPage"?: string;
|
|
3763
3427
|
/**
|
|
@@ -3766,7 +3430,6 @@ declare namespace LocalJSX {
|
|
|
3766
3430
|
"onB2b-page-change"?: (event: B2bPaginationCustomEvent<PageChangeEventDetail>) => void;
|
|
3767
3431
|
/**
|
|
3768
3432
|
* The total number of pages to calculate the length of pagination component
|
|
3769
|
-
* @default 1
|
|
3770
3433
|
*/
|
|
3771
3434
|
"totalPages"?: number;
|
|
3772
3435
|
}
|
|
@@ -3777,32 +3440,26 @@ declare namespace LocalJSX {
|
|
|
3777
3440
|
interface B2bParagraph {
|
|
3778
3441
|
/**
|
|
3779
3442
|
* The alignment of the text.
|
|
3780
|
-
* @default 'left'
|
|
3781
3443
|
*/
|
|
3782
3444
|
"align"?: 'left' | 'right' | 'center';
|
|
3783
3445
|
/**
|
|
3784
3446
|
* The positioning of the paragraph in the page flow. Defaults to native block behavior.
|
|
3785
|
-
* @default 'block'
|
|
3786
3447
|
*/
|
|
3787
3448
|
"display"?: 'inline' | 'inline-block' | 'block';
|
|
3788
3449
|
/**
|
|
3789
3450
|
* Whether or not the paragraph has a bottom margin. Defaults to true.
|
|
3790
|
-
* @default true
|
|
3791
3451
|
*/
|
|
3792
3452
|
"margin"?: boolean;
|
|
3793
3453
|
/**
|
|
3794
3454
|
* The size of the text.
|
|
3795
|
-
* @default '100'
|
|
3796
3455
|
*/
|
|
3797
3456
|
"size"?: '50' | '100';
|
|
3798
3457
|
/**
|
|
3799
3458
|
* The color of the paragraph. Defaults to black.
|
|
3800
|
-
* @default 'black-100'
|
|
3801
3459
|
*/
|
|
3802
3460
|
"variant"?: 'black-100' | 'grey-400';
|
|
3803
3461
|
/**
|
|
3804
3462
|
* The weight of the text.
|
|
3805
|
-
* @default 'normal'
|
|
3806
3463
|
*/
|
|
3807
3464
|
"weight"?: 'bold' | 'normal';
|
|
3808
3465
|
}
|
|
@@ -3813,12 +3470,10 @@ declare namespace LocalJSX {
|
|
|
3813
3470
|
"label"?: string;
|
|
3814
3471
|
/**
|
|
3815
3472
|
* Whether the label should be displayed on the right or left of the progress bar.
|
|
3816
|
-
* @default 'left'
|
|
3817
3473
|
*/
|
|
3818
3474
|
"labelPosition"?: 'left' | 'right';
|
|
3819
3475
|
/**
|
|
3820
3476
|
* Whether the label should be displayed below or on the side of the progress bar.
|
|
3821
|
-
* @default 'below'
|
|
3822
3477
|
*/
|
|
3823
3478
|
"labelType"?: 'below' | 'side';
|
|
3824
3479
|
/**
|
|
@@ -3829,12 +3484,10 @@ declare namespace LocalJSX {
|
|
|
3829
3484
|
interface B2bRadioButton {
|
|
3830
3485
|
/**
|
|
3831
3486
|
* Whether or not the radio button is currently checked. Per default it is false.
|
|
3832
|
-
* @default false
|
|
3833
3487
|
*/
|
|
3834
3488
|
"checked"?: boolean;
|
|
3835
3489
|
/**
|
|
3836
3490
|
* Whether or not the radio button is currently disabled. Per default it is false.
|
|
3837
|
-
* @default false
|
|
3838
3491
|
*/
|
|
3839
3492
|
"disabled"?: boolean;
|
|
3840
3493
|
/**
|
|
@@ -3847,7 +3500,6 @@ declare namespace LocalJSX {
|
|
|
3847
3500
|
"hint"?: string;
|
|
3848
3501
|
/**
|
|
3849
3502
|
* Whether or not the radio button should be rendered with error styles. Per default it is false.
|
|
3850
|
-
* @default false
|
|
3851
3503
|
*/
|
|
3852
3504
|
"invalid"?: boolean;
|
|
3853
3505
|
/**
|
|
@@ -3872,7 +3524,6 @@ declare namespace LocalJSX {
|
|
|
3872
3524
|
"onB2b-focus"?: (event: B2bRadioButtonCustomEvent<FocusEvent>) => void;
|
|
3873
3525
|
/**
|
|
3874
3526
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
3875
|
-
* @default false
|
|
3876
3527
|
*/
|
|
3877
3528
|
"required"?: boolean;
|
|
3878
3529
|
/**
|
|
@@ -3883,12 +3534,10 @@ declare namespace LocalJSX {
|
|
|
3883
3534
|
interface B2bRadioGroup {
|
|
3884
3535
|
/**
|
|
3885
3536
|
* The alignment of the radio group. Can be vertical or horizontal, per default it is vertical.
|
|
3886
|
-
* @default 'vertical'
|
|
3887
3537
|
*/
|
|
3888
3538
|
"alignment"?: 'vertical' | 'horizontal';
|
|
3889
3539
|
/**
|
|
3890
3540
|
* Whether or not the radio group is disabled as a whole. Per default it is false.
|
|
3891
|
-
* @default false
|
|
3892
3541
|
*/
|
|
3893
3542
|
"disabled"?: boolean;
|
|
3894
3543
|
/**
|
|
@@ -3901,7 +3550,6 @@ declare namespace LocalJSX {
|
|
|
3901
3550
|
"hint"?: string;
|
|
3902
3551
|
/**
|
|
3903
3552
|
* Whether or not the radio group is invalid and should be rendered with error styles as a whole. Per default it is false.
|
|
3904
|
-
* @default false
|
|
3905
3553
|
*/
|
|
3906
3554
|
"invalid"?: boolean;
|
|
3907
3555
|
/**
|
|
@@ -3918,14 +3566,12 @@ declare namespace LocalJSX {
|
|
|
3918
3566
|
"onB2b-group-change"?: (event: B2bRadioGroupCustomEvent<RadioEventDetail>) => void;
|
|
3919
3567
|
/**
|
|
3920
3568
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
3921
|
-
* @default false
|
|
3922
3569
|
*/
|
|
3923
3570
|
"required"?: boolean;
|
|
3924
3571
|
}
|
|
3925
3572
|
interface B2bRequiredSeparator {
|
|
3926
3573
|
/**
|
|
3927
3574
|
* The required label. Per default it is the german 'Pflichtfeld', but can be altered.
|
|
3928
|
-
* @default 'Pflichtfeld'
|
|
3929
3575
|
*/
|
|
3930
3576
|
"label"?: string;
|
|
3931
3577
|
}
|
|
@@ -3936,12 +3582,10 @@ declare namespace LocalJSX {
|
|
|
3936
3582
|
"borderColor"?: string;
|
|
3937
3583
|
/**
|
|
3938
3584
|
* The color of the circle around the icon or text. Use any type including hex, rgb or css custom properties as long as you pass it as a string
|
|
3939
|
-
* @default 'var(--b2b-color-info-50)'
|
|
3940
3585
|
*/
|
|
3941
3586
|
"color"?: string;
|
|
3942
3587
|
/**
|
|
3943
3588
|
* The color of the text or icon within the circle. Use any type including hex, rgb or css custom properties as long as you pass it as a string
|
|
3944
|
-
* @default 'var(--b2b-color-copy-default)'
|
|
3945
3589
|
*/
|
|
3946
3590
|
"contentColor"?: string;
|
|
3947
3591
|
}
|
|
@@ -3950,7 +3594,6 @@ declare namespace LocalJSX {
|
|
|
3950
3594
|
interface B2bSearch {
|
|
3951
3595
|
/**
|
|
3952
3596
|
* Whether or not the input is disabled. Default is false.
|
|
3953
|
-
* @default false
|
|
3954
3597
|
*/
|
|
3955
3598
|
"disabled"?: boolean;
|
|
3956
3599
|
/**
|
|
@@ -3959,7 +3602,6 @@ declare namespace LocalJSX {
|
|
|
3959
3602
|
"onB2b-search"?: (event: B2bSearchCustomEvent<SearchClickEventDetail>) => void;
|
|
3960
3603
|
/**
|
|
3961
3604
|
* The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire.
|
|
3962
|
-
* @default []
|
|
3963
3605
|
*/
|
|
3964
3606
|
"optionsList"?: string[];
|
|
3965
3607
|
/**
|
|
@@ -3968,14 +3610,12 @@ declare namespace LocalJSX {
|
|
|
3968
3610
|
"placeholder"?: string;
|
|
3969
3611
|
/**
|
|
3970
3612
|
* The default value of the search input field. If defined, it will prefill the input.
|
|
3971
|
-
* @default null
|
|
3972
3613
|
*/
|
|
3973
3614
|
"value"?: string;
|
|
3974
3615
|
}
|
|
3975
3616
|
interface B2bSeparator {
|
|
3976
3617
|
/**
|
|
3977
3618
|
* The alignment of the separator. Per default it is horizontal.
|
|
3978
|
-
* @default 'horizontal'
|
|
3979
3619
|
*/
|
|
3980
3620
|
"alignment"?: 'vertical' | 'horizontal';
|
|
3981
3621
|
}
|
|
@@ -4004,12 +3644,10 @@ declare namespace LocalJSX {
|
|
|
4004
3644
|
"description"?: string;
|
|
4005
3645
|
/**
|
|
4006
3646
|
* How long is snackbar shown. Default value is 5000 ms.
|
|
4007
|
-
* @default 5000
|
|
4008
3647
|
*/
|
|
4009
3648
|
"duration"?: number;
|
|
4010
3649
|
/**
|
|
4011
3650
|
* Whether the snackbar has a Call-to-Action. Per default, it is false.
|
|
4012
|
-
* @default false
|
|
4013
3651
|
*/
|
|
4014
3652
|
"hasAction"?: boolean;
|
|
4015
3653
|
/**
|
|
@@ -4022,17 +3660,14 @@ declare namespace LocalJSX {
|
|
|
4022
3660
|
"onB2b-close"?: (event: B2bSnackbarCustomEvent<void>) => void;
|
|
4023
3661
|
/**
|
|
4024
3662
|
* Whether the snackbar is currently visible. Set to true to display the snackbar.
|
|
4025
|
-
* @default false
|
|
4026
3663
|
*/
|
|
4027
3664
|
"opened"?: boolean;
|
|
4028
3665
|
/**
|
|
4029
3666
|
* Whether snackbar is show for limited time. Default is true. Error snackbars cannot be timed.
|
|
4030
|
-
* @default true
|
|
4031
3667
|
*/
|
|
4032
3668
|
"timed"?: boolean;
|
|
4033
3669
|
/**
|
|
4034
3670
|
* The type of snackbar. Default is info.
|
|
4035
|
-
* @default 'info'
|
|
4036
3671
|
*/
|
|
4037
3672
|
"type"?: 'info' | 'success' | 'warning' | 'error';
|
|
4038
3673
|
/**
|
|
@@ -4047,24 +3682,20 @@ declare namespace LocalJSX {
|
|
|
4047
3682
|
interface B2bSpinner {
|
|
4048
3683
|
/**
|
|
4049
3684
|
* The color of the spinner.
|
|
4050
|
-
* @default 'primary'
|
|
4051
3685
|
*/
|
|
4052
3686
|
"color"?: 'primary' | 'secondary' | 'inverse';
|
|
4053
3687
|
/**
|
|
4054
3688
|
* The size of the spinner.
|
|
4055
|
-
* @default '100'
|
|
4056
3689
|
*/
|
|
4057
3690
|
"size"?: '50' | '100' | '200';
|
|
4058
3691
|
}
|
|
4059
3692
|
interface B2bTab {
|
|
4060
3693
|
/**
|
|
4061
3694
|
* Whether or not the tab is currently disabled. Per default it is false.
|
|
4062
|
-
* @default false
|
|
4063
3695
|
*/
|
|
4064
3696
|
"disabled"?: boolean;
|
|
4065
3697
|
/**
|
|
4066
3698
|
* Whether or not the tab has an error. Per default, it is false.
|
|
4067
|
-
* @default false
|
|
4068
3699
|
*/
|
|
4069
3700
|
"invalid"?: boolean;
|
|
4070
3701
|
/**
|
|
@@ -4073,7 +3704,6 @@ declare namespace LocalJSX {
|
|
|
4073
3704
|
"onB2b-change"?: (event: B2bTabCustomEvent<boolean>) => void;
|
|
4074
3705
|
/**
|
|
4075
3706
|
* Whether or not the tab is currently selected. Per default it is false.
|
|
4076
|
-
* @default false
|
|
4077
3707
|
*/
|
|
4078
3708
|
"selected"?: boolean;
|
|
4079
3709
|
}
|
|
@@ -4084,7 +3714,6 @@ declare namespace LocalJSX {
|
|
|
4084
3714
|
"onB2b-selected"?: (event: B2bTabGroupCustomEvent<TabChangeEventDetail>) => void;
|
|
4085
3715
|
/**
|
|
4086
3716
|
* Determines if the Tab Group will do it's own navigation. Per default, it will use internal navigation. Set it to true if you want to use external, route-based navigation.
|
|
4087
|
-
* @default false
|
|
4088
3717
|
*/
|
|
4089
3718
|
"useRouter"?: boolean;
|
|
4090
3719
|
}
|
|
@@ -4097,19 +3726,16 @@ declare namespace LocalJSX {
|
|
|
4097
3726
|
"onB2b-sort-change"?: (event: B2bTableCustomEvent<ColumnSortChangeEventDetail>) => void;
|
|
4098
3727
|
/**
|
|
4099
3728
|
* The size of the table. Both will expand to 100% of parent size. Expand cells will use as much space as content needs and text will wrap. Equal will keep all column sizes proportional to the number of columns. Colspan behaves same as equal, but allows you to set a colspan attribute on individual columns or cells to make them span more than one column.
|
|
4100
|
-
* @default TableSizes.EXPAND
|
|
4101
3729
|
*/
|
|
4102
3730
|
"size"?: TableSizes;
|
|
4103
3731
|
}
|
|
4104
3732
|
interface B2bTableCell {
|
|
4105
3733
|
/**
|
|
4106
3734
|
* Alignment of the content of the cell, by default is to the left. *
|
|
4107
|
-
* @default ContentAlignment.LEFT
|
|
4108
3735
|
*/
|
|
4109
3736
|
"align"?: ContentAlignment;
|
|
4110
3737
|
/**
|
|
4111
3738
|
* Background color of the cell. This color selection does not have hover states, as it is handled from the row*
|
|
4112
|
-
* @default 'default'
|
|
4113
3739
|
*/
|
|
4114
3740
|
"color"?: TableColourOptions;
|
|
4115
3741
|
/**
|
|
@@ -4118,12 +3744,10 @@ declare namespace LocalJSX {
|
|
|
4118
3744
|
"colspan"?: number;
|
|
4119
3745
|
/**
|
|
4120
3746
|
* adds a border to the right of the cell. *
|
|
4121
|
-
* @default false
|
|
4122
3747
|
*/
|
|
4123
3748
|
"divider"?: boolean;
|
|
4124
3749
|
/**
|
|
4125
3750
|
* Whether text should wrap or truncate. It will only truncate when table size is equal *
|
|
4126
|
-
* @default true
|
|
4127
3751
|
*/
|
|
4128
3752
|
"textWrap"?: boolean;
|
|
4129
3753
|
}
|
|
@@ -4134,17 +3758,14 @@ declare namespace LocalJSX {
|
|
|
4134
3758
|
"colspan"?: number;
|
|
4135
3759
|
/**
|
|
4136
3760
|
* Alignment of the content of the cell, by default is to the left. *
|
|
4137
|
-
* @default ContentAlignment.LEFT
|
|
4138
3761
|
*/
|
|
4139
3762
|
"contentAlign"?: ContentAlignment;
|
|
4140
3763
|
/**
|
|
4141
3764
|
* adds a border to the right of the header. *
|
|
4142
|
-
* @default false
|
|
4143
3765
|
*/
|
|
4144
3766
|
"divider"?: boolean;
|
|
4145
3767
|
/**
|
|
4146
3768
|
* @deprecated Use fixed on the rowgroup instead. Sets the header position to sticky. Use it when table is inside a scrollable container. *
|
|
4147
|
-
* @default false
|
|
4148
3769
|
*/
|
|
4149
3770
|
"fixed"?: boolean;
|
|
4150
3771
|
/**
|
|
@@ -4153,7 +3774,6 @@ declare namespace LocalJSX {
|
|
|
4153
3774
|
"onB2b-change"?: (event: B2bTableHeaderCustomEvent<TableSortDirections>) => void;
|
|
4154
3775
|
/**
|
|
4155
3776
|
* The size of the cell. Follows table size. When size is equal and textWrap is false, the text will truncate with Ellipsis. Other sizes won't affect cell current implementation.
|
|
4156
|
-
* @default TableSizes.EXPAND
|
|
4157
3777
|
*/
|
|
4158
3778
|
"size"?: TableSizes;
|
|
4159
3779
|
/**
|
|
@@ -4168,22 +3788,18 @@ declare namespace LocalJSX {
|
|
|
4168
3788
|
interface B2bTableRow {
|
|
4169
3789
|
/**
|
|
4170
3790
|
* If a selectable row is currently checked. Per default, it is false.
|
|
4171
|
-
* @default false
|
|
4172
3791
|
*/
|
|
4173
3792
|
"checked"?: boolean;
|
|
4174
3793
|
/**
|
|
4175
3794
|
* Background color of the row. Use it semantically. This color selection have hover states *
|
|
4176
|
-
* @default 'default'
|
|
4177
3795
|
*/
|
|
4178
3796
|
"color"?: TableColourOptions;
|
|
4179
3797
|
/**
|
|
4180
3798
|
* Whether the row will be highlighted on mouse over *
|
|
4181
|
-
* @default true
|
|
4182
3799
|
*/
|
|
4183
3800
|
"highlight"?: boolean;
|
|
4184
3801
|
/**
|
|
4185
3802
|
* If a selectable row is a parent for an accordion, it becomes indeterminate when some of it's children are checked, but not all.
|
|
4186
|
-
* @default false
|
|
4187
3803
|
*/
|
|
4188
3804
|
"indeterminate"?: boolean;
|
|
4189
3805
|
/**
|
|
@@ -4202,12 +3818,10 @@ declare namespace LocalJSX {
|
|
|
4202
3818
|
interface B2bTableRowgroup {
|
|
4203
3819
|
/**
|
|
4204
3820
|
* Renders the rowgroup as an accordion. Both header and body must have accordion set to true. One table can contain multiple rowgroups of type body, each of which represents an accordion row with children.
|
|
4205
|
-
* @default false
|
|
4206
3821
|
*/
|
|
4207
3822
|
"accordion"?: boolean;
|
|
4208
3823
|
/**
|
|
4209
3824
|
* Sets the header rowgroup position to sticky. Use this in a scrollable container.
|
|
4210
|
-
* @default false
|
|
4211
3825
|
*/
|
|
4212
3826
|
"fixed"?: boolean;
|
|
4213
3827
|
/**
|
|
@@ -4216,17 +3830,14 @@ declare namespace LocalJSX {
|
|
|
4216
3830
|
"onB2b-group-selected"?: (event: B2bTableRowgroupCustomEvent<TableAccordionSelectedEventDetail>) => void;
|
|
4217
3831
|
/**
|
|
4218
3832
|
* Only use when accordion property is true. Will render the accordion opened if set to true. By default, is false.
|
|
4219
|
-
* @default false
|
|
4220
3833
|
*/
|
|
4221
3834
|
"opened"?: boolean;
|
|
4222
3835
|
/**
|
|
4223
3836
|
* If the rows in the rowgroup can be selected via checkmark. Per default, it is false.
|
|
4224
|
-
* @default false
|
|
4225
3837
|
*/
|
|
4226
3838
|
"selectable"?: boolean;
|
|
4227
3839
|
/**
|
|
4228
3840
|
* Rowgroup allows grouping rows by context: header, body or footer. Header rows are by default not highlightable on mouse over.
|
|
4229
|
-
* @default TableRowgroupTypes.HEADER
|
|
4230
3841
|
*/
|
|
4231
3842
|
"type"?: TableRowgroupTypes;
|
|
4232
3843
|
}
|
|
@@ -4237,7 +3848,6 @@ declare namespace LocalJSX {
|
|
|
4237
3848
|
interface B2bTextarea {
|
|
4238
3849
|
/**
|
|
4239
3850
|
* Whether or not the textarea is disabled. Per default it is false.
|
|
4240
|
-
* @default false
|
|
4241
3851
|
*/
|
|
4242
3852
|
"disabled"?: boolean;
|
|
4243
3853
|
/**
|
|
@@ -4246,7 +3856,6 @@ declare namespace LocalJSX {
|
|
|
4246
3856
|
"error"?: string;
|
|
4247
3857
|
/**
|
|
4248
3858
|
* Whether or not the textarea should be automatically focused on page load. Per default it is false.
|
|
4249
|
-
* @default false
|
|
4250
3859
|
*/
|
|
4251
3860
|
"focusOnLoad"?: boolean;
|
|
4252
3861
|
/**
|
|
@@ -4259,7 +3868,6 @@ declare namespace LocalJSX {
|
|
|
4259
3868
|
"hint"?: string;
|
|
4260
3869
|
/**
|
|
4261
3870
|
* Whether or not the textarea should be displayed with error styles. Per default it is false.
|
|
4262
|
-
* @default false
|
|
4263
3871
|
*/
|
|
4264
3872
|
"invalid"?: boolean;
|
|
4265
3873
|
/**
|
|
@@ -4292,7 +3900,6 @@ declare namespace LocalJSX {
|
|
|
4292
3900
|
"placeholder"?: string;
|
|
4293
3901
|
/**
|
|
4294
3902
|
* Adds an asterisk at the end of the label to signify that the field is required.
|
|
4295
|
-
* @default false
|
|
4296
3903
|
*/
|
|
4297
3904
|
"required"?: boolean;
|
|
4298
3905
|
/**
|
|
@@ -4304,19 +3911,16 @@ declare namespace LocalJSX {
|
|
|
4304
3911
|
| 'horizontal';
|
|
4305
3912
|
/**
|
|
4306
3913
|
* The value of the textarea. Per default it is null.
|
|
4307
|
-
* @default null
|
|
4308
3914
|
*/
|
|
4309
3915
|
"value"?: string;
|
|
4310
3916
|
}
|
|
4311
3917
|
interface B2bToggleButton {
|
|
4312
3918
|
/**
|
|
4313
3919
|
* Whether or not the toggle button is currently checked. Per default it is false.
|
|
4314
|
-
* @default false
|
|
4315
3920
|
*/
|
|
4316
3921
|
"checked"?: boolean;
|
|
4317
3922
|
/**
|
|
4318
3923
|
* Whether or not the toggle button is currently disabled. Per default it is false.
|
|
4319
|
-
* @default false
|
|
4320
3924
|
*/
|
|
4321
3925
|
"disabled"?: boolean;
|
|
4322
3926
|
/**
|
|
@@ -4339,12 +3943,10 @@ declare namespace LocalJSX {
|
|
|
4339
3943
|
interface B2bToggleChip {
|
|
4340
3944
|
/**
|
|
4341
3945
|
* Whether or not the chip is currently active. Per default, it is false.
|
|
4342
|
-
* @default false
|
|
4343
3946
|
*/
|
|
4344
3947
|
"active"?: boolean;
|
|
4345
3948
|
/**
|
|
4346
3949
|
* Whether or not the chip is currently disabled. Per default it is false.
|
|
4347
|
-
* @default false
|
|
4348
3950
|
*/
|
|
4349
3951
|
"disabled"?: boolean;
|
|
4350
3952
|
/**
|
|
@@ -4367,7 +3969,6 @@ declare namespace LocalJSX {
|
|
|
4367
3969
|
interface B2bToggleGroup {
|
|
4368
3970
|
/**
|
|
4369
3971
|
* Whether or not the toggle group is disabled as a whole. Per default it is false.
|
|
4370
|
-
* @default false
|
|
4371
3972
|
*/
|
|
4372
3973
|
"disabled"?: boolean;
|
|
4373
3974
|
/**
|
|
@@ -4382,7 +3983,6 @@ declare namespace LocalJSX {
|
|
|
4382
3983
|
interface B2bToggleSwitch {
|
|
4383
3984
|
/**
|
|
4384
3985
|
* Whether or not the toggle button is currently disabled. Per default it is false.
|
|
4385
|
-
* @default false
|
|
4386
3986
|
*/
|
|
4387
3987
|
"disabled"?: boolean;
|
|
4388
3988
|
/**
|
|
@@ -4391,7 +3991,6 @@ declare namespace LocalJSX {
|
|
|
4391
3991
|
"label"?: string;
|
|
4392
3992
|
/**
|
|
4393
3993
|
* The alignment of the toggle switch label.
|
|
4394
|
-
* @default 'left'
|
|
4395
3994
|
*/
|
|
4396
3995
|
"labelPosition"?: 'left' | 'right';
|
|
4397
3996
|
/**
|
|
@@ -4404,7 +4003,6 @@ declare namespace LocalJSX {
|
|
|
4404
4003
|
"onB2b-change"?: (event: B2bToggleSwitchCustomEvent<ToggleSwitchEventDetail>) => void;
|
|
4405
4004
|
/**
|
|
4406
4005
|
* Whether or not the toggle button is currently on or off. Per default it is off.
|
|
4407
|
-
* @default false
|
|
4408
4006
|
*/
|
|
4409
4007
|
"state"?: boolean;
|
|
4410
4008
|
}
|
|
@@ -4419,46 +4017,38 @@ declare namespace LocalJSX {
|
|
|
4419
4017
|
"content"?: string;
|
|
4420
4018
|
/**
|
|
4421
4019
|
* Whether the tooltip is currently opened or not. When the trigger is set to custom, changing this prop will change the tooltip's visibility.
|
|
4422
|
-
* @default false
|
|
4423
4020
|
*/
|
|
4424
4021
|
"opened"?: boolean;
|
|
4425
4022
|
/**
|
|
4426
4023
|
* Position of the tooltip.
|
|
4427
|
-
* @default 'right'
|
|
4428
4024
|
*/
|
|
4429
4025
|
"position"?: 'left' | 'right' | 'top' | 'bottom';
|
|
4430
4026
|
/**
|
|
4431
4027
|
* The trigger for the tooltip. Can be on hover, on focus or custom, i.e. for an onboarding sequence. Per default it is hover.
|
|
4432
|
-
* @default 'hover'
|
|
4433
4028
|
*/
|
|
4434
4029
|
"trigger"?: 'hover' | 'focus' | 'custom';
|
|
4435
4030
|
}
|
|
4436
4031
|
interface B2bWizard {
|
|
4437
4032
|
/**
|
|
4438
4033
|
* The current active step
|
|
4439
|
-
* @default '1'
|
|
4440
4034
|
*/
|
|
4441
4035
|
"activeStep"?: WizardSteps | '0';
|
|
4442
4036
|
/**
|
|
4443
4037
|
* Defaults to true. It will show a checkmark icon when a step is completed. Set as false to show the step number
|
|
4444
|
-
* @default true
|
|
4445
4038
|
*/
|
|
4446
4039
|
"checkIcon"?: boolean;
|
|
4447
4040
|
/**
|
|
4448
4041
|
* By default, is false, where the wizard will handle steps states. If set to true, steps state must be handled manually.
|
|
4449
|
-
* @default false
|
|
4450
4042
|
*/
|
|
4451
4043
|
"custom"?: boolean;
|
|
4452
4044
|
}
|
|
4453
4045
|
interface B2bWizardIcon {
|
|
4454
4046
|
/**
|
|
4455
4047
|
* Defaults to true. It will show a checkmark icon when a step is completed. Set as false to show the step number
|
|
4456
|
-
* @default true
|
|
4457
4048
|
*/
|
|
4458
4049
|
"checkIcon"?: boolean;
|
|
4459
4050
|
/**
|
|
4460
4051
|
* The state of the step
|
|
4461
|
-
* @default WizardStatus.PENDING
|
|
4462
4052
|
*/
|
|
4463
4053
|
"state"?: WizardStatus;
|
|
4464
4054
|
/**
|
|
@@ -4469,17 +4059,14 @@ declare namespace LocalJSX {
|
|
|
4469
4059
|
interface B2bWizardStep {
|
|
4470
4060
|
/**
|
|
4471
4061
|
* Defaults to true. It will show a checkmark icon when a step is completed. Set as false to show the step number
|
|
4472
|
-
* @default true
|
|
4473
4062
|
*/
|
|
4474
4063
|
"checkIcon"?: boolean;
|
|
4475
4064
|
/**
|
|
4476
4065
|
* Use when wizard has property custom true. The state of the step
|
|
4477
|
-
* @default 'pending'
|
|
4478
4066
|
*/
|
|
4479
4067
|
"state"?: WizardStatus;
|
|
4480
4068
|
/**
|
|
4481
4069
|
* Use when wizard has property custom true. The step number
|
|
4482
|
-
* @default '1'
|
|
4483
4070
|
*/
|
|
4484
4071
|
"step"?: WizardSteps;
|
|
4485
4072
|
}
|