@otto-de/b2b-core-components 1.26.3 → 1.28.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-100/b2b_icon-arrow-graph-axis.svg +3 -0
- package/dist/b2b-core-components/icons-100/b2b_icon-radio.svg +3 -0
- package/dist/b2b-core-components/p-07a49843.entry.js +1 -0
- package/dist/b2b-core-components/p-08c8a952.entry.js +1 -0
- package/dist/b2b-core-components/p-14a72105.entry.js +1 -0
- package/dist/b2b-core-components/p-2202abf9.entry.js +1 -0
- package/dist/b2b-core-components/p-22dd07cc.entry.js +1 -0
- package/dist/b2b-core-components/p-2647450d.entry.js +1 -0
- package/dist/b2b-core-components/p-2a64d962.entry.js +1 -0
- package/dist/b2b-core-components/p-348f152b.entry.js +1 -0
- package/dist/b2b-core-components/p-3568c300.entry.js +1 -0
- package/dist/b2b-core-components/p-383d0a10.entry.js +1 -0
- package/dist/b2b-core-components/p-3cc11116.entry.js +1 -0
- package/dist/b2b-core-components/p-3fda7682.entry.js +1 -0
- package/dist/b2b-core-components/p-400fa973.entry.js +1 -0
- package/dist/b2b-core-components/p-5450ce1c.entry.js +1 -0
- package/dist/b2b-core-components/p-561b8fd3.entry.js +1 -0
- package/dist/b2b-core-components/p-5b9fabe6.entry.js +1 -0
- package/dist/b2b-core-components/p-5e6aa5f2.entry.js +1 -0
- package/dist/b2b-core-components/p-659c5d92.entry.js +1 -0
- package/dist/b2b-core-components/{p-48d75dc1.entry.js → p-661b0094.entry.js} +1 -1
- package/dist/b2b-core-components/p-6723772d.entry.js +1 -0
- package/dist/b2b-core-components/p-6cf5561b.entry.js +1 -0
- package/dist/b2b-core-components/p-6ff0ffdf.entry.js +1 -0
- package/dist/b2b-core-components/p-77eabb15.entry.js +1 -0
- package/dist/b2b-core-components/p-7e5a8e61.entry.js +1 -0
- package/dist/b2b-core-components/p-80c5af85.entry.js +1 -0
- package/dist/b2b-core-components/p-816190a6.entry.js +1 -0
- package/dist/b2b-core-components/p-8abf78b9.entry.js +1 -0
- package/dist/b2b-core-components/p-8d73c38a.entry.js +1 -0
- package/dist/b2b-core-components/p-9356a466.entry.js +1 -0
- package/dist/b2b-core-components/p-93bf8bbe.entry.js +1 -0
- package/dist/b2b-core-components/p-9487b0bf.entry.js +1 -0
- package/dist/b2b-core-components/{p-ee371752.entry.js → p-a155219a.entry.js} +1 -1
- package/dist/b2b-core-components/p-a9ba47d6.entry.js +1 -0
- package/dist/b2b-core-components/p-aa8b6283.entry.js +1 -0
- package/dist/b2b-core-components/p-b5b0f18e.entry.js +1 -0
- package/dist/b2b-core-components/p-bb32be62.entry.js +1 -0
- package/dist/b2b-core-components/p-bbbbd519.entry.js +1 -0
- package/dist/b2b-core-components/p-bf0a5d26.entry.js +1 -0
- package/dist/b2b-core-components/p-c2a7f367.entry.js +1 -0
- package/dist/b2b-core-components/p-c6cc2dea.entry.js +1 -0
- package/dist/b2b-core-components/p-c8a68b79.entry.js +1 -0
- package/dist/b2b-core-components/{p-bbcc4de6.entry.js → p-d1c8105b.entry.js} +1 -1
- package/dist/b2b-core-components/p-d93b45d6.entry.js +1 -0
- package/dist/b2b-core-components/p-dad8f664.entry.js +1 -0
- package/dist/b2b-core-components/p-db205434.entry.js +1 -0
- package/dist/b2b-core-components/p-dbc638ef.entry.js +1 -0
- package/dist/b2b-core-components/p-dd96c384.entry.js +1 -0
- package/dist/b2b-core-components/p-e81d0f3a.entry.js +1 -0
- package/dist/b2b-core-components/p-f51f72d4.entry.js +1 -0
- package/dist/b2b-core-components/p-f5786cad.entry.js +1 -0
- package/dist/b2b-core-components/p-f67e3fbe.entry.js +1 -0
- package/dist/b2b-core-components/p-f982a075.entry.js +1 -0
- package/dist/b2b-core-components/p-fbb917b5.entry.js +1 -0
- package/dist/b2b-core-components/p-fdc01d9c.entry.js +1 -0
- package/dist/b2b-core-components/p-fe75bd7e.entry.js +1 -0
- package/dist/b2b-core-components/p-fe7c7068.entry.js +1 -0
- package/dist/cjs/b2b-alert.cjs.entry.js +1 -1
- package/dist/cjs/b2b-anchor.cjs.entry.js +1 -1
- package/dist/cjs/b2b-background-box.cjs.entry.js +1 -1
- 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 +3 -3
- 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 +6 -5
- package/dist/cjs/b2b-core-components.cjs.js +1 -1
- package/dist/cjs/b2b-date-picker-days_5.cjs.entry.js +5 -5
- package/dist/cjs/b2b-date-picker.cjs.entry.js +36 -12
- package/dist/cjs/b2b-dropdown.cjs.entry.js +115 -32
- 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 +1 -1
- package/dist/cjs/b2b-grid-row.cjs.entry.js +2 -2
- package/dist/cjs/b2b-grid.cjs.entry.js +2 -2
- package/dist/cjs/b2b-headline.cjs.entry.js +1 -1
- package/dist/cjs/b2b-icon-100.cjs.entry.js +4 -2
- 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 +7 -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 +65 -22
- 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-shimmer.cjs.entry.js +2 -2
- package/dist/cjs/b2b-snackbar.cjs.entry.js +20 -14
- 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 +3 -3
- 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 +4 -4
- 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 +2 -2
- package/dist/cjs/b2b-wizard-step.cjs.entry.js +3 -3
- package/dist/cjs/b2b-wizard.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/alert/alert.css +5 -3
- package/dist/collection/components/anchor/anchor.css +5 -3
- package/dist/collection/components/background-box/background-box.css +5 -3
- package/dist/collection/components/breadcrumb/breadcrumb.css +5 -3
- package/dist/collection/components/button/button.css +5 -3
- package/dist/collection/components/card/card.css +5 -3
- package/dist/collection/components/checkbox/checkbox.css +5 -3
- package/dist/collection/components/checkbox-group/checkbox-group.css +5 -3
- package/dist/collection/components/chip/chip.css +5 -3
- package/dist/collection/components/chip/chip.js +21 -2
- package/dist/collection/components/chip/chip.stories.js +10 -0
- package/dist/collection/components/date-picker/date-picker-days-header.css +5 -3
- package/dist/collection/components/date-picker/date-picker-days.css +5 -3
- package/dist/collection/components/date-picker/date-picker-header.css +5 -3
- package/dist/collection/components/date-picker/date-picker-months.css +5 -3
- package/dist/collection/components/date-picker/date-picker-years.css +5 -3
- package/dist/collection/components/date-picker/date-picker.css +5 -3
- package/dist/collection/components/date-picker/date-picker.e2e.js +3 -2
- package/dist/collection/components/date-picker/date-picker.js +40 -11
- package/dist/collection/components/dropdown/dropdown.css +62 -5
- package/dist/collection/components/dropdown/dropdown.e2e.js +8 -0
- package/dist/collection/components/dropdown/dropdown.js +147 -31
- package/dist/collection/components/flyout-menu/flyout-menu-option.css +5 -3
- package/dist/collection/components/flyout-menu/flyout-menu-option.js +1 -1
- package/dist/collection/components/flyout-menu/flyout-menu.css +5 -3
- package/dist/collection/components/flyout-menu/flyout-menu.js +3 -3
- package/dist/collection/components/grid/column.js +2 -2
- package/dist/collection/components/grid/grid.css +0 -6
- package/dist/collection/components/grid/grid.js +1 -1
- package/dist/collection/components/grid/row.js +2 -2
- package/dist/collection/components/headline/headline.css +5 -3
- package/dist/collection/components/icon/icon.css +5 -3
- package/dist/collection/components/icon-100/icon-100.css +5 -3
- package/dist/collection/components/icon-100/icon-100.js +1 -1
- package/dist/collection/components/icon-100/icons-100/b2b_icon-arrow-graph-axis.svg +3 -0
- package/dist/collection/components/icon-100/icons-100/b2b_icon-radio.svg +3 -0
- package/dist/collection/components/icon-100/types.js +3 -1
- package/dist/collection/components/icon-50/icon-50.css +5 -3
- package/dist/collection/components/input/input.css +5 -3
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input-group/input-group.css +5 -3
- package/dist/collection/components/input-group/input-group.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 +5 -3
- package/dist/collection/components/input-list/input-list.js +2 -2
- package/dist/collection/components/label/label.css +5 -3
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/modal/modal.css +5 -3
- package/dist/collection/components/modal/modal.js +2 -2
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +76 -15
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.e2e.js +60 -87
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.js +155 -21
- package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.stories.js +32 -2
- package/dist/collection/components/multiselect-dropdown/multiselect-option/multiselect-option.js +2 -2
- package/dist/collection/components/pagination/pagination.css +5 -3
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/paragraph/paragraph.css +5 -3
- package/dist/collection/components/paragraph/paragraph.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.css +5 -3
- package/dist/collection/components/progress-bar/progress-bar.js +3 -3
- package/dist/collection/components/radio/radio.css +5 -3
- package/dist/collection/components/radio/radio.js +2 -2
- package/dist/collection/components/radio-group/radio-group.css +5 -3
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/required-separator/required-separator.css +5 -3
- package/dist/collection/components/required-separator/required-separator.js +1 -1
- package/dist/collection/components/rounded-icon/rounded-icon.css +5 -3
- package/dist/collection/components/rounded-icon/rounded-icon.js +4 -4
- package/dist/collection/components/scrollable-container/scrollable-container.css +5 -3
- package/dist/collection/components/scrollable-container/scrollable-container.js +1 -1
- package/dist/collection/components/search/search.js +1 -1
- package/dist/collection/components/separator/separator.css +5 -3
- package/dist/collection/components/separator/separator.js +1 -1
- package/dist/collection/components/shimmer/shimmer.css +5 -3
- package/dist/collection/components/shimmer/shimmer.js +1 -1
- package/dist/collection/components/snackbar/snackbar.css +5 -3
- package/dist/collection/components/snackbar/snackbar.e2e.js +0 -2
- package/dist/collection/components/snackbar/snackbar.js +20 -14
- package/dist/collection/components/snackbar/snackbar.stories.js +4 -3
- package/dist/collection/components/spinner/spinner.css +5 -3
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/tab/tab.css +5 -3
- 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-panel/tab-panel.css +5 -3
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/table/table-cell/table-cell.css +5 -3
- package/dist/collection/components/table/table-cell/table-cell.js +2 -2
- package/dist/collection/components/table/table-header/table-header.css +5 -3
- package/dist/collection/components/table/table-header/table-header.js +1 -1
- package/dist/collection/components/table/table-row/table-row.css +5 -3
- package/dist/collection/components/table/table-row/table-row.js +2 -2
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +5 -3
- package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +2 -2
- package/dist/collection/components/table/table.css +5 -3
- package/dist/collection/components/table/table.js +2 -2
- package/dist/collection/components/textarea/textarea.css +5 -3
- package/dist/collection/components/textarea/textarea.js +2 -2
- package/dist/collection/components/toggle-button/toggle-button.css +5 -3
- package/dist/collection/components/toggle-button/toggle-button.js +3 -3
- package/dist/collection/components/toggle-chip/toggle-chip.css +5 -3
- package/dist/collection/components/toggle-chip/toggle-chip.js +3 -3
- package/dist/collection/components/toggle-group/toggle-group.css +5 -3
- package/dist/collection/components/toggle-group/toggle-group.js +2 -2
- package/dist/collection/components/toggle-switch/toggle-switch.css +5 -3
- package/dist/collection/components/toggle-switch/toggle-switch.js +4 -4
- package/dist/collection/components/tooltip/tooltip.css +5 -3
- package/dist/collection/components/tooltip/tooltip.js +3 -3
- package/dist/collection/components/wizard/wizard-step.js +2 -2
- package/dist/collection/components/wizard/wizard.css +5 -3
- package/dist/collection/components/wizard/wizard.js +1 -1
- package/dist/collection/components/wizard-icon/wizard-icon.css +5 -3
- package/dist/collection/components/wizard-icon/wizard-icon.js +1 -1
- package/dist/components/b2b-alert.js +1 -1
- package/dist/components/b2b-anchor.js +1 -1
- package/dist/components/b2b-background-box.js +1 -1
- 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 +40 -13
- package/dist/components/b2b-dropdown.js +124 -33
- 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 +1 -1
- package/dist/components/b2b-grid-row.js +2 -2
- package/dist/components/b2b-grid.js +2 -2
- package/dist/components/b2b-icon-50.js +1 -1
- package/dist/components/b2b-icon.js +1 -1
- package/dist/components/b2b-label.js +3 -3
- package/dist/components/b2b-modal.js +3 -3
- package/dist/components/b2b-multiselect-dropdown.js +72 -22
- 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 +1 -1
- package/dist/components/b2b-shimmer.js +2 -2
- package/dist/components/b2b-snackbar.js +21 -15
- 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 +3 -3
- package/dist/components/b2b-table-rowgroup.js +3 -3
- 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 +4 -4
- 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 +3 -3
- package/dist/components/b2b-wizard.js +2 -2
- package/dist/components/button.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/chip.js +6 -4
- package/dist/components/date-picker-days-header.js +1 -1
- package/dist/components/date-picker-days.js +1 -1
- package/dist/components/date-picker-header.js +1 -1
- package/dist/components/date-picker-months.js +1 -1
- package/dist/components/date-picker-years.js +1 -1
- package/dist/components/headline.js +1 -1
- package/dist/components/icon-100.js +4 -2
- 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 +3 -3
- package/dist/components/input.js +5 -5
- package/dist/components/multiselect-option.js +2 -2
- 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 +2 -2
- package/dist/custom-elements.json +32 -2
- package/dist/esm/b2b-alert.entry.js +1 -1
- package/dist/esm/b2b-anchor.entry.js +1 -1
- package/dist/esm/b2b-background-box.entry.js +1 -1
- 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 +3 -3
- 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 +6 -5
- package/dist/esm/b2b-core-components.js +1 -1
- package/dist/esm/b2b-date-picker-days_5.entry.js +5 -5
- package/dist/esm/b2b-date-picker.entry.js +36 -12
- package/dist/esm/b2b-dropdown.entry.js +115 -32
- 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 +1 -1
- package/dist/esm/b2b-grid-row.entry.js +2 -2
- package/dist/esm/b2b-grid.entry.js +2 -2
- package/dist/esm/b2b-headline.entry.js +1 -1
- package/dist/esm/b2b-icon-100.entry.js +4 -2
- 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 +7 -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 +65 -22
- 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-shimmer.entry.js +2 -2
- package/dist/esm/b2b-snackbar.entry.js +20 -14
- 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 +3 -3
- 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 +4 -4
- 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 +2 -2
- package/dist/esm/b2b-wizard-step.entry.js +3 -3
- package/dist/esm/b2b-wizard.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/chip/chip.d.ts +2 -0
- package/dist/types/components/chip/chip.stories.d.ts +2 -0
- package/dist/types/components/date-picker/date-picker.d.ts +2 -0
- package/dist/types/components/dropdown/dropdown.d.ts +24 -5
- package/dist/types/components/grid/column.d.ts +1 -1
- package/dist/types/components/icon-100/types.d.ts +1 -1
- package/dist/types/components/multiselect-dropdown/multiselect-dropdown.d.ts +15 -3
- package/dist/types/components/multiselect-dropdown/multiselect-dropdown.stories.d.ts +5 -0
- package/dist/types/components/snackbar/snackbar.d.ts +2 -0
- package/dist/types/components.d.ts +54 -2
- package/dist/web-types.json +62 -4
- package/package.json +2 -2
- package/dist/b2b-core-components/p-01a5c813.entry.js +0 -1
- package/dist/b2b-core-components/p-01aea1a4.entry.js +0 -1
- package/dist/b2b-core-components/p-02b5dcb1.entry.js +0 -1
- package/dist/b2b-core-components/p-10e9a961.entry.js +0 -1
- package/dist/b2b-core-components/p-150f78f4.entry.js +0 -1
- package/dist/b2b-core-components/p-1758bea9.entry.js +0 -1
- package/dist/b2b-core-components/p-1ac1ed23.entry.js +0 -1
- package/dist/b2b-core-components/p-201b438d.entry.js +0 -1
- package/dist/b2b-core-components/p-225e561a.entry.js +0 -1
- package/dist/b2b-core-components/p-247b295d.entry.js +0 -1
- package/dist/b2b-core-components/p-28674643.entry.js +0 -1
- package/dist/b2b-core-components/p-30dce961.entry.js +0 -1
- package/dist/b2b-core-components/p-371efcb7.entry.js +0 -1
- package/dist/b2b-core-components/p-37cdfc83.entry.js +0 -1
- package/dist/b2b-core-components/p-3e50a85d.entry.js +0 -1
- package/dist/b2b-core-components/p-40c31c85.entry.js +0 -1
- package/dist/b2b-core-components/p-438ab795.entry.js +0 -1
- package/dist/b2b-core-components/p-45e19c6e.entry.js +0 -1
- package/dist/b2b-core-components/p-4d96ee04.entry.js +0 -1
- package/dist/b2b-core-components/p-51dab4f2.entry.js +0 -1
- package/dist/b2b-core-components/p-572f9f64.entry.js +0 -1
- package/dist/b2b-core-components/p-5c576b32.entry.js +0 -1
- package/dist/b2b-core-components/p-71f1d9a1.entry.js +0 -1
- package/dist/b2b-core-components/p-74c0757b.entry.js +0 -1
- package/dist/b2b-core-components/p-8c3b4f01.entry.js +0 -1
- package/dist/b2b-core-components/p-8fa70a00.entry.js +0 -1
- package/dist/b2b-core-components/p-900f47c2.entry.js +0 -1
- package/dist/b2b-core-components/p-925553cd.entry.js +0 -1
- package/dist/b2b-core-components/p-95570f8e.entry.js +0 -1
- package/dist/b2b-core-components/p-96bde9dd.entry.js +0 -1
- package/dist/b2b-core-components/p-99060fad.entry.js +0 -1
- package/dist/b2b-core-components/p-9de02b91.entry.js +0 -1
- package/dist/b2b-core-components/p-9e3d9908.entry.js +0 -1
- package/dist/b2b-core-components/p-a0ab40f0.entry.js +0 -1
- package/dist/b2b-core-components/p-a6dec156.entry.js +0 -1
- package/dist/b2b-core-components/p-b6916793.entry.js +0 -1
- package/dist/b2b-core-components/p-b7afa702.entry.js +0 -1
- package/dist/b2b-core-components/p-b98f7c3c.entry.js +0 -1
- package/dist/b2b-core-components/p-bf8db809.entry.js +0 -1
- package/dist/b2b-core-components/p-c3d76d28.entry.js +0 -1
- package/dist/b2b-core-components/p-c69df063.entry.js +0 -1
- package/dist/b2b-core-components/p-c8838f46.entry.js +0 -1
- package/dist/b2b-core-components/p-cc0ad9b7.entry.js +0 -1
- package/dist/b2b-core-components/p-d2c93cb5.entry.js +0 -1
- package/dist/b2b-core-components/p-d56a8c1a.entry.js +0 -1
- package/dist/b2b-core-components/p-d895f199.entry.js +0 -1
- package/dist/b2b-core-components/p-e4359302.entry.js +0 -1
- package/dist/b2b-core-components/p-e73552ea.entry.js +0 -1
- package/dist/b2b-core-components/p-ef0bbdd1.entry.js +0 -1
- package/dist/b2b-core-components/p-f31cc91d.entry.js +0 -1
- package/dist/b2b-core-components/p-f6bd827c.entry.js +0 -1
- package/dist/b2b-core-components/p-f6e8c4e9.entry.js +0 -1
- package/dist/b2b-core-components/p-fbd31067.entry.js +0 -1
- /package/dist/b2b-core-components/icons-100/{b2b_icon-sprache.svg → b2b_icon-sphere.svg} +0 -0
- /package/dist/collection/components/icon-100/icons-100/{b2b_icon-sprache.svg → b2b_icon-sphere.svg} +0 -0
|
@@ -69,7 +69,7 @@ export class B2bIcon {
|
|
|
69
69
|
"mutable": false,
|
|
70
70
|
"complexType": {
|
|
71
71
|
"original": "IconName",
|
|
72
|
-
"resolved": "\"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-chat\" | \"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-50\" | \"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-archive-6m\" | \"b2b_icon-arrow-long-down\" | \"b2b_icon-arrow-long-left\" | \"b2b_icon-arrow-long-right\" | \"b2b_icon-arrow-long-up\" | \"b2b_icon-browser-content-skyscraper\" | \"b2b_icon-browser-duration\" | \"b2b_icon-browser-list-click\" | \"b2b_icon-browser-magnifying-glass-info\" | \"b2b_icon-browser-person-click\" | \"b2b_icon-browser-target\" | \"b2b_icon-browser-teaser\" | \"b2b_icon-bullet-list\" | \"b2b_icon-chat-ellipsis\" | \"b2b_icon-clover-four-leaf\" | \"b2b_icon-cookie\" | \"b2b_icon-data-filter\" | \"b2b_icon-decision\" | \"b2b_icon-delivery-curb\" | \"b2b_icon-factory\" | \"b2b_icon-flame\" | \"b2b_icon-flyer\" | \"b2b_icon-globe-hand\" | \"b2b_icon-iceberg\" | \"b2b_icon-laptop-phone-ads\" | \"b2b_icon-laptop-phone-youtube\" | \"b2b_icon-laptop-phone\" | \"b2b_icon-letter-opened\" | \"b2b_icon-link\" | \"b2b_icon-money-banknotes\" | \"b2b_icon-money-coins-arrow\" | \"b2b_icon-movie\" | \"b2b_icon-ogh-change\" | \"b2b_icon-order-return-arrow\" | \"b2b_icon-ordered-list\" | \"b2b_icon-otto-change\" | \"b2b_icon-out-of-home-digital\" | \"b2b_icon-out-of-home\" | \"b2b_icon-person-arrow-graph\" | \"b2b_icon-person-exchange\" | \"b2b_icon-person-influencer\" | \"b2b_icon-person-magnifying-glass\" | \"b2b_icon-phone-play\" | \"b2b_icon-plus-hint\" | \"b2b_icon-price-tag-premium\" | \"b2b_icon-reach\" | \"b2b_icon-refresh\" | \"b2b_icon-room\" | \"b2b_icon-screenshot\" | \"b2b_icon-search-navigation\" | \"b2b_icon-skip-link\" | \"b2b_icon-speech-bubble-eye\" | \"b2b_icon-sprache\" | \"b2b_icon-success-hint-filled\" | \"b2b_icon-sulfur-dioxide-sulfite\" | \"b2b_icon-sustainability\" | \"b2b_icon-sustainable-animal-welfare\" | \"b2b_icon-sustainable-natural-cosmetics\" | \"b2b_icon-sustainable-organic-materials\" | \"b2b_icon-sustainable-recyclable-design\" | \"b2b_icon-sustainable-social-initiatives\" | \"b2b_icon-touch\" | \"b2b_icon-tv-smart\" | \"b2b_icon-tv-target\" | \"b2b_icon-tv\" | \"b2b_icon-youtube\"",
|
|
72
|
+
"resolved": "\"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-chat\" | \"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-50\" | \"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-archive-6m\" | \"b2b_icon-arrow-graph-axis\" | \"b2b_icon-arrow-long-down\" | \"b2b_icon-arrow-long-left\" | \"b2b_icon-arrow-long-right\" | \"b2b_icon-arrow-long-up\" | \"b2b_icon-browser-content-skyscraper\" | \"b2b_icon-browser-duration\" | \"b2b_icon-browser-list-click\" | \"b2b_icon-browser-magnifying-glass-info\" | \"b2b_icon-browser-person-click\" | \"b2b_icon-browser-target\" | \"b2b_icon-browser-teaser\" | \"b2b_icon-bullet-list\" | \"b2b_icon-chat-ellipsis\" | \"b2b_icon-clover-four-leaf\" | \"b2b_icon-cookie\" | \"b2b_icon-data-filter\" | \"b2b_icon-decision\" | \"b2b_icon-delivery-curb\" | \"b2b_icon-factory\" | \"b2b_icon-flame\" | \"b2b_icon-flyer\" | \"b2b_icon-globe-hand\" | \"b2b_icon-iceberg\" | \"b2b_icon-laptop-phone-ads\" | \"b2b_icon-laptop-phone-youtube\" | \"b2b_icon-laptop-phone\" | \"b2b_icon-letter-opened\" | \"b2b_icon-link\" | \"b2b_icon-money-banknotes\" | \"b2b_icon-money-coins-arrow\" | \"b2b_icon-movie\" | \"b2b_icon-ogh-change\" | \"b2b_icon-order-return-arrow\" | \"b2b_icon-ordered-list\" | \"b2b_icon-otto-change\" | \"b2b_icon-out-of-home-digital\" | \"b2b_icon-out-of-home\" | \"b2b_icon-person-arrow-graph\" | \"b2b_icon-person-exchange\" | \"b2b_icon-person-influencer\" | \"b2b_icon-person-magnifying-glass\" | \"b2b_icon-phone-play\" | \"b2b_icon-plus-hint\" | \"b2b_icon-price-tag-premium\" | \"b2b_icon-radio\" | \"b2b_icon-reach\" | \"b2b_icon-refresh\" | \"b2b_icon-room\" | \"b2b_icon-screenshot\" | \"b2b_icon-search-navigation\" | \"b2b_icon-skip-link\" | \"b2b_icon-speech-bubble-eye\" | \"b2b_icon-sphere\" | \"b2b_icon-success-hint-filled\" | \"b2b_icon-sulfur-dioxide-sulfite\" | \"b2b_icon-sustainability\" | \"b2b_icon-sustainable-animal-welfare\" | \"b2b_icon-sustainable-natural-cosmetics\" | \"b2b_icon-sustainable-organic-materials\" | \"b2b_icon-sustainable-recyclable-design\" | \"b2b_icon-sustainable-social-initiatives\" | \"b2b_icon-touch\" | \"b2b_icon-tv-smart\" | \"b2b_icon-tv-target\" | \"b2b_icon-tv\" | \"b2b_icon-youtube\"",
|
|
73
73
|
"references": {
|
|
74
74
|
"IconName": {
|
|
75
75
|
"location": "import",
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M20.5 20H4V15.707L8.5 11.207L11.1465 13.8535C11.2441 13.9512 11.3721 14 11.5 14C11.6279 14 11.7559 13.9512 11.8535 13.8535L18 7.70703V11.5C18 11.7764 18.2236 12 18.5 12C18.7764 12 19 11.7764 19 11.5V6.5C19 6.43494 18.9868 6.37018 18.9615 6.30908C18.9109 6.18665 18.8134 6.08911 18.6909 6.03845C18.6298 6.01318 18.5651 6 18.5 6H13.5C13.2236 6 13 6.22363 13 6.5C13 6.77637 13.2236 7 13.5 7H17.293L11.5 12.793L8.85352 10.1465C8.6582 9.95117 8.3418 9.95117 8.14648 10.1465L4 14.293V3.5C4 3.22363 3.77637 3 3.5 3C3.22363 3 3 3.22363 3 3.5V20.5C3 20.7764 3.22363 21 3.5 21H20.5C20.7764 21 21 20.7764 21 20.5C21 20.2236 20.7764 20 20.5 20Z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M8.5 10C6.57 10 5 11.57 5 13.5C5 15.43 6.57 17 8.5 17C10.43 17 12 15.43 12 13.5C12 11.57 10.43 10 8.5 10ZM8.5 16C7.122 16 6 14.878 6 13.5C6 12.122 7.122 11 8.5 11C9.878 11 11 12.122 11 13.5C11 14.878 9.878 16 8.5 16ZM17.5 16H13.5C13.3674 16 13.2402 16.0527 13.1464 16.1464C13.0527 16.2402 13 16.3674 13 16.5C13 16.6326 13.0527 16.7598 13.1464 16.8536C13.2402 16.9473 13.3674 17 13.5 17H17.5C17.6326 17 17.7598 16.9473 17.8536 16.8536C17.9473 16.7598 18 16.6326 18 16.5C18 16.3674 17.9473 16.2402 17.8536 16.1464C17.7598 16.0527 17.6326 16 17.5 16ZM17.5 14H13.5C13.3674 14 13.2402 14.0527 13.1464 14.1464C13.0527 14.2402 13 14.3674 13 14.5C13 14.6326 13.0527 14.7598 13.1464 14.8536C13.2402 14.9473 13.3674 15 13.5 15H17.5C17.6326 15 17.7598 14.9473 17.8536 14.8536C17.9473 14.7598 18 14.6326 18 14.5C18 14.3674 17.9473 14.2402 17.8536 14.1464C17.7598 14.0527 17.6326 14 17.5 14ZM20.5 10H19.984C19.9 8.871 19.046 8.008 17.959 8.008H9.236L14.676 5.968C14.8001 5.92132 14.9006 5.82725 14.9554 5.70648C15.0101 5.5857 15.0147 5.44812 14.968 5.324C14.9213 5.19988 14.8272 5.09938 14.7065 5.04462C14.5857 4.98986 14.4481 4.98532 14.324 5.032L6.387 8.008H5.077C3.932 8.008 3 8.981 3 10.177V16.841C3 18.037 3.948 19.009 5.112 19.009H17.96C19.105 19.009 20.001 18.057 20.001 16.841V13H20.501C20.6336 13 20.7608 12.9473 20.8546 12.8536C20.9483 12.7598 21.001 12.6326 21.001 12.5V10.5C21.001 10.3674 20.9483 10.2402 20.8546 10.1464C20.7608 10.0527 20.6326 10 20.5 10ZM19 16.841C19 17.496 18.543 18.009 17.959 18.009H5.112C4.51 18.01 4 17.475 4 16.841V10.177C4 9.532 4.483 9.008 5.077 9.008H17.959C18.543 9.008 19 9.521 19 10.177V16.841ZM17.5 10H13.5C13.3674 10 13.2402 10.0527 13.1464 10.1464C13.0527 10.2402 13 10.3674 13 10.5V12.5C13 12.6326 13.0527 12.7598 13.1464 12.8536C13.2402 12.9473 13.3674 13 13.5 13H17.5C17.6326 13 17.7598 12.9473 17.8536 12.8536C17.9473 12.7598 18 12.6326 18 12.5V10.5C18 10.3674 17.9473 10.2402 17.8536 10.1464C17.7598 10.0527 17.6326 10 17.5 10ZM17 12H14V11H17V12Z"/>
|
|
3
|
+
</svg>
|
|
@@ -8,6 +8,7 @@ export const iconTypes = [
|
|
|
8
8
|
"b2b_icon-archive",
|
|
9
9
|
"b2b_icon-armchair",
|
|
10
10
|
"b2b_icon-arrow-down",
|
|
11
|
+
"b2b_icon-arrow-graph-axis",
|
|
11
12
|
"b2b_icon-arrow-graph",
|
|
12
13
|
"b2b_icon-arrow-left",
|
|
13
14
|
"b2b_icon-arrow-long-down",
|
|
@@ -272,6 +273,7 @@ export const iconTypes = [
|
|
|
272
273
|
"b2b_icon-qr-code",
|
|
273
274
|
"b2b_icon-question-hint",
|
|
274
275
|
"b2b_icon-question",
|
|
276
|
+
"b2b_icon-radio",
|
|
275
277
|
"b2b_icon-rating-empty",
|
|
276
278
|
"b2b_icon-rating-filled",
|
|
277
279
|
"b2b_icon-rating-half",
|
|
@@ -320,7 +322,7 @@ export const iconTypes = [
|
|
|
320
322
|
"b2b_icon-soy",
|
|
321
323
|
"b2b_icon-speech-bubble-eye",
|
|
322
324
|
"b2b_icon-spelt",
|
|
323
|
-
"b2b_icon-
|
|
325
|
+
"b2b_icon-sphere",
|
|
324
326
|
"b2b_icon-stationary",
|
|
325
327
|
"b2b_icon-studies",
|
|
326
328
|
"b2b_icon-success-hint-filled",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
--b2b-color-grey-100: #e6e6e6;
|
|
59
59
|
--b2b-color-grey-50: #eeeeee;
|
|
60
60
|
--b2b-color-grey-25: #f6f6f6;
|
|
61
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
61
62
|
--b2b-color-white-100: #ffffff;
|
|
62
63
|
--b2b-color-black-100: #222222;
|
|
63
64
|
--b2b-color-black-50: #333333;
|
|
@@ -118,12 +119,12 @@
|
|
|
118
119
|
--b2b-color-background-overlay: var(--b2b-color-black-100);
|
|
119
120
|
--b2b-color-background-card: var(--b2b-color-white-100);
|
|
120
121
|
--b2b-color-background-box: var(--b2b-color-white-100);
|
|
121
|
-
--b2b-color-background-page: var(--b2b-color-grey-
|
|
122
|
+
--b2b-color-background-page: var(--b2b-color-grey-10);
|
|
122
123
|
--b2b-color-error-50: var(--b2b-color-red-50);
|
|
123
124
|
}
|
|
124
125
|
/**
|
|
125
126
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
127
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
127
128
|
*/
|
|
128
129
|
:root [data-theme="dark"] {
|
|
129
130
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -177,6 +178,7 @@
|
|
|
177
178
|
--b2b-color-grey-100: #e6e6e6;
|
|
178
179
|
--b2b-color-grey-50: #eeeeee;
|
|
179
180
|
--b2b-color-grey-25: #f6f6f6;
|
|
181
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
180
182
|
--b2b-color-white-100: #ffffff;
|
|
181
183
|
--b2b-color-black-100: #222222;
|
|
182
184
|
--b2b-color-black-50: #333333;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
--b2b-color-grey-100: #e6e6e6;
|
|
59
59
|
--b2b-color-grey-50: #eeeeee;
|
|
60
60
|
--b2b-color-grey-25: #f6f6f6;
|
|
61
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
61
62
|
--b2b-color-white-100: #ffffff;
|
|
62
63
|
--b2b-color-black-100: #222222;
|
|
63
64
|
--b2b-color-black-50: #333333;
|
|
@@ -118,12 +119,12 @@
|
|
|
118
119
|
--b2b-color-background-overlay: var(--b2b-color-black-100);
|
|
119
120
|
--b2b-color-background-card: var(--b2b-color-white-100);
|
|
120
121
|
--b2b-color-background-box: var(--b2b-color-white-100);
|
|
121
|
-
--b2b-color-background-page: var(--b2b-color-grey-
|
|
122
|
+
--b2b-color-background-page: var(--b2b-color-grey-10);
|
|
122
123
|
--b2b-color-error-50: var(--b2b-color-red-50);
|
|
123
124
|
}
|
|
124
125
|
/**
|
|
125
126
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
127
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
127
128
|
*/
|
|
128
129
|
:root [data-theme="dark"] {
|
|
129
130
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -177,6 +178,7 @@
|
|
|
177
178
|
--b2b-color-grey-100: #e6e6e6;
|
|
178
179
|
--b2b-color-grey-50: #eeeeee;
|
|
179
180
|
--b2b-color-grey-25: #f6f6f6;
|
|
181
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
180
182
|
--b2b-color-white-100: #ffffff;
|
|
181
183
|
--b2b-color-black-100: #222222;
|
|
182
184
|
--b2b-color-black-50: #333333;
|
|
@@ -100,18 +100,18 @@ export class InputComponent {
|
|
|
100
100
|
this.filterHintSlotContent();
|
|
101
101
|
}
|
|
102
102
|
render() {
|
|
103
|
-
return (h(Host, { key: '
|
|
103
|
+
return (h(Host, { key: 'a978500a9c7df89afc59777cc9f3b6b7c927bce6', class: {
|
|
104
104
|
'b2b-input': true,
|
|
105
105
|
'b2b-input--error': this.invalid && !this.disabled,
|
|
106
|
-
} }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("div", { key: '
|
|
106
|
+
} }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("div", { key: '62f81b08c3b93a4fbe932dc4ff93c2de1b0c768c', class: {
|
|
107
107
|
'b2b-input__wrapper': true,
|
|
108
108
|
'b2b-input__wrapper--focused': this.hasFocus,
|
|
109
109
|
'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
|
|
110
|
-
} }, h("slot", { key: '
|
|
110
|
+
} }, h("slot", { key: 'cfe4238dbd60927cda52c858ac692318c0d4956e', name: "start" }), this.hasTextPrefix && h("div", { class: "border" }), h("input", { key: 'e9956a409517f93fae827a8d43665b101d0df69a', class: {
|
|
111
111
|
'b2b-input__native-input': true,
|
|
112
112
|
['b2b-input__native-input--align-' + this.inputTextAlign]: true,
|
|
113
113
|
'b2b-input__native-input--disabled': this.disabled,
|
|
114
|
-
}, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: '
|
|
114
|
+
}, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && h("div", { class: "border" }), h("slot", { key: '30ce6e78661453a77611a19aa7fbd98925fd76a6', name: "end" })), (this.hint !== undefined || this.hintSlot) &&
|
|
115
115
|
(!this.invalid || this.disabled) ? (h("span", null, h("slot", { name: "hint" }, this.hint))) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
|
|
116
116
|
}
|
|
117
117
|
static get is() { return "b2b-input"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
--b2b-color-grey-100: #e6e6e6;
|
|
59
59
|
--b2b-color-grey-50: #eeeeee;
|
|
60
60
|
--b2b-color-grey-25: #f6f6f6;
|
|
61
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
61
62
|
--b2b-color-white-100: #ffffff;
|
|
62
63
|
--b2b-color-black-100: #222222;
|
|
63
64
|
--b2b-color-black-50: #333333;
|
|
@@ -118,12 +119,12 @@
|
|
|
118
119
|
--b2b-color-background-overlay: var(--b2b-color-black-100);
|
|
119
120
|
--b2b-color-background-card: var(--b2b-color-white-100);
|
|
120
121
|
--b2b-color-background-box: var(--b2b-color-white-100);
|
|
121
|
-
--b2b-color-background-page: var(--b2b-color-grey-
|
|
122
|
+
--b2b-color-background-page: var(--b2b-color-grey-10);
|
|
122
123
|
--b2b-color-error-50: var(--b2b-color-red-50);
|
|
123
124
|
}
|
|
124
125
|
/**
|
|
125
126
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
127
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
127
128
|
*/
|
|
128
129
|
:root [data-theme="dark"] {
|
|
129
130
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -177,6 +178,7 @@
|
|
|
177
178
|
--b2b-color-grey-100: #e6e6e6;
|
|
178
179
|
--b2b-color-grey-50: #eeeeee;
|
|
179
180
|
--b2b-color-grey-25: #f6f6f6;
|
|
181
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
180
182
|
--b2b-color-white-100: #ffffff;
|
|
181
183
|
--b2b-color-black-100: #222222;
|
|
182
184
|
--b2b-color-black-50: #333333;
|
|
@@ -56,7 +56,7 @@ export class B2BInputGroup {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
|
-
return (h(Host, { key: '
|
|
59
|
+
return (h(Host, { key: '24026d76ddfed82c245b4d3642ecb01afb7f77a8' }, h("div", { key: '28919f9eaf9621f23f48dee02160d7096ca2d371', class: { 'b2b-input-wrapper': true } }, h("slot", { key: '49b4c84997cfcfe6ac0866c01a06919b5e209a3f', name: "start" }), h("slot", { key: 'e20d5a7f1590833eed730eea609e439bc077ea98' }), h("slot", { key: '1991b8a7e3094d5f8531c227de435b36f32e9b33', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (h("span", { class: {
|
|
60
60
|
'b2b-input-wrapper__hint': true,
|
|
61
61
|
'b2b-input-wrapper__hint--error': this.invalid && !this.disabled,
|
|
62
62
|
} }, this.invalid && !this.disabled ? this.error : this.hint))));
|
|
@@ -5,11 +5,11 @@ export class InputLabelComponent {
|
|
|
5
5
|
this.disabled = false;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: 'd65e36229d0da25028f11d3a09882824d34ef5ad' }, h("label", { key: 'd41e79b91dc83d081948c37a1f9a362e5eafd2ff', class: {
|
|
9
9
|
'b2b-input-label': true,
|
|
10
10
|
'b2b-input-label--required': this.required,
|
|
11
11
|
'b2b-input-label--disabled': this.disabled,
|
|
12
|
-
} }, h("slot", { key: '
|
|
12
|
+
} }, h("slot", { key: '5615f825313d29875390bcc1feadac5cb642bc8a' }))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "b2b-input-label"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -12,7 +12,7 @@ export class InputListOptionComponent {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: 'a08b2363f67ea513b438d8a0c7b3addb7af5155a', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "b2b-input-list-option"; }
|
|
18
18
|
static get originalStyleUrls() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
--b2b-color-grey-100: #e6e6e6;
|
|
59
59
|
--b2b-color-grey-50: #eeeeee;
|
|
60
60
|
--b2b-color-grey-25: #f6f6f6;
|
|
61
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
61
62
|
--b2b-color-white-100: #ffffff;
|
|
62
63
|
--b2b-color-black-100: #222222;
|
|
63
64
|
--b2b-color-black-50: #333333;
|
|
@@ -118,12 +119,12 @@
|
|
|
118
119
|
--b2b-color-background-overlay: var(--b2b-color-black-100);
|
|
119
120
|
--b2b-color-background-card: var(--b2b-color-white-100);
|
|
120
121
|
--b2b-color-background-box: var(--b2b-color-white-100);
|
|
121
|
-
--b2b-color-background-page: var(--b2b-color-grey-
|
|
122
|
+
--b2b-color-background-page: var(--b2b-color-grey-10);
|
|
122
123
|
--b2b-color-error-50: var(--b2b-color-red-50);
|
|
123
124
|
}
|
|
124
125
|
/**
|
|
125
126
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
127
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
127
128
|
*/
|
|
128
129
|
:root [data-theme="dark"] {
|
|
129
130
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -177,6 +178,7 @@
|
|
|
177
178
|
--b2b-color-grey-100: #e6e6e6;
|
|
178
179
|
--b2b-color-grey-50: #eeeeee;
|
|
179
180
|
--b2b-color-grey-25: #f6f6f6;
|
|
181
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
180
182
|
--b2b-color-white-100: #ffffff;
|
|
181
183
|
--b2b-color-black-100: #222222;
|
|
182
184
|
--b2b-color-black-50: #333333;
|
|
@@ -137,13 +137,13 @@ export class InputListComponent {
|
|
|
137
137
|
*/
|
|
138
138
|
render() {
|
|
139
139
|
const groupOrderClass = this.getGroupOrderClassName() || '';
|
|
140
|
-
return (h(Host, { key: '
|
|
140
|
+
return (h(Host, { key: '1c98a26046f943cbc2a8cfc75e518117d9b6d88c', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, h("div", { key: '12546194e29a272ad58f8ba911621414f67fdbdd', class: {
|
|
141
141
|
'b2b-input-list': true,
|
|
142
142
|
'b2b-input-list__options-on': this.hasOptionList &&
|
|
143
143
|
this.isElementFocused &&
|
|
144
144
|
Boolean(this.value),
|
|
145
145
|
[groupOrderClass]: true,
|
|
146
|
-
} }, h("b2b-input", { key: '
|
|
146
|
+
} }, h("b2b-input", { key: '2670186f46694d0647b313c0533a569398494aaf', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (h("b2b-icon-100", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (h("slot", null)))) : null)));
|
|
147
147
|
}
|
|
148
148
|
static get is() { return "b2b-input-list"; }
|
|
149
149
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
--b2b-color-grey-100: #e6e6e6;
|
|
59
59
|
--b2b-color-grey-50: #eeeeee;
|
|
60
60
|
--b2b-color-grey-25: #f6f6f6;
|
|
61
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
61
62
|
--b2b-color-white-100: #ffffff;
|
|
62
63
|
--b2b-color-black-100: #222222;
|
|
63
64
|
--b2b-color-black-50: #333333;
|
|
@@ -118,12 +119,12 @@
|
|
|
118
119
|
--b2b-color-background-overlay: var(--b2b-color-black-100);
|
|
119
120
|
--b2b-color-background-card: var(--b2b-color-white-100);
|
|
120
121
|
--b2b-color-background-box: var(--b2b-color-white-100);
|
|
121
|
-
--b2b-color-background-page: var(--b2b-color-grey-
|
|
122
|
+
--b2b-color-background-page: var(--b2b-color-grey-10);
|
|
122
123
|
--b2b-color-error-50: var(--b2b-color-red-50);
|
|
123
124
|
}
|
|
124
125
|
/**
|
|
125
126
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
127
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
127
128
|
*/
|
|
128
129
|
:root [data-theme="dark"] {
|
|
129
130
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -177,6 +178,7 @@
|
|
|
177
178
|
--b2b-color-grey-100: #e6e6e6;
|
|
178
179
|
--b2b-color-grey-50: #eeeeee;
|
|
179
180
|
--b2b-color-grey-25: #f6f6f6;
|
|
181
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
180
182
|
--b2b-color-white-100: #ffffff;
|
|
181
183
|
--b2b-color-black-100: #222222;
|
|
182
184
|
--b2b-color-black-50: #333333;
|
|
@@ -4,10 +4,10 @@ export class LabelComponent {
|
|
|
4
4
|
this.type = 'neutral';
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("span", { key: '
|
|
7
|
+
return (h("span", { key: '36fd4a402ca1ac859e61f65a03e387d700d7133c', class: {
|
|
8
8
|
'b2b-label': true,
|
|
9
9
|
[`b2b-label--${this.type}`]: true,
|
|
10
|
-
} }, h("slot", { key: '
|
|
10
|
+
} }, h("slot", { key: 'f6baa21d06fa1ac1e7192f639bea7d070a4881d8' })));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "b2b-label"; }
|
|
13
13
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
--b2b-color-grey-100: #e6e6e6;
|
|
59
59
|
--b2b-color-grey-50: #eeeeee;
|
|
60
60
|
--b2b-color-grey-25: #f6f6f6;
|
|
61
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
61
62
|
--b2b-color-white-100: #ffffff;
|
|
62
63
|
--b2b-color-black-100: #222222;
|
|
63
64
|
--b2b-color-black-50: #333333;
|
|
@@ -118,12 +119,12 @@
|
|
|
118
119
|
--b2b-color-background-overlay: var(--b2b-color-black-100);
|
|
119
120
|
--b2b-color-background-card: var(--b2b-color-white-100);
|
|
120
121
|
--b2b-color-background-box: var(--b2b-color-white-100);
|
|
121
|
-
--b2b-color-background-page: var(--b2b-color-grey-
|
|
122
|
+
--b2b-color-background-page: var(--b2b-color-grey-10);
|
|
122
123
|
--b2b-color-error-50: var(--b2b-color-red-50);
|
|
123
124
|
}
|
|
124
125
|
/**
|
|
125
126
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
127
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
127
128
|
*/
|
|
128
129
|
:root [data-theme="dark"] {
|
|
129
130
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -177,6 +178,7 @@
|
|
|
177
178
|
--b2b-color-grey-100: #e6e6e6;
|
|
178
179
|
--b2b-color-grey-50: #eeeeee;
|
|
179
180
|
--b2b-color-grey-25: #f6f6f6;
|
|
181
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
180
182
|
--b2b-color-white-100: #ffffff;
|
|
181
183
|
--b2b-color-black-100: #222222;
|
|
182
184
|
--b2b-color-black-50: #333333;
|
|
@@ -82,10 +82,10 @@ export class ModalComponent {
|
|
|
82
82
|
this.attemptFocus(this.getFirstFocusableElement());
|
|
83
83
|
}
|
|
84
84
|
render() {
|
|
85
|
-
return (h(Host, { key: '
|
|
85
|
+
return (h(Host, { key: 'b4b05e83f2b046b95c1a6b99497d1773c2a9b47a' }, h("div", { key: '53f334ae7646d4f76356bfbab36f2fa15a5b573e', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, h("div", { key: '9956a9df55629700f513900645edf57069040607', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), h("div", { key: '42ec92fe4ea857844ead5918d7feeeb300af11d7', class: {
|
|
86
86
|
'b2b-modal__dialog': true,
|
|
87
87
|
[`b2b-modal__dialog--${this.variant}`]: true,
|
|
88
|
-
} }, h("div", { key: '
|
|
88
|
+
} }, h("div", { key: 'dbf97f26ae5ed4389ab13b90acdbcff506ba97a9', class: "b2b-modal__dialog__header" }, h("div", { key: '2d690ee0a36fca230335db2512e9e62067dd660e', class: "b2b-modal__dialog__header-left" }, h("b2b-headline", { key: 'd1e0a7f337bdca5aace7ca7bc401be91a3841e52', align: "center", size: "200", noMargin: true }, this.heading), h("slot", { key: '1353d71a10811f8d59f8234f7061085256690f35', name: "header-icon" })), h("div", { key: 'a7d169dc476c7026999251f31c90ba856f93a875', class: "b2b-modal__dialog__header-right" }, h("button", { key: '173acf84e14e203f2a69398e89736a90f9db05d4', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, h("b2b-icon-100", { key: '20e5481f4b9210323e280dc9f8c372ac852a36c5', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), h("div", { key: 'abc50a9191e9bd392bea9541f5e6a9502de6ac0c', class: "b2b-modal__dialog__body" }, h("slot", { key: '9e985a993cfe662e1cb3e6a75bcdb12f7b521e29' })), h("div", { key: '62245e1b1d7706f711536df32bed44c341995a43', class: "b2b-modal__dialog__footer" }, h("div", { key: '0f1312eb1fcd6baf7693db1ac699d4a58e229f9c', class: "b2b-modal__dialog__footer-left" }, h("slot", { key: '8db890620ed795d59eecb1b880b3404978808981', name: "footer-left" })), h("div", { key: '508d4f186971487006cd44a5df7f5e1c52cb3029', class: "b2b-modal__dialog__footer-right" }, h("slot", { key: '19d4db8090b390e6104105dff3e82715d1de9a6a', name: "footer-right" })))), h("div", { key: '7de78642381949b8a07724df7c7df090793f9925', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), h("div", { key: 'e8b96691c75061fb0525219c7227ac4f1f54e7ee', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
|
|
89
89
|
}
|
|
90
90
|
static get is() { return "b2b-modal"; }
|
|
91
91
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root, :host {
|
|
6
6
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
--b2b-color-grey-100: #e6e6e6;
|
|
59
59
|
--b2b-color-grey-50: #eeeeee;
|
|
60
60
|
--b2b-color-grey-25: #f6f6f6;
|
|
61
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
61
62
|
--b2b-color-white-100: #ffffff;
|
|
62
63
|
--b2b-color-black-100: #222222;
|
|
63
64
|
--b2b-color-black-50: #333333;
|
|
@@ -118,12 +119,12 @@
|
|
|
118
119
|
--b2b-color-background-overlay: var(--b2b-color-black-100);
|
|
119
120
|
--b2b-color-background-card: var(--b2b-color-white-100);
|
|
120
121
|
--b2b-color-background-box: var(--b2b-color-white-100);
|
|
121
|
-
--b2b-color-background-page: var(--b2b-color-grey-
|
|
122
|
+
--b2b-color-background-page: var(--b2b-color-grey-10);
|
|
122
123
|
--b2b-color-error-50: var(--b2b-color-red-50);
|
|
123
124
|
}
|
|
124
125
|
/**
|
|
125
126
|
* Do not edit directly
|
|
126
|
-
* Generated on
|
|
127
|
+
* Generated on Tue, 29 Apr 2025 06:54:24 GMT
|
|
127
128
|
*/
|
|
128
129
|
:root [data-theme="dark"] {
|
|
129
130
|
--b2b-size-200: 5rem; /* 80px */
|
|
@@ -177,6 +178,7 @@
|
|
|
177
178
|
--b2b-color-grey-100: #e6e6e6;
|
|
178
179
|
--b2b-color-grey-50: #eeeeee;
|
|
179
180
|
--b2b-color-grey-25: #f6f6f6;
|
|
181
|
+
--b2b-color-grey-10: #f0f0f0;
|
|
180
182
|
--b2b-color-white-100: #ffffff;
|
|
181
183
|
--b2b-color-black-100: #222222;
|
|
182
184
|
--b2b-color-black-50: #333333;
|
|
@@ -221,38 +223,66 @@
|
|
|
221
223
|
width: 100%;
|
|
222
224
|
}
|
|
223
225
|
:host b2b-input-label {
|
|
224
|
-
margin-bottom: var(--b2b-size-
|
|
226
|
+
margin-bottom: var(--b2b-size-5);
|
|
225
227
|
display: block;
|
|
226
228
|
}
|
|
229
|
+
:host span {
|
|
230
|
+
display: block;
|
|
231
|
+
color: var(--b2b-color-grey-300);
|
|
232
|
+
font-size: var(--b2b-size-copy-50);
|
|
233
|
+
line-height: var(--b2b-size-copy-line-height-75);
|
|
234
|
+
font-family: var(--b2b-font-family-default);
|
|
235
|
+
white-space: normal;
|
|
236
|
+
word-break: break-word;
|
|
237
|
+
max-width: 100%;
|
|
238
|
+
}
|
|
227
239
|
:host .b2b-multiselect-dropdown {
|
|
228
240
|
position: relative;
|
|
229
241
|
display: flex;
|
|
242
|
+
align-items: center;
|
|
230
243
|
justify-content: space-between;
|
|
231
244
|
min-width: 20rem;
|
|
232
245
|
overflow: hidden;
|
|
233
246
|
border: 1px solid var(--b2b-color-grey-200);
|
|
234
247
|
border-radius: var(--b2b-size-border-radius-100);
|
|
235
|
-
padding:
|
|
248
|
+
padding: 5px var(--b2b-size-20);
|
|
236
249
|
max-height: 104px;
|
|
237
250
|
background-color: var(--b2b-color-white-100);
|
|
238
251
|
}
|
|
239
252
|
:host .b2b-multiselect-dropdown--open {
|
|
240
|
-
|
|
241
|
-
|
|
253
|
+
z-index: 1001;
|
|
254
|
+
outline: 2px solid -webkit-focus-ring-color;
|
|
255
|
+
outline-offset: -1px;
|
|
242
256
|
}
|
|
243
|
-
:host .b2b-multiselect-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
257
|
+
:host .b2b-multiselect-dropdown--error {
|
|
258
|
+
border: 1px solid var(--b2b-color-error-100);
|
|
259
|
+
background-color: var(--b2b-color-error-50);
|
|
260
|
+
}
|
|
261
|
+
:host .b2b-multiselect-dropdown--focused {
|
|
262
|
+
z-index: 1001;
|
|
263
|
+
outline: 2px solid var(--b2b-color-error-100);
|
|
264
|
+
outline-offset: -1px;
|
|
250
265
|
}
|
|
251
266
|
:host .b2b-multiselect-dropdown__chip-container {
|
|
252
267
|
display: flex;
|
|
253
268
|
flex-flow: row wrap;
|
|
269
|
+
align-items: center;
|
|
254
270
|
gap: 4px 0;
|
|
255
271
|
width: calc(100% - 24px);
|
|
272
|
+
padding: var(--b2b-size-1) 0;
|
|
273
|
+
}
|
|
274
|
+
:host .b2b-multiselect-dropdown__placeholder {
|
|
275
|
+
display: inline-flex;
|
|
276
|
+
align-items: center;
|
|
277
|
+
height: auto;
|
|
278
|
+
line-height: normal;
|
|
279
|
+
font-size: var(--b2b-size-copy-100);
|
|
280
|
+
font-family: var(--b2b-font-family-default);
|
|
281
|
+
color: var(--b2b-color-black-100);
|
|
282
|
+
user-select: none;
|
|
283
|
+
cursor: default;
|
|
284
|
+
padding: 0;
|
|
285
|
+
border-radius: var(--b2b-size-border-radius-100);
|
|
256
286
|
}
|
|
257
287
|
:host .b2b-multiselect-dropdown__options-container {
|
|
258
288
|
position: relative;
|
|
@@ -268,7 +298,10 @@
|
|
|
268
298
|
overflow-y: auto;
|
|
269
299
|
margin: 0;
|
|
270
300
|
background-color: var(--b2b-color-white-100);
|
|
271
|
-
border: solid
|
|
301
|
+
border-right: var(--b2b-size-1) solid var(--b2b-color-black-100);
|
|
302
|
+
border-left: var(--b2b-size-1) solid var(--b2b-color-black-100);
|
|
303
|
+
border-bottom: var(--b2b-size-1) solid var(--b2b-color-black-100);
|
|
304
|
+
border-top: 2px none -webkit-focus-ring-color;
|
|
272
305
|
box-sizing: border-box;
|
|
273
306
|
z-index: 10;
|
|
274
307
|
}
|
|
@@ -292,4 +325,32 @@
|
|
|
292
325
|
}
|
|
293
326
|
:host .b2b-multiselect-dropdown__option__show-more-button {
|
|
294
327
|
cursor: pointer;
|
|
328
|
+
}
|
|
329
|
+
:host .b2b-multiselect-dropdown--disabled {
|
|
330
|
+
color: var(--b2b-color-grey-250);
|
|
331
|
+
background-color: var(--b2b-color-grey-25);
|
|
332
|
+
border: 1px solid var(--b2b-color-grey-200);
|
|
333
|
+
cursor: not-allowed;
|
|
334
|
+
pointer-events: none;
|
|
335
|
+
}
|
|
336
|
+
:host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__chip-container {
|
|
337
|
+
opacity: 0.5;
|
|
338
|
+
}
|
|
339
|
+
:host .b2b-multiselect-dropdown--disabled .b2b-multiselect-dropdown__placeholder {
|
|
340
|
+
color: var(--b2b-color-grey-300);
|
|
341
|
+
}
|
|
342
|
+
:host .b2b-multiselect-dropdown__error-message {
|
|
343
|
+
margin-top: var(--b2b-size-7);
|
|
344
|
+
color: var(--b2b-color-error-100);
|
|
345
|
+
font-size: var(--b2b-size-copy-50);
|
|
346
|
+
line-height: var(--b2b-size-copy-line-height-75);
|
|
347
|
+
font-family: var(--b2b-font-family-default);
|
|
348
|
+
display: block;
|
|
349
|
+
}
|
|
350
|
+
:host .b2b-multiselect-dropdown__hint {
|
|
351
|
+
margin-top: var(--b2b-size-7);
|
|
352
|
+
font-size: var(--b2b-size-copy-50);
|
|
353
|
+
line-height: var(--b2b-size-copy-line-height-75);
|
|
354
|
+
font-family: var(--b2b-font-family-default);
|
|
355
|
+
display: block;
|
|
295
356
|
}
|