@otto-de/b2b-core-components 1.21.0 → 1.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/b2b-core-components/b2b-core-components.css +1 -1
- package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
- package/dist/b2b-core-components/icons/b2b_icon-chatbot.svg +2 -20
- package/dist/b2b-core-components/icons-100/b2b_icon-bullet-list.svg +1 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-ordered-list.svg +1 -0
- package/dist/b2b-core-components/p-01aea1a4.entry.js +1 -0
- package/dist/b2b-core-components/p-02ceefdf.entry.js +1 -0
- package/dist/b2b-core-components/p-191b7d0b.entry.js +1 -0
- package/dist/b2b-core-components/p-1ac1ed23.entry.js +1 -0
- package/dist/b2b-core-components/p-1cbf75dd.entry.js +1 -0
- package/dist/b2b-core-components/p-247b295d.entry.js +1 -0
- package/dist/b2b-core-components/p-25fa6d92.entry.js +1 -0
- package/dist/b2b-core-components/p-28674643.entry.js +1 -0
- package/dist/b2b-core-components/p-2a80fb82.entry.js +1 -0
- package/dist/b2b-core-components/p-30dce961.entry.js +1 -0
- package/dist/b2b-core-components/p-333969c9.entry.js +1 -0
- package/dist/b2b-core-components/p-339dd3ba.entry.js +1 -0
- package/dist/b2b-core-components/p-371efcb7.entry.js +1 -0
- package/dist/b2b-core-components/p-37cdfc83.entry.js +1 -0
- package/dist/b2b-core-components/p-3caed6e8.entry.js +1 -0
- package/dist/b2b-core-components/p-438ab795.entry.js +1 -0
- package/dist/b2b-core-components/p-44d5a9d3.entry.js +1 -0
- package/dist/b2b-core-components/p-47081742.entry.js +1 -0
- package/dist/b2b-core-components/{p-ffff2d15.entry.js → p-48d75dc1.entry.js} +1 -1
- package/dist/b2b-core-components/p-4cfb4131.entry.js +1 -0
- package/dist/b2b-core-components/p-545b6ba2.entry.js +1 -0
- package/dist/b2b-core-components/p-56293400.entry.js +1 -0
- package/dist/b2b-core-components/p-572f9f64.entry.js +1 -0
- package/dist/b2b-core-components/{p-a7221803.entry.js → p-744e8fc3.entry.js} +1 -1
- package/dist/b2b-core-components/p-74c0757b.entry.js +1 -0
- package/dist/b2b-core-components/p-8967cc6c.entry.js +1 -0
- package/dist/b2b-core-components/p-8fa70a00.entry.js +1 -0
- package/dist/b2b-core-components/{p-a155219a.entry.js → p-921e7a37.entry.js} +1 -1
- package/dist/b2b-core-components/p-925553cd.entry.js +1 -0
- package/dist/b2b-core-components/p-928e7db4.entry.js +1 -0
- package/dist/b2b-core-components/p-95570f8e.entry.js +1 -0
- package/dist/b2b-core-components/p-95d3519f.entry.js +1 -0
- package/dist/b2b-core-components/p-96968c24.entry.js +1 -0
- package/dist/b2b-core-components/p-96bde9dd.entry.js +1 -0
- package/dist/b2b-core-components/p-992dd377.entry.js +1 -0
- package/dist/b2b-core-components/p-9a6c243e.entry.js +1 -0
- package/dist/b2b-core-components/p-9c055a4e.entry.js +1 -0
- package/dist/b2b-core-components/p-9de02b91.entry.js +1 -0
- package/dist/b2b-core-components/p-a033a6b5.entry.js +1 -0
- package/dist/b2b-core-components/p-a0ab40f0.entry.js +1 -0
- package/dist/b2b-core-components/p-a923feb6.js +1 -0
- package/dist/b2b-core-components/p-ae71a78f.entry.js +1 -0
- package/dist/b2b-core-components/p-b6916793.entry.js +1 -0
- package/dist/b2b-core-components/p-b7afa702.entry.js +1 -0
- package/dist/b2b-core-components/p-bf8db809.entry.js +1 -0
- package/dist/b2b-core-components/p-c1135326.entry.js +1 -0
- package/dist/b2b-core-components/p-c3d76d28.entry.js +1 -0
- package/dist/b2b-core-components/p-cab7c805.entry.js +1 -0
- package/dist/b2b-core-components/p-cc0ad9b7.entry.js +1 -0
- package/dist/b2b-core-components/p-d56a8c1a.entry.js +1 -0
- package/dist/b2b-core-components/p-d895f199.entry.js +1 -0
- package/dist/b2b-core-components/p-e4359302.entry.js +1 -0
- package/dist/b2b-core-components/p-ec4f82b1.entry.js +1 -0
- package/dist/b2b-core-components/p-f6bd827c.entry.js +1 -0
- package/dist/b2b-core-components/p-fbd31067.entry.js +1 -0
- package/dist/b2b-core-components/p-fdfdc92d.entry.js +1 -0
- package/dist/cjs/b2b-alert.cjs.entry.js +4 -4
- package/dist/cjs/b2b-anchor.cjs.entry.js +1 -1
- package/dist/cjs/b2b-background-box.cjs.entry.js +11 -3
- package/dist/cjs/b2b-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/b2b-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/b2b-button_2.cjs.entry.js +5 -5
- package/dist/cjs/b2b-card.cjs.entry.js +1 -1
- package/dist/cjs/b2b-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/b2b-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/b2b-chip-component_2.cjs.entry.js +4 -4
- package/dist/cjs/b2b-core-components.cjs.js +1 -1
- package/dist/cjs/b2b-date-picker-days_5.cjs.entry.js +40 -38
- package/dist/cjs/b2b-date-picker.cjs.entry.js +73 -27
- package/dist/cjs/b2b-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/b2b-flyout-menu-option.cjs.entry.js +2 -2
- package/dist/cjs/b2b-flyout-menu.cjs.entry.js +4 -4
- package/dist/cjs/b2b-grid-col.cjs.entry.js +5 -17
- package/dist/cjs/b2b-grid-row.cjs.entry.js +2 -2
- package/dist/cjs/b2b-grid.cjs.entry.js +1 -1
- package/dist/cjs/b2b-headline.cjs.entry.js +1 -1
- package/dist/cjs/b2b-icon-100.cjs.entry.js +3 -1
- package/dist/cjs/b2b-icon-50.cjs.entry.js +1 -1
- package/dist/cjs/b2b-icon.cjs.entry.js +1 -1
- package/dist/cjs/b2b-input-group_2.cjs.entry.js +5 -5
- package/dist/cjs/b2b-input-label.cjs.entry.js +2 -2
- package/dist/cjs/b2b-input_2.cjs.entry.js +10 -7
- package/dist/cjs/b2b-label.cjs.entry.js +3 -3
- package/dist/cjs/b2b-modal.cjs.entry.js +3 -3
- package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js +5 -5
- package/dist/cjs/b2b-pagination.cjs.entry.js +2 -2
- package/dist/cjs/b2b-paragraph.cjs.entry.js +3 -3
- package/dist/cjs/b2b-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/b2b-radio-button.cjs.entry.js +3 -3
- package/dist/cjs/b2b-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/b2b-required-separator.cjs.entry.js +2 -2
- package/dist/cjs/b2b-rounded-icon.cjs.entry.js +5 -5
- package/dist/cjs/b2b-scrollable-container.cjs.entry.js +2 -2
- package/dist/cjs/b2b-search.cjs.entry.js +1 -1
- package/dist/cjs/b2b-separator.cjs.entry.js +2 -2
- package/dist/cjs/b2b-snackbar.cjs.entry.js +111 -0
- package/dist/cjs/b2b-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/b2b-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/b2b-tab.cjs.entry.js +3 -3
- package/dist/cjs/b2b-table-cell_2.cjs.entry.js +5 -5
- package/dist/cjs/b2b-table-row.cjs.entry.js +21 -10
- package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +3 -3
- package/dist/cjs/b2b-table.cjs.entry.js +3 -3
- package/dist/cjs/b2b-textarea.cjs.entry.js +3 -3
- package/dist/cjs/b2b-toggle-button.cjs.entry.js +4 -4
- package/dist/cjs/b2b-toggle-chip.cjs.entry.js +6 -7
- package/dist/cjs/b2b-toggle-group.cjs.entry.js +3 -3
- package/dist/cjs/b2b-toggle-switch.cjs.entry.js +5 -5
- package/dist/cjs/b2b-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/b2b-wizard-icon.cjs.entry.js +3 -3
- package/dist/cjs/b2b-wizard-step.cjs.entry.js +3 -3
- package/dist/cjs/b2b-wizard.cjs.entry.js +2 -2
- package/dist/cjs/date-picker-util-8596688b.js +109 -0
- package/dist/cjs/index-668808fd.js +8 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/alert/alert.css +6 -4
- package/dist/collection/components/alert/alert.e2e.js +2 -2
- package/dist/collection/components/alert/alert.js +3 -3
- package/dist/collection/components/anchor/anchor.css +6 -4
- package/dist/collection/components/background-box/background-box.css +18 -4
- package/dist/collection/components/background-box/background-box.e2e.js +26 -0
- package/dist/collection/components/background-box/background-box.js +82 -2
- package/dist/collection/components/background-box/background-box.spec.js +19 -0
- package/dist/collection/components/background-box/background-box.stories.js +16 -2
- package/dist/collection/components/breadcrumb/breadcrumb.css +6 -4
- package/dist/collection/components/button/button.css +6 -4
- package/dist/collection/components/button/button.e2e.js +2 -2
- package/dist/collection/components/button/button.js +2 -2
- package/dist/collection/components/button/button.stories.js +3 -3
- package/dist/collection/components/card/card.css +6 -4
- package/dist/collection/components/checkbox/checkbox.css +6 -4
- package/dist/collection/components/checkbox-group/checkbox-group.css +6 -4
- package/dist/collection/components/chip/chip.css +6 -4
- package/dist/collection/components/date-picker/date-picker-days-header.css +6 -4
- package/dist/collection/components/date-picker/date-picker-days-header.js +27 -3
- package/dist/collection/components/date-picker/date-picker-days.css +8 -6
- package/dist/collection/components/date-picker/date-picker-days.js +93 -19
- package/dist/collection/components/date-picker/date-picker-header.css +9 -7
- package/dist/collection/components/date-picker/date-picker-header.js +26 -6
- package/dist/collection/components/date-picker/date-picker-months.css +7 -5
- package/dist/collection/components/date-picker/date-picker-months.e2e.js +3 -3
- package/dist/collection/components/date-picker/date-picker-months.js +22 -2
- package/dist/collection/components/date-picker/date-picker-years.css +7 -5
- package/dist/collection/components/date-picker/date-picker.css +6 -6
- package/dist/collection/components/date-picker/date-picker.js +216 -23
- package/dist/collection/components/date-picker/date-picker.stories.js +105 -9
- package/dist/collection/components/date-picker/date-picker.types.js +33 -2
- package/dist/collection/components/dropdown/dropdown.css +6 -4
- package/dist/collection/components/dropdown/dropdown.js +2 -2
- package/dist/collection/components/flyout-menu/flyout-menu-option.css +7 -5
- package/dist/collection/components/flyout-menu/flyout-menu-option.js +1 -1
- package/dist/collection/components/flyout-menu/flyout-menu.css +7 -5
- package/dist/collection/components/flyout-menu/flyout-menu.e2e.js +6 -6
- package/dist/collection/components/flyout-menu/flyout-menu.js +3 -3
- package/dist/collection/components/flyout-menu/flyout-menu.stories.js +4 -4
- package/dist/collection/components/grid/column.js +5 -17
- package/dist/collection/components/grid/grid.js +1 -1
- package/dist/collection/components/grid/grid.stories.js +223 -222
- package/dist/collection/components/grid/row.js +2 -2
- package/dist/collection/components/headline/headline.css +6 -4
- package/dist/collection/components/icon/icon.css +6 -4
- package/dist/collection/components/icon/icons/b2b_icon-chatbot.svg +2 -20
- package/dist/collection/components/icon-100/icon-100.css +6 -4
- package/dist/collection/components/icon-100/icon-100.js +1 -1
- package/dist/collection/components/icon-100/icons-100/b2b_icon-bullet-list.svg +1 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-ordered-list.svg +1 -0
- package/dist/collection/components/icon-100/types.js +2 -0
- package/dist/collection/components/icon-50/icon-50.css +6 -4
- package/dist/collection/components/input/input.css +6 -4
- package/dist/collection/components/input/input.e2e.js +10 -0
- package/dist/collection/components/input/input.js +7 -4
- package/dist/collection/components/input/input.stories.js +22 -2
- package/dist/collection/components/input-group/input-group.css +6 -4
- package/dist/collection/components/input-group/input-group.e2e.js +1 -1
- package/dist/collection/components/input-group/input-group.js +1 -1
- package/dist/collection/components/input-group/input-group.stories.js +1 -1
- package/dist/collection/components/input-label/input-label.js +2 -2
- package/dist/collection/components/input-list/input-list-option.js +1 -1
- package/dist/collection/components/input-list/input-list.css +8 -6
- package/dist/collection/components/input-list/input-list.e2e.js +6 -6
- package/dist/collection/components/input-list/input-list.js +2 -2
- package/dist/collection/components/label/label.css +6 -4
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/modal/modal.css +7 -5
- package/dist/collection/components/modal/modal.e2e.js +2 -2
- package/dist/collection/components/modal/modal.js +2 -2
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +6 -4
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +4 -4
- package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.css +1 -1
- package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +2 -2
- package/dist/collection/components/pagination/pagination.css +6 -4
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/paragraph/paragraph.css +6 -4
- package/dist/collection/components/paragraph/paragraph.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.css +6 -4
- package/dist/collection/components/progress-bar/progress-bar.js +3 -3
- package/dist/collection/components/radio/radio.css +6 -4
- package/dist/collection/components/radio/radio.e2e.js +3 -2
- package/dist/collection/components/radio/radio.js +2 -2
- package/dist/collection/components/radio-group/radio-group.css +6 -4
- package/dist/collection/components/radio-group/radio-group.e2e.js +4 -3
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/required-separator/required-separator.css +6 -4
- package/dist/collection/components/required-separator/required-separator.js +1 -1
- package/dist/collection/components/rounded-icon/rounded-icon.css +6 -4
- package/dist/collection/components/rounded-icon/rounded-icon.js +4 -4
- package/dist/collection/components/rounded-icon/rounded-icon.stories.js +1 -1
- package/dist/collection/components/scrollable-container/scrollable-container.css +6 -4
- package/dist/collection/components/scrollable-container/scrollable-container.js +1 -1
- package/dist/collection/components/search/search.js +1 -1
- package/dist/collection/components/search/search.stories.js +1 -1
- package/dist/collection/components/separator/separator.css +6 -4
- package/dist/collection/components/separator/separator.js +1 -1
- package/dist/collection/components/snackbar/snackbar.css +337 -0
- package/dist/collection/components/snackbar/snackbar.e2e.js +63 -0
- package/dist/collection/components/snackbar/snackbar.js +273 -0
- package/dist/collection/components/snackbar/snackbar.stories.js +89 -0
- package/dist/collection/components/spinner/spinner.css +6 -4
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/tab/tab.css +6 -4
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-group/tab-group.js +1 -1
- package/dist/collection/components/tab-group/tab-group.stories.js +1 -1
- package/dist/collection/components/tab-panel/tab-panel.css +6 -4
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/table/table-cell/table-cell.css +6 -4
- package/dist/collection/components/table/table-cell/table-cell.js +2 -2
- package/dist/collection/components/table/table-header/table-header.css +6 -4
- package/dist/collection/components/table/table-header/table-header.js +1 -1
- package/dist/collection/components/table/table-row/table-row.css +10 -8
- package/dist/collection/components/table/table-row/table-row.js +22 -10
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +6 -4
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +3 -3
- package/dist/collection/components/table/table.css +6 -4
- package/dist/collection/components/table/table.js +2 -2
- package/dist/collection/components/textarea/textarea.css +6 -4
- package/dist/collection/components/textarea/textarea.js +2 -2
- package/dist/collection/components/toggle-button/toggle-button.css +6 -4
- package/dist/collection/components/toggle-button/toggle-button.js +3 -3
- package/dist/collection/components/toggle-chip/toggle-chip.css +37 -20
- package/dist/collection/components/toggle-chip/toggle-chip.js +5 -24
- package/dist/collection/components/toggle-chip/toggle-chip.stories.js +51 -0
- package/dist/collection/components/toggle-group/toggle-group.css +6 -4
- package/dist/collection/components/toggle-group/toggle-group.js +2 -2
- package/dist/collection/components/toggle-switch/toggle-switch.css +6 -4
- package/dist/collection/components/toggle-switch/toggle-switch.js +4 -4
- package/dist/collection/components/tooltip/tooltip.css +6 -4
- package/dist/collection/components/tooltip/tooltip.js +3 -3
- package/dist/collection/components/tooltip/tooltip.stories.js +3 -3
- package/dist/collection/components/wizard/wizard-step.js +2 -2
- package/dist/collection/components/wizard/wizard.css +6 -4
- package/dist/collection/components/wizard/wizard.js +1 -1
- package/dist/collection/components/wizard-icon/wizard-icon.css +6 -4
- package/dist/collection/components/wizard-icon/wizard-icon.js +2 -2
- package/dist/collection/utils/datepicker/date-picker-util.js +48 -0
- package/dist/components/b2b-alert.js +7 -7
- package/dist/components/b2b-anchor.js +1 -1
- package/dist/components/b2b-background-box.js +16 -4
- package/dist/components/b2b-breadcrumb-item.js +1 -1
- package/dist/components/b2b-breadcrumb.js +1 -1
- package/dist/components/b2b-card.js +1 -1
- package/dist/components/b2b-checkbox-group.js +1 -1
- package/dist/components/b2b-date-picker.js +85 -27
- package/dist/components/b2b-dropdown.js +3 -3
- package/dist/components/b2b-flyout-menu-option.js +2 -2
- package/dist/components/b2b-flyout-menu.js +4 -4
- package/dist/components/b2b-grid-col.js +5 -17
- package/dist/components/b2b-grid-row.js +2 -2
- package/dist/components/b2b-grid.js +1 -1
- package/dist/components/b2b-icon-100.js +1 -409
- package/dist/components/b2b-icon-50.js +1 -1
- package/dist/components/b2b-icon.js +444 -1
- package/dist/components/b2b-label.js +3 -3
- package/dist/components/b2b-modal.js +6 -6
- package/dist/components/b2b-multiselect-dropdown.js +8 -8
- package/dist/components/b2b-pagination.js +2 -2
- package/dist/components/b2b-paragraph.js +3 -3
- package/dist/components/b2b-progress-bar.js +4 -4
- package/dist/components/b2b-radio-button.js +3 -3
- package/dist/components/b2b-radio-group.js +3 -3
- package/dist/components/b2b-required-separator.js +2 -2
- package/dist/components/b2b-scrollable-container.js +2 -2
- package/dist/components/b2b-search.js +4 -4
- package/dist/components/b2b-snackbar.d.ts +11 -0
- package/dist/components/b2b-snackbar.js +141 -0
- package/dist/components/b2b-tab-group.js +1 -1
- package/dist/components/b2b-tab-panel.js +2 -2
- package/dist/components/b2b-tab.js +3 -3
- package/dist/components/b2b-table-row.js +25 -13
- package/dist/components/b2b-table-rowgroup.js +4 -4
- package/dist/components/b2b-table.js +3 -3
- package/dist/components/b2b-textarea.js +3 -3
- package/dist/components/b2b-toggle-button.js +4 -4
- package/dist/components/b2b-toggle-chip.js +6 -8
- package/dist/components/b2b-toggle-group.js +3 -3
- package/dist/components/b2b-toggle-switch.js +5 -5
- package/dist/components/b2b-tooltip.js +4 -4
- package/dist/components/b2b-wizard-step.js +6 -6
- package/dist/components/b2b-wizard.js +2 -2
- package/dist/components/button.js +3 -3
- package/dist/components/checkbox.js +1 -1
- package/dist/components/chip.js +1 -1
- package/dist/components/date-picker-days-header.js +9 -5
- package/dist/components/date-picker-days.js +70 -21
- package/dist/components/date-picker-header.js +14 -11
- package/dist/components/date-picker-months.js +7 -4
- package/dist/components/date-picker-years.js +1 -1
- package/dist/components/date-picker.types.js +34 -3
- package/dist/components/headline.js +1 -1
- package/dist/components/{icon.js → icon-100.js} +23 -56
- package/dist/components/input-group.js +2 -2
- package/dist/components/input-label.js +2 -2
- package/dist/components/input-list-option.js +2 -2
- package/dist/components/input-list.js +6 -6
- package/dist/components/input.js +8 -5
- package/dist/components/multiselect-option.js +3 -3
- package/dist/components/rounded-icon.js +5 -5
- package/dist/components/separator.js +2 -2
- package/dist/components/spinner.js +2 -2
- package/dist/components/table-cell.js +3 -3
- package/dist/components/table-header.js +2 -2
- package/dist/components/wizard-icon.js +6 -6
- package/dist/custom-elements.json +183 -13
- package/dist/esm/b2b-alert.entry.js +4 -4
- package/dist/esm/b2b-anchor.entry.js +1 -1
- package/dist/esm/b2b-background-box.entry.js +11 -3
- package/dist/esm/b2b-breadcrumb-item.entry.js +1 -1
- package/dist/esm/b2b-breadcrumb.entry.js +1 -1
- package/dist/esm/b2b-button_2.entry.js +5 -5
- package/dist/esm/b2b-card.entry.js +1 -1
- package/dist/esm/b2b-checkbox-group.entry.js +1 -1
- package/dist/esm/b2b-checkbox.entry.js +1 -1
- package/dist/esm/b2b-chip-component_2.entry.js +4 -4
- package/dist/esm/b2b-core-components.js +1 -1
- package/dist/esm/b2b-date-picker-days_5.entry.js +35 -33
- package/dist/esm/b2b-date-picker.entry.js +69 -23
- package/dist/esm/b2b-dropdown.entry.js +3 -3
- package/dist/esm/b2b-flyout-menu-option.entry.js +2 -2
- package/dist/esm/b2b-flyout-menu.entry.js +4 -4
- package/dist/esm/b2b-grid-col.entry.js +5 -17
- package/dist/esm/b2b-grid-row.entry.js +2 -2
- package/dist/esm/b2b-grid.entry.js +1 -1
- package/dist/esm/b2b-headline.entry.js +1 -1
- package/dist/esm/b2b-icon-100.entry.js +3 -1
- package/dist/esm/b2b-icon-50.entry.js +1 -1
- package/dist/esm/b2b-icon.entry.js +1 -1
- package/dist/esm/b2b-input-group_2.entry.js +5 -5
- package/dist/esm/b2b-input-label.entry.js +2 -2
- package/dist/esm/b2b-input_2.entry.js +10 -7
- package/dist/esm/b2b-label.entry.js +3 -3
- package/dist/esm/b2b-modal.entry.js +3 -3
- package/dist/esm/b2b-multiselect-dropdown.entry.js +5 -5
- package/dist/esm/b2b-pagination.entry.js +2 -2
- package/dist/esm/b2b-paragraph.entry.js +3 -3
- package/dist/esm/b2b-progress-bar.entry.js +4 -4
- package/dist/esm/b2b-radio-button.entry.js +3 -3
- package/dist/esm/b2b-radio-group.entry.js +3 -3
- package/dist/esm/b2b-required-separator.entry.js +2 -2
- package/dist/esm/b2b-rounded-icon.entry.js +5 -5
- package/dist/esm/b2b-scrollable-container.entry.js +2 -2
- package/dist/esm/b2b-search.entry.js +1 -1
- package/dist/esm/b2b-separator.entry.js +2 -2
- package/dist/esm/b2b-snackbar.entry.js +107 -0
- package/dist/esm/b2b-tab-group.entry.js +1 -1
- package/dist/esm/b2b-tab-panel.entry.js +2 -2
- package/dist/esm/b2b-tab.entry.js +3 -3
- package/dist/esm/b2b-table-cell_2.entry.js +5 -5
- package/dist/esm/b2b-table-row.entry.js +21 -10
- package/dist/esm/b2b-table-rowgroup.entry.js +3 -3
- package/dist/esm/b2b-table.entry.js +3 -3
- package/dist/esm/b2b-textarea.entry.js +3 -3
- package/dist/esm/b2b-toggle-button.entry.js +4 -4
- package/dist/esm/b2b-toggle-chip.entry.js +6 -7
- package/dist/esm/b2b-toggle-group.entry.js +3 -3
- package/dist/esm/b2b-toggle-switch.entry.js +5 -5
- package/dist/esm/b2b-tooltip.entry.js +4 -4
- package/dist/esm/b2b-wizard-icon.entry.js +3 -3
- package/dist/esm/b2b-wizard-step.entry.js +3 -3
- package/dist/esm/b2b-wizard.entry.js +2 -2
- package/dist/esm/date-picker-util-10878a70.js +103 -0
- package/dist/esm/index-ab9eb36d.js +8 -4
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/background-box/background-box.d.ts +8 -0
- package/dist/types/components/background-box/background-box.stories.d.ts +1 -0
- package/dist/types/components/date-picker/date-picker-days-header.d.ts +2 -0
- package/dist/types/components/date-picker/date-picker-days.d.ts +8 -1
- package/dist/types/components/date-picker/date-picker-header.d.ts +2 -0
- package/dist/types/components/date-picker/date-picker-months.d.ts +2 -0
- package/dist/types/components/date-picker/date-picker.d.ts +24 -2
- package/dist/types/components/date-picker/date-picker.stories.d.ts +8 -0
- package/dist/types/components/date-picker/date-picker.types.d.ts +4 -2
- package/dist/types/components/grid/grid.stories.d.ts +8 -7
- package/dist/types/components/icon-100/types.d.ts +1 -1
- package/dist/types/components/input/input.d.ts +2 -0
- package/dist/types/components/input/input.stories.d.ts +1 -0
- package/dist/types/components/snackbar/snackbar.d.ts +36 -0
- package/dist/types/components/snackbar/snackbar.stories.d.ts +9 -0
- package/dist/types/components/table/table-row/table-row.d.ts +4 -2
- package/dist/types/components/toggle-chip/toggle-chip.d.ts +0 -2
- package/dist/types/components/toggle-chip/toggle-chip.stories.d.ts +8 -0
- package/dist/types/components/tooltip/tooltip.stories.d.ts +2 -2
- package/dist/types/components.d.ts +270 -9
- package/dist/types/utils/datepicker/date-picker-util.d.ts +14 -0
- package/dist/web-types.json +295 -16
- package/package.json +3 -2
- package/dist/b2b-core-components/p-00700a00.entry.js +0 -1
- package/dist/b2b-core-components/p-029da6d8.entry.js +0 -1
- package/dist/b2b-core-components/p-0dc06432.entry.js +0 -1
- package/dist/b2b-core-components/p-0f2249e0.entry.js +0 -1
- package/dist/b2b-core-components/p-101e08d9.entry.js +0 -1
- package/dist/b2b-core-components/p-11e5143c.entry.js +0 -1
- package/dist/b2b-core-components/p-1525a056.entry.js +0 -1
- package/dist/b2b-core-components/p-15a24ba4.entry.js +0 -1
- package/dist/b2b-core-components/p-164d8803.entry.js +0 -1
- package/dist/b2b-core-components/p-19b13dcc.entry.js +0 -1
- package/dist/b2b-core-components/p-1b7201e1.entry.js +0 -1
- package/dist/b2b-core-components/p-1c048a27.entry.js +0 -1
- package/dist/b2b-core-components/p-1c8825d1.entry.js +0 -1
- package/dist/b2b-core-components/p-1e8416a3.entry.js +0 -1
- package/dist/b2b-core-components/p-2b214797.entry.js +0 -1
- package/dist/b2b-core-components/p-2bab8c7f.entry.js +0 -1
- package/dist/b2b-core-components/p-2de83995.entry.js +0 -1
- package/dist/b2b-core-components/p-33ba40ee.entry.js +0 -1
- package/dist/b2b-core-components/p-3665d675.entry.js +0 -1
- package/dist/b2b-core-components/p-376ba9ef.entry.js +0 -1
- package/dist/b2b-core-components/p-3ffba273.entry.js +0 -1
- package/dist/b2b-core-components/p-441657b2.js +0 -1
- package/dist/b2b-core-components/p-56573a91.entry.js +0 -1
- package/dist/b2b-core-components/p-57d487e2.entry.js +0 -1
- package/dist/b2b-core-components/p-67ad8770.entry.js +0 -1
- package/dist/b2b-core-components/p-68a836cb.entry.js +0 -1
- package/dist/b2b-core-components/p-6e031b32.entry.js +0 -1
- package/dist/b2b-core-components/p-72e23a4e.entry.js +0 -1
- package/dist/b2b-core-components/p-799b194b.entry.js +0 -1
- package/dist/b2b-core-components/p-7a9088d2.entry.js +0 -1
- package/dist/b2b-core-components/p-7b711ed3.entry.js +0 -1
- package/dist/b2b-core-components/p-7e59c92f.entry.js +0 -1
- package/dist/b2b-core-components/p-869095a0.entry.js +0 -1
- package/dist/b2b-core-components/p-8fc792f9.entry.js +0 -1
- package/dist/b2b-core-components/p-931c9dc7.entry.js +0 -1
- package/dist/b2b-core-components/p-947f2e2c.entry.js +0 -1
- package/dist/b2b-core-components/p-9a0a4a74.entry.js +0 -1
- package/dist/b2b-core-components/p-9fc53916.entry.js +0 -1
- package/dist/b2b-core-components/p-a0c1c775.entry.js +0 -1
- package/dist/b2b-core-components/p-a37ad232.entry.js +0 -1
- package/dist/b2b-core-components/p-acc7ae99.entry.js +0 -1
- package/dist/b2b-core-components/p-ad99ec44.entry.js +0 -1
- package/dist/b2b-core-components/p-c03d0533.entry.js +0 -1
- package/dist/b2b-core-components/p-d0e8d48b.entry.js +0 -1
- package/dist/b2b-core-components/p-d0e930f2.entry.js +0 -1
- package/dist/b2b-core-components/p-d42c90d1.entry.js +0 -1
- package/dist/b2b-core-components/p-d51551c9.entry.js +0 -1
- package/dist/b2b-core-components/p-db67d6f7.entry.js +0 -1
- package/dist/b2b-core-components/p-e1d7f335.entry.js +0 -1
- package/dist/b2b-core-components/p-f5fa0721.entry.js +0 -1
- package/dist/b2b-core-components/p-f6fa3212.entry.js +0 -1
- package/dist/b2b-core-components/p-f8cf06c5.entry.js +0 -1
- package/dist/cjs/date-picker.types-79f4bba0.js +0 -26
- package/dist/esm/date-picker.types-e21b2096.js +0 -23
package/dist/web-types.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "http://json.schemastore.org/web-types",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "@otto-de/b2b-core-components",
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.22.0",
|
|
6
6
|
"js-types-syntax": "typescript",
|
|
7
7
|
"description-markup": "markdown",
|
|
8
8
|
"contributions": {
|
|
@@ -163,6 +163,46 @@
|
|
|
163
163
|
"symbol": "-background-box"
|
|
164
164
|
},
|
|
165
165
|
"attributes": [
|
|
166
|
+
{
|
|
167
|
+
"name": "border-bottom",
|
|
168
|
+
"description": "Whether the box should have a bottom border. Per default, the border is enabled\r\nValues: \"default\", \"none\"",
|
|
169
|
+
"required": false,
|
|
170
|
+
"default": "'default'",
|
|
171
|
+
"value": {
|
|
172
|
+
"kind": "expression",
|
|
173
|
+
"type": "\"default\" | \"none\""
|
|
174
|
+
}
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"name": "border-left",
|
|
178
|
+
"description": "Whether the box should have a left border. Per default, the border is enabled\r\nValues: \"default\", \"none\"",
|
|
179
|
+
"required": false,
|
|
180
|
+
"default": "'default'",
|
|
181
|
+
"value": {
|
|
182
|
+
"kind": "expression",
|
|
183
|
+
"type": "\"default\" | \"none\""
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"name": "border-right",
|
|
188
|
+
"description": "Whether the box should have a right border. Per default, the border is enabled\r\nValues: \"default\", \"none\"",
|
|
189
|
+
"required": false,
|
|
190
|
+
"default": "'default'",
|
|
191
|
+
"value": {
|
|
192
|
+
"kind": "expression",
|
|
193
|
+
"type": "\"default\" | \"none\""
|
|
194
|
+
}
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"name": "border-top",
|
|
198
|
+
"description": "Whether the box should have a top border. Per default, the border is enabled\r\nValues: \"default\", \"none\"",
|
|
199
|
+
"required": false,
|
|
200
|
+
"default": "'default'",
|
|
201
|
+
"value": {
|
|
202
|
+
"kind": "expression",
|
|
203
|
+
"type": "\"default\" | \"none\""
|
|
204
|
+
}
|
|
205
|
+
},
|
|
166
206
|
{
|
|
167
207
|
"name": "fixed-width",
|
|
168
208
|
"description": "Fixes width to 1212px. Per default, it is false\r\nValues: boolean",
|
|
@@ -766,6 +806,44 @@
|
|
|
766
806
|
"symbol": "-date-picker"
|
|
767
807
|
},
|
|
768
808
|
"attributes": [
|
|
809
|
+
{
|
|
810
|
+
"name": "disable-dates",
|
|
811
|
+
"description": "The dates that are part of this array are disabled. By default, this is an empty array.\r\nValues: string, string[]",
|
|
812
|
+
"required": false,
|
|
813
|
+
"default": "[]",
|
|
814
|
+
"value": {
|
|
815
|
+
"kind": "expression",
|
|
816
|
+
"type": "string | string[]"
|
|
817
|
+
}
|
|
818
|
+
},
|
|
819
|
+
{
|
|
820
|
+
"name": "disable-dates-from",
|
|
821
|
+
"description": "All the dates until the given specified date will be disabled.\r\nValues: string",
|
|
822
|
+
"required": false,
|
|
823
|
+
"value": {
|
|
824
|
+
"kind": "expression",
|
|
825
|
+
"type": "string"
|
|
826
|
+
}
|
|
827
|
+
},
|
|
828
|
+
{
|
|
829
|
+
"name": "disable-dates-until",
|
|
830
|
+
"description": "All the dates until the given specified date will be disabled.\r\nValues: string",
|
|
831
|
+
"required": false,
|
|
832
|
+
"value": {
|
|
833
|
+
"kind": "expression",
|
|
834
|
+
"type": "string"
|
|
835
|
+
}
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"name": "disable-days",
|
|
839
|
+
"description": "Disable the days of the week specified here.\r\nValues: string, string[]",
|
|
840
|
+
"required": false,
|
|
841
|
+
"default": "[]",
|
|
842
|
+
"value": {
|
|
843
|
+
"kind": "expression",
|
|
844
|
+
"type": "string | string[]"
|
|
845
|
+
}
|
|
846
|
+
},
|
|
769
847
|
{
|
|
770
848
|
"name": "disable-future-dates",
|
|
771
849
|
"description": "Whether the dates after the current date are disabled. By default, this is false.\r\nValues: boolean",
|
|
@@ -793,11 +871,41 @@
|
|
|
793
871
|
"type": "boolean"
|
|
794
872
|
}
|
|
795
873
|
},
|
|
874
|
+
{
|
|
875
|
+
"name": "hint",
|
|
876
|
+
"description": "Hint text that should be displayed when showHint is true\r\nValues: string",
|
|
877
|
+
"required": false,
|
|
878
|
+
"default": "'Format: TT.MM.JJJJ'",
|
|
879
|
+
"value": {
|
|
880
|
+
"kind": "expression",
|
|
881
|
+
"type": "string"
|
|
882
|
+
}
|
|
883
|
+
},
|
|
796
884
|
{
|
|
797
885
|
"name": "label",
|
|
798
886
|
"description": "Label for the date picker component.\r\nValues: string",
|
|
799
887
|
"required": false,
|
|
800
|
-
"default": "'
|
|
888
|
+
"default": "'Zeitpunkt auswählen'",
|
|
889
|
+
"value": {
|
|
890
|
+
"kind": "expression",
|
|
891
|
+
"type": "string"
|
|
892
|
+
}
|
|
893
|
+
},
|
|
894
|
+
{
|
|
895
|
+
"name": "language",
|
|
896
|
+
"description": "The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german\r\nValues: \"de\", \"en\"",
|
|
897
|
+
"required": false,
|
|
898
|
+
"default": "'de'",
|
|
899
|
+
"value": {
|
|
900
|
+
"kind": "expression",
|
|
901
|
+
"type": "\"de\" | \"en\""
|
|
902
|
+
}
|
|
903
|
+
},
|
|
904
|
+
{
|
|
905
|
+
"name": "placeholder",
|
|
906
|
+
"description": "The placeholder shown in the date picker.\r\nValues: string",
|
|
907
|
+
"required": false,
|
|
908
|
+
"default": "null",
|
|
801
909
|
"value": {
|
|
802
910
|
"kind": "expression",
|
|
803
911
|
"type": "string"
|
|
@@ -822,6 +930,16 @@
|
|
|
822
930
|
"kind": "expression",
|
|
823
931
|
"type": "boolean"
|
|
824
932
|
}
|
|
933
|
+
},
|
|
934
|
+
{
|
|
935
|
+
"name": "width",
|
|
936
|
+
"description": "The width of the input field of the date picker in pixel. Minimum is 250, maximum is 600px.\r\nValues: number",
|
|
937
|
+
"required": false,
|
|
938
|
+
"default": "300",
|
|
939
|
+
"value": {
|
|
940
|
+
"kind": "expression",
|
|
941
|
+
"type": "number"
|
|
942
|
+
}
|
|
825
943
|
}
|
|
826
944
|
],
|
|
827
945
|
"slots": [],
|
|
@@ -847,6 +965,44 @@
|
|
|
847
965
|
"symbol": "-date-picker-days"
|
|
848
966
|
},
|
|
849
967
|
"attributes": [
|
|
968
|
+
{
|
|
969
|
+
"name": "disableDates",
|
|
970
|
+
"description": "Internal the dates that are part of this array are disabled. By default, this is an empty array.\r\nValues: Date[]",
|
|
971
|
+
"required": false,
|
|
972
|
+
"default": "[]",
|
|
973
|
+
"value": {
|
|
974
|
+
"kind": "expression",
|
|
975
|
+
"type": "Date[]"
|
|
976
|
+
}
|
|
977
|
+
},
|
|
978
|
+
{
|
|
979
|
+
"name": "disableDatesFrom",
|
|
980
|
+
"description": "Internal all the dates from the given specified date will be disabled.\r\nValues: Date",
|
|
981
|
+
"required": false,
|
|
982
|
+
"value": {
|
|
983
|
+
"kind": "expression",
|
|
984
|
+
"type": "Date"
|
|
985
|
+
}
|
|
986
|
+
},
|
|
987
|
+
{
|
|
988
|
+
"name": "disableDatesUntil",
|
|
989
|
+
"description": "Internal all the dates until the given specified date will be disabled.\r\nValues: Date",
|
|
990
|
+
"required": false,
|
|
991
|
+
"value": {
|
|
992
|
+
"kind": "expression",
|
|
993
|
+
"type": "Date"
|
|
994
|
+
}
|
|
995
|
+
},
|
|
996
|
+
{
|
|
997
|
+
"name": "disableEvery",
|
|
998
|
+
"description": "Internal the specific days of the week that need to be disabled\r\nValues: string[]",
|
|
999
|
+
"required": false,
|
|
1000
|
+
"default": "[]",
|
|
1001
|
+
"value": {
|
|
1002
|
+
"kind": "expression",
|
|
1003
|
+
"type": "string[]"
|
|
1004
|
+
}
|
|
1005
|
+
},
|
|
850
1006
|
{
|
|
851
1007
|
"name": "disable-future-dates",
|
|
852
1008
|
"description": "Internal whether the dates after the current date are disabled. By default, this is false.\r\nValues: boolean",
|
|
@@ -937,7 +1093,18 @@
|
|
|
937
1093
|
"module": "@otto-de/b2b-core-componentssrc/components/date-picker/date-picker-days-header.d.ts",
|
|
938
1094
|
"symbol": "-date-picker-days-header"
|
|
939
1095
|
},
|
|
940
|
-
"attributes": [
|
|
1096
|
+
"attributes": [
|
|
1097
|
+
{
|
|
1098
|
+
"name": "language",
|
|
1099
|
+
"description": "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\r\nValues: \"de\", \"en\"",
|
|
1100
|
+
"required": false,
|
|
1101
|
+
"default": "'de'",
|
|
1102
|
+
"value": {
|
|
1103
|
+
"kind": "expression",
|
|
1104
|
+
"type": "\"de\" | \"en\""
|
|
1105
|
+
}
|
|
1106
|
+
}
|
|
1107
|
+
],
|
|
941
1108
|
"slots": [],
|
|
942
1109
|
"events": []
|
|
943
1110
|
},
|
|
@@ -950,6 +1117,16 @@
|
|
|
950
1117
|
"symbol": "-date-picker-header"
|
|
951
1118
|
},
|
|
952
1119
|
"attributes": [
|
|
1120
|
+
{
|
|
1121
|
+
"name": "language",
|
|
1122
|
+
"description": "The language for month and the weekdays will be decided based on the given input. By default, this will be de which is german\r\nValues: \"de\", \"en\"",
|
|
1123
|
+
"required": false,
|
|
1124
|
+
"default": "'de'",
|
|
1125
|
+
"value": {
|
|
1126
|
+
"kind": "expression",
|
|
1127
|
+
"type": "\"de\" | \"en\""
|
|
1128
|
+
}
|
|
1129
|
+
},
|
|
953
1130
|
{
|
|
954
1131
|
"name": "selected-month",
|
|
955
1132
|
"description": "Internal selected month\r\nValues: number",
|
|
@@ -1012,6 +1189,16 @@
|
|
|
1012
1189
|
"symbol": "-date-picker-months"
|
|
1013
1190
|
},
|
|
1014
1191
|
"attributes": [
|
|
1192
|
+
{
|
|
1193
|
+
"name": "language",
|
|
1194
|
+
"description": "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\r\nValues: \"de\", \"en\"",
|
|
1195
|
+
"required": false,
|
|
1196
|
+
"default": "'de'",
|
|
1197
|
+
"value": {
|
|
1198
|
+
"kind": "expression",
|
|
1199
|
+
"type": "\"de\" | \"en\""
|
|
1200
|
+
}
|
|
1201
|
+
},
|
|
1015
1202
|
{
|
|
1016
1203
|
"name": "selected-month",
|
|
1017
1204
|
"description": "Internal selected month\r\nValues: number",
|
|
@@ -1498,11 +1685,11 @@
|
|
|
1498
1685
|
},
|
|
1499
1686
|
{
|
|
1500
1687
|
"name": "icon",
|
|
1501
|
-
"description": "The name of the icon\r\nValues: \"b2b_icon-360-degree\", \"b2b_icon-advice\", \"b2b_icon-allergen-sulfur-dioxide-sulfite\", \"b2b_icon-almond\", \"b2b_icon-archive\", \"b2b_icon-armchair\", \"b2b_icon-arrow-down\", \"b2b_icon-arrow-graph\", \"b2b_icon-arrow-left\", \"b2b_icon-arrow-right\", \"b2b_icon-arrow-up\", \"b2b_icon-assembly\", \"b2b_icon-assortment\", \"b2b_icon-attachment\", \"b2b_icon-augmented-reality\", \"b2b_icon-autonomous-team\", \"b2b_icon-bank-details\", \"b2b_icon-bar-graph-ascending\", \"b2b_icon-bar-graph-axis\", \"b2b_icon-barley\", \"b2b_icon-basket-sale\", \"b2b_icon-basket\", \"b2b_icon-basketball\", \"b2b_icon-bikini\", \"b2b_icon-blogs\", \"b2b_icon-brandshop\", \"b2b_icon-brazil-nut\", \"b2b_icon-browser-click\", \"b2b_icon-browser-content\", \"b2b_icon-browser-psm\", \"b2b_icon-burger\", \"b2b_icon-bus\", \"b2b_icon-callback\", \"b2b_icon-camera\", \"b2b_icon-cashback\", \"b2b_icon-cashew-nut\", \"b2b_icon-catalogue\", \"b2b_icon-categories\", \"b2b_icon-celery\", \"b2b_icon-certificate\", \"b2b_icon-chair\", \"b2b_icon-chatbot\", \"b2b_icon-check-bold\", \"b2b_icon-check\", \"b2b_icon-chicken\", \"b2b_icon-city\", \"b2b_icon-clear\", \"b2b_icon-close-bold\", \"b2b_icon-close\", \"b2b_icon-code-management\", \"b2b_icon-contact-mail\", \"b2b_icon-copy\", \"b2b_icon-cow\", \"b2b_icon-crab\", \"b2b_icon-critique\", \"b2b_icon-curtain\", \"b2b_icon-cut-out\", \"b2b_icon-dashboard\", \"b2b_icon-deer\", \"b2b_icon-delete\", \"b2b_icon-delivery-24h\", \"b2b_icon-delivery-desired-date-selection\", \"b2b_icon-delivery-desired-date\", \"b2b_icon-delivery-express\", \"b2b_icon-delivery-flat\", \"b2b_icon-delivery-on-hangers\", \"b2b_icon-delivery-preferred-place\", \"b2b_icon-desktop-phone-ads-click\", \"b2b_icon-desktop-phone-ads\", \"b2b_icon-desktop-phone\", \"b2b_icon-desktop\", \"b2b_icon-devices-monitor-laptop-tablet\", \"b2b_icon-dish-feature-lactose-free\", \"b2b_icon-dislike\", \"b2b_icon-disposal\", \"b2b_icon-document-sign\", \"b2b_icon-downloads\", \"b2b_icon-dress\", \"b2b_icon-dungarees\", \"b2b_icon-duplicate\", \"b2b_icon-duration\", \"b2b_icon-e-invoice\", \"b2b_icon-edit-pad\", \"b2b_icon-edit\", \"b2b_icon-egg\", \"b2b_icon-ellipsis\", \"b2b_icon-email-verification-confirmed-safe\", \"b2b_icon-email-verification-confirmed\", \"b2b_icon-email-verification-sent-safe\", \"b2b_icon-email-verification-sent\", \"b2b_icon-empty-hint\", \"b2b_icon-end-to-end\", \"b2b_icon-error-article-image\", \"b2b_icon-error-hint\", \"b2b_icon-error\", \"b2b_icon-euro\", \"b2b_icon-event\", \"b2b_icon-events\", \"b2b_icon-expand\", \"b2b_icon-faq\", \"b2b_icon-feedback\", \"b2b_icon-filter\", \"b2b_icon-fish\", \"b2b_icon-fitness\", \"b2b_icon-flag-chequered\", \"b2b_icon-flexible-work\", \"b2b_icon-flip\", \"b2b_icon-food-processor\", \"b2b_icon-fullscreen\", \"b2b_icon-gallery-view\", \"b2b_icon-gamepad\", \"b2b_icon-garlic\", \"b2b_icon-gender-intersex\", \"b2b_icon-globe\", \"b2b_icon-gluten\", \"b2b_icon-glutenfree\", \"b2b_icon-handshake\", \"b2b_icon-hashtag\", \"b2b_icon-hazelnut\", \"b2b_icon-hide\", \"b2b_icon-high-heels\", \"b2b_icon-home\", \"b2b_icon-info-small\", \"b2b_icon-info\", \"b2b_icon-inplace-zoom-reverse\", \"b2b_icon-inplace-zoom\", \"b2b_icon-insurance\", \"b2b_icon-kamut\", \"b2b_icon-laptop-os\", \"b2b_icon-laptop\", \"b2b_icon-leaving-page\", \"b2b_icon-light-bulb\", \"b2b_icon-like-fingers\", \"b2b_icon-like-product\", \"b2b_icon-like\", \"b2b_icon-line-graph\", \"b2b_icon-list-view\", \"b2b_icon-location\", \"b2b_icon-lupine\", \"b2b_icon-macadamia\", \"b2b_icon-material-samples\", \"b2b_icon-measurement\", \"b2b_icon-megaphone\", \"b2b_icon-menu\", \"b2b_icon-mic\", \"b2b_icon-milk\", \"b2b_icon-minus\", \"b2b_icon-module-operations\", \"b2b_icon-money-coins\", \"b2b_icon-money-document\", \"b2b_icon-money-plus\", \"b2b_icon-money-stack\", \"b2b_icon-money\", \"b2b_icon-move\", \"b2b_icon-mustard\", \"b2b_icon-nav\", \"b2b_icon-new\", \"b2b_icon-newsletter-sign-up\", \"b2b_icon-notification\", \"b2b_icon-nuts\", \"b2b_icon-oat\", \"b2b_icon-order-cancelled\", \"b2b_icon-order-delivered\", \"b2b_icon-order-form\", \"b2b_icon-order-management\", \"b2b_icon-order-misdirected\", \"b2b_icon-order-on-road\", \"b2b_icon-order-packed\", \"b2b_icon-order-payment\", \"b2b_icon-order-received\", \"b2b_icon-order-return\", \"b2b_icon-order-shipped\", \"b2b_icon-order-state-unknown\", \"b2b_icon-order-stored\", \"b2b_icon-order\", \"b2b_icon-otto-app\", \"b2b_icon-otto-campus\", \"b2b_icon-otto-company\", \"b2b_icon-otto-laptop\", \"b2b_icon-otto-logo\", \"b2b_icon-otto-up-points\", \"b2b_icon-otto-up\", \"b2b_icon-paper-plane\", \"b2b_icon-pause\", \"b2b_icon-payment-credit-card\", \"b2b_icon-payment-invoice\", \"b2b_icon-payment-pause\", \"b2b_icon-payment-plan-protection\", \"b2b_icon-payment-plan\", \"b2b_icon-pdf\", \"b2b_icon-peanut\", \"b2b_icon-pecan-nut\", \"b2b_icon-pending\", \"b2b_icon-person-access\", \"b2b_icon-person-callcenter\", \"b2b_icon-person-check\", \"b2b_icon-person-colleagues\", \"b2b_icon-person-community\", \"b2b_icon-person-development\", \"b2b_icon-person-female\", \"b2b_icon-person-info\", \"b2b_icon-person-male\", \"b2b_icon-person-rating\", \"b2b_icon-person-support\", \"b2b_icon-person-switch\", \"b2b_icon-person-workshop\", \"b2b_icon-person\", \"b2b_icon-phone-permission\", \"b2b_icon-phone\", \"b2b_icon-pig\", \"b2b_icon-pin\", \"b2b_icon-pinch-gesture\", \"b2b_icon-pinch\", \"b2b_icon-pistachio\", \"b2b_icon-plant\", \"b2b_icon-play-1\", \"b2b_icon-play\", \"b2b_icon-plus\", \"b2b_icon-price-alert\", \"b2b_icon-price-tag\", \"b2b_icon-print\", \"b2b_icon-puzzle\", \"b2b_icon-qr-code\", \"b2b_icon-question-hint\", \"b2b_icon-question\", \"b2b_icon-rating-empty\", \"b2b_icon-rating-filled\", \"b2b_icon-rating-half\", \"b2b_icon-rating-order\", \"b2b_icon-rating-payment\", \"b2b_icon-remote-work\", \"b2b_icon-repair\", \"b2b_icon-reply\", \"b2b_icon-retirement-provision\", \"b2b_icon-rocket\", \"b2b_icon-rye\", \"b2b_icon-sabbatical\", \"b2b_icon-sale\", \"b2b_icon-save\", \"b2b_icon-sea\", \"b2b_icon-search-enter\", \"b2b_icon-search\", \"b2b_icon-seo\", \"b2b_icon-service-info\", \"b2b_icon-sesame\", \"b2b_icon-settings\", \"b2b_icon-share-ios\", \"b2b_icon-share\", \"b2b_icon-sheep\", \"b2b_icon-shell\", \"b2b_icon-shirt\", \"b2b_icon-shopping-cart-euro\", \"b2b_icon-shopping-cart\", \"b2b_icon-show\", \"b2b_icon-smiley-angry\", \"b2b_icon-smiley-happy\", \"b2b_icon-smiley-negative\", \"b2b_icon-smiley-neutral\", \"b2b_icon-smiley-positive\", \"b2b_icon-sms-info\", \"b2b_icon-sneaker\", \"b2b_icon-sort-ascending\", \"b2b_icon-sort-descending\", \"b2b_icon-sort\", \"b2b_icon-soy\", \"b2b_icon-spelt\", \"b2b_icon-stationary\", \"b2b_icon-studies\", \"b2b_icon-success\", \"b2b_icon-sustainable-delivery\", \"b2b_icon-sustainable-energy-efficient\", \"b2b_icon-sustainable-production\", \"b2b_icon-sustainable-recycling\", \"b2b_icon-sustainable-resource\", \"b2b_icon-swipe-gesture\", \"b2b_icon-sync-device\", \"b2b_icon-t-shirt\", \"b2b_icon-tablet\", \"b2b_icon-tableware\", \"b2b_icon-target-group\", \"b2b_icon-teddy\", \"b2b_icon-test-result\", \"b2b_icon-town\", \"b2b_icon-trash\", \"b2b_icon-trend-down\", \"b2b_icon-trend-left\", \"b2b_icon-trend-right\", \"b2b_icon-trend-up\", \"b2b_icon-trousers\", \"b2b_icon-trusted\", \"b2b_icon-unpin\", \"b2b_icon-upload\", \"b2b_icon-user-management\", \"b2b_icon-vacation\", \"b2b_icon-variant-content\", \"b2b_icon-vegan\", \"b2b_icon-vegetarian\", \"b2b_icon-viewtoggle-tiles\", \"b2b_icon-village\", \"b2b_icon-volume-off\", \"b2b_icon-volume-on\", \"b2b_icon-voucher\", \"b2b_icon-walnut\", \"b2b_icon-warning-hint\", \"b2b_icon-warning\", \"b2b_icon-warranty\", \"b2b_icon-washing-machine\", \"b2b_icon-whatsapp\", \"b2b_icon-wheat\", \"b2b_icon-wifi\", \"b2b_icon-wishlist-active\", \"b2b_icon-wishlist\", \"b2b_icon-work-life\", \"b2b_icon-workshop\", \"b2b_icon-zoom-in\", \"b2b_icon-zoom-out\", \"b2b_logo-carrier-dhl\", \"b2b_logo-carrier-gls\", \"b2b_logo-carrier-hermes\", \"b2b_logo-carrier-ups\"",
|
|
1688
|
+
"description": "The name of the icon\r\nValues: \"b2b_icon-360-degree\", \"b2b_icon-advice\", \"b2b_icon-allergen-sulfur-dioxide-sulfite\", \"b2b_icon-almond\", \"b2b_icon-archive\", \"b2b_icon-armchair\", \"b2b_icon-arrow-down\", \"b2b_icon-arrow-graph\", \"b2b_icon-arrow-left\", \"b2b_icon-arrow-right\", \"b2b_icon-arrow-up\", \"b2b_icon-assembly\", \"b2b_icon-assortment\", \"b2b_icon-attachment\", \"b2b_icon-augmented-reality\", \"b2b_icon-autonomous-team\", \"b2b_icon-bank-details\", \"b2b_icon-bar-graph-ascending\", \"b2b_icon-bar-graph-axis\", \"b2b_icon-barley\", \"b2b_icon-basket-sale\", \"b2b_icon-basket\", \"b2b_icon-basketball\", \"b2b_icon-bikini\", \"b2b_icon-blogs\", \"b2b_icon-brandshop\", \"b2b_icon-brazil-nut\", \"b2b_icon-browser-click\", \"b2b_icon-browser-content\", \"b2b_icon-browser-psm\", \"b2b_icon-burger\", \"b2b_icon-bus\", \"b2b_icon-callback\", \"b2b_icon-camera\", \"b2b_icon-cashback\", \"b2b_icon-cashew-nut\", \"b2b_icon-catalogue\", \"b2b_icon-categories\", \"b2b_icon-celery\", \"b2b_icon-certificate\", \"b2b_icon-chair\", \"b2b_icon-chatbot\", \"b2b_icon-check-bold\", \"b2b_icon-check\", \"b2b_icon-chicken\", \"b2b_icon-city\", \"b2b_icon-clear\", \"b2b_icon-close-bold\", \"b2b_icon-close\", \"b2b_icon-code-management\", \"b2b_icon-contact-mail\", \"b2b_icon-copy\", \"b2b_icon-cow\", \"b2b_icon-crab\", \"b2b_icon-critique\", \"b2b_icon-curtain\", \"b2b_icon-cut-out\", \"b2b_icon-dashboard\", \"b2b_icon-deer\", \"b2b_icon-delete\", \"b2b_icon-delivery-24h\", \"b2b_icon-delivery-desired-date-selection\", \"b2b_icon-delivery-desired-date\", \"b2b_icon-delivery-express\", \"b2b_icon-delivery-flat\", \"b2b_icon-delivery-on-hangers\", \"b2b_icon-delivery-preferred-place\", \"b2b_icon-desktop-phone-ads-click\", \"b2b_icon-desktop-phone-ads\", \"b2b_icon-desktop-phone\", \"b2b_icon-desktop\", \"b2b_icon-devices-monitor-laptop-tablet\", \"b2b_icon-dish-feature-lactose-free\", \"b2b_icon-dislike\", \"b2b_icon-disposal\", \"b2b_icon-document-sign\", \"b2b_icon-downloads\", \"b2b_icon-dress\", \"b2b_icon-dungarees\", \"b2b_icon-duplicate\", \"b2b_icon-duration\", \"b2b_icon-e-invoice\", \"b2b_icon-edit-pad\", \"b2b_icon-edit\", \"b2b_icon-egg\", \"b2b_icon-ellipsis\", \"b2b_icon-email-verification-confirmed-safe\", \"b2b_icon-email-verification-confirmed\", \"b2b_icon-email-verification-sent-safe\", \"b2b_icon-email-verification-sent\", \"b2b_icon-empty-hint\", \"b2b_icon-end-to-end\", \"b2b_icon-error-article-image\", \"b2b_icon-error-hint\", \"b2b_icon-error\", \"b2b_icon-euro\", \"b2b_icon-event\", \"b2b_icon-events\", \"b2b_icon-expand\", \"b2b_icon-faq\", \"b2b_icon-feedback\", \"b2b_icon-filter\", \"b2b_icon-fish\", \"b2b_icon-fitness\", \"b2b_icon-flag-chequered\", \"b2b_icon-flexible-work\", \"b2b_icon-flip\", \"b2b_icon-food-processor\", \"b2b_icon-fullscreen\", \"b2b_icon-gallery-view\", \"b2b_icon-gamepad\", \"b2b_icon-garlic\", \"b2b_icon-gender-intersex\", \"b2b_icon-globe\", \"b2b_icon-gluten\", \"b2b_icon-glutenfree\", \"b2b_icon-handshake\", \"b2b_icon-hashtag\", \"b2b_icon-hazelnut\", \"b2b_icon-hide\", \"b2b_icon-high-heels\", \"b2b_icon-home\", \"b2b_icon-info-small\", \"b2b_icon-info\", \"b2b_icon-inplace-zoom-reverse\", \"b2b_icon-inplace-zoom\", \"b2b_icon-insurance\", \"b2b_icon-kamut\", \"b2b_icon-laptop-os\", \"b2b_icon-laptop\", \"b2b_icon-leaving-page\", \"b2b_icon-light-bulb\", \"b2b_icon-like-fingers\", \"b2b_icon-like-product\", \"b2b_icon-like\", \"b2b_icon-line-graph\", \"b2b_icon-list-view\", \"b2b_icon-location\", \"b2b_icon-lupine\", \"b2b_icon-macadamia\", \"b2b_icon-material-samples\", \"b2b_icon-measurement\", \"b2b_icon-megaphone\", \"b2b_icon-menu\", \"b2b_icon-mic\", \"b2b_icon-milk\", \"b2b_icon-minus\", \"b2b_icon-module-operations\", \"b2b_icon-money-coins\", \"b2b_icon-money-document\", \"b2b_icon-money-plus\", \"b2b_icon-money-stack\", \"b2b_icon-money\", \"b2b_icon-move\", \"b2b_icon-mustard\", \"b2b_icon-nav\", \"b2b_icon-new\", \"b2b_icon-newsletter-sign-up\", \"b2b_icon-notification\", \"b2b_icon-nuts\", \"b2b_icon-oat\", \"b2b_icon-order-cancelled\", \"b2b_icon-order-delivered\", \"b2b_icon-order-form\", \"b2b_icon-order-management\", \"b2b_icon-order-misdirected\", \"b2b_icon-order-on-road\", \"b2b_icon-order-packed\", \"b2b_icon-order-payment\", \"b2b_icon-order-received\", \"b2b_icon-order-return\", \"b2b_icon-order-shipped\", \"b2b_icon-order-state-unknown\", \"b2b_icon-order-stored\", \"b2b_icon-order\", \"b2b_icon-otto-app\", \"b2b_icon-otto-campus\", \"b2b_icon-otto-company\", \"b2b_icon-otto-laptop\", \"b2b_icon-otto-logo\", \"b2b_icon-otto-up-points\", \"b2b_icon-otto-up\", \"b2b_icon-paper-plane\", \"b2b_icon-pause\", \"b2b_icon-payment-credit-card\", \"b2b_icon-payment-invoice\", \"b2b_icon-payment-pause\", \"b2b_icon-payment-plan-protection\", \"b2b_icon-payment-plan\", \"b2b_icon-pdf\", \"b2b_icon-peanut\", \"b2b_icon-pecan-nut\", \"b2b_icon-pending\", \"b2b_icon-person-access\", \"b2b_icon-person-callcenter\", \"b2b_icon-person-check\", \"b2b_icon-person-colleagues\", \"b2b_icon-person-community\", \"b2b_icon-person-development\", \"b2b_icon-person-female\", \"b2b_icon-person-info\", \"b2b_icon-person-male\", \"b2b_icon-person-rating\", \"b2b_icon-person-support\", \"b2b_icon-person-switch\", \"b2b_icon-person-workshop\", \"b2b_icon-person\", \"b2b_icon-phone-permission\", \"b2b_icon-phone\", \"b2b_icon-pig\", \"b2b_icon-pin\", \"b2b_icon-pinch-gesture\", \"b2b_icon-pinch\", \"b2b_icon-pistachio\", \"b2b_icon-plant\", \"b2b_icon-play-1\", \"b2b_icon-play\", \"b2b_icon-plus\", \"b2b_icon-price-alert\", \"b2b_icon-price-tag\", \"b2b_icon-print\", \"b2b_icon-puzzle\", \"b2b_icon-qr-code\", \"b2b_icon-question-hint\", \"b2b_icon-question\", \"b2b_icon-rating-empty\", \"b2b_icon-rating-filled\", \"b2b_icon-rating-half\", \"b2b_icon-rating-order\", \"b2b_icon-rating-payment\", \"b2b_icon-remote-work\", \"b2b_icon-repair\", \"b2b_icon-reply\", \"b2b_icon-retirement-provision\", \"b2b_icon-rocket\", \"b2b_icon-rye\", \"b2b_icon-sabbatical\", \"b2b_icon-sale\", \"b2b_icon-save\", \"b2b_icon-sea\", \"b2b_icon-search-enter\", \"b2b_icon-search\", \"b2b_icon-seo\", \"b2b_icon-service-info\", \"b2b_icon-sesame\", \"b2b_icon-settings\", \"b2b_icon-share-ios\", \"b2b_icon-share\", \"b2b_icon-sheep\", \"b2b_icon-shell\", \"b2b_icon-shirt\", \"b2b_icon-shopping-cart-euro\", \"b2b_icon-shopping-cart\", \"b2b_icon-show\", \"b2b_icon-smiley-angry\", \"b2b_icon-smiley-happy\", \"b2b_icon-smiley-negative\", \"b2b_icon-smiley-neutral\", \"b2b_icon-smiley-positive\", \"b2b_icon-sms-info\", \"b2b_icon-sneaker\", \"b2b_icon-sort-ascending\", \"b2b_icon-sort-descending\", \"b2b_icon-sort\", \"b2b_icon-soy\", \"b2b_icon-spelt\", \"b2b_icon-stationary\", \"b2b_icon-studies\", \"b2b_icon-success\", \"b2b_icon-sustainable-delivery\", \"b2b_icon-sustainable-energy-efficient\", \"b2b_icon-sustainable-production\", \"b2b_icon-sustainable-recycling\", \"b2b_icon-sustainable-resource\", \"b2b_icon-swipe-gesture\", \"b2b_icon-sync-device\", \"b2b_icon-t-shirt\", \"b2b_icon-tablet\", \"b2b_icon-tableware\", \"b2b_icon-target-group\", \"b2b_icon-teddy\", \"b2b_icon-test-result\", \"b2b_icon-town\", \"b2b_icon-trash\", \"b2b_icon-trend-down\", \"b2b_icon-trend-left\", \"b2b_icon-trend-right\", \"b2b_icon-trend-up\", \"b2b_icon-trousers\", \"b2b_icon-trusted\", \"b2b_icon-unpin\", \"b2b_icon-upload\", \"b2b_icon-user-management\", \"b2b_icon-vacation\", \"b2b_icon-variant-content\", \"b2b_icon-vegan\", \"b2b_icon-vegetarian\", \"b2b_icon-viewtoggle-tiles\", \"b2b_icon-village\", \"b2b_icon-volume-off\", \"b2b_icon-volume-on\", \"b2b_icon-voucher\", \"b2b_icon-walnut\", \"b2b_icon-warning-hint\", \"b2b_icon-warning\", \"b2b_icon-warranty\", \"b2b_icon-washing-machine\", \"b2b_icon-whatsapp\", \"b2b_icon-wheat\", \"b2b_icon-wifi\", \"b2b_icon-wishlist-active\", \"b2b_icon-wishlist\", \"b2b_icon-work-life\", \"b2b_icon-workshop\", \"b2b_icon-zoom-in\", \"b2b_icon-zoom-out\", \"b2b_logo-carrier-dhl\", \"b2b_logo-carrier-gls\", \"b2b_logo-carrier-hermes\", \"b2b_logo-carrier-ups\", \"b2b_icon-bullet-list\", \"b2b_icon-ordered-list\"",
|
|
1502
1689
|
"required": false,
|
|
1503
1690
|
"value": {
|
|
1504
1691
|
"kind": "expression",
|
|
1505
|
-
"type": "\"b2b_icon-360-degree\" | \"b2b_icon-advice\" | \"b2b_icon-allergen-sulfur-dioxide-sulfite\" | \"b2b_icon-almond\" | \"b2b_icon-archive\" | \"b2b_icon-armchair\" | \"b2b_icon-arrow-down\" | \"b2b_icon-arrow-graph\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-assembly\" | \"b2b_icon-assortment\" | \"b2b_icon-attachment\" | \"b2b_icon-augmented-reality\" | \"b2b_icon-autonomous-team\" | \"b2b_icon-bank-details\" | \"b2b_icon-bar-graph-ascending\" | \"b2b_icon-bar-graph-axis\" | \"b2b_icon-barley\" | \"b2b_icon-basket-sale\" | \"b2b_icon-basket\" | \"b2b_icon-basketball\" | \"b2b_icon-bikini\" | \"b2b_icon-blogs\" | \"b2b_icon-brandshop\" | \"b2b_icon-brazil-nut\" | \"b2b_icon-browser-click\" | \"b2b_icon-browser-content\" | \"b2b_icon-browser-psm\" | \"b2b_icon-burger\" | \"b2b_icon-bus\" | \"b2b_icon-callback\" | \"b2b_icon-camera\" | \"b2b_icon-cashback\" | \"b2b_icon-cashew-nut\" | \"b2b_icon-catalogue\" | \"b2b_icon-categories\" | \"b2b_icon-celery\" | \"b2b_icon-certificate\" | \"b2b_icon-chair\" | \"b2b_icon-chatbot\" | \"b2b_icon-check-bold\" | \"b2b_icon-check\" | \"b2b_icon-chicken\" | \"b2b_icon-city\" | \"b2b_icon-clear\" | \"b2b_icon-close-bold\" | \"b2b_icon-close\" | \"b2b_icon-code-management\" | \"b2b_icon-contact-mail\" | \"b2b_icon-copy\" | \"b2b_icon-cow\" | \"b2b_icon-crab\" | \"b2b_icon-critique\" | \"b2b_icon-curtain\" | \"b2b_icon-cut-out\" | \"b2b_icon-dashboard\" | \"b2b_icon-deer\" | \"b2b_icon-delete\" | \"b2b_icon-delivery-24h\" | \"b2b_icon-delivery-desired-date-selection\" | \"b2b_icon-delivery-desired-date\" | \"b2b_icon-delivery-express\" | \"b2b_icon-delivery-flat\" | \"b2b_icon-delivery-on-hangers\" | \"b2b_icon-delivery-preferred-place\" | \"b2b_icon-desktop-phone-ads-click\" | \"b2b_icon-desktop-phone-ads\" | \"b2b_icon-desktop-phone\" | \"b2b_icon-desktop\" | \"b2b_icon-devices-monitor-laptop-tablet\" | \"b2b_icon-dish-feature-lactose-free\" | \"b2b_icon-dislike\" | \"b2b_icon-disposal\" | \"b2b_icon-document-sign\" | \"b2b_icon-downloads\" | \"b2b_icon-dress\" | \"b2b_icon-dungarees\" | \"b2b_icon-duplicate\" | \"b2b_icon-duration\" | \"b2b_icon-e-invoice\" | \"b2b_icon-edit-pad\" | \"b2b_icon-edit\" | \"b2b_icon-egg\" | \"b2b_icon-ellipsis\" | \"b2b_icon-email-verification-confirmed-safe\" | \"b2b_icon-email-verification-confirmed\" | \"b2b_icon-email-verification-sent-safe\" | \"b2b_icon-email-verification-sent\" | \"b2b_icon-empty-hint\" | \"b2b_icon-end-to-end\" | \"b2b_icon-error-article-image\" | \"b2b_icon-error-hint\" | \"b2b_icon-error\" | \"b2b_icon-euro\" | \"b2b_icon-event\" | \"b2b_icon-events\" | \"b2b_icon-expand\" | \"b2b_icon-faq\" | \"b2b_icon-feedback\" | \"b2b_icon-filter\" | \"b2b_icon-fish\" | \"b2b_icon-fitness\" | \"b2b_icon-flag-chequered\" | \"b2b_icon-flexible-work\" | \"b2b_icon-flip\" | \"b2b_icon-food-processor\" | \"b2b_icon-fullscreen\" | \"b2b_icon-gallery-view\" | \"b2b_icon-gamepad\" | \"b2b_icon-garlic\" | \"b2b_icon-gender-intersex\" | \"b2b_icon-globe\" | \"b2b_icon-gluten\" | \"b2b_icon-glutenfree\" | \"b2b_icon-handshake\" | \"b2b_icon-hashtag\" | \"b2b_icon-hazelnut\" | \"b2b_icon-hide\" | \"b2b_icon-high-heels\" | \"b2b_icon-home\" | \"b2b_icon-info-small\" | \"b2b_icon-info\" | \"b2b_icon-inplace-zoom-reverse\" | \"b2b_icon-inplace-zoom\" | \"b2b_icon-insurance\" | \"b2b_icon-kamut\" | \"b2b_icon-laptop-os\" | \"b2b_icon-laptop\" | \"b2b_icon-leaving-page\" | \"b2b_icon-light-bulb\" | \"b2b_icon-like-fingers\" | \"b2b_icon-like-product\" | \"b2b_icon-like\" | \"b2b_icon-line-graph\" | \"b2b_icon-list-view\" | \"b2b_icon-location\" | \"b2b_icon-lupine\" | \"b2b_icon-macadamia\" | \"b2b_icon-material-samples\" | \"b2b_icon-measurement\" | \"b2b_icon-megaphone\" | \"b2b_icon-menu\" | \"b2b_icon-mic\" | \"b2b_icon-milk\" | \"b2b_icon-minus\" | \"b2b_icon-module-operations\" | \"b2b_icon-money-coins\" | \"b2b_icon-money-document\" | \"b2b_icon-money-plus\" | \"b2b_icon-money-stack\" | \"b2b_icon-money\" | \"b2b_icon-move\" | \"b2b_icon-mustard\" | \"b2b_icon-nav\" | \"b2b_icon-new\" | \"b2b_icon-newsletter-sign-up\" | \"b2b_icon-notification\" | \"b2b_icon-nuts\" | \"b2b_icon-oat\" | \"b2b_icon-order-cancelled\" | \"b2b_icon-order-delivered\" | \"b2b_icon-order-form\" | \"b2b_icon-order-management\" | \"b2b_icon-order-misdirected\" | \"b2b_icon-order-on-road\" | \"b2b_icon-order-packed\" | \"b2b_icon-order-payment\" | \"b2b_icon-order-received\" | \"b2b_icon-order-return\" | \"b2b_icon-order-shipped\" | \"b2b_icon-order-state-unknown\" | \"b2b_icon-order-stored\" | \"b2b_icon-order\" | \"b2b_icon-otto-app\" | \"b2b_icon-otto-campus\" | \"b2b_icon-otto-company\" | \"b2b_icon-otto-laptop\" | \"b2b_icon-otto-logo\" | \"b2b_icon-otto-up-points\" | \"b2b_icon-otto-up\" | \"b2b_icon-paper-plane\" | \"b2b_icon-pause\" | \"b2b_icon-payment-credit-card\" | \"b2b_icon-payment-invoice\" | \"b2b_icon-payment-pause\" | \"b2b_icon-payment-plan-protection\" | \"b2b_icon-payment-plan\" | \"b2b_icon-pdf\" | \"b2b_icon-peanut\" | \"b2b_icon-pecan-nut\" | \"b2b_icon-pending\" | \"b2b_icon-person-access\" | \"b2b_icon-person-callcenter\" | \"b2b_icon-person-check\" | \"b2b_icon-person-colleagues\" | \"b2b_icon-person-community\" | \"b2b_icon-person-development\" | \"b2b_icon-person-female\" | \"b2b_icon-person-info\" | \"b2b_icon-person-male\" | \"b2b_icon-person-rating\" | \"b2b_icon-person-support\" | \"b2b_icon-person-switch\" | \"b2b_icon-person-workshop\" | \"b2b_icon-person\" | \"b2b_icon-phone-permission\" | \"b2b_icon-phone\" | \"b2b_icon-pig\" | \"b2b_icon-pin\" | \"b2b_icon-pinch-gesture\" | \"b2b_icon-pinch\" | \"b2b_icon-pistachio\" | \"b2b_icon-plant\" | \"b2b_icon-play-1\" | \"b2b_icon-play\" | \"b2b_icon-plus\" | \"b2b_icon-price-alert\" | \"b2b_icon-price-tag\" | \"b2b_icon-print\" | \"b2b_icon-puzzle\" | \"b2b_icon-qr-code\" | \"b2b_icon-question-hint\" | \"b2b_icon-question\" | \"b2b_icon-rating-empty\" | \"b2b_icon-rating-filled\" | \"b2b_icon-rating-half\" | \"b2b_icon-rating-order\" | \"b2b_icon-rating-payment\" | \"b2b_icon-remote-work\" | \"b2b_icon-repair\" | \"b2b_icon-reply\" | \"b2b_icon-retirement-provision\" | \"b2b_icon-rocket\" | \"b2b_icon-rye\" | \"b2b_icon-sabbatical\" | \"b2b_icon-sale\" | \"b2b_icon-save\" | \"b2b_icon-sea\" | \"b2b_icon-search-enter\" | \"b2b_icon-search\" | \"b2b_icon-seo\" | \"b2b_icon-service-info\" | \"b2b_icon-sesame\" | \"b2b_icon-settings\" | \"b2b_icon-share-ios\" | \"b2b_icon-share\" | \"b2b_icon-sheep\" | \"b2b_icon-shell\" | \"b2b_icon-shirt\" | \"b2b_icon-shopping-cart-euro\" | \"b2b_icon-shopping-cart\" | \"b2b_icon-show\" | \"b2b_icon-smiley-angry\" | \"b2b_icon-smiley-happy\" | \"b2b_icon-smiley-negative\" | \"b2b_icon-smiley-neutral\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sms-info\" | \"b2b_icon-sneaker\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-soy\" | \"b2b_icon-spelt\" | \"b2b_icon-stationary\" | \"b2b_icon-studies\" | \"b2b_icon-success\" | \"b2b_icon-sustainable-delivery\" | \"b2b_icon-sustainable-energy-efficient\" | \"b2b_icon-sustainable-production\" | \"b2b_icon-sustainable-recycling\" | \"b2b_icon-sustainable-resource\" | \"b2b_icon-swipe-gesture\" | \"b2b_icon-sync-device\" | \"b2b_icon-t-shirt\" | \"b2b_icon-tablet\" | \"b2b_icon-tableware\" | \"b2b_icon-target-group\" | \"b2b_icon-teddy\" | \"b2b_icon-test-result\" | \"b2b_icon-town\" | \"b2b_icon-trash\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-left\" | \"b2b_icon-trend-right\" | \"b2b_icon-trend-up\" | \"b2b_icon-trousers\" | \"b2b_icon-trusted\" | \"b2b_icon-unpin\" | \"b2b_icon-upload\" | \"b2b_icon-user-management\" | \"b2b_icon-vacation\" | \"b2b_icon-variant-content\" | \"b2b_icon-vegan\" | \"b2b_icon-vegetarian\" | \"b2b_icon-viewtoggle-tiles\" | \"b2b_icon-village\" | \"b2b_icon-volume-off\" | \"b2b_icon-volume-on\" | \"b2b_icon-voucher\" | \"b2b_icon-walnut\" | \"b2b_icon-warning-hint\" | \"b2b_icon-warning\" | \"b2b_icon-warranty\" | \"b2b_icon-washing-machine\" | \"b2b_icon-whatsapp\" | \"b2b_icon-wheat\" | \"b2b_icon-wifi\" | \"b2b_icon-wishlist-active\" | \"b2b_icon-wishlist\" | \"b2b_icon-work-life\" | \"b2b_icon-workshop\" | \"b2b_icon-zoom-in\" | \"b2b_icon-zoom-out\" | \"b2b_logo-carrier-dhl\" | \"b2b_logo-carrier-gls\" | \"b2b_logo-carrier-hermes\" | \"b2b_logo-carrier-ups\""
|
|
1692
|
+
"type": "\"b2b_icon-360-degree\" | \"b2b_icon-advice\" | \"b2b_icon-allergen-sulfur-dioxide-sulfite\" | \"b2b_icon-almond\" | \"b2b_icon-archive\" | \"b2b_icon-armchair\" | \"b2b_icon-arrow-down\" | \"b2b_icon-arrow-graph\" | \"b2b_icon-arrow-left\" | \"b2b_icon-arrow-right\" | \"b2b_icon-arrow-up\" | \"b2b_icon-assembly\" | \"b2b_icon-assortment\" | \"b2b_icon-attachment\" | \"b2b_icon-augmented-reality\" | \"b2b_icon-autonomous-team\" | \"b2b_icon-bank-details\" | \"b2b_icon-bar-graph-ascending\" | \"b2b_icon-bar-graph-axis\" | \"b2b_icon-barley\" | \"b2b_icon-basket-sale\" | \"b2b_icon-basket\" | \"b2b_icon-basketball\" | \"b2b_icon-bikini\" | \"b2b_icon-blogs\" | \"b2b_icon-brandshop\" | \"b2b_icon-brazil-nut\" | \"b2b_icon-browser-click\" | \"b2b_icon-browser-content\" | \"b2b_icon-browser-psm\" | \"b2b_icon-burger\" | \"b2b_icon-bus\" | \"b2b_icon-callback\" | \"b2b_icon-camera\" | \"b2b_icon-cashback\" | \"b2b_icon-cashew-nut\" | \"b2b_icon-catalogue\" | \"b2b_icon-categories\" | \"b2b_icon-celery\" | \"b2b_icon-certificate\" | \"b2b_icon-chair\" | \"b2b_icon-chatbot\" | \"b2b_icon-check-bold\" | \"b2b_icon-check\" | \"b2b_icon-chicken\" | \"b2b_icon-city\" | \"b2b_icon-clear\" | \"b2b_icon-close-bold\" | \"b2b_icon-close\" | \"b2b_icon-code-management\" | \"b2b_icon-contact-mail\" | \"b2b_icon-copy\" | \"b2b_icon-cow\" | \"b2b_icon-crab\" | \"b2b_icon-critique\" | \"b2b_icon-curtain\" | \"b2b_icon-cut-out\" | \"b2b_icon-dashboard\" | \"b2b_icon-deer\" | \"b2b_icon-delete\" | \"b2b_icon-delivery-24h\" | \"b2b_icon-delivery-desired-date-selection\" | \"b2b_icon-delivery-desired-date\" | \"b2b_icon-delivery-express\" | \"b2b_icon-delivery-flat\" | \"b2b_icon-delivery-on-hangers\" | \"b2b_icon-delivery-preferred-place\" | \"b2b_icon-desktop-phone-ads-click\" | \"b2b_icon-desktop-phone-ads\" | \"b2b_icon-desktop-phone\" | \"b2b_icon-desktop\" | \"b2b_icon-devices-monitor-laptop-tablet\" | \"b2b_icon-dish-feature-lactose-free\" | \"b2b_icon-dislike\" | \"b2b_icon-disposal\" | \"b2b_icon-document-sign\" | \"b2b_icon-downloads\" | \"b2b_icon-dress\" | \"b2b_icon-dungarees\" | \"b2b_icon-duplicate\" | \"b2b_icon-duration\" | \"b2b_icon-e-invoice\" | \"b2b_icon-edit-pad\" | \"b2b_icon-edit\" | \"b2b_icon-egg\" | \"b2b_icon-ellipsis\" | \"b2b_icon-email-verification-confirmed-safe\" | \"b2b_icon-email-verification-confirmed\" | \"b2b_icon-email-verification-sent-safe\" | \"b2b_icon-email-verification-sent\" | \"b2b_icon-empty-hint\" | \"b2b_icon-end-to-end\" | \"b2b_icon-error-article-image\" | \"b2b_icon-error-hint\" | \"b2b_icon-error\" | \"b2b_icon-euro\" | \"b2b_icon-event\" | \"b2b_icon-events\" | \"b2b_icon-expand\" | \"b2b_icon-faq\" | \"b2b_icon-feedback\" | \"b2b_icon-filter\" | \"b2b_icon-fish\" | \"b2b_icon-fitness\" | \"b2b_icon-flag-chequered\" | \"b2b_icon-flexible-work\" | \"b2b_icon-flip\" | \"b2b_icon-food-processor\" | \"b2b_icon-fullscreen\" | \"b2b_icon-gallery-view\" | \"b2b_icon-gamepad\" | \"b2b_icon-garlic\" | \"b2b_icon-gender-intersex\" | \"b2b_icon-globe\" | \"b2b_icon-gluten\" | \"b2b_icon-glutenfree\" | \"b2b_icon-handshake\" | \"b2b_icon-hashtag\" | \"b2b_icon-hazelnut\" | \"b2b_icon-hide\" | \"b2b_icon-high-heels\" | \"b2b_icon-home\" | \"b2b_icon-info-small\" | \"b2b_icon-info\" | \"b2b_icon-inplace-zoom-reverse\" | \"b2b_icon-inplace-zoom\" | \"b2b_icon-insurance\" | \"b2b_icon-kamut\" | \"b2b_icon-laptop-os\" | \"b2b_icon-laptop\" | \"b2b_icon-leaving-page\" | \"b2b_icon-light-bulb\" | \"b2b_icon-like-fingers\" | \"b2b_icon-like-product\" | \"b2b_icon-like\" | \"b2b_icon-line-graph\" | \"b2b_icon-list-view\" | \"b2b_icon-location\" | \"b2b_icon-lupine\" | \"b2b_icon-macadamia\" | \"b2b_icon-material-samples\" | \"b2b_icon-measurement\" | \"b2b_icon-megaphone\" | \"b2b_icon-menu\" | \"b2b_icon-mic\" | \"b2b_icon-milk\" | \"b2b_icon-minus\" | \"b2b_icon-module-operations\" | \"b2b_icon-money-coins\" | \"b2b_icon-money-document\" | \"b2b_icon-money-plus\" | \"b2b_icon-money-stack\" | \"b2b_icon-money\" | \"b2b_icon-move\" | \"b2b_icon-mustard\" | \"b2b_icon-nav\" | \"b2b_icon-new\" | \"b2b_icon-newsletter-sign-up\" | \"b2b_icon-notification\" | \"b2b_icon-nuts\" | \"b2b_icon-oat\" | \"b2b_icon-order-cancelled\" | \"b2b_icon-order-delivered\" | \"b2b_icon-order-form\" | \"b2b_icon-order-management\" | \"b2b_icon-order-misdirected\" | \"b2b_icon-order-on-road\" | \"b2b_icon-order-packed\" | \"b2b_icon-order-payment\" | \"b2b_icon-order-received\" | \"b2b_icon-order-return\" | \"b2b_icon-order-shipped\" | \"b2b_icon-order-state-unknown\" | \"b2b_icon-order-stored\" | \"b2b_icon-order\" | \"b2b_icon-otto-app\" | \"b2b_icon-otto-campus\" | \"b2b_icon-otto-company\" | \"b2b_icon-otto-laptop\" | \"b2b_icon-otto-logo\" | \"b2b_icon-otto-up-points\" | \"b2b_icon-otto-up\" | \"b2b_icon-paper-plane\" | \"b2b_icon-pause\" | \"b2b_icon-payment-credit-card\" | \"b2b_icon-payment-invoice\" | \"b2b_icon-payment-pause\" | \"b2b_icon-payment-plan-protection\" | \"b2b_icon-payment-plan\" | \"b2b_icon-pdf\" | \"b2b_icon-peanut\" | \"b2b_icon-pecan-nut\" | \"b2b_icon-pending\" | \"b2b_icon-person-access\" | \"b2b_icon-person-callcenter\" | \"b2b_icon-person-check\" | \"b2b_icon-person-colleagues\" | \"b2b_icon-person-community\" | \"b2b_icon-person-development\" | \"b2b_icon-person-female\" | \"b2b_icon-person-info\" | \"b2b_icon-person-male\" | \"b2b_icon-person-rating\" | \"b2b_icon-person-support\" | \"b2b_icon-person-switch\" | \"b2b_icon-person-workshop\" | \"b2b_icon-person\" | \"b2b_icon-phone-permission\" | \"b2b_icon-phone\" | \"b2b_icon-pig\" | \"b2b_icon-pin\" | \"b2b_icon-pinch-gesture\" | \"b2b_icon-pinch\" | \"b2b_icon-pistachio\" | \"b2b_icon-plant\" | \"b2b_icon-play-1\" | \"b2b_icon-play\" | \"b2b_icon-plus\" | \"b2b_icon-price-alert\" | \"b2b_icon-price-tag\" | \"b2b_icon-print\" | \"b2b_icon-puzzle\" | \"b2b_icon-qr-code\" | \"b2b_icon-question-hint\" | \"b2b_icon-question\" | \"b2b_icon-rating-empty\" | \"b2b_icon-rating-filled\" | \"b2b_icon-rating-half\" | \"b2b_icon-rating-order\" | \"b2b_icon-rating-payment\" | \"b2b_icon-remote-work\" | \"b2b_icon-repair\" | \"b2b_icon-reply\" | \"b2b_icon-retirement-provision\" | \"b2b_icon-rocket\" | \"b2b_icon-rye\" | \"b2b_icon-sabbatical\" | \"b2b_icon-sale\" | \"b2b_icon-save\" | \"b2b_icon-sea\" | \"b2b_icon-search-enter\" | \"b2b_icon-search\" | \"b2b_icon-seo\" | \"b2b_icon-service-info\" | \"b2b_icon-sesame\" | \"b2b_icon-settings\" | \"b2b_icon-share-ios\" | \"b2b_icon-share\" | \"b2b_icon-sheep\" | \"b2b_icon-shell\" | \"b2b_icon-shirt\" | \"b2b_icon-shopping-cart-euro\" | \"b2b_icon-shopping-cart\" | \"b2b_icon-show\" | \"b2b_icon-smiley-angry\" | \"b2b_icon-smiley-happy\" | \"b2b_icon-smiley-negative\" | \"b2b_icon-smiley-neutral\" | \"b2b_icon-smiley-positive\" | \"b2b_icon-sms-info\" | \"b2b_icon-sneaker\" | \"b2b_icon-sort-ascending\" | \"b2b_icon-sort-descending\" | \"b2b_icon-sort\" | \"b2b_icon-soy\" | \"b2b_icon-spelt\" | \"b2b_icon-stationary\" | \"b2b_icon-studies\" | \"b2b_icon-success\" | \"b2b_icon-sustainable-delivery\" | \"b2b_icon-sustainable-energy-efficient\" | \"b2b_icon-sustainable-production\" | \"b2b_icon-sustainable-recycling\" | \"b2b_icon-sustainable-resource\" | \"b2b_icon-swipe-gesture\" | \"b2b_icon-sync-device\" | \"b2b_icon-t-shirt\" | \"b2b_icon-tablet\" | \"b2b_icon-tableware\" | \"b2b_icon-target-group\" | \"b2b_icon-teddy\" | \"b2b_icon-test-result\" | \"b2b_icon-town\" | \"b2b_icon-trash\" | \"b2b_icon-trend-down\" | \"b2b_icon-trend-left\" | \"b2b_icon-trend-right\" | \"b2b_icon-trend-up\" | \"b2b_icon-trousers\" | \"b2b_icon-trusted\" | \"b2b_icon-unpin\" | \"b2b_icon-upload\" | \"b2b_icon-user-management\" | \"b2b_icon-vacation\" | \"b2b_icon-variant-content\" | \"b2b_icon-vegan\" | \"b2b_icon-vegetarian\" | \"b2b_icon-viewtoggle-tiles\" | \"b2b_icon-village\" | \"b2b_icon-volume-off\" | \"b2b_icon-volume-on\" | \"b2b_icon-voucher\" | \"b2b_icon-walnut\" | \"b2b_icon-warning-hint\" | \"b2b_icon-warning\" | \"b2b_icon-warranty\" | \"b2b_icon-washing-machine\" | \"b2b_icon-whatsapp\" | \"b2b_icon-wheat\" | \"b2b_icon-wifi\" | \"b2b_icon-wishlist-active\" | \"b2b_icon-wishlist\" | \"b2b_icon-work-life\" | \"b2b_icon-workshop\" | \"b2b_icon-zoom-in\" | \"b2b_icon-zoom-out\" | \"b2b_logo-carrier-dhl\" | \"b2b_logo-carrier-gls\" | \"b2b_logo-carrier-hermes\" | \"b2b_logo-carrier-ups\" | \"b2b_icon-bullet-list\" | \"b2b_icon-ordered-list\""
|
|
1506
1693
|
}
|
|
1507
1694
|
},
|
|
1508
1695
|
{
|
|
@@ -2749,6 +2936,108 @@
|
|
|
2749
2936
|
"slots": [],
|
|
2750
2937
|
"events": []
|
|
2751
2938
|
},
|
|
2939
|
+
{
|
|
2940
|
+
"name": "b2b-snackbar",
|
|
2941
|
+
"doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
|
|
2942
|
+
"description": "",
|
|
2943
|
+
"source": {
|
|
2944
|
+
"module": "@otto-de/b2b-core-componentssrc/components/snackbar/snackbar.d.ts",
|
|
2945
|
+
"symbol": "-snackbar"
|
|
2946
|
+
},
|
|
2947
|
+
"attributes": [
|
|
2948
|
+
{
|
|
2949
|
+
"name": "action-label",
|
|
2950
|
+
"description": "Text for the Call-to-Action link.\r\nValues: string",
|
|
2951
|
+
"required": false,
|
|
2952
|
+
"value": {
|
|
2953
|
+
"kind": "expression",
|
|
2954
|
+
"type": "string"
|
|
2955
|
+
}
|
|
2956
|
+
},
|
|
2957
|
+
{
|
|
2958
|
+
"name": "description",
|
|
2959
|
+
"description": "Text on the snackbar.\r\nValues: string",
|
|
2960
|
+
"required": false,
|
|
2961
|
+
"value": {
|
|
2962
|
+
"kind": "expression",
|
|
2963
|
+
"type": "string"
|
|
2964
|
+
}
|
|
2965
|
+
},
|
|
2966
|
+
{
|
|
2967
|
+
"name": "duration",
|
|
2968
|
+
"description": "How long is snackbar shown. Default value is 5000 ms.\r\nValues: number",
|
|
2969
|
+
"required": false,
|
|
2970
|
+
"default": "5000",
|
|
2971
|
+
"value": {
|
|
2972
|
+
"kind": "expression",
|
|
2973
|
+
"type": "number"
|
|
2974
|
+
}
|
|
2975
|
+
},
|
|
2976
|
+
{
|
|
2977
|
+
"name": "has-action",
|
|
2978
|
+
"description": "Whether the snackbar has a Call-to-Action. Per default, it is false.\r\nValues: boolean",
|
|
2979
|
+
"required": false,
|
|
2980
|
+
"default": "false",
|
|
2981
|
+
"value": {
|
|
2982
|
+
"kind": "expression",
|
|
2983
|
+
"type": "boolean"
|
|
2984
|
+
}
|
|
2985
|
+
},
|
|
2986
|
+
{
|
|
2987
|
+
"name": "opened",
|
|
2988
|
+
"description": "Whether the snackbar is currently visible. Set to true to display the snackbar.\r\nValues: boolean",
|
|
2989
|
+
"required": false,
|
|
2990
|
+
"default": "false",
|
|
2991
|
+
"value": {
|
|
2992
|
+
"kind": "expression",
|
|
2993
|
+
"type": "boolean"
|
|
2994
|
+
}
|
|
2995
|
+
},
|
|
2996
|
+
{
|
|
2997
|
+
"name": "timed",
|
|
2998
|
+
"description": "Whether snackbar is show for limited time. Default is true. Error snackbars cannot be timed.\r\nValues: boolean",
|
|
2999
|
+
"required": false,
|
|
3000
|
+
"default": "true",
|
|
3001
|
+
"value": {
|
|
3002
|
+
"kind": "expression",
|
|
3003
|
+
"type": "boolean"
|
|
3004
|
+
}
|
|
3005
|
+
},
|
|
3006
|
+
{
|
|
3007
|
+
"name": "type",
|
|
3008
|
+
"description": "The type of snackbar. Default is info.\r\nValues: \"error\", \"info\", \"success\", \"warning\"",
|
|
3009
|
+
"required": false,
|
|
3010
|
+
"default": "'info'",
|
|
3011
|
+
"value": {
|
|
3012
|
+
"kind": "expression",
|
|
3013
|
+
"type": "\"error\" | \"info\" | \"success\" | \"warning\""
|
|
3014
|
+
}
|
|
3015
|
+
}
|
|
3016
|
+
],
|
|
3017
|
+
"slots": [],
|
|
3018
|
+
"events": [
|
|
3019
|
+
{
|
|
3020
|
+
"name": "b2b-action-click",
|
|
3021
|
+
"description": "Emits whenever the CTA is clicked.",
|
|
3022
|
+
"arguments": [
|
|
3023
|
+
{
|
|
3024
|
+
"name": "detail",
|
|
3025
|
+
"type": "void"
|
|
3026
|
+
}
|
|
3027
|
+
]
|
|
3028
|
+
},
|
|
3029
|
+
{
|
|
3030
|
+
"name": "b2b-close",
|
|
3031
|
+
"description": "Emits whenever the snackbar is closed.",
|
|
3032
|
+
"arguments": [
|
|
3033
|
+
{
|
|
3034
|
+
"name": "detail",
|
|
3035
|
+
"type": "void"
|
|
3036
|
+
}
|
|
3037
|
+
]
|
|
3038
|
+
}
|
|
3039
|
+
]
|
|
3040
|
+
},
|
|
2752
3041
|
{
|
|
2753
3042
|
"name": "b2b-spinner",
|
|
2754
3043
|
"doc-url": "https://b2b-design-system.otto.market/?path=/docs/overview--docs",
|
|
@@ -3142,7 +3431,7 @@
|
|
|
3142
3431
|
},
|
|
3143
3432
|
{
|
|
3144
3433
|
"name": "b2b-row-selected",
|
|
3145
|
-
"description": "Emits if the row is selectable and it is selected or unselected. Emits both unique value and the checkbox status.",
|
|
3434
|
+
"description": "Emits if the row is selectable and if it is selected or unselected. Emits both unique value and the checkbox status.",
|
|
3146
3435
|
"arguments": [
|
|
3147
3436
|
{
|
|
3148
3437
|
"name": "detail",
|
|
@@ -3518,16 +3807,6 @@
|
|
|
3518
3807
|
"kind": "expression",
|
|
3519
3808
|
"type": "any"
|
|
3520
3809
|
}
|
|
3521
|
-
},
|
|
3522
|
-
{
|
|
3523
|
-
"name": "variant",
|
|
3524
|
-
"description": "The color scheme of the toggle button. Use white for grey backgrounds and grey for white backgrounds. Per default, it is grey\r\nValues: \"grey\", \"white\"",
|
|
3525
|
-
"required": false,
|
|
3526
|
-
"default": "'grey'",
|
|
3527
|
-
"value": {
|
|
3528
|
-
"kind": "expression",
|
|
3529
|
-
"type": "\"grey\" | \"white\""
|
|
3530
|
-
}
|
|
3531
3810
|
}
|
|
3532
3811
|
],
|
|
3533
3812
|
"slots": [],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@otto-de/b2b-core-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.23.0",
|
|
4
4
|
"description": "Core components defined with Stencil",
|
|
5
5
|
"author": "Otto GmbH",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
"build:icons": "node scripts/generate-icon-types.mjs",
|
|
28
28
|
"start": "stencil build --dev --watch --serve --config stencil-dev.config.ts",
|
|
29
29
|
"test": "stencil test --spec --e2e",
|
|
30
|
+
"test-ci": "stencil test --spec --e2e --ci",
|
|
30
31
|
"test.watch": "stencil test --spec --e2e --watch",
|
|
31
32
|
"generate": "stencil generate",
|
|
32
33
|
"lint": "eslint \"src/**/*{.ts,.tsx}\" && stylelint \"src/**/*{.scss,.css}\"",
|
|
@@ -39,7 +40,7 @@
|
|
|
39
40
|
"build:storybook": "npm run copy-md-files && storybook build -o docs-build/design-system"
|
|
40
41
|
},
|
|
41
42
|
"dependencies": {
|
|
42
|
-
"@otto-de/b2b-tokens": "1.
|
|
43
|
+
"@otto-de/b2b-tokens": "1.23.0",
|
|
43
44
|
"@stencil-community/eslint-plugin": "^0.5.0",
|
|
44
45
|
"@stencil/core": "^4.12.4"
|
|
45
46
|
},
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as b,h as e,H as o,g as r}from"./p-b6a753e8.js";const i={ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",HOME:"Home",END:"End",ESC:"Escape"},t=class{constructor(e){b(this,e),this.getCurrentOption=()=>this.getAllOptions().find((b=>"0"===b.getAttribute("tabindex"))),this.getAllOptions=()=>Array.from(this.hostElement.querySelectorAll("b2b-flyout-menu-option")),this.setCurrentOption=b=>{this.getAllOptions().forEach((e=>{e.setAttribute("tabindex",e===b?"0":"-1")}))},this.resetAllOptions=()=>{this.getAllOptions().forEach((b=>{b.setAttribute("tabindex","-1")}))},this.onEscapePress=()=>{this.closeMenu()},this.toggleMenu=()=>{this.opened=!this.opened},this.closeMenu=()=>{this.opened=!1,this.resetAllOptions()},this.blurMenu=b=>{b.preventDefault();const e=b.relatedTarget;e&&"b2b-flyout-menu-option"===e.tagName.toLowerCase()||setTimeout((()=>{this.closeMenu()}),150)},this.opened=!1}connectedCallback(){const b=Array.from(this.hostElement.children).filter((b=>!b.hasAttribute("option")));0!==b.length&&(this.triggerEl=b[0],this.triggerEl.addEventListener("click",this.toggleMenu,!0),this.triggerEl.addEventListener("blur",this.blurMenu,!0))}disconnectedCallback(){Boolean(this.triggerEl)&&(this.triggerEl.removeEventListener("click",this.toggleMenu,!0),this.triggerEl.removeEventListener("blur",this.blurMenu,!0))}handleKeyDown(b){"Tab"!==b.key?b.target.tagName.toLowerCase()===this.triggerEl.tagName.toLowerCase()&&"Enter"===b.key?this.toggleMenu():Object.values(i).includes(b.key)&&this.opened&&this.navigateMenu(b):this.closeMenu()}handleSelected(){this.closeMenu()}handleClickOutside(b){(function(b,e){let o=b.target;const r=null!=o.shadowRoot,i=r?b.composedPath():[];do{if(o===e)return!1;o=r?i.shift():o.parentNode}while(Boolean(o));return!0})(b,this.hostElement)&&this.closeMenu()}navigateMenu(b){b.preventDefault();const e=this.getAllOptions(),o=this.getCurrentOption();let r=e.indexOf(o);switch(b.key){case i.ARROW_UP:r--;break;case i.ARROW_DOWN:r++;break;case i.HOME:r=0;break;case i.END:r=e.length-1;break;case i.ESC:return void this.onEscapePress();default:return}for(;r>=0&&r<e.length;){const o=e[r];if(!o.classList.contains("b2b-flyout-menu__option--disabled"))return this.setCurrentOption(o),void o.focus();b.key===i.ARROW_UP?r--:r++}r<0&&(r=e.length-1),r>e.length-1&&(r=0),this.setCurrentOption(e[r]),e[r].focus()}render(){return e(o,{key:"0221c24624055988ea4d3e7e711279fd934f9167"},e("div",{key:"78215ad3f534393a7a705164f0c3c3cc199a9ce7",class:{"b2b-flyout-menu":!0}},e("div",{key:"2b262f0fe4a9290bcf4e6bff5a7e35cb00a52612",class:"b2b-flyout-menu__trigger"},e("slot",{key:"27c068e13c042e0535742f2320f751d4935807f1",name:"trigger"})),e("div",{key:"38bb17d6acaa9c4abde9c7ca26d5746fa8a84269",onFocusout:this.blurMenu,class:{"b2b-flyout-menu__options__container":!0,"b2b-flyout-menu__options__container--on":this.opened}},e("div",{key:"bbbac10e84d9274ba9084608d8912f8460063a3d",class:"b2b-flyout-menu__arrow"}),e("slot",{key:"e9050bf99684d849acde201ab4b63f84b5a196db",name:"option"}))))}get hostElement(){return r(this)}};t.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-flyout-menu{position:relative;display:inline !important;}.b2b-flyout-menu__trigger{cursor:pointer;display:inline}.b2b-flyout-menu__trigger:focus{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px;z-index:9999}.b2b-flyout-menu .b2b-flyout-menu__options__container{background-color:var(--b2b-color-white-100);display:none;width:max-content;box-shadow:0 0 5px rgba(0, 0, 0, 0.2);font-size:var(--b2b-size-copy-100);font-family:var(--b2b-font-family-default);margin:0.75rem 0 0;position:absolute;right:-0.625rem;text-align:left;z-index:1000;line-height:var(--b2b-size-copy-line-height-100);padding:var(--b2b-size-10) 0}.b2b-flyout-menu .b2b-flyout-menu__options__container--on{display:block}.b2b-flyout-menu__arrow{bottom:100%;height:0.625rem;overflow:hidden;position:absolute;right:0;transform:translateX(-0.75rem);width:1.25rem;z-index:1001}.b2b-flyout-menu__arrow::after{background:var(--b2b-color-white-100);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);content:"";height:0.875rem;position:absolute;transform:translateX(3px) translateY(3px) rotate(45deg);width:0.875rem}.b2b-flyout-menu .purge-css-include-variables{border-radius:var(--b2b-border-radius);border-right:var(--b2b-border-right);cursor:var(--b2b-icon-cursor)}.b2b-flyout-menu__option{display:block;padding:var(--b2b-size-15) var(--b2b-size-30) 5px var(--b2b-size-30);border-bottom:1px solid transparent;cursor:pointer}.b2b-flyout-menu__option--separator{border-bottom:1px solid var(--b2b-color-grey-200)}.b2b-flyout-menu__option:hover,.b2b-flyout-menu__option:focus{background-color:var(--b2b-color-hover);outline:none}.b2b-flyout-menu__option--disabled{pointer-events:none;color:var(--b2b-color-grey-200)}';export{t as b2b_flyout_menu}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as b,c as e,h as r,H as o,g as i}from"./p-b6a753e8.js";const s=class{constructor(r){b(this,r),this.b2bGroupChange=e(this,"b2b-group-change",7),this.getChildNodes=()=>Array.from(this.host.querySelectorAll("b2b-checkbox")),this.toggleAllDisabled=()=>{this.getChildNodes().forEach(this.disabled?b=>{b.disabled=!0}:b=>{b.groupDisabled=this.disabled})},this.toggleAllError=()=>{this.getChildNodes().forEach(this.invalid&&!this.disabled?b=>{b.invalid=!0}:b=>{b.invalid=!1})},this.removeChildText=()=>{this.getChildNodes().forEach((b=>{b.error=void 0,b.hint=void 0}))},this.label=void 0,this.required=!1,this.disabled=!1,this.invalid=!1,this.alignment="vertical",this.hint=void 0,this.error=void 0}handleCheckboxChange(b){this.b2bGroupChange.emit({value:b.detail.value,checked:b.detail.checked})}disabledChanged(){this.toggleAllDisabled()}invalidChanged(){this.toggleAllError()}componentDidLoad(){this.toggleAllError(),this.removeChildText(),this.disabled&&this.toggleAllDisabled()}render(){return r(o,{key:"a13345395b22ac918fcb5b4186f5bb3057af8ea4"},r("div",{key:"b388a4b209535c47c07b2720392abeb7191b0809",class:{"b2b-checkbox-group":!0,"b2b-checkbox-group--error":this.invalid&&!this.disabled,[`b2b-checkbox-group--${this.alignment}`]:!0}},this.label&&r("b2b-input-label",{required:this.required},this.label),r("fieldset",{key:"33ed6a29fc0742e786d7f82c93dea89fdf0127b8"},r("div",{key:"da3884cbef485588a36ea6dd6c92f0dc0bdff138",class:"b2b-checkbox-group__options"},r("slot",{key:"c4f2ef006d5c8f04e45315526d076ca69a49026e"}))),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?r("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?r("span",null,this.error):""))}get host(){return i(this)}static get watchers(){return{disabled:["disabledChanged"],invalid:["invalidChanged"]}}};s.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}.b2b-checkbox-group{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100)}.b2b-checkbox-group__options{display:flex;flex-wrap:wrap;align-items:stretch;margin-bottom:var(--b2b-size-3)}.b2b-checkbox-group b2b-input-label{display:block;margin-bottom:var(--b2b-size-20)}.b2b-checkbox-group fieldset{border:none;margin:0;padding:0}.b2b-checkbox-group span{display:block;font-size:var(--b2b-size-copy-50);color:var(--b2b-color-grey-300);line-height:var(--b2b-size-copy-line-height-75)}.b2b-checkbox-group--error span{color:var(--b2b-color-error-100)}.b2b-checkbox-group--vertical .b2b-checkbox-group__options{flex-direction:column}.b2b-checkbox-group--horizontal .b2b-checkbox-group__options{flex-direction:row}';export{s as b2b_checkbox_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as b,c as e,h as r,H as o,g as i}from"./p-b6a753e8.js";import{i as s,g as a,c as t,d as c,T as l,e as n,u as d}from"./p-19392020.js";const h=class{constructor(r){b(this,r),this.b2bSelect=e(this,"b2b-group-selected",7),this.toggleSelectAll=(b,e)=>{this.toggleList(e,b);const r=e.filter((b=>!s(b)));this.selectedValues=[...r].filter((b=>b.checked)).map((b=>b.value))},this.toggleList=(b,e)=>{b.forEach((b=>(b.checked=e.detail.checked,b.indeterminate=!1)))},this.addCheckboxColumn=()=>{a(this.host).forEach((b=>b.selectable=!0))},this.toggleInitialVisibility=()=>{const b=t(this.host);(async()=>{b&&await b.toggleAccordion(this.opened)})()},this.toggleChildRowVisibility=b=>{c(this.host).forEach(this.size===l.COLSPAN?b?b=>{b.hidden=!1,b.setAttribute("aria-hidden","false")}:b=>{b.hidden=!0,b.setAttribute("aria-hidden","true")}:b?b=>{b.style.visibility="visible",b.setAttribute("aria-hidden","false")}:b=>{b.style.visibility="collapse",b.setAttribute("aria-hidden","true")})},this.type=n.HEADER,this.size=void 0,this.accordion=!1,this.selectable=!1,this.fixed=!1,this.opened=!1,this.selectedValues=[]}handleOpenChange(b){this.toggleChildRowVisibility(b.detail)}handleSelectedChange(b){var e;const r=b.target,o=this.host.closest("b2b-table"),i=null!==(e=t(this.host).value)&&void 0!==e?e:"header";if(this.accordion&&s(r)&&"header"!=i){const e=c(this.host);this.toggleSelectAll(b,e)}else if(this.type===n.HEADER){const e=c(o);this.toggleSelectAll(b,e)}else this.selectedValues=b.target.checked?[b.target.value,...this.selectedValues]:this.selectedValues.filter((e=>e!==b.target.value));this.accordion&&(d(c(this.host),t(this.host)),this.b2bSelect.emit({group:i,values:this.selectedValues})),d(c(o),t(o))}makeHeaderRowNotSelectable(){const b=t(this.host);this.type===n.HEADER&&b.setAttribute("highlight","false")}componentWillLoad(){this.accordion&&this.toggleInitialVisibility(),this.selectable&&this.addCheckboxColumn()}componentDidRender(){this.makeHeaderRowNotSelectable()}render(){return r(o,{key:"4dd4d9fe40cbb15bbbdd8aeff90d31372da60cdd",class:{["b2b-table-rowgroup__"+this.type]:!0,"b2b-table-rowgroup--fixed":this.fixed,"b2b-table-rowgroup--colspan":this.size===l.COLSPAN},role:"rowgroup"},r("slot",{key:"d4492ca4f42bde66052ed61c9d3bfebc74e790e7"}))}get host(){return i(this)}};h.style=':root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme="dark"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff") format("woff"), url("https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url("https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff")}:host{display:table-row-group}:host(.b2b-table-rowgroup__header){display:table-header-group}:host(.b2b-table-rowgroup--fixed){position:sticky;top:0;z-index:2;background-color:var(--b2b-color-white-100)}:host(.b2b-table-rowgroup--colspan){display:block}';export{h as b2b_table_rowgroup}
|